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

/*
【命名ルール】

・ID名、クラス名はキャメルケース(動詞＋名詞)でつける

・ID名をつける場合は以下で統一する
#header		ヘッダー領域
#footer		フッター領域
#contents	コンテンツ領域
#wrapper:	ラッパー用
#top:		ページ上部へ戻るボタン
#ad:		広告の領域
#mainPage:	ページごとのユニークID
#form:		フォーム要素につけるID

・JSのイベントのトリガーでのみ使用するID、クラス名は先頭にjs-をつける



*/


/******************************************************************************************

	<css/asset.css>

*******************************************************************************************/

/*==========================================================================================

	// 共通class

==========================================================================================*/

/* テキストの位置　横 */
.tLeft { text-align: left; }
.tCenter { text-align: center; }
.tRight { text-align: right; }

/* テキストの位置　縦 */
.vTop { vertical-align: top; }
.vMiddle { vertical-align: middle; }
.vBottom { vertical-align: bottom; }

/* フォントの大きさ */
.fs6 { font-size: 6px; font-size: 0.6rem; }
.fs7 { font-size: 7px; font-size: 0.7rem; }
.fs8 { font-size: 8px; font-size: 0.8rem; }
.fs9 { font-size: 9px; font-size: 0.9rem; }
.fs10 { font-size: 10px; font-size: 1.0rem; }
.fs11 { font-size: 11px; font-size: 1.1rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs13 { font-size: 13px; font-size: 1.3rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs15 { font-size: 15px; font-size: 1.5rem; }
.fs16 { font-size: 16px; font-size: 1.6rem; }
.fs17 { font-size: 17px; font-size: 1.7rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs19 { font-size: 19px; font-size: 1.9rem; }
.fs20 { font-size: 20px; font-size: 2.0rem; }
.fs21 { font-size: 21px; font-size: 2.1rem; }
.fs22 { font-size: 22px; font-size: 2.2rem; }
.fs23 { font-size: 23px; font-size: 2.3rem; }
.fs24 { font-size: 24px; font-size: 2.4rem; }
.fs25 { font-size: 25px; font-size: 2.5rem; }
.fs26 { font-size: 26px; font-size: 2.6rem; }
.fs27 { font-size: 27px; font-size: 2.7rem; }
.fs28 { font-size: 28px; font-size: 2.8rem; }
.fs29 { font-size: 29px; font-size: 2.9rem; }
.fs30 { font-size: 30px; font-size: 3.0rem; }
.fs32 { font-size: 32px; font-size: 3.2rem; }
.fs34 { font-size: 34px; font-size: 3.4rem; }
.fs36 { font-size: 36px; font-size: 3.6rem; }
.fs38 { font-size: 38px; font-size: 3.8rem; }
.fs40 { font-size: 40px; font-size: 4.0rem; }
.fs42 { font-size: 42px; font-size: 4.2rem; }
.fs44 { font-size: 44px; font-size: 4.4rem; }
.fs46 { font-size: 46px; font-size: 4.6rem; }
.fs48 { font-size: 48px; font-size: 4.8rem; }
.fs50 { font-size: 50px; font-size: 5.0rem; }
.fs60 { font-size: 60px; font-size: 6.0rem; }
.fs70 { font-size: 70px; font-size: 7.0rem; }
.fs80 { font-size: 80px; font-size: 8.0rem; }
.fs90 { font-size: 90px; font-size: 9.0rem; }

/* フォントの太さ */
.fwN { font-weight: normal; }
.fwB { font-weight: bold; }

/* display */
.dNone { display: none; }
.dBlock { display: block; }
.dInline { display: inline; }
.dInBlock { display: inline-block; }
.dInTbl { display: inline-table; }
.tbl { display: table; }
.tCell { display: table-cell; }
.tRow { display: table-row; }

/* float */
.fl { float: left; }
.fr { float: right; }
.fNone { float: none; }

/* margin */
.m0 { margin: 0px; }
.m4 { margin: 4px; }
.m5 { margin: 5px; }
.m8 { margin: 8px; }
.m10 { margin: 10px; }
.m12 { margin: 12px; }
.m15 { margin: 15px; }
.m16 { margin: 16px; }
.m20 { margin: 20px; }
.m24 { margin: 24px; }
.m28 { margin: 28px; }
.m30 { margin: 30px; }
.m32 { margin: 32px; }
.m36 { margin: 36px; }
.m40 { margin: 40px; }
.m50 { margin: 50px; }
.m60 { margin: 60px; }
.m70 { margin: 70px; }
.m80 { margin: 80px; }
.m90 { margin: 90px; }
.m100 { margin: 100px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt8 { margin-top: 8px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt20 { margin-top: 20px; }
.mt24 { margin-top: 24px; }
.mt28 { margin-top: 28px; }
.mt30 { margin-top: 30px; }
.mt32 { margin-top: 32px; }
.mt36 { margin-top: 36px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb8 { margin-bottom: 8px; }
.mb10 { margin-bottom: 10px; }
.mb12 { margin-bottom: 12px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb20 { margin-bottom: 20px; }
.mb24 { margin-bottom: 24px; }
.mb28 { margin-bottom: 28px; }
.mb30 { margin-bottom: 30px; }
.mb32 { margin-bottom: 32px; }
.mb36 { margin-bottom: 36px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml8 { margin-left: 8px; }
.ml10 { margin-left: 10px; }
.ml12 { margin-left: 12px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml20 { margin-left: 20px; }
.ml24 { margin-left: 24px; }
.ml28 { margin-left: 28px; }
.ml30 { margin-left: 30px; }
.ml32 { margin-left: 32px; }
.ml36 { margin-left: 36px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr8 { margin-right: 8px; }
.mr10 { margin-right: 10px; }
.mr12 { margin-right: 12px; }
.mr15 { margin-right: 15px; }
.mr16 { margin-right: 16px; }
.mr20 { margin-right: 20px; }
.mr24 { margin-right: 24px; }
.mr28 { margin-right: 28px; }
.mr30 { margin-right: 30px; }
.mr32 { margin-right: 32px; }
.mr36 { margin-right: 36px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }
.m0auto { margin: 0 auto; }
.m8auto { margin: 8px auto; }
.m10auto { margin: 10px auto; }
.m12auto { margin: 12px auto; }
.m16auto { margin: 16px auto; }
.m20auto { margin: 20px auto; }
.m24auto { margin: 24px auto; }
.m28auto { margin: 28px auto; }
.m30auto { margin: 30px auto; }
.m32auto { margin: 32px auto; }
.m36auto { margin: 36px auto; }
.m40auto { margin: 40px auto; }
.m50auto { margin: 50px auto; }
.mt8auto { margin: 8px auto 0 auto; }
.mt10auto { margin: 10px auto 0 auto; }
.mt12auto { margin: 12px auto 0 auto; }
.mt16auto { margin: 16px auto 0 auto; }
.mt20auto { margin: 20px auto 0 auto; }
.mt24auto { margin: 24px auto 0 auto; }
.mt28auto { margin: 28px auto 0 auto; }
.mt30auto { margin: 30px auto 0 auto; }
.mt32auto { margin: 32px auto 0 auto; }
.mt36auto { margin: 36px auto 0 auto; }
.mt40auto { margin: 40px auto 0 auto; }
.mt50auto { margin: 50px auto 0 auto; }
.mb8auto { margin: 0 auto 8px auto; }
.mb10auto { margin: 0 auto 10px auto; }
.mb12auto { margin: 0 auto 12px auto; }
.mb16auto { margin: 0 auto 16px auto; }
.mb20auto { margin: 0 auto 20px auto; }
.mb24auto { margin: 0 auto 24px auto; }
.mb28auto { margin: 0 auto 28px auto; }
.mb30auto { margin: 0 auto 30px auto; }
.mb32auto { margin: 0 auto 32px auto; }
.mb36auto { margin: 0 auto 36px auto; }
.mb40auto { margin: 0 auto 40px auto; }
.mb50auto { margin: 0 auto 50px auto; }
.mr0auto { margin: 0 0 0 auto; }
.mr8auto { margin: 8px 0 0 auto; }
.mr10auto { margin: 10px 0 0 auto; }
.mr12auto { margin: 12px 0 0 auto; }
.mr16auto { margin: 16px 0 0 auto; }
.mr20auto { margin: 20px 0 0 auto; }
.mr24auto { margin: 24px 0 0 auto; }
.mr28auto { margin: 28px 0 0 auto; }
.mr30auto { margin: 30px 0 0 auto; }
.mr32auto { margin: 32px 0 0 auto; }
.mr36auto { margin: 36px 0 0 auto; }
.mr40auto { margin: 40px 0 0 auto; }
.mr50auto { margin: 50px 0 0 auto; }
.ml0auto { margin: 0 auto 0 0; }
.ml8auto { margin: 8px auto 0 0; }
.ml10auto { margin: 10px auto 0 0; }
.ml12auto { margin: 12px auto 0 0; }
.ml16auto { margin: 16px auto 0 0; }
.ml20auto { margin: 20px auto 0 0; }
.ml24auto { margin: 24px auto 0 0; }
.ml28auto { margin: 28px auto 0 0; }
.ml30auto { margin: 30px auto 0 0; }
.ml32auto { margin: 32px auto 0 0; }
.ml36auto { margin: 36px auto 0 0; }
.ml40auto { margin: 40px auto 0 0; }
.ml50auto { margin: 50px auto 0 0; }

/* padding: */
.p0 { padding: 0px; }
.p4 { padding: 4px; }
.p5 { padding: 5px; }
.p8 { padding: 8px; }
.p10 { padding: 10px; }
.p12 { padding: 12px; }
.p15 { padding: 15px; }
.p16 { padding: 16px; }
.p20 { padding: 20px; }
.p24 { padding: 24px; }
.p28 { padding: 28px; }
.p30 { padding: 30px; }
.p32 { padding: 32px; }
.p36 { padding: 36px; }
.p40 { padding: 40px; }
.p50 { padding: 50px; }
.p60 { padding: 60px; }
.p70 { padding: 70px; }
.p80 { padding: 80px; }
.p90 { padding: 90px; }
.p100 { padding: 100px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt8 { padding-top: 8px; }
.pt10 { padding-top: 10px; }
.pt12 { padding-top: 12px; }
.pt15 { padding-top: 15px; }
.pt16 { padding-top: 16px; }
.pt20 { padding-top: 20px; }
.pt24 { padding-top: 24px; }
.pt28 { padding-top: 28px; }
.pt30 { padding-top: 30px; }
.pt32 { padding-top: 32px; }
.pt36 { padding-top: 36px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb8 { padding-bottom: 8px; }
.pb10 { padding-bottom: 10px; }
.pb12 { padding-bottom: 12px; }
.pb15 { padding-bottom: 15px; }
.pb16 { padding-bottom: 16px; }
.pb20 { padding-bottom: 20px; }
.pb24 { padding-bottom: 24px; }
.pb28 { padding-bottom: 28px; }
.pb30 { padding-bottom: 30px; }
.pb32 { padding-bottom: 32px; }
.pb36 { padding-bottom: 36px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl8 { padding-left: 8px; }
.pl10 { padding-left: 10px; }
.pl12 { padding-left: 12px; }
.pl15 { padding-left: 15px; }
.pl16 { padding-left: 16px; }
.pl20 { padding-left: 20px; }
.pl24 { padding-left: 24px; }
.pl28 { padding-left: 28px; }
.pl30 { padding-left: 30px; }
.pl32 { padding-left: 32px; }
.pl36 { padding-left: 36px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr8 { padding-right: 8px; }
.pr10 { padding-right:10px; }
.pr12 { padding-right:12px; }
.pr15 { padding-right: 15px; }
.pr16 { padding-right: 16px; }
.pr20 { padding-right: 20px; }
.pr24 { padding-right: 24px; }
.pr28 { padding-right: 28px; }
.pr30 { padding-right: 30px; }
.pr32 { padding-right: 32px; }
.pr36 { padding-right: 36px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }

/* width */
.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w360 { width: 360px; }
.w380 { width: 380px; }
.w400 { width: 400px; }
.w420 { width: 420px; }
.w440 { width: 440px; }
.w460 { width: 460px; }
.w480 { width: 480px; }
.w500 { width: 500px; }
.w600 { width: 600px; }
.w950 { width: 950px; }
.w5p { width: 5%; }
.w10p { width: 10%; }
.w15p { width: 15%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w33p { width: 33.33333333333333333333%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w45p { width: 45% !important; }
.w50p { width: 50%; }
.w55p { width: 55%; }
.w60p { width: 60%; }
.w65p { width: 65%; }
.w70p { width: 70%; }
.w75p { width: 75%; }
.w80p { width: 80%; }
.w85p { width: 85%; }
.w90p { width: 90%; }
.w95p { width: 95%; }
.w100p { width: 100%; }

/* max width */
.max50p { max-width: 50%; }
.max100p { max-width: 100%; }

/* height */
.h10 { height: 10px; }
.h20 { height: 20px; }
.h30 { height: 30px; }
.h40 { height: 40px; }
.h50 { height: 50px; }
.h60 { height: 60px; }
.h70 { height: 70px; }
.h80 { height: 80px; }
.h90 { height: 90px; }
.h100 { height: 100px; }
.h120 { height: 120px; }
.h140 { height: 140px; }
.h160 { height: 160px; }
.h180 { height: 180px; }
.h200 { height: 200px; }
.h220 { height: 220px; }
.h240 { height: 240px; }
.h260 { height: 260px; }
.h280 { height: 280px; }
.h300 { height: 300px; }
.h320 { height: 320px; }
.h340 { height: 340px; }
.h360 { height: 360px; }
.h380 { height: 380px; }
.h400 { height: 400px; }
.h420 { height: 420px; }
.h440 { height: 440px; }
.h460 { height: 460px; }
.h480 { height: 480px; }
.h500 { height: 500px; }
.h600 { height: 600px; }
.h1000 { height: 1000px; }
.h25p { height: 25%; }
.h50p { height: 50%; }
.h100p { height: 100%; }

/* border */
.bd { border: solid 1px; }
.bt { border-top: solid 1px; }
.bb { border-bottom: solid 1px; }
.br { border-right: solid 1px; }
.bl { border-left: solid 1px; }
.btNone { border-top: none; }
.bbNone { border-bottom: none; }
.brNone { border-right: none; }
.blNone { border-left: none; }

/* リンク */
.uLine { text-decoration: underline; }
.curP { cursor: pointer; }
.curD { cursor: default; }

/* リストマーク */
.disc { list-style-type: disc; }/*黒丸*/
.circle { list-style-type: circle; }/*白丸*/
.square { list-style-type: square; }/*四角*/
.decimal { list-style-type: decimal; }/*数字*/
.uAlpha { list-style-type: upper-alpha; }/*大文字アルファベット*/
.lAlpha { list-style-type: lower-alpha; }/*小文字アルファベット*/
.uRoman { list-style-type: upper-roman; }/*大文字ローマ数字*/
.lRoman { list-style-type: lower-roman; }/*小文字ローマ数字*/
.dLZero { list-style-type: decimal-leading-zero; }/*2桁の数字*/
.lGreek { list-style-type: lower-greek; }/*小文字ギリシャ文字*/
.cjkIdeographic { list-style-type: cjk-ideographic; }/*漢数字*/
.hiragana { list-style-type: hiragana; }/*ひらがな*/
.katakana { list-style-type: katakana; }/*カタカナ*/
.hiraIroha { list-style-type: hiragana-iroha; }/*いろは*/
.kataIroha { list-style-type: katakana-iroha; }/*イロハ*/


/* スクリーンリーダー用class */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}