@charset "utf-8";

/* @media screen and (max-width : 640px) { */
/* Common style */
.sec_ttl h2{
    font-size: 225%;
    line-height: 1.2;
	margin-bottom: 13px;
}
.sec_ttl h2::first-letter{
	font-size: 130.5%;
}
.sec_ttl p{
	font-size: 106.2%;
	text-align: center;
	margin: 0 auto;
	line-height: 1.4;
}
/* Mainvs section */
.sec_mainvs{
	padding: 42px 0 25px;
	margin: 0 0 7px;
}
.mainvs_inner{
	width: auto;
	margin: 0 -10px;
	padding: 0;
}
.mainvs_inner .mainvs_cnt::before{
	display: none;
}
.mainvs_inner .image{
	border-radius: 0;
	background-color: transparent;
}
.sec_mainvs .description{
	margin-top: -40px;
	left: 0;
	border-radius: 0;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	width: 86%;
	max-width: inherit;
	font-size: 106.2%;
	line-height: 1.6;
	padding: 11px 15px 9px 15px;
	color: #141937;
}
/* Menu following */
#tmp_fixed_navbar_wrap{
	height: 293px;
}
/* News section */
.sec_news{
	margin-top: 0;
	margin-bottom: 50px;
}
.news_cnt_flex .news_ttl{
	margin-right: 0;
	margin-bottom: 28px;
}
.news_cnt_flex .news_ttl h2{
    left: 0;
	background-image: url(/shared/templates/night_event_top_rn/images/main/news_ttl_sp.png);
	background-size: auto 63px;
	background-position: center top;
	padding: 68px 0 0 0;
	font-size: 106.2%;
	letter-spacing: 1px;
}
.sec_news .news_cnt_flex{
	display: block;
	padding: 12px 8px 0;
}
.news_cnt_flex .news_cnt li{
	position: relative;
	display: block;
	font-size: 100%;
	padding: 20px 0 15px;
	background-image: url(/shared/templates/night_event_top_rn/images/icon/line_news.png);
	background-size: auto;
	background-position:left top;
	background-repeat: repeat-x;
}
.news_cnt_flex .news_cnt li:last-child {
    background-image:url(/shared/templates/night_event_top_rn/images/icon/line_news.png), 
	url(/shared/templates/night_event_top_rn/images/icon/line_news.png);
	background-size: auto, auto;
	background-repeat: repeat-x,repeat-x;
    background-position: bottom left, top left;
}
.news_cnt_flex .news_cnt li a{
	font-size: 106.2%;
	padding: 3px 25px 0 0;
	background-image: url(/shared/templates/night_event_top_rn/images/icon/arrow_sp_news.png);
	background-size: 12px auto;
	background-position: right center;
}
.news_cnt_flex .news_cnt,
.news_cnt_flex .news_ttl{
	width: 100%;
}
.news_cnt_flex .news_cnt li .news_date{
	width: 100%;
	padding-right: 0;
}
.news_cnt_flex .news_cnt li a:hover{
	text-decoration: none;
}
/* Doing section */
#tmp_doing{
	padding: 49px 10px 33px;
	background: #141b39;
	min-height: auto;
}
#tmp_doing::after{
	background-image: url(/shared/templates/night_event_top_rn/images/icon/new_bg_sp.png);
	background-size: 100% 138px;
	height: 138px;
	top: -122px;
}
#tmp_doing .sec_ttl{
	background-image: url(/shared/templates/night_event_top_rn/images/icon/icon_moon_sp.png);
	background-size: 95px auto;
	background-position: center top;
	padding: 85px 0 24px;
}
#tmp_splide_doing .splide__list{
    gap: 0;
    flex-wrap: inherit;
}
#tmp_splide_doing .splide__slide{
   width: auto;
}
#tmp_splide_doing{
    flex-direction: column-reverse;
    display: flex;
}
#tmp_splide_doing .splide__toggle{
    display: none;
}
#tmp_splide_doing .splide__controls{
    margin-top: 15px;
}
#tmp_splide_doing .splide__arrow{
    margin-top: -23px;
}
#tmp_splide_doing .splide__arrow--prev{
    left: -16px;
}
#tmp_splide_doing .splide__arrow--next{
	right: -16px;
}
#tmp_doing .sec_ttl h2{
	padding-left: 0;
	margin-bottom: 5px;
}
#tmp_doing .media_content a{
	padding-bottom: 17px;
	outline-offset: -1px;
}
#tmp_doing .media_content a .media_img{
    margin-bottom: 20px;
}
#tmp_doing .media_content a .media_des{
	border-top: 1px solid #2a2e47;
	background: transparent;
}
#tmp_doing .media_content a .media_ttl{
    margin-bottom: 10px;
}
/* Popular + Banner section */
.sec_common{
	padding: 55px 0 61px;
	background-image: url(/shared/templates/night_event_top_rn/images/main/bg_popular_sp.png);
	background-size: 100% 92px;
}
.sec_common::before{
	display: none;
}
.sec_common .sec_ttl{
	padding: 75px 0 19px 0;
	background-image: url(/shared/templates/night_event_top_rn/images/icon/icon_star_sp.png);
	background-size: 78px auto;
	background-position: calc(50% + 4px) top;
}
.sec_common .sec_ttl h2{
	margin: 0 -7px 9px;
	text-align: center;
}
#tmp_splide_popular {
	padding: 0 10px;
}
#tmp_splide_popular .splide__track{
	overflow: hidden;
}
.media_content a{
	border-radius: 10px;
	padding: 5px 0 17px;
	outline-offset: -1px;
}
.media_content a .media_img{
	padding: 0 5px;
	margin-bottom: 19px;
}
.media_content a .media_ttl{
	font-size: 106.2%;
	padding: 0 20px;
    margin-bottom: 11px;
}
.media_content a .media_des{
	font-size: 106.2%;
	padding: 16px 20px 0;
	line-height: 1.6;
	min-height: inherit;
}
#tmp_splide_popular .splide__controls {
    margin-top: 16px;
}
.sec_banner{
	padding: 98px 10px 47px;
	border-top: none;
    background-image: url(/shared/templates/night_event_top_rn/images/main/banner_bg_sp.png) 
}
.sec_banner .sec_ttl h2{
	line-height: 1.3;
	margin-bottom: 19px;
}
.sec_banner .sec_ttl{
	margin-bottom: 40px;
}
.sec_banner::before{
	top: 0;
	width: 100%;
	height: 58px;
	background-image: url(/shared/templates/night_event_top_rn/images/main/gourmet_sp.png);
	background-size: 100% auto;
	background-position: center top;
	max-width: 350px; 
	left: 50%; 
	transform: translateX(-50%);
}
.sec_banner::after{
	display: none;
}
.sec_banner .banner_cnt a{
	border-radius: 10px;
}
/* Economy section */
.sec_economy{
    padding: 56px 0 60px;
	background-image: url(/shared/templates/night_event_top_rn/images/main/economy_bg_sp.png);
	background-size: 360px auto;
}
.sec_economy .container{
	padding: 0 20px;
}
.sec_economy .sec_ttl {
    margin-bottom: 33px;
	padding-right: 0;
}
.sec_economy .sec_ttl h2{
	padding-right: 0;
	text-align: center;
	margin-bottom: 13px;
}
.sec_economy .sec_ttl p{
	max-width: 270px;
}
.economy_wrap_flex{
	margin-bottom: 41px;
	display: block;
}
.economy_wrap_flex .economy_rgt,
.economy_wrap_flex .economy_lft{
	width: 100%;
	padding-right: 0;
	min-width: auto;
	max-width: 100%;
}
.economy_wrap_flex .economy_lft .description{
	padding: 0 10px;
	line-height: 1.9;
	font-size: 106.2%;
	margin-bottom: 19px;
}
.sec_economy .economy_wrap_flex .link_btn a{
	padding-top: 12px;
    padding-bottom: 9px;
	letter-spacing: 0;
	background-position: right 20px center;
}
.sec_economy .link_btn a{
	font-size: 106.2%;
	line-height: 1.4;
	padding: 17px 40px 18px;
	max-width: 320px;
	margin: 0 auto;
	background-image: url(/shared/templates/night_event_top_rn/images/icon/arrow_sp.png);
	background-size: auto 20px;
	background-position: right 20px center;
}
.sec_economy  .economy_rgt{
	text-align: center;
	padding-top: 26px;
}
.economy_wrap_flex .economy_rgt img{
    width: calc(90% + 2px);
	position: relative;
	left: -3px;
}
/* SNS section */
.sec_sns {
    padding: 48px 0 35px;
	margin-bottom: 27px;
	background-image: url(/shared/templates/night_event_top_rn/images/main/sns_bg_sp.png);
}
.sec_sns ul{
	display: block;
	padding: 0 10px;
}
.sec_sns ul li {
    width: 100%;
	margin-bottom: 16px;
}
.sec_sns ul li a{
	font-size: 87.5%;	
	letter-spacing: 0;
	padding: 9px 42px 5px 28px;
	border: 2px solid #141937;
	background-image:url(/shared/templates/night_event_top_rn/images/main/icon_arrow_sp.png);
	background-size: 16px auto;
	background-position: right 22px top calc(50% + 1px);
	line-height: 1.4;
}
.sec_sns ul li a .sns_icon img{
	width: 30px;
}
.sec_sns ul li a .sns_icon{
	padding-bottom: 3px;
	margin-right: 16px;
}
/* Reset Hover */
.mainvs_inner a:hover img,
.sec_banner .banner_cnt a:hover img,
.media_content a:hover .media_img img{
    opacity: 1;
}

.mainvs_inner a:hover .description,
.sec_economy .link_btn a:hover,
.media_content a:hover .media_ttl,
#tmp_btn_navbar a:hover,
#tmp_fixed_navbar ul li a:hover{
    text-decoration: none;
}
/* ==================================================
accessibility style change:color
================================================== */
.color_blue .sec_economy,
.color_yellow .sec_economy,
.color_black .sec_economy,
.color_blue .sec_common,
.color_yellow .sec_common,
.color_black .sec_common{
    border-bottom: 1px solid;
}
/* ==================================================
accessibility style change:font-size
================================================== */
.fsize_big2 .sec_ttl p{
	max-width: 450px;
}
.fsize_big2 .sec_economy .link_btn a{
	max-width: 500px;
	padding-left: 15px;
}
.fsize_big2 #tmp_fixed_navbar_wrap {
    height: 552px;
}
/* ==================================================
no_javascript, no-splide
================================================== */
.no_javascript #tmp_splide_popular .splide__list,
.no_javascript #tmp_splide_doing .splide__list{
	max-height: 477px;
	overflow: auto;
}
.no_javascript #tmp_splide_doing .splide__list, 
#tmp_splide_doing.no-splide .splide__list,
.no_javascript #tmp_splide_popular .splide__list, 
#tmp_splide_popular.no-splide .splide__list{
    display: block;
}
.no_javascript #tmp_splide_doing .splide__slide, 
#tmp_splide_doing.no-splide .splide__slide,
.no_javascript #tmp_splide_popular .splide__slide, 
#tmp_splide_popular.no-splide .splide__slide{
    width: 100%;
	margin-bottom: 10px;
}
/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
/* } max-width : 640px */