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

.main-wrapper{ 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 ;}


}