@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/




/*------------------
header
--------------------*/
.header-inc {
    background-size: cover;
    background-position: center;
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
}

.header-inc::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 200px rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
}

.inner-header-inc {
    text-align: center;
    max-width: 1170px;
    margin: 0 auto;
    padding: 20px 0;
    position: relative;
    z-index: 999;
}

.inner-header-inc .leading-inc {
    text-align: center;
    padding-left: 5px;
    margin: 0;
    max-width: 750px;
    margin: 0 auto;
}

.inner-header-inc h1 {
    max-width: 750px;
    margin: 0 auto;
}

.inner-header-inc h1 img {
    width: 100%;
}


.inner-header-inc ul.-sns-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200px;
    margin: 0 0 20px;
}

.inner-header-inc ul.-sns-list li a {
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: #727171;
    margin: 0 5px;
    color: #333;
    transition: all 0.3s;
}

.inner-header-inc ul.-sns-list li a .fa {
    color: #333;
    font-size: 15px;
    padding: 7.5px 0;
}

.inner-header-inc ul.-sns-list li.-facebook a:hover {
    background: #3b5998;
}

.inner-header-inc ul.-sns-list li.-twitter a:hover {
    background: #fff;
}

.inner-header-inc ul.-sns-list li.-feed a:hover {
    background: #ef8000;
}

.inner-header-inc ul.-sns-list li.-mail a:hover {
    background: #e80008;
}

/*------------------
nav
--------------------*/
.navbar-inc {
    border-top: #aaaaaa 1px solid;
    border-bottom: #aaaaaa 1px solid;
    background: #333333;
    margin-right: -100%;
    margin-left: -100%;
    padding-right: 100%;
    padding-left: 100%;
}

.navbar-inc ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: left;
    max-width: 1170px;
    margin: 0 auto;
    list-style: none;
    padding: 5px 0 2px 0;
    flex-wrap: wrap;
    font-family: Raleway, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.navbar-inc ul li a {
    padding: 0.2em 1em;
    color: #fff;
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    border-bottom: solid 5px #333;
    min-width: 50px;
}

.navbar-inc ul li.-japan a:hover {
    border-bottom: solid 5px #ff0000;
}

.navbar-inc ul li.-international a:hover {
    border-bottom: solid 5px #00a1ad;
}

.navbar-inc ul li.-business a:hover {
    border-bottom: solid 5px #00aff4;
}

.navbar-inc ul li.-entertainment a:hover {
    border-bottom: solid 5px #cb00dd;
}

.navbar-inc ul li.-life a:hover {
    border-bottom: solid 5px #00fd0c;
}

.navbar-inc ul li.-culture a:hover {
    border-bottom: solid 5px #906834;
}

.navbar-inc ul li.-feature a:hover {
    border-bottom: solid 5px #f0159b;
}

.navbar-inc ul li.-company a:hover {
    border-bottom: solid 5px #3541c9;
}

.navbar-inc ul li.-pickup a:hover {
    border-bottom: solid 5px #c95335;
}

.navbar-inc ul li.-feature .-open-btn {
    color: #f0159b;
}


/* drop down menu */
.navbar-inc .navbar-inc-list {
    position: relative;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}

.navbar-inc .navbar-inc-list>li a {
    display: block;
    color: #fff;
}

.navbar-inc ul.-megadrop-second {
    visibility: hidden;
    opacity: 0;
    z-index: 333;
}

.navbar-inc .navbar-inc-list>li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

.navbar-inc .navbar-inc-list {
    *zoom: 1;
}

.navbar-inc li.megadrop-inc ul.-megadrop-second {
    position: absolute;
    top: 35px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    background: #f0159b;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.navbar-inc li.megadrop-inc:hover ul.-megadrop-second {
    top: 43px;
    visibility: visible;
    opacity: 1;
    justify-content: center;
}

.navbar-inc li.megadrop-inc ul.-megadrop-second>li {
    border: none;
    text-align: left;
    position: relative;

}

.navbar-inc li.megadrop-inc ul.-megadrop-second>li a {
    border: none;
    margin: 0 10px;
    padding: 5px 10px;
}


.navbar-inc li.megadrop-inc ul.-megadrop-second>li a:hover {
    border: none;
    background: #000;
}

.navbar-inc li.megadrop-inc ul.-megadrop-second>li:nth-child(3n+2) {
    margin: 0 1%;
}

/*検索ボタン　navbar*/

.navbar-inc div.navbar-inc-box {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0;
}

.navbar-inc div.search-box-top {
    position: absolute;
    right: 0;
    top: 10px;
}

.navbar-inc div.search-box-top form {
    line-height: 1;
    position: relative;
}

.navbar-inc div.search-box-top form input.ham-search-box {
    width: 150px;
    padding: 0 25px 0 10px;
    margin: 0 0px 0 7px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    font-size: 15px;
    box-sizing: border-box;
    border: none;
    height: 28px;
    line-height: 28px;
    -webkit-appearance: none;
    vertical-align: middle;
}

.navbar-inc div.search-box-top form input.ham-search-box:focus {
    outline: 0;
    box-shadow: 0 0 5px #f0159b;
}

.navbar-inc div.search-box-top form input[type="submit"] {
    -webkit-appearance: button;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    background: none;
    border: 0;
    color: #f0159b;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 0 5px 0 0;
    text-align: center;
    font-family: FontAwesome;
    margin-left: -24px;
    position: absolute;
    right: 7px;
    top: 6px;
}

.navbar-inc div.search-box-top form input[type="submit"]:hover {
    background: none !important;
    opacity: 0.8;
}


/*------------------
header-area
--------------------*/

@keyframes bkFade {
    0% {
        background: #f15214;
    }

    35% {
        background: #e80008;
    }

    70% {
        background: #f7c626;
    }
}


/*--today--*/




/*--tertiary--*/



/*--secondary--*/


@media (max-width: 1024px) {

    /*-------------------------
header
------------------------------*/

    .inner-header-inc ul.-sns-list {
        position: static;
        width: 100%;
        padding: 0;
        margin-bottom: 0;
    }

    /*-------------------------
header area
------------------------------*/

    /*------------------------------
nav
----------------------------------*/

    .navbar-inc div.search-box-top {
        position: static;
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
        text-align: center;
    }


}



@media (max-width: 767px) {
    /*-------------------------
	header area
	------------------------------*/


    /*    */

    .navbar-inc li.megadrop-inc ul.-megadrop-second {
        top: 70px;
    }

    .navbar-inc li.megadrop-inc:hover ul.-megadrop-second {
        top: 74px;
    }


    /*--today--*/

    /*--tertiary--*/

    /*--secondary--*/

}

/* template VG */

@media (max-width: 1024px) {}


@charset "utf-8";
/*
Theme Name: The7
Theme URI: http://dream-theme.com/the7/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Put simply, The7 is THE most customizable WordPress theme on the market. It features 630+ design customization options. People new to multipurpose WordPress themes will be delighted with The7 Design Wizard. It allows to choose basic settings like branding, colors, header layout, etc. and intelligently calculates all the rest. Voilà, your pro-grade site design is ready in mere minutes. Automatically! Add a seamless integration with Visual Composer page builder, Slider Revolution, WooCommerce, WPML (as well as other most popular plugins), and you get the definitive web-development toolkit. And, yes, it is mobile friendly (certified by Google) and SEO-ready.
Version: 3.6.0.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpre    margin-top: 20px;ss.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txtF
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/



/*breadcrumbs background color*/

.sidebar.bg-under-widget .widget,
.bg-under-widget .sidebar-content .widget {
    padding: 5px 4px 5px 10px;
}

/*フォントを全替え*/
h1,
body,
.widget-title,
.su-tabs-nav,
.display-posts-listing li,
.wpp-post-title,
#text-18 p,
#text-12 a,
blockquote {
    font-family: SourceHanSansJP-Light, YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Arial, sans-serif;
}

/*サイドカラムとの余白を修正*/


/*ヘッダー内人気記事*/

/*ヘッダー内人気記事文字*/

/*サイドカラム注目の記事フォント*/
a,
.sidebar-content a {
    text-decoration: none;
    font-weight: normal;
}

a:hover,
.sidebar-content a:hover {
    text-decoration: underline;
}


#chumoku_sidebar img {
    width: 110px;
    height: 70px;
    margin: 0 5px 0 0;
}

#chumoku_sidebar .post-thumb {
    display: block;
    float: left;
    clear: both;
}




a:hover img {
    cursor: pointer;
    filter: alpha(opacity=60);
    /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";
    /* ie 8 */
    -moz-opacity: 0.6;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;
    /* Safari 1.x */
    opacity: 0.6;
    zoom: 1;
}

/*注目の記事広告主名*/
.ad-disclosure_chumoku {
    color: #999999;
    font-size: 80%;
    display: inline;
}

/*タブ内サムネイル*/

/*グリッドアイキャッチのボーダー*/


/**
 * sns_btns
 ***************************************************************/

.content ul {
    margin: 0px;
}

/*Firefoxだけに適用されるCSSハック*/


/* after post facebook twitter share button */

.textwidget {
    margin-bottom: 0 !important;
}


/* TOP１０リスト */

/*-- ②③ --*/



.widget-title {
    margin: 0.5em 0 0.5em 0;
    padding: 0.3em 0 0.3em 0.7em;
    border-bottom: 1px solid #d4d4d4;
    border-left: 7px solid #d4d4d4;
    font-size: 130%;
    font-weight: normal;
    color: #999999 !important;
}

.widget>ul>li {
    padding-bottom: 4px;
    padding-top: 4px;
}

#text-12 .textwidget {
    margin-bottom: 0;
}

#text-12 .widget-title {
    margin: 0;
}


.su-tabs-nav span {
    margin-right: 2px;
    padding: 10px 5px !important;
}


.display-posts-listing img.attachment-related_image.size-related_image.wp-post-image {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    width: 110px;
    height: 70px;
}

.display-posts-listing li.listing-item {
    clear: both;
}

.su-tabs,
.su-tabs-nav span {
    border-radius: 0 !important;
}

.su-tabs {
    margin: 0;
    background: none !important;
}

/* ------------------------------------
 # 次ページボタンを目立たせる
 # add 2015.11.27 t.n
 # update 2016.06.10 y.i
------------------------------------ */

/* after post facebook twitter share button */

.textwidget {
    margin-bottom: 0 !important;
}

.clear {
    clear: both;
    margin-bottom: 20px;
}

@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);

.submit {
    background: red;
}

.su-tabs li {
    clear: both;
}

.su-tabs li img {
    margin: 0 10px 10px 0;
}

.display-posts-listing li.listing-item {
    margin-bottom: 7px;
}


.su-tabs {
    counter-reset: wpp-ranking;
}

/*-- ②③ --*/
.su-tabs li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}

.su-tabs li:before {
    color: #ffffff;
    text-align: center;
    float: left;
    line-height: 22px;
    width: 20px;
    height: 20px;
    background-color: #444444;
    position: absolute;
    left: 0;
    margin-left: 13px;
}

.su-tabs-nav span {
    width: 80px;
    text-align: center;
}

.wp-post-image {
    width: 100%;
}

li.listing-item a {
    line-height: 20px;
}

.media_info {
    padding: 10px;
}

#chumoku_sidebar span.cat-tag {
    color: #ffffff;
    font-size: 80%;
    display: block;
    position: absolute;
    padding: 3px;
    line-height: 1;
}


#chumoku_sidebar li {
    min-height: 65px;
    border-top: solid 1px #d4d4d4;
    clear: both;
}

#chumoku_sidebar li:first-child {
    border-top: none;
}

#chumoku_sidebar li a,
#text-21 li a {
    color: #000000;
    font-size: 13px;
	line-height:20px;
}


.sidebar .widget,
.sidebar-content .widget {
    border-top: none;
}



.c_num {
    color: #999999;
    display: block;
    margin-left: 10px;
    font-size: 80%;
}







.su-tabs-pane {
    padding: 0 !important;
    background: none !important;
}

.su-tabs-nav span.su-tabs-current {
    background: none !important;
    font-weight: bold;
    color: #e60008;
}


img.wpp-thumbnail.wpp_cached_thumb.wpp_featured {
    margin: 0 5px 5px 0;
}

#text-21 li {
    min-height: 85px;
}


/* ------------------------------------
 # fonts overwrite
 # add 2015.10.19
 # update 2015.10.19
------------------------------------ */
h1,
body {
    font-family: SourceHanSansJP-Light, YuGothic, 'Yu Gothic', "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif !important;
}

/*
.entry-content h2 {
margin:30px 0 30px 0;
padding:0;
font-weight:bold;
font-size:24px;
border-top:0px solid #363b3f;
border-bottom:0px solid #363b3f;
}
*/

.widget {
    margin: 0 !important;
}

.post-list-with-thumbnail.vertical li {
    padding-bottom: 10px;
}

blockquote a {
    color: #e84a4a;
}

blockquote {
    padding: 15px 20px;
    border: none;
    font-weight: normal !important;
    font-size: 16px !important;
    font-size: 17.6px !important;
    line-height: 1.75;
    color: #000 !important;
}


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

    
    .post-list-with-thumbnail li a {
        text-decoration: underline !important;
        color: #168dd9 !important;
    }
}

.widget:before {
    border-style: none;
}

/*キャンペーンページの見出し位置調整*/


/*キャンペーンページの見出しライン間隔設定*/

/*カテゴリページとカテゴリTOPのフッター背景色設定*/

/*カテゴリページとカテゴリTOPのフッターウィジェット枠線設定*/

/*カテゴリページとカテゴリTOPのフッターボックス枠線、背景と文字色設定*/


/*カテゴリページとカテゴリTOPのフッターウィジェット文字色設定*/

/*カテゴリページのトップバナー*/




/*カテゴリページとカテゴリTOPのヘッダーのなんだろう*/

/*サイドカラムの特設コンテンツ設定*/


/*コンテンツTOP余白*/

li {
    margin-bottom: 0px;

}

.content ul {
    list-style: disc outside none !important;
}


.button:not(.btn),
[type="button"]:not(.btn) {
    padding: 15px 25px;
    margin-bottom: 0;
    font-size: 18px;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
    box-shadow: 2px 2px #666666;
    max-width: 100%;
}

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

    /*　画面サイズが480px以下はここを読み込む　*/
}

@media screen and (min-width:480px) {

    /*　画面サイズが480px以上はここを読み込む　*/
}


/* アーカイブMasonry */

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

    /*　画面サイズが480px以下はここを読み込む　*/
}


/* 占い用ピンクボタン */







/* ------------------------------------
 # FIXED HEADER
 # add 2015.10.16
 # update 2015.10.20
------------------------------------ */
/* "スマホメニュー"PCで非表示 */

/* アーカイブページで"人気キーワード一覧"を表示する（※但し、キャリア以外） */

@media (max-width: 991px) {

    /* box-shadowを無効化 */

    /* TOP 人気記事でナビゲーションにcurrent属性付与 */

    /* コンテンツがmenuの上に重なるのを解除する */

    /* ------------------------------------
 # /news/popular（人気記事）
 # add 2015.10.16
 # update ----
------------------------------------ */
}

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

    
    .post-list-with-thumbnail li a {
        text-decoration: none !important;
        font-size: 15px;
    }
}

/* ------------------------------------
 # logo centering
 # add 2015.11.26 n.h
 # update ----
------------------------------------ */

/* ------------------------------------
 # 記事配信中ニュースサイト
 # add 2015.11.11 n.h
 # update 2016.04.19 n.h
------------------------------------ */

/* ------------------------------------
 # 728x90広告をタブレット以下で非表示
 # add 2015.11.13 n.h
 # update ----
------------------------------------ */



/* ------------------------------------
 # infeed ad styling
 # add 2015.11.30 t.n
 # update ----
------------------------------------ */


/* ------------------------------------
 # sidebar chumoku
 # add 2015.11.30 t.n
 # update ----
------------------------------------ */
.post-list-with-thumbnail li .post-thumb {
    margin-top: 4px;
}

.ad-disclosure_chumoku {
    display: inline;
    fint-size: 12px;
    color: #c2c2c2;
}


/* ------------------------------------
 # キャリアカテゴリ記事フッタービズリーチ様リンク
 # add 2015.12.03 t.n
 # update ----
------------------------------------ */

/* ------------------------------------
 # サイドバーのloglyロゴを非表示
 # add 2015.12.03 t.n
 # update ----
------------------------------------ */

/* ------------------------------------
 # エブリスタ固定ページ用
 # add 2015.12.04 t.n
 # update ----
------------------------------------ */




/* ------------------------------------
 # アクセスランキングに数字ラベル
 # add 2015.12.07 t.n
 # update ----
------------------------------------ */

a.wpp-post-title {
    font-weight: bold;
}

/* ------------------------------------
 # サイドバータイトル整え
 # add 2015.12.07 t.n
 # update ----
------------------------------------ */




/* ------------------------------------
 # エブリスタ大賞行間
 # add 2016.1.18 t.n
 # update ----
------------------------------------ */


/* ------------------------------------
 # bigger pre tag
 # add 2016.2.4 t.n
 # update ----
------------------------------------ */


/* ------------------------------------
 # adjust caption margin
 # add 2016.3.15 t.n
 # update ----
------------------------------------ */

/* ------------------------------------
 # おでかけカテゴリ記事フッターリンク
 # add 2016.3.22 t.n
 # update ----
------------------------------------ */


/* ------------------------------------
 # アートカテゴリ記事フッターリンク
 # add 2016.3.30 t.n
 # update ----
------------------------------------ */




/* ------------------------------------
 # weekly ranking
 # add 2016.4.15 t.n
 # update ----
------------------------------------ */

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

    /* 480pxまでの幅の場合に適応される */
}




/* ------------------------------------
 # weekly ranking 簡易版
 # add 2016.4.20 t.n
 # update ----
------------------------------------ */
ul.display-posts-listing {
    margin-left: 0;
    margin-bottom: 0;
}

ul.display-posts-listing li.listing-item {
    list-style: none;
}


.display-posts-listing a.title {
    color: #333333;
    font-weight: bold;
    font-size: 13px;
    vertical-align: top;
}



/* ------------------------------------
 # 記事, コンテンツ中の文字、行間調整
 # add 2016.6.10 y.i
 # update ----
------------------------------------ */
.content h1 {
    line-height: 1.4;
}


/* ------------------------------------
 # 記事, コンテンツ中ol,ulの調整
 # add 2016.6.10 y.i
 # update ----
------------------------------------ */


/* ------------------------------------
 # 記事配信中ニュースサイト
 # add 2016.6.13 t.n
 # update ----
------------------------------------ */

/* ad_in_ajax_road_more - t.n */

/* menu button tokushu - t.n */

/* menu button culture - t.n */

/* menu button dom - t.n */

/* menu button int - t.n */

/* menu button biz - t.n */

/* menu button lif - t.n */

/* menu button ent - t.n */

/* menu button career - t.n */

/* menu button outdoor - t.n */

/* menu button art - t.n */



/*記事ページ専用*/
/* menu button tokushu - t.n */

/* menu button culture - t.n */

/* menu button dom - t.n */

/* menu button int - t.n */

/* menu button biz - t.n */

/* menu button lif - t.n */

/* menu button ent - t.n */

/* menu button career - t.n */

/* menu button outdoor - t.n */

/* menu button art - t.n */

/* menu button conpany - t.n */



/* 各飛び先のカテゴ文字色指定 */

/*dom*/

/*int*/

/*biz*/

/*life*/

/*ent*/

/*outdoor*/

/*art*/



/* search result - t.n */

/* popular_label - t.n */


/* slider -t.n */



/*--------------------------------
SNSボタン
---------------------------------*/

/*ボタン全体*/

/*ボタン左*/


/*ボタン右*/

/*fbいいね*/

/*Facebook*/

/*Twitter*/



/* Pocket */

/* ポケットカウント非表示用 2016.11.28 y.i*/

/* はてぶ */


/* viral quiz -jason*/

/**
 * SIBERIA-528 【ニュース】シェアランキングのn番目に固定手動インフィード枠を挟む
 *
 * add: 2016.07.13 n.h
 */
.su-tabs .share-ranking li:before {
    content: "";
    display: none;
}

.share-ranking-listing-item {
    position: relative;
}

.su-tabs .share-ranking .share-ranking-listing-item:after {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
    width: 20px;
    height: 20px;
    background-color: #444444;
    position: absolute;
    left: 0;
    top: 0;
}

.listing-item.share-ranking-ad {
    overflow: hidden;
}

.display-posts-listing .share-ranking-ad img.attachment-related_image.size-related_image.wp-post-image {
    margin-bottom: 0;
}

/* sidebar ad space for fix -t.n */


/* footer text ad */


@-ms-viewport {
    width: device-width;
}

/* sidebar wpp view */

/* chumoku pr waku */


/* sidebar pr label */

/* slider caption padding */

/* print button */



/***** お知らせ the7 2016.12.1 y.i****/



/******************* 記事中フォーム 2017.01.05 y.i***********************************/

/*有料メルマガ登録ボタン(目立たないver)*/

/* sidebar widget width */
.sidebar-content .widget-title {
    width: 303px !important;
}

/* full print link */

/* yaku_m 2017.01.26 t.n */

/* special page nishimu 2017.1 */

/* kokokara */

/* tokushu background */

/* mag_author */



/* side mailmagazine form 2017.02.15  */

.mail_unit_tsubo .kiyaku {
    display: block;
    font-size: 11px;
}

.mail_unit_tsubo .kiyaku a {
    text-decoration: underline;
    color: #000000;
}

.mail_unit_tsubo .kiyaku a:hover {
    color: #e80008;
}

.mail_unit_tsubo .reg_form ul {
    text-align: left;
    overflow: hidden;
}

.mail_unit_tsubo .reg_form li {
    display: inline-block;
    vertical-align: bottom;
}

.mail_unit_tsubo .reg_form input.rdemail[type="text"] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #e1e1e1;
    box-sizing: border-box;
    font-size: 20px;
    padding: 5px;
    height: 40px;
    width: 100%;
}


.mail_unit_tsubo .reg_form input.rdemail[type="text"]:focus::-webkit-input-placeholder {
    color: transparent !important;
}

.mail_unit_tsubo .reg_form input.rdemail[type="text"]:focus:-moz-placeholder {
    color: transparent !important;
}

.mail_unit_tsubo .reg_form input.rdemail[type="text"]:focus::-moz-placeholder {
    color: transparent !important;
}


.mail_unit_tsubo .mail_unit_tsubo .reg_form input[type="submit"] {
    border: 1px solid #ff5959;
    display: inline-block;
    width: 120px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    letter-spacing: 2px;
    outline: none;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.mail_unit_tsubo .reg_form input[type="submit"] {
    background-color: #e80008;
    color: #fff;
}

.mail_unit_tsubo .reg_form input[type="submit"]:hover {
    background-color: #e80008;
    cursor: pointer;
}

.mail_unit_tsubo .tab_area {
    margin: 0;
    width: 100%;
    background: #e80008;
}

.mail_unit_tsubo .tab_area li {
    /*Tabの装飾*/
    width: 100%;
    padding: 10px 0;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    color: #fff;
    background: #e80008;
}

.mail_unit_tsubo .cont_news_add {
    border: 2px solid #000000;
    margin-bottom: 10px;

}

.mail_unit_tsubo .reg_form .sns_list {
    display: block;
    text-align: center;
    margin-left: -15px;
    margin-bottom: 0px;
}

.mail_unit_tsubo .facebook-list {
    margin-right: 25px;
}

.mail_unit_tsubo .facebook-list img {
    width: auto;
    height: 40px;
    margin-left: 2px;
}

.mail_unit_tsubo .yahoo-list .text_yahoo {
    color: #f60e0b;
}

.mail_unit_tsubo .facebook-list .text_fb {
    color: #3b5998;
}

.mail_unit_tsubo .yahoo-list img {
    width: auto;
    height: 40px;
}

.mail_unit_tsubo .facebook-list img,
.mail_unit_tsubo .yahoo-list img {
    opacity: 0.3;
    -webkit-opacity: 0.3;
    font-weight: bold;
    cursor: pointer;
    transition: opacity .1s;
    -webkit-transition: opacity .1s;
}

.mail_unit_tsubo .facebook-list img:hover,
.mail_unit_tsubo .yahoo-list img:hover {
    opacity: 1;
    -webkit-opacity: 1;
    text-decoration: none;
    transition: opacity .1s;
    -webkit-transition: opacity .1s;
}

.mail_unit_tsubo .facebook-list button,
.mail_unit_tsubo .yahoo-list button {
    background: none;
    border: none;
    cursor: pointer;
}

.mail_unit_tsubo .reg_form input[type="submit"] {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    min-width: 150px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    padding: 2px 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px #4A4A4A;
    border-radius: 5px;
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
    -webkit-font-smoothing: antialiased;
    transform: perspective(0);
    background-color: #e80008;
    box-shadow: 0 6px 0 #b50006, 0 12px 0;
    border: none;
    margin: 0px auto 6px auto;
    line-height: 28px;
}

.mail_unit_tsubo .reg_form input[type="submit"]:hover {
    color: #fff;
    background-color: #e80008 !important;
    box-shadow: 0 3px 0 #b50006, 0 6px 0px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.mail_unit_tsubo .reg_form input[type="submit"]:active {
    color: #d6d6d6;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    transition-duration: 0.1s;
    background-color: #e80008;
    box-shadow: 0 0 0 #b50006, 0 0 0px rgba(0, 0, 0, 0.2);
}

.mail_unit_tsubo .content_area_form {
    width: 100%;
}

.mail_unit_tsubo .reg_form .form_kiyaku_text {
    margin: 5px 0;
    display: block;
}

.mail_unit_tsubo .text_fb,
.mail_unit_tsubo .text_yahoo {
    margin: 5px 10px 0;
    font-size: 12px;
    color: inherit;
}

.mail_unit_tsubo .reg_form {
    padding: 10px;
}

.mail_unit_tsubo .form_text_cotl {
    width: 100%;
}

.mail_unit_tsubo .form_sub_btn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0 0 0;
}






/* iPad iPad Pro responsive */
@media screen and (max-width: 1024px) {

    div#sidebar {
        display: none;
    }
}

/*768px*/
@media screen and (max-width: 768px) {}

/*480px*/
@media screen and (max-width: 480px) {}

/*320px*/
@media screen and (max-width: 320px) {}



/* bottom bar line */

/* tokushu business */

/* top grid additional responsive */
@media screen and (max-width:1024px) {

    /*　画面サイズが10248px未満はここを読み込む　*/
    
    #sidebar {
        display: none !important;
    }
}

/* iPad iPad Pro responsive */


/*　記事中フォーム　目立つver 2016.02.20 y.i　*/


/* prime ad style */

/*サムネイル画像*/

/*タイトル*/

/*広告主体主名称*/

/* prime ad style end */

/*/フローティングメニュー/20170420*/


/* adsense in archive grid */



/* primead adjust */

/* single footer top contents */

/* panel quiz 2017.6.8 n */

/* coffee hide ad */

/* delete ridicurous line */

/* common mailmagazine  */

/* オレンジボタンCSS追加　20171213　*/

/* /オレンジボタンCSS追加　20171213　*/


/*-------------------------------------
会話形式用のcss 2018.01.10
---------------------------------------*/

/*****レスポンシブ設定*****/

/* pr normal content center for VISM */


/* START OF YKTR-3268 記事広に掲載する動画（先方タグ）をセンター寄せにしたい */

/* END OF YKTR-3268 記事広に掲載する動画（先方タグ）をセンター寄せにしたい */



/* PR post hidden items */

/* 記事広告対応 */


/*------------------------------------------------------------
          著者コンバージョンボタン_デザイン1用CSS
--------------------------------------------------------------*/

/*------------------------------------------------------------
          著者コンバージョンボタン_デザイン1用CSS_end
--------------------------------------------------------------*/


/*------------------------------------------------------------
          著者コンバージョンボタン_デザイン2用CSS
--------------------------------------------------------------*/

/*------------------------------------------------------------
          著者コンバージョンボタン_デザイン2用CSS_end
--------------------------------------------------------------*/

/* ヘッダーアド */

/*YKTR-2676 インタビュー記事対応*/

/*-----------------
YKTR-2913 20180823
--------------------*/

/*-----------------
end:YKTR-2913 20180823
--------------------*/

/*-----------------
YKTR-xxxx 20181017
--------------------*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */


/************YKTR-3327メルマガ登録フォーム2019/03/26************/

::-webkit-input-placeholder {
    color: #a6a6a6;
}

::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

/*-----------------
fpo YKTR-2811 2019/03/26
--------------------*/

/* jiji and jiji ticker */

/* SIBERIA-782 */
ul.post-list {
    position: relative;
}

/* ボタン背景 */


/* Prime Ad Column */

/* /Prime Ad Column */

/*SIBERIA-828 2020/07/17*/

/* /SIBERIA-828 2020/07/17*/

/*　MEDIA-22 */

/*　/MEDIA-22 */
@charset "utf-8";
/*
Theme Name: The7
Theme URI: http://dream-theme.com/the7/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Put simply, The7 is THE most customizable WordPress theme on the market. It features 630+ design customization options. People new to multipurpose WordPress themes will be delighted with The7 Design Wizard. It allows to choose basic settings like branding, colors, header layout, etc. and intelligently calculates all the rest. Voilà, your pro-grade site design is ready in mere minutes. Automatically! Add a seamless integration with Visual Composer page builder, Slider Revolution, WooCommerce, WPML (as well as other most popular plugins), and you get the definitive web-development toolkit. And, yes, it is mobile friendly (certified by Google) and SEO-ready.
Version: 3.6.0.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpre    margin-top: 20px;ss.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txtF
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/



/*breadcrumbs background color*/

.sidebar.bg-under-widget .widget,
.bg-under-widget .sidebar-content .widget {
    padding: 5px 4px 5px 10px;
}

/*フォントを全替え*/
h1,
body,
.widget-title,
.su-tabs-nav,
.display-posts-listing li,
.wpp-post-title,
#text-18 p,
#text-12 a,
blockquote {
    font-family: SourceHanSansJP-Light, YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Arial, sans-serif;
}

/*サイドカラムとの余白を修正*/


/*ヘッダー内人気記事*/

/*ヘッダー内人気記事文字*/

/*サイドカラム注目の記事フォント*/
a,
.sidebar-content a {
    text-decoration: none;
    font-weight: normal;
}

a:hover,
.sidebar-content a:hover {
    text-decoration: underline;
}


#chumoku_sidebar img {
    width: 110px;
    height: 70px;
    margin: 0 5px 0 0;
}

#chumoku_sidebar .post-thumb {
    display: block;
    float: left;
    clear: both;
}




a:hover img {
    cursor: pointer;
    filter: alpha(opacity=60);
    /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";
    /* ie 8 */
    -moz-opacity: 0.6;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;
    /* Safari 1.x */
    opacity: 0.6;
    zoom: 1;
}

/*注目の記事広告主名*/
.ad-disclosure_chumoku {
    color: #999999;
    font-size: 80%;
    display: inline;
}

/*タブ内サムネイル*/

/*グリッドアイキャッチのボーダー*/


/**
 * sns_btns
 ***************************************************************/

.content ul {
    margin: 0px;
}

/*Firefoxだけに適用されるCSSハック*/


/* after post facebook twitter share button */

.textwidget {
    margin-bottom: 0 !important;
}


/* TOP１０リスト */

/*-- ②③ --*/



.widget-title {
    margin: 0.5em 0 0.5em 0;
    padding: 0.3em 0 0.3em 0.7em;
    border-bottom: 1px solid #d4d4d4;
    border-left: 7px solid #d4d4d4;
    font-size: 130%;
    font-weight: normal;
    color: #999999 !important;
}

.widget>ul>li {
    padding-bottom: 4px;
    padding-top: 4px;
}

#text-12 .textwidget {
    margin-bottom: 0;
}

#text-12 .widget-title {
    margin: 0;
}


.su-tabs-nav span {
    margin-right: 2px;
    padding: 10px 5px !important;
}


.display-posts-listing img.attachment-related_image.size-related_image.wp-post-image {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    width: 110px;
    height: 70px;
}

.display-posts-listing li.listing-item {
    clear: both;
}

.su-tabs,
.su-tabs-nav span {
    border-radius: 0 !important;
}

.su-tabs {
    margin: 0;
    background: none !important;
}

/* ------------------------------------
 # 次ページボタンを目立たせる
 # add 2015.11.27 t.n
 # update 2016.06.10 y.i
------------------------------------ */

/* after post facebook twitter share button */

.textwidget {
    margin-bottom: 0 !important;
}

.clear {
    clear: both;
    margin-bottom: 20px;
}

@import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css);

.submit {
    background: red;
}

.su-tabs li {
    clear: both;
}

.su-tabs li img {
    margin: 0 10px 10px 0;
}

.display-posts-listing li.listing-item {
    margin-bottom: 7px;
}


.su-tabs {
    counter-reset: wpp-ranking;
}

/*-- ②③ --*/
.su-tabs li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}

.su-tabs li:before {
    color: #ffffff;
    text-align: center;
    float: left;
    line-height: 22px;
    width: 20px;
    height: 20px;
    background-color: #444444;
    position: absolute;
    left: 0;
    margin-left: 13px;
}

.su-tabs-nav span {
    width: 80px;
    text-align: center;
}

.wp-post-image {
    width: 100%;
}

li.listing-item a {
    line-height: 20px;
}

.media_info {
    padding: 10px;
}

#chumoku_sidebar span.cat-tag {
    color: #ffffff;
    font-size: 80%;
    display: block;
    position: absolute;
    padding: 3px;
    line-height: 1;
}


#chumoku_sidebar li {
    min-height: 65px;
    border-top: solid 1px #d4d4d4;
    clear: both;
}

#chumoku_sidebar li:first-child {
    border-top: none;
}

#chumoku_sidebar li a,
#text-21 li a {
    color: #000000;
    font-size: 13px;
}


.sidebar .widget,
.sidebar-content .widget {
    border-top: none;
}



.c_num {
    color: #999999;
    display: block;
    margin-left: 10px;
    font-size: 80%;
}







.su-tabs-pane {
    padding: 0 !important;
    background: none !important;
}

.su-tabs-nav span.su-tabs-current {
    background: none !important;
    font-weight: bold;
    color: #e60008;
}


img.wpp-thumbnail.wpp_cached_thumb.wpp_featured {
    margin: 0 5px 5px 0;
}

#text-21 li {
    min-height: 85px;
}


/* ------------------------------------
 # fonts overwrite
 # add 2015.10.19
 # update 2015.10.19
------------------------------------ */
h1,
body {
    font-family: SourceHanSansJP-Light, YuGothic, 'Yu Gothic', "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, sans-serif !important;
}

/*
.entry-content h2 {
margin:30px 0 30px 0;
padding:0;
font-weight:bold;
font-size:24px;
border-top:0px solid #363b3f;
border-bottom:0px solid #363b3f;
}
*/

.widget {
    margin: 0 !important;
}

.post-list-with-thumbnail.vertical li {
    padding-bottom: 10px;
}


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

    
    .post-list-with-thumbnail li a {
        text-decoration: underline !important;
        color: #168dd9 !important;
    }
}

.widget:before {
    border-style: none;
}

/*キャンペーンページの見出し位置調整*/


/*キャンペーンページの見出しライン間隔設定*/

/*カテゴリページとカテゴリTOPのフッター背景色設定*/

/*カテゴリページとカテゴリTOPのフッターウィジェット枠線設定*/

/*カテゴリページとカテゴリTOPのフッターボックス枠線、背景と文字色設定*/


/*カテゴリページとカテゴリTOPのフッターウィジェット文字色設定*/

/*カテゴリページのトップバナー*/




/*カテゴリページとカテゴリTOPのヘッダーのなんだろう*/

/*サイドカラムの特設コンテンツ設定*/


/*コンテンツTOP余白*/

li {
    margin-bottom: 0px;

}

.content ul {
    list-style: disc outside none !important;
}


.button:not(.btn),
[type="button"]:not(.btn) {
    padding: 15px 25px;
    margin-bottom: 0;
    font-size: 18px;
    border-radius: 20px;
    /* CSS3草案 */
    -webkit-border-radius: 20px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 20px;
    /* Firefox用 */
    box-shadow: 2px 2px #666666;
    max-width: 100%;
}

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

    /*　画面サイズが480px以下はここを読み込む　*/
}

@media screen and (min-width:480px) {

    /*　画面サイズが480px以上はここを読み込む　*/
}


/* アーカイブMasonry */

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

    /*　画面サイズが480px以下はここを読み込む　*/
}


/* 占い用ピンクボタン */







/* ------------------------------------
 # FIXED HEADER
 # add 2015.10.16
 # update 2015.10.20
------------------------------------ */
/* "スマホメニュー"PCで非表示 */

/* アーカイブページで"人気キーワード一覧"を表示する（※但し、キャリア以外） */

@media (max-width: 991px) {

    /* box-shadowを無効化 */

    /* TOP 人気記事でナビゲーションにcurrent属性付与 */

    /* コンテンツがmenuの上に重なるのを解除する */

    /* ------------------------------------
 # /news/popular（人気記事）
 # add 2015.10.16
 # update ----
------------------------------------ */
}

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

    
    .post-list-with-thumbnail li a {
        text-decoration: none !important;
        font-size: 15px;
    }
}

/* ------------------------------------
 # logo centering
 # add 2015.11.26 n.h
 # update ----
------------------------------------ */

/* ------------------------------------
 # 記事配信中ニュースサイト
 # add 2015.11.11 n.h
 # update 2016.04.19 n.h
------------------------------------ */

/* ------------------------------------
 # 728x90広告をタブレット以下で非表示
 # add 2015.11.13 n.h
 # update ----
------------------------------------ */



/* ------------------------------------
 # infeed ad styling
 # add 2015.11.30 t.n
 # update ----
------------------------------------ */


/* ------------------------------------
 # sidebar chumoku
 # add 2015.11.30 t.n
 # update ----
------------------------------------ */
.post-list-with-thumbnail li .post-thumb {
    margin-top: 4px;
}

.ad-disclosure_chumoku {
    display: inline;
    fint-size: 12px;
    color: #c2c2c2;
}


/* ------------------------------------
 # キャリアカテゴリ記事フッタービズリーチ様リンク
 # add 2015.12.03 t.n
 # update ----
------------------------------------ */

/* ------------------------------------
 # サイドバーのloglyロゴを非表示
 # add 2015.12.03 t.n
 # update ----
------------------------------------ */

/* ------------------------------------
 # エブリスタ固定ページ用
 # add 2015.12.04 t.n
 # update ----
------------------------------------ */




/* ------------------------------------
 # アクセスランキングに数字ラベル
 # add 2015.12.07 t.n
 # update ----
------------------------------------ */

a.wpp-post-title {
    font-weight: bold;
}

/* ------------------------------------
 # サイドバータイトル整え
 # add 2015.12.07 t.n
 # update ----
------------------------------------ */




/* ------------------------------------
 # エブリスタ大賞行間
 # add 2016.1.18 t.n
 # update ----
------------------------------------ */


/* ------------------------------------
 # bigger pre tag
 # add 2016.2.4 t.n
 # update ----
------------------------------------ */


/* ------------------------------------
 # adjust caption margin
 # add 2016.3.15 t.n
 # update ----
------------------------------------ */

/* ------------------------------------
 # おでかけカテゴリ記事フッターリンク
 # add 2016.3.22 t.n
 # update ----
------------------------------------ */


/* ------------------------------------
 # アートカテゴリ記事フッターリンク
 # add 2016.3.30 t.n
 # update ----
------------------------------------ */




/* ------------------------------------
 # weekly ranking
 # add 2016.4.15 t.n
 # update ----
------------------------------------ */

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

    /* 480pxまでの幅の場合に適応される */
}




/* ------------------------------------
 # weekly ranking 簡易版
 # add 2016.4.20 t.n
 # update ----
------------------------------------ */
ul.display-posts-listing {
    margin-left: 0;
    margin-bottom: 0;
}

ul.display-posts-listing li.listing-item {
    list-style: none;
}


.display-posts-listing a.title {
    color: #333333;
    font-weight: bold;
    font-size: 13px;
    vertical-align: top;
}



/* ------------------------------------
 # 記事, コンテンツ中の文字、行間調整
 # add 2016.6.10 y.i
 # update ----
------------------------------------ */
.content h1 {
    line-height: 1.4;
}


/* ------------------------------------
 # 記事, コンテンツ中ol,ulの調整
 # add 2016.6.10 y.i
 # update ----
------------------------------------ */


/* ------------------------------------
 # 記事配信中ニュースサイト
 # add 2016.6.13 t.n
 # update ----
------------------------------------ */

/* ad_in_ajax_road_more - t.n */

/* menu button tokushu - t.n */

/* menu button culture - t.n */

/* menu button dom - t.n */

/* menu button int - t.n */

/* menu button biz - t.n */

/* menu button lif - t.n */

/* menu button ent - t.n */

/* menu button career - t.n */

/* menu button outdoor - t.n */

/* menu button art - t.n */



/*記事ページ専用*/
/* menu button tokushu - t.n */

/* menu button culture - t.n */

/* menu button dom - t.n */

/* menu button int - t.n */

/* menu button biz - t.n */

/* menu button lif - t.n */

/* menu button ent - t.n */

/* menu button career - t.n */

/* menu button outdoor - t.n */

/* menu button art - t.n */

/* menu button conpany - t.n */



/* 各飛び先のカテゴ文字色指定 */

/*dom*/

/*int*/

/*biz*/

/*life*/

/*ent*/

/*outdoor*/

/*art*/



/* search result - t.n */

/* popular_label - t.n */


/* slider -t.n */



/*--------------------------------
SNSボタン
---------------------------------*/

/*ボタン全体*/

/*ボタン左*/


/*ボタン右*/

/*fbいいね*/

/*Facebook*/

/*Twitter*/


/* Pocket */

/* ポケットカウント非表示用 2016.11.28 y.i*/

/* はてぶ */


/* viral quiz -jason*/

/**
 * SIBERIA-528 【ニュース】シェアランキングのn番目に固定手動インフィード枠を挟む
 *
 * add: 2016.07.13 n.h
 */
.su-tabs .share-ranking li:before {
    content: "";
    display: none;
}

.share-ranking-listing-item {
    position: relative;
}

.su-tabs .share-ranking .share-ranking-listing-item:after {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    color: #ffffff;
    text-align: center;
    line-height: 22px;
    width: 20px;
    height: 20px;
    background-color: #444444;
    position: absolute;
    left: 0;
    top: 0;
}

.listing-item.share-ranking-ad {
    overflow: hidden;
}

.display-posts-listing .share-ranking-ad img.attachment-related_image.size-related_image.wp-post-image {
    margin-bottom: 0;
}

/* sidebar ad space for fix -t.n */


/* footer text ad */


@-ms-viewport {
    width: device-width;
}

/* sidebar wpp view */

/* chumoku pr waku */


/* sidebar pr label */

/* slider caption padding */

/* print button */



/***** お知らせ the7 2016.12.1 y.i****/


/* seikyu button */


/*----------------------------------------------------
      矢印アイコン位置調整
-----------------------------------------------------*/

/*---------------------------------------------------
      ボタン青
-----------------------------------------------------*/

/*---------------------------------------------------
      ボタン緑
-----------------------------------------------------*/

/*---------------------------------------------------
      ボタンオレンジ
-----------------------------------------------------*/


/*----------------------------------------------------
      ボタン赤
-----------------------------------------------------*/


/*----------------------------------------------------
      フォーカス枠なし
-----------------------------------------------------*/


/******************* 記事中フォーム 2017.01.05 y.i***********************************/

/*有料メルマガ登録ボタン(目立たないver)*/

/* sidebar widget width */
.sidebar-content .widget-title {
    width: 303px !important;
}

/* full print link */

/* yaku_m 2017.01.26 t.n */

/* special page nishimu 2017.1 */

/* kokokara */

/* tokushu background */

/* mag_author */



/* side mailmagazine form 2017.02.15  */

.mail_unit_tsubo .kiyaku {
    display: block;
    font-size: 11px;
}

.mail_unit_tsubo .kiyaku a {
    text-decoration: underline;
    color: #000000;
}

.mail_unit_tsubo .kiyaku a:hover {
    color: #e80008;
}

.mail_unit_tsubo .reg_form ul {
    text-align: left;
    overflow: hidden;
}

.mail_unit_tsubo .reg_form li {
    display: inline-block;
    vertical-align: bottom;
}

.mail_unit_tsubo .reg_form input.rdemail[type="text"] {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #e1e1e1;
    box-sizing: border-box;
    font-size: 20px;
    padding: 5px;
    height: 40px;
    width: 100%;
}


.mail_unit_tsubo .reg_form input.rdemail[type="text"]:focus::-webkit-input-placeholder {
    color: transparent !important;
}

.mail_unit_tsubo .reg_form input.rdemail[type="text"]:focus:-moz-placeholder {
    color: transparent !important;
}

.mail_unit_tsubo .reg_form input.rdemail[type="text"]:focus::-moz-placeholder {
    color: transparent !important;
}


.mail_unit_tsubo .mail_unit_tsubo .reg_form input[type="submit"] {
    border: 1px solid #ff5959;
    display: inline-block;
    width: 120px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    letter-spacing: 2px;
    outline: none;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.mail_unit_tsubo .reg_form input[type="submit"] {
    background-color: #e80008;
    color: #fff;
}

.mail_unit_tsubo .reg_form input[type="submit"]:hover {
    background-color: #e80008;
    cursor: pointer;
}

.mail_unit_tsubo .tab_area {
    margin: 0;
    width: 100%;
    background: #e80008;
}

.mail_unit_tsubo .tab_area li {
    /*Tabの装飾*/
    width: 100%;
    padding: 10px 0;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
    color: #fff;
    background: #e80008;
}

.mail_unit_tsubo .cont_news_add {
    border: 2px solid #000000;
    margin-bottom: 10px;

}

.mail_unit_tsubo .reg_form .sns_list {
    display: block;
    text-align: center;
    margin-left: -15px;
    margin-bottom: 0px;
}

.mail_unit_tsubo .facebook-list {
    margin-right: 25px;
}

.mail_unit_tsubo .facebook-list img {
    width: auto;
    height: 40px;
    margin-left: 2px;
}

.mail_unit_tsubo .yahoo-list .text_yahoo {
    color: #f60e0b;
}

.mail_unit_tsubo .facebook-list .text_fb {
    color: #3b5998;
}

.mail_unit_tsubo .yahoo-list img {
    width: auto;
    height: 40px;
}

.mail_unit_tsubo .facebook-list img,
.mail_unit_tsubo .yahoo-list img {
    opacity: 0.3;
    -webkit-opacity: 0.3;
    font-weight: bold;
    cursor: pointer;
    transition: opacity .1s;
    -webkit-transition: opacity .1s;
}

.mail_unit_tsubo .facebook-list img:hover,
.mail_unit_tsubo .yahoo-list img:hover {
    opacity: 1;
    -webkit-opacity: 1;
    text-decoration: none;
    transition: opacity .1s;
    -webkit-transition: opacity .1s;
}

.mail_unit_tsubo .facebook-list button,
.mail_unit_tsubo .yahoo-list button {
    background: none;
    border: none;
    cursor: pointer;
}

.mail_unit_tsubo .reg_form input[type="submit"] {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    min-width: 150px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    padding: 2px 10px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: 0px 1px 0px #4A4A4A;
    border-radius: 5px;
    -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
    -webkit-font-smoothing: antialiased;
    transform: perspective(0);
    background-color: #e80008;
    box-shadow: 0 6px 0 #b50006, 0 12px 0;
    border: none;
    margin: 0px auto 6px auto;
    line-height: 28px;
}

.mail_unit_tsubo .reg_form input[type="submit"]:hover {
    color: #fff;
    background-color: #e80008 !important;
    box-shadow: 0 3px 0 #b50006, 0 6px 0px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.mail_unit_tsubo .reg_form input[type="submit"]:active {
    color: #d6d6d6;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    transition-duration: 0.1s;
    background-color: #e80008;
    box-shadow: 0 0 0 #b50006, 0 0 0px rgba(0, 0, 0, 0.2);
}

.mail_unit_tsubo .content_area_form {
    width: 100%;
}

.mail_unit_tsubo .reg_form .form_kiyaku_text {
    margin: 5px 0;
    display: block;
}

.mail_unit_tsubo .text_fb,
.mail_unit_tsubo .text_yahoo {
    margin: 5px 10px 0;
    font-size: 12px;
    color: inherit;
}

.mail_unit_tsubo .reg_form {
    padding: 10px;
}

.mail_unit_tsubo .form_text_cotl {
    width: 100%;
}

.mail_unit_tsubo .form_sub_btn {
    float: left;
    width: 100%;
    text-align: center;
    margin: 15px 0 0 0;
}






/* iPad iPad Pro responsive */
@media screen and (max-width: 1024px) {

    div#sidebar {
        display: none;
    }
}

/*768px*/
@media screen and (max-width: 768px) {}

/*480px*/
@media screen and (max-width: 480px) {}

/*320px*/
@media screen and (max-width: 320px) {}



/* bottom bar line */

/* tokushu business */

/* top grid additional responsive */
@media screen and (max-width:1024px) {

    /*　画面サイズが10248px未満はここを読み込む　*/
    
    #sidebar {
        display: none !important;
    }
}

/* iPad iPad Pro responsive */


/*　記事中フォーム　目立つver 2016.02.20 y.i　*/


/* prime ad style */

/*サムネイル画像*/

/*タイトル*/

/*広告主体主名称*/

/* prime ad style end */

/*/フローティングメニュー/20170420*/


/* adsense in archive grid */



/* primead adjust */

/* single footer top contents */

/* panel quiz 2017.6.8 n */

/* coffee hide ad */

/* delete ridicurous line */

/* common mailmagazine  */

/* オレンジボタンCSS追加　20171213　*/

/* /オレンジボタンCSS追加　20171213　*/


/*-------------------------------------
会話形式用のcss 2018.01.10
---------------------------------------*/

/*****レスポンシブ設定*****/

/* pr normal content center for VISM */


/* START OF YKTR-3268 記事広に掲載する動画（先方タグ）をセンター寄せにしたい */

/* END OF YKTR-3268 記事広に掲載する動画（先方タグ）をセンター寄せにしたい */



/* PR post hidden items */

/* 記事広告対応 */


/*------------------------------------------------------------
          著者コンバージョンボタン_デザイン1用CSS
--------------------------------------------------------------*/

/*------------------------------------------------------------
          著者コンバージョンボタン_デザイン1用CSS_end
--------------------------------------------------------------*/


/*------------------------------------------------------------
          著者コンバージョンボタン_デザイン2用CSS
--------------------------------------------------------------*/

/*------------------------------------------------------------
          著者コンバージョンボタン_デザイン2用CSS_end
--------------------------------------------------------------*/

/* ヘッダーアド */

/*YKTR-2676 インタビュー記事対応*/

/*-----------------
YKTR-2913 20180823
--------------------*/

/*-----------------
end:YKTR-2913 20180823
--------------------*/

/*-----------------
YKTR-xxxx 20181017
--------------------*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */


/************YKTR-3327メルマガ登録フォーム2019/03/26************/

::-webkit-input-placeholder {
    color: #a6a6a6;
}

::-moz-placeholder {
    color: #a6a6a6;
    opacity: 1;
}

/*-----------------
fpo YKTR-2811 2019/03/26
--------------------*/

/* jiji and jiji ticker */

/* SIBERIA-782 */
ul.post-list {
    position: relative;
}

/* ボタン背景 */


/* Prime Ad Column */

/* /Prime Ad Column */

/*SIBERIA-828 2020/07/17*/

/* /SIBERIA-828 2020/07/17*/

/*　MEDIA-22 */

/*　/MEDIA-22 */

/* YKTR-4503 */

/* YKTR-4506 */

/* YKTR-4601 */
@media screen and (max-width: 1024px) {
    .navbar-inc div.search-box-top form input[type="submit"] {
        position: relative !important;
        right: 6px !important;
        top: 1px !important;
    }
}

/* MEDIA-33 */

.ad-h280 {
    min-height: 280px
}

/* YKTR-5618 str　*/


/* YKTR-5618 end　*/

/* DEV-789　*/

/* DEV-789 end　*/

/* DEV-791 */
h1.widget-title {
    font-size: 16px;
    font-weight: bold !important;
    padding: 5px 3px 5px 15px !important;
    text-transform: capitalize;
    margin-bottom: 5px !important;
    background-color: #f4f4f4 !important;
    color: #333333 !important;
    border-left: solid 6px #666666;
}

/* PR post hidden items */

/* DEV-791 end */

/*
DEV-862
*****************/

/* hamburger menu navigation */

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

    /* top */
    li.-culture {
        display: none;
    }

    li.-entertainment {
        display: none;
    }

    li.-pickup {
        display: none;
    }

    li.-company {
        display: none;
    }

    .navbar-inc ul li a {
        padding: 0.2em 0.5em !important;
    }

    .navbar-inc ul li a {
        padding: 0 8px;
    }

    .navbar-inc div.search-box-top form input.ham-search-box {
        width: 93% !important;
    }

    .inner-header-inc .leading-inc {
        font-size: 0.7em;
    }

    .inner-header-inc ul.-sns-list li a {
        background: #c2c2c2;
    }

    .inner-header-inc {
        padding: 20px 0 10px;
    }

    div#content {
        /*         padding: 0; */
    }

    /* page */

    /* contents CULTURE */

    h1 {
        font-size: 24px;
    }
}




/* DEV-862 end */


/**************************************/
/** mag-affiliate-style */
/**************************************/


:after,
:before {
    box-sizing: inherit;
}

/* add DEV-982 itemPR*/

/** YKTR-6240 MAG2NEWSにCSS追加依 **/

#sidebar ul {
    list-style: none;
    padding-left: 0;
}

.ad-h280 {
    display: none;
}

.sidebar.bg-under-widget .widget,
.bg-under-widget .sidebar-content .widget {
    padding: 0;
}

.leading-inc {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
    color: #fff;
}

.header-inc {
    background-color: #333;
    margin: auto;

}

#sidebar {
    background: #f2f2f2;
}

.mag2-sidebar-embed{
	background:none !important;
	border:none !important;
	padding:0 !important;
}

#text-28{
	display:none;
}

/* Sidebar Scraperプラグインで囲まれたリストの横並びを統一 */
#text-21 li {
    display: flex; 
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 15px;
}

/* ------------------------------------- */
/* 画像リンクの幅を固定する処理 */
/* ------------------------------------- */

/* 画像が含まれる最初のリンク要素（または画像そのもの）に適用 */
#text-21 li > a:first-child { 
    /* 画像リンク（aタグ）の幅を固定 */
    width: 110px; 
    /* 幅を強制し、縮小させない */
    flex-shrink: 0;
}

/* 画像自体の幅も指定（念のため） */
#text-21 li img {
    width: 110px !important;
    height: auto; /* 高さは自動調整 */
}

/* ------------------------------------- */
/* テキストリンクに余ったスペースを使わせる */
/* ------------------------------------- */
#text-21 li a:not(:first-child) {
    float: none !important;
    flex-grow: 1; /* 残りのスペースを全て使用 */
}

/* ------------------------------------- */
/* SWELL サイドバーの幅を固定し、レイアウトを保持するCSS */
/* ------------------------------------- */

/* メインコンテナ（コンテンツとサイドバーを囲む要素）の設定を上書き */
/* L-CONTENTS は PC表示で Flexbox を使用している */
@media screen and (min-width: 960px) {
    .-sidebar-on .l-mainContent {
        width: calc(100% - 390px - var(--swl-sidebar_margin));
    }
	.-sidebar-on .l-content{
		gap:40px;
	}
    /* 1. サイドバーの幅を固定 (例: 300px) */
    .-sidebar-on #sidebar {
        width: 345px !important;
        /* Flexboxの特性を上書き：縮小しない、基準幅を300pxにする */
        flex: 0 0 300px; /* flex-grow: 0 (拡大しない) / flex-shrink: 0 (縮小しない) / flex-basis: 300px (基準幅) */
    }

    /* 2. メインコンテンツに、残りのスペースをすべて使わせる */
    .l-mainContent {
        width: auto; /* widthをautoに戻す */
        /* Flexboxの特性を上書き：残りのスペースを全て使用する */
        flex: 1 1 auto; /* flex-grow: 1 (拡大する) / flex-shrink: 1 (縮小する) / flex-basis: auto (基準幅はauto) */
        min-width: 0; /* Flexboxでの予期せぬオーバーフローを防ぐ */
    }
}