/** バックグランド・カラー　設定 **/
.back_FFFFFF{ background:#FFFFFF; }
.back_EEEEEE{ background:#EEEEEE; }
.back_F5BCBF{ background:#F5BCBF; }
.back_F2F2F2{ background:#F2F2F2; }
.back_F0F0F0{ background:#F0F0F0; }
.back_FD686D{ background:#FD686D; }
.back_6A583E{ background:#6A583E; }
.back_8FC1C5{ background:#8FC1C5; }
.back_A68B62{ background:#A68B62; }

.colo_FFFFFF{ color: #FFFFFF; }
.colo_A68B62{ color: #A68B62; }
.colo_FD686D{ color: #FD686D; }

.com_inline { display: inline;}

/*===========================================*/
/*基本設定　大西*/
/*===========================================*/
.sub01,
.sub00 {
    width:1200px;
	max-width: 1200px;
	margin:0 auto;
	text-align:left;
	padding:0;
}

/*==スマホ時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_86{width:86% !important;margin:0 8% !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_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_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_100 img,
.w_96 img,
.w_90 img,
.w_80 img,
.w_70 img,
.w_60 img,
.w_50 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_30l img,
.w_100r img,
.w_96r img,
.w_90r img,
.w_80r img,
.w_70r img,
.w_60r img,
.w_50r img,
.w_30r img{
    width:auto;
    max-width: 100%;
    margin:0;
}


.bold{font-weight:bold;}
.bold_900{font-weight:900;}
.bold_700{font-weight:700;}
.bold_500{font-weight:500;}
.bold_400{font-weight:400;}
.bold_300{font-weight:300;}
.bold_100{font-weight:100;}

.nomal{ font-weight:normal !important;}

.font_ital{font-style: italic;}

.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.1;}

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



.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;
}
.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;}


/*==================================================
	ホバーで動く　ここから
	リンク付きの画像に設置
	<div class="hover"><a><img src~~ /></a></div>
	※上に動くので余白に注意（埋まること有）
==================================================*/

.hover a img{
	filter: alpha(opacity=100);
	-webkit-opacity:1.00;
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
}

.hover a:hover img{
	-webkit-transform: translate(0,-3px);
	-moz-transform: translate(0,-3px);
	-ms-transform: translate(0,-3px);
	-o-transform: translates(0,-3px);
}

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

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

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

.p_br br{
	display:block;
}
.s_br br{
	display:none;
}		

}