@charset "utf-8";

@media screen and (min-width : 801px) and (max-width : 920px) {
	.top_heading_wrap {
		background-size: cover;
		background-position: center -10px;
	}
}

@media screen and (max-width : 800px) {
/* Common pattern
================================================== */
.simple_link > a{
	padding-right: 16px;
}
.sec_ttl {
    margin-bottom: 35px;
	text-align: center;
	flex-direction: column;
}
.sec_ttl span{
	font-size: 81.2%;
	top: 0;
	margin-top: 5px;
	margin-left: 0;
	padding: 4px 16px 3px;
}
.sec_ttl span::before{
	border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #036EB8 transparent;
    top: -5px;
    left: calc(50% - 8px);
}
.show_sp{
    display: block;
}
.show_pc{
    display: none;
}
/* Mainvs section
================================================== */
.top_heading_wrap {
	background-position: center top;
	background-size: cover;
}
#tmp_mainvs .container {
    padding: 0 23px;
}
#tmp_mainvs_splide  {
	display: flex;
	flex-direction: column-reverse;
    border: none;
	box-shadow: none;
	background-color: transparent;
}
#tmp_mainvs .splide__track {
	border: 5px solid #ffffff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	color: inherit;
}
#tmp_mainvs .splide__slide {
	display: flex;
	align-items: center;
	background-color: #ffffff;
	color: #333333;
	min-height: 146px;
}
#tmp_mainvs .splide__controls {
    position: relative;
	justify-content: center;
    text-align: center;
	background-color: transparent;
	padding: 0;
	top: 0;
	margin-top: 10px;
}
#tmp_mainvs .splide__arrow {
    margin-top: 14px !important;
}
#tmp_mainvs .splide__arrow--prev {
	left: 10px;
}
#tmp_mainvs .splide__arrow--next {
	right: 10px;
}
.no_javascript #tmp_mainvs_splide {
	background-color: #ffffff;
}
.no_javascript #tmp_mainvs .splide__list {
    max-height: 282px;
}
.no_javascript #tmp_mainvs .splide__slide {
	min-height: auto;
}

/* Event section
================================================== */
.sec_event {
    padding-top:27px;
	margin-bottom: 21px;
}
.sec_event .event_ttl h2{
	background-image: url(/shared/templates/heiwamuseum_top/images/main/event_en_ttl_sp.png);
	background-size: 40px auto;
	background-position: right calc(50% + 1px);
	padding-right: 49px;
}
.event_cnt ul li a:hover img{
    opacity: 1;
}
.event_cnt ul li a:hover .event_cap{
    text-decoration: none;
}
/* News section
================================================== */
.sec_news_inner {
    padding: 11px 0 9px;
}
.sec_news_inner .news_ttl{
	margin-left: 0;
	margin-bottom: 13px;
}
.sec_news_inner ul{
	padding-left: 0;
}
.event_ttl h2,
.sec_news_inner .news_ttl h2{
	font-size: 137.5%;
	padding-bottom: 21px;
	padding-right: 46px;
	margin-right: 10px;
	background-image: url(/shared/templates/heiwamuseum_top/images/main/news_en_ttl_sp.png);
	background-size: 35px auto;
}
.event_ttl::before,
.sec_news_inner .news_ttl::before{
	width: 120px;
}
.sec_news_inner ul li{
	display: block;
	padding-bottom: 11px;
	margin-bottom: 12px;
}
.sec_news_inner ul .news_date{
	line-height: 1.4;
    display: block;
	padding-right: 0;
}
.sec_news_inner ul .news_link{
	line-height: 1.6;
}
/* About section
================================================== */
.sec_about{
	padding: 50px 0 55px;
}
.sec_about .sec_ttl{
	padding-bottom: 33px;
	margin-bottom: 28px;
	background-image: url(/shared/templates/heiwamuseum_top/images/main/title_about_en_sp.png);
	background-size: 56px auto;
}
.about_inner_wrap .basic_btn{
	display: block;
	text-align: center;
	padding-left: 19px;
}
.about_inner_wrap .about_description{
	font-size: 81.2%;    
	margin-bottom: 55px;
	flex-direction: column;
	padding: 0 11px 0 10px;
}
.about_inner_wrap .basic_btn li{
	margin-bottom: 30px;
	padding: 0;
	width: auto;
}
.about_inner_wrap .basic_btn a{
	font-size: 87.5%;
	padding: 12px 26px 12px 12px;
	min-width: inherit;
	max-width: 310px;
    width: 100%;
}
/* Active section
================================================== */
.sec_active {
    padding: 50px 0 44px;
}
.sec_active .sec_ttl{
	padding-left: 0;
	background-position: calc(50% - 2px) bottom;
	margin-bottom: 25px;
	background-image: url(/shared/templates/heiwamuseum_top/images/main/ttl_en_active_sp.png);
	background-size: 59px auto;
	padding-bottom: 37px;
}
.sec_active .active_wrap_col3{
	display: block;
	margin-bottom: 16px;
	padding-right: 0;
}
.sec_active .active_wrap_col3 li{
	margin-bottom: 10px;
	width: 100%;
}
.sec_active .active_wrap_col2{
	padding-right: 0;
}
.sec_active .active_wrap_col3 a,
.sec_active .active_wrap_col2 a{
	width: 100%;
}
/* Gallery section
================================================== */
.sec_gallery{
	padding: 50px 0;
}
.sec_gallery .sec_ttl{
	padding-bottom: 40px;
	margin-bottom: 15px;
	background-image: url(/shared/templates/heiwamuseum_top/images/main/gallery_en_ttl_sp.png);
	background-size: auto 31px;
}
.sec_gallery ul{
	flex-wrap: wrap;
}
.sec_gallery ul li{
	width: 50%;
	margin-bottom: 10px;
}
.sec_gallery ul li img{
	max-width: 100%;
}
#tmp_information .info_heading{
	margin-top: 50px;
}
/* Followmenu section
================================================== */

/* Goriyouannnai section
================================================== */

/* Reset Hover style
================================================== */
.sec_active ul li a:before,
.sec_gallery ul li a:before{
    content: none;
}
.sec_event .pdf_link p > a:hover,
.simple_link > a:hover {
    text-decoration: none;
}
/* fsize
================================================== */
.fsize_big2 .sec_news .simple_link a,
.fsize_big2 .sec_event .simple_link a{
	width: 108px;
}
.fsize_big .sec_news .simple_link a,
.fsize_big .sec_event .simple_link a{
	width: 90px;
}
/* furigana
================================================== */
.furigana_on .sec_ttl span::before{
    top: -9px;
}
}