@charset "utf-8";
/* CSS Document */

body{background-attachment: fixed;}
.ctgCnt{padding-bottom:10px;}
#pageContents{width: 100%!important;}
h1{margin: 0!important;}

/*グリッドデザイン*/
div#container{display: grid; grid-template-rows:100vh; grid-template-columns:33% 33% 33%; height: 100%;}

div#itemLeft{background: #f2f2f2;position: relative; overflow: hidden;}
div#itemLeft img{width: 100%; height: auto;}

/*左のMENU*/
div#itemLeft div.menu{width: 60%; margin: 0 auto; position: absolute; top: 100px; left: 25%;}
div#itemLeft div.menu img{width: 100%; margin: 0 auto;}
div#itemLeft div.menu ul{position: absolute; top: 28%;width: 100%;}
div#itemLeft div.menu ul li{width: 93%; margin: 0 auto 2px;}
div#itemLeft div.menu ul li img{width: 100%; margin: 0 auto;}

div#itemCenter{background: #f2f2f2; overflow-y: scroll;}
div#itemCenter div#spContents{width:100%;}
div#itemCenter div#spContents img{width: 100%;}

div#itemRight{background: #f2f2f2; overflow-y: hidden;}
div#itemRight img{width: 100%; height: auto;}

/*中央*/
#pageContents.fmCnt{width:100%; background:#f2f2f2; color:#402c28; height: 100%; margin: 0 auto; position: relative;}
#pageContents.fmCnt div#spcontents{width:480px; z-index: 100; margin: 0 auto; position: absolute; top: 0; right: 35%; overflow-y: scroll; background-color: #c9c5c0;}
#pageContents.fmCnt a{text-decoration:none; background: none; padding: 0; margin: 0;}
#pageContents.fmCnt a:hover{color:#333;}

#pageContents p {line-height: 1.7em;}
#pageContents ul li.widecol{width: 360px;}
#pageContents .spOnly{display: none;}


/*全体*/
ul.itemCnt{background-color: transparent;}
ul.itemCnt li{background-color: transparent;}
ul.itemCnt li div.itemInfo{text-align: center;}
ul.itemCnt li p.itemName{color: #402c28; font-size: 13px; font-weight: 400; text-align: center;}

div.fmttl{width: 100%;}
div.fmttl img{width: 50px; margin: 40px auto 10px auto; display: block;}
div.fmttl h2{text-align: center; font-size: 24px; font-weight: 500; color: #402c28; line-height: 1.7em; margin-bottom: 10px;}
div.fmttl h2 span{font-size: 20px;}

/*main*/
div#fmMain{width: 100%; position: relative; padding-top: 40px;}
div#fmMain div#mainpng{width: 90%; position: absolute; top: 62px; left: 14px; z-index: 100;}
div#fmMain div#mainpng img{width: 100%;}

div#fmMain div#mainImg{width: 70%; margin: 0 auto 0 30px;}
div#fmMain div#mainImg ul{width: 100%;}
div#fmMain div#mainImg img{width: 100%; padding-top: 4px;}
div#fmMain p.main{width: 90%; margin: 20px auto 100px; font-weight: 500; font-size: 15px;}

/*wear*/
div#wear div.style{width: 95%; margin: 0 auto;}
div#wear div.style img{width: 100%;}
div#wear div.style ul{width: 95%; margin: 0 auto; padding-bottom: 80px;}
div#wear div.style li{width: 100%; margin: 16px auto;}
div#wear div.style li a{width: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap;}
div#wear div.style li a p{color: #402c28; font-size: 13px; display: block; width: 80%; font-weight: 400;}
div#wear div.style li a p span.price{float: right;}
div#wear div.style li a p span.yen{ font-size: 9px;}
div#wear div.style li a img{width: 60px; height: 20px;}

div#wear div.staff{width: 95%; margin: 0 auto; padding-bottom: 120px;}
div#wear div.staff img{width: 94%; margin: 0 auto; display: block;}

div#wear div.wearall{width: 95%; margin: 0 auto; padding-bottom: 120px;}
div#wear div.wearall h3{font-size: 24px; font-weight: 600; text-align: center; margin-bottom: 20px;}


/*slippers*/
div#slippers{background-color: #f7e3dc; padding: 80px 0 80px; overflow: hidden;}

div#slippers div.table{width: 95%; margin: 0 auto 80px; overflow-x: scroll;}
div#slippers div.tablettl{background-color: #fff; width: 95%; margin: 0 auto;}
div#slippers div.tablettl p{text-align: center; color: #402c28; font-size: 20px; font-weight: 600; padding: 16px 0;}
div#slippers div.table div.tableimg{width: 140%;}
div#slippers div.table img.table{width: 100%;}

div#slippers ul.itemCnt{background-color: transparent;}
div#slippers ul.itemCnt li.widrcol p.itemName{padding-top: 16px;}

div#slippers div.column,div#others div.column{width: 100%; margin: 40px auto 0; overflow: hidden;}
div#slippers div.column img,div#others div.column img{width: 84%; display: block; margin: 0 auto;}


/*others*/
div#others{padding: 80px 0 80px; overflow: hidden;}
div#others div.accessories img.ttl,div#others div.bags img.ttl{width: 50%; margin: 40px auto 0; display: block;}

/*nyuuen*/
div#nyuuen{background-color: #f7e3dc; padding: 80px 0;}
div#nyuuen img{width: 80%; display: block; margin: 0 auto;}