@charset "utf-8";
/****************************************
		レスポンシブスタイルシート
*****************************************/
@media (max-width: 1200px){
	/* トップ *******************************/
	/*.plan_box{ background("/img/") no-repeat right bottom; }*/
	.plan_box ul{ width: 80%;margin: 0 auto; }
	.plan_box ul li{
		width: 25%;
		float: left; 
	}
	.plan_box ul li:nth-child(5){ margin-bottom: 0; }
	.plan_box ul li:nth-child(4),.plan_box ul li:nth-child(8){ margin-bottom: 15px; }
	/*.plan_box_deco{ display: none; }*/

	/* トップお知らせ **********/
	#top_news_wrap .wrap{ padding: 0 50px; }	

}

/**************************************************************************
　980
***************************************************************************/
@media (max-width: 980px){
	.wrap{padding:0 5px;}

	/* ヘッダー *******************************/
	#header .wrap #nav_img{ width: 270px;float: left;padding: 20px 0 0; }
	#header nav li{ background: rgba(255,255,255,0.8); }
	#header .wrap{ background: url("/img/bg_nav.jpg") no-repeat 115% 0;  }

	/* トップ *******************************/
	.plan_box ul{ width: 95%;margin: 0 auto; }	
	
	/* トップお知らせ **************************/
	#top_topics{ width: 80%;float: none;margin: 0 auto 30px; }
	#fb{ width: 80%;float: none;text-align: center;margin: 0 auto;/*overflow:scroll;*/ }
	
	/* フッター *******************************/
	#foot_left_wrap{ width: 47%; }
	#foot_left{ width: 46%; }
	#foot_middle{ 
		width: 40%;
		float: right;
}
	#foot_middle_menu_l{ display: none; }
	#foot_middle .foot_middle_menu{ width: auto; }
	#foot_right{ width: 49%; }	
	#shop_link .f_l,#shop_link .f_r{ width: 48%; }
	
	/* 店舗案内 *******************************/	
	.table_box dl{
		display: table;
		background: #fff;
		width: 90%;	
		margin: 0 auto;
		border: 1px solid #e0dfe0;
		border-top: none;		
	}	
	
	/* 撮影・衣装プラン一覧 *******************************/		
	.plan_menu_wrap{
		width: auto;
		margin: 0 auto;
	}
	.plan_menu_wrap li{
		width: auto;
		float: none;
		padding: 3% 2%;
		margin-bottom: 20px;	
	}

	.plan_menu_wrap li:nth-child(even){ float: none; }
	.plan_menu_wrap .f_l{ width: 25%; }
	.plan_menu_wrap .f_r{ width: 73%; }
	.plan_menu_wrap h3{ font-size: 14pt; }
	
	
	/* プラン詳細 *********************************************************************************************/
	.plan_detail_wrap{
		width: 95%;
		padding: 50px 0 30px;
	}
	.plan_price_box p{ float: none; }
	.plan_price_box p.plan_price{ float: none;text-align: right;margin-top: 15px; }	
	
	/*-------------------------------------
	　フォト・衣装ギャラリー
	-------------------------------------*/
	.bnr_wrap{ width: 95%;margin: 0 auto 40px; }	
	
	
	
}

/**************************************************************************
　860
***************************************************************************/
@media (max-width: 860px){
	/* ヘッダー *******************************/
	#header .wrap{ background: url("/img/bg_nav.jpg") no-repeat 120% 0;  }	

	/* フッター *******************************/
	#foot_left_wrap{ width: 48%; }
	#foot_right{ width: 52%; }	


}

/**************************************************************************
　780 メニュー切替
***************************************************************************/
@media (max-width: 780px){
	/* 背景 *******************************/
	.gallery_h2_wrap{ padding-top: 40px; }


	.inner_wrap{
		width: auto;
		margin: 0 auto;
		padding: 30px 0 50px; 
	}
	#topcontrol{ display: none; }
	
	/* ヘッダー　spメニュー *******************************/
	#h1{ 
		background: #c8a063;
		/*background: #e5c48e;*/
		padding: 20px 0;
	}
	h1{ color: #fff;font-size: 13px; }	
	
	.toggle {
		display:block;
		position:fixed;
		top:0px;
		right: 0px;
		z-index: 50;
	}
	#right-menu{ /*width:40px;*/ }

	.sidr .icon_close {
		margin: 10px 15px;
		text-align: right;
	}
	.sidr .icon_close img { width: 30px; }	
	.sidr ul li a {
		/*background:url("/img/sidr_icon.png") no-repeat scroll 15px 50% / 28px 20px;*/
		color: #000;
		padding: 0 0 0 20px;
	}

	.side_menudiv {
		/*margin: 15px 15px 10px;
		text-align: center;
		background: #e19696;
		padding: 15px 10px 10px;*/
		display: none;
	}
	.side_txt { /*margin: 0 15px 15px;*/display: none; }	
	#header{ display: none; }	

	#sub_top_wrap_light_txt{
		background: url("/img/bg_light.jpg") repeat;
		padding: 40px 0 20px;
		text-align: center;
	}


	
	/* top ---------------------------------------------------------- */	
	/* トップ共通 *******************************/
	.top_h2{
		margin: 0 auto 20px;
		width: 50%;
	}	
	
	/* トップお知らせ **************************/
	#top_news_wrap .wrap{ padding: 0 10px; }
	#top_topics{ width: auto; }
	#fb{ width: auto;/*overflow:hidden;*/ }	
	#top_bt_more .box_l{ width: auto;float: none;margin-bottom:15px; }
	#top_bt_more .box_r{ width: auto;float: none; }	
	
	
	/* 撮影メニュー *******************************/
	.plan_box ul{ width: 95%;margin: 0 auto; }
	.plan_box ul li{
		width: 33%;
		float: left; 
	}
	.plan_box ul li:nth-child(5){ margin-bottom: 0; }
	.plan_box ul li:nth-child(4),.plan_box ul li:nth-child(8){ margin-bottom: 0; }	
	.plan_box ul li:nth-child(3),.plan_box ul li:nth-child(6),.plan_box ul li:nth-child(9){ margin-bottom: 15px; }
	.plan_box_deco{ display: none; }
	
	/* フッター横1列 *******************************/
	#foot_left_wrap{
		width: auto;
		float: none;
	}
	#foot_left{
		width: auto;
		float: none;
	}
	#foot_ad{ display: none; }
	#foot_shop_img{ display: none; }
	#foot_middle{
		width: auto;
		float: none;
		padding: 20px 0 20px;
		border-left: none;
		border-right: none;
	}	
	#foot_middle_menu_l{ display: none; }
	#foot_middle .foot_middle_menu{
		width: auto;
		float: none;
	}	
	.foot_middle_menu li:first-child{ border-top: #d1cfcf 1px solid; }
	.foot_middle_menu li{		
	}
	.foot_middle_menu li a{
		padding: 10px;
		border-bottom: #d1cfcf 1px solid;
		text-align: center;
		display: block;
	}
	#foot_right{
		width: auto;
		float: none;
		padding-top: 30px;
	}
	#foot_bt_cont{ display: none; }
	
	/* パンくず *******************************/
	#bread-crumbs{ display: none; }
		
	/* 下層トップ *******************************/
	#sub_top_wrap{ padding: 60px 0 20px; }	
	
	.th_ribbon{
		text-align: center;
		margin-bottom: 10px;	
	}	
	
	
	/* 店舗案内 *******************************/
	.table_box{}
	.table_box dl{
		display: block;
		width: 90%;	
		/*border: none;
		border-top: 1px solid #e0dfe0;*/	
	}
	.table_box dl:last-child{ border-bottom: 1px solid #e0dfe0; }
	.table_box dl dt,.table_box dl dd{
		display: block;
		width: auto;
		padding: 2% 4%;	
		text-align: left;		
	}
	.table_box dl dd{ margin-left: 0; }
	#map_box{
		width: 90%;
		margin: 0 auto;
	}	
	
	/* お問い合わせ *******************************/
	#contact_txt{ width: 85%;margin: 0 auto;text-align: left; }
	
	/* お知らせ *******************************/
	.topics_txt{ padding: 0; }	
	
	/* 撮影・衣装プラン一覧 *******************************/	
	.plan_menu_wrap{
		margin: 0 auto;
		padding: 30px 0 30px;
	}		
	.plan_menu_wrap li:nth-child(even){ float: none; }
	.plan_menu_wrap .f_l{ width: 25%; }
	.plan_menu_wrap .f_r{ width: 75%; }
	
	
	/* プラン詳細 *******************************/
	.plan_detail_wrap .f_l,.plan_detail_wrap .f_r{ width: auto;float: none; }	
	.plan_detail_wrap .f_l{ margin-bottom: 10px; }
	.plan_price_box{ padding: 10px 5px; }
	.plan_price_box span{ padding: 0 5px; }


	/* プラン丸画像 *******************************/
	.thumbnail {
		width: 70%;
		margin: 0 auto;
	}
	.circle {
		width: auto;
		height: auto;
		border-radius: 20%;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
	.circle img {
		transition: .3s ease-in-put;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-ms-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		position: relative;
		z-index: 0;
	}
	a:hover .circle img {
		transform: scale(1.1, 1.1);
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-ms-transform: scale(1.1, 1.1);
		-o-transform: scale(1.1, 1.1);
	}
	
	
	/*-------------------------------------
	　衣装ギャラリー
	-------------------------------------*/
	.dress_wrap{
		/*width: 85%;
		margin: 0 auto;*/
		padding: 40px 0;
	}
	/* 一覧見出し-----------*/
	.dress_wrap .list_box{
		width: 33.3%;
		/*float: left;
		display: block;
		text-align: center;*/
	}	

	/* ギャラリー詳細---------------*/
	.dress_detail_wrap{
		margin-top: 30px;
	}

	/*.gallery_title{
		font-size: 16pt;
		text-align: center;
		background: #f8f5f5;
		padding:10px;
		margin-bottom: 20px;
	}*/

	.thumb_l,.thumb_r{
		width: 50%;
		/*float: left;
		border: 4px #fff solid;
		box-sizing: border-box;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);*/
		margin-bottom: 4%;
		text-align: center;
	}
	.thumb_l{
		margin-right: 0;
	}
	
	/*-------------------------------------
	　フォト・衣装ギャラリーボタン
	-------------------------------------*/
	.bnr_wrap .f_l,.bnr_wrap .f_r{
		width: auto;
		text-align: center;
		float: none;		
	}
	.bnr_wrap .f_l{ margin-bottom: 10px; }	
	

	/*-------------------------------------
	　フォトギャラリー選択ボタン
	-------------------------------------*/
	.bt_gallery a{ width: 49%; }
	.bt_gallery:nth-child(2n) a{
		width:49%;
		float: right;
		margin-right: 0;
	}	
	.bt_gallery:nth-child(4n) a{
		width:49%;
		float: right;
		margin-right: 0;
	}	
	
	/*-------------------------------------
	　プライバシーポリシー
	-------------------------------------*/	
	.privacy dl{ margin-bottom: 10px; }
	.privacy dl dt {
		font-size: 16px;
		margin: 0 0 10px;
		padding: 5px 10px 10px 0;
	}	
	
	
	
}


/**************************************************************************
　640
***************************************************************************/
@media (max-width: 640px){	
	/* 背景 *******************************/
	.bg_light{ padding: 40px 0; }
	.bg_dark{ padding: 0 0 60px; }
	#sub_top_wrap_light{ padding: 30px 0 50px; }
	#sub_top_wrap_light_txt{ padding: 30px 0;text-align: center; }

	/* トップギャラリー *******************************/
	.top_bg_more a{
		width: 80%;
		padding: 10px 0;
		text-align: center;
		display: block;
		border: #414040 1px solid;
		margin: 0 auto;
	}	
	
	/* 撮影・衣装プラン一覧 *******************************/	
	.plan_menu_wrap li{ padding: 5% 2%; }	
	.plan_menu_wrap .f_l{
		width: auto;
		text-align: center;
		float: none;
		margin-bottom: 20px;
	}
	.plan_menu_wrap .f_r{
		width: 80%;
		margin: 0 auto;
		/*text-align: center;*/
		float: none;
	}
	.plan_menu_wrap h3{ /*font-size: 14pt;*/ }
	.plan_menu_wrap p{}
	.bt_plan_more{}
	.bt_plan_more a{
		padding:10px 25px;
		width: 130px;
		margin: 0 auto 20px;
		float: none;
	}
	
	#sub_top_h2{ width: 60%; }	
	
	/* プラン詳細-**************************/
	.plan_price img{ width: 35%; }
	
	
	
	/*-------------------------------------
	　フォトギャラリー選択ボタン
	-------------------------------------*/
	.bt_gallery a{ width: 100%;float: none; }
	.bt_gallery:nth-child(2n) a{
		width: auto;
		float: none;
		margin-right: 0;
	}	
	.bt_gallery:nth-child(4n) a{
		width: auto;
		float: none;
		margin-right: 0;
	}	
	
	
}

/*@media (max-width: 780px){
	.sep{ height:28px;background:url(/img/sep.gif) no-repeat 50% 50% / 40px 28px;margin:15px 0; }

	#foot_wrap{padding:0;}
	.footer_pc {
		display: none;
	}
	.footer_sp {
		display: block;
	}
	#topcontrol{display:none;}
}

@media (max-width: 640px){
	body,p,div,form,ul,th,td,h1,h2,h3,h4{font-size:12px;}
	h2{font-size:18px;font-weight:300;margin-bottom: 20px; padding-bottom: 15px;}
	h3{font-size:14px;font-weight:300;}
	.first_area h3 {font-size: 14px;}
	input,textarea,select{ font-size:16px; }
	.item_area dl dt {
		border-right: 1px solid #ddd;
		font-weight: bold;
		padding: 0 10px 0 0;
		width: 13%;
		text-align:right;
	}
	.item_area dl dd {
		padding: 0 0 0 10px;
		width: 87%;
	}

	.more{font-size:14px;margin-top:10px;}

	ul.topics_list li {
		margin: 0 4% 4% 0;
		width: 48%;
	}

	ul.topics_list li:nth-child(2n) {
		margin-right: 0;
	}
	.topics_detail{padding:0 20px;}

	ul.product_list li {
		margin: 0 4% 4% 0;
		width: 48%;
	}

	ul.product_list li:nth-child(2n) {
		margin-right: 0;
	}

	ul.item_list li {
		margin: 0 4% 4% 0;
		width: 48%;
	}

	ul.item_list li:nth-child(2n) {
		margin-right: 0;
	}

	.cate_cls{
		padding: 0 5px;
		margin: 0 0 5px 0;
		font-size:10px;
	}

	.gift_l{ width:100%;float:none;margin-bottom:10px; }
	.gift_r{ width:100%;float:none; }

	.calendar_area .calendar_box{width:100%;float:none;margin: 0 0 10px 0;}
	.calendar_area .calendar_box:nth-child(2n) {
		margin-right: 0;
	}

	.about_area_l{
		width:100%;
		float:none;
		margin: 0 0 20px 0;
		position:static;
		top: 0;
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
	.about_area_r{ width:100%;float:none; }

	.about_logo img{width:130px;}

	.contact_area_l{width:100%;float:none;margin: 0 0 20px 0;}
	.contact_area_r{ width:100%;float:none; }

	.list dl {
		display: block;
		width: 100%;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	.list dt::after {
		clear: both;
		content: "";
		display: table;
	}
	.list dt {
		padding: 0;
		text-align: left;
		width: auto;
	}
	.list dd {
		width: auto;
	}
	.list dt, .list dd {
		border: medium none;
		display: block;
		margin: 0;
		padding: 0;
		vertical-align: top;
		border:0;
	}

	.first_area_l{
		width:100%;
		float:none;
		margin: 0 0 20px 0;
	}
	.first_area_r{ width:100%;float:none; }

	ul.deliv_list{border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
	ul.deliv_list li{
		float:left;
		width:33.33%;

		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		padding:7px 5px;
	}

	.normal_area dl{}

	.normal_area dl dt{
		display: block;
		width: 100%;
		margin:0;
		padding: 0;
		text-align:left;
		border:0;
		font-weight:200;
	}

	.normal_area dl dd{
		display: block;
		width: 100%;
		margin:0;
		padding: 0;
		text-align:left;
	}

	.privacy dl dt {font-size: 14px;}

	#contact_form {
		margin: 0;
	}
	#contact_form dl {
		display: block;
		width: 100%;
		border:0;
		margin-bottom:10px;
	}
	#contact_form dt::after {
		clear: both;
		content: "";
		display: table;
	}
	#contact_form dt {
		padding: 0;
		text-align: left;
		width: auto;
	}
	#contact_form dd {
		width: auto;
	}
	#contact_form dt, #contact_form dd {
		border: medium none;
		display: block;
		margin: 0;
		padding: 0;
		vertical-align: top;
		border:0;
	}

	#contact_form dd select {
		font-size: 16px;
	}
	#contact_form dd input[type="text"], #contact_form dd textarea{
		font-size: 16px;
		max-width:95%;
	}

	#topcontrol img{width:50px;}
	#foot_copyright img{width:80px;}
	#foot_wrap{margin: 30px 0 0;}

	.fb_iframe_widget, .fb_iframe_widget span,.fb_iframe_widget span iframe[style]{height:350px !important;}
	a.splink{pointer-events:auto;}

	#bread-crumbs{overflow-x:auto;position:relative;width:100%;height:20px;margin-bottom:0;padding: 10px 0;}
	#bread-crumbs ol{box-sizing:border-box;left:0;padding:5px;position:absolute;top:0;white-space:nowrap;}
	#bread-crumbs li a,#bread-crumbs li{font-size:12px;}*/
	/*ページング*/
	/*.pager{margin-top:20px;}
	.pager li {margin: 0 4px;}
	.pager li a {padding: 6px 10px;}
	.pager li span {padding: 7px 10px;}
	.pager li.prev {margin-right: 5px;}
	.pager li.prev a {padding: 6px 8px;}
	.pager li.next {margin-left: 5px;}
	.pager li.next a {padding: 6px 8px;}*/

	/*ポップアップ*/
	/*.inline_popup{
		padding:10px;

	}
	#p_img {
		width:48%;
		margin-right:4%;
	}
	#p_info {
		width:48%;
	}
	#p_name {
		border-bottom: 1px solid #ddd;
		font-size: 14pt;
		padding-bottom: 5px;
		margin-bottom: 5px;
		line-height:30px;
	}
	#p_comm {
		height: auto;
		background-size:21px 43px;
		font-size: 12pt;
		padding: 10px 0 30px;
	}
}*/