@charset "utf-8";

@media screen and (max-width : 640px) {
/* ==================================================
Required to CMS-8341
================================================== */
/* top_event
================================================== */
#tmp_event_top_pickup {
	padding:45.2% 0 39.56%;
	background-image: url(/shared/templates/event/images/pickup_bg_sp.png), url(/shared/templates/event/images/pickup_bg_btm_sp.png);
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#tmp_event_top_info::before,
#tmp_event_top_info::after,
#tmp_event_top_pickup .sec_top_event::before,
#tmp_event_top_pickup .sec_top_event_ttl::before,
#tmp_event_top_info .sec_top_event::before,
#tmp_event_top_info .sec_top_event_ttl::before,
#tmp_event_top_info .sec_top_event_cnt::after {
	display:none;
}
.sec_top_event_ttl h2 {
	font-size:137.5%;
	padding-top:35px !important;
}
.furigana_on .sec_top_event_ttl h2 {
	padding-top:40px !important;
}
.sec_top_event_ttl h2::before {
	top:33px !important;
}
#tmp_event_top_pickup .sec_top_event_ttl h2 {
	background-image:url(/shared/templates/event/images/pickup_ttl_en_sp.png);
	-webkit-background-size:115px auto;
	-moz-background-size:115px auto;
	background-size:115px auto;
}
#tmp_event_top_tourism .sec_top_event_ttl h2 {
	background-image:url(/shared/templates/event/images/tourism_ttl_en_sp.png);
	-webkit-background-size:150px auto;
	-moz-background-size:150px auto;
	background-size:150px auto;
	padding-top:40px !important;
}
.furigana_on #tmp_event_top_tourism .sec_top_event_ttl h2 {
	padding-top:50px !important;
}
#tmp_event_top_info .sec_top_event_ttl h2 {
	background-image:url(/shared/templates/event/images/info_ttl_en_sp.png);
	-webkit-background-size:95px auto;
	-moz-background-size:95px auto;
	background-size:95px auto;
}
#tmp_event_top_tourism .sec_top_event_ttl h2::before {
	top:38px !important;
}
/* event_read_more */
.event_read_more a {
	display:inline-block;
	padding:9px 10px;
	min-width:330px;
	font-size:112.5%;
}
#tmp_event_top_pickup .event_read_more a::before {
	background-image:url(/shared/templates/event/images/pickup_more_icon.png);
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	background-size:30px auto;
	margin:3px 15px 0 0;
}
#tmp_event_top_tourism .event_read_more a::before {
	background-image:url(/shared/templates/event/images/tourism_more_icon.png);
	-webkit-background-size:25px auto;
	-moz-background-size:25px auto;
	background-size:25px auto;
	margin:0 10px 0 0;
	width:25px;
	height:35px;
}

/* visual
================================================== */
#tmp_wrap_event_ttl .container {
	padding:0;
}
#tmp_event_ttl {
	margin:0 0 19px;
	min-height:auto;
}
#tmp_event_ttl .event_ttl_inner {
	top:auto;
	right:0;
	width:100%;
	padding:0 0 41.67%;
	background-image:url(/shared/templates/event/images/event_ttl_bg_sp.png);
	-webkit-border-radius:0 20px 20px 0;
	-moz-border-radius:0 20px 20px 0;
	border-radius:0 20px 20px 0;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#tmp_event_ttl .event_ttl_inner h1 {
	position:absolute;
	left:10px;
	right:10px;
	top:60%;
	width:auto;
	font-size:150%;
	background-image:url(/shared/templates/event/images/event_ttl_en_sp.png);
	-webkit-background-size:280px auto;
	-moz-background-size:280px auto;
	background-size:280px auto;
	padding:31px 0 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#tmp_event_ttl .event_ttl_inner h1 span {
	max-height:80px;
}
#tmp_event_ttl .event_ttl_bg {
	padding-left:0;
	padding-bottom:32.33%;
}
#tmp_event_ttl_visual {
	-webkit-border-radius:20px 20px 0 0;
	-moz-border-radius:20px 20px 0 0;
	border-radius:20px 20px 0 0;
}
#tmp_event_ttl_visual .visual_item {
	-webkit-border-radius:20px 20px 0 0;
	-moz-border-radius:20px 20px 0 0;
	border-radius:20px 20px 0 0;
}
#tmp_event_ttl_visual .visual_item img {
	max-width:100%;
	height:auto;
}
.no_javascript #tmp_event_ttl_visual .splide__list {
	height:auto;
}
#tmp_event_ttl_visual .splide__slide {
	width:100%;
}
#tmp_event_ttl_visual .splide__controls {
	top:178%;
	bottom:auto;
	left:13px;
	right:13px;
}
#tmp_event_ttl_visual .splide__arrow {
    border: 2px solid #3F3009;
}
#tmp_event_ttl_visual .splide__arrow--prev {
    top: -210px;
	margin:0;
}
#tmp_event_ttl_visual .splide__arrow--next {
	margin:0;
    top: -210px;
}
/* pickup
================================================== */
#tmp_event_top_pickup .sec_top_event_ttl {
	margin:0 0 24px;
}
#tmp_event_top_pickup .sec_top_event_cnt::before {
	display:none;
}
#tmp_event_top_pickup .event_pickup {
	display:block;
	margin:0 0 35px;
	padding:0 10px;
}
#tmp_event_top_pickup .event_top_pickup_area,
#tmp_event_top_pickup .event_pickup_cnt {
	display:block;
}
#tmp_event_top_pickup .event_top_pickup_area {
	width:100%;
	padding-right:0;
	margin:0 0 20px;
}
#tmp_event_top_pickup .event_top_pickup_area p.txt,
#tmp_event_top_pickup .event_top_pickup_area p.date,
#tmp_event_top_pickup .event_pickup_list li p {
	font-size:100%;
}
#tmp_event_top_pickup ul.event_pickup_list li:nth-child(n+2) {
    width: 100%;
	float: none;
}
#tmp_event_top_pickup .event_pickup_list li:first-child {
	float: none;
	width:100% !important;
	padding-right:0 !important;
	margin:0 0 20px !important;
}

/* tourism
================================================== */
#tmp_event_top_tourism {
	padding:75px 0 8px;
}
#tmp_event_top_tourism .sec_top_event_ttl {
	margin:0 0 19px;
}
#tmp_event_top_tourism .sec_top_event::before {
	left:-10px;
	top:-146px;
	background-image:url(/shared/templates/event/images/tourism_bg_lft_sp.png);
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	width:100px;
	height:170px;
}
#tmp_event_top_tourism .event_tourism {
	display:block;
	margin:0;
}
#tmp_event_top_tourism .event_tourism_main,
#tmp_event_top_tourism .event_tourism_cnt {
	display:block;
	width:100%;
	padding:0;
	margin:0 0 15px;
}
#tmp_event_top_tourism .event_tourism_main {
	padding-top:0;
}
/* info
================================================== */
#tmp_event_top_info {
	background-image:url(/shared/templates/event/images/info_bg_sp.png), url(/shared/templates/event/images/info_bg_btm_sp.png);
	background-repeat:no-repeat;
	background-position:left top, left bottom;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding:61.2% 0 48.6%;
	margin:0;
}
#tmp_event_top_info .sec_top_event_ttl {
	margin-bottom:0;
}
#tmp_event_top_info .sec_top_event_cnt ul {
	font-size:100%;
}
#tmp_event_top_info .sec_top_event_cnt ul li {
	padding:18px 0 18px 24px;
}
#tmp_event_top_info .sec_top_event_cnt .read_more a,
#tmp_event_top_info .sec_top_event_cnt ul li a {
	background-image:url(/shared/images/icon/icon_arrow_link_sp.png);
	-webkit-background-size:14px auto;
	-moz-background-size:14px auto;
	background-size:14px auto;
}
#tmp_event_top_info .sec_top_event_cnt .read_more a {
	background-position:left 7px;
}

/* ==================================================
accessibility style change:color
================================================== */
.color_blue #tmp_event_ttl,
.color_black #tmp_event_ttl,
.color_yellow #tmp_event_ttl {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
}
.color_blue #tmp_event_ttl .event_ttl_bg,
.color_black #tmp_event_ttl .event_ttl_bg,
.color_yellow #tmp_event_ttl .event_ttl_bg {
	padding:0 !important;
	order: 1;
}
.color_blue #tmp_event_ttl .event_ttl_inner,
.color_black #tmp_event_ttl .event_ttl_inner,
.color_yellow #tmp_event_ttl .event_ttl_inner {
    padding: 50px 10px 10px 10px !important;
	-webkit-border-radius:0 !important;
	-moz-border-radius:0 !important;
	border-radius:0 !important;
	position:static !important;
	order: 2;
}
.color_blue #tmp_wrapper #tmp_event_ttl .event_ttl_inner h1,
.color_black #tmp_wrapper #tmp_event_ttl .event_ttl_inner h1,
.color_yellow #tmp_wrapper #tmp_event_ttl .event_ttl_inner h1 {
	position:static !important;
	transform:none !important;
	border:none !important;
}
.color_blue #tmp_event_ttl .event_ttl_inner h1 span,
.color_black #tmp_event_ttl .event_ttl_inner h1 span,
.color_yellow #tmp_event_ttl .event_ttl_inner h1 span {
	overflow:visible !important;
	max-height:none !important;
}
.color_blue #tmp_event_ttl_visual .splide__controls,
.color_black #tmp_event_ttl_visual .splide__controls,
.color_yellow #tmp_event_ttl_visual .splide__controls {
    background-color: transparent!important;
    top: 115%;
}
.color_blue #tmp_event_ttl_visual .splide__arrows a,
.color_black #tmp_event_ttl_visual .splide__arrows a,
.color_yellow #tmp_event_ttl_visual .splide__arrows a {
    top: -370%!important;
}

}