@charset "UTF-8";

.al-c{ text-align: center; }
.al-r{ text-align: right; }
.al-l{ text-align: left; }

.vl-t{ vertical-align: top!important; }
.vl-m{ vertical-align: middle!important; }
.vl-b{ vertical-align: bottom!important; }

.fl-r{ float: right; }
.fl-l{ float: left; }
.fl-c{ clear: both; }

.dp-b{ display: block;}
.dp-i{ display: inline;}
.dp-ib{ display: inline-block;}
.dp-t{ display: table;}
.dp-tc{ display: table-cell;}

.m0{ margin: 0!important; }
.m0-t{ margin-top: 0!important; }
.m0-r{ margin-right: 0!important; }
.m0-b{ margin-bottom: 0!important; }
.m0-l{ margin-left: 0!important; }

.m1{ margin: 1px!important; }
.m1-t{ margin-top: 1px!important; }
.m1-r{ margin-right: 1px!important; }
.m1-b{ margin-bottom: 1px!important; }
.m1-l{ margin-left: 1px!important; }

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

.img100 img{ width: 100%;}

/* =========================================================
flex-box設定
========================================================= */
.flex_between{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
  justify-content: space-between;
}

.flex_center{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.flex_around{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
  justify-content: space-around;
}

.flex_al-c{
	-webkit-align-items: center;
	align-items: center;
}

.flex_al-s{
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.flex_al-e{
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

/* =========================================================
幅設定
========================================================= */
.w100{ width: 100%;}
.w90{ width: 90%;}
.w80{ width: 80%;}
.w70{ width: 70%;}
.w60{ width: 60%;}
.w50{ width: 50%;}
.w40{ width: 40%;}
.w30{ width: 30%;}
.w20{ width: 20%;}
.w10{ width: 10%;}
.w95{ width: 95%;}
.w85{ width: 85%;}
.w75{ width: 75%;}
.w65{ width: 65%;}
.w55{ width: 55%;}
.w45{ width: 45%;}
.w35{ width: 35%;}
.w25{ width: 25%;}
.w15{ width: 15%;}
.w5{ width: 5%;}

.w33{ width: 33.33%;}

/* =========================================================
フォントサイズ
========================================================= */

.fs8{ font-size: 8px;}
.fs10{ font-size: 10px;}
.fs12{ font-size: 12px;}
.fs13{ font-size: 13px;}
.fs14{ font-size: 14px;}
.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;}

/* =========================================================
フォント装飾
========================================================= */
.fw-b{ font-weight: bold;}
.ｆw-n{ font-weight: normal;}

/* =========================================================
アイコンマージン
========================================================= */

.im-2{ margin-right: 2px;}
.im-3{ margin-right: 3px;}
.im-4{ margin-right: 4px;}
.im-5{ margin-right: 5px;}
.im-6{ margin-right: 6px;}
.im-7{ margin-right: 7px;}
.im-8{ margin-right: 8px;}
.im-9{ margin-right: 9px;}
.im-10{ margin-right: 10px;}

/* =========================================================
カラー設定
========================================================= */

/*京風テーマカラー*/
.c_th{ color: #b3aa84;}
.b_th{ background: #b3aa84;}

/*ブルー（検索）*/
.c_bl{ color: #6c9bd2;}
.b_bl{ background: #6c9bd2;}

/*ピンク*/
.c_pk{ color: #ee87b4;}
.b_pk{ background: #ee87b4;}

/*グリーン*/
.c_gn{ color: #69ac37;}
.b_gn{ background: #69ac37;}

/*レッド*/
.c_rd{ color: #df7163;}
.b_rd{ background: #df7163;}

/*レッド（臙脂）*/
.c_rd2{ color: #b23034;}
.b_rd2{ background: #b23034;}

/*ブラウン*/
.c_bn{ color: #b67c6d;}
.b_bn{ background: #b67c6d;}

/*オレンジ*/
.c_or{ color: #e89100;}
.b_or{ background: #e89100;}

/*バイオレット*/
.c_vi{ color: #a08cb9;}
.b_vi{ background: #a08cb9;}

/*ホワイト*/
.c_wt{ color: #ffffff;}
.b_wt{ background: #ffffff;}

/*ブラック*/
.c_bk{ color: #333333;}
.b_bk{ background: #333333;}

/*シアン*/
.c_cy{ color: #72adcd;}
.b_cy{ background: #72adcd;}

/*グレー*/
.c_gy{ color: #929292;}
.b_gy{ background: #929292;}

/* =========================================================
カラー設定（協賛金券）
========================================================= */

.c_free{ color: #e06858;}
.b_free{ background: #e06858;}
.c_half{ color: #75b048;}
.b_half{ background: #75b048;}
.c_poro{ color: #5692c8;}
.b_poro{ background: #5692c8;}
.c_kyof{ color: #a08cb9;}
.b_kyof{ background: #a08cb9;}

/* =========================================================
clearfix
========================================================= */
.clearfix:after{  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */