@charset "UTF-8";
@media only screen and (max-width: 739px)
{
/* ==================================== */
body
{
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 600px) {
	#wpadminbar {
	    position: fixed!important;
	}
}

.base-header-width,
.base-footer-width,
.base-width
{
	width:100%;
}
.mb-width
{
    padding:0px 10px;
}

	/* ======================= */
	/* MOBILE対応               */
	/* ----------------------- */
    .visible_m{display: block !important;}
    .visible_tm{display: block !important;}
    .visible_pm{display: block !important;}

    .visible_t{display: none !important;}
    .visible_p{display: none !important;}
    .visible_pt{display: none !important;}

	/* ----------------------- */
/* ==================================== */
/* mobile_menu */
/* ==================================== */

.mobile_menu {
    max-width: 600px;
}

.mobile_menu a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
}

.mobile_menu label {
    display: block;
    margin: 0 0 4px 0;
    padding : 15px;
    line-height: 1;
    color :#fff;
    background : #263f9d;
    cursor :pointer;
}

.mobile_menu input {
    display: none;
}

.mobile_menu ul {
    margin: 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
}

.acc_links li
{
    margin:1px;
    background:#fff;
}

.mobile_menu li {
    height: 0;
    margin-bottom:1px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.mobile_menu #menu_bar01:checked ~ #links01 li,
.mobile_menu #menu_bar02:checked ~ #links02 li,
.mobile_menu #menu_bar03:checked ~ #links03 li,
.mobile_menu #menu_bar04:checked ~ #links04 li,
.mobile_menu #menu_bar05:checked ~ #links05 li,
.mobile_menu #menu_bar06:checked ~ #links06 li,
.mobile_menu #menu_bar07:checked ~ #links07 li,
.mobile_menu #menu_bar08:checked ~ #links08 li,
.mobile_menu #menu_bar09:checked ~ #links09 li,
.mobile_menu #menu_bar10:checked ~ #links10 li,
.mobile_menu #menu_bar11:checked ~ #links11 li,
.mobile_menu #menu_bar12:checked ~ #links12 li,
.mobile_menu #menu_bar13:checked ~ #links13 li,
.mobile_menu #menu_bar14:checked ~ #links14 li,
.mobile_menu #menu_bar15:checked ~ #links15 li,
.mobile_menu #menu_bar16:checked ~ #links16 li,
.mobile_menu #menu_bar17:checked ~ #links17 li,
.mobile_menu #menu_bar18:checked ~ #links18 li,
.mobile_menu #menu_bar19:checked ~ #links19 li,
.mobile_menu #menu_bar20:checked ~ #links20 li
{
    height: 54px;
    opacity: 1;
}


/* ==================================== */








header.mobile_header
{
    width:85%;
    margin:0px auto;
    padding:1em 0;
}
header.mobile_header .midashi
{
    width: 80%;
    text-align: left;
    float: left;
    font-size: 7vw;
}

.hambuger_menu
{
    width:10%;
    float:right;
}



/* header */
#region_header .header_top
{
    background: #fff;
    width:100%;
    padding:10px;
}

#region_header .header_top h1
{
    text-align:left;
    font-weight: bold;
    width: 60%;
    padding: 0.5em 0;
    float:left;
}
#region_header .header_top h1 a
{
    line-height: 100%;
    font-size:2em;
    color:#1f1f1f;
}
#region_header .header_top h1 img
{
    margin-right: 10px;
    display: none;;
}

#region_header .header_top .sub_menu
{
    text-align:right;
    width: 98%;
}
#region_header .header_top .sub_menu li
{
    border:#ddd 1px solid;
    background: #eee;
    padding:10px 0;
    text-align: center;
    font-size: 1.1em;
    float: left;
    width: 49.5%;
}
#region_header .header_top .sub_menu li:first-child
{
    margin-right: 1%;
}
#region_header .header_top .sub_menu li a
{
    color:#1f1f1f;
}
#region_header .header_top .sub_menu li a:hover
{
    color:#898989;
}
#region_header .header_top .sub_menu li a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f192";
    font-weight: bold;
    padding-right : 5px;
    color: #436b95;
}

/* CATEGORY_PARENT / HEADER用 */
#region_header #category_parent
{
    background:#004079;
    padding:0.8em 0.5em;
    margin-bottom: 1em;
}

#region_header #category_parent .column a
{
    font-size:1.5em;
    display: block;
    text-align:center;
    background:#fff;
    border:1px solid #fff;
    padding:20px 0px;
    margin:0.2em 0;
}
#region_header #category_parent li.select a
{
    background:#ffcc41;
}
#region_header #category_parent .column a:hover
{
    background:#ffcc41;
    color: #000;
}


    /* CATEGORY_PARENT / TOP用 */

    #region_contents #category_parent
    {
       margin-bottom:10em;
       padding:10px;
    }

    #region_contents #category_parent .column a
    {
        font-size:1.3em;
        display: block;
        text-align:center;
        background:#fff;
        border:1px solid #eee;
        padding:20px 15px;
        margin:0.6em 0;
    }
    #region_contents #category_parent li.select a
    {
        background:#ffcc41;
    }
    #region_contents #category_parent .column a:hover
    {
        background:#ffcc41;
        color: #000;
    }


/* category_child */
#region_contents .main_block #category_child
{
    margin-bottom: 1em;
}
#region_contents .main_block #category_child h2
{
    text-align: left;
    font-weight: lighter;
    color: #fff;
    background: #015baa;
    font-size: 2.8em;
    padding: 0.4em 0.6em;
    margin-bottom: 0.4%;
}
#region_contents .main_block #category_child .multi-column
{
    background: #fff;
    margin: 0 1%;
    width: 98%;
}
#region_contents .main_block #category_child .multi-column .column a
{
    margin:1% 0;
    font-size:1.1em;
    display: block;
    text-align:left;
    background:#f2f2f2;
    color:#000;
    padding:20px 5px;
}
#region_contents .main_block #category_child .multi-column a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f192";
    font-weight: bold;
    padding-right : 5px;
    color: #004c8f;
}
#region_contents .main_block #category_child .multi-column li.select a
{
    background:#4a7db2;
    color:#fff;
}
#region_contents .main_block #category_child .multi-column .column a:hover
{
    background:#4a7db2;
    color:#fff;
}
#region_contents .main_block #category_child .footer
{
    width:100%;
    background: #015baa;
    height: 20px;
}

/* area_child */
#region_contents .main_block .area_child
{
    margin-bottom: 2em;
}
#region_contents .main_block .area_child .midashi h3
{
    text-align:left;
    font-size: 2.5em;
    margin-bottom: 0.4em;
    padding: 0em 0.6em;
}

/* area_grandchild */
#region_contents .main_block .area_child .area_grandchild #category_grandchild
{
    width:98%;
    margin: 0 1% 1.2em;
}
#region_contents .main_block .area_child .area_grandchild #category_grandchild a
{
    font-size:1.2em;
    display: block;
    text-align:left;
    background:#f2f2f2;
    color:#000;
    padding:20px;
}
#region_contents .main_block .area_child .area_grandchild #category_grandchild a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f192";
    font-weight: bold;
    padding-right : 5px;
    color: #004c8f;
}
#region_contents .main_block .area_child .area_grandchild #category_grandchild li
{
    margin-bottom: 4px;
}
#region_contents .main_block .area_child .area_grandchild #category_grandchild li.select a
{
    background:#ffcc41;
    color:#000;
}
#region_contents .main_block .area_child .area_grandchild #category_grandchild a:hover
{
    background:#ffcc41;
    color:#000;
}

/* movie_lists */
#region_contents .main_block .area_child .area_grandchild #movie_lists
{
    width: 96%;
    margin: 2%;
    border: #eee solid 2px;
    padding:1em;
}
#region_contents .main_block .area_child .area_grandchild #movie_lists h4
{
    font-size: 2.2em;
    text-align: left;
    margin-bottom:1em;
    padding:0.5em;
    background:#eee;
    border-left:10px #015baa solid;
}

#region_contents .main_block .area_child .area_grandchild #movie_lists .multi-column li .image
{
    border: #f2f2f2 5px solid;
    width:100%;
    position: relative;
}
#region_contents .main_block .area_child .area_grandchild #movie_lists .multi-column li .image .thumb img
{
    width:100%;
    height: 200px;
    object-fit: cover;
}
#region_contents .main_block .area_child .area_grandchild #movie_lists .multi-column li .image .play_mark
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
#region_contents .main_block .area_child .area_grandchild #movie_lists .multi-column li .image:hover
{
    opacity: 0.8;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#region_contents .main_block .area_child .area_grandchild #movie_lists .multi-column li .title
{
    font-size: 1.8em;
    color: #015baa;
    margin: 10px 0 5px;
    word-wrap:break-word;
}
#region_contents .main_block .area_child .area_grandchild #movie_lists .multi-column li .text
{
    word-wrap:break-word;
}
#region_contents .main_block .area_child .area_grandchild #movie_lists .multi-column .column
{
    margin-bottom:4em;
}

    /* モーダルウィンドウ */
    .mfp-container .mfp-iframe-scaler
    {
        padding-top:82%;
    }
    .movie_detail
    {
        position: relative;
        max-width: 900px;
        height: 700px;
        background: #fff;
        padding: 10px;
    }
    .movie_detail video
    {
        width: 100%;
        margin-bottom: 10px;
        max-height: 300px;
    }
    .mfp-iframe-holder .mfp-content
    {
        height: 500px;
    }
    .movie_detail .text_box
    {
        text-align:left;
        width: 100%;
        height: 25%;
        overflow-y: scroll;
    }
    .movie_detail .title
    {
        margin-bottom: 10px;
        font-size: 1.8em;
        color: #015baa;
    }
    .movie_detail p
    {
        margin-bottom: 10px;
        word-wrap: break-word;
    }
    .movie_detail .popup-modal-dismiss
    {
        margin-top: 20px;
        text-decoration: underline;
    }
    .movie_detail .text_box::-webkit-scrollbar{
        width: 10px;
        margin-top: 10px;
    }
    .movie_detail .text_box::-webkit-scrollbar-track{
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: inset 0 0 2px #777;
    }
    .movie_detail .text_box::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 10px;
    box-shadow: none;
    }


/* ページネーション */
    #region_contents .main_block .area_child .area_grandchild .pagination li
    {
        display: inline-block;
        height:40px;
        line-height:40px;
        width:40px;
        text-align:center;
        border:1px #ccc solid;color:#000;
    }
    #region_contents .main_block .area_child .area_grandchild .pagination .pre
    {
        background-color:#ccc;
        color:#333;
    }
    #region_contents .main_block .area_child .area_grandchild .pagination .this
    {
        background-color:#777;
        color:#fff;
    }
    #region_contents .main_block .area_child .area_grandchild .pagination li a
    {
        display:block;
        text-decoration: none;
    }
    #region_contents .main_block .area_child .area_grandchild .pagination li a:hover
    {
        color: #fff;
        text-decoration: none;
        background-color: #004079;
    }

/* footer */
#region_footer
{
    background: #004079;
}
#region_footer a
{
    width:90%;
    margin: 0 5%;
    display: block;
    color: #fff;
    font-size: 2em;
    text-align: left;
    padding: 50px 0 200px;
}


/* ==================================== */
}