@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
  Author : Hirohisa Yamada
  Date : 2018.10.09
  Copyright(C)HARD DISK. All rights reserved.
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 clearfix
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;overflow:hidden;font-size:0.1em;line-height:0;}

/* Win版IE7とMac版IE5対策 */
.clearfix{display:inline-block;}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{height:1px;}

.clearfix{display:block;}
/* End hide from IE-mac */

/*\*/
* html #container {height: 1em;overflow: visible;}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 layout
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

/* layout */
	.fl { float: left !important; }
	.fr { float: right !important; }
	.clearfix { clear: both !important; }
	.al { text-align: left !important; }
	.ar { text-align: right !important; }
	.ac { text-align: center !important; }
	.aj { text-align: justify !important; }
	.vat { vertical-align: top !important; }
	.vam { vertical-align: middle !important; }
	.vab { vertical-align: bottom !important; }
	.b { font-weight : bold !important; }
	.nomal { font-weight: 200 !important; }
	.listNone { list-style:none !important; }
	.listCircle { list-style-type: circle !important; }
	.listDisc { list-style-type: disc !important; }
	.listDecimal { list-style-type: decimal !important; }
	.disBlock { display:block !important; }
	.disTable { display:table !important; }
	.disTableCell { display:table-cell !important; }
	.disNone { display:none !important; }
	.ofh {overflow: hidden !important; }
	.positionR {position: relative !important; }
	.positionA {position: absolute !important; }

/* font */
	.f600 { font-size : 600% !important; }
	.f400 { font-size : 400% !important; }
	.f390 { font-size : 390% !important; }
	.f380 { font-size : 380% !important; }
	.f370 { font-size : 370% !important; }
	.f360 { font-size : 360% !important; }
	.f350 { font-size : 350% !important; }
	.f300 { font-size : 300% !important; }
	.f260 { font-size : 260% !important; }
	.f250 { font-size : 250% !important; }
	.f220 { font-size : 220% !important; }
	.f210 { font-size : 210% !important; }
	.f200 { font-size : 200% !important; }
	.f190 { font-size : 190% !important; }
	.f180 { font-size : 180% !important; }
	.f170 { font-size : 170% !important; }
	.f160 { font-size : 160% !important; }
	.f150 { font-size : 150% !important; }
	.f140 { font-size : 140% !important; }
	.f130 { font-size : 130% !important; }
	.f120 { font-size : 120% !important; }
	.f110 { font-size : 110% !important; }
	.f100 { font-size : 100% !important; }
	.f96 { font-size : 96% !important; }
	.f92 { font-size : 92% !important; }
	.f89 { font-size : 89% !important; }
	.f84 { font-size : 84% !important; }
	.f82 { font-size : 82% !important; }
	.f80 { font-size : 80% !important; }
	.f78 { font-size : 78% !important; }
	.f74 { font-size : 74% !important; }
	.f72 { font-size : 72% !important; }
	.f68 { font-size : 68% !important; }
	.f62 { font-size : 62% !important; }
	.f10 { font-size : 10% !important; }
	.lh07 {line-height : 70% !important; }
	.lh08 {line-height : 80% !important; }
	.lh09 {line-height : 90% !important; }
	.lh10 {line-height : 100% !important; }
	.lh12 {line-height : 120% !important; }
	.lh14 {line-height : 140% !important; }
	.lh16 {line-height : 160% !important; }
	.lh18 {line-height : 180% !important; }
	.lh20 {line-height : 200% !important; }
	.lh22 {line-height : 220% !important; }
	.lh24 {line-height : 240% !important; }
	.lh26 {line-height : 260% !important; }
	.lh28 {line-height : 280% !important; }
	.lh30 {line-height : 300% !important; }
	
	.mars5 {vertical-align: 5% !important; }
	.mars10 {vertical-align: 10% !important; }
	.mars5M {vertical-align: -5% !important; }
	.mars10M {vertical-align: -10% !important; }


/* color */
	.white {color : #ffffff !important; }
	.black {color : #000000 !important; }
	.gray {color : #b0b0b0 !important;}
	.red {color : #ff0004 !important; }
	.blue {color : #2098D1 !important; }
	.bgWhite {background-color : #fff !important; }
	.bgBlack {background-color : #000 !important; }
	.bgGray {background-color : #f5f5f5 !important; }
	.bgBlue {background-color : #bfe7f9 !important; }

/* width */
	.wid10P {width : 10% !important; height: auto !important; }
	.wid15P {width : 15% !important; height: auto !important; }
	.wid20P {width : 20% !important; height: auto !important; }
	.wid25P {width : 25% !important; height: auto !important; }
	.wid30P {width : 30% !important; height: auto !important; }
	.wid35P {width : 35% !important; height: auto !important; }
	.wid40P {width : 40% !important; height: auto !important; }
	.wid45P {width : 45% !important; height: auto !important; }
	.wid50P {width : 50% !important; height: auto !important; }
	.wid60P {width : 60% !important; height: auto !important; }
	.wid70P {width : 70% !important; height: auto !important; }
	.wid80P {width : 80% !important; height: auto !important; }
	.wid90P {width : 90% !important; height: auto !important; }
	.wid100P {width : 100% !important; height: auto !important; }
	.wid100 {width : 100px !important; height: auto !important; }
	.wid150 {width : 150px !important; height: auto !important; }
	
/* border */
	.bradius0 { border-radius: 0 !important !important; }
	.bt01 { border-top : 1px solid #a7a7a7 !important; }
	.br01 { border-right : 1px solid #a7a7a7 !important; }
	.bb01 { border-bottom : 1px solid #a7a7a7 !important; }
	.ba01 { border : 1px solid #a7a7a7 !important; }
	.bt01D { border-top : 1px dotted #a7a7a7 !important; }
	.bb01D { border-bottom : 1px dotted #a7a7a7 !important; }
	.bb01W { border-bottom : 1px solid #fff !important; }

	.mauto { margin-top: 0 auto !important; }
	.mt100M { margin-top: -100px !important; }
	.mt10M { margin-top: -10px !important; }
	.mt15M { margin-top: -15px !important; }
	.mt20M { margin-top: -20px !important; }
	.mt25M { margin-top: -25px !important; }
	.mt30M { margin-top: -30px !important; }
	.mt35M { margin-top: -35px !important; }
	.mt40M { margin-top: -40px !important; }
	.mt50M { margin-top: -50px !important; }
	.mt60M { margin-top: -60px !important; }
	.mt05M { margin-top: -5px !important; }
	.mt03M { margin-top: -3px !important; }
	.mb10M { margin-bottom: -10px !important; }
	.mb20M { margin-bottom: -20px !important; }
	.mb25M { margin-bottom: -25px !important; }
	.mb30M { margin-bottom: -30px !important; }
	.mb35M { margin-bottom: -35px !important; }
	.mb40M { margin-bottom: -40px !important; }
	.mb50M { margin-bottom: -50px !important; }
	.ml30M { margin-left: -30px !important; }
	.ml40M { margin-left: -40px !important; }
	.pl40M { padding-left: -40px !important; }

/* margin-top */
	.mt00 { margin-top: 0px !important; }
	.mt05 { margin-top: 5px !important; }
	.mt07 { margin-top: 7px !important; }
	.mt10 { margin-top: 10px !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; }
	.mt55 { margin-top: 55px !important; }
	.mt60 { margin-top: 60px !important; }
	.mt70 { margin-top: 70px !important; }
	.mt75 { margin-top: 75px !important; }
	.mt80 { margin-top: 80px !important; }
	.mt90 { margin-top: 90px !important; }
	.mt100 { margin-top: 100px !important; }
/* margin-right */
	.mr00 { margin-right: 0px !important; }
	.mr02 { margin-right: 2px !important; }
	.mr03 { margin-right: 3px !important; }
	.mr05 { margin-right: 5px !important; }
	.mr10 { margin-right: 10px !important; }
	.mr15 { margin-right: 15px !important; }
	.mr18 { margin-right: 18px !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; }
	.mr55 { margin-right: 55px !important; }
	.mr60 { margin-right: 60px !important; }
/* margin-bottom */
	.mb00 { margin-bottom: 0px !important; }
	.mb02 { margin-bottom: 2px !important; }
	.mb03 { margin-bottom: 3px !important; }
	.mb05 { margin-bottom: 5px !important; }
	.mb10 { margin-bottom: 10px !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; }
	.mb55 { margin-bottom: 55px !important; }
	.mb60 { margin-bottom: 60px !important; }
	.mb70 { margin-bottom: 70px !important; }
	.mb80 { margin-bottom: 80px !important; }
	.mb90 { margin-bottom: 90px !important; }
	.mb100 { margin-bottom: 100px !important; }
/* margin-left */
	.ml00 { margin-left: 0px !important; }
	.ml05 { margin-left: 5px !important; }
	.ml10 { margin-left: 10px !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; }
	.ml55 { margin-left: 55px !important; }
	.ml60 { margin-left: 60px !important; }
	.ml120 { margin-left: 120px !important; }

/* padding-all */
	.pa00 { padding: 0px !important; }
	.pa05 { padding: 5px !important; }
	.pa10 { padding: 10px !important; }
	.pa15 { padding: 15px !important; }
	.pa20 { padding: 20px !important; }
	.pa25 { padding: 25px !important; }
	.pa30 { padding: 30px !important; }
/* padding-top */
	.pt00 { padding-top: 0px !important; }
	.pt01 { padding-top: 1px !important; }
	.pt02 { padding-top: 2px !important; }
	.pt03 { padding-top: 3px !important; }
	.pt04 { padding-top: 4px !important; }
	.pt05 { padding-top: 5px !important; }
	.pt10 { padding-top: 10px !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; }
	.pt55 { padding-top: 55px !important; }
	.pt60 { padding-top: 60px !important; }
/* padding-right */
	.pr00 { padding-right: 0px !important; }
	.pr05 { padding-right: 5px !important; }
	.pr10 { padding-right: 10px !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; }
	.pr55 { padding-right: 55px !important; }
	.pr60 { padding-right: 60px !important; }
/* padding-bottom */
	.pb00 { padding-bottom: 0px !important; }
	.pb01 { padding-bottom: 1px !important; }
	.pb02 { padding-bottom: 2px !important; }
	.pb03 { padding-bottom: 3px !important; }
	.pb04 { padding-bottom: 4px !important; }
	.pb05 { padding-bottom: 5px !important; }
	.pb10 { padding-bottom: 10px !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; }
	.pb55 { padding-bottom: 55px !important; }
	.pb60 { padding-bottom: 60px !important; }
	.pb70 { padding-bottom: 70px !important; }
	.pb80 { padding-bottom: 80px !important; }
	.pb100 { padding-bottom: 100px !important; }
	.pb120 { padding-bottom: 120px !important; }
/* padding-left */
	.pl00 { padding-left: 0px !important; }
	.pl05 { padding-left: 5px !important; }
	.pl10 { padding-left: 10px !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; }
	.pl55 { padding-left: 55px !important; }
	.pl60 { padding-left: 60px !important; }

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 角丸
　━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
.br03 {border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px !important; }
.br05 {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px !important; }
.br10 {border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px !important; }