
html, #maker {display:none;}

#main {width: auto;}
#main p {line-height: 1.8;}	
#main img {width: 100%;}
#main > section h1 {font-size: 155%;}			
body #main h1 {margin: 0; padding: 0; border: 0; font-weight: normal;}
body #main > h1 {width: 146px; height: 36px; margin: 4% 0; padding: 0;}
body #main > h1 a {background-image: url(/img/store/shokoku/common/logo_shokoku_pc.png); background-repeat: no-repeat; height: 100%; text-indent: -9999px; overflow: hidden; display: block;}

#main > h1 img {width: 16%;}

#detail .mainPanel {width: 100%; height: 550px; position: relative; background-repeat: no-repeat; background-size: 100% auto; background-position: center 20%; overflow: hidden;}
#detail .mainPanel h1 {width: 100%; font-size: 270%; position: absolute; bottom: 0; z-index: 10; color: #fff; background-color: rgba(0,0,0,0.4); background: #191919\9;}
#detail .mainPanel h1 span {padding: 16px 20px; display: block;}
.mainPanel img {position: absolute; top: -5%;}

#detail .lead {font-size: 135%; margin-bottom: 0; padding: 1% 0 1.5%;}
#detail .articleBody > * {width: 640px; margin: 3% auto 0;}
#detail .articleBody figure {height: 400px; position: relative; overflow: hidden;}
#detail .articleBody img {width: 100%; position: absolute; top: -12%;; left: 0;}
#detail .articleBody p {font-size: 125%;}
#itemList {margin-top: 8%; background-color: #f7f7f7;}
#itemList h1 {display: none;}
#itemList ul {letter-spacing: -.40em; margin-right: -40px;}
#itemList ul > * {letter-spacing: normal;}
#itemList li {width: 190px; margin: 3.5% 40px 0 0; display: inline-block; vertical-align: top; position: relative;}	
#itemList .thumb {display: block; margin-bottom: 4%; background: #000;}
#itemList .thumb .NEW {font-size: 13px; padding: 1em; position: absolute; top: 5%; left: 5%; background-color: rgba(63, 63, 63, 0.75); color: #fff; border-radius: 50%; height: 2.5em; line-height: 2.5em; background: #666\9;}
#itemList .thumb .NEW span {font-size: 13px;}
#itemList img {height: auto;}
#itemList .nondisclosure img {opacity: 0.5;}

/*#itemList .nondisclosure {display: none;}*/
#itemList a {text-decoration: none;}
#itemList .price {display: block;}
#itemList .stockicon {font-size: 10px; margin-left: 3px;}
#persons {margin-top: 8%; border-radius: 8px; background: #eee;}
#persons .inner {zoom: 1; padding: 40px;}
#persons .inner:after {content: ''; clear: both; display: block;}
#persons h1 span {padding-right: 0.5em;}
#persons figure {width: 380px; float: left; margin-right: 40px;}
#persons p {font-size: 125%; margin-bottom: 2%;}
#persons dl {font-size: 115%; overflow: hidden;}
#main #persons h1 {margin-bottom: 3.5%;}
.shareButton {margin-top: 7%;}
.shareButton li {display: inline-block;}
.shareButton .tw {margin-right:10px;}

.quickButton {display: none;}

.aspectRatio4x3 {padding-bottom: 75%;}
.aspectRatio16x9 {padding-bottom: 56.25%;}
.youtube {position: relative; padding-top: 30px; height: 0; overflow: hidden;}
.youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
footer .youtube {padding-top: 0; height: auto;}


.stockicon.out, .newicon {display: none;}

.m-common__tile-list--item, .m-common__tile-list--item * {box-sizing: border-box;}
.m-common__tile-list--item {margin-top: 3.5%;}
#main .list-item-wrap {margin-top: 8%;}
#main .list-item-wrap h1 {font-size: 155%;}
.e_one-item.hide {display: none;}
