@charset 'UTF-8';

/*==========================
::ver 0.1

　　** TOC **
　　00. reset
　　01. helper class
　　02. Type Set
	

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

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

   00:reset;

   ========================================================================== */
* {
	margin: 0;
	padding: 0;
}
a,a:hover{
	border:0 none;
	outline: none;
}

header,main,footer{
	display: block;
	clear: both;
}
code{
	background-color: #efefef;
	padding: 15px;
	display: block;
	clear: both;
}

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

   01:helper class;

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

/* floating */
.f-left,.left{float:left;}
.f-right,.right{float:right;}
.c-left{clear:left;}
.c-right{clear:right;}
.c-both,.clear{clear:both;}

/* align */
.t-center,.text-center{
	text-align: center;
}
.t-left,.text-left{
	text-align: left;
}
.t-right,.text-right{
	text-align: right;
}
.v-top{
	vertical-align: top;
}
.v-middle{
	vertical-align: middle;
}
.v-bottom{
	vertical-align: bottom;
}

/* display */
.d-blo{
	display: block;
}
.d-inblo{
	display: inline-block;
}
.d-in{
	display: inline;
}
.d-ta{
	display: table;
}
.d-no{
	display: none;
}

/* display:table; */
.d-ta-cell{
	display: table;
	width: 100%;
}
.d-ta-cell > *{
	display: table-cell;
}
.d-ta-cell.v-middle > *{
	vertical-align: middle;
}

/* margin */
.m0{margin: 0;}
.m0A{margin: 0 auto;}

.mT0{margin-top: 0;}
.mT5{margin-top: 5px;}
.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;}
.mT65{margin-top: 65px;}
.mT70{margin-top: 70px;}
.mT75{margin-top: 75px;}
.mT80{margin-top: 80px;}
.mT85{margin-top: 85px;}
.mT90{margin-top: 90px;}
.mT95{margin-top: 95px;}
.mT100{margin-top: 100px;}
.mB0{margin-bottom: 0;}
.mB5{margin-bottom: 5px;}
.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;}
.mB65{margin-bottom: 65px;}
.mB70{margin-bottom: 70px;}
.mB75{margin-bottom: 75px;}
.mB80{margin-bottom: 80px;}
.mB85{margin-bottom: 85px;}
.mB90{margin-bottom: 90px;}
.mB95{margin-bottom: 95px;}
.mB100{margin-bottom: 100px;}
.mR0{margin-right: 0;}
.mR5{margin-right: 5px;}
.mR10{margin-right: 10px;}
.mR15{margin-right: 15px;}
.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;}
.mR65{margin-right: 65px;}
.mR70{margin-right: 70px;}
.mR75{margin-right: 75px;}
.mR80{margin-right: 80px;}
.mR85{margin-right: 85px;}
.mR90{margin-right: 90px;}
.mR95{margin-right: 95px;}
.mR100{margin-right: 100px;}
.mL0{margin-left: 0;}
.mL5{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;}
.mL65{margin-left: 65px;}
.mL70{margin-left: 70px;}
.mL75{margin-left: 75px;}
.mL80{margin-left: 80px;}
.mL85{margin-left: 85px;}
.mL90{margin-left: 90px;}
.mL95{margin-left: 95px;}
.mL100{margin-left: 100px;}

.pT0{padding-top: 0;}
.pT5{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;}
.pT65{padding-top: 65px;}
.pT70{padding-top: 70px;}
.pT75{padding-top: 75px;}
.pT80{padding-top: 80px;}
.pT85{padding-top: 85px;}
.pT90{padding-top: 90px;}
.pT95{padding-top: 95px;}
.pT100{padding-top: 100px;}
.pB0{padding-bottom: 0;}
.pB5{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;}
.pB65{padding-bottom: 65px;}
.pB70{padding-bottom: 70px;}
.pB75{padding-bottom: 75px;}
.pB80{padding-bottom: 80px;}
.pB85{padding-bottom: 85px;}
.pB90{padding-bottom: 90px;}
.pB95{padding-bottom: 95px;}
.pB100{padding-bottom: 100px;}
.pR0{padding-right: 0;}
.pR5{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;}
.pR65{padding-right: 65px;}
.pR70{padding-right: 70px;}
.pR75{padding-right: 75px;}
.pR80{padding-right: 80px;}
.pR85{padding-right: 85px;}
.pR90{padding-right: 90px;}
.pR95{padding-right: 95px;}
.pR100{padding-right: 100px;}
.pL0{padding-left: 0;}
.pL5{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;}
.pL65{padding-left: 65px;}
.pL70{padding-left: 70px;}
.pL75{padding-left: 75px;}
.pL80{padding-left: 80px;}
.pL85{padding-left: 85px;}
.pL90{padding-left: 90px;}
.pL95{padding-left: 95px;}
.pL100{padding-left: 100px;}

/* type */

.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.bold{
	font-weight: bold;
}
.t-u{
	text-decoration: underline;
}
.t-l{
	text-decoration: line-through;
}
.nowrap{white-space:nowrap;}

/* width */

.wA{width: auto;}
.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}
.w90{width: 90%;}
.w100{width: 100%;}

/* height */

.hA{height: auto;}
.h10{height: 10%;}
.h20{height: 20%;}
.h30{height: 30%;}
.h40{height: 40%;}
.h50{height: 50%;}
.h60{height: 60%;}
.h70{height: 70%;}
.h80{height: 80%;}
.h90{height: 90%;}
.h100{height: 100%;}

/* scroll */
.scroll{overflow-x:scroll;overflow-y:scroll;}
.scrollX{overflow-x:scroll;}
.scrollY{overflow-y:scroll;}

/* opacity */
.opa80{opacity: 1;}
.opa80:hover{opacity: 0.8}
.opa70{opacity: 1;}
.opa70:hover{opacity: 0.7}
.opa60{opacity: 1;}
.opa60:hover{opacity: 0.6}
.opa50{opacity: 1;}
.opa50:hover{opacity: 0.5}

/* animation */

.ani{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

/* image */
img.fig{
	width: 100%;
}

/* Bootstrap gutter */

.row-0{
margin-left:0px;
margin-right:0px;
}
.row-0 > div{
padding-right:0px;
padding-left:0px;
}
.row-10{
margin-left:-5px;
margin-right:-5px;
}
.row-10 > div{
padding-right:5px;
padding-left:5px;
}
.row-20{
margin-left:-10px;
margin-right:-10px;
}
.row-20 > div{
padding-right:10px;
padding-left:10px;
}
.row-30{
margin-left:-15px;
margin-right:-15px;
}
.row-30 > div{
padding-right:15px;
padding-left:15px;
}
.row-40{
margin-left:-20px;
margin-right:-20px;
}
.row-40 > div{
padding-right:20px;
padding-left:20px;
}
.row-50{
margin-left:-25px;
margin-right:-25px;
}
.row-50 > div{
padding-right:25px;
padding-left:25px;
}
.row-60{
margin-left:-30px;
margin-right:-30px;
}
.row-60 > div{
padding-right:30px;
padding-left:30px;
}

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

   02:type set;

   ========================================================================== */
@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}
body{
	font-family: "游ゴシック体", YuGothic, "YuGothic M", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	line-height: 1.8;
}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{}
h1.ttl{}
h2.ttl{}
h3.ttl{}
h4.ttl{}
h5.ttl{}
h6.ttl{}
p.ttl{}
small{}