html,body {
	overflow-x: hidden;
}
code {
	display: block;
	padding: 25px 15px 15px;
	position: relative;
	background: #f0f0f0;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 3px inset;
	border-radius: 5px;
	margin: 30px 0 10px;
}
code:before {
	content: "コード";
	display: block;
	position: absolute;
	left: 0;
	top: -15px;
	background: #444;
	color: #fff;
	border-radius: 5px 5px 5px 0;
	padding: 2px 10px;
	font-weight: bold;
}
code[data-title]:before {
	content: attr(data-title);
}
code:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -22px;
	display: block;
	border: solid;
	border-width: 25px 10px 0;
	border-color: #eee transparent transparent;
}
.l-main-wide {
	max-width: 860px;
	margin: auto;
}
.archive__item {
	position: relative;
}
.breadcrumb .breadcrumb__list.container,
.l-footerTop .categoryBox .container {
	max-width: 880px;
	margin: auto;
}
.container-header {
	max-width: 860px;
	margin: auto;	
}
img { max-width: 100%; height: auto; }

a,
a img {
	transition: all 0.6s linear;
}
a:hover,
a:active,
a:hover img {
	transition: all 0.2s linear;
}
a:hover img {
	opacity: 0.7;
}
.tc {
	text-align: center;
}
.lead {
	font-size: 115%;
	line-height: 1.8em;
}
.m_top50 {
	margin-top: 50px !important;
}
.ib{
	display: inline-block !important;
}
.c_red,
.red {
	color: #d22;
}
.text_blue {
	color: #269;
}
.text_gray {
	color: #777;
}
.font_bold {
	font-weight: bold;
}
.marker_red {
	background: linear-gradient(transparent 70%, #ffa4a4 30%);
	font-weight: bold;
	padding: 0 5px 1px;
}
.marker_pink {
	background: linear-gradient(transparent 70%, #ffd8d8 30%);
	font-weight: bold;
	padding: 0 5px 1px;
}
.marker_green {
	background: linear-gradient(transparent 70%, #b0ffce 30%);
	font-weight: bold;
	padding: 0 5px 1px;
}
.marker_orange {
	background: linear-gradient(transparent 70%, #fceca8 30%);
	font-weight: bold;
	padding: 0 5px 1px;
}
.marker_yellow {
	background: linear-gradient(transparent 70%, #ffffaa 30%);
	font-weight: bold;
	padding: 0 5px 1px;
}
.marker_blue {
	background: linear-gradient(transparent 70%, #afdfff 30%);
	font-weight: bold;
	padding: 0 5px 1px;
}
.fontx70 {	font-size: 70%;	}
.fontx80 {	font-size: 80%;	}
.fontx90 {	font-size: 90%;	}
.fontx110 {	font-size: 110%;	}
.fontx120 {	font-size: 120%;	}
.fontx130 {	font-size: 130%;	}
.fontx140 {	font-size: 140%;	}
.fontx150 {	font-size: 150%;	}
.fontx160 {	font-size: 160%;	}
.fontx170 {	font-size: 170%;	}
.fontx180 {	font-size: 180%;	}
.fontx190 {	font-size: 190%;	}
.fontx200 {	font-size: 200%;	}
.globalNavi {
	margin-left: auto;
}
.subNavi { display: none; }
.l-main h2 {
	background: #fff;
	border-top: 1px solid #a83f3f;
	border-bottom: 1px solid #a83f3f;
	line-height: 1.3em;
	padding: 10px;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 20px;
	color: #a83f3f !important;
}
.l-main h3,
.l-main .postContents h3,
.l-main .pageContents h3,
.adviser_body h3 {
	background: #a83f3f;
	padding: 10px;
	color: #fff !important;
	border-radius: 8px;
	line-height: 1.4em;
	margin: 50px -10px 10px;
}
.l-main h3:first-child,
.l-main .postContents h3:first-child,
.l-main .pageContents h3:first-child,
.adviser_body h3:first-child {
	margin-top: 0;
}
.l-main h4 {
	background: #fff2f2;
	border: 1px solid #c78c8b;
	padding: 5px 10px;
	line-height: 1.3em;
	border-radius: 5px;
	color: #a83f3f !important;
}
.l-main h5 {
	border-bottom: 2px solid #c78c8b;
	padding: 0 0 5px;
	line-height: 1.3em;
	color: #a83f3f !important;
}
.l-main h6 {
	margin: 30px 0 5px;
	line-height: 1.3em;
	color: #a83f3f !important;
}
.l-main h6:before {
	content: "";
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	vertical-align: middle;
	margin: 0 0.3em 0.2em 0;
	background: #a83f3f;
}
.l-main p {
	margin-top: 5px;
}
.l-sidebar .widget-side.widget_categories h2 {
	background: #fff;
	border: #a83f3f solid;
	border-width: 0 0 1px 6px;
	color: #a83f3f;
	border-radius: 0;
	font-size: 130%;
}
.l-sidebar .widget-side.widget_categories ul {
	overflow: hidden;
	border-radius: 8px;
}
.l-sidebar .widget-side.widget_categories ul li a {
	padding-top: 12px;
	padding-bottom: 12px;
}
.bottomFooter {
	padding: 20px 10px;
}
.bottomFooter__navi {
	padding-bottom: 0;
	margin: 0;
}
.archive__item {
	border-radius: 10px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 77%, #f0f0f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 77%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 77%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
.btn__link.btn__link-normal {
	background: #fff;
}
p.phrase {
	line-height: 1.4em;
	margin-top: 0;
}
.archive__contents h2.heading {
	margin-bottom: 5px;
}
.main-image img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;
}
.main-image {
	margin: 0 0 20px;
}
/* Tableデザイン */
.pageContents table,
.postContents table {
	margin: 15px auto 30px;
	box-sizing: border-box;
	line-height: 1.4em;
	background: #fff;
	width: 100%;
}
.content table tr.tc td,
.content table tr.tc th,
.content table.tc td,
.content table.tc th {
	text-align: center;
}
.pageContents table tr th,
.postContents table tr th {
	background: #f2e2e2;
	font-weight: bold;
	color: #a83f3f;
}
.pageContents table tr th + th ,
.postContents table tr th + th {
	border-left: 1px solid #fff !important;
	z-index: 1;
}
.pageContents table tr td,
.postContents table tr td {
		background: #fff !important;
}
.pageContents table tr:not(:last-child) th ,
.postContents table tr:not(:last-child) th {
	border-bottom: 1px solid #fff;
}
.pageContents table thead tr td,
.pageContents table thead tr th,
.postContents table thead tr td,
.postContents table thead tr th {
	background: #c78c8b !important;
	color: #fff;
	font-weight: bold;
	padding: 10px;
}
.pageContents table tr td,
.pageContents table tr th,
.postContents table tr td,
.postContents table tr th {
	padding: 10px;
	line-height: 1.4em;
}
.pageContents table thead tr th ,
.postContents table thead tr th {
	background: #a83f3f !important;
}
.pageContents table caption,
.postContents table caption {
	background: #a83f3f;
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.3em;
	margin: 0;
	border-radius: 8px 8px 0 0;
	border-bottom: 1px solid #fff;
}
.pageContents table.first-w10 tr :first-child ,
.postContents table.first-w10 tr :first-child {
	width: 10%;
}
.pageContents table.first-w20 tr :first-child ,
.postContents table.first-w20 tr :first-child {
	width: 20%;
}
.pageContents table.first-w30 tr :first-child ,
.postContents table.first-w30 tr :first-child {
	width: 30%;
}
.pageContents table.first-w20-smt40 tr :first-child,
.pageContents table.first-w40 tr :first-child ,
.postContents table.first-w20-smt40 tr :first-child,
.postContents table.first-w40 tr :first-child {
	width: 40%;
}
.pageContents td.center,
.pageContents th.center,
.postContents td.center,
.postContents th.center {
	text-align: center;
}
.pageContents td.maru,
.postContents td.maru {
	background-image: url(../the-thor/img/circle.png) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: auto 90px !important;
	height: 100px !important;
	text-shadow: #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px;
}
.pageContents td.maru.double,
.postContents td.maru.double {
	background-image: url(../the-thor/img/circle-double.png) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	animation: 4s text-flash2 infinite linear;
	background-size: auto 90px !important;
}
.pageContents td.maru.triangle,
.postContents td.maru.triangle {
	background-image: url(../the-thor/img/triangle.png) !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: auto 90px !important;
}
.pageContents .gs-banner.add-text thead td a:after,
.postContents .gs-banner.add-text thead td a:after {
	white-space: pre;
	content: "\25b6公式サイトはこちら";
	color: #fff;
}

@media only screen and (max-width: 768px) {
	.pageContents td.maru ,
	.postContents td.maru {
		background-size: auto 65px !important;
		height: 75px;
		line-height: 1.4em;
	}
	.scroll.rank table td ul li {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.content .scroll-free table tr td img,
	.content .scroll-free table tr th img {
		max-width: 100% !important;
	}
}
@keyframes text-flash2 {
	0%{
		text-shadow: #ff8 0 0 2px, #ff8 0 0 5px, #ff8 0 0 8px, #ff8 0 0 12px, #ff8 0 0 18px, #ff8 0 0 30px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px;
		color: #fff;
	}
	3%{
		text-shadow: #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px;
		color: #000;
	}
	5%{
		text-shadow: #ff8 0 0 2px, #ff8 0 0 5px, #ff8 0 0 8px, #ff8 0 0 12px, #ff8 0 0 18px, #ff8 0 0 30px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px;
		color: #fff;
	}
	20%{
		text-shadow: #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 1px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px;
		color: #000;
	}
}
.size110 {
	font-size: 110%;
	line-height: 1.8em;
}
.size120 {
	font-size: 120%;
	line-height: 1.2em;
}
.size130 {
	font-size: 130%;
	line-height: 1.2em;
}
.size140 {
	font-size: 140%;
	line-height: 1.2em;
}
.size150 {
	font-size: 150%;
	line-height: 1.2em;
}
.size160 {
	font-size: 160%;
	line-height: 1.2em;
}
.size170 {
	font-size: 170%;
	line-height: 1.2em;
}
.size180 {
	font-size: 180%;
	line-height: 1.2em;
}
.size190 {
	font-size: 190%;
	line-height: 1.2em;
}
.size200 {
	font-size: 200%;
	line-height: 1.2em;
}
.bold {
	font-weight: bold;
}
td .small {
	font-size: 14px;
	line-height: 1.8em;
}
td p {
	margin: 0 !important;
}
.red {
	color: #f00;
}
.blue {
	color: #08f;
}
.green {
	color: #080;
}
td ul li {
	color: inherit !important;
}
.scroll {
	overflow: auto;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar{
	height: 15px;
}
.scroll::-webkit-scrollbar-track{
	background: #f1f1f1;
}
.scroll::-webkit-scrollbar-thumb{
	background: #bbb;
}

.scroll table,
.scroll-free table {
	margin: 0 !important;
}
.scroll-free  {
	overflow: auto;
}
.scroll-free table img {
	width: 140px !important;
	max-width: none !important;
}
.scroll-free table img.free {
	width: auto !important;
	max-width: 100% !important;
}
.scroll-free table th,
.scroll-free table td,
.center table th,
.center table td{
	vertical-align: middle;
	text-align: center;
}
.scroll-free table th {
	white-space: nowrap !important;
}
.scroll-free table th {
	position: sticky;
	left: 0;
	z-index: 1;
}
.scroll-free table tr:first-child th:first-child,
.scroll-free table thead th:first-child {
	z-index: 4;
}
.scroll-free table em {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", osaka, sans-serif;
	font-size: 70px;
	font-weight: bold;
	line-height: 1em;
	font-style: normal;
	color: #f00;
}
@media only screen and (max-width: 480px) {
	.scroll-free table th img {
		width: 120px !important;
	}
}
.detail-link,
a.detail-link {
	display: inline-block;
	width: 120px;
	text-align: center;
	background: #f39800;
	background: -moz-linear-gradient(-10deg,  #f39800 50%, #ffd099 100%);
	background: -webkit-linear-gradient(-10deg,  #f39800 50%,#ffd099 100%);
	background: linear-gradient(170deg,  #f39800 50%,#ffd099 100%);
	border-radius: 7px;
	padding: 10px 0;
	color: #fff !important;
	border: 2px solid #fff;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 4px;
	font-weight: bold;
	font-style: normal !important;
	line-height: 1.1em;
	text-decoration: none;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
}
.detail-link.circle,
a.detail-link.circle {
	border-radius: 30px;
}
.detail-link.h-wide,
a.detail-link.h-wide {
	padding: 20px 0;
}
.detail-link.free,
a.detail-link.free {
	display: block;
	width: auto;
}
.detail-link:hover,
a.detail-link:hover {
	background: #fa4;
	color: #fff !important;
}
.detail-link:before,
a.detail-link:before {
	content: "\25b6";
	display: inline-block;
	animation: r-tri-roll 1.5s linear infinite;
	margin-right: 3px;
	font-size: 80%;
	line-height: 1em;
	vertical-align: 2px;
}
.detail-link.green,
a.detail-link.green {
	background: #6b3;
	background: linear-gradient(180deg,  #60c545 0%,#51a731 100%);
}
.detail-link.green:hover,
a.detail-link.green:hover {
	background: #8d5;
}
.detail-link.red,
a.detail-link.red {
	background: #d43;
}
.detail-link.red:hover,
a.detail-link.red:hover {
	background: #e65;
}
.detail-link > span,
a.detail-link > span {
	display: inline-block;
	max-width: calc(100% - 1.1em);
	vertical-align: middle;
}
@keyframes r-tri-roll {
	0% {
		transform: rotateX( 0deg );
	}
	50% {
		transform: rotateX( 180deg );
	}
	100% {
		transform: rotateX( 360deg );
	}
}

/* アドバイザー関連 */
h1.heading {
	border-bottom: 5px solid #a83f3f;
	padding-bottom: 5px;
} 
h1.heading small {
	display: inline-block;
	font-size: 13px;
	line-height: 1.3em;
}
.adviser_single {
	max-width: 840px;
	position: relative;
	margin: 30px auto 40px;
	box-sizing: border-box;
	max-width: 880px;/*
	border: 5px solid #c78c8b;*/
	padding: 10px;
	background: #fff2f2;
	font-size: 13px;
	line-height: 1.8em;
	box-shadow: rgba(64,0,0,0.6) 1px 1px 5px;
}

.adviser_single > p.h2,
.postContents .adviser_single > h2,
.adviser_single > h2 {
	border: 0 !important;
	background: #a83f3f;
	background: -moz-linear-gradient(-45deg,  #a83f3f 60%, #a83f3f 60%, #fff2f2 100%);
	background: -webkit-linear-gradient(-45deg,  #a83f3f 60%,#a83f3f 60%,#fff2f2 100%);
	background: linear-gradient(135deg,  #a83f3f 60%,#a83f3f 60%,#fff2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a83f3f', endColorstr='#fff2f2',GradientType=1 );
	border-radius: 6px;
	color: #fff !important;
	margin: -5px !important;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3em;
}
.adviser_single p.h3 {
	background: #a83f3f;
	padding: 5px 10px;
	margin: 30px 0 15px ;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2em;
	color: #fff !important;
	border-radius: 5px;
}
.adviser_single p.h3:first-child {
	margin-top: 0;
}
.adviser_single p {
	margin-top: 0;
}
.adviser_single p:last-child {
	margin-bottom: 0;
}

.adviser_single.archive_list {
	max-width: none !important;
	border-color: #a83f3f;
}
.adviser_single.comment {
	border-color: #a83f3f;
}
.adviser_single.comment:before,
.adviser_single.archive_list:before,
.adviser-list .adviser_single:before {
	display: none !important;
}
.adviser_head.single {
	position: relative;
	background: #c78c8b;
	background: -moz-linear-gradient(top, #c78c8b 50%, #fff2f2 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c78c8b 50%, #fff2f2 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c78c8b 50%, #fff2f2 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	padding: 10px;
	color: #fff;
	margin: -10px -10px 10px;
}
/*
.adviser_head.single:after {
	content: "★";
	position: absolute;
	display: block;
	right: 10px;
	top: 10px;
	font-size: 80px;
	line-height: 1.1em;
	color: #dd7;
	background: #cc6;
	animation: 1s star-roll infinite ease-in-out;
	border-radius: 50%;
	text-shadow: rgba(0,0,0,0.5) 1px 1px 0;
}
@keyframes star-roll {
	0% {
		transform: scale(0,1);
		color: #ffd;
		text-shadow: rgba(0,0,0,0.5) -1px 1px 0;
	}
	50% {
		transform: scale(1,1);
		color: #dd7;
		text-shadow: rgba(0,0,0,0.5) 1px 1px 0;
	}
	100% {
		transform: scale(0,1);
		color: #aa4;
	}
}*/

.adviser_head figure {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	padding: 35% 0 0;
	width: 35%;
	border: 3px solid #c78c8b;
	border-radius: 7px;
	overflow: hidden;
	vertical-align: middle;
	background: #fff;
}/*
.adviser_head.single figure {
	border: 0;
}*/
.adviser_head figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}
.adviser_head figure.no-click img {
	cursor: default;
}
.adviser_head article {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	width: 62% !important;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 10px;
}
.postContents .adviser_head article h2,
.adviser_head article h2,
.adviser_head article p.title {
	position: relative;
	font-size: 24px;
	line-height: 1.3em;
	margin: 0;
	padding: 0 0 5px !important;
	background: transparent !important;
	border: 0 !important;
	color: #333;
	letter-spacing: 0;
}
.postContents .adviser_head.single article h2,
.adviser_head article.single h2,
.adviser_head article.single p.title {
	border-bottom: 4px solid #c78c8b !important;
	color: #fff !important;
	text-shadow: #c78c8b 0 0 5px, #c78c8b 0 0 7px, #c78c8b 0 0 10px;
}
.postContents .adviser-list .adviser_head article a h2:after,
.adviser-list .adviser_head article a h2:after {
	content: "\25b8";
	position: absolute;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.35em;
	font-size: 15px;
	text-align: center;
	border-radius: 50%;
	background: #c78c8b;
	color: #fff;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.adviser_head article h2 span {
	display: inline-block;
}
.adviser_head article p.title,
.postContents .comment .adviser_head article h2,
.comment .adviser_head article h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0 !important;
}
.adviser_head article p.title > a {
	color: #000;
}
.adviser_head article p.title > a:hover {
	color: #a83f3f;
}
.adviser_head article p.title small,
.adviser_head article h2 small {
	display: block;
	font-size: 13px;
	line-height: 1.4em;
}
.postContents .adviser_single h4 {
	background: #fff;
	border: 1px solid #e7cbcb;
	padding: 5px 10px;
	line-height: 1.3em;
	border-radius: 5px;
}
.adviser-list .adviser_single {
	margin: 15px auto;
	border-color: #c78c8b;
	max-width: 900px;
	transition: all 0.6s linear;
}
.adviser-list .adviser_single:hover {
	border-color: #a83f3f;
	transition: all 0.2s linear;
}
.adviser-list .adviser_single.no-hover:hover {
	border-color: #a83f3f;
}
.adviser-list .adviser_head figure {
	width: 90px;
	padding-top: 90px;
}
.adviser-list .adviser_head article {
	width: -webkit-calc(100% - 100px) !important;
	width: calc(100% - 100px) !important;
}
.adviser-list .adviser_head article h2 {
	font-size: 21px;
	line-height: 1.4em;
}
.adviser_head article a:hover h2 {
	color: #a83f3f;
}
.adviser_head article p.url {
	margin: 5px 0 0;
	padding: 5px 0 0;
	border-top: 2px solid #a83f3f;
}
.adviser_body h3 {
	background: #c78c8b;
}
.archive_adviser_article_list a:before,
.adviser_body a:before,
.adviser_head article p.url a:before {
	content: "\25b8";
	color: #57f;
	display: inline-block;
	text-decoration: none;
	text-indent: 0 !important;
}
.adviser_head article p.url a {
	display: block;
}
.adviser_head p.url a,
.adviser_body a {
	font-weight: bold;
	font-size: 110%;
	color: #57d;
	text-decoration: underline;
}
/*
.adviser_head p.url a:after,
.adviser_body a:after {
	content: "\1f5d7";
	display: inline-block;
	font-size: 120%;
	margin: 0 0 0 5px;
	vertical-align: 3px;
	transition: all 0.4s linear;
}
*/
.adviser_head p.url a:hover:after,
.adviser_body a:hover:after {
	transform: scale(1.3,1.3);
	transition: all 0.15s linear;
}
.adviser_body a:hover {
	color: #23d;
	text-decoration: none;
}
.adviser_body figure + figure {
	margin-top: 10px;
}
.adviser_body p {
	margin: 5px 10px 20px;
}
.adviser_body.shortcode,
.adviser_body .comment {
	position: relative;
	margin: 0;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
}
.adviser_body.shortcode {
	margin-top: 20px;
	box-shadow: #a83f3f 0 0 5px inset;
	overflow: hidden;
}
.adviser_body.shortcode p.h3 {
	margin: -10px -10px 10px;
	border-radius: 10px 10px 0 0;
	box-shadow: #a83f3f 0 0 5px;
}
.adviser_body .comment {
	box-shadow: rgba(0,0,0,0.3) 0 0 10px;
}
.adviser_body .comment:before {
	content: "";
	position: absolute;
	left: 30px;
	top: -20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #fff;
	border-width: 0 15px 20px;
}
.archive_adviser_article_list a {
	display: block;
	font-weight: bold;
	padding-left: 1em;
	text-indent: -1em;
	margin: 5px 0 0;
	font-size: 13px;
	line-height: 1.4em;
	color: #57d;
	text-decoration: underline;
}
.archive_adviser_article_list a:hover {
	text-decoration: none;
	color: #025;
}
.adviser_single.close .adviser_body {
	display: none;
}
.adviser_single.close .adviser_head {
	position: relative;
	cursor: pointer;
}
.adviser_single.close .adviser_head:after {
	content: "▼";
	position: absolute;
	right: 15px;
	top: 50%;
	font-size: 120%;
	transform: translateY(-50%);
	color: #a83f3f;
	animation: 1s tri-blink infinite linear;
	transition: all 0.2s linear;
}
.adviser_single.close .adviser_head.on:after {
	transform: translateY(-50%) rotate(180deg);
	transition: all 0.5s linear;
}

@keyframes tri-blink {
	0%{
		opacity: 1;
	}
	30%{
		opacity: 1;
	}
	80%{
		opacity: 0;
	}
	100%{
		opacity: 0;
	}
}
.certificate {
	text-align: center;
}
.certificate img {
	width: 31%;
	vertical-align: top;
	cursor: pointer;
	transition: all 0.6s linear;
}
.certificate img:hover {
	background: #dfd;
	opacity: 0.7;
	transition: all 0.2s linear;
}
.popup_certificate {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	z-index: 50000;
	text-align: center;
}
.popup_certificate:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
.popup_certificate:after {
	content: "×";
	position: absolute;
	display: block;
	right: 10px;
	top: 10px;
	cursor: pointer;
	font-weight: bold;
	font-size: 64px;
	line-height: 1em !important;
	padding: 0 !important;
	color: #fff;
}
.popup_certificate figure {
	position: absolute;
	display: block;
	max-width: 720px;
	width: 85%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	vertical-align: middle;
	background: #fff;
}
.popup_certificate figure img {
	width: 100%;
	max-height: 90%;
	vertical-align: top;
}

.archive_list a {
	display: block;
	position: relative;
	background: #fff;
	padding: 10px;
	border-radius: 10px;
}
.archive_list a + a {
	margin-top: 15px;
}
.archive_list a:hover {
	top: -1px;
	left: -1px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 6px;
}
.archive_list a:active {
	top: 0;
	left: 0;
	box-shadow: rgba(0,0,0,0.5) -1px -1px 2px;
}
.adviser_single.writer.shortcode .adviser_head figure,
.adviser_single.comment .adviser_head figure,
.archive_list a figure {
	position: relative;
	display: inline-block;
	padding: 90px 0 0;
	width: 90px;
	border: 3px solid #c78c8b;
	border-radius: 7px;
	overflow: hidden;
	vertical-align: middle;
	background: #fff;
}
.adviser_single.comment .adviser_head figure img,
.archive_list a figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	cursor: pointer;
}
.postContents .adviser_single.comment .adviser_head article,
.adviser_single.comment .adviser_head article ,
.archive_list a .textarea {
	position: relative;
	display: inline-block;
	width: calc(100% - 110px) !important;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 10px;
}
.adviser_single .adviser_body h3 {
	margin-left: 0;
	margin-right: 0;
}
.archive_list a p {
	margin: 5px 0 0;
	font-size: 13px;
	line-height: 1.2em;
}
.archive_list a p:first-of-type {
	margin-top: 0 !important;
}
.archive_list a p.title {
	font-weight: bold;
	font-size: 110%;
	color: #a83f3f;
}
.archive_list a p.text {
	display: none;
}
.archive_list a p.date {
	float: right;
	font-weight: bold;
	color: #999;
}

.postContents p ,
.postContents .content p ,
.pageContents p ,
.pageContents .content p {
	margin-top: 20px;
}
.postContents p:first-child ,
.postContents .content p:first-child ,
.pageContents p:first-child ,
.pageContents .content p:first-child {
	margin-top: 0;
}
/* ▼▼▼▼▼ スマホでの表示 ▼▼▼▼▼ */
@media only screen and (max-width: 600px) {
	.adviser_single .adviser_head.single figure {
		display: block;
		margin: 0 auto 15px;
		width: 80%;
		padding-top: 80%;
	}
	.adviser_single .adviser_head.single article {
		display: block;
		margin: 0 auto 15px;
		width: auto !important;
		text-align: center;

	}
	.adviser_single .adviser_head.single article h2 {
		text-shadow: none;
		color: #a83f3f !important;
	}
	.certificate img {
		width: 80%;
		display: block;
		margin: 10px auto;
	}
}
/* ▼▼▼▼▼ PCでの表示 ▼▼▼▼▼ */
@media only screen and (min-width: 768px) {
	.l-main h2 {
		border-width: 2px 0 !important;
	}
	.l-main p {
		margin-top: 10px;
	}
	.adviser_single {
		border-radius: 15px;
		padding: 20px;
		font-size: 16px;
		line-height: 1.8em;
		overflow: hidden;
	}
	.adviser_single:before {
		width: 85px;
		padding-top: 85px;
	}
	.adviser_single > p.h2,
	.postContents .adviser_single > h2,
	.adviser_single > h2 {
		margin: -10px -10px 10px !important;
		font-size: 24px;
		line-height: 1.4em;
	}
	.adviser_head.single {
		border-radius: 15px 15px 0 0;
		margin: -20px -20px 10px;
		padding: 20px 22px 10px;
	}
	.adviser_head figure {
		border-radius: 10px;

	}
	.adviser_head article {
		padding-left: 20px;
	}
	.adviser_head article h2 {
		font-size: 36px !important;
		line-height: 1.4em;
	}
	.adviser_head article p.title {
		font-size: 28px !important;
		line-height: 1.4em;
	}
	.adviser_head article p.title small,
	.adviser_head article h2 small {
		font-size: 15px;
		line-height: 1.4em;
	}
	.postContents .adviser_single.comment .adviser_head article h2,
	.adviser_single.comment .adviser_head article h2 {
		font-size: 24px !important;
		line-height: 1.3em;
	}
	.adviser_single p.h3 {
		font-size: 21px;
	}
	.adviser_single.writer.comment p.title {
		font-size: 21px !important;
	}
	.adviser_single.writer.shortcode .adviser_head figure,
	.adviser_single.comment .adviser_head figure ,
	.archive_list a figure ,
	.adviser-list .adviser_head figure {
		width: 100px;
		padding-top: 100px;
	}
	.postContents .adviser_single.comment .adviser_head article ,
	.adviser_single.comment .adviser_head article ,
	.archive_list a .textarea,
	.adviser-list .adviser_head article {
		width: -webkit-calc(100% - 110px) !important;
		width: calc(100% - 110px) !important;
	}
	.adviser-list .adviser_head article h2 {
		font-size: 26px;
		line-height: 1.4em;
	}
	.popup_certificate:after {
		top: 10px;
		font-size: 80px;
	}
	.adviser_single.archive_list {
		margin: 20px;
	}
	.archive_list a p {
		margin: 10px 0 0;
		font-size: 16px;
		line-height: 1.2em;
	}
	.archive_adviser_article_list a {
			font-size: 15px;
	}
	.adviser_body .comment,
	.adviser_body.shortcode {
		padding: 15px;
	}
	.adviser_body.shortcode p.h3 {
		margin: -15px -15px 15px;
	}
	.adviser_body .comment:before {
		left: 35px;
	}
	.archive_list a p.text {
		display: block;
	}
	.scroll {
		white-space: normal;
	}
	.scroll.pc {
		white-space: nowrap;
	}
}
@media only screen and (min-width: 944px) {
	.adviser_head figure {
		width: 200px;
		padding-top: 200px;
	}
	.adviser_head article {
		width: 490px !important;
	}

}

/* ボタン */
.pr-btn {
	text-align: center;
	margin: 40px 0 15px;
}
a.afbtn {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: 45%;
	height: 80px;
	padding: 0 5px;
	margin: 1.5%;
	background: #a83f3f;
	background: -moz-linear-gradient(175deg,  #a83f3f 0%, #c97474 100%);
	background: -webkit-linear-gradient(175deg,  #a83f3f 0%,#c97474 100%);
	background: linear-gradient(175deg,  #a83f3f 0%,#c97474 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a83f3f', endColorstr='#c97474',GradientType=0 );
	color: #fff !important;
	font-weight: bold;
	border-radius: 40px;
	font-size: 12px !important;
	line-height: 1.2em;
	border: 2px solid #a83f3f;
	box-shadow: #ecc 1px 1px 2px inset;
	text-align: center;
}
a.afbtn:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
a.afbtn > span {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	line-height: 1.2em;
	min-width: 80%;
	max-width: 85%;
}
a.afbtn span {
	display: inline-block;
	vertical-align: middle;
}
a.afbtn.gray,
a.afbtn.back {
	background: #999;
	border-color: #555;
	box-shadow: #eee 1px 1px 2px inset;
}
a.afbtn.wide {
	width: 100%;
	margin: 1.5% 0;
}
a.afbtn:hover {
	border-width: 1px 3px 3px 1px;
}
a.afbtn:active{
	border-width: 3px 1px 1px 3px;
}
a.afbtn.blue {
	border-color: #027FC0;
	background: #329fd2;
	background: -moz-linear-gradient(-10deg,  #329fd2 50%, #E8F8FF 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-10deg,  #329fd2 50%,#E8F8FF 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(170deg,  #329fd2 50%,#E8F8FF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#329fd2', endColorstr='#E8F8FF',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow: #E8F8FF 1px 1px 2px inset;
	text-shadow: #246 -1px -1px 0;
}
a.afbtn.yellow {
	border-color: #770;
	background: #990;
	background: -moz-linear-gradient(-10deg,  #990 50%, #cc5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-10deg,  #990 50%,#cc5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(170deg,  #990 50%,#cc5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999900', endColorstr='#cccc55',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	box-shadow: #ffa 1px 1px 2px inset;
	text-shadow: #440 -1px -1px 0;
}
a.afbtn.orange {
	background: #f0b855;
	background: #e80;
	background: -moz-linear-gradient(-10deg,  #e80 50%, #fd5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-10deg,  #e80 50%,#fd5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(170deg,  #e80 50%,#fd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-shadow: #440 -1px -1px 0;
	border-color: #fff;
	box-shadow: #fda 1px 1px 2px inset, rgba(0,0,0,0.6) 1px 1px 8px;
}
a.afbtn.orange.deep {
	background: #e80;
	border-color: #fff;
	box-shadow: #efd 1px 1px 2px inset, rgba(0,0,0,0.6) 1px 1px 8px;
}
a.afbtn.orange.grade {
	background: -moz-linear-gradient(-10deg,  #e80 50%, #fd5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-10deg,  #e80 50%,#fd5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(170deg,  #e80 50%,#fd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8800', endColorstr='#ffdd55',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
a.afbtn.red {
	border-color: #843;
	background: #d43;
	box-shadow: #fed 1px 1px 2px inset;
	text-shadow: #732 -1px -1px 0;
	padding-left: 15px;
	animation: 2s red_flash infinite linear;
}
a.afbtn.gray {
	border-color: #777;
	background: #999;
	background: -moz-linear-gradient(-10deg,  #777 50%, #ccc 100%);
	background: -webkit-linear-gradient(-10deg,  #777 50%,#ccc 100%);
	background: linear-gradient(170deg,  #777 50%,#ccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#cccccc',GradientType=1 );
	box-shadow: #bbb 1px 1px 2px inset;
	text-shadow: #444 -1px -1px 0;
}
a.afbtn.pink {
	border-color: #b55;
	background: #f77;
	background: -moz-linear-gradient(-10deg,  #f77 30%, #faa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-100deg, #f77 30%,#faa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(170deg, #f77 30%,#faa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: #fee 1px 1px 2px inset;
	text-shadow: #633 -1px -1px 0;
}
/*
a.afbtn.green {
	border-color: #070;
	background: #090;
	background: -moz-linear-gradient(-10deg,  #090 50%, #7c7 100%);
	background: -webkit-linear-gradient(-10deg,  #090 50%,#7c7 100%);
	background: linear-gradient(170deg,  #090 50%,#7c7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009900', endColorstr='#77cc77',GradientType=1 );
	box-shadow: #dfd 1px 1px 2px inset;
	text-shadow: #440 -1px -1px 0;
}
*/
a.afbtn.green {
	border-color: #fff;
	background: #6b3;
	background: linear-gradient(180deg,  #60c545 0%,#51a731 100%);
	box-shadow: #efd 1px 1px 2px inset, rgba(0,0,0,0.6) 1px 1px 8px;
	text-shadow: #241 -1px -1px 0;
}
a.afbtn.green > span:before {
	content: "\2714";
	color: #ff8;
	display: inline-block;
	position: static;
	margin-left: -10px;
	font-size: 140%;
	vertical-align: 0px;
	animation: 1s check-roll infinite ease-in-out;
}
a.afbtn.green > span.ib:before {
	content: "";
	display: none;
	margin-left: 0;
}
a.afbtn.r-tri {
	max-width: 520px;
}
a.afbtn.r-tri > span {
	box-sizing: border-box;
	width: 100% !important;
	max-width: 100% !important;
	padding-right: 20px;
}
a.afbtn.r-tri > span:after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url(../the-thor/img/r-tri.png) no-repeat center center;
	background-size: 100% 100%;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}
@keyframes check-roll {
	0% {
		transform: rotateZ(10deg);
		text-shadow: #fff 0 0 3px, #fff 0 0 5px, #fff 0 0 7px, #fff 0 0 10px, #fff 0 0 15px;
	}
	50% {
		transform: rotateZ(-10deg);
		text-shadow: 0;
	}
	100% {
		transform: rotateZ(10deg);
	}

}
a.afbtn.arrow > span {
	display: inline-block;
	max-width: 75% !important;
	min-width: 0 !important;
	position: relative !important;
	width: auto !important;
}
.simulation_result nav a.sim_btn.recommend:before,
a.afbtn.arrow > span:before {
	content: ">>";
	color: #ff8;
	display: inline-block;
	box-sizing: content-box;
	position: absolute;
	transform: translate(-100%, -50%);
	margin: 0 !important;
	width: auto !important;
	left: 0 !important;
	top: 50%;
	white-space: nowrap;
	font-size: 120%;
	vertical-align: 0px;
	animation: 1s arrow-move-l infinite ease-in-out;
}
.simulation_result nav a.sim_btn.recommend:after,
.postContents a.afbtn.arrow > span:after,
a.afbtn.arrow > span:after {
	content: "<<";
	color: #ff8;
	display: inline-block;
	box-sizing: content-box;
	position:  absolute !important;
	transform: translate(100%, -50%);
	margin: 0 !important;
	width: auto !important;
	right: 0;
	left: auto !important;
	top: 50%;
	white-space: nowrap;
	font-size: 120%;
	vertical-align: 0px;
	animation: 1s arrow-move-r infinite ease-in-out;
}
a.afbtn > span > span {
	display: inline-block;
	vertical-align: middle;
	/* max-width: 85%; */
	max-width: 100%;
}
.smt {
	display: block;
}
@keyframes arrow-move-l {
	0%{
		color: #ff8;
		letter-spacing: 50px;
		opacity: 0;
	}
	40%{
		opacity: 1;
	}
	80%{
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		color: #fff;
		opacity: 0;
	}
}
@keyframes arrow-move-r {
	0%{
		color: #ff8;
		right: -50px;
		letter-spacing: 50px;
		opacity: 0;
	}
	40%{
		opacity: 1;
	}
	80%{
		right: 0;
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		color: #fff;
		opacity: 0;
	}
}
a.afbtn span em {
	font-style: normal;
}
a.afbtn.green span em {
	color: #ff8;
}
.finger {
	position: relative;
}
.finger:before {
	content: "";
	display: block;
	position: absolute;
	transform: translateY(-50%);
	background: url(../the-thor/img/finger.png) no-repeat center center;
	background-size: 100% 100% !important;
	margin-right: 0;
	width: 35px;
	height: 45px;
	right: -15px;
	bottom: -60px;;
	transform: rotate(-15deg) translate(-20%,-80%);
	filter: drop-shadow(rgba(0,0,0,0.6) 2px 2px 3px);
	animation: 3s finger infinite linear;
	z-index: 3;
}
@keyframes finger {
	0%{
		transform: rotate(-15deg) translate(-20%,-80%) ;		
	}
	3%{
		transform: rotate(-35deg) translate(-20%,-80%) ;		
	}
	8%{
		transform: rotate(-15deg) translate(-20%,-80%) ;		
	}
	11%{
		transform: rotate(-35deg) translate(-20%,-80%) ;		
	}
	16%{
		transform: rotate(-15deg) translate(-20%,-80%) ;		
	}
}
a.afbtn.flash {
	animation: 2s text-flash infinite linear;
}
@keyframes text-flash {
	0%{
		text-shadow: #fff 0 0 2px, #fff 0 0 5px, #fff 0 0 8px, #fff 0 0 12px, #fff 0 0 18px, #fff 0 0 30px;		
	}
	5%{
		text-shadow: none;		
	}
	8%{
		text-shadow: #fff 0 0 2px, #fff 0 0 5px, #fff 0 0 8px, #fff 0 0 12px, #fff 0 0 18px, #fff 0 0 30px;		
	}
	28%{
		text-shadow: none;		
	}
}
a.afbtn.girl {
	padding-right: 80px;
}
a.afbtn.girl2 {
	padding-right: 50px;
}
a.afbtn.girl2 > span:before,
a.afbtn.girl > span:before {
	display: none;
}
a.afbtn.girl2 > span,
a.afbtn.girl > span {
	display: inline-block;
	max-width: 75%;
	width: auto !important;
}
.fix-afbtn a.afbtn.girl2 > span,
.fix-afbtn a.afbtn.girl > span {
	width: 95% !important;
}
a.afbtn.girl2:before,
a.afbtn.girl:before {
	content: "";
	display: block;
	position: absolute !important;
	background: url(../the-thor/img/girl.png) no-repeat center center;
	background-size: 100% 100% !important;
	margin: -90px 0 -23px 0;
	margin: 0;
	left: auto;
	right: 5%;
	bottom: 0;
	width: 95px;
	height: 115px;
	filter: drop-shadow(rgba(0,0,0,0.6) 2px 2px 3px);
	transform: none;
	animation: none;
	z-index: 3;
}
a.afbtn.girl2:before {
	background: url(../the-thor/img/girl2.png) no-repeat center center;
	background-size: 100% 100% !important;
	margin: -90px 0 0 0;
	width: 80px;
	height: 128px;
	right: 3%;
}
/* ▼▼▼▼▼ PCでの表示 ▼▼▼▼▼ */
@media only screen and (min-width: 768px) {
	a.afbtn {
		font-size: 18px !important;
		line-height: 1.2em;
		height: 75px;
	}
	a.afbtn > span {
		font-size: 21px;
		line-height: 1.2em;
	}
	.finger:before {
		width: 40px;
		height: 50px;
		right: -20px;
		bottom: -70px;;
	}
	a.afbtn > span > span.ib {
		min-width: 250px;
	}
	br.smt {
		display: none;
	}
	a.afbtn.r-tri > span:after {
		right: 15px;
	}
}
@media only screen and (max-width: 600px) {
	.fix-afbtn a.afbtn.girl2 > span,
	.fix-afbtn a.afbtn.girl > span {
		padding-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	
	a.afbtn.girl {
		padding-right: 80px !important;
	}
	a.afbtn.girl2 {
		padding-right: 50px !important;
	}
	.fix-afbtn a.afbtn.girl2,
	.fix-afbtn a.afbtn.girl {
		padding-left: 5px;
	}
	a.afbtn.smt-wide {
		width: 100%;
	}
}
/* 引用タグ */
.content blockquote{
	position: relative;
	background: #f2e2e2 !important;
	padding: 35px 20px;
	box-shadow: #ebb 0 0 10px inset;
	line-height: 1.5em;
}
.content blockquote:before{
	position: absolute;
	font-family: 'FontAwesome';
	content: '\275d';
	font-size: 60px;
	line-height: 1;
	color: #ebb !important;
	top: 5px;
	left: 10px;
}
.content blockquote:after{
	position: absolute;
	font-family: 'FontAwesome';
	content: '\275d';
	font-size: 60px;
	line-height: 1;
	color: #ebb;
	right: 10px;
	bottom: 5px;
	transform: rotate(180deg);
}
.content blockquote cite {
	display: block;
	font-size: 0.8em;
	text-align: right;
	color:  #a83f3f;
	padding-right: 20px;
}
.content blockquote cite a {
	color: #37d;
	text-decoration: underline;
}

/* 口コミデザイン */
.wpcr3_respond_1 {
	padding: 10px !important;
	background: #fff2f2;
/*	border-radius: 10px;*/
	box-shadow: #c78c8b 1px 1px 6px inset;
}
.wpcr3_respond_1 .wpcr3_respond_1 {
	border: 0;
	padding: 0 !important;
	margin: 0 !important;
}
.internet-spec-box .wpcr3_respond_1 {
	border: 0;
	box-shadow: #c85f5f 1px 1px 8px;
}
.wpcr3_caps {
	color: #000;
}
.wpcr3_button_1 {
	background: #a83f3f !important;
	color: #fff !important;
	font-weight: bold !important;
	margin: 0 !important;
	border-radius: 30px;
}
.wpcr3_button_1:hover {
	background: #c85f5f  !important;
}
.wpcr3_respond_2 .wpcr3_button_1.wpcr3_cancel_btn:before {
	content: "▲";
}
.wpcr3_respond_2 {
	background: transparent;
	padding: 10px !important;
}
.wpcr3_respond_1 .wpcr3_respond_2 .wpcr3_div_2 {
	width: 100% !important;
	max-width: none;
}
.wpcr3_respond_2 .wpcr3_div_2 table {
	width: 100% !important;
	border-collapse: separate;
	border-spacing: 3px 2px;
	margin: 0;
}
.wpcr3_respond_2 .wpcr3_div_2 table,
.wpcr3_respond_2 .wpcr3_div_2 table tr:first-child td {
	background: transparent !important;
	padding: 0;
}
.wpcr3_respond_2 .wpcr3_div_2 table tr td ,
.wpcr3_respond_2 .wpcr3_div_2 table tr:nth-child(2n-1) td {	
	background: #fff;
	box-shadow: #c78c8b 1px 1px 5px;
}
.wpcr3_respond_2 .wpcr3_div_2 table tr td:first-child {
	width: 25%;
	min-width: 150px;
}
.wpcr3_respond_2 .wpcr3_div_2 table tbody tr:last-child td {
	background: transparent !important;
	box-shadow: none !important;
}

.wpcr3_leave_text {
	background: #a83f3f;
	padding: 5px 15px;
	color: #fff;
	font-size: 150%;
	line-height: 1.6em;
	font-weight: bold;
}
.wpcr3_respond_2 .wpcr3_div_2 table tr td input[type="text"],
.wpcr3_respond_2 .wpcr3_div_2 table tr td textarea {
	border: 1px solid #e7cbcb;
	background: #f8f8f8;
	padding: 5px 10px;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	min-width: 0 !important;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 3px inset;
}
.wpcr3_respond_2 .wpcr3_div_2 table tr td input[type="text"]:focus,
.wpcr3_respond_2 .wpcr3_div_2 table tr td textarea:focus {
	background: #fee;
	outline: 0;
	border: 1px solid #c78c8b;
}
.wpcr3_respond_2 .wpcr3_div_2 table tr:last-child td[colspan="2"] p {
	display: none;
}

.wpcr3_button_1.wpcr3_submit_btn {
	float: right;
	font-size: 20px;
	padding: 5px 35px;
}
.wpcr3_respond_3 .wpcr3_button_1.wpcr3_cancel_btn {
	margin-top: 0 !important;
	float: left;
	font-size: 15px;
	padding: 5px;
}
.wpcr3_respond_3 {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.wpcr3_respond_3 p:first-child {
	display: none;
}
.wpcr3_respond_3 .wpcr3_button_1:before {
	content: "▼";
}
.wpcr3_review_ratingValue,
.wpcr3_item_name + p {
	margin:0 !important;
	padding: 0 !important;
}
.wpcr3_item_name {
	margin-left: 5px;
	font-weight: bold;
}

.wpcr3_item.wpcr3_product {}
.wpcr3_item.wpcr3_product:before {
	content: "投稿されたレビュー";
	display: block;
	background: #c78c8b;
	color: #fff;
	margin: -10px 0 10px;
	padding: 2px 15px 5px;
	font-size: 21px;
	line-height: 1.3em;
	font-weight: bold;
}
.wpcr3_dotline:first-of-type,
.wpcr3_item.wpcr3_product .wpcr3_aggregateRating,
.wpcr3_item.wpcr3_product .wpcr3_aggregateRating + .wpcr3_dotline,
.wpcr3_item.wpcr3_product > .wpcr3_item_name {
	display: none !important;
}
.wpcr3_item.wpcr3_product .wpcr3_review_datePublished,
.wpcr3_item.wpcr3_product .wpcr3_review {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
.wpcr3_review_title {
	margin: 10px 10px 0 !important;
	padding: 5px 15px 4px;
	border-bottom: 1px solid #eaa;
	background: #fff;
	color: #a83f3f;
	font-weight: bold;
	font-size: 110% !important;;
	line-height: 1.4em;
/*	border-radius: 10px 10px 0 0;*/
	box-shadow: #c78c8b 1px 1px 3px;
}
.wpcr3_clear {
	height: 0 !important;
	margin: 0 !important;
}
.wpcr3_aggregateRating_ratingValue,
.wpcr3_aggregateRating {
	padding: 0 !important;
	margin: 0 !important;
}
.wpcr3_aggregateRating > p {
	display: inline !important;
}
.wpcr3_item blockquote.wpcr3_content ,
.wpcr3_item.wpcr3_product blockquote {
	background: #fff;
	margin: 0 10px 10px;
	padding: 10px 15px !important;
	max-width: none;
	width: auto;
/*	border-radius: 0 0 10px 10px;*/
	box-shadow: #c78c8b 1px 1px 3px;
}
.wpcr3_item blockquote.wpcr3_content p ,
.wpcr3_item.wpcr3_product blockquote p {
	display: block !important;
	margin: 15px 0 0 !important;
	padding: 0 !important;
	float: none;
}
.wpcr3_item.wpcr3_product .wpcr3_review_author,
.wpcr3_item blockquote.wpcr3_content p:first-child,
.wpcr3_item.wpcr3_product blockquote p:first-child {
	margin-top: 0 !important;
}
.wpcr3_item.wpcr3_product .wpcr3_review_author {
	font-style: normal;
	color: #a83f3f;
	margin-left: 10px;
}
.wpcr3_item.wpcr3_product .wpcr3_review_ratingValue {
	margin-left: 10px !important;
}
.wpcr3_item blockquote.wpcr3_content:before,
.wpcr3_item blockquote.wpcr3_content:after,
.wpcr3_item.wpcr3_product blockquote:before,
.wpcr3_item.wpcr3_product blockquote:after {
	display: none;
}
.internet-spec-body table + p {
	margin: -15px 0 30px;
}
.internet-spec-body p a {
	font-weight: bold;
	font-size: 110%;
	color: #57d;
	text-decoration: underline;
}
.internet-spec-body p a:hover {
	color: #23d;
	text-decoration: none;
}
.postContents .wpcr3_respond_1 .wpcr3_pagination p {
	display: inline !important;
}
.postContents .wpcr3_respond_1 .wpcr3_pagination p:after {
	display: none;
}
.wpcr3_button_1.wpcr3_submit_btn ,
.wpcr3_button_1.wpcr3_cancel_btn {
	font-size: 18px;
	line-height: 1.5em;
}
.l-main .archive__contents h2 {
	margin-left: 0;
	margin-right: 0;
	padding: 5px 0;
}
.eyecatch {
	background: repeating-linear-gradient(45deg, #edd, #edd 2px, #ecc 0, #ecc 4px);
}
.eyecatch img {
	object-fit: contain !important;
}
.the__ribbon {
    background: #e22 !important;
}
.the__ribbon:after{
    border-left-color: #e22 !important;
    border-right-color: #e22 !important;
}

/* .su-box */
.su-box {
	border: 2px solid #a83f3f;
	background: #fff2f2;
	padding: 20px;
	color: #000;
}
.su-box > p.midasi,
.su-box[data-title]:before {
	content: attr(data-title);
	display: block;
	margin: -20px -20px 15px !important;
	background: #a83f3f;
	font-size: 120%;
	line-height: 1.3em;
	color: #fff;
	padding: 5px 20px 8px;
	font-weight: bold;
}
.su-box[data-title]:before { display: none !important; }
.su-box ul > li {
	position: relative;
	list-style: none;
	padding-left: 24px;
	line-height: 1.3em;
	margin: 10px 0 0;
}
.su-box p:first-child,
.su-box p.midasi + p,
.su-box ul > i:first-child {
	margin-top: 0;
}
.l-wrapper .su-box ul > li:before,
.su-box ul > li:before {
	content: "\2714";
	position: absolute;
	color: #d22 !important;
	display: inline-block;
	font-size: 270%;
	font-weight: bold;
	line-height: 1.1em;
	top: -17px;
	left: -10px;
}
.su-box p:last-child {
	margin-bottom: 0;
}
.su-box.fill {
	border: 0 !important;
	box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 5px;
}
.su-box.no-bg {
	background: transparent !important;
}

/* .su-box type A */
.su-box.type-a {
	position: relative;
	border-width: 3px;
	border-color: #f47878;
	border-radius: 0 15px 15px 15px;
	margin-top: 60px;
	padding-top: 20px;
	box-shadow:rgba(0, 0, 0, 0.5) 3px 3px 6px;
}
.su-box.type-a > p.midasi,
.su-box.type-a[data-title]:before {
	position: absolute;
	left: -3px;
	top: -1px;
	transform: translateY(-100%);
	margin: 0 !important;
	background-color: #f47878;
	font-size: 130%;
	line-height: 1.2em;
	padding: 10px 15px;
	border-radius: 12px 12px 0 0;
}
.su-box.type-a table th {
	background: #f47878;
	color: #fff;
}

/* .su-box type B */
.su-box.type-b {
	position: relative;
	border: 8px dotted #49d;
	background: #e0f8ff;
	border-radius: 15px;
	background-clip: padding-box;
}
.su-box.type-b > p.midasi,
.su-box.type-b[data-title]:before {
	margin: -10px -10px 20px !important;
	background-color: #49d;
	font-size: 130%;
	line-height: 1.2em;
	padding: 10px 15px;
	border-radius: 5px;
}
.su-box.type-b table th {
	background: #49d;
	color: #fff;
}


/* .su-box type C */
.su-box.type-c {
	position: relative;
	border: 0;
	background: #ffe;
	border-radius: 0;
	margin-top: 50px;
	padding-top: 40px;
	box-shadow: #ddd 0 0 15px inset, rgba(0, 0, 0, 0.5) 3px 3px 6px;
}
.su-box.type-c > p.midasi,
.su-box.type-c[data-title]:before {
	position: absolute;
	left: -15px;
	top: -15px;
	margin: 0 !important;
	background-color: #ffa;
	color: #770;
	transform: rotate(-7deg);
	transform-origin: 0 50%;
	font-size: 140%;
	line-height: 1.2em;
	padding: 12px 30px;
	box-shadow:rgba(0, 0, 0, 0.5) 3px 3px 6px;
}
.su-box.type-c table th {
	background: #ffa;
	color: #770;
}
.su-box.type-c table thead th {
	color: #fff;
}
.su-box.type-d img,
.su-box.type-c img {
	border: 3px solid #fff;
	box-shadow:rgba(0, 0, 0, 0.5) 3px 3px 6px;
}

/* .su-box type D */
.su-box.type-d {
	position: relative;
	border-width: 5px;
	border-color: #8c8;
	background: #efe;
	border-radius: 15px;
	box-shadow:rgba(0, 0, 0, 0.5) 3px 3px 6px;
	overflow: hidden;
	padding-top: 9px;
}
.su-box.type-d > p.midasi,
.su-box.type-d[data-title]:before {
	position: relative;
	left: 0;
	top: 0;
	margin: 0 !important;
	background-color: #8c8;
	font-size: 130%;
	line-height: 1.2em;
	padding: 10px 15px;
	border-radius: 0 0 10px 0;
	display: inline-block;
	margin: -22px 0 15px -22px !important;
}
.su-box.type-d table th {
	background: #8c8;
	color: #fff;
}

.su-box.red {
	border-color: #d44;
	background: #fee;
	color: #000;
}
.su-box.red > p.midasi,
.su-box[data-title].red:before {
	background-color: #d44 !important;
	color: #fff;
}
.su-box.blue {
	border-color: #58e;
	background: #e8ebfd;
	color: #000;
}
.su-box.blue > p.midasi,
.su-box[data-title].blue:before {
	background-color: #58e !important;
	color: #fff;
}
.su-box.pink {
	border-color: #f88;
	background: #fee;
	color: #000;
}
.su-box.pink > p.midasi,
.su-box[data-title].pink:before {
	background-color: #f88 !important;
	color: #fff;
}
.su-box.green {
	border-color: #484;
	background: #e0ffe0;
	color: #000;
}
.su-box.green > p.midasi,
.su-box[data-title].green:before {
	background-color: #484 !important;
	color: #fff;
}
.su-box.orange {
	border-color: #f92;
	background: #fff8f0;
	color: #000;

}
.su-box.orange > p.midasi,
.su-box[data-title].orange:before {
	background-color: #f92 !important;
	color: #fff;
}
.su-box.purple {
	border-color: #a8d;
	background: #f0e0ff;
	color: #000;
}
.su-box.purple > p.midasi,
.su-box[data-title].purple:before {
	background-color: #a8d !important;
	color: #fff;
}
.su-box.deepblue {
	border-color: #0e2e80;
	background: #dde;
	color: #000;
}
.su-box.deepblue > p.midasi,
.su-box[data-title].purple:before {
	background-color: #0e2e80 !important;
	color: #fff;
}
/* ▼▼▼▼▼ スマホでの表示 ▼▼▼▼▼ */
@media only screen and (max-width: 768px) {
	.wpcr3_item blockquote.wpcr3_content ,
	.wpcr3_item.wpcr3_product blockquote {
		margin: 0 0 10px;
	}
	.wpcr3_review_title {
		margin: 10px 0 0 !important;
	}
	.wpcr3_respond_2 .wpcr3_div_2 table {
		min-width: 0 !important;
	}
	.wpcr3_respond_2 {
		padding: 5px !important;
	}
	.wpcr3_respond_2 .wpcr3_div_2 table tr td,
	.wpcr3_respond_2 .wpcr3_div_2 table tr:first-child td,
	.wpcr3_respond_2 .wpcr3_div_2 table tr td:first-child {
		display: block !important;
		padding: 5px 10px !important;
		width: auto !important;
		overflow: hidden;
	}
	.wpcr3_respond_2 .wpcr3_div_2 table tr:first-child td {
		margin: 0 !important;
		padding: 0 !important;
	}
	.wpcr3_button_1.wpcr3_submit_btn ,
	.wpcr3_button_1.wpcr3_cancel_btn {
		font-size: 15px;
		line-height: 1.5em;
	}
	.wpcr3_item.wpcr3_product .wpcr3_review_ratingValue {
		margin-left: 0 !important;
	}
	.wpcr3_respond_2 .wpcr3_div_2 table tr:nth-last-child(2) {
		display: none !important;
	}
	.l-main .archive__contents h2 {
		font-size: 1.2em;
	}
	/* .su-box type A～D */
	.su-box.type-a {
		padding: 15px 10px;
	}
	.su-box.type-b {
		border-width: 5px;
		padding: 10px;
	}
	.su-box.type-c {
		padding: 25px 10px 20px;
	}
	.su-box.type-b > p.midasi,
	.su-box.type-b[data-title]:before {
		margin: -5px -5px 10px !important;
	}
	.su-box.type-c > p.midasi,
	.su-box.type-c[data-title]:before {
		left: -15px;
		top: -20px;
		transform: rotate(-6deg);
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.su-box.type-d {
		padding: 9px 10px 10px;
	}
	.su-box.type-d > p.midasi,
	.su-box.type-d[data-title]:before {
		margin: -12px 0 10px -12px !important;
	}
}
/* 目次プラグイン（Table of Contents Plus）追加CSS */
#toc_container {
	display: block !important;
}
#toc_container .toc_list li:before {
	list-style: none;
	content: "" !important;
}
#toc_container .toc_list li:not(:first-child) {
	margin: 10px 0 0;
}
#toc_container .toc_list li a > .toc_number {
	display: inline-block;
	background: #A83F3F;
	padding: 0 7px;
	margin-right: 5px;
	color: #fff;
	border-radius: 5px;
}

/* .openclose-box */
.openclose-box .title {
	cursor: pointer;
	position: relative;
	font-size: 20px;
	line-height: 1.3em;
	background: #f2e2e2;
	padding: 10px 35px 10px 10px;
	margin: 0 0 1px;
	border-radius: 10px;
	color: #A83F3F;
	font-weight: bold;
	transition: all 0.3s linear;
}
.openclose-box .title:before {
	content: "▼";
	display: inline-block;
	width: auto;
	height: auto;
	font-weight: bold;
	position: absolute;
	right: 15px;
	border: 0;
	background: transparent;
	font-size: 120%;
	animation: tri-roll 1s ease-in-out infinite;
	text-shadow: #fff 1px 1px 0;
}
.openclose-box .title:after {
	content: "(クリックで開きます)";
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
}
.openclose-box .title.on:after {
	content: "(クリックで閉じます)";
}
@keyframes tri-roll {
	0% {
		transform: scale(1,1);
	}
	50% {
		transform: scale(0,1);
	}
	100% {
		transform: scale(1,1);
	}
}
.openclose-box .title.on {
	border-radius: 10px 10px 0 0;
}
.openclose-box .title.on:before {
	content: "▲";
}
.openclose-box-body {
	display: none;
	padding: 10px;
	margin: 0 !important;
	background: #fff2f2;
	border-radius: 0 0 10px 10px;
}
.openclose-box-body p:last-child {
	margin-bottom: 0 !important;
}

/* ▼▼▼▼▼ スマホでの表示 ▼▼▼▼▼ */
@media only screen and (max-width: 768px) {
	.openclose-box .title {
		font-size: 18px;
		border-radius: 6px;
	}
	.openclose-box .title:before {
		right: 15px;
	}
	.openclose-box .title:after {
		content: "(タップで開きます)";
		font-size: 12px;
	}
	.openclose-box .title.on:after {
		content: "(タップで閉じます)";
	}
	.openclose-box .title.on {
		border-radius: 6px 6px 0 0;
	}
	.openclose-box-body {
		border-radius: 0 0 6px 6px;
	}
}
.postContents ul > li:before,
.pageContents ul > li:before {
	content: "\2b24";
	font-size: 1.2em;
	top: -3px;
	left: -4px;
}

/* シミュレーション */
.simulation_box {
	position: relative;
	margin: 40px 0;
	background: #fff2f2;
	border-radius: 10px;
	border: 2px solid #a83f3f;
}
.simulation_box:last-of-type {
	margin-bottom: 0;
}
.simulation_box_in {
	padding: 15px 20px 20px;
	margin: 0 !important;
}
.simulation_box p.midasi {
	position: relative;
	margin: 0 !important;
	background: #a83f3f !important;
	color: #fff !important;
	border: 0 !important;
	padding: 10px 70px 10px 15px;
	border-radius: 8px 8px 0 0;
	font-weight: bold;
	font-size: 130%;
	line-height: 1.3em;
}
.simulation_box > p.midasi:before {
    content: "\2328";
    position: absolute;
    right: -20px;
    top: 8px;
    display: inline-block;
    font-size: 500%;
    font-weight: normal;
    vertical-align: middle;
    transform: skew(30deg, -10deg)  rotateY(0);
    animation: 2s dentaku infinite linear;
    text-shadow: #a30 2px 2px 2px;
}
@keyframes dentaku {
    0% {
        transform: perspective(500px) rotateZ(-10deg) rotateY(0);
    }
    50% {
        transform: perspective(500px) rotateZ(-10deg) rotateY(179deg);
    }
    100% {
        transform: perspective(500px) rotateZ(-10deg) rotateY(358deg);
    }
}
.simulation_box_in p {
	margin: 0 !important;
}
.simulation_box p.midasi span {
	display: inline-block;
}
.simulation_box input[type="number"] {
	width: 80px;
	padding: 2px 0 2px 5px;
	margin: 0 5px;
	text-align: center;
	font-size: 20px;
	line-height: 1;
}
.simulation_box input[type="number"]:first-child {
	margin-left: 0;
}
.simulation_box input[type="radio"] {
	vertical-align: -1px;
	margin: 0 2px 0 0;
}
.simulation_box select {
	font-size: 16px;
	height: 40px;
	max-width: 100%;
}
.simulation_box table {
	border: 0;
	border-collapse: separate;
	border-spacing: 0 2px;
	background: transparent;
}
.simulation_box table th,
.simulation_box table td {
	border: 0;
	background: #fff;
	vertical-align: middle;
	padding: 10px;
	box-shadow: #daa 1px 1px 5px;
}
.simulation_box table th {
	width: 140px;
	text-align: left;
	background: #c78c8b !important;
	color: #fff !important;
	line-height: 1.4em !important;
	font-weight: bold;
	border: 0 !important;
}
.simulation_box table td {
	text-align: left !important;
	background: #fff;
}
.simulation_box nav {
	text-align: center;
}
.simulation_box button {
	position: relative;
	background: #f5d873;
	background: -moz-linear-gradient(top,  #f88 0%, #e53f38 100%);
	background: -webkit-linear-gradient(top,  #f88 0%,#e53f38 100%);
	background: linear-gradient(to bottom,  #f88 0%,#e53f38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5d873', endColorstr='#e57f38',GradientType=0 );
	box-sizing: border-box;
	width: 100%;
	padding: 10px 20px;
	font-weight: bold;
	font-size: 32px;
	color: #fff;
	border-radius: 5px;
	border-color: #fff #b44 #b44 #fff;
	cursor: pointer;
	animation: 2s button_blink infinite ease-out;
	outline: none;
}
@keyframes button_blink {
	0% {
		text-shadow: #fff 0 0 3px, #fff 0 0 50px, #fff 0 0 10px, #fff 0 0 20px, #fff 0 0 30px;
	}
	30% {
		text-shadow: #fff 0 0 0;
	}
}
.simulation_box button:before {
	top: auto;
	bottom: -60px;
}
.simulation_box button > small {
	display: inline-block;
	vertical-align: middle;
	padding: 5px;
	background: #fff;
	color: #e53f38;
	font-weight: bold;
	font-size: 24px;
	line-height: 0.8em;
	text-align: center;
	margin: 0 5px 0 0;
	border-radius: 5px;
}
.simulation_box button > small > small {
	display: block;
	font-size: 75%;
	line-height: 1;
}
.simulation_box button i {
	position: relative;
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	font-size: 200%;
	line-height: 0.7;
	transform: rotate(45deg);
	top: 12px;
}
.simulation_result {
	display: none;
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	margin: 20px 0 0;
	overflow: hidden;
	text-align: center;
	box-shadow: #daa 1px 1px 5px;
}
.simulation_result p.midasi {
	display: block;
	margin: -20px -20px 10px !important;
	padding: 5px 20px;
	background: #c78c8b;
	width: auto;
	border: 0 !important;
	text-decoration: none;
	font-size: 21px !important;
	color: #a83f3f;
}
.simulation_result .result_t {
	display: block;
	text-align: center;
	font-family: Arial, suns-serif;
	font-weight: bold;
	font-size: 64px !important;
	line-height: 1.1em !important;
	color: #77e !important;
}
.simulation_result#NG .result_t {
	color: #e33 !important;
}
.simulation_result p {
	margin: 10px 0 0 !important;
}
.simulation_result p span {
	display: inline-block;
}
.simulation_result p.next_btn {
	font-weight: bold;
	font-size: 110%;
	line-height: 1.4em;
	overflow: hidden;
	color: #a83f3f;
	white-space: nowrap;
}
.simulation_result p.next_btn:before,
.simulation_result p.next_btn:after {
	content: "▲";
	display: inline-block !important;
	position: relative;
	animation: 1s next_btn infinite ease-out;
}
@keyframes next_btn {
	0% {
		top: 25px;
	}
	100% {
		top: -25px;
	}

}
.simulation_result nav {
	text-align: center;
	letter-spacing: -0.4em;
}
.simulation_result nav a.sim_btn {
	display: inline-block;
	box-sizing: border-box;
	width: 24%;
	margin-top: 2% !important;
	margin-left: 3%;
	padding: 10px 5px;
	letter-spacing: 0;
	background: #3B3;
	color: #fff !important;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.3em;
	text-decoration: none;
	border-radius: 25px;
	transition: all 0.5s linear;
	vertical-align: top !important;
	animation: 1.5s btn_flash linear infinite;
	box-shadow: rgba(255,255,255,0.7) 2px 2px 3px inset, rgba(0,0,0,0.5) -2px -2px 5px inset;
	width: 100%;
	max-width: 480px;
	margin-left: 0%;
}
.simulation_result nav a.sim_btn {
	display: block !important;
	width: auto !important;
	max-width: none !important;
	margin: 2% auto 0 !important;
}
.simulation_result nav a.sim_btn > span {
	display: inline-block;
	vertical-align: middle;
	max-width: 80%;
}
@keyframes btn_flash {
	0% {
		opacity: 1;
		/* box-shadow: #afa 0 0 0;*/
	}
	10% {
		opacity: 0.2;
		/* box-shadow: #afa 0 0 20px;*/
	}
	60% {
		opacity: 1;
		/* box-shadow: #afa 0 0 0;*/
	}
}
.simulation_result nav a.sim_btn:hover {
	background: #5d5;
	transition: all 0.2s linear;
	animation: none;
}
.simulation_result nav a.sim_btn.red {
	background: #d22;
}
.simulation_result nav a.sim_btn.yellow {
	background: #990;
}
.simulation_result nav a.sim_btn.blue {
	background: #29a7e1;
}
.simulation_result nav a.sim_btn.purple {
	background: #909;
}
.simulation_result nav a.sim_btn.orange {
	background: #f39800;
}
.simulation_result nav a.sim_btn.red:hover {
	background: #f44 !important;
}
.simulation_result nav a.sim_btn.yellow:hover {
	background: #bb2 !important;
}
.simulation_result nav a.sim_btn.blue:hover {
	background: #29b !important;
}
.simulation_result nav a.sim_btn.purple:hover {
	background: #b2b !important;
}
.simulation_result nav a.sim_btn.orange:hover {
	background: #d82 !important;
}
.simulation_result nav a.sim_btn:nth-child(4n+1) {
	margin-left: 0;
}
.simulation_result nav a.sim_btn.recommend:hover,
.simulation_result nav a.sim_btn:hover {
	background: #5d5;
	transition: all 0.2s linear;
	animation: none;
}

.simulation_result nav a.sim_btn.recommend {
	position: relative;
	width: 100%;
	padding: 15px 10px;
	border-radius: 30px;
	max-width: none;
	font-size: 17px;
	animation: 2.5s btn_recommend linear infinite, 1.5s btn_flash linear infinite;
}
/*
.simulation_result nav a.sim_btn.recommend:before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(../the-thor/img/rank1-01.png) no-repeat center center;
	background-size: 100% 100% !important;
	left: -15px;
	top: -20px;
	color: #F6AD49;
	text-shadow: #fff 0 0 2px, #fff 0 0 4px, #fff 0 0 6px, #fff 0 0 10px;
	animation: 1.5s recommend linear infinite;
}*/

@keyframes recommend {
	0% {
		transform: rotate(-25deg);
		color: #fff;
	}
	20% {
		color: #F6AD49;
	}
	50% {
		transform: rotate(25deg);
		color: #F6AD49;
	}
	100% {
		transform: rotate(-25deg);
	}
}
@keyframes btn_recommend {
	0% {
		transform: scale(1.1,1.1);
	}
	4% {
		transform: scale(1,1);
	}
	8% {
		transform: scale(1.1,1.1);
	}
	12% {
		transform: scale(1,1);
	}
}
.simulation_result nav > p {
	letter-spacing: 0;
	margin: 15px 0 -2% !important;
}
.simulation_result nav > div {
	border: 2px solid #a83f3f;
	border-radius: 10px;
	padding: 0 15px 15px;
	margin: 20px 0 0;
	overflow: hidden;
	letter-spacing: 0;
}
.simulation_result nav > div p.heading {
	background: #a83f3f;
	margin: 0  -15px 15px !important;
	padding: 5px;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: #000 -1px -1px 0;
}
.simulation_result nav > div figure {
	text-align: center;
	padding: 15px;
}
.simulation_result nav > div figure a ,
.simulation_result nav > div figure a:hover {
	display: inline !important;
	border: 0 !important;
	border-radius: 0;
	padding: 0 !important;
	background: transparent !important;
	animation: none !important;
	box-shadow: none !important;
}
.simulation_result nav > div figure a:before,
.simulation_result nav > div figure a:after {
	content: "";
	display: none !important;
	animation: none !important;
}
.simulation_result nav > div p b {
	color: #d22;
	font-size: 110%;
}
@media only screen and (max-width: 736px) {
	.simulation_box {
		margin: 30px 0;
		border-radius: 7px;
	}
	.simulation_box > p.midasi:after {
		right: 0;
		font-size: 350%;
	}
	.simulation_box_in {
		padding: 20px 10px;
	}
	.simulation_box > p.midasi {
		font-size: 18px !important;
		padding: 10px 50px 10px 10px !important;
		border-radius: 5px 5px 0 0;
	}
	.simulation_box table th,
	.simulation_box table td {
		display: block;
		width: auto;
	}
	.simulation_box table th {
		padding: 5px 10px !important;
	}
	.simulation_box table td {
		margin-bottom: 5px;
	}
	.simulation_result nav a.sim_btn {
		width: 48.5%;
		margin: 3% 0 0 3%;
		font-size: 14px;
		width: 100%;
		margin-left: 0;
	}
	.simulation_box button img {
		max-height: 78px;
	}
	.simulation_result nav a.sim_btn:nth-child(2n) {
		margin-left: 0;
	}
	.simulation_result p.next_btn {
		font-size: 100%;
	}
	.simulation_box button {
		font-size: 24px;
	}
	.simulation_box button > small {
		font-size: 16px;
	}
	.simulation_result nav a.sim_btn.recommend {
		width: 100%;
		font-size: 17px;
		margin-left: 0;
	}
	/*
	.simulation_result nav a.sim_btn.recommend:before {
		width: 30px;
		height: 30px;
	}
	*/
	.simulation_result nav > div {
		margin: 20px -10px 0;
		padding: 0 10px 15px;
	}
	.simulation_result nav > div p.heading {
		font-size: 18px;
		margin: 0  -10px 10px !important;
	}
	.simulation_result nav > div p {
		font-size: 12px;
	}
}
.simulation_box.close > p.midasi {
	cursor: pointer;
}
.simulation_box.close .simulation_box_in {
	display: none;
}
.simulation_box.close > p.midasi:after{
	content: "（▼クリックすると開きます）";
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
}
.simulation_box.close > p.midasi.on:after{
	content: "（▲クリックすると閉じます）";
}
.simulation_box.close > p.midasi.on {
	border-radius: 8px 8px 0 0 !important;
}
@media only screen and (max-width: 736px) {
	.simulation_box.close > p.midasi {
		border-radius: 5px;
	}
	.simulation_box.close > p.midasi:after{
		content: "（▼タップすると開きます）";
	}
	.simulation_box.close > p.midasi.on:after{
		content: "（▲タップすると閉じます）";
	}
	.simulation_box.close > p.midasi.on {
		font-size: 16px !important;
		padding: 10px !important;
		border-radius: 5px 5px 0 0 !important;
	}
}
.spec-box-catch {
	position: relative;
	margin: 30px 15px -24px auto;
	max-width: 500px;
	padding: 15px;
	border-radius: 20px;
	font-size: 18px;
	line-height: 1.3em;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background: #e90;
	z-index: 1;
	box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 5px;
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 1px;
}
.spec-box-catch b {
	color: #ff5;
}
.spec-box-catch:after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #e90 transparent transparent;
	border-width: 20px 7px 0;
	left: 40%;
	bottom: -17px;
	transform: rotate(15deg);
}
.spec-box {
	max-width: 840px;
	position: relative;
	margin: 30px auto 40px;
	box-sizing: border-box;
	max-width: 880px;
	padding: 0 30px 30px;
	background: #fff2f2;
	font-size: 13px;
	line-height: 1.8em;
	box-shadow: rgba(64,0,0,0.6) 1px 1px 5px;
	border-radius: 15px;
}
.spec-box:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 70px;
	background: url(../the-thor/img/pin.png) no-repeat center center;
	background-size: 100% 100%;
	top: -35px;
	right: 5px;
	z-index: 2;
}
.spec-box p.midasi {
	background: #a83f3f;
	padding: 10px 30px;
	margin: 0 -30px 15px;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.3em;
	color: #fff;
	border-radius: 15px 15px 0 0;
}
.spec-box p.midasi a {
	color: #fff;
	display: block;
}
.spec-box p.midasi a:hover {
	color: #ff9;
}
.spec-head {
	overflow: hidden;
	font-size: 0;
	margin: 0 0 20px;
}
.spec-head figure {
	position: relative;
	display: inline-block;	
	width: 300px;
	height: 0;
	padding-top: 250px;
	background: #fff;background: transparent !important;
	vertical-align: middle;
	overflow: hidden;
	box-shadow: #aaa 2px 2px 6px inset; box-shadow: none !important;
	margin: 0 !important;
}
.spec-head figure img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	margin: auto;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	object-fit: cover;object-fit: contain !important;
}
.spec-head figure > p {
	position: absolute;
	margin: auto;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 48px;
	line-height: 1.1em;
	font-family:'Times New Roman', Times, serif;
	color: #777;
	transform: translateY(-50%);
	text-shadow: rgba(0,0,0,0.5) 0 0 15px;
}
.spec-head > div {
	display: inline-block;
	width: calc(100% - 320px);
	margin: 0 0 0 19px;
	vertical-align: middle;
	padding: 0 !important;
}
.spec-head > div .spec-table {
	width: 100% !important;
}
.spec-box > ul,
.spec-head ul {
	display: inline-block;display: block;
	box-sizing: border-box;
	padding: 10px 10px 20px 20px;
	width: -webkit-calc( 100% - 320px );
	width: calc( 100% - 320px );width: auto;
	margin-left: 20px; margin: 0;
	font-size: 16px;
	vertical-align: middle;
	background: #fff;
	box-shadow: #aaa 2px 2px 5px inset;
	border-radius: 8px;
	overflow: hidden;
}
.spec-box > ul {
	display: block;
	width: auto;
	margin: 0 0 20px;
}
/*
.spec-box > ul:before,
.spec-head ul:before {
	content: "おすすめPOINT！";
	display: block;
	margin: 0 -10px 15px -20px;
	padding: 5px;
	background: #c78c8b;
	text-align: center;
	color: #fff;
	font-weight: bold;
	box-shadow: #aaa 2px 2px 5px;
} */
.spec-box > ul:before,
.spec-head ul:before {
	display: none;
}
.spec-box p.point-midasi {
	display: block;
	margin: 0 !important;
	padding: 5px !important;
	background: #c78c8b;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.2em;
	box-shadow: #aaa 2px 2px 5px;
	border-radius: 8px 8px 0 0;
}
.spec-box p.point-midasi + ul {
	border-radius: 0 0 8px 8px !important;
}
.spec-box > ul li,
.spec-head ul li {
	line-height: 1.4em;
	margin: 10px 0 0 -5px;
	padding: 5px 5px 5px 27px;
	font-weight: bold;
	border-radius: 20px;
}
.spec-head ul li {
	animation: 6s y-flash linear infinite;
}
.spec-head ul li:nth-child(2) {
	animation-delay: 1s;
}
.spec-head ul li:nth-child(3) {
	animation-delay: 2s;
}
.spec-box > ul li:first-child,
.spec-head ul li:first-child {
	margin-top: 0;
}
.spec-box > ul li:before,
.spec-head ul li:before {
	content: "\2714";
	color: #d22 !important;
	display: inline-block;
	font-size: 270%;
	font-weight: bold;
	line-height: 1.1em;
	top: -12px;
	left: 0;
}
@keyframes y-flash {
	0% {
		background: #ff0;
	}
	10% {
		background: transparent;
	}
}
.pageContents .spec-table,
.postContents .spec-table {
	display: table;
	width: 100% !important;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 1px;
	margin: 20px 0;
}
.spec-table p {
	display: table-cell;
	padding: 0 10px 10px;
	background: #fff;
	width: 50%;
	text-align: center;
	font-size: 15px;
	line-height: 1.5em;
	box-shadow: rgba(64,0,0,0.2) 1px 1px 5px;
}
.spec-table p small {
	display: inline-block;
	font-size: 80%;
	line-height: 1.4em;
}
.spec-box b {
	color: #d22;
}
.spec-table p > i,
.spec-table p:before {
	content: attr(data-m);
	display: block;
	margin: 0 -10px 10px;
	padding: 5px;
	background: #c78c8b;
	text-align: center;
	color: #fff;
	font-style: normal;
	font-weight: bold;
	box-shadow: #aaa 2px 2px 5px;
}

.postContents .type-b .spec-table,
.pageContents .type-b .spec-table {
/*
	display: inline-block;
	float: right;
	width: calc( 100% - 340px ) !important;
*/
	position: relative;
	display: block;
}

.type-b .spec-table p {
	display: block;
	position: relative;
	padding: 10px 10px 10px 120px;
	margin: 0 0 1px !important;
	width: auto;
	background: linear-gradient(to right, #c78c8b 110px ,#fff 110px);
	text-align: left;
}
.type-b .spec-table p > i,
.type-b .spec-table p:before {
	margin: 0;
	padding: 10px;
	position: absolute;
	left: 0;
	top: 50%;
	width: 110px;
	background: transparent;
	box-shadow: none;
	transform: translateY(-50%);
	line-height: 1.2em;
	font-style: normal !important;
}
.spec-table p:before {
	display: none !important;
}
.spec-box nav {
	text-align: center;
}
.spec-box nav a {
	width: 100% !important;
	text-align: center;
	font-size: 24px !important;
}
.spec-box aside {
	position: relative;
	padding: 15px 20px;
	margin-top: 30px;
	font-size: 14px;
	vertical-align: middle;
	background: #fff;
	box-shadow: #aaa 2px 2px 5px inset;
	border-radius: 8px 0 8px 8px;
}
.spec-box aside > p.midasi,
.spec-box aside:before {
	content: "Notice";
	position: absolute;
	box-sizing: border-box;
	height: 27px;
	top: -27px;
	left: 50%;
	transform: translateX(-50%);
	background: #c78c8b;
	display: block;
	padding: 2px 40px;
	margin: 0;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-radius: 5px 5px 0 0;
	top: -2px;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 5px;
}
.spec-box aside:before {
	display: none !important;
}
.spec-box aside > p.midasi + p {
	margin-top: 0;
}
@media only screen and (max-width: 640px) {
	.spec-box-catch {
		padding: 10px;
		font-size: 14px;
	}
	.spec-box {
		padding: 0 20px 20px;
	}
	.spec-box p.midasi {
		margin: 0 -20px 10px;
		padding: 10px 20px;
	}
	.spec-head figure {
		display: block;	
		max-width: 100%;
		margin: 0 auto 15px;
	}
	.spec-head figure + div {
		margin-top: 15px;
	}
	.spec-head {
		margin-top: 10px !important;
	}
	.spec-head > div {
		display: block;
		width: auto;
		margin-left: 0;
	}
	.type-b .spec-head > div {
		display: inline-block;
		float: none;
		width: 52%;
		margin-left: 2%;
	}
	.type-b .spec-head {
		overflow: hidden;
	}
	.type-b .spec-head figure {
		width: 45%;
		padding-top: 37.5%;
		display: inline-block;
	}
	.postContents .type-b .spec-table,
	.pageContents .type-b .spec-table {
		width: 53% !important; width: 100% !important;
		margin-top: 0;
		margin-bottom: 0;
	}
	.type-b .spec-table p > i,
	.type-b .spec-table p:before {
		margin: 0;
		padding: 5px 0 !important;
		width: 80px;
		font-size: 12px;
		line-height: 1.3em;
		white-space: nowrap;
		text-align: center;
	}
	.type-b .spec-table p {
		padding: 7px 5px 7px 85px;
		background: linear-gradient(to right, #c78c8b 80px ,#fff 80px);
		font-size: 12px;
		line-height: 1.3em;
	}
	.spec-box > ul,
	.spec-head ul {
		display: block;
		width: auto;
		margin-left: 0;
		padding: 10px;
	}
	.spec-box > ul {
		margin: 0 0 15px;
	}
	.spec-head ul li,
	.spec-box > ul li {
		font-size: 14px;
		line-height: 1.4em;
		margin-top: 5px;
	}
	.spec-box > ul:before,
	.spec-head ul:before {
		margin: 0 -10px 10px;
		font-size: 14px;
		line-height: 1.3em;
	}
	.spec-box nav a.afbtn {
		font-size: 18px !important;
	}
}
@media only screen and (max-width: 580px) {
	.spec-box {
		padding: 0 15px 15px;
	}
	.spec-box p.midasi {
		margin: 0 -15px 15px;
		padding: 10px 15px;
	}
	.spec-box:after {
		width: 30px;
		height: 54px;
		top: -25px;
		right: 0;
	}
	.spec-table {
		display: block;
		position: relative;
	}
	.spec-table p {
		display: block;
		position: relative;
		padding: 10px 10px 10px 120px;
		margin: 0 0 1px !important;
		width: auto;
		background: linear-gradient(to right, #c78c8b 110px ,#fff 110px);
		text-align: left;
	}
	.spec-table p > i,
	.spec-table p:before {
		margin: 0;
		padding: 10px;
		position: absolute;
		left: 0;
		top: 50%;
		width: 110px;
		background: transparent;
		box-shadow: none;
		transform: translateY(-50%);
	}
	.branch_box nav a.afbtn > span {
		font-size: 15px !important;
	}
}
@media only screen and (max-width: 400px) {
	.spec-box {
		padding: 0 10px 10px;
	}
	.spec-box p.midasi {
		margin: 0 -10px 15px;
		padding: 10px;
	}
	.spec-head figure {
		width: 100%;
		padding-top: 83.3333%;
	}
	.spec-head figure > p {
		font-size: 15vw;
	}
}

/* 画像CVボタン用CSS */
.cv_txt{
	font-weight: bold;
	font-size: 21px;
	position: relative;
	top: 12px;
}
.con{
	display: inline-block;
}
.miniCon{
	margin: 4% 20px;
	text-align: center;
}
.miniCon a{
	display: block;
}
.miniCon a img {
	width: 425px;
	max-width: 100%;
}
.cv_txt + a.afbtn { margin-top: 18px; }
.ball{
	animation: ball 0.6s alternate infinite;
	-webkit-animation: ball 0.6s alternate infinite;
	-moz-animation: ball 0.6s alternate infinite;
}
@keyframes ball{
	0%   { transform:translate(0%, 0%) rotateX(15deg); }
	100% { transform:translate(0%, -10px); }
}
@media only screen and (max-width: 420px) {
	.miniCon {
		margin: 10px 0;
	}
	.cv_txt{
		font-size: 17px;
	}
}
@media only screen and (max-width: 360px) {
	.cv_txt{
		font-size: 15px;
	}
}

.popup-sim-btn {
	position: fixed;
	bottom: 55px;
	left: 10px;
	display: block;
	padding: 7px;
	border-radius: 30px / 20px;
	background: rgba(243, 152, 0, 0.8);
	width: calc(100% - 180px);
	border: solid #fff;
	border-width: 2px;
	z-index: 5;
	font-weight: bold;
	font-size: 12.5px;
	line-height: 1.2em;
	color: #fff;
	cursor: pointer;
	box-shadow: #fff 2px 2px 4px inset, rgba(64,0,0,0.5) -2px -2px 4px inset, rgba(0,0,0,0.6) 2px 2px 8px;
	animation: 0.7s bound infinite alternate;
	text-shadow: #a50 0 0 3px, #a50 0 0 10px;
	text-align: center;
}
.popup-sim-btn small {
	display: inline-block;
	font-size: 11.5px;
	background: transparent;
	margin: 0 !important;
	color: inherit;
}
.popup-sim-btn strong {
	font-size: 130%;
	line-height: 1.1em;
	letter-spacing: 8px;
}
.popup-sim-btn:before {
	content: "\2714";
	text-indent: 0;
	display: inline-block;
	font-size: 18px;
	animation: 1.7s yellow-blink infinite ease-out;
	color: #ff4;
}
@keyframes yellow-blink {
	0% {
		transform: scale(1.5,1.5) rotate(20deg);
	}
	20% {
		transform: scale(1.2,1.2) rotate(-15deg);
	}
	40% {
		transform: scale(1,1) rotate(0deg);
	}
	100% {
		transform: scale(1,1) rotate(0deg);
	}
}
@keyframes bound {
	0% {
		background: #fff;
		bottom: 0;
		transform: scale(1,0.9);
	}
	20% {
		background: rgba(243, 152, 0, 0.8);
	}
	100% {
		bottom: 20px;
		transform: scale(1,1.05);
	}
}
.popup-sim-btn:hover,
.popup-sim-btn:hover {
	background: #f39800;
	color: #ff4;
}
.popup-sim-btn:after {
	content: "＼" attr(data-text) "／";
	position: absolute;
	top: -18px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	color: #000;
	font-size: 11px;
	text-shadow: #fff 0 0 2px, #fff 0 0 4px, #fff 0 0 6px, #fff 0 0 10px;
}
.popup-sim-btn.wide p {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
}
.popup-sim-btn.wide p > span {
	display: inline-block;
	vertical-align: middle;
}
.popup-sim-btn.girl {
	animation: none;
	padding-right: 100px;
	z-index: 1500;
	min-width: 270px;
}
.popup-sim-btn.girl:before {
	content: "";
	display: block;
	position: absolute !important;
	background: url(../the-thor/img/girl2.png) no-repeat center center;
	background-size: 100% 100% !important;
	margin: 0;
	left: auto;
	right: 0;
	bottom: 0;
	width: 70px;
	height: 110px;
	filter: drop-shadow(rgba(0,0,0,0.6) 2px 2px 3px);
	transform: none;
	animation: none;
	z-index: 3;
}
.popup-sim-btn.girl:after {
	left: -10px;
	transform: translateY(-10px);
}
@media only screen and (max-width: 768px) {
	.popup-sim-btn.wide:before {
		display: none;
	}
	.popup-sim-btn.wide p {
		display: block;
	}
	.popup-sim-btn.wide {
		bottom: 0;
		left: 0;
		width: 100%;
		animation: none;
		border-radius: 5px;
		font-size: 18px;
		line-height: 1.2em;
		overflow: visible;
	}
	.popup-sim-btn.wide:after {
		font-size: 12px !important;
		color: #000;
		top: -20px;
		text-shadow: #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px;
	}
	.popup-sim-btn.wide small {
		font-size: 15px;
	}
	.popup-sim-btn.wide p:before {
		content: ">>";
		color: #ff8;
		position: static;
		transform: none;
		background: transparent;
		width: auto !important;
		height: auto;
		display: inline-block !important;
		position: static;
		margin-right: 0 !important;
		padding: 0 !important;
		margin-left: -300px;
		white-space: nowrap;
		font-size: 150% !important;
		line-height: 0.8;
		vertical-align: middle;
		text-align: right;
		animation: 1.2s arrow--l infinite ease-in-out;
	}
	.popup-sim-btn.wide p:after {
		content: "<<";
		color: #ff8;
		width: auto !important;
		display: inline-block !important;
		position: static;
		margin-right: -300px;
		padding: 0 !important;
		white-space: nowrap;
		font-size: 150% !important;
		line-height: 0.8;
		vertical-align: middle;
		text-align: left;
		animation: 1.2s arrow--r infinite ease-in-out;
	}
	.popup-sim-btn.wide p > span {
		animation: 1.2s text-flash infinite ease-in-out;
	}
	.l-footer {
		padding-bottom: 65px;
	}
	@keyframes arrow--l {
		0%{
			color: #ff8;
			letter-spacing: 80px;
			opacity: 0;
		}
		20%{
			opacity: 1;
		}
		60%{
			letter-spacing: 0;
			opacity: 1;
		}
		100%{
			color: #fff;
			opacity: 0;
		}
	}
	@keyframes arrow--r {
		0%{
			color: #ff8;
			margin-left: 80px;
			margin-right: -380px;
			letter-spacing: 80px;
			opacity: 0;
		}
		20%{
			opacity: 1;
		}
		60%{
			margin-left: 0;
			margin-right: -300px;
			letter-spacing: 0;
			opacity: 1;
		}
		100%{
			color: #fff;
			opacity: 0;
		}
	}
	@keyframes text-flash {
		0%{
			color: #ff8;
			text-shadow: #ff8 0 0 2px, #ff8 0 0 4px, #ff8 0 0 8px, #ff8 0 0 15px;
		}
		80%{
			color: #fff;
			text-shadow: 0;
		}
	}
}
@media only screen and (max-width: 600px) {
	.popup-sim-btn.girl {
		bottom: 0;
		left: 0;
		border-radius: 0;
		border-width: 2px 0 0;
		width: 100%;
		font-size: 17px;
		line-height: 1.2em;
		padding: 10px 90px 10px 10px;
	}
	.popup-sim-btn.girl:after {
		transform: translate(-50%, -5px);
		left: 45%;
	}
}

.popup-lists,
.popup-sim {
	display: none;
	box-sizing: border-box;
	position: fixed;
	left: 0;
	top: 0;
	padding: 90px 15px 20px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	overflow-y: auto;
	z-index: 10005;
}
.popup-lists-title {
	width: 100%;
	max-width: 600px;
	margin: 0 auto 5px;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4em;
	color: #fff;
	text-shadow: #000 0 0 3px, #000 0 0 6px, #000 0 0 10px;
}
.popup-lists .su-box ,
.popup-sim .simulation_box {
	box-sizing: border-box;
	margin: 0 auto !important;
	max-width: 600px;
}
.popup-sim .branch_heading,
.popup-sim .branch_box {
	box-sizing: border-box;
	margin: 0 auto !important;
	max-width: 680px;
	border: 2px solid #fff !important;;
}
.popup-sim .branch_heading {
	margin-bottom: -2px !important;
}
.popup-lists .su-box {
	font-size: 16px;
}
.popup-lists .su-box ul li:before {
	font-size: 170%;
	left:0;
	top: -6px;
}
.popup-sim .simulation_box_in table th {
	padding: 5px 10px;
}
.popup-sim .simulation_box p {
	line-height: 1.6em;
	margin: 0 0 25px;
}
.popup-lists-close,
.popup-sim-close {
	position: fixed;
	top: 5px;
	right: 15px;
	font-size: 45px;
	line-height: 0.8em;
	font-weight: bold;
	color: #fff;
	z-index: 1010;
	text-shadow: #000 0 0 15px;
	text-align: center;
	cursor: pointer;
}
.popup-lists-close small,
.popup-sim-close small {
	display: block;
	font-size: 11px;
	line-height: 1.2em;
	background: transparent;
}
.popup-lists-btn {
	position: fixed;
	right: 41px;
	bottom: 0;
	padding: 8px 12px 6px;
	display: block;
	background: rgba(168,63,63,0.8);
	color: #fff;
	cursor: pointer;
	text-align: center;
	transition: all 0.7s ease-out;
	border-radius: 8px 0 0 0;
	z-index: 10;
}
.popup-lists-btn:hover {
	background: rgba(168,63,63,0.6);
}
.popup-lists-btn.on {
	right: 0;
	transition: all 0.7s ease-out;
	padding: 11px 12px 10px;
}
@media only screen and (min-width: 600px) {
	.simulation_box_in > p {
		padding-right: 100px !important;
	}
	.popup-sim-btn {
		font-size: 14px;
		line-height: 1.2em;
		width: auto;
		left: 15px;
		bottom: 10px;
		padding: 10px 20px;
		animation: 0.7s pc-bound infinite alternate;
	}
	.popup-sim-btn:after {
		font-size: 13px;
	}
	@keyframes pc-bound {
		0% {
			background: #fff;
			bottom: 10px;
			transform: scale(1,0.8);
		}
		30% {
			background: rgba(243, 152, 0, 0.8);
		}
		100% {
			bottom: 40px;
			transform: scale(1,1);
		}
	}
	.popup-lists-btn {
		padding: 6px 12px 4px;
	}
	.popup-lists-title {
		font-size: 24px;
		line-height: 1.4em;
	}
}


/* レビューBOX */
.faq-box,
.review-box {
	position: relative;
	background: #fff2f2;
	padding: 10px;
	overflow-x: auto;
	margin: 0 0 40px!important;
	scrollbar-color: #a83f3f #fff2f2;
}
.review-box::-webkit-scrollbar {
	height: 16px;
	cursor: pointer;
}
.review-box::-webkit-scrollbar-track {
	background: #fff2f2;
	padding: 1px;
}
.review-box::-webkit-scrollbar-thumb {
	background: #a83f3f;
	border-radius: 10px;
	box-shadow: #fff2f2 0 0 0 2px inset, #fff2f2 0 0 0 1px;
	border: 1px solid #fff2f2;
}
p.faq-title,
p.review-title {
	margin: 30px 0 1px !important;
	padding: 10px 15px;
	background: #a83f3f;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.3em;
	color: #fff;
	border-radius: 8px 8px 0 0;
}
.review-box ul {
	display: table;
	border-spacing: 5px;
	table-layout: fixed;
	margin: 0 !important;
	width: 100%;
}
.review-box ul li {
	display: table-cell;
	width: 200px !important;
	padding: 10px;
	background: #fff;
	font-size: 13px;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 4px inset;
	overflow: hidden;
	border-radius: 5px;
}
.review-box ul li:before {
	display: none;
}
.review-box ul li .head {
	background: #f2d8d8;
	margin: -10px -10px 10px;
	padding: 5px 10px;
	border-bottom: 1px solid #fff2f2;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 4px;
}
.review-box ul li p {
	margin: 5px 0 0 !important;
}
.review-box ul li p:first-child {
	margin-top: 0 !important;
}
.review-box ul li p.spec {
	font-weight: bold;
	line-height: 1.4em;
	color: #c78c8b;
}
.review-box ul li p.value {
	font-size: 140%;
	line-height: 1em;
	color: #e8e8b0;
	background: #ffffe0;
	border-radius: 20px;
	padding: 3px 10px 2px;
	margin-left: -5px !important;
	margin-right: -5px !important;
	text-align: center;
	box-shadow: rgba(0,0,0,0.3) 1px 1px 2px inset;
}
.review-box ul li p.value b {
	color: #ff0;
	text-shadow: #fff -1px -1px 0, rgba(0,0,0,0.5) 1px 1px 3px;
}
.review-box ul li p.comment {
	text-align: justify;
	text-justify: inter-ideograph;
}
.faq-box dl dt {
	padding: 10px 10px 10px 55px;
	position: relative;
	background: #c78c8b;
	font-size: 17px;
	line-height: 1.4em;
	color: #fff;
	font-weight: bold;
}
.faq-box.close dl dt {
	cursor: pointer;
	padding-right: 40px;
}
.faq-box.close dl dt:after {
	content: "＋";
	position: absolute;
	font-size: 30px;
	font-weight: bold;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}
.faq-box.close dl dt.on:after {
	content: "－";
}
.faq-box dl dt > i {
	content: "Q.";
	position: absolute;
	left: 10px;
	top: 8px;
	background: #fff;
	padding: 2px 10px;
	color: #a83f3f;
	font-style: normal;
	font-weight: bold;
	border-radius: 5px;
}
.faq-box dl dd {
	background: #fff;
	border: solid #c78c8b;
	border-width: 0 2px 2px;
	padding: 10px;
	font-size: 17px;
	line-height: 1.8em;
	margin-bottom: 20px;
}
.faq-box dl dd:last-child {
	margin-bottom: 0;
}
.faq-box dl dd > i {
	content: "A. ";
	color: #a83f3f;
	font-style: normal;
	font-size: 120%;
	float: left;
	margin: -3px 0;
	vertical-align: bottom;
	font-weight: bold;
}
.faq-box dl dd > i + p {
	margin-top: 0 !important;
}
.faq-box.close dl dd {
	display: none;
}
/* ヒゲ脱毛用（.beard ） */
p.review-title.beard {
	background: #55a;
}
.review-box.beard  {
	background: #f2f2ff;
	scrollbar-color: #55a #f2f2ff;
}
.review-box.beard::-webkit-scrollbar-track {
	background: #f2f2ff;
}
.review-box.beard::-webkit-scrollbar-thumb {
	background: #55a;
	box-shadow: #f2f2ff 0 0 0 2px inset, #f2f2ff 0 0 0 1px;
	border: 1px solid #f2f2ff;
}
.review-box.beard ul li .head {
	background: #66a;
	border-bottom: 1px solid #f2f2ff;
	color: #fff;
}
.review-box.beard ul li p.spec {
	color: #fff;
}
.review-box.beard ul li p.value {
	background: #f2f2ff;
	color: #ccd;
}
.review-box.beard:before {
	color: #8c8bc7;
}
.related_links,
.related_links a {
	color: #fff;
}
.related_links {
	text-align: left;
	margin: 0 0 10px;
}
.related_links p {
	padding: 0 0 5px;
	margin: 0 0 5px;
	font-weight: bold;
	border-bottom: 1px solid #777;
}
.related_links a {
	display: inline-block;
	padding: 4px 10px 4px 0px;
}
.related_links a:before {
	content: "\25b8";
}
@media only screen and (min-width: 600px) {
	p.review-title {
		font-size: 28px;
	}
	.review-box {
		padding: 5px;
	}
	.review-box ul {
		border-spacing: 10px;
	}
	.review-box ul li {
		width: 280px !important;
		font-size: 14px;
		padding: 15px;
	}
	.review-box ul li .head {
		margin: -15px -15px 10px;
		padding: 10px 15px;
	}
	.review-box ul li p.comment {
		font-size: 15px;
	}
	.review-box ul li p.value {
		font-size: 180%;
	}
	.bottomFooter__navi {
		float: left;
		width: 44%;
	}
	.bottomFooter__copyright {
		clear: both;
	}
	.related_links {
		float: right;
		width: 55%;
	}
	.faq-box dl dd {
		padding: 15px;
	}
	.faq-box dl dd ul {
		margin-left: 15px;
	}
}
@media only screen and (max-width: 740px) {
	.review-box {
		padding-bottom: 30px;
	}
	.review-box:before {
		content: "スライドで閲覧可 \25b6";
		display: block !important;
		font-weight: bold;
		color: #c78c8b;
		position: absolute;
		left: 15px;
		bottom: 5px;
	}
	.review-box::-webkit-scrollbar {
		height: 7px;
	}
}

/* スマホでは、アーカイブ一覧を1列に。 */
@media only screen and (max-width: 480px) {
	#viewCard:checked~.archive .archive__item,
	.archive .archive__item {
		display: block !important;
		width: 100% !important;
		float: none !important;
	}
}
.image-btn {
	text-align: center;
	margin: 40px 0;
}
.image-btn a,
.image-btn small {
	margin: 0 !important;
	padding: 0 !important;
}
.image-btn small {
	display: inline-block;
	font-size: 26px;
}
.image-btn a {
	display: inline-block;
	position: relative;
	padding: 0 !important;
	color: #000 !important;
}
.image-btn a em {
	position: absolute;
	display: block;
	left: 50%;
	top: 10%;
	width: 90%;
	transform: translateX(-50%);
	z-index: 2;
	margin: 0 !important;
	padding: 5px 10px;
	border: 2px solid #fff;
	border-radius: 10px;
	font-style: normal;
	font-size: 32px;
	line-height: 1.2em;
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
	animation: 3s em-flash infinite linear;
}
.image-btn a em span {
	font-weight: bold;
	color: #ff0;
	animation: 1.5s yellow-blink infinite linear;
}
.image-btn a p:after {
	display: none !important;
}
.image-btn a img {
	margin: 0 !important;
}
@keyframes em-flash {
	0% {
		background: rgba(255, 255, 255, 0.7);
	}
	20% {
		background: rgba(255, 255, 255, 0.1);
	}
}
@keyframes yellow-blink {
	0% {
		color: #fff;
		text-shadow: #fff 0 0 2px, #fff 0 0 4px, #fff 0 0 6px, #fff 0 0 8px, #fff 0 0 12px;
	}
	50% {
		color: #ff0;
		text-shadow: 0;
	}
}
@media only screen and (max-width: 720px) {
	.image-btn small ,
	.image-btn a em {
		font-size: 4.5vw !important;
	}
	.image-btn a em{
		top: 8%;
	}
}
@media only screen and (max-width: 340px) {
	.image-btn small ,
	.image-btn a em {
		font-size: 4.2vw !important;
	}
	.image-btn a em{
		top: 8%;
		padding: 1%;
	}
}
.fix-afbtn {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 5;
	margin: 0 !important;
	text-align: center;
}
.fix-afbtn i {
	display: block;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 0 3px !important;
	color: #000;
	text-shadow: #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 2px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 4px, #fff 0 0 5px, #fff 0 0 6px, #fff 0 0 7px, #fff 0 0 8px, #fff 0 0 10px, #fff 0 0 12px;
}
.fix-afbtn p {
	margin: 0 !important;
}
.fix-afbtn a.afbtn {
	opacity: 0.8;
	margin: 0 !important;
	width: 100%;
	border-radius: 0;
	border-width: 2px 0 0;
}
.fix-afbtn a.afbtn:hover {
	opacity: 1;
}
@media only screen and (min-width: 768px) {
	.fix-afbtn a.afbtn > span > span.ib {
		min-width: 420px;
	}
}
@media only screen and (max-width: 768px) {
	.fix-afbtn a.afbtn {
		padding-right: 40px;
	}
	.fix-afbtn i {
		font-size: 13px;
	}
	.fix-afbtn a.afbtn {
		padding-right: 0;
		padding-left: 0;
	}
	.fix-afbtn a.afbtn > span {
		width: 100%;
	}
	.fix-afbtn a.afbtn > span > span.ib {
		/* max-width: 90%; */
		max-width: 100%;
	}
}
.star {
	color: #edc;
	font-size: 130%;
}
.star b {
	color: #fa0;
}

/* 分岐質問CSS */
.ib{ display: inline-block !important; }
.branch_box {
	position: relative;
	background: #faa;
	padding: 10px;
	overflow: visible;
	font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", osaka, sans-serif;
	margin: 0 0 10px !important;
	clear: both;
	border: 2px solid #faa !important;
	transition: all 0.5s linear;
	border-radius: 10px;
}
p.branch_heading {
	position: relative;
	margin: 10px 0 2px !important;
	padding: 12px 10px 10px;
	background: linear-gradient(180deg,  #e77 20%,#faa 100%);
	font-weight: bold;
	font-size: 21px;
	line-height: 1.2em;
	color: #fff;
	clear: both;
	border-radius: 8px;
	text-shadow: rgba(0,0,0,0.5) -1px -1px 0;
}
/*
p.branch_heading:before {
	content: attr(data-roll);
	font-weight: bold;
	font-family: 'Times New Roman', Times, serif;
	font-size: 68px;
	line-height: 1;
	position: absolute;
	top: -15px;
	right: 20px;
	color: #fdd;
	transform: translateX(50%) rotate(-15deg);
	z-index: 6;
	animation: 2s card-roll infinite linear;
	letter-spacing: -2px;
}
@keyframes card-roll {
	0% {
		transform: translateX(50%) perspective(500px) rotate(-15deg) rotateY(0deg);
		filter: brightness(1);
		text-shadow: #fff 0 0 3px, #fff 0 0 5px, #fff 0 0 7px, #fff 0 0 10px, #fff 0 0 15px;
	}
	30% {
		text-shadow: #fff 0 0 0, #fff 0 0 0, #fff 0 0 0, #fff 0 0 0, #fff 0 0 0;
	}
	50% {
		filter: brightness(0.5);
		transform: translateX(50%) perspective(500px) rotate(-15deg) rotateY(180deg);
	}
	100% {
		filter: brightness(1);
		transform: translateX(50%) perspective(500px) rotate(-15deg) rotateY(359deg);
		text-shadow: 0;
	}
}
*/
.roll {
  display: inline-block;
  animation: 2s roll infinite linear;
}
@keyframes roll {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.branch_box img {
	max-width: 100% !important;
}
.branch_box > div {
	position: relative;
	background: #fdd;
	border: 1px solid #fff;
	padding: 10px;
	margin: 0 !important;
	border-radius: 10px;
	overflow: hidden;
	z-index: 10;
}
.branch_box > div figure {
	margin: 0 0 10px;
	text-align: center;
}
.branch_box > div > p {
	font-weight: bold;
	font-size: 120%;
	padding: 15px 10px;
	margin: 0 0 10px;
	background: #fff;
	border-radius: 10px;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 3px inset;
	
}
.branch_box > div > p em {
	display: block;
	margin: -10px -5px -10px !important;
	background: #e77;
	background: linear-gradient(180deg,  #e77 50%,#faa 100%);
	padding: 10px;
	color: #fff;
	font-size: 110%;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,0.5) -1px -1px 0;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 2px;
	border-radius: 7px;
	text-align: center;
}
.branch_box > div > p small {
	font-size: 75%;
	font-weight: normal;
}
.branch_box > div .spec-box {
	text-align: left;
}
.branch_box > div > p.q-words {
	text-indent: -1.5em;
	padding: 15px 10px 15px 2em;
}
.branch_box > div > p.q-words:before {
	content: "Q.";
	font-family: 'Times New Roman', Times, serif;
	font-size: 150%;
	font-weight: bold;
	color: #d22;
}
.branch_box > div > nav {
	text-align: center;
}
.branch_box > div > nav > span {
	display: inline-block;
	box-sizing: border-box !important;
	padding: 0 5px !important;
	margin: 1.5% 0 !important;
	border: 3px solid #d55;
	background: #f37777;
	background: -moz-linear-gradient(-10deg,  #f37777 50%, #faa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-10deg,  #f37777 50%,#faa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(170deg,  #f37777 50%,#faa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: #fed 1px 1px 2px inset, rgba(0,0,0,0.5) 1px 1px 6px;
	text-shadow: #a66 -1px -1px 0;
	color: #fff !important;
	font-weight: bold;
	border-radius: 15px;
	font-size: 16px !important;
	line-height: 1.2em;
	text-align: center;
	cursor: pointer;
	width: 100%;
	height: 48px;
	vertical-align: middle;
	transition: all 0.5s linear;
}
.branch_box > div > nav > span:hover {
	border-width: 1px 4px 4px 1px;
	filter: brightness(1.2);
	transition: all 0.2s linear;
}
.branch_box > div > nav > span:active {
	border-width: 4px 1px 1px 4px;
	filter: brightness(1);
	transition: all 0.2s linear;
}
.branch_box > div > nav > .start {
	height: 80px !important;
	width: 100%;
	margin: 1.5% 0 !important;
}
.branch_box > div > nav > span:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.branch_box > div > nav > span > span{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	line-height: 1;
	top: 2px;
}
.branch_box > div:not(:first-of-type){
	display: none;
}
.branch_box > div > nav.reload {
	text-align: right;
}
.branch_box > div > nav.reload > span {
	display: inline-block;
	background: #fff !important;
	width: auto;
	height: auto;
	border-radius: 40px;
	padding: 0 15px 0 0 !important;
	margin: 0 !important;
	white-space: nowrap;
	color: #a60 !important;
	border: 0;
	text-shadow: none !important;
	font-size: 16px !important;
	line-height: 1;
	box-shadow: #c60 0 0 0 2px inset;
}
.branch_box > div > nav.reload > span > span {
	width: auto;
	height: auto;
	border-radius: 50%;
	padding: 8px 10px;
	margin: -2px 5px 2px 0 !important;
	background: #26a;
	background: -moz-linear-gradient(175deg, #f39800 0%, #ffd099 100%);
	background: -webkit-linear-gradient(175deg, #f39800 0%, #ffd099 100%);
	background: linear-gradient(175deg, #f39800 0%, #ffd099 100%);
	font-size: 40px !important;
	line-height: 1;
	border: 2px solid #c60;
	box-shadow: #fed 1px 1px 2px inset;
	text-shadow: #a60 -1px -1px 0;
	vertical-align: middle;
	color: #fff !important;
}
.branch_box > div > nav .afbtn,
.branch_box > div > nav .afbtn > span {
	font-size: 18px !important;
	line-height: 1.2em;
}
p.branch_heading small {
	display: block;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.2em !important;
	margin: 0 0 5px;
}
.branch_box > div dl dd nav p {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 12px;
	line-height: 1.2em;
}
.branch_box > div dl dd > .words {
	background: #fdd;
	margin: 10px 0 20px;
	padding: 10px;
	text-align: left;
	border-radius: 10px;
	border: 1px solid #faa;
}
.branch_box > div dl dd > .words table {
	table-layout: fixed;
}
.branch_box > div dl dd > .words table:last-child {
	margin-bottom: 0;
}
.branch_box > div dl dd > .words table th {
	background-color: #faa;
	color: #fff;
}
.branch_box > div dl dd figure {
	margin: 0 0 20px;
}
.afbtn > span,
.branch_box > div > nav .start > span {
	display: inline-block;
	position: relative;
	vertical-align: middle !important;
/*
	min-width: 100%;
*/
}
.arrow > span:before {
	content: ">>";
	color: #fff;
	display: inline-block;
	position: absolute;
	transform: translate(-100%, -50%);
	left: 0;
	top: 50%;
	white-space: nowrap;
	font-weight: normal;
	font-size: 120%;
	line-height: 1.3em;
	vertical-align: middle;
	animation: 1s arrow-move-l infinite ease-in-out;
}
.arrow > span:after {
	content: "<<";
	color: #fff;
	display: inline-block;
	position:  absolute;
	transform: translate(100%, -50%);
	right: 0;
	top: 50%;
	white-space: nowrap;
	font-weight: normal;
	font-size: 120%;
	line-height: 1.3em;
	vertical-align: middle;
	animation: 1s arrow-move-r infinite ease-in-out;
}
@keyframes arrow-move-l {
	0%{
		color: #fff;
		letter-spacing: 50px;
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80%{
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		color: #fff;
		opacity: 0;
	}
}
@keyframes arrow-move-r {
	0%{
		color: #fff;
		right: -50px;
		letter-spacing: 50px;
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80%{
		right: 0;
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		color: #fff;
		opacity: 0;
	}
}
.branch_box > div dl {
	background: #fff;
	border-radius: 5px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
	margin: 20px 0;
	padding: 0;
	text-align: center;
	overflow: visible;
}
.branch_box > div dl dt {
	background: #e77;
	background: linear-gradient(180deg,  #e77 50%,#faa 100%);
	padding: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,0.5) -1px -1px 0;
	border-radius: 5px 5px 0 0;
}
.branch_box > div dl dt small {
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2em;
}
.branch_box > div dl dd {
	padding: 10px;
}
.branch_box > div dl dd figure img {
	border: 1px solid #fff;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 6px;
}
.branch-last-banner {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	padding: 10px;
	max-width: 830px;
	margin: 0 auto 20px;
	background: #fff;
	border-radius: 10px;
}
.branch-last-banner a {
	display: inline-block;
	margin: 10px 0 20px;
}
@media only screen and (max-width: 640px) {
	.branch_box > div p.words {
		font-size: 16px;
		line-height: 1.4em;
	}
}
@media only screen and (min-width: 640px) {
	.branch-last-banner {
		font-size: 17px;
		line-height: 1.4em;
	}
	p.branch_heading {
		font-size: 28px;
		line-height: 1.2em !important;
		padding: 15px;
	}
	p.branch_heading:before {
		top: -20px;
    font-size: 88px;
    line-height: 1em;
	}
	.branch_box > div ,
	.branch_box {
		padding: 15px;
	}
	.branch_box > div > nav > span {
		font-size: 21px !important;
	}
	.branch_box > div > nav .afbtn,
	.branch_box > div > nav .afbtn > span {
		font-size: 24px !important;
		line-height: 1.2em;
	}
	.branch_box > div > nav.reload {
		padding: 0 !important;
	}
	.branch_box > div > nav > span {
		width: 45%;
		height: 84px;
		margin: 1.5% !important;
	}

	.branch_box > div dl dt {
		font-size: 150%;
		border-radius: 15px 15px 0 0;
	}
	.branch_box > div dl dd nav p {
		font-size: 17px;
	}
	.branch_box > div dl {
		border-radius: 15px;
		max-width: 830px;
		margin: 30px auto;
	}
	.branch_box > div dl dd {
		padding: 20px;
	}
}
.branch_box.blue {
	background: #bde;
	border: 0 !important;
	color: #000;
}
.branch_box.blue  > div dl dt ,
p.branch_heading.blue {
	background: linear-gradient(180deg, #4e9cb9 20%,#90bcdb 100%);
}
.branch_box.blue > div {
	background: #cfebff;
}
.branch_box.blue > div > nav > span {
	background: linear-gradient(175deg, #f39800 0%, #ffd099 100%);
	text-shadow: rgba(0,0,0,0.6) -1px -1px 0;
	border-color: #a50;
}
.branch_box.blue > div dl dd > .words {
	background: #cfebff;
	border-color: #bde;
}
.branch_box.blue > div dl dd > .words table th {
	background-color: #90bcdb;
	color: #fff;
}
.img-box {
	position: relative;
	margin: 40px 0;
	padding: 20px 20px 20px 32%;
}
.img-box > img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.img-words-box {
	position: relative;
	background: rgba(255,255,255,0.7);
	padding: 20px;
	border-radius: 15px;
	box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 6px;
	z-index: 1;
	font-size: 95%;
	line-height: 1.5em;
	margin: 0 !important;
	text-shadow: #fff 1px 1px 0, #fff -1px 1px 0, #fff 1px -1px 0, #fff -1px -1px 0;
}
.img-box.next {
	padding: 30% 10px 30px!important;
	min-height: 80%;
}

@media only screen and (max-width: 640px) {
	.img-box {
		padding: 28% 10px 10px 10px !important;
	}
	.img-words-box {
		padding: 10px;
		border-radius: 10px;
		line-height: 1.4em;
	}
}
/* WP Customer Reviews を the Thorテーマに対応させるためのCSS */
div.wpcr3_rating_style1_base ,
div.wpcr3_rating_style1_average ,
div.wpcr3_rating_style1_status ,
div.wpcr3_rating_style1_score ,
div.wpcr3_rating_style1_score div { margin:0 !important; }

/* 一方通行フローチャート */
.flowchart {
	position: relative;
	max-width: 800px;
	margin: 30px auto;
	padding: 20px;
	background: #f0f0f0;
	box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
}
.flowchart li {
	position: relative;
	background: #fff;
	padding: 10px;
	margin: 40px 0 0 !important;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
	z-index: 1;
}
.flowchart li:first-child {
	margin-top: 0 !important;
}
ul.flowchart li:before {
	display: none;
}
ol.flowchart li {
	padding-left: 40px !important;
}
ol.flowchart li:before {
	left: 10px;
	font-size: 20px;
	background: #c78c8b;
	color: #fff !important;
	font-weight: bold;
	border: 0;
	padding-top: 1px;
}
.flowchart li:after {
	content: "";
	display: block;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	top: 100%;
	width: 100px;
	height: 40px;
	background: #c78c8b;
	z-index: -1 !important;
	border-top: rgba(0, 0, 0, 0.5) solid 1px;
}
.flowchart li:nth-last-child(2):after {
	height: 10px;
}
.flowchart li:last-child:after {
	background: transparent;
	width: 0;
	height: 0;
	border: solid;
	border-color: #c78c8b transparent transparent;
	border-width: 30px 70px 0;
	top: -30px;
}
@media only screen and (max-width: 640px) {
	.flowchart {
		padding: 15px;
	}
	.flowchart li {
		margin: 30px 0 0 !important;
	}

	.flowchart li:last-child:after {
		border-width: 20px 70px 0;
		top: -20px;
	}
	ol.flowchart li {
		padding-left: 32px !important;
	}
	ol.flowchart li:before {
		left: 5px;
		font-size: 15px;
	}
}

.flowchart.v2 {
	background: #c78c8b;
}
.flowchart.v2 li:after {
	background: #fee;
}
.flowchart.v2 li:last-child:after {
	background: transparent;
	border-color: #fee transparent transparent;
}

.flowchart.v3 {
	background: #f0e0e0;
}
.flowchart.v3 li {
	background: #c78c8b;
	color: #fff;
}
.flowchart.v3 li:after {
	background: #fff;
}
.flowchart.v3 li:last-child:after {
	background: transparent;
	border-color: #fff transparent transparent;
}
ol.flowchart.v3 li:before {
	background: #fff;
	color: #c78c8b!important;
}


/* リッチリスト */
dl.rich_list {
	margin: 20px 0;
	padding: 0;
}
dl.rich_list dt {
	position: relative;
	background: #ffe0e0;
	padding: 12px 15px 10px;
	margin: 0 0 10px;
	border: 0 !important;
	line-height: 1.2em;
	font-weight: bold;
	color: #733;
	border-radius: 7px;
}
dl.rich_list dt:before {
	content: "";
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 12px 7px 0;
	border-color: #ffe0e0 transparent transparent;
	left: 50px;
	bottom: -12px;
}
dl.rich_list dt[style]:before {
	background: inherit !important;
	border-color: transparent #fff #fff !important;
}
dl.rich_list dd {
	padding: 0;
	margin: 0 0 15px !important;
	border: 0 !important;
	line-height: 1.5em;
}
dl.rich_list dd:last-child {
	margin-bottom: 0 !important;
}
.content dl.rich_list dd h3,
dl.rich_list dd h3,
.content dl.rich_list dd h4,
dl.rich_list dd h4,
.content dl.rich_list dd h5,
dl.rich_list dd h5,
.content dl.rich_list dd h6,
dl.rich_list dd h6 {
	margin: 0 0 5px !important;
	padding: 3px 0 2px 30px;
	background: url(../the-thor/img/icon-check.png) no-repeat left top !important;
	border: 0 !important;
	background-size: 28px 28px !important;
	font-size: 110%;
	line-height: 1.2em;
	color: #030 !important;
}
dl.rich_list dd h3:before,
dl.rich_list dd h6:before ,
dl.rich_list dd p br:first-child,
dl.rich_list dd h3 + br,
dl.rich_list dd h4 + br,
dl.rich_list dd h5 + br,
dl.rich_list dd h6 + br {
	display: none;
}
dl.rich_list dd h3 b,
dl.rich_list dd h4 b,
dl.rich_list dd h5 b,
dl.rich_list dd h6 b {
	color: #e22;
}
dl.rich_list dd p {
	margin: 0 0 0 20px !important;
	padding: 0;
	line-height: inherit;
}
.article-body dl.rich_list dd ul li {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.3em !important;
}
.article-body dl.rich_list dd ul li:before {
    background: #a8a8f4;
	top: 5px;
}
@media (max-width: 600px){
	dl.rich_list dt {
		padding: 10px 12px 8px;
	}
}

/* ▼▼▼▼▼ 新・業者BOX ▼▼▼▼▼ */
.gyosya-box {
	position: relative;
	background: #fff;
	padding: 20px;
	margin: 20px auto 40px;
	border-radius: 15px;
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 6px;
	border: 2px solid #fcc;
}
.gyosya-box b, .gyosya-box strong {
	color: #e22;
}
.gyosya-box .midasi {
	font-size: 220%;
	line-height: 1.2em;
	font-weight: bold;
	background: linear-gradient(transparent 70%, #fcc 30%);
}
.gyosya-box .midasi a,
.gyosya-box .midasi {
	color: #000;
}
.gyosya-box .midasi i {
	float: right;
	padding: 5px 10px;
	background: #8b8;
	color: #fff;
	font-style: normal;
	font-size: 14px;
	line-height: 1.4em;
	border-radius: 5px;
}
.gyosya-box-head {
	position: relative;
	font-size: 0;
	line-height: 0;
}
.gyosya-box-head > figure {
	display: inline-block;
	width: 300px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
.gyosya-box-head > div {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding: 0;
}
.gyosya-box-head > figure + div {
	display: inline-block;
	width: calc(100% - 315px);
	vertical-align: middle;
	margin: 0 0 0 15px;
	padding: 0;
	font-size: 1rem;
	line-height: 1.2em;
}
.gyosya-box-head > div > table {
	margin: 0 !important;
}
.gyosya-box-head > div > table th {
	text-align: center;
	font-weight: bold !important;
	white-space: nowrap;
}
.gyosya-box-head > div > table img[src*="icon"] {
	width: 32px;
	border-radius: 5px;
	margin-left: 3px;
}
.gyosya-box-head > div > table img[src*="icon"]:first-child {
	margin-left: 0;
}
.gyosya-box-contents {
	font-size: 120%;
	line-height: 1.4em;
}
.gyosya-box-contents table {
	table-layout: fixed;
}
.gyosya-box-contents table img {
	max-width: 100%;
	width: 80px;
}
.gyosya-box-contents table tr th,
.gyosya-box-contents table tr td {
	text-align: center;
	line-height: 1.2em;
}
.gyosya-box-contents table tr th {
	background: #11665d;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
}
.gyosya-box-point {
	position: relative;
	padding: 25px 20px 20px;
	border: 4px solid #fa0;
	border-radius: 10px;
	background: #fff2e0;
}
.gyosya-box-point .point-midasi {
	position: absolute;
	top: 0;
	left: 50%;
	background: #fff;
	border: 2px solid #fa0;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2em;
	padding: 5px 10px;
	border-radius: 20px;
	transform: translate(-50%, -55%);
	color: #fa0;
	white-space: nowrap;
}
.gyosya-box-point .point-midasi:before {
	font-family: "icomoon";
    content: "\ea06";
	font-weight: normal;
    font-size: 110%;
    line-height: 1;
    margin-right: 3px;
}
.gyosya-box-point ul {
	margin: 0;
}
.gyosya-box-point ul li {
	line-height: 1.2em;
}
.gyosya-box-point ul li:before {
	content: "";
	border: 0;
	width: 40px;
	height: 40px;
	background: url(../the-thor/img/icon-check.png) no-repeat left top !important;
	background-size: 100% 100% !important;
	left: -15px;
	top: -10px;
}
.gyosya-box > nav {
	text-align: center;
	margin:  20px 0;
	flex-direction: column;
}
.gyosya-box > nav p {
	margin: 0 !important;
}
.gyosya-box > nav .catch {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	margin: 0;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2em;
}
.gyosya-box > nav .catch:before,
.gyosya-box > nav .catch:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 1.5px;
	height: 100%;
	background: #000;
	transform: skewX(-35deg);
}
.gyosya-box > nav .catch:before {
	left: 0;
	transform: skewX(35deg);
}
.gyosya-box > nav a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 640px;
	height: 70px;
	margin: 0 auto;
	background: #d22;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2em;
	color: #fff;
	border-radius: 8px;
	box-shadow: #822 0 8px 0;
	transform-origin: center bottom;
	animation: 2.5s bound-btn linear infinite;
}
.gyosya-box aside {
	margin: 20px 0 0;
	padding: 0;
	text-align: right;
	font-size: 15px;
	line-height: 1.2em;
}
@keyframes bound-btn {
	0% {
		transform: scale(1,1);
	}
	5% {
		transform: scale(1,1.15);
	}
	10% {
		transform: scale(1,0.85);
	}
	15% {
		transform: scale(1,1.1);
	}
	20% {
		transform: scale(1,0.9);
	}
	25% {
		transform: scale(1,1.05);
	}
	30% {
		transform: scale(1,0.95);
	}
	35% {
		transform: scale(1,1);
	}
}
.gyosya-box > nav a:after {
	font-family: "icomoon";
	content: "\ea44";
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
	margin: 0 0 0 0.5em;
}
.gyosya-box > nav a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
.gyosya-box > nav a > span {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 1.8em);
}
@media (max-width: 780px) {
	.gyosya-box-head > figure {
		width: 40%;
	}
	.gyosya-box-head > figure + div {
		width: 58%;
		margin: 0 0 0 2%;
	}
}
@media (max-width: 600px){
	.gyosya-box {
		padding: 15px;
	}
	.gyosya-box .midasi {
		font-size: 170%;
		line-height: 1.2em;
	}
	.gyosya-box .midasi i {
		font-size: 12px;
		padding: 3px 7px;
	}
	.gyosya-box-head > div table {
		font-size: 2.5vw;
		line-height: 1.2em;
	}
	.gyosya-box-head > div table tr th ,
	.gyosya-box-head > div table tr td {
		padding: 3px;
	}
	.gyosya-box > nav .catch {
		font-size: 110%;
		line-height: 1.2em;
	}
	.gyosya-box-head > div > table img[src*="icon"] {
		width: 22px;
		margin-left: 2%;
	}
	.gyosya-box-contents {
		margin-top: 10px !important;
	}
	.gyosya-box-point {
		margin-top: 20px !important;
	}
	.gyosya-box aside {
		font-size: 14px;
	}
}
@media (max-width: 400px){
	.gyosya-box {
		padding: 10px;
		border-radius: 10px;
	}
	.gyosya-box .midasi {
		font-size: 150%;
		line-height: 1.2em;
	}
	.gyosya-box .midasi i {
		font-size: 11px;
	}
	.gyosya-box aside {
		font-size: 12px;
	}
}
/* ▲▲▲▲▲ 新・業者BOX ▲▲▲▲▲ */


/* カウントダウンタイマー */
.countdown-timer {
	text-align: center;
	font-size: 24px;
	line-height: 1.4em;
	margin: 10px auto 20px;
	vertical-align: middle;
	color: #000;
}
.countdown-timer strong,
.countdown-timer b {
	font-size: 130%;
	color: #d22;
}
.countdown-timer .timer {
	display: inline-block;
	background: #008837;
	padding: 6px 10px 4px;
	margin: 5px;
	vertical-align: middle;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	border-radius: 5px;
}
.countdown-timer .timer:before {
	content: "\e958";
	font-family: icomoon;
	font-weight: normal;
	vertical-align: -1px;
	margin-right: 3px;
}
.countdown-timer .timer strong,
.countdown-timer .timer b {
	color: #ff7;
}
@media only screen and (max-width: 480px) {
	.countdown-timer {
		font-size: 6vw;
		line-height: 1.4em;
	}
	.spec-box .countdown-timer {
		font-size: 5.3vw;
		line-height: 1.4em;
	}
}

/* テーブル開閉システム */
.table-close {
	position: relative;
	margin-bottom: 0 !important;
}
.table-close table,
table.table-close {
	table-layout: fixed;
	margin-bottom: 0 !important;
}
.table-close + p.table-open {
	position: sticky;
	left: 0;
	display: block;
	padding: 5px 15px;
	margin: 5px 0 20px;
	width: fit-content;
	background: #A83F3F !important;
	background: linear-gradient(175deg,  #acf 0%,#013377 80%);
	color: #fff !important;
	border-radius: 20px;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.4em;
	border: 2px solid #fff;
	box-shadow:rgba(0, 0, 0, 0.5) 2px 2px 5px;
}

/* 読み込めないBOX */
.unselect-box {
	background: #fff2f2;
	border-radius: 10px;
	overflow: hidden;
	margin: 20px 0 40px;
	position: relative;
}
.unselect-box:before {
	content: "レイクの詳細情報";
	display: block;
	white-space: pre-wrap;
	color: #a10;
	background: #f8e0d8;
	font-size: 14px;
	line-height: 1.3em;
	padding: 10px;
	position: relative;
}
.content .unselect-box:after {
	content: '【商品名】\A レイク\A 【貸付利率（年率）】\A 4.5％～18.0％\A ※貸付利率はご契約額およびご利用残高に応じて異なります。\A 【融資までの時間】\A Webなら最短25分\A ※21時（日曜日は18時）までのご契約手続き完了（審査・必要書類の確認含む）で、当日中にお振込みが可能です。\A ※審査結果によってはWebでのご契約手続きが行えない場合もございます。\A ※年末年始や一部金融機関および、メンテナンス時間等を除きます。\A ※初めてご利用のお客さまへの当日ご融資は、8～22時(毎月第3日曜日は8~19時)となっております。\A 【無利息期間】\A 30日・60日・180日から選べる無利息\A ※1 30日間無利息、60日間無利息、180日間無利息の併用はできません。\A ※2 Webからの初めてのお申込みで60日無利息を選択できます。\A ※3 お借入れ額5万円までの場合180日間無利息を選択できます。\A ※4 初回契約翌日から無利息適用となります。\A ※5 無利息期間経過後は通常金利が適用されます。\A 【融資限度額】\A 1万円～500万円\A 【申込資格】\A 年齢が満20歳以上70歳以下の国内に居住する方\A 日本の永住権を取得されている方\A 安定した収入のある方（パート・アルバイトで収入のある方も可）\A 【遅延損害金（年率）】\A 20.0％\A 【返済方式】\A 残高スライドリボルビング方式\A 元利定額リボルビング方式\A 【返済期間・返済回数】\A 最長5年・最大60回\A ※融資枠の範囲内での追加借入や繰上返済により、返済期間・回数は変動します。\A 【必要書類】\A 運転免許証・健康保険証等\A 収入証明（契約額に応じて、新生フィナンシャルが必要とする場合、年収証明書・所得証明書の提出が必要となります）\A 【担保の有無】\A 不要\A 【商号】\A 新生フィナンシャル株式会社\A 【貸金業者登録番号】\A 関東財務局長(11) 第01024号\A 日本貸金業協会会員第000003号\A 【会社住所】\A 東京都千代田区外神田三丁目12番8号\A 【電話番号】\A 0120-09-09-09';
	display: block !important;
	white-space: pre-wrap;
	font-size: 13px;
	line-height: 1.5em;
	padding: 10px;
	position: relative;
}
.unselect-box[data-title]:before {
	content: attr(data-title);
}
.unselect-box[data-words]:after {
	content: attr(data-words);
}
.unselect-box {	/* ※ 読み込めないBOX 削除（2024/6/26） */
	display: none;
}


/* ■■■■■ 貸付条件 .loan-conditions-box ■■■■■ */
.loan-conditions-box {
	margin: 20px 0;
	font-size: 11px;
	line-height: 1.4em;
}
.loan-conditions-box label {
    position: relative;
    display: block;
    font-weight: bold;
    font-size: 120%;
    line-height: 1.4em;
    cursor: pointer;
}
.loan-conditions-box label:before {
	content: "▼貸付条件";
}
.loan-conditions-box label:has(input:checked):before {
	content: "▲貸付条件";
}
.loan-conditions-box label input {
    display: none;
}
.loan-conditions-box > div {
    max-height: 0;
    margin: 0;
	padding: 0 10px;
    overflow: hidden;
    opacity: 0;
	border: 0;
    transition: all 0.3s linear;
}
.loan-conditions-box:has(input:checked) > div {
    max-height: 1200px;
    padding: 10px;
    opacity: 1;
    transition: all 0.3s linear;
	border: 1px solid #ccc;
}
.loan-conditions-box > div > div:before {
	background: #999;
	display: block;
	width: fit-content;
	padding: 5px 10px;
	color: #fff;
}
.loan-conditions-box > div > div:after {
	display: block;
	margin: 10px 0;
	white-space: pre-wrap;
}
.loan-conditions-box > div > div.aiful:before {
	content: "▼アイフル 貸付条件";
}
.loan-conditions-box > div > div.aiful:after {
/*	content: "商号：アイフル株式会社\A登録番号：近畿財務局長(14)第00218号\A貸付利率：3.0%～18.0%（実質年率）\A遅延損害金：20.0％（実質年率）\A契約限度額または貸付金額：800万円以内(要審査)\A返済方式：借入後残高スライド元利定額リボルビング返済方式\A返済期間・回数：借入直後最長14年6ヶ月（1～151回）\A担保・連帯保証人：不要";*/
	content: "商号：アイフル株式会社\A登録番号：近畿財務局長(14)第00218号\A貸付利率：3.0%～18.0%（実質年率）\A遅延損害金：20.0％（実質年率）\A契約限度額または貸付金額：800万円以内(要審査)\A返済方式：借入後残高スライド元利定額リボルビング返済方式\A返済期間・回数：借入直後最長14年6ヶ月（1～151回）\A担保・連帯保証人：不要";
}
.loan-conditions-box > div > div.lake:before {
	content: "▼レイク 貸付条件";
}
.loan-conditions-box > div > div.lake:after {
/*	content: "【貸付条件】\A貸金業者の商号：新生フィナンシャル株式会社\A関東財務局番号・登録番号：関東財務局長(11) 第01024号\A協会員番号：日本貸金業協会会員第000003号 \A貸付利率：年率4.5％～18.0％\A※貸付利率はご契約額およびご利用残高に応じて異なります。\A返済方式：残高スライドリボルビング方式・元利定額リボルビング方式\A返済期間・返済回数：最長5年・最大60回\A※融資枠の範囲内での追加借入や繰上返済により、返済期間・回数は変動します。\A遅延損害金（年率）：20.0％\A担保の有無：不要\A【無利息】\A・初回契約日の翌日から無利息\A・お借入れ額5万円まで180日間無利息\A・無利息期間経過後は通常金利適用\A・30日間無利息、60日間無利息（Webでのお申込み限定）、180日間無利息の併用はできません\A・60日間無利息（Webでのお申込み限定）・180日間無利息はご契約額が1~200万円の方が対象です\A・ご契約額が200万以上の方は30日間無利息のみ利用可能です";*/
	content: "【無利息】\A・初回契約日の翌日から無利息\A・お借入れ額5万円まで180日間無利息\A・無利息期間経過後は通常金利適用\A・30日間無利息、60日間無利息（Webでのお申込み限定）、180日間無利息の併用はできません\A・60日間無利息（Webでのお申込み限定）\A・180日間無利息はご契約額が1～200万円の方が対象です\A・ご契約額が200万以上の方は30日間無利息のみ利用可能です";
	content: "【無利息】\A・365日間無利息\A※初めてのご契約\A※Webでお申込み・ご契約、ご契約額が50万円以上（お借入額1万円でも可能）でご契約後59日以内に収入証明書類の提出とレイクでの登録が完了の方\A\A・60日間無利息\A※初めてのご契約\A※Webお申込み、ご契約額が50万円未満の方\A\A・無利息期間経過後は通常金利適用\A・初回契約翌日から無利息適用\A・他の無利息商品との併用不可";
}
.loan-conditions-box > div > div.lake-plus:before {
	background: transparent;
	display: block;
	padding: 0;
	margin: 0;
	color: #000;
	content: "【貸付条件】";
}
.loan-conditions-box > div > div.lake-plus {
	margin-top: 10px;
}
.loan-conditions-box > div > div.lake-plus:after {
	display: none;
}
.loan-conditions-box > div > div.lake-plus > a:before {
	content: "・貸付条件はこちら";
}

/* PR表記（the Thor用） */
.l-main.pr .dateList-main {
	position: relative;
}
.l-main.pr .dateList-main:before {
	content: "PRあり";
	padding: 3px 7px;
	margin-right: 5px;
	background: #fff;
	color: #555;
	border: 1px solid #777;
	font-size: 14px;
	line-height: 1.1em;
	font-weight: bold;
	border-radius: 2px;
}
.l-main.pr .dividerBottom:after {
	content: "※当サイトでは、アコム・プロミス・アイフル・SMBCモビット・レイクを含み、他案件でも委託を受けアフィリエイトプログラムを利用しているためプロモーションが含まれます。";
	display: block;
	margin-top: 20px;
	padding: 10px 10px 10px 25px;
	text-indent: -1em;
	font-size: 90%;
	line-height: 1.2em;
	border: 1px solid #999;
	border-radius: 5px;
}

.l-main.pr .dividerBottom:after {
	content: "※当サイトでは、プロミス・アイフル・SMBCモビット・レイクを含み、他案件でも委託を受けアフィリエイトプログラムを利用しているためプロモーションが含まれます。\A※当サイトでは、アフィリエイトプログラムを利用し、アコム社・株式会社セブン銀行から委託を受け広告収益を得て運用しております。";
	padding: 10px;
	text-indent: 0;
	white-space: pre-wrap;
}
@media (max-width: 680px){
	.l-main.pr .dateList-main:before {
		font-size: 12px;
	}
}



:root{--bg-color-black:#0c0c0c;--bg-color-gray:#f7f7f7;--text-color-black:#0c0c0c;--text-color-red:#da1c1c;--bg-text-color-wht:#eee;--bg-text-color-black:#1a1a1a}
.footer__logoarea{background-color:var(--bg-color-black)}
.l-container.w-footer.-col1 {
    font-family:'Noto Sans JP', sans-serif;
    font-weight:500;
    /* cursor: crosshair !important; */
	background-color:var(--bg-text-color-black);
}
.l-container.w-footer.-col1,
.l-container.w-footer.-col1 a {
    /* cursor: crosshair !important; */
}
.en {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.footer__sitemap-upper .item li, .footer__sitemap-upper .item ul {margin-left: 0; padding-left: 0;}
.l-container.w-footer.-col1 .submenu {
	text-align: center;
	padding-bottom: 30px;
}
.l-container.w-footer.-col1 .submenu li {
	display: inline-block;
	border-right: 1px solid #a0a0a0;
	margin-left: -0.3em;
}
.l-container.w-footer.-col1 .submenu li:first-child {
	border-left: 1px solid #a0a0a0;
	margin-left: 0;
}
.l-container.w-footer.-col1 .submenu li a {
	display: block;
	color: #a0a0a0;
	font-size: 13px;
	padding: 0 10px;
}
@media screen and (min-width: 897px){
    .footer__logoarea, .footer__sitemap-upper{padding:60px 10%; width: 100%;}
}
@media screen and (max-width: 896px){
    .footer__logoarea, .footer__sitemap-upper{padding:40px 5%; width: 100%;}
	.l-container.w-footer.-col1 .submenu {
		padding: 0 2%;
	}
	.l-container.w-footer.-col1 .submenu li {
		width: 50%;
		border: 0 !important;
		margin-left: -0.3em;
	}
	.l-container.w-footer.-col1 .submenu li a {
		padding: 8px 10px;
		text-align: left;
		font-size: 12px;
	}
}
@media screen and (min-width: 897px){
    .footer__logoarea-logo{width:350px}
}
.footer__sitemap{background-color:#1f1f1f;}
.footer__sitemap-upper{display:flex;justify-content:space-between; font-size: 13px;}
@media screen and (max-width: 896px){
    .footer__sitemap-upper{flex-wrap:wrap}
}
@media screen and (max-width: 896px){
    .footer__sitemap-upper .item{width:100%}
    .footer__sitemap-upper .item:not(.footer__sitemap-upper .item:first-child){margin-top:50px}
}
@media screen and (min-width: 897px){
    .footer__sitemap-upper .item a:hover, .l-footer__nav li a:hover{color:var(--text-color-red)}
}
.footer__sitemap-upper h4{color:#fff; font-size: .8em;}
.footer__sitemap-upper h4 a{color:#fff;text-decoration: none;}
@media screen and (min-width: 897px){
    .footer__sitemap-upper h4 a:hover, .l-footer__nav li a:hover{color:var(--text-color-red)}
    .footer__sitemap-upper h4 a:hover .jp.arrow:before{border-left:5px solid var(--text-color-red)}
}
.footer__sitemap-upper h4 .en{display:block;font-size:2em;letter-spacing:0.1em}
.footer__sitemap-upper h4 .jp{display:inline-block;padding-right:12px;margin-top:10px;font-size:1.2em;font-weight:500;line-height:1;letter-spacing:0.1em}
.footer__sitemap-upper h4 .jp.arrow{position:relative}
.footer__sitemap-upper h4 .jp.arrow:before{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);border-style:solid;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #ffffff;border-right:0;transition:.35s ease-out}
.footer__sitemap-upper ul{padding-left:15px;border-left:1px solid #535353}
@media screen and (min-width: 897px){
    .footer__sitemap-upper ul{margin-top:30px}
}
@media screen and (max-width: 896px){
    .footer__sitemap-upper ul{margin-top:20px}
    .l-footer__nav li {width: 50%;}
}
.footer__sitemap-upper li:not(.footer__sitemap-upper li:first-child){margin:10px 0 0; padding: 0;}
.footer__sitemap-upper li a {font-size:1.1em;line-height: 1.2em;color:#a0a0a0; text-decoration: none;}
.l-footer__nav li a {color:#a0a0a0;}


.header{display:flex;align-items:center;position:fixed;top:0;left:0px;width:100%;z-index:10001;transition:.35s ease-out}
.header{background-color:#101010}
.header ul, .header .submenu li { padding: 0 !important; margin: 0 !important;}
.header li {list-style: none !important;}
@media screen and (min-width: 897px){
	.header.on .logo,.header.bgon .logo{width:72px}
}
@media screen and (min-width: 897px){
	.header{padding:0 4.28%}
	.header .sp {display: none;}
	.header .pc {display: inherit;}
}
@media screen and (max-width: 896px){
	.header{justify-content:space-between;padding:8px 5%}
	.header .sp {display: inherit;}
	.header .pc {display: none;}
}
.header.on{background-color:#000}
@media screen and (min-width: 897px){
	.header .logo{width:82px;transition:.35s ease-out}
}
@media screen and (max-width: 896px){
	.header .logo{position:relative;z-index:10;width:15%}
}
.header .logo a{display:block;position:relative}
@media screen and (min-width: 897px){
	.header .logo a:before{content:'';position:absolute;top:0;left:0;width:100%;height:58px;background-image:url(../../img/common/logo_wht.png);background-repeat:no-repeat;background-position:0 0;background-size:cover;opacity:0;transition:.35s ease}
}
.header .menubtn{position:relative;width:40px;height:40px}
@media screen and (max-width: 896px){
	.header .menubtn{position:relative;z-index:10}
}
.header .menubtn.close .bar{background-color:#000}
.header .menubtn.close .bar:first-child{transform:translate(-50%, -50%) rotate(45deg);margin-top:0}
.header .menubtn.close .bar:nth-child(2){transform:translate(-50%, -50%) rotate(-45deg);margin-top:0}
.header .menubtn.close .text{color:#000}
.header .menubtn .bar{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:2px;background-color:#fff;transition:.35s ease}
@media screen and (min-width: 897px){
	.header .menubtn .bar:first-child{margin-top:-2px}
	.header .menubtn .bar:nth-child(2){margin-top:2px}
}
@media screen and (max-width: 896px){
	.header .menubtn .bar:first-child{margin-top:-3px}
	.header .menubtn .bar:nth-child(2){margin-top:3px}
}
.header .menubtn .text{position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);font-size:1rem;color:#fff}
@media screen and (min-width: 897px){
	.nav{display:flex;align-items:center;margin-left:auto;justify-content: flex-end;}
}
@media screen and (max-width: 896px){
	.nav{overflow-y:scroll;position:fixed;top:0;left:0;transform:translate(100%, 0);width:100%;height:100%;padding:100px 8% 120px;background-color:#fff;transition:.5s ease}
	.nav.on{transform:translate(0, 0)}
}
@media screen and (min-width: 897px){
	.nav__main{display:flex;align-items:center}
}
@media screen and (max-width: 896px){
	.nav__main{margin-top:20px}
}
@media screen and (min-width: 897px){
	.nav .mainmenu{position:relative;margin-left:40px}
	.nav .mainmenu:hover{cursor:pointer}
	.nav .mainmenu:hover .submenu{opacity:1;height:auto;visibility:inherit}
}
@media screen and (max-width: 896px){
	.nav .mainmenu{margin-bottom:50px}
	.nav .mainmenu:last-child{width:100%}
}
.nav .linktxt{position:relative;letter-spacing:0.1em}
@media screen and (min-width: 897px){
	.nav .linktxt{display:inline-block;padding:30px 5px;font-size:1.4rem;font-weight:900;color:#fff}
	.nav .linktxt:hover{color:var(--text-color-red)}
	.nav .linktxt.nohover:hover{color:#fff}
}
@media screen and (max-width: 896px){
	.nav .linktxt.splink{position:relative;display:block;font-size:1.2rem;font-weight:500;color:var(--text-color-red)}
	.nav .linktxt.splink .en{display:block;font-size:1.4rem;font-weight:700;letter-spacing:.1em}
	.nav .linktxt.splink .jp{position:relative;display:inline-block;padding-right:10px;margin-top:8px}
	.nav .linktxt.splink .jp.arrow:before{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);border-style:solid;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--text-color-red);border-right:0}
}
.nav .linktxt.contactbtn{padding:13px 52px 15px 27px;border:1px solid var(--text-color-red);border-radius:22px;background-color:var(--text-color-red);background-image:url(../../img/common/icon_nav_contact.png);background-size:15px;background-repeat:no-repeat;color:#fff}
@media screen and (min-width: 897px){
	.nav .linktxt.contactbtn{background-position:86% center}
}
@media screen and (max-width: 896px){
	.nav .linktxt.contactbtn{background-position:70% center}
}
.nav .linktxt.contactbtn:before{display:none}
@media screen and (min-width: 897px){
	.nav .linktxt.contactbtn:hover{background-color:#fff;background-image:url(../../img/common/icon_contact.svg);color:var(--text-color-red)}
}
@media screen and (max-width: 896px){
	.nav .linktxt.contactbtn{display:block;margin:60px auto 0;font-size:1.4rem;text-align:center}
}
@media screen and (max-width: 896px){
	.nav .sptxt{position:relative;color:var(--text-color-red)}
	.nav .sptxt .en{display:block;font-size:1.6rem;font-weight:700;letter-spacing:.1em}
	.nav .sptxt .jp{position:relative;display:inline-block;padding-right:10px;margin-top:8px;font-size:1.2rem;font-weight:500;letter-spacing:0.1em}
	.nav .sptxt .jp.arrow:before{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);border-style:solid;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--text-color-red);border-right:0}
}
@media screen and (min-width: 897px){
	.nav .submenu{position:absolute;bottom:0;left:0;transform:translateY(100%);background-color:#141414;opacity:0;height:0;visibility:hidden;transition:opacity .3s ease-out}
}
@media screen and (max-width: 896px){
	.nav .submenu{margin-top:24px}
}
.nav .submenu li{white-space:nowrap}
@media screen and (max-width: 896px){
	.nav .submenu li:not(.nav .submenu li:first-child){margin-top:16px}
}
.nav .submenu a{font-size:1.2rem;font-weight:500}
@media screen and (min-width: 897px){
	.nav .submenu a{display:block;padding:16px 26px;color:#fff}
	.nav .submenu a:hover{cursor:pointer;background-color:var(--text-color-red)}
}
@media screen and (max-width: 896px){
	.nav .submenu a{position:relative;letter-spacing:0.1em;line-height:1.2;color:#0c0c0c}
}
@media screen and (max-width: 896px){
	.nav__submenu{display:flex !important;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
	.nav__submenu li{width:47%;margin:20px 0 0;padding: 0;}
	.nav__submenu li a{position:relative;display:inline-block;padding-right:12px;color:#a0a0a0}
}
@media screen and (max-width: 896px) and (min-width: 897px){
	.nav__submenu li a{font-size:1rem}
}
@media screen and (max-width: 896px) and (max-width: 896px){
	.nav__submenu li a{font-size:1.1rem}
}
@media screen and (max-width: 896px){
	.nav__submenu li a:before{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);border-style:solid;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #a0a0a0;border-right:0}
}
@media screen and (max-width: 896px){
	.t-logoSp30{padding-top: 11.5% !important;padding-top: calc(15px + 9%) !important;}
}
@media screen and (min-width: 897px){
	.t-logoPc50{padding-top:75px !important;}
	.t-logoPc50.customize-support{padding-top:75px !important;}
	.t-logoPc50.customize-support .header{top:30px;}
}
/*記事装飾追加*/
:root{--color_main:#927575;
	--color_bg:#fdfdfd;
	--color_border: hsla(0, 0%, 78%, .5);
	--color_gray: hsla(0, 0%, 78%, .15);
	--color_icon_check: #86d67c;
	--box_padding:1.5em;
	--color_icon_good: #3cd250;
		--color_icon_good_bg: #ecffe9;
		--color_icon_bad: #4b73eb;
		--color_icon_bad_bg: #eafaff;
		--color_icon_info: #f578b4;
		--color_icon_info_bg: #fff0fa;
		--color_icon_announce: #ffa537;
		--color_icon_announce_bg: #fff5f0;
		--color_icon_pen: #7a7a7a;
		--color_icon_pen_bg: #f7f7f7;
		--color_icon_book: #787364;
		--color_icon_book_bg: #f8f6ef;
		--color_icon_point: #ffa639;
		--color_icon_check: #86d67c;
		--color_icon_batsu: #f36060;
		--color_icon_hatena: #5295cc;
		--color_icon_caution: #f7da38;
		--color_icon_memo: #84878a;
		--swl-box_shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 4px 4px -4px rgba(0, 0, 0, .1);
		--corgi-box_shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 4px 4px -4px rgba(0, 0, 0, .1);
	}
	
	.is-style-bg_stripe {
		background: linear-gradient(-45deg, transparent 25%, var(--color_gray) 25%, var(--color_gray) 50%, transparent 50%, transparent 75%, var(--color_gray) 75%, var(--color_gray));
		background-clip: padding-box;
		background-size: 6px 6px;
		padding: var(--box_padding);
			position: relative;
	}
	
	.is-style-bg_grid {
		background-image: linear-gradient(transparent calc(100% - 1px), var(--color_gray) 50%, var(--color_gray)), linear-gradient(90deg, transparent calc(100% - 1px), var(--color_gray) 50%, var(--color_gray));
		background-repeat: repeat;
		background-size: 16px 16px;
		padding: var(--box_padding);
	}
	.is-style-crease {
		background-color: #f7f7f7;
		padding: calc(.5em + 20px);
		position: relative;
	}
	.is-style-crease:before {
		background-color: inherit;
		border-color: var(--color_bg) var(--color_bg) rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
		border-style: solid;
		border-width: 0 20px 20px 0;
		box-shadow: -1px 1px 1px rgba(0, 0, 0, .05);
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 0;
	}
	.is-style-stitch {
		background: #f7f7f7;
		color: #5f5a59;
		display: block;
		font-style: normal;
		padding: var(--box_padding);
		position: relative;
	}
	.is-style-note_box:before,
	.is-style-stitch:before {
		border: 1px dashed hsla(0, 0%, 78%, .6);
		border-radius: inherit;
		content:"";;
		display: block;
		height: calc(100% - 12px);
		left: 6px;
		pointer-events: none;
		position: absolute;
		top: 6px;
		width: calc(100% - 12px);
	}
	.is-style-balloon_box, .is-style-sticky_box {
		line-height: 1.4;
		position: relative;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	.is-style-balloon_box {
		background-color: var(--color_main);
		border-radius: 2px;
		color: #fff;
		min-width: 2em;
		padding: .5em 1.25em;
	}
	.is-style-balloon_box::before {
	border: 12px solid transparent;
	border-top: 12px solid var(--color_main);
	bottom: -22px;
	content: "";
	height: 0;
	left: 1.25em;
	position: absolute;
	visibility: visible;
	width: 0;
	}
	.is-style-balloon_box2, .is-style-emboss_box, .is-style-sticky_box {
		background-color: #fff;
		color: #333;
	}
	.is-style-balloon_box2 {
		border: 1px solid;
		border-radius: 2px;
		line-height: 1.4;
		min-width: 2em;
		padding: .5em 1.25em;
		position: relative;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	.content p.is-style-balloon_box2:before {
		background: inherit;
		border-bottom: 1px solid;
		border-right: 1px solid;
		bottom: -7px;
		content: "";
		height: 12px;
		left: 1.25em;
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		visibility: visible;
		width: 12px;
	}
	div.has-border{
	margin-bottom: 20px;
	}
	.has-border, div.has-background, p.has-background {
		padding: var(--box_padding);
	}
	.has-border.-border01 {
		border: solid 1px var(--color_main);
	}
	.has-border.-border02 {
		border: double 4px var(--color_main);
	}
	.has-border.-border03{
		border: dashed 2px var(--color_border);
	}
	.has-border.-border04{
		 border:solid 4px var(--color_gray)
	}
	
	[class*="is-style-big_icon_"] {
		border-width: 2px;
		border-style: solid;
	}
	[class*=is-style-big_icon_] {
		border-color: var(--the-color, currentColor);
		padding: 2em 1.5em 1.5em;
		position: relative;
	}
	.pageContents p[class*=is-style-big_icon_] {
		margin-top: calc(20px + 1em);
	}
	.content p[class*=is-style-big_icon_]:before,
	.content div[class*=is-style-big_icon_]:before{
		align-items: center;
		background-color: var(--the-color, currentColor);
		border: 2px solid;
		border-color: var(--color_bg);
		border-radius: 50%;
		color: #fff;
		content: "";
		display: inline-flex;
		font-family: "dashicons";
		font-size: 1.25em;
		height: 2em;
		justify-content: center;
		left: .5em;
		line-height: 1;
		padding: 0 0 0 .05em;
		position: absolute;
		top: -1px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 2em;
	}
	.content p.is-style-icon_announce:before,
	.content p.is-style-icon_bad:before,
	.content p.is-style-icon_book:before, 
	.content p.is-style-icon_good:before, 
	.content p.is-style-icon_info:before, 
	.content p.is-style-icon_pen:before {
		content: "";
		display: inline-block;
		font-family: "dashicons";
		font-size: inherit;
		left: 1.25em;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%) scale(1.5);
		transform: translateY(-50%) scale(1.5);
	}
	.content p.is-style-icon_announce:after, 
	.content p.is-style-icon_bad:after, 
	.content p.is-style-icon_book:after, 
	.content p.is-style-icon_good:after, 
	.content p.is-style-icon_info:after, 
	.content p.is-style-icon_pen:after {
		border-right: 1px solid;
		content: "";
		display: block;
		height: 50%;
		left: 3.25em;
		opacity: .4;
		position: absolute;
		top: 25%;
		width: 0;
	}
	.is-style-icon_announce, .is-style-icon_bad, .is-style-icon_book, .is-style-icon_good, .is-style-icon_info, .is-style-icon_pen {
		border-radius: 2px;
		line-height: 1.6;
		padding: 1em 1em 1em 4.25em;
		position: relative;
	}
	[class*="is-style-icon_"] {
		color: #333;
		border-width: 0;
	}
	@media (min-width: 600px) {
		[class*=is-style-big_icon_] {
			padding: 2.5em 2em 2em;
		}
		.content [class*=is-style-big_icon_]:before {
			left: .75em;
		}
	}
	.is-style-big_icon_check,
	.is-style-big_icon_good {
		--the-color: var(--color_icon_check);
	}
	.is-style-icon_good {
		background: var(--color_icon_good_bg);
		border-color: var(--color_icon_good);
	}
	.content p.is-style-big_icon_check:before, 
	.content p.is-style-big_icon_good:before {
		content: "\f147";
	}
	.content p.is-style-icon_good:before {
		color: var(--color_icon_good);
		content: "\f529";
	}
	.content p.is-style-icon_good:after {
		border-right-color: var(--color_icon_good);
	}
	.is-style-icon_bad {
		background: var(--color_icon_bad_bg);
		border-color: var(--color_icon_bad);
	}
	.content p.is-style-icon_bad:before {
		color: var(--color_icon_bad);
		content: "\f542";
	}
	.content p.is-style-icon_bad:after {
		border-right-color: var(--color_icon_bad);
	}
	.is-style-icon_info {
		background: var(--color_icon_info_bg);
		border-color: var(--color_icon_info);
	}
	.content p.is-style-icon_info:before {
		color: var(--color_icon_info);
		content: "\f348";
	}
	.content p.is-style-icon_info:after {
		border-right-color: var(--color_icon_info);
	}
	.is-style-icon_announce {
		background: var(--color_icon_announce_bg);
		border-color: var(--color_icon_announce);
	}
	.content p.is-style-icon_announce:before {
		color: var(--color_icon_announce);
		content: "\f488";
	}
	.content p.is-style-icon_announce:after {
		border-right-color: var(--color_icon_announce);
	}
	.is-style-big_icon_caution {
		--the-color: var(--color_icon_caution);
	}
	.content p.is-style-big_icon_caution:before {
		content: "\f534";
	}
	.is-style-icon_book {
		background: var(--color_icon_book_bg);
		border-color: var(--color_icon_book);
	}
	.content p.is-style-icon_book:before {
		color: var(--color_icon_book);
		content: "\f330";
	}
	.is-style-icon_book:after {
		border-right-color: var(--color_icon_book);
	}

	.is-style-icon_pen {
		background: var(--color_icon_pen_bg);
		border-color: var(--color_icon_pen);
	}
	.content p.is-style-icon_pen:before {
		color: var(--color_icon_pen);
		content: "\f327";
	}
	.is-style-icon_pen:after {
		border-right-color: var(--color_icon_pen);
	}

	/* タブ */
	.pageContents ul.c-tabList li:befor {
	display:none;}
	.c-tabList {
		--the-tab-margin: 0;
		--the-tab-flex: 0 1 auto;
		--the-tab-flex_wrap: nowrap;
		--the-tab-btn-padding: 1em .5em;
		--the-tab-item-margin: 0;
		display: flex;
		flex-wrap: var(--the-tab-flex_wrap);
		justify-content: center;
		position: relative;
		margin: var(--the-tab-margin) !important;
	font-size: .9em;
	}
	 [data-width-pc="flex-50"] > .c-tabList {
			--the-tab-flex: 0 1 50%;
	gap: .5em;
	}
		[data-width-pc=auto]>.c-tabList {
			--the-tab-flex_wrap: wrap;
			--the-tab-btn-padding: 1em;
		}
	.c-tabList .tab-item{
		text-align: center;
		flex: var(--the-tab-flex);
		margin: var(--the-tab-item-margin);
	  cursor: pointer;
	  transition: .4s ease-in-out;
	padding: var(--the-tab-btn-padding);
		box-sizing: border-box;
		height: 100%;
		line-height: 1;
		position: relative;
		transition: background-color .25s, color .25s;
	}
	.style01>.c-tabList .tab-item{
		opacity: .7;
		transition: color .25s, opacity .25s;
	border-bottom:1px solid var(--color_border);
	}
	.style01>.c-tabList .tab-item:hover,
	.style01>.c-tabList .tab-item.is-active {
		color: var(--color_main);
		font-weight: 700;
		opacity: 1;
	border-bottom:2px solid var(--color_main);
	}
	.style02>.c-tabList .tab-item{
		opacity: .7;
		transition: color .25s, opacity .25s;
	background-color:var(--color_bg);
	position:relative;
	}
	.style02>.c-tabList .tab-item:hover,
	.style02>.c-tabList .tab-item.is-active {
		color: #fff;
		font-weight: 700;
		opacity: 1;
	background-color:var(--color_main);
	}
	.style02>.c-tabList .tab-item.is-active:after{
		position: absolute;
		bottom: -8px;
		left: 50%;
		transform: translateX(-50%);
		width: 18px;
		height: 9px;
		background-color: inherit;
		content: '';
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	/* パネル */
	.style02 .panel-list {margin-top:1em;}
	.panel-list {
	  background-color: #fff;
	}
	.panel-item {
	  display: none;
	  width: 100%;
	  padding: 40px 30px;
	  background-color: #fff;
	}
	.panel-item.is-active {
	  display: block;
	  animation: panel-show .9s ease-in-out forwards;
	}
	
	/* パネル切り替えのアニメーション */
	@keyframes panel-show {
	  from {
		opacity: 0;
	  }
	  to {
		opacity: 1;
	  }
	}
	@media (max-width: 600px) {
	:root {
	--box_padding:0.5em;
	}
	.c-tabList {
		--the-tab-btn-padding: .8em .2em;
	}
	}
	/* 追加Addquick tag */
	.swl-inline-btn,.corgi-inline-btn {
		display: inline-block;
		font-size: .9em;
		margin: 0 .25em
	}
	table .swl-inline-btn,table .corgi-inline-btn {
		margin: .5em .25em
	}
	
	.swl-inline-btn.is-style-btn_solid,.corgi-inline-btn.is-style-btn_solid {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
	
	.swl-inline-btn a,.corgi-inline-btn a {
		display: inline-flex;
		letter-spacing: var(--swl-letter_spacing, .5px);
		letter-spacing: var(--corgi-letter_spacing, .5px);
		padding: .5em 1em
	}
	.is-style-btn_shiny {
		--the-btn-radius: 80px
	}
	.swl-inline-btn.red_,.corgi-inline-btn.red_  {
		width: 100%;
		text-align: center !important;
		float: none;
	}
	.swl-inline-btn.red_ a,.corgi-inline-btn.red_ a{
		width: 100%;
    justify-content: center;
    margin: auto;
    background: linear-gradient(90deg,#F96500 0, #F2F030 100%);
    text-align: center !important;
	border-radius: 80px;
	color: #fff;
	}
	.cap_box {
		--capbox-color: var(--color_main);
		--capbox-color--bg: unset;
		--the-icon-size: 1.1em;
		position: relative;
	}
	.cap_box_content {
		background-color: var(--capbox-color--bg);
		border: 1px solid var(--capbox-color);
		clear: both;
		margin-top: -2px;
		padding: 1.25em;
		position: relative;
		z-index: 0
	}
	.is-style-onborder_ttl2>.cap_box_content,
.is-style-onborder_ttl>.cap_box_content {
    padding-top: 1.5em
}

.is-style-onborder_ttl>.cap_box_ttl {
    color: var(--capbox-color)
}

.is-style-onborder_ttl>.cap_box_content,
.is-style-onborder_ttl>.cap_box_ttl {
    background-color: var(--color_content_bg) !important
}

.is-style-shadow.cap_box {
    box-shadow: var(--swl-box_shadow);
	box-shadow: var(--corgi-box_shadow);
    overflow: hidden
}
.is-style-shadow:not([data-colset])>.cap_box_content {
    color: #333;
	border: none;
}
@media (min-width: 600px) {
    .cap_box_content {
        padding: 1.5em;
    }
}
.cap_box_ttl {
    align-items: center;
    background-color: var(--capbox-color);
    color: #fff;
    display: flex;
    gap: .5em;
    justify-content: center;
    line-height: 1.5;
    margin-bottom: 0 !important;
    padding: .5em;
    position: relative;
    text-align: center;
    z-index: 1
}
.cap_box_ttl i {
    font-size: var(--the-icon-size)
}

.cap_box_ttl i:not(.-right) {
    margin-left: -.25em
}

.cap_box_ttl i.-right {
    margin-left: .4em
}

.cap_box_ttl svg {
    height: var(--the-icon-size);
    width: var(--the-icon-size)
}

.cap_box_ttl svg:not(.-right) {
    margin-left: -.25em
}

.cap_box_ttl svg.-right {
    margin-right: -.25em
}


.wp-block-details{
    margin-bottom: 20px;
}
details > summary:first-of-type {
    display: list-item;
    counter-increment: list-item 0;
    list-style: inside disclosure-closed;
}
details[open] > summary:first-of-type {
    list-style-type: disclosure-open;
}
details > summary:first-of-type {
    list-style: inside disclosure-closed;
}	
.pageContents ul.c-tabList > li:before,
.content ul.c-tabList>li:before {display:none;}


/* 関連記事（2022/09/21 追加） */
.kanren-box {
	display: block;
	position: relative;
	box-sizing: border-box;
	margin: 20px auto;
	padding: 0;
}
.kanren-box > p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.3em;
}
.kanren-box a {
	display: block;
	box-sizing: border-box;
	position: relative;
	padding: 15px 5px 10px 170px;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 140px;
	background: #fff8f0;
	border-radius: 7px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 6px;
	border: 1px solid var(--color_main);
	transition: all 0.6s linear;
	color: #5f5f5f !important;
}
.kanren-box a:hover {
	background: #efd;
	transition: all 0.2s linear;
	font-weight: normal;
	color: #000 !important;
}
.kanren-box a > span {
	display: inline-block;
	vertical-align: middle;
	width: 98%;
}
.kanren-box a:after {
	content: "";
	display: inline-block;
	width: 0x;
	height: 95px;
	vertical-align: middle;
}
.kanren-box > figure {
	position: absolute;
	left: 12px;
	top: 50%;
	width: 150px;
	height: 110px;
	margin: 0;
	transform: translateY(-50%);
	box-shadow: rgba(0,0,0,0.7) 1px 1px 3px;
	z-index: 1;
	overflow: hidden;
	transition: all 0.3s linear;
}
.kanren-box > figure img {
	position: absolute;
	object-fit: cover;
	top:0;
    left:0;
    width: 100%;
    height: 100%;
	transition: all 0.3s linear;
}
.kanren-box > p.midasi {
	content: attr(data-title);
	background: #A83F3F;
	display: block;
	position: absolute;
	left: -5px;
	top: -15px;
	padding: 3px 20px !important;
	font-size: 14px;
	line-height: 1.4em;
	color: #fff;
	border-radius: 5px;
	z-index: 2;
	transition: all 0.3s linear;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 3px;
}
.kanren-box:hover > figure img {
	filter: brightness(0.5);
	transform: scale(1.1,1.1) rotate(3deg);
}
.kanren-box:hover > p.midasi {
	transform: rotate(-5deg);
	transition: all 0.1s linear;
}
.kanren-box > figure:before {
	content: "記事を見る";
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	opacity: 0;
	transition: all 0.3s linear;
	z-index: 1;
}
.kanren-box:hover > figure:before {
	opacity: 1;
}
@media only screen and (max-width: 640px) {
	.kanren-box a {
		padding: 15px 5px 10px 130px;
		min-height: 85px;
	}
	.kanren-box a:after {
		height: 70px;
	}
	.kanren-box > figure {
		width: 110px;
		height: 75px;
	}
	.kanren-box:before {
		padding: 3px 12px;
	}
}
/* タブ */
	.article_wrap .keni-section ul>li.tab-item:before {
		display:none;
	}
	.c-tabList {
		--the-tab-margin: 0;
		--the-tab-flex: 0 1 auto;
		--the-tab-flex_wrap: nowrap;
		--the-tab-btn-padding: 1em .5em;
		--the-tab-item-margin: 0;
		display: flex;
		flex-wrap: var(--the-tab-flex_wrap);
		justify-content: center;
		position: relative;
		margin: var(--the-tab-margin) !important;
	font-size: .9em;
	}
	 [data-width-pc="flex-50"] > .c-tabList {
			--the-tab-flex: 0 1 50%;
	gap: .5em;
	}
		[data-width-pc=auto]>.c-tabList {
			--the-tab-flex_wrap: wrap;
			--the-tab-btn-padding: 1em;
		}
	.c-tabList .tab-item{
		text-align: center;
		flex: var(--the-tab-flex);
		margin: var(--the-tab-item-margin);
	  cursor: pointer;
	  transition: .4s ease-in-out;
	padding: var(--the-tab-btn-padding);
		box-sizing: border-box;
		height: 100%;
		line-height: 1;
		position: relative;
		transition: background-color .25s, color .25s;
	}
	.style01>.c-tabList .tab-item{
		opacity: .7;
		transition: color .25s, opacity .25s;
	border-bottom:1px solid var(--color_border);
	}
	.style01>.c-tabList .tab-item:hover,
	.style01>.c-tabList .tab-item.is-active {
		color: var(--color_main);
		font-weight: 700;
		opacity: 1;
	border-bottom:2px solid var(--color_main);
	}
	.style02>.c-tabList .tab-item{
		opacity: .7;
		transition: color .25s, opacity .25s;
	background-color:var(--color_bg);
	position:relative;
	}
	.style02>.c-tabList .tab-item:hover,
	.style02>.c-tabList .tab-item.is-active {
		color: #fff;
		font-weight: 700;
		opacity: 1;
	background-color:var(--color_main);
	}
	.style02>.c-tabList .tab-item.is-active:after{
		position: absolute;
		bottom: -8px;
		left: 50%;
		transform: translateX(-50%);
		width: 18px;
		height: 9px;
		background-color: inherit;
		content: '';
		clip-path: polygon(0 0, 100% 0, 50% 100%);
	}
	/* パネル */
	.style02 .panel-list {margin-top:1em;}
	.panel-list {
	  background-color: #fff;
	}
	.panel-item {
	  display: none;
	  width: 100%;
	  padding: 40px 30px;
	  background-color: #fff;
	}
	.panel-item.is-active {
	  display: block;
	  animation: panel-show .9s ease-in-out forwards;
	}
	.panel-list .panel-item {
		padding: 1em;
	}
	.panel-item ol,.panel-item ul{
	   margin: 0;
	}
	
	/* パネル切り替えのアニメーション */
	@keyframes panel-show {
	  from {
		opacity: 0;
	  }
	  to {
		opacity: 1;
	  }
	}
	@media (max-width: 600px) {
	:root {
	--box_padding:1em;
	}
	.c-tabList {
		--the-tab-btn-padding: .8em .2em;
	}
	}
	/*吹き出し*/
.baloon{margin:2em 0;
position:relative;
min-height: 90px;
    display: flex;
}
.baloon:not(.p_right){
padding-left:100px;
}
.baloon.p_right{
padding-right:100px;
    justify-content: flex-end;
}
.baloon:not(.p_right):before{
left:0;
}
.baloon.p_right:before{
right:0;
}
.baloon .fuki{
display: flex;
align-items: center;
}
.baloon.p_right .fuki{
flex-direction: row-reverse;
}
.baloon .fuki:before{
content:"";
width: 12px;
height: 16px;
}
.baloon:not(.p_right) .fuki:before{
    background-color: var(--color_icon_good_bg);
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.baloon.p_right .fuki:before{
    background-color: var(--color_icon_announce_bg);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.baloon .fuki .fuki_in{
max-width:calc(100% - 12px);
border-radius: 1em;
padding: .8em 1em;
}
.baloon:not(.p_right) .fuki .fuki_in{
background: var(--color_icon_good_bg);
}
.baloon.p_right .fuki .fuki_in{
background: var(--color_icon_announce_bg);
}
.baloon:before{
position: absolute;
top:0;
content:"";
display:block;
width:90px;
height: 90px;
background-repeat:no-repeat;
background-position: center center;
background-size:contain;
}
.baloon.head:before{
background-image:url("https://www.w-endless.co.jp/consumerfinance-osusume/wp-content/uploads/2025/09/icon_sad_head.png");
}
.baloon.sido:before{
background-image:url("https://www.w-endless.co.jp/consumerfinance-osusume/wp-content/uploads/2025/09/icon_womanteacher.png");
}

#scroll-menu-sp {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 5rem;
	border: 1px solid #959595;
	transition: 0.2s ease-out;
	transition-timing-function: ease-out;
	opacity: 0;
	z-index: 10;
	background-color: var(--text-color-red);
}
.scroll-on {
	opacity: 1 !important;
}

.scroll-menu-btn {
	color: #fff;
	font-size: 1.6rem;
	text-align: left;
	line-height: 1.125;
	letter-spacing: .1em;
	border-radius: .5em;
	padding: 10px 4.2rem 10px;
	background-color: var(--text-color-red);
	margin: 10px 5px;
}
.scroll-menu-btn-area {
	position: relative;
}
.scroll-menu-btn::before {
	content: '▲';
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-45%) rotate(90deg);
    /*width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-width: 2px 2px 0 0;*/
}
.scroll-menu-btn--contact {
	background-image: url(https://www.w-endless.co.jp/asset/img/top/icon_nav_contact.png);
	background-repeat: no-repeat;
	background-size: 1.5em;
	background-position: 10px center;
}
.scroll-menu-btn--contact > p {
	vertical-align: text-top;
}
.contact-description {
	font-size: 1.2rem;
	color: #E5E1E1;
	margin-top: .5rem;
}
.scroll-menu-btn--file {
	background-image: url(https://www.w-endless.co.jp/asset/img/top/icon_nav_file.png);
	background-repeat: no-repeat;
	background-size: 1.5em;
	background-position: 10px center;
}
.scroll-menu-btn--file > p {
	vertical-align: text-top;
}
@media only screen and (min-width: 768px) {
	#scroll-menu-sp {
		display: none !important;
	}
}

/* 借りれるアイコン強制 */
.profile__link.icon-linkedin {
	display: inline-block;
}
.profile__link.icon-linkedin:before {
	content: "";
	background: url(https://www.w-endless.co.jp/consumerfinance-osusume/wp-content/uploads/2026/03/icon-karireru.png) center center !important;
	background-size: 100% 100% !important;
	margin: 4px;
	display: block;
	width: 32px;
	height: 32px;
}

/* パンくずPCレイアウト */
@media only screen and (min-width: 768px) {
	.breadcrumb__list.container {
		max-width: none !important;
		width: fit-content !important;
	}
}