@charset "UTF-8";


.fontShuMin {
	font-family: "dnp-shuei-mincho-pr6", sans-serif;
	font-weight: 400;
	font-style: normal;
}

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

#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;
}
header ul {
	width: 900px;
	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.stay header ul li.stay a,
body.restaurant header ul li.restaurant a,
body.wedding header ul li.wedding a,
body.hall header ul li.hall a,
body.sweets header ul li.sweets a,
body.fitness header ul li.fitness a,
body.oneharmony header ul li.oneharmony a,
body.access header ul li.access a,
header ul li a:hover {
	border-bottom: solid 5px #a2864a;
	opacity: 1;
}

#headerMenu {
	display: none;
}

footer {
	min-width: 1080px;
}
footer #footer1 {
	color: #FFF;
	background: #a2864a;
	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: #674615;
	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: #a2864a;
}
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 #c8c8c8;
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
}
#footerfixed .sc {
	border-left: solid 1px #C8C8C8;
	position: absolute;
	top: 0;
	right: 0;
}
#footerfixed .logo {
	width: 160px;
	margin-left: 3%;
	margin-right: auto;
}
#footerfixed .logo.en {
	width: 208px;
}
#footerfixed .logo img {
	width: 100%;
}
#footerfixed .menus {
	margin-right: 60px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#footerfixed .menus > * {
	font-size: .857rem;
	margin-left: 20px;
}
#footerfixed .menus dl {
	display: flex;
}
#footerfixed .menus dl dt {
	color: #fff;
	background: #9a3522;
	border: solid 1px #9a3522;
	border-right: none;
	padding: 1px .5em 1px 1em;
	position: relative;
}
#footerfixed .menus dl dt.ja::after {
	content: "";
	width: 0;
	height: 0;
	display: inline-block;
	border-style: solid;
	border-width: 7px 0px 7px 7px;
	border-color: transparent transparent transparent #9a3522;
	position: absolute;
	top: 50%;
	right: -7px;
	transform: translateY(-50%);
	z-index: 2;
}
#footerfixed .menus dl dt.en {
	padding-left: 1.5em;
	padding-right: 1.5em;
}
#footerfixed .menus dl dt span { font-size: 75%; }
#footerfixed .menus dl dt em { font-size: 135%; font-weight: bold; font-style: normal; }

#footerfixed .menus dl dd a {
	color: #FFF;
	width: 9.5em;
	text-decoration: none;
	text-align: center;
	background: #a2864a;
	border: solid 1px #a2864a;
	border-right-color: #FFF;
	padding: 5px 0;
	display: block;
}
#footerfixed .menus dl dd a:hover {
	color: #a2864a;
	background: #FFF;
	border-right-color: #a2864a;
}
#footerfixed .menus .contact a {
	color: #FFF;
	text-decoration: none;
	background: #a2864a;
	border: solid 1px #a2864a;
	border-radius: 2em;
	padding: 5px 3em;
	display: block;
	position: relative;
}
#footerfixed .menus .contact a:hover {
	color: #a2864a;
	background: #FFF;
	border: solid 1px #a2864a;
}

#footerfixed .menus .lang {
	position: relative;
}
#footerfixed .menus .lang p {
	color: #a2864a;
	text-decoration: none;
	cursor: pointer;
}
#footerfixed .menus .lang.en p {
	font-size: 1.286rem;
	font-weight: bold;
}

#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.en p::after {
	right: -1em;
}

#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/common/ff_b_scroll.gif) no-repeat;
	border-left: solid 1px #c8c8c8;
	cursor: pointer;
}
#footerfixed .scrl.totop {
	background-image: url(../images/common/ff_b_scroll_top.gif);
}


#spfooterfixed {
	display: none;
}

#tc-overlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
}
#tc-widget-wrapper {
	background: #FFF;
	padding: 20px 30px 10px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10001;
	display: none;
}
#tc-widget-wrapper #tc-close {
	font-size: 20px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}


/* ----------- パーツ --------- */

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

#sdgsban {
	margin: 50px 0;
}
#sdgsban ul {
	width: 1330px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#sdgsban.en ul {
	text-align: center;
	display: block;
}


.wp-pagenavi {
	margin: 50px auto 0;
}

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

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

img.arrowLinkBtn {
	width: 50px;
}
.bgarrowLinkBtn {
	background: url(../images/common/s_arrow_common.png) no-repeat right 2px;
	background-size: 50px auto;
	padding-right: 75px;
}
@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%; }



	#headersp {
		background: #FFF;
		align-items: center;
		display: flex;
	}
	#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: #a2864a;
		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(odd) {
		border-right: solid 1px #d1c3a5;
	}
	#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.btns {
		margin: 0 10vw 10vw;
	}
	#headerMenu ul.btns li {
		margin: 0 0 10px;
	}
	#headerMenu ul.btns li a {
		color: #FFF;
		text-align: center;
		text-decoration: none;
		background: #b59e6e;
		padding: 5px 0;
		display: block;
	}
	#headerMenu .contact {
		margin: 0 10vw 10vw;
	}
	#headerMenu .contact a {
		color: #a2864a;
		text-decoration: none;
		background: #FFF;
		border-radius: 2em;
		padding: 5px 3em;
		display: inline-block;
	}
	#headerMenu .contact a span {
		background: url(../images/common/ff_s_02.gif) no-repeat left 3px;
		background-size: 17px 13px;
		padding: 0 0 0 25px;
	}
	#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;
	}

	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: url(../images/common/footer_s_tel.png) no-repeat left 5px;
		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;
		background: #674615;
		padding: 15px 5vw;
	}
	footer #footer1 .oh a {
		background: url(../images/common/s_arrow_w_30.png) no-repeat right center;
		background-size: 25px 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;
	}
	.js-scrollable {
		padding: 0 0 10px;
	}
	.js-scrollable > table {
		width: auto!important;
	}
	.js-scrollable > table th, .js-scrollable > table td {
		white-space: nowrap;
	}
	
	#footerfixed {
		border-top: none;
		display: none;
	}
	#spfooterfixed {
		width: 100vw;
		background: #000;
		display: flex;
		flex-wrap: wrap;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 100000;
	}
	#spfooterfixed .tit {
		width: 100vw;
		color: #fff;
		font-size: 12px;
		text-align: center;
		background: #9a3522;
		padding: .5vw 0 0;
		position: relative;
	}
	#spfooterfixed .tit span { font-size: .75em; margin: 0 .2em; }
	#spfooterfixed .tit em { font-size: 1.5em; font-weight: bold; font-style: normal; }

	#spfooterfixed .tit::after {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 8px 0px 8px;
		border-color: #9a3522 transparent transparent transparent;
		position: absolute;
		bottom: -8px;
		left: calc(54vw - 8px);
	}
	#spfooterfixed ul {
		width: calc(100% - 50px);
		background: #FFF;
		display: flex;
		justify-content: space-between;
	}
	#spfooterfixed ul li {
		width: 24.5%;
	}
	#spfooterfixed #spFooterMenu {
		width: 50px;
	}



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

	#sdgsban {
		margin: 10vw 0;
	}
	#sdgsban ul {
		width: 90vw;
		margin: 0 auto;
		display: block;
	}
	#sdgsban ul li {
		margin: 0 0 4vw;
	}


	.wp-pagenavi {
		margin: 30px auto 0;
	}

	/* ------------ スマホ版のテーブルは無理やり改行可 ------ */
	th, td {
		word-break:break-all;
	}

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




/* ---------------------------- 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 {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 {color:#a2864a; 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;}

}