/***** CSS reset *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}
body{
	line-height: 1;
}
ol, ul{
	list-style: none;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after{
	content: '';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/***** 初期設定 *****/
img{
	max-width: 100%;																/*ﾌﾙｰﾄﾞｲﾒｰｼﾞ*/
	height: auto;
}
a{
	text-decoration: none;
}
a:active, a:focus, input:active,input:focus{
	outline: 0;
}
html{
	max-width: 1800px;															/*横幅最大値*/
  margin: 0 auto;
  position: relative;
}
body{
	font-family: '游ゴシック','Yu Gothic','ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',sans-serif;
	line-height: 1.5em;															/*行高さ*/
	font-size: 16px;
	font-weight: 400;																/*normal:400*/
	-webkit-text-size-adjust:100%;									/*第2候補以降のﾌｫﾝﾄ高さ*/
	overflow-x: hidden;															/*ﾎﾞｯｸｽはみ出し部:非表示*/
	color: #000000;																	/*文字色*/
	background: #ffffff;														/*背景色*/
}
#mainnav a{
/*font-family: 'Times New Roman',sans-serif;*/
	font-weight: 500;
	font-size: 16px;
	color: #000000;
}
#footer{
	clear: both;																		/*回り込み解除*/
	padding: 20px 0px 20px 0px;
	text-align: center;
	background: #f8f8f8;
}
h1{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 2em;
	padding: 0px 20px;
/*background:#aaffcc;*/
}
h1 span{
	padding-bottom: 3px;
	border-bottom: 3px solid #000000;
}
h2{
	font-family: 'Times New Roman',Arial,'游ゴシック','Yu Gothic','ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 22px;
	text-align: center;
	line-height: 2em;
	padding: 0px 20px;
/*background:#ccaaff;*/
}
h2 span{
	padding-bottom: 3px;
	border-bottom: 3px solid #000000;
}
h3{
	font-size: 16px;
/*background:#aabbcc;*/
}
p{
	font-size: 16px;
}
section, aside{
	clear:both;
	margin: 0 auto;
	width: 100%;
	margin: 80px 0px 120px 0px;
/*background: #fafaff;*/
}

/***** 共通 *****/
.inner{
	clear:both;
	margin: 0 auto;
	overflow: hidden;
	width: 80%;
	margin-top: 100px;
/*background: #ffeeff;*/
}
.clearfix:after {																	/*floatによる浮動化解除処理*/
	content: "";
	clear: both;
	display: block;
}
.border{
	border: 1px solid #cccccc;
}
.text_center{
	text-align: center;
}
.text_left{
	text-align: left;
}
.text_right{
	text-align: right;
}
.text_bold{
	font-weight: 600;
}
.red{
	background: #ff6347;
}
.green{
	background: #66cdaa;
}
.blue{
	background: #6e6efa;
}
.violet{
	background: #ee82ee;
}
.text_link{
	padding: 6px 0px;
	line-height: 2em;
	color: #006699;
	text-decoration: underline;
}
.text_link:hover{
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/***** page top *****/
#pagetopBtn{
	position: fixed;
	bottom: 10px;
	right: 20%;
	font-size: 16px;
	z-index: 300;
}
#pagetopBtn img{
	width: 40px;
}
#pagetopBtn a{
	display: block;
	background: #ff69b4;
	text-align: center;
	border-radius: 5px;
	width: 60px;
	padding-top: 10px;
	opacity:0.5;
}
#pagetopBtn a:hover{
	opacity:0.8;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/***** ｽﾗｲﾄﾞｲﾒｰｼﾞ *****/
#slide{
	position:relative;
}
#slide img{
	position:absolute;
	left:0;
}

/***** ﾊﾟﾝ屑ﾘｽﾄ *****/
.breadcrumb{
	clear:both;
/*
	margin: 0 auto;
	width: 80%;
*/
	padding: 0px 10px;
/*background: #f8f8ff;*/
}
.breadcrumb_shift{
	padding-top: 20px;
}
.breadcrumb li{
	display:inline;
	list-style: none;
	line-height:2em;
}
.breadcrumb li:before{
	content: '>';
	padding: 0px 2px;
}
.breadcrumb li a{
	padding: 6px 0px;
	color: #006699;
	text-decoration: underline;
}
.breadcrumb li a:hover{
	opacity:0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/*
.breadcrumb li:after{
	content: '>';
	padding: 0 3px;
}
.breadcrumb li:last-child:after{
	content: '';
}
*/

/***** CONTENTS *****/
.contents_layout{
	width: 50%;
	float: left;
/*background: #aaffff;*/
}
.contents_frame{
	width: 98%;
	margin-bottom: 20px;
	border: 1px solid #eeeeee;
/*background: #33ffff;*/
}
.contents_rightside{
	float: right;
}
.contents_frame h3{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
}
.contents_frame:hover{
	background: #fafafa;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.contents_left{
	width: 35%;
	float: left;
/*background: #3afafa;*/
}
.contents_right{
	width: 63%;
	float: left;
/*background: #faaafa;*/
}
.contents_img{
	display: block;
	margin: 0 auto;
	width: 85%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.contents_message{
	clear: both;
	margin: 10px 0px;
	line-height: 1.5em;
/*background:#ffccee;*/
}
.contents_message p{
	color: #000000;
}
.contents_readmore{
	position: relative;
	display: inline-block;
	width: 16px;
	top: 2px;
	left: 3px;
}
.contents_label{
	display: inline-block;
	font-family: Vardana,'Arial Black','游ゴシック','Yu Gothic','ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	text-align: left;
	margin-top: 10px;
	padding: 0px 5px;
	color: #ffffff;
}

/***** ｺﾝｾﾌﾟﾄ *****/
.concept_frame{																		/*外枠*/
	width: 100%;
	margin-bottom: 120px;
/*background:#ffaacc;*/
}
.concept_frame h3{
	font-size: 18px;
	text-align: center;
	line-height: 2em;
	font-weight: bold;
	border-bottom: 1px dotted #666666;
}
.concept_img{
	display: block;
	margin: 0 auto;
	width: 600px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.concept_img_full{																/*1ｲﾒｰｼﾞ*/
	width: 100%;
}
.concept_img_left{																/*2ｲﾒｰｼﾞ(左)*/
	float: left;
	width: 49.5%;
}
.concept_img_right{																/*2ｲﾒｰｼﾞ(右)*/
	float: right;
	width: 49.5%;
}

/***** 料金表 *****/
.price_layout{
	clear:both;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 60px;
	width: 90%;
/*background: #aaccff;*/
}
.price_layout h3{
	font-size: 18px;
	text-align: center;
	line-height: 2em;
	font-weight: bold;
	border-bottom: 1px dotted #888888;
}
.price_table{
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 5px;												/*行間*/
	border: 0;
}
.tb10{																						/*ﾒﾆｭｰ*/
	height: 48px;
	width: 60%;
	text-align: left;
	vertical-align: middle;
	word-wrap: break-word;
	border-bottom: 1px solid #eeeeee;
/*background:#ffff6c;*/
}
.tb10 span{
	font-weight: 550;
}
.shift{
	padding-left: 30px;
}
.tb11{																						/*料金*/
	width: 20%;
	text-align: right;
	vertical-align: middle;
	word-wrap: break-word;
	border-bottom: 1px solid #eeeeee;
/*background:#ffffcc;*/
}
.tb11_{
	width: 20%;
}
.tb12{																						/*～*/
	width: 5%;
	text-align: left;
	vertical-align: middle;
	word-wrap: break-word;
	border-bottom: 1px solid #eeeeee;
/*background:#ffccff;*/
}
.tb12_{
	width: 5%;
}
.tb13{																						/*詳細ﾎﾞﾀﾝ*/
	width: 15%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #eeeeee;
/*background:#ccffff;*/
}
.tb13_{
	width: 15%;
	border: 0;
}
.tb13__{
	width: 15%;
	border-bottom: 1px solid #eeeeee;
}
.tb13_img:hover{
	border-radius: 5px;
	background: #eeeeee;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.tb13_img{
	display: block;
	margin: 0 auto;
	height: 20px;																		/*48px*/
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	padding-right: 14px;
}

/***** ﾌﾞﾗｲﾀﾞﾙｺｰｽ *****/
.bridalcourse_layout{
	border: 1px solid #eeeeee;
	position:relative;															/*bridalcourse_stamp 親要素*/
	margin-bottom: 60px;
	z-index: 100;
}
.bridalcourse_layout:hover{
	background: #fafafa;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.bridalcourse_stamp{
	position: absolute;															/*相対位置(親要素にrelative指定が必要)*/
	top: 5px; left: 5px;
	font-size: 16px;
	color: #ffffff;
	border-radius: 2px;
	padding: 0px 3px;
}
.bridalcourse_frame{
	margin: 0 auto;
	width: 90%;
/*background: #33ffaa;*/
}
.bridalcourse_layout h3{
	font-size: 18px;
	text-align: center;
	line-height: 2em;
	font-weight: bold;
	margin: 20px 10px 0px;
	color: #000000;
	border-bottom: 1px dotted #888888;
/*background: #aaffaa;*/
}
.bridalcourse_plan{
	margin-top: 6px;
	text-align: center;
	color: #000000;
/*background:#ffccee;*/
}

.bridalcourse_left{
	width: 30%;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
/*background: #8efefe;*/
}
.bridalcourse_img{
	margin-top: 10px 0px 10px 0px;
}
.bridalcourse_right{
	width: 65%;
	float: right;
	padding-bottom: 20px;
/*background: #3efefe;*/
}
.bridalcourse_msg{
	margin: 20px 5px 0px;
	line-height: 1.5em;
	color: #000000;
/*background:#ffccee;*/
}
.bridalcourse_readmore{
	text-align: center;
	line-height: 1.5em;
	color: #000000;
	margin: 6px 0px 20px;
/*background:#ffccae;*/
}
.bridalcourse_readmore img{
	display: inline-block;
	position: relative;
	top: 2px; left: 3px;
	width: 16px;
}

/***** ﾌﾞﾗｲﾀﾞﾙ 詳細説明 *****/
.course_table{
	margin: 0 auto;
	width: 100%;
	table-layout:fixed;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	line-height: 1.3em;
}
.tb1{																							/*日程*/
	border: 1px solid #eeeeee;
}
.tb2{																							/*時間*/
	border: 1px solid #eeeeee;
}
.tb3{																							/*画像,内容*/
	border: 1px solid #eeeeee;
}
.tb3_img{																					/*画像*/
	width: 80px;
	margin-top: 5px;
}
.tb3_img:hover{
	opacity:0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.tb4{																							/*枠 非表示*/
	border: 0;
}
.bridal_link p{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 30px 30px;
	line-height: 2em;
	color: #000000;
	text-decoration: underline;
	border: 1px solid #eeeeee;
}
.bridal_link:hover{
	opacity: 0.5;
	background: #fafafa;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.bridal_readmore{
	position: relative;
	display: inline-block;
	width: 16px;
	top: 2px;
	left: 3px;
}

/***** Q&A *****/
.QA_ul{
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 40px;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	text-align: left;
}
.QA1{																							/*質問*/
	font-weight: bolder;
	color: #006699;
	padding-top: 15px;
/*background: #5afafa;*/
}
.QA2{																							/*回答*/
	padding: 10px 0px 30px 0px;
/*background: #affafa;*/
}

/***** 口ｺﾐ *****/
.guest_ul{
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
/*background: #2ccccc;*/
}
.gu1{																							/*名前,挙式日*/
	height: 40px;
	text-align: left;
	font-weight: bolder;
	color: #006699;
	text-decoration: underline;
/*background: #cccccc;*/
}
.gu2{																							/*ｺﾒﾝﾄ*/
	text-align: left;
	padding-bottom: 30px;
}
.guest_ul a{
	color: #006699;
	padding-top: 16px;
	padding-bottom: 16px;
}
.guest_ul a:hover{
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/***** ｽﾀｯﾌ *****/
.staff_layout{
	clear:both;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 40px;
	width: 90%;
/*background: #1e6efe;*/
}
.staff_layout h3{
	font-size: 18px;
	text-align: center;
	line-height: 2em;
	font-weight: bold;
	margin: 20px 0px 60px;
	border-bottom: 1px dotted #888888;
/*background: #aaffaa;*/
}
.staff_left{
	width: 30%;
	float: left;
	padding-bottom: 20px;
/*background: #8efefe;*/
}
.staff_img{
	margin-top: 10px 0px 10px 0px;
}
.staff_right{
	width: 65%;
	float: right;
	padding-bottom: 20px;
/*background: #3efefe;*/
}
.staff_name{
	text-align: left;
	font-size: 17px;
	line-height: 2em;
	font-weight: 600;
	border-bottom: 1px solid #eeeeee;
/*background: #ffccff;*/
}
.staff_part{
	margin: 5px 0px 20px 0px;
	text-align: left;
/*background: #ffccff;*/
}
.staff_profile{
	margin: 0px 0px 10px 0px;
	text-align: left;
	line-height: 1.3em;
/*background: #4fccff;*/
}

/***** 情報 *****/
.infomation{
	margin: 60px 0px;
}
.margin0{
	margin: 0px;
}
.infomation p{
	margin: 20px 60px;
}
.infomation ul{
	text-align: center;
}
.infomation li{
	line-height: 2em;
}
.infomation a{
	color: #000000;
	text-decoration: underline;
	padding: 8px 0px;
}
.infomation a:hover{
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/***** ｶﾚﾝﾀﾞｰ *****/
.calender{
	display: block;
	width: 33.33%;
	float: left;
	padding: 20px 0px;
}
.calender_top{																		/*年月*/
	text-align: center;
}
.calender_table{
	margin:0 auto;
	width: 95%;
	background: #eeeeee;
	text-align: center;
}
.day{																							/*平日*/
	border: solid 1px #ffffff;
	color: #333333;
}
.dayc{																						/*平日休*/
	border: solid 1px #ffffff;
	color: #333333;
	background: #ffcccc;
}
.dayh{																						/*平日半休*/
	border: solid 1px #ffffff;
	color: #333333;
	background: #ccccff;
}
.sat{																							/*土曜*/
	border: solid 1px #ffffff;
	color: #66ccff;
	background: #eeeeee;
}
.satc{																						/*土曜休*/
	border: solid 1px #ffffff;
	color: #66ccff;
	background: #ffcccc;
}
.sath{																						/*土曜半休*/
	border: solid 1px #ffffff;
	color: #66ccff;
	background: #ccccff;
}
.sun{																							/*日曜*/
	border: solid 1px #ffffff;
	color: #ff6699;
	background: #eeeeee;
}
.sunc{																						/*日曜休*/
	border: solid 1px #ffffff;
	color: #ff6699;
	background: #ffcccc;
}
.sunh{																						/*日曜半休*/
	border: solid 1px #ffffff;
	color: #ff6699;
	background: #ccccff;
}
.null{																						/*空白*/
	border: solid 1px #ffffff;
}

/***** Google Map *****/
#map{
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
	z-index: 0;
}
#map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

/***** ｲﾒｰｼﾞﾌｫﾄ *****/
.image_photo{
	margin-top: 100px;
	margin-bottom: 100px;
}
.photo300_25p{																		/*300px 25%*/
	width: 25%;
	float: left;
}
.photo600_50p{																		/*600px 50%*/
	width: 50%;
	float: left;
}
.photo300_33p{																		/*300px 33%*/
	width: 33.333%;
	float: left;
}
.photo600_66p{																		/*300px 66%*/
	width: 66.666%;
	float: left;
}
.photo300_50p{																		/*300px 50%*/
	width: 50%;
	float: left;
}
.photo600_100p{																		/*600px 100%*/
	width: 100%;
	float: left;
}

/***** ｻｲﾄﾏｯﾌﾟ *****/
.sitemap{
	margin: 30px 0px;
}
.sitemap_shift{
	margin-left: 30px;
}
.sitemap ul{
	text-align: left;
	list-style-type: disc;
}
.sitemap li{
	line-height: 3em;
}
.sitemap a{
	color: #000000;
	text-decoration: underline;
	padding: 16px 0px;
}
.sitemap a:hover{
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/***** footer *****/
#footer a:hover{
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.footer_inner{
	clear: both;
	margin:0 auto;
	width: 80%;
}
.footer_navi1{																		/*footer 右ﾅﾋﾞ*/
	width: 50%;
	float: left;
}
.footer_navi1 ul{
	margin:0 auto;
	text-align: left;
}
.footer_navi1 li{
	line-height: 2.2em;
}
.footer_navi1 a{
	color: #000000;
	padding: 6px 0px;
}
.footer_navi2{																		/*footer 中央ﾅﾋﾞ*/
	width: 30%;
	float: left;
}
.footer_navi2 ul{
	margin:0 auto;
	text-align: left;
}
.footer_navi2 li{
	line-height: 2.2em;
}
.footer_navi2 a{
	color: #000000;
	padding: 6px 0px;
}
.footer_navi3{																		/*footer 左ﾅﾋﾞ(SNS)*/
	width: 20%;
	float: left;

	width: 15%;
	float: right;
}
.footer_navi3 dl{
	width: 100%;
	float: left;
}
.footer_navi3 dd{
	margin-bottom: 20px;
}
.footer_navi3 img{
	width: 36px;
	padding: 6px;
}
.footer_navi3 a{
	color: #000000;
}
.footer_info1{
	width: 50%;
	float: left;
	margin: 0 auto;
}
.footer_info2{
	width: 50%;
	float: left;
}
.footer_info2 li{
	text-align: right;
}
.footer_logo{
	width: 300px;
	margin-top: 60px;
}
.footer_copyright{
	text-align: center;
}
.footer_copyright a{
	padding: 8px 0px;
	color: #000000;
	text-decoration: underline;
}
.footer_copyright a:hover{
	opacity: 0.5;
	-webkit-transition: all .3s;
	transition: all .3s;
}









/***** ﾚｽﾎﾟﾝｼﾌﾞ設定 *****/
@media only screen and (min-width: 1024px){				/*画面ｻｲｽﾞ1024px以上(PC)*/
	#content{																				/*ｺﾝﾃﾝﾂ*/
		width: 80%;
	}
	#sidebar{																				/*ｻｲﾄﾞﾊﾞｰ*/
		top: 0;
		right: 2.5%;
		width: 15%;
		position: fixed;
	}
	#sidebar .logo{																	/*ﾛｺﾞ画像*/
		padding: 20px 0px;
		width: 90%;
	/*width: 150px;*/
	/*max-width: 250px;*/
	}
  a#menu{																					/*ﾒﾆｭｰﾎﾞﾀﾝ非表示*/
		display:none;
	}
	.panel{
		display: block !important;
	}
	#mainnav li{
		padding: 12px 0;
		text-align: left;
	}
	#mainnav li a:hover{
		opacity: 0.5;
	/*text-decoration: underline;*/
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	#sns{																						/*SNS*/
		margin-top: 20px;
	}
	#sns li{																				/*SNSﾘｽﾄ*/
		display: inline-block;
	}
	#sns img{
		height: 36px;
		margin-right: 10px;
	}
	#sns a:hover img{																/*SNSｱｲｺﾝ*/
		opacity: .5;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	#sns .phone{																		/*電話ｱｲｺﾝ*/
		display: none;
	}
	a[href*="tel:"] {																/*電話ﾘﾝｸ無効*/
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
	#map iframe{																		/*google map*/
		height: 500px !important;
  }
  #footer{																				/*footer*/
		padding: 30px 10px 20px 0;
	}
	.reservation{																		/*予約ﾎﾞﾀﾝ*/
		display: none;
	}
}

@media only screen and (max-width: 1023px){				/*mobile(画面ｻｲｽﾞ1024px未満)*/
	#sidebar{																				/*ﾄｯﾌﾟﾊﾞｰ*/
		position: fixed;
		width: 100%;
		z-index:500;
	}
	#sidebarWrap{																		/*ﾄｯﾌﾟﾊﾞｰ*/
		position: relative;
		width: 100%;
		height: 60px;
		background: #ffffff;
		border-bottom: 2px solid #cccccc;
	}
	#sidebar .logo{
		display: block;
		margin: 0 auto;
		padding: 20px 0px;
		width: 160px;
	}
  a#menu{																					/*ﾒﾆｭｰﾎﾞﾀﾝ外枠*/
  	display: inline-block;
		position: relative;
  	width: 40px;
  	height: 40px;
  	margin: 10px;
	/*border: 2px solid #000000;*/
		border-radius: 3px;
		background: #eeeeee;
	}
	/* 以下ﾒﾆｭｰﾎﾞﾀﾝが押される前 */
	#menuBtn{																				/*ﾒﾆｭｰﾎﾞﾀﾝ*/
  	display: block;
  	position: absolute;
  	top: 50%;																			/*中央の線*/
  	left: 50%;
  	width: 18px;
  	height: 2px;
  	margin: -1px 0 0 -9px;
 	/*margin: -1px 0 0 -7px;*/
  	background: #000000;
  	transition: .2s;
	}
	#menuBtn:before, #menuBtn:after{								/*上下の線*/
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 18px;
  	height: 2px;
  	background: #000000;
  	transition: .3s;
	}
	#menuBtn:before{																/*上の線*/
  	margin-top: -7px;
	}
	#menuBtn:after{																	/*下の線*/
  	margin-top: 5px;
	}
	/* 以下ﾒﾆｭｰﾎﾞﾀﾝが押された後 */
	a#menu .close{																	/*中心の線*/
  	background: transparent;											/*非表示*/
	}
	a#menu .close:before, a#menu .close:after{			/*上下の線*/
  	margin-top: 0;
	}
	a#menu .close:before{														/*上の線*/
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}
	a#menu .close:after{														/*下の線*/
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}
	.panel{																					/*ﾌﾟﾙﾀﾞｳﾝﾊﾟﾈﾙ*/
		width: 100%;																	/*ﾊﾟﾈﾙの幅*/
	/*display: none;*/
		overflow: hidden;
		position: relative;
		left: 0;
		top: -10px;
		z-index: 100;
	}
	#mainnav{																				/*ﾌﾟﾙﾀﾞｳﾝﾊﾟﾈﾙ*/
		position: absolute;
		top: 0;
		width: 100%;
		text-align: right;
	}
	#mainnav ul{																		/*ﾒﾆｭｰ文字,SNSﾘｽﾄ*/
		border-bottom: 1px solid #cccccc;
		background: #ffffff;
		text-align: left;
	}
	#mainnav li a{																	/*ﾒﾆｭｰﾘｽﾄ*/
		position: relative;
		display: block;
		padding: 15px 25px;														/*ﾊﾟﾈﾙ高さ*/
		border-bottom: 1px solid #cccccc;
		color: #000000;
		font-weight: 400;
	}
	#mainnav li a:before{														/*">"表示*/
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #000000;
		border-right: solid 2px #000000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#mainnav li a:hover{
		opacity: 0.5;
	/*text-decoration: underline;*/
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	#mainnav #sns li{																/*SNSﾘｽﾄ*/
		display: inline-block;
		height:60px;
	}
	#mainnav #sns li a{
		position: relative;
		display: inline-block;
		padding: 14px 6px 14px 6px;
		border: 0;
		margin: 0px 6px;
	}
	#mainnav #sns li a:before{
		border: 0;																		/*">"非表示*/
	}
	#mainnav #sns img{
		height: 32px;
	/*margin-right: 15px;*/
	}
	#mainnav 	#sns a:hover img{											/*SNSｱｲｺﾝ*/
		opacity: .5;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	#pagetopBtn{																		/*page top*/
		right: 10px;
	}
	#slide img{
		top:60px;																			/*ｽﾗｲﾄﾞｲﾒｰｼﾞｵﾌｾｯﾄ*/
	}
	.still{
		margin-top: 60px;															/*静止ｲﾒｰｼﾞｵﾌｾｯﾄ*/
	}
	.breadcrumb_shift{
		padding-top: 80px;														/*ﾊﾟﾝ屑ﾘｽﾄｵﾌｾｯﾄ*/
	}
	.telephone{																			/*電話番号表示*/
		display: none;
	}
}

@media only screen and (max-width: 750px){				/*mobile(画面ｻｲｽﾞ750px以下)*/
	body{
		line-height: 1.5em;
	}
	#sidebar .logo{
		width: 160px;
	}
	#footer{
		padding: 0px 0px 20px 0px;
	}
	.inner{
		width: 95%;
	}
	h1{
		font-size: 18px;
	}
	h2{
		font-size: 18px;
	}
	h2 span{
		border-bottom: 2px solid #000000;
	}
/*
	.breadcrumb{
		width: 95%;
	}
*/
	.contents_layout{
		width: 100%;
	}
	.contents_frame{
		width: 99%;
	}
	.contents_rightside{
		float: left;
	}
	.concept_img{
		width: 100%;
	}
	.concept_frame h3{
		font-size: 17px;
	}
	.price_layout{
		width: 95%;
	}
	.bridalcourse_frame{
		width: 95%;
	}
	.bridal_link p{
		font-size: 17px;
	}
	.QA1{
		line-height: 1.3em;
	}
	.QA2{
		line-height: 1.3em;
	}
	.gu1{
		line-height: 1.3em;
	}
	.gu2{
		line-height: 1.3em;
	}
	.staff_layout{
		width: 95%;
	}
	.staff_left{
		width: 100%;
	}
	.staff_img{
		display: block;
		margin: 0 auto;
		width: 50%;
	}
	.staff_right{
		width: 100%;
	}
	.staff_name{
		text-align: center;
	}
	.staff_part{
		text-align: center;
	}
	.staff_profile{
		margin: 0 auto;
		width: 100%;
		padding-top: 10px 0px 10px 0px;
	}
	.calender{
		display: block;
		width: 50%;
		float: left;
	}
	.infomation p{
		margin: 20px 20px;
	}
	.footer_inner{
		width: 100%;
	}
	.footer_navi1{
		width: 100%;
	}
/*
	.footer_navi1 li:first-child{
		border-top: 1px solid #cccccc;
	}
*/
	.footer_navi1 li{
		border-top: 1px solid #cccccc;
	}
	.footer_navi1 li{
		display: block;
		line-height: 3em;
		border-bottom: 1px solid #ccccccc;
	}
	.footer_navi1 a{
		display: block;
		padding: 0px 25px;
	}
	.footer_navi2{
		width: 100%;
	}
	.footer_navi2 ul{
		border-bottom: 1px solid #cccccc;
	}
	.footer_navi2 li{
		border-top: 1px solid #cccccc;
	}
	.footer_navi2 li{
		display: block;
		line-height: 3em;
		border-bottom: 1px solid #ccccccc;
	}
	.footer_navi2 a{
		display: block;
		padding: 0px 25px;
	}
	.footer_navi3{
		width: 100%;
		border-bottom: 1px solid #ccccccc;
	}
	.footer_navi3 dl{
		width: 50%;
		margin-top: 5px;
		margin-bottom: 0px;
	}
	.footer_navi3 dd{
		margin-bottom: 5px;
	}
	.footer_sns{
		width: 70%;
		margin: 0 auto;
	}
	.footer_info1{
		width: 100%;
	}
	.footer_info2{
		width: 100%;
	}
	.footer_info2 li{
		text-align: center;
	}
	.footer_logo{
		width: 250px;
		margin-top: 40px;
		margin-bottom:20px;
	}
}

@media only screen and (max-width: 400px){				/*mobile(画面ｻｲｽﾞ400px以下)*/
	.calender{
		display: block;
		width: 100%;
		float: left;
	}
	.footer_sns{
		width: 80%;
	}
}