﻿/* 
    Created on : 2017/08/04, 5:08:24
    Author     : okura
    border: solid 1px red;
*/
body {
    margin: 0px;
    padding: 0px;
}

/*PC対応オフ*/
.pcArea{
    display: none;
}

/*コンテンツラッパーの設定*/
.conts{
    background-color: #ffffff;
    width: 100%;
    margin: 0%　0%　0%　0% auto;
}

/*トップ画像*/
.dy-top{
    position: relative;
    padding: 0% 0% 0% 0%;
}

/*プライベート空間で*/
.dy-private{
    position: relative;
    padding: 0% 0% 0% 0%;
}
.dy-private .dy-private-msgrap{
    position: absolute;
    padding: 0% 7% 0% 7%;
    top: 46%;
    left: 0%;
    width: 78%;
    height: 46%;
}
.dy-private .dy-private-msg{
    position: absolute;
    color: #ffffff;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.5vw;
}

/*デイユースプラン*/
.dy-plan{
    position: relative;
    margin: 1% 0% 0% 0%;
}

/*コンテンツ枠*/
.dy-border{
    position: relative;
    background-color: #ffffff;
    margin: 0% 0% 0% 0%;
    border: none;
}

/*日帰り休息プラン*/
.dy-border .dy-coupon-msgrap{
    position: relative;
    padding: 1% 0% 5% 0%;
    text-align: center;
}
.dy-border .dy-coupon-msgrap .dy-coupon-msg{
    position: relative;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.4vw;
    line-height: 6.5vw;
}
.dy-border .dy-coupon{
    position: relative;
    padding: 1% 2% 5% 2%;
}

/*プライベートスペース*/
.dy-border .dy-pscontens{
    position: relative;
    padding: 5% 2% 5% 2%;
    height: 75vw;
}
.dy-border .dy-pscontens .dy-pstitle{
    position: absolute;
    top: 0%;
    width: 60%;
    left: 0%;
}
.dy-border .dy-pscontens .dy-psmsgrap{
    top: 15%;
    position: absolute;
    padding: 3% 0% 5% 2%;
    width: 57%;
}
.dy-border .dy-pscontens .dy-psmsgrap .dy-psmsg{
    position: absolute;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.4vw;
    line-height: 6.5vw;
}
.dy-border .dy-pscontens .dy-wroombath{
    position: absolute;
    top: 2%;
    right: 5%;
    width: 30%;
}

/*日帰り休憩ペアの3つのおすすめポイント*/
.dy-border .dy-higa-title{
    position: relative;
    top: 0%;
}
.dy-border .dy-higa-foodcontens{
    position: relative;
    padding: 5% 0% 0% 0%;
    height: 50vw;
}
.dy-border .dy-higa-foodcontens .dy-higa-foodtitle{
    position: absolute;
    top: 10%;
    width: 35%;
    left: 5%;
}
.dy-border .dy-higa-foodcontens .dy-higa-foodmsgrap1{
    position: absolute;
    top: 30%;
    width: 40%;
    left: 5%;
    color: #C51E4E;
    font-weight: bold;
    left: 5%;
}
.dy-border .dy-higa-foodcontens .dy-higa-foodmsg1{
    position: absolute;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
}
.dy-border .dy-higa-foodcontens .dy-higa-foodmsgrap2{
    position: absolute;
    top: 44%;
    width: 50%;
    left: 5%;
}
.dy-border .dy-higa-foodcontens .dy-higa-foodmsg2{
    position: absolute;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
}
.dy-border .dy-higa-foodcontens .dy-higa-foodmsgrap3{
    position: absolute;
    top: 95%;
    width: 50%;
    left: 5%;
}
.dy-border .dy-higa-foodcontens .dy-higa-foodmsg3{
    position: absolute;
    font-size: 2.5vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.4vw;
    line-height: 6.0vw;
}
.dy-border .dy-higa-foodcontens .dy-higa-food{
    position: absolute;
    top: 15%;
    width: 50%;
    right: 2%;
}
.dy-border .dy-higa-bathcontens{
    position: relative;
    padding: 0% 0% 5% 0%;
    height: 50vw;
}
.dy-border .dy-higa-bathcontens .dy-higa-bathtitle{
    position: absolute;
    top: 10%;
    width: 35%;
    right: 17%;
}
.dy-border .dy-higa-bathcontens .dy-higa-bathmsgrap1{
    position: absolute;
    top: 30%;
    width: 40%;
    color: #C51E4E;
    font-weight: bold;
    right: 12%;
}
.dy-border .dy-higa-bathcontens .dy-higa-bathmsg1{
    position: absolute;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
}
.dy-border .dy-higa-bathcontens .dy-higa-bathmsgrap2{
    position: absolute;
    top: 44%;
    width: 48%;
    right: 4%;
}
.dy-border .dy-higa-bathcontens .dy-higa-bathmsg2{
    position: absolute;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.4vw;
    line-height: 6.0vw;
}
.dy-border .dy-higa-bathcontens .dy-higa-bath{
    position: absolute;
    top: 30%;
    width: 39%;
    left: 2%;
}
.dy-border .dy-higa-roomcontens{
    position: relative;
    padding: 5% 0% 0% 0%;
    height: 50vw;
}
.dy-border .dy-higa-roomcontens .dy-higa-roomtitle{
    position: absolute;
    top: 10%;
    width: 35%;
    left: 5%;
}
.dy-border .dy-higa-roomcontens .dy-higa-roommsgrap1{
    position: absolute;
    top: 30%;
    width: 50%;
    left: 0%;
    color: #C51E4E;
    font-weight: bold;
    left: 5%;
}
.dy-border .dy-higa-roomcontens .dy-higa-roommsg1{
    position: absolute;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
}
.dy-border .dy-higa-roomcontens .dy-higa-roommsgrap2{
    position: absolute;
    top: 44%;
    width: 50%;
    left: 5%;
}
.dy-border .dy-higa-roomcontens .dy-higa-roommsg2{
    position: absolute;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
}
.dy-border .dy-higa-roomcontens .dy-higa-roommsgrap3{
    position: absolute;
    top: 85%;
    width: 50%;
    left: 2%;
}
.dy-border .dy-higa-roomcontens .dy-higa-roommsg3{
    position: absolute;
    font-size: 2.5vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
}
.dy-border .dy-higa-roomcontens .dy-higa-room{
    position: absolute;
    top: 15%;
    width: 44%;
    right: 3%;
}
/*アメニティ*/
.dy-border .dy-ame-title{
    position: relative;
    padding: 5% 0% 6% 0%;
}
.dy-border .dy-ame-yukata{
    position: relative;
    padding: 5% 3% 0% 3%;
    height: 55vw;
}
.dy-border .dy-ame-yukata .dy-ame-yukataimg1{
    position: absolute;
    top: 6%;
    left: 3%;
    width: 32%;
}
.dy-border .dy-ame-yukata .dy-ame-yukataimg2{
    position: absolute;
    top: 55%;
    left: 3%;
    width: 32%;
}
.dy-border .dy-ame-yukata .dy-ame-yukatamsgrap1{
    position: absolute;
    top: 6.0%;
    left: 39%;
    width: 60%;
}
.dy-border .dy-ame-yukata .dy-ame-yukatamsg1{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
    color: #1B1464;
    font-weight: bold;
}
.dy-border .dy-ame-yukata .dy-ame-yukatamsgrap2{
    position: absolute;
    top: 30.0%;
    left: 39%;
    width: 58%;
}
.dy-border .dy-ame-yukata .dy-ame-yukatamsg2{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.2vw;
}
.dy-border .dy-ame-yukata .dy-ame-yukataborder{
    position: absolute;
    top: 92.0%;
    left: 3%;
    width: 90%;
    border-bottom: solid #bbbbbb 0.7px;
}
.dy-border .dy-ame-nagomi{
    position: relative;
    padding: 5% 3% 0% 3%;
    height: 55vw;
}
.dy-border .dy-ame-nagomi .dy-ame-nagomiimg1{
    position: absolute;
    top: 6%;
    left: 3%;
    width: 32%;
}
.dy-border .dy-ame-nagomi .dy-ame-nagomiimg2{
    position: absolute;
    top: 55%;
    left: 3%;
    width: 32%;
}
.dy-border .dy-ame-nagomi .dy-ame-nagomimsgrap1{
    position: absolute;
    top: 6.0%;
    left: 39%;
    width: 60%;
}
.dy-border .dy-ame-nagomi .dy-ame-nagomimsg1{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
    color: #1B1464;
    font-weight: bold;
}
.dy-border .dy-ame-nagomi .dy-ame-nagomimsgrap2{
    position: absolute;
    top: 40.0%;
    left: 39%;
    width: 58%;
}
.dy-border .dy-ame-nagomi .dy-ame-nagomimsg2{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.2vw;
}
.dy-border .dy-ame-nagomi .dy-ame-nagomiborder{
    position: absolute;
    top: 96.0%;
    left: 3%;
    width: 90%;
    border-bottom: solid #bbbbbb 0.7px;
}

.dy-border .dy-ame-jujitsu{
    position: relative;
    padding: 2% 3% 0% 3%;
    height: 85vw;
}
.dy-border .dy-ame-jujitsu .dy-ame-jujitsuimg1{
    position: absolute;
    top: 6%;
    left: 3%;
    width: 32%;
}
.dy-border .dy-ame-jujitsu .dy-ame-jujitsuimg2{
    position: absolute;
    top: 40%;
    left: 3%;
    width: 32%;
}
.dy-border .dy-ame-jujitsu .dy-ame-jujitsumsgrap1{
    position: absolute;
    top: 6.0%;
    left: 39%;
    width: 60%;
}
.dy-border .dy-ame-jujitsu .dy-ame-jujitsumsg1{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
    color: #1B1464;
    font-weight: bold;
}
.dy-border .dy-ame-jujitsu .dy-ame-jujitsumsgrap2{
    position: absolute;
    top: 22.0%;
    left: 39%;
    width: 58%;
}
.dy-border .dy-ame-jujitsu .dy-ame-jujitsumsg2{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.2vw;
}
.dy-border .dy-hutari{
    position: relative;
    padding: 0% 0% 0% 0%;
    height: 160vw;
}
.dy-border .dy-hutari .dy-hutari-title{
    position: absolute;
    padding: 0% 0% 0% 0%;
    top: 0%;
    left: 0%;
}
.dy-border .dy-hutari .dy-hutari-back{
    position: absolute;
    padding: 0% 4% 0% 4%;
    top: 22.0%;
    left: 0.0%;
    width: 90%;
}
.dy-border .dy-hutari .dy-hutari-exprrap{
    position: absolute;
    padding: 0% 3% 0% 3%;
    top: 27.0%;
    left: 15.0%;
    width: 100%;
}
.dy-border .dy-hutari .dy-hutari-expr{
    position: absolute;
    font-size: 4.5vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
    font-weight: bold;
}
.dy-border .dy-hutari .dy-hutari-exprpink{
    color: #C51E4E;
}
.dy-border .dy-hutari .dy-hutari-4roommsgrap{
    position: absolute;
    top: 49.0%;
    left: 22%;
    width: 40%;
}
.dy-border .dy-hutari .dy-hutari-4roommsg{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
    font-weight: bold;
}
.dy-border .dy-hutari .dy-hutari-8roommsgrap{
    position: absolute;
    top: 49.0%;
    left: 65%;
    width: 40%;
}
.dy-border .dy-hutari .dy-hutari-8roommsg{
    position: absolute;
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 6.0vw;
    font-weight: bold;
}
.dy-border .dy-hutari .dy-hutari-coupon{
    position: absolute;
    top: 60.0%;
    left: 0.0%;
    width: 100%;
}
.dy-border .dy-hutari .dy-hutari-feerap{
    position: absolute;
    top: 67.0%;
    left: 20.0%;
    width: 100%;
    text-align: center;
}
.dy-border .dy-hutari .dy-hutari-fee{
    position: absolute;
    font-size: 7.5vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.7vw;
    line-height: 10.5vw;
    font-weight: bold;
}
.dy-border .dy-hutari .dy-hutari-noticerap{
    position: absolute;
    top: 81.0%;
    left: 12%;
}
.dy-border .dy-hutari .dy-hutari-notice{
    font-size: 3.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 4.3vw;
    font-weight: bold;
}
.dy-border .dy-hutari .dy-hutari-deail{
    position: absolute;
    padding: 0% 0% 0% 0%;
    bottom: 2%;
    left: 17%;
    width: 62%
}

/*選べるデイユースプラン*/
.dy-border .dy-era{
    position: relative;
    padding: 5% 0% 0% 0%;
    height: 106vw;
}
.dy-border .dy-era .dy-era-title{
    position: absolute;
    padding: 0% 0% 0% 0%;
}
.dy-border .dy-era .dy-hutari-title{
    position: absolute;
    padding: 0% 0% 0% 0%;
    top: 0%;
    left: 0%;
}
.dy-border .dy-era .dy-era-back{
    position: absolute;
    padding: 0% 0% 0% 0%;
    top: 28%;
    left: 2.5%;
    width: 34%;
}
.dy-border .dy-era .dy-era-expr{
    position: absolute;
    padding: 0% 0% 0% 0%;
    top: 43%;
    left: 39%;
    width: 58%;
}
.dy-border .dy-era .dy-era-ichibanmsgrap{
    position: absolute;
    top: 28.0%;
    left: 39%;
}
.dy-border .dy-era .dy-era-ichibanmsg{
    font-size: 4.4vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 5.5vw;
    font-weight: bold;
}
.dy-border .dy-era .dy-era-yousitsumsgrap{
    position: absolute;
    top: 36.0%;
    left: 39%;
}
.dy-border .dy-era .dy-era-yousitsumsg{
    font-size: 4.4vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 5.5vw;
    font-weight: bold;
}
.dy-border .dy-era .dy-era-3000yen{
    position: absolute;
    top: 50.2%;
    left: 53%;
    width: 24%;
}
.dy-border .dy-era .dy-era-price{
    position: absolute;
    top: 64%;
    left: 63%;
    width: 34%;
}
.dy-border .dy-era .dy-era-border1{
    position: absolute;
    top: 60%;
    left: 2%;
    width: 93%;
    border-bottom: solid #dddddd 1px;
}
.dy-border .dy-era .dy-era-border2{
    position: absolute;
    top: 66%;
    right: 40%;
    width: 10%;
    border-bottom: solid #dddddd 1px;
}
.dy-border .dy-era .dy-era-border3{
    position: absolute;
    top: 74%;
    right: 40%;
    width: 10%;
    border-bottom: solid #dddddd 1px;
}
.dy-border .dy-era .dy-era-border4{
    position: absolute;
    top: 84%;
    right: 40%;
    width: 10%;
    border-bottom: solid #dddddd 1px;
}
.dy-border .dy-era .dy-era-1roommsgrap{
    position: absolute;
    top: 51.0%;
    left: 40%;
}
.dy-border .dy-era .dy-era-1roommsg{
    font-size: 3.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 5.5vw;
    font-weight: bold;
}
.dy-border .dy-era .dy-era-1roomtaxmsgrap{
    position: absolute;
    top: 51.0%;
    left: 78%;
}
.dy-border .dy-era .dy-era-1roomtaxmsg{
    font-size: 2.9vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 5.5vw;
    font-weight: bold;
}
.dy-border .dy-era .dy-era-standardmsgrap{
    position: absolute;
    top: 64.0%;
    left: 4%;
}
.dy-border .dy-era .dy-era-standardmsg{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 5.5vw;
    font-weight: bold;
}
.dy-border .dy-era .dy-era-dxmsgrap{
    position: absolute;
    top: 72.0%;
    left: 4%;
}
.dy-border .dy-era .dy-era-dxmsg{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 5.5vw;
    font-weight: bold;
}
.dy-border .dy-era .dy-era-queenmsgrap{
    position: absolute;
    top: 80.0%;
    left: 4%;
}
.dy-border .dy-era .dy-era-queenmsg{
    font-size: 4.0vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 5.5vw;
    font-weight: bold;
}
.dy-border .dy-era .dy-era-noticemsgrap{
    position: absolute;
    top: 92.0%;
    left: 20%;
    width: 80%;
}
.dy-border .dy-era .dy-era-noticemsg{
    font-size: 2.5vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 5.5vw;
    font-weight: bold;
}
/*お客様の声*/
.dy-border .dy-koe{
    position: relative;
    padding: 5% 0% 0% 0%;
    height: 40vw;
}
.dy-border .dy-koe .dy-koe-title{
    position: absolute;
    padding: 0% 0% 0% 0%;
    top: 0%;
    left: 0%;
    width: 100%;
}
.dy-border .dy-koe .dy-koe-face{
    position: absolute;
    top: 57%;
    left: 5%;
    width: 17%;
}
.dy-border .dy-koe .dy-koe-hukidasi{
    position: absolute;
    top: 55%;
    right: 5%;
    width: 70%;
}
.dy-yoyaku{
    position: relative;
    padding: 0% 0% 5% 0%;
    height: 40vw;
}
.dy-yoyaku .dy-yoyaku-btn{
    position: absolute;
    top: 12%;
    left: 15%;
    width: 70%;
}
/*Web限定！オトクなクーポン*/
.dy-web{
    position: relative;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 63vw;
}
.dy-web .dy-web-back{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
}
.dy-web .dy-web-msgrap{
    position: absolute;
    top: 27%;
    left: 0%;
    width: 100%;
}
.dy-web .dy-web-msg{
    font-size: 3.5vw;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", sans-serif;
    letter-spacing: 0.0vw;
    line-height: 7.0vw;
    font-weight: bold;
    text-align: center;
}
.dy-web .dy-web-btn{
    position: absolute;
    bottom: 24%;
    left: 25%;
    width: 50%
}

.dusecouponlist>ul>li{
    margin:10px 10px;
    position: relative;
}

.dusecouponlist>ul>li>a{
    position: absolute;
    bottom: 15px;
    width: 200px;
    margin: 0 auto;
    left: 0;
    right: 0;

}
