@charset "utf-8";

.coronanews a {
	padding: 10px;
	text-align: justify;
	font-size: 13px;
	text-align: center;
}

#spTopSlider {}

.sp_buissines {
	position: fixed;
	bottom: 50px;
	left: 0;
	right: 0;
	width: 90%;
	margin: 0 auto;
	z-index: 999;
	display: inherit;
}

.sp_buissines img {
	width: 100%;
}

.sp_buissines .close {
	position: absolute;
	right: -8px;
	top: -12px;
	width: 30px;
}

.sp_osechibanner,
.sp_xmasbanner {
	text-align: center;
}

.sp_osechibanner img,
.sp_xmasbanner img {
	width: 100%;
}

.sp_cake img {
	max-width: 50%;
}

#spTopSlider .flexslider {
	border: none;
	position: relative;
}


#spTopSlider .slides li {
	display: none;
	-webkit-backface-visibility: hidden;
	position: relative;
}

#spTopSlider .slides li img {
	width: 100%;
}


#spTopSlider .flex-prev {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 15px;
	background: rgba(33, 33, 33, 0.1) url(../img/common/btn_slide_prev.png) no-repeat 0 0;
	background-size: 40px auto;
	text-indent: -9999px;
	border-radius: 50%;
}

#spTopSlider .flex-next {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	right: 15px;
	background: rgba(33, 33, 33, 0.1) url(../img/common/btn_slide_next.png) no-repeat 0 0;
	background-size: 40px auto;
	text-indent: -9999px;
	border-radius: 50%;
}


#spTopSlider .slide1btn {
	position: absolute;
	width: 20%;
	top: 15px;
	right: 15px;
	margin: 0 auto;
	text-align: center;
	z-index: 1000;
}

#spTopSlider .slide2btn {
	right: 110px;
}

#spTopSlider .slide1btn img {
	width: 100%;
}

/* topResMod
------------------------------------------------------------------------ */

#spBtnTopResMod {
	width: 100%;
	padding-top: 20px;
	height: 43px;
	background-image: url(../img/top/sp_btn_arrow.png), url(../img/top/sp_bg_btn_resmod.jpg);
	background-position: 98% center, left top;
	background-repeat: no-repeat, repeat-x;
	background-size: 15px 14px, auto 63px;
	text-align: center;
}

#spTopResMod {
	background: #e6f7f9;
	padding: 9px;
	display: none;
}

#spTopResMod .inn {
	width: 302px;
	margin: 0 auto;
	/*background: #fff;*/
	padding: 20px 0;
}



/* feature
----------------------------------------------------------------------- */
#feature {
	position: relative;
	height: auto;
	/*
	background: url(../img/top/sp_bg_feature.gif) center top no-repeat #B3E6EC;
	background-size:auto 243px;
	*/
	background: #c0ebf0;
	padding-bottom: 20px;
}

#feature.test {
	background: #c0ebf0;
}

#feature .wrapper {
	position: relative;
}

#spFeaTtlWrap {
	background: #00abc0;
	margin-bottom: 18px;
}

#feature h2 {
	position: static;
	padding: 22px 0 130px;
	text-align: center;

}

#feature h3 {
	position: static;
	margin-bottom: 0;
}

#feature #feat03 h3 {
	margin-bottom: 10px;
}

#feature .desc,
#feature #feat01 .desc {
	position: static;
	width: 95%;
	margin: 0 auto;
}

#feature .sp_btn_to_detail,
#feature #feat01 .btn_to_detail {
	padding: 20px 0 30px;
}

#feature .btn,
#feature #feat01 .btn {
	position: static;
	margin: 20px auto 0;
	width: 300px;
}


#spThumWrap {
	width: 304px;
	height: 117px;
	background: url(../img/top/sp_bg_thumb_feature.png) no-repeat 50% 0;
	background-size: 298px auto;
	position: absolute;
	top: 84px;
	left: 50%;
	margin-left: -152px;
}

.thum01,
.thum02,
.thum03 {
	position: absolute;
	float: left;
	background: none;
	width: 86px;
	height: 86px;
}

.thum01 {
	top: 2px;
	left: 22px;
}

.thum02 {
	top: 2px;
	left: 118px;
}

.thum03 {
	top: 2px;
	left: 212px;
}


.thum01 a,
.thum02 a,
.thum03 a {
	display: block;
	width: 86px;
	height: 86px;
	position: relative;
}

.thum01 img,
.thum02 img,
.thum03 img {
	display: block;
	position: absolute;
	/*
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
*/

	width: 60px;
	height: 60px;
	top: 13px;
	left: 12px;
}

.thum01:hover img,
.thum02:hover img,
.thum03:hover img {
	border: none;
	box-shadow: none;
	width: 60px;
	height: 60px;
	top: 13px;
	left: 12px;
}

.thum01.ui-tabs-selected img {
	border: none;
	box-shadow: none;
	width: 86px;
	height: 86px;
	top: 0;
	left: 0;
}

.thum02.ui-tabs-selected img {
	border: none;
	box-shadow: none;
	width: 86px;
	height: 86px;
	top: 0;
	left: -1px;
}

.thum03.ui-tabs-selected img {
	border: none;
	box-shadow: none;
	width: 86px;
	height: 86px;
	top: 0;
	left: -1px;
}


#feature #pic_main {
	position: static;

}




/* restaurant & bar
----------------------------------------------------------------------- */
#restbar {
	height: auto;
	background: none;
}

#restbar.test {
	background: none;
}

#restbar .wrapper {
	position: relative;
	background: url(../img/top/sp_bg_restbar02.png) right top no-repeat;
	background-size: 153px auto;
}

#restbar h2 {
	position: static;
	padding: 30px 0 10px;
}

#restbar .desc {
	position: static;
	width: auto;
}

#restbar .sp_btn_to_detail {
	position: static;
	margin: 10px 0 30px;
}

#restbar .sp_img_restbar {
	position: absolute;
	right: 0;
	bottom: -100px;
}


/* morning
----------------------------------------------------------------------- */
#morning {
	height: auto;
	background: url(../img/top/ba_morning_mv_sp_n.jpg) center top no-repeat;
	background-size: cover;
	padding: 60px 0 15px 0;
}

#morning.morning {
	padding: 100px 0 15px 0;
}

#morning .wrapper {
	position: relative;
}

#morning::after {
	content: '';
	background: linear-gradient(358deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 95%) 20%, rgb(255 255 255) 65%, rgb(255 255 255 / 0%) 100%);
}

#morning.morning::after {
	content: none;
}

#morning h2 {
	position: static;
	left: 0;
	top: 100px;
}

#morning h2 img {
	max-width: 100%;
}

#morning.morning h2::before {
	content: '';
	position: absolute;
	top: -5%;
	right: 2%;
	width: 100px;
	height: 100px;
	background: url(../morning_v/assets/img/morning_intro_img01.png) center / contain no-repeat;
}

#morning .desc {
	position: static;
	left: 0;
	top: auto;
	font-size: 140%;
	width: auto;
	padding: 15px 0;
	text-shadow: 1px 1px 2px #fff;
}

#morning .btn_to_detail {
	position: static;
	left: 0;
	top: auto;
}

#morning .btn_to_detail2 {
	position: static;
	left: auto;
	top: auto;
	margin: 10px 0 30px 0;
}

#morning ul {
	position: static;
	left: 0;
	top: auto;
	text-align: center;
}

#morning li {
	display: inline-block;
	width: 30%;
	margin-right: 0;
}

#morning li img {
	max-width: 100%;
}


/* wedding
----------------------------------------------------------------------- */
#wedding {
	height: 370px;
	background: url(../img/top/sp_bg_wedding.jpg) center top no-repeat;
	/*background-size:auto 370px;*/
	background-size: cover;
}

#wedding .wrapper {
	position: relative;
	height: 370px;
}

#wedding h2 {
	position: static;
	padding: 30px 0 10px;
}

#wedding .desc {
	position: static;
	font-size: 12px;
	width: auto;
	text-shadow: 1px 2px 1px #000;
}

#wedding .sp_btn_to_detail {
	position: absolute;
	bottom: 30px;
	/* 	left: 50%; */
	/* 	margin-left: -145px ; */


}


/* topics
----------------------------------------------------------------------- */

#topics>div {
	/*
	background:url(../img/top/sp_bg_topics.png) center top no-repeat;
	background-size:320px auto;*/
}

#topics h2 {
	padding: 45px 0 20px;
}

#topicsTab {
	margin-bottom: 0;
}

.tab li {
	height: 45px;
	border-top: 1px solid #bebebe;
	border-bottom: none;
	border-right: none;
	margin-left: 0;
}

.tab li a {
	line-height: 45px;
	border: none;
	border-radius: none;
}

.tab li:first-child {
	border-top: 1px solid #bebebe;
	border-bottom: none;
	border-right: none;
	margin-left: 0;
}

.tab li.ui-tabs-selected,
.tab li.active {
	background: #494949;
	border: none;
}

.tab li.ui-tabs-selected a,
.tab li.active a {
	background: #494949;
	border: none;
}

.tab.col6 li {
	width: 50%;
}

.topicsList li {
	width: 48%;
	float: none;
	padding: 20px 0 10px;
}

.topicsList li:nth-child(2n) {
	margin-right: 0;
}

.topicsList .topicsDate {}

.topicsList .topics_pic {}

.topicsList .topics_ttl {
	margin: 10px 0 0 0;
	font-size: 140%;
	line-height: 1.4;
}

.topicsList .topics_txt {}


#foot_topics .topics_inner_box {
	padding: 40px 0;
	display: contents;
}

#foot_topics .topics_inner_box>li {
	float: none;
	margin: 0 auto 10px;
	width: 275px;
	padding: 11px;
	height: auto;

}

#foot_topics .topics_inner_box>li:last-child {
	margin: 0 auto 10px;
	width: 275px;
	padding: 11px;
	height: auto;
}

#foot_topics .topics_inner_box .icon {
	top: 10px;
}

/* informationWrap
------------------------------------------------------------- */

#informationWrap section {
	width: auto;
	float: none;
	padding-top: 50px;
}



#informationWrap aside {
	padding: 10px 0 0 0;
	width: auto;
	float: none;
	/* display: flex;
    justify-content: space-between;
    flex-flow: wrap; */
}

/* #informationWrap aside olang {
	width: 49%;
} */

#informationWrap aside img {
	margin-bottom: 5px;
	max-width: 100%;
}



.pay_banner {
	padding: 20px 0 0 0;
}

.pay_banner ul {}

.pay_banner li {
	display: inline-block;
	vertical-align: middle;
	width: 48%;
}

.pay_banner li img {
	width: 100%;
}

.pay_banner p {
	padding: 10px 0 40px 0;
	font-size: 13px;
}



/*お知らせ
---------------------------------------------------------- */

.infoListWrap {
	padding: 35px 0 10px;
	width: auto;
}

.infoList {
	padding-bottom: 10px;
	border-bottom: 1px dotted #d1d1d1;
	margin-bottom: 10px;
}

.infoList p {
	float: left;
	font-size: 120%;
}

.infoList p.date {
	width: 100px;
	padding-top: 2px;
}


.infoList p.txt {
	width: auto;
	float: none;
}

/*Photo Library
---------------------------------------------------------- */

#photo {
	padding-top: 40px;
}

#photo .wrapper {
	padding-bottom: 30px;
	width: 95%;
}

#photo h2 {
	padding-left: 0;
	padding-bottom: 10px;
}

#photo h2 img {
	height: 45px;
}

#sb_instagram #sbi_images {
	padding: 0 !important;
}

#sb_instagram .sbi_type_carousel .fa-clone {
	right: 5px;
	top: 5px;
	font-size: 15px;
}

/* 220319_観光案内追加 */
#neighborhood h2 p {
	font-size: 32px;
}

#neighborhood .top_neighborhood {
	width: 95%;
}

#neighborhood .top_neighborhood li {
	width: 48.5%;
	margin-bottom: 5%;
}

#neighborhood .top_neighborhood li a h3 {
	font-size: 20px;
}

#neighborhood .top_neighborhood li a h3 span {
	font-size: 10px;
}

#neighborhood .top_neighborhood li:nth-child(2) a h3 {
	line-height: 1em;
}

#neighborhood .top_neighborhood li:nth-child(2) a h3 span {
	line-height: 3em;
}

/* 220418_SPフッター調整 */
.footer_snsBa {
	display: flex !important;
	justify-content: space-between;
	margin: auto;
	flex-wrap: wrap;
}

.footer_snsBa li {
	width: 49%;
	margin-bottom: 2%;
}

.ranking_morning {
	font-size: 22px;
}

/* 220802 */
.topicsList .topi_img {
	height: 130px;
}

.topicsList .topics_pic {
	height: 100%;
	width: auto;
}

/* 230217 */
.sdgs_top {
	margin: 5% 0 10%;
	text-align: center;
	padding: 5%;
}

#sdgs_top h2 p {
	font-size: 32px;
}

.sdgs_top img {
	margin: 12% 0;
}

.sdgs_top img {
	margin: 40px 0;
	width: 100%;
}

.sdgs_top p.txt {
	font-size: 14px;
}

/* 230404 */
.w_welcome_exp {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1052px;
	margin: 13% auto 10%;
	width: 86.63%;
	padding: 7% 5%;
	border-radius: 16px;
	position: relative;
	transition: .3s;
}

.w_welcome_exp:hover {
	transform: scale(0.95);
	background: #fff;
}

.w_welcome_exp .img_box {
	width: 80%;
	margin: auto auto 10%;
}

.w_welcome_exp .img_box img {
	width: 100%;
}

.w_welcome_exp .txt_box {
	width: 100%;
	text-align: left;
}

.w_welcome_exp .txt_box h4 {
	font-size: 4.7vw;
	margin-bottom: 7%;
	text-align: center;
}

.w_welcome_exp .txt_box p {
	font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}

.w_welcome_exp .txt_box p.link {
	font-size: 3.2vw;
	display: block;
	color: #fff;
	padding: 3% 5%;
	border-radius: 10px;
	margin: 30px auto auto;
	width: 94%;
	text-align: center;
	box-sizing: border-box;
}

.w_welcome_exp a {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

/* 230413 */
.planList {
	display: flex;
	width: auto;
	max-width: initial;
	width: 90%;
	flex-wrap: wrap;
}

.event_wrap .slick-slider .slick-list {
	padding: 0 20% 0 0 !important;
	margin-left: 20px;
}

.planList li {
	position: relative;
	width: auto;
	margin: auto auto 10%;
	height: 61vw;
	overflow: hidden;
	max-height: 100%;
	width: 48%;
}

/* .planList li:nth-of-type(3n) {
  margin-right: 20px;
} */
.planList li figure {
	width: 100%;
	height: 100%;
	margin: 0;
}

.planList li figure img {
	object-fit: cover;
	width: 100%;
	height: 55%;
}


.planList li .txt {
	padding: 15px 8%;
}

.planList li h4 {
	margin-bottom: 10px;
	font-size: 4.0vw;
}

.planList li p:not(.price) {
	min-height: 3.2em;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.6;
}
.planList li .price{
	font-size: 16px !important;
   }

.event_topbtn a {
    padding: 15px 0;
    font-size: 16px;
}

.planList li .price span {
	font-size: 3.0vw;
	text-align: center;
	width: 37%;
	margin-right: 1%;
}

.planList .slick-dots {
	margin-top: 20px;
	text-align: center;
}

.planList .slick-dots li {
	position: inherit;
	width: 14px !important;
	height: 14px;
	margin: 0 10px;
	display: inline-block;
	border-radius: 7px;
	background: #CBCBCB;
	text-indent: -1000px
}

.planList .slick-dots li.slick-active {
	background: #47BAE6
}

.planList li p.link {
	width: 70%;
	margin: 15px auto;
}

.event_box h2 p {
	font-size: 10vw;
}

.event_box.gw h2 p {
	font-size: 7vw;
}


.event_box {
/*	background: url(/event/img/spring_bg_sp.jpg) no-repeat center/cover;*/
  }

/* 230518 */
.pay_banner.cash {
	padding: 40px 0 0 0;
}

.pay_banner.cash strong {
	text-align: center;
	display: block;
}

.pay_banner.cash p {
	text-align: center;
	padding: 10px 0;
}

/* 230601 */
.eco_bn_box {
	max-width: 1000px;
	width: 90%;
	margin: 3% auto 15%;
}

/* 230818 */
.footer_box {
	position: relative;
	padding: 5px;
	border: rgb(194, 194, 194) 1.5px solid;
	/* border-radius: 5px; */
	margin-top: 10%;
}

.footer_box .group_title {
	display: inline-block;
	position: absolute;
	top: -16px;
	left: 5%;
	padding: 0px 9px;
	background-color: #fff;
	font-size: 16px;
}

/* 230919 */
.w_welcome_exp.mimi .img_box {
	width: 55%;
}

/* 231024 */
.planList.clm3_mini {
	justify-content: center;
}

.planList.clm3_mini li:nth-of-type(3n) {
	margin-right: auto;
}

.planList.clm3_mini li h4 {
	font-size: 12px;
line-height: 1.3;
}

/* 240322 */

.gwList {
	display: block;
	width: auto;
	max-width: initial;
}

.event_wrap .slick-slider .slick-list {
	padding: 0 20% 0 0 !important;
	margin-left: 20px;
}

.gwList li {
	position: relative;
	width: auto;
	margin: 0 20px 0 0;
}

.gwList li:nth-of-type(3n) {
	margin-right: 20px;
}

.gwList li figure {
	width: 100%;
	height: auto;
	margin: 0;
}

.gwList li figure img {
	object-fit: cover;
	width: 100%;
	/* height: 50vh; */
}

.gwList li .txt {
	padding: 15px 15px;
}

.gwList li h4 {
	margin-bottom: 10px;
	font-size: 4.2vw;
}

.gwList li p:not(.price) {
	min-height: 3.2em;
	margin-bottom: 10px;
	font-size: 3.0vw;
	line-height: 1.6;
}

.gwList li .price {
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
}

.gwList li .price span {
	font-size: 13px;
}

.gwList .slick-dots {
	margin-top: 20px;
	text-align: center;
}

.gwList .slick-dots li {
	/* position:inherit; */
	width: 14px !important;
	height: 14px;
	margin: 0 10px;
	display: inline-block;
	border-radius: 7px;
	background: #CBCBCB;
	text-indent: -1000px
}

.gwList .slick-dots li.slick-active {
	background: #47BAE6
}

.pagenavi {
	display: none;
}

/* 240305 */
.gwList li .txt h4 span {
	display: block;
	font-size: 14px;
	line-height: 100%;
}

.gwList li .price small {
	font-size: 13px;
}

/* 240603 */
.footer_snsBa.partner {
	justify-content: center;
}

/* 240722 */
#morning.anniversary {
	background: url(../img/top/ba_anniversary_mv_sp.jpg) center top no-repeat;
	background-size: cover;
}

#morning.anniversary::after {
	opacity: 0.7;
}

/* 250128 */
.certList_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	max-width: 1052px;
	margin: 13% auto 10%;
	width: 86.63%;
	padding: 7% 5%;
	border-radius: 16px;
	position: relative;
	transition: .3s;
}

.certList_wrap a {
	display: inline;
}

.certList_wrap a.link-style {
	text-decoration: underline;
	font-weight: bold;
	transition: color 0.3s;
}

.certList_wrap a.link-style:hover {
	text-decoration: none;
}

.certList_wrap .certList {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-around;
}

.certList_wrap ul {
	width: 100%;
}

.certList_wrap .certList li {
	text-align: center;
}

.certList_wrap .certList li p {
	text-align: left;
	margin-top: 20px;
	max-width: 100%;
}

/* 250513 */
.sub_ba.space_adjustment {
    margin: 30px auto;
}

#questionnaire.space_adjustment h2,
#neighborhood.space_adjustment h2,
#sdgs_top.space_adjustment h2,
#topics.space_adjustment h2,
.event_box.space_adjustment h2 {
    padding: 40px 0 30px;
}

#questionnaire.space_adjustment h2 p,
#neighborhood.space_adjustment h2 p,
#sdgs_top.space_adjustment h2 p,
#topics.space_adjustment h2 p,
.event_box.space_adjustment h2 p {
    font-size: 9vw;
}

.certList_wrap.space_adjustment .certList li {
	width: 100%;
}

#topics.space_adjustment .btn_to_detail {
    margin: 14px 0 50px;
}

.eco_bn_box.space_adjustment {
    margin: 0 auto 30px;
}

.certList_wrap.space_adjustment {
    margin: auto auto 30px;
}

.btn-wrap.space_adjustment.member_box {
    margin: 66px auto 55px;
}

#questionnaire.space_adjustment {
	padding-bottom: 50px;
}

#neighborhood.space_adjustment .top_neighborhood li {
	margin-bottom: 13px;
}

#neighborhood.space_adjustment {
    padding-bottom: 37px;
}

.sdgs_top.space_adjustment {
    margin: 0 0 50px;
	padding: 0 5%;
}

#sdgs_top .btn_to_detail {
    margin: 50px 0;
}

#morning.morning.space_adjustment h2 img,
#morning.anniversary.space_adjustment h2 img,
#feature.space_adjustment h2 img {
    width: auto;
    height: 50px;
}

#morning.morning.space_adjustment {
	padding: 100px 0 30px;
}

#morning.anniversary.space_adjustment {
    padding: 60px 0 30px;
}

#morning.space_adjustment .btn_to_detail2
 {
	margin: 10px 0 0;
}

#wedding .sp_btn_to_detail.space_adjustment {
	position: relative;
	bottom: auto;
	margin-top: 25px;
}

.sdgs_top.space_adjustment img {
	margin: 0 0 30px;
}

#sdgs_top.space_adjustment .btn_to_detail {
	margin: 25px 0 50px;
}

#restbar.space_adjustment .desc {
	padding-bottom: 15px;
}

#feature.space_adjustment {
	padding-bottom: 30px;
}

#feature.space_adjustment .btn,
#feature.space_adjustment #feat01 .btn {
	width: 96%;
}