@charset "utf-8";

@media screen and (min-width: 641px) and (max-width: 1200px)  {
.list_top_device {
    flex-direction: column;
}
.list_top_device .list_item {
    width: 100%;
}
.list_top_device .list_item::after {
    width: 100%;
    border-top: 1px solid;
    border-top-color: inherit;
    border-right: none;
    top: auto;
    right: 0;
    left: 0;
    bottom: -20px;
}
.section_top_schedule .list_common_buttons {
    flex-direction: column;
}
.section_top_schedule .list_common_buttons .button_common {
    width: 100%;
}


}
@media screen and (max-width : 640px) {
.layout_top {
    padding: 28px 0 160px;
}
.layout_top>.container {
	flex-direction: column;
}
.layout_top .layout_container {
    width: 100%;
}

.navigation_top {
    width: 100%;
    margin: 32px 0 0;
}

.list_top_navigation>li:not(:last-of-type) {
    margin-bottom: 9px;
}
.list_top_navigation>li.is_bordered>a::after {
    right: 8px;
	bottom: 8px;
}
.list_top_navigation>li.is_bordered.is_icon_bordered {
    right: 8px;
	bottom: 8px;
}
.list_top_navigation>li.is_icon_bordered>a::after {
    width: 24px;
	height: 24px;
}
.list_top_navigation>li.is_icon_reversed>a::after {
    width: 18px;
    height: 18px;
    right: 9px;
    bottom: 9px;
}
.list_top_navigation>li>a:before{
    content: none;
}
.list_top_navigation>li>a::after {
	width: 22px;
	height: 22px;
    right: 10px;
	bottom: 10px;
}

.list_top_news>ul>li {
    padding-bottom: 17px;
    line-height: 1.5;
}
.list_top_news>ul>li:not(:last-of-type) {
    margin-bottom: 15px;
}
.list_top_news .item_wrapper {
    flex-wrap: wrap;
}
.list_top_news .item_date {
    width: 100%;
    max-width: none;
    min-width: auto;
    margin-bottom: 3px;
    padding: 0;
    font-size: 75%;
}

.button_top_login a {
    font-size: 112.5%;
}
.button_top_login a:hover .button_wrapper {
    background-size: 0 1px;
}

.link_top_rss a:hover {
	background-size: 0 1px;
}
.link_top_rss a::before {
    top: 0;
}

.select_top {
    width: calc(100% - 6px);
	margin: 0 auto;
}
.select_top select {
    height: 58px;
    padding: 0 68px 4px 15px;
    background-position: calc(100% - 17px) center, center right;
    background-size: 18px auto, 56px 100%;
    font-size: 112.5%;  
}

.tabs_top_news {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.tabs_top_news .tabs_top_news_ttl:first-child {
    border-radius: 50px 0 0 50px;
}
.tabs_top_news .tabs_top_news_ttl:nth-child(5) {
    border-radius: 0 50px 50px 0;
}

.tabs_top_news_ttl {
    margin-bottom: 20px;
}
.tabs_top_news_ttl:not(.active)>p>a:hover {
    border-color: #E2EFC7;
    background-color: #E2EFC7;
    color: inherit;
}
.tabs_top_news_ttl:not(.active)>p:has(a:hover)::before {
    opacity: 0;
}
.tabs_top_news_ttl>p::after {
    width: 16px;
    height: 12px;
}
.tabs_top_news_ttl>p>a {
    padding: 2px 8px 6px;
    line-height: 1.25;
}
.tabs_top_news_ttl .show_sp {
    display: block;
}

.tabs_top_news_cnt {
    padding: 25px 14px 30px;
}
.tabs_top_news_cnt .list_common_buttons {
    margin-top: 32px;
    gap: 18px 20px;
}
.tabs_top_news_cnt .list_common_buttons .button_common_simple {
    width: 100%;
}

.section_top_information {
    margin-bottom: 22px;
}
.section_top_information .block_common_library .block_wrapper.is_search::before,
.section_top_information .block_common_library .block_wrapper.is_service::before {
    clip-path: polygon(19px 0%, calc(100% - 19px) 0%, 100% calc(100% - 7px), 100% 100%, 0 100%, 0% calc(100% - 7px));
    top: -1px;
    right: -16px;
    left: -16px;
	border-top-width: 7px;
	border-bottom-width: 7px;
}
.section_top_information .block_common_library .block_wrapper.is_search,
.section_top_information .block_common_library .block_wrapper.is_service {
    width: 100%;
    padding: 28px 13px 16px;
}
.section_top_information .block_common_library .block_wrapper.is_search,
.section_top_information .block_common_library .block_wrapper.is_service {
    border-right: none;
    border-left: none;
}
.section_top_information .block_common_library .block_wrapper.is_search .heading_title::before {
    width: 42px;
    background-image: url(/shared/templates/library_top_rn/images/icon/icon_title_search_sp.png);
}
.section_top_information .block_common_library .block_wrapper.is_service .heading_title::before {
	background-image: url(/shared/templates/library_top_rn/images/icon/icon_title_service_sp.png);
}
.section_top_information .block_common_library .block_wrapper.is_electronic {
	padding: 28px 13px 30px;
}
.section_top_information .block_common_library .block_wrapper.is_electronic .block_heading {
	margin-bottom: 11px;
}
.section_top_information .block_common_library .block_wrapper.is_electronic .heading_title::before {
	width: 38px;
    background-image: url(/shared/templates/library_top_rn/images/icon/icon_title_electronic_sp.png);
}
.section_top_information .block_common_library .block_wrapper.is_electronic .list_common_buttons {
    flex-flow: column nowrap;
}
.section_top_information .block_common_library .block_wrapper.is_electronic .list_common_buttons>li:first-child,
.section_top_information .block_common_library .block_wrapper.is_electronic .list_common_buttons>li:nth-child(2) {
    width: 100%;
}
.section_top_information .block_common_library .block_heading {
    min-height: unset;
    margin-bottom: 10px;
}
.section_top_information .block_common_library .heading_title::before {
    margin: 0 7px 0 0;
    height: 40px;
}
.section_top_information .block_common_library .heading_title h2 {
    font-size: 125%;
}
.section_top_information .block_common_library .heading_detail {
	margin-top: 7px;
	padding-bottom: 3px;
    font-size: 100%;
	text-align: left;
}

.section_top_schedule {
    margin-bottom: 40px;
}
.section_top_schedule .show_pc {
    display: none !important;
}
.section_top_schedule .section_heading {
    padding: 36px 15px 30px 15px;
    background-image: url(/shared/templates/library_top_rn/images/icon/icon_title_schedule_sp.png);
	background-size: 101px auto;
	background-position: calc(100% - 19px) 54px;
    justify-content: flex-start;
	flex-flow: column nowrap;
}
.section_top_schedule .section_heading .title_common_primary {
	width: 100%;
    margin: 0 0 23px;
	padding-right: 120px;
}
.section_top_schedule .section_wrapper {
    padding: 23px 27px 31px;
}
.section_top_schedule .list_common_buttons {
    flex-flow: column;
}
.section_top_schedule .list_common_buttons>li {
    width: 100%;
}

.section_top_notice {
    margin-bottom: 40px;
    padding: 18px 14px;
}
.section_top_notice .section_title {
    margin-bottom: 14px;
    border-left-width: 6px;
}
.section_top_notice .section_title h2 {
    padding: 2px 16px 5px;
    font-size: 125%;
}
.section_top_notice .section_wrapper {
    padding-left: 19px;
}
.section_top_notice .section_wrapper ul {
    list-style-image: url(/shared/templates/library_top_rn/images/icon/icon_dots_sp.gif);
}
.section_top_notice .section_wrapper ul:not(:last-of-type) {
    margin-bottom: 6px;
}
.section_top_notice .section_wrapper ul>li {
    line-height: 1.5;
}
.section_top_notice .section_wrapper ul>li:not(:last-of-type) {
    margin-bottom: 10px;
}
.section_top_notice .section_wrapper ul:has(.txt_big)>li:not(:last-of-type) {
    margin-bottom: 12px;
}
.section_top_notice .section_wrapper p {
    line-height: 1.5;
}
.section_top_notice .section_wrapper p:not(:last-of-type) {
    margin-bottom: 4px;
}
.section_top_notice .section_wrapper p + ul {
    margin-top: 21px;
}
.section_top_notice .section_wrapper .txt_big {
    font-size: 137.5%;
}

.block_top_device {
    margin-top: 40px;
    border: none;
    padding: 0;
}
.block_top_device.show_pc {
    display: none !important;
}
.block_top_device.show_sp {
    display: block;
}
.block_top_device .block_heading {
    margin: 0;
    padding: 25px 12px 18px;
    border: 4px solid #D6BF9D;
    border-radius: inherit;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}
.block_top_device .block_heading:hover {
    text-decoration: none;
}
.block_top_device .block_heading:focus {
    text-decoration: underline;
}
.block_top_device .title_common_primary {
    margin: 0 0 7px;
}
.block_top_device .title_common_primary>span {
    padding-left: 18px;
    font-size: 125%;
}
.block_top_device .title_common_primary>span::before {
    border-left-width: 6px;
    top: 2px;
    bottom: 2px;
}
.block_top_device .heading_detail {
    width: 100%;
    margin-top: 0;
}
.block_top_device .heading_detail span {
    padding: 0 30px 5px 0;
    display: block;
    position: relative;
}
.block_top_device .heading_detail span::after {
    content: "";
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: url(/shared/site_library_rn/images/icon/icon_arrow_02.png) center no-repeat;
    background-color: #362E2B;
    background-size: 6px auto;
    position: absolute;
    top: 7px;
    right: 0;
    color: inherit;
    text-decoration: none;
}

/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}

/* ==================================================
accessibility
================================================== */
.no_javascript .navigation_top {
    margin-bottom: 40px;
}
.no_javascript .tabs_top_news_ttl>p>a {
    padding-top: 10px;
    padding-bottom: 13px;
}
.no_javascript .tabs_top_news_ttl>p>a .show_sp {
    display: none;
}
.no_javascript .tabs_top_news_ttl:not(.active)>p>a:hover {
    border-color: #597B14;
    background-color: #597B14;
    color: #FFFFFF;
}
.color_blue .block_top_device .heading_detail span::after,
.color_blue #tmp_wrapper .block_top_device .heading_detail p::after,
.color_black .block_top_device .heading_detail span::after,
.color_black #tmp_wrapper .block_top_device .heading_detail p::after,
.color_yellow .block_top_device .heading_detail span::after,
.color_yellow #tmp_wrapper .block_top_device .heading_detail p::after {
    display: none !important;
}
}