body {}
.container {}
header {}
article {}

div.color{text-align:right;font-size:90%;}


.topcontmain{background-image:url(../product/supplement/img/bg.jpg);padding-top:100px;}
.topcontmain h2{width:100%;height:auto;background-image:url(../product/supplement/img/bg2.png);background-repeat:repeat-x;}
.topcontmain h2 img{margin-left:10%;}

/**商品情報が右寄せの場合 **/
.contmain{position:relative;background-repeat:no-repeat;background-size:cover;background-position: center center;}
.contmain_cont { max-width:1200px; margin: 0px auto;}
.contmain h2{width:50%;margin-left:48%;padding-top:50px;}
.contmain h2 img{width:100%;height:auto;}
.contmain .contmain_header p {text-align:center;margin-left:48%; max-width:540px;width:50%; padding:5px 0px 10px; font-size:17px;text-shadow:0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff;}

/**商品情報が左寄せの場合 **/
.contmain_left{position:relative;background-repeat:no-repeat;background-size:cover;background-position: center center;}
.contmain_cont { max-width:1100px; margin: 0px auto;}
.contmain_left h2{width:50%;margin-right:0%;padding-top:50px;}
.contmain_left h2 img{width:100%;height:auto;}
.contmain_left .contmain_header p {text-align:center;margin-left:0%; max-width:540px;width:50%; padding:5px 0px 10px; font-size:17px;text-shadow:0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff;}

.itemlist{padding:40px 0px;}
.itemlist h3{width:90%;max-width:1000px;margin:0px auto;font-size:120%;color:#63452D;padding:0px 0px 10px;}
.itemlist ul{width:90%;max-width:1000px;margin:0px auto 30px;}
.itemlist ul li{ min-height:320px;background:#FFF;border:1px solid #CCC;border-radius:6px;padding:10px;font-size:100%;}
.itemlist ul li img{margin:0px auto 5px;display:block; max-width:170px; width:100%;}/*width設定*/
.no_read ul li{ min-height:0px;}/*商品にリード文がない場合に設定*/

.category{padding:40px 0px 20px;}
.category ul{width:90%;max-width:1000px;margin:0px auto 0px;}
.category ul li{border:1px solid #CCC;border-radius:3px;margin-bottom:10px;}
.category ul li img{margin:0px auto;width:100%;height:auto;display:block;}

.sammix .category ul li img{display:inline;}
.supplement .category ul li img{display:inline;}
.supplement main.suptop .category ul li img{display:block;max-width:170px;}

/** sammix **/
.sammix .contmain{height:450px;background-image:url(../product/supplement/summix/img/bg.jpg);}
.sammix .itemlist{background-color:#C7DEFC;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}
.sammix .itemlist h3{color:#0F6AEC;}
.sammix .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#A07C1D;}
.sammix .itemlist ul li {min-height: 300px;}


/** supplement **/
.supplement .contmain_left {height:450px;background-image:url(../product/supplement/supplement/img/bg.jpg);}.supplement .itemlist{background-color:#C3F7F8;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}
.supplement .itemlist h3{color:#1F9092;}
.supplement .itemlist sup {vertical-align: text-top; line-height: 6px;}
.supplement .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#A07C1D;}
.supplement .itemlist ul li {min-height: 390px;}




@media (min-width: 1000px) {
}

@media (max-width: 999px) {
.sammix .contmain{position:relative;height:350px;}
.supplement .contmain_left{position:relative;height:350px;}
.contmain .contmain_header p {text-align:center;margin-left:48%; max-width:540px;width:50%; padding:5px 0px 10px; font-size:14px;text-shadow:0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff;}
.contmain_left .contmain_header p {text-align:center;margin-left:0%; max-width:540px;width:50%; padding:5px 0px 10px; font-size:13px;text-shadow:0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff ,0px 0px 10px #ffffff,0px 0px 10px #ffffff,0px 0px 10px #ffffff;}
}

@media (max-width: 768px) {

.topcontmain{background-image:url(../product/supplement/img/bg.jpg);height:350px;}
.topcontmain h2{padding:0px 0px;width:100%;height:auto;background-image:url(../product/supplement/img/bg2.png);background-repeat:repeat-x;}
.topcontmain h2 img{width:90%;margin:0px 4%;display:block;}

/*
.contmain h2{width:100%; text-align:center;margin-left:0%;padding-top:20px; padding-bottom:20px; background: url(../product/supplement/img/bg_o.png) repeat; margin-bottom:15px;}
.contmain h2 img { width:50%;}
.contmain .contmain_header p { margin:0px auto; max-width: none;width:100%; font-size:12px;}
*/

.contmain_left h2{width:100%; text-align:center;margin-left:0%;padding-top:20px; padding-bottom:20px; background: url(../product/supplement/img/bg_o.png) repeat; margin-bottom:15px;}
.contmain_left h2 img { width:50%;}
.contmain_left .contmain_header p { margin:0px auto; max-width: none;width:100%; font-size:12px;}

.itemlist ul li{margin-bottom:10px;min-height:100px;}
.itemlist h3{width:90%;max-width:1000px;margin:0px auto;font-size:100%;color:#63452D;padding:0px 0px 10px;}



/** sammix **/
.sammix .contmain{height:270px;background-image:url(../product/supplement/summix/img/bg2.jpg); background-position:center;}

/** supplement **/
.supplement .contmain_left{height:250px;background-image:url(../product/supplement/supplement/img/bg2.jpg); background-position:center;}

.sammix .category ul li img,
.supplement .category ul li img{margin:0px auto;width:100%;height:auto;max-width:none;display:inline;}
.supplement .itemlist ul li {min-height: 0px;}


}