@charset "UTF-8";

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track::before,
.slick-track::after {
    display: table;
    content: '';
}

.slick-track::after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
    width: 100%;
}

.slick-slide li a:focus img {
    border: 2px solid #005ECC;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slick_nav {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 10px;
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .slick_nav {
        position: static;
        padding: 10px 0 0;
    }
}

/* 矢印 */
.slick-prev,
.slick-next {
    display: inline-block;
    padding: 5px 10px;
    background: #007bbb;
    color: #fff !important;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    text-decoration: none !important;
    z-index: 100;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

#body .slick-prev:hover,
#body .slick-next:hover {
    background: #565656;
}

/* ページネーション */
.slick-dots {
    display: flex;
    flex-wrap: wrap;
}

.slick-dots li {
    text-align: center;
    cursor: pointer;
    position: relative;
    height: 34px;
    width: 34px;
    margin: 0 8px 0 0 !important;
    padding: 0;
}

.slick-dots li::before {
    display: none;
}

#body .slick-dots li button {
    background: #007bbb;
    border: 1px solid #007bbb;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 34px;
    min-height: 34px;
    padding: 0;
}

#body .slick-dots li.slick-active button {
    background: #fff;
    color: #222;
}

#body .slick-dots li:not(.slick-active) button:hover {
    background: #006fab;
}

/* 再生・停止 */
.slick_ps {
    margin-left: auto;
    position: relative;
}

.slick_ps div.active {
    position: relative;
    z-index: 300;
}

.slick_ps div:not(.active) {
    display: none;
}

.slick_ps div {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.slick_ps a {
    display: inline-block;
    text-decoration: none;
    background: #fff;
    border: 1px solid #007bbb;
    font-size: 90%;
    padding: 5px 10px;
}


/**** ▼▼▼▼▼▼ 共通デザイン ▼▼▼▼▼▼ ****/

/**** ▼▼▼▼ 別ウィンドウで開く ▼▼▼▼ ****/
.funclub-vis .vis_bg li a .window,
.child-vis .vis_bg li a .window {
    position: absolute;
    top: 12px;
    right: 8px;
}

/**** ▲▲▲▲ 別ウィンドウで開く ▲▲▲▲ ****/

/**** ▲▲▲▲▲▲ 共通デザイン ▲▲▲▲▲▲ ****/


/**** ▼▼▼▼▼▼ メインサイト ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ ****/

/**** ▼▼▼▼ メインビジュアル ▼▼▼▼ ****/
.vis {
    margin: 10px auto 0;
    padding: 0 12px;
    max-width: 1224px;
    width: 100%;
}

.vis .slick-list {
    border-radius: 20px;
}

.vis .slick-slide div {
    display: flex;
}

.vis .slick-slide img {
    display: inline;
}

/**** ▼▼ コントロールパネル ▼▼ ****/
.vis .slick_nav {
    justify-content: flex-end;
    padding: 20px 10px 16px;
}

/** ▼ 数字 ▼ **/

.vis .slick-dots li {
    margin: 7px 7px 0 0 !important;
    width: 26px;
    height: 26px;
}

#body .vis .slick-dots li.slick-active {
    position: relative;
}

#body .vis .slick-dots li.slick-active::before {
    position: absolute;
    top: -26px;
    left: -2px;
    display: block;
    content: "";
    width: 30px;
    height: 31px;
    background-image: url(img/tomi-face.png);
    background-size: cover;
    border: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    transform: rotate(0deg);
}

@media only screen and (max-width: 1024px) {
    #body .vis .slick-dots li.slick-active::before {
        top: -24px;
        left: 0px;
        width: 26px;
        height: 27px;
    }
}

#body .vis .slick-dots li button {
    width: 26px;
    min-height: 26px;
    color: #2b3095;
    background-color: #ECFFF5;
    border: 1px solid #98E2CC;
    border-radius: 4px;
}

#body .vis .slick-dots li button:hover {
    color: #860000;
    background-color: #ECFFF5;
}

#body .vis .slick-dots li.slick-active button {
    color: #fff;
    background-color: #00553C;
}

/** ▲ 数字 ▲ **/

/** ▼ 停止・再生 ▼ **/
.vis .slick_ps {
    margin: 7px 0 0 7px;
}

.vis .slick_ps a {
    padding: 2px 13px 0;
    min-height: 26px;
    color: #fff;
    background-color: #00553C;
    border-radius: 13px;
    border: 1px solid #98E2CC;
}

/** ▲ 停止・再生 ▲ **/

/** ▼ 矢印 ▼ **/
.vis .slick-prev,
.vis .slick-next {
    top: calc(50% - 30px);
    font-size: 75%;
    padding: 28px 12px 14px;
    width: 54px;
    color: #2b3095 !important;
    background-color: transparent;
    background-size: 54px;
    background-repeat: no-repeat;
    background-position: center top 14px;
}

.vis .slick-prev {
    background-image: url(img/icon/arrow-uma01.png);
}

.vis .slick-next {
    background-image: url(img/icon/arrow-uma02.png);
}

.vis .slick-prev:hover,
.vis .slick-next:hover {
    color: #860000 !important;
    background: transparent !important;
    background-size: 54px !important;
    background-repeat: no-repeat !important;
    background-position: center top 14px !important;
}

.vis .slick-prev:hover {
    background-image: url(img/icon/arrow-uma01.png) !important;
}

.vis .slick-next:hover {
    background-image: url(img/icon/arrow-uma02.png) !important;
}

.vis .slick-prev {
    left: auto;
    right: calc(100% + 14px);
    padding: 28px 10px 14px 16px;
}

.vis .slick-next {
    left: calc(100% + 14px);
    right: auto;
    padding: 28px 12px 14px;
}

@media only screen and (max-width: 1343px) {

    .vis .slick-prev,
    .vis .slick-next {
        text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
            -1px 1px 0 #FFF, 1px -1px 0 #FFF,
            0px 1px 0 #FFF, 0-1px 0 #FFF,
            -1px 0 0 #FFF, 1px 0 0 #FFF;
    }

    .vis .slick-prev {
        left: 10px;
        right: auto;
    }

    .vis .slick-next {
        left: auto;
        right: 10px;
    }
}

@media only screen and (max-width: 768px) {

    .vis .slick-prev,
    .vis .slick-next {
        display: none !important;
    }
}

/** ▲ 矢印 ▲ **/

/**** ▲▲ コントロールパネル ▲▲ ****/

/**** ▲▲▲▲ メインビジュアル ▲▲▲▲ ****/


/**** ▼▼▼▼ ピックアップ ▼▼▼▼ ****/

/**** ▼▼ リスト ▼▼ ****/
.city-pickup ul.vis_slider {
    padding: 0 20px;
}

@media only screen and (max-width: 480px) {
    .city-pickup ul.vis_slider {
        padding: 0;
    }
}

.city-pickup ul.vis_slider li {
    margin-top: 0;
    padding-left: 0;
}

.city-pickup ul.vis_slider li::before {
    display: none;
}

.city-pickup ul.vis_slider li a {
    text-align: center;
    text-decoration: none;
}

.city-pickup .ilist_left {
    border: 1px solid #ccc;
    overflow: hidden;
}

.city-pickup .ilist_left img {
    transition: all 0.3s;
}

.city-pickup a:hover .ilist_left img {
    transform: scale(1.1);
}

/**** ▲▲ リスト ▲▲ ****/

/**** ▼▼ コントロールパネル ▼▼ ****/
.city-pickup .slick_nav {
    justify-content: flex-end;
    position: static;
    margin-top: 5px;
    padding: 0;
}

/* ▽ 数字 ▽ */
.city-pickup ul.slick-dots li {
    margin: 5px 5px 0 0 !important;
    width: 26px;
    height: 26px;
}

#body .city-pickup .slick-dots li button {
    width: 26px;
    min-height: 26px;
    color: #2b3095;
    background-color: #ECFFF5;
    border: 1px solid #98E2CC;
    border-radius: 50%;
}

#body .city-pickup .slick-dots li button:hover {
    color: #860000;
    background-color: #ECFFF5;
}

#body .city-pickup .slick-dots li.slick-active button {
    color: #fff;
    background-color: #00553C;
}


/* △ 数字 △ */

/* ▽ 再生・停止 ▽ */

.city-pickup .slick_nav .slick_ps {
    margin: 5px 0 0 5px;
}

.city-pickup .slick_nav .slick_ps a {
    padding: 2px 9px 0;
    min-height: 26px;
    color: #fff;
    background-color: #00553C;
    border: 1px solid #98E2CC;
    border-radius: 13px;
}

/* △ 再生・停止 △ */

/**** ▲▲ コントロールパネル ▲▲ ****/

/**** ▲▲▲▲ ピックアップ ▲▲▲▲ ****/

/**** ▲▲▲▲▲▲ メインサイト ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ ****/


/**** ▼▼▼▼▼▼ とみさとファンクラブ ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ ****/

.clone-nav .funclub-vis {
    display: none !important;
}

/**** ▼▼▼▼ メインビジュアル ▼▼▼▼ ****/
.funclub-vis h2 {
    display: none;
}

/**** ▼▼ コントロールパネル ▼▼ ****/
.funclub-vis .slick_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px 10px 35px;
    width: 100%;
}

@media only screen and (max-width: 1024px) {
    .funclub-vis .slick_nav {
        position: static;
        padding: 10px 0 0;
    }
}

.funclub-vis li {
    margin-top: 0;
}

/** ▼ 数字 ▼ **/
.funclub-vis .slick-dots {
    display: flex;
}

.funclub-vis .slick-dots {
    flex-wrap: wrap;
}

.funclub-vis .slick-dots li {
    text-align: center;
    cursor: pointer;
    position: relative;
    height: 27px;
    width: 27px;
    margin: 0 8px 0 0 !important;
    padding: 0;
}

.funclub-vis .slick-dots li {
    margin-top: 8px !important;
}

.funclub-vis .slick-dots li:before {
    display: none;
}

#body .funclub-vis .slick-dots li button {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    padding: 0;
    width: 27px;
    min-height: 27px;
    font-size: 100%;
    color: #2b3095;
    background: #fff;
    border: 1px solid #333;
    border-radius: 0;
    border-radius: 3px;
}

#body .funclub-vis .slick-dots li button:hover {
    color: #860000;
    background: #fff;
}

#body .funclub-vis .slick-dots li.slick-active button {
    background: #0F5930;
    color: #fff;
}

/** ▲ 数字 ▲ **/

/** ▼ 停止・再生 ▼ **/
.funclub-vis .slick_ps {
    position: relative;
    margin: 8px 0 0 8px;
}

.funclub-vis .vis2 .slick_ps {
    margin-top: 8px;
}

.funclub-vis .slick_ps div.active {
    position: relative;
    z-index: 300;
}

.funclub-vis .slick_ps div {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
}

.funclub-vis .slick_ps a {
    display: inline-block;
    padding: 2px 7px 2px 20px;
    font-size: 88%;
    color: #fff !important;
    text-decoration: none !important;
    background: #0F5930;
    border: 1px solid #fff;
    border-radius: 5px;
}

.funclub-vis .slick_ps div:not(.active) {
    display: none;
}

.funclub-vis .slick_ps div.active {
    position: relative;
}

.funclub-vis .slick_ps .slick_stop a::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -5px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 10px;
    width: 6px;
}

.funclub-vis .slick_ps .slick_play a::before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px;
    border-color: transparent transparent transparent #fff;
}

/** ▲ 停止・再生 ▲ **/

/** ▼ 矢印 ▼ **/
/** ▲ 矢印 ▲ **/

/**** ▲▲ コントロールパネル ▲▲ ****/

/**** ▲▲▲▲ メインビジュアル ▲▲▲▲ ****/

/**** ▼▼▼▼ トピックス ▼▼▼▼ ****/

/**** ▼▼ コンテンツ ▼▼ ****/
.funclub-topics .ilist_in {
    text-align: center;
}

.funclub-topics .ilist_right {
    text-align: center;
    margin-top: 5px;
}

.funclub-topics .slick-slide img {
    margin: 0 auto;
}

/**** ▲▲ コンテンツ ▲▲ ****/

/**** ▼▼ コントロールパネル ▼▼ ****/
.funclub-topics .slick_nav {
    position: static;
    padding: 15px 10px;
}

.funclub-topics .slick-dots {
    display: none !important;
}

/** ▼ 停止・再生 ▼ **/
.funclub-topics .slick_ps {
    margin-right: auto;
}

.funclub-topics .slick_ps a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 54px;
    min-height: 36px;
    color: #fff;
    background-color: #0F5930;
    border: 1px solid #333;
    border-radius: 4px;
}

.funclub-topics .slick_ps a:focus {
    padding: 5px 8px;
    border: 3px solid #000;
}

/** ▲ 停止・再生 ▲ **/

/** ▼ 矢印 ▼ **/

.funclub-topics .slick-prev,
.funclub-topics .slick-next {
    top: calc(100% - 35px);
    width: fit-content;
    background-color: #0F5930;
    border: 1px solid #333;
    border-radius: 4px;
}

.funclub-topics .slick-prev:hover,
.funclub-topics .slick-next:hover {
    background-color: #0F5930 !important;
}

.funclub-topics .slick-prev:link,
.funclub-topics .slick-next:link {
    color: #fff;
}

.funclub-topics .slick-prev:link:focus,
.funclub-topics .slick-next:link:focus {
    border: 2px solid #000;
}

.slick-prev {
    left: 0;
}

.funclub-topics .slick-prev {
    right: calc(50% + 40px);
    margin-left: auto;
}

.funclub-topics .slick-next {
    left: calc(50% + 40px);
    margin-right: auto;
}

/** ▲ 矢印 ▲ **/

/**** ▲▲ コントロールパネル ▲▲ ****/

/**** ▲▲▲▲ トピックス ▲▲▲▲ ****/

/**** ▲▲▲▲▲▲ とみさとファンクラブ ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ ****/


/**** ▼▼▼▼▼▼ 子育て支援ナビ ▼▼▼▼▼▼ ****/

/**** ▼▼▼▼ メインビジュアル ▼▼▼▼ ****/
.main .child-vis {
    margin: 24px auto 0;
    padding: 0 12px;
    max-width: 1224px;
    width: 100%;
}

.main .child-vis h2 {
    display: none;
}

/**** ▼▼ リスト設定 ▼▼ ****/
.main .child-vis .slick-list {
    border-radius: 12px;
    overflow: hidden;
}

.main .child-vis .slick-slide div {
    display: flex;
}

.main .child-vis li {
    margin-top: 0;
    padding-left: 0;
}

.main .child-vis li::before {
    display: none;
}

/**** ▲▲ リスト設定 ▲▲ ****/

/**** ▼▼ コントロールパネル ▼▼ ****/
.main .child-vis .slick_nav {
    padding: 16px
}

@media only screen and (max-width: 1024px) {
    .main .child-vis .slick_nav {
        padding: 4px 0 12px;
    }
}

/** ▼ 番号設定 ▼ **/
.main .child-vis .slick-dots li {
    margin: 8px 8px 0 0 !important;
    width: 26px;
    height: 26px;
}

#body .child-vis .slick-dots li button {
    width: 26px;
    min-height: 26px;
    color: #2b3095;
    background-color: #FCFBF5;
    border: 1px solid #734A22;
    border-radius: 13px;
}

#body .child-vis .slick-dots li button:hover {
    color: #860000;
    background-color: #FCFBF5;
}

#body .child-vis .slick-dots li.slick-active button {
    background-color: #F7ECE1;
}

/** ▲ 番号設定 ▲ **/

/** ▼ 停止・再生 ▼ **/
.main .child-vis .slick_ps {
    margin: 8px 0 0 7px;
}

.main .child-vis .slick_ps a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px 6px;
    min-height: 26px;
    color: #fff;
    background-color: #734A22;
    border: 1px solid #734A22;
    border-radius: 2px;
}

/** ▲ 停止・再生 ▲ **/


/** ▼ 前へ・次へ ▼ **/
.main .child-vis .slick-prev,
.main .child-vis .slick-next {
    display: flex;
    justify-content: center;
    padding: 30px 12px 6px;
    width: 60px;
    min-height: 60px;
    font-size: 87.5%;
    color: #2b3095 !important;
    background-color: #F7ECE1;
    border-radius: 50%;
}

@media only screen and (max-width: 768px) {

    .main .child-vis .slick-prev,
    .main .child-vis .slick-next {
        display: none !important;
    }
}

.main .child-vis .slick-prev:hover,
.main .child-vis .slick-next:hover {
    color: #860000 !important;
    background-color: #F7ECE1 !important;
}

.main .child-vis .slick-prev {
    left: 16px;
}

.main .child-vis .slick-next {
    right: 16px;
}

.main .child-vis .slick-prev::before,
.main .child-vis .slick-next::before {
    position: absolute;
    top: 10px;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}

.main .child-vis .slick-prev::before {
    right: calc(50% - 5px);
    border-left: 0;
    border-right: 16px solid #734a22;
}

.main .child-vis .slick-next::before {
    left: calc(50% - 5px);
    border-left: 16px solid #734a22;
    border-right: 0;
}

/** ▲ 前へ・次へ ▲ **/

/**** ▲▲ コントロールパネル ▲▲ ****/

/**** ▲▲▲▲ メインビジュアル ▲▲▲▲ ****/

/**** ▲▲▲▲▲▲ 子育て支援ナビ ▲▲▲▲▲▲ ****/