@import url("../reset.css");

/* for PC,ipad */
@import url("common_pc.css") screen and (min-width:933px);

/* for iphone,ipod,Andoroid */
@import url("common_mobi.css") screen and (min-width:0) and (max-width:932px);

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.atHeroWrap {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
	font-weight:500;
	color:#333;
	background-color:#de2829;
}

.atHeroWrap a{color:#de2829;}
footer .footer-in a:hover,
.nav-global__category-drawer-back__button:hover{color:#fff;}
header .header-in a:hover{color:#333;}

/* Font-Style */
.ftlNm{font-style:normal;}


/* Noto Font */
.notoJp{font-family: 'Noto Sans JP', sans-serif;}
.notoJpn{font-family: 'Noto Sans Japanese', sans-serif;}
.noto100 {font-weight:100;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto700 {font-weight:700;}
.noto900 {font-weight:900;}

/* Font-Color */
.fcPink{color:#fc1052;}

/* Background-color */
.bgPink {background-color:#fc1052;}
.bgWh {background-color:#fff;}
.bgGrey{background-color:#eeeeee;}
.heroBg{background-image:url(../../img/common/hero/hero_bg.gif);}
.heroBg2{background-image:url(../../img/common/hero/hero_bg2.gif);}


/* Font-Weight */
.fwNm{font-weight:normal;}
.fwbd{font-weight:bold;}
.fw3{font-weight:300;}
.fw4{font-weight:400;}
.fw5{font-weight:500;}
.fw6{font-weight:600;}
.fw7{font-weight:700;}

/* Font Color */
.fcBlk{color:#000;}
.fcWh{color:#fff;}
.fcGrey{color:#666;}
.fcRed{color:red;}
.fcPink{color:#f36;}

/* Link Style */
a{color:#0073bc;}
a:hover{color:#039;}
.bdNone a{text-decoration:none;}
.bdYes a{text-decoration:underline;}
.fcBlLink a{color:#0073bc;}
.fcWh a{color:#fff;}

/* float */
.clrFixA {clear:both;}
.fLeftA {float:left;}
.fRightA {float:right;}

/* flexBox 240314add*/
.flex{
	display:-webkit-box;
	display:-moz-box;
	 display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-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;
}


/* Text align */
.txLeft{text-align:left;}
.txCn{text-align:center;}
.txRight{text-align:right;}

/* shadow */

.shadowBtm{
box-shadow:0px 7px 10px -1px #cccccc;
-moz-box-shadow:0px 7px 10px -1px #cccccc;
-webkit-box-shadow:0px 7px 10px -1px #cccccc;
}

.txtShdow{
	text-shadow: 1px 1px 3px #555555;  
}

/* List Style */
ul.liDisc > li {list-style-type:disc;}
ul.liCircle > li {list-style-type:circle;}
ul.liSq > li {list-style-type:square;}

/* Normal Form */

.imeAc{ime-mode:active;}
.imeIna{ime-mode:inactive;}
.imeDisd{ime-mode:disabled;}

/* margin top (deviceCommon)*/
.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}
.mT45{margin-top:45px;}
.mT50{margin-top:50px;}
.mT55{margin-top:55px;}
.mT60{margin-top:60px;}
.mT65{margin-top:65px;}
.mT70{margin-top:70px;}
.mT75{margin-top:75px;}
.mT80{margin-top:80px;}
.mT85{margin-top:85px;}
.mT90{margin-top:90px;}
.mT95{margin-top:95px;}
.mT100{margin-top:100px;}

/* margin top em(deviceCommon) ver6.5- 240314add*/
.mT0_50em{margin-top:0.50em;}
.mT0_75em{margin-top:0.75em;}
.mT1em{margin-top:1em;}
.mT1_25em{margin-top:1.25em;}
.mT1_50em{margin-top:1.50em;}
.mT1_75em{margin-top:1.75em;}
.mT2em{margin-top:2em;}

/* margin bottom (deviceCommon) */
.mB5{margin-bottom:5px;}
.mB10{margin-bottom:10px;}
.mB15{margin-bottom:15px;}
.mB20{margin-bottom:20px;}
.mB25{margin-bottom:25px;}
.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}
.mB45{margin-bottom:45px;}
.mB50{margin-bottom:50px;}
.mB55{margin-bottom:55px;}
.mB60{margin-bottom:60px;}
.mB65{margin-bottom:65px;}
.mB70{margin-bottom:70px;}
.mB75{margin-bottom:75px;}
.mB80{margin-bottom:80px;}
.mB85{margin-bottom:85px;}
.mB90{margin-bottom:90px;}
.mB95{margin-bottom:95px;}
.mB100{margin-bottom:100px;}

/* margin bottom em(deviceCommon) ver6.5-240314add*/
.mB0_25em{margin-bottom:0.25em;}
.mB0_50em{margin-bottom:0.50em;}
.mB0_75em{margin-bottom:0.75em;}
.mB1em{margin-bottom:1em;}
.mB1_25em{margin-bottom:1.25em;}
.mB1_50em{margin-bottom:1.50em;}
.mB1_75em{margin-bottom:1.75em;}
.mB2em{margin-bottom:2em;}

/* padding top (deviceCommon) */
.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT25{padding-top:25px;}
.pT30{padding-top:30px;}
.pT35{padding-top:35px;}
.pT40{padding-top:40px;}
.pT45{padding-top:45px;}
.pT50{padding-top:50px;}
.pT55{padding-top:55px;}
.pT60{padding-top:60px;}
.pT65{padding-top:65px;}
.pT70{padding-top:70px;}
.pT75{padding-top:75px;}
.pT80{padding-top:80px;}
.pT85{padding-top:85px;}
.pT90{padding-top:90px;}
.pT95{padding-top:95px;}
.pT100{padding-top:100px;}

/* padding-bottom (deviceCommon) */
.pB5{padding-bottom:5px;}
.pB10{padding-bottom:10px;}
.pB15{padding-bottom:15px;}
.pB20{padding-bottom:20px;}
.pB25{padding-bottom:25px;}
.pB30{padding-bottom:30px;}
.pB35{padding-bottom:35px;}
.pB40{padding-bottom:40px;}
.pB45{padding-bottom:45px;}
.pB50{padding-bottom:50px;}
.pB55{padding-bottom:55px;}
.pB60{padding-bottom:60px;}
.pB65{padding-bottom:65px;}
.pB70{padding-bottom:70px;}
.pB75{padding-bottom:75px;}
.pB80{padding-bottom:80px;}
.pB85{padding-bottom:85px;}
.pB90{padding-bottom:90px;}
.pB95{padding-bottom:95px;}
.pB100{padding-bottom:100px;}

/* ※印用 */
.indent_kome{
padding-left:1em;
text-indent:-1em;
}

/* inline block 調整 */
.ibl_parent{letter-spacing:-.4em;}
.ibl_child{letter-spacing:normal;}


/* border common */
.pink3Bd{border:3px solid #fc1052;}
.pinkDotBtm{background:url(../../img/common/dotted_line_pink.gif) repeat-x bottom left ;}
.whDotBtm{background:url(../../img/common/dotted_line_white.png) repeat-x bottom left ;}
.greyBtm{border-bottom:2px solid #ccc;padding-bottom:5px;}

/*  commonbackground 240314add */
.bgSiteThingrey{background-color:rgba(245,245,245,1);}

/* ------------------------ 
       Common Btn
--------------------------- */

/* link color change */
.linkCrBlue a{color:#3062c3;}


/* pink more */
.moreBtnPink{
	display:inline-block;
	border:1px solid #f91a56;
	border-radius:20px;
}

.moreBtnPink:hover{background:#f91a56;}

.moreBtnPink a{
	display:block;
	padding:8px 40px 8px 30px;
	background:url(../../img/common/ar_pink.png) no-repeat 90% center ;
}

.moreBtnPink a:hover{
	color:#fff;
	background:url(../../img/common/ar_white.png) no-repeat 90% center ;
}


/* white more */
.moreBtnWh{
	display:inline-block;
	border:1px solid #fff;
	border-radius:20px;
}

.moreBtnWh:hover{background:#fff;}

.moreBtnWh a{
	display:block;
	color:#fff;
	padding:8px 40px 8px 30px;
	background:url(../../img/common/ar_white.png) no-repeat 90% center ;
}

.moreBtnWh a:hover{
	color:#f91a56;
	background:url(../../img/common/ar_pink.png) no-repeat 90% center ;
}

/* black more */
.moreBtnBlack{
	display:inline-block;
	border-radius:10px;
	text-align:center;
	color:#000;
	background-color:#000;
}

.moreBtnBlack a{
	width:100%;
	padding:10px 0;
	color:#fff;
	display:block;}

.moreBtnBlack:hover{background:#c00;}

/* yellow button */
.yellowBtn a{
	display:inline-block;
	background-color:#fc0;
	color:#000;
	border-radius:10px;
}

.yellowBtn a:hover{
	background-color:#000;
	color:#fff;
}

/* black button */
.blcakBtn a{
	display:inline-block;
	background-color:#000;
	color:#fff;
	border-radius:10px;
}

.blcakBtn a:hover{
	background-color:#fc0;
	color:#000;
}

/* ------------------------ 
       Common Perts
--------------------------- */
.redTitle {
	background-color:#de2829;
	color:#fff;}


table.nmTable,table.nmTable th,table.nmTable td {border-collapse:collapse;}
table.nmTable th,table.nmTable td {
	padding:3px 5px;
	border:1px solid #ccc;
}

.blueTable,.blueTable th,.blueTable td{border-collapse:collapse;}
.blueTable th{background-color:#277bba;color:#fff;}

dl.nmDl dt,dl.nmDl dd{
	display:inline-block;
	vertical-align:top;
}


/* -----------------
/* emergency
   ----------------- */

.emergencyWrap{background-color:#fc0;}
.noticeWrap{border:2px solid #f33;}

.emergencyWrap h2,.noticeWrap h2{
	text-align:center;
}



.emergencyList li:first-child,.noticeList li:first-child {border:none;}
.emgUrl,.noticeUrl{text-align:right;}

.emergency,.notice{display:none;}



/* -----------------
/* Page nation
   ----------------- */

nav.pageNav ul{
	width:100%;
	letter-spacing:-0.4em;
	display:block;
	text-align:left;
}

nav.pageNav > ul > li{
	width:50%;
	display:inline-block;
	letter-spacing:normal;
}

nav.pageNav > ul > li.pageNavPrev{text-align:left;}
nav.pageNav > ul > li.pageNavNext{text-align:right;}

/* pankuzu */
.nav-breadcrumb-in{padding:10px;}




/* -----------------
/* table 2024.3.14add
   ----------------- */
.heroNmTable {
	width:100%;
	background-color:#fff;
}
.heroNmTable th{
	color:#000;
	font-weight:bold;
	background-color:rgba(221,221,221,1);
}
.heroNmTable td{
	color:#000;
	background-color:rgba(240,240,240,1);
}
.heroNmTable th,.heroNmTable td{border-bottom:1px solid #fff;}
/* -----------------
/* accordion 2024.3.14add
   ----------------- */

.accordionTab{
	position:relative;
	cursor:pointer;}

.accordionTabWrap .accordionShow{display:none;}
.accordionTabWrap.active .accordionShow{display:block;}
/* -----------------
/* yellow Tab accordion 2024.3.14add
   ----------------- */
   
.yellowAcTab {
	position: relative;
	width: 100%;
	color: #000;
	overflow: hidden;
	border-left: 15px #f7931e solid;
	background-color: #f7bc1e;
}

.yellowAcTabWrap .yellowAcTab:after,
.yellowAcTabWrap .yellowAcTab:before{
	position:absolute;
	content:"";
	border-top:3px solid #000;
}

.yellowAcTabWrap .yellowAcTab:before{
	transition: .5s all;
	transform: rotateZ(90deg);
}

.yellowAcTabWrap.active .yellowAcTab:before{
	transform: rotateZ(0deg);
}