html, body, div, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote,abbr, address,cite,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, caption,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;}a{text-decoration: none}ul,li{list-style: none}
/* ==Typography== */
/*パンくず*/
.panNav ol {font-size: .7rem;text-align: right;display: flex;justify-content: flex-end;align-items: center;list-style: none;}
.panNav ol li {padding: .2rem;line-height:1.3rem;}
.panNav ol li a {color:#ababab;}
.panNav ol li a:hover,.panNav ol li a:focus {color:#fc6f5d;}
.panNav ol li:after {content: "/";padding:1rem;color:#ababab;}
.panNav ol li:last-child:after{content: "";padding: 0;}
/*Link*/
a {color: #035b9e;text-decoration: none;-webkit-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: 200ms;transition-duration: 200ms;-webkit-transition-property: color, border-color, background-color;transition-property: color, border-color, background-color; }
a:hover, a:active, a:focus {color: #ff5757;text-decoration: none; }
/*LINK*/
#li01,#li02,#li03,#li04,#li05,#li06,#li07,#li08,#li09,#li10,#li11,#li12,#li13,#li14,#li15,#li16,#top {display: inline-block; padding-top: 100px; margin-top: -100px;}
/*Body*/
body {font-family: azo-sans-web,"Century Gothic", CenturyGothic, 'Alegreya Sans SC',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: .92rem;line-height: 1.6rem;letter-spacing: .1rem;color: #01294e;font-weight: 400}
/*FNT*/
.en,.telB b,.lay06 span.col-4
 {font-family: azo-sans-web,"Century Gothic", CenturyGothic,sans-serif;}
img {border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width :auto; }

/*BTN*/
.btni01,.btni02,.btnGW,.btnGO,.btnCou,.btnCou02,.btngo,.btnC01,.btnC02{text-align: center;display: inline-block;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}

.btni01,.btni02 {border-radius:1rem;padding: .5rem 1rem;position: relative;font-size: 1rem;width: 100%;font-weight: 500;background-position: right 5px center;margin-bottom: 1rem;}
.btni01 {border: 1px solid #4e9dbb;color: #4e9dbb;background: url(../img/toudai.svg) no-repeat;background-size: 20%;background-position: right 5px center;}
.btni02 {border: 1px solid #fc6f5d;color: #fc6f5d;background: url(../img/torii.svg) no-repeat;background-size: 17%;background-position: right 5px center;}

.btni01 span,.btni02 span {font-size: .8rem;display: block;}
.btni01:hover,.btni01:focus{color: #4e9dbb;}
.btni02:hover,.btni02:focus {color: #fc6f5d;}

.btngo {color: #d5bb8d;background: #1e394e;margin-bottom: 3rem;padding: .5rem 1rem;font-size: 1rem;width: 100%;font-weight: 500;border-radius: 1rem}
.btngo:hover,.btngo:focus {color: #1e394e;background: #d5bb8d;}
.btnC01 {color: white;background: url(../img/couBtnBg01.jpg) no-repeat left top;margin-bottom: 3rem;padding: .5rem 1rem;font-size: .8rem;width: 100%;font-weight: 500;border-radius: 1rem}
.btnC01:hover,.btnC01:focus {background:#fc6f5d;color: white;}
.btnC02 {color: #b78b5c;background: url(../img/couBtnBg02.jpg) no-repeat left top;margin-bottom: 3rem;padding: .5rem 1rem;font-size: .8rem;width: 100%;font-weight: 500;border-radius: 1rem}
.btnC02:hover,.btnC02:focus {background:#fc6f5d;color: white;}

button[type=reset], button[type=submit],.btnR,.btnS {border: none; outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;font-size: 1rem;width: 90%;font-weight: 500;border-radius: 1rem;margin-bottom: 3rem;padding: .5rem 1rem;}
    
button[type=reset],.btnR{color: white;background: #fc6f5d;}
button[type=submit],.btnS{color: white;background: #88b8ce;}
button[type=reset]:hover,button[type=reset]:focus,button[type=submit]:hover,button[type=submit]:focus,.btnR:hover,.btnR:focus,.btnS:hover,.btnS:focus {color: #1e394e;background: #d5bb8d;}
.pulse:hover, .pulse:focus {animation: pulse 1s;box-shadow: 0 0 0 2em rgba(255,255,255,0);}
@keyframes pulse {0% { box-shadow: 0 0 0 0 #88b8ce; }}

.btnGW,.btnGO {padding: .5rem 2.5rem;margin: 3rem 0 2rem;}
.btnGW {border: 1px solid white;background: rgba(255,255,255,.2);color: white;}
.btnGW:hover,.btnGW:focus{color: white;}
.btnGO {border: 1px solid #fc6f5d;background: rgba(255,255,255,.2);color: #fc6f5d;}
.btnGO:hover,.btnGO:focus{color: #fc6f5d;}

.btnCou {background: url(../img/couBtnBg01.jpg) no-repeat left top;border-radius:1rem;padding: 1rem 2rem;position: relative;font-size: 1rem;margin: 2rem 0;color: white;}
.btnCou:hover,.btnCou:focus{color: white;}
.btnCou02 {background: url(../img/couBtnBg02.jpg) no-repeat left top;border-radius:1rem;padding: 1rem 2rem;position: relative;font-size: 1rem;margin: 2rem 0;color: #c09566;}
.btnCou02:hover,.btnCou02:focus{color: #ff5757;}

/**/
.topBnGoto {background: #6fd0e5;margin-bottom:3rem;border-radius: 1rem;}
.topBnGoto:hover,.topBnGoto:focus {box-shadow: 0 10px 15px rgba(0,0,0,.5); }

/* ==wave== */
.waveU {background-image:url(../img/waveU.png),url(../img/waveD.png);background-position:left top,right bottom -3px;background-repeat: no-repeat;background-size: 100%;padding: 3rem 0;}
.waveT {background-image:url(../img/waveU.png);background-position:left top;background-repeat: no-repeat;background-size: 100%;padding: 3rem 0 0;}

/* ==BG== */
.backBe {background: #f6f3ea;}
.backBeT {background: rgba(246, 243, 235, 0.93)}
.backWh {background: white;}
.baclLb {background: #7ec4d6;}
.backGb {background: #eef6f8;}
.backBu {background: #035b9e;}
.backYe {background: #f4f963;}

/* ==COLOR== */
.colBu {color: #035b9e;}
.colWt {color: white;}

/* ==Common== */

.sp {display: none}

/* ==ttl== */
.ttl01 {text-align: center;font-size: 1.5rem;padding: 2rem 0;}
.ttl01 span {font-size: .9rem;display: block;line-height: 2rem;}

.ttl01W,.ttl01O,.ttl01C,.ttl01CD,.ttl01G,.ttl01GD {text-align: center;position: relative;display: block;padding-top: 1rem;letter-spacing: .1rem;font-size: 1.5rem;}
.ttl01W,.ttl01O {margin: 40px 0;}
.ttl01C,.ttl01CD,.ttl01G,.ttl01GD {margin: 60px 0;}

.ttl01W:before {content: url(../img/toudaiW.svg);position: absolute;top: -45px; display: block; left:45%;right:45%;vertical-align: middle;-webkit-transform: scale(0.4);
transform: scale(0.4);}
.ttl01W span {display:block;line-height: 2rem;font-size: .9rem;color: white;}

.ttl01O {color: #fc6f5d;}
.ttl01O:before {content: url(../img/torii.svg);position: absolute;top: -45px; display: block; left:45%;vertical-align: middle;-webkit-transform: scale(0.3);
transform: scale(0.3);}
.ttl01O span {display:block;line-height: 2rem;font-size: .9rem;}

.ttl01C,.ttl01CD {color: #035b9e;}
.ttl01C:before {content: url(../img/toudai.svg);position: absolute;top: -60px; display: block; left:45%;right:45%;vertical-align: middle;-webkit-transform: scale(0.5);
transform: scale(0.5);}
.ttl01CD:before {content: url(../img/taxiB.svg);position: absolute;top: -40px; display: block; left:45%;right:45%;vertical-align: middle;-webkit-transform: scale(0.5);
transform: scale(0.5);}

.ttl01G,.ttl01GD {color: #c09566;}
.ttl01G:before {content: url(../img/toriiG.svg);position: absolute;top: -60px; display: block; left:45%;right:45%;vertical-align: middle;-webkit-transform: scale(0.5);
transform: scale(0.5);}
.ttl01GD:before {content: url(../img/taxiG.svg);position: absolute;top: -40px; display: block; left:45%;right:45%;vertical-align: middle;-webkit-transform: scale(0.5);
transform: scale(0.5);}

.ttl02,.ttl03,.ttl04 {text-align: center;font-size: 1.5rem;padding: 5rem 0 1rem;}
.ttl02 {color: #035b9e;}
.ttl03 {color: #d5bb8d;}
.ttl04 {color: white;}
.ttl05 {text-align: center;font-size: 1.5rem;padding: 2rem 0;}
.ttl06 {border-bottom: 1px solid white;width: 100%;}

.pd{padding: 1.5rem;}
.pd01{padding: 1.5rem 0;}
.mg{margin-top: 2rem!important;}
.mg01{margin: 2rem;}

.dotBg {background: url(../img/dottedBg.png) no-repeat;}
.bg-c {background-position:center top;}
.bg-l {background-position:left top;}
.bg-r {background-position:right top;}

.pz9 {width: 90%}

.pageTop {position: fixed;bottom: 0;right: .5rem;color: #035b9e;padding: .5rem;font-size: 2rem;width: 50px;height: 50px;z-index: 10000;}
/* ==header== */
header {position: absolute;width: 100%;margin: 0 auto;-webkit-transition: padding 300ms ease-in-out;transition: padding 300ms ease-in-out;}
main {margin-top: 3rem;}
.row{margin-right: 0!important;margin-left: 0!important;}

.container-fluid,.container-fluid .col-2,.container-fluid .col-3,.container-fluid .col-4,.container-fluid .col-5,.container-fluid .col-6,.container-fluid .col-7,.container-fluid .col-8,.container-fluid .col-9,.container-fluid .col-10,.container-fluid .col-11,.container-fluid .col
{padding-right: 0!important;padding-left: 0!important;margin-right: 0!important;margin-left: 0!important;}

/* ==slider== */
.uk-overlay-default {background: none;}
.uk-cover {left: 0%;top: 0%;}
.imgFil {position: absolute;bottom: -.5rem;left: 0;z-index: 10000;}
.imgFil img {width: 100%;}
#slider {position: relative;}
#slider h2 {font-family:游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#slider .smes {width: 60%;padding: 4% 10%;}

/*layout*/
.lay01 {background-image:url(../img/l01b01.png),url(../img/l01b02.png);background-position:left 40%,right top;background-repeat: no-repeat,no-repeat;background-size: 15%,20%;}
.lay01 h2 {padding: 1rem 0 4rem;}
.lay01 h2 img {width: 13rem;}
.lay01 p {padding: 0 3rem;}
.lay01 p b {font-size: 1.4rem;}

.lay02 {background:url(../img/Bg01.jpg) no-repeat center top #035b9e;color: white;background-size: cover;}
.lay02 .col-md-4 {padding: 1rem;}
.lay02 .col-md-4 img {box-shadow: 0 10px 15px rgba(0,0,0,.5);}
.lay02 .col-md-4 p {padding: 1rem;}

.lay03 {padding-top: 40px;}
.lay03 p {padding: 2rem 3rem;}
.lay03 .col-sm-3 p,.spotList .spotB p {padding:.5rem 0 1rem;font-size: .8rem;color: #4c5872;}
.lay03 .col-sm-3 h4,.spotList .spotB h3 {color: #fc8477;border-bottom: 1px solid #d3dfdb;padding: .5rem 0;}
.lay03 .col-sm-3 h4{font-size:1rem;}
.spotList .spotB h3{font-size:1.5rem;margin-bottom: 1rem;}
.lay03 .col-sm-3 span,.spotList .spotB span{background: #f0f0f0;font-size: .6rem;color: #4c5872;padding: .2rem .5rem;}
.lay03 .col-sm-3 a {padding: 1rem;display: inline-block}
.lay03 .col-sm-3 img,.spotList .spotB img {border-radius: 10px}

.lay04 {background-image:url(../img/dotBg.png),url(../img/dotBg.png);background-position:left 25%,right bottom;background-repeat: no-repeat,no-repeat;background-color: #88b8ce;color: white;}
.lay04 p {padding: 1rem 3rem 4rem;font-size: 1.3rem;text-align: center;line-height: 2.3rem;}
.lay04 .col-sm-4 p {padding:2rem 0;font-size: .8rem;text-align: left}
.lay04 p.golfArea {font-size: 1rem;text-align: left;padding: 1rem 5rem;} 
.lay04 h4 {letter-spacing: .1rem;font-size: 1.2rem;font-weight: 500;line-height: 2rem;}
.lay04 h4 span {border-radius: 50%;width: 30px;height: 30px;padding: 5px 10px;margin-right: .5rem;background: white;color: #ff7272;text-align: center;font-size: 1rem;}

.odArea .col-10 {background: white;border-radius: 1rem;padding: 2rem 3rem!important;color: #838383;margin: 1.5rem 0;}
.odArea h3{color: #ff7070;text-align: center;font-size: 1rem;font-weight: 700}
.odArea p {font-size: .8rem;text-align: left;padding: 2rem 0!important;} 

.telB,.mailB,.telBW,.mailBW {border-radius: 1rem;text-align: center}
.telB,.telBW {padding: .6rem;}
.telB {color: #ff7070;border: 1px solid #ff7070;}
.telBW {color: white;border: 1px solid white;}
.telB b,.telBW b {font-size: 1.6rem;}
.telB i,.telBW i {font-size: 1.2rem;}
.telB span,.telBW span {font-size: .8rem;display: block}
.telB span {color: #838383;}
.telBW span {color: white;}

.mailB a,.mailBW a {display:inline-block;font-size: 1.2rem;padding: 1.6rem 1rem;width: 100%;border-radius: 1rem;}
.mailB a {color: white;background: #ff7070;}
.mailBW a {color: #f76f71;background: white;}
.mailB a:hover,.mailB a:focus{background: #88b8ce;}
.mailBW a:hover,.mailBW a:focus{background: #88b8ce;color: white;}



.taxiBn,.golfBn,.sightBn {font-size: .8rem;margin: 3rem 0 0;}
.taxiBn,.golfBn {font-family:  "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" ,sans-serif;}

.taxiBn a,.golfBn a,.sightBn a {display: inline-block;width: 100%;border-radius: 1rem;}
.taxiBn b,.golfBn b {font-size: 1.6rem;font-weight: normal;}
.sightBn b {font-size: 1.6rem;font-weight: 500;}

.golfBn a {color:white;background: url(../img/golfBnBg.jpg) no-repeat top left;background-size: cover;padding: 1rem;text-align: center;text-shadow: 0px 0px 2px black,0px 0px 5px black,0px 0px 8px black,0px 0px 10px black,0px 0px 12px black,0px 0px 15px black;}
.taxiBn a {color:white;background: url(../img/taxiBnBg.jpg) no-repeat top right;background-size: cover;padding: 2rem;}
.sightBn a {color:#4e9dbb;background: url(../img/sightBnBg.jpg) no-repeat top right;background-size: cover;padding: 2rem;}
/* ==Footer== */
footer {margin-top: 2.5rem;background: url(../img/footerBg.jpg) no-repeat bottom right #e1eff5;color: #0f3f71;background-size: cover;}
footer a {color: #0f3f71;font-weight:500;}footer a:hover,footer a:focus {color: #fc6f5d;}
footer .credit {font-size: 12px;padding: 10px;text-align: center;}
footer .col-md-9 {margin-top: 2.5rem;}

footer h2 {text-align: center;padding: 2.5rem 0;}
footer h2 img {width: 60%;}
footer ul {padding: 1rem;letter-spacing: 0rem;clear: both;}
footer ul li,footer p {font-size: .8rem;text-align: center;}
footer ul li {float: left;padding: 0 2rem 1rem}
footer ul li, .credit, footer p {text-shadow: 0px 0px 2px white,0px 0px 5px white,0px 0px 8px white,0px 0px 10px white,0px 0px 12px white,0px 0px 15px white;}

/* ==Second Common== */
.mainImg {position: relative;height: 600px;}
.mainCou01,.s01 {background: url(../img/01.jpg)right bottom no-repeat;background-size: cover;}
.mainCou01 h2{padding: 4rem 3rem 1rem}
.mainCou01 h2 img{max-height:400px;}
.mainCou02,.s03 {background: url(../img/02.jpg)right bottom no-repeat;background-size: cover;}
.mainCou02 h2,.mainCou03 h2{padding: 4rem 3rem 1rem}
.mainCou02 h2 img,.mainCou03 h2 img{max-height:440px;}

.mainCou03 {background: url(../img/03.jpg)right bottom no-repeat;background-size: cover;}

.mainCou04 {background: url(../img/04.jpg)right center no-repeat;background-size: cover;}
.mainCou05,.s02 {background: url(../img/05.jpg)left bottom no-repeat;background-size: cover;}
.mainCou06 {background: url(../img/06.jpg)right bottom no-repeat;background-size: cover;}
.mainCou04 h2{padding: 4rem 0 1rem 4rem} 
.mainCou05 h2{padding: 4rem 0 1rem 3rem} 
.mainCou04 h2 img,.mainCou05 h2 img{max-height:500px;}
.mainCou06 h2{text-align: center;padding: 4rem 0;}
.mainCou06 h2 img{max-height:400px;}

.mainCouTop,.mainCouTop02,.golfTop,.carTop,.comTop,.formTop,.priTop {max-height:350px;}
.mainCouTop {background: url(../img/01.jpg)right top no-repeat;background-size: cover;}
.mainCouTop02 {background: url(../img/05.jpg)right bottom no-repeat;background-size: cover;}
.mainCouTop h2,.mainCouTop02 h2,.golfTop h2,.carTop h2,.comTop h2,.formTop h2,.priTop h2{padding: 10rem 4rem 0;font-size: 1.5rem;}
.mainCouTop02 h2,.golfTop h2,.priTop h2,.carTop h2{color: white;}
.mainCouTop h2,.comTop h2,.formTop h2{color: #035b9e;}
.carTop h2{text-shadow: 0px 0px 2px black,0px 0px 5px black,0px 0px 8px black,0px 0px 10px black,0px 0px 12px black,0px 0px 15px black;}

.golfTop {background: url(../img/golfTop.jpg)left bottom no-repeat;background-size: cover;}
.carTop {background: url(../img/carTop.jpg)center bottom no-repeat;background-size: cover;}
.comTop {background: url(../img/comTop.jpg)right center no-repeat #f7f1e1;background-size: contain;}
.formTop {background: url(../img/formTop.jpg)right bottom no-repeat;background-size: cover;}
.priTop {background: url(../img/priTop.jpg)right bottom no-repeat;background-size: cover;}

.sea-romance{color: #414141;}
.sea-romance .lay05,.sea-romance .lay08{background: url(../img/cou01Bg01.jpg) left top no-repeat;background-size: contain;}
.sea-romance .bg01 {background: url(../img/cou01Bg02.jpg) left top no-repeat;background-size: contain;}
.sea-romance .bg02 {background: url(../img/cou01Bg03.jpg) left top no-repeat;background-size: contain;}
.sea-romance .bg03 {background: url(../img/cou01Bg04.jpg) left top no-repeat;background-size: contain;}

.photogenic-undersea{color: #36302a;}
.photogenic-undersea .lay05,.photogenic-undersea .lay08 {background: url(../img/cou04Bg01.jpg) left top no-repeat;background-size: contain;}
.photogenic-undersea .bg01 {background: url(../img/cou04Bg02.jpg) right top no-repeat;background-size: 45%;}
.photogenic-undersea .bg02 {background: url(../img/cou04Bg03.jpg) left top no-repeat;background-size: contain;}

.lay05 .col-md-8 b {font-weight: normal;font-size: 1.1rem;line-height: 2rem;}
.lay05 .col-md-4 p {font-size: .7rem;line-height: 1.2rem;margin: 2rem 0 0;}
.lay05 dt,.lay05 dd {border-bottom: 1px solid #dcdcdc;padding-top: 1rem;}
.lay05 dt {font-weight: normal;font-size: .8rem;}
.sea-romance .lay05 dt {color: #85b7ce;}
.photogenic-undersea .lay05 dt {color: #c09566;}

.payment {margin: 1rem 0}
.payment p b {font-weight: normal;font-size: 1rem;}
.payment p {position: relative;padding: 0 1rem;text-align: center;font-size: .8rem;}
.payment p:before, .payment p:after {content: ''; position: absolute;bottom: 0;width: 30px;height: 1px;background-color: black;}
.payment p:before {left:0;-webkit-transform: rotate(60deg);transform: rotate(60deg);}
.payment p:after {right: 0; -webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
.payment div {text-align: center;margin: 2rem 0 0;}
.payment div b {color: #f24f52;font-size: 3.5rem;background: linear-gradient(transparent 70%, #f0f34e 70%);}

.attn {font-size: .7rem;line-height: 1.2rem;margin: 2rem 0;}
.attn01 {font-size: .7rem;line-height: 1.2rem;}
.lay05 .attn {border: 1px solid #e7e7e7;padding: 1rem;background: rgba(255,255,255,.5);}

.attn03 {border:1px solid #035b9e;margin: 2rem 0;padding: 1rem 2rem;border-radius: 1rem;font-size: .85rem;}
.attn03 li {padding: .8rem 0;list-style: inside;}
.attn03 li b,.attn03 li a {color: #ff5757;}
.attn03 li:first-child {font-size: 1rem;font-weight: bold;list-style:none;}

.lay06 span.col-4 {font-size: 8rem;font-weight: bold;z-index: 2;}
.lay06 h4 {position: relative;display: block;padding-top: 1rem;letter-spacing: .1rem;font-size: .8rem;z-index: 2;color: #858a8d;}
.lay06 h4:before {content: url(../img/stars.svg);position: absolute;top: -45px; display: block; left:1%;vertical-align: middle;-webkit-transform: scale(0.8);
transform: scale(0.8);z-index: 2;}
.lay06 h4 b {display: block;font-size: 2rem;}
.lay06 h5 {font-size:1.1rem;padding: 2rem 0;line-height: 1.8rem;}
.lay06 .col-md-5,.photoArea div {padding-left: 0!important;}

.sea-romance span.col-4 {color: #e7f2ea;}
.sea-romance .lay06 h4 b,.sea-romance .lay06 h5 {color: #035b9e;}

.photogenic-undersea span.col-4 {color: #d2e2e6;}
.photogenic-undersea .lay06 h4 b,.photogenic-undersea .lay06 h5 {color: #c09566;}

.photoArea {position: relative;max-width: 625px;width: 100%}
.photoArea:before {content: '';position: absolute;top: 0; left:0;background: url(../img/waveU.png) no-repeat top left;background-size: contain;width: 100%;height: 100px;display: inline-block;z-index: 1;}
.photoArea:after {content: '';position: absolute;bottom: 0; left:0;background: url(../img/waveD.png) no-repeat bottom left;background-size: contain;width: 100%;height: 100px;display: inline-block;z-index: 1;}
.photoArea div {padding-right: 0!important;}
.photoArea .col-12 img {max-height: 444px;height:auto;text-align: center}

.arrow01 {text-align: center;padding: 1.5rem 0 4.5rem;}
.arrow01 img {width: 250px;}

.lay07 {background-image:url(../img/dotBg.png),url(../img/dotBg.png);background-position:left 25%,right bottom;background-repeat: no-repeat,no-repeat;background-color: #fd9185;color: white;margin-top: 2rem;}
.lay07 p {margin-bottom: 2rem;}
.lay07 .col-md{margin-bottom:1rem}
.lay08 h4{padding: 4rem 3rem 3rem;color: #525c63;font-size: 1.1rem;}
.lay08 img{border-radius: 1rem;box-shadow: 0 10px 15px rgba(0,0,0,.5);}
.lay08 .col-md-4{padding: 0 1.5rem 1.5rem}
.lay08 .col-6 {padding: 1rem!important;}
.lay09,.gArea .lay04 {color: #d5bb8d;background: #1e394e}
.lay10 {color: white;background:#035b9e}
.inq div {padding: 1rem 0;}
.inq div label {padding-bottom: .5rem;}
.inq div textarea {margin-top: 1rem;}
.radio-inline {background: #e9f0f5;border-radius: 1rem;padding:1rem;color: #035b9e;width: 90%}
.radio-inline:hover,.radio-inline:focus {background: #024273;color: white;}
.webSc input {width: 100%}
.picker__list-item {color: #035b9e;}
.checkboxform-group {background: #e9f0f5;border-radius: 1rem;color: #035b9e;text-align: center}
.checkboxform-group label,.checkboxform-group p {padding:.3rem 1rem;}
/**/
.couList .lay01 {padding-bottom:5rem}
/**/
.spotList .spotB {margin: 5rem 0;}
.spotList .spotB p b {padding: .5rem 0;display: block;font-size: 1.1rem;font-weight: normal;color:#035b9e;}
.spotList .spotB h4 {padding: .5rem 0;display: block;font-size: .9rem;font-weight: normal;color: #035b9e;}
.spotList .spotB dl {font-size: .7rem;}
.spotList .spotB dt,.spotList .spotB dd {border-bottom: 1px solid #dcdcdc;padding-top: .5rem;}
.spotList .spotB dt {font-weight: normal;font-size: .7rem;}
.spotList .spotB .col-md-6 {margin: 0 0 5rem;}

.seeList .lay05{background: url(../img/cou01Bg01.jpg) left top no-repeat;background-size: cover;}
.temList .lay05{background: url(../img/cou04Bg01.jpg) left top no-repeat;background-size: cover;}

.modelC {background:#edf3f5;padding: 1rem;}
.modelC li a {padding: .8rem;display: inline-block}
.modelC li a img {box-shadow: 0 10px 15px rgba(0,0,0,.5);}

.pagenation {text-align: center;margin: 0 auto 1rem}
.pagenation span {color: #ababab;display: inline-block;border: 1px solid #ababab;padding: .5rem 1rem;margin: 0 .5rem;border-radius: 5px}
.pagenation a {color: white;display: inline-block;border: 1px solid #71cdc2;background: #71cdc2;padding: .5rem 1rem;margin: 0 .5rem;border-radius: 5px}
.pagenation a:hover {border: 1px solid #ff7372;background: #ff7372;}

.gInfo .col-md-6,.gInfo dl {margin: 1.5rem 0;}
.gInfo .col-md-6 h3,.cInfo h3 {font-size: 1.2rem;padding: 2rem 0;}
.gInfo img,.cInfo img{border-radius: 1rem}
.gInfo dt,.gInfo dd {border-bottom:1px solid #88b8ce;}

.gInfo dt,.gInfo dd,.lay09 dt,.lay09 dd {padding: .5rem 0;}

.lay09 .col-md-6 h3 a {color: #d5bb8d;}
.lay09 .col-md-6 h3 a:hover {color: #88b8ce;}
.lay09 dt,.lay09 dd {border-bottom:1px solid #d5bb8d;}

.gArea .odArea .col-10,.cArea .odArea .col-10  {background: white!important;color: #035b9e!important;}
.gArea .odArea h3,.cArea .odArea h3{color: #035b9e!important;}
.gArea .telB,.cArea .telB {color: #035b9e;border: 1px solid #035b9e;}
.odArea .col-md-6 {margin: 1rem 0;}

.cInfo{background: #4484ce;color: white;}
.cInfo p {margin: 1.5rem 0;}
.cArea .lay04 {color: white;background: #4484ce}
.cArea .lay05 {padding-bottom: 4rem;}
.comBg,.cArea .ttl02 {background: #035b9e;color: #d5bb8d;}
.cArea .modelC{background: white;}
.cArea .gInfo .ttl02 {background: white;color: #d5bb8d;}

.formBg {background: #035b9e;color: white;}

.listA {padding: 1rem 0;}
.listA tr {padding: .3rem 0;}

.pArea h3 {font-size: 1.1rem;padding: 1.5rem 0 1rem;border-bottom: 1px solid #4c5872;}
.pArea h4 {font-size: 1rem;padding: 1.5rem 0 .5rem;}
.pArea p {padding: 1rem 0;}
.pArea ul li {padding: .3rem 1.5rem;}

@media screen and (max-width:740px) {
#slider .smes {padding: 4% 8%;}
#slider .smess {padding: 1% 5%;}
.lay01 {background-image:url(../img/l01b01.png),url(../img/l01b02.png);background-position:left 35%,right top;background-repeat: no-repeat,no-repeat;background-size: 20%,25%}
.lay01 p {padding: 0 2rem;}

.mainImg {position: relative;height: 450px;}
.mainCou01 h2 img{max-height:350px;}
.mainCou02 h2 img,.mainCou03 h2 img,.mainCou05 h2 img{max-height:330px;}
.mainCou04 h2 img{max-height:400px;}
.mainCou06 h2 img{max-height:300px;}
.formTop {background: url(../img/formTop.jpg) -17rem bottom no-repeat;}

}


@media screen and (max-width:768px) {
#slider .btnB > span::before {left:95px;top: 33px;}
#slider .btnB > span::after {left: 115px;top: 30px;}
footer h2 img {width: 20%!important;}
footer .col-md-9 {margin-top: 0;}
.telB,.mailB {margin: .5rem;}
.taxiBn b,.golfBn b {font-size: 1.2rem;}
.dpn {display: none;}

.photoArea {max-width: 100%;text-align: center}
.sea-romance .lay05 {background-size: 200%;}
.lay06 .col-md-5,.photoArea div {padding: 0!important;}

.mainCou04 {background: url(../img/04.jpg) left center no-repeat;background-size: cover;}
.mainCou05,.s02 {background: url(../img/05.jpg) -10rem bottom no-repeat;background-size: cover;}
.mainCou05 h2,.mainCou04 h2 {padding: 3rem 1.5rem;}
}


@media screen and (max-width:576px) {
#slider {position: relative;}
.uk-slideshow-items {height: 450px;}
#slider .smes {width:100%;padding: 2rem 3rem;text-align: center;}
.lay01 {background-image:url(../img/l01b01.png),url(../img/l01b02.png);background-position:left 35%,right top;background-repeat: no-repeat,no-repeat;background-size: 20%,30%}
.lay01 h2 img {width: 10rem;}
.lay01 p {padding: 0 1rem;}
.odArea .col-10 {padding: 2rem 1rem!important;}
.lay04,.lay07 {background-size:15%,20%;}


.lay04 p {text-align: left;}
.lay04 p.golfArea {padding: 1rem 2rem;} 

footer {margin-top: 1.5rem;}
footer h2 {padding: 0 0 1.5rem;}
footer h2 img {width: 40%!important}
footer p {font-size: .7rem;text-align: center}
footer ul li {float: left;padding: 0 2rem .5rem}
footer .credit {font-size:.5rem;padding: .5rem;}

.panNav ol li:after {padding:.2rem;}

.ttl01O:before {left:38%;}
.ttl01W:before {left:38%;}
.mainCouTop h2,.mainCouTop02 h2,.golfTop h2,.carTop h2,.comTop h2,.formTop h2,.priTop h2{padding: 10rem 1.5rem 0;font-size: 1.5rem;}
.lay06 span.col-4 {font-size: 7rem;}

.payment p:before {left:10%;}
.payment p:after {right:10%;}
.mainCou04 {background: url(../img/04.jpg) -17rem center no-repeat!important;background-size: cover!important;}
.btngo {margin-bottom: 1.5rem;}
button[type=reset], button[type=submit] {width: 100%;margin-bottom: .5rem;}
.formTop {background: url(../img/formTop.jpg) -21rem bottom no-repeat!important;background-size: cover!important;}

.topBnGoto {margin:3rem 0;}

}
/*----- Waypoinsts -----*/
.iC,.iCI,.tCT,.tCtL,.tCtR{position: relative;}
.iCI,.tCTi,.tCtL,.tCtR{opacity: 0;}
.iC.active img,.tC.active .tCTi,.tC.active .tCtL,.tC.active .tCtR{opacity: 1;}
.tCTi,.tCtL{transition: all .8s .5s ease;}
iC:before,.tCT:before{transform: translateX(-100%);content: '';height: 100%;position: absolute; width: 100%;z-index: 1;}
.iC{overflow: hidden;}
.iCI{transition:all .5s .3s ease; z-index: 0;}
.iC:before{background: #333;transition:all .8s 0s ease;}
.tCT{overflow: hidden;z-index: 0;}
.tCT:before{background: #f4f963;transition:all .8s .3s ease;}
.tCT,.tCTi{display: inline-block;}
.tCtL{left: -50px;}
.tCtR{right: -50px;transition: all 1s .8s ease;}
.iC.active:before,.tC.active .tCT:before{transform: translateX(100%);}
.tC.active .tCtL{left: 0;}
.tC.active .tCtR{right: 0;}

/* ==recruit== */

.sec {position: absolute;bottom: 2rem;left: 0;}
.sec h2 {padding: 2rem 5rem;background:#f4f963;font-size: 1.6rem;}
.sec h2 span {position: absolute;top: -2rem;left: 0;}

.recImg01 {margin: 6% 2% 0;position: relative;text-align: center}
.recImg01 img {width: 95%;max-height: 624px;height: auto;}


.mes {text-align: center;padding: 1.5rem 0;font-size:1.1rem;font-weight: bold;line-height: 2.5rem}
.mes b {font-size:1.5rem;}

.recTopBg01 {background-image:url(../img/comP02.png),url(../img/dottedBg.png);background-position:left bottom,right top;background-repeat: no-repeat,no-repeat;background-size: 20%,410px;}

.recSha {background: url(../img/shataku02.jpg) no-repeat top left;margin-top: 3rem;background-size: contain}
.recHosho {background: url(../img/fukuri01.jpg) no-repeat;background-position: 85% top;background-size: contain}
.recSha .col-sm-7 {margin-top: 10rem;box-shadow: 20px 20px #f4f963;}
.recHosho .col-sm-7{margin: 5rem 2rem;box-shadow: 20px 20px #f4f963;}

.recTopA .col-sm-7{background: rgba(246, 243, 235, 0.93);padding: 1.5rem 2rem;}
.recTopA p{padding-bottom: 1.5rem}
.recTopA b {font-weight: bold}

.hScroll{
  max-height:300px;
  margin:10px 0 80px;padding: 10px 0;
  overflow: hidden;
  position: relative;
  overflow-x:auto;
}
.hScroll .box{
width: auto;
overflow: hidden;
white-space: nowrap;
padding: 0 100px;}

.box div{
  padding:5px 8px;background: rgba(255,255,255,.5);font-size: .8rem;
  width: 300px;display: inline-block; text-align: center;
  -webkit-animation: bgscroll 60s linear infinite;animation: bgscroll 60s linear infinite;
}
@-webkit-keyframes bgscroll {0% {transform: translate(0px, 0px);opacity: 0;}2% {opacity: 1;}99% {opacity: 1;}100% {transform: translate(-1300px, 0px);opacity: 0;}}
@keyframes bgscroll {0% {transform: translate(0px, 0px);opacity: 0;}2% {opacity: 1;}99% {opacity: 1;}100% {transform: translate(-1300px, 0px);opacity: 0;}}



.recTopGa {background: linear-gradient(180deg,#f4f963 0%,#f4f963 40%,#7ec4d6 100px,#7ec4d6 60%);}

.listT p{padding: 1rem .5rem;}
.listT div strong {font-weight: bold;font-size: 1.2rem;display: inline-block;margin: 1rem 0}
.laC01 .label{background: #039e95;color: white;}
.laC01 .labelS{background: white;color: #039e95;}
.laC01 div b{color: #039e95;}

.laC02 .label{background: #035b9e;color: white;}
.laC02 .labelS{background: white;color: #035b9e;}
.laC02 div b{color: #035b9e;}

.label{position: relative;}
.label div{text-align: center;padding: 2rem 1rem 1rem;} 
.label div b{background: white;display: block;padding: 1rem;margin: 1rem 0 0;font-weight: bold;} 
.label div b span {color: #ff5757;}
.labelS{padding: .5rem 1rem;position: absolute;top: -20px;left: 15px;font-weight: bold;font-size: 1rem;}

.kyuyo {color: #035b9e;}
.kyuyo span {font-weight: bold;display: block;}

.kyuyo b {border-top: 1px solid #035b9e;font-weight: bold;font-size: 1.1rem;padding: .5rem 0;display: block;margin-top: .5rem;text-align: right}

.listTi div div {border: 1px solid #035b9e;padding: 1rem;margin:.5rem;color: #035b9e;}

.ouboTo {padding: 1rem;margin: 1rem;font-size: 1rem;font-weight: bold;text-align: center}
.ouboTo b {padding: 1rem;font-size: 2rem;font-weight: bold;line-height: 3rem}


.otherCon div{margin-bottom: 3rem;}
.otherCon div.col-6{padding: 0 .5rem!important;}
.otherCon div h4 {border-bottom:2px solid #035b9e;font-weight: bold;padding: .5rem 0;}
.otherCon div p {text-align: right;font-size: .8rem;}
.otherCon div a:hover > img {opacity: 0.5;}
.otherCon div a:hover > h4{border-bottom:2px solid #ff5757;}


/* General style */
.grid-gallery ul {list-style: none;margin: 0;padding: 0;}
.grid-gallery div {margin: 0;}
.grid-gallery div img {display: block;width: 100%;border-radius: 10px;background: white;}
/* Grid style */
.grid-wrap {max-width: 69em;margin: 0 auto;}
.grid {margin: 0 auto;}
.grid li {width: 25%;float: left;cursor: pointer;}
.grid div {padding: 10px;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}
.grid li:hover img {box-shadow: 0 10px 15px rgba(0,0,0,.5);-webkit-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
/* Slideshow style */
.slideshow {position: fixed;background: rgba(3, 91, 158, 0.64);width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999;opacity: 0;visibility: hidden;overflow: hidden;-webkit-perspective: 1000px;perspective: 1000px;-webkit-transition: opacity 0.5s, visibility 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s;}
.slideshow-open .slideshow {opacity: 1;visibility: visible;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.slideshow ul {width: 100%;height: 100%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform: translate3d(0,0,150px);transform: translate3d(0,0,150px);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.slideshow ul.animatable li {-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.slideshow-open .slideshow ul {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.slideshow li {width: 780px;height: 560px;position: absolute;top: 50%;left: 50%;margin: -280px 0 0 -330px;visibility: hidden;}
.slideshow li.show {visibility: visible;}
.slideshow li:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}
.slideshow li.current:after {visibility: hidden;opacity: 0;-webkit-transition: opacity 0.3s, visibility 0s 0.3s;transition: opacity 0.3s, visibility 0s 0.3s;}
.slideshow div {width: 100%;height: 100%;overflow: hidden;border-radius: 10px;position: relative;}
.slideshow li div img {position: absolute;width: auto;height: auto; max-width: 100%;max-height: 100%;left: 50%;top: 50%; -webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.slideshow nav span {position: fixed;z-index: 1000;color: white;text-align: center;padding: 3%;cursor: pointer;font-size: 2.2em;}
.slideshow nav span.nav-prev,.slideshow nav span.nav-next {top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);text-shadow:0 3px 10px black;}
.slideshow nav span.nav-next {right: 0;}
.slideshow nav span.nav-close {top: 0;right: 0;padding: 0.5em 1em;color: white;}
@media screen and (max-width: 60em) {
.grid li {width: 33.3%;}
.slideshow li {width: 100%;height: 100%;top: 0;left: 0;margin: 0;}
.slideshow nav span,.slideshow nav span.nav-close {font-size: 1.8em;padding: 0.3em;}
.info-keys {display: none;}
}
@media screen and (max-width: 35em) {
.grid li {width: 50%;}
.slideshow div {width: 90%;margin: 0 auto;}
}
@media screen and (max-width: 24em) {.grid li {width: 100%;}}
/*=====================*/
.movArea {position: relative;width: calc(100% - 10px); margin: 0 auto;}
.movArea .iframeWrap{height: 0;padding-bottom: 62.5%;}
.movArea .iframeWrap iframe {position: absolute;top: 0;left: 0;padding: 10px;}

.ouboTel {color: #035b9e;padding: 2rem;text-align: center;}
.ouboTel strong b{font-family:"Century Gothic", CenturyGothic,sans-serif;font-weight: bold;}
.ouboTel strong{font-weight: bold;font-size:2rem;color: #ff5757;line-height: 3rem;}
.ouboTel p{line-height: 2.5rem;}

.bosMes{background: url(../img/comP01_pc.png) top left no-repeat #035b9e;background-size: 65%}
.bosMes .col-sm-9 {margin-top: 10rem;color: #01294e;padding:3rem;}

.privacy p {padding: 1rem 0;}
.privacy h3 {padding: 2rem 0 1rem;font-weight: bold}

.hrow,.trow {padding: 1rem 0}
.hrow {color: white;text-align: center;margin: 3% 0 0;background: #035b9e;}
.trow {text-align: center;margin: 0 ;border-top: 1px solid rgba(0, 0, 0, 0.2);background: white;color: #035b9e;}
.trow:hover{background: #f4f963;}

.airTel {padding: 2rem;text-align: center;}
.airTel strong b{font-family:"Century Gothic", CenturyGothic,sans-serif;font-weight: bold;}
.airTel strong{font-weight: bold;font-size:2rem;line-height: 3rem;}
.airTel p{line-height: 2rem;}

.carInfo {background: white;color: #035b9e;margin: 2rem 0;padding: 2rem;}

.cars02 div {position: relative}
.cars02 div img{padding: 3rem 3rem 0;}
.cars02 div p{background: #f4f963;position: absolute;bottom: -5%;padding: 1rem;}


.listC .trow {border-top:none;background: none;}
.listC .trow .col-3 {background: #f6f3ea;padding: 1rem;background: white;}
.listC .trow .col {border-left: 1px solid #035b9e;margin-left: .1rem;text-align: left;padding: 1rem;background: white;}
.listC .trow:hover{background: #f6f3ea;}