@charset "UTF-8";

/*!
Theme Name: Cocoon Child(NLS)
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*--------------------
-- 共通CSS
--------------------*/
/*----------------------------------------------------------------------------
***                                                                    display
----------------------------------------------------------------------------*/
.none{display:none;}
.pcNone{display:none;}
.spNone{}
.table{display:table;}
.table > *{display:table-cell;}
.table_child{display:table-cell;}
.child_a > *{width:auto;}
.child_1 > *{width:100%;}
.child_2 > *{width:50%;}
.child_3 > *{width:calc(100% / 3);}
.child_4 > *{width:25%;}
.child_5 > *{width:20%;}
.child_6 > *{width:calc(100% / 6);}
.child_7 > *{width:calc(100% / 7);}
.flex{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.dispBlock{display: block;}
.dispInBlock{display: inline-block;}
.dispInFlex{display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;}
.dispFlex{display: -webkit-box; display: -ms-flexbox; display: flex;}
.dispFlexWrap{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.flex-wrap{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex-noWrap{-ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.flex-column{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.j-cont-s{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; }
.j-cont-l{-webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; }
.j-cont-r{-webkit-box-pack:right; -ms-flex-pack:right; justify-content:right; }
.j-cont-c{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.j-cont-sb{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.j-cont-sa{-ms-flex-pack:distribute; justify-content:space-around; }
.j-cont-fe{-webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
.a-items-c{-webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.a-items-s{-webkit-box-align:start; -ms-flex-align:start; align-items:start; }
.a-items-fe{-webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; }
.order01{-webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; }
.order02{-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; }
.order03{-webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; }
.order04{-webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; }
.order05{-webkit-box-ordinal-group:6; -ms-flex-order:5; order:5; }
.order06{-webkit-box-ordinal-group:7; -ms-flex-order:6; order:6; }


/*----------------------------------------------------------------------------
***                                                             headerArea
----------------------------------------------------------------------------*/
#headerArea{
    position:sticky;
    top:0;
    width:100%;
    z-index: 1;
    background: rgba(0,0,0,1);
}
#headerArea #headerAreaInner{
    position:relative;
    padding: 6px 20px 6px;
    width: 1000px;
    margin:0 auto;
}
#headerArea .snsBox{
    margin-left:0.5em;
}
#headerArea .nlsTelTop{
    margin-left:0.5em;
}
#headerArea img{display:block;}

/*----------------------------------------------------------------------------
***                                                             ファストビュー
----------------------------------------------------------------------------*/
#mainView{width:100%; height:300px; }
#mainView .bgBox{width:100%;background: url(images/bgi_contents01.png) no-repeat center bottom / cover;height: 100%;}
#mainView .mainViewInner{width: 1000px;margin:0 auto;padding: 1em 20px;align-items: center;}
#mainView .mainViewInner .txtBox{max-width: 550px;}
#mainView .mainViewInner .txtDescription{font-size:75%;}
.txtLivestation{color:#EE93AD;}
#mainView h1 .fa-folder-open{display:none;}
#mainView .sub-title{display: block;font-size: 39%;line-height: 1;}

#mainView.no_front{height: auto; background-position: center;background-repeat: no-repeat;background-size: cover;}
#mainView.no_front .bgBox{background:none;}
#mainView.no_front .mainViewInner{padding: 0.5em 20px;}
#mainView.no_front .mainViewInner .txtBox{width:100%;max-width: none;}
#mainView.no_front h1{color:#fff; text-align:center;}
#mainView.no_front h1 .txt01{font-size: 14px;display: block;}
#mainView.no_front h1 .txt02{font-size:90%;display: block;}

#mainView.isCategory{height: 280px;background-position: center;background-repeat: no-repeat;background-size: cover;}
#mainView.isCategory .mainViewInner{padding-top: 3em;}
#mainView.isCategory .mainViewInner .txtBox{width:100%;}
#mainView.isCategory h1{color:#fff;}
#mainView.isCategory h1 .txt01{font-size: 14px;display: block;}
#mainView.isCategory h1 .txt02{font-size:90%;display: block;}

body[class*="_cpt_tag_label"] #mainView.isCategory h1 .txt01{}
body[class*="_cpt_tag_label"] #mainView.isCategory h1 .txt02{}
body[class*="_cpt_tag_label"] #mainView.isCategory{height: auto; background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(images/bg_main2.jpg)!important;}
body[class*="_cpt_tag_label"] #mainView.isCategory .bgBox{background:none;}
body[class*="_cpt_tag_label"] #mainView.isCategory .mainViewInner{padding: 0.5em 20px;}
body[class*="_cpt_tag_label"] #mainView.isCategory .mainViewInner .txtBox{width:100%;max-width: none;}
body[class*="_cpt_tag_label"] #mainView.isCategory h1{color:#000; text-align:center;}
body[class*="_cpt_tag_label"] #mainView.isCategory h1 .txt01{font-size: 14px;display: block;}
body[class*="_cpt_tag_label"] #mainView.isCategory h1 .txt02{font-size:90%;display: block;}

body[class*="_acf_post_news_titl"] #mainView.isCategory h1 .txt01{}
body[class*="_acf_post_news_titl"] #mainView.isCategory h1 .txt02{}
body[class*="_acf_post_news_titl"] #mainView.isCategory{height: auto; background-position: center;background-repeat: no-repeat;background-size: cover;background-image: url(images/bg_main2.jpg)!important;}
body[class*="_acf_post_news_titl"] #mainView.isCategory .bgBox{background:none;}
body[class*="_acf_post_news_titl"] #mainView.isCategory .mainViewInner{padding: 0.5em 20px;}
body[class*="_acf_post_news_titl"] #mainView.isCategory .mainViewInner .txtBox{width:100%;max-width: none;}
body[class*="_acf_post_news_titl"] #mainView.isCategory h1{color:#000; text-align:center;}
body[class*="_acf_post_news_titl"] #mainView.isCategory h1 .txt01{font-size: 14px;display: block;}
body[class*="_acf_post_news_titl"] #mainView.isCategory h1 .txt02{font-size:90%;display: block;}

/*--------------------
-- ホーム関連
--------------------*/
a{
    transition: all 0.3s ease-in-out;
}
a:hover{
    opacity:0.7;
    background:initial;
}
.home .entry-card-wrap:first-of-type:before{
    display:none;
}
.wrap {
    /* width: 1000px; */
    /* padding: 0 20px; */
    margin: 0 auto;
}
#main {
    /* width: 600px; */
    padding-left: 5px;
    padding-right: 5px;
}
.entry-card-content-home{
    /* overflow:hidden; */
}
.entry-card-content-home .entry-card-title{
    border-left:8px solid #EE93AD;
    line-height:1.8;
    padding-left:0.5em;
    font-size: 1.45em;
    font-weight: normal;
    margin-bottom: 14px;
}
.entry-card-content-home .entry-card-thumb{
    width:100%;
    height:150px;
    float: none;
    margin-bottom: 14px;
}
.entry-card-content-home .entry-card-thumb img{
    object-fit:cover;
    width:100%;
    height:100%;
}
.entry-card-wrap-home{
    padding:0;
}
.entry-card-wrap-home .entry-card-more{
    position:static;
    text-align:right;
    margin-top: 10px;
}
.entry-card-wrap-home .entry-card-more span{
    border:1px solid #000;
    display:]inline-block;
    text-align:center;
    padding:0.1em 0.5em;
    border-radius:15px;
    font-size:90%;
}
.entry-card-wrap-home .entry-card-more span:after{
    content:"";
    display:inline-block;
    width:13px;
    height:13px;
    background:url(images/ico_contents01.png) no-repeat center / cover;
    margin-left: 3px;
}
.a-wrap {
    padding-left:0;
    margin-bottom: 8%;
}


/*--------------------
-- ウィジェット関連
--------------------*/
.sidebar {
    /* width: 330px; */
    padding: 19px 5px;
}
.widget_categories ul,
.tagcloud {
    display: flex;
    flex-wrap: wrap;
}
.widget_categories li,
.tagcloud a {
    text-decoration: none;
    flex: 1 1 auto;
}
.widget_categories a,
.widget_tag_cloud a{
    background:#ffffff;
    border:1px solid #4D4D4D;
    justify-content: center;
    margin: 4px;
}
.widget_categories ul li a{
    border: 1px solid #eee;
    border-radius: 2px;
    color: #555;
    padding: 3px 8px;
    text-decoration: none;
    font-size: 12px;
    margin: 2px;
    display: flex;
    transition: all 0.3s ease-in-out;
}
.widget_tag_cloud .tag-caption{
}
.fa.fa-tag:before{
    content:"";
}
.widget_categories a{
    background:#EEEEEE;
    border:none;
}
.widget_tag_cloud a:hover{
    background:#EEEEEE;
}


/*ウィジェットのタイトル*/
.widget-sidebar-title.widget-title{
    background:#222222;
    color:#fff;
    text-align:center;
    font-size: 1.2em;
    padding: 0em;
    margin-top: 20px;
    margin-bottom: 4px;
}

/*動画のタイトル*/
.widget_media_video .widget-title{
    margin-bottom: 0;
    font-size: 0.8em;
}

/*ウィジェット内のリンク*/
.widget_links .widget-title{
    margin-bottom: 4px;
}
.widget_links ul{
    padding:0;
}
.widget_links li{
    list-style:none;
    margin-bottom:4px;
}
.widget_links a{
    background: url(./images/ico_youtube.png) no-repeat center left 0.5em/1.2em auto, #EEEEEE;
    text-decoration:none;
    color:#222;
    display: block;
    padding: 3px 8px 3px 2em;
    font-size: 12px;
}


/*アプリのストアボタン*/
.textwidget .app-box{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}
.textwidget .app-box ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0;
}
.textwidget .app-box ul li{
    list-style: none;
}
.textwidget .app-box ul li a{
    display: block;
}
.textwidget .app-box ul li img{
    display: block;
}
.textwidget .app-box ul li:first-of-type{
    margin-right:2px;
}
.textwidget .app-box ul li:last-of-type{
    margin-left:2px;
}

/*KIDSチャンネルのバナー*/
.widget_media_image{
    margin-top: 10px;
}


/*新着の投稿日を表示させる。*/
.widget_new_entries .widget-title{
    margin-bottom:0;
}
.widget-entry-cards .a-wrap {
    padding: 10px 5px;
    line-height: 1.3;
    margin-bottom: 0px;
}
.widget-entry-cards .a-wrap:first-of-type{
    border-top: none;
}
.new-entry-card-content.widget-entry-card-content.card-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
}
.new-entry-card-content.widget-entry-card-content.card-content .new-entry-card-title.widget-entry-card-title.card-title{
    -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
    order:2;
}
.new-entry-card-date.widget-entry-card-date.display-none{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    display:block;
    color:#B3B3B3;
}
.new-entry-card-date.widget-entry-card-date.display-none .new-entry-card-post-date:before{
    content:"投稿日：";
    display:inline-block;
}
.new-entry-card-date.widget-entry-card-date.display-none .new-entry-card-update-date{
    display:none;
}
/*MENUの装飾*/
.menu-menu-container{
    font-size:90%;
}
.menu-menu-container li{
    margin-bottom: 4px;
}
.menu-menu-container li:last-child{
    margin-bottom: 15px;
}
.menu-menu-container li a{
    text-align:center;
    background:#EEEEEE;
    color:#222222;
}
.menu-menu-container li.menu-item-11 a{
    background:#FCD6E3;
}
/*MENU SP版サイドバーの時*/
.widget-sidebar .menu-menu-container li a:hover{
    text-align:center;
    background:#EEEEEE;
    color:#222222;
}
.widget-sidebar .menu-menu-container li.menu-item-11 a{
    background:#FCD6E3;
}

/*お申込みはこちら*/
.widget_nav_menu .menu-application-container{
    font-size:90%;
    margin-top: 10px;
}
.widget_nav_menu .menu-application-container li a{
    text-align:center;
    background:#EEEEEE;
    color:#222222;
    font-weight: bold;
}
.widget_nav_menu .menu-application-container li a{
    background: #f7931e;
}
.widget_nav_menu .menu-application-container li a:hover{
    background:#f7931e;
}
.widget_nav_menu .menu-application-container li a:after{
    content:"";
    display:inline-block;
    width:13px;
    height:13px;
    background:url(images/ico_contents01.png) no-repeat center / cover;
    margin-left: 3px;
}

/*過去の見どころはこちら*/
.widget_nav_menu .menu-midokoro-container{
    font-size:90%;
    margin-top: 10px;
}
.widget_nav_menu .menu-midokoro-container li a{
    text-align:center;
    background:#EEEEEE;
    color:#222222;
    font-weight: bold;
}
.widget_nav_menu .menu-midokoro-container li a{
    background: #ee93ad;
}
.widget_nav_menu .menu-midokoro-container li a:hover{
    background:#ee93ad;
}
.widget_nav_menu .menu-midokoro-container li a:after{
    content:"";
    display:inline-block;
    width:13px;
    height:13px;
    background:url(images/ico_contents01.png) no-repeat center / cover;
    margin-left: 3px;
}



/*--------------------
-- 投稿関連
--------------------*/
.category .entry-card-wrap:first-of-type:before{
    content:"HOT NEWS";
    display:inline-flex;
    align-items:center;
    width:auto;
    height:14px;
    background:url(images/ico_contents03.png) no-repeat left center /18px 13px;
    font-size:0.75em;
    padding-left:21px;
}
.entry-title-box,
.entry-card-title-box{
    border-left: 8px solid #EE93AD;
    padding: 0.4em 0 0.4em 0.5em;
    margin-bottom: 14px;
}
.entry-title,
.entry-card-title,
.related-entry-card-title {
    font-size: 1.8em;
    margin: 0 0 5px 0;
    line-height: 1.2;
    font-weight: bold;
}
.entry-card-title .sub-title{
    display: block;
    font-size: 39%;
    line-height: 1;
}
/*ラベル*/
.label-box{
    line-height:1.2;
    display: flex;
    flex-wrap: wrap;
    margin: 0!important;
}
.label-box .cat-label{
    position: static;
    background:none;
    border:none;
    display:inline-flex;
    align-items:center;
    line-height:1.2;
    flex: 0 1 auto;
}
/*〇月の見どころ*/
.label-box .cat-label:before{
    content:"";
    display:inline-block;
    width:13px;
    height:14px;
    background:url(images/ico_contents04.png) no-repeat center /cover;
    margin-right:3px;

}
/*レッスンタイプ*/
.label-box .cat-label._tag_label01:before{
    background:url(images/ico_contents05.png) no-repeat center /cover;
}
/*ジャンル*/
.label-box .cat-label._tag_label02:before{
    background:url(images/ico_contents06.png) no-repeat center /cover;
}
/*レベル*/
.label-box .cat-label._tag_label03{
    padding-right:0;
}
.label-box .cat-label._tag_label03:before{
    background:url(images/ico_contents07.png) no-repeat center /cover;
}
.label-box ._tag_label03 + ._tag_label03{
    padding:0;
}
.label-box ._tag_label03 + ._tag_label03:before{
    content: "／";
    display: inline;
    width:auto;
    height:auto;
    margin:0;
    background:none;
}
/*投稿日*/
.entry-card-meta{
    left: 0;
    right: initial;
    color:#B3B3B3;
}
.entry-card-more{
    position:absolute;
    right:0;
    bottom:0;
}
.entry-card-content, 
.related-entry-card-content {
    padding-bottom: 0em;
}
/*サムネイル*/
.entry-card-content .entry-card-thumb{
    width:100%;
    height:300px;
    float: none;
    margin: 0 0 14px 0;
}
.entry-card-content .entry-card-thumb img{
    object-fit:cover;
    width:100%;
    height:100%;
}
/*スニペット*/
.entry-card-snippet{
    font-size: 0.75em;
    margin: 14px 0;
}
/*スケジュール*/
.schedule-box{
    padding:0.5em;
    border:2px solid #EEEEEE;
    font-size: 0.75em;
    margin: 14px 0 0;
}
.schedule-box dl{
    margin:0;
}
.schedule-box .schedule-title:before{
    content:"";
    display:inline-block;
    width:13px;
    height:13px;
    background:url(images/ico_contents02.png) no-repeat center / cover;
}
.schedule-box .schedule-contents{
    padding:0 0 0 1em;
    margin: 0;
}
.schedule-box .schedule-item,
.schedule-box .schedule-item-slash{
    display:inline-block;
}
/*もっとみる*/
.entry-card-content .entry-card-more{
    position:static;
    text-align:right;
    margin-top: 10px;
}
.entry-card-content .entry-card-more span{
    border:1px solid #000;
    display:]inline-block;
    text-align:center;
    padding:0.1em 0.5em;
    border-radius:15px;
    font-size:90%;
}
.entry-card-content .entry-card-more span:after{
    content:"";
    display:inline-block;
    width:13px;
    height:13px;
    background:url(images/ico_contents01.png) no-repeat center / cover;
}


/*--------------------
-- 投稿一覧のスケジュール
--------------------*/
.schedule-end{
    text-decoration:line-through;
}

/*--------------------
-- 投稿記事
--------------------*/
.entry-content{
    font-size:0.85em;
}

/*--------------------
-- フッター
--------------------*/
#footer{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ee93ad+0,ee93ad+50,000000+50,000000+100 */
    background: #ee93ad; /* Old browsers */
    background: -moz-linear-gradient(left,  #ee93ad 0%, #ee93ad 50%, #000000 50%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ee93ad 0%,#ee93ad 50%,#000000 50%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee93ad', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}
.footer-bottom{
    margin-top:0;
}
.copyright{
    margin-top:0;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
    /*必要ならばここにコードを書く*/
    /*--------------------
    -- 共通CSS
    --------------------*/
    /*----------------------------------------------------------------------------
    ***                                                                    display
    ----------------------------------------------------------------------------*/
    .none{display:none;}
    .pcNone{display:initial;}
    .spNone{display:none;}
    .table-sp{display:table;}
    .table-sp > *{display:table-cell;}
    .table_child-sp{display:table-cell;}
    .child_a-sp > *{width:auto;}
    .child_1-sp > *{width:100%;}
    .child_2-sp > *{width:50%;}
    .child_3-sp > *{width:calc(100% / 3);}
    .child_4-sp > *{width:25%;}
    .child_5-sp > *{width:20%;}
    .child_6-sp > *{width:calc(100% / 6);}
    .child_7-sp > *{width:calc(100% / 7);}
    .flex-sp{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; -ms-flex-wrap:wrap; flex-wrap:wrap;}
    .dispBlock-sp{display: block;}
    .dispInBlock-sp{display: inline-block;}
    .dispInFlex-sp{display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;}
    .dispFlex-sp{display: -webkit-box; display: -ms-flexbox; display: flex;}
    .dispFlexWrap-sp{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
    .flex-wrap-sp{-ms-flex-wrap:wrap; flex-wrap:wrap;}
    .flex-noWrap-sp{-ms-flex-wrap:nowrap; flex-wrap:nowrap;}
    .flex-column-sp{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
    .j-cont-s-sp{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; }
    .j-cont-l-sp{-webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; }
    .j-cont-r-sp{-webkit-box-pack:right; -ms-flex-pack:right; justify-content:right; }
    .j-cont-c-sp{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
    .j-cont-sb-sp{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
    .j-cont-sa-sp{-ms-flex-pack:distribute; justify-content:space-around; }
    .j-cont-fe-sp{-webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; }
    .a-items-c-sp{-webkit-box-align:center; -ms-flex-align:center; align-items:center; }
    .a-items-s-sp{-webkit-box-align:start; -ms-flex-align:start; align-items:start; }
    .order01-sp{-webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; }
    .order02-sp{-webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; }
    .order03-sp{-webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; }
    .order04-sp{-webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; }
    .order05-sp{-webkit-box-ordinal-group:6; -ms-flex-order:5; order:5; }
    .order06-sp{-webkit-box-ordinal-group:7; -ms-flex-order:6; order:6; }


    /*----------------------------------------------------------------------------
    ***                                                             headerArea
    ----------------------------------------------------------------------------*/
    #headerArea{
        position:sticky;
        top:0;
        width:100%;
        z-index: 1;
        background: rgba(0,0,0,1);
    }
    #headerArea #headerAreaInner{
        position:relative;
        padding: 0.5em 20px 0.5em 20px;
        width: auto;
        margin:0 auto;
    }
    #headerArea .logoBox{
        width: 38%;
    }
    #headerArea .navMenuTop{
        width: 40%;
    }
    #headerArea .snsBox{
        margin-left:0.5em;
    }

    /*----------------------------------------------------------------------------
    ***                                                             ファストビュー
    ----------------------------------------------------------------------------*/
    #mainView{width:100%;height: auto;}
    #mainView .bgBox{width:100%;background:url(images/bgi_contents01.png) no-repeat center bottom / cover;height: 100%;}
    #mainView .mainViewInner{width: auto;margin:0 auto;padding: 1em 20px 1em 20px;}
    #mainView .mainViewInner .txtBox{width: 100%;font-size: 80%;}
    #mainView .mainViewInner .txtBox h1{line-height:1.5; margin-bottom:0.6em;}
    #mainView .mainViewInner .imgBox{width: 35%;display: flex;justify-content: center;align-items: center;overflow:hidden;display: none;}
    #mainView .mainViewInner .imgBox img{
        max-width: none;
        width: 200%;
        display: block;
    }
    #mainView .mainViewInner .txtDescription{font-size:90%;}
    .txtLivestation{color:#EE93AD;}




    #mainView.no_front{height: auto; background-position: center;background-repeat: no-repeat;background-size: cover;}
    #mainView.no_front .mainViewInner{padding: 0.5em 20px;}
    #mainView.no_front .mainViewInner .txtBox{width:100%;}
    #mainView.no_front h1 .txt01{font-size: 12px;display: block;}
    #mainView.no_front h1 .txt02{font-size:90%;display: block;}

    #mainView.isCategory{height: 280px; background-position: center;background-repeat: no-repeat;background-size: cover;}
    #mainView.isCategory .mainViewInner{padding-top: 3em;}
    #mainView.isCategory .mainViewInner .txtBox{width:100%;}
    #mainView.isCategory h1 .txt01{font-size: 12px;display: block;}
    #mainView.isCategory h1 .txt02{font-size:90%;display: block;}

    /*--------------------
    -- パンくずリスト
    --------------------*/
    .breadcrumb{
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
        font-size: 11px;
    }
    /*--------------------
    -- ホーム関連
    --------------------*/
    .wrap {
        width: auto;
        /* padding: 0 5%; */
    }
    #main {
        width: auto;
        /* padding-left:0; */
        /* padding-right:0; */
    }
    .sidebar {
        padding: 1.5%;
        width: 30%;
    }
    .a-wrap {
        padding-left: 1.5%;
        margin-bottom: 8%;
    }

    /*--------------------
    -- 投稿関連
    --------------------*/
    .entry-title,
    .entry-card-title,
    .related-entry-card-title {
        font-size: 1.1em;
        margin: 0 0 5px 0;
        padding:0;
        line-height: 1.2;
        font-weight: bold;
    }
    /*サムネイル*/
    .entry-card-content .entry-card-thumb{
        width:100%;
        height:200px;
    }
}

/*834px以下*/
@media screen and (max-width: 834px){
    /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
    /*必要ならばここにコードを書く*/
}