body .event__container { width: 100%; }

body .event__title { width: 100%; }

body .event__title .titleInner { width: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; background: #00a0e9; padding: 20px 0; }

@media screen and (max-width: 620px) { body .event__title .titleInner { text-align: center; padding: 15px 0; } }

body .event__title .titleInner span.small { font-size: 20px; color: #fff; display: inline-block; margin-right: 10px; }

@media screen and (max-width: 620px) { body .event__title .titleInner span.small { font-size: 14px; margin-right: 0; width: 100%; } }

body .event__title .titleInner span.big { font-size: 34px; color: #fff; font-weight: bold; }

@media screen and (max-width: 620px) { body .event__title .titleInner span.big { font-size: 22px; width: 100%; margin-top: 10px; } }

body .event__floorinfo { width: 100%; margin-top: 40px; }

@media screen and (max-width: 620px) { body .event__floorinfo { margin-top: 30px; } }

body .event__floorinfo p { margin-top: 15px; }

@media screen and (max-width: 620px) { body .event__floorinfo p br { display: none; } }

body .event__small_title_b { font-size: 24px; color: #221815; border-bottom: 3px solid #00a0e9; padding-bottom: 5px; font-weight: bold; }

@media screen and (max-width: 620px) { body .event__small_title_b { font-size: 18px; } }

body .event__floorBox { width: 100%; margin-top: 50px; }

@media screen and (max-width: 620px) { body .event__floorBox { margin-top: 25px; } }

body .event__floorBox + .event__floorBox { margin-top: 70px; }

@media screen and (max-width: 620px) { body .event__floorBox + .event__floorBox { margin-top: 30px; } }

body .event__floor_label { font-size: 18px; color: #fff; font-weight: bold; padding: 10px 20px; background: #0068b7; display: inline-block; }

@media screen and (max-width: 620px) { body .event__floor_label { font-size: 16px; } }

body .event__floorImage { width: 100%; margin-top: 30px; }

@media screen and (max-width: 620px) { body .event__floorImage { margin-top: 20px; } }

body .event__floorImage img { width: 100%; }

body .event__introArea { width: 100%; margin-top: 80px; }

@media screen and (max-width: 620px) { body .event__introArea { margin-top: 60px; } }

body .event__content_title { font-size: 28px; color: #ffff; font-weight: bold; padding: 14px 0 10px 20px; background: #00a0e9; box-sizing: border-box; }

@media screen and (max-width: 620px) { body .event__content_title { font-size: 20px; padding: 13px 0 14px 10px; } }

body .event__introBox { width: 100%; margin-top: 50px; }

@media screen and (max-width: 620px) { body .event__introBox { margin-top: 30px; } }

body .event__introBox + .event__introBox { margin-top: 70px; }

@media screen and (max-width: 620px) { body .event__introBox + .event__introBox { margin-top: 50px; } }

body .event__introBox p { font-size: 18px; margin-top: 10px; font-weight: bold; line-height: 1.2; }

@media screen and (max-width: 620px) { body .event__introBox p { font-size: 15px; } }

body .event__small_title { font-size: 30px; color: #221815; font-weight: bold; border-bottom: 3px solid #221815; padding-bottom: 5px; }

@media screen and (max-width: 620px) { body .event__small_title { font-size: 18px; } }

body .event__imageArea { width: 100%; margin-top: 15px; display: flex; flex-flow: row wrap; justify-content: space-between; }

body .event__image { width: 447px; }

@media screen and (max-width: 620px) { body .event__image { width: 100%; } }

body .event__image img { width: 100%; }

body .event__illust { width: 382px; }

@media screen and (max-width: 620px) { body .event__illust { width: 100%; margin-top: 15px; } }

body .event__illust img { width: 100%; }

body .event__information { width: 100%; margin-top: 15px; }

body .event__information table { width: 100%; }

body .event__information table caption { caption-side: bottom; text-align: right; margin-top: 5px; }

@media screen and (max-width: 620px) { body .event__information table caption { text-align: left; line-height: 1.3; font-size: 14px; } }

body .event__information table tr th { width: 15%; padding: 16px; border: 3px solid #727171; background: #afd9b8; }

@media screen and (max-width: 620px) { body .event__information table tr th { display: block; width: 100%; border-bottom: none; } }

body .event__information table tr td { width: 35%; padding: 16px 0 16px 35px; border: 3px solid #727171; }

@media screen and (max-width: 620px) { body .event__information table tr td { display: block; width: 100%; border-bottom: none; text-align: center; padding-left: 0; } }

@media screen and (max-width: 620px) { body .event__information table tr td.b_line { border-bottom: 3px solid #727171; } }

body .event__follow_detail { width: 100%; margin-top: 0px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; }

body .event__follow_item, body .event__follow_item_long { width: 150px; height: 100px; border-radius: 13px; background: #b2dff4; border: 1px solid #036eb8; position: relative; box-sizing: border-box; margin-top: 20px; }

@media screen and (max-width: 620px) { body .event__follow_item, body .event__follow_item_long { width: 100%; height: 60px; } }

body .event__follow_item p, body .event__follow_item_long p { font-size: 15px; color: #036eb8; line-height: 1.5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; text-align: center; }

body .event__follow_item p span, body .event__follow_item_long p span { display: inline-block; color: red; }

body .event__follow_item_long { width: 362px; }

@media screen and (max-width: 620px) { body .event__follow_item_long { width: 100%; } }

@media screen and (max-width: 620px) { body .event__follow_arrow { width: 100%; text-align: center; } }

body .event__follow_arrow span { display: inline-block; width: 20px; height: 18px; background: #036eb8; position: relative; margin: 0 31px 0 11px; top: 10px; }

@media screen and (max-width: 620px) { body .event__follow_arrow span { transform: rotate(90deg); width: 10px; text-align: center; margin: 0; top: 3px; } }

body .event__follow_arrow span::after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 20px; border-color: transparent transparent transparent #036eb8; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); }

body .event__follow_comment { width: 100%; margin-top: 40px; }

@media screen and (max-width: 620px) { body .event__follow_comment { margin-top: 30px; } }

body .event__follow_comment dl { width: 100%; display: table; margin-top: 15px; }

@media screen and (max-width: 620px) { body .event__follow_comment dl { margin-top: 10px; } }

body .event__follow_comment dl dt { width: 2em; display: table-cell; line-height: 1.5; }

body .event__follow_comment dl dd { width: calc(100% - 2em); display: table-cell; line-height: 1.5; }

body .event__follow_comment dl dd.h_space { line-height: 1.4; }

body .event__event_contentArea { width: 100%; margin-top: 50px; }

@media screen and (max-width: 620px) { body .event__event_contentArea { margin-top: 40px; } }

body .event__event_contentArea p { margin-top: 10px; }

@media screen and (max-width: 620px) { body .event__event_contentArea p br { display: none; } }

body .event__event_contentArea p.mg { margin-top: 20px; }

body .event__event_contentArea p.notes_mark { margin-top: 20px; }

@media screen and (max-width: 620px) { body .event__event_contentArea p.b_ok br { display: block; } }

body .event__downBox { width: 100%; margin-top: 5px; }

@media screen and (max-width: 620px) { body .event__downBox { margin-top: 0; } }

body .event__downBox ul { width: auto; margin-left: -15px; display: flex; flex-flow: row wrap; justify-content: flex-start; }

body .event__downBox ul li { padding: 6px 15px 10px; background: red; margin-left: 15px; text-align: center; border-radius: 8px; margin-top: 15px; transition: .5s; }

@media screen and (max-width: 620px) { body .event__downBox ul li { margin-top: 12px; } }

body .event__downBox ul li:hover { opacity: .6; }

body .event__downBox ul li a { display: block; color: #fff; width: 100%; height: 100%; }

body .event__downBox ul li a::before { content: ''; display: inline-block; background: url("../images/event/down_mark.png") no-repeat; width: 27px; height: 25px; position: relative; top: 6px; margin-right: 10px; }

body .event__listArea { width: 100%; margin-top: 20px; padding-left: 40px; }

@media screen and (max-width: 620px) { body .event__listArea { padding-left: 20px; } }

body .event__listArea ul { width: 100%; margin-left: 25px; }

@media screen and (max-width: 620px) { body .event__listArea ul { margin-left: 5px; } }

body .event__listArea ul li { list-style: disc; }

body .event__contactArea { width: 100%; margin-top: 40px; border: 2px solid #221815; padding: 30px; box-sizing: border-box; }

@media screen and (max-width: 620px) { body .event__contactArea { padding: 15px 3%; margin-top: 20px; } }

body .event__contactArea p { padding: 0; margin: 0; line-height: 1.8; }

body .event__contact_title { font-size: 24px; margin-bottom: 20px; }

@media screen and (max-width: 620px) { body .event__contact_title { font-size: 18px; letter-spacing: -.05em; } }