/* CSS Document */
/* GUT GlobalSetting ver.3.0.0 */

@charset "UTF-8";

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { width: 100%; overflow: scroll; font-size: 10px; }

/*------------------------------------------------------
	Layout
------------------------------------------------------*/

.clear { clear: both; }
.floatL { float: left; }
.floatR { float: right; }

.mrgT5 { margin-top: 5px !important; }
.mrgT10 { margin-top: 10px !important; }
.mrgT15 { margin-top: 15px !important; }
.mrgT20 { margin-top: 20px !important; }
.mrgT25 { margin-top: 25px !important; }
.mrgT30 { margin-top: 30px !important; }
.mrgT40 { margin-top: 40px !important; }
.mrgT50 { margin-top: 50px !important; }
.mrgT60 { margin-top: 60px !important; }
.mrgT70 { margin-top: 70px !important; }
.mrgT80 { margin-top: 80px !important; }
.mrgT90 { margin-top: 90px !important; }
.mrgT100 { margin-top: 100px !important; }

.mrgB5 { margin-bottom: 5px !important;}
.mrgB10 { margin-bottom: 10px !important; }
.mrgB15 { margin-bottom: 15px !important; }
.mrgB20 { margin-bottom: 20px !important; }
.mrgB25 { margin-bottom: 25px !important; }
.mrgB30 { margin-bottom: 30px !important; }
.mrgB40 { margin-bottom: 40px !important; }
.mrgB50 { margin-bottom: 50px !important; }
.mrgB60 { margin-bottom: 60px !important; }
.mrgB70 { margin-bottom: 70px !important; }
.mrgB80 { margin-bottom: 80px !important; }
.mrgB90 { margin-bottom: 90px !important; }
.mrgB100 { margin-bottom: 100px !important; }

.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }

/*------------------------------------------------------
	Device
------------------------------------------------------*/

.pc { display: block; }
.tab { display: none; }
.sp { display: none; }

@media (max-width: 768px) {
	.pc { display: none; }
	.tab { display: block; }
}

@media (max-width: 480px) {
	.sp { display: block; }
}

/*------------------------------------------------------
	Font
------------------------------------------------------*/

.font10 { font-size: 1rem !important; }
.font12 { font-size: 1.2rem !important; }
.font14 { font-size: 1.4rem !important; }
.font16 { font-size: 1.6rem !important; }
.font18 { font-size: 1.8rem !important; }
.font20 { font-size: 2.0rem !important; }
.font22 { font-size: 2.2rem !important; }
.font24 { font-size: 2.4rem !important; }

/*------------------------------------------------------
	Link
------------------------------------------------------*/
a:link { color: #12C; text-decoration: underline; }
a:visited { color: #61C; }

/*------------------------------------------------------
	Clearfix
------------------------------------------------------*/

.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}