@charset "utf-8";

@media screen and (max-width : 640px) {
/* pattern common
================================================== */
.title_zoo_primary {
    margin-bottom: 22px;
    padding-bottom: 20px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/title_primary_visitors_sp.png);
    background-size: auto 15px;
}
.title_zoo_primary h2 {
    padding-bottom: 4px;
    font-size: 143.75%;
}
#tmp_main .button_common a{
    border-radius: 2px;
}
#tmp_main .button_common a > span{
    padding-left: 23px;
}

/* mainvisual
================================================== */
.mainvisual_zoo {
    margin: 0 auto 25px;
}
.mainvisual_zoo .mainvisual_list {
    width: 100%;
    display: block;
    padding: 10px 45px 0;
}
.mainvisual_zoo .mainvisual_list > li {
    width: 100%;
    margin: 0 0 30px;
}
.mainvisual_zoo .mainvisual_list .entry_thumbnail {
    margin-bottom: 4px;
    box-shadow: 1px 0 3.5px 0 rgba(0, 0, 0, 0.2);
}
.mainvisual_zoo .mainvisual_list .entry_label {
    font-size: 100%;
	text-shadow: #FFFFFF 2px 0 0,#FFFFFF 1.75517px 0.958851px 0,#FFFFFF 1.0806px 1.68294px 0,#FFFFFF 0.141474px 1.99499px 0,#FFFFFF -0.832294px 1.81859px 0,#FFFFFF -1.60229px 1.19694px 0,#FFFFFF -1.97998px 0.28224px 0,#FFFFFF -1.87291px -0.701566px 0,#FFFFFF -1.30729px -1.5136px 0,#FFFFFF -0.421592px -1.95506px 0,#FFFFFF 0.567324px -1.91785px 0,#FFFFFF 1.41734px -1.41108px 0,#FFFFFF 1.92034px -0.558831px 0;
}

/* schedule
================================================== */
.list_zoo_schedule {
    gap: 10px;
}
.list_zoo_schedule>li {
    width: calc(50% - 5px);
}
.list_zoo_schedule .item_wrapper {
    box-shadow: 1px 0 3.5px 0 rgba(0, 0, 0, 0.2);
}
.list_zoo_schedule .item_heading {
    padding: 4px 9px 6px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/pattern_schedule_02_sp.jpg);
	background-size: 100% auto;
	font-size: 87.5%;
}
.list_zoo_schedule .item_icon {
    padding: 15px 9px 16px;
}
.list_zoo_schedule .item_icon img {
    max-width: 48px;
}
.section_zoo_schedule {
    margin-bottom: 40px;
}
.section_zoo_schedule .section_wrapper {
	margin-bottom: 25px;
    padding: 5px 4px 19px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/pattern_schedule_01_sp.jpg);
	background-size: 100% auto;
}
.section_zoo_schedule .open_date_top,
.section_zoo_schedule .open_date_bt {
	line-height: 1.5;
}
.section_zoo_schedule .open_date_top {
    margin-bottom: 8px;
}
.section_zoo_schedule .open_date_top .time {
    font-size: 200%;
}
.section_zoo_schedule .open_date_top .status {
    text-underline-offset: 8px;
}
.section_zoo_schedule .open_date_bt {
    margin-bottom: 13px;
}
.section_zoo_schedule .open_date_bt .opentime,
.section_zoo_schedule .open_date_bt .closetime {
    font-size: 100%;
}
.section_zoo_schedule .open_date_bt .adtime{
    display: block;
}
.section_zoo_schedule .button_common {
    max-width: 290px;
}
.section_zoo_schedule .button_common a{
    padding: 5px 8px 7px 11px;
}
.section_zoo_schedule .button_common a > span {
    background-position: 0 9px;
}

/* visitors
================================================== */
.list_zoo_visitors {
    flex-wrap: wrap;
    gap: 10px;
}
.list_zoo_visitors>li {
    width: 100%;
}
.list_zoo_visitors .item_wrapper {
    padding: 2px 10px;
    box-shadow: 1px 0 3.5px 0 rgba(0, 0, 0, 0.2);
}
.list_zoo_visitors .item_thumbnail {
    width: 170px;
    margin: 7px 10px 8px 0;
}
.list_zoo_visitors .item_label {
    line-height: 1.5;
}

.section_zoo_visitors {
    padding: 31px 0 40px;
    background: url(/shared/templates/zoo_rn_top/images/icon/decoration_visitors_sp.png) left 12px no-repeat, url(/shared/templates/zoo_rn_top/images/icon/pattern_schedule_03_sp.jpg);
    background-size: auto 80px, 100% auto;
}

/* information
================================================== */
.section_zoo_information {
    margin-bottom: 30px;
    padding-top: 61px;
    background: url(/shared/templates/zoo_rn_top/images/icon/decoration_information_sp.png) right 62px no-repeat;
    background-size: auto 79px;
}
.section_zoo_information .title_zoo_primary {
    margin-bottom: 22px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/title_primary_information_sp.png);
}
.list_zoo_information {
    list-style: none;
}
.list_zoo_information>li {
    padding-bottom: 20px;
}
.list_zoo_information>li:not(:last-child) {
    margin-bottom: 14px;
}
.block_zoo_information {
    padding: 11px 10px 19px 8px;
}
.block_zoo_information:not(:last-of-type) {
    margin-bottom: 15px;
}
.block_zoo_information:has(.block_thumbnail) .block_heading {
    margin-bottom: 15px;
}
.block_zoo_information .block_heading {
    margin-bottom: 7px;
}
.block_zoo_information .block_heading h3 {
    font-size: 112.5%;
}
.block_zoo_information .block_heading h3::before,
.block_zoo_information .block_heading h3::after {
    top: 3px;
}
.block_zoo_information .block_heading h3::before {
    left: 0;
}
.block_zoo_information .block_heading h3::after {
    right: 0;;
}
.block_zoo_information .block_wrapper {
    display: block;
}
.block_zoo_information .block_thumbnail {
    width: 100%;
    margin: 0 0 15px;
    padding-bottom: 23px;
    border-bottom: 1px solid transparent;
    background: url(/shared/templates/zoo_rn_top/images/icon/pattern_dots.png) left bottom repeat-x;
    font-size: 112.5%;
    line-height: 1.5;
}
.block_zoo_information .thumbnail_image {
    margin-bottom: 3px;
    box-shadow: 1px 0 3.5px 0 rgba(0, 0, 0, 0.2);
}
.block_zoo_information .thumbnail_image img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.block_zoo_information .thumbnail_caption {
    padding-right: 0;
}
.block_zoo_information .block_footing {
    max-width: 290px;
    margin: 15px auto 0;
    padding-right: 0;
    gap: 10px;
}
.block_zoo_information .block_footing .button_common {
    width: 100%;
    max-width: none;
}
.block_zoo_information .button_common a {
    padding: 7px 7px 9px 11px;
}
.block_zoo_information > .button_common{
    padding-right: 0;
    max-width: 290px;
}
.block_zoo_information > .button_common > a{
    padding-top: 5px;
    padding-bottom: 7px;
}

/* event
================================================== */
.list_zoo_event>li:not(:last-of-type) {
    margin-bottom: 10px;
}
.list_zoo_event .item_wrapper {
    padding: 12px 11px 14px 11px;
}
.list_zoo_event .item_date {
    margin-bottom: 6px;
    line-height: 1.5;
}
.section_zoo_event {
    margin-bottom: 40px;
    background: url(/shared/templates/zoo_rn_top/images/icon/decoration_event_sp.png) left 13px no-repeat;
    background-size: auto 68px;
}
.section_zoo_event .title_zoo_primary {
    margin-bottom: 21px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/title_primary_event_sp.png);
}

.list_zoo_news .list_wrapper {
    gap: 11px;
}
.list_zoo_news .list_wrapper>li {
    width: 100%;
}
.list_zoo_news .item_wrapper {
    box-shadow: 1px 0 3.5px 0 rgba(0, 0, 0, 0.2);
}
.list_zoo_news .item_inner {
    padding: 14px 13px 16px;
    min-height: 55px;
}
.list_zoo_news .item_title {
    padding-left: 14px;
    line-height: 1.5;
}
.list_zoo_news .item_title::before {
    height: 19px;
    top: 5px;
}
.list_zoo_news>.button_common {
    margin-top: 23px;
}
.list_zoo_news>.button_common>a {
    padding: 5px 11px 8px 14px;
    max-width: 200px;
}
.list_zoo_news>.button_common>a> span {
    background-position: 1px 9px;
}
.section_zoo_notice {
    padding: 29px 0 40px;
}
.section_zoo_notice .title_zoo_primary {
    margin-bottom: 22px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/title_primary_notice_sp.png);
}
.section_zoo_notice .list_zoo_news .item_wrapper{
    border-radius: 2px;
}

/* goods
================================================== */
.section_zoo_goods {
    margin-bottom: 97px;
    padding-top: 30px;
    background: url(/shared/templates/zoo_rn_top/images/icon/decoration_goods_sp.png) right 9px no-repeat;
    background-size: auto 88px;
}
.section_zoo_goods .title_zoo_primary {
    margin-bottom: 22px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/title_primary_goods_sp.png);
}
.section_zoo_goods .list_zoo_news .list_wrapper {
    gap: 10px;
}
.section_zoo_goods .list_zoo_news .item_wrapper {
    padding: 14px 14px 14px;
}
.section_zoo_goods .list_zoo_news .item_thumbnail {
    width: calc(309 / 310 * 100%);
    margin: 0 auto 9px;
}
.section_zoo_goods .list_zoo_news .item_inner {
    min-height: 69px;
}
.section_zoo_goods .list_zoo_news .item_title {
    line-height: 1.5;
}
.section_zoo_goods .list_zoo_news>.button_common {
    margin-top: 20px;
}
.section_zoo_goods .list_zoo_news>.button_common>a {
    padding-right: 9px;
    padding-left: 9px;
    max-width: 340px;
}

/* setting hover style
================================================== */
.list_zoo_schedule .item_heading > span:after,
.list_zoo_visitors .item_label:after,
.block_zoo_information .thumbnail_caption:after,
.list_zoo_news .item_title:after,
.mainvisual_zoo .mainvisual_list .entry_label:after{
    content: none;
}
.mainvisual_zoo .mainvisual_list .entry_wrapper.is_active .entry_thumbnail img,
.list_zoo_visitors .item_wrapper:hover .item_thumbnail img,
.list_zoo_visitors .item_wrapper:focus .item_thumbnail img,
.block_zoo_information .block_thumbnail a:hover img,
.block_zoo_information .block_thumbnail a:focus img,
.list_zoo_news .item_wrapper:hover .item_thumbnail img,
.list_zoo_news .item_wrapper:focus .item_thumbnail img{
    transform: scale(1);
}

/* accessibility style
================================================== */
.furigana_on .block_zoo_information .thumbnail_image{
    margin-bottom: 12px;
}
.no_javascript .section_zoo_schedule .section_wrapper{
    padding-top: 19px;
}
}