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


/*-----font-family-----*/
html{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.min{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* -----テキスト----- */
.fwb{font-weight: bold;}
.fwn{font-weight: normal;}
.txtIn{padding-left: 1em;text-indent: -1em;}
.dip_inl{display: inline;}
.dip_inb{display: inline-block;}

/*pc */
@media print, screen and (min-width: 768px){
.txtL,.txtLPc{text-align: left;}
.txtC,.txtCPc{text-align: center;}
.txtR,.txtRPc{text-align: right;}

.fsXL,.fsXLPc {font-size: 24px; line-height: 1.4em;}
.fsL,.fsLPc {font-size: 18px;}
.fsM,.fsMPc {font-size: 15px;}
.fsS,.fsSPc {font-size: 13px;}
.fsXS,.fsXSPc {font-size: 11px;}

.vaM,.vaMPc{vertical-align: middle;}

.lh14,.lh14Pc{line-height: 1.4em;}
.lh2,.lh2Pc{line-height: 2em;}
}
/*sp*/
@media only screen and (max-width: 767px){
.txtL,.txtLSp{text-align: left;}
.txtC,.txtCSp{text-align: center;}
.txtR,.txtRSp{text-align: right;}

.fsXL,.fsXLSp {font-size: 20px; line-height: 1.4em;}
.fsL,.fsLSp {font-size: 17px; line-height: 1.4em;}
.fsM,.fsMSp {font-size: 15px;}
.fsS,.fsSSp {font-size: 13px;}
.fsXS,.fsXSSp {font-size: 12px;}

.vaM,.vaMSp{vertical-align: middle;}

.lh14,.lh14Sp{line-height: 1.4em;}
.lh2,.lh2Sp{line-height: 2em;}
}



/* -----画像----- */
/*pc */
@media print, screen and (min-width: 768px){
img {display: block; }
.autoImg{width: 100%;height: auto;}
.autoImg.fullPc {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgPc {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdPc {width: 50%;margin: 0 auto;display: block;}
.autoImg.smPc {width: 30%;margin: 0 auto;display: block;}
}
/*sp*/
@media only screen and (max-width: 767px){
img {width: 100%;height: auto; display: block;}
.autoImgSp {width: 100%;height: auto;}
.autoImg.fullSp {width: auto;max-width: 100%;height: auto;display: table;margin: 0 auto;}
.autoImg.lgSp {width: 80%;margin: 0 auto;display: block;}
.autoImg.mdSp , .autoImgSp.mdSp {width: 50%;margin: 0 auto;display: block;}
.autoImg.smSp {width: 30%;margin: 0 auto;display: block;}
}


/* -----幅----- */
/* PC */
@media print, screen and (min-width:768px){
.w1040Pc{width: 1040px;margin: 0 auto;}
}
 /* SP */
@media screen and (max-width:767px){
.w90Sp{width: 90%;margin: 0 auto;}
}



/* -----margin / padding----- */
/*pc*/
@media print, only screen and (min-width: 768px){
.m0{margin: 0px !important;}
.mtXS,.mtXSPc {margin-top: 5px !important;}
.mtS,.mtSPc {margin-top: 10px !important;}
.mtM,.mtMPc {margin-top: 20px !important;}
.mtL,.mtLPc {margin-top: 40px !important;}
.mtXL,.mtXLPc {margin-top: 80px !important;}
.mtXXL,.mtXXLPc {margin-top: 120px !important;;}
.mbS,.mbSPc {margin-bottom: 10px !important;}
.ptbNone,.ptbNonePc {padding: 0 !important;}

.ptbS,.ptbSPc {padding: 10px 0 !important;}
.ptbM,.ptbMPc {padding: 20px 0 !important;}
.ptbL,.ptbLPc{padding: 40px 0 !important;}
.ptbXL,.ptbXLPc {padding: 60px 0 !important;}

.pS,.pSPc {padding: 10px!important;}

.ptS,.ptSPc{padding-top: 10px!important;}
.ptM,.ptMPc{padding-top: 20px!important;}
.pbLPc{padding-bottom: 40px!important;}
.ptXL,.ptXLPc{padding-top: 60px!important;}
.pbXL,.pbXLPc{padding-bottom: 60px!important;}

.mmt10Pc{margin-top: -10px;}
.mr20 , .mr20Pc{margin-right: 20px;}
.mr40Pc{margin-right: 40px;}
.mr50Pc{margin-right: 50px;}
.mr60Pc{margin-right: 60px;}
.mr70Pc{margin-right: 70px;}
.mr80Pc{margin-right: 80px;}
}
/*sp*/
@media only screen and (max-width: 767px){
.mtXS,.mtXSSp {margin-top: 5px !important;}
.mtS,.mtSSp {margin-top: 10px !important;}
.mtM,.mtMSp {margin-top: 15px !important;}
.mtL,.mtLSp {margin-top: 20px !important;}
.mtXL,.mtXLSp {margin-top: 40px !important;}
.mtXXL,.mtXXLSp {margin-top: 60px !important;}
.mbS,.mbSSp {margin-bottom: 10px !important;}
.ptbNone,.ptbNoneSp {padding: 0 !important;}
.ptbS,.ptbSSp {padding: 10px 0 !important;}
.ptbM,.ptbMSp {padding: 15px 0 !important;}
.ptbL,.ptbLSp {padding: 30px 0 !important;}
.ptbXL,.ptbXLSp {padding: 40px 0 !important;}

.pS,.pSSp {padding: 10px!important;}

.ptM,.ptSp{padding-top: 20px!important;}
.ptXL,.ptXLSp {padding-top: 40px!important;}
.pbXL,.pbXLSp {padding-bottom: 40px!important;}

.mr20 , .mr20Sp{margin-right: 20px;}

}


/* -----横並びボックスサイズ----- */
.fL{float:left;}
.fR{float:right;}
.flex{display: -webkit-flex; display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
}
/*pc*/
@media print, only screen and (min-width: 768px){
.fLPc{float:left;}
.fRPc{float:right;}
.flexPc{display: -webkit-flex; display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
}
}
/*sp*/
@media only screen and (max-width: 767px){
.fLSp{float:left;}
.fRSp{float:right;}
.flexSp{display: -webkit-flex; display: flex;
-webkit-flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
}	
.flex1of2,.flex1of2Sp{width: 48%;}
}


/* -----テキストリンク----- */
a.underLine{text-decoration: underline;}
a.underLineH:hover{text-decoration: underline;}


/* -----テキストカラー----- */
.colorWhite{color: #fff;}
.colorBlack{color: #000;}
.colorRed{color: #F00;}

/* ----- 線 ------*/
.bdnone{border: none !important;}

/* -----ブロック要素----- */
.db{display: block;}
.dinb{display: inline-block;}

/* pc */
@media print, screen and (min-width: 768px){
.dinbPc{display: inline-block;}
}

.hidden{visibility:hidden}
.cf:after {
content:"";
display:block;
clear:both;
height: 0px;
}
.clr{clear:both;}
/* sp */
@media only screen and (max-width: 767px){
.cfSp:after {
content:"";
display:block;
clear:both;
height: 0px;
}		
}



/* pc */
@media print, screen and (min-width: 768px){
.sp{display: none !important;}
}
/* sp */
@media only screen and (max-width: 767px){
.pc{display: none !important;}
}
/* printのみ表示 */
@media screen and (min-width: 768px){
.sp2 {display: none !important;}
}