/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');

*{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: 'Roboto', sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 1.8em;
}

section{margin-bottom: 0; padding: 0;/*100px;*/}

img{ border-width : 0px 0px 0px 0px; vertical-align:top; }

li{ line-height:1em; }
ol li{ list-style:decimal; }
  
a:link{ text-decoration: underline; /*color: #333333;*/}
a:visited{ text-decoration:underline; /*color: #333333;*/}
a:hover{ text-decoration: underline; /*color: #E65F00;*/}
a:active{ text-decoration : none; }

img{width: auto;}
a img{transition: .3s;}
a:hover img{transition: .3s;}

.red{color: #ea0000;}
.gray{color: #ccc;}
.yellow{}
.myellow{background: linear-gradient(#ffed4d 20%, #ffed4d 70%);}
.fwb{font-weight: bold!important;}

/* float */
.f_r { float: right; } 
.f_l { float: left; }
.c_b { clear: both; }

/* margin */
.m_10 { margin:10px; }
.m_t_5 { margin-top:5px; }
.m_t_10 { margin-top:10px; }
.m_t_15 { margin-top:15px; }
.m_t_20 { margin-top:20px; }
.m_t_30 { margin-top:30px; }
.m_t_0 { margin-top:0px!important; }

.m_r_5 { margin-right:5px; }
.m_r_10 { margin-right:10px; }
.m_r_15 { margin-right:15px; }
.m_r_20 { margin-right:20px; }
.m_r_30 { margin-right:30px; }
.m_r_40 { margin-right:40px; }
.m_r_50 { margin-right:50px; }
.m_r_60 { margin-right:60px; }

.m_b_5 { margin-bottom:5px; }
.m_b_10 { margin-bottom:10px; }
.m_b_15 { margin-bottom:15px; }
.m_b_20 { margin-bottom:20px; }
.m_b_30 { margin-bottom:30px; }
.m_b_40 { margin-bottom:40px; }
.m_b_50 { margin-bottom:50px; }
.m_b_60 { margin-bottom:60px; }
.m_b_0 { margin-bottom:0px!important; }

.m_l_5 { margin-left:10px;}
.m_l_10 { margin-left:10px;}
.m_l_15 { margin-left:15px;}
.m_l_20 { margin-left:20px;}
.m_l_30 { margin-left:30px;}

.m_tr_10 {
	margin-top: 10px;
	margin-right: 10px;
}
.m_tr_20 {
	margin-top: 20px;
	margin-right: 20px;
}
.m_tb_10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.m_tb_20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.m_tl_10 {
	margin-top: 10px;
	margin-left: 10px;
}
.m_tl_20 {
	margin-top: 20px;
	margin-left: 20px;
}
.m_rb_10 {
	margin-right: 10px;
	margin-bottom: 10px;
}
.m_rb_20 {
	margin-right: 20px;
	margin-bottom: 20px;
}
.m_rl_10 {
	margin-right: 10px;
	margin-left: 10px;
}

.m_rl_20 {
	margin-right: 20px;
	margin-left: 20px;
}
.m_bl_10 {
	margin-bottom: 10px;
	margin-left: 10px;
}
.m_bl_20 {
	margin-bottom: 20px;
	margin-left: 20px;
}
.m_trb_10 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.m_trb_10 {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.m_trb_20 {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.m_tbl_10 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.m_tbl_20 {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

/* padding */
.p_10{ padding:10px; }
.p_15{ padding:15px; }
.p_20{ padding:20px; }
.p_25{ padding:25px; }
.p_30{ padding:30px; }
.p_t_10{ padding-top:10px; }
.p_r_10{ padding-right:10px; }
.p_b_10{ padding-bottom:10px; }
.p_l_10{ padding-left:10px; }
.p_b_0{ padding-bottom: 0px !important;	}
.p_t_0{ padding-top: 0px !important; }

/* vertical-align */
.v_t{ vertical-align:top; }
.v_b{ vertical-align:bottom; }
.v_m{ vertical-align:middle; }

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

strong { color: inherit; font-size: inherit; }
span { color: inherit; }