@charset "utf-8";

/*

40  250%
35 218%
32  200%
30  188%
28 175%
26  162%
24  150%
22  138%
20  125%
18 112%
17 106%
16 100%
15 92%
14 88%
13 81%
12 75%

*/

body {
    background: #fff;
    color: #231815;
    font-family: "GenJyuuGothic", sans-serif;
    font-size: 16px;
    line-height: 1.4em;
}

* {
    word-break: break-all;
    word-wrap: break-word;
}

body.font_large {
    font-size: 18px;
}

body.font_small {
    font-size: 13px;
}

#wrapper {
    position: relative;
    overflow: hidden;
}

img {
    width: 100%;
}

.en {
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.small {
    font-size: 70%;
}

.marker {
    background: linear-gradient(transparent 60%, #fff884 60%);
}

.efo {
    position: absolute;
    background-size: 100% 100%;
}

.efo.r1 {
    background-image: url(../images/eff_1_r.png);
}

.efo.b1 {
    background-image: url(../images/eff_1_b.png);
}

.efo.y1 {
    background-image: url(../images/eff_1_y.png);
}

.efo.r2 {
    background-image: url(../images/eff_2_r.png);
}

.efo.b2 {
    background-image: url(../images/eff_2_b.png);
}

.efo.y2 {
    background-image: url(../images/eff_2_y.png);
}

.efo.r3 {
    background-image: url(../images/eff_3_r.png);
}

.efo.b3 {
    background-image: url(../images/eff_3_b.png);
}

.efo.y3 {
    background-image: url(../images/eff_3_y.png);
}

.efo.r4 {
    background-image: url(../images/eff_4_r.png);
}

.efo.b4 {
    background-image: url(../images/eff_4_b.png);
}

.efo.y4 {
    background-image: url(../images/eff_4_y.png);
}

.efo.r1,
.efo.b1,
.efo.y1 {
    animation-duration: 25000ms;
    animation-name: efo_anm_rotate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.efo.r2,
.efo.b2,
.efo.y2,
.efo.r3,
.efo.b3,
.efo.y3,
.efo.r4,
.efo.b4,
.efo.y4 {
    animation-duration: 2000ms;
    animation-name: efo_anm_zoom;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    /* easeInOutQuad */
}

@keyframes efo_anm_rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes efo_anm_zoom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}

#videoplayer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transition-duration: 400ms;
    transition-property: opacity, visibility;
}

html.openVideo #videoplayer {
    visibility: inherit;
    opacity: 1;
}

html.openVideo {
    position: relative;
    overflow: hidden;
}

#videoplayer .back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
}

#videoplayer .outer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#videoplayer .inner {
    position: relative;
}

#videoplayer .close {
    background-image: url(../images/modal_close.svg);
    background-size: 100% 100%;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 1;
}

#videoplayer iframe {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
#top header {
    position: static !important;
    background: #fffae7;
}

@media print, screen and (min-width: 851px) {
    .sp {
        display: none !important;
    }

    #wrapper {
        min-width: 1200px;
    }

    header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 10;
        /*padding-bottom: 20px;*/
        background: #fff;
    }
    .pageindex header {
        padding-bottom: 30px;
    }
    header + .kvarea {
        margin-top: 200px;
    }

    header .menubtn {
        display: none;
    }

    header .inner {
        padding-top: 20px;
		padding-bottom:10px;
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        align-items: center;
        display: flex;
        justify-content: space-between;
        height: calc(170px / 894.05 * 279.45);
    }

    header .ntit a {
        display: none;
    }

    header .title a {
        display: block;
        background-image: url(../images/title.svg);
        background-size: 100% auto;
        width: calc(170px);
        height: calc(170px / 894.05 * 279.45);
        text-indent: -9999px;
        overflow: hidden;
    }

    header .navi {
        flex: 1;
    }

    header .navi .set {
        flex: 1;
        display: flex;
        justify-content: flex-end;
    }

    header .navi .menu {
        display: flex;
    }

    header .navi .menu li {
        margin-right: 30px;
    }

    header .navi .menu .hasacc ul {
        display: none !important;
    }

    header .navi .menu a {
        display: block;
        text-decoration: none;
        color: #231815;
        position: relative;
        font-size: 92%;
    }

    /* header .navi .menu a .crr {
        display: block;
        width: 6px;
        height: 6px;
        background-color: #e05d1d;
        border-radius: 100%;
        position: absolute;
        left: calc(50% - 3px);
        top: -10px;
        visibility: hidden;
    } */

    header .navi .menu a:hover,
    header .navi .menu a.active {
        border-bottom: solid 3px #e05d1d;
        color: #e05d1d;
    }

    header .navi .menu a.active span {
        visibility: inherit;
    }

    header .navi .submenu {
        display: none;
    }

    header .navi .links {
        display: none;
    }

    header .navi .fontsize {
        display: flex;
    }

    header .navi .fontsize p {
        display: none;
    }

    header .navi .fontsize ul {
        display: flex;
    }

    header .navi .fontsize li {
        margin-left: 6px;
        text-decoration: none;
        display: block;
        color: #231815;
        width: 20px;
        height: 20px;
        border: 1px #231815 solid;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1em;
        font-size: 13px;
        cursor: pointer;
        background-color: #fff;
    }

    header .navi .fontsize li.active {
        background-color: #231815;
        color: #fff;
    }
    header .lowerMenu {
        width: 100%;
        height: auto;
    }
    header .lowerMenu nav ul {
        display: flex;
		align-items: center;
        justify-content: space-around;
        width: 100%;
        height: auto;
        padding: 10px 0 30px 0;
        border: #231815 solid 1px;
        border-radius: 20px;
        box-shadow: 0 2px 0px #231815;
        background: #fffae7;
    }
    header .lowerMenu nav ul li a {
        position: relative;
        display: flex;
        color: #231815;
        font-size: 13px;
		line-height: 1.4;
        text-decoration: none;
		text-align: center;
    }
    header .lowerMenu nav ul li a::after {
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url(../images/ico_anchor.png);
        background-size: contain;
        vertical-align: middle;
    }
	 header .lowerMenu nav ul .oneStep a::after {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url(../images/ico_anchor.png);
        background-size: contain;
        vertical-align: middle;
    }
	header .lowerMenu nav ul li .attent::after {
        position: absolute;
        top: 31px;
        left: 50%;
        transform: translateX(-50%);
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background-image: url(../images/ico_anchor.png);
        background-size: contain;
        vertical-align: middle;
    }

    footer {
        position: relative;
        margin-top: calc(-210px / 2);
        z-index: 1;

    }

    footer .hd {
        background-image: url(../images/ft_hd.png);
        background-size: 100% 100%;
        height: calc(210px / 2);
    }

    footer .outer {
        position: relative;
        background-color: #262522;
    }

    footer .inner {
        width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }

    footer .totop {
        position: absolute;
        right: 0;
        top: 20px;
        width: 50px;
        height: 50px;
        z-index: 9999;
    }

    footer .totop a {
        opacity: 0;
        visibility: hidden;
        display: block;
        position: absolute;
        right: 30px;
        bottom: 50px;
        background-image: url(../images/pagetop.png);
        background-size: 100% 100%;
        width: 50px;
        height: 50px;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 1;
        transition-duration: 400ms;
        transition-timing-function: ease-out;
        transition-property: opacity, visibility;
    }

    footer .totop.open a {
        opacity: 1;
        visibility: inherit;
    }

    footer .totop.fixed a {
        position: fixed;
    }

    footer .ill {
        display: block;
        position: absolute;
        left: calc(50% + 1200px / 2 - 280px);
        top: -80px;
        background-image: url(../images/ft_illust.png);
        background-size: 100% auto;
        width: calc(358px / 2);
        height: calc(160px / 2);
        text-indent: -9999px;
        overflow: hidden;
        z-index: 1;
    }

    footer .menu .inner {
        padding-top: 50px;
        padding-bottom: 20px;
        display: flex;
    }

    footer .menu .inner .set {
        flex: 1;
        margin-right: 20px;
    }

    footer .menu .inner .set:last-child {
        margin-right: 0;
    }

    footer .menu .inner .set > ul {
        margin-bottom: 30px;
    }

    footer .menu .inner .set > ul > li > a {
        display: block;
        color: #fff;
        font-size: 112%;
        line-height: 1.35em;
        text-decoration: none;
        background-image: url(../images/ico_arrow_l_b.png);
        background-size: calc(38px / 2) calc(40px / 2);
        background-repeat: no-repeat;
        background-position: left 0em;
        padding-left: 30px;
        margin-bottom: 20px;
    }

    footer .menu .inner .set > ul > li > a.blue {
        background-image: url(../images/ico_arrow_l_b.png);
    }

    footer .menu .inner .set > ul > li > ul li a {
        text-decoration: none;
        display: block;
        margin-left: 0.5em;
        color: #fff;
        font-size: 88%;
        line-height: 1.35em;
        background-image: url(../images/ico_arrow_s.png);
        background-size: calc(24px / 2) calc(14px / 2);
        background-repeat: no-repeat;
        background-position: left 0.5em;
        padding-left: 25px;
        margin-bottom: 10px;
    }

    footer .menu .inner .set > ul > li > ul li.sub a {
        margin-top: -5px;
        background-image: url(../images/mn_arr_ss.png);
        background-size: calc(14px / 2) calc(4px / 2);
        background-position: left 0.5em;
        margin-left: 30px;
        padding-left: 15px;
        font-size: 81%;
    }

    footer .menu .inner .set > ul > li.banner {
        margin-top: 50px;
        border-top: 1px dotted #686455;
        padding-top: 20px;
    }

    footer .menu .inner .set > ul > li.banner .tit {
        color: #fff;
        font-size: 12px;
        line-height: 1.35em;
    }

    footer .operator {
        background-color: #262522;
        color: #fff;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    footer .operator .inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    footer .operator .prof .title {
        font-size: 112%;
    }

    footer .operator .prof .from {
        font-size: 88%;
        margin-top: 30px;
    }

    footer .operator .prof .add {
        font-size: 81%;
        margin-top: 20px;
    }

    footer .operator .submenus ul {
        display: flex;
        justify-content: flex-end;
    }

    footer .operator .submenus ul li a {
        font-size: 75%;
        color: #fff;
        display: block;
        margin-left: 20px;
    }

    footer .operator .submenus .copyright {
        font-size: 75%;
        margin-top: 10px;
        color: #fff;
        text-align: right;
    }

    footer .logo_cs a {
        display: block;
        background-image: url(../images/bnr_jams.png);
        background-size: 100% 100%;
        width: calc(570px / 2);
        height: calc(280px / 2);
        margin-top: 10px;
        position: relative;
        text-indent: -9999px;
        overflow: hidden;
    }

    #videoplayer .outer {
        min-width: calc(980px + 100px);
        min-height: calc(550px + 100px);
    }

    #videoplayer .inner {
        width: calc(980px);
        height: calc(550px);
    }

    #videoplayer .close {
        right: -50px;
        top: -50px;
        width: 34.536px;
        height: 34.536px;
    }
    #sec1,
    #sec2,
    #sec3,
    #sec4,
    #sec5,
    #sec6,
    #sec7,
    #sec8,
    #sec9,
    #sec10,
    #sec11,
    #sec12 {
        margin-top: -136px;
        padding-top: 136px;
    }
    #sec1_1,
    #sec2_1,
    #sec3_1,
    #sec4_1,
    #sec5_1,
    #sec6_1,
    #sec7_1,
    #sec8_1,
    #sec9_1,
    #sec10_1,
    #sec11_1,
    #sec12_1 {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
    #sec1_2,
    #sec2_2,
    #sec3_2,
    #sec4_2,
    #sec5_2,
    #sec6_2,
    #sec7_2,
    #sec8_2,
    #sec9_2,
    #sec10_2,
    #sec11_2,
    #sec12_2 {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
    #sec1_3,
    #sec2_3,
    #sec3_3,
    #sec4_3,
    #sec5_3,
    #sec6_3,
    #sec7_3,
    #sec8_3,
    #sec9_3,
    #sec10_3,
    #sec11_3,
    #sec12_3 {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
    #sec1_4,
    #sec2_4,
    #sec3_4,
    #sec4_4,
    #sec5_4,
    #sec6_4,
    #sec7_4,
    #sec8_4,
    #sec9_4,
    #sec10_4,
    #sec11_4,
    #sec12_4 {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
    #sec1_5,
    #sec2_5,
    #sec3_5,
    #sec4_5,
    #sec5_5,
    #sec6_5,
    #sec7_5,
    #sec8_5,
    #sec9_5,
    #sec10_5,
    #sec11_5,
    #sec11_5 {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
    #sec1_6,
    #sec2_6,
    #sec3_6,
    #sec4_6,
    #sec5_6,
    #sec6_6,
    #sec7_6,
    #sec8_6,
    #sec9_6,
    #sec10_6,
    #sec11_6,
    #sec12_6 {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
    #sec1_7,
    #sec2_7,
    #sec3_7,
    #sec4_7,
    #sec5_7,
    #sec6_7,
    #sec7_7,
    #sec8_7,
    #sec9_7,
    #sec10_7,
    #sec11_7,
    #sec12_7 {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
	#sec4_8
     {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
    #anc_hokkaido_tohoku,
    #anc_kanto,
    #anc_koshinetsu_hokuriku,
    #anc_tokai_kinki,
    #anc_chushikoku,
    #anc_kyushu_okinawa {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
	#sec4_9
     {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
    
}

@media only screen and (max-width: 850px) {
    .pc {
        display: none !important;
    }

    .anc {
        display: block;
        position: relative;
        top: 0px;
    }

    header {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 70px;
    }

    header .menubtn {
        display: block;
        background-image: url(../images/mn_open.svg);
        background-size: 100% 100%;
        width: 50px;
        height: 50px;
        text-indent: -9999px;
        overflow: hidden;
        position: fixed;
        right: 10px;
        top: 10px;
        z-index: 12;
    }
	body.closeMenu header .menubtn {
        background-image: url(../images/mn_open.svg);
        z-index: 1000;
    }

    body.openMenu header .menubtn {
        background-image: url(../images/mn_close.svg);
        z-index: 1000;
    }

    header .ntit a {
        position: absolute;
        left: 15px;
        top: 15px;
        display: block;
        background-image: url(../images/title.svg);
        background-size: 100% auto;
        width: calc(256px / 2);
        height: calc(256px / 2 / 894.05 * 279.45);
        text-indent: -9999px;
        z-index: 12;
    }

    header .title a {
        position: absolute;
        left: 15px;
        top: 15px;
        display: block;
        background-image: url(../images/title.svg);
        background-size: 100% auto;
        width: calc(256px / 2);
        height: calc(256px / 2 / 894.05 * 279.45);
        text-indent: -9999px;
    }

    header .navi {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        height: 0;
        z-index: 100;
        background-color: #fff;
        visibility: hidden;
        /* opacity: 0; */
        transition-duration: 400ms;
        transition-property: opacity, visibility, height;
        transition-timing-function: linear;
        overflow: hidden;
        box-sizing: border-box;
        padding-top: 70px;
    }

    body.openMenu {
        overflow: hidden;
    }

    body.openMenu header .navi {
        visibility: inherit;
        opacity: 1;
        height: 100%;
    }
	

    header .navi .set {
        border-top: 1px solid #e8e8e8;
        position: relative;
        overflow: auto;
        height: 100%;
    }

    header .navi .menu {
        padding: 20px;
        padding-bottom: 0;
    }

    header .navi .menu > li {
        position: relative;
    }

    header .navi .menu > li > a {
        border-top: 1px solid #e8e8e8;
        text-decoration: none;
        display: block;
        color: #2c2c2c;
        padding-top: 20px;
        padding-bottom: 20px;
        background-image: url(../images/mn_arr_l.png);
        background-size: calc(50px / 2) calc(50px / 2);
        background-repeat: no-repeat;
        background-position: calc(100% - 0px) center;
        position: relative;
    }

    header .navi .menu > li:first-child > a {
        border-top: 0;
    }

    header .navi .menu > li.hasacc > a {
        background-image: none;
    }

    header .navi .menu > li.hasacc .accbtn {
        display: block;
        position: absolute;
        right: 0;
        top: 15px;
        background-image: url(../images/mn_acc.png);
        background-size: 100% 100%;
        width: calc(52px / 2);
        height: calc(52px / 2);
        z-index: 1;
    }

    header .navi .menu > li.hasacc.open .accbtn {
        background-image: url(../images/mn_acc_close.png);
    }

    header .navi .menu > li ul a {
        text-decoration: none;
        display: block;
        color: #2c2c2c;
        padding-bottom: 20px;
        font-size: 92%;
        background-image: url(../images/ico_arrow_s_02.png);
        background-size: calc(24px / 2) calc(14px / 2);
        background-repeat: no-repeat;
        background-position: left 0.5em;
        padding-left: 15px;
        margin-left: 20px;
        text-decoration: none;
    }

    header .navi .menu > li ul li.sub a {
        margin-top: -10px;
        background-image: url(../images/mn_arr_ss_02.png);
        background-size: calc(14px / 2) calc(4px / 2);
        background-position: left 0.75em;
        margin-left: 40px;

        font-size: 81%;
    }

    header .navi .links {
        border-top: 1px solid #e8e8e8;
        padding-top: 30px;
        padding-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    header .navi .links li a {
        display: block;
        border: 1px #231815 solid;
        margin-bottom: 20px;
        border-radius: 15px;
        text-decoration: none;
        color: #231815;
        padding: 15px;
        padding-right: 35px;
        box-shadow: 0 2px 0px #231815;
        background-image: url(../images/ico_arrow_l_b.png);
        background-size: calc(38px / 2) calc(40px / 2);
        background-repeat: no-repeat;
        background-position: calc(100% - 15px) center;
    }

    header .navi .fontsize {
        display: flex;
        justify-content: center;
        padding: 20px;
        padding-top: 0;
        align-items: center;
    }

    header .navi .fontsize p {
        font-size: 81%;
        margin-left: -5em;
    }

    header .navi .fontsize ul {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    header .navi .fontsize li {
        margin-left: 6px;
        text-decoration: none;
        display: block;
        color: #231815;
        width: 36px;
        height: 36px;
        border: 1px #231815 solid;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1em;
        font-size: 110%;
    }

    header .navi .fontsize li.active {
        background-color: #231815;
        color: #fff;
    }

    header .navi .submenu {
        padding: 20px;
        padding-top: 0;
    }

    header .navi .submenu li a {
        padding-top: 6px;
        padding-bottom: 6px;
        display: block;
        color: #2c2c2c;
        font-size: 88%;
    }

    footer {
        position: relative;		
        margin-top: calc(-210px / 4);
			
		

    }

    footer .hd {
        background-image: url(../images/ft_hd.png);
        background-size: 100% 100%;
        height: calc(210px / 4);
		
    }

    footer .outer {
        position: relative;
        background-color: #262522;
    }

    footer .inner {
        margin-left: 20px;
        margin-right: 20px;
    }

    footer .totop {
        position: absolute;
        right: 0px;
        top: -10px;
        width: 50px;
        height: 50px;
    }

    footer .totop a {
        opacity: 0;
        visibility: hidden;
        display: block;
        position: absolute;
        right: 20px;
        bottom: 20px;
        background-image: url(../images/pagetop.png);
        background-size: 100% auto;
        width: 50px;
        height: 50px;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 1;
        transition-duration: 400ms;
        transition-timing-function: ease-out;
        transition-property: opacity, visibility;
    }

    footer .totop.open a {
        opacity: 1;
        visibility: inherit;
    }

    footer .totop.fixed a {
        position: fixed;
    }

    footer .ill {
        display: block;
        position: absolute;
        right: 90px;
        top: -50px;
        background-image: url(../images/ft_illust.png);
        background-size: 100% auto;
        width: calc(358px / 3);
        height: calc(160px / 3);
        text-indent: -9999px;
        overflow: hidden;
        z-index: 1;
    }

    footer .menu .inner {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    footer .menu .inner .set > ul {
        margin-bottom: 40px;
    }

    footer .menu .inner .set > ul > li > a {
        display: block;
        color: #fff;
        line-height: 1.35em;
        text-decoration: none;
        background-image: url(../images/ico_arrow_l_b.png);
        background-size: calc(38px / 3) calc(40px / 3);
        background-repeat: no-repeat;
        background-position: left 0.25em;
        padding-left: 20px;
        margin-bottom: 20px;
    }
    footer .menu .inner .set > ul > li > a.blue {
        background-image: url(../images/ico_arrow_l_b.png);
    }

    footer .menu .inner .set > ul > li > ul li a {
        display: block;
        margin-left: 0.5em;
        color: #fff;
        font-size: 81%;
        line-height: 1.35em;
        background-image: url(../images/ico_arrow_s.png);
        background-size: calc(24px / 3) calc(14px / 3);
        background-repeat: no-repeat;
        background-position: left 0.5em;
        padding-left: 15px;
        margin-bottom: 15px;
        margin-left: 20px;
        text-decoration: none;
    }

    footer .menu .inner .set > ul > li > ul li.sub a {
        margin-top: -5px;
        background-image: url(../images/mn_arr_ss.png);
        background-size: calc(14px / 2) calc(4px / 2);
        background-position: left 0.5em;
        margin-left: 35px;
        padding-left: 15px;
        font-size: 75%;
    }

    footer .menu .inner .set > ul > li.banner {
        margin-top: 50px;
        border-top: 1px dotted #686455;
        padding-top: 20px;
    }

    footer .menu .inner .set > ul > li.banner .tit {
        color: #fff;
        font-size: 12px;
        line-height: 1.35em;
    }

    footer .operator {
        background-color: #262522;
        color: #fff;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    footer .operator .prof .from {
        font-size: 90%;
        margin-top: 20px;
    }

    footer .operator .prof .add {
        font-size: 81%;
        margin-top: 20px;
    }

    footer .operator .submenus ul {
        margin-top: 20px;
    }

    footer .operator .submenus ul li a {
        font-size: 81%;
        color: #fff;
        display: block;
    }

    footer .operator .submenus .copyright {
        font-size: 75%;
        margin-top: 10px;
        color: #fff;
    }

    footer .logo_cs a {
        display: block;
        background-image: url(../images/bnr_jams.png);
        background-size: 100% 100%;
        width: calc(100vw - 40px);
        height: calc((100vw - 40px) / 570 * 280);
        margin-top: 10px;
        position: relative;
        text-indent: -9999px;
        overflow: hidden;
    }

    #videoplayer .inner {
        width: 88vw;
        height: calc(88vw / 16 * 9);
    }

    #videoplayer .close {
        right: 0px;
        top: -40px;
        width: calc(34.536px * 0.75);
        height: calc(34.536px * 0.75);
    }
	#sec4_9
     {
        display: inline-block;
        margin-top: -136px;
        padding-top: 136px;
    }
}

@media only screen and (max-width: 850px) and (orientation: landscape) {
    #videoplayer .outer {
        min-width: inherit;
        min-height: inherit;
    }

    #videoplayer .inner {
        width: calc(72vh / 9 * 16);
        height: calc(72vh);
    }

}
.outer .outerInner {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 40px 0;
    border-right: solid 1px #231815;
    border-bottom: solid 1px #231815;
    border-left: solid 1px #231815;
    border-radius: 0 0 40px 40px;
    box-sizing: border-box;
}
@media only screen and (max-width: 850px) {
    .outer .outerInner {
        margin: 0 20px;
        padding: 10px 0;
    }
    header .lowerMenu{
        display: none;
    }
    .footer{
        padding-bottom: 80px;
    }
}
.mt20{
	margin-top: 20px;
}
.mt40{
	margin-top: 40px;
}