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

/* フレーム */
@media (min-width: 768px) {
.fixed header nav>ul>li:first-child img { width: 46px; height: 32px;}
.english #pc_logo img{ height: 63px; width: auto;}
.english header nav>ul>li>a{ letter-spacing:normal; font-size: 16px;}
.english.fixed header nav>ul>li:last-child{ display: none;}
.english.fixed header nav>ul>li{ width: 160px;}
.english.fixed header nav>ul>li>a{ font-size: 12px;}
.english footer #footer1>div{ padding-top: 40px; padding-bottom: 40px;}
#english_footer_ul{ font-size:0; text-align: center; margin-bottom: 0;}
#english_footer_ul li{ font-size:14px; display: inline-block;}
#english_footer_ul li::after,
#english_footer_ul li:first-child::before{ content:"|"; margin: 0 5px;}

.container.english_map{ margin-top:50px;}
#english_map{ font-size:0; margin-top: 28px;}
#english_map>div{ display:inline-block; width: 50%;}
#english_map>div:first-child{ padding-left: 0;}
#english_map>div:last-child{ padding-right: 0;}
#english_map>div:last-child>div{ padding:0 0 56.5168539% 0; overflow: hidden; vertical-align: bottom; height: 0; position: relative;}
#english_map>div:last-child>div iframe,
#english_map>div:last-child>div object,
#english_map>div:last-child>div embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.english footer #footer3>div ul li:first-child img{ height: 50px; width: auto;}

.english header #pc_subheader{ width:612px; text-align: right}

.main_img{ text-align: center; margin: 0 0 40px 0;}
.main_img img{ width: 960px;}
}

@media (max-width: 767px) {

.english header #sp_logo h1 img{ height:32px; width: auto;}

.container.english_map{ margin-top:30px;}
.container.english_map>div>div{ padding: 0;}
#english_map{ padding-top: 0px;}
#english_map>div{}
#english_map>div:last-child>div{ padding:0 0 56.5168539% 0; overflow: hidden; vertical-align: bottom; height: 0; position: relative;}
#english_map>div:last-child>div iframe,
#english_map>div:last-child>div object,
#english_map>div:last-child>div embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.english footer #footer1 div>ul{ margin-bottom:10px;}
.english footer #footer3>div ul li:first-child img{ width:auto; height: 30px;}

.main_img{ text-align: center; margin: 0 0 40px 0;}
.main_img img{ width: 100%;}
}

/* top */
#top_youtube_en{ font-size: 0;}
.top_title_link.top_welcom_en{ border-bottom: none;}
#top_welcom_en{ margin-bottom: 50px;}
#top_welcom_en,
#top_welcom_en .container{ background-color: #d8eee8;}
#top_welcom_en p{ color:#383838; letter-spacing: 0.3px; line-height: 1.65;}
.en_top_acros_img{ background:url(../images/en_top_img.jpg) no-repeat center center; padding-top: 61.5625%; background-size:100% auto; margin-bottom: 50px;}

.event_detail_sub_title {
	letter-spacing: normal;
}
.page_title_link>p {
	letter-spacing: normal;
}

@media (min-width: 768px) {
#top_youtube_en{ padding:0 15px; position: relative;}
.english #top_pickup{ margin-bottom:20px;}
.must_see_events li{ width: 300px; margin: 0 30px 30px 0;}
.must_see_events li:nth-child(3n+3){ margin-right:0;}
#top_welcom_en .container{ padding-top:30px; padding-bottom: 20px;}
}
@media (max-width: 767px) {
#top_youtube_en{ position: relative; width: 100%; padding-top: 56.25%;}
#top_youtube_en iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.en_top_content{ margin:0 -10px;}
.english #top_pickup{ margin-bottom:;}
.must_see_events{ font-size:0;}
.must_see_events li{ width: 48.5%; margin-right: 3%; display: inline-block;}
.must_see_events li:nth-child(2n+2){ margin-right:0;}
#top_welcom_en .container{ padding-top:15px; padding-bottom: 5px;}
.en_top_acros_img{ margin-left:-10px; margin-right: -10px;}

}


#instagram_h2{ background:url(../../images/instagram_logo.png) no-repeat, url(../../../common/images/toph2linkborder.png) repeat-y right top;}
@media (min-width: 768px) {
#instagram_h2{ background-size: 30px,2px auto; background-position: 135px 16px,right 0px top 16px;}
}
@media (max-width: 767px) {
#instagram_h2{ background-size: 15px,2px auto; background-position: 95px 9px,right 0px top 10px;}
}


#top_pickup ul li a p.en{ display: block;}
#top_pickup ul li a p>span.ellipsis3{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

@media (min-width: 768px) {
#top_pickup ul li a p>span.ellipsis3{ max-height: 60px;}

}
@media (max-width: 767px) {
#top_pickup ul li a p>span.ellipsis3{ max-height: 60px;}

}




@media (min-width: 768px) {
	.en_banner{ text-align: center; margin: 0 0 40px;}
	.en_banner img{ width: 600px;}
}
@media (max-width: 767px) {
	.en_banner{ text-align: center; margin: 0 0 40px;}
	.en_banner img{ width: 100%;}
}




@media (min-width: 768px) {}
@media (max-width: 767px) {}




@media (min-width: 768px) {}
@media (max-width: 767px) {}




@media (min-width: 768px) {}
@media (max-width: 767px) {}