@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;}

/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/**/
* html #container {height: 1em;overflow: visible;}

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

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

	.br::before {
		content: "\A" ;
		white-space: pre ;
	}

/* font */
	.f500 { font-size : 500%; }
	.f400 { font-size : 400%; }
	.f350 { font-size : 350%; }
	.f300 { font-size : 300%; }
	.f260 { font-size : 260%; }
	.f250 { font-size : 250%; }
	.f220 { font-size : 220%; }
	.f200 { font-size : 200%; }
	.f190 { font-size : 190%; }
	.f180 { font-size : 180%; }
	.f170 { font-size : 170%; }
	.f160 { font-size : 160%; }
	.f150 { font-size : 150%; }
	.f140 { font-size : 140%; }
	.f130 { font-size : 130%; }
	.f120 { font-size : 120%; }
	.f110 { font-size : 110%; }
	.f100 { font-size : 100%; }
	.f96 { font-size : 96%; }
	.f92 { font-size : 92%; }
	.f89 { font-size : 89%; }
	.f84 { font-size : 84%; }
	.f82 { font-size : 82%; }
	.f80 { font-size : 80%; }
	.f78 { font-size : 78%; }
	.f74 { font-size : 74%; }
	.f72 { font-size : 72%; }
	.f68 { font-size : 68%; }
	.f62 { font-size : 62%; }
	.f10 { font-size : 10%; }
	.f08em { font-size : 0.8em; }
	.fw100 {font-weight: 100;}
	.fw200 {font-weight: 200;}
	.fw300 {font-weight: 300;}
	.fw400 {font-weight: 400;}
	.fw500 {font-weight: 500;}
	.fw600 {font-weight: 600;}
	.fw700 {font-weight: 700;}
	.fw800 {font-weight: 800;}
	.fw900 {font-weight: 900 !important;}
	.lh07 {line-height : 70%;}
	.lh08 {line-height : 80%;}
	.lh09 {line-height : 90%;}
	.lh10 {line-height : 100%;}
	.lh12 {line-height : 120%;}
	.lh14 {line-height : 140%;}
	.lh16 {line-height : 160%;}
	.lh18 {line-height : 180%;}
	.lh20 {line-height : 200%;}
	.lh22 {line-height : 220%;}
	.lh24 {line-height : 240%;}
	.lh26 {line-height : 260%;}
	.lh28 {line-height : 280%;}
	.lh30 {line-height : 300%;}
	
	.mars5 {vertical-align: 5%;}
	.mars10 {vertical-align: 10%;}
	.mars5M {vertical-align: -5%;}
	.mars10M {vertical-align: -10%;}


/* color */
	.white {color : #ffffff;}
	.black {color : #000000;}
	.grey {color : #b0b0b0;}
	.red {color : #f60000;}
	.darkRed {color : #633142;}
	.blue {color : #00426D;}
	.green {color : #009944;}
	.orenge {color : #ff4500;}
	.yellow {color : #cfb55a;}
	.redText {color : #cd5218;}
	.bgWhite {background-color : #fff;}
	.bgBlack {background-color : #000;}
	.bgGray {background-color : #f8f8f8;}
	.bgOrange {background-color : #ff4500 !important;}

/* width */
	.wid10P {width : 10%; height: auto;}
	.wid15P {width : 15%; height: auto;}
	.wid20P {width : 20%; height: auto;}
	.wid25P {width : 25%; height: auto;}
	.wid30P {width : 30%; height: auto;}
	.wid35P {width : 35%; height: auto;}
	.wid40P {width : 40%; height: auto;}
	.wid45P {width : 45%; height: auto;}
	.wid50P {width : 50%; height: auto;}
	.wid60P {width : 60%; height: auto;}
	.wid70P {width : 70%; height: auto;}
	.wid80P {width : 80%; height: auto;}
	.wid90P {width : 90%; height: auto;}
	.wid100P {width : 100%; height: auto;}
	.wid110P {width : 110%; height: auto;}
	.hei100 {height: 0px !important;}
	.hei100P {height: 100%;}
	
/* border */
	.bt01 { border-top : 1px solid #ddd; }
	.br01 { border-right : 1px solid #ddd; }
	.bb01 { border-bottom : 1px solid #ddd; }
	.ba01 { border : 1px solid #ddd; }
	.ba20 { border : 20px solid #ddd; }
	.bt01D { border-top : 1px dotted #bfbfbf; }
	.bb01D { border-bottom : 1px dotted #bfbfbf; }

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

@media screen and (max-width: 540px) {
	.mt50MR { margin-top: -30px; }
	}
@media screen and (min-width: 720px) {
	.mt50MR { margin-top: -50px; }
	}
@media screen and (min-width: 960px) {
	.mt50MR { margin-top: -100px; }
	}


/* margin-top */
	.mt00 { margin-top: 0px; }
	.mt05 { margin-top: 5px; }
	.mt08 { margin-top: 8px; }
	.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; }
	.mt70 { margin-top: 70px; }
	.mt75 { margin-top: 75px; }
	.mt80 { margin-top: 80px; }
	.mt90 { margin-top: 90px; }
	.mt100 { margin-top: 100px; }
	.mt180 { margin-top: 180px; }
/* margin-right */
	.mr00 { margin-right: 0px; }
	.mr02 { margin-right: 2px; }
	.mr03 { margin-right: 3px; }
	.mr05 { margin-right: 5px; }
	.mr10 { margin-right: 10px; }
	.mr15 { margin-right: 15px; }
	.mr18 { margin-right: 18px; }
	.mr20 { margin-right: 20px; }
	.mr25 { margin-right: 25px; }
	.mr30 { margin-right: 30px; }
	.mr35 { margin-right: 35px; }
	.mr40 { margin-right: 40px; }
	.mr45 { margin-right: 45px; }
	.mr50 { margin-right: 50px; }
	.mr55 { margin-right: 55px; }
	.mr60 { margin-right: 60px; }
/* margin-bottom */
	.mb00 { margin-bottom: 0px !important; }
	.mb02 { margin-bottom: 2px; }
	.mb03 { margin-bottom: 3px; }
	.mb05 { margin-bottom: 5px; }
	.mb07 { margin-bottom: 7px; }
	.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; }
	.mb70 { margin-bottom: 70px; }
	.mb80 { margin-bottom: 80px; }
	.mb90 { margin-bottom: 90px; }
	.mb100 { margin-bottom: 100px; }
/* margin-left */
	.ml00 { margin-left: 0px; }
	.ml05 { margin-left: 5px; }
	.ml10 { margin-left: 10px; }
	.ml15 { margin-left: 15px; }
	.ml20 { margin-left: 20px; }
	.ml25 { margin-left: 25px; }
	.ml30 { margin-left: 30px; }
	.ml35 { margin-left: 35px; }
	.ml40 { margin-left: 40px; }
	.ml45 { margin-left: 45px; }
	.ml50 { margin-left: 50px; }
	.ml55 { margin-left: 55px; }
	.ml60 { margin-left: 60px; }
	.ml120 { margin-left: 120px; }

/* padding-all */
	.pa00 { padding: 0px !important; }
	.pa05 { padding: 5px; }
	.pa10 { padding: 10px; }
	.pa15 { padding: 15px; }
	.pa20 { padding: 20px; }
	.pa25 { padding: 25px; }
	.pa30 { padding: 30px; }
/* padding-top */
	.pt03M  { padding-top: -1px; }
	.pt00 { padding-top: 0px; }
	.pt01 { padding-top: 1px; }
	.pt02 { padding-top: 2px; }
	.pt03 { padding-top: 3px; }
	.pt04 { padding-top: 4px; }
	.pt05 { 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; }
/* padding-right */
	.pr00 { padding-right: 0px; }
	.pr05 { padding-right: 5px; }
	.pr10 { padding-right: 10px; }
	.pr15 { padding-right: 15px; }
	.pr20 { padding-right: 20px; }
	.pr25 { padding-right: 25px; }
	.pr30 { padding-right: 30px; }
	.pr35 { padding-right: 35px; }
	.pr40 { padding-right: 40px; }
	.pr45 { padding-right: 45px; }
	.pr50 { padding-right: 50px; }
	.pr55 { padding-right: 55px; }
	.pr60 { padding-right: 60px; }
/* padding-bottom */
	.pb00 { padding-bottom: 0px; }
	.pb01 { padding-bottom: 1px; }
	.pb02 { padding-bottom: 2px; }
	.pb03 { padding-bottom: 3px; }
	.pb04 { padding-bottom: 4px; }
	.pb05 { 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; }
	.pb70 { padding-bottom: 70px; }
	.pb80 { padding-bottom: 80px; }
	.pb100 { padding-bottom: 100px; }
	.pb120 { padding-bottom: 120px; }
/* padding-left */
	.pl00 { padding-left: 0px; }
	.pl05 { padding-left: 5px; }
	.pl10 { padding-left: 10px; }
	.pl15 { padding-left: 15px; }
	.pl20 { padding-left: 20px; }
	.pl25 { padding-left: 25px; }
	.pl30 { padding-left: 30px; }
	.pl35 { padding-left: 35px; }
	.pl40 { padding-left: 40px; }
	.pl45 { padding-left: 45px; }
	.pl50 { padding-left: 50px; }
	.pl55 { padding-left: 55px; }
	.pl60 { padding-left: 60px; }

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

.ts03 {text-shadow: 0px 0px 3px #000000;}
.ts10 {text-shadow:0px 0px 10px #000000;}