@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
/*
Theme Name: JIN
Author: CrossPiece
Author URI: https://crosspiece.jp
Version: 2.650
*/
/* プリセットCSS */
/* CSS Document */
/* リセットCSS */
/* CSS Document */
html, body, h1, h2, h3, h4, h5, ol, dl, dt, dd, div, span, img, a, table, tr, th, td, article, figure { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

i { font-style: normal !important; }

ol, ul { list-style: none; list-style-type: none; margin: 0; padding: 0; }

article, header, footer, aside, figure, figcaption, nav, section { display: block; }

h1, h2, h3, h4, h5 { font-weight: 500; }

a, a:link, a:visited { text-decoration: none; color: #524e4d; }

a { -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

a:hover { color: #0094c8; }

input[type="text"], input[type="search"], input[type="search"]:hover, input[type="button"], input[type="submit"], textarea, text { -webkit-appearance: none; }

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

input:focus { outline: 0; }

@media (max-width: 767px) { strong { font-weight: 700; } }

@media (min-width: 768px) { strong { font-weight: 600; } }

/* 共通CSS */
/* CSS Document */
html, body, header, footer { margin: 0; padding: 0; -moz-text-size-adjust: none; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word;}

@media (max-width: 767px) { body { font-weight: 400; } }

@media (min-width: 768px) { body { font-weight: 300; } }

.clearfix { clear: both; }

.text-off { display: none; }

.right { text-align: right; }

.logo-left { text-align: left; }

.tn_off, .tn_search_off, .tn_sns_off, .header_off { display: none !important; }

@media (max-width: 767px) { .sp-fix { position: fixed !important; } }

#wrapper { width: 100%; margin: 0 auto; background: #FFFFFF; overflow: hidden; }

@media (max-width: 767px) { #wrapper { position: relative; } }

@media (min-width: 768px) { .cps-sp-menu-bar, .sp-sidemenu-wrapper, header #navtoggle, .sp-menu-box, .jin-sp-design { display: none; } }

/* コンテンツエリア */
#contents { padding-top: 10px; margin: 0 auto; }

#contents::after { clear: both; content: ""; display: block; }

@media (max-width: 767px) { #contents { padding-top: 0; margin-top: 0px; } }

@media (min-width: 768px) { #contents { width: 100%; margin-top: 20px; margin-bottom: 10px; } }

@media (min-width: 835px) and (max-width: 1199px) { #contents { width: 100%; } }

@media (min-width: 1200px) { #contents { width: 1200px; } }

@media (max-width: 767px) { #main-contents-one { width: calc(100% - 30px); float: left; margin-left: 15px; margin-bottom: 15px; margin-top: 10px; } }

@media (min-width: 768px) { #main-contents-one { width: calc(100% - 60px); float: left; margin-left: 30px; } }

@media (max-width: 767px) { #main-contents { width: calc(100% - 30px); float: left; margin-left: 15px; margin-bottom: 15px; margin-top: 10px; } }

@media (min-width: 768px) { #main-contents { width: calc(66.66667% - 16.66667px); float: left; margin-left: 10px; } }

@media (min-width: 1024px) { #main-contents { width: calc(67.5% - 50.25px); float: left; margin-left: 30px; margin-bottom: 0; } }

/*サイドバーエリア*/
@media (max-width: 767px) { #sidebar { width: calc(100% - 30px); float: left; margin-left: 15px; } }

@media (min-width: 768px) { #sidebar { width: calc(33.33333% - 26.66667px); float: left; margin-left: 20px; max-width: 350.25px !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } }

@media (min-width: 1024px) { #sidebar { width: calc(32.5% - 39.75px); float: left; margin-left: 30px; max-width: 350.25px !important; } }

/* トップへ戻るボタン */
@media (max-width: 767px) { .page-top-footer { display: none; } }

@media (min-width: 768px) { .page-top-footer { position: absolute; right: 15px; top: 11px; }
  .page-top-footer a.totop { padding: 9px 30px 9px 30px; color: #fff; cursor: pointer; font-size: 1.5rem; }
  .page-top-footer a.totop .jin-ifont-arrow-top:before { -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }
  .page-top-footer a:hover .jin-ifont-arrow-top:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } }

@media (min-width: 1024px) { .page-top-footer { right: -2px; } }

#page-top { position: fixed; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

@media (max-width: 767px) { div#page-top { right: 20px; bottom: 110px; z-index: 1 !important; } }
@media (max-width: 376px) { div#page-top { bottom: 102px;} }

@media (min-width: 768px) { #page-top { right: 22px; bottom: 110px; z-index: 9999; } }

#page-top a { color: #fff; text-decoration: none; display: block; cursor: pointer; text-align: center; border-radius: 30px; }
#page-top a i{position:relative;bottom:1px;}
@media (max-width: 767px) { #page-top a { width: 42px; height: 42px; padding: 5px; font-size: 1.15rem;display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	}
}

@media (min-width: 768px) { #page-top a { width: 45px; height: 45px; padding: 8px; font-size: 1.2rem;
	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	}
}

#page-top a .jin-ifont-arrowtop:before { -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-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 { -webkit-transform: translateY(-3px); transform: translateY(-3px); }

/* スマホのエリア境界に使用する装飾 */
.area-border { position: relative; height: 2px; border-radius: 1px; background: #2b2b2b; margin: 0 auto; opacity: 0.3; }

@media (max-width: 767px) { .area-border { margin-top: 40px; width: 80px; } }

.area-border:before, .area-border:after, .area-border2:before, .area-border2:after { content: "・・・"; position: absolute; top: 2px; font-size: 21px; color: #2b2b2b; line-height: 0; letter-spacing: -6px; }

@media (max-width: 767px) { .area-border:before, .area-border:after, .area-border2:before, .area-border2:after { top: 1px; } }

@media (min-width: 768px) { .area-border:before, .area-border:after, .area-border2:before, .area-border2:after { display: none !important; } }

.area-border:before, .area-border2:before { left: -55px; }

.area-border:after, .area-border2:after { right: -50px; }

@media (max-width: 767px) { .area-border2 { position: relative; width: 80px; height: 2px; border-radius: 1px; background: #2b2b2b; opacity: 0.3; margin: 0 auto; margin-top: 30px; margin-bottom: 40px; } }

/* アニメーションCSS */
/* CSS Document */
@-webkit-keyframes down-fade-animation { 0% { -webkit-transform: translateY(-60px); transform: translateY(-60px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }
@keyframes down-fade-animation { 0% { -webkit-transform: translateY(-60px); transform: translateY(-60px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }

@-webkit-keyframes up-fade-animation { 0% { -webkit-transform: translateY(10px); transform: translateY(10px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }

@keyframes up-fade-animation { 0% { -webkit-transform: translateY(10px); transform: translateY(10px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }

@-webkit-keyframes fade-animation { 0% { -webkit-filter: opacity(0); filter: opacity(0); }
  100% { -webkit-filter: opacity(1); filter: opacity(1); } }

@keyframes fade-animation { 0% { -webkit-filter: opacity(0); filter: opacity(0); }
  100% { -webkit-filter: opacity(1); filter: opacity(1); } }

@-webkit-keyframes pickup-animate { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes pickup-animate { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes pickup-menu-animate { 0% { -webkit-transform: translateY(30px); transform: translateY(30px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }

@keyframes pickup-menu-animate { 0% { -webkit-transform: translateY(30px); transform: translateY(30px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }

@-webkit-keyframes cps-info-animate { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  100% { -webkit-transform: translateX(0px); transform: translateX(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }

@keyframes cps-info-animate { 0% { -webkit-transform: translateX(-10px); transform: translateX(-10px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  100% { -webkit-transform: translateX(0px); transform: translateX(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }

@-webkit-keyframes cps-info-icon-animate { 0% { -webkit-transform: translateX(0px); transform: translateX(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); }
  100% { -webkit-transform: translateX(10px); transform: translateX(10px);
    -webkit-filter: opacity(0);
            filter: opacity(0); } }

@keyframes cps-info-icon-animate { 0% { -webkit-transform: translateX(0px); transform: translateX(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1); }
  100% { -webkit-transform: translateX(10px); transform: translateX(10px);
    -webkit-filter: opacity(0);
            filter: opacity(0); } }

@-webkit-keyframes sp-sidemenu-animate { 0% { -webkit-transform: translateY(10px); transform: translateY(10px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  45% { -webkit-transform: translateY(-7px); transform: translateY(-7px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-filter: opacity(1);
            filter: opacity(1); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; } }

@keyframes sp-sidemenu-animate { 0% { -webkit-transform: translateY(10px); transform: translateY(10px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  45% { -webkit-transform: translateY(-7px); transform: translateY(-7px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-filter: opacity(1);
            filter: opacity(1); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px);
    -webkit-filter: opacity(1);
            filter: opacity(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; } }

@-webkit-keyframes sp-sidemenu-btn-animate { 0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.85); transform: scale(0.85); }
  60% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes sp-sidemenu-btn-animate { 0% { -webkit-transform: scale(1); transform: scale(1); }
  25% { -webkit-transform: scale(0.85); transform: scale(0.85); }
  60% { -webkit-transform: scale(1.05); transform: scale(1.05); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@-webkit-keyframes sp-sidemenu-search-animate { 0% { -webkit-transform: translateX(0px); transform: translateX(0px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  80% { -webkit-transform: translateX(-325px); transform: translateX(-325px);
    -webkit-filter: opacity(1);
            filter: opacity(1); }
  100% { -webkit-transform: translateX(-320px); transform: translateX(-320px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }

@keyframes sp-sidemenu-search-animate { 0% { -webkit-transform: translateX(0px); transform: translateX(0px);
    -webkit-filter: opacity(0);
            filter: opacity(0); }
  80% { -webkit-transform: translateX(-325px); transform: translateX(-325px);
    -webkit-filter: opacity(1);
            filter: opacity(1); }
  100% { -webkit-transform: translateX(-320px); transform: translateX(-320px);
    -webkit-filter: opacity(1);
            filter: opacity(1); } }

@media (max-width: 767px) { .header-box.animate { -webkit-animation-name: down-fade-animation; animation-name: down-fade-animation; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
  .cps-info-bar.animate { -webkit-animation-name: cps-info-animate; animation-name: cps-info-animate; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); position: relative; z-index: 4; }
  .cps-info-bar.animate:after { -webkit-animation-name: cps-info-icon-animate; animation-name: cps-info-icon-animate; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-filter: opacity(1); filter: opacity(1); z-index: 4; }
  .cps-icon-bar.animate, .headsearch.animate .search-box:before { -webkit-animation-name: fade-animation; animation-name: fade-animation; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); position: relative; z-index: 4; }
  .cps-sp-menu-bar.animate { -webkit-animation-name: up-fade-animation; animation-name: up-fade-animation; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); position: relative; z-index: 4; }
  .main-contents.animate, .pickup-contents-box.animate, .pickup-contents-box-post-type.animate, .main-image.animate { -webkit-animation-name: pickup-animate; animation-name: pickup-animate; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; z-index: 4; } }

@media (min-width: 768px) { .header-box.animate { -webkit-animation-name: down-fade-animation; animation-name: down-fade-animation; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; }
  .header.animate { -webkit-animation-name: up-fade-animation; animation-name: up-fade-animation; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); position: relative; z-index: 4; }
  .header-style3-animate.animate, .header-style4-animate.animate, .header-style5-animate.animate, .header-style7-animate.animate { -webkit-animation-name: fade-animation; animation-name: fade-animation; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); position: relative; z-index: 4; }
  .header-style6-animate.animate, .header-style8-animate.animate { -webkit-animation-name: up-fade-animation; animation-name: up-fade-animation; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); position: relative; z-index: 4; }
  .header-style9-animate.animate { -webkit-animation-name: pickup-animate; animation-name: pickup-animate; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; position: relative; z-index: 4; }
  .cps-info-bar.animate { -webkit-animation-name: cps-info-animate; animation-name: cps-info-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); position: relative; z-index: 4; }
  .pickup-contents-box-post-type.animate { -webkit-animation-name: up-fade-animation; animation-name: up-fade-animation; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); position: relative; z-index: 2; }
  .main-contents.animate, .sideber.animate { -webkit-animation-name: up-fade-animation; animation-name: up-fade-animation; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate { position: relative; z-index: 3; }
  .pickup-contents-box.animate li:nth-child(1) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.19s; animation-delay: 0.19s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(2) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.38s; animation-delay: 0.38s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(3) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.57s; animation-delay: 0.57s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(4) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.76s; animation-delay: 0.76s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(5) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.95s; animation-delay: 0.95s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(6) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 1.14s; animation-delay: 1.14s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(7) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 1.33s; animation-delay: 1.33s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(8) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 1.52s; animation-delay: 1.52s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(9) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 1.71s; animation-delay: 1.71s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(10) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(11) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 2.09s; animation-delay: 2.09s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .pickup-contents-box.animate li:nth-child(12) { -webkit-animation-name: pickup-menu-animate; animation-name: pickup-menu-animate; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 2.28s; animation-delay: 2.28s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .cps-info-bar.animate a span:after { -webkit-animation-name: cps-info-icon-animate; animation-name: cps-info-icon-animate; -webkit-animation-duration: 1.7s; animation-duration: 1.7s; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-filter: opacity(1); filter: opacity(1); z-index: 4; }
  .main-image.animate { -webkit-animation-name: fade-animation; animation-name: fade-animation; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); position: relative; z-index: 3; } }

/* swiper */
/* CSS Document */
.swiper-button-next, .swiper-button-prev { top: 32% !important; color: #ccc !important; background-size: 13px 22px !important; -webkit-filter: grayscale(0); filter: grayscale(0); }

.swiper-button-next { right: 5px !important; background-image: none !important; }

.swiper-button-prev { left: 5px !important; background-image: none !important; }

.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; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

.swiper-button-next:after { content: "\e904"; right: 0; }

.swiper-button-prev:after { content: "\e933"; left: 0; }

.swiper-button-prev:hover:after { -webkit-transform: translateX(-3px); transform: translateX(-3px); }

.swiper-button-next:hover:after { -webkit-transform: translateX(3px); transform: translateX(3px); }

@media (max-width: 767px) { .swiper-pagination-bullet { width: 6px !important; height: 6px !important; } }

@media (min-width: 768px) { .swiper-pagination-bullet { width: 6px !important; height: 6px !important; } }

@media (max-width: 767px) { .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0px !important; } }

/* ヘッダー */
/* CSS Document */
#header-box { width: 100%; padding: 0; }

@media (max-width: 767px) { #header-box { position: relative; z-index: 2; min-height: 46px; padding: 10px 0; padding-bottom: 0px; -webkit-transition: 0.6s; transition: 0.6s; overflow: hidden; } }

@media (min-width: 768px) { #header-box { min-height: 60px; } }

#header { margin: 0 auto; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (max-width: 767px) { #header { margin-bottom: 10px; } }

@media (min-width: 768px) { #header { width: 100%; padding: 0 20px; } }

@media (min-width: 1200px) { #header { width: 1200px; } }

#header #site-info { -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media (max-width: 767px) { #header #site-info { max-width: 75%; text-align: center; font-weight: 700; margin-top: 1px; letter-spacing: 1px; margin: 0 auto; } }

@media (min-width: 768px) { #header #site-info { letter-spacing: 3px; color: #fff; font-weight: normal; font-size: 0.85rem; margin-right: auto; min-width: 100px; max-width: 140px; } }

@media (min-width: 1200px) { #header #site-info { letter-spacing: 3px; color: #fff; font-weight: normal; font-size: 0.85rem; margin-right: auto; min-width: 100px; max-width: 250px; } }

@media (min-width: 768px) { #header #site-info .tn-logo-size { overflow: hidden; } }

#header #site-info img { height: auto; }

@media (max-width: 767px) { #header #site-info img { margin-bottom: -5px; max-width: 70%; } }

@media (max-width: 767px) { .cps-sp-menu-bar { padding: 9px 5px 9px 5px; background-color: #fff; color: #fff; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
  .cps-sp-menu-bar ul { display: table; }
  .cps-sp-menu-bar ul li { display: table-cell; }
  .cps-sp-menu-bar ul li a { display: block; margin: 0 3px; color: #000; font-size: 0.75rem; letter-spacing: 0px; padding: 2px 8px 3px 8px; font-weight: 500; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
  .cps-sp-menu-bar ul span { padding-right: 3px; }
  .cps-sp-menu-bar ul .current-menu-item a { border-bottom: 1px solid #ccc; } }

@media (max-width: 767px) { .cps-info-bar, .cps-info-bar.animate { position: relative; } }

@media (min-width: 768px) { .cps-info-bar, .cps-info-bar.animate { z-index: 2; } }

.cps-info-bar a, .cps-info-bar.animate a { display: block; width: 100%; background: pink; color: #fff !important; text-align: center; font-size: 0.85rem; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (max-width: 767px) { .cps-info-bar a, .cps-info-bar.animate a { font-weight: 600; padding: 6px 40px; letter-spacing: 0; line-height: 1.15rem; } }

@media (min-width: 768px) { .cps-info-bar a, .cps-info-bar.animate a { font-weight: 400; padding: 7px 15px 8px 15px; letter-spacing: 1; }
  .cps-info-bar a span, .cps-info-bar.animate a span { position: relative; display: inline-block; }
  .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 a:hover, .cps-info-bar.animate a:hover { opacity: 0.9; }

@media (max-width: 767px) { .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; } }

@media (max-width: 767px) { #headmenu { display: none; } }

@media (min-width: 768px) { #headmenu { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 4px; margin-bottom: 0px; margin-left: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } }

#headmenu .headsearch { width: 30px; margin-right: 5px; margin-top: 17px; }

#headmenu .headsearch .search-box { display: block; position: relative; }

#headmenu .headsearch .search-box:hover { color: #f8b500; }

#headmenu .headsearch .search-box:before, #headmenu .headsearch .search-text { position: absolute; top: 1px; right: 0; width: 20px; cursor: pointer; }

#headmenu .headsearch .search-box:before { font-family: "jin-icons"; content: "\e931"; top: 0px; font-size: 19px; z-index: 4; text-align: center; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

#headmenu .headsearch .search-text { top: -7px; right: -3px; opacity: 0; z-index: 5; -webkit-transition: all .6s; transition: all .6s; border-radius: 20px; padding: 8px 12px; border: none; font-size: 14px; }

#headmenu .headsearch .search-text:focus { outline: 0; opacity: 1; width: 220px; cursor: text; }

#headmenu .headsearch input[type="submit"] { display: none; }

#headmenu .headsearch input::-webkit-input-placeholder { font-size: 13px; }

#headmenu .headsns { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 19px; }

#headmenu .headsns a { -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; display: block; color: #fff; margin: 0 6px; font-size: 15px; overflow: hidden; }

#headmenu .headsns a:hover { color: #f8b500 !important; -webkit-transform: scale(1.1); transform: scale(1.1); }

#headmenu .headsns .twitter a { margin: 0px 2px; }

#headmenu .headsns .line a { margin: 0px 4px; }

#headmenu .headsns .jin-contact a { margin: 0px 5px; }

@media (max-width: 767px) { .headsearch { position: absolute; z-index: 4; }
  .headsearch .search-box { position: relative; }
  .headsearch .search-box:before, .headsearch .search-text { position: absolute; left: 13px; width: 20px; cursor: pointer; }
  .headsearch .search-box:before { font-family: "jin-icons"; content: "\e931"; top: 12px; font-size: 20px; z-index: 4; text-align: center; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }
  .headsearch .search-text { top: 7px; left: 8px; opacity: 0; z-index: 5; -webkit-transition: all .6s; transition: all .6s; border-radius: 20px; padding: 5px 12px; border: none; font-size: 16px; }
  .headsearch .search-text:focus { outline: 0; opacity: 1; width: 260px; cursor: text; }
  .headsearch input[type="submit"] { display: none; }
  .headsearch input::-webkit-input-placeholder { font-size: 13px; } }

@media (min-width: 768px) { #header.header-type2 { position: relative; display: block; z-index: 1; } }

@media (min-width: 768px) { #header.header-type2 #site-info { display: block; text-align: center; max-width: 100%; } }

#header.header-type2 #headmenu { position: absolute; right: 30px; top: 0; }

/* ヘッダースタイル６ */
/* CSS Document */
@media (min-width: 768px) { .header-style6-box #headmenu { margin-top: 0px !important; margin-left: 20px !important; } }

.header-style6-box #headmenu .search-text { top: -7px !important; }

/* ヘッダースタイル１０ */
/* CSS Document */
@media (min-width: 768px) { #header-box.header-style10 { position: absolute; top: 15px; left: 0; right: 0; z-index: 3; } }

@media (max-width: 767px) { #header-box.header-style10 { -webkit-filter: opacity(0.7); filter: opacity(0.7); } }

@media (min-width: 768px) { #header-box.header-style10 { width: calc(100% - 30px); min-height: 60px; border-radius: 2px; margin: 0 auto; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); background-color: transparent !important; } }

@media (min-width: 768px) and (max-width: 767px) { #header-box.header-style10 { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1200px) { #header-box.header-style10 { width: 1140px; } }

#header-box.header-style10:before { pointer-events: none; }

@media (min-width: 768px) { #header-box.header-style10:before { border-radius: 2px; } }

@media (min-width: 768px) { #header-box.header-style10 .cps-info-bar a { -webkit-filter: opacity(0.7); filter: opacity(0.7); border-radius: 2px 2px 0 0; } }

#header-box .header-box10-bg { position: relative; }

#header-box .header-box10-bg:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; }

@media (min-width: 768px) { #header-box .header-box10-bg:before { -webkit-filter: opacity(0.7); filter: opacity(0.7); border-radius: 0px 0px 2px 2px; min-height: 60px; } }

@media (max-width: 767px) { #header-box .header-box10-bg:before { display: none; } }

.header-style10 #header { position: relative; }

@media (min-width: 1200px) { .header-style10 #header { width: 1140px; } }

/* ヘッダースタイル１１ */
/* CSS Document */
@media (min-width: 768px) { #header-box.header-style11 { position: relative; z-index: 3; margin-top: 15px !important; } }

@media (max-width: 767px) { #header-box.header-style11 { -webkit-filter: opacity(0.7); filter: opacity(0.7); } }

@media (min-width: 768px) { #header-box.header-style11 { width: calc(100% - 30px); min-height: 60px; border-radius: 2px; margin: 0 auto; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); background-color: transparent !important; } }

@media (min-width: 768px) and (max-width: 767px) { #header-box.header-style11 { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1200px) { #header-box.header-style11 { width: 1140px; } }

@media (min-width: 768px) { #header-box.header-style11 .cps-info-bar a { -webkit-filter: opacity(0.7); filter: opacity(0.7); border-radius: 2px 2px 0 0; } }

#header-box .header-box11-bg { position: relative; }

#header-box .header-box11-bg:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; }

@media (min-width: 768px) { #header-box .header-box11-bg:before { -webkit-filter: opacity(0.7); filter: opacity(0.7); border-radius: 0px 0px 2px 2px; min-height: 60px; } }

@media (max-width: 767px) { #header-box .header-box11-bg:before { display: none; } }

.header-style11 #header { position: relative; }

@media (min-width: 1200px) { .header-style11 #header { width: 1140px; } }

/* ヘッダー画像 */
/* CSS Document */
#main-image { position: relative; }

@media (max-width: 767px) { #main-image { overflow: hidden; -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.15); } }

#main-image img { max-width: 100%; height: auto; display: block; margin: 0 auto; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

#main-image a:hover img { opacity: 0.8; }

#main-image .top-image-meta { position: absolute; text-align: center; }

@media (max-width: 767px) { #main-image .top-image-meta { top: 50%; width: 90%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } }

@media (min-width: 768px) { #main-image .top-image-meta { left: 50%; top: 50%; width: 100%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } }

#main-image .main-image-text { display: block; text-align: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media (max-width: 767px) { #main-image .main-image-text { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 2px; } }

@media (min-width: 768px) { #main-image .main-image-text { font-size: 1.65rem; max-width: 85%; line-height: 2.15rem; letter-spacing: 3px; margin: 0 auto; } }

@media (min-width: 1024px) { #main-image .main-image-text { font-size: 2.4rem; max-width: 1000px; line-height: 3rem; letter-spacing: 4px; } }

#main-image .main-image-text-sub { display: block; }

@media (max-width: 767px) { #main-image .main-image-text-sub { margin-top: 20px; font-size: 0.75rem; } }

@media (min-width: 768px) { #main-image .main-image-text-sub { font-size: 0.85rem; max-width: 85%; margin: 0 auto; margin-top: 15px; } }

@media (min-width: 1024px) { #main-image .main-image-text-sub { margin-top: 30px; font-size: 1rem; max-width: 700px; } }

#main-image .top-image-text-option-border { text-shadow: white 2px 0px,  white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px,  white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px,  white -2px 1px, white 2px -1px, white -2px -1px; }

#main-image .top-image-text-option-shadow { text-shadow: 0 3px 8px #aaa; }

#main-image .top-image-subtext-option-border { text-shadow: white 2px 0px,  white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px , white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px,  white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px,  white -2px 1px, white 2px -1px, white -2px -1px; }

#main-image .top-image-subtext-option-shadow { text-shadow: 0 1px 3px #555; }

@media (max-width: 767px) { #main-image .top-image-btn-color { margin-top: 30px; } }

@media (min-width: 768px) { #main-image .top-image-btn-color { margin-top: 30px; } }

@media (min-width: 1024px) { #main-image .top-image-btn-color { margin-top: 50px; } }

#main-image .top-image-btn-color a { font-weight: 300; letter-spacing: 1px; }

@media (max-width: 767px) { #main-image .top-image-btn-color a { font-size: 0.8rem; } }

@media (min-width: 768px) { #main-image .top-image-btn-color a { padding: 10px 30px; } }

@media (min-width: 1024px) { #main-image .top-image-btn-color a { padding: 15px 60px; } }

.main-image-wrapper { position: relative; z-index: 1; }

.main-image-wrapper .top-image-meta { z-index: 2; }

@media (min-width: 768px) and (max-width: 1199px) { .header-style10-image { margin-top: 30px; } }

/* サイドバー */
/* CSS Document */
@media (max-width: 767px) { #widget-tracking { display: none; } }

/* サイドバースタイル１ */
/* CSS Document */
.sidebar_style1 .widget { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); padding-bottom: 25px; padding-top: 25px; margin-bottom: 20px; font-weight: 400; font-size: 0.95rem; }

@media (max-width: 767px) { .sidebar_style1 .widget { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (max-width: 767px) { .sidebar_style1 .widget { padding: 15px !important; margin-bottom: 30px; border-radius: 2px; } }

@media (max-width: 767px) and (max-width: 767px) { .sidebar_style1 .widget { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) { .sidebar_style1 .widget { padding: 15px; } }

@media (min-width: 1024px) { .sidebar_style1 .widget { padding: 30px; } }

@media (max-width: 767px) { .sidebar_style1 .widget.widget-profile { padding: 0px !important; } }

.sidebar_style1 .widgettitle { border-bottom: 2px solid #2b2b2b; margin-bottom: 15px; padding-bottom: 2px; font-weight: 500; }

@media (max-width: 767px) { .sidebar_style1 .widgettitle { font-size: 1.1rem; } }

@media (min-width: 768px) { .sidebar_style1 .widgettitle { font-size: 1rem; } }

@media (min-width: 1024px) { .sidebar_style1 .widgettitle { font-size: 1.1rem; } }

/* サイドバースタイル２ */
/* CSS Document */
.sidebar_style2 .widget { margin-bottom: 35px; font-weight: 400; font-size: 0.95rem; }

@media (max-width: 767px) { .sidebar_style2 .widget { padding: 0px; padding-bottom: 0; padding-top: 0; margin-bottom: 30px; border-radius: 2px; } }

@media (min-width: 768px) { .sidebar_style2 .widget { padding-top: 0; padding-left: 10px; } }

@media (min-width: 1024px) { .sidebar_style2 .widget { padding-left: 20px; } }

.sidebar_style2 .widgettitle { margin-bottom: 15px; padding: 10px 15px; background: #ccc; color: #fff; border-radius: 2px; font-weight: 500; }

@media (max-width: 767px) { .sidebar_style2 .widgettitle { font-size: 1.1rem; } }

@media (min-width: 768px) { .sidebar_style2 .widgettitle { font-size: 1rem; } }

@media (max-width: 767px) { .sidebar_style2 .my-profile { border: none; background: rgba(255, 255, 255, 0.65); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

/* サイドバースタイル３ */
/* CSS Document */
.sidebar_style3 .widget { margin-bottom: 50px; font-weight: 400; font-size: 0.95rem; }

@media (max-width: 767px) { .sidebar_style3 .widget { padding: 0px; padding-bottom: 0; padding-top: 0; margin-bottom: 30px; border-radius: 2px; } }

@media (min-width: 768px) { .sidebar_style3 .widget { padding-top: 0; padding-left: 10px; } }

@media (min-width: 1024px) { .sidebar_style3 .widget { padding-left: 20px; } }

.sidebar_style3 .widgettitle { margin-bottom: 15px; padding: 10px; position: relative; }

@media (max-width: 767px) { .sidebar_style3 .widgettitle { font-size: 1.1rem; font-weight: 500; } }

@media (min-width: 768px) { .sidebar_style3 .widgettitle { font-size: 1rem; font-weight: 300; } }

@media (min-width: 1024px) { .sidebar_style3 .widgettitle { font-size: 1.3rem; } }

.sidebar_style3 .widgettitle:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; border-radius: 5px; background-image: linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de); background-size: 6px 6px; }

@media (max-width: 767px) { .sidebar_style3 .my-profile { border: none; background: rgba(255, 255, 255, 0.65); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

/* サイドバースタイル４ */
/* CSS Document */
.sidebar_style4 .widget { margin-bottom: 50px; font-weight: 400; font-size: 0.95rem; }

@media (max-width: 767px) { .sidebar_style4 .widget { padding: 0px; padding-bottom: 0; padding-top: 0; margin-bottom: 30px; border-radius: 2px; } }

@media (min-width: 768px) { .sidebar_style4 .widget { padding-top: 0; padding-left: 10px; } }

@media (min-width: 1024px) { .sidebar_style4 .widget { padding-left: 20px; } }

.sidebar_style4 .widgettitle { margin-bottom: 15px; padding: 10px 15px; font-size: 0.95rem; border: 3px double #fff !important; color: #fff; border-radius: 2px; text-align: center; font-weight: 500; }

@media (max-width: 767px) { .sidebar_style4 .my-profile { border: none; background: rgba(255, 255, 255, 0.65); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

/* サイドバースタイル５ */
/* CSS Document */
.sidebar_style5 .widget { margin-bottom: 50px; font-weight: 400; font-size: 0.95rem; }

@media (max-width: 767px) { .sidebar_style5 .widget { padding: 0px; padding-bottom: 0; padding-top: 0; margin-bottom: 30px; border-radius: 2px; } }

@media (min-width: 768px) { .sidebar_style5 .widget { padding-top: 0; padding-left: 10px; } }

@media (min-width: 1024px) { .sidebar_style5 .widget { padding-left: 20px; } }

.sidebar_style5 .widgettitle { margin-bottom: 15px; padding: 10px; padding-bottom: 2px; position: relative; border-bottom: 3px double #ccc; }

@media (max-width: 767px) { .sidebar_style5 .widgettitle { font-size: 1.1rem; font-weight: 500; } }

@media (min-width: 768px) { .sidebar_style5 .widgettitle { font-size: 1rem; font-weight: 300; } }

@media (min-width: 1024px) { .sidebar_style5 .widgettitle { font-size: 1.3rem; } }

@media (max-width: 767px) { .sidebar_style5 .my-profile { border: none; background: rgba(255, 255, 255, 0.65); -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

/* サイドバースタイル６ */
/* CSS Document */
.sidebar_style6 .widget { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); padding-bottom: 25px; padding-top: 25px; margin-bottom: 20px; font-weight: 400; font-size: 0.95rem; }

@media (max-width: 767px) { .sidebar_style6 .widget { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (max-width: 767px) { .sidebar_style6 .widget { padding: 0px; padding-bottom: 0; padding-top: 0; margin-bottom: 30px; border-radius: 2px; } }

@media (max-width: 767px) and (max-width: 767px) { .sidebar_style6 .widget { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) { .sidebar_style6 .widget { padding: 0px; } }

.sidebar_style6 .widgettitle { background: #2b2b2b; color: #fff; padding: 10px; text-align: center; font-weight: 500; border-top-left-radius: 2px; border-top-right-radius: 2px; font-size: 1rem; }

@media (min-width: 768px) { .sidebar_style6 .widgettitle { padding: 10px 15px; font-size: 0.95rem; } }

@media (max-width: 767px) { .sidebar_style6 .widgettitle + div, .sidebar_style6 .widgettitle + ul, .sidebar_style6 .widgettitle + form, .sidebar_style6 .search-box { padding: 15px; } }

@media (min-width: 768px) { .sidebar_style6 .widgettitle + div, .sidebar_style6 .widgettitle + ul, .sidebar_style6 .widgettitle + form, .sidebar_style6 .search-box { padding: 15px; padding-top: 10px; } }

@media (min-width: 1024px) { .sidebar_style6 .widgettitle + div, .sidebar_style6 .widgettitle + ul, .sidebar_style6 .widgettitle + form, .sidebar_style6 .search-box { padding: 30px; padding-top: 15px; } }

@media (max-width: 767px) { .sidebar_style6 .my-profile { padding-top: 20px; } }

@media (min-width: 768px) { .sidebar_style6 .my-profile { padding: 15px; padding-top: 10px; padding-bottom: 100px !important; } }

@media (min-width: 1024px) { .sidebar_style6 .my-profile { padding: 30px; padding-top: 15px; padding-bottom: 115px !important; } }

@media (max-width: 767px) { .sidebar_style6 #new-entry-box { padding: 15px; } }

@media (min-width: 768px) { .sidebar_style6 #new-entry-box { padding: 15px; padding-top: 10px; } }

@media (min-width: 1024px) { .sidebar_style6 #new-entry-box { padding: 30px; padding-top: 15px; padding-bottom: 15px; } }

@media (min-width: 1024px) { .sidebar_style6 .widget_categories form { padding-bottom: 20px; padding-top: 20px; } }

@media (max-width: 767px) { .sidebar_style6 .widget_archive form:after, .sidebar_style6 .widget_categories form:after { top: 32px; } }

@media (min-width: 768px) { .sidebar_style6 .widget_archive form:after, .sidebar_style6 .widget_categories form:after { right: 25px; } }

@media (min-width: 1024px) { .sidebar_style6 .widget_archive form:after, .sidebar_style6 .widget_categories form:after { right: 40px; } }

@media (min-width: 768px) { .sidebar_style6 .widget_tag_cloud .tagcloud { padding-top: 15px; } }

@media (min-width: 1024px) { .sidebar_style6 .widget_tag_cloud .tagcloud { padding-bottom: 20px; padding-top: 20px; } }

@media (max-width: 767px) { .sidebar_style6 .widget_search .search-box input[type="search"] { width: calc(100% - 30px); right: auto; left: auto; top: 15px; } }

@media (min-width: 768px) { .sidebar_style6 .widget_search .search-box input[type="search"] { right: auto; left: auto; width: calc(100% - 30px); top: 13px; } }

@media (min-width: 1024px) { .sidebar_style6 .widget_search .search-box input[type="search"] { top: 23px; width: calc(100% - 60px); } }

@media (max-width: 767px) { .sidebar_style6 .widget_search .search-box input[type="submit"] { top: 15px; right: 25px; } }

@media (min-width: 768px) { .sidebar_style6 .widget_search .search-box input[type="submit"] { top: 18px; right: 15px; } }

@media (min-width: 1024px) { .sidebar_style6 .widget_search .search-box input[type="submit"] { top: 23px; right: 30px; } }

@media (max-width: 767px) { .sidebar_style6 .widget_meta ul { padding-left: 35px; } }

/* ウィジェット */
/* CSS Document */
.widget .screen-reader-text { display: none; }

.widget.widget_custom_html { -webkit-box-shadow: none !important; box-shadow: none !important; background: none !important; }

.sidebar_style1 .widget_custom_html, .sidebar_style6 .widget_custom_html { padding: 0 !important; }

.widget_archive select, .widget_categories select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(192, 192, 192, 0.15); width: 100%; margin: 0px; padding: 10px; border-radius: 2px; font-size: 0.85rem; color: #888; border: none; }

@media (max-width: 767px) { .widget_archive select, .widget_categories select { font-size: 16px; } }

.widget_archive form, .widget_archive select, .widget_categories form, .widget_categories select { position: relative; }

.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_archive select:focus, .widget_categories select:focus { outline: 0; }

.widget_archive select::-ms-expand, .widget_categories select::-ms-expand { display: none; }

@media (max-width: 767px) { .textwidget { font-size: 0.95rem; } }

@media (min-width: 768px) { .textwidget { font-size: 0.85rem; } }

.textwidget img { max-width: 100%; height: auto; display: block; }

.widget_search .search-box { position: relative; height: 34px; }

.widget_search .search-box input[type="search"] { background-color: #fff; border: 1px solid #ddd; height: 34px; width: 100%; margin: 0; padding: 0 10px; padding-right: 40px; border-radius: 17px; position: absolute; top: 0; right: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .widget_search .search-box input[type="search"] { font-size: 16px; } }

.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; }

@media (max-width: 767px) { .widget_search .search-box input[type="submit"] { font-size: 16px; right: 10px; } }

.widget_search .search-box input[type="search"]:focus { outline: none; border: 1px solid #0094c8; }

.widget_search .search-box input[type="submit"]:hover { cursor: pointer; }

#wp-calendar { width: 100%; border-collapse: collapse; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #aaa; border-right-color: #aaa; font-size: 0.75rem; }

#wp-calendar thead tr th { border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #aaa; border-left-color: #aaa; padding: 2px; background: #eee; font-weight: 400; }

#wp-calendar thead tr th:nth-child(6) { background-color: #C0DDF9; }

#wp-calendar thead tr th:nth-child(7) { background-color: #F5D0D3; }

#wp-calendar td { text-align: center; padding: 2px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #aaa; border-left-color: #aaa; background: #fff; }

#wp-calendar caption { text-align: center; border: 1px solid #aaa; border-bottom: none; background: #fff; padding: 5px 0; }

#wp-calendar tbody tr #today { background-color: #CCC; }

.widget_meta ul { padding: 15px; padding-top: 0; padding-bottom: 0; padding-left: 20px; margin: 0; list-style-type: disc; }

.widget_meta ul li { padding: 3px 0; }

.widget_meta ul li a { display: block; }

.widget_archive ul li { position: relative; }

.widget_archive ul li a { display: block; position: relative; overflow: hidden; *zoom: 1; padding-top: 12px; padding-left: 28px; padding-bottom: 12px; line-height: 1.6rem; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

@media (max-width: 767px) { .widget_archive ul li a { font-size: 0.95rem; font-weight: 600; } }

@media (min-width: 768px) { .widget_archive ul li a { font-size: 0.85rem; font-weight: 500; } }

@media (min-width: 1024px) { .widget_archive ul li a { font-size: 0.95rem; } }

.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; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 24px; }

.widget_archive ul li:last-of-type a { border: none; }

.widget_media_video iframe, .textwidget iframe { width: 100%; }

.widget_recent_comments ul { padding-left: 0px; }

.widget_recent_comments ul li { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-left: 25px; padding-bottom: 12px; padding-top: 12px; }

@media (max-width: 767px) { .widget_recent_comments ul li { padding-bottom: 12px; padding-top: 12px; } }

.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_recent_comments ul li { display: block; overflow: hidden; font-size: 0.85rem; line-height: 1.15rem; *zoom: 1; }

@media (max-width: 767px) { .widget_recent_comments ul li { font-weight: 600; } }

@media (min-width: 768px) { .widget_recent_comments ul li { font-weight: 500; } }

.widget_recent_comments ul li a { position: relative; }

.widget_pages ul li a { display: block; overflow: hidden; *zoom: 1; padding-top: 12px; padding-left: 28px; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); line-height: 1.6rem; font-size: 0.85rem; position: relative; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .widget_pages ul li a { font-weight: 600; } }

@media (min-width: 768px) { .widget_pages ul li a { font-weight: 500; } }

.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; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 24px; }

.widget_pages ul li:last-of-type a { border: none; padding-bottom: 0; }

.widget_recent_entries ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.widget_recent_entries ul li a { display: block; overflow: hidden; *zoom: 1; padding-top: 12px; padding-left: 28px; padding-bottom: 12px; line-height: 1.6rem; font-size: 0.85rem; position: relative; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .widget_recent_entries ul li a { font-weight: 600; } }

@media (min-width: 768px) { .widget_recent_entries ul li a { font-weight: 500; } }

.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; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 24px; }

.widget_recent_entries ul li .post-date { display: block; text-align: right; font-size: 0.8rem; color: #bbb; font-weight: 300; letter-spacing: 1px; }

@media (max-width: 767px) { .widget_recent_entries ul li .post-date { font-weight: 400; } }

.widget_tag_cloud .tagcloud { padding: 0px; }

.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; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .widget_tag_cloud .tagcloud a:before { line-height: 1rem; } }

.widget_tag_cloud .tagcloud a:hover::before { color: #fff !important; }

.widget_tag_cloud a { display: inline-table; max-width: 100%; padding: 4px 8px; margin-bottom: 4px; margin-right: 1px; background: rgba(0, 0, 0, 0.04); border-radius: 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.65rem !important; text-decoration: none; letter-spacing: 0; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (max-width: 767px) { .widget_tag_cloud a { margin-bottom: 5px; } }

.widget_tag_cloud a:hover { background-color: #f8b500; color: #fff !important; }

.new-entry-item:last-child { margin-bottom: 0; }

.new-entry-item a { display: block; padding-top: 10px; padding-bottom: 10px; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.new-entry-item a::after { clear: both; content: ""; display: block; }

.new-entry-item a:first-child { margin-top: 0px; }

@media (max-width: 767px) { .new-entry { width: calc(37.5%); float: left; margin-left: 0px; } }

@media (min-width: 768px) { .new-entry { width: calc(33.33333%); float: left; margin-left: 0px; } }

.new-entry .eyecatch { width: 100%; padding: 0; margin: 0; }

.new-entry .eyecatch img { width: 100%; height: auto; display: block; background: #fff; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.new-entry-item-meta { padding: 0; }

@media (max-width: 767px) { .new-entry-item-meta { width: calc(58.33333%); float: left; margin-left: 0px; left: calc(4.16667% + 0px); position: relative; } }

@media (min-width: 768px) { .new-entry-item-meta { width: calc(62.5%); float: left; margin-left: 0px; left: calc(4.16667% + 0px); position: relative; } }

.new-entry-item-meta .date { font-size: 0.8rem; color: #bbb; font-weight: 300; letter-spacing: 1px; display: block; margin-top: 0px; margin-bottom: 0; }

@media (max-width: 767px) { .new-entry-item-meta .date { font-weight: 400; } }

@media (min-width: 1200px) { .new-entry-item-meta .date { margin-bottom: 6px; } }

.new-entry-item-title { font-size: 0.85rem; line-height: 1.15rem; margin-bottom: 0; }

@media (max-width: 767px) { .new-entry-item-title { font-weight: 600; margin-top: 3px; } }

@media (min-width: 768px) { .new-entry-item-title { font-weight: 500; } }

@media (min-width: 1024px) { .new-entry-item-title { font-weight: 500; } }

.popular-meta { width: calc(100%); float: left; margin-left: 0px; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; border-radius: 2px; margin-top: 6px; padding: 1px 7px; padding-left: 4px; }

.popular-item a:hover > .popular-meta { background: transparent; }

.popular-item { margin-top: 0px; margin-bottom: 0px; }

.popular-item .new-entry { position: relative; }

.pop-num { position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; color: #fff; background: #ccc !important; text-align: center; line-height: 0; font-size: 0.75rem; padding-top: 10px; letter-spacing: 0; }

.popular-count { display: block; float: right; text-align: right; color: rgba(0, 0, 0, 0.35); border-bottom: 1px dashed rgba(0, 0, 0, 0.35); }

@media (max-width: 767px) { .popular-count { font-size: 0.75rem; letter-spacing: 1px; } }

@media (min-width: 768px) { .popular-count { font-size: 0.75rem; } }

.popular-count div { display: inline-block; font-weight: 300; }

@media (max-width: 767px) { .popular-count span { font-size: 0.95rem; letter-spacing: 1; } }

@media (min-width: 768px) { .popular-count span { font-size: 0.85rem; font-weight: 400; } }

.widget_categories ul { padding: 0; margin: 0; }

.widget_categories ul li { position: relative; padding: 0px; background: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.widget_categories ul li:last-of-type { border: none; }

.widget_categories ul li.menu-item-has-children { padding-bottom: 10px; }

.widget_categories ul li.menu-item-has-children:last-of-type { padding-bottom: 0px; }

.widget_categories ul li a { padding: 12px; padding-left: 28px; display: block; border-left: none; position: relative; line-height: 1.6rem; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .widget_categories ul li a { font-size: 0.95rem; font-weight: 600; padding-right: 40px; } }

@media (min-width: 768px) { .widget_categories ul li a { font-size: 0.85rem; padding-right: 40px; font-weight: 500; } }

@media (min-width: 1024px) { .widget_categories ul li a { font-size: 0.95rem; } }

.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; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 24px; }

.widget_categories ul li:last-child a { padding-bottom: 0; }

.widget_categories ul .children { padding-left: 25px; margin-bottom: 10px; }

.widget_categories ul .children li { border: none; }

.widget_categories ul .children li a { border-left: none; padding: 3px 10px; padding-left: 26px; position: relative; font-size: 0.85rem; line-height: 1.15rem; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.widget_categories ul .children li a:before { content: "・"; position: absolute; left: 2px; width: 5px; height: 1px; font-size: 24px; line-height: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 12px; }

.widget_categories ul .children .children { margin-top: 5px; margin-bottom: 0; }

.widget_categories ul .children .children li a { padding: 3px 10px; padding-left: 26px; font-weight: 300; font-size: 0.75rem; line-height: 1.05rem; }

.widget_categories ul .children .children li a:before { content: ""; position: absolute; left: 17px; width: 1px; height: 18px; padding: 0; background: #777; line-height: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 2px; }

.widget_categories ul .count, .widget_archive ul .count { position: absolute; right: 3px; top: 13px; padding: 1px 3px; min-width: 30px; font-size: 0.7rem; color: #aaa; border: 1px solid #ccc; border-radius: 2px; font-weight: 300; letter-spacing: 0; line-height: 1rem; text-align: center; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.widget_categories ul li a:hover .count, .widget_archive ul li a:hover .count { color: #fff; background: #aaa; border: 1px solid #aaa; }

.widget_categories ul li ul li ul li .count { display: none; top: 2px; }

@media (max-width: 767px) { .widget_categories ul li ul li .count { top: 2px; } }

@media (min-width: 768px) { .widget_categories ul li ul li .count { top: 2px; } }

.widget_nav_menu ul { padding: 0; margin: 0; }

.widget_nav_menu ul li { padding: 0px; background: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.widget_nav_menu ul li:last-of-type { border: none; }

.widget_nav_menu ul li.menu-item-has-children { padding-bottom: 10px; }

.widget_nav_menu ul li.menu-item-has-children:last-of-type { padding-bottom: 0px; }

.widget_nav_menu ul li span { display: inline-block; padding-right: 3px; }

.widget_nav_menu ul li a { padding: 12px; padding-left: 28px; display: block; border-left: none; position: relative; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .widget_nav_menu ul li a { font-size: 0.95rem; font-weight: 600; } }

@media (min-width: 768px) { .widget_nav_menu ul li a { font-size: 0.85rem; padding-right: 35px; font-weight: 500; } }

@media (min-width: 1024px) { .widget_nav_menu ul li a { font-size: 0.95rem; } }

.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; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 23px; }

@media (max-width: 767px) { .widget_nav_menu ul li a:before { top: 22px; } }

.widget_nav_menu ul li:last-child a { padding-bottom: 0; }

.widget_nav_menu ul .sub-menu { padding-left: 25px; margin-top: -2px; }

.widget_nav_menu ul .sub-menu li { position: relative; padding: 0; border: none; }

.widget_nav_menu ul .sub-menu li a { border-left: none; padding: 3px 10px; padding-left: 26px; position: relative; font-size: 0.85rem; line-height: 1.15rem; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.widget_nav_menu ul .sub-menu li a:before { content: "・"; position: absolute; left: 2px; width: 5px; height: 1px; font-size: 24px; line-height: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 12px; }

.widget_nav_menu ul .sub-menu .sub-menu { margin-top: 5px; padding-top: 0; }

.widget_nav_menu ul .sub-menu .sub-menu li a { padding: 3px 10px; padding-left: 26px; font-weight: 300; font-size: 0.75rem; line-height: 1.05rem; }

.widget_nav_menu ul .sub-menu .sub-menu li a:before { content: ""; position: absolute; left: 17px; width: 1px; height: 18px; padding: 0; background: #777; line-height: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 2px; }

.widget_nav_menu ul > li.menu-item-has-children > a { padding-bottom: 10px; }

.widget_nav_menu ul > li > ul > li.menu-item-has-children > a { padding-bottom: 2px; }

.widget_nav_menu ul > li > ul > li > ul > li:last-of-type, .widget_categories ul > li > ul > li > ul > li:last-of-type { padding-bottom: 5px; }

.widget_nav_menu ul > li > a, .widget_categories ul > li > a, .widget_archive ul > li > a, .widget_recent_entries ul > li > a, .widget_pages ul > li > a, .widget_meta ul > li > a { width: calc(100% - 3px); }

.widget_nav_menu ul > li > a:hover, .widget_categories ul > li > a:hover, .widget_archive ul > li > a:hover, .widget_recent_entries ul > li > a:hover, .widget_pages ul > li > a:hover, .widget_meta ul > li > a:hover { -webkit-transform: translateX(3px); transform: translateX(3px); }

@media (max-width: 767px) { .widget_nav_menu ul > li > ul.sub-menu > li, .widget_categories ul > li > ul.children > li { margin-bottom: 0; }
  .widget_nav_menu ul > li > ul > li.menu-item-has-children > ul { margin-bottom: 0px; } }

/* スマホウィジェット */
.sp-menu-widget-box { width: 100%; margin-top: 15px; margin-bottom: 0px; padding-bottom: 0; }

.sp-menu-widget-box::after { clear: both; content: ""; display: block; }

.sp-menu-widget-box .sp-menu-widget { width: calc(100% - 30px); float: left; margin-left: 15px; }

.sp-menu-widget-box .sp-menu-widgettitle { display: block; font-size: 1rem; text-align: center; margin-top: 15px; margin-bottom: 10px; }

.sp-menu-widget-box .sp-menu-widgettitle span { border-bottom: 1px solid #aaa; padding: 3px 10px; }

.sp-menu-widget-box .textwidget { font-weight: 400; margin-bottom: 15px; letter-spacing: 0; }

.sp-menu-widget-box .textwidget img { max-width: 100%; height: auto; display: block; }

.sp-menu-widget-box .custom-html-widget { margin-top: 5px; }

.sp-menu-widget-box .widget_nav_menu { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); font-size: 0.8em; letter-spacing: 0; margin-bottom: 15px; }

@media (max-width: 767px) { .sp-menu-widget-box .widget_nav_menu { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

.sp-menu-widget-box .widget_nav_menu ul { padding: 0; padding-top: 5px; margin: 0; }

.sp-menu-widget-box .widget_nav_menu ul li { width: calc(33.33333%); float: left; margin-left: 0px; background: #fff; margin-bottom: 5px; min-height: 70px; border: none; }

.sp-menu-widget-box .widget_nav_menu ul li ul { display: none; }

.sp-menu-widget-box .widget_nav_menu ul li:nth-child(3n+1) { clear: both; }

.sp-menu-widget-box .widget_nav_menu ul li a { padding: 10px 5px; padding-top: 5px; padding-left: 4px; display: block; text-align: center; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.sp-menu-widget-box .widget_nav_menu ul li a span { display: block; font-size: 1.4rem; }

.sp-menu-widget-box .widget_nav_menu ul li:first-child a, .sp-menu-widget-box .widget_nav_menu ul li:nth-child(3n+1) a { padding-left: 10px; border-left: none; }

/*ウィジェット調整*/
#post-bottom-widget, .home.page #home-bottom-widget { margin-top: 20px; }

#home-bottom-widget, #home-top-widget, #post-bottom-widget, #post-top-widget { margin-bottom: 20px; }

#home-bottom-widget .widget, #home-top-widget .widget, #post-bottom-widget .widget, #post-top-widget .widget { margin-bottom: 20px; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); }

@media (max-width: 767px) { #home-bottom-widget .widget, #home-top-widget .widget, #post-bottom-widget .widget, #post-top-widget .widget { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (max-width: 767px) { #home-bottom-widget .widget, #home-top-widget .widget, #post-bottom-widget .widget, #post-top-widget .widget { -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); } }

#home-bottom-widget .widget_recent_comments, #home-bottom-widget .widget-popular, #home-bottom-widget .widget_nav_menu, #home-bottom-widget .widget_text, #home-bottom-widget .widget_archive, #home-bottom-widget .widget-recommend, #home-bottom-widget .widget_categories, #home-bottom-widget .widget_tag_cloud, #home-bottom-widget .widget_recent_entries, #home-bottom-widget .widget_pages, #home-bottom-widget .widget-recent-post, #home-bottom-widget .widget_calendar, #home-bottom-widget .widget_media_gallery, #home-top-widget .widget_recent_comments, #home-top-widget .widget-popular, #home-top-widget .widget_nav_menu, #home-top-widget .widget_text, #home-top-widget .widget_archive, #home-top-widget .widget-recommend, #home-top-widget .widget_categories, #home-top-widget .widget_tag_cloud, #home-top-widget .widget_recent_entries, #home-top-widget .widget_pages, #home-top-widget .widget-recent-post, #home-top-widget .widget_calendar, #home-top-widget .widget_media_gallery, #post-bottom-widget .widget_recent_comments, #post-bottom-widget .widget-popular, #post-bottom-widget .widget_nav_menu, #post-bottom-widget .widget_text, #post-bottom-widget .widget_archive, #post-bottom-widget .widget-recommend, #post-bottom-widget .widget_categories, #post-bottom-widget .widget_tag_cloud, #post-bottom-widget .widget_recent_entries, #post-bottom-widget .widget_pages, #post-bottom-widget .widget-recent-post, #post-bottom-widget .widget_calendar, #post-bottom-widget .widget_media_gallery, #post-top-widget .widget_recent_comments, #post-top-widget .widget-popular, #post-top-widget .widget_nav_menu, #post-top-widget .widget_text, #post-top-widget .widget_archive, #post-top-widget .widget-recommend, #post-top-widget .widget_categories, #post-top-widget .widget_tag_cloud, #post-top-widget .widget_recent_entries, #post-top-widget .widget_pages, #post-top-widget .widget-recent-post, #post-top-widget .widget_calendar, #post-top-widget .widget_media_gallery { border-radius: 3px; }

@media (max-width: 767px) { #home-bottom-widget .widgettitle, #home-top-widget .widgettitle, #post-bottom-widget .widgettitle, #post-top-widget .widgettitle { padding: 10px 22px; } }

@media (min-width: 768px) { #home-bottom-widget .widgettitle, #home-top-widget .widgettitle, #post-bottom-widget .widgettitle, #post-top-widget .widgettitle { padding: 10px 28px; font-size: 1.25rem; } }

#home-bottom-widget .widget_recent_comments .widgettitle, #home-bottom-widget .widget-popular .widgettitle, #home-bottom-widget .widget_nav_menu .widgettitle, #home-bottom-widget .widget_text .widgettitle, #home-bottom-widget .widget_archive .widgettitle, #home-bottom-widget .widget-recommend .widgettitle, #home-bottom-widget .widget_categories .widgettitle, #home-bottom-widget .widget_tag_cloud .widgettitle, #home-bottom-widget .widget_recent_entries .widgettitle, #home-bottom-widget .widget-ranking .widgettitle, #home-bottom-widget .widget_pages .widgettitle, #home-bottom-widget .widget-recent-post .widgettitle, #home-bottom-widget .widget_search .widgettitle, #home-bottom-widget .widget_calendar .widgettitle, #home-bottom-widget .widget_media_gallery .widgettitle, #home-bottom-widget .widget_media_image .widgettitle, #home-top-widget .widget_recent_comments .widgettitle, #home-top-widget .widget-popular .widgettitle, #home-top-widget .widget_nav_menu .widgettitle, #home-top-widget .widget_text .widgettitle, #home-top-widget .widget_archive .widgettitle, #home-top-widget .widget-recommend .widgettitle, #home-top-widget .widget_categories .widgettitle, #home-top-widget .widget_tag_cloud .widgettitle, #home-top-widget .widget_recent_entries .widgettitle, #home-top-widget .widget-ranking .widgettitle, #home-top-widget .widget_pages .widgettitle, #home-top-widget .widget-recent-post .widgettitle, #home-top-widget .widget_search .widgettitle, #home-top-widget .widget_calendar .widgettitle, #home-top-widget .widget_media_gallery .widgettitle, #home-top-widget .widget_media_image .widgettitle, #post-bottom-widget .widget_recent_comments .widgettitle, #post-bottom-widget .widget-popular .widgettitle, #post-bottom-widget .widget_nav_menu .widgettitle, #post-bottom-widget .widget_text .widgettitle, #post-bottom-widget .widget_archive .widgettitle, #post-bottom-widget .widget-recommend .widgettitle, #post-bottom-widget .widget_categories .widgettitle, #post-bottom-widget .widget_tag_cloud .widgettitle, #post-bottom-widget .widget_recent_entries .widgettitle, #post-bottom-widget .widget-ranking .widgettitle, #post-bottom-widget .widget_pages .widgettitle, #post-bottom-widget .widget-recent-post .widgettitle, #post-bottom-widget .widget_search .widgettitle, #post-bottom-widget .widget_calendar .widgettitle, #post-bottom-widget .widget_media_gallery .widgettitle, #post-bottom-widget .widget_media_image .widgettitle, #post-top-widget .widget_recent_comments .widgettitle, #post-top-widget .widget-popular .widgettitle, #post-top-widget .widget_nav_menu .widgettitle, #post-top-widget .widget_text .widgettitle, #post-top-widget .widget_archive .widgettitle, #post-top-widget .widget-recommend .widgettitle, #post-top-widget .widget_categories .widgettitle, #post-top-widget .widget_tag_cloud .widgettitle, #post-top-widget .widget_recent_entries .widgettitle, #post-top-widget .widget-ranking .widgettitle, #post-top-widget .widget_pages .widgettitle, #post-top-widget .widget-recent-post .widgettitle, #post-top-widget .widget_search .widgettitle, #post-top-widget .widget_calendar .widgettitle, #post-top-widget .widget_media_gallery .widgettitle, #post-top-widget .widget_media_image .widgettitle { border-radius: 3px 3px 0 0; color: #fff; }

@media (max-width: 767px) { #home-bottom-widget .widget_media_gallery, #home-top-widget .widget_media_gallery, #post-bottom-widget .widget_media_gallery, #post-top-widget .widget_media_gallery { -webkit-box-shadow: none !important; box-shadow: none !important; } }

#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_recent_entries .widgettitle:before, #home-top-widget .widget_recent_entries .widgettitle:before, #post-bottom-widget .widget_recent_entries .widgettitle:before, #post-top-widget .widget_recent_entries .widgettitle:before { content: "\e928"; font-size: 1.7rem; vertical-align: bottom; line-height: 1.9rem; }

#home-bottom-widget .widget_archive .widgettitle:before, #home-top-widget .widget_archive .widgettitle:before, #post-bottom-widget .widget_archive .widgettitle:before, #post-top-widget .widget_archive .widgettitle:before { content: "\e901"; font-size: 1.8rem; vertical-align: bottom; line-height: 1.9rem; }

#home-bottom-widget .widget_categories .widgettitle:before, #home-top-widget .widget_categories .widgettitle:before, #post-bottom-widget .widget_categories .widgettitle:before, #post-top-widget .widget_categories .widgettitle:before { content: "\e914"; font-size: 1.8rem; vertical-align: bottom; line-height: 1.8rem; }

#home-bottom-widget .widget_nav_menu .widgettitle:before, #home-top-widget .widget_nav_menu .widgettitle:before, #post-bottom-widget .widget_nav_menu .widgettitle:before, #post-top-widget .widget_nav_menu .widgettitle:before { content: "\e91f"; font-size: 2.2rem; vertical-align: bottom; line-height: 1.4rem; }

#home-bottom-widget .widget-popular .widgettitle:before, #home-top-widget .widget-popular .widgettitle:before, #post-bottom-widget .widget-popular .widgettitle:before, #post-top-widget .widget-popular .widgettitle:before { content: "\e90f"; font-size: 1.7rem; vertical-align: bottom; line-height: 1.8rem; }

#home-bottom-widget .widget-ranking .widgettitle, #home-top-widget .widget-ranking .widgettitle, #post-bottom-widget .widget-ranking .widgettitle, #post-top-widget .widget-ranking .widgettitle { text-align: center; }

@media (max-width: 767px) { #home-bottom-widget .widget_archive ul, #home-bottom-widget .widget_recent_entries ul, #home-bottom-widget .widget_pages ul, #home-top-widget .widget_archive ul, #home-top-widget .widget_recent_entries ul, #home-top-widget .widget_pages ul, #post-bottom-widget .widget_archive ul, #post-bottom-widget .widget_recent_entries ul, #post-bottom-widget .widget_pages ul, #post-top-widget .widget_archive ul, #post-top-widget .widget_recent_entries ul, #post-top-widget .widget_pages ul { padding: 10px 12px !important; } }

@media (min-width: 768px) { #home-bottom-widget .widget_archive ul, #home-bottom-widget .widget_recent_entries ul, #home-bottom-widget .widget_pages ul, #home-top-widget .widget_archive ul, #home-top-widget .widget_recent_entries ul, #home-top-widget .widget_pages ul, #post-bottom-widget .widget_archive ul, #post-bottom-widget .widget_recent_entries ul, #post-bottom-widget .widget_pages ul, #post-top-widget .widget_archive ul, #post-top-widget .widget_recent_entries ul, #post-top-widget .widget_pages ul { padding: 13px 20px !important; } }

#home-bottom-widget .widget_recent_entries ul li:last-child, #home-top-widget .widget_recent_entries ul li:last-child, #post-bottom-widget .widget_recent_entries ul li:last-child, #post-top-widget .widget_recent_entries ul li:last-child { border-bottom: none; }

#home-bottom-widget .widget_archive select, #home-bottom-widget .widget_categories select, #home-bottom-widget .widget_pages select, #home-top-widget .widget_archive select, #home-top-widget .widget_categories select, #home-top-widget .widget_pages select, #post-bottom-widget .widget_archive select, #post-bottom-widget .widget_categories select, #post-bottom-widget .widget_pages select, #post-top-widget .widget_archive select, #post-top-widget .widget_categories select, #post-top-widget .widget_pages select { padding-left: 25px; background: #fff; }

@media (min-width: 768px) { #home-bottom-widget .widget_archive select, #home-bottom-widget .widget_categories select, #home-bottom-widget .widget_pages select, #home-top-widget .widget_archive select, #home-top-widget .widget_categories select, #home-top-widget .widget_pages select, #post-bottom-widget .widget_archive select, #post-bottom-widget .widget_categories select, #post-bottom-widget .widget_pages select, #post-top-widget .widget_archive select, #post-top-widget .widget_categories select, #post-top-widget .widget_pages select { font-size: 18px; } }

@media (max-width: 767px) { #home-bottom-widget .widget_categories ul, #home-top-widget .widget_categories ul, #post-bottom-widget .widget_categories ul, #post-top-widget .widget_categories ul { padding: 10px 15px !important; } }

@media (min-width: 768px) { #home-bottom-widget .widget_categories ul, #home-top-widget .widget_categories ul, #post-bottom-widget .widget_categories ul, #post-top-widget .widget_categories ul { margin-left: 0; padding: 13px 20px !important; } }

#home-bottom-widget .widget_categories ul li, #home-top-widget .widget_categories ul li, #post-bottom-widget .widget_categories ul li, #post-top-widget .widget_categories ul li { padding-left: 10px; }

@media (max-width: 767px) { #home-bottom-widget .widget_nav_menu .menu, #home-top-widget .widget_nav_menu .menu, #post-bottom-widget .widget_nav_menu .menu, #post-top-widget .widget_nav_menu .menu { padding: 10px 15px !important; } }

@media (min-width: 768px) { #home-bottom-widget .widget_nav_menu .menu, #home-top-widget .widget_nav_menu .menu, #post-bottom-widget .widget_nav_menu .menu, #post-top-widget .widget_nav_menu .menu { padding: 13px 20px !important; } }

#home-bottom-widget .widget_nav_menu .menu li, #home-top-widget .widget_nav_menu .menu li, #post-bottom-widget .widget_nav_menu .menu li, #post-top-widget .widget_nav_menu .menu li { padding-left: 10px; }

#home-bottom-widget .widget_nav_menu .menu li:last-child, #home-top-widget .widget_nav_menu .menu li:last-child, #post-bottom-widget .widget_nav_menu .menu li:last-child, #post-top-widget .widget_nav_menu .menu li:last-child { padding-bottom: 14px !important; }

#home-bottom-widget .widget_recent_comments ul, #home-top-widget .widget_recent_comments ul, #post-bottom-widget .widget_recent_comments ul, #post-top-widget .widget_recent_comments ul { padding: 10px 30px 5px !important; }

#home-bottom-widget .widget_recent_comments ul li:last-child, #home-top-widget .widget_recent_comments ul li:last-child, #post-bottom-widget .widget_recent_comments ul li:last-child, #post-top-widget .widget_recent_comments ul li:last-child { border-bottom: none; }

#home-bottom-widget .widget_tag_cloud .tagcloud, #home-top-widget .widget_tag_cloud .tagcloud, #post-bottom-widget .widget_tag_cloud .tagcloud, #post-top-widget .widget_tag_cloud .tagcloud { padding: 15px; }

#home-bottom-widget .widget_tag_cloud .tagcloud a, #home-top-widget .widget_tag_cloud .tagcloud a, #post-bottom-widget .widget_tag_cloud .tagcloud a, #post-top-widget .widget_tag_cloud .tagcloud a { font-size: 0.7em !important; }

#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; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#home-bottom-widget .widget_tag_cloud .tagcloud a:hover::before, #home-top-widget .widget_tag_cloud .tagcloud a:hover::before, #post-bottom-widget .widget_tag_cloud .tagcloud a:hover::before, #post-top-widget .widget_tag_cloud .tagcloud a:hover::before { color: #fff !important; }



@media (min-width: 768px) { #home-bottom-widget .widget_text .textwidget, #home-top-widget .widget_text .textwidget, #post-bottom-widget .widget_text .textwidget, #post-top-widget .widget_text .textwidget { font-size: 1.0rem; } }

#home-bottom-widget .widget_search, #home-top-widget .widget_search, #post-bottom-widget .widget_search, #post-top-widget .widget_search { -webkit-box-shadow: none !important; box-shadow: none !important; background: transparent; }

#home-bottom-widget .widget_search .widgettitle, #home-top-widget .widget_search .widgettitle, #post-bottom-widget .widget_search .widgettitle, #post-top-widget .widget_search .widgettitle { margin-bottom: 15px; }

#home-bottom-widget .widget_search .search-box, #home-top-widget .widget_search .search-box, #post-bottom-widget .widget_search .search-box, #post-top-widget .widget_search .search-box { margin-bottom: 30px; }

#home-bottom-widget .widget_search .search-box input[type="search"], #home-top-widget .widget_search .search-box input[type="search"], #post-bottom-widget .widget_search .search-box input[type="search"], #post-top-widget .widget_search .search-box input[type="search"] { border-radius: 30px; padding-right: 60px; height: 45px; border: none; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18); }

#home-bottom-widget .widget_search .search-box input[type="submit"], #home-top-widget .widget_search .search-box input[type="submit"], #post-bottom-widget .widget_search .search-box input[type="submit"], #post-top-widget .widget_search .search-box input[type="submit"] { height: 45px; width: 48px; color: #fff !important; border-radius: 0 30px 30px 0; font-size: 20px; }

@media (max-width: 767px) { #home-bottom-widget .widget_search .search-box input[type="submit"], #home-top-widget .widget_search .search-box input[type="submit"], #post-bottom-widget .widget_search .search-box input[type="submit"], #post-top-widget .widget_search .search-box input[type="submit"] { right: 0px; } }

@media (max-width: 767px) { #home-bottom-widget .widget_search input[type="submit"], #home-top-widget .widget_search input[type="submit"], #post-bottom-widget .widget_search input[type="submit"], #post-top-widget .widget_search input[type="submit"] { padding: 5px 5px 5px 0px; } }

#home-bottom-widget .widget-popular .pop-num, #home-top-widget .widget-popular .pop-num, #post-bottom-widget .widget-popular .pop-num, #post-top-widget .widget-popular .pop-num { border-radius: 0 0 2px 0; }

@media (min-width: 768px) { #home-bottom-widget .widget-popular .pop-num, #home-top-widget .widget-popular .pop-num, #post-bottom-widget .widget-popular .pop-num, #post-top-widget .widget-popular .pop-num { line-height: 6px; font-size: 0.85rem; font-weight: bold; width: 25px; height: 25px; } }

#home-bottom-widget .widget-popular .popular-item a:hover, #home-top-widget .widget-popular .popular-item a:hover, #post-bottom-widget .widget-popular .popular-item a:hover, #post-top-widget .widget-popular .popular-item a:hover { -webkit-transform: scale(0.99); transform: scale(0.99); -webkit-transition: 0.3s; transition: 0.3s; will-change: transform; }

#home-bottom-widget .widget-popular #new-entry-box, #home-top-widget .widget-popular #new-entry-box, #post-bottom-widget .widget-popular #new-entry-box, #post-top-widget .widget-popular #new-entry-box { padding: 10px 20px; }

@media (min-width: 768px) { #home-bottom-widget .widget-popular #new-entry-box, #home-top-widget .widget-popular #new-entry-box, #post-bottom-widget .widget-popular #new-entry-box, #post-top-widget .widget-popular #new-entry-box { padding: 20px 30px; } }

@media (max-width: 767px) { #home-bottom-widget .widget-popular .new-entry-item-title, #home-top-widget .widget-popular .new-entry-item-title, #post-bottom-widget .widget-popular .new-entry-item-title, #post-top-widget .widget-popular .new-entry-item-title { font-size: 0.75rem !important; } }

@media (min-width: 768px) { #home-bottom-widget .widget-popular .new-entry-item-title, #home-top-widget .widget-popular .new-entry-item-title, #post-bottom-widget .widget-popular .new-entry-item-title, #post-top-widget .widget-popular .new-entry-item-title { font-size: 1.05rem; } }

#home-bottom-widget .widget-profile .my-profile, #home-top-widget .widget-profile .my-profile, #post-bottom-widget .widget-profile .my-profile, #post-top-widget .widget-profile .my-profile { -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.18); border-radius: 3px; background: #fff; border-radius: 0 0 3px 3px; }

@media (min-width: 768px) { #home-bottom-widget .widget-profile .my-profile, #home-top-widget .widget-profile .my-profile, #post-bottom-widget .widget-profile .my-profile, #post-top-widget .widget-profile .my-profile { padding: 30px 30px 65px 30px; } }

@media (max-width: 767px) { #home-bottom-widget .widget-profile .my-profile, #home-top-widget .widget-profile .my-profile, #post-bottom-widget .widget-profile .my-profile, #post-top-widget .widget-profile .my-profile { padding-bottom: 85px; } }

#home-bottom-widget .widget-profile .my-profile .profile-sns-menu-title, #home-top-widget .widget-profile .my-profile .profile-sns-menu-title, #post-bottom-widget .widget-profile .my-profile .profile-sns-menu-title, #post-top-widget .widget-profile .my-profile .profile-sns-menu-title { display: none; }

@media (min-width: 768px) { #home-bottom-widget .widget-profile .my-profile .myjob, #home-bottom-widget .widget-profile .my-profile .myname, #home-top-widget .widget-profile .my-profile .myjob, #home-top-widget .widget-profile .my-profile .myname, #post-bottom-widget .widget-profile .my-profile .myjob, #post-bottom-widget .widget-profile .my-profile .myname, #post-top-widget .widget-profile .my-profile .myjob, #post-top-widget .widget-profile .my-profile .myname { position: static; display: inline; width: auto; text-align: left; } }

@media (min-width: 768px) { #home-bottom-widget .widget-profile .my-profile .myname, #home-top-widget .widget-profile .my-profile .myname, #post-bottom-widget .widget-profile .my-profile .myname, #post-top-widget .widget-profile .my-profile .myname { margin-left: 130px; margin-right: 10px; float: left; } }

@media (min-width: 768px) { #home-bottom-widget .widget-profile .my-profile .my-profile-thumb, #home-top-widget .widget-profile .my-profile .my-profile-thumb, #post-bottom-widget .widget-profile .my-profile .my-profile-thumb, #post-top-widget .widget-profile .my-profile .my-profile-thumb { position: absolute; top: 20px; left: 30px; width: 100px; height: 100px; border-radius: 50%; border: 3px solid #c2c2c2; } }

@media (min-width: 768px) { #home-bottom-widget .widget-profile .my-profile .myintro, #home-top-widget .widget-profile .my-profile .myintro, #post-bottom-widget .widget-profile .my-profile .myintro, #post-top-widget .widget-profile .my-profile .myintro { float: left; margin-top: 10px !important; margin-left: 130px; margin-bottom: 0px; } }

@media (min-width: 768px) { #home-bottom-widget .widget-profile .my-profile .profile-sns-menu, #home-top-widget .widget-profile .my-profile .profile-sns-menu, #post-bottom-widget .widget-profile .my-profile .profile-sns-menu, #post-top-widget .widget-profile .my-profile .profile-sns-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 8px 20px 8px 0; }
  #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li, #home-top-widget .widget-profile .my-profile .profile-sns-menu li, #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li, #post-top-widget .widget-profile .my-profile .profile-sns-menu li { margin-left: 0px; margin-right: 0px; }
  #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li a, #home-top-widget .widget-profile .my-profile .profile-sns-menu li a, #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li a, #post-top-widget .widget-profile .my-profile .profile-sns-menu li a { -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; display: block; width: 34px; height: 32px; color: #fff; margin: 0 4px; padding: 8px; overflow: hidden; text-decoration: none !important; border-radius: 2px; background: rgba(255, 255, 255, 0.18); }
  #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li a svg, #home-top-widget .widget-profile .my-profile .profile-sns-menu li a svg, #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li a svg, #post-top-widget .widget-profile .my-profile .profile-sns-menu li a svg { fill: #fff !important; }
  #home-bottom-widget .widget-profile .my-profile .profile-sns-menu li a:hover, #home-top-widget .widget-profile .my-profile .profile-sns-menu li a:hover, #post-bottom-widget .widget-profile .my-profile .profile-sns-menu li a:hover, #post-top-widget .widget-profile .my-profile .profile-sns-menu li a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } }

@media (min-width: 768px) { #home-bottom-widget .widget-profile .my-profile::after, #home-top-widget .widget-profile .my-profile::after, #post-bottom-widget .widget-profile .my-profile::after, #post-top-widget .widget-profile .my-profile::after { content: ""; display: block; clear: both; } }

@media (max-width: 767px) { #home-bottom-widget .widget-ranking, #home-top-widget .widget-ranking, #post-bottom-widget .widget-ranking, #post-top-widget .widget-ranking { -webkit-box-shadow: none !important; box-shadow: none !important; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking, #home-top-widget .widget-ranking, #post-bottom-widget .widget-ranking, #post-top-widget .widget-ranking { border-radius: 3px; background: #fff; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking .widgettitle, #home-top-widget .widget-ranking .widgettitle, #post-bottom-widget .widget-ranking .widgettitle, #post-top-widget .widget-ranking .widgettitle { padding: 10px 30px; color: #fff; text-align: center; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking .wide-layout, #home-top-widget .widget-ranking .wide-layout, #post-bottom-widget .widget-ranking .wide-layout, #post-top-widget .widget-ranking .wide-layout { padding: 15px 20px 20px; } }

@media (min-width: 1200px) { #home-bottom-widget .widget-ranking .wide-layout, #home-top-widget .widget-ranking .wide-layout, #post-bottom-widget .widget-ranking .wide-layout, #post-top-widget .widget-ranking .wide-layout { padding: 15px 40px 40px; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking .side-ranking-title, #home-top-widget .widget-ranking .side-ranking-title, #post-bottom-widget .widget-ranking .side-ranking-title, #post-top-widget .widget-ranking .side-ranking-title { padding-left: 50px; font-size: 1.20rem; line-height: 1.50rem; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking .side-ranking-img, #home-top-widget .widget-ranking .side-ranking-img, #post-bottom-widget .widget-ranking .side-ranking-img, #post-top-widget .widget-ranking .side-ranking-img { width: 40%; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking .side-ranking-info, #home-top-widget .widget-ranking .side-ranking-info, #post-bottom-widget .widget-ranking .side-ranking-info, #post-top-widget .widget-ranking .side-ranking-info { width: 60%; margin-top: 0; padding: 0 15px; font-size: 0.95rem; line-height: 1.45rem; } }

@media (max-width: 767px) { #home-bottom-widget .widget-ranking .side-ranking-meta, #home-top-widget .widget-ranking .side-ranking-meta, #post-bottom-widget .widget-ranking .side-ranking-meta, #post-top-widget .widget-ranking .side-ranking-meta { padding: 0 15px; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking .side-ranking-meta, #home-top-widget .widget-ranking .side-ranking-meta, #post-bottom-widget .widget-ranking .side-ranking-meta, #post-top-widget .widget-ranking .side-ranking-meta { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking .side-btn-box, #home-top-widget .widget-ranking .side-btn-box, #post-bottom-widget .widget-ranking .side-btn-box, #post-top-widget .widget-ranking .side-btn-box { padding: 0 20px; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking .side-ranking-btn, #home-top-widget .widget-ranking .side-ranking-btn, #post-bottom-widget .widget-ranking .side-ranking-btn, #post-top-widget .widget-ranking .side-ranking-btn { margin: 0 5px; } }

@media (min-width: 768px) { #home-bottom-widget .widget-ranking .color-button01 a, #home-bottom-widget .widget-ranking .color-button02 a, #home-top-widget .widget-ranking .color-button01 a, #home-top-widget .widget-ranking .color-button02 a, #post-bottom-widget .widget-ranking .color-button01 a, #post-bottom-widget .widget-ranking .color-button02 a, #post-top-widget .widget-ranking .color-button01 a, #post-top-widget .widget-ranking .color-button02 a { font-size: 1.05rem; padding: 8px 9px; } }

@media (min-width: 1200px) { #home-bottom-widget .widget-ranking .color-button01 a, #home-bottom-widget .widget-ranking .color-button02 a, #home-top-widget .widget-ranking .color-button01 a, #home-top-widget .widget-ranking .color-button02 a, #post-bottom-widget .widget-ranking .color-button01 a, #post-bottom-widget .widget-ranking .color-button02 a, #post-top-widget .widget-ranking .color-button01 a, #post-top-widget .widget-ranking .color-button02 a { padding: 11px 9px; } }

#home-bottom-widget .widget-recommend ul, #home-bottom-widget .widget-recent-post ul, #home-top-widget .widget-recommend ul, #home-top-widget .widget-recent-post ul, #post-bottom-widget .widget-recommend ul, #post-bottom-widget .widget-recent-post ul, #post-top-widget .widget-recommend ul, #post-top-widget .widget-recent-post ul { padding: 13px 20px !important; }

@media (max-width: 767px) { #home-bottom-widget .widget-recommend .new-entry-item-title, #home-bottom-widget .widget-recent-post .new-entry-item-title, #home-top-widget .widget-recommend .new-entry-item-title, #home-top-widget .widget-recent-post .new-entry-item-title, #post-bottom-widget .widget-recommend .new-entry-item-title, #post-bottom-widget .widget-recent-post .new-entry-item-title, #post-top-widget .widget-recommend .new-entry-item-title, #post-top-widget .widget-recent-post .new-entry-item-title { font-size: 0.75rem !important; } }

@media (min-width: 768px) { #home-bottom-widget .widget-recommend .new-entry-item-title, #home-bottom-widget .widget-recent-post .new-entry-item-title, #home-top-widget .widget-recommend .new-entry-item-title, #home-top-widget .widget-recent-post .new-entry-item-title, #post-bottom-widget .widget-recommend .new-entry-item-title, #post-bottom-widget .widget-recent-post .new-entry-item-title, #post-top-widget .widget-recommend .new-entry-item-title, #post-top-widget .widget-recent-post .new-entry-item-title { font-size: 1.05rem; } }

@media (min-width: 768px) { #home-bottom-widget .widget-popular .new-entry, #home-bottom-widget .widget-recent-post .new-entry, #home-top-widget .widget-popular .new-entry, #home-top-widget .widget-recent-post .new-entry, #post-bottom-widget .widget-popular .new-entry, #post-bottom-widget .widget-recent-post .new-entry, #post-top-widget .widget-popular .new-entry, #post-top-widget .widget-recent-post .new-entry { width: calc(23.3%) !important; } }

/*１カラムのトップページウィジェット調整*/
@media (min-width: 768px) { #main-contents-one #home-bottom-widget, #main-contents-one #home-top-widget, #main-contents-one #post-bottom-widget, #main-contents-one #post-top-widget { padding: 24px; } }

#main-contents-one #home-bottom-widget .widgettitle, #main-contents-one #home-top-widget .widgettitle, #main-contents-one #post-bottom-widget .widgettitle, #main-contents-one #post-top-widget .widgettitle { font-size: 1.5rem; }

@media (min-width: 768px) { #main-contents-one #home-bottom-widget .widget-ranking .wide-layout, #main-contents-one #home-top-widget .widget-ranking .wide-layout, #main-contents-one #post-bottom-widget .widget-ranking .wide-layout, #main-contents-one #post-top-widget .widget-ranking .wide-layout { padding: 15px 5px 25px; }
  #main-contents-one #home-bottom-widget .widget-ranking .wide-layout ul, #main-contents-one #home-top-widget .widget-ranking .wide-layout ul, #main-contents-one #post-bottom-widget .widget-ranking .wide-layout ul, #main-contents-one #post-top-widget .widget-ranking .wide-layout ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #main-contents-one #home-bottom-widget .widget-ranking .wide-layout ul li, #main-contents-one #home-top-widget .widget-ranking .wide-layout ul li, #main-contents-one #post-bottom-widget .widget-ranking .wide-layout ul li, #main-contents-one #post-top-widget .widget-ranking .wide-layout ul li { margin: 0 10px; width: 30%; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-img, #main-contents-one #home-top-widget .widget-ranking .side-ranking-img, #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-img, #main-contents-one #post-top-widget .widget-ranking .side-ranking-img { width: 100%; margin-bottom: 15px; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-info, #main-contents-one #home-top-widget .widget-ranking .side-ranking-info, #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-info, #main-contents-one #post-top-widget .widget-ranking .side-ranking-info { width: 100%; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-meta, #main-contents-one #home-top-widget .widget-ranking .side-ranking-meta, #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-meta, #main-contents-one #post-top-widget .widget-ranking .side-ranking-meta { display: block; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-btn-box, #main-contents-one #home-top-widget .widget-ranking .side-btn-box, #main-contents-one #post-bottom-widget .widget-ranking .side-btn-box, #main-contents-one #post-top-widget .widget-ranking .side-btn-box { padding: 0; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-btn, #main-contents-one #home-top-widget .widget-ranking .side-ranking-btn, #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-btn, #main-contents-one #post-top-widget .widget-ranking .side-ranking-btn { margin: 3px; } }

@media (min-width: 768px) and (max-width: 1024px) { #main-contents-one #home-bottom-widget .widget-ranking .wide-layout ul li .side-btn-box, #main-contents-one #home-top-widget .widget-ranking .wide-layout ul li .side-btn-box, #main-contents-one #post-bottom-widget .widget-ranking .wide-layout ul li .side-btn-box, #main-contents-one #post-top-widget .widget-ranking .wide-layout ul li .side-btn-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  #main-contents-one #home-bottom-widget .widget-ranking .side-ranking-title, #main-contents-one #home-top-widget .widget-ranking .side-ranking-title, #main-contents-one #post-bottom-widget .widget-ranking .side-ranking-title, #main-contents-one #post-top-widget .widget-ranking .side-ranking-title { font-size: 1.05rem; line-height: 1.4rem; } }

#main-contents-one #home-bottom-widget .widget-profile .profile-sns-menu, #main-contents-one #home-top-widget .widget-profile .profile-sns-menu, #main-contents-one #post-bottom-widget .widget-profile .profile-sns-menu, #main-contents-one #post-top-widget .widget-profile .profile-sns-menu { border-radius: 0 0 3px 3px; }

#main-contents-one #home-bottom-widget .widget-profile .my-profile, #main-contents-one #home-top-widget .widget-profile .my-profile, #main-contents-one #post-bottom-widget .widget-profile .my-profile, #main-contents-one #post-top-widget .widget-profile .my-profile { border-radius: 0 0 3px 3px; }

@media (min-width: 768px) { #main-contents-one #home-bottom-widget .widget-profile .my-profile, #main-contents-one #home-top-widget .widget-profile .my-profile, #main-contents-one #post-bottom-widget .widget-profile .my-profile, #main-contents-one #post-top-widget .widget-profile .my-profile { padding: 30px 30px 65px 30px; } }

@media (min-width: 1200px) { #main-contents-one #home-bottom-widget .widget-profile .my-profile, #main-contents-one #home-top-widget .widget-profile .my-profile, #main-contents-one #post-bottom-widget .widget-profile .my-profile, #main-contents-one #post-top-widget .widget-profile .my-profile { padding: 30px 30px 85px 30px; } }

/* フッターウィジェット */
#footer-widget-area.footer_type1 { padding-bottom: 25px; padding-top: 25px; border-bottom: 1px solid #ddd; }

@media (max-width: 767px) { #footer-widget-area.footer_type1 { padding-left: 15px; padding-right: 15px; font-weight: 300 !important; } }

@media (min-width: 768px) { #footer-widget-area.footer_type1 { width: 100%; padding-left: 0; margin: 0 auto; font-weight: 200 !important; } }

#footer-widget-area.footer_type1 .textwidget p { line-height: 1.55rem !important; }

@media (max-width: 767px) { #footer-widget-area.footer_type1 .textwidget p { font-size: 0.95rem !important; } }

@media (min-width: 768px) { #footer-widget-area.footer_type1 .textwidget p { font-size: 0.85rem !important; } }

#footer-widget-area.footer_type2 { padding-bottom: 25px; padding-top: 25px; border-bottom: 1px solid #ddd; margin-bottom: 15px !important; }

@media (max-width: 767px) { #footer-widget-area.footer_type2 { padding-left: 15px; padding-right: 15px; font-weight: 300 !important; } }

@media (min-width: 768px) { #footer-widget-area.footer_type2 { width: calc(100% - 40px); padding-left: 0; margin: 0 20px; font-weight: 200 !important; border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } }

@media (min-width: 1200px) { #footer-widget-area.footer_type2 { width: 1140px; padding-left: 0; margin: 0 auto; font-weight: 200 !important; } }

#footer-widget-area.footer_type2 .textwidget p { line-height: 1.55rem !important; }

@media (max-width: 767px) { #footer-widget-area.footer_type2 .textwidget p { font-size: 0.95rem !important; } }

@media (min-width: 768px) { #footer-widget-area.footer_type2 .textwidget p { font-size: 0.85rem !important; } }

@media (min-width: 1200px) { #footer-widget-area.footer_type2 #footer-widget-box { margin-bottom: -45px; width: 1140px; } }

@media (min-width: 768px) { #footer-widget-box { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; width: 100%; padding-left: 15px; padding-right: 15px; } }

@media (min-width: 1200px) { #footer-widget-box { width: 1200px; padding-left: 30px; padding-right: 30px; } }

#footer-widget-box #wp-calendar { color: #555; }

@media (min-width: 768px) { #footer-widget-area.footer_style1 { padding-bottom: 0px !important; } }

@media (min-width: 768px) { #footer-widget-area.footer_style1 #footer-widget-left { -webkit-box-flex: 0.8; -ms-flex: 0.8; flex: 0.8; } }

@media (max-width: 767px) { #footer-widget-area.footer_style1 #footer-widget-left { display: block; } }

@media (min-width: 768px) { #footer-widget-area.footer_style1 #footer-widget-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

@media (max-width: 767px) { #footer-widget-area.footer_style1 #footer-widget-right { display: block; } }

@media (max-width: 767px) { #footer-widget-area.footer_style1 #footer-widget-center-box { display: block; } }

@media (min-width: 768px) { #footer-widget-area.footer_style1 #footer-widget-center-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

@media (min-width: 1024px) { #footer-widget-area.footer_style1 #footer-widget-center-box { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (max-width: 767px) { #footer-widget-area.footer_style1 #footer-widget-center1, #footer-widget-area.footer_style1 #footer-widget-center2 { display: block; } }

@media (min-width: 768px) { #footer-widget-area.footer_style1 #footer-widget-center1, #footer-widget-area.footer_style1 #footer-widget-center2 { display: block; } }

@media (min-width: 1024px) { #footer-widget-area.footer_style1 #footer-widget-center1, #footer-widget-area.footer_style1 #footer-widget-center2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

@media (min-width: 768px) { #footer-widget-area.footer_style1 #footer-widget-center1, #footer-widget-area.footer_style1 #footer-widget-center2, #footer-widget-area.footer_style1 #footer-widget-right { margin-left: 45px; } }

@media (max-width: 767px) { #footer-widget-area.footer_style1 #footer-widget-left .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-left .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-left .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a, #footer-widget-area.footer_style1 #footer-widget-right .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-right .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-right .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul li a { font-size: 0.85rem !important; font-weight: 500 !important; }
  #footer-widget-area.footer_style1 #footer-widget-left .new-entry-item-title, #footer-widget-area.footer_style1 #footer-widget-center1 .new-entry-item-title, #footer-widget-area.footer_style1 #footer-widget-center2 .new-entry-item-title, #footer-widget-area.footer_style1 #footer-widget-right .new-entry-item-title { font-size: 0.85rem !important; font-weight: 500 !important; } }

@media (min-width: 768px) { #footer-widget-area.footer_style1 #footer-widget-left #search-btn, #footer-widget-area.footer_style1 #footer-widget-center1 #search-btn, #footer-widget-area.footer_style1 #footer-widget-center2 #search-btn, #footer-widget-area.footer_style1 #footer-widget-right #search-btn { right: 0px; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-left .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-left .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a, #footer-widget-area.footer_style1 #footer-widget-right .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-right .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-right .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul li a { font-weight: 300 !important; }
  #footer-widget-area.footer_style1 #footer-widget-left .new-entry-item-title, #footer-widget-area.footer_style1 #footer-widget-center1 .new-entry-item-title, #footer-widget-area.footer_style1 #footer-widget-center2 .new-entry-item-title, #footer-widget-area.footer_style1 #footer-widget-right .new-entry-item-title { font-weight: 200 !important; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_categories label, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories label, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories label, #footer-widget-area.footer_style1 #footer-widget-right .widget_categories label { display: none; }
  #footer-widget-area.footer_style1 #footer-widget-left .widgettitle, #footer-widget-area.footer_style1 #footer-widget-center1 .widgettitle, #footer-widget-area.footer_style1 #footer-widget-center2 .widgettitle, #footer-widget-area.footer_style1 #footer-widget-right .widgettitle { background: none; font-weight: 500 !important; border-top: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: none !important; border-left: 3px solid #fff; padding-bottom: 0px; padding-left: 10px !important; padding-right: 5px; font-size: 0.95rem !important; line-height: 1.15rem !important; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li, #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li { border-color: rgba(255, 255, 255, 0.25); }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li, #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul li { border-color: rgba(255, 255, 255, 0.75); }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul > li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li, #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul > li { font-weight: 400; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_nav_menu ul > li > ul > li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li > ul > li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li > ul > li, #footer-widget-area.footer_style1 #footer-widget-right .widget_nav_menu ul > li > ul > li { font-weight: 300; }
  #footer-widget-area.footer_style1 #footer-widget-left ul li a:hover, #footer-widget-area.footer_style1 #footer-widget-center1 ul li a:hover, #footer-widget-area.footer_style1 #footer-widget-center2 ul li a:hover, #footer-widget-area.footer_style1 #footer-widget-right ul li a:hover { color: #008db7; }
  #footer-widget-area.footer_style1 #footer-widget-left .widget_tag_cloud a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_tag_cloud a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_tag_cloud a, #footer-widget-area.footer_style1 #footer-widget-right .widget_tag_cloud a { color: #eee; font-size: 0.55rem !important; background: rgba(255, 255, 255, 0.25); } }

@media (min-width: 768px) { #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a { border: none !important; position: relative; }
  #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; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul { margin: 0; padding: 0; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu li { margin: 0; padding: 0; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a { font-size: 0.7rem !important; font-weight: 300 !important; padding-top: 7px !important; padding-bottom: 7px !important; padding-left: 15px !important; padding-right: 0 !important; line-height: 1.05rem; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li a { padding-left: 30px !important; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li ul li a, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li ul li a { padding-left: 45px !important; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li { border: none !important; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li a:before { left: -2px; top: 15px; content: '\e904'; font-size: 0.6rem !important; width: 0; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li a:before { left: 13px; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul li ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul li ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul li ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul li ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul li ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul li ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul li ul li ul li a:before, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul li ul li ul li a:before { left: 28px; }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul > li > a:hover, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_pages ul > li > a:hover, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_nav_menu ul > li > a:hover, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul > li > a:hover, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul > li > a:hover, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_pages ul > li > a:hover, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_nav_menu ul > li > a:hover, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul > li > a:hover { -webkit-transform: translateX(3px); transform: translateX(3px); }
  #footer-widget-area.footer_style1 #footer-widget-center1 .widget_categories ul .count, #footer-widget-area.footer_style1 #footer-widget-center1 .widget_archive ul .count, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_categories ul .count, #footer-widget-area.footer_style1 #footer-widget-center2 .widget_archive ul .count { display: none; } }

@media (min-width: 768px) { #footer-widget-area.footer_style1.footer_type2 { padding-bottom: 45px !important; } }

@media (min-width: 768px) { #footer-widget-area.footer_style2 #footer-widget-left, #footer-widget-area.footer_style2 #footer-widget-center, #footer-widget-area.footer_style2 #footer-widget-right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

@media (max-width: 767px) { #footer-widget-area.footer_style2 #footer-widget-left, #footer-widget-area.footer_style2 #footer-widget-center, #footer-widget-area.footer_style2 #footer-widget-right { display: block; } }

@media (min-width: 768px) { #footer-widget-area.footer_style2 #footer-widget-center, #footer-widget-area.footer_style2 #footer-widget-right { margin-left: 45px; } }

#footer-widget-area.footer_style2 #footer-widget-left #search-btn, #footer-widget-area.footer_style2 #footer-widget-center #search-btn, #footer-widget-area.footer_style2 #footer-widget-right #search-btn { right: 0px; }

#footer-widget-area.footer_style2 #footer-widget-left .new-entry-item-title, #footer-widget-area.footer_style2 #footer-widget-center .new-entry-item-title, #footer-widget-area.footer_style2 #footer-widget-right .new-entry-item-title { font-weight: 300; }

#footer-widget-area.footer_style2 #footer-widget-left .widget_categories label, #footer-widget-area.footer_style2 #footer-widget-center .widget_categories label, #footer-widget-area.footer_style2 #footer-widget-right .widget_categories label { display: none; }

#footer-widget-area.footer_style2 #footer-widget-left .widgettitle, #footer-widget-area.footer_style2 #footer-widget-center .widgettitle, #footer-widget-area.footer_style2 #footer-widget-right .widgettitle { background: none; font-weight: 400; border-top: none; -webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #fff; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }

#footer-widget-area.footer_style2 #footer-widget-left .widget_categories ul li::before, #footer-widget-area.footer_style2 #footer-widget-left .widget_archive ul li::before, #footer-widget-area.footer_style2 #footer-widget-left .widget_recent_entries ul li::before, #footer-widget-area.footer_style2 #footer-widget-left .widget_pages ul li::before, #footer-widget-area.footer_style2 #footer-widget-center .widget_categories ul li::before, #footer-widget-area.footer_style2 #footer-widget-center .widget_archive ul li::before, #footer-widget-area.footer_style2 #footer-widget-center .widget_recent_entries ul li::before, #footer-widget-area.footer_style2 #footer-widget-center .widget_pages ul li::before, #footer-widget-area.footer_style2 #footer-widget-right .widget_categories ul li::before, #footer-widget-area.footer_style2 #footer-widget-right .widget_archive ul li::before, #footer-widget-area.footer_style2 #footer-widget-right .widget_recent_entries ul li::before, #footer-widget-area.footer_style2 #footer-widget-right .widget_pages ul li::before { border-color: #ddd; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li, #footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li, #footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul > li.menu-item-has-children ul.sub-menu > li { border-color: rgba(255, 255, 255, 0.25); }

#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul li, #footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul li, #footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul li { border-color: rgba(255, 255, 255, 0.75); }

#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul > li, #footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul > li, #footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul > li { font-weight: 400; }

#footer-widget-area.footer_style2 #footer-widget-left .widget_nav_menu ul > li > ul > li, #footer-widget-area.footer_style2 #footer-widget-center .widget_nav_menu ul > li > ul > li, #footer-widget-area.footer_style2 #footer-widget-right .widget_nav_menu ul > li > ul > li { font-weight: 300; }

#footer-widget-area.footer_style2 #footer-widget-left ul li a:hover, #footer-widget-area.footer_style2 #footer-widget-center ul li a:hover, #footer-widget-area.footer_style2 #footer-widget-right ul li a:hover { color: #008db7; }

#footer-widget-area.footer_style2 #footer-widget-left .widget_tag_cloud a, #footer-widget-area.footer_style2 #footer-widget-center .widget_tag_cloud a, #footer-widget-area.footer_style2 #footer-widget-right .widget_tag_cloud a { color: #eee; }

.footer-widget { margin-bottom: 45px; font-size: 0.95rem; }

.search-box input[type="search"] { -webkit-appearance: none; border-radius: none; }

/* サイドバーランキング */
.wide-layout ul { list-style-type: none; padding: 0; margin-top: 0; margin-bottom: 0; }

.wide-layout ul li { margin-bottom: 20px; }

.wide-layout ul li .side-ranking-title { font-size: 17px; line-height: 1.3rem; font-weight: 400; position: relative; }

@media (max-width: 767px) { .wide-layout ul li .side-ranking-title { font-weight: 500; } }

.wide-layout ul li .side-ranking-meta { margin-top: 15px; }

.wide-layout ul li .side-ranking-meta .side-ranking-img img { display: none; }

.wide-layout ul li .side-ranking-meta .side-ranking-img a { overflow: hidden; display: block; }

.wide-layout ul li .side-ranking-meta .side-ranking-img a img { width: 100%; height: auto; display: block; background: #fff; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.wide-layout ul li .side-ranking-meta .side-ranking-img a:hover img { -webkit-filter: opacity(0.8); filter: opacity(0.8); }

.wide-layout ul li .side-ranking-meta .side-ranking-info { font-size: 0.85rem; line-height: 1.35rem; margin-top: 15px; margin-bottom: 15px; }

.wide-layout ul li .side-btn-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.wide-layout ul li .side-ranking-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.wide-layout ul li .side-ranking-btn a { width: 100%; height: 100%; padding-left: 10px; padding-right: 10px; }

@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%; }

.wide-layout ul li:last-child { margin-bottom: 0; }

.wide-layout ul li:first-child h3 { border-color: #FFCF24; }

.wide-layout ul li:nth-child(2) h3 { border-color: #A0A9B1; }

.wide-layout ul li:nth-child(3) h3 { border-color: #B26A2B; }

.simple-style h3 { border-bottom: 1px solid; padding-left: 45px; padding-top: 23px; padding-bottom: 3px; letter-spacing: 0; }

.simple-style h3 img { width: 45px; position: absolute; left: -2px; bottom: 4px; }

.luxe-style h3 { padding-left: 35px; padding-top: 15px; padding-bottom: 3px; letter-spacing: 0; border-bottom: 3px double; }

.luxe-style h3 img { position: absolute; width: 35px; top: 7px; left: -5px; }

.luxe-style li:first-child h3 { border-bottom-color: #D09F30 !important; }

.girly-style h3 { border-bottom: 2px dotted; padding-left: 47px; padding-top: 23px; padding-bottom: 3px; letter-spacing: 0; }

.girly-style h3 img { width: 43px; position: absolute; left: 0px; bottom: 3px; }

/* プロフィールウィジェット */
.widget-profile { overflow: hidden; position: relative; }

#footer-widget-area .my-profile { background: rgba(255, 255, 255, 0.15) !important; }

@media (max-width: 767px) { #footer-widget-area .my-profile { border: none !important; } }

@media (min-width: 768px) { #footer-widget-area .my-profile { -webkit-box-shadow: none !important; box-shadow: none !important; padding: 10px !important; padding-bottom: 10px !important; } }

@media (min-width: 1024px) { #footer-widget-area .my-profile { padding: 25px !important; padding-bottom: 25px !important; } }

@media (max-width: 767px) { #footer-widget-area .my-profile-thumb { -webkit-box-shadow: none !important; box-shadow: none !important; } }

#footer-widget-area .myjob { color: rgba(255, 255, 255, 0.7) !important; }

#footer-widget-area .popular-count { color: rgba(255, 255, 255, 0.7) !important; border-bottom: 1px dashed rgba(255, 255, 255, 0.7) !important; }

@media (min-width: 768px) { #footer-widget-area .widget-profile, .sidebar_style2 .widget-profile, .sidebar_style3 .widget-profile, .sidebar_style4 .widget-profile, .sidebar_style5 .widget-profile { overflow: visible !important; } }

@media (min-width: 768px) { #footer-widget-area .my-profile, .sidebar_style2 .my-profile, .sidebar_style3 .my-profile, .sidebar_style4 .my-profile, .sidebar_style5 .my-profile { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); padding: 10px; position: relative; padding-bottom: 10px !important; } }

@media (min-width: 768px) and (max-width: 767px) { #footer-widget-area .my-profile, .sidebar_style2 .my-profile, .sidebar_style3 .my-profile, .sidebar_style4 .my-profile, .sidebar_style5 .my-profile { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1024px) { #footer-widget-area .my-profile, .sidebar_style2 .my-profile, .sidebar_style3 .my-profile, .sidebar_style4 .my-profile, .sidebar_style5 .my-profile { padding: 25px; padding-bottom: 25px !important; } }

@media (min-width: 768px) { #footer-widget-area .myname, .sidebar_style2 .myname, .sidebar_style3 .myname, .sidebar_style4 .myname, .sidebar_style5 .myname { top: 156px !important; } }

@media (min-width: 768px) { #footer-widget-area .myjob, .sidebar_style2 .myjob, .sidebar_style3 .myjob, .sidebar_style4 .myjob, .sidebar_style5 .myjob { top: 183px !important; } }

@media (min-width: 768px) { #footer-widget-area .profile-sns-menu, .sidebar_style2 .profile-sns-menu, .sidebar_style3 .profile-sns-menu, .sidebar_style4 .profile-sns-menu, .sidebar_style5 .profile-sns-menu { position: relative !important; border-radius: 2px; margin-top: 25px; } }

@media (min-width: 768px) { #footer-widget-area .profile-sns-menu ul li, .sidebar_style2 .profile-sns-menu ul li, .sidebar_style3 .profile-sns-menu ul li, .sidebar_style4 .profile-sns-menu ul li, .sidebar_style5 .profile-sns-menu ul li { margin-left: 0px !important; margin-right: 0px !important; } }

@media (min-width: 1024px) { #footer-widget-area .profile-sns-menu ul li, .sidebar_style2 .profile-sns-menu ul li, .sidebar_style3 .profile-sns-menu ul li, .sidebar_style4 .profile-sns-menu ul li, .sidebar_style5 .profile-sns-menu ul li { margin-left: 0px !important; margin-right: 0px !important; } }

@media (max-width: 767px) { .my-profile { position: relative; padding: 20px; padding-bottom: 20px; overflow: hidden; border-radius: 2px; } }

@media (min-width: 768px) { .my-profile { padding: 5px; padding-top: 0; padding-bottom: 0px; } }

.my-profile .myjob { position: absolute; left: 0px; font-size: 0.65rem; font-weight: 500; color: rgba(0, 0, 0, 0.35); width: 100%; text-align: center; font-weight: 300; }

@media (max-width: 767px) { .my-profile .myjob { top: 180px; font-size:12px!important; } }

@media (min-width: 768px) { .my-profile .myjob { top: 185px; font-size:12px!important; } }

.my-profile .myname { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; font-size: 1rem; width: 100%; text-align: center; }

@media (max-width: 767px) { .my-profile .myname { font-weight: 700; top: 153px; } }

@media (min-width: 768px) { .my-profile .myname { font-weight: 500; top: 158px; } }

.my-profile .my-profile-thumb { position: relative; z-index: 1; overflow: hidden; width: 110px; height: 110px; border-radius: 55px; margin-left: auto; margin-right: auto; margin-top: 10px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); background: #fff; }

.my-profile .my-profile-thumb img { display: block; width: 100%; height: auto; background: #fff; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

.my-profile .my-profile-thumb a:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.my-profile .profile-sns-menu { position: absolute; left: 0; bottom: 0px; display: block; width: 100%; background: #2b2b2b; padding: 15px 0; }

@media (max-width: 767px) { .my-profile .profile-sns-menu { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } }

.my-profile .profile-sns-menu .profile-sns-menu-title { text-align: center; width: 100%; font-size: 0.85rem; color: #fff; margin-bottom: 5px; }

.my-profile .profile-sns-menu ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent !important; }

.my-profile .profile-sns-menu ul li { margin-bottom: 0; background: transparent !important; margin-left: 0; margin-right: 0; }

.my-profile .profile-sns-menu ul li a { -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; display: block; width: 34px; height: 32px; color: #fff; margin: 0 4px; padding: 8px; overflow: hidden; text-decoration: none !important; border-radius: 2px; background: rgba(255, 255, 255, 0.18); }

.my-profile .profile-sns-menu ul li a svg { fill: #fff !important; }

.my-profile .profile-sns-menu ul li a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); }

.my-profile .myintro { font-size: 0.85rem; }

@media (max-width: 767px) { .my-profile .myintro { margin-top: 70px; font-weight: 500; } }

@media (min-width: 768px) { .my-profile .myintro { margin-top: 75px; font-weight: 300; } }

@media (max-width: 767px) { #widget-tracking { display: none; } }

/* フッター */
/* CSS Document */
footer { padding-top: 15px; }

@media (max-width: 767px) { footer { padding-top: 15px; } }

footer #footer-box::after { clear: both; content: ""; display: block; }

@media (max-width: 767px) { footer #footer-box { width: 100%; text-align: center; font-size: 0.65rem; font-weight: 400; margin-bottom: 90px;} }

@media (min-width: 768px) { footer #footer-box { width: 100%; margin: 0 auto; font-size: 0.7rem; } }

@media (min-width: 1200px) { footer #footer-box { width: 1200px; } }

@media (max-width: 767px) { footer .footer-inner { width: calc(100%); float: left; margin-left: 0px; } }

@media (min-width: 768px) { footer .footer-inner { width: calc(100% - 60px); float: left; margin-left: 30px; } }

footer .footer-inner #privacy a, footer .footer-inner #law a { padding: 0 15px; border-right: 1px solid #ddd; }

@media (max-width: 767px) { footer .footer-inner #privacy a, footer .footer-inner #law a { margin: 0 auto; } }

@media (min-width: 768px) { footer .footer-inner #privacy a, footer .footer-inner #law a { float: left; font-weight: 300; } }

footer .footer-inner #privacy a { border-left: 1px solid #ddd; }

@media (max-width: 767px) { footer .footer-inner #copyright { display: block; clear: both; margin-top: 10px; } }

@media (min-width: 768px) { footer .footer-inner #copyright { float: right; font-weight: 300; } }

@media (max-width: 767px) { footer .footer-inner #copyright-center { display: block; clear: both; } }

@media (min-width: 768px) { footer .footer-inner #copyright-center { display: block; margin: 0 auto; text-align: center; font-weight: 300; } }

footer .footer-inner #copyright-center .jin-ifont-copyright:before, footer .footer-inner #copyright .jin-ifont-copyright:before { vertical-align: bottom; font-size: 0.5rem; margin-right: 1px; }

@media (max-width: 767px) { footer .footer-inner #copyright-center .jin-ifont-copyright:before, footer .footer-inner #copyright .jin-ifont-copyright:before { line-height: 0.8rem; } }

@media (min-width: 768px) { footer .footer-inner #copyright-center .jin-ifont-copyright:before, footer .footer-inner #copyright .jin-ifont-copyright:before { line-height: 1rem; } }

/* フッターサイドメニュー */
@media (max-width: 767px) { .sp-sidemenu-wrapper { position: fixed; bottom: 60px; right: 13px; z-index: 2; }
  .sp-sidemenu-wrapper #sp-sidemenu-toggle { display: none; overflow: hidden; }
  .sp-sidemenu-wrapper .sp-sidemenu-btn { position: relative; z-index: 3; width: 58px; height: 58px; border-radius: 29px; background: #b2e086; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.16); -webkit-transition: ease-out 0.3s; transition: ease-out 0.3s; }
  .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; -webkit-transition: 0.3s; transition: 0.3s; }
  .sp-sidemenu-wrapper .sp-sidemenu-title { position: absolute; width: 58px; text-align: center; right: 0; bottom: 8px; font-size: 0.65rem; font-weight: bold; color: #fff; letter-spacing: 0px !important; }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-open .sp-sidemenu-btn { -webkit-animation-name: sp-sidemenu-btn-animate; animation-name: sp-sidemenu-btn-animate; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-open .sp-sidemenu-btn:after { -webkit-transform: rotate(-45deg) scale(1.1); transform: rotate(-45deg) scale(1.1); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box { -webkit-transform: translate3d(0%, 0%, 0); transform: translate3d(0%, 0%, 0); -webkit-filter: opacity(1); filter: opacity(1); pointer-events: auto; }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-bg { -webkit-transform: scale(250); transform: scale(250); border-radius: 500px; }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(1) { -webkit-animation-name: sp-sidemenu-animate; animation-name: sp-sidemenu-animate; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.75s; animation-delay: 0.75s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(2) { -webkit-animation-name: sp-sidemenu-animate; animation-name: sp-sidemenu-animate; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(3) { -webkit-animation-name: sp-sidemenu-animate; animation-name: sp-sidemenu-animate; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.45s; animation-delay: 0.45s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(4) { -webkit-animation-name: sp-sidemenu-animate; animation-name: sp-sidemenu-animate; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-menu .menu-box li:nth-child(5) { -webkit-animation-name: sp-sidemenu-animate; animation-name: sp-sidemenu-animate; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-delay: 0.15s; animation-delay: 0.15s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  #sp-sidemenu-toggle:checked ~ .sp-sidemenu-box .sp-sidemenu-search { -webkit-animation-name: sp-sidemenu-search-animate; animation-name: sp-sidemenu-search-animate; -webkit-animation-timing-function: cubic-bezier(0.61, 0.75, 0.58, 1.17); animation-timing-function: cubic-bezier(0.61, 0.75, 0.58, 1.17); -webkit-animation-duration: 0.82s; animation-duration: 0.82s; -webkit-animation-delay: 0.77s; animation-delay: 0.77s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-filter: opacity(0); filter: opacity(0); }
  .sp-sidemenu-box { position: relative; z-index: 3; pointer-events: none; bottom: 0; right: 0; max-width: 100%; height: 100%; -webkit-filter: opacity(0); filter: opacity(0); }
  .sp-sidemenu-bg { position: fixed; overflow: hidden; z-index: 2; bottom: 100px; right: 40px; width: 1.77%; height: 1%; border-radius: 500px; background: #fff; -webkit-transition: ease-out 0.3s; transition: ease-out 0.3s; -webkit-filter: opacity(0.95); filter: opacity(0.95); }
  .sp-sidemenu-search { position: absolute; width: 290px; bottom: 380px; right: -320px; -webkit-filter: opacity(0); filter: opacity(0); }
  .sp-sidemenu-search .search-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; text-align: center; border-radius: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; }
  .sp-sidemenu-search .search-box input { display: block; outline: 0; background: rgba(0, 0, 0, 0.05); width: 236px; height: 50px; border: 0; padding: 12px 0 12px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; border-radius: 40px 0 0 40px; }
  .sp-sidemenu-search .search-box input[type="submit"] { width: 50px; height: 50px; -webkit-box-sizing: border-box; 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; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }
  .sp-sidemenu-menu { position: absolute; overflow: hidden; width: 320px; bottom: 100px; right: 5px; }
  .sp-sidemenu-menu ul li a:before { display: none; }
  .sp-sidemenu-menu .menu-box { padding-top: 20px; padding-bottom: 20px; padding-right: 0; padding-left: 0; width: 100%; height: 100%; }
  .sp-sidemenu-menu .menu-box li:nth-child(5), .sp-sidemenu-menu .menu-box li:nth-child(6), .sp-sidemenu-menu .menu-box li:nth-child(7), .sp-sidemenu-menu .menu-box li:nth-child(8) { display: none; }
  .sp-sidemenu-menu a { text-align: right; padding-top: 18px !important; padding-bottom: 18px !important; padding-right: 66px !important; font-size: 1.05rem; line-height: 1.3rem; }
  .sp-sidemenu-menu a:hover { background: transparent !important; }
  .sp-sidemenu-menu a:hover span { -webkit-animation-name: sp-sidemenu-btn-animate; animation-name: sp-sidemenu-btn-animate; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; }
  .sp-sidemenu-menu a span { position: absolute; width: 46px; height: 46px; border-radius: 23px; padding-top: 13px; padding-left: 0px; background: #555; text-align: center; right: 0; top: 0; bottom: 0; margin: auto; font-size: 1.2rem; font-weight: bold; color: #fff; letter-spacing: 0px; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.16); }
  .sp-sidemenu-menu .jic:before { padding-right: 0 !important; } }

/* フッターメニュー */
#sp-footer-box { margin-top: 43px; }

.footer-menu-sp { display: none; }

@media (max-width: 767px) { .footer-menu-sp { display: block; position: fixed; width: 100%; bottom: 0px; z-index: 9999; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); }
  .footer-menu-sp::after { clear: both; content: ""; display: block; } }

.footer-menu-sp .menu-item { width: 25%; float: left; margin: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

.footer-menu-sp .menu-item a { display: block; font-size: 0.65em; font-weight: 400; padding: 8px 5px; padding-top: 6px; text-align: center; background: #fff; letter-spacing: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.footer-menu-sp .menu-item .jic:before { font-size: 1.1rem; line-height: 1.1rem; }

.footer-menu-sp .menu-item a:hover { background: #ddd; }

.footer-menu-sp .menu-item span { display: block; font-size: 1.4em; }

.footer-menu-sp .menu-item:nth-child(5n), .footer-menu-sp .menu-item:nth-child(6n), .footer-menu-sp .menu-item:nth-child(7n), .footer-menu-sp .menu-item:nth-child(8n), .footer-menu-sp .menu-item:nth-child(9n) { display: none; }

.footer-menu-sp .menu-item:first-child { border-left: none; }

.footer-menu-sp .current-menu-item a { position: relative; }

.footer-menu-sp .current-menu-item a:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.07; background: #fff; }

.footer-menu-sp-in { bottom: 0px; }

footer .widgettitle { border-bottom: 2px solid #2b2b2b; margin-bottom: 15px; padding-bottom: 13px; font-size: 1.1rem; font-weight: 500; }

/* グローバルメニュー */
/* CSS Document */
@media (max-width: 767px) { #drawernav2 { display: none; } }

@media (min-width: 768px) { #drawernav2 { width: 100%; margin: 0 auto; }
  #drawernav2::after { clear: both; content: ""; display: block; } }

@media (min-width: 1200px) { #drawernav2 { width: 1200px; } }

@media (min-width: 768px) { #drawernav2 nav.fixed-content { width: calc(100% - 40px); float: left; margin-left: 20px; } }

@media (min-width: 1200px) { #drawernav2 nav.fixed-content { width: calc(100% - 60px); float: left; margin-left: 30px; } }

#drawernav2 ul.menu-box { list-style-type: none; margin: 0 auto; display: table; }

#drawernav2 ul.menu-box li.menu-item { position: relative; line-height: 1.6rem; display: table-cell; text-align: center; background: none; width: 240px; border-left: 1px solid #efefef; border-top: 2px solid transparent; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

#drawernav2 ul.menu-box li.menu-item a { display: block; font-size: 0.9rem; font-weight: 400; height: 46px; position: relative; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (min-width: 768px) { #drawernav2 ul.menu-box li.menu-item a { padding: 12px 10px; } }

@media (min-width: 1024px) { #drawernav2 ul.menu-box li.menu-item a { padding: 12px 25px; } }

#drawernav2 ul.menu-box li.menu-item a span { display: inline-block; padding-right: 3px; }

#drawernav2 ul.menu-box li.menu-item a:hover { border-bottom: none !important; -webkit-transform: translateY(3px); transform: translateY(3px); }

#drawernav2 ul.menu-box li.menu-item ul.sub-menu { z-index: 5; position: absolute; padding: 0px; top: 70px; left: 0; display: block; visibility: hidden; opacity: 0; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item { position: relative; text-align: left; display: block; line-height: 1.2rem; width: 240px; border: none; }

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item a { padding: 10px 7px 10px 18px; display: block; background-color: #fff; font-size: 0.9rem; font-weight: normal; padding: 8px 24px 6px 18px; border-radius: 2px; height: auto; border-right: none; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover { background: #f6f6f6; -webkit-transform: translateY(0px); transform: translateY(0px); }

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { z-index: 6; position: absolute; padding: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (min-width: 768px) { #drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { background: #fff; visibility: hidden; opacity: 0; top: 14px; left: 100%; } }

@media (min-width: 1200px) { #drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { width: 240px; } }

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu, #drawernav2 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-14px); transform: translateY(-14px); }

#drawernav2 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a { padding-right: 24px; }

#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; }

#drawernav2 ul.menu-box li.menu-item:hover { border-top-color: #000; }

#drawernav2 ul.menu-box li.menu-item:last-of-type { border-right: 1px solid #efefef; }

#drawernav2 ul.menu-box li.menu-item:last-of-type > ul.sub-menu > li.menu-item > ul.sub-menu { left: -241px; }

#drawernav2 ul.menu-box li.menu-item:hover > ul.sub-menu, #drawernav2 ul.menu-box li.menu-item.hover > ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-24px); transform: translateY(-24px); }

#drawernav2 ul.menu-box li:last-child { border-right: none; }

@media (max-width: 767px) { #drawernav { display: none; } }

@media (min-width: 768px) { #drawernav { width: 100%; margin: 0 auto; }
  #drawernav::after { clear: both; content: ""; display: block; } }

@media (min-width: 1200px) { #drawernav { width: 1200px; } }

@media (min-width: 768px) { #drawernav nav.fixed-content { width: calc(100% - 40px); float: left; margin-left: 20px; } }

@media (min-width: 1200px) { #drawernav nav.fixed-content { width: calc(100% - 60px); float: left; margin-left: 30px; } }

#drawernav ul.menu-box { list-style-type: none; margin: 0 auto; display: table; }

#drawernav ul.menu-box li.menu-item { position: relative; line-height: 1.6rem; display: inline-block; text-align: center; background: none; }

#drawernav ul.menu-box li.menu-item a { border-bottom: 2px solid transparent; padding: 12px 25px; display: block; font-size: 0.9rem; font-weight: 400; height: 46px; position: relative; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

#drawernav ul.menu-box li.menu-item a span { display: inline-block; padding-right: 3px; }

#drawernav ul.menu-box li.menu-item a:after { content: ""; width: 80%; height: 2px; border-radius: 1px; background: #2b2b2b; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav ul.menu-box li.menu-item a:hover:after, #drawernav ul.menu-box li.menu-item a:focus:after { opacity: 1; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }

#drawernav ul.menu-box li.menu-item ul.sub-menu { z-index: 5; position: absolute; padding: 0px; top: 70px; left: 0; display: block; background: #fff; visibility: hidden; opacity: 0; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item { position: relative; text-align: left; display: block; line-height: 1.2rem; width: 240px; }

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item a { padding: 10px 7px 10px 18px; display: block; background-color: #fff; font-size: 0.9rem; font-weight: normal; padding: 8px 24px 6px 18px; border-radius: 2px; height: auto; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after { display: none; }

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover { background: #f6f6f6; }

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { z-index: 6; position: absolute; padding: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (min-width: 768px) { #drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { background: #fff; visibility: hidden; opacity: 0; top: 14px; left: 100%; } }

@media (min-width: 1200px) { #drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { width: 240px; } }

#drawernav ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu, #drawernav ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-14px); transform: translateY(-14px); }

#drawernav ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a { padding-right: 24px; }

#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; }

#drawernav ul.menu-box li.menu-item:hover > ul.sub-menu, #drawernav ul.menu-box li.menu-item.hover > ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-24px); transform: translateY(-24px); }

#drawernav ul.menu-box li:last-child { border-right: none; }

@media (max-width: 767px) { #drawernav3 { display: none; } }

@media (min-width: 768px) { #drawernav3 { width: auto; } }

#drawernav3 nav.fixed-content { width: 100%; }

#drawernav3 ul.menu-box { list-style-type: none; margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#drawernav3 ul.menu-box li.menu-item { position: relative; display: table; text-align: center; background: none; line-height: 1.6rem; vertical-align: middle; }

#drawernav3 ul.menu-box li.menu-item a { border-bottom: 2px solid transparent; display: block; height: 40px; font-size: 0.9rem; font-weight: 400; position: relative; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (min-width: 768px) { #drawernav3 ul.menu-box li.menu-item a { padding: 3px 15px; } }

@media (min-width: 1200px) { #drawernav3 ul.menu-box li.menu-item a { padding: 3px 25px; } }

#drawernav3 ul.menu-box li.menu-item a span { display: inline-block; padding-right: 3px; }

#drawernav3 ul.menu-box li.menu-item a:after { content: ""; width: 80%; height: 2px; border-radius: 1px; background: #2b2b2b; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav3 ul.menu-box li.menu-item a:hover:after, #drawernav3 ul.menu-box li.menu-item a:focus:after { opacity: 1; -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }

#drawernav3 ul.menu-box li.menu-item ul.sub-menu { z-index: 5; position: absolute; padding: 0px; top: 70px; display: block; background: #fff; visibility: hidden; opacity: 0; left: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); }

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item { position: relative; text-align: left; display: block; line-height: 1.2rem; width: 240px; }

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a { padding: 10px 7px 10px 18px; display: block; background-color: #fff; font-size: 0.9rem; font-weight: normal; padding: 10px 24px 6px 18px; border-radius: 2px; height: auto; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after { display: none; }

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover { background: #f6f6f6; }

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { z-index: 6; position: absolute; padding: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (min-width: 768px) { #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { background: #fff; visibility: hidden; opacity: 0; top: 14px; left: 100%; } }

@media (min-width: 1200px) { #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { width: 240px; } }

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu, #drawernav3 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-14px); transform: translateY(-14px); }

#drawernav3 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a { padding-right: 24px; }

#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; }

#drawernav3 ul.menu-box li.menu-item:last-of-type > ul.sub-menu > li.menu-item > ul.sub-menu { left: -240px; }

#drawernav3 ul.menu-box li.menu-item:hover > ul.sub-menu, #drawernav3 ul.menu-box li.menu-item.hover > ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-35px); transform: translateY(-35px); }

#drawernav3 ul.menu-box li:last-child { border-right: none; }

@media (min-width: 768px) { .header-style6-box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 0 20px; } }

@media (min-width: 1200px) { .header-style6-box { width: 1200px; padding: 0 30px; } }

@media (max-width: 767px) { #drawernav4 { display: none; } }

@media (min-width: 768px) { #drawernav4 { width: 100%; margin-right: auto; } }

@media (min-width: 1200px) { #drawernav4 { width: auto; } }

#drawernav4 nav.fixed-content { width: 100%; }

#drawernav4 ul.menu-box { list-style-type: none; margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#drawernav4 ul.menu-box li.menu-item { position: relative; display: table; text-align: center; background: none; line-height: 1.6rem; vertical-align: middle; }

#drawernav4 ul.menu-box li.menu-item a { border: none; padding: 3px 25px; display: block; height: 40px; font-size: 0.9rem; font-weight: 400; position: relative; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

#drawernav4 ul.menu-box li.menu-item a span { display: inline-block; padding-right: 3px; }

#drawernav4 ul.menu-box li.menu-item a:after { content: ""; width: 80%; height: 2px; border-radius: 1px; background: #2b2b2b; position: absolute; margin: auto; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav4 ul.menu-box li.menu-item a:hover:after, #drawernav4 ul.menu-box li.menu-item a:focus:after { opacity: 1; -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }

#drawernav4 ul.menu-box li.menu-item ul.sub-menu { z-index: 5; position: absolute; padding: 0px; top: 70px; display: block; background: #fff; visibility: hidden; opacity: 0; left: 0px; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); }

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item { position: relative; text-align: left; display: block; line-height: 1.2rem; width: 240px; }

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item a { padding: 10px 7px 10px 18px; display: block; background-color: #fff; font-size: 0.9rem; font-weight: normal; padding: 10px 24px 6px 18px; border-radius: 2px; height: auto; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:after { display: none; }

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover { background: #f6f6f6; }

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { z-index: 6; position: absolute; padding: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (min-width: 768px) { #drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { background: #fff; visibility: hidden; opacity: 0; top: 14px; left: 100%; } }

@media (min-width: 1200px) { #drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { width: 240px; } }

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu, #drawernav4 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-14px); transform: translateY(-14px); }

#drawernav4 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a { padding-right: 24px; }

#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; }

#drawernav4 ul.menu-box li.menu-item:last-of-type > ul.sub-menu > li.menu-item > ul.sub-menu { left: -240px; }

#drawernav4 ul.menu-box li.menu-item:hover > ul.sub-menu, #drawernav4 ul.menu-box li.menu-item.hover > ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-35px); transform: translateY(-35px); }

#drawernav4 ul.menu-box li:last-child { border-right: none; }

@media (max-width: 767px) { #drawernav5 { display: none; } }

@media (min-width: 768px) { #drawernav5 { width: 100%; margin-right: auto; } }

@media (min-width: 1200px) { #drawernav5 { width: auto; } }

@media (min-width: 768px) { #drawernav5 nav.fixed-content { width: calc(100%); float: left; margin-left: 0px; } }

#drawernav5 ul.menu-box { list-style-type: none; margin: 0 auto; display: table; }

#drawernav5 ul.menu-box li.menu-item { position: relative; line-height: 1.6rem; display: table-cell; text-align: center; background: none; width: 240px; border-left: 1px solid #efefef; border-top: 2px solid transparent; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

#drawernav5 ul.menu-box li.menu-item a { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; font-size: 0.9rem; font-weight: 400; height: 46px; position: relative; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (min-width: 768px) { #drawernav5 ul.menu-box li.menu-item a { width: 100%; margin-right: auto; padding: 14px 10px; padding-top: 10px; } }

@media (min-width: 1024px) { #drawernav5 ul.menu-box li.menu-item a { padding: 14px 25px; padding-top: 10px; } }

#drawernav5 ul.menu-box li.menu-item a span { display: inline-block; padding-right: 3px; }

#drawernav5 ul.menu-box li.menu-item a:hover { border-bottom: none !important; -webkit-transform: translateY(3px); transform: translateY(3px); }

#drawernav5 ul.menu-box li.menu-item ul.sub-menu { z-index: 5; position: absolute; padding: 0px; top: 70px; left: 0; display: block; background: #fff; visibility: hidden; opacity: 0; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1); -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item { position: relative; text-align: left; display: block; line-height: 1.2rem; width: 240px; border: none; }

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item a { padding: 10px 7px 10px 18px; display: block; background-color: #fff; font-size: 0.9rem; font-weight: normal; padding: 8px 24px 6px 18px; border-radius: 2px; height: auto; border-right: none; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item a:hover { background: #f6f6f6; -webkit-transform: translateY(0px); transform: translateY(0px); }

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { z-index: 6; position: absolute; padding: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (min-width: 768px) { #drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { background: #fff; visibility: hidden; opacity: 0; top: 14px; left: 100%; } }

@media (min-width: 1200px) { #drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item ul.sub-menu { width: 240px; } }

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li:hover ul.sub-menu, #drawernav5 ul.menu-box li.menu-item ul.sub-menu li.hover ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-14px); transform: translateY(-14px); }

#drawernav5 ul.menu-box li.menu-item ul.sub-menu li.menu-item-has-children a { padding-right: 24px; }

#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; }

#drawernav5 ul.menu-box li.menu-item:hover { border-top-color: red; }

#drawernav5 ul.menu-box li.menu-item:last-of-type { border-right: 1px solid #efefef; }

#drawernav5 ul.menu-box li.menu-item:last-of-type > ul.sub-menu > li.menu-item > ul.sub-menu { left: -241px; }

#drawernav5 ul.menu-box li.menu-item:hover > ul.sub-menu, #drawernav5 ul.menu-box li.menu-item.hover > ul.sub-menu { visibility: visible; opacity: 1; -webkit-transform: translateY(-24px); transform: translateY(-24px); }

#drawernav5 ul.menu-box li:last-child { border-right: none; }

@media (min-width: 768px) { .menu-box > .menu-item > a:hover { border-bottom: 2px solid #2b2b2b; } }

/* スマホハンバーガーメニュー */
/* CSS Document */
@media (max-width: 767px) { #navtoggle { display: none; overflow: hidden; }
  .sp-menu-open, .sp-menu-close { cursor: pointer; position: absolute; z-index: 4; top: 4px; right: 3px; }
  .sp-menu-close { pointer-events: none; width: 100%; height: 100%; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }
  #navtoggle:checked ~ .sp-menu-close { pointer-events: auto; }
  .sp-menu-open { width: 28px; padding: 8px; padding-top: 12px; padding-bottom: 8px; -webkit-transition: transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .cps-icon-bar { height: 2px; background: #fff; display: block; margin-bottom: 5px; border-radius: 1px; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }
  .sp-menu-box { z-index: 3; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.6); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }
  .sp-menu-box .sp-menu-title { margin-top: 50px; text-align: center; font-size: 1.6rem; }
  .fixed-content { width: 100%; height: 100%; margin-top: 30px; }
  #navtoggle:checked + .sp-menu-open { position: fixed; }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar { background: #fff; }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(1) { -webkit-transform: translate(0, 7px) rotate(45deg); transform: translate(0, 7px) rotate(45deg); }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(2) { -webkit-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; }
  #navtoggle:checked + .sp-menu-open .cps-icon-bar:nth-child(3) { -webkit-transform: translate(0, -7px) rotate(-45deg); transform: translate(0, -7px) rotate(-45deg); }
  #navtoggle:checked ~ .sp-menu-box { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  #scroll-content { -webkit-transition: 0.6s; transition: 0.6s; position: relative; z-index: 0; }
  #navtoggle:checked ~ .sp-menu-box ~ #scroll-content, #navtoggle:checked ~ .sp-menu-box ~ #header-box ~ #scroll-content { position: fixed; overflow: hidden; -webkit-transform: translateY(15px); transform: translateY(15px); width: 100%; height: 100%; -webkit-filter: blur(10px); filter: blur(10px); }
  #navtoggle:checked ~ .sp-menu-box ~ #scroll-content + .sp-sidemenu-wrapper .sp-sidemenu-btn, #navtoggle:checked ~ .sp-menu-box ~ #header-box ~ #scroll-content + .sp-sidemenu-wrapper .sp-sidemenu-btn, #navtoggle:checked ~ .sp-menu-box ~ #scroll-content + .sp-sidemenu-wrapper .sp-sidemenu-bg, #navtoggle:checked ~ .sp-menu-box ~ #header-box ~ #scroll-content + .sp-sidemenu-wrapper .sp-sidemenu-bg { -webkit-transform: translateX(100px); transform: translateX(100px); }
  #navtoggle:checked ~ .sp-menu-box ~ .headsearch ~ #header-box { position: fixed; overflow: hidden; }
  ul.menu-box { width: 86%; height: 60%; padding: 0 7%; overflow: hidden; overflow-y: scroll; overflow-wrap: break-word; -webkit-overflow-scrolling: touch; }
  ul.menu-box li a { display: block; padding: 8px; padding-left: 28px; position: relative; font-weight: 600; border-radius: 2px; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }
  ul.menu-box li a:active { background: rgba(50, 50, 50, 0.1); }
  ul.menu-box li a:before { content: "・"; position: absolute; line-height: 10%; top: 19px; left: 8px; font-size: 1.8rem; color: #2b2b2b; }
  ul.menu-box li ul.sub-menu { margin-top: 0px; margin-left: 20px; }
  ul.menu-box li ul.sub-menu li { margin-left: 22px; }
  ul.menu-box li ul.sub-menu li a { font-size: 0.9rem; line-height: 1.25rem; padding: 6px; padding-left: 16px; font-weight: 500; }
  ul.menu-box li ul.sub-menu li a:before { content: ""; width: 1px; height: 24px; background: #aaa; top: 4px; left: 6px; }
  ul.menu-box li ul.sub-menu li ul.sub-menu li a { padding: 7px; padding-left: 16px; font-size: 0.75rem; line-height: 1.15rem; font-weight: 300; }
  .sp-sns-menu { position: absolute; z-index: 0; bottom: 0px; display: block; text-align: center; padding: 30px; width: 100%; background: transparent !important; }
  .sp-sns-menu ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: transparent !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .sp-sns-menu ul li { margin-bottom: 0; background: transparent !important; }
  .sp-sns-menu ul li a { -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; display: block; color: #fff; margin: 0 5px; overflow: hidden; width: 40px; background: rgba(255, 255, 255, 0.18); height: 40px; border-radius: 2px; padding: 10px; font-size: 18px; -webkit-box-shadow: 0 1px 7px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 7px 3px rgba(0, 0, 0, 0.05); }
  .sp-sns-menu ul li a:hover { color: #f8b500 !important; -webkit-transform: scale(1.1); transform: scale(1.1); } }

svg { fill: #2b2b2b; will-change: transform; }

/* 記事一覧 */
/* CSS Document */
.toppost-list-box { overflow: hidden; text-align: center; }

@media (max-width: 767px) { .toppost-list-box { margin-top: 10px; } }

.toppost-list-box .toppost-list-box-inner { width: 400%; /*-webkit-transition: 0.6s; transition: 0.6s; */ text-align: left; overflow: hidden; }

input[name="switch"] { display: none; }

.tabBtn-mag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; padding: 0; list-style-type: none; }

@media (max-width: 767px) { .tabBtn-mag { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } }

@media (min-width: 768px) { .tabBtn-mag { margin-bottom: 30px; } }

@media (min-width: 768px) { .tabBtn-mag li:not(:first-child) { margin-left: 4px; } }

@media (max-width: 767px) { .tabBtn-mag li:nth-child(2n-1) { margin-right: 4px; } }

.tabBtn-mag li { position: relative; will-change: transform; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (max-width: 767px) { .tabBtn-mag li { width: calc(50% - 2px); margin-bottom: 4px; } }

@media (min-width: 768px) { .tabBtn-mag li { width: 25%; } }

.tabBtn-mag li:hover { -webkit-transform: scale(0.95); transform: scale(0.95); }

.tabBtn-mag label { display: block; padding: 10px 10px; text-align: center; background-color: rgba(189, 189, 189, 0.17); -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .tabBtn-mag label { font-size: 0.75rem; font-weight: 700; border-radius: 2px; min-height: 18px; } }

@media (min-width: 768px) { .tabBtn-mag label { font-size: 0.75rem; font-weight: 500; cursor: pointer; min-height: 18px; } }

@media (min-width: 1200px) { .tabBtn-mag label { font-size: 0.85rem; } }

@media (min-width: 768px) { .tabBtn-mag label:after { position: absolute; content: ""; bottom: 5px; margin-left: -8px; width: 0; height: 0; opacity: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; } }

#tab-1:checked ~ .tabBtn-mag li [for="tab-1"], #tab-2:checked ~ .tabBtn-mag li [for="tab-2"], #tab-3:checked ~ .tabBtn-mag li [for="tab-3"], #tab-4:checked ~ .tabBtn-mag li [for="tab-4"] { position: relative; background-color: #2b2b2b; color: #fff; }

.tabBtn-mag li:nth-child(5), .tabBtn-mag li:nth-child(6), .tabBtn-mag li:nth-child(7), .tabBtn-mag li:nth-child(8) { display: none; }

@media (min-width: 768px) { #tab-1:checked ~ .tabBtn-mag li [for="tab-1"]:after, #tab-2:checked ~ .tabBtn-mag li [for="tab-2"]:after, #tab-3:checked ~ .tabBtn-mag li [for="tab-3"]:after, #tab-4:checked ~ .tabBtn-mag li [for="tab-4"]:after { position: absolute; content: ""; bottom: -8px; left: 50%; margin-left: -8px; opacity: 1; width: 0; height: 0; border-top: 8px solid #2b2b2b; border-left: 8px solid transparent; border-right: 8px solid transparent; } }

#tab-1:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(1), #tab-2:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(2), #tab-3:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(3), #tab-4:checked ~ .toppost-list-box-inner .post-list-mag:nth-child(4), #tab-1:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(1), #tab-2:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(2), #tab-3:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(3), #tab-4:checked ~ .toppost-list-box-inner .post-list-mag-sp1col:nth-child(4), #tab-1:checked ~ .toppost-list-box-inner .post-list:nth-child(1), #tab-2:checked ~ .toppost-list-box-inner .post-list:nth-child(2), #tab-3:checked ~ .toppost-list-box-inner .post-list:nth-child(3), #tab-4:checked ~ .toppost-list-box-inner .post-list:nth-child(4) { opacity: 1; }

#tab-1:checked ~ .toppost-list-box-inner { -webkit-transform: translateX(0); transform: translateX(0); }

#tab-2:checked ~ .toppost-list-box-inner { -webkit-transform: translateX(-25%); transform: translateX(-25%); }

#tab-3:checked ~ .toppost-list-box-inner { -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#tab-4:checked ~ .toppost-list-box-inner { -webkit-transform: translateX(-75%); transform: translateX(-75%); }

.more-cat { margin-left: auto !important; margin-right: auto !important; width: 100%; text-align: center; }

@media (max-width: 767px) { .more-cat { margin-top: 20px; padding-bottom: 20px; } }

@media (min-width: 768px) { .more-cat { margin-top: 30px; margin-bottom: 30px; } }

.more-cat .more-cat-button { font-size: 1.1rem; }

.more-cat .more-cat-button a { position: relative; }

@media (max-width: 767px) { .more-cat .more-cat-button a { color: #888 !important; } }

@media (min-width: 768px) { .more-cat .more-cat-button a { color: #aaa !important; } }

.more-cat .more-cat-button a:hover span:after { color: #fff; -webkit-transform: translateX(3px); transform: translateX(3px); }

.more-cat .more-cat-button a:hover span:before { -webkit-transform: translateX(3px); transform: translateX(3px); }

.more-cat .more-cat-button span:before { content: ""; position: absolute; border-radius: 20px; background: #fff; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (max-width: 767px) { .more-cat .more-cat-button span:before { left: 48px; top: -5px; width: 34px; height: 34px; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); } }

@media (min-width: 768px) { .more-cat .more-cat-button span:before { left: 50px; top: -7px; width: 38px; height: 38px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } }

.more-cat .more-cat-button span:after { content: "\e904"; position: absolute; text-align: center; line-height: 0; font-family: "jin-icons"; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (max-width: 767px) { .more-cat .more-cat-button span:after { left: 58px; top: 12px; font-size: 0.85rem; } }

@media (min-width: 768px) { .more-cat .more-cat-button span:after { left: 61px; top: 12px; font-size: 1.1rem; } }

a.post-list-link { -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; background-color: #fff; display: block; position: relative; overflow: hidden; }

@media (max-width: 767px) { a.post-list-link { padding: 15px 10px; margin-bottom: 10px; margin-top: 0px; } }

@media (max-width: 767px) and (max-width: 767px) { a.post-list-link { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) { a.post-list-link { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); padding: 20px; margin-bottom: 20px; } }

@media (min-width: 768px) and (max-width: 767px) { a.post-list-link { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

.post-list-publisher, .writer { display: none; }

.sp-post-list-meta { text-align: right; }

.toppost-list-box-simple .post-list-mag, .toppost-list-box-simple .post-list-mag-sp1col, .toppost-list-box-simple .post-list { width: 100% !important; float: none !important; opacity: 1 !important; padding: 0 !important; }

.toppost-list-box-simple .post-list-mag, .toppost-list-box-simple .post-list-mag-sp1col { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.post-list, .post-list-mag, .post-list-mag-sp1col { opacity: 0.2; -webkit-transition: opacity 1.2s; transition: opacity 1.2s; width: 25%; float: left; }

@media (max-width: 767px) { .post-list, .post-list-mag, .post-list-mag-sp1col { padding: 2px 1px; } }

@media (min-width: 768px) { .post-list, .post-list-mag, .post-list-mag-sp1col { padding: 2px 24px; } }

@media (min-width: 768px) { .post-list, .post-list-mag, .post-list-mag3col, .post-list-mag-sp1col { padding-top: 12px; } }

/* マガジン記事一覧 */
/* CSS Document */
.post-list-mag .post-list-inner-infeed, .post-list-mag-sp1col .post-list-inner-infeed { overflow: hidden; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .post-list-mag .post-list-inner-infeed, .post-list-mag-sp1col .post-list-inner-infeed { padding: 0px; margin-bottom: 0px; } }

@media (max-width: 767px) and (max-width: 767px) { .post-list-mag .post-list-inner-infeed, .post-list-mag-sp1col .post-list-inner-infeed { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) { .post-list-mag .post-list-inner-infeed, .post-list-mag-sp1col .post-list-inner-infeed { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); padding: 0px; margin-bottom: 0px; } }

@media (min-width: 768px) and (max-width: 767px) { .post-list-mag .post-list-inner-infeed, .post-list-mag-sp1col .post-list-inner-infeed { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

.post-list-mag .post-list-inner-infeed:hover, .post-list-mag-sp1col .post-list-inner-infeed:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); }

.post-list-mag a.post-list-link, .post-list-mag-sp1col a.post-list-link, .post-list-mag3col a.post-list-link, .post-list-mag3col-slide a.post-list-link { position: relative; padding: 0; height: 100%; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.post-list-mag .post-list-link:hover, .post-list-mag-sp1col .post-list-link:hover, .post-list-mag3col .post-list-link:hover, .post-list-mag3col-slide .post-list-link:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); }

.post-list-mag, .post-list-mag3col, .post-list-mag-sp1col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767px) { .post-list-mag .post-list-item:nth-child(2n-1), .post-list-mag3col .post-list-item:nth-child(2n-1), .post-list-mag-sp1col .post-list-item:nth-child(2n-1) { margin-right: 3%; } }

@media (max-width: 767px) { .post-list-mag .post-list-item, .post-list-mag3col .post-list-item, .post-list-mag-sp1col .post-list-item { width: 48.4%; margin-bottom: 15px; } }

@media (min-width: 768px) { .post-list-mag .post-list-item, .post-list-mag3col .post-list-item, .post-list-mag-sp1col .post-list-item { width: 48.5%; margin-bottom: 20px; } }

.post-list-mag .post-list-item .post-list-inner, .post-list-mag3col .post-list-item .post-list-inner, .post-list-mag-sp1col .post-list-item .post-list-inner { display: block; }

.post-list-mag .post-list-item .post-list-inner .post-list-thumb, .post-list-mag3col .post-list-item .post-list-inner .post-list-thumb, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-thumb { height: auto; width: 100%; }

.post-list-mag .post-list-item .post-list-inner .post-list-thumb img, .post-list-mag3col .post-list-item .post-list-inner .post-list-thumb img, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-thumb img { display: block; width: 100%; height: auto; border-top-left-radius: 2px; border-top-right-radius: 2px; }

.post-list-mag .post-list-item .post-list-inner .post-list-meta, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta { width: 100%; }

@media (max-width: 767px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta { padding: 8px 11px; padding-bottom: 20px; } }

@media (min-width: 768px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta { padding: 10px 17px; padding-bottom: 25px; } }

@media (min-width: 1024px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta { padding: 15px 17px; padding-bottom: 25px; } }

@media (max-width: 767px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-title, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-title, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 12px; line-height: 1.1rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px; } }

@media (min-width: 768px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-title, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-title, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 14px; line-height: 1.3rem; font-weight: 500; margin-bottom: 5px; } }

@media (min-width: 1024px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-title, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-title, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 18px; line-height: 1.6rem; } }

.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-publisher, .post-list-mag .post-list-item .post-list-inner .post-list-meta .writer, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-publisher, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .writer, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-publisher, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .writer { display: none; }

.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat { position: absolute; color: #fff !important; background-color: #2b2b2b; letter-spacing: 0; border-radius: 20px; }

@media (max-width: 767px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat { top: 7px; left: 7px; padding: 2px 8px; padding-bottom: 3px; font-weight: 500; text-align: left; font-size: 0.5rem; } }

@media (min-width: 768px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat { top: 11px; left: 11px; font-size: 0.55rem; padding: 3px 10px; margin-left: -1px; font-weight: 400; letter-spacing: 0; } }

@media (min-width: 1024px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-cat, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat { font-size: 0.65rem; padding: 5px 12px; } }

.post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-date, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date { position: absolute; bottom: 0px; left: 5%; color: #888 !important; width: 90%; text-align: right; }

@media (max-width: 767px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-date, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date { font-size: 0.75rem; padding: 7px 0px; letter-spacing: 1px !important; } }

@media (min-width: 768px) { .post-list-mag .post-list-item .post-list-inner .post-list-meta .post-list-date, .post-list-mag3col .post-list-item .post-list-inner .post-list-meta .post-list-date, .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date { font-size: 0.75rem; font-weight: 400; padding: 10px 0px; letter-spacing: 1px; } }

@media (max-width: 767px) { .post-list-mag-sp1col .post-list-item:nth-child(2n-1) { margin-right: 0%; } }

@media (max-width: 767px) { .post-list-mag-sp1col .post-list-item { width: 100%; } }

@media (max-width: 767px) { .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta { padding: 15px 15px; padding-bottom: 20px; } }

@media (max-width: 767px) { .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 17px; line-height: 1.5rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 10px; } }

@media (max-width: 767px) { .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-cat { top: 9px; left: 9px; padding: 2px 8px; padding-bottom: 3px; font-weight: 400; text-align: left; font-size: 0.75rem; } }

@media (max-width: 767px) { .post-list-mag-sp1col .post-list-item .post-list-inner .post-list-meta .post-list-date { font-size: 0.75rem; padding: 7px 0px; letter-spacing: 1px !important; } }

/* ベーシック記事一覧 */
/* CSS Document */
.post-list .post-list-inner-infeed { overflow: hidden; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .post-list .post-list-inner-infeed { padding: 0px; margin-bottom: 10px; height: auto; } }

@media (max-width: 767px) and (max-width: 767px) { .post-list .post-list-inner-infeed { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) { .post-list .post-list-inner-infeed { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); padding: 0px; margin-bottom: 20px; } }

@media (min-width: 768px) and (max-width: 767px) { .post-list .post-list-inner-infeed { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

.post-list .post-list-inner-infeed:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); }

.post-list.basicstyle a.post-list-link { padding: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.post-list.basicstyle a.post-list-link:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); }

.post-list.basicstyle .post-list-item { padding: 0; background: transparent; border-radius: 4px; }

.post-list.basicstyle .post-list-item .post-list-inner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb { height: auto; position: relative; }

@media (max-width: 767px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb { width: 150px; } }

@media (min-width: 768px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb { width: 170px; } }

@media (min-width: 1024px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb { width: 314px; } }

.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb img { display: block; width: 100%; height: auto; }

@media (max-width: 767px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta { width: calc(100% - 150px); padding: 8px 10px; } }

@media (min-width: 768px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta { width: calc(100% - 170px); padding: 15px 18px; padding-bottom: 20px; } }

@media (min-width: 1024px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta { width: calc(100% - 314px); padding: 15px 18px; padding-bottom: 20px; } }

@media (max-width: 767px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 11px; line-height: 1rem; letter-spacing: 0px; font-weight: 700; } }

@media (min-width: 768px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 15px; margin-bottom: 11px; line-height: 1.4rem; font-weight: 500; } }

@media (min-width: 1024px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 18px; margin-bottom: 11px; line-height: 1.6rem; font-weight: 500; } }

.post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-date { position: absolute; bottom: 3px; right: 12px; color: #aaa; letter-spacing: 1px; font-weight: 500; }

@media (max-width: 767px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-date { bottom: 3px; right: 12px; font-size: 0.55rem; font-weight: 700; letter-spacing: 1px !important; } }

@media (min-width: 768px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-meta .post-list-date { bottom: 8px; right: 18px; font-size: 0.8rem; } }

.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat { display: inline; font-size: 0.8rem; margin-right: 10px; color: #f8b500; font-weight: 400; letter-spacing: 0; position: absolute; color: #fff !important; background: #f8b500; border-radius: 15px; }

@media (max-width: 767px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat { top: 4px; left: 4px; font-size: 0.5rem; font-weight: 700; padding: 1px 7px; padding-top: 0; } }

@media (min-width: 768px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat { top: 8px; left: 8px; font-size: 0.55rem; font-weight: 400; padding: 2px 8px; } }

@media (min-width: 1024px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-cat { font-size: 0.65rem; } }

.post-list.basicstyle .post-list-item .post-list-inner .post-list-desc { font-size: 0.7rem; margin-top: 5px; color: #888 !important; }

@media (max-width: 767px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc { display: none; } }

@media (min-width: 768px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc { display: none; } }

@media (min-width: 1024px) { .post-list.basicstyle .post-list-item .post-list-inner .post-list-desc { display: block; } }

/* パンくずリスト */
/* CSS Document */
#breadcrumb { width: 100%; position: relative;background: #ebf1f2!important; }
#breadcrumb:after, #page-top a{background: #ebf1f2!important;}
@media (min-width: 768px) { #breadcrumb.footer_type2 { margin: 0 20px; width: calc(100% - 40px); padding-left: 5px; padding-right: 10px; } }

@media (min-width: 1200px) { #breadcrumb.footer_type2 { width: 1140px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } }

@media (min-width: 768px) { #breadcrumb.footer_type2 .page-top-footer { right: 0px !important; } }

@media (min-width: 1200px) { #breadcrumb.footer_type2 .page-top-footer { right: 10px !important; } }

@media (min-width: 768px) { #breadcrumb.footer_type2:after { border-radius: 2px; } }

#breadcrumb:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media (max-width: 767px) { #breadcrumb:after { background-color: rgba(0, 0, 0, 0.04) !important; } }

@media (min-width: 768px) { #breadcrumb:after { opacity: 0.2; } }

#breadcrumb ul { position: relative; z-index: 1; letter-spacing: 0; margin: 0 auto; display: block;background: #ebf1f2; }

@media (max-width: 767px) { #breadcrumb ul { padding: 15px; margin-top: 0px; font-size: 0.65rem; white-space: nowrap; overflow-x: auto; } }

@media (min-width: 768px) { #breadcrumb ul { width: 100%; padding: 20px 15px; margin-top: 15px; font-size: 0.75rem; font-weight: 300; } }

@media (min-width: 1200px) { #breadcrumb ul { width: 1136px; padding: 20px 0px; } }

#breadcrumb ul li { display: inline-block; font-size:12px; }

#breadcrumb ul li a, #breadcrumb ul li { -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { #breadcrumb ul li a, #breadcrumb ul li { font-weight: 400; color: rgba(0, 0, 0, 0.5) !important; } }

@media (min-width: 768px) { #breadcrumb ul li a, #breadcrumb ul li { font-weight: 300; color: rgba(0, 0, 0, 0.5) !important; } }

#breadcrumb ul li a:hover, #breadcrumb ul li a.hover { text-decoration: none; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { #breadcrumb .space { margin-left: 7px; margin-right: 7px; } }

@media (min-width: 768px) { #breadcrumb .space { margin-left: 9px; margin-right: 11px; } }

#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; } }

#breadcrumb .space-i { margin-right: 3px; }

@media (min-width: 768px) { #breadcrumb .jin-ifont-home:before { font-size: 0.75rem; margin-right: 1px; }
  #breadcrumb .fa-home.space-i { margin-left: 5px; margin-right: 15px; font-size: 0.95rem; line-height: 0; display: inline-block; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }
  #breadcrumb .bcHome a:hover .fa-home { color: #fff !important; } }

/* アーカイブ一覧 */
/* CSS Document */
.archive-box { margin-top: 20px; }

.archive-post-header { position: relative; text-align: center; }

.archive-post-header #breadcrumb { text-align: left; margin-top: -10px; }

.archive-title-sub { color: #ccc; font-weight: 700; letter-spacing: 5px; font-size: 0.85rem; }

.archive-title { display: block; font-size: 1.25rem; font-weight: 400; margin-top: 5px; }

/* 固定ページ */
/* CSS Document */
.page .cps-post-title, .error404 .cps-post-title { margin-bottom: 30px; }

/* １カラムレイアウト */
/* CSS Document */
@media (max-width: 767px) { #onecolumn { width: calc(100% - 30px); float: left; margin-left: 15px; margin-bottom: 15px; } }

@media (min-width: 768px) { #onecolumn .entry-title { text-align: center; font-size: 2.2rem !important; line-height: 2.7rem; padding-bottom: 13px; } }

#onecolumn .cps-post-box { -webkit-box-shadow: none; box-shadow: none; }

@media (max-width: 767px) { #onecolumn960 { width: calc(100% - 30px); float: left; margin-left: 15px; margin-bottom: 15px; } }

@media (min-width: 768px) { #onecolumn960 { -webkit-box-shadow: none; box-shadow: none; width: 100%; margin: 0 auto; margin-bottom: 30px; } }

@media (min-width: 1200px) { #onecolumn960 { width: 960px; } }

@media (max-width: 767px) { #onecolumn760 { width: calc(100% - 30px); float: left; margin-left: 15px; margin-bottom: 15px; } }

@media (min-width: 768px) { #onecolumn760 { -webkit-box-shadow: none; box-shadow: none; width: 100%; margin: 0 auto; margin-bottom: 30px; } }

@media (min-width: 1200px) { #onecolumn760 { width: 760px; } }

@media (max-width: 767px) { #onecolumn960lp { width: calc(100% - 30px); float: left; margin-left: 15px; margin-bottom: 15px; } }

@media (min-width: 768px) { #onecolumn960lp { -webkit-box-shadow: none; box-shadow: none; width: 100%; margin: 0 auto; margin-bottom: 30px; } }

@media (min-width: 1200px) { #onecolumn960lp { width: 960px; } }

@media (max-width: 767px) { #onecolumn960lp .entry-title { text-align: center; font-size: 1.8rem !important; line-height: 2.2rem; padding-bottom: 0px; padding-top: 40px; } }

@media (min-width: 768px) { #onecolumn960lp .entry-title { text-align: center; font-size: 2.4rem !important; line-height: 2.75rem; padding-bottom: 10px; } }

#onecolumn960lp .cps-post-box { -webkit-box-shadow: none; box-shadow: none; }

@media (min-width: 768px) { #onecolumn960lp .cps-post-box { background-color: transparent !important; } }

/* フロントページ（TOPを固定ページ化） */
/* CSS Document */
.home.page-template #contents { margin-top: 15px; }

/* 404ページ */
/* CSS Document */
.error404 .cps-post .search-box { position: relative; height: 70px; margin-right: 50%; }

.error404 .cps-post .search-box input[type="search"] { background-color: #fff; border: 1px solid #ddd; height: 34px; width: 100%; margin: 0; padding: 0 10px; padding-right: 40px; border-radius: 17px; position: absolute; top: 0; right: 0; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .error404 .cps-post .search-box input[type="search"] { font-size: 16px; } }

.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; }

@media (max-width: 767px) { .error404 .cps-post .search-box input[type="submit"] { font-size: 16px; right: 10px; } }

.error404 .cps-post .search-box input[type="search"]:focus { outline: none; border: 1px solid #0094c8; }

.error404 .cps-post .search-box input[type="submit"]:hover { cursor: pointer; }

.cat404 { list-style-type: disc; padding-left: 25px; margin-top: 10px; }

.cat404 li a { color: #0094c8; }

.cat404 li a:hover { text-decoration: underline; }

/* ピックアップコンテンツ */
/* CSS Document */
.pickup-contents-box { width: 100%; }

@media (max-width: 767px) { .pickup-contents-box { margin-top: 0px; margin-bottom: 10px; padding: 0; } }

@media (min-width: 768px) { .pickup-contents-box { padding: 20px 20px; margin-bottom: -10px; } }

@media (min-width: 1200px) { .pickup-contents-box { padding: 30px 0; } }

@media (max-width: 767px) { .pickup-contents-box .pickup-contents:before { position: absolute; content: ""; width: calc(100% + 15px); height: 100%; background: #ccc; top: 0px; left: -15px; opacity: 0.12; } }

.pickup-contents-box .pickup-contents { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767px) { .pickup-contents-box .pickup-contents { width: calc(100% - 30px); padding: 15px 15px; position: relative; } }

@media (min-width: 768px) { .pickup-contents-box .pickup-contents { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media (min-width: 1200px) { .pickup-contents-box .pickup-contents { width: 1140px; margin: 0 auto; padding: 0 0px; } }

.pickup-contents-box .pickup-contents li { height: auto; }

@media (max-width: 767px) { .pickup-contents-box .pickup-contents li { width: 48.5%; margin-right: 3%; margin-top: 10px; } }

@media (min-width: 768px) { .pickup-contents-box .pickup-contents li { width: 23.575%; margin-right: 1.9%; margin-top: 20px; } }

.pickup-contents-box .pickup-contents li a { -webkit-transition: all 0s; transition: all 0s; }

.pickup-contents-box .pickup-contents li a .pickup-image { position: relative; }

@media (max-width: 767px) { .pickup-contents-box .pickup-contents li a .pickup-image { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) { .pickup-contents-box .pickup-contents li a .pickup-image { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) and (max-width: 767px) { .pickup-contents-box .pickup-contents li a .pickup-image { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

.pickup-contents-box .pickup-contents li a .pickup-image img { width: 100%; height: auto; vertical-align: bottom; opacity: 0.9; background: #fff; -webkit-transition: all .4s; transition: all .4s; border-radius: 2px; }

.pickup-contents-box .pickup-contents li a .pickup-image .pickup-title { position: absolute; top: 50%; left: 50%; letter-spacing: 1px; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); text-align: center; background-color: rgba(255, 255, 255, 0.9); border-radius: 30px; z-index: 2; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (max-width: 767px) { .pickup-contents-box .pickup-contents li a .pickup-image .pickup-title { font-size: 11px; font-weight: 700; letter-spacing: 0; width: 70%; padding: 5px 10px; border: 2px solid #ddd; } }

@media (min-width: 768px) { .pickup-contents-box .pickup-contents li a .pickup-image .pickup-title { font-size: 11px; font-weight: 500; width: 65%; padding: 5px 10px; border: 3px solid #ddd; } }

@media (min-width: 1024px) { .pickup-contents-box .pickup-contents li a .pickup-image .pickup-title { font-size: 14px; padding: 7px 15px; } }

.pickup-contents-box .pickup-contents li a .pickup-image:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 88%; height: 80%; -webkit-transition: all .4s; transition: all .4s; }

@media (max-width: 767px) { .pickup-contents-box .pickup-contents li a .pickup-image:after { border: 1px solid rgba(255, 255, 255, 0.65); } }

@media (min-width: 768px) { .pickup-contents-box .pickup-contents li a .pickup-image:after { border: 2px solid rgba(255, 255, 255, 0.65); } }

.pickup-contents-box .pickup-contents li a:hover .pickup-image img { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 0.7; }

.pickup-contents-box .pickup-contents li a:hover .pickup-image:after { width: 100%; height: 100%; opacity: 0; }

@media (max-width: 767px) { .pickup-contents-box .pickup-contents li:first-child, .pickup-contents-box .pickup-contents li:nth-child(2) { margin-top: 0px; } }

@media (max-width: 767px) { .pickup-contents-box .pickup-contents li:nth-child(2n) { margin-right: 0px; } }

.pickup-contents-box .pickup-contents li:nth-child(4n) { margin-right: 0; }

@media (max-width: 767px) { .swiper-container { width: 92%; padding: 0 4%; min-height: 175px; margin: 0 auto; } }

@media (min-width: 768px) { .swiper-container { width: 100%; height: 200px; } }

@media (min-width: 1024px) { .swiper-container { height: 210px; } }

@media (min-width: 1200px) { .swiper-container { width: 1140px; margin: 0 auto; } }

.pickup-contents-box-post-type { width: 100%; }

@media (max-width: 767px) { .pickup-contents-box-post-type { margin-top: 15px; margin-bottom: 10px; padding: 0; } }

@media (min-width: 768px) { .pickup-contents-box-post-type { padding: 30px 30px; padding-bottom: 0; } }

@media (min-width: 1200px) { .pickup-contents-box-post-type { padding: 30px 0px; padding-bottom: 0px; } }

.pickup-contents-box-post-type .pickup-contents { padding: 0; }

.pickup-contents-box-post-type .pickup-contents li { height: auto; }

@media (max-width: 767px) { .pickup-contents-box-post-type .pickup-contents li { width: 48%; margin-right: 4%; } }

@media (min-width: 768px) { .pickup-contents-box-post-type .pickup-contents li { width: 18.48%; } }

.pickup-contents-box-post-type .pickup-contents li a .pickup-image { overflow: hidden; position: relative; }

@media (max-width: 767px) { .pickup-contents-box-post-type .pickup-contents li a .pickup-image { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) { .pickup-contents-box-post-type .pickup-contents li a .pickup-image { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) and (max-width: 767px) { .pickup-contents-box-post-type .pickup-contents li a .pickup-image { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

.pickup-contents-box-post-type .pickup-contents li a .pickup-image img { width: 100%; height: auto; display: block; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

.pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat { position: absolute; top: 7px; left: 7px; color: #fff; background: #2b2b2b; border-radius: 15px; letter-spacing: 0; }

@media (max-width: 767px) { .pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat { font-size: 0.5rem; padding: 1px 8px; padding-bottom: 2px; } }

@media (min-width: 768px) { .pickup-contents-box-post-type .pickup-contents li a .pickup-image .pickup-cat { font-size: 0.5rem; padding: 2px 10px; } }

.pickup-contents-box-post-type .pickup-contents li a .pickup-title { margin-top: 7px; }

@media (max-width: 767px) { .pickup-contents-box-post-type .pickup-contents li a .pickup-title { font-size: 0.75rem; font-weight: 500; padding: 0 5px; line-height: 1rem; } }

@media (min-width: 768px) { .pickup-contents-box-post-type .pickup-contents li a .pickup-title { font-size: 0.75rem; font-weight: 500; padding: 0 3px; line-height: 1.15rem; } }

.pickup-contents-box-post-type .pickup-contents li a:hover .pickup-image img { -webkit-transform: scale(1.02); transform: scale(1.02); opacity: 0.8; }

/* SNSボタン */
/* CSS Document */
.share { width: 100%; margin-top: 50px; }

.share-title { text-align: center; margin-bottom: 10px; color: #888; }

@media (max-width: 767px) { .share-title { font-size: 1.4rem; } }

@media (min-width: 768px) { .share-title { font-size: 1.6rem; } }

.share-top { width: 100%; display: block; margin-bottom: 0; margin-top: 0px; padding: 0; }

@media (max-width: 767px) { .share-top { width: 100%; } }

.font-hatena:before { content: "B!"; font-family: Verdana; font-weight: bold; }

.sns-design-type01 .sns, .sns-design-type02 .sns { margin: 0; }

.sns-design-type01 .sns-top, .sns-design-type02 .sns-top { margin: 0; margin-top: 15px; padding-bottom: 15px; }

.sns-design-type01 .sns ol, .sns-design-type01 .sns-top ol, .sns-design-type02 .sns ol, .sns-design-type02 .sns-top ol { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding: 0 !important; }

.sns-design-type01 .sns ol li:after, .sns-design-type01 .sns ol li:before, .sns-design-type01 .sns-top ol li:after, .sns-design-type01 .sns-top ol li:before, .sns-design-type02 .sns ol li:after, .sns-design-type02 .sns ol li:before, .sns-design-type02 .sns-top ol li:after, .sns-design-type02 .sns-top ol li:before { display: none; }

@media (max-width: 767px) { .sns-design-type01 .sns li, .sns-design-type02 .sns li { margin-bottom: 0px !important; } }

.sns-design-type01 .sns-top li a span, .sns-design-type02 .sns-top li a span { font-size: 0.65rem; }

.sns-design-type01 .sns-top li, .sns-design-type01 .sns li, .sns-design-type02 .sns-top li, .sns-design-type02 .sns li { padding: 0 !important; width: 19.44%; margin-right: 3.0%; }

@media (max-width: 767px) { .sns-design-type01 .sns-top li, .sns-design-type01 .sns li, .sns-design-type02 .sns-top li, .sns-design-type02 .sns li { margin-right: 3.0%; } }

.sns-design-type01 .sns-top li:last-of-type, .sns-design-type01 .sns li:last-of-type, .sns-design-type02 .sns-top li:last-of-type, .sns-design-type02 .sns li:last-of-type { margin-right: 0; }

/* SNSボタンスタイル１ */
/* CSS Document */
.sns-design-type01 { /* hatebu */ /* pocket */ /* twitter */ /* Facebook */ /* hatebu */ /* Pocket */ /* line */ }

.sns-design-type01 .sns li a:hover, .sns-design-type01 .sns-top li a:hover { opacity: 1 !important; -webkit-transform: translateY(3px); transform: translateY(3px); -webkit-filter: brightness(95%); filter: brightness(95%); }

.sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a { border-radius: 2px; background: rgba(255, 255, 255, 0.5); position: relative; display: block; color: #fff; text-align: center; text-decoration: none; letter-spacing: 0; padding: 2px 6px; height: 25px; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (min-width: 768px) { .sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a { font-size: 0.8rem; border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } }

@media (min-width: 768px) and (max-width: 767px) { .sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (max-width: 767px) { .sns-design-type01 .sns-top li a, .sns-design-type01 .sns li a { font-size: 0.75rem; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); } }

.sns-design-type01 .sns-top .hatebu a, .sns-design-type01 .sns .hatebu a { line-height: 1; padding-top: 4px; }

@media (min-width: 768px) { .sns-design-type01 .sns-top .pocket a, .sns-design-type01 .sns .pocket a { font-size: 0.75rem; padding-top: 3px; } }

@media (max-width: 767px) { .sns-design-type01 .sns-top .pocket a, .sns-design-type01 .sns .pocket a { font-size: 0.7rem; padding-top: 3px; } }

.sns-design-type01 .sns-top .twitter a, .sns-design-type01 .sns-top .facebook a, .sns-design-type01 .sns-top .hatebu a, .sns-design-type01 .sns-top .pocket a, .sns-design-type01 .sns-top .line a, .sns-design-type01 .sns .twitter a, .sns-design-type01 .sns .facebook a, .sns-design-type01 .sns .hatebu a, .sns-design-type01 .sns .pocket a, .sns-design-type01 .sns .line a { border: 2px solid; }

.sns-design-type01 .sns .twitter a, .sns-design-type01 .sns-top .twitter a { border-color: #00acee; background: #00acee; }

.sns-design-type01 .sns .facebook a, .sns-design-type01 .sns-top .facebook a { border-color: #3b5998; background: #3b5998; }

.sns-design-type01 .sns .hatebu a, .sns-design-type01 .sns-top .hatebu a { border-color: #5d8ac1; background: #5d8ac1; }

.sns-design-type01 .sns .pocket a, .sns-design-type01 .sns-top .pocket a { border-color: #f03e51; background: #f03e51; }

.sns-design-type01 .sns .line a, .sns-design-type01 .sns-top .line a { display: block; border-color: #6cc655; text-align: center; background: #6cc655; }

.sns-design-type01 .sns .line a svg, .sns-design-type01 .sns-top .line a svg { width: 24px !important; fill: #fff !important; }

/* SNSボタンスタイル２ */
/* CSS Document */
.sns-design-type02 { /* hatebu */ /* pocket */ /* twitter */ /* Facebook */ /* hatebu */ /* Pocket */ /* line */ }

.sns-design-type02 .sns li a:hover, .sns-design-type02 .sns-top li a:hover { opacity: 1 !important; -webkit-transform: translateY(3px); transform: translateY(3px); }

.sns-design-type02 .sns-top li a, .sns-design-type02 .sns li a { border-radius: 2px; background: rgba(255, 255, 255, 0); font-size: 0.7rem; position: relative; display: block; text-align: center; text-decoration: none; letter-spacing: 0; padding: 3px 6px; height: 25px; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (min-width: 768px) { .sns-design-type02 .sns-top li a, .sns-design-type02 .sns li a { padding: 3px 6px; font-size: 0.8rem; } }

@media (max-width: 767px) { .sns-design-type02 .sns-top li a, .sns-design-type02 .sns li a { padding: 2px 6px; font-size: 0.75rem; } }

.sns-design-type02 .sns-top .hatebu a, .sns-design-type02 .sns .hatebu a { line-height: 1; padding-top: 4px; }

@media (min-width: 768px) { .sns-design-type02 .sns-top .pocket a, .sns-design-type02 .sns .pocket a { font-size: 0.75rem; padding-top: 3px; } }

@media (max-width: 767px) { .sns-design-type02 .sns-top .pocket a, .sns-design-type02 .sns .pocket a { font-size: 0.7rem; padding-top: 3px; } }

.sns-design-type02 .sns-top .twitter a, .sns-design-type02 .sns-top .facebook a, .sns-design-type02 .sns-top .hatebu a, .sns-design-type02 .sns-top .pocket a, .sns-design-type02 .sns-top .line a, .sns-design-type02 .sns .twitter a, .sns-design-type02 .sns .facebook a, .sns-design-type02 .sns .hatebu a, .sns-design-type02 .sns .pocket a, .sns-design-type02 .sns .line a { border: 1px solid; }

.sns-design-type02 .sns .twitter a, .sns-design-type02 .sns-top .twitter a { border-color: #00acee; color: #00acee; }

.sns-design-type02 .sns .facebook a, .sns-design-type02 .sns-top .facebook a { border-color: #3b5998; color: #3b5998; }

.sns-design-type02 .sns .hatebu a, .sns-design-type02 .sns-top .hatebu a { border-color: #5d8ac1; color: #5d8ac1; }

.sns-design-type02 .sns .pocket a, .sns-design-type02 .sns-top .pocket a { border-color: #f03e51; color: #f03e51; }

.sns-design-type02 .sns .line a, .sns-design-type02 .sns-top .line a { display: block; border-color: #6cc655; color: #6cc655; text-align: center; }

.sns-design-type02 .sns .line a svg, .sns-design-type02 .sns-top .line a svg { width: 24px !important; fill: #6cc655 !important; }

/* ページネーションとnextボタン */
/* CSS Document */
.pager-top { display: block; width: 100%; }

.pagination { padding-left: 0; }

@media (max-width: 767px) { .pagination { margin: 20px; } }

@media (min-width: 768px) { .pagination { margin: 30px 0; } }

.pagination, .pagination li a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pagination li { position: relative; margin: 0 4px; }

.pagination a { text-decoration: none; background: #fff; font-weight: 400; font-size: 0.85rem; padding: 5px 3px; padding-bottom: 4px; padding-left: 5px; border-radius: 20px; line-height: 0; }

@media (max-width: 767px) { .pagination a { min-width: 34px; min-height: 34px; color: #888 !important; padding-top: 4px; -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); } }

@media (min-width: 768px) { .pagination a { min-width: 38px; min-height: 37px; color: #aaa !important; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } }

.pagination li.spancount span { display: block; padding-bottom: 10px; color: #aaa; }

.pagination li:not([class*="current"]) a:hover { color: #fff !important; -webkit-transform: translateY(-3px); transform: translateY(-3px); }

.pager-top .pagination li.current a { background-color: #003891!important; border: 1px solid #003891!important; cursor: default; color: #fff !important; pointer-events: none; }

/* nextpage */
.nextpage { padding-left: 0; margin: 30px 0; margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.nextpage span { position: relative; display: block; font-weight: 400; font-size: 0.85rem; line-height: 24px; text-align: center; padding: 6px 6px; border-radius: 1px; margin: 0 3px; min-width: 37px; min-height: 36px; background-color: #cdcdcd !important; border: 1px solid #cdcdcd; cursor: default; color: #fff !important; pointer-events: none; }

.nextpage a { display: block; text-decoration: none !important; opacity: 1 !important; }

.nextpage a span { background: #fff !important; border: 1px solid #aaa; color: #aaa !important; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .nextpage a { min-width: 43px; min-height: 42px; padding: 5px 4px; } }

/* 広告関連 */
/* CSS Document */
.related-ad-unit-area { width: 100%; }

/* adsense広告 */
.sponsor, .sponsor-h2, .sponsor-h2-center, .sponsor-center, .sponsor-top { color: #888; font-size: 0.75em; margin-top: 30px; margin-bottom: 8px; letter-spacing: 0; }

@media (max-width: 767px) { .sponsor, .sponsor-h2, .sponsor-h2-center, .sponsor-center, .sponsor-top { margin-top: 20px; text-align: center; } }

.sponsor-center, .sponsor-h2-center, .sponsor-top { text-align: center; }

.sponsor-h2-center { margin-top: 10px; }

.sponsor-top { margin-top: 0; }

.ad-top-sp { margin-bottom: 30px; }

.ad-top { margin-bottom: 30px; }

.related-ad-area { background-color: #f7f7f7; border-radius: 2px; }

@media (max-width: 767px) { .related-ad-area { margin-top: 20px; padding-bottom: 20px; padding-top: 1px; } }

@media (min-width: 768px) { .related-ad-area { margin-top: 30px; padding: 5px 30px; padding-bottom: 25px; } }

@media (min-width: 1024px) { .related-ad-area { padding: 0 30px; padding-bottom: 25px; } }

.adarea-box { margin-bottom: 30px; }

@media (max-width: 767px) { .ad-single { text-align: center; } }

@media (min-width: 768px) { .ad-single { display: block; }
  .ad-single .center-rectangle, .ad-single .left-rectangle, .ad-single .right-rectangle { text-align: center; } }

@media (min-width: 1200px) { .ad-single .center-rectangle { text-align: center; }
  .ad-single .left-rectangle { width: 336px; float: left; margin-right: 20px; }
  .ad-single .right-rectangle { width: 336px; float: right; } }

.ad-single-h2 { text-align: center; margin-bottom: 40px; }

/* CTA */
/* CSS Document */
.cta-content { position: relative; border-radius: 2px; overflow: hidden; color: #fff; }

@media (max-width: 767px) { .cta-content { padding: 20px; margin-top: 10px; } }

@media (min-width: 768px) { .cta-content { padding: 30px; margin-top: 0px; } }

.cta-content .info-title { position: relative; z-index: 1; display: block; text-align: center; }

@media (max-width: 767px) { .cta-content .info-title { font-size: 1.4rem; font-weight: 700; margin-bottom: 10px; } }

@media (min-width: 768px) { .cta-content .info-title { font-size: 1.6rem; font-weight: 500; margin-bottom: 20px; } }

.cta-content .cta-text { position: relative; z-index: 1; }

.cta-content .cta-text img { max-width: 100%; height: auto; margin-bottom: 20px; }

.cta-content .cta-text p:last-of-type { padding-bottom: 0 !important; }

.cta-content:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #6FBFCA; z-index: 0; border-radius: 2px; }

.cta-content .sponsor-h2-center, .cta-content .ad-single-h2 { display: none; }

/* 投稿・固定ページなどのベースCSS */
/* CSS Document */
@media (max-width: 767px) { .article_style1 .cps-post-box { padding: 15px 0; } }

@media (min-width: 768px) { .article_style1 .cps-post-box { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.18); padding: 20px; } }

@media (min-width: 768px) and (max-width: 767px) { .article_style1 .cps-post-box { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1024px) { .article_style1 .cps-post-box { padding: 30px; } }

.article_style2 .cps-post-box { padding: 20px; padding-left: 0; padding-right: 10px; }

@media (max-width: 767px) { .article_style2 .cps-post-box { padding: 15px 0; } }

.cps-post .cps-post-thumb { margin-bottom: 5px; }

.cps-post .cps-post-thumb img { display: block; margin: 0 auto; }

.cps-post .cps-post-thumb:not(.jin-thumb-original) img { width: 100%; height: auto; }

.cps-post .cps-post-header { margin-bottom: 0px; }

.cps-post .cps-post-header .cps-post-cat { display: inline; font-size: 0.8rem; margin-right: 10px; color: #f8b500; font-weight: 400; letter-spacing: 0; margin-right: 5px; margin-bottom: 15px; display: block; }

.cps-post .cps-post-header .cps-post-cat a { color: #fff !important; border-radius: 15px; line-height: 0; }

@media (max-width: 767px) { .cps-post .cps-post-header .cps-post-cat a { padding: 3px 10px; font-size: 0.65rem; font-weight: 400; } }

@media (min-width: 768px) { .cps-post .cps-post-header .cps-post-cat a { padding: 5px 10px; font-size: 0.7rem; font-weight: 300; } }

.cps-post .cps-post-header .cps-post-title { font-weight: 300; }

@media (max-width: 767px) { .cps-post .cps-post-header .cps-post-title { font-size: 1.25rem; line-height: 1.9rem; } }

@media (min-width: 768px) { .cps-post .cps-post-header .cps-post-title { font-size: 1.5rem; line-height: 2rem; } }

@media (min-width: 1024px) { .cps-post .cps-post-header .cps-post-title { font-size: 1.8rem; line-height: 2.3rem; } }

.cps-post .cps-post-header .cps-post-meta { display: block; margin-top: 15px; }

@media (max-width: 767px) { .cps-post .cps-post-header .cps-post-meta { margin-top: 5px; } }

.cps-post .cps-post-header .cps-post-meta .cps-post-date-box { display: block; text-align: right; }

@media (max-width: 767px) { .cps-post .cps-post-header .cps-post-meta .cps-post-date-box { margin-bottom: 10px; } }

@media (min-width: 768px) { .cps-post .cps-post-header .cps-post-meta .cps-post-date-box { margin-bottom: 10px; } }

.cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date { font-size: 0.8rem; color: #bbb; font-weight: 300; letter-spacing: 1px; }

@media (max-width: 767px) { .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date { font-weight: 400; } }

.cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date .jin-ifont-watch:before, .cps-post .cps-post-header .cps-post-meta .cps-post-date-box .cps-post-date .jin-ifont-reload:before { font-size: 0.8rem; padding-bottom: 4px; margin-right: -4px; vertical-align: bottom; }

.cps-post-meta .writer { display: none; }

.timeslash { color: #bbb; font-size: 0.8rem; }

.cps-post img { max-width: 100%; height: auto; }

.cps-post-main { position: relative; z-index: 0; padding-top: 20px; /*動画の大きさを調整*/ /*Instagramの大きさを調整*/ /*動画を囲んでいるdiv目一杯に広げる*/ }

.cps-post-main a { text-decoration: underline; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.cps-post-main .wp-block-social-link a { color: currentColor; }

.cps-post-main a:hover { opacity: 0.6; }

.cps-post-main img { max-width: 100%; height: auto; margin-bottom: 20px; }

.cps-post-main iframe { max-width: 100%; }

.cps-post-main table { margin-bottom: 20px; width: 100%; border: 1px solid #ccc; border-collapse: collapse; max-width: 100% !important; word-break: break-all; }

.cps-post-main table tr td, .cps-post-main table tr th { padding: 8px; border: 1px solid #ccc; vertical-align: middle; }

.cps-post-main table tr th { font-size: 0.9rem; font-weight: bold; }

.cps-post-main table img.star { display: block; width: 130px; height: auto; margin: 0 auto; }

.cps-post-main footer { background-color: transparent; padding: 0; }

.cps-post-main .video { max-width: 100%; text-align: center; overflow: hidden; }

.cps-post-main .instagram { position: relative; padding-bottom: 120%; padding-top: 30px; height: 0; overflow: hidden; }

@media (max-width: 767px) { .cps-post-main .video iframe, .cps-post-main .instagram iframe { width: 100%; max-height: 200px; } }

.cps-post-main p { padding-bottom: 2rem; padding-top: 0; margin-top: 0; margin-bottom: 0; letter-spacing: 0.05em; line-height: 1.8em; font-size: 1em; }

@media (max-width: 767px) { .cps-post-main p { font-size: 1em; font-weight: 400; } }

.cps-post-main h2, .cps-post-main h3, .cps-post-main h4, .cps-post-main h5 { font-weight: 400; letter-spacing: 0; }

@media (max-width: 767px) { .cps-post-main h2, .cps-post-main h3, .cps-post-main h4, .cps-post-main h5 { font-weight: 500; } }

@media (max-width: 767px) { .cps-post-main h5 { font-size: 1rem; line-height: 1.5rem; padding: 4px 0px; margin-top: 0rem; margin-bottom: 0.8rem; font-weight: 700; } }

@media (min-width: 768px) { .cps-post-main h5 { font-size: 1.1rem; line-height: 1.6rem; padding: 4px 0px; margin-top: 0rem; margin-bottom: 0.8rem; font-weight: 700; } }

.cps-post-main blockquote { position: relative; margin: 0; margin-bottom: 1.4em; margin-top: 0em; padding: 2.4em 2.6em 0em 3em; font-size: .9em; background: #efefef; border-radius: 4px; }

.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; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); -ms-filter: fliph(); -webkit-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; }

.cps-post-main ul:not([class]), .cps-post-main ul.wp-block-latest-posts__list, .cps-post-main ul.jinlist { padding-left: 20px; padding-top: 0; margin-top: 0em; margin-bottom: 1.5em; }

.cps-post-main ul:not([class]) ul, .cps-post-main ul.wp-block-latest-posts__list ul, .cps-post-main ul.jinlist ul { margin-top: .5em; margin-left: 0; margin-bottom: 1.5em !important; padding-left: 4px; }

.cps-post-main ul:not([class]) ol, .cps-post-main ul.wp-block-latest-posts__list ol, .cps-post-main ul.jinlist ol { margin-left: 0; margin-top: .75em; margin-bottom: 1.5em !important; padding-left: .65em; }

.cps-post-main ul:not([class]) ol li::before, .cps-post-main ul.wp-block-latest-posts__list ol li::before, .cps-post-main ul.jinlist ol li::before { position: absolute; content: ""; top: 2px; left: 0px; height: 20px; width: 20px; border-radius: 10px; background-color: #000; }

.cps-post-main ul li { position: relative; display: block; margin-bottom: 0.35em; padding: 0em 0px 0em 25px; }

.cps-post-main ul:not([class]) li:before, .cps-post-main ul.jinlist li:before, .cps-post-main ul.wp-block-latest-posts__list li:before, .cps-post-main table ul li:before { display: block; content: ''; position: absolute; top: 0.6em; left: 10px; width: 6px; height: 6px; background-color: #2b2b2b; border-radius: 100%; }

.cps-post-main ul.blocks-gallery-grid { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 1.5em; }

.cps-post-main ul.blocks-gallery-grid li { padding: 0; }

.cps-post-main ul.wp-block-social-links li { padding: 0; }

.cps-post-main ol { counter-reset: li; padding-left: 20px; margin-top: 0em; margin-bottom: 1.5em; }

.cps-post-main ol ol { counter-reset: li2; margin-left: 0; margin-top: .75em; margin-bottom: 1.5em !important; padding-left: .65em; }

.cps-post-main ol ol li::before { position: absolute; content: ""; top: 2px; left: 0px; height: 20px; width: 20px; border-radius: 10px; background-color: #000; }

.cps-post-main ol ul { margin-top: .5em; margin-left: 0; padding-left: 4px; }

.cps-post-main ol > li, .cps-post-main table ol li { position: relative; display: block; padding: 0em 0px 0em 25px; margin-bottom: 0.5em; }

.cps-post-main ol > li:after, .cps-post-main table ol li:after { counter-increment: li; content: counter(li); position: absolute; width: 20px; height: 20px; left: 0px; padding: 0; line-height: 0; color: #fff; text-align: center; font-size: 0.65em; letter-spacing: 0; }

@media (min-width: 768px) { .cps-post-main ol > li:after, .cps-post-main table ol li:after { top: 12px; } }

@media (max-width: 767px) { .cps-post-main ol > li:after, .cps-post-main table ol li:after { font-weight: 400; top: 13px; } }

.cps-post-main ol > li > ol > li:after { counter-increment: li2; content: counter(li2); }

.cps-post-main ol > li:before, .cps-post-main table ol li:before { position: absolute; content: ""; left: 0px; height: 20px; width: 20px; border-radius: 10px; background: #000; }

@media (min-width: 768px) { .cps-post-main ol > li:before, .cps-post-main table ol li:before { top: 2px; } }

@media (max-width: 767px) { .cps-post-main ol > li:before, .cps-post-main table ol li:before { top: 3px; } }

.cps-post-main div ul:not([class]), .cps-post-main div ol { margin-bottom: 0; }

.cps-post-main div.balloon-box ul:not([class]), .cps-post-main div.balloon-box ol { margin-top: 0.5em; margin-bottom: 0; }

.cps-post-main div ol li:last-of-type, .cps-post-main div ul li:last-of-type { margin-bottom: 0; }

.cps-post-main .wp-caption { max-width: 100%; }

@media (max-width: 767px) { .cps-post-main .wp-caption { margin-bottom: 30px; } }

@media (min-width: 768px) { .cps-post-main .wp-caption { margin-bottom: 35px; } }

.cps-post-main .wp-caption-text { display: block; font-size: 0.75rem; color: #888; margin-top: -18px; line-height: 1.2rem; text-align: center; padding-bottom: 0 !important; }

.cps-post-main .wp-caption-text a { color: #888 !important; text-decoration: none !important; }

.cps-post-main table.cps-table03 { width: 100%; margin-bottom: 30px; }

.cps-post-main table.cps-table03 th, .cps-post-main table.cps-table03 td { vertical-align: middle; font-size: 0.9rem; letter-spacing: 0; line-height: 1.2rem; }

.cps-post-main table.cps-table03 th { background: #FFFAF0; }

@media (max-width: 767px) { .cps-post-main table.cps-table03 th { font-weight: 700; } }

@media (min-width: 768px) { .cps-post-main table.cps-table03 th { font-weight: 500; } }

.cps-post-main table.cps-table03 th.ranking-title { padding: 12px; font-size: 1.1em; text-align: left; }

@media (max-width: 767px) { .cps-post-main table.cps-table03 td { padding: 10px 7px; } }

@media (min-width: 768px) { .cps-post-main table.cps-table03 td { padding: 14px; } }

.cps-post-main table.cps-table03 td.rankinginfo { vertical-align: top; text-align: left; }

.cps-post-main table.cps-table03 td img { display: block; margin: 0 auto; margin-top: 0px; margin-bottom: 0 !important; padding-top: 0; padding-bottom: 0; }

.cps-post-main table.cps-table03 img.star { display: block; width: 130px; height: auto; }

.cps-post-main table.cps-table03 td.rankinginfo { width: 70% !important; }

.cps-post-main .ranking01, .cps-post-main .ranking02, .cps-post-main .ranking03 { margin-top: 40px; display: block; }

.cps-post-main .ranking01 .ranking-title01, .cps-post-main .ranking01 .ranking-title02, .cps-post-main .ranking01 .ranking-title03, .cps-post-main .ranking01 .ranking-title04, .cps-post-main .ranking02 .ranking-title01, .cps-post-main .ranking02 .ranking-title02, .cps-post-main .ranking02 .ranking-title03, .cps-post-main .ranking02 .ranking-title04, .cps-post-main .ranking03 .ranking-title01, .cps-post-main .ranking03 .ranking-title02, .cps-post-main .ranking03 .ranking-title03, .cps-post-main .ranking03 .ranking-title04 { border-bottom: 1px solid; letter-spacing: 0; position: relative; margin-bottom: 20px; }

@media (max-width: 767px) { .cps-post-main .ranking01 .ranking-title01, .cps-post-main .ranking01 .ranking-title02, .cps-post-main .ranking01 .ranking-title03, .cps-post-main .ranking01 .ranking-title04, .cps-post-main .ranking02 .ranking-title01, .cps-post-main .ranking02 .ranking-title02, .cps-post-main .ranking02 .ranking-title03, .cps-post-main .ranking02 .ranking-title04, .cps-post-main .ranking03 .ranking-title01, .cps-post-main .ranking03 .ranking-title02, .cps-post-main .ranking03 .ranking-title03, .cps-post-main .ranking03 .ranking-title04 { font-size: 21px; font-weight: 700; padding-left: 60px; } }

@media (min-width: 768px) { .cps-post-main .ranking01 .ranking-title01, .cps-post-main .ranking01 .ranking-title02, .cps-post-main .ranking01 .ranking-title03, .cps-post-main .ranking01 .ranking-title04, .cps-post-main .ranking02 .ranking-title01, .cps-post-main .ranking02 .ranking-title02, .cps-post-main .ranking02 .ranking-title03, .cps-post-main .ranking02 .ranking-title04, .cps-post-main .ranking03 .ranking-title01, .cps-post-main .ranking03 .ranking-title02, .cps-post-main .ranking03 .ranking-title03, .cps-post-main .ranking03 .ranking-title04 { font-size: 26px; font-weight: 400; padding-left: 75px; } }

.cps-post-main .ranking01 .ranking-title01 img, .cps-post-main .ranking01 .ranking-title02 img, .cps-post-main .ranking01 .ranking-title03 img, .cps-post-main .ranking01 .ranking-title04 img, .cps-post-main .ranking02 .ranking-title01 img, .cps-post-main .ranking02 .ranking-title02 img, .cps-post-main .ranking02 .ranking-title03 img, .cps-post-main .ranking02 .ranking-title04 img, .cps-post-main .ranking03 .ranking-title01 img, .cps-post-main .ranking03 .ranking-title02 img, .cps-post-main .ranking03 .ranking-title03 img, .cps-post-main .ranking03 .ranking-title04 img { position: absolute; height: auto; }

@media (max-width: 767px) { .cps-post-main .ranking01 .ranking-title01 img.ranking-number, .cps-post-main .ranking01 .ranking-title02 img.ranking-number, .cps-post-main .ranking01 .ranking-title03 img.ranking-number, .cps-post-main .ranking01 .ranking-title04 img.ranking-number, .cps-post-main .ranking02 .ranking-title01 img.ranking-number, .cps-post-main .ranking02 .ranking-title02 img.ranking-number, .cps-post-main .ranking02 .ranking-title03 img.ranking-number, .cps-post-main .ranking02 .ranking-title04 img.ranking-number, .cps-post-main .ranking03 .ranking-title01 img.ranking-number, .cps-post-main .ranking03 .ranking-title02 img.ranking-number, .cps-post-main .ranking03 .ranking-title03 img.ranking-number, .cps-post-main .ranking03 .ranking-title04 img.ranking-number { width: 55px; bottom: -18px; left: 2px; } }

@media (min-width: 768px) { .cps-post-main .ranking01 .ranking-title01 img.ranking-number, .cps-post-main .ranking01 .ranking-title02 img.ranking-number, .cps-post-main .ranking01 .ranking-title03 img.ranking-number, .cps-post-main .ranking01 .ranking-title04 img.ranking-number, .cps-post-main .ranking02 .ranking-title01 img.ranking-number, .cps-post-main .ranking02 .ranking-title02 img.ranking-number, .cps-post-main .ranking02 .ranking-title03 img.ranking-number, .cps-post-main .ranking02 .ranking-title04 img.ranking-number, .cps-post-main .ranking03 .ranking-title01 img.ranking-number, .cps-post-main .ranking03 .ranking-title02 img.ranking-number, .cps-post-main .ranking03 .ranking-title03 img.ranking-number, .cps-post-main .ranking03 .ranking-title04 img.ranking-number { width: 65px; bottom: -15px; left: 5px; } }

@media (max-width: 767px) { .cps-post-main .ranking01 .ranking-title01 img.ranking-number-girly, .cps-post-main .ranking01 .ranking-title02 img.ranking-number-girly, .cps-post-main .ranking01 .ranking-title03 img.ranking-number-girly, .cps-post-main .ranking01 .ranking-title04 img.ranking-number-girly, .cps-post-main .ranking02 .ranking-title01 img.ranking-number-girly, .cps-post-main .ranking02 .ranking-title02 img.ranking-number-girly, .cps-post-main .ranking02 .ranking-title03 img.ranking-number-girly, .cps-post-main .ranking02 .ranking-title04 img.ranking-number-girly, .cps-post-main .ranking03 .ranking-title01 img.ranking-number-girly, .cps-post-main .ranking03 .ranking-title02 img.ranking-number-girly, .cps-post-main .ranking03 .ranking-title03 img.ranking-number-girly, .cps-post-main .ranking03 .ranking-title04 img.ranking-number-girly { width: 55px; bottom: -18px; left: 2px; } }

@media (min-width: 768px) { .cps-post-main .ranking01 .ranking-title01 img.ranking-number-girly, .cps-post-main .ranking01 .ranking-title02 img.ranking-number-girly, .cps-post-main .ranking01 .ranking-title03 img.ranking-number-girly, .cps-post-main .ranking01 .ranking-title04 img.ranking-number-girly, .cps-post-main .ranking02 .ranking-title01 img.ranking-number-girly, .cps-post-main .ranking02 .ranking-title02 img.ranking-number-girly, .cps-post-main .ranking02 .ranking-title03 img.ranking-number-girly, .cps-post-main .ranking02 .ranking-title04 img.ranking-number-girly, .cps-post-main .ranking03 .ranking-title01 img.ranking-number-girly, .cps-post-main .ranking03 .ranking-title02 img.ranking-number-girly, .cps-post-main .ranking03 .ranking-title03 img.ranking-number-girly, .cps-post-main .ranking03 .ranking-title04 img.ranking-number-girly { width: 65px; bottom: -17px; left: 5px; } }

@media (max-width: 767px) { .cps-post-main .ranking01 .ranking-title01 img.ranking-number-rich, .cps-post-main .ranking01 .ranking-title02 img.ranking-number-rich, .cps-post-main .ranking01 .ranking-title03 img.ranking-number-rich, .cps-post-main .ranking01 .ranking-title04 img.ranking-number-rich, .cps-post-main .ranking02 .ranking-title01 img.ranking-number-rich, .cps-post-main .ranking02 .ranking-title02 img.ranking-number-rich, .cps-post-main .ranking02 .ranking-title03 img.ranking-number-rich, .cps-post-main .ranking02 .ranking-title04 img.ranking-number-rich, .cps-post-main .ranking03 .ranking-title01 img.ranking-number-rich, .cps-post-main .ranking03 .ranking-title02 img.ranking-number-rich, .cps-post-main .ranking03 .ranking-title03 img.ranking-number-rich, .cps-post-main .ranking03 .ranking-title04 img.ranking-number-rich { width: 44px; bottom: -36px; left: 8px; } }

@media (min-width: 768px) { .cps-post-main .ranking01 .ranking-title01 img.ranking-number-rich, .cps-post-main .ranking01 .ranking-title02 img.ranking-number-rich, .cps-post-main .ranking01 .ranking-title03 img.ranking-number-rich, .cps-post-main .ranking01 .ranking-title04 img.ranking-number-rich, .cps-post-main .ranking02 .ranking-title01 img.ranking-number-rich, .cps-post-main .ranking02 .ranking-title02 img.ranking-number-rich, .cps-post-main .ranking02 .ranking-title03 img.ranking-number-rich, .cps-post-main .ranking02 .ranking-title04 img.ranking-number-rich, .cps-post-main .ranking03 .ranking-title01 img.ranking-number-rich, .cps-post-main .ranking03 .ranking-title02 img.ranking-number-rich, .cps-post-main .ranking03 .ranking-title03 img.ranking-number-rich, .cps-post-main .ranking03 .ranking-title04 img.ranking-number-rich { width: 50px; bottom: -38px; left: 10px; } }

.cps-post-main .ranking01 .ranking-title01, .cps-post-main .ranking02 .ranking-title01, .cps-post-main .ranking03 .ranking-title01 { border-color: #FFCF24; }

.cps-post-main .ranking01 .ranking-title02, .cps-post-main .ranking02 .ranking-title02, .cps-post-main .ranking03 .ranking-title02 { border-color: #A0A9B1; }

.cps-post-main .ranking01 .ranking-title03, .cps-post-main .ranking02 .ranking-title03, .cps-post-main .ranking03 .ranking-title03 { border-color: #B26A2B; }

.cps-post-main .ranking01 .ranking-title04, .cps-post-main .ranking02 .ranking-title04, .cps-post-main .ranking03 .ranking-title04 { border-color: #acd7ea; }

.cps-post-main .ranking01 .ranking-img01, .cps-post-main .ranking01 .ranking-img02, .cps-post-main .ranking01 .ranking-img03, .cps-post-main .ranking01 .ranking-img04, .cps-post-main .ranking02 .ranking-img01, .cps-post-main .ranking02 .ranking-img02, .cps-post-main .ranking02 .ranking-img03, .cps-post-main .ranking02 .ranking-img04, .cps-post-main .ranking03 .ranking-img01, .cps-post-main .ranking03 .ranking-img02, .cps-post-main .ranking03 .ranking-img03, .cps-post-main .ranking03 .ranking-img04 { width: 300px; height: auto; display: block; }

@media (max-width: 767px) { .cps-post-main .ranking01 .ranking-img01, .cps-post-main .ranking01 .ranking-img02, .cps-post-main .ranking01 .ranking-img03, .cps-post-main .ranking01 .ranking-img04, .cps-post-main .ranking02 .ranking-img01, .cps-post-main .ranking02 .ranking-img02, .cps-post-main .ranking02 .ranking-img03, .cps-post-main .ranking02 .ranking-img04, .cps-post-main .ranking03 .ranking-img01, .cps-post-main .ranking03 .ranking-img02, .cps-post-main .ranking03 .ranking-img03, .cps-post-main .ranking03 .ranking-img04 { margin: 0 auto; } }

@media (min-width: 768px) { .cps-post-main .ranking01 .ranking-img01, .cps-post-main .ranking01 .ranking-img02, .cps-post-main .ranking01 .ranking-img03, .cps-post-main .ranking01 .ranking-img04, .cps-post-main .ranking02 .ranking-img01, .cps-post-main .ranking02 .ranking-img02, .cps-post-main .ranking02 .ranking-img03, .cps-post-main .ranking02 .ranking-img04, .cps-post-main .ranking03 .ranking-img01, .cps-post-main .ranking03 .ranking-img02, .cps-post-main .ranking03 .ranking-img03, .cps-post-main .ranking03 .ranking-img04 { float: left; margin-right: 20px; } }

.cps-post-main .ranking01 .ranking-img01 img, .cps-post-main .ranking01 .ranking-img02 img, .cps-post-main .ranking01 .ranking-img03 img, .cps-post-main .ranking01 .ranking-img04 img, .cps-post-main .ranking02 .ranking-img01 img, .cps-post-main .ranking02 .ranking-img02 img, .cps-post-main .ranking02 .ranking-img03 img, .cps-post-main .ranking02 .ranking-img04 img, .cps-post-main .ranking03 .ranking-img01 img, .cps-post-main .ranking03 .ranking-img02 img, .cps-post-main .ranking03 .ranking-img03 img, .cps-post-main .ranking03 .ranking-img04 img { max-width: 100%; height: auto; display: block; }

.cps-post-main .ranking01 .ranking-img01 br, .cps-post-main .ranking01 .ranking-img01 img[width="1"], .cps-post-main .ranking01 .ranking-img02 br, .cps-post-main .ranking01 .ranking-img02 img[width="1"], .cps-post-main .ranking01 .ranking-img03 br, .cps-post-main .ranking01 .ranking-img03 img[width="1"], .cps-post-main .ranking01 .ranking-img04 br, .cps-post-main .ranking01 .ranking-img04 img[width="1"], .cps-post-main .ranking02 .ranking-img01 br, .cps-post-main .ranking02 .ranking-img01 img[width="1"], .cps-post-main .ranking02 .ranking-img02 br, .cps-post-main .ranking02 .ranking-img02 img[width="1"], .cps-post-main .ranking02 .ranking-img03 br, .cps-post-main .ranking02 .ranking-img03 img[width="1"], .cps-post-main .ranking02 .ranking-img04 br, .cps-post-main .ranking02 .ranking-img04 img[width="1"], .cps-post-main .ranking03 .ranking-img01 br, .cps-post-main .ranking03 .ranking-img01 img[width="1"], .cps-post-main .ranking03 .ranking-img02 br, .cps-post-main .ranking03 .ranking-img02 img[width="1"], .cps-post-main .ranking03 .ranking-img03 br, .cps-post-main .ranking03 .ranking-img03 img[width="1"], .cps-post-main .ranking03 .ranking-img04 br, .cps-post-main .ranking03 .ranking-img04 img[width="1"] { display: none; }

@media (min-width: 768px) { .cps-post-main .ranking01 .ranking-info01, .cps-post-main .ranking01 .ranking-info02, .cps-post-main .ranking01 .ranking-info03, .cps-post-main .ranking02 .ranking-info01, .cps-post-main .ranking02 .ranking-info02, .cps-post-main .ranking02 .ranking-info03, .cps-post-main .ranking03 .ranking-info01, .cps-post-main .ranking03 .ranking-info02, .cps-post-main .ranking03 .ranking-info03 { display: inline; } }

@media (max-width: 767px) { .cps-post-main .ranking01 .ranking-info01, .cps-post-main .ranking01 .ranking-info02, .cps-post-main .ranking01 .ranking-info03, .cps-post-main .ranking02 .ranking-info01, .cps-post-main .ranking02 .ranking-info02, .cps-post-main .ranking02 .ranking-info03, .cps-post-main .ranking03 .ranking-info01, .cps-post-main .ranking03 .ranking-info02, .cps-post-main .ranking03 .ranking-info03 { margin-bottom: 20px; } }

.cps-post-main .ranking01 .clearfix, .cps-post-main .ranking02 .clearfix, .cps-post-main .ranking03 .clearfix { height: 5px; }

.cps-post-main .ranking02, .cps-post-main .ranking03 { margin-top: 0px; }

.cps-post-main .gb-review-table-box .cps-table03 table { width: 100%; border: 1px solid #dedede; border-collapse: collapse; margin-bottom: 30px; }

.cps-post-main .gb-review-table-box .cps-table03 table th, .cps-post-main .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; }

.cps-post-main .gb-review-table-box .cps-table03 table th, .cps-post-main .gb-review-table-box .cps-table03 table tr td:first-child { text-align: center; background: #FFFAF0; }

@media (max-width: 767px) { .cps-post-main .gb-review-table-box .cps-table03 table th, .cps-post-main .gb-review-table-box .cps-table03 table tr td:first-child { font-weight: 600; } }

@media (min-width: 768px) { .cps-post-main .gb-review-table-box .cps-table03 table th, .cps-post-main .gb-review-table-box .cps-table03 table tr td:first-child { font-weight: 500; } }

.cps-post-main .gb-review-table-box .cps-table03 table th.ranking-title { padding: 12px; font-size: 1.1em; text-align: left; }

@media (max-width: 767px) { .cps-post-main .gb-review-table-box .cps-table03 table td { padding: 10px 7px; } }

@media (min-width: 768px) { .cps-post-main .gb-review-table-box .cps-table03 table td { padding: 7px 10px; } }

.cps-post-main .gb-review-table-box .cps-table03 table td.rankinginfo { vertical-align: top; text-align: left; }

.cps-post-main .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; }

.cps-post-main .gb-review-table-box .cps-table03 table img.star { width: 150px; height: auto; }

.cps-post-main .gb-review-table-box .cps-table03 table td.rankinginfo { width: 70% !important; }

@media (min-width: 768px) { .alignright { margin: 20px 0px 20px auto; text-align: right; } }

@media (min-width: 768px) { .alignleft { margin: 20px auto 20px 0; } }

.aligncenter { margin-left: auto; margin-right: auto; }

.t-aligncenter { text-align: center; }

@media (min-width: 768px) { img.aligncenter { display: block; margin-left: auto; margin-right: auto; } }

@media (max-width: 767px) { img.aligncenter { margin-left: auto; margin-right: auto; margin-bottom: 20px; display: block; } }

@media (min-width: 768px) { img.alignright { padding: 4px; margin: 0 0 2px 20px; display: inline; float: right; } }

@media (max-width: 767px) { img.alignright { margin-bottom: 20px; display: block; } }

@media (min-width: 768px) { img.alignleft { padding: 4px; margin: 0 20px 2px 0; display: inline; float: left; } }

@media (max-width: 767px) { img.alignleft { margin-bottom: 20px; display: block; } }

@media (min-width: 768px) { .xs-size { font-size: 0.85rem; }
  .s-size { font-size: 0.95rem; }
  .l-size { font-size: 1.05rem; }
  .xl-size { font-size: 1.1rem; } }

@media (max-width: 767px) { .xs-size-sp { font-size: 0.85rem; }
  .s-size-sp { font-size: 0.95rem; }
  .l-size-sp { font-size: 1.05rem; }
  .xl-size-sp { font-size: 1.1rem; } }

/* テキストモードでのデフォルトカラー設定 */
.c-red, .c-blue, .c-green { font-weight: bold; }

.c-red { color: #F16F6F; }

.c-blue { color: #7695C9; }

.c-green { color: #76C983; }

/* ページ内タグエリア */
.tag-box { margin-top: 30px; }

.tag-box a { color: #555 !important; text-decoration: none !important; border: 1px solid #ddd; padding: 5px 8px; border-radius: 2px; font-size: 0.65rem; letter-spacing: 0; display: inline-block; margin-bottom: 4px; margin-right: 5px; }

.tag-box a:before { font-family: "jin-icons"; content: "\e92c"; vertical-align: bottom; line-height: 0.9rem; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.cps-post-main a.wp-block-button__link { text-decoration: none; }

/* 外部リンクのあとにアイコンをつける  .entry-content a[target="_blank"]{ text-decoration:none!important; } .entry-content a[target="_blank"]::after{ font-family: "jin-icons"; content: "\e92c"; margin-left: 5px; } .entry-content a[target="_blank"].remove-icon::after { display: none; }*/
/* ブログカード */
/* 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 { display: block; position: relative; border: 1px solid #aaa; border-radius: 4px; margin-top: 20px !important; margin-bottom: 30px !important; background: rgba(255, 255, 255, 0); word-wrap: break-word; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none !important; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

@media (max-width: 767px) { .blog-card { width: 100%; padding: 12px; margin: 10px 0px; padding-top: 22px !important; } }

@media (min-width: 768px) { .blog-card { width: 90%; margin: 10px auto; padding: 20px; padding-top: 30px !important; } }

.blog-card .blog-card-hl { position: relative; color: #fff; letter-spacing: 0; line-height: 0; }

.blog-card .blog-card-hl:after { position: absolute; content: "あわせて読みたい"; color: #fff; width: 100px; top: 5px; left: 1px; letter-spacing: 0; }

@media (max-width: 767px) { .blog-card .blog-card-hl:after { left: -2px; } }

.blog-card .jin-ifont-post { color: #fff; font-size: 0.7rem; }

.blog-card:hover { opacity: 0.8 !important; }

.blog-card:hover .blog-card-thumbnail img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.blog-card-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

.blog-card-content { -webkit-box-flex: 2.5; -ms-flex: 2.5; flex: 2.5; }

.blog-card-thumbnail { display: block; overflow: hidden; }

@media (max-width: 767px) { .blog-card-thumbnail { margin-right: 10px; -webkit-box-flex: 1.82; -ms-flex: 1.82; flex: 1.82; } }

@media (min-width: 768px) { .blog-card-thumbnail { margin-right: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.blog-card-thumbnail img { -webkit-filter: opacity(1); filter: opacity(1); display: block; padding: 0 !important; margin: 0 !important; vertical-align: baseline; width: 100%; height: auto; background: #fff; -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; }

.blog-card-title { display: block; letter-spacing: 1px; color: #524e4d; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { .blog-card-title { font-size: 0.85rem; line-height: 1.2rem; font-weight: 700; } }

@media (min-width: 768px) { .blog-card-title { margin-bottom: 15px; font-size: 1.1rem; line-height: 1.5rem; font-weight: 500; } }

.blog-card-excerpt { color: #524e4d; display: none; }

@media (min-width: 768px) { .blog-card-excerpt { margin-top: 15px; font-size: 0.75rem; display: block; } }

.blog-card-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 70%; color: #777; margin-bottom: 0; text-align: right; }

@media (max-width: 767px) { .blog-card-footer { margin-top: 10px; } }

@media (min-width: 768px) { .blog-card-footer { margin-top: 15px; } }

.blog-card-footer .blog-card-logo { margin-right: 5px; }

.blog-card-footer .blog-card-logo img { padding: 0 !important; margin: 0 !important; }

.blog-card-footer .blog-card-sitetitle { display: block; margin-top: 1px; }

/* 著者情報カード */
/* CSS Document */
.profile-card { border-top: 1px solid #eee; padding: 0 20px; padding-top: 40px; position: relative; margin-top: 50px; }

@media (max-width: 767px) { .profile-card { margin-bottom: 40px; } }

@media (min-width: 768px) { .profile-card { margin-bottom: 20px; } }

.profile-card .profile-title { position: absolute; top: 0px; background: #eee; font-size: 0.8rem; font-weight: 500; color: #fff; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }

@media (max-width: 767px) { .profile-card .profile-title { left: 20px; padding: 5px 12px; } }

@media (min-width: 768px) { .profile-card .profile-title { right: 20px; padding: 7px 15px; padding-top: 6px; } }

@media (max-width: 767px) { .profile-card .profile-flexbox { display: block; } }

@media (min-width: 768px) { .profile-card .profile-flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.profile-card .profile-thumbnail { width: 100px; height: 100px; border-radius: 100px; overflow: hidden; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); }

@media (max-width: 767px) { .profile-card .profile-thumbnail { margin: 0 auto; } }

@media (min-width: 768px) { .profile-card .profile-thumbnail { margin-right: 20px; } }

@media (max-width: 767px) { .profile-card .profile-meta { margin-top: 10px; } }

.profile-card .profile-meta .profile-name { font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri; }

@media (max-width: 767px) { .profile-card .profile-meta .profile-name { text-align: center; font-weight: 700; } }

@media (min-width: 768px) { .profile-card .profile-meta .profile-name { font-weight: 500; } }

.profile-card .profile-meta .profile-desc { font-size: 0.85rem; line-height: 1.25rem; font-weight: 300; margin-top: 20px; }

.profile-card .profile-link-box { margin-top: 30px; }

@media (max-width: 767px) { .profile-card .profile-link-box { display: block; } }

@media (min-width: 768px) { .profile-card .profile-link-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }

.profile-card .profile-link-box .profile-link { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; font-size: 0.85rem; word-break: break-all; word-wrap: break-word; }

@media (max-width: 767px) { .profile-card .profile-link-box .profile-link { margin-left: 0px; } }

@media (min-width: 768px) { .profile-card .profile-link-box .profile-link { margin-left: 8px; margin-right: 20px; } }

.profile-card .profile-link-box .profile-link span { font-size: 0.75rem; }

.profile-card .profile-link-box .profile-link svg { margin-right: 2px; }

.profile-card .profile-link-box .profile-follow { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.profile-card .profile-link-box .jic-type:before { vertical-align: bottom; padding-bottom: 0; padding: 2px; }

.profile-follow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@media (max-width: 767px) { .profile-follow { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; } }

@media (min-width: 768px) { .profile-follow { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.profile-follow a { -webkit-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; -webkit-transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; transition: color 0.4s ease, background 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; 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; 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, -webkit-transform 0.4s ease, -webkit-box-shadow 0.4s ease; display: block; color: #fff; margin: 0 3px; overflow: hidden; text-decoration: none !important; font-size: 0.9rem; }

.profile-follow a:hover { color: #f8b500 !important; -webkit-transform: scale(1.1); transform: scale(1.1); }

.profile-follow .facebook-sns a { margin: 0 4px; }

.profile-follow .twitter-sns a { margin: 0px 2px; }

.profile-follow .line-sns a { margin: 0px 4px; }

.profile-follow .contact-sns a { margin: 0px 3px; }

.profile-follow a:hover { color: #f8b500 !important; -webkit-transform: scale(1.1); transform: scale(1.1); }

@media (min-width: 768px) { .profile-follow.center-pos { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

/* コメントエリア */
/* CSS Document */
#comment-area, #respond { width: 100%; font-weight: 400; margin-bottom: 20px; margin-top: 20px; }

@media (max-width: 767px) { #comment-area { padding: 0; } }

@media (min-width: 768px) { #comment-area { padding: 0px; } }

@media (max-width: 767px) { #respond { padding: 15px 0; } }

@media (min-width: 768px) { #respond { padding: 0px; } }

.comment-list { color: #524e4d; margin-bottom: 30px; }

.comment-list p { font-size: 0.9em; }

.commentmetadata, .comment-awaiting-moderation { font-size: 0.7em; }

.reply { margin-top: 15px; text-align: right; }

.reply a { padding: 5px 30px; font-size: 0.8em; color: #fff !important; background: #ccc; border-radius: 4px; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

.reply a:hover { background: #aaa; }

@media (max-width: 767px) { #comment-title { margin-bottom: 20px; } }

@media (min-width: 768px) { #comment-title { margin-bottom: 20px; } }

@media (max-width: 767px) { #reply-title { margin-bottom: 20px; } }

@media (min-width: 768px) { #reply-title { margin-bottom: 0px; } }

#reply-title span, #comment-title span { position: relative; display: inline-block; letter-spacing: 1px; }

@media (max-width: 767px) { #reply-title span, #comment-title span { font-size: 1rem; padding: 17px 13px; padding-bottom: 0; font-weight: 700; } }

@media (min-width: 768px) { #reply-title span, #comment-title span { font-size: 1.15rem; padding: 19px 14px; font-weight: 400; } }

#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; } }

#reply-title span:before, #comment-title span:before { content: ""; position: absolute; z-index: 0; top: 10px; left: 4px; border: 1px solid #ccc; width: 38px; height: 38px; border-radius: 25px; }

.logged-in-as { color: #524e4d; }

#cancel-comment-reply-link { font-size: 0.7em; text-decoration: underline; }

@media (min-width: 768px) { .logged-in-as + .comment-flexbox .form-submit { margin-top: 16px !important; font-size: 0.85rem !important; } }

@media (min-width: 768px) { .logged-in-as + .comment-flexbox .form-submit input { font-size: 0.85rem !important; } }

@media (min-width: 768px) { .comment-flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.comment-form-comment textarea, .comment-form-author input, .comment-form-email #email { width: 100%; border-radius: 4px; border: 1px solid #ddd; padding: 10px; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 0; -webkit-appearance: none; }

@media (max-width: 767px) { .comment-form-comment textarea, .comment-form-author input, .comment-form-email #email { font-size: 0.95rem; } }

@media (min-width: 768px) { .comment-form-comment textarea, .comment-form-author input, .comment-form-email #email { font-size: 0.95rem; } }

@media (max-width: 767px) { .comment-form-author input, .comment-form-email #email { line-height: 1.2rem; } }

@media (max-width: 767px) { .comment-form-author { margin-top: -10px; } }

@media (min-width: 768px) { .form-submit { margin-top: -5px !important; } }

@media (max-width: 767px) { .form-submit, .comment-form-email { margin-top: -5px; } }

@media (max-width: 767px) { .comment-child-flex { width: 100%; } }

@media (min-width: 768px) { .comment-child-flex { width: 35%; } }

@media (min-width: 768px) { .comment-form-comment { width: 63%; margin-right: 20px; } }

.reply a { padding-left: 30px; padding-right: 10px; padding-top: 6px; padding-bottom: 6px; }

.comment-reply-link { position: relative; }

.comment-reply-link:after { position: absolute; content: "\e927"; font-family: "jin-icons"; top: 5px; left: 10px; opacity: 1; font-size: 1rem; }

@media (max-width: 767px) { .comment-reply-link:after { font-size: 1.2rem; left: 8px; } }

.form-submit input { display: block; width: 100%; padding: 10px; margin-top: 15px; font-size: 1rem; -webkit-appearance: none; border: none; border-radius: 4px; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; cursor: pointer; color: #fff; background: #ccc; }

@media (min-width: 768px) { .form-submit input { margin-top: 0px; } }

.form-submit input:hover { background: #aaa; }

.comment-form-author > input, .comment-form-email > input { margin-bottom: 0px; }

@media (min-width: 768px) { .comment-form-author > input, .comment-form-email > input { margin-bottom: 0px; } }

#comment-box label { font-size: 0.95rem; }

@media (max-width: 767px) { .comment-form-comment #comment { height: 120px; } }

@media (min-width: 768px) { .comment-form-comment #comment { height: 97px; } }

.comment-notes { display: none; }

/* 次・前をみる */
/* CSS Document */
#prev-next { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin-bottom: 20px; margin-top: 30px; }

@media (max-width: 767px) { #prev-next { display: block; margin-bottom: 0px; } }

#prev-next .prev, #prev-next .next { -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; position: relative; text-decoration: none; overflow: hidden; padding: 15px; padding-top: 0px; padding-bottom: 0px; }

@media (max-width: 767px) { #prev-next .prev, #prev-next .next { -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25); display: block; min-height: 70px; background: #fff; } }

@media (min-width: 768px) { #prev-next .prev, #prev-next .next { border-radius: 2px; background: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-height: 40px; padding-left: 10px; padding-right: 10px; } }

@media (min-width: 768px) and (max-width: 767px) { #prev-next .prev, #prev-next .next { border-radius: 0px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25); } }

@media (min-width: 1024px) { #prev-next .prev, #prev-next .next { min-height: 70px; } }

#prev-next .prev .metabox, #prev-next .next .metabox { display: -webkit-box; display: -ms-flexbox; display: flex; }

#prev-next .prev .metabox p, #prev-next .next .metabox p { margin-bottom: 5px; width: 70%; }

@media (max-width: 767px) { #prev-next .prev .metabox p, #prev-next .next .metabox p { font-size: 12px; font-weight: 700; line-height: 1.1rem; margin-top: 9px; } }

@media (min-width: 768px) { #prev-next .prev .metabox p, #prev-next .next .metabox p { font-size: 11px; font-weight: 500; line-height: 1.05rem; margin-top: 5px; } }

@media (min-width: 1024px) { #prev-next .prev .metabox p, #prev-next .next .metabox p { font-size: 13px; line-height: 1.3rem; margin-top: 14px; } }

#prev-next .prev .metabox img, #prev-next .next .metabox img { -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; }

@media (max-width: 767px) { #prev-next .prev .metabox img, #prev-next .next .metabox img { width: auto; height: 85px; } }

@media (min-width: 768px) { #prev-next .prev .metabox img, #prev-next .next .metabox img { width: auto; height: 55px; } }

@media (min-width: 1024px) { #prev-next .prev .metabox img, #prev-next .next .metabox img { width: auto; height: 85px; } }

#prev-next a:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); box-shadow: 0px 3px 18px 3px rgba(0, 0, 0, 0.08); }

#prev-next .prev { display: block; padding-left: 0; }

@media (min-width: 768px) { #prev-next .prev { margin-right: 20px; } }

#prev-next .prev img { margin-right: 15px; }

#prev-next .next { display: block; padding-right: 0; }

@media (max-width: 767px) { #prev-next .next { margin-top: 10px; } }

#prev-next .next img { margin-left: 15px; }

#prev-next a.prev:after { position: absolute; content: 'PREV'; font-size: 0.5rem; text-align: center; background: #2b2b2b; color: #fff !important; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; top: -1px; left: 10px; padding: 2px 6px; }

#prev-next a.next:after { position: absolute; content: 'NEXT'; font-size: 0.5rem; text-align: center; background: #2b2b2b; color: #fff !important; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; top: -1px; right: 10px; padding: 2px 6px; }

#prev-next .prevnext-none { background: #fff; }

@media (max-width: 767px) { #prev-next .prevnext-none { display: none; } }

#prev-next a.prev:after, #prev-next a.next:after { font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-seri; }

/* 関連記事 */
/* CSS Document */
@media (max-width: 767px) { .related-entry-section { margin-top: 30px; } }

@media (min-width: 768px) { .related-entry-section { margin-top: 40px; } }

.related-entry-section .related-entry-headline { position: relative; }

@media (max-width: 767px) { .related-entry-section .related-entry-headline { margin-bottom: 15px; } }

@media (min-width: 768px) { .related-entry-section .related-entry-headline { margin-bottom: 10px; } }

@media (max-width: 767px) { .related-entry-section .area-border { margin-top: 40px; width: 210px; } }

@media (min-width: 768px) { .related-entry-section .area-border { margin-top: 50px; width: 350px; } }

.related-entry-section .related-entry-headline-text span { position: relative; display: inline-block; line-height: 0; letter-spacing: 1px; }

@media (max-width: 767px) { .related-entry-section .related-entry-headline-text span { font-size: 1rem; padding: 20px 14px; padding-bottom: 0; font-weight: 700; } }

@media (min-width: 768px) { .related-entry-section .related-entry-headline-text span { font-size: 1.15rem; padding: 17px 14px; font-weight: 400; } }

.related-entry-section .related-entry-headline-text .jin-ifont-post { line-height: 0; position: relative; color: #fff; }

@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; } }

.related-entry-section .related-entry-headline-text span:before { content: ""; position: absolute; z-index: 0; top: 1px; left: 5px; border: 1px solid #ccc; width: 38px; height: 38px; border-radius: 25px;background-color: #00b2e2;border-color: #00b2e2!important; }

@media (max-width: 767px) { .related-entry-section .post-list.basicstyle .post-list-thumb { width: 130px !important; } }

@media (min-width: 768px) { .related-entry-section .post-list.basicstyle .post-list-thumb { width: 240px !important; } }

.related-entry-section .post-list.basicstyle .post-list-thumb img { display: block; width: 100%; height: auto; }

@media (max-width: 767px) { .related-entry-section .post-list.basicstyle .post-list-meta { width: calc(100% - 130px) !important; } }

@media (min-width: 768px) { .related-entry-section .post-list.basicstyle .post-list-meta { width: calc(100% - 240px) !important; } }

@media (max-width: 767px) { .related-entry-section .post-list.basicstyle .post-list-meta .post-list-title { font-size: 12px !important; line-height: 1rem !important; font-weight: 700; letter-spacing: 1px; } }

@media (min-width: 768px) { .related-entry-section .post-list.basicstyle .post-list-meta .post-list-title { font-size: 18px !important; line-height: 1.4rem; font-weight: 500; } }

@media (max-width: 767px) { .related-entry-section .post-list-mag .post-list-meta .post-list-title { font-size: 12px; line-height: 1.1rem; font-weight: 700; letter-spacing: 1px; } }

@media (min-width: 768px) { .related-entry-section .post-list-mag .post-list-meta .post-list-title { font-size: 15px; line-height: 1.4rem; font-weight: 500; } }

@media (max-width: 767px) { .related-entry-section .post-list-mag .post-list-meta .post-list-cat { top: 5px; left: 5px; padding: 1px 6px; } }

@media (min-width: 768px) { .related-entry-section .post-list-mag .post-list-meta .post-list-cat { padding: 3px 8px; font-size: 0.5rem; } }

@media (max-width: 767px) { .related-entry-section .post-list-mag3col .post-list-item { width: 48.4%; } }

@media (min-width: 768px) { .related-entry-section .post-list-mag3col .post-list-item { width: 32%; margin-bottom: 15px; } }

@media (max-width: 767px) { .related-entry-section .post-list-mag3col .post-list-item:nth-child(2n-1) { margin-right: 3%; } }

@media (min-width: 768px) { .related-entry-section .post-list-mag3col .post-list-item:not(:nth-child(3n)) { margin-right: 2%; } }

.related-entry-section .post-list-mag3col a.post-list-link { position: relative; padding: 0; height: 100%; margin-bottom: 0 !important; }

@media (max-width: 767px) { .related-entry-section .post-list-mag3col a.post-list-link .post-list-meta { padding: 3px 11px; padding-bottom: 10px; } }

@media (min-width: 768px) { .related-entry-section .post-list-mag3col a.post-list-link .post-list-meta { padding: 10px 13px; padding-bottom: 30px; } }

@media (max-width: 767px) { .related-entry-section .post-list-mag3col a.post-list-link .post-list-meta .post-list-title { font-size: 12px; line-height: 1.1rem; font-weight: 700; letter-spacing: 1px; } }

@media (min-width: 768px) { .related-entry-section .post-list-mag3col a.post-list-link .post-list-meta .post-list-title { font-size: 13px; line-height: 1.3rem; font-weight: 500; } }

@media (min-width: 768px) { .related-entry-section .post-list-mag3col a.post-list-link .post-list-meta .post-list-cat { padding: 3px 8px; font-size: 0.5rem; } }

.sp-related-entry-meta { display: block; margin-top: 10px; text-align: right; }

/* 関連記事のスライド */
.related-slide { overflow: hidden; }

.swiper-container2 { position: relative; }

@media (max-width: 767px) { .swiper-container2 { width: 92%; padding: 0 4%; margin: 0 auto; min-height: 205px; } }

@media (min-width: 768px) { .swiper-container2 { width: 100%; min-height: 285px; } }

.post-list-mag3col-slide { padding: 2px 10px; padding-top: 12px; }

@media (max-width: 767px) { .post-list-mag3col-slide a.post-list-link { min-height: 175px; } }

@media (min-width: 768px) { .post-list-mag3col-slide a.post-list-link { min-height: 240px; } }

.post-list-mag3col-slide .post-list-item .post-list-inner { display: block; }

.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-thumb { height: auto; width: 100%; }

.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-thumb img { display: block; width: 100%; height: auto; border-top-left-radius: 2px; border-top-right-radius: 2px; }

.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta { width: 100%; }

@media (max-width: 767px) { .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta { padding: 6px 8px; padding-bottom: 10px; } }

@media (min-width: 768px) { .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta { padding: 10px 13px; padding-bottom: 30px; } }

@media (max-width: 767px) { .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 12px; line-height: 1.05rem; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px; } }

@media (min-width: 768px) { .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-title { font-size: 13px; line-height: 1.3rem; font-weight: 500; } }

.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-publisher, .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .writer { display: none; }

.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-cat { position: absolute; color: #fff !important; background-color: #2b2b2b; letter-spacing: 0; border-radius: 20px; }

@media (max-width: 767px) { .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-cat { top: 5px; left: 5px; padding: 1px 6px; font-weight: 500; text-align: left; font-size: 0.5rem; } }

@media (min-width: 768px) { .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-cat { top: 11px; left: 11px; padding: 3px 8px; font-size: 0.5rem; margin-left: -1px; font-weight: 400; } }

.post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-date { position: absolute; bottom: 0px; left: 5%; color: #888 !important; width: 90%; text-align: right; }

@media (max-width: 767px) { .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-date { font-size: 0.65rem; padding: 7px 0px; letter-spacing: 1px !important; } }

@media (min-width: 768px) { .post-list-mag3col-slide .post-list-item .post-list-inner .post-list-meta .post-list-date { font-size: 0.65rem; font-weight: 300; padding: 10px 0px; letter-spacing: 1px; } }

@media (max-width: 767px) { .swiper-container2 .swiper-button-next, .swiper-container2 .swiper-button-prev { top: 20% !important; } }

@media (min-width: 768px) { .swiper-container2 .swiper-button-next, .swiper-container2 .swiper-button-prev { top: 25% !important; } }

@media (max-width: 767px) { .swiper-container2 .swiper-button-prev { left: -14px !important; } }

@media (min-width: 768px) { .swiper-container2 .swiper-button-prev { left: 5px !important; } }

@media (max-width: 767px) { .swiper-container2 .swiper-button-next { right: -14px !important; } }

@media (min-width: 768px) { .swiper-container2 .swiper-button-next { right: 5px !important; } }

/* ボックスデザイン */
/* 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; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.kaisetsu-box1 { position: relative; }

@media (min-width: 768px) { .kaisetsu-box1 { padding-top: 60px !important; } }

@media (max-width: 767px) { .kaisetsu-box1 { padding-top: 60px !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(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; -webkit-box-sizing: border-box; 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; }

.innerlink-box1 { position: relative; padding-top: 40px !important; border: 1px solid #aaa; border-radius: 4px; background: rgba(255, 255, 255, 0); }

@media (max-width: 767px) { .innerlink-box1 { padding-top: 35px !important; margin-top: 10px !important; } }

@media (min-width: 768px) { .innerlink-box1 { margin-top: 20px !important; } }

.innerlink-box1:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.04; z-index: -1; }

.innerlink-box1-title { position: absolute; background: red; border: 3px solid #aaa; line-height: 0; color: #fff; border-radius: 2px; letter-spacing: 0; }

@media (min-width: 768px) { .innerlink-box1-title { top: -14px; padding: 5px 7px 5px 7px; font-size: 12px; font-weight: 500; } }

@media (max-width: 767px) { .innerlink-box1-title { top: -14px; left: 15px; padding: 5px 5px 5px 6px; font-weight: bold; font-size: 11px; }
  .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; }

.innerlink-box1-title svg, .innerlink-box1-title path { fill: #fff !important; }

.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; -webkit-box-sizing: border-box; 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; } }

.wp-block-jin-gb-block-box-with-headline .innerlink-box1-title { padding: 13px; left: 15px; top: -15px; }

/* シンプルボタンデザイン */
/* 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; }

@media (max-width: 767px) { .spfull { width: 100%; margin-left: 0; margin-right: 0; } }

.top-image-btn-color a, .color-button01 a, .color-button02 a { -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; border-radius: 6px; text-align: center; padding: 13px 80px; padding-bottom: 12px; display: inline-block; text-decoration: none !important; -webkit-transform: perspective(0); 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 { -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-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; -webkit-transform: perspective(0); 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; }

@media (max-width: 767px) { .top-image-btn-color a { font-weight: 700 !important; } }

@media (min-width: 768px) { .top-image-btn-color a { font-weight: 400 !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 { -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-filter: brightness(0.9); 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; -webkit-filter: brightness(0.85); 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; }

.twobutton { display: block; text-align: center; margin-bottom: 20px; }

@media (min-width: 768px) { .twobutton .color-button01, .twobutton .color-button02 { margin-bottom: 10px; } }

.gb-simple-button-center { display: block; text-align: center; }

.gb-two-button-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

/* H2スタイル*/
/* CSS Document */
.h2-style01 h2 { background-color: #2b2b2b; color: #fff; border-radius: 2px; }

@media (max-width: 767px) { .h2-style01 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-bottom: 12px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style01 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-bottom: 16px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h2-style02 h2 { position: relative; border-bottom: 1px solid #ddd; border-left: 5px solid #2b2b2b; }

@media (max-width: 767px) { .h2-style02 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 10px 10px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style02 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px 12px; padding-top: 16px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style02 h2:before { position: absolute; content: ""; top: 0; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.05; }

/* CSS Document */
.h2-style03 h2 { background-color: #2b2b2b; color: #fff; border-radius: 4px; position: relative; }

@media (max-width: 767px) { .h2-style03 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 12px 13px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style03 h2 { font-size: 1.65rem; line-height: 2rem; padding: 13px 15px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style03 h2:before { position: absolute; content: ''; height: 1px; width: 98%; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.7)), color-stop(60%, transparent), to(transparent)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%); background-size: 10px 3px; top: 5px; left: 1%; z-index: 999; }

@media (max-width: 767px) { .h2-style03 h2:before { width: 96%; left: 2%; } }

.h2-style03 h2:after { position: absolute; content: ''; height: 1px; width: 98%; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.7)), color-stop(60%, rgba(255, 255, 255, 0.7)), color-stop(60%, transparent), to(transparent)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 60%, transparent 60%, transparent 100%); background-size: 10px 3px; bottom: 5px; left: 1%; z-index: 999; }

@media (max-width: 767px) { .h2-style03 h2:after { width: 96%; left: 2%; } }

/* CSS Document */
.h2-style04 h2 { position: relative; }

@media (max-width: 767px) { .h2-style04 h2 { font-size: 1.4rem; line-height: 1.8rem; padding: 13px 0; padding-bottom: 14px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 500; } }

@media (min-width: 768px) { .h2-style04 h2 { font-size: 1.8rem; line-height: 2.2rem; padding: 20px 0; padding-bottom: 21px; margin-top: 2.6rem; margin-bottom: 1.6rem; font-weight: 300; } }

.h2-style04 h2:before { position: absolute; content: ''; top: 0; height: 100%; background-color: #2b2b2b; }

@media (max-width: 767px) { .h2-style04 h2:before { left: -15px; width: 5px; } }

@media (min-width: 768px) { .h2-style04 h2:before { left: -30px; width: 3px; } }

/* CSS Document */
.h2-style05 h2 { position: relative; background-color: #2b2b2b; color: #fff; border-bottom: none; border-radius: 6px; margin-bottom: 30px; }

@media (max-width: 767px) { .h2-style05 h2 { font-size: 1.3rem; line-height: 1.7rem; padding: 10px 14px; font-weight: 700; } }

@media (min-width: 768px) { .h2-style05 h2 { font-size: 1.65rem; line-height: 2rem; padding: 12px 14px; } }

.h2-style05 h2:before { position: absolute; bottom: -12px; left: 45px; z-index: 90; margin-left: -15px; border-top: 12px solid; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 0; border-top-color: #2b2b2b; content: ""; }

/* CSS Document */
.h2-style06 h2 { position: relative; }

@media (max-width: 767px) { .h2-style06 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 6px; padding-bottom: 8px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style06 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 8px; padding-bottom: 10px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style06 h2:before { position: absolute; content: ""; z-index: 0; bottom: 0; left: 0px; width: 100%; height: 6px; border-radius: 5px; background-image: linear-gradient(-45deg, transparent 25%, #f4e2de 25%, #f4e2de 50%, transparent 50%, transparent 75%, #f4e2de 75%, #f4e2de); background-size: 6px 6px; }

/* CSS Document */
.h2-style07 h2 { position: relative; }

@media (max-width: 767px) { .h2-style07 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 6px; padding-bottom: 8px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style07 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 8px; padding-bottom: 10px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style07 h2:before { position: absolute; content: ""; z-index: 0; bottom: 0; left: 0px; width: 100%; height: 4px; border-radius: 1px; background: #ccc; opacity: 0.5; }

.h2-style07 h2:after { position: absolute; content: ""; z-index: 0; bottom: 0; left: 0px; height: 4px; border-bottom-left-radius: 1px; border-top-left-radius: 1px; background: red; }

@media (max-width: 767px) { .h2-style07 h2:after { width: 80px; } }

@media (min-width: 768px) { .h2-style07 h2:after { width: 120px; } }

/* CSS Document */
.h2-style08 h2 { position: relative; border-bottom: 2px solid #ccc; }

@media (max-width: 767px) { .h2-style08 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 24px; padding-bottom: 4px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style08 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 24px; padding-bottom: 6px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style08 h2:before { content: ""; position: absolute; background: #fff; border: 1px solid; border-color: #0094c8; top: 0; left: 0.4em; height: 12px; width: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

@media (max-width: 767px) { .h2-style08 h2:before { top: 0; left: 0.4em; } }

.h2-style08 h2:after { content: ""; position: absolute; background-color: #0094c8; top: 0.8em; left: 0.1em; height: 8px; width: 8px; -webkit-transform: rotate(15deg); transform: rotate(15deg); }

@media (max-width: 767px) { .h2-style08 h2:after { top: 1em; left: 0; } }

/* CSS Document */
.h2-style09 h2 { position: relative; border-bottom: 3px double #ccc; }

@media (max-width: 767px) { .h2-style09 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 8px; padding-bottom: 4px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style09 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 8px; padding-bottom: 6px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h2-style10 h2 { position: relative; }

@media (max-width: 767px) { .h2-style10 h2 { font-size: 1.45rem; line-height: 1.8rem; padding: 13px; padding-left: 6px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h2-style10 h2 { font-size: 1.65rem; line-height: 2rem; padding: 15px; padding-left: 8px; margin-top: 2.6rem; margin-bottom: 1.6rem; } }

.h2-style10 h2:before { position: absolute; content: ""; z-index: 0; bottom: 0; left: 0px; width: 100%; height: 4px; border-radius: 4px; }

.h2-style10 h2:after { position: absolute; content: ""; z-index: 0; top: 0; left: 0px; height: 4px; border-radius: 4px; width: 100%; }

/* H3スタイル*/
/* CSS Document */
.h3-style01 h3 { border-bottom: 3px solid #2b2b2b; }

@media (max-width: 767px) { .h3-style01 h3 { font-size: 1.2rem; line-height: 1.7rem; padding: 5px 8px; padding-top: 0; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style01 h3 { font-size: 1.5rem; line-height: 2rem; padding: 4px 8px; padding-top: 0; margin-top: 2.3rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h3-style02 h3 { position: relative; }

@media (max-width: 767px) { .h3-style02 h3 { font-size: 1.2rem; line-height: 1.7rem; padding: 8px 12px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style02 h3 { font-size: 1.5rem; line-height: 2rem; padding: 10px 15px; margin-top: 2rem; margin-bottom: 1.6rem; } }

.h3-style02 h3:before { position: absolute; content: ""; left: 0px; width: 5px; background: #000; opacity: 0.5; border-radius: 1px; }

@media (max-width: 767px) { .h3-style02 h3:before { top: 3px; height: 34px; } }

@media (min-width: 768px) { .h3-style02 h3:before { top: 5px; height: 40px; } }

.h3-style02 h3:after { position: absolute; content: ""; left: 0px; width: 5px; background: red; border-top-right-radius: 1px; border-top-left-radius: 1px; }

@media (max-width: 767px) { .h3-style02 h3:after { top: 3px; height: 17px; } }

@media (min-width: 768px) { .h3-style02 h3:after { top: 5px; height: 20px; } }

/* CSS Document */
.h3-style03 h3 { position: relative; }

@media (max-width: 767px) { .h3-style03 h3 { font-size: 1.2rem; line-height: 1.7rem; padding: 10px 15px; margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style03 h3 { font-size: 1.5rem; line-height: 2rem; padding: 12px 20px; margin-top: 2rem; margin-bottom: 1.6rem; } }

.h3-style03 h3:before { position: absolute; content: ''; width: 6px; height: 100%; left: 0; bottom: 0; background-color: #2b2b2b; border-radius: 3.5px; }

@media (max-width: 767px) { .h3-style03 h3:before { width: 6px; border-radius: 3px; } }

/* CSS Document */
.h3-style04 h3 { position: relative; border-bottom: 1px dashed #ddd; border-left: 5px solid #2b2b2b; }

@media (max-width: 767px) { .h3-style04 h3 { font-size: 1.2rem; line-height: 1.7rem; padding: 4px 10px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style04 h3 { font-size: 1.5rem; line-height: 2rem; padding: 6px 12px; margin-top: 2rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h3-style05 h3 { position: relative; border-bottom: 3px double #ddd; }

@media (max-width: 767px) { .h3-style05 h3 { font-size: 1.15rem; line-height: 1.55rem; padding: 4px 10px; padding-top: 7px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style05 h3 { font-size: 1.5rem; line-height: 2rem; padding: 6px 12px; padding-top: 8px; margin-top: 2rem; margin-bottom: 1.6rem; } }

.h3-style05 h3:before { position: absolute; content: ""; top: 0; left: 0px; width: 100%; height: 100%; background: #000; opacity: 0.05; }

/* CSS Document */
.h3-style06 h3 { position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

@media (max-width: 767px) { .h3-style06 h3 { font-size: 1.15rem; line-height: 1.55rem; padding: 8px 10px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style06 h3 { font-size: 1.5rem; line-height: 2rem; padding: 8px 12px; margin-top: 2rem; margin-bottom: 1.6rem; } }

/* CSS Document */
.h3-style07 h3 { position: relative; }

@media (max-width: 767px) { .h3-style07 h3 { font-size: 1.15rem; line-height: 1.55rem; padding: 8px 10px; margin-top: 1.4rem; margin-bottom: 1rem; font-weight: 700; } }

@media (min-width: 768px) { .h3-style07 h3 { font-size: 1.5rem; line-height: 2rem; padding: 8px 12px; margin-top: 2rem; margin-bottom: 1.6rem; } }

.h3-style07 h3:before { position: absolute; content: ""; top: 0; left: 0px; width: 100%; height: 100%; border-radius: 2px; background: #000; opacity: 0.2; }

/* H4スタイル*/
/* CSS Document */
.h4-style01 h4 { border-left: 2px solid #2b2b2b; }

@media (max-width: 767px) { .h4-style01 h4 { font-size: 1.05rem; line-height: 1.6rem; padding: 2px 8px; margin-top: 1rem; margin-bottom: 0.8rem; font-weight: 700; } }

@media (min-width: 768px) { .h4-style01 h4 { font-size: 1.3rem; line-height: 1.8rem; padding: 2px 12px; margin-top: 1rem; margin-bottom: 0.8rem; } }

/* CSS Document */
.h4-style02 h4 { position: relative; border-radius: 2px; }

@media (max-width: 767px) { .h4-style02 h4 { font-size: 1.1rem; line-height: 1.6rem; padding: 6px 8px; margin-top: 1rem; margin-bottom: 0.8rem; font-weight: 700; } }

@media (min-width: 768px) { .h4-style02 h4 { font-size: 1.3rem; line-height: 1.8rem; padding: 8px 15px; margin-top: 1rem; margin-bottom: 0.8rem; } }

.h4-style02 h4:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-color: #f2f2f2; border-radius: 2px; -webkit-filter: opacity(0.1); filter: opacity(0.1); }

/* CSS Document */
@media (max-width: 767px) { .h4-style03 h4 { font-size: 1.1rem; line-height: 1.6rem; padding: 5px 8px; margin-top: 1rem; margin-bottom: 0.8rem; font-weight: 700; border-bottom: 2px dotted #2b2b2b; } }

@media (min-width: 768px) { .h4-style03 h4 { font-size: 1.3rem; line-height: 1.8rem; padding: 4px 8px; margin-top: 1rem; margin-bottom: 0.8rem; border-bottom: 4px dotted #2b2b2b; } }

/* CSS Document */
.h4-style04 h4 { border-bottom: 1px dashed #ccc; padding-bottom: 0.1em; padding-left: 0.2em; margin-top: 0.7em; margin-bottom: 0.9em; }

@media (max-width: 767px) { .h4-style04 h4 { font-size: 1.1rem; } }

@media (min-width: 768px) { .h4-style04 h4 { font-size: 1.3rem; } }

/* JINオリジナルアイコンを見出し先頭に表示させる設定 */
/* CSS Document */
@media (max-width: 767px) { .jin-h2-icons h2 { padding-left: 10px !important; } }

@media (min-width: 768px) { .jin-h2-icons h2 { padding-left: 12px !important; } }

@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; }

.jin-h2-icons.h2-style04 h2 { padding-left: 0px !important; }

@media (max-width: 767px) { .jin-h2-icons.h2-style01 h2 { padding-left: 11px !important; } }

@media (max-width: 767px) { .jin-h2-icons.h2-style06 h2, .jin-h2-icons.h2-style07 h2, .jin-h2-icons.h2-style09 h2 { padding-left: 5px !important; } }

@media (min-width: 768px) { .jin-h2-icons.h2-style06 h2, .jin-h2-icons.h2-style07 h2, .jin-h2-icons.h2-style09 h2 { padding-left: 6px !important; } }

.jin-h2-icons.h2-style08 h2 { padding-left: 22px !important; }

.jin-h2-icons.h2-style10 h2 { padding-left: 6px !important; }

@media (max-width: 767px) { .jin-h3-icons h3 { padding-left: 8px !important; } }

@media (min-width: 768px) { .jin-h3-icons h3 { padding-left: 10px !important; } }

@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, .jin-h3-icons.h3-style04 h3 { padding-left: 5px !important; } }

@media (min-width: 768px) { .jin-h3-icons.h3-style01 h3, .jin-h3-icons.h3-style04 h3 { padding-left: 6px !important; } }

@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 { padding-left: 12px !important; } }

@media (min-width: 768px) { .jin-h3-icons.h3-style02 h3 { padding-left: 14px !important; } }

@media (max-width: 767px) { .jin-h3-icons.h3-style02 h3 .jic:before { line-height: 1.3rem; } }

.jin-h3-icons.h3-style03 h3 { padding-left: 14px !important; }

@media (max-width: 767px) { .jin-h3-icons.h3-style03 h3 .jic:before { line-height: 1.3rem; } }

@media (max-width: 767px) { .jin-h4-icons h4 { padding-left: 8px !important; } }

@media (min-width: 768px) { .jin-h4-icons h4 { padding-left: 8px !important; } }

@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; } }

.jin-h4-icons.h4-style01 h4 { padding-left: 10px !important; }

@media (max-width: 767px) { .jin-h4-icons.h4-style01 h4 .jic:before { line-height: 1.1rem; } }

.jin-h4-icons.h4-style02 h4 { padding-left: 10px !important; }

@media (max-width: 767px) { .jin-h4-icons.h4-style02 h4 .jic:before { line-height: 1.1rem; } }

.jin-h4-icons.h4-style03 h4, .jin-h4-icons.h4-style04 h4 { padding-left: 2px !important; }

@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; } }

/* ショートコード */
/* CSS Document */
/*シンタックスハイライター*/
.jin-code { position: relative; }

.jin-code pre { max-width: 100%; border-radius: 4px; border-top-left-radius: 0px; border: 1px solid #ccc; background-color: rgba(0, 0, 0, 0.05) !important; margin-bottom: 30px; overflow: scroll; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; box-sizing: border-box; padding-top: 20px !important; padding-bottom: 20px !important; }

@media (max-width: 767px) { .jin-code pre { margin-top: 35px !important; } }

@media (min-width: 768px) { .jin-code pre { margin-top: 40px !important; } }

.jin-code code { font-size: 0.9rem; padding: 20px !important; padding-left: 0 !important; }

.jin-code p { padding-bottom: 0; }

.jin-code ol li:before { display: none; }

.jin-code ol li:after { color: #888; font-size: 0.75rem; }

@media (max-width: 767px) { .jin-code ol li:after { left: -7px !important; top: 12px; } }

@media (min-width: 768px) { .jin-code ol li:after { left: -5px !important; top: 11px; } }

.jin-code ol li { background-color: transparent !important; margin-bottom: 2px; }

pre[class*="language-"].line-numbers > code { padding-top: 1px; }

.code-toolbar .toolbar { right: 0.4em !important; }

.code-toolbar .toolbar a { text-decoration: none; font-size: 0.75rem !important; padding: 4px 9px 5px 9px !important; border-radius: 10px !important; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2) !important; background-color: #c8c2be !important; color: #fff !important; }

.jin-code-title { position: absolute; line-height: 0; font-size: 0.9rem; left: 0px; top: -28px; color: #fff; padding: 15px 15px; padding-bottom: 13px; background: #888; border-top-left-radius: 4px; border-top-right-radius: 4px; }

@media (min-width: 768px) { .jin-code-title { font-weight: 500; } }

@media (max-width: 767px) { .jin-code-title { font-weight: 700; } }

/*アイコンボックス*/
.jin-icons { font-size: 20px; }

.jin-iconbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px; margin: 20px; border-radius: 5px; }

@media (min-width: 768px) { .jin-iconbox { width: 90%; margin-left: auto; margin-right: auto; } }

p + .jin-iconbox { margin-top: 0; }

img + .jin-iconbox { margin-top: 5px; }

.jin-iconbox + p, .jin-iconbox + img { padding-top: 10px; }

.jin-iconbox-icons { padding-right: 14px; padding-left: 2px; }

.jin-iconbox-main { padding-left: 15px; font-size: 0.95rem; line-height: 1.4rem; }

.yellow-iconbox { background-color: #FFF9DF; }

.green-iconbox { background-color: #e8f9e9; }

.red-iconbox { background-color: #FFF0F2; }

.blue-iconbox { background-color: #EEF0FA; }

.yellow--border { border-left: 2px dashed #FFE89B; }

.green--border { border-left: 2px dashed #A5EDAF; }

.red--border { border-left: 2px dashed #FFD1D1; }

.blue--border { border-left: 2px dashed #D5D9F2; }

.jin-icon-caution .jin-iconbox-main P, .jin-icon-star .jin-iconbox-main P, .jin-icon-bulb .jin-iconbox-main P, .jin-icon-cart .jin-iconbox-main P, .jin-icon-speaker .jin-iconbox-main P, .jin-icon-comment .jin-iconbox-main P, .jin-icon-checkcircle .jin-iconbox-main P, .jin-icon-pencil .jin-iconbox-main P, .jin-icon-like .jin-iconbox-main P, .jin-icon-information .jin-iconbox-main P, .jin-icon-gear .jin-iconbox-main P, .jin-icon-clipboard .jin-iconbox-main P, .jin-icon-heart .jin-iconbox-main P, .jin-icon-unlike .jin-iconbox-main P, .jin-icon-question .jin-iconbox-main P, .jin-icon-flag .jin-iconbox-main P { padding-bottom: 0; }

.jin-icon-caution .jin-iconbox-main ul, .jin-icon-caution .jin-iconbox-main ol, .jin-icon-star .jin-iconbox-main ul, .jin-icon-star .jin-iconbox-main ol, .jin-icon-bulb .jin-iconbox-main ul, .jin-icon-bulb .jin-iconbox-main ol, .jin-icon-cart .jin-iconbox-main ul, .jin-icon-cart .jin-iconbox-main ol, .jin-icon-speaker .jin-iconbox-main ul, .jin-icon-speaker .jin-iconbox-main ol, .jin-icon-comment .jin-iconbox-main ul, .jin-icon-comment .jin-iconbox-main ol, .jin-icon-checkcircle .jin-iconbox-main ul, .jin-icon-checkcircle .jin-iconbox-main ol, .jin-icon-pencil .jin-iconbox-main ul, .jin-icon-pencil .jin-iconbox-main ol, .jin-icon-like .jin-iconbox-main ul, .jin-icon-like .jin-iconbox-main ol, .jin-icon-information .jin-iconbox-main ul, .jin-icon-information .jin-iconbox-main ol, .jin-icon-gear .jin-iconbox-main ul, .jin-icon-gear .jin-iconbox-main ol, .jin-icon-clipboard .jin-iconbox-main ul, .jin-icon-clipboard .jin-iconbox-main ol, .jin-icon-heart .jin-iconbox-main ul, .jin-icon-heart .jin-iconbox-main ol, .jin-icon-unlike .jin-iconbox-main ul, .jin-icon-unlike .jin-iconbox-main ol, .jin-icon-question .jin-iconbox-main ul, .jin-icon-question .jin-iconbox-main ol, .jin-icon-flag .jin-iconbox-main ul, .jin-icon-flag .jin-iconbox-main ol { padding: 15px 0; }

.jin-icon-caution, .jin-icon-star, .jin-icon-bulb, .jin-icon-cart { background-color: #FFF9DF; }

.jin-icon-caution .jin-iconbox-main, .jin-icon-star .jin-iconbox-main, .jin-icon-bulb .jin-iconbox-main, .jin-icon-cart .jin-iconbox-main { border-left: 2px dashed #FFE89B; }

.jin-icon-speaker, .jin-icon-comment, .jin-icon-checkcircle, .jin-icon-pencil { background-color: #e8f9e9; }

.jin-icon-speaker .jin-iconbox-main, .jin-icon-comment .jin-iconbox-main, .jin-icon-checkcircle .jin-iconbox-main, .jin-icon-pencil .jin-iconbox-main { border-left: 2px dashed #A5EDAF; }

.jin-icon-like, .jin-icon-information, .jin-icon-gear, .jin-icon-clipboard { background-color: #EEF0FA; }

.jin-icon-like .jin-iconbox-main, .jin-icon-information .jin-iconbox-main, .jin-icon-gear .jin-iconbox-main, .jin-icon-clipboard .jin-iconbox-main { border-left: 2px dashed #D5D9F2; }

.jin-icon-heart, .jin-icon-unlike, .jin-icon-question, .jin-icon-flag { background-color: #FFF0F2; }

.jin-icon-heart .jin-iconbox-main, .jin-icon-unlike .jin-iconbox-main, .jin-icon-question .jin-iconbox-main, .jin-icon-flag .jin-iconbox-main { border-left: 2px dashed #FFD1D1; }

@media (max-width: 767px) { .jin-iconbox { margin: 20px 0; } }

.jin-iconbox-icons { /*グリーンアイコン*/ /*ブルーアイコン*/ /*レッドアイコン*/ }

.jin-iconbox-icons .jin-icons { vertical-align: middle; }

.jin-iconbox-icons .jin-icons:before { padding-bottom: 3px; }

@media (max-width: 767px) { .jin-iconbox-icons .jin-icons:before { padding-bottom: 1px; } }

.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-iconbox-icons .fa-twitter.jin-icons { color: #00acee; }

.jin-iconbox-icons .fa-bitcoin.jin-icons, .jin-iconbox-icons .fa-amazon.jin-icons { color: #FF9902; }

.jin-iconbox-icons .fa-facebook-square.jin-icons { color: #3B469C; }

.jin-iconbox-icons .fa-instagram.jin-icons { color: #C92670; }

.jin-iconbox-icons .fa-line.jin-icons { color: #00B901; }

/*カラム分け*/
@media (max-width: 767px) { .jin-2column, .jin-3column { display: block; margin-bottom: 30px; } }

@media (min-width: 768px) { .jin-2column, .jin-3column { display: block; margin-bottom: 30px; } }

@media (min-width: 1200px) { .jin-2column, .jin-3column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } }

.jin-2column p, .jin-3column p { padding-bottom: 0 !important; }

.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; } }

@media (max-width: 767px) { .jin-2column-left, .jin-2column-right { width: 100%; padding: 15px; margin-bottom: 20px; } }

@media (min-width: 768px) { .jin-2column-left, .jin-2column-right { width: 100%; padding: 20px; margin-bottom: 20px; } }

@media (min-width: 1200px) { .jin-2column-left, .jin-2column-right { width: 49.2%; padding: 20px; } }

@media (max-width: 767px) { .jin-3column-left, .jin-3column-center, .jin-3column-right { width: 100%; padding: 15px; margin-bottom: 20px; } }

@media (min-width: 768px) { .jin-3column-left, .jin-3column-center, .jin-3column-right { width: 100%; padding: 20px; margin-bottom: 20px; } }

@media (min-width: 1200px) { .jin-3column-left, .jin-3column-center, .jin-3column-right { width: 32.2%; padding: 20px; } }

@media (min-width: 768px) { .page-template-onecolumn .jin-2column, .page-template-onecolumn .jin-3column, .page-template-lp .jin-2column, .page-template-lp .jin-3column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } }

@media (min-width: 768px) { .page-template-onecolumn .jin-2column .jin-2column-left, .page-template-onecolumn .jin-2column .jin-2column-right, .page-template-onecolumn .jin-3column .jin-2column-left, .page-template-onecolumn .jin-3column .jin-2column-right, .page-template-lp .jin-2column .jin-2column-left, .page-template-lp .jin-2column .jin-2column-right, .page-template-lp .jin-3column .jin-2column-left, .page-template-lp .jin-3column .jin-2column-right { width: 49.2%; padding: 20px; } }

@media (min-width: 768px) { .page-template-onecolumn .jin-2column .jin-3column-left, .page-template-onecolumn .jin-2column .jin-3column-center, .page-template-onecolumn .jin-2column .jin-3column-right, .page-template-onecolumn .jin-3column .jin-3column-left, .page-template-onecolumn .jin-3column .jin-3column-center, .page-template-onecolumn .jin-3column .jin-3column-right, .page-template-lp .jin-2column .jin-3column-left, .page-template-lp .jin-2column .jin-3column-center, .page-template-lp .jin-2column .jin-3column-right, .page-template-lp .jin-3column .jin-3column-left, .page-template-lp .jin-3column .jin-3column-center, .page-template-lp .jin-3column .jin-3column-right { width: 32.2%; padding: 20px; } }

@media (min-width: 768px) { .page-template-onecolumn .jin-2column-left, .page-template-onecolumn .jin-2column-right, .page-template-lp .jin-2column-left, .page-template-lp .jin-2column-right, .page-template-onecolumn .jin-3column-left, .page-template-onecolumn .jin-3column-center, .page-template-onecolumn .jin-3column-right, .page-template-lp .jin-3column-left, .page-template-lp .jin-3column-center, .page-template-lp .jin-3column-right { padding: 30px; } }

.jin-3column-left.col-nocolor, .jin-3column-center.col-nocolor, .jin-3column-right.col-nocolor, .jin-2column-left.col-nocolor, .jin-2column-right.col-nocolor { background-color: transparent !important; }

@media (max-width: 767px) { .jin-3column-left.col-nocolor, .jin-3column-center.col-nocolor, .jin-3column-right.col-nocolor, .jin-2column-left.col-nocolor, .jin-2column-right.col-nocolor { padding: 10px !important; } }

@media (min-width: 768px) { .jin-3column-left.col-nocolor, .jin-3column-center.col-nocolor, .jin-3column-right.col-nocolor, .jin-2column-left.col-nocolor, .jin-2column-right.col-nocolor { padding: 10px !important; } }

/*画像加工*/
.jin-img-shadow-on img { -webkit-box-shadow: 0px 0px 5px 3px #eee; box-shadow: 0px 0px 5px 3px #eee; }

.jin-img-radius-on img { border-radius: 500px; }

.jin-img-border-on img { border: 3px solid #eee; }

.jin-img-shadow img { -webkit-box-shadow: 0px 3px 7px 1px #bbb; box-shadow: 0px 3px 7px 1px #bbb; }

.jin-img-kadomaru img { -webkit-box-shadow: 0px 3px 6px 1px #bbb; box-shadow: 0px 3px 6px 1px #bbb; border-radius: 10px; }

.jin-img-waku img { -webkit-box-shadow: 0px 4px 6px 1px #ccc; box-shadow: 0px 4px 6px 1px #ccc; padding: 10px; border-top: 1px solid #f3f3f3; }

.jin-img-maruwaku img { -webkit-box-shadow: 0px 4px 6px 1px #ccc; box-shadow: 0px 4px 6px 1px #ccc; border-top: 1px solid #f3f3f3; border-radius: 999px; }

/*　LP用見出し　*/
.jin-lp-h2 h2:before, .jin-lp-h2 h2:after { display: none; }

.jin-lp-h2 h2 { border: none; background-color: none !important; padding: 0; margin: 0; border-radius: 0; font-size: 1rem; }

.jin-lp-h2 h2 { display: block !important; text-align: center; }

@media (max-width: 767px) { .jin-lp-h2 h2 { font-size: 1.4rem; line-height: 1.7rem; padding-bottom: 10px; padding-top: 20px; margin-bottom: 25px; text-align: center; font-weight: 700 !important; } }

@media (min-width: 768px) { .jin-lp-h2 h2 { font-size: 1.6rem; line-height: 1.9rem; padding-bottom: 10px; padding-top: 40px; margin-bottom: 25px; text-align: center; } }

@media (max-width: 767px) { .jinlph2-style1 h2:first-letter { font-size: 1.7rem; } }

@media (min-width: 768px) { .jinlph2-style1 h2:first-letter { font-size: 2.2rem; } }

.jinlph2-style2 h2 { border-bottom: 2px solid #f7f7f7; }

.jinlph2-style3 h2 { border: 2px solid #f7f7f7; }

@media (max-width: 767px) { .jinlph2-style3 h2 { margin-top: 20px; padding: 15px !important; font-weight: 500 !important; } }

@media (min-width: 768px) { .jinlph2-style3 h2 { margin-top: 30px; padding: 20px !important; } }

/*　カラム分けの見出しスタイル　*/
@media (max-width: 767px) { .jincol-h3 { font-size: 1.2rem; line-height: 1.5rem; padding-bottom: 5px; padding-top: 10px; margin-bottom: 20px; text-align: center; font-weight: 700; } }

@media (min-width: 768px) { .jincol-h3 { font-size: 1.2rem; line-height: 1.5rem; padding-bottom: 10px; margin-bottom: 25px; text-align: center; font-weight: 500; } }

@media (max-width: 767px) { .jincolumn-h3style1 { padding-bottom: 0px !important; } }

@media (min-width: 768px) { .jincolumn-h3style1 { padding-bottom: 0px !important; } }

.jincolumn-h3style2 { border-bottom: 2px solid #ccc; }

/*　線　*/
.jin-sen { padding-top: 20px; padding-bottom: 50px; }

.jin-sen .jin-sen-solid, .jin-sen .jin-sen-dashed, .jin-sen .jin-sen-double { width: 100%; }

.jin-sen .jin-sen-solid { border-top: 3px solid #f7f7f7; border-radius: 20px; }

.jin-sen .jin-sen-dashed { border-top: 3px dashed #f7f7f7; }

.jin-sen .jin-sen-double { border-top: 3px double #f7f7f7; }

/*　余白　*/
.jin-yohaku10, .jin-yohaku15, .jin-yohaku20, .jin-yohaku25, .jin-yohaku30, .jin-yohaku35, .jin-yohaku40, .jin-yohaku45, .jin-yohaku50 { width: 100%; }

.jin-yohaku10 { height: 10px; }

.jin-yohaku15 { height: 15px; }

.jin-yohaku20 { height: 20px; }

.jin-yohaku25 { height: 25px; }

.jin-yohaku30 { height: 30px; }

.jin-yohaku35 { height: 35px; }

.jin-yohaku40 { height: 40px; }

.jin-yohaku45 { height: 45px; }

.jin-yohaku50 { height: 50px; }

/*　付箋　*/
.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; -webkit-box-shadow: 2px 2px 5px 1px #f3f3f3; box-shadow: 2px 2px 5px 1px #f3f3f3; }

.jin-photo-title .jin-fusen1-down { -webkit-transform: rotate(2deg); transform: rotate(2deg); }

.jin-photo-title .jin-fusen1-up { -webkit-transform: rotate(-2deg); 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; }

@-webkit-keyframes jin-shiny { 0% { -webkit-transform: translateX(-100px);
    transform: translateX(-100px); }
  20% { -webkit-transform: translateX(300px);
    transform: translateX(300px); }
  100% { -webkit-transform: translateX(300px);
    transform: translateX(300px); } }

@keyframes jin-shiny { 0% { -webkit-transform: translateX(-100px);
    transform: translateX(-100px); }
  20% { -webkit-transform: translateX(300px);
    transform: translateX(300px); }
  100% { -webkit-transform: translateX(300px);
    transform: translateX(300px); } }

@-webkit-keyframes jin-float { 50% { -webkit-transform: scale(1.07); transform: scale(1.07); } }

@keyframes jin-float { 50% { -webkit-transform: scale(1.07); transform: scale(1.07); } }

@-webkit-keyframes jin-bound { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  5% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  12% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  18% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  24% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px); } }

@keyframes jin-bound { 0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  5% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  12% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  18% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }
  24% { -webkit-transform: translateY(0px); transform: translateY(0px); }
  100% { -webkit-transform: translateY(0px); transform: translateY(0px); } }

/*　ビジュアルボタン　*/
.cps-post-main p + .jin-flexbox { margin-top: -40px; }

.jin-flexbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (max-width: 767px) { .jin-flexbox a { font-weight: bold; } }

.jin-flexbox a:hover { opacity: 1; }

.jin-flexbox .jsb-visual-shiny { position: relative; }

.jin-flexbox .jsb-visual-shiny:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: rgba(255, 255, 255, 0.5); width: 60px; height: 130px; opacity: .5; -webkit-filter: blur(30px); filter: blur(30px); -webkit-transform: skewX(-15deg); transform: skewX(-15deg); -webkit-animation: 3s jin-shiny ease infinite; animation: 3s jin-shiny ease infinite; }

.jin-flexbox .jsb-visual-float { -webkit-animation: 2s jin-float ease infinite; animation: 2s jin-float ease infinite; }

.jin-flexbox .jsb-visual-bound { -webkit-animation: 2s jin-bound ease infinite; animation: 2s jin-bound ease infinite; }

.jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-down a, .jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-up a, .jin-flexbox div:not(.jsb-visual-shiny).jsb-hover-hop a { will-change: transform; }

.jin-flexbox .jsb-hover-down a:hover { -webkit-transform: scale(0.95); transform: scale(0.95); }

.jin-flexbox .jsb-hover-up a:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }

.jin-flexbox .jsb-hover-hop a:hover { -webkit-transform: translateY(-7px); transform: translateY(-7px); -webkit-box-shadow: 0px 5px 15px -5px #ddd; box-shadow: 0px 5px 15px -5px #ddd; }

@media (max-width: 767px) { .jsb-sp-2col-off { display: block !important; text-align: center; }
  .jsb-sp-2col-off .jin-shortcode-button a { padding: 16px 80px; margin: 6px 0; }
  .jsb-sp-2col-off p { padding-bottom: 0; }
  .jsb-sp-2col-on .jin-shortcode-button a { padding: 12px 24px; font-size: 14px; } }

.jin-shortcode-button { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; will-change: transform; margin-left: 5px; margin-right: 5px; }

.jin-shortcode-button a { display: inline-block; font-size: 17px; margin: 20px 0; background: #54dcef; border-radius: 50px; color: #fff !important; text-decoration: none !important; -webkit-box-shadow: 0px 5px 15px -5px #ccc; box-shadow: 0px 5px 15px -5px #ccc; text-align: center; }

@media (max-width: 767px) { .jin-shortcode-button a { padding: 15px 40px; } }

@media (min-width: 768px) { .jin-shortcode-button a { padding: 15px 40px; } }

@media (min-width: 1024px) { .jin-shortcode-button a { padding: 19px 80px; } }

.gb-two-button-box { text-align: center; }

.gb-two-button-box .jin-flexbox { display: inline-block; }

.gb-two-button-box .jin-shortcode-button { display: inline; }

@media (max-width: 767px) { .gb-two-button-box .jin-shortcode-button a { padding: 12px 30px; } }

@media (min-width: 768px) { .gb-two-button-box .jin-shortcode-button a { padding: 15px 30px; } }

@media (min-width: 1024px) { .gb-two-button-box .jin-shortcode-button a { padding: 15px 60px; } }

.gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a { display: inline-block; width:100%; }
.gb-two-button-box .color-button01, .gb-two-button-box .color-button02 { width:100%; }

@media (max-width: 767px) { .gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a { padding: 15px 14px !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; } }
@media (min-width: 1024px) { 
.gb-two-button-box .color-button01 a, .gb-two-button-box .color-button02 a { display: inline-block; width:435px;letter-spacing:-0.5px; }
.gb-two-button-box .color-button01, .gb-two-button-box .color-button02 { width:435px; }
}
/* 吹き出し */
.balloon-box { position: relative; overflow: hidden; padding-bottom: 3px; }

.balloon-icon { position: absolute; top: 0; overflow: hidden; width: 80px; height: 80px; margin-bottom: 0; }

@media (max-width: 767px) { .balloon-icon { width: 60px; height: 60px; } }

.balloon-icon.maru { border: 2px solid #eee; border-radius: 40px; }

.icon-name { position: absolute; text-align: center; letter-spacing: 0; line-height: 0.7rem !important; color: #777; }

@media (max-width: 767px) { .icon-name { width: 60px; top: 62px; font-size: 9px; } }

@media (min-width: 768px) { .icon-name { width: 80px; top: 85px; font-size: 10px; } }

.balloon-icon img { width: 80px; height: auto; margin-bottom: 0 !important; }

@media (max-width: 767px) { .balloon-icon img { width: 60px; } }

.balloon-serif .balloon-content img.star { width: 24%; padding-bottom: 1px; margin-bottom: -3px !important; }

@media (max-width: 767px) { .balloon-serif .balloon-content img.star { width: 38%; padding-bottom: 2px; } }

.balloon-content p:last-of-type { padding-bottom: 0 !important; }

.balloon-left .balloon-icon { left: 0; }

.balloon-left .icon-name { left: 0; }

.balloon-left .balloon-serif { position: relative; float: left; margin: 0 105px 40px 105px; padding: 0; }

@media (max-width: 767px) { .balloon-left .balloon-serif { margin: 0 0px 30px 78px; } }

.balloon-left .balloon-serif:before { content: ""; position: absolute; left: -7px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 10px 7px 0; z-index: 3; }

@media (max-width: 767px) { .balloon-left .balloon-serif:before { top: 13px; } }

@media (min-width: 768px) { .balloon-left .balloon-serif:before { top: 16px; } }

.balloon-left .balloon-serif:after { content: ""; position: absolute; left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 8px 10px 8px 0; z-index: 2; }

@media (max-width: 767px) { .balloon-left .balloon-serif:after { top: 12px; } }

@media (min-width: 768px) { .balloon-left .balloon-serif:after { top: 15px; } }

.balloon-left .balloon-serif .balloon-content { position: relative; line-height: 1.5rem; border: 2px solid #ccc; background: #fff; border-radius: 6px; font-size: 0.95em; z-index: 2; }

@media (max-width: 767px) { .balloon-left .balloon-serif .balloon-content { padding: 0.8rem; } }

@media (min-width: 768px) { .balloon-left .balloon-serif .balloon-content { padding: 1.15rem; } }

.balloon-right .balloon-icon { right: 0; }

.balloon-right .icon-name { right: 0; }

.balloon-right .balloon-serif { position: relative; float: right; margin: 0 105px 40px 105px; padding: 0; }

@media (max-width: 767px) { .balloon-right .balloon-serif { margin: 0 78px 30px 0px; } }

.balloon-right .balloon-serif:before { content: ""; position: absolute; right: -7px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 7px 0px 7px 10px; z-index: 3; }

@media (max-width: 767px) { .balloon-right .balloon-serif:before { top: 13px; } }

@media (min-width: 768px) { .balloon-right .balloon-serif:before { top: 16px; } }

.balloon-right .balloon-serif:after { content: ""; position: absolute; right: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 8px 0px 8px 10px; z-index: 2; }

@media (max-width: 767px) { .balloon-right .balloon-serif:after { top: 12px; } }

@media (min-width: 768px) { .balloon-right .balloon-serif:after { top: 15px; } }

.balloon-right .balloon-serif .balloon-content { position: relative; line-height: 1.5rem; border: 2px solid; border-radius: 6px; font-size: 0.95em; z-index: 2; }

@media (max-width: 767px) { .balloon-right .balloon-serif .balloon-content { padding: 0.8rem; } }

@media (min-width: 768px) { .balloon-right .balloon-serif .balloon-content { padding: 1.15rem; } }

.balloon-box ol li { position: relative; display: block; padding: 1px 0px 5px 25px; margin-bottom: 0.15em; }

.balloon-box ol li:after { counter-increment: li; content: counter(li); position: absolute; left: 0px; top: 1.2em; padding: 0 0 0 0px; height: 20px; width: 20px; color: #fff; text-align: center; font-size: 0.65em; border-radius: 11px; }

.balloon-right.balloon-gray .balloon-serif:after, .balloon-right.has-ccc-ballon .balloon-serif:after { border-color: transparent transparent transparent #ccc; }

.balloon-right.balloon-gray .balloon-content, .balloon-right.has-ccc-ballon .balloon-content { border-color: #ccc; }

.balloon-left.balloon-gray .balloon-serif:after, .balloon-left.has-ccc-ballon .balloon-serif:after { border-color: transparent #ccc transparent transparent; }

.balloon-left.balloon-gray .balloon-content, .balloon-left.has-ccc-ballon .balloon-content { border-color: #ccc; }

.balloon-right.balloon-bg-gray .balloon-serif:before, .balloon-right.has-efefef-bgballon .balloon-serif:before { border-color: transparent transparent transparent #efefef; }

.balloon-right.balloon-bg-gray .balloon-content, .balloon-right.has-efefef-bgballon .balloon-content { background: #efefef; }

.balloon-left.balloon-bg-gray .balloon-serif:before, .balloon-left.has-efefef-bgballon .balloon-serif:before { border-color: transparent #efefef transparent transparent; }

.balloon-left.balloon-bg-gray .balloon-content, .balloon-left.has-efefef-bgballon .balloon-content { background: #efefef; }

.balloon-right.balloon-blue .balloon-serif:after, .balloon-right.has-93-d-2-f-0-ballon .balloon-serif:after { border-color: transparent transparent transparent #93D2F0; }

.balloon-right.balloon-blue .balloon-content, .balloon-right.has-93-d-2-f-0-ballon .balloon-content { border-color: #93D2F0; }

.balloon-left.balloon-blue .balloon-serif:after, .balloon-left.has-93-d-2-f-0-ballon .balloon-serif:after { border-color: transparent #93D2F0 transparent transparent; }

.balloon-left.balloon-blue .balloon-content, .balloon-left.has-93-d-2-f-0-ballon .balloon-content { border-color: #93D2F0; }

.balloon-right.balloon-bg-blue .balloon-serif:before, .balloon-right.has-e-2-f-6-ff-bgballon .balloon-serif:before { border-color: transparent transparent transparent #E2F6FF; }

.balloon-right.balloon-bg-blue .balloon-content, .balloon-right.has-e-2-f-6-ff-bgballon .balloon-content { background: #E2F6FF; }

.balloon-left.balloon-bg-blue .balloon-serif:before, .balloon-left.has-e-2-f-6-ff-bgballon .balloon-serif:before { border-color: transparent #E2F6FF transparent transparent; }

.balloon-left.balloon-bg-blue .balloon-content, .balloon-left.has-e-2-f-6-ff-bgballon .balloon-content { background: #E2F6FF; }

.balloon-right.balloon-red .balloon-serif:after, .balloon-right.has-f-48789-ballon .balloon-serif:after { border-color: transparent transparent transparent #F48789; }

.balloon-right.balloon-red .balloon-content, .balloon-right.has-f-48789-ballon .balloon-content { border-color: #F48789; }

.balloon-left.balloon-red .balloon-serif:after, .balloon-left.has-f-48789-ballon .balloon-serif:after { border-color: transparent #F48789 transparent transparent; }

.balloon-left.balloon-red .balloon-content, .balloon-left.has-f-48789-ballon .balloon-content { border-color: #F48789; }

.balloon-right.balloon-bg-red .balloon-serif:before, .balloon-right.has-ffebeb-bgballon .balloon-serif:before { border-color: transparent transparent transparent #FFEBEB; }

.balloon-right.balloon-bg-red .balloon-content, .balloon-right.has-ffebeb-bgballon .balloon-content { background: #FFEBEB; }

.balloon-left.balloon-bg-red .balloon-serif:before, .balloon-left.has-ffebeb-bgballon .balloon-serif:before { border-color: transparent #FFEBEB transparent transparent; }

.balloon-left.balloon-bg-red .balloon-content, .balloon-left.has-ffebeb-bgballon .balloon-content { background: #FFEBEB; }

.balloon-right.balloon-green .balloon-serif:after, .balloon-right.has-9-ddd-93-ballon .balloon-serif:after { border-color: transparent transparent transparent #9DDD93; }

.balloon-right.balloon-green .balloon-content, .balloon-right.has-9-ddd-93-ballon .balloon-content { border-color: #9DDD93; }

.balloon-left.balloon-green .balloon-serif:after, .balloon-left.has-9-ddd-93-ballon .balloon-serif:after { border-color: transparent #9DDD93 transparent transparent; }

.balloon-left.balloon-green .balloon-content, .balloon-left.has-9-ddd-93-ballon .balloon-content { border-color: #9DDD93; }

.balloon-right.balloon-bg-green .balloon-serif:before, .balloon-right.has-d-1-f-8-c-2-bgballon .balloon-serif:before { border-color: transparent transparent transparent #D1F8C2; }

.balloon-right.balloon-bg-green .balloon-content, .balloon-right.has-d-1-f-8-c-2-bgballon .balloon-content { background: #D1F8C2; }

.balloon-left.balloon-bg-green .balloon-serif:before, .balloon-left.has-d-1-f-8-c-2-bgballon .balloon-serif:before { border-color: transparent #D1F8C2 transparent transparent; }

.balloon-left.balloon-bg-green .balloon-content, .balloon-left.has-d-1-f-8-c-2-bgballon .balloon-content { background: #D1F8C2; }

.balloon-right.balloon-yellow .balloon-serif:after, .balloon-right.has-ffd-75-e-ballon .balloon-serif:after { border-color: transparent transparent transparent #FFD75E; }

.balloon-right.balloon-yellow .balloon-content, .balloon-right.has-ffd-75-e-ballon .balloon-content { border-color: #FFD75E; }

.balloon-left.balloon-yellow .balloon-serif:after, .balloon-left.has-ffd-75-e-ballon .balloon-serif:after { border-color: transparent #FFD75E transparent transparent; }

.balloon-left.balloon-yellow .balloon-content, .balloon-left.has-ffd-75-e-ballon .balloon-content { border-color: #FFD75E; }

.balloon-right.balloon-bg-yellow .balloon-serif:before, .balloon-right.has-fff-8-d-1-bgballon .balloon-serif:before { border-color: transparent transparent transparent #FFF8D1; }

.balloon-right.balloon-bg-yellow .balloon-content, .balloon-right.has-fff-8-d-1-bgballon .balloon-content { background: #FFF8D1; }

.balloon-left.balloon-bg-yellow .balloon-serif:before, .balloon-left.has-fff-8-d-1-bgballon .balloon-serif:before { border-color: transparent #FFF8D1 transparent transparent; }

.balloon-left.balloon-bg-yellow .balloon-content, .balloon-left.has-fff-8-d-1-bgballon .balloon-content { background: #FFF8D1; }

.balloon-right.balloon-bg-none .balloon-serif:before, .balloon-right.has-fff-bgballon .balloon-serif:before { border-color: transparent transparent transparent #fff; }

.balloon-right.balloon-bg-none .balloon-content, .balloon-right.has-fff-bgballon .balloon-content { background: #fff; }

.balloon-left.balloon-bg-none .balloon-serif:before, .balloon-left.has-fff-bgballon .balloon-serif:before { border-color: transparent #fff transparent transparent; }

.balloon-left.balloon-bg-none .balloon-content, .balloon-left.has-fff-bgballon .balloon-content { background: #fff; }

.balloon-left.balloon-none .balloon-serif:after, .balloon-left.balloon-none .balloon-content, .balloon-right.balloon-none .balloon-serif:after, .balloon-right.balloon-none .balloon-content, .balloon-left.has-fff-ballon .balloon-serif:after, .balloon-left.has-fff-ballon .balloon-content, .balloon-right.has-fff-ballon .balloon-serif:after, .balloon-right.has-fff-ballon .balloon-content { border-color: transparent; }

.balloon-left.balloon-none .balloon-serif:before, .balloon-left.has-fff-ballon .balloon-serif:before { left: -9px; }

.balloon-right.balloon-none .balloon-serif:before, .balloon-right.has-fff-ballon .balloon-serif:before { right: -9px; }

/*ランキング用の装飾*/
.ranking-number { height: auto; }

@media (max-width: 767px) { .ranking-number { width: 45px; } }

@media (min-width: 768px) { .ranking-number { width: 52px; } }

.ranking-number-girly { height: auto; }

@media (max-width: 767px) { .ranking-number-girly { width: 45px; } }

@media (min-width: 768px) { .ranking-number-girly { width: 50px; } }

.ranking-number-rich { height: auto; }

@media (max-width: 767px) { .ranking-number-rich { width: 35px; } }

@media (min-width: 768px) { .ranking-number-rich { width: 38px; } }

h2 .ranking-number, h3 .ranking-number { height: auto; float: left; position: relative; margin-right: 3px; margin-top: -3px; }

@media (max-width: 767px) { h2 .ranking-number, h3 .ranking-number { width: 45px; } }

@media (min-width: 768px) { h2 .ranking-number, h3 .ranking-number { width: 52px; } }

h2 .ranking-number-rich, h3 .ranking-number-rich { height: auto; float: left; position: relative; margin-right: 3px; margin-top: -5px; z-index: 1; }

@media (max-width: 767px) { h2 .ranking-number-rich, h3 .ranking-number-rich { width: 35px; } }

@media (min-width: 768px) { h2 .ranking-number-rich, h3 .ranking-number-rich { width: 38px; } }

h2 .ranking-number-girly, h3 .ranking-number-girly { height: auto; float: left; position: relative; margin-right: 3px; margin-top: -7px; z-index: 1; }

@media (max-width: 767px) { h2 .ranking-number-girly, h3 .ranking-number-girly { width: 45px; } }

@media (min-width: 768px) { h2 .ranking-number-girly, h3 .ranking-number-girly { width: 50px; } }

h2 .ranking-number:after, h3 .ranking-number:after, h2 .ranking-number-rich:after, h3 .ranking-number-rich:after, h2 .ranking-number-girly:after, h3 .ranking-number-girly:after { content: ""; position: absolute; clear: both; }

.jin-ac-box01, .jin-ac-box02 { margin-bottom: 20px; }

.jin-ac-box01-title, .jin-ac-box02-title { padding: 15px 20px; padding-right: 55px; -webkit-box-shadow: 0 2px 6px 0px #dedede; box-shadow: 0 2px 6px 0px #dedede; font-weight: bold; border-radius: 4px; position: relative; font-size: 1.1rem; line-height: 1.5rem; z-index: 1; background: #fff; }

@media (max-width: 767px) { .jin-ac-box01-title, .jin-ac-box02-title { font-size: 1rem; line-height: 1.4rem; padding-right: 50px; } }

.jin-ac-box01-title::after, .jin-ac-box02-title::after { position: absolute; content: "\e932"; font-family: "jin-icons"; right: 20px; top: 17px; -webkit-transition: all 0.5s; transition: all 0.5s; }

@media (max-width: 767px) { .jin-ac-box01-title::after, .jin-ac-box02-title::after { right: 15px; top: 15px; } }

.jin-ac-box02-title { padding-left: 55px; }

@media (max-width: 767px) { .jin-ac-box02-title { padding-left: 50px; } }

.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-title::after { color: #4f5ed2; }

.jin-ac-box01-inner, .jin-ac-box02-inner { border-radius: 4px; margin-top: 15px; }

.jin-ac-box01-inner p, .jin-ac-box02-inner p { font-size: 0.95rem; }

@media (max-width: 767px) { .jin-ac-box01-inner p, .jin-ac-box02-inner p { line-height: 1.45rem; } }

.jin-ac-box01-inner { padding: 30px 30px 0px 30px; background: #f7f7f7; }

@media (max-width: 767px) { .jin-ac-box01-inner { padding: 20px 20px 0px 20px; } }

.jin-ac-box02-inner { position: relative; padding: 30px 30px 0px 55px; background: #fff5f4; }

@media (max-width: 767px) { .jin-ac-box02-inner { padding: 25px 20px 0px 50px; } }

.jin-ac-box02-inner::before { position: absolute; content: "\e99c"; font-family: "jin-icons"; left: 20px; top: 31px; font-size: 1.25em; color: #f1487c; }

@media (max-width: 767px) { .jin-ac-box02-inner::before { top: 26px; } }

.jin-ac-box01-inner, .jin-ac-box02-inner { opacity: 0; -webkit-transition: all 0.1s; transition: all 0.1s; -webkit-transform: translateY(-20px); transform: translateY(-20px); position: absolute; visibility: hidden; }

.jin-ac-box01-inner.open, .jin-ac-box02-inner.open { opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(0px); transform: translateY(0px); position: relative; visibility: visible; }

.jin-ac-box01-title.open::after, .jin-ac-box02-title.open::after { -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: rotate(180deg) translateY(3px); transform: rotate(180deg) translateY(3px); }

/* デフォルトフォント */
/* CSS Document */
body#nofont-style { font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; }

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#nofont-style .ef, body#nofont-style #prev-next a.prev:after, body#nofont-style #prev-next a.next:after { font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; letter-spacing: 2px; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

body#nofont-style input[type="text"], body#nofont-style input[type="search"] { font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; }

/* notoSansフォント */
/* CSS Document */
body#nts-style { font-family: 'Noto Sans Japanese', sans-serif; }

body#nts-style input[type="text"], body#nts-style input[type="search"] { font-family: 'Noto Sans Japanese', sans-serif; }

@media (max-width: 767px) { body#nts-style { font-weight: 300; } }

@media (min-width: 768px) { body#nts-style { font-weight: 200; } }

@media (max-width: 767px) { body#nts-style p { font-weight: 300; } }

@media (min-width: 768px) { body#nts-style p { font-weight: 200; } }

@media (max-width: 767px) { body#nts-style strong { font-weight: 700 !important; } }

@media (min-width: 768px) { body#nts-style strong { font-weight: 500 !important; } }

@media (max-width: 767px) { body#nts-style .sp-menu-box ul li a { font-weight: 500 !important; } }

@media (max-width: 767px) { body#nts-style .sp-menu-box ul li ul li a { font-weight: 300 !important; } }

@media (max-width: 767px) { body#nts-style .sp-menu-box ul.menu-box li a:before { left: 3px; top: 21px; } }

@media (max-width: 767px) { body#nts-style .cps-post-title, body#nts-style .new-entry-item-title, body#nts-style .info-title, body#nts-style #prev-next p, body#nts-style .myname, body#nts-style .widgettitle, body#nts-style .toppost-list-box label, body#nts-style .pickup-title, body#nts-style .profile-name { font-weight: 400 !important; } }

@media (min-width: 768px) { body#nts-style .cps-post-title, body#nts-style .new-entry-item-title, body#nts-style .info-title, body#nts-style #prev-next p, body#nts-style .myname, body#nts-style .widgettitle, body#nts-style .toppost-list-box label, body#nts-style .pickup-title, body#nts-style .profile-name { font-weight: 300 !important; } }

@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 .cps-post-main-box h2, body#nts-style .cps-post-main-box h3, body#nts-style .cps-post-main-box h4, body#nts-style .cps-post-main-box h5, body#nts-style .ranking-title01, body#nts-style .ranking-title02, body#nts-style .ranking-title03, body#nts-style .cps-post-main 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 .cps-post-main-box h2, body#nts-style .cps-post-main-box h3, body#nts-style .cps-post-main-box h4, body#nts-style .cps-post-main-box h5, body#nts-style .ranking-title01, body#nts-style .ranking-title02, body#nts-style .ranking-title03, body#nts-style .cps-post-main table.cps-table03 th, body#nts-style .related-entry-headline-text span { font-weight: 400 !important; } }

@media (max-width: 767px) { body#nts-style .top-image-meta, body#nts-style .fixed-content a, body#nts-style .cps-post-date, body#nts-style .myintro, body#nts-style .myjob, body#nts-style .textwidget, body#nts-style .tagcloud a, body#nts-style .profile-desc, body#nts-style .new-entry-item-title, body#nts-style .widget ul li a, body#nts-style .widget_categories ul li a, body#nts-style .widget_recent_comments .recentcomments { font-weight: 300; } }

@media (min-width: 768px) { body#nts-style .top-image-meta, body#nts-style .fixed-content a, body#nts-style .cps-post-date, body#nts-style .myintro, body#nts-style .myjob, body#nts-style .textwidget, body#nts-style .tagcloud a, body#nts-style .profile-desc, body#nts-style .new-entry-item-title, body#nts-style .widget ul li a, body#nts-style .widget_categories ul li a, body#nts-style .widget_recent_comments .recentcomments { font-weight: 200; } }

@media (max-width: 767px) { body#nts-style .post-list-link .entry-title { font-weight: 500; } }

@media (min-width: 768px) { body#nts-style .post-list-link .entry-title { font-weight: 400 !important; } }

@media (max-width: 767px) { body#nts-style .post-list-mag-sp1col .post-list-title { font-weight: 500 !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; }

body#nts-style .ef, body#nts-style #prev-next a.prev:after, body#nts-style #prev-next a.next:after { font-family: 'Quicksand','Noto Sans Japanese', sans-serif; }

body#nts-style .widget_archive > ul > li > a:before, body#nts-style .widget_categories > ul > li > a:before { line-height: 0.2rem; }

@media (min-width: 768px) { body#nts-style #breadcrumb .bcHome span:before { top: -6px; } }

body#nts-style .blog-card .blog-card-hl:after { top: 8px; }

body#nts-style .widget_recent_comments ul li > a:before { top: 1px; }

/* 角丸フォント */
/* CSS Document */
body#rm-style { font-family: 'Rounded Mplus 1c', sans-serif; }

body#rm-style input[type="text"], body#rm-style input[type="search"] { font-family: 'Rounded Mplus 1c', sans-serif; }

@media (max-width: 767px) { body#rm-style { font-weight: 400; }
  body#rm-style ul.menu-box > li > a:before { top: 20px; } }

@media (min-width: 768px) { body#rm-style { font-weight: 300; } }

@media (max-width: 767px) { body#rm-style p { font-weight: 400; } }

@media (min-width: 768px) { body#rm-style p { font-weight: 300; } }

@media (max-width: 767px) { body#rm-style .sp-menu-box ul li a { font-weight: 500 !important; } }

@media (max-width: 767px) { body#rm-style .sp-menu-box ul li ul li a { font-weight: 300 !important; } }

@media (max-width: 767px) { body#rm-style .sp-menu-box ul.menu-box li a:before { left: 0px; line-height: 0; font-size: 2.4rem; } }

@media (max-width: 767px) { body#rm-style .sp-menu-box ul.menu-box > li > ul > li a:before { left: 7px; } }

@media (max-width: 767px) { body#rm-style .cps-post-title, body#rm-style .new-entry-item-title, body#rm-style .info-title, body#rm-style #prev-next p, body#rm-style .myname, body#rm-style .widgettitle, body#rm-style .toppost-list-box label, body#rm-style .pickup-title, body#rm-style .profile-name { font-weight: 400 !important; } }

@media (min-width: 768px) { body#rm-style .cps-post-title, body#rm-style .new-entry-item-title, body#rm-style .info-title, body#rm-style #prev-next p, body#rm-style .myname, body#rm-style .widgettitle, body#rm-style .toppost-list-box label, body#rm-style .pickup-title, body#rm-style .profile-name { font-weight: 400 !important; } }

@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 .cps-post-main-box h2, body#rm-style .cps-post-main-box h3, body#rm-style .cps-post-main-box h4, body#rm-style .cps-post-main-box h5, body#rm-style .ranking-title01, body#rm-style .ranking-title02, body#rm-style .ranking-title03, body#rm-style .cps-post-main 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 .cps-post-main-box h2, body#rm-style .cps-post-main-box h3, body#rm-style .cps-post-main-box h4, body#rm-style .cps-post-main-box h5, body#rm-style .ranking-title01, body#rm-style .ranking-title02, body#rm-style .ranking-title03, body#rm-style .cps-post-main table.cps-table03 th, body#rm-style .related-entry-headline-text span { font-weight: 400 !important; } }

body#rm-style .top-image-meta, body#rm-style .fixed-content a, body#rm-style .cps-post-date, body#rm-style .myintro, body#rm-style .myjob, body#rm-style .textwidget, body#rm-style .tagcloud a, body#rm-style .profile-desc, body#rm-style .new-entry-item-title, body#rm-style .widget ul li a, body#rm-style .widget_categories ul li a, body#rm-style .widget_recent_comments .recentcomments { font-weight: 400 !important; }

body#rm-style .post-list-link .entry-title { font-weight: 400; }

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; }

body#rm-style .ef, body#rm-style #prev-next a.prev:after, body#rm-style #prev-next a.next:after { font-family: 'Quicksand','Rounded Mplus 1c', sans-serif; }

@media (max-width: 767px) { body#rm-style strong { font-weight: 700 !important; } }

@media (min-width: 768px) { body#rm-style strong { font-weight: 500 !important; } }

body#rm-style .widget_nav_menu ul > li > a:before, body#rm-style .widget_categories ul > li > a:before { padding-top: 0px; top: 23px; }

body#rm-style .widget_nav_menu ul > li > ul > li > a:before, body#rm-style .widget_categories ul > li > ul > li > a:before { top: 12px; }

body#rm-style .widget_nav_menu ul > li > ul > li > ul > li > a:before, body#rm-style .widget_categories ul > li > ul > li > ul > li > a:before { top: 2px; }

@media (min-width: 768px) { body#rm-style #breadcrumb .bcHome span:before { top: -7px; } }

body#rm-style .widget_recent_comments ul li > a:before { top: 0px; }

@media (min-width: 768px) { body#rm-style .blog-card-hl-box { padding-top: 6px; } }

body#rm-style .blog-card .blog-card-hl:after { top: 8px; }

/* AmazonJSのカスタマイズ */
/* CSS Document */
.amazonjs_item ul:not([class]) li:before { display: none; }

.amazonjs_item h4:before { background-color: white !important; }

/* プラグイン「Table of Contets」のカスタマイズ */
/* CSS Document */
#toc_container { background: #fff !important; border-radius: 2px; color: #666; font-family: 'Quicksand', 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif; overflow: hidden; letter-spacing: 1px; position: relative; padding: 0; margin-bottom: 40px; width: 100% !important; }

#toc_container:before { position: absolute; content: ""; border: 4px solid #e1eff4; width: 100%; height: 100%; max-width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0.15; }

#toc_container.contracted .toc_title { padding: 0px 40px; }

@media (max-width: 767px) { #toc_container.contracted .toc_title { margin-top: 35px !important; margin-bottom: 35px !important; } }

@media (min-width: 768px) { #toc_container.contracted .toc_title { margin-top: 45px !important; margin-bottom: 45px !important; } }

#toc_container .toc_title { text-align: center; position: relative; line-height: 2rem; }

@media (max-width: 767px) { #toc_container .toc_title { margin-bottom: 0px; margin-top: 35px; font-size: 1.45rem; } }

@media (min-width: 768px) { #toc_container .toc_title { margin-bottom: 45px; margin-top: 45px; font-size: 1.65rem; } }

#toc_container ul:not([class]) li:before { display: none; }

#toc_container .toc_list { list-style-type: none !important; counter-reset: li; }

@media (max-width: 767px) { #toc_container .toc_list { padding: 0 25px; padding-bottom: 30px; } }

@media (min-width: 768px) { #toc_container .toc_list { padding: 0 60px; padding-bottom: 40px; } }

#toc_container .toc_list > li { list-style-type: none !important; position: relative; margin-left: 6px; padding-left: 40px; margin-bottom: 5px; padding-bottom: 4px; line-height: 1.35rem; }

#toc_container .toc_list > li:after { counter-increment: li; content: counter(li); position: absolute; left: 5px; top: -1px !important; background: none; font-family: 'Quicksand',  sans-serif; letter-spacing: 2px; font-size: 1.2rem; letter-spacing: -1px; }

#toc_container .toc_list > li:first-child:after { left: 8px; }

#toc_container .toc_list > li:nth-child(3):after { left: 6px; }

#toc_container .toc_list > li:nth-child(11):after { letter-spacing: 0.15rem; }

#toc_container .toc_list > li > a { text-decoration: none !important; font-size: 0.95rem; line-height: 1.35rem; }

#toc_container .toc_list li a { color: #555 !important; display: block; }

#toc_container .toc_list > li a:hover { text-decoration: underline !important; }

#toc_container .toc_list > li ul { margin-top: 10px; padding-left: 0px; margin-bottom: 18px; }

#toc_container .toc_list > li > ul > li { margin-bottom: 5px; padding-left: 33px; }

#toc_container .toc_list > li > ul > li a { position: relative; text-decoration: none !important; }

@media (max-width: 767px) { #toc_container .toc_list > li > ul > li a { line-height: 1.15rem; font-size: 0.8rem; } }

@media (min-width: 768px) { #toc_container .toc_list > li > ul > li a { line-height: 1.25rem; font-size: 0.85rem; } }

#toc_container .toc_list > li > ul li a:before { position: absolute; content: "・"; font-size: 2rem; left: -25px; top: 0px; }

#toc_container .toc_list > li > ul > li > ul { margin-top: 5px; }

#toc_container .toc_list > li > ul > li > ul > li a { font-size: 0.75rem; }

#toc_container .toc_title a { text-decoration: none; font-size: 0.75rem; }

.toc_number { display: none; }

/* プラグイン「ContactForm7」のカスタマイズ */
/* CSS Document */
.widget label { display: block; }

.widget .wpcf7-text, .widget .wpcf7-textarea { margin-bottom: 20px !important; }

.wpcf7 { margin: 30px auto !important; padding: 40px 30px !important; padding-bottom: 0px !important; background: rgba(215, 215, 215, 0.15); }

@media (max-width: 767px) { .wpcf7 { width: 100%; } }

@media (min-width: 768px) { .wpcf7 { width: 80%; } }

.wpcf7-form-control-wrap input[type="tel"],.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-radius: 2px; border: 1px solid #ccc; padding: 7px 10px; font-size: 1em; margin-bottom: -10px !important; -webkit-appearance: none; }

.wpcf7-form p { margin-bottom: 0px !important; margin-top: -10px !important; }

.wpcf7-form input[type="submit"] { border-radius: 2px; -webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; border: 1px solid #ddd; padding: 7px 50px; font-size: 1em; display: block; margin: 0 auto; background: #ddd; cursor: pointer; color: #fff; margin-top: 0px; }

.wpcf7-form input[type="submit"]:hover { background: #ccc; border: 1px solid #ccc; }

/* プラグイン「Rinker」のカスタマイズ */
/* CSS Document */
.yyi-rinker-contents p { padding: 0; }

.yyi-rinker-contents img { margin-bottom: 0; }

/* ブラウザハックCSS */
/* CSS Document */
@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; } }

_:-ms-lang(x), .sidebar_style1, _:-ms-lang(x), .sidebar_style6 { padding-top: 0 !important; }

@media all and (-ms-high-contrast: none) { .my-profile .profile-sns-menu ul .pro-line a { padding-top: 3px !important; }
  .profile-follow .line-sns a { padding-top: 6px !important; } }

@media (max-width: 767px) { .android .pro-contact a, .android .pro-insta a { padding-left: 5px !important; }
  .android .contact-sns a { padding-left: 5px !important; padding-right: 5px !important; padding-top: 7px !important; padding-bottom: 2px !important; }
  .android .head-sp-menu-bar ul li a { font-weight: 500 !important; }
  .android input.search-text::-webkit-input-placeholder { padding-top: 3px; }
  .android input.search-text { margin-top: 2px; }
  .android .sp-menu-box ul li a:before { top: 9px !important; line-height: 20px; overflow: visible; }
  .android .sp-menu-box ul li ul li a:before { top: 4px !important; }
  .android .pickup-title { font-size: 10px !important; letter-spacing: 0 !important; }
  .android .widget_categories ul > li > a:before, .android .widget_nav_menu ul > li > a:before { top: 21px; }
  .android .widget_categories ul > li > ul > li > a:before, .android .widget_nav_menu ul > li > ul > li > a:before { top: 12px; }
  .android .widget_categories ul .count { top: 11px; }
  .android .widget_archive ul .count { top: 10px; }
  .android .widget_categories ul ul .count { top: 0px; }
  .android .cps-post-main ul:not([class]) li:before, .android .cps-post-main table ul:not([class]) li:before { top: 0.5em; }
  .android .cps-post-main ol > li:after, .android .cps-post-main table ol:not([class]) li:after { width: 20px; height: 20px; left: 0px; top: 11px; }
  .android .cps-post-main ol > li:before, .android .cps-post-main table ol:not([class]) li:before { left: 0px; height: 20px; width: 20px; top: 0px; }
  .android .cps-post-main table { border-collapse: separate !important; border-spacing: 0; }
  .android .cps-post-main table th, .android .cps-post-main table td { border-top: none; border-left: none; }
  .android .cps-post-main table td:last-child { border-right: none; }
  .android .cps-post-main table tr:last-child th, .android .cps-post-main table tr:last-child td { border-bottom: none; }
  .android #prev-next .prev .metabox img, .android #prev-next .next .metabox img { width: 150px !important; max-height: 112px; } }

_::-webkit-full-page-media, _:future, :root .headsns .line a { margin: 0px 1px !important; }

_::-webkit-full-page-media, _:future, :root .profile-title { letter-spacing: 0; }

@media (min-width: 768px) { _::-webkit-full-page-media, _:future, :root .pro-insta a { padding-top: 8px !important; }
  _::-webkit-full-page-media, _:future, :root .pro-youtube a { padding-top: 7px !important; }
  _::-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; }
  _::-webkit-full-page-media, _:future, :root .blog-card .blog-card-hl:after { top: 6px; } }

@media (min-width: 1024px) { _::-webkit-full-page-media, _:future, :root .post-list-mag, _::-webkit-full-page-media, _:future, :root .post-list, _::-webkit-full-page-media, _:future, :root .related-entry-section, _::-webkit-full-page-media, _:future, :root #prev-next, _::-webkit-full-page-media, _:future, :root .widget_nav_menu ul > li > a, _::-webkit-full-page-media, _:future, :root .widget_categories ul > li > a, _::-webkit-full-page-media, _:future, :root .myintro, _::-webkit-full-page-media, _:future, :root .myname, _::-webkit-full-page-media, _:future, :root .widget a, _::-webkit-full-page-media, _:future, :root .widget div, _::-webkit-full-page-media, _:future, :root .myjob { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  _::-webkit-full-page-media, _:future, :root .post-list-mag .post-list-title, _::-webkit-full-page-media, _:future, :root .post-list .post-list-title, _::-webkit-full-page-media, _:future, :root .related-entry-section .post-list-title, _::-webkit-full-page-media, _:future, :root #prev-next p, _::-webkit-full-page-media, _:future, :root .pickup-title { font-weight: 700 !important; }
  _::-webkit-full-page-media, _:future, :root .cps-post-main ol > li:after { top: 13px; } }

/* アイコンフォント「jin-icons」 */
/* CSS Document */
@font-face { font-family: 'jin-icons'; src: url("font/jin-icons/fonts/jin-icons.ttf?c16tcv") format("truetype"), url("font/jin-icons/fonts/jin-icons.woff?c16tcv") format("woff"), url("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; }

.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"; }


/* new css 追加 */




/*------------------------------------------------------------
文字色、見出し調整
-------------------------------------------------------------*/
div.cps-post-main h2{
margin-top: 23px;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
}
div.cps-post-main h3{
font-size: 18px;
line-height: 1.4;
font-weight: bold;
}
div.cps-post-main h4{
line-height: 1.4;
font-size: 16px;
font-weight: bold;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div.cps-post-main h2{
font-size: 20px;
}
div.cps-post-main h3{
font-size: 18px;
}
div.cps-post-main h2 + h3{
margin-top:-10px;
}
div.cps-post-main h4{
font-size: 16px;	
}
}

/*--------------------------------------------------------
共通効果CSS
--------------------------------------------------------*/
body{
line-height: 1;
}
hr{
display: block;
margin: 1em 0;
padding: 0;
border: 0;
border-top: 1px solid #ccc;
color: #ccc;
font-size: 1.0em;
line-height: 1.0em;
clear: both;
height: 1px;
border-color: #5C5C5C;
border-style: dotted;
border-bottom: 1px;
}
.cps-post-main > ul + img{
margin-top: 20px;
}
.jin-icon-caution .jin-iconbox-main P{
margin-bottom: 0;
}
div.cps-post-main ul li,div.cps-post-main ol li{
line-height: 1.5;
margin-bottom: 5px;
}
div.cps-post-main ul li:last-of-type,div.cps-post-main ol li:last-of-type{
margin-bottom: 0;
}
div.cps-post-main p{
padding-bottom: 0;
margin-bottom: 23px;
line-height: 1.7;
letter-spacing: 0.5px;
font-size: 16px;
}
div.cps-post-main .simple-box1 p:last-of-type{
margin-bottom: 0;
}
div.cps-post-main ul:not([class]){
margin-bottom: 0;
}
#sidebar p{
line-height: 1.5;
}
.my-profile .myintro{
line-height: 1.4;
}
p:empty {
display: none;
}
/*画像白黒*/
img.grayscaleImg{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
/*QA回答*/
p.qa-a{
border: 1px solid #d7dfe2;
background-color: #fff7f7;
padding: 5px;
border-radius: 5px;
color: #b70b0b;
font-weight: bold;
font-size: 14px;
padding:10px;
}
/*下の空白消す*/
.margin-b-off{
margin-bottom:0px!important;
}
/*下マージン*/
.margin-b-5px{
margin-bottom:5px!important;
display: inline-block;
}
.margin-b-10px{
margin-bottom:10px!important;
display: inline-block;
}
.margin-b-15px{
margin-bottom:15px!important;
display: inline-block;
}
.margin-b-20px{
margin-bottom:20px!important;
display: inline-block;
}
/*画像に罫線*/
.imgBorder{
border:1px solid #bebfc1;
box-sizing:border-box;
}
/*YouTube画像の比率を合わせる*/
.youtube-img{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube-img iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
/*上に揃える*/
.align-top{
vertical-align:top;
}
/*縦中央整列*/
.align-middle{
vertical-align:middle!important;
}
/*背景色変更(黄)＆枠線*/
table.warning{
background:#FFFDE8;
padding:10px;
margin: 10px 0;
border: 1px solid #dde4e6;
}
.warning{
background:#FFFDE8;
padding:10px;
margin: 10px 0;
border: 1px solid #dde4e6;
}
/*背景色グレー&枠線点線*/
table.supplement{
background:#fafafa;
padding:10px;
margin: 10px 0;
border:1px dashed #dde4e6!important;
}
table.supplement th:last-child,table.supplement tr td:last-child{
border-right:1px dashed #dde4e6!important;
}
table.supplement tr:last-child td{
border-bottom:1px dashed #dde4e6!important;
}
.supplement{
background:#fafafa;
padding:10px;
margin: 10px 0;
border:1px dashed #dde4e6;
}
/*アイコン画像サイズ任意*/
.iconsize-30{
width: 30px!important;
height: 30px!important;
object-fit: cover!important;
}
.iconsize-35{
width: 35px!important;
height: 35px!important;
object-fit: cover!important;
}
.iconsize-40{
width: 40px!important;
height: 40px!important;
object-fit: cover!important;
}
.iconsize-45{
width: 45px!important;
height: 45px!important;
object-fit: cover!important;
}
.iconsize-50{
width: 50px!important;
height: 50px!important;
object-fit: cover!important;
}
.iconsize-55{
width: 55px!important;
height: 55px!important;
object-fit: cover!important;
}
.iconsize-60{
width: 60px!important;
height: 60px!important;
object-fit: cover!important;
}
.b {
font-weight: bold!important;
}
.cps-post-main p.lead {
font-size: 11px;
color: #999;
margin:5px 0 23px;
}
.cps-post-main table + p{
margin:23px 0;
}
.cps-post-main ul + p,.cps-post-main ol + p,.cps-post-main dl + p{
margin-top:23px!important;
}
.cps-post-main p.mg-none{
margin:0!important;
}
.cps-post-main h3 + p{
margin-top:0px;
}
div.cps-post-main a{
text-decoration: underline;
color: #39f;
}
div.cps-post-main a span,
div.kabu-rank02 a span,
div.joubu-rank02 a span{
	margin-bottom:18px!important;
	margin-top:5px!important;
	line-height:1.2!important;
	font-weight:bold;
}
div.kabu-rank02 a,
div.joubu-rank02 a{
	font-size:15px;
}

/*listの〇打ち消し*/
.cps-post-main .tableLine ul:not([class]) li:before,.cps-post-main .templateContents ul:not([class]) li:before,.cps-post-main .hyouka-main-wrap ul:not([class]) li:before{
display: none;
}
.cps-post-main .tableLine ul:not([class]), .cps-post-main .tableLine ul li, .cps-post-main .templateContents ul:not([class]), .cps-post-main .templateContents ul li,.cps-post-main .hyouka-main-wrap ul:not([class]), .cps-post-main .hyouka-main-wrap ul:not([class]) li{
padding-left: 0;
}
/*gachaBtn*/
div.cps-post-main .gachaBtn,div.cps-post-main .gachaBtn02,div.cps-post-main .btn01{
width: 90%;
display: block;
margin: 20px auto 0;
padding: 13px;
border-radius: 100px;
border: 0;
background: #f76838;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
position:relative;
}
div.cps-post-main .gachaBtn02{
width: 99%;
}
.gachaBtn:hover,.gachaBtn02:hover,.btn01:hover{
opacity:0.8;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
main#main-contents{
width: calc(100% - 20px);
margin-left: 10px;
}
div.cps-post-main .gachaBtn,div.cps-post-main .gachaBtn02,div.cps-post-main .btn01 {
width: 100%;
margin: 10px auto 0;
}
.cps-post-main table + p{
margin:21px 0;
}
div.cps-post-main p{
margin-bottom: 21px;
}
div.cps-post-main,div.cps-post-main p{
font-size:16px;
line-height:2.0;
}
div.cps-post-main-box strong{
font-size: 100%;
}
}



/*------------------------------------------------------------
引用タグ
-------------------------------------------------------------*/
div.cps-post-main blockquote{
background-color:#f1f1f1;
border-radius:10px;
padding:20px;
position:relative;
border:5px solid #fff;
}
div.cps-post-main blockquote p{
margin-bottom:0;
color:#555;
font-weight:normal;
}
div.cps-post-main blockquote:before{
content:"“";
font-size:60px;
height:40px;
width:40px;
line-height:72px;
padding-left:7px;
font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color:#fa0;
position:absolute;
background:#f1f1f1;
border-radius:50px;
left:-10px;
top:-10px;
opacity: 1;
box-sizing: border-box;
}
div.cps-post-main blockquote:after{
display: none;
}
div.cps-post-main blockquote p:last-of-type{
background:none;
font-size:12px;
color:#999;
border-radius:0;
margin-top: 5px;	
}
div.cps-post-main blockquote footer{
background:none;
color:#999;
font-size:12px;
margin-bottom:5px;
line-height:1.6;
}
div.cps-post-main blockquote footer a{
background:none;
color:#066493;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div.cps-post-main blockquote{
background-color:#f1f1f1;
border-radius:10px;
padding:10px 10px;
position:relative;
border:5px solid #fff;
}
div.cps-post-main blockquote p{
margin-bottom:0;
color:#555;
font-weight:normal;
font-size:11px!important;
}
div.cps-post-main blockquote:before{
content:"“";
font-size:40px;
height:25px;
width:25px;
line-height:46px;
padding-left:4px;
font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color:#fa0;
position:absolute;
background:#f1f1f1;
border-radius:50px;
left:-10px;
top:-10px;
}
div.cps-post-main blockquote p:last-of-type{
background:none;
margin-top:5px;
font-size:10px;
color:#999;
border-radius:0;
line-height:normal;
}
div.cps-post-main blockquote footer{
background:none;
color:#999;
font-size:10px;
margin-top:5px;
margin-bottom:5px;
line-height:1.4;
}
div.cps-post-main blockquote footer a{
background:none;
color:#066493;
}
}




/*------------------------------------------------------------
会話文
-------------------------------------------------------------*/
div.cps-post-main .talk-text{
color: #b60005;
font-weight: bold;
margin:0;
line-height: 2;
}
div.cps-post-main .talk-text + p.talk-text{
color: #b60005;
font-weight: bold;
margin:0;
line-height: 2;
}
div.cps-post-main .talk-text + p{
margin:21px 0 21px;
}


/*------------------------------------------------------------
おすすめユーザー
-------------------------------------------------------------*/
.osusume-user_box{
box-shadow: 0 0 0 4px #f8b500;
position: relative;
padding: 25px 20px;
border-radius:10px;
margin: 30px 0 20px 0;
}
.osusume-user_box .midasi{
position: absolute;
width: 100%;
height: 30px;
left: 0;
top: -18px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
.osusume-user_box .midasi p{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #f8b500;
font-weight:bold;
}
.osusume-user_box p{
position: relative;
z-index: 2;
}
.osusume-user_box p:last-of-type{
margin:0;
}
.osusume-user_box > ul{
z-index:2;
position:relative;
}
.cps-post-main div.osusume-user_box ul{
padding: 0;
margin: 0;
}
div.cps-post-main div.osusume-user_box ul li{
position: relative;
padding: 0 0 0 30px;
margin-bottom: 15px;
font-size:14px;
font-weight:bold;
color: #555;
}
.cps-post-main div.osusume-user_box ul li:before{
content: '';
display: block;
width: 18px;
height: 18px;
background:#f9d26d!important;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
box-sizing: border-box;
border-radius:50px;
border:5px solid #f8b500;
}
div.cps-post-main .osusume-user_box li:last-of-type{
margin: 0;
}
.osusume-user_box li a{
vertical-align: middle;
}
.osusume-user_box li a img{
vertical-align: middle;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box{
padding: 20px 10px;
}
.osusume-user_box .midasi p{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
.cps-post-main div.osusume-user_box ul li:before{
width: 16px;
height: 16px;
border:4px solid #f8b500;
}
div.cps-post-main div.osusume-user_box ul li{
position: relative;
padding: 0 0 0 25px;
margin-bottom: 10px;
}
}


/*------------------------------------------------------------
おすすめユーザー（ol）
-------------------------------------------------------------*/
.osusume-user_box ol{
padding: 0;
}
.osusume-user_box ol li{
position: relative;
padding: 0 0 0 30px;
margin-bottom: 15px;
font-size:14px;
font-weight:bold;
}
.cps-post-main .osusume-user_box ol li:before{
content: '1';
display: block;
text-align:center;
font-size:13px;
font-weight:bold;
width: 20px;
height: 20px;
line-height:22px;
background:#f8b500!important;
color:#FFF;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
border:0px solid #feb4ca;
}
.post .osusume-user_box li:last-of-type{
margin: 0;
}
.osusume-user_box ol li:nth-of-type(2):before{
content: '2';
}
.osusume-user_box ol li:nth-of-type(3):before{
content: '3';
}
.osusume-user_box ol li:nth-of-type(4):before{
content: '4';
}
.osusume-user_box ol li:nth-of-type(5):before{
content: '5';
}
.osusume-user_box ol li:nth-of-type(6):before{
content: '6';
}
.osusume-user_box ol li:nth-of-type(7):before{
content: '7';
}
.osusume-user_box ol li:nth-of-type(8):before{
content: '8';
}
.osusume-user_box ol li:nth-of-type(9):before{
content: '9';
}
.osusume-user_box ol li:nth-of-type(10):before{
content: '10';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(11):before{
content: '11';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(12):before{
content: '12';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(13):before{
content: '13';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(14):before{
content: '14';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(15):before{
content: '15';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(16):before{
content: '16';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(17):before{
content: '17';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(18):before{
content: '18';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(19):before{
content: '19';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(20):before{
content: '20';
letter-spacing:-1px;
}
.cps-post-main .osusume-user_box ol li:after{
display: none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box ol li{
margin-bottom: 10px;
}
.osusume-user_box ol li:before{
width: 18px;
height: 18px;
line-height:20px;
}
.osusume-user_box ol li{
position: relative;
padding: 0 0 0 25px;
}
}


/*------------------------------------------------------------
CVボタン
-------------------------------------------------------------*/
.cv-btn-wrap {
margin-top: 20px;
text-align: center;
}
.osusume-user_box .midasi + .cv-btn-wrap{
margin-top:5px;
}
.cv-btn-wrap .bannar-wrap {
margin-bottom: 10px;
}
.cv-btn-wrap .bannar-wrap img{
margin-bottom: 0;
}
.cv-btn-wrap .cv-btn {
background: #ee6464;
color: #fff;
display: inline-block;
min-width: 300px;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
padding: 10px;
text-align: center;
margin: 0 auto;
box-shadow: -2px 2px 0 1px #d45d5d;
border-radius: 8px;
}
.cv-btn-wrap .cv-btn .yellow {
font-size: 14px;
color: #fff601;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.cv-btn-wrap .cv-btn {
font-size: 16px;
min-width: 78%;
}
}


/*赤文字＆太文字*/
.b-red{
font-weight: bold;
font-size: 100%;
color: #3a4472;
background: linear-gradient(transparent 60%, #fffbd0 0%);
}
.cps-post-main .marker,
.cps-post-main-box strong{
	background: linear-gradient(transparent 60%, #fffbd0 0%)!important;
}
.redtxt{color:#f00;}
.hyoka {font-weight:bold;color:#cc0000;}
/*画像の位置*/
.img-c{object-position: center;}
.img-l{object-position: left;}
.img-r{object-position: right;}
/*背景(黄)*/
.contents .tejun {
background: #b2e3ff;
padding: 16px 0 10px 10px;
margin-bottom: 20px;
font-weight:bold;
}
.tejun{
background: #fff9c9;
padding: 16px 0 10px 10px;
margin-bottom: 20px;
}
.tejun p{
font-size: 110%;
font-weight: bold;
margin: 5px 0 5px 10px;
}
ul.tejun{
background: #fff9c9;
padding: 16px 0 10px 20px;
margin-bottom: 20px;
}
ul.tejun li{
margin-left: 0;
font-weight: bold;
color: #555;
}
.tejun ol li{
margin-left: 0;
font-weight: bold;
color: #555;
}
.tejun ol{
margin-left:10px!important;
}



/*●テーブルタグ*/
.kabu-rank02 table{
	width:100%;
}
.kabu-rank02 table tr:nth-child(3) td{
	border-bottom:0;
}
.kabu-rank02 table tr td+td{
	border-right:0px!important
}
.kabu-rank02 ul li{
	line-height: 1.5;
    margin-bottom: 5px;
}
.kabu-rank02 a span{
	color:#39f;
}
.kabu-rank02 table{
margin-bottom:0;
padding: 0;
border:1px solid #dde4e6;
}
div.cps-post-main table tr th,div.cps-post-main table tr td,
.kabu-rank02 table tr td{
font-size: 14px;
padding:8px 5px;
border: 0;
border-right: 1px solid #dde4e6;
border-bottom: 1px solid #dde4e6;
vertical-align:middle;
line-height: 1.5;
}
.cps-post-main td li,
.kabu-rank02 td li{
font-size:14px;
}
.cps-post-main th{
background-color:#deeafc;
font-weight: bold;
text-align: left;
}
.hikakuTh th{
background:#0f4699;
color:#fff;
position:relative;
}
.cps-post-main-box .hikakuTh th:nth-child(2):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/a54050c999ffb3ea4d143adde4ddac3f.png);
}
.cps-post-main-box .hikakuTh th:nth-child(3):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/f8866141678b0e692f308e8a0d33e5e3.png);
}
.cps-post-main-box .hikakuTh th:nth-child(4):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/588b7288b199f419c9192b2d8f5c887c.png);
}
.cps-post-main-box .hikakuTh th:nth-child(5):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/880978630b325cce6fa2b158e8f33726.png);
}
.cps-post-main-box .hikakuTh th:nth-child(6):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/a306995f977a24002d8cdf7b85e45296.png);
}
.cps-post-main-box .hikakuTh th:nth-child(7):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/903e40d9befe77179c8dbc6e71c8673f.png);
}
.cps-post-main-box .hikakuTh th:nth-child(8):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/f3aea5da94735f792b6d934c0095d04b.png);
}
.cps-post-main-box .hikakuTh th:nth-child(9):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/f296587d2e08cb7b6428a75ea8a7dd9d.png);
}
.cps-post-main-box .hikakuTh th:nth-child(10):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/3ba7ba0fad7a3c1ec7cd436904702a69.png);
}
.cps-post-main-box .hikakuTh th:nth-child(11):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/2cc39ffa05e1801bd092e7eab6f8350b.png);
}
.cps-post-main-box .hikakuTh th:nth-child(12):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/12d547abfe4e7e7124d0084aa35214a8.png);
}
.cps-post-main-box .hikakuTh th:nth-child(13):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/9a8d6da15b1e3363c9df930ce6540e36.png);
}
.cps-post-main-box .hikakuTh th:nth-child(14):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/3f5c4e71ee2c0e08316dc38ccf2b3ee0.png);
}
.cps-post-main-box .hikakuTh th:nth-child(15):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/1f6c8eb9c65e827b2f0700271f97a95d.png);
}
.cps-post-main-box .hikakuTh th:nth-child(16):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/5ba170a5b3e98f88617031fb88303498.png);
}
.cps-post-main-box .hikakuTh th:nth-child(17):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/46a39bda9f6ad6f1d35abbe3246b3ab8.png);
}
.cps-post-main-box .hikakuTh th:nth-child(18):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/2f04d1bdb2266948006f926b3698b36a.png);
}
.cps-post-main-box .hikakuTh th:nth-child(19):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/837837fa233ff41642cb4c9dc007712a.png);
}
.cps-post-main-box .hikakuTh th:nth-child(20):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/1af7248a8b8a424185e8e5939a976a41.png);
}
.cps-post-main-box .hikakuTh th:nth-child(21):before {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/b2255237fda8d8f5983c8dfb42f7eda3.png);
}
.cps-post-main-box .hikakuTh th:before{
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    width: 40px;
    height: 40px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.cps-post-main-box .hikakuTr-hyoka td img{
	margin-bottom:0;
}
.cps-post-main-box .hikakuTable th,
.cps-post-main-box .hikakuTable td{
	font-size:14px;
}

.cps-post-main-box .hikakuTable a.btn-dl{
	width:153px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
div.cps-post-main table tr th,div.cps-post-main table tr td{
font-size: 14px;
}
}
/*●テーブルタグ スタイル01*/
.cps-post-main table.table-style01 th,
.cps-post-main table.table-style01 td{
text-align: left;
vertical-align: top;
border:1px solid #ccc;
}
/*画像中央揃え*/
img.aligncenter {
display: block;
margin: auto;
}

/*--------------------------------------------------------------
DL詳細ボタン
-------------------------------------------------------------*/
.cps-post-main a.btn-dl,
.kabu-rank02 a.btn-dl{
padding:2px 5px 0 5px;
width:100%;
display:block;
align-items:center;
background:#ce3160;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #9a2649;
font-size:12px;
line-height:21px;
margin:0 auto;
text-align: center;
text-decoration: none;
max-width: 160px;
position:relative;
}
a.btn-dl:before,
.kabu-rank02 a.btn-dl:before{
content:"";
width:12px;
height:12px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/3be53bb69e66d61238950e6f1f32d6ed.png)no-repeat center / 100% 100%;
display:inline-block;
margin:0 3px 0 0;
top:1px;
position:relative;
z-index:0;
}
div.cps-post-main a.btn-syousai{
padding:2px 5px 0 5px;
text-decoration:none;
width:100%;
display:block;
background:#536aa7;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #3e5694;
font-size:12px;
line-height:21px;
margin:0 auto;
max-width: 160px;
text-align:center;
}
a.btn-syousai:before{
content:"";
width:11px;
height:11px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/d787d17f88c483032c0a1e53570073b3.png)no-repeat center / 100% 100%;
display:inline-block;
margin:0 4px 0 0;
top:1px;
position:relative;
z-index:0;
}
a.btn-dl:hover,a.btn-syousai:hover{
opacity:0.6;    
}
a.btn-dl + a.btn-syousai{
margin:8px 0 0;
}


/*--kutikomi-hyouka-matome--*/
.hyouka-box-in {
width:100%;
box-shadow: 0 0 0 2px #dde4e6;
border:2px solid #ccc;
border-radius:10px;
padding:10px;
margin:10px 0;
box-sizing:border-box;
background:#fffff8;
}
.hyouka-box-in:nth-of-type(1) {
margin:0 0 10px;
}
.hyouka-box-name{
width:100%;
display: -webkit-flex;
display: flex;
align-items:center;
margin-bottom:10px;
margin-top: 0;
}
.hyouka-box-name dt{
margin-right:10px;
width:35px;
}
.hyouka-box-name dt img{
width:35px;
margin: 0;
}
.hyouka-box-name dd p{
font-size:12px;
color:#555;
padding:0;
}
.hyouka-box-name dd p{
margin:0!important;
padding:0!important;
}
.hyouka-box-name dd p span{
font-size:12px;
color:#888;
}
.hyouka-box-name dd .hyouka-hoshi{
margin-top:0px;
font-size:18px;
font-weight:bold;
}
.hyouka-box-name dd .hyouka-hoshi img{
width:80px;
margin-right:10px;
}
.hyouka-good{
margin:15px 0 0;
}
.hyouka-good dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/9dcce37a21710c6dc5379f5574bf2a6e.png) no-repeat 0 center;
background-size:14px;
padding-left:20px;
color:#555;
display: -webkit-flex;
display: flex;
align-items: center;
line-height:1.3;
}
.hyouka-good dt div:first-of-type{
font-size:14px;
font-weight:bold;
margin-bottom:0px;
color:#ff92be;
}
.hyouka-good dt div:nth-of-type(2){
display: flex;
align-items: center;
}
.hyouka-good dt span{
font-size:16px;
font-weight:bold;
margin-bottom:0;
color:#555;
}
.hyouka-bad dt span{
font-size:16px;
font-weight:bold;
margin-bottom:0;
color:#555;
line-height:1.3;
}
.hyouka-good dt p{
padding:0;
margin:0;
}
.hyouka-good dd{
font-size:13px;
line-height:1.5;
color:#555;
}
.hyouka-good dd p{
padding: 0;
}
.hyouka-bad{
margin:15px 0 0;
}
.hyouka-bad dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/bfd924771c1b5c8ec8b5727007aa0b41.png) no-repeat 0 center;
background-size:14px;
padding-left:20px;
color:#555;
display: -webkit-flex;
display: flex;
align-items: center;
}
.hyouka-bad dt div:first-of-type{
font-size:14px;
font-weight:bold;
margin-bottom:0px;
color:#4e6275;
}
.hyouka-bad dt div:nth-of-type(2){
display: flex;
align-items: center;
line-height:1.5;
}
.hyouka-bad dt p{
padding:0;
margin:0;
}
.hyouka-bad dd{
font-size:13px;
line-height:1.5;
color:#555;
}
.hyouka-bad dd p{
padding: 0;
}
.iinebt-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top: 10px;
margin-left: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.iinebt{
position: relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fa0;
color: #555;
border-radius: 35px;
padding: 5px 10px 5px 28px;
font-size: 14px;
}
.iinebt p{
margin:0!important;
padding:0!important;
}
div.iinegray {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #cccccc none repeat scroll 0 0;
color: #fff;
border-radius: 35px;
padding: 5px 10px 5px 28px;
font-size: 14px;
}
.iinebt p{
padding: 0;
}
.iinebt a{
position: absolute;
padding: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.iinebt:before{
content:'';
width:14px;
height:14px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/ff47509613c4a826d48583aecfb0e84e.png) no-repeat center;
background-size:100%;
top: 0;
bottom:0;
left: 8px;
margin:auto;
position: absolute;
}
.iinebt div:first-of-type{
color:#fff;
}
.iinebt div:last-of-type{
background: #fff;
display: inline-block;
padding: 4px 10px;
border-radius: 35px;
font-size: 14px;
font-weight:bold;
margin-left: 5px;
}

.kutikomi-hyouka-matome table{
box-sizing: border-box;
width: 100%;
border:1px solid #ddd;
}
.kutikomi-hyouka-matome th{
background: #eee;
padding: 10px;
border: 1px solid #ddd;
}
.kutikomi-hyouka-matome td{
border: 1px solid #ddd;
padding: 10px;
}
.kutikomi-hyouka-matome td a{
color:#1a78a5;
}
.hyoukaRnk-list{
border-radius:5px;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
margin:10px 0;
}
.hyoukaRnk-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.hyoukaRnk-title dt img {
width: 80px;
margin-right: 14px;
}
.hyoukaRnk-title dd h3{
background: none;
padding: 0;
margin:0;
font-size:22px;
color:#066493;
font-weight:bold;
}
.hyoukaRnk-title ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items:center;
}
.hyoukaRnk-list .hyoukaRnk-title li{
padding:0;
margin:0;
text-align: left;
line-height:normal;
}
.hyoukaRnk-list .hyoukaRnk-title li img{
width:150px;
margin-right: 10px;
position: static;
vertical-align: middle;
}
.hyoukaRnk-list .hyoukaRnk-title li:first-of-type{
font-size: 34px;
font-weight: bold;
color: #555;
vertical-align: middle;
}
.hyoukaRnk-title li:last-of-type{
background: #ff3171;
color: #FFF;
width: 60px;
text-align: center;
padding: 8px 0;
margin-left: 10px;
}
.hyoukaRnk-list li{
text-align: left;
position:relative;
padding: 12px 0px 12px 50px;
}
.hyoukaRnk-list li img{
position: absolute;
width:40px;
top:0;
left:0;
bottom:0;
margin:auto;
}
.hyoukaRnk-list li p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
padding: 0;
margin:0;
line-height:normal;
}
.hyoukaRnk-list li span{
font-size:12px;
color: #999;
}
.hyoukaRnk-list-more{
position:relative;
font-size: 22px;
font-weight: bold;
color: #066493;
}
.hyoukaRnk-list-more:before{
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left:-18px;
bottom:0;
margin: auto;
box-sizing: border-box;
border: 6px solid transparent;
border-left: 10px solid #066493;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.hyouka-box-name dt {
margin-right: 10px;
width: 10%;
}
.hyouka-box-name dd {
width: 90%;
}
.hyouka-box-name dd p{
margin: 0;
}
.hyouka-box-name dd .hyouka-hoshi{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hyouka-good dt div:first-of-type {
width: 15%;
}
.hyouka-good dt div:nth-of-type(2) {
width: 85%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height:1.5;
}
.hyouka-bad dt div:first-of-type {
width: 15%;
}
.kutikomi-hyouka-matome .hyouka-bad dt div:nth-of-type(2) {
width: 85%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}


/*------------------------------------------------------------
ランキング詳細部分
-------------------------------------------------------------*/
.table-scroll-fix + .hyouka-main-wrap,.acMenu + .hyouka-main-wrap{
margin-top: 30px;
}
div.cps-post-main .hyouka-main-wrap .gachaBtn{
margin: 0 auto;
background: #ffd703;
color: #000;
font-size: 18px;
border-radius: 6px;
border: 2px solid #000;
position: relative;
}
.hyouka-main-wrap .gachaBtn:hover{
opacity:0.6;
}
.hyouka-main-wrap .gachaBtn:before{
content: '';
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 40px;
top: 0;
bottom: 0;
margin: auto;
}
.hyouka-main-wrap{
background: #FFF;
position: relative;
padding: 0 16px;
margin-bottom: 60px;
}
.hyouka-main-wrap:last-of-type{
margin: 0;
}
.hyouka-main-wrap .hyouka-h3-name{
background:#0f4699;
color: #fff;
border-radius: 0;
position: relative;
font-size: 20px;
padding: 10px 0 8px 72px;
width: calc(100% + 32px);
margin-left: -16px;
margin-bottom:20px;
position:relative;
}
.hyouka-main-wrap .hyouka-h3-name:before{
content:"";
position:absolute;
width:100%;
height:1px;
background:#00b2e2;
bottom:-3px;
left:0;
}

.hyouka-main-wrap .h-main-name{
background:none;
margin:0;
padding:0;
color:#FFF;
line-height:normal;
font-weight: bold;
font-size: 18px;
position: static;
}
.hyouka-main-wrap .hyouka-h3-name p{
background:none;
margin:0;
padding:0;
line-height:normal;
color:#acedff;
font-size:14px;
}
.hyouka-main-wrap .h-main-name:before{
content: '';
position: absolute;
top: -8px;
left: 5px;
font-size: 24px;
font-weight: bold;
color: #FFF;
z-index: 3;
width:40px;
height:40px;
line-height:35px;
border-radius: 0;
background: none!important;
bottom: auto;
font-family: 'Noto Sans JP', sans-serif;
}
.hyouka-main-wrap.h-no1 .h-main-name:before{
content: '1';
color:#f1eb4f;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/48ea4ef837ed86b44d7bd6dd3e8dbd97.png)no-repeat!important;
background-size:13px!important;
background-position:23px 15px!important;
padding-left:7px;
font-size: 24px;
}
.hyouka-main-wrap.h-no2 .h-main-name:before{
content: '2';
color: #2ca3bb;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/ce1caaceedcb91e5293ae05eb1579cf5.png)no-repeat!important;
background-size:13px!important;
background-position:23px 15px!important;
padding-left:7px;
font-size: 24px;
}
.hyouka-main-wrap.h-no3 .h-main-name:before{
content: '3';
color:#71b938;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/fbe29c8188c31c1c245a7918f4612025.png)no-repeat!important;
background-size:13px!important;
background-position:23px 15px!important;
padding-left:7px;
font-size: 24px;
}
.hyouka-main-wrap.h-no4 .h-main-name:before{
content: '4';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:13px!important;
background-position:23px 15px!important;
padding-left:7px;
font-size: 24px;
}
.hyouka-main-wrap.h-no5 .h-main-name:before{
content: '5';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:13px!important;
background-position:23px 15px!important;
padding-left:7px;
font-size: 24px;
}
.hyouka-main-wrap.h-no6 .h-main-name:before{
content: '6';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:13px!important;
background-position:23px 15px!important;
padding-left:7px;
font-size: 24px;
}
.hyouka-main-wrap.h-no7 .h-main-name:before{
content: '7';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:13px!important;
background-position:23px 15px!important;
padding-left:7px;
font-size: 24px;
}
.hyouka-main-wrap.h-no8 .h-main-name:before{
content: '8';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:13px!important;
background-position:23px 15px!important;
padding-left:7px;
font-size: 24px;
}
.hyouka-main-wrap.h-no9 .h-main-name:before{
content: '9';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:13px!important;
background-position:23px 15px!important;
padding-left:7px;
font-size: 24px;
}
.hyouka-main-wrap.h-no10 .h-main-name:before{
content: '10';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no11 .h-main-name:before{
content: '11';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no12 .h-main-name:before{
content: '12';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no13 .h-main-name:before{
content: '13';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no14 .h-main-name:before{
content: '14';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no15 .h-main-name:before{
content: '15';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no16 .h-main-name:before{
content: '16';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no17 .h-main-name:before{
content: '17';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no18 .h-main-name:before{
content: '18';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no19 .h-main-name:before{
content: '19';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no20 .h-main-name:before{
content: '20';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no21 .h-main-name:before{
content: '21';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no22 .h-main-name:before{
content: '22';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no23 .h-main-name:before{
content: '23';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no24 .h-main-name:before{
content: '24';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no25 .h-main-name:before{
content: '25';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no26 .h-main-name:before{
content: '26';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no27 .h-main-name:before{
content: '27';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no28 .h-main-name:before{
content: '28';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no29 .h-main-name:before{
content: '29';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
.hyouka-main-wrap.h-no30 .h-main-name:before{
content: '30';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f7d008685793d6c138a38b6c4caf274f.png)no-repeat!important;
background-size:11px!important;
background-position:26px 15px!important;
padding-left:3px;
font-size: 19px;
letter-spacing:-0.5px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
h3.h-main-name span {
    margin-left: 45px;
}
}
.hyouka-main-wrap .h-main-name:after{
content: '';
position: absolute;
top: -8px;
left: 5px;
display: block;
height:40px;
width:40px;
background:#000;
z-index: 2;
box-sizing: border-box;
}
.hyouka-main-wrap:before{
content: '';
position: absolute;
top:-4px;
left: 10px;
display: block;
height:40px;
width:40px;
z-index: 2;
box-sizing: border-box;
box-shadow:0 0 0 1px #000;
}

.hyouka-main-wrap .hyouka-main-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hyouka-main-wrap .hyouka-main-icon{
width: 130px;
height: 130px;
display: flex;
align-items: center;
}
.hyouka-main-wrap .hyouka-main-icon img{
width: 100%;
max-height: 100%;
object-fit: contain;
margin: 0;
}
div.cps-post-main .hyouka-main-wrap .hyouka-main-head ul{
width: 50%;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
box-sizing: border-box;
padding-left: 20px;
}
div.cps-post-main .hyouka-main-wrap .hyouka-main-head li{
font-size: 24px;
font-weight: bold;
padding: 0;
margin-bottom: 5px;
}
.cps-post-main .hyouka-main-wrap .hyouka-main-head li:before{
display: none;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon{
color: #fba000;
font-size: 32px;
margin-left: 10px;
}
.hyouka-main-wrap .hyouka-main-head .gachaBtn{
width: 100%;
}
.hyouka-main-wrap .osusume-user_box{
margin: 30px 4px 20px;
box-shadow: 0 0 0 4px #f8b500;
}
.hyouka-main-wrap .osusume-user_box .midasi p{
background: #fff;
color: #f8b500;
}
.cps-post-main .hyouka-main-wrap .osusume-user_box li:before{
content: '';
display: inline-block;
width: 22px;
height: 22px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/13fd992eae23175d994d190b15a0ba07.png) no-repeat center / contain!important;
border:0;
}
.hyouka-main-wrap .hyoukatable{
border: 1px solid #dbdbdb;
}
.hyouka-main-wrap .hyoukatable tr:first-of-type th{
background: #e5e5e5!important;
}
.hyouka-main-wrap .hyoukatable th{
background: #f2f2f2;
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
.hyouka-main-wrap .hyoukatable td{
background: #fff;
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
.hyouka-main-wrap .h-merit{
margin: 40px 0 18px;
color: #fa89ac;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f9e7ed;
position: relative;
font-weight: bold;
border-radius: 0;
line-height: 1.4;
}
.hyouka-main-wrap .h-merit:before{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/a459caa3936f70e39950572c840fc3e8.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
z-index: 3;
}
.hyouka-main-wrap .h-merit:after{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #fa89ac;
background:-moz-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background:-webkit-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background: linear-gradient(135deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
}
.hyouka-main-wrap .h-demerit{
margin: 40px 0 18px;
color: #3da6d1;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #dbf2fc;
position: relative;
font-weight: bold;
border-radius: 0;
line-height: 1.4;
}
.hyouka-main-wrap .h-demerit:before{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/9c37488edaa9b5fd4fe46b3411375816.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
z-index: 3;
}
.hyouka-main-wrap .h-demerit:after{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #62afd4;
background:-moz-linear-gradient(315deg, #76b9da 0%, #76b9da 50%, #62afd4 50%, #62afd4 100%);
background:-webkit-linear-gradient(315deg, #76b9da 0%, #76b9da 50%, #62afd4 50%, #62afd4 100%);
background: linear-gradient(135deg, #76b9da 0%, #76b9da 50%, #62afd4 50%, #62afd4 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
}
.hyouka-main-wrap .h-hyoukuchikomi{
margin: 40px 0 18px;
color: #565d60;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
font-size: 18px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #e0e0e0;
position: relative;
font-weight: bold;
border-radius: 0;
line-height: 1.4;
}
.hyouka-main-wrap .h-hyoukuchikomi:before{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/bbc0b5f010cafaf5c3d1533ce4cf366d.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
margin: 0;
z-index: 3;
}
.hyouka-main-wrap .h-hyoukuchikomi:after{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #787d7f;
background:-moz-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background:-webkit-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background: linear-gradient(135deg, #898e90 0%, #898e90 50%, #787d7f 50%, #787d7f 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
}
.hyouka-main-wrap .hyouka-box-in{
border: 0;
width: auto;
margin: 20px 2px;
background: #fff;
}
.hyouka-main-wrap .hyouka-Btn{
background: #f9f9f9;
width: calc(100% + 32px);
margin-left: -16px;
padding: 30px 0;
margin-top: 40px;
box-sizing: border-box;
}
.hyouka-main-wrap .hyouka-Btn .gachaBtn{
width: 70%;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.hyouka-main-wrap{
margin-bottom: 40px;
padding: 0;
}
.hyouka-main-wrap .hyouka-h3-name{
width:100%;
margin:0px;
margin-bottom:20px;
}
div.cps-post-main .hyouka-main-wrap .gachaBtn{
font-size: 16px;
padding: 6px 38px;
}
.hyouka-main-wrap .gachaBtn:before{
width: 18px;
right: 16px;
}
.hyouka-main-wrap .h-main-name{
padding-left:0;
font-size: 18px;
margin-left:0;
}
.hyouka-main-wrap .hyouka-main-icon{
width: 100px;
height: 100px;
display: flex;
align-items: center;
}
div.cps-post-main .hyouka-main-wrap .hyouka-main-head li{
font-size: 18px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon{
font-size: 24px;
margin-left: 8px;
}
.hyouka-main-wrap .osusume-user_box{
box-shadow: 0 0 0 3px #f8b500;
margin: 30px 3px 20px;
}
div.cps-post-main .hyouka-main-wrap .osusume-user_box li{
padding: 0 0 0 30px;
font-weight:bold;
}
.hyouka-main-wrap .h-merit{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
.hyouka-main-wrap .h-merit:before{
width: 36px;
height: 36px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/a459caa3936f70e39950572c840fc3e8.png) no-repeat center / 20px;
}
.hyouka-main-wrap .h-merit:after{
width: 36px;
height: 36px;
}
.hyouka-main-wrap .h-demerit{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
.hyouka-main-wrap .h-demerit:before{
width: 36px;
height: 36px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/9c37488edaa9b5fd4fe46b3411375816.png) no-repeat center / 20px;
}
.hyouka-main-wrap .h-demerit:after{
width: 36px;
height: 36px;
}
.hyouka-main-wrap .h-hyoukuchikomi{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
.hyouka-main-wrap .h-hyoukuchikomi:before{
width: 36px;
height: 36px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/bbc0b5f010cafaf5c3d1533ce4cf366d.png) no-repeat center / 20px;
}
.hyouka-main-wrap .h-hyoukuchikomi:after{
width: 36px;
height: 36px;
}
.hyouka-main-wrap .hyouka-good dt div:nth-of-type(2),.hyouka-main-wrap .hyouka-bad dt div:nth-of-type(2){
width: 85%;
}
.hyouka-main-wrap .hyouka-Btn{
padding: 20px 16px;
margin-top: 30px;
width: calc(100% + 30px);
margin-left: -15px;
}
.hyouka-main-wrap .hyouka-Btn .gachaBtn{
width: auto;
}

.hyouka-main-wrap.h-no10 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no11 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no12 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no13 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no14 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no15 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no16 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no17 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no18 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no19 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no20 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no21 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no22 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no23 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no24 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no25 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no26 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no27 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no28 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no29 .h-main-name:before{
left: 5px;
}
.hyouka-main-wrap.h-no30 .h-main-name:before{
left: 5px;
}

}
@media only screen and (max-width: 376px){
.hyouka-main-wrap{
margin-bottom: 60px;
}
.hyouka-main-wrap .hyouka-main-icon {
width: 90px;
height: 90px;
display: flex;
align-items: center;
}
div.cps-post-main  .hyouka-main-wrap .gachaBtn{
font-size: 14px;
padding: 6px 38px;
}
div.cps-post-main .hyouka-main-wrap .hyouka-main-head li {
font-size: 16px;
}
div.cps-post-main .hyouka-main-wrap .hyouka-main-head li .gachaBtn{
margin-left:0;
margin-top:5px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon {
font-size: 22px;
}
}
div.cps-post-main .hyouka-main-wrap .hyouka-main-head li .gachaBtn{
margin-left:0!important;
margin-top:5px!important;
}
/*-- 評価アコーディオン--*/
.acMenu.achyouka{
margin:5px 0;
}
.acMenu.achyouka dt{
border: 1px solid #000;
color:#000;
border-radius:3px;
margin:0 0 10px;
font-weight:bold;
padding: 8px 35px 8px 10px;
line-height: 1.7;
text-align:left;
display: block;
background: #fff;
cursor: pointer;
font-size:14px;
display:block;
position:relative;
box-sizing:border-box;
box-shadow:0 1px 0 1px #c7c7c7;
}
.acMenu.achyouka dt:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/fd3f17232a702ff6ff0028428997fa7c.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
}
.acMenu.achyouka dt.active:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/af4ac28d233cdbb2d5b0395e6de4015d.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
opacity:0.5;
}
.acMenu.achyouka dt:after{
border:0px;
}
.acMenu.achyouka dt.active{
border: 1px solid #000;
background:#fffdf3;
margin:0 0 0px!important;
box-shadow:none;
border-radius:3px 3px 0 0;
color:#444;
box-sizing:border-box;
}
.acMenu.achyouka dt + dd{
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
border-bottom: 1px solid #FFF;
background:#FFF;
padding:10px 10px 10px;
margin:-10px 0 20px!important;
box-shadow:none;
border-radius:0 0 3px 3px;
color:#444;
box-sizing:border-box;
line-height: 1.4;
}
.acMenu.achyouka dt.active + dd{
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background:#FFF;
padding:10px;
margin:0 0 20px!important;
box-shadow:none;
border-radius:0 0 3px 3px;
color:#555;
line-height: 1.7;
letter-spacing: 0.5px;
box-sizing:border-box;
font-size: 15px;
}
.acMenu.achyouka dt.active + dd h5{
font-weight:bold;
margin-bottom:5px;
}
.acMenu.achyouka dt.active + dd p{
margin:0 0 15px!important;
padding: 0;
}
.acMenu.achyouka dt.active + dd p:last-of-type{
margin:0!important;
padding: 0;
}
.acMenu.achyouka dt.active:before{
border:none;
}
.acMenu.achyouka dt.active:after{
border:none;
}


/*-------------------------------------------------------
テーブルアイコンデザイン
-------------------------------------------------------*/
.iconNijyumaru{
border:2.5px solid #ff7171;
box-sizing:border-box;
display:block;
width:20px;
height:20px;
border-radius:50px;
margin:auto!important;
position:relative;
background:#fff1e5fe5;
overflow:hidden;
text-indent:50px;
}
.iconNijyumaru:before{
content:"";
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
border:2.5px solid #ff4646;
box-sizing:border-box;
display:block;
width:10px;
height:10px;
border-radius:50%;
margin:auto;
}
.iconMaru{
border:3.5px solid #318fd2;
box-sizing:border-box;
display:block;
width:20px;
height:20px;
border-radius:50px;
margin:auto!important;
position:relative;
overflow:hidden;
text-indent:50px;
}
.iconSnkaku{
box-sizing:border-box;
display:block;
width:20px;
height:18px;
margin:auto!important;
position:relative;
border-right: solid 10px transparent;
border-left: solid 10px transparent;
border-bottom: solid 16px #57ab6a;
overflow:hidden;
text-indent:50px;
}
.iconBatu{
box-sizing:border-box;
display:block;
width:20px;
height:20px;
margin:auto!important;
position:relative;
overflow:hidden;
text-indent:50px;
}
.iconBatu::before, .iconBatu::after{
content: "";
display: block;
width:100%;/*バツ線の長さ*/
height:3.5px;/*バツ線の太さ*/
background: #726178;
transform: rotate(45deg);
transform-origin:0% 50%;
position: absolute;
top:calc(15% - 1px);
left:14%;
border-radius:1px;
}
.iconBatu::after{
transform: rotate(-45deg);
transform-origin:100% 50%;
left: auto;
right:14%;
}
#main-contents .newinfo-Area div.newinfo-box a img{
width: 100px;
height: 50px;
}
#main-contents .newinfo-Area div.newinfo-box a p img{
width: 100px;
height: 50px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main-contents .newinfo-Area div.newinfo-box a img{
width: 100px;
height: 50px;
margin-right:8px; 
}
#main-contents .newinfo-Area div.newinfo-box a{
width: 90%;
font-size:13px;
padding-right: 40px;
}
#main-contents .newinfo-Area div.newinfo-box a u{
font-size:11px;
left: 115px;
bottom: 15px;
}
}

/*-------------------------------------------------------
◎○△× 文字と並べる
-------------------------------------------------------*/
.iconNijyumaru-text{
border:2.5px solid #ff7171;
box-sizing:border-box;
display: inline-block;
width: 16px;
height: 16px;
border-radius:50px;
margin: -2px 8px 0 0;
position:relative;
background:#fff;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconNijyumaru-text:before{
content:"";
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
border:2.5px solid #ff4646;
box-sizing:border-box;
display:block;
width: 8px;
height: 8px;
border-radius:50%;
margin:auto;
}
.iconMaru-text{
border:3.5px solid #318fd2;
box-sizing:border-box;
display: inline-block;
width:16px;
height:16px;
border-radius:50px;
margin: -2px 8px 0 0;
position:relative;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconSnkaku-text{
box-sizing:border-box;
display: inline-block;
width:16px;
height:14px;
margin: -3px 8px 0 0;
position:relative;
border-right: solid 8px transparent;
border-left: solid 8px transparent;
border-bottom: solid 14px #57ab6a;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconBatu-text{
box-sizing:border-box;
display: inline-block;
width:18px;
height:18px;
margin: -2px 8px 0 0;
position:relative;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconBatu-text::before, .iconBatu-text::after{
content: "";
display: block;
width:100%;/*バツ線の長さ*/
height:3.5px;/*バツ線の太さ*/
background: #726178;
transform: rotate(45deg);
transform-origin:0% 50%;
position: absolute;
top:calc(15% - 2px);
left:14%;
border-radius:1px;
}
.iconBatu-text::after{
transform: rotate(-45deg);
transform-origin:100% 50%;
left: auto;
right:14%;
}

.number-txt{
color:#535966;
}
p.number-txt{
font-size:14px;
padding:0;
margin:0;
line-height:normal;
}
p.number-txt:first-letter{
font-size:16px;
}

.cps-post-main h2 + p img,.cps-post-main h3 + p img,.cps-post-main h4 + p img{
max-width:80%;
}
.pw80{
max-width:80%;
width:80%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.cps-post-main h2 + p img,.cps-post-main h3 + p img{
max-width:100%;
}
.pw80{
max-width:100%;
}
}



/*------------------------
吹き出し-table
------------------------*/
div.cps-post-main table.comment-box{
margin:22px 0 22px 0;
border:0;
display: table;
}
table.comment-box tr{
display: -webkit-flex;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
table.comment-box .comment-txt-l{
position: relative;
display: inline-block;
margin: 0 20px;
padding:12px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 12px;
background: #FFF;
box-shadow: 1px 1px 2px 0 #e4e4e4;
border-radius: 2px;
line-height: 2;
border: 1px solid #ddd;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
table.comment-box .comment-txt-l:before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -10px;
top: 7px;
left: auto;
margin: 0;
border: 10px solid transparent;
border-top-color: #ddd;
z-index: -1;
}
table.comment-box .comment-txt-l:after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -8px;
top: 8px;
left: auto;
margin: 0;
border: 9px solid transparent;
border-top-color: #fff;
z-index: 2;
}
table.comment-box .comment-txt-r{
position: relative;
display: inline-block;
margin: 0 20px;
padding:12px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 12px;
background: #FFF;
box-shadow: 1px 1px 2px 0 #e4e4e4;
border-radius: 2px;
line-height: 2;
border: 1px solid #ddd;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
table.comment-box .comment-txt-r:before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -10px;
top: 7px;
border: 10px solid transparent;
border-top-color: #ddd;
z-index: -1;
margin: 0;
}
table.comment-box .comment-txt-r:after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -8px;
top: 8px;
border: 9px solid transparent;
border-top-color: #fff;
z-index: 2;
margin: 0;
}
table.comment-box .comment-icon{
text-align:center;
width:90px;
min-width: 90px;
border:0;
line-height: 1;
padding: 0 0 0 10px;
}
table.comment-box .comment-icon:last-child{
padding: 0 10px 0 0;
}
table.comment-box .comment-icon img{
width:60px;
margin-bottom: 6px;
}
table.comment-box .come-name{
display:block;
font-size:12px;
color:#555;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
div.cps-post-main table.comment-box{
margin: 22px 0 22px 0;
}
table.comment-box .comment-icon{
text-align:center;
width:80px;
min-width: 80px;
}
table.comment-box .comment-txt-r,table.comment-box .comment-txt-l{
line-height: 1.8;
padding: 10px;
margin: 0 15px;
}
}


/*------------------------
tableスクロール
------------------------*/
.table-scroll{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
border-collapse: collapse;
}
.table-scroll th{
width:100%;
}
/*------------------------
tableスクロール　１列目固定
------------------------*/
.table-scroll-fix{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
z-index:1;
}
.table-scroll-fix th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
box-shadow: 1px 0 1px #dde4e6;
z-index:1;
}
.table-scroll-fix th{
width:100%;
}
.table-scroll-fix th.no-fix{
position: static;
}
.cps-post-main .table-scroll-fix th,.cps-post-main .table-scroll-fix td{
border-top: 0;
border-left: 0;
border-color: #dde4e6;
}


/*------------------------------------------------------------
この記事書いた人
-------------------------------------------------------------*/
.article-person{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-top: 3px solid #555;
border-bottom: 3px solid #555;
padding: 20px 0;
margin-bottom: 23px;
}
.article-person .img-wrap{
position: relative;
width: 120px;
height: 120px;
}
.article-person .img-wrap img{
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
z-index: 2;
}
.article-person .img-wrap:after{
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: #ffef9d;
right: -10px;
bottom: -10px;
}
.article-person .text-wrap{
width: 66%;
margin:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
box-sizing: border-box;
padding-left: 40px;
font-size: 14px;
}
.article-person .text-wrap p{
margin: 0;
}
.article-person .text-wrap .midasi{
display: inline-block;
background: #222;
font-size: 16px;
padding: 10px 18px;
color: #fff;
margin-bottom: 10px;
border-radius: 6px;
}
.article-person .text-wrap .name{
font-size: 18px;
font-weight: bold;
}
.article-person .text-wrap img{
margin-top: 10px;
width:100%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.article-person{
padding: 14px 0;
margin-bottom: 21px;
}
.article-person .img-wrap{
width: 90px;
height: 90px;
}
.article-person .img-wrap:after{
right: -7px;
bottom: -7px;
}
.article-person .text-wrap{
padding-left: 28px;
}
.article-person .text-wrap .midasi{
font-size: 11px;
margin-bottom: 6px;
padding: 6px 14px;
}
.article-person .text-wrap .name{
font-size: 14px;
}
.article-person .text-wrap p{
font-size: 13px;
line-height: 1.6;
margin-bottom: 2px;
}
.article-person .text-wrap p:last-of-type{
margin: 0;
}
}
@media only screen and (max-width : 376px){
.article-person .img-wrap {
width: 78px;
height: 78px;
}
.article-person .text-wrap {
padding-left: 24px;
}
}



/*------------------------------------------------------------
フロー
-------------------------------------------------------------*/
.flow-wrap .box{
padding: 0 0 20px 26px;
margin:0;
position: relative;
}
.flow-wrap .box:last-of-type{
padding-bottom: 0;
}
.flow-wrap .box:before {
content: "";
display: block;
width: 15px;
height: 15px;
background: #ff9e07!important;
border: solid 3px #ffffff;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
box-shadow: 0 0 0 2px #ff9e07;
box-sizing: border-box;
}
.flow-wrap .box:after {
content: "";
display: block;
height: calc(100% - 27px);
border-left: dotted 4px #FFC107;
position: absolute;
top: 24px;
left: 9px;
}
.flow-wrap .box:last-of-type:after{
display: none;
}
.flow-wrap .step{
color: #cc0000;
font-weight: bold;
}
.flow-wrap .step th{
color: #555;
}
.flow-wrap .step td{
color: #555;
}
.flow-wrap .step-midasi{
font-weight: bold;
font-size: 18px;
margin: 0 0 5px 0;
color: #555;
}
.flow-wrap p{
padding-bottom: 10px;
margin: 0;
font-weight:normal;
color: #555;
}
.flow-wrap .step > p:first-child{
font-weight:bold;
color: #ff9e07;
margin-bottom: 0px;
}
.flow-wrap p.step-text{
padding-bottom: 10px;
margin: 0;
color: #555;
font-weight:normal;
}
.flow-wrap .step-text{
color: #555;
}
.flow-wrap p:last-of-type{
padding-bottom:0;
margin-bottom:0;
}
.flow-wrap .step h4{
color: #555;
}
.flow-wrap .step{
position:relative;
padding-bottom:25px;
margin-bottom:10px;
}
.flow-wrap .step:before{
content:"";
position:absolute;
bottom:0;
left:0;
background:#e5e5e5;
width:100%;
height:2px;
}
.flow-wrap .box:last-of-type .step:before{
background:none;
}
.flow-wrap .step table{
margin:20px 0 10px;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.flow-wrap .box{
padding: 0 0 16px 26px;
}
.flow-wrap .step-midasi{
font-size: 16px;
margin: 0;
}
.flow-wrap p.step-text{
padding-bottom: 8px;
}
}



/*------------------------
ココポイント
------------------------*/
.point-wakuBox{
border-radius:5px;
position:relative;
margin:30px 2px 20px;
padding:25px 15px 15px;
border:3px solid #ffc1d5;
box-shadow:0 0 0px 2px #ff6e9b;
box-sizing:border-box;
background:#FFF;
}
.cps-post-main .pwb-h{
position:absolute;
top:-17px;
left:30px;
background:#ff3d7a;
display:block;
padding:0px 30px;
font-weight:bold;
font-size:16px;
box-shadow:0 0 0px 2px #ff3d7a;
border-radius:50px;
color:#FFF;
margin:0!important;
}
.cps-post-main .pwb-h.color-bh{
background:#303030;
box-shadow:0 0 0px 2px #303030;
}
.cps-post-main .pwb-h.center{
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%,0);
white-space: nowrap;
}
.point-wakuBox dl{
padding:0;
margin:0;
line-height:1.5;
}
.point-wakuBox dt{
padding:0;
margin:0 0 0px;
line-height:1.5;
font-size:16px;
font-weight: bold;
}
.point-wakuBox .maru-list{
background:#e9edef;
display:inline-block;
padding:3px 20px 2px 10px;
display:inline-block;
align-items: center;
color:#e03131;
border-radius:3px;
width:auto;
font-size:14px;
font-weight:bold;
}
.point-wakuBox .maru-list span{
color:#FFF;
}
.point-wakuBox .maru-list:before{
content:"〇";
font-size:15px;
color:#e03131;
margin-right:5px;
font-weight:bold;
}
.point-wakuBox .batu-list{
background:#e9edef;
display:inline-block;
padding:3px 20px 2px 10px;
display:inline-block;
align-items: center;
color:#4473b2;
border-radius:3px;
width:auto;
font-size:14px;
margin-top:20px;
font-weight:bold;
}
.point-wakuBox .batu-listspan{
color:#FFF;
}
.point-wakuBox .batu-list:before{
content:"×";
font-size:15px;
color:#4473b2;
margin-right:5px;
font-weight:bold;
}
.point-wakuBox dd{
padding:0;
margin:0 0 10px;
line-height:1.7;
font-size:14px;
color:#444;
}
.point-wakuBox dd:last-of-type{
margin:0;
}
/*------------------------
ココポイント2
------------------------*/
.point-wakuBox2{
border-radius:5px;
position:relative;
margin:20px 2px;
padding:15px;
border:3px solid #ffc1d5;
box-shadow:0 0 0px 2px #ff6e9b;
box-sizing:border-box;
background:#FFF;
}
.point-wakuBox2 dl{
padding:0;
margin:0;
line-height:1.5;
}
.point-wakuBox2 dt{
padding:0;
margin:0 0 10px;
line-height:1.5;
font-size:16px;
}
.point-wakuBox2 dt:first-of-type{
background:#e9edef;
display:inline-block;
padding:3px 20px 2px 10px;
display: -webkit-flex;
display: flex;
align-items: center;
color:#e03131;
border-radius:3px;
width:110px;
font-size:14px;
font-weight:bold;
}
.point-wakuBox2 dt:first-of-type span{
color:#FFF;
}
.point-wakuBox2 dt:first-of-type:before{
content:"〇";
font-size:15px;
color:#e03131;
margin-right:5px;
font-weight:bold;
}
.point-wakuBox2 dt:nth-of-type(2){
background:#e9edef;
display:inline-block;
padding:3px 20px 2px 10px;
display: -webkit-flex;
display: flex;
align-items: center;
color:#4473b2;
border-radius:3px;
width:110px;
font-size:14px;
margin-top:20px;
font-weight:bold;
}
.point-wakuBox2 dt:nth-of-type(2) span{
color:#FFF;
}
.point-wakuBox2 dt:nth-of-type(2):before{
content:"×";
font-size:15px;
color:#4473b2;
margin-right:5px;
font-weight:bold;
}
.point-wakuBox2 dd{
padding:0;
margin:0 0 5px;
line-height:1.2;
font-size:14px;
color:#444;
}
.point-wakuBox2 dd:last-of-type{
margin:0;
}

/*------------------------
ツイッター
------------------------*/
iframe[allowfullscreen="allowfullscreen"]{
width:100%;
}
.twitter-tweet{
display:block;
margin:10px auto!important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
iframe[allowfullscreen="allowfullscreen"]{
width:100%;
}
}
/*------------------------------------------------------------
Q&A
-------------------------------------------------------------*/
.qa-wrap{
margin-bottom: 20px;
}
.qa-wrap dl{
margin-bottom: 16px;
}
.qa-wrap dl:last-of-type{
margin:0;
}
.qa-wrap dt{
font-weight: bold;
position: relative;
line-height: 1.4;
margin-bottom: 10px;
padding: 0 0 0 32px;
font-size: 15px;
}
.qa-wrap dt:before{
content: "Q";
display: block;
color: #fff;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
background: #2467d2;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-size: 15px;
}
.qa-wrap dt h3{
background:none!important;
padding:0!important;
margin:0!important;
font-size: 15px!important;
}
.qa-wrap dd{
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
}
.qa-wrap dd:before{
content: "A";
display: block;
color: #fff;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
background: #ff4781;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 2px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.qa-wrap dt{
font-size: 14px;
}
.qa-wrap dt:before{
width: 24px;
height: 24px;
line-height: 24px;
font-size: 14px;
}
.qa-wrap dt h3{
background:none!important;
padding:0!important;
margin:0!important;
font-size: 14px!important;
}
.qa-wrap dd{
font-size: 14px;
}
.qa-wrap dd:before{
width: 24px;
height: 24px;
line-height: 24px;
font-size: 14px;
padding: 0 0 0 1px;
}
}


/*------------------------------------------------------------
Q&A (Qをh3に変更)
-------------------------------------------------------------*/
.qa-wrap{
margin-bottom: 20px;
}
.qa-wrap h3{
font-weight: bold;
position: relative;
line-height: 1.4;
padding: 0 0 0 32px!important;
font-size: 15px;
background:none!important;
margin:10px 0 10px 0!important;
font-size: 15px!important;
}
div.cps-post-main .qa-wrap h3:before{
content: "Q";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #2467d2!important;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-size: 13px;
}
.qa-wrap p{
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
margin: 0 0 16px 0;
}
.qa-wrap p:last-of-type{
margin:0;
}
.qa-wrap p:before{
content: "A";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #ff4781;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-weight: bold;
font-size: 13px;
padding: 0 0 0 1px;
}
.qa-wrap p + p:nth-child(n+1):before{
display:none;
}
div.cps-post-main .qa-wrap dt h3:before{
display:none;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.qa-wrap h3{
font-size: 14px!important;
}
div.cps-post-main .qa-wrap h3:before{
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
}
.qa-wrap p{
font-size: 14px;
}
.qa-wrap p:before{
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
padding: 0 0 0 1px;
}
}



/*------------------------------------------------------------
アコーディオンメニュー
-------------------------------------------------------------*/
.acMenu dt{
border: 1px solid #bbb;
border-radius: 3px;
margin: 10px 0 17px;
padding: 7px 5px;
text-align: center;
display: block;
box-shadow: none;
background: #fff;
color: #666;
cursor: pointer;
position:relative;
}
.acMenu dt:before{
content:"";
position:absolute;
bottom:-4px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:99%;
height:2px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.acMenu dt:after{
content:"";
position:absolute;
bottom:-7px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:98%;
height:1px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.acMenu dd{
display:none;
margin:0 0 5px!important;
box-sizing:border-box;
}
.acMenu dt.active{
border: 1px solid #ffeea1;
background:#fff2b7;
margin:0 0 5px!important;
box-shadow: 0 2px 0 0 #bbb;
border-radius:4px 4px 0 0;
color:#444;
}
.acMenu dt.active:before{
border:none;
}
.acMenu dt.active:after{
border:none;
}
.acMenu{
margin:5px 0;
}
.acMenu dt{
border: 1px solid #bbb;
border-radius: 3px;
margin: 0px 0 10px;
padding: 8px 5px;
text-align: center;
display: block;
background: #fff;
cursor: pointer;
color:#666;
font-size:14px;
}
.acMenu dt:before{
content:"";
position:absolute;
bottom:-3px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:99%;
height:1px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.acMenu dt:after{
content:"";
position:absolute;
bottom:-5px;
left:0;
right:0;
margin:auto;
z-index:5px;
width:98%;
height:0px;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}
.acMenu dt.active{
border: 1px solid #ffeea1;
background:#fff2b7;
margin:0 0 10px!important;
box-shadow: 0 2px 0 0 #bbb;
border-radius:4px 4px 0 0;
color:#444;
}
.acMenu dt.active:before{
border:none;
}
.acMenu dt.active:after{
border:none;
}
.acMenu + h3{
margin-top:27px!important;
}



/*------------------------
ボタン系
------------------------*/
.kuchikomi-link{
display: block;
margin: 10px auto 0;
padding: 10px;
border: 0;
font-weight: bold;
cursor: pointer;
text-align:right;
font-size:14px;
color: #448acb;
text-decoration:underline;
}
.cta-link-box{
text-align: center;
padding:0 20px;
margin-bottom:20px;
}
.cta-link-box .ctaText{
position: relative;
color: #ff4960;
font-size: 18px;
font-weight: bold;
display: inline-block;
margin: 0;
}
.cta-link-box .ctaText:before {
content: '';
display: block;
width: 20px;
height: 30px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/90747ff7f58b14f59540ac0b03137f0c.png) no-repeat center / contain;
left: -28px;
}
.cta-link-box .ctaText:after {
content: '';
display: block;
width: 20px;
height: 30px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/cd36edbc7697e16c50ada64504c9b390.png) no-repeat center / contain;
right: -28px;
}
.cta-link-box .cta-link-button02 {
display: inline-block;
font-weight: bold;
position: relative;
color: #fff;
background: rgb(249,48,77);
background: linear-gradient(90deg, rgba(249,48,77,1) 0%, rgba(249,80,77,1) 100%);
border-radius: 8px;
box-shadow: 0 8px 0 0 #ff787f;
text-decoration: none;
width: 98%;
transition: 0.3s;
cursor: pointer;
font-size: 22px;
height: auto;
line-height: 1.4;
padding:16px 0 12px;
display: block;
margin: 10px auto 20px;
text-align: center;
}
.cta-link-box .cta-link-button a{
width: 90%;
display: block;
margin: 12px auto 40px;
padding: 12px 60px 9px;
border-radius: 5px;
border: 0;
background:#ff3171;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
line-height:1.4;
box-shadow: 0px 3px 0px 0px #a92e55;
position: relative;
}
.cta-link-box .cta-link-button a:before{
content: "";
width: 50px;
height: 100%;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/58752d242a01b0a3399e2dc3296f6be4.png) no-repeat center / contain;
position: absolute;
left: 25px;
top: 0;
bottom: 0;
margin: auto;
background-size: contain;
}
.ctaFukidashi{
display: inline-block;
border: 2px solid #555;
padding: 10px 10px 8px;
position: relative;
border-radius: 8px;
font-size: 16px;
line-height: 1.4;
background: #ffffff;
font-weight:bold;
}
.ctaFukidashi:before{
content: '';
display: block;
border-right: 11px solid transparent;
border-top: 12px solid #ffffff;
border-left: 11px solid transparent;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: -10px;
z-index: 2;
}
.ctaFukidashi:after{
content: '';
display: block;
border-right: 11px solid transparent;
border-top: 12px solid #555;
border-left: 11px solid transparent;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: -13px;
z-index: 1; 
}
.cta-link-box .cta-link-button a span{
color: #FFF;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.ctaFukidashi{
font-size: 14px;
}
.cta-link-box .cta-link-button a{
padding: 12px 38px 9px;
}
.cta-link-box .cta-link-button a:before{
left: 10px;
}
.kuchikomi-link{
width:100%;
}
.cta-link-box .cta-link-button a{
width:100%;
}
.cta-link-box{
padding:0 10px;
margin-bottom:20px;
}
.cta-link-box .ctaText{
position: relative;
color: #ff4960;
font-size: 14px;
font-weight: bold;
display: inline-block;
margin: 0;
}
.cta-link-box .ctaText:before {
width: 15px;
height: 20px;
}
.cta-link-box .ctaText:after {
width: 15px;
height: 20px;
}
.cta-link-box .cta-link-button02 {
border-radius: 8px;
box-shadow: 0 6px 0 0 #ff787f;
width: 100%;
line-height: 1.4;
padding:15px 0 10px;
font-size: 16px;
height:auto;
margin: 0px auto 8px;
}
}
.cta-link-box.cta-link-box02{
margin:0 auto;
background: #fcf0c7;
padding: 5px 25px;
width:440px;
}
.cta-link-box.cta-link-box02 .ctaText.ctaText02 {
background: none;
padding-top: 10px;
color: #cc0000;
font-size: 16px;
}
.cta-link-box.cta-link-box02 .ctaText.ctaText02:before {
content: "";
width: 16px;
height: 18px;
display: inline-block;
border-left: 3px solid #cc0000;
transform: rotate(-30deg);
background:none;
}
.cta-link-box.cta-link-box02 .ctaText.ctaText02:after {
border-right: 3px solid #cc0000;
transform: rotate(30deg);
content: "";
width: 16px;
height: 18px;
display: inline-block;
background:none;
}
.cta-link-box.cta-link-box02 .ctaText.ctaText02 + div a.cta-link-button02 {
width: 90%;
font-size: 110%;
display: block;
margin: 10px auto 15px auto;
padding: 13px;
border: 0;
background: #CC0066;
box-shadow: 0px 5px #a60053;
color: #FFF!important;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
border-radius: 4px;
position: relative;
line-height: 1.5;
text-decoration: none!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.cta-link-box.cta-link-box02{
background: #fcf0c7;
padding: 10px 15px;
width:100%;
}
}



/*------------------------
リストデザイン(3パターン)
------------------------*/
div.cps-post-main .list-normal,div.cps-post-main .list-no,div.cps-post-main .list-check{
border: 1px solid #e3eaec;
background:#f9f9f9;
border-radius:3px;
padding:10px!important;
margin:10px 0!important;
}
div.cps-post-main .list-normal, div.cps-post-main .list-no, div.cps-post-main .list-check{
padding:10px!important;
margin:10px 0!important;
}
div.cps-post-main .list-normal li,div.cps-post-main .list-no li,div.cps-post-main .list-check li{
position:relative;
border-bottom: 1px dashed #dde4e6;
background:none;
padding:0px 0 8px 15px!important;
margin:8px 0!important;
font-weight:bold;
}
div.cps-post-main .list-normal li:first-child,div.cps-post-main .list-no li:first-child,div.cps-post-main .list-check li:first-child{
margin:0!important;
}
div.cps-post-main .list-normal li:last-child,div.cps-post-main .list-no li:last-child,div.cps-post-main .list-check li:last-child{
margin:8px 0 0!important;
border:0;
padding-bottom:0!important;
}
div.cps-post-main .list-normal li:before{
content:"";
position:absolute;
background:#c7d0d2;
border:1px solid #acb6b9;
width:8px;
height:8px;
border-radius:50px;
top:0;
bottom:8px;
left:0;
margin:auto;
box-sizing:border-box;
}
div.cps-post-main .list-check li:before{
content:"";
position:absolute;
background:url(https://img.altema.jp/altema/uploads/2020/07/2020y07m14d_1650591956.png)no-repeat;
background-size:100%;
width:10px;
height:10px;
top:0;
bottom:8px;
left:0;
margin:auto;
box-sizing:border-box;
}
div.cps-post-main .list-no li{
padding:0px 0 8px 25px!important;
}
div.cps-post-main .list-no li:before{
content:"";
color:#FFF;
font-size:10px;
font-weight:bold;
line-height:18px;
transform:scale(0.99); 
position:absolute;
background:#acb6b9!important;
width:18px;
height:18px;
border-radius:50px;
top:0;
bottom:8px;
left:0;
margin:auto;
text-align:center;
box-sizing:border-box;
}
div.cps-post-main .list-no li:nth-of-type(1):before{content:"1";}
div.cps-post-main .list-no li:nth-of-type(2):before{content:"2";}
div.cps-post-main .list-no li:nth-of-type(3):before{content:"3";}
div.cps-post-main .list-no li:nth-of-type(4):before{content:"4";}
div.cps-post-main .list-no li:nth-of-type(5):before{content:"5";}
div.cps-post-main .list-no li:nth-of-type(6):before{content:"6";}
div.cps-post-main .list-no li:nth-of-type(7):before{content:"7";}
div.cps-post-main .list-no li:nth-of-type(8):before{content:"8";}
div.cps-post-main .list-no li:nth-of-type(9):before{content:"9";}
div.cps-post-main .list-no li:nth-of-type(10):before{content:"10";}
div.cps-post-main .list-no li:nth-of-type(11):before{content:"11";}
div.cps-post-main .list-no li:nth-of-type(12):before{content:"12";}
div.cps-post-main .list-no li:nth-of-type(13):before{content:"13";}
div.cps-post-main .list-no li:nth-of-type(14):before{content:"14";}
div.cps-post-main .list-no li:nth-of-type(15):before{content:"15";}
div.cps-post-main .list-no li:nth-of-type(16):before{content:"16";}
div.cps-post-main .list-no li:nth-of-type(17):before{content:"17";}
div.cps-post-main .list-no li:nth-of-type(18):before{content:"18";}
div.cps-post-main .list-no li:nth-of-type(19):before{content:"19";}
div.cps-post-main .list-no li:nth-of-type(20):before{content:"20";}
div.cps-post-main .list-no li:nth-of-type(21):before{content:"21";}
div.cps-post-main .list-no li:nth-of-type(22):before{content:"22";}
div.cps-post-main .list-no li:nth-of-type(23):before{content:"23";}
div.cps-post-main .list-no li:nth-of-type(24):before{content:"24";}
div.cps-post-main .list-no li:nth-of-type(25):before{content:"25";}
div.cps-post-main .list-no li:nth-of-type(26):before{content:"26";}
div.cps-post-main .list-no li:nth-of-type(27):before{content:"27";}
div.cps-post-main .list-no li:nth-of-type(28):before{content:"28";}
div.cps-post-main .list-no li:nth-of-type(29):before{content:"29";}
div.cps-post-main .list-no li:nth-of-type(30):before{content:"30";}
div.cps-post-main .list-normal li:last-child:before,div.cps-post-main .list-no li:last-child:before,div.cps-post-main .list-check li:last-child:before{
bottom:0px;
}
div.cps-post-main .list-no li:after{
display: none;
}




/*------------------------
ランキングタグ
------------------------*/
.PRrank-icon2 tr:nth-of-type(n+2) th:first-of-type{
}
/* ラベル部分*/
.PRrank-icon2 tr:nth-child(n+2):nth-child(-n+21) th:first-of-type:before {
content: "";
top:0;
left:0;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%;
background-repeat:no-repeat;
}
.PRrank-icon2 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/35fe696ac49c80b24dcaffb5758920ce.png);
}
.PRrank-icon2 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/93dbad643e66e9cd092a26ea4aa153ae.png);
}
.PRrank-icon2 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/190b5c60052666d5e000b63cddd95387.png);
}
.PRrank-icon2 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/ad2e3f96d3ddbd63f2c0b1f0e48fcbde.png);
}
.PRrank-icon2 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/3c2ed020bd1fae3a3533bbe57adee1bc.png);
}
.PRrank-icon2 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/1991191772cd8227a959cbc145ae6ec8.png);
}
.PRrank-icon2 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/616c60276451e0c91bac4638d52179b2.png);
}
.PRrank-icon2 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/f5ede7d3dc7e650dfed8127ec149e125.png);
}
.PRrank-icon2 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/80d525aab6447cf00e4fe5716a06fa36.png);
}
.PRrank-icon2 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/a024ee76c76bef468d6a759b82904d7e.png);
}
.PRrank-icon2 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/afc459b7ad3f95442788ab343855515d.png);
}
.PRrank-icon2 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/db8ad483ca0843e981b53d9c0e7ff546.png);
}
.PRrank-icon2 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/0a104a82de25f13ec987ab617e68dc19.png);
}
.PRrank-icon2 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/bc19e1fa7fbc5124fc7e99dc69d19d3e.png);
}
.PRrank-icon2 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/2dc554a4bad24a4bdbc673b6867dd3b1.png);
}
.PRrank-icon2 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/e32a5ef4985918a48b3b9cd3e4964a4a.png);
}
.PRrank-icon2 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/a902aa961ac562238939037ab024079c.png);
}
.PRrank-icon2 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/896e43b36960c4c70beb925c3512a92f.png);
}
.PRrank-icon2 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/c04d9026797ec879bd160ab17bdcc764.png);
}
.PRrank-icon2 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/bbeff0de305a8db22ae11bb67ecb9c70.png);
}

/*------------------------
ランキングタグ（余白あり）
------------------------*/
/* 一部非表示*/
.PRrank-icon3 tr.displaynone {
    display: none;
}
.PRrank-icon3.rankingtable_50 tr:nth-child(n+52):nth-child(-n+302) {
    display: none;
}
.PRrank-icon3.rankingtable_100 tr:nth-child(n+2):nth-child(-n+51),.PRrank-icon3.rankingtable_100 tr:nth-child(n+102):nth-child(-n+302) {
    display: none;
}
.PRrank-icon3.rankingtable_150 tr:nth-child(n+2):nth-child(-n+101),.PRrank-icon3.rankingtable_150 tr:nth-child(n+152):nth-child(-n+302) {
    display: none;
}
.PRrank-icon3.rankingtable_200 tr:nth-child(n+2):nth-child(-n+151),.PRrank-icon3.rankingtable_200 tr:nth-child(n+202):nth-child(-n+302) {
    display: none;
}
.PRrank-icon3.rankingtable_250 tr:nth-child(n+2):nth-child(-n+201),.PRrank-icon3.rankingtable_250 tr:nth-child(n+252):nth-child(-n+302) {
    display: none;
}
.PRrank-icon3.rankingtable_300 tr:nth-child(n+2):nth-child(-n+251) {
    display: none;
}
.PRrank-icon3 tr:nth-of-type(n+2) th:first-of-type{
padding: 10px 5px 10px 35px;
}
/* ラベル部分*/
.PRrank-icon3 tr:nth-child(n+2):nth-child(-n+301) th:first-of-type:before {
content: "";
top:0;
left:0;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%!important;
}
.PRrank-icon3 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/35fe696ac49c80b24dcaffb5758920ce.png);
}
.PRrank-icon3 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/93dbad643e66e9cd092a26ea4aa153ae.png);
}
.PRrank-icon3 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/190b5c60052666d5e000b63cddd95387.png);
}
.PRrank-icon3 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/ad2e3f96d3ddbd63f2c0b1f0e48fcbde.png);
}
.PRrank-icon3 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/3c2ed020bd1fae3a3533bbe57adee1bc.png);
}
.PRrank-icon3 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/1991191772cd8227a959cbc145ae6ec8.png);
}
.PRrank-icon3 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/616c60276451e0c91bac4638d52179b2.png);
}
.PRrank-icon3 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/f5ede7d3dc7e650dfed8127ec149e125.png);
}
.PRrank-icon3 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/80d525aab6447cf00e4fe5716a06fa36.png);
}
.PRrank-icon3 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/a024ee76c76bef468d6a759b82904d7e.png);
}
.PRrank-icon3 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/afc459b7ad3f95442788ab343855515d.png);
}
.PRrank-icon3 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/db8ad483ca0843e981b53d9c0e7ff546.png);
}
.PRrank-icon3 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/0a104a82de25f13ec987ab617e68dc19.png);
}
.PRrank-icon3 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/bc19e1fa7fbc5124fc7e99dc69d19d3e.png);
}
.PRrank-icon3 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/2dc554a4bad24a4bdbc673b6867dd3b1.png);
}
.PRrank-icon3 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/e32a5ef4985918a48b3b9cd3e4964a4a.png);
}
.PRrank-icon3 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/a902aa961ac562238939037ab024079c.png);
}
.PRrank-icon3 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/896e43b36960c4c70beb925c3512a92f.png);
}
.PRrank-icon3 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/c04d9026797ec879bd160ab17bdcc764.png);
}
.PRrank-icon3 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/bbeff0de305a8db22ae11bb67ecb9c70.png);
}
.PRrank-icon3 tr:nth-of-type(22) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/27c808a682412f7bab77c9e576975d1c.png);
}
.PRrank-icon3 tr:nth-of-type(23) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/071fe7e12e0e0c387074b40d6bf2479d.png);
}
.PRrank-icon3 tr:nth-of-type(24) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/ee40fe8eefdbf049b1b1f3e6e98af8cc.png);
}
.PRrank-icon3 tr:nth-of-type(25) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/3d62529a4d0fe51f275ab1cab5a78789.png);
}
.PRrank-icon3 tr:nth-of-type(26) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/89672f7156da8320c64c891914d3f4f2.png);
}
.PRrank-icon3 tr:nth-of-type(27) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/83fc78b958820fb02b15f4765df1ad87.png);
}
.PRrank-icon3 tr:nth-of-type(28) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/baaa403da8ca0e18ad2a234c3cbf9699.png);
}
.PRrank-icon3 tr:nth-of-type(29) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/c70bac320b2706f760dd4db64a7dde5f.png);
}
.PRrank-icon3 tr:nth-of-type(30) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/d7596ad337c21a1558a7d9ec3ec72e7a.png);
}
.PRrank-icon3 tr:nth-of-type(31) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/c26c32615098f550ecd1ca082e9356a1.png);
}
.PRrank-icon3 tr:nth-of-type(32) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/17a37de422fad5763f90de622c808741.png);
}
.PRrank-icon3 tr:nth-of-type(33) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/b67c6bbece4781f784a96a92c526cf13.png);
}
.PRrank-icon3 tr:nth-of-type(34) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/5f3f48d4739d4f9a6d6de104811ce7bb.png);
}
.PRrank-icon3 tr:nth-of-type(35) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/4e3fc24ce77ffe03ed94fc0973cf925e.png);
}
.PRrank-icon3 tr:nth-of-type(36) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/49c357c27a76bb3127a35cce3803caa8.png);
}
.PRrank-icon3 tr:nth-of-type(37) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/e53b18f2e4c8bcf29f9925b97b1727ac.png);
}
.PRrank-icon3 tr:nth-of-type(38) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/ba0c331cc7e58eaa42a50dfaa012f554.png);
}
.PRrank-icon3 tr:nth-of-type(39) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/edee86680e3bb7cb9d4f52487a452c12.png);
}
.PRrank-icon3 tr:nth-of-type(40) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f1b475c67183b14d14474470fcf16bc3.png);
}
.PRrank-icon3 tr:nth-of-type(41) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/db769ab810139721269b0f957c1ab02f.png);
}
.PRrank-icon3 tr:nth-of-type(42) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/4fb974868cfaa3a2cb3a7dbabf34596f.png);
}
.PRrank-icon3 tr:nth-of-type(43) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/ba004bbad40d9b6a6c2837f49bbfc801.png);
}
.PRrank-icon3 tr:nth-of-type(44) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/5fdf46a2cd184f035f972f972858d661.png);
}
.PRrank-icon3 tr:nth-of-type(45) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/7c6e8b7e81b84b33f0e471e5124e9d55.png);
}
.PRrank-icon3 tr:nth-of-type(46) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/e8479d43d7ceb07ae33d3661012dba53.png);
}
.PRrank-icon3 tr:nth-of-type(47) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/b9c1d6034e1c2f111d0da346fe593060.png);
}
.PRrank-icon3 tr:nth-of-type(48) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/2ce3235eeb8954ce682b4f0e7dd6376e.png);
}
.PRrank-icon3 tr:nth-of-type(49) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/df27ddb7a8e3b7766e82d42cc66b90e2.png);
}
.PRrank-icon3 tr:nth-of-type(50) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/9a277d4bff4fe7b6bd636f7f409dc5dd.png);
}
.PRrank-icon3 tr:nth-of-type(51) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f03a91ada2cf2ca26ba53a899b5b35a6.png);
}
.PRrank-icon3 tr:nth-of-type(52) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/2cc559ddc5d9fde62924bbe0f15940e6.png);
}
.PRrank-icon3 tr:nth-of-type(53) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/482f6d2e840c58c84cfed3a1e2f8efd5.png);
}
.PRrank-icon3 tr:nth-of-type(54) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/af4091d5e4e84a8216acaeae3ebbd52c.png);
}
.PRrank-icon3 tr:nth-of-type(55) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/3cae8d23bf226d99b679b401f33f9871.png);
}
.PRrank-icon3 tr:nth-of-type(56) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/d99db0b13bedec53a2490e36c53e207f.png);
}
.PRrank-icon3 tr:nth-of-type(57) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/81038659fcd4ab201f8f57604a6e6547.png);
}
.PRrank-icon3 tr:nth-of-type(58) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/5ada01ecc93dd6bd96d8a72a1d9919b5.png);
}
.PRrank-icon3 tr:nth-of-type(59) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/4bcfeb76d08db53117f98b28ea756c4a.png);
}
.PRrank-icon3 tr:nth-of-type(60) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f29a6324862a555e72252a0bc5ee4351.png);
}
.PRrank-icon3 tr:nth-of-type(61) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f9401dc23b87d9a1dd08127dcf01963f.png);
}
.PRrank-icon3 tr:nth-of-type(62) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/8e9e0271a401e03c987c09dbe2c648d9.png);
}
.PRrank-icon3 tr:nth-of-type(63) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/fa48ee1e1efa2f054e0a4fe3c5c7eecd.png);
}
.PRrank-icon3 tr:nth-of-type(64) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/5211b52ca1d061c7c74c59a32ec49a69.png);
}
.PRrank-icon3 tr:nth-of-type(65) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/4bef4b2757c9d8e0cf5073977f0b3ceb.png);
}
.PRrank-icon3 tr:nth-of-type(66) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/0413c7f4783e843cb87807b22c4d0926.png);
}
.PRrank-icon3 tr:nth-of-type(67) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/3aff7fd230f03a1c71cebd636577f484.png);
}
.PRrank-icon3 tr:nth-of-type(68) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/8289a9bf4fe211f0ba406be115eeeac4.png);
}
.PRrank-icon3 tr:nth-of-type(69) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/77628053e93a08134ea45c534cb8a6b0.png);
}
.PRrank-icon3 tr:nth-of-type(70) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/bc699102c8249256d6e32f4f145cb8e6.png);
}
.PRrank-icon3 tr:nth-of-type(71) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/abe3b15b367f1fb5a1ee2d54ed6cd607.png);
}
.PRrank-icon3 tr:nth-of-type(72) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/f662f8dd951269fe504bf9f5faac1c6d.png);
}
.PRrank-icon3 tr:nth-of-type(73) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/8457162c3c0f481ec89faaaec51d38b3.png);
}
.PRrank-icon3 tr:nth-of-type(74) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/a304b4a6173ae73b9aa780e8a9f1be66.png);
}
.PRrank-icon3 tr:nth-of-type(75) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/e984f116de0a6aaa93744950dc78b31f.png);
}
.PRrank-icon3 tr:nth-of-type(76) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/e0d6e6df5f2cbe7452a7827ddab127cc.png);
}
.PRrank-icon3 tr:nth-of-type(77) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/4840ce88c524eeab77bebb2dade82dbd.png);
}
.PRrank-icon3 tr:nth-of-type(78) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/bb09b14e868cdee7c6ad6110442f3a5e.png);
}
.PRrank-icon3 tr:nth-of-type(79) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/9589f5c7a519df5c09f858c8bd6dd0a1.png);
}
.PRrank-icon3 tr:nth-of-type(80) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/0ea2fcec8cda0e6c5356fc69d2563109.png);
}
.PRrank-icon3 tr:nth-of-type(81) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/8b231e2e575f675774e64a9f656d905d.png);
}
.PRrank-icon3 tr:nth-of-type(82) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/55469bc6414a298ade8536c3bfc2d5d0.png);
}
.PRrank-icon3 tr:nth-of-type(83) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/5257eee075c4d416a63ceb2bc7797a68.png);
}
.PRrank-icon3 tr:nth-of-type(84) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/5900cfbdd5d4e9cc0e16a6b263a778c6.png);
}
.PRrank-icon3 tr:nth-of-type(85) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/edef7cff5f41be4510477855a830b014.png);
}
.PRrank-icon3 tr:nth-of-type(86) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/ecd5c0221e26f4e78d62c9fcde19c82f.png);
}
.PRrank-icon3 tr:nth-of-type(87) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/e568f65c821ffaabdc46b8eb5e8c9719.png);
}
.PRrank-icon3 tr:nth-of-type(88) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/d0647cea36bb7a447a9409662b6260c6.png);
}
.PRrank-icon3 tr:nth-of-type(89) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/acbbb062cf8c543b4b288f3d5af65c16.png);
}
.PRrank-icon3 tr:nth-of-type(90) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/d7160c40d2fc9fa6aad39b2e04cdd24e.png);
}
.PRrank-icon3 tr:nth-of-type(91) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/a031174aba22f6f8105b6a1d89cc2037.png);
}
.PRrank-icon3 tr:nth-of-type(92) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/afa68e8b730ac41e71926287d70fa8e4.png);
}
.PRrank-icon3 tr:nth-of-type(93) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/af94201535e7650eab76f3569d13b70c.png);
}
.PRrank-icon3 tr:nth-of-type(94) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/9bc8fe6e158b7f6c694c0ed0923e0419.png);
}
.PRrank-icon3 tr:nth-of-type(95) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/c10fa15031a9f68ef2cda9971de04007.png);
}
.PRrank-icon3 tr:nth-of-type(96) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/788143d021c867e94ccbfbd911c65c6e.png);
}
.PRrank-icon3 tr:nth-of-type(97) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/6bc54dceb0d7d3804127174434447f4c.png);
}
.PRrank-icon3 tr:nth-of-type(98) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/7014169a1eee44c3c4c4c2776288db61.png);
}
.PRrank-icon3 tr:nth-of-type(99) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/c2fe9413000d9af9b5f4036de4625034.png);
}
.PRrank-icon3 tr:nth-of-type(100) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/ee54e40c5f86d19514b14b46fa3152c5.png);
}
.PRrank-icon3 tr:nth-of-type(101) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/04b01f7230650457ef3a8b69d42aa5d4.png);
}
.PRrank-icon3 tr:nth-of-type(102) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/ace11ff9de3bbcb68bfb25bc01a42686.png);
}
.PRrank-icon3 tr:nth-of-type(103) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/2593f7444eb1dcbfa745ac58937df6a5.png);
}
.PRrank-icon3 tr:nth-of-type(104) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/ef17562ced5337fc1381285f97670c8a.png);
}
.PRrank-icon3 tr:nth-of-type(105) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/38044bcad36f64c713e9780da167253e.png);
}
.PRrank-icon3 tr:nth-of-type(106) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/cc895c4a15eca7252578c7588b197899.png);
}
.PRrank-icon3 tr:nth-of-type(107) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/e80d005a6cbd6db9e391e2ab1accebdf.png);
}
.PRrank-icon3 tr:nth-of-type(108) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/d52e5dd27ac6d15bcf046cc2fdb77b7c.png);
}
.PRrank-icon3 tr:nth-of-type(109) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/56f669848781494431c61a9507a02728.png);
}
.PRrank-icon3 tr:nth-of-type(110) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/809fb2295cb3ee12f5aee0f3154027eb.png);
}
/* .PRrank-icon3 tr:nth-of-type(111) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/113c773a872f2ac76c88dd11b07f48e3.png);
} */
.PRrank-icon3 tr:nth-of-type(111) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/21e07a6448e8f5f3cbe692ea363e28dd.png);
}
.PRrank-icon3 tr:nth-of-type(112) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b6462558b65e3da277c6b98627db77f5.png);
}
.PRrank-icon3 tr:nth-of-type(113) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e2ace3d6ce86ccae43f4f9d4885e9a46.png);
}
.PRrank-icon3 tr:nth-of-type(114) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/02d3702931fa0ffac8ea874570768a7c.png);
}
.PRrank-icon3 tr:nth-of-type(115) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/33e955d897fb0d1ab56182af2f48bf50.png);
}
.PRrank-icon3 tr:nth-of-type(116) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2f923d1c11404371648bc2e833047842.png);
}
.PRrank-icon3 tr:nth-of-type(117) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/c7715fdd55b6839cd62f2eb622217e06.png);
}
.PRrank-icon3 tr:nth-of-type(118) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2bd66746c2bf77ae24e6ea78be0fe437.png);
}
.PRrank-icon3 tr:nth-of-type(119) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b242d2b9610b46d173741c1523cf1a10.png);
}
.PRrank-icon3 tr:nth-of-type(120) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/8e87a2454c32626754e793b3211ca72d.png);
}
.PRrank-icon3 tr:nth-of-type(121) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4afd6ac2241b493a9074102967b3989b.png);
}
.PRrank-icon3 tr:nth-of-type(122) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6adf71977172016e1a864be2231d3c5e.png);
}
.PRrank-icon3 tr:nth-of-type(123) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/7637f4cb1817c9d9774a7e9be6c0b78f.png);
}
.PRrank-icon3 tr:nth-of-type(124) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/1ad589520ec054f3ba2850b77976d3df.png);
}
.PRrank-icon3 tr:nth-of-type(125) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/f441c7f3f18d1399155e358058651a26.png);
}
.PRrank-icon3 tr:nth-of-type(126) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/ae7af777e3e0533d6a61b1ffc37f2b66.png);
}
.PRrank-icon3 tr:nth-of-type(127) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e7ff899b7c687a6d0075cdbf86da1e93.png);
}
.PRrank-icon3 tr:nth-of-type(128) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/bf1dc37c41e2c9b7a38bd16ee53de7d7.png);
}
.PRrank-icon3 tr:nth-of-type(129) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/97a4d9e5b264625cd3c70909a20e292e.png);
}
.PRrank-icon3 tr:nth-of-type(130) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/07da898e9163d3f6339806813173b327.png);
}
.PRrank-icon3 tr:nth-of-type(131) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/fc7735decdd355fad7a8c701c3cd45c9.png);
}
.PRrank-icon3 tr:nth-of-type(132) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/59cfeace772ad6b6050d23e46c88cb70.png);
}
.PRrank-icon3 tr:nth-of-type(133) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b2fb12db41a57cd64c592d7c8d66196c.png);
}
.PRrank-icon3 tr:nth-of-type(134) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6e7e71d670b7f4b1b29509e234e31e59.png);
}
.PRrank-icon3 tr:nth-of-type(135) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b2b5de50724454299c262785ec7ee88a.png);
}
.PRrank-icon3 tr:nth-of-type(136) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/a8d6a538dbbd4ef199ebadfbcfdbd773.png);
}
.PRrank-icon3 tr:nth-of-type(137) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/47f29a978e0fcb106a039642c4c55148.png);
}
.PRrank-icon3 tr:nth-of-type(138) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/f4d9023357e034b5d9b5b9ef7e55eeb4.png);
}
.PRrank-icon3 tr:nth-of-type(139) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e6d826c7b633830f25d1ee0ef3ed3806.png);
}
.PRrank-icon3 tr:nth-of-type(140) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/8f607d4fe952e41314ea7973f5ac5d32.png);
}
.PRrank-icon3 tr:nth-of-type(141) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6ad2bf549a311b5bef75b4c0ee8ba411.png);
}
.PRrank-icon3 tr:nth-of-type(142) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4e62c718d2f3fad0f99c9f40e19b4054.png);
}
.PRrank-icon3 tr:nth-of-type(143) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/520685c192ece15df32a446c44e6c6f4.png);
}
.PRrank-icon3 tr:nth-of-type(144) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/716e92258f37335bbf095592a83e033f.png);
}
.PRrank-icon3 tr:nth-of-type(145) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/210d77646b01596c96c91c1f3376fbd8.png);
}
.PRrank-icon3 tr:nth-of-type(146) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/0d54b001b3c6a7b6c53c793babd7280f.png);
}
.PRrank-icon3 tr:nth-of-type(147) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/28b4ea3f2cc6b7258ccad3a3360741c4.png);
}
.PRrank-icon3 tr:nth-of-type(148) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2ce523ac7490b4327d38cf7eee5aaeba.png);
}
.PRrank-icon3 tr:nth-of-type(149) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/77e2bcc8cddb2a6c417c88bf156b0ef8.png);
}
.PRrank-icon3 tr:nth-of-type(150) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/64f01715fecd27e6f1f968eb086454a4.png);
}
.PRrank-icon3 tr:nth-of-type(151) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6d6b6a5cc824f5ad45b60fbb38634ecd.png);
}
.PRrank-icon3 tr:nth-of-type(152) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2ec92b8abbd5208486f1a051838537d9.png);
}
.PRrank-icon3 tr:nth-of-type(153) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/c6e4ba014e68c593bfe32a0531132225.png);
}
.PRrank-icon3 tr:nth-of-type(154) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6800658d4eff8549a7176df5345f9e8e.png);
}
.PRrank-icon3 tr:nth-of-type(155) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/0b96d35dc7199e7c8d33a6cdc79656db.png);
}
.PRrank-icon3 tr:nth-of-type(156) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e3c5abc8267802d91e791103b0d0708e.png);
}
.PRrank-icon3 tr:nth-of-type(157) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/baa54221d0b98e2af66a66462feaca53.png);
}
.PRrank-icon3 tr:nth-of-type(158) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/9e32c937e50698b0861a2c56fb22ba97.png);
}
.PRrank-icon3 tr:nth-of-type(159) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/3399e8df07dac017d74c8eeafbfacc1a.png);
}
.PRrank-icon3 tr:nth-of-type(160) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/f40e7a3ef8e9ce2cb6027d14ef3794d5.png);
}
.PRrank-icon3 tr:nth-of-type(161) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/1fe56fb1071d6c2fc108f3e87309067d.png);
}
.PRrank-icon3 tr:nth-of-type(162) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/7b27cf7cdf26a8e06e9946f84be5b00b.png);
}
.PRrank-icon3 tr:nth-of-type(163) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/a43cf62edbf030f94710732b1e0dca11.png);
}
.PRrank-icon3 tr:nth-of-type(164) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/36b5a6fa1532d387860bfa434c001503.png);
}
.PRrank-icon3 tr:nth-of-type(165) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/f6e66bd8a4a068e33bcb350b44da6d0b.png);
}
.PRrank-icon3 tr:nth-of-type(166) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/825df701163804f0dc5f435304c67ae7.png);
}
.PRrank-icon3 tr:nth-of-type(167) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6888b1450655e7dea9ce7ffb6bce5a7e.png);
}
.PRrank-icon3 tr:nth-of-type(168) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b067338c5ce85f1c7b25d34c721034a6.png);
}
.PRrank-icon3 tr:nth-of-type(169) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/cf9c2e1ad5779447538a395d1ea33505.png);
}
.PRrank-icon3 tr:nth-of-type(170) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e3f2887a86fe29f6da40f53750dd8bf0.png);
}
.PRrank-icon3 tr:nth-of-type(171) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6a89f32dd58e09b743b30a9ff30a5652.png);
}
.PRrank-icon3 tr:nth-of-type(172) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2a8034a493183c6c4ec8accf0a9b2d1c.png);
}
.PRrank-icon3 tr:nth-of-type(173) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/a1c4256ffec07d3e46f20f4f689c1b32.png);
}
.PRrank-icon3 tr:nth-of-type(174) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b9ba87524ba45bdb8b436db47aef3739.png);
}
.PRrank-icon3 tr:nth-of-type(175) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/bb53ed48fb8e16301746f2a3a06c9a9a.png);
}
.PRrank-icon3 tr:nth-of-type(176) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/5506bd290f14e7a98e5e7617aebd2f19.png);
}
.PRrank-icon3 tr:nth-of-type(177) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/0e3b8f7dd31c12cec09a52c718c42ef4.png);
}
.PRrank-icon3 tr:nth-of-type(178) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/3da40906913c376330f0024303541a9b.png);
}
.PRrank-icon3 tr:nth-of-type(179) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/5bff4ff6d687b6190ee0cd77bb6f3319.png);
}
.PRrank-icon3 tr:nth-of-type(180) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4ef863f69e35e10fe449d1db03ed50c1.png);
}
.PRrank-icon3 tr:nth-of-type(181) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/9bf88170534675aef8fc67fe9647fa4c.png);
}
.PRrank-icon3 tr:nth-of-type(182) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4b4cbf0288b2bfd04b18837590106476.png);
}
.PRrank-icon3 tr:nth-of-type(183) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/da2cc863c2796653bb081eb4e31106bc.png);
}
.PRrank-icon3 tr:nth-of-type(184) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/a6c8aa4d7034cf780f52ea6aca24b4b5.png);
}
.PRrank-icon3 tr:nth-of-type(185) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/794d859e673b1804a7c0041659642773.png);
}
.PRrank-icon3 tr:nth-of-type(186) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/625db1e912a492d67521df7ff423e966.png);
}
.PRrank-icon3 tr:nth-of-type(187) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e3bf22103dbf8d8658f103f521a77a84.png);
}
.PRrank-icon3 tr:nth-of-type(188) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/71ca37c55fecef94b4753e50348ff123.png);
}
.PRrank-icon3 tr:nth-of-type(189) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/72c050ba9ecf1e5f16f3ec7e031b0a5c.png);
}
.PRrank-icon3 tr:nth-of-type(190) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/8b185433610072cd179992ac2cc97f3d.png);
}
.PRrank-icon3 tr:nth-of-type(191) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/529ac7b4d1673ccacf0a20e2857286e2.png);
}
.PRrank-icon3 tr:nth-of-type(192) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/d7c285e823dadaf10788272e16e036bf.png);
}
.PRrank-icon3 tr:nth-of-type(193) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/ae7183b90d4a1e00894f7c0d4547505e.png);
}
.PRrank-icon3 tr:nth-of-type(194) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/03e679a1f03119c6d7ec0f2be4a19083.png);
}
.PRrank-icon3 tr:nth-of-type(195) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/1fdd76380e3e824727c921e6030dfdf2.png);
}
.PRrank-icon3 tr:nth-of-type(196) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/17fac0e52af745eb0e7e2051bfd9d5ee.png);
}
.PRrank-icon3 tr:nth-of-type(197) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/ebf4410efbf24b613c65becf20c0751c.png);
}
.PRrank-icon3 tr:nth-of-type(198) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/11c5a478b73317f308a04299d8301802.png);
}
.PRrank-icon3 tr:nth-of-type(199) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e2607f703b70d0ea0e6edfed4606f092.png);
}
.PRrank-icon3 tr:nth-of-type(200) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/1faa4417ab94dce0f80685de4bbf126b.png);
}
.PRrank-icon3 tr:nth-of-type(201) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/531c0a0869711824cfd1ed5733fc80b6.png);
}
.PRrank-icon3 tr:nth-child(n+202):nth-child(-n+302) th:first-of-type:before {
    width: 35px;
    height: 35px;
}
.PRrank-icon3 tr:nth-of-type(202) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/b4ac6c47a9cde8ace6aca8e59bea9d77.png);
}
.PRrank-icon3 tr:nth-of-type(203) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/179a6d097e2a26efdfc72c5121d6dbf7.png);
}
.PRrank-icon3 tr:nth-of-type(204) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a6207add3daa36639f94e9994acba87b.png);
}
.PRrank-icon3 tr:nth-of-type(205) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/5a362971ed31b25a75d8c745d1bae977.png);
}
.PRrank-icon3 tr:nth-of-type(206) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/285e7d4fe7e8db8de515a93606e8fb4b.png);
}
.PRrank-icon3 tr:nth-of-type(207) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/dc0efe3a252f83ef911bbe1694f46854.png);
}
.PRrank-icon3 tr:nth-of-type(208) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/54494c1593180268f1255ce802a79570.png);
}
.PRrank-icon3 tr:nth-of-type(209) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/bf9bfa69652dbc91dcb7d74854fd3dde.png);
}
.PRrank-icon3 tr:nth-of-type(210) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d06a6e2f9d999c25c73e4b85c34a7cf4.png);
}
.PRrank-icon3 tr:nth-of-type(211) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6da17feae1add2397b145c67222f0811.png);
}
.PRrank-icon3 tr:nth-of-type(212) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d9ee0d6223f669bca124a1080c7b1e2b.png);
}
.PRrank-icon3 tr:nth-of-type(213) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f11e0e3afa4e967ce4dd62d4bdfc602b.png);
}
.PRrank-icon3 tr:nth-of-type(214) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/2a2cf2a36925ec54b31599b5fc55c443.png);
}
.PRrank-icon3 tr:nth-of-type(215) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f1ec9193641b3172ebd3b1c924c84989.png);
}
.PRrank-icon3 tr:nth-of-type(216) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/833521e71c1312ecbf1ce74eece24a04.png);
}
.PRrank-icon3 tr:nth-of-type(217) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/64acb0193fed07b8dec0406ad15a161e.png);
}
.PRrank-icon3 tr:nth-of-type(218) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/2e7e1f39f31f610c65e4d39dc00e0e84.png);
}
.PRrank-icon3 tr:nth-of-type(219) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6bd6c50dfb9a0d1f6adb54811d793c41.png);
}
.PRrank-icon3 tr:nth-of-type(220) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/7f13b8150bf88940d92d47dbb8d27c80.png);
}
.PRrank-icon3 tr:nth-of-type(221) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/cd33c1d049e91045737a0a98a1c215c1.png);
}
.PRrank-icon3 tr:nth-of-type(222) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/c4d4d26ba686f340fbad242aa8c480da.png);
}
.PRrank-icon3 tr:nth-of-type(223) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/362b6da235a99db81031d62d19b56eac.png);
}
.PRrank-icon3 tr:nth-of-type(224) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/4bb24b47e713117c33d45501b593a41c.png);
}
.PRrank-icon3 tr:nth-of-type(225) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/53a0d284a88ebffae6b54b4a6139caff.png);
}
.PRrank-icon3 tr:nth-of-type(226) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/c3a91c1add9d082849c097dcb8fabc80.png);
}
.PRrank-icon3 tr:nth-of-type(227) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/bc82f22613858438ff7644afd2a70478.png);
}
.PRrank-icon3 tr:nth-of-type(228) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/277bbfac510e59250c9bef25f5bf85fd.png);
}
.PRrank-icon3 tr:nth-of-type(229) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/4cb8372d174e98d2911786ce373e2047.png);
}
.PRrank-icon3 tr:nth-of-type(230) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/2803c3bebef3d853bad54e3e7659bfb4.png);
}
.PRrank-icon3 tr:nth-of-type(231) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/3548a942cc0b1132ae0e9b8fdb25f222.png);
}
.PRrank-icon3 tr:nth-of-type(232) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/8218cec8ca5fd9abdd016ccd338bde3c.png);
}
.PRrank-icon3 tr:nth-of-type(233) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/25aba81de307254b608e59a58aebc611.png);
}
.PRrank-icon3 tr:nth-of-type(234) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/ab2e7847517a576816d07e1681905b7a.png);
}
.PRrank-icon3 tr:nth-of-type(235) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/4afed688e5b2706ac1b6f4e0f64e87be.png);
}
.PRrank-icon3 tr:nth-of-type(236) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/e283f4878926b42c2398716e7b34adf1.png);
}
.PRrank-icon3 tr:nth-of-type(237) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/e07f88111f1b5a1c9eb81b5a6f3a0c72.png);
}
.PRrank-icon3 tr:nth-of-type(238) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/1f21e5a6573bb21df59e22ec34636add.png);
}
.PRrank-icon3 tr:nth-of-type(239) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/52da9f366761d0fba18979d263df26db.png);
}
.PRrank-icon3 tr:nth-of-type(240) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/20d810a9bfc2aa207a39e50c38678bd7.png);
}
.PRrank-icon3 tr:nth-of-type(241) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/9663cd619da115bdc41ac3cd74ca6a57.png);
}
.PRrank-icon3 tr:nth-of-type(242) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/7cc9dff4295e4d3de5efea1e96e5ccfb.png);
}
.PRrank-icon3 tr:nth-of-type(243) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/7bdaeaa34bffb9a9956d4a172e52a3ac.png);
}
.PRrank-icon3 tr:nth-of-type(244) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f70da3b61e696460816d45245f13feee.png);
}
.PRrank-icon3 tr:nth-of-type(245) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/9ab6a602c198cd78a66da6f7496b5fa5.png);
}
.PRrank-icon3 tr:nth-of-type(246) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/17bb4139e2c6436a2da2f1c74aaff2ea.png);
}
.PRrank-icon3 tr:nth-of-type(247) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/0c4e00653ff394af041de94f5c94bb68.png);
}
.PRrank-icon3 tr:nth-of-type(248) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/5dec710ae77dd044541259fbfcc63e63.png);
}
.PRrank-icon3 tr:nth-of-type(249) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/5ce080eae54ad6673d1a4e4171663261.png);
}
.PRrank-icon3 tr:nth-of-type(250) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/1b8f74df216baf3bb060240281a24921.png);
}
.PRrank-icon3 tr:nth-of-type(251) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d3b37905292618a20d0d2e701568611c.png);
}
.PRrank-icon3 tr:nth-of-type(252) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/b3c8a72c8ad828af9c04dbcb168cfe77.png);
}
.PRrank-icon3 tr:nth-of-type(253) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a106de61792e10d14f9f89b7486c3ba1.png);
}
.PRrank-icon3 tr:nth-of-type(254) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/ff8a6fa155248a70b02630408d8735d0.png);
}
.PRrank-icon3 tr:nth-of-type(255) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/df66ac424c82deb991c8b2fac74e9a09.png);
}
.PRrank-icon3 tr:nth-of-type(256) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/8253e194a920be031e79384d2a36c717.png);
}
.PRrank-icon3 tr:nth-of-type(257) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/cde0bfec92cc7e22a50c4d93557e84bf.png);
}
.PRrank-icon3 tr:nth-of-type(258) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f5cf1ff42822cd3619cdce98405da6c7.png);
}
.PRrank-icon3 tr:nth-of-type(259) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/702c617d37cc0fbbf29fe23576f01ed1.png);
}
.PRrank-icon3 tr:nth-of-type(260) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/8038e557d232a9a82786116ec9e03bb3.png);
}
.PRrank-icon3 tr:nth-of-type(261) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6be36bcaa826a6f892e8f83f9d4a07de.png);
}
.PRrank-icon3 tr:nth-of-type(262) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6172431e83d0d2e1e62de648d523ba2a.png);
}
.PRrank-icon3 tr:nth-of-type(263) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/fba8a59e9e6aba0d53ad8c3faf80a82a.png);
}
.PRrank-icon3 tr:nth-of-type(264) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/75e252261fd590b3e7ea1c09d9a7c0cb.png);
}
.PRrank-icon3 tr:nth-of-type(265) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/47faac683ac096b9f96f654888227e36.png);
}
.PRrank-icon3 tr:nth-of-type(266) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/bf43ace32d6dec54767a744caec4714c.png);
}
.PRrank-icon3 tr:nth-of-type(267) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/73f1abd3ebc539941b66d7e6d3b99c35.png);
}
.PRrank-icon3 tr:nth-of-type(268) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a47c1c96ac6300f79ac88aca966cda9e.png);
}
.PRrank-icon3 tr:nth-of-type(269) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/5d9505fd6e4676a026900d59655cd87c.png);
}
.PRrank-icon3 tr:nth-of-type(270) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/674d15f13e3fdbee658f2b480388ad26.png);
}
.PRrank-icon3 tr:nth-of-type(271) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/66b0655a99d0c82aca0848dbcada2cd1.png);
}
.PRrank-icon3 tr:nth-of-type(272) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/4fcc90edca2fbb1b00d2c7672c1d8089.png);
}
.PRrank-icon3 tr:nth-of-type(273) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f151262c451007af79545465bfaa4b1c.png);
}
.PRrank-icon3 tr:nth-of-type(274) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/de70f36d08d24ef5caeede4a60a503e5.png);
}
.PRrank-icon3 tr:nth-of-type(275) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/863aa31570e8b41f8797642fd24d3d43.png);
}
.PRrank-icon3 tr:nth-of-type(276) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/1f733d2926530885184df8d35546a095.png);
}
.PRrank-icon3 tr:nth-of-type(277) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d79154207c1b7b4f1481c777181f508b.png);
}
.PRrank-icon3 tr:nth-of-type(278) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d84e10b2de7f8c67017776c7b960a8fd.png);
}
.PRrank-icon3 tr:nth-of-type(279) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f2e634c53e861cb4b9bc6f0afb7fd75c.png);
}
.PRrank-icon3 tr:nth-of-type(280) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/3c7070d686ed73144f51a37968b99614.png);
}
.PRrank-icon3 tr:nth-of-type(281) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/e6ac4b3db6904c0f2a593377ea539894.png);
}
.PRrank-icon3 tr:nth-of-type(282) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/256e3721f6fd25bfbe59420ced4eccf8.png);
}
.PRrank-icon3 tr:nth-of-type(283) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/ff70960d01af86f44f9fa5a11e1446bb.png);
}
.PRrank-icon3 tr:nth-of-type(284) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/fc1d3950c92db4fcfd3247c832cf3eed.png);
}
.PRrank-icon3 tr:nth-of-type(285) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/0f4c637306e0ee6f205230e10d7459e1.png);
}
.PRrank-icon3 tr:nth-of-type(286) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a41950deb5757b8de99bc59c1ec85282.png);
}
.PRrank-icon3 tr:nth-of-type(287) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/fc6c4eebb12f9bb66bad9373f871e0a4.png);
}
.PRrank-icon3 tr:nth-of-type(288) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/15182bc4a8707ede70cb63ef2d61c184.png);
}
.PRrank-icon3 tr:nth-of-type(289) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6f6125708f36855eefc4b363ea27fbf8.png);
}
.PRrank-icon3 tr:nth-of-type(290) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/b8a1741ebb3200c5a8d9b27118d3ae18.png);
}
.PRrank-icon3 tr:nth-of-type(291) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f59a851e3855352d70147693eeeddeca.png);
}
.PRrank-icon3 tr:nth-of-type(292) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/223cee1d06fac96433cb8da76f0b9a3e.png);
}
.PRrank-icon3 tr:nth-of-type(293) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/db38d11e42687c0775085f6c3af585ac.png);
}
.PRrank-icon3 tr:nth-of-type(294) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d1e1aa9cf14ca929d9d521afd6fe7349.png);
}
.PRrank-icon3 tr:nth-of-type(295) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/455e75dd8001281c1599a8945c4e0763.png);
}
.PRrank-icon3 tr:nth-of-type(296) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/9c2e0c0ae96f7c46644bf9f685121c8d.png);
}
.PRrank-icon3 tr:nth-of-type(297) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/254102f9ac48d49a8a95ae5c8fbd499c.png);
}
.PRrank-icon3 tr:nth-of-type(298) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a27a59cbdd71c3d5ecdfc3b1ce5b0b14.png);
}
.PRrank-icon3 tr:nth-of-type(299) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/e827baa5585ec80682cc8a2a647af250.png);
}
.PRrank-icon3 tr:nth-of-type(300) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/aa15c8829f400f07dc2b8840a38aad43.png);
}
.PRrank-icon3 tr:nth-of-type(301) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/035578488a3adb2f27e43632758f9526.png);
}

/*-------51～100位テーブルアイコン-------*/
.PRrank-icon3.ranking_upto100 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/2cc559ddc5d9fde62924bbe0f15940e6.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/482f6d2e840c58c84cfed3a1e2f8efd5.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/af4091d5e4e84a8216acaeae3ebbd52c.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/3cae8d23bf226d99b679b401f33f9871.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/d99db0b13bedec53a2490e36c53e207f.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/81038659fcd4ab201f8f57604a6e6547.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/5ada01ecc93dd6bd96d8a72a1d9919b5.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/4bcfeb76d08db53117f98b28ea756c4a.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f29a6324862a555e72252a0bc5ee4351.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f9401dc23b87d9a1dd08127dcf01963f.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/8e9e0271a401e03c987c09dbe2c648d9.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/fa48ee1e1efa2f054e0a4fe3c5c7eecd.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/5211b52ca1d061c7c74c59a32ec49a69.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/4bef4b2757c9d8e0cf5073977f0b3ceb.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/0413c7f4783e843cb87807b22c4d0926.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/3aff7fd230f03a1c71cebd636577f484.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/8289a9bf4fe211f0ba406be115eeeac4.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/77628053e93a08134ea45c534cb8a6b0.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/bc699102c8249256d6e32f4f145cb8e6.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/abe3b15b367f1fb5a1ee2d54ed6cd607.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(22) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/f662f8dd951269fe504bf9f5faac1c6d.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(23) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/8457162c3c0f481ec89faaaec51d38b3.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(24) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/a304b4a6173ae73b9aa780e8a9f1be66.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(25) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/e984f116de0a6aaa93744950dc78b31f.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(26) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/e0d6e6df5f2cbe7452a7827ddab127cc.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(27) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/4840ce88c524eeab77bebb2dade82dbd.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(28) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/bb09b14e868cdee7c6ad6110442f3a5e.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(29) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/9589f5c7a519df5c09f858c8bd6dd0a1.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(30) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/0ea2fcec8cda0e6c5356fc69d2563109.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(31) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/8b231e2e575f675774e64a9f656d905d.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(32) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/55469bc6414a298ade8536c3bfc2d5d0.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(33) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/5257eee075c4d416a63ceb2bc7797a68.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(34) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/5900cfbdd5d4e9cc0e16a6b263a778c6.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(35) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/edef7cff5f41be4510477855a830b014.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(36) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/ecd5c0221e26f4e78d62c9fcde19c82f.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(37) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/e568f65c821ffaabdc46b8eb5e8c9719.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(38) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/d0647cea36bb7a447a9409662b6260c6.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(39) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/acbbb062cf8c543b4b288f3d5af65c16.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(40) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/d7160c40d2fc9fa6aad39b2e04cdd24e.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(41) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/a031174aba22f6f8105b6a1d89cc2037.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(42) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/afa68e8b730ac41e71926287d70fa8e4.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(43) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/af94201535e7650eab76f3569d13b70c.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(44) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/9bc8fe6e158b7f6c694c0ed0923e0419.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(45) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/c10fa15031a9f68ef2cda9971de04007.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(46) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/788143d021c867e94ccbfbd911c65c6e.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(47) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/6bc54dceb0d7d3804127174434447f4c.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(48) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/7014169a1eee44c3c4c4c2776288db61.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(49) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/c2fe9413000d9af9b5f4036de4625034.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(50) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/ee54e40c5f86d19514b14b46fa3152c5.png);
}
.PRrank-icon3.ranking_upto100 tr:nth-of-type(51) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/04b01f7230650457ef3a8b69d42aa5d4.png);
}
/*100位～150位*/
.PRrank-icon3.ranking_upto150 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/ace11ff9de3bbcb68bfb25bc01a42686.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/2593f7444eb1dcbfa745ac58937df6a5.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/ef17562ced5337fc1381285f97670c8a.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/38044bcad36f64c713e9780da167253e.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/cc895c4a15eca7252578c7588b197899.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/e80d005a6cbd6db9e391e2ab1accebdf.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/d52e5dd27ac6d15bcf046cc2fdb77b7c.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/56f669848781494431c61a9507a02728.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/01/809fb2295cb3ee12f5aee0f3154027eb.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/21e07a6448e8f5f3cbe692ea363e28dd.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b6462558b65e3da277c6b98627db77f5.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e2ace3d6ce86ccae43f4f9d4885e9a46.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/02d3702931fa0ffac8ea874570768a7c.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/33e955d897fb0d1ab56182af2f48bf50.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2f923d1c11404371648bc2e833047842.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/c7715fdd55b6839cd62f2eb622217e06.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2bd66746c2bf77ae24e6ea78be0fe437.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b242d2b9610b46d173741c1523cf1a10.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/8e87a2454c32626754e793b3211ca72d.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4afd6ac2241b493a9074102967b3989b.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(22) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6adf71977172016e1a864be2231d3c5e.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(23) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/7637f4cb1817c9d9774a7e9be6c0b78f.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(24) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/1ad589520ec054f3ba2850b77976d3df.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(25) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/f441c7f3f18d1399155e358058651a26.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(26) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/ae7af777e3e0533d6a61b1ffc37f2b66.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(27) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e7ff899b7c687a6d0075cdbf86da1e93.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(28) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/bf1dc37c41e2c9b7a38bd16ee53de7d7.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(29) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/97a4d9e5b264625cd3c70909a20e292e.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(30) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/07da898e9163d3f6339806813173b327.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(31) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/fc7735decdd355fad7a8c701c3cd45c9.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(32) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/59cfeace772ad6b6050d23e46c88cb70.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(33) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b2fb12db41a57cd64c592d7c8d66196c.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(34) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6e7e71d670b7f4b1b29509e234e31e59.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(35) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b2b5de50724454299c262785ec7ee88a.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(36) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/a8d6a538dbbd4ef199ebadfbcfdbd773.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(37) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/47f29a978e0fcb106a039642c4c55148.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(38) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/f4d9023357e034b5d9b5b9ef7e55eeb4.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(39) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e6d826c7b633830f25d1ee0ef3ed3806.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(40) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/8f607d4fe952e41314ea7973f5ac5d32.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(41) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6ad2bf549a311b5bef75b4c0ee8ba411.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(42) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4e62c718d2f3fad0f99c9f40e19b4054.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(43) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/520685c192ece15df32a446c44e6c6f4.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(44) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/716e92258f37335bbf095592a83e033f.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(45) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/210d77646b01596c96c91c1f3376fbd8.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(46) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/0d54b001b3c6a7b6c53c793babd7280f.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(47) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/28b4ea3f2cc6b7258ccad3a3360741c4.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(48) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2ce523ac7490b4327d38cf7eee5aaeba.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(49) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/77e2bcc8cddb2a6c417c88bf156b0ef8.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(50) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/64f01715fecd27e6f1f968eb086454a4.png);
}
.PRrank-icon3.ranking_upto150 tr:nth-of-type(51) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6d6b6a5cc824f5ad45b60fbb38634ecd.png);
}
/*151位～200位*/
.PRrank-icon3.ranking_upto200 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2ec92b8abbd5208486f1a051838537d9.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/c6e4ba014e68c593bfe32a0531132225.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6800658d4eff8549a7176df5345f9e8e.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/0b96d35dc7199e7c8d33a6cdc79656db.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e3c5abc8267802d91e791103b0d0708e.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/baa54221d0b98e2af66a66462feaca53.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/9e32c937e50698b0861a2c56fb22ba97.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/3399e8df07dac017d74c8eeafbfacc1a.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/f40e7a3ef8e9ce2cb6027d14ef3794d5.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/1fe56fb1071d6c2fc108f3e87309067d.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/7b27cf7cdf26a8e06e9946f84be5b00b.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/a43cf62edbf030f94710732b1e0dca11.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/36b5a6fa1532d387860bfa434c001503.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/f6e66bd8a4a068e33bcb350b44da6d0b.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/825df701163804f0dc5f435304c67ae7.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6888b1450655e7dea9ce7ffb6bce5a7e.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b067338c5ce85f1c7b25d34c721034a6.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/cf9c2e1ad5779447538a395d1ea33505.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e3f2887a86fe29f6da40f53750dd8bf0.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/6a89f32dd58e09b743b30a9ff30a5652.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(22) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/2a8034a493183c6c4ec8accf0a9b2d1c.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(23) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/a1c4256ffec07d3e46f20f4f689c1b32.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(24) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/b9ba87524ba45bdb8b436db47aef3739.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(25) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/bb53ed48fb8e16301746f2a3a06c9a9a.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(26) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/5506bd290f14e7a98e5e7617aebd2f19.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(27) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/0e3b8f7dd31c12cec09a52c718c42ef4.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(28) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/3da40906913c376330f0024303541a9b.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(29) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/5bff4ff6d687b6190ee0cd77bb6f3319.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(30) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4ef863f69e35e10fe449d1db03ed50c1.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(31) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/9bf88170534675aef8fc67fe9647fa4c.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(32) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4b4cbf0288b2bfd04b18837590106476.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(33) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/da2cc863c2796653bb081eb4e31106bc.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(34) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/a6c8aa4d7034cf780f52ea6aca24b4b5.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(35) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/794d859e673b1804a7c0041659642773.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(36) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/625db1e912a492d67521df7ff423e966.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(37) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e3bf22103dbf8d8658f103f521a77a84.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(38) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/71ca37c55fecef94b4753e50348ff123.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(39) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/72c050ba9ecf1e5f16f3ec7e031b0a5c.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(40) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/8b185433610072cd179992ac2cc97f3d.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(41) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/529ac7b4d1673ccacf0a20e2857286e2.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(42) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/d7c285e823dadaf10788272e16e036bf.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(43) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/ae7183b90d4a1e00894f7c0d4547505e.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(44) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/03e679a1f03119c6d7ec0f2be4a19083.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(45) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/1fdd76380e3e824727c921e6030dfdf2.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(46) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/17fac0e52af745eb0e7e2051bfd9d5ee.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(47) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/ebf4410efbf24b613c65becf20c0751c.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(48) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/11c5a478b73317f308a04299d8301802.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(49) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/e2607f703b70d0ea0e6edfed4606f092.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(50) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/1faa4417ab94dce0f80685de4bbf126b.png);
}
.PRrank-icon3.ranking_upto200 tr:nth-of-type(51) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/531c0a0869711824cfd1ed5733fc80b6.png);
}

/*201位～300位*/
.PRrank-icon3.ranking_upto250 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/b4ac6c47a9cde8ace6aca8e59bea9d77.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/179a6d097e2a26efdfc72c5121d6dbf7.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a6207add3daa36639f94e9994acba87b.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/5a362971ed31b25a75d8c745d1bae977.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/285e7d4fe7e8db8de515a93606e8fb4b.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/dc0efe3a252f83ef911bbe1694f46854.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/54494c1593180268f1255ce802a79570.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/bf9bfa69652dbc91dcb7d74854fd3dde.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d06a6e2f9d999c25c73e4b85c34a7cf4.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6da17feae1add2397b145c67222f0811.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d9ee0d6223f669bca124a1080c7b1e2b.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f11e0e3afa4e967ce4dd62d4bdfc602b.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/2a2cf2a36925ec54b31599b5fc55c443.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f1ec9193641b3172ebd3b1c924c84989.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/833521e71c1312ecbf1ce74eece24a04.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/64acb0193fed07b8dec0406ad15a161e.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/2e7e1f39f31f610c65e4d39dc00e0e84.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6bd6c50dfb9a0d1f6adb54811d793c41.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/7f13b8150bf88940d92d47dbb8d27c80.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/cd33c1d049e91045737a0a98a1c215c1.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(22) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/c4d4d26ba686f340fbad242aa8c480da.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(23) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/362b6da235a99db81031d62d19b56eac.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(24) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/4bb24b47e713117c33d45501b593a41c.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(25) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/53a0d284a88ebffae6b54b4a6139caff.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(26) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/c3a91c1add9d082849c097dcb8fabc80.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(27) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/bc82f22613858438ff7644afd2a70478.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(28) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/277bbfac510e59250c9bef25f5bf85fd.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(29) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/4cb8372d174e98d2911786ce373e2047.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(30) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/2803c3bebef3d853bad54e3e7659bfb4.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(31) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/3548a942cc0b1132ae0e9b8fdb25f222.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(32) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/8218cec8ca5fd9abdd016ccd338bde3c.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(33) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/25aba81de307254b608e59a58aebc611.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(34) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/ab2e7847517a576816d07e1681905b7a.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(35) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/4afed688e5b2706ac1b6f4e0f64e87be.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(36) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/e283f4878926b42c2398716e7b34adf1.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(37) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/e07f88111f1b5a1c9eb81b5a6f3a0c72.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(38) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/1f21e5a6573bb21df59e22ec34636add.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(39) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/52da9f366761d0fba18979d263df26db.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(40) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/20d810a9bfc2aa207a39e50c38678bd7.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(41) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/9663cd619da115bdc41ac3cd74ca6a57.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(42) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/7cc9dff4295e4d3de5efea1e96e5ccfb.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(43) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/7bdaeaa34bffb9a9956d4a172e52a3ac.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(44) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f70da3b61e696460816d45245f13feee.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(45) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/9ab6a602c198cd78a66da6f7496b5fa5.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(46) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/17bb4139e2c6436a2da2f1c74aaff2ea.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(47) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/0c4e00653ff394af041de94f5c94bb68.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(48) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/5dec710ae77dd044541259fbfcc63e63.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(49) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/5ce080eae54ad6673d1a4e4171663261.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(50) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/1b8f74df216baf3bb060240281a24921.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(51) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d3b37905292618a20d0d2e701568611c.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(52) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/b3c8a72c8ad828af9c04dbcb168cfe77.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(53) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a106de61792e10d14f9f89b7486c3ba1.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(54) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/ff8a6fa155248a70b02630408d8735d0.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(55) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/df66ac424c82deb991c8b2fac74e9a09.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(56) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/8253e194a920be031e79384d2a36c717.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(57) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/cde0bfec92cc7e22a50c4d93557e84bf.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(58) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f5cf1ff42822cd3619cdce98405da6c7.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(59) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/702c617d37cc0fbbf29fe23576f01ed1.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(60) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/8038e557d232a9a82786116ec9e03bb3.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(61) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6be36bcaa826a6f892e8f83f9d4a07de.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(62) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6172431e83d0d2e1e62de648d523ba2a.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(63) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/fba8a59e9e6aba0d53ad8c3faf80a82a.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(64) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/75e252261fd590b3e7ea1c09d9a7c0cb.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(65) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/47faac683ac096b9f96f654888227e36.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(66) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/bf43ace32d6dec54767a744caec4714c.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(67) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/73f1abd3ebc539941b66d7e6d3b99c35.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(68) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a47c1c96ac6300f79ac88aca966cda9e.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(69) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/5d9505fd6e4676a026900d59655cd87c.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(70) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/674d15f13e3fdbee658f2b480388ad26.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(71) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/66b0655a99d0c82aca0848dbcada2cd1.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(72) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/4fcc90edca2fbb1b00d2c7672c1d8089.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(73) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f151262c451007af79545465bfaa4b1c.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(74) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/de70f36d08d24ef5caeede4a60a503e5.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(75) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/863aa31570e8b41f8797642fd24d3d43.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(76) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/1f733d2926530885184df8d35546a095.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(77) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d79154207c1b7b4f1481c777181f508b.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(78) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d84e10b2de7f8c67017776c7b960a8fd.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(79) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f2e634c53e861cb4b9bc6f0afb7fd75c.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(80) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/3c7070d686ed73144f51a37968b99614.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(81) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/e6ac4b3db6904c0f2a593377ea539894.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(82) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/256e3721f6fd25bfbe59420ced4eccf8.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(83) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/ff70960d01af86f44f9fa5a11e1446bb.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(84) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/fc1d3950c92db4fcfd3247c832cf3eed.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(85) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/0f4c637306e0ee6f205230e10d7459e1.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(86) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a41950deb5757b8de99bc59c1ec85282.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(87) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/fc6c4eebb12f9bb66bad9373f871e0a4.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(88) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/15182bc4a8707ede70cb63ef2d61c184.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(89) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/6f6125708f36855eefc4b363ea27fbf8.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(90) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/b8a1741ebb3200c5a8d9b27118d3ae18.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(91) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/f59a851e3855352d70147693eeeddeca.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(92) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/223cee1d06fac96433cb8da76f0b9a3e.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(93) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/db38d11e42687c0775085f6c3af585ac.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(94) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/d1e1aa9cf14ca929d9d521afd6fe7349.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(95) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/455e75dd8001281c1599a8945c4e0763.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(96) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/9c2e0c0ae96f7c46644bf9f685121c8d.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(97) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/254102f9ac48d49a8a95ae5c8fbd499c.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(98) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/a27a59cbdd71c3d5ecdfc3b1ce5b0b14.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(99) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/e827baa5585ec80682cc8a2a647af250.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(100) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/aa15c8829f400f07dc2b8840a38aad43.png);
}
.PRrank-icon3.ranking_upto250 tr:nth-of-type(101) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/04/035578488a3adb2f27e43632758f9526.png);
}
.PRrank-icon3.ranking_31upto70{	
counter-reset: rank-counter 30;
}
.PRrank-icon3.ranking_upto50 {
    counter-reset: rank-counter 0;
}
.PRrank-icon3.ranking_upto100 {
    counter-reset: rank-counter 50;
}
.PRrank-icon3.ranking_upto150 {
    counter-reset: rank-counter 100;
}
.PRrank-icon3.ranking_upto200 {
    counter-reset: rank-counter 150;
}
.PRrank-icon3.ranking_upto250 {
    counter-reset: rank-counter 200;
}
.PRrank-icon3.ranking_upto300 {
    counter-reset: rank-counter 250;
}
.PRrank-icon3.ranking_upto350 {
    counter-reset: rank-counter 300;
}
.PRrank-icon3.ranking_upto400 {
    counter-reset: rank-counter 350;
}
.PRrank-icon3.ranking_upto450 {
    counter-reset: rank-counter 400;
}
.PRrank-icon3.ranking_31upto70 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type,
.PRrank-icon3.ranking_upto50 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type,
.PRrank-icon3.ranking_upto150 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type,
.PRrank-icon3.ranking_upto200 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type,
.PRrank-icon3.ranking_upto250 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type,
.PRrank-icon3.ranking_upto300 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type,
.PRrank-icon3.ranking_upto350 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type,
.PRrank-icon3.ranking_upto400 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type,
.PRrank-icon3.ranking_upto450 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type {
    position: sticky;
    left: 0;
    box-shadow: 1px 0 1px #dde4e6;
    counter-increment: rank-counter;
    z-index: 2; /* sticky要素の重なりを確保 */
}
/* 背景（三角形） */
.PRrank-icon3.ranking_31upto70 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::before,
.PRrank-icon3.ranking_upto50 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::before,
.PRrank-icon3.ranking_upto150 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::before,
.PRrank-icon3.ranking_upto200 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::before,
.PRrank-icon3.ranking_upto250 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::before,
.PRrank-icon3.ranking_upto300 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::before,
.PRrank-icon3.ranking_upto350 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::before,
.PRrank-icon3.ranking_upto400 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::before,
.PRrank-icon3.ranking_upto450 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/03/b45d61f0bd449eff9305e3c83a62831e.png);
    z-index: 0;
}
/* 文字（順位） */
.PRrank-icon3.ranking_31upto70 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::after,
.PRrank-icon3.ranking_upto50 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::after,
.PRrank-icon3.ranking_upto150 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::after,
.PRrank-icon3.ranking_upto200 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::after,
.PRrank-icon3.ranking_upto250 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::after,
.PRrank-icon3.ranking_upto300 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::after,
.PRrank-icon3.ranking_upto350 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::after,
.PRrank-icon3.ranking_upto400 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::after,
.PRrank-icon3.ranking_upto450 tr:nth-child(n+2):nth-child(-n+450) th:first-of-type::after {
    content: counter(rank-counter);
    position: absolute;
    top: 2px;
    left: 1px;
    color: white;
    font-size: 11px;
    font-weight: bold;
    z-index: 1;
}
/*------------------------
テーブル-アコーディオン2
------------------------*/
.tableAc{
display:block;
overflow: hidden!important;
overflow-x: scroll!important;
transition: all 0.6s;
height:400px;
}
.tableAc tbody{
width:100%;
display:table;
}
.tableAc + p.more-btn{
display:block;
margin:auto 0!important;
text-align:center;
position:relative;
top:-40px;
height:0;
z-index:1;
}
.tableAc + p.more-btn:before{
content:"";
top:-50px;
left:0;
z-index:-1;
background: #fff;
background: -moz-linear-gradient(top, rgb(255 255 255 / 40%) 0%, rgb(255 255 255 / 1) 70%, rgb(255 255 255 / 1) 100%);
background: -webkit-linear-gradient(top, rgb(255 255 255 / 40%) 0%, rgb(255 255 255 / 1) 70%, rgb(255 255 255 / 1) 100%);
background: linear-gradient(to bottom, rgb(255 255 255 / 40%) 0%, rgb(255 255 255 / 1) 70%, rgb(255 255 255 / 1) 100%);
height: 90px;
bottom: 0;
position: absolute;
margin: 0;
width: 100%;
text-align: center;
}
.tableAc + p.more-btn a{
border:1px solid #4c4c4c;
padding:0;
line-height:30px;
height:30px;
width:200px;
display:block;
border-radius:5px;
margin:auto;
background:rgb(255 255 255 / 80%);
color:#000;
font-weight:normal;
}
.tableAc + p.more-btn a:hover{
cursor: pointer;
background: rgb(255 248 124);
}
.tableAc.acON{
display:block;
overflow:auto!important;
height:100%!important;
transition: all 0.6s;
margin-bottom: 10px;
}
.tableAc.acON + p.more-btn{
display:none;
}


/*------------------------
転職サイトランキング
------------------------*/
.tensyoku-rank-wrap{
margin-bottom: 23px;
}
.tensyoku-rank-wrap .midashi-ribon{
position: relative;
background: #0071bd;
border-radius: 4px;
padding: 10px 10px 10px 70px;
margin-bottom: 30px;
}
.tensyoku-rank-wrap .midashi-ribon:before{
content: '';
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/f696d99584606fadaf112afa81df9260.png) no-repeat top 26% center / 20px #fcee21;
width: 50px;
height: calc(100% + 20px);
position: absolute;
top: -10px;
left: 10px;
}
.tensyoku-rank-wrap .midashi-ribon:after{
content: '1';
font-size: 30px;
color: #000;
font-weight: bold;
position: absolute;
width: 50px;
height: 100%;
top: 18px;
bottom: 0;
left: 10px;
margin: auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tensyoku-rank-wrap .midashi-ribon h3{
background: none;
margin: 0;
padding: 0;
color: #FFF;
line-height: normal;
position: static;
font-size: 20px;
}
.tensyoku-rank-wrap .midashi-ribon h3:before{
position: absolute;
content: '';
top: -10px;
left: 59px;
z-index: -1;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 0 6px;
border-color: transparent transparent transparent #968700;
bottom: auto;
border-radius: 0;
background: none!important;
}
.tensyoku-rank-wrap .midashi-ribon h3:after{
position: absolute;
content: '';
bottom: -10px;
left: 59px;
z-index: -1;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 6px 0 0 ;
border-color: #968700 transparent transparent transparent ;
}
.tensyoku-rank-wrap .midashi-ribon p{
color: #0d327c;
font-size: 14px;
background: none;
margin: 0;
padding: 0;
line-height: normal;
}
.tensyoku-rank-wrap .score-wrap{
background: #deedff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 16px 16px 34px;
}
.tensyoku-rank-wrap .score-wrap .img-wrap img{
border: 1px solid #1f97b7;
border-radius: 20px;
width: 120px;
margin: 0;
}
.tensyoku-rank-wrap .score-wrap .score{
width: 440px;
margin-left: 30px;
}
.tensyoku-rank-wrap .score-wrap .score .rank,.tensyoku-rank-wrap .score-wrap .score .hyouka{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tensyoku-rank-wrap .score-wrap .score .rank{
margin-bottom: 16px;
}
.tensyoku-rank-wrap .score-wrap .score .rank p:first-of-type,.tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type{
margin: 0;
line-height: 1;
font-size: 18px;
font-weight: bold;
}
.tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;	
}
.tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type img{
width: 150px;
margin-left: 10px;
margin-bottom: 0;
margin-top: -2px;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam,.tensyoku-rank-wrap .score-wrap .score .hyouka .nam{
margin: 0;
margin-left: auto;
width: 100px;
color: #f15a24;
font-size: 22px;
font-weight: bold;
line-height: 1;
position: relative;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam:before,.tensyoku-rank-wrap .score-wrap .score .hyouka .nam:before{
content: '';
display: block;
width: 66px;
height: 2px;
background: #8ba5bc;
border-radius: 10px;
position: absolute;
left: -77px;
top: 0;
bottom: 0;
margin:auto ;
}
div.cps-post-main .tensyoku-rank-wrap h4{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.cps-post-main .tensyoku-rank-wrap h4{
color: #2097b7;
font-size: 20px;
padding: 0;
margin: 30px 0 20px;
border: 0;
}
.tensyoku-rank-wrap h4:before,.tensyoku-rank-wrap h4:after{
content: '';
display: block;
width: 10px;
height: 2px;
background: #2097b7;
border-radius: 0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
position: static;
}
.tensyoku-rank-wrap h4:before{
margin-right: 10px;
}
.tensyoku-rank-wrap h4:after{
margin-left: 10px;
}
.tensyoku-rank-wrap .osusumeuser-wrap ul{
padding-left: 30px;
}
.tensyoku-rank-wrap .osusumeuser-wrap ul li{
position: relative;
padding-left: 28px;
font-weight: bold;
}
.tensyoku-rank-wrap .osusumeuser-wrap ul li:before{
content: '';
width: 16px;
height: 16px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/50a75c33c9f613696fa5e0b9a59ee4b1.png) no-repeat center / contain;
background-color: transparent!important;
position: absolute;
top: -3px;
bottom: 0;
border-radius: 0;
left: 0;
margin: auto;
}
div.cps-post-main div.zokusei-wrap ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
div div.zokusei-wrap ul li{
width: calc(20% - 8px);
margin-right: 10px;
margin-bottom: 10px;
padding: 0;
}
.cps-post-main div.zokusei-wrap li:before{
display: none;
}
div.zokusei-wrap li:nth-of-type(5n){
margin-right: 0;
}
div.zokusei-wrap li:last-of-type{
margin-bottom: 10px;
}
div.zokusei-wrap li img{
width: 100%;
margin: 0;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.tensyoku-rank-wrap .score-wrap{
padding: 16px 0 16px 10px;
}
.tensyoku-rank-wrap .score-wrap .score{
width: 276px;
margin-left: 10px;
}
.tensyoku-rank-wrap .score-wrap .img-wrap img{
width: 80px;
border-radius: 14px;
}
.tensyoku-rank-wrap .score-wrap .score .rank p:first-of-type, .tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type{
font-size: 16px;
}
.tensyoku-rank-wrap .score-wrap .img-wrap img{
width: 80px;
}
.tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type img{
width: 100px;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam, .tensyoku-rank-wrap .score-wrap .score .hyouka .nam{
font-size: 18px;
width: 56px;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam:before, .tensyoku-rank-wrap .score-wrap .score .hyouka .nam:before{
width: 26px;
left: -35px;
}
.tensyoku-rank-wrap .osusumeuser-wrap ul {
padding-left: 10px;
}
div div.zokusei-wrap ul li{
width: calc(100% / 4 - 6px);
margin-right: 8px;
}
div div.zokusei-wrap ul li:nth-of-type(4n){
margin-right: 0;
}
div div.zokusei-wrap ul li:nth-of-type(5n) {
margin-right: 8px;
}
}
@media only screen and (max-width: 376px){
.tensyoku-rank-wrap .score-wrap .img-wrap img{
width: 70px;
}
.tensyoku-rank-wrap .score-wrap .score{
width: 258px;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam:before, .tensyoku-rank-wrap .score-wrap .score .hyouka .nam:before{
width: 14px;
left: -20px;
}
.tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type img{
margin-left: 8px;
}
}
@media only screen and (max-width: 361px){
.tensyoku-rank-wrap .score-wrap .score .rank p:first-of-type,  .tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type{
font-size: 15px;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam,.tensyoku-rank-wrap .score-wrap .score .hyouka .nam{
font-size: 16px;
width: 50px;
}
.tensyoku-rank-wrap .score-wrap .img-wrap img{
width: 66px;
}
.tensyoku-rank-wrap .score-wrap .score {
width: 250px;
margin-left: 8px;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam:before, .tensyoku-rank-wrap .score-wrap .score .hyouka .nam:before{
width: 18px;
left: -24px;
}
}


/*------------------------
総合評価
------------------------*/
.sougou-hyouka-box{
width:100%;
margin-bottom:20px;
}
.s-hyouka-top{
display: -webkit-flex;
display: flex;
margin-bottom:20px;
}
.s-hyouka-title{
width:60%;
margin-right:30px;
}
.s-hyouka-title img {
width: 250px;
margin: 0;
}
.s-hyouka-title dl{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
background:#e2f6ff;
border-radius:3px;
padding:20px 20px;
margin-top:30px;
box-sizing:border-box;
}
.s-hyouka-title dt{
width:80%;
margin-bottom:10px;
font-weight:bold;
}
.s-hyouka-title dt img{
width:200px;
}
.s-hyouka-title dd{
width:20%;
font-size:20px;
font-weight:bold;
color:#ff4200;
margin-bottom:10px;
}
.s-hyouka-title dt:last-of-type,.s-hyouka-title dd:last-of-type{
margin-bottom:0;
}
.s-hyouka-graph{
width:40%;
}
.s-hyouka-graph img{
width:100%;
}
.s-hyouka-icon{
}
.s-hyouka-icon ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:30px;
}
.s-hyouka-icon li{
width:20%;
padding:0px 5px;
box-sizing:border-box;
}
.s-hyouka-icon li img{
width:100%;
}
.s-hyouka-title dd{
position: relative;
}
.s-hyouka-title dd:before{
content: '';
display: block;
width: 46px;
height: 2px;
background: #8ba5bc;
border-radius: 10px;
position: absolute;
left: -60px;
top: 0;
bottom: 0;
margin: auto;
}
.sougou-hyouka-box .zokusei-wrap{
margin-top: 30px;
}
.s-hyouka-title dt:last-of-type{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.s-hyouka-title dl dt img {
width: 136px;
margin-left: 6px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.sougou-hyouka-box{
width:100%;
}
.s-hyouka-top{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.s-hyouka-title{
width:100%;
margin-right:0;
}
.s-hyouka-title img{
width:250px;
display:block;
margin:0 auto;
}
.s-hyouka-title dl{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
background:#e2f6ff;
border-radius:3px;
padding:20px 20px;
margin-top:20px;
box-sizing:border-box;
}
.s-hyouka-title dt{
width:80%;
margin-bottom:10px;
font-weight:bold;
}
.s-hyouka-title dt img{
width:200px;
}
.s-hyouka-title dd{
width:20%;
font-size:20px;
font-weight:bold;
color:#ff4200;
margin-bottom:10px;
}
.s-hyouka-title dt:last-of-type,.s-hyouka-title dd:last-of-type{
margin-bottom:0;
}
.s-hyouka-graph{
width:80%;
margin:30px auto;
}
.s-hyouka-graph img{
width:100%;
margin: 0;
}
.s-hyouka-icon{
}
.s-hyouka-icon ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:30px;
}
.s-hyouka-icon li{
width:25%;
padding:0px 5px;
box-sizing:border-box;
}
.s-hyouka-icon li img{
width:100%;
}
.sougou-hyouka-box .zokusei-wrap{
margin-top: 5px;
}
}
@media only screen and (max-width: 376px){
.s-hyouka-title dl{
padding: 20px 18px;
}
.s-hyouka-title dd:before{
width: 28px;
left: -38px;
}
}
@media only screen and (max-width: 361px){
.s-hyouka-title dl{
padding: 18px 16px;
}
.s-hyouka-title dd:before{
width: 20px;
left: -29px;
}
}

/*------------------------
総合評価2(デザイン修正用)
------------------------*/
.s-hyouka-title2{
width:60%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
margin-right:20px;
background:#e2f6ff;
border-radius:3px;
padding:15px 15px;
margin-top:0;
box-sizing:border-box;
}
.s-hyouka-title2 .hyouka-s-logo{
width:35%;
}
.s-hyouka-title2 .hyouka-s-logo img {
width:90%;
margin:0 10px 0 0;
border-radius: 10px;
border: 1px solid #ccc;
}
.s-hyouka-title2 dl{
width:65%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.s-hyouka-title2 dt{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:10px;
font-weight:bold;
}
.s-hyouka-title2 dt span{
width:90%;
font-size:18px;
padding-left:10px;
margin-bottom:-3px;
}
.s-hyouka-title2 dt img{
width:80%;
margin:0;
}
.s-hyouka-title2 dd{
width:100%;
font-size:24px;
font-weight:bold;
color:#ff4200;
}
.s-hyouka-title2 dd img{
width:85%;
margin:0 0 0 10px;
}
.s-hyouka-title2 dd .hyouka-h-ten{
background:#FFF;
padding:5px;
display:block;
text-align:center;
border-radius:5px;
width:90%;
margin:auto;
margin-top:5px;
}
.s-hyouka-title2 dd .hyouka-h-ten:after{
content:"/5.0";
font-size:20px;
color:#8ca7bd;
margin-left:5px;
}
.s-hyouka-title2 + .s-hyouka-graph{
width:40%;
}
.s-hyouka-title2 + .s-hyouka-graph img{
width:100%;
margin-bottom:0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.s-hyouka-title2{
width:100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
margin-right:0;
background:#e2f6ff;
border-radius:3px;
padding:15px 15px;
margin-top:0;
box-sizing:border-box;
}
.s-hyouka-title2 .hyouka-s-logo{
width:20%;
}
.s-hyouka-title2 .hyouka-s-logo img {
width:100%;
margin:0 10px 0 0;
}
.s-hyouka-title2 dl{
width:80%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.s-hyouka-title2 dt{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:5px;
font-weight:bold;
}
.s-hyouka-title2 dt span{
width:90%;
font-size:18px;
padding-left:10px;
margin-bottom:-5px;
}
.s-hyouka-title2 dt img{
width:50%;
margin:0;
}
.s-hyouka-title2 dd{
width:100%;
height:auto;
display: -webkit-flex;
display: flex;
font-size:20px;
font-weight:bold;
color:#ff4200;
margin-left:10px;
align-items:center;
}
.s-hyouka-title2 dd img{
width:60%;
max-width:60%;
height:auto;
margin:0 13px 0 0;
}
.s-hyouka-title2 dd .hyouka-h-ten{
background:#FFF;
padding:7px 5px;
display:block;
text-align:center;
border-radius:5px;
width:auto;
margin:0;
margin-top:5px;
}
.s-hyouka-title2 dd .hyouka-h-ten:after{
content:"/5.0";
font-size:16px;
color:#8ca7bd;
margin-left:0px;
}
.s-hyouka-title2 + .s-hyouka-graph{
width:100%;
margin:30px auto 10px;
text-align:center;
}
.s-hyouka-title2 + .s-hyouka-graph img{
width:60%;
}
}


/*--------------------------------------------------------------
評価まとめ
-------------------------------------------------------------*/
.hyouka-matome-img{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
width:80%;
margin:50px auto;
position:relative;
padding:10px 0 0;
}
div.cps-post-main .hyouka-matome-img p{
margin:0;
padding:0;
line-height:0;
}
p:empty{
display: none;
}
.hyouka-matome-img:before{
content:"";
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
box-shadow:0 0 0 10px #256ea5;
}
.hyouka-matome-img:after{
content:"";
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
box-shadow:0 0 0 5px #05b9d1;
}
.hyouka-matome-img img{
width:100%;
margin: 0;
}
.cps-post-main .hyouka-matome-img iframe{
margin:10px auto;
width: 90%;
height: 90%;
position:relative;
z-index:1;
}
.hyouka-youtube {
width: 100%;
}
.hyouka-youtube img{
width: 90%;
margin:10px auto 0;
display:block;
}
.hyouka-youtube .video{
width: 100%;
aspect-ratio: 16/9;
margin: auto;
text-align: center;
overflow: visible;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.hyouka-matome-img{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
width:95%;
margin:50px auto;
position:relative;
padding:10px 0 0;
}
}

/*--------------------------------------------------------------
お問い合わせ調整
-------------------------------------------------------------*/
div.wpcf7{
padding-top: 30px!important;
}
form.wpcf7-form p{
margin-bottom: 23px!important;
margin-top: 0!important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div.wpcf7{
padding-top: 24px!important;
}
form.wpcf7-form p{
margin-bottom: 21px!important;
}
}


/*--------------------------------------------------------------
HOME調整
-------------------------------------------------------------*/
ul.tabBtn-mag label{
padding: 0;
height: 38px;
line-height: 38px;
}
.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat{
padding: 5px 10px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.post-list.basicstyle .post-list-item .post-list-inner .post-list-cat{
padding: 2px 7px;
line-height: 1.3;
}
.tabBtn-mag label{
box-sizing: border-box;
height: 38px;
line-height: 38px;
padding: 0;
}
}


/*------------------------------------------------------------
ランキング詳細部分調整
-------------------------------------------------------------*/
.hyouka-main-wrap + .hyouka-Btn{
margin-top: -20px;
margin-bottom: 60px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.hyouka-main-wrap + .hyouka-Btn{
margin-top: -10px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 376px){
.hyouka-main-wrap + .hyouka-Btn{
margin-top: -30px;
margin-bottom: 60px;
}
}


/*------------------------------------------------------------
table調整
-------------------------------------------------------------*/
.tableLine,.hyouka-main-wrap ~ table{
table-layout: fixed;
}


/*------------------------
拡大ボタン
------------------------*/
.img_kakudai{
display:block;
text-align:center;
background: #2e8cd5;
color:#fff;
padding:6px 0;
line-height: 1;
font-size: 12px;
}
.img_kakudai:before{
content:'';
display:inline-block;
vertical-align: middle;
background-image:url('https://ieagent.jp/kurashi-plus/wp-content/uploads/2021/07/2019y05m22d_1937022255.png');
background-size:contain;
width:15px;
height:15px;
margin-right:4px;
background-repeat: no-repeat;
bottom: 1px;
position: relative;
}
@media screen and (max-width:360px){
.img_kakudai:before{
width: 13px;
height: 13px;
}
}

.gb-ranking-desc{
	line-height:1.5;
}
#post-bottom-widget #widget-ranking-2 .widgettitle{
	letter-spacing:1px;
}
/*#wrapper .cps-post-box a{
	text-decoration:underline;
}*/
#wrapper .cps-post-box .cv-btn,#wrapper .cps-post-cat a{
	text-decoration:none;
}

#wrapper .cps-post-box .gachaBtn{
	text-decoration:none;
}
.side-btn-box .color-button01{display:none;}


/*------------------------
ホーム検索調整
------------------------*/
@media (max-width: 767px){
span.headsearch{
right: 14px;
top: 0;
width: 30px;
height: 30px;
}
span.headsearch .search-text{
left: 10px;
}
span.headsearch .search-text:focus{
position: absolute;
left: -228px;
}
}

/*------------------------
ホームスライダー調整
------------------------*/
span.swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet {
margin: 0 6px;
}
@media (max-width: 767px){
div.swiper-container{
min-height: 180px;
}
div.swiper-button-next, div.swiper-button-prev{
margin-top: -17px;
}
}
@media (max-width: 376px){
div.swiper-button-next, div.swiper-button-prev{
margin-top: -20px;
}
}
@media (max-width: 361px){
div.swiper-container{
min-height: 162px;
}
div.swiper-button-next, div.swiper-button-prev{
margin-top: -16px;
}
}

/*ボタン修正*/
#wrapper .cps-post-box a.gachaBtn{
width: 90%;
display: block;
margin: 15px auto 15px;
padding: 14px 0px 10px;
border-radius: 5px;
border: 0;
background: #F76839;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
line-height: 1.4;
box-shadow: 0px 3px 0px 0px #e05e33;
position: relative;
}



/*------------------------
転職エージェントリスト
------------------------*/
.agent-list-wrap{
background: #4793ad;
padding: 30px;
}
.agent-list-wrap .midasi{
text-align: center;
color: #fff;
font-size: 26px;
margin-bottom: 20px;
font-weight: bold;
}
.agent-list-wrap .midasi .iconBatu{
display: inline-block;
width: 36px;
height: 36px;
margin: 0 10px -6px!important;
}
.agent-list-wrap .midasi .iconBatu::before,.agent-list-wrap .midasi .iconBatu::after{
background: #f9d13e;
height: 4.5px;
}
.agent-list-wrap .agent-list li{
background: #fff;
margin-bottom: 12px;
border-radius: 5px;
padding: 10px 10px 10px 40px;
}
.agent-list-wrap .agent-list .agent-name{
margin-bottom: 10px;
line-height: 1.4;
position: relative;
margin-left:25px;
}
.agent-list-wrap .agent-list .agent-name:before{
content: '▶';
background: #5090f4;
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 20px;
height: 20px;
color: #fff;
border-radius: 50%;
font-size: 11px;
left: -18px;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform: scale(.8);
transform: scale(.8);
}
#wrapper .agent-list-wrap .agent-list .agent-name a{
padding: 0 5px;
border-bottom: 1px solid #39f;
font-weight: bold;
text-decoration: none;
}
.agent-list-wrap .agent-list .syousai{
margin: 0;
padding-left: 10px;
line-height: 1.4;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.agent-list-wrap {
padding: 14px;
}
.agent-list-wrap .midasi{
font-size: 16px;
margin-bottom: 10px;
}
.agent-list-wrap .midasi .iconBatu{
width: 24px;
height: 24px;
margin: 0 6px -5px!important;
}
.agent-list-wrap .midasi .iconBatu::before, .agent-list-wrap .midasi .iconBatu::after{
height: 3.5px;
}
.agent-list-wrap .agent-list li{
margin-bottom: 10px;
padding-left: 34px;
}
.agent-list-wrap .agent-list .agent-name:before{
left: -18px;
}
}
@media only screen and (max-width: 376px){
.agent-list-wrap .midasi{
font-size: 15px;
}
.agent-list-wrap .midasi .iconBatu{
width: 22px;
height: 22px;
margin: 0 4px -4px!important;
}
}
@media only screen and (max-width: 361px){
.agent-list-wrap .midasi{
font-size: 14px;
}
.agent-list-wrap .midasi .iconBatu{
width: 20px;
height: 20px;
}
.agent-list-wrap .midasi .iconBatu::before, .agent-list-wrap .midasi .iconBatu::after{
height: 3px;
}
.agent-list-wrap {
padding: 10px;
padding-top: 13px;
}
}

/*------------------------
目次調整
------------------------*/
table + #toc_container{
margin-top:20px;
}

/*------------------------
体験談
------------------------*/
table.tb-taikendan-box{
border:0!important;
box-sizing:border-box;
width:99%;
margin:0 auto 15px!important;
background:#ffffff;
}
table.tb-taikendan-box tr:nth-of-type(1){
box-shadow:0 0 0 2px #c7cbde;
border-radius:10px 10px 0 0;
}
table.tb-taikendan-box tr:nth-of-type(1) th{
width:12%;
padding:10px;
background:none;
border:0;
}
table.tb-taikendan-box tr:nth-of-type(1) th img{
width:100%;
border-radius:50px;
box-shadow:0 0 0 2px #c7cbde;
box-sizing:border-box;
padding:2px;
margin:0;
}
table.tb-taikendan-box tr:nth-of-type(1) td{
border:0;
font-size:16px;
font-weight:bold;
color:#3b4675;
}
table.tb-taikendan-box tr:nth-of-type(2) td{
line-height:1.6;
padding:10px;
border:0;
background:#fffef8;
box-shadow:0 0 0 2px #c7cbde;
border-radius:0 0 10px 10px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
table.tb-taikendan-box tr:nth-of-type(1) th{
width:20%;
padding:10px;
background:none;
border:0;
}
}
table.tb-taikendan-box.taiken-man{
background:#edf9ff;
}
table.tb-taikendan-box.taiken-man tr:nth-of-type(1) th img{
box-shadow:0 0 0 2px #3680ae;
}
table.tb-taikendan-box.taiken-woman{
background:#ffecef;
}
table.tb-taikendan-box.taiken-woman tr:nth-of-type(1) th img{
box-shadow:0 0 0 2px #fe4974;
}

/*------------------------
追従バナー
------------------------*/
.hm-over-bt{
position:fixed;
bottom:0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-align: right;
z-index:2147483647;
font-size: 0;
}
.hm-over-bt input {
display:none;
}
.hm-over-bt label:before {
content: '';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/e2e698c27cb014a17dc03124c1aa09f0.png) no-repeat center / 16px rgb(255 255 255 / 98%);
display: inline-block;
border-radius:50px;
height: 30px;
width: 30px;
position:relative;
bottom:-15px;
right:5px;
box-shadow:1px 1px 2px 1px rgb(115 115 115 / 40%);
cursor:pointer;
z-index:1;
}
.hm-over-bt input:checked ~ label:before{
display:none;
}
.hm-over-bt input:checked ~ .hm-over-in {
opacity:0;
transition:0.8s;
display:none;
}
#wrapper .hm-over-bt .hm-over-in a{
text-decoration: none;
}
.hm-over-bt .hm-over-in img{
margin: 0;
width:500px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.hm-over-bt{
left: 0;
-webkit-transform:none;
transform:none;
}
.hm-over-bt .hm-over-in img{
max-width: 100%;
width: 100%;
}
}

/*------------------------
追従バナー(PC)
------------------------*/
.hm-over-bt-sp{
display:none;
}
.hm-over-bt-pc{
position:fixed;
bottom:-1px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-align: right;
z-index:999999999;
font-size: 0;
width:100%;
}
.hm-over-bt-pc input {
display:none;
}
.hm-over-bt-pc label{
width:970px;
margin:auto;
display:block;
}
.hm-over-bt-pc label:before {
content: '';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/e2e698c27cb014a17dc03124c1aa09f0.png) no-repeat center / 16px rgb(255 255 255 / 98%);
display: inline-block;
border-radius:50px;
height: 30px;
width: 30px;
position:relative;
bottom:-15px;
right:5px;
box-shadow:1px 1px 2px 1px rgb(115 115 115 / 40%);
cursor:pointer;
z-index:1;
}
.hm-over-bt-pc input:checked ~ label:before{
display:none;
}
.hm-over-bt-pc input:checked ~ .hm-over-in {
opacity:0;
transition:0.8s;
display:none;
}
.hm-over-bt-pc .hm-over-in:before{
content:"";
background:#f0f0f0;
position:fixed;
width:100%;
height:91px;
display:block;
bottom:0;
left:0;
z-index:-1;
}
.hm-over-bt-pc .hm-over-in a{
text-decoration: none;
width:970px;
margin:auto;
display:block;
}
.hm-over-bt-pc .hm-over-in img{
width:970px;
margin:auto;
display:block;
}

/*------------------------
追従バナー(SP)
------------------------*/
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.hm-over-bt-pc{
display:none;
}
.hm-over-bt-pc-bg{
display:none;
}
.hm-over-bt-sp{
position:fixed;
bottom:-1px;
text-align: right;
z-index:999999999;
font-size: 0;
left: 0;
-webkit-transform:none;
transform:none;
display:block;
}
.hm-over-bt-sp input {
display:none;
}
.hm-over-bt-sp label:before {
content: '';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/e2e698c27cb014a17dc03124c1aa09f0.png) no-repeat center / 16px rgb(255 255 255 / 98%);
display: inline-block;
border-radius:50px;
height: 30px;
width: 30px;
position:relative;
bottom:-15px;
right:5px;
box-shadow:1px 1px 2px 1px rgb(115 115 115 / 40%);
cursor:pointer;
z-index:1;
}
.hm-over-bt-sp input:checked ~ label:before{
display:none;
}
.hm-over-bt-sp input:checked ~ .hm-over-in {
opacity:0;
transition:0.8s;
display:none;
}
#wrapper .hm-over-bt-sp .hm-over-in a{
text-decoration: none;
}
.hm-over-bt-sp .hm-over-in img{
margin: 0;
max-width: 100%;
width: 100%;
}
}



/*------------------------
広告非表示
------------------------*/
.ec-concier-widget-container.cleanslate{
display: none!important;
}
.ec-concier-widget-container div.ec-concier-widget{
display: none!important;
}
.ec-concier-widget-container div.ec-concier-layout-banner{
display: none!important;
}


/*------------------------
ランキングタグ
------------------------*/
.PRrank-icon2 td:first-of-type{
position: relative;
}
/* ラベル部分*/
.PRrank-icon2 td:first-of-type:before {
content: "";
top:0;
left:0;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%;
background-repeat:no-repeat;
}
.PRrank-icon2 tr:nth-of-type(1) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/a54050c999ffb3ea4d143adde4ddac3f.png);
}
.PRrank-icon2 tr:nth-of-type(2) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/f8866141678b0e692f308e8a0d33e5e3.png);
}
.PRrank-icon2 tr:nth-of-type(3) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/588b7288b199f419c9192b2d8f5c887c.png);
}
.PRrank-icon2 tr:nth-of-type(4) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/5ac5e1b8083bdb9174766cb7781b1c69.png);
}
.PRrank-icon2 tr:nth-of-type(5) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/ae813e639f7e504df8b7a1f051ded7fb.png);
}
.PRrank-icon2 tr:nth-of-type(6) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/23da41fb87b497ee1b6c2fbffa8b67b9.png);
}
.PRrank-icon2 tr:nth-of-type(7) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/356ee9b91ab4b6a3f72b2a37aefa028e.png);
}
.PRrank-icon2 tr:nth-of-type(8) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/a12133447a4117a2d2c0d9f9113f82a6.png);
}
.PRrank-icon2 tr:nth-of-type(9) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/4b855bc90b700e5cce30e3a5c1cd2835.png);
}
.PRrank-icon2 tr:nth-of-type(10) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/75e443c91d2f4f2e5f50e41cec987ef1.png);
}
.PRrank-icon2 tr:nth-of-type(11) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/6fc219b576e913e27e12809e721008e6.png);
}
.PRrank-icon2 tr:nth-of-type(12) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/03e691647ed1f8ad481decacf47ad8e4.png);
}
.PRrank-icon2 tr:nth-of-type(13) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/84f0d2df8e8ecd139e54c02e127c078c.png);
}
.PRrank-icon2 tr:nth-of-type(14) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/7702468d4a7e59831c0e50ce1f10d4f1.png);
}
.PRrank-icon2 tr:nth-of-type(15) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/7373cc0032dd344e61d588fa35e3f181.png);
}
.PRrank-icon2 tr:nth-of-type(16) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/0a551a7cca5f20cb78c1a73758692061.png);
}
.PRrank-icon2 tr:nth-of-type(17) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/2ac8c0a417ac999f69a256acee45c3b5.png);
}
.PRrank-icon2 tr:nth-of-type(18) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/0c8ab05a947c793d73ad611274b7eaea.png);
}
.PRrank-icon2 tr:nth-of-type(19) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/13bf0bc5423ed0e9416683c487b31a3e.png);
}
.PRrank-icon2 tr:nth-of-type(20) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/ef500a49bc5feffb8a63af98e39b94cf.png);
}
/*------------------------
下部SNS削除
------------------------*/
.share{
	display:none;
}

/*------------------------
listの●と余白削除
------------------------*/
.cps-post-main .talk-text ~ ul:not([class]) li:before,.cps-post-main .talk-text ~ * ul:not([class]) li:before,.cps-post-main .talk-text ~ table ul li:before{
display:none;
}
.cps-post-main .osusume-user_box ~ ul:not([class]) li:before,.cps-post-main .osusume-user_box ~ * ul:not([class]) li:before,.cps-post-main .osusume-user_box ~ table ul li:before{
display:none;
}
.cps-post-main .talk-text ~ ul:not([class]),.cps-post-main .talk-text ~ * ul:not([class]),.cps-post-main .talk-text ~ ul li,.cps-post-main .talk-text ~ * ul li{
padding-left: 0;
}
.cps-post-main .flow-wrap .box{
padding-left: 26px;
}
.cps-post div.cps-post-main div.osusume-user_box ul li:before{
display: block;
top: 0;
}
#toc_container .toc_list > li > ul > li > ul li{
padding-left: 25px;
}
.cps-post-main .hyouka-main-wrap .osusume-user_box ul li{
padding-left: 30px;
}

/*------------------------
listの●と余白復活
------------------------*/
.cps-post-main .talk-text ~ .list-circleON ul li{
padding-left: 25px;
}
.cps-post-main .talk-text ~ .list-circleON ul li:before{
display: block;
}

/*------------------------
table-scroll-セル幅均等に
------------------------*/
.table-scroll.kintou tbody{
display: table;
width: 100%;
table-layout: fixed;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.table-scroll.kintou tbody{
width: auto;
}
}


/*------------------------
テキストリンク太字
------------------------*/
.cps-post-main a{
font-weight:bold;
}
#toc_container a{
font-weight: normal;
}

/*------------------------
CVボタン
------------------------*/

.cta-link-box02{
margin:0 auto;
background: #fcf0c7;
padding: 5px 25px;
width:440px;
}
.cta-link-box02 .ctaText02{
background:none;
padding-top:10px;
color:#cc0000;
}
.cta-link-box02 .ctaText02:after,
.cta-link-box02 .ctaText02:before{
border-color:#cc0000;
}
/*旧オレンジ色*/
/*.cta-link-button02{
width: 90%;
font-size:110%;
display: block;
margin: 10px auto 15px auto;
padding: 13px;
border: 0;
background:#ea8817;
box-shadow: 0px 5px #d8801c;
color: #FFF!important;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
border-radius: 4px;
position:relative;
line-height:1.5;
text-decoration:none!important;
}*/
.cta-link-button02{
width: 90%;
font-size:110%;
display: block;
margin: 10px auto 15px auto;
padding: 13px;
border: 0;
background:#CC0066;
box-shadow: 0px 5px #A60053;
color: #FFF!important;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
border-radius: 4px;
position:relative;
line-height:1.5;
text-decoration:none!important;
}
.cta-link-button02:after,
.gachaBtn:after{
    content: '';
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    color: #fff!important;
    font-size: 20px;
    display: block;
    background: url(https://thisiswhoiam.jp/wp/wp-content/uploads/2020/03/icon_arrows.png) center no-repeat rgba(255,255,255,0);
    background-size: 15px;
    -webkit-animation-name: Arrows;
    animation-name: Arrows;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
a.btn-dl:after{
	width: 13px;
    height: 12px;
    background-size: 6px;
}
.cta-link-box02 + table,.cta-link-box02 + p{
margin-top: 23px;
}
@media (max-width: 767px) {
.cta-link-box02{
background: #fcf0c7;
padding: 10px 15px;
width:100%;
}
h2.post-list-title {
font-size:13px!important;
}
,post-list-date{
font-size:12px!important;
}
.cta-link-box02 + p,.cta-link-box02 + table,
.joubu-rank02{
	margin-top:20px;
}
}

@keyframes Arrows{
0% {
opacity: 0;
transform: translate(-30px,0)
}
50% {
opacity: 1;
transform: translate(-10px,0)
}
to {
opacity: 0;
transform: translate(0,0)
}
}


/*------------------------
サイドバーランキング
------------------------*/
ul.ninki-ranking-box li{
display: flex;
justify-content:left;
align-items: center;
margin:0 0 10px;
padding:0 0 10px;
border-bottom:1px solid #ccc;
width:100%;
position:relative;
z-index:0;
}
ul.ninki-ranking-box li a:nth-of-type(1){
width:30%;
}
ul.ninki-ranking-box li a:nth-of-type(2){
width:70%;
text-align:left;
font-size:13px;
padding:0 0 0 10px;
line-height:1.4;
}
ul.ninki-ranking-box li a:hover{
opacity:0.6;
}
ul.ninki-ranking-box li:before{
text-align: center;
}
ul.ninki-ranking-box li:nth-of-type(1):before{
content:"1";
font-size:11px;
width:16px;
line-height:17px;
background:#ffb800;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
ul.ninki-ranking-box li:nth-of-type(2):before{
content:"2";
font-size:11px;
width:16px;
line-height:17px;
background:#004a86;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
ul.ninki-ranking-box li:nth-of-type(3):before{
content:"3";
font-size:11px;
width:16px;
line-height:17px;
background:#772a00;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
ul.ninki-ranking-box li:nth-of-type(4):before{
content:"4";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
ul.ninki-ranking-box li:nth-of-type(5):before{
content:"5";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
ul.ninki-ranking-box li:nth-of-type(6):before{
content:"6";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
ul.ninki-ranking-box li:nth-of-type(7):before{
content:"7";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
ul.ninki-ranking-box li:nth-of-type(8):before{
content:"8";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
ul.ninki-ranking-box li:nth-of-type(9):before{
content:"9";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}
ul.ninki-ranking-box li:nth-of-type(10):before{
content:"10";
font-size:11px;
width:16px;
line-height:17px;
background:#999;
color:#FFF;
position:absolute;
top:0;
left:0;
z-index:1;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
ul.ninki-ranking-box {
margin-bottom: 10px;
}
ul.ninki-ranking-box li{
border-bottom: 1px solid #bebebe;
border-top: 0;
padding: 6px;
margin: 0;
box-sizing: border-box;
}
ul.ninki-ranking-box li:first-of-type{
border-top: 0px solid #bebebe;
}
ul.ninki-ranking-box li a:nth-of-type(1){
width: 40%;
}
ul.ninki-ranking-box img {
height: 80px;
width: 100%;
object-fit: cover;
margin: 0;
}
ul.ninki-ranking-box li a:nth-of-type(2){
font-weight: bold;
}
ul.ninki-ranking-box li:nth-of-type(1):before,ul.ninki-ranking-box li:nth-of-type(2):before,ul.ninki-ranking-box li:nth-of-type(3):before,ul.ninki-ranking-box li:nth-of-type(4):before,ul.ninki-ranking-box li:nth-of-type(5):before,ul.ninki-ranking-box li:nth-of-type(6):before,ul.ninki-ranking-box li:nth-of-type(7):before,ul.ninki-ranking-box li:nth-of-type(8):before,ul.ninki-ranking-box li:nth-of-type(9):before,ul.ninki-ranking-box li:nth-of-type(10):before{
top: 6px;
left: 6px;
}
}


/*------------------------
目次モーダル
------------------------*/
.navi-mokuji_modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: calc(infinity);
background: rgba(0,0,0,.8);
overflow: scroll;
display: none;
}
.navi-mokuji_modal span#modal_close_mokuji {
position: absolute;
color: #555;
top: 40px;
right: 30px;
margin: 0;
border-radius: 5px;
font-size: 12px;
padding: 5px 5px;
background: #e2e2e2;
}
.navi-mokuji_modal .mokuzi_contents {
background: #fff;
box-sizing: border-box;
width: 95%;
height:80%;
overflow-y:scroll;
padding: 45px 10px 10px;
margin: 30px auto;
border: 0px;
border-radius: 10px;
box-shadow:0 0 0 2px #ccc;
}
.navi-mokuji_modal .mokuzi_contents li {
font-size: 14px;
font-weight: bold;
margin-bottom: 12px;
list-style: none;
line-height: 1.8;
}
.navi-mokuji_modal .mokuzi_contents li ul{
margin-top: 3px;
}
.navi-mokuji_modal .mokuzi_contents li ul li{
padding-left: 10px;
font-size: 12px;
font-weight: normal;
margin-bottom: 8px;
}
.navi-mokuji_modal .mokuzi_contents li ul a:before{
content: '・';
display: inline-block;
margin-right: 5px;
}
.navi-mokuji_modal .mokuzi_contents::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.navi-mokuji_modal .mokuzi_contents::-webkit-scrollbar-thumb {
background: #003891;
border-radius: 5px;
}

/*------------------------------------------------------------
SP追従目次
-------------------------------------------------------------*/
.mokuji-navi{
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.mokuji-navi{
display:block;
position:fixed;
bottom:120px;
right:20px;
z-index: 2;
}
.mokuji-navi a{
display:block;
background:#003891;
font-size:10px;
border-radius:50px;
width:52px;
height:52px;
line-height:80px;
text-align:center;
color:#FFF;
letter-spacing:2px;
}
.mokuji-navi a:before{
content:"";
display:block;
position:absolute;
top:7px;
left:0;
right:0;
margin:auto;
width:20px;
height:25px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/11/63e0d67cec644d0ffa99ea741f291434.png)no-repeat;
background-size:100%;
}
}
@media (max-width: 376px){
.mokuji-navi{
bottom: 120px;
}
}

/*------------------------------------------------------------
サイドメニューアプリリスト
-------------------------------------------------------------*/
.side-icon-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.side-icon-wrap li{
width: calc(100% / 3);
margin-bottom: 16px;
}
.side-icon-wrap li a{
display: block;
}
.side-icon-wrap li a:hover{
opacity: 0.6;
}
.side-icon-wrap li img{
display: block;
width: calc(100% - 25px);
border-radius:10px;
box-sizing:border-box;
margin: 0 auto;
box-shadow:0 0 0 1px #dbdde8;
}
.side-icon-wrap li span{
font-size:10px;
display:block;
margin-top:8px;
font-weight:bold;
line-height: 1.4;
text-align: center;
color:#555;
letter-spacing: -0.1px;
}
.agent-osusume h4{
margin:10px 0 13px ;
font-weight: bold;
padding-left: 5px;
border-bottom:1px solid #3a4472;
padding:0 10px 8px 10px;
font-size:14px;
}


/*------------------------------------------------------------
目次アコーディオン
-------------------------------------------------------------*/
#toc_container p.toc_title{
position: static;
}
.no_bullets.contracted .toc_list li:nth-of-type(4) ~ li{
display: none;
}
#toc_container .toc_title span.toc_toggle{
height: auto;
padding: 0;
bottom: 20px;
}
#toc_container .toc_title span.toc_toggle{
visibility: visible;
position: absolute;
left: 4px;
width: calc(100% - 8px);
bottom: 20px;
text-align: center;
font-size: 0;
}
#toc_container.no_bullets.contracted .toc_title span.toc_toggle{
background: -moz-linear-gradient(top, rgb(249 249 249 / 85%), rgb(230 230 230));
background: -webkit-linear-gradient(top, rgb(249 249 249 / 85%), rgb(230 230 230));
background: linear-gradient(to bottom, rgb(249 249 249 / 85%), rgb(230 230 230));
padding-top: 35px;
height: 92px;
bottom: 4px;
z-index:1;
}
#toc_container .toc_title span.toc_toggle a:after{
content: "閉じる";
font-size: 14px;
color: #fff;
background: none;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 5px;
padding-bottom: 1px;
letter-spacing: 3px;
}
#toc_container.no_bullets.contracted .toc_title span.toc_toggle a:after{
content: "もっと見る";
}
#toc_container .toc_title span.toc_toggle a{
display: inline-block;
font-size: 0;
background: #b9b9b9;
visibility: visible;
width: 200px;
position: relative;
line-height: 30px;
height: 30px;
border-radius: 6px;
}
#toc_container .toc_title span.toc_toggle a:hover{
text-decoration: none;
}
.no_bullets.contracted .toc_list{
display: block!important;
}
div#toc_container{
padding-bottom: 80px;
background: #f9f9f9!important;
}
#toc_container.no_bullets.contracted{
padding-bottom: 15px;
}
#toc_container .toc_list > li > a:before{
content: '';
display: inline-block;
margin-right: 8px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.no_bullets.contracted .toc_list li:nth-of-type(3) ~ li{
display: none;
}
#toc_container .toc_title {
margin-top: 35px!important;
margin-bottom: 35px!important;}
#toc_container.no_bullets.contracted .toc_title span.toc_toggle{
height: 75px;
}
#toc_container .toc_title span.toc_toggle a{
width: 180px;
line-height: 30px;
height: 30px;
}
#toc_container .toc_title span.toc_toggle a:hover{
opacity: 1;
}
#toc_container .toc_title span.toc_toggle a:after{
font-size: 14px;
}
#toc_container.no_bullets.contracted .toc_title span.toc_toggle{
padding-top: 25px;
}
}

/*------------------------
おすすめ枠
------------------------*/
.osusumeApp-wrap{
margin-bottom: 20px;
}
.osusumeApp-wrap .hukidasi{
background: #ff6082;
border-radius: 5px;
position: relative;
width: 300px;
margin: 0 auto 10px;
text-align:center;
z-index: 3;
padding: 10px 0;
font-size: 16px;
font-weight: bold;
line-height: 1.4;
color: #fff;
}
.osusumeApp-wrap .hukidasi:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 15px 0 15px;
border-color: #ff6082 transparent transparent transparent;
position:absolute;
left:0;
right:0;
bottom:-16px;
margin:auto;
}
.osusumeApp-wrap .app-list{
background: #c6e4ff;
border-radius: 5px;
padding: 10px;
}
.cps-post-main .osusumeApp-wrap .app-box{
background: #fff;
border-radius: 6px;
margin-bottom: 10px;
padding: 15px 15px;
position: relative;
}
.cps-post-main .osusumeApp-wrap .app-box:last-of-type{
margin: 0;
}
.osusumeApp-wrap .copy{
text-align: center;
font-weight: bold;
font-size: 20px;
margin-bottom: 25px;
line-height: 1.4;
color:#555;
position:relative;
}
.osusumeApp-wrap .copy:before{
content: '';
display: inline-block;
width: 26px;
height: 19px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/11/fb6dccd886f129f7b4ca26f4ee856c5a.png) no-repeat center / contain;
margin-right: 5px;
}
.osusumeApp-wrap .copy:after{
content:"";
position:absolute;
background:#c6e4ff;
width:100%;
height:3px;
border-radius:5px;
bottom:-10px;
left:0;
}
.osusumeApp-wrap .inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding: 0;
}
.osusumeApp-wrap .app-imgBox{
width:100px;
padding:10px;
border-radius:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background:#f7f7f7;	
}
.osusumeApp-wrap .app-imgBox a{
display: block;
font-size: 0;
}
.osusumeApp-wrap .app-imgBox a:hover{
opacity: 0.6;
}
.osusumeApp-wrap .app-imgBox img{
width: 100%;
border-radius: 5px;
margin-bottom: 0;
}
.osusumeApp-wrap .text-box{
padding-left: 20px;
width: calc(100% - 100px);
}
.osusumeApp-wrap .app-name{
font-weight: bold;
font-size: 18px;
color:#555;
line-height:normal;
margin-bottom: 0;
}
.osusumeApp-wrap .text-box ul{
padding: 0;
}
.osusumeApp-wrap .text-box li{
position: relative;
display:flex;
align-items:center;
font-size:13px;
color:#555;
margin: 2px 0 0 0;
padding: 0;
}
div.cps-post-main .osusumeApp-wrap .text-box li:before{
content: '';
display: inline-block;
left: 0;
top:0;
position: static;
background:#ff6c88!important;
width:5px;
height:5px;
border-radius:50%;
margin-right:10px;
}
.osusumeApp-wrap.mokutekibetu .app-list{
padding-top: 20px;
}
.osusumeApp-wrap.mokutekibetu .app-box{
padding-top: 35px;
margin-bottom:28px;
}
.osusumeApp-wrap.mokutekibetu .app-box:last-of-type{
margin-bottom: 0;
}
.osusumeApp-wrap.mokutekibetu .mokuteki{
position: absolute;
border-radius: 50px;
padding: 5px 15px 3px 33px;
font-weight: bold;
font-size: 14px;
box-shadow:0 0 0 3px #c6e4ff;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/11/878be4ce08bfd39b07a500ec3a644a6b.png) no-repeat left 10px center / 16px;
background-color: #fffcd5;
left: 20px;
top: -12px;
color:#ff7b00;
}
.osusumeApp-wrap .text-box .link-wrap{
margin: 5px 0 0 0!important;
text-align: right;
font-size: 14px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusumeApp-wrap .text-box .link-wrap{
font-size: 12px;
}
.osusumeApp-wrap .hukidasi{
font-size: 16px;
width: 80%;
min-width: 290px;
margin-bottom: 10px;
}
.osusumeApp-wrap .app-list{
padding: 10px;
}
.cps-post-main .osusumeApp-wrap .app-box{
margin-bottom: 10px;
padding: 10px 10px;
}
.cps-post-main .osusumeApp-wrap .app-box:last-of-type{
margin: 0;
}
.osusumeApp-wrap .copy{
font-size: 15px;
margin-bottom: 20px;
}
.osusumeApp-wrap .copy:before{
position: relative;
top: 2px;
}
.osusumeApp-wrap .app-imgBox{
width: 90px;
}
.osusumeApp-wrap .text-box{
padding-left: 10px;
max-width: calc(100% - 90px);
}
.osusumeApp-wrap .app-name{
font-size: 16px;
margin-bottom:5px;
}
.osusumeApp-wrap.mokutekibetu .app-list{
padding-top: 25px;
}
.osusumeApp-wrap.mokutekibetu .app-box{
margin-bottom:26px;
padding-top: 30px;
}
.osusumeApp-wrap.mokutekibetu .app-box:last-of-type{
margin-bottom: 0;
}
.osusumeApp-wrap.mokutekibetu .mokuteki{
padding: 4px 10px 2px 28px;
font-size: 12px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/11/878be4ce08bfd39b07a500ec3a644a6b.png) no-repeat left 8px center / 14px;
left: 16px;
top: -12px;
background-color: #fffcd5;
}
}
.hyouka-box-name dd{
color:#777;
font-size:12px;
letter-spacing:-0.5px;
line-height:1.5;
}

/*------------------------------------------------------------
この記事書いた人
-------------------------------------------------------------*/
.article-person{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
border-top: 3px solid #e8e8e8;
border-bottom: 3px solid #e8e8e8;
padding: 20px 0;
margin-bottom: 20px;
}
.article-person .img-wrap{
position: relative;
width: 100px;
height: 100px;
}
.article-person .img-wrap img{
width: 100%;
height: 100%;
object-fit: cover;
position: relative;
z-index: 2;
border: 1px solid #e7ebff;
margin: 0;
}
.article-person .img-wrap:after{
content: '';
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background: #d9f1f7;
right: -10px;
bottom: -10px;
}
.article-person dl{
width: 66%;
margin:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
box-sizing: border-box;
padding-left: 40px;
line-height: 1.5;
}
.article-person dl:before{
content: 'この記事書いた人';
display: inline-block;
background: #00b2e2;
font-size: 14px;
height: 24px;
line-height: 24px;
padding: 0 10px;
color: #fff;
border-radius: 30px;
}
.article-person dt{
font-size: 18px;
font-weight: bold;
color: #000;
margin: 6px 0 1px;
}
.article-person dd{
font-size: 14px;
color: #555;
}
.article-person dd img{
margin-top: 10px;
width:100%;
}
.article-person .text-wrap{
color: #555;
}
div.article-person .text-wrap .midasi{
background: #3a4472;
border-radius: 30px;
padding: 3px 10px;
font-size: 14px;
line-height: 1.3;
}
.article-person .text-wrap .name{
color: #000;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.article-person{
padding: 14px 0;
}
.article-person .img-wrap{
width: 90px;
height: 90px;
}
.article-person .img-wrap:after{
right: -7px;
bottom: -7px;
}
.article-person dl{
padding-left: 28px;
}
.article-person dl:before{
font-size: 11px;
height: 20px;
line-height: 20px;
}
.article-person dt{
font-size: 16px;
margin: 5px 0 2px;
}
#main-contents .article-person dd{
margin:0;
font-size: 13px;
line-height: 1.5;
}
div.article-person .text-wrap .midasi{
font-size: 11px;
}
}
@media only screen and (max-width : 376px){
.article-person .img-wrap {
width: 78px;
height: 78px;
}
.article-person dl {
padding-left: 24px;
}
}
.icon-osusume{
	font-size: 9px;
    color: #fff;
    border-radius: 10px;
    padding: 1px 8px;
	margin-bottom:2px;
	display:inline-block;
}
.red-icon{
    background:#ef4343;
}
.blue-icon{
	background:#20a9db;
}
.green-icon{
	background:#76b217;
}
.purple-icon{
	background:#996eea;
}
.pink-icon{
	background:#ef94da;
}
.hikakuhyo th{
	color:#555;
}
.hikakuhyo tr:nth-child(1) th{
	background:#757da3;
	color:#fff;
	border-color:#999daf;
}
div.cps-post-main .hikakuhyo td{
	font-size:12px;
	color:#666;
}
@media only screen and (max-width: 376px){
.hyouka-main-head li .gachaBtn{
	margin-left:0!important;
	margin-top:5px!important;
}
}


/*------------------------------------------------------------
サイドメニュー監修者一覧
-------------------------------------------------------------*/
.widget-supervisor-list li{
margin-top: 20px;
}
.widget-supervisor-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.widget-supervisor-list li a:hover{
color: #3b4675;
opacity: 0.6;
}
.widget-supervisor-list li .img-wrap{
width: 65px;
}
.widget-supervisor-list li .img-wrap img{
width: 65px;
height: 65px;
border-radius: 50%;
vertical-align: middle;
box-shadow:0 0 0 1px #eee;
object-fit: contain;
}
.widget-supervisor-list li .text-wrap{
width: calc(100% - 65px);
padding-left: 10px;
}
#sidebar .widget-supervisor-list li .text-wrap .name{
display: inline-block;
border-bottom: 1px solid #3d4671;
font-size: 14px;
margin: 0 0 4px;
line-height: 1.2;
font-weight:bold;
}
.widget-supervisor-list li .text-wrap .yakusyoku{
margin: 0 0 2px;
font-size: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.widget-supervisor-list li .text-wrap .text{
margin: 0;
color: #777;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 12px;
}
@media (max-width: 376px){
.widget-supervisor-list li .img-wrap{
width: 65px;
}
.widget-supervisor-list li .img-wrap img{
width: 65px;
height: 65px;
}
.widget-supervisor-list li .text-wrap{
width: calc(100% - 65px);
padding-left: 12px;
}
}



/*------------------------------------------------------------
トップ_ヘッダー
-------------------------------------------------------------*/
	
#header-box{
display:none;
}
.pickup-contents-box-post-type {
display:none;
}
.new-header-main{
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
padding:20px 0;
margin:0 auto 20px;
width:1060px;
}
.new-header-main .new-logo{
width:18%;
}
.new-header-main .new-logo img{
width:100%;
}
.new-header-main .new-navi-list{
width:45%;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
padding:0 20px;
}
.new-header-main .new-navi-list li{
font-size:12px;
position:relative;
}
.new-header-main .new-navi-list li:before{
content: '';
display: block;
position: absolute;
left: -30px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 1px;
background: #000;
transform: rotate(125deg);
}
.new-header-main .new-navi-list li:first-of-type:before{
display:none;
}
.new-header-main .new-navi-list li a{
padding:10px;
font-size:13px;
color:#000;
font-weight:bold;
}
.new-header-main .new-navi-list li a:hover{
opacity:0.6;
border-bottom:1px solid #000;
}
.new-header-main .new-headsearch{
width:15%;
position:relative;
}
.new-header-main .new-headsearch input[type="search"]{
width:100%;
border:0;
background:#e2e2e2;
border-radius:50px;
padding:8px 40px 8px 10px;
}
.new-header-main .new-headsearch input[type="submit"]{
width:20px;
height:20px;
border:0;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/70ed09a41fe8519aab9df0ca8fbc9bd7.png)no-repeat;
background-size:auto 100%;
position:absolute;
right:15px;
top:0;
bottom:0;
margin:auto;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.new-header-main{
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
padding:20px 0;
margin:0 auto 0px;
width:100%;
	border-bottom:1px solid #f0f0f0;
}
.new-header-main .new-logo{
width:50%;
padding:0 15px 0;
}
.new-header-main .new-logo img{
width:100%;
height: auto;
}
.new-header-main .new-navi-list{
display:none;
}
.headsearch{
display:none;
}
.new-header-main .new-headsearch{
width:30%;
position:relative;
margin:0 10px 0 0;
}
.new-header-main .new-headsearch input[type="search"]{
width:100%;
border:0;
background:#e2e2e2;
border-radius:50px;
padding:3px 20px 6px 10px;
font-size:16px;
}
.new-header-main .new-headsearch input[type="submit"]{
width:18px;
height:18px;
border:0;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/70ed09a41fe8519aab9df0ca8fbc9bd7.png)no-repeat;
background-size:auto 100%;
position:absolute;
right:5px;
top:0;
bottom:0;
margin:auto;
}

}

@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
.menu-btn{
display: none;
}
.sp-menu-modal{
display:none;
}
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.menu-btn {
z-index: 1100;
position: relative;
padding-right: 15px;
}
body.open  .menu-btn{
z-index: 2002;
}
.menu-icon-new,
.menu-icon-new span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-icon-new {
position: relative;
width: 28px;
height: 24px;
background: none;
border: none;
appearance: none;
cursor: pointer;
}
.menu-icon-new span {
position: absolute;
left: 0;
width: 100%;
height: 4px;
background-color: #949494;
border-radius: 4px;
}
.menu-icon-new span:nth-of-type(1) {
top: 0;
}
.menu-icon-new span:nth-of-type(2) {
top: 10px;
}
.menu-icon-new span:nth-of-type(3) {
bottom: 0;
}
body.open .menu-icon-new span{
background-color: #fff;
}
body.open .menu-icon-new span:nth-of-type(1) {
transform: translateY(10px) rotate(-45deg);
}
body.open .menu-icon-new span:nth-of-type(2) {
opacity: 0;
}
body.open .menu-icon-new span:nth-of-type(3) {
transform: translateY(-10px) rotate(45deg);
}
body .sp-menu-modal{
position:fixed;
display:block;
width:100%;
height:100vh;
-webkit-transition: all .5s;
transition: all .5s;
visibility: hidden;
opacity:0;
}
body .sp-menu-modal nav{
display:none;
}
body.open .sp-menu-modal{
position:fixed;
display:block;
width:100%;
height:100vh;
-webkit-transition:all .5s;
transition:all .5s;
visibility:visible;
opacity:1;
z-index:2001;
top: 0;
left: 0;
background: rgba(0,68,96,0.9);
}
body.open .sp-menu-modal nav{
display:block;
position: absolute;
top: 0;
left: 0;
width:100%;
height: 100%;
padding-top: 100px;
box-sizing: border-box;
}
body.open .sp-menu-modal nav ul{
display:block;
width:100%;
}
body.open .sp-menu-modal nav ul li{
display:block;
padding:20px;
}
body.open .sp-menu-modal nav ul li:last-of-type{
display:block;
padding:20px;
}
body.open .sp-menu-modal nav ul li a{
font-size:14px;
padding:0 15px;
color:#fff;
display:block;
text-align:left;
font-weight:bold;
}
body.open .sp-menu-modal nav ul li a:before{
display:block;
font-size:20px;
font-weight:bold;
margin-bottom:2px;
}
}

/*------------------------------------------------------------
トップ_スライダー
-------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
.new-top-slider{
overflow-x: hidden;
}
.new-top-slider ul{
max-width: 800px;
margin: 0 auto;
opacity: 0;
transition: opacity .3s linear;
}
.new-top-slider ul.slick-initialized{
opacity: 1;
}
.new-top-slider .slick-list{
overflow: visible;
}
.new-top-slider ul img{
width: calc(100% - 14px);
height: 370px;
object-fit: cover;
margin: 0 auto;
}
.new-top-slider ul a:hover img{
opacity:0.7;
}
.new-top-slider .slick-arrow:before{
content:""!important;
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
}
.new-top-slider .slick-next:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/58dc8eab78b2b08540ea2fd86c783305.png) no-repeat !important;
background-size: contain!important;
}
.new-top-slider .slick-prev:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/6ff518c5a95bf30998da264eac521ae3.png) no-repeat !important;
background-size: contain!important;
}
.new-top-slider .slick-arrow{
z-index:2!important;
width:40px!important;
height:80px!important;
}
.new-top-slider .slick-next{
right:-15px!important;
}
.new-top-slider .slick-prev{
left:-15px!important;
}
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.new-top-slider{
overflow-x: hidden;
}
.new-top-slider ul{
max-width: 92%;
margin: 0 auto;
opacity: 0;
transition: opacity .3s linear;
}
.new-top-slider ul.slick-initialized{
opacity: 1;
}
.new-top-slider .slick-list{
overflow: visible;
}
.new-top-slider ul img{
width: calc(100% - 10px);
height: 41vw;
object-fit: cover;
margin: 0 auto;
}
.new-top-slider ul a:hover img{
opacity:0.7;
}
.new-top-slider .slick-arrow:before{
content:""!important;
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
}
.new-top-slider .slick-next:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/58dc8eab78b2b08540ea2fd86c783305.png) no-repeat !important;
background-size: contain!important;
}
.new-top-slider .slick-prev:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/6ff518c5a95bf30998da264eac521ae3.png) no-repeat !important;
background-size: contain!important;
}
.new-top-slider .slick-arrow{
z-index:2!important;
width:16px!important;
height:32px!important;
}
.new-top-slider .slick-next{
right:-8px!important;
}
.new-top-slider .slick-prev{
left:-8px!important;
}
}

/*------------------------------------------------------------
トップ_メインコンテンツ
-------------------------------------------------------------*/

@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
#new-top-main{
margin:50px 0 0 0;
}

.new-top-in .new_article{
width: 1000px;
margin: 0 auto 100px;
text-align: center;
}
.new-top-in .new_article h2{
font-size: 30px;
font-weight: bold;
display: inline-block;
background: #fff;
position: relative;
color: #000;
background: #fff;
padding: 0 50px;
}
.new-top-in .new_article h2:before,.new-top-in .new_article h2:after{
content: '';
display: block;
position: absolute;
left: -40px;
top: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}
.new-top-in .new_article h2:after{
left: auto;
right: -40px;
}
.new-top-in .new_article ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #000;
padding-top: 50px;
margin-top: -16px;
}
.new-top-in .new_article li{
text-align: left;
width: calc(100% / 3 - 13px);
}
.new-top-in .new_article li a{
display: block;
}
.new-top-in .new_article li a:hover{
opacity: 0.7;
}
.new-top-in .new_article .img-wrap img{
width: 100%;
height: 216px;
object-fit: cover;
object-position: top;
box-shadow: 0 0 0 1px #7bd7f0;
}
.new-top-in .new_article .date{
color: #777;
font-size: 14px;
margin: 10px 0;
}
.new-top-in .new_article .title{
color: #333;
line-height: 1.5;
font-size: 16px;
margin: 0;
}
.new-top-in .ninki_ranking{
width: 1060px;
margin: 0 auto 80px;
position: relative;
border: 1px solid #000;
text-align: center;
padding:0 0 50px;
}
.new-top-in .ninki_ranking:before{
content:"";
border-bottom:1px solid #00b2e2;
position:absolute;
width:97%;
height:100%;
bottom:-5px;
left:10px;
z-index:-1;
}
.new-top-in .ninki_ranking:after{
content:"";
border-right:1px solid #00b2e2;
position:absolute;
width:100%;
height:97%;
bottom:6px;
right:-5px;
z-index:-1;
}
.new-top-in .ninki_ranking_in{
position:relative;
}
.new-top-in .ninki_ranking_in:after{
content:"";
border-right:1px solid #00b2e2;
position:absolute;
width:1px;
height:104%;
top:10px;
left:2px;
z-index:-1;
}
.new-top-in .ninki_ranking_in:before{
content:"";
border-bottom:1px solid #00b2e2;
position:absolute;
width:98%;
height:1px;
top:2px;
left:10px;
z-index:-1;
}
.new-top-in .ninki_ranking h2{
font-size: 30px;
font-weight: bold;
color: #000;
position: relative;
display: inline-block;
padding: 0 50px;
top: -15px;
background: #fff;
}
.new-top-in .ninki_ranking ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 1000px;
margin: 40px auto 0;
}
.new-top-in .ninki_ranking li{
width: calc(100% / 3 - 13px);
margin-bottom: 36px;
text-align: left;
}
.new-top-in .ninki_ranking li a{
display: block;
position: relative;
}
.new-top-in .ninki_ranking li a:before{
content: '1';
display: block;
position: absolute;
left: 0;
top: -15px;
width: 30px;
height: 30px;
line-height: 31px;
text-align: center;
color: #fff;
background: #000;
font-size: 18px;
font-weight: bold;
}
.new-top-in .ninki_ranking li:nth-of-type(1) a:before{
content: '1';
color: #f1eb4f;
}
.new-top-in .ninki_ranking li:nth-of-type(2) a:before{
content: '2';
color: #2ca3bb;
}
.new-top-in .ninki_ranking li:nth-of-type(3) a:before{
content: '3';
color: #6b9847;
}
.new-top-in .ninki_ranking li:nth-of-type(4) a:before{
content: '4';
}
.new-top-in .ninki_ranking li:nth-of-type(5) a:before{
content: '5';
}
.new-top-in .ninki_ranking li:nth-of-type(6) a:before{
content: '6';
}
.new-top-in .ninki_ranking li:nth-of-type(1) a:after,.new-top-in .ninki_ranking li:nth-of-type(2) a:after,.new-top-in .ninki_ranking li:nth-of-type(3) a:after{
content: '';
display: block;
width: 20px;
height: 16px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/cab75cc6177da31f2a5c5c00679d9b74.png) no-repeat center / contain;
position: absolute;
top: -18px;
left: 34px;
}
.new-top-in .ninki_ranking li:nth-of-type(2) a:after{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/424806cc9a87fc86a5324c337c553810.png) no-repeat center / contain;
}
.new-top-in .ninki_ranking li:nth-of-type(3) a:after{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/a334e60660d3c400f596c975050c450c.png) no-repeat center / contain;
}
.new-top-in .ninki_ranking li a:hover{
opacity: 0.7;
}
.new-top-in .ninki_ranking li:nth-of-type(3) ~ li{
margin-bottom: 0;
}
.new-top-in .ninki_ranking .img-wrap img{
width: 100%;
height: 216px;
object-fit: cover;
object-position: top;
box-shadow: 0 0 0 1px #7bd7f0;
}
.new-top-in .ninki_ranking .date{
color: #777;
font-size: 14px;
margin: 10px 0;
}
.new-top-in .ninki_ranking .title{
color: #333;
line-height: 1.5;
font-size: 16px;
margin:10px 0 0;
}
.new-top-in .osusume-top5{
background: #ebf1f2;
text-align: center;
padding: 80px 0;
position: relative;
z-index: 1;
}
.new-top-in .osusume-top5 h2{
color: #000;
font-size: 30px;
font-weight: bold;
}
.new-top-in .osusume-top5 .top5{
display: inline-block;
font-size: 26px;
font-weight: bold;
color: #000;
background: #ebf1f2;
padding: 0 50px;
margin-top: 10px;
}
.new-top-in .osusume-top5 .top5:before{
content: '';
display: inline-block;
width: 24px;
height: 16px;
margin-right: 10px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/de0c9292a5f5a62b0709ce05bf790b66.png) no-repeat center / contain;
}
.new-top-in .osusume-top5 .top5 span{
font-size: 30px;
}
.new-top-in .osusume-top5 ul{
width: 1000px;
margin: 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #000;
padding-top: 80px;
margin-top: -17px;
}
.new-top-in .osusume-top5 li{
position: relative;
width: calc(100% / 5 - 8px);
background: #fff;
box-shadow: 0 0 0 1px #000;
padding: 34px 10px 10px;
box-sizing: border-box;
z-index: 1;
}
.new-top-in .osusume-top5 .top5tag{
position: absolute;
width: 60px;
padding: 6px 0;
color: #fff;
background: #000;
left: -10px;
top: -10px;
font-size: 14px;
}
.new-top-in .osusume-top5 .top5tag span{
font-size: 18px;
color: #ccc;
font-weight: bold;
}
.new-top-in .osusume-top5 li:nth-of-type(1) .top5tag span{
color: #f1eb4f;
}
.new-top-in .osusume-top5 li:nth-of-type(2) .top5tag span{
color: #2ca3bb;
}
.new-top-in .osusume-top5 li:nth-of-type(3) .top5tag span{
color: #71b938;
}
.new-top-in .osusume-top5 .top5tag:after{
content: '';
display: block;
width: 100%;
height: 100%;
border: 1px solid #000;
position: absolute;
left: 4px;
top: 4px;
box-sizing: border-box;
}
.new-top-in .osusume-top5 dt{
border-bottom: 1px solid #000;
margin-bottom: 12px;
}
.new-top-in .osusume-top5 dt a{
display: inline-block;
}
.new-top-in .osusume-top5 dt a:hover{
opacity: 0.7;
}
.new-top-in .osusume-top5 dt a img{
width: 80px;
height: 80px;
}
.new-top-in .osusume-top5 dt a .name{
font-size: 14px;
line-height: 1.4;
margin: 8px 0;
color: #000;
}
.new-top-in .osusume-top5 li:first-of-type dt a .name{
padding:10px;
}
.new-top-in .osusume-top5 dd:before{
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
vertical-align: middle;
background: #00b2e2;
position: relative;
bottom: 1px;
margin-right: 6px;
}
.new-top-in .osusume-top5 dd{
font-size: 12px;
color: #000;
margin-bottom: 4px;
text-align: left;
text-indent: -11px;
padding-left: 11px;
line-height: 1.4;
}
.new-top-in .osusume-top5 dd:last-of-type{
margin-bottom: 0;
}
.new-top-in .osusume-top5 .btn-hyouban{
margin-top: 20px;
}
.new-top-in .osusume-top5 .btn-hyouban a{
display: block;
background: #003891;
border-radius: 30px;
color: #fff;
height: 26px;
line-height: 26px;
position: relative;
font-size: 12px;
}
.new-top-in .osusume-top5 .btn-hyouban a:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #003891;
z-index: -1;
top: 4px;
left: 4px;
border-radius: 30px;
}
.new-top-in .osusume-top5 .btn-hyouban a:hover{
opacity: 0.7;
}
.new-top-in .osusume-top5 .btn-wrap{
margin-top: 40px;
}
.new-top-in .osusume-top5 .btn-wrap a{
display: inline-block;
background: #003891;
border-radius: 30px;
color: #fff;
height: 46px;
line-height: 48px;
position: relative;
font-size: 16px;
font-weight: bold;
width: 400px;
}
.new-top-in .osusume-top5 .btn-wrap a:before{
content: '';
display: block;
position: absolute;
width: 10px;
height: 16px;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/64a89cc649b3ad8817699e0d70b3f2bd.png) no-repeat center / contain;
}
.new-top-in .osusume-top5 .btn-wrap a:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #003891;
z-index: -1;
top: 4px;
left: 4px;
border-radius: 30px;
}
.new-top-in .osusume-top5 .btn-wrap a:hover{
opacity: 0.7;
}
.new-top-in .osusume_site{
border-top: 1px solid #d9e0e1;
}
}




@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){

#new-top-main{
margin:50px 0 0 0;
}
.new-top-in .new_article{
width:100%;
margin: 0 auto 60px;
text-align: center;
}
.new-top-in .new_article h2{
font-size: 24px;
font-weight: bold;
display: inline-block;
background: #fff;
position: relative;
color: #000;
background: #fff;
padding: 0 20px;
}
.new-top-in .new_article h2:before,.new-top-in .new_article h2:after{
content: '';
display: block;
position: absolute;
left: -40px;
top: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}
.new-top-in .new_article h2:after{
left: auto;
right: -40px;
}
.new-top-in .new_article ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #000;
padding-top: 50px;
margin-top: -16px;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.new-top-in .new_article li{
text-align: left;
width:100%;
padding:10px;
padding:12px 10px 10px;
box-sizing:border-box;
border-bottom:1px solid #b1d7e0;
}
.new-top-in .new_article li a{
display: block;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position:relative;
}
.new-top-in .new_article .img-wrap{
width:35%;
}
.new-top-in .new_article .img-wrap img{
width: 100%;
height: 85px;
object-fit: cover;
object-position: top;
box-shadow: 0 0 0 1px #7bd7f0;
}
.new-top-in .new_article .date{
color: #777;
font-size: 11px;
margin:0 0 5px;
display:block;
}
.new-top-in .new_article .title{
color: #333;
line-height: 1.5;
font-size:14px;
margin: 0;
padding:0;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.new-top-in .ninki_ranking{
width:100%;
margin: 0 auto 0px;
position: relative;
border:0;
text-align: center;
padding:0 0 30px;
}
.new-top-in .ninki_ranking h2{
font-size: 24px;
font-weight: bold;
display: inline-block;
background: #fff;
position: relative;
color: #000;
background: #fff;
padding: 0 20px;
}
.new-top-in .ninki_ranking h2:before,.new-top-in .ninki_ranking h2:after{
content: '';
display: block;
position: absolute;
left: -40px;
top: 0;
bottom: 0;
margin: auto;
width: 40px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}
.new-top-in .ninki_ranking h2:after{
left: auto;
right: -40px;
}
.new-top-in .ninki_ranking ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #000;
padding-top: 60px;
margin-top: -16px;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.new-top-in .ninki_ranking li{
width:100%;
margin-bottom:20px;
text-align: left;
padding:10px 10px 10px;
box-sizing:border-box;
border-bottom:1px solid #b1d7e0;
}
.new-top-in .ninki_ranking li a{
display: block;
position: relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.new-top-in .ninki_ranking li a:before{
content: '1';
display: block;
position: absolute;
left: 0;
top: -15px;
width: 30px;
height: 30px;
line-height: 31px;
text-align: center;
color: #fff;
background: #000;
font-size: 18px;
font-weight: bold;
}
.new-top-in .ninki_ranking li:nth-of-type(1) a:before{
content: '1';
color: #f1eb4f;
}
.new-top-in .ninki_ranking li:nth-of-type(2) a:before{
content: '2';
color: #2ca3bb;
}
.new-top-in .ninki_ranking li:nth-of-type(3) a:before{
content: '3';
color: #6b9847;
}
.new-top-in .ninki_ranking li:nth-of-type(4) a:before{
content: '4';
}
.new-top-in .ninki_ranking li:nth-of-type(5) a:before{
content: '5';
}
.new-top-in .ninki_ranking li:nth-of-type(6) a:before{
content: '6';
}
.new-top-in .ninki_ranking li:nth-of-type(1) a:after,.new-top-in .ninki_ranking li:nth-of-type(2) a:after,.new-top-in .ninki_ranking li:nth-of-type(3) a:after{
content: '';
display: block;
width: 20px;
height: 16px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/cab75cc6177da31f2a5c5c00679d9b74.png) no-repeat center / contain;
position: absolute;
top: -18px;
left: 34px;
}
.new-top-in .ninki_ranking li:nth-of-type(2) a:after{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/424806cc9a87fc86a5324c337c553810.png) no-repeat center / contain;
}
.new-top-in .ninki_ranking li:nth-of-type(3) a:after{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/a334e60660d3c400f596c975050c450c.png) no-repeat center / contain;
}
.new-top-in .ninki_ranking .img-wrap{
width:35%;
}
.new-top-in .ninki_ranking .img-wrap img{
width: 100%;
height: 85px;
object-fit: cover;
object-position: top;
box-shadow: 0 0 0 1px #7bd7f0;
}
.title-txt-wrap{
width:65%;
padding:5px 10px;
}
.new-top-in .ninki_ranking .date{
color: #777;
font-size: 11px;
margin:0 0 5px;
display:block;
}
.new-top-in .ninki_ranking .title{
color: #333;
line-height: 1.5;
font-size:14px;
margin: 0;
padding:0;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.new-top-in .osusume-top5{
background: #ebf1f2;
text-align: center;
padding: 60px 0 40px;
position: relative;
z-index: 1;
}
.new-top-in .osusume-top5 h2{
color: #000;
font-size: 24px;
font-weight: bold;
}
.new-top-in .osusume-top5 .top5{
display: inline-block;
font-size: 26px;
font-weight: bold;
color: #000;
background: #ebf1f2;
padding: 0 50px;
margin-top: 10px;
z-index: 2;
position: relative;
}
.new-top-in .osusume-top5 .top5:before{
content: '';
display: inline-block;
width: 24px;
height: 16px;
margin-right: 10px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/de0c9292a5f5a62b0709ce05bf790b66.png) no-repeat center / contain;
}
.new-top-in .osusume-top5 .top5 span{
font-size: 30px;
}
.new-top-in .osusume-top5 .sp-scroll{
overflow: scroll;
border-top: 1px solid #000;
margin-top: -16px;
}
.new-top-in .osusume-top5 ul{
display:block;
margin: 0 auto;
display:flex;
padding: 54px 0 30px 24px;
width: 1150px;
}
.new-top-in .osusume-top5 li{
position: relative;
width:100px;
display:block;
background: #fff;
box-shadow: 0 0 0 1px #000;
padding: 34px 10px 10px;
box-sizing: border-box;
z-index: 1;
width: 210px;
margin-right:20px;
}
.new-top-in .osusume-top5 .top5tag{
position: absolute;
width: 60px;
padding: 6px 0;
color: #fff;
background: #000;
left: -10px;
top: -10px;
font-size: 14px;
}
.new-top-in .osusume-top5 .top5tag span{
font-size: 18px;
color: #ccc;
font-weight: bold;
}
.new-top-in .osusume-top5 li:nth-of-type(1) .top5tag span{
color: #f1eb4f;
}
.new-top-in .osusume-top5 li:nth-of-type(2) .top5tag span{
color: #2ca3bb;
}
.new-top-in .osusume-top5 li:nth-of-type(3) .top5tag span{
color: #71b938;
}
.new-top-in .osusume-top5 .top5tag:after{
content: '';
display: block;
width: 100%;
height: 100%;
border: 1px solid #000;
position: absolute;
left: 4px;
top: 4px;
box-sizing: border-box;
}
.new-top-in .osusume-top5 dt{
border-bottom: 1px solid #000;
margin-bottom: 12px;
}
.new-top-in .osusume-top5 dt a{
display: inline-block;
}
.new-top-in .osusume-top5 dt a:hover{
opacity: 0.7;
}
.new-top-in .osusume-top5 dt a img{
width: 80px;
height: 80px;
}
.new-top-in .osusume-top5 dt a .name{
font-size: 14px;
line-height: 1.4;
margin: 8px 0;
color: #000;
}
.new-top-in .osusume-top5 li:first-of-type dt a .name{
padding:10px;
}

.new-top-in .osusume-top5 dd:before{
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
vertical-align: middle;
background: #00b2e2;
position: relative;
bottom: 1px;
margin-right: 6px;
}
.new-top-in .osusume-top5 dd{
font-size: 12px;
color: #000;
margin-bottom: 4px;
text-align: left;
text-indent: -11px;
padding-left: 11px;
line-height: 1.4;
}
.new-top-in .osusume-top5 dd:last-of-type{
margin-bottom: 0;
}
.new-top-in .osusume-top5 .btn-hyouban{
margin-top: 20px;
}
.new-top-in .osusume-top5 .btn-hyouban a{
display: block;
background: #003891;
border-radius: 30px;
color: #fff;
height: 26px;
line-height: 26px;
position: relative;
font-size: 12px;
}
.new-top-in .osusume-top5 .btn-hyouban a:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #003891;
z-index: -1;
top: 4px;
left: 4px;
border-radius: 30px;
}
.new-top-in .osusume-top5 .btn-hyouban a:hover{
opacity: 0.7;
}
.new-top-in .osusume-top5 .btn-wrap{
margin-top: 40px;
}
.new-top-in .osusume-top5 .btn-wrap a{
display: inline-block;
background: #003891;
border-radius: 30px;
color: #fff;
height: 46px;
line-height: 48px;
position: relative;
font-size: 14px;
font-weight: bold;
width:90%;
}
.new-top-in .osusume-top5 .btn-wrap a:before{
content: '';
display: block;
position: absolute;
width: 10px;
height: 16px;
top: 0;
bottom: 0;
margin: auto;
right: 20px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/64a89cc649b3ad8817699e0d70b3f2bd.png) no-repeat center / contain;
}
.new-top-in .osusume-top5 .btn-wrap a:after{
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #003891;
z-index: -1;
top: 4px;
left: 4px;
border-radius: 30px;
}
.new-top-in .osusume-top5 .btn-wrap a:hover{
opacity: 0.7;
}
.new-top-in .osusume_site{
border-top: 1px solid #d9e0e1;
}
}

@media only screen and (max-width: 429px){
.new-top-in .new_article .date{
left:150px;
}
}
@media only screen and (max-width: 415px){
.new-top-in .new_article .date{
left:145px;
}
}
@media only screen and (max-width: 429px){
.new-top-in .ninki_ranking .date{
left:150px;
}
}
@media only screen and (max-width: 415px){
.new-top-in .ninki_ranking .date{
left:145px;
}
}

/*------------------------------------------------------------
トップ_サブコンテンツ
-------------------------------------------------------------*/
#new-top-lower{
display: -webkit-flex;
display: flex;
width:1000px;;
margin:80px auto 0;
}
#new-top-lower .new-top-lower-in{
width:690px;
margin-bottom:60px;
}
#new-top-lower #sidebar{
width:300px;
margin:0;
}
.osusume_type{
position:relative;
}
.osusume_type:before{
position:absolute;
content:"";
width:99%;
height:80%;
background:#00b2e2;
z-index:;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.osusume_type h2{
display:block;
text-align:center;
box-shadow:0 0 0 1px #000;
padding:18px 0 15px;
margin:0 0 10px;
font-size:20px;
font-weight:bold;
line-height:normal;
background:#f7f7f7;
position:relative;
z-index:1;
color:#000;
}
.osusume_type ul{
text-align:center;
box-shadow:0 0 0 1px #000;
padding:20px 20px 20px;
margin:0 0 50px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
z-index:1;
position:relative;
background:#FFF;
}
.osusume_type ul li{
width:48%;
margin:5px;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:1;
}
.osusume_type ul li:after{
content:"";
width:100%;
height:100%;
background:#dce7ea;
position:absolute;
bottom:-3px;
right:-3px;
z-index:0;
}
.osusume_type ul li a{
color:#3b4675;
display:block;
padding:15px 0 15px 30px;
position:relative;
background:#FFF;
box-shadow:0 0 0 1px #dce7ea;
z-index:1;
}
.osusume_type ul li a:before{
content:"";
width:20px;
height:17px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/27d510243f05b2a0bd1292880f98e89f.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:auto;
left:0;
}
.osusume_type ul li a:hover{
opacity:0.8;
}
.tensyoku_nouhau{
position:relative;
}
.tensyoku_nouhau:before{
position:absolute;
content:"";
width:99%;
height:95%;
background:#00b2e2;
z-index:;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.osusume_type ul li .link_non_list{
color:#383838;
display:block;
padding:15px 0 15px 35px;
position:relative;
background:#597197;
z-index:1;
font-size:12px;
}
.osusume_type ul li .link_non_list:before{
content:"";
width:23px;
height:20px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/ca8c3d744b26ebce975c30c905102f9e.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:auto;
left:0;
}
.tensyoku_nouhau h2{
display:block;
text-align:center;
box-shadow:0 0 0 1px #000;
padding:18px 0 15px;
margin:0 0 10px;
font-size:20px;
font-weight:bold;
line-height:normal;
background:#f7f7f7;
color:#000;
z-index:1;
position:relative;
}
.tensyoku_nouhau .tensyoku_nouhau_in{
box-shadow:0 0 0 1px #000;
padding:20px 0;
margin:0 0 60px;
z-index:1;
position:relative;
background:#FFF;
}
.tensyoku_nouhau ul{
text-align:center;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
padding:0 0 0 20px;
}
.tensyoku_nouhau ul li{
width:47%;
margin:5px;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:1;
}
.tensyoku_nouhau ul li:after{
content:"";
width:100%;
height:100%;
background:#dce7ea;
position:absolute;
bottom:-3px;
right:-3px;
z-index:0;
}
.tensyoku_nouhau ul li a{
color:#3b4675;
display:block;
padding:15px 0 15px 30px;
position:relative;
background:#FFF;
z-index:1;
box-shadow:0 0 0 1px #dce7ea;
}
.tensyoku_nouhau .type ul li a:before{
content:"";
width:20px;
height:17px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/9b9dfd38351092bda9b59461741b6eae.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:auto;
left:0;
}
.tensyoku_nouhau .nenrei ul li a:before{
content:"";
width:20px;
height:17px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/1ae2852a68bd2486717522c59c1ce05a.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:auto;
left:0;
}
.tensyoku_nouhau ul li a:hover{
opacity:0.8;
}
.tensyoku_nouhau .type h3{
display:block;
margin:10px auto 10px;
padding:0 0 10px;
width:91%;
font-weight:bold;
z-index:0;
position:relative;
}
.tensyoku_nouhau .type h3:before{
content:"";
position:absolute;
background:#dce7ea;
width:90%;
height:4px;
display:block;
right:0;
bottom:-2px;
}
.tensyoku_nouhau .type h3:after{
content:"";
position:absolute;
background:#f99506;
width:15%;
height:4px;
display:block;
left:0;
bottom:0;
}
.tensyoku_nouhau .nenrei h3{
display:block;
margin:30px auto 10px;
padding:0 0 10px;
width:91%;
font-weight:bold;
z-index:0;
position:relative;
}
.tensyoku_nouhau .nenrei h3:before{
content:"";
position:absolute;
background:#dce7ea;
width:90%;
height:4px;
display:block;
right:0;
bottom:-2px;
}
.tensyoku_nouhau .nenrei h3:after{
content:"";
position:absolute;
background:#2fc1b6;
width:15%;
height:4px;
display:block;
left:0;
bottom:0;
}
.category_list{
background:#ebf1f2;
padding-bottom:20px;
position:relative;
}
.category_list:before{
content:"";
border-bottom:1px solid #00b2e2;
position:absolute;
width:97%;
height:100%;
bottom:-4px;
left:10px;
z-index:-1;
}
.category_list:after{
content:"";
border-right:1px solid #00b2e2;
position:absolute;
width:100%;
height:96%;
bottom:6px;
right:-4px;
z-index:-1;
}
.category_list h2{
display:block;
text-align:center;
padding:0px 0 0;
margin:0px 0 0;
font-size:20px;
font-weight:bold;
line-height:normal;
color:#000;
z-index:1;
position:relative;
top:-14px;
}
.category_list h2:before{
content:"";
width:130px;
height:20px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/baa0e3c4e7f1a92fccc3f3a81ab50f9a.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:0;
bottom:0;
left:-300px;
right:0;
margin:auto;
}
.category_list h2:after{
content:"";
width:130px;
height:20px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/baa0e3c4e7f1a92fccc3f3a81ab50f9a.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:0;
bottom:0;
left:0;
right:-300px;
margin:auto;
}
.category_list ul{
text-align:center;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
padding:0 0 0 25px;
}
.category_list ul li{
width:31%;
margin:5px;
box-sizing:border-box;
text-align:left;
}
.category_list ul li a{
color:#003891;
font-weight:bold;
position:relative;
display:block;
padding:15px 0 15px 45px;
}
.category_list ul li a:before{
content:"";
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/095f310a6e18f1455b80b6f6fcc81b10.png)no-repeat center;
background-size:100%;
position:absolute;
width:35px;
height:35px;
top:0;
bottom:0;
left:0;
margin:auto;
}


.category_list ul li:nth-of-type(2) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/4d4da2226de134089b461ea7a92b2d8f.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(3) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/f57d3a8d7a54ba038a3110dae419b1a6.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(4) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/b87571b9cdf5273e7439f4b151933387.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(5) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/de20ccadafbaae93d25c5a49cff70951.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(6) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/a21614731cbc59b878279c1541cb5a71.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(7) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/a95ffd8fe579ae8a06a08683dc46808b.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(8) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/7f1286c28388c6187f33932d15be7b03.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(9) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/717d2ee90ee03f144ae2bb834e6c8f8f.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(10) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/378c602b5c7d1d756d9fca38fb724f47.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(11) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/9c162dc34f74bb2428e45f2fb1dfddbf.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(12) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/eb9134694a20bd722f18e4780514909f.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(13) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/b1396a64f79b608b60c3eeeacb00c0ba.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(14) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/c22aa295116537410ce6b15cee27e9f1.png)no-repeat center;
background-size:100%;
}
.category_list ul li:nth-of-type(16) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/06/e7a13417fa26986803f332b32efb3a32.png)no-repeat center;
background-size:100%;
}
#wrapper{
background:none!important;
}


@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){


#new-top-lower{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
margin:60px auto 0;
}
#new-top-lower .new-top-lower-in{
width:100%;
padding:0 10px;
box-sizing:border-box;
}
#new-top-lower #sidebar{
width:100%;
margin:0;
padding:0 10px;
}
.osusume_type{
position:relative;
}
.osusume_type:before{
position:absolute;
content:"";
width:99%;
height:80%;
background:#00b2e2;
z-index:;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.osusume_type h2{
display:block;
text-align:center;
box-shadow:0 0 0 1px #000;
padding:18px 0 15px;
margin:0 0 10px;
font-size:18px;
font-weight:bold;
line-height:normal;
background:#f7f7f7;
position:relative;
z-index:1;
color:#000;
}
.osusume_type ul{
text-align:center;
box-shadow:0 0 0 1px #000;
padding:20px 0 20px 10px;
margin:0 0 40px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
z-index:1;
position:relative;
background:#FFF;
}
.osusume_type ul li{
width:45%;
margin:5px;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:1;
}
.osusume_type ul li:after{
content:"";
width:100%;
height:100%;
background:#dce7ea;
position:absolute;
bottom:-3px;
right:-3px;
z-index:0;
}
.osusume_type ul li a{
color:#3b4675;
display:block;
padding:15px 0 15px 35px;
position:relative;
background:#FFF;
box-shadow:0 0 0 1px #dce7ea;
z-index:1;
font-size:12px;
}
.osusume_type ul li a:before{
content:"";
width:20px;
height:17px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/27d510243f05b2a0bd1292880f98e89f.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:auto;
left:0;
}

.osusume_type ul li .link_non_list{
color:#383838;
display:block;
padding:15px 0 15px 35px;
position:relative;
background:#597197;
z-index:1;
font-size:12px;
}
.osusume_type ul li .link_non_list:before{
content:"";
width:23px;
height:20px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/ca8c3d744b26ebce975c30c905102f9e.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:auto;
left:0;
}


.tensyoku_nouhau{
position:relative;
}
.tensyoku_nouhau:before{
position:absolute;
content:"";
width:99%;
height:95%;
background:#00b2e2;
z-index:;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.tensyoku_nouhau h2{
display:block;
text-align:center;
box-shadow:0 0 0 1px #000;
padding:18px 0 15px;
margin:0 0 10px;
font-size:20px;
font-weight:bold;
line-height:normal;
background:#f7f7f7;
color:#000;
z-index:1;
position:relative;
}
.tensyoku_nouhau .tensyoku_nouhau_in{
box-shadow:0 0 0 1px #000;
padding:20px 0;
margin:0 0 60px;
z-index:1;
position:relative;
background:#FFF;
}
.tensyoku_nouhau ul{
text-align:center;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
padding:0 0 0 10px;
}
.tensyoku_nouhau ul li{
width:45%;
margin:5px;
box-sizing:border-box;
text-align:left;
position:relative;
z-index:1;
}
.tensyoku_nouhau ul li:after{
content:"";
width:100%;
height:100%;
background:#dce7ea;
position:absolute;
bottom:-3px;
right:-3px;
z-index:0;
}
.tensyoku_nouhau ul li a{
color:#3b4675;
display:block;
padding:15px 0 15px 30px;
position:relative;
background:#FFF;
z-index:1;
box-shadow:0 0 0 1px #dce7ea;
font-size:13px;
}
.tensyoku_nouhau .type ul li a:before{
content:"";
width:20px;
height:17px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/9b9dfd38351092bda9b59461741b6eae.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:auto;
left:0;
}
.tensyoku_nouhau .nenrei ul li a:before{
content:"";
width:20px;
height:17px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/1ae2852a68bd2486717522c59c1ce05a.png)no-repeat;
background-size:100%;
z-index:1;
position:absolute;
top:auto;
left:0;
}
.tensyoku_nouhau .type h3{
display:block;
margin:10px auto 10px;
padding:0 0 10px;
width:91%;
font-weight:bold;
z-index:0;
position:relative;
}
.tensyoku_nouhau .type h3:before{
content:"";
position:absolute;
background:#dce7ea;
width:90%;
height:4px;
display:block;
right:0;
bottom:-2px;
}
.tensyoku_nouhau .type h3:after{
content:"";
position:absolute;
background:#f99506;
width:15%;
height:4px;
display:block;
left:0;
bottom:0;
}
.tensyoku_nouhau .nenrei h3{
display:block;
margin:30px auto 10px;
padding:0 0 10px;
width:91%;
font-weight:bold;
z-index:0;
position:relative;
}
.tensyoku_nouhau .nenrei h3:before{
content:"";
position:absolute;
background:#dce7ea;
width:90%;
height:4px;
display:block;
right:0;
bottom:-2px;
}
.tensyoku_nouhau .nenrei h3:after{
content:"";
position:absolute;
background:#2fc1b6;
width:15%;
height:4px;
display:block;
left:0;
bottom:0;
}
.category_list{
display:none;
}
.link_non{
display:none;
}
.sp-br{
display:block;
}
}
.link_non{
display:none;
}

/*------------------------------------------------------------
サイドメニュー
-------------------------------------------------------------*/
#new-top-lower #sidebar #widget-profile-2{
display: none;
}
#sidebar .my-profile{
box-shadow:0 0 0 1px #000;
border-radius:0;
position:relative;
background:none;
padding:105px 10px 10px!important;
}
#sidebar .my-profile:before{
content:"";
width:100%;
height:100%;
box-shadow:0 0 0 1px #00b2e2;
display:block;
position:absolute;
top:3px;
left:3px;
z-index:-1;
}
#sidebar .my-profile:after{
content:"";
width:200px;
height:50px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/162478d72fdc7639b721acade3228f84.png)no-repeat;
background-size:100%;
display:block;
position:absolute;
top:40px;
left:0;
right:0;
margin:auto;
}
#sidebar .myintro{
background:#ebf1f2;
padding:35px 15px 15px;
border-radius:5px;
color:#000;
margin:0;
}
#sidebar .myjob{
display:none;
}
#sidebar .my-profile .my-profile-thumb{
display:none;  
}
#sidebar .my-profile .myname{
position: relative;
top:10px!important;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
font-size:16px;
font-weight:bold;
width: 100%;
text-align: center;
color:#000;
}
#sidebar .my-profile .myname:before{
content: '';
display: block;
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}
#sidebar .my-profile .myname:after{
content: '';
display: block;
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}

#sidebar h3,#sidebar .widgettitle{
background:#fff!important;
color:#000;
font-weight:bold;
border-bottom:4px double #000;
border-radius:0;
position:relative;
padding-top:25px;
margin-bottom:20px;
padding-left:10px;
}
#sidebar h3:before,#sidebar .widgettitle:before{
content:"";
background:#000;
width:100%;
height:17px;
position:absolute;
top:0;
left:0;
color:#fff;
font-size:10px;
line-height:17px;
padding-left:10px;
box-sizing:border-box;
}

.agent-osusume h4{
color:#00b2e2;
border:0;
position:relative;
}
.agent-osusume h4:before{
content:"";
width:75%;
height:1px;
background:#00b2e2;
display:block;
position:absolute;
top:10px;
right:0;
margin:auto;
}
.agent-osusume h4:nth-of-type(2):before{
width:55%;
}
.agent-osusume h4:nth-of-type(3):before{
width:55%;
}
.agent-osusume h4:nth-of-type(4):before{
width:40%;
}
.agent-osusume h4:nth-of-type(5):before{
width:70%;
}
.agent-osusume h4:nth-of-type(6):before{
width:30%;
}
.agent-osusume h4:nth-of-type(7):before{
width:85%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.area-border2{
display:none;
}
.widget-profile{
overflow:initial;
}
#sidebar .my-profile{
box-shadow:0 0 0 1px #000;
border-radius:0;
position:relative;
background:none;
padding:105px 10px 10px!important;
overflow:initial;
}
#sidebar .my-profile:before{
content:"";
width:100%;
height:100%;
box-shadow:0 0 0 1px #00b2e2;
display:block;
position:absolute;
top:3px;
left:3px;
z-index:-1;
}
#sidebar .my-profile:after{
content:"";
width:200px;
height:50px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/162478d72fdc7639b721acade3228f84.png)no-repeat;
background-size:100%;
display:block;
position:absolute;
top:40px;
left:0;
right:0;
margin:auto;
}
#sidebar .myintro{
background:#ebf1f2;
padding:35px 15px 15px;
border-radius:5px;
color:#000;
margin:0;
}
#sidebar .myjob{
display:none;
}
#sidebar .my-profile .my-profile-thumb{
display:none;  
}
#sidebar .my-profile .myname{
position: relative;
top:10px!important;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
font-size:16px;
font-weight:bold;
width: 100%;
text-align: center;
color:#000;
}
#sidebar .my-profile .myname:before{
content: '';
display: block;
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}
#sidebar .my-profile .myname:after{
content: '';
display: block;
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}

#sidebar h3,#sidebar .widgettitle{
background:#fff!important;
color:#000;
font-weight:bold;
border-bottom:4px double #000;
border-radius:0;
position:relative;
padding-top:25px;
margin-bottom:20px;
padding-left:10px;
}
#sidebar h3:before,#sidebar .widgettitle:before{
content:"";
background:#000;
width:100%;
height:17px;
position:absolute;
top:0;
left:0;
color:#fff;
font-size:10px;
line-height:17px;
padding-left:10px;
box-sizing:border-box;
}

.agent-osusume h4{
color:#00b2e2;
border:0;
position:relative;
}
.agent-osusume h4:before{
content:"";
width:75%;
height:1px;
background:#00b2e2;
display:block;
position:absolute;
top:10px;
right:0;
margin:auto;
}
.agent-osusume h4:nth-of-type(2):before{
width:60%;
}
.agent-osusume h4:nth-of-type(3):before{
width:55%;
}
.agent-osusume h4:nth-of-type(4):before{
width:40%;
}
.agent-osusume h4:nth-of-type(5):before{
width:70%;
}
.agent-osusume h4:nth-of-type(6):before{
width:30%;
}
.agent-osusume h4:nth-of-type(7):before{
width:85%;
}

}


@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
#sidebar #search-2,#sidebar #categories-2,#sidebar #recent-posts-2{
display: none;
}
#sidebar #block-6 h3:before{
content: 'Advisor';
}
#sidebar #categories-2 h3:before{
content: 'Category';
}
#sidebar #block-4 h3:before{
content: 'Job Change Agent';
}
#sidebar #block-5 h3:before{
content: 'Job Change Site';
}
#sidebar #block-3 .widgettitle:before{
content: 'Ranking';
}
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#sidebar #search-2,#sidebar #recent-posts-2{
display: none;
}
#sidebar #categories-2 .cat-item a{
color: #003891;
}
#sidebar #categories-2 .cat-item a span{
display: none;
}
#sidebar #categories-2 .cat-item a:before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 8px 0 8px 14px;
border-color: transparent transparent transparent #003891;
top: 0;
bottom: 0;
left: 0;
padding: 0;
margin: auto;
position: absolute;
}
#sidebar #categories-2.widget_categories ul li:last-child a{
padding-bottom: 12px;
}
#sidebar #block-6 h3:before{
content: 'Advisor';
}
#sidebar #categories-2 .widgettitle:before{
content: 'Category';
}
#sidebar #block-4 h3:before{
content: 'Job Change Agent';
}
#sidebar #block-5 h3:before{
content: 'Job Change Site';
}
#sidebar #block-3 .widgettitle:before{
content: 'Ranking';
}
}

/*------------------------------------------------------------
文字色、見出し調整 NEW
-------------------------------------------------------------*/
div.cps-post-main h2{
margin-top: 35px;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
background:#00b2e2!important;
border-radius:1px;
padding:15px 5px 12px 15px;
position:relative;
}
div.cps-post-main h2 span {
  padding-top: 30px;
  margin-top: -30px;
}
div.cps-post-main h2:after{
content:"";
width:100%;
height:100%;
display:block;
position:absolute;
top:3px;
left:3px;
border:1px solid #00b2e2;
box-sizing:border-box;
z-index:-1;
}
div.cps-post-main h2:before{
display:none;
}
div.cps-post-main h3{
font-size: 18px;
line-height: 1.4;
font-weight: bold;
padding:10px 5px 5px 17px;
color:#444;
}
div.cps-post-main p + h3:before{
content:"";
width:100%;
height:2px;
display:block;
position:absolute;
bottom:0;
left:0;
box-sizing:border-box;
z-index:-1;
background:#00b2e2!important;
border-radius:50px;
}
div.cps-post-main h2 + h3:before{
content:"";
width:100%;
height:2px;
display:block;
position:absolute;
bottom:0;
left:0;
box-sizing:border-box;
z-index:-1;
background:#00b2e2!important;
border-radius:50px;
}

div.cps-post-main p + h3:after{
content:"";
width:2px;
height:100%;
display:block;
position:absolute;
top:5px;
left:7px;
box-sizing:border-box;
z-index:-1;
background:#00b2e2;
transform: rotate(12deg)
}
div.cps-post-main h2 + h3:after{
content:"";
width:2px;
height:100%;
display:block;
position:absolute;
top:5px;
left:7px;
box-sizing:border-box;
z-index:-1;
background:#00b2e2;
transform: rotate(12deg)
}

div.cps-post-main .qa-wrap h3:after{
display:none;
}
div.cps-post-main h4{
line-height: 1.4;
font-size: 16px;
font-weight: bold;
background:#ebf1f2;
border-radius:5px;
border:0;
position:relative;
padding: 6px 12px 5px 16px;
color:#000;
}


div.cps-post-main h3:before{
content:"";
width:100%;
height:2px;
display:block;
position:absolute;
bottom:0;
left:0;
box-sizing:border-box;
z-index:-1;
background:#00b2e2!important;
border-radius:50px;
}

div.cps-post-main h3:after{
content:"";
width:2px;
height:100%;
display:block;
position:absolute;
top:5px;
left:7px;
box-sizing:border-box;
z-index:-1;
background:#00b2e2;
transform: rotate(12deg)
}

div.cps-post-main div h3:before{
}
div.cps-post-main  div h3:after{
background:none;
transform: rotate(0deg)
}

div.cps-post-main h4:before{
content:"";
width:3px;
height:80%;
display:block;
position:absolute;
top:0px;
left:5px;
bottom:0;
border-radius:5px;
margin:auto;
box-sizing:border-box;
z-index:1;
background:#FFF;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div.cps-post-main h2{
font-size: 20px;
}
div.cps-post-main h2 span{
padding-top:30px;
margin-top:-30px;
}
div.cps-post-main h2:after{
content:"";
width:100%;
height:100%;
display:block;
position:absolute;
top:3px;
left:3px;
border:1px solid #00b2e2;
box-sizing:border-box;
z-index:-1;
}
div.cps-post-main h2:before{
display:none;
}
div.cps-post-main h3{
font-size: 18px;
}
div.cps-post-main h2 + h3{
margin-top:-10px;
}
div.cps-post-main h4{
font-size: 16px;	
}
}
html body{
	color:#444;
}
body .cps-post-cat a, .meta-cat, .popular-cat{
	background:#00b2e2!important;
}
body #drawernav a:hover, .post-list-title, #prev-next p,body #toc_container .toc_list li a{
	color:#444!important;
}
.joubu-rank02 > div,
.kabu-rank02 > div{
	background:#00b2e2!important;
}



.new-top-lower-in .my-profile{
box-shadow:0 0 0 1px #000;
border-radius:0;
position:relative;
background:none;
padding:105px 10px 10px!important;
margin-top:50px;
}
.new-top-lower-in .my-profile:before{
content:"";
width:100%;
height:100%;
box-shadow:0 0 0 1px #00b2e2;
display:block;
position:absolute;
top:3px;
left:3px;
z-index:-1;
}
.new-top-lower-in .my-profile:after{
content:"";
width:200px;
height:50px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/162478d72fdc7639b721acade3228f84.png)no-repeat;
background-size:100%;
display:block;
position:absolute;
top:40px;
left:0;
right:0;
margin:auto;
}
.new-top-lower-in .my-profile .my-profile-thumb{
display:none;  
}
.new-top-lower-in .my-profile .myname{
position: relative;
top:10px!important;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
font-size:16px;
font-weight:bold;
width: 100%;
text-align: center;
color:#000;
}
.new-top-lower-in .my-profile .myname:before{
content: '';
display: block;
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}
.new-top-lower-in .my-profile .myname:after{
content: '';
display: block;
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}
.new-top-lower-in .my-profile .myintro{
background:#ebf1f2;
padding:35px 15px 15px;
border-radius:5px;
color:#000;
margin:0;
}
.new-top-lower-in .my-profile .myjob{
display:none;
}
.new-top-lower-in .my-profile .my-profile-thumb{
display:none;  
}


@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){

.new-top-lower-in .my-profile{
box-shadow:0 0 0 1px #000;
border-radius:0;
position:relative;
background:none;
padding:105px 10px 10px!important;
overflow:initial;
margin:0 0 50px;
}
.new-top-lower-in .my-profile:before{
content:"";
width:100%;
height:100%;
box-shadow:0 0 0 1px #00b2e2;
display:block;
position:absolute;
top:3px;
left:3px;
z-index:-1;
}
.new-top-lower-in .my-profile:after{
content:"";
width:200px;
height:50px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/12/162478d72fdc7639b721acade3228f84.png)no-repeat;
background-size:100%;
display:block;
position:absolute;
top:40px;
left:0;
right:0;
margin:auto;
}
.new-top-lower-in .my-profile .my-profile-thumb{
display:none;  
}
.new-top-lower-in .my-profile .myname{
position: relative;
top:10px!important;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
font-size:16px;
font-weight:bold;
width: 100%;
text-align: center;
color:#000;
}
.new-top-lower-in .my-profile .myname:before{
content: '';
display: block;
position: absolute;
left: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}
.new-top-lower-in .my-profile .myname:after{
content: '';
display: block;
position: absolute;
right: 30px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 1px;
background: #00b2e2;
transform: rotate(125deg);
}
.new-top-lower-in .my-profile .myintro{
background:#ebf1f2;
padding:35px 15px 15px;
border-radius:5px;
color:#000;
margin:0;
}
.new-top-lower-in .my-profile .myjob{
display:none;
}
.new-top-lower-in .my-profile .my-profile-thumb{
display:none;  
}
}

div.zokusei-wrap.rank-zokusei-icon ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.zokusei-wrap.rank-zokusei-icon li{
width: calc(24% - 4px);
margin-right: 10px;
margin-bottom: 10px;
}
div.zokusei-wrap.rank-zokusei-icon li:nth-of-type(8n){
margin-right: 0;
}
div.zokusei-wrap.rank-zokusei-icon li:last-of-type{
margin-bottom: 10px;
}
div.zokusei-wrap.rank-zokusei-icon li img{
width: 100%;
height: auto;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
div.zokusei-wrap.rank-zokusei-icon li{
width: calc(100% / 4 - 6px);
margin-right: 8px;
}
div.zokusei-wrap.rank-zokusei-icon li:nth-of-type(4n){
margin-right: 0;
}
div.zokusei-wrap.rank-zokusei-icon li:nth-of-type(8n){
margin-right: 0;
}
}

.supervisor-box .article-person dl:before{
display:none;
}
.supervisor-box .article-person dt{
margin: 0px 0 1px;
}

body.postid-235 .hm-over-in{
display: none;
}


/*------------------------
追従バナー(PC)(ショートコード用)
------------------------*/
.hm-over-bt-sp-sc{
display:none;
}
.hm-over-bt-pc-sc{
position:fixed;
bottom:-1px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
text-align: right;
z-index:99999;
font-size: 0;
width:100%;
}
.hm-over-bt-pc-sc input {
display:none;
}
.hm-over-bt-pc-sc label{
width:970px;
margin:auto;
display:block;
}
.hm-over-bt-pc-sc label:before {
content: '';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/e2e698c27cb014a17dc03124c1aa09f0.png) no-repeat center / 16px rgb(255 255 255 / 98%);
display: inline-block;
border-radius:50px;
height: 30px;
width: 30px;
position:relative;
bottom:-15px;
right:5px;
box-shadow:1px 1px 2px 1px rgb(115 115 115 / 40%);
cursor:pointer;
z-index:1;
}
.hm-over-bt-pc-sc input:checked ~ label:before{
display:none;
}
.hm-over-bt-pc-sc input:checked ~ .hm-over-in {
opacity:0;
transition:0.8s;
display:none;
}
.hm-over-bt-pc-sc .hm-over-in:before{
content:"";
background:#f0f0f0;
position:fixed;
width:100%;
height:91px;
display:block;
bottom:0;
left:0;
z-index:-1;
}
.hm-over-bt-pc-sc .hm-over-in a{
text-decoration: none;
width:100%;
margin:auto;
display:block;
}
.hm-over-bt-pc-sc .hm-over-in img{
margin:auto;
display:block;
}

/*------------------------
追従バナー(SP)(ショートコード用)
------------------------*/
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.hm-over-bt-pc-sc{
display:none;
}
.hm-over-bt-pc-bg{
display:none;
}
.hm-over-bt-sp-sc{
position:fixed;
bottom:-1px;
text-align: right;
z-index:2147483647;
font-size: 0;
left: 0;
-webkit-transform:none;
transform:none;
display:block;
}
.hm-over-bt-sp-sc input {
display:none;
}
.hm-over-bt-sp-sc label:before {
content: '';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/e2e698c27cb014a17dc03124c1aa09f0.png) no-repeat center / 16px rgb(255 255 255 / 98%);
display: inline-block;
border-radius:50px;
height: 30px;
width: 30px;
position:relative;
bottom:-15px;
right:5px;
box-shadow:1px 1px 2px 1px rgb(115 115 115 / 40%);
cursor:pointer;
z-index:1;
}
.hm-over-bt-sp-sc input:checked ~ label:before{
display:none;
}
.hm-over-bt-sp-sc input:checked ~ .hm-over-in {
opacity:0;
transition:0.8s;
display:none;
}
#wrapper .hm-over-bt-sp-sc .hm-over-in a{
text-decoration: none;
}
.hm-over-bt-sp-sc .hm-over-in img{
margin: 0;
max-width: 100%;
}
}
.article_style1 .cps-post-box{
z-index: 1;
position: relative;
}

/*------------------------------------------------------------
おすすめ枠　画像リンク調整
-------------------------------------------------------------*/
.osusume-user_box .cv-btn-wrap > p:first-child a:not([class]){
display: inline-block;
width: 80%;
}
.osusume-user_box .cv-btn-wrap > p:first-child a:not([class]) img{
width: 100%;
}

/*------------------------------------------------------------
PC追従目次
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (min-width : 814px),(orientation:portrait) and (min-width : 754px){
.mokuji-navi{
display:block;
position:fixed;
bottom:130px;
right: 60px;
cursor: pointer;
}
.mokuji-navi a{
display:block;
background:#003891;
font-size:10px;
border-radius:50px;
width:52px;
height:52px;
line-height:80px;
text-align:center;
color:#FFF;
letter-spacing:2px;
}
.mokuji-navi a:before{
content:"";
display:block;
position:absolute;
top:7px;
left:0;
right:0;
margin:auto;
width:20px;
height:25px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/11/63e0d67cec644d0ffa99ea741f291434.png)no-repeat;
background-size:100%;
}
.mokuji-navi a:hover{
opacity: 0.6;
color: #fff;
}
.navi-mokuji_modal .mokuzi_contents{
width: 800px;
}
.navi-mokuji_modal span#modal_close_mokuji{
left: 0;
right: -690px;
margin: auto;
width: 64px;
text-align: center;
font-size: 14px;
}
.navi-mokuji_modal .mokuzi_contents li{
font-size: 16px;
}
.navi-mokuji_modal .mokuzi_contents li ul li{
font-size: 14px;
}
}

/*------------------------------------------------------------
ランキングアイコン
-------------------------------------------------------------*/
.orange-icon{
background:#dd741b;
}
.navy-icon{
background:#3f5df3;
}

/*------------------------------------------------------------
サムネサイズ統一
-------------------------------------------------------------*/
@media (max-width: 767px){
.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb img{
height: 101.45px;
object-fit: cover;
object-position: top;
}
}
@media (min-width: 768px){
.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb img{
height: 115px;
object-fit: cover;
object-position: top;
}
}
@media (min-width: 1024px){
.post-list.basicstyle .post-list-item .post-list-inner .post-list-thumb img{
height: 212.41px;
object-fit: cover;
}
}

/*------------------------------------------------------------
scroll-hint
-------------------------------------------------------------*/
@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0;
}
10% {
opacity: 1;
}
50%,
100% {
transform: translateX(-40px);
opacity: 0;
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 80px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px;
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
line-height: 1;
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 5px;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .8;
}
.scroll-hint-icon:before {
display: inline-block;
width: 40px;
height: 40px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
content: "";
width: 34px;
height: 14px;
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
opacity: 0;
transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.2s linear;
animation-iteration-count: 2;
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
color: #000;
}

/*-------------------------------------------------------
ランキング-横並び
-------------------------------------------------------*/
.ranking-verYOKO{
padding: 30px 15px;
background: #EBF1F2;
text-align: center;
position: relative;
z-index: 1;
}
.ranking-verYOKO .title-ue{
font-size: 20px;
font-weight: bold;
text-align: center;
color: #000;
}
.ranking-verYOKO .title-sita{
display: inline-block;
margin-bottom: 40px;
border-bottom: 2px solid #000;
line-height: 1;
margin-top: 6px;
padding-bottom: 1px;
position: relative;
}
.ranking-verYOKO .title-sita:before,.ranking-verYOKO .title-sita:after{
content: '';
display: inline-block;
position: absolute;
width: 18px;
height: 16px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/f09fafba30247f737d5696bc139dada8.png) no-repeat center / contain;
top: 1px;
bottom: 0;
margin: auto;
left: -22px;
}
.ranking-verYOKO .title-sita:after{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/18405757622ca9503270bc55fdde4eb7.png) no-repeat center / contain;
left: auto;
right: -22px;
}
div.ranking-verYOKO div.title-sita p{
font-size: 20px;
font-weight: bold;
text-align: center;
display: inline-block;
color: #000;
margin: 0;
line-height: 1;
}
div.ranking-verYOKO div.title-sita .b{
font-size: 26px;
margin: 0;
}
.ranking-verYOKO-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ranking-verYOKO .ranking-verYOKO-content li{
width: calc(100% / 3 - 8px);
position: relative;
margin: 0;
padding: 32px 0 14px;
box-sizing: border-box;
background: #fff;
box-shadow: 0 0 0 1px #DDE4E6;;
}
.ranking-verYOKO .ranking-verYOKO-content li dt a{
color: #3399FF;
display: inline-block;
text-align: center;
}
.ranking-verYOKO .ranking-verYOKO-content li dt a:hover p{
opacity: 0.6;
}
.ranking-verYOKO .ranking-verYOKO-content li dt a img{
margin: 0;
}
.ranking-verYOKO .top5tag{
position: absolute;
width: 60px;
padding: 5px 0;
color: #fff;
background: #000;
left: 0;
top: -15px;
right: 0;
margin: auto;
font-size: 14px;
}
.ranking-verYOKO .top5tag p{
font-size: 14px;
color: #fff;
font-weight: bold;
display: inline-block;
margin: 0;
line-height: 1;
letter-spacing: 0;
position: relative;
z-index: 2;
}
.ranking-verYOKO li:nth-of-type(1) .top5tag .num{
font-size: 18px;
color: #f1eb4f;
margin-left: -4px;
}
.ranking-verYOKO li:nth-of-type(2) .top5tag .num{
color: #2ca3bb;
font-size: 18px;
margin-left: -4px;
}
.ranking-verYOKO li:nth-of-type(3) .top5tag .num{
color: #71b938;
font-size: 18px;
margin-left: -4px;
}
.ranking-verYOKO .top5tag:after{
content: '';
display: block;
width: 100%;
height: 100%;
border: 1px solid #000;
position: absolute;
left: 4px;
top: 4px;
z-index: 1;
box-sizing: border-box;
}
.ranking-verYOKO dd{
margin-bottom: 3px;
color: #444444;
font-size: 13px;
padding: 0 10px;
text-align: left;
}
.ranking-verYOKO .ribon{
width: calc(100% + 6px);
background: #FFDEE8;
margin-left: -3px;
font-size: 13px;
font-weight: bold;
color: #CC0000;
text-align: center;
line-height: 1.4;
padding: 9px 5px 7px;
margin-bottom: 8px;
margin-top: 6px;
position: relative;
}
.ranking-verYOKO .ribon:before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 3px 5px 0;
border-color: transparent #CCB2BA transparent transparent;
position: absolute;
left: 0;
bottom: -5px;
z-index: -1;
}
.ranking-verYOKO .ribon:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 5px 3px 0 0;
border-color: #CCB2BA transparent transparent transparent;
position: absolute;
right: 0;
bottom: -5px;
z-index: -1;
}
.ranking-verYOKO dd:last-of-type{
margin-bottom: 12px;
}
.ranking-verYOKO .ranking-verYOKO-content li dt a + p{
display: none;
}
.ranking-verYOKO .ranking-verYOKO-content li dt a .icon-wrap{
width: 75px;
height: 75px;
margin: 0 auto 7px!important;
line-height: 1!important;
display: block;
}
.ranking-verYOKO .ranking-verYOKO-content li dt a .name{
margin: 0!important;
letter-spacing: 0;
display: inline-block;
font-size: 15px;
font-weight: bold;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.ranking-verYOKO{
padding: 20px 10px;
}
.ranking-verYOKO .ranking-verYOKO-content li{
width: calc(100% / 3 - 5px);
padding: 28px 0 12px;
}
.ranking-verYOKO .top5tag{
width: 54px;
padding: 5px 0 1px;
}
.ranking-verYOKO .top5tag p{
font-size: 11px;
}
.ranking-verYOKO .ranking-verYOKO-content li dt a .icon-wrap{
width: calc(100vw / 7);
height: calc(100vw / 7);
margin-bottom: 2px!important;
}
.ranking-verYOKO .ranking-verYOKO-content li dt a .name{
font-size: 10px;
position: relative;
width: 128%;
left: 50%;
-webkit-transform:translate(-50%,0) scale(.8);
transform:translate(-50%,0) scale(.8);
}
.ranking-verYOKO dd{
font-size: 11px;
}
.ranking-verYOKO .ribon{
font-size: 10px;
padding: 7px 5px 6px;
margin-top: 0;
}
.ranking-verYOKO .btn-wrap{
padding: 0 10px;
}
.ranking-verYOKO .btn-wrap .btn-dl{
font-size: 10px;
}
.ranking-verYOKO .btn-wrap .btn-dl:before{
top: 2px;
}
.ranking-verYOKO dd:last-of-type {
margin-bottom: 8px;
}
.ranking-verYOKO dd{
padding: 0 5px;
}
}

/*-------------------------------------------------------
ランキング-枠で囲う
-------------------------------------------------------*/
.ranking-verWAKU{
position: relative;
padding: 43px 20px 20px;
border: 2px solid #00B2E2;
border-radius: 4px;
margin-bottom: 26px;
margin-top: 38px;
}
.ranking-verWAKU .ranking-verWAKU-title{
position: absolute;
font-size: 19px;
font-weight: bold;
color: #fff;
background: #00B2E2;
border-radius: 4px;
height: 46px;
line-height: 46px;
left: 20px;
top: -23px;
padding: 0 20px;
}
.ranking-verWAKU .text{
font-size: 13px;
font-weight: bold;
margin-bottom: 20px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type{
text-align: center;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type a{
display: inline-block;
font-size: 15px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type a img{
width: 75px;
height: 75px;
display: block;
margin: 0 auto 8px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type .btn-dl{
display: block;
width: 150px;
margin-top: 4px;
font-size: 12px;
}
.ranking-verWAKU th{
text-align: center;
background: #EBF1F2;
}
.ranking-verWAKU .PRrank-icon2 td{
padding: 20px;
}
.ranking-verWAKU .PRrank-icon2 td li{
font-size: 13px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type:before{
width: 50px;
height: 50px;
}
.ranking-verWAKU .PRrank-icon2 th{
border: 0;
}
.ranking-verWAKU .PRrank-icon2 th:first-child{
width: 230px;
border-right: 2px solid #fff;
}
.ranking-verWAKU .PRrank-icon2 td{
border-color: #EBF1F2;
border-width: 2px;
}
.ranking-verWAKU .PRrank-icon2{
border-color: #EBF1F2;
border-width: 2px;
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(2) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/a54050c999ffb3ea4d143adde4ddac3f.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(3) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/f8866141678b0e692f308e8a0d33e5e3.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(4) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/588b7288b199f419c9192b2d8f5c887c.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(5) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/5ac5e1b8083bdb9174766cb7781b1c69.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(6) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/ae813e639f7e504df8b7a1f051ded7fb.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(7) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/23da41fb87b497ee1b6c2fbffa8b67b9.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(8) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/356ee9b91ab4b6a3f72b2a37aefa028e.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(9) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/a12133447a4117a2d2c0d9f9113f82a6.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(10) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/4b855bc90b700e5cce30e3a5c1cd2835.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(11) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/75e443c91d2f4f2e5f50e41cec987ef1.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(12) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/6fc219b576e913e27e12809e721008e6.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(13) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/03e691647ed1f8ad481decacf47ad8e4.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(14) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/84f0d2df8e8ecd139e54c02e127c078c.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(15) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/7702468d4a7e59831c0e50ce1f10d4f1.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(16) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/7373cc0032dd344e61d588fa35e3f181.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(17) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/0a551a7cca5f20cb78c1a73758692061.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(18) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/2ac8c0a417ac999f69a256acee45c3b5.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(19) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/0c8ab05a947c793d73ad611274b7eaea.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(20) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/13bf0bc5423ed0e9416683c487b31a3e.png);
}
.ranking-verWAKU .PRrank-icon2 tr:nth-of-type(21) td:first-of-type:before {
background-image:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/ef500a49bc5feffb8a63af98e39b94cf.png);
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.ranking-verWAKU{
padding: 27px 10px 10px;
margin-top: 37px;
}
.ranking-verWAKU .ranking-verWAKU-title{
font-size: 18px;
padding: 0;
left: 0;
right: 0;
top: -17px;
margin: auto;
height: 34px;
line-height: 34px;
width: 304px;
text-align: center;
}
.ranking-verWAKU .text {
font-size: 12px;
margin-bottom: 10px;
}
.ranking-verWAKU .PRrank-icon2 th{
font-size: 12px;
}
.ranking-verWAKU .PRrank-icon2 th:first-child{
width: 120px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type:before {
width: 32px;
height: 32px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type .btn-dl{
width: 98px;
font-size: 10px;
max-width: 100%;
height: 20px;
line-height: 20px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type .btn-dl:before{
top: 2px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type a img {
width: 60px;
height: 60px;
margin-bottom: 1px;
}
.ranking-verWAKU .PRrank-icon2 td{
padding: 10px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type{
padding: 20px 10px;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type a .name{
display: inline-block;
font-size: 10px;
position: relative;
width: 128%;
left: 50%;
-webkit-transform:translate(-50%,0) scale(.8);
transform:translate(-50%,0) scale(.8);
margin: 0!important;
}
.ranking-verWAKU .PRrank-icon2 td:first-of-type a{
line-height: 1;
}
}


/*-------------------------------------------------------
画像拡大用
-------------------------------------------------------*/
.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button {
height: 44px;
line-height: 44px;
font-family: Arial,Baskerville,monospace
}
.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus {
outline: 0
}
body.hidden-scroll {
overflow: hidden
}
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: .7;
z-index:2147483640;
}
.sl-wrapper .sl-close,.sl-wrapper .sl-counter {
top: -40px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper .sl-close:before{
content:"";
position:absolute;
width:40px;
height:40px;
border:2px solid #888888;
background:#3c3c3c;
border-radius:50%;
top:0;
left:-1px;
right:0;
bottom:0;
margin:auto;
opacity: 0.8;
z-index:-1;
}
}
.sl-wrapper {
z-index: 1040;
}
.sl-wrapper button {
border: 0;
background: 0 0;
font-size: 28px;
padding: 0;
cursor: pointer;
}
.sl-wrapper button:hover {/* opacity: .7; */}
.sl-wrapper .sl-close{
right: 0px;
z-index:2147483647;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 3rem;
}
.sl-wrapper .sl-counter {
left: 30px;
z-index: 1060;
font-size: 1rem;
}
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
width: 22px;
text-align: center;
display: block;
z-index: 2147483647;
color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 2147483647;
}
.sl-wrapper .sl-image img {
margin: 0 auto;
padding: 0;
display: block;
border: 0;
width: auto;
height: auto;
max-width: 100%;
}
.sl-wrapper .sl-image iframe {
background: #000;
border: 0;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0,0,0,.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 2147483647;
}
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.sl-transition {
transition: -moz-transform ease .2s;
transition: -ms-transform ease .2s;
transition: -o-transform ease .2s;
transition: -webkit-transform ease .2s;
transition: transform ease .2s;
}
@-webkit-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-moz-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-o-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-ms-keyframes pulsate {
0%,100% {
opacity: 0
}
0% {
transform: scale(.1)
}
50% {
opacity: 1
}
100% {
transform: scale(1.2)
}
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.sl-wrapper .sl-close,.sl-wrapper .sl-counter {
top: -40px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper .sl-close:before{
content:"";
position:absolute;
width:40px;
height:40px;
border:2px solid #888888;
background:#3c3c3c;
border-radius:50%;
top:0;
left:-1px;
right:0;
bottom:0;
margin:auto;
opacity: 0.8;
z-index:-1;
}
.sl-wrapper .sl-close{
right: 0px;
z-index: 2147483647;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 3rem;
}
}

/*-----------------------------------------------------
テーブルthカラー
-------------------------------------------------------*/
table tr.kokusuru th {
background-color: #757da3;
border-color:#dde4e6;
color:#FFF;
}
.table-scroll-fix .kokusuru th:first-child:after{
border-color:#dde4e6;
}

/*------------------------------------------------------------
info-table
-------------------------------------------------------------*/
div.cps-post-main .info-table ul li.on-y{
position: relative;
background: #f1a23a;
}
div.cps-post-main .info-table ul li.on-y:after{
content: '';
display: block;
width: 20px;
height: 8px;
position: absolute;
left: 0;
right: 0;
top: -11px;
margin: auto;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/89e587be09c72ae3bf762d501a95c2ee.png) no-repeat center / contain;
}
div.cps-post-main .info-table{
border: 0;
}
.info-table .num{
margin: 0 0 0 40px;
line-height: 1;
font-size: 16px;
font-weight: bold;
display: inline-block;
vertical-align: middle;
}
.info-table .img{
display: inline-block;
vertical-align: middle;
margin: 0;
}
.info-table .img img{
vertical-align: middle;
margin: 0;
width: 160px;
}
div.cps-post-main .info-table th{
background: none;
font-size: 16px;
font-weight: bold;
border: 0;
padding: 20px 0;
}
div.cps-post-main .info-table tr{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/b64303f9c9a828134ec09aeb8e049c47.png) repeat-x left bottom / 6px;
}
div.cps-post-main .info-table tr:last-of-type{
background: none;
}
div.cps-post-main .info-table tr:first-child td{
padding-right: 10px;
padding-bottom: 10px;
}
div.cps-post-main .info-table td{
border: 0;
padding: 20px 0;
width: 70%;
}
div.cps-post-main .info-table ul{
font-size: 0;
}
div.cps-post-main .info-table ul li{
margin: 0;
font-size: 14px;
font-weight: bold;
color: #fff;
background: #638BA6;
display: inline-block;
border-radius: 4px;
height: 24px;
line-height: 25px;
padding: 0 8px;
margin: 0 10px 0 0;
}
div.cps-post-main .info-table ul li.off{
color: #CCCCCC;
background: #EEEEEE;
}
div.cps-post-main .info-table ul li:before{
display: none;
}
div.cps-post-main .info-table ul.tokutyou-icon li{
margin-bottom: 10px;
}
div.cps-post-main .info-table .area-inner ul{
padding: 0;
}
div.cps-post-main .info-table .area-inner li{
background: none;
color: #333;
border-radius: 0;
height: auto;
line-height: 1;
position: relative;
margin-right: 24px;
padding: 0;
}
div.cps-post-main .info-table .area-inner li:before{
content: '';
display: inline-block;
width: 24px;
height: 24px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/186c08e660313f02ae600305b7e76181.png) no-repeat center / contain!important;
vertical-align: middle;
margin-right: 8px;
position: static;
}
div.cps-post-main .info-table .area-inner li:last-of-type:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/8857fc5827732971b5f3bd876f2f420c.png) no-repeat center / contain!important;
}
div.cps-post-main .info-table .area-inner .acMenu.achyouka{
margin: 16px 0 0;
}
div.cps-post-main .info-table .area-inner .acMenu.achyouka dt{
margin-bottom: 0;
}
div.cps-post-main .info-table .area-inner .acMenu.achyouka dt + dd,div.cps-post-main .info-table .area-inner .acMenu.achyouka dt.active + dd{
margin-bottom: 0!important;
}
div.cps-post-main .info-table + .h-merit{
margin-top: 30px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div.cps-post-main .info-table ul li.on-y:after{
top: -9px;
height: 7px;
}
.cell-kyuuzin,.cell-hikoukai{
position: relative;
}
.info-table .img img{
width: 120px;
}
.info-table .num{
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
}
div.cps-post-main .info-table th{
font-size: 14px;
padding: 14px 0;
}
div.cps-post-main .info-table tr:first-child td{
padding-bottom: 9px;
padding-right: 0;
}
div.cps-post-main .info-table td{
border: 0;
padding: 14px 0;
width: 70%;
}
div.cps-post-main .info-table ul li{
font-size: 12px;
height: 20px;
line-height: 20px;
margin: 0 5px 0 0;
}
div.cps-post-main .info-table ul li:last-of-type{
margin-right: 0;
}
div.cps-post-main .info-table ul.tokutyou-icon li{
margin-bottom: 5px;
}
div.cps-post-main .info-table .area-inner li{
margin-right: 16px;
font-size: 14px;
}
div.cps-post-main .info-table .area-inner li:before{
width: 20px;
height: 20px;
margin-right: 6px;
}
div.cps-post-main .info-table + .h-merit{
margin-top: 20px;
}
}

@media only screen and (max-width: 376px){
div.cps-post-main .info-table ul li{
padding: 0 6px;
}
}

/*------------------------------------------------------------
口コミスライド
-------------------------------------------------------------*/
.kutikomi-slide{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x: scroll;
padding-bottom: 10px;
margin-bottom: 20px;
}
.kutikomi-slide .hyouka-box-in{
min-width: 500px;
max-width: 500px;
margin: 3px 20px 3px 3px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kutikomi-slide .hyouka-box-in{
min-width: 76vw;
max-width: 76vw;
margin-right: 16px;
}
}
@media only screen and (max-width: 429px){
.kutikomi-slide .hyouka-box-in{
min-width: 86vw;
max-width: 86vw;
margin-right: 12px;
}
}
@media only screen and (max-width: 376px){
.kutikomi-slide .hyouka-box-in{
margin-right: 10px;
}
.kutikomi-slide .hyouka-box-in .hyouka-good dt div:first-of-type,.kutikomi-slide .hyouka-box-in .hyouka-good dt,.kutikomi-slide .hyouka-box-in .hyouka-bad dt div:first-of-type,.kutikomi-slide .hyouka-box-in .hyouka-bad dt{
font-size: 13px;
}
}


/*------------------------------------------------------------
TOPサブコンテンツ調整
-------------------------------------------------------------*/
.osusume_type .osusume_type_in{
box-shadow: 0 0 0 1px #000;
padding: 20px 0;
margin: 0 0 60px;
z-index: 1;
position: relative;
background: #FFF;
}
.osusume_type .osusume_type_in ul{
box-shadow: none;
padding: 0 0 0 20px;
margin: 0;
}
.osusume_type .osusume_type_in li{
width: 47%;
}
section.osusume_type:before{
height: 95%;
}
.osusume_type h3{
display: block;
margin: 30px auto 10px;
padding: 0 0 10px;
width: 91%;
font-weight: bold;
z-index: 0;
position: relative;
}
.osusume_type h3:before{
content:"";
position:absolute;
background:#dce7ea;
width:90%;
height:4px;
display:block;
right:0;
bottom:-2px;
}
.osusume_type h3:after{
content:"";
position:absolute;
background:#88aabb;
width:15%;
height:4px;
display:block;
left:0;
bottom:0;
}
.osusume_type .nendai h3{
margin-top: 10px;
}
.osusume_type .osusume_type_in .tiiki li{
width: calc(100% / 4 - 15px);
}
.tensyoku_nouhau .agent h3{
display: block;
margin: 10px auto 10px;
padding: 0 0 10px;
width: 91%;
font-weight: bold;
z-index: 0;
position: relative;
}
.tensyoku_nouhau .agent h3:before {
content: "";
position: absolute;
background: #dce7ea;
width: 90%;
height: 4px;
display: block;
right: 0;
bottom: -2px;
}
.tensyoku_nouhau .agent h3:after {
content: "";
position: absolute;
background: #2b4bc6;
width: 15%;
height: 4px;
display: block;
left: 0;
bottom: 0;
}
.tensyoku_nouhau .ranking h3{
display: block;
margin: 30px auto 10px;
padding: 0 0 10px;
width: 91%;
font-weight: bold;
z-index: 0;
position: relative;
}
.tensyoku_nouhau .ranking h3:before {
content: "";
position: absolute;
background: #dce7ea;
width: 90%;
height: 4px;
display: block;
right: 0;
bottom: -2px;
}
.tensyoku_nouhau .ranking h3:after {
content: "";
position: absolute;
background: #ff82b1;
width: 15%;
height: 4px;
display: block;
left: 0;
bottom: 0;
}
.tensyoku_nouhau .agent ul li a:before {
content: "";
width: 20px;
height: 17px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/0c77a1c22f619d0fc260bf4cfc3b25d5.png)no-repeat;
background-size: 100%;
z-index: 1;
position: absolute;
top: auto;
left: 0;
}
.tensyoku_nouhau .ranking ul li a:before {
content: "";
width: 20px;
height: 17px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/3c45a45849721b096ee91134f6403ff6.png)no-repeat;
background-size: 100%;
z-index: 1;
position: absolute;
top: auto;
left: 0;
}
.tensyoku_nouhau div.type h3{
margin-top: 30px;
}
.tensyoku_nouhau .nenrei ul li {
width: calc(100% / 4 - 15px);
}
.category_list ul li:nth-of-type(15) a:before{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/02/03f03f638a134fac1e04b174a96191d6.png)no-repeat center;
background-size:100%;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.osusume_type .osusume_type_in {
box-shadow: 0 0 0 1px #000;
padding: 20px 0;
margin: 0 0 60px;
z-index: 1;
position: relative;
background: #FFF;
}
.osusume_type .osusume_type_in ul{
padding: 0 0 0 10px;
}
.osusume_type .osusume_type_in li {
width: 45%;
}
.osusume_type .osusume_type_in .syokusyu li a{
line-height: 1.4;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100%;
padding: 13px 0 13px 30px;
}
.osusume_type .osusume_type_in .syokusyu li:last-of-type a{
padding-right: 4px;
}
.osusume_type .osusume_type_in .tiiki li {
width: calc(100% / 3 - 15px);
}
.osusume_type .osusume_type_in .tiiki li a{
padding: 15px 0 15px 23px;
font-size: 11px;
}
.osusume_type .osusume_type_in .tiiki li a:before{
width: 15px;
height: 10px;
}
.tensyoku_nouhau .agent ul li a,.tensyoku_nouhau .ranking ul li a{
font-size: 11px;
line-height: 1.4;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 100%;
padding: 13px 0 13px 23px;
}
.tensyoku_nouhau .agent ul li a:before,.tensyoku_nouhau .ranking ul li a:before{
width: 15px;
height: 10px;
}
.tensyoku_nouhau .nenrei ul li {
width: calc(100% / 4 - 13px);
}
.tensyoku_nouhau .nenrei ul li a{
padding-left: 30px;
}
}

@media only screen and (max-width: 376px){
.osusume_type .osusume_type_in .tiiki li {
width: calc(100% / 3 - 13px);
}
}

.new-top-lower-in section h3 + img{
width: 640px;
display: block;
margin:5px auto;
height: auto;
max-width: 91%;
}


/*------------------------------------------------------------
アコーディオンの中コンテンツ
-------------------------------------------------------------*/
.ac-conte-box{
padding:10px 0;
border-radius:5px;
}
body .ac-conte-box .ac-conte-osusume{
width:100%;
margin-bottom:20px;
border-bottom:1px solid #c9e1e6;
padding-bottom:20px;
}
body .ac-conte-box .ac-conte-osusume:last-child{
width:100%;
margin-bottom:0;
border-bottom:0;
padding-bottom:0;
}
body .ac-conte-box .ac-conte-osusume p{
font-size:16px!important;
margin:0;
}
body .ac-conte-box .ac-conte-osusume p a{
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom:10px;
}
body .ac-conte-box .ac-conte-osusume p img{
width:45px;
border:0;
box-shadow:0 0 0 1px #ebebeb;
border-radius:6px;
display:block;
margin:0 10px 0 0;
}
body .ac-conte-box .ac-conte-osusume ul{
background:#f9f9f9;
padding:15px 15px 15px!important;
margin:0;
border-radius:5px;
}
body .ac-conte-box .ac-conte-osusume li{
font-size:14px;
padding:0 0 0 20px;
margin:0 0 5px;
line-height:1.6;
}
body .ac-conte-box .ac-conte-osusume li:before{
display: block!important;
content: '';
position: absolute;
top:0.35em;
left:0;
width:8px;
height:8px;
background-color: #0087a3!important;
border-radius: 100%;
}

/*-------------------------------------------------------
widgett-kizi-list
-------------------------------------------------------*/
.widgett-kizi-list{
margin-bottom: 50px;
}
.widgett-kizi-list:last-of-type{
margin-bottom: 0;
}
.widgett-kizi-list li{
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.widgett-kizi-list li a{
font-size: 13px;
font-weight: 500;
padding: 12px 0 12px 28px;
width: calc(100% - 3px);
display: block;
position: relative;
line-height: 1.6rem;
-webkit-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;
-webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
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;
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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
}
.widgett-kizi-list 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; 
-webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; top: 24px; 
}
.widgett-kizi-list li a:hover{
-webkit-transform: translateX(3px);
transform: translateX(3px);
}
.widgett-kizi-list li a:hover:before{
color: #3b4675;
}
#sidebar .widgettitle.osusumekiji,#sidebar .widgettitle.jobbetukiji,#sidebar .widgettitle.areabetukiji,#sidebar .widgettitle.rankingkiji{
margin-bottom: 8px;
}
#sidebar .widgettitle.osusumekiji:before {
content: 'Osusume';
}
#sidebar .widgettitle.jobbetukiji:before {
content: 'Job list';
}
#sidebar .widgettitle.areabetukiji:before {
content: 'Area';
}
#sidebar .widgettitle.rankingkiji:before {
content: 'Ranking';
}
#sidebar .widgettitle.advisor:before {
content: 'Advisor';
}
#sidebar .widgettitle.ninkirank:before {
content: 'Ranking';
}
#sidebar .widgettitle.jobcangeagente:before {
content: 'Job Change Agent';
}
#sidebar .widgettitle.jobcangesite:before {
content: 'Job Change Site';
}
.widgett-kizi-list .ls-down a{
letter-spacing: -1px;
}
@media (max-width: 767px){
.widgett-kizi-list{
margin-bottom: 30px;
}
.widgett-kizi-list li a{
font-weight: 600;
}
}

/*-------------------------------------------------------
maintenance
-------------------------------------------------------*/
.maintenance-box{
text-align:center;
display:block;
margin:30px auto;
}
.maintenance-box .maintenance-logo{
display:block;
margin:0 auto 50px;
width:100%;
}
.maintenance-box .maintenance-logo img{
display:block;
margin:auto;
width:200px;
}
.maintenance-box .maintenance-txt{
display:block;
margin:auto;
width:100%;
}
.maintenance-box .maintenance-txt img{
display:block;
margin:auto;
width:600px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.maintenance-box{
text-align:center;
display:block;
margin:40px auto;
}
.maintenance-box .maintenance-logo{
display:block;
margin:0 auto 40px;
width:100%;
}
.maintenance-box .maintenance-logo img{
display:block;
margin:auto;
width:200px;
}
.maintenance-box .maintenance-txt{
display:block;
margin:auto;
width:100%;
}
.maintenance-box .maintenance-txt img{
display:block;
margin:auto;
width:90%;
}
}

h1.cps-post-title{
font-weight:bold!important;
font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
h1.cps-post-title{
font-weight:bold!important;
font-size: 22px!important;
margin-bottom: 10px;
font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
}


/*-----------------------------------------------------
診断開始
-------------------------------------------------------*/
.sindan-wrap{
box-shadow: 0 0 0 5px #00dbff;
width: calc(100% - 10px);
position: relative;
margin: 80px auto 40px;
}
.sindan-wrap:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 10px;
left: 10px;
background: #fff7a9;
box-shadow: 0 0 0 5px #fff080;
z-index: -1;
}
.sindan-wrap .sindan-inner p{
margin-bottom: 0;
}
div.sindan-wrap img{
margin-bottom: 0;
}
.sindan-wrap .sindan-inner{
padding-bottom: 40px;
background: #fff;
z-index: 2;
padding-top: 46px;
}
div.sindan-wrap .text{
margin: 0 20px;
background: #f7f7f7;
padding: 20px;
border-radius: 6px;
font-weight: bold;
margin-bottom: 30px;
font-size: 16px;
line-height: 1.8;
margin-top: 10px;
}
div.sindan-wrap .sindan-start-btn-wrap{
margin: 0;
text-align: center;
}
div.sindan-wrap .sindan-start-btn{
display: inline-block;
}
div.sindan-wrap .sindan-start-btn img{
width: 540px;
}
.sindan-wrap .midasi{
position: absolute;
top: -30px;
left: 0;
right: 0;
margin: auto;
width: 310px;
height: 60px;
text-align: center;
z-index:0;
}
.sindan-wrap .midasi span{
display: inline-block;
height: 100%;
position: relative;
}
.sindan-wrap .midasi img{
position: relative;
z-index: 1;
height: 100%;
}
.sindan-wrap .midasi .tokei{
position: absolute;
left: -18px;
top: -13px;
height: 50px;
z-index: 2;
}
.sindan-wrap .line1{
position: absolute;
height: 50px;
right: 20px;
top: -25px;
}
.sindan-wrap .line2{
position: absolute;
height: 50px;
left: 20px;
bottom: -25px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.sindan-wrap{
box-shadow: 0 0 0 4px #00dbff;
width: calc(100% - 12px);
margin: 60px 0 30px 4px;
}
.sindan-wrap:after{
top: 8px;
left: 8px;
box-shadow: 0 0 0 4px #fff080;
}
.sindan-wrap .sindan-inner{
padding-bottom: 28px;
padding-top: 34px;
}
div.sindan-wrap .text{
margin: 10px 20px 14px;
padding: 14px;
font-size: 13px;
}
div.sindan-wrap .sindan-start-btn img{
width: 96%;
}
.sindan-wrap .midasi{
top: -22px;
height: 44px;
}
.sindan-wrap .midasi .tokei{
left: -12px;
top: -9px;
height: 36px;
}
.sindan-wrap .line1{
height: 38px;
right: 14px;
top: -19px;
}
.sindan-wrap .line2{
height: 38px;
left: 14px;
bottom: -19px;
}
}

/*-----------------------------------------------------
診断進行中
-------------------------------------------------------*/
.sindan-wrap.sinkoutyu .sindan-inner{
padding-top: 60px;
padding-bottom: 48px;
}
.sindan-quesiton-img-wrap{
margin: 30px 0 18px;
}
.sindan-wrap.sinkoutyu{
box-shadow: 0 0 0 5px #2765b3;
text-align: center;
}
.sindan-step{
margin: 0 50px;
height: 15px;
background: #eaeaea;
border-radius: 30px;
position: relative;
}
.sindan-step-in{
background: #80e2a0;
height: 15px;
border-radius: 30px;
position: absolute;
left: 0;
top: 0;
}
div.sindan-wrap .quesiton-text{
text-align: center;
font-size: 30px;
font-weight: bold;
margin-bottom: 14px;
}
div.sindan-wrap.sinkoutyu ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 40px;
margin-bottom: 30px;
}
div.sindan-wrap.sinkoutyu.step1 ul{
margin-bottom: 0;
}
.sindan-wrap.sinkoutyu li{
width: calc(50% - 10px);
padding: 0;
}
.sindan-wrap.sinkoutyu li:nth-of-type(2n){
margin-left: 20px;
}
.sindan-wrap.sinkoutyu li:nth-of-type(2) ~ li{
margin-top: 20px;
}
.sindan-wrap.sinkoutyu li:before{
display: none!important;
}
.sindan-wrap.sinkoutyu li a{
display: block;
width: 100%;
background: #259785;
height: 60px;
line-height: 60px;
border-radius: 30px;
color: #fff;
font-weight: bold;
font-size: 28px;
text-align: center;
box-shadow: 0 6px 0 0 #1a6657;
}
.sindan-wrap.sinkoutyu li a:hover{
background: #4cd9c3;
box-shadow: 0 6px 0 0 #3ca591;
opacity: 1;
}
.sindan-wrap.sinkoutyu .return{
color: #808080;
font-size: 22px;
position: relative;
}
.sindan-wrap.sinkoutyu .return:before{
content: '';
display: inline-block;
width: 30px;
height: 20px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/a02a43afd0b397a4ce770ad1891c43e2.png) no-repeat center bottom / contain;
margin-right: 6px;
}
div.sindan-wrap.sinkoutyu.step3 ul{
padding: 0 100px;
}
.sindan-wrap.sinkoutyu.step3 li{
width: 100%;
}
.sindan-wrap.sinkoutyu.step3 li:nth-of-type(1) ~ li{
margin-top: 20px;
margin-left: 0;
}
.sindan-wrap.sinkoutyu.step4 ul{
padding: 0 30px;
}
.sindan-wrap.sinkoutyu.step4 li{
width: calc(100% / 3 - 10px);
margin-left: 0;
margin-right: 15px;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3n){
margin-right: 0;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3){
margin-top: 0;
}
.sindan-wrap.sinkoutyu.step4 li a{
font-size: 18px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.3;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.sindan-wrap.sinkoutyu .sindan-inner{
padding-top: 50px;
padding-bottom: 28px;
}
.sindan-quesiton-img-wrap{
margin: 20px 0 8px;
}
.sindan-wrap.sinkoutyu{
box-shadow: 0 0 0 4px #2765b3;
}
.sindan-step-in{
height: 12px;
}
.sindan-step{
margin: 0 20px;
height: 12px;
}
div.sindan-wrap .quesiton-text{
font-size: 18px;
margin-bottom: 5px;
}
div.sindan-wrap.sinkoutyu ul{
padding: 0 20px;
margin-bottom: 0;
}
.sindan-wrap.sinkoutyu li{
width: calc(50% - 8px);
}
.sindan-wrap.sinkoutyu li:nth-of-type(2n){
margin-left: 16px;
}
.sindan-wrap.sinkoutyu li:nth-of-type(2) ~ li{
margin-top: 16px;
}
.sindan-wrap.sinkoutyu li a{
height: 44px;
line-height: 44px;
font-size: 16px;
box-shadow: 0 5px 0 0 #1a6657;
}
.sindan-wrap.sinkoutyu li a:hover{
box-shadow: 0 5px 0 0 #3ca591;
}
div.sindan-wrap.sinkoutyu ul + p{
margin-top: 20px!important;
}
.sindan-wrap.sinkoutyu .return{
font-size: 16px;
}
.sindan-wrap.sinkoutyu .return:before{
width: 26px;
}
div.sindan-wrap.sinkoutyu.step3 ul{
padding: 0;
min-width: 300px;
width: 76%;
margin-left: auto;
margin-right: auto;
}
.sindan-wrap.sinkoutyu.step3 li:nth-of-type(1) ~ li{
margin-top: 16px;
}
.sindan-wrap.sinkoutyu.step4 ul{
padding: 0 13px;
}
.sindan-wrap.sinkoutyu.step4 li{
width: calc(100% / 3 - 8px);
margin-right: 12px;
margin-left: 0;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3n){
margin-right: 0;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3) ~ li {
margin-top: 13px;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3){
margin-top: 0;
}
.sindan-wrap.sinkoutyu.step4 li a{
font-size: 12px;
}
}
@media only screen and (max-width : 375px){
.sindan-wrap.sinkoutyu.step4 ul {
padding: 0 10px;
}
.sindan-wrap.sinkoutyu.step4 li{
width: calc(100% / 3 - 4px);
margin-right: 6px;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3) ~ li {
margin-top: 8px;
}
}

/*-----------------------------------------------------
診断結果
-------------------------------------------------------*/
.sindan-wrap.sindan-kekka {
box-shadow: 0 0 0 5px #2765b3;
}
.sindan-wrap.sindan-kekka .agent-text{
color: #00303f;
background: #eefcff;
margin: 0 0 20px;
border-radius: 6px;
line-height: 1.4;
padding: 18px 0 16px;
text-align: center;
font-weight: bold;
font-size: 40px;
position: relative;
}
.sindan-kekka-cont{
padding: 50px 30px;
}
.sindan-kekka-cont:first-of-type{
padding-top: 33px;
}
.sindan-kekka-cont ~ .sindan-kekka-cont .agent-text:before{
content: '';
display: block;
width: 100%;
height: 5px;
border-radius: 10px;
background: #e6e6e6;
position: absolute;
top: -52px;
left: 0;
}
.sindan-point-wrap{
margin: 36px 0 30px;
position: relative;
}
div.sindan-kekka-cont .sindan-point-wrap ul{
border-radius: 10px;
padding: 34px 30px 20px;
border: 2px solid #b8ecf2;
box-shadow: 6px 6px 0 0 #b8ecf2;
}
div.sindan-kekka-cont .sindan-point-wrap li{
position: relative;
font-weight: bold;
font-size: 20px;
padding-left: 30px;
margin-bottom: 10px;
}
div.sindan-kekka-cont .sindan-point-wrap li:before{
display:block!important;
content: '';
display: block;
width: 22px;
height: 22px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/56c7daf36fba2fbc59639a7250357052.png) no-repeat center / contain!important;
position: absolute;
left: 0;
top: 2px;
}
.sindan-hyouban-wrap{
margin: 50px 0 30px;
position: relative;
}
div.sindan-kekka-cont .sindan-hyouban-wrap ul{
border-radius: 10px;
padding: 44px 30px 30px!important;
border: 2px solid #f2ed91;
box-shadow: 6px 6px 0 0 #f2ed91;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li{
position: relative;
font-weight: bold;
font-size: 18px;
padding-left: 96px;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li:nth-of-type(1) ~ li{
margin-top: 30px;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li:before{
display:block!important;
content: '';
display: block;
width: 80px;
height: 70px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li.man:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/64c1294f6a5e2ff850935b9b7a5016fe.png) no-repeat center / contain!important;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li.wo-man:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/2ee2485224a0dc44c0251473d9532fe4.png) no-repeat center / contain!important;
}
.sindan-toutoku-wrap{
text-align: center;
}
div.sindan-kekka-cont .sindan-toutoku-wrap a{
display: inline-block;
width: 430px;
position: relative;
font-size: 22px;
font-weight: bold;
background: #e25f34;
box-shadow: 0 5px 0 0 #bc411b;
color: #fff;
border-radius: 10px;
padding: 14px 40px 12px;
margin-top: 10px;
}
div.sindan-kekka-cont .sindan-toutoku-wrap a:after{
content: '>';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
font-size: 26px;
}
.sindan-kekka-cont .sindan-toutoku-wrap p{
margin: 0;
}
.sindan-kekka .sindan-quesiton-img-wrap{
margin: 10px 0 0;
}
.sindan-kekka .title{
position: absolute;
height: 36px;
top: -18px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.sindan-kekka .title span{
display: inline-block;
height: 100%;
background: #fff;
padding: 0 10px;
}
.sindan-kekka .title img{
height: 100%;
}
.sindan-toutoku-wrap div img{
width: 360px;
}
.sindan-wrap.sindan-kekka .sindan-inner{
padding-bottom: 0;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.sindan-wrap.sindan-kekka {
box-shadow: 0 0 0 4px #2765b3;
}
.sindan-wrap.sindan-kekka .agent-text{
margin: 0 0 12px;
padding: 12px 0 8px;
font-size: 22px;
}
.sindan-kekka-cont{
padding: 30px 16px;
}
.sindan-kekka-cont:first-of-type{
padding-top: 20px;
}
.sindan-kekka-cont ~ .sindan-kekka-cont .agent-text:before{
height: 4px;
top: -32px;
}
.sindan-point-wrap{
margin: 22px 0 20px;
}
div.sindan-kekka-cont .sindan-point-wrap ul{
padding: 24px 14px 16px!important;
box-shadow: 4px 4px 0 0 #b8ecf2;
}
div.sindan-kekka-cont .sindan-point-wrap li{
font-size: 16px;
padding-left: 28px;
margin-bottom: 8px;
}
div.sindan-kekka-cont .sindan-point-wrap li:before{
width: 20px;
height: 20px;
top: 1px!important;
}
.sindan-hyouban-wrap{
margin: 34px 0 20px;
}
div.sindan-kekka-cont .sindan-hyouban-wrap ul{
padding: 28px 14px 20px!important;
box-shadow: 4px 4px 0 0 #f2ed91;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li{
font-size: 14px;
padding-left: 72px;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li:nth-of-type(1) ~ li{
margin-top: 14px;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li:before{
width: 60px;
height: 52px;
top: 0!important;
}
div.sindan-kekka-cont .sindan-toutoku-wrap a{
width: 90%;
font-size: 16px;
box-shadow: 0 4px 0 0 #bc411b;
padding: 10px 30px 8px;
margin-top: 6px;
}
div.sindan-kekka-cont .sindan-toutoku-wrap a:after{
right: 14px;
font-size: 20px;
}
.sindan-kekka-cont .sindan-toutoku-wrap p{
margin: 0;
}
.sindan-kekka .sindan-quesiton-img-wrap{
margin: 10px 0 0;
}
.sindan-kekka .title{
height: 22px;
top: -11px;
}
.sindan-kekka .title span{
padding: 0 8px;
}
.sindan-toutoku-wrap div img{
width: 280px;
}
}

/*-------------------------------------------------------
行列入れ替えtable
-------------------------------------------------------*/
.gyoretu-irekae .icon-osusume img{
max-width: none;
}
.gyoretu-irekae.PRrank-icon3 tbody th:first-of-type {
padding: 10px 5px 10px 35px;
}
table.gyoretu-irekae img:last-child{
margin-bottom: 0;
}
#main-contents .gyoretu-irekae.PRrank-icon3 tbody th:first-of-type:before {
content: "";
top:0;
left:0;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%;
background-repeat:no-repeat;
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(1) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/35fe696ac49c80b24dcaffb5758920ce.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/93dbad643e66e9cd092a26ea4aa153ae.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/190b5c60052666d5e000b63cddd95387.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/ad2e3f96d3ddbd63f2c0b1f0e48fcbde.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/3c2ed020bd1fae3a3533bbe57adee1bc.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/1991191772cd8227a959cbc145ae6ec8.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/616c60276451e0c91bac4638d52179b2.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/f5ede7d3dc7e650dfed8127ec149e125.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/80d525aab6447cf00e4fe5716a06fa36.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/a024ee76c76bef468d6a759b82904d7e.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/afc459b7ad3f95442788ab343855515d.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/db8ad483ca0843e981b53d9c0e7ff546.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/0a104a82de25f13ec987ab617e68dc19.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/bc19e1fa7fbc5124fc7e99dc69d19d3e.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/2dc554a4bad24a4bdbc673b6867dd3b1.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/e32a5ef4985918a48b3b9cd3e4964a4a.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/a902aa961ac562238939037ab024079c.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/896e43b36960c4c70beb925c3512a92f.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/c04d9026797ec879bd160ab17bdcc764.png);
}
.gyoretu-irekae thead tr th:first-of-type{
background: #deeafc!important;
}
.gyoretu-irekae thead tr th:first-of-type span{
color: #444!important;
}
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
.gyoretu-irekae .sp{
display: none;
}
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.android .cps-post-main table.gyoretu-irekae tr:last-child th{
border-bottom: 1px solid #dde4e6;
}
.android .cps-post-main table.gyoretu-irekae tr:last-child td{
border-bottom: 1px solid #dde4e6;
}
.android .cps-post-main table.gyoretu-irekae td:last-child {
border-right:  1px solid #dde4e6;
}
.gyoretu-irekae thead{
float: left;
}
.gyoretu-irekae thead tr{
width: 100px;
}
.gyoretu-irekae thead th{
width: 100%!important;
height: 42px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.gyoretu-irekae thead th:first-of-type{
height: 60px;
}
.gyoretu-irekae tbody{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x: scroll;
overflow-y: hidden;
}
.gyoretu-irekae tbody tr{
display: inline-block;
height: 100%;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.gyoretu-irekae tbody th,.gyoretu-irekae tbody td{
width: 100%;
height: 42px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#main-contents table.gyoretu-irekae tbody th:first-child{
position: relative;
text-align: center!important;
padding: 8px 5px;
height: 60px;
}
table.gyoretu-irekae tbody th:first-child img{
display: none;
}
.gyoretu-irekae thead tr th:first-of-type{
background: #0f4699!important;
}
.gyoretu-irekae thead tr th:first-of-type span{
color: #fff!important;
}
.gyoretu-irekae thead th.sp{
display: none;
}
.gyoretu-irekae thead th:first-of-type{
height: 102px;
}
.gyoretu-irekae thead tr th{
background: #0f4699;
color: #fff;
}
#main-contents table.gyoretu-irekae tbody th:first-child{
background: #deeafc!important;
}
#main-contents table.gyoretu-irekae tbody th:first-child span{
color: #444!important;
}
}

.cta-link-box03{
	background:none;
}
.cta-link-box03 .cta-link-button02{
	background:#ff3f5c!important;
	box-shadow: 0px 7px #db2944;
}
.cta-link-box03 .cta-link-button02:after{
	background:none!important;
}

/*-------------------------------------------------------
幅加算（汎用）
-------------------------------------------------------*/
.add-width{
padding-right: 28px;
padding-left: 28px;
}

/*-----------------------------------------------------
診断開始
-------------------------------------------------------*/
.sindan-wrap{
box-shadow: 0 0 0 5px #00dbff;
width: calc(100% - 10px);
position: relative;
margin: 80px auto 40px;
}
.sindan-wrap:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 10px;
left: 10px;
background: #fff7a9;
box-shadow: 0 0 0 5px #fff080;
z-index: -1;
}
.sindan-wrap .sindan-inner p{
margin-bottom: 0;
}
div.sindan-wrap img{
margin-bottom: 0;
}
.sindan-wrap .sindan-inner{
padding-bottom: 40px;
background: #fff;
z-index: 2;
padding-top: 46px;
}
div.sindan-wrap .text{
margin: 0 20px;
background: #f7f7f7;
padding: 20px;
border-radius: 6px;
font-weight: bold;
margin-bottom: 30px;
font-size: 16px;
line-height: 1.8;
margin-top: 10px;
}
div.sindan-wrap .sindan-start-btn-wrap{
margin: 0;
text-align: center;
}
div.sindan-wrap .sindan-start-btn{
display: inline-block;
}
div.sindan-wrap .sindan-start-btn img{
width: 540px;
}
.sindan-wrap .midasi{
position: absolute;
top: -30px;
left: 0;
right: 0;
margin: auto;
width: 310px;
height: 60px;
text-align: center;
}
.sindan-wrap .midasi span{
display: inline-block;
height: 100%;
position: relative;
}
.sindan-wrap .midasi img{
position: relative;
z-index: 1;
height: 100%;
}
.sindan-wrap .midasi .tokei{
position: absolute;
left: -18px;
top: -13px;
height: 50px;
z-index: 2;
}
.sindan-wrap .line1{
position: absolute;
height: 50px;
right: 20px;
top: -25px;
}
.sindan-wrap .line2{
position: absolute;
height: 50px;
left: 20px;
bottom: -25px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.sindan-wrap{
box-shadow: 0 0 0 4px #00dbff;
width: calc(100% - 12px);
margin: 60px 0 30px 4px;
}
.sindan-wrap:after{
top: 8px;
left: 8px;
box-shadow: 0 0 0 4px #fff080;
}
.sindan-wrap .sindan-inner{
padding-bottom: 28px;
padding-top: 34px;
}
div.sindan-wrap .text{
margin: 10px 20px 14px;
padding: 14px;
font-size: 13px;
}
div.sindan-wrap .sindan-start-btn img{
width: 96%;
}
.sindan-wrap .midasi{
top: -22px;
height: 44px;
}
.sindan-wrap .midasi .tokei{
left: -12px;
top: -9px;
height: 36px;
}
.sindan-wrap .line1{
height: 38px;
right: 14px;
top: -19px;
}
.sindan-wrap .line2{
height: 38px;
left: 14px;
bottom: -19px;
}
}

/*-----------------------------------------------------
診断進行中
-------------------------------------------------------*/
.sindan-wrap.sinkoutyu .sindan-inner{
padding-top: 60px;
padding-bottom: 48px;
}
.sindan-quesiton-img-wrap{
margin: 30px 0 18px;
}
.sindan-wrap.sinkoutyu{
box-shadow: 0 0 0 5px #2765b3;
text-align: center;
}
.sindan-step{
margin: 0 50px;
height: 15px;
background: #eaeaea;
border-radius: 30px;
position: relative;
}
.sindan-step-in{
background: #80e2a0;
height: 15px;
border-radius: 30px;
position: absolute;
left: 0;
top: 0;
}
div.sindan-wrap .quesiton-text{
text-align: center;
font-size: 30px;
font-weight: bold;
margin-bottom: 14px;
}
div.sindan-wrap.sinkoutyu ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 40px;
margin-bottom: 30px;
}
div.sindan-wrap.sinkoutyu.step1 ul{
margin-bottom: 0;
}
.sindan-wrap.sinkoutyu li{
width: calc(50% - 10px);
padding: 0;
}
.sindan-wrap.sinkoutyu li:nth-of-type(2n){
margin-left: 19px;
}
.sindan-wrap.sinkoutyu li:nth-of-type(2) ~ li{
margin-top: 20px;
}
.sindan-wrap.sinkoutyu li:before{
display: none!important;
}
.sindan-wrap.sinkoutyu li a{
display: block;
width: 100%;
background: #259785;
height: 60px;
line-height: 60px;
border-radius: 30px;
color: #fff;
font-weight: bold;
font-size: 28px;
text-align: center;
box-shadow: 0 6px 0 0 #1a6657;
}
.sindan-wrap.sinkoutyu li a:hover{
background: #4cd9c3;
box-shadow: 0 6px 0 0 #3ca591;
opacity: 1;
}
.sindan-wrap.sinkoutyu .return{
color: #808080;
font-size: 22px;
position: relative;
background: none;
border: 0;
cursor: pointer;
margin: 0 auto;
font-weight: bold;
}
.sindan-wrap.sinkoutyu .return:before{
content: '';
display: inline-block;
width: 30px;
height: 20px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/a02a43afd0b397a4ce770ad1891c43e2.png) no-repeat center bottom / contain;
margin-right: 6px;
}
div.sindan-wrap.sinkoutyu.step3 ul{
padding: 0 100px;
}
.sindan-wrap.sinkoutyu.step3 li{
width: 100%;
}
.sindan-wrap.sinkoutyu.step3 li:nth-of-type(1) ~ li{
margin-top: 20px;
margin-left: 0;
}
.sindan-wrap.sinkoutyu.step4 ul{
padding: 0 30px;
}
.sindan-wrap.sinkoutyu.step4 li{
width: calc(100% / 3 - 10px);
margin-left: 0;
margin-right: 15px;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3n){
margin-right: 0;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3){
margin-top: 0;
}
.sindan-wrap.sinkoutyu.step4 li a{
font-size: 18px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.3;
}
progress.shindan-progress{
appearance: none;
　    -webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
width: calc(100% - 100px);
margin: 0 auto;
}
progress.shindan-progress::-webkit-progress-bar {
background: #eaeaea;
border-radius: 30px;
}
progress.shindan-progress::-moz-progress-bar {
background: #eaeaea;
border-radius: 30px;
}
progress.shindan-progress::-webkit-progress-value {
background: #80e2a0;
border-radius: 30px;
}
progress.shindan-progress::-moz-progress-value {
background: #80e2a0;
border-radius: 30px;
}
progress[value="25"] + .sindan-quesiton-img-wrap{
height:142px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/0b0eb9055d04b62979aab9ffe653ebdf.png)no-repeat center;
background-size:100%;
}
progress[value="50"] + .sindan-quesiton-img-wrap{
height:142px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/9a8d5ab89d50431d329168e70abe2d26.png)no-repeat center;
background-size:100%;
}
progress[value="75"] + .sindan-quesiton-img-wrap{
height:142px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/45931f778123f14275d0bcc0fa43f262.png)no-repeat center;
background-size:100%;
}
progress[value="100"] + .sindan-quesiton-img-wrap{
height:142px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/a68dd5cae36c7ee5675e37088fe4eaa9.png)no-repeat center;
background-size:100%;
}
progress + .sindan-quesiton-img-wrap span{
display:none;
}
.sindan-wrap.sinkoutyu li{
background: #259785;
height: 60px;
line-height: 60px;
border-radius: 30px;
color: #fff;
font-weight: bold;
font-size: 28px;
text-align: center;
box-shadow: 0 6px 0 0 #1a6657;
cursor: pointer;
-webkit-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; -webkit-transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; transition: color 0.3s ease, background 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 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; 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, -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease; 
}
.sindan-wrap.sinkoutyu li:hover{
background: #4cd9c3;
box-shadow: 0 6px 0 0 #3ca591;
opacity: 1;
}
div.sindan-wrap.sinkoutyu progress[value="25"] ~ ul{
margin-bottom: 0;
}
div.sindan-wrap.sinkoutyu progress[value="75"] ~ ul{
padding: 0 100px;
}
div.sindan-wrap.sinkoutyu progress[value="75"] ~ ul li{
width: 100%;
}
div.sindan-wrap.sinkoutyu progress[value="75"] ~ ul li:nth-of-type(1) ~ li{
margin-top: 20px;
margin-left: 0;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul{
padding: 0 30px;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul li{
width: calc(100% / 3 - 10px);
margin-left: 0;
margin-right: 14px;
font-size: 16px;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul li:nth-of-type(3n){
margin-right: 0;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul li:nth-of-type(3){
margin-top: 0;
}
div.sindan-wrap .quesiton-text{
color: #444;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.sindan-wrap.sinkoutyu .sindan-inner{
padding-top: 50px;
padding-bottom: 28px;
}
.sindan-quesiton-img-wrap{
margin: 20px 0 8px;
}
.sindan-wrap.sinkoutyu{
box-shadow: 0 0 0 4px #2765b3;
}
.sindan-step-in{
height: 12px;
}
.sindan-step{
margin: 0 20px;
height: 12px;
}
div.sindan-wrap .quesiton-text{
font-size: 18px;
margin-bottom: 5px;
}
div.sindan-wrap.sinkoutyu ul{
padding: 0 20px;
margin-bottom: 0;
}
.sindan-wrap.sinkoutyu li{
width: calc(50% - 8px);
}
.sindan-wrap.sinkoutyu li:nth-of-type(2n){
margin-left: 16px;
}
.sindan-wrap.sinkoutyu li:nth-of-type(2) ~ li{
margin-top: 16px;
}
.sindan-wrap.sinkoutyu li a{
height: 44px;
line-height: 44px;
font-size: 16px;
box-shadow: 0 5px 0 0 #1a6657;
}
.sindan-wrap.sinkoutyu li a:hover{
box-shadow: 0 5px 0 0 #3ca591;
}
div.sindan-wrap.sinkoutyu ul + p{
margin-top: 20px!important;
}
.sindan-wrap.sinkoutyu .return{
font-size: 16px;
margin-top: 20px;
}
.sindan-wrap.sinkoutyu .return:before{
width: 26px;
}
div.sindan-wrap.sinkoutyu.step3 ul{
padding: 0;
min-width: 300px;
width: 76%;
margin-left: auto;
margin-right: auto;
}
.sindan-wrap.sinkoutyu.step3 li:nth-of-type(1) ~ li{
margin-top: 16px;
}
.sindan-wrap.sinkoutyu.step4 ul{
padding: 0 13px;
}
.sindan-wrap.sinkoutyu.step4 li{
width: calc(100% / 3 - 8px);
margin-right: 12px;
margin-left: 0;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3n){
margin-right: 0;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3) ~ li {
margin-top: 13px;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3){
margin-top: 0;
}
.sindan-wrap.sinkoutyu.step4 li a{
font-size: 12px;
}
progress.shindan-progress{
width: calc(100% - 40px);
}
progress[value="25"] + .sindan-quesiton-img-wrap{
height:calc(100vw / 5);
background-size:cover;
}
progress[value="50"] + .sindan-quesiton-img-wrap{
height:calc(100vw / 5);
background-size:cover;
}
progress[value="75"] + .sindan-quesiton-img-wrap{
height:calc(100vw / 5);
background-size:cover;
}
progress[value="100"] + .sindan-quesiton-img-wrap{
height:calc(100vw / 5);
background-size:cover;
}
.sindan-wrap.sinkoutyu li{
height: 44px;
line-height: 44px;
font-size: 16px;
box-shadow: 0 5px 0 0 #1a6657;
}
.sindan-wrap.sinkoutyu li:hover{
box-shadow: 0 5px 0 0 #3ca591;
}
div.sindan-wrap.sinkoutyu progress[value="75"] ~ ul{
padding: 0;
min-width: 300px;
width: 76%;
margin-left: auto;
margin-right: auto;
}
div.sindan-wrap.sinkoutyu progress[value="75"] ~ ul li:nth-of-type(1) ~ li{
margin-top: 16px;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul{
padding: 0 8px;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul li{
width: calc(100% / 3 - 4px);
margin-right: 6px;
margin-left: 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.3;
font-size: 11px;
padding: 1px 5px 0;
box-sizing: border-box;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul li:nth-of-type(3n){
margin-right: 0;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul li:nth-of-type(3) ~ li {
margin-top: 13px;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul li:nth-of-type(3){
margin-top: 0;
}
}
@media only screen and (max-width : 375px){
.sindan-wrap.sinkoutyu.step4 ul {
padding: 0 10px;
}
.sindan-wrap.sinkoutyu.step4 li{
width: calc(100% / 3 - 4px);
margin-right: 6px;
}
.sindan-wrap.sinkoutyu.step4 li:nth-of-type(3) ~ li {
margin-top: 8px;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul {
padding: 0 10px;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul li{
width: calc(100% / 3 - 4px);
margin-right: 6px;
}
div.sindan-wrap.sinkoutyu progress[value="100"] ~ ul li:nth-of-type(3) ~ li {
margin-top: 8px;
}
}

/*-----------------------------------------------------
診断結果
-------------------------------------------------------*/
.sindan-wrap.sindan-kekka {
box-shadow: 0 0 0 5px #2765b3;
text-align: center;
background: #fff;
padding-bottom: 10px;
}
.sindan-wrap.sindan-kekka .agent-text{
color: #00303f;
background: #eefcff!important;
margin: 0 0 20px;
border-radius: 6px;
line-height: 1.4;
padding: 18px 0 16px;
text-align: center;
font-weight: bold;
font-size: 38px;
position: relative;
}
.sindan-wrap.sindan-kekka .agent-text:before{
display:none;
}
.sindan-kekka-cont{
padding: 50px 30px;
}
.sindan-kekka-cont:last-of-type{
padding-bottom: 20px;
}
.sindan-kekka-cont ~ .sindan-kekka-cont .agent-text:before{
content: '';
display: block;
width: 100%;
height: 5px;
border-radius: 10px;
background: #e6e6e6;
position: absolute;
top: -52px;
left: 0;
bottom: auto;
margin: 0;
border: 0;
}
.sindan-wrap.sindan-kekka .thumbnails{
display:block;
}
.sindan-point-wrap{
margin: 36px 0 30px;
position: relative;
}
div.sindan-kekka-cont .sindan-point-wrap ul{
border-radius: 10px;
padding: 34px 30px 20px!important;
border: 2px solid #b8ecf2;
box-shadow: 6px 6px 0 0 #b8ecf2;
text-align: left;
}
div.sindan-kekka-cont .sindan-point-wrap li{
position: relative;
font-weight: bold;
font-size: 20px;
padding-left: 30px;
margin-bottom: 10px;
}
div.sindan-kekka-cont .sindan-point-wrap li:before{
content: '';
display: block;
width: 22px;
height: 22px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/56c7daf36fba2fbc59639a7250357052.png) no-repeat center / contain!important;
position: absolute;
left: 0;
top: 2px;
}
.sindan-hyouban-wrap{
margin: 50px 0 30px;
position: relative;
}
div.sindan-kekka-cont .sindan-hyouban-wrap ul{
border-radius: 10px;
padding: 44px 30px 30px;
border: 2px solid #f2ed91;
box-shadow: 6px 6px 0 0 #f2ed91;
text-align: left;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li{
position: relative;
font-weight: bold;
font-size: 18px;
min-height: 50px;
padding-left: 96px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li:nth-of-type(1) ~ li{
margin-top: 30px;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li:before{
content: '';
display: block;
width: 80px;
height: 70px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li.man:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/64c1294f6a5e2ff850935b9b7a5016fe.png) no-repeat center / contain!important;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li.wo-man:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/2ee2485224a0dc44c0251473d9532fe4.png) no-repeat center / contain!important;
}
.sindan-toutoku-wrap{
text-align: center;
}
#main-contents div.sindan-kekka-cont .sindan-toutoku-wrap a{
display: inline-block;
width: 430px;
position: relative;
font-size: 22px;
font-weight: bold;
background: #ff3f5c;
box-shadow: 0 5px 0 0 #db2944;
color: #fff;
border-radius: 10px;
padding: 14px 40px 12px;
text-decoration: none;
margin-top: 10px;
line-height: 1.7;
}
div.sindan-kekka-cont .sindan-toutoku-wrap a:after{
content: '>';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
font-size: 26px;
}
.sindan-kekka-cont .sindan-toutoku-wrap p{
margin: 0;
}
.sindan-kekka .sindan-quesiton-img-wrap{
margin: 10px 0 0;
}
.sindan-kekka .title{
position: absolute;
height: 36px;
top: -18px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.sindan-kekka .title span{
display: inline-block;
height: 100%;
background: #fff;
padding: 0 10px;
}
.sindan-kekka .title img{
height: 100%;
}
.sindan-toutoku-wrap div img{
width: 360px;
}
.sindan-wrap.sindan-kekka .sindan-inner{
padding-bottom: 0;
}
.sindan-wrap.sindan-kekka .sindan-start-btn{
color: #808080;
font-size: 22px;
position: relative;
background: none;
border: 0;
cursor: pointer;
margin: 0 auto;
font-weight: bold;
text-decoration: none!important;
}
.sindan-wrap.sindan-kekka .btn-ue-text{
margin-bottom: 5px;
}
.sindan-wrap.sindan-kekka .btn-ue-text span{
color: #333;
font-size: 20px;
font-weight: bold;
padding: 0 5px;
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f9ff00 0%) repeat scroll 0 0;
position: relative;
}
.sindan-wrap.sindan-kekka .btn-ue-text span:before{
	content: '';
display: inline-block;
position: absolute;
width: 24px;
height: 28px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/1a17ce8f5352c92ce760e40ec0efef75.png) no-repeat right bottom / contain;
bottom: 4px;
left: -34px;
}
.sindan-wrap.sindan-kekka .btn-ue-text span:after{
content: '';
display: inline-block;
position: absolute;
width: 24px;
height: 28px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/2bbb42e9b986b10b8798c2d4867911c2.png) no-repeat left bottom / contain;
bottom: 4px;
right: -34px;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.sindan-wrap.sindan-kekka {
box-shadow: 0 0 0 4px #2765b3;
}
.sindan-wrap.sindan-kekka .agent-text{
margin: 0 0 12px;
padding: 12px 0 8px;
font-size: 20px;
}
.sindan-kekka-cont{
padding: 30px 16px;
}
.sindan-kekka-cont ~ .sindan-kekka-cont .agent-text:before{
height: 4px;
top: -32px;
}
.sindan-point-wrap{
margin: 22px 0 20px;
}
div.sindan-kekka-cont .sindan-point-wrap ul{
padding: 24px 14px 16px!important;
box-shadow: 4px 4px 0 0 #b8ecf2;
}
div.sindan-kekka-cont .sindan-point-wrap li{
font-size: 16px;
padding-left: 28px;
margin-bottom: 8px;
}
div.sindan-kekka-cont .sindan-point-wrap li:before{
width: 20px;
height: 20px;
top: 1px!important;
}
.sindan-hyouban-wrap{
margin: 34px 0 20px;
}
div.sindan-kekka-cont .sindan-hyouban-wrap ul{
padding: 28px 14px 20px;
box-shadow: 4px 4px 0 0 #f2ed91;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li{
font-size: 14px;
padding-left: 72px;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li:nth-of-type(1) ~ li{
margin-top: 14px;
}
div.sindan-kekka-cont .sindan-hyouban-wrap li:before{
width: 60px;
height: 52px;
top: 0!important;
}
#main-contents div.sindan-kekka-cont .sindan-toutoku-wrap a{
width: 90%;
font-size: 14px;
box-shadow: 0 4px 0 0 #db2944;
padding: 10px 30px 8px;
margin-top: 6px;
}
div.sindan-kekka-cont .sindan-toutoku-wrap a:after{
right: 14px;
font-size: 18px;
}
.sindan-kekka-cont .sindan-toutoku-wrap p{
margin: 0;
}
.sindan-kekka .sindan-quesiton-img-wrap{
margin: 10px 0 0;
}
.sindan-kekka .title{
height: 22px;
top: -11px;
}
.sindan-kekka .title span{
padding: 0 8px;
}
.sindan-toutoku-wrap div img{
width: 280px;
}
.sindan-wrap.sindan-kekka .sindan-start-btn{
font-size: 16px;
}
.sindan-wrap.sindan-kekka .sindan-start-btn:before{
width: 26px;
}
.sindan-wrap.sindan-kekka .sindan-inner + p{
margin-bottom: 10px;
}
.sindan-wrap.sindan-kekka .btn-ue-text span{
font-size: 14px;
}
.sindan-wrap.sindan-kekka .btn-ue-text span:before{
width: 16px;
height: 18px;
bottom: 4px;
left: -22px;
}
.sindan-wrap.sindan-kekka .btn-ue-text span:after{
width: 16px;
height: 18px;
bottom: 4px;
right: -22px;
}
}
@media only screen and (max-width : 375px){
.sindan-wrap.sindan-kekka .agent-text{
font-size:18px;
}
div.sindan-kekka-cont .sindan-toutoku-wrap a:after {
right: 10px;
font-size: 16px;
}
#main-contents div.sindan-kekka-cont .sindan-toutoku-wrap a{
padding: 10px 24px 8px;
}
}

/*------------------------------------------------------------
scroll-hint
-------------------------------------------------------------*/
@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0;
}
10% {
opacity: 1;
}
50%,
100% {
transform: translateX(-40px);
opacity: 0;
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 88px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px;
z-index: 2;
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 8px;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .8;
}
.scroll-hint-icon:before {
display: inline-block;
width: 40px;
height: 40px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
content: "";
width: 34px;
height: 14px;
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
opacity: 0;
transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.2s linear;
animation-iteration-count: 2;
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
color: #000;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.scroll-hint-on-gyoretu-irekae{
position: relative;
}
.scroll-hint-on-gyoretu-irekae tbody{
position: static!important;
}
}

/*------------------------------------------------------------
下部-このサイトの運営者
-------------------------------------------------------------*/
.kabu-corporate{
width: 100%;
border-collapse: collapse;
}
.kabu-corporate .kokusuru th{
background: #00b2e2;
font-size: 120%;
font-weight: normal;
line-height: 1;
}
.kabu-corporate th{
background-color: #deeafc;
vertical-align: middle;
border-bottom: 1px solid #dde4e6;
padding: 8px 5px;
line-height: 1.5;
font-size: 14px;
}
.kabu-corporate td{
border-bottom: 1px solid #dde4e6;
border-right: 1px solid #dde4e6;
font-size: 14px;
vertical-align: middle;
padding: 8px 5px;
line-height: 1.5;
}
.kabu-corporate td:last-of-type{
border-right: 0;
}
.kabu-corporate td a{
text-decoration: none;
color: #39f;
transition: 0.3s;
}
.kabu-corporate td a:hover{
opacity: 0.6;
}
#post-bottom-widget .kabu-rank02 table{
border: 0;
border-collapse: collapse;
}

/*-------------------------------------------------------
検証ツールボタン
-------------------------------------------------------*/
.shindan-bt-wrap{display:none;}
.shindan-bt-wrap br{display:none}
.shindan-bt-wrap p:empty{display: none;}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.shindan-bt-wrap{
position:fixed;
bottom:120px;
text-align: right;
z-index:999999999;
font-size: 0;
right: 0;
-webkit-transform:none;
transform:none;
display:block;
}
.shindan-bt-wrap input {
display:none;
}
.shindan-bt-wrap label:before {
content:'';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/c21df3ca004dde8f313c86896cff33d5.png) no-repeat center / 9px rgb(255 255 255 / 95%);
display: inline-block;
border-radius:50px;
height: 18px;
width: 18px;
position:relative;
bottom:-10px;
right:5px;
box-shadow:1px 1px 2px 1px rgb(115 115 115 / 40%);
cursor:pointer;
z-index:1;
}
.shindan-bt-wrap input:checked ~ label{
position:relative;
bottom:-60px;
}
.shindan-bt-wrap input:checked ~ label:before{
content:'';
background:none;
height:60px;
width:30px;
position:relative;
left:0;
right:0;
bottom:0;
top:0;
margin:auto;
box-shadow:0 0 0 0;
cursor:pointer;
z-index:1;
}
.shindan-bt-wrap input:checked ~ .shindan-bt-in {
transition:0.8s;
width:30px;
background:rgb(255 49 113 / 80%);
}
.shindan-bt-wrap input:checked ~ .shindan-bt-in img{
display:none;
}
.shindan-bt-wrap input:checked ~ .shindan-bt-in a:before{
content:"<<";
color:#FFF;
width:100%;
height:20px;
font-size:10px;
position:absolute;
top:18px;
left:0;
right:0;
margin:auto;
}
.shindan-bt-wrap .shindan-bt-in{
background:rgb(255 49 113 / 80%);
height:60px;
width:75px;
border-radius:10px 0 0 10px;
}
.shindan-bt-wrap .shindan-bt-in a{
text-decoration: none;
position:relative;
display:block;
}
.shindan-bt-wrap .shindan-bt-in a:before{
content:"診断ツール";
color:#FFF;
width:100%;
height:20px;
display:block;
z-index:1;
font-size:10px;
text-align:center;
left:0;
right:0;
top:41px;
margin:auto;
position:absolute;
}
.shindan-bt-wrap .shindan-bt-in img{
margin: 0;
width:32px;
position:absolute;
top:5px;
left:0;
right:0;
margin:auto;
}
}
.article-person1 dl:before{
	content:"監修者"!important;
}
.article-person2 dl:before{
	content:"アドバイザリー"!important;
}
.article-person3 dl:before{
	content:"執筆者"!important;
}
table + .article-person{
margin-top:20px;
}

/*-------------------------------------------------------
目次調整
-------------------------------------------------------*/
#toc_container{
counter-reset: toc-num;
}
div#toc_container:before{
border-width: 1px;
}
.cps-post-main-box div#toc_container p.toc_title{
text-align: left;
font-weight: bold;
font-size: 19px;
padding-left: 30px;
margin-top: 20px!important;
margin-bottom: 20px!important;
}
div#toc_container .toc_list{
padding: 0px 30px;
}
div#toc_container .toc_list > li{
margin-left: 0;
padding-left: 3px;
margin-bottom: 18px;
}
div#toc_container .toc_list > li > a{
font-size: 16px;
color: #3b4675!important;
text-decoration: underline!important;
font-weight:bold;
}
#toc_container .toc_list > li > ul > li a{
color: #3b4675!important;
}
div#toc_container .toc_list > li > a:before{
counter-increment: toc-num;
content: counter(toc-num)"." ;
display: inline-block;
margin-right: 5px;
text-decoration: none;
}
#toc_container .toc_list > li:after{
display: none;
}
div#toc_container .toc_list > li > ul > li{
padding-left: 30px;
}
#toc_container .toc_list > li > ul li a:before{
color: #ccc;
font-size: 28px;
left: -23px;
}
div#toc_container .toc_list > li ul{
margin-bottom: 0;
}
#toc_container .toc_title span.toc_toggle a{
text-decoration: none;
}
#toc_container .toc_list > li > ul li a:hover:before{
text-decoration: none;
}
div#toc_container .toc_list > li ul {
margin-top: 10px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.cps-post-main-box div#toc_container p.toc_title{
font-size: 16px;
padding-left: 16px;
margin-top: 13px!important;
margin-bottom: 10px!important;
}
div#toc_container .toc_list{
padding: 0px 16px;
}
div#toc_container .toc_list > li{
margin-bottom: 15px;
}
div#toc_container .toc_list > li > a{
font-size: 14px;
line-height: 1.5;
font-weight:bold;
}
div#toc_container .toc_list > li:after{
font-size: 16px;
}
div#toc_container .toc_list > li ul {
margin-top: 10px;
}
div#toc_container .toc_list > li > ul > li{
padding-left: 28px;
}
}

/*-------------------------------------------------------
パンくず調整
-------------------------------------------------------*/
#contents #breadcrumb{
margin:0 0 10px;
padding:0;
}
#contents #breadcrumb ul{
width:100%;
padding:10px;
margin:0;
box-sizing:border-box;
}
#contents #breadcrumb ul span{
font-size:11px;
}
#contents #breadcrumb .space {
margin-left:5px;
margin-right:8px;
}
#contents #breadcrumb ul .page-top-footer{
display:none;
}
#contents #breadcrumb:after{
border-radius: 2px;
background:#ebf1f2;
opacity:1;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
#contents #breadcrumb{
margin:0;
padding:0;
}
#contents #breadcrumb ul{
width:100%;
padding:8px 10px;
margin:0;
box-sizing:border-box;
white-space:nowrap;
overflow:scroll;
}
#contents #breadcrumb ul span{
font-size:11px;
}
#contents #breadcrumb .space {
margin-left:5px;
margin-right:5px;
}
#contents #breadcrumb .jin-ifont-arrow:before {
font-size:12px;
line-height:1;
}
#contents #breadcrumb .jic:before {
padding-bottom: 0px;
}
}

/*-------------------------------------------------------
ボタン　赤
-------------------------------------------------------*/
.cta-link-button02.red{
background:#FF3F5C;
box-shadow: 0px 5px #cd2b43;
}
/*-------------------------------------------------------
ボタン　ピンク
-------------------------------------------------------*/
.cta-link-button02.pink{
background:#CE3160;
box-shadow: 0px 5px #9a2649;
}


/*-------------------------------------------------------
アイキャッチ調整
-------------------------------------------------------*/
.cps-post .cps-post-thumb{
background: #f1f1f1;
}
.cps-post .cps-post-thumb img{
width: auto;
height: 473px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.cps-post .cps-post-thumb img{
height: auto;
}
}

/*-------------------------------------------------------
FV調整
-------------------------------------------------------*/
.vcard{
margin: 14px 0;
}
.vcard .cps-post-cat a{
color: #fff;
border-radius: 30px;
background: #03b0e1!important;
margin-right: 5px;
display: inline-block;
padding: 4px 8px 3px;
font-size: 0.7rem;
font-weight: 300;
letter-spacing: 0;
vertical-align: middle;
}
.vcard .cps-post-cat a:hover{
color: #fff!important;
opacity: 0.6;
}
.vcard .cps-post-date time{
font-size: 0.8rem;
color: #888;
font-weight: 300;
letter-spacing: 1px;
}
h1.cps-post-title{
margin-bottom: 24px;
}
.share-top.sns-design-type01{
display: none;
}
#breadcrumb ul .page-top-footer{
display: none;
}
i.jin-ifont-arrow:before{
content: '>';
}
div#breadcrumb:after{
background: #f5f5f5!important;
opacity: 1;
}
div#breadcrumb ul{
width: 1060px;
padding: 10px 0;
margin-top:0;
background: none;
}
div#breadcrumb ul li,div#breadcrumb ul li a{
color: #7a7a7a!important;
vertical-align: middle;
}
div#breadcrumb .space {
margin-left: 7px;
margin-right: 9px;
vertical-align: middle;
}
#breadcrumb ul li span{
vertical-align: middle;
font-size:11px;
}
.single-post .new-header-main{
margin-bottom: 0;
}
html body {
color: #444;
}
.single-post #contents{
margin-top: 10px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.vcard{
margin: 12px 0 10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.vcard .cps-post-cat a{
font-size: 0.65rem;
font-weight: 400;
margin-right: 6px;
}
.vcard .cps-post-date time{
font-weight: 400;
display: inline-block;
}
.vcard span{
display: inline-block;
}
div.new-header-main{
border-bottom: 0;
}
h1.cps-post-title{
margin-bottom: 14px;
}
#breadcrumb{
margin: -5px 0 0;
padding: 0;
}
div#breadcrumb ul{
width: 100%;
padding: 0 15px;
margin: 0;
box-sizing: border-box;
white-space: nowrap;
overflow: scroll;	
}
div#breadcrumb ul li a{
font-size: 0.65em;
}
.single-post #contents{
margin-top: 0;
}
.single-post .article_style1 .cps-post-box{
padding-top: 5px;
}
#breadcrumb .space-i{
vertical-align: middle;
}
.jin-ifont-home.jic:before{
padding-bottom: 1px;
}
.jin-ifont-home.jic:before,#breadcrumb ul li span,div#breadcrumb ul li a,#breadcrumb .jin-ifont-arrow:before,div#breadcrumb .space,#breadcrumb .space-i{
display: inline-block;
vertical-align: middle;
line-height: 28px;
}
}


/*-------------------------------------------------------
全体リンクボタン
-------------------------------------------------------*/
.all-link-btn-wrap{
display: none;
}
.all-link-btn{
position: relative;
padding-right: 40px;
margin-bottom: 20px;
z-index:0;
}
.all-link-btn-link:hover ~ .inner{
opacity: 0.6;
}
.all-link-btn-link{
position: absolute;
box-shadow: 0 0 0 2px #3399ff;
border-radius: 10px;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
overflow: hidden;
display: block;
z-index: 2;
}
.all-link-btn-link:after{
content: '';
display: block;
width: 40px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/f53e6859b95a7270241221deb6ea2b18.png) no-repeat center / 16px #3399ff;
border-radius: 0 10px 10px 0;
}
.all-link-btn .inner{
padding: 20px;
border-radius: 10px 0 0 10px;
overflow: hidden;
position: relative;
z-index: 1;
}
.all-link-btn .inner-top{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.all-link-btn .img-wrap{
width: 40%;
}
.all-link-btn .img-wrap img{
vertical-align: middle;
width: 100%;
margin: 0;
}
.all-link-btn .text-wrap{
width: 60%;
padding-left: 14px;
}
.all-link-btn .name{
color: #3399ff;
font-weight: bold;
line-height: 1.4;
font-size: 30px;
margin: 0 0 8px;
}
.all-link-btn .kousiki{
background: #fedb24;
color: #161616;
border: 2px solid #161616;
border-radius: 10px;
font-weight: bold;
text-align: center;
line-height: 44px;
font-size: 22px;
margin: 0;
}
.all-link-btn .copy{
font-size: 24px;
font-weight: bold;
margin: 10px 0 0;
padding-left: 50px;
position: relative;
}
.all-link-btn .copy:before{
content: '';
display: block;
width: 38px;
height: 38px;
position: absolute;
left: 0;
top: -6px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/79d07697bab030205ec63766a0ced93b.jpg) no-repeat center / contain;
}
.all-link-btn .copy .red{
color: #ed2f2f;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.pc{
display: none;
}
.all-link-btn-wrap{
display: block;
}
.all-link-btn{
padding-right: 26px;
}
.all-link-btn-link{
box-shadow: 0 0 0 1.5px #3399ff;
border-radius: 6px;
}
.all-link-btn-link:after{
width: 18px;
border-radius: 0 6px 6px 0;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/04/f53e6859b95a7270241221deb6ea2b18.png) no-repeat center / 8px #3399ff;
}
.all-link-btn .inner{
padding: 8px 8px 4px;
}
.all-link-btn .img-wrap{
width: 40%;
}
.all-link-btn .text-wrap{
padding-left: 10px;
}
.all-link-btn .name{
font-size: 15px;
margin: 0 0 6px;
}
.all-link-btn .kousiki{
line-height: 24px;
font-size: 13px;
border-radius: 5px;
border: 0;
box-shadow: 0 0 0 1.5px #161616;
margin-left: 2px;
}
.all-link-btn .copy{
font-size: 13px;
margin: 12px 0 5px;
padding-left: 32px;
}
.all-link-btn .copy:before{
width: 26px;
height: 26px;
}
}
@media only screen and (max-width : 376px){
.all-link-btn .copy{
padding-left: 30px;
}
.all-link-btn {
padding-right: 22px;
}
}


/*-------------------------------------------------------
カテゴリーページ
-------------------------------------------------------*/
.sec-pickup{
margin: 20px 0 0;
}
.sec-pickup .headline-pickup{
position: relative;
margin-bottom: 6px;
}
.sec-pickup .headline-pickup:before,.sec-pickup .headline-pickup:after{
content: '';
display: inline-block;
width: 16px;
height: 1px;
background: #444;
vertical-align: middle;
}
.sec-pickup .headline-pickup:before{
transform: rotate(45deg);
}
.sec-pickup .headline-pickup:after{
transform: rotate(-45deg);
}
.sec-pickup .thumbnail:hover{
opacity: 0.6;
}
.sec-pickup .post_right{
text-align: left;
margin: 10px auto 0;
position: relative;
}
.sec-pickup .post_right .title{
font-size: 18px;
line-height: 1.4;
}
.sec-pickup .post_right a{
display: inline-block;
}
.sec-pickup .post_right .cat{
margin: 10px 0 5px;
}
.sec-pickup .post_right .cat a{
color: #fff;
border-radius: 30px;
background: #03b0e1;
padding: 4px 8px 3px;
font-size: 0.7rem;
font-weight: 300;
letter-spacing: 0;
vertical-align: middle;
}
.sec-pickup .post_right .date{
font-size: 0.8rem;
color: #888;
font-weight: 300;
letter-spacing: 1px;
}
.sec-pickup .post_right .addition,.sec-pickup .post_right .excerpt{
margin: 0;
}
.sec-pickup .post_right .addition .more{
position: absolute;
right: 0;
font-size: 14px;
color: #3b4675;
}
.sec-pickup .post_right .addition .more:after{
content: '>';
display: inline-block;
margin-left: 5px;
}
.sec-pickup .post_right .addition .more:hover{
color: #0066c0;
}
.sec-pickup + .cps-post-meta.vcard{
margin: 0;
}
.archive-title.entry-title{
font-weight: bold;
font-size: 18px;
}
.headline-article{
margin-bottom: 30px;
font-size: 20px;
font-weight: bold;
line-height: 1.4;
background: #00b2e2!important;
border-radius: 1px;
padding: 15px 5px 12px 15px;
position: relative;
color: #fff;
}
.headline-article:after{
content:"";
width:100%;
height:100%;
display:block;
position:absolute;
top:3px;
left:3px;
border:1px solid #00b2e2;
box-sizing:border-box;
z-index:-1;
}
.entry-content.archive-box{
margin-top: 40px;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.sec-pickup .headline-pickup{
font-size: 14px;
margin-bottom: 6px;
}
.sec-pickup .headline-pickup:before,.sec-pickup .headline-pickup:after{
width: 16px;
}
.sec-pickup .thumbnail img{
width: 100%;
height: auto;
}
.sec-pickup .post_right .title{
font-size: 16px;
}
.sec-pickup .post_right .cat{
margin: 10px 0 5px;
}
.sec-pickup .post_right .cat a{
font-size: 0.65rem;
font-weight: 400;
}
.sec-pickup .post_right .date{
font-weight: 400;
}
.sec-pickup .post_right .addition .more{
font-size: 12px;
}
.entry-content.archive-box{
margin-top: 22px;
}
}


/*------------------------------------------------------------
new-kuchi-komi
-------------------------------------------------------------*/
.new-kuchi-komi{
border: 1px solid #ccc;
padding: 16px;
border-radius: 6px;
margin-bottom: 20px;
}
.new-kuchi-komi .new-kk-head{
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.new-kuchi-komi .new-kk-head img{
width:70px;
height:70px;
margin: 0;
}
.new-kuchi-komi .new-kk-head .new-kk-right{
margin-left: 10px;
}
.new-kuchi-komi .new-kk-head .new-kk-right p{
line-height: 1;
font-size: 16px;
font-weight: bold;
margin:0 0 8px 1px;
}
.new-kuchi-komi .new-kk-head .new-kk-right .new-kk-hoshi{
color: #efb027;
box-shadow: 0 0 0 1px #efb027;
border-radius: 50px;
padding:4px 10px;
font-size: 14px;
line-height:1.1;
}
.new-kuchi-komi .new-kk-head .new-kk-right .new-kk-hoshi img{
width: 90px;
height: auto;
margin-left: 10px;
vertical-align: bottom;
}
.new-kuchi-komi .new-kk-bottom p{
font-weight: bold;
font-size: 16px;
margin-bottom: 4px;
}
.new-kuchi-komi .new-kk-txtbox{
position: relative;
}
.new-kuchi-komi .new-kk-bottom .new-kk-txtbox p{
font-weight: normal;
font-size: 14px;
margin-bottom: 0;
}
.new-kuchi-komi .new-kk-bottom .new-kk-txtbox .more-btn{
margin: 0;
position: absolute;
height: 1.7em;
background: #fff;
right: 0;
bottom: 0;
width: calc(14.5px * 12);
}
.new-kuchi-komi .new-kk-bottom .new-kk-txtbox .more-btn:before{
content: '…';
display: inline;
color: #444;
}
.new-kuchi-komi .new-kk-txtbox .more-btn a{
color: #444;
text-decoration: underline;
font-weight: normal;
}
.new-kuchi-komi .new-kk-bottom .mozisuseigen p{
font-weight: normal;
font-size: 14px;
margin-bottom: 0;
}
.new-kuchi-komi .new-kk-bottom .mozisuseigen a{
font-size: 14px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.new-kuchi-komi{
padding: 12px;
margin-bottom: 16px;
}
.new-kuchi-komi .new-kk-bottom p{
line-height: 1.5;
}
.new-kuchi-komi .new-kk-bottom .new-kk-txtbox .more-btn{
height: 1.5em;
width: calc(14.5px * 16);
}
}

/*------------------------------------------------------------
文字数制限
-------------------------------------------------------------*/
.mozisuseigen{
line-height: 1.5;
}
.mozisuseigen p{
display: inline;
}
.mozisuseigen .link{
display: inline;
}
.mozisuseigen .link a{
color: #444;
font-weight: normal;
display: inline-block;
text-decoration: underline;
}
.mozisuseigen .link a:after{
content: '続きを見る';
}
.mozisuseigen.open .link{
display: block;
text-align: right;
}
.mozisuseigen.open .link a{
text-decoration: none;
color: #999;
cursor: auto;
}
.mozisuseigen.open .link a:after{
content: '閉じる';
}
.mozisuseigen.open .link a:hover{
opacity: 1;
}

/*------------------------------------------------------------
運営者情報-関連メディア
-------------------------------------------------------------*/
.company-media .cop-company-medialist{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.company-media .cop-company-medialist dl{
text-align:center;
width:32%;
margin: 0 2% 20px 0;
background:#FFF;
border:1px solid #ebebeb;
}
.company-media .cop-company-medialist dl:nth-of-type(3n){
margin-right: 0;
}
.company-media .cop-company-medialist dl dt{
position:relative;
}
.company-media .cop-company-medialist dl dt img{
width:80%;
display: block!important;
margin: auto;
}
.company-media .cop-company-medialist dt a{
display:block;
font-size: 13px;
line-height: 1.5;
}
.company-media .cop-company-medialist dl dt span:first-of-type{
display:block;
text-align:center;
font-size:21px;
font-weight:bold;
}
.company-media .cop-company-medialist dl dt span:last-of-type{
display:block;
text-align:center;
font-size:12px;
}
.company-media .cop-company-medialist dl dd{
padding:10px 14px 10px;
text-align:left;
background:#f4f4f4;
margin:10px;
border-radius:8px;
min-height:110px;
line-height: 1.5;
font-size: 13px;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.company-media .cop-company-medialist dl{
width: 100%;
}
.cop-company-medialist dl dd{
padding: 10px;
min-height: auto;
}
}
.kutikomi-slide .new-kuchi-komi{
min-width: 300px;
max-width: 300px;
margin: 3px 20px 3px 3px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kutikomi-slide .new-kuchi-komi{
min-width: 76vw;
max-width: 76vw;
margin-right: 8px;
}
}

/*-----------------------------------------------------
関連記事調整
-------------------------------------------------------*/
@media (min-width: 600px){
section.related-entry-section .post-list-item .post-list-inner .post-list-thumb img{
max-height:210px ;
object-fit: cover;
object-position: top;
}
}
@media (min-width: 656px){
section.related-entry-section .post-list-item .post-list-inner .post-list-thumb img{
max-height:245px ;
}
}
@media (min-width: 768px){
section.related-entry-section .post-list-item .post-list-inner .post-list-thumb img{
max-height:178px ;
}
}
@media (min-width: 813px){
section.related-entry-section .post-list-item .post-list-inner .post-list-thumb img{
max-height:133px ;
}
}
@media (min-width: 930px){
section.related-entry-section .post-list-item .post-list-inner .post-list-thumb img{
max-height:145px ;
}
}
@media (min-width: 1060px){
section.related-entry-section .post-list-item .post-list-inner .post-list-thumb img{
max-height:165px ;
}
}
@media (min-width: 1200px){
section.related-entry-section .post-list-item .post-list-inner .post-list-thumb img{
height: 164.45px;
}
}
@media (max-width: 600px){
section.related-entry-section .post-list-item .post-list-inner .post-list-thumb img{
max-height: calc(46vw * 0.7);
object-fit: cover;
object-position: top;
}
}

/*------------------------------------------------------------
モーダル調整
-------------------------------------------------------------*/
body.open .sp-menu-modal nav{
overflow-y: scroll;
height: 77%;
}


/*------------------------------------------------------------
診断LP
-------------------------------------------------------------*/
#diagnose-tool .mce_SELRES_start{
display: none!important;
}
.sp{
display: none;
}
.spbr-block{
display:none;
}
.page-template-lp2 #contents,.page-template-lp2 #onecolumn960lp{
width: auto;
margin-bottom: 0;
margin-left: 0;
}
.page-template-lp2 #onecolumn960lp .cps-post-box{
padding: 0;
}
#diagnose-tool img{
margin-bottom: 0;
}
.diagnose-tool-head{
padding: 30px 0 20px;
text-align: center;
background: #00b2e2;
}
#diagnose-tool .diagnose-tool-head h2{
display: inline-block;
color: #fff;
font-weight: bold;
font-size: 0;
margin: 0;
border: 0;
padding: 0;
line-height: 1;
}
#diagnose-tool .diagnose-tool-head h2:after{
display: none;
}
#diagnose-tool .diagnose-tool-head h2 .y{
font-size: 24px;
margin-bottom: 16px;
display: inline-block;
color: #fff100;
padding: 0;
margin-top: 0;
position: relative;
}
#diagnose-tool .diagnose-tool-head h2 .y:before,#diagnose-tool .diagnose-tool-head h2 .y:after{
content: '';
display: block;
width: 18px;
height: 30px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
#diagnose-tool .diagnose-tool-head h2 .y:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/h-line-l.png) no-repeat center / contain;
left: -26px;
}
#diagnose-tool .diagnose-tool-head h2 .y:after{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/h-line-r.png) no-repeat center / contain;
right: -17px;
}
#diagnose-tool .diagnose-tool-head h2 .f{
display: block;
font-size: 54px;
}
.diagnose-tool-fv{
text-align: center;
padding: 40px 0 80px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/pc-bg-l.png) no-repeat left -180px bottom -70px / 300px ,url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/pc-bg-r.png) no-repeat right -180px top -70px / 300px ;
}
.diagnose-tool-fv .img-wrap{
position: relative;
z-index: 1;
}
.diagnose-tool-fv .img-wrap img{
width: 360px;
position: relative;
z-index: 1;
left: 20px;
}
.diagnose-tool-fv .img-wrap .scroll-block{
width: 200px;
height: 124px;
position: absolute;
z-index: 2;
}
.diagnose-tool-fv .img-wrap .scroll-block.hukidasi1{
left: 50%;
margin-left: -290px;
top: 0;
}
.diagnose-tool-fv .img-wrap .scroll-block.hukidasi2{
right: 50%;
margin-right: -320px;
bottom: 230px;
}
.diagnose-tool-fv .img-wrap .scroll-block.hukidasi3{
left: 50%;
margin-left: -290px;
bottom: 134px;
}
.diagnose-tool-fv .img-wrap .scroll-block img{
width: 100%;
position: static;
}
.diagnose-tool-fv .btn-wrap{
position: relative;
z-index: 2;
margin-top: -30px;
background: #fff;
display: inline-block;
}
#diagnose-tool .btn-wrap{
text-align: center;
}
#diagnose-tool .btn-wrap a{
background: rgb(249,48,77);
background: linear-gradient(90deg, rgba(249,48,77,1) 0%, rgba(249,80,77,1) 100%);
color: #fff;
font-weight: bold;
border-radius: 10px;
box-shadow: 0 10px 0 0 #ff787f;
text-decoration: none;
width: 480px;
display: inline-block;
line-height: 100px;
text-align: center;
font-size: 44px;
position: relative;
}
#diagnose-tool .btn-wrap a:before{
content: '';
display: block;
width: 48px;
height: 48px;
position: absolute;
top: 0;
bottom: 0;
left: 70px;
margin: auto;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-search.png) no-repeat center / contain; 
}
#diagnose-tool .btn-wrap a span{
font-size: 26px;
vertical-align: middle;
background: #fff;
border-radius: 50px;
padding: 0px 20px;
height: 40px;
line-height: 40px!important;
color: #f9304d;
position: absolute;
top: 0;
bottom: 0;
right: 30px;
margin: auto!important;
}
.diagnose-tool-nayami{
text-align: center;
position: relative;
z-index: 1;
padding-bottom: 100px;
}
#diagnose-tool h2{
border-top: 10px solid #003468;
border-bottom: 10px solid #003468;
padding: 30px 0;
background: none!important;
position: relative;
margin: 0 0 90px;
}
#diagnose-tool h2:after{
content: '';
display: block;
width: 68px;
height: 68px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-h-yaji-1.png) no-repeat right top / contain #fff;
position: absolute;
left: 50%;
margin-left: -160px;
bottom: -68px;
z-index: 1;
top: auto;
border: 0;	
}
#diagnose-tool .diagnose-tool-nayami h2{
font-size: 48px;
font-weight: bold;
color: #00b2e2;
}
#diagnose-tool .diagnose-tool-nayami h2 span{
display: block;
color: #ff5b00;
}
#diagnose-tool p{
color: #002544;
margin-bottom: 12px;
font-size: 18px;
}
.diagnose-tool-nayami .hukidasi{
background: #c9caca;
padding: 30px 0;
margin-bottom: 26px;
}
#diagnose-tool .diagnose-tool-nayami .hukidasi p:before{
content: '';
display: inline-block;
width: 150px;
height: 80px;
margin-right: 12px;
vertical-align: middle;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-man-huki.png) no-repeat left center / contain;
}
#diagnose-tool .diagnose-tool-nayami .hukidasi p:nth-of-type(2):before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-woman-huki.png) no-repeat left center / contain;
}
#diagnose-tool .diagnose-tool-nayami .hukidasi p:nth-of-type(2){
margin: 30px 0 0;
}
#diagnose-tool .diagnose-tool-nayami .hukidasi p span{
background: #fff;
display: inline-block;
width: 400px;
text-align: left;
border-radius: 50px;
font-size: 18px;
font-weight: bold;
padding: 20px 0 20px 30px;
}
#diagnose-tool .sagasikata{
display: inline-block;
padding: 30px 40px;
background: #eef9ff;
font-weight: bold;
color: #003468;
font-size: 44px;
position: relative;
margin-top: 90px;
}
#diagnose-tool .sagasikata:before{
content: '';
display: block;
width: 8px;
height: 90px;
position: absolute;
left: 0;
right: 0;
top: -66px;
margin: auto;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-tensen.png) no-repeat center / contain;
}
#diagnose-tool .sagasikata:after{
content: '';
width: 100%;
height: 100%;
background: repeating-linear-gradient(50deg, #fff, #fff 7px,#81c1e1 0 ,#81c1e1 10px);
position: absolute;
right: -14px;
bottom: -14px;
z-index: -1;
}
#diagnose-tool .sagasikata span{
display: inline-block;
background: #00b2e2;
color: #fff;
line-height: 1;
padding: 14px;
border-radius: 5px;
margin-right: 6px;
}
.diagnose-tool-kotu {
text-align: center;
padding-bottom: 100px;
}
#diagnose-tool .diagnose-tool-kotu h2{
font-size: 48px;
font-weight: bold;
color: #0987c6;
line-height: 1.1;
padding: 32px 0 28px;
}
#diagnose-tool .diagnose-tool-kotu h2 span{
color: #fc4c62;
display: inline-block;
}
#diagnose-tool .diagnose-tool-kotu h2 span.b{
font-size: 80px;
}
.kotu-in{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.kotu-in dl{
width: 300px;
background: #eef9ff;
margin-right: 15px;
border-radius: 10px;
position: relative;
padding: 40px 14px 20px;
z-index: 2;
}
.kotu-in dl:last-of-type{
margin: 0;
}
.kotu-nam{
position: absolute;
left: 0;
top: 0;
background: #fc4c62;
border-radius: 10px 0 10px 0;
color: #fff;
padding: 6px 12px;
font-size: 10px;
}
.kotu-nam span{
font-size: 15px;
}
.kotu-in dt{
color: #003468;
font-weight: bold;
font-size: 20px;
line-height: 1.4;
}
#diagnose-tool .kotu-in dt img{
display: block;
height: 100px;
margin: 14px auto;
}
.kotu-in dd{
text-align: left;
color: #102644;
font-size: 16px;
line-height: 1.4;
}
#diagnose-tool .kotu-in dd p{
font-size: 16px;
line-height: 1.4;
margin: 10px 0 0;
}
.kotu-in:after{
content: '';
display: block;
width: 160px;
height: 170px;
position: absolute;
left: 0;
right: 0;
bottom: -110px;
margin: auto;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-yaji-ll.png) no-repeat center / contain;
z-index: 1;
}
#diagnose-tool .kaiketu{
display: inline-block;
padding: 40px 0 28px;
background: #003468;
font-weight: bold;
font-size: 54px;
position: relative;
margin-top: 90px;
width: 730px;
color: #fff;
line-height: 1.2;
}
#diagnose-tool .kaiketu span{
display: block;
color: #00b2e2;
}
#diagnose-tool .kaiketu span.b{
display: inline-block;
font-size: 70px;
}
#diagnose-tool .kaiketu:after{
content: '';
width: 100%;
height: 100%;
background: repeating-linear-gradient(50deg, #fff, #fff 7px,#81c1e1 0 ,#81c1e1 10px);
position: absolute;
right: -14px;
bottom: -14px;
z-index: -1;
}

.diagnose-tool-maincont{
background: #0987c6;
text-align: center;
padding: 40px 0 70px;
}
#diagnose-tool .diagnose-tool-maincont h2{
border: 0;
color: #fff200;
font-size: 64px;
display: inline-block;
padding: 20px 70px;
margin-bottom: 30px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/h-kakko-l.png) no-repeat left center / contain,url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/h-kakko-r.png) no-repeat right center / contain;
}
#diagnose-tool .diagnose-tool-maincont h2:after{
display: none;
}
.diagnose-tool-maincont .shindan-qa-list{
background: #fff;
border-radius: 20px;
margin: 0 auto 54px;
width: 730px;
padding: 50px 120px 80px;
text-align: left;
position: relative;
}
.diagnose-tool-maincont .shindan-qa-list:before{
content: '';
display: block;
width: 110px;
height: 110px;
position: absolute;
top: -45px;
right: 85px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-search-sindan.png) no-repeat center / contain ;
}
.diagnose-tool-maincont .shindan-qa-list:after{
content: '';
display: block;
width: 136px;
height: 60px;
position: absolute;
bottom: -20px;
left: 0;
right: 0;
margin: auto;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-yaji-l.png) no-repeat center / contain ;
}
.diagnose-tool-maincont .shindan-question-wrap{
border-bottom: 5px solid #00b2e2;
color: #003468;
font-size: 26px;
font-weight: bold;
line-height: 1.2;
position: relative;
padding: 0 0 8px 44px;
}
.diagnose-tool-maincont .shindan-question-wrap:before{
content: '';
display: block;
width: 26px;
height: 18px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-check-red.png) no-repeat center / contain ;
position: absolute;
left: 5px;
top: 5px;
}
.diagnose-tool-maincont .shindan-question-no-text,.diagnose-tool-maincont .shindan-question-no{
display: none;
}
.diagnose-tool-maincont .shindan-selection li{
color: #294860;
font-size: 22px;
line-height: 1;
margin: 20px 0 0;
cursor: pointer;
padding-left: 38px;
}
.diagnose-tool-maincont .shindan-selection li:before{
content: '';
display: block;
box-sizing: border-box;
width: 18px;
height: 18px;
background: #fff!important;
border-radius: 50%;
box-shadow: 0 0 0 3px #294860;
position: absolute;
left: 6px ;
top: 0;
bottom: 4px;
margin: auto;
border: 3px solid #fff;
}
.diagnose-tool-maincont .shindan-selection li.on:before{
background: #00b2e2!important;
}
.diagnose-tool-maincont .shindan-qa-container:nth-of-type(1) .shindan-selection,.diagnose-tool-maincont .shindan-qa-container:nth-of-type(2) .shindan-selection,.diagnose-tool-maincont .shindan-qa-container:nth-of-type(4) .shindan-selection{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.diagnose-tool-maincont .shindan-qa-container:nth-of-type(1) .shindan-selection li,.diagnose-tool-maincont .shindan-qa-container:nth-of-type(2) .shindan-selection li,.diagnose-tool-maincont .shindan-qa-container:nth-of-type(4) .shindan-selection li{
width: 50%;
box-sizing: border-box;
}
.diagnose-tool-maincont .shindan-qa-container:nth-of-type(1) ~ .shindan-qa-container{
margin-top: 50px;
}
.diagnose-tool-maincont .shindan-result-bt{
background: rgb(249,48,77);
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-search.png) no-repeat left 68px center / 48px ,url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-muryou-bt.png) no-repeat right 30px center / 98px , linear-gradient(90deg, rgba(249,48,77,1) 0%, rgba(249,80,77,1) 100%);
color: #fff;
font-weight: bold;
border-radius: 10px;
box-shadow: 0 10px 0 0 #ff787f;
text-decoration: none;
width: 480px;
display: inline-block;
line-height: 100px;
text-align: center;
font-size: 44px;
position: relative;
border: 0;
transition: 0.3s;
cursor: pointer;
}
.diagnose-tool-maincont .shindan-result-bt:hover{
opacity: 0.6;
}
#diagnose-tool .diagnose-tool-maincont .shindan-selection + p{
margin: 0!important;
}
.diagnose-tool-riyuu{
padding: 100px 0 0;
text-align: center;
}
#diagnose-tool .diagnose-tool-riyuu h2{
text-align: center;
color: #00b2e2;
font-size: 48px;
font-weight: bold;
line-height: 1;
padding: 32px 0 28px;
}/*
#diagnose-tool .diagnose-tool-riyuu h2 span{
color: #fc4c62;
}*/
#diagnose-tool .diagnose-tool-riyuu h2 .blue{
display: block;
color: #003468;
}
#diagnose-tool .diagnose-tool-riyuu h2 .b{
font-size: 80px;
}
#diagnose-tool .marker-blue{
font-weight: bold;
color: #002544;
background: linear-gradient(transparent 60%, #c5f4ff 0%);
}
.diagnose-tool-riyuu .img-wrap{
width: 730px;
margin: 0 auto;
background: #f7f8f8;
padding: 30px 30px 80px;
border-radius: 20px 20px 0 0;
}
.diagnose-tool-riyuu .ol-wrap{
box-shadow: 0 0 0 4px #0987c6;
width: 722px;
margin: 0 auto;
border-radius: 2px;
position: relative;
}
#diagnose-tool .diagnose-tool-riyuu .ol-wrap p{
position: absolute;
color: #fff;
background: #0987c6;
width: 56%;
border-radius: 50px;
height: 66px;
line-height: 70px;
left: 0;
right: 0;
top: -33px;
margin: auto;
font-size: 34px;
font-weight: bold;
}
.diagnose-tool-riyuu .ol-wrap ol{
padding: 70px 30px 30px;
}
.diagnose-tool-riyuu .ol-wrap li{
text-align: left;
color: #003468;
font-size: 28px;
font-weight: bold;
margin-bottom: 10px;
padding-left: 50px;
}
.diagnose-tool-riyuu .ol-wrap li:last-of-type{
margin: 0;
}
.diagnose-tool-riyuu .ol-wrap li:before{
content: '';
display: block;
height: 32px;
width: 32px;
border-radius: 50%;
top: 3px;
color: #fff;
text-align: center;
font-size: 20px;
line-height: 34px;
padding-left: 2px;
box-sizing: border-box;
}
.diagnose-tool-riyuu .ol-wrap li:nth-of-type(1):before{
content: '1';
}
.diagnose-tool-riyuu .ol-wrap li:nth-of-type(2):before{
content: '2';
}
.diagnose-tool-riyuu .ol-wrap li:nth-of-type(3):before{
content: '3';
}
.diagnose-tool-riyuu .ol-wrap li:after{
display: none;
}
#diagnose-tool .diagnose-tool-riyuu h3{
margin: 70px auto 30px;
width: 920px;
position: relative;
text-align: left;
padding: 28px 0 26px 114px;
font-size: 34px;
color: #003468;
}
#diagnose-tool .diagnose-tool-riyuu h3:before,#diagnose-tool .diagnose-tool-riyuu h3:after{
content: '';
display: block;
width: 100%;
height: 4px;
background: #003468!important;
border-radius: 50px;
position: absolute;
z-index: 1;
left: auto;
bottom: auto;
top: auto;
}
#diagnose-tool .diagnose-tool-riyuu h3:before{
top: 0;
right: 0;
width: calc(100% - 110px);
}
#diagnose-tool .diagnose-tool-riyuu h3:after{
left: 0;
bottom: 0;
}
#diagnose-tool .diagnose-tool-riyuu h3 img{
position: absolute;
left: 0;
top: -12px;
width: 90px;
}
#diagnose-tool .diagnose-tool-riyuu h3 + p{
text-align: left;
width: 870px;
margin: 0 auto;
}
.diagnose-tool-riyuu .riyuu-acd{
margin-top: 30px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox{
display: none;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox + br{
display: none;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel{
display: block;
cursor: pointer;
width: 920px;
margin: 0 auto;
background: #768f9b;
border-radius: 16px;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel br{
display: none;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel .label-title{
line-height: 80px;
color: #fff;
font-size: 28px;
font-weight: bold;
display: block;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel .label-title:after{
content: '';
display: inline-block;
vertical-align: middle;
width: 26px;
height: 26px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-yajisita.png) no-repeat center top 10px / 14px #fff;
border-radius: 50%;
margin-left: 10px;
position: relative;
bottom: 2px;
}
.diagnose-tool-riyuu .riyuu-acd-cont{
display: block;
height: 0;
opacity: 0;
visibility: hidden;
transition: 0.4s;
background: #fff;
border-radius: 20px;
margin: 0 30px;
text-align: center;
}
.diagnose-tool-riyuu .riyuu-acd-cont .riyuu{
display: inline-block;
padding: 0 20px;
background: linear-gradient(transparent 60%, #c5f4ff 0%);
color: #fc4c62;
font-weight: bold;
font-size: 26px;
position: relative;
margin-bottom: 20px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .riyuu:before{
content: '';
display: block;
width: 18px;
height: 14px;
position: absolute;
top: -9px;
left: 5px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-bikkuri.png) no-repeat center / contain ;
}
.diagnose-tool-riyuu .riyuu-acd-cont .setumei{
display: block;
text-align: left;
color: #294860;
line-height: 2;
padding: 0 40px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .setumei:nth-of-type(2){
padding-bottom: 30px;
border-bottom: 1px solid #546d80;
margin-bottom: 40px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox:checked ~ .riyuu-acd-checklabel{
padding-bottom: 20px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox:checked ~ .riyuu-acd-checklabel .riyuu-acd-cont{
height: auto;
opacity: 1;
visibility: visible;
padding: 40px 30px;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap,#diagnose-tool .diagnose-tool-qa .btn-wrap{
background: #f7f8f8;
padding: 20px 0 40px;
margin-top: 70px;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap a,#diagnose-tool .diagnose-tool-qa .btn-wrap a{
font-size: 40px;
padding-left: 6px;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap a:before,#diagnose-tool .diagnose-tool-qa .btn-wrap a:before{
display: none;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap a img,#diagnose-tool .diagnose-tool-qa .btn-wrap a img{
width: 100px;
vertical-align: middle;
margin-left: 8px;
margin-top: -5px;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap span,#diagnose-tool .diagnose-tool-qa .btn-wrap span{
color: #fc4c62;
font-size: 24px;
font-weight: bold;
display: inline-block;
margin-bottom: 4px;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap span:before,#diagnose-tool .diagnose-tool-qa .btn-wrap span:before{
content: '';
display: inline-block;
width: 42px;
height: 40px;
margin-right: 6px;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-search-bt.png) no-repeat center / contain ;
vertical-align: text-bottom;
position: relative;
bottom: 3px;
}
.diagnose-tool-qa{
padding: 100px 0 0;
}
#diagnose-tool .diagnose-tool-qa h2{
text-align: center;
color: #00b2e2;
font-size: 48px;
}
.diagnose-tool-qawrap {
width: 700px;
margin: 0 auto 10px;
}
.diagnose-tool-qa .qa-checkbox{
display: none;
}
.diagnose-tool-qa .qa-checklabel{
display: block;
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-q.png) no-repeat left 14px center / 36px,url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-plus.png) no-repeat right 24px center / 28px, #78d9ef;
height: 90px;
line-height: 92px;
border-radius: 14px;
color: #003468;
font-weight: bold;
font-size: 22px;
position: relative;
padding: 0 60px 0 64px;
cursor: pointer;
}
.diagnose-tool-qa .qa-checklabel:after{
content: '';
display: block;
width: calc(100% - 12px);
position: absolute;
left: 6px;
height: 2px;
background: #78d9ef;
bottom: -5px;
}
.diagnose-tool-qa .qa-cont{
height: 0;
opacity: 0;
visibility: hidden;
transition: 0.4s;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-q-a.png) no-repeat left 14px top 14px / 36px;
line-height: 1.6;
padding: 0 60px 0 64px;
}
.diagnose-tool-qa .qa-checkbox:checked ~ .qa-cont{
height: auto;
opacity: 1;
visibility: visible;
padding-top: 20px;
padding-bottom: 20px;
}
.diagnose-tool-qa .qa-checkbox:checked ~ .qa-checklabel{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-q.png) no-repeat left 14px center / 36px,url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-mainasu.png) no-repeat right 24px center / 28px, #78d9ef;
}
.diagnose-tool-qa .qa-checkbox:checked ~ .qa-checklabel:after{
display: none;
}
.diagnose-tool-footer{
background: #00b2e2;
text-align: center;
padding: 20px 0;
margin-top: 90px;
}
#diagnose-tool .diagnose-tool-footer li{
display: inline-block;
margin: 0 8px;
padding: 0;
position: relative;
}
#diagnose-tool .diagnose-tool-footer li:nth-of-type(1):after{
content: '';
display: block;
width: 1px;
height: calc(100% - 4px);
background: #fff;
position: absolute;
top: 2px;
right: -13px;
}
#diagnose-tool .diagnose-tool-footer li:before{
display: none;
}
#diagnose-tool .diagnose-tool-footer li a{
display: block;
color: #fff;
text-decoration: none;
font-weight: normal;
font-size: 18px;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.sp{
display: block;
}
.diagnose-tool-head{
padding: 28px 0 22px;
}
#diagnose-tool .diagnose-tool-head h2 .y{
font-size: 20px;
margin-bottom: 12px;
}
#diagnose-tool .diagnose-tool-head h2 .y:before,#diagnose-tool .diagnose-tool-head h2 .y:after{
width: 16px;
height: 24px;
}
#diagnose-tool .diagnose-tool-head h2 .y:before{
left: -22px;
}
#diagnose-tool .diagnose-tool-head h2 .y:after{
right: -15px;
}
#diagnose-tool .diagnose-tool-head h2 .f{
font-size: 44px;
}
.diagnose-tool-fv{
padding: 30px 0 60px;
background:none;
}
.diagnose-tool-fv .img-wrap img{
width: 66%;
left: 14px;
}
.diagnose-tool-fv .img-wrap .scroll-block{
width: 140px;
height: 84px;
}
.diagnose-tool-fv .img-wrap .scroll-block.hukidasi1{
margin-left: -176px;
top: -8px;
}
.diagnose-tool-fv .img-wrap .scroll-block.hukidasi2{
margin-right: -170px;
bottom: 150px;
}
.diagnose-tool-fv .img-wrap .scroll-block.hukidasi3{
margin-left: -176px;
bottom: 76px;
}
.diagnose-tool-fv .img-wrap:before,.diagnose-tool-fv .img-wrap:after{
width: 140px;
height: 84px;
}
.diagnose-tool-fv .img-wrap:before{
margin-left: -176px;
top: -8px;
}
.diagnose-tool-fv .img-wrap:after{
margin-right: -170px;
bottom: 150px;
}
.diagnose-tool-fv .btn-wrap{
margin-top: -30px;
}
.diagnose-tool-fv .btn-wrap:before{
width: 140px;
height: 84px;
margin-left: -176px;
top: -130px;
}
#diagnose-tool .btn-wrap{
width: 94%;
}
#diagnose-tool .btn-wrap a{
box-shadow: 0 8px 0 0 #ff787f;
width: 100%;
line-height: 80px;
font-size: 30px;
}
#diagnose-tool .btn-wrap a:before{
width: 38px;
height: 38px;
left: 50%;
margin-left: -120px;
}
#diagnose-tool .btn-wrap a span{
font-size: 22px;
padding: 0px 20px;
height: 32px;
line-height: 32px!important;
right: 50%;
margin-right: -160px!important;
}
.diagnose-tool-nayami{
padding-bottom: 30px;
}
#diagnose-tool h2{
border-top: 6px solid #003468;
border-bottom: 6px solid #003468;
padding: 16px 0;
margin: 0 auto 50px;
width: 96%;
}
#diagnose-tool h2:after{
width: 45px;
height: 38px;
margin-left: -80px;
bottom: -38px;
}
#diagnose-tool .diagnose-tool-nayami h2{
font-size: 26px;
}
#diagnose-tool p{
margin-bottom: 12px;
font-size: 16px;
}
.diagnose-tool-nayami .hukidasi{
padding: 20px 0;
margin-bottom: 14px;
}
#diagnose-tool .diagnose-tool-nayami .hukidasi p:before{
width: 90px;
height: 50px;
margin-right: 6px;
}
#diagnose-tool .diagnose-tool-nayami .hukidasi p:nth-of-type(2){
margin: 20px 0 0;
}
#diagnose-tool .diagnose-tool-nayami .hukidasi p span{
width: 252px;
font-size: 13px;
padding: 10px 0 10px 14px;
}
#diagnose-tool .sagasikata{
box-sizing: border-box;
width: 94%;
padding: 16px 0;
font-size: 20px;
margin-top: 32px;
}
#diagnose-tool .sagasikata:before{
width: 4px;
height: 52px;
top: -40px;
}
#diagnose-tool .sagasikata:after{
background: repeating-linear-gradient(50deg, #fff, #fff 3px,#81c1e1 0 ,#81c1e1 5px);
right: -6px;
bottom: -6px;
}
#diagnose-tool .sagasikata span{
padding: 6px 6px 4px;
margin-right: 4px;
}
.diagnose-tool-kotu {
padding-bottom: 30px;
}
#diagnose-tool .diagnose-tool-kotu h2{
font-size: 26px;
padding: 18px 0 12px;
}
#diagnose-tool .diagnose-tool-kotu h2 span.b{
font-size: 36px;
}
.kotu-in{
display: block;
}
.kotu-in dl{
width: 94%;
padding: 40px 14px 20px;
margin: 0 auto 18px;
}
.kotu-in dl:last-of-type{
margin: 0 auto;
}
.kotu-nam{
padding: 4px 12px;
}
.kotu-nam span{
font-size: 15px;
}
.kotu-in:after{
width: 110px;
height: 110px;
bottom: -96px;
}
#diagnose-tool .kaiketu{
padding: 28px 0 20px;
font-size: 30px;
margin-top: 82px;
width: 96%;
}
#diagnose-tool .kaiketu span.b{
font-size: 44px;
}
#diagnose-tool .kaiketu:after{
background: repeating-linear-gradient(50deg, #fff, #fff 3px,#81c1e1 0 ,#81c1e1 5px);
right: -6px;
bottom: -6px;
}
.diagnose-tool-maincont{
padding: 20px 0 30px;
}
#diagnose-tool .diagnose-tool-maincont h2{
font-size: 40px;
padding: 12px 26px;
margin-bottom: 20px;
width: auto;
}
.diagnose-tool-maincont .shindan-qa-list{
margin: 0 auto 30px;
width: 94%;
padding: 30px 12px 50px;
}
.diagnose-tool-maincont .shindan-qa-list:before{
width: 56px;
height: 54px;
top: -28px;
right: 50%;
margin-right: -166px;
}
.diagnose-tool-maincont .shindan-qa-list:after{
width: 84px;
height: 40px;
bottom: -14px;
display:none;
}
.diagnose-tool-maincont .shindan-question-wrap{
font-size: 22px;
border-bottom: 4px solid #00b2e2;
padding: 0 0 4px 38px;
}
.diagnose-tool-maincont .shindan-question-wrap:before{
width: 22px;
height: 16px;
left: 5px;
top: 5px;
}
.diagnose-tool-maincont .shindan-selection li{
font-size: 16px;
margin: 20px 0 0;
padding-left: 32px;
}
.diagnose-tool-maincont .shindan-selection li:before{
width: 14px;
height: 14px;
left: 6px ;
bottom: 2px;
}
.diagnose-tool-maincont .shindan-qa-container:nth-of-type(1) ~ .shindan-qa-container{
margin-top: 40px;
}
.diagnose-tool-maincont .shindan-result-bt{
background: rgb(249,48,77);
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-search.png) no-repeat left 58px center / 38px ,url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-muryou-bt.png) no-repeat right 24px center / 76px , linear-gradient(90deg, rgba(249,48,77,1) 0%, rgba(249,80,77,1) 100%);
box-shadow: 0 8px 0 0 #ff787f;
width: 94%;
font-size: 30px;
line-height: 80px;
}
.diagnose-tool-riyuu{
padding: 50px 0 0;
}
#diagnose-tool .diagnose-tool-riyuu h2{
font-size: 24px;
line-height: 1.1;
padding: 22px 0 18px;
}
#diagnose-tool .diagnose-tool-riyuu h2 .blue{
margin-bottom: 10px;
}
#diagnose-tool .diagnose-tool-riyuu h2 .b{
font-size: 40px;
}
#diagnose-tool .diagnose-tool-riyuu h2 + p{
width: 96%;
margin-left: auto;
margin-right: auto;
}
.diagnose-tool-riyuu .img-wrap{
width: 94%;
padding: 16px 16px 40px;
}
.diagnose-tool-riyuu .ol-wrap{
box-shadow: 0 0 0 3px #0987c6;
width: calc(94% - 6px);
}
#diagnose-tool .diagnose-tool-riyuu .ol-wrap p{
width: 62%;
min-width: 210px;
height: 38px;
line-height: 40px;
top: -20px;
font-size: 20px;
}
.diagnose-tool-riyuu .ol-wrap ol{
padding: 32px 10px 20px;
}
.diagnose-tool-riyuu .ol-wrap li{
font-size: 16px;
margin-bottom: 10px;
padding-left: 28px;
}
.diagnose-tool-riyuu .ol-wrap li:last-of-type{
margin: 0;
}
#diagnose-tool .diagnose-tool-riyuu .ol-wrap li:before{
height: 20px;
width: 20px;
top: 1px;
font-size: 11px;
line-height: 22px;
padding-left: 1px;
}
#diagnose-tool .diagnose-tool-riyuu h3{
margin: 44px auto 16px;
width: 94%;
padding: 18px 0 16px 56px;
font-size: 24px;
}
#diagnose-tool .diagnose-tool-riyuu h3:before,#diagnose-tool .diagnose-tool-riyuu h3:after{
height: 3px;
}
#diagnose-tool .diagnose-tool-riyuu h3:before{
width: calc(100% - 56px);
}
#diagnose-tool .diagnose-tool-riyuu h3 img{
top: -10px;
width: 48px;
}
#diagnose-tool .diagnose-tool-riyuu h3 + p{
width: 90%;
}
.diagnose-tool-riyuu .riyuu-acd{
margin-top: 20px;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel{
width: 94%;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel .label-title{
line-height: 70px;
font-size: 22px;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel .label-title:after{
width: 24px;
height: 24px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-yajisita.png) no-repeat center top 10px / 12px #fff;
margin-left: 10px;
bottom: 2px;
}
.diagnose-tool-riyuu .riyuu-acd-cont{
margin: 0 14px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .riyuu{
padding: 0 10px;
font-size: 22px;
margin-bottom: 12px;
line-height: 1;
}
.diagnose-tool-riyuu .riyuu-acd-cont .riyuu:before{
width: 13px;
height: 13px;
top: -10px;
left: -2px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .setumei{
line-height: 1.8;
padding: 0 16px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .setumei:nth-of-type(2){
padding-bottom: 14px;
margin-bottom: 20px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox:checked ~ .riyuu-acd-checklabel{
padding-bottom: 14px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox:checked ~ .riyuu-acd-checklabel .riyuu-acd-cont{
padding: 24px 10px;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap,#diagnose-tool .diagnose-tool-qa .btn-wrap{
padding: 20px 0 40px;
margin-top: 40px;
width: auto;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap a,#diagnose-tool .diagnose-tool-qa .btn-wrap a{
font-size: 28px;
padding-left: 6px;
width: 94%;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap a img,#diagnose-tool .diagnose-tool-qa .btn-wrap a img{
width: 74px;
margin-left: 6px;
margin-top: -5px;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap span,#diagnose-tool .diagnose-tool-qa .btn-wrap span{
font-size: 16px;
margin-bottom: 4px;
}
#diagnose-tool .diagnose-tool-riyuu .btn-wrap span:before,#diagnose-tool .diagnose-tool-qa .btn-wrap span:before{
width: 30px;
height: 28px;
margin-right: 6px;
vertical-align: text-bottom;
bottom: 3px;
}
.diagnose-tool-qa{
padding: 50px 0 0;
}
#diagnose-tool .diagnose-tool-qa h2{
font-size: 26px;
}
.diagnose-tool-qawrap {
width: 96%;
margin: 0 auto 10px;
}
.diagnose-tool-qa .qa-checklabel{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-q.png) no-repeat left 9px center / 26px,url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-plus.png) no-repeat right 14px center / 20px, #78d9ef;
height: 70px;
line-height: 72px;
font-size: 16px;
padding: 0 36px 0 40px;
}
.diagnose-tool-qa .qa-cont{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-q-a.png) no-repeat left 9px top 15px / 24px;
padding: 0 36px 0 40px;
}
.diagnose-tool-qa .qa-checkbox:checked ~ .qa-cont{
padding-top: 18px;
padding-bottom: 2px;
}
.diagnose-tool-qa .qa-checkbox:checked ~ .qa-checklabel{
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-q.png) no-repeat left 9px center / 26px,url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-mainasu.png) no-repeat right 14px center / 20px, #78d9ef;
}
.diagnose-tool-footer{
padding: 16px 0;
margin-top: 50px;
}
#diagnose-tool .diagnose-tool-footer li{
margin: 0 8px;
}
#diagnose-tool .diagnose-tool-footer li:nth-of-type(1):after{
width: 1px;
height: calc(100% - 4px);
top: 2px;
right: -13px;
}
#diagnose-tool .diagnose-tool-footer li a{
font-size: 13px;
}
}




/*------------------------------------------------------------
診断結果(LP用)
-------------------------------------------------------------*/
.page-template-lp2 #contents{
margin:0;
padding:0;
}
.page-template-lp2 #contents .cps-post-header{
text-align: center;
background: #0987c6;
display:none;
}
.page-template-lp2 #contents .entry-title {
text-align: center;
font-size: 54px !important;
line-height:1;
padding:30px;
color:#FFF;
margin:0 0 10px;
}
.page-template-lp2 .cps-post-main {
padding-top:0;
}
/*--選択--*/
.page-template-lp2 .shindan-wrapper{
width:730px;
margin:auto;
display:block;
}
.page-template-lp2 .cps-post-main-box .lp-result-h{
font-size: 24px;
font-weight: bold;
text-align: center;
color:#0987c6;
width:730px;
margin:auto;
margin-top: 30px;
line-height: 1.4;
}
.page-template-lp2 .cps-post-main-box .lp-select-list{
display: block;
margin:30px auto 30px;
box-shadow: 0 0 0 2px #00b2e2;
box-sizing: border-box;
width:730px;
}
.page-template-lp2 .cps-post-main-box .lp-select-list p{
margin: 0;
padding:10px 0;
background: #00b2e2;
text-align: center;
font-weight: bold;
color:#FFF;
font-size: 18px;
}
.page-template-lp2 .cps-post-main-box .lp-select-list ul{
list-style: none;
margin: 0;
padding:10px;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
}
.page-template-lp2 .cps-post-main-box .lp-select-list ul li{
list-style: none;
margin:10px;
padding: 0 0 0 25px;
line-height:1;
color:#002544;
font-weight: bold;
}
.page-template-lp2 .cps-post-main-box .lp-select-list ul li:before{
content: '';
position: absolute;
top:0;
bottom:0;
left:0;
width: 8px;
height: 8px;
margin:auto;
background: #002544!important;
border-radius: 100%;
}

/*--診断メイン--*/

.page-template-lp2 .sindan-wrap:after{
display:none;
}
.page-template-lp2 .sindan-wrap.sindan-kekka{
margin: 0 auto;
box-shadow:none;
text-align: center;
background: #0987c6;
padding:15px;
box-sizing: border-box;
width:100%;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .sindan-inner {
padding:5px 0px 20px;
border-radius:15px;
background: #fff;
}
.page-template-lp2 .sindan-wrap .midasi {
display:none;
}
.page-template-lp2 .sindan-wrap p:empty{
display: none;
}
.page-template-lp2 .sindan-wrap .sindan-inner p br{
display:none;
}
.page-template-lp2 .sindan-wrap .sindan-inner p .shindan-cond-text2 span{
color:#ff5b00;
font-size: 24px;
}
.page-template-lp2 .sindan-wrap .sindan-inner p .shindan-result-count{
color:#ff5b00;
font-size: 34px!important;
}
.page-template-lp2 .sindan-wrap .sindan-inner p .shindan-cond-text2 span.b-red{
background:none;
}
.page-template-lp2 .sindan-wrap .sindan-inner p .shindan-cond-text2 span.b-red:before{
content:"診断結果：";
font-weight: bold;
font-size: 22px;
color:#00b2e2;
line-height:1;
}
.page-template-lp2 .sindan-kekka-cont {
padding: 10px 30px 140px;
position:relative;
}
.page-template-lp2 .sindan-kekka-cont:last-of-type{
padding: 10px 30px 50px;
position:relative;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .agent-text {
color: #FFF;
background: #003468!important;
margin: 0 0 20px;
border-radius:10px;
line-height: 1.4;
padding: 20px 0 12px;
text-align: center;
font-weight: bold;
font-size: 34px;
position: relative;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .agent-text + p img{
width:99%;
max-width:100%;
border-radius:1px;
}

.page-template-lp2 .sindan-kekka .sindan-point-wrap{
margin:60px 0;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title{
position:relative;
height:0;
top:0;
left: 0;
right: 0;
margin:0 auto 40px;
text-align: center;
display: flex;
align-items: center;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title:before,
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title:after {
content: "";
height: 3px;
flex-grow: 1;
background-color: #003468;
border-radius:50px;
} 
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title:before {
margin-right:10px;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title:after {
margin-left:10px;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title span{
position:relative
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title span img{
display:none;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title span:before{
content:"おすすめポイント";
display:block;
font-weight: bold;
font-size: 28px;
color:#003468;
line-height:1;
position:relative;
top:-12px;
}
.page-template-lp2 .sindan-kekka-cont .sindan-point-wrap ul {
border-radius: 10px;
padding:30px 30px;
border:0;
box-shadow: 0 0 0 0;
text-align: left;
background:#eef9ff;
}
.page-template-lp2 .sindan-kekka-cont .sindan-point-wrap li{
position: relative;
font-weight: bold;
font-size: 18px;
padding-left: 30px;
margin-bottom: 15px;
}
.page-template-lp2 .sindan-kekka-cont .sindan-point-wrap li:last-of-type{
margin-bottom:0px;
}
.page-template-lp2 .sindan-kekka-cont .sindan-point-wrap li:before{
content: '';
display: block;
width: 21px;
height: 16px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-osusume.png) no-repeat center / contain!important;
position: absolute;
left:0;
top:4px;
}
.page-template-lp2 .sindan-hyouban-wrap{
margin: 50px 0 30px;
position: relative;
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title {
position:relative;
height:0;
top:0;
left: 0;
right: 0;
margin:0 auto 40px;
text-align: center;
display: flex;
align-items: center;
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title:before,
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title:after {
content: "";
height: 3px;
flex-grow: 1;
background-color: #003468;
border-radius:50px;
} 
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title:before {
margin-right:10px;
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title:after {
margin-left:10px;
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title span{
position:relative
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title span img{
display:none;
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title span:before{
content:"評価・口コミ";
display:block;
font-weight: bold;
font-size: 28px;
color:#003468;
line-height:1;
position:relative;
top:-12px;
}
.page-template-lp2 .sindan-kekka-cont .sindan-hyouban-wrap ul{
border-radius: 10px;
padding:30px 30px;
border:0;
box-shadow: 0 0 0 0;
text-align: left;
background:#eef9ff;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-hyouban-wrap li{
position: relative;
font-weight: bold;
font-size:18px;
min-height:auto;
padding-left:30px;
display:block;
margin-bottom: 15px;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-hyouban-wrap li:nth-of-type(1) ~ li{
margin:0;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-hyouban-wrap li:before{
content: '';
display: block;
width: 21px;
height: 20px;
position: absolute;
left: 0;
top:4px;
bottom:auto;
margin: auto;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-kutikomi.png) no-repeat center / contain!important;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-toutoku-wrap a{
display: inline-block;
width:530px;
position: relative;
font-size: 24px;
font-weight: bold;
background: linear-gradient(90deg, #f9304d, #f9504d);
box-shadow: 0 8px 0 0 #ff787f;
color: #fff;
border-radius: 10px;
padding: 20px 20px 19px;
text-decoration: none!important;
margin:0;
line-height: 1.5;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-toutoku-wrap a:after{
content: '>';
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto;
font-size: 26px;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-toutoku-wrap p{
margin: 0;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .btn-ue-text{
margin:50px 10px 15px;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .btn-ue-text span{
color: #00b2e2;
font-size: 20px;
font-weight: bold;
padding: 0 5px;
background:none;
position: relative;
width:auto;
display:inline-block;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .btn-ue-text span:before{
content: '';
display: inline-block;
position: absolute;
width: 24px;
height: 28px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/h-line-red-l.png) no-repeat center / contain!important;
bottom:-3px;
left:-25px;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .btn-ue-text span:after{
content: '';
display: inline-block;
position: absolute;
width: 24px;
height: 28px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/h-line-red-r.png) no-repeat center / contain!important;
bottom: -3px;
right: -25px;
}
.shindan-back{
margin:10px 0 30px;
}
.shindan-back a.back-bt{
padding:10px 30px;
box-shadow: 0 0 0 2px #efefef;
font-size:16px;
font-weight:normal;
text-decoration: none!important;
color:#b5b5b5;
}
.page-template-lp2 .sindan-kekka-cont ~ .sindan-kekka-cont .agent-text:before {
content: '';
display:none;
}
.page-template-lp2 .sindan-kekka-cont ~ .sindan-kekka-cont:before {
content: '';
display: block;
width: 100%;
height: 15px;
border-radius:0;
background: #0987c6;
position: absolute;
top:-70px;
left:0;
bottom:auto;
margin:0;
border:0;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.page-template-lp2 #contents,.page-template-lp2 #onecolumn960lp{
margin:0;
padding:0;
width:100%;
}
.page-template-lp2 #contents .entry-title {
font-size:32px!important;
line-height:1.2;
padding:20px;
margin:0 0 10px;
}
.page-template-lp2 .cps-post-main {
padding-top:0;
}
/*--選択--*/
.page-template-lp2 .shindan-wrapper{
width:100%;
}
.page-template-lp2 .cps-post-main-box .lp-result-h{
font-size: 22px;
padding:20px 10px 10px;
line-height:1.6;
width:95%;
margin:auto;
}
.page-template-lp2 .cps-post-main-box .lp-select-list{
margin:10px auto 30px;
width:95%;
}
.page-template-lp2 .cps-post-main-box .lp-select-list p{
margin: 0;
padding:5px 0;
background: #00b2e2;
color:#FFF;
font-size: 16px;
}
.page-template-lp2 .cps-post-main-box .lp-select-list ul{
list-style: none;
margin: 0;
padding:5px;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
box-sizing: border-box;
justify-content:flex-start;
}
.page-template-lp2 .cps-post-main-box .lp-select-list ul li{
margin:5px;
padding: 0 0 0 15px;
width:46%;
box-sizing: border-box;
font-size: 14px;
line-height:1.4;
}
.page-template-lp2 .cps-post-main-box .lp-select-list ul li:before{
width: 6px;
height: 6px;
}

/*--診断メイン--*/

.page-template-lp2 .sindan-wrap:after{
display:none;
}
.page-template-lp2 .sindan-wrap.sindan-kekka{
margin: 0 auto;
box-shadow:none;
text-align: center;
background: #0987c6;
padding:10px;
box-sizing: border-box;
width:100%;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .sindan-inner {
padding:5px 0px 20px;
border-radius:15px;
background: #fff;
}
.page-template-lp2 .sindan-wrap .midasi {
display:none;
}
.page-template-lp2 .sindan-wrap p:empty{
display: none;
}
.page-template-lp2 .sindan-wrap .sindan-inner p{
line-height:1.2;
}
.page-template-lp2 .sindan-wrap .sindan-inner p br{
display:none;
}
.page-template-lp2 .sindan-wrap .sindan-inner p .shindan-cond-text2 span{
color:#ff5b00;
font-size: 20px;
}
.page-template-lp2 .sindan-wrap .sindan-inner p .shindan-result-count{
color:#ff5b00;
font-size: 30px!important;
}
.page-template-lp2 .sindan-kekka-cont {
padding: 10px 10px 70px;
}
.page-template-lp2 .sindan-kekka-cont:last-of-type{
padding: 10px 10px 50px;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .agent-text {
margin: 0 0 20px;
line-height: 1.4;
padding: 15px 0 12px;
font-size: 20px;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .agent-text + p img{
width:99%;
max-width:100%;
border-radius:1px;
}

.page-template-lp2 .sindan-kekka .sindan-point-wrap{
margin:40px 0;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title{
position:relative;
height:0;
top:0;
left: 0;
right: 0;
margin:0 auto 30px;
text-align: center;
display: flex;
align-items: center;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title:before,
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title:after {
content: "";
height: 2px;
flex-grow: 1;
background-color: #003468;
border-radius:50px;
} 
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title:before {
margin-right:10px;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title:after {
margin-left:10px;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title span{
position:relative
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title span img{
display:none;
}
.page-template-lp2 .sindan-kekka .sindan-point-wrap .title span:before{
font-size: 18px;
top:-8px;
}
.page-template-lp2 .sindan-kekka-cont .sindan-point-wrap ul {
border-radius: 10px;
padding:15px 15px;
}
.page-template-lp2 .sindan-kekka-cont .sindan-point-wrap li{
font-size: 16px;
padding-left: 25px;
margin-bottom: 15px;
}
.page-template-lp2 .sindan-kekka-cont .sindan-point-wrap li:before{
width: 21px;
height: 16px;
top:4px!important;
}
.page-template-lp2 .sindan-hyouban-wrap{
margin: 40px 0 30px;
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title {
margin:0 auto 30px;
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title:before,
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title:after {
content: "";
height: 2px;
flex-grow: 1;
background-color: #003468;
border-radius:50px;
} 
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title:before {
margin-right:10px;
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title:after {
margin-left:10px;
}
.page-template-lp2 .sindan-kekka .sindan-hyouban-wrap .title span:before{
font-size: 18px;
top:-8px;
}
.page-template-lp2 .sindan-kekka-cont .sindan-hyouban-wrap ul{
border-radius: 10px;
padding:15px 15px;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-hyouban-wrap li{
font-size: 16px;
padding-left: 25px;
margin-bottom: 15px;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-hyouban-wrap li:nth-of-type(1) ~ li{
margin:0;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-hyouban-wrap li:before{
width: 21px;
height: 20px;
top: 4px!important;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-toutoku-wrap a{
display: inline-block;
width:100%;
font-size: 18px;
border-radius: 10px;
padding: 15px 20px 14px;
margin:0;
line-height: 1.5;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-toutoku-wrap a:after{
content: '>';
right: 10px;
top: 0;
bottom: 0;
margin: auto;
font-size: 20px;
}
.page-template-lp2 .sindan-kekka .sindan-kekka-cont .sindan-toutoku-wrap p{
margin: 0;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .btn-ue-text{
margin:35px 10px 15px;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .btn-ue-text span{
font-size: 16px;
padding: 0 5px;
width:auto;
display:inline-block;
line-height: 1;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .btn-ue-text span:before{
width: 15px;
height: 20px;
bottom:-3px;
left:-15px;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .btn-ue-text span:after{
width: 15px;
height: 20px;
bottom:-3px;
right:-15px;
}
.shindan-back{
margin:10px 0 30px;
}
.shindan-back a.back-bt{
padding:10px 30px;
box-shadow: 0 0 0 2px #efefef;
font-size:14px;
}
.page-template-lp2 .sindan-kekka-cont ~ .sindan-kekka-cont:before {
width: 100%;
height: 10px;
top:-30px;
left:0;
bottom:auto;
margin:0;
border:0;
}
.spbr-block{
display:block;
}
}

/* アニメーション */

.diagnose-tool-fv .btn-wrap {
  transform: translateY(50px);
  transition: all .5s ease-in;
}
.diagnose-tool-fv .btn-wrap.sc-active {
  transform: translateY(0);
}
.bottom-slidein img{
  transform: translateY(100px);
  transition: all .5s ease-in;
}
.bottom-slidein.sc-active img{
  transform: translateY(0);
}

.anim-poyo{
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
.hukidasi1 img,.hukidasi2 img,.hukidasi3 img{
animation: fadeIn 0.6s cubic-bezier(0.73, 0.02, 0.68, 1.01) 1 forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*----------------------診断結果end-------------------------*/



/*--------------------------------------------------------
診断LP2
-------------------------------------------------------*/
#diagnose-tool .diagnose-tool-head h2 .under-line-wrap{
display: block;
padding: 0;
margin: 0;
}
#diagnose-tool .diagnose-tool-head h2 .under-line{
display: inline-block;
margin: 0 0 14px;
padding: 0 10px 2px;
background: linear-gradient(transparent 90%, #fff100 0%);
font-size: 44px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#diagnose-tool .diagnose-tool-head h2 .under-line{
font-size: 34px;
margin-bottom: 12px;
}
}


/*--------------------------------------------------------
診断LP(ボタン追加修正)
-------------------------------------------------------*/
#diagnose-tool a.kaiketu{
display: inline-block;
padding: 40px 0 20px;
background: #003468;
font-weight: bold;
font-size: 49px;
position: relative;
margin-top: 90px;
color: #fff;
line-height: 1.2;
background: rgb(249,48,77);
background:linear-gradient(90deg, rgba(249,48,77,1) 0%, rgba(249,80,77,1) 100%);
color: #fff;
border-radius: 10px;
box-shadow: 0 10px 0 0 #ff787f;
text-decoration: none;
width: 650px;
transition: 0.3s;
cursor: pointer;
}
#diagnose-tool a.kaiketu span{
display: block;
color: #fffd89;
}
#diagnose-tool a.kaiketu span.b{
display: inline-block;
font-size: 70px;
}
#diagnose-tool a.kaiketu:after{
display:none;
}
#diagnose-tool a.kaiketu{
cursor:pointer;
}
#diagnose-tool a.kaiketu:hover{
opacity:0.6;
}
#diagnose-tool .kaiketu:hover:after{
opacity:0.4;
}
#diagnose-tool a.kaiketu span {
margin: 0!important;
}
#diagnose-tool .kaiketu:before{
content:">";
position:absolute;
right:15px;
top:35%;
bottom:0;
margin:auto;
font-size:50px;
animation: yajiyokomove 1s ease-in-out infinite;
}
@keyframes yajiyokomove{
0%{right:1%;}
50%{right:3%;opacity:0.3;}
100%{right:1%;}
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#diagnose-tool a.kaiketu{
padding: 30px 0 15px;
font-size: 28px;
margin:80px 0 0;
line-height: 1.2;
width:94%;
}
#diagnose-tool a.kaiketu span.b{
font-size: 38px;
}
#diagnose-tool .kaiketu:before{
right:15px;
top:38%;
font-size:28px;
}
}


/*-----------------------------------------------------
診断結果追加
-------------------------------------------------------*/
div.cps-post-main .sindan-kekka-cont .info-table{
text-align: left;
}
div.cps-post-main .sindan-kekka-cont .info-table tr:first-child td{
padding-right: 0;
padding-bottom: 20px;
}
div.cps-post-main .sindan-kekka-cont .info-table ~ h3{
text-align: left;
padding:8px 0 6px 10px;
background:#e8e8e8;
margin:5px 0 10px;
}
div.cps-post-main .sindan-kekka-cont .info-table ~ h3 ~ h3{
margin-top: 30px;
}
div.cps-post-main .sindan-kekka-cont .info-table ~ p{
text-align: left;
line-height: 1.8;
margin:0 0 15px;
font-size: 15px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div.cps-post-main .sindan-kekka-cont .info-table tr:first-child td{
padding-bottom: 14px;
}
div.cps-post-main .sindan-kekka-cont .info-table ~ h3{
font-size: 16px;
margin:5px 0 10px;
background:#e8e8e8;
padding:8px 0 6px 10px;
border-radius: 2px;
}
div.cps-post-main .sindan-kekka-cont .info-table ~ p{
line-height: 1.8;
margin:0 0 15px;
font-size: 13px;
}
div.cps-post-main .sindan-kekka-cont .info-table ~ h3 ~ h3{
margin-top: 20px;
}
.page-template-lp2 .sindan-wrap.sindan-kekka .sindan-kekka-cont .info-table ~ .sindan-toutoku-wrap .btn-ue-text{
margin-top: 25px;
}
}


/*-----------------------------------------------------
診断LP　おすすめ
-------------------------------------------------------*/
.page-template-lp2 .cps-post-main {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-template-lp2 .cps-post-main-box .lp-result-h{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
}
.page-template-lp2 .cps-post-main-box .lp-select-list{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume{
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
text-align: center;
margin-bottom: 20px;
}
.page-template-lp2 .cps-post-main-box .shindan-wrapper{
-webkit-box-ordinal-group:5;
-ms-flex-order:4;
order:4;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p{
display: inline-block;
position: relative;
color: #333;
font-weight: bold;
font-size: 30px;
line-height: 1;
margin: 0;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p:before,.page-template-lp2 .cps-post-main-box .sindan-osusume p:after{
content: '';
display: block;
width: 70px;
height: 2px;
position: absolute;
background: #00b2e2;
bottom: 23px;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p:before{
left: -80px;
transform: rotate(30deg);
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p:after{
right: -80px;
transform: rotate(-30deg);
}
.page-template-lp2 .cps-post-main-box .sindan-osusume .osusume-text{
display: inline-block;
font-size: 12px;
color: #fff;
margin-right: 10px;
background: #f60601;
position: relative;
padding: 3px 2px 3px 20px;
border-radius: 3px;
line-height: 1;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume .osusume-text:before{
content: '';
display: block;
width: 28px;
height: 34px;
position: absolute;
left: -10px;
top: -13px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/themes/jin/img/lp/icon-result-osusume.png) no-repeat center / contain;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume .sindan-osusume-top{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.1;
margin-bottom: 12px;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume br{
display: none;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume .under-line{
background: linear-gradient(transparent 66%, #ffe622 0%);
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.page-template-lp2 .cps-post-main-box .sindan-osusume p{
font-size: 22px;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p:before,.page-template-lp2 .cps-post-main-box .sindan-osusume p:after{
width: 36px;
bottom: 18px;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p:before{
left: -42px;
transform: rotate(45deg);
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p:after{
right: -42px;
transform: rotate(-45deg);
}
.page-template-lp2 .cps-post-main-box .sindan-osusume .osusume-text{
font-size: 10px;
padding-left: 14px;
margin-right: 8px;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume .osusume-text:before{
width: 22px;
height: 28px;
left: -10px;
top: -10px;
}

.page-template-lp2 .cps-post-main-box .sindan-osusume p{
font-size: 21px;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p:before,.page-template-lp2 .cps-post-main-box .sindan-osusume p:after{
width: 20px;
bottom: 10px;
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p:before{
left: -19px;
transform: rotate(45deg);
}
.page-template-lp2 .cps-post-main-box .sindan-osusume p:after{
right: -19px;
transform: rotate(-45deg);
}

}
/*-----------------------------------------------------
診断LP04
-------------------------------------------------------*/
#diagnose-tool .btn-wrap.bticon-none a:before{
display:none;
}
#diagnose-tool .diagnose-tool-inshoku h2{
font-size: 48px;
font-weight: bold;
color: #0987c6;
line-height: 1.2;
padding: 32px 0 28px;
text-align: center;
margin: 0 0 50px;	
}
#diagnose-tool .diagnose-tool-inshoku h2 span{
color: #fc4c62;
display: inline-block;
}
#diagnose-tool .diagnose-tool-inshoku h2 span.b{
font-size: 58px;
}
#diagnose-tool .rankinglp4 .sindan-wrap.sindan-kekka{
background:none;
}
#diagnose-tool .rankinglp4 .sindan-wrap.sindan-kekka h2{
border:0;
color: #FFF;
background: #003468!important;
margin: 0 0 20px;
border-radius:10px;
line-height: 1.4;
padding: 20px 0 12px;
text-align: center;
font-weight: bold;
font-size: 34px;
position: relative;
}
#diagnose-tool .rankinglp4 .sindan-wrap.sindan-kekka h2:after{
display:none;
}
#diagnose-tool .rankinglp4 .sindan-kekka-cont ~ .sindan-kekka-cont:before {
display:none;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#diagnose-tool .diagnose-tool-inshoku h2 {
font-size: 26px;
padding: 18px 0 12px;
margin:30px auto 25px;
}
#diagnose-tool .diagnose-tool-inshoku h2 span.b {
font-size: 36px;
}
#diagnose-tool .rankinglp4 .sindan-wrap.sindan-kekka .agent-text {
margin: 0 0 20px;
line-height: 1.4;
padding: 15px 0 12px;
font-size: 20px;
width:100%;
}
#diagnose-tool .rankinglp4 .sindan-kekka-cont {
padding: 10px 0px 70px;
}
#diagnose-tool .rankinglp4 .sindan-kekka-cont:last-of-type{
padding: 10px 0px 0px;
}
#diagnose-tool .rankinglp4 .sindan-kekka-cont ~ .sindan-kekka-cont:before {
content: '';
display: block;
width: 100%;
height: 1px;
border-radius: 0;
background: #ccc;
position: absolute;
top: -30px;
left: 0;
bottom: auto;
margin: 0;
border: 0;
}
}

/*------------------------------------------------------------
ランキング詳細順位なし版
-------------------------------------------------------------*/
.hyouka-main-wrap.no-rank:before,.hyouka-main-wrap.no-rank .h-main-name:before,.hyouka-main-wrap.no-rank .h-main-name:after{
display: none;
}
.hyouka-main-wrap.no-rank .hyouka-h3-name{
padding-left: 15px;
}

.red-txt {
    color: #e02c2e;
}
.lead {
font-size: 11px;
color: #999;
}

/*------------------------------------------------------------
ランキングテーブル　スクロールなし
-------------------------------------------------------------*/
.PRrank-icon3.no-scroll tr:nth-of-type(n+2) th:first-of-type{
position: relative;
}

/*------------------------------------------------------------
ランキングテーブル　PCのみスクロールなし
-------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
table.pc-no-scroll{
overflow: visible;
display: table;
white-space: normal;
}
table.pc-no-scroll th:first-child{
position: relative;
box-shadow: none;
}
}
/*--------------------------------------------------------------
ランキングテーブル　PCのみスクロールなし　tableAc適用
-------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
table.pc-no-scroll.tableAc{
display: block;
}
table.pc-no-scroll.tableAc tbody{
white-space: normal;
table-layout: fixed;
}
table.pc-no-scroll.tableAc.acON{
display: table;
overflow: visible!important;
}
table.pc-no-scroll.tableAc.acON tbody{
display: table-row-group;
}
}


/*------------------------------------------------------------
lpフリーター向け
-------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
.for-freeter table.gyoretu-irekae{
overflow-x: visible;
}
.for-freeter .gyoretu-irekae thead tr th,.for-freeter .gyoretu-irekae thead tr th:first-of-type{
background: #ebebeb!important;
}
}
#diagnose-tool.for-freeter .rank-cont table th{
background-color: #ebebeb;
}
#diagnose-tool.for-freeter .rank-cont table img{
width: 80px;
}
#diagnose-tool.for-freeter p{
line-height: 1.5;
font-size:16px;
}
/*#diagnose-tool.for-freeter .rank-cont h4 + p{
font-size: 16px;
} */
#diagnose-tool.for-freeter h2{
padding: 14px 11px!important;
font-size: 28px;
color: #fff;
border: 0;
border-top: 3px solid #0db5e4;
border-bottom: 3px solid #0db5e4;
margin: 34px 0 20px;
text-align: left;
background:#0db5e4!important;
line-height: 1;
	position:relative;
}
#diagnose-tool.for-freeter h2:after{
content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 1px solid #00b2e2;
    box-sizing: border-box;
    z-index: -1;
}
#diagnose-tool.for-freeter .for-freeter-osusume + h2{
width: 800px;
margin: 34px auto 20px;
}
#diagnose-tool.for-freeter h2 br{
display: none;
}
#diagnose-tool.for-freeter h2:after{
display: none;
}
/*#diagnose-tool.for-freeter h2 .y{
color: #f6a81a;
}*/
.for-freeter-osusume{
width: 800px;
margin: 0 auto;
}
.for-freeter .new-header-main{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 0;
width: 800px;
padding: 16px 0;
}
.for-freeter .logo-text{
color: #fff;
padding: 0 6px;
font-size: 13px;
margin-left: 14px;
height: 24px;
line-height: 24px;
background: #0db5e4;
}
.for-freeter-fv{
text-align: center;
}
.for-freeter-fv h1{
background: #effdff;
}
.for-freeter-fv img{
width: 800px;
margin: 0 auto;
display: block;
}
.for-freeter-fv img.sp{
display: none;
}
.for-freeter .rank-cont{
width: 800px;
margin: 50px auto 0;
}
.for-freeter .rank-cont-head{
background: #0db5e4;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px;
margin-bottom: 20px;
}
.for-freeter .rank-cont-head h3{
color: #fff;
padding: 0;
font-size: 24px;
line-height: 1;
}
.for-freeter .rank-cont-head h3:before,.for-freeter .rank-cont-head h3:after{
display: none;
}
#diagnose-tool.for-freeter .rank-cont-head .cont-name p{
color: #faf599;
font-size: 20px;
margin: 6px 0 0;
line-height: 1;
}
.for-freeter .rank-cont-head .rank-num{
background: #faf599;
border-radius: 50%;
color: #0eb4e6;
margin-right: 16px;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 20px;
text-align: center;
}
.for-freeter .rank-cont-head .rank-num .b{
font-size: 20px;
font-size: 26px;
}
#diagnose-tool.for-freeter .rank-cont img{
width: 100%;
}
#diagnose-tool.for-freeter .osusume-user_box .midasi p{
color: #f8b500;
font-size: 18px;
margin: 0;
}
#diagnose-tool.for-freeter .osusume-user_box ul li {
padding-left: 32px;
font-size: 16px;
}
#diagnose-tool.for-freeter .osusume-user_box li:before{
content: '';
display: inline-block;
width: 24px;
height: 24px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/13fd992eae23175d994d190b15a0ba07.png) no-repeat center / contain!important;
border:0;
display: block;
top: 0;
}
.for-freeter .rank-cont table th{
width: 34%;
text-align: center;
}
.for-freeter .rank-cont h4{
font-size: 20px;
line-height: 1.4;
font-weight: bold;
padding: 10px 5px 5px 17px;
background: none;
border-radius: 0;
margin-top: 2rem;
margin-bottom: 1.6rem;
color: #444;
}
.for-freeter .rank-cont h4:before{
content: "";
width: 100%;
height: 2px;
display: block;
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
z-index: -1;
background: #00b2e2!important;
border-radius: 50px;
top: auto;
}
.for-freeter .rank-cont h4:after{
content: "";
width: 2px;
height: 100%;
display: block;
position: absolute;
top: 5px;
left: 7px;
box-sizing: border-box;
z-index: -1;
background: #00b2e2;
transform: rotate(12deg);
}
.for-freeter .rank-cont .osusume-point{
background: #fff3c1;
margin-bottom: 30px;
border-radius: 10px;
padding: 16px;
margin-top: 30px;
}
.for-freeter .rank-cont .osusume-point dt{
color: #f5b800;
font-size: 20px;
font-weight: bold;
}
.for-freeter .rank-cont .osusume-point dd{
font-size: 16px;
line-height: 1.6;
margin-top: 10px;
}
.for-freeter .rank-cont-btn-wrap{
text-align: center;
}
#diagnose-tool.for-freeter a.kaiketu{
font-size: 32px;
height: 90px;
line-height: 90px;
padding: 0;
display: block;
margin: 10px auto;
text-align: center;
}
#diagnose-tool.for-freeter a.kaiketu:before{
top: -2px;
font-size: 32px;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text{
position: relative;
color: #ff4960;
font-size: 22px;
font-weight: bold;
display: inline-block;
margin: 0;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text:before,#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text:after{
content: '';
display: block;
width: 20px;
height: 30px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/90747ff7f58b14f59540ac0b03137f0c.png) no-repeat center / contain;
left: -28px;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text:after{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/cd36edbc7697e16c50ada64504c9b390.png) no-repeat center / contain;
right: -28px;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .bottom-text{
color: #bd0401;
font-size: 18px;
font-weight: bold;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .bottom-text .b{
font-size: 20px;
}
.for-freeter .diagnose-tool-riyuu{
margin: 0 auto 80px;
width: 800px;
padding: 0;
}
#diagnose-tool.for-freeter .diagnose-tool-riyuu p{
text-align: left;
}
#diagnose-tool.for-freeter .diagnose-tool-riyuu .ol-wrap p{
text-align: center;
}
#diagnose-tool.for-freeter .diagnose-tool-riyuu h3,#diagnose-tool.for-freeter  .diagnose-tool-riyuu .riyuu-acd-checklabel,#diagnose-tool.for-freeter .diagnose-tool-riyuu h3 + p{
width: auto;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.for-freeter .new-header-main{
width: 100%;
padding: 10px 0;
}
#diagnose-tool.for-freeter h2{
font-size: 20px;
margin: 30px 0 14px;
width: auto;
padding: 14px 0;
line-height: 1.4;
}
.for-freeter .logo-text{
margin-left: 6px;
margin-bottom: 8px;
}
.for-freeter-fv img{
width: 100%;
}
.for-freeter-fv img.sp{
display: block;
}
.for-freeter-fv img.pc{
display: none;
}
.for-freeter table.gyoretu-irekae{
width: auto;
}
.for-freeter .rank-cont{
width: auto;
margin: 26px 0 0;
}
.for-freeter .rank-cont-head{
padding: 8px;
margin-bottom: 10px;
}
.for-freeter .rank-cont-head h3{
font-size: 18px;
}
#diagnose-tool.for-freeter .rank-cont-head .cont-name p{
font-size: 13px;
margin: 8px 0 0;
}
.for-freeter .rank-cont-head .rank-num{
margin-right: 8px;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 16px;
}
.for-freeter .rank-cont-head .rank-num .b{
font-size: 22px;
}
#diagnose-tool.for-freeter .osusume-user_box .midasi p{
font-size: 15px;
}
#diagnose-tool.for-freeter .osusume-user_box ul li {
padding-left: 25px;
font-size: 14px;
}
#diagnose-tool.for-freeter .osusume-user_box li:before{
width: 20px;
height: 20px;
}
.for-freeter .rank-cont h4{
font-size: 16px;
padding: 10px 5px 5px 17px;
margin: 20px 0 12px;
}
.for-freeter .rank-cont .osusume-point{
margin-bottom: 20px;
padding: 12px;
margin-top: 20px;
}
.for-freeter .rank-cont .osusume-point dt{
font-size: 16px;
line-height: 1.4;
}
.for-freeter .rank-cont .osusume-point dd{
font-size: 14px;
margin-top: 10px;
}
#diagnose-tool.for-freeter a.kaiketu{
font-size: 20px;
height: 70px;
line-height: 70px;
margin: 4px auto 8px;
width: 90%;
}
#diagnose-tool.for-freeter a.kaiketu:before{
top: -2px;
font-size: 22px;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text{
font-size: 16px;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text:before,#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text:after{
width: 14px;
height: 20px;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text:before{
left: -20px;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .on-text:after{
right: -20px;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .bottom-text{
font-size: 14px;
}
#diagnose-tool.for-freeter .rank-cont-btn-wrap .bottom-text .b{
font-size: 16px;
}
.for-freeter .diagnose-tool-riyuu{
margin-bottom: 40px;
width: auto;
padding: 0 10px;
}
.for-freeter-osusume{
width: auto;
padding: 0 10px;
}
#diagnose-tool.for-freeter .for-freeter-osusume + h2{
width: auto;
margin: 30px 10px 14px;
}
#diagnose-tool.for-freeter .diagnose-tool-riyuu p,.for-freeter .diagnose-tool-riyuu .img-wrap{
width: auto;
}
.for-freeter .diagnose-tool-riyuu .ol-wrap {
width: calc(100% - 6px);
}
.for-freeter .diagnose-tool-riyuu + p{
padding: 0 10px;
}
.for-freeter .gyoretu-irekae thead th:first-of-type{
height: 84px;
}
.for-freeter .gyoretu-irekae tbody th{
background: #ebebeb!important;
}
.for-freeter .gyoretu-irekae tbody th span{
color: #444!important;
}
.for-freeter .gyoretu-irekae thead th:nth-last-of-type(2),.for-freeter .gyoretu-irekae tbody td:nth-last-of-type(2){
height: 60px;
}
	#diagnose-tool.for-freeter p{
line-height: 1.5;
font-size:14px;
}
/*#diagnose-tool.for-freeter .rank-cont h4 + p{
font-size: 14px;
}*/
.for-freeter .new-header-main .new-logo a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}

/*--------------------------------------------------------------
DL詳細ボタン2
-------------------------------------------------------------*/
.cps-post-main p.btn-wrap2{
line-height: 2;
margin: 0!important;
}
p.btn-wrap2 a.btn-dl{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 74%;
margin-top: 4px;
padding: 0px;
text-decoration: none;
display: block;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 2px 0 0 #9a2649;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
max-width: none;
}
p.btn-wrap2 a.btn-dl:before{
width: 14px;
height: 14px;
margin: 0 5px 0 0;
top: 2px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.cps-post-main p.btn-wrap2{
line-height: 2;
margin: 0!important;
padding-right: 7px;
}
p.btn-wrap2 a.btn-dl{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 100%;
margin-top: 4px;
padding: 0px;
text-decoration: none;
display: block;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 2px 0 0 #9a2649;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
}

/*--------------------------------------------------------------
ランキングコンテンツ2(agentbox)
-------------------------------------------------------------*/
.rank-agentbox{
display:none;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.sp-none{
display:none;
}
.rank-agentbox{
display:block;
padding:15px 15px 10px;
background:#ebf1f2;
border-radius:2px;
}
.rank-agentbox .agentbox-main-h{
text-align: center;
font-weight: bold;
margin:0px 0 15px;
padding:0;
font-size: 16px;
position: relative;
}
.rank-agentbox .agentbox-main-h:before,
.rank-agentbox .agentbox-main-h:after {
position: absolute;
top: calc(50% - 3px);
width: 50px;
height: 2px;
content: '';
border-top: solid 1px #0f4699;
border-bottom: solid 1px #0f4699;
}
.rank-agentbox .agentbox-main-h:before {
left: 0;
}
.rank-agentbox .agentbox-main-h:after {
right: 0;
}
.rank-cont2{
margin-bottom: 30px;
background:#FFF;
padding:0 0 10px;
display:block;
border-radius: 2px;
}
.rank-cont2 .rank-cont-head{
background: #0f4699;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0px 10px;
margin:0 0 15px;
border-radius: 2px 2px 0 0;
}
.rank-cont2 .rank-cont-head div{
color: #fff;
padding: 0;
font-size: 16px;
margin: 0;
line-height: 1;
}
.rank-cont2 .rank-cont-head h3:before,.rank-cont2 .rank-cont-head h3:after{
display: none;
}
.rank-cont2 .rank-cont-head .cont-name p{
color: #acedff;
font-size: 12px;
margin: 5px 0 0;
line-height: 1;
}
.rank-cont2 .rank-cont-head .rank-num{
background: #ffb300;
border-radius: 2px;
color: #FFF;
margin:0 8px;
width: 32px;
height: 32px;
line-height: 34px;
font-size: 11px;
text-align: center;
box-shadow: 0 0px 0 1px #bc8911;
padding:0 0 0 2px;
}
.rank-cont2:nth-of-type(2) .rank-cont-head .rank-num{
background: #8d9ca5;
color: #FFF;
box-shadow: 0 0px 0 1px #657681;
}
.rank-cont2:nth-of-type(3) .rank-cont-head .rank-num{
background: #cb8840;
color: #FFF;
box-shadow: 0 0px 0 1px #b37738;
}
.rank-cont2 .rank-cont-head .rank-num .b{
font-size: 18px;
font-weight: bold;
}
.rank-cont2 .rank-cont-head + p{
padding:0 15px;
}
.rank-cont2 img{
width: 100%;
}
div.rank-cont2 div.osusume-user_box{
width:90%;
margin:30px auto 25px;
}
div.rank-cont2 div.osusume-user_box ul li:before{
content: '';
display: inline-block;
width: 20px;
height: 20px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2025/01/13fd992eae23175d994d190b15a0ba07.png) no-repeat center / contain!important;
border:0;
display: block;
top: 0;
}
div.rank-cont2 div.osusume-user_box .midasi p {
font-size: 14px;
}
.rank-cont2 .rank-cont-btn-wrap{
text-align: center;
}
.rank-cont2 .rank-cont-btn-wrap a{
padding: 0;
display: block;
text-align: center;
font-weight: bold;
position: relative;
background: rgb(206 49 96);
background:linear-gradient(90deg, rgba(206,49,96,1) 0%, rgb(241 28 90) 100%);
color: #fff;
border-radius: 10px;
box-shadow: 0 5px 0 0 #9a2649;
text-decoration: none;
transition: 0.3s;
font-size: 20px;
height: 55px;
line-height: 60px;
margin: 4px auto 8px;
width: 90%;
}
.rank-cont2 .rank-cont-btn-wrap a:before{
content:">";
position:absolute;
right:15px;
bottom:0;
margin:auto;
animation: yajiyokomove 1s ease-in-out infinite;
top: -1px;
font-size: 22px;
}
.rank-cont2 .rank-cont-btn-wrap .on-text{
position: relative;
color: #ce3160;
font-size: 16px;
font-weight: bold;
display: inline-block;
margin: 0;
}
.rank-cont2 .rank-cont-btn-wrap .on-text:before,.rank-cont2 .rank-cont-btn-wrap .on-text:after{
content: '';
display: block;
width: 14px;
height: 20px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.rank-cont2 .rank-cont-btn-wrap .on-text:before{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/90747ff7f58b14f59540ac0b03137f0c.png) no-repeat center / contain;
left: -20px;
}
.rank-cont2 .rank-cont-btn-wrap .on-text:after{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/cd36edbc7697e16c50ada64504c9b390.png) no-repeat center / contain;
right: -20px;
}
}
@media only screen and (max-width: 391px){
.rank-agentbox .agentbox-main-h:before,
.rank-agentbox .agentbox-main-h:after {
width: 40px;
}
}
@media only screen and (max-width: 376px){
.rank-agentbox .agentbox-main-h:before,
.rank-agentbox .agentbox-main-h:after {
width: 30px;
}
}
.tokuchoList01,
.tokuchoList02{
	display:flex;
	margin: 10px 0;
}
.tokuchoList01 li,
.tokuchoList02 li{
	width:100%;
	padding:0!important;
}
.tokuchoList01 li span,
.tokuchoList02 li span{
	color:#fff200;
}

.tokuchoList01 li a,
.tokuchoList02 li a
{
	display:block;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:110%;
	border-radius:10px;
	height:70px;
	padding: 10px 0 0 0;
    line-height: 1.4;
}
.tokuchoList01 li:nth-child(1),
.tokuchoList02 li:nth-child(1)
{
	margin-right:5px;
}
.tokuchoList01 li:nth-child(2),
.tokuchoList02 li:nth-child(2)
{
	margin-left:5px;
}
.tokuchoList01 li:nth-child(1) a{
	background:#acc500;
	box-shadow: 0 5px 0 0 #8cab38;
}
.tokuchoList01 li:nth-child(1) a span{
	font-size:90%;
}
.tokuchoList01 li:nth-child(2) a{
	background:#f4ba60;
	box-shadow: 0 5px 0 0 #d8ad51;
}
.tokuchoList02 li:nth-child(1) a{
	background:#4db98f;
	box-shadow: 0 5px 0 0 #26986c;
}
.tokuchoList02 li:nth-child(2) a span{
	font-size:90%;
}
.tokuchoList02 li:nth-child(2) a{
	background:#85adbb;
	box-shadow: 0 5px 0 0 #5e8d9d;
}

/*------------------------------------------------------------
lpフリーター向け　ランキング2
-------------------------------------------------------------*/
.rank-cont-f2{
box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
border-radius: 14px;
overflow: hidden;
margin-top: 80px;
padding: 0 14px 60px;
font-family: 'Noto Sans JP','ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
font-weight: 500;
}
.cps-post-main .rank-cont-f2 h3{
font-size: 34px;
border-bottom: 1px solid #e4e4e4;
padding: 18px 10px 15px 76px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/84ef32813b6e34b241f133048b0e3663.png) no-repeat left 14px top 16px / 54px;
border-top: 7px solid #0db5e4;
color: #3e545a;
margin-bottom: 16px;
width: calc(100% + 28px);
margin-left: -14px;
}
.cps-post-main .rank-cont-f2.rank2 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/9ec1d72d110e1f6e5b98157db049699e.png) no-repeat left 14px top 16px / 54px;
}
.cps-post-main .rank-cont-f2.rank3 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/49a008a2a1c45f17d53a8553d390e14f.png) no-repeat left 14px top 16px / 54px;
}
.cps-post-main .rank-cont-f2.rank4 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/f5006772fbd20c1cf3e9fb68a9fe209b.png) no-repeat left 14px top 16px / 54px;
}
.cps-post-main .rank-cont-f2.rank5 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/0382ed8700b6475b5ad8e7d2fabc9974.png) no-repeat left 14px top 16px / 54px;
}
#diagnose-tool.for-freeter .rank-cont-f2 .main-copy{
color: #0db5e4;
font-size: 26px;
font-weight: bold;
margin-left: 10px;
line-height:1.0;
}
#diagnose-tool .main-copy:nth-of-type(2){
	margin-bottom:25px;
	margin-top:17px;
}
.main-copy span{
	background: linear-gradient(transparent 60%, #ffecb2 0%);
}
.rank-cont-f2 .img{
margin-top: 10px;
margin-bottom: 30px;
}
.rank-cont-f2 .hyouka th{
background: #e8e8e8;
color: #3e545a;
font-size: 24px;
text-align: center;
}
.rank-cont-f2 .hyouka td{
font-size: 24px;
color: #3e545a;	
text-align: center;
}
.rank-cont-f2 .hyouka .star{
font-size: 34px;
}
.rank-cont-f2 .hyouka .star img{
width: 190px;
margin-right: 5px;
position: relative;
top: 2px;
}
.rank-cont-f2 .hyouka .tokutyou{
text-align: left;
padding: 4px;
}
.rank-cont-f2 .hyouka .tokutyou li{
display: inline-block;
text-align: center;
background: #0db5e4;
color: #fff;
padding: 0 14px;
height: 40px;
line-height: 40px;
border-radius: 8px;
font-size: 20px;
min-width: 80px;
margin: 5px 3px;
}
.rank-cont-f2 .hyouka .tokutyou li:before{
display: none;
}
.rank-cont-f2 .rank-cont-btn-wrap{
margin-top: 30px;
}
.rank-cont-f2 .point{
border: 3px solid #0db5e4;
position: relative;
border-radius: 0 10px 10px 10px;
padding: 22px 14px;
margin-top: 100px;
}
#diagnose-tool .rank-cont-f2 .point .point-title{
position: absolute;
height: 44px;
line-height: 44px;
width: 170px;
margin: 0;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/379072f513fdfc3fd62021e82d612c47.png) no-repeat left 10px top 1px / 34px #0db5e4;
border-radius: 10px 10px 0 0;
top: -44px;
left: -3px;
color: #fcff00;
font-size: 24px;
padding-left: 48px;
}
.rank-cont-f2 .point ul{
padding: 0;
}
.rank-cont-f2 .point li{
color: #3e545a;
font-size: 22px;
position: relative;
padding-left: 40px;
margin-bottom: 18px;
}
.rank-cont-f2 .point li:last-of-type{
margin: 0;
}
.rank-cont-f2 .point li .red{
color: #f9354d;
}
.rank-cont-f2 .point li:before{
display: none!important;
}
.rank-cont-f2 .point li:after{
content: '';
display: inline-block;
width: 30px;
height: 30px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/650cd3a0adf610a1ce6c7549b71cdc11.png) no-repeat center / contain;
position: absolute;
left: 0;
top: 1px;
}
.rank-cont-f2 .osusume{
background: #fff3c1;
margin-top: 40px;
border-radius: 10px;
position: relative;
padding: 20px 140px 20px 20px;
}
.rank-cont-f2 .osusume:before{
content: '';
display: inline-block;
width: 93px;
height: calc(100% + 20px);
position: absolute;
bottom: 0;
right: 24px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/a962a3f14239385472ac181ba460a4e4.png) no-repeat center top / 93px;
}
.rank-cont-f2 .osusume dt{
color: #ef2525;
font-size: 26px;
margin-bottom: 10px;
}
.rank-cont-f2 .osusume dd{
color: #3e545a;
font-size: 22px;
line-height: 1.5;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.rank-cont-f2{
margin-top: 50px;
padding: 0 8px 40px;
border-radius: 12px;
font-weight: bold;
}
.cps-post-main .rank-cont-f2 h3{
border-top: 6px solid #0db5e4;
padding: 16px 10px 10px 62px;
font-size: 24px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/84ef32813b6e34b241f133048b0e3663.png) no-repeat left 12px top 12px / 42px;
margin-bottom: 14px;
width: calc(100% + 16px);
margin-left: -8px;
}
.cps-post-main .rank-cont-f2.rank2 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/9ec1d72d110e1f6e5b98157db049699e.png) no-repeat left 12px top 12px / 42px;
}
.cps-post-main .rank-cont-f2.rank3 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/49a008a2a1c45f17d53a8553d390e14f.png) no-repeat left 12px top 12px / 42px;
}
.cps-post-main .rank-cont-f2.rank4 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/f5006772fbd20c1cf3e9fb68a9fe209b.png) no-repeat left 12px top 12px / 42px;
}
.cps-post-main .rank-cont-f2.rank5 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/0382ed8700b6475b5ad8e7d2fabc9974.png) no-repeat left 12px top 12px / 42px;
}
#diagnose-tool.for-freeter .rank-cont-f2 .main-copy{
font-size: 18px;
}
.rank-cont-f2 .img{
margin-top: 7px;
margin-bottom: 20px;
}
.rank-cont-f2 .hyouka th{
font-size: 16px;
}
.rank-cont-f2 .hyouka td{
font-size: 16px;
}
.rank-cont-f2 .hyouka .star{
font-size: 24px;
}
.rank-cont-f2 .hyouka .star img{
width: 146px;
}
.rank-cont-f2 .hyouka .tokutyou{
padding: 0;
}
.rank-cont-f2 .hyouka .tokutyou li{
padding: 0 10px;
height: 34px;
line-height: 34px;
border-radius: 7px;
font-size: 14px;
min-width: 56px;
margin: 4px 1px;
}
.rank-cont-f2 .rank-cont-btn-wrap{
margin-top: 16px;
}
.rank-cont-f2 .point{
border-radius: 0 8px 8px 8px;
padding: 14px 10px;
margin-top: 80px;
}
#diagnose-tool .rank-cont-f2 .point .point-title{
height: 36px;
line-height: 36px;
width: 122px;
border-radius: 8px 8px 0 0;
top: -36px;
left: -3px;
font-weight: bold;
font-size: 18px;
padding-left: 42px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/379072f513fdfc3fd62021e82d612c47.png) no-repeat left 8px top 2px / 28px #0db5e4;
}
.rank-cont-f2 .point li{
font-size: 16px;
padding-left: 28px;
margin-bottom: 12px;
}
.rank-cont-f2 .point li:after{
width: 22px;
height: 22px;
}
.rank-cont-f2 .osusume{
margin-top: 30px;
border-radius: 8px;
padding: 16px 86px 16px 16px;
}
.rank-cont-f2 .osusume:before{
top: 0;
margin: auto;
right: 5px;
width: 80px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/a962a3f14239385472ac181ba460a4e4.png) no-repeat center / contain;
}
.rank-cont-f2 .osusume dt{
font-size: 20px;
line-height: 1;
}
.rank-cont-f2 .osusume dd{
font-size: 17px;
}
}

@media screen and (max-width : 375px){
.rank-cont-f2{
margin-top: 40px;
padding: 0 7px 30px;
}
.cps-post-main .rank-cont-f2 h3{
border-top: 5px solid #0db5e4;
padding: 14px 8px 8px 56px;
font-size: 22px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/84ef32813b6e34b241f133048b0e3663.png) no-repeat left 12px top 11px / 36px;
margin-bottom: 8px;
width: calc(100% + 16px);
margin-left: -8px;
}
.cps-post-main .rank-cont-f2.rank2 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/9ec1d72d110e1f6e5b98157db049699e.png) no-repeat left 12px top 11px / 36px;
}
.cps-post-main .rank-cont-f2.rank3 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/49a008a2a1c45f17d53a8553d390e14f.png) no-repeat left 12px top 11px / 36px;
}
.cps-post-main .rank-cont-f2.rank4 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/f5006772fbd20c1cf3e9fb68a9fe209b.png) no-repeat left 12px top 11px / 36px;
}
.cps-post-main .rank-cont-f2.rank5 h3{
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/0382ed8700b6475b5ad8e7d2fabc9974.png) no-repeat left 12px top 11px / 36px;
}
#diagnose-tool.for-freeter .rank-cont-f2 .main-copy{
font-size: 16px;
}
.rank-cont-f2 .img{
margin-top: 3px;
margin-bottom: 18px;
}
.rank-cont-f2 .hyouka th{
font-size: 14px;
}
.rank-cont-f2 .hyouka td{
font-size: 14px;
}
.rank-cont-f2 .hyouka .star{
font-size: 22px;
}
.rank-cont-f2 .hyouka .star img{
width: 134px;
}
.rank-cont-f2 .hyouka .tokutyou li{
padding: 0 8px;
height: 28px;
line-height: 28px;
border-radius: 6px;
font-size: 12px;
min-width: 40px;
margin: 3px 1px;
}
.rank-cont-f2 .rank-cont-btn-wrap{
margin-top: 16px;
}
.rank-cont-f2 .point{
border-radius: 0 8px 8px 8px;
padding: 12px 10px;
margin-top: 68px;
}
#diagnose-tool .rank-cont-f2 .point .point-title{
height: 32px;
line-height: 32px;
width: 112px;
border-radius: 8px 8px 0 0;
top: -32px;
left: -3px;
font-size: 16px;
padding-left: 36px;
background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2022/08/379072f513fdfc3fd62021e82d612c47.png) no-repeat left 8px top 2px / 24px #0db5e4;
}
.rank-cont-f2 .point li{
font-size: 14px;
padding-left: 26px;
margin-bottom: 9px;
}
.rank-cont-f2 .point li:after{
width: 20px;
height: 20px;
top: 0px;
}
.rank-cont-f2 .osusume{
margin-top: 24px;
border-radius: 8px;
padding: 14px 86px 14px 14px;
}
.rank-cont-f2 .osusume dt{
font-size: 18px;
}
.rank-cont-f2 .osusume dd{
font-size: 16px;
}
#diagnose-tool.for-freeter .rank-cont-f2 a.kaiketu {
height: 60px;
line-height: 60px;
width: 98%;
}
}


/*------------------------
追従バナー(SP)(ショートコード用)
------------------------*/
.hm-over-bt-sp.sc-overlay{
display:none;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.hm-over-bt-pc-sc{
display:none;
}
.hm-over-bt-pc-bg{
display:none;
}
.hm-over-bt-sp.sc-overlay{
position:fixed;
bottom:-1px;
text-align: right;
z-index:999999;
font-size: 0;
left: 0;
-webkit-transform:none;
transform:none;
display:none;
}
.hm-over-bt-sp.sc-overlay input {
display:none;
}
.hm-over-bt-sp.sc-overlay label:before {
content: '';
background:url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2021/10/e2e698c27cb014a17dc03124c1aa09f0.png) no-repeat center / 16px rgb(255 255 255 / 98%);
display: inline-block;
border-radius:50px;
height: 30px;
width: 30px;
position:relative;
bottom:-15px;
right:5px;
box-shadow:1px 1px 2px 1px rgb(115 115 115 / 40%);
cursor:pointer;
z-index:1;
}
.hm-over-bt-sp.sc-overlay input:checked ~ label:before{
display:none;
}
.hm-over-bt-sp.sc-overlay input:checked ~ .hm-over-in {
opacity:0;
transition:0.8s;
display:none;
}
#wrapper .hm-over-bt-sp.sc-overlay .hm-over-in a{
text-decoration: none;
}
.hm-over-bt-sp.sc-overlay .hm-over-in img{
margin: 0;
max-width: 100%;
}
}

/*------------------------------------------------------------
checkList-table
-------------------------------------------------------------*/
.checkList-table input[type="checkbox"]{
position: relative;
top: 1px;
margin-right: 8px;
}
.grecaptcha-badge {
	visibility: hidden!important; 
}
/*------------------------------------------------------------
ソートテーブル
-------------------------------------------------------------*/
th.sortable {
cursor: pointer;
}
th.sortable:after {
display: inline-block;
content: "";
background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/0b150c41383efdb97ea9cdebebf91a45.png);
width: 1.5em;
height: 1.5em;
background-size: contain;
vertical-align: middle;
margin-left: 5px;
margin-bottom: 3px;
}
th.sortable.sort_selected-asc, th.sortable.sort_selected-desc {
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4f2db47b691b4cd2660a6a0abb049316.png);
    background-blend-mode: multiply;
}
th.sortable.sort_selected-desc:after {
background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/0f9b7ad87c33e319464f8cba39c24fea.png);
}
th.sortable.sort_selected-asc:after {
background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2023/06/4caea8adb09a4238fde62c718e8626d9.png);
}
table.sort-table{
table-layout: fixed;
}
table.sort-table.tableAc tbody {
    display: table-row-group!important;
}

/*------------------------------------------------------------
テーブルとリスト内のaタグにアンダーライン入れない
-------------------------------------------------------------*/
div.cps-post-main table a {
    text-decoration: none !important;
}
div.cps-post-main li a {
    text-decoration: none;
}

/*------------------------------------------------------------
ウィジェット見出し調整
-------------------------------------------------------------*/
.widget .agent-osusume h4{
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.widget .agent-osusume h4:before{
width: auto;
flex-grow: 1;
margin-left: 20px;
position: static;
}

/*------------------------------------------------------------
診断結果調整
-------------------------------------------------------------*/
div.sindan-kekka-cont .sindan-hyouban-wrap li{
line-height: 1.4;
}

/*------------------------------------------------------------
PRロゴ
-------------------------------------------------------------*/
.for-freeter .logo-pr {
margin-left: 500px;
background: #c3c3c3;
font-size: 14px;
padding: 5px 10px;
font-weight: bold;
color: #fff;
margin-bottom: 0px;
}
.page-template-lp2 .cps-post-main-box .lp-result-h .lp-result_pr{
font-size: 15px;
display: inline-block;
background: #c9c9c9;
color: #fff;
padding: 2px 7px;
vertical-align: middle;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.for-freeter .logo-pr {
margin-left: 35px;
padding: 0px 10px;
margin-bottom: 7px;
}
.page-template-lp2 .cps-post-main-box .lp-result-h .lp-result_pr {
font-size: 12px;
padding: 0px 5px;
}
}

/*---PRロゴ設置CSS---*/
.cps-post-meta{
position: relative;
}
.cps-post-meta .pr-icon {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
background: #ccc;
color: #fff;
font-size: 12px;
padding: 5px 8px;
}
p.PR_btmeyecatch {
    background: #f5f5f5!important;
    padding: 15px!important;
    font-size: 13px!important;
    line-height: 1.2rem!important;
}
p.PR_btmeyecatch a {
    color: #39f;
}
@media screen and (max-width: 680px){
	p.PR_btmeyecatch {
    font-size: 11px!important;
}
}
/*PC表示の場合埋め込みを中央寄せに-20231005追加*/
.twitter-tweet {
display: block!important;
margin: 0 auto !important;
width: 550px !important;
margin-bottom: 20px !important;
}
.twitter-tweet iframe {
width:550px!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.twitter-tweet {
display:flex!important;
width: 100% !important;
}
}
/*------------------------------------------------------------
上部おすすめCTA
-------------------------------------------------------------*/
#main-contents .joubu-osusume table{
    font-size: 14px;
    width: 100%;
    height: auto!important;
    margin-bottom: 2em;
    display: table;
}
#main-contents .joubu-osusume table tbody th {
    background-color: #00b2e2;
    color: #fff;
    text-align: center;
    font-weight: 100;
    padding: 6px 0;
	font-size:21px
}
#main-contents .joubu-osusume span {
    color: #ff0000;
    font-weight: 700;
}
#main-contents .joubu-osusume table img{
width:75px;
}
#main-contents a.button-medium__ctatable_ver2{
    display: block !important;
    background-color: #ce3160!important;
    box-shadow: #9a2649 0px 4px 0px 0px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 25px;
    position: relative;
    width: 300px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
#main-contents a.button-medium__ctatable_ver2:after {
    display: block;
    content: '';
    background-image: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/01/1ed34e257c46c6cc14382ac68025b752.png);
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    top: 14px;
    right: 13px;
}
#main-contents a.button-medium__ctatable_ver2:hover {
    background-color: #ce3160!important;
    box-shadow: #9a2649 0px 2px 0px 0px;
    color: #fff!important;
    text-decoration: none;
    opacity: 1;
}
#main-contents a.button-medium__ctatable_ver2:active {
    box-shadow: #9a2649 0px 0px 0px 0px;
    transform: translateY(5px);
    transition: .2s;
}
@media screen and (max-width: 680px){
#main-contents .joubu-osusume table tbody th {
	font-size:19.2px;
    padding: 14px 0;
	}
#main-contents .joubu-osusume table td {
    font-size: 12px;
}
#main-contents a.button-medium__ctatable_ver2 {
    width: 100%;
    font-size: 12px;
    margin-bottom: 0;
    padding: 8px;
}
#main-contents a.button-medium__ctatable_ver2:after {
    top: 11px;
    right: 8px;
    width: 12px;
    height: 12px;
}
}
/*------------------------------------------------------------
アイコン並びBOX
-------------------------------------------------------------*/
.cps-post div.cps-post-main .osusume-user_box.box_icon {
width: 50%;
padding:15px 5px 10px 5px;
margin: 0 auto;
margin-top: 25px;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon ul {
list-style: none;
display: flex;
width: 100%;
align-items: flex-start;
justify-content: space-around;
}
div.cps-post-main .osusume-user_box.box_icon ul li {
margin-bottom: 0;
padding: 0;
width: 33%;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon ul li a {
text-align: center;
display: flex;
flex-direction: column;
font-size: 12px;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon ul li img{
margin: 0 auto;
width: 75px;
height: 75px;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon ul li span{
margin-bottom: 0!important;
display: block;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon ul li:before{
content: none;
}
/*flex-start*/
.cps-post div.cps-post-main .osusume-user_box.box_icon.flex-start{
width: 100%!important;
padding:15px 10px 10px 10px;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon.flex-start ul{
justify-content: flex-start;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon.flex-start ul li{
width: 108px!important;
}
@media screen and (max-width: 680px){
.cps-post div.cps-post-main .osusume-user_box.box_icon{
width:100%;
margin: 0 auto;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon.flex-start ul li {
width: auto!important;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon ul li a {
font-size: 12px!important;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon.flex-start{
width: 100%!important;
padding: 15px 15px 10px 15px;
}
.cps-post div.cps-post-main .osusume-user_box.box_icon.flex-start ul{
justify-content: space-around;
}
}
/*------------------------------------------------------------
手取り計算ツール
-------------------------------------------------------------*/
form#salary-to-tedori-form {
margin: 5px 0px;
}
.tedoriForm_container div {
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
}
.tedoriForm_container label {
display: block;
font-size: 10px;
}
.Tedorisimu_wrapper input, .Tedorisimu_wrapper select {
    border: solid 1px #a5a5a5;
    border-radius: 4px;
    font-size: 16px;
    width: 90px;
    height: 40px;
    text-align: center;
    padding: 2px;
}
.inputAge_container input, .inputSarary_container input, .inputBonus_container input, .inputSpouse_container input {
    height: 36px;
    width: 70px;
}
.Tedorisimu_wrapper input[type=button] {
    height: 46px;
    width: 60px;
    font-size: 16px;
    font-weight: bold;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 5px;
}
.Tedorisimu_wrapper input[type=button]:hover {
    cursor: pointer;
}
table.annual-salary-to-tedori-result { 
border-collapse: collapse;
width: 100%;
table-layout: fixed;
text-align: center;
font-size: 0.9em;
margin: 10px 0;
}
td#annualTedori, td#monthlyTedori, td#annualSalary, td#monthlySalary, td#annualTedori2, td#monthlyTedori2, td#annualSalary2, td#monthlySalary2, td#annualSalary_Month2 {
font-weight: bold;
}
table.annual-salary-to-tedori-result tr:nth-child(2) > td:nth-child(2), table.annual-salary-to-tedori-result tr:nth-child(2) > td:nth-child(3), table.annual-salary-to-tedori-result tr:nth-child(9) > td:nth-child(2), table.annual-salary-to-tedori-result tr:nth-child(9) > td:nth-child(3), table.annual-salary-to-tedori-result tr:nth-child(2) > td:nth-child(4), table.annual-salary-to-tedori-result tr:nth-child(9) > td:nth-child(4){
    font-weight: bold;
}
table.annual-salary-to-tedori-result th{
font-weight: bold;
text-align:center;	
}
@media screen and (max-width: 680px){
.tedoriForm_container label {
    display: block;
    font-size: 9px;
    font-weight: bold;
    line-height: 1.1;
    width: 60px;
}
.inputAge_container, .inputSarary_container, .inputBonus_container, .inputSpouse_container {
    width: 14%;
    margin-right: 0px!important;
}
.inputPrefecture_container select {
width: 74px;
height: 36px;
font-size: 11px;
}	
.Tedorisimu_wrapper input[type=button] {
    height: 39px;
    width: 51px;
    font-size: 14px;
}
.inputAge_container input, .inputSarary_container input, .inputBonus_container input, .inputSpouse_container input {
    width: 40px;
    height: 30px;
    font-size: 12px;
}
table.annual-salary-to-tedori-result th, table.annual-salary-to-tedori-result td {
    font-size: 12px!important;
}
}
/* 非表示
================================*/
.sp-display,
.sp-display_flex {
  display: none;
}
@media screen and (max-width: 680px) {
  .pc-display {
    display: none;
}
	.sp-display {
    display: block;
}
	.sp-display_flex {
    display: flex;
}
}	
/*------------------------------------------------------------
東証ロゴ
-------------------------------------------------------------*/
div.footer-information__tosyo {
    display: flex;
    float: left;
    color: #fff;
    font-size: 13px;
    align-items: center;
}

div.footer-information__tosyo img {
    width: 60px;
    margin-right: 10px;
}

/*------------------------------------------------------------
ふるさと納税シミュレータ
-------------------------------------------------------------*/
.simulationArea_midashi {
background: #d5a260;
color: #fff;
font-weight: 800;
padding: 5px 20px;
display: inline-block;
border-radius: 5px 5px 0 0;
}
.simulationArea_midashi p {
margin-bottom: 0!important;
font-size: 18px!important;
}
.simulationArea {
display: flex;
align-items: center;
justify-content: space-between;
}
.simulation_frame {
float: left;
width: 60%;
height: 89px;
padding: 12px 2%;
background: #f3f3f3;
overflow: hidden;
}
.simulationArea .resultArea {
position: relative;
float: right;
width: 40%;
height: 89px;
background: #e7dcd5;
display: flex;
align-items: center;
}
.simulationArea .result_box {
margin: 0 auto;
}
.sim_container p {
font-size: 16px;
}
.simulationArea .simulation_frame .select_box {
float: left;
width: 20%;
}
.simulationArea p.select:before {
display: block;
text-align: center;
font-size: 14px;
font-weight: 800;
color: #5d5d5d;
}
.simulationArea p.select:before {
content: "給与収入";
}
.simulationArea .simulation_frame .select_box:nth-child(2) p.select:before {
content: "家族構成";
}
.simulationArea .simulation_frame .select {
width: 122px;
margin: 0;
font-size: 14px;
}
.simulationArea .simulation_frame .select select {
width: 122px;
padding: 10px;
background-color: white;
border-radius: 10px;
border: none;
box-shadow: 0 0 3px rgba(0,0,0,0.1);
font-size: 14px;
font: inherit;
}
.simulationArea .simulation_frame .select select:focus-visible {
outline: none;
}
.simulationArea .simulation_frame .select_box:nth-child(2) {
float: right;
width: 65%;
margin-left: 10px;
}
.simulationArea .simulation_frame .select_box:nth-child(2) p.select,.simulationArea .simulation_frame .select_box:nth-child(2) .select select  {
width: 255px;
}
div.cps-post-main .simulationArea .resultArea p {
margin-bottom: 0!important;
border-radius: 24px;
margin: 0 auto;
text-align: center;
}
.simulationArea .result + p {
margin-top: 10px;
color: #7aa82e;
font-size: 16px;
font-weight: bold;
margin-bottom: 0;
}
input#simulationValue {
border: none;
width: 180px;
font-size: 22px;
font-weight: 800;
text-align: center;
color: #d5a260;
line-height: 2em;
border-radius: 15px;
}
@media screen and (max-width: 680px) {
.simulationArea_midashi {
padding: 0px 16px;
border-radius: 5px 5px 0 0;
}
.simulationArea_midashi p {
font-size: 15px!important;
font-weight: 800;
}
.simulationArea {
display: flex;
flex-direction: column;
}
.simulation_frame, .simulationArea .resultArea {
width: 100%;
}
.simulation_frame {
display: flex;
align-items: center;
}
.simulationArea .simulation_frame .select_box {
width: 40%;
}
.simulationArea .simulation_frame .select_box:nth-child(2) {
width: 60%;
}
.simulationArea .simulation_frame .select_box:nth-child(2) p.select, .simulationArea .simulation_frame .select_box:nth-child(2) .select select {
    width: 100%;
font-size: 12px;
}
.simulationArea .resultArea{
height: 75px;
line-height: 1.8em;
}
input#simulationValue{
    font-size: 19px;
    line-height: 1.8em;
}
.simulationArea p.select:before {
font-size: 12px;
}
}

/*--------------------------------------------------------------
運営会社メディア一覧
-------------------------------------------------------------*/

.cop-company-medialist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cop-company-medialist dl {
    text-align: center;
    width: 47%;
    margin: 20px 10px;
    background: #FFF;
    box-shadow: 10px 10px 0px 0px #ebebeb;
    border: 1px solid #ebebeb;
}

.cop-company-medialist dl dt {
    position: relative;
}

.cop-company-medialist dt a {
    display: block;
    font-size: 13px;
}

.cop-company-medialist dl dt img {
    width: 80%;
    display: block !important;
    margin: auto;
}

.cop-company-medialist dl dd {
    padding: 10px 10px 10px;
    text-align: left;
    background: #f4f4f4;
    margin: 10px;
    border-radius: 8px;
    min-height: 110px;
    font-size: 13px;
    line-height: 1.4;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.cop-company .cop-company-medialist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cop-company .cop-company-medialist dl {
    text-align: center;
    margin: 0 0 20px 0;
    background: #FFF;
    border: 1px solid #ebebeb;
}

.cop-company .cop-company-medialist dt a {
    display: block;
}

.cop-company .cop-company-medialist dl dt img {
    width: 80%;
    display: block !important;
    margin: auto;
}

.cop-company .cop-company-medialist dl dd {
    padding: 10px;
    text-align: left;
    background: #f4f4f4;
    margin: 10px;
    border-radius: 8px;
}
.cop-company-medialist dl {
width: calc(100% - 10px);
margin: 0 0 30px;
}
.cop-company-medialist dl:last-of-type{
margin: 0 0 10px;
}
.cop-company-medialist dl dd{
padding: 10px;
min-height: auto;
}
}
/*==会社概要ページ内の受賞歴スライダー用==*/
.cop-company-jyusyou-slider-wrap{
height: 200px;
margin: 0px 40px 40px 40px!important;
}
.sd-message-01{
display:block;
text-align:left;
margin:0 10px 0 0;
background:#fff;
position:relative;
border:1px solid #ededed;
}
.sd-message-01 img{
width:100%;
height: 100px;
padding: 15px;
box-sizing:border-box;
object-fit: contain;
}
.sd-message-01 p{
height: 80px;
margin:0!important;
padding:10px!important;
color:#FFF;
background:#34a1cf;
font-size: 13px!important;
}
.sd-message-01 p:empty{
display: none;
}
.cop-company-jyusyou-slider-area{
position: relative;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev,.cop-company-jyusyou-slider-area .slider-next{
    width: 30px;
    line-height: 30px !important;
    height: 30px;
    border-radius: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    font-weight: normal;
    font-size: 200% !important;
}
.ccop-company-jyusyou-slider-area .slick-initialized{
height: 180px;
margin: 0px 40px 0px 34px;
}
.cop-company-jyusyou-slider-area .slide-Area-wrap{
width: 100vw;
width: 1000px;
position: relative;
left: 50%;
transform: translateX(-50%);
background: #beeafc;
padding: 10px 0;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev{
position: absolute;
background: #2fadec;
width: 38px;
height: 38px;
line-height: 38px!important;
font-weight: bold;
font-size: 130%!important;
top: 0;
bottom: 0;
left: -20px;
margin: auto;
z-index: 999999;
color: #fff;
text-align: center;
border-radius: 50%;
}
.cop-company-jyusyou-slider-area .slider-next{
position: absolute;
background: #2fadec;
width: 38px;
height: 38px;
line-height: 38px!important;
font-weight: bold;
font-size: 130%!important;
top: 0;
bottom: 0;
right: -20px;
margin: auto;
z-index: 999999;
color: #fff;
text-align: center;
border-radius: 50%;
}
.cop-company-jyusyou-slider-area .slide-Area {
margin: 0 auto;
width: 980px;
position: relative;
}
.cop-company-jyusyou-slider-area .slick-initialized{
margin:0;
}
.cop-company-jyusyou-slider-area .slide-Area .slick-initialized .slick-slide{
margin: 0 10px;
}
.slider-arrow.slider-prev.fa.fa-angle-left.slick-arrow:before,.slider-arrow.slider-next.fa.fa-angle-right.slick-arrow:before {
    font-family: 'jin-icons';
    font-size: 15px;
	vertical-align: middle;
position: relative;
bottom: 2px;
}
.slider-arrow.slider-prev.fa.fa-angle-left.slick-arrow:before {
content: "\e933";
}
.slider-arrow.slider-next.fa.fa-angle-right.slick-arrow:before {
content:"\e904";
}
.cop-company-jyusyou-slider-wrap a.slick-slide{
margin: 0 5px;
}
.cop-company-jyusyou-slider-wrap a.slick-slide .sd-message-01{
float: none;
margin: 0;
}
.cop-company-jyusyou-slider-wrap a.slick-slide img{
margin: 0;
}
.cop-company-jyusyou-slider-wrap a.slick-slide .sd-message-01 p{
line-height: 1.5;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    .cop-company-jyusyou-slider-area {
    position: relative;
    height: 190px;
    margin-bottom: 40px;
}
.cop-company-jyusyou-slider-area .slider-prev, .cop-company-jyusyou-slider-area .slider-next{
    position: absolute;
    background: #34a3d1;
    font-weight: normal;
    font-size: 200% !important;
    z-index: 999999;
    color: #fff;
    text-align: center;
    width: 30px;
    line-height: 30px !important;
    height: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.cop-company-jyusyou-slider-area .slider-arrow.slider-prev.fa.fa-angle-left.slick-arrow {
    left: 0;
}
.cop-company-jyusyou-slider-area .slider-arrow.slider-next.fa.fa-angle-right.slick-arrow {
    right: 0;
}
.slider-arrow.slider-prev.fa.fa-angle-left.slick-arrow:before, .slider-arrow.slider-next.fa.fa-angle-right.slick-arrow:before{
font-size: 13px;
}
}

/*------------------------------------------------------------
KTAAロゴ
-------------------------------------------------------------*/
.footer-information__ktaa {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
padding-top: 10px;
line-height: 1.4;
font-size: 12px;
width: 100%;
color: #fff;
text-align: left;
}
div.footer-information__tosyo{
font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
line-height: 1.4;
font-size: 12px!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.footer-information__ktaa {
margin-bottom: 15px;
padding: 0 15px;
}
}
/*-------------------------------------------------------
20240708 button要素をダブルタップできないように変更
-------------------------------------------------------*/
button{
  touch-action: manipulation;
}
/*--------------------------------------------------------------
フッターに運営会社リンク
-------------------------------------------------------------*/
.footer-company_wrap {
    background-color: #b2b2b2;
    color: #fff;
    padding: 15px 0 90px 0;
}
.footer-company {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
ul.footer-company_list {
    display: flex;
}
ul.footer-company_list li {
    margin-left: 20px;
    font-size: 14px;
}
ul.footer-company_list li a{
    color: #fff;
}
	p.footer-company_copyright {
    font-size: 11px;
    text-align: center;
    margin-top: 15px;
}
ul.footer-company_list li a:hover {
    color: #fff;
}
#footer-box{
	display:none;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.footer-company {
    width: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
	ul.footer-company_list {
    display: flex;
    flex-direction: column;
        text-align: center;
}
	ul.footer-company_list li{
    margin-left: 0px;
        line-height: 2.2em;
	}
	}

/*--------------------------------------------------------------
テーブル用大ボタン
-------------------------------------------------------------*/
div.table-cta-btn {
    text-align: center;
    position: relative;
    margin: 5px auto;
}
div.table-cta-btn a {
    display: inline-block;
    text-align: center;
    background: #ce3160;
    color: #fff;
    padding: 9px 0px 7px;
    border-radius: 50px;
    box-shadow: 0 3px 0 0 #9a2649;
    font-size: 16px;
    width: 75%;
	font-weight: bold;
}
div.table-cta-btn a:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/09/6400aa15135404a28defc5b8f5a7971d.png) no-repeat center / 100% 100%;
    display: inline-block;
    top: 9px;
    right: 85px;
    position: absolute;
    z-index: 0;
}
span.table-cta-btn_mintext {
	color: #fff !important;
}
/*緑追加*/
.table-cta-btn.GreenButton a {
    background: #06C755;
    box-shadow: 0 3px 0 0 #138743;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.table-cta-btn a {
    width: 100%;
    font-size: 20px;
    line-height: 22px;
    padding: 3px 0px 7px;
}
    div.table-cta-btn a:after {
        top: 17px;
        right: 15px;
    }
span.table-cta-btn_mintext {
    font-size: 13px;
}
}


/* =============================================
PCサイド追尾CTA
============================================= */
.pc_followingCTA {
  width: 330px;
  margin: 0 auto!important;
  border-radius: 0;
  box-shadow: 0 0 0 5px #e6e6e6;
  padding: 12px 0 8px;
  background: #fff;
  transition: opacity 1s;
  }
  .pc_followingCTA_ttl {
    color: var(--color-key);
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    margin-bottom: 11px;
}
span.logo-wrap_text {
  font-weight: bold;
  color: #de4c4c;
  font-size: 13px;
}
  .pc_followingCTA .logo-wrap {
  text-align: center;
  margin: 15px 0;
  }
  .pc_followingCTA .logo-wrap img {
    width: 80%;
    margin: 0 auto;
  }
  #sidebar .pc_followingCTA p{
    padding: 0 15px;
    font-size: 13px;
    color: initial;
    line-height: 1.5em;
    margin: 0 !important;
  }
  .pc_followingCTA .btn-wrap {
  margin: 0 3px;
  padding: 5px 7px 12px;
  margin-top: 5px;
    text-align: center;
    background: #fffeec;
  }
  .pc_followingCTA .btn-wrap .sub_text {
  display: block;
  width: max-content;
  margin: 0 auto 4px;
  color: #de4c4c;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  margin-bottom: 0;
    line-height: 1.5;
}
  a.pc_followingCTA_button {
    text-decoration: none;
  }
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button {
    position: relative;
  display: block;
  width: 75%;
  margin: 0 auto;
  background: #CC0066;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  padding:12px 0 12px;
  box-shadow: #a60053 0px 4px 0px 0px;
    line-height: 1.3em;
  }
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button:hover {
    box-shadow: #a60053 0px 2px 0px 0px;
    opacity: initial;
}
.pc_followingCTA .btn-wrap a.pc_followingCTA_button:active {
  box-shadow: none;
}
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button span {
  display: block;
  width: max-content;
  margin: 0 auto 5px;
  background: #f9ed02;
  border-radius: 30px;
  padding: 4px 16px 3px;
  color: #dc2c25;
  font-size: 13px;
  line-height: 1;
  }
.pc_followingCTA.sticky {
position: fixed;
top: 70px;
}
.pc_followingCTA_ttl span {
  background: linear-gradient(transparent 60%, #d2f3ff 60%);
}
#sidebar .pc_followingCTA_button p {
    color: #fff !important;
    font-size: 13px;
}
a.pc_followingCTA_button::after {
    content: "▶";
    position: absolute;
    top: 35%;
    right: 15px;
}


/* =============================================
ヒカリクのCTAボックス移植
============================================= */
.cta-box {
    border: solid 2px #00b2e2;
    padding: 15px;
    background: #fff;
    width: 100%;
    margin: 0 auto 17px;
    position:relative;
}
.cta-box .cta-box_ttl {
    position: relative;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: bold;
    margin-left: 9px;
	line-height: 1.5;
}
.cta-box .cta-box_ttl:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0px;
    width: 97%;
    border-bottom: solid 3px #00b2e2;
}
.cta-box_intro {
    display: flex;
    margin-bottom: 15px;
}
.cta-box .cta-box_company {
    width: 40%;
    padding: 0;
    float: none;
    display: flex;
    align-items: center;
    height: auto;
}
.cta-box_company img {
    width: 100%;
    margin: 0 auto;
}
.cta-box_company a {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    text-decoration: underline;
}
.cta-box_recommend {
    padding: 10px 15px;
	line-height: 1.5;
	font-size: 15px;
}
.cta-box .cta-box_recommend_ttl {
    color: #ff0000;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}
.button-fukidashi {
    text-align: center;
    font-size: 16px !important;
}
.cta-box_btn {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    flex-direction: row;
}
.cta-box_btn a {
    width: 48%;
    text-align: center;
    padding: 5px 73px 5px 112px;
    text-decoration: none;
}
a.button-medium__ctatable {
    display: block !important;
    background-color: #CC0066 !important;
    box-shadow: #a60053 0px 4px 0px 0px;
    color: #fff !important;
    text-align: center;
    text-decoration: none !important;
    border-radius: 25px;
    position: relative;
    width: 80%;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 12px;
    font-weight: bold !important;
}

a.button-medium__ctatable:after {
    content: "";
    top: 10px;
    right: 13px;
    background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/10/21947447433f71e5738298db0d125500.png);
    position: absolute;
    z-index: 100;
    width: 20px;
    height: 20px;
    background-size: 100%;
    background-repeat: no-repeat;
}


@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.cta-box {
    width: 100%;
    padding: 15px 5px;
}
.cta-box_intro {
    display: block;
}
.cta-box .cta-box_company {
	width: 100%;
}
.cta-box_recommend {
    padding: 10px 0px;
    margin: 0px 10px 0;
    font-size: 16px;
}
.button-fukidashi {
    text-align: center;
    font-size: 16px !important;
	line-height: 0.5;
}
.cta-box_btn a {
    padding: 10px 0px 10px 0px;
}
a.button-medium__ctatable {
    width: 90%;
}
a.button-medium__ctatable:after {
	top: 16px;
}
}

/* =============================================
指差しボタン
============================================= */
div.cps-post-main div.joubu-rank02:nth-of-type(2) .table-cta-btn.l_arrow a:before {
    content: "";
    background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/10/8a134d57f33015c8ae1fe049300c22d3.png) no-repeat center / 100% 100%;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 3px 0 0;
    top: 6px;
    left: 87px;
    position: absolute;
    animation: icon_rotate 0.64s linear infinite alternate;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
div.cps-post-main div.joubu-rank02:nth-of-type(2) .table-cta-btn.l_arrow a:before {
    width: 35px;
    height: 35px;
    top: 8px;
    left: 17px;
}
}

@keyframes icon_rotate {
    0% {
    transform: rotate(35deg);
    }
    100% {
    transform: rotate(75deg);
    }
    }

/*------------------------------------------------------------
レクタングルバナー調整
-------------------------------------------------------------*/
a.banner-rectangle {
    display: block;
    margin-top: 30px;
}

/*------------------------------------------------------------
スクロールテーブル調整
-------------------------------------------------------------*/
.thColor-01 th:first-child{
white-space: normal;
}
.thColor-01 th{
background: #fff;
}
.thColor-01 tr:first-child th{
background: #deeafc;
}
.thColor-01 div.table-cta-btn a{
padding-left: 34px;
padding-right: 34px;
min-width: max-content;
}
.thColor-01 div.table-cta-btn a:after{
right: 12px;
top: 0;
bottom: 0;
margin: auto;
width: 16px;
height: 16px;
}

/*------------------------------------------------------------
Q&A調整
-------------------------------------------------------------*/
.qa-wrap .acMenu dd:before{
display: none;
}

/*------------------------------------------------------------
モーダル
-------------------------------------------------------------*/
.popup-tuizyu.modal{
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: calc(infinity);
display:none!important;
}
.modal #btn-close-popup-banner{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
}
.modal-cont{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: calc(infinity);
}
.modal-cont img {
    max-width: 90%;
    height: auto;
    margin-bottom: 0px!important;
}
.modal .btn-wrap a:hover{
opacity: 0.7;
}
.popup-tuizyu.modal #btn_close span{
	position: absolute;
    top: -45px; /* ボタンの高さに合わせて調整 */
    right: -45px; /* ボタンの幅に合わせて調整 */
    display: block;
    width: 36px;
    height: 36px;
    background: url(https://www.mersenne.co.jp/careerhigh/wp-content/uploads/2024/11/2ebc87b30f745796ef787bbc55774828.png) no-repeat center / contain;
    cursor: pointer;
    z-index: calc(infinity);
}
.popup-tuizyu.modal.sp-display{
display:none!important;
}
.hidden {
    display: none !important;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
.popup-tuizyu.modal.sp-display{
display:block!important;
}
.modal-cont {
    width: 85%;
}
.modal-cont img {
max-width: 100%;
height: auto;
}
.popup-tuizyu.modal #btn_close span{
width: 28px;
height: 28px;
top: -39px;
right: -8px;
}
}

/*--------------------------------------------------------
目次上 PRCTA
-------------------------------------------------------*/
.pr-cta {
margin: 0 auto 20px;
}
.pr-cta dt {
background: #0f4699;
color: #fff;
text-align: center;
padding: 12px 0 8px;
font-weight: 600;
line-height: 1.3;
font-size: 18px;
border-radius: 6px 6px 0 0 ;
}
.pr-cta dt .b{
font-size: 20px;
}
.pr-cta dd {
padding: 24px;
border: 1px solid #4d79bb;
border-top: 0;
border-radius: 0 0 6px 6px;
}
.pr-cta dd .img img{
margin-bottom: 0;
}
.pr-cta dd p{
line-height: 1.7;
margin-bottom: 20px;
}
.pr-cta .osusume-user_box{
margin-left: 4px;
margin-right: 4px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.pr-cta dt{
font-size: 16px;
}
.pr-cta dt .b {
font-size: 18px;
}
.pr-cta dd {
padding: 16px;
}
.pr-cta dd .osusume-user_box{
margin-top: 20px;
}
.pr-cta dd p {
margin-bottom: 14px;
}
.pr-cta dd .cta-link-box {
padding: 0;
margin-bottom: 10px;
}
}
@media screen and (max-width : 376px){
div.cps-post-main .pr-cta div.osusume-user_box ul li{
font-size: 13px;
}
}
@media screen and (max-width : 361px){
.pr-cta dt {
font-size: 15px;
}
.pr-cta dt .b {
font-size: 17px;
}
div.cps-post-main .pr-cta div.osusume-user_box ul li{
font-size: 12px;
}
}

/*--------------------------------------------------------
hyouka-main-wrap用通常見出し
-------------------------------------------------------*/
.h-normal{
z-index: 1;
}
.h-normal:after{
background: #00b2e2!important;
transform: rotate(12deg)!important;
}

/*--------------------------------------------------------
qa-wrapにQA以外のものを入れる用のタグ
-------------------------------------------------------*/
.not-qa{
padding:0 20px 0 32px;
}
.not-qa p:before{
display: none;
}
.not-qa p{
padding-left: 0;
}


/*--------------------------------------------------------
診断ツール202506
-------------------------------------------------------*/
.osusume-user_box.shindan-qa-container {
    margin-top: 0 !important;
}
p.shindan-selection_ttl {
    margin-bottom: 6px !important;
}
.shindan-wrapper .osusume-user_box,
.osusume-user_box.shindan-qa-container{
	    box-shadow: 0 0 0 4px #61e0e9;
}
p.shindan-question-text_wrapper {
    font-weight: 800;
    text-align: center;
    line-height: 1.7;
    font-size: 16px;
    margin-top: 23px !important;
}
ul.shindan-selection li {
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    width: 48%;
    margin: 5px !important;
    padding: 14px 0px 10px!important;
    cursor: pointer;
    line-height: .5em !important;
    border-radius: 30px;
    border: 0;
    background: #eb9a55;
    color: #FFF !important;
    box-shadow: 0px 3px 0px 0px #e1883c;
    font-weight: bold;
    transition: 0.3s;
    box-sizing: border-box;
    position: relative;
}
.cps-post-main div.osusume-user_box ul.shindan-selection li:before {
    content: '';
    width: 20px !important;
    height: 20px !important;
    background: url(https://www.pair-full.jp/img/column/uploads/2024/12/2024y12m18d_1111275621.png) 0 0 / contain!important;
    position: absolute!important;
    top: 0!important;
    bottom: 0!important;
    left: 12px!important;
    margin: auto!important;
	background-color:none!important;
    border-radius: none!important; 
    border: none!important;
}
select.shindan-pulldown {
    display: block;
    text-align: center;
    margin: 0 auto;
    line-height: 2em;
	 padding: 10px 12px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="gray" height="12" viewBox="0 0 20 20" width="12" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 20,0 10,10"/></svg>');
	background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    min-width: 250px;
}
button.shindan-prev-question,
button.shindan-start{
    padding: 8px 14px;
    font-size: 14px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 15px;
}

button.shindan-prev-question:hover,
button.shindan-start:hover{
    background-color: #e0e0e0;
    border-color: #bbb;
}
.shindan-wrapper .hyouka-main-wrap:before,
.hyouka-h3-name.kekka_shindan h3.h-main-name:before,
.hyouka-h3-name.kekka_shindan h3.h-main-name:after{
	content:none!important;
}
li.highlight-male {
    background: #749bf1 !important;
    box-shadow: 0px 3px 0px 0px #5d7dc5 !important;
}

li.highlight-male:hover {
    background: #749bf1 !important;
}
li.highlight-female {
    background: #ed8686 !important;
    box-shadow: 0px 3px 0px 0px #e76767 !important;
}
li.highlight-female:hover {
    background: #e76767 !important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
p.shindan-selection_ttl {
    margin-bottom: 5px !important;
    font-size: 14px !important;
}
	.hyouka-main-wrap .hyouka-h3-name{
	padding:10px 0 8px 14px;
}
	ul.shindan-selection {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}
div.osusume-user_box ul.shindan-selection li{
display: flex;
        padding-left: 38px !important;
        width: 47% !important;
        align-items: center;
	}
div.osusume-user_box ul.shindan-selection li:before{	
    left: 13px !important;
}
.osusume-user_box.shindan-result-container a.cta-link-button02 {
    padding: 15px 20px 10px;
}
}