@media screen and (min-width: 768px) {
    a:hover {
        opacity: 0.8;
    }

    #warp {
        width: 100%;
        margin: 0 auto;
    }

    #head {
        width: 100%;
        max-width: 1920px;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/head_bk.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(1111 / 1920 * 100%);
        font-size: 0px;
        position: relative;
    }

    #head .head_in {
        width: 46.834%;
        line-height: 0;
        margin: auto;
        font-size: 0px;
        position: absolute;
        top: 5.2245%;
        left: 8px;
        right: 0;
        display: flex;
        padding-top: 1%;
    }

    #head .head_in img {
        width: 100%;
    }

    #head .head_in .about {
        width: 13.757%;
    }

    #head .head_in .movie {
        width: 71.843%;
    }

    #head .head_in .movie .tvo-video #vjs_video_3 {
        padding-top: 56.3%;
    }

    #head .head_in .nav {
        width: 14.4%;
    }

    #head .logo_in {
        width: 46.834%;
        line-height: 0;
        margin: auto;
        font-size: 0px;
        position: absolute;
        bottom: 18.2245%;
        left: 8px;
        right: 0;
    }

    #head .logo_in h1 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/head_logo.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(426 / 899 * 100%);
        font-size: 0px;
    }

    #head .day_in {
        width: 46.834%;
        line-height: 0;
        margin: auto;
        font-size: 0px;
        position: absolute;
        bottom: 4.2245%;
        left: 8px;
        right: 0;
    }

    #head .day_in p {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/day.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(128 / 899 * 100%);
        font-size: 0px;
    }

    #about {
        width: 100%;
        margin: 0 auto;
        background-color: #e5ffff;
    }

    #about .about_wrap {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        background-color: #fff;
    }

    #about .about_wrap .in_about h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/about_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(180 / 1100 * 100%);
        font-size: 0px;
    }

    #about .about_wrap .in_about p.read_txt {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/read_txt.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(473 / 1100 * 100%);
        font-size: 0px;
    }

    #about .about_wrap .in_cast h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/cast_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(425 / 1100 * 100%);
        font-size: 0px;
    }

    #about .about_wrap .in_cast p.cast_txt {
        line-height: 0;
        font-size: 0px;
    }

    #content {
        width: 100%;
        max-width: 1920px;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/content_bk.jpg) no-repeat top center #efffe5;
        font-size: 0px;
    }

    #content .content_wrap {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        background-color: #fff;
        padding-top: 5%;
    }

    #content .content_wrap:last-child {
        padding-bottom: 5%;
    }

    #content .content_wrap a.shop_btn {
        width: 84%;
        max-width: 860px;
        line-height: 0;
        margin: 0 auto 4%;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/shop_btn.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(107 / 860 * 84%);
        font-size: 0px;
        display: block;
        cursor: pointer;
    }

    #content .content_wrap .in_map {
        width: 95%;
        max-width: 1021px;
        margin: 0 auto;
        background-color: #fff;
        border: 6px solid #60360e;
        border-radius: 5px;
    }

    #content .content_wrap .in_map p {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/dorareko_map.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(568 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_shizuoka {
        width: 95%;
        max-width: 1021px;
        margin: 0 auto;
        background-color: #fff;
        border: 6px solid #60360e;
    }

    #content .content_wrap .in_shizuoka h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/shizuoka.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(170 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_shizuoka h3 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/shizuoka_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(80 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_shizuoka p {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/shizuoka_txt.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(180 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_shizuoka ul {
        width: 82%;
        line-height: 0;
        margin: 10px auto 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content .content_wrap .in_shizuoka ul li {
        width: 49.5%;
        line-height: 0;
        margin-bottom: 1%;
    }

    #content .content_wrap .in_shizuoka ul li img {
        width: 100%;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop {
        display: none;
        -ms-user-select: none;
        /* IE 10+ */
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop h3 {
        width: 84.232%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/shizuoka_map.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(537 / 860 * 84.232%);
        font-size: 0px;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box {
        width: 84.232%;
        margin: 0 auto;
        padding: 5% 0;
        font-size: 14px;
        color: #664729;
        line-height: 1.6;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #60360e;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box:last-child {
        margin-bottom: 5%;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_images {
        width: 33%;
        max-width: 314px;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_images img {
        border: 5px solid #60360e;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about {
        width: 33%;
        max-width: 284px;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about dl {
        margin-bottom: 0.5em;
        display: table;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0;
        line-height: 2;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about dl:nth-child(3) dt {
        padding: 0;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about dl dd {
        line-height: 2;
        padding-left: 0.5em;
        display: table-cell;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_txt {
        width: 30%;
        max-width: 194px;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_txt dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0 0 0 0.5em;
        line-height: 2;
        margin-bottom: 0.5em;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_txt dl dd {
        line-height: 2;
    }

    #content .content_wrap .in_tohhoku {
        width: 95%;
        max-width: 1021px;
        margin: 0 auto;
        background-color: #fff;
        border: 6px solid #60360e;
    }

    #content .content_wrap .in_tohhoku h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/tohhoku.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(190 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_tohhoku h3 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/tohhoku_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(80 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_tohhoku p {
        width: 100%;
        line-height: 0;
        margin: 0 auto 4%;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/tohhoku_txt.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(164 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_tohhoku ul {
        width: 82%;
        line-height: 0;
        margin: 10px auto 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content .content_wrap .in_tohhoku ul li {
        width: 49.5%;
        line-height: 0;
        margin-bottom: 1%;
    }

    #content .content_wrap .in_tohhoku ul li img {
        width: 100%;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop {
        display: none;
        -ms-user-select: none;
        /* IE 10+ */
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop h3 {
        width: 84.232%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/tohoku_map.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(537 / 860 * 84.232%);
        font-size: 0px;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box {
        width: 84.232%;
        margin: 0 auto;
        padding: 5% 0;
        font-size: 14px;
        color: #664729;
        line-height: 1.6;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #60360e;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box:last-child {
        margin-bottom: 5%;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_images {
        width: 33%;
        max-width: 314px;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_images img {
        border: 5px solid #60360e;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about {
        width: 33%;
        max-width: 284px;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about dl {
        margin-bottom: 0.5em;
        display: table;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0;
        line-height: 2;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about dl:nth-child(3) dt {
        padding: 0;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about dl dd {
        line-height: 2;
        padding-left: 0.5em;
        display: table-cell;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_txt {
        width: 30%;
        max-width: 194px;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_txt dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0 0 0 0.5em;
        line-height: 2;
        margin-bottom: 0.5em;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_txt dl dd {
        line-height: 2;
    }

    #content .content_wrap .in_yamaguchi {
        width: 95%;
        max-width: 1021px;
        margin: 0 auto;
        background-color: #fff;
        border: 6px solid #60360e;
    }

    #content .content_wrap .in_yamaguchi h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/yamaguchi.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(200 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_yamaguchi h3 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/yamaguchi_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(86 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_yamaguchi p {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/yamaguchi_txt.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(180 / 1021 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_yamaguchi ul {
        width: 82%;
        line-height: 0;
        margin: 10px auto 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #content .content_wrap .in_yamaguchi ul li {
        width: 49.5%;
        line-height: 0;
        margin-bottom: 1%;
    }

    #content .content_wrap .in_yamaguchi ul li img {
        width: 100%;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop {
        display: none;
        -ms-user-select: none;
        /* IE 10+ */
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop h3 {
        width: 84.232%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/yamaguchi_map.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(537 / 860 * 84.232%);
        font-size: 0px;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box {
        width: 84.232%;
        margin: 0 auto;
        padding: 5% 0;
        font-size: 14px;
        color: #664729;
        line-height: 1.6;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: 1px solid #60360e;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box:last-child {
        margin-bottom: 5%;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_images {
        width: 33%;
        max-width: 314px;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_images img {
        border: 5px solid #60360e;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about {
        width: 33%;
        max-width: 284px;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about dl {
        margin-bottom: 0.5em;
        display: table;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0;
        line-height: 2;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about dl:nth-child(3) dt {
        padding: 0;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about dl dd {
        line-height: 2;
        padding-left: 0.5em;
        display: table-cell;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_txt {
        width: 30%;
        max-width: 194px;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_txt dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0 0 0 0.5em;
        line-height: 2;
        margin-bottom: 0.5em;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_txt dl dd {
        line-height: 2;
    }





    #footer {
        width: 100%;
        margin: 0 auto;
        background-color: #efffe5;
    }

    #footer .footer_in {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        line-height: 0;
        font-size: 0px;
    }

    #footer .footer_in h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/footer_logo.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(526 / 1100 * 100%);
        font-size: 0px;
    }



    #footer .footer_in p {
        width: 100%;
        line-height: 0;
        margin: 0 auto 5px;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/footer_day.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(219 / 1100 * 100%);
        font-size: 0px;
    }

    #page-top {
        position: fixed;
        bottom: -140px;
        right: 5px;
        width: 100px;
        height: 100px;
        opacity: 1;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    #page-top a {
        display: block;
        width: 100%;
        line-height: 0;
        margin: 0;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/pagetop.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(140 / 140 * 100%);
        font-size: 0px;
    }

    .pc {
        display: block;
    }

    .sp {
        display: none;
    }
}

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

    #warp {
        width: 100%;
        margin: 0 auto;
    }

    #head {
        width: 100%;
        max-width: 750px;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_head_bk.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(730 / 750 * 100%);
        font-size: 0px;
        position: relative;
    }

    #head .head_in {
        width: 69.834%;
        line-height: 0;
        margin: auto;
        font-size: 0px;
        position: absolute;
        top: 11%;
        left: 8px;
        right: 0;
        display: flex;
        padding-top: 1%;
    }

    #head .head_in img {
        width: 100%;
    }

    #head .head_in .about {
        width: 13.757%;
    }

    #head .head_in .movie {
        width: 71.843%;
    }

    #head .head_in .nav {
        width: 14.4%;
    }

    #head .logo_in {
        width: 100%;
        line-height: 0;
        margin: auto;
        font-size: 0px;
        position: absolute;
        bottom: 20.2%;
        left: 0;
        right: 0;
    }

    #head .logo_in h1 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/head_logo.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(268 / 750 * 100%);
        font-size: 0px;
    }

    #head .day_in {
        width: 100%;
        line-height: 0;
        margin: auto;
        font-size: 0px;
        position: absolute;
        bottom: 0.5%;
        left: 0;
        right: 0;
    }

    #head .day_in p {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_day.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(142 / 750 * 100%);
        font-size: 0px;
    }

    #head .movie_box {
        width: 100%;
        background-color: #919191;
        padding-bottom: 3%;
    }

    #head .movie_box .movie_box_in {
        width: 95%;
        margin: 0 auto;
    }


    #head .movie_box .movie_box_in .tvo-video #vjs_video_3,
    #head .movie_box .movie_box_in .tvo-video #vjs_video_540,
    #head .movie_box .movie_box_in .tvo-video #vjs_video_541,
    .video-js {
        padding-top: 56.3%;
    }

    #about {
        width: 100%;
        margin: 0 auto;
        background-color: #72d1e9;
        padding: 3% 0 0;
    }

    #about .about_wrap {
        width: 95%;
        max-width: 1100px;
        margin: 0 auto;
        background-color: #fff;
    }

    #about .about_wrap .in_about h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_about_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(140 / 710 * 100%);
        font-size: 0px;
    }

    #about .about_wrap .in_about p.read_txt {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_read_txt.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(928 / 710 * 100%);
        font-size: 0px;
    }

    #about .about_wrap .in_cast h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_cast_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(601 / 710 * 100%);
        font-size: 0px;
    }

    #about .about_wrap .in_cast p.cast_txt {
        line-height: 0;
        font-size: 0px;
    }

    #content {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background-color: #72d1e9;
        font-size: 0px;
    }

    #content .content_wrap {
        width: 95%;
        max-width: 1100px;
        margin: 0 auto;
        background-color: #fff;
        padding-top: 0;
    }

    #content .content_wrap:last-child {
        padding-bottom: 5%;
    }

    #content .content_wrap a.shop_btn {
        width: 92%;
        max-width: 611px;
        line-height: 0;
        margin: 0 auto 8%;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_shop_btn.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(137 / 611 * 92%);
        font-size: 0px;
        display: block;
        cursor: pointer;
    }

    #content .content_wrap .in_map {
        width: 100%;
        max-width: 1021px;
        margin: 0 auto;
    }

    #content .content_wrap .in_map p {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_dorareko_map.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(664 / 750 * 100%);
        font-size: 0px;
    }

    #content #izu {
        padding-top: 5%;
    }

    #content .content_wrap .in_shizuoka {
        width: 90%;
        max-width: 1021px;
        margin: 0 auto;
        background-color: #fff;
        border: 5px solid #60360e;
    }

    #content .content_wrap .in_shizuoka h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_shizuoka.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(242 / 660 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_shizuoka h3 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_shizuoka_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(142 / 660 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_shizuoka p {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_shizuoka_txt.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(383 / 660 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_shizuoka ul {
        width: 92%;
        line-height: 0;
        margin: 10px auto 20px;
    }

    #content .content_wrap .in_shizuoka ul li {
        width: 100%;
        line-height: 0;
        margin-bottom: 1%;
    }

    #content .content_wrap .in_shizuoka ul li img {
        width: 100%;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop {
        display: none;
        -ms-user-select: none;
        /* IE 10+ */
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop h3 {
        width: 92%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_shizuoka_map.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(422 / 611 * 92%);
        font-size: 0px;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop {
        display: none;
        -ms-user-select: none;
        /* IE 10+ */
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box {
        width: 92%;
        margin: 5% auto 0;
        padding: 5% 0;
        font-size: 14px;
        color: #664729;
        line-height: 1.6;
        border-bottom: 1px solid #60360e;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box:last-child {
        margin-bottom: 5%;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_images {
        width: 98%;
        margin: 0 auto;
        border: 5px solid #60360e;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about {
        width: 100%;
        margin: 5% auto;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about dl {
        margin-bottom: 0.5em;
        display: table;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0;
        line-height: 2;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about dl:nth-child(3) dt {
        padding: 0;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_about dl dd {
        line-height: 2;
        padding-left: 0.5em;
        display: table-cell;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_txt {
        width: 100%;
        margin: 5% auto;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_txt dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0 1em;
        line-height: 2;
        margin-bottom: 0.5em;
        display: inline-block;
    }

    #content .content_wrap .in_shizuoka .shizuoka_shop .shop_box .shop_txt dl dd {
        line-height: 2;
    }

    #content .content_wrap .in_tohhoku {
        width: 90%;
        max-width: 1021px;
        margin: 0 auto;
        background-color: #fff;
        border: 6px solid #60360e;
    }

    #content .content_wrap .in_tohhoku h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_tohhoku.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(332 / 660 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_tohhoku h3 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_tohhoku_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(146 / 660 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_tohhoku p {
        width: 100%;
        line-height: 0;
        margin: 0 auto 5%;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_tohhoku_txt.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(344 / 660 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_tohhoku ul {
        width: 92%;
        line-height: 0;
        margin: 10px auto 20px;
        display: block;
    }

    #content .content_wrap .in_tohhoku ul li {
        width: 100%;
        line-height: 0;
        margin-bottom: 1%;
    }

    #content .content_wrap .in_tohhoku ul li img {
        width: 100%;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop {
        display: none;
        -ms-user-select: none;
        /* IE 10+ */
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop h3 {
        width: 92%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_tohoku_map.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(422 / 611 * 92%);
        font-size: 0px;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box {
        width: 92%;
        margin: 5% auto 0;
        padding: 5% 0;
        font-size: 14px;
        color: #664729;
        line-height: 1.6;
        border-bottom: 1px solid #60360e;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box:last-child {
        margin-bottom: 5%;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_images {
        width: 98%;
        margin: 0 auto;
        border: 5px solid #60360e;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about {
        width: 100%;
        margin: 5% auto;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about dl {
        margin-bottom: 0.5em;
        display: table;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0;
        line-height: 2;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about dl:nth-child(3) dt {
        padding: 0;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_about dl dd {
        line-height: 2;
        padding-left: 0.5em;
        display: table-cell;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_txt {
        width: 100%;
        margin: 5% auto;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_txt dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0 1em;
        line-height: 2;
        margin-bottom: 0.5em;
        display: inline-block;
    }

    #content .content_wrap .in_tohhoku .tohoku_shop .shop_box .shop_txt dl dd {
        line-height: 2;
    }

    #content .content_wrap .in_yamaguchi {
        width: 90%;
        max-width: 1021px;
        margin: 0 auto;
        background-color: #fff;
        border: 6px solid #60360e;
    }

    #content .content_wrap .in_yamaguchi h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_yamaguchi.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(334 / 660 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_yamaguchi h3 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_yamaguchi_tit.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(140 / 660 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_yamaguchi p {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_yamaguchi_txt.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(390 / 660 * 100%);
        font-size: 0px;
    }

    #content .content_wrap .in_yamaguchi ul {
        width: 92%;
        line-height: 0;
        margin: 10px auto 20px;
    }

    #content .content_wrap .in_yamaguchi ul li {
        width: 100%;
        line-height: 0;
        margin-bottom: 1%;
    }

    #content .content_wrap .in_yamaguchi ul li img {
        width: 100%;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop {
        display: none;
        -ms-user-select: none;
        /* IE 10+ */
        -moz-user-select: -moz-none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        user-select: none;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop h3 {
        width: 92%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_yamaguchi_map.jpg) no-repeat top center;
        background-size: contain;
        padding-top: calc(422 / 611 * 92%);
        font-size: 0px;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop {
        display: none;
    }


    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box {
        width: 92%;
        margin: 5% auto 0;
        padding: 5% 0;
        font-size: 14px;
        color: #664729;
        line-height: 1.6;
        border-bottom: 1px solid #60360e;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box:last-child {
        margin-bottom: 5%;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_images {
        width: 98%;
        margin: 0 auto;
        border: 5px solid #60360e;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about {
        width: 100%;
        margin: 5% auto;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about dl {
        margin-bottom: 0.5em;
        display: table;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0;
        line-height: 2;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about dl:nth-child(3) dt {
        padding: 0;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_about dl dd {
        line-height: 2;
        padding-left: 0.5em;
        display: table-cell;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_txt {
        width: 100%;
        margin: 5% auto;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_txt dl dt {
        background-color: #60360e;
        color: #FFF;
        padding: 0 1em;
        line-height: 2;
        margin-bottom: 0.5em;
        display: inline-block;
    }

    #content .content_wrap .in_yamaguchi .yamaguchi_shop .shop_box .shop_txt dl dd {
        line-height: 2;
    }

    #footer {
        width: 100%;
        margin: 0 auto;
        background-color: #72d1e9;
    }

    #footer .footer_in {
        width: 100%;
        max-width: 1100px;
        margin: 0 auto;
        line-height: 0;
        font-size: 0px;
    }

    #footer .footer_in h2 {
        width: 100%;
        line-height: 0;
        margin: 0 auto;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_footer_logo.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(510 / 750 * 100%);
        font-size: 0px;
    }



    #footer .footer_in p {
        width: 100%;
        line-height: 0;
        margin: 0 auto 5px;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/sp_footer_day.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(233 / 750 * 100%);
        font-size: 0px;
    }



    #page-top {
        position: fixed;
        bottom: -140px;
        right: 5px;
        width: 60px;
        height: 60px;
        opacity: 1;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    #page-top a {
        display: block;
        width: 100%;
        line-height: 0;
        margin: 0;
        background: url(https://dm17bquiori2j.cloudfront.net/sp/dorareko1/img/pagetop.png) no-repeat top center;
        background-size: contain;
        padding-top: calc(88 / 88 * 100%);
        font-size: 0px;
    }

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

}

a {
    text-decoration: none;
}

#page-top a:hover {
    opacity: 0.6;
}

#vjs_video_3 {
    padding-top: 56.3%;
}

#vjs_video_540 {
    padding-top: 56.3%;
}

.video-js {
    padding-top: 56.3%;
}