@charset "utf-8";
/* ------------------------------------------------------------ common */
a:link 		{ color: #302826; text-decoration: none; }
a:visited 	{ color: #302826; text-decoration: none; }
a:hover,
a:hover img { color: #302826; text-decoration: none; 
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }
    
.inner { width: 1100px; margin: 0 auto; padding: 0 25px;}
.nav_inner{ max-width: 540px; width: 880px; margin: 0 auto; padding: 0 50px;}

.SP { display: none;}

@font-face {
    font-family: 'VinylRegular';
    src: url('../font/VinylRegular.eot'); /* IE9 Compat Modes */
    src: url('../font/VinylRegular.woff2') format('woff2'), 
         url('../font/VinylRegular.woff') format('woff'), /* Modern Browsers */
         url('../font/VinylRegular.otf') format('otf'),
         url('../font/VinylRegular.svg') format('svg');
}
	

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

body { min-width: inherit; font-size: 12px; }

a:link 		{ color: #302826; text-decoration: none; }
a:visited 	{ color: #302826; text-decoration: none; }
a:hover,
a:hover img { color: #302826; text-decoration: none; 
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }
    
.inner { width: 92%; padding: 0;}
.nav_inner{ width: 85%; padding: 0;}

.SP { display: block;}
.PC { display: none ;}
	
#header > img { width: 120px; height: auto;}
/* ------------------------------------------------------------ footer*/

#mask { background: #fff; height: 100%; width: 100%; min-height: 100%; position: fixed; /* opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.70; */ top: 0; left: 0; right: 0; bottom: 0; z-index: 999; display: none; }
#open_modal { cursor: pointer; display: block; }

#menu-btn { width: 30px; height: auto; float: right; margin: 6px 0 0 0;}
#menu-btn img { display: inline !important; width: 100%; height: auto; }

#navigation { position: fixed; text-align: center; margin: 0; top: 0; right: 0; left: 0; z-index: 999; display: none; height: 100%; overflow-y: scroll; }
#navigation h3 { padding: 45px 0 50px; }
#navigation h3 img { width: 180px; height: auto;}
#navigation p.close { position: absolute; right: 5%; top: 19px;}
/*
#navigation .close_modal img { width: 25px; height: 25px; padding: 15px 0 0; }
*/
#navigation ul { font-size: 14px; z-index: 999;  width: 82%; padding: 0 0 50px; margin: 0 auto;}
#navigation ul li { text-align: left; border-bottom: #006737 solid 1px; }
#navigation ul li a { display: block; width: 100%; padding: 15px 0 10px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 17px; background: url(../images/arw.png) 97% center no-repeat; background-size: 7px auto;}
#navigation ul li a img { height: 15px; width: auto; padding: 0 0 5px;}
#navigation ul li.faq a img { height: 20px; width: auto;}



}