@charset "utf-8";

@media screen and (max-width : 480px) {
/* ==================================================
top main
================================================== */
/* mainvs
================================================== */
#tmp_mainvs {
	background:url(/shared/templates/seaside_top/images/main/visual_main_bg_sp.jpg) no-repeat top center;
	background-size:100% auto;
	height:0;
	padding-top:60%;
	padding-bottom:95px;
}
#tmp_mainvs.videog {
	padding-top:88.44%;
	padding-bottom:0;
}
#tmp_mainvs:before{
	bottom:8px;
	height:25px;
	background:url(/shared/templates/seaside_top/images/main/visual_en_sp.png) repeat-x left center;
	-webkit-background-size:auto 25px;
	-moz-background-size:auto 25px;
	background-size:auto 25px;
}
#tmp_mainvs:after{
	height:50px;
	background:url(/shared/templates/seaside_top/images/main/visual_bg_btm_sp.png) no-repeat bottom center;
	-webkit-background-size:100% 30px;
	-moz-background-size:100% 30px;
	background-size:100% 30px;
}
#tmp_mainvs .mv_inner {
	position: absolute;
	top:0;
	left:10px;
	right:10px;
	width:calc(100% - 20px);
}
#tmp_mainvs .movie_wrap{
	padding: 5px;
}
#tmp_mainvs .mv_inner:before {
	left: -10px;
	width: 70px;
	height: 172px;
	background-image:url(/shared/templates/seaside_top/images/icon/movie_left_sp.png);
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
#tmp_mainvs .mv_inner:after{
	width: 59px;
	height: 222px;
	right: -10px;
	bottom: -17px;
	background-image: url(/shared/templates/seaside_top/images/icon/movie_right_sp.png);
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}
.video_control_inner a{
	font-size: 92.8%;
	min-height: 36px;
}
.video_control_inner li.subtitle_guide a {
	padding: 12px 5px 9px 31px;
	background-image: url(/shared/templates/seaside_top/images/icon/subtitle_icon_sp.png);
	background-position: 7px 11px;
	background-size: 20px auto;
	-webkit-background-size: 20px auto;
	-moz-background-size: 20px auto;
}
	.video_control_inner .change_mv_btn a {
		width: 105px;
		padding: 3px 6px 2px 8px;
}
.video_control ul li.play_control a,
.video_control ul li.mute_control a{
	width: 36px;
	height: 36px;
}
	.video_control a#tmp_pause_button{
	background-image: url(/shared/templates/seaside_top/images/icon/stop_control_sp.png);
	background-size: 11px auto;
	-webkit-background-size: 11px auto;
	-moz-background-size: 11px auto;
}
	.video_control a#tmp_play_button{
	background-image: url(/shared/templates/seaside_top/images/icon/start_control_sp.png);
	background-size: 13px auto;
	-webkit-background-size: 13px auto;
	-moz-background-size: 13px auto;
}
	.video_control a#tmp_mute_button{
	background-image: url(/shared/templates/seaside_top/images/icon/mute_control_sp.png);
	background-size: 26px auto;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
}
	.video_control a#tmp_unmute_button{
	background-image: url(/shared/templates/seaside_top/images/icon/unmute_control_sp.png);
	background-size: 16px auto;
	-webkit-background-size: 16px auto;
	-moz-background-size: 16px auto;
}
.video_control_inner a span{
	width: 36px;
	height: 36px;
}
#tmp_main{
	overflow: hidden;
}
/* anchor_navi
================================================== */
#tmp_anchor_navi {
	padding:20px 0 30px;
}
#tmp_anchor_navi ul {
	list-style:none;
	font-size:85.7%;
	margin:0 -2px;
}
#tmp_anchor_navi ul li {
	padding:0 2px;
}
#tmp_anchor_navi ul li a {
    justify-content: start;
	padding:5px 20px 5px 15px;
	-webkit-border-radius:3em;
	-moz-border-radius:3em;
	border-radius:3em;
}
#tmp_anchor_navi ul li a::after {
	right:7px;
	margin-top:-4px;
    width: 7px;
    height: 7px;
}
#tmp_anchor_navi ul li span {
	text-align:left;
}

/* main_ttl
================================================== */
.main_ttl {
	margin-bottom: 15px;
	padding-top: 78px;
	-webkit-background-size: auto 69px !important;
	-moz-background-size: auto 69px !important;
	background-size: auto 69px !important;
}
.main_ttl h2{
	font-size: 92.8%;
}
#tmp_topics .main_ttl {
	background-image:url(/shared/templates/seaside_top/images/main/ttl_en_topics_sp.png);
}
#tmp_bayside .main_ttl {
	background-image:url(/shared/templates/seaside_top/images/main/ttl_en_bayside_sp.png);
}
#tmp_history .main_ttl {
	background-image:url(/shared/templates/seaside_top/images/main/ttl_en_history_sp.png);
}
/* view_list_btn
================================================== */
.view_list_btn {
	font-size: 92.8%;
}
.view_list_btn a {
	display:block;
	min-width:auto;
	padding:10px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	-moz-box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
}
.view_list_btn a::after {
	right:10px;
	margin-top:-5px;
	background:url(/shared/site_seaside/images/icon/arr_link_sp.png) no-repeat;
	-webkit-background-size: 7px auto;
	-moz-background-size: 7px auto;
	background-size: 7px auto;
	width:7px;
	height:11px;
}
#tmp_topics .view_list_btn a {
	display:block;
	min-width:auto;
}
/* topics
================================================== */
#tmp_topics{
	padding: 0 0 40px;
}
#tmp_topics .event_cnt:before {
	top: -30px;
	left: -10px;
	width: 61px;
	height: 61px;
	background-image:url(/shared/templates/seaside_top/images/icon/pattern_wavy_sp.png);
	-webkit-background-size: 61px auto;
	-moz-background-size: 61px auto;
	background-size: 61px auto;
}
#tmp_topics .event_cnt:after {
	bottom: -32px;
	right: -10px;
	width: 73px;
	height: 61px;
	background-image:url(/shared/templates/seaside_top/images/icon/pattern_wavy2_sp.png);
	-webkit-background-size: 73px auto;
	-moz-background-size: 73px auto;
	background-size: 73px auto;
}
#tmp_topics .event_cnt,
#tmp_topics .event_news,
#tmp_topics .event_inner{
	display: block;
	width: 100%;
}
#tmp_topics .event_news {
	padding: 0;
}
#tmp_topics .event_news_main {
	margin-bottom:10px;
	padding: 10px 10px 8px;
	-webkit-box-shadow: 0 2px 3px 0 rgba(8, 24, 53, 0.15);
	-moz-box-shadow: 0 2px 3px 0 rgba(8, 24, 53, 0.15);
	box-shadow: 0 2px 3px 0 rgba(8, 24, 53, 0.15);
}
#tmp_topics .event_news_img{
	margin-bottom: 5px;
}
#tmp_topics .event_news_des{
	font-size: 92.8%;
	line-height: 1.7;
}
#tmp_topics .event_list{
	margin-bottom: 21px;
}
#tmp_topics .event_list a{
	padding: 9px 34px 11px 0;
	background-image: url(/shared/site_seaside/images/icon/arr_link_sp.png);
	-webkit-background-size: 7px auto;
	-moz-background-size: 7px auto;
	background-size: 7px auto;
	font-size: 92.8%;
	line-height: 1.7;
}
/* bayside
================================================== */
#tmp_bayside {
	padding: 42px 0;
}
#tmp_bayside:before{
	background-image:url(/shared/templates/seaside_top/images/main/event_pattern_top_sp.png);
}
#tmp_bayside:after{
	background-image:url(/shared/templates/seaside_top/images/main/event_pattern_bottom_sp.png);
}
#tmp_bayside .chiba_cnt:before,
#tmp_bayside .chiba_cnt:after{
	width: 92px;
	height: 60px;
}
#tmp_bayside .chiba_cnt:before{
	left: -42px;
	top: -30px;
}
#tmp_bayside .chiba_cnt:after{
	right: -28px;
	bottom: 19px;
}
#tmp_bayside .chiba_banner{
	margin-bottom: 19px;
}
#tmp_bayside .chiba_banner_map {
	background:url(/shared/templates/seaside_top/images/main/bayside_map_sp.jpg) no-repeat 0 0;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
	width:100%;
	height:0;
	padding-top:56.67%;
}
#tmp_bayside .chiba_banner_map span {
	width:100%;
	height:0;
}
#tmp_bayside .chiba_list{
	margin: 0 -5px;
}
#tmp_bayside .chiba_list li{
	margin-bottom: 10px;
	padding: 0 5px;
	width: 50%;
}
#tmp_bayside .chiba_list a{
	padding: 11px 5px 10px 37px;
	background-position: 7px center;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
	background-size: 26px auto;
	-webkit-box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	-moz-box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
}
#tmp_bayside .chiba_list li:nth-child(5n),
#tmp_bayside .chiba_list li:nth-child(5n+1){
	clear: none;
}
#tmp_bayside .chiba_list li:nth-child(2n){
	clear: right;
}
#tmp_bayside .chiba_list li:nth-child(2n+1){
	clear: left;
}
/* history
================================================== */
#tmp_history{
	padding: 19px 0 40px;
}
#tmp_history .history_cnt{
	padding-bottom: 40px;
}
#tmp_history .history_art{
	margin-bottom: 20px;
}
#tmp_history .history_art_subttl{
	margin-bottom: 15px;
	padding-bottom: 8px;
	background-image: url(/shared/templates/seaside_top/images/icon/subttl_pattern_sp.png);
	-webkit-background-size: 148px auto;
	-moz-background-size: 148px auto;
	background-size: 148px auto;
	font-size: 142.8%;
}
#tmp_history .history_art:before{
	background-image: url(/shared/templates/seaside_top/images/icon/pattern_wavy_sp.png);
	width: 61px;
	height: 61px;
	top: -33px;
	left: -10px;
}
#tmp_history .history_art_banner{
	margin-bottom: 20px;
}
#tmp_history .history_art_des{
	margin: 0;
	padding: 0;
}
#tmp_history .history_btn:after{
	background-image: url(/shared/templates/seaside_top/images/icon/pattern_wavy2_sp.png);
	bottom: 40px;
	right: -10px;
	width: 73px;
	height: 61px;
}
#tmp_history .history_btn br {
	display:inline;
}
#tmp_history .history_btn a{
	padding: 5px 10px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	-moz-box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	font-size: 92.8%;
	line-height: 1.7;
}
#tmp_history .history_btn span{
	padding: 5px 0 5px 38px;
	background-position: left center;
	-webkit-background-size: 30px auto;
	-moz-background-size: 30px auto;
	background-size: 30px auto;
}
/* related_links
================================================== */
#tmp_related_links{
	padding: 15px 0 10px;
}
#tmp_related_links .related_ttl{
	margin-bottom: 13px;
}
#tmp_related_links .related_ttl h2{
	padding-right: 130px;
	background-image: url(/shared/templates/seaside_top/images/main/ttl_en_related_sp.png);
	-webkit-background-size: 120px auto;
	-moz-background-size: 120px auto;
	background-size: 120px auto;
	font-size: 114.2%;
}
#tmp_related_links .related_list{
	margin: 0;
}
#tmp_related_links .related_list li{
	float: none;
	padding: 0;
	width: 100%;
}
#tmp_related_links .related_list a{
	padding: 12px 20px 8px 9px;
	background-image: url(/shared/site_seaside/images/icon/arr_link_sp.png);
	-webkit-background-size: 7px auto;
	-moz-background-size: 7px auto;
	background-size: 7px auto;
	-webkit-box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	-moz-box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	box-shadow: 0 2px 5px 0 rgba(8, 24, 53, 0.15);
	font-size: 92.8%;
}
#tmp_related_links .related_list li:not(:last-child){
	margin-bottom: 10px;
}
#tmp_related_links .related_list li:nth-child(4n),
#tmp_related_links .related_list li:nth-child(4n+1){
	clear: none;
}

/* ==================================================
accessibility style change:color
================================================== */
.color_blue #tmp_mainvs .mv_inner:after,
.color_black #tmp_mainvs .mv_inner:after,
.color_yellow #tmp_mainvs .mv_inner:after,
.color_blue #tmp_mainvs .mv_inner:before,
.color_black #tmp_mainvs .mv_inner:before,
.color_yellow #tmp_mainvs .mv_inner:before{
	display: none;
}
.color_blue .video_control a#play_button,
.color_black .video_control a#play_button {
	background-image: url(/shared/templates/seaside_top/images/icon/start_control_sp_wht.png) !important;
}
.color_blue .video_control a#pause_button,
.color_black .video_control a#pause_button{
	background-image: url(/shared/templates/seaside_top/images/icon/stop_control_sp_wht.png) !important;
}
.color_blue .video_control a#mute_button,
.color_black .video_control a#mute_button {
	background-image: url(/shared/templates/seaside_top/images/icon/mute_control_sp_wht.png) !important;
}
.color_blue .video_control a#unmute_button,
.color_black .video_control a#unmute_button {
	background-image: url(/shared/templates/seaside_top/images/icon/unmute_control_sp_wht.png) !important;
}
.color_yellow .video_control a#play_button{
	background-image: url(/shared/templates/seaside_top/images/icon/start_control_sp.png) !important;
}
.color_yellow .video_control a#pause_button{
	background-image: url(/shared/templates/seaside_top/images/icon/stop_control_sp.png) !important;
}
.color_yellow .video_control a#mute_button{
	background-image: url(/shared/templates/seaside_top/images/icon/mute_control_sp.png) !important;
}
.color_yellow .video_control a#unmute_button{
	background-image: url(/shared/templates/seaside_top/images/icon/unmute_control_sp.png) !important;
}
.color_blue #tmp_bayside .chiba_banner_map,
.color_black #tmp_bayside .chiba_banner_map,
.color_yellow #tmp_bayside .chiba_banner_map,
.color_blue #tmp_bayside .chiba_banner_map span,
.color_black #tmp_bayside .chiba_banner_map span,
.color_yellow #tmp_bayside .chiba_banner_map span {
	background-color:transparent !important;
}
.color_blue #tmp_bayside .chiba_banner_map,
.color_black #tmp_bayside .chiba_banner_map,
.color_yellow #tmp_bayside .chiba_banner_map {
	background-image:url(/shared/templates/seaside_top/images/main/bayside_map_sp.jpg) !important;
}
/* ==================================================
accessibility style change:font-size
================================================== */
.fsize_big .video_control_inner a,
.fsize_big2 .video_control_inner a {
	font-size: 0.9rem;
}


}