@charset "utf-8";
#title_gl {
    width: 100%;
}

#maincatch_gl {
    width: 100%;
    background: url(../../../window_reform/img/maincatch_bg_img.png) top center no-repeat;
    /*    background-size: contain;*/
}

#maincatch_gl .ptitle {
    text-align: center;
    padding: 14px 0 15px 0;
}

#maincatch_gl img {
    max-width: 100%;
}

#cont_gl {
    width: 100%;
}

.group_tl {
    max-width: 316px;
    text-align: center;
}


/*
#cont_gl a:hover {
    opacity: .8;
}
*/

#cont_gl .subtitle {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 36px;
}

#cont_gl .subtitle img {
    max-width: 100%;
}

.cf:after {
    content: "";
    display: block;
    clear: both;
}

#cont_gl .window_block {
    width: 100%;
    padding: 47px 0 45px 0;
    background: url(../../../window_reform/img/win_blk_bg.png) top left repeat;
}

#cont_gl .window_block .window_ttl_sec {
    width: 100%;
    margin-bottom: 50px;
    padding: 0 0 0 0;
    background: url(../../../window_reform/img/window/window_ttl_bg.png) top center no-repeat;
}

#cont_gl .window_ttl_sec section.window_ttl {
    text-align: center;
    padding: 0;
}

#cont_gl ul {
    width: 100%;
}

#cont_gl li {
    width: 100%;
}

#cont_gl .cont_wrapper {
    position: relative;
}

#cont_gl p {
    font-size: 1.2em;
}


/*/////////////////////////////////////////////////////////*/

#cont_gl .window_block .g01 {
    margin-bottom: 280px;
}

#cont_gl .window_block .g01:before {
    content: "";
    display: block;
    width: 520px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .window_block .g01:after {
    content: "";
    display: block;
    width: 420px;
    border-top: 1px solid #e5e5e5;
}

.window_block .g01 .cont_wrapper .g_img {
    position: absolute;
    top: -46px;
    right: 0;
}

.window_block .g01 .cont_wrapper .pline {
    position: absolute;
    top: 40px;
    right: 384px;
}

.window_block .g01 .cont_wrapper .sub_img {
    position: absolute;
    top: 18px;
    left: 0;
}

.window_block .g01 .cont_wrapper .m_c {
    display: inline-block;
    padding: 30px 0 30px 202px;
}

.window_block .g01 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .window_block p {
    padding: 5px 0;
}

#cont_gl .window_block .g02 {
    margin-bottom: 115px;
}

#cont_gl .window_block .g02 .cont_wrapper {}

#cont_gl .window_block .g02:before {
    content: "";
    display: block;
    width: 440px;
    margin-left: 510px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .window_block .g02:after {
    content: "";
    display: block;
    width: 520px;
    margin-left: 430px;
    border-top: 1px solid #e5e5e5;
}

.window_block .g02 .cont_wrapper .g_img {
    position: absolute;
    top: -233px;
    left: 0;
}

.window_block .g02 .cont_wrapper .pline {
    position: absolute;
    top: 16px;
    right: 319px;
}

.window_block .g02 .cont_wrapper .sub_img {
    position: absolute;
    top: 18px;
    right: 23px;
}

.window_block .g02 .cont_wrapper .m_c {
    display: inline-block;
    padding: 48px 0 30px 498px;
}

.window_block .g02 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .window_block .g03 {
    margin-bottom: 291px;
}

#cont_gl .window_block .g03:before {
    content: "";
    display: block;
    width: 520px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .window_block .g03:after {
    content: "";
    display: block;
    width: 420px;
    border-top: 1px solid #e5e5e5;
}

.window_block .g03 .cont_wrapper .g_img {
    position: absolute;
    top: -46px;
    right: 0;
}

.window_block .g03 .cont_wrapper .pline {
    position: absolute;
    top: 40px;
    right: 384px;
}

.window_block .g03 .cont_wrapper .sub_img {
    position: absolute;
    top: 12px;
    left: 0;
}

.window_block .g03 .cont_wrapper .m_c {
    display: inline-block;
    padding: 27px 0 70px 230px;
}

.window_block .g03 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .window_block .g04 {
    margin-bottom: 91px;
}

#cont_gl .window_block .g04 .cont_wrapper {}

#cont_gl .window_block .g04:before {
    content: "";
    display: block;
    width: 440px;
    margin-left: 510px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .window_block .g04:after {
    content: "";
    display: block;
    width: 520px;
    margin-left: 430px;
    border-top: 1px solid #e5e5e5;
}

.window_block .g04 .cont_wrapper .g_img {
    position: absolute;
    top: -198px;
    left: 0;
}

.window_block .g04 .cont_wrapper .pline {
    position: absolute;
    top: -135px;
    right: 366px;
}

.window_block .g04 .cont_wrapper .sub_img {
    position: absolute;
    top: 17px;
    right: -26px;
}

.window_block .g04 .cont_wrapper .m_c {
    display: inline-block;
    padding: 48px 0 30px 498px;
}

.window_block .g04 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .window_block .g05 {
    margin-bottom: 230px;
}

#cont_gl .window_block .g05:before {
    content: "";
    display: block;
    width: 520px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .window_block .g05:after {
    content: "";
    display: block;
    width: 420px;
    border-top: 1px solid #e5e5e5;
}

.window_block .g05 .cont_wrapper .g_img {
    position: absolute;
    top: -46px;
    right: 0;
}

.window_block .g05 .cont_wrapper .pline {
    position: absolute;
    top: 40px;
    right: 384px;
}

.window_block .g05 .cont_wrapper .sub_img {
    position: absolute;
    top: 12px;
    left: 0;
}

.window_block .g05 .cont_wrapper .m_c {
    display: inline-block;
    padding: 27px 0 70px 230px;
}

.window_block .g05 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .movie_block {
    width: 100%;
    margin-bottom: 70px;
    padding: 10px 0;
    background: #fff;
}

#cont_gl .movie_block .inner_bg {
    margin: 0 10px;
    padding: 10px 0 40px;
    background: url(../../../window_reform/img/window/movie_bg.png) top left repeat;
}

#cont_gl .movie_block .inner_bg .left_box {
    width: 400px;
    margin-left: 43px;
    float: left;
}

#cont_gl .movie_block .inner_bg .right_box {
    width: 400px;
    margin-left: 44px;
    float: left;
}


/*entrance*/

#cont_gl .entrance_block {
    width: 100%;
    padding: 47px 0 45px 0;
    background: url(../../../window_reform/img/entrance/bg.jpg) top left repeat;
}

#cont_gl .entrance_block .entrance_ttl_sec {
    width: 100%;
    margin-bottom: 40px;
    padding: 0 0 0 0;
    background: url(../../../window_reform/img/entrance/entrance_ttl_bg.png) top center no-repeat;
}

#cont_gl .entrance_ttl_sec section.entrance_ttl {
    text-align: center;
    padding: 49px 0 70px 0;
}

#cont_gl .entrance_block .g01 {
    margin-bottom: 284px;
}

#cont_gl .entrance_block .g01 .cont_wrapper {}

#cont_gl .entrance_block .g01:before {
    content: "";
    display: block;
    width: 520px;
    margin-left: 430px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .entrance_block .g01:after {
    content: "";
    display: block;
    width: 440px;
    margin-left: 510px;
    border-top: 1px solid #e5e5e5;
}

.entrance_block .g01 .cont_wrapper .g_img {
    position: absolute;
    top: -44px;
    left: 0;
}

.entrance_block .g01 .cont_wrapper .pline {
    position: absolute;
    top: 16px;
    right: 423px;
}

.entrance_block .g01 .cont_wrapper .sub_img {
    position: absolute;
    top: 18px;
    right: 23px;
}

.entrance_block .g01 .cont_wrapper .m_c {
    display: inline-block;
    padding: 48px 0 30px 449px;
}

.entrance_block .g01 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .entrance_block p {
    padding: 5px 0;
}

#cont_gl .entrance_block .g02 {
    margin-bottom: 121px;
}

#cont_gl .entrance_block .g02:before {
    content: "";
    display: block;
    width: 440px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .entrance_block .g02:after {
    content: "";
    display: block;
    width: 520px;
    border-top: 1px solid #e5e5e5;
}

.entrance_block .g02 .cont_wrapper .g_img {
    position: absolute;
    top: -236px;
    right: 0;
}

.entrance_block .g02 .cont_wrapper .pline {
    position: absolute;
    top: -17px;
    right: 415px;
}

.entrance_block .g02 .cont_wrapper .sub_img {
    position: absolute;
    top: -41px;
    left: 0;
}

.entrance_block .g02 .cont_wrapper .m_c {
    display: inline-block;
    padding: 30px 0 30px 232px;
}

.entrance_block .g02 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .entrance_block .g03 {
    margin-bottom: 113px;
}

#cont_gl .entrance_block .g03 .cont_wrapper {}

#cont_gl .entrance_block .g03:before {
    content: "";
    display: block;
    width: 520px;
    margin-left: 430px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .entrance_block .g03:after {
    content: "";
    display: block;
    width: 520px;
    margin-left: 430px;
    border-top: 1px solid #e5e5e5;
}

.entrance_block .g03 .cont_wrapper .g_img {
    position: absolute;
    top: -44px;
    left: 0;
}

.entrance_block .g03 .cont_wrapper .pline {
    position: absolute;
    top: -13px;
    right: 348px;
}

.entrance_block .g03 .cont_wrapper .sub_img {
    position: absolute;
    top: 230px;
    right: 152px;
}

.entrance_block .g03 .cont_wrapper .m_c {
    display: inline-block;
    padding: 48px 0 190px 519px;
}

.entrance_block .g03 .cont_wrapper .m_c p {
    text-align: center;
}


/*exterior*/

#cont_gl .exterior_block {
    width: 100%;
    padding: 47px 0 45px 0;
    background: url(../../../window_reform/img/exterior/bg.png) top center repeat;
}

#cont_gl .exterior_block .exterior_ttl_sec {
    width: 100%;
    padding: 0 0 0 0;
    background: url(../../../window_reform/img/exterior/exterior_ttl_bg.png) top center no-repeat;
}

#cont_gl .exterior_ttl_sec section.exterior_ttl {
    text-align: center;
    padding: 61px 0 70px 92px;
}
#cont_gl .exterior_block .g01 {
    margin-bottom: 280px;
}

#cont_gl .exterior_block .g01:before {
    content: "";
    display: block;
    width: 520px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .exterior_block .g01:after {
    content: "";
    display: block;
    width: 420px;
    border-top: 1px solid #e5e5e5;
}

.exterior_block .g01 .cont_wrapper .g_img {
    position: absolute;
    top: -46px;
    right: 0;
}

.exterior_block .g01 .cont_wrapper .pline {
    position: absolute;
    top: -21px;
    right: 281px;
}

.exterior_block .g01 .cont_wrapper .sub_img {
    position: absolute;
    top: 18px;
    left: 0;
}

.exterior_block .g01 .cont_wrapper .m_c {
    display: inline-block;
    padding: 30px 0 30px 230px;
}

.exterior_block .g01 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .exterior_block p {
    padding: 5px 0;
}

#cont_gl .exterior_block .g02 {
    margin-bottom: 115px;
}

#cont_gl .exterior_block .g02 .cont_wrapper {}

#cont_gl .exterior_block .g02:before {
    content: "";
    display: block;
    width: 440px;
    margin-left: 510px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .exterior_block .g02:after {
    content: "";
    display: block;
    width: 520px;
    margin-left: 430px;
    border-top: 1px solid #e5e5e5;
}

.exterior_block .g02 .cont_wrapper .g_img {
    position: absolute;
    top: -233px;
    left: 0;
}

.exterior_block .g02 .cont_wrapper .pline {
    position: absolute;
    top: 49px;
    right: 424px;
}

.exterior_block .g02 .cont_wrapper .sub_img {
    position: absolute;
    top: 18px;
    right: 23px;
}

.exterior_block .g02 .cont_wrapper .m_c {
    display: inline-block;
    padding: 48px 0 30px 498px;
}

.exterior_block .g02 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .exterior_block .g03 {
    margin-bottom: 231px;
}

#cont_gl .exterior_block .g03:before {
    content: "";
    display: block;
    width: 520px;
    border-top: 1px solid #e5e5e5;
}

#cont_gl .exterior_block .g03:after {
    content: "";
    display: block;
    width: 420px;
    border-top: 1px solid #e5e5e5;
}

.exterior_block .g03 .cont_wrapper .g_img {
    position: absolute;
    top: -46px;
    right: 0;
}

.exterior_block .g03 .cont_wrapper .pline {
    position: absolute;
    top: 40px;
    right: 384px;
}

.exterior_block .g03 .cont_wrapper .sub_img {
    position: absolute;
    top: -9px;
    left: 0;
}

.exterior_block .g03 .cont_wrapper .m_c {
    display: inline-block;
    padding: 27px 0 70px 233px;
}

.exterior_block .g03 .cont_wrapper .m_c p {
    text-align: center;
}

#cont_gl .imp {
    width: 100%;
    background: #ffcc00;
}

#cont_gl .imp .imp_cntr {
    text-align: center;
    padding: 12px 0 0 0;
}

#cont_gl .exterior_block p {
    padding: 5px 0;
}

iframe{
    width:100%;
}
/*/////////////////////////////////////////////////////////*/

#ykkap-tpl-contents #reservation h2 {
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 30px;
}

#ykkap-tpl-contents #reservation p {
    line-height: 1.8em;
    margin-bottom: 10px;
}

#ykkap-tpl-contents #reservation .btn--link a {
    text-align: center;
    display: block;
    width: 50%;
    border-radius: 35px;
    padding: 20px;
    background-color: #0085ba;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    box-sizing: border-box;
    ;
    margin: 30px auto 60px;
}

#ykkap-tpl-contents #reservation .bnr--link {
    text-align: center;
    margin-bottom: 60px;
}

#ykkap-tpl-contents .commonarea {
    width: 950px;
    margin: 0 auto;
}

#ykkap-tpl-contents .commonarea .gototop a {
    width: 40%;
    border: dotted 1px #333;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    box-sizing: border-box;
    margin-bottom: 80px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#ykkap-tpl-contents .commonarea .link--rel li {
    width: 310px;
    float: left;
    margin-left: 10px;
}

#ykkap-tpl-contents .commonarea .link--rel li img {
    width: 100%;
}


/*
#ykkap-tpl-contents a {
    -webkit-transition: .5s;
    transition: .5s;
}

#ykkap-tpl-contents a:hover {
    opacity: 0.8;
}
*/

#ykkap-tpl-contents .commonarea .link--oth {
    margin-top: 60px;
}

#ykkap-tpl-contents .commonarea .link--oth>.clearfix>li {
    float: left;
    width: 470px;
    margin-left: 10px;
}

#ykkap-tpl-contents .commonarea .link--oth>.clearfix>li:first-child {
    margin-left: 0px;
}

#ykkap-tpl-contents .commonarea .link--oth>.clearfix>li h3 {
    border-left: 3px solid #0085ba;
    padding-left: 10px;
    font-size: 25px;
    color: #0085ba;
    margin-bottom: 10px;
    font-weight: bold;
}

#ykkap-tpl-contents .commonarea .link--rel li:first-child {
    margin-left: 0px;
}

.group_tl img {
    max-width: 100%;
}

.comments {
    width: 950px;
    margin: 0 auto 85px;
    padding: 10px;
    font-size: 18px;
    text-align: right;
}


/*	anime hover
---------------------- */

.iframe.hover {
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
}

.iframe.hover:hover {
    opacity: 1.0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.p_l {
    position: relative;
}

.sr-guide.section .breadcrumb a {
    -webkit-transition: .5s;
    transition: .5s;
}

#cont_gl a.opa {
    -webkit-transition: .5s;
    transition: .5s;
}

.sr-guide.section .breadcrumb a:hover,
#cont_gl .opa:hover {
    opacity: 0.7;
    cursor:pointer;
}

#reservation .opa {
    -webkit-transition: .5s;
    transition: .5s;
}

#reservation .opa:hover {
    opacity: 0.7;
}

.commonarea .opa {
    -webkit-transition: .5s;
    transition: .5s;
}

.commonarea .opa:hover {
    opacity: 0.7;
}

.window_w {
    height: 1363px;
    position: relative;
}

.entrance_w {
    height: 1364px;
    position: relative;
}

.exterior_w {
    height: 1375px;
    position: relative;
}

.win_p {
    background: #f3fafd;
}

.ent_p {
    background: #fffae5;
}

.ext_p {
    background: #eafbef;
}

section.maincontents{
    padding-bottom:0;
}
/*
iframe{
    width:880px;
    height:495px;
}

@media screen and (max-width: 970px) {
    iframe{
        width:100%;
        height:56.25%;
    }
}
*/
@media screen and (max-width: 769px) {
}
@media screen and (max-width: 641px) {
    
}
@media screen and (max-width: 415px) {
    
}
@media screen and (max-width: 376px) {
    
}
@media screen and (max-width: 361px) {
    
}
@media screen and (max-width: 321px) {
    
}

@media screen and (max-width: 1046px) {
    #cont_gl .exterior_block .exterior_ttl_sec {
        background: none;
    }

    #cont_gl .exterior_ttl_sec section.exterior_ttl {
        text-align: center;
        padding: 61px 0 70px 0;
    }
}
@media screen and (max-width: 640px) {
    .pc-only {
        display: none !important;
    }
    .group_tl {
        max-width: 96%;
        margin: 0 2%;
    }
    #cont_gl .window_ttl_sec section.window_ttl {
        text-align: center;
        padding: 0 0 70px 0;
    }
    #cont_gl .window_ttl_sec section.window_ttl img {
        max-width: 100%;
        height: auto;
    }
    #cont_gl .entrance_ttl_sec section.entrance_ttl {
        text-align: center;
        padding: 0 0 70px 0;
    }
    #cont_gl .entrance_ttl_sec section.entrance_ttl img {
        max-width: 100%;
        height: auto;
    }
    #cont_gl .exterior_ttl_sec section.exterior_ttl {
        text-align: center;
        padding: 0 0 70px 0;
    }
    #cont_gl .exterior_ttl_sec section.exterior_ttl img {
        max-width: 100%;
        height: auto;
    }
    .responsive section.section {
        padding: 0 10px 0 !important;
    }
    #ykkap-tpl-contents img {
        /*width: 100%;*/
        height: auto;
    }
    #title_gl {
        width: 100%;
    }
    #maincatch_gl {
        background: none;
    }
    #maincatch_gl .ptitle {
        text-align: center;
        padding: 5% 0 0;
    }
    #maincatch_gl .ptitle img {}
    #maincatch_gl img {}
    #cont_gl {
        width: 100%;
    }
    #cont_gl .subtitle {
        padding-top: 20px;
        margin-bottom: 36px;
    }
    #cont_gl .subtitle img {
        max-width: 100%;
    }
    #cont_gl .g_img img {
        max-width: 100%;
    }
    #cont_gl .sub_img img {
        max-width: 100%;
    }
    #cont_gl .stack {
        width: 100%;
        padding-top: 10px;
    }
    #cont_gl .m_c:after {
        content: "";
        display: block;
        clear: both;
    }
    /*////////////////////////////////////////////////////////////////*/
    #cont_gl .window_block .window_ttl_sec {
        width: 100%;
        margin-bottom: 40px;
        padding: 0 0 0 0;
        background: none;
    }

    #cont_gl .window_block .g01 {
        margin-bottom: 50px;
    }
    #cont_gl .window_block .g01:before {
        width: 100%;
    }
    #cont_gl .window_block .g01:after {
        display: none;
    }
    .window_block .g01 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .window_block .g01 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .window_block .g01 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .window_block .g01 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .window_block .g01 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .window_block p {
        width: 56%;
        padding: 5px 2%;
        float: left;
    }
    #cont_gl .window_block .g02 {
        margin-bottom: 50px;
    }
    #cont_gl .window_block .g02:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .window_block .g02:after {
        display: none;
    }
    .window_block .g02 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .window_block .g02 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .window_block .g02 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .window_block .g02 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .window_block .g02 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .window_block .g03 {
        margin-bottom: 50px;
    }
    #cont_gl .window_block .g03:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .window_block .g03:after {
        display: none;
    }
    .window_block .g03 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .window_block .g03 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .window_block .g03 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .window_block .g03 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .window_block .g03 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .window_block .g04 {
        margin-bottom: 13px;
    }
    #cont_gl .window_block .g04:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .window_block .g04:after {
        display: none;
    }
    .window_block .g04 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .window_block .g04 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .window_block .g04 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .window_block .g04 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .window_block .g04 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .window_block .g05 {
        margin-bottom: 50px;
    }
    #cont_gl .window_block .g05:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .window_block .g05:after {
        display: none;
    }
    .window_block .g05 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .window_block .g05 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .window_block .g05 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .window_block .g05 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .window_block .g05 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .movie_block {
        width: 100%;
        margin-bottom: 70px;
        padding: 10px 0;
        background: #fff;
    }
    #cont_gl .movie_block img {
        max-width: 100%;
    }
    #cont_gl .movie_block .inner_bg .left_box {
        width: 94%;
        margin: 0 3% 3%;
        float: none;
        text-align: center;
    }
    #cont_gl .movie_block .inner_bg .right_box {
        width: 94%;
        margin: 0 3%;
        float: left;
        text-align: center;
    }
    /*entrance*/
    #cont_gl .entrance_block {
        width: 100%;
        padding: 47px 0 45px 0;
        background: url(../../../window_reform/img/entrance/bg.jpg) top left repeat;
    }
    #cont_gl .entrance_block .entrance_ttl_sec {
        width: 100%;
        margin-bottom: 40px;
        padding: 0 0 0 0;
        background: none;
    }
    #cont_gl .entrance_ttl_sec section.entrance_ttl {
        text-align: center;
        padding: 49px 0 70px 0;
    }
    #cont_gl .entrance_block .g01 {
        margin-bottom: 50px;
    }
    #cont_gl .entrance_block .g01:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .entrance_block .g01:after {
        display: none;
    }
    .entrance_block .g01 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .entrance_block .g01 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .entrance_block .g01 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .entrance_block .g01 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .entrance_block .g01 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .entrance_block p {
        width: 56%;
        padding: 5px 2%;
        float: left;
    }
    #cont_gl .entrance_block .g02 {
        margin-bottom: 50px;
    }
    #cont_gl .entrance_block .g02:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .entrance_block .g02:after {
        display: none;
    }
    .entrance_block .g02 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .entrance_block .g02 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .entrance_block .g02 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .entrance_block .g02 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .entrance_block .g02 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .entrance_block .g03 {
        margin-bottom: 50px;
    }
    #cont_gl .entrance_block .g03:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .entrance_block .g03:after {
        display: none;
    }
    .entrance_block .g03 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .entrance_block .g03 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .entrance_block .g03 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .entrance_block .g03 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .entrance_block .g03 .cont_wrapper .m_c p {
        text-align: center;
    }
    /*exterior*/
    #cont_gl .exterior_block {
        width: 100%;
        padding: 47px 0 45px 0;
        background: url(../../../window_reform/img/exterior/bg.png) top center repeat;
    }
    #cont_gl .exterior_block .exterior_ttl_sec {
        width: 100%;
        padding: 0 0 0 0;
        background: none;
    }
    #cont_gl .exterior_ttl_sec section.exterior_ttl {
        text-align: center;
        padding: 49px 0 70px 0;
    }
    #cont_gl .exterior_block .g01 {
        margin-bottom: 50px;
    }
    #cont_gl .exterior_block .g01 {
        margin-bottom: 50px;
    }
    #cont_gl .exterior_block .g01:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .exterior_block .g01:after {
        display: none;
    }
    .exterior_block .g01 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .exterior_block .g01 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .exterior_block .g01 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .exterior_block .g01 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .exterior_block .g01 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .exterior_block p {
        width: 56%;
        padding: 5px 2%;
        float: left;
    }
    #cont_gl .exterior_block .g02 {
        margin-bottom: 50px;
    }
    #cont_gl .exterior_block .g02:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .exterior_block .g02:after {
        display: none;
    }
    .exterior_block .g02 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .exterior_block .g02 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .exterior_block .g02 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .exterior_block .g02 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 10px 0;
    }
    .exterior_block .g02 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .exterior_block .g03 {
        margin-bottom: 50px;
    }
    #cont_gl .exterior_block .g03:before {
        width: 100%;
        margin: 0;
    }
    #cont_gl .exterior_block .g03:after {
        width: 100%;
    }
    .exterior_block .g03 .cont_wrapper .g_img {
        position: static;
        text-align: center;
        padding-top: 10px;
    }
    .exterior_block .g03 .cont_wrapper .pline {
        position: static;
        top: 40px;
        right: 384px;
    }
    .exterior_block .g03 .cont_wrapper .sub_img {
        position: static;
        width: 40%;
        float: left;
    }
    .exterior_block .g03 .cont_wrapper .m_c {
        width: 96%;
        margin: 0 2%;
        padding: 10px 0 0 0;
    }
    .exterior_block .g03 .cont_wrapper .m_c p {
        text-align: center;
    }
    #cont_gl .imp {
        width: 100%;
        background: #ffcc00;
    }
    #cont_gl .imp .imp_cntr {
        text-align: center;
        padding: 0;
    }
    #cont_gl .imp .imp_cntr img {
        max-width: 100%;
    }
    #cont_gl .exterior_block p {
        padding: 5px 0;
    }
    /*////////////////////////////////////////////////////////////////*/
    #ykkap-tpl-contents #reservation h2 {
        font-size: 25px;
    }
    #ykkap-tpl-contents #reservation .btn--link a {
        width: 100%;
    }
    #ykkap-tpl-contents #reservation .bnr--link {
        text-align: center;
        margin-bottom: 60px;
    }
    #ykkap-tpl-contents .commonarea {
        width: 96%;
        padding: 0 2%;
    }
    #ykkap-tpl-contents .commonarea .gototop a {
        width: 100%;
    }
    #ykkap-tpl-contents .commonarea .link--rel li {
        width: 100%;
        float: none;
        margin: 0 auto 10px;
        text-align: center;
    }
    #ykkap-tpl-contents a {
        -webkit-transition: .5s;
        transition: .5s;
    }
    #ykkap-tpl-contents a:hover {
        opacity: 0.8;
    }
    #ykkap-tpl-contents .commonarea .link--oth {
        margin-top: 60px;
    }
    #ykkap-tpl-contents .commonarea .link--oth>.clearfix>li {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    #ykkap-tpl-contents .commonarea .link--oth>.clearfix>li:first-child {
        margin-left: 0;
    }
    #ykkap-tpl-contents .commonarea .link--oth>.clearfix>li h3 {
        border-left: 3px solid #0085ba;
        padding-left: 10px;
        font-size: 25px;
        color: #0085ba;
        margin-bottom: 10px;
        font-weight: bold;
    }
    #ykkap-tpl-contents .commonarea .link--rel li:first-child {
        margin-left: 0;
    }
    .iframe.opa img {
        width: 100%;
    }
    #reservation .opa img {
        width: 100%;
    }
    .window_w {
        height: auto;
        position: static;
    }
    .entrance_w {
        height: auto;
        position: static;
    }
    .exterior_w {
        height: auto;
        position: static;
    }
    #cont_gl .window_g04_txt {
        float: none;
        margin: 0;
    }
}


/*bunner*/

img.riquid {
    max-width: 100%;
    height: auto;
}


/* column */

.sr-row {
    padding: 0 30px;
    margin-left: -60px;
    margin-right: -60px;
}

.sr-row:after {
    content: '';
    display: block;
    clear: both;
}


.sr-col {
    float: left;
    box-sizing: border-box;
    padding: 0 30px;
    overflow: hidden;
}

.sr-row2 .sr-col {
    width: 50%;
}

.sr-row3 .sr-col {
    width: 33.3333%;
}


/* sr-footer */

.sr-footer {
    margin-bottom: 50px;
}

.sr-footer .sr-row {
    padding: 0;
    margin-bottom: -20px;
}

.sr-footer .sr-col {
    padding: 0 10px;
    margin-bottom: 20px;
}

.sr-footer .sr-col a {
    display: block;
    color: #333 !important;
    text-decoration: none !important;
}

.sr-footer .sr-col img + * {
    margin-top: 10px;
}

.sr-footer h2.contents-ttl-lv2 {
    text-align: left;
    margin-top: 60px;
}

.sr-footer-white .sr-row {
    margin-left: -10px;
    margin-right: -10px;
}

@media screen and (max-width: 640px) {
    /* column */
    .sr-row {
        padding: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .sr-col {
        clear: both;
        float: none !important;
        padding: 0;
        width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }
    /* sr-footer */
    .sr-footer-white:last-child {
        margin-bottom: 40px;
    }
    .sr-footer .sr-row {
        padding: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .sr-footer .sr-col h3 {
        font-size: 13px;
    }
    .sr-footer .sr-col {
        width: 100% !important;
        padding: 0 10px;
    }
    .sr-footer-white {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }
    .sr-footer-white .sr-row .sr-row {
        margin-bottom: 0;
    }
    .sr-footer-white .sr-col {
        padding: 0;
        margin: 0 0 10px;
    }
    .sr-footer h2.contents-ttl-lv2 {
        margin-top: 40px;
    }
    .maincatch_img {
        width: 100%;
        height: 100%;
        background: none;
    }
    .group_tl img {
        max-width: 100% !important;
    }
    .commonarea .link--rel ul {
        width: 96%;
        margin: 0 auto;
    }
    #reservation {
        width: 96%;
        margin: 0 2%;
    }
    .comments {
        width: 96%;
        margin: 0 2% 0;
        padding: 10px 0;
        font-size: 14px;
        text-align: center;
    }
}