@charset "utf-8";
/* コメ写インデックス */
.gall img{width: 100%!important;}
#comment{ width:100%; height:auto;  margin:0 auto;}
#comment .w90 { width:90%; height:auto;  margin:0 auto; text-align:center;}
#comment .border { font-size:1.5em;}
#comment .box_white { clear:both; margin-bottom:2em;}
#comment ul { width:96%; height:auto; margin:0 auto; max-width:1900px; }
#comment ul li { display:block; width:23%; height:auto; margin:2em 1%; float:left; }
#comment ul li p { display:block; text-align:left; font-family:'Cormorant Garamond'; line-height:2em; font-size:1.2em;  }
@media screen and (max-width:640px) {
#comment ul li { display:block; width:100%; height:auto; margin:2em 0; float: none; }
#comment .w90 { text-align:left;}
}


/* コメ写各月 */
#comment_mon .photo{
	text-align: center;
	width:100%;
	margin:3em auto;
	max-width:1000px;
	height:auto;
}
#comment_mon ul{
	width:100%;
	margin:3em auto 0; 
}
#comment_mon .prev{
	text-align:left;
	float:left;
	padding-left:5em;
	height:4em; 
}
#comment_mon .next{
	text-align:right;
	float:right;
	padding-right:5em;
	height:4em; 
}
@media screen and (max-width:640px) {
#comment_mon .photo{
	margin:3em auto;
	width:100%;
	height:auto;
}
#comment_mon .photo img { width:90%; height:auto; }
#comment_mon .prev{
	text-align:left;
	float:left;
	padding-left:5em;
	width: 10%; 
}
#comment_mon .next{
	text-align:right;
	float:right;
	padding-right:5em;
	height:4em; 
	width: 10%; 
}

}

@media screen and (min-width:641px) and (max-width:800px) {
#comment_mon .photo{
	margin:3em auto;
	width:100%;
	height:auto;
}
#comment_mon .photo img { width:50%; height:auto; }
}







/* ギャラリーインデックス */
#gallery_index{ width:100%; height:auto;  margin:0 auto;}
#gallery_index .w90 { width:90%; height:auto;  margin:0 auto 70px; text-align:center;}
#gallery_index .box{width: 96%; height:auto; margin: 0 auto; max-width: 1200px;}
#gallery_index .box li{ width: 48%; height: auto; margin: 1%; float: left; display: block; text-align: center; margin-bottom: 20px;}
#gallery_index .box li dl dd{margin: 23px 0;}

@media screen and (max-width:640px) {
#gallery_index .box li{ width: 100%; height: auto; margin: 0; float: none; display: block; text-align: center; margin-bottom: 50px;}
}



/* ギャラリー*/
#gallery .gall { 
	line-height: 0;
   -webkit-column-count: 3;
   -webkit-column-gap:   0px;
   -moz-column-count:    3;
   -moz-column-gap:      0px;
   column-count:         3;
   column-gap:           0px;
 }
#gallery .gall li {
    width: 97% !important;
    height: auto !important;
    padding: 1.5%;
}
#gallery p{padding: 3em 0 0; width: 80%; margin: 2em auto 0; max-width: 800px;}
@media screen and (min-width:641px) and (max-width:1023px){	
#gallery .gall { 
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
	}
}
@media screen and (max-width:640px) {
#gallery .gall { 
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
	}
}


/* 花魁ギャラリー*/
#gallery_oiran{ width:100%; height:auto;  margin:0 auto;}
#gallery_oiran .w90 { width:90%; height:auto;  margin:0 auto 70px; text-align:center;}
.box_red { width:100%; height:auto; background-color:transparent; clear:both; color: #e5e4e6; ; background-repeat: repeat;}
.box_black { width:100%; height:auto; background-color:transparent; clear:both; padding:0; color: #e5e4e6; background-repeat: repeat;}
#gallery_oiran h2{color: #e5e4e6;}


/* スペシャルギャラリー*/
#gallery_sp #gallery .gall { 
	line-height: 0;
   -webkit-column-count: 4;
   -webkit-column-gap:   0px;
   -moz-column-count:    4;
   -moz-column-gap:      0px;
   column-count:         4;
   column-gap:           0px;
 }

#gallery_sp{ width:100%; height:auto;  margin:0 auto; color: #fff;}
#gallery_sp .w90 { width:90%; height:auto;  margin:0 auto 70px; text-align:center;}
.box_blk { width:100%; height:auto; background-color:#16160e; clear:both; padding:70px 0; color: #000;}
#gallery_sp p{margin-bottom: 1em;}

#gallery_sp #gallery h3{color:#baa681; text-align:center; font-size:1.3em; margin:-1em auto 1.5em;}

#gallery_sp .sp_nav { width:100%; height:auto; margin:0 auto ; padding: 20px 0 20px; max-width:800px;}
#gallery_sp .sp_nav li{ float:left; width:24%; text-align:center;}
#gallery_sp .sp_nav li+ li { border-left: 1px solid #a79fa0; }
@media screen and (max-width:640px) {
#gallery_sp #gallery .gall { 
	line-height: 0;
   -webkit-column-count: 1;
   -webkit-column-gap:   0px;
   -moz-column-count:    1;
   -moz-column-gap:      0px;
   column-count:         1;
   column-gap:           0px;
 }
#gallery_sp .sp_nav { width:96%; height:auto; margin:0 auto; padding: 0; }
#gallery_sp .sp_nav li{ float:none; width:100%; text-align:center; line-height: 2.3em; text-decoration-line: underline;}
#gallery_sp .sp_nav li+ li { border-left: none; }
}