@charset "utf-8";
/*
Theme Name: maedori-korakuen
*/

body,p,div,form,ul,ol,li,dl,dt,dd,th,td,input,textarea,select,h1,h2,h3,h4,h5 {
	font-family: Quicksand, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', serif;
	font-size: 10pt;
	font-weight: normal;
	line-height: 160%;
	margin: 0;
	padding: 0;
	color: #444;
	list-style-type: none;
	-webkit-text-size-adjust: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
a { text-decoration: none;color: #444;cursor: pointer; }
a:link { color: #444; }
a:visited { color: #444; }
a:active { color: #444; }
a { transition:opacity 0.5s; }
a:hover { text-decoration: none;opacity: 0.6;filter: alpha(opacity=60); }
img { max-width: 100%;height: auto;border: none;vertical-align: bottom; }
strong { font-weight: 100;text-decoration: none; }
.bt_more{ text-align: center;margin: 60px 0 0; }
.bt_more a{ display:inline-block;background:#f66f6f;color: #fff;font-size: 16px;padding: 1em 4em; }
.bt_more i{ margin-left: .5em; }

.mincho { font-family: "Sawarabi Mincho", "Hannari", "Kokoro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",serif; }

/* ------------------------------------------------------- */
/*.lnsClear { clear:both;height:0; }*/
.clearFix { zoom: 1; }
.clearFix:after { content: '';display: block;height: 0;clear: both; }
.DEBT { padding: 5px; }
.alert { color: #c63b41; }
.content_text { height: 0;overflow: hidden; }
.box { margin-bottom: 5px; }
.box1 { margin-bottom: 10px; }
.box2 { margin-bottom: 20px; }
.box3 { margin-bottom: 30px; }
.box4 { margin-bottom: 40px; }
.box5 { margin-bottom: 50px; }
.center { text-align: center; }
.right { text-align: right; }
.bold { font-weight: bold; }
.link { height: 0;position: relative; }
.text_deco_line {
	background: -moz-linear-gradient(transparent 60%, #fcf8be 0%);
	background: -webkit-linear-gradient(transparent 60%, #fcf8be 0%);
	background: -ms-linear-gradient(transparent 60%, #fcf8be 0%);
	background: linear-gradient(transparent 60%, #fcf8be 0%);
}

/* ------------------------------------------------------- */
#wrap {  }
.wrap { max-width: 1200px;margin: 0 auto; }
#main_cont { margin-top: 130px; }
#top_cont { margin: 16px auto 80px; }
.sub_main_cont { padding-top: 30px; }

/* -------------------------------------------------------*/
h2 {
	text-align: center;
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	color: #565656;
	margin-bottom: 35px;
}
h2 span {
	color: #000;
	font-size: 35px;
	display: block;
	margin-bottom: 15px;
}

/***********************************************************************/
/* header***************************************************************/
#top-head {
	width: 100%;
	position: fixed;
	top: 0;
	/*height: 130px;*/
	z-index: 9999;
}
#mobile-head {
	width: 100%;
	height: 130px;
	z-index: 10000;
	position: relative;
	background: #fff;
	/*background-color:rgba(255,255,255,0.9);*/

	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
}
/* #head_sns_wrap---------------------------------------------*/
#head_sns_wrap {
	position: relative;
	left: 50px;
	top: 40px;
}
#head_sns_wrap li a {
	width: 40px;
	float: left;
	display: block;
	margin-right: 15px;
}

/* #head_logo---------------------------------------------*/
#head_logo {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -60px;
	width: 120px;
	text-align: center;
}

/* #head_contract ---------------------------------------------*/
#head_contract_pc {
	position: absolute;
  right: 352px;
  top: 50%;
	transform: translateY(-50%);
  z-index: 103;
	width: 112px;
}
#head_contract_sp {
	position: absolute;
  right: 72px;
  top: 13px;
  z-index: 101;
	display: none;
}
#head_contract_sp img {
	width: 54px;
}
.head_contract_sp_text {
	position: absolute;
  top: 36px;
  right: 8px;
  font-size: 12px;
  text-align: center;
  color: white;
}


/* #head_tel_wrap ---------------------------------------------*/
#head_tel_wrap {
	position: absolute;
	right: 120px;
	top: 35px;
	z-index: 101;
}
.head_mail {
	text-align: right;
	margin-top: 5px;
}
.head_mail a {
	text-decoration: underline;
	cursor: pointer;
}

#head_tel_sp,
.head_line_sp { display: none; }

.mfp-content{
	text-align: center;
	background: #fff;
	padding: 20px;
}
.popup-modal-dismiss a{
	margin-top: 20px;
	padding: 10px;
	display: block;
}

/* #nav-toggle ---------------------------------------------*/
#nav-toggle {
	display: block;
	position: absolute;
	right: 50px;
	top: 40px;
	width: 40px;
	height: 50px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div { position: relative; }
#nav-toggle-txt {
	position: absolute;
	top: 30px;
	text-align: center;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #4f4644;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 11px; }
#nav-toggle span:nth-child(3) { top: 22px; }
.open #nav-toggle span:nth-child(1) {
	top: 11px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) { width: 0;left: 50%; }
.open #nav-toggle span:nth-child(3) {
	top: 11px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}
/* nav -----------------------------------------------------------------*/
.open #global-nav {
	/* #global-nav top + #mobile-head height */
	-moz-transform: translateY(556px);
	-webkit-transform: translateY(556px);
	transform: translateY(556px);
}
#global-nav {
	position: absolute;
	top: -427px;
	width: 100%;
	text-align: center;
	padding: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
#global-nav ul {
	position: static;
	right: 0;
	bottom: 0;
	background: #eee;
}
/*#global-nav ul.scrollable-menu {
                height: auto;
                max-height: 1000px;
                overflow-x: hidden;
}*/
#global-nav ul li {
	position: static;
	width: 100%;
}
#top-head #global-nav ul li a {
	width: 100%;
	display: block;
	padding: 18px 0;
	border-bottom: #ccc 1px solid;
}

/* ポップアップ -----------------------------------------------------------*/
.popup-inline-body .mfp-content {
	padding: 24px 20px;
	background: none;
	text-align: left;
}

.mfp-bg, .mfp-wrap {
	z-index: 99999;
}

.popup-inline-body #beauty_wrap,
.popup-inline-body #photo_wrap {
	margin: 0 auto;
}
.popup-inline-body .mfp-content > div {
	position: relative;
}
.popup-inline-body .mfp-close {
	width: 36px;
  height: 36px;
  line-height: 32px;
	color: #fff;
}


/* スライダー -----------------------------------------------------------*/
#top_image_wrap {

}

.top_slide_wrap {
	position: relative;
	max-width: 1900px;
	margin: 0 auto;
	overflow: hidden;
	visibility:hidden;
}

.slide_cont { margin-bottom: 0px; }

.top_slide_wrap .bx-clone {
    display: none;
}

.slide-box {
  position: relative;
}

.slide-box .slide-txt {
  background-image: url(./images/slides/top_images_txt.png);
  background-repeat: no-repeat;
  background-size: auto 100px;
  height: 100%;
  position: absolute;
  width: 100%;
}

.slide-box .slide-txt-ptn1 {
  background-position: 20% 25%;
}

.slide-box .slide-txt-ptn2 {
  background-position: 50% 20%;
}

.slide-box .slide-txt-ptn3 {
  background-position: 20% 35%;
}

/*
.bx-viewport .slide {
  display: block !important;
}*/

/* top_slide -----------------------------------------------------------*/
/*.bx-wrapper {
    margin: 0 auto;
    padding: 0;
    position: relative;
}
.slide_cont {
    background: #fff none repeat scroll 0 0;
    overflow-x: hidden;
    width: 100%;
	max-height:700px;
	overflow: hidden;
}
.slide_all {*/
    /*height: 700px;*/
    /*margin: 0 auto;
    position: relative;
    width: 1200px;
}
.slide_wrap {
    left: 50%;
    margin-left: -1800px;
    position: absolute;
    width: 3600px;
}
.slide_body { width: 100%; }
.slide { width: 1200px; }
.slide img {
    vertical-align: bottom;
    width: 100%;
}
.bx-controls-direction a, .bx-pager-item { display: inline-block; }
.bx-pager-item a {
    background: #000 none repeat scroll 0 0;
    border-radius: 10px;
    display: block;
    height: 10px;
    margin: 10px 2px 0;
    text-indent: -9999px;
    width: 10px;
}
.bx-pager-item a.active { opacity: 0.3; }
.bx-controls-direction a {
    color: #000;
    padding: 0 5px;
    text-decoration: none;
}*/

/* トピックス------------------------------------------------------------------*/
#topics_wrap {
	width: 100%;
	background: #fff;
	padding: 30px;
	border: 4px double #9e9e9e;
	margin: 0 auto 30px;
}


/* special_plan------------------------------------------------------------------*/
#special_plan {
	margin-bottom: 72px;
	background: #e1e7e7;
}
.special_plan_wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 48px 0;
}
.special_plan_bnr {
	padding: 12px;
	max-width: 50%;
}
.special_plan_title {
	width: 1100px;
	margin: 64px 0 16px;
	padding: 0 12px;
}
.special_plan_title h2 {
  display: flex;
	padding: 0;
	margin: 0;
  align-items: center;
  text-align: center;
	font-size: 22px;
	font-weight: 700;
}

.special_plan_title h2:before,
.special_plan_title h2:after {
  border-top: 1px solid;
  content: "";
  display: inline; /* for IE */
  flex-grow: 1;
}

.special_plan_title h2:before {
  margin-right: 0.5em;
}

.special_plan_title h2:after {
  margin-left: 0.5em;
}

/* 挨拶------------------------------------------------------------------*/
#message_wrap {
	max-width: 960px;
	margin: 0 auto 135px;
	position: relative;
}
#message_txt_wrap {
	margin: 0 auto 10px;
	max-width: 435px;
	position: absolute;
	top: 0;
	width: 100%;
}
#message_th {
	margin-bottom: 20px;
}
#message_img {
	text-align: right;
}
#message_txt{
	position:relative;
}
#message_txt .bg{
	background: url(./images/bg_message.png?1);
	height: 100%;
	left:15px;
	position:absolute;
	top:15px;
	width: 100%;
	z-index:5;
}
#message_txt p{
	background:#fff;
	border:1px #707070 solid;
	font-size:105%;
	line-height: 200%;
	padding: 25px;
	position:relative;
	text-align: center;
	z-index:10;
}


/* 衣裳一覧 -------------------------------------------------------------*/
.dress_sp { display: none; }

#dress_slide_wrap { margin-bottom: 100px; }
.dress_slide_box {
	max-width: 1350px;
	margin: 0 auto;
}
#wrapper_red {
	max-width: 1100px;
	margin: 0 auto;
}
.dress_slide_box ul { margin: 0 10px; }
.dress_slide_box .slick-list li {
	width: 23.5%;
	float: left;
	margin: 0 2% 2% 0;
}
.dress_slide_box .slick-list li:nth-child(4n) { margin-right: 0; }
.dress_slide_box .slick-dots{ margin:0; }
#wrapper_red .bx-controls-direction a { padding: 0; }
#wrapper_red .bx-pager-item a { background: #c4c4c4; }
#wrapper_red .bx-pager-item a:hover,
#wrapper_red .bx-pager-item a.active { background: #4b4947; }
#wrapper_red .bx-pager-item a:hover { opacity: 0.6; }
#wrapper_red .bx-pager-item a.active { opacity: 1; }
.lb-caption { color: #fff; }
.rental_no {
	background: #000;
	color: #fff;
	padding: 5px 0;
	text-align: center;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 70px;
    height: 70px;
    margin-top: -40px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev{
	background:url(./images/g_arrow_l.png) no-repeat;
	background-size: cover;
}
.slick-next{
	background:url(./images/g_arrow_r.png) no-repeat;
	background-size: cover;
}
.slick-prev { left: -110px; }
[dir='rtl'] .slick-prev{
    right: -110px;
    left: auto;
}
.slick-next { right: -110px; }
[dir='rtl'] .slick-next{
    right: auto;
    left: -110px;
}

/* 男性用袴 -------------------------------------------------------------*/
#m_hakama_wrap {
	max-width: 1100px;
	margin: 0 auto 60px;
}
#m_hakama_wrap .line2_box {
	width: 100%;
	background: #fff;
	padding: 30px;
	border: 4px double #9e9e9e;
	margin: 0 auto 30px;
}
.m_hakama_th {
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
.m_hakama_txt {
	text-align: center;
}
.m_hakama_box ul {
	margin: 0 2%;
}
.m_hakama_box li {
    width: 23.5%;
    float: left;
    margin: 0 2% 2% 0;
}
.m_hakama_box li:nth-child(4n) {
	margin-right: 0;
}

/* プラン ---------------------------------------------------------------*/
#plan_wrap {
	max-width: 1100px;
	margin: 0 auto 60px;
}
.plan_box {
	background: #f7eedf;
	padding: 8%;
	text-align: center;
}
.plan_img_wrap{
	position: relative;
	max-width: 790px;
	margin: 0 auto 55px;
}
.plan_img_box{  }
.plan_img_l {
	position: absolute;
	top: -25px;
	left: -25px;
}
.plan_img_r {
	position: absolute;
	bottom: -25px;
	right: -25px;
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.plan_price_box { margin-bottom: 30px; }
#plan_caution_box {
	max-width: 790px;
	/*margin: 0 auto 60px;*/
	margin: 0 auto;
}
#plan_caution_box  dl {
	display: table;
	background: #fff;
	padding: 20px;
	border: #deb908 2px solid;
}
#plan_caution_box  dt,#plan_caution_box  dd { display: table-cell; }
#plan_caution_box  dt {
	width: 180px;
	vertical-align: middle;
	border-right: #000 1px solid;
}
#plan_caution_box  dt span { font-weight: bold; }
#plan_caution_box  dd { padding-left: 20px; }
#plan_caution_box li { text-align: left; }
#plan_caution_box li:before { content: "・"; }
.plan_txt { margin-bottom: 30px; }
/* プラン基本セット----------------*/
.h3_set {
	position: absolute;
	top: -40px;
	width: 82%;
}
.h3_set img { max-height: 79px; }
.plan_set_wrap{
	position: relative;
	max-width: 790px;
	margin: 0 auto 30px;
	background: #fff;
	padding: 60px;
}
.plan_set_l {
	position: absolute;
	top: -25px;
	left: -25px;
}
.plan_set_r {
	position: absolute;
	bottom: -25px;
	right: -25px;
	-moz-transform: rotateZ(180deg);
	-webkit-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}
.set_price {
	margin: 0 auto 20px;
	max-width: 270px;
}
.set_txt {
	border-top: #b9b9b9 1px solid;
	border-bottom: #b9b9b9 1px solid;
	padding: 10px 0;
	margin-bottom: 20px;
	color: #320a0a;
}
.price_list_txt { margin-bottom: 30px; }

/* スタッフ -------------------------------------------------------------*/
#staff_wrap {
	background: url(./images/bg_staff.png) no-repeat,url(./images/bg_staff_r.png) no-repeat 100% 0;
	padding: 50px 0 100px;
	text-align: center;
}
.staff_txt { margin-bottom: 30px; }
.staff_txt img { max-height: 64px; }

.staff_img_icon {
	max-width: 49%;
}

/* 美容ポイント ----------------------------------------------------------*/
#beauty_wrap {
	max-width: 1086px;
	margin: 0 auto 40px;
	padding: 5% 7%;
	-moz-box-shadow: 0px 0px 0px 5px #e76876;
	-webkit-box-shadow: 0px 0px 0px 5px #e76876;
	box-shadow: 0px 0px 0px 7px #f6917b;
	border: 1px dashed #fff;
	background:#f6917b url(./images/bg_beauty_point.jpg) no-repeat;
	background-position: 50% 0;
}
#beauty_wrap h3 { margin-bottom: 60px; }
#beauty_wrap .box_l {
	width: 48%;
	float: left;
}
#beauty_wrap .box_r {
	width: 48%;
	float: right;
	margin-top: 40px;
}
#beauty_wrap .box_l .line2_box {
	background: #fff;
	padding: 30px;
	-moz-box-shadow: 0px 0px 0px 5px #fff;
	-webkit-box-shadow: 0px 0px 0px 5px #fff;
	box-shadow: 0px 0px 0px 1px #fff;
	border: 2px solid #f6917b;
	margin-top: 40px;
}

/* 写真ポイント-----------------------------------------------------------*/
#photo_wrap {
	max-width: 1086px;
	margin: 0 auto 80px;
	padding: 5% 7%;
	-moz-box-shadow: 0px 0px 0px 5px #87cebc;
	-webkit-box-shadow: 0px 0px 0px 5px #87cebc;
	box-shadow: 0px 0px 0px 7px #87cebc;
	border: 1px dashed #fff;
	background:#87cebc url(./images/bg_photo.png) no-repeat;
	background-position: 50% 0;
}
#photo_wrap h3 { margin-bottom: 60px; }
#photo_wrap .box_l {
	width: 48%;
	float: left;
}
#photo_wrap .box_r {
	width: 48%;
	float: right;
}
#photo_wrap .box_r .line2_box {
	background: #fff;
	padding: 30px;
	-moz-box-shadow: 0px 0px 0px 5px #fff;
	-webkit-box-shadow: 0px 0px 0px 5px #fff;
	box-shadow: 0px 0px 0px 1px #fff;
	border: 2px solid #87cebc;
	margin-top: 5px;
}

/* 小物ポイント----------------------------------------------------------*/
#accessory_wrap {
	max-width: 1086px;
	margin: 0 auto 80px;
	padding: 5% 7%;
	-moz-box-shadow: 0px 0px 0px 5px #ffb0b0;
	-webkit-box-shadow: 0px 0px 0px 5px #ffb0b0;
	box-shadow: 0px 0px 0px 7px #ffb0b0;
	border: 1px dashed #fff;
	background:#ffb0b0 url(./images/bg_accessory.jpg) no-repeat;
	background-position: 50% 0;
}
#accessory_wrap h3 { margin-bottom: 60px; }
#accessory_wrap .line2_box {
	width: 70%;
	background: #fff;
	padding: 30px;
	-moz-box-shadow: 0px 0px 0px 5px #fff;
	-webkit-box-shadow: 0px 0px 0px 5px #fff;
	box-shadow: 0px 0px 0px 1px #fff;
	border: 2px solid #ffb0b0;
	margin: 0 auto 50px;
}
#accessory_box li {
	width: 48.5%;
	float: left;
	margin: 0 3% 3% 0;
}
#accessory_box li:nth-child(2n) {
	margin-right: 0;
}
#accessory_box li:nth-child(3) {
	margin-bottom: 0;
}
#accessory_box li:nth-child(4) {
	margin-bottom: 0;
}

/* 撮影の流れ------------------------------------------------------------*/
#flow_wrap {
	max-width: 1086px;
	margin: 0 auto 50px;
	padding: 5% 7%;
	-moz-box-shadow: 0px 0px 0px 2px #000,0px 0px 0px 1px #000000 inset;
	-webkit-box-shadow: 0px 0px 0px 2px #000,0px 0px 0px 1px #000000 inset;
	box-shadow: 0px 0px 0px 3px #000,0px 0px 0px 1px #000000 inset;
	border: 5px solid #fff;
	position: relative;
}
.h3_flow {
	position: absolute;
	top: -49px;
	width: 86%;
	text-align: center;
}
.h3_flow img { max-height: 79px; }
.flow_note { text-align: center; }
.flow_note:after {  }
.flow_list_box {
	width: 95%;
	margin: 40px auto 0;
	background: url(./images/bg_flow_arrow.png?01) no-repeat center;
}
.flow_list_box .box_l {
	width: 48.5%;
	float: left;
}
.flow_list_box .box_r {
	width: 48.5%;
	float: right;
}
.flow_list_box li:after {
	content: url(./images/flow_arrow.png);
	display : block ;
	text-align : center ;
}
.flow_list_box li:nth-child(3n):after { content:""; }
.flow_list_box dl {
	width: 100%;
	display: table;
	padding: 10px;
	border: #848484 1px solid;
}
.flow_list_box dt,.flow_list_box dd { display: table-cell; }
.flow_list_box dt {
	/*vertical-align: middle;*/
	vertical-align: top;
	width: 70px;
}
.flow_list_box dd span { font-weight: bold; }
.list_number {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	font-size: 28px;
	padding-top: 5px;
	background: #000;
	color: #fff;
	border-radius: 50%;
}

/* ギャラリー（トップページ） --------------------------------------------*/
#gallery_wrap {
	background: #000;
	padding: 5% 5% 20px;
	margin: 0 auto 70px;
	max-width: 1100px;
}
#gallery_wrap h2 span { color: #fff; }
.gallery_box ul {
	width: 30.2%;
	float: left;
	margin-right: 0.5%;
}
.gallery_box ul:nth-child(2n) { width: 38.6%; }
.gallery_box ul:nth-child(3n) {
	width: 30.2%;
	float: left;
	margin-right: 0;
}
.gallery_box ul li { margin-bottom: 1%; }
#gallery_wrap button {
	width: 100%;
	padding: 15px 0 10px;
	font-size: 16px;
	line-height: 1.2;
	background: #161313;
	color: #fff;
	border: none;
	margin-top: 10px;
}

/* トップgallery追加 ----------------------------*/
#gallery-gradient-wrap {
  position: relative;
}

.gallery-gradient {
/*  background: linear-gradient(to bottom, rgba(0,0,0,0), #000 100%);*/
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 69%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#gallery-cut-wrap {
  height: 460px;
  overflow: hidden;
  position: relative;
}



/* ギャラリー追加分 -------------------*/

.top-gallery-container {
	visibility: hidden;
	opacity: 0;
	transition: all 1.5s;
}
#top_gallery_wrap {
	background: #000;
	padding: 5% 5% 20px;
	margin: 0 auto 70px;
	max-width: 1100px;
}
#top_gallery_wrap h2 {
	/*margin-bottom: 10px;*/
}
#top_gallery_wrap h2 span {
	color: #fff;
}
#top_gallery_wrap .gallery_box {
	padding-left: 10px;
}


.top-gallery-container p {
	height: 0;
}
.bt_top_gallery_more a {
	background: #161313;
	color: #fff;
	display: block;
	font-size: 16px;
	margin-top: 10px;
	padding: 20px 10px;
	text-align: center;
}
.bt_top_gallery_more i {
	margin-left: 5px;
}






/* ギャラリーテスト ------------------------------------------*/
/*
.sub_gallery:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.sub_gallery_grid {
	width: 24.4%;
	margin-right: 0.8%;
}
*/





/* お問い合わせ　---------------------------------------------------------*/
#cont_wrap {
	background: url(./images/bg_cont.jpg) repeat;
	padding: 100px 0;
}
.cont_box {
	background: #fff;
	padding: 5%;
	max-width: 1100px;
	margin: 0 auto;
}
.contact_txt { margin-bottom: 60px; }
.contact_txt dl {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
.contact_txt dt,.contact_txt dd {
	display: table-cell;
	padding: 0 5px;
	width: 50%;
	vertical-align: middle;
}
.contact_txt dt {
	text-align: center;

	border-right: #8e8e8e 1px solid;
}
.contact_txt dd { /*padding: 2% 3%;*/text-align: center; }
.contact_txt dt span {
	color: #c63b41;
	font-size: 26px;
}
.contact_txt dd.mail_txt span { font-size: 20px;color: #c63b41; }
.cont_box h3 { font-size: 18px;margin-bottom: 5px; }
.form_caution {
	border-top: #8e8e8e 1px solid;
	border-bottom: #8e8e8e 1px solid;
	padding: 3%;
	margin: 30px 0;
}
.cont_plan_box {
	background: #fff;
	padding: 30px 8% 60px;
	text-align: center;
}
#cont_form_box {  }
#contact_form{  }
#contact_form dl {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
}
#contact_form dt, #contact_form dd {
	display: table-cell;
	vertical-align: top;
	border-bottom: 1px #E0DCD6 solid;
}
#contact_form dt { width: 25%;font-weight: bold;padding: 13px 10px; }
#contact_form dd { width:75%;padding:10px; }
#contact_form input[type="text"],#contact_form textarea{ width: 80%;border: 1px #ccc solid;padding: 3px; }
#contact_form input[type="radio"]{ margin: 8px 3px 8px 10px; }
#contact_form select{ background: #fff;border: 1px #ccc solid;padding: 3px; }
#contact_form textarea{ height: 240px; }
#contact_submit { font-size: 0;text-align: center;margin-top: 20px; }
#contact_submit input {
	display: inline-block;
	width: 200px;
	height: 40px;
	background: #f66f6f;
	color: #fff;font-size:14px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	border: none;
	cursor: pointer;
}
#contact_form input[type="text"].date{ width: 150px; }
#contact_form input[type="text"].short{ width: 50px; }
.mw_wp_form_complete {
	border: #5aa14a 5px solid;
	padding: 10px;
}


/* ニュース&トピックス　---------------------------------------------------*/
#news_wrap { padding: 5% 5% 0; }
#news_wrap h3 { text-align: center; }
/* インスタグラム---------------------------------------------------------*/
#instagram{
	max-width: 900px;
	margin: 50px auto;
}
.insta_box {
	width: 23.5%;
	float: left;
	text-align: center;
	margin: 0 2% 2% 0;
	background: #eee;
}
.insta_box:nth-child(4n) { margin-right: 0; }
.insta_img_box {
	height: 0;
	padding-top: 81%;
	margin-bottom: 0;
}
.bt_insta {
	width: 23.5%;
	float: left;
}
/* ブログ----------------------------------------------------------------*/
.top-blog-wrap {
  margin-top: 60px;
}

#top_blog_list {
	max-width: 900px;
	margin: 50px auto 0;
}
.top_blog_box li{
	width: 47%;
	float: left;
	margin: 0 6% 6% 0;
}
.top_blog_box li:nth-child(2n){ margin-right: 0; }
.blog_image {
	height: 0;
	padding-top: 72%;
	margin-bottom: 0;
}
.blog_txt_box { padding: 15px 0; }
.top_blog_box h4 { margin-bottom: 10px; }
.top_blog_box h4 a{
	color: #c63b41;
	font-size: 18px;
	text-decoration: underline;
}
.bt_blog { text-align: center; }

/* インフォメーション ----------------------------------------------------*/
.h3_info {  }
.h3_info img { max-height: 66px; }
#info_wrap {
	margin: 0 auto 60px;
	max-width: 1100px;
}
.info_box {
	background: #f7eedf;
	padding: 8%;
}
.info_txt {
	width: 38%;
	float: left;
}
.info_tel {
	padding: 15px 0;
	border-top: #908d94 1px solid;
	border-bottom: #908d94 1px solid;
	margin: 30px 0 10px;
}
.info_tel div {
	font-size: 20px;
}
.info_tel div:before {
	content: url(./images/icon_info_tel.png);
	position: relative;
	top: 5px;
	margin-right: 5px;
}
.info_tel p {
	padding: 2px 0;
}

.info_txt dl { display: table; }
.info_txt dt,.info_txt dd {
	display: table-cell;
	padding: 10px 0;
}
.info_txt dt { width: 95px; }
.info_txt dd:before { content: ":"; }
.info_txt dd {  }
.info_map {
	width: 58%;
	float: right;
}
.gmap{ width:100%;height:493px;float:right;padding:0 3%; }
.gmap iframe{ width:100%;height:100%;border:0; }


/* アクセスマップ ----*/
/*.map_wrap .h3 { font-size: 1.3em;line-height: 100%;font-weight: bold;margin-bottom: 15px; }
.ggmap {
	position: relative;
	padding-bottom: 50%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe,.ggmap object,.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/




/* 下層トップ -----------------------------------------*/
.sub_top { margin-bottom: 60px; }

/* footer ***************************************************************/
footer {
	background: url(./images/bg_footer.png) no-repeat top center;
	background-size: cover;
	padding: 200px 0 20px;
}
#foot_menu_wrap {
	width: 882px;
	/*width: 735px;*/
	margin: 0 auto 40px;
}
#foot_menu_wrap li {
	width: 147px;
	float: left;
	text-align: center;
	border-right: #444 1px solid;
}
#foot_menu_wrap li a { display: block; }
#foot_menu_wrap li:last-child { border-right: none; }
#foot_icon_wrap {
	width: 215px;
	margin: 0 auto 50px;
}
#foot_icon_wrap li {
	width: 45px;
	float: left;
	margin-right: 40px;
	text-align: center;
}
#foot_icon_wrap li:last-child { margin-right: 0; }
#foot_icon_wrap li a { display: block; }
#copyright { text-align: center; }


.footerbnr{
	max-width: 234px;
	position: fixed;
	bottom: 90px;
	right: 6px;
	z-index: 1000;
}
.close_btn {
	text-align: right;
	margin: 0 12px 8px 0;
}
.close {
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
	border: 1px solid ##68ab3c;
    font-size: 24px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.footernav {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: none;
	width: 100%;
	background: white;
}
.footernav ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0;
	margin: 0;
}
.footernav li{
	width: 32%;
  border-right: 2px #aaaaaa solid;
}
.footernav li:last-child {
  border-right: 0;
}
.footernav a {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
	align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 40px;
	padding: 8px;
}
.footernav img {
	width: 30px;
}
.footernav_text {
	padding-left: 12px;
	word-break: keep-all;
	font-size: 10px;
	font-weight: 800;
}

/* 下層ブログページ****************************************************/
#blog_wrap {
	margin-bottom: 60px;
}
#blog_cont {
	width: 68%;
	float: left;
}
#blog_cont table th,#blog_cont table td{ padding:10px; }
#blog_side{
	width: 29%;
	float: right;
	background: #f3f3f3;
}
#blog_side h3 {
	background: #ffbaba!important;
	padding: 12px 15px;
	margin-bottom: 1px;
	color: #fff;
}
#blog_side ul { padding: 20px; }
#blog_side ul li{
	list-style: none;
	word-wrap: break-word;
	background: url(./images/sidebar-arrow.png) no-repeat 0 50%;
	padding: 10px 0 10px 20px;
	border-bottom: 1px dashed #d0cfcf;
	display: block;
}
#blog_side ul li a{
	font: 300 14px/18px "Roboto",sans-serif;
	color: #3b3b3b;
}
#blog_side ul li a:hover{ color: #34c6f6;}
#blog_side ul li:last-child a{ border: none;}

#sub_blog_list_wrap{  }
#sub_blog_list_wrap dl{ width: 100%;padding: 0 10px 20px;border-bottom: #989898 1px solid;margin-bottom: 35px;display: table; }
#sub_blog_list_wrap dt,#sub_blog_list_wrap dd{ display: table-cell; }
#sub_blog_list_wrap dt{ width: 150px;height: 150px;text-align: center;vertical-align: top; }
#sub_blog_list_wrap dt img{ height: auto; }
#sub_blog_list_wrap dd{ padding-left: 25px; }
#sub_blog_list_wrap h3{
	margin: 7px 0;
	border-left: #c63b41 3px solid;
	padding-left: 5px;
}
#sub_blog_list_wrap h3 a {
	color: #c63b41;
	text-decoration: underline;
}
#sub_blog_list_wrap p a{ color: #404040; }



/* ページナビ ------------------------*/
.wp-pagenavi { margin: 30px auto 0;text-align: center; }
.wp-pagenavi span, .wp-pagenavi a {
    display: inline-block;
    background: #fff;
    border: 1px solid #585858;
    padding: 2px 8px;
    margin-right: 5px;
}
.wp-pagenavi .current { background: #585858;color: #fff; }



/* ブログ詳細 ********************************************************/
.single_cont {  }
.single_cont h3 {
	font-size: 20px;
	border-bottom: #ffbaba 2px solid;
	margin-bottom: 20px;
}
.single_box p {
 margin-bottom: 20px;
}
/* ------------------------------*/
#blog_next_txt_box { margin-top: 40px; }
#blog_next_txt_box a {
	color: #c63b41;
	text-decoration: underline;
}
.prev_txt {
	width: 48%;
	float: left;
}
.next_txt {
	width: 48%;
	float: right;
	text-align: right;
}

/* 下層共通 *************************************************************/
/* ぱんくず--------------------------*/
#bread_crumb { margin: 10px 0 6px;overflow: hidden; }
#bread_crumb ul {  }
#bread_crumb li {  display: inline;position: relative; }
#bread_crumb li::before { content: ">";margin: 0 5px; }
#bread_crumb li:first-child::before { display: none; }
#bread_crumb .home a { color: #e60012; }


/***********************************************************************
 ギャラリーページ
***********************************************************************/
.sub_gallery_content_wrap {

}
.sub-gallery-container .wrap {
	padding-left: 8px;
}
/*
.sub_gallery_content_wrap h2 {
	font-size: 1.3em;
}
*/
.sub_gallery_cont {

}
.sub_gallery {
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}
.sub_gallery_item {

}
.sub_gallery_img {

}

.sub-gallery-container {
	visibility: hidden;
	opacity: 0;
	transition: all 1.5s;
}

.sub_gallery_1 img {
	/*display: none;
	visibility: hidden;
	*/

}


/*
.block{
	padding: 15px;
	background:#fff;
	margin-bottom:10px;
	line-height:1.7;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);

	transition: box-shadow 1s;
	-moz-transition: -moz-box-shadow 1s;
	-webkit-transition: -webkit-box-shadow 1s;
}

.imgholder{
	width:210px;
	height:150px;
	overflow:hidden;
	margin:0 auto;
	display:block;
	background:#000;
	border:5px solid;
	border-color:#ccc;
}
.imgholder:hover{
	border-color:#aaa;
}
.imgholder img{
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	opacity:1;

	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
}
.imgholder:hover img{
	transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	opacity:0.9;
}

@media screen and (max-width : 900px) {
	#backlinks{
		float:none;
		clear:both;
	}
	#backlinks a{
		display:inline-block;
		padding-right:20px;
	}
}

*/

/***********************************************************************
 衣裳ページ
***********************************************************************/
.dress_list li {
	width: 23.5%;
	float: left;
	margin: 0 2% 2% 0;
}
.dress_list li:nth-child(4n) { margin-right: 0; }
.dress_list li:nth-child(4n+1) { clear:both; }
.dress_list li a{ display: block; }
.reservation_dress {
	margin-top: 4px;
}
.reservation_dress button {
	width: 100%;
	padding: 8px;
	border-radius: 4px;
	border-width: 0;
	background: #f3cccd;
	color: black;
	text-align: center;
}

/***********************************************************************
 契約書ページ
***********************************************************************/
#contract_wrap {
	background: url(./images/bg_cont.jpg) repeat;
	padding: 50px 0;
	margin: -30px 0 60px;
}
#contract_form {
	margin-bottom: 60px;
}
.contract_form_wrap {
	margin: 40px 0;
}
#contract_form h4 {
  font-size: 18px;
  margin-bottom: 5px;
}
#contract_form dl {
	display: table;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
}
#contract_form dt, #contract_form dd {
	display: table-cell;
	vertical-align: top;
	border-bottom: 1px #E0DCD6 solid;
}
#contract_form dt { width: 25%;font-weight: bold;padding: 13px 10px; }
#contract_form dd { width:75%;padding:10px; }
#contract_form input[type="text"],#contract_form input[type="email"],#contract_form textarea{ width: 80%;border: 1px #ccc solid;padding: 3px; }
#contract_form input[type="radio"]{ margin: 8px 3px 8px 10px; }
#contract_form select{ background: #fff;border: 1px #ccc solid;padding: 3px; }
#contract_form textarea{  }
#contract_submit { font-size: 0;text-align: center;margin-top: 20px; }
#contract_submit input {
	display: inline-block;
	width: 200px;
	height: 40px;
	background: #f66f6f;
	color: #fff;font-size:14px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	border: none;
	cursor: pointer;
}
#contract_form input[type="text"].date{ width: 150px; }
#contract_form input[type="text"].short{ width: 50px; }
.mw_wp_form_complete {
	border: #5aa14a 5px solid;
	padding: 10px;
}

#contract_form dd label {
	word-break: keep-all;
}


.contract_info {
	margin-bottom: 48px;
}
.contract_info ~ #cont_form_box { margin-bottom: 48px; }
.contract_form_dress {
	width: 50% !important;
}
.reservation_contract {
	display: inline-block;
  width: 29%;
  margin-left: 1%;
  padding: 5px;
  border-radius: 4px;
  border-width: 0;
  background: #f3cccd;
  color: black;
  text-align: center;
}

.contract_txt {  }
.contract_txt dl {
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
.contract_txt dt,.contract_txt dd {
	display: table-cell;
	padding: 0 5px;
	width: 50%;
	vertical-align: middle;
}
.contract_txt dt {
	text-align: center;
	border-right: #8e8e8e 1px solid;
}
.contract_txt dd { /*padding: 2% 3%;*/text-align: center; }
.contract_txt dt span {
	color: #c63b41;
	font-size: 26px;
}
.contract_txt dd.mail_txt span { font-size: 20px;color: #c63b41; }