@charset "utf-8";
@import "base.css";
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/*@import "common.css";*/
.pc_view{
	display: none !important;
}
body{
	color: #fff;
	-webkit-text-size-adjust: 100% !important;
}
section{
	width: 94%;
	margin: 0 auto;
}
@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	div#menu-sp{
		position: fixed !important;
		width: 9% !important;
		height: auto !important;
		right: 0px !important;
		top: 5px !important;
		text-indent: -9999px;
		z-index: 999999999;
	}
}
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
	div#menu-sp{
		position: fixed !important;
		width: 13% !important;
		height: auto !important;
		right: 0px !important;
		top: 5px !important;
		text-indent: -9999px;
		z-index: 999999999;
	}
}

div#menu-sp a{
	display: block;
	text-indent: -9999px
	width: 100%;
	background: url(../img/sp_menu.png) no-repeat;
	background-size: 100%;
	height: 0;
	padding-top: 100%;
}
/*####################　ヘッダ　####################*/
#Header h1{
	display: none;
}
#Header2 {
	width: 100%;
	background: url(../img/bg.png);
	padding: 5px 0;
	border-bottom: solid 3px #cc0001;
	position: fixed;
	z-index: 999999998;
}

@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	#Header2 h1{
		width: 40%;
		margin: 0 0 0 5px;
	}
}
@media only screen and (orientation : portrait) { /*縦向きの際に適用*/
	#Header2 h1{
		width: 60%;
		margin: 0 0 0 5px;
	}
}
#Header2 h1 a{	
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 0;
	background: url(../img/sp_logo.png) no-repeat;
	background-size: 100%;
	padding-top: 22.1362%;	
}
#spsp{
	width: 60%;
	height: 0;
	background: url(../img/spsp.png) no-repeat;
	background-size: 100%;
	padding-top: 22.1362%;
}

/*####################　pageTop　####################*/
#pageTop{
	position: fixed;
	bottom: 30px;
	right: 0;
	width: 13%;
	height: auto;
}
.pageTop a{
	display: block;
	text-indent: -9999px;
	width: 100%;
	height: 0;
	background: url(../img/go_top.png) no-repeat;
	background-size: 100%;
	padding-top: 100%;
}
/*####################　テーブル共通　####################*/
#Main table{
	margin: 0;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
}
#Main td.green{
	background: #f3f3d5;
}
#Main td.gray{
	background: #faf9f7;
}
/*####################　フッター　####################*/

#Footer{
	margin: 0 auto;
	padding: 5px 0;
	width: 100%;
	border-top: solid 1px #fff;
}

#Footer ul{
	margin:5px auto;
	text-align: center;
}
#Footer li{
	display: inline;
	margin: 5px;
}
#Footer li a{
	color:#fff;
	font-size: 14px;
}
#Footer address{
	text-align: center;
	font-size: 10px;
	line-height: 120% !important;
	color: #fff;
}
#Footer address a{
	color: #fff;
	text-decoration: none;
}
/*####################　クリア　####################*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: .1em;
}
.clearfix {
	display: inline-block;
}
/*\*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/**/
.clearfix + * {
	clear: both;
	* clear: both;
}



/*end*/



/*end*/
div#Header li a{
	margin: 0 0 0 10px;
	padding: 12px 0 12px 35px !important;
	background: url(../img/icon.png) no-repeat left center;
	background-size: 30px;
	font-family: "Sawarabi Mincho" !important;
	display: block;
	line-height: 1.3 !important;
}
div#Header li a span{
	margin: 0;
	padding: 0;
}
#fixedBtn{
	position: fixed;
	right: 0;
	top: 40%;
	z-index: 99999997;
	width: 50px;
}
#fixedBtn img{
	width: 100%;	
}