@charset "utf-8";
/* paragraph **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
p{ text-align:center; }


/* pankuzu **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pankuzu{ margin-top:30px; }
.pankuzu li{ float:left; font-size:12px; position:relative; }
.pankuzu li:not(:first-child){ margin-left:20px; }

.pankuzu li a , .pankuzu li.active{ height:24px; border-radius:5px 0 0 5px; padding:3px 5px 0 10px; }
.pankuzu li a{ display:block; color:#333; text-decoration:none; background-color:#eee; }
.pankuzu li.active{ color:#fff; background-color:#92c626; }
.pankuzu li a:after , .pankuzu li.active:after{ position:absolute; top:0; right:-24px; content:""; display:block; width:0; height:0; border:12px solid transparent; }
.pankuzu li a:after{ border-left:12px solid #eee; }
.pankuzu li.active:after{ border-left:12px solid #92c626; }


/* h2 **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
h2{ text-align:center; margin:20px 0 30px; }


/* h3 **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
h3.sbt{ text-align:center; margin-top:60px; }
h3.sbt span{ display:block; margin:10px 0 20px; font-size:16px; }


/* table area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.table-area dl{ display:table; width:100%; }
.table-area dt , .table-area dd{ display:table-cell; border:solid 1px #ccc; padding:15px 20px; }
.table-area dl:not(:first-child) dt , .table-area dl:not(:first-child) dd{ border-top:none; }
.table-area dt{ width:260px; font-weight:bold; background-color:#eee; border-right:none; vertical-align:middle; }


/* free area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.free-area{ width:100%; margin-top:40px; }
.free-area li a{ display:block; width:100%; height:320px; }
.free-area li p{ width:80%; font-size:16px; text-align:center; padding:10px 0; margin:0 auto; }
.free-area li p.txt{ font-size:14px; border-top:solid 1px #eee; }

.free-area .slick-next{ top:160px !important; right:10px !important; z-index:1000; }
.free-area .slick-prev{ top:160px !important; left:10px !important; z-index:1000; }


/* search area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.search-area{ background-color:#f3f8e9; }

.search-area h3{ height:50px; color:#fff; text-align:center; background-color:#92c626; padding:13px 10px 0; margin-top:40px; }
.search-area h3 span{ display:inline; margin-left:10px; }

.search-area .wrap{ width:950px; background:url(../images/search_arrow.png) center -15px / 210px 34px no-repeat; padding:30px 0 50px; }

.search-area .title{ margin:15px 0 10px; }

.search-area .ipt{ width:calc(100% - 240px); -webkit-width:calc(100% - 240px); float:left; }
.search-area .ipt .title span{ float:right; }
.search-area .ipt ul li{ width:calc(50% - 10px); -webkit-width:calc(50% - 10px); float:left; }
.search-area .ipt ul li:nth-child(even){ margin-left:20px; }
.search-area .ipt .conditions-txt{ display:none; }

.search-area .ipt input.freeword{ width:100%; }
.search-area .ipt ul li select{ width:100%; }

.search-area .btn{ width:200px; float:right; }
.search-area .btn .conditions-add{ display:block; width:100%; height:50px; color:#92c626; font-size:16px; text-decoration:none; text-align:center; cursor:pointer; background:#fff url(../images/search_icon_add.svg) 30px center no-repeat; border:solid 2px #c9e09a; border-radius:30px; padding:10px 0 0 25px; margin-top:42px; }
.search-area .btn .search-btn{ width:100%; height:50px; color:#fff; font-size:16px; font-weight:bold; cursor:pointer; background:#e0be00 url(../images/search_icon_chk.svg) 30px center / 24px 18px no-repeat; border:none; border-radius:30px; padding:3px 0 0 15px; margin-top:36px; }

/* input , select */
.search-area .ctl{ height:40px; border:solid 1px #c9e09a; }

/* result */
.search-area .result.wrap{ background:none; border-top:solid 1px #c9e09a; }
.search-area .result .title , .search-area .result ul , .search-area .result ul li{ float:left; }
.search-area .result .title{ margin:10px 30px 10px 0; }
.search-area .result ul{ margin-top:5px; }
.search-area .result ul li{ color:#fff; border-radius:5px; padding:7px 10px 5px 35px; margin-right:20px; }
.search-area .result ul li.freeword{ background:#92c626 url(../images/search_icon_freeword.svg) 10px 8px / 15px 18px no-repeat; }
.search-area .result ul li.genre{ background:#92c626 url(../images/search_icon_genre.svg) 10px 8px / 18px 18px no-repeat; }
.search-area .result ul li.author{ background:#92c626 url(../images/search_icon_author.svg) 10px 8px / 19px 18px no-repeat; }

/* learn */
.search-area .learn{ width:950px; margin:0 auto; }
.search-area .learn ul , .search-area .learn ul li{ float:left; }
.search-area .learn ul{ margin:0 0 10px 36px; }
.search-area .learn ul:nth-child(4n + 1){ margin-left:0; }
.search-area .learn ul li{ width:30px; height:30px; }
.search-area .learn ul li:not(:first-child){ margin-left:15px; }
.search-area .learn ul li a{ display:block; text-decoration:none; text-align:center; background-color:#fff; border:solid 1px #c9e09a; padding-top:4px; }
.search-area .learn ul li a:hover , .search-area .learn ul li a.active{ color:#fff; background-color:#92c626; }

.search-area .learn-result{ background-color:#fff; padding:15px 10px 10px 20px; margin-top:15px; }

.search-area ul.search-list{ margin-left:-2%; }
.search-area ul.search-list li{ display:inline-block; width:calc(24% - 2%); -webkit-width:calc(24% - 2%); vertical-align:top; margin:0 0 10px 2%; }
.search-area ul.search-list li a{ display:block; text-decoration:none; border-bottom:dotted 1px #aaa; background:url(../images/listmark_arrow_circle.svg) left 8px /14px 14px no-repeat; padding:5px 5px 0 20px; }


/* item slider area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.item-slider-area ul li{ width:90%; margin:0 auto; padding:10px; text-align:center; }
.item-slider-area ul li .pic{ margin-bottom:20px; }
.item-slider-area ul li .pic img{ margin:0 auto; box-shadow:0 0 12px 0 #ccc; }
.item-slider-area ul li .title{ margin-top:10px; font-size:18px; }
.item-slider-area ul li .autor{ margin-top:10px; font-size:12px; }
.item-slider-area ul li .item-det{ margin-top:20px; border-top:solid 1px #eee; }
.item-slider-area ul li .editor-cmt{ width:80%; margin:30px auto 0; }
.item-slider-area ul li .tag{ margin-top:20px; }
.item-slider-area ul li .tag img{ margin:0 auto; display:inline-block; vertical-align:middle; }
.item-slider-area ul li .tag img:not(:first-child){ margin-left:20px; }

.item-slider-area .slick-next{ top:140px !important; right:10px !important; z-index:1000; }
.item-slider-area .slick-prev{ top:140px !important; left:10px !important; z-index:1000; }

/* seminar image */
.seminar-image ul li .pic img , ul li.seminar-image .pic img{ max-width:100%; height:auto; box-shadow:none; border:solid 10px #f2f2f2; }

/* ranking area */
.ranking-area .wrap{ width:1120px; }

/* sort */
.ranking-area .sort{ position:absolute; top:-80px; left:10px; }
.ranking-area .sort a{ display:block; width:50px; height:50px; float:left; }
.ranking-area .sort .port{ background:url(../images/sort_portrait_off.svg) no-repeat; margin-right:15px; }
.ranking-area .sort .land{ background:url(../images/sort_landscape_off.svg) no-repeat; }
.ranking-area .sort .port:hover , .ranking-area .sort .port.active{ background:url(../images/sort_portrait_on.svg) no-repeat; }
.ranking-area .sort .land:hover , .ranking-area .sort .land.active{ background:url(../images/sort_landscape_on.svg) no-repeat; }

.ranking-area ul li{ width:100%; position:relative; }
.ranking-area ul li .title{ border-top:solid 1px #eee; padding-top:20px; }
.ranking-area ul li .rank{ position:absolute; top:5px; left:5px; }
.ranking-area ul li .tag{ position:absolute; top:20px; left:7px; }

.ranking-area ul.land li .pic{ float:left; padding:0 20px; margin:0 0 0 50px; }
.ranking-area ul.land li .title{ border-top:none; padding-top:30px; margin-top:0; }
.ranking-area ul.land .rank{ left:15px; }
.ranking-area ul.land .tag{ left:17px; }

.ranking-area .slick-next{ top:100px !important; right:0px !important; z-index:1000; }
.ranking-area .slick-prev{ top:100px !important; left:0px !important; z-index:1000; }

/* 長者番付 */
.ranking-area .ranking-billionair-slider ul li .pic img{ box-shadow:none; border:solid 6px #f2f2f2; }
.ranking-area .ranking-billionair-slider .slick-next{ top:65px !important; right:0px !important; }
.ranking-area .ranking-billionair-slider .slick-prev{ top:65px !important; left:0px !important; }


/* shopping cart **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/***** bestseller ranking area（item slider area と同じ） *****/
.bestseller-slider-area{ background-color:#f7f7f7; padding:30px 0; margin-top:60px; }
.bestseller-slider-area h3{ margin-top:0; }

.bestseller-slider-area ul li{ width:90%; margin:0 auto; padding:10px; text-align:center; }
.bestseller-slider-area ul li .pic{ margin-bottom:20px; }
.bestseller-slider-area ul li .pic img{ margin:0 auto; box-shadow:0 0 12px 0 #ccc; }
.bestseller-slider-area ul li .pic img{ width:110px; }/* add 20170421 */
.bestseller-slider-area ul li .title{ margin-top:10px; font-size:18px; }
.bestseller-slider-area ul li .autor{ margin-top:10px; font-size:12px; }
.bestseller-slider-area ul li .item-det{ margin-top:20px; border-top:solid 1px #eee; }
.bestseller-slider-area ul li .editor-cmt{ width:80%; margin:30px auto 0; }
.bestseller-slider-area ul li .tag{ margin-top:20px; }
.bestseller-slider-area ul li .tag img{ margin:0 auto; display:inline-block; vertical-align:middle; }
.bestseller-slider-area ul li .tag img:not(:first-child){ margin-left:20px; }

.bestseller-slider-area .slick-next{ top:140px !important; right:10px !important; z-index:1000; }
.bestseller-slider-area .slick-prev{ top:140px !important; left:10px !important; z-index:1000; }

/* ranking area */
.bestseller-slider-area .wrap{ width:1120px; }

/* sort */
.bestseller-slider-area .sort{ position:absolute; top:-80px; left:10px; }
.bestseller-slider-area .sort a{ display:block; width:50px; height:50px; float:left; }
.bestseller-slider-area .sort .port{ background:url(../images/sort_portrait_off.svg) no-repeat; margin-right:15px; }
.bestseller-slider-area .sort .land{ background:url(../images/sort_landscape_off.svg) no-repeat; }
.bestseller-slider-area .sort .port:hover , .bestseller-slider-area .sort .port.active{ background:url(../images/sort_portrait_on.svg) no-repeat; }
.bestseller-slider-area .sort .land:hover , .bestseller-slider-area .sort .land.active{ background:url(../images/sort_landscape_on.svg) no-repeat; }

.bestseller-slider-area ul li{ width:100%; position:relative; }
.bestseller-slider-area ul li .title{ border-top:solid 1px #eee; padding-top:20px; }
.bestseller-slider-area ul li .rank{ position:absolute; top:5px; left:5px; }
.bestseller-slider-area ul li .tag{ position:absolute; top:20px; left:7px; }

.bestseller-slider-area ul.land li .pic{ float:left; padding:0 20px; margin:0 0 0 50px; }
.bestseller-slider-area ul.land li .title{ border-top:none; padding-top:30px; margin-top:0; }
.bestseller-slider-area ul.land .rank{ left:15px; }
.bestseller-slider-area ul.land .tag{ left:17px; }

.bestseller-slider-area .slick-next{ top:100px !important; right:0px !important; z-index:1000; }
.bestseller-slider-area .slick-prev{ top:100px !important; left:0px !important; z-index:1000; }
/***************************************************************/

.cart .item-slider-area ul li .title{ margin-top:15px; }
.cart .item-slider-area ul li .price{ color:#d13f4d; margin-top:5px; }

.cart .ranking-area ul li .item-det , .cart .bestseller-slider-area ul li .item-det{ margin-top:0; border-top:none; }
.cart .item-slider-area ul li .txt-gray ,  .cart .bestseller-slider-area ul li .txt-gray{ margin-top:5px; }

.cart .ranking-area ul.land li .btn , .cart .bestseller-slider-area ul.land li .btn{ width:330px; margin:10px auto; }
.cart .ranking-area ul.land li .btn a , .cart .bestseller-slider-area ul.land li .btn a{ float:left; }
.cart .ranking-area ul.land li .btn a:last-child , .cart .bestseller-slider-area ul.land li .btn a:last-child{ margin-left:10px; }

.cart ul li a.more{ width:160px; margin:10px auto 0; background-color:#fff; }
.cart ul li a.cartin{ width:160px; margin:10px auto 0; border:solid 2px #c9e09a; }
.cart ul li a.cartin:hover{ border:solid 2px #92c626; }


/* item list area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.item-list-area{ margin-top:60px; }
.item-list-area ul li{ position:relative; padding-left:300px; min-height: 280px; }
.item-list-area ul li:not(:first-child){ margin-top:60px; }
.item-list-area ul li .pic{ position:absolute; top:0; left:0; width:280px; text-align:center; float:left; }
.item-list-area ul li .pic img{ box-shadow:0 0 12px 0 #ccc; }
.item-list-area ul li .item-det{ border-bottom:solid 1px #eee; padding-bottom:15px; }
.item-list-area ul li p{ text-align:left; }
.item-list-area ul li p.title{ margin-top:10px; font-size:20px; }
.item-list-area ul li p.autor{ margin-top:10px; font-size:12px; }
.item-list-area ul li div.txt{
	margin-top:20px;
	overflow:hidden;
	max-height:7rem;
	height:7rem;
	position: relative;
}
.item-list-area ul li p.txt{
	margin-top: 20px;
	overflow: hidden;
	max-height: 7rem;
	height: 7rem;
	position: relative;
}
.item-list-area ul li p.txt::after{
	content: '';
	position: absolute;
	display: block;
	width:100%;
	height:2rem;
	top:5rem;
	left:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.item-list-area ul li div.txt::after{
	content: '';
	position: absolute;
	display: block;
	width:100%;
	height:2rem;
	top:5rem;
	left:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.item-list-area ul li a.more{ float:right; margin-top:10px;clear:both; }
.item-list-area ul li .tag{ margin-top:10px; }
.item-list-area ul li .tag img{ margin:0 auto; display:inline-block; vertical-align:middle; margin-top:10px; }
.item-list-area ul li .tag img:not(:last-child){ margin-right:20px; }
.item-list-area ul li .editor-cmt{ width:300px; float:right; margin:30px 0 10px 40px; }

/* editor cmt [item slider area] [item list area] */
.editor-cmt{ width:80%; margin:0 auto; }
.editor-cmt p{ text-align:left; }
.editor-cmt .cmt{ position:relative; font-weight:bold; border-left:solid 1px #333; border-right:solid 1px #333; padding:5px 20px; }
.editor-cmt .cmt:before{ content:url(../images/cmt_start.jpg); position:absolute; left:-8px; top:-10px; }
.editor-cmt .cmt:after { content:url(../images/cmt_end.jpg); position:absolute; right:-8px; bottom:-10px; }
.editor-cmt .editor{ margin:15px 0 0 20px; color:#999; }
.editor-cmt .editor img{ margin-right:10px; float:left; }
.editor-cmt .editor p{ overflow:hidden; line-height:1.2; }
.editor-cmt .editor p span{ display:block; font-size:10px; }

/* seminar image */
.item-list-area ul li.seminar-image .pic img{ box-shadow:none; border:solid 10px #f2f2f2; }


/* item detail area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* item list area とほぼ同じ設定 */
.item-detail-area{ background-color:#f7f7f7; border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:30px 0; margin-top:20px !important; }
.item-detail-area .wrap{ position:relative; padding-left:300px; }
.item-detail-area.ver_seminar .wrap{ padding-left:10px;padding-right:10px;max-width: 1020px; margin-left: auto;margin-right: auto; }
.item-detail-area .pic{ position:absolute; top:0; left:0; width:280px;height:auto; text-align:center; float:left; }
.item-detail-area .pic img{ /*box-shadow:0 0 12px 0 #ccc;*/ }
.item-detail-area .item-det{ border-bottom:solid 1px #eee; padding-bottom:15px; }
.item-detail-area p{ text-align:left; }
.item-detail-area p.title{ margin-top:10px; font-size:20px; }
.item-detail-area p.autor{ margin-top:10px; font-size:12px; }
.item-detail-area .editorial-review{ margin-top:20px; overflow:hidden; }
.item-detail-area .editorial-review p{ text-align:left; }
.item-detail-area .tag{ margin-top:10px; }
.item-detail-area .tag img{ margin:0 auto; display:inline-block; vertical-align:middle; margin-top:10px; }
.item-detail-area .tag img:not(:last-child){ margin-right:20px; }
.item-detail-area .editor-cmt{ width:440px; /*float:right;*/ background-color:#fff; border-radius:5px; padding:15px; margin:20px 0 10px 0; }

/* price */
.item-detail-area .price{ width:280px; display:inline-block; background:#fff url(../images/tit_price.svg) 15px center / 74px 28px no-repeat; border-radius:5px; padding:10px 10px 10px 110px; margin-top:10px; }
.item-detail-area .shopping .price{ float:left; margin:20px 20px 0 0; }
.item-detail-area .shopping .shopping-add{ float:left; width:280px; display:block; color:#fff; font-size:16px; font-weight:bold; text-decoration:none; cursor:pointer; background:#de3d23 url(../images/contents_icon_shopping.svg) 20px center / 18px 17px no-repeat; border:none; border-radius:30px; padding:8px 15px 8px 50px; margin:20px 0 10px; }

/* sns */
.item-detail-area .sns{ position:absolute; top:0; right:0; background-color:#fff; padding:6px; }
.item-detail-area .sns a{ display:inline-block; }
.item-detail-area .sns a:not(:first-child){ margin-left:6px; }
@media all and (-ms-high-contrast:none){
/* IE10以降 */
.item-detail-area .sns{ padding-bottom:0; }
.fb_iframe_widget > span{ vertical-align:baseline !important; }
}
:root .fb_iframe_widget > span{ vertical-align:baseline\0/ !important; } /* IE9 */
:root .item-detail-area .sns{ padding-bottom:0\0/; } /* IE9 */

/* read */
.item-detail-area .read{ display:block; color:#999; font-size:12px; text-decoration:underline; cursor:pointer; background:url(../images/listmark_arrow_gray.svg) 5px 4px / 7px 10px no-repeat; padding-left:20px; margin-top:10px; }
.item-detail-area .editorial-review .showmore_content{ overflow:hidden; } /* showmore.js用 */

/* sp site */
.item-detail-area .contents-detail-left{ float:left; width:calc(100% - 320px); -webkit-width:calc(100% - 320px); }
.item-detail-area.ver_seminar .contents-detail-left{ /*float:left;*/ /* width:100%; */ max-width: 680px;margin-left: auto;margin-right: auto;}
.item-detail-area.ver_seminar .contents-detail-left.contents-detail-one{float:none;margin-left:auto ;margin-right:auto ;}
.item-detail-area .contents-detail-right{ float:right; width:280px; margin-top:50px; }
.item-detail-area .contents-detail-left .editorial-review h4{
	font-size: 120%;
	font-weight: bold;
}/*20170606*/
.item-detail-area .contents-detail-left .editorial-review img{
	max-width: 100%;
}/*20170606*/
.item-detail-area .spsite{ width:280px; height:250px; background:url(../images/contents_spsite_pc.png) left top / 280px 250px no-repeat; padding:11px 12px; margin:0 auto; }
.item-detail-area .spsite iframe{ border:none; transform:scale(0.21); -webkit-transform:scale(0.21); transform-origin:0 0; -webkit-transform-origin:0 0; }
.item-detail-area .spsite-btn{ display:block; width:200px; height:45px; color:#fff; font-size:16px; text-decoration:none; text-align:center; font-weight:bold; background:#92c626 url(../images/contents_icon_spsite.svg) 30px center / 20px 20px no-repeat; border:none; border-radius:30px; padding:10px 0 0 25px; margin:10px auto; }

//a.red-btn{ display:inline-block; width:260px; height:45px; color:#fff; font-size:16px; text-decoration:none; text-align:center; font-weight:bold; background:#de3d23 url(../images/search_icon_chk.svg) 20px center / 18px 17px no-repeat; border:none; border-radius:30px; padding:10px 0 0 25px; margin:20px auto 10px; }
a.red-btn{min-width:205px; width: 20%;height: 50px;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;background: #de3d23 url(../images/search_icon_chk.svg) 20px center / 18px 17px no-repeat;border: none;border-radius: 30px;padding: 3px 0 0 15px;display: inline-block;text-decoration: none;line-height: 50px;}
a.red-btn.red-btn_l{min-width:290px; width: 25%;}
@media all and (-ms-high-contminmirast:none){
/* IE10以降 */
.item-detail-area .spsite-btn , a.red-btn{ padding:13px 0 0 25px; }
.item-detail-area .shopping .shopping-add{ padding:12px 15px 8px 50px; }
a.red-btn{min-width:205px; width: 20%;height: 50px;color: #fff;font-size: 16px;font-weight: bold;cursor: pointer;background: #de3d23 url(../images/search_icon_chk.svg) 20px center / 18px 17px no-repeat;border: none;border-radius: 30px;padding: 3px 0 0 15px;display: inline-block;text-decoration: none;}
}

/* キャッチとタイトルの表示幅調整 */
.item-detail-area .item-det p:nth-child(1),
.item-detail-area .item-det p:nth-child(2){ margin-right:190px; }
.item-detail-area .contents-detail-left .item-det p:nth-child(1),
.item-detail-area .contents-detail-left .item-det p:nth-child(2){ margin-right:0; }


/* yt area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.yt-area{ margin-top:40px; }
.yt-area ul{ display:flex; -js-display:flex; justify-content:space-between; margin-left:-10px; }
.yt-area ul li{ flex:1; text-align:center; margin-left:10px; }
.yt-area ul li img{ max-width:100%; height:auto; }

.yt-area ul li .frame{ position:relative; margin:0 auto; display:block; }
.yt-area ul.mv1 li .frame{ width:320px; height:180px; }
.yt-area ul.mv2 li .frame{ width:320px; height:180px; }
.yt-area ul.mv3 li .frame{ width:90%; padding-top:50%; }
.yt-area ul li .frame iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.yt-area ul li .frame .dummy{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; }

.yt-area ul li p{ font-size:12px; text-align:center; border-bottom:dotted 1px #ddd; padding:15px 0 5px; margin:0 auto; }
.yt-area ul.mv1 li p{ width:320px; }
.yt-area ul.mv2 li p{ width:320px; }
.yt-area ul.mv3 li p{ width:90%; }

.yt-area .modal{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:2000; }
.yt-area .modal iframe{ position:absolute; top:0; right:0; left:0; bottom:0; margin:auto; /*max-width:853px; max-height:480px; width:100%; height:100%;*/ }

.yt-area .modal .close{ position:absolute; top:20px; right:20px; }
.yt-area .modal .close span{ display:block; width:30px; height:30px; margin:0 auto; position:relative; cursor:pointer; }
.yt-area .modal .close span:before , .yt-area .modal .close span:after{ content:""; display:block; width:100%; height:1px; position:absolute; top:50%; background-color:#fff; transition:all 0.4s; }
.yt-area .modal .close span:before{ -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.yt-area .modal .close span:after{ -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.yt-area .modal .close:hover span:before , .yt-area .modal .close:hover span:after{ background-color:#fff; }
.yt-area .modal .close:hover span:before{ -webkit-transform:rotate(225deg); transform:rotate(225deg); }
.yt-area .modal .close:hover span:after{ -webkit-transform:rotate(315deg); transform:rotate(315deg); }


/* buy btn area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.buy-btn-area{ margin-top:40px; }
.buy-btn-area ul{ display:flex; -js-display:flex; margin-top:10px; flex-wrap: wrap; flex-direction: row; width: 100%;}
.buy-btn-area ul li{ flex: 1; text-align:center; margin: 5px; flex: auto; /*min-width: 390px;*/ }
.buy-btn-area ul li.minwidth { min-width: 300px; width: 30%; }

.buy-btn-area ul li a{ display:block; text-align:center; text-decoration:none; background:url(../images/listmark_arrow_gray.svg) 15px center / 7px 10px no-repeat; border:solid 2px #c9e09a; border-radius:5px; padding:8px; }
.buy-btn-area ul li a span{ font-size:16px; font-weight:bold; }

/* buy none area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.buy-none-area{
	background: #a9a9a9;
	padding: 35px 0;
	text-align: center;
	color:#fff;
	font-size: 21px;
}

/* pager **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
h3 + .pager{ margin-top:40px; }

.pager{ position:relative; text-align:center; margin-top:60px; }
.pager p{ position:absolute; top:10px; left:0; }

.pager a{ display:inline-block; width:36px; height:36px; text-align:center; text-decoration:none; border:solid 2px #eee; border-radius:5px; padding-top:5px; margin-bottom:5px; }
.pager a:first-child{ background:url(../images/arrow_yg_left.svg) center no-repeat; }
.pager a:last-child{ background:url(../images/arrow_yg_right.svg) center no-repeat; }
.pager a:not(:first-child){ margin-left:10px; }

.pager a.active{ color:#fff; background-color:#92c626; border:solid 2px #92c626; }
.pager a:hover{ border:solid 2px #92c626; }


/* magazine area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.magazine-area{ margin:80px 0 70px; padding-bottom:30px; border-top:solid 1px #ececec; border-bottom:solid 1px #ececec; }
.magazine-area h3{ margin:30px 0 20px; }

.magazine-area .magazine-form{ width:720px; margin:10px auto 0; }
.magazine-area dl{ display:table; width:580px; margin-top:4px; float:left; }
.magazine-area dl dt{ display:table-cell; text-align:right; padding-right:10px; }
.magazine-area dl dd{ display:table-cell; width:195px; }
.magazine-area dl dd input{ width:100%; border:solid 2px #eee; }
.magazine-area a.more{ padding:8px 0 0 0; background-image:none; float:right; }


/* promo area 販促物エリア(download bokksellers) **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.promo-area{ margin-top:60px; }
.promo-area ul li{ float:left; }
.promo-area ul li{ width:calc(25% - 20px); -webkit-width:calc(25% - 20px); margin-left:20px; text-align:center; height: 320px; }
.promo-area ul li:nth-child(4n+1){ margin-left:10px; }
.promo-area ul li img{ max-width:100%; }
.promo-area ul li .title{ margin:10px 0 50px; }
.promo-area ul li p{ text-align:center; }
.promo-area a.more{ float:right; margin-right:20px; }

/* booksellers */
.booksellers h3{ text-align:center; }
.booksellers .dw-area{ padding-top:50px; margin-top:40px; border-top:solid 1px #ececec; }

/* press release */
.pr-area{ padding-top:50px; margin-top:60px; border-top:solid 1px #ececec; }
.pr-area a.more{ margin:20px auto 0; padding:8px 0 0 0; background-image:none; }
.booksellers .pr-area{ margin-top:80px; }


/* sign (signin password) **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sign .sign-area{ width:460px; margin:0 auto; }
.sign .sign-area .flow{ text-align:center; margin:40px 0 60px; }

.sign .sign-area .sign-box{ margin:40px auto 0; }
.sign .sign-area .sign-box > form{
	border: solid 1px #ccc;
	margin-bottom: 20px;
	padding: 20px;
}
.sign .sign-area .sign-box .title{ margin:15px 0 10px; }
.sign .sign-area .sign-box .title:first-child{ margin-top:0; }
.sign .sign-area .sign-box .title a{ float:right; }
.sign .sign-area .sign-box input.normal{ width:100%; border:solid 1px #eee; }
.sign .sign-area .sign-box .chk{ text-align:center; margin-top:20px; }
.sign .sign-area .sign-box .btn{ width:220px; margin:20px auto 10px; }
.sign .sign-area .sign-box .btn .sign-btn{ width:100%; height:50px; color:#fff; font-size:16px; font-weight:bold; cursor:pointer; background:#e0be00 url(../images/search_icon_chk.svg) 30px center / 24px 18px no-repeat; border:none; border-radius:30px; padding:3px 0 0 15px; }
.sign .sign-area .sign-box .btn .procedure-btn{ width:100%; height:50px; color:#fff; font-size:16px; font-weight:bold; cursor:pointer; background:#92c626 url(../images/listmark_arrow_white.svg) 25px center / 10px 14px no-repeat; border:none; border-radius:30px; padding:3px 0 0 15px; }
.sign .sign-area .sign-box .btn .submit-btn{ width:100%; height:50px; color:#fff; font-size:16px; font-weight:bold; cursor:pointer; background:#e0be00 url(../images/listmark_arrow_white.svg) 25px center / 10px 14px no-repeat; border:none; border-radius:30px; padding:3px 0 0 10px; }

.sign .sign-area .sign-box h3{ margin-top:15px; }


/* privacy **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.privacy .privacy-list-area ul li{ border-bottom:dotted 1px #ccc; padding:20px 20px 15px 100px; background-position:20px 12px; background-size:55px 34px; background-repeat:no-repeat; }
.privacy .privacy-list-area ul li:nth-child(1){ background-image:url(../images/privacy_no1.jpg); }
.privacy .privacy-list-area ul li:nth-child(2){ background-image:url(../images/privacy_no2.jpg); }
.privacy .privacy-list-area ul li:nth-child(3){ background-image:url(../images/privacy_no3.jpg); }
.privacy .privacy-list-area ul li:nth-child(4){ background-image:url(../images/privacy_no4.jpg); }
.privacy .privacy-list-area ul li:nth-child(5){ background-image:url(../images/privacy_no5.jpg); }
.privacy .privacy-list-area ul li:nth-child(6){ background-image:url(../images/privacy_no6.jpg); }
.privacy .privacy-list-area ul li:nth-child(7){ background-image:url(../images/privacy_no7.jpg); }
.privacy .privacy-list-area ul li:nth-child(8){ background-image:url(../images/privacy_no8.jpg); }
.privacy .privacy-list-area ul li:nth-child(9){ background-image:url(../images/privacy_no9.jpg); }
.privacy .privacy-list-area ul li:nth-child(10){ background-image:url(../images/privacy_no10.jpg); }
.privacy .privacy-list-area ul li:nth-child(11){ background-image:url(../images/privacy_no11.jpg); }
.privacy .privacy-list-area ul li:nth-child(12){ background-image:url(../images/privacy_no12.jpg); }
.privacy .privacy-list-area ul li:nth-child(13){ background-image:url(../images/privacy_no13.jpg); }
.privacy .privacy-list-area ul li:nth-child(14){ background-image:url(../images/privacy_no14.jpg); }
.privacy .privacy-list-area ul li:nth-child(15){ background-image:url(../images/privacy_no15.jpg); }
.privacy .privacy-list-area ul li:nth-child(16){ background-image:url(../images/privacy_no16.jpg); }
.privacy .privacy-list-area ul li:nth-child(17){ background-image:url(../images/privacy_no17.jpg); }
.privacy .privacy-list-area ul li:nth-child(18){ background-image:url(../images/privacy_no18.jpg); }

.privacy .privacy-list-area ul.brackets li{ border-bottom:none; padding:0px; background-image:none; background-size:0px 0px; background-repeat:no-repeat; }
.privacy .privacy-list-area ul.brackets li.indent { margin-left:2.5em; text-indent:-2.5em; }
.privacy .privacy-list-area ul.brackets li.indent2{ margin-left:1em; text-indent:-1em; }


/* media_area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.media_area{ margin-top:40px; }
.media_area ul{ display:flex; -js-display:flex; margin-top:10px; }
.media_area ul li{ flex:1; text-align:center; }
.media_area ul li:not(:last-child){ margin-right:10px; }
.media_area ul li { display:block; text-align:center; text-decoration:none; border:solid 2px #eee; border-radius:5px; padding:20px 43px; }
.media_area ul li .title{ font-size:18px; text-align:center; border-bottom:dotted 1px #ddd; display:inline; padding-bottom:5px; }
.media_area ul li p{ text-align:left; }
.media_area ul li img{ margin:20px auto; width:100%; height:auto; }
.media_area ul li a.more{ float:right; margin-top:20px; width:164px; background:url(../images/media_icon_arrow.svg) 10px center / 16px 16px no-repeat; padding:8px 0 0 20px; }


/* qa **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.qa-list{ margin-top:40px; }
.qa-list ul{ display:flex; -js-display:flex; margin-top:10px; }
.qa-list ul li{ flex:1; }
.qa-list ul li:not(:last-child){ margin-right:10px; }
.qa-list ul li a{ display:block; text-align:left; text-decoration:none; background:url(../images/qa_icon_arrow.svg) 30px center / 18px 12px no-repeat; border:solid 2px #eee; border-radius:5px; padding:16px 16px 16px 66px; }

.qa-area h3{ text-align:center; background:#f3f8e9; margin:30px 0; padding:16px 0; font-weight:bold; border-radius:5px; color:#62ae3a; }
.qa-area dt{ background: url(../images/qa_icon_q.jpg) 30px 5px / 30px 30px no-repeat; padding:8px 0 8px 80px; font-weight:bold; font-size:18px; color:#62ae3a; border-bottom:dotted 1px #ddd; }
.qa-area dd{ background: url(../images/qa_icon_a.jpg) 30px 5px / 30px 30px no-repeat; margin:10px 0; padding:10px 0 6px 80px; }
.qa-area dd ul li, .qa-area dd p{ text-align:left; margin-bottom:15px; }
.qa-area dd ul li{ margin-left:3.5em; text-indent:-3.5em; }
.qa-area dd ul span{ margin-right:1em; }
.qa-area dd p span{ margin-left:3em; text-indent:3em; }
.qa-area dd p.aslk{ margin-left:1em; text-indent:-1em; }
.qa-area a{ color:#62ae3a; }


/* press release **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pr .pager{ width:626px; }
.pr-list-area{ width:768px; margin:0 auto; }


/* company **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.company h3{ text-align:center; }

.company .gr-area{ margin-top:40px; border-top:solid 1px #ececec; }

.company .image-area{ background-color:#f7f7f7; border-top:solid 1px #eee; border-bottom:solid 1px #eee; margin-top:60px; padding:20px 0; }
.company .image-area .wrap{ width:900px; }
.company .image-area dl{ float:left; width:calc(100% - 386px); -webkit-width:calc(100% - 386px); padding-right:20px; }
.company .image-area dl dt{ margin:30px 0; }
.company .image-area dl dt img{ max-width:314px; width:100%; height:auto; }
.company .image-area .pic{ float:right; }
.company .image-area .pic img{ max-width:386px; width:100%; height:auto; }

.company .history-area .wrap{ width:900px; margin-top:20px; }
.company .history-area dl dt{ padding:30px 0 10px; }
.company .history-area dl dd li{ margin-bottom:5px;}

.company .info-area .wrap{ width:900px; }

.company .access-area .guide-txt ul , .company .access-area .guide-txt ul li{ float:left; }
.company .access-area .guide-txt ul:nth-child(1){ width:60%; }
.company .access-area .guide-txt ul:nth-child(2){ width:40%; }

.company .access-area .guide-txt ul:nth-child(1) li:nth-child(1){ width:42%; }
.company .access-area .guide-txt ul:nth-child(1) li:nth-child(2){ width:58%; }
.company .access-area .guide-txt ul:nth-child(2) li:nth-child(1){ width:50%; }
.company .access-area .guide-txt ul:nth-child(2) li:nth-child(2){ width:50%; }

.company .access-area .guide-pic ul{ display:flex; -js-display:flex; margin-top:40px; }
.company .access-area .guide-pic ul li{ flex:1; text-align:center; }
.company .access-area .guide-pic ul li img{ max-width:350px; width:90%; height:auto; }
.company .access-area .guide-pic ul li p{ padding:0 30px; margin-top:10px; text-align:left; }

.company .access-area .map-area{ position:relative; margin-bottom:20px; }
.company .access-area .map-area ul{ position:absolute; top:-43px; left:0; z-index:100; }
.company .access-area .map-area ul li{ float:left; margin-right:2px; }
.company .access-area .map-area ul li a{ display:block; width:170px; text-align:center; text-decoration:none; background:url(../images/company_map_active.png); color:#fff; border:solid 1px #8fc028; border-bottom:none; border-radius:5px 5px 0 0; padding:10px; }
.company .access-area .map-area ul li a.active{ background:none; color:#333; border:solid 1px #aaa; border-bottom:solid 1px #fff; }
.company .access-area .map-area .map{ border:solid 1px #aaa; margin-top:60px; }
.company .access-area .map-area .map.pic-map{ padding:30px; text-align:center; }
.company .access-area .map-area .map.pic-map img{ max-width:475px; width:100%; height:auto; }
.company .access-area .map-area .map.g-map{ padding:10px 10px 5px; }
.company .access-area .map-area .map.g-map iframe{ width:100%; }


/* company English **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.company .history-area span.italic { font-style: italic; display: inline-flex; }
.company .history-area dd p { text-align: left; }
.company .access-area .map-area .map_en{ border:solid 1px #aaa; margin-top:20px; }
.company .access-area .map-area .map_en.pic-map{ padding:30px; text-align:center; }
.company .access-area .map-area .map_en.pic-map img{ max-width:475px; width:100%; height:auto; }
.company .access-area .map-area .map_en.g-map{ padding:10px 10px 5px; }
.company .access-area .map-area .map_en.g-map iframe{ width:100%; }

.company .history-area div.history-area_en dt {	float: left;	width: 70px ;	padding: 0px; }
.company .history-area div.history-area_en dd { margin:0 0 20px 80px; }
.company .history-area div ::after {content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }

.company .Publishing-area .wrap{ width:900px; margin-top:20px; }
.company .Publishing-area p { text-align: left; }
.company .Publishing-area .genre { width:74%; float: left; }
.company .Publishing-area .genre_structure {  float: right; width:24%; margin-left: 10px; }

.genre_structure_wrap {border: solid 2px #eee; padding: 15px; }

.company .Publishing-area li { margin-bottom: 20px;}
.company .Publishing-area dl.Publishing_list { margin: 20px 0; overflow: hidden; }
.company .Publishing-area .Publishing_list dt { float: left; width: 150px; clear: both; }
.company .Publishing-area .Publishing_list dt img { border: solid 2px #eee; width: 150px; height: auto; }
.company .Publishing-area .Publishing_list dd { margin-left:170px; }
.company .Publishing-area .Publishing_list dd span { text-decoration: underline; }




/* mypage **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mypage .my-point-area{ width:930px; margin:0 auto; background-color:#f3f8e9; padding:16px 0; font-weight:bold; font-size:18px; border-radius:5px; color:#62ae3a; }
.mypage .my-point-area ul li{ display:inline; }
.mypage .my-point-area .name{ padding-left:40px; }
.mypage .my-point-area .your_p{ padding-left:190px; }

.mypage .my-contens-area dl{ width:930px; margin:0 auto; border:1px solid #eee; margin-top:30px; }
.mypage .my-contens-area dt{ background:url(../images/qa_icon_q.jpg) 20px 9px / 30px 30px no-repeat; border-bottom:dotted 1px #ddd; font-weight:bold; padding:10px 20px 10px 65px; font-size:18px; color:#92c626; }
.mypage .my-contens-area dd{ padding:20px 65px; }
.mypage .my-contens-area dd p{ text-align:left; }
.mypage .my-contens-area dd ul li{ float:left; font-weight:bold; font-size:16px; }
.mypage .my-contens-area dd ul li:not(:last-child){ margin-right:20px; }

/* 20230804 add CLIENT_FOREST-304 */
.mypage .my-attention-area { width:930px; margin:20px auto; background-color:#ffe5e5; border: 5px solid #ea0000; padding:16px 0; border-radius:5px; }
.mypage .my-attention-area .wrap { padding: 0 40px; width: 100%; text-align: left; }
.mypage .my-attention-area .attention-tit { font-weight: bold; margin-bottom: 20px; color: #ea0000; font-size: 18px; }
.mypage .my-attention-area .wrap span { font-weight: bold; }


/* sitemap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sitemap .sitemap-area .wrap{ width:1100px; }

.sitemap .sitemap-area ul{ margin-left:-60px; }
.sitemap .sitemap-area ul li{ width:calc(99.9% / 3 - 60px); float:left; font-size:16px; background:url(../images/listmark_arrow_gray_trg.svg) 12px 14px / 6px 10px no-repeat;  margin:10px 0 10px 60px; }
.sitemap .sitemap-area ul li a{ display:block; width:100%; text-decoration:none; border-bottom:dotted 1px #aaa; padding:7px 10px 5px 30px; }
.sitemap .sitemap-area ul li a span{ display:block; font-size:10px; color:#c7c7c7; margin-top:-5px; }

.sitemap .sitemap-area ul.flink{ margin-top:40px; }
.sitemap .sitemap-area ul.flink li{ font-size:14px; background:url(../images/listmark_arrow_gray.svg) 32px 16px / 5px 8px no-repeat; }
.sitemap .sitemap-area ul.flink li a{ padding:10px 10px 5px 50px; }
.sitemap .sitemap-area ul.flink li a:nth-child(2){ border-bottom:none; background:url(../images/qa_icon_q.jpg) 31px 16px / 8px 8px no-repeat; }


/* readersclub **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.readers-club .merit-area{ background-color:#f7f7f7; border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:30px 0; margin-top:60px; }
.readers-club .merit{ width:738px; margin:0 auto; } /*← margin:0 auto;*/
.readers-club .merit-inner01{ float:left; }
.readers-club .merit-inner02{ float:right; }
.readers-club .merit-inner01 img , .readers-club .merit-inner02 img{ max-width:320px; width:100%; height:auto; }
.readers-club .merit-inner01 p, .readers-club .merit-inner02 p{ font-size:16px; padding:15px 0 30px; }
.readers-club .merit-text{ width:100%; border-top:solid 1px #eee; padding-top:30px; margin:0 auto; }
.readers-club .merit-text p{ width:580px; background:url(../images/listmark_dia_gray.svg) left 5px / 9px 9px no-repeat; padding-left:15px; text-align:left; margin:0 auto; }
.readers-club .merit-text p span{ color:#62ae3a; }

.readers-club .getpoint-area .target-area{ width:930px; margin:30px auto 0; }
.readers-club .getpoint-area .target-area .t-left{ float:left; }
.readers-club .getpoint-area .target-area .t-right{ float:right; }
.readers-club .getpoint-area .target-area img{ max-width:450px; width:100%; height:auto; }

.readers-club .box-gray{ width:640px; margin:auto; border:solid 1px #aaa; font-size:12px; padding:15px 20px; margin-top:30px; }
.readers-club .cart-img img{ width:100%; height:auto; }

.readers-club .qa-area h3{ background:none; margin:60px 0 0; padding:0; font-weight:normal; }
.readers-club .qa-area dd p span.str{ margin-left:0; text-indent:0; }




@media only screen and (max-width: 1120px){
/* item slider area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ranking area */
.ranking-area .wrap{ width:100%; padding:0 10px; }

/* bestseller slider area */
.bestseller-slider-area .wrap{ width:100%; padding:0 10px; }


/* item list area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* editor cmt */
.item-list-area ul li .editor-cmt{ float:none; margin:30px 0 10px 10px; }
.item-list-area ul li div.txt{
	height:auto;
}

/* promo 販促物エリア(download bokksellers) **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* download */
.promo-area ul li{ width:calc(33% - 20px); -webkit-width:calc(33% - 20px); }
.promo-area ul li:nth-child(4n+1) { margin-left:20px; }
.promo-area ul li:nth-child(3n+1) { margin-left:10px; }

/* sitemap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sitemap .sitemap-area .wrap{ width:100%; }

}




@media only screen and (max-width: 970px){
/* search area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.search-area .wrap{ width:100%; padding:30px 10px 50px; }

.search-area .ipt .title span{ float:none; display:block; }
.search-area .btn .conditions-add{ margin-top:63px; }

/* learn */
.search-area .learn{ width:702px; }
.search-area .learn ul:nth-child(4n + 1){ margin-left:36px; }
.search-area .learn ul:nth-child(3n + 1){ margin-left:0; }


/* item detail area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* sp site */
.item-detail-area .contents-detail-left{ float:none; width:100%; }
.item-detail-area .contents-detail-right{ float:none; width:100%; margin-top:20px; }

/* キャッチとタイトルの表示幅調整 */
.item-detail-area .contents-detail-left .item-det p:nth-child(1),
.item-detail-area .contents-detail-left .item-det p:nth-child(2){ margin-right:180px; }


/* promo 販促物エリア(download bokksellers) **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* download */
.promo-area ul li{ width:calc(50% - 20px); -webkit-width:calc(50% - 20px); }
.promo-area ul li:nth-child(2n+1){ margin-left:10px; }
.promo-area ul li:nth-child(2n){ margin-left:20px; }


/* company **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.company .image-area .wrap{ width:100%; }
.company .history-area .wrap{ width:100%; }
.company .info-area .wrap{ width:100%; }
.company .Publishing-area .wrap { width: 100%; }

.company .access-area .guide-txt ul{ float:none; }
.company .access-area .guide-txt ul:nth-child(1){ width:100%; }
.company .access-area .guide-txt ul:nth-child(2){ width:100%; margin-top:10px; }

.company .access-area .guide-txt ul:nth-child(1) li:nth-child(1){ width:250px; }
.company .access-area .guide-txt ul:nth-child(1) li:nth-child(2){ width:calc(100% - 250px); -webkit-width:calc(100% - 250px); }
.company .access-area .guide-txt ul:nth-child(2) li:nth-child(1){ width:200px; }
.company .access-area .guide-txt ul:nth-child(2) li:nth-child(2){ width:calc(100% - 200px); -webkit-width:calc(100% - 200px); }

.company .access-area .guide-pic ul li p{ padding:0 15px; }






/* mypage **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mypage .my-point-area{ width:auto; margin:0 10px; }
.mypage .my-contens-area dl{ width:auto; }

/* 20230804 add CLIENT_FOREST-304 */
.mypage .my-attention-area { width:auto; margin: 10px; }
.mypage .my-attention-area .wrap { padding: 0 20px; }

/* sitemap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sitemap .sitemap-area{ margin-top:-20px; }
.sitemap .sitemap-area ul{ margin-left:-20px; }
.sitemap .sitemap-area ul li{ width:calc(100% / 3 - 20px); margin:10px 0 10px 20px; }


/* readersclub **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.readers-club .getpoint-area .target-area{ width:100%; text-align:center; }
.readers-club .getpoint-area .target-area .t-left{ float:none; }
.readers-club .getpoint-area .target-area .t-right{ float:none; margin-top:20px; }

}




/* ★★★ タブレット ★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width: 768px){
/* pankuzu **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pankuzu{ display:none; }


/* h2 **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
h2{ padding:0 20px; }
h2 img{ max-width:100%; }


/* h3 **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
h3{ padding:0 20px; }
h3 img{ max-width:100%; height:auto; }


/* table area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.table-area dl{ display:block; }
.table-area dt{ padding:7px 10px 5px; }
.table-area dd{ padding:10px; }
.table-area dt , .table-area dd{ width:100%; display:block; border:none; }


/* search area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.search-area h3{ height:auto; }
.search-area h3 span{ display:block; padding:5px 0; margin:0; }

.search-area .wrap{ width:100%; padding:20px 10px 30px; }

.search-area .ipt{ width:100%; float:none; }
.search-area .ipt .title{ margin:15px 0 10px; }
.search-area .ipt ul li{ width:370px; float:none; }
.search-area .ipt ul li:nth-child(even){ margin-left:0; }

.search-area .btn{ float:none; margin:0 auto; }
.search-area .btn .conditions-add{ margin-top:30px; }
.search-area .btn .search-btn{ margin-top:20px; }

/* result */
.search-area .result .title , .search-area .result ul li{ margin:0 0 10px 0; }
.search-area .result .title , .search-area .result ul , .search-area .result ul li{ float:none; }
.search-area .result ul li{ margin-right:0; }

/* learn */
.search-area .learn{ width:456px; }
.search-area .learn ul:nth-child(3n + 1){ margin-left:36px; }
.search-area .learn ul:nth-child(2n + 1){ margin-left:0; }

/* list */
.search-area ul.search-list li{ width:calc(48% - 2%); -webkit-width:calc(48% - 2%); }


/* item slider area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ranking area */
.ranking-area .sort{ display:none; }

/* bestseller slider area */
.bestseller-slider-area .sort{ display:none; }


/* item list area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.item-list-area ul li{ padding-left:0; }
.item-list-area ul li:not(:first-child){ margin-top:40px; }
.item-list-area ul li .pic{ position:static; width:100%; float:none; margin:30px 0 10px; }
.item-list-area ul li .item-det{ border-bottom:none; padding-bottom:5px; }
.item-list-area ul li:not(:first-child) .item-det{ border-top:solid 1px #eee; padding-top:40px; }
.item-list-area ul li p{ text-align:center; }
.item-list-area ul li p.txt{ width:100%; text-align:left; }
.item-list-area ul li a.more{ float:none; margin:20px auto 0; }
.item-list-area ul li .tag{ text-align:center; }
.item-list-area ul li .editor-cmt{ width:80%; float:none; margin:30px auto 20px; }
.item-list-area ul li .editor-cmt p{ text-align:left; }


/* item detail area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* item list area とほぼ同じ設定 */
.item-detail-area .wrap{ padding:0 10px; }
.item-detail-area .pic{ position:static; width:100%; float:none; margin:30px 0 10px; }
.item-detail-area .item-det{ border-bottom:none; padding-bottom:5px; }
.item-detail-area p{ text-align:center; }
.item-detail-area .tag{ text-align:center; }
.item-detail-area .editorial-review{ width:100%; text-align:left; }
.item-detail-area .editor-cmt{ width:80%; float:none; margin:20px auto 10px; }
.item-detail-area .editor-cmt p{ text-align:left; }

/* price */
.item-detail-area .price{ display:block; margin:20px auto 0; }
.item-detail-area .shopping .price{ float:none; margin:20px auto 0; }
.item-detail-area .shopping .shopping-add{ float:none; margin:20px auto 0; }

/* sns */
.item-detail-area .sns{ position:static; width:280px; text-align:center; margin:30px auto 0; }
.item-detail-area .sns a{ /*display:inline;*/ }

/* キャッチとタイトルの表示幅調整 */
.item-detail-area .item-det p:nth-child(1),
.item-detail-area .item-det p:nth-child(2),
.item-detail-area .contents-detail-left .item-det p:nth-child(1),
.item-detail-area .contents-detail-left .item-det p:nth-child(2){ margin-right:0; }


/* yt area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.yt-area{ margin-top:20px; }
.yt-area ul{ display:inherit; }
.yt-area ul li{ margin-bottom:20px; }

.yt-area ul.mv1 li .frame,
.yt-area ul.mv2 li .frame{ height:auto; }
.yt-area ul.mv1 li .frame,
.yt-area ul.mv2 li .frame,
.yt-area ul.mv3 li .frame{ width:60%; padding-top:33%; }

.yt-area ul.mv1 li p,
.yt-area ul.mv2 li p,
.yt-area ul.mv3 li p{ width:60%; }

.yt-area .modal iframe{ width:100%; }


/* buy btn area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.buy-btn-area{ margin:20px 0 -40px; }
.buy-btn-area ul{ display:inherit; }
.buy-btn-area ul li{ /*margin-top:10px; */width: 100%; margin: 10px 0 0 0; min-width: 300px; }
.buy-btn-area ul li:not(:last-child){ margin-right:0; }
.buy-btn-area ul li.minwidth { min-width: 300px; width: 100%; }

/* pager **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pager p{ position:static; margin-bottom:10px; }
.pager a{ width:32px; height:32px; padding-top:3px; }


/* magazine area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.magazine-area{ margin:40px 0; }

.magazine-area .magazine-form{ width:100%; }
.magazine-area dl{ display:inherit; width:100%; float:none; }
.magazine-area dl dt{ display:inherit; text-align:left; }
.magazine-area dl dd{ display:inherit; width:100%; margin-bottom:10px; }
.magazine-area a.more{ float:none; margin:20px auto 0; }


/* media_area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.media_area{ margin:20px 0 -40px; }
.media_area ul{ display:inherit; }
.media_area ul li{ padding:20px 20px; margin-top:10px; }
.media_area ul li:not(:last-child){ margin-right:0; }


/* qa **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.qa-list{ margin-top:20px; }
.qa-list ul{ display:inherit; }
.qa-list ul li{ margin-top:10px; }
.qa-list ul li:not(:last-child){ margin-right:0; }


/* press release **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pr .pager{ width:100%; }
.pr-list-area{ width:100%; }


/* company **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.company .image-area{ padding:0 0 30px; }
.company .image-area dl{ float:none; width:100%; padding-right:0; }
.company .image-area .pic{ float:none; text-align:center; margin-top:20px; }

.company .access-area .guide-txt ul:nth-child(1) li{ float:none; }
.company .access-area .guide-txt ul:nth-child(1) li:nth-child(1){ width:100%; }
.company .access-area .guide-txt ul:nth-child(1) li:nth-child(2){ width:100%; margin-top:10px; }

.company .access-area .guide-pic ul{ display:inherit; }
.company .access-area .guide-pic ul:nth-child(2){ margin-top:20px; }
.company .access-area .guide-pic ul li img{ max-width:350px; width:100%; height:auto; }
.company .access-area .guide-pic ul li p{ width:350px; padding:0; margin:20px auto; }

/* company English **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.company .Publishing-area .genre { width:100%; }
.company .Publishing-area .wrap { width:100%; }

.company .Publishing-area .genre { float: none; }
.company .Publishing-area .genre_structure { width: 100%; float: none;margin-top: 10px; margin-left: 0;}


/* mypage **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mypage .my-point-area ul li{ display:block; }
.mypage .my-point-area .name{ padding-left:20px; }
.mypage .my-point-area .your_p{ padding-left:20px; }

.mypage .my-contens-area dd{ padding:20px 20px; }
.mypage .my-contens-area dd ul li{ float:none; }


/* sitemap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sitemap .sitemap-area ul{ margin-left:0; }
.sitemap .sitemap-area ul li{ width:100%; margin:5px 0; }


/* readersclub **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.readers-club .merit{ max-width:100%; }
.readers-club .merit-inner01{ float:none; }
.readers-club .merit-inner02{ float:none; }
.readers-club .merit-inner01 , .readers-club .merit-inner02{ text-align:center; }
.readers-club .merit-text p{ width:100%; }

.readers-club .box-gray{ width:100%; }

}




/* ★★★ スマホ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media only screen and (max-width:480px){
/* free area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.free-area li a{ height:240px; }

.free-area .slick-next{ top:120px !important; }
.free-area .slick-prev{ top:120px !important; }


/* search area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.search-area .ipt ul li{ width:100%; }

/* learn */
.search-area .learn{ width:210px; }
.search-area .learn ul:nth-child(3n + 1){ margin-left:0; }
.search-area .learn ul{ margin-left:0; }


/* item slider area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* ranking area */
.ranking-area ul.land li .item .pic{ padding:0 10px; margin:0 0 0 20px; }
.ranking-area ul.land .item .rank{ left:2px; }
.ranking-area ul.land .item .tag{ left:4px; }

/* bestseller slider area */
.bestseller-slider-area ul.land li .item .pic{ padding:0 10px; margin:0 0 0 20px; }
.bestseller-slider-area ul.land .item .rank{ left:2px; }
.bestseller-slider-area ul.land .item .tag{ left:4px; }


/* shopping cart **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cart .ranking-area ul.land li .btn , .cart .bestseller-slider-area ul.land li .btn{ width:160px; }
.cart .ranking-area ul.land li .btn a , .cart .bestseller-slider-area ul.land li .btn a{ float:none; }
.cart .ranking-area ul.land li .btn a:last-child , .cart .bestseller-slider-area ul.land li .btn a:last-child{ margin-left:0; }


/* yt area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.yt-area ul.mv1 li .frame,
.yt-area ul.mv2 li .frame,
.yt-area ul.mv3 li .frame{ width:80%; padding-top:45%; }

.yt-area ul.mv1 li p,
.yt-area ul.mv2 li p,
.yt-area ul.mv3 li p{ width:100%; }


/* magazine area **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.magazine-area p{ text-align:left; }


/* promo 販促物エリア(download bokksellers) **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* download */
.promo-area ul li{ width:calc(100% - 20px); -webkit-width:calc(100% - 20px); }
.promo-area ul li:nth-child(n){ margin-left:10px; }
.promo-area a.more{ float:none; margin:0 auto; }

/* download */
.download p{ text-align:left; }

/* booksellers */
.booksellers .dw-area p{ text-align:left; }

/* press release */
.pr-area p{ text-align:left; }
.pr-area{ margin-top:40px; }


/* sign (signin password) **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.sign .sign-area{ width:100%; }
.sign .sign-area p{ text-align:left; }
.sign .sign-area .flow{ margin:40px 0 30px; }
.sign .sign-area .flow img{ width:100%; height:auto; }

.sign .sign-area .sign-box{ width:100%; }
.sign .sign-area .sign-box .title a{ float:none; display:block; margin-top:5px; }
.sign .sign-area .sign-box .chk{ text-align:left; }


/* privacy **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.privacy .privacy-list-area{ margin-top:-10px; }
.privacy .privacy-list-area ul li{ padding:20px 10px 15px 50px; background-position:left 18px; background-size:35px 22px; }


/* press release **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.pr p{ text-align:left; }
.pr .pager p{ text-align:center; }


/* mediasite **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.media_area p{ text-align:left; }


/* qa **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.qa-list p{ text-align:left; }

.qa-area dt{ background:url(../images/qa_icon_q.jpg) 4px 6px / 25px 25px no-repeat; padding-left:42px; }
.qa-area dd{ background:url(../images/qa_icon_a.jpg) 4px 6px / 25px 25px no-repeat; padding-left:42px; }


/* company **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.company .gr-area h3.sbt{ margin-top:40px; }
.company .gr-area p{ text-align:left; }

.company .image-area{ margin-top:40px; }

.company .access-area .guide-txt ul:nth-child(2) li{ float:none; }
.company .access-area .guide-txt ul:nth-child(2) li:nth-child(1){ width:100%; }
.company .access-area .guide-txt ul:nth-child(2) li:nth-child(2){ width:100%; margin-top:-15px; }

.company .access-area .guide-pic ul li p{ width:100%; }

.company .access-area .map-area ul{ width:100%; }
.company .access-area .map-area ul li{ width:calc(45% - 2px); -webkit-width:calc(45% - 2px); }
.company .access-area .map-area ul li a{ width:100%; }
.company .access-area .map-area .map.pic-map{ padding:10px; }

.company .Publishing-area .Publishing_list dt { float: none; text-align: center; }
.company .Publishing-area .Publishing_list dd { margin-left: 0; }


/* mypage **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.mypage .my-point-area .name{ padding-left:5px; }
.mypage .my-point-area .your_p{ padding-left:5px; }


/* readersclub **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.readers-club .merit-area{ margin-top:40px; }

.readers-club p{ text-align:left;}
.readers-club p.check{ text-align:center; }

}