@charset "UTF-8";

.forpc { display: block; }
.forsp { display: none; }
.forpcinline { display: inline; }
.forspinline { display: none; }

#wrapper .headline {
	color: #958d80;
	font-size: 12px;
	text-align: left;
	background: #513e1c;
	padding: 2px 1em;
	position: relative;
	z-index: 2;
}

#headersp {
	display: none;
}

header {
	width: 100%;
	background: rgba(255,255,255,.8);
	border-bottom: solid 1px #c8c8c8;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	transition: all .5s;
}
header ul {
	width: 1080px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
}
header ul li {
	font-size: .9286rem;
}
header ul li a {
	text-decoration: none;
	border-bottom: solid 5px transparent;
	padding: 13px 3px 8px;
	display: block;
}
header ul li a:link, header ul li a:visited { color: #333; text-decoration: none; }
header ul li a:hover, header ul li a:active { color: #333; text-decoration: none; }


body.toppage header ul li.toppage a,
body.ceremony header ul li.ceremony a,
body.banquet header ul li.banquet a,
body.cuisine header ul li.cuisine a,
body.item header ul li.item a,
body.fair header ul li.fair a,
body.plan header ul li.plan a,
body.gallery header ul li.gallery a,
body.blog header ul li.blog a,
body.guest header ul li.guest a,
header ul li a:hover {
	border-bottom: solid 5px #d69894;
	opacity: 1;
}

#headerMenu {
	display: none;
}


/* --------------------------- bottom ---------- */

#wrapper #sdgsban {
	background: #FFF;
	border-bottom: none;
	padding-top: 60px;
}
#wrapper #sdgsban ul {
	width: 1330px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#wrapper #sdgsban ul li {
}

/* --------------------------- フッター ---------- */
footer {
	min-width: 1080px;
	position: relative;
	z-index: 2;
}
footer #footer1 {
	color: #FFF;
	background: #513e1c;
	padding: 60px 0 40px;
}
footer #footer1 a {
	color: #FFF;
	text-decoration: none;
}
footer #footer1 a:hover {
	text-decoration: underline;
}
footer #footer2 {
	background: #FFF;
	padding: 30px 0 140px;
}
footer #footer1 .logo {
	margin: 0 0 30px;
}
footer #footer1 .contactBtn {
	margin: 0 0 35px;
}
footer #footer1 .address {
	margin: 0 0 50px;
}
footer #footer1 .address .tel {
	font-size: 2.14rem;
	font-weight: bold;
}
footer #footer1 .address .tel a {
	background: url(../../images/common/footer_s_tel.png) no-repeat left 7px;
	background-size: 18px auto;
	padding: 0 0 0 30px;
}
footer #footer1 .snss {
	margin: 0 0 40px;
	display: flex;
	justify-content: center;
}
footer #footer1 .snss li {
	margin: 0 30px;
}
footer #footer1 .oh {
	font-size: 1.286rem;
	font-weight: bold;
	background: #aeadad;
	padding: 15px 0;
}
footer #footer1 .oh a {
	background: url(../../images/common/s_arrow_w_30.png) no-repeat right 5px;
	padding-right: 75px;
}
footer #footer1 .oh span {
	font-size: 66.7%;
	font-style: normal;
	font-weight: normal;
	margin-left: 2em;
}
footer #footer1 .flink1 {
	margin: 30px 0 0;
	display: flex;
	justify-content: center;
}
footer #footer1 .flink1 li {
	margin: 0 1em;
}
footer #footer2 {
	color: #513e1c;
}
footer #footer2 ul {
	display: flex;
	justify-content: center;
}
footer #footer2 ul li {
	width: 112px;
	border-right: solid 1px #DDD;
	padding: 0 10px;
}
footer #footer2 ul li:last-child {
	border-right: none;
}
footer #footer2 ul li img {
	width: 100%;
}
footer #footer2 small {
	font-size: .857rem;
	margin: 50px 0 0 0;
	display: inline-block;
}

.sec {
	min-width: 1080px;
	border-bottom: solid 1px #c8c8c8;
	padding: 60px 0;
}
.h-type2 {
	font-size: 1.714rem;
	font-weight: bold;
}

#footerfixed {
	width: 100%;
	min-width: 1080px;
	height: 70px;
	background: #FFF;
	border-top: solid 1px #513e1c;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
}
#footerfixed .sc {
	border-left: solid 1px #513e1c;
	position: absolute;
	top: 0;
	right: 0;
}
#footerfixed .logo {
	margin-left: 3%;
	margin-right: auto;
}
#footerfixed .menus {
	margin-right: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#footerfixed .menus > * {
	font-size: .857rem;
	margin-left: 25px;
}
#footerfixed .menus ul {
	display: flex;
}
#footerfixed .menus li {
	margin-left: 20px;
}
#footerfixed .menus .lang {
	position: relative;
}
#footerfixed .menus .lang p {
	color: #a2864a;
	text-decoration: none;
	cursor: pointer;
}
#footerfixed .menus .lang p::after {
	content: " ";
	width: 6px;
	height: 6px;
	border-left: solid 1px #a2864a;
	border-top: solid 1px #a2864a;
	position: absolute;
	top: 50%;
	right: -2em;
	transform: rotate(45deg) translateY(-40%);
}
#footerfixed .menus .lang p.cr::after {
	top: .4em;
	transform: rotate(-135deg) translateY(0);
}
#footerfixed .menus .lang ul {
	width: 10em;
	text-align: left;
	background: rgba(0,0,0,.6);
	padding: 10px;
	position: absolute;
	bottom: 30px;
	left: 0;
	display: none;
}
#footerfixed .menus .lang ul li a {
	color: #FFF;
	padding-left: 1.5em;
	position: relative;
}
#footerfixed .menus .lang ul li a::after {
	content: " ";
	width: 5px;
	height: 5px;
	border-right: solid 1px #fff;
	border-top: solid 1px #fff;
	position: absolute;
	top: 50%;
	left: 0;
	transform: rotate(45deg) translateY(-40%);
}
#footerfixed .scrl {
	width: 70px;
	height: 69px;
	background: url(../../images/wedding/common/ff_b_scroll.gif) no-repeat;
	border-left: solid 1px #c8c8c8;
	cursor: pointer;
}
#footerfixed .scrl.totop {
	background-image: url(../../images/wedding/common/ff_b_scroll_top.gif);
}
#spfooterfixed {
	display: none;
}


/* ----------- パーツ --------- */
#wrapper {
	padding-top: 50px;
}
#wrapper .contents .moreBtn {
	text-align: center;
	margin: 50px auto 0;
}
#wrapper .contents .moreBtn a,
#wrapper .contents .moreBtn em {
	color: #513e1c;
	font-style: normal;
	text-decoration: none;
	border: solid 1px #513e1c;
	padding: 10px 150px;
	display: inline-block;
	cursor: pointer;
}
#wrapper .contents .moreBtn.moreUnder em span {
	background: url(../images/common/s_arrow_under.png) no-repeat right 5px;
	background-size: 11px auto;
	padding-right: 40px;
}
#wrapper .contents .moreBtn.moreUp em span {
	background: url(../images/common/s_arrow_up.png) no-repeat right 5px;
	background-size: 11px auto;
	padding-right: 40px;
}


ul.disclist li {
	list-style: disc;
	margin-left: 20px;
}
ul.indent-1 li,
p.indent-1 {
	text-indent: -1em;
	padding-left: 1em;
}

.note {
	font-size: .857rem;
}

img.arrowLinkBtn {
	width: 50px;
}
.bgarrowLinkBtn {
	background: url(../../images/wedding/common/s_arrow_common.png) no-repeat right 5px;
	background-size: 50px auto;
	padding-right: 75px;
}
.bgarrowLinkBtn.white {
	background-image: url(../../images/common/s_arrow_common_w.png);
}

@media screen and (max-width:899px) {
	.bgarrowLinkBtn {
		padding-right: 65px;
	}
}

.linkarea,
.linkarea a{
	transition: opacity .3s ease-out;
	position: relative;
}
.linkarea a:hover,
.linkarea:hover{
	opacity: .7;
}
.linkarea a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	font-size: 0;
	text-indent: -9999px;
	overflow: visible;
	z-index: 999;
}


/* Wordpressで画像中央揃えを効かせる */
img.alignright{
	display: block;
	margin: 0 0 0 auto;
}
 
img.alignleft{
	display: block;
	margin: 0 auto 0 0;
}
 
img.aligncenter{
	display: block;
	margin: 0 auto;
}
/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {

	.forpc { display: none; }
	.forsp { display: block; }
	.forpcinline { display: none; }
	.forspinline { display: inline; }
	img { width: 100%; }


	#wrapper .headline {
		font-size: .8rem;
		line-height: 1.4;
		text-align: center;
		padding: 2px 2em;
	}


	#headersp {
		background: #FFF;
		align-items: center;
		display: flex;
		position: relative;
		z-index: 2
		;
	}
	#headersp .logo {
		width: 50%;
		margin-right: auto;
		margin-left: 5vw;
	}
	#headersp #menuBtn {
		width: 50px;
	}

	header {
		display: none;
	}
	#headerMenu {
		min-height: 100vh;
		text-align: left;
		background: #513e1c;
		padding: 80px 0 30px;
		position: relative;
	}
	#headerMenu .symbolmark {
		width: 30px;
		position: absolute;
		top: 20px;
		left: 20px;
	}
	#headerMenu #menuBtnClose {
		width: 50px;
		position: absolute;
		top: 0;
		right: 0;
	}
	#headerMenu ul.navi {
		border-top: solid 1px #d1c3a5;
		margin: 0 0 10vw;
		display: flex;
		flex-wrap: wrap;
	}
	#headerMenu ul.navi li {
		width: 50%;
		border-bottom: solid 1px #d1c3a5;
	}
	#headerMenu ul.navi li:nth-child(even) {
		border-left: solid 1px #d1c3a5;
	}
	#headerMenu ul.navi li:last-child {
		width: 100%;
	}
	#headerMenu ul.navi li a {
		color: #FFF;
		text-decoration: none;
		padding: 10px;
		display: block;
	}
	#headerMenu ul.navi li a {
		color: #FFF;
		text-decoration: none;
		padding: 10px 6vw;
		position: relative;
		display: block;
	}
	#headerMenu ul.navi li a::after {
		content: " ";
		width: 5px;
		height: 5px;
		border-top: solid 1px #FFF;
		border-right: solid 1px #FFF;
		position: absolute;
		top: 20px;
		right: 2vw;
		transform: rotate(45deg);
	}
	#headerMenu ul.navi li a.extwin {
		position: relative;
	}
	#headerMenu ul.navi li a.extwin::after {
		content: " ";
		width: 16px;
		height: 16px;
		background: url(../../images/common/s_extwin_w.png) no-repeat;
		background-size: 100% auto;
		border: none;
		position: absolute;
		top: 13px;
		right: 15px;
		transform: rotate(0deg);
	}
	#headerMenu ul.btns {
		margin: 0 10vw 10vw;
	}
	#headerMenu ul.btns li {
		width: 53vw;
		margin: 0 0 10px;
	}
	#headerMenu .lang {
		margin: 0 10vw 10vw;
	}
	#headerMenu .lang dt {
		color: #FFF;
		position: relative;
	}
	#headerMenu .lang dt::after {
		content: " ";
		width: 5px;
		height: 5px;
		border-right: solid 1px #FFF;
		border-bottom: solid 1px #FFF;
		margin-left: 1em;
		display: block;
		position: absolute;
		top: 10px;
		left: 4.5em;
		transform: rotate(45deg);
	}

	#headerMenu .lang dd {
		margin-left: 1em;
		display: none;
	}
	#headerMenu .lang dd a {
		color: #FFF;
		text-decoration: none;
	}

	/* --------------------------- bottom ---------- */
	#wrapper #sdgsban {
		padding: 5vw;
	}
	#wrapper #sdgsban ul {
		width: 90vw;
		margin: 0 auto;
		display: block;
	}
	#wrapper #sdgsban ul li {
		margin: 0 0 4vw;
	}


	/* --------------------------- フッター ---------- */
	footer {
		min-width: 100%;
	}
	footer #footer1 {
		padding: 40px 0 40px;
	}
	footer #footer1 a {
	}
	footer #footer1 a:hover {
		text-decoration: none;
	}
	footer #footer2 {
		padding: 20px 0 70px;
	}
	footer #footer1 .logo {
		width: 60vw;
		margin: 0 auto 20px;
	}
	footer #footer1 .contactBtn {
		width: 28.5vw;
		margin: 0 auto 25px;
	}
	footer #footer1 .address {
		margin: 0 0 30px;
	}
	footer #footer1 .address .tel {
	}
	footer #footer1 .address .tel a {
		background-size: 18px auto;
		padding: 0 0 0 30px;
	}
	footer #footer1 .snss {
		margin: 0 0 15px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	footer #footer1 .snss li {
		margin: 0 30px 15px;
	}

	footer #footer1 .oh {
		font-size: 1.286rem;
		font-weight: bold;
		text-align: left;
		line-height: 1.4;
		padding: 15px 5vw;
	}
	footer #footer1 .oh a {
		background: url(../../images/common/s_arrow_w_30.png) no-repeat right center;
		background-size: 50px auto;
		padding-right: 120px;
		display: inline-block;
	}
	footer #footer1 .oh span {
		margin-left: 0;
		display: block;
	}
	footer #footer1 .flink1 {
		text-align: left;
		margin: 30px 6.7vw 0;
		display: block;
	}
	footer #footer1 .flink1 li {
		border-bottom: solid 1px #d1c3a5;
		margin: 0;
	}
	footer #footer1 .flink1 li a {
		padding: 10px;
		display: block;
	}

	footer #footer2 {
		color: #a2864a;
	}
	footer #footer2 ul {
		margin: 0 15vw;
	}
	footer #footer2 ul li {
		width: 30%;
	}
	footer #footer2 ul li:last-child {
	}
	footer #footer2 small {
		margin: 30px 0 0 0;
	}

	#totop {
		width: 50px;
		position: fixed;
		bottom: 110px;
		right: 3vw;
		transition: all .3s;
		opacity: 0;
		z-index: 9998;
	}
	#totop.cr {
		opacity: 1;
	}

	.sec {
		min-width: 100vw;
		border-bottom: solid 1px #c8c8c8;
		padding: 30px 0;
	}
	.h-type2 {
		font-size: 16px;
	}

	
	#footerfixed {
		display: none;
	}
	#spfooterfixed {
		width: 100vw;
		background: #000;
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100000;
		transition: all .5s;
	}
	#spfooterfixed ul {
		width: calc(100% - 50px);
		background: #FFF;
		display: flex;
		justify-content: space-between;
	}
	#spfooterfixed ul li {
		width: 33%;
	}
	#spfooterfixed > div {
		width: 50px;
	}



	/* ----------- パーツ --------- */
	#wrapper {
		padding-top: 0;
	}
	#wrapper .contents .moreBtn {
		margin: 30px auto 0;
	}
	#wrapper .contents .moreBtn a,
	#wrapper .contents .moreBtn em {
		padding: 10px 0;
		display: block;
	}
	#wrapper .contents .moreBtn.moreUnder em span {
		background: url(../images/common/s_arrow_under.png) no-repeat right 5px;
		background-size: 11px auto;
		padding-right: 40px;
	}
	#wrapper .contents .moreBtn.moreUp em span {
		background: url(../images/common/s_arrow_up.png) no-repeat right 5px;
		background-size: 11px auto;
		padding-right: 40px;
	}



	/* ----------- jq効果 --------- */
	.fadeIn {
		transition: .8s;
		opacity: 0;
		transform: translate(0, 30px); 
		-webkit-transform: translate(0, 30px); 
	}
	.fadeIn.active {
		opacity: 1.0;
		transform: translate(0, 0); 
		-webkit-transform: translate(0, 0);
	}

	/* ----------- jq効果 --------- */
	.fadeIn.spnoeffect {
		transition: none;
		opacity: 1;
		transform: translate(0, 0); 
		-webkit-transform: translate(0, 0); 
	}
	.fadeIn.spnoeffect.active {
		opacity: 1.0;
		transform: translate(0, 0); 
		-webkit-transform: translate(0, 0);
	}
	.enlarge.spnoeffect {
		transition: none;
		opacity: 1;
		transform: scale(1); 
		-webkit-transform:  scale(1); 
	}
	.enlarge.spnoeffect.active {
		opacity: 1;
		transform: scale(1); 
		-webkit-transform:  scale(1); 
	}
	.delay1 { transition-delay: 0; }
	.delay2 { transition-delay: 0; }
	.delay3 { transition-delay: 0; }





}



/* -------------------------- フォーム ------------ */
/* iOSでのデフォルトスタイルをリセット */
.form input[type="submit"],
.form input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
.form input[type="submit"]::-webkit-search-decoration,
.form input[type="button"]::-webkit-search-decoration {
	display: none;
}
.form input[type="submit"]::focus,
.form input[type="button"]::focus {
	outline-offset: -2px;
}

.form input[type="text"],
.form input[type="number"],
.form input[type="tel"],
.form input[type="email"],
.form input[type="password"],
textarea {
	width: 100%;
	background: #f5f5f5;
	border: solid 1px #c8c8c8;
	padding: 10px;
}
textarea {
	height: 130px;
}
.form .sizeS { width: 20%; }
.form .sizeM { width: 50%; }
.form .sizeL { width: 70%; }

input[type="submit"],
input[type="button"] {
	width: 100%;
	color: #FFF;
	background: #a2864a;
	padding: 10px 0;
}


input[type="radio"] {
	display: none;
}
input[type="radio"] + span {
	padding-left: 25px;
	position: relative;
}
input[type="radio"] + span::after {
	content: " ";
	width: 20px;
	height: 20px;
	background: url(../images/common/bg_radio.png) no-repeat left top;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	left: 0;
}
input[type="radio"]:checked + span::after {
	background-image: url(../images/common/bg_radio_checked.png);
}




/* ---------------------------- footer共通 ------------*/

/*----- 個別設定 -----*/

#footer_group_link {position:relative; width:100%; background-color:#f3f3f3; text-align:center; padding-top:10px;}
#footer_group_link h2 {font-size:120%; border-bottom:1px solid #ffffff; padding:10px;}
#footer_group_link img:hover {opacity: 0.7;}

#footer_common_link {position:relative; width:100%; background-color:#d6d6d6; border-top:1px solid #ffffff; text-align:center;}
#footer_common_link_inner {position:relative; max-width:1280px; margin:0 auto; padding:5px 0; text-align:left;}
#footer_common_link_inner ul {display:inline; display:flex; text-align:center; justify-content:center;}
#footer_common_link_inner ul li {float:left; font-size:85%;}
#footer_common_link_inner ul li::after {content:'│'; margin:0 0.5em; color:#080808;}
#footer_common_link_inner ul li:last-child:after {content:'';}
#footer_common_link_inner ul li a {display:inline-block; padding:6px 0; color:#080808;}
#footer_common_link_inner ul li a:hover {color:#CC3434; text-decoration: none;}

#footer_brand_link {background: #fff; position:relative; width:100%; text-align:center;}
#footer_brand_link_inner {position:relative; max-width:1280px; margin:0 auto; padding:30px 0 10px 0; text-align:left;}
#footer_brand_link_inner ul {display:inline; display:flex; text-align:center; justify-content:center;}
#footer_brand_link_inner ul li {float:left;}
#footer_brand_link_inner ul li a {display:block;}
#footer_brand_link_inner ul li:nth-child(1) {width:100px;}
#footer_brand_link_inner ul li:nth-child(2) {width:100px;}
#footer_brand_link_inner ul li:nth-child(3) {width:160px;}
#footer_brand_link_inner ul li:nth-child(1) a {padding:10px 20px;}
#footer_brand_link_inner ul li:nth-child(2) a {padding:10px 20px;}
#footer_brand_link_inner ul li:nth-child(3) a {padding:22px 20px;}
#footer_brand_link_inner ul li img:hover {opacity: 0.7;}

#copyright {background: #fff; color:#513e1c; text-align:center; font-size:90%; padding:20px 20px 140px;}

/*------------------*/
@media screen and (max-width:1280px) {
#footer_group_link_inner {width:98%;}
#footer_common_link_inner {width:98%;}
#footer_brand_link_inner {width:98%;}
} 
/*------------------*/
@media screen and (max-width:1024px) {
#footer_common_link_inner ul {display:inline;}
}
/*------------------*/
@media screen and (max-width:600px) {
#footer_common_link_inner ul li {float:none;}
#footer_common_link_inner ul li::after {content:''; margin:0;}
#footer_group_link_inner {padding:5px;}
#footer_brand_link_inner {padding:10px 0;}
#footer_brand_link_inner ul li:nth-child(1) {width:20%;}
#footer_brand_link_inner ul li:nth-child(2) {width:20%;}
#footer_brand_link_inner ul li:nth-child(3) {width:30%;}
#footer_brand_link_inner ul li:nth-child(4) {width:30%;}
#footer_brand_link_inner ul li:nth-child(1) a {padding:10px 10px;}
#footer_brand_link_inner ul li:nth-child(2) a {padding:10px 10px;}
#footer_brand_link_inner ul li:nth-child(3) a {padding:19px 10px;}
#footer_brand_link_inner ul li:nth-child(4) a {padding:19px 10px;}
#copyright {padding:0 5px 100px 5px;}

}