/* 
    Theme Name: mobilelaby
    Theme URI: https://mobilelaby.com/
    Author: Yusuke Sakakura
    Author URI: https://mobilelaby.com/
    Description: mobilelabyのCSS
    Version: 2.0
    License: GNU/GPL Version 2 or later. http://www.gnu.org/licenses/gpl.html
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    tags: White, stylish, two-columns
    Copyright: (c) Yusuke Sakakura
*/

@charset "UTF-8";

/**************************************/
/*  header 
/**************************************/
div#header {
    margin: 0 0 1px 0;
    border-top: 4px solid #37adca;
}

div#affiliatebox {
    width: 100%;
    height: 30px;
    line-height: 25px;
    margin-top: 50px;
    margin-bottom: 10px;
    background-image: radial-gradient(#e7e7e7 30%, transparent 33%), radial-gradient(#e7e7e7 30%, transparent 33%);
    background-size: 2px 2px;
    background-position: 0 0, 2px 2px;
    display:flex;
    align-items: center;
}
div#affiliatebox span {
    font-size: 13px;
    margin: 0 auto;
}

/**************************************/
/*  main 
/**************************************/
article#main {
    margin-top: 70px;
    /*overflow-x: hidden;*/
    float: initial;
}
div.AdsSingleLogoAft+article#main {
    margin: 0;
}
article#main.ss {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    background: #FFF;
}

/**
 *      infobox
 */
article#main div#infobox div#cat-comment-box {
    display: flex;
    align-items: center;
    position: relative;
}
article#main div#infobox ul#catbox {
    list-style: none;
    overflow: hidden;
    margin: 5px;
    width: 88%;
}
article#main div#infobox ul#catbox li.category {
    box-sizing: border-box;
    padding: 5px 8px;
    background: #37adca;
    margin-right: 5px;
    float: left;
    border-radius: 8px 3px;
}
article#main div#infobox ul#catbox li.category a {
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
    padding: 10px 0;
}
article#main div#infobox span.comment-bubble {
    width: 12%;
    height: 30px;
    position: relative;
    top: 6px;
    text-align: center;
}
article#main div#infobox span.comment-count {
    position: absolute;
    color: #3a59ca;
    font-weight: 700;
    height: 20px;
    top: 0;
}
article#main div#infobox h1 {
    font-size: calc(1.35em*1.250*1.250*1.250*1.250);
    line-height: 1.5;
    font-weight: 600;
    font-family: adelle-sans,Helvetica,sans-serif;
    margin: 0;
    padding: 25px 15px;
}
article#main div#infobox div#profile {
    width: 95%;
    margin: 0 auto 1.5em auto;
    padding: initial;
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    color: #888;
    font-size: 14px;
}
div#profile-image {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 15px;
}
article#main div#infobox div#profile div#profile-image img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #eee;
    box-sizing: border-box;
}
article#main div#infobox div#profile span#profile-description {
    vertical-align: middle;
    letter-spacing: .06em;
}
article#main div#infobox div#profile span.article-public-date,
article#main div#infobox div#profile span.article-update-date {
    right: 0;
    position: absolute;
}
article#main div#infobox div#profile time span.article-update-date {
    padding-left: 15px;
}

/**
 *      アイキャッチ
 */
article#main div#eyecatch {
    width: 100%;
    height: 350px;
    background-size: cover;
    overflow: hidden;
    background-position-y: 50%;
    background-repeat: no-repeat;
    position: relative;
}
article#main div#eyecatch:before {
    background: #000;
    opacity: 0.3;
    content: '';
    display: block;
    position: absolute;
    height: 500px;
    width: 100%;
}
/**
 *      アイキャッチ＞コンテナ
 */
article#main div#eyecatch div#container {
    text-align: center;
    opacity: 0.99;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    letter-spacing: 0.08em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/**
 *      アイキャッチ＞コンテナ＞タイトル
 */
article#main div#eyecatch div#container h1 {
    width: 100%;
    color: #FFF;
    font-size: 40px;
    line-height: 60px;
    letter-spacing: 0.05em;
    text-shadow: 0 0 2px #000;
}
/**
 *      アイキャッチ＞コンテナ＞導入
 */
article#main div#eyecatch div#container div#prologue {
    color: #fefefe;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    width: 80%;
    margin: 0 auto;
}
article#main div#eyecatch div#container div#prologue a {
    color: #FFF;
    text-decoration: underline;
}
/**
 *      アイキャッチ＞コンテナ＞日付、カテゴリ、レビュー評価
 */
article#main div#eyecatch div#container span.date, 
article#main div#eyecatch div#container span.category {
    color: #c9e4ff;
    font-size: 16px;
    font-weight: bold;
}
article#main div#eyecatch div#container span.date i {
    padding: 0 3px 0 0;
}
article#main div#eyecatch div#container span.category a {
    color: #c9e4ff;
    text-decoration: underline;
}
article#main div#eyecatch div#container span.category:before {
    content: "-";
    padding: 0 10px;
}
div#prologue span.photo_copyright {
    font-size: 70%;
}

/**************************************/
/*  body
/**************************************/
article#main div#body {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 10px 10px 10px;
    background: #FFF;
    font-size: 20px;
    line-height: 2;
    letter-spacing: 0.035em;
    /*overflow-x: hidden;*/
}
article#main div#body p {
    margin: 0;
    margin-bottom: 1.75em;
}

/**************************************/
/*  タイトル
/**************************************/
div.title {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    width: 80%;
    max-width: 800px;
    margin: 0 auto;
}

div.title>span.main_title {
    display: block;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}
div.title>span.main_title:first-letter {
    color: #00a4c5;
}
div#EntrySale div.title>span.main_title:first-letter {
    color: crimson;
}
div.title>span.sub_title {
    color: #666;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0.2em;
}

/**************************************/
/*  img, iframe
/**************************************/
div#body p img,
div#body div img,
iframe,
video {
    width: 100%;
    /*width: 1024px;
    margin-left: -20px;*/
}
div#body p img,
div#body div#thumbnail img,
div#body div.img_box img {
    height: auto;
    vertical-align: top;
}
div#body p img,
div#body div.img_box img,
div#body div.img_center img {
    width: calc( 100% - 5px );
    height: auto;
    box-shadow: 2px 2px 0 #fff,5px 5px 0 #444;
    box-sizing: border-box;
}
div#body table div.img_box img {
    width: 100%;
    height: auto;
    box-shadow: initial;
    box-sizing: initial;
    vertical-align: initial;
}

div#body p#thumbnail img,
div#body div#thumbnail img {
    width: 100%;
    box-shadow: initial;
}
div#body div#thumbnail {
    margin-bottom: 1em;
    position: relative;
}
div#body div.img_box.border img,
div#body div.img_center.border img {
    padding: .5em;
    border: .05em solid #888;
    box-shadow: 1px 1px 0 #fff,3.5px 3.5px 0 #444;
}
div#body div.img_box.border_none img,
div#body div.img_center.border_none img {
    width: 100%;
    border: initial;
    box-shadow: initial;
    padding: initial;
}
div#body table img,
div#body div.sbs-wrapper img {
    width: 100%;
    border: initial;
    box-shadow: initial;
    padding: initial;
}
div#body a.box_button img {
    height: 0;
}
div#body img.left {
    float: left;
}
div#body img.right {
    float: right;
}

/**************************************/
/*  広告
/**************************************/
article#main div#aos {
    border: 1.5px solid rgb(207, 242, 255);
    background: rgba(207, 242, 255, 0.04);
    margin: 0 auto 1.5em auto;
}
article#main div#body div#aos>p {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .05em;
    padding: .5em .75em;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
article#main div#aos>p a {
    font-weight: 500;
    color: #00a4c5;
}
article#main div#aos>p a:before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    border: initial;
    padding: initial;
}
article#main div#aos>p.sp {
    border-top: 1px solid rgba(207, 242, 255, 0.3);
}
article#main div#aos>p img,
article#main div#aos>div img {
    width: initial;
    height: initial;
}
article#main .sbo {
    background: rgb(244,244,244);
    padding: 20px 0;
    margin: -1em 0 1em 0;
    box-sizing: border-box;
}
article#main .sbo>div {
    max-width: 300px;
    margin: 0 auto;
    line-height: 0;
    box-sizing: border-box;
}
ins.adsbygoogle iframe {
    margin: 0;
}
div.AdsSingle {
    max-width: 1024px;
    margin: 0 auto 1em auto;
    text-align: center;
    background: initial;
}
div.AdsSingle ins.step_by_step {
    margin-left: 20px;
    margin-top: 20px;
}
.AdsSingleLogoAft {
    text-align: center;
    height: 90px;
    padding: 60px 0 12px 0;
    background-color: #fff;
    background-image: radial-gradient(#e7e7e7 30%, transparent 33%), radial-gradient(#e7e7e7 30%, transparent 33%);
    background-size: 2px 2px;
    background-position: 0 0, 2px 2px;
}
div.AdsSingleLogoAft.VC {
    height: auto;
}
div.AdsSingleLogoAft.VC img {
    width: 100vw;
    margin: 0 auto;
}
div.AdsSingleLogoAft.VC img[src^="//ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2431255&pid=887990952"] {
    display: none;
}
article#main div#body .AdsMessage.VC { display: inline-block; margin-top: 15px;}
article#main div#body ul.VC.label {
    display: inline;
    border: initial;
    margin: 0;
    padding: 0;
    font-size: 15px;
}
article#main div#body ul.VC.label li {
    -webkit-transition: color .1s,background-color .1s,fill .1s;
    transition: color .1s,background-color .1s,fill .1s;
    color: #FFF;
    display: inline-block;
    margin: 0 0 2px 3px;
    padding: 2px 10px 0 10px;
    position: relative;
    z-index: 0;
    line-height: 35px;font-weight: bold;
}
article#main div#body ul.VC.label li.VC-label-items:before {
    content: "";
    background: transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(25deg);
    transform: skewX(25deg);
    width: 100%;
    z-index: -1;
}
article#main div#body ul.VC.label li.VC-label-items:before {
    border-right: 1px solid;
    border-top: 1px solid;
}
article#main div#body ul.VC.label li.VC-label-items:first-child:before { background: #eb5505; }
article#main div#body ul.VC.label li.VC-label-items:nth-child(2):before { background: #372b94; }
article#main div#body ul.VC.label li.VC-label-items:nth-child(3):before { background: #f02584; }
article#main div#body ul.VC.label li.VC-label-items:nth-child(4):before { background: #429bf5; }
article#main div#body ul.VC.label li.VC-label-items:nth-child(5):before { background: #333; }
article#main div#body div.AdsSingle.VC { margin: 15px 0 0 0; }
.single_logo_bottom_Aft {
    min-width: 280px;
    max-width: 375px;
    width: 100%;
    height: 90px;
}
div#eyecatch+div.AdsSingle {
    min-height: 320px;
}
div.AdsInfeed {
    margin: 15px auto;
    background: #FFF;
}
div.AdsDouble {
    overflow: hidden;
    max-width: 800px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}
div.AdsDoubleLeft {
    width: 47%;
    box-sizing: border-box;
    text-align: center;
    margin-right: 10px;
    float: left;
}

div.AdsDoubleRight {
    width: 47%;
    box-sizing: border-box;
    text-align: center;
    margin-left: 10px;
    float: right;
}
div.AdsRelate {
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px;
    background: #FFF;
    box-sizing: border-box;
}
div.AdsRelate h3,
div#comment h3 {
    margin: 0;
    font-size: 16px;
}

div.google-auto-placed {
    margin-bottom: 1.75em;
}
div.collection_box.sale + div.google-auto-placed {
    display: none;
    margin-bottom: -2em;
}
div.img_box_ios div.google-auto-placed.ap_container,
div.img_box_four div.google-auto-placed.ap_container,
div.sbs-wrapper div.google-auto-placed.ap_container,
div#infobox div.google-auto-placed.ap_container,
div#thumbnail div.google-auto-placed.ap_container,
h2+div.google-auto-placed.ap_container {
    display: none;
}

/**************************************/
/*  blockquote
/**************************************/
article#main div#body blockquote {
    width: 95%;
    margin: 0 0 1.75em 0;
    padding: 5px 20px;
    border-left: 4px solid #00a4c5;
    font-size: 85%;
    font-style: italic;
    color: #888;
    box-sizing: border-box;
}
article#main div#body blockquote p {
    margin: 0;
}
article#main div#body blockquote+blockquote {margin-top: 10px;}

article#main div#body blockquote.bigger {
    width: 100%;
    padding: 30px 0;
    border: initial;
    font-size: 1.3em;
    font-style: italic;
    font-weight: bold;
    color: #00a4c5;
    background: rgba(0, 165, 198, 0.05);
    text-align: center;
    position: relative;
}
article#main div#body blockquote.bigger:before,
article#main div#body blockquote.bigger:after {
    font-size: 2.5em;
    position: absolute;
    width: 30px;
    height: 30px;
}
article#main div#body blockquote.bigger:before {
    content: "“";
    top: -.75em;
    left: 0.15em;
}
article#main div#body blockquote.bigger:after {
    content: "”";
    bottom: 17px;
    right: 17px;
}
article#main div#body blockquote.bigger p {
    display: inline-block;
    margin: 5px 50px;
    line-height: 1.5em;
}

article#main div#body div.comment_box {
    background-color: rgba(28, 174, 210, 0.01);
    padding: .5em 0 1em 0;
    margin-bottom: 1.35em;
    box-shadow: 2px 4px 12px rgba(0,0,0,.08);
    border-radius: 8px 3px;
    border: 3px solid rgba(28, 174, 210, 1);
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}
article#main div#body div.comment_box blockquote.comment {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    margin: .75em auto 0 auto;
    border: none;
}
article#main div#body div.comment_box blockquote.comment p {
    font-size: 105%;
    font-weight: 600;
    font-style: normal;
    color: #333;
    line-height: 1.75em;
    letter-spacing: .085em;
}
div.profile-box span.avator{
    width: 30px;
    height: auto;
    display: inline-block;
    margin-left: .75em;
}
div.profile-box span.avator img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    vertical-align: middle;
}
div.profile-box span.name {
    vertical-align: middle;
    padding-left: .5em;
    font-weight: normal;
    font-size: 90%;
}

/**
 *      引用元多階層リンク
 */
 article#main div#body blockquote ul.blockquote_link {
    background: initial;
    border: initial;
    font-size: 1em;
    display: block;
    margin-top: 15px;
    padding: 0;
}
article#main div#body blockquote.design {
    width: 100%;
    border: initial;
    font-style: italic;
    font-size: 1.3em;
    font-weight: bold;
    color: #00a4c5;
    padding: 30px 60px;
    margin: 30px 0;
    line-height: 1.3em;
    position: relative;
    background: rgba(0, 165, 198, 0.1);
    text-align: center;
}
article#main div#body blockquote.design:before {
    content: "“";
    font-size: 3em;
    position: absolute;
    top: -.05em;
    left: .1em;
}
article#main div#body blockquote.design:after {
    content: "”";
    font-size: 3em;
    position: absolute;
    bottom: -.4em;
    right: .15em;
}
article#main div#body blockquote.design p {
    text-decoration: underline;
}
/** ”引用元”のアイコン */
article#main div#body ul.blockquote_link li.icon {
    background: #dcdcdc;
    color: #333;
    width: 30px;
    text-align: center;
}

svg.al-icon.blockquote {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: 5px;
}

/** 引用元のリスト */
article#main div#body blockquote ul.blockquote_link li {
    display: inline-block;
    padding: 0;
    content: "";
    text-indent: initial;
    padding-left: initial;
    position: relative;
}
article#main div#body blockquote ul.blockquote_link li:before,
article#main div#body blockquote ul.blockquote_link li span:before {
    content: "";
}
article#main div#body blockquote ul.blockquote_link li span {
    position: relative;
    display: inline-block;
}
/** ”引用元”のラベル */
article#main div#body blockquote ul.blockquote_link li.top span {
    background: #dcdcdc;
    color: #333;
}
/** ▷部分 */
article#main div#body blockquote ul.blockquote_link li.top span:after {
    border-left-color: #dcdcdc;
}
article#main div#body blockquote ul.blockquote_link li span:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border: 16px solid transparent;
    left: 100%;
    top: 0;
    z-index: 2;
    padding: 0;
    display: inline;
    margin: 0;
}
/** 引用元リンク */
article#main div#body blockquote ul.blockquote_link a {
    color: initial;
    font-style: italic;
}
/* 1次・2次ソース */
article#main div#body blockquote ul.blockquote_link li.child, 
article#main div#body blockquote ul.blockquote_link li.grandson {
    position: relative;
    left: 0px;
    padding: 0px;
}
article#main div#body blockquote ul.blockquote_link li.child span, 
article#main div#body blockquote ul.blockquote_link li.grandson span {
    padding: 0 0 0 30px;
}
/* 1次ソース */
article#main div#body blockquote ul.blockquote_link li.child span {
    background: #ededed;
}
article#main div#body blockquote ul.blockquote_link li.child span:after {
    border-left-color: #ededed;
}
/* 2次ソース */
article#main div#body blockquote ul.blockquote_link li.grandson span {
    background: #f7f7f7;
}
article#main div#body blockquote ul.blockquote_link li.grandson span:after {
    border-left-color: #f7f7f7;
}
/* ヘッダー */
blockquote p.header {
    font-weight: bold;
    align-items: center;
    display: flex;
    margin: 10px 0 0 0;
    font-size: 95%;
    line-height: 27px;
}

blockquote p.header:after {
    content: "";
    margin: 0 0 0 10px;
    background: #666;
    display: block;
    height: 1px;
    width: 80px;
}
/* フッター */
blockquote .wrapper-f {
    text-align: right;
    width: 100%;
    display: inline-block;
}
blockquote p.footer {
    font-weight: bold;
    align-items: center;
    display: inline-flex;
    margin: 10px 0 0 0;
    font-size: 95%;
    line-height: 27px;
}

blockquote p.footer:before {
    content: "";
    margin: 0 10px 0 0;
    background: #666;
    display: block;
    height: 1px;
    width: 80px;
}

/**************************************/
/*  ul
/**************************************/

div#body ul {
    list-style: none;
    margin-top: 20px;
    border: 3px solid;
    padding: 10px;
    font-size: 17px;
}
div#body+ul {
    margin-top: 20px;
}
div#body ul li:before {
    content: "・";
}

/** 目次 */

div#body ul#toc {
    border: 3px solid;
    border-radius: 15px;
    box-sizing: border-box;
    margin: 1em 0 2.5em;
    font-size: 18px;
    list-style: none;
}

article#main div#body ul#toc li {
    list-style: none;
    margin-top: 10px;
    border-radius: 15px;
    padding: initial;
}
article#main div#body ul#toc > li:not(.no_list) {
    background: rgba( 204, 204, 204, .3 );
}
div#body ul#toc li span {
    font-weight: bold;
    display: block;
}
article#main div#body ul#toc li:before {
    content: initial;
}
div#body ul#toc li ul {
    margin: 0;
    border: 0;
    padding: 0;
}
article#main div#body ul#toc > li > ul.deep.child li {
    background: rgba( 204, 204, 204,.2);
}
div#body ul#toc ul.deep.child li span {
    font-weight: normal;
}
article#main div#body ul.deep.grand-child {
    margin-left: 1.5em;
}
article#main div#body ul.deep.grand-child li {
    background: rgba( 204, 204, 204, .15);
}
article#main div#body ul.deep.grand-child li span {
    font-weight: normal;
}

div#body ul#toc a {
    color: initial;
    text-decoration: underline;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: block;
    padding: 10px;
}

div#body ul#toc li.no_list {
    background: initial;
    margin-top: 0;
    margin-left: 1.5em;
    padding: 0;
}

article#main div#body ul#toc li.no_list:before {
    content: initial;
}

/**************************************/
/*  ol                                              */
div#body h3.step-by-step {
    margin: 0;
    background: #333;
    color: #FFF;
    padding: 5px 10px;
    border: initial;
}
div#body ol.step-by-step + h3.step-by-step {
    margin-top: 40px;
}
div#body h3.step-by-step+ol.step-by-step {
    margin-top: 0;
}
ol.step-by-step {
    list-style: none;
    display: block;
    padding-left: 15px;
    padding-bottom: 25px;
    margin-top: 0;
}
ol.step-by-step li {
    position: relative;
}
ol.step-by-step li:before {
    content: "";
    background: #36aeca;
    padding: 5px;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    position: absolute;
    left: -4px;
    top: 22px;
    box-shadow: 0 0 0 2px #36aeca;
    border: 3px solid #fff;
    font-size: 18px;
    box-sizing: border-box;
    z-index: 1;
}
ol.step-by-step li:after {
    content: "";
    border-left: 3px solid #ccc;
    width: 10px;
    position: absolute;
    left: 2px;
    top: 50px;
    bottom: -10px;
    z-index: 0;
}
ol.step-by-step li.end:before {
    background: #888;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #aaa;
}
ol.step-by-step li div.description span.label {
    font-size: 17px;
    font-weight: bold;
    color: #36aeca;
    position: relative;
    top: 10px;
    border-bottom: 1px solid;
}
ol.step-by-step li.end div.description span.label {
    color: #7c7c7c;
}
div#body ol.step-by-step h3,
div#body ol.step-by-step h4 {
    font-size: 25px;
    margin: 20px 0 10px 0;
    border: none;
    padding: 0;
    background: initial;
    color: initial;
}
div#body ol.step-by-step h3,
div#body ol.step-by-step h4 {
    margin-bottom: initial;
    border-bottom: 1px solid #ccc;
    position: relative;
    cursor: pointer;
}
ol.step-by-step li div.description  .step-trigger span.step-title {
    margin-left: 1.25em;
}
ol.step-by-step li div.description {
    margin-left: 20px;
}
ol.step-by-step li:nth-child( n + 2 ) div.description div.wrapper {
    /*display: none;*/
}
ol.step-by-step li div.description div.wrapper.hidden {
    display: none;
}
article#main div#body ol.step-by-step li div.description p.image {
    margin: 0;
}
div#body ol.step-by-step li div.description.vertical p.image img {
    width: 48%;
}
div#body ol.step-by-step li div.description p.image img {
    width: 30%;
    margin: 0 0 0 1%;
}
div#body ol.step-by-step li div.description p.image.double img {
    width: 100%;
}
div#body ol.step-by-step li div.description p.image.double img:nth-of-type(2n) {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
}
div#body ol.step-by-step li div.description p.image.horizontal img {
    width: 99%;
}

ol.step-by-step li:last-of-type:after {
    height: calc(100% - 50px);
}

ol.step-by-step li.desc-step-by-step div.text-wrap.vertical {
    margin-top: 20px;
}
ol.step-by-step li.desc-step-by-step h3 span.icon svg.al-icon,
ol.step-by-step li.desc-step-by-step h4 span.icon svg.al-icon {
    transition: 1s;
    transform: rotate( 0deg );
}
ol.step-by-step li.desc-step-by-step h3 span.icon.rotate svg.al-icon,
ol.step-by-step li.desc-step-by-step h4 span.icon.rotate svg.al-icon {
    transition: 1s;
    transform: rotate( 135deg );
}
ol.step-by-step li.desc-step-by-step h3 svg.al-icon,
ol.step-by-step li.desc-step-by-step h4 svg.al-icon {
    position: absolute;
    bottom: 6px;
    left: 0;
}

ol.step-by-step li.desc-step-by-step div.gradient {
    display: inline-block;
    position: relative;
    height: 300px;
    overflow: hidden;
    z-index: 9999;
}
ol.step-by-step li.desc-step-by-step div.gradient:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 200px;
    bottom: 0;
    background: linear-gradient(rgba(255,255,255,0) 0, #fff 200px);
}
ol.step-by-step li p.annotation {
    margin: 0;
    font-size: 0.8em;
    text-align: center;
    font-style: italic;
}
ol.step-by-step li.desc-step-by-step div.AdsSingle {
    margin: 0;
}

/** Step by Step */
div.sbs-wrapper {
    padding: 1em 0;
    margin-bottom: 1em;
    display: -webkit-box;
    box-sizing: border-box;
    position: relative;
    background: lightyellow;
}
div.sbs-wrapper div.sbs-content {
    width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
    display: -webkit-box;
}
div.sbs-wrapper div.sbs-content::-webkit-scrollbar {
    display: none;
}
div.sbs-wrapper div.sbs-content:before,
div.sbs-wrapper div.sbs-content:after {
    content: "";
    width: 50px;
    display: block;
}
button#prev-box,
button#next-box{
    position: absolute;
    top: 50%;
    border-radius: 50%;
    background: #00a4c5;
    width: 50px;
    height: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border: 0;
    box-shadow: 0 0 3px #666;
    z-index: 1;
}
button#prev-box {
    left: 1%;
}
button#next-box {
    right: 1%;
}
button#prev-box.visible,
button#next-box.visible {
    background: #eee;
    box-shadow: 0 0 3px #ccc;
    pointer-events: none;
}
div.sbs-wrapper div.sbs-content div.sbs {
    width: 37%;
    margin: 20px;
    padding: 1em;
    background: #efefef;
    border-radius: 1em;
    text-align: center;
    box-shadow: 0 0 5px #bbb;
    position: relative;
}
div.sbs-wrapper div.sbs-content div.sbs.landscape {
    width: 65%;
}
div.sbs-wrapper div.sbs-content div.sbs.landscape div.sbs-image,
div.sbs-wrapper div.sbs-content div.sbs.landscape div.sbs-image img {
    border-radius: 1em;
}
div.sbs-wrapper div.sbs-content div.sbs div.sbs-step,
div.sbs-wrapper div.sbs-content div.sbs div.sbs-title,
div.sbs-wrapper div.sbs-content div.sbs div.sbs-child div.sbs-message 
{
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    top: -35px;
    width: 100%;
}
div.sbs-wrapper div.sbs-content div.sbs div.sbs-step {
    width: 50%;
    margin: 0 auto 15px auto;
    border-radius: 1em;
    background: #00a4c5;
    color: #FFF;
    font-size: 17px;
    font-weight: bold;
}
div.sbs-wrapper div.sbs-content div.sbs div.sbs-title {
    font-size: 18px;
    font-weight: bold;
}
div.sbs-wrapper div.sbs-content div.sbs div.sbs-message {
    height: 95px;
    font-size: .9em;
    line-height: 1.7;
}
div.sbs-wrapper div.sbs-content div.sbs div.sbs-image {
    background: #FFF;
    position: relative;
}
article#main div#body div.sbs-wrapper div.sbs-content div.sbs div.sbs-image p {
    margin: 0;
}
article#main div#body div.sbs-wrapper div.sbs-content div.sbs div.sbs-image div.sbs-annotation {
    width: 100%;
    height: 2em;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: -1em;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    border-radius: 0 0 1em 1em;
}
article#main div#body div.sbs-wrapper div.sbs-content div.sbs div.sbs-image div.sbs-annotation p {
    margin: 0;
    font-size: .75em;
    font-style: italic;
    color: #fff;
    text-shadow: 0 0 5px #000;
    vertical-align: middle;
    display: initial;
}

/** 通常 */

div.list_wrapper {
    margin-bottom: 1.75em;
    font-size: 18px;
    position: relative;
}

div.list_wrapper.ol_manual {
    padding-left: .5em;
    padding-right: .5em;
}

div.list_wrapper+div.list_wrapper {
    margin-top: 20px;
}

div#body div.list_wrapper ul {
    margin: 0 0 0 25px;
    border: none;
    padding: 0;
}

article#main div#body div.list_wrapper ul li {
    text-indent: 0em;
    padding-left: 0em;
    list-style: square;
}
article#main div#body div.list_wrapper ul li:before {
    content: "";
}

article#main div#body div.list_wrapper ul:not( .manual ) ul.deep.child li:not( .kome ) {
    list-style: circle;
}

article#main div#body div.list_wrapper ul.no_list li,
article#main div#body div.list_wrapper ul li.no_list {
    list-style: none;
}

div#body div.list_wrapper ul {
    margin: .5em 0 0 1.5em;
}

article#main div#body span.oneline{
    display: inline;
    padding: 0 .2em;
    line-height: 1;
}
article#main div#body span.oneline span {
    padding: 0;
}
article#main div#body span.oneline span {
    background: #f7f7f7;
    padding: 0em .5em;
    border-radius: .25em;
    border: solid #ddd 1px;
    font-weight: bold;
    font-size: .75em;
    box-sizing: border-box;
    line-height: 1;

}
article#main div#body span.oneline span.split {
    background: initial;
    border: initial;
    padding: 0 .15em;
    font-weight: 500;
    font-size: .7em;
}

article#main div#body div.list_wrapper.apple {
    border: 0;
    box-shadow: 2px 4px 12px rgba(0,0,0,.08);
    background: none;
    margin: 1em auto;
    padding: 2em;
    box-sizing: border-box;
}
article#main div#body div.list_wrapper.apple span.title {
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #333;
}
div.list_wrapper.apple span.sub {
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin-top: .75em;
    line-height: 1.5em;
}
div#body div.list_wrapper.apple ul.small {
    margin-top: 1em;
}
article#main div#body div.list_wrapper.apple ul.small li {
    list-style: none;
    position: relative;
}

ul.small.column2 {
    column-count: 2;
    column-gap: 2em;
}
ul.small.column2 li {
    font-size: 90%;
}

/** 注釈 */
article#main div#body div.list_wrapper ul.deep.child li.kome {
    list-style: none;
    font-size: 15px;
    color: #757575;
    line-height: 30px;
    text-indent: -1.25em;
    font-style: italic;
}
svg.al-icon.info {
    fill: #ff7272;
    width: 17px;
    height: 17px;
    display: inline;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

article#main div#body div.doubt {
    border: 2px solid #CCC;
    background: #fafafa;
    padding: .5em;
    margin-bottom: 1em;
    box-shadow: 4px 4px 0 rgba(204, 204, 204, 0.15);
}
article#main div#body div.doubt p {
    font-style: italic;
    font-size: 90%;
    margin-bottom: .5em;
    color: #555;
    letter-spacing: .035em;
}
article#main div#body div.doubt p a {
    color: #555;
    text-decoration: underline;
}

/** 手順リスト */
div#body h3.manual-index span.counter,
div#body h4.manual-index span.counter,
div#body h5.manual-index span.counter {
    display: inline-block;
    text-align: center;
}
div#body h3.manual-index span.counter {
    background: #0f96b3;
    color: #f5f5f5;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
div#body h4.manual-index span.counter,
div#body h5.manual-index span.counter {
    background: #CCC;
    color: #333;
    border-radius: 20px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
div#body h3.manual-index,
div#body h4.manual-index,
div#body h5.manual-index {
    text-align: left;
    margin: 20px 0;
    border: initial;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
div#body div.list_wrapper+h3.manual-index,
div#body div.list_wrapper+h4.manual-index,
div#body div.list_wrapper+h5.manual-index {
    margin-top: 50px;
}
div#body h3.manual-index span.title {
    border-left: 6px solid #333;
    padding-left: 10px;
}
div#body h3.manual-index span.counter+span.title {
    border: initial;
    padding: initial;
}
article#main div#body div.list_wrapper ul.manual {
    font-size: 17px;
    letter-spacing: 0.06em;
    margin-top: 10px;
}

article#main div#body div.list_wrapper ul.manual li {
    list-style: none;
    text-indent: -1.15em;
}
article#main div#body div.list_wrapper ol.manual {
    padding-left: 0;
    counter-reset: index;
    list-style: none;
    margin-bottom: 0;
    color: #555;
    margin-top: 25px;
}
article#main div#body div.list_wrapper ol.manual li {
    text-indent: -2.45em;
    padding-left: 2.2em;
    margin-top: 0.5em;
    line-height: 1.8em;
    font-size: 16px;
}
article#main div#body div.list_wrapper ol.manual li:before {
    counter-increment: index;
    content: counter(index);
    margin-right: 0.75em;
    margin-left: 0.25em;
    background: #37adca;
    color: #FFF;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    font-size: 15px;
    text-indent: initial;
    padding: initial;
}
svg.al-icon.ft-menu-button {
    display: inline-block;
    width: 27px;
    height: 27px;
    position: relative;
    top: 6px;
}
svg.al-icon.twitter-menu-button {
    display: inline-block;
    width: 27px;
    height: 27px;
    position: relative;
    top: 4px;
}
svg.al-icon.twitter-menu-button2 {
    display: inline-block;
    width: 22px;
    height: 22px;
    position: relative;
    top: 5px;
}
svg.al-icon.bubble2 {
    width: 50%;
    height: 20px;
    fill: #3a59ca;
}
svg.al-icon.arrow-down,
svg.al-icon.plus-bold {
    display: inline-block;
    width: 22px;
    height: 22px;
    fill: #333;
}
svg.al-icon.zoom-1,
svg.al-icon.zoom-2,
svg.al-icon.zoom-3 {
    fill: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    filter: drop-shadow(0 0 2px #666 );
}
svg.al-icon.plus.close {
    position: absolute;
    top: 10%;
    right: 0;
    fill: #CCC;
    transform: rotate(45deg);
}
ol.step-by-step svg.al-icon.arrow-down,
ol.step-by-step svg.al-icon.plus-bold {
    width: 18px;
    height: 18px;
    font-weight: bold;
}

svg.al-icon.checkmark {
    position: absolute;
    top: 6px;
    left: -30px;
    fill: #008009;
    width: 20px;
    height: 20px;
}
 
span.button {
    padding: 3px 5px;
    margin: 0 5px;
    background: #eee;
    border-radius: 5px;
    border: 1px solid #bbb;
    display: inline;
    box-sizing: border-box;
}

/** ラベル */
div#body div.list_wrapper span.title_wrapper {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    line-height: 35px;
    border-bottom: 3px solid #b3d8dc;
    display: block;
}
article#main div#body span.title_wrapper+ul.small,
article#main div#body span.title_wrapper+ol.small,
article#main div#body span.title_wrapper+ul.double,
article#main div#body span.title_wrapper+ul.triple {
    margin-top: 10px;
}
article#main div#body div.list_wrapper ul.deep.child {
    margin-top: 0;
}

/** ランキング */
article#main div#body div.list_wrapper ol.ranking,
article#main div#body div.list_wrapper ol.step {
    list-style-type: decimal;
    margin-top: 0;
    margin-bottom: 0;
}
article#main div#body span.title_wrapper+ol.step {
    margin-top: 15px;
}
article#main div#body span.title_wrapper+ol.step a {
    color: #000;
    text-decoration: underline;
}

article#main div#body div.list_wrapper.left,
article#main div#body div.list_wrapper.center,
article#main div#body div.list_wrapper.right {
    width: 49.5%;
    padding: 10px;
    box-sizing: border-box;
    margin: 20px 0;
    font-size: 17px;
}

article#main div#body div.list_wrapper.triple {
    width: 31.3%;
    margin: 0 0 1.75em;
    padding: 0px;
    float: left;
    font-size: 15px;
    border: initial;
    background: initial;
}

article#main div#body div.list_wrapper.triple.left { margin-left: 1%; }
article#main div#body div.list_wrapper.triple.center { margin-left: 2%; margin-right: 2%; }
article#main div#body div.list_wrapper.triple.right { margin-right: 1%; }

/**
 *      関連、レビューetc リンク
 */
article#main div#body ul.relation-list {
    border: none;
    margin: 0;
    padding: 0;
}
article#main div#body p + ul.relation-list {
    margin-top: -1em;
    margin-bottom: 1em;
}
article#main div#body ul.relation-list li:before {
    content: "";
}
article#main div#body ul li span.relate:before {
    content: "関連";
}
article#main div#body ul li span.review:before {
    content: "レビュー";
}
article#main div#body ul li span.how:before {
    content: "使い方";
}
article#main div#body ul li span.external:before {
    content: "外部";
}
article#main div#body ul li span.source:before {
    content: "情報元";
}
article#main div#body ul li span.release:before {
    content: "リリース";
}
article#main div#body ul li:not([class]) span[class] {
    text-indent: initial;
    padding-left: initial;
    display: inline-block;
    font-size: 18px;
}
article#main div#body ul li span[class]:before {
    text-align: left;
    position: initial;
    font-weight: 700;
    font-size: 15px;
    display: inline;
    padding: 0;
    line-height: 1.5;
}
article#main div#body ul li span[class] a {
    font-size: 16px;
}
article#main div#body ul:not(.relation-list) li {
    padding-left: 1em;
}
article#main div#body ul.index_indent,
article#main div#body ul.double li.index_indent,
article#main div#body ul.triple li.index_indent {
    text-indent: -1.3em;
    padding-left: 1.3em;
}
article#main div#body ul:not("manual") li ul.deep.child li.index_indent {
    text-indent: -3.5em;
    padding-left: 3.5em;
}
article#main div#body ul li ul.deep.child li.index_indent.kome {
    text-indent: -1.5em;
    padding-left: initial;
}
article#main div#body div.list_wrapper ul.small.column2 ul.deep.child li span {
    font-style: italic;
    font-size: 95%;
    color: #666;
}
article#main div#body div.list_wrapper ul.small.column2 ul.deep.child {
    margin-bottom: .75em;
}

/* 記事内目次 */
article#main div#body div.list_wrapper ul.small.index li {
    display: inline;
    margin-right: 10px;
}
article#main div#body div.list_wrapper ul.small.index li:before {
    content:"▷";
}
article#main div#body div.list_wrapper ul.small.index {
    margin-left: 0;
}
article#main div#body div.list_wrapper ul.update li {
    margin-bottom: .36em;
}

/**************************************/
/*  table
/**************************************/
table {
    border: solid 1px #aaa;
    border-collapse: collapse;
    width: 100%;
    font-size: 80%;
    word-wrap: break-word;
    margin-bottom: 1em;
}
article#main div#body table tbody tr td p {
    margin: 0;
}
article#main div#body table tbody tr.left td:nth-child(1) {
    text-align: left;
}
table.layout_initial,
table.center.layout_initial {
    table-layout: initial;
}
table +br {
    display: none;
}
table.center {
    margin-top: 20px;
    text-align: center;
    table-layout: fixed;
}
table.left tr td:nth-child(n+2) {
    text-align: left;
}
table.newmodel {
    text-align: center;
}
table.newmodel td {
    line-height: 170%;
}
table.split.spec tr:nth-child(1) th {
    border: initial;
    background: #333;
    color: #FFF;
}
table.split.spec tr:nth-child(1) th.head {
    background: #333;
    color: #FFF;
}

table.split.spec tr:nth-child(1) th+td {
    border-top: 1px solid #ccc;
}
table.split thead tr:nth-child(1) td[colspan]:nth-child(1) {
    background: #fafafa;
    font-weight: bold;
    font-size: 1.15em;
    border-bottom: 2px solid #ccc;
    font-style: italic;
    padding: 0.45em 0 0.45em 1.25em;
    text-align: left;
    line-height: 25px;
}
th {
    border: solid 1px #aaa;
    background-color: #eee;
    padding: 3px;
}
tr {
    height: 50px;
}
table.min tr {
    height: 45px;
}
td {
    border: solid 1px #aaa;
    padding: 3px;
}
td.second {
    background: #fafafa;
}
td.small {
    font-size: 85%;
}
td.strong {
    font-weight: 600;
}
td.border_none_top {
    border-top: none;
}
td.border_none_bottom {
    border-bottom: none;
}
td.border_none_right {
    border-right: none;
}
td.border_none_left {
    border-left: none;
}
table td.head {
    background: rgba(249, 248, 241, 0.75);
}
table td.boxlabel {
    box-shadow: 1px 1px 3px #eee;
}
table td.boxlabel {
    height: 45px;
    box-sizing: border-box;
}
table td.boxlabel span {
    display: block;
    font-size: 95%;
}
table td span.title {
    font-weight: bold;
}
div#body table img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
div#body table.sale tr.image img {
    width: 85%;
    padding: 15%;
}
table div[class^="button_box"] a.box_button {
    border-radius: 0;
}
table div[class^="button_box"] {
    margin: 0;
    padding: 0 5px;
}
table a.box_button {
    margin: 0;
}
table td span.iphone_se {
    color: rgba(255, 0, 0, 0.59);
    font-size: 200px;
    line-height: 200px;
    height: 200px;
}
table.sale {
}
table.sale span.price.before {
    text-decoration: line-through;
    padding-right: 5px;
    font-size: 90%;
}

table.sale span.price.after {
    padding-left: 5px;
    font-weight: bold;
    color: crimson;
    padding: 3px 6px;
    background: rgba(255, 0, 0, 0.15);
}

table.sale span.price.off {
    color: #FFF;
    font-weight: bold;
    padding: 3px 6px;
    background: rgba(0, 0, 255, 0.3);
    margin-left: 5px;
}

table.split.noindex tbody tr td:first-child {
    font-weight: normal;
}

div.table_wrap,
div.sbs-content {
    overflow-x: scroll;
    /*-webkit-overflow-scrolling: touch;*/
    margin-bottom: 1.5em;
}
div.table_wrap > table,
div.sbs-content > div {
    margin-bottom: 0;
}
div.table_wrap .scroll-hint-icon,
div.sbs-content .scroll-hint-icon {
    width: 150px;
    height: 100px;
}

div.table_wrap.long span.scroll-hint-icon {
    top: calc(8% - 25px);
}
div.table_wrap.mobile { 
    overflow-x: initial;
}
div.table_wrap::-webkit-scrollbar,
div.sbs-content::-webkit-scrollbar {
    height: 8px;
}
div.table_wrap::-webkit-scrollbar-track,
div.sbs-content::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #eee;
}
div.table_wrap::-webkit-scrollbar-thumb,
div.sbs-content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #666;
}

div.table_wrap.mobile table { 
    width: 100%;
}
div.table_wrap table th, 
div.table_wrap table td {
    white-space:nowrap !important;
}
div.table_wrap table th.yeswrap, 
div.table_wrap table td.yeswrap {
    white-space: initial !important;
}

table#iphone_date tr.name {
    background: #eee;
    line-height: 170%;
}
table#iphone_date tr.name td {
    padding: 8px 0;
}
table#iphone_date tr.date td:nth-child(odd) {
    background: #fafafa;
    width: 12%;
}
table#iphone_date tr.date td {
    padding: 5px 0;
    line-height: 170%;
}
table#iphone_date tr.date.gray td {
    background: #fafafa;
}
table#iphone_date tr.date.white td {
    background: #fff;
}

table.split {
    text-align: center;
    border: initial;
    border-collapse: separate;
    border-spacing: 3px 4px;
}
table.schedule tr td {
    line-height: 1.25em;
    vertical-align: middle;
}
table.schedule td.f_team div.pref,
table.schedule td.t_team div.pref {
    font-size: 90%;
}
table.schedule td.loser {
    /*text-decoration: line-through;*/
}
table.schedule td.winner {
    font-weight: bold;
}
table.schedule td.commentator span.name {
    font-size: 90%;
    display: block;
}
table.schedule td.commentator span.name div.sname {
    font-size: 90%;
}
table.schedule td.score div.inning{
    width: 75%;
    font-size: 85%;
    font-weight: 700;
    color: #FFF;
    background: crimson;
    margin: 0 auto;
    margin-bottom: .25em;
    padding: .025em 0;
}
table.split tr:nth-child(n+2) th {
    border: 0;
    border-bottom: 2px solid #333;
    background: initial;
    padding: 0;
    line-height: 25px;
}
table.split.price tr:nth-child(n+2) th {
    border-bottom: 1px solid #ccc;
}

table.split tr {
    border: initial;
}
table.split tr.image td {
    padding: 0;
    line-height: 0;
}
table.split.spec tr.image td:nth-of-type(n+2) {
    vertical-align: bottom;
}
table.split.spec tr.image td {
    line-height: initial;
    padding:initial;
}

table.split tr:nth-child(1) th.docomo,
table.split tr:nth-child(1) th.ahamo { color: #cc3333; font-weight: bold; background: #cc333314; }
table.split tr:nth-child(1) th.au,
table.split tr:nth-child(1) th.povo {color: #ff6600;background: #ff66000a;font-weight: bold;}
table.split tr:nth-child(1) th.softbank {color: #666666;background: #6666660a;font-weight: bold;}
table.split tr:nth-child(1) th.uq {color: #f354a4;background: #f354a40a;font-weight: bold;}
table.split tr:nth-child(1) th.linemo {color: #14EB0A;background: #14eb0a14;font-weight: bold;}
table.split tr:nth-child(1) th.rakuten {color: #ff008c;background: #ff008c0d;font-weight: bold;}

table.split td {
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: .5625rem .625rem;
    line-height: 25px;
    font-size: 95%;
    vertical-align: top;
}
table.split thead+tbody tr:nth-child(1) td:nth-child(1),
table.split thead+tbody td {
    border: 0;
}
table.split thead+tbody td:first-child {
    font-weight: bold;
}
table.split thead+tbody td:first-child a {
    color: #333;
    border-bottom: 1px solid #333;
}
table.split.spec thead+tbody td a {
    color: #333;
    border-bottom: 1px solid #333;
    font-weight: bold;
}
table.split.spec thead+tbody td a.box_button.amazon {
    border: initial;
}
table.split thead+tbody tr:nth-child(odd) {
    background: #FFF;
}
table.split thead+tbody tr:nth-child(2n) {
    background: rgba(249, 248, 242, 0.5);
}
table.split thead+tbody tr td:nth-child(1)[rowspan] {
    background: rgba(249, 248, 241, 0.75);
}
table.split thead+tbody tr.gray {
    color: gray;
    background: #ddd;
}
table.split thead+tbody td.gray {
    color: gray;
    background: #ddd;
}
table.split.price td {
    vertical-align: middle;
}
table.split.price tr.v-top td {
    vertical-align: top;
}
table.split td span.sale {
    font-weight: bold;
    color: crimson;
    font-size: 110%;
}
table.split.price.min {
    border-spacing: 3px 3px;
}
table.split tr:nth-child(1) td:nth-child(1) {
    border-bottom: 2px solid #333;
}
table.split tr:nth-child(1) td[rowspan="2"]:nth-child(1) {
    border-bottom: 1px solid #ccc;
}
table.split tr:last-of-type td, 
table.split tr:last-of-type th {
    /*border-bottom: 2px solid #333;*/
}
table.split tbody th~td[rowspan="2"] {
    border-bottom: solid 1px #ccc;
}
table.split th[rowspan="2"]~td {
    border-bottom: dashed 1px #ddd;
}
table.split tr:nth-child(n+2) th[rowspan="2"]+th {
    border-bottom: 1px dashed #ccc;
}
table.split tr:nth-child(1) th {
    height: 50px;
    line-height: 20px;
    padding: 3px 5px;
    border: 0;
    border-bottom: 1.5px solid #ccc;
    background: rgb( 245, 248, 249 );
    color: #333;
    /*background: #333;
    color: #FFF;
    border-bottom: 2px solid #333;
    border-top: 2px solid #333;*/
}

table.split tr:first-of-type td.midashi {
    border-bottom: none;
    font-weight: bold;
}
table.split tr:first-of-type td.midashi.contract {
    font-weight: 700;
    font-style: italic;
    background: #333;
    color: #FFF;
}
table.price.min span.middle-wrap {
    border-top: 1px dashed #ccc;
    display: block;
    border-bottom: 1px dashed #ccc;
    padding: 5px 0;
    margin: 5px 0;
}

table.price.min span.price {
    display: block;
    padding: 0 10px;
}

table.price.min span.label {
    display: block;
    color: #666;
    font-weight: bold;
}

div#body table.split ul,
div#body table.split ul.table {
    width: 100%;
    text-align: left;
    list-style: none;
    margin: 0 auto;
    padding: 0 10px;
    list-style-position: inside;
    box-sizing: border-box;
    border: 0;
    font-size: 95%;
}
div#body table.split ul li:before {
    content: "■";
    padding-right: 10px;
    font-size: 8px;
    position: relative;
    top: -2px;
}
div#body table.split ul li.no-content {
    text-decoration: line-through;
    text-decoration-color: rgb(60, 147, 237);
    text-decoration-style: wavy;
    text-decoration-thickness: 1.8px;
    line-height: 28px;
}
div#body table.split ul li span.new,
div#body table.split tr td span.new {
    font-weight: bold;
}
div#body table.split ul li.no-content.like {
    text-decoration: none;
    font-weight: bold;
}
div#body table.split ul li.no-content:before {
    content: initial;
    display: inline;
}
ul li.new-badge span.new:after,
div#body table.split ul li.new-badge span.new:after,
div#body table.split span.new:after {
    color: #FFF;
    content: "New";
    margin-left: 3px;
    background: #E74C3C;
    font-weight: bold;
    letter-spacing: 0.015em;
    font-size: 0.6rem;
    border: 1px solid crimson;
    border-radius: 1rem;
    padding: 0.15rem 0.3rem;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    top: -0.075rem;
    position: relative;
}
table td ul li a,
table td ul li a:link,
table td ul li a:visited,
table.sale a {
    color: #333;
    border-bottom: 1px solid #333;
    font-weight: bold;
}
div#body table.split ul.half {
    width: 55%;
}
div#body table ul.table li {
    text-indent: -1em;
}
article#main div#body table ul.table li.no_list:before {
    content: initial;
}
article#main div#body table ul.table ul.deep.child li:before {
    content: "-";
    font-size: 15px;
    position: relative;
    top: 0px;
}
article#main div#body table ul.table ul.deep.child {
    padding: 0 0 6px 0;
}
article#main div#body table ul.table ul.deep.child li.no-content:before {content: initial;}

div#body table td ul.country {
    display: flex;
    padding: .5em;
}
div#body table td ul.country li.item {
    width: 100%;
    text-align: center;
    padding-top: 1.5em;
}
div#body table td ul.country li.item span.country-emoji {
    font-size: 6.5em;
}
div#body table td ul.country li.item span.country-name {
    font-weight: bold;
}
div#body table td ul.country li.item:before {
    content: "";
    padding: initial;
    font-size: initial;
    position: initial;
    top: initial;
}

table td span.country-name {
    display: block;
    font-size: 1.15em;
}
table td span.country-emoji {
    display: block;
    font-size: 1.5em;
}
table td span.country-emoji.small {
    display: block;
    font-size: 1.15em;
}
table td span.country-emoji.list.large {
    display: inline;
    font-size: 10em;
}
table td span.score {
    font-weight: bold;
    font-size: 16px;
    color: brown;
}

table.sport_schedule span.commentator {
    display: block;
    text-decoration: underline;
}
table.sport_schedule span.commentator:before {
    content: "日本語解説あり";
    display: block;
}
table.sport_schedule span.commentator span.name:after {
    content: ' / '
}
table.sport_schedule span.commentator span.name:last-child::after {
    content: '';
}
table.sport_schedule span.link a {
    color: #333;
    display: block;
    text-decoration: underline;
}
table.sport_schedule span.link {
    display: block;
}

article#main div#body table#iphone_schedule tbody tr td p.label {
    font-weight: bold;
    padding-top: 1em;
}

article#main div#body table.split.border thead tr th {
    border-bottom: initial;
    border-top: initial;
}
article#main div#body table.split.border tr {
    background: initial;
}
article#main div#body table.split.border tr td {
    border-bottom: 1px solid #ddd;
    font-size: 100%;
}

.blinking {
    font-weight: bold;
    animation: blink 1s ease-in-out infinite alternate;
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    -moz-animation: blink 1s ease-in-out infinite alternate;

}
@-webkit-keyframes blink{
    0% {opacity:0.15;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.15;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.15;}
    100% {opacity:1;}
}

/**************************************/
/*  h2, h3, h4, h5 */
/*div#body h2 {
    margin: 1.25em 0 1em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    text-align: center;
    font-size: 30px;
    line-height: 45px;
}*/

div#body h2 {
    border: initial;
    margin: 0 0 1em 0;
    padding-top: .5em;
    display: block;
    position: relative;
    font-size: 30px;
    line-height: 45px;
}
div#body h2:before {
    content: '';
    display: grid;
    width: 2em;
    height: .35em;
    border-radius: 8px 3px;
    background-color: #00a4c5;
    margin-bottom: 8px;
}
div#body div.AdsSingle + h2 {
    margin-top: 1.5em;
}

div#body h2.simple {
    margin: 1.5em 0;
    border: initial;
    padding: 0;
    text-align: left;
    font-size: 1.3em;
    line-height: 1.3em;
}

h2.docomo_with:after,
h2.new_color:after,
h2.docomo_okaeshi:after {
    margin: 0 0 0 10px;
    padding: 0 5px;
    display: inline-block;
    font-size: 12px;
    border-radius: 5px;
    float: right;
}
h2.docomo_with:after {
    background: #f3003d;
    color: #FFF;
    content: "docomo with";
    border: #c03 1px solid;
}
h2.docomo_okaeshi:after {
    background: #00aaea;
    color: #FFF;
    content: "スマホおかえしプログラム";
    border: #00aaea 1px solid;
}
h2.new_color:after {
    background: #f3e500;
    color: #333;
    content: "new color";
    border: #ccc500 1px solid;
}

div#body h3 {
    border: initial;
    font-size: 23px;
    line-height: 1.25em;
    margin: 2em 0 1.25em 0;
}
div#body h3:after {
    content: '';
    display: grid;
    width: 2em;
    height: .25em;
    border-radius: 8px 3px;
    background: #66acc1;
    background: #b3d8dc;
    margin-top: 8px;
}

div#body h3.index,
div#body h4,
div#body h5 {
    padding: 0 8px;
    font-weight: 600;
    border-left: 5px solid #89cedd;
}
div#body .acd_trigger {
    cursor: pointer;
}
div#body h5 {
    border-left: .25em solid #19adcb;
    padding: 0 0 0 .5em;
    background: initial;
    font-size: 18px;
    margin-bottom: 1.25em;
}
div#body h5.manual-index {
    font-size: 20px;
}

div#body h4.acd_trigger span.right_button {
    display: inline-block;
    position: relative;
    float: right;
}
div#body h4.acd_trigger span.right_button svg.al-icon {
    width: 24px;
    height: 24px;
    display: inline;
    vertical-align: middle;
}

/**************************************/
/*  video 
/**************************************/

video {
    margin: 0 auto;
    display: block;
    padding: 0;
}

/**************************************/
/*  シェアボックス
/**************************************/
div#sharebox {
    margin: 0 auto 1em auto;
    max-width: 800px;
    width: 90%;
    font-size: 25px;
    clear: both;
}
div#sharebox span {
    width: 25%;
    display: inline-block;
    text-align: center;
}
div#sharebox span svg {
    fill: #FFF;
}
div#sharebox span a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 30px;
    display: inline-block;
}
div#sharebox span.twitter-x a {
    background: #333;
    color: #fff;
    box-shadow: 0px 1px 6px rgba(0,0,0,.6);
}
span.twitter-x svg.al-icon, 
span.facebook svg.al-icon, 
span.comment svg.al-icon, 
span.line svg.al-icon {
    width: 24px;
    height: 24px;
    position: relative;
    left: 25%;
    top: 25%;
}
span.line svg.al-icon {
    width: 90%;
    height: 90%;
    left: 5%;
    top: 5%;
}
div#sharebox span.line a {
    background: #00c303;
    box-shadow: 0 1px 6px rgba(11,185,2,0.6);
}
div#sharebox span.facebook a {
    background: #3B5998;
    color: #FFF;
    box-shadow: 0 1px 6px rgba(59,89,152,0.6);
}
div#sharebox span.comment a {
    color: #FFF;
    background: #333;
    box-shadow: 0 1px 6px rgba(51,51,51,0.6);
}
table ul li svg.al-icon.x-mark {
    width: 13px;
    height: 13px;
    display: inline;
    padding-right: 5px;
    fill: rgb(60, 147, 237);
    top: 1px;
    left: -3px;
    position: relative;
}
table tr td span.like svg.al-icon.like,
table ul li svg.al-icon.like,
table ul li svg.al-icon.dislike,
table ul li svg.al-icon.xmark {
    width: 18px;
    height: 18px;
    display: inline;
    fill: crimson;
    left: -5px;
    top: 2px;
    position: relative;
}
table tr td span.like {
    font-weight: bold;
}
table ul li svg.al-icon.dislike,
table ul li svg.al-icon.xmark,
table ul li svg.al-icon.x-mark {
    fill: rgb(60, 147, 237);
}

/**************************************/
/*  Google News
/**************************************/

div#google-news-link {
    font-size: 20px;
    max-width: 1024px;
    margin: 0 auto 1.5em auto;
}

div#google-news-link p {
    margin: 0 0.25em;
    padding: 0;
    text-align:center;
    background: rgba(0, 165, 198, .15);
    box-shadow: 4px 4px 0 rgba(0, 165, 198, .08);
    -webkit-box-shadow: 4px 4px 0 rgba(0, 165, 198, .08);
    border: 2px solid rgba(0, 165, 198, .1);
}

div#google-news-link p a {
    color: #00a4c5;
    font-style: italic;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0.8em 1.5em;
}
div#google-news-link svg.al-icon {
    width: 60px;
    height: 60px;
}

.st0{fill:#1A73E8;}
.st1{fill:#EA4335;}
.st2{fill:#4285F4;}
.st3{fill:#FBBC04;}
.st4{fill:#34A853;}
.st5{fill:#4CAF50;}
.st6{fill:#1E88E5;}
.st7{fill:#E53935;}
.st8{fill:#C62828;}
.st9{fill:#FBC02D;}
.st10{fill:#1565C0;}
.st11{fill:#2E7D32;}
.st12{fill:#F6B704;}
.st13{fill:#E54335;}
.st14{fill:#4280EF;}
.st15{fill:#34A353;}
.st16{clip-path:url(#SVGID_2_);}
.st17{fill:#188038;}
.st18{opacity:0.2;fill:#FFFFFF;enable-background:new;}
.st19{opacity:0.3;fill:#0D652D;enable-background:new;}
.st20{clip-path:url(#SVGID_4_);}
.st21{opacity:0.3;fill:url(#_45_shadow_1_);enable-background:new;}
.st22{clip-path:url(#SVGID_6_);}
.st23{fill:#FA7B17;}
.st24{opacity:0.3;fill:#174EA6;enable-background:new;}
.st25{opacity:0.3;fill:#A50E0E;enable-background:new;}
.st26{opacity:0.3;fill:#E37400;enable-background:new;}
.st27{fill:url(#Finish_mask_1_);}
.st28{fill:#FFFFFF;}
.st29{fill:#0C9D58;}
.st30{opacity:0.2;fill:#004D40;enable-background:new;}
.st31{opacity:0.2;fill:#3E2723;enable-background:new;}
.st32{fill:#FFC107;}
.st33{opacity:0.2;fill:#1A237E;enable-background:new;}
.st34{opacity:0.2;}
.st35{fill:#1A237E;}
.st36{fill:url(#SVGID_7_);}
.st37{fill:#FBBC05;}
.st38{clip-path:url(#SVGID_9_);fill:#E53935;}
.st39{clip-path:url(#SVGID_11_);fill:#FBC02D;}
.st40{clip-path:url(#SVGID_13_);fill:#E53935;}
.st41{clip-path:url(#SVGID_15_);fill:#FBC02D;}

/**************************************/
/*  新着記事
/**************************************/

div#EntryLatest {
    width: 80%;
    max-width: 1024px;
}
div#EntryLatest section.wrapper {
    height: 320px;
    margin: 20px 0 0 0;
    position: relative;
    border: 1px solid #efefef;
}
div#EntryLatest section.wrapper:nth-child(n + 2) {
    width: 100%;
    height: 170px;
    margin: 15px 0 0 0;
    display: inline-block;
}

/* 記事情報 */
div#EntryLatest section.wrapper div.info {
    width: 90%;
    height: 60px;
    position: relative;
    display: inline-block;
    bottom: 60px;
    right: -5%;
    margin: 0;
    padding: 0;
    z-index: 99999;
    background: rgba(255,255,255,1);
    text-align: center;
}
div#EntryLatest section.wrapper:nth-child(n + 2) div.info {
    height: 100%;
    width: 100%;
    right: -5%;
    display: block;
    padding: 5px 5px 0 5px;
    position: initial;
    text-align: left;
    box-sizing: border-box;
}
div#EntryLatest section.wrapper div.info span.title {
    text-decoration: underline;
    font-size: 17px;
    font-weight: normal;
    line-height: 30px;
    top: 0;
    left: 0;
    margin: 0;
    padding: 15px 0;
    opacity: initial;
    position: absolute;
    width: 100%;
}
div#EntryLatest section.wrapper:nth-child(n + 2) div.info span.title {
    font-size: 18px;
    line-height: 30px;
    padding: 0;
    position: initial;
}
div#EntryLatest section.wrapper:nth-child(1) span.date {
    top: 0;
    color: #FFF;
}
div#EntryLatest section.wrapper span.date {
    position: absolute;
    right: 5px;
    bottom: 5px;
    z-index: 9999;
    font-size: 13px;
    color: #aaa;
}
div#EntryLatest div#EntrySale section.wrapper span.end_date {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background: crimson;
    padding: 5px;
    font-weight: bold;
    color: #FFF;
}
div#EntryLatest div#EntrySale section.wrapper:nth-child(n + 2) span.end_date {
    background: #FFF;
    color: crimson;
}
div#EntryLatest section.wrapper h3.category {
    font-weight: normal;
    color: #FFF;
    background: #00a4c5;
    margin: 0;
    padding: 5px 8px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

div#EntryLatest section.wrapper a, 
div#EntryLatest section.wrapper a:link, 
div#EntryLatest section.wrapper a:visited {
    color: #333;
    text-decoration: underline;
}
div#EntryLatest section.wrapper a:hover {
}

div#EntryLatest section.wrapper div.thumbnail {
    width: 100%;
    height: 100%;
    overflow: hidden;
    float: left;
    position: relative;
}
div#EntryLatest section.wrapper:nth-child(n + 2) div.thumbnail {
    width: 40%;
    margin: 0 30px 0 0;
    height: 100%;
}
div#EntryLatest section.wrapper div.thumbnail:after {
    content: "";
    background: linear-gradient(#666,#000);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.1;
}
div#EntryLatest section.wrapper div.thumbnail img {
    width: 110%;
    height: auto;
    transform: translate(-5%,-25%);
    background: rgba(0,0,0,1);
    opacity: 0.98;
}
div#EntryLatest section.wrapper:nth-child(n + 2) div.thumbnail img {
    width: 100%;
    height: auto;
    transform: translate(0%,-30%);
}

/**************************************/
/*  検索ボックス
/**************************************/
div#search_box {
    padding-top: 50px;
    width: 80%;
    max-width: 1024px;
    margin: 0 auto;
}
div#search_box form {
    margin: 20px auto 0 auto;
}

/**************************************/
/*  タイムライン
/**************************************/
section#timeline, div.timeline {
    width: 100%;
    margin-top: 0px;
    padding: 2em 0;
    background-color: rgba(0, 165, 198, 0.15);
    box-shadow: rgba(0, 165, 198, 0.1) 0px 0px 5px inset;
    box-sizing: border-box;
}
div#body div.timeline {
    background: #FFF;
    padding: 0;
    margin-bottom: 1em;
    box-shadow: initial;
}
section#timeline div#timeline-wrapper,
div#body div.timeline  div#timeline-wrapper {
    display: grid;
    grid-row-gap: 10px;
    grid-template-columns: 100px;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 1em;
}
div#body div.timeline div#timeline-wrapper {
    width: 100%;
    max-width: initial;
    padding: 0;
}
section#timeline div.#timeline,
div#body div.timeline div.#timeline {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
}
section#timeline div.timeline_header,
div#body div.timeline div.timeline_header {
    border-radius: 15px;
    background: #00a4c5;
    width: 90px;
    line-height: 25px;
    height: 25px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    display: inline-block;
}

section#timeline div#timeline-title-wrapper,
div#body div.timeline div#timeline-title-wrapper {
    grid-column-start: 2;
    grid-row-start: 1;
    padding: 0;
    line-height: 22px;
    box-sizing: border-box;
    display: flex;
}

section#timeline span.timeline-title,
div#body div.timeline span.timeline-title {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    background: #FFF;
    padding: 0 8px;
    display: inline-block;
    border-radius: 15px;
    border: 1px solid #333;
}
div#body div.timeline span.timeline-title {
    border: 1px solid #00a4c5;
}

section#timeline span.timeline-title a,
div#body div.timeline span.timeline-title a {
    color: #333;
    padding: 5px 0;
}
div#body div.timeline span.timeline-title a {
    color: #00a4c5;
}

section#timeline ul.timeline,
div#body div.timeline ul.timeline {
    padding-top: 0px;
    padding-bottom: 0;
    border: none;
    margin: 0;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start:2;
    list-style-type: none;
}
div#body div.timeline ul.timeline {
    border-left: 4px solid #00a4c5;
    margin-left: 1em;
}

section#timeline ul.timeline li.event,
article#main div#body div.timeline ul.timeline li.event {
    margin-top: 10px;
    border-bottom: 1px solid #333;
    text-indent: 0em;
    padding-left: 0em;
    padding-bottom: .5em;
    font-weight: 500;
}
section#timeline ul.timeline li.event:before,
div#body div.timeline ul.timeline li.event:before {
    content: "";
}
section#timeline ul.timeline li.event span.date,
div#body div.timeline ul.timeline li.event span.date {
    font-size: 12px;
    line-height: 12px;
    font-weight: bold;
    display: block;
    color: gray;
}
section#timeline ul.timeline li.event span.hotdate,
div#body div.timeline ul.timeline li.event span.hotdate {
    color: #333;
}
section#timeline ul.timeline li.event span.title,
div#body div.timeline ul.timeline li.event span.title {
    display: block;
    line-height: 28px;
    margin-top: 8px;
    font-size: 22px;
}
div#body div.timeline ul.timeline li.event span.title {
    line-height: 26px;
    font-size: 18px;
}
section#timeline ul.timeline li.event span.title a,
div#body div.timeline ul.timeline li.event span.title a {
    color: initial;
    padding: 25px 0 9px 0;
}

/**************************************/
/*  関連記事
/**************************************/
div#relate_entry {
    padding-top: 50px;
    margin: 0 0 25px 0;
    height: auto;
    clear: both;
}
div#relate_entry div.section {
    height: 270px;
    margin: 20px 0 0 0;
    overflow-y: hidden;
    background: #ededed;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
div#relate_entry div.section ul {
    list-style: none;
    overflow-x: scroll;
    overflow-y: hidden;
    margin: 10px 0;
    padding: 0;
}
div#relate_entry div.section li {
    width: 450px;
    height: 250px;
    display: inline-block;
    background: #FFF;
    vertical-align: top;
    margin: 0 0 10px 10px;
}
div#relate_entry div.section a, 
div#relate_entry div.topentry_wrapper a {
    color: initial;
}
div#relate_entry ul li div.section_img, 
div#relate_entry ul li div.section_none_img {
    height: 250px;
    overflow: hidden;
    background: #000;
}
div#relate_entry ul li div.section_img img, 
div#relate_entry ul li div.section_none_img img {
    width: 450px;
    height: initial;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0.98;
}
span.section_title {
    font-size: 15px;
    line-height: 170%;
    font-weight: bold;
    text-decoration: underline;
    display: inline-block;
    height: 75px;
    margin: 10px 0 0 5%;
    padding: 2px 5px;
    position: relative;
    top: -85px;
    background: #FFF;
    width: 90%;
    box-sizing: border-box;
}

div#body span.photo_copyright {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #333;
    letter-spacing: 0.01em;
    line-height: 25px;
    text-shadow: 0 0 3px #333;
}
article#main div.img_center {
    text-align: center;
    position: relative;
    margin-bottom: 1.75em;
}
article#main div.img_center.black {
    background: #000;
}
article#main div.img_center img.mini {
    width: 300px;
    height: auto;
}
article#main div.img_center img.middle {
    width: 50%;
    height: auto;
}

div#body img.none {
    display: none;
}

article#main div#body div.img_box {
    position: relative;
    margin-bottom: 1.75em;
}

/**
 *      img_box_ios
 */

article#main div#body div.img_box_ios img.left, 
article#main div#body div.img_box_ios img.right {
    width: 40%;
    height: auto;
    float: initial;
}
article#main div#body div.img_box_ios img.left {
    margin-right: 20px;
}
article#main div#body div.img_box_ios img.right {
    margin-left: 20px;
}

/**
 *      img_box_wide, img_box_triple, img_box_half
 */
article#main div#body div.img_box_wide,
article#main div#body div.img_box_half,
article#main div#body div.img_box_triple,
article#main div#body div.img_box_four {
    position: relative;
}
div.img_box_wide svg.al-icon use,
div.img_box_half svg.al-icon use,
div.img_box_triple svg.al-icon use,
div.img_box_four svg.al-icon use {
    fill: #FFF;
    filter: drop-shadow(1px 1px 1px #333);
    box-shadow: 0 0 3px #333;
    text-shadow: 0 0 3px #333;

}
article#main div#body svg.al-icon[class*="zoom"] {
    width: 30px;
    height: 30px;
    top: 1.5%;
    box-sizing: border-box;
    position: absolute;
    background: #ededed;
    padding: .15em .3em;
}
svg.al-icon.zoom_left {
    left: 44.5%;
}
article#main div#body div.img_box_wide svg.al-icon.zoom_left {
    left: 46%;
}
article#main div#body div.img_box_wide svg.al-icon.zoom_right {
    left: 96.5%;
}
article#main div#body div.img_box_triple svg.al-icon.zoom_left {
    left: 28.75%;
}
article#main div#body div.img_box_triple svg.al-icon.zoom_right {
    left: 96.5%;
}
article#main div#body div.img_box_triple svg.al-icon.zoom_center {
    left: 62.5%;
}
article#main div#body div.img_box_four svg.al-icon.zoom_left {
    left: 20.5%;
}
article#main div#body div.img_box_four svg.al-icon.zoom_center {
    left: 45.75%;
}
article#main div#body div.img_box_four svg.al-icon.zoom_center.three {
    left: 71.25%;
}
article#main div#body div.img_box_four svg.al-icon.zoom_right {
    left: 96.5%;
}
article#main div#body div.img_box_four svg.al-icon.zoom_1 {
    left: 26.5%;
    top: .5%;
}
article#main div#body div.img_box_four svg.al-icon.zoom_2 {
    left: 26.5%;
    top: 34%;
}
article#main div#body div.img_box_four svg.al-icon.zoom_3 {
    left: 26.5%;
    top: 67.25%;
}
article#main div#body div.img_box_four svg.al-icon.zoom_4 {
    left: 95%;
    top: 15.75%;
}
article#main div#body div.img_box_ios,
article#main div#body div.img_box_wide, 
article#main div#body div.img_box_half,
article#main div#body div.img_box_triple,
article#main div#body div.img_box_four,
article#main div#body div.img_box_five,
article#main div#body div.img_box_flex {
    width: 100%;
    margin: 0 auto 1.25em auto;
    text-align: center;
}
article#main div#body div.img_box_ios img,
article#main div#body div.img_box_wide img, 
article#main div#body div.img_box_half img,
article#main div#body div.img_box_triple img,
article#main div#body div.img_box_four img,
article#main div#body div.img_box_five img,
article#main div#body div.img_box_flex img {
    box-shadow: initial;
}
article#main div#body div.img_box_ios:after, 
article#main div#body div.img_box_wide:after, 
article#main div#body div.img_box_half:after,
article#main div#body div.img_box_triple:after,
article#main div#body div.img_box_four:after,
article#main div#body div.img_box_five:after,
article#main div#body div.img_box_flex:after {
    content: "";
    clear: both;
    display: block;
    position: initial;
}
article#main div#body div.img_box_wide img.left, 
article#main div#body div.img_box_half img.left {
    float: left;
    width: 49.5%;
    height: auto;
    border: none;
    border-radius: initial;
}
article#main div#body div.img_box_wide img.right, 
article#main div#body div.img_box_half img.right {
    float: right;
    width: 49.5%;
    height: auto;
    border: none;
    border-radius: initial;
}

/**
 *      img_box_wide
 */
 
article#main div#body div.img_box_wide.top_cut {
    margin-top: -20px;
}

/*article#main div#body div.img_box_wide img.left,
article#main div#body div.img_box_half img.left {
    margin-left: -20px;
}
article#main div#body div.img_box_wide img.right,
article#main div#body div.img_box_half img.right {
    margin-right: -20px;
}*/

/**
 *      img_box_triple
 */
article#main div#body div.img_box_triple {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.3%;
}
article#main div#body div.img_box_triple img {
    width: 32.4%;
    height: auto;
    float: initial;
}
div#body p + div.annotation {
    margin-bottom: 1.5em;
}
div.image_info div.annotation a svg.al-icon.window {
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
    fill: #333;
    display: inline;
    margin-left: .4em;
    margin-right: .4em;
}
article#main div.annotation,
article#main span.annotation,
article#main div.annotation_multi {
    font-size: 14px;
    line-height: 28px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: .01em;
    display: inline-block;
}
article#main div.annotation.long {
    padding: 0.5em .75em;
    font-size: .8em;
    background: #fcfcfc;
    letter-spacing: initial;
    font-weight: initial;
    font-style: initial;
}
article#main div.annotation+p.credit {
    margin-top: -15px;
}
div.img_box_ios + div.image_info > div.annotation + p.credit {
    border-bottom: 1px solid #eee;
}
article#main p+p.credit,
article#main div.img_box_wide+p.credit {
    margin-top: -30px;
    border-bottom: 1px solid #eee;
}
article#main div.img_box_wide+p.credit {
    margin-top: -15px;
}
/*article#main div#body p+div.img_box_wide {
    margin-top: -32px;
}*/
div#body span.photo_copyright a {
    color: #FFF;
}
article#main p[class^="img_box"] + div.image_info,
article#main div[class^="img_box"] + div.image_info,
article#main div[class^="img_center"] + div.image_info,
article#main div.twentytwenty-wrapper + div.image_info,
article#main div.img_overlay_full + div.image_info {
    margin-block-start: -1.4em;
    margin-bottom: 1.75em;
    border-bottom: 1px solid #ccc;
}
article#main div.img_overlay_full + div.image_info {
    margin-block-start: initial;
}
article#main div[class^="img_center"] + div.image_info {
    margin-block-start: -2em;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}
article#main div.twentytwenty-wrapper + div.image_info {
    margin-block-start: -2em;
}
div.twentytwenty-wrapper.twentytwenty-horizontal { 
    margin-bottom: 1em;
}


article#main div#body div.image_info > p.credit {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 28px;
    border-bottom: 1px solid #eee;
}
article#main table tr.image p.credit {
    margin: 0;
    border: 0;
}

article#main table tr.image p.credit span {
    font-size: 13px;
}

article#main div#body p.credit {
    margin: .35em;
    padding: .05em .2em;
    position: absolute;
    top: 0;
    background: rgba(51, 51, 51, 0.7);
    z-index: 9999;
}
article#main div#body p.credit span{
    color: #FFF;
}

/**
 *      img_box_four
 */
article#main div#body div.img_box_four {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.3%;
}
article#main div#body div.img_box_four img {
    width: 24%;
    height: auto;
    float: initial;
}
article#main div#body div.img_box_four.tile {
    justify-content: initial;
    flex-wrap: initial;
}
article#main div#body div.img_box_four.tile div.column {
    display: flex;
    flex-direction: column;
}
article#main div#body div.img_box_four.tile div.column img {
    width: 100%;
}
article#main div#body div.img_box_four.tile div.column:first-child {
    flex: 0 0 30%;
}
article#main div#body div.img_box_four.tile div.column:first-child .row {
    margin-bottom: 0.5em;
}
article#main div#body div.img_box_four.tile div.column:last-child {
    flex: 1;
    justify-content: center;
}
/**
 *      img_box_five
 */
article#main div#body div.img_box_five img {
    width: 18%;
    margin-left: 1%;
    margin-right: 1%;
    float: initial;
}

/**
 *      img_box annotation
 */
article#main span.annotation {
    display: block;
}

article#main div.annotation_normal {
    margin: 10px 0 0 0;
    background: #efefef;
    border: 1px solid #dedede;
}
article#main div.annotation_normal p {
    font-size: 80%;
    text-align: center;
    margin: 0;
}

/**
 *      img_box.trimming
 */
 
div#body p.img_box.trimming{
    overflow: hidden;
    width: 100%;
    position: relative;
    aspect-ratio: 16 / 9;
    /* object-fit: contain; */
    overflow-y: hidden;
    height: 563px;

}
div#body p.img_box.trimming img.full {
    position: absolute;
    top: -11.875%;
}

/**
 *      notes
 */
article#main p.notes {
    font-size: 80%;
    font-style: italic;
    color: darkgray;
    margin: 0;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 32px;
    letter-spacing: 0.13em;
}
article#main p.notes:before {
    content: "*";
    margin-right: 3px;
    top: 3px;
    position: relative;
    color: #ff7272;
}
article#main div#body p[class*="hints"] {
    color: #ff7272;
    padding: 0.15em 1em 0.15em 1em;
    border: 1px solid;
    border-radius: 5px;
    border-color: #ff7272;
    background-color: rgba(231, 111, 81, 0.1);
}
article#main div#body p[class*="hints"] {
    color: #333;
}
article#main div#body p[class*="hints"] a {
    color: #333;
    text-decoration: underline;
}
article#main p[class*="hints"]:before { top: 0; }
article#main p.hints-1:before { content: "*1."; }
article#main p.hints-2:before { content: "*2."; }
article#main p.hints-3:before { content: "*3."; }
article#main p.hints-4:before { content: "*4."; }
article#main p.hints-5:before { content: "*5."; }
article#main p.hints-6:before { content: "*6."; }
article#main p.hints-7:before { content: "*7."; }
article#main p.hints-8:before { content: "*8."; }
article#main p.hints-9:before { content: "*9."; }
article#main p.hints-10:before { content: "*10."; }
article#main p.hints-11:before { content: "*11."; }
article#main p.hints-12:before { content: "*12."; }
article#main p.hints-13:before { content: "*13."; }
article#main p.hints-14:before { content: "*14."; }
article#main p.hints-15:before { content: "*15."; }
article#main p.hints-16:before { content: "*16."; }
article#main p.hints-17:before { content: "*17."; }
article#main p.hints-18:before { content: "*18."; }
article#main p.hints-19:before { content: "*19."; }
article#main p.hints-20:before { content: "*20."; }

span.hints.via {
    display: inline-block;
    background-color: #b3d8dc;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position: relative;
}
span.hints.via svg.al-icon.quote_right {
    display: inline;
    width: 13px;
    height: 13px;
    fill: #00a4c5;
    fill: #FFF;
    position: absolute;
    top: 4px;
    left: 4px;
}
span.hints.reffer {
    display: inline-block;
    background-color: rgba(180, 217, 221, 0.84);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    line-height: 1;
    text-align: center;
}

article#main p.notes.offer,
article#main p.notes.rental {
    text-align: right;
    font-weight: normal;
    color: gray;
    font-size: 85%;
}
article#main a.hints {
    font-style: italic;
    font-size: 80%;
    color: #FFF;
    vertical-align: middle;
}
article#main p.notes.offer.no {
    font-weight: normal;
    color: gray;
}
article#main p.notes.offer:before {
    content: "製品提供：";
    color: gray;
    top: initial;
    margin: initial;
    position: initial;
}
article#main p.notes.offer.no:before {
    color: gray;
}
article#main p.notes.rental:before {
    content: "製品貸出：";
    color: gray;
    top: initial;
    margin: initial;
    position: initial;
}
article#main p.notes.affiliate:before {
    content: "：";
    color: initial;
    top: initial;
    margin: initial;
    position: initial;
}
article#main div#body p.notes + p.notes {
    margin-top: -1em;
}
table + p.notes,
blockquote + p.notes {
    padding-top: 20px;
}

/**************************************/
/*  出典
/**************************************/
div#body div.source {
    margin: 1.5em 0 0;
    border-top: 1px solid #ccc;
    box-sizing: border-box;
    position: relative;
}
div#body div.source span.label {
    position: absolute;
    font-size: .85em;
    font-weight: 500;
    background: #FFF;
    letter-spacing: .1em;
    padding-right: .35em;
    top: -16px;
}
div#body div.source ol {
    margin: .5em 0;
    list-style: none;
    counter-reset: count 0;
    padding-left: .25em;
}
div#body div.source ol li {
    font-size: .85em;
    font-style: italic;
}
div#body div.source ol li:before {
    counter-increment: count 1;
    content: counter( count );
    margin-right: .25em;
    padding: .15em;
    background: #b3d8dc;
    width: 20px;
    height: 20px;
    display: inline-block;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    line-height: 1.25;
}
div#body div.source ol li a.number {
    margin-right: .35em;
    font-weight: bold;
}
div#body div.source ol li a.text {
    color: #333;
    text-decoration: underline;
}

/**************************************/
/*  警告
/**************************************/
article#main div#body div#alert_annotation {
    border-top: 1px solid #ccc;
    margin: 1.5em 0 0;
    box-sizing: border-box;
    position: relative;
}
article#main div#body div#alert_annotation ul {
    border: 0;
    margin: .5em 0;
    list-style: none;
    padding-left: .25em;
}
article#main div#body div#alert_annotation ul li {
    padding: 0;
    letter-spacing: .005em;
    font-size: .95em;
    line-height: 1em;
    margin-bottom: .75em;
    text-indent: -.7em;
    padding-left: .7em;
}
article#main div#body div#alert_annotation ul li:before {
    content: '■';
    font-size: .5em;
    vertical-align: middle;
    padding-right: .5em;
}

/**************************************/
/*  オーバーレイ
/**************************************/
div#overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 99999;
}
div#image_wrapper {
    position: relative;
}
img#modal_image {
    max-height: 800px;
    position: absolute;
}
div#prev_button,
div#next_button {
    position: absolute;
}
div#prev_button a,
div#next_button a {
    color: #FFF;
    font-size: 30px;
    display: block;
}

/**
 *      img_box_wide
 */

div#body div.img_overlay {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 40px;
    text-align: center;
    left: -23px;
}

div#body div.img_overlay img {
    width: 350px;
    display: inline;
}

div#body div.img_overlay img.main {
    position: relative;
    top: 20px;
    left: 23px;
    z-index: 0;
    width: 305px;
}

div#body div.img_overlay img.frame {
    position: absolute;
    top: 0;
    z-index: 9;
}

div#body div.img_overlay_full {
    /*margin: 20px 0 20px -20px;
    padding-bottom: 25px;
    width: 104%;*/
    position: relative;
}
div#body div.img_overlay_full img.frame {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
div#body div.img_overlay_full img.main {
    /*top: 25px;
    left: 406px;
    width: 254px;
    position: relative;
    top: 22px;
    left: 397px;
    width: 251px;
    width: calc(100% - 16%);
    height: auto;
    border-radius: 15px;*/
    position: absolute;
    left: calc(100% - 62.25%);
    top: 2.85%;
    width: calc(100% - 75.5%);
    height: auto;
    border-radius: 7%;
    left: calc(100% - 62.05%);
    top: 3.65%;
    width: calc(100% - 75.85%);
}

div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full {
    width: 100%;
    margin: 0;
    padding: 0;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.frame {
    left: 0;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main {
    left: 8%;
    width: calc(100% - 16%);
    border-radius: 7%;
    top: 2.75%;
    position: absolute;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main.non-anime {
    left: 8.75%;
    width: calc(100% - 16.25%);
    top: 2.85%;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main.non-anime.dynamic-island {
    left: 8%;
    width: calc(100% - 16%);
    top: 2.8%;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main.non-anime.dynamic-island-2024 {
    left: 5%;
    width: calc(100% - 10%);
    top: 2.075%;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main.non-anime.homebutton {
    left: 10.55%;
    width: calc(100% - 20.35%);
    top: 13.25%;
    border-radius: initial;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main.non-anime.pixel-6-pro {
    left: 2.5%;
    width: calc(100% - 5.25%);
    top: 2%;
    border-radius: 0%;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main.non-anime.pixel-8-pro {
    left: 4%;
    width: calc(100% - 8.5%);
    top: 1.935%;
    border-radius: 4.25%;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main.non-anime.pixel-9 {
    left: 4%;
    width: calc(100% - 8.7%);
    top: 1.935%;
    border-radius: 5.25%;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main.non-anime.pixel-5 {
    left: 4.75%;
    width: calc(100% - 10%);
    top: 2.2%;
    border-radius: 0%;
}
div#body div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main.non-anime.pixel-3-xl {
    left: 4.75%;
    width: calc(100% - 10%);
    top: 2.15%;
    border-radius: 0%;
}

/**************************************/
/*  画像説明ボックス
/**************************************/

article#main div.description_box {
    margin: 20px 0 0 0;
}
article#main div.description_box div.image {
    width: 30%;
    float: left;
    margin: 0 20px 0 0;
}
article#main div.description_box p {
    margin: 20px 0 0 0;
}
article#main div#body div.description_box div.image img {
    margin: initial;
    width: 100%;
}
article#main div.description_box:after {
    display: block;
    content: "";
    clear: both;
}

div#body div.description_box2 p img,
div#body div.description_box2 div img {
    width: 100%;
    height: auto;
    margin: initial;
}

div#body div.description_box2 {
    text-align: center;
    margin: 0 auto;
}
div#body div.description_box2.half,
div#body div.description_box2.big {
    width: 75%;
}

div#body div.description_box2 p.description {
    float: right;
    width: 60%;
    text-align: left;
    font-size: 90%;
    border: 3px double;
    padding: 10px 15px;
    box-sizing: border-box;
    line-height: 35px;
}
div#body div.description_box2.big p.description {
    width: 100%;
    float: initial;
}
div#body div.description_box2 p.image {
    float: left;
    width: 35%;
}
div#body div.description_box2.big p.image {
    width: 100%;
}
div#body h3.index {
    border: 0;
    font-size: 20px;
}
div#body h3.index,
div#body h4.index,
div#body h5.index {
    width: 75%;
    margin: 10px auto;
    text-align: center;
    box-sizing: border-box;
}
h3.index span.number,
h4.index span.number,
h5.index span.number {
    background: #666;
    font-size: 20px;
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    margin-right: 10px;
}

/**************************************/
/*  レビュー評価ボックス
/**************************************/
article#main div#review-box {
    padding: 1em;
    border: 1px solid #222;
    box-sizing: border-box;
    margin-bottom: 1.5em;
}
article#main div#review-box div#review-box-wrapper {
    height: auto;
    text-align: center;
}
article#main div#good_box, 
article#main div#bad_box {
    width: 50%;
    padding-top: .5em;
    padding-bottom: .5em;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
article#main div#good_box {
    border-right: 1px solid #333;
    padding-right: .75em;
}
article#main div#bad_box {
    padding-left: .75em;
}
div#good_box ul li span, div#bad_box ul li span {
    font-size: 16px;
    color: #666;
    font-style: italic;
    border-bottom: 1px solid;
}
div.left {
    float: left;
}
div.right {
    float: right;
}
article#main div#body div#good_box h3#good, 
article#main div#body div#bad_box h3#bad {
    margin-top: 0;
    margin-bottom: .5em;
    text-align: left;
    border-left: none;
}
article#main div#body div#good_box h3#good { color: #f35050; }
article#main div#body div#bad_box h3#bad { color: #508cf4; }

article#main div#body div#good_box ul#good, 
article#main div#body div#bad_box ul#bad {
    background: initial;
    border: initial;
    line-height: 25px;
    margin: 15px 0 0 20px;
    padding: 0;
    list-style: disc;
    font-size: 18px;
}
article#main div#body div#good_box ul#good li, 
article#main div#body div#bad_box ul#bad li {
    margin-bottom: 5px;
    padding: 0;
}
article#main ul#good li:before, 
article#main ul#bad li:before {
    content: initial;
}

article#main div#body div#good_box h3,
article#main div#body div#bad_box h3 {
    padding: 0;
    margin: 0;
    border-bottom: none;
    letter-spacing: 0.02em;
    font-style: normal;
    font-size: 18px;
    text-shadow: 1px 1px 2px #eee;
}

svg.al-icon.review-h3-circle, 
svg.al-icon.review-h3-xmark {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 1px;
}
svg.al-icon.review-h3-circle,
svg.al-icon.review-circle {
    fill: #97dd8d;
}
svg.al-icon.review-h3-xmark,
svg.al-icon.review-xmark {
    fill: #f35050;
}
svg.al-icon.review-circle,
svg.al-icon.review-xmark {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 5px 0 0;
}

/**************************************/
/*  コード
/**************************************/
article#main div#body code {
    background: #333;
    display: block;
    box-sizing: border-box;
    color: #fff;
    padding: 1em;
    font-size: 85%;
    letter-spacing: .00001em;
    margin-bottom: 2em;
}
article#main div#body code p {
    margin: 0;
}
article#main div#body code p.comment {
    color: green;
}

/**************************************/
/*  アイコン
/**************************************/
div#body img.icon-twitter {
    width: 10px;
    margin: initial;
}
div#body img.icon {
    width: 15px;
    margin: initial;
}
/**************************************/
/*  コレクションボックス
/**************************************/
div.collection_box {
    clear: both;
    margin: 15px 0 0 0;
    display:inline-block;
}
div.collection_box + div.collection_box {
    margin-top: 0;
}
div.collection_box.four .left, 
div.collection_box.four .center, 
div.collection_box.four .right {
    width: 25%;
    float: left;
    overflow: hidden;
}
div.collection_box.double .left, 
div.collection_box.double .right {
    width: 50%;
}
div.collection_box .left, 
div.collection_box .center, 
div.collection_box .right {
    width: 33.33%;
    padding: 0;
    margin: 0;
    font-size: 15px;
    display: inline-block;
    text-align: center;
}
div.collection_box span.image, 
div.collection_box span.image a {
    display: block;
}
div.collection_box span.image img {
    width: auto;
    height: 280px;
}
div.collection_box div.product_info {
    width: 95%;
    margin: 0 auto;
}
div.collection_box.double span.name {
    /* width: 100%; */
    width: 95%;
}
div.collection_box span.name {
    font-weight: 700;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
    line-height: 25px;
}
div.collection_box span.price {
    font-size: 13px;
    color: crimson;
    font-weight: 700;
    font-family: helvetica neue,Helvetica,Arial,sans-serif;
    line-height: 20px;
    text-align: right;
    display: block;
    margin-right: 15px;
}
div.collection_box span.off {
    color:blue;
}
div.collection_box span.point {
    color:green;
}
div.collection_box span.description,
div.collection_box span.time {
    width: 95%;
    display: inline-block;
    color: darkgray;
    font-weight: 100;
}
div.collection_box span.description {
    width: 100%;
    height: 70px;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    margin-top: 10px;
}
div.collection_box span.time {
    font-size: 12px;
    text-align: right;
    font-style: italic;
}
div.collection_box span.review,
div.collection_box span.comparison,
div.collection_box span.coupon,
div.collection_box span.priceurl {
    color: #333;
    text-decoration: underline;
    padding: 0 0 0 5px;
    font-weight: bold;
}
div.collection_box a {
    color: #333;
    text-decoration: underline;
}
div.collection_box span.split {
    padding-left: 5px;
}
div.collection_box span.read_more {
    font-weight: bold;
}

/* シングル */

div.collection_box.single {
    width: 100%;
}

div.collection_box div.single span.image img {
    height: 120px;
}

div.collection_box div.single .product_info {
    width: initial;
    height: 120px;
    padding: 20px 0 10px 0;
    display: inline-block;
}

div.collection_box div.single span.image {
    float: left;
    margin: 10px 10px 0 0;
}

div.collection_box div.single span.price {
    float: initial;
    display: block;
    text-align: left;
    margin: 15px 0 0 0;
    padding: 0;
    width: 100%;
    font-size: 15px;
}

div.collection_box div.single div.product_info span.name {
    width: 100%;
    padding: initial;
    height: initial;
    display: block;
    float: initial;
}

div.collection_box div.single span.description {
    display: block;
    margin: 10px 0 0 0;
    padding: initial;
    width: 100%;
    font-size: 14px;
}

div.collection_box div.single span.time {
    display: block;
}

div.collection_box div.single a.box_button.amazon {
    clear: both;
}

/* シンプル */
div.collection_box.simple {
    width: 17.5%;
    height: auto;
    margin-left: 1%;
    margin-right: 1%;
    overflow-x: hidden;
}
div.collection_box.simple span.name{
    font-size: 15px;
    font-weight:normal;
    height: 60px;
    align-items: initial;
    text-align: center;
}
div.collection_box.simple span.name a{
    text-decoration: initial;
}
div.collection_box.simple span.image img {
    width: 95%;
    height: auto;
    display: block;
    margin: 0 auto 10px auto;
}

/* セール */
div.collection_box.sale,
div.collection_box.app {
    width: 100%;
    border-top: 1px solid #ccc;
    border-radius: .75em;
    padding: 1em;
    margin-top: 1em;
    margin-bottom: 2em;
    box-sizing: border-box;
}
div.collection_box.sale + h4 {
    margin-top: -.75em;
}
div.collection_box.sale {
    border: 1px solid rgba(255, 153, 0, 0.5);
    background-color: rgba(255,153,0,.01);
}
div.collection_box.app {
    width: calc( 100% - 5px );
    box-shadow: 5px 5px 0 #444;
    border-radius: 0;
    border: 1px solid #333;
    /*border: 0;
    box-shadow: 2px 4px 12px rgba(0,0,0,.08);
    box-sizing: border-box;*/
    /*border-top: 2px solid;
    border-image: linear-gradient(to right, #00A0E8, #02d5a0) 1;
    border-radius: .75em;*/
}

div.collection_box.sale div.sale,
div.collection_box.app div.app {
    display: flex;
    flex-direction: row;
}

div.collection_box.sale div.sale span.image,
div.collection_box.app div.app span.image {
    width: 25%;
}

div.collection_box.sale div.sale span.image.landscape {
    overflow: hidden;
}

div.collection_box.sale div.sale div.product_info,
div.collection_box.app div.app div.product_info {
    width: 73%;
    margin: 0 0 0 2%;
}
div.collection_box.app div.app div.product_info {
    width: 80%;
}

div#body div.collection_box.sale div.sale span.image img,
div#body div.collection_box.app div.app span.image img {
    width: 100%;
    height: auto;
}

div#body div.collection_box.sale div.sale span.image.landscape img,
div#body div.collection_box.app div.app span.image.landscape img {
    width: 180%;
    position: relative;
    left: -40%;
}
div#body div.collection_box.sale div.sale span.image.landscape.long img,
div#body div.collection_box.app div.app span.image.landscape.long img {
    width: 140%;
    position: relative;
    left: -20%;
}

div.collection_box.sale div.sale span.name,
div.collection_box.app div.app span.name {
    font-size: 22px;
    margin-bottom: 10px;
}

div.collection_box.sale div.sale span.description,
div.collection_box.app div.app span.description {
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    color: #424242;
}
div.collection_box.sale div.sale span.price,
div.collection_box.app div.app span.price {
    text-align: left;
    font-size: 18px;
}
div.collection_box.sale div.sale span.price span.sale, 
div.collection_box.app div.app span.price span.sale {
    padding: 3px 6px;
    background: rgba(255, 0, 0, 0.15);
    display: inline-block;
}
div.collection_box.sale div.sale span.price span.badge {
    width: 26px;
    height: 26px;
    padding: 0;
    margin: initial;
    margin-right: .5em;
    display: inline-block;
    vertical-align: middle;
    box-shadow: initial;
    color: initial;
    font-size: 12px;
    border-radius: 13px;
    text-align: center;
    position: relative;
    top: -2px;
}
div.collection_box.sale div.sale span.price span.badge.rakuten {
    color: #FFF;
    background: rgba(191, 0, 0, 0.3);
}
div.collection_box.sale div.sale span.price span.badge.amazon {
    color: #333;
    background: rgba(255, 153, 0, 0.3);
}
div.collection_box.sale div.sale span.price span.badge.amazon svg.al-icon.amazon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 4px;
    left: 4px;
}
div.collection_box.sale div.sale span.price span.badge.apple {
    background: rgba(0, 0, 0, .75);
}
div.collection_box.sale div.sale span.price span.badge.apple svg.al-icon.apple {
    fill: #FFF;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 4px;
    left: 4px;
}
div.collection_box.sale div.sale span.price span.badge.google {
    background: rgba(66, 133, 244, 1);
}
div.collection_box.sale div.sale span.price span.badge.google svg.al-icon.google {
    fill: #FFF;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 4px;
    left: 4px;
}
div.collection_box.sale div.sale span.price span.badge.rakuten span.text {
    font-size: 17px;
    position: relative;
    top: 3px;
    left: .5px;
}
div.collection_box.sale div.sale span.off,
div.collection_box.app div.app span.off {
    color: #fefefe;
    margin-left: .5em;
    padding: 2px 5px;
    background: rgba(0, 0, 255, 0.3);
}
div.collection_box.sale div.sale span.point {
color: green;
margin-left: 15px;
padding: 2px 5px;
background: rgba(0,255,0,.3);
}
div.collection_box.sale div.sale span.description span.lowest {
    font-weight: bold;
    color: crimson;
    font-style: italic;
}
div#body div.collection_box.sale ul,
div#body div.collection_box.app ul {
    border: 0;
    clear: both;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    width: 70%;
    display: block;
}
div#body div.collection_box.app ul {
    clear: initial;
    width: 65%;
}
article#main div#body div.collection_box.sale ul li,
article#main div#body div.collection_box.app ul li {
    width: 45%;
    display: inline-block;
    text-indent: 0;
    padding-left: 0;
}
article#main div#body div.collection_box.sale ul li:nth-of-type(1),
article#main div#body div.collection_box.app ul li:nth-of-type(1) {
    margin-right: 1.5%;
}
article#main div#body div.collection_box.sale ul li:nth-of-type(2),
article#main div#body div.collection_box.app ul li:nth-of-type(2) {
    margin-left: 1.5%;
}
article#main div#body div.collection_box.sale ul li:nth-of-type(3) {
    margin-left: 3%;
}
div#body div.collection_box.sale ul.triple,
div#body div.collection_box.sale ul.quad {
    width: 98%;
}
article#main div#body div.collection_box.sale ul.triple li {
    width: 31%;
}
article#main div#body div.collection_box.sale ul.triple li:nth-of-type(2),
article#main div#body div.collection_box.sale ul.triple li:nth-of-type(5) {
    margin: 0 2.5%;
}
article#main div#body div.collection_box.sale ul.triple li:nth-of-type(1),
article#main div#body div.collection_box.sale ul.triple li:nth-of-type(3),
article#main div#body div.collection_box.sale ul.triple li:nth-of-type(4),
article#main div#body div.collection_box.sale ul.triple li:nth-of-type(6) {
    margin: 0%;
}
article#main div#body div.collection_box.sale ul.triple li:nth-of-type(n+4) { margin-top: 1em; }
div#body div.collection_box.sale ul li a,
div#body div.collection_box.app ul li a {
    width: 100%;
    margin: 0;
}

article#main div#body div.collection_box.sale ul.quad li { width: 23.5%; }
article#main div#body div.collection_box.sale ul.quad li { margin: 0; }
article#main div#body div.collection_box.sale ul.quad li { margin-right: 1em; }
article#main div#body div.collection_box.sale ul.quad li:last-child { margin-right: 0; }

article#main div#body div.collection_box.sale ul.quad.five li:nth-child(n+4) { margin-top: 1.25em; }
article#main div#body div.collection_box.sale ul.quad.five li { width: 31%; }

div#body div.collection_box.sale ul:before,
div#body div.collection_box.sale ul li:before,
div#body div.collection_box.app ul:before,
div#body div.collection_box.app ul li:before {
    content: initial;
}
div#body div.collection_box.sale + div.back-toc,
div#body div.collection_box.app + div.back-toc {
    margin-top: 25px;
}
article#main div#body div.collection_box.sale+table {
    margin-top: 35px;
}
article#main div#body div.collection_box.sale+div#timeline-wrapper {
    margin-top: 35px;
}
div.collection_box.sale .button a.box_button {
    width: 40%;
    height: 25px;
    line-height: 25px;
    background: #FFF;
    border: 2px solid #00a4c5;
    border-radius: 0;
    -webkit-box-shadow: 4px 4px 0 #00a4c5;
    box-shadow: 4px 4px 0 #00a4c5;
    color: #434343;
    text-shadow: initial;
    font-weight: bold;
    font-size: 15px;
    clear: both;
}
div.collection_box.sale .button a.box_button.amazon {
    background: rgba(255, 153, 0, 0.8);
    border: 2px solid #F90;
    box-shadow: 4px 4px 0 rgba(255, 153, 0, 0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(255, 153, 0, 0.3);
}
div.collection_box.sale .button a.box_button.amazon.prime {
    color: #fff;
    background: rgba(27, 151, 255, 0.8);
    border: 2px solid rgba(27, 151, 255, 1);
    box-shadow: 4px 4px 0 rgba(27, 151, 255, 0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(27, 151, 255, 0.3);
}
div.collection_box.sale .button a.box_button.rakuten {
    color: #FFF;
    background: #ff008c;
    border: 2px solid #ff008c;
    box-shadow: 5px 5px 0 rgba(255, 0, 140, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(255, 0, 140, 0.3);
}
div.collection_box.sale .button a.box_button.rakuten.ichiba {
    color: #FFF;
    background: rgba(191, 0, 0, 0.8);
    border: 2px solid #e61717;
    box-shadow: 4px 4px 0 rgba(191, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(191, 0, 0, 0.3);
}

div.collection_box.sale .button a.box_button.xiaomi {
    color: #FFF;
    background: #fe6900;
    border: 2px solid #fe6900;
    box-shadow: 5px 5px 0 rgba(254, 105, 0, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(254, 105, 0, 0.3);
}

div.collection_box.sale .button a.box_button.biccamera {
    color: #FFF;
    background: #e60012;
    border: 2px solid #e60012;
    box-shadow: 5px 5px 0 rgba(230, 0, 18, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(230, 0, 18, 0.3);
}
div.collection_box.sale .button a.box_button.yamada {
    color: #FFF;
    background: #123aa8;
    border: 2px solid #123aa8;
    box-shadow: 5px 5px 0 rgba( 18, 58, 168, 0.3 );
    -webkit-box-shadow: 5px 5px 0 rgba( 18, 58, 168, 0.3);
}
div.collection_box.sale .button a.box_button.yodobashi {
    color: #FFF;
    background: #1028ad;
    border: 2px solid #1028ad;
    box-shadow: 5px 5px 0 rgba(16, 40, 173, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(16, 40, 173, 0.3);
}
div.collection_box.sale .button a.box_button.docomo {
    color: #FFF;
    background: #c03;
    border: 2px solid #c03;
    box-shadow: 5px 5px 0 rgba(204, 0, 51, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(204, 0, 51, 0.3);
}
div.collection_box.sale .button a.box_button.ocn {
    color: #FFF;
    background: #03b4d0;
    border: 2px solid #03b4d0;
    box-shadow: 5px 5px 0 rgba(3, 180, 208, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(3, 180, 208, 0.3);
}
div.collection_box.sale .button a.box_button.au {
    color: #FFF;
    background: rgba(235, 85, 5, 1);
    border: 2px solid #ff7f00;
    box-shadow: 4px 4px 0 rgba(235, 85, 5, 0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(235, 85, 5, 0.3);
}
div.collection_box.sale .button a.box_button.uqmobile {
    color: #FFF;
    background: rgba(244, 84, 164, 1);
    border: 2px solid #f354a4;
    box-shadow: 4px 4px 0 rgba(244, 84, 164, 0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(244, 84, 164, 0.3);
}
div.collection_box.sale .button a.box_button.ymobile,
div.collection_box.sale .button a.box_button.paypay-mall {
    color: #FFF;
    background: #f03;
    border: 2px solid #f03;
    box-shadow: 4px 4px 0 rgba(255, 0, 51, 0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(255, 0, 51, 0.3);
}
div.collection_box.sale .button a.box_button.softbank,
div.collection_box.sale .button a.box_button.softbank_selection {
    color: #FFF;
    background: #85888b;
    border: 2px solid #85888b;
    box-shadow: 5px 5px 0 rgba(183, 187, 190, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(183, 187, 190, 0.3);
}
div.collection_box.sale .button a.box_button.apple,
div.collection_box.sale .button a.box_button.sony,
div.collection_box.sale .button a.box_button.balmuda {
    color: #FFF;
    background: #000;
    border: 2px solid #000;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.3);
}
div.collection_box.sale .button a.box_button.google {
    color: #FFF;
    background: #4285f4;
    border: 2px solid #4285f4;
    box-shadow: 5px 5px 0 rgba(66, 133, 244, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(66, 133, 244, 0.3);
}
div.collection_box.sale .button a.box_button.samsung {
    color: #FFF;
    background: #1428a0 ;
    border: 2px solid #1428a0 ;
    box-shadow: 5px 5px 0 rgba(20, 40, 159, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(20, 40, 159, 0.3);
}
div.collection_box.sale .button a.box_button.netflix {
    color: #FFF;
    background: #d81f26;
    border: 2px solid #d81f26;
    box-shadow: 5px 5px 0 rgba(215, 31, 38, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(215, 31, 38, 0.3);
}
div.collection_box.sale .button a.box_button.oppo {
    color: #FFF;
    background: #046a38;
    border: 2px solid #046a38;
    box-shadow: 5px 5px 0 rgba(4, 106, 56, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(4, 106, 56, 0.3);
}
div.collection_box.sale .button a.box_button.iijmio {
    color: #FFF;
    background: #e751aa;
    border: 2px solid #e751aa;
    box-shadow: 5px 5px 0 rgba(231, 81, 170, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(231, 81, 170, 0.3);
}
div.collection_box.sale .button a.box_button.fitbit {
    color: #FFF;
    background-color: #00a5ae;
    border: 2px solid #00a5ae;
    box-shadow: 5px 5px 0 rgba(0, 164, 173, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(0, 164, 173, 0.3);
}
div.collection_box.sale.noborder {
    border: none;
    padding-top: 0;
}

/**************************************/
/*  セール終了メッセージ
/**************************************/
div#sell_end {
    background: rgba(215, 240, 255, 0.61);
    color: #3eb6ff333;
    margin: 0 0 20px;
    text-align: center;
    padding: 10px 5px 10px;
    box-sizing: border-box;
}
div#sell_end p:first-child {
    padding: 0;
    font-weight: bold;
}
div#sell_end p {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
div#sell_end p#twitter_button {
    margin: 0 10px 0 0;
    color: #FFF;
    background: #55acee;
    border: 2px solid #55acee;
    box-shadow: 4px 4px 0 rgba(85, 172, 238, 0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(85, 172, 238, 0.3);
}
div#sell_end p#facebook_button {
    color: #FFF;
    background: #3B5998;
    border: 2px solid #3B5998;
    box-shadow: 4px 4px 0 rgba(59, 89, 152, 0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(59, 89, 152, 0.3);
}
div#sell_end a {
    color: initial;
    text-decoration: underline;
}
div#sell_end p#twitter_button a, 
div#sell_end p#facebook_button a {
    color: #FFF;
    text-decoration:underline;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
}
div#sell_end p#twitter_button, 
div#sell_end p#facebook_button {
    width: 42%;
    text-align: center;
    padding: 5px 8px;
    display: inline-block;
}

/**************************************/
/*  ボタン
/**************************************/
a.box_button {
    display: block;
    padding: 10px 0;
    margin: 0 0 20px 0;
    text-align: center;
    box-shadow: 0px 0px 3px #888;
    line-height: 35px;
    height: 35px;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
}
p a.box_button {
    margin-bottom: 2em;
}
a.box_button img {
    display: inherit;
}
.collection_box a.box_button {
    width:95%;
    margin-left: auto;
    margin-right: auto;
}
div.button_box_multi,
div.button_box_single,
div.button_box_double,
div.button_box_triple {
    text-align: center;
    margin-bottom: 1em;
}
div.button_box_multi p,
div.button_box_single p,
div.button_box_double p,
div.button_box_triple p {
    display: inline-block;
    width: 48.5%;
    margin-top: 15px;
    margin-bottom: 0;
}
article#main div#body div.button_box_single p {
    width: 100%;
    margin: 0;
}
div.button_box_double p {
    width: 48%;
}
div.button_box_triple p {
    width: 32%;
}
div.button_box_multi p:nth-of-type(2n) {
    margin-left: 1.5%;
}
div.button_box_multi p:nth-of-type(2n+1) {
    margin-right: 1.5%;
}
/*div.button_box_triple p:nth-of-type(2n) {
    margin: 0 2%;
}*/
div.button_box_triple p:nth-of-type(3n-1) {
    margin: 0 2%;
}
div.button_box_double p:nth-of-type(1) {
    margin-right: 1%;
}
div.button_box_double p:nth-of-type(2) {
    margin-left: 1%;
}
div.button_box_multi p.last {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

div.button_box_multi a.box_button,
div.button_box_single a.box_button,
div.button_box_double a.box_button,
div.button_box_triple a.box_button,
div.collection_box a.box_button {
    width: 95%;
    height: 35px;
    margin: 0 auto;
    font-size: 17px;
    overflow: hidden;
}
div.button_box_single a.box_button {
    width: 100%;
}
div.button_box_multi span.title,
div.button_box_single span.title,
div.button_box_double span.title,
div.button_box_triple span.title {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 15px;
    font-weight: bold;
    position: relative;
    align-items: center;
    display: flex;
}

div#layer span.title:after,
div.button_box_multi span.title:after,
div.button_box_single span.title:after,
div.button_box_double span.title:after,
div.button_box_triple span.title:after {
    content: "";
    margin: 0 0 0 25px;
    background: #aaa;
    display: block;
    height: 1px;
    flex-grow: 1;
}

div#layer span.title:before,
div.button_box_multi span.title:before,
div.button_box_single span.title:before,
div.button_box_double span.title:before,
div.button_box_triple span.title:before {
    content: "";
    margin: 0 25px 0 0;
    background: #aaa;
    display: block;
    height: 1px;
    flex-grow: 1;
}

table+div.button_box_single {
    margin-top: 20px;
}

a.box_button.multi {
    width: 47%;
}
a.box_button.rakuten {
    background: #ff008c;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(255, 0, 140, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(255, 0, 140, 0.3);
}
a.box_button.rakuten.ichiba {
    border: initial;
    background: #e61717;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(191, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(191, 0, 0, 0.3);
}
a.box_button.xiaomi {
    background: #fe6900;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(254, 105, 0, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(254, 105, 0, 0.3);
}
a.box_button.biccamera {
    background: #e60012;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(230, 0, 18, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(230, 0, 18, 0.3);
}
a.box_button.yodobashi {
    background: #1028ad;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(16, 40, 173, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(16, 40, 173, 0.3);
}
a.box_button.sofmap {
    background: #30b5ef;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(48, 181, 238, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(48, 181, 238, 0.3);
}
a.box_button.yamada {
    background: #164fb6;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(22, 79, 182, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(22, 79, 182, 0.3);
}
a.box_button.line {
    background: #06c755;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(6, 199, 85, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(6, 199, 85, 0.3);
}
a.box_button.nifmo {
    background: #1650a2;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(22, 80, 162, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(22, 80, 162, 0.3);
}
a.box_button.apple,
a.box_button.nuro,
a.box_button.dazn {
    color: #FFF;
    background: #000;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.3);
}
a.box_button.google {
    color: #FFF;
    background: #4285f4;
    box-shadow: 5px 5px 0 rgba(66, 133, 244, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(66, 133, 244, 0.3);
}
a.box_button.googleplay {
    color: #FFF;
    background: #ed3b3b;
}
a.box_button.ymobile,
a.box_button.paypay-mall,
a.box_button.ypremium {
    color: #FFF;
    background: #f03;
    box-shadow: 5px 5px 0 rgba(255, 0, 51, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(255, 0, 51, 0.3);
}
a.box_button.uq,
a.box_button.uqmobile {
    color: #FFF;
    background: #f354a4;
    box-shadow: 5px 5px 0 rgba(244, 84, 164, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(244, 84, 164, 0.3);
}
a.box_button.au {
    color: #FFF;
    background: #eb5505;
    box-shadow: 5px 5px 0 rgba(235, 85, 5, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(235, 85, 5, 0.3);
}
a.box_button.docomo,
a.box_button.dbarai {
    color: #FFF;
    background: #c03;
    box-shadow: 5px 5px 0 rgba(204, 0, 51, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(204, 0, 51, 0.3);
}
a.box_button.softbank,
a.box_button.softbank_selection {
    color: #FFF;
    background: #85888b;
    box-shadow: 5px 5px 0 rgba(183, 187, 190, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(183, 187, 190, 0.3);
}
a.box_button.povo {
    background: #fff500;
    color: rgb(118, 119, 120);
    box-shadow: 5px 5px 0 rgba(183,187,190,.3);
    -webkit-box-shadow: 5px 5px 0 rgba(183,187,190,.3);
}
a.box_button.ahamo {
    background: #01b5d0;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(1, 181, 208, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(1, 181, 208, 0.3);
}
a.box_button.sbline {
    background: #14cd0a;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(20, 205, 10, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(20, 205, 10, 0.3);
}
a.box_button.ocn {
    background: #03b4d0;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(3, 180, 208, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(3, 180, 208, 0.3);
}
a.box_button.amazon {
    color: #FFF;
    background: rgba(255, 153, 0, 0.8);
    border: 2px solid #F90;
    box-shadow: 4px 4px 0 rgba(255, 153, 0, 0.3);
    -webkit-box-shadow: 4px 4px 0 rgba(255, 153, 0, 0.3);
}
a.box_button.nojima {
    background: #1A2F77;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(26, 47, 119, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(26, 47, 119, 0.3);
}
a.box_button.nba {
    background: #df3232;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(223, 50, 50, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(223, 50, 50, 0.3);
}
a.box_button.uber-eats {
    background: #3e9920;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(64, 193, 97, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(64, 193, 97, 0.3);
}
a.box_button.biglobe {
    background: #3176d5;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(49, 118, 213, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(49, 118, 213, 0.3);
}
a.box_button.mineo {
    background: #00a23d;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(0, 162, 61, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(0, 162, 61, 0.3);
}
a.box_button.onepassword {
    background: #096bd6;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(9, 107, 214, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(9, 107, 214, 0.3);
}
div.amazonlink-info a.box_button {
    width: 75%;
    margin: 0 0 0 5px;
}
a.box_button.iij,
a.box_button.iijmio {
    background: #e751aa;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(231, 81, 170, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(231, 81, 170, 0.3);
}
a.box_button.aeon {
    background: #b60081;
    color: #FFF;
    box-shadow: 5px 5px 0 rgba(182, 0, 129, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(182, 0, 129, 0.3);
}
a.box_button.appstore, 
a.box_button.gpstore {
    color: #FFF;
    display: inline-block;
    font-weight: bold;
}
a.box_button.appstore {
    background-color: #03b0ff;
    border: 1px solid #00A0E8;
    box-shadow: 5px 5px 0 rgba(3, 176, 255, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(3, 176, 255, 0.3);
}
a.box_button.appstore.multi {
    margin: 0 10px 0 0;
}
a.box_button.gpstore {
    background-color: #02d5a0;
    border: #00BE8F 1px solid;
    box-shadow: 5px 5px 0 rgba(2, 213, 160, 0.3);
    -webkit-box-shadow: 5px 5px 0 rgba(2, 213, 160, 0.3);
}
a.box_button.lemino {
    background: linear-gradient( 275deg, #ffb42d, #ff0974 );
    background: -webkit-linear-gradient( 275deg, #ffb42d, #ff0974 );
    background: -moz-linear-gradient( 275deg, #ffb42d, #ff0974 );
    color: #FFF;
}

/**************************************/
/*  アフィリエイト - テキスト
/**************************************/

div.text_box {
    line-height: 30px;
    margin-top: 2em;
    margin-bottom: 1em;
    padding: 25px 10px 15px;
    border: 3px solid #00a4c5;
    background: rgba(0,165,198,.04);
    position: relative;
    border-radius: 8px 3px;
}

div.text_box p {
    margin: 0;
    font-size: 16px;
    display: inline;
    line-height: 100%;
}

div.text_box p:nth-of-type(n+2):before {
    content: "/";
    padding: 0 10px;
}

div.text_box p a {
    color: initial;
    text-decoration: underline;
}

div.text_box span.title {
    position: absolute;
    top: -14px;
    left: 10px;
    padding: 0 5px;
    background: #00a4c5;color: #FFF;
    border-radius: 8px 3px;
    height: 25px;
    line-height: 25px;font-size: 15px;font-weight: bold;
}

div.text_box span.store_label {
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .025em;
    display: block;
    padding: 8px 0 0 0;
}

div.text_box span.store_label+p:before {
    content: "";
    padding: initial;
}

div.text_box span.description {
    font-style: italic;
    color: #00a4c5;
    font-size: 16.5px;
    line-height: 25px;
    font-weight: 700;
    display: block;
    padding-bottom: 5px;
}

/**************************************/
/*  アプリ
/**************************************/

div#body div.story {
    background: #fafafa;
    padding: 10px;
    border: 1px solid #eee;
    margin-bottom: 20px;
}
div#body div.story p {
    color: #666;
    font-style: italic;
    font-size: 85%;
    line-height: 170%;
    padding-bottom: 8px;
}
div.appImg,
div.appInfo {
    margin-top: 20px;
}
div.appImg {
    float:left;
}
div.appImg img {
    width:57px;
    border:none;
}
div.appInfo {
    padding: 0 0 0 70px;
    font-size: 14px;
    line-height: 20px;
}
div.appInfo div.name a,
div.appInfo div.name a:link,
div.appInfo div.name a:visited,
div.appInfo div.name a:hover {
    font-size: 15px;
    font-weight: bold;
    text-decoration:underline;
    color:#444;
}
div.appInfo div.rate_wrap {
    width:102px;
}
div.appInfo div.rate {
    margin: 0 0 0 47px;
    background: url(https://mobilelaby.net/elements/star.png) repeat-x left 4px;
}
div.appInfo div.price,
div.appInfo div.rate {
    color:#888;
}
div.appInfo div.price span.price {
    color: red;
    background: rgba(255,0,0,.2);
    padding: 3px;
}
div.appInfo div.price span.off {
    color: blue;
    background: rgba(0,0,255,.2);
    padding: 3px;
}
div.appInfo div.rate img.app_star {
  border: none;
  height: 11px;
}
div.appInfo div.price:before {
    content:"価格：";
}
div.appInfo div.rate:before {
    content:"評価：";
    margin:0 0 0 -47px;
}
div.appButton,
div.appButton_triple {
    clear:both;
    margin: 0 0 20px 0;
    text-align: center;
}
div.appButton span#gpstore,
div.appButton_triple span#gpstore {
    background-color: #02d5a0;
    border: #00BE8F 1px solid;
    margin:0 10px 0 0;
}
div.appButton span#gpmstore,
div.appButton_triple span#gpmstore {
    background-color: #ef6c00;
    border: #ff7300 1px solid;
    margin:0 10px 0 0;
}
div.appButton span#appstore,
div.appButton_triple span#appstore {
    background-color: #03b0ff;
    border: 1px solid #00A0E8;
}
div.appButton_triple span#appstore {
    margin:0 10px 0 0;
}
div.appButton span#msstore,
div.appButton_triple span#msstore {
    background-color: #FFBA08;
    border: 1px solid #E0A200;
}
div.appButton span#macstore,
div.appButton_triple span#macstore {
    background-color: #0072FF;
    border: 1px solid #0167E4;
}
div.appButton span#macstore.left {
    margin:0 10px 0 0;
}
div.appButton span#amazonstore,
div.appButton_triple span#amazonstore {
    background-color: #F9D03A;
    border: 1px solid #c2a14e;
}
div.appButton span#gpstore, 
div.appButton span#gpmstore, 
div.appButton span#appstore,
div.appButton span#msstore,
div.appButton span#macstore,
div.appButton span#amazonstore {
    height: 50px;
    line-height: 50px;
    display: inline-block;
    width: 49%;
    text-align: center;
    color: #FFF;
    box-shadow: 0px 0px 3px #888;
    font-weight: bold;
}
div.appButton_triple span#gpstore, 
div.appButton_triple span#gpmstore, 
div.appButton_triple span#appstore,
div.appButton_triple span#msstore,
div.appButton_triple span#macstore,
div.appButton_triple span#amazonstore {
    height: 50px;
    line-height: 50px;
    display: inline-block;
    width: 31.5%;
    text-align: center;
    color: #FFF;
    box-shadow: 0px 0px 3px #888;
    text-shadow: 0 0 3px #777;
    font-weight: bold;
}

/**************************************/
/*  アプリ評価  
/**************************************/

div.review_box {
    border: 1px solid #333;
    padding: 5px;
    margin: 0 0 20px 0;
}
div.review_box:before {
    content: "レビュー評価";
    padding: 0 15px;
    position: relative;
    top: -20px;
    left: 10px;
    text-align: left;
    background: #FFF;
    font-weight: bold;
}
div.review_box>p {
    padding: 0 0 5px 0;
    color: #555;
    font-style: italic;
    font-size: 14px;
    padding-left:1em;
    text-indent:-1em;
}
div.review_box>p:before {
    content: "・";
}
div.review_box>p:first-child {
    margin: -10px 0 0 0;
}

span.badge {
    color: #fff;
    font-size: 70%;
    padding: 0px 5px;
    border-radius: 5px;
    display: inline-block;
    margin: 0 0 20px 0;
    box-shadow: 0px 0px 3px #bbb;
}

span.badge.green {
    background: #00b96c;
    background: -prefix-linear-gradient(left top, #33CCCC, #00b96c);
    background: linear-gradient(to bottom right, #33CCCC, #00b96c);
}

span.badge.blue {
    background: #33CCCC;
    background: -prefix-linear-gradient(left top, #33CCCC, #3366FF);
    background: linear-gradient(to bottom right, #33CCCC, #3366FF);
}

span.badge.gold {
    background: #daab00;
    background: -prefix-linear-gradient(left top, #ecde32, #daab00);
    background: linear-gradient(to bottom right, #ecde32, #daab00);
}

div.review-card {
    text-align: center;
    border: 1px solid #222;
    border-bottom: none;
    padding: 0;
    box-sizing: border-box;
    background: #111;
}

.review-card .wrapper {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.review-info {
    flex-basis: 40%;
    line-height: initial;
}

.review-rate-all, .review-rate-score {
    width: 120px;
    height: 70px;
    margin: 0 auto;
    line-height: 70px;
    font-weight: bold;
    font-size: 45px;
}

.review-rate-score {
    background: #06a4c4;
    color: #FFF;
}
.review-rate-score span {
    height: 50px;
    line-height: 50px;
    display: block;
}
.review-rate-score span.label {
    font-size: 15px;
    line-height: 20px;
    height: 20px;
}
.review-rate-all {
    background: #FFF;
    color: #333;
}

.review-image {
    flex-basis: 60%;
    line-height: initial;
}

div.review-image img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

.review-rate {
    display: inline-block;
    width: 100px;
    height: 100px;
    background: #0f96b3;
    line-height: 100px;
}

div.review-rate span {
    font-weight: bold;
    font-size: 50px;
}

.review-name {
    margin: 20px 0 0 0;
    font-size: 35px;
    font-weight: bold;
    padding: 0 10px;
    line-height: 45px;
    color: #FFF;
}

/**************************************/
/*  記事の更新日付
/**************************************/

article#main div#body p.update {
    padding: 1em;
    margin-bottom: 2em;
    background: rgba(0,165,198,.15);
}
p.update span.time {
    align-items: flex-end;
    margin-bottom: .5em;
    display: flex;
    position:relative
}
p.update span.time:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #aaa;
    right: 0;
    position: absolute;
}
p.update span.time span.label {
    padding: ;
    line-height: 25px;
    color: #555;
    font-size: 15px;
    font-weight: 700;
    font-style: italic;
    letter-spacing: .15em;
    padding-bottom: .25em;
}
p.update span.ps {
    display: block;
    color: #555;
    font-size: 18px;
}
p.update span.ps + span.time {
    margin-top: 0.5em;
}
p.update span.image_box {
    display: block;
}
div#body span.image_box img.left, 
div#body span.image_box img.right {
    width: 49.5%;
    margin: 0;
}
p.update span.eou span.label {
    right: 0;
    position: absolute;
}
p.update span.eou:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #efefef;
}

article#main div#body span.update {
    font-size: 85%;
    font-style: italic;
    color: #FFF;
    display: table;
    background: #464646;
    padding: 0 10px;
    margin-bottom: 10px;
}
article#main div#body span.update:before {
    content: "Update";
    margin: 0 12px 0 0;
}

/**************************************/
/*  アフィリエイトリンク
/**************************************/

.vc-box{
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    background-color: #fafafa;
}
.vc-image-wrapper {
    float: left;
    width: 230px;
    height: 230px;
    overflow: hidden;
    margin: 0 10px 0 0;
    border-radius: 5px;
}
.vc-image-wrapper>a {
    width: 190px;
}
.vc-image-wrapper>a>img {
    border: 0;
    width: 250px;
    position: relative;
    left: -10px;
    top: -10px;
}
img.au-vc-image.vc-image {
    left: -10%;
    top: 0;
    width: 120%;
    margin: 10% 0 0 0;
}
.vc-info {
    padding: 15px 0 0 0;
    font-size: 14px;
    line-height: 14px;
}
.vc-name {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 13px 0;
}
.vc-name>a {
    color: #333;
    text-shadow: -1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff !important;
    font-weight: bold;
    padding: 0 0 2px 0;
    border-bottom: 1px solid #333;
    text-decoration: none;
}
.vc-price {
    margin: 0 0 8px 0;
    font-size: 13px;
    line-height: 15px;
}
.vc-price.bold {
    color: crimson;
}

.vc-price span.price{
    color:#333;
}
.vc-price span.price.bold {
    color: crimson;
}
.vc-price span.off {
    color:#0000FF;
    font-weight:bold;
}
.vc-price span.real {
    color:crimson;
    font-weight:bold;
}

.vc-contract {
    font-size: 12px;
    font-weight: bold;
    color:green;
}
.vc-link {
    height: 50px;
    line-height:50px;
    border-radius: 8px;
    margin: 20px 15px 0 240px;
    box-shadow: 0 0 3px #ccc;
}
.vc-link.top_cut {
    margin-top: 8px;
}
.vc-link.bottom_cut {
    margin-bottom: 0px;
}
.vc-link.softbank {
    border: 1px solid #c7c7c7;
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #d7d7d7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#d7d7d7));
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#d7d7d7 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%,#d7d7d7 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%,#d7d7d7 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%,#d7d7d7 100%);
}
.vc-link.docomo {
    border: 1px solid #c7c7c7;
    background: rgb(255, 148, 175);
    background: -moz-linear-gradient(top, rgb(255, 148, 175) 0%, rgb(204, 0, 51) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255, 148, 175)), color-stop(100%,rgb(204, 0, 51)));
    background: -webkit-linear-gradient(top, rgb(255, 148, 175) 0%,rgb(204, 0, 51) 100%);
    background: -o-linear-gradient(top, rgb(255, 148, 175) 0%,rgb(204, 0, 51) 100%);
    background: -ms-linear-gradient(top, rgb(255, 148, 175) 0%,rgb(204, 0, 51) 100%);
    background: linear-gradient(to bottom, rgb(255, 148, 175) 0%,rgb(204, 0, 51) 100%);
}
.vc-link.au {
    border: 1px solid #c7c7c7;
    background: #FFB58D;
    background: -moz-linear-gradient(top, #FFB58D 0%, #EB5505 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFB58D), color-stop(100%,#EB5505));
    background: -webkit-linear-gradient(top, #FFB58D 0%,#EB5505 100%);
    background: -o-linear-gradient(top, #FFB58D 0%,#EB5505 100%);
    background: -ms-linear-gradient(top, #FFB58D 0%,#EB5505 100%);
    background: linear-gradient(to bottom, #FFB58D 0%,#EB5505 100%);
}
.vc-link.ymobile {
    border: 1px solid #c7c7c7;
    background: #FF98A6;
    background: -moz-linear-gradient(top, #FF98A6 0%, #fc5269 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF98A6), color-stop(100%,#fc5269));
    background: -webkit-linear-gradient(top, #FF98A6 0%,#fc5269 100%);
    background: -o-linear-gradient(top, #FF98A6 0%,#fc5269 100%);
    background: -ms-linear-gradient(top, #FF98A6 0%,#fc5269 100%);
    background: linear-gradient(to bottom, #FF98A6 0%,#fc5269 100%);
}
.vc-link.other {
    border: 1px solid #c7c7c7;
    background: #F1F1F1;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top, #FFFFFF 0%,#fefefe 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%,#fefefe 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%,#fefefe 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%,#fefefe 100%);
}

.vc-link.softbank>a,
.vc-link.other>a {
    color: #333;
    text-shadow: -1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff !important;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.vc-link.docomo>a,
.vc-link.au>a,
.vc-link.ymobile>a {
    color: #fff;
    text-shadow: -1px -1px #333,1px -1px #333,-1px 1px #333,1px 1px #333 !important;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.amazonlink-box {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;text-align: left;overflow: hidden;}
.amazonlink-image-wrapper {float:left;margin:0 15px 0 0;max-height: 200px;overflow-y: hidden;}
.amazonlink-image-wrapper > a > img {border: none;width:150px;}
.amazonlink-info {line-height:120%;/zoom: 1;overflow: hidden;}
.amazonlink-name {
    font-weight: bold;
    font-size: 14px;
}
.amazonlink-name a {
    color:#383838;
}
.amazonlink-price {font-weight: bold;font-size: 14px;margin: 5px 0 20px 0;}
.amazonlink-price span#price {
    color: #FF0000;
    background: rgba(255, 0, 0, 0.2);
    padding: 3px;
}
.amazonlink-price span#off {
    color: #00f;
    background: rgba(0, 0, 255, 0.2);
    padding: 3px;
}
.amazonlink-price span#point {
    color: #006F1B;
    background: rgba(0, 255, 0, 0.2);
    padding: 3px;
}
.amazonlink-price span.price_label {font-weight: normal;color: #777;font-size: 12px;}
.amazon-star {
    margin: 5px 0;
    font-size: 13px;
}
article#main div#eyecatch div#container span#review_rate {
    display: block;
    font-size: 16px;
    margin: 10px 0 0 0;
    color: #FFB500;
}

div.star_wrap {
    width: 50%;
    margin: 0 auto;
}
div.star_wrap div.star_package {
    margin: 0 auto;
    text-align: left;
    white-space: nowrap;
}
svg.al-icon.review-full-star,
svg.al-icon.review-half-star {
    width: 17px;
    height: 17px;
    display: inline;
    fill: #FFB500;
}
.amazon-arasuji {margin: 0 0 20px 0;font-size: 12px;font-style: italic;color: #5C5A5A;}
.amazonlink-detail {font-weight: normal;font-size:13px;}
.amazonlink-link1 {margin-top:10px;}

.shoplinkrakuten,
.shoplinkamazon,
.shoplinkgoogle {
    text-align:center;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px;
    text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;
    margin: 10px 0;
    width: 75%;
    word-wrap: break-word;
    white-space:inherit;
    border-radius: 10px;
}

.shoplinkamazon {
    border-top: 1px solid #c2a14e !important;
    border-left: 1px solid #c2a14e !important;
    border-right: 1px solid #c2a14e !important;
    border-bottom: 5px solid #c2a14e;
    background: #F9D03A;
}

.shoplinkrakuten {
    border-top: 1px solid #bf0000 !important;
    border-left: 1px solid #bf0000 !important;
    border-right: 1px solid #bf0000 !important;
    border-bottom: 5px solid #bf0000;
    background: rgb(255, 82, 82);
}

.shoplinkapplestore,
.shoplinkdocomoshop,
.shoplinkaushop,
.shoplinksoftbankshop,
.shoplinkiij,
.shoplinkocn,
.shoplinkmineo,
.shoplinkdmm,
.shoplinkb-mobile,
.shoplinkfreetel,
.shoplinkuqmobile {text-align:center !important;line-height: 35px !important;font-weight:bold !important;font-family: Arial, Helvetica, sans-serif !important;font-size: 18px !important;color: #333333 !important;padding: 10px 20px !important;-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6) !important;-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6) !important;box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6) !important;margin: 10px 0 !important;word-wrap: break-word !important; white-space:inherit !important;text-shadow:0 -1px 0.5px #333, -1px 0 0.5px #333, 1px 0 0.5px #333,0 1px 0.5px #333;}

.shoplinkapplestore {background: #FFF;border: 1px solid #aaa !important;text-shadow:0 -1px 0.5px #ccc, -1px 0 0.5px #ccc, 1px 0 0.5px #ccc, 0 1px 0.5px #ccc}
.shoplinkdocomoshop{background:#D2203E;border: 1px solid #e89091 !important;}
.shoplinkaushop {background: #FF844E;border: 1px solid #e89091 !important;}
.shoplinksoftbankshop {background: #eee;border: 1px solid #aaa !important;}
.shoplinkiij,.shoplinkiijmio {background: #e5007f;border: 1px solid rgb(255, 133, 201) !important;padding: 8px 20px !important;}
.shoplinkocn {background: #008cde;border: 1px solid #88D3FF !important;padding: 8px 20px !important;}
.shoplinkmineo {background: #00a23d;border: 1px solid #73FFA8 !important;padding: 8px 20px !important;}
.shoplinkdmm {background: #1d2c5a;border: 1px solid #6D91FF !important;padding: 8px 20px !important;}
.shoplinkb-mobile {background: #065006;border: 1px solid #00BD00 !important;padding: 8px 20px !important;}
.shoplinkfreetel {background: #e60012;border: 1px solid #e60012 !important;padding: 8px 20px !important;}
.shoplinkuqmobile {background: #e4007f;border: 1px solid #e4007f !important;padding: 8px 20px !important;}
.shoplinkdocomoshop a img,
.shoplinkaushop a img,
.shoplinksoftbankshop a img,
.shoplinkiij a img,
.shoplinkocn img,
.shoplinkmineo a img,
.shoplinkdmm a img,
.shoplinkb-mobile a img,
.shoplinkfreetel a img,
.shoplinkuqmobile a img {display:none;}

.shoplinkamazon a, 
.shoplinkamazon a:link, 
.shoplinkamazon a:hover, 
.shoplinkamazon a:visited, 
.shoplinkrakuten a, 
.shoplinkrakuten a:link, 
.shoplinkrakuten a:hover, 
.shoplinkrakuten a:visited,
.amazonlink-link1 a,
.amazonlink-link1 a:link,
.amazonlink-link1 a:hover,
.amazonlink-link1 a:visited,
.google-calendarlink-link1 a,
.google-calendarlink-link1 a:link,
.google-calendarlink-link1 a:hover,
.google-calendarlink-link1 a:visited {color: #333;text-decoration: none;top: -4px;position: relative;}

.shoplinkdocomoshop a,
.shoplinkaushop a,
.shoplinksoftbankshop a,
.shoplinkiij a,
.shoplinkocn a,
.shoplinkmineo a,
.shoplinkdmm a,
.shoplinkb-mobile a,
.shoplinkfreetel a,
.shoplinkuqmobile a {color:#FFF;border-bottom: 1px solid #333;padding-bottom: 5px;}
.shoplinkapplestore a {color:#333;border-bottom: 1px solid #333;padding-bottom: 5px;}

.shoplinkdocomoshop a:hover,
.shoplinkaushop a:hover,
.shoplinksoftbankshop a:hover,
.shoplinkiij a:hover, 
.shoplinkocn a:hover,
.shoplinkmineo a:hover,
.shoplinkdmm a:hover,
.shoplinkb-mobile a:hover,
.shoplinkfreetel a:hover,
.shoplinkuqmobile a:hover, {color:#eee;border-bottom: 1px solid #333;padding-bottom: 5px;}
.shoplinkapplestore a:hover {color:#666;border-bottom: 1px solid #333;padding-bottom: 5px;}

.shoplinkamazon a:hover,.shoplinkrakuten a:hover {text-decoration: underline;}

.shoplinkgoogle {
    border-top: 1px solid #0B63F5 !important;
    border-left: 1px solid #0B63F5 !important;
    border-right: 1px solid #0B63F5 !important;
    border-bottom: 5px solid #0B63F5;
    background: #4285f4;
}

/* Apple Store */
div.apple-store-affiliate {border:1px solid #d8d8d8;background:#f8f8f8;border-radius:5px;}
div.apple-store-affiliate > div.wrapper {padding:5px;}
div.apple-store-affiliate > div.wrapper > div.image img {width:20%; float:left;}
div.apple-store-affiliate > div.wrapper > div.detail {float:right;width:75%;color:#777;}
div.apple-store-affiliate > div.wrapper > div.detail > span.title {display:block;font-weight:bold;}
div.apple-store-affiliate > div.wrapper > div.detail span.price {color:crimson;font-weight:bold;margin:0 0 15px;}
div.apple-store-affiliate > div.wrapper > div.detail > a {height: 35px;width: 65%;line-height: 35px;padding: 5px;background: #FFF;background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ddd));background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);background: linear-gradient(top center, #fff 0%, #ddd 100%);color: #333;border: 1px solid #d8d8d8;border-radius: 5px;display: block;text-align: center;box-shadow: 1px 1px 1px #d8d8d8;margin:0 0 10px 0;}

div.apple-store-affiliate > div.wrapper > div.detail > span.title a,
div.apple-store-affiliate > div.wrapper > div.detail > span.title a:link,
div.apple-store-affiliate > div.wrapper > div.detail > span.title a:visited,
div.apple-store-affiliate > div.wrapper > div.detail > span.title a:hover {text-shadow: -1px -1px #FFF, 1px -1px #FFF, -1px 1px #FFF, 1px 1px #FFF !important;color: #222;font-weight: bold;padding: 0 0 2px 0;border-bottom:1px solid #222;}

div.apple-store-affiliate > div.wrapper > div.detail a,
div.apple-store-affiliate > div.wrapper > div.detail a:link,
div.apple-store-affiliate > div.wrapper > div.detail a:visited,
div.apple-store-affiliate > div.wrapper > div.detail a:hover {text-shadow: -1px -1px #222,1px -1px #222,-1px 1px #222,1px 1px #222 !important;color: #FFF;font-weight: bold;text-decoration: none;}

a.amazon_button span {
    background: orange;
    width: 90%;
    height: 40px;
    margin: 5px 0;
    padding: 0;
    line-height: 40px;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 3px #da8d00;
}

a.amazon_button span:hover {
    background: #febd69;
    color: #FFF;
}

a.amazon_button {
    color: #333;
    font-weight: bold;
    font-size: 110%;
}

/* キャリア別フォントカラー */
.au_color { color: #ff6600;font-weight: bold; }
.docomo_color { color: #cc3333;font-weight: bold; }
.softbank_color { color: #666666;font-weight: bold; }
.rakuten_color { color: #ff008c;font-weight: bold; }
.ymobile_color { color: #f03;font-weight: bold; }
.uq_color { color: #f354a4;font-weight: bold; }
.apple_color { color: #000;font-weight: bold; }
.samsung_color { color: #2189ff;font-weight: bold; }
.google_color { color: #1967d2;font-weight: bold; }

.au_backcolor { color: #FFF !important;background: #ff6600b8 !important;font-weight: normal; }
.docomo_backcolor { color: #FFF !important;background: #cc3333ba !important;font-weight: normal; }
.softbank_backcolor { color: #FFF !important;background: #666666b5 !important;font-weight: normal; }
.rakuten_backcolor { color: #FFF !important;background: #ff008c !important;font-weight: normal; }
.ymobile_backcolor { color: #FFF !important;background: #f03 !important;font-weight: normal; }
.uq_backcolor { color: #FFF !important;background: #f354a4 !important;font-weight: normal; }
.google_backcolor { color: #FFF; background: #4285F4; font-weight: normal; }
.white_backcolor { background: #FFF; }

table.split tr:nth-child(1) td.head[colspan]:nth-child(1) {
    border-bottom: initial;
    font-weight: bold;
    font-style: initial;
    box-shadow: 1px 1px 3px #dedede;
}
table.split tr:nth-child(1) td.head.docomo_color { border-left: 5px solid #cc3333; }
table.split tr:nth-child(1) td.head.au_color { border-left: 5px solid #ff6600; }
table.split tr:nth-child(1) td.head.softbank_color { border-left: 5px solid #666666; }
table.split tr:nth-child(1) td.head.rakuten_color { border-left: 5px solid #ff008c; }
table.split tr:nth-child(1) td.head.ymobile_color { border-left: 5px solid #f03; }
table.split tr:nth-child(1) td.head.uq_color { border-left: 5px solid #f354a4; }
table.split tr:nth-child(1) td.head.apple_color,
table.split tr:nth-child(1) td.head.sony_color { border-left: 5px solid #000; }
table.split tr:nth-child(1) td.head.samsung_color { border-left: 5px solid #2189ff; }
table.split tr:nth-child(1) td.head.google_color { border-left: 5px solid #1967d2; }

table.split tr.storage td[class*=backcolor] {
    border: 0;
    font-weight: bold;
}
/**************************************/
/*  よくある質問
/**************************************/

div.qa_wrapper {
    border-bottom: 1px solid #eee;
    margin-bottom: 1em;
}
div.qa_wrapper p.question,
div.qa_wrapper p.answer {
    text-indent: -43px;
    padding-left: 43px;
    line-height: 1.5;
}
div.qa_wrapper p.question:before,
div.qa_wrapper p.answer:before {
    border-radius: 50%;
    color: #FFF;
    margin-right: 10px;
}
div.qa_wrapper p.question {
    margin-bottom: 0;
    font-weight: bold;
}
div.qa_wrapper p.question:before {
    content: "Q";
    padding: 5px 8.6px;
    background: #aaa;
    font-weight: normal;
}
div.qa_wrapper p.answer {
    margin-top: 10px;
    font-size: 17px;
    color: #888;
}
div.qa_wrapper p.answer:before {
    content: "A";
    padding: 5px 9.73px;
    background: #0d96b3;
    font-size: 20px;
}

/**************************************/
/*  テキスト比較
/**************************************/

article#main div#body div.compare_box.clear_fix {
    margin: 1.5em 0 1em;
}
article#main div#body div.compare_box div.left,
article#main div#body div.compare_box div.right {
    border: 3px solid #333;
    padding: .3em .5em .5em .5em;
    width: 49.5%;
    box-sizing: border-box;
    position: relative;
}

article#main div#body div.compare_box div span.label {
    position: absolute;
    background: #FFF;
    font-size: 17px;
    font-weight: bold;
    padding: 0 5px;
    top: -20px;
}

article#main div#body div.compare_box div.left span.label {
    left: 15px;
}
article#main div#body div.compare_box div.right span.label {
    left: 15px;
}

article#main div#body div.compare_box div span.text {
    font-size: 15px;
    padding: 10px 0 0 0;
    display: block;
}

article#main div#body div.compare_box span.highlight {
    background: lemonchiffon;
    padding: 5px;
}

/**************************************/
/*  注釈
/**************************************/
div#body span.bold_green_small,
div#body span.warning {
    padding: 0;
    margin: 0;
    font-size: 70%;
    font-weight: bold;
    font-style: italic;
    display: block;
    line-height: initial;
    margin-top: -12px;
}
div#body span.bold_green_small {
    color: green;
}
div#body span.warning,
div#body span.warning a {
    color: #ff7272;
}
div#body span.warning a {
    text-decoration: underline;
}
div.update_info {
    background: #ff00000f;
}
div.update_info p {
    color: red;
    padding: 5px 10px;
    font-size: 14px;
    font-style: italic;
    text-align: center;
}

/**************************************/
/*  Twitter
/**************************************/
twitterwidget,
twitter-widget,
iframe.twitter-tweet,
div.twitter-tweet {
    margin: 0 auto;
    padding: 0 0 10px 0;
}
twitter-widget+br,
twitterwidget+br,
iframe.twitter-tweet+br {
    display: none;
}

/**************************************/
/*  YouTube
/**************************************/
.youtube,
.apple-video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 1.5em;
}
.youtube iframe,
.apple-video iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: initial;
    border: none;
}

/**************************************/
/*  TikTok
/**************************************/
article#main div#body blockquote.tiktok-embed {
    border: none;
    margin-left: auto;
    margin-right: auto;
}

/**************************************/
/*  目次に戻る
/**************************************/
.back-toc {
    margin-bottom: 1.5em;
    text-align: right;
}
div.back-toc>a {
    text-align: center;
    display: inline-block;
    width: 35%;
    background: #eee;
    color: #333;
    font-size: 85%;
    border: 1px solid #ccc;
    margin-top: .5em;
    padding: .35em 0;
}
svg.al-icon.toc-up {
    display: inline;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    top: 1px;
    position: relative;
    fill: #444;
}
div.back-toc>a:link,
div.back-toc>a:visited,
div.back-toc>a:hover {
    text-decoration: none;
}

/**************************************/
/*  バッジ
/**************************************/
span.badge.silver {
    background: gray;
}
span.badge.silver:after {
    content: " おすすめ";
}
span.badge.silver.after_none:after {
    content: "";
}

/**************************************/
/*  Apple Music                             
/**************************************/

iframe[src*="embed.music.apple.com"],
iframe[src*="open.spotify.com/embed/playlist/"],
iframe[src*="music.amazon.co.jp/embed/"] {
    width: 98%;
    height: 500px;
    display: block;
    margin: 0 auto 20px auto;
}
div.iframe_wrapper.infogram {
    margin: 0 auto;
    padding: 1em 1em 0.5em 1em;
    background: #efefef;
    box-sizing: border-box;
}

/**************************************/
/*  Instagram
/**************************************/
iframe[src*="instagram.com"] {
    height: 1270px;
}
iframe.instagram-img-movie-landscape-16-9 {
    height: 810px;
}
iframe.instagram-img-movie-portrait {
    height: 1530px;
    width: 50%;
    margin: 0 auto;
    display: block;
}
div.block_embed {
    margin-bottom: 2em;
}

/**************************************/
/*  Reddit
/**************************************/
article#main div#body script[src*="embed.reddit.com"] + p {
    margin-top: 1em;
}

/**************************************/
/*  プロフィール
/**************************************/
div#profile {
    width: 80%;
    max-width: 1024px;
    margin: 20px auto;
    padding-top: 20px;
}

span#profile_image {
    float: left;
}
span#profile_image img {
    width: 150px;
    height: auto;
    border-radius: 50%;
    border: 1px solid #ccc;
    margin: 0 15px 0 0;
    box-sizing: border-box;
}

span#profile_description {
    font-size: 22px;
    line-height: 30px;
    display: block;
}
span#profile_description p:first-child {
    font-weight: bold;
    margin: 0;
}
span#profile_description p:nth-child(2) {
    margin-bottom: 10px;
    font-size: 16px;
    color: #666;
}

span#profile_sns {
    font-size: 35px;
    height: 35px;
    display: block;
}
#profile_sns span:nth-child(1) {
    margin-right: 20px;
}
span#profile_sns svg.al-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    left: 0;
    top: 0;
    position: initial;
    fill: #888;
}

/**************************************/
/*  コメント
/**************************************/

div#comment {
    width: 80%;
    max-width: 1024px;
    box-sizing: border-box;
    margin: 20px auto;
    padding: 20px;
    background: #FFF;
    overflow-x: hidden;
    box-shadow: 2px 4px 12px rgba(0,0,0,.08);
    border-radius: 8px 3px;
}
div#comment div#comment-title {
    font-size: 2em;
    font-weight: bold;
    padding: 5px 0 5px 8px;
    margin-bottom: 10px;
    border-left: solid 5px #00a4c5;
}
div#comment ul.list {
    font-size: 15px;
    list-style: none;
    margin: 0 0 50px 0;
}
div#comment ul li {
    list-style: none;
    box-shadow: 2px 4px 12px rgba(0,0,0,.08);
    padding: 1em;
}
div#comment ul.children li {
    box-shadow: none;
    padding-right: 0;
}
div#comment ul li:nth-child(n+2) {
    margin: 20px 0 0 0;
}
div#comment ul li ul {
    padding: 0 0 0 5px;
}
div#comment ul.children {
    margin: 20px 0 0 0;
}
div#comment ul.list img.avatar {
    border: 1px solid #eee;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
div#comment ul li div.comment-body {
    padding: 0 0 1em 1em;
    position: relative;
    border-left: 3px solid #00a4c5;
}
div#comment ul li div.comment-body div.comments-text {
    margin: 20px 0;
    line-height: 25px;
    font-size: 16px;
    letter-spacing: 0.1em;
}
div#comment ul li div.comment-body cite.fn {
    position: absolute;
    top: 20px;
    padding: 0 0 0 65px;
    font-size: 16px;
}
div#comment ul li div.comment-body span.says {
    display: none;
}
div#comment ul li div.comment-body div.reply {
    width: 60px;
    padding: 5px 0;
    background: #00a4c5;
    text-align: center;
}
div#comment ul li div.comment-body div.reply a {
    color: #FFF;
}
div#comment ul li div.comment-body span.comments-no {
    position: absolute;
    right: 185px;
}
div#comment ul li div.comment-body .comment-meta.commentmetadata {
    position: absolute;
    bottom: 13px;
    right: 0;
    font-style: italic;
    color: #333;
}
div#comment div#respond {
    margin: 20px 0 0 0;
}
h3#reply-title p {
    margin: 0 0 15px 0;
}

div#comment div#respond h3#reply-title {
    font-size: 16px;
}

div#comment div#respond textarea#comment {
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
    resize: vertical;
}

div#comment div#respond input#submit {
    color: #FFF;
    background: #00a4c5;
    border: none;
    padding: 5px 10px;
    font-size: 15px;
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    box-sizing: border-box;
    cursor: pointer;
}
div#comment div#respond input#submit.disabled{
    opacity: 0.5;
}
div#comment div#respond input#submit::-webkit-search-decoration {
    display: none;
}
div#comment div#respond input#submit::focus {
    outline-offset: -2px;
}

div#comment p.akismet_comment_form_privacy_notice {
    display: none;
}
p.comment-form-comment {
    margin: 0;
}
input#comment-author, 
input#comment-url {
    border: 1px solid #999;
    height: 20px;
    width: 200px;
    margin: 5px 0;
}

span#terms_head {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin: 10px 0 0 0;
    display: inline-block;
}
div#comment div#terms p {
    font-size: 120%;
    font-style: italic;
    color: gray;
    margin: 10px 0 0 0;
    padding: 0;
    padding-left: 1em;
    text-indent: -0.65em;
    letter-spacing: 0.125em;
}
div#comment div#terms p.crimson {
    color: crimson;
}
div#comment div#terms p:before {
    content: "*";
    padding: 0 3px 0 0;
    position: relative;
    top: 3px;
}
div#comment div.comment-form-author {
    margin: 0 0 0 0;
}

div#comment div.comments-bottom {
    height: 30px;
}

div#comment div.progress-circle {
    width: 30px;
    display: inline-block;
    top: 10px;
    left: 8px;
}

div#comment div.comments-text ol{
    background: #00a4c5;
    box-sizing: border-box;
    border: 1px solid #eee;
}
div#comment div.comments-text ol li {
    list-style: decimal;
    padding: .5em;
    margin: 0;
    background: #fcfcfc;
    color: #FFF;
    border-bottom: 1px dashed #eee;
}
div#comment div.comments-text ol li:last-child {
    border: none;
}
div#comment div.comments-text ol li span {
    color: #333;
}

div#layer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    background: #bbb;
    width: 100%;
    height: 10%;
    padding: 2% 5%;
    padding-bottom: calc( env( safe-area-inset-bottom ) + .3em );
    box-sizing: border-box;
    color: #FFF;
    font-weight: 600;
    display: none;
}
div#layer span {
    position: absolute;
    top: 50%;
    margin-top: -0.9em;
}
div#layer span.label {
    left: 5%;
    float: left;
}
div#layer span.price {
    right: 5%;
    float: right;
}

div#layer span.alert {
    position: initial;
    font-size: 80%;
}
div#layer.box_button {
    height: initial;
    padding: 0.5% 5%;
    background: #efefef;
    padding-bottom: calc( env(safe-area-inset-bottom) + .3em );
}
div#layer span.title {
    top: initial;
    margin: 0 auto 8px auto;
    text-align: center;
    color: #777;
    position: relative;
    align-items: center;
    display: flex;
    width: 20%;
    font-size: 18px;
}
div#layer.box_button .box_button {
    width: 23.5%;
    margin: 0 1%;
    float: left;
    height: 20px;
    line-height: 20px;
    font-weight: normal;
    font-size: 14px;
}
div#layer.five.box_button .box_button {
    width: 18.4%;
}
div#layer.box_button .box_button:first-of-type {
    margin-left: 0;
}
div#layer.box_button .box_button:last-of-type {
    margin-right: 0;
}

div.glossary {
    box-sizing: border-box;
    padding: 25px 15px 15px 15px;
    margin: 2em 0 1.5em;
    font-size: 80%;
    line-height: 200%;
    font-style: italic;
    background: rgba(0,165,198,.04);
    border: 3px solid #00a4c5;
    border-radius: 8px 3px;
    color: #333;
    position: relative;
}

div.glossary span.title {
    background: #00a4c5;
    color: #FFF;
    padding: 0px 7px;
    position: absolute;
    top: -15px;
    font-size: 90%;
    border-radius: 8px 3px;
}

div.glossary+div.glossary {
    margin: 25px 0;
}

/**************************************/
/*  カプセル
*/
article#main div#body div.capsule-box {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: .75em;
}
article#main div#body div.capsule-box ul {
    border: none;
    padding: 0;
    margin: 0 0 5px 0;
}
article#main div#body div.capsule-box ul li { 
    background: #333;
    color: #FFF;
    box-sizing: border-box;
    padding: 2px 10px;
    margin-right: 5px;
    float: left;
    border-radius: 20px;
    font-weight: bold;
    font-size: 10px;
    border-radius: 8px 3px;
}
article#main div#body div.capsule-box ul li a {
    color: #FFF;
    text-decoration: underline;
}
article#main div#body div.capsule-box ul li:before { content: initial; }

/**************************************/
/*  10秒まとめ
*/
div.quick-answer {
    box-sizing: border-box;
    margin: 10px auto 0 auto;
    background: rgba(0, 165, 198, .08);
    box-shadow: 4px 4px 0 rgba(0, 165, 198, .08);
    -webkit-box-shadow: 4px 4px 0 rgba(0, 165, 198, .08);
    border: 2px solid rgba(0, 165, 198, 0.1);
    padding: .9375rem 1.25rem;
    width: calc(100% - 8px);
}
div.quick-answer span.description {
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.75em;
    margin-bottom: 20px;
    display: inline-block;
}

div.quick-answer span.title {
    display: block;
    font-weight: bold;
    margin: 10px 0;
    letter-spacing: 0.1em;
}

/**************************************/
/*  THINK
/**************************************/
div.think_wrapper {
    background: rgba(0,165,198,.04);
    background: rgba(57, 88, 201, 0.04);
    padding: 1.25em 1.8em .75em 1.8em;
    margin-bottom: 20px;
}
div.think_wrapper p {
    margin: 0;
    margin-bottom: 15px;
    color: #666;
    font-style: italic;
}
div.think_wrapper span.head {
    font-size: 1.3em;
    line-height: 1.3em;
    border-bottom: 3px solid #3a59ca;
    margin-bottom: 20px;
    font-style: italic;
    display: inline-block;
}

/**************************************/
/*  one_liner
/**************************************/
article#main div#body div.point {
    background: rgb( 245, 248, 249 );
    border-radius: 8px;
    padding: 1.15em .95em;
    margin: 40px 0;
}
article#main div#body div.point p {
    color: rgb( 110, 110, 110 );
    margin-bottom: 0;
    line-height: 1.65em;
    font-size: 95%;
    letter-spacing: .025em;
    font-style: italic;
    font-weight: 500;
    /*padding-left: calc(1em + 10px);
    text-indent: calc(-1em + 23px);*/
    position: relative;

}
article#main div#body div.point p:before {
    /*content: '\2705';
    position: absolute;
    left: 0;
    top: 0;*/
}

/**************************************/
/*  アートワーク
/**************************************/

div.album {
    max-width: 850px;
    overflow-x: auto;
    margin: 1em auto;
    position: relative;
}
div.album::-webkit-scrollbar {
    display: none;
}

/* 写真表示エリア */
div.album div.artwork {
    box-sizing: border-box;
    display: -webkit-box;
    background: rgba(51, 51, 51, 0.1);
    padding: 1%;
    overflow-x: auto;
}
div.album div.artwork::-webkit-scrollbar {
    display: none;
}
div.album div.artwork span[class^="artwork"] {
    display: block;
    width: calc( 100% + 1%);
    font-size: 0;
}
div.album div.artwork span[class^="artwork"] img{
    height: auto;
    width: calc(100% - 1%);
}

/* インジケーター */
div.album div.indicator {
    width: 100%
    position: absolute;
}
div#body div.album div.indicator ul  {
    margin: initial;
    list-style: initial;
    border: initial;
    padding: initial;
    display: flex;
    margin: 0.5em 0 0 0;
}
div#body div.album div.indicator ul li:before {
    content: initial;
}
article#main div#body div.album div.indicator ul li {
    width: 25%;
    height: 2px;
    background: #333;
    margin-left: 1%;
    float: left;
    padding: initial;
    list-style-type: none;
}
article#main div#body div.album div.indicator ul li:first-of-type {
    margin-left: 0;
}
article#main div#body div.album div.indicator ul li::marker {
    font-variant: initial;
    display: none;
    
}

/* ボタン表示エリア */
div.album div.button button.prev-box, 
div.album div.button button.next-box {
    position: absolute;
    top: 50%;
    top: calc(50% - 25px);
    border-radius: 50%;
    background: #333;
    width: 50px;
    height: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    border: 0;
    box-shadow: 0 0 3px #666;
    z-index: 1;
}
div.album div.button button.prev-box {
    left: 0.5%;
}
div.album div.button button.next-box {
    right: .5%;
}

/* ページャー */
article#main div#body div.album div.pager span.pager-number {
    font-size: .75em;
    line-height: 1.7;
}

article#main div#body div.n2-section-smartslider {
    margin-bottom: 2em;
}

article#main div#body div.gallery-ss div.n2-ss-slider {
    background: rgba(239, 239, 239);
}

article#main div#body div.gallery-ss div.n2-ss-slider div.n2-bullet {
    padding: 5px 5px 0px 25px;
    box-shadow: none;
    border: 0px solid RGBA(0,0,0,1);
    border-radius: initial;
}
article#main div#body div.gallery-ss div.n2-ss-slider div.n2-bullet {
    background: RGBA(0,0,0,0.4);
}
article#main div#body div.gallery-ss div.n2-ss-slider div.n2-bullet.n2-active {
    background: RGBA(0,0,0,0.8);
}
article#main div#body div.gallery-ss div.n2-ss-slider div.n2-ss-slider-controls-below {
    background: #FFF;
}

/**************************************/
/*   ブラケット
/**************************************/
/* ラッパー */
div.bracket {
    background: rgba( 249, 248, 241, 0.75 );
    padding: .5em;
    position: relative;
    overflow-x: auto;
}
/* ラベル */
div.bracket div.label {
    text-align: center;
    font-weight: bold;
    margin-bottom: .5em;
}
/* ラッパー */
div#body div.bracket ul {
    border: none;
    margin-top: 0;
    display: inline-grid;
    position: relative;
}
/* マッチ */
article#main div#body div.bracket ul li.match {
    padding: .5em 0;
    margin: 1.25em 0 0 0;
    border: 1px solid #eee;
    display: block;
    box-shadow: 0 0 2px;
    border-radius: .5em;
    background: #fff;
    width: 180px;
    text-align: center;
    text-indent: 0;
    position: relative;
}
article#main div#body div.bracket li.match:nth-of-type(1) {
    margin-top: 0;
}
div#body div.bracket li.match:before {
    content: "";
    position: absolute;
}
article#main div#body div.bracket.wider li.match {
    width: 270px;
}
/* チーム */
div.bracket li.match span.team {
    display: inline-block;
    text-align: center;
    width: 40%;
    height: 90px;
    font-weight: bold;
}
div.bracket li.match span.team span.emoji {
    height: 50px;
    display: block;
    font-size: 3em;
    line-height: 1;
}
div.bracket li.match span.team span.country {
    font-size: .6em;
    line-height: 1.5;
    display: inline-block;
}
div.bracket li.match span.team span.holder {
    display: block ;
    font-size: .75em;
    height: 50px;
    line-height: 50px;
    background: rgba(51, 51, 51, 0.1);
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin: .25em;
}
/* スコア */
div.bracket li.match span.score {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
}
div.bracket li.match span.score span.number {
    font-weight: bold;
    font-size: 16px;
    color: brown;
}
div.bracket li.match div.score span {
    width: 8%;
    font-weight: bold;
    display: inline-block;
    font-size: .9em;
    color: #555;
}
div.bracket li.match div.score span.left {
    width: 25%;
}
div.bracket li.match div.score span.right {
    width: 25%;
}
/* 試合日時 */
div.bracket li.match span.date {
    display: block;
    font-size: .75em;
    margin: 0 .5em;
    padding: 0;
    text-align: center;
    vertical-align: text-bottom;
}
div.bracket li.match span.time {
    display: block;
    font-size: .95em;
}
div.bracket li.match span.program {
    display: block;
    font-size: 0.7em;
    margin: 0 .5em;
    padding: 0;
}

/* ライン */
div#body div.bracket ul div.line-downer,
div#body div.bracket ul div.line-upper,
div#body div.bracket ul div.line-middler {
    transition: transform 300ms ease-in-out 0s;
    box-sizing: border-box;
    position: absolute;
}
div#body div.bracket.wider ul div.line-downer,
div#body div.bracket.wider ul div.line-upper,
div#body div.bracket.wider ul div.line-middler {
    width: 30px;
    right: -32px;
}
div#body div.bracket.wider ul div.line-middler {
    left: -32px;
}
/* ライン：▔| */
div#body div.bracket ul div.line-downer {
    height: 175px;
    border: 3px solid #dadce0;
    border-bottom: 0;
    border-left: 0;
    width: 18px;
    top: calc(50% - 0px);
    right: -20px;
}
div#body div.bracket ul.first-round.right div.line-downer {
    right: 0;
    left: -20px;
    border-left: 3px solid #dadce0;
    border-right: 0;
}
div#body div.bracket ul.second-round li.match div.line-downer,
div#body div.bracket ul.final li.match div.line-middler {
    height: 350px;
}
/* ライン：ー */
div#body div.bracket ul div.line-upper {
    border-top: 3px solid #dadce0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    width: 18px;
    top: calc(50% + -4px);
    right: -20px;
}
div#body div.bracket ul.first-round.right div.line-upper {
    left: -20px;
}
div#body div.bracket ul div.line-middler {
    border-top: 3px solid #dadce0;
    width: 18px;
    height: 50px;
    left: -18px;
    top: calc(50% - 0px);
}
div#body div.bracket ul li.match.bottom div.line-middler {
    top: calc(50% + -4px);
}
div#body div.bracket ul.second-round.right div.line-middler,
div#body div.bracket ul.second-round.right div.line-middler.after,
div#body div.bracket ul.final div.line-middler,
div#body div.bracket ul.final div.line-middler.after {
    border-left: 3px solid #dadce0;
    height: 350px;
}
div#body div.bracket ul.second-round.right div.line-middler.after,
div#body div.bracket ul.final div.line-middler.after {
    border-right: 3px solid #dadce0;
    border-left: 0;
}
div#body div.bracket ul.second-round.right div.line-middler.after {
    border-right: 0;
}
div#body div.bracket ul.second-round div.line-middler.top {
    top: 60px;
}
div#body div.bracket ul.second-round div.line-middler.bottom {
    top: 315px;
}
div#body div.bracket ul.second-round li.match.bottom div.line-middler,
div#body div.bracket ul.final li.match.bottom div.line-middler {
    height: 0;
}
div#body div.bracket ul li.match div.line-middler.after {
    right: -20px;
    left: initial;
}
/* ベスト16 */
div#body div.bracket ul.first-round.right {
    /*padding-left: 64.55em;*/
    padding-left: 1118px;
    position: absolute;
}
/* 準々決勝 */
article#main div#body div.bracket ul.second-round {
    /*padding-left: 1.5em;*/
    padding-left: 26px;
    position: absolute;
    top: 14%;
}
article#main div#body div.bracket ul.second-round li.match.bottom {
    margin-top: 11.5em;
}
article#main div#body div.bracket ul.second-round.right {
    /*padding-left: 51.9em;*/
    padding-left: 898px;
}
article#main div#body div.bracket.wider ul.second-round {
    padding-left: 3em;
}
/* 準決勝 */
div#body div.bracket ul.semi-final {
    position: absolute;
    top: 37.5%;
    /*padding-left: 14.25em;*/
    padding-left: 244px;
}
div#body div.bracket ul.semi-final.right {
    /*padding-left: 39.35em;*/
    padding-left: 680px;
}
div#body div.bracket.wider ul.semi-final {
    /*padding-left: 22.5em;*/
    padding-left: 462px;
}
/* 決勝 */
div#body div.bracket ul.final {
    position: absolute;
    top: 14%;
    /*padding-left: 26.8em;*/
    padding-left: 462px;
}
article#main div#body div.bracket ul.final li.match+div.label {
    /*margin-top: 8.75em;*/
    margin-top: 149px;
}
article#main div#body div.bracket ul.final li.match.bottom {
    /*margin-top: -0.5em;*/
    margin-top: 4px;
}
ul.final li.match.bottom div.blank {
    height: 182px;
    display: flex;
    align-items: center;
    width: 100%;
}
ul.final li.match.bottom div.blank span {
    margin: 0 auto;
}


div#body div.bracket.best-16 {
    height: 800px;
}
div#body div.bracket.best-16 ul.second-round {
    top: 5%;
}
div#body div.bracket.best-16 ul.second-round.right {
    padding-right: 2em
}
div#body div.bracket.best-16 ul.semi-final {
    top: 33%;
}
div#body div.bracket.best-16 ul.final {
    top: 5%;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 スコア付きブラケットの調整  
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
/* ベスト16：ライン右折れ */
div#body div.bracket.score ul.first-round li div.line-downer {
    height: 210px;
}
/* 準々決勝・決勝 */
div#body div.bracket.score ul.second-round li div.line-downer,
div#body div.bracket.score ul.second-round li div.line-middler,
div#body div.bracket.score ul.final li div.line-middler,
div#body div.bracket.score ul.final li div.line-middler.after {
    height: 414px;
}
/* 準々決勝・下側 */
article#main div#body div.bracket.score ul.second-round li.match.bottom {
    margin-top: 225px;
}
/* 3位決定戦 */
article#main div#body div.bracket.score ul.final li.match+div.label {
    margin-top: 181px;
}
article#main div#body div.bracket.score ul.final li.match.bottom {
    margin-top: -2px;
}

/**************************************/
/*  アコーディオン
/**************************************/

.accordion {
    position: relative;
    height: 340px;
    overflow-y: hidden;
    transition: .4s;
    box-sizing: border-box;
    margin: 0 -1.85%;
    margin: 0;
}
.accordion.long {
    height: 900px;
}
.accordion.active button {
    position: initial;
    display: block;
}
/*グラデーションで隠す擬似要素*/
.accordion:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
  transition: .4s;
}
/*クラス付与時のスタイル*/
.accordion.active:before {
  opacity: 0;
  visibility: hidden;
}
/*ボタンのスタイル*/
.accordion button{
    background-color: #00a4c5;
    border: 1px solid #00a4c5;
    color: #fff;
    width: fit-content;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.5em;
    margin: auto;
    padding: .5em .7em;
    text-align: center;
    transition: all .2s;
    z-index: 1;
    box-shadow: 0 0 3px #ccc;
    border-radius: 1.2em;
}

/**************************************/
/*  ChatGPT
/**************************************/
article#main div#body div#chatgpt {
    width: calc(100% - 4px);
    margin: 1em 0 1.75em;
    padding: .25em;
    background: #f4f4f4;
    box-shadow: 2px 2px 0 #fff,4px 4px 0 #888;
    box-sizing: border-box;
    border: 1.5px solid #888;
}
article#main div#body div#chatgpt span.title {
    font-weight: bold;
    padding-left: .25em;
}
article#main div#body div#chatgpt ul {
    border: initial;
    margin: initial;
    padding: initial;
    padding: .5em .75em 0 .75em;
}
article#main div#body div#chatgpt ul li {
    padding-left: 1.25em;
    position: relative;
}
article#main div#body div#chatgpt ul li:before {
    content: "";
    top: .75rem;
    position: absolute;
    content: "";
    display: block;
    background-color: #00a4c5;
    width: .5rem;
    height: .5rem;
    left: 0;
}
article#main div#body div#chatgpt span.result {
    padding: .25em;
    display: block;
    line-height: 1.75;
    font-size: .95em;
}
article#main div#body div#chatgpt span.result p {
    margin: 0;
}
article#main div#body div#chatgpt span.gptbadge {
    display: block;
    text-align: right;
    width: 100%;
    height: 24px;
    margin-top: .25em;
}
article#main div#body div#chatgpt span.gptbadge svg.al-icon.chatgpt {
    width: 120px;
    height: 24px;
    display: inline;
}

/**************************************/
/*  管理者のみ
/**************************************/
p>textarea.image-label,
p>img+textarea.image-label {
    font-size: 12px;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: left;
    box-sizing: border-box;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    resize: none;
    overflow-y: hidden;
    background: #fcfcfc;
    padding: 0 8px;
    margin-top: 1em;
}
p>textarea.image-label {
    margin-top: -25px;
}
p>textarea.image-label:focus {
    outline: 0;
    box-shadow: 0 0 0 3px #00a4c5;
    border: 1px solid rgba(255, 255, 255, 0.0);
}
p>textarea.image-label::selection {
    background: #00a4c5;
    color: #fff;
}
table p>textarea.image-label{
    display: none;
}
textarea.image-label {
    display: block;
    margin: 0 auto;
}

/**************************************
 *  レスポンシブ
 **************************************/
@media screen and (max-width: 1250px) {
    article#main div#eyecatch div#container {
        width: 90%;
    }
    article#main div#eyecatch div#container h1 {
        font-size: 35px;
        line-height: 50px;
    }
    article#main div#body p:first-child {
        margin-top: 0;
        margin-left: 0;
        margin-right: 0;
    }
    article#main div#infobox div#profile {
        width: 97%;
        font-size: 12px;
    }
    article#main div#infobox div#profile div#profile-image {
        margin-right: 5px;
    }
    article#main div#infobox div#profile div#profile-image img {
        width: 30px;
        height: 30px;
    }
    article#main div#infobox h1 {
        font-size: calc(1em*1.250*1.250*1.250*1.250);
        line-height: 1.3;
        padding: 25px 8px;
    }
    div#body div.description_box2,
    div#body div.description_box2.half,
    div#body div.description_box2.big,
    div#body h3.index,
    div#body h4.index,
    div#body h5.index {
        width: 100%;
    }
}
@media screen and (max-width: 1100px) {
    article#main div#eyecatch div#container div#prologue {
        display: none;
    }
}
@media screen and (max-width: 1065px) {
    /* 本文幅 */
    article#main div#body p {
        padding: 0 .25em;
    }
    article#main div#body p[class^="img_"] {
        padding: initial;
        height: auto;
    }
    article#main div#body h2 {
        padding: 0 1em;
    }
    article#main div#body div.image_info,
    div.list_wrapper,
    div.google-auto-placed {
        margin-left: 1.75em;
        margin-right: 1.75em;
    }
    div.google-auto-placed,
    div.AdsSingle {
        margin: 0 1.75em;
        max-width: calc(100% - 3.5em);
    }
    article#main div#body div.twentytwenty-wrapper.twentytwenty-horizontal {
        width: calc(100% - 1.75em);
        margin-left: auto;
        margin-right: auto;
    }
    article#main div.twentytwenty-wrapper + div.image_info {
        margin-block-start: 0em;
    }
    
    div#body h2 {
        margin: 30px 0 10px;
    }
    iframe[src*="instagram.com"] {
        height: 800px;
    }
    div.AdsRelate {
        height: auto;
        padding: 10px;
    }
    article#main div#eyecatch {
        background-size: cover;
        background-position-x: 50%;
        height: 250px;
    }
    article#main div#eyecatch:before {
        height: 250px;
    }
    article#main div#body p.img_box.trimming img.full {
        width: 100.3%;
    }
    article#main div.annotation {
        line-height: 150%;
        margin: initial;
        padding: 5px 0;
    }
    article#main div[class^="img_center"] + div.image_info {
        width: 100%;
    }
    ol.step-by-step { 
        padding-left: 0;
    }
    ol.step-by-step li div.description {
        margin-left: 10px;
    }
    ol.step-by-step li div.description:after {
        content: "";
        clear: both;
        display: block;
    }
    ol.step-by-step li:after {
        border-left: 1px solid #ccc;
        width: 5px;
    }
    ol.step-by-step li div.description span.label {
       left: 10px;
    }
    div#body ol.step-by-step h3,
    div#body ol.step-by-step h4 {
        font-size: 20px;
        border-bottom: 1px dashed #efefef;
        padding: 0 0 10px 0;
    }
    ol.step-by-step li.desc-step-by-step h3 svg.al-icon,
    ol.step-by-step li.desc-step-by-step h4 svg.al-icon {
        position: absolute;
        top: 10px;
        right: 0;
    }
    article#main div#body ol.step-by-step li div.description.vertical.number-1 div.text-wrap {
        width: 58%;
        float: right;
    }
    article#main div#body ol.step-by-step li div.description p.text {
        font-size: 17px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    article#main div#body ol.step-by-step li div.description.number-1 p.text {
        margin-bottom: 0;
    }
    article#main div#body ol.step-by-step li p.image.vertical img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }
    article#main div#body ol.step-by-step li p.image.horizontal img {
        width: 100%;
        margin: 0;
    }
    ol.step-by-step li div.description.number-1.vertical p.image {
        float: left;
        width: 40%;
    }
    article#main div#body ol.step-by-step li div.description.vertical.number-1 p.image img {
        width: 100%;
        margin: 0;
    }
    article#main div#body ol.step-by-step li div.description.vertical.number-2 p.image img {
        width: 50%;
        margin: initial;
    }
    article#main div#body ol.step-by-step li div.description.vertical.number-3 p.image img {
        width: 33.3%;
        margin: initial;
    }
    div.sbs-wrapper div.sbs-content div.sbs {
        width: 85%;
        margin: 20px 10px;
        padding: 0.25em;
    }
    div.sbs-wrapper div.sbs-content div.sbs.landscape {
        width: 95%;
    }
    div.sbs-wrapper div.sbs-content:before, 
    div.sbs-wrapper div.sbs-content:after {
        width: 10px;
    }
    div.sbs-wrapper div.sbs-content div.sbs div.sbs-step,
    div.sbs-wrapper div.sbs-content div.sbs div.sbs-title,
    div.sbs-wrapper div.sbs-content div.sbs div.sbs-child div.sbs-message 
    {
        top: -20px;
    }
    div.sbs-wrapper div.sbs-content div.sbs div.sbs-title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    div.sbs-wrapper div.sbs-content div.sbs div.sbs-message {
        width: 180px;
    }
    article#main div#body div.sbs-wrapper div.sbs-content div.sbs div.sbs-image div.sbs-annotation p {
        font-size: .65em;
    }
    article#main div#body div.description_box2 p img,
    article#main div#body div.description_box2 div img {
        width: 100%;
        height: auto;
        margin: initial;
    }
    article#main div.img_box_wide img.left,
    article#main div.img_box_wide img.right,
    article#main div#body div.list_wrapper.triple.left,
    article#main div#body div.list_wrapper.triple.center,
    article#main div#body div.list_wrapper.triple.right {
        width: 100%;
        margin-left: initial;
        margin-right: initial;
        float: initial;
    }
    img#modal_image {
        width: 800px;
    }
    
    iframe,
    .youtube iframe,
    div.twentytwenty-wrapper.twentytwenty-horizontal {
        width: 100%;
        margin: 0;
        /*width: calc(100% + 20px);
        margin-left: -10px;*/
    }
    .youtube { 
        width: 100%;
    }
    video {
        width: 95%;
    }
    div#layer span.title {
        width: 95%;
        font-size: 80%;
    }
    div#layer.box_button {
        padding: 0.5% 0% 1% 0%;
        padding-bottom: calc( env(safe-area-inset-bottom) + .3em );
    }
    div#layer.box_button .box_button.apple {
        font-size: 50%;
    }
    div#body div.description_box2 p.image {
        width: 45%;
        margin: 0;
    }
    div#body div.description_box2 p.description {
        width: 50%;
        padding: 8px;
        font-size: 80%;
        line-height: 30px;
    }
    div#body table {
        font-size: 75%;
    }
    div#body table td:not( .head ) {
        padding: 0;
    }
    div#body table.split ul {
        width: 100%;
    }
    div#body table.split ul.table li span {
        font-size: 14.5px;
    }
    div#body table div[class^=button_box] a.box_button {
        font-size: 14px;
    }
    div.review-card div.wrapper {
        flex-flow: column;
        padding: 15px;
    }
    div.review-card div.wrapper div.review-image {
        order: 2;
        padding-top: 20px;
    }
    div.review-card div.wrapper div.review-image img {
        height: 450px;
        vertical-align: top;
        object-fit: cover;
    }
    article#main div#review-box {
        padding: 20px;
        box-sizing: border-box;
    }
    div.review-card div.wrapper div.review-info {
        width: 100%;
        display: flex;
        align-items: center;
    }
    div.review-card div.wrapper div.review-info div.review-rate-wrapper {
        display: flex;
        flex-flow: column;
    }
    div.review-rate-score span {
        height: 30px;
        line-height: 30px;
    }
    div.review-rate-all, 
    div.review-rate-score {
        width: 100px;
        height: 50px;
        line-height: 50px;
        font-size: 30px;
        order: 1;
    }
    div.review-rate-score span.label {
        font-size: 13px;
    }
    div.review-card div.wrapper div.review-info div.review-name {
        font-size: 30px;
        margin: 0;
        line-height: initial;
    }
    article#main div#body ul.VC.label { 
        font-size: 13px;
    }
    div.star_wrap {
            width: 90%;
    }
    svg.al-icon.review-full-star,
    svg.al-icon.review-half-star {
        width: 12px;
        height: 12px;
    }
}
@media screen and (max-width: 1030px) {
    iframe[src*="instagram.com"] {
        margin: 0;
        width: 100%;
    }
    div#profile {
        width: 95%;
    }
    span#profile_image {
        height: 190px;
        float: initial;
    }
    span#profile_image img {
        width: 85px;
        height: auto;
    }
    span#profile_sns {
        margin: 0 5px 0 0;
        text-align: right;
    }

    div#relate_entry div.section {
        height: 200px;
    }
    div#relate_entry div.section ul {
        width: 2800px !important;
    }
    div#relate_entry div.section ul li {
        width: 300px;
        height: 180px;
    }
    div#relate_entry ul li div.section_img, 
    div#relate_entry ul li div.section_none_img {
        height: 180px;
    }
    span.section_title {
        width: 95%;
        margin-left: 2.5%;
        font-size: 14px;
    }
    div#EntryLatest {
        width: 95%;
    }
    div#comment {
        width: 100%;
        box-sizing: border-box;
        padding: 10px 15px;
    }
    div#EntryLatest section.wrapper {
        height: 250px;
    }
    div#EntryLatest section.wrapper:nth-child(n + 2) {
        height: 120px;
    }
    div#EntryLatest section.wrapper:nth-child(n + 2) div.thumbnail {
        width: 30%;
        margin-right: 10px;
    }
    div#EntryLatest section.wrapper div.thumbnail img {
        width: 180%;
        height: auto;
        transform: translate(-23%,-20%);
    }
    div#EntryLatest section.wrapper:nth-child(n + 2) div.thumbnail img {
        width: 130%;
        height: auto;
        transform: translate(-10%,-6%);
    }
    div#EntryLatest section.wrapper:nth-child(1) div.info {
        height: 85px;
        bottom: 85px;
    }
    div#EntryLatest section.wrapper:nth-child(1) div.info span.title {
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        padding: 0;
        font-size: 16px;
        line-height: 25px;
    }
    div#EntryLatest section.wrapper:nth-child(n + 2) div.info span.title {
        font-size: 16px;
        line-height: 24px;
        padding: 0;
    }
    div#EntryLatest section.wrapper h3.category {
        display:none;
        font-size: 11px;
    }
    div#body div.appButton span {
        width:47%;
    }
    article#main div.img_center img,
    article#main div.img_center img.middle {
        width: 100%;
    }
    article#main div#body div.img_box_wide {
        width: calc(100% + 15px);
        margin-left: -7.5px;
    }
    svg.al-icon.zoom_left {
        left: 1.25%;
    }
    div.img_overlay_full img.main {
        /*top: 1.9vh;*/
    }
    table.split.min td {
        font-size: 100%;
    }
    div.table_wrap.mobile {
        overflow-x: scroll;
    }
    div#infobox {
        padding: 0;
    }
    article#main div#infobox h1 {
        padding: 10px 8px;
    }
    /* simple */
    div.collection_box.simple {
        /*width: 45%;
        margin-left: 2%;
        margin-right: 2%;*/
        width: 30%;
    }
    div.collection_box.simple span.name {
        font-size: 14px;
        line-height: 20px;
        height: 70px;
    }
    article#main div#body div.comment_box {
        width: 90%;
    }
}
@media screen and (max-width: 900px) {
    body {
        background: #FFF;
        padding-left: initial;
        padding-right: initial;
    }
    div#affiliatebox {
        margin-top: 48px;
        margin-bottom: 0;
    }
    div#affiliatebox span {
        font-size: 12px;
    }
    div#body div.collection_box.sale ul.triple, 
    div#body div.collection_box.sale ul.quad,
    div#body div.collection_box.sale ul.quad.five {
        width: 100%;
    }
    article#main div#body div.collection_box.sale ul.quad li {
        width: 22.5%;
    }
}
@media screen and (max-width: 780px) {
    /*div.img_overlay_full img.main {
        top: 1.3vh;
    }*/
}
@media screen and (max-width: 780px) {
    /*div.img_overlay_full img.main {
        top: 1.3vh;
    }*/
}
@media screen and (max-width: 615px) {
    /* 本文幅 */
    article#main div#body p,
    article#main div#body h2,
    article#main div#body p[class^="img_"] {
        padding: initial;
    }
    article#main div#body div.image_info,
    div.list_wrapper,
    article#main div#body div.twentytwenty-wrapper.twentytwenty-horizontal {
        margin-left: initial;
        margin-right: initial;
    }
    article#main div#body div.twentytwenty-wrapper.twentytwenty-horizontal {
        width: 100%;
    }
    div.google-auto-placed,
    div.AdsSingle {
        margin: initial;
        max-width: initial;
    }
    article#main div#aos>p {
        font-size: 16px;
    }
    iframe[src*="instagram.com"] {
        height: 700px;
    }
    article#main div.description_box div.image {
        width: 50%;
    }
    article#main div.description_box div.description {
        font-size: 18px;
        line-height: 34px;
    }
    img#modal_image {
        width: 500px;
    }
    article#main div#body div.img_box_wide img.left,
    article#main div#body div.img_box_wide img.right,
    article#main div#body div.img_box_half img.left,
    article#main div#body div.img_box_half img.right {
        width: 49.5%;
        margin: 0;
    }
    article#main div#body div.img_box_wide:before,
    article#main div#body div.img_box_half:before {
        left: 10px;
    }
    article#main div#body div.img_box_ios img.left, 
    article#main div#body div.img_box_ios img.right {
        width: 49%;
        margin: 0;
    }
    article#main div#body div.img_box_ios img.left {
        float: left;
    }
    article#main div#body div.img_box_ios img.right {
        float: right;
    }
    div.AdsSingle ins.step_by_step {
        margin: 0;
        min-width: 280px;
        max-width: 320px;
        width: 100%;
        height: 250px;
    }
    div.AdsDoubleLeft {
        width: 100%;
        float: initial;
    }
    div.AdsDoubleRight {
        display: none;
    }
    div.img_overlay_full img.main {
        /*top: 0.95vh;*/
    }
    article#main div#body div.list_wrapper.double {
        padding: 5px;
    }
    article#main div#body div.list_wrapper.double ul.double {
        padding: 5px 5px 0 20px;
        font-size: 15px;
        line-height: 230%;
        margin-right: 9px;
        margin-left: 8px;
    }
    article#main div#body div.list_wrapper.double ul.double li {
        line-height: 27px;
        padding: 5px 0;
    }
    article#main div#body div.list_wrapper.double ul.double li.index_indent no_list {
        padding-left: 1.3em;
    }
    div#sharebox {
        width: 100%;
    }
    section#timeline ul.timeline div#timeline-wrapper {
       grid-template-columns: 75px;
    }
    section#timeline ul.timeline div.timeline_header {
        width: 75px;
    }
    section#timeline ul.timeline div.timeline_header,
    section#timeline ul.timeline span.timeline-title {
        font-size: 12px;
    }
    section#timeline ul.timeline li.event span.title {
        font-size: 20px;
    }
    article#main div#body div#chatgpt ul li {
        font-size: .95em;
    }
}
@media screen and (max-width: 520px) {
    iframe[src*="instagram.com"] {
        height: 600px;
    }
    article#main div#eyecatch div#container {
        width: 97%;
        font-size: 14px;
        line-height: 150%;
    }
    article#main div#eyecatch div#container span.date, 
    article#main div#eyecatch div#container span.category,
    article#main div#eyecatch div#container span#review_rate {
        font-size: 13px;
    }
    article#main div#eyecatch div#container h1 {
        margin: 10px 0;
        line-height: 140%;
        font-size: 26px;
    }
    article#main div#body {
        font-size: 18px;
    }
    article#main div#body h2 {
        font-size: 28px;
        line-height: 35px;
    }
    a.box_button {
        font-size: 85%;
        box-shadow: initial;
        border-radius: initial;
    }
    a.box_button.appstore.multi {
        margin: 10px 0;
    }
    a.box_button.appstore,
    a.box_button.gpstore {
        font-size: 10px;
        line-height: 25px;
    }
    div.collection_box {
        margin-top: 0;
        -webkit-text-size-adjust: 100%;
        border: 1px solid #ccc;
        padding: 0.75em;
        box-sizing: border-box;
        border-radius: 1em;
        box-shadow: 1px 1px 3px #ccc;
    }
    /* double, triple */
    div.collection_box div.left span.name,
    div.collection_box div.center span.name,
    div.collection_box div.right span.name {
        width: 100%;
        font-size: 15px;
    }
    div.collection_box div.left span.price,
    div.collection_box div.center span.price,
    div.collection_box div.right span.price {
        font-size: 14px;
        margin: 4px 4px 4px 0;
    }
    div.collection_box div.left span.image,
    div.collection_box div.center span.image,
    div.collection_box div.right span.image {
        width: 35%;
        float: left;
    }
    div.collection_box div.left span.image img,
    div.collection_box div.center span.image img,
    div.collection_box div.right span.image img {
        width: 100%;
        height: auto;
    }
    div.collection_box div.left div.product_info,
    div.collection_box div.center div.product_info,
    div.collection_box div.right div.product_info {
        width: 62%;
        float: right;
    }
    div.collection_box div.left div.product_info span.description,
    div.collection_box div.center div.product_info span.description,
    div.collection_box div.right div.product_info span.description {
        height: 50px;
        line-height: 18px;
        overflow-y: hidden;
        margin-top: 5px;
    }
    /* Single */
    div.collection_box div.single span.image {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    div.collection_box div.single span.image img {
        height: 280px;
    }
    div.collection_box div.single span.price {
        margin: 5px 0 0 0;
    }
    div.collection_box div.single span.description {
        margin: 8px 0 0 0;
    }
    
    /* sale */
    div.collection_box.sale, 
    div.collection_box.app {
        margin-bottom: 1em;
        padding-top: 0.5em;
        padding-left: 0.5em;
        padding-right: 0.5em;
        background-color: initial;
    }
    div.collection_box.sale div.sale,
    div.collection_box.app div.app {
        display: block;
    }
    div.collection_box.sale div.sale div.product_info span.description,
    div.collection_box.app div.app div.product_info span.description
    {
        margin-top: .5em;
    }
    div.collection_box.sale div.sale span.image,
    div.collection_box.sale div.sale div.product_info,
    div.collection_box.app div.app span.image,
    div.collection_box.app div.app div.product_info {
        width: 100%;
        margin: 0;
    }
    div.collection_box.sale div.sale span.image img, 
    div.collection_box.app div.app span.image img {
        border-radius: .75em;
    }
    div.collection_box.sale .button a.box_button,
    div.collection_box.app div.app a.box_button {
        margin-top: 15px;
    }
    div.collection_box span.name {
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 5px;
    }
    div.collection_box span.price {
        font-size: 15px;
    }
    div.collection_box span.description {
        font-size: 12px;
        font-weight: normal;
    }
    div#search_box {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    div#body div.collection_box .left, 
    div#body div.collection_box .center, 
    div#body div.collection_box .right {
        float: initial;
        width: 100%;
    }
    div#body div.collection_box .center,
    div#body div.collection_box .right {
        margin: 20px 0 0 0;
    }
    div#body div.collection_box a.box_button,
    div#body div.button_box_single a.box_button,
    div#body div.button_box_double a.box_button {
        width:97%;
        height: 20px;
        line-height: 20px;
        border-radius: initial;
    }
    article#main div#body div.collection_box.sale ul,
    article#main div#body div.collection_box.app ul {
        width: 100%;
    }
    article#main div#body div.collection_box.sale ul li,
    article#main div#body div.collection_box.app ul li {
        width: 95%;
    }
    article#main div#body div.collection_box.sale ul li:nth-of-type(1),
    article#main div#body div.collection_box.sale ul li:nth-of-type(2),
    article#main div#body div.collection_box.app ul li:nth-of-type(1),
    article#main div#body div.collection_box.app ul li:nth-of-type(2) {
        margin: initial;
    }
    article#main div#body div.collection_box.sale ul li:nth-of-type(2),
    article#main div#body div.collection_box.app ul li:nth-of-type(2) {
        margin-top: 10px;
    }
    div#body div.collection_box a {
        text-decoration: initial;
    }
    article#main div#body div.collection_box.sale ul.triple li,
    article#main div#body div.collection_box.sale ul.quad li,
    article#main div#body div.collection_box.sale ul.quad.five li { width: 93%; }
    article#main div#body div.collection_box.sale ul.triple:not(.six) li:nth-of-type(2),
    article#main div#body div.collection_box.sale ul.triple:not(.six) li:nth-of-type(5) { margin: 0 0 0.1em 0; }
    article#main div#body div.collection_box.sale ul.triple.quad li:first-child,
    article#main div#body div.collection_box.sale ul.triple.six li:first-child{ padding: 0; }
    article#main div#body div.collection_box.sale ul.quad li,
    article#main div#body div.collection_box.sale ul.triple.six li { margin: 0; padding: .25em 0 0 0; }
    article#main div#body div.collection_box.sale ul.quad li { margin: 0; }
    article#main div#body div.collection_box.sale ul.quad.five li:nth-child(n+4) { margin-top: 0; }
    img#modal_image {
        width: 340px;
    }
    table#iphone_date tr.date {
        font-size: 10px;
    }
    div.table_wrap table {
        width:initial;
    }
    div#google-news-link p {
        padding: initial;
        font-size: 0.75em;
    }
    div#google-news-link svg.al-icon {
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 450px) {
    iframe[src*="instagram.com"] {
        height: 580px;
    }
    div#EntryLatest section.wrapper {
        height: 200px;
    }
    div#body table {
        font-size: 70%;
    }
    div#body table td span.title {
        font-size: 90%;
    }
}
/*@media screen and (max-width: 830px) {
    div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main {
        top: 3vh;
    }
}
@media screen and (max-width: 650px) {
    div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main {
        top: 2vh;
    }
}
@media screen and (max-width: 450px) {
    div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main {
        top: 1.5vh;
    }
}
@media screen and (max-width: 414px) {
    div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main {
        top: 2.5vh;
    }
}
@media screen and (max-width: 350px) {
    div.sbs-wrapper div.sbs-content div.sbs-child div.img_overlay_full img.main {
        top: 1.25vh;
    }
}*/