@charset "utf-8";

/*----------------------------
        dress
---------------------------*/
.cmnLead{
 overflow: hidden;
 padding-bottom: 150px;
}
.cmnLead h2{
 margin-bottom: 84px;
}
.imgList01{
 max-width: 998px;
 margin: 0 auto;
 justify-content: space-between;
}
@media screen and (min-width: 769px) {
 .imgList01 li{
  width: 52.5%;
  max-width: 522px;
  margin-top: 64px;
 }
 .imgList01 li.pcOnly{
  width: 44.5%;
  max-width: 443px;
  margin-top: 0;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
 .cmnLead{
  padding-bottom:103px   
 }
.cmnLead h2{
 margin-bottom: 50px;
}

 .imgList01 li.spOnly{
  margin-bottom: 10px;
 }
}/*//sp*/


/* wedding
-----------------------------*/
.wedding{
 overflow: hidden;
 position: relative;
 padding: 200px 3% 202px;
 margin: 0 auto;
}
.wedding::before{
 content: "";
 display: block;
 background: url("../img/dress/bg_green.png") no-repeat right top / cover;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height:658px;
 z-index: -1;
}
.wedding h2{
 margin-bottom: 55px;
}
.leadtxt{
  font-size: 26px;
 line-height: 1.6;
 text-align: center;
}
.wedding ul.pcFlex{
 max-width: 1000px;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 100px auto 0;
}
@media screen and (min-width: 769px) {
 .wedding .txt{
  max-width: 1000px;
  margin: 0 auto;
 }
 .wedding .txt h2,
 .leadtxt{
  text-align: left;
 }
 
 .wedding ul li{
  width: 48%;
  margin-top: 37px;
 }
 .wedding ul li.wide{
  margin-top: -445px;
 }
 .wedding ul li.wide img.pcOnly{
  margin-top: 32px;
 }
 .wedding ul li:nth-of-type(4){
  width: 32.5%;
 }
 .wedding ul li:last-of-type{
  width: 63.9%;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
.wedding{
 padding:65px 0 103px;
}
.wedding ul.pcFlex{
 margin-top: 38px;
}
.wedding ul li{
 width: 87vw;
  margin: 10px auto 0;
 }
 .wedding ul li.wide{
  width: auto;
  margin: 0 0 20px;
 }
.dress_name {
    width: 80%;
    margin: auto;
  }
}/*//sp*/

/* colordress
-----------------------------*/
.colordress{
 overflow: hidden;
 position: relative;
 padding: 200px 3% 202px;
 margin: 0 auto;
}
.colordress::before{
 content: "";
 display: block;
 background: url("../img/dress/bg_green.png") no-repeat right top / cover;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height:658px;
 z-index: -1;
}
.colordress h2{
 margin-bottom: 55px;
}
.colordress ul.pcFlex{
 max-width: 1000px;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 95px auto 0;
}
@media screen and (min-width: 769px) {
.colordress .txt{
  max-width: 1000px;
  margin: 0 auto;
 }
.colordress .txt h2,
 .colordress .txt p{
  width: 360px;
  margin-left: auto;
  text-align: left;
 }
.colordress ul li{
  width: 48%;
  margin-top: 32px;
 }
.colordress ul li.wide{
 margin-top: -476px;
 }
 .colordress ul li.wide .flex{
  justify-content: space-between;
  margin-top: 39px;
 }
 .colordress ul li.wide .flex img{
  width: 45.625%;
 }
 .colordress ul li:nth-of-type(3){
  width: 64.1%;
  padding-left: 15.3%;
 }
.colordress ul li:nth-of-type(4){
 width: 32.5%;
 }
.colordress ul li:last-of-type{
 }
}/*//pc*/
@media screen and (max-width: 768px) {
.colordress{
 padding:65px 0 103px;
}
.colordress ul.pcFlex{
 margin-top: 38px;
}
.colordress ul li{
 width: 87vw;
  margin: 10px auto 0;
 }
.colordress ul li.wide{
  width: auto;
  margin: 0;
 }
 .colordress ul li.wide .flex{
  justify-content: space-between;
  width: 87vw;
  margin: 20px auto 0;
 }
 .colordress ul li.wide .flex img{
  width: 48.6%;
 }
}/*//sp*/

/* tuxed
-----------------------------*/
.tuxed{
 overflow: hidden;
 position: relative;
 padding: 200px 3% 202px;
 margin: 0 auto;
}
.tuxed::before{
 content: "";
 display: block;
 background: url("../img/dress/bg_green.png") no-repeat right top / cover;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height:658px;
 z-index: -1;
}
.tuxed h2{
 margin-bottom: 55px;
}
.tuxed ul.pcFlex{
 max-width: 1000px;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 100px auto 0;
}
@media screen and (min-width: 769px) {
 .tuxed .txt{
  max-width: 1000px;
  margin: 0 auto;
 }
 .tuxed .txt h2{
  text-align: left;
 }
 
 .tuxed ul li{
  width: 48%;
  margin-top: 37px;
 }
 .tuxed ul li.wide{
  margin-top: -445px;
 }
 .tuxed ul li.wide img.pcOnly{
  margin-top: 32px;
 }
 .tuxed ul li:nth-of-type(4){
  width: 32.5%;
 }
 .tuxed ul li:nth-of-type(6){  
  width: 63.9%; 
 }
 .tuxed ul li:nth-of-type(7) br + img{
  margin-top: 37px;
 }
}/*//pc*/
@media screen and (max-width: 768px) {
.tuxed{
 padding:65px 0 106px;
}
.tuxed ul.pcFlex{
 margin-top: 55px;
}
.tuxed ul li{
 width: 87vw;
  margin: 10px auto 0;
 }
.tuxed ul li.wide{
  width: auto;
  margin: 0 0 20px;
 }
}/*//sp*/


/* kimono
-----------------------------*/
.kimono{
 overflow: hidden;
 position: relative;
 padding: 200px 3% 202px;
 margin: 0 auto;
}
.kimono::before{
 content: "";
 display: block;
 background: url("../img/dress/bg_green.png") no-repeat right top / cover;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height:658px;
 z-index: -1;
}
.kimono h2{
 margin-bottom: 55px;
}
.kimono ul.pcFlex{
 max-width: 1000px;
 flex-wrap: wrap;
 justify-content: space-between;
 margin: 100px auto 0;
}
@media screen and (min-width: 769px) {
 .kimono .txt{
  max-width: 1000px;
  margin: 0 auto;
 }
 .kimono .txt h2,
 .kimono .txt p{
  width: 360px;
  margin-left: auto;
  text-align: left;
 }
 
 .kimono ul li{
  width: 48%;
  margin-top: 32px;
 }
 .kimono ul li.wide{
  margin-top: -475px;
 }
 .kimono ul li.wide .pcOnly{
  margin-top: 40px;
 }
 .kimono ul li.kimonoList04 {
    width: 64.1%;
    padding-left: 15.3%;
 }
 .kimono ul li.kimonoList05 {
    width: 32.5%;
}
.kimono ul li.kimonoList06.pcOnly img:not(:first-of-type),
.kimono ul li.kimonoList07 img:not(:first-of-type){
	margin-top: 40px;
}
}/*//pc*/
@media screen and (max-width: 768px) {
.kimono{
 padding:65px 0 114px;
}
.kimono ul.pcFlex{
 margin-top: 55px;
}
.kimono ul li{
 width: 87vw;
  margin: 10px auto 0;
 }
.kimono ul li.wide{
  width: auto;
  margin: 0 0 20px;
 }
.kimono ul li.kimonoList08.spOnly .flex{
  justify-content: space-between;
  width: 87vw;
  margin: 20px auto 20px;
}
.kimono ul li.kimonoList08.spOnly .flex img{
	width: 48.6%;
}
}/*//sp*/