/*

 @ css/sp.css

================================================*/




* { -webkit-text-size-adjust: none; 
-webkit-tap-highlight-color: rgba(255,105,183,0.6);}

.pc { display: none; }

p{ color: #000; font-size: 15px; line-height: 20px; margin: 0; padding: 0;}

a{ color: #000;}

.hide{display:none;}

#main { background: url("../img/bg.jpg") no-repeat center 0px #fff; }

.sns {	float: right;	margin: 20px 10px 20px;}

.sns li { height: 20px; margin-bottom: 2px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto;*display: inline;}

#akbdraft_container{
	/*background: url("../img/bg_bottom.png") no-repeat center bottom; background-size: 100% auto;*/}

#header { z-index: 100; }


li { list-style: none; }


#key #akb_key{
	padding: 0 10px;
}


#akbdraft_contents{	
	padding: 5px 10px 15px;
}


.inner #box {
	padding-top:20px;
}

.key_n07 {
	margin-bottom:20px;
	text-align:center;
}

.key_n08 {
	margin-bottom:10px;
	text-align:center;
}

.key_n09 {
	margin-bottom:10px;
	text-align:left;
	font-size:10px;
	line-height:1.4em;
}

.key_n10 {
	margin-bottom: 10px;
	text-align: left;
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bolder;
}


#sp_inner {
	background:url(../img/gray.gif);
	padding:20px;
}

#akbdraft_contents .banner_area{
	border: 3px solid #000;
	margin: 20px auto 0;
	line-height: 0;
	padding-bottom: 10px;
}

#akbdraft_contents .banner_area .inner{overflow: hidden;zoom: 1;background-color: rgba(255,255,255,0.8);padding-left:6%;}
#akbdraft_contents .banner_area .inner li{float:left;width:45%;}
#akbdraft_contents .banner_area .inner li:nth-child(3) {clear:left;}
#akbdraft_contents .banner_area .inner li:nth-child(odd) {margin-right:10px;}

/*PAGE TOP*/

#pagetop_area{
	overflow: hidden;
	min-height: 1px;
}

#pagetop_area .btn_pagetop{
	float: right;
	display: block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	margin-bottom: 15px;
}

#pagetop_area .btn_pagetop a{
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/sp/btn_pagetop.png) no-repeat;
	background-size: 30px 30px;
	}


.akb_menu { width: 100%; height: 50px; border-top: 2px solid #1e1e1e; background: rgba(200, 200, 200, 0.85); -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 4px; -moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 4px; box-shadow: rgba(0, 0, 0, 0.7) 0px 0px 4px; position: fixed; left: 0; bottom: 0; z-index: 8; }
.akb_menu .akb_ftban { text-align: center; }
.akb_menu .akb_ftban li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.akb_menu .akb_ftban li img { width: 104px; height: inherit; }
.akb_menu .close_btn { width: 37px; height: 37px; position: absolute; top: -10px; right: 0px; background: url("../img/ft_open.png") no-repeat; background-size: 18.5px 18.5px; cursor: pointer; z-index: 9; }
.akb_menu .close_btn img { width: 18.5px; height: 18.5px; }
.akb_menu .close_btn.open img { display: none; }
.akb_menu .akb_ftban { padding-bottom: 5px; position: relative; text-align: center; }
.akb_menu .nemousu { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 92px !important; height: 44.4px !important; }
.akb_menu .nemousu { width: 115px; margin: 0 auto; }
.akb_menu .nemousu a { display: block; width: 115px; height: 54px; overflow: hidden; text-indent: -9999px; background: url("../img/ft_banner_nemousu.png") ; background-size: 115px 108px; }
.akb_menu .nemousu a:hover { background-position: 0px -54px; }
.akb_menu .nemousu a { width: 92px !important; height: 44.4px !important; background-size: 92px 88.8px !important; overflow: hidden; }
.akb_menu .nemousu a:hover { background-position: 0 0 !important; }
.akb_menu .tenkomori { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 92px !important; height: 44.4px !important; }
.akb_menu .tenkomori { width: 115px; margin: 0 auto; }
.akb_menu .tenkomori a { display: block; width: 115px; height: 55.5px; overflow: hidden; text-indent: -9999px; background: url("../img/ft_banner_tenkomori.png") ; background-size: 115px 111px; }
.akb_menu .tenkomori a:hover { background-position: 0px -55.5px; }
.akb_menu .tenkomori a { width: 92px !important; height: 44.4px !important; background-size: 92px 88.8px !important; overflow: hidden; }
.akb_menu .tenkomori a:hover { background-position: 0 0 !important; }

.akb_menu .howto { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; width: 92px !important; height: 44.4px !important; }
.akb_menu .howto { width: 115px; margin: 0 auto; }
.akb_menu .howto a { display: block; width: 115px; height: 55.5px; overflow: hidden; text-indent: -9999px; background: url("../img/ft_banner_howto.png") ; background-size: 115px 111px; }
.akb_menu .howto a:hover { background-position: 0px -55.5px; }
.akb_menu .howto a { width: 92px !important; height: 44.4px !important; background-size: 92px 88.8px !important; overflow: hidden; }
.akb_menu .howto a:hover { background-position: 0 0 !important; }

#footer{
	margin-bottom: 45px;
}

/*@ sourceMappingURL=sp.css.map */