@charset "UTF-8";

#wrapper {
	width: 100%;
	position: relative;
}


/*===========================================
	mainImg
=============================================*/
#mainImg {
	width       : 860px;
	height      : 225px;
	overflow: hidden;
	margin-left : auto;
	margin-right: auto;
	
	position: relative;
}
#mainImg .photo {
	position: absolute;
	z-index: 10;
}
#mainImg #card {
	bottom: 0px;
	right: -10px;
	position: absolute;
	z-index: 20;
}



/* stTitle */
.stTitle {
	padding: 3px 10px;
	color : #666666;
	background: #F0F0F0;
}



/*===========================================
	btnRedWaku
=============================================*/
.btnRedWaku {
	border : solid 2px #E2313B;
	padding: 7px;
	text-align: center;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.btnRedWaku a {
	color : #E2313B;
}



/*===========================================
	SmartPhone
=============================================*/
@media (max-width: 768px) {

	#top {
		padding-top: 0;
	}
	#wrapper {
		width: 100%;
	}
	.clearfix {
		display: block;
	}
	.imgMax {
		width: 100%;
		height: 100%;
	}
div, img {
	max-width: 100%;
	height: auto;
}


	/*===========================================
		spHeaderArea
	=============================================*/
	#spHeaderArea {
		width: 100%;
		padding: 15px 10px;
		border-top : solid 4px #004ea2;
		border-bottom : solid 1px #E3E3E3;
		background: #FFF;
		position: fixed;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		z-index: 9999;
	}
	#spHeaderBox {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		
		-webkit-flex-flow: wrap;
		-ms-flex-flow: wrap;
		flex-flow: wrap;
		
		-webkit-justify-content:space-between;
		-moz-justify-content:space-between;
		justify-content:space-between;
	}
	#spHeaderBox #logoArea {
		width: 151px;
	}
	#spHeaderBox #hRight {
		width: 80px;
		margin-top: 1px;
	}
	#spHeaderBox #hRight img {
		width: 100%;
		height: auto;
	}



	/*===========================================
		spMainImg
	=============================================*/
	#spMainImg {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
		position: relative;
	}
	#spMainImg .spPhoto {
		position: absolute;
		z-index: 90;
	}
	#spMainImg img {
		width: 100%;
		height: auto;
	}



	/*===========================================
		loginMenu
	=============================================*/
	#loginMenu {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	#loginMenu .loginMenuArea {
		width: 48.5%;
	}
	#loginMenu .loginMenuArea .loginMenuBox {
		width: 100%;
		padding: 10px;
		border : solid 1px #CCCCCC;
		background: #F7F7F7;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#loginMenu .loginMenuArea .loginMenuBox img {
		width: 100%;
		height: auto;
	}
	#loginMenu .loginMenuArea span {
		font-size: 10px;
	}
	
	.loginMenuRed {
		width: 100%;
		background: #E2313B;
		padding   : 7px;
		color : #fff;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		-webkit-border-radius: 5px 5px 0px 0px;
		        border-radius: 5px 5px 0px 0px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		line-height: 120%;
	}
	.loginMenuBlue {
		width: 100%;
		background: #0092EF;
		padding   : 7px;
		color : #fff;
		text-align: center;
		font-size: 13px;
		font-weight: bold;
		-webkit-border-radius: 5px 5px 0px 0px;
		        border-radius: 5px 5px 0px 0px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		line-height: 120%;
	}



	/*===========================================
		icCardArea
	=============================================*/
	.icCardArea .leftArea {
		width: 44%;
	}
	.icCardArea img {
		width: 100%;
		height: auto;
	}
	.icCardArea .righArea {
		width: 54%;
	}


	/*===========================================
		btnTwo
	=============================================*/
	.btnTwoArea .btnTwoBox {
		width: 48%;
	}



	/*===========================================
		btnList
	=============================================*/
	.btnList {
		font-size: 11px;
		list-style : none;
	}
	.btnList li {
		width: 48%;
		background: #F0F0F0;
		border : solid 1px #C9C9C9;
		margin-bottom: 10px;
	}
	.btnList li a {
		display: block;
		padding: 10px 5px;
		color : #666666;
		font-weight: bold;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}


	/* frame */
	.frame {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}
	.frame #contents {
		width: 100%;
		float: none;
		padding: 0;
	}



	/*===========================================
		dl
	=============================================*/
	dl {
		width: 100%;
		font-size: 12px;
	}
	dl .dt-fl {
		width: 100%;
		display: block;
		float: none;
	}
	dl .dd-mg {
		width: 100%;
		display: block;
		float: none;
		padding-left: 0;
	}



	/*===========================================
		contactArea
	=============================================*/
	.contactArea {
		width: 100%;
	}
	.contactArea .contactBox {
		width: 48%;
	}
	.contactArea .contactBox img {
		width: 100%;
		height: auto;
	}



	/*===========================================
		footerArea
	=============================================*/
	#footerArea {
		margin-top: 30px;
		text-align: right;
		font-size: 8px;
		color : #fff;
		padding: 10px;
		background: #666666;
	}



	/*===========================================
		spMenuList
	=============================================*/
	#spMenuList {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 99;
		top: -3000px;
		font-size: 90%;
		padding-bottom: 20px;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#spMenuList li {
		background: url("../common/images/bg_menu.png") repeat;
		border-bottom: solid 1px #FFFFFF;
		font-size: 12px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#spMenuList li a:before {
		content: "▶";
		color: red;
		margin-right: 6px;
		font-size: 6px;
	}
	#spMenuList li a {
		color: #fff;
		padding: 13px 10px;
		display: block;
		font-weight: bold;
	}
	#spMenuList li:last-child {
		padding-bottom: 80px;
	}



}