@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------
	Universal Style
------------------------------------------------------------------------------------------------------------------------*/
html{font-size:62.5%;}
body{
background:#fff;
color:#333;
font-family:"Yu Mincho", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
-webkit-text-size-adjust:100%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section{
display:block;
}
html,body,div,
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,img,
table,caption,th,td,
form,fieldset,legend,input,textarea,select,
pre,code,blockquote,address{
margin:0;
padding:0;
}
img{
max-width:100%;
height:auto;
border:0;
vertical-align:bottom;
}
ul{
list-style-position:outside;
list-style-type:none;
}
ol{
margin-left:2em;
list-style-position:outside;
}
dl dd{
margin-bottom:7px;
}
em{
font-style:normal;
color:#f00;
}
table{
border:medium none;
border-collapse:collapse;
}
th,td{
font-weight:normal;
vertical-align:top;
}
a:link,
a:visited{color:#55a2a8;text-decoration:none;}
a:hover,
a:active{color:#55a2a8;text-decoration:underline;}

fieldset{border:0;}
legend{display:none;}
input{vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type="submit"]{
-webkit-appearance:none;
border-radius:0;
}
select{border-radius:0;}
sup{vertical-align:text-top;line-height:0.6;}
sub{vertical-align:baseline;}
iframe{border:0;}

::before,
::after{display:inherit;}

/* 枠組み */

/*========================================================================================================================
Base Layout
========================================================================================================================*/
#page{
overflow:hidden;
padding-top:130px;
min-width:320px;
}
#top #page{padding-top:0;}
#days #page{padding-top:0;}

#shadow01{
display:none;
position:fixed;
top:0;
left:0;
z-index:4500;
width:100%;
height:100%;
background:rgba(255,255,255,.8);
}
#shadow01.open{display:block;}


/*------------------------------------------------------------------------------------------------------------------------
Header Area
------------------------------------------------------------------------------------------------------------------------*/
header{
position:fixed;
top:0;
left:0;
z-index:5000;
width:100%;
height:130px;
border-bottom:1px solid #b6c4cc;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
transition:all .5s ease;
}
#header-lay{
position:relative;
margin:0 auto;
max-width:1366px;
}
header #site-id{
position:absolute;
top:12px;
left:50%;
margin:0 0 0 -89px;
width:188px;
transition:all .5s ease;
}
header #site-id img{transition:all .5s ease;}
header #site-id a{
display:block;
position:relative;
}
header #site-id a::before{
content:'';
position:absolute;
top:0;
left:0;
z-index:5001;
width:100%;
height:100%;
transition:all .5s ease;
}
header #site-id a:hover::before{background:rgba(255,255,255,.2);}
header .utility{
float:right;
margin:12px 0 0;
height:48px;
transition:all .5s ease;
}
header .utility li{
position:relative;
float:left;
margin:0;
padding-left:14px;
min-width:110px;
font-size:1.2rem;
}
header .utility li a{color:#333;}
header .utility li.access::before{
content:'';
position:absolute;
top:50%;
left:0;
margin-top:-8px;
width:10px;
height:14px;
background:url(../images/bg/icon-access.png) left top no-repeat;
background-size:10px auto;
}

/* global-nav
--------------------------------------*/
#global-nav{
position:absolute;
top:60px;
left:0;
width:100%;
clear:both;
transition:all .5s ease;
}
#gnav-menu,
#gnav-close{display:none;}
#global-nav .navigation{overflow:hidden;}
#global-nav .navigation ul{margin:0 -.363%;}
#global-nav .navigation li{
position:relative;
float:left;
margin:0 .3635%;
width:11.72%;
font-size:1rem;
transition:all .5s ease;
}
#global-nav .navigation li:nth-child(3){margin-right:13.0135%;}
#global-nav .navigation li:nth-child(4){margin-left:13.0135%;}
#global-nav .navigation li::before{
content:'';
position:absolute;
bottom:0;
left:50%;
width:0;
height:5px;
transition:all .5s ease;
}
#global-nav .navigation li.about:before{background:#264479;}
#global-nav .navigation li.facility::before{background:#55a2a8;}
#global-nav .navigation li.stay::before{background:#9fc157;}
#global-nav .navigation li.days::before{background:#c40069;}
#global-nav .navigation li.ttc::before{background:#7356a3;}
#global-nav .navigation li.cafe::before{background:#e4e072;}
#global-nav .navigation li.current::before,
#global-nav .navigation li:hover::before{
left:0;
width:100%;
}
#global-nav .navigation li a{
display:table-cell;
width:200px;
height:70px;
padding:0 5px;
color:#333;
text-align:center;
vertical-align:middle;
}
#global-nav .navigation li .en{
display:block;
overflow:hidden;
margin:0 auto;
height:24px;
background:left top no-repeat;
background-size:auto 24px;
font-size:2.4rem;
font-family:'Gabriola';
font-weight:bold;
letter-spacing:.08em;
line-height:1.1;
text-indent:100%;
white-space:nowrap;
}
#global-nav .navigation li a:hover{text-decoration:none;}
#global-nav .navigation li.about.current a,
#global-nav .navigation li.about a:hover{color:#264479;}
#global-nav .navigation li.facility.current a,
#global-nav .navigation li.facility a:hover{color:#55a2a8;}
#global-nav .navigation li.stay.current a,
#global-nav .navigation li.stay a:hover{color:#9fc157;}
#global-nav .navigation li.days.current a,
#global-nav .navigation li.days a:hover{color:#c40069;}
#global-nav .navigation li.ttc.current a,
#global-nav .navigation li.ttc a:hover{color:#7356a3;}
#global-nav .navigation li.cafe.current a,
#global-nav .navigation li.cafe a:hover{color:#e4e072;}
#global-nav .navigation li.about .en{width:93px;background-image:url(../images/bg/gnav-en-about.png);}
#global-nav .navigation li.facility .en{width:78px;background-image:url(../images/bg/gnav-en-facility.png);}
#global-nav .navigation li.stay .en{width:42px;background-image:url(../images/bg/gnav-en-stay.png);}
#global-nav .navigation li.days .en{width:48px;background-image:url(../images/bg/gnav-en-days.png);}
#global-nav .navigation li.ttc .en{width:39px;background-image:url(../images/bg/gnav-en-ttc.png);}
#global-nav .navigation li.cafe .en{width:44px;background-image:url(../images/bg/gnav-en-cafe.png);}
#global-nav .navigation li.about.current .en,
#global-nav .navigation li.about a:hover .en{background-position:-93px 0;}
#global-nav .navigation li.facility.current .en,
#global-nav .navigation li.facility a:hover .en{background-position:-78px 0;}
#global-nav .navigation li.stay.current .en,
#global-nav .navigation li.stay a:hover .en{background-position:-42px 0;}
#global-nav .navigation li.days.current .en,
#global-nav .navigation li.days a:hover .en{background-position:-48px 0;}
#global-nav .navigation li.ttc.current .en,
#global-nav .navigation li.ttc a:hover .en{background-position:-39px 0;}
#global-nav .navigation li.cafe.current .en,
#global-nav .navigation li.cafe a:hover .en{background-position:-44px 0;}
#global-nav .navigation li.contact{display:none;}

/* fixed */
header.fixed{
height:75px;
background:#fff;
}
header.fixed #site-id{
top:8px;
margin:0 0 0 -52px;
width:103px;
}
header.fixed .utility{display:none;}
header.fixed #global-nav{top:0;}
header.fixed #global-nav .navigation li a{height:75px;}



/*------------------------------------------------------------------------------------------------------------------------
Contents Area
------------------------------------------------------------------------------------------------------------------------*/
#contents{padding-bottom:40px;}
#top #contents{padding-bottom:0;}


/*------------------------------------------------------------------------------------------------------------------------
btn-contact
------------------------------------------------------------------------------------------------------------------------*/
#contents #btn-contact{
position:fixed;
right:20px;
bottom:20px;
z-index:3000;
margin:0;
width:150px;
height:150px;
border-radius:150px;
box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);
background:#fff url(../images/bg/gnav-contact01.png) center top no-repeat;
font-size:1rem;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
transition:all .5s ease;
}
#contents #btn-contact:hover{animation:bounce01 .6s ease-in-out;}
#contents #btn-contact.page-under{bottom:150px;}
#contents #btn-contact.page-under:hover{animation:bounce02 .6s ease-in-out;}
#contents #btn-contact::before{
content:'';
position:absolute;
top:-9px;
left:50%;
margin-left:-24px;
width:48px;
height:75px;
background:url(../images/bg/gnav-contact02.png) left top no-repeat;
}
#contents #btn-contact a{
display:table-cell;
padding:30px 5px 0;
width:200px;
height:120px;
color:#333;
text-align:center;
vertical-align:middle;
}
#contents #btn-contact a::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:150px;
transition:all .5s ease;
}
#contents #btn-contact a:hover::after{background:rgba(0,0,0,.2);}
#contents #btn-contact .en{
display:block;
overflow:hidden;
margin:0 auto;
width:80px;
height:24px;
background:url(../images/bg/gnav-en-contact.png) left top no-repeat;
background-size:auto 24px;
font-size:2.4rem;
font-family:'Gabriola';
font-weight:bold;
letter-spacing:.08em;
line-height:1.1;
text-indent:100%;
white-space:nowrap;
}
#contents #btn-contact .arrow{
display:block;
position:relative;
}
#contents #btn-contact .arrow::before{
content:'';
position:absolute;
bottom:22px;
left:50%;
margin-left:-7px;
width:15px;
height:1px;
background:#55a2a8;
}
#contents #btn-contact .arrow::after{
content:'';
position:absolute;
bottom:24px;
left:50%;
margin-left:3px;
width:7px;
height:1px;
background:#55a2a8;
transform:rotate(45deg);
}

@keyframes bounce01{
25%{bottom:40px;}
50%{bottom:20px;}
75%{bottom:30px;}
100%{bottom:20px;}
}
@keyframes bounce02{
25%{bottom:170px;}
50%{bottom:150px;}
75%{bottom:160px;}
100%{bottom:150px;}
}


/*------------------------------------------------------------------------------------------------------------------------
exp-intro
------------------------------------------------------------------------------------------------------------------------*/
#exp-intro{
box-sizing:border-box;
margin:80px 0 20px;
}
#top #exp-intro{
margin:0 0 70px;
padding-top:100px;
min-height:800px;
background:url(../images/bg/top/exp-intro.jpg) top center no-repeat;
background-size:cover;
}

/* exp-intro */
#top #exp-intro .exp-intro{margin:0 0 140px;}
#exp-intro .exp-intro .exp{
box-sizing:border-box;
position:relative;
z-index:1;
float:left;
padding-right:3.148%;
width:50%;
min-height:300px;
}
#exp-intro .exp-intro .intro{
box-sizing:border-box;
position:relative;
z-index:1;
float:right;
padding-left:3.148%;
width:50%;
min-height:300px;
}
#exp-intro .exp-intro a{
display:block;
position:relative;
overflow:hidden;
max-width:640px;
min-height:300px;
}
#exp-intro .exp-intro .hdg{
position:relative;
z-index:10;
margin:0;
padding-top:40px;
text-align:center;
}
#exp-intro .exp-intro .btn02{
position:relative;
z-index:10;
margin:-20px 0 0;
}
#exp-intro .exp-intro a:hover .btn02 span{
padding:9px 18px;
border:3px solid #fff;
}
#exp-intro .exp-intro a:hover .btn02 span::before,
#exp-intro .exp-intro a:hover .btn02 span::after{right:18px;}
#exp-intro .exp-intro .img{
position:absolute;
top:0;
left:50%;
margin-left:-320px;
}
#exp-intro .exp-intro .img img{max-width:none;}
#exp-intro .exp-intro .img::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
transition:all .5s ease;
}
#exp-intro .exp-intro a:hover .img::after{background:rgba(0,0,0,.2);}

/*------------------------------------------------------------------------------------------------------------------------
Access
------------------------------------------------------------------------------------------------------------------------*/
#access{
box-sizing:border-box;
overflow:hidden;
padding:130px 15px 50px;
min-height:320px;
background:url(../images/bg/access-main.png) center top repeat-x;
}
#access > .lay{
position:relative;
margin:0 auto;
padding:25px 15px;
max-width:1336px;
min-height:90px;
background:#fff;
box-shadow:10px 10px 20px 0 rgba(0,0,0,.2);
}
#access > .lay::after{
position:absolute;
bottom:-50px;
right:-5px;
z-index:1;
width:276px;
height:221px;
background:url(../images/bg/access-main-flower.png) left top no-repeat;
}
#access .cont01{
display:table-cell;
width:683px;
vertical-align:middle;
text-align:center;
}
#access .cont01 .yoga{display:inline-block;}
#access .cont01 .yoga img{
float:left;
margin-right:25px;
}
#access .cont01 .yoga span{
display:table-cell;
height:88px;
font-size:1.4rem;
text-align:center;
vertical-align:middle;
}
#access .cont02{
display:table-cell;
width:683px;
vertical-align:middle;
}
#access p{
position:relative;
z-index:10;
font-size:1.4rem;
text-shadow:0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;
}

/* top */
#top #access{
position:relative;
padding:175px 15px 105px;
min-height:775px;
background:url(../images/bg/access-main-top.png) center top repeat-x;
}
#top #access .hdg{
position:absolute;
top:108px;
left:0;
width:100%;
font-size:1.4rem;
text-align:center;
line-height:1;
}
#top #access > .lay{
position:relative;
z-index:1;
padding:0;
min-height:495px;
}
#top #access > .lay::before{
content:'';
position:absolute;
z-index:0;
top:45px;
left:-193px;
z-index:0;
width:274px;
height:280px;
background:url(../images/bg/access-main-top-grass.png) left top no-repeat;
}
#top #access > .lay::after{
bottom:-105px;
right:-210px;
z-index:0;
width:380px;
height:466px;
background:url(../images/bg/access-main-top-tree.png) left top no-repeat;
}
#access .cont03{
box-sizing:border-box;
position:relative;
z-index:1;
float:left;
width:45%;
background:#fff;
}
#access .cont03::before{
content:'';
position:absolute;
top:-68px;
left:-113px;
z-index:0;
width:314px;
height:270px;
background:url(../images/bg/access-main-top-flower.png) left top no-repeat;
}
#access .cont03 .cont03-lay{
display:table-cell;
padding:15px;
width:inherit;
height:465px;
text-align:center;
vertical-align:middle;
}
#access .cont03 p{
position:relative;
z-index:2;
font-size:1.4rem;
}
#access .cont03 .yoga,
#access .cont03 .yoga img{margin-bottom:25px;}
#access .cont03 .yoga span{
display:block;
height:auto;
font-size:1.4rem;
text-align:center;
vertical-align:middle;
}
#access .map{
position:relative;
z-index:1;
float:right;
width:55%;
}
#access .map .map-iframe{
position:relative;
height:495px;
overflow:hidden;
}
#access .map .map-iframe iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


/*------------------------------------------------------------------------------------------------------------------------
Footer Area
------------------------------------------------------------------------------------------------------------------------*/
footer{
margin:0 auto;
padding:20px;
max-width:1366px;
background:#fff;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
footer .foot-cont01{
position:relative;
padding:20px 0 35px;
}
footer .sns{
text-align:center;
letter-spacing:-.4em;
}
footer .sns li{
display:inline-block;
position:relative;
margin:0 15px;
vertical-align:middle;
letter-spacing:normal;
}
footer .sns li a::before{
content:'';
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
transition:all .5s ease;
}
footer .sns li a:hover::before{background:rgba(255,255,255,.2);}
footer .foot-cont01 .logo{
position:absolute;
top:0;
right:0;
margin:0;
}
footer .tabline{
float:right;
margin:0;
font-size:1.2rem;
}
#copyright{
float:left;
margin:0;
font-size:1.2rem;
}


/*------------------------------------------------------------------------------------------------------------------------
clearFix
------------------------------------------------------------------------------------------------------------------------*/
#header-lay::after,
#global-nav .navigation ul::after,
#exp-intro .exp-intro::after,
#access > .lay::after,
footer .foot-cont02::after{
display:block;
content:'';
clear:both;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
screen
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 1000px以下
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){


/*------------------------------------------------------------------------------------------------------------------------
btn-contact
------------------------------------------------------------------------------------------------------------------------*/
#contents #btn-contact{
right:-10px;
bottom:-10px;
transform:scale(.7, .7);
}


/*------------------------------------------------------------------------------------------------------------------------
Access
------------------------------------------------------------------------------------------------------------------------*/
#access .cont01 .yoga img{
margin-right:10px;
width:90px;
}
#access .cont01 .yoga .txt{font-size:1.2rem;}
#access p{font-size:1.3rem;}

}

/* 767px以下
------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px){

#page,
#days #page{padding-top:90px;}

/*------------------------------------------------------------------------------------------------------------------------
Header Area
------------------------------------------------------------------------------------------------------------------------*/
header{
position:fixed;
top:0;
left:0;
width:100%;
height:90px;
border-bottom:0;
background:#fff;
}
header.top-sp{background:transparent;}
#header-lay{position:static;}
header #site-id{
top:15px;
z-index:5000;
margin:0 0 0 -56px;
width:112px;
}
header .utility{
display:none;
position:absolute;
top:50%;
left:20px;
z-index:5000;
float:none;
margin:-13px 0 0;
height:auto;
}
header .utility li{
position:relative;
float:left;
margin:0;
padding-left:14px;
min-width:0;
font-size:1.2rem;
}
header.open .utility{display:block;}

/* global-nav
--------------------------------------*/
#global-nav{
position:static;
margin:0 auto;
padding:0;
width:auto;
min-width:320px;
}
#global-nav-lay{
position:relative;
margin:0 auto;
width:auto;
}
#gnav-menu{
display:block;
overflow:hidden;
position:absolute;
top:50%;
right:25px;
z-index:5000;
margin:-15px 0 0;
width:30px;
height:30px;
background:url(../images/bg/sp/gnav-menu.png) left top no-repeat;
background-size:60px auto;
font-size:0;
text-indent:100%;
}
#gnav-menu a{
display:block;
width:30px;
height:30px;
}
#gnav-menu.open{background-position: -30px 0;}
#global-nav .navigation{
display:none;
overflow:hidden;
position:absolute;
top:90px;
right:15px;
left:15px;
z-index:5000;
margin:0 auto;
border-top:1px solid #7f7f7f;
background:#fff;
}
#global-nav.open .navigation{display:block;}
#global-nav .navigation ul{margin:0;}
#global-nav .navigation li{
position:relative;
float:none;
margin:0;
width:auto;
border-bottom:1px solid #7f7f7f;
font-size:1.5rem;
font-family:"Yu Mincho", "YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
#global-nav .navigation li:nth-child(3){margin-right:0;}
#global-nav .navigation li:nth-child(4){margin-left:0;}
#global-nav .navigation li::before{display:none;}
#global-nav .navigation li a{
width:800px;
height:55px;
padding:0;
}
#global-nav .navigation li .en{display:none;}
#global-nav .navigation li.contact{
display:block;
background:url(../images/bg/pattern02.png) center top repeat-y;
background-size:100% auto;
}
#global-nav .navigation li.contact a{color:#fff;}


/*------------------------------------------------------------------------------------------------------------------------
Contents Area
------------------------------------------------------------------------------------------------------------------------*/
#contents{padding-bottom:20px;}


/*------------------------------------------------------------------------------------------------------------------------
btn-contact
------------------------------------------------------------------------------------------------------------------------*/
#contents #btn-contact{
position:absolute;
right:-30px;
bottom:-30px;
font-size:1.2rem;
transform:scale(.5, .5);
}
#contents #btn-contact:hover{animation:none;}
#contents #btn-contact a{
display:table-cell;
width:800px;
height:110px;
padding:40px 5px 0;
}
#contents #btn-contact a:hover::after{display:none;}
#contents #btn-contact .arrow{
display:block;
position:relative;
}
#contents #btn-contact .arrow::before{
bottom:17px;
margin-left:-15px;
width:30px;
height:2px;
background:#55a2a8;
}
#contents #btn-contact .arrow::after{
bottom:22px;
margin-left:3px;
width:15px;
height:2px;
}

/*------------------------------------------------------------------------------------------------------------------------
exp-intro
------------------------------------------------------------------------------------------------------------------------*/
#exp-intro{
position:relative;
overflow:hidden;
margin:0;
padding:30px 0 0;
min-height:auto;
}
#top #exp-intro::before{
content:'';
position:absolute;
top:120px;
left:0;
width:128px;
height:280px;
background:url(../images/bg/sp/top/exp-intro01.jpg) left top no-repeat;
background-size:128px auto;
}
#top #exp-intro::after{
content:'';
position:absolute;
bottom:55px;
right:0;
z-index:0;
width:157px;
height:261px;
background:url(../images/bg/sp/top/exp-intro02.jpg) left top no-repeat;
background-size:157px auto;
}
#exp-intro .sec-cont01{padding:0;}

/* exp-intro */
#top #exp-intro{
margin:0;
padding:30px 0 0;
min-height:auto;
}
#top #exp-intro .exp-intro{margin:0 0 40px;}
#exp-intro .exp-intro{margin:0 0 20px;}
#exp-intro .exp-intro .exp,
#exp-intro .exp-intro .intro{
float:none;
margin:0 10px 20px;
padding:0;
width:auto;
min-height:0;
}
#exp-intro .exp-intro a{
max-width:none;
min-height:0;
}
#exp-intro .exp-intro .hdg{
position:absolute;
z-index:10;
top:35%;
left:0;
margin:-42px 0 0;
padding:0;
width:100%;
}
#exp-intro .exp-intro .exp .hdg img{width:190px;}
#exp-intro .exp-intro .intro .hdg img{width:170px;}
#exp-intro .exp-intro .btn02{
position:absolute;
z-index:10;
bottom:20px;
right:12px;
left:12px;
margin:0;
padding:0;
}
#exp-intro .exp-intro .btn02 span{min-width:245px;}
#exp-intro .exp-intro a:hover .btn02 span{
padding:4px 18px;
border-width:1px;
}
#exp-intro .exp-intro a:hover .btn02 span::before,
#exp-intro .exp-intro a:hover .btn02 span::after{right:20px;}
#exp-intro .exp-intro .img{
position:relative;
top:0;
left:0;
margin:0;
}
#exp-intro .exp-intro .img img{max-width:100%;}
#exp-intro .exp-intro .img::after{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
transition:all .5s ease;
}
#exp-intro .exp-intro a:hover .img::after{background:rgba(0,0,0,.2);}

/*------------------------------------------------------------------------------------------------------------------------
Access
------------------------------------------------------------------------------------------------------------------------*/
#access{
position:relative;
padding:70px 15px 30px;
min-height:0;
background-size:960px;
}
#access::before{
content:'';
position:absolute;
top:40px;
left:0;
z-index:0;
width:91px;
height:124px;
background:url(../images/bg/sp/access-main-grass.png) left top no-repeat;
background-size:91px auto;
}
#access > .lay{
padding:20px 15px;
min-height:0;
}
#access > .lay::after{
top:-15px;
left:-15px;
bottom:auto;
right:auto;
z-index:1;
width:86px;
height:75px;
background:url(../images/bg/sp/access-main-flower.png) left top no-repeat;
background-size:86px auto;
}
#access .cont01 .yoga{
display:block;
margin-bottom:15px;
}
#access .cont01 .yoga img{
float:none;
margin:0 0 15px;
text-align:center;
}
#access .cont01 .yoga span{
display:block;
height:auto;
font-size:1.2rem;
}
#access .cont02{
display:block;
margin:0 auto;
width:auto;
max-width:280px;
}
#access p{
font-size:1.2rem;
text-shadow:none;
text-align:center;
}
#access p .tel{
display:block;
margin:5px 0;
padding:5px;
border:1px solid #333;
color:#333;
}
#access p .tel::before{
display:inline-block;
content:'';
margin:-2px 12px 0 0;
width:14px;
height:14px;
background:url(../images/bg/icon-tel01.png) left top no-repeat;
background-size:14px auto;
vertical-align:middle;
}

/* top */
#top #access{
position:relative;
margin:-20px 0 0;
padding:88px 15px 30px;
min-height:0;
background-size:960px auto;
}
#top #access::before{top:46px;}
#top #access .hdg{top:54px;}
#top #access .hdg img{width:51px;}
#top #access > .lay{min-height:0;}
#top #access > .lay::before{display:none;}
#top #access > .lay::after{display:none;}
#access .cont03{
padding:20px 15px;
float:none;
width:auto;
}
#access .cont03::before{
top:-15px;
left:-15px;
width:86px;
height:75px;
background-size:86px auto;
}
#access .cont03 .cont03-lay{
display:block;
margin:0 auto;
max-width:280px;
padding:0;
height:auto;
}
#access .cont03 p{
font-size:1.2rem;
}
#access .cont03 .yoga{margin-bottom:15px;}
#access .cont03 .yoga img{
margin-bottom:15px;
width:90px;
}
#access .cont03 .yoga span{
font-size:1.2rem;
}
#access .map{
float:none;
width:100%;
}
#access .map .map-iframe{
position:relative;
height:250px;
overflow:hidden;
}
#access .map .map-iframe iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


/*------------------------------------------------------------------------------------------------------------------------
Footer Area
------------------------------------------------------------------------------------------------------------------------*/
footer{padding:30px 15px 10px;}
footer .foot-cont01{padding:0 0 15px;}
footer .sns{margin-bottom:25px;}
footer .sns li{margin:0 12px;}
footer .sns li.fb img{width:27px;}
footer .sns li.insta img{width:27px;}
footer .sns li.line img{width:29px;}
footer .foot-cont01 .logo{
position:static;
margin:0;
text-align:center;
}
footer .foot-cont01 .logo img{width:78px;}
footer .tabline{
float:none;
margin:0 0 15px;
font-size:1.1rem;
text-align:center;
}
#copyright{
float:none;
margin:0;
font-size:1rem;
text-align:center;
}



}