@charset "utf-8";

@media screen and (max-width : 640px) {
/* Content */
#tmp_main {
	padding-top: 0 !important;
}
#tmp_main_content {
	height: 100% !important;
}
#tmp_main_content .main_content_wrap {
	padding-top: 24px;
	position: static !important;
	background-image: url(/shared/site_koho/images/main/bg_txt_sp.png), url(/shared/site_koho/images/main/bg_grid_sp.png);
	background-size: auto 14px, 116px auto;
	background-repeat: repeat-x, repeat-y;
	background-position: 30px 0, 0 0;
}
#tmp_main_content .main_content_inner {
	display: block;
}
#tmp_main_content .main_content_inner:before {
	content: none;
}
#tmp_mainvs {
    padding-bottom: 43px;
}
#tmp_mainvs .mainvs_image {
    margin-bottom: 9px;
}
#tmp_mainvs .mainvs_link {
    margin-bottom: 16px;
}
#tmp_mainvs .mainvs_link a {
	font-size: 81.2%;
	padding: 13px 5px 10px 22px;
	background: #ffffff url(/shared/site_koho/images/icon/icon_arr_big_sp.png) no-repeat 10px 15px;
	background-size: 8px auto;
}
#tmp_mainvs .mainvs_more {
	gap: 25px;
	padding-left: 3px;
}
#tmp_mainvs .mainvs_more li a {
	font-size: 81.2%;
	padding-left: 13px;
	background-image: url(/shared/site_koho/images/icon/icon_arr_sp.png);
	background-size: 7px auto;
	background-position: 0 3px;
}
#tmp_content_right {
	margin-top: 0;
	height: 100% !important;
}
#tmp_content_right:before{
	content: none;
}
#tmp_content_right .content_inner {
	height: auto !important;
	overflow: visible;
	padding: 0 10px 19px;
}
#tmp_content_right .content_inner {
	overflow-y: auto;
	max-height: auto;
}
#tmp_content_right {
	margin-left: 0;
}
#tmp_content_right:after {
	right: 50%;
	top: -14px;
	margin-right: -10px;
	height: 29px;
	width: 26px;
	border-left-width: 0;
	border-top: 1px solid #222222;
	transform: rotate(51deg) skewX(10deg);
}
#tmp_content_right .month_ttl {
	width: 50%;
	margin-top: -29px;
	margin-bottom: 10px;
	font-size: 200%;
	min-width: auto;
}
#tmp_content_right .month_ttl:after {
	left: 12px;
	top: 28px;
}
#tmp_content_right .month_ttl .number {
	font-size: 165.6%;
	margin-bottom: 3px;
	top: 1px;
}
#tmp_news_feature {
    margin-bottom: 15px;
}
#tmp_news_feature .section_head {
    margin-bottom: 20px;
}
#tmp_news_feature .section_head h2 {
    padding-right: 75px;
    background-image: url(/shared/templates/koho_top/images/feature_ttl_sp.png);
	background-size: 48px auto;
}
#tmp_news_life{
	padding-bottom: 0;
}
#tmp_news_life .section_head {
    margin-bottom: 26px;
}
#tmp_news_life .section_head h2 {
    padding-right: 111px;
    background-image: url(/shared/templates/koho_top/images/life_ttl_sp.png);
    background-position: right 10px;
	background-size: 90px auto;
}
#tmp_news_life .splide__slide:first-child .ttl:before,
#tmp_news_life .splide__slide:last-child .ttl:after {
	display:none;
}
#tmp_back_number {
    padding: 47px 0 49px;
}
#tmp_back_number .section_head {
    margin-bottom: 14px;
    padding: 0 10px;
}
#tmp_back_number .section_head h2 {
	padding-right: 92px;
	background-image: url(/shared/templates/koho_top/images/back_ttl_sp.png);
	background-position: right 10px;
	background-size: 70px auto;
}
#tmp_back_number .back_number_cnt{
	margin-right: -20px;
}
#tmp_tabs_year {
	padding-right: 20px;
	padding-left: 11px;
	margin-bottom: 25px;
}
#tmp_tabs_year ul li {
    flex: 1 1 54px;
}
#tmp_tabs_year ul li.active {
    flex: 1 1 75px;
}
#tmp_tabs_year ul li a {
	font-size: 87.5%;
	padding: 9px 5px;
	display: flex;
	min-height: 42px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}
#tmp_tabs_year ul li a span{
	padding-top: 3px;
}
#tmp_tabs_year ul li.active{
	flex: 1 1 70px;
}
#tmp_tabs_year ul li.active a {
	padding: 10px 5px 8px;
	font-size: 125%;
}
#tmp_tabs_year ul li a:after {
	height: 30px;
}
#tmp_tabs_year ul li.active a span:after {
	height: 12px;
	left: -4px;
    right: -2px;
    bottom: -3px;
}
#tmp_tabs_cnt {
	padding-left: 10px;
	padding-bottom: 60px;
}
#tmp_tabs_cnt.left_bur{
	padding-right: 0;
}
#tmp_tabs_cnt:after{
	content: none;
}
#tmp_tabs_cnt .splide__slide {
	width: 205px;
}
#tmp_tabs_cnt .splide__slide .img {
    margin-bottom: 18px;
}
#tmp_tabs_cnt .splide__slide .img img {
	width: 100%;
	height: 100%;
}
#tmp_tabs_cnt .splide__slide .date{
	margin-bottom: 2px;
	font-size: 100%;
}
#tmp_tabs_cnt .splide__slide .txt{
	line-height: 1.6;
}
#tmp_tabs_cnt .splide__slide br{
	display: none;
}
#tmp_tabs_cnt .splide__arrow{
	top: auto;
	bottom: 0;
	width: 58px;
	height: 44px;
	transform: none;
}
#tmp_tabs_cnt .splide__arrow--prev {
	left: auto;
	right: 50%;
	margin-right: 37px;
	background-image: url(/shared/site_koho/images/icon/icon_arrow_prev_sp.png);
	width: 60px;
}
#tmp_tabs_cnt .splide__arrow--next {
	right: auto;
	left: 50%;
	margin-left: 20px;
	background-image: url(/shared/site_koho/images/icon/icon_arrow_next_sp.png);
}
#tmp_tabs_cnt .splide__arrow--prev.disabled {
	background-image: url(/shared/site_koho/images/icon/icon_arrow_prev_sp_dis.png);
}
#tmp_tabs_cnt .splide__arrow--next.disabled {
	background-image: url(/shared/site_koho/images/icon/icon_arrow_next_sp_dis.png);
}

/* search
================================================== */
.sec_searchinfo{
	padding: 47px 0 40px;
}

/* accessibility
================================================== */
/* color */
.color_black #tmp_wrapper #tmp_content_right:after,
.color_blue #tmp_wrapper #tmp_content_right:after{
	margin-right: -16px;
    border-left: 1px solid #FFFF00 !important;
	border-top-color: #FFFF00 !important;
	border-bottom: none !important;
}
.color_yellow #tmp_wrapper #tmp_content_right:after{
	margin-right: -16px;
    border-left: 1px solid #000000 !important;
	border-top-color: #000000 !important;
	border-bottom: none !important;
}

.color_yellow #tmp_wrapper #tmp_tabs_cnt .splide__arrow--prev {
    background-image: url(/shared/site_koho/images/icon/icon_arrow_prev_sp.png) !important;
}
.color_yellow #tmp_wrapper #tmp_tabs_cnt .splide__arrow--next {
    background-image: url(/shared/site_koho/images/icon/icon_arrow_next_sp.png) !important;
}
.color_blue #tmp_wrapper #tmp_tabs_cnt .splide__arrow--prev,
.color_black #tmp_wrapper #tmp_tabs_cnt .splide__arrow--prev {
    background-image: url(/shared/site_koho/images/icon/icon_arrow_prev_sp_yellow.png) !important;
}
.color_blue #tmp_wrapper #tmp_tabs_cnt .splide__arrow--next,
.color_black #tmp_wrapper #tmp_tabs_cnt .splide__arrow--next {
    background-image: url(/shared/site_koho/images/icon/icon_arrow_next_sp_yellow.png) !important;
}
/* fsize */
.fsize_big #tmp_wrapper #tmp_tabs_year ul,
.fsize_big2 #tmp_wrapper #tmp_tabs_year ul{
	flex-flow: row wrap;
}
.fsize_big #tmp_wrapper #tmp_tabs_year ul li,
.fsize_big #tmp_wrapper #tmp_tabs_year ul li.active,
.fsize_big2 #tmp_wrapper #tmp_tabs_year ul li,
.fsize_big2 #tmp_wrapper #tmp_tabs_year ul li.active{
	flex: 1;
}
.fsize_big2 #tmp_content_right .month_ttl {
	font-size: 2.7rem !important;
}
/* no-js */
.no_javascript #tmp_content_right .content_inner {
    overflow: visible;
    max-height: 100%;
}
.no_javascript #tmp_tabs_cnt.splide,
#tmp_tabs_cnt.splide.no-splide{
	padding-right: 10px;
}
.no_javascript #tmp_tabs_cnt.splide .splide__list,
#tmp_tabs_cnt.splide.no-splide .splide__list{
	margin: 0 -10px !important;
}
.no_javascript #tmp_tabs_cnt.splide .splide__slide,
#tmp_tabs_cnt.splide.no-splide .splide__slide{
	padding: 0 10px;
	width: 50%;
}
}