@charset "UTF-8";
/* CSS Document */
.lower header .menu2 ul > li.mellow::before{
	width: 100%;
}
.lower header .menu2 ul > li.gokiso::before{
	display: none;
}
/*TOP*/
.gokisonomori_guide.mellow_top .main_img{
	background: url("../img/mellow/guide_main_vi_top.png");
	background-size: cover;
	background-position: center;
	min-height: 408px;
}
.mellow_top .service_wrap .s_container{
	padding: 2rem 0rem 2rem;
}
.mellow_top .service_wrap.s_wrap1{
	background: url(../img/mellow/index_bg1.png);
    background-repeat: no-repeat;
    background-size: 47vw auto;
    background-position: left top;
}
.mellow_top .service_wrap.s_wrap2{
	background: url(../img/mellow/index_bg2.png);
    background-repeat: no-repeat;
    background-size: 47vw auto;
	background-position: left top;
}
.mellow_top .service_wrap.s_wrap3{
	background: url(../img/mellow/index_bg3.png);
    background-repeat: no-repeat;
    background-size: 47vw auto;
	background-position: right center;
}
.mellow_top span.small{
	font-size: 1.6rem;
	line-height: 28px;
	letter-spacing: 0.64px;
}
.mellow_top .features{
	gap:48px;
	margin-bottom: 16px;
}
.mellow_top .features .col{
	width: calc(100%/4 - 38px);
}
.mellow_top .features .col img{
	width: 100%;
}
.features_txt{
	margin-bottom: 48px;
}
.features_txt p{
	font-size: 1.4rem;
	line-height: 22px;
	letter-spacing: 0.56px;
}
.features2{
	margin-bottom: 48px;
}
.features2 .column{
	gap:48px;
}
.features2 .col{
	width: calc(100%/4 - 38px);
}
.features2 .col img{
	width: 100%;
}
.features2 .col p.fb{
	font-size: 1.8rem;
	line-height: 32px;
	font-weight: 700;
	letter-spacing: 0.72px;
	margin-bottom: 8px;
}
.features2 .col p{
	font-size: 1.4rem;
	line-height: 22px;
	letter-spacing: 0.56px;
}
.features3{
	margin-bottom: 56px;
}
.features3 .column{
	gap:48px;
}
.features3 .col{
	width: calc(100%/3 - 38px);
}
.features3 .col img{
	width: 100%;
}
.features3 .col p.fb{
	font-size: 1.8rem;
	line-height: 32px;
	font-weight: 700;
	letter-spacing: 0.72px;
	margin-bottom: 8px;
}
.features3 .col p{
	font-size: 1.4rem;
	line-height: 22px;
	letter-spacing: 0.56px;
}
.mellow_top main .bnr{
	max-width: 769px;
	margin: 0 auto 48px;
}
.mellow_top main .bnr img{
	width: 100%;
}
.mellow_top main .bnr a:hover{
	opacity: 0.8;
}
.mellow_top .btn{
	background: url("../img/mellow/bg4.png");
    background-size: cover;
    background-position: center;
}
.mellow_top .btn2{
	background: url("../img/mellow/bg5.png");
    background-size: cover;
    background-position: center;
}

.gokisonomori_guide .main_img{
	background: url("../img/mellow/guide_main_vi.png");
	background-size: cover;
	background-position: center;
	min-height: 408px;
}
.lower main section.c_h1{
	padding-top: 0px;
}

.anc_link{
	margin-bottom: 0px;
}
.anc_link a{
}
.mellow_guide main .tel_cnt{
	margin-bottom: 0px;
}

#anc02,#anc04{
	background: #E9F0F2;
}
.mellow_guide.lower main section#anc03{
	background: #fff;
}
.lower .point{
	background: #E9F0F2;
}
.gokisonomori_guide .r_column .col{
	width: calc(100% / 4 - 36px);
}
.g_column .calendar .calen{
	padding: 5px 10px;
}
.gokisonomori_guide .instagram_bnr img{
	margin-top: 46px;
}
.floor .arrow,.floor .arrow-line{
	background: #E1408D;
}
.display{
	border: solid 2px #E1408D;
}
.floor .tab{
	background: #D7B4CD;
}
.floor .tab.active{
	background: #E1408D;
}
.gokisonomori_guide .room2 .column .room_imgs{
	display: block;
}
.gokisonomori_guide .room2 .column .room_imgs .room_img:nth-child(1){
	width: 100%;
}
.gokisonomori_guide .room2 .room_txt p.fb{
	font-weight: 700;
}
.gokisonomori_guide .room2 .room_txt p:nth-child(3){
	margin-top: 8px;
}
.gokisonomori_guide .link_btn{
	justify-content: space-between;
}
.price_cnt{
	background: #fff;
	padding: 43px 40px;
	margin-bottom: 56px;
}
.price_cnt .price_btn{
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: solid 1px #BCBCBC;
	padding-bottom: 8px;
}
.price_cnt .price_btn p{
	font-size: 2.2rem;
	line-height: 39px;
	font-weight: 400;
	letter-spacing: 0.88px;
}
.price_cnt .price_btn > p:first-child{
	position: relative;
}
.price_cnt .price_btn > p:first-child::after{
	content: "";
	width: 1px;
	height: 100%;
	background: #BCBCBC;
	position: absolute;
	top: 0;
	right: -24px;
}
.price_cnt .price_btn > p:last-child{
	font-size: 1.6rem;
	position: relative;
	cursor: pointer;
	padding-right: 25px;
}
.price_cnt .price_btn > p:last-child::before{
	content: "";
	width: 24px;
	height: 24px;
	background: url("../img/common/arrow.svg");
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(6px, -50%) rotate(90deg);
	transition: 0.3s;
}
.price_cnt .price_btn .price_no{
	display: flex;
	align-items: center;
	gap:16px;
	margin-left: 50px;
}
.price_cnt .price_btn .price_no p{
	font-size: 1.6rem;
}
.price_cnt .price_btn .price_no p:nth-child(2){
	font-size: 2.2rem;
	line-height: 39px;
	font-weight: 500;
	letter-spacing: 0.88px;
}
.price_cnt .price_list{
	/*overflow: hidden;
  	max-height: 0;
  	transition: max-height 0.5s ease;*/
}
.price_cnt.open .price_list {
  	max-height: 1000px; /* 中身より大きめに設定 */
}
.price_cnt .price_list.is-hidden {
  /*display: none; /* 閉じているときは非表示 */
}
.price_cnt .price_list .list_cnt{
	display: flex;
	flex-wrap: wrap;
	gap:8px;
	margin: 24px 0px 0px;
}
.price_cnt .price_list .list_cnt .list{
	width: calc(100%/3 - 32px);
	background: #F0EAE4;
	padding: 13px;
	text-align:center;
}
.price_cnt .price_list .list_cnt .list p:last-child{
	font-size: 2.2rem;
	line-height: 39px;
	font-weight: 500;
	letter-spacing: 0.88px;
}
.price_cnt .price_list .list_cnt .list p span{
	font-size: 1.6rem;
	line-height: 28px;
	font-weight: 400;
	letter-spacing: 0.64px;
}
.price_cnt.open .price_btn > p:last-child::before{
	content: "";
	width: 24px;
	height: 24px;
	background: url("../img/common/arrow.svg");
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(6px, -50%) rotate(-90deg);
}
.price_table{
	text-align: center;
}
.price_table .price_table_btn a{
	display: block;
	max-width: 581px;
	margin: 16px auto 0px;
	border: solid 1px #333;
	padding: 25px 20px;
	position: relative;
	transition: 0.3s;
}
.price_table .price_table_btn a:hover{
	background: #333;
	color: #fff;
}
.price_table .price_table_btn a::after{
	content: "";
	width: 28px;
	height: 28px;
	background: url("../img/common/pdf_icon.svg");
	background-size: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-20px,-50%);
	transition: 0.3s;
}
.price_table .price_table_btn a:hover::after{
	background: url("../img/common/pdf_icon_h.svg");
	background-size: 100%;
}
.price_table .price_table_btn a p{
	font-size: 2rem;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.8px;
}

.gokisonomori_guide #anc05{
	background: #fff;
}

.link_btn.blank a.arrow::after{
	width: 18px;
    height: 14px;
	background: url(../img/common/arrow7.svg);
    background-size: 100%;
}
.link_btn.blank a.arrow:hover::after {
    content: "";
    background: url(../img/common/arrow8.svg);
    background-size: 100%;
}
@media screen and (min-width: 1740px) {
	.mellow_top .service_wrap .s_container{
		max-width: 1140px;
		padding: 7rem 0rem 7rem;
	}
}
@media screen and (max-width: 1110px) {
	.lower header .menu2 ul > li.gokiso::before{
		display: block;
	}
	.gokisonomori_guide .cnt1{
		padding: 0px;
	}
}
.sp1024{
	display: none;
}
@media screen and (max-width: 1024px) {
	.sp1024{
		display:block;
	}
	.mellow_top .service_wrap.s_wrap1,.mellow_top .service_wrap.s_wrap2,.mellow_top .service_wrap.s_wrap3{
		background-size: 100vw auto;
		background-position: top;
	}
	.mellow_top .service_wrap .s_container {
		padding: 15rem 0rem 3.5rem;
	}
	.mellow_top .features,.features_txt,.features2,.features3{
		padding: 0px 15px;
	}
	
	.gokisonomori_guide .r_column .col{
		width: calc(100%/2 - 26px);
	}
}
@media screen and (max-width: 820px) {
	.gokisonomori_top .cnt6{
		padding: 48px 0px;
	}
	.price_cnt .price_list .list_cnt{
		display: block;
	}
	.price_cnt .price_list .list_cnt .list{
		width: 100%;
		margin-bottom: 8px;
		padding: 13px 0px;
	}
	.price_cnt .price_btn > p:first-child::after{
		display: none;
	}
}
.sp767{
	display: none;
}
.price_no_sp{
	display: none;
}
@media screen and (max-width: 767px) {
	.sp767{
		display: block;
	}
	.price_no_sp{
		display:block;
	}
	.gokisonomori_top.lower main section.c_h1{
		margin-bottom: 45px;
	}
	.gokisonomori_guide.mellow_top .main_img{
		background: url("../img/mellow/guide_main_vi_top_sp.png");
		background-size: cover;
        background-position: center;
        min-height: 340px;
	}
	.mellow_top .bg2{
		padding-bottom: 80px;
	}
	.service_wrap{
		margin-bottom: 33px;
	}
	.service_wrap .wrap{
		top: 30px;
	}
	.mellow_top .features{
		gap:24px;
	}
	.mellow_top .features .col{
		width: calc(100%/2 - 12px);
	}
	.features2 .column,.features3 .column{
		display: block;
	}
	.features2 .col,.features3 .col{
		width: 100%;
		margin-bottom: 32px;
	}
	.lower .features3 h4::before{
		height: 100%;
	}
	.mellow_top main .bnr{
		padding: 0px 15px;
	}
	.mellow_top .btn{
		background: url(../img/mellow/bg4_sp.png);
    	background-size: cover;
    	background-position: center;
	}
	.mellow_top .btn2 {
		background: url(../img/mellow/bg5_sp.png);
		background-size: cover;
		background-position: center;
	}
	
	.gokisonomori_guide .main_img{
		background: url("../img/mellow/guide_main_vi_sp.png");
		background-size: cover;
        background-position: center;
        min-height: 340px;
	}
	.gokisonomori_guide .r_column{
		display: flex;
		gap:24px;
	}
	.gokisonomori_guide .r_column .col{
		width: calc(100%/2 - 12px);
	}
	
	.price_cnt{
		padding: 24px;
	}
	.price_cnt .price_btn .price_no{
		display: none;
	}
	.price_no_sp{
		margin-top: 24px;
		padding-bottom: 8px;
		border-bottom: solid 1px #BCBCBC;
	}
	.price_no_sp p:nth-child(2){
		font-size: 2.2rem;
		line-height: 39px;
		font-weight: 500;
		letter-spacing: 0.88px;
	}
	.price_no_sp p:nth-child(2) span{
		font-size: 1.4rem;
		line-height: 22px;
		font-weight: 400;
		letter-spacing: 0.56px;
	}
}
@media screen and (max-width: 390px) {
	.anc_link a {
    }
}