@charset "utf-8";
/***********************************************************************
		レスポンシブスタイルシート
************************************************************************/

/***********************************************************************
max-width: 1350px
************************************************************************/
@media screen and (max-width: 1350px){
	.slick-prev { left: -70px; }
	[dir='rtl'] .slick-prev{
		right: -70px;
		left: auto;
	}
	.slick-next { right: -70px; }
	[dir='rtl'] .slick-next{
		right: auto;
		left: -70px;
	}
}


/***********************************************************************
max-width: 1260px
************************************************************************/
@media screen and (max-width: 1260px){
	.slick-prev { left: 0px; }
	[dir='rtl'] .slick-prev{
		right: 0px;
		left: auto;
	}
	.slick-next { right: 0px; }
	[dir='rtl'] .slick-next{
		right: auto;
		left: 0px;
	}

	/* ギャラリー（トップページ）------------*/
	#top_gallery_wrap {
		padding: 5% 10px 20px;
		text-align: center;
	}
	#top_gallery_wrap .gallery_box {
		text-align: center;
	}

	/* 衣裳一覧-------------------------*/
	.dress_slide_box { max-width: 96%; }



}


/***********************************************************************
max-width: 980px
************************************************************************/
@media screen and (max-width: 980px){
	#top_cont { margin: 80px auto; }
	#main_cont { margin-top: 80px; }

	/* header--------------------------------*/
	#mobile-head {
		height: 80px;
		border-bottom: #ccc 1px solid;
	}
	/*
	#head_sns_wrap {
		position: relative;
		left: 20px;
		top: 20px;
	}
	*/
	#head_sns_wrap {
		display: none;
	}

	.head_line_sp {
		position: absolute;
		top: 15px;
		right: 325px;
	}

	/* #head_logo ---------------------------*/
	#head_logo {
		position: absolute;
		top: 5px;
		left: 15px;
		margin-left: 0;
		max-width: 70px;
	}

	/* #head_contract ---------------------------*/
	#head_contract_pc {
		right: 320px;
	}
	/* #head_tel_wrap ---------------------------*/
	#head_tel_wrap {
		position: absolute;
		right: 90px;
		top: 15px;
	}

	/* #nav-toggle ---------------------------*/
	#nav-toggle {
		right: 20px;
		top: 20px;
	}
	/* #global-nav ---------------------------*/
	#global-nav { top: -477px; }

	#bread_crumb{ display: none; }

	/* スライダー--------------------------------------------------------*/
	.top_slide_txt {
		width: 405px;
		top: 45%;
		/*left: 10%;*/
	}
	.top_slide_txt img { max-height: 80px; }

	/* 挨拶-------------------------------------------------------------*/
	#message_wrap { margin: 0 auto 60px; }
	#message_txt_wrap {
		position: relative;
		text-align: center;
		margin-bottom: 10px;
	}
	/*#message_img { text-align: center; }*/
	#message_img { display: none; }

	/* 衣裳一覧 ---------------------------------------------------------*/
	/* プラン -----------------------------------------------------------*/
	/* スタッフ ---------------------------------------------------------*/
	/* 美容ポイント ------------------------------------------------------*/
	/* 撮影ポイント ------------------------------------------------------*/

	/* 撮影の流れ--------------------------------------------------------*/
	.flow_list_box { background: none; }
	.flow_note img { max-height: 150px; }
	.flow_list_box .box_l {
		width: 100%;
		float: none;
	}
	.flow_list_box .box_r {
		width: 100%;
		float: none;
	}
	.flow_list_box dl { width: 100%; }
	.flow_list_box .box_r li:last-child:after { content:""; }
	.flow_list_box li:nth-child(3n):after {
		content: url(../images/flow_arrow.png);
		display : block ;
		text-align : center ;
	}

	/* ギャラリー -------------------------------------------------------*/
	/* お問い合わせ -----------------------------------------------------*/
	/* ニュース＆トピックス ----------------------------------------------*/
	/* ブログ ----------------------------------------------------------*/
	.blog_image { padding-top: 80%;	}
	/* インフォメーション ------------------------------------------------*/
	/* フッター --------------------------------------------------------*/

	/**/
	footer { padding: 100px 0 20px; }
	#foot_menu_wrap {
		width: 100%;
		margin: 0 auto 20px;
	}
	#foot_menu_wrap ul { border-top: 1px #444 dashed;border-bottom: 1px #444 dashed; }
	#foot_menu_wrap li {
		width: 50%;
		border-right: #666 1px solid;
		border-bottom: 1px #444 dashed;
	}
	#foot_menu_wrap li a { padding: 10px 0; }
	#foot_menu_wrap li:last-child { border-right: #666 1px solid;border-bottom :none; }
	#foot_menu_wrap li:nth-child(5) { border-bottom :none; }
	#foot_menu_wrap li:nth-child(2n) { border-right: none; }

}

/***********************************************************************
max-width: 768px spメニュー
************************************************************************/
@media screen and (max-width: 768px){
	.cont { margin: 0 10px; }
	#top_cont { margin: 30px auto 20px; }
	.sub_main_cont { padding-top: 30px; }

	h2 { margin-bottom: 20px; }
	h2 span {
		font-size: 28px;
		margin-bottom: 10px;
	}
	.bt_more{ margin: 0; }
	/* #head_tel_wrap ---------------------------*/
	#head_tel_wrap { display: none; }
	#head_tel_sp { display: block; }
	#head_tel_sp {
		position: absolute;
		right: 80px;
		top: 20px;
		z-index: 101;
	}
	#head_tel_sp img.sp_head_tel_icon { width: 40px; }

	.head_line_sp {
		display: block;
		position: absolute;
		top: 20px;
		right: 130px;
	}

	/* #head_contract ---------------------------*/
	#head_contract_pc {
		display: none;
	}
	#head_contract_sp {
		display: block;
	}

	/* スライダー--------------------------------------------------------*/
	.slide-box .slide-txt {
	  background-size: auto 50px;
	}

	.slide-box .slide-txt-ptn1 {
	  background-position: 5% 45%;
	}

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

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


	/* トピックス------------------------------------------------------------------*/
	#topics_wrap {
	  padding: 20px;
	}

	/* special_plan-------------------------------------------------------------*/
	#special_plan {
		margin-bottom: 32px;
	}
	.special_plan_wrap {
		padding: 16px 0;
	}
	.special_plan_title {
		margin-top: 24px;
	}
	.special_plan_title h2 {
		font-size: 16px;
	}
	.special_plan_bnr {
		max-width: 100%;
	}

	/* 挨拶-------------------------------------------------------------*/
	#message_wrap { margin: 0 auto 40px; }
	#message_th img { max-height: 120px; }
	#message_txt_box img { max-height: 233px; }

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

	/*#dress_slide_wrap { margin-bottom: 70px; }*/
	#dress_slide_wrap { margin-bottom: 40px; }
	.dress_slide_box ul { margin: 0 6px; }
	.rental_no { font-size: 8pt; }
	/*.bx-prev { display: none; }*/

	.dress_slide_box { margin: 0 10px; }
	.dress_slide_box .slick-list li {
		width: 48%;
		float: left;
		margin: 0 4% 0 0;
	}
	.dress_slide_box .slick-list li:nth-child(4n) { margin-right: 0; }
	.dress_slide_box .slick-list li:nth-child(2n) { margin-right: 0; }

	/* Arrows */
	.slick-prev,
	.slick-next	{
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
	.slick-cloned { display: none; }

	/* 男性用袴 -------------------------------------------------------------*/
	#m_hakama_wrap {
		margin: 0 6px 40px;
	}
	#m_hakama_wrap .line2_box {
		padding: 20px;
		margin: 0 auto 20px;
	}
	.m_hakama_txt {
		text-align: left;
	}
	.m_hakama_box ul {
		margin: 0;
	}
	/*
	.m_hakama_box li {
		width: 48%;
		float: left;
		margin: 0 4% 4% 0;
	}
	.m_hakama_box li:nth-child(2n) {
		margin-right: 0;
	}
	*/

	/* プラン -----------------------------------------------------------*/
	#plan_wrap { margin: 0 auto 40px; }
	.plan_box {
		padding: 40px 25px;
		text-align: center;
	}
	.plan_img_wrap{ margin: 0 auto 30px; }
	/*#plan_caution_box { margin-bottom: 60px; }*/
	#plan_caution_box  dl {
		display: block;
		padding: 20px;
	}
	#plan_caution_box  dt,#plan_caution_box  dd { display: block; }
	#plan_caution_box  dt {
		width: 100%;
		padding-bottom: 10px;
		border-right: none;
		border-bottom: #666 1px solid;
	}
	#plan_caution_box  dt img { max-height: 30px; }
	#plan_caution_box  dd {
		padding-left: 0;
		padding: 10px 0 0;
	}
	/* プラン基本セット-----------*/
	.h3_set {
		position: absolute;
		top: -30px;
		width: 93%;
	}
	.h3_set img { max-height: 60px; }
	.plan_set_wrap{
		margin: 0 auto 20px;
		padding: 50px 20px 40px;
	}
	.plan_set_l,.plan_set_r { display: none; }
	.set_txt { margin-bottom: 20px; }
	.price_list_txt { margin-bottom: 20px; }
	#bt_price_list {
		width: 80%;
		margin: 0 auto;
	}

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

	/* 美容ポイント*******************************************************/
	#beauty_wrap { padding: 5%; }
	#beauty_wrap h3 { margin-bottom: 20px; }
	#beauty_wrap .box_l {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	#beauty_wrap .box_r {
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 0;
	}
	#beauty_wrap .box_l .line2_box {
		padding: 20px;
		margin-top: 0;
	}
	/* 写真ポイント*******************************************************/
	#photo_wrap {
		/*padding: 5%;*/
		margin-bottom:70px;
	}
	#photo_wrap h3 { margin-bottom: 20px; }
	#photo_wrap .box_l {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		text-align: center;
	}
	#photo_wrap .box_r {
		width: 100%;
		float: none;
	}
	#photo_wrap .box_r .line2_box {
		padding: 20px;
		margin-top: 0;
	}
	/* 小物ポイント----------------------------------------------------------*/
	#accessory_wrap {
		margin: 0 auto 70px;
		padding: 5% 7%;
	}
	#accessory_wrap h3 { margin-bottom: 20px; }
	#accessory_wrap .line2_box {
		width: 100%;
		margin: 0 auto 20px;
	}

	/* 撮影の流れ*********************************************************/
	#flow_wrap {
		padding: 7.5% 0 7%;
		margin: 0 auto 30px;
	}
	.h3_flow {
		top: -39px;
		width: 100%;
	}
	.h3_flow img { max-height: 60px; }
	.flow_note {
		max-width: 90%;
		margin: 0 auto;
	}
	.flow_list_box { margin: 30px auto 0; }
	.flow_list_box dt { width: 60px; }
	.list_number {
		width: 40px;
		height: 40px;
		font-size: 20px;
		padding-top: 5px;
	}

	/* ギャラリー ********************************************************/
	#gallery_wrap {
		padding: 5% 5% 20px;
		margin: 0 auto 30px;
	}
	button { font-size: 12px; }

	/* お問い合わせ ******************************************************/
	#cont_wrap { padding: 40px 0; }
	.cont_box { padding: 30px 20px; }
	.contact_txt { margin-bottom: 30px; }
	.contact_txt dt span { font-size: 20px; }
	.contact_txt dl {
		display: block;
		width: 100%;
		margin-bottom: 30px;
	}
	.contact_txt dt,.contact_txt dd {
		display: block;
		padding: 0 0 20px;
		text-align: left;
		width: 100%;
	}
	.contact_txt dt {
		border-right: none;
	}
	.contact_txt dd { /*padding: 2% 3%;*/ }
	.cont_box h3 { font-size: 16px;margin-bottom: 5px; }
	.cont_plan_box {
		padding: 10px 0% 30px;
	}
	#contact_form{  }
	#contact_form dl { display:block;width:100%; }
	#contact_form dt, #contact_form dd { display:block;border-bottom:none; }
	#contact_form dt { width:100%;padding:0; }
	#contact_form dd { width:100%;padding:0 0 15px; }
	#contact_form input[type="text"],#contact_form textarea{ width:95%;font-size: 16px; }
	#contact_form input[type="radio"]{ margin:0; }
	#contact_form .mwform-radio-field{ display:block;margin:0; }
	#contact_form textarea{ height: 150px; }
	#contact_submit { margin-top:0; }

	/* ニュース&トピックス　*********************************************************/
	#news_wrap { padding: 40px 0 0; }
	#news_wrap h3 img { max-height: 70px; }

  .top-blog-wrap {
    margin-top: 7%;
  }

  .top-blog-wrap h3 img,
  .top-insta-wrap h3 img {
    max-height: 70px;
  }

	/* インスタグラム***************************************************************/
	#instagram{
		max-width: 100%;
		margin: 30px auto 50px;
	}

	/* トップページブログ *************************************************/
	#top_blog_list { margin: 30px auto 0; }
	.blog_txt_box { padding: 10px 0; }
	.top_blog_box h4 a{ font-size: 14px; }

	/* インフォメーション *************************************************/
	#info_wrap { margin: 0 auto; }
	.info_box { padding: 40px 20px; }
	#news_wrap .info_txt h3 img { max-height: 50px; }
	.info_txt {
		width: 100%;
		float: none;
	}
	.info_tel {
		font-size: 18px;
		padding: 10px 0;
		margin: 30px 0 10px;
	}
	.info_map {
		width: 100%;
		float: none;
	}
	.gmap{ width:100%;height:200px;float:right;padding:0; }

	/* ブログページ ******************************************************/
	#blog_cont {
		width: 100%;
		float: none;
	}
	#blog_side{
		width: 100%;
		float: none;
		margin-top: 30px;
	}
	/* 衣裳ページ ******************************************************/
	.dress_list li {
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.dress_list li:nth-child(2n) { margin-right: 0; }
	.dress_list li:nth-child(2n+1) { clear:both; }
	/* 契約書ページ ******************************************************/
	#contract_wrap {
		padding: 40px 0;
		margin-bottom: 15px;
	}
  #contract_wrap span.mwform-checkbox-field.horizontal-item {
		display: inline-block;
		margin: 0;
	}

	/* footer ***************************************************************/
	/*
	footer { padding: 100px 0 20px; }
	#foot_menu_wrap {
		width: 100%;
		margin: 0 auto 20px;
	}
	#foot_menu_wrap ul { border-top: 1px #444 dashed;border-bottom: 1px #444 dashed; }
	#foot_menu_wrap li {
		width: 50%;
		border-right: #666 1px solid;
		border-bottom: 1px #444 dashed;
	}
	#foot_menu_wrap li a { padding: 10px 0; }
	#foot_menu_wrap li:last-child { border-right: #666 1px solid;border-bottom :none; }
	#foot_menu_wrap li:nth-child(2n) { border-right: none; }
	*/
	#foot_icon_wrap {
		margin: 0 auto 10px;
		width: 200px;
	}
	#foot_icon_wrap li {
		width: 40px;
	}
	#foot_icon_wrap li img { max-height: 30px; }
	#topcontrol img { max-height: 40px; }

	.footerbnr{
		display: none !important;
		max-width: 60px;
		bottom: 55px;
		right: 0;
	}
	.close_btn {
		margin: 0 3px 5px 0;
	}


}


/***********************************************************************
max-width: 640px
************************************************************************/
@media screen and (max-width: 640px){
	footer { padding: 100px 0 60px; }

	.bt_more a{ font-size: 12px;padding: .5em 4em; }

	/* --------------------------------------------------*/

	.set_price {
		margin: 0 auto 20px;
		max-width: 80%;
	}
	/* --------------------------------------------------*/
	#message_txt .bg{
		background-size: 2px 2px;
		left:5px;
		top:5px;
	}
	#message_txt p{
		font-size:12px;
		padding: 15px;
	}

	#topcontrol {
		bottom: 60px !important;
	}

	.footernav  {
		display: block;
	}

	/* 契約書ページ ******************************************************/
	.contract_info {
		margin-bottom: 32px;
	}

	.contract_form_dress {
		width: 80% !important;
	}
	.reservation_contract {
	  width: 80%;
		margin-top: 4px;
	}

	#contract_submit input {
	   -webkit-appearance: none;
	   border-radius: 0;
	}

	.contract_txt {  }
	.contract_txt dt span { font-size: 20px; }
	.contract_txt dl {
		display: block;
		width: 100%;
		margin-bottom: 0;
	}
	.contract_txt dt,.contract_txt dd {
		display: block;
		padding: 0 0 20px;
		text-align: left;
		width: 100%;
	}
	.contract_txt dt {
		border-right: none;
	}
	.contract_txt dd {  }

	/* 管理画面 --------------------------------------------------*/



	.media-modal .attachments {
		/*right: 0!important;
		top: 120px;*/
	}
	.gallery .gallery-item .gallery-icon {
		display: block!important;
	}


}