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

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

.bodymake .topicpath ul li,
.bodymake .topicpath ul li a{color:#FFF;}
.topcontmain{background-image:url(../product/cosmetic/img/bg.jpg);}
.topcontmain h2{position:absolute;top:100px;left:100px;}

.contmain{position:relative;height:450px;background-repeat:no-repeat;background-size:cover;background-position: center center;}
.contmain h2{width:50%;margin-left:48%;padding-top:50px;}
.contmain h2 img{max-width:540px;width:100%;height:auto;}
.contmain .spec{font-size:85%;padding:10px 20px;width:50%;max-width:540px;margin-left:48%;margin-top:20px;background:#FFF;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:rgba(153, 153, 153, 0.341176) 0px 0px 3px 2px;-webkit-box-shadow:rgba(153, 153, 153, 0.341176) 0px 0px 3px 2px;-moz-box-shadow:rgba(153, 153, 153, 0.341176) 0px 0px 3px 2px;}
.contmain .spec p{border-top:1px solid #CCC;padding:10px 0px;margin-top:10px;}

.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 .contmain_header p.white{color:#FFF;text-shadow:0px 0px 10px #000000 ,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000 ,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000 ,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000;}

.contmain .spec dl dd,
.contmain .spec dl dt{display:inline-block;}
.contmain .spec dl dt{}

.itemlist{padding:40px 0px;}
.itemlist h2{width:90%;max-width:1000px;margin:0px auto;font-size:120%;color:#AF2C6C;padding:0px 0px 15px;}
.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:80%;}
.itemlist ul li img{margin:0px auto 5px;display:block; max-width:170px; width:100%;}/*width設定*/
.no_read ul li{ min-height:0px;}/*商品にリード文がない場合に設定*/

.contmain h2{margin-left:48%;}
.contmain .contmain_header p{margin-left:48%;max-width:600px;}

.makeup .contmain{background-image:url(../product/cosmetic/makeup/img/bg-1.jpg);}
.makeup .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#A07C1D;}
.makeup .itemlist h2{color:#D73C88;}
.makeup .itemlist{background-color:#FDDCEC;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}

.makeup .itemlist ul li.span_6 img{max-width:340px;}

.special_item .contmain{background-image:url(../product/cosmetic/special_item/img/bg.jpg);}
.special_item .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#A07C1D;}
.special_item .itemlist h2{color:#FF8607;}
.special_item .itemlist{background-color:#FFF0D6;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}

.haircare .contmain{background-image:url(../product/cosmetic/haircare/img/bg.jpg);}
.haircare .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#A07C1D;}
.haircare .itemlist h2{color:#4D4D4D;}
.haircare .itemlist{background-color:#EBE6E4;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}

.bodycare .contmain{background-image:url(../product/cosmetic/bodycare/img/bg.jpg);}
.bodycare .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#A07C1D;}
.bodycare .itemlist h2{color:#39B54A;}
.bodycare .itemlist{background-color:#D3F0D7;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}

.oralcare .contmain{background-image:url(../product/cosmetic/oralcare/img/bg.jpg);}
.oralcare .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#A07C1D;}
.oralcare .itemlist h2{color:#B49851;}
.oralcare .itemlist{background-color:#EBE2CD;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}


.beauty_series .contmain{background-image:url(../product/cosmetic/beauty_series/img/bg.jpg);}
.beauty_series .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#A07C1D;}
.beauty_series .itemlist{background-color:#F8E1EC;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}
.beauty_series .contmain h2{margin-left:8%;}

.skincare .contmain{background-image:url(../product/cosmetic/skincare/img/bg.jpg);}
.skincare .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#A07C1D;}
.skincare .itemlist h2{color:#794EB4;}
.skincare .itemlist{background-color:#E9DAFD;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}

.yuriko .contmain{background-image:url(../product/cosmetic/yuriko/img/bg11-2.jpg);}
.yuriko .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#C9165A;}
.yuriko .itemlist h2{color:#C9165A;}
.yuriko .itemlist{background-color:#F6E6F0;background-image:url(../img/itembg1.png),url(../img/itembg2.png);background-position:right top,left bottom;background-repeat:no-repeat;}

aside {}

.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{width:100%;height:auto;}

.topcontmain{background-image:url(../product/cosmetic/img/bg.jpg);}
.topcontmain h2{position:absolute;top:100px;left:45%;margin-left:100px;}

@media (min-width: 1000px) {


}

@media (max-width: 999px) {
.topcontmain h2{position:absolute;top:100px;right:10px;margin-left:0px;}

.contmain{position:relative;height:400px;}
.contmain h2{width:65%;margin-left:34%;}
.contmain .contmain_header p {text-align:center;margin-left:30%; max-width:600px;width:70%; padding:5px 0px 10px; 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;}
.yuriko .contmain h2{width:70%;margin-left:40%;}
.beauty_series .contmain .contmain_header p{margin-left:6%;}
.itemlist ul li{ font-size:100%;}
}

@media (max-width: 769px) {

.topcontmain h2{position:static;margin:0px auto;padding:100px 0px;width:80%;}
.contmain{position:relative;height:450px;}
.contmain h2{width:80%;max-width:360px;margin:0px auto;padding-top:0px;text-align:center;}
.contmain .contmain_header {position:absolute;margin:0px auto;width:100%;height:auto;bottom:0px;padding-top:0px;background:rgba(255,255,255,0.7);}
.beauty_series .contmain{background-position:right top;}
.makeup .contmain{background-position:left top;}
.special_item .contmain{background-position:left center}
.skincare .contmain{background-position:left bottom;}
.yuriko .contmain{background-position:left center;}

.haircare .contmain{background-position:-50px -50px;}
.bodycare .contmain{background-position:left -80px;}
.oralcare .contmain{background-position:left -60px;}

.beauty_series .contmain h2{margin-left:auto;}
.skincare .contmain h2{margin-left:auto;}
.yuriko .contmain h2{margin-left:auto;}

.spec_b{display:block;font-size:85%;padding:10px 20px;width:90%;max-width: none;margin-left:5%; margin-right:5%; margin-bottom:20px;margin-top:20px;background:#FFF;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:rgba(153, 153, 153, 0.341176) 0px 0px 3px 2px;-webkit-box-shadow:rgba(153, 153, 153, 0.341176) 0px 0px 3px 2px;-moz-box-shadow:rgba(153, 153, 153, 0.341176) 0px 0px 3px 2px;}
.spec_b{border-top:1px solid #CCC;padding:10px 20px;margin-top:10px;}
.spec_b h3 { font-size:90%; font-weight:bold;}
.spec_b dl dd,
.spec_b dl dt{display:inline-block; font-size:90%;}
.spec_b dl dt{}
.spec_b p { border-top:1px solid #CCC; padding-top:10px; margin-top:10px;}

.topcontmain h2{position:static;margin:0px auto;padding:100px 0px;width:80%;}

.contmain .contmain_header p {text-align:center;margin-left:0%; max-width:none;width:100%; padding:5px 0px 10px; font-size:14px;}

.beauty_series .contmain .contmain_header p{max-width:100%;margin-left:0px;}
.skincare .contmain .contmain_header p{max-width:100%;margin-left:0px;margin-top:-20px;}
.yuriko .contmain .contmain_header p{max-width:100%;margin-left:0px;margin-top:-20px;}

.itemlist_one ul{width:90%;max-width:90%;margin:0px 5% 30px; float:none;}

.itemlist ul li{margin-bottom:10px;min-height:100px;}
.itemlist ul li img {max-width: none; width: 50%;}/*width設定*/

.mens_read strong { color:#F00; display:block; padding-bottom:5px; text-align:center; font-weight:bold;}
.spec_two {width:90%; margin:0px 5% 30px; float:none; max-width: none; min-height:0px;}
.itemlist_two ul{width:90%;max-width:90%;margin:0px 5% 10px 5%; float:none;}
.itemlist_two ul li{min-height:220px;background:#FFF;border:1px solid #CCC;border-radius:6px;padding:10px;font-size:80%; float:none; width:100%; margin-right:5%; margin-bottom:5px;}

.makeup .itemlist ul li.span_6 img{width:80%;}

.contmain .contmain_header p.white {color:#000;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;}

}