@charset "utf-8";

/*========================================================================================================================
モジュール

・Element
・Heading
・Navigation
・Text
・List
・Definition List
・Layout Block
・Block Element
・Table
・Form
・Top
・Other

========================================================================================================================*/
/*------------------------------------------------------------------------------------------------------------------------
Element
------------------------------------------------------------------------------------------------------------------------*/
#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table{margin-bottom:20px;}
#contents p,
#contents li,
#contents dt,
#contents dd,
#contents caption,
#contents th,
#contents td{
font-size:1.6rem;
line-height:1.857;
}
input,textarea,select,button{
font-size:inherit;
font-family:inherit;
}
label,button{cursor:pointer;}

.only-sp,
#contents .only-sp{display:none;}


/*------------------------------------------------------------------------------------------------------------------------
Heading
------------------------------------------------------------------------------------------------------------------------*/
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6{
margin-bottom:20px;
line-height:1.4;
font-weight:bold;
}

/* hdg-type
----------------------------------------*/
/* hdg-type01 */
#contents .hdg-type01{
position:relative;
margin:0 0 25px;
background:center top no-repeat;
background-size:cover;
color:#c8151d;
text-align:center;
}
#contents .hdg-type01.about{background-image:url(../images/bg/about/hdg-type01.jpg);}
#contents .hdg-type01.facility{background-image:url(../images/bg/facility/hdg-type01.jpg);}
#contents .hdg-type01.stay{background-image:url(../images/bg/stay/hdg-type01.jpg);}
#contents .hdg-type01.days{background-image:url(../images/bg/days/hdg-type01.jpg);}
#contents .hdg-type01.ttc{background-image:url(../images/bg/ttc/hdg-type01.jpg);}
#contents .hdg-type01.cafe{background-image:url(../images/bg/cafe/hdg-type01.jpg);}
#contents .hdg-type01.contact{background-image:url(../images/bg/contact/hdg-type01.jpg);}
#contents .hdg-type01 .hdg{
margin:0 auto;
padding:0 20px;
max-width:1366px;
color:#fff;
font-size:1.4rem;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#contents .hdg-type01 .hdg > .lay{
display:table-cell;
padding-bottom:70px;
width:1366px;
height:250px;
text-align:center;
vertical-align:middle;
}
#contents .hdg-type01 .hdg img{
display:block;
margin:0 auto 5px;
}

/* hdg-type02 */
#contents .hdg-type02{
margin:0 0 30px;
font-size:3rem;
font-weight:normal;
text-align:center;
}

/* hdg-type03 */
#contents .hdg-type03{
margin-bottom:30px;
padding-bottom:15px;
border-bottom:1px solid #c1c1c1;
font-size:2rem;
text-align:center;
}

/* hdg-type04 */
#contents .hdg-type04{
margin-bottom:20px;
font-size:2rem;
font-weight:normal;
}

/* hdg-type05 */
#contents .hdg-type05{
margin-bottom:15px;
font-size:2rem;
font-weight:normal;
}

/* hdg-type06 */
#contents .hdg-type06{
margin-bottom:30px;
font-size:3rem;
font-weight:normal;
text-align:center;
}
#contents .hdg-type06 .caption{
display:block;
margin-top:5px;
font-size:1.5rem;
text-align:center;
}

/* hdg-image
----------------------------------------*/
#contents .hdg-image01{
margin:0 0 15px;
padding:0;
border:0;
background:none;
text-align:center;
}
#contents .hdg-image02{
margin:0;
padding:0;
border:0;
background:none;
text-align:center;
}


/*------------------------------------------------------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------------------------------------------------------*/
/* Topic Path
----------------------------------------*/
#contents #topic-path{
margin:0 auto 35px;
padding:0 20px;
max-width:1366px;
}
#contents #topic-path li{
float:left;
margin:0 0 5px;
font-size:1.2rem;
}
#contents #topic-path li::after{
display:inline-block;
content:'';
overflow:hidden;
margin:-2px 12px 0;
padding:0;
width:1px;
height:12px;
background:#999;
vertical-align:middle;
text-indent:100%;
}
#contents #topic-path li:last-of-type:after{display:none;}
#contents #topic-path a:link,
#contents #topic-path a:visited,
#contents #topic-path a:hover,
#contents #topic-path a:active{color:#333;}

/* nav-cont01
----------------------------------------*/
#contents .nav-cont01{
margin:0 auto 60px;
text-align:center;
letter-spacing:-.4em;
}
#contents .nav-cont01 li{
display:inline-block;
margin:0 20px 20px;
font-size:1.8rem;
letter-spacing:normal;
}
#contents .nav-cont01 li a{
display:inline-block;
box-sizing:border-box;
position:relative;
padding:7px 20px;
min-width:300px;
border:1px solid #55a2a8;
background:#fff;
color:#55a2a8;
text-decoration:none;
}
#contents .nav-cont01 li a::before,
#contents .nav-cont01 li a::after{
content:'';
position:absolute;
top:50%;
right:20px;
height:1px;
background:#55a2a8;
}
#contents .nav-cont01 li a::before{margin-top:-7px;width:1px;height:15px;}
#contents .nav-cont01 li a::after{
margin:5px -5px 0 0;
width:7px;
transform:rotate(-45deg);
}
#contents .nav-cont01 li a:hover{
padding:5px 18px;
border:3px solid #55a2a8;
}
#contents .nav-cont01 li a:hover::before,
#contents .nav-cont01 li a:hover::after{right:18px;}

/* days */
#days #contents .nav-cont01{margin:0 -10px 40px;}
#days #contents .nav-cont01 li{
box-sizing:border-box;
display:block;
float:left;
margin:0 0 10px;
padding:0 11px;
width:20%;
}
#days #contents .nav-cont01 li a{
display:block;
min-width:0;
border:1px solid #c40069;
color:#c40069;
}
#days #contents .nav-cont01 li a::before,
#days #contents .nav-cont01 li a::after{background:#c40069;}
#days #contents .nav-cont01 li a:hover{border-width:3px;}

/* cafe */
#contents .nav-cont01.cafe li{margin:0 10px 20px;}
#contents .nav-cont01.cafe li a{
border:1px solid #9fc157;
color:#9fc157;
}
#contents .nav-cont01.cafe li a::before,
#contents .nav-cont01.cafe li a::after{background:#9fc157;}
#contents .nav-cont01.cafe li a:hover{border-width:3px;}


/*------------------------------------------------------------------------------------------------------------------------
Text
------------------------------------------------------------------------------------------------------------------------*/
#contents .color-type01{color:#f00;}
#contents .color-type02{color:#ff8000;}
#contents .color-type03{color:#228b22;}

#contents .text-type00{font-size:1rem;}
#contents .text-type01{font-size:1.1rem;}
#contents .text-type02{font-size:1.2rem;}
#contents .text-type03{font-size:1.3rem;}
#contents .text-type04{font-size:1.4rem;}
#contents .text-type05{font-size:1.5rem;}
#contents .text-type06{font-size:1.6rem;}

#contents .align-type01{text-align:left !important;}
#contents .align-type02{text-align:center !important;}
#contents .align-type03{text-align:right !important;}

#contents .valign-type01{vertical-align:top !important;}
#contents .valign-type02{vertical-align:middle !important;}
#contents .valign-type03{vertical-align:bottom !important;}

/* txt-area01
----------------------------------------*/
#contents .txt-area01{padding:0 20px;}
#contents .txt-area01 p{margin-bottom:15px;}

/* link01
----------------------------------------*/
#contents .link01{
display:inline-block;
position:relative;
padding-right:20px;
border-bottom:1px solid #55a2a8;
color:#55a2a8;
text-decoration:none;
line-height:1.4;
vertical-align:middle;
}
#contents .link01::before,
#contents .link01::after{
content:'';
position:absolute;
top:50%;
right:0;
height:1px;
background:#55a2a8;
}
#contents .link01::before{width:15px;}
#contents .link01::after{
margin-top:-3px;
width:7px;
transform:rotate(45deg);
}
#contents .link01:hover{border-color:transparent !important;}


/* btn01
----------------------------------------*/
#contents .btn01{
font-size:1.4rem;
text-align:center;
}
#contents .btn01 a{
display:inline-block;
box-sizing:border-box;
position:relative;
padding:11px 20px;
min-width:300px;
border:1px solid #55a2a8;
background:#fff;
color:#55a2a8;
text-decoration:none;
}
#contents .btn01 a::before,
#contents .btn01 a::after{
content:'';
position:absolute;
top:50%;
right:20px;
height:1px;
background:#55a2a8;
}
#contents .btn01 a::before{width:15px;}
#contents .btn01 a::after{
margin-top:-3px;
width:7px;
transform:rotate(45deg);
}
#contents .btn01 a:hover{
padding:9px 18px;
border:3px solid #55a2a8;
}
#contents .btn01 a:hover::before,
#contents .btn01 a:hover::after{right:18px;}
#contents .btn01.schedule01 span::before,
#contents .btn01.schedule02 span::before{
display:inline-block;
content:'';
margin:-2px 10px 0 0;
width:14px;
height:16px;
background:left top no-repeat;
background-size:14px auto;
vertical-align:middle;
}
#contents .btn01.schedule01 span::before{background-image:url(../images/bg/icon-schedule01.png);}
#contents .btn01.schedule02 span::before{background-image:url(../images/bg/icon-schedule02.png);}
#contents .btn01.progress01{font-size:1.8rem;}
#contents .btn01.progress01 a{
padding:7px 50px 7px 30px;
min-width:0;
}
#contents .btn01.progress01 a:hover{padding:5px 50px 5px 30px;}
#contents .btn01.progress01  a:hover::before,
#contents .btn01.progress01  a:hover::after{right:20px;}



/* btn02
----------------------------------------*/
#contents .btn02{
font-size:1.4rem;
text-align:center;
}
#contents .btn02 a,
#contents .btn02 span{
display:inline-block;
box-sizing:border-box;
position:relative;
padding:11px 20px;
min-width:300px;
border:1px solid #fff;
background:rgba(0,0,0,0.50);
color:#fff;
text-decoration:none;
}
#contents .btn02 a::before,
#contents .btn02 a::after,
#contents .btn02 span::before,
#contents .btn02 span::after{
content:'';
position:absolute;
top:50%;
right:20px;
height:1px;
background:#fff;
}
#contents .btn02 a::before,
#contents .btn02 span::before{width:15px;}
#contents .btn02 a::after,
#contents .btn02 span::after{
margin-top:-3px;
width:7px;
transform:rotate(45deg);
}
#contents .btn02 a:hover,
#contents .btn02 span:hover{
padding:9px 18px;
border:3px solid #fff;
}
#contents .btn02 a:hover::before,
#contents .btn02 a:hover::after,
#contents .btn02 span:hover::before,
#contents .btn02 span:hover::after{right:18px;}

/* btn03
----------------------------------------*/
#contents .btn03{
font-size:1.4rem;
text-align:center;
}
#contents .btn03 a{
display:block;
box-sizing:border-box;
position:relative;
padding:11px 20px;
border:1px solid #fff;
color:#fff;
text-decoration:none;
}
#contents .btn03 a::before,
#contents .btn03 a::after{
content:'';
position:absolute;
top:50%;
right:20px;
height:1px;
background:#fff;
}
#contents .btn03 a::before{width:15px;}
#contents .btn03 a::after{
margin-top:-3px;
width:7px;
transform:rotate(45deg);
}
#contents .btn03 a:hover{
padding:9px 18px;
border:3px solid #fff;
}
#contents .btn03 a:hover::before,
#contents .btn03 a:hover::after{right:18px;}
#contents .btn03.mail01 span::before{
display:inline-block;
content:'';
margin:-2px 10px 0 0;
width:24px;
height:16px;
background:url(../images/bg/icon-mail01.png) left top no-repeat;
background-size:24px auto;
vertical-align:middle;
}

/* btn04
----------------------------------------*/
#contents .btn04{
font-size:1.8rem;
text-align:center;
}
#contents .btn04 a{
display:inline-block;
box-sizing:border-box;
position:relative;
padding:7px 60px;
border:1px solid #7356a3;
color:#7356a3;
text-decoration:none;
}
#contents .btn04 a::before,
#contents .btn04 a::after{
content:'';
position:absolute;
top:50%;
right:20px;
height:1px;
background:#7356a3;
}
#contents .btn04 a::before{width:15px;}
#contents .btn04 a::after{
margin-top:-3px;
width:7px;
transform:rotate(45deg);
}
#contents .btn04 a:hover{
padding:5px 58px;
border:3px solid #7356a3;
}
#contents .btn04 a:hover::before,
#contents .btn04 a:hover::after{right:18px;}


/* img-flow01
----------------------------------------*/
#contents .img-flow01{
margin:0 -1px 80px;
text-align:center;
}


/*------------------------------------------------------------------------------------------------------------------------
List
------------------------------------------------------------------------------------------------------------------------*/
li{margin-bottom:5px;}

/* list-disc
----------------------------------------*/
#contents .list-disc01 li{
position:relative;
padding-left:10px;
}
#contents .list-disc01 li::before{
content:'';
position:absolute;
top:.75em;
left:2px;
width:3px;
height:3px;
border-radius:3px;
background:#333;
}

/* list-notation01
----------------------------------------*/
#contents .list-notation01 li{
overflow:hidden;
margin-bottom:3px;
font-size:1.4rem;
line-height:1.4;
}
#contents .list-notation01 li .mark{
display:block;
float:left;
margin-right:2px;
}
#contents .list-notation01 li .txt{
display:block;
overflow:hidden;
}

/*------------------------------------------------------------------------------------------------------------------------
Definition List
------------------------------------------------------------------------------------------------------------------------*/
/* dlist-type01
----------------------------------------*/
#contents .dlist-type01 dt{font-weight:bold;}
#contents .dlist-type01 dd{margin-bottom:20px;}


/*------------------------------------------------------------------------------------------------------------------------
Layout Block
------------------------------------------------------------------------------------------------------------------------*/
#contents .element-left{
float:left;
margin-right:20px;
}
#contents .element-right{
float:right;
margin-left:20px;
}

/* blk-column01
----------------------------------------*/
#contents .blk-column01{overflow:hidden;}
#contents .blk-column01.img-left .img{
float:left;
margin-right:20px;
}
#contents .blk-column01.img-right .img{
float:right;
margin-left:20px;
}
#contents .blk-column01 .txt{overflow:hidden;}

/* blk-column02
----------------------------------------*/
#contents .blk-column02{
display:table;
width:100%;
}
#contents .blk-column02 .txt{
display:table-cell;
vertical-align:top;
}
#contents .blk-column02 .img{margin-left:20px;}

/* blk-col
----------------------------------------*/
#contents .blk-col{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -5px 20px;
}
#contents .blk-col.col2-01 .cont{
box-sizing:border-box;
margin:0 5px;
width:calc(50% - 10px);
}
#contents .blk-col.col3-01{margin:0 -1.346% 30px;}
#contents .blk-col.col3-01 .cont{
margin:0 1.347% 30px;
width:calc(33.33% - 2.694%);
}
#contents .blk-col.col3-01 .cont.seg{
padding-top:25px;
border-top:1px solid #c1c1c1;
}
#contents .blk-col .cont.img-column01{overflow:hidden;}
#contents .blk-col .cont.img-column01 .img{
float:left;
margin-right:30px;
width:47.777%;
}
#contents .blk-col .cont.img-column01 .txt{overflow:hidden;}
#contents .blk-col .cont.img-column01 p{font-size:1.4rem;}


/* blk-modal01
--------------------------------------*/
/*#contents .blk-modal01{
display:none;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
position:absolute;
left:50%;
z-index:1000;
margin-left:-430px;
width:860px;
background:#fff;
}
#contents .blk-modal01 > .lay{
position:relative;
padding:0 30px 10px;
}
#contents .blk-modal01 .close{
position:absolute;
top:10px;
right:10px;
margin:0;
width:40px;
height:40px;
}
#contents .blk-modal01 .close a{
display:block;
overflow:hidden;
position:relative;
width:40px;
height:40px;
background:#fff;
text-indent:100%;
white-space:nowrap;
}
#contents .blk-modal01 .close a::before,
#contents .blk-modal01 .close a::after{
content:'';
position:absolute;
top:50%;
left:50%;
margin:-12px 0 0 -4px;
width:8px;
height:25px;
background:#465c95;
}
#contents .blk-modal01 .close a::before{
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
#contents .blk-modal01 .close a::after{
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}*/


/*------------------------------------------------------------------------------------------------------------------------
Block Element
------------------------------------------------------------------------------------------------------------------------*/
/* iframe-movie01
----------------------------------------*/
#contents .iframe-movie01{
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
#contents .iframe-movie01 iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* about-visual
----------------------------------------*/
#about-visual{
position:relative;
margin:0 0 100px;
}
#about-visual .bg{
position:absolute;
top:0;
left:0;
z-index:0;
width:100%;
height:100vh;
background:center center no-repeat;
background-size:cover;
transition:all .5s ease;
opacity:0;
}
#about-visual .bg.fixed{position:fixed;}
#about-visual .bg.current{z-index:1;opacity:1;}
#about-visual .bg.bg01{background-image:url(../images/bg/about/about-visual01.jpg);}
#about-visual .bg.bg02{background-image:url(../images/bg/about/about-visual02.jpg);}
#about-visual .bg.bg03{top:auto;bottom:0;background-image:url(../images/bg/about/about-visual03.jpg);background-position:bottom center;}
#about-visual .about-contents{
box-sizing:border-box;
position:relative;
z-index:10;
margin:0 auto;
padding:120px 20px 0;
max-width:575px;
min-height:3240px;
}
#about-visual .about-contents .hdg-yoga{
margin:0 auto 90px;
color:#fff;
font-size:3rem;
font-weight:normal;
text-align:center;
}
#about-visual .about-contents .hdg-yoga-travel img{
display:block;
margin:0 auto 35px;
}
#about-visual .about-contents .hdg-yoga-travel span{
display:block;
margin:0 auto;
padding:15px 0;
max-width:706px;
border:2px solid rgba(255,255,255,.5);
}
#about-visual .about-contents .txt{
position:relative;
z-index:10;
padding:50px 60px 10px;
width:453px;
background:rgba(255,255,255,.9);
box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);
}
#about-visual .about-contents .txt p{
margin-bottom:40px;
line-height:2.25;
}

/* stay-visual
----------------------------------------*/
#stay-visual{
position:relative;
margin:0 0 80px;
}
#stay-visual .bg{
position:absolute;
top:0;
left:0;
z-index:0;
width:100%;
height:100vh;
background:center center no-repeat;
background-size:cover;
transition:all .5s ease;
opacity:0;
}
#stay-visual .bg.fixed{position:fixed;}
#stay-visual .bg.current{z-index:1;opacity:1;}
#stay-visual .bg.bg01{background-image:url(../images/bg/stay/stay-visual01.jpg);}
#stay-visual .bg.bg02{background-image:url(../images/bg/stay/stay-visual02.jpg);}
#stay-visual .bg.bg03{background-image:url(../images/bg/stay/stay-visual03.jpg);}
#stay-visual .bg.bg04{top:auto;bottom:0;background-image:url(../images/bg/stay/stay-visual04.jpg);background-position:bottom center;}
#stay-visual .stay-contents{
box-sizing:border-box;
position:relative;
z-index:10;
margin:0 auto;
padding:80px 20px 0;
max-width:1366px;
min-height:4320px;
}
#stay-visual .stay-contents .hdg-yoga-travel{
margin:0 auto 200px;
color:#fff;
font-size:3rem;
font-weight:normal;
text-align:center;
}
#stay-visual .stay-contents .hdg-yoga-travel img{
display:block;
margin:0 auto 35px;
}
#stay-visual .stay-contents .hdg-yoga-travel span{
display:block;
margin:0 auto;
padding:15px 0;
max-width:706px;
border:2px solid rgba(255,255,255,.5);
}
#stay-visual .stay-contents .txt{
position:relative;
z-index:10;
padding:50px 60px 10px;
width:453px;
background:rgba(255,255,255,.9);
box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);
}
#stay-visual .stay-contents .cont02 .txt{margin-left:auto;}
#stay-visual .stay-contents .txt p{
margin-bottom:40px;
line-height:2.25;
}
#stay-visual .stay-contents .cont01,
#stay-visual .stay-contents .cont02{
position:relative;
margin:0 auto;
max-width:1266px;
}
#stay-visual .stay-contents .cont01{margin-bottom:100px;padding-bottom:387px;}
#stay-visual .stay-contents .cont02{margin-bottom:180px;padding-bottom:547px;}
#stay-visual .stay-contents .img01{
position:absolute;
left:50%;
bottom:280px;
width:500px;
}
#stay-visual .stay-contents .img02{
position:absolute;
left:50%;
bottom:0;
width:420px;
}
#stay-visual .stay-contents .cont01 .img01{margin:0 0 0 -100px;}
#stay-visual .stay-contents .cont01 .img02{margin:0 0 0 400px;}
#stay-visual .stay-contents .cont02 .img01{margin:0 0 0 -380px;}
#stay-visual .stay-contents .cont02 .img02{margin:0 0 0 -800px;}
#stay-visual .stay-contents .img01::before,
#stay-visual .stay-contents .img02::before{
content:'';
position:absolute;
width:calc(100% - 6px);
height:calc(100% - 6px);
border:3px solid rgba(255,255,255,.5);
}
#stay-visual .stay-contents .cont01 .img01::before,
#stay-visual .stay-contents .cont01 .img02::before{top:-20px;left:-20px;}
#stay-visual .stay-contents .cont02 .img01::before,
#stay-visual .stay-contents .cont02 .img02::before{top:-20px;left:20px;}

/* blk-retreat01
----------------------------------------*/
#contents .blk-retreat01{
margin:0 0 80px;
background:url(../images/bg/stay/blk-retreat.jpg) center center no-repeat;
}

/* overview */
#contents .blk-retreat01 .overview{
display:table;
margin:0 0 50px;
width:100%;
}
#contents .blk-retreat01 .overview .img{
display:table-cell;
width:auto;
vertical-align:top;
}
#contents .blk-retreat01 .overview .txt{
display:table-cell;
width:466px;
vertical-align:top;
text-align:center;
}
#contents .blk-retreat01 .overview .txt p{line-height:2.25;}

/* retreat-plan */
#contents .blk-retreat01 .retreat-plan{
position:relative;
padding:50px 60px 35px;
background:#eef6f6 url(../images/bg/pattern01.png) left top repeat;
}
#contents .blk-retreat01 .retreat-plan::before{
content:'';
position:absolute;
top:0;
left:0;
width:0;
height:0;
border-style:solid;
border-width:60px 60px 0 0;
border-color:#ffffff transparent transparent transparent;
}
#contents .blk-retreat01 .retreat-plan .hdg-retreat{
margin-bottom:30px;
padding-bottom:15px;
border-bottom:1px solid #c1c1c1;
font-size:2rem;
text-align:center;
}
#contents .blk-retreat01 .retreat-plan .cont01{
box-sizing:border-box;
float:left;
width:53.3158%;
padding-right:6.631%;
}
#contents .blk-retreat01 .retreat-plan .dlist-type01 dt,
#contents .blk-retreat01 .retreat-plan .dlist-type01 dd{font-size:1.4rem;}
#contents .blk-retreat01 .retreat-plan .list-disc01 li{font-size:1.4rem;}
#contents .blk-retreat01 .retreat-plan .list-notation01 li{font-size:1.2rem;}
#contents .blk-retreat01 .retreat-plan .cont02{
box-sizing:border-box;
float:right;
padding:35px 40px 20px;
width:46.6842%;
background:#fff;
}
#contents .blk-retreat01 .retreat-plan  .tbl-type01 th,
#contents .blk-retreat01 .retreat-plan  .tbl-type01 td{font-size:1.4rem;}

/* blk-retreat02
----------------------------------------*/
#contents .blk-retreat02{
margin:0 0 -80px;
padding-bottom:80px;
background:url(../images/bg/stay/blk-retreat.jpg) center 335px no-repeat;
}

/* overview */
#contents .blk-retreat02 .overview{
display:table;
margin:0 0 60px;
width:100%;
}
#contents .blk-retreat02 .overview .img{
display:table-cell;
width:auto;
vertical-align:top;
}
#contents .blk-retreat02 .overview .txt{
display:table-cell;
width:496px;
vertical-align:top;
text-align:center;
}
#contents .blk-retreat02 .overview .txt p{
margin-bottom:40px;
line-height:2.25;
}

/* days-scrollify
--------------------------------------*/
#days-scrollify{overflow:hidden;}
#days-scrollify .days-section{
position:relative;
z-index:1;
background:center center no-repeat;
background-size:cover;
}
#days-page1{padding-top:130px;}
#days-page1.js-scrollify-section,
#days-page7.js-scrollify-section{height:auto !important;}
#days-scrollify #days-page2.days-section{background-image:url(../images/bg/days/days-section01.png);}
#days-scrollify #days-page3.days-section{background-image:url(../images/bg/days/days-section05.png);}
#days-scrollify #days-page4.days-section{background-image:url(../images/bg/days/days-section02.png);}
#days-scrollify #days-page5.days-section{background-image:url(../images/bg/days/days-section03.png);}
#days-scrollify #days-page6.days-section{background-image:url(../images/bg/days/days-section04.png);}

#days-scrollify .days-pager{
display:none;
position:fixed;
top:50%;
left:3.153%;
z-index:10;
transform:translateY(-50%);
margin:37px 0 0;
padding:0;
}
#days-scrollify .days-pager li{
display:block;
margin:20px 0;
}
#days-scrollify .days-pager li:nth-child(1),
#days-scrollify .days-pager li:nth-child(7){display:none;}
#days-scrollify .days-pager li a{
display:block;
width:10px;
height:10px;
background:#fff;
border-radius:50%;
}
#days-scrollify .days-pager .is-current a{background:#264479;}

/* days-contents
--------------------------------------*/
#contents .days-contents{
position:relative;
margin:0 auto;
padding:130px 20px 56px;
max-width:1266px;
}
#contents .days-contents > .lay{
display:table-cell;
width:1266px;
height:calc(100vh - 186px);
vertical-align:middle;
}
#contents .days-contents .days-body{position:relative;}
#contents .days-contents .days-body::after,
#contents .days-contents .days-body::before{
content:'';
position:absolute;
z-index:5;
background:left top no-repeat;
}
#contents #days-page2 .days-contents .days-body::after{
top:612px;
left:50%;
margin-left:380px;
width:424px;
height:286px;
background-image:url(../images/bg/days/regular-object01.png);
}
#contents #days-page4 .days-contents .days-body::before{
top:-30px;
left:-136px;
width:156px;
height:154px;
background-image:url(../images/bg/days/private-object01.png);
}
#contents #days-page4 .days-contents .days-body::after{
top:606px;
right:0;
margin-right:-124px;
width:266px;
height:230px;
background-image:url(../images/bg/days/private-object02.png);
}
#contents #days-page5 .days-contents .days-body::before{
top:108px;
left:-120px;
width:102px;
height:112px;
background-image:url(../images/bg/days/beach-object01.png);
}
#contents #days-page5 .days-contents .days-body::after{
top:625px;
right:0;
margin-right:-150px;
width:232px;
height:238px;
background-image:url(../images/bg/days/beach-object02.png);
}
#contents #days-page6 .days-contents .days-body::after{
top:590px;
bottom:0;
left:50%;
margin-left:458px;
width:288px;
height:360px;
background-image:url(../images/bg/days/chakra-object01.png);
}

/* head */
#contents .days-contents .head{
position:relative;
overflow:hidden;
padding-top:40px;
min-height:600px;
}
#contents .days-contents .head .hdg{
position:relative;
z-index:1;
margin-bottom:20px;
color:#fff;
font-size:1.8rem;
}
#contents #days-page3 .days-contents .head .hdg img,
#contents #days-page3 .days-contents .head .hdg > .lay,
#contents #days-page5 .days-contents .head .hdg img,
#contents #days-page5 .days-contents .head .hdg > .lay{margin-left:auto;}
#contents .days-contents .head .hdg img{
display:block;
margin-bottom:5px;
}
#contents .days-contents .head .hdg > .lay{
display:block;
padding:12px 10px;
max-width:400px;
text-align:center;
}
#contents #days-page2 .days-contents .head .hdg > .lay{background-color:#55a2a8;}
#contents #days-page3 .days-contents .head .hdg > .lay{background-color:#f0811f;}
#contents #days-page4 .days-contents .head .hdg > .lay{background-color:#c40069;}
#contents #days-page5 .days-contents .head .hdg > .lay{background-color:#e4e072;color:#333;}
#contents #days-page6 .days-contents .head .hdg > .lay{background-color:#7356a3;}
#contents .days-contents .head .img{
position:absolute;
top:0;
left:306px;
z-index:0;
margin:0;
}
#contents #days-page3 .days-contents .head .img,
#contents #days-page5 .days-contents .head .img{left:auto;right:306px;}
#contents .days-contents .head .img img{max-width:none;}
#contents .days-contents .head .txt{
position:relative;
z-index:1;
}
#contents #days-page3 .days-contents .head .txt,
#contents #days-page5 .days-contents .head .txt{
margin-left:auto;
text-align:right;
}
#contents .days-contents .head .txt p{
margin-bottom:10px;
line-height:2.25;
}

/* info */
#contents .days-contents .info{
position:relative;
overflow:hidden;
padding:35px 40px;
background:#fff;
}
#contents .days-contents .info::before{
content:'';
position:absolute;
top:35px;
left:calc(380px + 2.6%);
bottom:35px;
width:1px;
background:#c1c1c1;
}
#contents .days-contents .info p,
#contents .days-contents .info li{font-size:1.4rem;}
#contents .days-contents .info .font-zoom01{font-size:1.6rem;}
#contents .days-contents .info p,
#contents .days-contents .info ul{margin-bottom:5px;}
#contents .days-contents .info .cont01{
float:left;
padding-right:1.1%;
width:360px;
}
#contents .days-contents .info .cont02{
overflow:hidden;
padding-left:2.8%;
}
#contents .days-contents .link01{
font-size:1.4rem;
font-weight:bold;
}
#contents #days-page4 .days-contents .link01{color:#c40069;border-color:#c40069;}
#contents #days-page4 .days-contents .link01::before,
#contents #days-page4 .days-contents .link01::after{background:#c40069;}
#contents #days-page6 .days-contents .link01{color:#7356a3;border-color:#7356a3;}
#contents #days-page6 .days-contents .link01::before,
#contents #days-page6 .days-contents .link01::after{background:#7356a3;}
#contents .days-contents .info .list-disc01 li,
#contents .days-contents .info .list-notation01 li{
font-size:1.2rem;
line-height:1.5;
}
#contents .days-contents .info .cont01 .list-disc01 li{font-size:1.4rem;}
#contents .days-contents .info .btn01{text-align:left;}
#contents .days-contents .info .btn01 a{
padding:3px 20px;
min-width:240px;
text-align:center;
}
#contents .days-contents .info .btn01 a:hover{
padding-top:1px;
padding-bottom:1px;
}

/* ttc
--------------------------------------*/
#contents .ttc-mv{margin:0;}

/* ttc-lead */
#contents .ttc-lead{
margin:0 auto 50px;
padding:0 20px;
max-width:960px;
}
#contents .ttc-lead .lead{
box-sizing:border-box;
position:relative;
margin:-125px 0 50px;
padding:60px 20px 20px;
min-height:250px;
background:rgba(255,255,255,.9);
box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);
font-size:4.8rem;
text-align:center;
line-height:1.857;
}
#contents .ttc-lead .lead span{
display:block;
font-size:1.6rem;
}
#contents .ttc-lead p{line-height:2.25;}

/* course-plan */
#contents .course-plan{
position:relative;
margin-bottom:70px;
padding:50px 60px 35px;
background:#f1eef6 url(../images/bg/pattern01.png) left top repeat;
}
#contents .course-plan::before{
content:'';
position:absolute;
top:0;
left:0;
width:0;
height:0;
border-style:solid;
border-width:60px 60px 0 0;
border-color:#ffffff transparent transparent transparent;
}

/* list-course01 */
#contents .list-course01 li{
display:table;
margin-bottom:20px;
padding-right:3.49%;
width:96.51%;
background:#fff;
}
#contents .list-course01 li .date01,
#contents .list-course01 li .date02{
display:table-cell;
width:160px;
height:100px;
color:#fff;
font-size:2rem;
text-align:center;
vertical-align:middle;
}
#contents .list-course01 li .date01{background:#7356a3}
#contents .list-course01 li .date02{background:#55a2a8}
#contents .list-course01 li .title{
display:table-cell;
padding:10px 20px;
width:auto;
height:80px;
vertical-align:middle;
}
#contents .list-course01 li .title .icon{
float:left;
margin-right:20px;
vertical-align:middle;
}
#contents .list-course01 li .title .txt{
display:table-cell;
height:60px;
vertical-align:middle;
}
#contents .list-course01 li .detail{
display:table-cell;
width:240px;
height:100px;
font-size:1.4rem;
vertical-align:middle;
}
#contents .list-course01 li .detail a{
display:block;
padding:3px 20px;
}
#contents .list-course01 li .detail a:hover{padding:1px 18px;}

/* blk-feature01 */
#contents .blk-feature01{
display:flex;
justify-content:center;
flex-wrap:wrap;
margin:0 -18px 20px -17px;
}
#contents .blk-feature01 .cont{
box-sizing:border-box;
margin:0 18px 30px 17px;
padding:0 20px;
width:calc(33.33% - 35px);
}
#contents .blk-feature01 .img{
margin:0 -20px;
text-align:center;
}
#contents .blk-feature01 .hdg{
margin:-55px 0 10px;
min-height:180px;
font-size:2rem;
font-weight:normal;
line-height:1.8;
}
#contents .blk-feature01 .hdg .num{
display:block;
margin-bottom:5px;
color:#7356a3;
font-size:10rem;
line-height:1;
}
#contents .blk-feature01 p{font-size:1.4rem;}

/* cafe
--------------------------------------*/
/* cafe-main */
#cafe-main{
position:relative;
margin-bottom:70px;
}
#cafe-main .title{
position:absolute;
top:50%;
right:0;
z-index:100;
margin:-164px 0 0 0;
}
#cafe-main .bx-wrapper .bx-controls{margin-top:30px;}

/* news-area01 */
#contents .news-area01{
position:relative;
margin-bottom:70px;
padding:50px 60px 35px;
background:#f7f6d4 url(../images/bg/pattern01.png) left top repeat;
text-align:center;
}
#contents .news-area01::before{
content:'';
position:absolute;
top:0;
left:0;
width:0;
height:0;
border-style:solid;
border-width:60px 60px 0 0;
border-color:#ffffff transparent transparent transparent;
}
#contents .news-area01 .txt01{
display:inline-block;
text-align:left;
}
#contents .news-area01 a:link,
#contents .news-area01 a:visited{color:#333;text-decoration:underline;}
#contents .news-area01 a:hover,
#contents .news-area01 a:active{color:#333;text-decoration:none;}

/* blk-contact01
--------------------------------------*/
#contents .blk-contact01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:70px -2.369% 30px;
}
#contents .blk-contact01 .cont{
box-sizing:border-box;
position:relative;
margin:0 2.263% 40px;
padding:30px 8.296% 120px;
width:calc(50% - 4.525%);
background:center top repeat-y;
background-size:100% auto;
}
#contents .blk-contact01 .cont.inquiry01{background-image:url(../images/bg/pattern02.png);}
#contents .blk-contact01 .cont.inquiry02{background-image:url(../images/bg/pattern03.png);}
#contents .blk-contact01 .cont.inquiry03{background-image:url(../images/bg/pattern04.png);}
#contents .blk-contact01 .cont.inquiry04{background-image:url(../images/bg/pattern05.png);}
#contents .blk-contact01 .cont .hdg{
margin-bottom:15px;
color:#fff;
font-size:2rem;
font-weight:normal;
line-height:1.3;
}
#contents .blk-contact01 .cont .hdg span{
display:table-cell;
width:380px;
height:53px;
padding-bottom:15px;
border-bottom:1px solid #fff;
text-align:center;
vertical-align:bottom;
}
#contents .blk-contact01 .cont p{
margin-bottom:15px;
color:#fff;
font-size:1.4rem;
}
#contents .blk-contact01 .cont .list-disc01 li{
margin-bottom:0;
color:#fff;
font-size:1.4rem;
}
#contents .blk-contact01 .cont .list-disc01 li::before{background:#fff;}
#contents .blk-contact01 .cont .btn03{
position:absolute;
bottom:60px;
right:18.243%;
left:18.243%;
margin:0;
font-size:1.8rem;
line-height:1.45;
}
#contents .blk-contact01 .btn01{text-align:left;}
#contents .blk-contact01 .btn01 a{
padding:3px 20px;
min-width:240px;
background:transparent;
border-color:#fff;
color:#fff;
text-align:center;
}
#contents .blk-contact01 .btn01 a::before,
#contents .blk-contact01 .btn01 a::after{background-color:#fff;}
#contents .blk-contact01 .btn01 a:hover{
padding-top:1px;
padding-bottom:1px;
}

/* coming-soon01
----------------------------------------*/
#contents .coming-soon01{
margin:0 0 -80px;
padding:100px 0 80px;
min-height:400px;
background:url(../images/bg/stay/blk-retreat.jpg) center 160px no-repeat;
}
#contents .coming-soon01 .cont{
position:relative;
margin:0 auto;
max-width:440px;
}
#contents .coming-soon01 .cont .hdg{
margin:0;
}
#contents .coming-soon01 .cont p{
margin:-50px 0 0;
padding-left:150px;
font-weight:bold;
}


/* bxslider
--------------------------------------*/
.bx-wrapper .bx-pager{
text-align:center;
letter-spacing:-.4em;
}
.bx-wrapper .bx-pager .bx-pager-item{
display:inline-block;
margin:0 10px;
letter-spacing:normal;
font-size:0;
}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link{
display:block;
overflow:hidden;
width:10px;
height:10px;
border-radius:10px;
background:#e5e5e5;
text-indent:100%;
white-space:nowrap;
}
.bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active{background:#264479;}
.bx-wrapper .bx-loading{
position:absolute;
top:0;
left:0;
z-index:5;
width:100%;
height:50px;
background:url(../images/bg/bxslider/bx_loader.gif) center center no-repeat;
}


/* slick
--------------------------------------*/
.slick-slider{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
 -moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus{outline: none;}
.slick-list.dragging{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
-webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after{
display: table;
content: '';
}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}

.slick-slide{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden{display: none;}

#contents .slick-dots{
text-align:center;
letter-spacing:-.4em;
}
#contents .slick-dots li{
display:inline-block;
margin:0 10px;
padding:0;
letter-spacing:normal;
font-size:0;
vertical-align:top;
}
#contents .slick-dots li button{
display:block;
overflow:hidden;
padding:0;
width:10px;
height:10px;
border:0;
border-radius:10px;
background:#e5e5e5;
text-indent:100%;
white-space:nowrap;
}
#contents .slick-dots li.slick-active button{background:#264479;}


/* colorbox
--------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:rgba(51,51,51,.95);}
#colorbox{outline:0;}
#cboxContent{background:#fff;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxTitle{display:none;}
#cboxCurrent{display:none !important;}
#cboxLoadingOverlay{background:url(../images/bg/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/bg/colorbox/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; top:50%; left:-100px; margin-top:-40px; background:url(../images/bg/colorbox/controls.png) no-repeat -50px 0; width:60px; height:80px; text-indent:-9999px;}
#cboxNext{position:absolute; top:50%; right:-100px; margin-top:-40px; background:url(../images/bg/colorbox/controls.png) no-repeat -110px 0; width:60px; height:80px; text-indent:-9999px;}
#cboxClose{position:absolute; top:-70px; right:0; background:url(../images/bg/colorbox/controls.png) no-repeat 0 0; width:44px; height:44px; text-indent:-9999px;}
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover{opacity:.7;}


/*------------------------------------------------------------------------------------------------------------------------
Table
------------------------------------------------------------------------------------------------------------------------*/

/* tbl-normal
----------------------------------------*/
#contents .tbl-normal{width:100%;}
#contents .tbl-normal th,
#contents .tbl-normal td{
padding:3px 0;
border:0;
text-align:left;
vertical-align:middle;
}

/* tbl-type01
----------------------------------------*/
#contents .tbl-type01{width:100%;}
#contents .tbl-type01 th,
#contents .tbl-type01 td{
padding:7px 5px;
background:#fff;
vertical-align:middle;
}
#contents .tbl-type01 tbody tr:nth-child(2n-1) td{background:#f9f9f9;}

/* table-align
----------------------------------------*/
table tr.align-type01 th,
table tr.align-type01 td{
text-align:left;
}
table thead.align-type02 th,
table tbody.align-type02 th,
table tbody.align-type02 td,
table tr.align-type02 th,
table tr.align-type02 td{
text-align:center;
}
table thead.align-type03 th,
table tbody.align-type03 th,
table tbody.align-type03 td,
table tr.align-type03 th,
table tr.align-type03 td{
text-align:right;
}

table tr.valign-type01 th,
table tr.valign-type01 td,
table th.valign-type01,
table td.valign-type01{
vertical-align:top;
}
table tbody.valign-type02 th,
table tbody.valign-type02 td,
table tr.valign-type02 th,
table tr.valign-type02 td,
table th.valign-type02,
table td.valign-type02{
vertical-align:middle;
}
table tbody.valign-type03 th,
table tbody.valign-type03 td,
table tr.valign-type03 th,
table tr.valign-type03 td,
table th.valign-type03,
table td.valign-type03{
vertical-align:bottom;
}

table .nowrap{
white-space:nowrap;
}


/*------------------------------------------------------------------------------------------------------------------------
Form
------------------------------------------------------------------------------------------------------------------------*/
/* input-type
----------------------------------------*/
#contents .input-type01,
#contents .input-type02,
#contents .input-type03{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding:5px 10px;
border:1px solid #ccc;
}
#contents .input-type01{width:100px;}
#contents .input-type02{width:250px;}
#contents .input-type03{width:500px;}
input::-webkit-input-placeholder{color:#ccc;}
input::-moz-placeholder{color:#ccc;}
input:-ms-input-placeholder{color:#ccc;}

/* textarea-type
----------------------------------------*/
#contents .textarea-type01{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding:5px 10px;
border:1px solid #ccc;
width:100%;
height:140px;
}
#contents .textarea-type02{
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
padding:5px 10px;
border:1px solid #ccc;
width:100%;
height:80px;
}

/* select-type01
----------------------------------------*/
#contents .select-type01{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
padding:5px 35px 5px 10px;
min-width:150px;
border:1px solid #ccc;
background:#fff url(../images/bg/select-type01-arrow.html) right center no-repeat;
}
#contents .select-type01::-ms-expand{display:none;}
#contents .select-type01 option{padding:0 5px 0 13px;}

/* cbx01
--------------------------------------*/
#contents .cbx01{
display:block;
position:relative;
overflow:hidden;
padding-left:28px;
min-height:22px;
}
#contents .cbx01::before{
content:'';
position:absolute;
top:0.15em;
left:0;
width:20px;
height:20px;
background:url(../images/bg/cbx01.html) left top no-repeat;
background-size:20px auto;
}
#contents .cbx01.checked::before{background-position:0 -20px;}
#contents .cbx01 input[type='checkbox']{
position:absolute;
top:0;
left:-100px;
}

/* radio01
--------------------------------------*/
#contents .radio01{
display:block;
position:relative;
overflow:hidden;
padding-left:28px;
min-height:22px;
}
#contents .radio01::before{
content:'';
position:absolute;
top:0.15em;
left:0;
width:20px;
height:20px;
background:url(../images/bg/radio01.html) left top no-repeat;
}
#contents .radio01.checked::before{background-position:0 -20px;}
#contents .radio01 input[type='radio']{
position:absolute;
top:0;
left:-100px;
}


/*------------------------------------------------------------------------------------------------------------------------
Top
------------------------------------------------------------------------------------------------------------------------*/
#contents .top-main{position:relative;}

/* main-visual
--------------------------------------*/
#main-visual{
position:relative;
margin-bottom:40px;
}
#main-visual ul li{
margin:0;
height:1000px !important;
background:center bottom no-repeat;
background-size:cover;
}
#main-visual ul li img{opacity:0;}
#main-visual .bx-viewport{height:1000px !important;}
#main-visual .bx-wrapper .bx-controls{
position:absolute;
left:0;
bottom:15px;
z-index:100;
width:100%;
}

/* your-experience
--------------------------------------*/
#your-experience{
overflow:hidden;
margin:0 0 90px;
}
#your-experience > .hdg{
margin:0 0 40px;
text-align:center;
}

/* top-experience */
#your-experience #bx-pager-experience{
margin:0 0 50px;
text-align:center;
letter-spacing:-.4em;
}
#your-experience #bx-pager-experience a{
display:inline-block;
position:relative;
z-index:60;
margin:0 20px;
padding-top:120px;
width:120px;
color:#dadada;
font-size:1.8rem;
letter-spacing:normal;
}
#your-experience #bx-pager-experience a:hover,
#your-experience #bx-pager-experience a.active{
color:#333;
}
#your-experience #bx-pager-experience a::before{
display:block;
content:'';
position:absolute;
top:0;
left:0;
width:120px;
height:120px;
background:url(../images/bg/top/pager-experience.png) no-repeat;
}
#your-experience #bx-pager-experience a.stay::before{background-position:0 0;}
#your-experience #bx-pager-experience a.days::before{background-position:0 -120px;}
#your-experience #bx-pager-experience a.ttc::before{background-position:0 -240px;}
#your-experience #bx-pager-experience a.cafe::before{background-position:0 -360px;}
#your-experience #bx-pager-experience a.stay:hover::before,
#your-experience #bx-pager-experience a.stay.active::before{background-position:-120px 0;}
#your-experience #bx-pager-experience a.days:hover::before,
#your-experience #bx-pager-experience a.days.active::before{background-position:-120px -120px;}
#your-experience #bx-pager-experience a.ttc:hover::before,
#your-experience #bx-pager-experience a.ttc.active::before{background-position:-120px -240px;}
#your-experience #bx-pager-experience a.cafe:hover::before,
#your-experience #bx-pager-experience a.cafe.active::before{background-position:-120px -360px;}

#your-experience .bx-viewport{overflow:visible !important;}

/* blk-experience */
#your-experience .blk-experience{
position:relative;
margin:0 auto;
padding:0 20px;
max-width:1366px;
min-height:600px;
}
#your-experience .blk-experience::before{
content:'';
position:absolute;
top:-204px;
right:-270px;
z-index:-1;
width:650px;
height:622px;
background:left top no-repeat;
}
#your-experience .slider .stay .blk-experience::before{background-image:url(../images/bg/top/experience-visual-stay01.jpg);}
#your-experience .slider .days .blk-experience::before{background-image:url(../images/bg/top/experience-visual-days01.jpg);}
#your-experience .slider .ttc .blk-experience::before{background-image:url(../images/bg/top/experience-visual-ttc01.jpg);}
#your-experience .slider .cafe .blk-experience::before{background-image:url(../images/bg/top/experience-visual-cafe01.jpg);}
#your-experience .blk-experience .img{
position:absolute;
top:0;
left:0;
z-index:1;
margin:0;
padding-right:41.43%;
}
#your-experience .blk-experience .cont{
box-sizing:border-box;
position:relative;
z-index:2;
float:right;
margin-top:140px;
padding:55px 150px 20px;
width:684px;
min-height:368px;
background:rgba(255,255,255,.9);
box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);
}
#your-experience .blk-experience .cont::before{
content:'';
position:absolute;
top:15px;
right:10px;
z-index:2;
width:98px;
height:86px;
background:center top no-repeat;
}
#your-experience .slider .stay .blk-experience .cont::before{background-image:url(../images/bg/top/experience-visual-stay02.png);}
#your-experience .slider .days .blk-experience .cont::before{top:7px;height:100px;background-image:url(../images/bg/top/experience-visual-days02.png);}
#your-experience .slider .ttc .blk-experience .cont::before{top:12px;height:98px;background-image:url(../images/bg/top/experience-visual-ttc02.png);}
#your-experience .slider .cafe .blk-experience .cont::before{top:9px;height:100px;background-image:url(../images/bg/top/experience-visual-cafe02.png);}
#your-experience .blk-experience .cont::after{
content:'';
position:absolute;
bottom:-80px;
left:-155px;
z-index:2;
width:310px;
height:272px;
background:center top no-repeat;
}
#your-experience .slider .stay .blk-experience .cont::after{background-image:url(../images/bg/top/experience-visual-stay03.png);}
#your-experience .slider .days .blk-experience .cont::after{bottom:-98px;height:312px;background-image:url(../images/bg/top/experience-visual-days03.png);}
#your-experience .slider .ttc .blk-experience .cont::after{background-image:url(../images/bg/top/experience-visual-ttc03.png);}
#your-experience .slider .cafe .blk-experience .cont::after{left:-115px;width:272px;background-image:url(../images/bg/top/experience-visual-cafe03.png);}
#your-experience .blk-experience .cont > .hdg{
position:relative;
margin-bottom:25px;
font-size:1.6rem;
}
#your-experience .blk-experience .cont > .hdg img{
position:absolute;
top:-98px;
left:0;
}
#your-experience .slider .cafe .blk-experience .cont > .hdg img{top:-107px;}
#your-experience .blk-experience .cont p{font-size:1.4rem;}
#your-experience .blk-experience .cont .btn01{font-size:1.8rem;}
#your-experience .blk-experience .cont .btn01 a{
padding-top:7px;
padding-bottom:7px;
}
#your-experience .blk-experience .cont .btn01 a:hover{
padding-top:5px;
padding-bottom:5px;
}
#your-experience .bx-wrapper{position:relative;}
#your-experience .bx-wrapper .bx-controls{
overflow:hidden;
position:absolute;
top:0;
left:0;
margin:0 auto;
width:100%;
height:622px;
}
#your-experience .bx-wrapper .bx-controls .bx-controls-direction{
position:relative;
margin:0 auto;
padding:0 20px;
max-width:1366px;
}
#your-experience .bx-wrapper .bx-controls .bx-prev,
#your-experience .bx-wrapper .bx-controls .bx-next{
overflow:hidden;
position:absolute;
top:295px;
z-index:51;
width:60px;
height:60px;
border-radius:60px;
background:#fff;
box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);
text-indent:100%;
white-space:nowrap;
}
#your-experience .bx-wrapper .bx-controls a{transition:all .5s ease;}
#your-experience .bx-wrapper .bx-controls a:hover{background:#ccc;}
#your-experience .bx-wrapper .bx-controls .bx-prev{right:676px;}
#your-experience .bx-wrapper .bx-controls .bx-next{
right:0;
margin-right:-10px;
}
#your-experience .bx-wrapper .bx-controls .bx-prev::before,
#your-experience .bx-wrapper .bx-controls .bx-prev::after{
content:'';
position:absolute;
top:50%;
left:22px;
height:1px;
background:#55a2a8;
}
#your-experience .bx-wrapper .bx-controls .bx-next::before,
#your-experience .bx-wrapper .bx-controls .bx-next::after{
content:'';
position:absolute;
top:50%;
right:22px;
height:1px;
background:#55a2a8;
}
#your-experience .bx-wrapper .bx-controls .bx-prev::before,
#your-experience .bx-wrapper .bx-controls .bx-next::before{width:15px;}
#your-experience .bx-wrapper .bx-controls .bx-prev::after{
margin-top:-3px;
width:7px;
transform:rotate(-45deg);
}
#your-experience .bx-wrapper .bx-controls .bx-next::after{
margin-top:-3px;
width:7px;
transform:rotate(45deg);
}

/* topics
--------------------------------------*/
#top #topics{
box-sizing:border-box;
padding-top:120px;
min-height:740px;
background:url(../images/bg/top/topics.jpg) center center no-repeat;
background-size:cover;
}
#top #topics .hdg{
margin:0 0 50px;
font-size:1.4rem;
text-align:center;
}
#top #topics .list-topics01{
display:flex;
justify-content:flex-start;
flex-wrap:wrap;
margin:0 -2%;
}
#top #topics .list-topics01 li{
box-sizing:border-box;
margin:0 2% 40px;
width:calc(25% - 4%);
background:#fff;
box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);
}
#top #topics .list-topics01 li a{
display:block;
padding:20px;
color:#333;
}
#top #topics .list-topics01 li p{
margin:0;
font-size:1.4rem;
}
#top #topics .list-topics01 li .img{
position:relative;
margin-bottom:15px;
}
#top #topics .list-topics01 li .img img{width:100%;}
#top #topics .list-topics01 li .img::before{
content:'';
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
transition:all .5s ease;
}
#top #topics .list-topics01 li a:hover .img::before{background:rgba(255,255,255,.2);}

/* top-exp-intro
--------------------------------------*/
/* photo-gallary */
#top #exp-intro .photo-gallary .hdg{
position:relative;
margin:0 0 30px;
text-align:center;
}
#top #exp-intro .photo-gallary .gallary .slick-slide li{
box-sizing:border-box;
display:block !important;
margin:0;
padding: 0 4px 4px 0;
}
#top #exp-intro .photo-gallary .gallary .slick-list{margin-bottom:35px;}


/*------------------------------------------------------------------------------------------------------------------------
Other
------------------------------------------------------------------------------------------------------------------------*/
/* space
--------------------------------------*/
#contents .space-top01{margin-top:0 !important;}
#contents .space-top02{margin-top:5px !important;}
#contents .space-top03{margin-top:10px !important;}
#contents .space-top04{margin-top:20px !important;}
#contents .space-top05{margin-top:30px !important;}
#contents .space-top06{margin-top:40px !important;}
#contents .space-top07{margin-top:50px !important;}

#contents .space-right01{margin-right:0 !important;}
#contents .space-right02{margin-right:10px !important;}
#contents .space-right03{margin-right:20px !important;}
#contents .space-right04{margin-right:30px !important;}
#contents .space-right05{margin-right:50px !important;}

#contents .space-btm01{margin-bottom:0 !important;}
#contents .space-btm02{margin-bottom:5px !important;}
#contents .space-btm03{margin-bottom:10px !important;}
#contents .space-btm04{margin-bottom:20px !important;}
#contents .space-btm05{margin-bottom:30px !important;}
#contents .space-btm06{margin-bottom:40px !important;}
#contents .space-btm07{margin-bottom:50px !important;}

#contents .space-left01{margin-left:0 !important;}
#contents .space-left02{margin-left:10px !important;}
#contents .space-left03{margin-left:20px !important;}
#contents .space-left04{margin-left:30px !important;}
#contents .space-left05{margin-left:50px !important;}

/* section
--------------------------------------*/
#contents .section01{
clear:both;
padding-bottom:20px;
}
#contents .sec-cont01{
margin:0 auto;
padding:0 20px;
max-width:1366px;
}
#contents .sec-cont02{
margin:0 auto;
padding:0 20px;
max-width:1266px;
}
#contents .sec-cont03{
margin:0 auto;
max-width:960px;
}


#contents .video {
  text-align: center;
}
#contents .inner {
  max-width: 100%;
}



#contents .sec-stain01{
background:url(../images/bg/stain01.jpg) left 65% no-repeat;
background:cover;
}
#contents .sec-segment01{
margin-bottom:70px;
padding:50px 0 20px;
background:#f6f6f6;
}


/*------------------------------------------------------------------------------------------------------------------------
clearFix
------------------------------------------------------------------------------------------------------------------------*/
#topic-path::after,
#days #contents .nav-cont01::after,
#contents .blk-retreat01 .retreat-plan::after,
#contents .blk-column01::after,
#contents .blk-fix::after{
display:block;
content:'';
clear:both;
}