@charset "UTF-8";
.widget-logic-widget-widget-container {
  padding: 15px;
}
.widget-logic-widget-widget-content {
  margin-top: 10px;
}
#avatar-manager img{margin:2px 0;vertical-align:middle}#avatar-manager label+a{display:inline-block;margin-top:-6px}#avatar-manager .delete{color:red;padding:2px}#avatar-manager .delete:hover{background:red;color:#fff;text-decoration:none}.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}

/**
 *	The whole of question
 */
#question_wrap {
	display: block;
	position: relative;
	width: 100%;
	margin-bottom: 0.5rem;
}

/**
 *	Choices block
 */
ul#choices {
	list-style: none;
	margin: 0 !important;
	padding: 0;
	padding-left: 0;
}
ul#choices li {
	list-style: none !important;
	margin-left: 0;
}
ul#choices li button {
	width: 100%;
	padding: 0.7em;
	margin-bottom: 3px;
	font-size: 1.25rem;
	border-radius: 10px;
	background: #23282d;;
	color: #ffffff;
}
ul#choices li button:hover {
	background: #0073aa;	
}

/**
 *	Question block
 */
.yesno_q {
	text-align: center;
	display: block;
	padding: 1rem;
	margin-bottom: 1.5rem;
	font-size: 1.5rem;
	font-weight: bold;
	border: 1px #333 solid;
	border-radius: 10px;
}
.yesno_q dt {
	display: block;
	padding: 1rem;
	margin-bottom: 1.5rem !important;
}
.yesno_q dt span {
	padding: 1rem;
	font-size: 2rem;
	font-weight: bold;
	background: #0073aa;
	color: #fff;
	border-radius: 10px;
}
.yesno_q dd {
	padding: 1.5rem !important;
}


/*
    Template: atomane
    Theme Name: atomane CHILD
    Theme URI: https://swell-theme.com/
    Description: atomaneの子テーマ
    Version: 2.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
@font-face {
    font-family: 'icomoon';
    src:url(//sugureta.co.jp/atomane/wp-content/themes/atomane/assets/fonts/icomoon.ttf?7ojy2d) format('embedded-truetype'),
    url(//sugureta.co.jp/atomane/wp-content/themes/atomane/assets/fonts/icomoon.ttf) format('truetype'),
    url(//sugureta.co.jp/atomane/wp-content/themes/atomane/assets/fonts/icomoon.woff) format('woff'),
    url(//sugureta.co.jp/atomane/wp-content/themes/atomane/assets/fonts/icomoon.svg) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
* {
  box-sizing: border-box;
}
picture.aligncenter {display: block; text-align: center;}
.header-top {background: #252525;color: #fff;}
.header-top h1 {font-weight: normal;font-size: 12px;overflow: hidden;white-space: nowrap;}
.p-termHead{border:none;}
.c-gnav {gap: 1em;}
.c-gnav>.menu-item>a {padding: 12px; width: 120px; font-weight: bold;}
.c-gnav>.menu-item>a:hover {color: #fff;}
.c-gnav a::after { background: #3bc68a; height: 38px; }
li.menu-item.-current { color: #fff; }
#breadcrumb {
    background: #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12) !important;
    padding: 5px 0;
}
#fix_header .c-gnav a::after { height: 52px; }
.l-fixHeader__logo {padding: 6px 0;}
.l-header__logo {
    width: 100vw;
    border-bottom: 5px solid #9cdac0;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
}
h2:not(.ranking-title):not(.p-postList__title):not(.c-secTitle):not(.siborikomi) {
    position: relative;
    padding: 1rem !important;
    border: 2px solid #00a08c !important;
    background-image: linear-gradient(-45deg, transparent 10px, #e5ffe4 10px) !important;
    color: #00a08c !important;
    overflow: hidden;
}
h2:not(.ranking-title):not(.p-postList__title):not(.c-secTitle):not(.siborikomi):before {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    top: unset !important;
    width: auto !important;
    height: auto !important;
    border-width: 0px 0px 15px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #00a08c;
    box-shadow: 0 0 5px #00a08c;
    left: unset !important;
    border-left: solid 15px #00a08c !important;
    border-right: solid 0 #ffffff !important;
    border-top: solid 0px #ffffff !important;
    border-bottom: solid 14px #ffffff !important;
}
.c-pageTitle:after{ content: none; }
.c-pageTitle__inner{ border-bottom: none !important; }
.c-postThumb__cat { background-color: #368c36; }

@media screen and (max-width: 769px) {
    .top #content { padding-top: 0; }
}
@media (min-width: 960px) {
    .-series-right .l-header__inner {flex-direction: column;}
    .-series-right .c-gnavWrap {
        margin-left: unset !important;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        padding: 2px;
        border-top: 4px solid #ccffcc;
    }
    .-series .l-header__logo {justify-content: center;}
    .c-gnav {justify-content: center;}
}

/**絞り込み機能**/
h2.siborikomi { background: none; margin: 0 !important; z-index: 0;}
h2.siborikomi:before { display: none; }
.card-buttons, .amount-buttons, .priority-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.card-buttons button, .amount-buttons button, .priority-buttons button {
    cursor: pointer;
    border: 1px solid #00906d;
    border-radius: 4px;
    background: white;
    padding: 0 6px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s, border-color 0.3s;
    height: 40px;
    box-shadow: 3px 3px #00906d;
    color: #00906d;
    font-weight: bolder;
}
.card-buttons img { width: 50px; height: auto; }
.ranking-sim .tabs {
    display: flex;
    justify-content: center;
    border-bottom: 3px solid #42ad8e;
}
.ranking-sim .tab-btn { width: 50%; }
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.sim-form { border: 2px solid #c3edc7; }
.sim-top img {
    height: auto;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
}
.sim-inner .bg-image img { height: 540px; }
.sim-inner { padding: 2em; }
.siborikomi {
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.count-display, .action-buttons { 
    display: flex;
    justify-content: center;
    text-align: center; 
    font-weight: 700; 
    z-index: 10;
}
.ranking-sim .tabs .tab-btn {
    background-color: #ccffcc;
    color: #01a77f;
    padding: .5em;
    font-size: 1.2em;
    font-weight: bolder;
}
.ranking-sim .tabs .tab-btn:nth-of-type(1).active, 
.ranking-sim .tabs .tab-btn:nth-of-type(2).active {
    border-left: 3px solid #00906d;
    border-right: 3px solid #00906d;
    border-top: 3px solid #00906d;
    border-bottom: 1px solid #42ad8e;
    background-color: #42ad8e;
    color: #fff;
}
.ranking-sim .tabs .tab-btn:nth-of-type(1),
.ranking-sim .tabs .tab-btn:nth-of-type(1).active { border-radius: 15px 0 0 0; }
.ranking-sim .tabs .tab-btn:nth-of-type(2),
.ranking-sim .tabs .tab-btn:nth-of-type(2).active { border-radius: 0 15px 0 0; }
.card-selection, .amount-selection, .priority-selection { margin-top: 1em; }
.section-label {
    background-image: linear-gradient(109.6deg, rgb(1 166 124) 11.2%, rgb(245 204 128) 91.1%);
    background-repeat: no-repeat;
    background-size: 100% 3px;
    background-position: bottom;
    margin-bottom: .7em;
    font-weight: bolder;
    font-size: 1.1em;
}
.card-buttons .selected, .amount-buttons .selected, .priority-buttons .selected { border: 3px solid #ffb800; }
.amount-buttons .selected, .priority-buttons .selected { background: #fffbe6; color: #ffb800; }
.card-buttons button { flex: 0 0 calc((100% - 80px) / 9); }
.amount-buttons button { flex: 0 0 calc((100% - 50px) / 6); }
.priority-buttons button { flex: 0 0 calc((100% - 30px) / 4); }
.count-display { margin-top: 2em; }
.sim-inner {
    position: relative;
    margin: auto;
    /*overflow: hidden;*/
    padding: 1em 2em;
    z-index: 999;
}
.bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  opacity: .7;
}
.sim-top p, .sim-top br { display: none !important; }
.btn-reset, .btn-show {
    font-weight: bolder;
    padding: 0.4rem 2.2rem;
    margin: 0 5px;
    border-radius: 50px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);
}
.btn-reset:hover, .btn-show:hover { opacity: .8; }
.btn-show { background: #019f8c; color: #fff; padding: 0.4rem 5.2rem;}
.btn-reset { background: #b3b8b8; color: #fff; }
.action-buttons .btn-show {
  position: relative;
  z-index: 10001;
  pointer-events: auto;
}
/*******もダル************************/
.modal-overlay{
    position: fixed;
    top: 0;
    left: 0;
  width: 100dvw;
  height: 100dvh;          
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(0,0,0,.5);
    display: none;
    z-index: 9999;
    overflow: hidden;
}
.modal-overlay.active {
  display: flex;
}
.modal-content{
    background: white;
    width: 90%;
    max-width: 900px;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2em;
    position: relative;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    padding-top: 0;
}
.modal-close{
    position: sticky;
    top: 12px;
    z-index: 999;
    left: calc(50% - -2px);
    transform: translateX(-50%);
    background: 0 0;
    border: none;
    font-size: 26px;
    cursor: pointer;
    align-self: flex-start;
    background-color: #908fa3;
    border-radius: 50px;
    padding: 5px !important;
    line-height: 26px;
    color: #fff;
    opacity: 0.7;
}
body.modal-open { overflow: hidden; }
.modal-content h3:before { content: none !important; }
.modal-content h3 {
    background-image: linear-gradient(109.6deg, rgb(1 166 124) 11.2%, rgb(245 204 128) 91.1%);
    background-repeat: no-repeat;
    background-size: 100% 3px;
    background-position: bottom;
    margin: 3em 0 1em;
    margin-top: 0;
    font-size: 1.3rem;
}
.card-list {
    display: flex;
    gap: 0 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.card-list .detail-cards {
    flex: 0 0 calc((100% - 90px) / 10);
    list-style: none;
}
.ranking-sim .card-list .detail-cards {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px 6px;
    height: 30px;
    flex: 0 0 calc((100% - 80px) / 4);
}
.modal-info { display: flex; }
.modal-info .detail-l { width: 34%; }
.modal-info .detail-img {
    position: relative;
    height: 160px;
    overflow: hidden;
    margin-right: 10px;
}
.site-info {
    margin: 0 auto;
    width: 66%;
    font-weight: 700;
}
#modal-list .site-item p {
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
}
.custom-table {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    max-width: 600px;
    background-color: #cecece;
    text-align: center;
}
.custom-table .row2 { align-content: center; }
.custom-table>div:not(.row3, .row4) { outline: 1px solid #cecece; background: #fff; }
.modal-overlay .row3:not(:has(.item2)) { grid-template-columns: none; }
.modal-overlay .row3:not(:has(.item2)) .card-list .detail-cards { flex: 0 0 calc((100% - 70px) / 10); }
.custom-table .row1, .custom-table .row3, .site-info thead tr:first-child, .site-info tbody tr:nth-of-type(2) {
    background-color: #e7ffe9 !important;
    color: #009722;
}
.modal-overlay .priority-tag {
    flex: 0 0 12.5%;
    padding: 0 0 10px 0;
    padding-bottom: 1em;
    line-height: 0;
}
.modal-overlay .priority-tag img { transform: scale(0.5); }
.modal-overlay .mo-btn-cv { width: 36%; height: 55px; }
.detail-rating { width: 120px; margin: auto; }
.modal-overlay .site-item { margin-bottom: 2em; }
#modal-pagination {
    margin-top: 1em;
    display: flex;
    justify-content: center;
    gap: 10px;
}
#modal-pagination .active { background: #00bf7f; color: #fff; }

/******もダル終わり*****************/
@media screen and (max-width: 769px) {
    .modal-overlay { z-index: 10000; }
    .modal-content h3 { font-size: 1.6rem; padding-bottom: 6px; text-align: center; }
    .ranking-sim .tabs .tab-btn { padding: .2em; }
    .sim-inner { padding: 0 1em 1em 1em; }
    .section-label { font-size: 1em; }
    .card-buttons button { flex: 0 0 calc((100% - 100px) / 5); }
    .amount-buttons button { flex: 0 0 calc((100% - 22px) / 3); font-size: 12px;}
    .priority-buttons button { font-size: 10px; padding: 0; }
    .card-buttons button, .amount-buttons button, .priority-buttons button { height: 30px; }
    .modal-content { top: 0; width: 95%; max-height: 77vh; padding: 10px;}  
    .site-info { font-size: .9rem; }
    .modal-info { flex-direction: column; }
    .modal-info .detail-l, .modal-info .site-info { width: 100%; }
    .custom-table .row3 { grid-template-columns: none !important; }
    .ranking-sim .card-list .detail-cards,
    .modal-overlay .row3:not(:has(.item2)) .card-list .detail-cards { align-content: center; flex: 0 0 calc((100% - 60px) / 6);}
    .ranking-sim .card-list { padding: 6px; }
    .row3 > div.item2 { order: 3; }
    .row3 > div.item3 { order: 2; }
    .row3 > div:last-child { order: 4; }
    #modal-list .site-item p { font-size: .9em; }
    .modal-overlay .mo-btn-cv { width: 82%;}
    .modal-overlay .priority-tag { padding-bottom: 1em; flex: 0 0 25%; }
    .modal-overlay .priority-tag img { margin-top: -7px; transform: scale(0.5); }
    .modal-overlay .site-tags-list { font-size: .7em; }
    .btn-show { padding: 0.4rem 2.2rem;}
}

/**ランキング**/
.l-ranklist { padding: 0 !important;}
.rankname img { margin-left: 10px; width: 20%; }
.rankname img:nth-of-type(2) {
    position: absolute;
    top: -20px;
    right: 10px;
    width: 90px;
    height: auto;
    z-index: 1;
}
.l-ranklist .Contractor_Box {justify-content: center;}
.l-ranklist .item_img_area { margin: 0 1em; }
.ranking-title:before, h3.titlebox:before {display: none !important;}
.titlebox .jump:hover, .l-imgbox img:hover { opacity: .8; }
.l-ranklist li { 
    list-style: none;
    border-radius: 12px;
    box-shadow: 0 2px 4px 0 rgba(52, 52, 52, 0.2);
    padding-bottom: 2em;
}
.l-ranklist .card-list li {
    box-shadow: none;
    padding-bottom: 0;
}
.l-ranklist li:not(:first-child) { margin-top: 3em; }
.tab-menu {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.tab-menu .tab-button {
    flex: 1;
    padding: 0.5em 0;
    cursor: pointer;
}
.tab-menu .tab-button.active {
    background: #53c553;
    font-weight: bold;
    color: #fff;
}
.l-rankbox .card-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 10px;
    margin: 0;
    list-style: none;
    justify-content: center;
}
.l-rankbox .detail-cards {
    /*border: 1px solid #ccc;
    border-radius: 4px; アイコンカード化css */ 
    padding: 3px 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*height: 30px; アイコンカード化css */
    margin: 0 !important;
    width: calc((100% - 50px) / 10);
}
/*.l-rankbox .detail-cards img { width: 32px; height: auto; } アイコンカード化css */
.toprank3 div:nth-of-type(1), .toprank3 div:nth-of-type(3) {
    background: #53c553;
    font-weight: 700;
    color: #fff;
    padding: 2px;
}
.item_cards.toprank3 > div {
    width: 100%;
    text-align: center;
    align-content: center;
    border: 1px solid #53c553;
}
.l-ranklist #tab2 { padding: 1em; border: 1px solid #53c553; }
.l-ranklist #tab2 p { padding: 1em 0; }
.l-ranklist .item_cards { border: none !important; }
.l-ranklist .item3 { margin-top: 10px; }
.btn-cv { text-align: center;display: flex; margin: 1.7em;}
.l-ranklist .btn-cv a:hover, .l-ranklist .btn-cv span:hover {
    border-bottom-width: 1px;
    transform: translateY(1px);
}
.l-ranklist .btn-cv a, .l-ranklist .btn-cv .jump { position: relative; }
.l-ranklist .btn-cv a:before, .l-ranklist .btn-cv .jump:before {
    content: '';
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    margin: auto;
}
.l-ranklist .btn-cv a:after, .l-ranklist .btn-cv .jump:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    position: absolute;
    top: 0;
    right: 25px;
    bottom: 0;
    margin: auto;
}
.l-ranklist .btn-cv a:after {
    border-color: transparent transparent transparent #b9b9b9;
}
.l-ranklist .btn-cv .jump:after {
    border-color: transparent transparent transparent #ff2173;
}
.btn-cv a, .btn-cv span { 
    width: 45%;
    margin: auto;
    color: #fff;
    padding: .5em;
    border-radius: 12px;
    align-items: center;
    font-family: sans-serif;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    height: 70px;
}
.btn-cv a {
    background: #b9b9b9;
    border-bottom: 4px solid #666666;
    align-content: center;
}
.btn-cv .jump {
    background: #ff2173;
    border-bottom: 4px solid #942b59;
}
@media screen and (max-width: 769px) {
    .l-ranklist h3 { padding: 0.9em 0em 0.7em 0em; text-align: center; }
    .titlebox span { font-size: 1.3rem !important; letter-spacing: 0px !important; }
    .rankname img { display: block; width: 32%; margin: auto; }
    .rankname img:nth-of-type(2) { top: -12px; width: 50px; }
    .l-rankbox .detail-cards { width: calc((100% - 50px) / 5); }
    .l-ranklist .btn-cv {  flex-direction: column-reverse; }
    .l-ranklist .btn-cv a, .l-ranklist .btn-cv span { width: 100%; }
    .l-ranklist .btn-cv a:before, .l-ranklist .btn-cv .jump:before { right: 12px; }
    .l-ranklist .btn-cv a:after, .l-ranklist .btn-cv .jump:after { right: 17px; }
    .l-ranklist .btn-cv a { margin-top: 10px !important; height: 50px; }
}
/***おすすめ横並び広告CSS***/
.keen-slider__slide {
    padding: 10px;
    white-space: nowrap;
}
.keen-slider {
    gap: 50;
}
.osusume-title {
    text-align: center;
    margin: 20px auto 0;
}
.osusume {
    display: flex;
    list-style-type: none;
    padding-left: 0 !important;
    overflow: hidden !important;
}
.osusume li {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2), 0 4px 4px -4px rgba(0, 0, 0, .2);
    border-radius: 10px;
}
.osusume-sitename {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0051c2;
    cursor: pointer;
    text-decoration: underline;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 0.4em;
}
.osusume-imgbox img {
    object-position: 50% 0;
    object-fit: cover;
    height: 113px;
    width: 100%;
}
.osusume-info {
    text-align: center;
    letter-spacing: 0.05em;
}
.osusume-info div:not(.info_text):before {
    content: "";
    width: 17px;
    height: 17px;
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
    background-repeat: no-repeat;
}
.osusume-info div {
    border-bottom: none;
    line-height: 1.4;
    padding: 3px 0 3px 20px;
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; 
}
.osusume-info div:not(:last-of-type) {border-bottom: 1px solid #dedede;}
.osusume-info.num_big div {
    line-height: 1.4;
    padding: 0;
    letter-spacing: 0.1em;
}
.osusume-info div:not(.info_text):before {
    display: inline-block;
    margin-right: 8px;
    position: static;
    vertical-align: baseline;
}
.osusume-info div.info_text {
    display: flex;
    padding: 6px 0;
    font-weight: bold;
    font-size: .8rem;
}
.osusume-info span {
    font-size: 2em;
    font-weight: bold;
    color: #245faf;
}
.sitebtn {
    display: block;
    position: relative;
    font-size: 1.1rem;
    font-weight: 700;
    background: #2db4f8;
    border-radius: 8px;
    color: #fff;
    padding: 0.4em 0;
    border-bottom: solid 5px rgba(0,0,0,.2);
    background: #2db4f8;
    padding: .4em 0;
}
.sitebtn:hover {
    opacity: .8;
}
.sitebtn:after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    left:auto;
    width: 11px;
    height: 11px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(45deg);
}
.osusume span.sitebtn.jump {color: #fff;}
.rows-2 .osusume-sitename {
    position: absolute;
    left: calc(100% + 10px);
    white-space: nowrap;
    font-size: 15px;
}
.rows-2 .osusume-info {
    display: inline-block;
    padding: 0 0 5px;
    width: 100%;
}
.rows-2 .osusume-info div {
    line-height: 1.4;
    padding: 0 0 0 25px;
    border-right: none;
    margin: 0;
}
.osusume-info.num_big div.info_text {padding: 10px 0 10px; line-height: 1.6;}
.rows-2 .osusume-imgbox img {height: auto;}

@media screen and (min-width: 769px) {
    .osusume-title {margin: 40px auto 10px;}
    .osusume-info {
        width: 100%;
        padding: 0 0 5px;
        font-size: 1rem;
    }
    .osusume-info div {
        line-height: 1.6;
        padding: 6px 0;
        text-align: center;
        min-height: 4em;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .osusume-info span {margin: auto 5px;}
    .osusume-info span.bunto {margin: auto 5px auto 0;}
    .osusume-imgbox img {height: 140px; max-height: 140px;}
    img.rank_icon {
        height: 22px;
        width: auto;
        display: inline-block;
        position: static;
        margin-right: 5px;
    }
    .rows-2 .osusume-box {width: 100%;}
    .rows-2 .osusume-sitename {
        position: static;
        white-space: normal;
        font-size: 1.1rem;
    }
}
/***** フッター追尾広告CSS *****/
div#ff_box {
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgb(255 255 255 / 70%);
    z-index: 1;
    width: 100%;
}
.ff_btn {
    background: linear-gradient(#770000, #640000);
    border-radius: 7px;
    padding: 0.7em;
    font-size: 1.4em;
    color: #fff;
    width: 85%;
    margin: 8px auto;
}
.ff_btn span {
    color: #fff;
}
.ff_btn .jump {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 1.2rem;
    text-decoration: underline;
} 
.ff_btn .jump:before {
    position: absolute;
    left: 33px;
    margin-top: -10px;
    content: "PR";
    border: solid 1px #fff;
    font-weight: 400;
    border-radius: 5px;
    font-size: 11px;
    letter-spacing: .1em;
    padding: 0 5px 0 5px;
    color: #fff;
    text-decoration: none;
}	
.ff_btn .jump:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 2.5px solid #fff;
    border-right: 2.5px solid #fff;
    transform: rotate(45deg) translateY(-48%);
    position: absolute;
    top: 50%;
    right: 2.5em;
    border-radius: 1px;
}   
.ff_img {
    width: 98%;
    margin: 5px 5px 0 5px;
    position: fixed;
    bottom: 0;
    left: 0;
}
#close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    background: none;
    border: none;
    cursor: pointer;
}

/***** ステマ対策 *****/
.ff_img:before {
    content: url(https://sugureta.co.jp/atomane/wp-content/uploads/2024/02/pr-icon.png);
    position: absolute;
    top: -8px;
    left: 8px;
}
.btn_close #close-button {
    top: -12px;
    background: #bbe4ff;
    padding: 2px;
    height: 30px;
}
h1.c-pageTitle,h2.c-pageTitle{position:relative;margin-bottom:1.0em;}

/***** 会話（sayショートコード） *****/
.say_left {display: flex; width: 100%;}
.chara_img {width: 100%; text-align: center;}
span.chara_name {display: block;}
.chara_comment {
    background: #f5f5f5;
    padding: 0.7em;
    border-radius: 8px;
    margin-left: 15px;
	position:relative;
}
.chara_comment::before{
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #f5f5f5;
}
@media screen and (min-width:700px) {
.chara_img {width: 300px;}
}

/******************************************************************************************
商標ページ（shopinfo3）
******************************************************************************************/
.itembox.infobox {
    background: #f7f7f7;
    padding: 1em 1em 2em 1em;
    border-radius: 15px;
}
.itemname {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: .7rem 1rem 1rem 1rem;
    border-radius: 5px;
    border: 10px solid #53c553;
    background-color: #53c553;
    background-image: linear-gradient(#53c553 0 100%), repeating-linear-gradient(135deg, #fff 0 5px, transparent 5px 10px);
    background-repeat: no-repeat;
    background-position: center;
    background-size: calc(100% - 10px) calc(100% - 10px), 100%;
    color: #fff;
    font-size: 1.8em;
    font-weight: bolder;
    text-align: center;
    margin-bottom: .5em;
}
.itemname span { line-height: 0; }
.itemname img { width: 20%; margin-left: 10px; }
img.star-rating { width: 100px; height: auto; }
.row-l img { margin: 10px auto; display: block; }
.siteurl { text-align: center; }
.itembox .row { margin-bottom: 1em; }
.info_area th { background: #f2ffd1; }
.info_area th { border: 1px solid #53c553; }
.item_cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    border: 1px solid #53c553;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 1em;
}
.item_cards p {
    width: 100%;
    text-align: center;
    font-weight: bolder;
    background-color: #53c553;
    border: 1px solid #53c553;
    color: white;
}
.item_cards.toprank3 {
    gap: 0;
    padding: 0;
    background: none;
    margin: 10px 0;
}
.card-icon-wrap {
    width: calc((100% - 50px) / 10);
    box-sizing: border-box;
    align-content: center;
    padding: 0 5px;
}
.site-tags { margin-top: 1em; }
.itembox .tab2 { margin: 1em 0; }
.itembox .info_area { margin-bottom: 2.5em; }
.site-tags-list {
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid #53c553;
    border-bottom: 1px solid #53c553;
}
.priority-tag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #53c553;
    border-right: 1px solid #53c553;
    background: #ffffff;
    padding: .5em;
    flex: 0 0 25%;
    text-align: center;
    justify-content: center;
}
.priority-tag.selected { color: #53c553; font-weight: bold; background: #f2ffd1; }
.priority-tag img {
    filter: grayscale(100%);
    opacity: .5;
    width: auto;
    height: 100%;
    transform: scale(0.7);
}
.priority-tag.selected img { opacity: 1; filter: unset; }
.tag-label {margin: auto;}
.info_3point_title {
    background-color: #53c553;
    text-align: center;
    font-weight: bolder;
    font-size: 1.2em;
    color: #fff;
    padding: 5px;
}
.info_3point { border: 1px solid #53c553; background: #fff; }
.info_3point.ol-circle li {  box-shadow: none; }
.info_3point.ol-circle li:not(:first-child) { margin-top: 0; }
.info_3point.ol-circle li:before { background: #53c553; }
.info_area td { background: #fff; border: 1px solid #53c553; }
.red.bold { color: red;font-weight: bold; }
.blue.bold { color: blue;font-weight: bold; }
.info_text {
    background: #fff;
    padding: 1.5em;
    border-radius: 12px;
    margin-top: 1em;
}
.custom-table .row3 {
    grid-column: span 3;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.custom-table .row3 > div:first-child,
.custom-table .row3 > div:last-child,
.custom-table .row3 .item2 {
    outline: 1px solid #cecece;
    align-content: center;
}
.custom-table .row3 .item3, 
.custom-table .row3 > div:last-child {
    background: #fff;
    outline: 1px solid #cecece;
    align-content: center;
}
.mo-btn-cv {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
    width: 47%;
    height: 75px;
    padding: .5em 2em .5em 2em;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 16px;
    text-align: center;
    overflow-wrap: anywhere;
    border-radius: 10px;
    margin: auto;
    flex-direction: row-reverse;
    box-shadow: 0 0 6px 0 rgba(10, 10, 10, .3);
    line-height: 1.5;
    background: #ff2173;
    border-bottom: 4px solid #942b59;
}
.mo-btn-cv:hover {
    border-bottom-width: 1px;
    transform: translateY(1px);
}
.mo-btn-cv .jump {color: #fff; text-decoration: none;}
.mo-btn-cv-icon {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 48px;
    aspect-ratio: 1;
    overflow: hidden;
}
.mo_link_bt { font-weight: bolder; color: #fff; text-decoration: none; }

@media screen and (max-width: 768px) {
    .itemname {
        border: 7px solid #53c553;
        background-image: linear-gradient(#53c553 0 100%), repeating-linear-gradient(135deg, #fff 0 2px, transparent 5px 10px);
    }
    .itemname img { width: 30%; }
    .card-icon-wrap { width: calc((100% - 50px) / 5); }
    .priority-tag {
        line-height: 0;
        padding-bottom: 1.2em;
    }
    .priority-tag img { margin-top: -5px; transform: scale(0.6);}
    .item_img_area, .info_area, .info_3point, .info_text { font-size: .9em; }
    .site-tags-list { font-size: .8em; }
    .info_text { padding: 1em; }
    .info_3point_title { font-size: 1em; padding: 3px; }
    .ol-circle ol {padding: .5em 0.5em;}
}
/******************************************************************************************
筆者紹介
******************************************************************************************/
.writer_list {width: 85%; margin: auto;}
.writer-icon img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}
.writer_ttl {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 2em;
    border-bottom: 1px solid #0051c2;
    color: #0051c2;
    font-weight: 700;
}
.speech-bal_ttl {
    position: relative;
    background: linear-gradient(90deg,#10aeff,#ffda8c);
    text-align: center;
    width: 54%;
    color: #fff;
    font-size: 20px;
    padding: 8px 0;
    font-weight: 700;
    margin: auto;
    border-radius: 4rem;
    margin-top: 2em;
    margin-bottom: 2em;
}
.speech-bal_ttl:after {
    border-top: 20px solid #96c5c6;
    position: absolute;
    bottom: -14px;
    left: 50%;
    content: '';
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    transform: translateX(-50%);
}
.jump {color: #0076ff;text-decoration: underline;}
@media screen and (max-width: 540px) {
    .speech-bal_ttl {width: 100%; font-size: 15px;}
    .l-header__inner {border-bottom: 5px solid #9cdac0;}
    .l-header__logo {
        border-bottom: none;
        left: 0;
        transform: unset;
        display: inline-block !important;
    }
    .l-header__logo img{width: 60%;margin: 5px 0;}
}
/*YOUTUBE動画*/
lite-youtube {margin: 0 auto;}

/*サイドバープロフィールCSS*/
.c-widget__title.-side {
    border-left: 3px solid #57c9a8;
    padding: .3em .5em;
    background-color: #f2ffd1 !important;
}
.c-widget__title.-side::after, .c-widget__title.-side::before {
    content: none;
}
h4.widgettitle.dfont.has-fa-before, .c-widget__title.-side {
    background: linear-gradient(transparent 60%, #ccffcc 0%);
}
#sidebar h4.widgettitle {
    margin: 0 0 20px;
    font-size: 1.2rem;
    border-bottom: 1px solid #272727;
}
.sidebar_profile {border: 1px solid var(--color_border); padding: 0.5em .5em 1.7em;}
.profile-background {
    background: #ccc;
    border-radius: var(--swl-radius--2, 0);
    height: 160px;
    margin: 0;
    overflow: hidden;
    width: 100%;
}
.profile-img {
    margin: 1em 0 0;
    text-align: center;
    margin-top: -60px;
}
.profile-img img {
    border-radius: 50%;
    height: 120px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 120px;
}
.yourname.dfont {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 2px;
}
.profile-content {margin: 0 1em;}

/*サイドバー地域リンクCSS*/
.areatext a {
    background-color: #f1e1e1;
    margin: 4px -3px;
    padding: 0px 8px;
    font-size: 1.1em;
    border-radius: 3px;
    border: 1px solid #8b0c0c;
    color: #8b0c0c;
    display: inline-block;
    text-decoration: none;
}
.areatext strong a, .sidebar p a {
    font-size: 1em !important;
    color: #333 !important;
    margin: 0;
    padding: 0 !important;
    background-color: unset !important;
    border: unset !important;
}
.areatext a:hover {opacity: .7;}
.areatext p {font-size: 1.2em;}
.sidebar div:not(:first-child) p, .areatitle strong a {margin-top: 1em;}

/*地域リンクボタンCSS*/
.lcp_catlist li {
    position: relative;
    padding: .4em .4em 0.4em 2.2em;
    margin-bottom: 0;
}
.lcp_catlist li:before {
    content: "\e921";
    display: block;
    position: absolute;
    height: 2.2em;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-family: 'icomoon';
    margin-left: .5em;
}
.lcp_catlist li:hover {background-color: rgb(243 255 225);}
@media screen and (max-width:768px) {
    .lcp_catlist li {padding: 0 0 0 1.5em; margin-bottom: 1em;}
    .lcp_catlist li:before {margin-left: 0;}
}

/*luminous(画像拡大)*/
#body_wrap {z-index: 0;}

/*FAQ*/
.faq h3 {padding-left: 2.3em;margin: 3em 0 0;}
.faq h3:before {
display: none;
}
.faq h3:after {
    border-radius: 50%;
    bottom: unset;
    content: "Q";
    display: block;
    font-family: Arial, sans-serif;
    font-weight: 400;
    left: 0;
    line-height: 1.6;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1.6em;
    color: #ffffff;
    background: #26a9eb;
}

/*目次（マーダル）*/
#tocModal .p-toc__ttl {position: fixed;}
.toc-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
}
.toc-modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 50px 20px 20px 20px;
  width: 90%;
  max-width: 500px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
.toc-modal-content .p-toc {max-height: 550px;}
#tocModal .p-toc__ttl {
    position: fixed;
    margin-top: -1.1em;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.toc-close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}
.toc-inner {
  max-height: 60vh;
  overflow-y: auto;
}
.toc-modal .toc-close {display: none !important;}
.toc-inline-close {
  margin-left: .5em;
  padding: .25em .6em;
  font-size: 0.85em;
  line-height: 1.2;
  border: 1px solid var(--toc-close-border, #ccc);
  background: var(--toc-close-bg, #f7f7f7);
  color: var(--toc-close-fg, #333);
  border-radius: 4px;
  cursor: pointer;
}
.toc-inline-close:hover {
  background: var(--toc-close-bg-hover, #eee);
}
.p-toc__title, .p-toc__ttl, .p-toc-title {
  display: inline-block;
  vertical-align: middle;
}
.toc-inline-close {vertical-align: middle;}
.toc-bottom-close {
    margin: auto;
    display: block;
    background-color: #414141;
    color: #fff;
    padding: .3em 1.5em;
    border-radius: 50px;
}
.toc-bottom-close:hover {opacity: .8;}

@media screen and (max-width:768px) {
    .toc-modal .toc-modal-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 90vh; /* 화면 넘치면 스크롤 */
        overflow: auto;
    }
    .toc-inner {margin: 10px 0px;}
}
/**/
.grecaptcha-badge { visibility: hidden; }
footer {
	background: #F1E1E1;
    padding-bottom: 160px;
}
/******ランキングCSS(投稿・固定ページ)*******/
.ranking-list {list-style: none;}
.ranking-list li {
    background: #ffffff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 5px 2px rgba(87,92,255,.15);
    box-shadow: 0 0 5px 2px rgb(216 216 228/50%);
    margin: auto;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
.ranking-title {
    margin: 0 auto 2em auto;
    padding-top: 3em;
    text-align: center;
    line-height: 35px;
    font-weight: 600;
    font-size: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    width: auto;
    height: 102px;
}
.ranking-title span {
    display: block;
    font-size: 2rem;
    font-family: 'meiryo';
    font-weight: 700;
    color: #00c065;
}
.ranking-list .imgbox {
    height: 188px;
}
.titlebox {
    background: #53c553;
    border-radius: 10px 10px 0 0;
}
.titlebox span {
    color: #fff;
    font-weight: bolder;
    font-size: 1.7rem;
    font-family: 'meiryo';
    letter-spacing: 2px;
}
.Contractor_Box {
    display: flex;
    align-items: center;
    margin: 1em 1em 1.5em 1em;
}
.imgbox {
    overflow: hidden;
    width: 382px;
    height: 173px;
    margin-right: 10px;
}
.textbox {width: 52%;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
}
.th {
    width: 38%;
    font-weight: 700;
    background: #FAFAFA;
    padding: 5px;
    border-bottom: 1px solid #DCDCDC;
    border-left: 1px solid #DCDCDC;
}
.td {
    width: 62%;
    padding: 5px;
    background: #fff;
    border-left: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
}
.rankinfo th {width: 35%;}
.textinfo {
    text-align: center;
    font-weight: 700;
    font-size: 1.3rem;
}
.btnbox {
    width: 100%;
    margin: 0.2em 0px 1em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}
.btnbox span, .btnbox a {
    padding: 12px 25px;
    position: relative;
    color: #fff;
    transition: .2s ease-in-out;
    font-weight: 700;
    border-radius: 5px;
    letter-spacing: 1px;
    text-align: center;
}
.btnbox span {
    background: #ff982a;
    box-shadow: 0 4px 0 #c97924;
    width: 60%;
}
.btnbox.cat span {margin: 0 0.3em 0 1em;}
.btnbox a {width: 50%;}
.btnbox.cat span{width: 100%;}
.btnbox a {
    background: #bfbfbf;
    box-shadow: 0 4px 0 #a3a3a3;
    margin: 0 1em 0 0.3em;
}
.btnbox span:hover, .btnbox a:hover  {
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0,0,0,.2);
    cursor: pointer;
}

@keyframes shine {
    33% {left: 100%;}
    100% {left: 100%;}
  }
.btnbox span:after,.btnbox a:after {
   content: '';
   width: 8px;
   height: 8px;
   border-top: 3px solid #fff;
   border-right: 3px solid #fff;
   transform: rotate(45deg) translateY(-48%);
   position: absolute;
   top: 48%;
   right: 20px;
   border-radius: 1px;
   transition: .3s ease-in-out;
}
@media screen and (max-width: 768px) {
    .ranking-list {padding: 0em !important;}
    .ranking-list li {padding: 1em;}
    .Contractor_Box {flex-direction: column;margin: 1em auto;}
    .imgbox, .textbox {width: 100%;}
    .imgbox {margin-bottom: 1em;}
    .textinfo {font-size: 1rem;}
    .btnbox {font-size: 1rem;}
    .btnbox.cat {flex-direction: column;}
    .btnbox span, .btnbox a {width: 100% !important;}
    .btnbox.cat span {margin: 0 0.5em 0 0.5em; padding: 17px 25px;}
    .btnbox a {margin: 0.7em 0.5em 0 0.5em; padding: 7px 25px;}
}
/******ブログカードCSS*******/
.swell-block-postLink.blogcard {margin: 2em 0 2em 0;}
.blogcard_cont {width: 80%;}
.p-blogCard__inner.blogcard_in {box-shadow: 1px 2px 6px 2px rgba(0,0,0,.14);}
.p-blogCard__thumb.c-postThumb.blogcard {width: 32%;}
time.c-postTimes__posted.icon-posted.blogcard_time {font-size: 14px; padding-bottom: 4px;}
.blogcard_in {border-radius: 10px !important;padding: 18px;}
.p-blogCard__inner.blogcard_in:after {
    content: "続きを読む >";
    font-size: 0.9em;
    display: inline-block;
    position: absolute;
    bottom: 12px;
    right: 0;
    background: #00c065;
    color: #ffffff;
    font-weight: 400;
    padding: 0 7px 0 11px;
}
@media screen and (max-width: 540px) {
    .p-blogCard__thumb.c-postThumb.blogcard {text-align: center;}
    .p-blogCard__inner.blogcard_in {display: block;}
    .p-blogCard__thumb.c-postThumb.blogcard {width: 100%;}
    .blogcard_in {padding: 18px 18px 40px 18px;}
    .p-blogCard__inner.blogcard_in:after {font-size: 12px;}
}
/******広告詳細ページのアイキャッチ画像CSS*******/
.eyecatch-bottom {
    display: block;
    font-size: 1.2rem;
    margin-top: -1rem;
}
.eyecatch-bottom .jump {
    cursor: pointer;
    text-decoration: underline;
    color: #4f96f6;
}
@media screen and (max-width: 540px) {
    .eyecatch-bottom {text-align: center;}
}
/******広告詳細ページの広告詳細情報******/
.ads_box.clearfix {margin-top: 1em;}
table.info3 {margin-top: 1em;}
table.info3 caption {
    background: #008ce7;
    color: #fff;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}
table.info3 th {
    background: #e5f4ff;
    border: solid 1px #3aa4ec;
}
table.info3 td {border: solid 1px #3aa4ec;}
@media screen and (max-width: 540px) {
    table.info3 th {
        background: #e5f4ff;
        border: solid 1px #3aa4ec;
        width: 33%;
    }
}
/****** 枠の装飾（list・box）*****/
.box1,.box18,.box20,.box26,.box27,.box28,.box29{
    margin: 2em 0;
    border: solid 3px #2681FF;
    border-radius: 8px;
}
.box1 .box-title,.box18 .box-title,.box20 .box-title,.box26 .box-title,.box27 .box-title,.box28 .box-title,.box29 .box-title {
    display: inline-block;
    position: relative;
    top: -14px;
    left: 10px;
    padding: 0 9px;
    margin: 0 7px;
    background: #fff;
    color: #2681FF;
    font-size: 19px;
    line-height: 1.4;
}
.box1 .box-title:before,.box18 .box-title:before,.box20 .box-title:before,.box26 .box-title:before,.box27 .box-title:before,.box28 .box-title:before,.box29 .box-title:before {
    padding-right: 4px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f02e";
}
.box1 .box-content,.box18 .box-content,.box20 .box-content,.box26 .box-content,.box27 .box-content,.box28 .box-content,.box29 .box-content {
    padding: 0 1.5em 24px;
}
.li-mainbdr ul,.li-mainbdr ol {border: 3px solid #2681ff;}
.ol-circle ol {
    padding: 1em 0.7em;
    counter-reset: number;
}
.entry-content :where(ul:not([class])),
.entry-content :where(ol:not([class])) {
    margin-bottom: 1.5em;
    padding: 1em 1em 1em 2.5em;
    border: solid 2px var(--sgb-list-border-color, #e8e8e8);
    background-color: var(--sgb-list-box-color, none);
    box-shadow: var(--sgb-list-box-shadow, none);
    color: var(--sgb-list-color, inherit);
    border-radius: 3px;
}
.ol-circle li {
    position: relative;
    padding: 0.5em 0 0.5em 34px;
    line-height: 1.5em;
}
.main-bc-before li:before {border-color: #2681FF;}
.ol-circle li:before {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #2681FF;
    color: #fff;
    font-family: "Quicksand",sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    content: counter(number);
    counter-increment: number;
}
.ol-circle ol {
    list-style-type: none !important;
    padding: 1em 0.7em;
    counter-reset: number;
}
/****** クチコミ表示（wom-chart・wom-comment） *****/
ul.review-list {list-style-type: none; padding: 0;}
/****** 追加シェアボタン *****/
.sharebox {display: flex;text-align:center;}
.share_td img {display: block;margin: 0 auto;}
.share_td {
    background: #e2f8fd;
    border: 1px solid #2ab5f4;
    border-radius: 5px;
    font-size: 0.7em;
    margin: 0 2px;
    padding: 6px 2px;
    width: calc(100% / 3);
}

/****** 記事中商標ロゴリストボタン *****/
.jump{cursor:pointer;}
.linklist_btn ul{
	display:flex;
	flex-wrap: wrap;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
.linklist_btn li{
	margin:0;
	width: calc(100% / 3);
}
.linklist_btn .jump,.linklist_btn a{
	display:block;
	align-items: center;
    background: linear-gradient(to bottom,#fff 0%,#f0f2f2 100%);
    box-shadow: 2px 2px 2px #f6f7f7;
    border: 1px solid #ddd;
    border-radius: 5px;
	margin:3px;
	padding: 7px 4px 0px 4px;
	text-align:center;
	color:#767676;
}
.linklist_btn_name{display:block;}
.kaitori_btn_img img{
	transform: scale(.4);
    margin-bottom: -28px;
    border-radius: 12px;
    margin-top: -21px;
}
@media print, screen and (max-width: 768px) {
	.linklist_btn_name {display: none;}
}
@media print, screen and (min-width: 769px) {
	.linklist_btn_name {font-size: 0.9em;}
	.linklist_btn .jump,.linklist_btn a{margin: 7px;}
	.linklist_btn_img{display:inline-block; margin: 0.6em 3em 0;}
}
/****** nopage用の広告表示********/
.nopage_box {
    background: #e8f7ff;
    padding: 2em 1em;
    border: 1px solid #87aec2;
    border-radius: 10px;
}
figure.wp-block-image.size-full.is-resized.nopage {
    width: 56%;
    height: 56%;
    margin: auto;
}
.nopage_box_text {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    position: relative;
    padding: 15px;
    margin-right: 2em;
}
.nopage_box_text:before {
    border: 10px solid transparent;
    border-right-color: #fff;
    border-left-width: 0;
    left: -9px;
    content: "";
    display: block;
    top: 40%;
    position: absolute;
    width: 0;
    z-index: 1;
}
.nopage_box_text:after {
    border: 10px solid transparent;
    border-right-color: #000;
    border-left-width: 0;
    left: -10px;
    content: "";
    display: block;
    top: 40%;
    position: absolute;
    width: 0;
}
.nopage_ttl {
    position: relative;
    background: linear-gradient(90deg, #ff7e4c, #ffca5b);
    text-align: center;
    width: 54%;
    color: #fff;
    font-size: 20px;
    padding: 8px 0px;
    font-weight: bold;
    margin: auto;
    border-radius: 4rem;
    margin-top: 2em;
    margin-bottom: 2em;
}
.nopage_ttl:after {
    border-top: 20px solid #ffa353;
    position: absolute;
    bottom: -14px;
    left: 50%;
    content: '';
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
    transform: translateX(-50%);
}
@media screen and (max-width: 540px) {
    figure.wp-block-image.size-full.is-resized.nopage {
        width: 40%;
        height: 40%;
        margin: auto;
    }
    .nopage_box_text {margin-right: 0;}
    .nopage_box_text:before {
        left: 50%;
        top: -15px;
        transform: rotate(90deg);
    }
    .nopage_box_text:after {
        left: 50%;
        top: -16px;
        transform: rotate(90deg);
    }
    .nopage_ttl {width: 100%; font-size: 15px;}
}
/******テーブル箇所*****/
.swell-block-capbox.cap_box.nopage_pick {width: 85%; margin: auto;}
ul.nopage_pick_box {list-style: none; padding-left: 0;}
li.nopage_pick_list {margin: 0em 0;}
li.nopage_pick_list:not(:last-child) {border-bottom: 1px solid #00c065;}
.nopage_pick_list_in {
    display: table;
    width: 100%;
    table-layout: fixed;
    background: #fff;
    padding: 4px 0 4px 10px;
}
.nopage_pick_list_in:before {
    position: absolute;
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    background: url(https://no1credit.com/genkinka/wp-content/uploads/2024/02/icon_pick.png) no-repeat scroll left top;
    background-size: 50px 50px;
    top: 4px;
    left: 4px;
    z-index: 1;
}
.nopage_pick_list_img {
    display: table-cell;
    width: 30%;
    height: 100px;
    text-align: center;
    vertical-align: middle;
}
.nopage_pick_list_detail {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle;
    width: 70%;
    color: #4f96f6;
    font-weight: bold;
}
.nopage_pick_list_detail:after {
    content: "続きを読む >";
    font-size: 0.9em;
    display: inline-block;
    position: absolute;
    bottom: 12px;
    right: 0px;
    color: rgb(255, 255, 255);
    font-weight: 400;
    background: rgb(45, 180, 248);
    padding: 2px 7px 2px 11px;
}
.cap_box_content.nopage_pick_cont {padding: 0px !important;
}
@media screen and (max-width: 540px) {
    .swell-block-capbox.cap_box.nopage_pick {width: 100%;}
    .nopage_pick_list_in:before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
    .nopage_pick_list_detail:after {bottom: 0px;}
    .nopage_pick_list_img {height: 80px;} 
}
/******faqデザイン*******/
.faq dt {
    font-size: inherit;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding: 1em 1em 1em 3em;
    position: relative;
}
.faq dd {
    line-height: 1.5;
    padding: 1em 1em 1em 3em;
    position: relative;
}
.faq dt:before {
    border-radius: 50%;
    bottom: unset;
    content: "Q";
    display: block;
    font-family: Arial,sans-serif;
    font-weight: 400;
    left: 0;
    line-height: 2;
    position: absolute;
    text-align: center;
    top: 0.75em;
    width: 2em;
    color: #ffffff;
    background: #26a9eb;
}
.faq dd:before {
    border-radius: 50%;
    content: "A";
    display: block;
    color: #26a9eb;
    font-family: Arial,sans-serif;
    left: 0;
    line-height: 2;
    position: absolute;
    text-align: center;
    top: 0.75em;
    width: 2em;
    border: solid 1px #26a9eb;
}
/******フッター*******/
.w-footer {width: 80%;}
.footer_ttl {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 1em;
    border-bottom: 1px solid #ffffff;
    color: #004365;
    font-weight: bold;
}
.footer_ttl:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 24%;
    height: 1px;
    content: '';
    background: #000000;
}
.l-footer__widgetArea {
    background: #F1E1E1;
    padding-bottom: 1.4em;
    padding-top: 1.4em;
}
.footer_ttl a:hover {color: #ffffff;}
.footer_ttl a:after {
    font-family: icomoon;
    content: "\e921";
    margin-left: 0.4em;
    position: absolute;
    transition: all 0.2s ease;
}
.footer_ttl a:hover:after {margin-left: 0.7em; transition: 100ms;}
.footer_text_pref {color: #000000;}
.swell-block-linkList.is-style-default.-flex .swell-block-linkList__link:hover {text-decoration: none;}

@media screen and (min-width:767px) and ( max-width: 1280px) {
    .w-footer {width: 100%;}
  }
/*tableスクロール　CSS*/
.is-style-sango-table-scroll-hint {
    white-space: nowrap;
    overflow: auto;
    border:1px #ddd solid;
  }
.is-style-sango-table-scroll-hint th {background: #ecf5ff; border-bottom:0;}
.is-style-sango-table-scroll-hint table {
    word-break: break-all;
    table-layout: fixed;
    border:none;
    display: block;
    margin-top:0!important;
    margin-bottom:0!important;
    max-height: 49vh;
  }
.is-style-sango-table-scroll-hint thead tr {text-align: center;}
.is-style-sango-table-scroll-hint thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 3;
    border: none;
    top: 0;
  }
.is-style-sango-table-scroll-hint tbody th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #f6fcff;
    padding: 7px 20px;
  }
.is-style-sango-table-scroll-hint tbody th {border-right: none;}
.is-style-sango-table-scroll-hint thead th {
    border-bottom: none;
    position: sticky;
    top: 0;
    z-index: 2;
  }
.sticky-table-rank {max-width: 800px;}
.sticky-table-h {font-size: 0.8em;}
.sticky-table, .sticky-table-rank { line-height: 22px;}
.sticky-table-f {line-height: 30px;}
.sticky-table-h, .sticky-table-k {line-height: 28px;}
.sticky-table table, .sticky-table-rank table {overflow: scroll; height: 436px !important;}
.sticky-table-h table {overflow: scroll; height: 473px;}
.sticky-table-f table {overflow: scroll; height: 359px !important;}
.sticky-table-k table {overflow: scroll; height: 537px;}
.sticky-table td {padding: 0 17px; text-align: center;}
.sticky-table-rank th {padding: 0 33px;}
.sticky-table-k td {padding: 0px 20px;}
.sticky-table-k table tbody tr:has(input[type=checkbox]:checked),
.sticky-table-k table tbody tr:has(input[type=checkbox]:checked) th,
.sticky-table-f table tbody tr:has(input[type=checkbox]:checked),
.sticky-table-f table tbody tr:has(input[type=checkbox]:checked) th,
.sticky-table-rank table tbody tr:has(input[type=checkbox]:checked),
.sticky-table-rank table tbody tr:has(input[type=checkbox]:checked) th {background-color: #fff9eb;}
.sticky-table input[type=checkbox],
.sticky-table-k input[type=checkbox],
.sticky-table-rank input[type=checkbox],
.sticky-table-f input[type=checkbox] {margin-right: 1em;}
.scroll-hint-icon-wrap {z-index: 1;}

  @media print, screen and (max-width: 468px) {
    .is-style-sango-table-scroll-hint tbody th:first-child {padding: 7px 12px;}
    .sticky-table,.sticky-table-h,.sticky-table-f {font-size: .8em !important;}
    .sticky-table-h strong {font-size: 10pt;}
    .sticky-table table {height: 436px !important;}
    .sticky-table-rank table {height: 428px !important;}
    .sticky-table-h table {line-height: 24px; height: 436px !important;}
    .sticky-table-f table {line-height: 24px; height: 326px !important;}
    .sticky-table-rank {line-height: 24px; font-size: .9em;}
    .sticky-table-rank th {padding: 0 9px;}
    .sticky-table th td {padding: 0 9px;}
    .sticky-table-k td {padding: 0px 20px;}
    .table-ato table {font-size: .8em;}
    .table-ato span {font-size: 10pt !important}
    .sticky-table-k {font-size: 0.8rem; height: 367px;}
    .sticky-table {overflow: scroll; height: 400px;}
  }
/********パンくずリスト********/
li.breadcrumb-item {margin: 0px 2px;}
.yoast_breadcrumb {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    list-style: none;
    padding-left: var(--swl-pad_container, 0);
    padding-right: var(--swl-pad_container, 0);
}
.yoast_breadcrumb a {text-decoration: none; color: #494949;}
.yoast_breadcrumb+.l-content {padding-top: 0;}
li.breadcrumb-item:before {margin-right: 1px;}

@media screen and (max-width: 540px)  {
    .yoast_breadcrumb {overflow: scroll; white-space: nowrap;}
}