@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ common.css */

.bg_repeat_gray{background-color: #f7f7f7 !important;}
.bg_repeat_main{background-color: #253a6e !important;}

/* --------------- mv */

#mvBlock .mvBox > li:first-child {
	background: url(../images/bg_mvBlock_half.png) no-repeat center !important;
	background-size: cover !important;
}

#mvBlock .mvBox_txt > li {
	background: url(../images/bg_mvBlock_full.png) no-repeat center !important;
	background-size: cover !important;
}

/* --------------- border-color */
.borderColorMain,
header,
.ttlLftBdr,
.ttl_box,
.ttl_bigLine,
.ttl_caption em,
.arw_l.colorMain:before,
.fltBox.arw > li:after,
.linkList li a:before,
#bottomBlock .bannerArea h2 em,
.menuArea .searchZone_sp .boxOuter,
.pointBox li:after{border-color: #253a6e !important;}

/* --------------- background-color */
.bgColorMain,
.tagBox .tag,
.toTop a,
.productBox dt,
.bgBox.main > dt,
#ttlBlock .mvArea dt ,
header .inner > .menuArea .floatBox > li,
header .inner > .menuArea .panel_inner .infoZone,
header .inner > .menuArea .buttonBox > li a.dirTop.active:after,
.tag_arwL span em{background-color: #253a6e !important;}

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

	header .inner > .spArea a.menu,
	header .inner > .menuArea .floatBox li a{background-color: #253a6e !important;}

	}/* --- max-width:767px */

/* --------------- font-color */
.fcMain,
a.linkBlank,
#topicPathBlock ul > li a,
header .inner > .menuArea .panel ul > li .ttl a,
header .inner > .menuArea .buttonBox > li a.dirTop.active span,
.bgBox.main dd .ttl{color: #253a6e !important;}

/* --------------- other-color */
.tag_arwL span em:after{border-right-color: #253a6e !important;}
.bgBox.main > dd{background: #fef3e0 !important;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ top.css */

#topBlock .mvArea dt{background: #253a6e !important;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ tab.css */

.tabArea .tabMenu li a:hover,
.tabArea .tabMenu li.ui-state-active a{border-color: #253a6e !important;color: #253a6e !important;}
.tabArea.ver2 .tabMenu li a{border-color: #253a6e !important}
.tabArea.ver2 .tabMenu li.ui-state-active a{background: #253a6e !important;}
.tabArea.ver2 .tabMenu li.ui-state-active a span{color: #fff !important;}

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

	.tabArea .tabMenu li a:hover,
	label.selectArwBlu:after,
	.tabArea .tabMenu li.ui-state-active a{
		border-color: #253a6e !important;
	}

	}/* --- max-width:767px */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ faq.css */

.faq .faqList dt:before,
.faq .faqList dt:after{background-color: #253a6e !important;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ news.css */

.cateNav.spAcc .accBtn a:before, .cateNav.spAcc .accBtn a:after {background-color: #253a6e !important;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ svg */

#inline_svg{display: none;}

.svg_arw{
	width: 13px;
	height: 11px;
	display: inline-block;
}
#arw_main .ln_1{fill:#253a6e}
#arw_red .ln_1{fill:#c80000}
#arw_white .ln_1{fill:#fff}
#arw_black .ln_1{fill:#333}

.svg_blank{
	width: 13px;
	height: 11px;
	display: inline-block;
}
#icon_blank .ln_1{fill:#253a6e}
#icon_blank .ln_2{stroke:#253a6e}
#icon_blank_white .ln_1{fill:#fff}
#icon_blank_white .ln_2{stroke:#fff}
#icon_blank_gray .ln_1{fill:#aaa}
#icon_blank_gray .ln_2{stroke:#aaa}

.svg_Q{
	width: 27px;
	height: 30px;
	display: inline-block;
}
#ico_Q .ln_1{fill:#253a6e}

.svg_A{
	width: 27px;
	height: 30px;
	display: inline-block;
}
#ico_A .ln_1{fill:#ff0000}

@media screen and (max-width: 768px) {
	.fs24 {
		font-size: 14px!important;
	}
	
	.fs13_sp {
		font-size: 13px!important;
	}

	.fs13B_sp {
		font-size: 13px!important;
		font-weight: bold;
	}
}