@charset "utf-8";
/* CSS Document for Books */

/* -------------------------------------------------------------
ALL
--------------------------------------------------------------*/

.books__detail .google__btn {
  width: 260px;
  max-width: 100%;
  min-height: 50px;
  position: relative;
}
.books__detail .google__btn a {
  color: #666;
  font-size: 20px;
  font-size: 110%;
  line-height: 1;
  text-decoration: none;
  background-color: #fff;
  width: 100%;
  padding: 18px;
  border: solid 1px #ccc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.books__detail .google__btn a:hover {
  color: #0096e0;
  border: solid 1px #0096e0;
}

/* -------------------------------------------------------------
PC
--------------------------------------------------------------*/
@media all and (min-width: 769px) {

	/* style.css 再定義 */
	.books__list .contents--2 .contents__btn-shop .books__btn_shop{
    width: 100%;
  	 max-width: 290px;
  	 height: 60px;
  	 box-sizing: border-box;
  	 margin: 0 0px 0 0;
  	 border: 1px solid #aaaaaa;
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
    border-radius: 4px;
  	 text-decoration: none;
    }

	.books__detail .contents--2 {
		border:none;
		padding:0px 0px 20px 20px;
		margin-bottom: 0;
		justify-content: space-between;
	}
	.books__detail .contents--2 .contents__img {
		width:316px;
		height:390px;
		margin-right:20px;
		border:0;
	}
	.books__detail .contents--2 .contents__body {
		width:calc(100% - 336px);
		min-width:308px;
		position:relative;
	}
	.books__detail .contents--2 .contents__body .contents__title {
		line-height:1.3;
	}
	.books__detail .contents--2 .contents__body .contents__title span {
		font-size:90%;
	}
	.books__detail .contents--2 .contents__body .contents__title span.nobold {
		font-weight: normal;
	}
	.books__detail .contents--2 .contents__body .contents__text {
		border:none;
	}
	.books__detail .contents--2 .contents__body .contents__type-list {
		font-size:110%;
	}
	.books__detail .contents--2 .contents__body .contents__isbn {
		font-size:110%;
	}
	.books__detail__author_list{
		margin-bottom: 15px;
	}
	.books__detail__list .contents--2 {
		padding:30px 18px;
		justify-content: space-between;
	}
	.books__detail__list .contents__img2 {
		margin-left:20px;
		margin-right:0px;
	}

	.books__detail__author_list .school_detail__body {
		margin-bottom:-1px;
	}
	.books__detail__author_list .contents--2 {
		padding:15px 18px;border-color:#666666;border-radius:0;border-left:0;border-right:0;
	}
	.books__detail__author_list .contents--2 .contents__title {
		font-size:130%;margin-bottom:16px;color:#555555;
	}
	.books__detail__author_list .contents--2 .contents__type-list {
		margin-bottom:16px;padding-bottom:0;font-size:112%;color:#000000;font-weight:bold;
	}
	.books__detail__author_list .contents--2 .contents__text {
		line-height:200%;
	}
	.books__detail__author_list .contents--2 .contents__body {
		margin-bottom:-1px;
		max-width: 100%;
	}

	.books__detail__contents_list{
		margin-bottom: 15px;
	}
	.books__detail__contents_list .contents--2 {
		padding:15px 18px;border-color:#666666;border-radius:0;border-left:0;border-right:0;
	}
	.books__detail__contents_list .contents--2 .contents__title {
		font-size:130%;margin-bottom:16px;color:#555555;
	}
	.books__detail__contents_list .contents--2 .contents__text {
		line-height:200%;
	}
	.books__detail__contents_list .contents--2 .contents__body {
	}

	/* side_info */
	.contents__navi_author {
		width: 100%;
		position: relative;
		box-sizing: border-box;
		background-color: #fafafa;
		margin-top: 45px;
		padding: 0 0 20px;
	}
	.navi_author{
    	width: 260px;
  		margin: 0 auto 20px;
  		box-sizing: border-box;
  		background-color: #ffffff;
  		border: 1px solid #eeeeee;
    }
	.navi_author .ranking_img {
		margin-top:2em;
	}
	.navi_author .ranking_info{
		box-sizing: border-box;
		width: 100%;
		padding: 1.45em;
	}
	.contents__navi_author .navi_author .ranking_title{
  		font-size:93%;
		font-weight: bold;
		margin-bottom: 10px;
    }
	.contents__navi_author .navi_author .ranking_auther{
  		font-size:93%;
		font-weight: normal;
		margin-bottom: 10px;
    }
	.contents__navi_author .navi_author .ranking_txt{
  		font-size:86%;
		font-weight: normal;
		line-height: 1.67em;
    }

	.icn__books__author-01{
    	background-color: #616161;
    }
    .icn__books__author-01:after {
      border-color: transparent #616161 transparent transparent;
    }

	.books_author_slider_link{
		position: absolute;
		top: -12px;
		right: 0;
	}
	.books_author_slider_link a{
		padding-left: 18px;
		color: #666666;
		font-weight: bold;
		text-decoration: none;
	}
	.books_author_slider_link a:before{
		content: "";
		position: absolute;
		left: 5px;
		top: 5px;
		border: 6px solid rgba(0,0,0,0);
		border-left-color: #124488;
	}

	.books__detail__authorlink_list .school_detail__body--2 {
		background-color: #fff;
	    padding: 0px;
	    border: solid 0px #fff;

		width:100%;
		display: flex;
		justify-content: space-between;
	}
	.books__detail__authorlink_list .navi_author{
    /*	width: 260px;*/
  		margin: 0 0px 0 0px;
  		box-sizing: border-box;
  		background-color: #ffffff;
  		border: 1px solid #000000;
		/*display:inline-block;*/
    }
	.books__detail__authorlink_list .ranking_title{
  		font-size:93%;
		font-weight: bold;
		margin-bottom: 10px;
    }
	.books__detail__authorlink_list .ranking_auther{
  		font-size:93%;
		font-weight: normal;
		margin-bottom: 10px;
    }
	.books__detail__authorlink_list .ranking_txt{
  		font-size:86%;
		font-weight: normal;
		line-height: 1.67em;
    }


	/* Purchase */
	.books__purchase {
		margin-bottom:0;
	}
	.contents--2.books__purchase__content {
		border-top:0;
		border-left:0;
		border-right:0;
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
		padding-top:20px;
	}
	.contents--2.books__purchase__content .contents__body {
		max-width: 670px;
		width:100%;
	}
	.contents--2.books__purchase__content .contents__body .contents__title .nobold {
		font-weight: normal;
	}

	.books__detail__purchase_list {
		width:100%;
		max-width: 670px;
	}
	.books__detail__purchase_list .school_detail__body {
		width:auto;
	}
	.books__detail__purchase_list .school_detail__body--1 {
		background-color: #fff;
	    padding: 0px;
	    border: solid 0px #fff;
		width:100%;
		display: flex;
		justify-content: space-between;
		margin:20px 0;
	}
	.books__detail__purchase_list .navi_shop{
  		margin: 0 0px 0 0px;
  		box-sizing: border-box;
  		background-color: #ffffff;
  		border: 1px solid #cccccc;
		border-radius: 4px;
		padding: 3px;
    }
	.books__detail__purchase_list .shop_img{
  		width: 100%;
    }
	.books__detail__purchase_list .shop_img a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
	    filter: alpha(opacity=70);
	    -moz-opacity: 0.7;
	    -webkit-opacity: 0.7;
	    opacity: 0.7;
	}
	.books__detail__purchase_list .contents--3 {
      padding: 10px;
      background-color: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

	.books__detail__purchase_backbtn {
	}
	.books__detail__purchase_backbtn a {
		width:240px;
		height:42px;
		background-color: #616161;
		border-radius: 25px;
        display: flex;
        justify-content: center;
		padding-top:8px;
		margin:0 auto;

		color:#ffffff;
		font-size:150%;
		text-decoration: none;
	}
	.books__detail__purchase_backbtn a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
	    filter: alpha(opacity=70);
	    -moz-opacity: 0.7;
	    -webkit-opacity: 0.7;
	    opacity: 0.7;
	}

}

/* -------------------------------------------------------------
スマホ
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {

	
	.books__detail .google__btn {
  		width: 100%;
  		max-width: 260px;
  		min-height: 50px;
  		position: relative;
	}
	.books__detail .contents--2 {
		border:none;
		padding:0px 0px 20px 20px;
		justify-content: space-between;
	}
	.books__detail .contents--2 .contents__body .contents__title {
		line-height:1.3;
	}
	.books__detail .contents--2 .contents__body .contents__title span {
		font-size:90%;
	}
	.books__detail .contents--2 .contents__body .contents__title span.nobold {
		font-weight: normal;
	}
	.books__detail .contents--2 .contents__body .contents__text {
		border:none;
	}
	.books__detail .contents--2 .contents__body .contents__type-list {
		font-size:110%;
	}
	.books__detail .contents--2 .contents__body .contents__isbn {
		font-size:110%;
	}

	.books__detail__list .contents__img {
		width:100%;
		max-width: 364px !important;
	}
	.books__detail__list .contents__img2 {
		margin-left:0px;
		width:100%;
		max-width: 364px !important;
	}

	.books__detail__author_list .school_detail__body {
		margin-bottom:-1px;
	}
	.books__detail__author_list .contents--2 {
		padding:30px 18px;border-color:#666666;border-radius:0;border-left:0;border-right:0;
	}
	.books__detail__author_list .contents--2 .contents__title {
		font-size:130%;margin-bottom:16px;color:#555555;
	}
	.books__detail__author_list .contents--2 .contents__type-list {
		margin-bottom:16px;padding-bottom:0;font-size:112%;color:#000000;font-weight:bold;
	}
	.books__detail__author_list .contents--2 .contents__text {
		line-height:200%;
	}
	.books__detail__author_list .contents--2 .contents__body {
		margin-bottom:-1px;
		max-width: 100%;
	}

	.books__detail__contents_list .school_detail__body {
	}
	.books__detail__contents_list .contents--2 {
		padding:30px 18px;border-color:#666666;border-radius:0;border-left:0;border-right:0;
	}
	.books__detail__contents_list .contents--2 .contents__title {
		font-size:130%;margin-bottom:16px;color:#555555;
	}
	.books__detail__contents_list .contents--2 .contents__text {
		line-height:200%;
	}
	.books__detail__contents_list .contents--2 .contents__body {
	}

	/* side_info */
	.contents__navi_author {
		width: 100%;
		position: relative;
		box-sizing: border-box;
		background-color: #fafafa;
		margin-top: 45px;
		padding: 0 0 20px;
	}
	.navi_author{
    	width: 100%;
  		margin: 0 auto 20px;
  		box-sizing: border-box;
  		background-color: #ffffff;
  		border: 1px solid #eeeeee;
    }
	.contents__navi_author .navi_author{
    	width: calc(100% - 40px);
    }
	.navi_author .ranking_img {
		margin-top:2em;
	}
	.navi_author .ranking_info{
		box-sizing: border-box;
		width: 100%;
		padding: 1.45em;
	}

	.contents__navi_author .navi_author .ranking_title{
  		font-size:93%;
		font-weight: bold;
		margin-bottom: 10px;
    }
	.contents__navi_author .navi_author .ranking_auther{
  		font-size:93%;
		font-weight: normal;
		margin-bottom: 10px;
    }
	.contents__navi_author .navi_author .ranking_txt{
  		font-size:86%;
		font-weight: normal;
		line-height: 1.67em;
    }

	.icn__books__author-01{
    	background-color: #616161;
    }
    .icn__books__author-01:after {
      border-color: transparent #616161 transparent transparent;
    }

	.books_author_slider_link{
		position: absolute;
	/*	position: relative;*/
		top: 0px;
		right: 20px;
	}
	.books_author_slider_link a{
		padding-left: 18px;
		color: #666666;
		font-weight: bold;
		text-decoration: none;
	}
	.books_author_slider_link a:before{
		content: "";
		position: absolute;
		left: 5px;
		top: 5px;
		border: 6px solid rgba(0,0,0,0);
		border-left-color: #124488;
	}

	.books__detail__authorlink_list .school_detail__body--2 {
		background-color: #fff;
	    padding: 0px;
	    border: solid 0px #fff;
	}
	.books__detail__authorlink_list .navi_author{
    /*	width: 260px;*/
  		margin: 0 0px 20px 0px;
  		box-sizing: border-box;
  		background-color: #ffffff;
  		border: 1px solid #000000;
		/*display:inline-block;*/
    }
	.books__detail__authorlink_list .ranking_title{
  		font-size:93%;
		font-weight: bold;
		margin-bottom: 10px;
    }
	.books__detail__authorlink_list .ranking_auther{
  		font-size:93%;
		font-weight: normal;
		margin-bottom: 10px;
    }
	.books__detail__authorlink_list .ranking_txt{
  		font-size:86%;
		font-weight: normal;
		line-height: 1.67em;
    }

	/* Purchase */
	.books__purchase {
		margin-bottom:0;
	}
	.contents--2.books__purchase__content {
		border-top:0;
		border-left:0;
		border-right:0;
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
		padding-top:20px;
	}
	.contents--2.books__purchase__content .contents__body {
		max-width: 670px;
		width:100%;
	}
	.contents--2.books__purchase__content .contents__body .contents__title .nobold {
		font-weight: normal;
	}
	.books__detail__purchase_list {
		width:100%;
		max-width: 670px;
	}
	.books__detail__purchase_list .school_detail__body {
		width:auto;
	}
	.books__detail__purchase_list .school_detail__body--1 {
		background-color: #fff;
	    padding: 0px;
	    border: solid 0px #fff;
		width:100%;
		width:auto;
	/*	display: flex;
		justify-content: space-between;*/
		justify-content: center;
		margin:0 0 10px 0;
	}
	.books__detail__purchase_list .navi_shop{
  		margin: 0px 0px 10px 0px;
  		box-sizing: border-box;
  		background-color: #ffffff;
  		border: 1px solid #cccccc;
		border-radius: 4px;
		padding: 3px;
    }
	.books__detail__purchase_list .shop_img{
  		width: 200px;
		margin:0 auto;
    }
	.books__detail__purchase_list .shop_img a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
	    filter: alpha(opacity=70);
	    -moz-opacity: 0.7;
	    -webkit-opacity: 0.7;
	    opacity: 0.7;
	}
	.books__detail__purchase_list .contents--3 {
      padding: 10px;
      background-color: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: space-between;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }

	.books__detail__purchase_backbtn {
	}
	.books__detail__purchase_backbtn a {
		width:240px;
		height:42px;
		background-color: #616161;
		border-radius: 25px;
        display: flex;
        justify-content: center;
		padding-top:8px;
		margin:0 auto;

		color:#ffffff;
		font-size:150%;
		text-decoration: none;
	}
	.books__detail__purchase_backbtn a:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$value)";
	    filter: alpha(opacity=70);
	    -moz-opacity: 0.7;
	    -webkit-opacity: 0.7;
	    opacity: 0.7;
	}

}
