@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/
body {
	padding:0;
	margin:0;
	font: 14px/2 "Sawarabi Mincho","Sorts Mill Goudy"; 	
	color: #3f3f3f;
}
#header {
	position: relative;
	background: #fff;
	z-index: 200;
}
#header ul.menu {
	font-size: 0;
	position: absolute;
	top: 15.5%;
	right: 10%;
	width: 38.4375%;
	max-width: 65px;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#header ul.menu li img {
	width: 250%;
}
#header ul.menu li.btn_fair {
	width: 23.170731%;
}
#header ul.menu li.btn_menu {
	width: 23.170731%;
}
#header ul.menu li.btn_fair img {
	max-width: 57px;
}
#header ul.menu li.btn_menu img {
	max-width: 57px;
}
.nav {
	display: none;
}
.nav.openNav {
	display: block;
}
.nav ul {
	background: #fff;
	position: absolute;
	top: 0;
	left :0;
	font-size: 100%;
	width: 100%;
	z-index: 100;
	padding-top: 14.84375%;
}
.nav ul li:first-of-type {
	border-top: solid 2px #baeadf;
}
.nav ul li {
	border-bottom: solid 1px #baeadf;
}
.nav ul li a {
	display: block;
	line-height: 3em;
	padding: 0 5%;
	position: relative;
}
.nav ul li a:after{
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #8ccdbe;
	border-right: solid 2px #8ccdbe;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 65%;
	right: 8%;
	margin-top: -12px;
}

#contents{
	background: #fff;
	/*padding:20px 0;*/
}
section {
	padding-bottom: 1%;
}
h1 {
	font-size: 0;
	padding: 2% 0 2% 4.21875%;
}

h1 img {
	width: 90%;
	max-width: 200px;
}
h2 {
	text-align: center;
}
h3 {
	font-size: 0;
	line-height: 1;
	text-align: center;
}


.container {
	width: auto;
}

/* 共通メニュー */
.weddingMenu h3 {
	margin-bottom: 5.46875%;
}
.weddingMenu ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 88.75%; /* 88.75% */
	max-width: 568px;
	margin: 0 auto;
	padding-bottom: 15px;


}
.weddingMenu.dress {
	margin-bottom: 9.875%;
}
.weddingMenu.dress ul {
	margin-bottom: 4.5%;
}

.weddingMenu li {
	width: 46.12676%;
	max-width: 262px;
	text-align: center;
	margin-bottom: 5.5%;
}
.weddingMenu li a {
	font-size: 0;
	display: block;
	margin-bottom: 5%;
}
.weddingMenu li p {
	font-weight: bold;
	font-size: 100%;
}
/*.weddingMenu .list a {*/
p.list a {
	color: #fff;
	display: block;
	background: #99c9bd;
	width: 88.75%;
	max-width: 568px;
	margin: 0 auto;
	text-align: center;
	line-height: 3.3em;
	font-weight: bold;
}

/* 共通サブメニュー */
.subMenu {
	margin-bottom: 7.65625%;
}
.subMenu ul {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	border-top: solid 2px #8bcdbf;
}
.subMenu li {
	width: 50%;
	text-align: center;
	border-bottom: solid 2px #8bcdbf;
}
.subMenu li:nth-child(odd) {
	border-right: solid 2px #8bcdbf;
}
.subMenu li a {
	color: #8bcdbf;
	display: block;
	line-height: 3em;
	font-weight: bold;
	font-family: 'Sorts Mill Goudy', serif;
}

#footer {
	text-align:center;
}
#footer .yotaku {
	width: 88.75%;
	max-width: 568px;
	margin: 0 auto;
	margin-bottom: 15.605633%;
}
#footer .yotaku .yoyaku {
	color: #fff;
	display: block;
	font-size: 123.1%;
	width: 100%;
	background: #8ccdbe;
	line-height: 3.5em;
	margin-bottom: 2%;
}

#footer .yotaku .tel {
	color: #fff;
	display: block;
	font-size: 116%;
	width: 100%;
	background: #8ccdbe;
	line-height: 3em;
	margin-bottom: 2%;
}

#footer .yotaku .plan {
	color: #fff;
	display: block;
	font-size: 116%;
	width: 100%;
	background: #b19656;
	line-height: 3.5em;
	margin-bottom: 2%;
}
#footer .yotaku p {
	line-height: 1.5em;
	margin-bottom: 2%;
}
#footer .yotaku div {
	font-size: 0;
	margin-top: 5.809859%;
	margin-bottom: 7.042253%;
}
#footer .yotaku div img {
	width: 80.28169%;
	max-width: 456px;
}

#footer #fixLink {
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 300;
}
#footer #fixLink li {
	color: #fff;
	width: 50%;
	text-align: center;
}
#footer #fixLink li:nth-child(1) {
	background: #8ccdbe;
}
#footer #fixLink li:nth-child(2) {
	background: #3f3f3f;
}
#footer #fixLink a {
	display: block;
	line-height: 3em;
}



/* ----------------------------------------------------------------------------------------------------
*  form 
* --------------------------------------------------------------------------------------------------*/
form .ico_required {
	color: #9d466b;
}
form {
	color: #343434;
}
form .form {
	padding-bottom: 24px;
	border-bottom: solid 1px #bdc7cc;
	margin-bottom: 18px;
}

form .form dt {
	font-weight: bold;
}
form .form dd {
	margin-bottom: 3%;
}

form .form dt:before {
	content: "●";
}
form label {
	color: #313048;
}

form input[type="text"] {
	width: 100%;
	border: solid 2px #d3dcde;
	padding: 2%;
	-webkit-appearance:none;
}
form textarea {
	width: 96%;
	border: solid 2px #d3dcde;
	padding: 2%;
}
form input,
form select {
	vertical-align: middle;
}

form input[type="image"] {
	width: 100%;
}

/* ----------------------------------------------------------------------------------------------------
*  その他
* --------------------------------------------------------------------------------------------------*/
a {
	color: #8ccdbe;
	text-decoration: none;
	transition: 0.2s;
}
#footer a {
	color: #fff;
}
img {
	max-width: 100%;
	height: auto;
}

.fL, .fl {
	float: left;
}
.fR, .fr {
	float: right;
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}