@charset "UTF-8";


/* TEMPLATE +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Retina parts */
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx){

}
/* TEMPLATE Retina parts end*/

/* INTERFACE */


	body{
		margin:0px;
		padding:0px;
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}

	header{
		width:100%;
		height:100px;
		padding:0px 20px 0px;
		box-sizing:border-box;
	}

	header #header_inner{
		max-width:1280px;
		margin:0px auto;
		position:relative;
	}

	div.logo{
		width:250px;
		margin:0px;
		font-size:15px;
		line-height:1em;
		position:absolute;
		top:36px;
		left:0px;
	}

	div.logo img{
		width:100%;
		height:auto;
	}
		header #header_inner h1{
		width:250px;
		margin:0px;
		font-size:15px;
		line-height:1em;
		position:absolute;
		top:36px;
		left:0px;
	}

	header #header_inner h1 img{
		width:100%;
		height:auto;
	}

	header #header_inner #sub_menu{
		width:450px;
		margin:0px;
		padding:0px;
		list-style-type:none;
		position:absolute;
		top:16px;
		right:85px;
	}

	header #header_inner #sub_menu li{
		display:inline;
		margin:0px 15px 0px 0px;
	}

	header #header_inner #sub_menu li a{
		font-size:11px;
		line-height: 15px;
		color:#e60012;
		text-decoration:none;
	}

	header #header_inner #sub_menu li a:hover{
		text-decoration:underline;
	}

	header #header_inner #sub_menu li:nth-child(1) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../img/interface/header_sub_menu_shop.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #sub_menu li:nth-child(2) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../img/interface/header_sub_menu_faq.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #sub_menu li:nth-child(3) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../img/interface/header_sub_menu_favorite.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #sub_menu li:nth-child(4) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../img/interface/header_sub_menu_sitemap.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #sub_menu li:nth-child(5) a{
		padding:0px 0px 0px 15px;
		background-image:url(../../img/interface/header_sub_menu_mail.png);
		background-repeat:no-repeat;
		background-size:12px;
		background-position:top left;
	}

	header #header_inner #header_global_btn{
		display:block;
		width:105px;
		position:absolute;
		top:16px;
		right:0px;
	}

	header #header_inner #header_global_btn:hover{
		opacity:0.6;
	}

	header #header_inner #header_global_btn img{
		width:100%;
		height:auto;
	}

	header #header_inner #search{
		width:410px;
		margin:0px;
		padding:0px;
		list-style-type:none;
		position:absolute;
		top:36px;
		right:-10px;
	}


	#gNav{
		width:100%;
		height:40px;
		background-color:#e60012;
		padding:0px 20px 0px;
		box-sizing:border-box;
	}

	#gNav ul{
		max-width:1280px;
		margin:0px auto;
		padding:0px;
		list-style-type:none;
		background-image:url(../../img/interface/gnav_statement.png);
		background-repeat:no-repeat;
		background-position:right center;
		background-size:100px;
		overflow:hidden;
	}

	#gNav ul li{ 
		float:left;
		display: -webkit-box; /* safari, Chrome */
		display: -moz-box;    /* Firefox */
		display: -o-box;      /* Opera */
		display: -ms-box;     /* IE */
		display: box;
		-webkit-box-align: center; /* safari, Chrome */
		-moz-box-align: center;    /* Firefox */
		-o-box-align: center;      /* Opera */
		-ms-box-align: center;     /* IE */
		box-align: center;
		height:40px;
		border-right:1px solid #f38089;
		font-size:14px;
		color:#ffffff;
	}

	#gNav ul li:nth-child(1){ 
		border-left:1px solid #f38089;
	}

	#gNav ul li span,
	#gNav ul li a{
		display: block;
		padding:9px 20px;
		color:#ffffff;
		text-decoration:none;
	}

	#gNav ul li a:hover{
		background-color:#000000;
	}

	#gNav ul li #now_page{
		background-color:#000000;
	}

	button.drawer-toggle.drawer-hamburger {
	    display: none;
	}

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

div.logo {
			width:250px;
			margin:0px;
			font-size:15px;
			line-height:1em;
			position:absolute;
			top:36px;
			left:5px;
		}


		header #header_inner h1{
			width:250px;
			margin:0px;
			font-size:15px;
			line-height:1em;
			position:absolute;
			top:36px;
			left:5px;
		}


		header #header_inner #header_global_btn{
			display:block;
			width:105px;
			position:absolute;
			top:16px;
			right:5px;
		}

		header #header_inner #search{
			width:410px;
			margin:0px;
			padding:0px;
			list-style-type:none;
			position:absolute;
			top:36px;
			right:-5px;
		}


		#gNav{
			width:100%;
			height:40px;
			padding:0px 20px;
			background-color:#e60012;
			box-sizing:border-box;
		}

		#gNav ul li span,
		#gNav ul li a{
			display: block;
			padding:9px 10px;
			color:#ffffff;
			text-decoration:none;
		}

	}


	footer{
		width:100%;
		margin:150px 0px 0px;
		padding:30px 20px;
		border-top:5px solid #ef0000;
		box-sizing:border-box;
	}

	footer #footer_inner{
		max-width:1280px;
		height:40px;
		margin:0px auto;
		padding:0px 20px;
		position:relative;
		box-sizing:border-box;
	}

	footer #footer_inner #page_top{
		width:140px;
		position:absolute;
		top:-80px;
		right:0px;
	}

	footer #footer_inner #page_top img{
		width:100%;
		height:auto;
	}

	footer #footer_inner #footer_logo{
		width:373px;
		position:absolute;
		top:0px;
		left:0px;
	}

	footer #footer_inner #footer_logo img{
		width:100%;
		height:auto;
	}

	footer #footer_inner #footer_sub_menu{
	  float: right;
	  width: calc(100% - 400px);
	  text-align: right;
	}

	footer #footer_inner #footer_sub_menu a{
		display: inline-block;
		line-height: 15px;
		margin:0 0 0 10px;
		font-size:12px;
		color:#e60012;
		text-decoration:none;
	}

	footer #footer_inner #footer_sub_menu a:hover{
		text-decoration:underline;
	}

	footer #footer_inner #footer_sub_menu a:nth-child(1){
		padding:0px 0px 0px 21px;
		background-image:url(../../img/interface/footer_sub_menu_attention.png);
		background-repeat:no-repeat;
		background-size:15px;
		background-position:top left;
	}
	footer #footer_inner #footer_sub_menu a:nth-child(2){
		padding:0px 0px 0px 21px;
		background-image:url(../../img/interface/footer_sub_menu_social.png);
		background-repeat:no-repeat;
		background-size:15px;
		background-position:top left;
	}
	footer #footer_inner #footer_sub_menu a:nth-child(3){
		padding:0px 0px 0px 21px;
		background-image:url(../../img/interface/footer_sub_menu_policy.png);
		background-repeat:no-repeat;
		background-size:15px;
		background-position:top left;
	}
	footer #footer_inner #footer_sub_menu a:nth-child(4){
		padding:0px 0px 0px 21px;
		background-image:url(../../img/interface/footer_sub_menu_infomation.png);
		background-repeat:no-repeat;
		background-size:15px;
		background-position:top left;
	}

	footer #footer_inner #footer_copy{
		font-size:12px;
		font-family:Helvetica;
		width: 100%;
		margin: 20px 0;
		text-align: right;
		float: right;
	}

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

		footer{
			width:100%;
			margin:150px 0px 0px;
			padding:30px 2%;
			border-top:5px solid #ef0000;
			box-sizing:border-box;
		}



	}

/* INTERFACE END */


#pan_area{
	max-width:1280px;
	margin:20px auto;
}

#pan_area p{
	margin:0px;
	font-size:12px;
	color:#555555;
}

#pan_area p a{
	color:#555555;
}

#pan_area p a:hover{
	color:#ef0000;
}

main{
	max-width:1280px;
	margin:0px auto;
	overflow:hidden;
	box-sizing:border-box;
}

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

	#pan_area{
		max-width:1280px;
		margin:20px auto;
		padding:0px 20px;
		box-sizing:border-box;
	}

	main{
		max-width:1280px;
		margin:0px auto;
		padding:0px 20px;
		overflow:hidden;
		box-sizing:border-box;
	}

}


main h1{
	margin:0px 0px 20px;
	padding:0px;
	font-size:20px;
	line-height:1em;
	font-weight:normal;
}

#sitemap_area{
	width:100%;
	overflow:hidden;
}

#sitemap_left{
	width:33.3333333333333%;
	float:left;
}

#sitemap_center{
	width:33.3333333333333%;
	float:left;
}

#sitemap_right{
	width:33.3333333333333%;
	float:left;
}

#sitemap_area a{
	color:#000000;
	text-decoration:none;
}

#sitemap_area a:hover{
	color:#ef0000;
	text-decoration:underline;
}

#sitemap_area h3{
	width:80%;
	margin:0px 0px 10px;
	padding:5px 8px;
	font-size:15px;
	background-color:#f2f2f2;
	border-bottom:1px solid #000000;
}

#sitemap_area ul{
	margin:0px 0px 10px;
	padding:0px;
	list-style-type:none;
	font-size:15px;
}

#sitemap_area ul li a{
	color:#333333;
}