@charset "UTF-8";

.header_wrap_sp {
				display: none;
        		position: fixed;
        		top:0;
        		left:0;
        		width:100%;
        		height: 80px;
                background: url(../img/bg_header.jpg) repeat-x center top;
        		z-index: 9998;      
                box-shadow: ;
                border-top: solid 5px #e7baa0;
                -webkit-box-shadow: 0px 1px 10px -2px rgba(0,0,0,0.6);
                -moz-box-shadow: 0px 1px 10px -2px rgba(0,0,0,0.6);
                -ms-box-shadow: 0px 1px 10px -2px rgba(0,0,0,0.6);
    			}    
        		.sp_nav_logo {
                margin-top: 0;
                margin-bottom: 0;
                padding-left: 5px;
                line-height: 1;
                text-align: ;
                float:none;
                }
                .sp_nav {
                display:block;
                position:absolute;
                right:5px;
                top:7px;
                padding:0;
                width:70px;
                height:70px;
                text-align: center;
                font-size: 0px;
                letter-spacing: 0;
                box-sizing: border-box;
                pointer-events: auto;
                cursor:pointer;
                z-index:99999;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                }
                .toggle div {
                position:absolute;
                width:27px;
                height:18px;
                top:25px;
                right:21px;
                }
                .toggle span {
                display: block;
                position: absolute;
                height: 2px;
                width:27px;
                background:#111;
                -moz-border-radius:2px;
                -webkit-border-radius:2px;
                -o-border-radius:2px;
                -ms-border-radius:2px;
                left: 0;
                -webkit-transition: .35s ease-in-out;
                -moz-transition: .35s ease-in-out;
                transition: .35s ease-in-out;
                }
                .toggle span:nth-child(1) { top: 0; }
                .toggle span:nth-child(2) { top: 8px; }
                .toggle span:nth-child(3) { top: 16px; width:20px; }
                .sp_nav.active .toggle span { background:#111; }
                .sp_nav.active .toggle span:nth-child(1) { top: 8px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}
                .sp_nav.active .toggle span:nth-child(2) { width:0; left:50%;}
                .sp_nav.active .toggle span:nth-child(3) { top: 8px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg); width:27px; }
                
                .sp_nav .menu  { opacity: 1; position: absolute; width:27px; right:21px; top:42px; line-height: 1; font-size:10px; color:#111; -webkit-transition : all 0.2s ease;  -moz-transition : all 0.2s ease; -o-transition : all 0.2s ease;}
                .sp_nav .close { opacity: 0; position: absolute; width:31px; right:19px; top:42px; line-height: 1; font-size:10px; color:#111;  -webkit-transition : all 0.2s ease; -moz-transition : all 0.2s ease; -o-transition : all 0.2s ease;}
                .sp_nav.active .menu  { opacity: 0; }
                .sp_nav.active .close { opacity: 1; }
.g_nav_content {
                display: none;
                position: fixed;
                right: 0;
                top: 0;
                width: 100%;
                height: 100vh;
                background: #000;
                color:#fff;
                overflow: hidden;
                z-index:9999;
                }
                .g_nav_content a { color:#fff; }
                h1.g_nav_logo {
                float: none;
                width: auto;
                position: relative;
                top: auto; left: auto;
                opacity: 1;
                z-index: 999;
                margin: 30px auto;
                padding:0;
                text-align: center;
                line-height: 100%;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                font-size: 3em;
                border-left: ;
                }
                h1.g_nav_logo img {
                    width: 200px;
                    height: auto;
                }
                h1.g_nav_logo span {
                    display: block;
                    font-size: 12px;
                    color: #3f3931;
                }
                .g_nav_content_in {
                	display: flex;
                	flex-direction: row;
                	flex-wrap: nowrap;
                	justify-content: space-between;
                	align-items: stretch;
                	align-content: stretch;
                	display: -webkit-flex;
                	-webkit-flex-direction: row;
                	-webkit-flex-wrap: nowrap;
                	height: 100%;
                }
                .sp_bg {
                	display: block;
                	flex-basis: auto;
                	flex-grow: 1;
                	flex-shrink: 1;
                	min-width: 0;
                	width:100%;
                	height: auto;
                	overflow: hidden;
                }
                .sp_bg_img {
                    background: url(../../movie/top_movie.png) no-repeat 73% top / cover;
                	width:100%;
                	height:100%;
                	opacity: .6;
                	margin: 0;
                }
                .g_nav_wrap {
                	display: block;
                	flex-basis: auto;
                	flex-grow: 1;
                	flex-shrink: 1;
                    background: url(../img/bg_header.jpg) repeat center top;
                	max-width:400px;
                	width:100%;
                	min-width:400px;
                	height: 100%;
                	overflow: hidden;
                 	padding-bottom:3rem;
                  	-webkit-transition: all .3s ease;
                  	-moz-transition: all .3s ease;
                  	-ms-transition: all .3s ease;
                  	-o-transition: all .3s ease;
                  	transition: all .3s ease;
                  	box-shadow: 0px 1px 10px -2px rgba(0,0,0,0.6);
                  	-webkit-box-shadow:0px 1px 10px -2px rgba(0,0,0,0.6) ;
                  	-moz-box-shadow: 0px 1px 10px -2px rgba(0,0,0,0.6);
                  	-ms-box-shadow: 0px 1px 10px -2px rgba(0,0,0,0.6);
                  	border-left: ;
                border-top: solid 5px #e7baa0;
                }
                .g_nav_inner {
                	padding:0;
                	box-sizing: border-box;
                }
                .g_nav_outer {
                	padding:0 25px;
                	box-sizing: border-box;
                }
                .g_nav_box {
                        padding-bottom:3rem;
                        width:100%;
                        -webkit-transition: all .3s ease;
                        -moz-transition: all .3s ease;
                        -ms-transition: all .3s ease;
                        -o-transition: all .3s ease;
                        transition: all .3s ease;
                        }
                        .g_nav {
                        position:relative;
                        list-style: none;
                        padding: 0;
                        }
                        .g_nav li {
                        width:100%;
                        text-align: center;
                        font-weight:400;
                        }
                        .g_nav li a {
                        letter-spacing: 0.01em;
                        padding:12px 1rem 5px;
                        border-bottom: solid 3px #e89868;
                        color: #111;
                        display:block;
                        font-size:18px;
                        border-radius: 2px;
                        position: relative;
                        box-sizing: border-box;
                        text-decoration: none;
                        font-family: YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "メイリオ", sans-serif;
                        font-weight: normal;
                        letter-spacing: 1px;
                        text-align: ;
                        }
                        .g_nav li a span {
                            display: block;
                            color: #e89868;
                            font-size: 12px;
                            margin-top: -7px;
                        }
                        .g_nav_box .txt_box {margin-top: 30px; text-align: center;}
                        .g_nav_box .txt_box div {margin-top: 0; text-align: ;}
                        

       @media screen and (max-width: 1024px) {
        #header { display:none !important; }
        .header_wrap_sp { display: block;}
        .sp_nav_logo {  margin-left: ; }
        .sp_nav_logo img {  width: 180px; margin-top: 3px;}
        #footer_nav {display: none !important;}
    	#logo {font-size: 12px;}
        }
        @media screen and (max-width: 767px) {
        .sp_nav_logo { margin-top: ;}
        .sp_nav_logo img { width: ; }
        .toggle { right: 10px; }
    	.g_nav_content_in { display: block;}
    	.sp_bg { display: none; margin-right: 0 !important ; margin-left: 0 !important ; max-width: 100%; min-width: 100%;}
    	.g_nav_wrap { margin-right: 0 !important ; margin-left: 0 !important ; max-width: 100%; min-width: 100%; overflow: scroll;}
        .g_nav li { text-align: ; }
        .g_nav_box { padding-top:0; }
        .g_nav_outer { padding:0 16px; }

        }
        @media screen and (max-width: 650px) {
        }
        @media screen and (max-width: 350px) {
        .sp_nav_logo img { width:px; }
        .g_nav_logo   { top:10px; left:16px; width:140px; }
        }