@charset "utf-8";

html{background:none!important;}
#Head01{background:#FFF!important;}
#dirPathBlock {
	width: 970px;
    margin: 0 auto;
}
#anchorLinkBlock{margin:3%;}

/*ブラウザ判定*/
/* デフォルトのCSS */
p.message {
    background-color: blue;
}
/* IEのみに適用 */
.ie p.message {
    background-color: green;
}
/* IEバージョン11のみに適用 */
.ie11 p.message {
    background-color: gray;
}
/* IEバージョン5.5のみに適用 */
.ie5_5 p.message {
    background-color: black;
}
/* safari5.1.xとfirefoxのみに適用 */
.safari5_1 p.message ,
.firefox p.message {
    background-color: red;
}


:root {
    --arrow-btn-before-color: #fff; /* ホバー前の色 */
    --arrow-btn-after-color: #ff8000; /* ホバー後の色 */
    --arrow-btn-width: 50px; /* ボタン幅 */
    --arrow-btn-border-width: 2px; /* ボタン線の太さ */
    --arrow-btn-transition: .3s; /* アニメーション速度 */
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body{
    font: 13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    background-color: #fff1ef!important;
    /*background: linear-gradient(#6cc2ff, #fff) no-repeat;*/
}

a:link { color: #0066cc;text-decoration: none;}
a:visited { color: #468ace;text-decoration: none; }
a:hover { color: #ff8000;text-decoration: none; }
a:active { color: #ff8000;text-decoration: none; }



.reBtn,
a.reBtn,
button.reBtn {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 5px 50px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #68473e;
    border-radius: 0.5rem;
}

.returnBtn a.reBtnBorder {
    border: 2px solid #ffcccc;
    border-radius: 0;
    background: #fff1ef;
}

.returnBtn a.reBtnBorder:hover {
    color: #fff;
    background: #f98c8c;
}

.returnBtn{
    max-width: 970px;
    margin: 10px auto;
    padding: 0 10px;
    text-align: right;
}

/*TOP*/
main{
    max-width: 970px;
    width: 100%;
    margin: 0 auto;
}

/*タブ切り替え全体のスタイル*/
.tabGirls {
    margin-top: 50px;
    margin-bottom: 40px;
    margin: 0 auto;
}

/*タブのスタイル*/
.tabItemGirl {
    width: calc(100%/3);
    height: 50px;
    border-bottom: 3px solid #f9aaaa;
    background-color: #ffd9d9;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    color: #565656;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    cursor: pointer;
}
.tabItemGirl:hover {
    opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tabItemGirl"] {
    display: none;
}

/*タブ切り替えの中身のスタイル*/
.tabContentGirl {
    display: none;
    padding: 40px 40px 0;
    clear: both;
    overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#onedayGirls:checked ~ #onedayGirlsContent,
#twodayGirls:checked ~ #twodayGirlsContent,
#threedayGirls:checked ~ #threedayGirlsContent {
    display: block;
}

/*選択されているタブのスタイルを変える*/
.tabGirls input:checked + .tabItemGirl {
    background-color: #f98c8c;
    color: #fff;
}


/*1日*/

#onedayGirlsContent{
    border-top: 20px solid #ffcccc;
    border-bottom: 20px solid #ffcccc;
}

.girlsOneday{
    max-width: 55%;
    margin: 0 auto;
    text-align: center;
}

.girlsOneday h2 {
    padding: 0.5rem 2rem;
    border-bottom: 1px solid #e4007f;
    font-size: 30px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    color: #68473e;
}

.girlsOneday p {
    margin-top: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #68473e;
}

.hibiscusArea01{
    position: relative;
}

.hibiscusAbsolute01{
    position: absolute;
    top: -20px;
    right: 0;
    width: 15%;
}

.hibiscusAbsolute01 img{
    width: 100%;
}


.girlContanier{
    display: flex;
    margin-top: 80px;
}

.girlLeft{
    width: 50%;
}

.girlLeft h3{
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #68473e;
    font-weight: bold;
    margin-bottom: 5px;
}

.girlRight{
    width: 50%;
    text-align: center;
}



.timeArea img:first-child{
    width: 40%;
}

.timeArea img:nth-child(2){
    width: 40%;
    display: block;
    margin: 50px auto 0;
}


.hotel img:first-child{
    width: 100%;
}

.hotel img:nth-child(2){
    width: 100%;
    padding-top: 5px;
    padding-bottom: 20px;
}

.hotelFlex{
    display: flex;
}

.hotelItem01{
    width: 60%;
    margin-top: 30px;
}

.hotelItem01 img{
    width: 100%;
}

.hotelItem01 p{
    text-align: right;
}

.hotelItem02{
    width: 40%;
    margin-top: 30px;
    margin-left: 10px;
}

.hotelItem02 img{
    width: 100%;
}


.alivilaTxt img{
    width: 50%;
}

.borderBrown01{
    height: 50px;
    width: 1px;
    border: 1px solid #68473e;
    margin: 35px auto;
    text-align: center;
}



.girlMargin{
    margin-top: 50px;
}

.yachimunMargin{
    margin-top:10px!important;
}

.girlMargin02{
    margin-top: 25px;
}


.alivilaTxt{
    border-left: 2px solid #68473e;
    margin-top: 30px;
    margin-left: 30px;
    padding-left: 15px;
    padding-right: 30px;
    text-align: center;
}

.alivilaTxt p{
    line-height: 2;
    font-size: 16px;
    color: #68473e;
    text-align: left;
    margin-left: 20px;
}

.alivilaTxt small{
    margin-top: 15px;
    margin-left: 20px;
}

.borderBrown02{
    height: 50px;
    width: 1px;
    border: 1px solid #68473e;
    margin: 150px auto 100px;
    text-align: center;
}

small{
    color: #68473e;
}



.hotelFlex02{
    display: flex;
    position: relative;
}

.hotelItem0102{
    width: 60%;
}

.hotelItem0102 img{
    width: 100%;
}

.hotelItem0202{
    width: 40%;
    position: absolute;
    top: 2px;
    right: -105px;
}

.hotelItem0202 img{
    width: 100%;
}

.ariacaraImg{
    margin-top: 30px;
}

.ariacaraImg img{
    width: 50%;
}

.hotelStay{
    width: 70%;
    margin: 50px auto 0px auto;
}

.hotelStay img{
    width: auto;
}

.hotelStay p{
    margin: 20px 0;
    font-size: 26px;
    font-weight: bold;
    margin-top: 10px;
    color: #68473E;
}

.hibiscusRela{
    position: relative;
    height: 40px;
}

.hibiscusArea02{
    width: 50%;
    margin-bottom: 20px;
    position: absolute;
    bottom: 0;
}

.hibiscusArea02 img{
    width: 30%;
}

.smallArea{
    text-align: right;
}


.borderBrown03{
    height: 50px;
    width: 1px;
    border: 1px solid #68473e;
    margin: 100px auto 20px;
    text-align: center;
}


.balloon001{
    position: relative;
}

.balloonAbsolute{
    position: absolute;
    top: 50px;
    left: 50px;
    margin: 0 auto;
    line-height: 1.8;
    font-size: 14px;
    color: #68473e;
}


.balloon002{
    position: relative;
}

.balloonAbsolute002{
    position: absolute;
    top: 40px;
    left: 40px;
    margin: 0 auto;
    line-height: 1.8;
    font-size: 14px;
    color: #68473e;
}



/*2日*/


#twodayGirlsContent{
    border-top: 20px solid #f9aaaa;
    border-bottom: 20px solid #f9aaaa;
}

.murasakimura img:first-child{
    width: 100%;
}

.murasakimura img:nth-child(2){
    width: 100%;
}

.murasakimuraFlex{
    display: flex;
    margin-top: 30px;
}

.murasakimuraItem01{
    width: 38%!important;
    margin: 0px 30px 0px 0;
}

.murasakimuraItem01 img{
    width: 100%;
}

.murasakimuraItem02{
    width: 38%!important;
    margin: 0;
}

.murasakimuraItem02 img{
    width: 100%;
}

.murasakimuraItem03{
    width: 25%!important;
    margin: 0 10px;
}

.murasakimuraItem03 img{
    width: 100%;
}

.murasakimuraItem03 p{
    text-align: center;
}

.murasakimuraItem04{
    position: relative;
}


.timeAreaTwo img:first-child{
    width: 70%;
}

.timeAreaTwo img:nth-child(2){
    width: 50%;
    display: block;
    margin: 30px auto 0;
}

.txtTwo{
    border-left: 2px solid #68473e;
    margin-top: 30px;
    margin-left: 30px;
}
.txtTwo img{
    width: 50%;
}
.txtTwo p{
    line-height: 2;
    font-size: 16px;
    color: #68473e;
    text-align: left;
    margin-left: 20px;
}

.txtTwo small{
    margin-top: 15px;
    margin-left: 20px;
}

.murasakimuraItemAbso04{
    width: 60%;
    margin: 2px;
    position: absolute;
    top: 0;
}
.murasakimuraItemAbso04 img{
    width: 100%;
    margin-left: 10px;
}

.murasakimura{
    position: relative;
    height: auto;
}

.morasakimuraAbso{
    position: absolute;
    width: 50%;
    bottom: -150px;
    right: -20px;
}

.morasakimuraAbso img{
    width: 100%;
}

.twoTxt{
    border-left: 2px solid #68473e;
    margin: auto 0 0 auto;
    width: 30%;
}

.twoTxt p{
    line-height: 2;
    font-size: 16px;
    color: #68473e;
}

.twoTxt img{
    width: 100%;
    padding-left: 30px;
}

.borderBrown04{
    height: 50px;
    width: 1px;
    border: 1px solid #68473e;
    margin: 100px 220px 20px auto;
    text-align: center;
}

.borderBrown06{
    height: 50px;
    width: 1px;
    border: 1px solid #68473e;
    margin: 210px auto 50px;
    text-align: center;
}



.girlLeft60{
    width: 60%;
}

.girlLeft60 h3{
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    color: #68473e;
    font-weight: bold;
    margin-bottom: 5px;
}

.girlRight40{
    width: 40%;
    text-align: center;
    text-align: left;
}

.timeArea40{
    text-align: center;
    margin: 30px auto 0;
}

.timeArea40 img:first-child {
    width: 50%;
}

.alivilaTxt70{
    border-left: 2px solid #68473e;
    margin-top: 30px;
    margin-left: 30px;
    padding-left: 30px;
    padding-right: 30px;
}


.alivilaTxt70 img{
    width: 70%;
}

.alivilaTxt70 p{
    line-height: 2;
    font-size: 16px;
    color: #68473e;
    text-align: left;
    margin-left: 5px;
}


.alivilaTxt70 small{
    margin-top: 15px;
    margin-left: 20px;
}

.hotelStay02{
    width: 100%;
    margin: 50px auto 0px auto;
    text-align: right;
}

.hotelStay02 img{
    width: auto;
}

.hotelStay02 p{
    margin: 20px 0;
    font-size: 30px;
    font-weight: bold;
    margin-top: 10px;
    color: #68473E;
}


.balloon003{
    position: relative;
}

.balloonAbsolute003{
    position: absolute;
    top: 50px;
    left: 60px;
    margin: 0 auto;
    line-height: 1.8;
    font-size: 14px;
    color: #68473e;
}


.balloon004{
    position: relative;
}

.balloonAbsolute004{
    position: absolute;
    top: 40px;
    left: 45px;
    margin: 0 auto;
    line-height: 1.8;
    font-size: 14px;
    color: #68473e;
}

.balloon005{
    position: relative;
}

.balloonAbsolute005{
    position: absolute;
    top: 30px;
    left: 50px;
    margin: 0 auto;
    line-height: 1.8;
    font-size: 14px;
    color: #68473e;
}

.balloonSmall{
    font-size: 10px;
}

/*3日*/

#threedayGirlsContent{
    border-top: 20px solid #f98c8c;
    border-bottom: 20px solid #f98c8c;
}


.timeAreaThree img:first-child{
    width: 70%;
}

.timeAreaThree img:nth-child(3){
    width: 50%;
    display: block;
    margin: 0 auto;
}



.hoshinoItem01{
    width: 38%!important;
    margin: 2px;
}

.hoshinoItem01 img{
    width: 100%;
}

.hoshinoItem02{
    width: 25%!important;
    margin: 2px 10px;
}

.hoshinoItem02 img{
    width: 100%;
}

.hoshinoItem03{
    width: 25%!important;
    margin: 2px;
}

.hoshinoItem03 img{
    width: 100%;
}


.borderBrown02{
    height: 50px;
    width: 1px;
    border: 1px solid #68473e;
    margin: 150px 0 100px;
    text-align: center;
}

.cyatanItem01{
    width: 25%!important;
    margin: auto 10px 25px auto;
}

.cyatanItem01 img{
    width: 100%;
}

.borderBrown05{
    height: 50px;
    width: 1px;
    border: 1px solid #68473e;
    margin: 210px 210px 50px 0;
    text-align: center;
}

.borderBrown07{
    height: 40px;
    width: 1px;
    border: 1px solid #68473e;
    margin: 20px auto;
    text-align: center;
}


.balloon006{
    position: relative;
}

.balloonAbsolute006{
    position: absolute;
    top: 60px;
    left: 60px;
    margin: 0 auto;
    line-height: 1.8;
    font-size: 14px;
    color: #68473e;
}

/**/

.timeArea p:first-child {
    font-size: 30px;
    font-weight: bold;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #68473E;
}
.timeArea img:first-child{
    width: auto;
}
.timeImg{
    text-align: left;
    padding-left: 30px;
}
.timeImg img{
    width: 50%;
}
.rentalcar img{
    width: 18%!important;
}


.rentalcar p{
    text-align: center;
    margin: 20px 0;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    color: #68473E;
}

.rentalcar02 p{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #68473E;
}
.rentalcar02 img{
    width: 18%!important;
}

.rentalcar03 p{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #68473E;
}
.rentalcar03 img{
    width: 15%!important;
}


.rentalcarEnd {
    margin: 0 auto;
    text-align: center;
}
.rentalcarEnd img{
    width: auto;
    padding-left: 0;
}

.rentalcarEnd p {
    text-align: center;
    margin: 20px 0;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    color: #68473E;
}

.timeAreaTwo p:first-child {
    font-size: 22px;
    font-weight: bold;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #68473E;
}
.timeAreaTwo img:first-child{
    width: auto!important;
}

.timeAreaImgYachimun{
    max-width: 50%;
    margin: 35px auto 0;
}

.timeAreaImgYachimun img{
    width: 100%;
}

.timeAreaImgYachimun02{
    max-width: 40%;
    margin: 35px auto 0;
}

.timeAreaImgYachimun02 img{
    width: 100%;
}

.timeAreaThree p:first-child {
    font-size: 30px;
    font-weight: bold;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #68473E;
    font-family: 'Noto Sans JP', sans-serif;
}
.timeAreaThree img:first-child{
    width: auto!important;
}
/**/


@media screen and (max-width:767px){
    .tabContentGirl{
        padding: 40px 10px 0;
    }
    .hibiscusAbsolute01 {
        position: absolute;
        top: -20px;
        right: 0;
        width: 20%;
    }
    .girlsOneday{
        max-width: 75%;
    }
    .girlsOneday h2{
        padding: 2.5rem 0 0;
        font-size: 16px;
    }
    .girlContanier{
        display: block;
    }
    .girlLeft{
        width: 100%;
    }
    .girlRight{
        width: 100%;
        margin-top: 50px;
    }
    .timeArea img:first-child{
        width: auto;
    }
    .alivilaTxt{
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .alivilaTxt p{
        margin-left: 0;
    }
    ..girlMargin02 {
        margin-top: 85px;
    }
    .margin100{
        margin-top: 100px;
    }
    .hotelItem0202{
        right: auto;
    }
    .ariacaraImg img {
        width: 100%;
    }
    .alivilaTxt small {
        margin-left: 0;
    }
    .hibiscusArea02 {
        bottom: -20px;
    }
    .hibiscusArea02 img {
        width: 50%;
    }
    .hotelStay{
        width: 90%;
    }
    .hotelFlex02{
    height: 100px;
    }
    .hotelStay p{
        font-size: 22px;
    }
    .margin100{
        margin-top: 0;
    }
    .timeImg{
        text-align: center;
        padding-left: 0;
    }
    .timeImg img{
        width: 50%;
    }
    .balloonAbsolute {
        position: absolute;
        top: 40px;
        left: 20px;
        right: 20px;
        bottom: 40px;
        margin: 0 auto;
        text-align: center;
        line-height: 1.8;
        font-size: 14px;
        color: #68473e;
    }
    .rentalcar p{
        font-size: 16px;
    }
    
    /*2日*/
    .timeAreaTwo img:first-child{
        width: 90%;
    }
    .timeAreaTwo img:nth-child(2){
        width:50%;
    }
    .txtTwo {
        margin-left: 0px;
    }
    .txtTwo img {
        width: 80%;
    }
    .murasakimuraFlex{
        display: block;
        position: relative;
    }
    .murasakimuraItem01 {
        width: 100%!important;
    }
    .murasakimuraItem02{
        width: 50%!important;
    }
    .murasakimuraItem03{
        width: 50%!important;
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .borderBrown04{
        margin: 100px auto 20px auto;
    }
    .alivilaTxt img{
        width: 80%;
    }
    
    .timeCenter{
        text-align: center;
    }
    
    .blockAreaSp{
        width: 100%!important;
        position: static;
    }
    .girlLeft60{
        width: 100%;
    }
    .girlRight40{
        width: 100%;
        margin-top: 100px;
    }
    .morasakimuraAbso{
    bottom: -50px;
        right: 0;
    }
    .timeArea40 img:first-child {
        width: 50%;
    }
    .alivilaTxt70{
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .alivilaTxt70 p{
        margin-left: 0;
    }
    .twoTxt{
        margin: 100px 0 0 auto;
        width: 50%;
    }
    .murasakimuraItemAbso04 {
        width: 60%;
        margin: 2px;
        position: absolute;
        top: auto;
        bottom: 100px;
        right: 10px;
    }
    .AbsoSp{
        right: auto;
        bottom: auto;
    }
    .hotelStay02 img {
        width: auto;
    }
    .rentalcarEnd p{
        font-size: 16px;
    }
    .hotelStay02 p{
        font-size: 22px;
    }
    
    /*3日*/
    .timeAreaThree img:first-child {
        width: 90%;
    }
    .timeAreaThree img:nth-child(2) {
        width: 50%;
    }
   
    .hoshinoItem01{
        width:100%!important;
    }
    .hoshinoItem02{
        width:50%!important;
        position: absolute;
        right: 0;
    }
    .hoshinoItem03{
        margin-top: 50px;
        width: 100%!important;
    }
    .cyatanItem01{
        width: 50%!important;
    }
    .threeFlex{
        display: flex;
    }
    .borderBrown05{
        margin: 70px auto 0 0;
    }
    .timeAreaThree p:first-child{
        font-size:22px;
    }
    .cyatanItem01 img{
        width: 70%;
    }
    .sp{
        display: none;
    }
}


@media screen and (min-width:600px) and (max-width:767px){
    .girlsOneday h2{
        font-size: 30px;
    }
    .timeArea img:first-child{
        width: auto;
    }
    .alivilaTxt{
    text-align: center;
    }
    .alivilaTxt p{
        text-align: center;
    }
    .alivilaTxt img {
        width: 50%;
    }
    .hotelItem0202 {
        right: auto;
        top: -55px;
    }
    /*2日*/
    .timeAreaTwo img:first-child{
        width: 70%;
    }
    .timeAreaTwo img:nth-child(2) {
        width: 40%;
    }
    .txtTwo img {
        width: 50%;
    }
    .girlTwoMargin{
        margin-top: 20px;
    }
    .timeArea40 img:first-child{
        width: 40%;
    }
    .alivilaTxt70 p{
        text-align: center;
    }
    .murasakimuraItemAbso04{
        width:40%;
        bottom: 200px;
    }
    .timeAreaThree img:first-child{
        width: 70%;
    }
    .timeAreaThree img:nth-child(2){
        width: 40%;
    }
    .hoshinoItem02{
        width: 40%!important;
    }
    .cyatanItem01 {
        width: 40%!important;
    }
    .borderBrown05 {
        margin: 150px auto 0 0;
    }
    .ariacaraImg img{
        width: 50%;
    }
}

@media screen and (min-width:768px) and (max-width:1023px){
    .sp{
        display: none;
    }
    
}

@media screen and (min-width:1024px){
    .pc{
        display: none;
    }

}