@import url("../../../../css/common.css");

/*===========================================
    product
	women.css
===========================================*/
.forNGUA { display: none; }


.wrapWomen .theme {
	height: 277px;
	background: url(../../images/product/women/theme.gif) no-repeat;
}
.cMain {
}
.section1 .title {
	width: 100%;
	height: 126px;
	background: url(../../images/product/women/s1_title.gif) no-repeat;
}
.section1 .hed {
	width: 100%;
	height: 77px;
	padding: 0;
	background: url(../../images/product/women/s1_hed1.gif) no-repeat;
}
.section1 .lead {
	width: 100%;
	height: 39px;
	background: url(../../images/product/women/s1_cap1.gif) no-repeat;
}
.section1 .imgContain {
	height: 510px;
	background: url(../../images/product/women/s1_img1.gif) no-repeat;
}
.section1 .txt {
	height: 416px;
	background: url(../../images/product/women/s1_txt1.gif) no-repeat;
}

.section2 .title,
.section3 .title,
.section4 .title {
	width: 100%;
	height: 122px;
}
.section2 .title {
	background: url(../../images/product/women/s2_title.gif) no-repeat;
}
.section3 .title {
	background: url(../../images/product/women/s3_title.gif) no-repeat;
}
.section4 .title {
	background: url(../../images/product/women/s4_title.gif) no-repeat;
}
.section2 .hed,
.section3 .hed,
.section4 .hed {
	width: 100%;
	height: 70px;
	padding: 0;
}
.section2 .hed {
	background: url(../../images/product/women/s2_hed1.gif) no-repeat;
}
.section3 .hed {
	background: url(../../images/product/women/s3_hed1.gif) no-repeat;
}
.section4 .hed {
	background: url(../../images/product/women/s4_hed1.gif) no-repeat;
}
.section2 .lead,
.section3 .lead,
.section4 .lead {
	width: 100%;
	height: 17px;
}
.section2 .lead {
	background: url(../../images/product/women/s2_lead1.gif) no-repeat;
}
.section3 .lead {
	background: url(../../images/product/women/s3_lead1.gif) no-repeat;
}
.section4 .lead {
	background: url(../../images/product/women/s4_lead1.gif) no-repeat;
}
.section2 .imgContain,
.section3 .imgContain,
.section4 .imgContain {
	height: 375px;
	background: url(../../images/product/women/s_bg_980-375.gif) no-repeat;
}
.section2 .imgContain ul,
.section3 .imgContain ul,
.section4 .imgContain ul {
	width: 844px;
	height: 330px;
	padding: 22px 68px 23px;
}
.section2 .imgContain li,
.section3 .imgContain li,
.section4 .imgContain li {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 211px;
	height: 330px;
	float: left;
}
.section2 .imgContain li img,
.section3 .imgContain li img,
.section4 .imgContain li img {
	display: block;
	height: 250px;
}
.section2 .imgContain li p,
.section3 .imgContain li p,
.section4 .imgContain li p {
	margin: 0;
	height: 80px;
}

.section2 .imgContain li.img1 p { background: url(../../images/product/women/s2_txt1.gif) no-repeat; }
.section2 .imgContain li.img2 p { background: url(../../images/product/women/s2_txt2.gif) no-repeat; }
.section2 .imgContain li.img3 p { background: url(../../images/product/women/s2_txt3.gif) no-repeat; }
.section2 .imgContain li.img4 p { background: url(../../images/product/women/s2_txt4.gif) no-repeat; }
.section3 .imgContain li.img1 p { background: url(../../images/product/women/s3_txt1.gif) no-repeat; }
.section3 .imgContain li.img2 p { background: url(../../images/product/women/s3_txt2.gif) no-repeat; }
.section3 .imgContain li.img3 p { background: url(../../images/product/women/s3_txt3.gif) no-repeat; }
.section3 .imgContain li.img4 p { background: url(../../images/product/women/s3_txt4.gif) no-repeat; }
.section4 .imgContain li.img1 p { background: url(../../images/product/women/s4_txt1.gif) no-repeat; }
.section4 .imgContain li.img2 p { background: url(../../images/product/women/s4_txt2.gif) no-repeat; }
.section4 .imgContain li.img3 p { background: url(../../images/product/women/s4_txt3.gif) no-repeat; }
.section4 .imgContain li.img4 p { background: url(../../images/product/women/s4_txt4.gif) no-repeat; }




.cMain .note {
	height: 111px;
	background: url(../../images/product/women/note.gif) no-repeat;
}
.cMain .btnArea {
	text-align: center;
	margin-top: 20px;
}
.cMain .btnArea a {
	display: block;
	margin: 0 auto;
	width: 554px;
	height: 47px;
	background: url(../../images/product/women/botan.gif) no-repeat;
}
.cMain .btnArea a:hover {
	background: url(../../images/product/women/botan_over.gif) no-repeat;
}



/*-------------------------*/
/* デバイスサイズ 889px*/
/*-------------------------*/
@media screen and (max-device-width: 889px) {
    
div#contents{ padding: 0;}

.wrapWomen .theme,
.section1 .title,
.section1 .hed,
.section1 .lead,
.section1 .imgContain,
.section1 .txt,
.section2 .title,
.section2 .hed,
.section2 .lead,
.section2 .imgContain,
.section3 .imgContain,
.section4 .imgContain,
.section2 .imgContain li p,
.section3 .imgContain li p,
.section4 .imgContain li p,
.section3 .title,
.section3 .hed,
.section3 .lead,
.section4 .title,
.section4 .hed,
.section4 .lead,
.cMain .note{ background-size: 100%!important;}
    
.wrapWomen .theme{ height: 26vw;}
.section1 .title{ height: 12.3vw;}
.section1 .hed{ height: 7.6vw;}
.section1 .lead{ height: 3.8vw;}
.section1 .imgContain{ height: 49.5vw;}
.section1 .txt{ height: 40.5vw;}
.section2 .title,
.section3 .title,
.section4 .title{ height: 11.7vw;}
.section2 .hed,
.section3 .hed,
.section4 .hed{ height: 6.8vw;}
.section2 .lead,
.section3 .lead,
.section4 .lead{ height: 1.6vw;}
.section2 .imgContain,
.section3 .imgContain,
.section4 .imgContain{ height: 36.4vw;}
.cMain .note{ height: 11vw;}
    
.section2 .imgContain ul,
.section3 .imgContain ul,
.section4 .imgContain ul {
	width: 100%;
	height: 330px;
	padding: 10px 30px 0;
}
.section2 .imgContain li,
.section3 .imgContain li,
.section4 .imgContain li {
	width: calc(100% / 4);
	height: auto;
}
.section2 .imgContain li img,
.section3 .imgContain li img,
.section4 .imgContain li img {
	height: auto;
}
.section2 .imgContain li p,
.section3 .imgContain li p,
.section4 .imgContain li p {
	height: 8vw;
}

.cMain .btnArea a{ width: 100%; height: 8.5vw; background-size: 100%;}
    
}