@charset "UTF-8";

#ct03,#ct03_wrapp {
background-color:#f6f7f4;
}

#sct04 h3,#sct04 img {
vertical-align:bottom;
}

#bread,#ct01_wrapp,#ct02_wrapp,#ct03,#ct03_wrapp,#ct04,#ct04_wrapp,#ct05_wrapp,#ct06,#grn_box,#mainimage,#pslider,#pslider_wrapp,#pt,#pt_wrapp,#sct01,#sct01_wrapp,#sct02,#sct02_wrapp,#sct03_wrapp,#sct04 .ac_wrapp .ac_right,#sct04_wrapp,#sct05,#sct05_wrapp,#sct06,#sct06_wrapp,#sct07,#sct07_wrapp,#sct08,#sct08_wrapp {
overflow:hidden;
}

#mainimage {
z-index:9;
top:0;
}

video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
}
#m_cover {
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
background:url(../img/top/m_cover.png);
z-index:-87;
}
#ct01 {
width:100%;
margin:70px auto 50px;
max-width:1280px;
}

#ct01 h2,#ct01 p {
margin:0 auto 29px;
text-align:left;
}

#ct01 p {
font-size:14px;
line-height:28px;
color:#484848;
}

#ct02 h2 {
margin:20px auto;
}

#ct03_wrapp {
width:100%;
margin:50px auto 0;
}

#tori {
position:absolute;
z-index:50;
top:94px;
left:6px;
}

#ct03 {
width:980px;
margin:60px auto;
}

#ct03 h2 {
margin:0 auto 49px;
}

#ct04_wrapp {
width:100%;
margin:60px auto;
}

#ct05_wrapp {
width:100%;
margin:40px auto;
}

#ct05 p {
color:#484848;
font-size:15px;
}

#ct05 a {
width:260px;
height:39px;
background-color:#5FAAD0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
margin:40px auto 10px;
}

#ct05 a img {
margin:12px 0 0;
}

#gmap {
width:100%;
height:580px;
}

#ct06_wrapp {
width:100%;
margin:0 auto;
background:#fff;
padding:50px 0 50px;
}

#ct06 ul {
height:60px;
text-align:center;
z-index:555;
}

#ct06 ul li {
margin:0 20px;
}

#ct06 ul li a,#sct03 a {
width:260px;
height:45px;
background-color:#5FAAD0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
display:inline-block;
}

#ct06 ul li a img {
display:block;
margin:14px auto 0;
}

#sct01_wrapp {
padding:40px 0 0;
width:100%;
margin:0 auto;
}

#sct01 {
width:100%;
margin:0 auto 80px;
}

#sct01 h1 img {
position:absolute;
top:175px;
left:50%;
margin-left:-141px;
}

#sct02 p {
font-size:14px;
line-height:40px;
color:#484848;
margin:30px auto;
}
.kariyoyaku a,#sct02 a{
width:260px;
height:45px;
background-color:#5FAAD0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
display:inline-block;
margin:4px auto 150px;
}
.kariyoyaku a img {
  display: block;
  margin: 14px auto 0;
}
#sct02 a img {
  display: block;
  margin: 14px auto 0;
}
#sct03 {
width:980px;
margin:0 auto 60px;
}

#sct03 h2,#sct03 p {
margin:0 auto 40px;
}

#sct03 p {
font-size:14px;
color:#484848;
}

#sct04 h3 {
font-size:10px;
margin:50px auto 10px;
text-align:left;
}

#sct04 .ac_wrapp {
width:100%;
overflow:hidden;
margin:0 auto 23px;
background:url(../img/access/line01.gif)no-repeat;
padding:25px 0 0;
text-align:left;
}

#sct04 .ac_wrapp .ac_left {
float:left;
width:220px;
}

#sct04 .ac_wrapp .ac_left h4 {
font-size:14px;
font-weight:400;
line-height:26px;
color:#484848;
}

#sct04 .ac_wrapp .ac_right {
float:left;
width:760px;
}

#sct04 .ac_wrapp .ac_right p {
font-size:14px;
line-height:26px;
color:#484848;
}

#sct04 .ac_wrapp .ac_left h4 a {
width:initial;
height:initial;
background-color:initial;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
display:inline-block;
margin:4px auto 0;
}

#sct04 p {
font-size:14px;
line-height:30px;
margin:0 auto 5px;
color:#484848;
}

#sct04 .ac_wrapp .ac_right .acr_left {
float:left;
width:90px;
}

#sct04 .ac_wrapp .ac_right .acr_right {
float:left;
width:670px;
}

#sct04 .ac_wrapp .ac_right .t-red {
width:100%;
color:#F42121;
}

#cont p,#pt p,#sct06 p {
color:#484848;
}

#sct04 a {
width:260px;
height:45px;
background-color:#5FAAD0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
transition:.2s ease-in-out;
margin:50px auto;
}

#sct05_wrapp {
width:100%;
position:relative;
margin:0 auto;
}

#sct05 {
width:1060px;
margin:0 auto 80px;
}

#grn_box {
border:2px solid #52A5D1;
background-color:#EDF8FC;
height:auto;
padding:20px;
}

#grn_box .brn {
width:318px;
float:left;
height:330px;
margin:10px;
}

#grn_box .brn h3,#grn_box .brn p {
width:240px;
margin:5px auto 0 70px;
}

#grn_box .brn h3 {
font-size:15px;
}

#grn_box .brn p {
font-size:13px;
}
#bread_wrapp {
  width: 100%;
  padding: 0 0 10px;
  margin: 0;
  background-color: #fff;
}
#bread {
width:980px;
padding:15px 0 0;
margin:0 auto 30px;
}

#bread ul li {
float:left;
margin:0 10px 0 0;
font-size:12px;
}

#sct06 {
width:1460px;
margin:0 auto;
}

#sct06 p {
font-size:14px;
line-height:30px;
margin:0 auto 50px;
}

#sct06 .p_back {
text-align:left;
}

#pbeach,#pmarine,#pocean,#psea {
position:absolute;
}

#sct06 .p_back h3 {
margin:0 auto 10px;
}

#sct06 .p_back h4 {
margin:0 auto 15px;
}

#sct06 .p_back p {
line-height:26px;
margin:0 auto;
}

#sct06 .p_back a {
width:225px;
height:35px;
background-color:#5FAAD0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
margin:30px 0 0 10px;
}

.p-beach,.p-marine,.p-ocean,.p-sea {
height:710px;
}

#sct06 .p_back a img {
margin:10px auto 0 50px;
}

.p-beach {
background:url(../img/p_plan/img_bplan.jpg)no-repeat;
}

.p-sea {
background:url(../img/p_plan/img_splan.jpg)no-repeat;
}

.p-marine {
background:url(../img/p_plan/img_mplan.jpg)no-repeat;
}

.p-ocean {
background:url(../img/p_plan/img_oplan.jpg)no-repeat;
}

#pbeach {
top:106px;
left:800px;
}

#psea {
top:100px;
left:110px;
}

#pmarine {
top:102px;
left:790px;
}

#pocean {
top:100px;
left:162px;
}

#pslider_wrapp {
width:100%;
margin:0 auto;
position:relative;
}

#pslider {
width:1200px;
margin:50px auto;
position:relative;
}

#pslider h1 img {
position:absolute;
z-index:10;
top:304px;
left:100px;
}

#sct07_wrapp {
margin:0 auto;
width:100%;
background-image:url(../img/top/bg_price.jpg);
background-repeat:no-repeat;
background-size:cover;
}
#sct07_wrapp h2 {
margin:40px auto 20px;

}
#sct07 .tab .kyu.active {
background:url(../img/top/tab_kyu_on.png)no-repeat;
width:523px;
height:76px;
}

#sct07 .tab .kyu {
background:url(../img/top/tab_kyu.png)no-repeat;
width:523px;
height:76px;
}

#sct07 .tab .hei.active {
background:url(../img/top/tab_hei_on.png)no-repeat;
width:523px;
height:76px;
}

#sct07 .tab .hei {
background:url(../img/top/tab_hei.png)no-repeat;
width:523px;
height:76px;
}

.content ul li {
float:left;
margin:5px;
}

#sct08 .tab2 .zenjitu.active {
background:url(../img/p_beach/tab_zen_on.jpg)no-repeat;
width:523px;
height:76px;
}

#sct08 .tab2 .zenjitu {
background:url(../img/p_beach/tab_zen.jpg)no-repeat;
width:523px;
height:76px;
}

#sct08 .tab2 .toujitu.active {
background:url(../img/p_beach/tab_tou_on.jpg)no-repeat;
width:523px;
height:76px;
}

#sct08 .tab2 .toujitu {
background:url(../img/p_beach/tab_tou.jpg)no-repeat;
width:523px;
height:76px;
}

.flow_no {
float:left;
margin:20px;
width:310px;
height:315px;
}

.flow_no h3 {
font-size:14px;
font-weight:600;
margin:4px auto 10px 56px;
}

.flow_no p {
margin:5px auto 10px 65px;
font-size:13px;
}

#pt h3 {
margin:50px auto 30px;
}

#pt p {
font-size:14px;
line-height:36px;
}

#pt a {
width:260px;
height:40px;
background-color:#5FAAD0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
transition:.2s ease-in-out;
margin:50px auto 0;
}

#pt a img {
margin:12px;
}

#cont {
width:980px;
margin:100px auto;
}

#cont h1,#cont h2 {
font-size:44px;
text-align:center;
}

#cont p {
margin:10px auto 20px;
font-size:14px}

#ct05 a,#ct06 ul li,#pt a,#sct04 a,#sct06 .p_back a {
display:inline-block;;

}

#ct01_wrapp,#ct02_wrapp,#ct03_wrapp,#ct04_wrapp,#ct05_wrapp,#ct06,#ct06 ul li,#ct06 ul li a img,#sct01_wrapp,#sct02_wrapp,#sct03,#sct04_wrapp,#sct04 a,#sct05 h2,#sct06_wrapp,#pt_wrapp,#sct07 h2,#sct07_wrapp,#sct08 h2,#sct08_wrapp h2 {
text-align:center;
}

#ct01_wrapp,#ct03_wrapp,#ct03,#ct06_wrapp,#sct01,#sct01_wrapp,#bread,#sct02,#sct02_wrapp,#sct03_wrapp,#sct04_wrapp,#sct05,#sct06,#sct06 .p_back,#sct06_wrapp,#cont_wrapp,#pt_wrapp,#sct07_wrapp,#sct08_wrapp {
position:relative;
height:auto !important;
}

#ct05,#sct02_wrapp,#sct03_wrapp,#sct04_wrapp,#sct06_wrapp,#sct08_wrapp,#pt_wrapp,#cont_wrapp {
width:100%;
margin:0 auto;
background:#fff;
}
#ct01_wrapp {
width:100%;
margin:0 auto;
overflow:hidden;
height:1000px;
}
#ct02_wrapp {
width:100%;
margin:0 auto;
overflow:hidden;
height:800px;
background:#3b99c9;

}
#slider10 div h3 {
text-align:left;
font-size:20px;
color:#fff;
margin:10px 1% 10px;

}
#slider10 div p {
text-align:left;
color:#fff;
font-size:14px;
font-weight:normal;
margin:0 1%;
height:130px;

}
#ct04,#ct06 {
width:980px;
margin:0 auto;
}

#ct04 h2,#sct02 h2,#sct05 h2,#sct06 h1,#sct07 h2,#sct08 h2 {
margin:0 auto 50px;
}

#ct05 h2,#sct06 h2,#pt h2 {
margin:0 auto 30px;
}

#ct05 a,#ct05 a:hover,#ct06 a:hover,#sct03 a:hover,#ct06 ul li a,#sct03 a,#sct04 .ac_wrapp .ac_left h4 a,#sct06 .p_back a,#sct06 .p_back a:hover {
-webkit-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
}

.kariyoyaku a:hover,#ct04 a:hover,#ct05 a:hover,#ct06 a:hover,#sct03 a:hover,#sct06 .p_back a:hover {
background-color:#B19230;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
}

#sct02,#sct04 {
width:980px;
margin:0 auto 80px;
}

#sct03 a img,#sct04 a img {
margin:10px;
}

#sct04 a,#sct04 a:hover,#pt a,#pt a:hover {
-o-transition:.2s ease-in-out;
-moz-transition:.2s ease-in-out;
-webkit-transition:.2s ease-in-out;
}

#sct04 a:hover,#pt a:hover {
background-color:#B19230;
transition:.2s ease-in-out;
}

#sct07,#sct08,#pt {
width:1080px;
margin:50px auto;
}
#sct01_wrapp {
background-color: #fff;
}

#ditail {

}
#ditail img {
width:48%;
height:auto;
float:left;
margin:1%;

}

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

#ditail img {
width:98%;
height:auto;
float:initial;
margin:1%;

}

}


.dress {
  width: 40%;
  margin: 5% 5% 10%;
  float: left;
  position: relative;
}
.dress_title {
  position: absolute;
  left: -20px;
  top: -25px;
  z-index: 200;
}
.dress_main {
  width: 73.8%;
  margin: 0 2% 0% 0;
  float: left;
}
.dress_thumb {
  width: 24.2%;
  float: left;
}
.dress img {
}
.dress_main img {
  width: 100%;
  height: auto;
}
.dress_thumb img {
  width: 100%;
  margin: 0 0%;
  height: auto;
}

.mainImage02,.mainImage03,.mainImage04,.mainImage05,.mainImage06,.mainImage07{
    border: 2px solid #333;
}

.thumb{
    border: 2px solid #333;
}

.invisible{
    display: none;
}

.prices {
width:100%;
}
.prices_ditail {
width:40%;
margin:5%;
float:left;
}
.prices_ditail img {
width:100%;
height:auto;
margin:8% 0%;
}


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

    .dress {
      width: 90%;
      margin: 5% 5% 10%;
      float: left;
      position: relative;
    }
    .dress_title {
      position: absolute;
      left: -20px;
      top: -25px;
      z-index: 200;
    }
    .dress_main {
      width: 73.8%;
      margin: 0 2% 0% 0;
      float: left;
    }
    .dress_thumb {
      width: 24.2%;
      float: left;
    }
    .dress img {
    }
    .dress_main img {
      width: 100%;
      height: auto;
    }
    .dress_thumb img {
      width: 100%;
      margin: 0 0%;
      height: auto;
    }

    .mainImage02,.mainImage03,.mainImage04,.mainImage05,.mainImage06,.mainImage07{
        border: 2px solid #333;
    }

    .thumb{
        border: 2px solid #333;
    }

    .invisible{
        display: none;
    }

    .prices {
    width:100%;
    }
    .prices_ditail {
    width:90%;
    margin:5%;
    float:initial;;
    }
    .prices_ditail img {
    width:100%;
    height:auto;
    margin:8% 0%;
    }

}