@charset "utf-8";

/* =============================================
	style
============================================= */



.font_red{
	color: #e04536;
}
.font_yell{
	color: #e7b64a;
}
.font_blue_l{
 color: #cdeeff;
}
.font_blue{
	color: #60c0f0;
}
.font_blue02{
	color: #7fafd5;
}
.font_blue_d{
	color: #3778c7;
}
.font_green{
	color: #04b6c4;
}
.font_orange{
	color: #f0a830;
}
.font_pink{
	color: #e2697e;
}
.font_black{
	color: #333;
}
.font_gold{
	color: #e1b256;
}

.bg_yell{
	background-color: #e7b64a;
}
.bg_blue_l{
	background-color: #cdeeff;
}
.bg_blue{
	background-color: #60c0f0;
}
.bg_blue_d{
	background-color: #3778c7;
}
.bg_green{
	background-color: #04b6c4;
}
.bg_orange{
	background-color: #f0a830;
}
.bg_pink{
	background-color: #e2697e;
}
.bg_gold{
	background-color: #e1b256;
}

.rotate90{
	display: inline-block;
	transform: rotateZ(-90deg);
}

.under_yell{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#ffde00 0, #ffff00 30%, transparent 50%);
	font-weight: bold;
}

.under_yell2{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#fff100 0, #fff799 30%, transparent 50%);
	font-weight: bold;
}

.under_orange{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#f3cba4 0, #f3cba4 30%, transparent 50%);
	font-weight: bold;
}

.under_orange2{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#ffc417 0, #ffe973 30%, transparent 50%);
	font-weight: bold;
}

.under_green{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#b8ff8f 0, #e2ff5e 30%, transparent 50%);
	font-weight: bold;
}

.under_brown{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#cd8461 0, #ffcc95 20%, transparent 50%);
	font-weight: bold;
}

.under_brown2{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#d09d44 0, #ffe272 30%, transparent 50%);
	font-weight: bold;
}

.under_unber{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#c6b82e 0, #e1d760 20%, transparent 50%);
	font-weight: bold;
}

.under_unber2{
	padding: 0 0.15em;
	background-image: linear-gradient(to top,#e1d760 0, #e1d760 30%, transparent 50%);
	font-weight: bold;
}

.under_pink{
 background-image: url("../../img/under_pink.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 100% 8px;
 font-weight: bold;
}

.under_pink2{
 background-image: url("../../img/under_pink2.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 100% 8px;
 font-weight: bold;
}

.under_red{
 background-image: url("../../img/under_red.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 100% 8px;
 font-weight: bold;
}

.under_red2{
 background-image: url("../../img/under_red2.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 100% 8px;
 font-weight: bold;
}

.under_blue{
 background-image: url("../../img/under_blue.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 100% 8px;
 font-weight: bold;
}

.under_blue2{
 background-image: url("../../img/under_blue2.png");
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: 100% 8px;
 font-weight: bold;
}

.text_indent1,
.li_indent1 li{
	text-indent: -1em;
	padding-left: 1em;
}
.text_indent2,
.li_indent2 li{
	text-indent: -2em;
	padding-left: 2em;
}
.text_indent3,
.li_indent3 li{
	text-indent: -3em;
	padding-left: 3em;
}

.mgn_t05{
	margin-top: 0.5em;
}
.mgn_t1{
	margin-top: 1em;
}
.mgn_t2{
	margin-top: 2em;
}
.mgn_t3{
	margin-top: 3em;
}
.mgn_b05{
	margin-bottom: 0.5em;
}
.mgn_b1{
	margin-bottom: 1em;
}
.mgn_b2{
	margin-bottom: 2em;
}
.mgn_b3{
	margin-bottom: 3em;
}
.mgn_r1{
 margin-right: 1em;
}




/* ===========================================
	MediaQueries
=========================================== */

/* スマホ----------------------------- */
@media screen and (max-width: 767px){


}
/* PC----------------------------- */
@media screen and (min-width: 768px){
  
}



/* ===========================================
	印刷
=========================================== */
@media print {

}
