@charset "UTF-8";
/* CSS Document */

/*------------------

#e83a38：赤
#e6558d：薄ピンク
#d52976：濃ピンク
#ecb048：オレンジ
#fff974：黄
#6a3906：茶
#87d0ec：水色
#28a5bf：青
#b09313：金

------------------*/


/*================= 文字スタイル =================*/
.txt-bold {
  font-weight: bold !important;
}

.txt-center {
  text-align: center !important;
}

.txt-right {
  text-align: right !important;
}



/*================= 文字色 =================*/
.txt-red {
  color: #e83a38; /* 赤 */
}

.txt-pink01 {
  color: #e6558d; /* 薄ピンク */
}

.txt-pink02 {
  color: #d52976; /* 濃ピンク */
}

.txt-orange {
  color: #ecb048; /* オレンジ */
}

.txt-brown {
  color: #6a3906; /* 茶 */
}

.txt-gold {
  color: #b09313; /* 金 */
}

.txt-blue01 {
  color: #87d0ec; /* 水色 */
}

.txt-blue02 {
  color: #28a5bf; /* 青 */
}



/*================= 背景色 =================*/
.bg-red {
  background-color: #e83a38 !important; /* 赤 */
}

.bg-pink01 {
  background-color: #e6558d !important; /* 薄ピンク */
}

.bg-pink02 {
  background-color: #d52976 !important; /* 濃ピンク */
}

.bg-yellow {
  background-color: #fff974 !important; /* 黄 */
}

.bg-orange {
  background-color: #ecb048 !important; /* オレンジ */
}

.bg-gold {
  background-color: #b09313 !important; /* 金 */
}

.bg-blue {
  background-color: #87d0ec !important; /* 水色 */
}

.bg-blue02 {
  background-color: #28a5bf !important; /* 青 */
}

.bg-purple {
    background-color: #4e0b8c !important;
}

/*================= 線の色 =================*/
.bd-red {
  border-color: #e83a38 !important; /* 赤 */
}

.bd-pink01 {
  border-color: #e6558d !important; /* 薄ピンク */
}

.bd-pink02 {
  border-color: #d52976 !important; /* 濃ピンク */
}

.bd-yellow {
  border-color: #fff974 !important; /* 黄 */
}

.bd-orange {
  border-color: #ecb048 !important; /* オレンジ */
}

.bd-blue {
  border-color: #87d0ec !important; /* 水色 */
}

.bd-blue02 {
  border-color: #28a5bf !important; /* 青 */
}

.bd-gold {
  border-color: #b09313 !important; /* 金 */
}



/*========================================
 ページ全体
========================================*/
/*==== 全体の背景色 ====*/
body {
	background-color: #faf8cf;
}



/*==== 見出し ====*/
.event .main .cont-wrap .cont-box .cont .h2-ttl {
  color: #fff; /* 文字色 */
  background-color: #d00185; /* 背景色 */
}

.event .main .cont-wrap .cont-box .cont .h2-ttl:after {
  content: "";
  border-top-color: #d00185; /* 逆三角形の色 */
}



/*==== 見出し02 ====*/
.event .main .cont-wrap .cont-box .cont .h2-ttl02 {
  color: #b09313; /* 文字色 */
  border-color: #b09313; /* 線の色 */
}



/*==== 見出し03 ====*/
.event .main .cont-wrap .cont-box .cont .h2-ttl03 {
  color: #fff; /* 文字色 */
}

.event .main .cont-wrap .cont-box .cont .h2-ttl03,
.event .main .cont-wrap .cont-box .cont .h2-ttl03:after,
.event .main .cont-wrap .cont-box .cont .h2-ttl03:before {
  background: #e83a38; /* 背景色 */
}



/*==== 見出し04 ====*/
.event .main .cont-wrap .cont-box .cont .h2-ttl04:before {
  background-color: #b09313; /* 文字色 */
}

.event .main .cont-wrap .cont-box .cont .h2-ttl04 span {
  color: #b09313; /* 線の色 */
}



/*==== ボタン ====*/
.event .main .cont-wrap .cont-box .cont .btn a {
  color: #fff; /* 文字色 */
  background-color: #ecb048; /* 背景色 */
}



/*==== 大見出しリボン ====*/
.event .content-wrap .main .ribon-box-l .ribon,
.event .content-wrap .main .ribon-box-l .ribon-ttl {
  color: #fff; /* 文字色 */
  background-color: #003ebd; /* 背景色 */
}

.event .content-wrap .main .ribon-box-l .ribon:before,
.event .content-wrap .main .ribon-box-l .ribon:after {
  border-color: #00349e; /* リボンの端の色 */
}

.event .content-wrap .main .ribon-box-l .ribon-ttl:before,
.event .content-wrap .main .ribon-box-l .ribon-ttl:after {
  border-top-color: #002165 !important; /* 影の色 */
}



/*==== 中見出しリボン ====*/
.event .content-wrap .main .ribon-box-s {
  color: #fff; /* 文字色 */
  background-color: #eb6ea5; /* 背景色 */
}



/*==== コンテンツトップへ戻るボタン ====*/
.event .main .cont-wrap .back-box .back-btn a {
  color: #fff; /* 文字色 */
}

.caution{
    display: block;
    text-align: center;
    margin: 5px 0 20px;
}

.event .content-wrap .main .ribon-box-l .ribon, .event .content-wrap .main .ribon-box-l .ribon-ttl {
    line-height: 1.2em;
}

span.oubo_kikan{
	display: block;
	margin-top: 15px;
}

img.fes-logo {
    width: 18%;
}

p.h2-ttl {
    line-height: 1.2em;
}

ul.notice {
    margin-top: 30px;
}

@media screen and (max-width: 480px){   
img.fes-logo {
    width: 40%;
}
}