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


@media screen and (max-width: 640px) {
/*---#brandHeader new---*/
.whenLarge{
	display: none;
}

body{
	position: relative;
}

.common_header_nav{
	position: relative;
	background: #fff;
}

.common_header_space{
	position: relative;
	width: 100%;
	height: 50px;
}
.common_header{
	position: absolute;
	width: 100%;
	top: 45px;
	left: 0;
	background: #fff;
	z-index: 9999;
}
.common_header.fixtop{
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
}

.headNav_left{
	position: relative;
	margin: 0 auto;
	padding: 13px 0 0;
	width: 90.625%;
	height: 37px;
	z-index: 10000;
	background: #fff;
}

.headNav_logo{
	float: left;
}

.headNav_logo img{
	width: 59px;
	height: auto;
}

.headNav_btn_menu{
	float: right;
	width: 18px;
	height: 16px;
	cursor: pointer;
	background: url(../img/icon_menu_open_sp.png) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}

.headNav_btn_menu.spActive{
	background: url(../img/icon_menu_close_sp.png) no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
}

.headNav_right{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	z-index: 9999;
	background: #fff;
}

.headNav_right.clearfix{
	display: none;
}

.headNav_right.spActive{
	display: block;
}

a.nav_base_a img{
	width: 181px;
	height: auto;
}

.headNav_dropmenu_title img{
	width: 47px;
	height: auto;
}

.headNav_lang_list li a img{
	width: 75px;
	height: auto;
}

.headNav_right a{
	font-size: 12px;
	color: #333333;
}

.headNav_list > li{
	text-align: left;
	border-bottom: 1px solid #b3b3b3;
}

.headNav_list li a{
	display: block;
	margin: 0 auto;
	padding: 15px 0;
	width: 90.625%;
	background: url(../img/icon_menu_arrow_sp.png) no-repeat right center;
	background-size: 6px auto;
	-moz-background-size: 6px auto;
	-webkit-background-size: 6px auto;
	-o-background-size: 6px auto;
	-ms-background-size: 6px auto;
}

.headNav_list li a.nav_has_dropmenu{
	background: url(../img/icon_accordion_close_sp.png) no-repeat right center;
	background-size: 10px auto;
	-moz-background-size: 10px auto;
	-webkit-background-size: 10px auto;
	-o-background-size: 10px auto;
	-ms-background-size: 10px auto;
}

.headNav_list li a.nav_has_dropmenu.spActive{
	background: url(../img/icon_accordion_open_sp.png) no-repeat right center;
	background-size: 10px auto;
	-moz-background-size: 10px auto;
	-webkit-background-size: 10px auto;
	-o-background-size: 10px auto;
	-ms-background-size: 10px auto;
}

.headNav_dropmenu_title{
	margin: 0 auto;
	padding: 15px 0;
	width: 90.625%;
	text-align: left;
	border-bottom: 1px solid #b3b3b3;
}

.headNav_dropmenu{
	display: none;
	border-top: 1px solid #b3b3b3;
}

.headNav_dropmenu.spActive{
	display: block;
}

.headNav_dropmenu_list li{
	text-align: left;
}

.headNav_dropmenu_list li a{
	color: #333333;
	border-bottom: 1px solid #b3b3b3;
}

.headNav_dropmenu_list li.last a{
	border-bottom: none;
}

.headNav_lang{
	margin: 0 auto;
	width: 270px;
	overflow: hidden;
}

.headNav_lang_list{
	padding: 17px 0;
	width: 300px;
}

.headNav_lang_list li{
	margin-right: 22px;
	float: left;
}

.content_wrapper #breadcrumb {
	margin: 15px auto;
	width: 90.625%
}
.content_wrapper #breadcrumb li {
	color: #1a1a1a;
	float: left;
	text-align: left;
	font-size: 9px;
	line-height: 1.3em;
}

.content_wrapper #breadcrumb li:after{
	padding: 0 10px;
	content: ">";
	font-weight: normal;
}
.content_wrapper #breadcrumb li:last-child:after{
	display: none;
}
.content_wrapper #breadcrumb li a {
	color: #1a1a1a;
}

/*header*/
#headNavPC {
 display:none;
}
#headNavSP {
 display:block;
}
#blandHeader {
	background:none;
	margin-top:0px;
	height:auto;
	margin-bottom:6px;
}
#blandHeader #headNav h2 {
 display:none;
}
#sp_logo {
 display:block;
 float:left;
 margin-left:2%;
}
#blandHeader #headNav {
 height:24px;
 overflow:visible;
 width:100%;
 position:relative;
}
#blandHeader #headNavInner {
 display:none;
 padding:38px 0px 16px 7px;
 background:url(/hadabisei/share/img/sp/top_navi_title_sp.jpg) no-repeat 12px 15px #d6edfc;
 background-size:59px;
 position:absolute;
 left:0;
 top:0;
 z-index:10000;
}
#blandHeader #headNavInner ul {
 clear:both;
 padding:0;
}
#blandHeader #headNavInner li {
 float:left;
 padding:1px;
 width:25%;
}
#blandHeader #headNavClose {
 position:absolute;
 right:14px;
 top:11px;
 cursor:pointer;
}
#headNavButton {
 float:right;
 margin-right:2%;
}
#container li {
	text-align:center;
}
#container img {
 width:98%;
}
#spWrapper #spFooter {
display:none;
}

.pageTop {
	position: absolute;
	bottom: 15px;
	right: 15px;
	text-align: right;
	z-index: 999;
}
.pageTop a img{
	width: 50px;
	height: auto;
}

.pageTop.fixed {
	position: fixed;
	bottom: 20px;
}
.pageTop::before {
	content: " ";
	display: table;
}

.pageTop_wrapper{
	position: relative;
	padding-top: 90px;
}
#brandSiteFooter {
 padding:0 !important;
}

#footNav{
	display: none;
}

#brandSiteFooter ul li a {
line-height:30px !important;
/*height: auto !important;
padding: 12px 0 12px !important;
background:url(../img/sp/bg_spn_footer_nav.gif) no-repeat center right !important;
background-size:13px 12px;
font-size:12px;*/
}
/*
#brandSiteFooter p {
 font-size:10px !important;
}
*/
/*
#brandSiteHeader p{
	margin:0;
}*/
#brandSiteHeader{
	width:100%;
	min-width:100%;
}
}

@media screen and (min-width: 601px) and (max-width: 640px) {
#pcContent{
	display:none;
}
#spContent{
	display:block;
}
}
@media screen and (min-width: 321px) and (max-width: 600px) {
#pcContent{
	display:none;
}
#spContent{
	display:block;
}
#spContent ul li{
	float:left;
}
}
@media screen and (min-width: 0px) and (max-width: 320px) {
#pcContent{
	display:none;
}
#spContent{
	display:block;
}
#spContent ul li{
	float:left;
}
}