@charset "utf-8";

.title-box{
  display: none;
}
.mainVisual .itemText,
.smainVisBar {
	opacity: 0;
}
#main{
    width: 100%;
}
/*mainVisual*/
.mainVisual_wrap{
  overflow: hidden;
  position: relative;
  margin-right: calc(((100vw - 100%) / 2) * -1);
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-bottom: 50px;
}
.mainVisual {
	width: 100%;
	height: 640px;
	box-sizing: border-box;
	position: relative;
  /*padding:0 100px 0 0;*/
  padding: 0;
}

/*
.smainVisBar {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10px;
}
.smainVisBar span {
	display: block;
	width: 0;
	background: #fff;
	opacity: .3;
	height: 6px;
}
*/
.mainVisLogo1 {
	position: absolute;
	left: 50%;
	transform: translate(-50%,-50%);
	top: 50%;
	text-align: center;
  width: 100%;
  line-height: 4em;
	opacity: 0;
}

.mainVisLogo1 h2 {
	font-size: 50px;
	font-weight: 400;
	color: #fff;
	letter-spacing: 4.2px;
	margin-bottom: 8px;
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.mainVisLogo1 h2 .ttl_pc{
	display: block;
	max-width:853px;
	margin: auto;
	padding:0 20px;
}
.mainVisLogo1 h2 .ttl_sp{display: none;}
@media all and (min-width: 768px) and (max-width: 900px) {
	.mainVisLogo1 h2 .ttl_pc{max-width:96%;}
  /* IE11 */
  _:-ms-lang(x)::-ms-backdrop, .mainVisLogo1 h2 .ttl_pc {max-width:768px;}
}
@media print, screen and (max-width: 767px){
	.mainVisLogo1 h2 .ttl_pc{display: none;}
	.mainVisLogo1 h2 .ttl_sp{display: block; width: 88%; max-width:390px;margin: auto;}
    .mainVisLogo1 {top: 49%;}
}

@keyframes animate {
  0% {
    background-position: 300%;
  }
  100% {
   background-position: 0;
  }
}
.mainVisLogo1 h2 span {
	display: inline-block;
	font-size: 80px;
	letter-spacing: 6.2px;
	margin-right: 10px;
  font-weight: normal;
}
.mainVisLogo1 p {
	color: #fff;
	font-size: 22px;
	letter-spacing: 1.0px;
  line-height: 2;
}
.mainVisualList,

.loaded .mainVisLogo1,
.loaded .mainVisLogo1 h2 span,
.loaded .mainVisLogo1 h2 b,
.loaded .mainVisLogo1 h2 i,
.loaded .mainVisLogo1 p {
	overflow: hidden;
	animation: animate 1.2s linear;
	animation-fill-mode: forwards;
}
.loaded .mainVisLogo1{
  animation-delay: 0.1s;
  animation-duration: 0.4s;
/*  background: rgba(0,0,0,0.6);*/
}
.loaded .mainVisLogo1 h2 span {
	animation-delay: 0.3s;
	animation-duration: 0.4s;
}
.loaded .mainVisLogo1 p {
	animation-delay: .4s;
}

/* item */
.mainVisual .item {
	position: relative;
  width: 100vw;
}
.mainVisual .item img {
	width: 100%;
}
.mainVisualList {
	transform: scale(1.01);
	opacity: 0;
}
.item {
	height: 640px;
}
.itemHidden {
	height: 100%;
	overflow-y: hidden;
  width: calc(100vw + 160px);  
}

.itemHidden > div {
	position: absolute;
	height: 100%;
  overflow: hidden;
}
.itemHidden > div:first-child {
	/*width: 100% !important;*/
width: 100%
}

.itemHidden > div > div {
	position: absolute;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transform: translateX(-100px);
  width: calc(100vw + 160px) !important;
}

.sub-vis-0{background-image: url("/domtour/theme/workation/image/mv01_pc.jpg") !important;}
.sub-vis-1{background-image: url("/domtour/theme/workation/image/mv02_pc.jpg") !important;}
.sub-vis-2{background-image: url("/domtour/theme/workation/image/mv03_pc.jpg") !important;}
.sub-vis-3{background-image: url("/domtour/theme/workation/image/mv04_pc.jpg") !important;}
.sub-vis-4{background-image: url("/domtour/theme/workation/image/mv05_pc.jpg") !important;}
@media screen and (max-width: 800px) {
.sub-vis-0{background-image: url("/domtour/theme/workation/image/20210203/mv01_sp.jpg") !important;}
.sub-vis-1{background-image: url("/domtour/theme/workation/image/20210203/mv02_sp.jpg") !important;}
.sub-vis-2{background-image: url("/domtour/theme/workation/image/20210203/mv03_sp.jpg") !important;}
.sub-vis-3{background-image: url("/domtour/theme/workation/image/20210203/mv04_sp.jpg") !important;}
.sub-vis-4{background-image: url("/domtour/theme/workation/image/20210203/mv05_sp.jpg") !important;}
}

@media all and (min-width: 0) and (max-width: 767px) {
  .mainVisual_wrap{
    margin-right: calc(((100vw - 100%) / 2) * -1);
    margin-left: calc(((100vw - 100%) / 2) * -1);
  }
	.mainVisual {
    height: auto;
	}
	.mainVisLogo1 h2 {
		white-space: nowrap;
		display: block;
	}
	.mainVisLogo1 h2 span {
		display: block;
		font-size: 60px;
		letter-spacing: 0.2px;
		margin-right: 0;
	}
	.mainVisLogo1 p {
		font-size: 15px;
		text-align: center;
	}
	/*
	.smainVisBar {
		left: 38px;
		right: 38px;
		bottom: 60px;
	}
	.smainVisBar span {
		height: 3px;
	}
	*/
  .itemHidden{
    width: calc(100vw + 50px);  
  }
	.itemHidden > div > div {
		transform: translateX(-50px);
    width: calc(100vw + 50px) !important;
	}
}
@media all and (min-width: 0) and (max-width: 320px) {
	.mainVisLogo1,
	.mainVisLogo {
		transform: translate(-50%,-50%) scale(.9);
	}
}



/*  intro
--------------------------------------------------------------*/
.intro{
  margin-bottom: 80px;
}
.intro h3{
  text-align: center;
  margin-bottom: 55px;
}
.intro h3 img{
  margin: auto;
  width: 100%;
  max-width: 985px;
}
.intro h3 .ttl_pc{display: block;}
.intro h3 .ttl_sp{display: none;}
br.pc{display: block;}
br.sp{display: none;}
.intro p.i_txt01{
  text-align: center;
  line-height: 2em;
  font-size: 1.8rem;
  margin-bottom: 50px;
}
.intro p.i_txt02{
  text-align: center;
  font-size: 3.2rem;
  color: #A99634;
  margin-bottom: 30px;
}
.btn_choice_wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.btn_choice_wrap li{
  width: 500px;
  margin: 0 10px 20px;
}
.btn_choice_wrap li a{
  display:  flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  font-size:16px;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding: 15px;
  border-radius: 4px;
  transition: all 0.3s;
}
.btn_choice_wrap li a p,
.btn_choice_wrap li a p span{
  font-weight: bold;
}
.btn_choice_wrap li.hotelstay a:hover,
.btn_choice_wrap li.experience a:hover{
  background: #555;
}
.btn_choice_wrap li a::after{
  content: "";
  background: url("/domtour/theme/workation/image/btn_arw.svg") no-repeat center right;
  background-size: 100%;
  position: absolute;
  right: 20px;
  top:0;
  bottom: 0;
  margin: auto;
  height: 1em;
  width: 1em;
}
.btn_choice_wrap li a p span{
  color: #FFF553;
  font-size: 22px;
}
.btn_choice_wrap li a .btn_icon {
  display: inline-block;
  max-width: 32px;
  margin-right: 8px;
}
.btn_choice_wrap li.hotelstay a{
  background: #1760CA;
}
.btn_choice_wrap li.experience a{
  background: #A27900;
}
.btn_choice_wrap li.experience a.btn_icon {
  margin-right: 12px;
}
.i_txt_line{
  display: block;
  text-align: center;
  font-size: 16px;
  padding: 0.8em 1.5em;
  border:solid 1px #333;
  border-radius: 4px;
  width: 75.8%;
  margin: 0 auto;
}
.i_txt_line span{
  display: inline-block;
  padding: 0.8em 1.5em;
  border:solid 1px #333;
  border-radius: 4px;
  width: 75.8%;
}
.i_txt_line a {
  text-decoration: underline;
}
.i_txt_line a:hover{
  text-decoration: none;
}

@media all and (min-width: 0) and (max-width: 767px) {
  .intro{
    margin-bottom: 60px;
  }
  .intro h3 .ttl_pc{display: none;}
  .intro h3 .ttl_sp{display: block;}
  .intro h3 img{
    width: 90%;
    max-width: 500px;
  }
  br.pc{display: none;}
  br.sp{display: block;}
  .intro p.i_txt01{
    text-align:left;
    margin-bottom: 20px;
  }
  .intro p.i_txt02{
    margin-bottom:20px;
    font-size: 2.8rem;
  }
  .btn_choice_wrap{
    margin-bottom: 30px;
  }
  .btn_choice_wrap li{
    width: 100%;
    margin: 0 0 20px;
  }
  .btn_choice_wrap li a{
    padding: 15px 40px 15px 30px;
    text-align: left;
  }
  .i_txt_line{
    width: 100%;
  }
}


/* hotelstay / experience
--------------------------------------------------------------*/
.ttl_trapezoid{
  width: 820px;
  text-align: center;
  margin:auto;
}
.ttl_trapezoid_inner{
  width: 817px;
  margin: 0 auto;
}
.tab_pc{display: block;}
.tab_sp{display: none;}
@media (max-width: 767px) {
.ttl_trapezoid_inner{
  width: 88%;
  max-width:538px;
}
.tab_pc{display: none;}
.tab_sp{display: block;}
}

.sttl_exp{
  margin-bottom:50px;
  font-weight: 700;
  position: relative;
}
.sttl_exp p{
  text-align: left;
  font-size: 1.8rem;
  color: #A27900;
}
.sttl_exp >.icon_goto_pc{
  top:-140px;
}



/*hotelstay*/
.hotelstay_wrap{
  margin-right: calc(((100vw - 100%) / 2) * -1);
  margin-left: calc(((100vw - 100%) / 2) * -1);
  margin-bottom: 90px;
  background: #D7F1FD;
  padding: 110px 0 90px;
  border-top:solid 6px #1760CA;
}
.hotelstay_wrap> .max-inner{
  position: relative;
}
.hotelstay_wrap> .max-inner >.icon_goto_pc{
  top:-220px;
}
.icon_goto_pc{
  position: absolute;
  z-index: 1;
  right:0;
}
.icon_goto_pc img{
  width: 100%;
}
.max-inner.hotelstay-inner{
	max-width: 1100px;
}
@media all and (min-width: 0) and (max-width: 767px) {
  .icon_goto_pc{display: none;}
}
.icon_goto_sp{display: none;}
.hotelstay_bnr{
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
  margin-right: -3%;
  overflow: hidden;
}
.hotelstay_bnr li{
  width: 47%;
  margin: 0 3% 50px 0
}
.hotelstay_bnr li img{
  width: 100%;
}
.hotelstay_bnr li h4,
.hotelstay_bnr li h4 span{
  text-align: center;
  font-weight: 700;
  padding-top: 10px;
  font-size: 1.8rem;
}
.hotelstay_bnr li a{
  color: #333;
  text-decoration: none;
}

.hotelstay_bnr li a:hover h4 span{
  text-decoration: underline;
}
.hotelstay_bnr li p{
  font-size: 1.5rem;
}
.hotelstay_bnr li a:hover img{
  opacity: 0.7;
}

/*experience*/
.experience_wrap{
  margin-right: calc(((100vw - 100%) / 2) * -1);
  margin-left: calc(((100vw - 100%) / 2) * -1);
  border-top:solid 6px #A27900;
  margin-bottom: 40px;
}
.experience_cont{
  background: #FAF5D2;
  margin-right: calc(((100vw - 100%) / 2) * -1);
  margin-left: calc(((100vw - 100%) / 2) * -1);
  padding: 60px 10px;
}
.experience_cont .cp-box{
  width: 49%;
  background: #fff;
margin-bottom: 60px;	
}

.cp-thumb-link-img.ex-image{
  width: 100%;
}
.ex-cont{
  padding: 50px 30px;
  order: 2;
}
.cp-block{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

@media print, screen and (max-width: 767px){
  .ttl_trapezoid{
    width: 94%;
    display:flex;
    align-items: end;
    justify-content: center;
    flex-wrap:wrap;
  }
  /* IE11 */
  _:-ms-lang(x)::-ms-backdrop, .ttl_trapezoid_inner{
  }
  
  /*hotelstay*/
  .hotelstay_wrap{
    padding: 20px 0 20px;
    margin-bottom: 50px;
  }
  .icon_goto_sp{
    display: block;
    padding: 0 20px;
    text-align: center;
    margin-bottom: 20px;
  }
  .hotelstay_bnr{
    margin-right: 0;
  }
  .hotelstay_bnr li{
    width: 90%;
    margin-right:auto;
    margin-left: auto;
    margin-bottom: 30px;
  }
  
  /*experience*/
  .experience_wrap{
    margin-bottom: 20px;
  }
  .experience_item{
  }
  .cp-thumb-link-img.ex-image{
    width: 100%;
  }
  .ex-cont{
    width: 100%;
    padding: 20px;
  }
	.cp-block{
	display: block;
	margin: 0;
	}
	.experience_cont .cp-box{
	width: 100%;
	margin-bottom: 20px;
	}

}



/* search
--------------------------------------------------------------*/
.search_direction {display:none;}
@media print, screen and (min-width: 768px){
  .mv-layout-type01[class*=pc-title-center] .cp-mv-title-block{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateY(-30%) translateX(-50%);
    -webkit- transform: translateY(-30%) translateX(-50%);
    background-color: transparent;
    padding: 0;
    width: calc( 100% - 300px);
  }
  .mv-layout-type01[class*=pc-title-center] .cp-mv-title-block .title-box{
    color: #000;
    margin: auto;
    display: block;
    height: 100%;
    text-align: center;
  }
  .mv-layout-type01[class*=pc-img-maxHeight500] {min-height: 500px;}
}
@media print, screen and (min-width: 768px){
  #contents #slider-block, .res-contents, .res-contents-parent {
    margin-top: 30px;
  }
}


/*wework
--------------------------------------------------------------*/



@media all and (min-width:950px) {
.wework{display: table;margin: auto;margin-top: 60px; margin-bottom: 50px;}
.wework img{display: block; width: 100%;}
}

@media all and (max-width:949px) {
.wework{display: table;margin: auto;margin-top: 60px; margin-bottom: 50px; padding:0;}
.wework img{display: block;width: 100%;height: auto;margin: auto;}
}



/*anchor*/
#hotelstay,#experience{
  padding-top: 80px;
  margin-top: -80px;
}
@media print, screen and (max-width: 767px){
#hotelstay,#experience{
  padding-top: 60px;
  margin-top: -60px;
}
}




/* news
--------------------------------------------------------------*/

.news{width: 75.8%;
	margin: 80px auto;
}
.news-parts{border-bottom: solid 1px #eee;
	padding: 10px;
}
.news-parts a{
	display: block;
}
.news-day{width: 106px;
background: #A99634;
color: #fff;
text-align: center;}
.news-content{margin: 8px 0 0;}

.news-title{color: #A99634;
	font-size: 1.4rem;
	text-align: center;
}
.news-title span{text-transform: uppercase;
	display: block;
	font-size: 3.2rem;
}


@media print, screen and (max-width: 767px){
	.news{width: 100%;}	
	
}

/* article
--------------------------------------------------------------*/

.ex-article-box{
	display: flex;
	margin-right: -3%;
}
.ex-article-box li{
	width: 30%;
	margin-right: 3%;
}
.ex-article-title{
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 15px;
}

@media print, screen and (max-width: 767px){
.ex-article-box{
	display: block;
	margin: 0 ;
}
.ex-article-box li{
	margin: 0 0 20px;
	width: 100%;
}
.ex-article-title{
	font-size: 2rem;
}
	
}