@charset "utf-8";
/** 光るホバーとバックグラウンドの設定 **/


/** バックグランド・カラー　設定 **/

.back222222,
.backEEEEEE,
.backFFFFFF,
.back444444 {
	width:100%;
}


.back222222 {
    background:#222222;
}

.backEEEEEE {
	background:#EEEEEE; 
}

.backFFFFFF {
    background:#FFFFFF;
}

.back444444{
	background:#444444;
}


.colo_3B8AA4{color:#3B8AA4 !important;}
.colo_3B8AA4 a{color:#3B8AA4 !important;}

.colo_FF0000{color:#FF0000 !important;}
.colo_FF0000 a{color:#FF0000 !important;}



/*ホバーの光設定*/
/*.hov02 a:hover, */
.hov02 a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	box-shadow: 0 0 10px 6px rgba(255,255,255,1.0);
   -webkit-box-shadow: 0 0 10px 6px rgba(255,255,255,1.0);
   -moz-box-shadow: 0 0 10px 6px rgba(255,255,255,1.0);
	transition:box-shadow 0.3s ease;
}

h1 {
	padding:0;
	font-size:100%;
	font-weight:normal;
}



/*テキストインデント*/
.txt_ind01{padding-left: 1em;text-indent: -1em;}/*1文字分*/
.txt_ind02{padding-left: 2em;text-indent: -2em;}/*2文字分*/
.txt_ind03{padding-left: 3em;text-indent: -3em;}/*3文字分*/

/*==スマホ時width設定=================*/
.w_100{width:100% !important;margin:0 !important;}
.w_96{width:96% !important;margin:0 2% !important;}
.w_90{width:90% !important;margin:0 5% !important;}
.w_80{width:80% !important;margin:0 10% !important;}
.w_70{width:70% !important;margin:0 15% !important;}
.w_60{width:60% !important;margin:0 20% !important;}
.w_50{width:50% !important;margin:0 25% !important;}
.w_40{width:40% !important;margin:0 30% !important;}
.w_30{width:30% !important; margin:0 35% !important;}

.w_100l{width:100% !important;margin:0 !important;}
.w_96l{width:96% !important;margin:0 4% 0 0 !important;}
.w_90l{width:90% !important;margin:0 10% 0 0 !important;}
.w_80l{width:80% !important;margin:0 20% 0 0 !important;}
.w_70l{width:70% !important;margin:0 30% 0 0 !important;}
.w_60l{width:60% !important;margin:0 40% 0 0 !important;}
.w_50l{width:50% !important;margin:0 50% 0 0 !important;}
.w_40l{width:40% !important;margin:0 60% 0 0 !important;}
.w_30l{width:30% !important;margin:0 70% 0 0 !important;}

.w_100r{width:100% !important;margin:0 !important;}
.w_96r{width:96% !important;margin:0 0 0 4% !important;}
.w_90r{width:90% !important;margin:0 0 0 10% !important;}
.w_80r{width:80% !important;margin:0 0 0 20% !important;}
.w_70r{width:70% !important;margin:0 0 0 30% !important;}
.w_60r{width:60% !important;margin:0 0 0 40% !important;}
.w_50r{width:50% !important;margin:0 0 0 50% !important;}
.w_40r{width:40% !important;margin:0 0 0 60% !important;}
.w_30r{width:30% !important;margin:0 0 0 70% !important;}

.w_100 img,
.w_96 img,
.w_90 img,
.w_80 img,
.w_70 img,
.w_60 img,
.w_50 img,
.w_40 img,
.w_30 img{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}
.w_100l img,
.w_96l img,
.w_90l img,
.w_80l img,
.w_70l img,
.w_60l img,
.w_50l img,
.w_40l img,
.w_30l img,
.w_100r img,
.w_96r img,
.w_90r img,
.w_80r img,
.w_70r img,
.w_60r img,
.w_50r img,
.w_40r img,
.w_30r img{
	width:auto;
	max-width: 100%;
	margin:0;
}



/*===================*/
/*PCでのtextの幅設定（全サイズ縮める）*/
.p_w70,
.p_w80,
.p_w90,
.p_w94,
.p_w96,
.p_w98{width:90% !important; margin:0 5% !important;}


.bold{font-weight:bold;}
.bold_900{font-weight:900;}
.bold_800{font-weight:800;}
.bold_700{font-weight:700;}
.bold_600{font-weight:600;}
.bold_500{font-weight:500;}
.bold_400{font-weight:400;}
.bold_300{font-weight:300;}
.bold_200{font-weight:200;}
.bold_100{font-weight:100;}
.normal{ font-weight:normal !important;}

.font_ital{font-style: italic;}


.font10{font-size:60%;}
.font11{font-size:80%;}
.font12{font-size:85%; line-height:1.3;}
.font13{font-size:93%;}

.font14{font-size:106%; line-height:1.5;}
.font15{font-size:110%; line-height:1.5;}
.font16{font-size:120%; line-height:1.5;}
.font17{font-size:130%;  line-height:1.4;}
.font18{font-size:140%; line-height:1.4;}
.font19{font-size:150%; line-height:1.4;}

.font20{font-size:170%; line-height:1.4;}

.underline{
	text-decoration: underline;
}
.underline_h a{
	text-decoration: underline;
}
.underline_h a:hover{
	text-decoration: none;
}

.line_height12{
	line-height:1.2 !important;
}
.line_height14{
	line-height:1.4 !important;
}
.line_height16{
	line-height:1.6 !important;
}
.line_height18{
	line-height:1.8 !important;
}
.line_height20{
	line-height:2 !important;
}
.line_height20pc{
	line-height:1.8 !important;
}
.line_height25pc{
	line-height:2 !important;
}
.le_sp_m02{letter-spacing: -2px;}
.le_sp_m01{letter-spacing: -1px;}
.le_sp00{letter-spacing: -1px;}
.le_sp01{letter-spacing: 1px;}
.le_sp02{letter-spacing: 2px;}
.le_sp03{letter-spacing: 3px;}
.le_sp04{letter-spacing: 4px;}
.le_sp05{letter-spacing: 5px;}
.le_sp06{letter-spacing: 6px;}
.le_sp07{letter-spacing: 7px;}
.le_sp08{letter-spacing: 8px;}
.le_sp09{letter-spacing: 9px;}
.le_sp10{letter-spacing: 10px;}


.disp_p { display:none; }
.disp_s { display:block; }


/*PCの場合brを付ける*/
.p_br br{
	display:none;
}

/*スマホの場合brを付ける*/
.s_br br{
	display:block;
}

/*スマホとタブレットの場合brを付ける*/
.st_br br{
	display: block;
}


/*スマホの場合左寄せ*/
.p_cen_s_le{
	text-align:left;
}
/*スマホの場合センター*/
.p_le_s_cen{
	text-align:center;
}
/*スマホの場合真ん中寄せ*/
.p_ri_s_cen{
	text-align: center;
}

.pt_le_st_cen{
	text-align: center;
}

.txt_shadow{
	text-shadow: 1px 1px 3px rgba(0,0,0,0.9);
}

.vr_m p,
.vr_m h2,
.vr_m h3,
.vr_m h4,
.vr_m h5,
.vr_m ul,
.vr_m div{
	display: inline-block;
	vertical-align: middle;
}

.vr_m_img p,
.vr_m_img h2,
.vr_m_img h3,
.vr_m_img h4,
.vr_m_img h5,
.vr_m_img ul,
.vr_m_img div{
	display: inline-block;
	vertical-align: middle;
}
.vr_m_img p img,
.vr_m_img h2 img,
.vr_m_img h3 img,
.vr_m_img h4 img,
.vr_m_img h5 img,
.vr_m_img ul img,
.vr_m_img div img{
	display: inline-block;
	vertical-align: middle;
}


.vr_b p,
.vr_b h2,
.vr_b h3,
.vr_b h4,
.vr_b h5,
.vr_b ul,
.vr_b div{
	display: inline-block;
	vertical-align: text-bottom;
}


.po_rela{
	position: relative;
}




/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media (min-width : 768px) {



.w_100l,
.w_96l,
.w_90l,
.w_80l,
.w_70l,
.w_60l,
.w_50l,
.w_40l,
.w_30l,
.w_100r,
.w_96r,
.w_90r,
.w_80r,
.w_70r,
.w_60r,
.w_50r,
.w_40r,
.w_30r,
.w_30,
.w_40,
.w_50,
.w_60,
.w_70,
.w_80,
.w_90,
.w_96,
.w_100{width:auto !important;margin:0 !important;}

.w_100 img,
.w_96 img,
.w_90 img,
.w_80 img,
.w_70 img,
.w_60 img,
.w_50 img,
.w_40 img,
.w_30 img{
	width:auto;
	max-width: 100%;
	margin:0 auto;
}
.w_100l img,
.w_96l img,
.w_90l img,
.w_80l img,
.w_70l img,
.w_60l img,
.w_50l img,
.w_40l img,
.w_30l img{
	width:auto;
	max-width: 100%;
	margin:0;
}


.p_w70{width:70% !important; margin:0 15% !important;}
.p_w80{width:80% !important; margin:0 10% !important;}
.p_w90{width:90% !important; margin:0 5% !important;}
.p_w94{width:94% !important; margin:0 3% !important;}
.p_w96{width:96% !important; margin:0 2% !important;}
.p_w98{width:98% !important; margin:0 1% !important;}
	

.pc_60{width:60% !important; margin:0 20% !important;}
.pc_70{width:70% !important; margin:0 15% !important;}
.pc_80{width:80% !important; margin:0 10% !important;}
.pc_85{width:85% !important; margin:0 7.5% !important;}
.pc_90{width:90% !important; margin:0 5% !important;}
.pc_94{width:94% !important; margin:0 3% !important;}
.pc_96{width:96% !important; margin:0 2% !important;}
.pc_98{width:98% !important; margin:0 1% !important;}

	
.disp_p { display:block; }
.disp_s { display:none; }
	
.p_br br{
	display:block;
}
.s_br br{
	display:none;
}
/*スマホとタブレットの場合brを付ける*/
.st_br br{
	display: block;
}
	
	
/*スマホの場合左寄せ*/
.p_cen_s_le{
	text-align:center;
}
/*スマホの場合センター*/
.p_le_s_cen{
	text-align:left;
}
/*スマホの場合真ん中寄せ*/
.p_ri_s_cen{
	text-align: right;
}

.font14{font-size:105%; line-height:1.7;}
.font15{font-size:110%; line-height:1.7;}
.font16{font-size:120%; line-height:1.7;}
.font17{font-size:130%;  line-height:1.6;}
.font18{font-size:140%; line-height:1.6;}
.font19{font-size:150%; line-height:1.6;}
.font20{font-size:190%; line-height:1.5;}



/*PC・タブレットの時だけ大きくしたい場合*/
.font14pc{font-size:106%;}
.font15pc{font-size:110%;}
.font16pc{font-size:120%;}
.font17pc{font-size:130%;}
.font18pc{font-size:140%;}
.font19pc{font-size:150%;}

.font20pc{font-size:170%;}

/*PC・タブレットの時だけ文字間空けたいとき*/
.le_sp01pc{letter-spacing: 1px;}
.le_sp02pc{letter-spacing: 2px;}
.le_sp03pc{letter-spacing: 3px;}
.le_sp04pc{letter-spacing: 4px;}
.le_sp05pc{letter-spacing: 5px;}
.le_sp06pc{letter-spacing: 6px;}
.le_sp07pc{letter-spacing: 7px;}
.le_sp08pc{letter-spacing: 8px;}
.le_sp09pc{letter-spacing: 9px;}
.le_sp10pc{letter-spacing: 10px;}


.line_height20pc{
	line-height:2 !important;
}
.line_height25pc{
	line-height:2.5 !important;
}
	
}
/*=================================================================================*/
/** 1140px以上 PCサイズ画面 **/
@media (min-width : 1020px) {


	
/*スマホとタブレットの場合brを付ける*/
.st_br br{
	display: none;
}
.pt_le_st_cen{
	text-align: left;
}

}