/*************************
ALL
*************************/
body{ background: #F4F3EE;
background: -moz-linear-gradient(left, #FAFAF5 10%, #E8F0E8 50%, #F1F3EE 90%);
background: -webkit-linear-gradient(left, #FAFAF5 10%,#E8F0E8 50%,#F1F3EE 90%);
background: linear-gradient(to right, #FAFAF5 10%,#E8F0E8 50%,#F1F3EE 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#FAFAF5", endColorstr="#F1F3EE",GradientType=1 ); }
body, a, a:hover, .tx_a, .tx_a:hover{	color: #4D6054;}
.tx_link, .tx_link:hover{	color: rgba(124,158,132,1);}
body:before{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}
header{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	-webkit-background-size: auto 60px;
	background-size: auto 60px;
}
body#index:before,
body#toppage_body:before{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}

/*
body#toppage_body header{
		background: url(../images/header4.png) center center / cover no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		padding-top: calc((650px / 750) * 450);
		height: 60vh;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}
*/

body#toppage_body header {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
	height: 60vh;
}

body#toppage_body header .header-main-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}



@media screen and (max-width: 650px) {
	/*
	body#toppage_body header{
		padding-top: calc((100% / 750) * 450);
	}
	*/
}

.sat{	color: rgba(139,169,149,1);}
.sun{	color: rgba(124,158,132,1);}

#ad_div a{
	background-color: rgba(161,193,161,1);
	color: #ffffff;
	box-shadow: 0 0 0 2px rgba(161,193,161,1) inset , 0 0 0 4px rgba(255,255,255, 0.4) inset;
}


/*************************
NAVTOGGLE
*************************/
#navToggle button{
	background-color: rgba(161,193,161,0.95);
}
#navToggle button span,
#navToggle button span:before,
#navToggle button span:after{	border-color: rgba(255,255,255, 1);}

/*************************
NAV
*************************/
body:after{
	background-color: rgba(77,96,84,0.78);
}

nav #navshop{
	color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,0.9);
}

nav li{	border-color: rgba(161,193,161,0.28);}

nav li a,
nav li a:hover{
	color: rgba(96,117,104,1);
}
nav li a:before{
	border-color: rgba(96,117,104,1);
}
nav li a:after{
	border-style: solid;
	border-width: 2px 0 2px 3px;
	border-color: transparent transparent transparent rgba(96,117,104,1);
}

.navarea{
	color: rgba(96,117,104,1);
}
.nav_contact,
.nav_contact a,
.nav_contact a:hover{
	color: rgba(96,117,104,1);
}
.nav_contact span i{
	color: rgba(77,96,84,1);
	background-color: rgba(96,117,104,1);
}


/*************************
MAIN
*************************/

.page_title{
	background: #DCEADC;
    background: -moz-linear-gradient(50deg, #DCEADC 0%, #8BA995 100%);
    background: -webkit-linear-gradient(50deg, #DCEADC 0%,#8BA995 100%);
    background: linear-gradient(50deg, #DCEADC 0%,#8BA995 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCEADC', endColorstr='#8BA995',GradientType=1 );
}
.page_title em{	color: rgba(255,255,255, 1);}
.page_title em:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(139,169,149,0) 20%, rgba(139,169,149,1) 40%, rgba(139,169,149,0) 80%);
}
.page_title em:after{	border-color: rgba(255,255,255, 1);}
.page_title span{ color: rgba(77,96,84,1);}

.inbox > div:nth-of-type(odd),
#sche_a .schebox{
	color: rgba(77,96,84,1);
	background-color: rgba(255,255,255, 0.9);
}
.inbox > div:nth-of-type(odd) .s_title em{	color: #A1C1A1;}
.inbox > div:nth-of-type(odd) .s_title span{	color: rgba(139,169,149,1);}
.inbox > div:nth-of-type(odd) .s_title span:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(139,169,149,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(139,169,149,0) 20%, rgba(139,169,149,1) 40%, rgba(139,169,149,0) 80%);
}
.inbox > div:nth-of-type(odd) .tx,
#sche_a .schebox .s_top .tx,
#sche_a .schebox .s_sche .tx{	color: rgba(77,96,84,1);}
.inbox > div:nth-of-type(odd) .tx2{	color: rgba(122,145,127,0.55);}
.inbox > div:nth-of-type(odd) .bd{	border-color: rgba(161,193,161,0.18);}
.inbox > div:nth-of-type(odd) .bg{	background-color: rgba(161,193,161,0.18);}
#access .inbox > div:nth-of-type(odd) .add dt{ border-color: rgba(161,193,161,0.22);}
.inbox > div.info:nth-of-type(odd) .infobox span{ color: rgba(77,96,84,1);}

.inbox > div:nth-of-type(even){
	color: rgba(77,96,84,1);
	background-color: rgba(255,255,255, 0.6);
}
.inbox > div:nth-of-type(even) .s_title em{	    color: #A1C1A1;}
.inbox > div:nth-of-type(even) .s_title span{	color: rgba(139,169,149,1);}
.inbox > div:nth-of-type(even) .s_title span:before{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	content: attr(title);
	color: rgba(139,169,149,1);
	-webkit-mask-image: -webkit-linear-gradient(top, rgba(139,169,149,0) 20%, rgba(139,169,149,1) 40%, rgba(139,169,149,0) 80%);
}
.inbox > div:nth-of-type(even) .tx{	color: rgba(77,96,84,1);}
.inbox > div:nth-of-type(even) .tx2{	color: rgba(122,145,127,0.55);}
.inbox > div:nth-of-type(even) .bd{	border-color: rgba(161,193,161,0.18);}
.inbox > div:nth-of-type(even) .bg{	background-color: rgba(161,193,161,0.18);}
#access .inbox > div:nth-of-type(even) .add dt{ border-color: rgba(161,193,161,0.22);}
.inbox > div.info:nth-of-type(even) .infobox span{ color: rgba(77,96,84,1);}


/*************************
ASIDE
*************************/

.as_menu a{
	color: rgba(77,96,84,1);
	background-color: rgba(255,255,255, 0.9);
}
#sche_a .schebox .s_sche{
	color: rgba(77,96,84,1);
	background-color: rgba(161,193,161,0.12);
}

.as_tel, .as_tel:hover{
	color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,0.95);
}
.as_tel span i{
	color: rgba(161,193,161,1);
	background-color: rgba(255,255,255, 1);
}
.as_line, .as_line:hover{
	color: rgba(255,255,255, 1);
	background-color: rgba(139,169,149,0.92);
}
.as_line span i{
	color: rgba(139,169,149,0.92);
	background-color: rgba(255,255,255, 1);
}


/*************************
FOOTER
*************************/
footer , footer a, footer a:hover{	color: #4D6054;}
footer{	
	background: #DCEADC;
    background: -moz-linear-gradient(50deg, #DCEADC 0%, #8BA995 100%);
    background: -webkit-linear-gradient(50deg, #DCEADC 0%,#8BA995 100%);
    background: linear-gradient(50deg, #DCEADC 0%,#8BA995 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCEADC', endColorstr='#8BA995',GradientType=1 );

}
footer .foot_dis{	border-color: rgba(255,255,255, 0.1);}
footer #copyright , footer #copyright a , footer #copyright a:hover{	color: #7A917F;}


/*************************
PAGETOP
*************************/

#page-top a{	color: rgba(255,255,255, 1);}
#page-top:after{ background-color: rgba(96,117,104,0.42); }

.fbt_home,
.fbt_tel{	background-color: rgba(161,193,161,1);}
.fbt_top{	background-color: rgba(124,158,132,1);}

.fbt_tel span i{
	color: rgba(161,193,161,1);
	background-color: rgba(255,255,255, 1);
}


/*************************
SNS
*************************/

.sns_bt a{	background-color: rgba(161,193,161,1);}
.sns_bt span{	background-color: rgba(255,255,255, 0.1);}/**修正**/
.sns_bt img{	filter: invert();}


/*************************
INDEX
*************************/

body#index{
	background: #F4F3EE;
background: -moz-linear-gradient(left, #FAFAF5 10%, #E8F0E8 50%, #F1F3EE 90%);
background: -webkit-linear-gradient(left, #FAFAF5 10%,#E8F0E8 50%,#F1F3EE 90%);
background: linear-gradient(to right, #FAFAF5 10%,#E8F0E8 50%,#F1F3EE 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#FAFAF5", endColorstr="#F1F3EE",GradientType=1 );/***修正***/
}

body#index:before{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	-webkit-background-size: cover;
	background-size: cover;
}

body#index header{
	width: 100%;
    max-width: 650px;
	height: auto;
	position: relative;
	margin: 0 auto;
	padding-top: calc((650px / 750) * 450);
	padding-bottom: 0;
	background: url(../images/index.png) center center / cover no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

@media screen and (max-width: 650px) {
	body#index header{
		padding-top: calc((100% / 750) * 450);
	}
}

body#index .enter a{
	color: rgba(77,96,84,1);
	border-color: rgba(161,193,161,1);
	background: #F4F3EE;
	background: -moz-linear-gradient(left, #F4F3EE 0%, #DCEADC 48%, #8BA995 100%);
	background: -webkit-linear-gradient(left, #F4F3EE 0%,#DCEADC 48%,#8BA995 100%);
	background: linear-gradient(to right, #F4F3EE 0%,#DCEADC 48%,#8BA995 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F3EE', endColorstr='#8BA995',GradientType=1 );
}/***修正***//***修正***/

body#index .leave a{	color: rgba(124,158,132,1);}

body#index header h1{	color: rgba(139,169,149,1);}

body#index .inbox > div:nth-of-type(odd){
	color: rgba(77,96,84,1);
	background-color: rgba(255,255,255, 0.95);
}



/*************************
TOP
*************************/

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{	background: rgba(124,158,132,1);}
.bx-wrapper .bx-pager.bx-default-pager a{	background: rgba(96,117,104,0.28);}



/*************************
BUTTUN
*************************/

.bt{
	color: rgba(161,193,161,1);
	border-color: rgba(161,193,161,1);
	background-color: rgba(255,255,255, 0.95);
}
.bt:hover{
	color: rgba(255,255,255, 1);
	border-color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,0.95);
}
.maga a.linetm_bt .linetm_bt1 i{
    color: rgba(255,255,255, 1);
    background-color: rgba(161,193,161,0.95);
}
.maga a.linetm_bt:hover .linetm_bt1 i{
    color: rgba(161,193,161,1);
    background-color: rgba(255,255,255, 0.95);
}


/*************************
LIST
*************************/

.list .cbox .txt{
	color: #4D6054;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.9);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 100%);
}

.list .s_on{
	color: rgba(161,193,161,1);
	box-shadow: 0 0 0 1px rgba(161,193,161,1);
	background-color: rgba(161,193,161,0.0);
}
.list .s_on span{
	color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,1);
}

.list .cbox .rankno{
	color: rgba(139,169,149,1);
}

#day_select > a{
	color: rgba(77,96,84,1);
	background-color: rgba(255,255,255, 0.9);
}
#day_select > span{
	color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,0.95);
}
#day_select > span .sat , #day_select > span .sun{ color: rgba(255,255,255, 1);}

#sche_a .s_sche li{ border-color:rgba(255,255,255, 1);}




/*************************
PROF
*************************/

#prof #flame{
	border-color: rgba(255,255,255, 0.9);
}
#prof .bx-wrapper .bx-pager.bx-default-pager a{	background-color: rgba(96,117,104,0.28);}
#prof .bx-wrapper .bx-controls-direction a{
	color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,0.95);
}
#prof .bx-wrapper .bx-pager.bx-default-pager a.active{	background-color: rgba(124,158,132,1);}

#prof #name .outlink{
	color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,0.95);
}

.inbox > div.op:nth-of-type(odd) li.ok{
	color: rgba(139,169,149,1);
	border-color: rgba(139,169,149,1);
}/***修正***/
.inbox > div.op:nth-of-type(odd) li.ng{
	color: rgba(96,117,104,0.20);
	background-color: rgba(96,117,104,0.20);
}/***修正***/
.inbox > div.op:nth-of-type(even) li.ok{
	color: rgba(139,169,149,1);
	border-color: rgba(139,169,149,1);
}/***修正***/
.inbox > div.op:nth-of-type(even) li.ng{
	color: rgba(96,117,104,0.20);
	background-color: rgba(96,117,104,0.20);
}/***修正***/





/*************************
SYSTEM
*************************/

.cre_tel,
.cre_link{
	color: rgba(161,193,161,1);
	background-color: rgba(255, 255, 255, 0.95);
	border-color: rgba(161,193,161,1);
}

.cre_tel:hover,
.cre_link:hover{
	color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,0.95);
	border-color: rgba(255,255,255, 1);
}

.cre_tel span i,
.cre_link span i{
	color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,1);
}

.cre_tel:hover span i,
.cre_link:hover span i{
	color: rgba(161,193,161,1);
	background-color: rgba(255,255,255, 1);
}


/*************************
HOTEL
*************************/
#hotel .hbox .hname span{
	color: rgba(255,255,255, 1);
	background-color: rgba(161,193,161,1);
}


/*************************
MAGA
*************************/
.regbox{	background-color: rgba(255,255,255, 0.9);}


/*************************
ICON
*************************/
.icon{	color: rgba(255, 255, 255, 1);}
.icon1{	background-color: rgba(161,193,161,0.92);}
.icon2{	background-color: rgba(139,169,149,0.92);}
.icon3{	background-color: rgba(139,169,149,0.92);}
.icon4{	background-color: rgba(220,234,220,0.92);}

/***** for SP *****/
@media screen and (max-width: 650px) {

}
/* 写真スライダー：写真を中央に50%サイズで表示 */
.photo-slider-container,
.photo-slider-frame {
	width: 100%;
	position: relative;
}

.photo-slider-frame {
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.photo-slider {
	display: flex;
	width: 50%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	transition: transform 0.8s ease;
	will-change: transform;
}

.photo-slider .slide {
	flex: 0 0 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.photo-slider .slide img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	object-fit: cover;
}
@media screen and (max-width: 768px) {
	.photo-slider {
		width: 70%;
	}
}

/* ニュース写真：1行最大3枚 */
.news_photo_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 10px 0 15px;
}

.news_photo_list .news_photo {
	width: 150px;
	margin: 0;
	padding: 0;
	text-align: center;
}

.news_photo_list .news_photo img {
	display: block;
	width: 150px;
	height: auto;
	margin: 0 auto;
}

.news_photo_list p{
	clear:both;
}