@charset "UTF-8";
/* CSS Document */

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}
img { border: 0; vertical-align: bottom; border-style: none;}
a img { border-style:none;}
a { outline: none; }
a:link,a:visited,a:active {outline: none;} 

body,td,th {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

@media screen and (min-width: 641px) {

body { background-color: #000; background-image: url(../img/bg.jpg); background-repeat: no-repeat; background-position: center top;}
#wrapper{ width:640px; margin:0 auto;}
#header{ padding-top:10px;}

#header #kt{ float:left;}
#header #sns {float:right; width: 300px; position: relative; text-align:right;}
#header #sns .fb-like{ line-height:10px; }

#main{ padding:0; margin:0;
}
#main2{ display:none;}
#notice{ background-color:#F6D872; border:solid 3px #E4620B; text-align:center; margin:0 auto; width:100%;}
#notice h3{ padding:20px 0;}
#spec{
	padding: 0px 25px 25px 25px;
	color: #000;
	background-image: url(../img/bg2.jpg);
}
#spec dl{ text-align:center;}
#spec dt{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 30px;
	text-align: left;
}
#spec dd{
	font-size: 15px;
	color: #000;
	line-height: 180%;
	margin-left: 1.5em;
	padding-bottom: 15px;
}
#spec dd span{
	font-weight: bold;
	color: #900;
	padding-bottom: 5px;
	line-height: 100%;
	font-size: 32px;
}
.specbox{ line-height:135%;}
.specbox td{ padding-bottom:12px;}
#footer{
	text-align: center;
	color: #000;
	padding: 30px;
	font-size: 15px;
	border-top: solid 1px #600;
}



}

@media screen and (max-width: 640px) {

body { background-color: #000; }
#wrapper{ width: 100%; margin: 0 auto;}
#header{ padding-top:10px;}

#header #kt{ float:left;}
#header #sns {float:right; width: 300px; position: relative; text-align:right;}
#header #sns .fb-like{ line-height:10px; }

#header img{ width:60px; margin-left:5px;}
#notice{
	background-color: #F6D872;
	border: solid 3px #E4620B;
	text-align: center;
}
#notice h3 img{ padding:20px 0; width:100%;}
#notice img.btn_g{ width:41%;}
#notice img.btn_i{ width:46.5%;}
#main img{ width:100%;}

#spec{
	padding: 20px 8px 8px 8px;
	color: #000;
	background-image: url(../img/bg2.jpg);
}
#spec dl{ text-align:center;}
#spec dt{
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: left;
}
#spec dd{
	font-size: 15px;
	line-height: 160%;
	padding-bottom: 25px;
}
#spec dd span{
	font-weight: bold;
	color: #900;
	padding-bottom: 5px;
	line-height: 100%;
	font-size: 21px;
}
.specbox{ line-height:135%;}
.specbox td{
	padding-bottom: 12px;
	font-size: 17px;
}
#footer{
	text-align: center;
	color: #000;
	padding: 20px 0px;
	font-size: 14px;
	border-top: solid 1px #600;
}

}