@charset "UTF-8";

/* 1450px基準 */

.forPc{display:block;}
.forSp{display:none;}

	@media screen and (max-width:768px) {
		.forPc{display:none;}
		.forSp{display:block;}
	}/* --- max-width:768px */

.btnChk{
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: min(40.6vw,590px);
	font-size: min(1.24vw,1.8rem);
	height: min(3.44vw,50px);
	color: #fff;
	background: #367a57;
	border-radius: 50px;
}

.btnChk:before{
	content: '';
	position: absolute;
	display: block;
	background: url(../img/arw_right.png) no-repeat center;
	top: 50%;
	margin-top: min(-0.4vw,-7px);
	right: min(1.24vw,18px);
	width: min(1.79vw,26px);
	height: min(1.1vw,16px);
	background-size: contain;
}

	@media(hover: hover) {

	.btnChk:hover{background: #fff;color: #367a57;border: 1px solid #367a57;}

	.btnChk:hover:before{
		content: '';
		position: absolute;
		display: block;
		background: url(../img/arw_right_on.png) no-repeat center;
		top: 50%;
		margin-top: min(-0.4vw,-7px);
		right: min(1.24vw,18px);
		width: min(1.79vw,26px);
		height: min(1.1vw,16px);
		background-size: contain;
	}

	}/* --- hover */

.sectionNml .outer{
	width: 80%;
	margin: auto;
	color: #666;
}

	@media screen and (max-width:768px){

	.sectionNml .outer{
		width: 100%;
		padding: 0 5.3vw;
	}

	.btnChk{
		width: 66.66vw;
		font-size: 3.6vw;
		height: 10.66vw;
		border-radius: 80px;
	}

	.btnChk:before{
		margin-top: -1.6vw;
		right: 4vw;
		width: 5.6vw;
		height: 2.8vw;
	}

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ mvBlock */

.mvBlock img{
	vertical-align:bottom;
	width:100%;
	max-width: 100%;
	height: auto;
}

.breadcrumbsArea .breadcrumbs{
	background: rgba(255,255,255,0);
	padding: min(1.72vw,25px) 0 0;
}

	@media screen and (max-width:768px){

	.breadcrumbsArea .breadcrumbs{
		padding: 4vw 5.3vw 0;
	}

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ contentsBlock */

.contentsBlock img{
	vertical-align:bottom;
	width:100%;
	max-width: 100%;
	height: auto;
}

.contentsBlock{
	background: url(../img/contents_bgfull.jpg) no-repeat center top;
	max-width: 1450px;
	margin: auto;
	background-size: 176.551724vw auto;
}

	@media screen and (min-width:1450px){

	.contentsBlock{
		max-width: 100%;
		background-size: 2560px auto;

	}

	}/* --- min-width:1450px */

.contentsBlock .outer{
	padding-bottom: min(7.1vw,103px);
}

	@media screen and (max-width:768px){

	.contentsBlock{
		background: url(../img/sp_contents_bg.jpg) no-repeat center top;
		background-size: 100% auto;
	}

	.contentsBlock .outer{
		padding: 0 0 0;
	}

	}/* --- max-width:768px */

/* ############################### topArea */

.contentsBlock .topArea{
	margin-top: min(6vw,88px);
}

.contentsBlock .topArea .ttl{
	width: min(68.9vw,1000px);
	margin: auto;
}

.contentsBlock .topArea .lead{
	color: #367a57;
	font-size: min(2.2vw,3.2rem);
	font-weight: bold;
	margin-top: min(3.79vw,55px);
	text-align: center;
	letter-spacing: 1.4px;
}

.contentsBlock .topArea .txt{
	font-size: min(1.24vw,1.8rem);
	line-height: 1.8;
	color: #666;
	margin-top: min(1.58vw,23px);
	text-align: center;
}

.contentsBlock .topArea .txt .wrap{
	display: inline-block;
	letter-spacing: 1px;
}

.contentsBlock .topArea .txt .caution{
	display: block;
	font-size: min(1.12vw,1.3rem);
	text-align: right;
	margin-top: min(0.34vw,5px);
	font-style: normal;
}

	@media screen and (max-width:768px){

	.contentsBlock .topArea{
		margin-top: 8.6vw;
	}

	.contentsBlock .topArea .ttl{
		width: 89.33vw;
	}

	.contentsBlock .topArea .lead{
		font-size: 5.06vw;
		margin-top: 7vw;
		line-height: 1.5;
	}

	.contentsBlock .topArea .txt{
		font-size: 3.46vw;
		margin-top: 1.5vw;
		line-height: 1.6;
	}

	.contentsBlock .topArea .txt .wrap{
		letter-spacing: 0px;
	}

	.contentsBlock .topArea .txt  .caution{
		font-size: 2.66vw;
		margin-top: 2vw;
	}

	}/* --- max-width:768px */

/* ############################### listArea */

.contentsBlock .listArea{
	margin-top: min(1.33vw,20px);
}

.contentsBlock .listArea .upperZone,
.contentsBlock .listArea .bottomZone{
	margin: auto;
	max-width: 1160px;
}

.contentsBlock .listArea .swiper-slide{
	width: min(24.13vw,350px);
	transition: none;
}

.swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__image:before{
	border-radius: 30px;
}

.columnAndCarousel__image img{
	border-radius: 30px;
}

.contentsBlock .listArea .swiper-slide .columnAndCarousel__text{
	padding-top: min(1.03vw,15px);
}

.swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__content:before {
		display: none;
    background-image: url(/homelounge/totikatuyo/img/icon-member.png);
}

.contentsBlock .listArea .swiper-slide .tag{
	font-size: min(0.96vw,1.4rem);
	background: #fff;
	border: 1px solid #367a57;
	color: #367a57;
	font-weight: bold;
	display: inline-block;
	padding: 3px 0 1px;
	width: min(6.8vw,100px);
	text-align: center;
	border-radius: 20px;
}

.contentsBlock .listArea .swiper-slide .ttl{
	font-size: min(1.51vw,2.2rem);
	display: inline-block;
	margin-left: min(1.03vw,15px);
	color: #367a57;
	vertical-align: bottom;
	line-height: 1;
	letter-spacing: 2px;
}

.contentsBlock .listArea .swiper-slide .columnAndCarousel__caption{
	font-size: min(0.96vw,1.4rem);
	margin-top: min(0.68vw,10px);
}

.contentsBlock .listArea .swiper-slide .columnAndCarousel__duration{
	margin-top: min(0.68vw,10px);
	line-height: 1.5;
}

.contentsBlock .listArea .swiper-slide .model{
	text-align: right;
}

.contentsBlock .listArea .swiper-slide .model span{
	display: inline-block;
	width: min(22.13vw,321px);
}

.contentsBlock .listArea .bottomZone{
	position: relative;
	z-index: 10;
	margin-top: min(-4.13vw,-60px);
}

.mov02{padding-top: min(4.13vw,60px);}
.mov03{padding-top: min(8.26vw,120px);}
.mov05{padding-top: min(4.13vw,60px);}
.mov06{padding-top: min(8.06vw,117px);}

	@media screen and (max-width:768px){

	.contentsBlock .listArea{
		margin-top: 4.7vw;
	}

	.contentsBlock .swiper-wrapper{
    transform: none !important;
	}

	.contentsBlock .listArea .swiper-slide{
		width: auto !important;
		padding: 4vw 5.33vw 0;
	}

	.contentsBlock .listArea .swiper-slide .columnAndCarousel__content{
		width: 66vw !important;
		display: block;
	}

	.contentsBlock .listArea .swiper-slide .columnAndCarousel__text{
		padding-top: 2.66vw;
	}

	.contentsBlock .listArea .swiper-slide .tag{
		font-size: 2.66vw;
		background: #fff;
		padding: 3px 0 1px;
		width: 20.66vw;
	}

	.contentsBlock .listArea .swiper-slide .ttl{
		font-size: 4.26vw;
		margin-left: 2.66vw;
	}

	/* .swiper--columnAndCarousel .swiper-slide[data-membership=true] .columnAndCarousel__content:before{
		width: 27.8%;
	} */

	.contentsBlock .listArea .swiper-slide .columnAndCarousel__caption{
		font-size: 3.46vw;
		margin-top: 2.66vw;
		letter-spacing: 1px;
	}

	.contentsBlock .listArea .swiper-slide .columnAndCarousel__duration{
		margin-top: 1vw;
	}

	.contentsBlock .listArea .swiper-slide .model{
		position: relative;
		height: 100%;

	}

	.contentsBlock .listArea .swiper-slide .model span{
		position: absolute;
		width: 42vw;
		right: -8.33vw;
		bottom: 0;
		display: none;
	}

	.contentsBlock .listArea .bottomZone{
		margin-top: 0;
	}

	.mov01{padding-top: 0 !important;}
	.mov02{padding-top: 3vw;margin: 0 auto 0 !important;}
	.mov03{padding-top: 3vw;margin: 0 0 0 auto !important;}
	.mov04{padding-top: 3vw;margin: 0 auto 0 !important;}
	.mov05{padding-top: 3vw;margin: 0 auto 0 0 !important;}
	.mov06{
		padding: 3.33vw 0 0;
		margin: 0 !important;
		width: 100% !important;
		height: 16vw;
	}

	}/* --- max-width:768px */

/* ############################### lastArea */

.contentsBlock .lastArea{
	margin-top: min(6.06vw,88px);
}

.contentsBlock .lastArea .subTtl{
	display: flex;
	align-items: center;
	justify-content: center;
}

.contentsBlock .lastArea .subTtl .icon{
	display: inline-block;
	width: min(3.4vw,50px);
	margin-right: min(1.03vw,15px);
	padding-bottom: min(0.413vw,6px);
}

.contentsBlock .lastArea .subTtl .ttl{
	display: inline-block;
	color: #367a57;
	font-size: min(2.2vw,3.2rem);
	font-weight: bold;
	letter-spacing: 1.4px;
}

.contentsBlock .lastArea .img{
	text-align: center;
	margin-top: min(1.72vw,25px);
}

.contentsBlock .lastArea .img a{
	display: inline-block;
	width: min(55.17vw,800px);
}

.contentsBlock .lastArea .txt{
	text-align: center;
	margin-top: min(1.72vw,25px);
	font-size: min(1.24vw,1.8rem);
	line-height: 1.8;
	letter-spacing: 1px;
}

.contentsBlock .lastArea .btn{
	margin-top: min(2vw,30px);
}

	@media screen and (max-width:768px){

	.contentsBlock .lastArea{
		margin-top: 1vw;
		padding: 0 5.33vw 0;
	}

	.contentsBlock .lastArea .subTtl .icon{
		width: 8.53vw;
		margin-right: 1.5vw;
		padding-bottom: 1.3vw;
	}

	.contentsBlock .lastArea .subTtl .ttl{
		font-size: 5.06vw;
	}

	.contentsBlock .lastArea .img{
		margin-top: 2vw;
	}

	.contentsBlock .lastArea .img a{
		width: 100%;
	}

	.contentsBlock .lastArea .txt{
		margin-top: 2.93vw;
		font-size: 3.3vw;
		letter-spacing: 0;
	}

	.contentsBlock .lastArea .btn{
		margin-top: 6.4vw;
	}

	}/* --- max-width:768px */

	/* ############################### tourArea */

.contentsBlock .tourArea {
	position: relative;
	width: min(80vw, 1160px);
	margin: 180px auto 0;
}

.contentsBlock .tourArea .txt {
	font-size: min(1.24vw, 1.8rem);
	line-height: 1.8;
	color: #666;
	margin-top: min(1.58vw, 23px);
	text-align: center;
}

.contentsBlock .tourArea .model {
	position: absolute;
	width: 20%;
	height: auto;
	top: -6%;
	right: -2%;
}

.contentsBlock .tourArea .upperZone {
	margin: auto;
	max-width: 1160px;
	margin-top: 2vw;
}

.contentsBlock .tourArea .swiper-slide {
	width: min(24.13vw, 350px);
	transition: none;
}

.contentsBlock .tourArea .swiper-slide .columnAndCarousel__text {
	padding-top: min(1.03vw, 15px);
}

.contentsBlock .tourArea .swiper-slide .ttl {
	font-size: min(1.51vw, 2.2rem);
	display: inline-block;
	vertical-align: bottom;
	line-height: 1;
	letter-spacing: 2px;
}

.contentsBlock .tourArea .swiper-slide .columnAndCarousel__caption {
	font-size: min(0.96vw, 1.4rem);
 margin-top: min(0.68vw, 10px);
}

.contentsBlock .tourArea .swiper-slide .columnAndCarousel__duration {
	margin-top: min(0.68vw, 10px);
	line-height: 1.5;
}

.contentsBlock .tourArea .bgArea img {
	top: 10px;
	right: 10px;
}

.contentsBlock .catalogueArea img {
	margin-bottom: min(6.06vw, 88px);
	padding: 0 5.33vw 0;
}

.contentsBlock .catalogueArea .forPc {
	margin-top: min(2.90vw, 88px);
}

@media screen and (max-width: 768px){
	.contentsBlock .tourArea {
		margin-top: 16vw;
		width: 100%;
		background: url(../img/sp_tour_bg.jpg) no-repeat center;
		background-size: 100% auto;
	}
	.contentsBlock .tourArea .ttl img {
		padding: 20px;
	}
	.contentsBlock .tourArea .txt {
		font-size: 3.46vw;
		margin-top: 8.5vw;
		line-height: 1.6;
	}
	.contentsBlock .tourArea .swiper-slide {
		width: auto !important;
		padding: 4vw 5.33vw 0;
	}
	.contentsBlock .tourArea .swiper-slide .columnAndCarousel__content {
	width: 66vw !important;
	display: block;
	}
	.contentsBlock .tourArea .swiper-slide .columnAndCarousel__text {
		padding-top: 2.66vw;
	}
	.contentsBlock .tourArea .swiper-slide .ttl {
		font-size: 4.26vw;
	}
	.contentsBlock .tourArea .swiper-slide .columnAndCarousel__caption {
		font-size: 3.46vw;
		margin-top: 2.66vw;
		letter-spacing: 1px;
	}
	.contentsBlock .tourArea .swiper-slide .columnAndCarousel__duration {
		margin-top: 1vw;
	}
	.contentsBlock .tourArea .bgArea img {
		top: auto;
		bottom: 0;
	}
}


/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ bannerBlock */

.bannerBlock{
	background: #fcfae9;
}

.bannerBlock img{
	vertical-align:bottom;
	width:100%;
	max-width: 100%;
	height: auto;
}

.bannerBlock .outer{
	padding-top: min(6.2vw,90px);
	padding-bottom: min(6.89vw,100px);
}

.bannerBlock .ttl{
	text-align: center;
}

.bannerBlock .outer .ttl span{
	position: relative;
	display: inline-block;
	color: #367a57;
	font-size: min(2.2vw,3.2rem);
	font-weight: bold;
	letter-spacing: 1.2px;
}
.bannerBlock .ttl span.nml{margin-top: min(0.34vw,5px);}
.bannerBlock .ttl span.withIcon{padding-left: min(3.44vw,50px);}

.bannerBlock .ttl span.withIcon:before{
	content: '';
	position: absolute;
	display: block;
	background: url(../img/icon_flag.png) no-repeat center;
	bottom: 5px;
	left: 0;
	width: min(2.55vw,37px);
	height: min(2.27vw,33px);
	background-size: contain;
}

.bannerBlock .img{
	text-align: center;
	margin-top: min(1.72vw,25px);
}

.bannerBlock .img a{
	display: inline-block;
	width: min(54.82vw,795px);
}

.bannerBlock .txt{
	text-align: center;
	margin-top: min(1.72vw,25px);
	font-size: min(1.24vw,1.8rem);
	line-height: 1.8;
	letter-spacing: 1px;
}

.bannerBlock .btn{
	margin-top: min(2.48vw,36px);
}

	@media screen and (max-width:768px){

	.bannerBlock .outer{
		padding-top: 12vw;
		padding-bottom: 13.33vw;
	}

	.bannerBlock .outer .ttl span{
		font-size: 5.06vw;
	}
	.bannerBlock .ttl span.nml{margin-top: 5px;}
	.bannerBlock .ttl span.withIcon{padding-left: 7.63vw;}

	.bannerBlock .ttl span.withIcon:before{
		width: 6.13vw;
		height: 5.46vw;
		background-size: contain;
	}

	.bannerBlock .img{
		margin-top: 2.93vw;
	}

	.bannerBlock .img a{
		width: 100%;
		line-height: 1;
	}

	.bannerBlock .txt{
		margin-top: 2.93vw;
		font-size: 3.3vw;
		letter-spacing: 0;
	}

	.bannerBlock .btn{
		margin-top: 6.4vw;
	}

	}/* --- max-width:768px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ other */

/* ############################### xxxxx */

/*
.contact-area .contact-area-inner{
	background: #8b585d;
}

.contact-area .contact-area-inner .contact-btn{
	background: #fff;
	color: #8b585d;
}
.contact-area .contact-area-inner .contact-btn:after{
		width: 26px;
    height: 21px;
    content: "";
    background-image: url(/homelounge/totikatuyo/img/btn-arr-r.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 21px;
    transform: translate(0, -50%);
}

	@media(hover: hover) {

	.contact-area .contact-area-inner .contact-btn:hover{
		background: #8b585d;
		color: #fff;
		border: 1px solid #fff;
	}
	.contact-area .contact-area-inner .contact-btn:hover:after{
			width: 26px;
	    height: 21px;
	    content: "";
	    background-image: url(/homelounge/totikatuyo/img/oshiete-more-icon.svg);
	    background-repeat: no-repeat;
	    background-size: contain;
	    background-position: center;
	    position: absolute;
	    top: 50%;
	    right: 21px;
	    transform: translate(0, -50%);
	}

	}/* --- hover */
*/

/* ############################### xxxxx */

.article-info-area .article-info-title{
  font-family: 'Noto Serif JP', serif;
  font-size: 40px;
  font-weight: normal;
  color: #545350;
  margin-bottom: 50px;
  text-align: center;
  position: relative;
  z-index: 10;
  letter-spacing: 0.2em;
}

.article-info-area .article-info-title span{
  font-family: 'Libre Baskerville', serif;
  font-size: 17px;
  display: block;
  margin-bottom: 15px;
  letter-spacing: 0.45em;
  display: none;
}

/*----------article-info-area ---*/
.article-info-area {
  border-top: #eeeded 2px solid;
  padding-top: 50px;
}
.article-info-area .article-info-title{
  font-size: 28px;
  letter-spacing: 6px;
  margin-bottom: 30px;
  text-align: center;
}

.article-info-area .article-info-title span{
  font-size: 15px;
  margin-bottom: 10px;
}
.article-tag-area .article-info-title {
  margin-bottom: 30px;
}
.tag-unit li {
  display: inline-block;
  margin-top: 10px;
}
.tag-unit li:not(:last-child) {
  padding-right: 1em;
  position: relative;
}
.tag-unit li a {
  display: inline-block;
  color: #9d9d9c;
  padding-bottom: 2px;
  border-bottom: #9d9d9c 1px solid;
  font-size: 1.4rem;
}
.tag-unit li:not(:last-child)::after {
  content: ",";
  font-size: 1.6rem;
  position: absolute;
  right: 0;
  color: #9d9d9c;
}
	@media screen and (max-width: 768px){
		  .article-info-area {
		    padding-top: 20px;
		    margin-top: 20px;
		}
		  .article-info-area .article-info-title {
		    font-size: 1.7rem;
		    letter-spacing: 4px;
		    margin-bottom: 20px;
		}
	}
	@media screen and (max-width: 768px){
		.article-info-area .article-info-title span{
		  font-size: 10px;
		  margin-bottom: 5px;
		  line-height: 1.5;
		}
	}

/* ############################### etc */

	@media screen and (min-width: 1335px){

	.bcModal__related--withBg {
	    background-image: url(../img/bg_bcModal.jpg);
	    background-position: center bottom;
	    background-repeat: no-repeat;
	    background-size: auto 170px
	}

	}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ roomtourPage */

.roomtourPage{}

/* article-share-area */
.roomtourPage .article-share-area .article-share-block {
  text-align: center;
}
.roomtourPage .article-share-area .share-icons li {
  display: inline-block;
  margin: 0 10px;
}
.roomtourPage .article-share-area .share-icons li img{
	width: 50px;
	height: 50px;
}
.roomtourPage .article-share-area .share-icons li p{
	display: none;
}
@media not screen and (max-width: 768px) {
  .roomtourPage .article-share-area {
    margin-top: 50px;
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .roomtourPage .article-share-area.article-info-area {
    margin-bottom: 20px;
  }
}

.roomtourPage .rec-articles .txtArea{
	font-size: 16px;
	margin-top: 15px;
	line-height: 1.5;
	color: #666;
	font-weight: bold;
}

.roomtourPage .rec-articles-area .commonSmallTagArea a{
	font-size: 13px;
	color: #9d9d9c;
	border: none;
	padding: 0;
}

	@media screen and (max-width:768px){

	.roomtourPage .rec-articles-area .commonSmallTagArea{
		margin-top: 15px;
	}
	}/* --- max-width:768px */

.article-share-area .share-icons li a{
	border: none;
}