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

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

/* ============================================================
 * いえDELI SWELL子テーマ CSS
 * JIN から移植した装飾クラス。`node wp/mig-build-css.js` で再生成できる。
 *
 * 対象: bold/boldaka/marker（8,259件）、simple-box/concept-box/kaisetsu-box、
 *       cps-table03・rankinginfo（1,982件）、color-button（447件）、
 *       jin-fusen（336件）、jin-ifont（アイコン）、横スクロール表、電卓UI
 * ============================================================ */

/* ------------------------------------------------------------
 * 移行用に追加（JINの色を再現するカラーセット・電卓の折り返し抑止）
 * ------------------------------------------------------------ */
/* JINの囲みボックスの色をそのまま再現するカラーセット */
.cap_box[data-colset="jin01"]{--capbox-color:#ffb49e;--capbox-color--bg:#fff6f3}
.cap_box[data-colset="jin02"]{--capbox-color:#89c2f4;--capbox-color--bg:#ffffff}
.cap_box[data-colset="jin04"]{--capbox-color:#ea91a9;--capbox-color--bg:#ffffff}
.cap_box[data-colset="jin05"]{--capbox-color:#57b3ba;--capbox-color--bg:#ebf6f7}

/* 電卓の計算結果。桁の多い数字が途中で折り返されないようにする */
.post_content output,
.post_content .boldResult,
.post_content .cp_sl02,
.post_content .cp_ipselect{white-space:nowrap}

/* 本文中のリンクに下線を引く。
   SWELLのカスタマイザーに下線のON/OFF設定は無いのでCSSで足す。
   アフィリエイトリンクが多いサイトなので、色だけよりクリックされやすい。
   ボタン・ブログカード・関連記事カード・目次・見出しは対象外
   （それぞれ独自のデザインを持っていて、下線が付くと崩れる）。 */
.post_content a:not([class]):not(:has(img)){
  text-decoration:underline;
  text-underline-offset:.15em;
  text-decoration-thickness:1px;
}
.post_content a:not([class]):hover{text-decoration-thickness:2px}
/* 下線を付けない例外 */
.post_content .swell-block-button a,
.post_content .p-blogCard,
.post_content .swell-block-postLink a,
.post_content .p-toc a,
.post_content h1 a, .post_content h2 a, .post_content h3 a,
.post_content h4 a, .post_content h5 a, .post_content h6 a,
.post_content .cap_box_ttl a{text-decoration:none}

/* ボタン直前の宣伝句だけ詰める。
   「＼早割中がお得！／」のような煽り文とボタンは意味的に一体で、
   JINでは隙間0pxだった。SWELLは .post_content 直下すべてに
   margin-bottom を付けるので、そのままだと1行分空いて見える。

   ★ 「詰めない対象」を :not() で並べる書き方はやめた。
     除外を並べる方式だと、囲みボックス・ふきだしのような
     「独立した塊」が漏れてボタンに密着する（実際に発生した）。
     既定は余白あり、詰めるものだけを列挙する形にしている。

   宣伝句の実体は次の3パターン（全記事の実測）:
     <p>…</p>                                        216件
     <div style="text-align:center">＼<span class="boldaka">…  327件
     <div class="bold|boldaka">…</div>
   画像・表・リスト・入れ子divを含むものは「塊」なので対象外。

   詰めない側（余白30px）が付くのは 直前が
     囲みボックス34 / ふきだし28 / 見出し98 / ボタン6 / 表・画像 など。 */
.post_content > :is(p, div:not([class]), div.bold, div.boldaka):not(
  :has(img, figure, div, table, ul, ol)):has(+ .swell-block-button){
  margin-bottom:0;
}
.post_content > :is(p, div:not([class]), div.bold, div.boldaka):not(
  :has(img, figure, div, table, ul, ol)):has(+ .swell-block-button)
  + .swell-block-button{margin-top:0}


/* ------------------------------------------------------------
 * アイコンフォント jin-icons（@font-face のURLをJINテーマ配下の絶対パスへ書き換え済み）
 * ------------------------------------------------------------ */
@font-face {
  font-family: "jin-icons";
  src: url("../jin/font/jin-icons/fonts/jin-icons.ttf?c16tcv") format("truetype"), url("../jin/font/jin-icons/fonts/jin-icons.woff?c16tcv") format("woff"), url("../jin/font/jin-icons/fonts/jin-icons.svg?c16tcv#jin-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=jin-ifont-], [class*=" jin-ifont-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "jin-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; will-change: transform; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^=jin-ifont-]:before, [class*=" jin-ifont-"]:before { font-size: 1.1em; display: block; will-change: transform; }
.swiper-button-next:after, .swiper-button-prev:after { position: absolute; font-family: "jin-icons"; font-size: 22px; top: 0; color: #fff; text-shadow: 0 0 2px #aaa; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
.cps-info-bar a span:after, .cps-info-bar.animate a span:after { position: absolute; font-family: "jin-icons"; content: "\e910"; color: #fff !important; top: 6px; font-size: 0.65rem; right: -17px; }
.cps-info-bar:after, .cps-info-bar.animate:after { position: absolute; font-family: "jin-icons"; content: "\e910"; color: #fff !important; right: 32px; top: 3px; bottom: 0; margin-top: auto; margin-bottom: auto; width: 0; height: 15px; font-size: 0.75rem; }
#headmenu .headsearch .search-box:before { font-family: "jin-icons"; content: "\e931"; top: 0px; font-size: 19px; z-index: 4; text-align: center; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
.headsearch .search-box:before { font-family: "jin-icons"; content: "\e931"; top: 12px; font-size: 20px; z-index: 4; text-align: center; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
.widget_archive form:after, .widget_archive select:after, .widget_categories form:after, .widget_categories select:after { font-family: "jin-icons"; content: "\e932"; position: absolute; right: 10px; top: calc(50% - 7px); pointer-events: none; }
.widget_search .search-box input[type=submit] { font-family: "jin-icons"; position: absolute; top: 0; right: 0; border: none; height: 34px; width: 34px; background: none; display: inline-block; font-size: 14px; color: #aaa !important; }
.widget_archive ul li a:before { content: "\e902"; font-family: "jin-icons"; position: absolute; left: 6px; line-height: 0rem; width: 14px; height: 1px; padding-left: 2px; font-size: 0.85rem; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; top: 24px; }
.widget_recent_comments ul li > a:before { display: block; font-family: "jin-icons"; content: "\e90d"; position: absolute; line-height: 1.3rem; top: -3px; left: -21px; width: 10px; height: 10px; }
.widget_pages ul li a:before { content: "\e902"; font-family: "jin-icons"; font-weight: 900; position: absolute; left: 6px; line-height: 0; width: 14px; height: 1px; padding-left: 2px; font-size: 0.85rem; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; top: 24px; }
.widget_recent_entries ul li a:before { content: "\e902"; font-family: "jin-icons"; font-weight: 900; position: absolute; left: 6px; line-height: 0; width: 14px; height: 1px; padding-left: 2px; font-size: 0.85rem; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; top: 24px; }
.widget_tag_cloud .tagcloud a:before { font-family: "jin-icons"; content: "\e92c"; padding-right: 3px; vertical-align: bottom; line-height: 0.9rem; font-size: 0.6rem; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
.widget_categories ul li a:before { content: "\e902"; font-family: "jin-icons"; font-weight: 900; position: absolute; left: 6px; line-height: 0; width: 14px; height: 1px; padding-left: 2px; font-size: 0.85rem; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; top: 24px; }
.widget_nav_menu ul li a:before { content: "\e902"; font-family: "jin-icons"; position: absolute; left: 6px; line-height: 0; width: 14px; height: 1px; padding-left: 2px; font-size: 0.85rem; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; top: 23px; }
#home-bottom-widget .widget-popular .widgettitle:before, #home-bottom-widget .widget_nav_menu .widgettitle:before, #home-bottom-widget .widget_archive .widgettitle:before, #home-bottom-widget .widget_recent_entries .widgettitle:before, #home-bottom-widget .widget_categories .widgettitle:before, #home-top-widget .widget-popular .widgettitle:before, #home-top-widget .widget_nav_menu .widgettitle:before, #home-top-widget .widget_archive .widgettitle:before, #home-top-widget .widget_recent_entries .widgettitle:before, #home-top-widget .widget_categories .widgettitle:before, #post-bottom-widget .widget-popular .widgettitle:before, #post-bottom-widget .widget_nav_menu .widgettitle:before, #post-bottom-widget .widget_archive .widgettitle:before, #post-bottom-widget .widget_recent_entries .widgettitle:before, #post-bottom-widget .widget_categories .widgettitle:before, #post-top-widget .widget-popular .widgettitle:before, #post-top-widget .widget_nav_menu .widgettitle:before, #post-top-widget .widget_archive .widgettitle:before, #post-top-widget .widget_recent_entries .widgettitle:before, #post-top-widget .widget_categories .widgettitle:before { font-family: "jin-icons"; padding-right: 5px; color: #fff; }
#home-bottom-widget .widget_tag_cloud .tagcloud a:before, #home-top-widget .widget_tag_cloud .tagcloud a:before, #post-bottom-widget .widget_tag_cloud .tagcloud a:before, #post-top-widget .widget_tag_cloud .tagcloud a:before { font-family: "jin-icons"; content: "\e92c"; padding-right: 3px; vertical-align: bottom; line-height: 1.05rem; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
#footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a:before { font-family: "jin-icons"; position: absolute; line-height: 0; width: 14px; height: 1px; padding-left: 2px; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
.sp-sidemenu-wrapper .sp-sidemenu-btn:after { position: absolute; top: 11px; right: 0px; font-size: 1.3rem; width: 58px; text-align: center; font-family: "jin-icons"; content: "\e922"; font-weight: 900; color: #fff; transition: 0.3s; }
.sp-sidemenu-search .search-box input[type=submit] { width: 50px; height: 50px; box-sizing: border-box; line-height: 0; font-family: "jin-icons"; content: "\e931"; top: 0px; font-size: 20px; padding-right: 15px; z-index: 4; text-align: center; border-radius: 0 40px 40px 0; color: #888; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after { content: "\e904"; font-family: "jin-icons"; font-size: 0.65rem; position: absolute; right: 10px; top: 8px; }
#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after { content: "\e904"; font-family: "jin-icons"; font-size: 0.65rem; position: absolute; right: 10px; top: 10px; }
#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after { content: "\e904"; font-family: "jin-icons"; font-size: 0.65rem; position: absolute; right: 10px; top: 10px; }
#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after { content: "\e904"; font-family: "jin-icons"; font-size: 0.65rem; position: absolute; right: 10px; top: 10px; }
#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children:after { content: "\e904"; font-family: "jin-icons"; font-size: 0.65rem; position: absolute; right: 10px; top: 10px; }
.more-cat .more-cat-button span:after { content: "\e904"; position: absolute; text-align: center; line-height: 0; font-family: "jin-icons"; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
.error404 .cps-post .search-box input[type=submit] { font-family: "jin-icons"; position: absolute; top: 0; right: 0; border: none; height: 34px; width: 34px; color: #2b2b2b; background: none; display: inline-block; }
.cps-post-main blockquote:after { position: absolute; bottom: 8px; right: 15px; content: "a"; opacity: 0.08; content: "\e924"; font-family: "jin-icons"; font-size: 2.4rem; transform: scale(-1, -1); -ms-filter: fliph(); filter: fliph(); }
.cps-post-main blockquote:before { position: absolute; top: 8px; left: 15px; content: "\e924"; font-family: "jin-icons"; font-size: 2.4rem; opacity: 0.08; }
.tag-box a:before { font-family: "jin-icons"; content: "\e92c"; vertical-align: bottom; line-height: 0.9rem; transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; }
.entry-content a[target="_blank"]::after{ font-family: "jin-icons"; content: "\e92c"; margin-left: 5px; }
.comment-reply-link:after { position: absolute; content: "\e927"; font-family: "jin-icons"; top: 5px; left: 10px; opacity: 1; font-size: 1rem; }
.concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after { position: absolute; background: #aaa; color: #fff; font-family: "jin-icons"; border: 5px solid #fff; text-align: center; width: 16px; height: 16px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.jin-ac-box01-title::after, .jin-ac-box02-title::after { position: absolute; content: "\e932"; font-family: "jin-icons"; right: 20px; top: 17px; transition: all 0.5s; }
.jin-ac-box02-title::before { position: absolute; content: "\e99d"; font-family: "jin-icons"; left: 20px; top: 14px; font-size: 1.25em; color: #4f5ed2; }
.jin-ac-box02-inner::before { position: absolute; content: "\e99c"; font-family: "jin-icons"; left: 20px; top: 31px; font-size: 1.25em; color: #f1487c; }
body#nofont-style .kaisetsu-box1:after, body#nofont-style .kaisetsu-box2:after, body#nofont-style .kaisetsu-box4:after, body#nofont-style .kaisetsu-box5:after, body#nofont-style .innerlink-box1:after { font-family: "jin-icons", "ヒラギノ角ゴ ProN W3", Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; }
body#nts-style .kaisetsu-box1:after, body#nts-style .kaisetsu-box2:after, body#nts-style .kaisetsu-box4:after, body#nts-style .kaisetsu-box5:after, body#nts-style .innerlink-box1:after { font-family: "jin-icons", "Noto Sans Japanese", sans-serif; }
body#rm-style .kaisetsu-box1:after, body#rm-style .kaisetsu-box2:after, body#rm-style .kaisetsu-box4:after, body#rm-style .kaisetsu-box5:after, body#rm-style .innerlink-box1:after { font-family: "jin-icons", "Rounded Mplus 1c", sans-serif; }
/* アイコンフォント「jin-icons」 */ /* CSS Document */ @font-face { font-family: "jin-icons"; src: url("../jin/font/jin-icons/fonts/jin-icons.ttf?c16tcv") format("truetype"), url("../jin/font/jin-icons/fonts/jin-icons.woff?c16tcv") format("woff"), url("../jin/font/jin-icons/fonts/jin-icons.svg?c16tcv#jin-icons") format("svg"); font-weight: normal; font-style: normal; }
[class^=jin-ifont-], [class*=" jin-ifont-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "jin-icons" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; will-change: transform; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


/* ------------------------------------------------------------
 * JIN親テーマ由来（装飾の土台）
 * ------------------------------------------------------------ */
#page-top a .jin-ifont-arrowtop:before{ transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
@media (max-width: 767px) {
#page-top a .jin-ifont-arrowtop:before{ padding-right: 0; }
}
#page-top a:hover .jin-ifont-arrow-top:before{ transform: translateY(-3px); }
@media (max-width: 767px) {
.wide-layout ul li .color-button01 a, .wide-layout ul li .color-button02 a{ padding-top: 11px; padding-bottom: 11px; font-size: 1rem; }
}
@media (min-width: 768px) {
.wide-layout ul li .color-button01 a, .wide-layout ul li .color-button02 a{ padding-top: 9px; padding-bottom: 9px; font-size: 0.95rem; }
}
.wide-layout ul li .color-button01:before, .wide-layout ul li .color-button02:before{ display: block; width: 100%; }
@media (max-width: 767px) {
.sp-sidemenu-menu .jic:before{ padding-right: 0 !important; }
}
#breadcrumb .jin-ifont-arrow:before{ vertical-align: bottom; }
@media (max-width: 767px) {
#breadcrumb .jin-ifont-arrow:before{ font-size: 0.45rem; line-height: 0.65rem; }
}
@media (min-width: 768px) {
#breadcrumb .jin-ifont-arrow:before{ line-height: 1rem; font-size: 0.4rem; }
}
@media (min-width: 768px) {
#breadcrumb .jin-ifont-home:before{ font-size: 0.75rem; margin-right: 1px; }
}
.post_content table.cps-table03{ width: 100%; margin-bottom: 30px; }
.post_content table.cps-table03 th, .post_content table.cps-table03 td{ vertical-align: middle; font-size: 0.9rem; letter-spacing: 0; line-height: 1.2rem; }
.post_content table.cps-table03 th{ background: #FFFAF0; }
@media (max-width: 767px) {
.post_content table.cps-table03 th{ font-weight: 700; }
}
@media (min-width: 768px) {
.post_content table.cps-table03 th{ font-weight: 500; }
}
.post_content table.cps-table03 th.ranking-title{ padding: 12px; font-size: 1.1em; text-align: left; }
@media (max-width: 767px) {
.post_content table.cps-table03 td{ padding: 10px 7px; }
}
@media (min-width: 768px) {
.post_content table.cps-table03 td{ padding: 14px; }
}
.post_content table.cps-table03 td.rankinginfo{ vertical-align: top; text-align: left; }
.post_content table.cps-table03 td img{ display: block; margin: 0 auto; margin-top: 0px; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; }
.post_content table.cps-table03 img.star{ display: block; width: 130px; height: auto; }
.post_content table.cps-table03 td.rankinginfo{ width: 70% !important; }
.post_content .ranking01, .post_content .ranking02, .post_content .ranking03{ margin-top: 40px; display: block; }
.post_content .ranking01 .ranking-title01, .post_content .ranking01 .ranking-title02, .post_content .ranking01 .ranking-title03, .post_content .ranking01 .ranking-title04, .post_content .ranking02 .ranking-title01, .post_content .ranking02 .ranking-title02, .post_content .ranking02 .ranking-title03, .post_content .ranking02 .ranking-title04, .post_content .ranking03 .ranking-title01, .post_content .ranking03 .ranking-title02, .post_content .ranking03 .ranking-title03, .post_content .ranking03 .ranking-title04{ border-bottom: 1px solid; letter-spacing: 0; position: relative; margin-bottom: 20px; }
@media (max-width: 767px) {
.post_content .ranking01 .ranking-title01, .post_content .ranking01 .ranking-title02, .post_content .ranking01 .ranking-title03, .post_content .ranking01 .ranking-title04, .post_content .ranking02 .ranking-title01, .post_content .ranking02 .ranking-title02, .post_content .ranking02 .ranking-title03, .post_content .ranking02 .ranking-title04, .post_content .ranking03 .ranking-title01, .post_content .ranking03 .ranking-title02, .post_content .ranking03 .ranking-title03, .post_content .ranking03 .ranking-title04{ font-size: 21px; font-weight: 700; padding-left: 60px; }
}
@media (min-width: 768px) {
.post_content .ranking01 .ranking-title01, .post_content .ranking01 .ranking-title02, .post_content .ranking01 .ranking-title03, .post_content .ranking01 .ranking-title04, .post_content .ranking02 .ranking-title01, .post_content .ranking02 .ranking-title02, .post_content .ranking02 .ranking-title03, .post_content .ranking02 .ranking-title04, .post_content .ranking03 .ranking-title01, .post_content .ranking03 .ranking-title02, .post_content .ranking03 .ranking-title03, .post_content .ranking03 .ranking-title04{ font-size: 26px; font-weight: 400; padding-left: 75px; }
}
.post_content .ranking01 .ranking-title01 img, .post_content .ranking01 .ranking-title02 img, .post_content .ranking01 .ranking-title03 img, .post_content .ranking01 .ranking-title04 img, .post_content .ranking02 .ranking-title01 img, .post_content .ranking02 .ranking-title02 img, .post_content .ranking02 .ranking-title03 img, .post_content .ranking02 .ranking-title04 img, .post_content .ranking03 .ranking-title01 img, .post_content .ranking03 .ranking-title02 img, .post_content .ranking03 .ranking-title03 img, .post_content .ranking03 .ranking-title04 img{ position: absolute; height: auto; }
@media (max-width: 767px) {
.post_content .ranking01 .ranking-title01 img.ranking-number, .post_content .ranking01 .ranking-title02 img.ranking-number, .post_content .ranking01 .ranking-title03 img.ranking-number, .post_content .ranking01 .ranking-title04 img.ranking-number, .post_content .ranking02 .ranking-title01 img.ranking-number, .post_content .ranking02 .ranking-title02 img.ranking-number, .post_content .ranking02 .ranking-title03 img.ranking-number, .post_content .ranking02 .ranking-title04 img.ranking-number, .post_content .ranking03 .ranking-title01 img.ranking-number, .post_content .ranking03 .ranking-title02 img.ranking-number, .post_content .ranking03 .ranking-title03 img.ranking-number, .post_content .ranking03 .ranking-title04 img.ranking-number{ width: 55px; bottom: -18px; left: 2px; }
}
@media (min-width: 768px) {
.post_content .ranking01 .ranking-title01 img.ranking-number, .post_content .ranking01 .ranking-title02 img.ranking-number, .post_content .ranking01 .ranking-title03 img.ranking-number, .post_content .ranking01 .ranking-title04 img.ranking-number, .post_content .ranking02 .ranking-title01 img.ranking-number, .post_content .ranking02 .ranking-title02 img.ranking-number, .post_content .ranking02 .ranking-title03 img.ranking-number, .post_content .ranking02 .ranking-title04 img.ranking-number, .post_content .ranking03 .ranking-title01 img.ranking-number, .post_content .ranking03 .ranking-title02 img.ranking-number, .post_content .ranking03 .ranking-title03 img.ranking-number, .post_content .ranking03 .ranking-title04 img.ranking-number{ width: 65px; bottom: -15px; left: 5px; }
}
@media (max-width: 767px) {
.post_content .ranking01 .ranking-title01 img.ranking-number-girly, .post_content .ranking01 .ranking-title02 img.ranking-number-girly, .post_content .ranking01 .ranking-title03 img.ranking-number-girly, .post_content .ranking01 .ranking-title04 img.ranking-number-girly, .post_content .ranking02 .ranking-title01 img.ranking-number-girly, .post_content .ranking02 .ranking-title02 img.ranking-number-girly, .post_content .ranking02 .ranking-title03 img.ranking-number-girly, .post_content .ranking02 .ranking-title04 img.ranking-number-girly, .post_content .ranking03 .ranking-title01 img.ranking-number-girly, .post_content .ranking03 .ranking-title02 img.ranking-number-girly, .post_content .ranking03 .ranking-title03 img.ranking-number-girly, .post_content .ranking03 .ranking-title04 img.ranking-number-girly{ width: 55px; bottom: -18px; left: 2px; }
}
@media (min-width: 768px) {
.post_content .ranking01 .ranking-title01 img.ranking-number-girly, .post_content .ranking01 .ranking-title02 img.ranking-number-girly, .post_content .ranking01 .ranking-title03 img.ranking-number-girly, .post_content .ranking01 .ranking-title04 img.ranking-number-girly, .post_content .ranking02 .ranking-title01 img.ranking-number-girly, .post_content .ranking02 .ranking-title02 img.ranking-number-girly, .post_content .ranking02 .ranking-title03 img.ranking-number-girly, .post_content .ranking02 .ranking-title04 img.ranking-number-girly, .post_content .ranking03 .ranking-title01 img.ranking-number-girly, .post_content .ranking03 .ranking-title02 img.ranking-number-girly, .post_content .ranking03 .ranking-title03 img.ranking-number-girly, .post_content .ranking03 .ranking-title04 img.ranking-number-girly{ width: 65px; bottom: -17px; left: 5px; }
}
@media (max-width: 767px) {
.post_content .ranking01 .ranking-title01 img.ranking-number-rich, .post_content .ranking01 .ranking-title02 img.ranking-number-rich, .post_content .ranking01 .ranking-title03 img.ranking-number-rich, .post_content .ranking01 .ranking-title04 img.ranking-number-rich, .post_content .ranking02 .ranking-title01 img.ranking-number-rich, .post_content .ranking02 .ranking-title02 img.ranking-number-rich, .post_content .ranking02 .ranking-title03 img.ranking-number-rich, .post_content .ranking02 .ranking-title04 img.ranking-number-rich, .post_content .ranking03 .ranking-title01 img.ranking-number-rich, .post_content .ranking03 .ranking-title02 img.ranking-number-rich, .post_content .ranking03 .ranking-title03 img.ranking-number-rich, .post_content .ranking03 .ranking-title04 img.ranking-number-rich{ width: 44px; bottom: -36px; left: 8px; }
}
@media (min-width: 768px) {
.post_content .ranking01 .ranking-title01 img.ranking-number-rich, .post_content .ranking01 .ranking-title02 img.ranking-number-rich, .post_content .ranking01 .ranking-title03 img.ranking-number-rich, .post_content .ranking01 .ranking-title04 img.ranking-number-rich, .post_content .ranking02 .ranking-title01 img.ranking-number-rich, .post_content .ranking02 .ranking-title02 img.ranking-number-rich, .post_content .ranking02 .ranking-title03 img.ranking-number-rich, .post_content .ranking02 .ranking-title04 img.ranking-number-rich, .post_content .ranking03 .ranking-title01 img.ranking-number-rich, .post_content .ranking03 .ranking-title02 img.ranking-number-rich, .post_content .ranking03 .ranking-title03 img.ranking-number-rich, .post_content .ranking03 .ranking-title04 img.ranking-number-rich{ width: 50px; bottom: -38px; left: 10px; }
}
.post_content .ranking01 .ranking-title01, .post_content .ranking02 .ranking-title01, .post_content .ranking03 .ranking-title01{ border-color: #FFCF24; }
.post_content .ranking01 .ranking-title02, .post_content .ranking02 .ranking-title02, .post_content .ranking03 .ranking-title02{ border-color: #A0A9B1; }
.post_content .ranking01 .ranking-title03, .post_content .ranking02 .ranking-title03, .post_content .ranking03 .ranking-title03{ border-color: #B26A2B; }
.post_content .ranking01 .ranking-title04, .post_content .ranking02 .ranking-title04, .post_content .ranking03 .ranking-title04{ border-color: #acd7ea; }
.post_content .ranking01 .ranking-img01, .post_content .ranking01 .ranking-img02, .post_content .ranking01 .ranking-img03, .post_content .ranking01 .ranking-img04, .post_content .ranking02 .ranking-img01, .post_content .ranking02 .ranking-img02, .post_content .ranking02 .ranking-img03, .post_content .ranking02 .ranking-img04, .post_content .ranking03 .ranking-img01, .post_content .ranking03 .ranking-img02, .post_content .ranking03 .ranking-img03, .post_content .ranking03 .ranking-img04{ width: 300px; height: auto; display: block; }
@media (max-width: 767px) {
.post_content .ranking01 .ranking-img01, .post_content .ranking01 .ranking-img02, .post_content .ranking01 .ranking-img03, .post_content .ranking01 .ranking-img04, .post_content .ranking02 .ranking-img01, .post_content .ranking02 .ranking-img02, .post_content .ranking02 .ranking-img03, .post_content .ranking02 .ranking-img04, .post_content .ranking03 .ranking-img01, .post_content .ranking03 .ranking-img02, .post_content .ranking03 .ranking-img03, .post_content .ranking03 .ranking-img04{ margin: 0 auto; }
}
@media (min-width: 768px) {
.post_content .ranking01 .ranking-img01, .post_content .ranking01 .ranking-img02, .post_content .ranking01 .ranking-img03, .post_content .ranking01 .ranking-img04, .post_content .ranking02 .ranking-img01, .post_content .ranking02 .ranking-img02, .post_content .ranking02 .ranking-img03, .post_content .ranking02 .ranking-img04, .post_content .ranking03 .ranking-img01, .post_content .ranking03 .ranking-img02, .post_content .ranking03 .ranking-img03, .post_content .ranking03 .ranking-img04{ float: left; margin-right: 20px; }
}
.post_content .ranking01 .ranking-img01 img, .post_content .ranking01 .ranking-img02 img, .post_content .ranking01 .ranking-img03 img, .post_content .ranking01 .ranking-img04 img, .post_content .ranking02 .ranking-img01 img, .post_content .ranking02 .ranking-img02 img, .post_content .ranking02 .ranking-img03 img, .post_content .ranking02 .ranking-img04 img, .post_content .ranking03 .ranking-img01 img, .post_content .ranking03 .ranking-img02 img, .post_content .ranking03 .ranking-img03 img, .post_content .ranking03 .ranking-img04 img{ max-width: 100%; height: auto; display: block; }
.post_content .ranking01 .ranking-img01 br, .post_content .ranking01 .ranking-img01 img[width="1"], .post_content .ranking01 .ranking-img02 br, .post_content .ranking01 .ranking-img02 img[width="1"], .post_content .ranking01 .ranking-img03 br, .post_content .ranking01 .ranking-img03 img[width="1"], .post_content .ranking01 .ranking-img04 br, .post_content .ranking01 .ranking-img04 img[width="1"], .post_content .ranking02 .ranking-img01 br, .post_content .ranking02 .ranking-img01 img[width="1"], .post_content .ranking02 .ranking-img02 br, .post_content .ranking02 .ranking-img02 img[width="1"], .post_content .ranking02 .ranking-img03 br, .post_content .ranking02 .ranking-img03 img[width="1"], .post_content .ranking02 .ranking-img04 br, .post_content .ranking02 .ranking-img04 img[width="1"], .post_content .ranking03 .ranking-img01 br, .post_content .ranking03 .ranking-img01 img[width="1"], .post_content .ranking03 .ranking-img02 br, .post_content .ranking03 .ranking-img02 img[width="1"], .post_content .ranking03 .ranking-img03 br, .post_content .ranking03 .ranking-img03 img[width="1"], .post_content .ranking03 .ranking-img04 br, .post_content .ranking03 .ranking-img04 img[width="1"]{ display: none; }
@media (min-width: 768px) {
.post_content .ranking01 .ranking-info01, .post_content .ranking01 .ranking-info02, .post_content .ranking01 .ranking-info03, .post_content .ranking02 .ranking-info01, .post_content .ranking02 .ranking-info02, .post_content .ranking02 .ranking-info03, .post_content .ranking03 .ranking-info01, .post_content .ranking03 .ranking-info02, .post_content .ranking03 .ranking-info03{ display: inline; }
}
@media (max-width: 767px) {
.post_content .ranking01 .ranking-info01, .post_content .ranking01 .ranking-info02, .post_content .ranking01 .ranking-info03, .post_content .ranking02 .ranking-info01, .post_content .ranking02 .ranking-info02, .post_content .ranking02 .ranking-info03, .post_content .ranking03 .ranking-info01, .post_content .ranking03 .ranking-info02, .post_content .ranking03 .ranking-info03{ margin-bottom: 20px; }
}
.post_content .ranking01 .clearfix, .post_content .ranking02 .clearfix, .post_content .ranking03 .clearfix{ height: 5px; }
.post_content .ranking02, .post_content .ranking03{ margin-top: 0px; }
.post_content .gb-review-table-box .cps-table03 table{ width: 100%; border: 1px solid #dedede; border-collapse: collapse; margin-bottom: 30px; }
.post_content .gb-review-table-box .cps-table03 table th, .post_content .gb-review-table-box .cps-table03 table td{ vertical-align: middle; font-size: 0.9rem; border: 1px solid #dedede; border-collapse: collapse; letter-spacing: 0; line-height: 1.2rem; }
.post_content .gb-review-table-box .cps-table03 table th, .post_content .gb-review-table-box .cps-table03 table tr td:first-child{ text-align: center; background: #FFFAF0; }
@media (max-width: 767px) {
.post_content .gb-review-table-box .cps-table03 table th, .post_content .gb-review-table-box .cps-table03 table tr td:first-child{ font-weight: 600; }
}
@media (min-width: 768px) {
.post_content .gb-review-table-box .cps-table03 table th, .post_content .gb-review-table-box .cps-table03 table tr td:first-child{ font-weight: 500; }
}
.post_content .gb-review-table-box .cps-table03 table th.ranking-title{ padding: 12px; font-size: 1.1em; text-align: left; }
@media (max-width: 767px) {
.post_content .gb-review-table-box .cps-table03 table td{ padding: 10px 7px; }
}
@media (min-width: 768px) {
.post_content .gb-review-table-box .cps-table03 table td{ padding: 7px 10px; }
}
.post_content .gb-review-table-box .cps-table03 table td.rankinginfo{ vertical-align: top; text-align: left; }
.post_content .gb-review-table-box .cps-table03 table td img{ display: block; margin: 0 auto; margin-top: 0px; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; }
.post_content .gb-review-table-box .cps-table03 table img.star{ width: 150px; height: auto; }
.post_content .gb-review-table-box .cps-table03 table td.rankinginfo{ width: 70% !important; }
*/ /* ブログカード */ /* CSS Document */ .blog-card-hl-box{ position: absolute; border-radius: 2px; background: #ccc; }
@media (min-width: 768px) {
.blog-card-hl-box{ font-size: 12px; font-weight: 500; padding: 5px 10px; top: -14px; left: 20px; width: 130px; }
}
@media (max-width: 767px) {
.blog-card-hl-box{ font-weight: bold; font-size: 11px; padding: 4px 8px; top: -12px; left: 12px; width: 120px; }
}
.blog-card .jin-ifont-post{ color: #fff; font-size: 0.7rem; }
@media (min-width: 768px) {
.external-blog-card .blog-card-hl-box{ width: 109px; }
}
@media (max-width: 767px) {
.external-blog-card .blog-card-hl-box{ width: 97px; }
}
.blog-card:hover .blog-card-thumbnail img{ transform: scale(1.1); }
.blog-card-box{ display: flex; }
.blog-card-content{ flex: 2.5; max-width: calc(100% - 182px); }
@media (max-width: 767px) {
.blog-card-content{ max-width: calc(100% - 120px); }
}
.blog-card-thumbnail{ display: block; overflow: hidden; }
@media (max-width: 767px) {
.blog-card-thumbnail{ margin-right: 10px; flex: 1.82; }
}
@media (min-width: 768px) {
.blog-card-thumbnail{ margin-right: 20px; flex: 1; }
}
.blog-card-thumbnail img{ filter: opacity(1); display: block; padding: 0 !important; margin: 0 !important; vertical-align: baseline; width: 100%; height: auto; background: #fff; transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
.profile-card .profile-link-box .jic-type:before{ vertical-align: bottom; padding-bottom: 0; padding: 2px; }
#reply-title .jin-ifont-comment, #comment-title .jin-ifont-comment{ line-height: 0; margin-right: 14px; position: relative; z-index: 1; color: #fff; }
@media (max-width: 767px) {
#reply-title .jin-ifont-comment, #comment-title .jin-ifont-comment{ margin-right: 12px; }
}
#reply-title .jin-ifont-comment:before, #comment-title .jin-ifont-comment:before{ font-size: 1.25rem; line-height: 1.15rem; padding-top: 1px; }
@media (max-width: 767px) {
#reply-title .jin-ifont-comment:before, #comment-title .jin-ifont-comment:before{ padding-left: 2px; padding-top: 3px; }
}
.related-entry-section .related-entry-headline-text .jin-ifont-post{ line-height: 0; position: relative; color: #fff; z-index: 1; }
@media (max-width: 767px) {
.related-entry-section .related-entry-headline-text .jin-ifont-post{ margin-right: 13px; }
}
@media (min-width: 768px) {
.related-entry-section .related-entry-headline-text .jin-ifont-post{ margin-right: 14px; }
}
.related-entry-section .related-entry-headline-text .jin-ifont-post:before{ vertical-align: bottom; font-size: 1.2rem; margin-left: 2px; }
@media (max-width: 767px) {
.related-entry-section .related-entry-headline-text .jin-ifont-post:before{ line-height: 0rem; padding-bottom: 0; }
}
@media (min-width: 768px) {
.related-entry-section .related-entry-headline-text .jin-ifont-post:before{ line-height: 0.3rem; padding-top: 1px; }
}
/* ボックスデザイン */ /* CSS Document */ .simple-box1{ border: 3px solid #eee; border-radius: 4px; }
.simple-box2{ border: 3px dashed #eee; border-radius: 4px; }
.simple-box3{ position: relative; border: 3px double #eee; border-radius: 4px; }
.simple-box4{ border: 1px solid #eee; border-radius: 4px; position: relative; }
.simple-box4:before{ position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.05; z-index: -1; }
.simple-box5{ position: relative; border: 1px dashed #aaa; border-radius: 4px; }
.simple-box5:before{ position: absolute; content: ""; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.05; z-index: -1; }
.simple-box6{ background: #eee; border-radius: 4px; }
.simple-box7{ border: 10px solid #aaa; border-radius: 4px; position: relative; }
.simple-box7:before{ position: absolute; content: ""; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.2; z-index: -1; }
.simple-box8{ position: relative; border-left: 5px solid #aaa; }
.simple-box8:before{ position: absolute; content: ""; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.1; z-index: -1; }
.simple-box9{ position: relative; }
.simple-box9:before{ position: absolute; content: ""; display: block; right: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.2; z-index: -1; }
.simple-box9:after{ position: absolute; content: ""; display: block; right: 0; top: 0; border-color: #e3e3e3 #e3e3e3 #fff #fff; border-width: 0 30px 30px 0; border-style: solid; width: 0; transform: rotate(180deg); }
.kaisetsu-box1{ position: relative; }
@media (min-width: 768px) {
.kaisetsu-box1{ padding-top: 80px !important; }
}
@media (max-width: 767px) {
.kaisetsu-box1{ padding-top: 70px !important; }
}
.kaisetsu-box1:before{ position: absolute; content: ""; display: block; left: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.15; border-radius: 4px; z-index: -1; }
.kaisetsu-box1-title{ position: absolute; display: block; left: 0; top: 0; color: #fff; width: 100%; padding: 12px 0; text-align: center; background: #aaa; letter-spacing: 0px !important; border-top-left-radius: 4px; border-top-right-radius: 4px; }
@media (min-width: 768px) {
.kaisetsu-box1-title{ font-size: 21px; font-weight: 500; }
}
@media (max-width: 767px) {
.kaisetsu-box1-title{ font-size: 18px; font-weight: 700; }
}
.kaisetsu-box2{ position: relative; border: 1px solid #aaa; border-radius: 4px; }
@media (min-width: 768px) {
.kaisetsu-box2{ padding-top: 80px !important; }
}
@media (max-width: 767px) {
.kaisetsu-box2{ padding-top: 70px !important; }
}
.kaisetsu-box2 ol li, .kaisetsu-box2 ul li{ border-bottom: 2px dashed #ccc; padding-bottom: 9px; }
.kaisetsu-box2:before{ position: absolute; content: ""; display: block; left: 0; top: 0; width: 100%; height: 100%; background: #F7F7F7; opacity: 0.15; border-radius: 4px; z-index: -1; }
.kaisetsu-box2-title{ position: absolute; display: block; left: 0; top: 0; color: #fff; width: 100%; padding: 12px 0; text-align: center; background: #aaa; letter-spacing: 0px !important; }
@media (min-width: 768px) {
.kaisetsu-box2-title{ font-size: 21px; font-weight: 500; }
}
@media (max-width: 767px) {
.kaisetsu-box2-title{ font-size: 18px; font-weight: 700; }
}
.kaisetsu-box3{ position: relative; border: 10px solid #E3B66A; background: #369377; border-radius: 1px; color: #fff !important; }
@media (min-width: 768px) {
.kaisetsu-box3{ padding-top: 80px !important; }
}
@media (max-width: 767px) {
.kaisetsu-box3{ padding-top: 70px !important; }
}
.kaisetsu-box3 ol li, .kaisetsu-box3 ul li{ border-bottom: 2px solid rgba(255, 255, 255, 0.21); padding-bottom: 9px; }
.kaisetsu-box3:before{ position: absolute; content: ""; right: 0; bottom: 0; width: 57px; height: 23px; background: url(../jin/img/bankeshi.png); background-size: contain; }
.kaisetsu-box3-title{ position: absolute; display: block; left: 0; top: 15px; color: #fff; width: 100%; padding: 15px 0; text-align: center; font-weight: bold; letter-spacing: 0px !important; }
@media (min-width: 768px) {
.kaisetsu-box3-title{ font-size: 21px; font-weight: 500; }
}
@media (max-width: 767px) {
.kaisetsu-box3-title{ font-size: 18px; font-weight: 700; }
}
.kaisetsu-box4{ position: relative; border: 1px solid #aaa; border-radius: 4px; border-top-left-radius: 0; }
@media (max-width: 767px) {
.kaisetsu-box4{ margin-top: 35px !important; }
}
@media (min-width: 768px) {
.kaisetsu-box4{ margin-top: 40px !important; }
}
.kaisetsu-box4-title{ position: absolute; line-height: 0; font-size: 18px; left: -1px; top: -36px; color: #fff; padding: 18px 15px; background: #aaa; border-top-left-radius: 4px; border-top-right-radius: 4px; letter-spacing: 0px !important; }
@media (min-width: 768px) {
.kaisetsu-box4-title{ font-weight: 500; }
}
@media (max-width: 767px) {
.kaisetsu-box4-title{ font-weight: 700; }
}
.kaisetsu-box5{ position: relative; border-radius: 4px; }
@media (max-width: 767px) {
.kaisetsu-box5{ padding-top: 30px !important; margin-top: 20px !important; }
}
@media (min-width: 768px) {
.kaisetsu-box5{ padding-top: 40px !important; margin-top: 20px !important; }
}
.kaisetsu-box5:before{ position: absolute; content: ""; display: block; left: 0; top: 0; width: 100%; height: 100%; background: #aaa; opacity: 0.12; border-radius: 4px; box-sizing: border-box; z-index: -1; }
.kaisetsu-box5-title{ position: absolute; line-height: 0; font-size: 18px; left: 20px; top: -18px; color: #fff; padding: 18px 15px; background: #aaa; border-radius: 2px; letter-spacing: 0px !important; }
@media (min-width: 768px) {
.kaisetsu-box5-title{ font-weight: 500; }
}
@media (max-width: 767px) {
.kaisetsu-box5-title{ font-weight: 700; }
}
.concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6{ position: relative; border: 1px solid #eee; border-radius: 4px; }
@media (max-width: 767px) {
.concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6{ padding-top: 30px !important; margin-top: 30px !important; }
}
@media (min-width: 768px) {
.concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6{ padding-top: 40px !important; margin-top: 40px !important; }
}
.concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before{ position: absolute; font-weight: bold; background: #fff; color: #555; line-height: 0; letter-spacing: 0; }
@media (min-width: 768px) {
.concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before{ font-size: 20px; top: -21px; padding: 20px 8px 20px 51px; }
}
@media (max-width: 767px) {
.concept-box1:before, .concept-box2:before, .concept-box3:before, .concept-box4:before, .concept-box5:before, .concept-box6:before{ font-size: 18px; top: -21px; padding: 20px 8px 20px 32px; }
}
.concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after{ position: absolute; background: #aaa; color: #fff; font-family: "jin-icons"; border: 5px solid #fff; text-align: center; width: 16px; height: 16px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@media (min-width: 768px) {
.concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after{ left: 20px; top: -28px; padding-left: 12px; padding-right: 18px; padding-top: 13px; padding-bottom: 17px; border-radius: 40px; font-size: 1.4rem; }
}
@media (max-width: 767px) {
.concept-box1:after, .concept-box2:after, .concept-box3:after, .concept-box4:after, .concept-box5:after, .concept-box6:after{ left: 12px; top: -23px; padding-left: 9px; padding-right: 11px; padding-top: 8px; padding-bottom: 12px; border-radius: 28px; font-size: 1.15rem; }
}
.concept-box1:before{ content: "ポイント"; }
.concept-box1:after{ content: "\e90b"; }
.concept-box2:before{ content: "注意点"; }
.concept-box2:after{ content: "\e909"; line-height: 1.1rem; }
.concept-box3:before{ content: "良い例"; }
.concept-box3:after{ content: "\e91d"; line-height: 1.3rem; }
.concept-box4:before{ content: "悪い例"; }
.concept-box4:after{ content: "\e905"; line-height: 1.3rem; }
.concept-box5:before{ content: "参考"; }
.concept-box5:after{ content: "\e906"; line-height: 1.3rem; }
.concept-box6:before{ content: "メモ"; }
.concept-box6:after{ content: "\e921"; line-height: 1.3rem; }
@media (max-width: 767px) {
.innerlink-box1-title .jic:before{ padding-bottom: 0; padding-right: 0; vertical-align: inherit; }
}
.innerlink-box1-title .jin-ifont-post{ color: #fff; font-size: 0.65rem; margin-right: -1px; }
.simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6, .innerlink-box1{ padding: 20px 25px; padding-bottom: 0; box-sizing: border-box; }
@media (max-width: 767px) {
.simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6, .innerlink-box1{ margin-bottom: 30px; }
}
@media (min-width: 768px) {
.simple-box1, .simple-box2, .simple-box3, .simple-box4, .simple-box5, .simple-box6, .simple-box7, .simple-box8, .simple-box9, .kaisetsu-box1, .kaisetsu-box2, .kaisetsu-box3, .kaisetsu-box4, .kaisetsu-box5, .kaisetsu-box6, .concept-box1, .concept-box2, .concept-box3, .concept-box4, .concept-box5, .concept-box6, .innerlink-box1{ margin-bottom: 40px; width: 90%; margin-left: auto; margin-right: auto; }
}
.simple-box1 P, .simple-box2 P, .simple-box3 P, .simple-box4 P, .simple-box5 P, .simple-box6 P, .simple-box7 P, .simple-box8 P, .simple-box9 P, .kaisetsu-box1 P, .kaisetsu-box2 P, .kaisetsu-box3 P, .kaisetsu-box4 P, .kaisetsu-box5 P, .kaisetsu-box6 P, .concept-box1 P, .concept-box2 P, .concept-box3 P, .concept-box4 P, .concept-box5 P, .concept-box6 P, .innerlink-box1 P{ padding-bottom: 20px !important; }
.simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box1 ol, .kaisetsu-box1 ul, .kaisetsu-box2 ol, .kaisetsu-box2 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .kaisetsu-box4 ol, .kaisetsu-box4 ul, .kaisetsu-box5 ol, .kaisetsu-box5 ul, .kaisetsu-box6 ol, .kaisetsu-box6 ul, .concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul, .innerlink-box1 ol, .innerlink-box1 ul{ padding-top: 0px; padding-bottom: 30px !important; padding-right: 20px; }
@media (max-width: 767px) {
.simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box1 ol, .kaisetsu-box1 ul, .kaisetsu-box2 ol, .kaisetsu-box2 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .kaisetsu-box4 ol, .kaisetsu-box4 ul, .kaisetsu-box5 ol, .kaisetsu-box5 ul, .kaisetsu-box6 ol, .kaisetsu-box6 ul, .concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul, .innerlink-box1 ol, .innerlink-box1 ul{ padding-left: 4px !important; padding-right: 4px; }
}
.simple-box1 a, .simple-box2 a, .simple-box3 a, .simple-box4 a, .simple-box5 a, .simple-box6 a, .simple-box7 a, .simple-box8 a, .simple-box9 a, .kaisetsu-box1 a, .kaisetsu-box2 a, .kaisetsu-box3 a, .kaisetsu-box4 a, .kaisetsu-box5 a, .kaisetsu-box6 a, .concept-box1 a, .concept-box2 a, .concept-box3 a, .concept-box4 a, .concept-box5 a, .concept-box6 a, .innerlink-box1 a{ position: relative; z-index: 2; }
.simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box1 ol, .kaisetsu-box1 ul, .kaisetsu-box2 ol, .kaisetsu-box2 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .kaisetsu-box4 ol, .kaisetsu-box4 ul, .kaisetsu-box5 ol, .kaisetsu-box5 ul, .kaisetsu-box6 ol, .kaisetsu-box6 ul{ padding-top: 10px !important; padding-bottom: 30px; padding-right: 20px; }
@media (max-width: 767px) {
.simple-box1 ol, .simple-box1 ul, .simple-box2 ol, .simple-box2 ul, .simple-box3 ol, .simple-box3 ul, .simple-box4 ol, .simple-box4 ul, .simple-box5 ol, .simple-box5 ul, .simple-box6 ol, .simple-box6 ul, .simple-box7 ol, .simple-box7 ul, .simple-box8 ol, .simple-box8 ul, .simple-box9 ol, .simple-box9 ul, .kaisetsu-box1 ol, .kaisetsu-box1 ul, .kaisetsu-box2 ol, .kaisetsu-box2 ul, .kaisetsu-box3 ol, .kaisetsu-box3 ul, .kaisetsu-box4 ol, .kaisetsu-box4 ul, .kaisetsu-box5 ol, .kaisetsu-box5 ul, .kaisetsu-box6 ol, .kaisetsu-box6 ul{ padding-left: 4px !important; padding-right: 4px; }
}
.concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul, .innerlink-box1 ol, .innerlink-box1 ul{ padding-top: 0px; padding-bottom: 30px; padding-right: 20px; }
@media (max-width: 767px) {
.concept-box1 ol, .concept-box1 ul, .concept-box2 ol, .concept-box2 ul, .concept-box3 ol, .concept-box3 ul, .concept-box4 ol, .concept-box4 ul, .concept-box5 ol, .concept-box5 ul, .concept-box6 ol, .concept-box6 ul, .innerlink-box1 ol, .innerlink-box1 ul{ padding-left: 4px !important; padding-right: 4px; }
}
/* シンプルボタンデザイン */ /* CSS Document */ .color-button01, .color-button02, .color-button01-big, .color-button02-big{ margin-left: 5px; margin-right: 5px; letter-spacing: 0; }
@media (max-width: 767px) {
.color-button01, .color-button02, .color-button01-big, .color-button02-big{ margin-bottom: 10px; }
}
.color-button01 a, .color-button02 a, .color-button01-big a, .color-button02-big a{ color: #fff !important; }
.color-button01-big, .color-button02-big{ margin-left: auto; margin-right: auto; }
.top-image-btn-color a, .color-button01 a, .color-button02 a{ transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; border-radius: 6px; text-align: center; padding: 13px 80px; padding-bottom: 12px; display: inline-block; text-decoration: none !important; transform: perspective(0); font-size: 1.1rem; opacity: 1 !important; }
@media (max-width: 767px) {
.top-image-btn-color a, .color-button01 a, .color-button02 a{ padding: 12px 80px; padding-bottom: 11px; font-weight: 700; }
}
@media (min-width: 768px) {
.top-image-btn-color a, .color-button01 a, .color-button02 a{ font-weight: 400; }
}
@media (max-width: 767px) {
.spfull.color-button01 a, .spfull.color-button02 a{ width: 100%; }
}
.color-button01-big a, .color-button02-big a{ transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease; border-radius: 4px; text-align: center; font-size: 1.2rem; padding: 20px 30px; max-width: 100% !important; vertical-align: bottom; display: block; text-decoration: none !important; transform: perspective(0); }
@media (max-width: 767px) {
.color-button01-big a, .color-button02-big a{ width: 100% !important; font-weight: 700; }
}
@media (min-width: 768px) {
.color-button01-big a, .color-button02-big a{ font-weight: 400; }
}
.color-button01 img, .color-button02 img, .color-button01-big img, .color-button02-big img{ display: none; }
.top-image-btn-color a:hover, .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover{ text-decoration: none !important; opacity: 1; }
.top-image-btn-color, .color-button01, .color-button02, .color-button01-big, .color-button02-big{ position: relative; z-index: 1; display: inline-block; }
.color-button01-big, .color-button02-big{ display: block; }
.top-image-btn-color a, .color-button01 a, .color-button01-big a{ background-color: #0094c8; color: #fff !important; }
.color-button02 a, .color-button02-big a{ background-color: #d9333f; color: #fff !important; }
.top-image-btn-color a:hover, .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover{ transform: translateY(4px); filter: brightness(0.9); }
.top-image-btn-color:before, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before{ position: absolute; bottom: -4px; z-index: -1; left: 0; content: ""; width: 100%; height: 24px; border-radius: 4px; filter: brightness(0.85); }
.top-image-btn-color:before, .color-button01:before, .color-button02:before{ border-radius: 6px; }
.color-button01-big:before, .color-button02-big:before{ height: 100%; }
.color-button01:before, .color-button01-big:before{ background-color: #0094c8; }
.color-button02:before, .color-button02-big:before{ background-color: #d9333f; }
@media (min-width: 768px) {
.twobutton .color-button01, .twobutton .color-button02{ margin-bottom: 10px; }
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jic:before{ padding-right: 4px; font-size: 1.5rem; line-height: 1.4rem; vertical-align: bottom; }
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jic:before{ padding-right: 2px; font-size: 1.5rem; line-height: 2rem; vertical-align: bottom; }
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jin-ifont-check:before{ font-size: 1.25rem; line-height: 1.5rem; }
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jin-ifont-check:before{ font-size: 1.4rem; }
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jin-ifont-checkcircle:before{ font-size: 1.25rem; }
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jin-ifont-checkcircle:before{ padding-right: 5px; font-size: 1.4rem; }
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jin-ifont-clover:before{ font-size: 1.25rem; }
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jin-ifont-clover:before{ font-size: 1.4rem; }
}
@media (max-width: 767px) {
.jin-h2-icons h2 .jin-ifont-bookmark:before{ font-size: 1.1rem; }
}
@media (min-width: 768px) {
.jin-h2-icons h2 .jin-ifont-bookmark:before{ font-size: 1.2rem; }
}
.jin-h2-icons.h2-style01 h2 .jic:before, .jin-h2-icons.h2-style03 h2 .jic:before, .jin-h2-icons.h2-style05 h2 .jic:before{ color: #fff; }
@media (max-width: 767px) {
.jin-h3-icons h3 .jic:before{ padding-right: 2px; line-height: 1.1rem; vertical-align: bottom; font-size: 1.2rem; }
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jic:before{ padding-right: 2px; line-height: 2rem; vertical-align: bottom; font-size: 1.4rem; }
}
@media (max-width: 767px) {
.jin-h3-icons h3 .jin-ifont-check:before{ font-size: 1.1rem; }
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jin-ifont-check:before{ font-size: 1.25rem; }
}
@media (max-width: 767px) {
.jin-h3-icons h3 .jin-ifont-checkcircle:before{ padding-right: 4px; }
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jin-ifont-checkcircle:before{ padding-right: 5px; }
}
@media (max-width: 767px) {
.jin-h3-icons h3 .jin-ifont-clover:before{ font-size: 1.1rem; }
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jin-ifont-clover:before{ font-size: 1.25rem; }
}
@media (max-width: 767px) {
.jin-h3-icons h3 .jin-ifont-bookmark:before{ font-size: 1.1rem; }
}
@media (min-width: 768px) {
.jin-h3-icons h3 .jin-ifont-bookmark:before{ font-size: 1.2rem; }
}
@media (max-width: 767px) {
.jin-h3-icons.h3-style01 h3 .jic:before, .jin-h3-icons.h3-style04 h3 .jic:before{ line-height: 1.3rem; }
}
@media (max-width: 767px) {
.jin-h3-icons.h3-style02 h3 .jic:before{ line-height: 1.3rem; }
}
@media (max-width: 767px) {
.jin-h3-icons.h3-style03 h3 .jic:before{ line-height: 1.3rem; }
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jic:before{ padding-right: 1px; font-size: 1rem; }
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jic:before{ padding-right: 1px; font-size: 1.3rem; }
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jin-ifont-check:before{ font-size: 1rem; }
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jin-ifont-check:before{ font-size: 1.2rem; }
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jin-ifont-checkcircle:before{ padding-right: 3px; }
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jin-ifont-checkcircle:before{ padding-right: 5px; }
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jin-ifont-clover:before{ font-size: 1rem; }
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jin-ifont-clover:before{ font-size: 1.1rem; line-height: 2rem; }
}
@media (max-width: 767px) {
.jin-h4-icons h4 .jin-ifont-bookmark:before{ font-size: 1rem; }
}
@media (min-width: 768px) {
.jin-h4-icons h4 .jin-ifont-bookmark:before{ font-size: 1.1rem; line-height: 1.9rem; }
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style01 h4 .jic:before{ line-height: 1.1rem; }
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style02 h4 .jic:before{ line-height: 1.1rem; }
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style03 h4 .jic:before{ line-height: 1.1rem; }
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style03 h4 .jin-ifont-clover:before{ line-height: 1.4rem; }
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style03 h4 .jin-ifont-bookmark:before{ line-height: 1.2rem; }
}
@media (max-width: 767px) {
.jin-h4-icons.h4-style04 h4 .jic:before{ line-height: 1.4rem; }
}
.jin-iconbox-icons .jin-ifont-star.jin-icons, .jin-iconbox-icons .jin-ifont-bulb.jin-icons, .jin-iconbox-icons .jin-ifont-cart.jin-icons, .jin-iconbox-icons .jin-ifont-caution.jin-icons{ color: #FFBF0E; }
.jin-iconbox-icons .jin-ifont-checkcircle.jin-icons, .jin-iconbox-icons .jin-ifont-comment.jin-icons, .jin-iconbox-icons .jin-ifont-pencil.jin-icons, .jin-iconbox-icons .jin-ifont-speaker.jin-icons{ color: #05B483; }
.jin-iconbox-icons .jin-ifont-information.jin-icons, .jin-iconbox-icons .jin-ifont-gear.jin-icons, .jin-iconbox-icons .jin-ifont-clipboard.jin-icons, .jin-iconbox-icons .jin-ifont-like.jin-icons{ color: #2F387C; }
.jin-iconbox-icons .jin-ifont-question.jin-icons, .jin-iconbox-icons .jin-ifont-flag.jin-icons, .jin-iconbox-icons .jin-ifont-unlike.jin-icons, .jin-iconbox-icons .jin-ifont-heart.jin-icons{ color: #F13D54; }
.jin-2column .color-button01, .jin-2column .color-button02{ margin-top: 20px; }
@media (min-width: 768px) {
.jin-2column .color-button01 a, .jin-2column .color-button02 a{ padding-left: 40px !important; padding-right: 40px !important; }
}
.jin-3column .color-button01, .jin-3column .color-button02{ margin-top: 20px; }
@media (min-width: 768px) {
.jin-3column .color-button01 a, .jin-3column .color-button02 a{ padding-left: 20px !important; padding-right: 20px !important; }
}
/* 付箋 */ .jin-photo-title .jin-fusen1-down, .jin-photo-title .jin-fusen1-even, .jin-photo-title .jin-fusen1-up{ display: inline-block; background: #fff; margin: 15px 0; padding: 10px 25px 10px 15px; border-left: 20px solid #3b4675; box-shadow: 2px 2px 5px 1px #f3f3f3; }
.jin-photo-title .jin-fusen1-down{ transform: rotate(2deg); }
.jin-photo-title .jin-fusen1-up{ transform: rotate(-2deg); }
.jin-photo-title .jin-fusen2, .jin-photo-title .jin-fusen3{ position: relative; display: inline-block; margin: 15px 0; color: #fff; background: #3b4675; border-radius: 50px; padding: 10px 20px; z-index: 20; }
.jin-photo-title .jin-fusen2{ border-radius: 2px; }
.jin-photo-title .jin-fusen2:before, .jin-photo-title .jin-fusen3:before{ position: absolute; content: ""; bottom: -9px; margin-left: -15px; border-top: 10px solid; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 0; border-top-color: #3b4675; }
.jin-photo-title .jin-fusen2:before{ left: 40px; }
.jin-photo-title .jin-fusen3:before{ left: 45px; }
.jin-photo-title .jin-fusen1-down, .jin-photo-title .jin-fusen1-even, .jin-photo-title .jin-fusen1-up, .jin-photo-title .jin-fusen2, .jin-photo-title .jin-fusen3{ font-size: 0.95rem; line-height: 1.25rem; letter-spacing: 0; }
.jic:before{ display: inline-block !important; }
@media (max-width: 767px) {
.jic:before{ vertical-align: bottom; padding-right: 3px; padding-bottom: 3px; }
}
.jic-sc{ margin-left: 3px; margin-right: 3px; line-height: 1.1rem; }
.jin-code-icon-bulb, .jin-code-icon-account, .jin-code-icon-star, .jin-code-icon-star-half, .jin-code-icon-star-blank{ margin-left: 1px; margin-right: 1px; }
.gb-two-button-box .color-button01, .gb-two-button-box .color-button02{ display: inline-block; }
@media (max-width: 767px) {
.gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a{ padding: 15px 20px !important; }
}
@media (min-width: 768px) {
.gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a{ padding: 15px 30px !important; }
}
@media (min-width: 1024px) {
.gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a{ padding: 15px 60px !important; }
}
body#nofont-style .kaisetsu-box1:after, body#nofont-style .kaisetsu-box2:after, body#nofont-style .kaisetsu-box4:after, body#nofont-style .kaisetsu-box5:after, body#nofont-style .innerlink-box1:after{ font-family: "jin-icons", "ヒラギノ角ゴ ProN W3", Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; }
@media (max-width: 767px) {
body#nts-style .kaisetsu-box1-title, body#nts-style .kaisetsu-box2-title, body#nts-style .kaisetsu-box3-title, body#nts-style .kaisetsu-box4-title, body#nts-style .kaisetsu-box5-title, body#nts-style .post_content-box h2, body#nts-style .post_content-box h3, body#nts-style .post_content-box h4, body#nts-style .post_content-box h5, body#nts-style .ranking-title01, body#nts-style .ranking-title02, body#nts-style .ranking-title03, body#nts-style .post_content table.cps-table03 th, body#nts-style .related-entry-headline-text span{ font-weight: 500 !important; }
}
@media (min-width: 768px) {
body#nts-style .kaisetsu-box1-title, body#nts-style .kaisetsu-box2-title, body#nts-style .kaisetsu-box3-title, body#nts-style .kaisetsu-box4-title, body#nts-style .kaisetsu-box5-title, body#nts-style .post_content-box h2, body#nts-style .post_content-box h3, body#nts-style .post_content-box h4, body#nts-style .post_content-box h5, body#nts-style .ranking-title01, body#nts-style .ranking-title02, body#nts-style .ranking-title03, body#nts-style .post_content table.cps-table03 th, body#nts-style .related-entry-headline-text span{ font-weight: 400 !important; }
}
body#nts-style .kaisetsu-box1:after, body#nts-style .kaisetsu-box2:after, body#nts-style .kaisetsu-box4:after, body#nts-style .kaisetsu-box5:after, body#nts-style .innerlink-box1:after{ font-family: "jin-icons", "Noto Sans Japanese", sans-serif; }
@media (max-width: 767px) {
body#rm-style .kaisetsu-box1-title, body#rm-style .kaisetsu-box2-title, body#rm-style .kaisetsu-box3-title, body#rm-style .kaisetsu-box4-title, body#rm-style .kaisetsu-box5-title, body#rm-style .post_content-box h2, body#rm-style .post_content-box h3, body#rm-style .post_content-box h4, body#rm-style .post_content-box h5, body#rm-style .ranking-title01, body#rm-style .ranking-title02, body#rm-style .ranking-title03, body#rm-style .post_content table.cps-table03 th, body#rm-style .related-entry-headline-text span{ font-weight: 500 !important; }
}
@media (min-width: 768px) {
body#rm-style .kaisetsu-box1-title, body#rm-style .kaisetsu-box2-title, body#rm-style .kaisetsu-box3-title, body#rm-style .kaisetsu-box4-title, body#rm-style .kaisetsu-box5-title, body#rm-style .post_content-box h2, body#rm-style .post_content-box h3, body#rm-style .post_content-box h4, body#rm-style .post_content-box h5, body#rm-style .ranking-title01, body#rm-style .ranking-title02, body#rm-style .ranking-title03, body#rm-style .post_content table.cps-table03 th, body#rm-style .related-entry-headline-text span{ font-weight: 400 !important; }
}
body#rm-style .kaisetsu-box1:after, body#rm-style .kaisetsu-box2:after, body#rm-style .kaisetsu-box4:after, body#rm-style .kaisetsu-box5:after, body#rm-style .innerlink-box1:after{ font-family: "jin-icons", "Rounded Mplus 1c", sans-serif; }
@media (min-width: 768px) {
body#rm-style .blog-card-hl-box{ padding-top: 6px; }
}
@media (min-width: 768px) {
_:-ms-lang(x), .concept-box1:after, _:-ms-lang(x), .concept-box2:after, _:-ms-lang(x), .concept-box3:after, _:-ms-lang(x), .concept-box4:after, _:-ms-lang(x), .concept-box5:after, _:-ms-lang(x), .concept-box6:after{ border: none !important; top: -25px !important; left: 31px !important; padding: 12px; }
}
@media (min-width: 768px) {
_::-webkit-full-page-media, _:future, :root body#nts-style .blog-card-hl-box{ padding-top: 5px; }
_::-webkit-full-page-media, _:future, :root .blog-card-hl-box{ padding-top: 6px; }
}
.jin-ifont-account:before{ content: "\e900"; }
.jin-ifont-archive:before{ content: "\e901"; }
.jin-ifont-arrowcircle:before{ content: "\e902"; }
.jin-ifont-arrowtop:before{ content: "\e903"; }
.jin-ifont-arrow:before{ content: "\e904"; }
.jin-ifont-batu:before{ content: "\e905"; }
.jin-ifont-book:before{ content: "\e906"; }
.jin-ifont-bulb:before{ content: "\e907"; }
.jin-ifont-cart:before{ content: "\e908"; }
.jin-ifont-caution:before{ content: "\e909"; }
.jin-ifont-checkcircle:before{ content: "\e90a"; }
.jin-ifont-check:before{ content: "\e90b"; }
.jin-ifont-clipboard:before{ content: "\e90c"; }
.jin-ifont-comment:before{ content: "\e90d"; }
.jin-ifont-copy:before{ content: "\e90e"; }
.jin-ifont-crown:before{ content: "\e90f"; }
.jin-ifont-arrowdouble:before{ content: "\e910"; }
.jin-ifont-droppin:before{ content: "\e911"; }
.jin-ifont-facebook:before{ content: "\e912"; }
.jin-ifont-flag:before{ content: "\e913"; }
.jin-ifont-folder:before{ content: "\e914"; }
.jin-ifont-gear:before{ content: "\e915"; }
.jin-ifont-heart:before{ content: "\e916"; }
.jin-ifont-home:before{ content: "\e917"; }
.jin-ifont-information:before{ content: "\e918"; }
.jin-ifont-instagram:before{ content: "\e919"; }
.jin-ifont-like:before{ content: "\e91a"; }
.jin-ifont-line:before{ content: "\e91b"; }
.jin-ifont-mail:before{ content: "\e91c"; }
.jin-ifont-maru:before{ content: "\e91d"; }
.jin-ifont-mobile:before{ content: "\e91e"; }
.jin-ifont-navi:before{ content: "\e91f"; }
.jin-ifont-pc:before{ content: "\e920"; }
.jin-ifont-pencil:before{ content: "\e921"; }
.jin-ifont-plus:before{ content: "\e922"; }
.jin-ifont-question:before{ content: "\e923"; }
.jin-ifont-quote:before{ content: "\e924"; }
.jin-ifont-relatedpost:before{ content: "\e925"; }
.jin-ifont-reload:before{ content: "\e926"; }
.jin-ifont-reply:before{ content: "\e927"; }
.jin-ifont-speaker:before{ content: "\e928"; }
.jin-ifont-starblank:before{ content: "\e929"; }
.jin-ifont-starhalf:before{ content: "\e92a"; }
.jin-ifont-star:before{ content: "\e92b"; }
.jin-ifont-tag:before{ content: "\e92c"; }
.jin-ifont-twitter:before{ content: "\e92d"; }
.jin-ifont-unlike:before{ content: "\e92e"; }
.jin-ifont-watch:before{ content: "\e92f"; }
.jin-ifont-youtube:before{ content: "\e930"; }
.jin-ifont-search:before{ content: "\e931"; }
.jin-ifont-arrowbottom:before{ content: "\e932"; }
.jin-ifont-arrowleft:before{ content: "\e933"; }
.jin-ifont-blogtext:before{ content: "\e934"; }
.jin-ifont-clover:before{ content: "\e935"; }
.jin-ifont-post:before{ content: "\e936"; }
.jin-ifont-facebook-t:before{ content: "\e937"; }
.jin-ifont-pocket:before{ content: "\e938"; }
.jin-ifont-bookmark:before{ content: "\e939"; }
.jin-ifont-copyright:before{ content: "\e93a"; }
.jin-ifont-inazuma:before{ content: "\e93b"; }
.jin-ifont-share:before{ content: "\e93c"; }
.jin-ifont-spanner:before{ content: "\e93d"; }
.jin-ifont-books:before{ content: "\e93e"; }
.jin-ifont-calendar:before{ content: "\e93f"; }
.jin-ifont-coin:before{ content: "\e940"; }
.jin-ifont-illust:before{ content: "\e941"; }
.jin-ifont-lock:before{ content: "\e942"; }
.jin-ifont-mailsend:before{ content: "\e943"; }
.jin-ifont-movie:before{ content: "\e944"; }
.jin-ifont-photo:before{ content: "\e945"; }
.jin-ifont-program:before{ content: "\e946"; }
.jin-ifont-website:before{ content: "\e947"; }
.jin-ifont-writer:before{ content: "\e948"; }
.jin-ifont-coincover:before{ content: "\e949"; }
.jin-ifont-airline:before{ content: "\e94a"; }
.jin-ifont-arrowbcircle:before{ content: "\e94b"; }
.jin-ifont-arrowb:before{ content: "\e94c"; }
.jin-ifont-arrowclear:before{ content: "\e94d"; }
.jin-ifont-arrowsquare:before{ content: "\e94e"; }
.jin-ifont-baby:before{ content: "\e94f"; }
.jin-ifont-bike:before{ content: "\e950"; }
.jin-ifont-birthdaycake:before{ content: "\e951"; }
.jin-ifont-bitcoin:before{ content: "\e952"; }
.jin-ifont-bitcoinwallet:before{ content: "\e953"; }
.jin-ifont-bookopen:before{ content: "\e954"; }
.jin-ifont-bottoms:before{ content: "\e955"; }
.jin-ifont-cafe:before{ content: "\e956"; }
.jin-ifont-camera:before{ content: "\e957"; }
.jin-ifont-car:before{ content: "\e958"; }
.jin-ifont-cardboardbox3:before{ content: "\e959"; }
.jin-ifont-cardboardbox:before{ content: "\e95a"; }
.jin-ifont-cat:before{ content: "\e95b"; }
.jin-ifont-chick:before{ content: "\e95c"; }
.jin-ifont-conditioner:before{ content: "\e95d"; }
.jin-ifont-cosme:before{ content: "\e95e"; }
.jin-ifont-couple:before{ content: "\e95f"; }
.jin-ifont-creditcard:before{ content: "\e960"; }
.jin-ifont-datsumou:before{ content: "\e961"; }
.jin-ifont-diamond:before{ content: "\e962"; }
.jin-ifont-dinner:before{ content: "\e963"; }
.jin-ifont-dog:before{ content: "\e964"; }
.jin-ifont-download:before{ content: "\e965"; }
.jin-ifont-drag:before{ content: "\e966"; }
.jin-ifont-dumbbell:before{ content: "\e967"; }
.jin-ifont-earphone:before{ content: "\e968"; }
.jin-ifont-female:before{ content: "\e969"; }
.jin-ifont-flower:before{ content: "\e96a"; }
.jin-ifont-folkspoon:before{ content: "\e96b"; }
.jin-ifont-game:before{ content: "\e96c"; }
.jin-ifont-girl:before{ content: "\e96d"; }
.jin-ifont-graph:before{ content: "\e96e"; }
.jin-ifont-handbag:before{ content: "\e96f"; }
.jin-ifont-headphone:before{ content: "\e970"; }
.jin-ifont-homewifi:before{ content: "\e971"; }
.jin-ifont-kid:before{ content: "\e972"; }
.jin-ifont-kirakira:before{ content: "\e973"; }
.jin-ifont-link:before{ content: "\e974"; }
.jin-ifont-lipstick:before{ content: "\e975"; }
.jin-ifont-makeup:before{ content: "\e976"; }
.jin-ifont-male:before{ content: "\e977"; }
.jin-ifont-malefemale:before{ content: "\e978"; }
.jin-ifont-moneybag:before{ content: "\e979"; }
.jin-ifont-moneywallet:before{ content: "\e97a"; }
.jin-ifont-nikukyu:before{ content: "\e97b"; }
.jin-ifont-onpu:before{ content: "\e97c"; }
.jin-ifont-paint:before{ content: "\e97d"; }
.jin-ifont-petfood:before{ content: "\e97e"; }
.jin-ifont-plant:before{ content: "\e97f"; }
.jin-ifont-pocketwifi:before{ content: "\e980"; }
.jin-ifont-prbadge:before{ content: "\e981"; }
.jin-ifont-present:before{ content: "\e982"; }
.jin-ifont-qrpay:before{ content: "\e983"; }
.jin-ifont-rice:before{ content: "\e984"; }
.jin-ifont-rpoint:before{ content: "\e985"; }
.jin-ifont-rucksack:before{ content: "\e986"; }
.jin-ifont-saving:before{ content: "\e987"; }
.jin-ifont-scooter:before{ content: "\e988"; }
.jin-ifont-seedleaf:before{ content: "\e989"; }
.jin-ifont-shoes:before{ content: "\e98a"; }
.jin-ifont-simcard:before{ content: "\e98b"; }
.jin-ifont-skirt:before{ content: "\e98c"; }
.jin-ifont-smartphone:before{ content: "\e98d"; }
.jin-ifont-smartspeaker:before{ content: "\e98e"; }
.jin-ifont-smile:before{ content: "\e98f"; }
.jin-ifont-sun:before{ content: "\e990"; }
.jin-ifont-supplement:before{ content: "\e991"; }
.jin-ifont-supplement2:before{ content: "\e992"; }
.jin-ifont-tapioka:before{ content: "\e993"; }
.jin-ifont-telephone:before{ content: "\e994"; }
.jin-ifont-tops:before{ content: "\e995"; }
.jin-ifont-trade:before{ content: "\e996"; }
.jin-ifont-video:before{ content: "\e997"; }
.jin-ifont-weddingring:before{ content: "\e998"; }
.jin-ifont-weightscale:before{ content: "\e999"; }
.jin-ifont-wifi:before{ content: "\e99a"; }
.jin-ifont-wirelessearphone:before{ content: "\e99b"; }
.jin-ifont-answertxt:before{ content: "\e99c"; }
.jin-ifont-questiontxt:before{ content: "\e99d"; }
.jin-ifont-starcircle:before{ content: "\e99e"; }
.jin-ifont-fire:before{ content: "\e99f"; }
.jin-ifont-hamburger:before{ content: "\e9a0"; }
.jin-ifont-fish:before{ content: "\e9a1"; }
.jin-ifont-heartcircle:before{ content: "\e9a2"; }
.jin-ifont-hourglass:before{ content: "\e9a3"; }
.jin-ifont-rss:before{ content: "\e9a4"; }
.jin-ifont-leaf:before{ content: "\e9a5"; }
.jin-ifont-moon:before{ content: "\e9a6"; }
.jin-ifont-plug:before{ content: "\e9a7"; }
.jin-ifont-rocket:before{ content: "\e9a8"; }
.jin-ifont-sailing:before{ content: "\e9a9"; }
.jin-ifont-slash:before{ content: "\e9aa"; }
.jin-ifont-timer:before{ content: "\e9ac"; }
.jin-ifont-tv:before{ content: "\e9ad"; }
.jin-ifont-videocamera:before{ content: "\e9ae"; }
.jin-ifont-wine:before{ content: "\e9af"; }
.jin-ifont-anchor:before{ content: "\e9b0"; }
.jin-ifont-aqua:before{ content: "\e9b1"; }
.jin-ifont-backslash:before{ content: "\e9b2"; }
.jin-ifont-badge:before{ content: "\e9b4"; }
.jin-ifont-baseball:before{ content: "\e9b5"; }
.jin-ifont-basket:before{ content: "\e9b6"; }
.jin-ifont-basketball:before{ content: "\e9b7"; }
.jin-ifont-beachparasol:before{ content: "\e9b8"; }
.jin-ifont-businessman:before{ content: "\e9b9"; }
.jin-ifont-cameraretro:before{ content: "\e9ba"; }
.jin-ifont-carrot:before{ content: "\e9bb"; }
.jin-ifont-compass:before{ content: "\e9bc"; }
.jin-ifont-dollar:before{ content: "\e9bd"; }
.jin-ifont-academic:before{ content: "\e9be"; }
.jin-ifont-bell:before{ content: "\e9bf"; }
.jin-ifont-circle:before{ content: "\e9c0"; }
.jin-ifont-camp:before{ content: "\e9c1"; }
.jin-ifont-drier:before{ content: "\e9c2"; }
.jin-ifont-fingerbottom:before{ content: "\e9c3"; }
.jin-ifont-fingerright:before{ content: "\e9c4"; }
.jin-ifont-key:before{ content: "\e9c5"; }
.jin-ifont-number1square:before{ content: "\e9c6"; }
.jin-ifont-number2square:before{ content: "\e9c7"; }
.jin-ifont-number3square:before{ content: "\e9c8"; }
.jin-ifont-number4square:before{ content: "\e9c9"; }
.jin-ifont-number5square:before{ content: "\e9ca"; }
.jin-ifont-number6square:before{ content: "\e9cb"; }
.jin-ifont-number7square:before{ content: "\e9cc"; }
.jin-ifont-number8square:before{ content: "\e9cd"; }
.jin-ifont-number9square:before{ content: "\e9ce"; }
.jin-ifont-number10square:before{ content: "\e9cf"; }
.jin-ifont-number1circle:before{ content: "\e9d0"; }
.jin-ifont-number2circle:before{ content: "\e9d1"; }
.jin-ifont-number3circle:before{ content: "\e9d2"; }
.jin-ifont-number4circle:before{ content: "\e9d3"; }
.jin-ifont-number5circle:before{ content: "\e9d4"; }
.jin-ifont-number6circle:before{ content: "\e9d5"; }
.jin-ifont-number7circle:before{ content: "\e9d6"; }
.jin-ifont-number8circle:before{ content: "\e9d7"; }
.jin-ifont-number9circle:before{ content: "\e9d8"; }
.jin-ifont-number10circle:before{ content: "\e9d9"; }
.jin-ifont-answerbox:before{ content: "\e9da"; }
.jin-ifont-questionbox:before{ content: "\e9db"; }
.jin-ifont-wordpress:before{ content: "\e9dc"; }
.jin-ifont-pinterest:before{ content: "\e9dd"; }
.jin-ifont-amazon:before{ content: "\e9de"; }
.jin-ifont-human:before{ content: "\e9df"; }
.jin-ifont-arrow-circle:before{ content: "\e902"; }
.jin-ifont-check-circle:before{ content: "\e90a"; }
.jin-ifont-arrow-b-circle:before{ content: "\e94b"; }
.jin-ifont-arrow-b:before{ content: "\e94c"; }
.jin-ifont-arrow-top:before{ content: "\e903"; }
.jin-ifont-arrow-bottom:before{ content: "\e932"; }
.jin-ifont-arrow-left:before{ content: "\e933"; }


/* ------------------------------------------------------------
 * JINカスタマイザー由来（色の実値・親テーマより後に置いて上書き）
 * ------------------------------------------------------------ */
.post_content .marker{ background: -webkit-linear-gradient(transparent 60%, #ffcccc 0%); background: linear-gradient(transparent 60%, #ffcccc 0%); }
.post_content .marker2{ background: -webkit-linear-gradient(transparent 60%, #fef263 0%); background: linear-gradient(transparent 60%, #fef263 0%); }
.post_content .jic-sc{ color: #e9546b; }
.simple-box1{ border-color: #ef9b9b !important; }
.simple-box2{ border-color: #f2bf7d !important; }
.simple-box3{ border-color: #b5e28a !important; }
.simple-box4{ border-color: #7badd8 !important; }
.simple-box4:before{ background-color: #7badd8; }
.simple-box5{ border-color: #e896c7 !important; }
.simple-box5:before{ background-color: #e896c7; }
.simple-box6{ background-color: #fffdef !important; }
.simple-box7{ border-color: #def1f9 !important; }
.simple-box7:before{ background-color: #def1f9 !important; }
.simple-box8{ border-color: #96ddc1 !important; }
.simple-box8:before{ background-color: #96ddc1 !important; }
.simple-box9:before{ background-color: #e1c0e8 !important; }
.simple-box9:after{ border-color: #e1c0e8 #e1c0e8 #fff #fff !important; }
.kaisetsu-box1:before, .kaisetsu-box1-title{ background-color: #ffb49e !important; }
.kaisetsu-box2{ border-color: #89c2f4 !important; }
.kaisetsu-box2-title{ background-color: #89c2f4 !important; }
.kaisetsu-box4{ border-color: #ea91a9 !important; }
.kaisetsu-box4-title{ background-color: #ea91a9 !important; }
.kaisetsu-box5:before{ background-color: #57b3ba !important; }
.kaisetsu-box5-title{ background-color: #57b3ba !important; }
.concept-box1{ border-color: #85db8f !important; }
.concept-box1:after{ background-color: #85db8f !important; }
.concept-box1:before{ content: "ポイント" !important; color: #85db8f !important; }
.concept-box2{ border-color: #f7cf6a !important; }
.concept-box2:after{ background-color: #f7cf6a !important; }
.concept-box2:before{ content: "注意点" !important; color: #f7cf6a !important; }
.concept-box3{ border-color: #ed8989 !important; }
.concept-box3:after{ background-color: #ed8989 !important; }
.concept-box3:before{ content: "メリット" !important; color: #ed8989 !important; }
.concept-box4{ border-color: #86cee8 !important; }
.concept-box4:after{ background-color: #86cee8 !important; }
.concept-box4:before{ content: "デメリット" !important; color: #86cee8 !important; }
.concept-box5{ border-color: #9e9e9e !important; }
.concept-box5:after{ background-color: #9e9e9e !important; }
.concept-box5:before{ content: "参考" !important; color: #9e9e9e !important; }
.concept-box6{ border-color: #8eaced !important; }
.concept-box6:after{ background-color: #8eaced !important; }
.concept-box6:before{ content: "メモ" !important; color: #8eaced !important; }
.innerlink-box1:before, .blog-card-hl-box{ background-color: #ff7e28 !important; }
.color-button01 a, .color-button01 a:hover, .color-button01:before{ background-color: #a5d85d !important; }
.color-button02 a, .color-button02 a:hover, .color-button02:before{ background-color: #ff7e28 !important; }
.color-button01-big a, .color-button01-big a:hover, .color-button01-big:before{ background-color: #ff7e28 !important; }
.color-button01-big a, .color-button01-big:before{ border-radius: 5px !important; }
.color-button01-big a{ padding-top: 20px !important; padding-bottom: 20px !important; }
.color-button02-big a, .color-button02-big a:hover, .color-button02-big:before{ background-color: #ff7e28 !important; }
.color-button02-big a, .color-button02-big:before{ border-radius: 40px !important; }
.color-button02-big a{ padding-top: 20px !important; padding-bottom: 20px !important; }
.color-button01-big{ width: 75% !important; }
.color-button02-big{ width: 75% !important; }
.top-image-btn-color:before, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before{ bottom: -1px; left: -1px; width: 100%; height: 100%; border-radius: 6px; box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.25); -webkit-transition: all .4s; transition: all .4s; }
.top-image-btn-color a:hover, .color-button01 a:hover, .color-button02 a:hover, .color-button01-big a:hover, .color-button02-big a:hover{ -webkit-transform: translateY(2px); transform: translateY(2px); -webkit-filter: brightness(0.95); filter: brightness(0.95); }
.top-image-btn-color:hover:before, .color-button01:hover:before, .color-button02:hover:before, .color-button01-big:hover:before, .color-button02-big:hover:before{ -webkit-transform: translateY(2px); transform: translateY(2px); box-shadow: none !important; }
.jin-h2-icons.h2-style02 h2 .jic:before, .jin-h2-icons.h2-style04 h2 .jic:before, .jin-h2-icons.h2-style06 h2 .jic:before, .jin-h2-icons.h2-style07 h2 .jic:before, .jin-h2-icons.h2-style08 h2 .jic:before, .jin-h2-icons.h2-style09 h2 .jic:before, .jin-h2-icons.h2-style10 h2 .jic:before, .jin-h3-icons.h3-style01 h3 .jic:before, .jin-h3-icons.h3-style02 h3 .jic:before, .jin-h3-icons.h3-style03 h3 .jic:before, .jin-h3-icons.h3-style04 h3 .jic:before, .jin-h3-icons.h3-style05 h3 .jic:before, .jin-h3-icons.h3-style06 h3 .jic:before, .jin-h3-icons.h3-style07 h3 .jic:before, .jin-h4-icons.h4-style01 h4 .jic:before, .jin-h4-icons.h4-style02 h4 .jic:before, .jin-h4-icons.h4-style03 h4 .jic:before, .jin-h4-icons.h4-style04 h4 .jic:before{ color: #a5d85d; }
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, .color-button01:before, .color-button02:before, .color-button01-big:before, .color-button02-big:before{ background-color: #595857 !important; }
}
.jin-photo-title .jin-fusen1-down, .jin-photo-title .jin-fusen1-even, .jin-photo-title .jin-fusen1-up{ border-left-color: #a5d85d; }
.jin-photo-title .jin-fusen2, .jin-photo-title .jin-fusen3{ background-color: #a5d85d; }
.jin-photo-title .jin-fusen2:before, .jin-photo-title .jin-fusen3:before{ border-top-color: #a5d85d; }


/* ------------------------------------------------------------
 * JIN子テーマ由来（サイト独自・全文）
 * ------------------------------------------------------------ */
/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/
/*カスタマイズ*/
.bold {
	font-weight:bold;
}


.boldaka {
	font-weight:bold;
	color:#ff3333;
}


.boldResult {
	font-weight:bold;
	color:#B54E4E;
}


.tensu-b-yellow {
    font-size:18px;
	font-weight:bold;
	color:#E87800;
}


.tablenone td {
    border: none;
}


.marker,.marker2 {
	font-weight:bold;
}
@media screen and (max-width: 767px){

  .cps-sp-menu-bar{
    margin-top:50px; /* ヘッダーの下余白 */
  }

  .sp-menu-box{
    z-index:5;
  }
}


/*--------------------
  この記事を書いた人
---------------------*/
/*ボックス全体*/
.profile-box {
    margin:3em 1em 2em;
    padding:10px 10px 15px;
    position:relative;
    border:2px solid #F48789;    /*枠線の太さ 線種 色*/
    font-size:14px;
}


.profile-box:before , .profile-box:after {
    clear:both;
    content:"";
    display:block;
}


/*「この記事を書いた人」のタイトル*/
.profile-box .profile-box_title {
    position:absolute;
    top:-30px;
    left:-2px;
    padding:0 10px;
    background:#ff6893;    /*背景色*/
    color:#fff;            /*文字の色*/
    font-weight:bold;
    border:2px solid #F48789;    /*枠線の太さ 線種 色*/
    display:inline-block;
}


.profile-box_title:before {
    font-family:"Font Awesome 5 Free";
    content:"\f007";
    font-weight:900;
    margin-right:7px;
}


/*アイコン画像*/
.profile-box img {
    display:block;
    width:80px;
    height:80px;
    float:left;
    margin:0 20px 7px 10px;    /*画像周りの余白*/
}


/*名前(ニックネーム)*/
.profile-box .profile-box_name {
   margin:0 0 7px;
   padding:0;
   font-size:16px;       /*文字サイズ*/
   font-weight:bold;
}


/*プロフィール*/
.profile-box p {
    margin:0;
    padding:0;
    font-size:12px;
    line-height:21px;    /*行間*/
}


.starNum .fa0:before {
  content: "\e92b" !important;
  color: #f99200;
}


/* ステップ */
.steps {
  /* 連番カウンター名の定義 */
  counter-reset: step-counter;
  /* 縦棒との位置関係に必要 */
  position: relative;
  /* 縦棒と連番のためのスペースを左に確保 */
  padding-left: 2rem; /* 連番(1.5rem) + 余白 */
}


/* 縦棒 */
.steps:before {
  content: "";
  /* 幅と色 */
  background-color: #d59533;
  width: 2px;
  /* 位置 */
  position: absolute;
  top: 0.7rem; /* 円のwidthの半分 */
  left: 0.7rem; /* 円のwidthの半分 */
  height: calc(100% - 0.7rem); /* 100% - top */
  /* 連番より後ろに表示するため */
  z-index: 0;
}


.steps > div {
  /* 連番カウンターを+1する */
  counter-increment: step-counter;
  /* 連番カウンターを垂直方向に中央揃えで表示する */
  display: flex;
  align-items: center;
}


/* ①②③など連番 */
.steps > div:before {
  /* 連番カウンターの値を表示する */
  content: counter(step-counter);
  /* フォントと色 */
  background: #d59533;
  color: white;
  font-size: 0.8rem;
  font-weight: normal;
  /* 文字を中央に表示する */
  line-height: 1.5rem;
  text-align: center;
  /* 円で表示する */
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1.5rem;
  /* .stepsでmargin-left +2rem したぶん左に戻す */
  position: absolute;
  left: 0;
  /* 縦棒より手前に表示するため */
  z-index: 1;
}


.font-min {
    font-size: 10px;
}


/*--------------------
  ボタン下マイクロコピー
---------------------*/
.mcbtn {
    margin-bottom: 2rem;
    text-align: center;
}

.mcbtn .color-button01-big {
    margin-bottom: 0;
}

.mcbtn .color-button01-big a {
    padding-top: 12px!important;
    padding-bottom: 15px!important;
    width: 100%!important;
}

.mcbtn p {
    padding-bottom: 0.5rem;
}

.mcbtn p:first-child {
    font-weight: 500!important;
    font-size: 1.2em;
}

.mcbtn p:last-child {
    font-size: .9em;
}


/*--------------------
  小さいボタン
---------------------*/
.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}


.btn-square-pop:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}



/* コピーボタン */
.copy_btn {
  width:80%!important;
  padding: 12px 0;
  margin-left: auto!important;
  margin-right: auto!important;
  color:#ffffff;
  font-weight:bold;
  background:#44B200;
  border: solid 2px #44B200;
  border-radius: 3px;
  transition: .4s;
  text-align: center;
}

 
.copy_btn:hover {
  background: #ffffff;
  color: #000000;
}

.copy_btn:hover {
	cursor: pointer;
}


/************************************
** 横長テーブル
************************************/
.p-sticky-table{
  white-space: nowrap;
  line-height:1.6;
}

.p-sticky-table table{
  border:none;
  border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
  max-height: 80vh;
}

.p-sticky-table thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}

.p-sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  text-align:center;
}

.p-sticky-table tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
  border:none;
  white-space: normal;
  min-width: 130px;
}

.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
  font-size: 10px !important;
  position: relative;
  padding: 13px !important;
  color: #333;
  border: none !important;
  z-index: 0;
  vertical-align:middle !important;
/*   background:#fff; */
}

.p-sticky-table th{
  background:#f0f9ff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;
}

.p-sticky-table tr{
  border-bottom:none !important;
}

.p-sticky-table img{
  margin: 10px auto;
  display: block;
  padding: 0;
/*  max-width: 80% !important;*/
}

.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  z-index: -1;
}
@media screen and (max-width: 560px) {

  .p-sticky-table table {
    max-height: 60vh;
    }

  .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
        min-width: 25vw;
    }

   .p-sticky-table th, .p-sticky-table td {
        font-size: 10px !important;
        padding: 7px !important;
    }
}

/* 中央寄せ */
.pst-center td {
  text-align: center;
}


/* ライトイエロー */
.pst-light-yellow thead th, .pst-light-yellow tbody th {
  background: #fffbf0 !important;
}


/* ライトピンク */
.pst-light-pink thead th, .pst-light-pink tbody th {
  background: #fff1f0 !important;
}


/* ライトグリーン */
.pst-light-green thead th, .pst-light-green tbody th {
  background: #f2fbef !important;
}


/* ライトグレー*/
.pst-light-grey thead th, .pst-light-grey tbody th {
  background: #f1f1f1 !important;
}


/* ブルーストライプ */
.pst-blue thead th, .pst-blue tbody th {
  background: #daf5ff !important;
}

.pst-blue tr:nth-child(odd) td {
  background: #fff;
}

.pst-blue tr:nth-child(even) td {
  background: #effafd;
}

.pst-blue table th::before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


/* イエローストライプ */
.pst-yellow thead th, .pst-yellow tbody th {
  background: #fff0bc !important;
}

.pst-yellow tr:nth-child(odd) td {
  background: #fff;
}

.pst-yellow tr:nth-child(even) td {
  background: #fffbed;
}

.pst-yellow table th::before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


/* ピンクストライプ */
.pst-pink thead th, .pst-pink tbody th {
  background: #ffe2e2 !important;
}

.pst-pink tr:nth-child(odd) td {
  background: #fff;
}

.pst-pink tr:nth-child(even) td {
  background: #fff1f1;
}

.pst-pink table th::before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


/* グリーンストライプ */
.pst-green thead th, .pst-green tbody th {
  background: #dcedc1 !important;
}

.pst-green tr:nth-child(odd) td {
  background: #fff;
}

.pst-green tr:nth-child(even) td {
  background: #fafff2;
}

.pst-green table th::before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


/* グレーストライプ */
.pst-grey thead th, .pst-grey tbody th {
  background: #dde5ea !important;
}

.pst-grey tr:nth-child(odd) td {
  background: #fff;
}

.pst-grey tr:nth-child(even) td {
  background: #f1f4f7;
}

.pst-grey table th::before {
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


.cp_ipselect {
	overflow: hidden;
	width: 90%;
	margin: 2em auto;
	text-align: center;
}

.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.cp_ipselect select::-ms-expand {
    display: none;
}

.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}

.cp_ipselect.cp_sl02::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}

.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}

.cp_ipselect.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}




.button_wrapper{
   text-align:center;
}

.button { 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    -ms-border-radius: 5px; 
    -o-border-radius: 5px; 
    border-radius: 5px; 

    border-bottom-width: 3px; 
    position: relative;
    display: inline-block; 

    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none; 
    user-select: none; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
    margin-bottom: 0;
    background-color: white; 
    text-align: center;
    vertical-align: middle; 
    font-weight: bold;
    white-space: nowrap; 
    cursor: pointer; 

    font-size: 14px;
    padding: 10px 12px;

    line-height: 1.5;

    border: 1px solid #eeeeee; 

    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.button:active { margin-top: 2px; border-bottom-width: 0; }

.button:disabled { margin-top: 2px; border-bottom-width: 0; cursor: auto; }

.button:disabled:hover { opacity: 1; }


.button.button-large { padding: 12px 25px; font-size: 18px; border-bottom-width: 4px;width: 95%; }

.button.button-large:active { margin-top: 4px; border-bottom-width: 0; }

.button.button-large:disabled { margin-top: 4px; border-bottom-width: 0; }


.button.button-pc1 { padding: 12px 25px; font-size: 18px; border-bottom-width: 4px;width: 50%; }

.button.button-pc1:active { margin-top: 4px; border-bottom-width: 0; }

.button.button-pc1:disabled { margin-top: 4px; border-bottom-width: 0; }


.button.button-mini { padding: 5px 10px; font-size: 12px; border-bottom-width: 2px;width: 100%; }

.button.button-mini:active { margin-top: 2px; border-bottom-width: 0; }

.button.button-mini:disabled { margin-top: 2px; border-bottom-width: 0; }


.button.button-smini { padding: 3px 5px; font-size: 12px; border-bottom-width: 2px; }

.button.button-smini:active { margin-top: 2px; border-bottom-width: 0; }

.button.button-smini:disabled { margin-top: 2px; border-bottom-width: 0; }


.button.press { margin-top: 3px; border-color: #e4dfdb; border-bottom-width: 0; background-color: #e4dfdb; color: #666666; }

.button i { vertical-align: -2px; margin-right: 6px; }

.button .progressButton { display: none; }


.button:hover {
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
}


.button-green { background-color: #a5d85d; border-color: #a5d85d; border-bottom-color: #9DCD58; color: #fff; }


.button-pink { background-color: #ea3686; border-color: #ea3686; border-bottom-color: #8a0e45; color: #fff; }

.button-pink:hover, .button-orange:hover {
    color : #FFF;
}


.button-orange { background-color: #feb032; border-color: #feb032; border-bottom-color: #e67224; color: #fff; }


.button-gray { background-color: #999999; border-color: #999999; border-bottom-color: #666666; color: #fff; }


.button-map { background-color: #75A3BF; border-color: #75A3BF; border-bottom-color: #41708d; color: #fff; }


.bg-img-set {
    background-position: center center; 
    background-repeat: no-repeat;
    background-size:contain;
/* 	    background-size:50px; */
/* 		max-height: 80%; */
}


.hyouka_nijumaru {
    background-image: url('https://iedeli.com/wp-content/uploads/2024/05/hyouka_nijumaru.png');

}


.hyouka_maru {
    background-image: url('https://iedeli.com/wp-content/uploads/2024/05/hyouka_maru.png');

}


.hyouka_sankaku {
    background-image: url('https://iedeli.com/wp-content/uploads/2024/05/hyouka_sankaku.png');

}


.hyouka_batsu {
    background-image: url('https://iedeli.com/wp-content/uploads/2024/05/hyouka_batsu.png');

}


/*リンクカード調整*/
.linkcard * {
	text-decoration:none !important;
}


.linkcard:before {
	content: "合わせて読みたい";
	position: relative;
	top:  12px;
	left:  23px;
	background-color: #e47124;
	padding: 8px 14px;
	font-size: 0.8em;
	border-radius:  3px;
	color:  #fff;
	z-index: 1;
}


.linkcard *:hover {
	opacity:0.8;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}


.linkcard {
	margin: 22px auto;
	display:block;
}


.lkc-external-wrap {
	max-width: 100%;
	background:  #fff;
	border: solid 1px #0094c8;
	border-radius:  4px;
	padding:15px;

}


.lkc-external-wrap p {
	padding-bottom: 5px !important;
}


.lkc-title {
	font-size:1.2em;
	font-weight:normal;
	margin-bottom: 6px;
	display:  block;
}


.lkc-excerpt {
	display:block;
}


/*太字で赤色*/
.bold-red {
  font-weight: bold;
  color: #e60033;
}


/*太字で青色*/
.bold-blue {
  font-weight: bold;
  color: #0095d9;
}



.btn1,
a.btn1,
button.btn1 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #ff7e28;
}


.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}



	/*レスポンシブ対応の横スクロールするテーブル*/ 
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}


.s3 {
	color: #fca6b3;
	display: flex;
	align-items: center;
}

.s3:before, .s3:after {
	content: "";
	flex-grow: 1;
	border-top: 2px dotted #fca6b3;
	display: block;
}

.s3:before {
	margin-right: .4em;
}

.s3:after {
	margin-left: .4em;
}


.btn-s1 {
    border-width: 2px;
    border-style: solid;
    color: #fff !important;
    background-color: #ff7e28;
    border-color: #ff7e28;
    font-weight: bold;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    line-height: normal;
    padding: 7px 13px;
    text-decoration: none !important;
    text-align: center;
    font-size: 14px;
    position: relative;
    transition: all 0.3s ease-in-out;
  padding: 2px;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn-s1::after {
/* content: "\f105"; */
  position: absolute;
  right: 0;
  font-size: 13px;
}


/* ------------------------------------------------------------
 * JIN追加CSS由来
 * ------------------------------------------------------------ */
.proflink a{
	display:block;
	text-align:center;
	padding:7px 10px;
	background:#aaa;/*カラーは変更*/
	width:50%;
	margin:0 auto;
	margin-top:20px;
	border-radius:20px;
	border:3px double #fff;
	font-size:0.65rem;
	color:#fff;
}

.proflink a:hover{
		opacity:0.75;
}


img {
	max-width: 100%;
	height: auto;
}
@media screen and (max-width:480px){

  .topbana {
    width: 100%;
    float: none;
  }
}