@charset "utf-8";

@media screen and (max-width: 640px) {

main { overflow: hidden; }

/*============================
ClearFix
============================*/
.clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

/*============================
module
============================*/ 
.md_container { width: inherit; padding: 0 20px; }

.md_br_pc { display: none; }
.md_br_sp { display: inline; }

#topPanelArea {}
#topPanelArea img { min-width: inherit; }

/*============================
#eventScheduleArea
============================*/
#eventScheduleArea { margin-top: 40px; }
#eventScheduleArea .topArea { display: block; }
#eventScheduleArea .topArea .title { font-size: 1.5em; margin-right: 0; }
#eventScheduleArea .topArea .title:after { bottom: -10px; height: 3px; }
#eventScheduleArea .topArea .copy { margin-top: 20px; font-size: 1em; }
#eventScheduleArea .subTitle { margin-top: 40px; font-size: 1.25em; }
#eventScheduleArea ul { margin-top: 20px; }
#eventScheduleArea ul li { display: block; margin-top: 30px; }
#eventScheduleArea ul li:first-child {}
#eventScheduleArea ul li .image { float: inherit; width: 100%; height: auto; }
#eventScheduleArea ul li .image img { width: 100%; height: auto; }
#eventScheduleArea ul li .content { margin-top: 10px; float: inherit; width: 100%; margin-left: 0; }
#eventScheduleArea ul li:nth-child(3) .content { margin-top: 10px; }
#eventScheduleArea ul li:nth-child(4) .content { margin-top: 10px; }
#eventScheduleArea ul li .content .name { font-size: 1.25em; }
#eventScheduleArea ul li:nth-child(1) .content .name:before {}
#eventScheduleArea ul li:nth-child(2) .content .name:before {}
#eventScheduleArea ul li:nth-child(3) .content .name:before {}
#eventScheduleArea ul li:nth-child(4) .content .name:before {}
#eventScheduleArea ul li .content .text { margin-top: 15px; font-size: 0.9125em; }
#eventScheduleArea ul li .content .text .sub { margin-top: 10px; }
#eventScheduleArea ul li .content .text .sub .date { display: block; font-size: 0.9125em; }
#eventScheduleArea ul li .content .text .sub .date span {}
#eventScheduleArea ul li .content .text .sub .place { display: block; margin-left: 0; font-size: 0.9125em; }
#eventScheduleArea ul li .content .text .sub .place span {}
#eventScheduleArea ul li .content .button { margin-top: 20px; text-align: center; }
#eventScheduleArea ul li .content .button a { display: inline-block; width: 100%; padding: 15px 0; }
#eventScheduleArea ul li .content .button a span { font-size: 1em; }
#eventScheduleArea ul li .content .detail {}
#eventScheduleArea ul li .content .detail ul {}
#eventScheduleArea ul li .content .detail ul li {}
#eventScheduleArea ul li .content .detail ul li .image { width: 110px; height: 70px; }
#eventScheduleArea ul li .content .detail ul li .image img { width: 100%; height: auto; }
#eventScheduleArea ul li .content .detail ul li .venue { margin-left: 20px; font-weight: 600; font-size: 1.125em; }
#eventScheduleArea ul li .content .detail ul li .copy { margin-left: 30px; }
#eventScheduleArea .schedule { margin-top: 40px; width: inherit; padding-bottom: 20px; padding-top: 20px; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; border-left: none; border-right: none; }
#eventScheduleArea .schedule .image { margin-top: 0; }
#eventScheduleArea .schedule .image img {}
#eventScheduleArea .schedule .image table { }
#eventScheduleArea .schedule .image table th { display: block; width: 100%; padding-top: 10px; text-align: left; }
#eventScheduleArea .schedule .image table th a { font-weight: bold; }
#eventScheduleArea .schedule .image table td { display: block; padding: 6px 0; }
#eventScheduleArea .schedule .image table td img { max-width: 100%; height: auto; }

/*============================
#bannerArea
============================*/
#bannerArea { margin-top: 40px; padding: 40px 0; }
#bannerArea .banner { width: 100%; height: auto; }
#bannerArea .banner a { margin-bottom: 0!important; }
#bannerArea .banner a img {}
#bannerArea .text { margin-top: 10px; font-size: 0.875em; text-align: left; padding: 0 20px; }

/*============================
#hostStoryArea
============================*/
#hostStoryArea { margin-top: 40px; padding-bottom: 40px; }
#hostStoryArea .topArea {}
#hostStoryArea .topArea .title { font-size: 1.5em; margin-right: 0; }
#hostStoryArea .topArea .title:after { bottom: -10px; height: 3px; }
#hostStoryArea .topArea .copy { margin-top: 20px; font-size: 1em; margin-left: 0; }
#hostStoryArea .button {}
#hostStoryArea .button a { display: block; width: 100%; padding: 15px 0; }
#hostStoryArea .button a span { font-size: 1em; }
#hostStoryArea #contents { margin: 40px -20px 0!important; }
#hostStoryArea #contents .article {}

/*============================
#wideTourArea
============================*/
#wideTourArea { padding: 40px 0; }
#wideTourArea .topArea { display: block; }
#wideTourArea .topArea .title { font-size: 1.5em; margin-right: 0; }
#wideTourArea .topArea .title:after { bottom: -10px; height: 3px; }
#wideTourArea .topArea .copy { margin-top: 20px; font-size: 1em; margin-left: 0; }
#wideTourArea .inner { margin-top: 20px; display: block; }
#wideTourArea .inner .truekansai { width: 100%; height: auto; padding: 20px 0;  }
#wideTourArea .inner .truekansai .catch { text-align: center; margin-top: 10px; }
#wideTourArea .inner .truekansai .catch span { font-size: 1em; letter-spacing: 0.05em; }
#wideTourArea .inner .truekansai .catch span::before { height: 22px; }
#wideTourArea .inner .truekansai .catch span::after { height: 22px; }
#wideTourArea .inner .truekansai .bubble { left: -20px; top: 20px; }
#wideTourArea .inner .truekansai .bubble span {}
#wideTourArea .inner .truekansai .bubble span::after {}
#wideTourArea .inner .truekansai .title { margin-top: 10px; padding: 12px 0; font-size: 1.25em; }
#wideTourArea .inner .truekansai .content { margin-top: 20px; padding: 20px; }
#wideTourArea .inner .truekansai .content .upper {}
#wideTourArea .inner .truekansai .content .upper .text { padding-right: 100px; }
#wideTourArea .inner .truekansai .content .upper .image { position: absolute; right: 20px; top: 140px; width: 80px; height: 80px; }
#wideTourArea .inner .truekansai .content .upper .image img { width: 100%; height: auto; }
#wideTourArea .inner .truekansai .content .lower { margin-top: 40px; }
#wideTourArea .inner .truekansai .content .lower .image { position: absolute; left: 20px; bottom: 10px; width: 100px; height: 215px; }
#wideTourArea .inner .truekansai .content .lower .image img { width: 100%; height: auto; }
#wideTourArea .inner .truekansai .content .lower .text { margin-left: 120px; }
#wideTourArea .inner .truekansai .content .lower .button { margin: 20px 0 0 0; }
#wideTourArea .inner .truekansai .content .lower .button a { display: block; padding: 12px 0; width: 100%; text-align: center; }
#wideTourArea .inner .truekansai .content .lower .button a span {}

#wideTourArea .inner .wideTour { margin-top: 20px; width: 100%; height: auto; padding: 20px 0; }
#wideTourArea .inner .wideTour .catch { margin-top: 10px; }
#wideTourArea .inner .wideTour .catch span { font-size: 1em; letter-spacing: 0.05em; }
#wideTourArea .inner .wideTour .catch span::before { height: 22px;  }
#wideTourArea .inner .wideTour .catch span::after { height: 22px; }
#wideTourArea .inner .wideTour .title { margin-top: 10px; padding: 12px 0; font-size: 1.25em; }
#wideTourArea .inner .wideTour .content { padding: 20px 30px; position: relative; }
#wideTourArea .inner .wideTour .content .image {}
#wideTourArea .inner .wideTour .content .image img { width: 522px; height: auto; margin: 0 auto; }
#wideTourArea .inner .wideTour .content .lower { display: inline-block; margin-top: 15px; }
#wideTourArea .inner .wideTour .content .lower .text { letter-spacing: 0; padding-right: 0; font-size: 0.9125em; }
#wideTourArea .inner .wideTour .content .lower .button { margin-top: 15px; position: inherit; right: inherit; bottom: inherit; }
#wideTourArea .inner .wideTour .content .lower .button a { display: block; padding: 12px 0; width: 100%; text-align: center; }
#wideTourArea .inner .wideTour .content .lower .button a span {}

/*============================
#breakfirstArea
============================*/
#breakfirstArea { padding: 50px 0 0; }
#breakfirstArea .topArea { display: block; }
#breakfirstArea .topArea .title { font-size: 1.5em; margin-right: 0; }
#breakfirstArea .topArea .title:after { bottom: -10px; height: 3px; }
#breakfirstArea .image { margin-top: 30px; }
#breakfirstArea .image img {}
#breakfirstArea .button { margin-top: 20px; }
#breakfirstArea .button a:first-child { display: block; margin-right: 0; width: 100%; padding: 15px 0; }
#breakfirstArea .button a:first-child span { font-size: 1em; }
#breakfirstArea .button a:nth-child(2) { margin-top: 15px; display: block; margin-right: 0; width: 100%; padding: 15px 0; }
#breakfirstArea .button a:nth-child(2) span { font-size: 1em; }
#breakfirstArea .button a:last-child { margin-top: 15px; display: block; width: 100%; padding: 15px 0; }
#breakfirstArea .button a:last-child span { font-size: 1em; }

/*============================
#linkArea
============================*/
#linkArea { margin-top: 50px; }
#linkArea .topArea {}
#linkArea .topArea .title { font-size: 1.5em; }
#linkArea .content { margin-top: 30px; display: block; }
#linkArea .content .leftArea { width: 100%; margin-right: 0; }
#linkArea .content .leftArea .title { font-size: 1.125em; }
#linkArea .content .leftArea .image {}
#linkArea .content .leftArea .image a { width: 100%; }
#linkArea .content .rightArea { margin-top: 20px; }
#linkArea .content .rightArea .title { font-size: 1.125em; }
#linkArea .content .rightArea ul { margin-top: 0; }
#linkArea .content .rightArea ul li { float: inherit; margin-left: 0; margin-bottom: 10px; }
#linkArea .content .rightArea ul li a { width: 100%; }
#linkArea .content .rightArea ul li a span { font-size: 1em; }
#linkArea .content .rightArea ul li a::after {}

/*============================
#footer
============================*/
#footer { padding: 60px 0 50px; background: #313131; text-align: center; }
#footer .footer__copy {}
#footer .footer__copy  {}
#footer .footer__copy  a {}
#footer .footer__copy  a img { width: 100px; height: auto; }
#footer .footer__copy p { margin-top: 25px; font-size: 0.75em; color: #fff; }

}