@charset "utf-8";

/*
項目
#ノーマライズCSS
#フォント設定
#基本設定
#カラム設定
#個別ページ
#ウィジェットパーツ
#記事設定
#広告設定
*/
/*カラー設定*/
:root{
  /*テーマカラー*/
  --g-theme__color: #c60010;
  /*タイトル文字*/
  --g-title__color:#111;
  /*暗めのグレー*/
  --g-drakgray__color: #333;
  /*補足情報文字色*/
  --g-font_sub__color: #999;
  /*一番後ろの背景色*/
  --g-bg-main__color: #f2f1ed;
  /*主にコンテンツの背景色*/
  --g-bg-box__color: #fefefe;
  /*ボーダーカラー*/
  --g-boder__color: #dbdbdb;
}
/*使い方*/
.smp{
  color: var(--g-theme__color, #c60010);
  color: var(--g-title__color,   #111);
  color: var(--g-drakgray__color,  #333);
  color: var(--g-font_sub__color,  #999);
  color: var(--g-bg-main__color,  #f2f1ed);
  color: var(--g-bg-box__color,  #fefefe);
  color: var(--g-boder__color,  #dbdbdb);
}
/* ---------------------------------------------------------------------------
#ノーマライズCSS
--------------------------------------------------------------------------- */
ul, ol, li{list-style-type: none;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: bottom;
word-break: normal; /*文字の禁則処理*/
line-break: strict; /*IE*/
}

/* ---------------------------------------------------------------------------
#フォント設定
--------------------------------------------------------------------------- */

@font-face {
font-family: 'getnews';
src:
url('../img/fonts/getnews.woff') format('woff'),
url('../img/fonts/getnews.ttf') format('truetype'),
url('../img/fonts/getnews.svg') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="mark-"]::before,
[class*="mark-"]::before,
.post-balloon .interviewer_A strong::before,
.post-balloon .speaker_A strong::before{
font: 14px/1 "getnews";
margin: 0;
vertical-align: text-bottom;
}
.mark-arrow::before{
/*大きい*/
/*content: "\e609";*/
/*小さき*/
content: "\e61b";
}
.mark-pen::before{
content: "\e60e";
line-height: 12px;
}
.mark-write::before{
content: "\e922";
line-height: 12px;
}
.mark-folder::before{
content: "\e616";
}
.mark-twitter::before{
content: "\e60b";
}
.mark-facebook::before{
content: "\e60a";
}
.mark-google::before{
content: "\e631";
}
.mark-hatebu::before{
content: "\e62f";
}
.mark-pocket::before{
content: "\e62e";
}
.mark-mixi::before{
content: "\e62d";
}
.mark-line::before{
content: "\e630";
}
/*時計や日付のアイコン*/
.mark-time::before{
content: "\e60f";
}
/*カテゴリー*/
.mark-cat::before{
content: "\e615";
}
/*キーワード*/
.mark-name::before,
.mark-tags::before{
content: "\e935";
}
.mark-mobile-menu,
.mark-mobile-menu span {
display: inline-block;
transition: all .2s;
box-sizing: border-box;
}
.mark-mobile-menu {
position: relative;
}
.mark-mobile-menu.active{
background: var(--g-drakgray__color,  #333);
color: #eee;
}
.menu_ani_bar {
position: absolute;
left: 6.5px;
width: 65%;
height: 4px;
border-radius: 2px;
background-color: var(--g-drakgray__color,  #333);
}
.menu_ani_bar:nth-of-type(1) {
top: 17%;
}
.menu_ani_bar:nth-of-type(2) {
top: 43%;
}
.menu_ani_font:before,
.menu_ani_font:after{
position: absolute;
font-weight: bold;
font-size: 10px;
left: 0;
bottom: 1%;
width: 100%;
text-align: center;
}
.menu_ani_font:before{
content: "MENU";
opacity: 1;
letter-spacing: -0.8px;
}
.active .menu_ani_font:before{
opacity: 0;
}
.menu_ani_font:after{
content: "CLOSE";
opacity: 0;
}
.active .menu_ani_font:after{
opacity: 1;
}

.active .menu_ani_bar:nth-of-type(1) {
-webkit-transform: translateY(5.5px) rotate(-45deg);
transform: translateY(5.5px) rotate(-45deg);
background-color: #eee;
}
.active .menu_ani_bar:nth-of-type(2) {
-webkit-transform: translateY(-4.5px) rotate(45deg);
transform: translateY(-4.5px) rotate(45deg);
background-color: #eee;
}

/*検索*/
.mark-mobile-search::before{
content: "\e62c";
font-size: 1.8em;
}
/*無理矢理アイコン付けた*/
.cat_Related h2::before{
margin: 0 .5rem 0 0;
font: 14px/1 "getnews";
content: "\e615";
}
.mark-mobile-menu,
.mark-mobile-search{
border-radius: 3px;
position: absolute;
width: 40px;
height: 40px;
top: 4px;
color: var(--g-drakgray__color,  #333);
display: flex;
align-items: center;
justify-content: center;
/*background: #eee;*/
}
.mark-mobile-search:hover{
color: #eee;
cursor: pointer;
background: var(--g-drakgray__color,  #333);
}
.mark-mobile-menu{left: 4px;}
.mark-mobile-search{right: 4px;}

[class^="icon_"] a::before{
font: 1.2rem/1 "getnews";
padding: 6px;
border-radius: 2px;
color: #fefefe;
display: block;
background-color: var(--g-drakgray__color,  #333);
}
[class^="icon_"] a:hover::before{
opacity: 0.8;
}
.icon_RSS a:before{
content: "\e60c";
}
.icon_facebook a:before{
content: "\e60a";
}
.icon_twitter a:before{
content: "\e60b";
}
.icon_youtbe a:before{
content: "\e632";
}
.icon_instagram a:before{
content: "\ea91";
}
#mobile-searchForm::before {
position: absolute;
top: 2px;
left: 2px;
content: "\e62c";
font: 1.1rem/1 "getnews";
z-index: 10;
color: #999;
}
/*画像で出来たアイコン ※フォントファイルとは別です。*/
i[class^="img-icon-"]{
background: url(../img/site_icon.svg) no-repeat;
margin: 0;
padding: 0 0 0 24px;
content: "";
display: inline-block;
}
i.img-icon-rensai{
background-position: 0 -22px;
}
i.img-icon-otajo{
background-position: 0 -46px;
}
i.img-icon-getgirl{
background-position: 0 -74px;
}
i.img-icon-sakidori{
background-position: 0 0;
}
i.img-icon-carreview {
background-position: 0 -124px;
}
i.img-icon-taberuno {
background-position: 0 -144px;
}
i.img-icon-travel{
background-position: 0 -190px;
}
i.img-icon-live{
background-position: 0px -159px;
}


/* ---------------------------------------------------------------------------
#基本設定
--------------------------------------------------------------------------- */

pre {
white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5+ */
}
article, aside, figure, figcaption, footer, header, hgroup, nav, section {
display: block;
position: relative;
}
h1,h2,h3,h4,h5,h6{
line-height: 1.5;
}
h3 {
font-size: 18px;
clear: both;
margin: 12px 0 0;
}
body {
color: var(--g-drakgray__color,  #333);
font:500 14px/1.6 "ソフトゴシック M", "Soft Gothic Medium",'游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
background: #fefefe;
-webkit-text-size-adjust: 100%;
font-kerning: normal;
text-rendering: optimizeLegibility;
width: 100%;
height: 100%;
}

img {
border: 0;
vertical-align: middle;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
i[onclick]{
cursor: pointer;
}
a:hover img {
filter:alpha(opacity=95);
-moz-opacity: 0.95;
opacity: 0.95;
filter: brightness(110%);
-moz-filter: brightness(110%);
-webkit-filter: brightness(110%);
/* アニメーション指定*/
-moz-transition: 0.1s linear;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
}

a{
text-decoration: none;
color: var(--g-drakgray__color,  #333);
}
a:hover{
color: var(--g-theme__color, #c60010);
/*background-color: #F5F5F5;*/
}
.home-topics a:hover,
a:hover [class*="-news"] h2,
.widget-Parts a:hover,
.kikou-post a:hover,
.c-related_list a:hover,
.taglist li a:hover{
text-decoration: underline;
/* アニメーション指定*/
-moz-transition: 0.1s linear;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
}
*:not(img)::selection{
background: var(--g-drakgray__color,  #333);
color: #fefefe;
text-shadow: none;
}
*:not(img)::-moz-selection{
background: var(--g-drakgray__color,  #333);
color: #fefefe;
text-shadow: none;
}
.center{
text-align: center;
margin: auto;
}


/*汎用パーツ*/
.bg-gradation__stripe{
color: #fefefe;
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px;
background-color: var(--g-drakgray__color,  #333);
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
          color-stop(.25, #2f2f2f), color-stop(.25, transparent),
          color-stop(.5, transparent), color-stop(.5, #2f2f2f),
          color-stop(.75, #2f2f2f), color-stop(.75, transparent),
          to(transparent));
background-image: -webkit-linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
        transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
        transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
        transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
        transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
        transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
        transparent 75%, transparent);
background-image: -o-linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
        transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
        transparent 75%, transparent);
background-image: linear-gradient(-45deg, #2f2f2f 25%, transparent 25%,
        transparent 50%, #2f2f2f 50%, #2f2f2f 75%,
        transparent 75%, transparent);
}
.bg-gradation__stripe a{
color: #fefefe;
}
select[name*="archive-dropdown"] {
width: 100%;
padding: 8px;
}


/*ナビゲーションメニュー*/
.js-header-search {
background: var(--g-drakgray__color,  #333);
padding: 8px;
width: 100%;
height: 66px;
}
.js-header-menu{
border: none;
top: 44px;
width: 100%;
height: 100%;
z-index: 20;
}

.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 256px;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  will-change: transform;
  background-color: //#FFF; /* A background-color is required */
  min-height: 100vh;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}

.mobile-slider-menu{
border-bottom:4px solid var(--g-theme__color, #c60010);
}
.mobile-slider-menu li a{
background: #222;
border-top: 1px solid #4F4F4F;
border-bottom: 1px solid #2D2B2B;
color: #eee;
font-size: 14px;
display: block;
line-height: 40px;
padding: 2px 20px;
}
.mobile-slider-menu .current a {
background: var(--g-theme__color, #c60010);
}

/*特集サイト*/
.special-top-title-bg img{
width: 100%;
height: auto;
}

/*アイコン設定*/
.footer-instagram a:before,
.footer-twitter a:before,
.footer-facebook a:before,
.mobile-slider-menu a:before {
font: 14px/1 "getnews";
margin-right: 4px;
}
.mobile-slider-menu a[href*="getnews.jp"]:before {
content: "\e615";
}
.footer-twitter a:before {
content: "\e60b";
}
.footer-facebook a:before {
content: "\e60a";
}
.footer-instagram a:before {
content: "\ea91";
}
/* ---------------------------------------------------------------------------
#カラム設定
--------------------------------------------------------------------------- */
#container {
width: 100%;
overflow:hidden;
margin: 0 auto;
max-width: 640px;
background: #fff;
}
.execphpwidget,
.textwidget,
.widget_archive {
margin: 0 0 20px 0;
}
.textwidget a > img {
width: 100%;
}
.execphpwidget > div {
margin: 0 auto;
}
#mobile__Column{
margin: 20px 0;
}
.main_re_left{
width: 300px;
}
.header_padding {
padding-top: 54px;
}


/*ヘッダー関連----------------------------------------------------*/
.get-header{
border-top: 4px solid var(--g-theme__color, #c60010);
border-bottom: 1px solid #eee;
background-color: #fefefe;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 54px;
transition: .2s;
z-index: 9999;
}
.site-logo__getnews{
width: 135px;
margin: 0 auto;
display: block;
padding: 8px 0;
}
.site-logo__getnews img{
width: 100%;
height: auto;
}
/*検索フォーム*/
#mobile-searchForm input[type*="text"]{
width: 100%;
padding: 8px 8px 8px 44px;
color: #555;
height: 50px;
border-radius: 3em;
box-shadow: 0 0 3px 0px rgba(0,0,0,.1);
}
/* 大事 */
#mobile-searchForm input[type*="text"]:focus {
outline: 0;
}
#mobile-searchForm:before {
position: absolute;
top: 14px;
left: 12px;
content: "\e62c";
font: 1.4rem/1 "getnews";
z-index: 10;
color: #777;
}
#mobile-searchForm {
position: relative;
}


/* 右カラムtopics用 -----------------------------------------------*/
.side-Topics {
padding: 8px;
background: var(--g-drakgray__color,  #333);
}
.side-Topics p{
font-weight: bold;
display: block;
padding: 0 8px 0 8px;
margin: 0 0 4px 0;
color: #fefefe;
}
.side-Topics ul li{
border-bottom: 1px solid #3e3e3e;
}
.side-Topics ul li a{
font-size: 13px;
line-height: 1.5;
color: #fefefe;
padding:12px 4px;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

/*.topics用---------------------------------------------------*/
.home-topics{
color: #fefefe;
background: var(--g-drakgray__color,  #333);
overflow: hidden;
position: relative;
}
.home-topics a{
color: #fefefe;
font-size: 13px;
display: block;
}
.home-topics a:hover,
.side-Topics ul li a:hover{
background: rgba(0, 0, 0, 0.3);
}
.home-topics .midashi{
padding: 8px 12px;
width: 233px;
height: 37px;
border-bottom: 1px solid #000;
transform: rotate(-90deg);
transform-origin: top right;
position: absolute;
background: rgba(0, 0, 0, 0.5);
top: 0px;
right: 100%;
}
.mark-topics:before{
font-size: 16px;
margin: 0 4px 0 0;
content: "\e9d3";
}
.tab_area_box {
font-size: 12px;
padding: 8px;
}
.topics_area{
margin: 0 0 0 40px;
}
.topics_area li{
font-size: 12px;
border-bottom: 1px solid #3e3e3e;
}
.topics_area li a{
padding: 5px 0;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.get_top-pic {
width: calc(100% + 16px);
margin: 12px -8px 0;
}
.topic_thumbnail {
display: block;
position: relative;
max-height: 216px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3) inset;
}
.topic_thumbnail img{
width: auto;
height: auto;
max-width: 100%;
max-height: 216px;
display: block;
margin: auto;
}
.get_top-pic span{
font-size: 100%;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding: 20px 4px 4px;
position: absolute;
bottom: 0;
width: 100%;
display: block;
background-color: rgba(0,0,0,0.4);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, rgba(0,0,0,0)), color-stop(0.35, rgba(0,0,0,0.4)), color-stop(0.00, rgba(0,0,0,0.4)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0.4) 100%);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0.4) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0.4) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0.4) 100%);
}

/*TOPページ記事設定---------------------------------------------------------*/
.block-title,
.mainColumn > p{
clear: both;
display: none;
border: none;
text-align: center;
padding: 8px;
letter-spacing: 8px;
color: #fefefe;
background: var(--g-drakgray__color,  #333);
border-left: 8px solid var(--g-theme__color, #c60010);
border-right: 8px solid var(--g-theme__color, #c60010);
margin: 4px 0px;
}

.cntx_archive,
.mainColumn .authorlist{
font: 700 13px/1.3"";
margin: 0 0 20px;
padding: 8px 0;
color: #DFDFDF;
letter-spacing: 16px;
text-align: center;
background: var(--g-drakgray__color,  #333);
border: 2px solid #0F0F0F;
background: -webkit-linear-gradient(top, #222 0%, #333 65%);
background: -moz-linear-gradient(top, #222 0%, #333 65%);
background: -o-linear-gradient(top, #222 0%, #333 65%);
background: -ms-linear-gradient(top, #222 0%, #333 65%);
background: linear-gradient(to bottom, #222 0%, #333 65%);
text-shadow: 0 0 8px #0A6762;
display: block;
}
.article-list{
margin: 0 0 20px;
background: #fefefe;
}
[class*="-news"]{
position: relative;
}
[class*="-news"] > a{
min-height: 90px;
text-decoration: none;
padding: 12px 8px 12px 0;
border-bottom: 1px solid #DBDBDB;
overflow: hidden;
display: flex;
}
[class*="-news"] h2 {
letter-spacing: 1px;
position: relative;
font-size: 18px;
font-weight: bold;
text-shadow: 0px 1px 0 rgba(0,0,0,.1);
margin: 0 0 4px;
}
[class*="-news"]:hover h2{
text-decoration: underline;
}
.top-news_desc{
flex-grow: 2;
overflow: hidden;
margin-left:12px;
}
/*記事一覧 追加情報*/
.add-info{
color: #999;
padding: 0;
position: absolute;
bottom: 1px;
right: 0;
z-index: 10;
font-size: 10px;
display: flex;
}
.add-info > li{
padding: 0 16px 0 0;
}
.add-info > li:before{
margin: 0 4px 0 0;
font: 11px/1 "getnews";
content: "\e60f";
}
.add-info > li:last-child:before{
content: "\e615";
}
.top-news__thumbnail {
max-width: 120px;
min-width: 120px;
height: auto;
}
.sub-news__thumbnail {
max-width: 96px;
min-width: 96px;
height: 96px;
}
[class*="__thumbnail"] img{
width: 100%;
height: auto;
}
[class*="-news"] p{
font-size: 14px;
margin: 0 0 16px;
color: var(--g-drakgray__color,  #333);
}

.morePict{
border: 4px solid var(--g-theme__color, #c60010);
background: var(--g-theme__color, #c60010);
color:#fefefe !important;
clear: both;
display: block;
font-weight: 600;
font-size: 16px;
padding: 12px 0;
position: relative;
margin: 0 auto 20px;
height: auto;
text-align: center;
text-decoration: none;
/* アニメーション指定*/
-moz-transition: 0.1s linear;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
}
.morePict:hover {
/*background: #fefefe;*/
background: #98212b;
color: #fefefe !important;
text-decoration: none !important;
}
.cntx_newlist,
.cat_Related h2{
padding: 12px;
border-bottom: 1px solid var(--g-drakgray__color,  #333);
position: relative;
}
.cat-more-link{
padding: 8px;
position: absolute;
top: 1px;
right: 0;
color: #ccc;
display: block;
}
.cat-more-link:before{
content: attr(data-text);
}
.cat_Related {
margin-bottom:20px;
}
.c-related_list{
display: flex;
align-items: center;
}
.mark-arrow {
margin-left: 8px;
}
.c-related_list a{
color: #fefefe;
padding: 4px;
display: block;
width: calc(100% - 30px);
}
.c-related_list:not(last-child){
border-bottom: 1px dashed #4d4d4d;
}
.c-related_list a:hover{
text-decoration: underline;
}
.cat_Related__article_title{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

/*グノシーアド用スペース調整*/
._Getnews_recommend2_container {
margin: 16px 0 0 !important;
padding: 0 0 0 0 !important;
}

/*---------------- button_sns ----------------*/

.button_sns{
justify-content: space-between;
align-items: center;
display: flex;
}
.button_sns li{
text-align: center;
width: 16.666666%;
}
.button_sns li a{
height: 20px;
min-height: 40px;
font-family: monospace;
color: #fefefe !important;
text-decoration: none !important;
display: flex;
align-items: center;
justify-content: center;
}
.button_sns li span{
letter-spacing: 1px;
}
.button_sns li a:hover{
filter:alpha(opacity=90);
-moz-opacity: 0.90;
opacity: 0.90;
}
.button_sns [class*="mark-"]::before{
font-size: 1.4em;
vertical-align: middle;
}

/*ソーシャルフォロー用*/
.button-sns__follow{
margin:20px;
width: 100%;
display: flex;
}
.button-sns__follow li{
margin: 0 4px 8px 0;
}
.float_sns_button{
position:fixed;
width: 100%;
z-index: 200;
left: 0;
}
.button_sns [class*="mark-"]::before{
font-size: 1.4em;
vertical-align: middle;
padding: 8px;
border-radius: 3px;
/* アニメーション指定*/
-moz-transition: 0.1s linear;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
}

.top_sns .mark-facebook{background: #3b5997;}
.top_sns .mark-twitter {background: #41b7d8;}
.top_sns .mark-google{background: #d64937;}
.top_sns .mark-hatebu{background: #008fde;}
.top_sns .mark-pocket{background: #ee4056;}
.top_sns .mark-mixi{background: #d1ad59;}
.top_sns .mark-line{background: #00c300;}

.float_sns_button .button_sns li{
width: calc(16.66666% - 4px);
}
.float_sns_button .mark-facebook::before{background: #3b5997;}
.float_sns_button .mark-twitter::before{background: #41b7d8;}
.float_sns_button .mark-google::before{background: #d64937;}
.float_sns_button .mark-hatebu::before{background: #008fde;}
.float_sns_button .mark-pocket::before{background: #ee4056;}
.float_sns_button .mark-mixi::before{background: #d1ad59;}
.float_sns_button .mark-line::before{background: #00c300;}

.button_sns [class*="mark-"]:hover::before{
font-size: 1.7em;
padding: 8px;
}

.button_sns_parts {
margin:0  auto 20px;
}

.button_sns_parts span{
}
.button_sns_parts li {
width: 33.3333334%;
}
.button_sns_parts .mark-twitter{
width: 50%;
float: left;
}
.button_sns_parts .tweet-score{
width: 50%;
float: right;
background: #2f8da7;
}


/*.シングルページ記事設定-----------------------------------------------------*/
/*記事ページ---------------------------------------------*/
.post{
word-wrap: break-word;
-ms-word-wrap: break-word;
}
.post h1{
border: none;
font-size: 24px;
margin: 20px 4px;
padding: 0;
font-weight: 700;
line-height: 1.3;
letter-spacing: -1.5px;
/*text-align: justify;*/
}
.post img{
width:auto;
margin-bottom: 1rem;
}
.post img.size-full,
.post img.alignleft,
.post img.alignright,
.post img.aligncenter{
width: 100%;
max-width: 100%;
height: auto;
}
.post-bodycopy {
  font-size: 16px;
  background: #fff;
}
.post .post-bodycopy p iframe,
.post .post-bodycopy iframe{
margin:0 0 20px;
max-width: 100% !important;
}
.post-bodycopy > div {
    width: 100% !important;
}
.post a{
font-weight: bold;
color: var(--g-theme__color, #c60010);
}
.post a:hover{
text-decoration: underline;
color: var(--g-theme__color, #c60010);
}
.yarpp-related {
margin: 0 -20px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.yarpp-related h3{
margin: 1.5em 1em;
}
.yarpp-related ul li{
padding: 0.5em 3em;
border-top: 1px solid #eee;
}
.post h2,
.post h5 {
font-size: 22px;
line-height: 1.5;
letter-spacing: -2px;
text-align: justify;
margin: 1em -20px 1.5em;
font-weight: 700;
padding: 16px 28px;
position: relative;
background: #f1efea;
border-left: 4px solid var(--g-theme__color, #c60010);
text-shadow: 2px 2px 0 #8d8d8d3b
}
/*.post h2::before,
.post h5::before{
content: "";
position: absolute;
border-left: 4px solid var(--g-theme__color, #c60010);
left: 8px;
top: 0;
height: calc(100% + 20px);
z-index: 2;
}
.post h2::after,
.post h5::after{
content: "";
position: absolute;
border-bottom: 1px solid #ccc;
bottom: -6px;
left: 0;
width: calc(100% + 20px);
height: 6px;
z-index: 1;
}*/
.post h3,
.post h6 {
clear: both;
position: relative;
color:#2b1c1c;
font-size: 18px;
font-weight: bold;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.06);
line-height: 1.3;
margin: 1.5em 0;
padding:0 20px;
}
.post h3:before,
.post h6:before{
content: "";
position: absolute;
bottom: auto;
top: auto;
left: 8px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fb7e7e), color-stop(0.54, #b70e0e), color-stop(0.00, #b70e0e));
background: -webkit-linear-gradient(top, #b70e0e 0%, #b70e0e 54%, #fb7e7e 100%);
background: -moz-linear-gradient(top, #b70e0e 0%, #b70e0e 54%, #fb7e7e 100%);
background: -ms-linear-gradient(top, #b70e0e 0%, #b70e0e 54%, #fb7e7e 100%);
background: linear-gradient(to bottom, #b70e0e 0%, #b70e0e 54%, #fb7e7e 100%);
height: 100%;
width: 4px;
}
iframe h2, iframe h3, iframe h4, iframe h5, iframe h6 {
font-size: 15px;
line-height: 1.7;
margin: 0 0 3px 0 !important;
padding: 4px 0 0 4px !important;
}
.post b,
.post strong {
font-weight: bold;
}
/*蛍光マーカー風下線*/
.post .under-line{
background: linear-gradient(transparent 65%, #f0f764 65%, #f4ff6a 85%,transparent 85%);
}
.post-bodycopy > p,
.post > p {
line-break: strict;
font-size: 17px;
line-height: 1.6;
margin: 1em 0.5em 2em;
}
.post p img{
width:auto;
}
.post p img.size-full,
.post p img.alignleft,
.post p img.alignright,
.post p img.aligncenter{
width: calc(100% + 0px);
max-width: calc(100% + 0px);
height: auto;
margin: 0 0;
}

/*引用*/
blockquote {
background: #f3f1ec;
clear: both;
color: #555;
/*font-weight: 600;*/
position: relative;
padding: 20px;
margin: 8px 0;
box-shadow: inset 0 0 30px rgba(73, 52, 0, 0.05);
}
blockquote > p{
position: relative;
z-index: 1;
margin: 1em 0;
}
blockquote > p:last-child{
margin-top:1em;
}
blockquote > p:first-child{
margin-top:0;
}
blockquote:before,
blockquote:after{
color: #fefefe;
display: inline-block;
position: absolute;
vertical-align: middle;
text-align: center;
font-family: sans-serif;
line-height: 1;
}
blockquote:before{
top: 0;
left: 4px;
content: "“";
font-size: 110px;
}
blockquote:after{
bottom: -40px;
right: 20px;
content: "”";
font-size: 90px;
}
blockquote cite {
}
.nexthead{
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
font-weight: bold;
margin: 2em auto 1em;
}
.nexthead::before{
content: "";
border-left: 4px solid #b60400;
white-space: nowrap;
padding: 0 0 0 0.5em;
}

.article_gate_thumbnail{
position: relative;
overflow: hidden;
}
.article_gate_thumbnail .gate_firstimg{
width: 100% ;
height: auto;
margin-bottom: 0;
}
.layer_1 h1{
border: none;
font-size: 18px;
padding: 0 !important;
margin: 0 !important;
color: #fefefe !important;
}
/*続きを読む クッションページ対応*/
.blind-screen {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(90%, #fefefe));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fefefe 90%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #fefefe 90%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fefefe 90%);
height: 125px;
margin: -150px 0 0;
position: relative;
}
/*twitter widget*/
/*サポートされていないタグなので おまじない程度に
一応センタリングされることは確認。*/
twitterwidget {
    margin: 0 auto;
}

/*.対談用記事設定----------------------------------------------------*/
.post-balloon p{
clear: both;
}
.post-balloon .interviewer_A{
color: #b60400;
border: 1px solid #ccc;
display: inline-block;
padding: 16px;
position: relative;
margin: 0 0 1.5em 60px;
border-radius: 16px;
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.05);
text-shadow: 2px 2px 0 rgba(0, 0, 0,.05);
background-color: #FFF5EE;
}
.post-balloon .interviewer_A:before{
content: "";
position: absolute;
left: -1px;
top: 20px;
margin-left: -10px;
width: 0;
height: 0;
border-right: 10px solid #ccc;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.post-balloon .interviewer_A:after {
content: "";
position: absolute;
left: 0px;
top: 20px;
margin-left: -8.5px;
width: 0;
height: 0;
border-right: 10px solid #FFF5EE;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.post-balloon strong,
.post-balloon strong{
position: relative;
}
.post-balloon .interviewer_A strong:before{
content: "\e900";
color: var(--g-title__color,   #111);
font-size: 170%;
left: -64px;
position: absolute;
text-shadow: none;
top: -8px;
}
.post-balloon .speaker_A strong:before{
content: "\e903";
color: var(--g-title__color,   #111);
font-size: 170%;
right: -50px;
position: absolute;
text-shadow: none;
top:44px;
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
-moz-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
}

.post-balloon .speaker_A{
float:right;
border: 1px solid #ccc;
display: inline-block;
padding: 16px;
position: relative;
margin: 20px 60px 1.5em 0;
border-radius: 16px;
box-shadow: 2px 2px 1px 0 rgba(0,0,0,.05);
}
.post-balloon .speaker_A:before{
content: "";
position: absolute;
right: 1px;
top: 20px;
margin-right: -10px;
width: 0;
height: 0;
border-left: 10px solid #fefefe;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
z-index: 1;
}
.post-balloon .speaker_A:after {
content: "";
position: absolute;
right: 0;
top: 20px;
margin-right: -10px;
width: 0;
height: 0;
border-left: 10px solid #ccc;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
.post-balloon .speaker_A strong{
color: #0270C1;
position: absolute;
top: -28px;
right:0;
}
.post .interviewer_A{
color: #b60400;
display: block;
}
.post .speaker_A strong{
color: #0270C1;
}
/*アイコンをなくすタグ*/
.post-balloon .icon-none{
margin: 20px 8px 1.5em;
}
.post-balloon .icon-none strong:before{
content: "";
}
.post object {
margin-bottom: 8px;
}
[class*="cattag"]{
font-family: monospace;
font-size: 12px;
line-height: 2;
color: #999;
margin: 0 0 2em;
text-align: center;
}
[class*="cattag"] .mark-time{
margin: 6px 4px 0 0;;
}
[class*="cattag"] time{
margin: 20px 0 0 0;
}
[class*="cattag"] a{
color: #999;
display: inline-block;
}
[class*="cattag"] a:hover{
text-decoration: underline;
}

.post .post-bodycopy iframe {
margin-bottom: 0;
max-width:100%;
}
.google-iframe{
position: relative;
padding-bottom: 400%;
padding-top: 0;
height: 0;
overflow: hidden;
margin: 10px auto 20px;
width: 100%
}
.google-iframe iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.freebirdFormviewerViewFormContent {
padding: 0;
}
/*youtube関連制御周り制御*/
.movie-post {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
width: 100%;
overflow: hidden;
}
.post .movie-post{
margin: 20px 0;
}
.post p > .movie-post {
width: 100%;
margin: 20px 0px 20px;

}

.movie-post iframe,
.movie-post object,
.movie-post embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#post_sp {
margin: 20px 0 30px;
clear: both;
}
.supplement{
clear: both;
font-size: 12px;
margin:0 0 20px;
padding: 0 3em;
}
.supplement li{
color:#999;
list-style: square;
margin: 0 0 .2em 0;
}

/*ソーシャルファボ用ボタン*/
.social-banner {
width: calc(100% + 40px);
margin: 20px -20px;
color: #fefefe;
height: 160px;
background: var(--g-drakgray__color,  #333);
}
.social-banner .profile-icon {
display: block;
width: 64px;
height: 64px;
margin: 0 auto;
border: 2px solid #F9F9F3;
}
.social-banner .col {
float:left;
height: 160px;
}
.social-banner .col.left {
width:60%;
background-size: cover;
}
.social-banner .col.right {
height: 100%;
width:40%;
}
.social-banner .col.right .share-buttons {
text-align: center;
padding: 8px;
}
.social-banner .fb-like-wrap {
width: 120px;
margin: 0 auto;
}
.social-banner .share-buttons li {
margin-bottom: 12px;
}
.social-banner .description {
font-size: 13px;
}
.social-banner:after {
content: "";
clear: both;
display: block;
}
[class*="_follow"]:before{
font: 1rem/36px "getnews";
padding:8px;
color: #fefefe;
}
.b_twitter_follow:before {
background: #41b7d8;
content: "\e60b";
}
.button-smartnews a{
border-radius: 3px;
background:#666;
color: #fefefe;
display: inline-block;
font-weight: normal;
font-size: 11px;
letter-spacing: 0.5px;
margin: 0 0 0 -15px;
padding: 2px 6px;
text-align: center;
}
.button-smartnews a:hover{
background:#888;
}
.social-banner .col.left {
width: 55%;
}
.social-banner .col.right {
width: 45%;
}
.social-banner .description {
font-size: 11px;
}

/*-----------------------メインカラムwidget-----------------------*/
/*特集枠用*/
#feature {
background: #eaf5f5;
border: 1px solid #bbb;
overflow: hidden;
padding: 0 0 4px;
}
#feature h1{
font-size: 18px;
line-height: 32px;
font-weight: bold;
margin: 0;
color: #000;
padding: 4px;
border-left: 4px solid var(--g-theme__color, #c60010);
}
#feature h1:before {
content: url("../img/feature_hand.svg");
margin-right: 4px;
}
#feature h1 span{
margin:0 1em 0 0;
}
#feature ul{
width: 100%;
overflow: hidden;
padding: 0 0 0 8px;
}
#feature li{
width: calc(33.3333% - 8px);
margin: 0 8px 0 0;
float: left;
padding:0;
}
#feature li a{display: block;height: 100%;}
#feature li img {width: 100%;border: 1px solid #bbb;margin: 0 0 4px;
}
#feature h2 {
clear:both;
padding: 0;
margin: 0;
font-size: 14px;
line-height: 1.3;
font-weight: 300;
}
#feature p{
color: #000;
font-size: 14px;
line-height: 24px;
font-weight: bold;
text-align: right;
text-shadow: -1px -1px 1px #DADCDC, -1px -1px 1px #DADCDC;
margin: 4px 0 0 0;
width: 100%;
}
#feature p a{
width: 100%;
padding: 0 8px 0 0;
display: block;
}

/*記事直下関連記事-----------------------------------*/
.Related_t {
font-size: 16px !important;
line-height: 1;
font-weight: bold;
color: #222;
margin: 8px 0 !important;
}
.Related_u {
padding:0;
margin: 0 0 8px;
}
.Related_u li a{
display: block;
margin: 0;
border-bottom: 1px dashed #ccc;
padding: 8px 4px;
line-height: 1.3;
}
/*生放送枠-----------------------------------*/
.live_arc_table {
width: 100%;
background-color: #CCC;
border: 1px solid #CCC;
margin: 0;
padding: 0;
}
.live_arc_table th {
font-weight: 700;
color: #E8E8E8;
background-color: #888;
padding: 3px;
font-size: 12px;
text-align: center;
}
.live_arc_table td {
padding: 2px;
background-color:  #fefefe;
vertical-align: middle;
}
.live_arc_day {
font-size: 12px;
color: #6D6D6D;
width: 80px;
}
.live_arc_title {
font-size: 15px;
line-height: 1.3;
font-weight: bold;
width: 240px;
}
.live_arc_watcher, .live_arc_com {
width: 90px;
text-align: center;
}
.live_arc_memo {
font-size: 12px;
color: #666;
text-align: center;
}

/*アーカイブページ ----------------------------------------*/
#archive_title {
padding:0;
margin: 0 0 8px;
text-align: center;
}
#archive_title img{
max-width: 100%;
}
#archive_title p{
font-size: 12px;
line-height: 1.6;
color: var(--g-drakgray__color,  #333);
padding: 8px;
}
.tweet_tag {
margin:8px 0;
}
#emg {
overflow: hidden;
font-size: 12px;
margin: 3px;
}
#na_sp_border,  /*広告下の仕切り線 */ {
border-bottom: 1px dotted #BBB;
clear: both;
}
#pst_b_border {
margin: 0 3px 5px;
}
#na_sp_border, #borderLst {
margin-bottom: 4px;
}
#arc_border {
margin: 0 0 5px 0;
}

/*ページバー関連------------------------------------------------------*/
.post__pagebar {
font-weight: bold;
text-align: center;
overflow: hidden;
margin:100px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.nexthead + .post__pagebar{
margin-top:0;
}
.pagebar_numderBox{
color: #fefefe;
padding: 12px;
margin: 0 4px 4px 0;
background: var(--g-theme__color, #c60010);
border: 2px solid var(--g-theme__color, #c60010);
display: block;
}
a .pagebar_numderBox{
white-space: nowrap;
color: var(--g-theme__color, #c60010);
background: #eee;
}
a:hover .pagebar_numderBox{
text-decoration: none;
background: var(--g-theme__color, #c60010);
color: #fefefe;
}
[class*="_page_box"]{
position: relative;
padding: 12px;
}

/* ページバー */
ul.page-numbers {
justify-content: center;
align-items: center;
display: flex;
clear: both;
font-family: monospace;
font-size: 14px;
font-weight: bold;
margin: 20px 0;
background: rgb(223, 221, 217);
}
.page-numbers li{
display: inline;
}
.page-numbers a{
padding: 8px 14px;
display: block;
}
.page-numbers a:hover ,
.page-numbers .current{
display: block;
color: #fefefe;
background: var(--g-theme__color, #c60010);
padding: 8px 14px;
}

/*ランキング----------------------------------------------------------------*/
.Getnews_ranking{
line-height: normal;
text-align: left;
overflow: hidden;
clear: both;
background: var(--g-drakgray__color,  #333);
padding: 4px;
}
.Getnews_ranking .title{
color: #fefefe;
font-weight: bold;
border-left: 4px solid var(--g-theme__color, #c60010);
margin: 4px 0px 8px 4px;
padding: 0 0 0 8px;
}
.Getnews_ranking ul{
background: #fefefe;
counter-reset:li;
margin: 0px;
padding: 0px;
}
.Getnews_ranking li{
border-bottom: 1px solid #eee;
clear: both;
font-size: 16px;
display: block;
line-height: 1.5;
position: relative;
}
.Getnews_ranking li:before {
position: absolute;
font: 20px/1 monospace;
top: 0;
left: -4px;
color: var(--g-theme__color, #c60010);
content: counter(li);
counter-increment: li;
padding: 10px;
z-index: 10;
font-weight: bold;
}
.Getnews_ranking li:last-child:before{
left: -8px;
letter-spacing: -4px;
}
.Getnews_ranking li a{
margin: 0px;
padding: 0px;
text-decoration:none;
display: block;
position: relative;
}
.Getnews_ranking li img{
margin: 0px;
display: block;
width: 45px;
height: 45px;
overflow: hidden;
top: 10px;
left: 28px;
position: absolute;
}
.Getnews_ranking li p{
letter-spacing: -1px;
overflow: hidden;
padding: 8px 8px 8px 80px;
min-height: 64px;
text-align: justify;
}

/* タグ一覧--------------------------*/
.bg-box img {
width: 100%;
height: auto;
}
.bg-box {
min-height: 178px;
position: relative;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.bg-box a{
display: block;
overflow: hidden;
}
.widget-header {
position: relative;
font-weight: bold;
padding:10px 12px;
}
.more-link {
float:right;
background: var(--g-theme__color, #c60010);
color: #FEFEFE;
font-size: 12px;
padding: 12px;
position: absolute;
top: 0px;
right: 0;
}
.more-link::after {
content: "もっとみる ▶";
}
.more-link:hover {
background: #98212b;
}
.layer_1 {
color: #FEFEFE;
background-color: rgba(0,0,0,0.4);
width: 100% ;
min-height: 60px;
padding: 32px 8px 8px;
font-size: 14px;
line-height: 1.5;
position: absolute;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, rgba(0,0,0,0)), color-stop(0.35, rgba(0,0,0,0.4)), color-stop(0.00, rgba(0,0,0,0.4)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0.4) 100%);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0.4) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0.4) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 35%, rgba(0,0,0,0.4) 100%);
}
.layer_1 span,
.layer_1 a {
color: #fefefe;
}
.layer_1 [class*="cattag"] {
margin: 0 0;
}
.cattag-top {
  margin: 0 0.5em;
  display: -webkit-flex;
  display: flex;
}
.cattag-top li:not(:last-child) {
margin-right: 0.5em;
}
.cattag-top li:last-child {
   margin-left: auto;
}
/*連載・特集・ブロマガ枠--------------------------*/

i[class*="banner_"]{
position: relative;
width: 137px;
height: 50px;
display: block;
overflow: hidden;
}
i[class*="banner_"]:before{
content: url("../img/logo-alls.svg");
position: absolute;
width: 100%;
height: auto;
left:-4px;
}
.banner_varietyjapan:before{
top: -615px;
}
.banner_vdc:before{
top: -4px;
}
.banner_moritapo:before{
top: -336px;
}
.banner_mogera:before{
top: -403px;
}
.banner_kosoan:before{
top: -477px;
}
.banner_cureco:before{
top: -273px;
}
.banner_horror2:before{
top: -75px;
}
.banner_rensai:before{
top: -142px;
}
.banner_otajo:before{
top: -213px;
}
.banner_getcre:before{
top: -547px;
}


/*　--------------------------------------------------------------------
ウィジェットパーツ
--------------------------------------------------------------------*/

.widget-Parts{
overflow: hidden;
clear: both;
box-shadow: 0 0 3px 0px rgba(0,0,0,.1);
background: #fefefe;
}
.widget-Parts .title{
border-left: 4px solid var(--g-theme__color, #c60010);
position: relative;
padding: 0 0 0 8px;
font-weight: bold;
margin: 8px;
}
.widget-Parts .center {
text-align: center;
padding: 4px 4px 20px;
}
.widget-header i {
display: flex;
align-items: center;
}
.widget-header i:before{
margin-right:0.5rem;
}

.post-list {
background:  #fefefe;
border-top: 1px dashed #DBDBDB;
}
.post-list li:not(:last-child){
font-size: 14px;
border-bottom: 1px dashed #DBDBDB;
}
.post-list li a{
position: relative;
font: 13px/1.5"";
padding: 8px;
display: block;
}
.live ul li{
padding:0;
}
#live-pickup img{
width:90px;
float:left;
margin-right:4px;
}
.pickup{
position: absolute;
top: 0;
left: 0;
display: block;
background: #FF0000;
color:  #fefefe;
font-size:10px;
padding: 0 2px;
z-index: 20;
}
.live-pickup li{
background: #fefefe;
border-bottom: 1px dashed #DBDBDB;
padding: 0 8px 4px 0;
min-height: 60px;
position: relative;
overflow: hidden;
}
.widget-bottom{
display:block;
padding: 8px;
text-align:right;
}
#live-list .date{
display:block;
font-weight:bold;
}

/*.フッター関連--------------------------------------------------------------*/
footer,
.footer_partners {
clear: both;
background: #fefefe;
margin: 20px auto 0;
overflow: hidden;
padding: 12px 0 0;
}
.footer_bg {
font-family: 'Montserrat', sans-serif;
clear: both;
line-height: 55px;
font-size: 12px;
text-align: center;
background: var(--g-drakgray__color,  #333);
color: #efefef;
}

/*プロフィール欄------------------------------------------------------*/
.sp_profile {
padding: 16px;
margin: 0 0 16px 0;
}
.sp_profile i{
overflow: hidden;
display: block;
}
.sp_profile img {
float: left;
margin:0 16px 0 0;
border-radius: 10rem;
border: 4px solid #555;
}

.sp_profile h1 {
margin: 0 0 8px 0;
font-size: 20px;
}
/*プロフィール欄　其の２-------------------------------------------------*/
.si_profile {
margin: 20px 0;
overflow: hidden;
}
.si_profile_desc{
overflow: hidden;
}
.si_profile img {
padding: 0;
margin: 12px 28px;
border: 4px solid var(--g-drakgray__color,  #333);
border-radius: 5em;
float: left;
}
.si_profile a {
font-weight: bold;
}
.si_profile p {
line-height: 1.7;
margin: 0;
font-size: 12px;
}
.tagimages {
margin:0 auto 5px;
text-align: center;
}


/*ランキング and 404ページ*/
.mainColumn .ranking-area{
background: #fefefe;
padding: 20px 0;
}
.mainColumn .ranking-h2{
font-size: 20px;
font-weight: bold;
margin: 20px;
padding: 0;
}
.get-ranking{
clear: both;
}
.get-ranking li{
position: relative;
margin: 0 0 20px 0;
}
.get-ranking li:after{
content: "";
clear: both;
display: block;
}
.get-ranking .numbar {
position: absolute;
top: 0px;
left: 0;
background: var(--g-theme__color, #c60010);
width: 30px;
height: 30px;
z-index: 11;
}
.get-ranking .numbar i{
position: absolute;
font-size: 16px;
line-height: 10px;
font-weight: bold;
color: #fefefe;
top: 36%;
z-index: 10;
}
.get-ranking .ranking_title {
font-size: 16px;
font-weight: bold;
margin: 0 0 0 20px;
color: var(--g-drakgray__color,  #333);
}
.get-ranking li a{
display: flex;
}

.get-ranking li:nth-of-type(n+1):nth-of-type(-n+9) .numbar i{
left: 30%;
}
.get-ranking li:nth-of-type(n+10) .numbar i{
left: 13%;
}
.get-ranking .rank-images {
min-width: 96px;
width: 96px;
max-width: 96px;
}
.get-ranking .rank-images img {
width: 100%;
height: auto;
}

/*コンタクトフォーム７設定----------------------------------*/
.wpcf7 {
margin: 0;
padding: 8px 0;
}
.wpcf7-form{
width: 100%;
}
.wpcf7-response-output {
margin: 2em 0 1em;
padding: 0.2em 1em;
}
.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
.wpcf7-mail-sent-ng {
border: 2px solid #ff0000;
}
.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
.wpcf7-validation-errors {
border: 2px solid #F7B200;
background: #F5EFCF;
}
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
position: absolute;
top: -50%;
left: 4%;
z-index: 100;
background: var(--g-theme__color, #c60010);
border: 1px solid #ff0000;
color: #fefefe;
font-size: 10pt;
width: 280px;
padding: 4px;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.46);
}
.wpcf7-not-valid-tip-no-ajax {
color: #f00;
font-size: 10pt;
display: block;
}
.wpcf7-list-item {
margin-left: 0.5em;
}
.wpcf7-display-none {
display: none;
}
.wpcf7 img.ajax-loader {
border: none;
vertical-align: middle;
margin-left: 4px;
}
.wpcf7 .ajax-error {
display: none;
}
.wpcf7 .placeheld {
color: #888;
}
.screen-reader-response{
font-size: 14px;
color: red;
}
.wpcf7 input[type="email"],
.wpcf7 input[type="text"]{
border: 1px solid #ccc;
padding: 4px;
position: relative;
margin: 0 0 1em 0;
width: 100%;
}
.wpcf7 input[type="submit"]{
background: #A00814;
color: #F4E2E2;
/*width: 120px;*/
padding: 4px 8px;
box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
border-radius: 3px;
}
.wpcf7 input[type="submit"]:hover{
background: var(--g-theme__color, #c60010);
color:#fefefe;
cursor: pointer;
}
.wpcf7 input[type="submit"]:active{
padding: 5px 8px 3px;
}
.wpcf7-textarea{
width: 100%;
min-height: 160px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.wpcf7-radio{
clear: both;
display: block;
overflow: hidden;
padding: 8px 0 16px;
}
.wpcf7 .form-title{
font-weight: bold;
white-space: nowrap;
text-align: left;
padding:4px;
border-bottom: 1px solid #ccc;
border-left: 7px solid var(--g-drakgray__color,  #333);
margin: 0 0 1em 0;
}
.Dicnico_tag {
clear: both;
}
.Dicnico_tag a{
background-image: url(../img/dic_on.png);
background-position: 3px center;
background-repeat: no-repeat;
background-size: 13px auto;
padding-left: 18px;
margin: 0 3px;
}

/* ---------------------------------------------------------------------------
#広告設定
--------------------------------------------------------------------------- */
#mtburn img{
min-width: 80px;
max-width: 80px;
width: 80px;
height: 80px;
margin-right: 12px;
}
#mtburn .add-info li{
background: #eee;
color: var(--g-drakgray__color,  #333);
font-weight: bold;
}
#mtburn .add-info li:before{
content: "\e922";
}
#mtburn .add-info li:last-child:before{
content: "";
}
#mtburn .add-info time{
color: var(--g-drakgray__color,  #333);
}
.gunosy-ad-space {
margin: 4px 0;
}
.gunosy-ads-spot img{
height: auto;
margin-right: 4px;
}
.gunosy-ads-rendered h2{
color: #999 !important;
}
.ex-adsense{
display:block;
text-align: center;
margin: 4px 0;
}
.yads_ad {
border-bottom: 1px solid #DBDBDB;
padding: 8px;
}
/* 中央カラム　検索流入広告表示部分----------------------------------------*/
.main_re {
background: #fefefe;
overflow: hidden;
}
.main_re img{
text-align: center;
display: block;
margin: 20px auto;
}
.main_re h2{
text-align: center;
margin: 20px auto;
}

.main_re_left {
margin:4px auto;
width: 300px;
}
.main_re_right {
margin:8px auto;
padding: 0;
width: 280px;
}

.mainColumn .adsense{
border-top: 1px solid #DBDBDB;
margin: 0 0 4px;
}

/* ---------------------------------------------------------------------------
#スマートフォン 縦(ポートレート)
--------------------------------------------------------------------------- */
/*特集サイト用設定*/


element.style {
}
footer,
.footer_partners,
#container {
 background: none; 
}
.cat_Related {
  background: #eee;
}
.post{
background: #fff;
}
/*此処まで*/

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

/*ニュース一覧*/
[class*="-news"] h2{
font-size: 16px;
font-weight: 900;
padding: 0 0 12px;
letter-spacing: 0.5px;
}
.top-news__thumbnail{
max-width: 120px;
}
.sub-news__thumbnail{
max-width: 80px;
min-width: 80px;
width: 80px;
height: 80px;
}

/*-----------------------メインカラムwidget-----------------------*/
.single-otherbox{margin: 0 4px;}
#feature li img {
width: 100%;
height: auto;
}
#feature li{
position: relative;
float: left;
overflow: hidden;
}
/*カテゴリ別記事一覧*/
.cat_Related{
overflow: hidden;
margin: 0 0 0;
}
.cat-more-link{
padding:0 8px;
position: absolute;
top: 0;
right: 0;
color: #ccc;
display: block;
}
.cat_Related__article_title{
padding: 8px 8px 8px 20px;
font-size: 14px;
min-height: 48px;
text-overflow: inherit;
white-space: inherit;
color: var(--g-drakgray__color,  #333);
}
.cat_Related h2{
padding: 12px;
font-weight: bold;
font-size: 12px;
border: none;
}
.c-related_list a{
margin: 0;
padding: 0;
}


/*姉妹サイトリスト--------------------------------------------------------------*/
.widget-Parts i{
margin: 0;
}
.travel li a{
width: calc(49.999% - 1px);
float: left;
}
.post-list li a:before{
border: none;
}
.post-list li a{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 4px;
height: 60px;
overflow: hidden;
}
.more-link::after {
background: var(--g-theme__color, #c60010);
padding: 4px 8px;
}


.float_sns_button li:nth-of-type(6),
.tweet-counter,
.float_sns_button span{
display: none !important;
}

.post {
  background: #fff;
}



} /* ←ココ終わり*/

/*ソーシャルブックマーク-----------------------------------------------------------*/
.sns_listpage{display: none;}

/*iPhone 5S 小さい画面よう*/
@media screen and (min-width: 0px) and (max-width: 340px) {
.topnews__thumbnail{
max-width: 100px;
}
.social-banner .fb-like-wrap {
transform:scale(1.0);
-webkit-transform:scale(1.0);
-moz-transform:scale(1.0);
width: 120px;
margin: 0 auto;
}
}
@media screen and (min-width: 620px)  {
.get_top-pic {
right: 8px;
width: 300px;
top: 8px;
position: absolute;
margin: 0;
}
.float_sns_button{
display: none;
}
.imobile_ad_native{
display: none;
}

}