@charset "UTF-8";
.clear { clear: both; }

img { max-width: 100%; height: auto; }

.mT20 { margin-top: 20px !important; }

.mT40 { margin-top: 40px !important; }

.noBorder { border: none !important; }

.border01 { border: none !important; border-bottom: 2px dashed #333 !important; }

html { width: 100%; }

body { font-family: -apple-system,"Lucida Grande","Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック","メイリオ",meiryo,sans-serif; }


#header { background-color: #fff; height: 70px; width: 100%; }
#header .content:after { content: ""; display: block; clear: both; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #header .content { padding: 0 40px; } }
@media only screen and (min-width: 1300px) { #header .content { width: 1170px; margin: 0 auto; padding: 0; } }
#header .content span { display: none; }

#index .bnr_hobby_sp { background-color: #003388; padding: 10px 10px 0; text-align: center; }
@media only screen and (min-width: 1300px) { #index .bnr_hobby_sp { display: none; padding: 0 10px; } }
#index .top_img { text-align: center; }
@media only screen and (min-width: 1300px) { #index .top_img { background: url("../img/index/bg_top_img.png") repeat-x 0 0; } }
#index .top_img span { display: none; }
#index .top_img h3 { background-image: url("../img/index/main01_sp.png"); background-repeat: no-repeat; background-size: cover; padding-top: 107.8125%; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #index .top_img h3 { background-image: url("../img/index/main01.png"); background-size: contain; padding-top: 67.968%; } }
@media only screen and (min-width: 1300px) { #index .top_img h3 { background-image: url("../img/index/main01.png"); background-size: auto; padding: 0; width: 1280px; height: 870px; display: inline-block; position: relative; } }
#index .top_img h3 .bnr_hobby { display: none; }
@media only screen and (min-width: 1300px) { #index .top_img h3 .bnr_hobby { background-image: url("../img/index/bnr_hobby.png"); width: 300px; height: 200px; display: block; position: absolute; right: 55px; top: 215px; } }

#index .top_txt { margin: 0 10px; border-top: 1px solid #003388; border-bottom: 1px solid #003388; text-align: center; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #index .top_txt { margin: 0 40px; border-top: 2px solid #003388; border-bottom: 2px solid #003388; } }
@media only screen and (min-width: 1300px) { #index .top_txt { width: 1170px; margin: 0 auto; border-top: 2px solid #003388; border-bottom: 2px solid #003388; } }
#index .top_txt span { display: none; }
#index .top_txt p { background-image: url("../img/index/txt_top01_sp.png"); background-repeat: no-repeat; background-size: cover; padding-top: 71.333%; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #index .top_txt p { background-image: url("../img/index/txt_top01.png"); background-size: contain; padding-top: 55.111%; } }
@media only screen and (min-width: 1300px) { #index .top_txt p { background-image: url("../img/index/txt_top01.png"); background-size: auto; padding: 0; width: 940px; height: 530px; display: inline-block; } }

#index .content { padding: 0 0 30px; background: url("../img/index/bg_top_content_sp.png") repeat-x 0 0 #003388; background-size: 2px 80px; }
@media only screen and (min-width: 768px) { #index .content { background: url("../img/index/bg_top_content.png") repeat-x 0 0 #003388; } }
#index .content .menu { padding: 15px 10px 0; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #index .content .menu { padding: 40px 40px 0; } }
@media only screen and (min-width: 1300px) { #index .content .menu { width: 1170px; margin: 0 auto; padding: 40px 40px 0; } }
#index .content .menu ul { list-style: none; }
#index .content .menu ul li { margin: 0 0 20px; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #index .content .menu ul li { padding: 0 1px; } }
@media only screen and (min-width: 768px) { #index .content .menu ul li { margin: 0 0 40px; } }
#index .content .menu ul li:last-child { margin: 0; }
#index .content .menu a { display: block; padding-top: 25.6666%; background-size: cover; }
@media only screen and (min-width: 768px) { #index .content .menu a { padding-top: 25.6410%; } }
#index .content .menu a.menu01 { background-image: url("../img/index/list_menu01_sp.png"); }
@media only screen and (min-width: 768px) { #index .content .menu a.menu01 { background-image: url("../img/index/list_menu01.png"); background-position: 0 0; } }
@media only screen and (min-width: 1300px) { #index .content .menu a.menu01:hover { background-position: 0 300px; box-shadow: 0 0 15px 7px #fff; } }
#index .content .menu a.menu02 { background-image: url("../img/index/list_menu02_sp.png"); }
@media only screen and (min-width: 768px) { #index .content .menu a.menu02 { background-image: url("../img/index/list_menu02.png"); } }
@media only screen and (min-width: 1300px) { #index .content .menu a.menu02:hover { background-position: 0 300px; box-shadow: 0 0 15px 7px #fff; } }
#index .content .menu a.menu03 { background-image: url("../img/index/list_menu03_sp.png"); }
@media only screen and (min-width: 768px) { #index .content .menu a.menu03 { background-image: url("../img/index/list_menu03.png"); } }
@media only screen and (min-width: 1300px) { #index .content .menu a.menu03:hover { background-position: 0 300px; box-shadow: 0 0 15px 7px #fff; } }
#index .content .menu a.menu04 { background-image: url("../img/index/list_menu04_sp.png"); }
@media only screen and (min-width: 768px) { #index .content .menu a.menu04 { background-image: url("../img/index/list_menu04.png"); } }
@media only screen and (min-width: 1300px) { #index .content .menu a.menu04:hover { background-position: 0 300px; box-shadow: 0 0 15px 7px #fff; } }
#index .content .menu a span { display: none; }
#index .content .news { margin: 40px 0 0 0; }
@media only screen and (min-width: 768px) { #index .content .news { margin: 50px 0 0 0; } }
#index .content .news h3 { font-size: 24px; font-weight: bold; color: #fff; text-align: center; margin-bottom: 20px; }
@media only screen and (min-width: 768px) { #index .content .news h3 { font-size: 40px; } }
#index .content .news dl { margin: 0 0 20px; padding: 0 10px; color: #fff; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #index .content .news dl { padding: 0 40px 0; } }
@media only screen and (min-width: 1300px) { #index .content .news dl { width: 1170px; margin: 0 auto 20px; padding: 0; } }
#index .content .news dl dt { margin: 0 0 17px; font-size: 14px; }
#index .content .news dl dt span { font-size: 12px; display: inline-block; border: 1px solid #fff; padding: 4px 13px; margin-left: 10px; }
#index .content .news dl dd { font-size: 14px; line-height: 1.2; }
@media only screen and (min-width: 768px) { #index .content .news dl dd { font-size: 16px; } }

#social { margin: 50px 0 0 0; text-align: center; }
#social h3 { font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 10px; }
#social ul { display: inline-block; font-size: 0; }
#social ul li { display: inline-block; margin-right: 5px; vertical-align: bottom; }

#txt_tomix { margin-top: 30px; text-align: center; }
#txt_tomix a { display: inline-block; color: #fff; text-decoration: none; font-weight: bold; font-size: 18px; line-height: 1.2; padding: 10px 30px; border: 2px solid #fff; }
@media only screen and (min-width: 768px) { #txt_tomix a { font-size: 22px; }
  #txt_tomix a:hover { background-color: #333; } }
#txt_tomix a span { font-size: 24px; }
@media only screen and (min-width: 768px) { #txt_tomix a span { font-size: 28px; } }

#page { border-top: 1px solid #fff; background-color: #003388; padding: 0 10px 30px; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #page { padding: 0 40px 30px; } }
@media only screen and (min-width: 1300px) { #page { padding: 0 0 30px; } }
#page .menu { margin: 8px 0; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #page .menu { margin: 40px 0 20px; } }

@media only screen and (min-width: 1300px) { #page .menu { width: 800px; margin: 40px auto 20px; } }

#page .menu ul { font-size: 12px; display: table; table-layout: fixed; width: 100%; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #page .menu ul { font-size: 16px; } }
@media only screen and (min-width: 1300px) { #page .menu ul { font-size: 20px; table-layout: auto; } }
#page .menu ul li { display: table-cell; border-left: 1px solid #fff; text-align: center; vertical-align: middle; padding: 10px 0; color: #fff; }
#page .menu ul li:last-child { border-right: 1px solid #fff; }
@media only screen and (min-width: 1300px) { #page .menu ul li:first-child { border: none; }
#page .menu ul li:last-child { border-right: none; width: 200px; } }
#page .menu ul a { color: #fff; text-decoration: none; }
#page .menu ul a:hover { color: #f9cf00; }
#page .menu ul a.on { color: #f9cf00; }

#page .tmx_history { background-color: #fff; line-height: 1.4; }
@media only screen and (min-width: 1300px) { #page .tmx_history { width: 1170px; margin: 0 auto; } }
#page .tmx_history .title { padding-top: 25.6666%; background-image: url("../img/tmx_history/title_sp.png"); background-size: cover; }
@media only screen and (min-width: 768px) { #page .tmx_history .title { background-image: url("../img/tmx_history/title.png"); padding-top: 25.6410%; } }
#page .tmx_history .title span { display: none; }
#page .tmx_history .txt01 { padding: 15px 10px 0; line-height: 1.2; font-size: 14px; }
#page .tmx_history .txt02 { padding: 15px 0 0; line-height: 1.2; font-size: 14px; }
#page .tmx_history .note { padding: 5px 20px 0; line-height: 1.2; font-size: 14px; }
@media only screen and (min-width: 768px) {
	#page .tmx_history .txt01 { padding: 15px 20px 0; font-size: 16px; }
	#page .tmx_history .txt02 { padding: 15px 0 0; line-height: 1.4; font-size: 16px; }
	#page .tmx_history .note { padding: 5px 30px 0; font-size: 14px;　}
}
#page .tmx_history .menu01 { padding: 15px 20px 0px; }
#page .tmx_history .menu01 ul { width: 100%; letter-spacing: -0.5em; }
#page .tmx_history .menu01 ul li { display: inline-block; letter-spacing: normal; margin: 0 10px 0 0;}
#page .tmx_history .menu01 ul li a { display: block; color: #fff; background-color: #666; padding: 10px 0 0 0; text-decoration: none; line-height: 30px; }
#page .tmx_history .menu01 ul li a { width: 365px; height: 40px; line-height: 44px; padding: 0 15px; font-size: 18px; font-weight: bold ; margin-bottom: 10px;}
@media only screen and (min-width: 1300px) { #page .tmx_history .menu01 ul li a:hover { background-color: #00b8ee; } }

#page .tmx_history .box01 { height: 30px; padding: 0px 10px; margin-top: 10px;}
@media only screen and (min-width: 768px) { #page .tmx_history .box01 { padding: 0px 20px; margin-top: 10px;} }
#page .tmx_history .box01 .right { float: right; margin-right: 10px;}
#page .tmx_history .box01 .right ul { margin-top: 2px; }
@media only screen and (min-width: 768px) { #page .tmx_history .box01 .right ul { margin-top: 10px; } }
#page .tmx_history .box01 .right ul li { display: inline-block; border-right: 1px solid #000; padding: 0 13px 0 10px; color: #CCC; }
#page .tmx_history .box01 .right ul li:last-child { border: none; padding-right: 0; }
#page .tmx_history .box01 .right ul li a { color: #000; text-decoration: none; }
#page .tmx_history .box01 .right ul li a:hover { color: #00b8ee; }

#page .tmx_history .period { background-color: #003388; margin: 10px 20px; padding: 10px 20px; }
#page .tmx_history .period .ki { vertical-align: -8px; margin-left:10px; font-size: 28px; color:#fff; font-weight: bold; }
#page .tmx_history .period .ki_sub { vertical-align: -8px; font-size: 18px; color:#fff; font-weight: bold; }
#page .tmx_history .period p { padding-top: 10px; font-size: 16px; color:#fff; }
#page .tmx_history .period .text02 { font-family: -apple-system,"Lucida Grande","Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック","メイリオ",meiryo,sans-serif;  }
#page .tmx_history .seihin { margin: 0 20px;}
@media only screen and (min-width: 768px) { #page .tmx_history .seihin { margin: 0 60px;} }
#page .tmx_history .seihin .nen { padding-top: 20px; padding-left:10px; vertical-align: -30px; font-family: serif; font-size: 32px; color:#606060; font-weight: bold; border-bottom: 1px solid #000; }
#page .tmx_history .seihin .item01 { padding: 10px 10px; border-bottom: 1px solid #000; }
#page .tmx_history .seihin .item01 a:hover { opacity: 0.8;}
@media only screen and (min-width: 768px) { #page .tmx_history .seihin .item01 { padding: 10px 100px; border-bottom: 1px solid #000; } }


#page .history { background-color: #fff; }
@media only screen and (min-width: 1300px) { #page .history { width: 1170px; margin: 0 auto; } }
#page .history .title { padding-top: 25.6666%; background-image: url("../img/history/title_sp.png"); background-size: cover; }
@media only screen and (min-width: 768px) { #page .history .title { background-image: url("../img/history/title.png"); padding-top: 25.6410%; } }
#page .history .title span { display: none; }
#page .history .txt01 { padding: 15px 10px 0; line-height: 1.2; font-size: 14px; }
#page .history .note { padding: 10px 20px 0; line-height: 1.2; font-size: 14px; }
@media only screen and (min-width: 768px) {
	#page .history .txt01 { padding: 15px 20px 0; font-size: 16px;}
	#page .history .note { padding: 15px 30px 0; font-size: 14px;　}
}
#page .history .menu01 { padding: 15px 20px 10px; }
@media only screen and (min-width: 768px) { #page .history .menu01 { padding: 40px 20px 20px; } }
#page .history .menu01 ul { width: 100%; letter-spacing: -0.5em; }
#page .history .menu01 ul li { display: inline-block; letter-spacing: normal; margin: 0 10px 10px 0; }
@media only screen and (min-width: 1300px) { #page .history .menu01 ul li { margin: 0 20px 0 0; } }
#page .history .menu01 ul li a { text-align: center; display: block; color: #fff; background-color: #666; padding: 5px 10px; text-decoration: none; line-height: 30px; font-size: 20px;}
@media only screen and (min-width: 1300px) { 
	#page .history .menu01 ul li a { width: 168px; height: 50px; background-color: #666; line-height: 50px; font-size: 32px; padding: 0; }
	#page .history .menu01 ul li a:hover { background-color: #00b8ee; } }
#page .history .box01 { border-top: 1px solid #003388; padding: 30px 10px; }
@media only screen and (min-width: 768px) { #page .history .box01 { padding: 30px 20px; } }
#page .history .box01 .box01_header { border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 10px; }
#page .history .box01 .box01_header:after { content: ""; display: block; clear: both; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_header { padding-bottom: 15px; margin-bottom: 20px; } }
#page .history .box01 .box01_header h4 { font-size: 18px; font-weight: normal; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_header h4 { font-size: 32px; } }
#page .history .box01 .box01_header .left { float: left; }
#page .history .box01 .box01_header .right { float: right; }
#page .history .box01 .box01_header .right ul { margin-top: 2px; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_header .right ul { margin-top: 10px; } }
#page .history .box01 .box01_header .right ul li { display: inline-block; border-right: 1px solid #000; padding: 0 13px 0 10px; color: #CCC; }
#page .history .box01 .box01_header .right ul li:last-child { border: none; padding-right: 0; }
#page .history .box01 .box01_header .right ul li a { color: #000; text-decoration: none; }
#page .history .box01 .box01_header .right ul li a:hover { color: #00b8ee; }
#page .history .box01 .box01_photo { margin-bottom: 20px; }
#page .history .box01 .box01_photo img { vertical-align: bottom; }
#page .history .box01 .box01_photo .photo { position: relative; color: #fff; text-align: center; }
@media only screen and (min-width: 1300px) { #page .history .box01 .box01_photo .photo { display: table-cell; font-size: 20px; } }
#page .history .box01 .box01_photo .photo a { display: block; position: absolute; top: 50%; height: 40px; width: 40px; background-color: #333; border-radius: 40px; margin-top: -40px; line-height: 40px; opacity: 0.5; cursor: pointer; }
@media only screen and (min-width: 1300px) { #page .history .box01 .box01_photo .photo a:hover { opacity: 1; } }
#page .history .box01 .box01_photo .photo .left { left: 20px; }
#page .history .box01 .box01_photo .photo .right { right: 20px; }
@media only screen and (min-width: 1300px) { #page .history .box01 .box01_photo .photo .img { width: 560px; } }
#page .history .box01 .box01_photo .photo .img img { display: none; }
#page .history .box01 .box01_photo .photo .img img.show { display: inline-block; }
#page .history .box01 .box01_photo .thumbnail { display: none; }
@media only screen and (min-width: 1300px) {#page .history .box01 .box01_photo .thumbnail { display: table-cell; width: 100%; vertical-align: top; background-color: #000; padding: 20px 27px; text-align: center; } }
#page .history .box01 .box01_photo .thumbnail ul { display: inline; letter-spacing: -0.5em; }
#page .history .box01 .box01_photo .thumbnail ul li { display: inline-block; letter-spacing: normal; width: 32%; margin: 0 2% 3% 0; cursor: pointer; }
#page .history .box01 .box01_photo .thumbnail ul li:nth-child(n+4) { margin: 0 2% 0 0; }
#page .history .box01 .box01_photo .thumbnail ul li:nth-child(3) { margin: 0 0 3% 0; }
#page .history .box01 .box01_photo .thumbnail ul li:last-child { margin: 0; }
#page .history .box01 .box01_photo .thumbnail ul li:hover { opacity: 0.8; }
#page .history .box01 .box01_content { margin-bottom: 10px; }
#page .history .box01 .box01_content .box01_title { font-size: 16px; background-color: #666; color: #fff; line-height: 30px; font-weight: normal; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_content .box01_title { line-height: 41px; font-size: 24px; margin-bottom: 20px; } }
#page .history .box01 .box01_content .box01_title span { background-color: #003388; width: 100px; display: inline-block; padding-left: 10px; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_content .box01_title span { width: 150px; } }
#page .history .box01 .box01_content .box01_sub { display: table; width: 100%; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_content .box01_sub { margin-bottom: 20px; } }
#page .history .box01 .box01_content .box01_sub .left { display: table-cell; width: 110px; border-top: 1px solid #000; border-bottom: 1px solid #000; vertical-align: middle; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_content .box01_sub .left { width: 160px; } }
#page .history .box01 .box01_content .box01_sub .left p { padding: 10px 0 10px 5px; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_content .box01_sub .left p { padding: 20px 0 20px 10px; font-size: 24px; } }
#page .history .box01 .box01_content .box01_sub .right { display: table-cell; vertical-align: top; font-size: 14px; line-height: 1.4; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_content .box01_sub .right { font-size: 16px; } }
#page .history .box01 .box01_content .box01_sub .right ul { margin-left: 10px; }
@media only screen and (min-width: 768px) { #page .history .box01 .box01_content .box01_sub .right ul { margin-left: 30px; } }
#page .history .box01 .box01_content .box01_sub .right ul li { display: inline-block; margin-right: 20px; }

#page .guide { background-color: #fff; }
@media only screen and (min-width: 1300px) { #page .guide { width: 1170px; margin: 0 auto; } }
#page .guide .title { padding-top: 25.6666%; background-image: url("../img/guide/title_sp.png"); background-size: cover; }
@media only screen and (min-width: 768px) { #page .guide .title { background-image: url("../img/guide/title.png"); padding-top: 25.6410%; } }
#page .guide .title span { display: none; }
#page .guide .txt01 { padding: 15px 10px 0; line-height: 1.2; font-size: 14px; }
#page .guide .note { padding: 10px 20px 0; line-height: 1.2; font-size: 14px; }
@media only screen and (min-width: 768px) {
	#page .guide .txt01 { padding: 15px 20px 0; font-size: 16px; }
	#page .guide .note { padding: 15px 30px 0; font-size: 14px;　}
}
#page .guide .menu01 { padding: 15px 10px 10px; }
@media only screen and (min-width: 768px) { #page .guide .menu01 { padding: 40px 20px 20px; } }
#page .guide .menu01 ul { width: 100%; letter-spacing: -0.5em; }
#page .guide .menu01 ul li { display: inline-block; letter-spacing: normal; margin: 0 2% 2% 0; width: 49%; }
#page .guide .menu01 ul li:nth-child(2n) { margin: 0 0 2% 0; }
@media only screen and (min-width: 1300px) { #page .guide .menu01 ul li { width: 18.2%; margin: 0 2% 0 0; }
#page .guide .menu01 ul li:nth-child(2n) { margin: 0 2% 0 0; }
#page .guide .menu01 ul li:last-child { margin: 0; } }
#page .guide .menu01 ul li a { text-align: center; display: block; color: #fff; background-color: #666; padding: 5px 10px; text-decoration: none; line-height: 30px; font-size: 20px; }
@media only screen and (min-width: 1300px) { #page .guide .menu01 ul li a { line-height: 50px; font-size: 32px; padding: 0; }
#page .guide .menu01 ul li a:hover { background-color: #00b8ee; } }
#page .guide .box01 { border-top: 1px solid #003388; padding: 30px 10px; }
@media only screen and (min-width: 768px) { #page .guide .box01 { padding: 30px 20px; } }
#page .guide .box01 .box01_header { border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 10px; }
#page .guide .box01 .box01_header:after { content: ""; display: block; clear: both; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_header { padding-bottom: 15px; margin-bottom: 20px; } }
#page .guide .box01 .box01_header h4 { font-size: 18px; font-weight: normal; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_header h4 { font-size: 32px; } }
#page .guide .box01 .box01_header .left { float: left; }
#page .guide .box01 .box01_header .right { float: right; }
#page .guide .box01 .box01_header .right ul { margin-top: 2px; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_header .right ul { margin-top: 10px; } }
#page .guide .box01 .box01_header .right ul li { display: inline-block; border-right: 1px solid #000; padding: 0 13px 0 10px; color: #CCC; }
#page .guide .box01 .box01_header .right ul li:last-child { border: none; padding-right: 0; }
#page .guide .box01 .box01_header .right ul li a { color: #000; text-decoration: none; }
#page .guide .box01 .box01_header .right ul li a:hover { color: #00b8ee; }
#page .guide .box01 .box01_content { margin-bottom: 20px; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_content { display: table; table-layout: fixed; width: 100%; } }
#page .guide .box01 .box01_content .photo { margin: 0 0 10px; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_content .photo { display: table-cell; width: 280px; } }
#page .guide .box01 .box01_content .photo img { vertical-align: bottom; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_content .txt { display: table-cell; vertical-align: top; padding-left: 20px; } }
#page .guide .box01 .box01_content .txt h4 { padding: 10px; background-color: #003388; color: #fff; font-size: 16px; margin-bottom: 15px; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_content .txt h4 { font-size: 24px; line-height: 42px; padding: 0 10px; margin-bottom: 20px; } }
#page .guide .box01 .box01_content .txt .box01_txt01 { font-size: 16px; margin-bottom: 15px; font-weight: bold; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_content .txt .box01_txt01 { font-size: 20px; margin-bottom: 20px; } }
#page .guide .box01 .box01_content .txt .box01_txt02 { margin-bottom: 15px; font-size: 14px; line-height: 1.3; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_content .txt .box01_txt02 { margin-bottom: 20px; } }
#page .guide .box01 .box01_content .txt .box01_txt03 { padding-top: 15px; border-top: 1px solid #000; font-size: 14px; line-height: 1.3; }
@media only screen and (min-width: 768px) { #page .guide .box01 .box01_content .txt .box01_txt03 { padding-top: 20px; font-size: 16px; } }
#page .guide .box01 .list_guide ul { letter-spacing: -0.5em; }
#page .guide .box01 .list_guide ul li { display: inline-block; letter-spacing: normal; width: 49%; margin: 0 2% 4% 0; vertical-align: top; }
#page .guide .box01 .list_guide ul li:nth-child(2n) { margin: 0 0 4% 0; }
@media only screen and (min-width: 768px) { #page .guide .box01 .list_guide ul li { width: 18.4%; }
  #page .guide .box01 .list_guide ul li:nth-child(2n) { margin: 0 2% 4% 0; }
  #page .guide .box01 .list_guide ul li:nth-child(5n) { margin: 0 0 4% 0; } }
#page .guide .box01 .list_guide ul li img { vertical-align: bottom; }
#page .guide .box01 .list_guide ul li h5 { font-size: 13px; margin-top: 10px; }
@media only screen and (min-width: 768px) { #page .guide .box01 .list_guide ul li h5 { font-size: 14px; } }
#page .guide .box01 .list_guide ul li .txt { font-size: 13px; margin-top: 10px; line-height: 1.3; }
@media only screen and (min-width: 768px) { #page .guide .box01 .list_guide ul li .txt { font-size: 14px; line-height: 1.6; } }


#page .system { background-color: #fff; }
@media only screen and (min-width: 1300px) { #page .system { width: 1170px; margin: 0 auto; } }
#page .system .title { padding-top: 25.6666%; background-image: url("../img/system/title_sp.png"); background-size: cover; }
@media only screen and (min-width: 768px) { #page .system .title { background-image: url("../img/system/title.png"); padding-top: 25.6410%; } }
#page .system .title span { display: none; }
#page .system .txt01 { padding: 15px 10px 0; line-height: 1.2; font-size: 14px; }
#page .system .note { padding: 10px 20px 0; line-height: 1.2; font-size: 14px; }
@media only screen and (min-width: 768px) {
	#page .system .txt01 { padding: 15px 20px 0; font-size: 16px; }
	#page .system .note { padding: 15px 30px 0; font-size: 14px;　}
}
#page .system .menu01 { padding: 40px 20px 0px; border-bottom: 1px solid #003388;}
#page .system .menu01 ul { width: 100%; letter-spacing: -0.5em; }
#page .system .menu01 ul li { display: inline-block; letter-spacing: normal; margin: 0 10px 0 0;}
#page .system .menu01 ul li a { display: block; color: #fff; background-color: #666; padding: 10px 0 0 0; text-decoration: none; line-height: 30px; }
#page .system .menu01 ul li a { width: 336px; height: 40px; line-height: 44px; padding: 0 15px; font-size: 20px; font-weight: bold ; margin-bottom: 10px;}
@media only screen and (min-width: 1300px) { #page .tmx_history .menu01 ul li a:hover { background-color: #00b8ee; } }
@media only screen and (min-width: 1300px) { #page .system .menu01 ul li p { line-height: 60px; font-size: 32px; padding: 0; } }
#page .system .box01 { padding: 30px 10px; border-bottom: 4px solid #f9cf00; position: relative; }
@media only screen and (min-width: 768px) { #page .system .box01 { padding: 20px 20px 30px; } }
#page .system .box01:after { content: ""; display: block; border-bottom: 4px solid #f9cf00; position: absolute; bottom: 6px; left: 0; width: 100%; }
#page .system .box01 .img_title { margin-bottom: 30px; display: none; }
@media only screen and (min-width: 768px) { #page .system .box01 .img_title { display: block; } }
#page .system .box01 .box01_header { border-bottom: 5px solid #003388; padding-bottom: 5px; margin-bottom: 10px; }
#page .system .box01 .box01_header:after { content: ""; display: block; clear: both; }
@media only screen and (min-width: 768px) { #page .system .box01 .box01_header { padding-bottom: 15px; margin-bottom: 20px; } }
#page .system .box01 .box01_header h4 { font-size: 18px; font-weight: bold; color: #003388; }
@media only screen and (min-width: 768px) { #page .system .box01 .box01_header h4 { font-size: 32px; } }
#page .system .box01 .box01_header .left { float: left; }
#page .system .box01 .box01_header .right { float: right; }
#page .system .box01 .box01_header .right ul { margin-top: 2px; }
@media only screen and (min-width: 768px) { #page .system .box01 .box01_header .right ul { margin-top: 10px; } }
#page .system .box01 .box01_header .right ul li { display: inline-block; border-right: 1px solid #000; padding: 0 13px 0 10px; color: #CCC; }
#page .system .box01 .box01_header .right ul li:last-child { border: none; padding-right: 0; }
#page .system .box01 .box01_header .right ul li a { color: #000; text-decoration: none; }
#page .system .box01 .box01_header .right ul li a:hover { color: #00b8ee; }
#page .system .box01 .txt_info { margin-bottom: 20px; line-height: 1.5; }
@media only screen and (min-width: 768px) { #page .system .box01 .txt_info { margin-bottom: 40px; } }
#page .system .box01 .list_item { padding-bottom: 20px; border-bottom: 2px dashed #333; margin-bottom: 40px; }
#page .system .box01 .list_item ul { letter-spacing: -0.5em; }
#page .system .box01 .list_item ul li { display: inline-block; letter-spacing: normal; width: 100%; margin: 0 0 4% 0; vertical-align: top; }
@media only screen and (min-width: 768px) { #page .system .box01 .list_item ul li { width: 32%; margin: 0 2% 0 0; }
  #page .system .box01 .list_item ul li:nth-child(3n) { margin: 0 0 0 0; } }
#page .system .box01 .list_item ul li img { vertical-align: bottom; }
#page .system .box01 .list_item ul li h5 { font-size: 14px; margin-top: 10px; line-height: 1.5; border-bottom: 1px solid #333; }
@media only screen and (min-width: 768px) { #page .system .box01 .list_item ul li h5 { font-size: 20px; margin-top: 20px; } }
#page .system .box01 .list_item ul li .txt { display: none; }
@media only screen and (min-width: 768px) { #page .system .box01 .list_item ul li .txt { font-size: 16px; margin-top: 10px; line-height: 1.5; display: block; } }
#page .system .box01 .box_content01 { margin-bottom: 20px; background-color: #eeeeee; padding: 10px; display: table; table-layout: fixed; width: 100%; box-sizing: border-box; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content01 { margin-bottom: 40px; padding: 20px; } }
#page .system .box01 .box_content01 .photo { display: table-cell; width: 110px; }
#page .system .box01 .box_content01 .photo img { vertical-align: bottom; }
#page .system .box01 .box_content01 .txt { display: table-cell; vertical-align: top; }
#page .system .box01 .box_content01 .txt h4 { font-size: 16px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #333; display: inline-block; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content01 .txt h4 { font-size: 20px; padding-bottom: 10px; margin-bottom: 10px; } }
#page .system .box01 .box_content01 .txt p { font-size: 14px; line-height: 1.3; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content01 .txt p { font-size: 16px; } }
#page .system .box01 .box_content02 { margin-bottom: 20px; }
@media only screen and (min-width: 1300px) { #page .system .box01 .box_content02 { margin-bottom: 40px; display: table; table-layout: fixed; width: 100%; box-sizing: border-box; } }
@media only screen and (min-width: 1300px) { #page .system .box01 .box_content02 .photo { display: table-cell; width: 550px; } }
#page .system .box01 .box_content02 .photo img { vertical-align: bottom; width: 100%; }
@media only screen and (min-width: 1300px) { #page .system .box01 .box_content02 .txt { display: table-cell; vertical-align: top; padding-left: 30px; } }
#page .system .box01 .box_content02 .txt h4 { font-size: 14px; background-color: #666666; color: #fff; padding: 5px 10px; line-height: 1.3; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content02 .txt h4 { font-size: 24px; margin-bottom: 20px; } }
#page .system .box01 .box_content02 .txt p { font-size: 14px; line-height: 1.3; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content02 .txt p { font-size: 16px; } }
#page .system .box01 .box_content03 { margin-bottom: 10px; }
@media only screen and (min-width: 1300px) { #page .system .box01 .box_content03 { margin-bottom: 20px; display: table; table-layout: fixed; width: 100%; box-sizing: border-box; } }
@media only screen and (min-width: 1300px) { #page .system .box01 .box_content03 .photo { display: table-cell; width: 550px; } }
#page .system .box01 .box_content03 .photo img { vertical-align: bottom; width: 100%; }
#page .system .box01 .box_content03 .movie { margin-top: 10px; }
#page .system .box01 .box_content03 .movie iframe { width: 100%; }
@media only screen and (min-width: 1300px) { #page .system .box01 .box_content03 .movie { display: table-cell; vertical-align: top; padding-left: 30px; } }
#page .system .box01 .box_content03_sub { margin-bottom: 20px; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content03_sub { margin-bottom: 40px; } }
#page .system .box01 .box_content03_sub h4 { font-size: 14px; background-color: #666666; color: #fff; padding: 5px 10px; line-height: 1.3; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content03_sub h4 { font-size: 24px; margin-bottom: 20px; } }
#page .system .box01 .box_content03_sub p { font-size: 14px; line-height: 1.3; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content03_sub p { font-size: 16px; } }
#page .system .box01 .box_content03_item { margin-bottom: 20px; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content03_item { margin-bottom: 40px; display: table; table-layout: fixed; width: 100%; box-sizing: border-box; } }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content03_item .photo { display: table-cell; width: 360px; } }
#page .system .box01 .box_content03_item .photo img { vertical-align: bottom; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content03_item .txt { display: table-cell; vertical-align: top; padding-left: 30px; } }
#page .system .box01 .box_content03_item .txt h4 { font-size: 14px; line-height: 1.3; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #333; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content03_item .txt h4 { font-size: 24px; margin-bottom: 20px; } }
#page .system .box01 .box_content03_item .txt p { font-size: 14px; line-height: 1.3; }
@media only screen and (min-width: 768px) { #page .system .box01 .box_content03_item .txt p { font-size: 16px; } }
#page .system .box_last { border: none; }
#page .system .box_last:after { display: none; }
#page .system .box_next { margin-top: 100px; padding: 20px; background-color: #000; position: relative; }
@media only screen and (min-width: 768px) { #page .system .box_next { margin-top: 210px; padding: 40px; } }
#page .system .box_next:before { content: ""; display: block; position: absolute; width: 100%; height: 100px; top: -100px; left: 0; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #000000)); background: -moz-linear-gradient(#ffffff, #000000); background: -webkit-linear-gradient(#ffffff, #000000); background: linear-gradient(#ffffff, #000000); }
@media only screen and (min-width: 768px) { #page .system .box_next:before { height: 210px; top: -210px; } }
#page .system .box_next p { background-image: url("../img/system/next_sp.png"); background-position: 0 0; background-size: contain; padding-top: 57.1428%; }
@media only screen and (min-width: 768px) { #page .system .box_next p { background-image: url("../img/system/next.png"); padding-top: 47.7064%; } }
#page .system .box_next p span { display: none; }


#page .item { background-color: #fff; line-height: 1.4;}
@media only screen and (min-width: 1300px) { #page .item { width: 1170px; margin: 0 auto; } }
#page .item .title { padding-top: 25.6666%; background-image: url("../img/item/title_sp.png"); background-size: cover; }
@media only screen and (min-width: 768px) { #page .item .title { background-image: url("../img/item/title.png"); padding-top: 25.6410%; } }
#page .item .title span { display: none; }

#page .item .txt01 { padding: 5px 0 5px; line-height: 1.2; font-size: 18px; font-weight: bold; color:#0040a0; border-bottom: 1px solid #c0c0c0; }
#page .item .txt02 { padding: 5px 0 10px; line-height: 1.2; font-size: 16px; color: 0 ;}
#page .item .txt02 .price{ padding: 0 0 5px; line-height: 1.2; font-size: 16px; color: 0 ; font-weight: bold; }
#page .item .note { font-size: 12px;　line-height: 130%;　letter-spacing: 0.05em; font-weight: normal; color: 0 ;  padding: 0 ;}


#page .item .seihin  {border-bottom: 1px solid #000;}
#page .item .seihin .category{padding-top: 20px; border-bottom: 3px solid #A0A0A0; }
#page .item .seihin .category p{padding: 0 20px; margin: 0 ; font-family: serif; font-size: 32px; color:#606060; font-weight: bold;}
#page .item .seihin hr{ margin: 10px 0 0; border-color: #000000 ;}
#page .item .seihin a:hover { opacity: 0.8;}
#page .item .seihin .item01 { padding: 10px 15px; }
@media only screen and (min-width: 768px) { #page .item .seihin .item01 { padding: 10px 40px; } }
@media only screen and (max-width: 992px) { 
	#page .item .seihin .item01 .txt02 { border-bottom: 1px solid #000000;  margin-bottom: 20px; }
	#page .item .item01 hr{ display: none; }
}

#page .item .tips { padding: 20px 20px; font-size: 16px; line-height: 1.2; }

#page .event { background-color: #fff; }
@media only screen and (min-width: 1300px) { #page .event { width: 1170px; margin: 0 auto; } }
#page .event .title { background-image: url("../img/event/title.png"); padding-top: 20.5128%; background-size: cover; }
#page .event .title span { display: none; }
#page .event .title02 { background-image: url("../img/event/title02.png"); padding-top: 20.5128%; background-size: cover; }
#page .event .title02 span { display: none; }
#page .event .box_info { padding: 10px 10px 0; }
@media only screen and (min-width: 768px) { #page .event .box_info { padding: 40px 20px 0; } }
#page .event .box_info p { margin-bottom: 10px; }
@media only screen and (min-width: 768px) { #page .event .box_info p { margin-bottom: 20px; } }
#page .event .txt01 { font-size: 14px; font-weight: bold; line-height: 1.3; margin: 20px 0 15px; padding: 0 10px; }
@media only screen and (min-width: 768px) { #page .event .txt01 { margin: 40px 0 30px; font-size: 24px; padding: 0 20px; } }
#page .event .txt02 { font-size: 14px; line-height: 1.3; margin: 20px 0 15px; padding: 0 10px 20px; border-bottom: 1px solid #003388; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #page .event .txt02 { margin: 80px 0 40px; font-size: 20px; padding: 0 20px 40px; } }
@media only screen and (min-width: 1300px) { #page .event .txt02 { margin: 80px 0 40px; font-size: 24px; padding: 0 20px 40px; } }
#page .event .txt03 { color: #003388; font-size: 16px; font-weight: bold; text-align: center; line-height: 1.3; padding: 0 10px 10px; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #page .event .txt03 { font-size: 20px; padding: 0 0 30px; } }
@media only screen and (min-width: 1300px) { #page .event .txt03 { font-size: 40px; padding: 0 0 50px; } }
#page .event .txt02 { font-size: 14px; line-height: 1.3; margin: 20px 0 15px; padding: 0 10px 20px; border-bottom: 1px solid #003388; }
@media screen and (min-width: 768px) and (max-width: 1300px) { #page .event .txt02 { margin: 0 0 40px; font-size: 20px; padding: 0 20px 40px; } }
@media only screen and (min-width: 1300px) { #page .event .txt02 { margin: 0 0 40px; font-size: 24px; padding: 0 20px 40px; } }
#page .event .txt04 { font-size: 14px; line-height: 1.3; margin: 0 0 10px; display: table; padding: 0 10px; }
@media only screen and (min-width: 768px) { #page .event .txt04 { font-size: 22px; padding: 0 20px 0; } }
@media only screen and (min-width: 768px) { #page .event .txt04 dt { display: table-cell; width: 100px; } }
@media only screen and (min-width: 768px) { #page .event .txt04 dd { display: table-cell; } }
#page .event .box_railway { display: table; padding: 0 0 10px; margin: 0 0 30px; width: 100%; border-bottom: 1px solid #003388; }
@media only screen and (min-width: 768px) { #page .event .box_railway .left { display: table-cell; vertical-align: top; } }
@media only screen and (min-width: 768px) { #page .event .box_railway .right { display: table-cell; } }
#page .event .box_railway p { padding: 0 10px; }
#page .event .box01 { background-color: #ffcccc; margin: 0 10px 10px; border-radius: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box01 { position: relative; height: 280px; margin: 0 20px 40px; } }
#page .event .box01 h4 { background-color: #ea66aa; border-radius: 10px 10px 0 0; color: #fff; padding: 10px 20px; font-size: 20px; }
@media only screen and (min-width: 768px) { #page .event .box01 h4 { font-size: 32px; } }
#page .event .box01 .inbox { padding: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box01 .inbox { padding: 20px; } }
#page .event .box01 .left { margin-bottom: 5px; }
@media only screen and (min-width: 1300px) { #page .event .box01 .left { margin: 0; width: 600px; } }
@media only screen and (min-width: 1300px) { #page .event .box01 .right { position: absolute; top: 0; right: 0; } }
#page .event .box01 .right .img01 { background-image: url("../img/event/photo01_sp.png"); background-size: cover; padding-top: 58.4761%; }
@media only screen and (min-width: 1300px) { #page .event .box01 .right .img01 { background-image: url("../img/event/photo01.png"); background-size: auto; width: 477px; height: 280px; display: block; padding: 0; } }
#page .event .box01 .right .img01 span { display: none; }
#page .event .box01 h5 { font-size: 18px; margin: 10px 0; }
@media only screen and (min-width: 768px) { #page .event .box01 h5 { font-size: 40px; } }
#page .event .box01 p { line-height: 1.5; }
@media only screen and (min-width: 768px) { #page .event .box01 p { font-size: 20px; } }
#page .event .box01 img { vertical-align: bottom; }
#page .event .box02 { background-color: #dbbbdd; margin: 0 10px 10px; border-radius: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box02 { position: relative; height: 280px; margin: 0 20px 40px; } }
#page .event .box02 h4 { background-color: #993388; border-radius: 10px 10px 0 0; color: #fff; padding: 10px 20px; font-size: 20px; }
@media only screen and (min-width: 768px) { #page .event .box02 h4 { font-size: 32px; } }
#page .event .box02 .inbox { padding: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box02 .inbox { padding: 20px; } }
#page .event .box02 .left { margin-bottom: 5px; }
@media only screen and (min-width: 1300px) { #page .event .box02 .left { margin: 0; width: 500px; } }
@media only screen and (min-width: 1300px) { #page .event .box02 .right { position: absolute; top: -24px; right: 0; } }
#page .event .box02 .right .img01 { background-image: url("../img/event/photo02_sp.png"); background-size: cover; padding-top: 62.4761%; }
@media only screen and (min-width: 1300px) { #page .event .box02 .right .img01 { background-image: url("../img/event/photo02.png"); background-size: auto; width: 589px; height: 328px; display: block; padding: 0; } }
#page .event .box02 .right .img01 span { display: none; }
#page .event .box02 h5 { font-size: 18px; margin: 10px 0; }
@media only screen and (min-width: 768px) { #page .event .box02 h5 { font-size: 40px; } }
#page .event .box02 p { line-height: 1.5; }
@media only screen and (min-width: 768px) { #page .event .box02 p { font-size: 20px; } }
#page .event .box02 img { vertical-align: bottom; }
#page .event .box03 { background-color: #ffcc88; margin: 0 10px 10px; border-radius: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box03 { position: relative; height: 280px; margin: 0 20px 40px; } }
#page .event .box03 h4 { background-color: #ff991c; border-radius: 10px 10px 0 0; color: #fff; padding: 10px 20px; font-size: 20px; }
@media only screen and (min-width: 768px) { #page .event .box03 h4 { font-size: 32px; } }
#page .event .box03 .inbox { padding: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box03 .inbox { padding: 20px; } }
#page .event .box03 .left { margin-bottom: 5px; }
@media only screen and (min-width: 1300px) { #page .event .box03 .left { margin: 0; width: 500px; } }
@media only screen and (min-width: 1300px) { #page .event .box03 .right { position: absolute; top: 0; right: 0; } }
#page .event .box03 .right .img01 { background-image: url("../img/event/photo03_sp.png"); background-size: cover; padding-top: 67.0476%; }
@media only screen and (min-width: 1300px) { #page .event .box03 .right .img01 { background-image: url("../img/event/photo03.png"); background-size: auto; width: 598px; height: 303px; display: block; padding: 0; } }
#page .event .box03 .right .img01 span { display: none; }
#page .event .box03 h5 { font-size: 18px; margin: 10px 0; }
@media only screen and (min-width: 768px) { #page .event .box03 h5 { font-size: 40px; } }
#page .event .box03 p { line-height: 1.5; }
@media only screen and (min-width: 768px) { #page .event .box03 p { font-size: 20px; } }
#page .event .box03 img { vertical-align: bottom; }
#page .event .box04 { background-color: #bbddaa; margin: 0 10px 10px; border-radius: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box04 { position: relative; height: 280px; margin: 0 20px 40px; } }
#page .event .box04 h4 { background-color: #00aa33; border-radius: 10px 10px 0 0; color: #fff; padding: 10px 20px; font-size: 20px; }
@media only screen and (min-width: 768px) { #page .event .box04 h4 { font-size: 32px; } }
#page .event .box04 .inbox { padding: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box04 .inbox { padding: 20px; } }
#page .event .box04 .left { margin-bottom: 5px; }
@media only screen and (min-width: 1300px) { #page .event .box04 .left { margin: 0; width: 570px; } }
@media only screen and (min-width: 1300px) { #page .event .box04 .right { position: absolute; top: 0; right: 0; } }
#page .event .box04 .right .img01 { background-image: url("../img/event/photo04_sp.png"); background-size: cover; padding-top: 53.8461%; }
@media only screen and (min-width: 1300px) { #page .event .box04 .right .img01 { background-image: url("../img/event/photo04.png"); background-size: auto; width: 480px; height: 280px; display: block; padding: 0; } }
#page .event .box04 .right .img01 span { display: none; }
#page .event .box04 h5 { font-size: 18px; margin: 10px 0; }
@media only screen and (min-width: 768px) { #page .event .box04 h5 { font-size: 40px; } }
#page .event .box04 p { line-height: 1.5; }
@media only screen and (min-width: 768px) { #page .event .box04 p { font-size: 20px; } }
#page .event .box04 img { vertical-align: bottom; }
#page .event .box05 { background-color: #dddddd; margin: 0 10px 10px; }
#page .event .box05 h4 { background-color: #003388; color: #fff; padding: 10px 20px; font-size: 16px; border-bottom: 4px solid #f9cf00; }
@media only screen and (min-width: 768px) { #page .event .box05 h4 { padding: 15px 20px; font-size: 32px; } }
#page .event .box05 h4 span { font-size: 14px; }
@media only screen and (min-width: 768px) { #page .event .box05 h4 span { font-size: 24px; } }
#page .event .box05 .inbox { padding: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box05 .inbox { padding: 20px; } }
#page .event .box05 .box05_txt01 { line-height: 1.5; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { #page .event .box05 .box05_txt01 { font-size: 20px; margin-bottom: 20px; } }
#page .event .box05 .box05_txt02 { font-size: 14px; }
@media only screen and (min-width: 768px) { #page .event .box05 .box05_txt02 { font-size: 20px; } }
#page .event .box05 ul { list-style: none; }
@media only screen and (min-width: 1300px) { #page .event .box05 ul { display: table; margin-bottom: 20px; width: 100%; table-layout: fixed; } }
#page .event .box05 ul li { margin-bottom: 10px; }
@media only screen and (min-width: 1300px) { #page .event .box05 ul li { display: table-cell; margin: 0; }
  #page .event .box05 ul li:last-child { text-align: right; } }
#page .event .box05 img { vertical-align: bottom; }
#page .event .box06 { margin: 0 10px 10px; padding: 10px; background-color: #dddddd; }
@media only screen and (min-width: 1300px) { #page .event .box06 { margin: 0 20px 40px; } }
@media only screen and (min-width: 1300px) { #page .event .box06 dl { display: table; } }
@media only screen and (min-width: 1300px) { #page .event .box06 dl dt { display: table-cell; width: 300px; } }
#page .event .box06 dl dd { line-height: 1.5; }
@media only screen and (min-width: 1300px) { #page .event .box06 dl dd { display: table-cell; vertical-align: top; padding-left: 20px; font-size: 24px; font-weight: bold; } }

#footer { background-color: #333333; height: 49px; border-top: 1px solid #f9cf00; width: 100%; }
@media only screen and (min-width: 768px) { #footer { height: 98px; border-top: 2px solid #f9cf00; } }
#footer .copy { text-align: center; color: #fff; font-size: 12px; margin-top: 10px; }
@media only screen and (min-width: 768px) { #footer .copy { margin-top: 20px; } }
#footer .logo { text-align: center; margin-top: 7px; }
@media only screen and (min-width: 768px) { #footer .logo { margin-top: 14px; } }
#footer .logo span { display: none; }
#footer .logo a { display: inline-block; background-image: url("../img/common/logo_tomytec.png"); background-repeat: no-repeat; background-size: 70px 15px; width: 70px; height: 15px; }
@media only screen and (min-width: 768px) { #footer .logo a { background-size: 140px 30px; width: 140px; height: 30px; } }

#fixedTop { right: 10px; bottom: 10px; padding: 10px; color: #333; font-size: 20px; text-align: center; display: none; background-color: #f9cf00; position: fixed; border-radius: 5px; opacity: 0.7; }
@media only screen and (min-width: 768px) { #fixedTop { padding: 15px; }
  #fixedTop:hover { opacity: 1; } }


.main_img-container {
  display: flex;
  justify-content: center; /* 水平方向の中央に配置 */
  align-items: center;     /* 垂直方向の中央に配置 */
}

.banner-container {
  display: flex;
  justify-content: center; /* 水平方向の中央に配置 */
  align-items: center;     /* 垂直方向の中央に配置 */
  gap:20px;               /* バナー間の余白（お好みで調整） */
  flex-wrap: wrap;         /* 画面が狭い場合は折り返して縦並びにする */
  padding: 20px;
}

/* リンクのスタイル */
.banner-link {
  display: block;
  max-width: 100%; /* 画面幅を超えないようにする */
  height: auto;
}

@media only screen and (min-width: 1300px) { .banner-link:hover {box-shadow: 0 0 15px 7px #fff; }}