@charset "UTF-8";

/* ==================================================



================================================== */

/* 
-------------------------------------------------- */
.content-header .category-title .crea{
display:block;
height:25px;
width:220px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat 0 -800px;/* css-image */
}

.content-header .category-title .traveller{
display:block;
height:25px;
width:220px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat 0 -830px;/* css-image */
}

.content-header .category-title .mook{
display:block;
height:25px;
width:220px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat 0 -860px;/* css-image */
}

.content-header .category-title .book{
display:block;
height:25px;
width:220px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat 0 -890px;/* css-image */
}

.content-header .category-title .back_number{
display:block;
height:25px;
width:240px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat 0 -920px;/* css-image */
}

.content-header .category-title .next_issue{
display:block;
height:25px;
width:200px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat 0 -950px;/* css-image */
}


/* 
-------------------------------------------------- */
body.magazine_and_book .article-inner .magazine-contents{
border-bottom:1px solid #000;
margin:0 0 15px 0;
padding:7px 0;
}

body.magazine_and_book .article-inner .magazine-contents .title{
display:block;
height:20px;
width:130px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat -300px -740px;/* css-image */
}

body.magazine_and_book .article-inner{
padding:10px 30px;
font-size:12px;
line-height:130%;
margin-bottom:12px;
}

body.magazine_and_book .article-inner .article-header{
border-bottom:2px solid #000;
padding:5px 0 10px;
margin:0 0 15px 0;
}

body.magazine_and_book .article-inner .article-header .subtitle{
font-weight:bold;
font-size:14px;
margin-bottom:0;
float:left;
line-height:140%;
}

body.magazine_and_book .article-inner .menu{
margin-bottom:0;
float:right;
border-right:1px solid #ccc;
}

body.magazine_and_book .article-inner .menu li{
border-left:1px solid #ccc;
float:left;
padding:0 5px;
}

/* 
-------------------------------------------------- */
body.magazine_and_book .article .list-crea{
border-left:1px solid #ccc;
font-size:12px;
margin:0 10px 5px;
}

body.magazine_and_book .article .list-crea li{
float:left;
border-right:1px solid #ccc;
padding:2px 10px;
}

body.magazine_and_book .article .list-crea li a{
}

body.magazine_and_book .article-inner .crea-yyyy{
font-size:14px;
font-weight:bold;
color:#e54c78;
padding:5px 10px;
margin:0 -20px 15px;
border-bottom:2px solid #e54c78;
}

/* 
-------------------------------------------------- */
body.magazine_and_book .article-inner .box-eshop,
body.magazine_and_book .article-inner .box-eshop2{
margin:0 0 15px;
padding:5px 0 5px 5px;
clear:both;
}
body.magazine_and_book .article-inner .box-eshop2{
background-color:#efefef;
}

body.magazine_and_book .article-inner .box-eshop .header,
body.magazine_and_book .article-inner .box-eshop2 .header{
margin:8px 9px 0 0;
float:left;
margin-bottom:0;
height:16px;
width:65px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat -600px -700px;/* css-image */
}
body.magazine_and_book .article-inner .box-eshop2 .header{
background-position: -600px -722px;
width:71px;
margin-right:3px;
}


body.magazine_and_book .article-inner .box-eshop .list-eshop,
body.magazine_and_book .article-inner .box-eshop2 .list-eshop{
margin-bottom:0;
}

body.magazine_and_book .article-inner .box-eshop .list-eshop li,
body.magazine_and_book .article-inner .box-eshop2 .list-eshop li{
float:left;
margin-right:5px;
}
body.magazine_and_book .article-inner .box-eshop2 .list-eshop li{
margin-right:4px;
}

body.magazine_and_book .article-inner .box-eshop .list-eshop li img,
body.magazine_and_book .article-inner .box-eshop2 .list-eshop li img{
border:1px solid #cdcdcd;
}

body.magazine_and_book .article-inner .box-eshop.v2{
/*margin:0;
position: absolute;
right:0;
bottom:0;*/
/*height:45px;*/
width:352px;
margin-bottom:1px;
}

body.magazine_and_book .article-inner .box-eshop.v2 .header{
margin:0;
float:inherit;
}

/* 
-------------------------------------------------- */

body.magazine_and_book .article-inner .magazine-contents .title{}

body.magazine_and_book .article-inner .book-indexes{
margin-bottom:15px;
}
body.magazine_and_book.v2 .article-inner .book-indexes{margin-bottom:40px;}

body.magazine_and_book .article-inner .book-indexes strong{
font-size:16px;
line-height:140%;
}

body.magazine_and_book .article-inner .book-indexes em{
color:#e54c78;
font-style:normal;
}


body.magazine_and_book .article-inner .book-indexes h4{
margin-bottom:10px;
color:#e54c78;
}

body.magazine_and_book .article-inner .book-indexes ul{
margin-bottom:10px;
}

body.magazine_and_book .article-inner .book-indexes ul li{
margin-bottom:10px;
}

body.magazine_and_book .article-inner .box-indent strong{
font-size:12px;
line-height:130%;
}

/* 
-------------------------------------------------- */
body.magazine_and_book .article-inner .header-magazine{
margin:0 0 15px 0;
position:relative;
}

body.magazine_and_book .article-inner .header-magazine .header-magazine-inner{
float:right;
width:358px;
}

body.magazine_and_book .article-inner .header-magazine .title{
padding:44px 0 43px;
font-size:14px;
font-weight:normal;
}

body.magazine_and_book .article-inner .header-magazine .title strong{
font-size:22px;
line-height:140%;
}

body.magazine_and_book .article-inner .header-magazine .pub_date{
margin-bottom:5px;
font-size:12px;
}

body.magazine_and_book .article-inner .header-magazine .pub_price{
margin-bottom:15px;
font-size:12px;
}

body.magazine_and_book .article-inner .header-magazine .pub_price{
/*left:350px;*/
}

body.magazine_and_book .article-inner .header-magazine .cover{
border:1px solid #e6e6e6;
float:left;
margin:0;
}

/* 
-------------------------------------------------- */
body.magazine_and_book .article-inner .footer-magazine{
margin:0 0 15px 0;
}



/* ==================================================

	BACK NUMBER

================================================== */

/* 
-------------------------------------------------- */
.list-back_number{
padding:5px 0 0 15px;
}

.list-back_number li{
float:left;
width:130px;
margin:0 20px 10px 0;
height:195px;
position:relative;
}

.list-back_number li .title{
position:absolute;
top:170px;
left:0;
font-weight:normal;
width:100%;
}

.list-back_number li .cover{
position:absolute;
top:0;
left:0;
}

/* 
-------------------------------------------------- */
.list-crea_book{
margin:-10px -40px 0 -15px;
background:transparent url("/common/images/list-crea_book-bg.png")  repeat-y left top;
}

.list-crea_book li{
float:left;
width:108px;
margin:5px 12px 10px 0;
padding:132px 0 0;
height:95px;
position:relative;
}

.list-crea_book li .title{
font-weight:normal;
width:100%;
margin-bottom:4px;
font-size:11px;
/*font-weight:bold;*/
line-height:14px;
}

.list-crea_book li .author{
margin-bottom:0;
font-size:10px;
line-height:13px;
}

.list-crea_book li .cover{
position:absolute;
top:0;
left:0;
}

.list-crea_book li .special_page{
margin-top:3px;
margin-bottom:0;
}

.list-crea_book li .special_page a:hover{
opacity:0.8;
}

/* 
-------------------------------------------------- */
.list-crea_book2{
margin:5px 0 0 0;
}

.list-crea_book2 > li{
margin:0 0 20px 0;
padding:3px 0 5px 117px;
/*border-bottom:1px solid #e1e1e1;*/
border-bottom:dotted 1px #000;
position:relative;
min-height:155px;
}

.list-crea_book2 > li a{
	display:inline;
}

.list-crea_book2 li .title{
margin-bottom:5px;
font-weight:bold;
font-size:120%;
}

.list-crea_book2 li .author{
margin-bottom:20px;
font-weight:bold;
}

.list-crea_book2 li .summary{
margin-bottom:20px;
}

.list-crea_book2 li .cover{
position:absolute;
top:0;
left:0;
}

.list-crea_book2 li .cover img{
border:1px solid #e6e6e6;
}

.list-crea_book2 li .book-link li{
margin-bottom:3px;
}

.list-crea_book2 li .book-link li a{
background: url("/common/images/v2/UI-Sprite.png") no-repeat scroll -990px -247px transparent;
padding:0 0 0 13px;
color:#e54c78;
}

/* ==================================================

	NEXT ISSUE

================================================== */

/* 
-------------------------------------------------- */
body.magazine_and_book .magazine-next{
margin:0 0 30px 0;
border-bottom:1px solid #000;
}

body.magazine_and_book .magazine-next-inner{
}

body.magazine_and_book .magazine-next-inner .subtitle{
font-weight:bold;
font-size:14px;
border-bottom:2px solid #000;
padding:5px 0 10px;
margin-bottom:0;
}

body.magazine_and_book .magazine-next-inner .title{
margin-bottom:0;
padding:30px 0;
font-size:22px;
line-height:140%;
font-weight:normal;
text-align:center;
}

body.magazine_and_book .magazine-next-inner .title strong{
font-size:30px;
}


/* ==================================================

	TOP PAGE

================================================== */

/* 
-------------------------------------------------- */
body.magazine_and_book .magazine_and_book-top .article-inner{
padding:15px;
margin-bottom:8px;
}

body.magazine_and_book .magazine_and_book-top .article-inner.magazine-list{
	border:solid 1px #cdcdcd;
}
body.magazine_and_book .magazine_and_book-top .article-inner.magazine-list .magazine-top{
	padding:0 15px;
}

body.magazine_and_book .magazine_and_book-top .article-header{
padding:10px 20px 8px;
}

body.magazine_and_book .magazine_and_book-top .article-header h2{
display:block;
width:140px;
height:15px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat -300px -800px;/* css-image */
}

body.magazine_and_book .magazine_and_book-top .article-header h2.crea{
background-position:-300px -800px;
}

body.magazine_and_book .magazine_and_book-top .article-header h2.traveller{
background-position:-300px -820px;
}

body.magazine_and_book .magazine_and_book-top .article-header h2.mook{
background-position:-300px -840px;
}

body.magazine_and_book .magazine_and_book-top .article-header h2.book{
background-position:-300px -860px;
}

body.magazine_and_book .magazine_and_book-top .article-header .icon-more{
position:absolute;
top:10px;
left:150px;
}

body.magazine_and_book .magazine_and_book-top .article-header .icon-more a{
background-position:-990px -400px;
}

body.magazine_and_book .magazine-top{
}

body.magazine_and_book .magazine-top-inner{
width:430px;
float:right;
margin-bottom:0;
position:relative;
}

body.magazine_and_book .magazine-top-inner .menu{
position:absolute;
top:0px;
right:0px;
}

body.magazine_and_book .magazine-top-inner .subtitle{
font-weight:bold;
font-size:14px;
}

body.magazine_and_book .magazine-top-inner .title{
margin-bottom:0;
padding:15px 0 25px;
font-size:14px;
line-height:200%;
font-weight:normal;
}

body.magazine_and_book .magazine-top-inner .title strong{
font-size:180%;
}

body.magazine_and_book .magazine-top-inner .box-eshop{
margin-bottom:2px;
}

body.magazine_and_book .primary .cover{
border:1px solid #e6e6e6;
float:left;
margin-bottom:0;
}

/* 
-------------------------------------------------- */
body.magazine_and_book .book-top{
	padding:0 15px;
}

body.magazine_and_book .book-top-inner{
float:left;
height:132px;
width:175px;
padding-left:110px;
margin-right:7px;
position:relative;
}

body.magazine_and_book .book-top-inner .title{
margin-top:10px;
}

body.magazine_and_book .book-top-inner .author{
}

body.magazine_and_book .book-top-inner .summary{
font-size:10px;
}


body.magazine_and_book .book-top-inner .cover{
border:1px solid #e6e6e6;
float:left;
margin-bottom:0;
position:absolute;
top:0;
left:0;
}

/* 
-------------------------------------------------- */
body.magazine_and_book .parts-teiki{
border-top:1px solid #000;
margin:0 -20px 5px;
padding-top:15px;
position:relative;
height:145px;
}

body.magazine_and_book .parts-teiki .title{
position:absolute;
top:15px;
left:135px;
display:block;
width:210px;
height:60px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat -600px -800px;/* css-image */
}

body.magazine_and_book .parts-teiki .title.traveller{
width:210px;
height:70px;
background-position:-600px -900px;
}

body.magazine_and_book .parts-teiki .text{
border-top:1px solid #e54c78;
padding:15px 5px 0;
position:absolute;
top:90px;
right:0;
font-size:11px;
line-height:150%;
width:450px;
}

body.magazine_and_book .parts-teiki .cover{
border:1px solid #e6e6e6;
position:absolute;
top:15px;
left:0;
}

body.magazine_and_book .parts-teiki .btn{
position:absolute;
top:45px;
right:0px;
}

/* 
-------------------------------------------------- */
body.magazine_and_book .parts-teiki_s{
border-top:1px dotted #7f7f7f;
border-bottom:1px dotted #7f7f7f;
padding:15px 160px 15px 15px;
margin:0 0 30px 0;
position:relative;
}

body.magazine_and_book .parts-teiki_s *{
margin-bottom:0;
}

body.magazine_and_book .parts-teiki_s .title{
width:160px;
height:20px;
margin-bottom:5px;
background:transparent url("/common/images/v2/UI-Sprite.png") no-repeat -600px -870px;/* css-image */
}

body.magazine_and_book .parts-teiki_s .btn{
position:absolute;
right:5px;
bottom:15px;
}

/* 
-------------------------------------------------- */
body.magazine_and_book .parts-next_issue-outer{
border:1px solid #e6e6e6;
padding:15px;
margin:0 0 15px 0;
}

body.magazine_and_book .parts-next_issue .subtitle{
font-size:14px;
line-height:150%;
color:#e54c78;
}

body.magazine_and_book .parts-next_issue a:hover .subtitle{
text-decoration:underline;
}

body.magazine_and_book .parts-next_issue .title{
font-size:14px;
line-height:150%;
margin-bottom:0;
}

body.magazine_and_book .parts-next_issue .title strong{
font-size:22px;
line-height:150%
}

/* 購入ボタンリニューアル
-------------------------------------------------- */
.box-eshop-inner{overflow:hidden;width:100%;}
.box-eshop-inner div{float:left;width:50%;}
.box-eshop-inner a{color:#fff;font-size:120% !important;line-height:1.5;padding:15px 5px;background-color:#000;display:block;text-align:center;}
.box-eshop-inner a:hover{background-color:#a367a7;color:#fff;text-decoration:none;}
.box-eshop-inner .book-index a{margin-right:5px;background-image:url(/common/images/v2/ico-index.png);background-repeat:no-repeat;background-position:45px 20px;}
.box-eshop-inner .eshop-list a{margin-left:5px;background-image:url(/common/images/v2/ico-cart.png);background-repeat:no-repeat;background-position:44px 15px;}

.box-eshop-inner a span.arrow{background-image:url(/common/images/v2/magazine-arrow.png);background-repeat:no-repeat;display:block;color:#fff;background-position:76%;}

body.magazine_and_book .magazine_and_book-top .article-inner.magazine-list.v2{border:solid 1px #cdcdcd;padding:15px !important;}

/*ページ内*/
.store-list-arrow{position:absolute;bottom:0;width:358px;}
.store-cart-btn a{color:#fff;font-size:120%;line-height:1.5;padding:15px 5px;background-color:#000;display:block;text-align:center;background-image:url(/common/images/v2/ico-cart.png);background-repeat:no-repeat;background-position:100px 17px;}
.store-cart-btn a:hover{background-color:#a367a7;color:#fff;text-decoration:none;}
.store-cart-btn a span.arrow{background-image:url(/common/images/v2/magazine-btm.png);background-repeat:no-repeat;display:block;color:#fff;background-position:70%;}

#store-lineup{margin:0 10px 40px 10px;}
#store-lineup .title{margin-bottom:15px;line-height:2;font-weight:bold;clear:both;font-size:130%;padding-top:7px;}
#store-lineup #paperbook-store .title{background-image:url(/common/images/v2/shop-mag-ico.png);background-repeat:no-repeat;background-position:left;padding-left:30px;}
#store-lineup #ebook-store .title{background-image:url(/common/images/v2/shop-device-ico.png);background-repeat:no-repeat;background-position:left;padding-left:26px;}
#store-lineup #ebook-store{margin-top:20px;}

#store-lineup .store-inner{overflow:hidden;}
#store-lineup .store-inner .store{float:left;}
#store-lineup .store-inner a{border:solid 1px #e6e6e6;display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background-repeat:no-repeat;background-position:center;}
#store-lineup .store-inner a:hover{opacity:0.8;}
#paperbook-store .store-inner .store{margin:0 10px 15px 0;}
#paperbook-store .store-inner .store:last-child{margin-right:0;}
#paperbook-store .store-inner .store a{width:188px;height:58px;}
#ebook-store .store-inner .store{margin-right:10px;margin-bottom:15px;}
#ebook-store .store-inner .store a:nth-child(4n){margin-right:0;}
#ebook-store .store-inner .store a{width:138px;height:58px;}

#store-lineup .store-inner .store a#amazon{background-image:url(/common/images/v2/ico-amazon.png);}
#store-lineup .store-inner .store a#rakuten{background-image:url(/common/images/v2/ico-rakuten.png);}
#store-lineup .store-inner .store a#sevennet{background-image:url(/common/images/v2/ico-7net.png);}
#store-lineup .store-inner .store a#kindle{background-image:url(/common/images/v2/ico-kindle.png);}
#store-lineup .store-inner .store a#kobo{background-image:url(/common/images/v2/ico-kobo.png);}
#store-lineup .store-inner .store a#kinoppy{background-image:url(/common/images/v2/ico-kinoppy.png);}
#store-lineup .store-inner .store a#reader{background-image:url(/common/images/v2/ico-reader.png);}
#store-lineup .store-inner .store a#booklive{background-image:url(/common/images/v2/ico-booklive.png);}
#store-lineup .store-inner .store a#honto{background-image:url(/common/images/v2/ico-honto.png);}
#store-lineup .store-inner .store a#magastore{background-image:url(/common/images/v2/ico-magastore.png);}
#store-lineup .store-inner .store a#zinio{background-image:url(/common/images/v2/ico-zinio.png);}