@charset "utf-8";
/* 営業案内ライブカメラ 2025.02 */
.lc252_pb_01 { padding-bottom: 24px!important; }
.lc252_pt_01 { padding-top: 24px!important; }
.lc252_pt_02 { padding-top: 12px!important; }


/* 営業案内タイトル 2024.10 */
.bid_title_01 { font-size: 42px; line-height: 1.4; }
@media (max-width: 1399px) {
.bid_title_01 { font-size: 36px; }
}
@media (max-width: 991px) {
.bid_title_01 { font-size: 30px; }
}
@media (max-width: 767px) {
.bid_title_01 { font-size: 24px; font-weight: 600; }
}
@media (max-width: 575px) {
.bid_title_01 { font-size: 18px; font-weight: 600; }
}


/* アイコン 2024.10 */
.today_ic_open { font-family: 'Noto Sans JP！', sans-serif!important; line-height: 1; font-size: 12px; font-weight: 500; background-color: #007bbb; text-align: center; color: #ffffff; padding-top: 6px; padding-right: 8px; padding-left: 8px; padding-bottom: 6px; border-radius: 6px; margin-top: -1px; height: 24px; }
.today_ic_open:before {content: "営業中"; white-space: pre;}
.today_ic_off { font-family: 'Noto Sans JP！', sans-serif!important; line-height: 1; font-size: 12px; font-weight: 500; background-color: #383c3c; text-align: center; color: #ffffff; padding-top: 6px; padding-right: 8px; padding-left: 8px; padding-bottom: 6px; border-radius: 6px; margin-top: -1px; height: 24px; }
.today_ic_off:before {content: "時間外"; white-space: pre;}
.today_ic_cancel { font-family: 'Noto Sans JP！', sans-serif!important; line-height: 1; font-size: 12px; font-weight: 500; background-color: #a22041; text-align: center; color: #ffffff; padding-top: 6px; padding-right: 8px; padding-left: 8px; padding-bottom: 6px; border-radius: 6px; margin-top: -1px; height: 24px; }
.today_ic_cancel:before {content: "中　止"; white-space: pre;}
@media (max-width: 1699px) {
.today_ic_open { padding-top: 4px; margin-top: 0px; height: 22px; }
.today_ic_off { padding-top: 4px; margin-top: 0px; height: 22px; }
.today_ic_cancel { padding-top: 4px; margin-top: 0px; height: 22px; }
}
@media (max-width: 575px) {
.today_ic_open { padding-top: 6px; height: 24px; }
.today_ic_off { padding-top: 6px; height: 24px; }
.today_ic_cancel { padding-top: 6px; height: 24px; }
}
@media (max-width: 479px) {
.today_ic_open { font-size: 11px; height: 23px; }
.today_ic_off { font-size: 11px; height: 23px; }
.today_ic_cancel { font-size: 11px; height: 23px; }
}



/* 営業案内 2024.10 */
.today_alpha a:hover img { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; transition: all, 0.25s, linear; }
.today_lup_01 { color: #121212!important; font-weight: 600!important; }
.today_lup_02 { color: #121212!important; font-weight: 600!important; font-size: 22px!important; }
.today_title_01 { font-size: 18px; }
.today_p_01 { margin-top: 12px; margin-bottom: 6px; padding-bottom: 6px; color: #fff; font-size: 15px; line-height: 1.4; border-bottom: 1px dotted #121212; }
.today_p_02 { color: #fff; font-size: 15px; line-height: 1.4; }
.today_box_01 { background-color: hsla(347,100%,45%,0.84); border-radius: 12px; padding-top: 16px; padding-right: 24px; padding-bottom: 16px; padding-left: 24px; }
.today_congestion_01 { width: 100%; height: 100%; padding: 24px; border-radius: 12px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; background-color: hsla(19,100%,50%,0.24); }
.today_congestion_02 { width: 100%; height: 100%; padding: 24px; border-radius: 12px; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; background-color: hsla(0,0%,100%,0.84); }
.today_shikaku:hover img { box-shadow: 0 0 23px 0 rgba(255,255,255,0.50); }
.today_btn_01 { padding-top: 12px!important; padding-bottom: 12px!important; padding-left: 12px!important; padding-right: 12px!important; width: 32%!important; margin-left: 0px!important; margin-bottom: 0px!important; }
.today_btn_02 { padding-top: 12px!important; padding-bottom: 12px!important; padding-left: 12px!important; padding-right: 12px!important; width: 32%!important; margin-left: 0px!important; margin-bottom: 0px!important; }
.today_icon_00 { display: flex; margin-top: 2px; }
.today_mt_01 { margin-top: 6px!important; }
.today_mt_02 { margin-top: 18px!important; }
.today_mt_03 { margin-top: -6px!important; }
.today_fc_01 { color: #e60033; }
.today_fs_01 { font-size: 84%; }
.today_br_01 { display: none; }
.today_br_02 { display: none; }
.today_br_03 { display: inherit; }
.today_ds_01 { display: inherit; }
.today_ds_479 { display: inherit; }
.sns_icon_size { font-size: 24px; }
.sns_alpha a:hover  { opacity: 1 ; }
a.sns_type_01 { color: #333!important; }
a.sns_type_01:hover { color: #ff4f00!important; }

@media (max-width: 1699px) {
.today_mt_03 { margin-top: -4px!important; }
}
@media (max-width: 1399px) {
.today_lup_02 { font-size: 21px!important; }
.today_title_01 { font-size: 17px; }
.today_p_01 { font-size: 14px; }
.today_p_02 { font-size: 14px; }
.sns_icon_size { font-size: 22px; }
}
@media (max-width: 1199px) {
.today_ds_01 { display: none; }
}
@media (max-width: 991px) {
.today_lup_02 { font-size: 20px!important; }
.today_mt_02 { margin-top: 24px!important; }
.today_ds_01 { display: inherit; }
.sns_icon_size { font-size: 20px; }
}
@media (max-width: 767px) {
.today_lup_02 { font-size: 19px!important; }
.today_title_01 { font-size: 16px; }
.today_p_01 { font-size: 13px; }
.today_p_02 { font-size: 13px; }
.today_br_01 { display: inherit; }
.today_br_02 { display: inherit; }
.today_btn_01 { padding-top: 6px!important; padding-bottom: 6px!important; padding-left: 6px!important; padding-right: 6px!important; width: 40%!important; }
.today_btn_02 { padding-top: 6px!important; padding-bottom: 6px!important; padding-left: 6px!important; padding-right: 6px!important; width: 28%!important; }
.sns_icon_size { font-size: 18px; }
}
@media (max-width: 575px) {
.today_lup_02 { font-size: 18px!important; }
.today_title_01 { font-size: 15px; }
.today_p_01 { font-size: 12px; }
.today_p_02 { font-size: 12px; }
.today_mt_03 { margin-top: -6px!important; }
.today_br_02 { display: none; }	
.today_br_03 { display: none; }
.sns_icon_size { font-size: 16px; }
}
@media (max-width: 479px) {
.today_title_01 { font-size: 14px; }
.today_p_01 { font-size: 11px; }
.today_p_02 { font-size: 11px; }
.today_ds_479 { display: none; }
}

/*今夜のライトアップと営業案内の高さをそろえる*/
@media (min-width: 992px) {
.today_wrap {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
  align-items: center;
}
.today_inner{ width: calc(100% - 72px); position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) ranslateX(-50%); }
}


/* 2024.10以前 */
.top_title_01 { font-size: 42px; line-height: 1.4; }
.top_title_02 { font-size: 30px; line-height: 1.4; }
.top_title_03 { font-size: 24px; line-height: 1.4; }
.top_p_01 { font-size: 18px; line-height: 1.6; }
@media (max-width: 1920px) {
}
@media (max-width: 1599px) {
}
@media (max-width: 1399px) {
.top_title_01 { font-size: 39px; }
.top_title_02 { font-size: 27px; }
.top_title_03 { font-size: 21px; }
.top_01 { font-size: 17px; }
}
@media (max-width: 1024px) {
}
@media (max-width: 991px) {
.top_title_01 { font-size: 36px; }
.top_title_02 { font-size: 24px; }
.top_title_03 { font-size: 18px; }
.top_01 { font-size: 16px; }
}
@media (max-width: 767px) {
.top_title_01 { font-size: 30px; font-weight: 600; }
.top_title_02 { font-size: 21px; font-weight: 400; }
.top_title_03 { font-size: 18px; font-weight: 400; }
.top_01 { font-size: 15px; }
}
@media (max-width: 575px) {
.top_title_01 { font-size: 24px; font-weight: 600; }
.top_title_02 { font-size: 18px; font-weight: 600; }
.top_title_03 { font-size: 16px; font-weight: 600; }
.top_01 { font-size: 14px; }
}
@media (max-width: 479px) {
}


.ptb_96_96 { padding-top: 96px; padding-bottom: 96px; }
.fs_18 { font-size: 18px; }
@media (max-width: 767px) {
.dp767_off { display: none; }
.ptb_96_96 { padding-top: 60px; padding-bottom: 60px; }
.fs_18 { font-size: 17px; }
}
@media (max-width: 575px) {
.fs_18 { font-size: 16px; }
}
@media (max-width: 479px) {
.fs_18 { font-size: 15px; }
}


/*メインビジュアル main visual*/
.ptb_video { padding-top: 240px; padding-bottom: 240px; }
.main_visual_767_on { display: none; }
@media (max-width: 767px) {
.main_visual_767_off { display: none; }
.main_visual_767_on { display: inherit; }
}


/*営業案内*/
* + .container { margin-top: 60px; }
.sales_fs_70p { font-size: 70%; }
.sales_mw_652 { max-width: 652px; }
.thumbnail-circle:hover img {
	box-shadow: 0 5px 23px 0 rgba(0, 0, 0, 0.50);
	border-radius: 50%;
}
.sales_mb_48 { margin-bottom: 48px; }
/*
.emergency a { width: 100%; padding: 24px; margin-bottom: 24px; border-radius: 4px; background-color: rgba(255,79,0,0.12); }
.emergency a .emergency_text { max-width: 100%; }
.emergency a:hover { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); }
*/
.emergency_box {
	width: 100%;
    padding: 24px;
    margin-bottom: 24px;
    border-radius: 4px;
    background-color: rgba(255,79,0,0.12);
}
.emergency_box:hover { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); }
.navi_text { font-size: 15px; font-weight: bold; color: #000000 }
.navi_text_02 { font-size: 15px;  color: #000000 }
.congestion { width: 100%; padding: 24px; margin-bottom: 24px; border-radius: 4px; background-image: url("../images/top_bg_congestion.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.dotted{ width: 100%; background-image : linear-gradient(to right, #000 2px, transparent 2px); background-size: 10px 2px; background-repeat: repeat-x; padding-top: 24px; margin-top: 24px; }
.sales_mr_12 { margin-right: 12px; }
.ic_off { font-family: 'Noto Sans JP！', sans-serif!important; line-height: 1; font-size: 13px; font-weight: 600; background-color: #95949a; text-align: center; color: #ffffff; padding: 1px 6px; border-radius: 3px; }
.ic_off:before {content: "時間外"; white-space: pre;}
.ic_open { font-family: 'Noto Sans JP！', sans-serif!important; line-height: 1; font-size: 13px; font-weight: 600; background-color: #007bbb; text-align: center; color: #ffffff; padding: 1px 6px; border-radius: 3px; }
.ic_open:before {content: "営業中"; white-space: pre;}
.ic_cancel { font-family: 'Noto Sans JP！', sans-serif!important; line-height: 1; font-size: 13px; font-weight: 600; background-color: #c9171e; text-align: center; color: #ffffff; padding: 1px 10.34px; border-radius: 3px; }
.ic_cancel:before {content: "中 止"; white-space: pre;}
.sns_alpha a:hover  { opacity: 0.5 ; }
.icon_sns { font-size: 42px; }
@media (max-width: 1399px) {
.icon_sns { font-size: 36px; }
}
@media (max-width: 991px) {
.icon_sns { font-size: 30px; }
}
@media (max-width: 767px) {
.icon_sns { font-size: 24px; }
}


/*スライダー*/
.slider_shadow_600 { text-shadow: #e6b422 3px 0 12px; font-weight: 600; }
.slider_shadow_400 { text-shadow: #e6b422 3px 0 12px; font-weight: 400; }


/*バナー banner*/
.banner_fw_400 { font-weight: 400; }
.banner_title_en { font-family: 'Oswald', sans-serif; }
.banner_bg_33 { max-width: 33%; margin-left: 68%; padding: 48px 24px; background-color: rgba(0,0,0,0.80); height: 100%; }
.banner_bg_33 > * { color: #fff; }
.banner_bg_33_b { max-width: 33.3%; margin-left: 68%; padding: 48px 24px; background-color: rgba(0,0,0,0.80); height: 100%; }
.banner_bg_33_b > * { color: #fff; }
.banner_fs_01 { font-size: 16px; font-weight: 600; }
@media screen and (max-width:1366px) and (min-width:992px){ 
.banner_bg_33 { max-width: 40%; margin-left: 60%; } 
.banner_bg_33_b { max-width: 40%; margin-left: 60%; } 
.banner_fs_01 { font-size: 14px; }
}
@media (max-width: 991px) {
.banner_991_h12 { margin-top: 12px; }
}
@media (max-width: 767px) {
.banner_bg_33 { max-width: 50%; margin-left: 50%; }
.banner_bg_33_b { max-width: 50%; margin-left: 50%; }
.banner_br_767_off { display: none; }
}


/*インフォメーション*/
#info a:link { color:#FF4F00; }
#info a:visited { color:#FF4F00; }
#info a:hover { color:#000; }
#info a:active { color:#FF4F00; }
.info_title_en { font-family: 'Oswald', sans-serif; }
.ic_contact { line-height: 1; font-size: 10px; background-color: #A0D8EF; text-align: center; color: #151515; padding: 4px 12px; border-radius: 3px; }
.ic_contact:before {content: "お知らせ"; white-space: pre;}
.ic_report {
	line-height: 1;
	font-size: 10px;
	background-color: #E6CDE3;
	text-align: center;
	color: #151515;
	padding: 4px 12px;
	border-radius: 3px;
}
.ic_report:before {content: "報道発表"; white-space: pre;}
.ic_new {
	background-color: #D91119;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	border-radius: 4px;
	font-size: 7px;
	margin-right: 6px;
	color: #FFFFFF;
}
.ic_new:before {content: "NEW"; white-space: pre;}
.info_fs_12 { font-size: 12px; }


/*モーダル*/
.overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
position: fixed;
z-index: 1000000;
}
.btn_area { width: 600px; height: 600px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; text-align: center; z-index: 2 }
@media (max-width: 1920px) {
.btn_area { width: 552px; height: 550px; }
}
@media (max-width: 1599px) {
.btn_area { width: 504px; height: 504px; }
}
@media (max-width: 1399px) {
.btn_area { width: 456px; height: 456px; }
}
@media (max-width: 991px) {
.btn_area { width: 600px; height: 600px; }
}


.btn_area .ttl {
font-weight: bold
}
.btn_area p {
padding: 15px
}
.btn_area button {
display: block;
margin: 0 auto;
background: #333;
color: #fff;
padding: 0px 0px;
border: none
}
.btn_area button:hover {
background: #777
}
.top_pop img:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
.btn_area { width: 400px; height: 400px; }
}
@media (max-width: 575px) {
.btn_area { width: 300px; height: 300px; }
}
/*END*/


/*サイドボタン*/
.fixed_btn { 
position: fixed;
bottom: 10vh;
left: 12px;
z-index: 100000;

    &.is-hidden {
        visibility: hidden;
        opacity: 0;
    }
}
.top_ticket { opacity: 0.84;}
.top_ticket img:hover { opacity: 0.7; }
.sb_767_off { display: inherit; }
@media (max-width: 767px) {
.sb_767_off { display: none; }
}
/*END*/