@charset "UTF-8";

@media screen and (min-width: 641px){/* PC */

.ticket_open { font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.mainimg { background: url(../img/mainimg.jpg) no-repeat center 0; min-height: 700px; min-width: 1080px; }
.mainimg h2 { width: 1080px; margin: 0 auto; overflow: hidden; }
.mainimg h2 img { margin: 38px 0 0 26px; }
.mainimg .maintxt {  width: 1080px; margin: 0 auto; }
.mainimg .maintxt p { margin: 20px 0 0 55px; width: 560px; font-size: 18px; font-weight: bold; color: #fff;
	text-shadow: 1px 1px 2px #1F3763, -1px 1px 2px #1F3763, 1px -1px 2px #1F3763, -1px -1px 2px #1F3763; }
.mainimg ul { list-style: none; text-align: center; margin: 30px auto 45px; width: 1080px; }
.mainimg ul li { display: inline-block; vertical-align: top; color: #004683; margin: 0 20px; position: relative; }
.mainimg ul li p { position: absolute; top: 130px; left: 0; width: 100%; text-align: center; font-weight: bold; }
.mainimg ul li span { font-size: 12px; }
.mainimg ul li:first-child { margin: 0 20px 0 0; }
.mainimg ul li:last-child { margin: 0 0 0 20px; }

.present_list { width: 1062px; margin: 0 auto; }
.present_list .present_list_head { background: #0f5eac; color: #fff; padding: 15px 20px; position: relative; border: 1px solid #0185ce; }
.present_list .present_list_head h3 { margin: 0; font-size: 25px; line-height: 100%; }
.present_list .present_list_head h3 span { font-size: 16px; padding: 0 0 0 10px; font-weight: normal; line-height: 100%; }
.present_list .present_list_head .entry_date { margin: 0; font-size: 16px; position: absolute; top: 15px; right: 20px; }
.present_list .present_list_head:after, .present_list .present_list_head:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.present_list .present_list_head:after {
	border-top-color: #0f5eac;
	border-width: 25px;
	margin-left: -25px;
}
.present_list .present_list_head:before {
	border-top-color: #0185ce;
	border-width: 26px;
	margin-left: -26px;
}

.area_select { margin: 40px 0 35px; text-align: center; }
.area_select p { display: inline-block; color: #0f5eac; font-size: 22px; font-weight: bold; padding: 0 28px 0 0; background: url(../img/arr_icon.png) no-repeat right; margin: 0 15px 0 0; }
.area_select select { font-weight: bold; font-size: 16px; padding: 5px 10px; min-width: 390px; }


.area_contents { background: url(../img/areabg.png) repeat; padding: 30px 25px 10px; position: relative; margin: 0 0 45px; }
.area_contents h4 { margin: 0 0 15px; padding: 0 0 0 60px; color: #0f5eac; font-size: 25px; background: url(../img/japan_icon.png) no-repeat 0; }
.area_contents .area_img { width: 295px; position: absolute; top: 30px; right: 25px; }
.area_contents .area_img img { width: 100%; }

.area_contents .area_skylist_mini { list-style: none; margin: 0; padding: 0; width: 640px; line-height: 110%; color: #555; }
.area_contents .area_skylist_mini li { margin: 0 5px 0 0; font-size: 12px; display: inline-block; padding: 0 10px 0 0; line-height: 100%; border-right: 1px solid #555; }
.area_contents .enrty_btn {}
.area_contents .enrty_btn a { display: block; width: 640px; text-align: center; color: #0f5eac; border: 3px solid #7997c9; font-size: 22px; padding: 15px 0; background: #fff; border-radius: 10px; text-decoration: none; font-weight: bold; }
.area_contents .enrty_btn a span { margin: 0; padding: 0; background: url(../img/check_icon.png) no-repeat 0; padding: 0 0 0 35px; }

.area_contents .entry_info { width: 640px; text-align: right; color: #333; font-size: 15px; }
.area_contents .entry_info a { color: #333; }


.area_skylist { list-style: none; margin: 0; padding: 0; }
.area_skylist li { margin: 0 0 20px; background: #fff; padding: 15px 25px 20px; }
.area_skylist li dl { }
.area_skylist li dl dt { display: table; width: 100%; }
.area_skylist li dl dt a { color: #2887bf; font-size: 19px; font-weight: bold; }
.area_skylist li dl dt .sky_name { display: table-cell; vertical-align: bottom; }
.area_skylist li dl dt .ticket_detail { display: table-cell; text-align: right; font-size: 14px; }
.area_skylist li dl dt .ticket_detail p { display: inline-block; border: 1px solid #ccc; padding: 5px 10px; margin: 0 0 5px; }
.area_skylist li dl dt .ticket_detail p span { border-left: 1px dotted #000; display: inline-block; margin: 0 0 0 5px; padding: 0 0 0 5px; }
.area_skylist li dl dd.sky_detail { display: block; margin: 0; padding: 15px 0 0; font-size: 14px; border-top: 1px dotted #000; }


.entry_info_detail { width: 1062px; margin: 0 auto 50px; border-bottom: 3px solid #ececec; }
.entry_info_detail h3 { padding: 40px 0 35px; text-align: center; font-size: 22px; margin: 0; }

.entry_info_detail dl { padding: 25px 20px; border-top: 3px solid #ececec; display: table; width: 100%; margin: 0; font-size: 14px; font-weight: bold; }
.entry_info_detail dl dt { display: table-cell; padding: 0; width: 225px; }
.entry_info_detail dl dd { display: table-cell; padding: 0; }

.area_btns { width: 1000px; margin: 0 auto 70px; list-style: none; padding: 0; text-align: center; }
.area_btns li { display: inline-block; margin: 0 5px 15px; }
.area_btns li a { display: inline-block; text-align: center; color: #0f5eac; border: 2px solid #7e9ccc; font-size: 16px; padding: 20px 25px; background: #fff; border-radius: 10px; text-decoration: none; font-weight: bold; }
.area_btns li a span { margin: 0; padding: 0; background: url(../img/check_icon.png) no-repeat 0; background-size: 16px; padding: 0 0 0 27px; font-size: 19px; }


}



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

body { font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


.mainimg {  }
.mainimg h2 { margin: 0;}
.mainimg h2 img { width: 100% }
.mainimg .maintxt { margin: -20px 20px 15px; }
.mainimg .maintxt p { font-weight: bold; font-size: 12px; }
.mainimg ul { list-style: none; margin: 0; padding: 0; }
.mainimg ul li { position: relative; color: #004683; }
.mainimg ul li img { width: 100%; }
.mainimg ul li div { position: absolute; right: 5px; top: 45%; width: 50%; font-size: 13px; text-align: center; font-weight: bold; }
.mainimg ul li div p { margin: 0; }
.mainimg ul li span { font-size: 10px; font-weight: normal; }
.mainimg ul li:nth-child(3) div, .mainimg ul li:nth-child(4) div { top: 30%; }

.present_list { margin: 0; }
.present_list .present_list_head { background: #0f5eac; color: #fff; padding: 15px 20px; border: 1px solid #0185ce; position: relative; }
.present_list .present_list_head h3 { margin: 0; font-size: 16px; line-height: 100%; text-align: center; }
.present_list .present_list_head h3 span { font-size: 12px; padding: 0 0 0 10px; font-weight: normal; line-height: 100%; }
.present_list .present_list_head .entry_date { margin: 0; font-size: 12px; }
.present_list .present_list_head:after, .present_list .present_list_head:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.present_list .present_list_head:after {
	border-top-color: #0f5eac;
	border-width: 15px;
	margin-left: -15px;
}
.present_list .present_list_head:before {
	border-top-color: #0185ce;
	border-width: 16px;
	margin-left: -16px;
}

.area_select { margin: 20px 0 25px; text-align: center; }
.area_select p { display: inline-block; color: #0f5eac; font-size: 16px; font-weight: bold; padding: 0; margin: 0; }
.area_select select { font-weight: bold; font-size: 14px; padding: 5px 10px; min-width: 90%; }


.area_contents { background: url(../img/areabg.png) repeat; padding: 15px 10px 10px; position: relative; margin: 0 0 20px; }
.area_contents h4 { margin: 0 0 10px; color: #0f5eac; font-size: 16px; text-align: center; }
.area_contents h4 span {  background: url(../img/japan_icon.png) no-repeat 0; background-size: 20px; padding: 0 0 0 30px; }
.area_contents .area_img { margin: 0; padding: 0; }
.area_contents .area_img img { width: 100%; }

.area_contents .area_skylist_mini { list-style: none; margin: 0; padding: 0; line-height: 110%; color: #555; }
.area_contents .area_skylist_mini li { margin: 0 5px 0 0; font-size: 10px; display: inline; padding: 0 10px 0 0; line-height: 100%; border-right: 1px solid #555; }
.area_contents .enrty_btn {}
.area_contents .enrty_btn a { display: block; width: 98%; text-align: center; color: #0f5eac; border: 2px solid #7997c9; font-size: 14px; padding: 10px 0; background: #fff; border-radius: 10px; text-decoration: none; font-weight: bold; margin: 0 auto; }
.area_contents .enrty_btn a span { margin: 0; padding: 0; background: url(../img/check_icon.png) no-repeat 0; background-size: 13px; padding: 0 0 0 25px; }

.area_contents .entry_info { text-align: center; color: #333; font-size: 12px; }
.area_contents .entry_info a { color: #333; }


.area_skylist { list-style: none; margin: 0; padding: 0; }
.area_skylist li { margin: 0 0 20px; background: #fff; padding: 10px 10px 10px; }
.area_skylist li dl { padding: 0; margin: 0; }
.area_skylist li dl dt { padding: 0; margin: 0; }
.area_skylist li dl dt a { color: #2887bf; font-size: 16px; font-weight: bold; display: block; }
.area_skylist li dl dt .sky_name { padding: 0; margin: 0 0 5px; }
.area_skylist li dl dt .ticket_detail { display: table-cell; text-align: right; font-size: 12px; }
.area_skylist li dl dt .ticket_detail p { display: inline-block; border: 1px solid #ccc; padding: 5px 10px; margin: 0 0 5px; }
.area_skylist li dl dt .ticket_detail p span { border-left: 1px dotted #000; display: inline-block; margin: 0 0 0 5px; padding: 0 0 0 5px; }
.area_skylist li dl dd.sky_detail { display: block; margin: 0; padding: 5px 0 0; font-size: 12px; border-top: 1px dotted #000; }


.entry_info_detail { margin: 0 auto 40px; border-bottom: 2px solid #ececec; }
.entry_info_detail h3 { padding: 20px 0 15px; text-align: center; font-size: 18px; margin: 0; }

.entry_info_detail dl { border-top: 2px solid #ececec; display: table; width: 100%; margin: 0; font-size: 12px; }
.entry_info_detail dl dt { display: table-cell; padding: 5px; width: 20%; font-weight: bold; }
.entry_info_detail dl dd { display: table-cell; padding: 5px; }

.area_btns { margin: 0 auto; list-style: none; padding: 0; text-align: center; }
.area_btns li { display: block; margin: 0 5px 15px; }
.area_btns li a { display: block; text-align: center; color: #0f5eac; border: 2px solid #7e9ccc; font-size: 12px; padding: 10px 0; background: #fff; border-radius: 10px; text-decoration: none; font-weight: bold; }
.area_btns li a span { margin: 0; padding: 0; background: url(../img/check_icon.png) no-repeat 0; background-size: 13px; padding: 0 0 0 23px; font-size: 14px; }



}