/*
Template: gush2
Theme Name: Gush2_child
Description: Gush2の子テーマです
*/
/* icomoon */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?jlwyzn');
  src:  url('fonts/icomoon.eot?jlwyzn#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?jlwyzn') format('truetype'),
    url('fonts/icomoon.woff?jlwyzn') format('woff'),
    url('fonts/icomoon.svg?jlwyzn#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-feedly:before { content: "\e900"; }
.icon-hatebu:before { content: "\e901"; vertical-align:-0.05em; }
.icon-line:before { content: "\e902"; }
.icon-pocket:before { content: "\e903"; }
.icon-push7:before { content: "\e904"; }

/* 全体 */
a, #entry_body { color: #3b76b1; }
a:hover, #entry_body { color: #83c1f4; }
body {
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    color: #101010;
    background: none;
    min-width: 1080px;
}
nav#menu { margin: 0; }
nav#menu ul {
    max-width: none;
    width: auto;
    margin: 0;
    height: auto;
    overflow: auto;
}
nav#menu ul li { text-align: left; border-bottom: none; }
nav#menu ul li:hover, nav#menu ul li ul.sub-menu li { border-bottom: none; background: none; }
nav#menu ul li a { padding: 0; }
#contents p { text-align: inherit; }
/* ボックスの影 */
.post_new_mark { box-shadow: 0 0 3px 0 rgba(0, 0, 0 , 0.3); }
/* コンテンツ切り欠け */
.sns_share_button li:before, .auther_sns li:before, .main_top_contents .site-menu li:before {
    content: "";
    top: 8px;
    left: -1px;
    border-color: transparent transparent transparent #fff;
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 1;
    border-style: solid;
    border-width: 6px;
}
/* 検索 */
#searchform {
    margin: 0 auto;
    padding: 3px;
    width: 300px;
    box-sizing: border-box;
}
#searchform input[type="text"] { margin-right: 5px; line-height: 26px; }
#searchform button { width: 30px; height: 24px; }
#searchform button:hover { color: #455374; }
/* Webフォント */
i.fa { margin: 0; }
/* ヘッダー */
#header, #header_mb {
    border-bottom: none;
    padding: 0;
}
#header {
    background: linear-gradient(-225deg, #00acff, #7c5698, #ea3559);
    background: -webkit-linear-gradient(-225deg, from(#00acff), color-stop(0.5, #7c5698), to(#ea3559));
    margin-bottom: 50px;
    width: 100%;
}
#header_mb {
    width: 100%;
	background: linear-gradient(-225deg, #00acff, #7c5698, #ea3559);
    background: -webkit-linear-gradient(-225deg, from(#00acff), color-stop(0.5, #7c5698), to(#ea3559));
	z-index: 2;
}
#header_mb.fixed {
    position: fixed;
    background-color: #000;
}
#header .hgroup, #header_mb .hgroup {
    width: auto;
    box-sizing: border-box;
    margin-top: 0;
    position: relative;
}
#header .hgroup { max-width: 1280px; height: 80px; }
#header_mb .hgroup { max-width: 100vw; height: 50px; }
#header_mb .top_title { margin-bottom: 0; width: 70%; float: left; }
#header .top_title a { display: block; line-height: 1; }
/* スマホ用メニュー */
#header_mb.menu-open, #header_mb.search-open {
    background-color: rgba(0, 0, 0, .9);
    height: 100vh;
}
.hgroup nav#menu {
    display: none;
    width: 100%;
    overflow: auto;
    margin-bottom: 10px;
    font-family: Avenir, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", YuGothic, "游ゴシック体", "游ゴシック", Osaka, Roboto, "Droid Sans", "メイリオ", Meiryo, "Meiryo UI", "MS Pゴシック", "MS PGothic", arial, sans-serif;
}
.hgroup nav#menu.open { display: block; }
nav#menu > ul { padding-left: 15px; }
nav#menu ul > li > a { height: 35px; line-height: 35px; }
nav#menu > ul > li > a:before {
    color: #fff;
    font-family: 'FontAwesome';
    content: "\f0da";
    margin-right: 5px;
}
nav#menu > ul > li > a { font-weight: bold; }
nav#menu ul li a:hover { color: #000; }
nav#menu > ul > li > a.open:before { content: "\f0d7"; }
nav#menu > ul > li > ul { padding-left: 15px; }
nav#menu > ul > li > ul > li { width: 50%; float: left; }
.menubtn, .searchbtn {
    background: none;
    padding: 0;
    width: 15%;
    text-align: center;
    float: left;
    line-height: 50px;
}
.searchbtn { color: #fff; }
.searchbtn-search.close { display: none; }
.searchbtn i.fa-close { font-size: 20px; }
.searchbtn-search #searchform { overflow: auto; margin-bottom: 10px; }
/* スマホ用メニューここまで */
.hgroup { position: relative; }
#header .top_title {
    position: relative;
    float: left;
    margin: 0;
    padding-right: 10px;
}
.top_title img { width: auto; height: 50px; padding: 15px 0; }
/* ヘッダーメニューPC用 */
#menu1 { float: left; }
#menu-menu1 > li {
    float: left;
    line-height: 80px;
    position: relative;
}
#menu-menu1 li a {
    display: block;
    color: #fff;
    font-size: 13px;
    padding: 0 12px;
}
#menu-menu1 li:hover {
    background-color: #000099;
}
#menu-menu1 li.menu-item-has-children a { padding-right: 18px; }
#menu-menu1 li.menu-item-has-children:after {
    content: "";
    position: absolute;
    top: 48%;
    right: 10%;
    width: 0;
    height: 0;
    border: 3px solid transparent;
    border-top: 4px solid #fff;
}
#menu-menu1 > li  ul {
    position: absolute;
    visibility: hidden;
    z-index: 1;
}
#menu-menu1 > li:hover ul {
    visibility: visible;
    background-color: #000099;
}
#menu-menu1 > li > ul > li {
    position: relative;
    line-height: 40px;
    width: 130px;
    padding-left: 10px;
    text-align: left;
}
#menu-menu1 > li > ul > li:hover {
    background-color: #000;
}
/* ヘッダーメニューPC用ここまで */
/* ヘッダーSNS */
.header_sns {
    float: right;
}
.header_sns li {
    float: left;
    line-height: 60px;
    padding: 10px 0;
    margin-right: 10px;
}
.header_sns li:nth-child(3) { margin-right: 5px; }
.header_sns li:not(:nth-child(-n+3)) { margin-right: 15px; }
.header_sns li:nth-child(1) i { margin: 0 5px; }
.header_sns li:nth-child(2) i { margin: 0 5px; }
.header_sns li:nth-child(3) i { margin: 0 5px; }
.header_sns li:nth-child(4) span { margin: 0 5px; }
.header_sns li:nth-child(5) span { margin: 0 5px; }
.header_sns li:nth-child(6) span { margin: 0 5px; }
.header_sns li a span, .header_sns li a i {
    font-size: 20px;
    color: #fff;
}
.header_sns li a:hover i, .header_sns li a:hover span { color: #000; }
/* コンテンツ */
.contents-bg { width: 100%; }
#contents {
    width: 1280px;
    margin: 0 auto 40px;
    text-align: inherit;
}
#main_contents, .article_bottom_box {
    width: 1060px;
    margin: 0 auto;
    text-align: inherit;
    overflow: auto;
}
/* main_top for PC */
.main_top, .popular_posts {
    overflow: auto;
    margin-bottom: 50px;
}
.main_top_contents {
    position: relative;
    float: left;
    margin: 5px 0 0 5px;
}
.main_top_contents { height: 300px; }
.main_top_contents:not( :nth-child(1) ):not( :nth-child(10) ) a:hover .post_title {
    color: #83c1f4;
}
.main_top_contents:nth-child(1), .main_top_contents:nth-child(10) {
    width: 700px;
}
.main_top_contents:nth-child(1):before, .main_top_contents:nth-child(10):before, .side_widget li:before {
    width: 0;
    height: 0;
    display:block;
    position: absolute;
    z-index: 1;
    content: "";
    border-style: solid;
}
.main_top_contents:nth-child(1):before, .main_top_contents:nth-child(10):before {
    border-width: 25px;
}
.main_top_contents:nth-child(1):before {
    top: 0;
    left: 0;
    border-color: #fff transparent transparent #fff;
}
.main_top_contents:nth-child(10):before {
    bottom: 0;
    right: 0;
    border-color: transparent #fff #fff transparent;
}
.main_top_contents:nth-child(2), .main_top_contents:nth-child(9) {
    width: 320px;
}
.main_top_contents:nth-child(3), .main_top_contents:nth-child(8) {
    width: calc(100% - 1030px);
}
.main_top_contents:nth-child(n+4):nth-child(-n+7) {
    width: calc((100% - 15px) / 4);
}
.main_top_contents:nth-child(1),
.main_top_contents:nth-child(2),
.main_top_contents:nth-child(3) {
    margin-top: 0;
}
.main_top_contents:nth-child(1),
.main_top_contents:nth-child(4),
.main_top_contents:nth-child(8) {
    margin-left: 0;
}
.main_top_contents:nth-child(3),
.main_top_contents:nth-child(7),
.main_top_contents:nth-child(10) {
    margin-right: 0;
}
.thumbnail_cover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(from(rgba(0, 0, 0, 0)), color-stop(0.45, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
}
.main_top_contents .post_title_contents,
.popular_posts_article .post_title_contents,
.relations_article .post_title_contents {
    position: absolute;
    bottom: 0;
}
.main_top_contents:not( :nth-child(1) ):not( :nth-child(10) ) .featured_thumbnail {
    position: relative;
}
.main_top_contents:not( :nth-child(1) ):not( :nth-child(10) ) .category_box {
    position: relative;
}
.main_top_contents:not( :nth-child(1) ):not( :nth-child(10) ) .post_category {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: #3d3d3d;
    font-size: 12px;
    padding: 3px 5px;
    z-index: 1;
}
.main_top_contents .post_title,
.popular_posts_article .post_title,
.relations_article .post_title {
    color: #000;
    margin-bottom: 0;
    padding: 5px;
}
.main_top_contents:not( :nth-child(1) ):not( :nth-child(10) ) .post_title,
.popular_posts_box_1 .popular_posts_article:not( :nth-child(1) ) .post_title,
.popular_posts_box_2 .popular_posts_article .post_title,
.relations_box_1 .relations_article:not( :nth-child(1) ) .post_title,
.relations_box_2 .relations_article .post_title {
    font-size: 15px;
    line-height: 1.2;
}
.main_top_contents:nth-child(1) .post_category, 
.main_top_contents:nth-child(10) .post_category {
    background-color: #3d3d3d;
    color: #fff;
    font-size: 15px;
    padding: 3px 5px;
    margin-left: 15px;
}
.main_top_contents:nth-child(1) .post_title,
.main_top_contents:nth-child(10) .post_title,
.popular_posts_article .thumbnail_cover .post_title,
.relations_article .thumbnail_cover .post_title {
    color: #fff;
    font-size: 18px;
}
.main_top_contents:nth-child(1) .post_title,
.popular_posts_article .thumbnail_cover .post_title,
.relations_article .thumbnail_cover .post_title {
    padding: 15px;
}
.main_top_contents:nth-child(10) .post_title {
    padding: 15px 60px 15px 15px;
}
.main_top_contents .site-menu { padding: 0 10px; }
.main_top_contents .site-menu li {
    margin-top: 10px;
    line-height: 50px;
    padding: 5px;
    position: relative;
}
.main_top_contents .site-menu li:nth-child(1) { background-color: #00acff; margin-top: 0; }
.main_top_contents .site-menu li:nth-child(2) { background-color: #7c5698; }
.main_top_contents .site-menu li:nth-child(3) { background-color: #ea3559; }
.main_top_contents .site-menu li:before {
    border-width: 14px;
    top: 25%;
}
.main_top_contents .site-menu li a {
    color: #fff;
    display: block;
    text-align: center;
}
.main_top_contents .site-menu li a:hover {
    opacity: 0.8;
}
.main_top_contents .follow_me_title {
    margin: 3px 9.5px;
    font-weight: bold;
}
.main_top_contents .follow_me {
    margin: 0 9.5px;
}
.main_top_contents .follow_me li {
    margin: 10px;
}
.main_top_contents .follow_me li a {
    font-size: 13px;
    color: #000;
}
.main_top_contents .follow_me li a span:not(.text), .main_top_contents .follow_me li a i {
    font-size: 15px;
    border-radius: 20px;
    background-color: #000;
    color: #fff;
    margin-right: 5px;
}
.main_top_contents .follow_me li a span:not(.text) { display: inline-block; }
.main_top_contents .follow_me li:nth-child(1) a i { padding: 7.5px 8px; }
.main_top_contents .follow_me li:nth-child(2) a i { padding: 7.5px 10.5px; }
.main_top_contents .follow_me li:nth-child(3) a i { padding: 7.5px 5.5px; }
.main_top_contents .follow_me li:nth-child(4) a span:not(.text) { padding: 7.5px 7.5px; }
.main_top_contents .follow_me li:nth-child(5) a i { padding: 7.5px 9px; }
.main_top_contents .follow_me li:nth-child(6) a span:not(.text) { padding: 7.5px; }
.main_top_contents .follow_me li a .text {
    line-height: 30px;
    vertical-align: top;
}
/* 人気記事・記事下関連記事 */
.popular_posts {
    width: 1060px;
    margin: 0 auto 50px;
}
.popular_posts .popular_posts_box_1,
.popular_posts .popular_posts_box_2,
.relations .relations_box_1,
.relations .relations_box_2 {
    float: left;
}
.popular_posts .popular_posts_box_1, .relations .relations_box_1 {
    width: 540px;
    margin-right: 5px;
}
.popular_posts_box_1 .popular_posts_article:nth-child(1),
.relations_box_1 .relations_article:nth-child(1) {
    width: 540px;
    margin-bottom: 5px;
    position: relative;
}
.popular_posts_box_1 .popular_posts_article:nth-child(2),
.relations_box_1 .relations_article:nth-child(2) {
    margin-right: 5px;
}
.popular_posts_box_1 .popular_posts_article:not( :nth-child(1) ),
.relations_box_1 .relations_article:not( :nth-child(1) ) {
    width: calc((100% - 5px) / 2);
    float: left;
}
.popular_posts .popular_posts_box_2,
.relations .relations_box_2 {
    width: calc(100% - 545px);
}
.popular_posts .popular_posts_box_2 .featured_thumbnail,
.relations .relations_box_2 .featured_thumbnail {
    float: left;
    width: 200px;
}
.popular_posts .popular_posts_box_2 .post_title,
.relations .relations_box_2 .post_title {
    float: left;
    width: calc(100% - 200px - 5px);
    height: 120px;
    padding: 5px 0 0 5px;
}
/* main_top homeの時・モバイル */
.slider-latest .thumbnail {
    max-width: 550px;
    max-height: 300px;
}
.slider-latest .thumbnail-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    color: #fff;
    width: 100vw;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(from(rgba(0, 0, 0, 0)), color-stop(0.1, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
}
.slider-latest .post_title_contents {
    position: absolute;
    bottom: 28px;
}
.slider-latest .post-cat {
    background-color: #3d3d3d;
    color: #fff;
    padding: 2px 5px;
    margin-left: 10px;
    font-size: 13px;
}
.slider-latest .post-title {
    padding: 5px 10px 0;
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
}
 /* カテゴリーページ */
#contents #main {
    padding: 0;
    margin-right: 25px;
    width: calc(100% - 325px);
    max-width: none;
    box-sizing: border-box;
    float: left;
    border: none;
    background-color: transparent;
}
#entry_body {
    width: 100%;
    color: #000;
}
#archive_body h2.postsby {
    background: none;
    border-bottom: none;
    text-shadow: none;
    margin: 0;
    padding: 0;
}
/* 記事一覧 */
.postsby, #archive_body h2.postsby {
    display: flex;
    font-size: 20px;
    margin-bottom: 5px;
    align-items: center;
}
.postsby:after {
    border-top: 1px solid #000;
    content: "";
    display: inline;
    flex-grow: 1;
    margin: 0 0 0 10px;
}
.home_area_list { position: relative; }
#contents #main .home_area_list > div:last-child { border-bottom: none; }
#contents #main .home_area {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    position: relative;
}
#contents #main .home_area a { display: block; text-decoration: none; }
#contents #main .home_area .thumb_box {
    margin: 0;
    width: auto;
    height: auto;
}
.home_area .thumb_box img {
    width: 200px;
    height: 120px;    
}
// .post_new_mark {
//     position: absolute;
//     z-index: 1;
//     transform: rotate(-40deg);
//     width: 110px;
//     left: -35px;
//     top: 10px;
//     padding: 1px 3px;
//     color: #f8ff53;
//     background-color: #f4b23c;
//     font-family: Futura, Avenir, Courier, Roboto, "Droid Sans", arial, sans-serif;
//     font-size: 15px;
//     line-height: 19px;
//     text-align: center;
// }
#contents #main .home_area .entry_box {
    height: 130px;
    color: #101010;
    padding: 5px 0 0 10px;
}
#entry_body h3.new_entry_title {
    margin: 0;
    line-height: 1.3;
    font-size: 17px;
}
#contents #main .home_area a:hover { background-color: #ffffe1; }
#contents #main .sub-info {
    margin: 5px 0 0;
    line-height: 20px;
    font-size: 13px;
    color: #666;
}
#contents #main .sub-info span:not( :nth-last-child(2) ):not( :last-child ):after {
    content: "  ";
}
#contents #main .sub-info span:nth-last-child(2):after {
    content: "|";
    margin-left: 3px;
}
/* 記事部分 */
article header { margin: 0 3px 29px 3px; }
.header-title-top { margin-left: 2px; }
.title-bg {
    background-color: #fff;
    margin: 15px 0 45px;
}
.article p, .article_contents iframe, .article_contents .youtube, .article ul, .article table, .gblink, .carrier, .amazlet-box, .sticky-itslink, .kaerebalink-box, .shops { margin-bottom: 1.5em !important; }
.article div:last-child { margin-bottom: 0 !important; }
#main_contents #single_title {
    margin: 0 160px 15px 0;
    position: relative;
    overflow: auto;
    font-weight: bold;
    font-size: 35px;
}
#cat_tag {
    margin: 0;
    padding: 0;
}
#cat_tag a {
    border: none;
    text-decoration: underline;
    font-style: italic;
    font-size: 16px;
    padding: 0;
    margin: 0 3px;
    color: #fe1235;
}
#cat_tag a:hover {
    color: #6c0e9a;
}
.meta_box {
    border: none;
    padding: 0;
    margin: 0;
    overflow: auto;
    line-height: 28px;
}
.article-dt {
    float: left;
    font-size: 15px;
}
.article-dt time { font-style: italic; color: #fe1235; }
.article-dt span { font-size: 16px; margin-right: 5px; }
.sns_share_button, .sns_share_button ul,
.sns_share_button li,
.sns_share_button .share_count,
.fb-save.fb_iframe_widget { float: left; }
.sns_share_button .share_count, .fb-save.fb_iframe_widget { margin-left: 10px; }
.sns_share_button { margin: 5px 0 0 25px; }
.sns_share_button li {
    font-size: 15px;
    margin: 0 2px;
    line-height: 28px;
    position: relative;
}
.sns_share_button li a {
    display: block;
    color: #fff;
}
.sns_share_button a {
    text-align: center;
    width: 80px;
}
.sns_share_button > li > a:hover { opacity: 0.8; }
.sns_share_button .share_count { font-size: 16px; }
.article_contents {
    width: calc(100% - 300px - 40px);
    margin-right: 40px;
    float: left;
}
.article_contents iframe { max-width: 100%; }
.article {
    font-size: 17px;
    line-height: 28px;
    color: #333;
    background-color: #fff;
}
.article a { text-decoration: underline; font-weight: inherit; }
.article ul { padding-left: 20px; }
.article ol { padding-left: 30px; }
.article ul li, .article ol li {
    margin: 0;
    padding: 0;
    text-indent: 0;
}
.article ul li { list-style: disc; }
.article ol li { list-style: decimal; }
blockquote:before {
    content: "\f10d";
    font-family: FontAwesome;
    font-size: 25px;
    color: #cdcdcd;
}
blockquote {
    background: #f5f5f5 none;
    padding: 15px;
    box-shadow: none;
    color: #696969;
    font-size: 15px;
    box-sizing: border-box;
}
blockquote p { margin-left: 10px; }
blockquote p:first-child { margin-top: 10px; }
blockquote ul { margin-bottom: 0 !important; }
.article .wp-video { margin: 0 auto 28px; }
/* 目次 */

/* 要素ごとの間隔 */
.article, .viralmedia_sns, .auther_box, .ad-related-contents, .relations, #comment_box, #page_pn { margin-bottom: 70px; }
/* SNSバー */
.share-pc, .share-mb { width: 100%; overflow: auto; }
.share-pc ul, .share-mb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.share-pc li, .share-mb li { float: left; }
.share-pc li { width: 16.666%; margin: 0; }
.share-pc li a, .share-mb li a {
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    text-decoration: none !important;
    text-align: center;
}
.share-pc li a:hover, .share-mb li a:hover { opacity: 0.8; color: #fff !important; }
.share-pc li a:visited, .share-mb li a:visited{ color: #fff; }
.share-pc ul:after, .share-mb ul:after {
    content: "";
    display: block;
    clear: both;
}
/* 記事下SNS */
.fb_like_content { position: relative; }
.fb_like_img { overflow: hidden; width: 100%; height: 250px; }
.fb_like_img img, .rel-in-thumb img { 
    position: relative;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.fb_like {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    text-align: center;
}
.fb_like { background-color: rgba(0, 0, 0, .4); }
.fb_like .fb_like_button {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
}
.fb_like .fb_like_text {
    position: absolute;
    width: 100%;
    bottom: 14px;
    font-size: 20px;
    line-height: 30px;
    background-color: rgba(255, 255, 0, .5);
}
.fb_like .fb_like_text { font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN", YuGothic, "游ゴシック体", "游ゴシック", Roboto, "メイリオ", Meiryo, "Meiryo UI", sans-serif; }
.viralmedia_sns .follow_sns { overflow: auto; margin: 0; }
.viralmedia_sns .follow_sns li {
    box-sizing: border-box;
    float: left;
    width: 32%;
    padding: 20px;
    margin: 1% 2% 0 0;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    text-align: center;
    background-color: rgba(80, 70, 90, .1);
    font-size: 14px;
}
.viralmedia_sns .follow_sns li div { width: 123px; margin: 0 auto; }
.viralmedia_sns .follow_sns li a {
    border-radius: 5px;
    padding: 10px;
    color: #fff;
    display: block;
    text-decoration: none !important;
}
.viralmedia_sns .follow_sns li a:hover { opacity: 0.8; color: #fff !important; }
.viralmedia_sns .follow_sns li div span, .viralmedia_sns .follow_sns li div i { margin-right: 3px; }
.viralmedia_sns .follow_sns li:nth-child(3n) { margin-right: 0; }
/* Auther */
.auther_box {
    position: relative;
    height: 220px;
    border-top: 1.5px solid #000;
    border-bottom: 1.5px solid #000;
    padding: 10px 0;
}
.auther_card {
    position: absolute;
    top: 35px;
    left: 15px;
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0 , 0.3);
    width: 30%;
    height: 150px;
    transform: rotate(-5deg);
}
.auther_img, .auther_contents { float: left; }
.auther_img span {
    background: rgba(255,255,255,0.4);
    border-left: 2px dotted rgba(0,0,0,0.1);
    border-right: 2px dotted rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    width: 85px;
    height: 28px;
    position: absolute;
    top: -15px;
    left: 32%;
    -webkit-transform: rotate(-5deg);
}
.auther_img { margin: 10px; }
.auther_img img { width: 100px; border-radius: 50%; }
.auther_contents {
    margin: 15px 5px 10px;
}
.auther_nm { overflow: auto; }
.auther_nm span { display: block; }
.auther_nm .nm {
    font-size: 20px;
    border-bottom: 1px solid #000;
    line-height: 1.1;
    float: right;
}
.auther_sns:before {
    content: "";
    clear: both;
    display: block;
}
.auther_sns {
    margin-top: 15px;
}
.auther_sns li {
    padding: 2px 5px 2px 10px;
    margin-bottom: 3px;
    font-size: 15px;
    position: relative;
}
.auther_sns li a {
    color: #fff;
    display: block;
}
.auther_sns a:hover {
    opacity: 0.8;
}
.auther_text {
    position: absolute;
    width: 60%;
    top: 10%;
    right: 0;
}
/* 記事下要素 */

/* 関連記事 */
.relations { overflow: auto; }
/* コメント */
h3#comments {
    border-bottom: 2px solid #e4eaf1;
    position: relative;
    margin: 10px;
    padding-top: 10px;
}
h3#comments:before{
    content: "";
    display: block !important;
    width: 30% !important;
    border-bottom: 2px solid #455377 !important;
    position: absolute !important;
    bottom: 0 !important;
    margin-bottom: -2px !important;
}
h3#comments i { margin-right: 5px; }
#comment_box {
    background: none;
    background-color: #fff;
    padding: 0;
    border-radius: 0;
}
.comment-listCon { margin-bottom: 10px; }
.comments-list { padding: 10px; font-size: 14px; }
.comment-info { overflow: auto; margin-bottom: 5px; }
.avatar-img, .author-info { float: left; }
.author-info { margin-left: 5px; margin-top: 17px; }
.comment-datetime { font-size: 10px; }
.comment-edit { margin-left: 5px; }
#comment_box p { margin: 0; }
#comment_box p.logged-in-as, #comment_box p.form-allowed-tags { margin-bottom: 15px; }
.comments-list > li > ul { margin-left: 50px; }
#comment_box ul { overflow: auto; box-sizing: border-box; margin-bottom: 10px; }
.comment-form-author,
.comment-form-email,
.comment-form-url { 
    float: left;
    width: calc((100% - 20px) / 3);
} 
.comment-form-email, .comment-form-url { margin-left: 10px; }
#comment_box #author, #comment_box #email, #comment_box #url {
    height: 25px;
    padding: 13px 2px;
    font-size: 15px;
    box-sizing: border-box;
    border: 1px solid #737373;
}
.comment-form-comment #comment {
    width: 100%;
    font-size: 15px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #737373;
}
#comment_box p.form-allowed-tags { font-size: small !important; }
#comment_box p.form-submit { overflow: auto; }
#comment_box .form-submit #submit {
    float: right;
    font-size: 12px;
    border: 1px solid #3d3d3d;
    background-color: #3d3d3d;
    color: #fff;
    padding: 7px 15px;
}
#comment_box .form-submit #submit:hover { background-color: #fff; color: #3d3d3d; }
/* 最新記事 */
#page_pn { margin-top: 0; }
dl#prenex {
    box-sizing: border-box;
    border: none;
    width: 100%;
    padding: 0;
}
dl#prenex div { overflow: auto; padding: 5px 0; }
dl#prenex dt { margin: 0; width: auto; }
dl#prenex dt { width: auto; }
dl#prenex .prev_post dt, dl#prenex .prev_post dd { float: left; }
dl#prenex .next_post dt, dl#prenex .next_post dd { float: right; text-align: right; }
dl#prenex .prev_post dd, dl#prenex .next_post dd { width: calc(100% - 25px); }
dl#prenex .prev_post i { margin-right: 5px; }
dl#prenex .next_post i { margin-left: 5px; }
/* ページネーション */
.pager { box-sizing: border-box; padding: 25px; }
.pager .page-numbers {
    padding: 8px 12px;
    display: inline;
    margin: 8px 2px 0;
}
/* 2つ並ぶadsense */
.adbox {
    overflow: auto;
    margin-bottom: 25px;
    height: 285px;
}
/* サイドバー */
#sub .side_contents { margin-bottom: 25px; }
#sub .side_contents_ad { margin: 35px 0; }
.side_widget li {
    background-color: #cee7ff;
    position: relative;
    padding: 5px;
    text-align: left;
}
.side_contents .widget-sidebar-title {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 0;
}
.side_widget li:before {
    top: 0;
    right: 0;
    border-color: #fff #fff transparent transparent;
    border-width: 18px;
}
.side_widget li .event_release_box {
    padding: 5px;
    border-top: 1px solid #fff;
}
#sub .side_widget li .event_release_box h4 {
    font-size: 16px;
    border: none;
    text-decoration: underline;
    margin-bottom: 10px;
    text-shadow: none;
}
.side_widget li .event_release_box p {
    font-size: 13px;
    margin-bottom: 10px !important;
}
.side_widget li .event_release_box .date {
    text-align: right !important;
    font-size: 12px;
}
.popular_posts_side {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
.popular_posts_side li {
    position: relative;
    margin-bottom: 10px;
}
.popular_posts_side a:after {
    display: block;
    content: "";
    clear: both;
}
.popular_posts_side li:nth-child(-n+3) .rank_nb {
    background-color: #ea3559;
    color: #fff;
    position: absolute;
    left: 0;
    z-index: 1;
    font-size: 20px;
    padding: 0 10px;
}
.popular_posts_side li:nth-child(n+4):nth-child(-n+8) .rank_nb {
    float: left;
    width: 10%;
    line-height: 42px;
    color: #ea3559;
}
.popular_posts_side li .wpp-post-title {
    text-align: left;
    line-height: 1.2;
}
.popular_posts_side li:nth-child(-n+3) .wpp-post-title {
    position: absolute;
    bottom: 0;
    font-size: 14px;
    padding: 8px 5px;
    color: #fff;
}
.popular_posts_side li:nth-child(n+4):nth-child(-n+8) .wpp-post-title {
    font-size: 12px;
    height: 42px;
    float: left;
    width: 90%;
}
.popular_posts_side li:nth-child(n+4):nth-child(-n+8) a {
    color: #000;
}
.popular_posts_side li:nth-child(n+4):nth-child(-n+8) a:hover {
    color: #ea3559;
}
/* フッター */
#footer {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro",　"ヒラギノ角ゴPro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", YuGothic, "游ゴシック体", "游ゴシック", Osaka, Roboto, "Droid Sans", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", arial, sans-serif;
    min-width: 1080px;
    background: none;
    background-color: #2c094f;
}
#footer-in { font-size: 14px; width: 1080px; }
#footer-in .footer_logo { width: 300px; margin: 0 auto 15px; }
.footer_top { text-align: center; }
.footer_top ul, .footer_bottom ul { display: flex; justify-content: center; }
.footer_top li { margin: 0 5px; }
.footer_bottom li { margin: 50px 15px; }
#footer-in ul { margin: 0; }
.widget-footer-title {
    font-size: 16px;
    line-height: 18px;
    margin: 5px 0 15px 0;
    padding: 4px;
    border-bottom: 2px solid #fe1235;
}
#footer-in li a:hover { color: #ea3559 !important; }
label.screen-reader-text { display: none; }
/* SNSフッター */
.footer-sns span, .footer-sns i { font-size: 23px; margin: 7px; }
#footer-in a { text-decoration: none; }
/* SNS共通 */
.footer-sns .twitter a:hover,
.main_top_contents .follow_me li:nth-child(1) a:hover i,
.main_top_contents .follow_me li:nth-child(1) a:hover span { color: #55acee !important; }
.footer-sns .facebook a:hover,
.main_top_contents .follow_me li:nth-child(2) a:hover i,
.main_top_contents .follow_me li:nth-child(2) a:hover span { color: #315096 !important; }
.footer-sns .googleplus a:hover,
.main_top_contents .follow_me li:nth-child(3) a:hover i,
.main_top_contents .follow_me li:nth-child(3) a:hover span { color: #dd4b39 !important; }
.footer-sns .feedly a:hover,
.main_top_contents .follow_me li:nth-child(4) a:hover span { color: #6cc655 !important; }
.footer-sns .rss a:hover,
.main_top_contents .follow_me li:nth-child(5) a:hover i,
.main_top_contents .follow_me li:nth-child(5) a:hover span { color: #ff8c00 !important; }
.footer-sns .push7 a:hover,
.main_top_contents .follow_me li:nth-child(6) a:hover span { color: #eeac00 !important; }
.share_tweet, .follow_sns .twitter a, .auther_sns li:nth-child(1) { background-color: #55acee; }
.share_facebook, .follow_sns .facebook a { background-color: #315096; }
.share_googleplus, .follow_sns .googleplus a { background-color: #dd4b39; }
.share_hatena { background-color: #008fde; }
.share_line { background-color: #00c300; }
.share_pocket, .follow_sns .pocket a { background-color: #f03e51; }
.share_feedly, .follow_sns .feedly a { background-color: #6cc655; }
.follow_sns .push7 a { background-color: #eeac00; }
.auther_sns li:nth-child(2) { background-color: #d93177; }
/* ブログカード */
.blog-card-tag {
    position: absolute;
    top: -19px;
    font-size: 12px;
    line-height: 15px;
    padding: 2px 6px;
    color: #fff;
    background-color: #455374;
}
.blog-card {
    margin: 32px auto 28px;
    border: 1px solid #ddd;
    word-wrap: break-word;
    width: 90%;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    background-color: #fafcff;
}
a.blog-card-link {
    display: block;
    overflow: auto;
    color: #333;
    padding: 5px;
    text-decoration: none !important;
}
.blog-card a:hover {
    background-color: #f0f9ff;
    color: #333;
}
.blog-card-thumbnail {
    float: left;
}
.blog-card-thumbnail img {
    width: 180px;
}
.blog-card-content {
    margin-left: 190px;
}
.blog-card-title {
    margin-top: 5px;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 5px;
}
.blog-card-date {
    position: absolute;
    right: 10px;
    bottom: 5px;
    line-height: 12px;
    font-size: 60%;
    color: #777;
}
/* Twitter埋め込み */
.twitter-video.twitter-video-rendered { margin: 10px auto !important; }
/* YouTube埋め込み */
.youtube {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* adsense */
.sponsored-links {
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #666666;    
}
.sponsored-links.bottom { margin-bottom: 29px; }
.sponsored-links.mobile-top { margin-top: 20px; }
.main_top-ad, .article-top-ad { width: 970px; height: 250px; }
.main_top-ad { margin: 0 auto 45px; }
.adbox-ad-l, .adbox-ad-r { width: 336px; height: 280px; }
.adbox-ad-l { float: left; margin-left: 25px; }
.adbox-ad-r { float: right; margin-right: 25px; }
.article-top-ad { margin: 0 auto; }
.article-ad, .article-top { width: 100%; }
.article-bottom-ad { width: 100%; margin-bottom: 70px; }
/* amazlet・sticky・カエレバ・GearBest */
.amazlet-box, .sticky-itslink, .kaerebalink-box {
    border-left: 5px solid #00aadd;
    padding: 5px;
    background-color: #f0f8ff;
    overflow: auto;
}
.article .sticky-itslink p { margin-bottom: 0 !important; }
.amazlet-start { margin: 28px 0 5px 10px; font-size: 20px; }
.amazlet-sale-info { margin-bottom: 5px; }
.article .amazlet-name p, .article .kaerebalink-name p { margin-bottom: 0 !important; }
.amazlet-name a, .kaerebalink-name { line-height: 1.3; }
.amazlet-info { overflow: auto; }
.amazlet-powered-date { font-size: small; }
.amazlet-detail { font-size: small; }
.amazlet-link { margin-top: 12px; }
.amazlet-link a, .kaerebalink-link1 a, .gblink a {
    display: block;
    border-top: 3px solid #ff9500;
    border-left: 3px solid #ff9500;
    border-bottom: 3px solid #cc6600;
    border-right: 3px solid #cc6600;
    color: #cc3300 !important;
    font-weight: bold;
    padding: 5px;
    text-decoration: none !important;
}
.amazlet-link a, .kaerebalink-link1 a {
    background :-moz-linear-gradient(rgba(225,187,5,0.5), rgba(225,187,5,1));
    background :-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(225,187,5,0.5)), to(rgba(225,187,5,1)));
}
.amazlet-link a:hover, .kaerebalink-link1 a:hover {
  background:-moz-linear-gradient(rgba(225,187,5,0.3), rgba(225,187,5,0.8));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(225,187,5,0.3)), to(rgba(225,187,5,0.8)));
}
.kaerebalink-box {
    overflow: hidden;
}
.kaerebalink-image {
    float: left;
    margin: 0 12px 1px 0;
}
.kaerebalink-info { overflow: auto; line-height: 120%; }
.kaerebalink-powered-date {
    font-size: 80%;
    margin-top: 5px;
}
.shoplinkamazon { margin-top: 12px; }
.kaerebalink-detail { font-size: small; }
.kaerebalink-link1 a { float: left; }
.sticky-itslinktext { overflow: auto; padding-left: 8px; }
.sticky-itslinktext img.sticky-itslinkbadge { vertical-align: middle; margin-bottom: 4px; }
.sticky-itslinktext .pw {
    float: right;
    font-size: xx-small;
    line-height: 1.7;
}
.gblink a {
    font-size: 17px;
    line-height: 1.4;
    width: 70%;
    margin: auto;
    background-color: rgba(225,187,5,0.8);
}
.gblink a:hover { background-color: rgba(225,187,5,0.6); }
.shops { background-color: #f9f9f9; border-radius: 5px; padding: 15px 0; }
.shops-name { font-weight: bold; text-align: center; padding-bottom: 15px; }
.shops-link { text-align: center; }
.shops-link a {
    display: inline-block;
    width: 25%;
    padding: 10px;
    margin-right: 10px;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
}
.shops-link a:hover { opacity: 0.8; }
.shops-link a:last-child { margin-right: 0; }
.shops-link .amazon { background-color: #ff9900; }
.shops-link .rakuten { background-color: #bf0000; }
.shops-link .yahoo { background-color: #780099; }
/* docomo・au・softbank */
.carrier {
    overflow: auto;
    padding: 15px;
    border-radius: 3px;
}
.carrier.iphone { background-color: #fffacd; }
.carrier.ipad { background-color: #f0f8ff; }
.carrier.watch { background-color: #e4eaf1; text-align: center; }
.carrier-tx { font-size: 17px; }
.docomo a, .au a, .softbank a, .apple a {
    display: block;
    float: left;
    margin-top: 10px;
    text-decoration: none;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    font-size: 15px;
}
.docomo a, .au a, .softbank a { width: 32%; padding: 25px 0; }
.docomo a, .au a { margin-right: 2%; }
.apple a { width: 100%; padding: 15px 0; }
.docomo a { background-color: #bc2a38; }
.au a { background-color: #da6027; }
.softbank a { background-color: #bcbdbf; }
.apple a { background-color: #313131; }
.docomo a:hover, .au a:hover, .softbank a:hover, .apple a:hover { opacity: 0.8; }
/* 記事内テーブル */
.article table {
    font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, YuGothic, "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Roboto, "Droid Sans", "メイリオ", Meiryo, "Meiryo UI", "MS Pゴシック", "MS PGothic", sans-serif;
    table-layout: fixed;
    width: 100%;
    border: 1px solid #101010;
}
.article caption { text-align: center; }
.article th, .article td {
    font-size: 15px;
    padding: 5px;
    border: 1px solid #101010;
    word-break: break-word;
}
.article th {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    background-color: #d3d3d3;
}
.article td { vertical-align: middle; }
.article table .tdct { text-align: center; }
.article table .center { text-align: center; }
.article table td p:last-child { margin-bottom: 0 !important; }
.article table td ul { margin-bottom: 0 !important; margin-left: 30px; }
/* 整備済用ul */
.article ul.specialdeals { font-size: 13px; line-height: 23px; }
/* 赤文字 */
.red { color: #ff0000; }
/* 太字赤文字 */
.b-red { font-weight: bold; color: #ff0000; }
/* 写真引用部分 */
.picture-quote{
    font-size: small;
    display: inline-block;
    width: 100%;
    text-align: center;
}
/* 記事前後リンク部分 */
.article .article-prenex {
    font-size: 90%;
    padding: 9px 5px 8px 10px;
    margin-bottom: 10px;
    background-color: rgba(238,232,170,2);
    border-radius: 3px;
}
/* 見出しの文字の大きさ */
.tg1, .tg2, .tg3, .tg4, .tg5, .tg6, .tg7 { font-size: 24px !important; }
/* グレー 四角 */
.tg1 {
    border: 2px solid #4b4b4b !important;
    padding: 18px 20px !important;
    border-radius: 6px !important;
    background-color: #4b4b4b !important;
    margin: 50px 0 20px 0 !important;
    font-family: Avenir, YuGothic, "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, Roboto, "Droid Sans", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", arial, sans-serif !important;
    color: #fff !important;
}
/* 下線2色 */
.tg2 {
    font-family: Avenir, YuGothic, "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, Roboto, "Droid Sans", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", arial, sans-serif !important;
    border-bottom: 2px solid #ea3559 !important;
    position: relative !important;
    margin: 30px 0 20px !important;
    font-weight: bold;
}
 
.tg2:before{
    content: "";
    display: block !important;
    width: 30% !important;
    border-bottom: 2px solid #ea3559 !important;
    position: absolute !important;
    bottom: 0 !important;
    margin-bottom: -2px !important;
}
/* 青 左ブロック */
.tg3 {
    border-left: 10px solid #1e90ff !important;
    margin: 0 0 10px 0 !important;
    padding: 5px 10px !important;
}
/* 青 下線 */
.tg4 {
    border-left: 10px solid #1e90ff !important;
    border-bottom: 1px solid #1e90ff !important;
    margin: 0 0 10px 0 !important;
    padding: 5px 10px !important;
}
/* 青四角 左 背景色あり */
.tg5 {
    background-color: #ecfbfb !important;
    border-left: 7px solid #1e90ff !important;
    margin: 0 0 10px 0 !important;
    padding: 10px !important;
}
/* bgまとめ */
.bg1, .bg2, .bg3 {
    border-radius: 6px !important;
    padding: 10px 15px !important;
    margin-bottom: 20px;
    font-size: 15px;
}
.article .bg1 ul, .article .bg2 ul, .article .bg3 ul { margin-bottom: 0px !important; }
.bg1 p:last-child, .bg2 p:last-child, .bg3 p:last-child { margin: 0 !important; }
/* 記事内 灰色 背景色 */
.bg1 { background-color: #e4eaf1 !important; }
/* 記事内 灰色 背景色 枠あり */
.bg2 { background-color: #e4eaf1 !important; border: 1px solid #455377; }
.bg2.ftbg { font-size: 16px; }
/* 記事内 青 背景色 枠あり */
.bg3 { background-color: #ecfbfb !important; border: 2px solid #1e90ff; }
/*記事内 赤 背景色 枠・見出しあり*/
.bg4mds {
    display: inline-block;
    background-color: #ea3559;
    padding: 5px;
    color: #fff;
}
.bg4 {
    border: 3px solid #ea3559;
    padding: 13px;
    margin-bottom: 1.5em;
}
.bg4 ul {
    margin-bottom: 0 !important;
}
/* Goodgame用 */
.goodgame_sidebar { width: 300px; margin: 0; }
.fixed { position: fixed; top: 0; }
.goodgame_sidebar_sp { width: 300px; margin: 15px auto; }
.game-page {
    width: 1280px;
    padding-top: 25px;
    margin: auto;
    overflow: auto;
}
.left-mini-contents {
    float: left;
    width: 200px;
    margin-right: 40px;
}
.center-contents {
    float: left;
    width: 800px;
    margin: 0 auto;
}
.game-adsense1{ width: 728px; margin: 0 auto 15px; }
.game-title {
    margin: 10px auto;
    text-align: center;
    padding-bottom: 4px;
    border-top: 5px solid #996600;
    border-left: 5px solid #996600;
    border-bottom: 5px solid #663300;
    border-right: 5px solid #663300;
    width: 45%;
    background: -moz-linear-gradient(rgba(102, 51, 0, .5), rgba(102, 51, 0, .9));
    background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(102, 51, 0, .5)), to(rgba(102, 51, 0, .9)));
    font-size: 28px;
    line-height: 1.4;
    color: #fff;
    text-shadow: 3px 3px 2px #000;
}
.game-info {
    background-color: transparent;
    font-size: 17px;
    padding: 20px;
    line-height: 1.7;
}
.game-info .mds { font-size: 20px; margin-bottom: 5px; }
.game-info p { margin-bottom: 15px; }
.game-info ul { margin: 5px 0 15px; }
.game-info ul li {
    list-style: disc;
    list-style-position: inside;
    margin-left: 5px;
    margin-bottom: 5px;
}
.right-mini-contents {
    float: right;
    width: 200px;
    margin-left: 40px;
}
.game-adsense2 { width: 160px; margin: 15px auto; }
/* レスポンシブ */
/* 1300px以下 */
@media screen and (max-width:1300px) {
    #contents {
        margin: 0 10px 40px;
        width: calc(100% - 20px);
    }
}
/* 1249px以下 */
@media screen and (max-width:1249px) {
    .main_top_contents .site-menu { display: none; }
}
/* 1185px以下 */
@media screen and (max-width:1185px) {
    .main_top_contents .follow_me li span.text { display: none; }
}
/* 1120px以下 */
@media screen and (max-width:1120px) {
    .main_top_contents:nth-child(3) { display: none; }
}
/* 1080px以下 */
@media screen and (max-width:1080px) {
    #contents { width: 1060px; }
    .main_top { width: 1060px; }
}
/* Nexus 6P */
@media screen and (max-width:435px) {
    body, #footer { min-width: 100vw; }
    .top_title img {
        width: auto;
        height: 50px;
        box-sizing: border-box;
        display: table-cell;
        margin: auto;
        padding: 12px;
    }
    #contents, #contents #main, #contents #sub, .article_contents { width: 100vw; }
    .contents-bg { padding-top: 0; background: none; }
    #contents { margin: 0 0 40px; }
    #main_contents { width: 100vw; }
    #contents #main { width: calc(100vw - 20px); margin: 20px 10px 0; }
    .main_top-ad { width: 100%; height: auto; margin-bottom: 40px; }
    .article-top-ad { width: 100%; height: auto; margin-bottom: 0; margin-top: 35px; }
    #searchform { width: 400px; }
    #searchform input[type="text"] { width: 350px; }
    .postsby, #archive_body h2.postsby { font-size: 12px; color: #fe1235; }
    .postsby:after { border-top: 1px solid #fe1235; }
    .post_new_mark {
        left: -41px;
        padding: 1px 6px;
        font-size: 13px;
        line-height: 16px;
    }
    .home_area .thumb_box img {
        width: calc(2*(100vw) / 7);
        height: calc(2*(100vw) / 7);
    }
    #contents #main .home_area .entry_box { height: 125px; padding: 0 0 0 5px; }
    #entry_body h3.new_entry_title {
        height: 100px;
        font-size: 13px;
        line-height: 20px;
        padding-top: 5px;
    }
    #contents #main .sub-info {
        line-height: 15px;
        font-size: 11px;
        margin-top: 0;
        text-align:right;
    }
    .pager { padding: 20px 5px; }
    .pager .page-numbers { padding: 5px 10px; }
    .pager .page-numbers.dots { padding: 5px 0; }
    #sub .side_widget { margin: 0 10px; }
    .side_contents .widget-sidebar-title { text-align: center; }
    .popular_posts_side li { margin: 0 10px 10px; }
    .header-title-top { border: none; padding: 0; margin: 20px 5px 0; }
    #cat_tag { font-size: 14px; line-height: 34px; }
    #cat_tag a { padding: 0; font-size: 12px; line-height: 12px; }
    .title-bg { padding: 5px 10px; margin: 0 0 20px; }
    #main_contents #single_title { font-size: 22px; padding: 7px; margin: 0; }
    .article { font-size: 16px; padding: 35px 10px; }
    .article-dt, .article-dt span { font-size: 12px; }
    .sns_share_button { margin: 0; }
    .sns_share_button li { margin: 8px 6px 0; }
    .sns_share_button li:nth-child(-n+3) a { width: calc((100vw - 56px) / 3); }
    .sns_share_button li:nth-child(n+4) a { width: calc((100vw - 68px) / 4); }
    .fb-save.fb_iframe_widget { margin: 8px 0 0; }
    .sns_share_button .share_count { margin: 8px 5px 0 0; float: right; }
    .alignright, .alignleft {
        display: block;
        float: none;
        clear: both;
        margin: 0 auto;
    }
    .fb_like .fb_like_text { font-size: 18px; }
    .viralmedia_sns .follow_sns li div { font-size: 13px; }
    .viralmedia_sns .follow_sns li { border: none; background-color: transparent; padding: 5px 0; }
    .viralmedia_sns .follow_sns li a { padding: 5px; }
    .auther_box { height: 220px; }
    .auther_card { width: 40%; height: 55%; }
    .auther_img { margin: 6% 2%; }
    .auther_img span { width: 34%; height: 15%; left: 30%; top: -10%; }
    .auther_img img { width: 75px; }
    .auther_contents { margin: 7% 0 0 3%; }
    .auther_nm { font-size: 14px; }
    .auther_nm .nm { font-size: 15px; }
    .auther_sns { margin-top: 16px; }
    .auther_sns li { font-size: 12px; margin-top: 6px; }
    .auther_sns li:before { top: 6px; }
    .auther_text { width: 53%; font-size: 13px; line-height: 1.4; top: 5%; }
    #contents .auther_text p { margin-bottom: 1em; }
    #comment_box { margin: 10px 10px 25px; }
    .comment-form-author, .comment-form-email { margin-bottom: 7px; }
    #page_pn { margin: 10px 10px 25px; }
    dl#prenex .prev_post dd, dl#prenex .next_post dd { width: 396px; }
    #footer-in { width: 100%; }
    .widget-footer-title, .footer-sns { text-align: center; }
    .profile { font-size: 15px; }
    .footer-sns { margin: 0; }
    .footer-sns span { margin: 11px; }
    .game-page {
        max-width: 100%;
        box-sizing: border-box;
        background-color: #fff;
        font-size: 16px;
        padding: 25px 10px;
    }
    .blog-card-content { margin-left: 110px; }
    .blog-card-thumbnail img { width: 100px; }
    .blog-card-title { margin-top: 3px; font-size: 13px; line-height: 20px; }
    .blog-card-date { right: 5px; bottom: 5px; }
    .table1 th, .table1 td { font-size: 11px !important; padding: 2px !important; }
    .article ul.specialdeals { font-size: 12px; line-height: 18px; }
    .article ul.specialdeals li { margin-bottom: 5px; }
    .sticky-itslink { font-size: 14px; line-height: 21px; }
    .amazlet-image { width: 125px; }
    .amazlet-detail { display: none; }
    .amazlet-info { margin-bottom: 0 !important; }
    .gblink a {
        font-size: 16px;
        width: 85%;
    }
    .shops { padding: 10px; }
    .shops-name { padding-bottom: 10px; }
    .shops-link a { font-size: 13px; }
    .docomo a, .au a, .softbank a, .apple a {
        float: none;
        padding: 10px 0;
        margin: 15px auto;
        width: 100%;
    }
    .tg1, .tg2, .tg3, .tg4, .tg5 {
        margin: 30px 0 20px 0 !important;
    	font-size: 19px !important;
    	letter-spacing: 0 !important;
    	padding: 10px !important;
    }
    .tg2:before { left: 0; }
    .bg1, .bg2, .bg3 { font-size: 15px; }
    .bg2.ftbg { font-size: 13px; }
    .article .bg1 p, .article .bg2 p, .article .bg3 p { margin-bottom: 18px !important; }
    #contents .relations { display: none; }
    .top-home { margin-bottom: 20px; }
}
/* iPhone6 Plus シリーズ */
@media screen and (max-width:414px) {
    dl#prenex .prev_post dd, dl#prenex .next_post dd { width: 375px; }
    .profile { font-size: 14px; }
}
/* Google Nexus 6 */
@media screen and (max-width:412px) {
    dl#prenex .prev_post dd, dl#prenex .next_post dd { width: 373px; }
}
/* Google Nexus 5X */
@media screen and (max-width:411px) {
    dl#prenex .prev_post dd, dl#prenex .next_post dd { width: 372px; }
}
/* Google Nexus 4 */
@media screen and (max-width:384px) {
    .top_title img { height: 45px; }
    .menubtn, .searchbtn { line-height: 45px; }
    #header_mb .hgroup { height: 45px; }
    #searchform { width: 360px; }
    #searchform input[type="text"] { width: 310px; }
    .home_area .thumb_box img {
        width: calc(2*(100vw) / 7);
        height: calc(2*(100vw) / 7);
    }
    #entry_body h3.new_entry_title {
        font-size: 12px;
        line-height: 19px;
    }
    .auther_box { height: 200px; }
    .auther_card { height: 53%; }
    .auther_img img { width: 65px; }
    .auther_contents { margin: 6% 3% 0; }
    .auther_nm { font-size: 13px; }
    .auther_nm .nm { font-size: 14px; }
    .auther_sns { margin-top: 13px; }
    .auther_sns li { font-size: 11px; }
    .auther_sns li:before { top: 5px; }
    .auther_text { font-size: 12px; }
    dl#prenex .prev_post dd, dl#prenex .next_post dd { width: 345px; }
    .profile { font-size: 13px; }
    .blog-card-thumbnail img { width: 90px; }
    .blog-card-content { margin-left: 100px; }
    .blog-card-title { line-height: 18px; }
    .amazlet-image { width: 120px; }
    .amazlet-name { font-size: 15px; margin-bottom: 5px !important; }
    .amazlet-sub-info { font-size: 14px; }
    .amazlet-link { margin-top: 0 !important; }
    .gblink a { font-size: 16px; width: 90%; }
    .shops-link a { font-size: 12px; }
    .carrier-tx { font-size: 18px; }
}
/* iPhone6 シリーズ */
@media screen and (max-width:375px) {
    .post_new_mark {
        left: -43px;
        top: 9px;
        font-size: 11px;
        line-height: 15px;
    }
    #contents #main .sub-info { height: 16px; }
    #contents #main .date-time { font-size: 11px; line-height: 16px; }
    #contents #single_title { font-size: 23px; }
    .viralmedia_sns .follow_sns li div { width: 115px; }
    .fb_like .fb_like_text { font-size: 17px; }
    dl#prenex .prev_post dd, dl#prenex .next_post dd { width: 336px; }
    .footer-sns span { margin: 9px; }
    .sticky-itslink > a > img { max-width: 100px !important; }
    .shops-link a { font-size: 11px; }
    .bg2.ftbg { font-size: 12px; }
}
/* Samsung Galaxy Note シリーズ */
@media screen and (max-width:360px) {
    #searchform { width: 300px; }
    #searchform input[type="text"] { width: 250px; }
    .slider-latest .post-title { font-size: 15px; }
    #entry_body h3.new_entry_title { line-height: 17px; }
    .auther_img { margin: 6% 1%; }
    dl#prenex .prev_post dd, dl#prenex .next_post dd { width: 321px; }
    .sticky-itslink { font-size: 13px; line-height: 18px; }
    .amazlet-image { width: 90px; }
    .amazlet-name { font-size: 14px; }
    .amazlet-sub-info { font-size: 12px; }
    .carrier-tx { font-size: 15px; }
}
/* iPhone5 シリーズ */
@media screen and (max-width:320px) {
    nav#menu > ul > li > ul > li > a { font-size: 14px; }
    #searchform { width: 300px; }
    #searchform input[type="text"] { width: 250px; }
    .slider-latest .post-title { font-size: 14px; line-height: 20px; }
    .post_new_mark {
        left: -46px;
        font-size: 9px;
        line-height: 12px;
    }
    #entry_body h3.new_entry_title { font-size: 11px; line-height: 16px; }
    #sub .side_widget { margin: 0px 7px; }
    .popular_posts_side li { width: 300px; margin: 0 10px 10px; }
    #cat_tag { font-size: 11px; line-height: 35px; }
    #contents #single_title { font-size: 20px; }
    .article-dt, .article-dt span { font-size: 11px; }
    .article { font-size: 15px; line-height: 25px; }
    .fb_like .fb_like_text { font-size: 15px; }
    .viralmedia_sns .follow_sns li div { width: 103px; }
    .viralmedia_sns .follow_sns li div { font-size: 12px; }
    .auther_card { height: 45%; }
    .auther_img img { width: 50px; }
    .auther_nm { font-size: 11px; }
    .auther_nm .nm { font-size: 12px; }
    .auther_contents { margin: 6% 2% 0; }
    .auther_sns { margin-top: 7px; }
    .auther_sns li { font-size: 10px; }
    .auther_text { font-size: 11px; }
    dl#prenex .prev_post dd, dl#prenex .next_post dd { width: 281px; }
    dl#prenex { font-size: 14px; }
    .profile { font-size: 12px; }
    .footer-sns span { margin: 8px; }
    .blog-card-thumbnail img { width: 80px; }
    .blog-card-content { margin-left: 85px; }
    .blog-card-tag { top: -16px; font-size: 10px; line-height: 12px; }
    .blog-card-title { font-size: 13px; margin-top 0; font-size: 11px; line-height: 16px; }
    .blog-card-date { font-size: 10px; line-height: 10px; }
    .table1 th, .table1 td { font-size: 11px !important; }
    .tg1 { font-size: 18px !important; }
    .sticky-itslink > a > img { max-width: 90px !important; }
    .gblink a { font-size: 15px; width: 95%; }
    .shops-link a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
        box-sizing: border-box;
        font-size: 14px;
    }
    .bg2.ftbg { font-size: 11px; }
}