@charset "UTF-8";
/* CSS Document */
@media only screen and (min-width: 741px) {
	

.contInner {

	width: 1024px;

	margin: 0 auto;

}


.sp_cont {

	display: none!important;

}


.btnMore,.btnMore2 {
	width: 300px;

}





/*__ ヘッダー 
__*/


header {

	position: fixed;

	top: 0;
	left: 0;

	z-index: 2;

	width: 100%;

	height: 80px;

	background-color: #FFF;

	transition: .3s;

	background: url(../img/bg_footer.jpg) center top repeat-x;

}


header::after {

	content: '';

	clear: both;

	display: block;

}


header h1 {

	 position: absolute;

	 top: -3px;

	 left: 16px;

	 width: 138px;

	transition: .3s;

}





/* スクロール後headerが小さくなった時
 */

header.is-animation {

	background-color: rgba(255,255,255,.8);

}


header.is-animation,
header.is-animation nav,
header.is-animation nav a {

	height: 54px;

}

header.is-animation h1 {

	width: 72px;

}


header.is-animation nav a {

	padding: 10px 24px 0 24px;

	font-size: 95%;

}






/* グローバルナビゲーション */

nav {

	margin-right: 32px;

	float: right;

}


nav li {

	position: relative;

	display: inline-block;

}


nav a {

	display: block;

	padding: 18px 24px 18px 24px;

	color: #005475;

	font-size: 120%;

	text-align: center;

	text-decoration: none;

	transition: .3s;

}


nav a span {

	font-size: 65%;

	color: #838383;

}





/*__

 メインビジュアル
 __*/


.main-visual {

	height: 690px;

	margin-top: 80px;

	overflow: hidden;

}


.main-visual h2 {

	margin-top: 280px;

}




/*__

 ご挨拶 
__*/


.greeting {	padding: 100px 0 40px 0;

}

.greeting h2 {

	margin-bottom: 56px;

	font-size: 240%;

}


.greeting p {

	margin-bottom: 40px;

}


.greeting a {

	width: 320px;

	margin-bottom: 32px;

}





/*__ 25周年プラン __
*/

.plan {

	padding: 64px 0 16px 0;

}


.restaurant, .stay, .wedding, .spa {

	margin-bottom: 64px;

	padding-bottom: 56px;

}


.contInner h3 {

	margin-bottom: 24px;

	font-size: 200%;

}


.contInner p {

	margin-bottom: 32px;

}


h3.h3_plan {

	margin-top: 40px;

}


h3.h3_plan::before {

	display: inline-block;

	margin-right: 16px;
		content: url(../img/ttl_before.jpg);

	vertical-align: middle;

}


h3.h3_plan::after {

	display: inline-block;

	margin-left: 16px;

	content: url(../img/ttl_after.jpg);

	vertical-align: middle;

}


.planBox div {

	display: inline-block;

	width: 31%;

	margin: 0 4px;

	padding: 32px 16px;

	vertical-align: top;

}

.planBox h4 {

	font-size: 200%;

}

.planBox h4 p {

	font-size: 80%;
	margin: 0;

	line-height: 1.3;
}


.planBox2 div {

	display: inline-block;

	width: 47%;
	margin: 50px 4px 0;

	padding: 32px 16px;

	vertical-align: top;

}

.planBox2 h4 {

	font-size: 200%;

}

.planBox2 h4 p {

	font-size: 80%;
	margin: 0;

	line-height: 1.3;
}


a.btnMore.alongside {

	width: 31%;

	margin-bottom: 40px;

}

a.btnMore2.alongside2 {
	width: 100%;
	margin: 20px 0 0;

}





/* いちごビュッフェ */

.strawberry {	margin-bottom: 64px;

	padding: 96px 540px 64px 0;

	background-position: top right;

}


.strawberry.contInner p {

	margin-bottom: 16px;

}


.strawberry .btnMore {

	margin-bottom: 32px;

}



/* レストラン */

.restaurant .planBox, .stay .planBox, .spa .planBox {

	margin-top: 40px;

}







/* メッセージ 
*/

.message {

	padding: 72px 0;

	background: url(../img/logo_25_message.jpg) 98% 2% no-repeat;

}


.messageBox.wide {

	width: 100%;

	margin-bottom: 16px;

}


.messageBox.wide::after {

	content: '';

	clear: both;

	display: block;

}


.messageBox.wide img {

	display: inline-block;

	vertical-align: bottom;

	margin-right: 24px;

}


.messageBox.wide .messageTxt {

	width: 740px;
	display: inline-block;

	vertical-align: bottom;

}



.col {

	display: flex;

}


.messageBox {

	width: 32%;

}


.col .messageBox img {

	margin: 0 auto;

}


.col .messageBox {

	margin-right: 24px;

}


.col .messageBox:last-child {

	margin-right: 0;

}





/* footer
 */


footer {
		padding: 16px 0 24px 0;

}


.footerInner {

	width: 1024px;

	margin: 0 auto;

}


.footerInner::after {

	content: '';

	clear: both;

	display: block;

}


.footerInfo {

	padding-top: 24px;

	float: left;

}


.footerInfo p {

	font-size: 180%;

}


.footerInner a {

	display: block;

	width: 200px;
		padding: 8px;

	float: right;

}




}