@charset "utf-8";

/* ==================================================
Setting by CMS sheets
================================================== */

body,
input,
select,
textarea {
	font-family:"UD Shin Go Regular", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 500;
}
body #tmp_contents p em,
#tmp_contents h1,
#tmp_contents h2,
#tmp_contents h3,
#tmp_contents h3,
#tmp_contents h4,
#tmp_contents h5,
#tmp_contents h6,
#tmp_contents .box_link .box_link_ttl p,
#tmp_contents .box_info .box_info_ttl p,
#tmp_feedback input,
#tmp_doing .sec_ttl h2,
#tmp_popular .sec_ttl h2,
#tmp_economy .sec_ttl h2,
#tmp_splide_doing .media_ttl,
#tmp_splide_popular .media_ttl{
	font-family:"UD Shin Go DemiBold", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
#tmp_doing .sec_ttl h2,
#tmp_popular .sec_ttl h2,
#tmp_economy .sec_ttl h2 {
	font-family:"UD Shin Go Medium", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 600;
}
#tmp_news .news_ttl h2,
#tmp_doing .sec_ttl p,
#tmp_popular .sec_ttl p,
#tmp_economy .sec_ttl p,
#tmp_economy .description{
	font-family:"UD Shin Go Regular", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 500;
}

/* if "em" is not rendered correctly */
/*
em {
	font-family: "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; 
}
*/

a:link,
a:active,
a:visited {
	color: #1f65cd;
}
a:hover {
	text-decoration: none;
}
body {
	color: #222222;
	font-size: 112.5%;
}

.show_sp{
	display: none;
}
/* Styles
================================================== */


/* text */

.txt_red {
	color: #Ba1414;
	/* Setting by CMS sheets */
}

.txt_green {
	color: #136740;
	/* Setting by CMS sheets */
}

.txt_big {
	font-size: 130%;
	/* Setting by CMS sheets */
}

.txt_small {
	font-size: 86%;
	/* Setting by CMS sheets */
}


/* bgcolor */

td.bg_red,
th.bg_red {
    color: inherit;
    background-color: #FCECEC;
    /* Setting by CMS sheets */
}

td.bg_yellow,
th.bg_yellow {
    color: inherit;
    background-color: #FBFBDF;
    /* Setting by CMS sheets */
}

td.bg_blue,
th.bg_blue {
    color: inherit;
    background-color: #EBF9FC;
    /* Setting by CMS sheets */
}

td.bg_gray,
th.bg_gray {
    color: inherit;
    background-color: #E9E9E9;
    /* Setting by CMS sheets */
}

td.bg_green,
th.bg_green {
    color: inherit;
    background-color: #EDFBEE;
    /* Setting by CMS sheets */
}

td.bg_purple,
th.bg_purple {
    color: inherit;
    background-color: #EDE9FA;
    /* Setting by CMS sheets */
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ==================================================
Base-Layout
================================================== */

#tmp_wrapper {
	position: relative;
	color: #ffffff;
	background: #141937 url(/shared/templates/night_event_free_rn/image/icon/gradient_wrap_bg.png) no-repeat left 400px;
	background-size: 100% auto;
	margin: 0 auto;
	min-width: 1220px;
}
#tmp_wrapper:after{
	content: '';
	pointer-events: none;
    position: absolute;
    top: 89px;
    left: 50%;
    margin-left: 206px;
    width: 524px;
    height: 334px;
    color: inherit;
	background: transparent url(/shared/site_night_event_rn/images/header/header_pattern.png) no-repeat;
	background-size: auto 334px;
	max-width: calc(50% - 206px);
}
.format_top #tmp_wrapper{
	background-image: url(/shared/site_night_event_rn/images/main/gradient_bg_top.png);
    background-repeat: no-repeat;
	background-position: center 43px;
	background-size: 100% 1058px;
}
.format_top #tmp_wrapper:after{
	z-index: 4;
    top: 82px;
    margin-left: 44px;
    width: 714px;
    height: 370px;
	background-image: url(/shared/site_night_event_rn/images/header/header_top_pattern.png);
	background-size: auto 370px;
	max-width: calc(50% - 45px);
}
.container:before,
.container:after {
	content: '';
	display: table;
}

.container:after {
	clear: both;
}

.container {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}


/* format カラムのレイアウトのbaseロジック
============================== */

.wrap_col_nm {
	width: 100%;
	/* 変更しない */
	float: left;
	/* 変更しない */
}

.col_nm {
	width: 100%;
	/* 変更しない */
}

.wrap_col_lft_navi {
	float: left;
	/* 変更しない */
	position: relative;
	/* 変更しない */
	z-index: 1;
	/* 変更しない */
}

.wrap_col_rgt_navi {
	float: right;
	/* 変更しない */
}

.column_full .wrap_col_main {
	width: 100%;
	/* 変更しない */
	float: right;
	/* 変更しない */
}

.column_lnavi .wrap_col_main {
	width: 100%;
	/* 変更しない */
	float: right;
	/* 変更しない */
}

.column_rnavi .wrap_col_main {
	width: 100%;
	/* 変更しない */
	float: left;
	/* 変更しない */
}

.col_main {
	padding: 0;
	/* デザインによって変更 */
}


/* free
============================== */

.format_free .wrap_col_nm {
	margin-right: -210px;
	/* デザインによって変更 */
}

.format_free .wrap_col_nm2 {
	margin-right: 210px;
	/* デザインによって変更 */
}

.format_free .wrap_col_lft_navi {
	width: 200px;
	/* デザインによって変更 */
	margin-right: -210px;
	/* デザインによって変更 */
}

.format_free .col_lft_navi {
	padding: 10px;
	/* デザインによって変更 */
	color: inherit;
	background-color: #CCDDEE;
}

.format_free .wrap_col_rgt_navi {
	width: 262px;
	/* デザインによって変更 */
}

.format_free .col_rgt_navi {
	padding: 0;
	/* デザインによって変更 */
}

.format_free .column_full .col_main {
	margin-left: 210px;
	/* デザインによって変更 */
}

.format_free .column_lnavi .col_main {
	margin-left: 210px;
	/* デザインによって変更 */
}

.format_free .column_rnavi .wrap_col_main {
	margin-right: -320px;
	/* デザインによって変更 */
}

.format_free .column_rnavi .col_main {
	margin-right: 320px;
	/* デザインによって変更 */
}


/* header
================================================== */
#tmp_wrap_regulation{
	text-align: right;
	color: #222222;
    background-color: #fbf4e7;
}
#tmp_regulation{
	display: flex;
	justify-content: flex-end;
	max-width: 1240px;
	width: 100%;
    margin: 0 auto;
    padding: 0 20px 2px;
	color: inherit;
    background: transparent url(/shared/site_night_event_rn/images/header/regulation_bg.png) no-repeat top right 20px;
}
.format_top #tmp_regulation{
	background-image: url(/shared/site_night_event_rn/images/header/regulation_bg_top.png);
	background-position: top right 141px;
}
#tmp_regulation p {
    width: 121px;
}
.format_top #tmp_regulation p {
    width: 116px;
}
#tmp_regulation p a{
	text-decoration: none;
	display: block;
	min-height: 45px;
    text-align: center;
	color: #141937;
    background: #ffffff url(/shared/site_night_event_rn/images/header/regulation_logo.png) no-repeat 9px 2px;
    border: 2px solid #e4d4b3;
    border-top: none;
    border-radius: 0 0 6px 6px;
}
.format_top #tmp_regulation p a{
	min-height: 41px;
	background-image: url(/shared/site_night_event_rn/images/header/regulation_logo_top.png);
	background-position: 8px 2px;
}
#tmp_regulation p span {
    display: block;
    position: relative;
    z-index: -1;
	width: 0;
	height: 0;
	overflow: hidden;
}
#tmp_header {
	position: relative;
	min-height: 190px;
}
#tmp_header > .container{
	max-width: 1372px;
}
.format_top #tmp_header > .container{
	max-width: 100%;
	padding: 0;
}
#tmp_header .header_inner{
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 0 10px;
}

#tmp_hlogo{
	position: relative;
	z-index: 100;
}
.format_top #tmp_hlogo{
	z-index: 3;
}
#tmp_hlogo .logo_free{
	display: none;
}
#tmp_hlogo img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
#tmp_hlogo a{
	text-decoration: none;
}
#tmp_hlogo a > .logo_ttl{
	text-decoration: none;
    font-weight: bold;
	font-size: 188.9%;
    display: none;
    padding: 12px 10px 10px;
    color: #141937;
    background-color: #ffffff;
    border-radius: 10px;
    margin-top: 10px;
}
.format_top #tmp_header,
.format_top #tmp_header > .container,
.format_top #tmp_header .header_inner{
	pointer-events: none;
}
/* hnavi_s */
#tmp_hnavi_s{
	pointer-events: all;
	align-self: flex-start;
	display: block;
	position: relative;
	z-index: 100;
	padding-top: 30px;
	margin-right: -2px;
	padding-right: calc(66px - ((1332px - 100%) / 2));
}
.format_top #tmp_hnavi_s{
	margin-right: 0;
	padding-top: 34px;
	padding-right: 28px;
}
#tmp_hnavi_s > ul{
	list-style: none;
}
#tmp_hnavi_s > ul > li{
	position: relative;
}
#tmp_hnavi_s > ul > li > a{
	position: relative;
	text-decoration: none;
	display: block;
	min-width: 80px;
	min-height: 80px;
	font-weight: bold;
	font-size: 94.4%;
	color: #141937;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: center 10px;
	padding: 52px 3px 0;
	border-radius: 10px;
}
#tmp_hnavi_lmenu > a{
	background-image: url(/shared/site_night_event_rn/images/header/setting_icon.png);
}
#tmp_hnavi_s > ul > li > a.active{
	font-weight: normal;
	background-image: url(/shared/site_night_event_rn/images/header/close_icon.png);
	background-position: center 11px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
#tmp_hnavi_s > ul > li > a.active:after{
	content: '';
	position: absolute;
	z-index: -1;
	bottom: -1px;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #ffffff;
}
#tmp_header .wrap_sma_sch{
	text-align: left;
	min-width: 270px;
	right: 0;
	color: #141937;
	background-color: #ffffff;
	border-radius: 10px 0 10px 10px;
	overflow: hidden;
}
#tmp_header .wrap_sma_sch .sma_inner{
	padding: 2px 0;
}
.wrap_sma_sch .container{
	padding: 0;
}
#tmp_means > ul{
	list-style: none;
	padding: 0 2px;
}
#tmp_means > ul > li{
	color: #141937;
	background: #ffffff url(/shared/site_night_event_rn/images/header/means_dotted.png) repeat-x bottom left;
    padding-bottom: 3px;
}
#tmp_means > ul > li:last-child{
	background-image: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#tmp_means > ul > li > a{
	text-decoration: none;
	display: block;
	min-height: 26px;
	font-size: 94.4%;
	color: #141937;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-position: 17px center;
	padding: 13px 10px 10px 62px;
}
#tmp_means > ul > li > a:focus-visible{
	outline-offset: -1px;
}
#tmp_means > ul > li.means_speak > a{
	background-image: url(/shared/site_night_event_rn/images/header/speak_icon.png);
}
#tmp_means > ul > li.means_fsize > a{
	background-image: url(/shared/site_night_event_rn/images/header/fsize_icon.png);
}
#tmp_means > ul > li.means_furi > a{
	background-image: url(/shared/site_night_event_rn/images/header/furi_icon.png);
}
#tmp_means > ul > li.means_language > a{
	background-image: url(/shared/site_night_event_rn/images/header/language_icon.png);
}
.wrap_sma_sch .close_btn{
	display: none;
}
#tmp_hnavi_s > ul > li > a:hover,
#tmp_means > ul > li > a:hover{
	text-decoration: underline;
}
/* gnavi
================================================== */

.gnavi {
	color: inherit;
	clear: both;
}

.gnavi ul {
	list-style: none;
}

.gnavi li {
	width: 120px;
	float: left;
}

.gnavi a {
	display: block;
	padding: 13px 10px 11px;
	text-align: center;
	text-decoration: none;
}

.gnavi .active a,
.gnavi a:hover,
.gnavi a:focus {
	text-decoration: underline;
}

/*pnavi*/
.pnavi{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
	border-radius: 50%;
	transition: 0.3s opacity ease-in-out;
}
.pnavi,
.pnavi a,
.pnavi span{
	width: 100px;
	height: 100px;
}
.pnavi a,
.pnavi span{
	display: block;
}
.pnavi span{
	position: relative;
	z-index: -1;
}
.pnavi a{
    padding: 39px 5px 0;
    line-height: 1.1;
    font-size: 111.1%;
    color: #141937;
    background: #f0dc14 url(/shared/site_night_event_rn/images/footer/ptop_icon.png) no-repeat center 11px;
    border: 1px solid #f0dc14;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;
    text-transform: uppercase;
}
.pnavi_fixed.pnavi {
	position: fixed;
	bottom: 10px;
	top: auto;
	right: 50%;
	margin-right: -600px;
	transition: 0.3s opacity ease-in-out;
}
.focusin.pnavi_fixed.pnavi{
	display: block !important;
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	margin-right: 0 !important;
}
.no_javascript .pnavi{
	display: block;
}
/* footer
================================================== */

#tmp_footer {
	color: inherit;
	background: transparent url(/shared/site_night_event_rn/images/footer/footer_bg.png) no-repeat center bottom;
	background-size: cover;
	padding: 92px 0 64px;
}
.format_top #tmp_footer{
	padding: 77px 0 104px;
}
#tmp_footer .footer_inner{
	position: relative;
	color: inherit;
	background: transparent url(/shared/site_night_event_rn/images/footer/footer_pattern.png) no-repeat right 88px bottom 15px;
}
#tmp_footer .footer_infor{
	margin-bottom: 42px;
}
#tmp_footer .footer_logo,
#tmp_footer .footer_corporate,
.footer_cnt address > p,
.copyright{
	text-shadow: rgb(20, 25, 55) 4px 0px 0px, rgb(20, 25, 55) 3.87565px 0.989616px 0px, rgb(20, 25, 55) 3.51033px 1.9177px 0px, rgb(20, 25, 55) 2.92676px 2.72656px 0px, rgb(20, 25, 55) 2.16121px 3.36588px 0px, rgb(20, 25, 55) 1.26129px 3.79594px 0px, rgb(20, 25, 55) 0.282949px 3.98998px 0px, rgb(20, 25, 55) -0.712984px 3.93594px 0px, rgb(20, 25, 55) -1.66459px 3.63719px 0px, rgb(20, 25, 55) -2.51269px 3.11229px 0px, rgb(20, 25, 55) -3.20457px 2.39389px 0px, rgb(20, 25, 55) -3.69721px 1.52664px 0px, rgb(20, 25, 55) -3.95997px 0.56448px 0px, rgb(20, 25, 55) -3.97652px -0.432781px 0px, rgb(20, 25, 55) -3.74583px -1.40313px 0px, rgb(20, 25, 55) -3.28224px -2.28625px 0px, rgb(20, 25, 55) -2.61457px -3.02721px 0px, rgb(20, 25, 55) -1.78435px -3.57996px 0px, rgb(20, 25, 55) -0.843183px -3.91012px 0px, rgb(20, 25, 55) 0.150409px -3.99717px 0px, rgb(20, 25, 55) 1.13465px -3.8357px 0px, rgb(20, 25, 55) 2.04834px -3.43574px 0px, rgb(20, 25, 55) 2.83468px -2.82216px 0px, rgb(20, 25, 55) 3.44477px -2.03312px 0px, rgb(20, 25, 55) 3.84068px -1.11766px 0px, rgb(20, 25, 55) 3.9978px -0.132717px 0px;
}
#tmp_footer .footer_logo{
	font-size: 188.9%;
	margin-bottom: 5px;
}
#tmp_footer .footer_corporate{
	font-size: 88.9%;
}

/* fnavi  */

.fnavi {
	padding: 6px 10px 5px;
	color: inherit;
	list-style: none;
}

.fnavi li {
	margin: 0 15px 0 0;
	float: left;
}

.fnavi li:last-child {
	margin-right: 0;
}

.footer_cnt {
	max-width: 50%;
}
.footer_cnt .footer_contact{
	font-size: 88.9%;
	margin-bottom: 31px;
}
.footer_cnt address {
	margin: 0 0 5px;
	font-style: normal;
}
.footer_cnt address a {
	color: #ffffff;
}
.footer_cnt address p {
	margin-bottom: 6px;
}

.copyright {
	font-size: 77.8%;
}
/* pankuzu
================================================== */
#tmp_pankuzu {
	font-size:88.9%;
	margin-bottom: 9px;
}
#tmp_pankuzu a {
	color: #1F65CD;
	background-color: transparent;
}
/* custom_update
================================================== */
#tmp_wrap_custom_update{
	margin-bottom: 34px;
}
#tmp_update {
	text-align: right;
	color: #222222;
    font-size: 88.9%;
}
/* rnavi
================================================== */
#tmp_rnavi{
	border: 1px solid #bdbdbd;
	border-radius: 10px;
	padding: 1px;
	color: #141b39;
	background-color: #ffffff;
	overflow: hidden;
}
#tmp_rnavi_ttl{
	color: #ffffff;
	background-color: #2b4d6f;
	border-radius: 9px 9px 0 0;
	line-height: 1.7;
}
#tmp_rnavi_ttl p{
	padding: 16px 15px 12px;
}
#tmp_rnavi_ttl a{
    display: block;
    margin: -16px -15px -12px;
    padding: 16px 15px 12px 35px;
    background: transparent url(/shared/site_night_event_rn/images/icon/arrow_link_wht_icon.png) no-repeat 14px 20px;
    color: inherit;
    text-decoration: none;
}
#tmp_rnavi_cnt ul{
	list-style: none;
	padding: 0 3px 19px;
}
#tmp_rnavi_cnt ul li{
	font-size: 88.9%;
	line-height: 1.8;
	color: inherit;
	background: transparent url(/shared/site_night_event_rn/images/icon/ttl_border_dotted.png) repeat-x left bottom;
	padding-bottom: 10px;
}
#tmp_rnavi_cnt ul li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	background-image: none;
}
#tmp_rnavi_cnt ul li a{
    display: block;
    line-height: 1.9;
    color: #141b39;
    background: #ffffff url(/shared/site_night_event_rn/images/icon/arrow_link_icon.png) no-repeat 11px 20px;
    padding: 15px 11px 4px 31px;
}
#tmp_rnavi_cnt ul li.active a,
#tmp_rnavi_cnt ul li a:hover{
	text-decoration: none;
}
#tmp_rnavi_cnt ul li.active:hover a{
	text-decoration: underline;
}
/* inquiry
================================================== */
#tmp_inquiry{
	margin: 30px 0;
	color: #222222;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	border-radius: 10px;
	padding: 1px;
	clear:both;
	overflow: hidden;
}
#tmp_inquiry_ttl{
	font-weight: bold;
	color: #ffffff;
	background-color: #717171;
	border-radius: 8px 8px 0 0;
	padding: 11px 16px 6px;
}
#tmp_inquiry_ttl h2{
	font-size: 100%;
}
#tmp_inquiry_cnt{
	padding: 17px 18px 14px;
}
#tmp_inquiry_cnt p{
	margin-bottom: 3px;
}
/* feedback
================================================== */
#tmp_feedback{
	color: #222222;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	border-radius: 10px;
	padding: 1px;
	margin: 30px 0 14px;
	clear:both;
	overflow: hidden;
}
#tmp_feedback_ttl{
	font-weight: bold;
	color: #ffffff;
	background-color: #717171;
	border-radius: 8px 8px 0 0;
	padding: 11px 16px 6px;
}
#tmp_feedback_ttl h2{
	font-size: 100%;
}
#tmp_feedback_cnt{
	font-size: 94.4%;
	padding: 16px 16px 38px;
}
#tmp_feedback_cnt .fb_col2L {
    float: left;
	width: 50%;
    padding-right: 19px;
}
#tmp_feedback_cnt .fb_col2R {
    float: left;
	width: 50%;
}
#tmp_feedback_cnt fieldset{
	margin-bottom: 42px;
}
#tmp_feedback_cnt fieldset > legend{
	margin-bottom: 14px;
}
#tmp_feedback_cnt fieldset p{
	padding-left: 7px;
	margin-bottom: 14px;
}
#tmp_feedback_cnt fieldset p input + label{
	margin-left: 5px;
}
#tmp_feedback_cnt .submit{
	text-align: center;
}
#tmp_feedback_cnt .submit input {
	cursor: pointer;
    appearance: none;
    display: block;
    max-width: 100%;
    min-width: 250px;
    text-align: center;
    font-weight: bold;
    color: inherit;
    background: transparent url(/shared/site_night_event_rn/images/icon/arrow_link_icon.png) no-repeat right 19px center;
    margin: 0 auto;
    padding: 12px 56px 9px;
    border: 1px solid #222222;
    border-radius: 25px;
    box-shadow: none;
}
/* Style Hover */
#tmp_hnavi_s > ul > li > a:hover,
#tmp_means > ul > li > a:hover,
#tmp_rnavi_ttl a:hover,
.pnavi a:hover,
#tmp_feedback_cnt .submit input:hover{
	text-decoration: underline;
}
/* ==================================================
Splide control common
================================================== */
.splide_common .splide__controls {
    display: flex;
	align-items: center;
	justify-content: center;
}
.splide_common .splide__toggle {
	position: relative;
	display: inline-block;
	font-size: 77.8%;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 0 0 13px;
	color: #ffffff;
	margin-right: 20px;
	min-width: 63px;
	text-align: left;
}
.splide_common .splide__toggle:before,
.splide_common .splide__toggle:after {
	content: '';
	width: 2px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: 1px;
	transform: translateY(-50%);
	background-color: #222222;
}
.splide_common .splide__toggle:after {
	left: 4px;
}
.splide_common .splide__toggle:not(.is-active):after {
	content: none;
}
.splide_common .splide__toggle:not(.is-active):before {
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #222222;
	background-color: transparent;
}
.splide_common .splide__arrow {
	position: static;
	display: block;
	width: 82px;
	height: 82px;
	text-indent: -9999px;
	overflow: hidden;
	opacity: 1;
	transform: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border-radius: 0;
	color: #FFFFFF;
}
.splide_common .splide__arrow--prev {
	background-image: url(/shared/site_night_event_rn/images/icon/arrow_prev.png);
}
.splide_common .splide__arrow--next {
	background-image: url(/shared/site_night_event_rn/images/icon/arrow_next.png);
}
.splide_common .splide__progress {
    display: flex;
	align-items: flex-end;
	padding: 3px 21px 0 18px;
	width: 294px;
    justify-content: center;
}
.splide_common .splide__progress p {
	margin-bottom: 0 !important;
	line-height: 1;
	color: #ffffff;
}
.splide_common .splide__progress .progress_current {
	font-size:177.7%;
}
.splide_common .splide__progress .progress_total {
	position: relative;
	padding-left: 25px;
	margin-bottom: 2px !important;
	font-size: 133.3%;
}
.splide_common .splide__progress .progress_total:before {
	content: '';
	width: 1px;
	height: 90%;
	position: absolute;
	left: 15px;
	top: 0;
	transform: rotate(25deg);
	background-color: #ffffff;
}
.color_blue .splide_common .splide__toggle:before,
.color_blue .splide_common .splide__toggle:after  {
	background-color: #FFFF00 !important;
}
.color_yellow .splide_common .splide__toggle:before,
.color_yellow .splide_common .splide__toggle:after  {
	background-color: #000000 !important;
}
.color_black .splide_common .splide__toggle:before,
.color_black .splide_common .splide__toggle:after  {
	background-color: #FFFF00 !important;
}
.color_blue .splide_common .splide__toggle:not(.is-active):before {
	background-color: transparent !important;
	border-color: transparent transparent transparent #FFFF00;
}
.color_yellow .splide_common .splide__toggle:not(.is-active):before {
	background-color: transparent !important;
	border-color: transparent transparent transparent #000000;
}
.color_black .splide_common .splide__toggle:not(.is-active):before {
	background-color: transparent !important;
	border-color: transparent transparent transparent #FFFF00;
}
.color_yellow #tmp_wrapper .splide_common .splide__arrow--prev {
    background-image: url(/shared/site_night_event_rn/images/icon/icon_arrow_prev_bl.png) !important;
}
.color_yellow #tmp_wrapper .splide_common .splide__arrow--next {
    background-image: url(/shared/site_night_event_rn/images/icon/icon_arrow_next_bl.png) !important;
}
.color_blue #tmp_wrapper .splide_common .splide__arrow--prev,
.color_black #tmp_wrapper .splide_common .splide__arrow--prev {
    background-image: url(/shared/site_night_event_rn/images/icon/icon_arrow_prev_yellow.png) !important;
}
.color_blue #tmp_wrapper .splide_common .splide__arrow--next,
.color_black #tmp_wrapper .splide_common .splide__arrow--next {
    background-image: url(/shared/site_night_event_rn/images/icon/icon_arrow_next_yellow.png) !important;
}
.color_blue .splide_common .splide__progress .progress_total:before,
.color_black .splide_common .splide__progress .progress_total:before {
	background-color: #FFFF00 !important;
}
.color_yellow .splide_common .splide__progress .progress_total:before {
	background-color: #000000 !important;
}

/* ==================================================
layout
================================================== */


/* ==================================================
CMS-function
================================================== */


/* ==================================================
CMS-library
================================================== */


/* ==================================================
CMS-parts
================================================== */


/* col2
================================================== */


/* col2_cms */

table.col2 {
	width: 99%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.col2 td.col2L,
table.col2 td.col2R {
	width: 50%;
	padding: 0;
	vertical-align: top;
	text-align: left;
}

table.col2 td.col2L {
	border-right: 15px solid #FFFFFF;
}


/* col2_pub */

div.col2 {
	width: 100%;
}

div.col2 div.col2L {
	display: table;
	width: 48.5%;
	margin-right: 2%;
	float: left;
}

div.col2 div.col2R {
	display: table;
	width: 48.5%;
	float: left;
}


/* nestcol2 */

table.col2 table.col2 td.col2L {
	padding: 0;
}

div.col2 div.col2 div.col2L {
	width: 47.5%;
	margin-right: 4%;
}

div.col2 div.col2 div.col2R {
	width: 47.5%;
}


/* fixed_col2 */

div.fixed_col2 {
	width: 100%;
}

div.fixed_col2 div.fixed_col2L {
	display: table;
	width: 48.5%;
	margin-right: 2%;
	float: left;
}

div.fixed_col2 div.fixed_col2R {
	display: table;
	width: 48.5%;
	float: right;
}


/* col3
================================================== */

table.col3 {
	width: 99%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.col3 td.col3L,
table.col3 td.col3M,
table.col3 td.col3R {
	width: 33.33%;
	padding: 0;
	vertical-align: top;
	text-align: left;
}

table.col3 td.col3L,
table.col3 td.col3M {
	border-right: 15px solid #FFFFFF;
}

div.col3 {
	width: 100%;
}

div.col3 div.col3L,
div.col3 div.col3M {
	display: table;
	width: 31.7%;
	margin-right: 2%;
	float: left;
}

div.col3 div.col3R {
	display: table;
	width: 31.7%;
	float: left;
}

/* linkicon
================================================== */
.icon_blank,
.icon_ext {
	display:inline-block;
	vertical-align:middle;
	width:42px;
	height:15px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-left:3px;
	margin-bottom: 6px;
}
.icon_blank {
	background:url(/shared/site_night_event_rn/system/images/linkicon/icon_blank.gif) no-repeat left top;
}
.icon_ext {
	background:url(/shared/site_night_event_rn/system/images/linkicon/icon_ext.gif) no-repeat left top;
}
/* Scroll Table
================================================== */
.scroll_table {
	margin-bottom:40px;
	padding:40px 5px 5px;
	background:#f6f6f6 url(/shared/site_night_event_rn/images/icon/scroll_table_icon.png) right 8px top 16px no-repeat;
	background-size:75px 15px;
	overflow-x:scroll;
}
.scroll_table_switch {
	text-align:right;
	margin:0 0 16px;
	font-size:75%;
	line-height:1.2;
}
.scroll_table_switch a {
	border: 1px solid #CCCCCC;
	color: #333333;
	display: inline-block;
	padding: 11px 11px 6px 68px;
	text-decoration: none;
	background: #F2F2F2 url(/shared/site_night_event_rn/images/icon/scroll_table_ex.png) 10px center no-repeat;
	background-size: 46px 20px;
	min-width: 9em;
	text-align: center;
	box-shadow: 0 4px 1.5px 0 rgba(96, 103, 120, 0.45);
}
.scroll_table_switch a.scroll {
	background:#FFFFFF url(/shared/site_night_event_rn/images/icon/scroll_table_df.png) 10px center no-repeat;
	background-size:46px 20px;
}
.scroll_table::-webkit-scrollbar{
	height: 5px;
}
.scroll_table::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.scroll_table::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
/* ==================================================
accessibility
================================================== */


/* model_change
================================================== */

.wrap_mc_pc,
.wrap_mc_sp {
	display: none;
}

.disp_pc .wrap_mc_sp,
.disp_pc .wrap_mc_sp #tmp_switch_sp_style {
	display: block;
}

.disp_pc #tmp_hnavi_s,
.disp_pc #tmp_sma_lmenu,
.disp_pc #tmp_sma_mmenu,
.disp_pc #tmp_sma_rmenu {
	display: none;
}

#tmp_sma_menu{
	display: none;
}
/* ==================================================
accessibility style change:color
================================================== */


/* change_color commons
================================================== */

.color_blue #tmp_wrapper,
.color_blue #tmp_wrapper *,
.color_yellow #tmp_wrapper,
.color_yellow #tmp_wrapper *,
.color_black #tmp_wrapper,
.color_black #tmp_wrapper * {
	background-image: none !important;
	list-style-image: none !important;
}

.color_blue #tmp_wrapper span,
.color_yellow #tmp_wrapper span,
.color_black #tmp_wrapper span {
	z-index: auto !important;
}

.color_blue #tmp_event_cal_cnt .calendar .today,
.color_yellow #tmp_event_cal_cnt .calendar .today,
.color_black #tmp_event_cal_cnt .calendar .today {
	background-color: transparent !important;
}

.color_blue #tmp_wrap_main #tmp_cate_ttl h1,
.color_yellow #tmp_wrap_main #tmp_cate_ttl h1,
.color_black #tmp_wrap_main #tmp_cate_ttl h1 {
	padding: 0 !important;
	border: none !important;
}


/* headding */

.color_blue #tmp_wrap_main h1,
.color_blue #tmp_wrap_main h2,
.color_blue #tmp_wrap_main h3,
.color_blue #tmp_wrap_main h4,
.color_blue #tmp_wrap_main h5,
.color_blue #tmp_wrap_main h6,
.color_yellow #tmp_wrap_main h1,
.color_yellow #tmp_wrap_main h2,
.color_yellow #tmp_wrap_main h3,
.color_yellow #tmp_wrap_main h4,
.color_yellow #tmp_wrap_main h5,
.color_yellow #tmp_wrap_main h6,
.color_black #tmp_wrap_main h1,
.color_black #tmp_wrap_main h2,
.color_black #tmp_wrap_main h3,
.color_black #tmp_wrap_main h4,
.color_black #tmp_wrap_main h5,
.color_black #tmp_wrap_main h6 {
	padding: 5px !important;
	border: none !important;
}

.color_blue.format_top #tmp_wrap_main h1,
.color_blue.format_top #tmp_wrap_main h2,
.color_blue.format_top #tmp_wrap_main h3,
.color_blue.format_top #tmp_wrap_main h4,
.color_blue.format_top #tmp_wrap_main h5,
.color_blue.format_top #tmp_wrap_main h6,
.color_yellow.format_top #tmp_wrap_main h1,
.color_yellow.format_top #tmp_wrap_main h2,
.color_yellow.format_top #tmp_wrap_main h3,
.color_yellow.format_top #tmp_wrap_main h4,
.color_yellow.format_top #tmp_wrap_main h5,
.color_yellow.format_top #tmp_wrap_main h6,
.color_black.format_top #tmp_wrap_main h1,
.color_black.format_top #tmp_wrap_main h2,
.color_black.format_top #tmp_wrap_main h3,
.color_black.format_top #tmp_wrap_main h4,
.color_black.format_top #tmp_wrap_main h5,
.color_black.format_top #tmp_wrap_main h6 {
	border: none !important;
	padding: 0 !important;
}


/* icon */

.color_blue #tmp_wrap_main a.icon_pdf,
.color_blue #tmp_wrap_main a.icon_word,
.color_blue #tmp_wrap_main a.icon_excel,
.color_yellow #tmp_wrap_main a.icon_pdf,
.color_yellow #tmp_wrap_main a.icon_word,
.color_yellow #tmp_wrap_main a.icon_excel,
.color_black #tmp_wrap_main a.icon_pdf,
.color_black #tmp_wrap_main a.icon_word,
.color_black #tmp_wrap_main a.icon_excel {
	margin: 0 !important;
	padding: 0 !important;
}


/* used_bg_img */

.color_blue #tmp_wrapper .used_bg_img,
.color_yellow #tmp_wrapper .used_bg_img,
.color_black #tmp_wrapper .used_bg_img {
	width: auto !important;
	height: auto !important;
}

.color_blue #tmp_wrapper .used_bg_img a,
.color_yellow #tmp_wrapper .used_bg_img a,
.color_black #tmp_wrapper .used_bg_img a {
	width: auto !important;
	height: auto !important;
	text-decoration: underline !important;
}

.color_blue #tmp_wrapper .used_bg_img span,
.color_yellow #tmp_wrapper .used_bg_img span,
.color_black #tmp_wrapper .used_bg_img span {
	z-index: 1 !important;
	height: auto !important;
}


/* for Firefox3.0 */

.color_blue #tmp_wrap_main caption,
.color_yellow #tmp_wrap_main caption,
.color_black #tmp_wrap_main caption {
	background-color: transparent !important;
}


/* for google box common */

#tmp_wrap_main #tmp_gmap_box button,
#tmp_wrap_main #tmp_gmap_box .gmnoprint *,
#tmp_wrap_main #tmp_gmap_box .gm-style-cc * {
	background-color: #FFFFFF !important;
}


/* bg:blue
/* text:yellow
/* link:white
================================================== */

.color_blue #tmp_wrapper,
.color_blue #tmp_wrapper * {
	color: #FFFF00 !important;
	background-color: #00008B !important;
	border-color: #FFFF00 !important;
}

.color_blue #tmp_wrapper a,
.color_blue #tmp_wrapper a span,
.color_blue #tmp_wrapper button,
.color_blue #tmp_wrapper .used_bg_img a span,
.color_blue #tmp_wrapper input[type="submit"],
.color_blue #tmp_wrapper input[type="button"],
.color_blue #tmp_wrapper input[type="reset"] {
	color: #FFFFFF !important;
	background-color: transparent !important;
}

.color_blue #tmp_wrap_main h1 {
	border: 3px solid yellow !important;
}

.color_blue #tmp_wrap_main h2 {
	border-bottom: 1px solid yellow !important;
	border-left: 3px solid yellow !important;
}

.color_blue #tmp_wrap_main h3 {
	border-left: 3px solid yellow !important;
}


/* for google box */

.color_blue #tmp_wrap_main #tmp_gmap_box,
.color_blue #tmp_wrap_main #tmp_gmap_box * {
	color: #000000 !important;
	border-color: yellow !important;
	list-style-image: none !important;
}

.color_blue #tmp_wrap_main #tmp_gmap_box a {
	color: #7777CC !important;
}


/* bg:yellow
/* text:black
/* link:blue
================================================== */

.color_yellow #tmp_wrapper,
.color_yellow #tmp_wrapper * {
	color: #000000 !important;
	background-color: #FFFF00 !important;
	border-color: #000000 !important;
}

.color_yellow #tmp_wrapper a,
.color_yellow #tmp_wrapper a span,
.color_yellow #tmp_wrapper button,
.color_yellow #tmp_wrapper .used_bg_img a span,
.color_yellow #tmp_wrapper input[type="submit"],
.color_yellow #tmp_wrapper input[type="button"],
.color_yellow #tmp_wrapper input[type="reset"] {
	color: #0000FF !important;
	background-color: transparent !important;
}

.color_yellow #tmp_wrap_main h1 {
	border: 3px solid black !important;
}

.color_yellow #tmp_wrap_main h2 {
	border-bottom: 1px solid black !important;
	border-left: 3px solid black !important;
}

.color_yellow #tmp_wrap_main h3 {
	border-left: 3px solid black !important;
}


/* for google box */

.color_yellow #tmp_wrap_main #tmp_gmap_box,
.color_yellow #tmp_wrap_main #tmp_gmap_box * {
	color: #000000 !important;
	border-color: black !important;
	list-style-image: none !important;
}

.color_yellow #tmp_wrap_main #tmp_gmap_box a {
	color: #7777CC !important;
}


/* bg:black
/* text:yellow
/* link:white
================================================== */

.color_black #tmp_wrapper,
.color_black #tmp_wrapper * {
	color: #FFFF00 !important;
	background-color: #000000 !important;
	border-color: #FFFF00 !important;
}

.color_black #tmp_wrapper a,
.color_black #tmp_wrapper a span,
.color_black #tmp_wrapper button,
.color_black #tmp_wrapper .used_bg_img a span,
.color_black #tmp_wrapper input[type="submit"],
.color_black #tmp_wrapper input[type="button"],
.color_black #tmp_wrapper input[type="reset"] {
	color: #FFFFFF !important;
	background-color: transparent !important;
}

.color_black #tmp_wrap_main h1 {
	border: 3px solid yellow !important;
}

.color_black #tmp_wrap_main h2 {
	border-left: 3px solid yellow !important;
	border-bottom: 1px solid yellow !important;
}

.color_black #tmp_wrap_main h3 {
	border-left: 3px solid yellow !important;
}


/* for google box */

.color_black #tmp_wrap_main #tmp_gmap_box,
.color_black #tmp_wrap_main #tmp_gmap_box * {
	color: #000000 !important;
	border-color: yellow !important;
	list-style-image: none !important;
}

.color_black #tmp_wrap_main #tmp_gmap_box a {
	color: #7777CC !important;
}

/* for header */
.color_blue #tmp_regulation p span,
.color_black #tmp_regulation p span,
.color_yellow #tmp_regulation p span{
	width: auto !important;
}
.color_blue #tmp_wrapper:after,
.color_black #tmp_wrapper:after,
.color_yellow #tmp_wrapper:after,
.color_blue #tmp_hlogo::after,
.color_black #tmp_hlogo::after,
.color_yellow #tmp_hlogo::after,
.color_blue #tmp_hnavi_s > ul > li > a.active:after,
.color_black #tmp_hnavi_s > ul > li > a.active:after,
.color_yellow #tmp_hnavi_s > ul > li > a.active:after{
	content: none;
}
.color_blue #tmp_header,
.color_black #tmp_header,
.color_yellow #tmp_header,
.color_blue #tmp_header > .container,
.color_black #tmp_header > .container,
.color_yellow #tmp_header > .container,
.color_blue #tmp_header .header_inner,
.color_black #tmp_header .header_inner,
.color_yellow #tmp_header .header_inner,
.color_blue #tmp_hlogo,
.color_black #tmp_hlogo,
.color_yellow #tmp_hlogo,
.color_blue #tmp_hlogo *,
.color_black #tmp_hlogo *,
.color_yellow #tmp_hlogo *,
.color_blue #tmp_footer .pnavi,
.color_black #tmp_footer .pnavi,
.color_yellow #tmp_footer .pnavi,
.color_blue #tmp_footer .pnavi *,
.color_black #tmp_footer .pnavi *,
.color_yellow #tmp_footer .pnavi *{
	background-color: transparent !important;
}
.color_blue #tmp_hnavi_s > ul > li > a,
.color_black #tmp_hnavi_s > ul > li > a,
.color_yellow #tmp_hnavi_s > ul > li > a,
.color_blue #tmp_header .wrap_sma_sch,
.color_black #tmp_header .wrap_sma_sch,
.color_yellow #tmp_header .wrap_sma_sch{
	border: 2px solid;
}
.color_blue #tmp_hnavi_s > ul > li > a.active,
.color_black #tmp_hnavi_s > ul > li > a.active,
.color_yellow #tmp_hnavi_s > ul > li > a.active{
	border-bottom: 0;
}
.color_blue #tmp_wrap_regulation,
.color_black #tmp_wrap_regulation,
.color_yellow #tmp_wrap_regulation{
	border-bottom: 1px solid;
}
.color_blue #tmp_regulation p a:hover,
.color_black #tmp_regulation p a:hover,
.color_yellow #tmp_regulation p a:hover{
	text-decoration: none !important;
}
.color_blue #tmp_means > ul > li,
.color_black #tmp_means > ul > li,
.color_yellow #tmp_means > ul > li,
.color_blue #tmp_inquiry_ttl,
.color_black #tmp_inquiry_ttl,
.color_yellow #tmp_inquiry_ttl,
.color_blue #tmp_feedback_ttl,
.color_black #tmp_feedback_ttl,
.color_yellow #tmp_feedback_ttl,
.color_blue #tmp_rnavi_ttl,
.color_black #tmp_rnavi_ttl,
.color_yellow #tmp_rnavi_ttl,
.color_blue #tmp_rnavi_cnt ul li,
.color_black #tmp_rnavi_cnt ul li,
.color_yellow #tmp_rnavi_cnt ul li{
	border-bottom: 1px solid;
}
.color_blue #tmp_means > ul > li:last-child,
.color_black #tmp_means > ul > li:last-child,
.color_yellow #tmp_means > ul > li:last-child,
.color_blue #tmp_rnavi_cnt ul li:last-child,
.color_black #tmp_rnavi_cnt ul li:last-child,
.color_yellow #tmp_rnavi_cnt ul li:last-child{
	border-bottom: none;
}
.color_blue #tmp_means > ul > li > a,
.color_black #tmp_means > ul > li > a,
.color_yellow #tmp_means > ul > li > a{
	padding-left: 10px;
}
/* for footer */
.color_blue #tmp_footer,
.color_black #tmp_footer,
.color_yellow #tmp_footer{
	border-top: 2px solid;
}
.color_blue #tmp_footer .footer_logo,
.color_black #tmp_footer .footer_logo,
.color_yellow #tmp_footer .footer_logo,
.color_blue #tmp_footer .footer_corporate,
.color_black #tmp_footer .footer_corporate,
.color_yellow #tmp_footer .footer_corporate,
.color_blue .footer_cnt address > p,
.color_black .footer_cnt address > p,
.color_yellow .footer_cnt address > p,
.color_blue .copyright,
.color_black .copyright,
.color_yellow .copyright{
	text-shadow: none;
}
.color_blue #tmp_footer .pnavi a{
	background-color: #00008B !important;
}
.color_black #tmp_footer .pnavi a{
	background-color: #000000 !important;
}
.color_yellow #tmp_footer .pnavi a{
	background-color: #FFFF00 !important;
}
/* ==================================================
accessibility style change:font-size
================================================== */


/* small
================================================== */

.fsize_small {
	font-size: 75% !important;
}


/* big
================================================== */

.fsize_big {
	font-size: 125% !important;
}


/* biggest(doubled)
================================================== */

.fsize_big2 {
	font-size: 175% !important;
}
.fsize_big2 .pnavi a{
	font-size: 1.5rem;
}
.fsize_big #tmp_feedback_cnt .fb_col2L,
.fsize_big #tmp_feedback_cnt .fb_col2R,
.fsize_big2 #tmp_feedback_cnt .fb_col2L,
.fsize_big2 #tmp_feedback_cnt .fb_col2R {
    width: 100%;
    padding: 0;
}
/* ==================================================
no_javascript
================================================== */
.no_javascript #tmp_hlogo a > .logo_ttl,
#tmp_hlogo a.error_load > .logo_ttl{
	display: block !important;
}
.no_javascript.format_top #tmp_wrapper{
	background-position: center 0;
}
.no_javascript.format_top #tmp_wrapper:after{
	top: 80px;
}
/* ==================================================
means
================================================== */

/* ==================================================
Emergency
================================================== */

/* ==================================================
clearfix
================================================== */

/* for modern browser */

#tmp_header:after,
#tmp_hnavi:after,
.gnavi:after,
.gnavi ul:after,
#tmp_main_menu:after,
#tmp_main:after,
#tmp_lnavi:after,
#tmp_lnavi_ttl:after,
#tmp_lnavi_cnt:after,
#tmp_event_cal:after,
#tmp_event_cal_ttl:after,
#tmp_event_cal_cnt .cal_navi:after,
#tmp_wrap_custom_update:after,
#tmp_custom_update:after,
#tmp_social_plugins:after,
.plugin:after,
.pnavi:after,
#tmp_inquiry:after,
#tmp_inquiry_ttl:after,
#tmp_inquiry_cnt:after,
#tmp_feedback:after,
#tmp_feedback_ttl:after,
#tmp_feedback_cnt:after,
#tmp_feedback_cnt fieldset:after,
#tmp_feedback_cnt .fb_col2:after,
#tmp_publicity_cnt:after,
#tmp_footer:after,
.fnavi:after,
.footer_cnt:after,
div.col2:after,
div.fixed_col2:after,
div.col3:after,
.box_faq:after,
.box_faq_ttl:after,
.box_faq_cnt:after,
.emergency_head:after {
	content: "";
	/* Do not edit */
	display: table;
	/* Do not edit */
	clear: both;
	/* Do not edit */
}

@media screen and (min-width: 641px) and (max-width: 1220px) {
	#tmp_feedback_cnt .fb_col2L,
	#tmp_feedback_cnt .fb_col2R {
		width: 100%;
		padding: 0;
	}
}
@media screen and (min-width : 641px) and (max-width: 1240px) {
	#tmp_wrapper {
        min-width: auto;
    }
}
@media screen and (min-width : 641px) and (max-width: 1100px) {
	.format_top #tmp_hlogo img{
		max-width: 496px;
	}
	.format_top #tmp_wrapper:after{
		width: 582px;
		height: 302px;
		background-size: auto 302px;
	}
}
@media screen and (min-width : 641px) and (max-width: 800px) {
	#tmp_wrapper{
		min-width: 800px;
	}
}