/* Theme Name: BL5（PC） */

@charset "utf-8";

*{
	margin: 0;
	padding: 0;
}

html{ font-size: 62.5%; }

body{
	line-height: 1.4;
	font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , sans-serif;
    font-weight: 500;
	font-size: 1.6rem;
	color: #000;
	user-select:none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout:none;
}
a{
	text-decoration: underline;
	color: #1575ee;
}
a:hover{ text-decoration: none; }
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a:hover img{ opacity: .8; }
ul, ol{ margin-left: 20px; }
table{
	margin: 20px 0;
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	table-layout: fixed;
}
th, td{
	padding: 10px;
	border: 1px solid #d8d8d8;
	box-sizing: border-box;
	font-size: 1.4rem;
}
th{
	background: #f4f4f4;
	text-align: left;
}
input, select{ font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , sans-serif; }
p{
	margin: 20px 0;
	line-height: 1.6;
}
.inner, .inner80, .inner70, .container{ margin: auto; }
.inner, .container{ width: 960px; }
.inner80{ width: 800px; }
.inner70{ width: 700px; }
.container{ justify-content: space-between; }

/* ------------------------------------------------
 header
------------------------------------------------ */
header{
	height: 70px;
	background: #fff;
}
header .inner{
	justify-content: space-between;
	align-items: center;
	padding: 13px 0;
}
header #logo a{
	display: block;
	width: 250px;
	height: 30px;
	background: url(https://best-loan.jp/wp-content/uploads/2026/01/logo.png) center no-repeat;
	background-size: 250px 49px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.header_menu .flx{ justify-content: flex-end; }
.header_menu li{ margin: 0 10px; }
.header_menu li a{
	position: relative;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	text-decoration: none;
	color: #1d41a9;
}
.header_menu li a:before{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: url(images/icon_fa.png) no-repeat;
	background-size: 200px auto;
}
.header_menu li.sokujitsu a{
	padding-left: 24px;
	width: 110px;
}
.header_menu li.sokujitsu a:before{
	left: 0;
	background-position: 0 0;
}
.header_menu li.search a{
	width: 43px;
	height: 43px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.header_menu li.search a:before{
	top: 10px;
	left: 10px;
	background-position: -40px -20px;
}
header .jisseki{
	display: block;
	flex: 0 0 220px;
	padding: 3px 5px;
	background: #fba222;
	border-radius: 3px;
	line-height: 1.1;
	font-size: 1.4rem;
}

/* ------------------------------------------------
 breadcrumbs
------------------------------------------------ */
.breadcrumbs{
	margin-bottom: 30px;
	padding: 5px 0;
}
.breadcrumbs li:after{
	content: "＞";
	margin: 0 5px;
}
.breadcrumbs li:last-child:after{ content: ""; }
.pr{
	position: absolute;
	top: 0;
	right: 0;
	padding: 2px 5px;
	border: 1px solid #666;
	line-height: 1;
	font-size: .8rem;
	color: #555;
}

/* ------------------------------------------------
 main
------------------------------------------------ */
.container main{ flex-basis: 660px; }
main h1, main h2, main h3, main h4{ font-weight: 600; }
main h1{
	margin-bottom: 20px;
	font-size: 2.4rem;
	color: #1d41a9;
}
main h2{
	padding: 15px;
	background: #1d41a9;
	font-size: 2rem;
	color: #fff;
}
main h3{
	margin: 20px 0;
	padding: 15px 10px;
	background: #3ca1f8;
	border-radius: 3px;
	font-size: 1.8rem;
	color: #fff;
}
main h4{
	position: relative;
	margin: 20px 0;
	padding: 0 0 8px;
	border-bottom: 3px solid #d8d8d8;
}
main h4:after{
	position: absolute;
	content: "";
	bottom: -3px;
	left: 0;
	width: 35%;
	height: 3px;
	background: #1d41a9;
}
.bt_cv a, .btn-koushiki a{
	position: relative;
	display: block;
	padding: 15px;
	background: -webkit-linear-gradient(#fe514f, #fe2e2c);
	background: linear-gradient(#fe514f, #fe2e2c);
	border: 1px solid #e92a28;
	border-radius: 3px;
	box-shadow: 0 2px 0 #e92a28;
	text-align: center;
	text-decoration: none;
	font-weight: 600;
	color: #fff;
}
.bt_cv a:after, .btn-koushiki a:after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 18px;
	height: 18px;
	background: url(images/icon_fa.png) -54px 0 no-repeat;
	background-size: 180px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.bt_cv a:hover, .btn-koushiki a:hover{
	opacity: .8; 
	-webkit-transition: .3s;
	transition: .3s;
}
.container .bt_cv a{ line-height: 1; }
.btn-koushiki a{ padding: 10px; }
.btn-koushiki a:after{ right: 5px; }
.mokuteki li{
	padding: 0 1px 1px 0;
	width: 25%;
	box-sizing: border-box;
}
.mokuteki li a{
	position: relative;
	display: block;
	padding: 56px 5px 7px;
	background: #fff;
	border-bottom: 3px solid #1d41a9;
	text-align: center;
	text-decoration: none;
	font-size: 1.4rem;
	color: #000;
}
.mokuteki li a:before{
	position: absolute;
	content: "";
	top: 10px;
	left: 50%;
	width: 36px;
	height: 36px;
	background: url(images/icon.png) no-repeat;
	background-size: 460px auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.mokuteki li a:hover{
	border-bottom-color: #3ca1f8;
	-webkit-transition: .3s;
	transition: .3s;
}
.mokuteki li.soku a:before{ background-position: 0 0; }
.mokuteki li.speed a:before{ background-position: -36px 0; }
.mokuteki li.shunyu a:before{ background-position: -72px 0; }
.mokuteki li.omatome a:before{ background-position: -108px 0; }
.mokuteki li.raiten a:before{ background-position: -144px 0; }
.mokuteki li.bank a:before{ background-position: -180px 0; }
.mokuteki li.shufu a:before{ background-position: -216px 0; }
.mokuteki li.business a:before{ background-position: -251px 0; }

.cnt_menu .tab_menu{ justify-content: space-around; }
.cnt_menu .tab_menu li{
	margin: 0 1px 0 0;
	padding: 15px;
	width: 33%;
	background: #f4f4f4;
	text-align: center;
	font-size: 1.4rem;
	cursor: pointer;
}
.cnt_menu .tab_menu li:hover, .post_list li a:hover{
	background: #eff7fe;
	-webkit-transition: .3s;
	transition: .3s;
}
.cnt_menu .tab_menu li.select{
	position: relative;
	background: #1d41a9;
	color: #fff;
}
.cnt_menu .tab_menu li.select:after{
	position: absolute;
	content: "";
	bottom: -15px;
	left: 50%;
	border: 7px solid transparent;
	border-top: 8px solid #1d41a9;
	z-index: 1;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.post_list li{ border-bottom: 1px solid #d8d8d8; }
.post_list li:last-child{ border-bottom: 0; }
.post_list li a{
	position: relative;
	align-items: center;
	padding: 15px 15px 15px 0;
	text-decoration: none;
	font-size: 1.3rem;
	color: #000;
}
.post_list li a:after{
	position: absolute;
	content: "";
	right: 5px;
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) 0 -16px no-repeat;
	background-size: 160px auto;
}
.post_list li .img{ flex: 0 0 80px; }
.clcat{
	display: inline-block;
	margin-bottom: 5px;
	padding: 2px 5px;
	border: 1px solid;
	line-height: 1;
	font-size: 1.2rem;
}
.clcat.news{
	border-color: #1d41a9;
	color: #1d41a9;
}
.clcat.reading{
	border-color: #fba222;
	color: #fba222;
}
.bt_more a{
	position: relative;
	display: block;
	padding: 10px 15px;
	background: #f56e2c;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.bt_more a:after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) -32px 0 no-repeat;
	background-size: 160px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.bt_more a:hover{
	background: #fba222;
	-webkit-transition: .3s;
	transition: .3s;
}

/* ------------------------------------------------
 ch_box
------------------------------------------------ */
.ch_box{
	margin: 20px 0 30px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
.ch_header{
	margin-bottom: 15px;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #d8d8d8;
}
.ch_header h3{
	padding: 0;
	background: none;
	font-size: 1.8rem;
}
.ch_ok{
	align-items: center;
	background: #ddf9e6;
}
.ch_ok dt{
	position: relative;
	padding: 7px 3px;
	height: 36px;
	background: #28a550;
	box-sizing: border-box;
	line-height: 1.2;
}
.ch_ok dt:after{
	position: absolute;
	content: "";
	top: 0;
	right: -26px;
	border: 18px solid transparent;
	border-left: 8px solid #28a550;
}
.ch_ok dd{ color: #124924; }
.ch_icon{ flex: 0 0 130px;}
.ch_icon a{
	position: relative;
	display: inline-block;
	padding: 10px 20px 10px 8px;
	background: #f56e2c;
	border-radius: 3px;
	text-align: center;
	text-decoration: none;
	font-size: 1.2rem;
	color: #fff;
}
.ch_icon a:after{
	position: absolute;
	content: "";
	top: 12px;
	right: 5px;
	width: 12px;
	height: 12px;
	background: url(images/icon_fa.png) -36px 0 no-repeat;
	background-size: 120px auto;
}
.ch_icon a:hover{
	background: #fba222;
	-webkit-transition: .3s;
	transition: .3s;
}
.ch_bn{ flex: 0 0 300px; }
.container .ch_box .ch_bn{ flex-basis: 270px; }
.ch_spec tr, .map_cl_spec tr{ border-bottom: 1px solid #d8d8d8; }
.ch_spec th, .ch_spec td, .map_cl_spec th, .map_cl_spec td{
	padding: 5px 0;
	border: 0;
	font-size: 1.4rem;
}
.ch_spec th, .map_cl_spec th{
	background: none;
	width: 80px;
	color: #fba222;
}
.ch_spec td, .map_cl_spec td{ font-size: 1.4rem; }
.ch_timer{
	padding: 2px;
	background: #f4f4f4;
	align-items: center;
	text-align: center;
	font-size: 1.4rem;
}
.ch_timer .ttl{ flex-grow: 1; }
.ch_timer .timerBox{ flex-grow: 2; }
.ch_label{
	flex-wrap: wrap;
	justify-content: space-around;
}
.ch_label li{
	position: relative;
	flex: 24% 0 0;
	margin-bottom: 3px;
	padding: 2px 0;
	background: #f4f4f4;
	border-radius: 3px;
	box-sizing: border-box;
	text-align: center;
	letter-spacing: -1.5px;
	font-size: .9rem;
	color: #afafaf;
}
.ch_label li:before{ content: "×"; }
.ch_label li.on{
	background: #3ca1f8;
	color: #fff;
}
.ch_label li.on:before{
	content: "○";
	color: #ff0;
}
.ch_feature{ border: 1px solid #2153cd; }
.catch{
	position: relative;
	background: #2153cd;
	font-weight: 600;
}
.catch:after{
	position: absolute;
	content: "";
	bottom: -17px;
	left: 50%;
	border: 7px solid transparent;
	border-top: 10px solid #2153cd;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ch_feature li{
	position: relative;
	padding: 3px 0 3px 18px;
}
.ch_feature li:before{
	position: absolute;
	content: "";
	top: 5px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) -128px 0 no-repeat;
	background-size: 160px auto;
}
.ch_bt{
	justify-content: space-between;
	align-items: center;
}
.ch_ng{
	flex-basis: 260px;
	border: 1px solid #d8d8d8;
	font-weight: 600;
	font-size: 1.2rem;
}
.ch_ng dt{
	padding: 3px;
	background: #d8d8d8;
	text-align: center;
}
.ch_ng dd div{
	position: relative;
	padding-left: 16px;
}
.ch_ng dd div:before{
	position: absolute;
	content: "";
	top: 2px;
	left: 0;
	width: 12px;
	height: 12px;
	background: url(images/icon_fa.png) -108px 0 no-repeat;
	background-size: 120px auto;
}
.ch_bt .bt_cv{
	flex-grow: 1;
	margin-left: 10px;
}
.ch_box_one .ch_infor{ flex-grow: 1; }
.ch_box_one .ch_label li{
	flex-basis: 24.5%;
	font-size: 1.2rem;
}
.ch_box_one table{
	border-collapse: separate;
	border-spacing: 15px 0;
}
.ch_box_one th, .ch_box_one td{
	border: 0;
	text-align: center;
}
.ch_box_one th{
	background: none;
	border-bottom: 1px dashed #d8d8d8;
	color: #fba222;
}
.ch_box_ylw .ch_box{
	background: #fffbdb;
	border: 2px solid #fba222;
}

/* ------------------------------------------------
 nav
------------------------------------------------ */
#menu{ flex-basis: 280px; }
#menu h2{
	font-size: 1.6rem;
	color: #1d41a9;
}
.sb_mokuteki li{ margin-bottom: 1px; }
.sb_mokuteki li a{
	position: relative;
	display: block;
	padding: 15px 0 15px 40px;
	background: #fff;
	text-decoration: none;
	font-size: 1.4rem;
	color: #000;
}
.sb_mokuteki li a:before{
	position: absolute;
	content: "";
	top: 50%;
	left: 5px;
	width: 24px;
	height: 24px;
	background: url(images/icon.png) no-repeat;
	background-size: 307px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sb_mokuteki li.soku a:before{ background-position: 0 0; }
.sb_mokuteki li.speed a:before{ background-position: -24px 0; }
.sb_mokuteki li.shunyu a:before{ background-position: -48px 0; }
.sb_mokuteki li.omatome a:before{ background-position: -72px 0; }
.sb_mokuteki li.raiten a:before{ background-position: -96px 0; }
.sb_mokuteki li.bank a:before{ background-position: -120px 0; }
.sb_mokuteki li.shufu a:before{ background-position: -144px 0; }
.sb_mokuteki li.business a:before{ background-position: -168px 0; }
.sb_mokuteki li a:after{
	position: absolute;
	content: "";
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) 0 -16px no-repeat;
	background-size: 160px auto;
}
.sb_mokuteki li a:hover{
	background: #eff7fe;
	-webkit-transition: .3s;
	transition: .3s;
}
#menu .post_list li .img{ flex-basis: 60px; }
#menu .post_list li a:after{ right: 0; }

/* ------------------------------------------------
 footer
------------------------------------------------ */
footer{
	background: #1d41a9;
	box-sizing: border-box;
}
.footer_menu ul{ justify-content: center; }
.footer_menu li{
	margin: 0 10px 10px;
	text-align: center;
}
.footer_menu li a{
	text-decoration: none;
	color: #fff;
}
.footer_menu li a:hover{ text-decoration: underline; }
#pagetop{
	position: fixed;
	right: 50px;
	width: 48px;
	height: 48px;
	background: #1d41a9;
	border-radius: 3px;
	opacity: .7;
	cursor: pointer;
}
#pagetop:after{
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	background: url(images/icon_fa.png) -30px -30px no-repeat;
	background-size: 300px auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#pagetop:hover{
	opacity: 1;
	-webkit-transition: .3s;
	transition: .3s;
}

/* ------------------------------------------------
 index
------------------------------------------------ */
.eyecatch{
	background: -webkit-linear-gradient(#73cafc, #3ca1f8);
	background: linear-gradient(#73cafc, #3ca1f8);
}
.slide{ display: none; }
.slide.slick-initialized{ display: block; }
.slick-slider{ position: relative; }
.slick-arrow{
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	background: url(images/icon.png) no-repeat;
	background-size: 460.8px auto;
	border: 0;
	border-radius: 100px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	opacity: .8;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.slick-prev{
	left: 0;
	background-position: -288px -72px;
}
.slick-next{
	right: 0;
	background-position: -324px -72px;
}
.slick-dots{
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin: 0;
	list-style: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.slick-dots li{
	display: inline-block;
	margin: 0 5px;
}
.slick-dots button{
	width: 12px;
	height: 12px;
	background: #d8d8d8;
	border: 0;
	border-radius: 100%;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.slick-dots li.slick-active button{ background: #1d41a9; }
.jisseki_sup{
	padding: 5px 15px;
	background: #f4f4f4;
	text-align: right;
}
h2.idx{
	padding: 0;
	background: none;
	color: #1d41a9;
}
h2.ranking{
	background: -webkit-linear-gradient( -45deg, #fbb54b 25%, #fbad31 25%, #fbad31 50%, #fbb54b 50%, #fbb54b 75%, #fbad31 75%);
	background: linear-gradient( -45deg, #fbb54b 25%, #fbad31 25%, #fbad31 50%, #fbb54b 50%, #fbb54b 75%, #fbad31 75%);
	background-size: 32px 32px;
}
.idx_step1, .idx_step2, .idx_step3{
	position: relative;
	flex: 300px;
	padding: 140px 20px 0;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-sizing: border-box;
	font-size: 14px;
}
.idx_step1, .idx_step2{ margin-right: 30px; }
.idx_step1:before, .idx_step2:before, .idx_step3:before{
	position: absolute;
	content: "";
	top: 20px;
	left: 50%;
	width: 120px;
	height: 120px;
	background: url(images/sprite.png) no-repeat;
	background-size: 375px auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.idx_step1:before{ background-position: 0 0; }
.idx_step2:before{ background-position: -120px 0; }
.idx_step3:before{ background-position: -240px 0; }
.idx_step1:after, .idx_step2:after{
	position: absolute;
	content: "";
	top: 50%;
	right: -26px;
	width: 20px;
	height: 20px;
	background: url(images/icon_fa.png) 0 -20px no-repeat;
	background-size: 200px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.special{ background: #1d41a9; }
.special h2 img{ width: 100%; }

/* ------------------------------------------------
 single
------------------------------------------------ */
.ch_label.sgl li{
	display: flex;
	align-items: center;
	padding: 4px 0 4px 20px;
	text-align: left;
	letter-spacing: -1.1px;
	line-height: 1.2;
	font-size: 1.1rem;
}
.ch_label.sgl li:before{
	position: absolute;
	top: 50%;
	left: 5px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.idx_cnt section:nth-of-type(even){ background: #f4f4f4; }
.bt_fix{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, .3);
	box-sizing: border-box;
}
.bt_close{
	position: absolute;
	top: -30px;
	left: 0;
	width: 30px;
	height: 30px;
	background: rgba(0, 0, 0, .5);
}
.bt_close:before{
	position: absolute;
	content: "\f00d";
	top: 50%;
	left: 50%;
	font-family: "Font Awesome 5 free";
	font-weight: 900;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.fix_timer.timerBox{
	margin: 5px auto 0;
	width: 80%;
	font-weight: 500;
	font-size: 1.2rem;
	color: #fff;
}
.fix_timer.timerBox b, .fix_timer.timerBox span{ color: #ff0; }

/* ------------------------------------------------
 archive
------------------------------------------------ */
.cat_step1, .cat_step2, .cat_step3{
	position: relative;
	padding-left: 60px;
	height: 48px;
	box-sizing: border-box;
}
.cat_step1:before, .cat_step2:before, .cat_step3:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background: url(images/sprite.png) no-repeat;
	background-size: 150px auto;
}
.cat_step1:before{ background-position: 0 0; }
.cat_step2:before{ background-position: -48px 0; }
.cat_step3:before{ background-position: -96px 0; }
.pagenation ul{
	display: flex;
	margin: 0 0 30px;
	list-style: none;
}
.pagenation li{
	margin-right: 5px;
	border: 1px solid #1d41a9;
	border-radius: 3px;
}
.pagenation li.active, .pagenation li a{
	padding-top: 3px;
	width: 25px;
	height: 23px;
	text-align: center;
}
.pagenation li.active{
	background: #1d41a9;
	color: #fff;
}
.pagenation li a{
	display: block;
	text-decoration: none;
}
.column_cat li{ border-bottom: 1px solid #d8d8d8; }
.column_cat li a{
	position: relative;
	display: block;
	padding: 15px 0;
	text-decoration: none;
	font-size: 1.3rem;
	color: #000;
}
.column_cat li a:after{
	position: absolute;
	content: "";
	top: 50%;
	right: 0;
	width: 14px;
	height: 14px;
	background: url(images/icon_fa.png) 0 -14px no-repeat;
	background-size: 140px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.column_cat li a:hover{
	background: #eff7fe;
	-webkit-transition: .3s;
	transition: .3s;
}
.column_cat li img{
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

/* ------------------------------------------------
 popup 
------------------------------------------------ */
#pop, .popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 99;
}
.pop_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 0 15px;
	width: 100%;
	max-width: 600px;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.pop_box{ position: relative; }
.pop_box .timerBox{
	position: absolute;
	top: 51.5%;
	left: 11%;
	padding: 5px;
	background: none;
	line-height: 1;
	font-size: 4vw;
	color: #ff0;
}
.pop_box .h span, .pop_box .min span, .pop_box .sec span{
	font-weight: normal;
	font-size: 1.6em;
	color: #ff0;
}
.pop_close{
	position: relative;
	margin: 10px auto;
	width: 50%;
	border: 2px solid #fff;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}
.pop_close:before{
	position: absolute;
	content: "×";
	top: 2px;
	right: 10px;
	font-weight: bold;
	font-size: 1.4rem;
	color: #fff;
}
.popup .pop_box{
	padding: 15px;
	background: #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
	text-align: center;
	font-size: 1.2em;
}
.popup .pop_ttl{
	margin: -15px -15px 1em;
	padding: 10px;
	background: #1d41a9;
	font-weight: bold;
	color: #fff;
}
.popup .pop_box .pop_close{
	padding: 10px;
	width: 100%;
	background: -webkit-linear-gradient(#65b0f0, #3ca1f8);
	background: linear-gradient(#65b0f0, #3ca1f8);
	border: 1px solid #2196F3;
	border-radius: 3px;
	box-sizing: border-box;
}
.popup .pop_box .pop_close:before{
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) -64px 0 no-repeat;
	background-size: 160px auto;
}
.popup .pop_box .btn_yes, .popup .pop_box .btn_no{
	padding: 15px;
	border: 0;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
	color: #fff;
}
.popup .pop_box .btn_yes{ background: #f56e2c; }
.popup .pop_box .btn_yes a{
	display: block;
	text-decoration: none;
	color: #fff;
}
.popup .pop_box .btn_no{
	width: 100%;
	background: #28a550;
}

/* ------------------------------------------------
 refine
------------------------------------------------ */
h2 .refine{
	position: relative;
	padding-left: 30px;
}
h2 .refine:before{
	position: absolute;
	content: "";
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(images/icon_fa.png) -40px -20px no-repeat;
	background-size: 200px auto;
}
h2.idx .refine:before{
	width: 24px;
	height: 24px;
	background-position: -48px -24px;
	background-size: 240px auto;
}
.refine h3{
	padding: 0;
	background: none;
	font-size: 2rem;
	color: #1d41a9;
}
.refine ul{ flex-wrap: wrap; }
.refine li{
	position: relative;
	flex-basis: 25%;
}
.refine li label{
	display: block;
	margin: 0 1px 1px;
	padding: 15px 15px 15px 36px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
	cursor: pointer;
}
.refine li label:before, .refine li label:after,
#searchform .brand label:before, #searchform .brand label:after,
#searchform li.kodawari label:before, #searchform li.kodawari label:after{
	position: absolute;
	content: "";
}
.refine li label:before,
#searchform .brand label:before,
#searchform li.kodawari label:before{
	top: 15px;
	left: 10px;
	width: 16px;
	height: 16px;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
}
.refine li label.checked, .kariire li label.selected,
#searchform .brand label.checked,
#searchform li.kodawari label.checked{ background: #eefcf3; }
.refine li label.checked:after,
#searchform .brand label.checked:after,
#searchform li.kodawari label.checked:after{
	top: 16px;
	left: 15px;
	width: 5px;
	height: 9px;
	border-bottom: 3px solid #35dc6b;
	border-right: 3px solid #35dc6b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.refine li label:hover{
	background: #eff7fe;
	-webkit-transition: .3s;
	transition: .3s;
}
.refine li input, .brand input{ display: none; }
.kariire li{ flex-basis: 50%; }
.kariire li label{ padding-left: 0; }
.kariire li label:before, .kariire li label:after{
	position: static;
	width: 0;
	border: 0;
}
.brand{ box-shadow: 0 3px 3px rgba(0, 0, 0, .1); }
.brand li span{
	display: inline-block;
	float: right;
	margin-top: 2px;
	width: 55px;
	height: 13px;
	background: url(images/icon.png) no-repeat;
	background-size: 320px auto;
}
.brand li .promise{ background-position: -250px 0; }
.brand li .acom{ background-position: -250px -12px; }
.brand li .lake{ background-position: -250px -24px; }
.brand li .mobit{ background-position: -250px -37px; }
.brand li .aiful{ background-position: -250px -49px; }
.brand li .banquic{ background-position: -250px -61px; }
.brand li .rakuten{ background-position: -250px -74px; }
.brand li .mizuho{ background-position: -250px -86px; }
.brand li .mitsui{ background-position: -250px -99px; }
.brand li .aeon{ background-position: -250px -112px; }
.brand li .jibun{ background-position: -250px -125px; }
.brand li .other{ background: none; }
.refine .cvs li img{
	float: right;
	margin-top: -5px;
	width: 30px;
}
.container .refine li{ font-size: 1.1rem; }
.container .refine li label{ padding: 15px 5px 15px 24px; }
.container .refine li label:before{
	width: 10px;
	height: 10px;
}
.container .refine li label.checked:after{
	top: 14px;
	width: 3px;
	height: 8px;
}

.rs_more{
	position: relative;
	display: inline-block;
	margin: 30px 0;
	padding: 20px 100px;
	border: 2px solid #1d41af;
	line-height: 1;
	font-weight: 600;
	color: #1d41af;
	cursor: pointer;
}
.rs_more:after{
	position: absolute;
	content: "";
	right: 20px;
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) -48px -16px no-repeat;
	background-size: 160px auto;
}
.rs_more.open:after{
	-webkit-transform: scale(1, -1);
	transform: scale(1, -1);
}
.rs_more:hover{
	border-color: #3ca1f8;
	color: #3ca1f8;
	-webkit-transition: .3s;
	transition: .3s;
}
.bt_rs{
	position: relative;
	margin: auto;
	max-width: 640px;
}
.bt_rs:before{
	position: absolute;
	content: "";
	top: 50%;
	right: 30px;
	width: 20px;
	height: 20px;
	background: url(images/icon_fa.png) -140px 0 no-repeat;
	background-size: 200px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.bt_rs input[type=submit]{
	padding: 15px;
	width: 100%;
	background: #f56e2c;
	border: 0;
	border-radius: 3px;
	text-align: center;
	font-weight: 600;
	font-size: 1.6rem;
	color: #fff;
	cursor: pointer;
}
.bt_rs input[type=submit]:hover{
	background: #fba222;
	-webkit-transition: .3s;
	transition: .3s;
}

.sort .flx{ justify-content: space-around; }
.sort label{
	flex: 100%;
	margin: 0 2px;
	padding: 3px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	text-align: center;
	font-size: 1.2rem;
}
.sort label input{ display: none; }
.sort label span{
	position: relative;
	display: block;
	padding: 2px;
	background: #eff7fe;
	color: #1d41a9;
}
.sort label span:after{
	position: absolute;
	content: "";
	top: 4px;
	margin-left: 5px;
	width: 12px;
	height: 12px;
	background: url(images/icon_fa.png) -60px 0 no-repeat;
	background-size: 120px auto;
}
.push .ch_box{ border: 2px solid #35dc6b; }

/* refine-search1 */
#searchform ul{
	margin-bottom: 30px;
	padding: 5px 25px;
	background: #fff;
	box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
}
#searchform li{
	position: relative;
	display: flex;
	align-items: center;
	padding: 15px 0;
	border-bottom: 1px solid #d8d8d8;
}
#searchform li:after{
	position: absolute;
	content: "";
	top: 50%;
	right: 10px;
	width: 24px;
	height: 24px;
	background: url(images/icon_fa.png) -120px 0 no-repeat;
	background-size: 240px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#searchform li:last-child{ border-bottom: 0; }
#searchform li label{
	flex: 35% 0 0;
	padding: 0;
	box-shadow: 0 0;
	font-weight: bold;
	font-size: 1.6rem;
}
#searchform li label:before, #searchform li label:after{
	position: static;
	width: 0;
	height: 0;
	border: 0;
}
#searchform li select{
	flex: auto;
	padding: 10px 20px;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	font-size: 1.6rem;
	cursor: pointer;
	-webkit-appearance: none;
}
#searchform li.focus select, #searchform .bt_rs.on{
	-webkit-animation: blink .5s infinite alternate;
	animation: blink .5s infinite alternate;	
}
@-webkit-keyframes blink{
	100% {
		border-color: #35dc6b;
		box-shadow: 1px 1px 1px #35dc6b, 1px 1px 1px inset #35dc6b;
	}
}
@keyframes blink{
	100% {
		border-color: #35dc6b;
		box-shadow: 1px 1px 1px #35dc6b, 1px 1px 1px inset #35dc6b;
	}
}
#searchform li.done select{ background: #eefcf3; }
#searchform li.done:before{
	position: absolute;
	content: "OK";
	top: 23px;
	right: 19px;
	font-weight: 600;
	font-size: 1rem;
	color: #35dc6b;
}
#searchform li.done:after{
	content: "\f00c";
	top: 58%;
	color: #35dc6b;
}
#searchform .brand{
	margin-top: 15px;
	box-shadow: 0 0;
}
#searchform li.kodawari{ display: block; }
#searchform li.kodawari:after{
	position: static;
	content: "";
}
#searchform li.kodawari .more{
	position: relative;
	padding: 15px;
	background: #cee8fd;
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	color: #1d41af;
	cursor: pointer;
}
#searchform li.kodawari .more:after{
	position: absolute;
	content: "";
	right: 18px;
	width: 20px;
	height: 20px;
	background: url(images/icon_fa.png) -60px -20px no-repeat;
	background-size: 200px auto;
}
#searchform li.kodawari .more.open:after{ content: "\f102"; }
#searchform li.kodawari .hide{
	padding: 10px;
	background: #cee8fd;
}
#searchform .brand label,
#searchform li.kodawari label{
	position: relative;
	display: inline-block;
	padding: 10px 0 10px 23px;
	width: 23.9%;
	margin: 0 0.2% 10px;
	background: #fff;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	box-sizing: border-box;
	font-weight: normal;
	font-size: 1.2rem;
	cursor: pointer;
	overflow: hidden;
}
#searchform .brand label:before,
#searchform li.kodawari label:before{
	top: 11px;
	left: 5px;
	width: 12px;
	height: 12px;
}
#searchform .brand label.checked:after,
#searchform li.kodawari label.checked:after{
	top: 10px;
	left: 8px;
}
.refine .kodawari label .label{
	position: absolute;
	top: 3px;
	right: -12px;
	padding: 2px 12px;
	background: #ff0;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, .3);
	line-height: 1;
	font-weight: 700;
	font-size: .9rem;
	color: #e92a28;
	-webkit-transform: rotate(45deg);
}
#searchform .bt_rs{
    max-width: 100%;
    border: 2px solid transparent;
    border-radius: 5px;
}
#searchform .bt_rs:after{
	position: absolute;
	content: "";
	left: 30px;
	bottom: -1px;
	width: 100px;
	height: 100px;
	background: url(images/icon.png) 0 -150px no-repeat;
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
#searchform .bt_rs input[type=submit]{
    height: 80px;
    font-size: 1.8rem;
}

/* ------------------------------------------------
 map
------------------------------------------------ */
#japanmap{
	position: relative;
	margin-bottom: 30px;
	height: 600px;
	background: url(branch/img/map.gif) center 30px no-repeat;
	border: 2px solid #1d41a9;
	border-radius: 5px;
}
.area_list ul, .map_card_tab, .area_tab, .city_list, #station-list, .near_list{
	margin-left: 0;
	list-style: none;	
}
.area_list{
	position: absolute;
	padding: 2px;
	width: 100px;
	background: #cee8fd;
	border-radius: 5px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
}
.area_ttl{
	padding: 3px 0;
	font-weight: bold;
	color: #1d41a9;
}
.area_list ul{
	background: #fff;
	border-radius: 3px;
}
.area_list li a{
	display: block;
	padding: 8px 3px;
}
.area_list li a:hover{
	background: #eff7fe;
	-webkit-transition: .3s;
	transition: .3s;
}
#hokkaido{ top: 70px; right: 80px; }
#tohoku{ top: 150px; right: 70px; }
#kanto{	bottom: 40px; right: 190px; }
#hokuriku{ top: 20px; left: 460px; }
#tokai{ bottom: 40px; right: 310px; }
#kansai{ top: 130px; left: 340px; }
#chugoku{ top: 180px; left: 220px; }
#shikoku{ bottom: 20px; left: 250px; }
#kyushu{ top: 220px; left: 100px; }
#okinawa{ bottom: 20px; left: 80px; }
.shop_btn a{
	position: relative;
	display: block;
	padding: 12px 10px;
	background: #f56e2c;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
.shop_btn a:before{
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	width: 5px;
	height: 5px;
	border-top: 2px solid;
	border-right: 2px solid;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.shop_btn.btn_pr a{ background: #003c7b; }
.shop_btn.btn_ac a{ background: #e6002d; }
.shop_btn.btn_mb a{ background: #0d3c2c; }
.shop_btn.btn_la a{ background: #00b259; }
.map_list{
	border: 1px solid #d8d8d8;
	border-radius: 3px;
}
.map_list dt{
	padding: 13px 10px;
	border-bottom: 1px solid #d8d8d8;
	text-align: center;
}
.map_list dd{ background: #eff7fe; }
.map_list dd ul{
	margin: 0;
	list-style: none;
}
.map_list dd li{ border-bottom: 1px solid #d8d8d8; }
.map_list dd li a{
	position: relative;
	display: block;
	padding: 13px 30px;
}
.map_list dd li a:after{
	position: absolute;
	content: "\f054";
	right: 15px;
	font-family: "Font Awesome 5 free";
	font-weight: 900;
}
.map_post{
	display: flex;
	padding: 3px!important;
	width: 300px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	justify-content: space-between;
}
.map_post input, .map_post button{
	padding: 5px 10px;
	border: 0;
}
.map_post input{ flex-grow: 1; }
.map_post button{
	flex: 0 0 48px;
	padding: 0;
	background: #3ca1f8;
	border-radius: 3px;
	color: #fff;
}

/* ------------------------------------------------ */
.okane_timer{ position: relative; }
.okane_timer .timerBox{
	position: absolute;
	top: 146px;
	left: 160px;
	width: 450px;
	background: none;
	text-align: center;
	font-size: 3rem;
}
ul.risoku{ justify-content: space-between; }
ul.risoku li{
	flex-grow: 1;
	margin: 0 2px;
	padding: 10px;
	background: #cee8fd;
	border-radius: 3px;
	text-align: center;
	color: #1d41a9;
	cursor: pointer;
}
ul.risoku li.select{
	background: #1575ee;
	color: #fff;
}
ul.risoku li:hover{
	opacity: .8;
	-webkit-transition: .3s;
	transition: .3s;
}

/* simbox */
.sim_box{
	float: left;
	margin: 20px 2% 20px 0;
	padding: 10px;
	width: 32%;
	border: 2px solid #1d41a9;
	box-sizing: border-box;
	vertical-align: top;
	font-size: 1.4rem;
}
.sim_box:nth-of-type(3n){ margin-right: 0; }
.sim_box p{ margin: 10px 0; }
.hensai_ttl{
	position: relative;
	margin: -10px -10px 0;
	padding: 10px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAU0lEQVQoU2NkaD79nwEKxPmZYUw4/fLjXzCbEaYQnyK4QkKKwArFJ52DWw2zD2YdsjswFGJTBLIRRSEuRShW41MEV0hIEUrwIDscWyjAw5FQoAMArnEy2jMspacAAAAASUVORK5CYII=);
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	color: #fff;
}
.sim_box form{
	padding: 10px;
	background: #f4f4f4;
	font-size: .9em;
}
.sim_box form b{ font-size: 1.6rem; }
.sim_box input[type=number]{
	margin: 5px 5px 0 0;
	padding: 5px;
	width: 60%;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	font-size: 1.6rem;
	-webkit-appearance: none;
}
.sim_box input[type=button]{
	padding: 5px 10px;
	width: 100%;
	background: #f56e2c;
	border: 0;
	border-radius: 3px;
	color: #fff;
}
.sim_rslt{
	margin-top: 10px;
	padding: 10px 0;
	background: #cee8fd;
	text-align: center;
	font-weight: bold;
}

/* ------------------------------------------------
 styles
------------------------------------------------ */
.talk_box{
	margin-bottom: 30px;
	padding: 20px 10px;
	background: #e0e9ee;
}
.talk_me{ text-align: right; }
.talk_pr, .talk_cl{
	position: relative;
	padding-left: 36px;
}
.talk_pr:before, .talk_cl:before{
	position: absolute;
	top: 0;
	left: 0;
	padding: 6px 5px 0;
	width: 36px;
	height: 36px;
	border-radius: 100px;
	box-sizing: border-box;
	text-align: center;
	line-height: 1;
	font-weight: bold;
	font-size: .8em;
}
.talk_pr:before{
	content: "プロミス";
	background: #0f4783;
	color: #ea5106;
}
.talk_cl:before{
	content: "";
	background: url(/wp-content/uploads/2019/06/icon1.png) 0 0 no-repeat;
	background-size: 36px 36px;
}
.talk_cl:after{
	position: absolute;
	top: 5px;
	left: 40px;
	content: "カードローン会社";
	font-size: .6em;
	color: #000;
}
.talk_me p, .talk_cl p, .talk_pr p{
	position: relative;
	display: inline-block;
	margin: 5px;
	padding: 10px 15px;
	width: 70%;
	border-radius: 20px;
	text-align: left;
	line-height: 1.4;
	font-size: .9em;
}
.talk_cl p{ margin-top: 20px; }
.talk_me p:before, .talk_pr p:before, .talk_cl p:before{
	position: absolute;
	content: "";
	top: 5px;
	border: 7px solid transparent;
	border-top: 7px solid;
}
.talk_me p{ background: #b3db83; }
.talk_me p:before{ right: -5px; border-top-color: #b3db83; }
.talk_pr p, .talk_cl p{ background: #fff; }
.talk_pr p:before, .talk_cl p:before{ left: -5px; border-top-color: #fff; }
dl.step dt, dl.point dt, ul.point li a{
	position: relative;
	margin-bottom: 20px;
	padding: 5px 10px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	box-sizing: border-box;
	line-height: 1.2;
	font-weight: 600;
}
ul.point li a{
	display: block;
	padding: 15px 10px;
	text-decoration: none;
	color: #000;
}
.idx_cnt h3{
	position: relative;
	margin: 0;
	background: none;
	border-top: 2px solid #1d41a9;
	border-radius: 0;
	color: #000;
}
dl.step dt:before{
	position: absolute;
	content: "";
	bottom: -20px;
	left: 50%;
	border: 10px solid transparent;
	border-top: 13px solid #fff;
	-webkit-filter: drop-shadow(1px 4px 3px rgba(0, 0, 0, .2));
	filter: drop-shadow(1px 4px 3px rgba(0, 0, 0, .2));
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
dl.step dt:last-of-type:before{
	position: static;
	border: 0;
}
dl.step.accordion dt:after{ top: 12px; }
dl.step dd, dl.point dd{
	margin: -20px 0 15px;
	padding: 1px 15px;
	background: #eff7fe;
	font-size: 1.4rem;
}
dl.point dt, ul.point li a, .idx_cnt h3{ padding-left: 50px; }
dl.point dt:before, ul.point li a:before, .idx_cnt h3:before{
	position: absolute;
	content: "";
	top: -2px;
	left: 0;
	width: 50px;
	height: 50px;
	background: url(images/icon.png) no-repeat;
}
dl.step.accordion dt:hover, dl.point dt:hover{
	background: #eefcf3;
	-webkit-transition: .3s;
	transition: .3s;
}
dl.step.accordion dt:hover:before{
	border-top-color: #eefcf3;
	-webkit-transition: .3s;
	transition: .3s;
}
dl.point dt:nth-of-type(1):before, ul.point li:nth-of-type(1) a:before, #point1 h3:before{ background-position: 0 -50px; }
dl.point dt:nth-of-type(2):before, ul.point li:nth-of-type(2) a:before, #point2 h3:before{ background-position: -50px -50px; }
dl.point dt:nth-of-type(3):before, ul.point li:nth-of-type(3) a:before, #point3 h3:before{ background-position: -100px -50px; }
dl.point dt:nth-of-type(4):before, ul.point li:nth-of-type(4) a:before, #point4 h3:before{ background-position: -150px -50px; }
dl.point dt:nth-of-type(5):before, ul.point li:nth-of-type(5) a:before, #point5 h3:before{ background-position: -200px -50px; }
dl.point dt:nth-of-type(6):before, ul.point li:nth-of-type(6) a:before, #point6 h3:before{ background-position: -250px -50px; }
dl.point dt:nth-of-type(7):before, ul.point li:nth-of-type(7) a:before, #point7 h3:before{ background-position: -300px -50px; }
dl.point dt:nth-of-type(8):before, ul.point li:nth-of-type(8) a:before, #point8 h3:before{ background-position: -350px -50px; }
dl.point dt:nth-of-type(9):before, ul.point li:nth-of-type(9) a:before, #point9 h3:before{ background-position: -400px -50px; }
dl.point dt:nth-of-type(10):before, ul.point li:nth-of-type(10) a:before, #point10 h3:before{ background-position: -450px -50px; }
ul.point li a:after{
	position: absolute;
	content: "";
	right: 10px;
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) -80px 0 no-repeat;
	background-size: 160px auto;
}
dl.accordion dt{
	position: relative;
	padding-right: 30px;
	cursor: pointer;
}
dl.accordion dt:after{
	position: absolute;
	content: "";
	top: 10px;
	right: 10px;
	width: 24px;
	height: 24px;
	background: url(images/icon.png) -192px 0 no-repeat;
	background-size: 307px auto;
}
dl.accordion dt.open:after{ background-position: -216px 0; }
dl.accordion dd, .hide, .sp{ display: none; }
dl.ac_step{
	position: relative;
	margin: 20px 0;
	border: 2px solid #ddd;
}
dl.ac_step:after{
	position: absolute;
	content: "";
	left: 50%;
	bottom: -27px;
	border: 10px solid transparent;
	border-top: 10px solid #ddd;
	-webkit-transform: translateX(-50%);
}
dl.ac_step.last:after{
	position: static;
	border: 0;
}
dl.ac_step dt{
	padding: 10px;
	font-weight: bold;
}
dl.ac_step .step_num{
	display: inline-block;
	margin-right: 10px;
	padding: 2px 5px;
	background: #1d41a9;
	font-size: .9em;
	color: #fff;
}
dl.ac_step dd{
	padding: 0 10px 10px;
	font-size: .9em;
}
ul.check, ul.checklist{
	margin: 20px 0;
	list-style: none;
}
ul.check li, ul.checklist li{
	position: relative;
	padding: 5px 0 5px 20px;
}
ul.check li:before, ul.checklist li:before{
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	width: 16px;
	height: 16px;
	background: url(images/icon_fa.png) -128px 0;
	background-size: 160px auto;
}
.question, .answer{
	position: relative;
	margin: 20px;
	padding: 15px 15px 15px 36px;
	border-radius: 10px;
}
.question:before, .answer:before{
	position: absolute;
	top: 13px;
	left: 6px;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
}
.question:after, .answer:after{
	position: absolute;
	content: "";
	top: 10px;
	border: 6px solid transparent;
}
.question{
	margin-left: 50px;
	background: #cee8fb;
}
.question:before{
	content: "Q";
	padding-top: 1px;
	background: #3ca1f8;
}
.question:after{
	right: -12px;
	border-top-color: #cee8fd;
	border-left-color: #cee8fd;
}
.answer{
	margin-right: 50px;
	background: #f4f4f4;
}
.answer:before{
	content: "A";
	padding-top: 2px;
	background: #fe2e2c;
}
.answer:after{
	left: -12px;
	border-top-color: #f4f4f4;
	border-right-color: #f4f4f4;
}
span.point-blue, span.point-orange{
	position: relative;
	display: inline-block;
	margin-right: 10px;
	padding: 6px;
	border-radius: 3px;
	line-height: 1;
	font-weight: 600;
	font-size: 1.2rem;
	color: #fff;
}
span.point-blue:after, span.point-orange:after{
	position: absolute;
	content: "";
	top: 8px;
	right: -11px;
	border: 4px solid transparent;
	border-left-width: 7px;
}
span.point-blue{ background: #3ca1f8; }
span.point-blue:after{ border-left-color: #3ca1f8; }
span.point-orange{ background: #fba222; }
span.point-orange:after{ border-left-color: #fba222; }

table.tbl1 thead th{
	background: #eff7fe;
	text-align: center;
}
table.tbl1 tbody tr:nth-of-type(even){ background: #fafafa; }
table.tbl1 tbody td{ font-size: 1.3rem; }
.bt_tbl1 a{
	position: relative;
	display: block;
    padding: 10px 5px 30px;
	background: -webkit-linear-gradient(#fe514f, #fe2e2c);
	background: linear-gradient(#fe514f, #fe2e2c);
	border: 1px solid #e92a28;
	border-radius: 3px;
	box-shadow: 0 2px 0 #e92a28;
	text-align: center;
	text-decoration: none;
	font-size: 1.3rem;
	color: #fff;
}
.bt_tbl1 a:after{
	position: absolute;
	content: "";
	bottom: 10px;
	left: 50%;
	width: 18px;
	height: 18px;
	background: url(images/icon_fa.png) -54px 0 no-repeat;
	background-size: 180px auto;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.bt_tbl1 a:hover{
	opacity: .8; 
	-webkit-transition: .3s;
	transition: .3s;
}
td.maru2, td.maru, td.sankaku, td.batsu{
	height: 50px;
	background: center no-repeat;
	text-shadow: 1px 1px 3px #fff;
}
td.maru2{ background-image: url(/wp-content/uploads/2019/04/maru2.png); }
td.maru{ background-image: url(/wp-content/uploads/2019/04/maru.png); }
td.sankaku{ background-image: url(/wp-content/uploads/2019/04/sankaku.png); }
td.batsu{ background-image: url(/wp-content/uploads/2019/04/batsu.png); }

.timerBox{
	padding: 5px 10px;
	background: #3f3f3f;
	color: #ff0;
}

.flx{ display: flex; }
.li_n{ list-style: none; }
.contents, .contents1, .contents2{
	margin: 20px 0;
	overflow: hidden;
}
.contents{ padding: 0 15px; }
.contents1{
	padding: 5px 15px;
	border: 1px solid #d8d8d8;
}
.contents2{
	padding: 5px 15px;
	background: #f4f4f4;
}
.box_related{ margin: -10px 0 30px; }
.box_related a{
	position: relative;
	padding: 10px;
	background: #ffebee;
	border: 1px solid #2153cd;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	text-decoration: none;
	color: #000;
}
.box_related a:before{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	border: 13px solid transparent;
	border-right-color: #2153cd;
	border-bottom-color: #2153cd;
}
.box_related a:after{
	position:absolute;
	content: "\f054";
	right: 2px;
	bottom: 0;
	font-family: "Font Awesome 5 free";
	font-weight: 900;
	font-size: .8em;
	color: #fff;
}
.box_related .thumb{ flex: 0 0 80px; }
.box_related .txt{
	position: relative;
	flex: 0 1 auto;
	padding-left: 10px;
}
.box_related .txt label{
	display: inline-block;
	margin-bottom: 5px;
	padding: 2px 5px;
	background: #2153cd;
	font-size: .8em;
	color: #fff;
}

.bg_gry{ background: #f4f4f4; }
.bg_bl{ background: #eff7fe; }
.bg_sky{ background: #cee8fd; }
.bg_ylw{ background: #fffceb; }
.bg_pk{ background: #fae7ee; }

.m0{ margin: 0; }
.mt0{ margin-top: 0; }
.mb0{ margin-bottom: 0; }
.ml0{ margin-left: 0; }
.mb5{ margin-bottom: 5px; }
.mt10{ margin-top: 10px; }
.mt50{ margin-top: 50px; }
.mb10{ margin-bottom: 10px; }
.ml10, .m10-l{ margin-left: 10px; }
.mr10{ margin-right: 10px; }
.mr20{ margin-right: 20px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }

.p0{ padding: 0; }
.p10{ padding: 10px;}
.pr10{ padding-right: 10px; }
.pb10{ padding-bottom: 10px; }
.pl10{ padding-left: 10px; }
.p15{ padding: 15px; }
.p20{ padding: 20px; }
.pt20{ padding-top: 20px; }
.pr20{ padding-right: 20px; }
.pb20{ padding-bottom: 20px; }
.pl20{ padding-left: 20px; }
.pt30{ padding-top: 30px; }
.pb30{ padding-bottom: 30px; }
.pt40{ padding-top: 40px; }
.pb40{ padding-bottom: 40px; }
.pt50{ padding-top: 50px; }
.pb50{ padding-bottom: 50px; }

.al-l{ text-align: left; }
.al-c{ text-align: center; }
.al-r{ text-align: right; }
.fl-l, .left{ float: left; }
.fl-r, .right{ float: right; }
.left{ margin: 0 20px 20px 0; }
.right{ margin: 0 0 20px 20px; }

.white{ color: #fff; }
.gray{ color: #afafaf; }
.black{ color: #000; }
.sky{ color: #3ca1f8; }
.blue{ color: #1d41a9; }
.yellow{ color: #ff0; }
.orange{ color: #fba222; }
.red{ color: #fe2e2c; }
.marker{
	background: -webkit-linear-gradient(transparent 60%, #ff0 60%);
	background: linear-gradient(transparent 60%, #ff0 60%);
}

.fw5{ font-weight: 500; }
.f08{ font-size: .8rem; }
.f10{ font-size: 1rem; }
.f12{ font-size: 1.2rem; }
.f14{ font-size: 1.4rem; }
.f16{ font-size: 1.6rem; }
.f20{ font-size: 2rem; }
.f24{ font-size: 2.4rem; }


/* Add in 2024.10.30
/* ====================================== */
.compare {
	padding: 10px;
	background: #eff7fe;
}
.compare table {
	margin: auto;
}
.compare tbody th {
	text-align: left;
}
.compare td {
	text-align: center;
}
.for-sp {
	display: none;
}