/*
Basic CSS Document
*/

input, textarea, {
 margin: 0;
 padding: 0;
}
ol, ul {
	margin:0;
	padding:0;
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus {
	outline: none;
}
/*  transition  */

*:hover {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
/*  all-hover  */

a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}
/*  inline_block  */

.inline_block {
	display: inline-block
}
/*  all-more  */

.more {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -62px;
}
.more_right {
	float: right;
}

@media only screen and (max-width: 767px) {
.more {
	display: block;
	float: right;
	position: relative;
	left: inherit;
	margin: 0 auto;
}
.more a {
	border: none !important;
	display: block;
}
}
/*  font-size  */
.fs7 {
	font-size: 7px;
}
.fs8 {
	font-size: 8px;
}
.fs9 {
	font-size: 9px;
}
.fs10 {
	font-size: 10px;
}
.fs11 {
	font-size: 11px;
}
.fs12 {
	font-size: 12px;
}
.fs14 {
	font-size: 14px;
}
.fs15 {
	font-size: 15px;
}
.fs16 {
	font-size: 16px;
}
.fs18 {
	font-size: 18px;
}
.fs20 {
	font-size: 20px;
}
.fs22 {
	font-size: 22px;
}
.fs24 {
	font-size: 24px;
}
.fs26 {
	font-size: 26px;
}
.fs28 {
	font-size: 28px;
}
.fs30 {
	font-size: 30px;
}
.fs32 {
	font-size: 32px;
}
.fs34 {
	font-size: 34px;
}

@media only screen and (max-width: 767px) {
.fs9 {
	font-size: 7px;
}
.fs10 {
	font-size: 8px;
}
.fs11 {
	font-size: 9px;
}
.fs12 {
	font-size: 10px;
}
.fs14 {
	font-size: 11px;
}
.fs16 {
	font-size: 13px;
}
.fs18 {
	font-size: 13px;
}
.fs20 {
	font-size: 16px;
}
.fs22 {
	font-size: 20px;
}
.fs24 {
	font-size: 22px;
}
.fs26 {
	font-size: 24px;
}
.fs28 {
	font-size: 26px;
}
.fs30 {
	font-size: 28px;
}
.fs32 {
	font-size: 30px;
}
.fs34 {
	font-size: 32px;
}
}
.fs10 p {
	font-size: 10px;
}
/*  font-color  */

.white, .white a {
	color: #FFF;
}
.black, .black a {
	color: #333;
}
.l-blue, .l-blue a {
	color: #34b6d0;
}
.blue, .blue a {
	color: #0B419B;
}
.red, .red a {
	color: #fd3535;
}
i.l-blue {
	color: #34b6d0;
}
.pink, .pink a {
	color: #f3a8c9;
}
.lgray, .lgray a {
	color: #eee;
}
.gray, .gray a {
	color: #CCC;
}
.dgray, .dgray a {
	color: #090909;
}
.purple, .purple a {
	color: #6A5367;
}
.lbeige, .lbeige a {
	color: #FBF8EA;
}
.dbeige, .dbeige a {
	color: #AA995D;
}
/*  font-weight  */

.bold {
	font-weight: bold;
}
.light {
	font-weight: light;
}
/*  font-hover  */

a.line, .line {
	text-decoration: underline;
}
/*  floating  */

.fl_r {
	float: right;
}
.fl_l {
	float: left;
}
/*  btn-color  */

.btn_d-blue {
}
.btn-l-blue a {
	border: 1px solid #34b6d0;
	margin: -1px;
	padding: 7px 24px;
	color: #34b6d0;
	clear: both;
	text-align: center;
}
.btn-l-blue a:hover {
 border-radius:0 15px 0 15px;
}

.btn_bla {
}
a.btn_wh {
	border: 1px solid #FFF;
	margin: -1px;
	padding: 7px 24px;
	color: #FFF;
	clear: both;
	text-align: center;
	cursor: pointer;
}
a.btn_wh:hover {
	border: 1px solid #FFF;
	margin: -1px;
	padding: 7px 24px;
	color: #FFF;
	clear: both;
	text-align: center;
	cursor: pointer;
}
/*  bg-color  */

.bg_white {
	background: #FFF;
}
.bg_dwhite {
	background: #f3f3f3;
}
.bg_gray {
	background: #ccc;
}
.bg_lgray {
	background: #f7f7f7;
}
.bg_dgray {
	background: #666;
}
.bg_lblue {
	background: #34B6D0;
}
.bg_dblue {
	background: #3D74BA;
}
.bg_lbeige {
	background: #FBF8EA;
}
.bg_dbeige {
	background: #AA995D;
}
.bg_red {
	background: #F00;
}
.bg_lyerrow {
	background: #FFE5BF;
}
/*  back to top  */

.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	border: #34b6d0 1px solid;
	background: rgba(255,255,255,0.8)
}

@media only screen and (max-width: 767px) {
.sp_center-block {
	display: block;
	float: none !important;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
}
/*  scroll_box  */

.scroll_box_height200 {
	height: 200px;
	overflow: auto;
}
.scroll_box_height300 {
	height: 300px;
	overflow: auto;
}
.scroll_box_height400 {
	height: 400px;
	overflow: auto;
}
.scroll_box_height200 p {
	padding: 5px 0;
}
.block {
	display: block;
}
/* ■■■■■■■■■■■■■■■■■■■■

 .gr width　
 
■■■■■■■■■■■■■■■■■■ */

.pc_none {
	display: none !important;
}
/* .mgl margin left */
.mgl-10 {
	margin-left: -10px;
}
.mgl-20 {
	margin-left: -20px;
}
.mgl10 {
	margin-left: 10px;
}
.mgl20 {
	margin-left: 20px;
}
.mgl30 {
	margin-left: 30px;
}
.mgl40 {
	margin-left: 40px;
}
/* .mgr margin right */
.mgr10 {
	margin-right: 10px;
}
.mgr15 {
	margin-right: 15px;
}
.mgr30 {
	margin-right: 30px;
}
.mgt5 {
	margin-top: 5px;
}
.mgt8 {
	margin-top: 8px;
}
.mgt10 {
	margin-top: 10px;
}
.mgt15 {
	margin-top: 15px;
}
.mgt17 {
	margin-top: 17px;
}
.mgt20 {
	margin-top: 20px;
}
.mgt30 {
	margin-top: 30px;
}
.mgt40 {
	margin-top: 40px;
}
.mgt50 {
	margin-top: 50px;
}
.mgt150 {
	margin-top: 150px;
}
.mgt350 {
	margin-top: 350px;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgb20 {
	margin-bottom: 20px;
}
.mgb40 {
	margin-bottom: 40px;
}
.mgb60 {
	margin-bottom: 60px;
}
.mgb80 {
	margin-bottom: 80px;
}
.mgb90 {
	margin-bottom: 90px;
}
.mgb100 {
	margin-bottom: 100px;
}
.pd10 {
	padding: 10px;
}
.pd20 {
	padding: 20px;
}
.pd30 {
	padding: 30px;
}
/* .pdt padding top */
.pdt5 {
	padding-top: 5px;
}
.pdt10 {
	padding-top: 10px;
}
.pdt20 {
	padding-top: 20px;
}
.pdt100 {
	padding-top: 100px;
}
.pdt170 {
	padding-top: 170px;
}
.pdt270 {
	padding-top: 270px;
}
.pdt500 {
	padding-top: 500px;
}
.pdt600 {
	padding-top: 600px;
}
.pdt800 {
	padding-top: 800px;
}
/* .pdt padding bottom */
.pdb10 {
	padding-bottom: 10px;
}
.pdb20 {
	padding-bottom: 20px;
}
.pdb30 {
	padding-bottom: 30px;
}
.pdb40 {
	padding-bottom: 40px;
}
.pdb60 {
	padding-bottom: 60px;
}
.pdb80 {
	padding-bottom: 80px;
}
.pdb170 {
	padding-bottom: 170px;
}
/* .pdl padding left */
.pdl0 {
	padding-left: 0;
}
.pdl5 {
	padding-left: 5px;
}
.pdl20 {
	padding-left: 20px;
}
/* .pdr padding right */
.pdr0 {
	padding-right: 0;
}
.pdr5 {
	padding-right: 5px;
}
.pdr15 {
	padding-right: 15px;
}
.pdr20 {
	padding-right: 20px;
}

@media screen and (max-width: 767px) {
.pc_none {
	display: block !important;
}
.sp_none {
	display: none !important;
}
.sp_full {
	width: 100%;
}
.sp_fl_l {
	float: left;
}
.sp_fl_r {
	float: right;
}
/* no-gutters Class Rules */
.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.no-gutters [class^="col-"], .no-gutters [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}
/* .sppdt padding top */

.sppdt20 {
	padding-top: 20px;
}
.sppdt150 {
	padding-top: 150px;
}
.sppdt250 {
	padding-top: 250px;
}
/* .sppdl padding left */

.sppdl5 {
	padding-left: 5px;
}
.sppdr5 {
	padding-right: 5px;
}
/* .spmgt margin top */

.spmgt3 {
	margin-top: 3px;
}
.spmgt4 {
	margin-top: 4px;
}
.spmgt5 {
	margin-top: 5px;
}
.spmgt10 {
	margin-top: 10px;
}
.spmgt20 {
	margin-top: 20px;
}
.spmgt30 {
	margin-top: 30px;
}
.spmgt40 {
	margin-top: 40px;
}
.spmgt50 {
	margin-top: 50px;
}
.spmgt60 {
	margin-top: 60px;
}
.spmgt70 {
	margin-top: 70px;
}
.spmgt80 {
	margin-top: 80px;
}
.spmgt90 {
	margin-top: 90px;
}
.spmgt100 {
	margin-top: 100px;
}
.spmgt150 {
	margin-top: 150px;
}
.spmgt200 {
	margin-top: 200px;
}
.spmgt250 {
	margin-top: 250px;
}
/* .spmgb margin bottom */

.spmgb0 {
	margin-bottom: 0px
}
.spmgb10 {
	margin-bottom: 10px
}
.spmgb20 {
	margin-bottom: 20px
}
.spmgb30 {
	margin-bottom: 30px
}
.spmgb40 {
	margin-bottom: 40px
}
/* .spmgr margin left */

.spmgl2 {
	margin-left: 2px;
}
.spmgl10 {
	margin-left: 10px;
}
/* .spmgl margin left */

}