@charset "utf-8";

/* clearfix */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
*{word-break: break-all;}

.sprite, .sprite a, .header p.image {background: url(/common/images/v5/store/store.png) no-repeat; display:block; overflow: hidden;}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx)  {
  /* -- ▼全体で使う画像Retina版▼ -- */
  .sprite, .sprite a, .header p.image{
    background: url(/common/images/v5/store/store@2x.png) no-repeat; display:block;
    -webkit-background-size: 700px 485px;
    -moz-background-size: 700px 485px;
    -o-background-size: 700px 485px;
    background-size: 700px 485px;
    overflow: hidden;
  }
}

body {
  font-family: 'Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
  -webkit-text-size-adjust:none;/*スマホを横画面にしても文字を自動調整させない*/
  background: url(/common/images/v1/wedge/wedge-wrapper-bg.gif) repeat-x;
}
body.hitotoki{background-image:none;border-top:solid 10px #c2001c;}
body{
  width:100%;
  margin:0;
  padding:0;
  font-size:100%;
  line-height:1.6;
  background-color:#fff;
  list-style:none;
  color:#222;
}
a{color:#055f96;text-decoration:none;}

#wrapper{width:290px; margin:0 auto; padding-top:30px;}
.header{text-align:center; padding-bottom:25px; border-bottom:solid 2px #8a8482;}
.header h1 {margin:0 auto 10px;}
.header p.st{font-size:13px;}
.header p.image{display:none;}
.header p.store{background:url(/common/wedge/images/v1/wedge/cart-icon.png) no-repeat right;background-size:40px 40px;text-align:left;padding-right:55px;}

#contents{padding:20px 0;}
#contents h2{border-left:solid 10px #1c6c8f; font-size:16px; padding-left:5px; margin-bottom:15px; text-align:left;}
#contents ul{margin-bottom:20px;}
#contents ul li{float:left; margin:0 5px 5px 0;}
#contents ul li a,
#contents ul li span{width:140px; height:62px; text-indent:-1100em;}
#contents ul li.fujisan a{background-position:0 -342px;}
#contents ul li.maga a{background-position:-146px -342px;}
#contents ul li.reader a,
#contents ul li.reader span{background-position:-292px -342px;}
#contents ul li.tsutaya a,
#contents ul li.tsutaya span{background-position:-438px -342px;}
#contents ul li.kobo a,
#contents ul li.kobo span{background-position:0 -410px;}
#contents ul li.ismedia a,
#contents ul li.ismedia span{background-position:-146px -410px;}
#contents ul li.newsstand a,
#contents ul li.newsstand span{background-position:-292px -410px;}
#contents ul li.amazon a,
#contents ul li.amazon span{background-position:-438px -410px;}
#contents ul li.kinoppy a,
#contents ul li.kinoppy span{background:url(/common/wedge/images/v1/wedge/store-kinoppy-logo@2x.png);display:block;background-size:140px 62px;}
#contents ul li.seven a,
#contents ul li.seven span{background:url(/common/wedge/images/v1/wedge/store-seven-logo@2x.png);display:block;background-size:140px 62px;}
#contents ul li.wedge a,
#contents ul li.wedge span{background:url(/common/wedge/images/v1/wedge/store-book-wedge@2x.png);display:block;background-size:140px 62px;}
#contents ul li.hitotoki a,
#contents ul li.hitotoki span{background:url(/common/wedge/images/v1/hitotoki/store-hitotoki-logo_v2@2x.png?rd=20190717);display:block;background-size:140px 62px;}
#contents ul li.rakuten a,
#contents ul li.rakuten span{background:url(/common/wedge/images/v1/wedge/store-rakuten-logo@2x.png);display:block;background-size:140px 62px;}
#contents ul li.honto a,
#contents ul li.honto span{background:url(/common/wedge/images/v1/wedge/store-honto-logo@2x.png);display:block;background-size:140px 62px;}
#contents ul li.jrtokai a,
#contents ul li.jrtokai span{background:url(/common/wedge/images/v1/wedge/store-jrtokai-logo@2x.png);display:block;background-size:140px 62px;}

#contents ul li.nolink{opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4;}
#contents p{text-align:center; font-size:14px; line-height:1;}
#contents p a{width:53px; display:block; margin:0 auto; padding:5px 10px; border:solid 1px #ccc; color:#666;}
#contents p a:hover{border:solid 1px #1c6c8f; color:#1c6c8f;}
#contents p a span{background-position:-452px -70px; width:16px; height:16px; text-indent:-1100em; float:left;}
#contents p a:hover span{background-position:-452px -96px;}
#footer{font-size:10px; color:#666; text-align:center; padding:10px 0 20px; border-top:solid 1px #ccc;}

#contents p.store-attention{margin-bottom:25px;line-height:1.8;}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  スモールタブレット（480px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 480px) {
 #wrapper{width:480px;}
 .header p.st{font-size:16px;}
 #contents{text-align:center;}
 #contents h2{margin-bottom:25px;}
 #contents ul{margin:0 auto 35px;}
 #contents ul li{margin:0 5px 13px;}
 #contents ul li a,
 #contents ul li span{width:220px; height:62px;}
 #contents ul li.fujisan a{background-position:0 -138px;}
 #contents ul li.maga a{background-position:-226px -138px;}
 #contents ul li.reader a,
 #contents ul li.reader span{background-position:-452px -138px;}
 #contents ul li.tsutaya a,
 #contents ul li.tsutaya span{background-position:0 -206px;}
 #contents ul li.kobo a,
 #contents ul li.kobo span{background-position:-226px -206px;}
 #contents ul li.ismedia a,
 #contents ul li.ismedia span{background-position:-452px -206px;}
 #contents ul li.newsstand a,
 #contents ul li.newsstand span{background-position:0 -274px;}
 #contents ul li.amazon a,
 #contents ul li.amazon span{background-position:-226px -274px;}
 #contents ul li.kinoppy a,
 #contents ul li.kinoppy span{background:url(/common/wedge/images/v1/wedge/store-kinoppy-logo.png);display:block;}
 #contents ul li.seven a,
 #contents ul li.seven span{background:url(/common/wedge/images/v1/wedge/store-seven-logo.png);display:block;}
 #contents ul li.wedge a,
 #contents ul li.wedge span{background:url(/common/wedge/images/v1/wedge/store-book-wedge.png);display:block;}
 #contents ul li.hitotoki a,
 #contents ul li.hitotoki span{background:url(/common/wedge/images/v1/hitotoki/store-book-hitotoki_v2.png?rd=20190717);display:block;}
 #contents ul li.rakuten a,
 #contents ul li.rakuten span{background:url(/common/wedge/images/v1/wedge/store-rakuten-logo.png);display:block;}
 #contents ul li.honto a,
 #contents ul li.honto span{background:url(/common/wedge/images/v1/wedge/store-honto-logo.png);display:block;}
 #contents ul li.jrtokai a,
 #contents ul li.jrtokai span{background:url(/common/wedge/images/v1/wedge/store-jrtokai-logo.png);display:block;}
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  タブレット（768px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 768px) {
 #wrapper{width:738px;}
 .header h1{float:left;}
 .header p.st{display:none;}
 .header p.image{
 	float:right; display:block;
 	background-repeat:no-repeat; display:block;
 	background-position:0 -70px;
 	width:398px; height:42px; text-indent:-1100em;
 }
 .header p.store{text-align:right;font-size:18px;font-weight:bold;padding:10px 55px 10px 0;margin-top:10px;}
 .header p.store.hitotoki{margin-top:20px;}
 #contents{text-align:left;}
 #contents ul{padding:0 10px;}
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  パソコン（1024px～）切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 1024px) {
 #wrapper{width:800px;}
}