@charset "utf-8";
body {
background-color:#f0f0f0;
}
#left {
margin:3% 0 0 0;
}
#content,
#left {
background-color: transparent;
width:1120px;
}
#center {
background-color: transparent;
width:900px;
}
main {
	width: 900px;
	float: left;
}
/*lineup*/
#mainlineup .lineupBtn-wrap {
    display: none;
}
#mainlineup img{ width:100%; height: auto;}
#mainlineup ul {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
background: #fff;
border-bottom: 2px solid #f0f0f0;
}
#mainlineup nav li {
display: list-item;
background-color: #fff;
position: relative;
text-align: center;
font-size: .8em;
padding: 0 2% 2% 2%;
margin-bottom: 20px;
}
/*article*/	
.xLine {
width: 40%;
margin: 0 auto 1.2em auto;
}
#itemall {
width: 100%;
display: flex;
flex-wrap: wrap;
background: #f0f0f0;
}
#itemall article.itembox{background-color: #fff;}
#itemall .itembox h2,
#itemall .itembox h3 {
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
text-align: center;
}
#itemall,main p {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}
#itemall p {
margin-bottom: 1em;
line-height: 1.5;
}
#itemall .itembox h2 {
font-size: 1.6em;
line-height: 1.3em;
}
#itemall .itembox h3 {
font-size: 1.2em;
margin-bottom: 1.3em;
}
#itemall .textwrap {
padding: 5% 5% 10% 5%;
}
#itemall .itembox a:hover img {
opacity: 0.8;
}
#itemall .itembox a {
color: #333;
text-decoration: none;
}
#itemall .thumbnail img {
width: 100%;
height: auto;
}
#itemall .itembox.soldout .thumbnail,
#itemall .itembox.special .thumbnail{
position: relative;
}
#itemall .itembox.soldout p.nyuka:before {
content: "SOLD OUT\A";
white-space: pre;
font-size: 70%;
}
#itemall article.itembox .label{
width: 40px;
position: absolute;
right: 15px;
top: 15px;
}
#itemall .itembox.soldout p.nyuka {
font-weight: bold;
font-size: 2em;
position: absolute;
top: 30%;
width: 100%;
text-align: center;
color: #fff;
background: repeating-linear-gradient(45deg, rgba(0,0,0,0.2) 0, rgba(0,0,0,0.2) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px);
z-index: 10;
padding: 1em 0;
}
@media only screen and (min-width: 737px) {
#mainlineup nav li:not(:nth-child(6n)) {
border-right: 1px solid #f0f0f0;
}
#mainlineup li {
width: calc((76% - 5px)/6);
height: auto;
}
#mainlineup	li img.label {
position: absolute;
top: 10px;
left: 6px;
width: auto;
height: 20px;
}
#itemall article {
width: calc((100% - 4px) / 2);
float: left;
margin: 0 4px 4px 0;
display: inline;
}
#itemall article:nth-child(2n) {
margin-right: 0;
}
.title img {
height: 35px;
width: auto;
}
}
@media only screen and (max-width : 1160px)
{
#content,
#content-header {
    width: 100%;
	padding:0 1%;
	box-sizing:border-box;
}
#left {
	width:100%;
}
main,
#center {
    width: 80%;
}
nav#g-nav {
    width: 19%;
}
}
/*タブレット用 */
@media only screen and (max-width : 1024px)
{
main,
#center {
    width: 75%;
}
nav#g-nav {
    width: 24%;
}
}
@media only screen and (max-width: 736px){
#wrapper, #center, #centerW, #content, #left {
	width:100%;
}
#center {
	width:90%;
	float:none;
	margin:0 auto;
}
#content,main{
	width:100%;
}
#content,
#content-header {
	padding:0;
}
#wrapper {background-color:#e9e9e9;}
nav#g-nav {
    width: 100%;
}
#center {width:100%;}
#left {width:100%;}
#topics {width:100%;}
#topics .box {margin-left:35px;}
header#content-header{ margin-bottom:0;}
#mainlineup	li img.label {
position: absolute;
top: -5px;
left: 6px;
width: auto;
height: 16px;
}
#mainlineup nav li:not(:nth-child(4n)) {
border-right: 1px solid #f0f0f0;
}
#mainlineup li {
width: calc((84% - 3px)/4);
height: auto;
}
.title img {
height: 25px;
width: auto;
}
}