@charset "utf-8";
/* ------------------------------------------------------------ common */

.main-wrapper { color: #111; font-size: 16px; font-family: 'Noto Sans JP', 'Open Sans', 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;} 
#footer{ font-size: 14px; font-family: 'Lato', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif;} 


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;}

.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%;}

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


}