@charset "utf-8";
/*===== common.css =====*/
*,*::before,*::after { box-sizing: border-box;}
.ov:hover,
.ov img:hover{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}
/* JqvaScriptで動的に付与 */
.current { cursor: default; text-decoration:none !important; }
.clear { clear: both; }
.cf {zoom:1;}
.cf:after {
  content: ""; 
  display: block; 
  clear: both;
}

/* ---------------------------------------------
	font Style
--------------------------------------------- */
.fBold { font-weight: bold;}
.fItalic { font-style: italic;}
.fnormal { font-weight: normal;}
.f10 { font-size: 10px !important;}
.f11 { font-size: 11px !important;}
.f12 { font-size: 12px !important;}
.f13 { font-size: 13px !important;}
.f14 { font-size: 14px !important;}
.f16 { font-size: 16px !important;}
.f20 { font-size: 20px !important;}
.caution { font-size: 10px; line-height:150%;}
.red{ color:#df002d;}
.green{ color:#5DB700;}

/* ---------------------------------------------
	float
--------------------------------------------- */
.f_l { float: left; *display:inline;}
.f_r { float: right; *display:inline;}

/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mb01 { margin-bottom: 1px !important;}
.mb03 { margin-bottom: 3px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb75 { margin-bottom: 75px !important;}

.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

.mlmr05 { margin-left: 5px !important; margin-right: 5px !important;}
.mlmr10 { margin-left: 10px !important; margin-right: 10px !important;}

.mcenter { margin-left:auto !important;margin-right:auto !important;}

/* ---------------------------------------------
	preset padding
--------------------------------------------- */
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}

/* ---------------------------------------------
	inline align
--------------------------------------------- */
.t_align_l { text-align: left;}
.t_align_c { text-align: center;}
.t_align_r { text-align: right;}
.v_align_b{ vertical-align:bottom !important;}

.pre{white-space: pre;}

/* ---------------------------------------------
	common
--------------------------------------------- */
.wrap{
	width: 1000px;
	margin: 0 auto;
}
.article{
	width: 740px;
	float: left;
}
.sideNavi{
	width: 211px;
	float: right;
}
.main__inner{
	margin: 30px auto 100px;
}
div.main a.pagetop__caption{
	width: 130px;
	padding-left: 10px;
	font-size:11px;
	color:#FFF;
	text-decoration:none; 
	font-weight:bold;
	float: right;
	display:block;
	background-color:#df002d;
	position: relative;
}
div.main a.pagetop__caption:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 4px solid #fff;
	position: absolute;
	top: 11px;
	right: 5px;
}
.pagetop__caption:hover{
	text-decoration: none;
}
.sns__area{
	margin-bottom: 25px;
}
.fb_iframe_widget{
	margin-right: 5px;
	float: left;
}
.mv{
	margin-bottom: 40px;
}
.mv img{
	width: 100%;
	height: auto;
}
.section{
	margin-bottom: 50px;
}
.section__inner{
	margin: 20px 0;
}
.main__heading{
	margin-bottom: 30px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
}
.section__header{
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 2px solid #df002d;
}
.section__heading{
	padding-left: 10px;
	font-size: 24px;
	font-weight: bold;
	border-left: 6px solid #df002d;
}
.section__row__header{
	margin: 25px 0 10px;
}
.section__row__header:first-child{
	margin-top: 0;
}
.section__row__heading{
	font-size: 18px;
	font-weight: bold;
}
.label{
	margin-right: 10px;
	padding: 1px 5px 0;
	font-size: 13px;
	color: #fff;
	background: #df002d;
	display: inline-block;
}
.label.pt01{
	background: #008bdf;
}
em{
	font-style: normal;
	font-weight: bold;
	color: #df002d;	
}
.section p:not(:last-child){
	margin-bottom: 15px;
}
.section p img{
	margin: 10px auto;
	display: block;
}
.section__notes{
	font-size: 12px;
}

/* ---------------------------------------------
	header
--------------------------------------------- */
.page__ttl{
	padding-bottom: 5px;
	font-size: 11px;
	color: #9F9F9F;
}
.header__inner{
	padding-bottom: 10px;
	overflow: hidden;
}
.logo{
	width: 350px;
	float: left;
}
.logo__inner{
	overflow: hidden;
}
.logo__img{
	float: left;
}
.logo__img a{
	width: 170px;
	height: 56px;
	background: url(/asset/images/logo.jpg) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}
.logo__txt{
	padding-top: 12px;
	font-size: 12px;
	line-height: 1.4;
	float: right;
}
.header__bnr{
	margin-left: 15px;
	float: left;
}
.header__bnr__item{
	display: inline-block;
}
.global__info{
	padding-left: 80px;
	float: right;
	background: url(/asset/images/bg_header_info.jpg) no-repeat;
	background-position: left top;
}
.global__info__time{
	font-size: 11px;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	background: #df002d;
}
.global__info__tel{
	padding-top: 5px;
	font-size: 23px;
	font-weight: bold;
	color: #df002d;
}
.global__info__txt{
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-align: right;
}
.gNavi{
	border-top: solid 1px #df002d;
	border-bottom: solid 4px #df002d;
	box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.4);
	position: relative;
	z-index: 999;
}
.gNavi__list{
	overflow: hidden;
}
.gNavi__item{
	width: 162px;
	border-right: solid 1px #df002d;
	float: left;
}
.gNavi__item:first-child{
	border-left: solid 1px #df002d;
}
.gNavi__item.flag--FC{
	width: 190px;
}
.gNavi__item a{
	padding: 7px 0 6px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: block;
}
@media all and (-ms-high-contrast: none){
	.gNavi__item a{
		padding: 11px 0 6px;
	}
}
.gNavi__item a:hover{
	text-decoration: none;
}
.flag--FC a{
	padding-left: 40px;
	background: url(/asset/images/bg_gnavi_fc.png) no-repeat;
	background-position: 10px bottom;
}
.flag--FC.active a{
	background: url(/asset/images/bg_gnavi_fc.png) no-repeat , #df002d;
	background-position: 10px bottom;
}
.active a{
	color: #fff;
	background: #df002d;
}
.topicpath{
	width:100%;
	background-color:#F2F2F2;
	height:28px;
}
.topicpath__item{  
  float:left;  
	font-size:11px;
  line-height:28px;
}  
.topicpath__item a{  
  margin-right:10px;
}
.topicpath__item:not(:last-child):after{
	content: ">";
	font-size: 12px;
	padding-right: 12px;
}


/* ---------------------------------------------
	sidenavi
--------------------------------------------- */
.sideNavi__contents{
	margin-bottom: 40px;
	padding: 10px;
	background: #f4f4f4;
	overflow: hidden;
}
.sideNavi__ttl{
	margin: -10px -10px 15px;
	padding: 5px 10px 4px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	background: #808080;
}
.sideNavi__ttl a{
	color: #fff;
	display: block;
	position: relative;
}
.sideNavi__ttl a:after{
	content: "";
	width: 0;
	height: 0;
	border-left: 4px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	position: absolute;
	top: 9px;
	right: 0;
}
.sideNavi__newStock{
	padding: 10px 0 10px 10px;
	background: #fff;
	display: block;
}
.sideNavi__item{
	margin-top: 5px;
	font-size: 13px;
}
.sideNavi__item:first-child{
	margin-top: 0;
}
.sideNavi__item a{
	padding: 10px 25px 10px 10px;
	background: #fff;
	display: block;
	position: relative;
}
.sideNavi__item a:after{
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -2px;
	border: 1px solid;
	border-color: #333 #333 transparent transparent;
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 50%;
}
.sideNavi__item a.active{
	font-weight: bold;
	color: #df002d;
	background: #ffe4e4;
}
.sideNavi__item a:hover{
	opacity: 0.8;
	filter:alpha(opacity=80);
}
.btn__more{
	margin-top: 5px;
	float: right;
}
.sideBnr__item{
	margin-top: 15px;
}
.sideBnr__item:first-child{
	margin-top: 0;
}
.sideBnr__notes{
	margin-top: 5px;
	font-size: 10px;
	line-height: 1.2;
}
.sidePost__area{
	width: 200px;
	margin-bottom: 10px;
	overflow: hidden;
}
.sidePost__area__item{
	width: 93px;
	height: 36px;
	text-align: center;
	border: solid 1px #aaa;
}
a.sidePostBtn__cv__caption{
	padding: 10px 0 10px 10px;
	color: #df002d;
	font-size: 15px;
	font-weight: bold;
	border: solid 1px #df002d;
	border-bottom: solid 3px #df002d;
	background: #fff;
	display: block;
	position: relative;
}
a.sidePostBtn__cv__caption:hover{
	text-decoration: none;
	color: #fff;
	background: #df002d;
}
a.sidePostBtn__cv__caption:after{
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -2px;
	border: 2px solid;
	border-color: #df002d #df002d transparent transparent;
	transform: rotate(45deg);
	position: absolute;
	right: 10px;
	top: 50%;
}
a.sidePostBtn__cv__caption:hover:after{
	border-color: #fff #fff transparent transparent;
}
#tell01{
  animation: blink 1s linear infinite normal;
  -webkit-animation: blink 1s linear infinite normal;
  -moz-animation: blink 1s linear infinite normal;
  -o-animation: blink 1s linear infinite normal;
}
@keyframes blink{
  0% {border:2px solid #f00015;}
  10% {border:2px solid #D5DCE0;}
  100% {border:2px solid #f00015;}
}
@-webkit-keyframes blink{
  0% {border:2px solid #f00015;}
  10% {border:2px solid #D5DCE0;}
  100% {border:2px solid #f00015;}
}
@-moz-keyframes blink{
  0% {border:2px solid #f00015;}
  10% {border:2px solid #D5DCE0;}
  100% {border:2px solid #f00015;}
}
@-o-keyframes blink{
  0% {border:2px solid #f00015;}
  10% {border:2px solid #D5DCE0;}
  100% {border:2px solid #f00015;}
}

/* ---------------------------------------------
	footer
--------------------------------------------- */
.footer__body{
	width:100%;
	background-color:#F2F2F2;
	border-top:1px solid #df002d;
}	
.shortcut{
	margin-top: 20px;
}
.shortcut__inner{
	margin-bottom: 10px;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
.shortcut__ttl{
	min-width: 245px;
	margin-bottom: 5px;
	font-weight: bold;
	display: inline-block;
}
.shortcut__ttl.pt01{
	margin-left: 254px;
}
.shortcut__child{
	width: 242px;
	margin-right: 10px;
	padding: 10px;
	background: #fff;
}
.shortcut__child:last-child{
	margin-right: 0;
}
.shortcut__child.pt01{
	width: 494px;
}
.shortcut__child__ttl{
	font-size: 13px;
	font-weight: bold;
}
.shortcut__child__ttl img{
	margin-right: 3px;
}
.shortcut__item{
	font-size: 12px;
	display: inline-block;
}
.shortcut__item:before{
	content: "・";
}
.footer__inner__notes{
	padding: 10px 0;
	font-size: 12px;
}
.footer__row{
	padding-top: 15px;
	border-top: 8px solid #df002d;
}
.footer .global__info{
	float: left;
}
.footer__rowNavi{
	width: 615px;
	padding-top: 3px;
	float: right;
}
.footer__row__item{
	font-size: 12px;
	display: inline;
}
.footer__row__item:after{
	content: "|";
	padding-left: 10px;
}
.footer__row__item:last-child:after{
	display: none;
}
.copyright{
	padding: 30px 0 15px;
	font-size: 12px;
	text-align: center;
}