@charset "utf-8";
.topbox h2,
.topbox h2 span {
	font-weight: 500;
}

/* index.html */
#mainvisual {
	overflow: hidden;
	margin: 0 auto;
	max-width: 1200px;
}
#mainvisual .maincatch {
	width: 100%;
	max-width: 1052px;
	position: relative;
	padding: 0 20px;
}

/* SP ~768px */
@media screen and (max-width:768px) {
	#mainvisual {
		padding: 0;
	}
	#mainvisual .maincatch {
		padding: 0;
	}
}

#search_box,
#search_box_btm {
	max-width: 1000px;
	padding: 10px 20px 20px 30px;
	margin: 0 auto;
}
#search_box h2.ttl01 {
	background: rgb(1, 0, 102);
	background-image: linear-gradient(to bottom right, rgba(255,255,255,.37) 0%, transparent 40%, transparent 60%, rgba(255,255,255,.37) 100%);
	color: #fff;
	border-radius: unset;
	font-size: clamp(12px, 5vw, 50px)!important;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
#search_box_btm h2.ttl01{
	text-align: center;
    font-size: 30px;
    border-radius: 20px 20px 0 0;
    position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	color: #fff;
	background: rgb(1, 0, 102);
}
#search_box_btm h2.ttl01.syosin{
	background: rgb(2, 153, 96);
}
#search_box h2.ttl01::after,
#search_box_btm h2.ttl01::after {
	position: absolute;
	display: block;
	content: "";
	border-top: 23px solid rgb(1, 0, 102);
	border-right: 23px solid transparent;
	border-left: 23px solid transparent;
	bottom: -20px;
	right: 50%;
	transform: translate(50%,0);
}
#search_box_btm h2.ttl01.syosin::after{
    border-top: 23px solid rgb(2, 153, 96);
}
#searchTOP, 
#searchTOP2 {
	background: #f0f0f0;
	border: none;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	padding: 40px 30px;
	text-align: left;
}
#searchTOP h3, 
#searchTOP2 h3 {
	margin: 0 0 25px;
	font-size: 24px;
	color: #333333;
	padding: 0;
	text-align: center
}
#searchTOP .rentcheck span, 
#searchTOP2 .rentcheck span {
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	position: relative;
	display: inline-block;
	font-size: 24px;
	width: 31%;
	background: #fff;
	color: #333333;
	border: 2px solid #ffd700;
	background: #ffd700;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}
#searchTOP .rentcheck input[type="checkbox"]:checked + span, 
#searchTOP2 .rentcheck input[type="checkbox"]:checked + span {
	color: #333333;
	background: #fff;
	border: 2px solid #d6d6d6;
}
#searchTOP .rentcheck span::before,
#searchTOP2 .rentcheck span::before {
	display: none;
}
#searchTOP .rentcheck input[type="checkbox"]:checked + span::before, 
#searchTOP2 .rentcheck input[type="checkbox"]:checked + span::before {
	display: none;
}
#search_box .select_box .none,
#search_box_btm .select_box .none {
	display: none;
}
#search_box .select_box li,
#search_box_btm .select_box li {
	background: #fff;
	border-radius: 50px;
	border: 2px solid #d6d6d6;
}
#search_box .select_box li:not(:last-child),
#search_box_btm .select_box li:not(:last-child) {
	margin: 0 0 10px;
}
#search_box .select_box li a,
#search_box_btm .select_box li a {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	padding: 5px 30px;
}
#search_box .select_box li a::after,
#search_box_btm .select_box li a::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/new02/icon_check.png")no-repeat center/31px 31px;
	width: 31px;
	height: 31px;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}
#search_box .select_box li a .ttl,
#search_box_btm .select_box li a .ttl {
	font-size: 24px;
	font-weight: 500;
	width: 40%;
}
#search_box .select_box li a .answer,
#search_box_btm .select_box li a .answer {
	font-size: 20px;
	font-weight: 500;
	color: #666666;
	width: 60%;
}
#search_box .select_box li.selected,
#search_box_btm .select_box li.selected {
	animation: blinkAnimation 1s ease infinite alternate;
}
@keyframes blinkAnimation {
	0% {
		border: 3px solid rgb(1, 0, 102);
	}
	100% {
		border: 3px solid #d6d6d6;
	}
}

#search_box .syosin .select_box li.selected,
#search_box_btm .syosin .select_box li.selected {
	animation: syosin_blinkAnimation 1s ease infinite alternate;
}
@keyframes syosin_blinkAnimation {
	0% {
		border: 3px solid rgb(2, 135, 96);
	}
	100% {
		border: 3px solid #d6d6d6;
	}
}


#search_box h2.ttl01 i,
.shindan_search_area h2.ttl01 i {margin-right: 0.5em;}
#search_box h2.ttl01::after,
.shindan_search_area h2.ttl01::after {
	content: none;
}
#search_box .timer_in_box {
	background: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row nowrap;
	padding: 10px 0;
	margin: 0;
}
#search_box .timer_in_box .remaining {
	font-size: 18px;
	position: relative;
}
#search_box .timer_in_box .remaining span {
	font-size: 18px;
}
#search_box .timer_in_box .remaining::after {
	position: absolute;
	display: block;
	content: "";
	background: url(https://yourcardloan.com/wp-content/themes/mycardloan202106/images/new02/icon_clock.png)no-repeat center/23px 24px;
	width: 23px;
	height: 24px;
	left: -20px;
	top: 50%;
	transform: translate(0,-50%);
}
#search_box .timer_in_box .timerbox {
	width: fit-content;
	padding: 0 6px;
	margin: 0 20px;
}
.timer_in_box .over {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: none;
}
#searchTOP .rentbtn,
#searchTOP2 .rentbtn {
	margin: 40px auto 10px;
	text-align: center;
}
#searchTOP .rentbtn button,
#searchTOP2 .rentbtn button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 10px 10px;
	border: none;
	display: inline-block;
    background-color: rgb(1, 0, 102);
	box-shadow: 0 6px #d6d6d6;
	line-height: 1;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	top: 0;
	transition: .2s box-shadow,.2s top,.4s background;
	width: 50%;
	max-width: 340px;
	height: 75px;
	border-radius: 50px;
}
#searchTOP.syosin .rentbtn button {
	background: rgb(2, 153, 96);
}
/* SP ~768 */
@media screen and (max-width:768px) {
	#search_box,
	#search_box_btm {
		padding: 15px 10px;
	}
	#search_box .select_box li:not(:last-child),
	#search_box_btm .select_box li:not(:last-child) {
		margin: 0 0 5px;
	}
	#search_box h2.ttl01,
	#search_box_btm h2.ttl01 {
		font-size: 18px;
		padding: 10px;
	}
	#search_box h2.ttl01::after,
	#search_box_btm h2.ttl01::after {
		border-top: 20px solid rgb(1, 0, 102);
		border-right: 20px solid transparent;
		border-left: 20px solid transparent;
		bottom: -15px;
	}
	#searchTOP,
	#searchTOP2 {
		padding: 20px 0 10px;
	}
	#searchTOP h3,
	#searchTOP2 h3 {
		margin: 0 0 5px;
		font-size: 14px;
	}
	#searchTOP .rentcheck,
	#searchTOP2 .rentcheck {
		text-align: center;
		margin-bottom: 10px;
	}
	#searchTOP .rentcheck span,
	#searchTOP2 .rentcheck span {
		padding: 3px;
		margin-left: 2px;
		margin-right: 2px;
		margin-bottom: 4px;
		font-size: 12px;
		width: 32%;
	}
	#search_box .select_box li a,
	#search_box_btm .select_box li a {
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		justify-content: flex-start;
		position: relative;
		padding: 5px 10px;
	}
	#search_box .select_box li a::after,
	#search_box_btm .select_box li a::after {
		background: url("../images/new02/icon_check.png")no-repeat center/20px 20px;
		width: 20px;
		height: 20px;
		right: 10px;
	}
	#search_box .select_box li a .ttl,
	#search_box_btm .select_box li a .ttl {
		font-size: 12px;
		font-weight: 500;
		width: 60%;
	}
	#search_box .select_box li a .answer,
	#search_box_btm .select_box li a .answer {
		font-size: 12px;
		width: 40%;
	}
	@keyframes blinkAnimation {
		0% {
			border: 3px solid rgb(1, 0, 102);
		}
		100% {
			border: 3px solid #f0f0f0;
		}
	}
	#searchTOP .rentbtn,
	#searchTOP2 .rentbtn {
		margin: 10px auto 10px;
	}
	#searchTOP .rentbtn button,
	#searchTOP2 .rentbtn button {
		font-size: 16px;
		width: 100%;
		max-width: 70%;
		height: 40px;
	}
}

.marker-yellow {
	background: linear-gradient(transparent 80%, #ffff00 0%);
}
.catch span.marker-yellow {
	background: none;
	color: #EB494C;
}
/* SP ~768 */
@media screen and (max-width:768px) {
	.marker-yellow br{
		display: block;
	}
}

.bg_box {
	background: #e6e8e8;
}
.bg_box .topbox h2 {
	border-bottom: 1px solid #039cfc;
	font-size: 40px;
}
.topbox p.catch {
	font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif ;
	background: none;
}
.topbox .txt_box {
	width: 60%;
}
.topbox .txt_box .ranking_no {
	border-bottom: 1px solid #d6d6d6;
	padding: 0 0 10px 50px;
	margin: 0 0 15px;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	text-align: center;
}
.topbox .txt_box .ranking_no::before {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/new02/icon_no01.png")no-repeat center/40px 40px;
	left: 40%;
	width: 40px;
	height: 40px;
	top: 13px;
}
.topbox .txt_box .ranking_no.no02::before {
	background: url("../images/new02/icon_no02.png")no-repeat center/40px 40px;
}
.topbox .txt_box .ranking_no.no03::before {
	background: url("../images/new02/icon_no03.png")no-repeat center/40px 40px;
}
.topbox .txt_box .ranking_no.no04::before {
	background: url("../images/new02/icon_no04.png")no-repeat center/40px 40px;
}
.topbox .txt_box .ranking_no span {
	font-size: 40px;
}
.topbox .txt_box .ranking_no.no01 {
	color: #c0a20d;
}
.topbox .txt_box .ranking_no.no02 {
	color: #9da1ae;
}
.topbox .txt_box .ranking_no.no03 {
	color: #bb6b3f;
}
.topbox .txt_box .ranking_no.no04 {
	color: #dadada;
}
.topbox .transition a {
	width: 350px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eb1920;
	font-size: 26px;
	font-weight: 500;
	margin: 0 auto;
}
.topbox .transition a span {
	font-size: 70%;
	vertical-align: baseline;
}
.topbox .transition .fas {
	position: relative;
	right: -50px;
}
.topbox .access_no {
	color: #f08401;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
}
.topbox .access_no span {
	font-size: 12px;
	color: #666666;
	padding: 0 0 0 20px;
}
.topbox .timer_in_box {
	padding: 10px;
	margin: 0 0 10px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
}
.topbox .timer_in_box .remaining {
	position: relative;
	font-size: 18px;
}
.topbox .timer_in_box .remaining::after {
	position: absolute;
	display: block;
	content: "";
	background: url("../images/new02/icon_clock.png")no-repeat center/23px 24px;
	width: 23px;
	height: 24px;
	left: -20px;
	top: 50%;
	transform: translate(0,-50%);
}
.topbox .timer_in_box .remaining span {
	color: #eb1920;
	font-size: 18px;
}
.topbox .timer_in_box .timerbox {
	width: 230px;
	margin: 0 20px;
}
.timerbox {
	background: #1b1b1b;
	color: #fff;
	text-align: center;
	padding: 0;
	box-sizing: border-box;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 16px;
	font-weight: 500;
}
.timerbox span {
	font-size: 22px;
}
.topbox .info {
	border: 1px solid #dcdcdc;
	color: #222;
	font-size: 20px;
	font-weight: 700;
}
.minutes_later {
	text-align: center;
	margin: 15px 0 10px;
}
.minutes_later div > p {
	font-weight: bold;
	background: #1b1b1b;
	color: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	display: inline-block;
	padding: 5px 12px;
	margin-right: 10px;
}
.minutes_later div > p > span {
	font-size: 22px;
	font-weight: bold;
	color: #ff0;
	margin-left: 5px;
}
.topbox .info th {
	background: #f0f0f0;
	width: 33.333%;
	padding: 20px;
	border: 1px solid #dcdcdc;
}
.topbox .info td {
	background: #fff;
	width: 33.333%;
	padding: 30px 20px;
	border: 1px solid #dcdcdc;
}
.topbox .info td.icon01 {
	background: #fff url("../images/new02/table_icon01.png")no-repeat center/52px 52px;
}
.topbox .info td.icon02 {
	background: #fff url("../images/new02/table_icon02.png")no-repeat center/52px 52px;
}
.topbox .info td.icon03 {
	background: #fff url("../images/new02/table_icon03.png")no-repeat center/52px 43px;
}
.topbox .info td.col3 {
	border-bottom: none;
}
.topbox .top_img_box {
	align-items: center;
}
/* SP ~768 */
@media screen and (max-width:768px) {
	.bg_box .topbox h2 {
		font-size: 26px;
	}
	.topbox .top_img_box {
		justify-content: center;
		margin: 0 0 10px;
	}
	.topbox .top_img_box .img {
		width: 80%;
	}
	.topbox .txt_box {
		width: 100%;
		margin-top: -10px;
	}
	.topbox .txt_box .ranking_no {
		padding: 0 0 5px 30px;
		margin: 0 0 5px;
		font-size: 18px;
	}
	.topbox .txt_box .ranking_no::before {
		background: url("../images/new02/icon_no01.png")no-repeat center/25px 25px;
		width: 25px;
		height: 25px;
		left: 32%;
		top: 7px;
	}
	.topbox .txt_box .ranking_no.no02::before {
		background: url("../images/new02/icon_no02.png")no-repeat center/25px 25px;
	}
	.topbox .txt_box .ranking_no.no03::before {
		background: url("../images/new02/icon_no03.png")no-repeat center/25px 25px;
	}
	.topbox .txt_box .ranking_no.no04::before {
		background: url("../images/new02/icon_no04.png")no-repeat center/25px 25px;
	}
	.topbox .txt_box .ranking_no span {
		font-size: 24px;
	}
	.topbox .transition a {
		width: 100%;
		height: 36px;
		font-size: 16px;
	}
	.topbox .transition .fas {
		position: relative;
		right: -10px;
	}
	.topbox .transition a span {
		font-size: 85%;
	}
	.topbox .access_no span {
		display: block;
		font-size: 10px;
		padding: 0;
	}
	.topbox .timer_in_box {
		padding: 5px 0;
		margin: 15px 0 10px;
		/*flex-flow: column;*/
		align-items: center;
		justify-content: center;
	}
	.topbox .timer_in_box .remaining::after {
		position: absolute;
		display: block;
		content: "";
		background: url("../images/new02/icon_clock.png")no-repeat center/12px 12px;
		width: 12px;
		height: 12px;
		left: -5px;
		top: 50%;
		transform: translate(0,-50%);
	}
	.topbox .timer_in_box .remaining {
		font-size: 13px;
		padding: 0 0 0 7px;
		margin: 0 0 0px;
	}
	.topbox .timer_in_box .remaining span {
		color: #eb1920;
		font-size: 14px;
	}
	.topbox .timer_in_box .timerbox {
		width: 50%;
		margin: 0;
		margin-left: 5px;
	}
	.topbox .timer_in_box .timerbox p {
		padding: 0px;
		font-size: 13px;
	}
	.timerbox span {
		font-size: 16px;
	}
	.minutes_later div > p {
		padding: 0 6px;
		margin-right: 10px;
	}
	.minutes_later div > p > span {
		font-size: 16px;
		margin-left: 1px;
	}
	.topbox .info {
		font-size: 10px;
		width: 100%
	}
	.topbox .info.reco_table td {
		font-size: 12px;
		padding: 3px;
	}
	.topbox .info th {
		padding: 10px;
		vertical-align: middle;
	}
	.topbox .info.reco_table th {
		font-size: 12px;
	}
	.topbox .info td {
		padding: 20px 10px;
		vertical-align: middle;
	}
	.topbox .info td.icon01 {
		background: #fff url("../images/new02/table_icon01.png")no-repeat center/30px 30px;
	}
	.topbox .info td.icon02 {
		background: #fff url("../images/new02/table_icon02.png")no-repeat center/30px 30px;
	}
	.topbox .info td.icon03 {
		background: #fff url("../images/new02/table_icon03.png")no-repeat center/30px 25px;
	}
	.topbox .info td.icon01_small {
		background: #fff url("../images/new02/table_icon01.png")no-repeat center/20px 20px;
	}
	.topbox .info td.icon02_small {
		background: #fff url("../images/new02/table_icon02.png")no-repeat center/20px 20px;
	}
	.topbox .info td.icon03_small {
		background: #fff url("../images/new02/table_icon03.png")no-repeat center/20px 20px;
	}
	.topbox .access_no {
		font-size: 12px;
		padding: 0px;
	}
}

#recommend {
	margin: 0 0 70px;
	background: #f7bc77;
	padding: 20px 0;
	
}
#recommend .topbox {
	background: #fffeee;
	border: none;
}
#recommend h2 {
	display: flex;
	align-items: center;
}
#recommend h2 span {
	margin: 0 20px 0 0;
}
#recommend h2 img {
	max-width: 195px;
}
#recommend .topbox h2 {
	border-bottom: 1px solid #f08401;
	margin-top: -10px;
}
#recommend .topbox h2 span {
	font-size: 24px;
	text-decoration: none;
}
#recommend .topbox h3, .rank-title h3,
#recommend .topbox h3 > span, .rank-title h3 > span {
	font-size: 20px;
	font-weight: bold;
	margin-left: 5px;
}
#recommend .topbox h3 a, .rank-title a {
	color: #1348c4;
	text-decoration: underline;
	text-decoration-thickness: 1px;
}
#recommend .topbox .timer_in_box .remaining span {
	color: #f08401;
}
#recommend .topbox .info th {
	background: #f08401;
	color: #fff;
}
#recommend .topbox .info th {
	background: #f0f0f0;
	color: #333;
}
#recommend {
	background: #f08401;
	background: #f7bc77;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
}
.rank-title span:not(h3 > span){
	display: none;
}
.remarksbox {
	padding-top: 10px;
}
/* SP ~768 */
@media screen and (max-width:768px) {
	#recommend {
		margin: 0;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	#recommend h2 {
		display: flex;
		flex-flow: column;
		align-items: flex-start;
		justify-content: flex-start;
		font-size: 26px;
	}
	#recommend h2 span {
		display: block;
		margin: 0;
	}
	#recommend h2 img {
		max-width: 120px;
	}
	#recommend .topbox h2 {
		margin-top: 0px;
		line-height: 1.4;
	}
	#recommend .topbox h2 span{
		font-size: 20px;
		text-decoration: none;
	}
	.remarksbox{
		padding:0 !important;
	}
}
/* IPAD　769px~ */
@media (min-width: 769px) {
	#recommend .topbox h2 span {
		font-size: 170%;
		text-decoration: none;
	}
}

/* おすすめタイトル */
.two_ttl {
	padding: 20px;
	max-width: 800px;
	margin: 0 auto;
}
.two_ttl.ranking {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* search.html */
#search_page .area {
	padding: 0 10px;
}
#search_page .inner {
	max-width: 1000px;
}
.after_box {
	padding: 0;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 10px 60px;
	background: #fff;
}
.after_box h1 {
	text-align: center;
	background: #e2f3fb;
	padding: 20px;
	font-size: 20px;
	border-bottom: 1px solid #dcdcdc;
	border-radius: 10px 10px 0 0;
}
.after_box .box_in {
	padding: 0 30px 20px 30px;
}
.after_box .box_in .top {
	border-bottom: 1px solid #dcdcdc;
	padding: 0 0 20px;
	margin: 0 0 20px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
.after_box .box_in .top dl {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
}
.after_box .box_in .top dl:not(:last-child) {
	margin: 0 20px 0 0;
}
.after_box .box_in .top dl dt {
	font-weight: 700;
	color: #009dff;
}
.after_box .box_in .mid {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	margin: 0 0 30px;
}
.after_box .box_in .mid .result {
	margin: 0 40px 0 0;
}
.after_box .box_in .mid .result span {
	font-weight: 700;
	color: #009dff;
	font-size: 26px;
}
.after_box .btn_red {
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	background: #eb1920;
	box-sizing: border-box;
	text-align: center;
	box-shadow: 0 6px #ab0107;
	line-height: 1;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	top: 0;
	transition: .2s box-shadow,.2s top,.4s background;
	width: 290px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.after_box .btn_red:hover {
	box-shadow: 0 0px #ff6c00;
	top: 4px;
	opacity: 1;
}
.after_box .btn_red .fas {
	position: relative;
	right: -40px;
}
.after_box .order_change {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
}
.after_box .order_change .ttl {
	font-weight: 700;
	color: #009dff;
	margin: 0 10px 0 0;
	width: 15%;
	text-align: right;
}
ul.sort {
	justify-content: center;
	width: 85%;
}
ul.sort li {
	width: 30%;
	margin: 0 10px;
}
ul.sort li.sort_li01 a,
ul.sort li.sort_li02 a,
ul.sort li.sort_li03 a,
ul.sort li a {
	padding: 7px;
	font-size: 14px;
	color: #333;
	box-sizing: border-box;
	background: #f3f3f3;
	border: none;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border: none;
	position: relative;
}
ul.sort li.sort_li01 a:hover,
ul.sort li.sort_li02 a:hover,
ul.sort li.sort_li03 a:hover,
ul.sort li a:hover {
	background:  #009dff;
	color: #fff;
	border: none;
}
ul.sort li.sort_li01 a {
	background:  #f3f3f3;
	color: #333;
	border: none;
}
ul.sort li a::after {
	position: absolute;
	display: block;
	content: "";
	border-top: 10px solid #a0a0a0;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}
ul.sort li a:hover::after {
	border-top: 10px solid #fff;
}
ul.sort li.on a {
	background:  #009dff;
	color: #fff;
}
ul.sort li.on a::after {
	border-top: 10px solid #fff;
	border-right: 7px solid transparent;
}
/* SP ~768px */
@media screen and (max-width:768px) {
	.after_box {
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.after_box h1 {
		padding: 10px;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.after_box .box_in {
		padding: 0 10px 10px;
	}
	.after_box .box_in .top {
		flex-flow: column;
		align-items: flex-start;
		justify-content: flex-start;
		margin: 0 0 10px;
	}
	.after_box .box_in .top dl:not(:last-child) {
		margin: 0 0 0px;
	}
	.after_box .box_in .mid {
		flex-flow: column;
		align-items: center;
		justify-content: center;
		margin: 0 0 10px;
	}
	.after_box .box_in .mid .result {
		margin: 0 0 0px;
	}
	.after_box .box_in .mid .result span {
		font-size: 22px;
	}
	.after_box .btn_red {
		font-size: 16px;
		background: #eb1920;
		width: 290px;
	}
	.after_box .btn_red .fas {
		right: -50px;
	}
	.after_box .order_change {
		flex-flow: column;
		align-items: center;
		justify-content: center;
	}
	.after_box .order_change .ttl {
		margin: 0 0 0px;
		width: 100%;
		text-align: center;
		font-size: 16px;
	}
	.after_box .box_in .top {
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
	ul.sort {
		flex-flow: column;
		width: 100%;
	}
	ul.sort li {
		width: 100%;
		margin: 0;
	}
	ul.sort li:not(:last-child) {
		margin: 0 0 10px;
	}
	ul.sort li.sort_li01 a,
	ul.sort li.sort_li02 a,
	ul.sort li.sort_li03 a,
	ul.sort li a {
		padding: 7px;
		font-size: 14px;
		color: #333;
		box-sizing: border-box;
		background: #f3f3f3;
		border: none;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border: none;
		position: relative;
	}
	ul.sort li.sort_li01 a:hover,
	ul.sort li.sort_li02 a:hover,
	ul.sort li.sort_li03 a:hover,
	ul.sort li a:hover {
		background:  #009dff;
		color: #fff;
		border: none;
	}
	ul.sort li.sort_li01 a {
		background:  #f3f3f3;
		color: #333;
		border: none;
	}
	ul.sort li a::after {
		position: absolute;
		display: block;
		content: "";
		border-top: 10px solid #a0a0a0;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
		right: 20px;
		top: 50%;
		transform: translate(0,-50%);
	}
	ul.sort li a:hover::after{
		border-top: 10px solid #fff;
	}
	ul.sort li.on a{
		background:  #009dff;
		color: #fff;
	}
	ul.sort li.on a::after {
		border-top: 10px solid #fff;
		border-right: 7px solid transparent;
	}
}

#search_page .result_ex {
	background: #e2f3fb;
	border: 1px solid #dcdcdc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	padding: 20px;
	margin: 0 10px 10px;
	position: relative;
}
#search_page .result_ex span {
	padding-left: 10px;
	position: relative;
}
#search_page .result_ex span::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 2.5px);
	left: -10px;
	width: 10px;
	height: 5px;
	border-left: 5px solid #009dff;
	border-bottom: 5px solid #009dff;
	transform: translateY(-50%) rotate(-45deg);
}
/* SP ~768px */
@media screen and (max-width:768px) {
	#search_page .result_ex {
		padding: 10px;
	}
}
#search_page .topbox {
	margin: 0 10px;
	max-width: 100%;
	border: 1px solid #a8a8a8;
}
.topbox > p:nth-of-type(1) {
	background-color: #009dff;
	color: #fff;
	line-height: 22px;
	display: inline-block;
	padding-left: 15px;
	margin: 0 0 10px -20px;
	position: relative;
	animation: flash 3s linear infinite;
}
.topbox > p:nth-of-type(1)::after {
	content: '';
	border: 16px solid #009dff;
	border-right-width: 8px;
	border-right-color: transparent;
	display: block;
	position: absolute;
	top: 0;
	right: -22px;
}
.hikaku-ribbon {
	color: #fff;
	background: #2196f3;
	border-radius: 30px;
	padding: 5px 10px;
	animation: flash 3s linear infinite;
	font-weight: normal;
}
@keyframes flash {
	0% {opacity: 1;}
	10% {opacity: 0;}
	20% {opacity: 1;}
	30% {opacity: 0;}
	40% {opacity: 1;}
	100% {opacity: 1;}
}
#search_page .topbox h2 {
	border-bottom: 1px solid #a8a8a8;
}
#search_page .topbox h2 span {
	font-size: 18px;
	text-decoration: none;
}
#search_page .pagination {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	margin: 0 0 70px;
}
#search_page .pagination li {
	border: 1px solid #dcdcdc;
	width: 40px;
	height: 40px;
	margin: 0 10px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 120%;
}
#search_page .pagination li a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 100%;
}
#search_page .pagination li.current {
	background: #039cfc;
	color: #fff;
	border: 1px solid #039cfc;
}
#search_page .topbox .transition a span {
	font-weight: bolder;
	font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
}
#search_page .topbox .transition a {
	background: #fd7e2e; 
	background: -moz-linear-gradient(top,  #fd7e2e 0%, #f6511e 100%); 
	background: -webkit-linear-gradient(top,  #fd7e2e 0%,#f6511e 100%); 
	background: linear-gradient(to bottom,  #fd7e2e 0%,#f6511e 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7e2e', endColorstr='#f6511e',GradientType=0 ); 
	border: 1px solid #d55b2f;
	height: 56px;
	font-weight: bolder;
	font-family: "游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
}
/* SP ~768px */
@media screen and (max-width:768px) {
	.topbox > p:nth-of-type(1) {
		padding-left: 10px;
		margin: 0 0 10px -10px;
	}
}
/* IPAD　769px~ */
@media (min-width: 769px) {
	#search_page .topbox h2 span {
		font-size: 170%;
		text-decoration: none;
	}
}

/* nav
-------------------------------------------------------*/
header {
	padding: 10px 0;
}
.headerLeft {
	text-align: center;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}
.headerLeft .pr_text {
	font-size: 8pt;
	color: #999;
}

.PR_icon {
	position: absolute;
	right: 0px;
	top: 20px;
	background: #f08401;
	color: #fff;
	font-weight: bolder;
	font-size: 90%;
	padding: 2px 20px;
	border-radius: 3px;
}
/* SP ~768px */
@media screen and (max-width:768px) {
	.PR_icon {
		right: 0px;
		top: 6px;
		font-size: 80%;
		padding: 2px 15px;
	}
}

.topbox h2 span {
	font-size: 170%;
	text-decoration: none;
}
/* SP ~768px */
@media screen and (max-width:768px) {
	.topbox {
		padding: 10px;
	}
	.topbox h2 span {
		font-size: 100%;
		font-weight: bolder;
		text-decoration: none;
	}
	.topbox p.catch {
		padding: 10px 0;
	}
	.topbox .info {
		margin: 0;
	}
	.topbox .info.reco_table{
		table-layout: fixed;
		width: 60%;
		word-break: break-all;
	}
	.topbox .transition_sp a, .topbox .transition a {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.ht40 {
		display: block !important;
		height: 10px !important;
		clear: both;
	}
	header {
		padding: 0;
	}
}


.rentcheck {
	-webkit-tap-highlight-color:transparent; 
}
.select_box li {
	-webkit-tap-highlight-color:transparent; 
} 
body.search {
	background: #f0f0f0;
}
.search section {
	background: none;
}

#point_new {
	margin: 0 20px 50px;
}
#point_new.point-3 {
	text-align:center;
	margin-top: 15px;
}
#point_new .inner {
	max-width: 900px;
}
#point_new .inner h2 {
	margin-bottom: 40px;
}
#point_new h2 img {
	max-width: 700px;
	width: 100%;
}
#point_new.point-3 img {
	margin-bottom: 5px;
}
#point_new ul li:not(:last-child) {
	margin: 0 0 40px;
}
#point_new ul li .ttl_box {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid #f2f2f2;
	border-radius: 10px 10px 0 0;
	background: #f2f2f2;
	padding: 10px;
}
#point_new ul li .ttl_box .icon {
	margin: 0 20px 0 0;
}
#point_new ul li .ttl_box .icon img {
	max-width: 65px;
}
#point_new ul li .ttl_box .ttl {
	font-size: 180%;
	font-weight: bold;
}
#point_new ul li .icon_txt {
	background: #009dff;
	border-radius: 100px;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
	margin: 0 5px 0 0;
	padding: 5px 10px;
}
#point_new ul li .box {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 10px;
	align-items: center;
}
#point_new ul li .box .img {
	width: 35%;
	margin: 0 20px 0 0;
}
#point_new ul li .box .txt {
	width: 65%;
	font-size: 130%;
}
#point_new ul li .box .txt.wide {
	width: 100%;
	font-size: 110%;
}
.point_box {
	position: relative;
	padding: 5px;
	border: solid 3px #259dff;
	border-radius: 5px;
	background-color: #f2f2f2;
}
.point_box.gr {
	border: solid 3px #009688;
	background: #f2fdfc;
}
span.box_ttl {
	position: absolute;
	display: inline-block;
	top: -24px;
	left: -3px;
	padding: 0px 5px;
	height: 24px;
	line-height: 25px;
	background: #259dff;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
.point_box.gr span.box_ttl {
	background: #009688;
}
span.box_ttl.point_num_img {
	width: 55px;
	top: 0px;
	background: none!important;
	filter: drop-shadow(0px 0px 1px rgba(0,0,0,0.6));
}
.box_content {
	width: 70%;
	text-align: left;
}
.point_img {
	width: 20%;
	margin: 0 60px 0 0;
}
.point_title {
	font-size: 180%;
	font-weight: bold;
}
.point_title .red {
	font-weight: bold;
}
.point_txt {
	font-size: 130%;
}
/* SP ~768px */
@media screen and (max-width:768px){
	#point_new {
		margin: 0 15px 30px;
	}
	#point_new ul li:not(:last-child) {
		margin: 0 0 30px;
	}
	#point_new ul li .ttl_box {
		padding: 5px;
	}
	#point_new ul li .box {
		padding: 0;
	}
	#point_new ul li .ttl_box .icon {
		margin: 0 5px 0 0;
	}
	#point_new ul li .ttl_box .icon img {
		max-width: 30px !important;
	}
	#point_new ul li .ttl_box .ttl {
		font-size: 120%;
	}
	#point_new ul li .box .img {
		width: 30%;
		margin: 0 5px 0 0;
	}
	#point_new ul li .box .txt {
		width: 70%;
		font-size: 90%;
	}
	.box{
		align-items: center;
	}
	.point_img {
		width: 30%;
		margin-right: 10px;
	}
	.point_txt {
		font-size: 95%;
		padding: 5px 0;
		letter-spacing: -0.2px;
	}
	.point_title {
		font-size: 120%;
		padding-left: 0;
		padding-right: 0;
	}
}

.is-flex {
	display: flex !important;
}
.is-justify-center {
	justify-content: center;
}
.is-align-start {
	align-items: center;
}
.is-align-center {
	align-items: center;
}

/* NEW SEARCH AT SEARCH PAGE */
.order_change_pull select {
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
}
.order_change_pull {
	display: flex;
	margin-left: 20px;
}
.after_box .btn_red {
	font-size: 16px;
	width: 200px;
	height: 35px;
	color: #333;
	box-shadow:none !important;
	border: 1px solid #d6d6d6;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
.after_box .btn_red .fas {
	right: -10px;
}
.after_box .box_in {
	padding-bottom: 0px;
}
/* SP ~768px */
@media screen and (max-width:768px) {
	.after_box .box_in .top {
		flex-wrap: wrap;
		flex-flow: wrap;
	}
	.after_box .box_in .top dl:not(:last-child) {
		margin-right: 10px;
	}
	.after_box .btn_red {
		font-size: 12px;
		width: 140px;
		height: 28px;
		box-shadow: 0 3px #ab0107;
	}
	.after_box .box_in .mid {
		flex-wrap: wrap;
		flex-flow: wrap;
		align-items: flex-end;
	}
	.order_change_pull {
		margin-top: 5px;
	}
	.order_change_pull select {
		font-size: 12px;
	}
	.after_box .box_in .top {
		border-bottom: none;
	}
	.order_change_pull p {
		padding: 0px;
		padding-top: 3px;
	}
}

.order_change_pull .ttl {
	flex-shrink: 0;
}

/* mobitoshi */
.mobitoshi {
	margin: 0 auto;
	width: 750px;
}
.mobitoshi p {
	font-size: 20px;
	line-height: 1.8;
	margin: 0 0 20px;
}
.mobitoshi .qa01,
.mobitoshi .qa02,
.mobitoshi .qa03,
.mobitoshi .qa04,
.mobitoshi .qa05 {
	cursor: pointer;
}
.mobitoshi .qa01-c,
.mobitoshi .qa02-c,
.mobitoshi .qa03-c,
.mobitoshi .qa04-c,
.mobitoshi .qa05-c {
	display: none;
}

/* SP ~767 */
@media screen and (max-width:767px) {
	.mobitoshi {
		width: 100%;
	}
	.mobitoshi p {
		font-size: 18px;
		line-height: 1.6;
		margin: 0 10px 20px;
	}
}

.osusume_btn_area {
	margin: 60px 0;
}
.osusume_btn_area a {
	display: block;
	width: 500px;
	height: auto;
	background: #eb1920;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	margin: 0 auto;
	padding: 15px 10px 15px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 6px #ab0107;
	transition: all 0.4s ease;
	position: relative;
	top: 0;
	animation: cvbtn 2s infinite;
}
.osusume_btn_area a:hover {
	transition: all 0.4s ease;
	box-shadow: 0 0 #ab0107;
	top: 4px;
}
.osusume_btn_area a::before{
	content: '';
	display: inline-block;
	vertical-align: text-bottom;
	margin: 0 12px 0 0;
	width: 14px;
	height: 14px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* SP ~768 */
@media screen and (max-width:768px) {
	.osusume_btn_area {
		margin: 30px 0;
	}
	.osusume_btn_area a {
		font-size: 16px;
		padding: 10px;
		width: 70%;
	}
	.osusume_btn_area a::before {
		margin: 0 8px 0 0;
		width: 8px;
		height: 8px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
	}
	.osusume_btn_area a::after {
		width: 232px;
		height: 44px;
		top: -32px;
	}
}

.search-foot-area {
	background: #fff;
	padding: 30px 0;
}
/* SP ~768 */
@media screen and (max-width:768px) {
	#search_page .pagination {
		margin: 0 0 40px;
	}
	.search-foot-area {
		padding: 30px 0 15px;
	}
}

.shindan_search_area {
	padding: 10px 20px 20px 30px;
}
.shindan_search_area .shindan_search_wrap {
	background: #f0f0f0;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
	margin: -30px auto 0;
	padding: 30px;
	max-width: 1000px;
}
.shindan_search_area .search_block {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 0 20px;
	justify-content: center;
}
.shindan_search_area .search_num {
	position: static;
	top: 0;
	left: 200px;
}
.shindan_search_area .search_txt{
	width: 150px;
}
.shindan_search_area .search_txt,
.shindan_search_area .search_num {
	font-size: 20px;
	font-weight: bold;
}
.shindan_search_area .search_num input {
	border: 3px solid #ffd700;
	width: 200px!important;
}
.shindan_search_area #shindan_btn {
	position: relative;
	top: 0;
	transition: all .2s;
	background: #ffd700;
	box-shadow: 0 6px #cbac06;
	box-sizing: border-box;
	border-radius: 100px;
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
	margin: 0 auto;
	width: 50%;
	max-width: 340px;
	height: 75px;
}
.shindan_search_area #shindan_btn span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: inline-block;
	width: 184px;
}
.shindan_search_area #shindan_btn:hover {
	box-shadow: none;
	top: 4px;
	opacity: .8;
}
.shindan_search_area .shindan_result {
	display: none;
}
.shindan_search_area .shindan_result.open {
	display: block;
	transition: all 1s;
	margin: 40px 0 0;
}
.shindan_search_area .shindan_result_none {
	margin: 40px 0 0;
}
.shindan_search_area .shindan_result_none p span {
	color: #EB494C;
	font-weight: bold;
}
.shindan_search_area .top_result,
.shindan_search_area .shindan_result_none p {
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 15px 30px;
}
.shindan_search_area .top_result {
	margin: 40px 0 0;
}
.shindan_search_area .btm_result {
	position: relative;
	background: #fff;
	border: 3px solid #ffd700;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	margin: 40px auto;
	padding: 15px 30px;
}
.shindan_search_area .btm_result b {
	font-size: 30px;
}
.shindan_search_area .btm_result::after {
	position: absolute;
	bottom: -18px;
	left: 47%;
	transform: translateX(-50%);
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #fff;
	border: 3px solid;
	border-color:  transparent transparent #ffd700 #ffd700;
	transform: rotate(-45deg);
}
.shindan_search_area .topbox {
	max-width: none;
	margin: 0 0 15px;
}
.shindan_search_area .topbox:last-child {
	margin: 0;
}
.topbox.s_ad {
	margin: 0 auto 15px;
}
/* SP ~768 */
@media screen and (max-width:768px){
	.shindan_search_area .btm_result {
		font-size: 20px;
		padding: 15px;
		width: 100%;
	}
	.shindan_search_area .btm_result b {
		font-size: 26px;
	}
	.shindan_search_area .search_txt, 
	.shindan_search_area .search_num {
		font-size: 18px;
	}
	.shindan_search_area .search_txt {
		width: 130px;
	}
	.shindan_search_area .search_num {
		position: static;
	}
	.shindan_search_area {
		padding: 15px 10px;
	}
	.shindan_search_area .shindan_search_wrap {
		padding: 15px 15px 30px;
	}
	.shindan_search_area #shindan_btn {
		font-size: 20px;
		width: 100%;
		max-width: 220px;
		height: 60px;
	}
	.shindan_search_area #shindan_btn span {
		width: 168px;
	}
	.shindan_search_area .top_result,
	.shindan_search_area .shindan_result_none p {
		font-size: 20px;
		padding: 15px;
	}
	.shindan_search_area .search_num input {
		width: 100px!important;
	}
}

.se_kuchikomi {
	border: 1px solid #a8a8a8;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-bottom: 10px;
	background: #fff;
}
.se_kuchikomi_ttl {
	position: relative;
	padding-left: 50px;
	font-size: 120%;
	background: #f0f0f0;
	border-radius: 10px;
	margin-bottom: 5px;
}
.se_kuchikomi_ttl:before {
	content:"";
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	background: url("../images/new03/kuchikomi_icon.png");
	background-size: 40px 40px;
	left: 0px;
	top: 0px;
}
/* SP ~768 */
@media screen and (max-width:768px) {
	.se_kuchikomi {
		padding: 10px;
		font-size: 90%;
		margin-top: 10px;
	}
}


.rank_head2 {
	background: none;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 60px;
	padding-bottom: 10px;
	background: #e6e8e8;
}
.btm_arrow02 {
	position: relative;
	margin: 0 auto 125px!important;
}
.btm_arrow02::after {
	position: absolute;
	display: block;
	content: "";
	background: url(../images/btm_arrow02.png) no-repeat;
	background-size: contain;
	right: 50%;
	bottom: -138px;
	transform: translate(50%,0);
	z-index: 999;
	width: 100%;
	height: 140px;
	pointer-events: none;
}
/* SP ~768 */
@media screen and (max-width:768px) {
	.rank_head2 {
		padding-top: 30px;
	}
	.btm_arrow02 {
		margin: 0 0 40px!important;
	}
}

/* 最短で借りるための３ステップ */
.flow_img {
	max-width: 900px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 0;
}
.flow_note {
	width: 900px;
	margin: 0 auto 30px;
	font-size: 75%;
	color: #999;
}
@media screen and (max-width:768px) {
	.flow_img {
		margin-top: 0;
		margin-bottom: 0;
	}
	.flow_note {
		width: auto;
		padding: 5px;
	}
}

/*20230215*/
.dispad_url_on,
.item_exclusion {
	display: none;
}

#singletop {
	height: 5px;
}
#contents .main {
	padding-bottom: 15px;
}

/* NEW DESIGN RANKING */
.topboxNew {
	padding: 20px 10px;
	background: #fffeee;
}
.topboxNew .basic {
	padding-bottom: 20px;
}
.topboxNew .introduction {
	font-weight: bold;
	padding-bottom: 10px;
}
.topboxNew .introduction .red {
	font-weight: bold;
}
.topboxNew .basic.reco_item {
	padding-bottom: 5px;
	align-items: start;
}
.topboxNew .basic .img {
	margin: 0 10px 0 0;
	width: 43%;
	flex-shrink: 0;
}
.topboxNew .basic .img.reco {
	width: 35%;
}
.topboxNew .basic .img img {
	width: 100%;
}
.topboxNew .basic .text {
	width: 100%;
}
.topboxNew .basic .text h2 {
	border-bottom: none !important;
	padding-bottom: 10px;
}
.topboxNew .basic .text .rank-title h2 {
	line-height: 1;
}
.topboxNew .basic .text h2 span,
.topboxNew.is-sugu .text h2 span {
	font-size: 20px;
	text-decoration: none;
}
.topboxNew .basic .text > div {
	margin-bottom: 15px;
}
.topboxNew .basic .text > .rank-title {
	margin-bottom: 0;
	flex-wrap: wrap;
}
.topboxNew .basic .text > div .txt_box {
	margin-top: 0;
	width: max-content;
	margin-right: 5px;
}
.topboxNew .basic .text > div .txt_box .ranking_no {
	padding: 0;
	border-bottom: none;
	padding-left: 15px;
	font-size: 16px;
	margin-bottom: 0;
	margin-right: 5px;
}
.topboxNew .basic .text > div .txt_box .ranking_no::before {
	background-size: 15px;
	top: 50%;
	left: -5px;
	transform: translateY(-50%);
}
.topboxNew .basic .text > div .txt_box .ranking_no span {
	font-size: 20px;
	line-height: 1;
}
.topboxNew .basic .text > div p:nth-of-type(1) {
	color: #fff;
	background-color: #f3aa47;
	border-radius: 3px;
	padding: 2px 5px;
	font-size: 12px;
}
.topboxNew .basic .text > div p:nth-of-type(2) {
	font-weight: bolder;
	font-size: 17px;
	padding: 0 0 0 5px;
	line-height: 1;
}
.topboxNew .basic .text > div p:nth-of-type(2) span {
	font-size: 14px;
}
.topboxNew .basic .text .catch {
	color: #fff;
	font-size: 10px;
	background-color: #519962;
	line-height: 1.3;
	padding: 3px 5px;
	font-weight: 400;
	width: fit-content;
}
.topboxNew .basic .text > div > p:last-of-type {
	position: relative;
}
.topboxNew .points {
	position: relative;
	margin-top: 10px;
	padding: 30px 20px 10px;
	border: solid 2px #ff9800;
	margin-bottom: 10px;
	background: #fff;
	border-radius: 5px;
}
.topboxNew .points + .points {
	border: none;
	background-color: transparent;
	padding: 0;
}
.topboxNew .points .points_header {
	position: absolute;
	top: -17px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ffa34b;
	color: #fff;
	font-size: 15px;
	padding: 3px 15px;
	width: max-content;
	border-radius: 30px;
}
.topboxNew .points .points_header p {
	flex-shrink: 0;
	padding: 0 5px;
}
.topboxNew .points .points_header i {
	flex-shrink: 0;
	width: 25px;
}
.topboxNew .points .points_content ul li {
	margin-bottom: 10px;
	padding-left: 25px;
	background-image: url(../images/check_icon.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	background-size: 20px;
}
.topboxNew .points .points_content ul li.top_point {
	background-image: none;
	font-size: 180%;
	text-align: center;
	padding-left: 0;
}
.topboxNew .points .points_content ul li span {
	font-weight: bold;
	color: #eb3223;
	background: linear-gradient(transparent 60%, #f8d294 60%);
}
.topboxNew .points.dispad .points_content ul li {
	margin-bottom: 0;
}
.topboxNew .points.dispad .points_content ul p {
	padding: 5px 0 5px 15px;
	margin-bottom: 10px;
}
@media (min-width: 769px) {
	.topboxNew .introduction {
		font-size: 18px;
	}
}
/* SP ~768px */
@media screen and (max-width: 768px) {
	.topboxNew .points .points_content ul li.top_point {
		font-size: 140%;
		text-align: left;
		margin-top: -5px;
	}
	.topboxNew .points.dispad .points_content ul p {
		font-size: 12.5px;
		padding: 2px 0 2px 15px;
		margin-bottom: 5px;
		background: radial-gradient(rgba(248, 210, 148, 0.3) 0%, rgba(248, 210, 148, 0) 70%);
	}
}

.listpoint {
	margin-bottom: 10px;
}
.listpoint_ttl {
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 0.25em;
}
.listpoint_ttl .red {
	font-weight: bold;
}
.listpoint_ttl i {
	font-size: 120%;
	vertical-align: -10%;
	margin-right: 0.25em;
}
.listpoint dt {
	display: list-item;
	list-style-type: disc;
	margin-left: 2em;
}
.listpoint dd {
	font-size: 90%;
	line-height: 1.4;
	margin-left: 2em;
	margin-bottom: 0.2em;
}
.red_icon {
	color: #eb192055;
}
.orange_icon {
	color: #facd89;
}
.green_icon {
	color: #00968855;
}
.blue_icon {
	color: #1766af55;
}
.red {
	color: #eb3223;
}

.topboxNew .info tbody tr th {
	padding: 0;
	font-size: 13px;
}
.topboxNew .info tbody tr td {
	padding: 8px 5px;
	font-size: 13px;
	vertical-align: middle;
}
.topboxNew .info tbody tr td .ico {
	border-radius: 50px;
	overflow: hidden;
	width: 18%;
	max-width: 50px;
	margin: 0 3px;
}
.topboxNew .anken_icon {
	justify-content: center;
}
.topboxNew .anken_icon li {
	width: 30%;
}
.topboxNew .timer_in_box .timerbox {
	width: fit-content;
	padding: 0 6px;
}
.topboxNew .transition {
	position: relative;
	margin-top: 30px;
}
.topboxNew .transition a {
	background: #eb1920 !important;
	height: 56px;
	animation: cvbtn 2s infinite;
}
.topboxNew .transition.mobile span {
	position: absolute;
	top: -1.25rem;
	left: calc(50% - 140px);
	display: block;
	width: 280px;
	padding: 0.2rem 0;
	letter-spacing: .1rem;
	color: #d44114;
	border: 2px solid #eb1821;
	border-radius: 100vh;
	background: #fff;
	box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
	z-index: 99;
	font-weight: bold;
}
.topboxNew .transition.mobile span::before,
.topboxNew .transition.mobile span::after {
	position: absolute;
	left: calc(50% - 10px);
	content: '';
}
.topboxNew .transition.mobile span::before {
	bottom: -10px;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #eb1821 transparent transparent;
}
.topboxNew .transition.mobile span::after {
	bottom: -7px;
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #fff transparent transparent;
}
@keyframes cvbtn {
	0% {
		box-shadow: 0 6px 0 #ab0107;
		top: 0px;
	}
	10% {
		box-shadow: 0 0 0 #ab0107;
		top: 3px;
	}
	20% {
		box-shadow: 0 6px 0 #ab0107;
		top: 0px;
	}
	30% {
		box-shadow: 0 0 0 #ab0107;
		top: 3px;
	}
	40% {
		box-shadow: 0 6px 0 #ab0107;
		top: 0px;
	}
}
/* SP 560px~ */
@media (min-width: 560px) {
	.topboxNew .basic .img {
		margin: 0 20px 0 0;
		width: 45%;
	}
}
/* IPAD　769px~ */
@media (min-width: 769px) {
	.bg_box {
		padding: 0;
	}
	.topboxNew {
		padding: 20px 20px 25px;
	}
	.topboxNew .basic .img {
		width: 40%;
	}
	.topboxNew .basic .text h2 span { 
		font-size: 125%;
		text-decoration: none;
	}
	.topboxNew .basic .text > div .txt_box {
		margin-top: 0;
		width: max-content;
		margin-right: 15px;
	}
	.topboxNew .basic .text > div .txt_box .ranking_no {
		border-bottom: none;
		padding-left: 45px;
		font-size: 20px;
		margin-bottom: 0;
	}
	.topboxNew .basic .text > div .txt_box .ranking_no::before {
		background-size: contain;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
	}
	.topboxNew .basic .text > div .txt_box .ranking_no span {
		font-size: 40px;
	}
	.topboxNew .basic .text > div p:nth-of-type(1) {
		font-size: 20px;
		padding: 3px 15px;
	}
	.topboxNew .basic .text > div p:nth-of-type(2) {
		font-size: 30px;
		padding: 0 10px;
	}
	.topboxNew .basic .text > div p:nth-of-type(2) span {
		font-size: 20px;
	}
	.topboxNew .basic .text .catch {
		font-size: 18px;
	}
	.topboxNew .points {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.topboxNew .points .points_header {
		padding: 5px 30px;
		font-size: 18px;
		top: -25px;
	}
	.topboxNew .points .points_header p {
		padding: 5px 10px;
	}
	.topboxNew .points .points_header i {
		width: 32px;
	}
	.topboxNew .points .points_content ul li {
		font-size: 18px;
		background-size: 25px;
		padding-left: 35px;
	}
	.topboxNew .info tbody tr th {
		padding: 20px;
		font-size: 24px;
	}
	.topboxNew .info tbody tr td {
		padding: 30px 20px;
		font-size: 24px;
	}
	.topboxNew .anken_icon {
		justify-content: center;
	}
	.topboxNew .anken_icon li {
		width: 14%;
	}
	.topboxNew .timer_in_box {
		margin-bottom: 20px;
	}
}

/* AT SEARCH, ADDED CONTENT */
.searchRec {
	background-color: #ffebd0;
	padding: 0 0 30px;
}
.searchRec .rank_head2 {
	background-color: transparent;
}
.searchRec  .topbox  div  .timer_in_box  .timerbox {
	width: fit-content;
	padding: 0 20px;
}
/* IPAD　769px~ */
@media (min-width: 769px) {
	.searchRec {
		padding: 0 20px 30px;
	}
	.searchRec .rank_head2 {
		background-color: transparent;
		padding-left: 10px;
		padding-right: 10px;
	}
}

.remarksbox p{
	font-size: 75%;
}


/* --- AREA optimal_recommend --- */
.optimal_recommend{
	background-color: rgb(245, 175, 94);
	max-width: 1200px;
	margin: 40px auto 30px;
	padding: 20px 0;
}
.optimal_recommend .optimal_ttl{
	text-align: center;
	font-weight: bold;
	font-size: clamp(12px, 6vw, 45px);
	color: #fff;
	text-shadow: 3px 3px 2px #eb5203, -1px 1px 0 #eb5203, 1px -1px 0 #eb5203, -1px -1px 0 #eb5203;
	display: block;
	padding: 10px 0 30px;
	line-height: 1.2;
}
#search_page .optimal_recommend .topbox{
	max-width: 900px;
	margin: 0 auto;
	border: none;
	background: #fffeee;
	padding: 20px 20px 25px;
}
/* point  kuchikomi */
#search_page .optimal_recommend summary{
	display: block;
}
#search_page .optimal_recommend summary::-webkit-details-marker{
	display: none;
}
#search_page .optimal_recommend .topboxNew details.kuchikomi{
	border: solid 2px #71b036;
}
#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_header{
	position: absolute;
	top: -17px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 15px;
	width: max-content;
	border-radius: 30px;
	background-color: #71b036;
	cursor: pointer;
	padding: 3px 25px 3px 15px;
}
#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_header i{
	width: 32px;
}
#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_header p{
	flex-shrink: 0;
	padding: 0 5px;
}
#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_content ul hr{
	border-top: 1px dashed  #71b036;
}
#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_content ul li{
	background-image: url(https://test.mycardloan.com/wp-content/themes/mycardloan202106/images/new03/kuchikomi_icon.png);
	background-position: left 0 bottom 0;
	background-size: 35px;
	background-repeat: no-repeat;
	line-height: 35px;
	padding-left: 45px;
}
#search_page .optimal_recommend .topboxNew details.points,
#search_page .optimal_recommend .topboxNew details.kuchikomi{
	position: relative;
	border-radius: 5px;
	background: #fff;
	padding: 30px 20px 10px;
	height: 95px;
}
#search_page .optimal_recommend .topboxNew details.points{
	border: solid 2px #ffa34b;
}
#search_page .optimal_recommend .topboxNew details[open].points,
#search_page .optimal_recommend .topboxNew details[open].kuchikomi{
	height: unset;
}
#search_page .optimal_recommend .topboxNew details.points summary,
#search_page .optimal_recommend .topboxNew details.kuchikomi summary{
	cursor: pointer;
}
#search_page .optimal_recommend .topboxNew .points .points_header::after,
#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_header::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg) translate(-50%, 50%);
	transform: rotate(135deg) translate(-50%, 50%);
}
#search_page .optimal_recommend .topboxNew details[open].points .points_header::after,
#search_page .optimal_recommend .topboxNew details[open].kuchikomi .kuchikomi_header::after{
	-webkit-transform: rotate(-45deg) translate(25%, -25%);
	transform: rotate(-45deg) translate(25%, -25%);
}
#search_page .optimal_recommend .topboxNew .points .points_content,
#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_content{
	height: 105px;
	overflow: hidden;
	position: relative;
}
#search_page .optimal_recommend .topboxNew details[open].points .points_content,
#search_page .optimal_recommend .topboxNew details[open].kuchikomi .kuchikomi_content{
	height: unset;
}
#search_page .optimal_recommend .topboxNew .points .points_content ul li{
	margin-bottom: 0;
}
#search_page .optimal_recommend .topboxNew .points .points_content ul p{
	padding: 5px 0 5px 15px;
	margin-bottom: 10px;
}
#search_page .optimal_recommend .topboxNew .points .points_content ul p::before,
#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_content ul p::before{
	content: "";
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
	position: absolute;
	top: 55px;
	left: 0;
	width: 100%;
	height: 50px;
}
#search_page .optimal_recommend .topboxNew .points .points_content ul p::after,
#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_content ul p::after{
	content: "もっと見る...";
	font-weight: bold;
	width: 100px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
	position: absolute;
	top: 75px;
	left: 50%;
	transform: translateX(-50%);
}
#search_page .optimal_recommend .topboxNew details[open].points .points_content ul p::before,
#search_page .optimal_recommend .topboxNew details[open].points .points_content ul p::after,
#search_page .optimal_recommend .topboxNew details[open].kuchikomi .kuchikomi_content ul p::before,
#search_page .optimal_recommend .topboxNew details[open].kuchikomi .kuchikomi_content ul p::after{
	content: none;
}
#search_page .optimal_recommend .topbox .timer_in_box .remaining span{
	color: #f08401;
}

/* osusume curd loan */
summary {
	display: block;
}
summary::-webkit-details-marker {
	display: none;
}
.topboxNew details.points,
.topboxNew details.kuchikomi {
	position: relative;
	border-radius: 5px;
	background: #fff;
	padding: 30px 20px 10px;
	height: 95px;
}
.topboxNew details.points {
	border: solid 2px #ffa34b;
}
.topboxNew details[open].points,
.topboxNew details[open].kuchikomi {
	height: unset;
}
.topboxNew details.points summary,
.topboxNew details.kuchikomi summary {
	cursor: pointer;
}
.topboxNew .points .points_header::after,
.topboxNew .kuchikomi .kuchikomi_header::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(135deg) translate(-50%, 50%);
	transform: rotate(135deg) translate(-50%, 50%);
}
.topboxNew details[open].points .points_header::after,
.topboxNew details[open].kuchikomi .kuchikomi_header::after {
	-webkit-transform: rotate(-45deg) translate(25%, -25%);
	transform: rotate(-45deg) translate(25%, -25%);
}
.topboxNew .kuchikomi .kuchikomi_content {
	height: 105px;
	overflow: hidden;
	position: relative;
}
.topboxNew details[open].points .points_content,
.topboxNew details[open].kuchikomi .kuchikomi_content {
	height: unset;
}
.topboxNew .points .points_content ul li {
	margin-bottom: 0;
}
.topboxNew .points .points_content ul p {
	padding: 5px 0 5px 15px;
	margin-bottom: 10px;
}
.topboxNew .points .points_content ul p::before,
.topboxNew .kuchikomi .kuchikomi_content ul p::before {
	content: "";
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
	position: absolute;
	top: 55px;
	left: 0;
	width: 100%;
	height: 50px;
}
.topboxNew .points .points_content ul p::after,
.topboxNew .kuchikomi .kuchikomi_content ul p::after {
	content: "もっと見る...";
	font-weight: bold;
	width: 100px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
	position: absolute;
	top: 75px;
	left: 50%;
	transform: translateX(-50%);
}
.topboxNew details[open].points .points_content ul p::before,
.topboxNew details[open].points .points_content ul p::after,
.topboxNew details[open].kuchikomi .kuchikomi_content ul p::before,
.topboxNew details[open].kuchikomi .kuchikomi_content ul p::after {
	content: none;
}
@media (min-width: 769px) {
	.topboxNew .points {
		margin-bottom: 40px;
	}
}
@media screen and (max-width: 768px) {
	.topboxNew details.points {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.topboxNew .points .points_header,
	.topboxNew .kuchikomi .kuchikomi_header {
		padding: 3px 25px 3px 15px;
	}
	.topboxNew .points .points_content ul p {
		font-size: 12.5px;
		padding: 2px 0 2px 15px;
		margin-bottom: 5px;
		background: radial-gradient(rgba(248, 210, 148, 0.3) 0%, rgba(248, 210, 148, 0) 70%);
	}
}
.topboxNew details.kuchikomi {
	border: solid 2px #71b036;
}
.topboxNew .kuchikomi .kuchikomi_header {
	position: absolute;
	top: -17px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-size: 15px;
	width: max-content;
	border-radius: 30px;
	background-color: #71b036;
	cursor: pointer;
	padding: 3px 25px 3px 15px;
}
.topboxNew .kuchikomi .kuchikomi_header i {
	width: 32px;
}
.topboxNew .kuchikomi .kuchikomi_header p {
	flex-shrink: 0;
	padding: 0 5px;
}
.topboxNew .kuchikomi .kuchikomi_content ul hr {
	border-top: 1px dashed  #71b036;
}
.topboxNew .kuchikomi .kuchikomi_content ul li {
	background-image: url(https://test.yourcardloan.com/wp-content/themes/mycardloan202106/images/new03/kuchikomi_icon.png);
	background-position: left 0 bottom 0;
	background-size: 35px;
	background-repeat: no-repeat;
	line-height: 35px;
	padding-left: 45px;
}

@media (min-width: 769px) {
	.topboxNew .kuchikomi .kuchikomi_header {
		padding: 5px 30px;
		font-size: 18px;
		top: -25px;
	}
	.topboxNew .kuchikomi .kuchikomi_header p {
		padding: 5px 10px;
	}
}
@media screen and (max-width: 768px) {
	.topboxNew details.kuchikomi {
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.topboxNew .kuchikomi .kuchikomi_header i {
		width: 25px;
	}
}



/* IPAD 769px~ */
@media (min-width: 769px) {
	#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_header{
		padding: 5px 30px;
		font-size: 18px;
		top: -25px;
	}
	#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_header p{
		padding: 5px 10px;
	}
	#search_page .optimal_recommend .topboxNew .points{
		margin-top: 20px;
		margin-bottom: 40px;
	}
}
/* SP ~768px */
@media screen and (max-width: 768px) {
	.optimal_recommend{
		padding: 0 10px 10px;
		margin: 0 0 30px;
	}
	.optimal_recommend .optimal_ttl{
		padding: 10px 0;
	}
	#search_page .optimal_recommend .topbox{
		padding: 20px 10px;
	}
	#search_page .optimal_recommend .topboxNew details.kuchikomi{
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_header i{
		width: 25px;
	}
	#search_page .optimal_recommend .topboxNew details.points{
		margin-top: 20px;
		margin-bottom: 30px;
	}
	#search_page .optimal_recommend .topboxNew .points .points_header,
	#search_page .optimal_recommend .topboxNew .kuchikomi .kuchikomi_header{
		padding: 3px 25px 3px 15px;
	}
	#search_page .optimal_recommend .topboxNew .points .points_content ul p{
		font-size: 12.5px;
		padding: 2px 0 2px 15px;
		margin-bottom: 5px;
		background: radial-gradient(rgba(248, 210, 148, 0.3) 0%, rgba(248, 210, 148, 0) 70%);
	}
	#search_page .optimal_recommend .topbox .timer_in_box{
		margin-right: -3px;
		flex-wrap: wrap;
	}
	#search_page .optimal_recommend .topbox .timer_in_box .remaining{
		font-size: 12.5px;
		letter-spacing: -0.5px;
	}
	#search_page .optimal_recommend .topbox .timer_in_box .timerbox{
		padding: 0 3px;
		margin-left: 3px;
		letter-spacing: -0.5px;
	}
}

.pc {
	display: none !important;
}
.mobile {
	display: block !important;
}
/* IPAD　769px~ */
@media (min-width: 769px) {
	.pc {
		display: block !important;
	}
	.mobile {
		display: none !important;
	}
}


/* search 20250207
-------------------------------------------------------*/
#searchTOP h3 {
	background-color: #010066;
	color: #fff;
	font-weight: normal;
	letter-spacing: -0.05em;
	padding: 2px 0;
	margin: 0;
}
#searchTOP h3 span {
	font-size: 90%;
}
#searchTOP .rentcheck {
	background-color: rgba(0, 0, 0, 0.1);
	padding: 10px;
	margin: 0 0 10px;
}
#searchTOP .rentcheck span {
	width: calc((100% - 30px) / 3);
	border: none;
	background: #010066;
	color: #fff;
	margin: 5px;
}
#searchTOP .rentcheck input[type="checkbox"]:checked + span {
	border: none;		
}
#search_box .select_box li {
	position: relative;
}
#search_box #searchTOP:not(.syosin) .select_box li:nth-of-type(n+5) {
	display: none;
}
#search_box .select_box li label {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	font-size: 24px;
	font-weight: 500;
	color: #666666;
}
#search_box .select_box li p {
	position: absolute;	
	top: 50%;
	left: 40%;
	transform: translateY(-50%);
	font-size: 20px;
	font-weight: 500;
	color: #666666;
}
#search_box .select_box li select,
#search_box .select_box li > div {
	border-radius: 50px;
	line-height: 48px;
	border: none;
	background: transparent;
	color: transparent;
	padding: 10px;
	pointer-events: none;
}
#search_box .select_box li > div.data-inner {
	margin: 0;
	padding: 0;
}
#search_box .select_box li select {
	margin: 0 -45px;
	width: calc(100% + 90px)!important;
}
#search_box .select_box li > div {
	width: 100%;
	box-sizing: border-box;
}
#search_box .select_box li::before {
	position: absolute;
	display: block;
	content: "";
	width: 31px;
	height: 31px;
	right: 20px;
	top: 50%;
	transform: translate(0,-50%);
}
#search_box #searchTOP:not(.syosin) .select_box li::before {
	background: url("../images/morimori-search3/icon_check_ms.png")no-repeat center/31px 31px;
}
#search_box #searchTOP.syosin .select_box li::before {
	background: url("../images/morimori-search3/icon_check_g.png")no-repeat center/31px 31px;
}
#search_box .select_box li > div input,
#search_box .select_box li > div label {
	visibility: hidden;
}
.small_font {
	font-size: 10px;
}
@media screen and (max-width: 768px) {
	#searchTOP h3 {
		margin: 0 5px;
	}
	#searchTOP .rentcheck {
		padding: 2px;
		margin: 0 5px 5px;
		letter-spacing: -0.05em;
	}
	#searchTOP .rentcheck span {
		width: calc((100% - 12px) / 3);
		margin: 2px;
	}
	#search_box .select_box li label {
		left: 10px;
		font-size: 12px;
		letter-spacing: -0.5px;
		max-width: 45vw;
	}
	#search_box .select_box li p {
		left: 50%;
		font-size: 12px;
		letter-spacing: -0.5px;
		max-width: 35vw;
	}
	#search_box .select_box li select {
		line-height: 28px;
		margin: 0 -20px;
		width: calc(100% + 40px)!important;
	}
	#search_box .select_box li > div {
		line-height: 28px;
	}
	#search_box .select_box li::before {
		width: 20px;
		height: 20px;
		right: 10px;
	}
	#search_box #searchTOP:not(.syosin) .select_box li::before {
		background: url("../images/morimori-search3/icon_check_ms.png")no-repeat center/20px 20px;
	}
	#search_box #searchTOP.syosin .select_box li::before {
		background: url("../images/morimori-search3/icon_check_g.png")no-repeat center/20px 20px;
	}
}

#serch2_Modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.85);
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
	z-index: 100;
}
#serch2_Modal.active {
	opacity: 1;
	visibility: visible;
}
#serch2_Modal::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.modal-content {
	display: none;
	background: #fff;
	vertical-align: middle;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}
#serch2_Modal.active .modal-content {
	display: inline-block;
}
.modal-header {
	padding: 3px 15px;
	position: relative;
}
#serch2_Modal:not(.syosin) .modal-header {
	background: #010066;
}
#serch2_Modal.syosin .modal-header {
	background: rgb(155, 201, 122);
}
.modal-header h2 {
	font-size: clamp(12px, 5.8vw, 30px);
	font-weight: bold;
	line-height: 1.6;
	color: #fff;
	margin: 0;
}
.modalClose {
	font-size: clamp(12px, 5.8vw, 30px);
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
	color: #fff;
}
.modalClose:hover {
	cursor: pointer;
}
.modal-body {
	padding: 5px;
}
.modal-btn,
.modal-check,
.modal-submit {
	font-size: clamp(12px, 4.5vw, 24px);
	line-height: 2;
	border: 2px solid #d6d6d6;
	border-radius: 50px;
	margin: 5px;
	cursor: pointer;
}
.modal-btn:hover {
	background: #01006630;
}
#serch2_Modal:not(.syosin) .modal-btn:hover {
	background: #01006630;
}
#serch2_Modal.syosin .modal-btn:hover {
	background: #9BC97A30;
}
.modal-submit {
	font-weight: bold;
	color: #fff;
	border: none;
	cursor: pointer;
}
#serch2_Modal:not(.syosin) .modal-submit {
	background-color: #010066;
}
#serch2_Modal.syosin .modal-submit {
	background-color: rgb(155, 201, 122);
}
@media screen and (max-width: 768px) {
	.modal-btn:hover {
		background: transparent;
	}
}

/* hikaku */
.hikaku {
	background: none;
	padding: 0 10px 30px;
}
.hikaku .info {
	width: 100%;
	table-layout: fixed;
}
.hikaku .info tr:first-of-type td {
	vertical-align: top;
}
.hikaku .info th,
.hikaku .info td {
	line-height: 1.2;
	letter-spacing: -0.05em;
	width: 25%;
}
.hikaku .info th{
	width: 17%;
	vertical-align: middle;
}
.hikaku-ribbon {
	font-size: 90%;
	background: #010066;
	padding: 3px 6px;
	display: inline-block;
}
.hikaku-ribbon.lightblue{
	background:#2196f3;
}
.hikaku-ribbon.hidden {
	opacity: 0;
	visibility: hidden;
}
.hikaku .info tbody tr td {
	padding: 15px 5px;
}
.hikaku .info tbody tr td a {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* kariire loan content */
#content1 {
	margin: 0 auto;
	max-width: 1200px;
}
#content1 .content1_ttl,
h2.content3_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
	text-align: left;
	padding: 10px 0;
	margin-top: 0;
}
#content1 .content1_ttl{
	font-size: clamp(12px, 6.5vw, 50px);
	padding-bottom: 0;
}
h2.content3_ttl {
	font-size: clamp(12px, 5vw, 50px);
	background-image: linear-gradient(to bottom right, rgba(255,255,255,.37) 0%, transparent 40%, transparent 60%, rgba(255,255,255,.37) 100%);
}
#content1 .content1_ttl {
	background-color: #010066;
}
#content1 .content1_ttl img,
h2.content3_ttl img {
	width: 70px;
	margin-right: 0.5em;
}
#content1 .content1_ttl {
	margin-bottom: 0;
}
#recommend2 {
	background-color: #010066;
	padding-top: 10px;
}
#recommend2 .topbox > p:nth-of-type(1) {
	display: none;
}
#recommend2 .topboxNew {
	padding-top: 10px;
}
.btm_arrow02 {
	margin-bottom: 0!important;
}
.btm_arrow02::after {
	position: static;
	transform: none;
	background: url(https://yourcardloan.com/wp-content/themes/mycardloan202106/images/btm_arrow02_b.png) no-repeat;
	background-size: contain;
	background-color: #010066;
	aspect-ratio: 1200 / 140;
	height: auto;
}

#osusume_ttl {
	text-align: center;
	font-weight: bold;
	font-size: clamp(12px, 6vw, 45px);
	color: #fff;
	text-shadow: 3px 3px 2px #eb5203, -1px 1px 0 #eb5203, 1px -1px 0 #eb5203, -1px -1px 0 #eb5203;
	display: block;
	padding: 5px 0;
}
#recommend,
#recommend2,
.bg_box {
	max-width: 1200px;
	margin: 0 auto;
}
#recommend {
	background-color: rgb(245, 175, 94);
}


/* morimori-search-keiken */
#page_index,
#page_morimori-search-keiken-1,
#page_morimori-search-keiken-2{
	input[type="number"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: #fff;
		box-sizing: border-box;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		padding: 10px;
		margin: 0;
		font-size: 16px;
		transform: scale(0.9);
	}

	header {
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		padding: 0;
	}
	.headerLeft {
		text-align: center;
	}
	.headerLeft a {
		pointer-events:none 
	}
	.header-menu {
		display: none;
	}
	#nav {
		display: none;
	}
	#mainvisual {
		margin-top: 66px;
	}
	@media screen and (max-width: 768px) {
		#mainvisual {
			margin-top: 43px;
		}
		#mainvisual .maincatch::after {
			top: 1px;
			right: 3px;
		}
	}
	#search_box {
		padding-bottom: 30px;
	}
	#search_box h2.ttl01,
	.shindan_search_area h2.ttl01 {
		background: rgb(1, 0, 102);
		background-image: linear-gradient(to bottom right, rgba(255,255,255,.37) 0%, transparent 40%, transparent 60%, rgba(255,255,255,.37) 100%);
		color: #fff;
		border-radius: unset;
		font-size: clamp(12px, 5vw, 50px)!important;
		text-align: left;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#search_box h2.ttl01 i,
	.shindan_search_area h2.ttl01 i {

		margin-right: 0.5em;
	}
	#search_box h2.ttl01::after,
	.shindan_search_area h2.ttl01::after {
		content: none;
	}
	#search_box .timer_in_box {
		background: #f0f0f0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: row nowrap;
		padding: 10px 0;
		margin: 0;
	}
	#search_box .timer_in_box .remaining {
		font-size: 18px;
		position: relative;
	}
	#search_box .timer_in_box .remaining span {
		font-size: 18px;
	}
	#search_box .timer_in_box .remaining::after {
		position: absolute;
		display: block;
		content: "";
		background: url(../images/new02/icon_clock.png)no-repeat center/23px 24px;
		width: 23px;
		height: 24px;
		left: -20px;
		top: 50%;
		transform: translate(0,-50%);
	}
	#search_box .timer_in_box .timerbox {
		width: fit-content;
		padding: 0 6px;
		margin: 0 20px;
	}
	.timer_in_box .over {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		display: none;
	}
	.topboxNew .timer_in_box .over .timerbox,
	#search_box .timer_in_box .over .timerbox {
		display: inline-block;
		padding: 0 11px;
		margin: 0 10px;
	}
	#searchTOP {
		padding-top: 0;
	}
	#searchTOP .rentbtn button,
	.shindan_search_area #shindan_btn {
		color: #fff;
		background-color: rgb(1, 0, 102);
		box-shadow: 0 6px #d6d6d6;
	}
	@keyframes blinkAnimation {
		0% {
			border: 3px solid rgb(1, 0, 102);
		}
		100% {
			border: 3px solid #d6d6d6;
		}
	}
	#osusume_ttl {
		text-align: center;
		font-weight: bold;
		font-size: clamp(12px, 6vw, 45px);
		color: #fff;
		text-shadow: 3px 3px 2px #eb5203, -1px 1px 0 #eb5203, 1px -1px 0 #eb5203, -1px -1px 0 #eb5203;
		display: block;
		padding: 5px 0;
	}
	#recommend,
	#recommend2,
	.bg_box {
		max-width: 1200px;
		margin: 0 auto;
	}
	#recommend {
		margin-bottom: 50px;
		background-color: rgb(245, 175, 94);
	}
	@media screen and (max-width: 768px) {
		#recommend2 {
			padding: 0 10px 10px 10px;
		}
		#search_box .timer_in_box {
			padding: 5px 0;
		}
		#search_box .timer_in_box .remaining {
			font-size: 12.5px;
			padding: 0 0 0 7px;
			margin: 0;
			letter-spacing: -0.5px;
		}
		#search_box .timer_in_box .remaining span {
			font-size: 14px;
		}
		#search_box .timer_in_box .timerbox {
			padding: 0 3px;
			margin: 0 0 0 5px;
			letter-spacing: -0.5px;
		}
		#search_box .timer_in_box .timerbox p {
			padding: 0;
			font-size: 13px;
		}
		#search_box .timer_in_box .remaining::after {
			position: absolute;
			display: block;
			content: "";
			background: url(../images/new02/icon_clock.png)no-repeat center/12px 12px;
			width: 12px;
			height: 12px;
			left: -5px;
			top: 50%;
			transform: translate(0,-50%);
		}
		.timer_in_box .over {
			font-size: 12.5px;
		}
		.topboxNew .timer_in_box .over .timerbox,
		#search_box .timer_in_box .over .timerbox {
			font-size: 13px;
			margin: 0 5px;
		}
	}

	/* 比較 */
	.hikaku {
		background: none;
		padding: 0 10px 30px;
	}
	.hikaku .info {
		width: 100%;
		table-layout: fixed;
	}
	.hikaku .info tr:first-of-type td {
		vertical-align: top;
	}
	.hikaku .info th,
	.hikaku .info td {
		line-height: 1.2;
		letter-spacing: -0.05em;
		width: 25%;
	}
	.hikaku .info th{
		width: 17%;
		vertical-align: middle;
	}
	.hikaku-ribbon {
		font-size: 90%;
		background: #010066;
		padding: 3px 6px;
		display: inline-block;
	}
	.hikaku-ribbon.hidden {
		opacity: 0;
		visibility: hidden;
	}
	.hikaku .info tbody tr td {
		padding: 15px 5px;
	}
	.hikaku .info tbody tr td a {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	/* points */
	summary {
		display: block;
	}
	summary::-webkit-details-marker {
		display: none;
	}
	.topboxNew details.points,
	.topboxNew details.kuchikomi {
		position: relative;
		border-radius: 5px;
		background: #fff;
		padding: 30px 20px 10px;
		height: 95px;
	}
	.topboxNew details.points {
		border: solid 2px #ffa34b;
	}
	.topboxNew details[open].points,
	.topboxNew details[open].kuchikomi {
		height: unset;
	}
	.topboxNew details.points summary,
	.topboxNew details.kuchikomi summary {
		cursor: pointer;
	}
	.topboxNew .points .points_header::after,
	.topboxNew .kuchikomi .kuchikomi_header::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		width: 5px;
		height: 5px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(135deg) translate(-50%, 50%);
		transform: rotate(135deg) translate(-50%, 50%);
	}
	.topboxNew details[open].points .points_header::after,
	.topboxNew details[open].kuchikomi .kuchikomi_header::after {
		-webkit-transform: rotate(-45deg) translate(25%, -25%);
		transform: rotate(-45deg) translate(25%, -25%);
	}
	.topboxNew .points .points_content,
	.topboxNew .kuchikomi .kuchikomi_content {
		height: 105px;
		overflow: hidden;
		position: relative;
	}
	.topboxNew details[open].points .points_content,
	.topboxNew details[open].kuchikomi .kuchikomi_content {
		height: unset;
	}
	.topboxNew .points .points_content ul li {
		margin-bottom: 0;
	}
	.topboxNew .points .points_content ul p {
		padding: 5px 0 5px 15px;
		margin-bottom: 10px;
	}
	.topboxNew .points .points_content ul p::before,
		.topboxNew .kuchikomi .kuchikomi_content ul p::before {
			content: "";
			background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
			position: absolute;
			top: 55px;
			left: 0;
			width: 100%;
			height: 50px;
	}
	.topboxNew .points .points_content ul p::after,
		.topboxNew .kuchikomi .kuchikomi_content ul p::after {
			content: "もっと見る...";
			font-weight: bold;
			width: 100px;
			background: #fff;
			border: 1px solid #ddd;
			text-align: center;
			position: absolute;
			top: 75px;
			left: 50%;
			transform: translateX(-50%);
	}
	.topboxNew details[open].points .points_content ul p::before,
		.topboxNew details[open].points .points_content ul p::after,
		.topboxNew details[open].kuchikomi .kuchikomi_content ul p::before,
		.topboxNew details[open].kuchikomi .kuchikomi_content ul p::after {
			content: none;
	}
	@media (min-width: 769px) {
		.topboxNew .points {
			margin-bottom: 40px;
		}
	}
	@media screen and (max-width: 768px) {
		.topboxNew details.points {
			margin-top: 20px;
			margin-bottom: 30px;
		}
		.topboxNew .points .points_header,
		.topboxNew .kuchikomi .kuchikomi_header {
			padding: 3px 25px 3px 15px;
		}
		.topboxNew .points .points_content ul p {
			font-size: 12.5px;
			padding: 2px 0 2px 15px;
			margin-bottom: 5px;
			background: radial-gradient(rgba(248, 210, 148, 0.3) 0%, rgba(248, 210, 148, 0) 70%);
		}
	}

	/* kuchikomi */
	.topboxNew details.kuchikomi {
		border: solid 2px #71b036;
	}
	.topboxNew .kuchikomi .kuchikomi_header {
		position: absolute;
		top: -17px;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		font-size: 15px;
		width: max-content;
		border-radius: 30px;
		background-color: #71b036;
		cursor: pointer;
		padding: 3px 25px 3px 15px;
	}
	.topboxNew .kuchikomi .kuchikomi_header i {
		width: 32px;
	}
	.topboxNew .kuchikomi .kuchikomi_header p {
		flex-shrink: 0;
		padding: 0 5px;
	}
	.topboxNew .kuchikomi .kuchikomi_content ul hr {
		border-top: 1px dashed  #71b036;
	}
	.topboxNew .kuchikomi .kuchikomi_content ul li {
		background-image: url(<?php bloginfo('template_directory'); ?>/images/new03/kuchikomi_icon.png);
		background-position: left 0 bottom 0;
		background-size: 35px;
		background-repeat: no-repeat;
		line-height: 35px;
		padding-left: 45px;
	}
	@media (min-width: 769px) {
		.topboxNew .kuchikomi .kuchikomi_header {
			padding: 5px 30px;
			font-size: 18px;
			top: -25px;
		}
		.topboxNew .kuchikomi .kuchikomi_header p {
			padding: 5px 10px;
		}
	}
	@media screen and (max-width: 768px) {
		.topboxNew details.kuchikomi {
			margin-top: 20px;
			margin-bottom: 10px;
		}
		.topboxNew .kuchikomi .kuchikomi_header i {
			width: 25px;
		}
	}

	/* content */
	#content1 {
		margin: 0 auto;
		max-width: 1200px;
	}
	#content1 .content1_ttl,
	h2.content3_ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-weight: bold;
		line-height: 1.2em;
		text-align: left;
		padding: 10px 0;
		margin-top: 0;
	}
	#content1 .content1_ttl{
		font-size: clamp(12px, 6.5vw, 50px);
		padding-bottom: 0;
	}
	h2.content3_ttl {
		font-size: clamp(12px, 5vw, 50px);
		background-image: linear-gradient(to bottom right, rgba(255,255,255,.37) 0%, transparent 40%, transparent 60%, rgba(255,255,255,.37) 100%);
	}
	#content1 .content1_ttl {
		background-color: #010066;
	}
	#content1 .content1_ttl img,
	h2.content3_ttl img {
		width: 70px;
		margin-right: 0.5em;
	}
	#content1 .content1_ttl {
		margin-bottom: 0;
	}
	#recommend2 {
		background-color: #010066;
		padding-top: 10px;
	}
	#recommend2 .topbox > p:nth-of-type(1) {
		display: none;
	}
	#recommend2 .topboxNew {
		padding-top: 10px;
	}
	.rank-title span:not(h3 > span) {
		display: none;
	}
	.rank-title h3 {
		margin-left: 0;
	}
	.bg_box {
		background: #e6e8e8;
		margin-top:-20px;
		padding-top:20px;
		margin-bottom: 30px;
	}
	h2.content3_ttl {
		max-width: 1200px;
		margin: 0 auto 10px;
		background-color: rgb(155, 201, 122);
	}
	.aco-block {
		text-align: center;
	}
	@media screen and (max-width: 768px) {
		.topbox .timer_in_box {
			margin-right: -3px;
		}
		.topbox .timer_in_box .remaining {
			font-size: 12.5px;
			letter-spacing: -0.5px;
		}
		.topboxNew .timer_in_box .timerbox {
			padding: 0 3px;
			margin-left: 3px;
			letter-spacing: -0.5px;
		}
		#content1 .content1_ttl img,
		h2.content3_ttl img {
			width: 30px;
		}
		.bg_box {
			margin-bottom: 30px;
		}
	}
	.btm_arrow02 {
		margin-bottom: 0!important;
	}
	.btm_arrow02::after {
		position: static;
		transform: none;
		background: url(<?php echo get_stylesheet_directory_uri(); ?>/images/btm_arrow02_b.png) no-repeat;
		background-size: contain;
		background-color: #010066;
		aspect-ratio: 1200 / 140;
		height: auto;
	}
	#top, #content0, #content1, #content3, #content4 {
		display: block;
		padding-top: 70px;
		margin-top: -70px;
	}
	@media screen and (max-width: 768px) {
		#content0, #content1, #content3, #content4 {
			padding-top: 43px;
			margin-top: -43px;
		}
		.btm_arrow02::after {
			width: calc(100% + 20px);
			margin-left: -10px;
			margin-bottom: -10px;
		}
	}


	/* モーダル */
	.select_modal {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: rgba(0, 0, 0, 0.85);
		overflow: auto;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		box-sizing: border-box;
		z-index: 1001;
	}
	.select_modal::before {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	.select_modal.active {
		opacity: 1;
		visibility: visible;
	}
	.select_modal_body,
	.select_modal_load {
		display: none;
		background: #fff;
		vertical-align: middle;
		width: 90%;
		max-width: 1000px;
		border-radius: 10px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	.select_modal_body.active,
	.select_modal_load.active {
		display: inline-block;		
	}
	.select_modal_body header {
		background-color: #b1ede3!important;
		padding: 20px 20px 10px;
		border-radius: 10px 10px 0 0;
		margin: 0 0 20px;
		position: relative;
	}
	.select_modal_body header h2 {
		font-size: clamp(12px, 4.4vw, 40px);
		font-weight: bold;
		line-height: 1.6;
		margin: 0 22% 0.25em 0;
	}
	.select_modal_body header p {
		font-size: clamp(12px, 1.8vw, 18px);
		font-weight: normal;
		line-height: 1.2;
		padding: 0;
		margin: 0 22% 0 0;
	}
	.select_modal_body header p img {
		width: 20%;
		position: absolute;
		bottom: 0;
		right: 2%;
	}
	.select_modal_body p {
		text-align: center;
		font-size: clamp(12px, 4.4vw, 30px);
		font-weight: bold;
		margin-bottom: 15px;
	}
	.select_modal_body p.button {
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		position: relative;
		top: 0;
		font-size: 22px;
		line-height: 1;
		font-weight: 700;
		text-decoration: none;
		color: #fff;
		background-color: #010066;
		border: none;
		border-radius: 10px;
		box-shadow: 0 6px #d6d6d6;
		width: 100%;
		max-width: 70%;
		height: 75px;
		cursor: pointer;
		box-sizing: border-box;
		padding: 10px;
		margin: 0 auto 26px;
		transition: .2s box-shadow, .2s top;
	}
	.select_modal_body p.button span {
		display: block;
		font-size: clamp(11px, 1.8vw, 18px);
		font-weight: normal;
	}
	.select_modal_body p.button:hover {
		top: 6px;
		box-shadow: none;
	}
	.select_modal_body p.button:last-of-type {
		margin-bottom: 41px;
	}
	.select_modal_load p {
		margin: 15px 0;
	}
	@media screen and (max-width: 768px) {
		.select_modal_body header {
			padding: 10px 10px 5px;
			margin-bottom: 10px;
		}
		.select_modal_body h2 {
			margin-bottom: 10px;
		}
		.select_modal_body p {
			margin-bottom: 10px;
		}
		.select_modal_body p.button {
			font-size: 16px;
			margin-bottom: 16px;
			max-width: calc(100% - 20px);
			height: 55px;
		}
		.select_modal_body p.button span {
			letter-spacing: -0.05em;
		}
		.select_modal_body p.button:last-of-type {
			margin-bottom: 26px;
		}
	}

	/* 	nav */
	.nav {
		display: none;
	}
	.nav.arroe_top {
		background: rgba(0, 0, 0, 0.25);
		width: 50px;
		height: 50px;
		border-radius: 50%;
		bottom: 30px;
		right: calc(50% - 655px);
		left: unset;
		align-items: center;
		justify-content: center;
		opacity: 0.5;
		position: fixed;
	}
	.nav.arroe_top.is-fixed {
		display: flex;
	}
	.nav.arroe_top::before {
		content: "";
		clip-path: polygon(50% 10%, 100% 55%, 100% 75%, 50% 30%, 0% 75%, 0 55%);
		height: 25px;
		aspect-ratio: 1;
		background-color: rgba(255, 255, 255, 0.5);
		display: inline-block;
	}
	@media screen and (max-width: 1200px) {
		.nav.arroe_top {
			right: 10px;
			bottom: 10px;
		}
	}
	@media screen and (max-width: 768px) {
		.nav {
			display: block;
			position: fixed;
			opacity: 0;
			visibility: hidden;
			transition: .3s;
			bottom: 0;
			left: 0;
			width: 100%;
			background: rgba(0, 0, 0, 0.75);
			z-index: 1000;
		}

		.nav.is-fixed {
			opacity: 1;
			visibility: visible;;
		}
		.nav > span {
			color: #fff;
			display: flex;
			align-items: flex-start;
		}
		.nav img {
			width: 70px;
			margin: 5px;
			float: left;
		}

		.nav > span div div:nth-of-type(2),
		.nav > span div div:nth-of-type(3) {
			display: inline-block;
		}

		.nav > span div div:nth-of-type(3) {
			color: #faea27;
		}
		.nav > span div > a {
			font-size: larger;
			font-weight: bold;
			text-decoration: underline;
			color: #fff;
			display: block;
		}
		.copyright {
			padding-bottom: 100px;
		}
	}
}






/* morimori-search-syosin */
#page_morimori-search-syosin-1,
#page_morimori-search-syosin-2 {
	input[type="number"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: #fff;
		box-sizing: border-box;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		padding: 10px;
		margin: 0;
		font-size: 16px;
		transform: scale(0.9);
	}

	header {
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		padding: 0;
	}
	.headerLeft {
		text-align: center;
	}
	.headerLeft a {
		pointer-events:none 
	}
	.header-menu {
		display: none;
	}
	#nav {
		display: none;
	}
	#mainvisual {
		margin-top: 66px;
	}
	@media screen and (max-width: 768px) {
		#mainvisual {
			margin-top: 43px;
		}
		#mainvisual .maincatch::after {
			top: 1px;
			right: 3px;
		}
	}
	#search_box {
		padding-bottom: 30px;
	}
	#search_box h2.ttl01,
	.shindan_search_area h2.ttl01 {
		background: rgb(2, 153, 96);
		background-image: linear-gradient(to bottom right, rgba(255,255,255,.37) 0%, transparent 40%, transparent 60%, rgba(255,255,255,.37) 100%);
		color: #fff;
		border-radius: unset;
		font-size: clamp(12px, 5vw, 50px)!important;
		text-align: left;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#search_box h2.ttl01 i,
	.shindan_search_area h2.ttl01 i {

		margin-right: 0.5em;
	}
	#search_box h2.ttl01::after,
	.shindan_search_area h2.ttl01::after {
		content: none;
	}
	#search_box .timer_in_box,
	#content4 .timer_in_box {
		background: #f0f0f0;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-flow: row nowrap;
		padding: 10px 0;
		margin: 0;
	}
	#search_box .timer_in_box .remaining,
	#content4 .timer_in_box .remaining {
		font-size: 18px;
		position: relative;
	}
	#search_box .timer_in_box .remaining span,
	#content4 .timer_in_box .remaining span {
		font-size: 18px;
	}
	#search_box .timer_in_box .remaining::after,
	#content4 .timer_in_box .remaining::after {
		position: absolute;
		display: block;
		content: "";
		background: url(../images/new02/icon_clock.png)no-repeat center/23px 24px;
		width: 23px;
		height: 24px;
		left: -20px;
		top: 50%;
		transform: translate(0,-50%);
	}
	#search_box .timer_in_box .timerbox,
	#content4 .timer_in_box .timerbox {
		width: fit-content;
		padding: 0 6px;
		margin: 0 20px;
	}
	.timer_in_box .over {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		display: none;
	}
	.topboxNew .timer_in_box .over .timerbox,
	#search_box .timer_in_box .over .timerbox {
		display: inline-block;
		padding: 0 11px;
		margin: 0 10px;
	}
	#searchTOP {
		padding-top: 0;
	}
	#searchTOP .rentbtn button,
	.shindan_search_area #shindan_btn {
		color: #fff;
		background-color: rgb(2, 135, 96);
		box-shadow: 0 6px rgb(1 80 59);
	}
	@keyframes blinkAnimation {
		0% {
			border: 3px solid rgb(2, 135, 96);
		}
		100% {
			border: 3px solid #f0f0f0;
		}
	}
	#osusume_ttl {
		text-align: center;
		font-weight: bold;
		font-size: clamp(12px, 6vw, 45px);
		color: #fff;
		text-shadow: 3px 3px 2px rgb(103, 155, 63), -1px 1px 0 rgb(103, 155, 63), 1px -1px 0 rgb(103, 155, 63), -1px -1px 0 rgb(103, 155, 63);
		display: block;
		padding: 5px 0;
	}
	#recommend,
	#recommend2,
	#recommend3,
	.bg_box {
		max-width: 1200px;
		margin: 0 auto;
	}
	#recommend,
	#recommend3 {
		padding: 0 0 40px;
		margin-bottom: 50px;
	}
	#recommend {
		background-color: rgb(2, 135, 96);
	}
	#recommend3 {
		background-color: #f0f0f0;
		padding-top: 0;
	}
	#recommend .topbox,
	#recommend3 .topbox {
		margin-bottom: 10px;
	}
	#recommend .topbox:last-of-type,
	#recommend3 .topbox:last-of-type {
		margin-bottom: 0;
	}
	@media screen and (max-width: 768px) {
		#recommend2 {
			padding: 0 10px 0 10px;
		}
		#search_box .timer_in_box,
		#content4 .timer_in_box {
			padding: 5px 0;
		}
		#search_box .timer_in_box .remaining,
		#content4 .timer_in_box .remaining {
			font-size: 12.5px;
			padding: 0 0 0 7px;
			margin: 0;
			letter-spacing: -0.5px;
		}
		#search_box .timer_in_box .remaining span,
		#content4 .timer_in_box .remaining span {
			font-size: 14px;
		}
		#search_box .timer_in_box .timerbox,
		#content4 .timer_in_box .timerbox {
			padding: 0 3px;
			margin: 0 0 0 5px;
			letter-spacing: -0.5px;
		}
		#search_box .timer_in_box .timerbox p,
		#content4 .timer_in_box .timerbox p {
			padding: 0;
			font-size: 13px;
		}
		#search_box .timer_in_box .remaining::after,
		#content4 .timer_in_box .remaining::after {
			position: absolute;
			display: block;
			content: "";
			background: url(../images/new02/icon_clock.png)no-repeat center/12px 12px;
			width: 12px;
			height: 12px;
			left: -5px;
			top: 50%;
			transform: translate(0,-50%);
		}
		.timer_in_box .over {
			font-size: 12.5px;
		}
		.topboxNew .timer_in_box .over .timerbox,
		#search_box .timer_in_box .over .timerbox {
			font-size: 13px;
			margin: 0 5px;
		}
	}

	#tab_1,
	#tab_2 {
		max-width: 1200px;
		margin: 0 auto;
		display: flex;
		font-size: clamp(12px, 4vw, 24px);
	}
	#tab_2 {
		border-bottom: 1px solid #dcdcdc;
	}
	#tab_1 p,
	#tab_2 p {
		background: #f0f0f0;
		text-align: center;
		border-radius: 5px 5px 0 0;
		margin-right: 5px;
		border: solid 1px #ddd;
		box-sizing: border-box;
		border-bottom: none;
		min-width: 55px;
		flex-grow: 1;
	}
	#tab_1 p:last-of-type,
	#tab_2 p:last-of-type {
		margin-right: 0;
	}
	#tab_1 p.active,
	#tab_2 p.active {
		background-color: rgb(2, 135, 96);
		color: #fff;
		font-weight: bold;
		border: solid 1px rgb(2, 135, 96);
		cursor: pointer;
	}
	#recommend2 > div,
	.ht40,
	.bg_box > div {
		display: none!important;
	}
	#recommend2 > div.active,
	.bg_box > div.active {
		display: block!important;
	}
	@media screen and (max-width: 768px) {
		#tab_1 p,
		#tab_2 p {
			margin-right: 3px;
		}
		#tab_1 p:last-of-type,
		#tab_2 p:last-of-type {
			margin-right: 0;
		}

	}

		.aco-block {
		margin-bottom: 30px;
	}
	.qa-ttl {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}
	.qa-ttl p {
		font-size: clamp(16px, 5vw, 40px);
		font-weight: bold;
		line-height: 1.4;
		color: rgb(2, 135, 96);
		padding: 5px 0;
		margin: 0;
	}
	.qa-ttl span.strong {
		font-size: clamp(18px, 6vw, 44px);
		font-weight: bold;
		color: rgb(1, 56, 80);
	}
	@media screen and (max-width: 768px) {
		.qa-ttl::after {
			bottom: -25px;
			height: 25px;
		}
	}
	@media screen and (max-width: 480px) {
		.qa-ttl::after {
			bottom: -15px;
			height: 15px;
		}
	}

		.shindan_search_area {
		max-width: 1000px;
		padding: 0 20px 0 30px;
		margin: 0 auto 50px;
	}
	.shindan_search_area h2.ttl01 {
		padding: 10px;
		position: relative;
	}
	.shindan_search_area .shindan_search_wrap {
		margin: 0 auto;
	}
	.shindan_search_area .search_num input {
		border: 3px solid rgb(2, 135, 96);
	}
	.shindan_search_area .top_result > span {
		font-size: 200%;
		font-weight: bold;
		color: #eb1920;
	}
	.shindan_search_area .top_result > span #top_result_value {
		font-weight: bold;
	}
	.shindan_search_area .search_block {
		justify-content: center;
	}
	.shindan_search_area .search_txt {
		width: 150px;
	}
	.shindan_search_area .search_num {
		position: static;
	}
	@media screen and (max-width: 768px) {
		.shindan_search_area {
			padding: 0 10px;
		}
		.shindan_search_area .shindan_search_wrap {
			padding: 10px 5px;
		}
		.shindan_search_area .search_txt, .shindan_search_area .search_num {
			font-size: 18px;
		}
		.shindan_search_area .search_txt {
			width: 130px;
		}
		.shindan_search_area #shindan_btn {
			margin-bottom: 11px;
		}
	}

		.hikaku {
		background: none;
		padding: 0 10px 30px;
	}
	.hikaku .info {
		width: 100%;
		table-layout: fixed;
	}
	.hikaku .info tr:first-of-type td {
		vertical-align: top;
	}
	.hikaku .info th,
	.hikaku .info td {
		line-height: 1.2;
		letter-spacing: -0.05em;
		width: 25%;
	}
	.hikaku .info th{
		width: 17%;
		vertical-align: middle;
	}
	.hikaku-ribbon {
		background: #2196f3;
		font-size: 90%;
		padding: 3px 6px;
		display: inline-block;
	}
	.hikaku-ribbon.hidden {
		opacity: 0;
		visibility: hidden;
	}
	.hikaku .info tbody tr td {
		padding: 15px 5px;
	}
	.hikaku .info tbody tr td a {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

		#ranking2 {
		position: relative;
	}
	#ranking2 h2 {
		font-size: clamp(12px, 4vw, 30px);
		font-weight: bold;
		text-align: center;
		line-height: 1.2;
		border-bottom: none;
	}
	#ranking2 h2 span {
		font-size: clamp(20px, 6.5vw, 50px);
		font-weight: bold;
		line-height: 1.6;
		color: rgb(2, 135, 96);
	}
	#ranking2 > .ranking2_content {
		display: none;
		justify-content: space-between;
		font-size: clamp(16px, 5vw, 28px);
		line-height: 35px;
		border: 1px solid #dcdcdc;
		border-top: none;
		padding: 5px 5px 5px 50px;
	}
	#ranking2 > .ranking2_content.active {
		display: flex;
	}
	#ranking2 > .ranking2_content p:first-of-type {
		font-weight: bold;
	}
	#ranking2 > .ranking2_content a {
		font-size: 80%;
		background-color: #eb1920;
		color: #fff;
		border-radius: 6px;
		padding-right: 35px;
		padding-left: 15px;
		position: relative;
		line-height: calc(35px * 0.7);
		margin-top: calc(35px * 0.15);
		margin-bottom: calc(35px * 0.15);
	}
	#ranking2 > .ranking2_content a::after {
		content: "";
		display: block;
		clip-path: polygon(0 0, 86.6% 50%, 0 100%);
		height: 13px;
		aspect-ratio: 1;
		background-color: #fff;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
	}
	.crown {
		position: absolute;
		padding: 0px 0px 0px 2.5em;
		left: 35px;
	}
	#ranking2 .crown:nth-of-type(1) {
		color: #dbb400;
		bottom: 168px;
	}
	#ranking2 .crown:nth-of-type(2) {
		color: #9fa0a0;
		bottom: 112px;
	}
	#ranking2 .crown:nth-of-type(3) {
		color: #c47022;
		bottom: 56px;
	}
	.crown::before,
	.crown::after {
		position: absolute;
		left: 0px;
		width: 0px;
		height: 0px;
		content: "";
	}
	.crown::before {
		top: 2.55em;
		border: 1em solid transparent;
		border-bottom: 1.5em solid currentColor;
	}
	.crown::after {
		top: 4.05em;
		border: 0.5em solid transparent;
		border-left: 1em solid currentColor;
		border-right: 1em solid currentColor;
	}
	@media screen and (max-width: 768px) {
		#ranking2 > .ranking2_content {
			padding-left: 35px;
		}
		#ranking2 > .ranking2_content a {
			padding-right: 20px;
			padding-left: 5px;
		}
		#ranking2 > .ranking2_content a::after {
			height: 10px;
			right: 5px;
		}
		.crown {
			left: 15px;
		}
		#ranking2 .crown:nth-of-type(1) {
			bottom: 150px;
		}
		#ranking2 .crown:nth-of-type(2) {
			bottom: 95px;
		}
		#ranking2 .crown:nth-of-type(3) {
			bottom: 46px;
		}
	}

		summary {
		display: block;
	}
	summary::-webkit-details-marker {
		display: none;
	}
	.topboxNew details.points,
	.topboxNew details.kuchikomi {
		position: relative;
		border-radius: 5px;
		background: #fff;
		padding: 30px 20px 10px;
		height: 95px;
	}
	.topboxNew details.points {
		border: solid 2px #ffa34b;
	}
	.topboxNew details[open].points,
	.topboxNew details[open].kuchikomi {
		height: unset;
	}
	.topboxNew details.points summary,
	.topboxNew details.kuchikomi summary {
		cursor: pointer;
	}
	.topboxNew .points .points_header::after,
	.topboxNew .kuchikomi .kuchikomi_header::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 15px;
		width: 5px;
		height: 5px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(135deg) translate(-50%, 50%);
		transform: rotate(135deg) translate(-50%, 50%);
	}
	.topboxNew details[open].points .points_header::after,
	.topboxNew details[open].kuchikomi .kuchikomi_header::after {
		-webkit-transform: rotate(-45deg) translate(25%, -25%);
		transform: rotate(-45deg) translate(25%, -25%);
	}
	.topboxNew .points .points_content,
	.topboxNew .kuchikomi .kuchikomi_content {
		height: 105px;
		overflow: hidden;
		position: relative;
	}
	.topboxNew details[open].points .points_content,
	.topboxNew details[open].kuchikomi .kuchikomi_content {
		height: unset;
	}
	.topboxNew .points .points_content ul li {
		margin-bottom: 0;
	}
	.topboxNew .points .points_content ul p {
		padding: 5px 0 5px 15px;
		margin-bottom: 10px;
	}
	.topboxNew .points .points_content ul p::before,
	.topboxNew .kuchikomi .kuchikomi_content ul p::before {
		content: "";
		background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75));
		position: absolute;
		top: 55px;
		left: 0;
		width: 100%;
		height: 50px;
	}
	.topboxNew .points .points_content ul p::after,
	.topboxNew .kuchikomi .kuchikomi_content ul p::after {
		content: "もっと見る...";
		font-weight: bold;
		width: 100px;
		background: #fff;
		border: 1px solid #ddd;
		text-align: center;
		position: absolute;
		top: 75px;
		left: 50%;
		transform: translateX(-50%);
	}
	.topboxNew details[open].points .points_content ul p::before,
	.topboxNew details[open].points .points_content ul p::after,
	.topboxNew details[open].kuchikomi .kuchikomi_content ul p::before,
	.topboxNew details[open].kuchikomi .kuchikomi_content ul p::after {
		content: none;
	}
	@media (min-width: 769px) {
		.topboxNew .points {
			margin-bottom: 40px;
		}
	}
	@media screen and (max-width: 768px) {
		.topboxNew details.points {
			margin-top: 20px;
			margin-bottom: 30px;
		}
		.topboxNew .points .points_header,
		.topboxNew .kuchikomi .kuchikomi_header {
			padding: 3px 25px 3px 15px;
		}
		.topboxNew .points .points_content ul p {
			font-size: 12.5px;
			padding: 2px 0 2px 15px;
			margin-bottom: 5px;
			background: radial-gradient(rgba(248, 210, 148, 0.3) 0%, rgba(248, 210, 148, 0) 70%);
		}
	}

		.topboxNew details.kuchikomi {
		border: solid 2px #71b036;
	}
	.topboxNew .kuchikomi .kuchikomi_header {
		position: absolute;
		top: -17px;
		left: 50%;
		transform: translateX(-50%);
		color: #fff;
		font-size: 15px;
		width: max-content;
		border-radius: 30px;
		background-color: #71b036;
		cursor: pointer;
		padding: 3px 25px 3px 15px;
	}
	.topboxNew .kuchikomi .kuchikomi_header i {
		width: 32px;
	}
	.topboxNew .kuchikomi .kuchikomi_header p {
		flex-shrink: 0;
		padding: 0 5px;
	}
	.topboxNew .kuchikomi .kuchikomi_content ul hr {
		border-top: 1px dashed  #71b036;
	}
	.topboxNew .kuchikomi .kuchikomi_content ul li {
		background-image: url(https://yourcardloan.com/wp-content/themes/mycardloan202106/images/new03/kuchikomi_icon.png);
		background-position: left 0 bottom 0;
		background-size: 35px;
		background-repeat: no-repeat;
		line-height: 35px;
		padding-left: 45px;
	}
	@media (min-width: 769px) {
		.topboxNew .kuchikomi .kuchikomi_header {
			padding: 5px 30px;
			font-size: 18px;
			top: -25px;
		}
		.topboxNew .kuchikomi .kuchikomi_header p {
			padding: 5px 10px;
		}
	}
	@media screen and (max-width: 768px) {
		.topboxNew details.kuchikomi {
			margin-top: 20px;
			margin-bottom: 10px;
		}
		.topboxNew .kuchikomi .kuchikomi_header i {
			width: 25px;
		}
	}

		#content1,
	#content4 {
		margin: 0 auto;
		max-width: 1200px;
	}
	#content1 .content1_ttl,
	#content4 .content1_ttl,
	h2.content3_ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-weight: bold;
		line-height: 1.2em;
		text-align: left;
		padding: 10px 0;
		margin-top: 0;
	}
	#content1 .content1_ttl {
		font-size: clamp(12px, 6.5vw, 50px);
		background-color: rgb(2, 135, 96);
		margin-bottom: 3px;
	}
	#content4 .content1_ttl {
		font-size: clamp(12px, 5.3vw, 50px);
		background-color: rgb(2, 135, 96);
		margin-bottom: 0;
	}
	h2.content3_ttl {
		font-size: clamp(12px, 5vw, 50px);
		background-image: linear-gradient(to bottom right, rgba(255,255,255,.37) 0%, transparent 40%, transparent 60%, rgba(255,255,255,.37) 100%);
	}
	#content1 .content1_ttl img,
	#content4 .content1_ttl img,
	h2.content3_ttl img {
		width: 70px;
		margin-right: 0.5em;
	}
	#recommend2 {
		background-color: #e6e8e8;
		padding-top: 10px;
	}
	#recommend2 .topbox > p:nth-of-type(1) {
		display: none;
	}
	#recommend2 .topboxNew {
		padding-top: 10px;
	}
	.rank-title span:not(h3 > span) {
		display: none;
	}
	.rank-title h3 {
		margin-left: 0;
	}
	.bg_box {
		background: #e6e8e8;
		margin-top:-20px;
		padding-top:20px;
		margin-bottom: 30px;
	}
	h2.content3_ttl {
		max-width: 1200px;
		margin: 0 auto 10px;
		background-color: rgb(2, 135, 96);
	}
	.aco-block {
		text-align: center;
	}
	@media screen and (max-width: 768px) {
		.topbox .timer_in_box {
			margin-right: -3px;
		}
		.topbox .timer_in_box .remaining {
			font-size: 12.5px;
			letter-spacing: -0.5px;
		}
		.topboxNew .timer_in_box .timerbox {
			padding: 0 3px;
			margin-left: 3px;
			letter-spacing: -0.5px;
		}
		#content1 .content1_ttl img,
		#content4 .content1_ttl img,
		h2.content3_ttl img {
			width: 30px;
		}
		.bg_box {
			margin-bottom: 30px;
		}
	}
	.btm_arrow02 {
		margin-bottom: 0!important;
	}
	.btm_arrow02::after {
		content: none;
	}
	#top, #content0, #content1, #content3, #content4 {
		display: block;
		padding-top: 70px;
		margin-top: -70px;
	}
	@media screen and (max-width: 768px) {
		#content0, #content1, #content3, #content4 {
			padding-top: 43px;
			margin-top: -43px;
		}
	}

		.nav {
		display: none;
	}
	.nav.arroe_top {
		background: rgba(0, 0, 0, 0.25);
		width: 50px;
		height: 50px;
		border-radius: 50%;
		bottom: 30px;
		right: calc(50% - 655px);
		left: unset;
		align-items: center;
		justify-content: center;
		opacity: 0.5;
		position: fixed;
	}
	.nav.arroe_top.is-fixed {
		display: flex;
	}
	.nav.arroe_top::before {
		content: "";
		clip-path: polygon(50% 10%, 100% 55%, 100% 75%, 50% 30%, 0% 75%, 0 55%);
		height: 25px;
		aspect-ratio: 1;
		background-color: rgba(255, 255, 255, 0.5);
		display: inline-block;
	}
	@media screen and (max-width: 1200px) {
		.nav.arroe_top {
			right: 10px;
			bottom: 10px;
		}
	}
	@media screen and (max-width: 768px) {
		.nav {
			display: block;
			position: fixed;
			opacity: 0;
			visibility: hidden;
			transition: .3s;
			bottom: 0;
			left: 0;
			width: 100%;
			background: rgba(0, 0, 0, 0.75);
			z-index: 1000;
		}

		.nav.is-fixed {
			opacity: 1;
			visibility: visible;;
		}
		.nav > span {
			color: #fff;
			display: flex;
			align-items: flex-start;
		}
		.nav img {
			width: 70px;
			margin: 5px;
			float: left;
		}
		.nav > span div div:nth-of-type(2),
		.nav > span div div:nth-of-type(3) {
			display: inline-block;
		}

		.nav > span div div:nth-of-type(3) {
			color: #faea27;
		}
		.nav > span div > a {
			font-size: larger;
			font-weight: bold;
			text-decoration: underline;
			color: #fff;
			display: block;
		}
		.copyright {
			padding-bottom: 100px;
		}
	}
}