@charset "utf-8";
/* pattern common
================================================== */
/* title */
.title_zoo_primary {
    margin-bottom: 46px;
    padding-bottom: 26px;
    background: url(/shared/templates/zoo_rn_top/images/icon/title_primary_visitors.png) center bottom no-repeat;
    display: flex;
    justify-content: center;
    text-align: center;
}
.title_zoo_primary h2 {
    padding-bottom: 3px;
    font-weight: 500;
    border-bottom: 2px solid #E2753A;
    font-size: 166.67%;
    color: #4E4027;
}

/* button */
#tmp_main .button_common a{
    text-align: center;
    border-radius: 3px;
}
#tmp_main .button_common a > span{
    padding-left: 25px;
    text-align: left;
}

/* mainvisual
================================================== */
.mainvisual_zoo {
    margin: 0 auto 70px;
    overflow: hidden;
    display: grid;
    justify-content: center;
    align-items: center;
    min-width: 0;
}
.mainvisual_zoo_bg {
    grid-area: 1 / 1;
    z-index: -1;
    width: 100%;
    min-width: 0;
    margin: 0 auto;
    text-align: center;
}
.mainvisual_zoo_bg img {
    display: block;
    width: 100%;
    max-width: 1440px;
    height: auto;
    margin: 0 auto;
}
.mainvisual_zoo .container {
    grid-area: 1 / 1;
    z-index: 1;
    width: min(100%, 1220px);
    min-width: 0;
    padding: 0 10px;
    margin: 0 auto;
}
.mainvisual_zoo .mainvisual_list {
    width: min(100%, 1090px);
    max-width: none;
    min-width: 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 50px;
    padding: 20px 40px 0;
}
.mainvisual_zoo .mainvisual_list > li {
    width: calc(50% - 25px);
    min-width: 0;
}
.mainvisual_zoo .mainvisual_list .entry_thumbnail {
    margin-bottom: 13px;
    display: block;
    color: #ffffff;
    background-color: #666666;
    box-shadow: 2px 1px 7px 0 rgba(0, 0, 0, 0.2);
}
.mainvisual_zoo .mainvisual_list .entry_thumbnail img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.mainvisual_zoo .mainvisual_list .entry_label {
    display: block;
    font-size: 111.11%;
    color: #4E4027;
    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;
}
.mainvisual_zoo .mainvisual_list .entry_label a {
    text-decoration: none;
    display: block;
    color: #4E4027;
}

/* schedule
================================================== */
.section_zoo_schedule {
    margin-bottom: 60px;
}

/* banner */
.section_zoo_schedule .section_wrapper {
    margin-bottom: 41px;
    padding: 16px 29px 39px;
	border: 1px solid #8E8D8D;
    border-radius: 3px;
    background: url(/shared/templates/zoo_rn_top/images/icon/pattern_schedule_01.jpg);
}
.section_zoo_schedule .open_date_top,
.section_zoo_schedule .open_date_bt {
    line-height: 1.7;
    text-align: center;
    color: #4E4027;
}
.section_zoo_schedule .open_date_top {
    margin-bottom: 4px;
}
.section_zoo_schedule .open_date_top .time {
    font-size: 227.78%;
}
.section_zoo_schedule .open_date_top .status {
    font-size: 150%;
    text-decoration: underline;
    text-decoration-color: #E2753A;
    text-decoration-thickness: 4px;
    text-underline-offset: 6px;
}
.section_zoo_schedule .open_date_bt {
    margin-bottom: 12px;
}
.section_zoo_schedule .open_date_bt .opentime,
.section_zoo_schedule .open_date_bt .closetime {
    font-size: 138.89%;
}
.section_zoo_schedule .button_common {
    max-width: 326px;
    margin: 0 auto;
}
.section_zoo_schedule .button_common a{
    padding: 5px 17px 8px 19px;
}
.section_zoo_schedule .button_common a > span{
    background-position: 0 11px;
}

/* list icon */
.list_zoo_schedule {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 20px;
}
.list_zoo_schedule>li {
    width: calc((100% - 60px) / 4);
}
.list_zoo_schedule .item_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #8E8D8D;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 2px 1px 7px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: inherit;
}
.list_zoo_schedule .item_heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 19px 19px;
    flex: 1;
    background: transparent url(/shared/templates/zoo_rn_top/images/icon/pattern_schedule_02.jpg) repeat;
    border-bottom: 1px solid #FFFFFF;
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
    text-align: center;
    color: #4E4027;
}
.list_zoo_schedule .item_icon {
    flex-shrink: 0;
    padding: 29px 19px 40px;
    text-align: center;
}
.list_zoo_schedule .item_icon img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}

/* visitors
================================================== */
.section_zoo_visitors {
    padding: 58px 0 70px;
    background: url(/shared/templates/zoo_rn_top/images/icon/decoration_visitors.png) calc(50% - 531px) top no-repeat, url(/shared/templates/zoo_rn_top/images/icon/pattern_schedule_03.jpg);
}
.list_zoo_visitors {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 24px;
    list-style: none;
}
.list_zoo_visitors>li {
    width: calc(50% - 12px);
}
.list_zoo_visitors .item_wrapper {
    height: 100%;
    padding: 15px 19px 16px;
    display: flex;
    border: 1px solid #8E8D8D;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 2px 1px 7px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: inherit;
}
.list_zoo_visitors .item_thumbnail {
    width: calc(226 / 548 * 100%);
    margin: 4px 22px 4px 0;
    flex: 0 0 auto;
}
.list_zoo_visitors .item_thumbnail img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.list_zoo_visitors .item_label {
    color: #4E4027;
    align-self: flex-start;
}

/* information
================================================== */
.section_zoo_information {
    margin-bottom: 59px;
    padding-top: 55px;
    background: url(/shared/templates/zoo_rn_top/images/icon/decoration_information.png) calc(50% + 555px) 16px no-repeat;
}
.section_zoo_information .title_zoo_primary {
    margin-bottom: 44px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/title_primary_information.png);
}
.list_zoo_information {
    list-style: none;
}
.list_zoo_information>li {
    border-bottom: 1px solid transparent;
    background: url(/shared/templates/zoo_rn_top/images/icon/pattern_dots.png) left bottom repeat-x;
    padding-bottom: 18px;
}
.list_zoo_information>li:not(:last-child) {
    margin-bottom: 18px;
}
.block_zoo_information {
    border: 1px solid #8E8D8D;
    border-radius: 3px;
    padding: 29px 32px 39px 39px;
    box-sizing: border-box;
}
.block_zoo_information:not(:last-of-type) {
    margin-bottom: 20px;
}
.block_zoo_information .block_heading {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}
.block_zoo_information .block_heading h3 {
    padding: 0 20px;
    font-size: 133.33%;
    position: relative;
    text-align: center;
    color: #4E4027;
    font-weight: 500;
}
.block_zoo_information .block_heading h3::before,
.block_zoo_information .block_heading h3::after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #E2753A;
    position: absolute;
    top: 5px;
    bottom: 0;
    margin: auto 0;
}
.block_zoo_information .block_heading h3::before {
    left: 0;
}
.block_zoo_information .block_heading h3::after {
    right: 0;;
}
.block_zoo_information .block_wrapper {
    display: flex;;
}
.block_zoo_information .block_thumbnail {
    flex-shrink: 0;
    width: calc((420/1127) * 100%);
    margin: 6px 30px 0 0;
    font-size: 111.11%;
}
.block_zoo_information .block_thumbnail a{
    color: #4E4027;
    text-decoration: none;
}
.block_zoo_information .thumbnail_image {
    display: block;
    margin-bottom: 10px;
    box-shadow: 2px 1px 7px 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: 5px;
}
.block_zoo_information .block_thumbnail a:link,
.block_zoo_information .block_thumbnail a:active {
    color: #4E4027;
}
.block_zoo_information .list_zoo_information{
    flex: 1 auto;
    width: 100%;
}
.block_zoo_information .block_footing {
    margin-top: 31px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    padding-right: 8px;
    list-style: none;
}
.block_zoo_information .block_footing .button_common {
    width: calc(50% - 10px);
    max-width: 326px;
}
.block_zoo_information .button_common a {
    padding: 6px 10px 11px 14px;
}
.block_zoo_information > .button_common {
    margin: 14px auto 0;
    padding-right: 8px;
    max-width: 334px;
}
.block_zoo_information > .button_common a{
    padding-bottom: 7px;
}

/* event
================================================== */
.section_zoo_event {
    margin-bottom: 100px;
    background: url(/shared/templates/zoo_rn_top/images/icon/decoration_event.png) calc(50% - 565px) 15px no-repeat;
}
.section_zoo_event .title_zoo_primary {
    margin-bottom: 45px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/title_primary_event.png);
}
.list_zoo_event {
    list-style: none;
}
.list_zoo_event>li {
    border: 1px solid #8E8D8D;
    border-radius: 3px;
    background-color: #FFFFFF;
}
.list_zoo_event>li:not(:last-of-type) {
    margin-bottom: 13px;
}
.list_zoo_event .item_wrapper {
    padding: 31px 32px 32px;
    border-left: 14px solid #E2753A;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
}
.list_zoo_event .item_date {
    margin-bottom: 17px;
    color: #4E4027;
}
.list_zoo_news .list_wrapper {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 20px;
}
.list_zoo_news .list_wrapper>li {
    width: calc((100% - 40px) / 3);
}
.list_zoo_news .item_wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #8E8D8D;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: 2px 1px 7px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: inherit;
}
.list_zoo_news .item_thumbnail img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.list_zoo_news .item_inner {
    display: flex;
    flex-direction: column;
    padding: 18px 18px 19px;
    min-height: 88px;
}
.list_zoo_news .item_title {
    padding-left: 14px;
    align-self: flex-start;
    border: 0 solid #E2753A;
    line-height: 1.4;
    color: #4E4027;
}
.list_zoo_news .item_title::before {
    content: "";
    height: 20px;
    position: absolute;
    top: 4px;
    left: 0;
    border-left: inherit;
    border-left-width: 4px;
}
.list_zoo_news>.button_common {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.list_zoo_news>.button_common>a {
    padding-top: 6px;
    padding-bottom: 7px;
    width: 100%;
    max-width: 306px;
}
.list_zoo_news>.button_common>a> span{
    background-position: 0 10px;
}

.section_zoo_notice {
    padding: 56px 0 69px;
    background-color: rgba(253, 250, 223, 0.4);
}
.section_zoo_notice .title_zoo_primary {
    margin-bottom: 46px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/title_primary_notice.png);
}

/* goods
================================================== */
.section_zoo_goods {
    margin-bottom: 166px;
    padding-top: 57px;
    background: url(/shared/templates/zoo_rn_top/images/icon/decoration_goods.png) calc(50% + 568px) 12px no-repeat;
}
.section_zoo_goods .title_zoo_primary {
    margin-bottom: 47px;
    background-image: url(/shared/templates/zoo_rn_top/images/icon/title_primary_goods.png);
}
.section_zoo_goods .list_zoo_news .item_wrapper {
    padding: 23px 22px 28px;
}
.section_zoo_goods .list_zoo_news .item_thumbnail {
    margin-bottom: 15px;
}
.section_zoo_goods .list_zoo_news .item_inner,
.section_zoo_goods .list_zoo_news .item_title {
    padding: 0;
}
.section_zoo_goods .list_zoo_news .item_inner {
    min-height: auto;
}
.section_zoo_goods .list_zoo_news .item_title::before {
    display: none;
}
.section_zoo_goods .list_zoo_news .item_price {
    line-height: 1.4;
    color: #4E4027;
}
.section_zoo_goods .list_zoo_news>.button_common>a {
    max-width: 438px;
}

/* setting hover style
================================================== */
.mainvisual_zoo .mainvisual_list .entry_thumbnail,
.list_zoo_visitors .item_thumbnail,
.block_zoo_information .thumbnail_image,
.list_zoo_news .item_thumbnail{
    display: block;
    overflow: hidden;
}
.list_zoo_schedule .item_heading > span,
.list_zoo_visitors .item_label,
.block_zoo_information .thumbnail_caption,
.list_zoo_news .item_title,
.mainvisual_zoo .mainvisual_list .entry_label,
.no_javascript .mainvisual_zoo .mainvisual_list .entry_label a {
    position: relative;
    display: inline-block;
}
.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,
.no_javascript .mainvisual_zoo .mainvisual_list .entry_label a:after{
	content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #333333;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
    transform-origin: left center;
}
.section_zoo_notice .list_zoo_news .item_title:after{
    left: 14px;
}
.section_zoo_goods .list_zoo_news .item_title:after {
    content: none;
}
#tmp_main .button_common a > span:after{
    left: 25px;
}
.mainvisual_zoo .mainvisual_list .entry_thumbnail img,
.list_zoo_visitors .item_thumbnail img,
.block_zoo_information .thumbnail_image img,
.list_zoo_news .item_thumbnail img{
    transition: transform 0.3s ease;
}
.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.1);
}
.list_zoo_schedule .item_wrapper:hover .item_heading > span:after,
.list_zoo_schedule .item_wrapper:focus .item_heading > span:after,
.list_zoo_visitors .item_wrapper:hover .item_label:after,
.list_zoo_visitors .item_wrapper:focus .item_label:after,
.block_zoo_information .block_thumbnail a:hover .thumbnail_caption:after,
.block_zoo_information .block_thumbnail a:focus .thumbnail_caption:after,
.list_zoo_news .item_wrapper:hover .item_title:after,
.list_zoo_news .item_wrapper:focus .item_title:after,
.mainvisual_zoo .mainvisual_list .entry_wrapper.is_active .entry_label:after,
.no_javascript .mainvisual_zoo .mainvisual_list .entry_label a:hover:after {
    transform: scaleX(1);
}

/* accessibility style
================================================== */
.color_black #tmp_wrapper .list_zoo_schedule .item_heading > span:after,
.color_black #tmp_wrapper .list_zoo_visitors .item_label:after,
.color_black #tmp_wrapper .block_zoo_information .thumbnail_caption:after,
.color_black #tmp_wrapper .list_zoo_news .item_title:after,
.color_black #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_label:after,
.color_black.no_javascript .mainvisual_zoo .mainvisual_list .entry_label a:after,
.color_blue #tmp_wrapper .list_zoo_schedule .item_heading > span:after,
.color_blue #tmp_wrapper .list_zoo_visitors .item_label:after,
.color_blue #tmp_wrapper .block_zoo_information .thumbnail_caption:after,
.color_blue #tmp_wrapper .list_zoo_news .item_title:after,
.color_blue #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_label:after,
.color_blue.no_javascript .mainvisual_zoo .mainvisual_list .entry_label a:after,
.color_yellow #tmp_wrapper .list_zoo_schedule .item_heading > span:after,
.color_yellow #tmp_wrapper .list_zoo_visitors .item_label:after,
.color_yellow #tmp_wrapper .block_zoo_information .thumbnail_caption:after,
.color_yellow #tmp_wrapper .list_zoo_news .item_title:after,
.color_yellow #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_label:after,
.color_yellow.no_javascript .mainvisual_zoo .mainvisual_list .entry_label a:after {
    content: none;
}
.color_blue #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_label,
.color_black #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_label,
.color_yellow #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_label {
    text-shadow: none !important;
}
.color_blue #tmp_wrapper .list_zoo_schedule .item_icon img,
.color_black #tmp_wrapper .list_zoo_schedule .item_icon img,
.color_yellow #tmp_wrapper .list_zoo_schedule .item_icon img {
    background-color: #FFFFFF !important;
}
.color_blue #tmp_wrapper .section_zoo_schedule .open_date_top .status,
.color_black #tmp_wrapper .section_zoo_schedule .open_date_top .status,
.color_yellow #tmp_wrapper .section_zoo_schedule .open_date_top .status {
    text-decoration-color: inherit !important;
}
.color_blue #tmp_wrapper .block_zoo_information .block_heading h3::before,
.color_blue #tmp_wrapper .block_zoo_information .block_heading h3::after,
.color_black #tmp_wrapper .block_zoo_information .block_heading h3::before,
.color_black #tmp_wrapper .block_zoo_information .block_heading h3::after,
.color_yellow #tmp_wrapper .block_zoo_information .block_heading h3::before,
.color_yellow #tmp_wrapper .block_zoo_information .block_heading h3::after {
    display: none !important;
}
.color_black #tmp_wrapper .list_zoo_schedule .item_wrapper:hover .item_heading > span,
.color_black #tmp_wrapper .list_zoo_schedule .item_wrapper:focus .item_heading > span,
.color_black #tmp_wrapper .list_zoo_visitors .item_wrapper:hover .item_label,
.color_black #tmp_wrapper .list_zoo_visitors .item_wrapper:focus .item_label,
.color_black #tmp_wrapper .block_zoo_information .block_thumbnail a:hover .thumbnail_caption,
.color_black #tmp_wrapper .block_zoo_information .block_thumbnail a:focus .thumbnail_caption,
.color_black #tmp_wrapper .list_zoo_news .item_wrapper:hover .item_title,
.color_black #tmp_wrapper .list_zoo_news .item_wrapper:focus .item_title,
.color_black #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_wrapper.is_active .entry_label,
.color_black.no_javascript .mainvisual_zoo .mainvisual_list .entry_label a:hover,
.color_blue #tmp_wrapper .list_zoo_schedule .item_wrapper:hover .item_heading > span,
.color_blue #tmp_wrapper .list_zoo_schedule .item_wrapper:focus .item_heading > span,
.color_blue #tmp_wrapper .list_zoo_visitors .item_wrapper:hover .item_label,
.color_blue #tmp_wrapper .list_zoo_visitors .item_wrapper:focus .item_label,
.color_blue #tmp_wrapper .block_zoo_information .block_thumbnail a:hover .thumbnail_caption,
.color_blue #tmp_wrapper .block_zoo_information .block_thumbnail a:focus .thumbnail_caption,
.color_blue #tmp_wrapper .list_zoo_news .item_wrapper:hover .item_title,
.color_blue #tmp_wrapper .list_zoo_news .item_wrapper:focus .item_title,
.color_blue #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_wrapper.is_active .entry_label,
.color_blue.no_javascript .mainvisual_zoo .mainvisual_list .entry_label a:hover,
.color_yellow #tmp_wrapper .list_zoo_schedule .item_wrapper:hover .item_heading > span,
.color_yellow #tmp_wrapper .list_zoo_schedule .item_wrapper:focus .item_heading > span,
.color_yellow #tmp_wrapper .list_zoo_visitors .item_wrapper:hover .item_label,
.color_yellow #tmp_wrapper .list_zoo_visitors .item_wrapper:focus .item_label,
.color_yellow #tmp_wrapper .block_zoo_information .block_thumbnail a:hover .thumbnail_caption,
.color_yellow #tmp_wrapper .block_zoo_information .block_thumbnail a:focus .thumbnail_caption,
.color_yellow #tmp_wrapper .list_zoo_news .item_wrapper:hover .item_title,
.color_yellow #tmp_wrapper .list_zoo_news .item_wrapper:focus .item_title,
.color_yellow #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_wrapper:hover .entry_label,
.color_yellow #tmp_wrapper .mainvisual_zoo .mainvisual_list .entry_wrapper:focus .entry_label,
.color_yellow.no_javascript .mainvisual_zoo .mainvisual_list .entry_label a:hover {
    text-decoration: underline;
}
.no_javascript #tmp_open_date .open_date_top,
.no_javascript #tmp_open_date .open_date_bt{
    display: none;
}
.no_javascript .section_zoo_schedule .section_wrapper{
    padding-top: 39px;
}