@charset "utf-8";

@media screen and (max-width : 640px) {
/* pattern title
================================================== */
/* title */
.sec_title h2{
	font-size: 106.25%;
}

/* news list */
.news_list{
	border-top: 1px solid #c2b590;
}
.news_list .news_item{
	flex-direction: column;
	padding: 15px 0 11px 1px;
	border-bottom-width: 1px;
	font-size: 100%;
}
.news_list .news_date{
	padding-right: 0;
	width: 100%;
	font-size: 100%;
}
.news_list .news_title{
	font-size: 100%;
}
.news_list .news_item:first-of-type{
	padding-top: 15px;
}
/* btn */
.btn_simple a{
	font-size: 100%;
}
/* reset hover */
.sec_mainvisual .splide__toggle:hover,
.sec_events .item_3 a:hover span,
.sec_events .item_4 a:hover span,
.sec_events .item_5 a:hover span,
.btn_simple a:hover{
	text-decoration: none;
}
.sec_events .item_1 a:hover,
.sec_events .item_2 a:hover,
.sec_events .item_6 a:hover{
	opacity: 1;
}
/* mainvisual
================================================== */
.sec_mainvisual{
	margin: 0 -10px 36px;
}
.sec_mainvisual .splide__slide > p{
    padding-top: calc((291/375) * 100%);
}
.sec_mainvisual .splide__controls{
	margin-top: 12px;
	padding-right: 10px;
	padding-left: 19px;
	column-gap: 12px;
}
.sec_mainvisual .splide__toggle{
	font-size: 87.5%;
}
.sec_mainvisual .splide__pagination{
	column-gap: 18px;
	align-items: center;
}
.sec_mainvisual .splide__pagination li,
.sec_mainvisual .splide__pagination__page{
	width: 7px;
	height: 7px;
}

/* bnr
================================================== */
.sec_bnr{
    margin-bottom: 56px;
	margin-top: 7px;
	padding-left: 0;
	padding-right: 0;
}
.sec_bnr .bnr_links{
	gap: 35px 10px;
}
.sec_bnr .bnr_links li{
	justify-content: flex-end;
	padding: 0 14px 0 10px;
    width: calc(50% - 5px);
}
.sec_bnr .bnr_links a{
	padding-top: 44px;
	padding-bottom: 8px;
	max-width: 142px;
	border-radius: 19px 20px 0 0;
	font-size: 68.75%;
}
.sec_bnr .bnr_links li:nth-child(4n+1){
	justify-content: flex-end;
}
.sec_bnr .bnr_links li:nth-child(2n){
	justify-content: flex-start;
}
.sec_bnr .bnr_links li.bnr2,
.sec_bnr .bnr_links li.bnr4{
	padding-right: 7px;
	padding-left: 17px;
}
.sec_bnr .bnr_links li.bnr3{
	padding-left: 10px;
}

/* facility information
================================================== */
.sec_facility{
	flex-direction: column;
	margin-bottom: 56px;
}
.sec_facility .sec_title{
	padding-top: 0;
    width: 100%;
}
.sec_facility .sec_title h2{
    background-image: url(/site/shared/templates/bunkamura_top/images/facility_info_ttl_en_sp.png);
	background-size: 204px auto;
}
.sec_facility .facility_cnt{
	margin-left: -10px;
	margin-right: -10px;
}
.sec_facility .facility_links{
	padding: calc((227/360) * 100%) 10px 0;
    background-image: url(/site/shared/templates/bunkamura_top/images/facility_info_bgr_sp.jpg);
	background-size: contain;
	background-position: center top;
	height: auto;
}
.sec_facility .facility_links li{
	position: static;
	width: auto;
}
.sec_facility .facility_links a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	gap: 0 10px;
	padding: 10px;
	background: #000000;
	max-width: 80%;
	background-image: none;
	height: auto;
	border-radius: 6px;
	color: #ffffff;
	text-indent: inherit;
	text-decoration: none;
}
.sec_facility .facility_links a:after {
    content: '';
    display: block;
	flex-shrink: 0;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(-45deg);
}
.sec_facility .facility_links li:not(:last-of-type){
	margin-bottom: 10px;
}

/* news
================================================== */
.sec_news{
	margin-bottom: 57px;
}
.sec_news .sec_title{
	position: static;
	margin-bottom: 5px;
	width: auto;
}
.sec_news .news_tabs{
	padding-left: 0;
	justify-content: center !important;
	gap: 0 12px;
	min-height: 574px;
}
.sec_news .news_tab_ttl{
	position: static;
	width: auto;
	font-size: 83.12%;
	letter-spacing: 0.1em;
}
.sec_news .news_tab_ttl a{
	width: 100%;
	height: auto;
}
.sec_news .news_tab_cnt{
	margin-bottom: 22px;
}
.sec_news .news_tab_inner{
	padding: 14px 2px 0;
}
.sec_news .btn_simple{
	margin-left: 0;
}
.sec_news .btn_simple a{
	margin: 0 auto;
}

/* events
================================================== */
.sec_events{
	margin-bottom: 56px;
	padding-left: 2px;
	padding-right: 2px;
}
.sec_events .event_row{
	flex-direction: column;
	gap: 8px 0;
}
.sec_events .col_large{
	width: 100%;
}
.sec_events .event_col:not(.col_large){
	flex-direction: row;
	gap: 0 12px;
	width: 100%;
}
.sec_events .event_col:not(.col_large) .event_item{
	width: calc(50% - 6px);
}
.sec_events .event_row:not(:last-child) {
    margin-bottom: 9px;
}
.sec_events .event_item a{
	font-size: 84%;
}
.sec_events .event_item .txt{
	padding-top: 13px;
}

/* videos
================================================== */
.sec_video{
	margin-bottom: 73px;
    padding-left: 2px;
	padding-right: 2px;
}

/* setting hover
================================================== */
.sec_news .news_tab_ttl a:hover{
	color: #000000;
}
.sec_bnr .bnr_links a:hover{
    text-decoration: none;
}

/* accessibility no-js & no-splide
================================================== */
.no_javascript .sec_mainvisual{
	margin-top: 30px;
}
.no_javascript .sec_mainvisual .splide__track{
    max-height: 280px;
}
}