@charset "UTF-8";
/*
	Template: swell
	Theme Name: SWELL CHILD
	Theme URI: https://swell-theme.com/
	Description: SWELLの子テーマ
	Version: 1.0.0
	Author: LOOS WEB STUDIO
	Author URI: https://loos-web-studio.com/

	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl.html
*/
:root{
	--color_main_sub:#86ad28;
	--color_base:#FAFAFA;
	--color_base_sub:#ECE7E3;
	--color_red:#EA1924;
	--color_byel:#f3ff00;
	--color_gray1:#333;
	--color_gray2:#777;
	--color_star:#fed400;
	--color_section_bg:linear-gradient(135deg, #FAFAFA, #ECE7E3);
	--border_main:2px solid var(--color_gray1);
	--border_radius:10px;
}
.white_ {
	--the-btn-color: #ffffff;
	--the-btn-color2: #ececec;
	--the-solid-shadow: rgba(172, 172, 172, 1);
}
.bg_white{background-color: #fff;}
.li_tu{
	color:var(--color_text);
	text-decoration: underline;
	transition: all .2s ease;
}
.li_tu:hover{
	color:var(--color_gray2);
}
a.l-t{color: var(--color_text); transition: all .2s ease;}
a.l-t:hover{color: var(--color_gray2);}
/* =========================
   fontsize 見出し
   ========================= */
#main_content .l-mainContent__inner{
	font-size: var(--swl-fz--content, 16px);
}
.vendor_info h2,
.faq_area h2{
	font-size: 1.2em;
}
 .fs-h2 {font-size: 1.4em;}
.fs-h3,.fs_h3{font-size: 1.1em;}
@media (min-width: 600px) {
	.vendor_info h2,
	.faq_area h2{ font-size: 1.4em; }	
.fs-h3,.fs_h3{font-size: 1.3em;}
}
.mininote{font-size: smaller;}
a.under_line{
	color: var(--color_gray1);
	text-decoration: underline;
}
.fwb{font-weight: bold;}
.dib{display: inline-block;}
/* =========================
   Flex Utility
   ========================= */

.flex {display: flex;}

/* 横並び / 縦並び */
.flex-row { flex-direction: row;}
.flex-col { flex-direction: column;}

/* 折り返し */
.flex-wrap { flex-wrap: wrap;}
.flex-nowrap { flex-wrap: nowrap;}

/* 横方向（justify-content） */
.justify-start { justify-content: flex-start;}
.justify-center { justify-content: center;}
.justify-end {  justify-content: flex-end;}
.justify-between {  justify-content: space-between;}
.justify-around {  justify-content: space-around;}
.justify-evenly {  justify-content: space-evenly;}

/* 縦方向（align-items） */
.items-start { align-items: flex-start;}
.items-center { align-items: center;}
.items-end { align-items: flex-end;}
.items-stretch {  align-items: stretch;}
.items-baseline {  align-items: baseline;}

/* gap（評価★で特に重要） */
.gap-2  { gap: 2px; }
.gap-4  { gap: 4px; }
.gap-8  { gap: 8px; }
.gap-12 { gap: 12px; }
.gap-16 { gap: 1em; }

/* flex-grow / shrink */
.flex-1 { flex: 1 1 0%;}
.flex-auto { flex: 1 1 auto;}
.flex-none { flex: none;}

/* 子要素用 */
.self-start {  align-self: flex-start;}
.self-center { align-self: center;}
.self-end {  align-self: flex-end;}

.flex_column {flex-direction: column;}
@media (min-width: 960px) {
	.flex_pc {display: flex;}
	.flex_column_pc {flex-direction: column;}
}
@media (max-width: 959px) {
	.flex_sp {display: flex;}
	.flex_column_sp {flex-direction: column;}
}
/* =========================
   ボタン
   ========================= */
.is-style-btn_normal a, .is-style-btn_shiny a{
	border: 3px solid var(--color_gray1);
	box-shadow:inset 0px -4px 0px 0px var(--the-solid-shadow);
	transition: all .35s ease;
}
.is-style-btn_normal a:hover, .is-style-btn_shiny a:hover{box-shadow:none;}
.mini .is-style-btn_normal a{
    font-size: 0.9em;
    width: 100%;
}
/* =========================
   margin
   ========================= */
.mbt1em{
	margin-top: 1em;
	margin-bottom: 1em;
}
.mt1em{
	margin-top: 1em;
}
.mb1em{
	margin-bottom: 1em;
}
.mb05em{
	margin-bottom: .5em;
}
@media (min-width: 960px) {
	.mt1em_pc{
		margin-top: 1em;
	}
}
/* =========================
   注釈
   ========================= */
.attention{
font-size: 14px;
margin-top: 1em;
}
.attention_body{
    margin-top: 0;
}
.iken_closed .vendor_aside .swell-block-button.red_ a,
.iken_closed .vendor_aside .p-articleThumb a,
.iken_closed .vendor_wrapper .p-articleThumb a,
.iken_closed .vendor_wrapper .swell-block-button.red_ a{
    pointer-events: none;
    box-shadow: none;
    opacity: 0.5;

}
/* =========================
   header
   ========================= */
.c-headLogo.-img{
	display: flex;
	align-items: center;
	gap:8px;
}
.logo-title {
	color: var(--color_gray1);
	font-size: 12px;
}
.logo-title:before {
	content:"カードローン";
}
 @media(min-width: 960px) {
	.c-gnav>.menu-item.on .ttl{position: relative;}
	.c-gnav>.menu-item.on > a > .ttl:before{
		content: "";
		display: block;	
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 8px solid var(--color_red);
		position: absolute;
		top: calc(100% + 10px);
		left: 50%;
		transform: translateX(-50%);
	}
}
/* =========================
   サイドバー
   ========================= */
@media (min-width: 1200px) {
	:root {
	--swl-sidebar_width: 280px;
	--swl-sidebar_margin: 24px;
	}
}

#sidebar .title_area{
    position: relative;
}

/* フィルター全体 */
#sidebar .filter_area {
  position: relative;
}
#sidebar .filter_block{
    margin-bottom: 1em;
}
#sidebar .radio_wrap .filter_item,
#sidebar .check_wrap .filter_item {
  cursor: pointer;
}
#sidebar .radio_wrap .filter_item input,
#sidebar .check_wrap .filter_item input{
  position: absolute;
  opacity: 0;
}
#sidebar .radio_wrap .filter_item span,
#sidebar .check_wrap .filter_item span{
  position: relative;
  font-size: .9em;
}

#sidebar .check_wrap .filter_item span{
  background: none;
  border: none;
}


#sidebar .check_wrap .filter_item span:after{
  content: "";
  position: absolute;
top: 50%;
}


#sidebar .check_wrap .filter_item span:before{
    left: 0;
      width: 16px;
  height: 16px;
  border: 2px solid var(--color_gray2);
  border-radius: 4px;
  transform: translateY(-50%);
  box-sizing: border-box;
  background: #fff;
}
#sidebar .check_wrap .filter_item span:after{
    left: 4px;
      width: 8px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translateY(-60%) rotate(-45deg) scale(0);
  transition: transform .2s ease;
}
#sidebar .check_wrap .filter_item span:before{
  content: "";
  position: absolute;
top: 50%;
}
/* checked */


#sidebar .check_wrap input[type="checkbox"]:checked + span::after {
  transform: translateY(-60%) rotate(-45deg) scale(1);
}
#sidebar .select_wrap {
  position: relative;
}

#sidebar .filter_select {
  width: 100%;
  padding: .6em 2.6em .6em .8em;
  font-size: 14px;
  border-radius: 5em;
  border: 1px solid var(--color_gray2);
  background-color: #fff;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

/* ＞を下向き */
#sidebar .select_wrap::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #666;
  border-bottom: 2px solid #666;
  transform: translateY(-60%) rotate(45deg);
  pointer-events: none;
}

/* focus */
#sidebar .filter_select:focus {
  outline: none;
  border-color: var(--color_main);
}
#sidebar .filter_action {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 0;
}

#sidebar .filter_submit_btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.15);
}
@media (min-width: 960px) {
	#sidebar #block-7{
		position: sticky;
		top: var(--swl-adminbarH,0);
	}
  #sidebar h2{
      border-left: solid 5px var(--color_main);
      padding: 0em .75em;
	  background:transparent;
	  margin-top:0;
  }

  #sidebar .title_area .img{
      position: absolute;
      z-index: -1;
      right: 0;
  }
  /* フィルター全体 */
  #sidebar .filter_area {
    z-index: 5;
    position: relative;
    padding: 1.5em 1em;
    border: var(--border_main);
    border-radius: var(--border_radius);
  }

    #sidebar .radio_wrap .filter_item,
    #sidebar .check_wrap .filter_item {
      gap: 10px;
    }
  
  #sidebar .radio_wrap .filter_item span{
    position: relative;
    padding-left:2em;
    background: none;
    border: none;
    font-size: .9em;
    color: var(--color_text);
  }

  #sidebar .radio_wrap .filter_item span::after{
    content: "";
    position: absolute;
  top: 50%;
  }

  /* checked */
  #sidebar .radio_wrap input[type="radio"]:checked + span::before {
    border-color: var(--color_main);
  }

  #sidebar .radio_wrap input[type="radio"]:checked + span::after {
    transform: translateY(-50%) scale(1);
  }
  #sidebar .radio_wrap .filter_item span::before{
    content: "";
    position: absolute;
  top: 50%;
  }
  #sidebar .radio_wrap .filter_item span::before{
      left: 0;
        width: 16px;
    height: 16px;
    border: 1px solid var(--color_gray2);
    border-radius: 50%;
    transform: translateY(-50%);
  }
  #sidebar .radio_wrap .filter_item span::after{
      left: 4px;
      width: 8px;
    height: 8px;
    background: var(--color_main);
    border-radius: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .2s ease;
  }
  #sidebar .check_wrap .filter_item span{
    padding-left:2em;
    color: var(--color_text);
  }
  #sidebar .check_wrap input[type="checkbox"]:checked + span::before {
    background: var(--color_main);
    border-color: var(--color_main);
  }

}
@media (max-width: 959px) {
    body.is-pop-open .l-header{
      z-index: 1;
  }
	#block-7{
    font-size:14px;
}
  #sidebar::before {
    content: "";
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease;
    z-index: 999;
  }
  body.is-pop-open #sidebar::before {
    opacity: 1;
    pointer-events: auto;
  }
  #popOpen{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap:.5em;
    min-width: 200px;
}
  #popOpen .icon-sort{height: 1.2em;}
  #sidebar #popBody{
    width: 90%;
    max-width: 340px;
    border-radius: var(--border_radius);
    background-color: #fff;
    margin-top: 0;
    padding: .8em;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    max-height: 90vh;
    overflow-y: auto;
  }
  #sidebar #popBody.is-active.pc_ {
    display: block!important;
  }
  body.is-pop-open{
    overflow: hidden;
  }
  #sidebar .title_area{
      border-bottom: solid 1px var(--color_text);
      margin-bottom: 0.5em;
  }
  #sidebar .title_area .img{
    line-height: 1;
  }
  #sidebar .title_area .img img{display: block;}
  #popClosed{
    position: relative;
    margin-left: auto;
    background-color: var(--color_main);
    color: #fff;
    cursor: pointer;
    width: 45px;
    height: 45px;
    border-radius: 50%;
  }
   #popClosed::before,
  #popClosed::after {
    content: "";
    position: absolute;
    top:calc(50% - 2px);
    left:calc(50% - 7px);
    width: 14px;
    height: 2px;
    background: currentColor;
    transition: transform .25s ease;
  }
  #popClosed::before {transform: rotate(45deg);}
  #popClosed::after { transform: rotate(-45deg);}

  #sidebar .radio_wrap,#sidebar .check_wrap{
    border-radius: 5em;
    border: 1px solid var(--color_gray2);
    overflow: hidden;
  }
   #sidebar .radio_wrap .filter_item:not(:last-child),
   #sidebar .check_wrap .filter_item:not(:nth-child(2n)){
     border-right: 1px solid var(--color_gray2);
   }
  #sidebar .check_wrap .filter_item:not(:nth-last-child(-n+2)){
      border-bottom: 1px solid var(--color_gray2);
}
#sidebar .radio_wrap .filter_item,#sidebar .check_wrap .filter_item{padding: 12px 0;transition: all .2s ease;background-color: transparent;}
  #sidebar .radio_wrap .filter_item{
    flex:1;
    text-align: center;
  }
   #sidebar .check_wrap{
    border-radius: 10px;
   }
   #sidebar .check_wrap .filter_item{
    flex:1 0 50%;
    padding-left: 10px;
   }
   #sidebar .check_wrap .filter_item span {
    padding-left: 22px;
   }
   #sidebar .radio_wrap .filter_item:has(input[type="radio"]:checked),
   #sidebar .check_wrap .filter_item:has(input[type="checkbox"]:checked){
    background: linear-gradient(100deg, var(--the-btn-color) 0%, var(--the-btn-color2) 100%);
    color: #fff;
  }
  #sidebar .check_wrap .filter_item span:after {
    border-color:var(--color_main);
  }
}
/* =========================
   footer
   ========================= */
.p-fixBtnWrap {
	bottom: calc(1.25em + 60px);
}
/* =========================
   一覧
   ========================= */
.post-type-archive-genre .p-postList .c-postThumb__figure{
--card_posts_thumb_ratio:23%;
}
@media (min-width: 1020px) {
    .-sidebar-off.post-type-archive-genre .-type-card.-pc-col3 .p-postList__item{
        width: 50%;
    }
}
/* =========================
   見出し
   ========================= */
.title_underl{
	position: relative;
	text-align: center;
	padding: 5px;
	line-height: 1.2;
}
.title_underl:before{
	content: "";
	display: block;
	width: 60px;
	background-color: var(--color_main);
	height: 3px;
	position: absolute;
	bottom: 0;
	left:calc(50% - 30px);
}
/* =========================
   icon系
   ========================= */
.icon-timer{--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik0xMTIuOTEgMTI4QTE5MS44NSAxOTEuODUgMCAwMDY0IDI1NGMtMS4xOCAxMDYuMzUgODUuNjUgMTkzLjggMTkyIDE5NCAxMDYuMi4yIDE5Mi04NS44MyAxOTItMTkyIDAtMTA0LjU0LTgzLjU1LTE4OS42MS0xODcuNS0xOTJhNC4zNiA0LjM2IDAgMDAtNC41IDQuMzdWMTUyIiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjMyIj48L3BhdGg+PHBhdGggZD0iTTIzMy4zOCAyNzguNjNsLTc5LTExM2E4LjEzIDguMTMgMCAwMTExLjMyLTExLjMybDExMyA3OWEzMi41IDMyLjUgMCAwMS0zNy4yNSA1My4yNiAzMy4yMSAzMy4yMSAwIDAxLTguMDctNy45NHoiPjwvcGF0aD48L3N2Zz4=);}
.icon-review{--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSJub25lIj48L3JlY3Q+PHBhdGggZD0iTTQ1LjQsMTc3QTk1LjksOTUuOSwwLDEsMSw3OSwyMTAuNmgwTDQ1LjgsMjIwYTcuOSw3LjksMCwwLDEtOS44LTkuOEw0NS40LDE3N1oiIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiPjwvcGF0aD48Y2lyY2xlIGN4PSIxMjgiIGN5PSIxMjgiIHI9IjEyIj48L2NpcmNsZT48Y2lyY2xlIGN4PSI4MCIgY3k9IjEyOCIgcj0iMTIiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE3NiIgY3k9IjEyOCIgcj0iMTIiPjwvY2lyY2xlPjwvc3ZnPg==);min-height:1em;}
.icon-checks{--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Ik00NzAuNiAxMDUuNGMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM2wtMjU2IDI1NmMtMTIuNSAxMi41LTMyLjggMTIuNS00NS4zIDBsLTEyOC0xMjhjLTEyLjUtMTIuNS0xMi41LTMyLjggMC00NS4zczMyLjgtMTIuNSA0NS4zIDBMMTkyIDMzOC43IDQyNS40IDEwNS40YzEyLjUtMTIuNSAzMi44LTEyLjUgNDUuMyAweiI+PC9wYXRoPjwvc3ZnPg==);}
.icon-sort{--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSJub25lIj48L3JlY3Q+PGxpbmUgeDE9IjEyOCIgeTE9IjEyMCIgeDI9IjEyOCIgeTI9IjIxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiI+PC9saW5lPjxsaW5lIHgxPSIxMjgiIHkxPSI0MCIgeDI9IjEyOCIgeTI9Ijg4IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2Ij48L2xpbmU+PGxpbmUgeDE9IjIwMCIgeTE9IjIwMCIgeDI9IjIwMCIgeTI9IjIxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiI+PC9saW5lPjxsaW5lIHgxPSIyMDAiIHkxPSI0MCIgeDI9IjIwMCIgeTI9IjE2OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiI+PC9saW5lPjxsaW5lIHgxPSIyMjQiIHkxPSIxNjgiIHgyPSIxNzYiIHkyPSIxNjgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiPjwvbGluZT48bGluZSB4MT0iNTYiIHkxPSIxNjgiIHgyPSI1NiIgeTI9IjIxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiI+PC9saW5lPjxsaW5lIHgxPSI1NiIgeTE9IjQwIiB4Mj0iNTYiIHkyPSIxMzYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTYiPjwvbGluZT48bGluZSB4MT0iMzIiIHkxPSIxMzYiIHgyPSI4MCIgeTI9IjEzNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNiI+PC9saW5lPjxsaW5lIHgxPSIxNTIiIHkxPSI4OCIgeDI9IjEwNCIgeTI9Ijg4IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE2Ij48L2xpbmU+PC9zdmc+);}
.icon-arow_r{--the-icon-svg: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMzMgMjUuMS0xMy4xIDEzYy0uOC44LTIgLjgtMi44IDAtLjgtLjgtLjgtMiAwLTIuOEwyOC40IDI0IDE3LjEgMTIuN2MtLjgtLjgtLjgtMiAwLTIuOC44LS44IDItLjggMi44IDBsMTMuMSAxM2MuNi42LjYgMS42IDAgMi4yeiI+PC9wYXRoPjwvc3ZnPg==);
min-height:1em;
}
.icon-people{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: var(--color_base);
	mask: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSJub25lIj48L3JlY3Q+PHBhdGggZD0iTTIzMS45LDIxMmExMjAuNywxMjAuNywwLDAsMC02Ny4xLTU0LjIsNzIsNzIsMCwxLDAtNzMuNiwwQTEyMC43LDEyMC43LDAsMCwwLDI0LjEsMjEyYTcuNyw3LjcsMCwwLDAsMCw4LDcuOCw3LjgsMCwwLDAsNi45LDRIMjI1YTcuOCw3LjgsMCwwLDAsNi45LTRBNy43LDcuNywwLDAsMCwyMzEuOSwyMTJaIj48L3BhdGg+PC9zdmc+) no-repeat center / contain;
	-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxyZWN0IHdpZHRoPSIyNTYiIGhlaWdodD0iMjU2IiBmaWxsPSJub25lIj48L3JlY3Q+PHBhdGggZD0iTTIzMS45LDIxMmExMjAuNywxMjAuNywwLDAsMC02Ny4xLTU0LjIsNzIsNzIsMCwxLDAtNzMuNiwwQTEyMC43LDEyMC43LDAsMCwwLDI0LjEsMjEyYTcuNyw3LjcsMCwwLDAsMCw4LDcuOCw3LjgsMCwwLDAsNi45LDRIMjI1YTcuOCw3LjgsMCwwLDAsNi45LTRBNy43LDcuNywwLDAsMCwyMzEuOSwyMTJaIj48L3BhdGg+PC9zdmc+) no-repeat center / contain;
}

.icon-pencile::before{
	content: "";
	display: inline-block;
	width: 70%;
	margin: auto;
	aspect-ratio: 1 / 1;
	background:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2029%22%3E%20%3Cpath%20fill%3D%22%23439c4c%22%20d%3D%22m15.75.72%208.59%206.13-12.83%2016.46.04-2.69-2.68.83-.03-2.79-2.72.65.15-2.32-2.74.21z%22%2F%3E%20%3Cpath%20d%3D%22M.63%2028.77a.4.4%200%200%201-.17-.08.4.4%200%200%201-.13-.39l2.86-11.34s.03-.09.06-.13L15.41.43c.13-.17.36-.2.53-.08.17.13.2.36.08.53L3.9%2017.22%201.26%2027.7l10.09-4.82%2012.7-16.37c.13-.17.37-.2.53-.07.17.13.2.37.07.53L11.91%2023.41s-.08.08-.14.11L.86%2028.74c-.07.03-.15.04-.23.03%22%20class%3D%22cls-1%22%2F%3E%20%3Cpath%20d%3D%22M11.34%2023.56a.38.38%200%200%201-.31-.39l.09-2.16-2.11.74c-.12.04-.25.02-.35-.05a.39.39%200%200%201-.16-.32l.05-2.43-2.37.75a.388.388%200%200%201-.5-.4l.21-2.1-2.27.41c-.21.04-.4-.1-.44-.31s.1-.41.31-.44l2.77-.5c.12-.02.24.01.33.09s.13.2.12.32l-.2%202.02%202.32-.74a.35.35%200%200%201%20.34.06c.1.07.16.19.15.31l-.05%202.42%202.13-.74c.12-.04.25-.02.35.05.1.08.16.2.15.32l-.12%202.72c0%20.21-.19.37-.4.36h-.05Zm-9.27-.07%203.21%202.66L.7%2028.4z%22%20class%3D%22cls-1%22%2F%3E%20%3Cpath%20d%3D%22M6.3%2016.99s-.07-.02-.1-.04a.236.236%200%200%201-.05-.32L17.3%201.78c.08-.1.22-.12.32-.05.1.08.12.22.05.32L6.53%2016.9c-.05.07-.14.1-.22.09Zm2.61%201.68s-.07-.02-.1-.04a.236.236%200%200%201-.05-.32L19.91%203.46c.08-.1.22-.12.32-.05.1.08.12.22.05.32L9.14%2018.58c-.05.07-.14.1-.22.09Zm2.53%201.99s-.07-.02-.1-.04a.236.236%200%200%201-.05-.32L22.43%205.45c.08-.1.22-.12.32-.05.1.08.12.22.05.32L11.66%2020.57c-.05.07-.14.1-.22.09%22%20class%3D%22cls-1%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
	}
.icon_fuki{
	position: relative;
	display: flex;
	background-color: #fff;
	aspect-ratio: 1 / 1;
	min-width: 20px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
}
.icon_fuki::after{
	display: block;
	position: absolute;
	bottom: 0;
	left: calc(100% - 5px);
	content: "";
	width: 8px;
	height: 10px;
	background: #fff;
	clip-path: polygon(0 0, 0 100%, 100% 50%);
	transform: rotate(28deg);
	z-index: 0;
}
.marker-svg{position: relative;z-index: 1;overflow:hidden;}
.marker-svg::before{
	content: "";
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);	
	display: inline-block;
	height:3em;
	aspect-ratio: 80 / 30;
	z-index: -1;
	background-color: rgba(243,255,0,0.75);
	mask:  url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2030%22%3E%20%3Cpath%20d%3D%22M38.44.18c1.45-.35%202.8-.14%204.16.14.69.14%201.24.81%201.64%202.14.54%201.84.93%203.84%201.16%205.98.06.51.05%201.06.06%201.59.02.79-.14%201.38-.44%201.76-.32.41-.64.79-.98%201.09-.58.51-1.18.94-1.77%201.41-.17.14-.35.27-.52.42-.04.04-.1.17-.09.24.01.2.1.23.17.23.16%200%20.31-.01.47-.05.99-.22%201.98-.44%202.96-.67.73-.17%201.45-.39%202.18-.56.7-.17%201.41-.3%202.11-.47q1.05-.255%202.1-.54c.55-.14%201.09-.3%201.63-.44%201.09-.28%202.18-.52%203.27-.81%201.06-.28%202.13-.62%203.19-.92.6-.17%201.19-.31%201.79-.47.62-.17%201.24-.36%201.87-.54.49-.14.98-.31%201.48-.44%201.06-.28%202.13-.54%203.19-.82.67-.18%201.35-.41%202.02-.57.73-.18%201.46-.31%202.19-.46.99-.2%201.98-.42%202.97-.57.89-.13%201.78-.17%202.67-.25H78c.22.02.41.21.55.59.15.41.3.82.42%201.27.42%201.51.73%203.14.93%204.87.05.4.08.81.09%201.22.04%201.33-.08%201.54-.65%201.6-.94.1-1.88.21-2.82.38-.89.15-1.77.37-2.65.56-.7.15-1.41.29-2.11.46-.65.15-1.3.32-1.95.49-.7.19-1.4.39-2.1.58-.52.14-1.04.26-1.56.42-1.01.3-2.02.62-3.03.91-1.04.29-2.08.54-3.11.83-.62.17-1.24.37-1.87.55-.49.14-.99.28-1.48.41-.65.16-1.3.3-1.95.46-.7.18-1.4.39-2.1.57-.49.13-.99.26-1.48.37-.7.16-1.41.3-2.11.47-.75.17-1.51.36-2.26.54-.7.17-1.4.33-2.11.49-.94.22-1.87.44-2.81.64-.75.16-1.51.3-2.27.46-.81.17-1.61.37-2.42.55-.68.16-1.35.32-2.03.47-.99.22-1.98.45-2.96.66-.75.16-1.51.29-2.27.46-.75.17-1.51.36-2.26.54-.73.17-1.46.33-2.18.49-.91.2-1.82.45-2.73.59-1.15.17-2.29.47-3.44.54-.69.04-1.14-.57-1.49-1.82-.54-1.92-.92-3.98-1.13-6.2-.02-.23-.02-.47-.03-.7-.04-.82.12-1.38.44-1.7.31-.31.63-.59.95-.84%201.51-1.19%203.04-2.18%204.57-3.17%201.31-.84%202.62-1.65%203.93-2.48.2-.13.4-.3.59-.46.02-.02.05-.11.04-.13-.02-.08-.05-.22-.08-.22-.16-.03-.31-.06-.47-.01-1.06.3-2.13.61-3.19.92-.96.27-1.92.53-2.88.81-.85.26-1.71.54-2.56.83-.83.28-1.65.59-2.48.9-1.06.39-2.12.75-3.17%201.21-1.72.75-3.43%201.54-5.15%202.36-.97.46-1.94.97-2.9%201.52-.73.42-1.47.84-2.17%201.54-.28.28-.51.1-.7-.4-.13-.36-.26-.73-.38-1.13-.48-1.71-.82-3.56-1-5.56-.03-.29-.04-.58-.05-.88-.01-.58.09-1.07.33-1.31.38-.38.76-.78%201.16-1.05.93-.63%201.85-1.24%202.79-1.76a50%2050%200%200%201%205.37-2.55c1.36-.55%202.72-1.14%204.09-1.65%201.19-.44%202.38-.8%203.57-1.19.93-.31%201.86-.62%202.79-.91.57-.18%201.14-.32%201.71-.47.52-.14%201.04-.26%201.56-.41.65-.18%201.3-.39%201.94-.56.49-.14.99-.26%201.48-.37.73-.16%201.46-.29%202.19-.45.83-.18%201.66-.38%202.5-.56.21-.05.42-.07.63-.11l1.25-.24c.23-.04.47-.08.7-.11.52-.09%201.04-.18%201.56-.26.29-.04.57-.07.86-.1.68-.05%201.36-.1%201.95-.14Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
	-webkit-mask: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2030%22%3E%20%3Cpath%20d%3D%22M38.44.18c1.45-.35%202.8-.14%204.16.14.69.14%201.24.81%201.64%202.14.54%201.84.93%203.84%201.16%205.98.06.51.05%201.06.06%201.59.02.79-.14%201.38-.44%201.76-.32.41-.64.79-.98%201.09-.58.51-1.18.94-1.77%201.41-.17.14-.35.27-.52.42-.04.04-.1.17-.09.24.01.2.1.23.17.23.16%200%20.31-.01.47-.05.99-.22%201.98-.44%202.96-.67.73-.17%201.45-.39%202.18-.56.7-.17%201.41-.3%202.11-.47q1.05-.255%202.1-.54c.55-.14%201.09-.3%201.63-.44%201.09-.28%202.18-.52%203.27-.81%201.06-.28%202.13-.62%203.19-.92.6-.17%201.19-.31%201.79-.47.62-.17%201.24-.36%201.87-.54.49-.14.98-.31%201.48-.44%201.06-.28%202.13-.54%203.19-.82.67-.18%201.35-.41%202.02-.57.73-.18%201.46-.31%202.19-.46.99-.2%201.98-.42%202.97-.57.89-.13%201.78-.17%202.67-.25H78c.22.02.41.21.55.59.15.41.3.82.42%201.27.42%201.51.73%203.14.93%204.87.05.4.08.81.09%201.22.04%201.33-.08%201.54-.65%201.6-.94.1-1.88.21-2.82.38-.89.15-1.77.37-2.65.56-.7.15-1.41.29-2.11.46-.65.15-1.3.32-1.95.49-.7.19-1.4.39-2.1.58-.52.14-1.04.26-1.56.42-1.01.3-2.02.62-3.03.91-1.04.29-2.08.54-3.11.83-.62.17-1.24.37-1.87.55-.49.14-.99.28-1.48.41-.65.16-1.3.3-1.95.46-.7.18-1.4.39-2.1.57-.49.13-.99.26-1.48.37-.7.16-1.41.3-2.11.47-.75.17-1.51.36-2.26.54-.7.17-1.4.33-2.11.49-.94.22-1.87.44-2.81.64-.75.16-1.51.3-2.27.46-.81.17-1.61.37-2.42.55-.68.16-1.35.32-2.03.47-.99.22-1.98.45-2.96.66-.75.16-1.51.29-2.27.46-.75.17-1.51.36-2.26.54-.73.17-1.46.33-2.18.49-.91.2-1.82.45-2.73.59-1.15.17-2.29.47-3.44.54-.69.04-1.14-.57-1.49-1.82-.54-1.92-.92-3.98-1.13-6.2-.02-.23-.02-.47-.03-.7-.04-.82.12-1.38.44-1.7.31-.31.63-.59.95-.84%201.51-1.19%203.04-2.18%204.57-3.17%201.31-.84%202.62-1.65%203.93-2.48.2-.13.4-.3.59-.46.02-.02.05-.11.04-.13-.02-.08-.05-.22-.08-.22-.16-.03-.31-.06-.47-.01-1.06.3-2.13.61-3.19.92-.96.27-1.92.53-2.88.81-.85.26-1.71.54-2.56.83-.83.28-1.65.59-2.48.9-1.06.39-2.12.75-3.17%201.21-1.72.75-3.43%201.54-5.15%202.36-.97.46-1.94.97-2.9%201.52-.73.42-1.47.84-2.17%201.54-.28.28-.51.1-.7-.4-.13-.36-.26-.73-.38-1.13-.48-1.71-.82-3.56-1-5.56-.03-.29-.04-.58-.05-.88-.01-.58.09-1.07.33-1.31.38-.38.76-.78%201.16-1.05.93-.63%201.85-1.24%202.79-1.76a50%2050%200%200%201%205.37-2.55c1.36-.55%202.72-1.14%204.09-1.65%201.19-.44%202.38-.8%203.57-1.19.93-.31%201.86-.62%202.79-.91.57-.18%201.14-.32%201.71-.47.52-.14%201.04-.26%201.56-.41.65-.18%201.3-.39%201.94-.56.49-.14.99-.26%201.48-.37.73-.16%201.46-.29%202.19-.45.83-.18%201.66-.38%202.5-.56.21-.05.42-.07.63-.11l1.25-.24c.23-.04.47-.08.7-.11.52-.09%201.04-.18%201.56-.26.29-.04.57-.07.86-.1.68-.05%201.36-.1%201.95-.14Z%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
}

.arrow-right::before{
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}
/* 吹き出しのメインスタイル */
.balloon_tip{
  align-items: stretch;
  display: inline-flex;
  justify-content: center;
  gap: 16px;
	line-height: 1.2;
}

.balloon_tip::before,
.balloon_tip::after {
  background-color:currentColor;
  border-radius: 5px;
  content: "";
  width: 2px;
}
.balloon_tip::before {
  transform: rotate(140deg);
}
.balloon_tip::after {
  transform: rotate(-140deg);
}
/* =========================
   評価系
   ========================= */
.star {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: var(--color_star);
	mask: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035.75%2034%22%3E%20%3Cpath%20d%3D%22m17.87%200%205.53%2011.19%2012.35%201.8-8.94%208.71L28.92%2034l-11.05-5.81L6.83%2034l2.11-12.3L0%2012.99l12.35-1.8z%22%2F%3E%20%3C%2Fsvg%3E') no-repeat center / contain;
	-webkit-mask: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035.75%2034%22%3E%20%3Cpath%20d%3D%22m17.87%200%205.53%2011.19%2012.35%201.8-8.94%208.71L28.92%2034l-11.05-5.81L6.83%2034l2.11-12.3L0%2012.99l12.35-1.8z%22%2F%3E%20%3C%2Fsvg%3E') no-repeat center / contain;
}
.star.c_gray{
	background-color: #c1bcb8;
}
.review_val{font-size: 1.2em;}
/* 星本体 */
.review_val5::before {
  content: "";
  display: block;
  width: 110px;  /* 20px × 5 */
  height: 20px;
  background:
    linear-gradient(
      to right,
      var(--color_star) 0%,
      var(--color_star) calc(var(--rate) * 20%),
      #c1bcb8 calc(var(--rate) * 20%),
      #c1bcb8 100%
    );

  mask: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20143.46%2024%22%3E%3Cpath%20d%3D%22m12.62%200%203.9%207.9%208.72%201.27-6.31%206.15L20.42%2024l-7.8-4.1-7.8%204.1%201.49-8.68L0%209.17%208.72%207.9zM42.17%200l3.9%207.9%208.72%201.27-6.31%206.15L49.97%2024l-7.8-4.1-7.79%204.1%201.49-8.68-6.31-6.15%208.71-1.27zM71.73%200l3.9%207.9%208.72%201.27-6.31%206.15L79.53%2024l-7.8-4.1-7.8%204.1%201.49-8.68-6.31-6.15%208.72-1.27z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20d%3D%22m101.29%200%203.9%207.9%208.71%201.27-6.3%206.15%201.48%208.68-7.79-4.1-7.8%204.1%201.49-8.68-6.31-6.15%208.72-1.27zM130.84%200l3.9%207.9%208.72%201.27-6.31%206.15%201.49%208.68-7.8-4.1-7.79%204.1%201.48-8.68-6.3-6.15%208.71-1.27z%22%20class%3D%22cls-2%22%2F%3E%3C%2Fsvg%3E') no-repeat left / 100% 100%;
  -webkit-mask:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20143.46%2024%22%3E%3Cpath%20d%3D%22m12.62%200%203.9%207.9%208.72%201.27-6.31%206.15L20.42%2024l-7.8-4.1-7.8%204.1%201.49-8.68L0%209.17%208.72%207.9zM42.17%200l3.9%207.9%208.72%201.27-6.31%206.15L49.97%2024l-7.8-4.1-7.79%204.1%201.49-8.68-6.31-6.15%208.71-1.27zM71.73%200l3.9%207.9%208.72%201.27-6.31%206.15L79.53%2024l-7.8-4.1-7.8%204.1%201.49-8.68-6.31-6.15%208.72-1.27z%22%20class%3D%22cls-1%22%2F%3E%3Cpath%20d%3D%22m101.29%200%203.9%207.9%208.71%201.27-6.3%206.15%201.48%208.68-7.79-4.1-7.8%204.1%201.49-8.68-6.31-6.15%208.72-1.27zM130.84%200l3.9%207.9%208.72%201.27-6.31%206.15%201.49%208.68-7.8-4.1-7.79%204.1%201.48-8.68-6.3-6.15%208.71-1.27z%22%20class%3D%22cls-2%22%2F%3E%3C%2Fsvg%3E') no-repeat left / 100% 100%;
}
/* =========================
   chart
   ========================= */

#chartWrap {
	width: 100%;
	max-width: 450px;
	margin: 0 auto;
	position: relative;
}
#chartWrap .chart-container {
	position: relative;
	width: 100%;
	padding-top: 100%;
}
#chartWrap .chart-container svg {
	position: absolute;
	top: 1%;
	left: 1%;
	width: 98%;
	height: 98%;
}

#chartWrap .label-text {
	position: absolute;
	text-align: center;
	font-size: 14px;
	transform: translate(-50%, -50%);
	line-height: 1.2;
	white-space: nowrap;
	pointer-events: none;
}
#chartWrap .label-text .num{
	display: block;
	font-size: 1.2em;
}

#chartWrap .center-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		line-height: 1.4;
		pointer-events: none;
}
#chartWrap .center-text .title{
  font-size: 12px;margin: 0;
}
#chartWrap .center-text .date{
	 font-size:2rem;
	 font-weight: bold;
	 margin: 0;
}
@media(max-width: 959px) {
.single-iken .vendor_wrapper .chart_area{
	margin:1.5em 0 1em;
}
}
@media(max-width: 480px) {
	#chartWrap {
		width: 90%;
	}
	#chartWrap .label-text {
	  font-size: 12px;
	  white-space: normal;
	  width: 70px;
	}
}
/* =========================
   おすすめポイント
   ========================= */

.check_list.points li{
	position: relative;
	padding: .5em 1em .5em 2.5em;
	background-color: #fff;
	border-radius: .5em;
	display: inline-block;
	margin-bottom: .5em;
	font-weight: bold;
	text-align: left;
		line-height: 1.2;
}
.check_list.points li:before {
	background: var(--color_byel);
	content: "";
	display: block;
	height: 100%;
	left: 0.5em;
	-webkit-mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.3%2018.46%22%3E%20%3Cpath%20d%3D%22M8.11%2018.46h-.07c-.67-.02-1.29-.31-1.74-.81L.62%2011.3c-.89-1-.81-2.54.19-3.43s2.54-.81%203.43.19l3.98%204.45L20.16.7c.95-.94%202.49-.94%203.44.02.94.95.93%202.49-.02%203.44L9.82%2017.76c-.46.45-1.07.7-1.71.7%22%2F%3E%3C%2Fsvg%3E);
	mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.3%2018.46%22%3E%20%3Cpath%20d%3D%22M8.11%2018.46h-.07c-.67-.02-1.29-.31-1.74-.81L.62%2011.3c-.89-1-.81-2.54.19-3.43s2.54-.81%203.43.19l3.98%204.45L20.16.7c.95-.94%202.49-.94%203.44.02.94.95.93%202.49-.02%203.44L9.82%2017.76c-.46.45-1.07.7-1.71.7%22%2F%3E%3C%2Fsvg%3E);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	max-width: 1.5em;
	position: absolute;
	top: 0;
	width: 1.5em;
	width: 100%;
}
.check_list.points li span{
	background: -webkit-linear-gradient(transparent 64%, var(--color_mark_green) 0%);
    background: linear-gradient(transparent 64%, var(--color_mark_green) 0%);
	
}
@media (min-width: 960px) {
 .check_list.points {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
}
@media screen and (max-width: 959px) and (min-width: 600px) {
	.check_list.points{
		display: flex;
		gap: 10px;
	}
}
/* =========================
   サムネイル
   ========================= */
.vendor_thumb.p-articleThumb{
  aspect-ratio: 300 / 250;
  max-width: 100%;
	display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 0;
  text-align: center;
  background-color: var(--color_base_sub);
}

.vendor_thumb.p-articleThumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}
.vendor_thumb.p-articleThumb i {
  display: block;
  padding: 0 10px;
  word-break: break-word;
  font-style: italic;
}
.caution{
	font-size: 12px;
}
/* =========================
   特徴で比較
   ========================= */
   .compare_area{
	padding-bottom: 2em;
	padding-top: 2em;
   }
.compare_area h2{margin-bottom:1em;}
.compare_area .compare_area_list{
	margin-top: 2em!important;
	padding-left:0;
  }
   .compare_area .compare_area_list li{
	flex: 1 1 calc(25% - (24px / 3));
	border: var(--border_main);
	border-radius: var(--border_radius);
	line-height: 1.2;
	overflow: hidden;
	   list-style:none;
	   margin:0 auto;
   }
   .compare_area .compare_area_list li a{
	color: var(--color_gray1);
	padding: 10px;
	   background-color: #fff;
   }
   .compare_area .compare_area_list li img{display: inline-block;}

   .compare_area .compare_area_ranking,
   .compare_area .compare_area_filter {
	margin-top: 32px;
   }
   .compare_area .compare_area_title {
	background: linear-gradient(100deg, var(--color_main) 0%, #9bc93c 100%);
	color: #fff;
	font-weight: bold;
	padding: 6px 32px;
	border-radius: 12px 12px 0 0;
   }
  .compare_area .compare_area_ranking .compare_area_list {
	padding: 0 80px;
	gap: 20px;
  }
   .compare_area .compare_area_list li:hover {
	transform: translateY(2px);
   }
   .compare_area .compare_area_ranking .compare_area_list li a {
	padding: 10px 24px;
	gap: 12px;
   }
   .compare_area .compare_area_ranking .fs-txt.txt {
	font-size: 16px;
   }
   .compare_area .fs-title {
	font-size: 18px;
   }
.post_content .compare_area .compare_area_list li a{gap: 10px;}
.post_content .compare_area .compare_area_list {gap: 10px;}
@media(min-width: 960px) {
	.compare_area .compare_area_list li .title.u-ta-c{
		font-weight: bold;
		text-align: left;
	} 
	.compare_area .compare_area_list li .pc_{
		font-size:0.8em;
		margin-top: .3em;
	} 
	.compare_area .compare_area_list li .txt{
		width: calc(100% - 34px);
	}
}
@media(max-width: 959px) {
	.compare_area .compare_area_list{
		max-width: 600px;
		margin:2em auto 0;
	}
	.compare_area .compare_area_list li{
		aspect-ratio: 1/1;
	}
	.compare_area .compare_area_list li a{
		flex-direction: column;
		height: 100%;
	   padding: 6px 0;
	}
	.compare_area .compare_area_list li .icon{
		max-width: 44px;
		margin-top: auto;
		margin-bottom: auto;
	}

	.compare_area .compare_area_list li .txt{
		font-size: 14px;
		margin-top: auto;
		margin-bottom: auto;
	}
	.compare_area .compare_area_title {
		padding: 6px 24px;
   }
	.compare_area .compare_area_ranking .compare_area_list {
		flex-direction: column;
		padding: 0 60px;
	}
	.compare_area .compare_area_ranking .compare_area_list li{
		aspect-ratio: auto;
	}
	.compare_area .compare_area_ranking .compare_area_list li a {
		flex-direction: unset;
	}
	.compare_area .fs-title {
		font-size: 16px;
   }
}
@media(max-width: 420px) {
	.compare_area .compare_area_list li .icon{ max-width: 24px; }
	.compare_area .compare_area_list li .txt{font-size: 12px;}
}

/*テーブル開閉のボタン*/
.wp-block-lazyblock-tableac2 .table-open {
	margin-top: 10px;
	position: relative;
	display: inline-block;
	padding: 8px 25px 8px 13px;
	border: 1px solid #ccc;
	background: #f1e767;
	background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
	background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	box-shadow: inset 1px 1px 1px #fff;
	border-radius: 8px;
	text-decoration: none;
	cursor: pointer;
	font-size: 0.8em;
}

.wp-block-lazyblock-tableac2 .table-open::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	width: 9px;
	height: 9px;
	margin: auto;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: translateY(-2px) rotate(135deg);
	box-sizing: border-box;
	transition: all 0.5s;
}
.wp-block-lazyblock-tableac2 .table-open.on:after {
	transform: translateY(1px) rotate(315deg);
}


/* リッチリスト */
dl.rich_list {
	margin: 20px 0;
	padding: 0;
}
dl.rich_list dt {
	position: relative;
	background: var(--color_main);
	padding: 12px 15px 10px;
	margin: 0 0 10px;
	border: 0 !important;
	line-height: 1.2em;
	font-weight: bold;
	color: #fff;
	border-radius: 7px;
}
dl.rich_list dt:before {
	content: "";
	display: block;
	position: absolute;
	border-style: solid;
	border-width: 12px 7px 0;
	border-color: var(--color_main) transparent transparent;
	left: 50px;
	bottom: -12px;
}
dl.rich_list dt[style]:before {
	background: inherit;
	border-color: transparent #fff #fff;
}
dl.rich_list dd {
	padding: 0;
	margin: 0 0 15px !important;
	border: 0 !important;
	line-height: 1.5em;
}
.post_content dl.rich_list dd .h5,
dl.rich_list dd .h5 {
	margin: 0 0 5px !important;
	padding: 3px 0 2px 30px;
	position: relative;
	border: 0 !important;
	background-size: 28px 28px !important;
	font-weight: bold;
	line-height: 1.2em;
	color: #030 !important;
}
dl.rich_list dd .h5:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	border: 2px solid #000;
	box-sizing: border-box;
	background:
		linear-gradient(-55deg, transparent 44%, #d22 46%, #d22 58%, transparent 60%),
		linear-gradient(45deg, transparent 33%, #d22 35%, #d22 47%, transparent 49%);
	background-repeat: no-repeat;
	background-position: 4px 2px, 1px 8px;
	background-size: 100% 100%;
	border-radius: 2px;
}
dl.rich_list dd p br:first-child,
dl.rich_list dd .h5+br {
	display: none;
}
dl.rich_list dd .h5 b {
	color: #e22;
}
dl.rich_list dd p {
	margin: 0 0 0 20px !important;
	padding: 0;
	line-height: inherit;
}
.article-body dl.rich_list dd ul li {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	line-height: 1.3em !important;
}
.article-body dl.rich_list dd ul li:before {
	background: #a8a8f4;
	top: 5px;
}
@media (max-width: 600px) {
	dl.rich_list dt {
		padding: 10px 12px 8px;
	}
}
/* リッチリスト拡張（開閉付き：2024/10/18）＋ 開閉ブロックinブロック（2024/11/12） */
.openclose-inblock > .lazyblock-inner-blocks,
.rich_list_close dl.rich_list {
	margin-bottom: 0;
	padding-bottom: 0;
}
.openclose-inblock,
.rich_list_close {
	margin-bottom: 20px;
	position: relative;
}
.openclose-inblock > .lazyblock-inner-blocks > *:nth-child(n+2),
.rich_list_close dl.rich_list dt:nth-of-type(n+2),
.rich_list_close dl.rich_list dd:nth-of-type(n+2) {
	max-height: 1500px;
	transition: all 0.7s ease-in-out;
}
.openclose-inblock:has(input:checked) > .lazyblock-inner-blocks > *:not(:last-child) {
	margin-bottom: 30px;
}
.openclose-inblock:has(input:not(:checked)) > .lazyblock-inner-blocks > *:nth-child(n+2),
.rich_list_close:has(input:not(:checked)) dl.rich_list dt:nth-of-type(n+2),
.rich_list_close:has(input:not(:checked)) dl.rich_list dd:nth-of-type(n+2) {
	overflow: hidden;
	margin-top: 0;
	margin-bottom: 0 !important;
	padding-top: 0;
	padding-bottom: 0 !important;
	max-height: 0;
	transition: all 0.2s ease-in-out;
}
.openclose-inblock input,
.rich_list_close input {
	display: none;
}
.openclose-inblock:has(input:not(:checked)) label:before,
.rich_list_close:has(input:not(:checked)) label:before {
	content: attr(data-text-open);
}
.openclose-inblock:has(input:checked) label:before,
.rich_list_close:has(input:checked) label:before {
	content: attr(data-text-close);
}
.openclose-inblock label,
.rich_list_close label {
	position: relative;
	display: block;
	margin: auto;
	width: fit-content;
	background: var(--color_main);
	color: var(--color_bg);
	padding: 5px 20px;
	border-radius: 40px;
	box-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
	border: 1px solid #fff;
	cursor: pointer;
	transition: all 0.5s linear;
	font-size: 90%;
	line-height: 1.2em;
	z-index: 2;
}
.openclose-inblock label:hover,
.rich_list_close label:hover {
	filter: brightness(1.1);
	left: -1px;
	top: -1px;
	box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
	transition: all 0.2s linear;
}
.openclose-inblock:after,
.rich_list_close:after {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	bottom: 20px;
	width: 100%;
	height: 100px;
	background: linear-gradient(to top, #fff 0%, transparent 100%);
}
.openclose-inblock:has(input:checked):after,
.rich_list_close:has(input:checked):after {
	display: none;
}
.rich_list ul:not([class]) li,
ul[class="wp-block-list"] li,
.cap_box_content ul:not([class]) li {
	list-style: disc;
}
.rich_list dd ul {
	margin-left: 15px;
}

/* iken */
.iken-head-image {
	margin: 0 0 20px;
	width: 100%;
}
.iken-head-image img {
	min-width: 100% !important;
	height: auto;
}

/* 口コミリスト 
.post_content .voice-area {
	background: var(--color_main);
	padding: 20px;
	margin: 0 0 30px;
}
.voice-list-link .smt,
.post_content .voice-area .smt {
	display: none;
}
.voice-list-link {
	position: relative;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 0 2px;
}
.voice-list-link a {
	flex: 1;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color_main);
	height: 45px;
	padding: 0;
	line-height: 1.2em;
	text-align: center;
	border-bottom: 1px solid #fff;
	border-radius: 10px 10px 0 0;
	transition: all 0.3s linear;
}
.voice-list-link a:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color_main);
	opacity: 0.3;
	border-radius: 10px 10px 0 0;
	z-index: -1;
	transition: all 0.3s linear;
}
.voice-list-link a:hover {
	color: #fff;
	transition: all 0.1s linear;
	height: 50px;
}
.voice-list-link a:hover:before {
	opacity: 0.7;
	color: #fff;
	transition: all 0.1s linear;
}
.voice-list-link a.on {
	background: var(--color_main);
	color: #ff7;
	height: 50px;
	font-weight: bold;
	border-color: var(--color_main);
}
.voice-list-link a.on small {
	display: inline-block;
	font-size: 85%;
	font-weight: normal;
	color: #fff;
}
.post_content .voice-inner {
	background: rgba(255,255,255,0.8);
	padding: 15px;
	margin: 15px 0 0;
	border-radius: 5px;
	overflow: hidden;
	max-height: 1000px;
	transform: scale(1,1);
	transform-origin: 0 0;
	transition: all 0.3s ease-in-out;
}
.post_content .voice-inner.close {
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	transform: scale(1,0);
	transition: all 0.3s ease-in-out;
}
.post_content .voice-inner:first-child {
	margin-top: 0;
}
.voice-area .voice-name {
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid var(--color_main);
	padding: 0 0 5px;
	margin: 0 0 5px;
}
.voice-area .voice-name small {
	font-size: inherit;
	font-weight: bold;
	font-style: normal;
	color: var(--color_main);
	opacity: 1;
}
.voice-area .voice-name .star {
	font-style: normal;
	font-size: 120%;
	line-height: 1.3em;
	border-radius: 5px;
	vertical-align: middle;
}
.voice-area .voice-name .star i {
	font-style: normal;
	font-size: 140%;
	line-height: 1.1em;
	color: #aa9;
	vertical-align: middle;
}
.voice-area .voice-name .star[data-star="1"] i:nth-of-type(-n+1),
.voice-area .voice-name .star[data-star="2"] i:nth-of-type(-n+2),
.voice-area .voice-name .star[data-star="3"] i:nth-of-type(-n+3),
.voice-area .voice-name .star[data-star="4"] i:nth-of-type(-n+4),
.voice-area .voice-name .star[data-star="5"] i:nth-of-type(-n+5) {
	color: #dd0;
	text-shadow: #fff 0 0 2px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px, #fff 0 0 3px;
}
.voice-area nav {
	display: flex;
	gap: 0 20px;
	justify-content: space-between;
	margin-top: 15px;
}
.voice-area nav button {
	width: 50%;
	color: #fff;
	border-radius: 30px;
	color: var(--color_main);
	font-weight: bold;
}
.voice-area nav button:hover {
	opacity: 0.7;
}
.voice-area .hantei {
	margin: 10px 0 0;
	text-align: right;
	font-size: 13px;
	color: var(--color_main);
}
.voice-area .hantei i {
	display: inline-block;
	padding: 2px 7px;
	border: 1px solid var(--color_main);
	background: #fff;
	border-radius: 30px;
	font-style: normal;
	color: var(--color_main);
	cursor: pointer;
}
.voice-area .hantei i:hover {
	background: var(--color_main);
	color: #fff;
}
.voice-area article {
	position: relative;
	padding: 0;
}
.voice-area article p {
	transition: all 0.4s ease-in-out;
	overflow: hidden;
	margin: 0;
	max-height: 45px;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 20%, rgba(0,0,0,0) 100%);
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
}
.voice-area article label {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	cursor: pointer;
	line-height: 1.1em;
	font-size: 85%;
	color: #58d;
	z-index: 2;
	display: inline-block;
	background: #fff;
	padding: 4px 10px 2px;
	border-radius: 30px;
}
.voice-area article label input,
.voice-area article:has(input:checked) label .opentxt,
.voice-area article label .closetxt {
	display: none;
}
.voice-area article label .opentxt,
.voice-area article:has(input:checked) label .closetxt {
	display: inline-block;
}
.voice-area article:has(input:checked) p {
	max-height: 800px;
	-webkit-mask-image: none;
	mask-image: none;
	padding-bottom: 25px;
}
.voice-area div[id*="thank_"],
.voice-area p.author-data {
	text-align: right;
	font-weight: bold;
	font-size: 90%;
	color: var(--color_main);
}
.voice-area p.author-data i {
	display: inline-block;
	background: var(--color_main);
	padding: 1px 7px 1px;
	color: #fff;
	font-style: normal;
	border-radius: 30px;
	margin-left: 7px;
}
@media (max-width: 600px) {
	.voice-list-link {
		font-size: 13px;
		line-height: 1.2em;
	}
	.post_content .voice-area {
		font-size: 13px;
		line-height: 1.4em;
		padding: 10px;
	}
	.post_content .voice-inner {
		padding: 10px;
		margin: 15px 0 0;
	}
	.voice-area .voice-name {
		flex-wrap: wrap;
	}
	.voice-list-link .smt,
	.post_content .voice-area .smt {
		display: inherit;
	}
	.voice-area .voice-name .star {
		text-align: right;
		width: 100%;
	}
	.voice-area .hantei {
		font-size: 11px;
	}
}*/

/* ジャンル（genre）用比較テーブル */
.hikaku-table {
	text-align: center;
	table-layout: fixed;
}
.hikaku-table tr > * {
	text-align: center;
}
.hikaku-table thead tr > *:first-child,
.hikaku-table tbody tr td:first-child {
	width: 30%;
	max-width: 140px;
}
.hikaku-table tbody tr td:first-child img {
	width: 120px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	transition: all 0.5s linear;
}
.hikaku-table tbody tr td a:hover img {
	opacity: 0.7;
	transition: all 0.1s linear;
}
.hikaku-table tbody tr td .swl-inline-btn {
	display: inline-block;
	width: 100%;
}
.hikaku-table tbody tr td .swl-inline-btn a {
	font-size: 90%;
	line-height: 1.3em;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	justify-content: center;
}
.post_content ul.hikaku-table-kome-tyui {
	margin: 5px 0 30px !important;
	padding: 0 !important;
}
.post_content ul.hikaku-table-kome-tyui li {
	margin: 10px 0 0 !important;
	padding: 0 !important;
	font-size: 13px;
	line-height: 1.3em;
	list-style: none;
}
.post_content ul.hikaku-table-kome-tyui li em {
	display: inline-block;
	font-style: normal;
	color: #d22;
	font-weight: bold;
	margin-right: 10px;
}
@media (max-width: 600px) {
	.hikaku-table thead tr > *:first-child,
	.hikaku-table tbody tr td:first-child {
		width: 30%;
		max-width: 120px;
	}
	.hikaku-table tr > * {
		font-size: 3.3vw;
		line-height: 1.3em;
	}
	.hikaku-table-kome-tyui li {
		font-size: 11px;
		line-height: 1.3em;
	}
}

/* 固定ページ用（更新日時） */
.p-articleMetas.-top {
	margin-top: .75em;
}
.p-articleMetas {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: .625em;
	padding: 0 1px;
}


/* 旧サイトからの .gyousya-area の移植（暫定） */
.gyousya-area.ranking-list .tab {
	margin-bottom: 15px !important;
}
.gyousya-area.ranking-list.clearfix {
	overflow: visible;
}
.push-bt a:hover {
	box-shadow: none;
	transform: translate3d(0, 1px, 0);
}

.push-bt {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: inline-block;
}

.push-bt a {
	display: block;
	position: relative;
	overflow: hidden;			   
	margin-top: 0;
	z-index: 2;
}
.push-bt a p.time-link{
	/*animation: 3s puyopuyo linear infinite;*/
}
.push-bt a:before {
	display: block;
	position: absolute;
	z-index: -1;
	top: -50%;
	content: "";
	width: 60px;
	height: 200px;
	transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	background-image: linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) 100%);
	animation: anime1 3s infinite linear;
	-webkit-animation: anime1 3s infinite linear;
	-moz-animation: anime1 3s infinite linear;
}

@keyframes anime1 {
	0% {
		left: -30%;
	}

	20% {
		left: 120%;
	}

	100% {
		left: 120%;
	}
}

@-webkit-keyframes anime1 {
	0% {
		left: -30%;
	}

	20% {
		left: 120%;
	}

	100% {
		left: 120%;
	}
}

@-moz-keyframes anime1 {
	0% {
		left: -30%;
	}

	20% {
		left: 120%;
	}

	100% {
		left: 120%;
	}
}
@keyframes puyopuyo {
	0% {
		transform: scale(1,1);
	}
	3% {
		transform: scale(1.5,0.8);
	}
	6% {
		transform: scale(0.8,1.8);
	}
	9% {
		transform: scale(1.2,0.9);
	}
	12% {
		transform: scale(1,1);
	}
}
.bt.right2 .red-bt {
	position: relative;
}
.puyopuyo {
	width: 100%;
}
.puyopuyo img,
.bt.right2 .red-bt a > span {
	display: inline-block;
	/*animation: 3s puyopuyo linear infinite;*/
}
.gyousya-area .push-bt a:before,
.push-bt a > p:before {
	content: ">>";
	color: #ff8;
	position: absolute;
	transform: translate(-100%, -50%);
	left: 0;
	top: 50%;
	background: transparent;
	width: auto !important;
	height: auto;
	display: inline-block !important;
	position: absolute;
	margin-right: 0 !important;
	padding: 0 !important;
	white-space: nowrap;
	font-size: 150% !important;
	line-height: 0.8;
	vertical-align: middle;
	text-align: right;
	animation: 1.2s arrow-move-l infinite ease-in-out;
}
.simulation_result nav > div > a.recommend:after,
.simulation_result nav > div > a:after,
.open-sim p:after,
.gyousya-area .push-bt a:after,
.push-bt a > p:after {
	content: "<<";
	color: #ff8;
	width: auto !important;
	display: inline-block !important;
	position: absolute;
	transform: translate(100%, -50%);
	right: 0;
	top: 50%;
	white-space: nowrap;
	font-size: 150% !important;
	line-height: 0.8;
	vertical-align: middle;
	text-align: left;
	animation: 1.2s arrow-move-r infinite ease-in-out;
}
.open-sim p,
.gyousya-area .push-bt a,
.push-bt a > p {
	/*animation: 1.2s text-flash infinite ease-in-out;*/
}
@keyframes arrow-move-l {
	0%{
		color: #ff8;
		letter-spacing: 80px;
		opacity: 0;
	}
	20%{
		opacity: 1;
	}
	60%{
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		color: #fff;
		opacity: 0;
	}
}
@keyframes arrow-move-r {
	0%{
		color: #ff8;
		right: -80px;
		letter-spacing: 80px;
		opacity: 0;
	}
	20%{
		opacity: 1;
	}
	60%{
		right: 0;
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		color: #fff;
		opacity: 0;
	}
}
@keyframes text-flash {
	0%{
		color: #ff8;
		text-shadow: #ff8 0 0 2px, #ff8 0 0 4px, #ff8 0 0 8px, #ff8 0 0 15px;
	}
	80%{
		color: #fff;
		text-shadow: 0;
	}
}
.flash a {
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.flash a:before {
	content: "";
	display: block;
	position: absolute;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	/*animation: 4s link-flash infinite linear;*/
	z-index: 2;
}
@keyframes link-flash {
	0% {
		opacity: 0;
		transform: scale(1,1);
	}
	2% {
		opacity: 1;
		transform: scale(2,2);
	}
	7% {
		opacity: 0;
		transform: scale(0.5,0.5);
	}
	8% {
		opacity: 1;
		transform: scale(2,2);
	}
	16% {
		opacity: 0;
		transform: scale(1,0.1);
	}
}
.arrow-anim {
	position: relative;
}
.arrow-anim:before {
	content: "\27a1";
	display: inline-block;
	position: absolute;
	margin: auto;
	left: 0;
	top: 6%;
	font-size: 58px;
	line-height: 1em;
	color: #fff;
	animation: 1s arrow-roll infinite ease-in-out;
	text-shadow: 0, #fff 0 0 15px;
	z-index: 2;
}
@keyframes arrow-roll {
	0% {
		transform: scale(1,0);
		color: #fff;
		text-shadow: #cc0 1px 1px 0, #fff 0 0 15px;
	}
	50% {
		transform: scale(1,1);
		color: #ffd;
	}
	51% {
		color: #ffd;
	}
	100% {
		transform: scale(1,0);
		color: #cc0;
	}
}
@media only screen and (max-width: 736px) {
	.arrow-anim:before {
		top: auto;
		bottom: -25px;
		left: 0;
		right: 0;
	}
	@keyframes arrow-roll {
		0% {
			transform: rotate(-90deg) scale(1,0);
			color: #ffd;
			text-shadow: #cc0 1px 1px 0, #fff 0 0 15px, #fff 0 0 15px;
		}
		50% {
			transform: rotate(-90deg) scale(1,1);
			color: #ffa;
		}
		51% {
			color: #ffa;
		}
		100% {
			transform: rotate(-90deg) scale(1,0);
			color: #cc0;
		}
	}
}
.gyousya-area {
	border-radius: 5px;
	border: 1px solid #EA1924;
}

.gyousya-name {
	padding: 5px 12px 5px;
	border-radius: 5px 5px 0 0;
	background: #EA1924;
}
.mode1 .gyousya-name p.title,
.gyousya-name h3,
.gyousya-name h3 a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
i.icon-king:before {
	display: inline-block;
	vertical-align: middle;
}
.gyousya-name h3 .icon-king {
	display: inline-block;
	font-weight: bold;
	font-size: 110%;
	vertical-align: -2px;
	color: #ddd;
}
.gyousya-name h3 .icon-king.rank-1 {
	background: #ffe732; /* Old browsers */
	background: -webkit-linear-gradient(top,  #ffe732 25%,#ffffff 50%,#ffe732 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffe732 25%,#ffffff 50%,#ffe732 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.gyousya-name h3 .icon-king.rank-2 {
	background: #bbc; /* Old browsers */
	background: -webkit-linear-gradient(top,  #bbc 25%,#ffffff 50%,#bbc 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bbc 25%,#ffffff 50%,#bbc 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.gyousya-name h3 .icon-king.rank-3 {
	color: #ea3;
	background: #ea3; /* Old browsers */
	background: -webkit-linear-gradient(top,  #ea3 15%,#ffffff 50%,#ea3 85%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ea3 15%,#ffffff 50%,#ea3 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}
.gyousya-name h3 .icon-king b {
	font-size: 150%;
	margin: 0 2px;
}
.mode1 .gyousya-name p.title {
	float: left;
	font-size: 21px;
	line-height: 1.3em;
	font-weight: bold;
}
.mode1 .gyousya-name p.title a {
	color: #fff !important;
	text-decoration: none;
}
.mode1 .gyousya-name p.title span ,
.gyousya-name h3 span {
	margin-left: 5px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.gyousya-name h3 span span {
	font-size: 13px;
}

.gyousya-name .star {
	padding: 0 10px;
	color: #cc0000;
	border-radius: 50px;
	background: #fff;
	margin-top: 1px;
}
.gyousya-name .star img {
	vertical-align: -1px;
}

.gyousya-name .star .value {
	font-size: 16px;
	font-weight: bold;
}

.gyousya-area .gyousya-inner {
	padding: 12px;
}

.gyousya-area .two-column .gyousya-img {
	width: 295px;
	margin: 0 0 10px 0;
}

.gyousya-area .two-column .right {
	width: 53%;
}

.gyousya-area .point {
	position: relative;
	margin: 13px 0 0 !important;
	padding: 20px 10px 5px !important;
	border: 1px solid #D5CBB9;
	background: #FFFFE4;
}

.gyousya-area .point p {
	position: absolute;
	top: -15px;
	border-radius: 3px;
	border: 1px solid #D5CBB9;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #FFE347 50%, #FFC83B 50%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFE347), color-stop(0.00, #FFC83B));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #FFE347 50%, #FFC83B 50%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFE347 50%, #FFC83B 50%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #FFE347 50%, #FFC83B 50%);
	/* W3C */
	background: linear-gradient(to bottom, #FFE347 50%, #FFC83B 50%);
	/* IE7,8,9 */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFE347', endColorstr='#FFC83B', GradientType=0);
}

.gyousya-area .point p span {
	display: block;
	padding: 0 8px;
	font-weight: bold;
	border-radius: 3px;
	border: 1px solid #fff;
}

.gyousya-area .point li {
	margin: 0;
	font-size: 14px;
	text-indent: 25px;
	background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/all/check.gif) no-repeat 0 1px;
	background-size: 20px auto;
}

.gyousya-area .category li {
	float: left;
	width: 23.5%;
	margin: 0 1.5% 1.5% 0;
	text-align: center;
	color: #2E6D99;
	font-size: 12px;
	font-weight: bold;
	line-height: 2;
	border-radius: 3px;
	background: #CBE9FF;
}

.gyousya-area .category ul {
	margin: 2.5% -1.5% 1% 0 !important;
}

.gyousya-area .convini-img {
	float: left;
}

.gyousya-area .convini li {
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
}

/* .gyousya-area mode=1 デザイン */
.gyousya-area.mode1 {
	border-color: #FFA60C;
}
.voice-area .gyousya-area.mode1 {
	margin-right: 0;
	margin-left: 0;
	background: #fff !important;
}
.mode1 .gyousya-name {
	background: #ffa60c; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffa60c 40%, #ffeed1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffa60c 40%,#ffeed1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffa60c 40%,#ffeed1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa60c', endColorstr='#ffeed1',GradientType=0 ); /* IE6-9 */
	padding: 10px 12px 10px;
}
.post_content .gyousya-area.mode1 .gyousya-name h3 {
	font-size: 22px !important;
	line-height: 1.3em;
}
.gyousya-area.mode1 .point p {
	position: absolute;
	top: -15px;
	border-radius: 15px;
	border: 1px solid #FFA60C;
	background: #FFA60C;
	color: #fff;
	width: 80%;
	max-width: 140px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-weight: bold;
}
.gyousya-area.mode1 .point {
	border: 0;
	background: #FFEFD4;
	border-radius: 5px;
}

.gyousya-area.mode1 .point li {
	font-weight: bold;
	color: #555;
}

.gyousya-area.mode1 .category li {
	color: #FFA60C;
	background: #FFEFD4;
}
.gyousya-area.mode1 .category li.off {
	color: #999;
	border: none;
	background: #e8e8e8;
}
.gyousya-area.mode1 .sinsa-table {
	border-color: #FFA60C !important;
	margin: 0 0 20px;
}
.gyousya-area.mode1 .sinsa-table:last-child {
	margin-bottom: 0;
}
.gyousya-area.mode1 .sinsa-table thead th {
	background: #FFA60C !important;
	color: #fff;
	border-color: #FFA60C;
	border-right-color: #fff;
}
.gyousya-area.mode1 .sinsa-table thead th:last-child {
	border-right: 0;
}
.gyousya-area.mode1 .sinsa-table td {
	border-color: #FFA60C;
}
.mode1 .push-bt {
	margin-bottom: 20px;
	transition: all 0.5s linear;
}
.mode1 .push-bt a {
	background: #d3e8d8; /* Old browsers */
	background: -moz-linear-gradient(top,  #d3e8d8 0%, #52aa5a 12%, #52aa5a 85%, #128728 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d3e8d8 0%,#52aa5a 12%,#52aa5a 85%,#128728 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d3e8d8 0%,#52aa5a 12%,#52aa5a 85%,#128728 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e8d8', endColorstr='#128728',GradientType=0 ); /* IE6-9 */
	border: 1px solid #128728;
	box-shadow: none;
	padding: 20px 10px;
	margin: 0;
/*	animation: 1.5s btn-flash infinite;*/
}
.gyousya-img a img,
.mode1 .push-bt a span {
	transition: all 0.4s linear;
	line-height: 1.3em;
}
.mode1 .push-bt a:hover {
	transform: translate3d(0, 0, 0) !important;
}
.gyousya-img a:hover img,
.mode1 .push-bt:hover {
	box-shadow: #8f8 0 0 30px;
	transition: all 0.1s linear;
}
.mode1 .push-bt a:hover span {
	color: #ffa;
	transition: all 0.1s linear;
}

.gyousya-area.mode1.red {
	border-color: #e6002d;
}
.mode1.red .gyousya-name {
	background: #e6002d; /* Old browsers */
	background: -moz-linear-gradient(top, #e6002d 40%, #ffefef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e6002d 40%,#ffefef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e6002d 40%,#ffefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6002d', endColorstr='#ffefef',GradientType=0 ); /* IE6-9 */
}
.gyousya-area.mode1.red .point p {
	border: 1px solid #e6002d;
	background: #e6002d;
}
.gyousya-area.mode1.red .point {
	background: #ffefef;
}
.gyousya-area.mode1.red .category li {
	color: #e6002d;
	background: #ffefef;
}
.gyousya-area.mode1.red .sinsa-table {
	border-color: #e6002d !important; 
}
.gyousya-area.mode1.red .sinsa-table thead th {
	background: #e6002d !important;
	border-color: #fff;
	border-bottom: 0;
}
.gyousya-area.mode1.red .sinsa-table thead th:first-child {
	border-left: 0;
}
.gyousya-area.mode1.red .sinsa-table td {
	border-color: #e6002d;
}

a.text-banner.move.flog {
	position: relative;
	padding: 15px 0;
	border-radius: 6px;
	background: #00ae00; /* Old browsers */
	background: -moz-linear-gradient(top,  #00ae00 0%, #009100 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00ae00 0%,#009100 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00ae00 0%,#009100 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ae00', endColorstr='#009100',GradientType=0 ); /* IE6-9 */
	border: 1px solid #2C6E30;
	box-shadow: #0D0 0 0 1px 1px inset;
}
a.text-banner.move.flog > span {
	position: relative;
	display: block;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.3em;
	z-index: 1;
}
a.text-banner.move.flog > em {
	position: relative;
	display: block;
	z-index: 1;
	margin-right: 10%;
}
a.text-banner.move.flog strong {
	font-size: 130%;
	color: #ffb;
}
a.text-banner.move.flog > span:before,
a.text-banner.move:before,
.gyousya-area.mode1 .push-bt a span:before {
	content: ">>";
	display: inline-block;
	font-weight: normal;
	animation: 1.2s l-icon infinite ease-out;
}
a.text-banner.move.flog > span:after,
a.text-banner.move:after,
.gyousya-area.mode1 .push-bt a span:after {
	content: "<<";
	display: inline-block;
	font-weight: normal;
	animation: 1.2s r-icon infinite ease-out;
}
a.text-banner.move.flog:before,
a.text-banner.move.flog:after,
a.text-banner.move:hover:before,
a.text-banner.move:hover:after,
.gyousya-area.mode1 .push-bt a:hover span:before,
.gyousya-area.mode1 .push-bt a:hover span:after {
	animation: none;
}
a.text-banner.move.flog:before,
a.text-banner.move.flog:after{
	display: none;
}
a.text-banner.move.flog:before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/icon_button_flog.png) no-repeat 75% center;
	background-size: 100%;
	position: absolute;
	right: 15%;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
}
@keyframes btn-flash{
	20%{
		box-shadow: #0f0 0 0 0;
	}
	80%{
		box-shadow: #0d0 0 0 50px;
	}
}
@keyframes l-icon{
	0%{
		letter-spacing: 50px;
		opacity: 1;
	}
	80%{
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@keyframes r-icon{
	0%{
		margin-left: 50px;
		margin-right: -50px;
		letter-spacing: 50px;
		opacity: 1;
	}
	80%{
		margin-left: 0;
		margin-right: 0;
		letter-spacing: 0;
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
@media only screen and (max-width: 736px) {
	@keyframes l-icon{
		0%{
			letter-spacing: 30px;
		}
		80%{
			letter-spacing: 0;
		}
	}
	@keyframes r-icon{
		0%{
			margin-left: 30px;
			margin-right: -30px;
			letter-spacing: 30px;
		}
		80%{
			margin-left: 0;
			margin-right: 0;
			letter-spacing: 0;
		}
	}
}
.bottom-fix {
	background: rgba(0,0,0,0.6);
	box-sizing: border-box !important;
	padding: 10px;
	position: fixed;
	z-index: 500;
	left: 0;
	bottom: 0;
	width: 100%;
	color: #fff;
}
.bottom-fix a.text-banner{
	margin: 0;
	white-space: nowrap;
/*	animation: 2s btn-move linear infinite;*/
}
.gyousya-area {
	overflow: hidden;
}

@keyframes btn-move {
	0%{
		transform: scale(1,1) skew(0,0);
	}
	5%{
		transform: scale(1.4,0.8) skew(30deg,0);
	}
	10%{
		transform: scale(0.6,1.5) skew(-20deg,0);
	}
	15%{
		transform: scale(1.1,0.9) skew(5deg,-5deg);
	}
	20%{
		transform: scale(1,1) skew(0,0);
	}
}
.gyousya-area .sinsa-table th {
	padding: 2px 0 !important;
	font-weight: bold;
	text-align: center;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #fffbf4 0%, #faf2e3 100%) !important;
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fffbf4), color-stop(0.00, #faf2e3)) !important;
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #fffbf4 0%, #faf2e3 100%) !important;
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #fffbf4 0%, #faf2e3 100%) !important;
	/* IE10+ */
	background: -ms-linear-gradient(top, #fffbf4 0%, #faf2e3 100%) !important;
	/* W3C */
	background: linear-gradient(to bottom, #fffbf4 0%, #faf2e3 100%) !important;
	/* IE7,8,9 */
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbf4', endColorstr='#faf2e3', GradientType=0) !important;
}

.gyousya-area .sinsa-table td {
	padding: 5px 0;
	text-align: center;
}

.voice-good-kuchikomi {
	margin-bottom: 15px;
	padding: 10px 10px 3px;
	background: #cde6b6;
}

.voice-bad-kuchikomi {
	margin-bottom: 15px;
	padding: 10px 10px 3px;
	background: #b6cde6;
}

.voice-area {
	margin-bottom: 15px;
	padding: 10px 10px 3px;
	background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/all/voice_bg.png);
}

.voice-inner {
	position: relative;
	margin: 0 0 10px 0;
	padding: 15px 40px;
	border-radius: 5px;
	background: #fff;
	font-size: 14px;
}

.voice-inner:before {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #adadad;
	content: "\f122";
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 1;
	font-family: dashicons;
	text-decoration: inherit;
	font-weight: 400;
	font-style: normal;
	vertical-align: top;
	text-align: center;
	transition: color .1s ease-in;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.voice-inner:after {
	position: absolute;
	bottom: 10px;
	right: 10px;
	color: #adadad;
	content: "\f122";
	transform: rotate(180deg);
	display: inline-block;
	width: 20px;
	height: 20px;
	font-size: 20px;
	line-height: 1;
	font-family: dashicons;
	text-decoration: inherit;
	font-weight: 400;
	font-style: normal;
	vertical-align: top;
	text-align: center;
	transition: color .1s ease-in;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.voice-name {
	margin-bottom: 10px !important;
	padding: 0 0 5px;
	border-bottom: 1px dotted #999;
}

.voice-name .star img {
	margin-left: 0px;
}

.voice-kuchikomi {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	border-bottom: 1px dotted #999;
}

.voice-link {
	position: relative;
	padding: 20px 0;
}

.voice-link .acc-bt {
	position: absolute;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 2.8;
	border-radius: 5px;
	box-shadow: 0 3px 0 #002E4F;
	background: #1279C3;
	cursor: pointer;
}

.shinsa_kuchikomi_btn {
	width: 70%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	line-height: 2.8;
	border-radius: 5px;
	box-shadow: 0 3px 0 #002E4F;
	background: #1279C3;
	cursor: pointer;
}

.shinsa_kuchikomi_btn i {
	font-size: 23px;
	vertical-align: -5px;
}

.shinsa_kuchikomi_btn:hover {
	box-shadow: none;
	transform: translate3d(0, 1px, 0);
}

.shinsa_kuchikomi_btn a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 15px;
	line-height: 1.4;
}



.voice-link .acc-bt:hover {
	box-shadow: none;
	transform: translate3d(0, 1px, 0);
}

.voice-link .acc-bt a {
	color: #fff;
	text-decoration: none;
}

.voice-link .acc-bt i {
	font-size: 23px;
	vertical-align: -5px;
}

.voice-link .acc-bt:first-child {
	width: 49%;
	top: 0;
	left: 0;
}

.voice-link .acc-bt:last-child {
	width: 49%;
	top: 0;
	right: 0;
}

.voice-link .green-bt {
	margin: 10px auto -15px;
}

.voice-link .review-area {
	padding: 20px 0 0;
}

.simple_box {
	border: 1px solid #ccc;
}

.simple_box p {
	padding-left: 15px;
}

ul.post_ul01 {
	background-color: #fff !important;
	border: none !important;
	margin: 0 !important;
}

.review-area table {
	background: #fff;
}

.review-area table th {
	background: #F4F3F3;
}

.review-area table th,
.review-area table td {
	padding: 10px;
	font-size: 12px;
}

.review-area table td img {
	display: inline-block;
	width: auto;
	height: 25px;
	vertical-align: middle;
}

.review-area textarea {
	width: 96%;
}
.review-area table label input[type="radio"] {
	display: none;
}
.review-area table label:has(input[type="radio"]) {
	display: inline-block;
	border: 1px solid #48e;
	border-radius: 30px;
	padding: 3px 10px 2px;
	cursor: pointer;
	color: #06a;
	font-size: 15px;
	transition: all 0.5s linear;
}
.review-area table label:has(input[type="radio"]:checked) {
	background: #48e;
	color: #fff;
	font-weight: bold;
	transition: all 0.2s linear;
}
.gyousya-area .t-sinsa-table th {
	width: 20%;
	font-weight: bold;
	background: #F4F3F3;
}

.gyousya-area .t-sinsa-table th,
.gyousya-area .t-sinsa-table td {
	padding: 5px 10px;
	font-size: 13px;
}

.list-gyousya-area .t-sinsa-bt a,
.gyousya-area .t-sinsa-bt a {
	display: block;
	width: 50%;
	margin: auto;
	padding: 8px 0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 2px 0 #002E4F;
	background: #1279C3;
	cursor: pointer;
}

.list-gyousya-area .t-sinsa-bt i,
.gyousya-area .t-sinsa-bt i {
	font-size: 23px;
	margin-left: 5px;
}

.gyousya-area .time-area {
	display: table-cell;
	padding: 4px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	background-color: #545353;
}

.gyousya-area .time-bt,
.list-gyousya-area .time-bt {
	position: relative;
	display: inline-table;
	vertical-align: middle;
	margin: auto;
}

.gyousya-area .push-bt a,
.list-gyousya-area .push-bt a {
	margin-bottom: 10px;
	padding: 15px 0;
	box-sizing: border-box;
	width: 100%;
}

.gyousya-area .time-area2,
.gyousya-area .time-link,
.list-gyousya-area .time-area,
.list-gyousya-area .time-link {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.gyousya-area .time-area2,
.list-gyousya-area .time-area {
	display: table-cell;
	padding: 4px;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	background-color: #545353;
}

.gyousya-area .timer-text,
.list-gyousya-area .timer-text {
	font-size: 12px;
	line-height: 1.3;
	font-weight: normal;
}

.gyousya-area .timer-text .yellow,
.list-gyousya-area .timer-text .yellow {
	color: #ffff06;
}

.gyousya-area .time-link,
.list-gyousya-area .time-link {
	padding-left: 10px;
}

.list-gyousya-area .tyui {
	margin-top: 15px;
}

.app-area .tyui,
.list-gyousya-area .tyui,
.gyousya-area .tyui {
	font-size: 11px;
}

@-moz-document url-prefix() {
	.gyousya-area .tyui {
		margin-top: 10px;
	}
}

.app-area .push-bt a,
.gyousya-area .push-bt a {
	width: 100%;
	font-size: 23px;
	margin-bottom: 10px;
}

/*楽天銀行有担保ローン*/

#home-icon {
	padding-left: 52px !important;
	background-image: url(https://www.karireru.com/wp/wp-content/themes/tpl-theme/image/page/home.png) !important;
	background-repeat: no-repeat !important;
	background-position: 5px center !important;
}

#rakuten-gyousya-area .gyousya-point {
	float: right;
	width: 68%;
}

#rakuten-gyousya-area #point-title {
	padding: 3px 10px;
	margin-top: 0;
	margin-bottom: 10px;
	color: #fff;
	background: #f19901
}

#rakuten-gyousya-area th,
#rakuten-gyousya-area td {
	width: 33.3333%;
	padding: 5px 0;
	text-align: center;
	font-size: 13px;
}

#rakuten-gyousya-area td {
	background-color: #fff;
}

#rakuten-gyousya-area th {
	background-color: #eee;
}

#rakuten-gyousya-area table {
	margin-bottom: 15px;
}

/*カテゴリー比較ページ*/

.switch a {
	float: right;
	display: block;
	width: 18%;
	margin-bottom: 15px;
	padding: 5px 0;
	font-size: 13px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #333;
}

.hikaku-table thead th {
	padding: 5px 0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	background: var(--color_main);
}

.hikaku-table tbody th img {
	display: block;
	margin: auto;
}

.hikaku-table tbody th a {
	font-weight: bold;
}

.hikaku-table tbody th,
.hikaku-table tbody td {
	padding: 5px 10px;
	text-align: center;
}

.hikaku-table tbody .red-bt a {
	font-size: 15px;
	padding: 5px 0;
	line-height: 1.3;
}
.tab-body table .red-bt a {
	white-space: nowrap;
	padding: 4px 3px;
	line-height: 1.2em;
}

/*業者一覧（口コミ）*/

.review-box {
	padding: 8px 0 16px 0;
	border-top: 1px solid #333;
}

.review-box .rank-name {
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle;
}

.review-box .rank-name span {
	float: left;
	margin-right: 5px;
}

.review-box .rank-name .rank1 {
	color: #deac00;
}

.review-box .rank-name .rank2 {
	color: #898888;
}

.review-box .rank-name .rank3 {
	color: #b35000;
}

.review-box .rank-name .rank {
	color: #333;
}

.review-box .rank-name a {
	text-decoration: none;
}

.review-box .rank-name i {
	vertical-align: top;
	margin-right: 3px;
}

.review-box .category {
	margin-bottom: 5px;
}

.review-box .category li {
	display: inline-block;
	padding: 0 6px;
	margin: 0 6px 0 0;
	font-size: 14px;
	border-radius: 3px;
	background: #ccc;
	color: #fff;
}

.review-box .category li.oote {
	background: #000;
}

.review-box .category li.tyuusyou {
	background: #999;
}

.review-box .category li.shinpan {
	background: #138FE7;
}

.review-box .category li.kureka {
	background: #1D31BF;
}

.review-box .category li.business {
	background: #FFA501;
}

.review-box .category li.bank {
	background: #154B33;
}

.review-box .category li.osusume {
	background: #D60000;
}

.review-box .left {
	float: left;
	width: 30%;
	clear: both;
}

.review-box .left img {
	display: block;
}

.review-box .right2,
.review-box .right {
	float: right;
	width: 68%;
}
.review-box .right2 {
	margin-bottom: 10px;
}

.review-box .star .value {
	margin-left: 2px;
	font-size: 16px;
	color: #cc0000;
	font-weight: bold;
	vertical-align: top;
}

.review-box .hyouka-pt .value {
	font-size: 15px;
	font-weight: bold;
}

.review-box .riyou-list li,
.review-box .bt li {
	display: inline-block;
	vertical-align: top;
}

.review-box .riyou-list {
	margin: 5px 0;
}

.review-box .riyou-list li {
	margin-right: 10px;
}

.review-box .riyou-list li span {
	margin-right: 5px;
	padding: 3px 10px;
	color: #fff;
}

.review-box .bt li {
	width: 48%;
	text-align: center;
}

.review-box .riyou-list .good {
	background: #ea1924;
}

.review-box .riyou-list .standard {
	background: #67ac28;
}

.review-box .riyou-list .bad {
	background: #1279BD;
}

.review-box .review-bt,
.review-box .red-bt {
	line-height: 2.5;
	margin: 10px 0;
	font-size: 15px;
}

.review-box .review-bt {
	display: block;
	font-weight: bold;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #f5f5f5));
	background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -o-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
}
.review-box .bt .review-bt.single {
	width: 100%;
}
.review-box .review-bt a {
	color: #cc0000;
	text-decoration: none;
}
.review-box + p.center {
	border-top: 1px solid #000;
	padding: 10px 0 2px;
	margin: 0;
}
.fuka-link {
	margin: 0 0 10px 0;
}
#page-link + .push-bt {
	margin-top: 15px !important;
}
.gyousya-area #page-link li {
	width: 49%;
}

.gyousya-area #page-link li:first-child {
	float: left;
}

.gyousya-area #page-link li:last-child {
	float: right;
}

#shinsa-acc .acc-bt,
.gyousya-area #page-link2 a,
.gyousya-area #page-link a {
	display: block;
	color: #ea1924;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
	border-radius: 3px;
	border: 1px solid #ccc;
	cursor: pointer;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #f5f5f5));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	/* W3C */
	background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
	/* IE7,8,9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
}

#shinsa-acc .acc-bt:hover,
.gyousya-area #page-link2 a:hover,
.gyousya-area #page-link a:hover {
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #fff 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #fff));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #fff 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #f5f5f5 0%, #fff 100%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%, #fff 100%);
	/* W3C */
	background: linear-gradient(to bottom, #f5f5f5 0%, #fff 100%);
	/* IE7,8,9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0);
}

.gyousya-area #page-link2 i,
.gyousya-area #page-link i {
	margin-right: 5px;
}

/*広告ページの業者一覧*/

.wide-area .gyousya-inner .right {
	width: 68.5%;
}

.wide-area .gyousya-inner .category ul {
	margin: 0 -1% 0 0 !important;
}

.wide-area .gyousya-inner .category li {
	width: 15.6%;
	margin: 0 1% 1% 0;
	padding: 1px 0 !important;
	font-size: 11px !important;
	line-height: 1.8;
	border-radius: 0;
	box-sizing: border-box;
	border: 1px solid #9fd7ff;
	background: #cbe9ff;
}

.gyousya-inner .category li.off {
	color: #6d6d6d;
	border: none;
	background: #e8e8e8;
}

.wide-area .gyousya-inner .sinsa-table {
	margin: 10px 0 15px;
}

.wide-area .gyousya-inner .point {
	position: static;
	width: 50%;
	margin: 0 !important;
	padding: 0 !important;
	border: none;
	background: none;
}

.wide-area .gyousya-inner .point li {
	padding: 0 0 6px;
}

.wide-area .gyousya-inner .point span {
	color: #EA1924;
	font-weight: bold;
	background: #FEEA10;
}

.wide-area .gyousya-inner .convini {
	float: right;
	width: 49%;
	border: 1px solid #ccc;
}

.wide-area .gyousya-inner .convini-img {
	width: 100%;
	color: #fff;
	text-align: center;
	background: #1279C3;
}

.wide-area .gyousya-inner .convini ul {
	display: table;
	margin: auto;
	padding: 15px 0 10px;
}

.wide-area .gyousya-inner .category li.off {
	border: 1px solid #dadada;
}

.wide-area .fuka-link {
	margin-bottom: 15px;
}

/*特集*/

.pickup-page #category-img img {
	margin-bottom: 10px;
}

.pickup-page #category-img {
	font-size: 16px;
}

.pickup-page .text p {
	margin: 13px 0;
}

.pickup-page .text .strong {
	font-size: 18px;
}

.pickup-page .text table thead th,
.pickup-page .text table tbody th,
.pickup-page .text table tbody td {
	padding: 5px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.pickup-page .text li:before {
	content: "・";
}

.pickup-page .base-h2 {
	font-size: 26px;
	color: #333 !important;
}

.pickup-page .base-h2 i {
	margin-right: 5px;
	font-size: 32px;
	vertical-align: -4px;
}

.pickup-page .sub-h3 {
	margin: 13px 0;
	padding: 4px 10px 2px;
	font-size: 20px;
	font-weight: bold;
	border: none;
}

.pickup-page h4 {
	margin: 13px 0;
	font-weight: bold;
	font-size: 18px;
	clear: both;
}

.pickup-page h4:before {
	content: "■";
}

.pickup-page .text .annotation {
	font-size: 15px;
}

/*特集（業者一覧）*/

.column2 {
	float: left;
	width: 48.5%;
	margin: 0 13px 30px 0;
}

.column2 .two-column .gyousya-img {
	width: 100%;
}

.column2 .gyousya-img {
	text-align: center;
}

.column2 .fuka-link {
	font-size: 13px;
}

.column2 .tab-list li {
	width: 30%;
}

.column2 .voice-link {
	font-size: 14px;
}

/*カテゴリー・アーカイブ*/
.category_list {
	margin-bottom: 20px;
}

.category_list .cat-item-1 {
	background-color: #f68421;
}

.category_list .cat-item-10 {
	background-color: #0094d6;
}

.category_list .cat-item-285 {
	background-color: #ef3a83;
}

.category_list .cat-item-293 {
	background-color: #73be41;
}

.category_list {
	text-align: center;
	padding-bottom: 30px;
	border-bottom: 1px dashed #ccc;
}

.category_list li {
	display: inline-block;
	margin-right: 8px;
}

.category_list li:hover {
	opacity: 0.7;
}

.category_list li:last-child {
	margin-right: 0;
}

.category_list li a {
	display: inline-block;
	color: #fff;
	padding: 5px 20px;
	text-decoration: none;
}

.category_list_child li {
	background-color: #0064b5;
}

.archive-list {
	padding: 25px 0 20px;
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}

.archive-img-left {
	float: left;
	width: 240px;
	margin-right: 15px;
}

.archive-img-right {
	line-height: 1.5;
}

.archive-img-left img {
	border: 1px solid #ccc;
}

.archive-list-title {
	font-size: 18px;
	font-weight: bold;
}

.archive-list-title a {
	text-decoration: none;
}

.archive-img-right p {
	padding: 5px 0;
}

.archive-time {
	float: left;
	margin-right: 10px;
}

.archive-time:before {
	content: "\e902";
	font-family: 'icomoon';
	color: #6A8B24;
	vertical-align: -1px;
	padding-right: 4px;
}

.archive-type li {
	display: inline-block;
	padding: 2px 8px;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	background: #0064b5;
	margin: 0 5px 5px 0;
}

.archive-type li.class_column {
	background-color: #f68421;
}

.archive-type li.class_news {
	background-color: #0094d6;
}

.archive-type li.class_consumer-finance {
	background-color: #ef3a83;
}

.archive-type li.class_bank_cardloan {
	background-color: #73be41;
}

.archive-type li:hover {
	opacity: 0.7;
}

.archive-type li a {
	color: #fff;
	text-decoration: none;
}



/****************************************

 トップページ

*****************************************/

/*メインイメージ*/

#main-img img {
	display: block;
}

#top-timearea {
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	width: 100%;
	height: 40px;
	padding: 8px 0 8px 0;
	line-height: 1.2;
	letter-spacing: 1px;
}

#top-timearea .inner {
	width: 98%;
	margin: 0 auto;
}

#top-timearea .caption {
	float: left;
	width: 33%;
	height: 45px;
	line-height: 45px;
	font-size: 23px;
	text-align: center;
	font-weight: bold;
}

#top-timearea .caption i {
	margin-right: 5px;
	vertical-align: -1px;
}

#top-timearea .timearea-box {
	float: left;
	width: 63.5%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	color: #333;
	border-radius: 5px;
	background: #fff;
}

#top-timearea .timearea-box .time-auto {
	font-size: 20px;
}

#top-timearea .timearea-box .strong {
	float: left;
	width: 47%;
	font-size: 16px;
}

#top-timearea .timearea {
	float: right;
	width: 53%;
	height: 30px;
	line-height: 33px;
	margin-top: 5px;
	color: #845812;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	background: #FBCC00;
}

#top-timearea .timearea span {
	font-size: 21px;
}

/*カテゴリーページのメインイメージ*/

#category-img {
	margin-bottom: 20px;
}

/*オススメの特集から探す*/

#feature-list ul {
	margin: 0 -10px -10px 0;
}

#feature-list li {
	float: left;
	width: 31.8%;
	margin: 0 10px 3px 0;
}

#content-wide #feature-list ul {
	margin: 0 -10px 0 0;
}

#content-wide #feature-list li {
	width: 24%;
	margin: 0 10px 5px 0;
}

/*検索フォーム*/

.search-footer {
	position: relative;
	margin-top: 10px;
}

.search-number {
	position: absolute;
	top: 5px;
	right: 90px;
	padding: 0 10px;
	z-index: 2;
	border-radius: 5px;
	border: 2px solid #ccc;
	background: #fff;
}

.search-number .red {
	font-size: 16px;
}

/********最新速報********/

/*共通*/

.post-more-bt a {
	display: block;
	width: 100%;
	margin: auto;
	color: #cc3333;
	text-align: center;
	line-height: 2.5;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #cc0000;
}

#top-review-list .post-more-bt a,
.column-list .post-more-bt a {
	margin: 10px auto 20px !important;
}

.post-more-bt a:hover {
	color: #fff !important;
	background: #cc0000;
}

.post-more-bt a i {
	margin-left: 5px;
	font-size: 20px;
	vertical-align: middle;
}

/*口コミ*/

#top-review-list li:first-child {
	padding: 0 0 10px;
}

#top-review-list li {
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}

#top-review-list .star {
	margin-left: 5px;
	vertical-align: 1.5px
}

#top-review-list li p {
	display: inline;
}

#top-review-list .syubetu {
	margin: 0 5px;
	padding: 2px 8px 1px 8px;
	font-size: 11px;
}

#top-review-list .sengyou {
	color: #fff;
	background: #3773B6;
}

#top-review-list .ginkou {
	color: #fff;
	background: #006600;
}

#top-review-list a {
	display: block;
	margin-top: 2px;
}
#top-review-list a:hover {
	color: #cc0000;
}
.tab-body nav {
	display: table;
	width: 100%;
	border-spacing: 1px;
	border-collapse: separate;
	margin: -15px 0 10px;
}
.tab-body nav a {
	display: table-cell;
	background: #EA1924;
	vertical-align: middle;
	text-align: center;
	padding: 0 5px;
	height: 35px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.3em;
	text-decoration: none;
	transition: all 0.5s linear;
}
.tab-body nav a:hover {
	background: #f45;
	transition: all 0.2s linear;
}
.tab-body nav a:before {
	content: "≫";
	position: relative;
/*
	animation-name: link-icon;
	animation-duration: 0.8s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
*/
}
/*
@keyframes link-icon {
	0% {
		left: -10px;
	}
	100% {
		left: 0;
	}
}
*/
@media only screen and (max-width: 736px) {
	.tab-body nav {
		width: calc(100% + 20px);
		margin: -10px -10px 10px;
	}
}

/*審査情報*/

#top-sinsa thead th,
#top-sinsa tbody th,
#top-sinsa tbody td {
	text-align: center;
}

#top-sinsa thead th {
	padding: 5px;
	color: #fff;
	box-sizing: border-box;
	background: #cc0000;
}

#top-sinsa tbody th,
#top-sinsa tbody td {
	padding: 8px;
	text-align: center;
	box-sizing: border-box;
}

/*掲示板回答*/

#top-bbs-box {
	margin-top: 0px;
	padding: 15px 15px 15px;
	background: #F4F3F3;
}

.top-bbs-list {
	margin: 0 0 15px 0;
	border-radius: 3px;
	border: 1px solid #999;
	background: url(https://www.karireru.com/wp/wp-content/themes/tpl-theme/image/page/bbs_icon.png) no-repeat 10px center;
	background-color: #fff !important;
	background-size: 45px auto !important;
}
.top-bbs-list.icon1 {
	background: url(https://www.karireru.com/wp/wp-content/themes/tpl-theme/image/page/bbs_icon1.png) no-repeat 10px center #fff;
}
.top-bbs-list.icon2 {
	background: url(https://www.karireru.com/wp/wp-content/themes/tpl-theme/image/page/bbs_icon2.png) no-repeat 10px center #fff;
}

.top-bbs-list .bbs-title .date,
.top-bbs-list a {
	color: #333;
	text-decoration: none;
}

.top-bbs-list .bbs-title {
	float: left;
	padding: 8px 0 8px 65px;
}

.top-bbs-list .bbs-title span {
	display: block;
	color: #1b378a;
	text-decoration: underline;
}

.top-bbs-list .bbs-title span:hover {
	color: #cc0000;
}

.top-bbs-list .kaitou {
	float: right;
	padding: 11px 25px 11px 25px;
	text-align: center;
	line-height: 1.3;
	border-left: 1px solid #ccc;
}

.top-bbs-list .kaitou span {
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #cc0000;
}

.top-bbs-list .post-more-bt a {
	margin: 0 auto 20px !important;
}
.top-bbs-list + p.center {
	margin: 0 0 5px;
}
/*お知らせ・最新記事*/

.column-list img {
	float: left;
	width: 120px;
	height: 70px;
	margin-right: 10px;
	border: 1px solid #ccc;
}

.column-list li a {
	display: block;
	margin: 0;
}

.column-list li .date {
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 13px;
}

/*キャッシング会社一覧*/

#caching-midashi {
	width: 100%;
	margin-bottom: 0;
	border: 1px solid #FBCE0C;
	box-sizing: border-box;
	border-radius: 5px 5px 0 0;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #FCDA4B 0%, #FBCE0C 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FCDA4B), color-stop(0.00, #FBCE0C));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #FCDA4B 0%, #FBCE0C 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FCDA4B 0%, #FBCE0C 100%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #FCDA4B 0%, #FBCE0C 100%);
	/* W3C */
	background: linear-gradient(to bottom, #FCDA4B 0%, #FBCE0C 100%);
	/* IE7,8,9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCDA4B', endColorstr='#FBCE0C', GradientType=0);
}

#caching-midashi img {
	float: left;
	width: 55%;
}

#caching-midashi #caching-inner {
	padding: 20px;
	border-radius: 5px 5px 0 0;
	border: 2px solid #fff;
}

#caching-midashi .caching-time {
	float: right;
	padding: 2px 20px 0;
	color: #fff;
	font-size: 30px;
	border-radius: 5px;
	background: #C19F10;
}

#caching-list {
	font-size: 12px;
	margin: 0;
}

#caching-list th,
#caching-list td {
	line-height: 1.4;
	text-align: center;
}

#caching-list thead th,
#caching-list tbody th {
	padding: 5px 0;
}

#caching-list thead th {
	color: #fff;
	background: #cc0000;
}

#caching-list tbody th {
	padding: 8px 5px;
	font-weight: bold;
	width: 16%;
}

#caching-list thead th,
#caching-list tbody td {
	font-size: 13px;
}

#caching-list tbody th a {
	color: #2F74D0;
}

#caching-list tbody th img {
	display: block;
	margin: 0 auto 4px;
}

#caching-list tbody tr:nth-child(1) {
	background: #FEF9DB;
}

#caching-list tbody tr:nth-child(2) {
	background: #F7F7F7;
}

#caching-list tbody tr:nth-child(3) {
	background: #F2ECEC;
}

#caching-list tbody td:nth-child(4) {
	width: 12%;
}

#caching-list tbody .red-bt {
	padding: 5px 7px 8px;
	font-size: 14px;
}

#caching-list tbody .red-bt a {
	padding: 6px 0 4px 0;
	line-height: 1.3;
}

.bt-time {
	position: relative;
	width: 100%;
	margin: 0 0 5px;
	padding: 3px 5px;
	color: #fff;
	font-size: 10px;
	border-radius: 3px;
	box-sizing: border-box;
	background: #333;
}

.bt-time:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border: 5px solid transparent;
	border-top: 5px solid #333;
}

.bt-time .time {
	color: #333;
	border-radius: 3px;
	background: #fff;
}

/*借りれるくんについて*/

.about-check {
	margin: 10px 0;
}

.about-check li {
	padding: 2px 0 0 25px;
	font-weight: bold;
	background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/all/check.gif) no-repeat 0 center;
	background-size: 20px auto;
}

#about-link {
	margin: 15px 0 15px -5px;
}

#about-link li {
	display: inline-block;
	width: 31.4%;
	margin: 5px 3px 5px 6px;
}

#about-link li a {
	display: block;
	padding: 0 10px;
	color: #cc0000;
	font-size: 13px;
	line-height: 3;
	text-decoration: none;
	box-sizing: border-box;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	background: #F0F0F0;
}

#about-link li a:after {
	content: "»";
	float: right;
}

/****************************************

 口コミページ

*****************************************/
#content article {
	position: relative;
}

.date-table thead th {
	padding: 5px 0;
	color: #fff;
	text-align: center;
	background: #cc0000;
	border-width: 1px 1px 0 1px;
	position: sticky;
	top: 0;
	z-index: 12;
}

.date-table tbody th {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-width: 1px 0 0 0;
}

.date-table tbody th,
.date-table tbody td {
	padding: 8px 12px;
}

.date-table tbody td {
	text-align: right;
}

.date-table tbody td:nth-child(1) {
	text-align: left;
}
.date-table tbody tr.shinsa-rank th {
	padding: 5px 10px;
	font-weight: bold;
	font-size: 115%;
	line-height: 1.3em;
	color: #fff;
	text-shadow: #000 0 0 3px;
}
.date-table tbody tr.shinsa-rank th b {
	font-family: 'Times New Roman', Times, serif;
	font-size: 180%;
	font-style: italic;
	vertical-align: -3px;
	margin: 0 5px;
}
.date-table tbody tr.shinsa-rank th:before {
	content: "▼";
	display: inline-block;
	font-size: 150%;
	animation: 1.5s y-roll infinite ease-in-out;
	vertical-align: middle;
}
@keyframes y-roll {
	0% {
		transform: scale(0,1);
		color: #fff;
	}
	25% {
		transform: scale(1,1);
		color: #fff;
	}
	50% {
		transform: scale(0,1);
		color: #eee;
	}
	75% {
		transform: scale(1,1);
		color: #eee;
	}
	100% {
		transform: scale(0,1);
		color: #999;
	}
}
.date-table#shinsa-date tbody tr.shinsa-rank th.no1 {
	background: #c4b927; /* Old browsers */
	background: -moz-linear-gradient(top,  #c4b927 0%, #fff993 50%, #d6d022 51%, #fff989 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c4b927 0%,#fff993 50%,#d6d022 51%,#fff989 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c4b927 0%,#fff993 50%,#d6d022 51%,#fff989 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4b927', endColorstr='#fff989',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.date-table#shinsa-date tbody tr.shinsa-rank th.no2 {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #888888 4%, #cccccc 50%, #888888 55%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#888888 4%,#cccccc 50%,#888888 55%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#888888 4%,#cccccc 50%,#888888 55%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
.date-table#shinsa-date tbody tr.shinsa-rank th.no3 {
	background: #ffe6ad; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffe6ad 0%, #8e7248 4%, #cea75a 50%, #8e7248 55%, #cea75a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffe6ad 0%,#8e7248 4%,#cea75a 50%,#8e7248 55%,#cea75a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffe6ad 0%,#8e7248 4%,#cea75a 50%,#8e7248 55%,#cea75a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6ad', endColorstr='#cea75a',GradientType=0 ); /* IE6-9 */
}
.date-table .review-rank {
	display: inline-block;
	width: 36px;
	height: 26px;
	padding-top: 8px;
	margin-right: 5px;
	font-size: 11px;
	text-align: center;
}

.date-table .review1 {
	background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/page/crown01.png) no-repeat;
}

.date-table .review2 {
	background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/page/crown02.png) no-repeat;
}

.date-table .review3 {
	background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/page/crown03.png) no-repeat;
}

.date-table .review-normal {
	background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/page/crown04.png) no-repeat;
}
.date-table .review-bt {
	margin-bottom: 5px !important;
}
.date-table .review-bt a {
	display: block;
	position: relative;
	padding: 2px 5px;
	background: #cdc;
	border: 1px solid #797;
	border-bottom: 3px solid #565;
	border-radius: 5px;
	color: #444;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color: #040;
}
.date-table .review-bt a:hover {
	border-bottom-width: 1px;
	top: 2px;
}
.date-table .red-bt a {
	font-size: 13px;
	font-weight: bold;
	padding: 2px 5px;
}
.date-table .top3 .red-bt a {
	padding: 10px 5px;
}
.review-star {
	width: 26.7%;
	display: table-cell;
}

.review-star img {
	height: 20px;
	margin-right: 5px;
	vertical-align: middle;
}

.review-star span {
	padding-top: 2px;
	vertical-align: middle;
}


.drop-more-bt {
	display: block;
	margin: 15px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 2.8;
	text-align: center;
	cursor: pointer;
	border-radius: 3px;
	border: 1px solid #ccc;
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #f5f5f5));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f5f5f5 100%);
	/* W3C */
	background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
	/* IE7,8,9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
}

.drop-more-bt:hover {
	/* FF3.6+ */
	background: -moz-linear-gradient(top, #f5f5f5 0%, #fff 100%);
	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.00, #fff));
	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #fff 100%);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #f5f5f5 0%, #fff 100%);
	/* IE10+ */
	background: -ms-linear-gradient(top, #f5f5f5 0%, #fff 100%);
	/* W3C */
	background: linear-gradient(to bottom, #f5f5f5 0%, #fff 100%);
	/* IE7,8,9 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0);
}

.drop-more-bt i {
	font-size: 30px;
	vertical-align: -7px;
}

.drop-more-bt a {
	color: initial;
	text-decoration: none;
}
.drop-more-bt.red {
	background: linear-gradient(to bottom, #ff7870 0%, #cc0800 100%);
	color: #fff;
	text-decoration: none;
	padding: 10px 5px;
}
.drop-more-bt.red > span {
	max-width: calc(100% - 40px);
	line-height: 1.2em;
}
.drop-more-bt.red span {
	display: inline-block;
	vertical-align: middle;
}
.gyousya-area .hyouka-list {
	width: 100%;
	text-align: center;
	margin: 0 0 5px;
	padding: 5px 0;
	clear: both;
	background: #f0f0f0;
}

.gyousya-area .hyouka-list li {
	display: inline-block;
	margin: 0 10px;
}

.gyousya-area .hyouka-list li:nth-child(1) {
	padding-left: 22px;
}

.gyousya-area .hyouka-list i {
	margin-right: 3px;
}

.gyousya-area .hyouka-list .icon-coment {
	font-size: 17px;
}

.gyousya-area .chart {
	float: left;
	margin: 10px 0 3px 0;
}

.gyousya-area .r-revue-right {
	float: left;
	margin: 14px 0 0 20px;
}

.gyousya-area .r-revue-right h3 {
	margin-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #434343;
}

.gyousya-area .r-revue-right h3 span {
	font-size: 12px;
	font-weight: normal;
}

.gyousya-area .r-riyou-list #good,
.gyousya-area .r-riyou-list #standard,
.gyousya-area .r-riyou-list #bad {
	display: block;
	float: left;
	width: 84px;
	margin: 4px 5px 4px 0;
	color: #fff;
	line-height: 1.5;
	text-align: center;
}

.gyousya-area .revue-pt {
	line-height: 2.1;
}

.gyousya-area .r-gyousya-box .revue-pt {
	line-height: 2.1;
}

.gyousya-area .r-riyou-list #good {
	background: #ea1924;
}

.gyousya-area .r-riyou-list #standard {
	background: #67ac28;
}

.gyousya-area .r-riyou-list #bad {
	background: #1279BD;
}

.gyousya-area .shinsa-midashi {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	line-height: 2.2;
	border-radius: 5px;
	background: #1279BD;
	margin-bottom: 14px;
}

.post_content .push-bt a:hover {
	box-shadow: none;
	transform: translate3d(0, 3px, 0);
}

.post_content .gyousya-area p {
	margin: 0;
}

.post_content .gyousya-area ul {
	margin: 0;
	border: none !important;
	background-color: transparent !important;
	padding: 0px !important;
	border-radius: 0px !important;
}

.post_content table ul,
.post_content table ol {
	margin: 8px 20px;
	border: none !important;
	background-color: transparent !important;
	padding: 0px !important;
	border-radius: 0px !important;
}

.post_content .gyousya-area li {
	list-style: none !important;
}

.post_content .t-sinsa-table th,
.post_content .t-sinsa-table td {
	padding: 5px 10px;
	text-align: left !important;
}

.post_content .review-area th,
.post_content .review-area td {
	padding: 10px;
	text-align: left !important;
}

.post_content .gyousya-area .green-bt {
	margin: 0 auto -15px;
}

#post-nav {
	margin: 35px 0 0 !important;
}

#post-nav li {
	width: 49%;
	padding: 2px;
	border: 1px solid #F4F3F3;
	list-style-type: none;
}

#post-nav li:first-child {
	float: left;
	text-align: left;
}

#post-nav li:last-child {
	float: right;
	text-align: right;
}

#post-nav li a {
	display: block;
	padding: 5px 8px;
	color: #333;
	text-decoration: none;
	background: #F4F3F3;
}

#post-nav li span {
	display: block;
	width: 70%;
	font-size: 12px;
	color: #1b378a;
	line-height: 1.4;
	text-decoration: underline;
}

#post-nav li:first-child span {
	float: right;
	margin: 0 0 0 8px;
}

#post-nav li:last-child span {
	float: left;
	margin: 0 8px 0 0;
}

#nav-left a:before,
#nav-right a:after {
	font-family: 'icomoon';
	font-size: 20px;
	vertical-align: middle;
}

#nav-left a:before {
	content: "\e314";
}

#nav-right a:after {
	content: "\e315";
}

.post_content .gyousya-name h3 {
	color: #fff !important;
	font-size: 18px !important;
	font-weight: bold !important;
	background: none !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.gyousya-name .gname {
	font-size: 18px;
	font-weight: bold;
}

/* 記事内の業者案内のリストは●をつけない */
.post_content .gyousya-area ul li:before {
	list-style: none;
}

@media only screen and (max-width: 768px) {
	/*業者一覧（カテゴリー）*/
	.gyousya-area.ranking-list {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.list-gyousya-area {
		padding: 5px 8px;
	}

	.list-gyousya-area .left {
		float: left
	}

	.list-gyousya-name h3 {
		margin-bottom: 3px !important;
	}

	.list-gyousya-name h3 a {
		font-size: 20px;
	}

	.list-gyousya-area .list-gyousya-name h3 {
		margin: -5px -8px 5px;
		padding: 5px;
		background: #ea1924;
		color: #fff !important;
	}
	.list-gyousya-area .list-gyousya-name h3 a {
		color: #fff !important;
	}
	.gyousya-inner .yuusi-table td:nth-of-type(1){
		display: inline !important;
	}
	.gyousya-inner .yuusi-table td:nth-of-type(1):after {
		content: "\A" ;
		white-space: pre ;
	}

	.list-gyousya-name h3 span {
		font-size: 13px;
	}

	.list-gyousya-area .yuusi-table td {
		font-size: 14px;
	}

	.list-gyousya-area .sinsa-date {
		width: 100%;
	}

	.list-gyousya-area .sinsa-table {
		font-size: 10px;
		clear: both;
	}

	.list-gyousya-area .sinsa-table th {
		white-space: nowrap;
	}

	.list-gyousya-area .sinsa-table th,
	.list-gyousya-area .sinsa-table td {
		font-size: 10px;
		padding: 5px 2px;
	}

	.list-gyousya-area .bg-yellow,
	.list-gyousya-area .point-text {
		margin: 5px 0;
		font-size: 14px;
		letter-spacing: 0;
	}

	.list-gyousya-area .fuka-link {
		width: 100%;
		margin-bottom: 10px;
	}

	.list-gyousya-area .fuka-link a {
		font-size: 10px;
	}

	.gyousya-area .push-bt a,
	.list-gyousya-area .push-bt a {
		font-size: 14px;
		padding: 20px 5px;
	}

	.gyousya-area .time-link,
	.list-gyousya-area .time-link {
		padding-left: 5px;
	}

	.gyousya-area .time-link i,
	.list-gyousya-area .time-link i {
		width: 10px;
		height: 10px;
		font-weight: bold;
		font-size: 15px;
		vertical-align: middle;
	}

	.gyousya-area .timer-text,
	.list-gyousya-area .timer-text {
		font-size: 10px;
	}

	.gyousya-name {
		padding-bottom: 10px;
		text-align: center;
	}
	.gyousya-name h3 {
		text-align: left;
	}

	.gyousya-name img {
		display: inline-block;
	}
	.gyousya-area .gyousya-name .star.right ,
	.gyousya-area .gyousya-name p.title ,
	#main #content .gyousya-name .star.right ,
	#main #content .gyousya-name p.title ,
	#main #content-wide .gyousya-area .gyousya-name .star.right ,
	#main #content-wide .gyousya-area .gyousya-name p.title,
	.gyousya-area .gyousya-name p.title {
		float: none !important;
		display: block !important;
		position: static !important;
		width: auto !important;
	}

	.gyousya-area .two-column .right {
		width: 100%;
		margin-top: 10px;
	}

	.gyousya-area .two-column .gyousya-img {
		width: auto;
		text-align: center;
	}

	.gyousya-area .gyousya-inner {
		padding: 8px;
	}

	.gyousya-area .point li {
		font-size: 13px;
		background-size: 18px auto;
	}

	.fuka-link a,
	.sindan-link a {
		margin: 5px 0;
		padding: 5px;
		font-size: 12px;
		line-height: 1.5;
	}

	.fuka-link,
	.sindan-link {
		width: 95%;
		margin: auto;
	}

	.gyousya-area .fuka-link {
		width: 100%;
	}

	.gyousya-area .category li {
		font-size: 11px;
		line-height: 1.8;
	}

	.gyousya-area .convini li {
		height: 30px;
	}

	.gyousya-area .convini li img {
		width: 30px;
	}

	.gyousya-area .tab-body {
		margin-top: 15px;
	}

	.voice-area {
		padding: 10px;
		background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/all/voice_bg.png);
	}

	.voice-name img {
		margin-bottom: 5px;
	}

	.voice-body {
		font-size: 13px;
	}

	.gyousya-area .voice-link {
		padding: 18px 0;
	}

	.list-gyousya-area .voice-link .acc-bt,
	.gyousya-area .voice-link .acc-bt {
		line-height: 3;
		font-size: 10px;
	}

	.list-gyousya-area .voice-link .acc-bt i,
	.gyousya-area .voice-link .acc-bt i {
		font-size: 17px;
		vertical-align: -4px;
	}

	.list-gyousya-area .voice-link .acc-bt:first-child,
	.gyousya-area .voice-link .acc-bt:first-child {
		width: 40%;
	}

	.list-gyousya-area .voice-link .acc-bt:last-child,
	.gyousya-area .voice-link .acc-bt:last-child {
		width: 59%;
	}

	.review-area table {
		border-top: 0;
		border-collapse: collapse;
	}

	.review-area table th {
		white-space: nowrap;
		padding: 5px 10px;
	}

	.review-area table th,
	.review-area table td {
		display: block;
		border-width: 1px 0 0;
	}

	.review-area table td span {
		display: block;
		margin-top: 5px;
		font-size: 10px;
	}

	.voice-link .review-area input {
		width: 96%;
	}

	.gyousya-area .sinsa-table th,
	.gyousya-area .sinsa-table td {
		font-size: 12px !important;
	}

	.gyousya-area .sinsa-table th {
		white-space: nowrap;
	}

	.gyousya-area .sinsa-table th:last-child,
	.gyousya-area .sinsa-table td:last-child {
		display: none;
	}

	.gyousya-area .t-sinsa-table {
		border-top: 0;
		border-left: 0;
		border-right: 0;
	}

	.gyousya-area .t-sinsa-table th {
		white-space: nowrap;
	}

	.gyousya-area .t-sinsa-table th,
	.gyousya-area .t-sinsa-table td {
		display: block;
		width: auto;
		font-size: 12px;
		padding-left: 5px;
		border-bottom: none;
	}

	.list-gyousya-area .t-sinsa-bt a,
	.gyousya-area .t-sinsa-bt a {
		width: 100%;
		font-size: 12px;
	}

	.list-gyousya-area .t-sinsa-bt i,
	.gyousya-area .t-sinsa-bt i {
		font-size: 17px;
		vertical-align: -3px;
		margin: 0;
	}

	.gyousya-area .time-area .time {
		padding: 4px 10px;
	}

	.gyousya-area .time-area:after,
	.gyousya-area .time-area:before {
		display: none;
	}

	.list-gyousya-area .tab-body,
	.gyousya-area .tab-body {
		width: 100%;
		margin-top: 10px;
	}
	/*業者一覧（口コミ）*/
	#shinsa-acc .acc-bt,
	.gyousya-area #page-link2 a,
	.gyousya-area #page-link a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 60px;
		padding: 0 5px;
		font-size: 13px;
	}

	#page-link {
		margin: 10px 0;
	}

	/* 業者一覧（スマホ用）*/
	.app-area {
		margin: 15px 0;
		border-bottom: 1px solid #ea1924;
	}

	.app-area section {
		margin: 0;
	}

	.app-area .app-inner {
		padding: 10px;
		text-align: left;
		background: #fefff0;
	}

	ul.post_ul01 li {
		text-indent: 25px;
		background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/all/check_icon2.png) no-repeat 0 center;
	}

	ul.post_ul01 li:before {
		content: none !important;
	}

	.app-area .app-inner ul li:before {
		content: none !important;
	}

	.app-h2 {
		padding: 8px 0 6px 5px;
		font-size: 16px;
		font-weight: bold;
		background: #F6E76D;
	}

	.app-area table th {
		width: 25%;
		font-weight: bold;
		background: #eee;
	}

	.app-area table th,
	.app-area table td {
		padding: 5px;
	}

	.app-area table td {
		background: #fff;
	}

	.app-area .app-point {
		padding: 8px;
		border-radius: 3px;
		background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/all/point_bg.png);
		clear: both;
	}

	.app-area .app-point li {
		text-indent: 25px;
		font-weight: bold;
		background: url(https://www.karireru.com//wp/wp-content/themes/tpl-theme/image/all/check_icon2.png) no-repeat 0 center;
	}

	.app-area .push-bt {
		margin: 10px 0 5px;
	}

	.app-area .push-bt a {
		font-size: 16px;
		padding: 15px 0;
	}
}


/* =========================
   iken詳細
   ========================= */
.single-iken{
	background-color: var(--color_base);
}
.iken_closed .p-articleHead{
	opacity: 0.5;
}
#iken_closed{
	text-align: center;
}
#iken_closed span{
	padding: .5em 2em;
	font-size: 1.8em;
	margin-bottom: 2em;
	line-height: 1;
	background-color: var(--color_red);
	color: #fff;
}
.single-iken .post_content>h2 {
	margin-left: 0;
	margin-right: 0;
}
.vendor_info h2,
.faq_area h2{
	font-size: 1.2em;
}
.single-iken .p-articleMetas.-top{
	margin-bottom: 1em;
	margin-top: 0;
	justify-content: right;
}
.vendor_wrapper .vendor_info{
	padding: 1em;
	border: var(--border_main);
	border-radius: var(--border_radius);
	position: relative;
	gap:0.5em 1em;
	background-color: #fff;
}
.vendor_info .info_meta{width: 100%;}
.vendor_info .p-articleThumb{
	width: 100px;
	margin: 0;
}


.vendor_info .vendor_sub{
	font-size: 0.9em;
}

.cta_button_area [class*=is-style-btn_]{
--the-padding: .9em 1em;
--the-width: 100%;
}

.vendor_wrapper .cta_button_area >div{
	flex:1;
	font-size: 15px;
}

.vendor_wrapper .data_list{
	position: relative;
	margin-top: .5em;
}
.data_list .data_list_box{
	padding: 5px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.data_list dt,
.data_list h4{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-bottom:1px solid var(--color_gray1) ;
}
.data_list dd,
.data_list p{
	line-height: 1.2;
	padding: 5px;
	margin: auto;
}
.data_list .data_list_box p span{
	font-weight: bold;
	font-size: 1.6em;
}
.data_list small {
	display: inline-block;
	font-size: 70%;
	line-height: 1.3em;
	font-weight: normal;
}

.position_map{
	position: relative;
	background-color: #fff;
	border-radius: var(--border_radius);
	padding: 2em 65px;
}
.position_map_wrap .labels{
	font-size: 11px;
	color: var(--color_gray2);
}
.position_map_wrap .labels::before,
.position_map_wrap .labels::after{
	display: block;
	content: "";
	position: absolute;
	z-index: 0;
	background-color: var(--color_base_sub);
}
.position_map_wrap .labels::before{
   left: 50%;
   transform: translateX(-50%);
   width: 1px;
   bottom: 2.5em;
   top: 2.5em;
}
.position_map_wrap .labels::after{
   top: 50%;
   transform: translateY(-50%);
   height: 1px;
   left:70px;
   right: 70px;
}
.position_map_wrap .labels p{
	position: absolute;
}
.position_map_wrap .labels .top,
.position_map_wrap .labels .bottom{
   left: 50%;
   transform: translateX(-50%); 
}
.position_map_wrap .labels .top{top:0.5em;}
.position_map_wrap .labels .bottom{bottom:0.5em;}
.position_map_wrap .labels .left,
.position_map_wrap .labels .right{
   top: 50%;
   transform: translateY(-50%); 
}
.position_map_wrap .labels .left{left:0.5em;}
.position_map_wrap .labels .right{right:0.5em;}

.position_map_wrap .featurelist{
	font-size: 12px;
	display: grid;
  gap: 5px;
}
.position_map_wrap .featurelist .off{visibility: hidden;}

.featurelist_groupe {
  display: grid;
  justify-content: center;
  width: 100%;
  column-gap: 3px;
  grid-template-columns: repeat(3, max-content);
  position: relative;
  z-index: 2;
}
.position_map_wrap .featurelist p{
	padding: 4px 8px;
	border-radius: 3em;
	line-height: 1;
	border:1px solid var(--color_gray1);
	text-align: center;
	white-space: nowrap;
	background-color: #fff;
}
/**/
.single-iken .swell-block-fullWide+.swell-block-fullWide {
	margin-top: 0;
}
/*   タブ	*/
.swell-block-fullWide.vendor_tab_area{padding-bottom:0;}
.vendor_tab .vendor_tab_nav{
	position: relative;
}
.vendor_tab .vendor_tab_nav::before {
	content: "";
	border-bottom:var(--border_main);
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 0;
}
.vendor_tab .vendor_tab_nav_inner{
	max-width: 1000px;
	margin: auto;
	column-gap: 5px;
}
.vendor_tab .vendor_tab_btn {
	flex:0 1 25%;
	appearance: none;
	outline: none;
	background: #fff;
	padding: 1em;
	cursor: pointer;
	overflow: hidden;
	font-weight: bold;
	position: relative;
	border-radius: 1em 1em 0 0;
	border:var(--border_main);
	max-width: 400px;
}

.vendor_tab .vendor_tab_btn.is-active {
	background: #fff; 
	border-bottom: none;
}
.vendor_tab .vendor_tab_btn.is-active:before {
	content: "";
	background: var(--color_main);
	position: absolute;
	height: 14px;
	display: block;
	top:0;
	left: 0;
	right: 0;
}
.vendor_tab .vendor_tab_body {
	background-color: #fff;
}
.vendor_tab .vendor_tab_body_inner {
	background-color: #fff;	
	max-width:1000px;	
	margin: auto;
}
.tab_box_content {
	display: none;
}
.tab_box_content.is-active {
	display: block;
}

.countdown_area .arrow_txt{
	font-size: 12px;
	line-height: 1;
	position: relative;
	padding: 0 10px 5px 5px;
}
.countdown_area .arrow_txt::before,
.countdown_area .arrow_txt::after{
	content: "";
	position: absolute;	
	background:var(--color_gray1);
	right:0;
	height: 1px;
}
.countdown_area .arrow_txt::before{
	left: 0;
	bottom: 0;
}
.countdown_area .arrow_txt::after{
	width: 10px;
	bottom: 4px;
	transform: rotate(45deg);
}
.countdown_area .countdown_txt{
	background: var(--color_byel);
	padding: 5px;
	font-size: 12px;
	line-height: 1;
}
.countdown_area .countdown_txt .icon-timer {
	width: 20px;
	height: 20px;
	margin-top: auto;
}
.countdown_area .countdown_txt .icon-timer.swl-inline-icon:after {  max-width: none;}
.countdown_area .countdown_txt .fwb{	
	font-size: 18px;
}


/* 口コミボタン */
.post_content .comment-form-box_area .swell-block-button.is-style-btn_normal{
margin: 0 auto 0;
}
[class*=is-style-btn_] button{
	padding: var(--the-padding);
	background: var(--the-btn-bg);
	border-radius: var(--the-btn-radius, 0);
	align-items: baseline;
	letter-spacing: var(--swl-letter_spacing, 1px);
	line-height: 1.5;
	margin: 0;
	position: relative;

	font-weight: 700;
	border: 3px solid var(--color_gray1);
	box-shadow: inset 0px -4px 0px 0px var(--the-solid-shadow);
	transition: all .35s ease;
}
[class*=is-style-btn_]:not(.white_) button{
	color: #fff;	
}
[class*=is-style-btn_].white_ button{
	color: var(--color_text);
}
.comment-form-box_area [class*=is-style-btn_] button:hover {
	box-shadow:none;
}
.comment-form-box_area .accordion_icon {
  position: relative;
  width: 14px;
  height: 14px;
  display: inline-block;
}

.accordion_icon::before,
.accordion_icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: currentColor;
  transition: transform .25s ease;
}
.accordion_icon::after {transform: rotate(90deg);}
.comment-form-box_area .accordion_btn.is-open .accordion_icon::before {transform: rotate(45deg);}
.comment-form-box_area .accordion_btn.is-open .accordion_icon::after { transform: rotate(-45deg);}
/* コメントフォーム邪魔してるものをリセット */
.comment-form-box {
	border: none;
	padding: 0;
}
.comment-form-box dl {
	gap:0 8px;
}

.comment-form-box dl dd {
	padding: 0;
}
.comment-form-cookies-consent {
	margin-top: 0;
}
/* コメントフォーム */
.single-iken .comment-form-box {
	overflow: hidden;
	max-height: 0;
	transition: max-height .35s ease;
	position: relative;
	margin: 1.5em 0;
}

.comment-form-box:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: var(--color_main);
	opacity: 0.15;
}

.comment-form-box dl dt {
	padding: 0;
	display: flex;
	font-size: 14px;
	line-height: 1em;
	margin-bottom: .5em;
}
.comment-form-box dl dt:first-of-type{order: 1;}
.comment-form-box dl dt:nth-of-type(2){order: 2;}
.comment-form-box dl dd:nth-of-type(1){order: 3;}
.comment-form-box dl dd:nth-of-type(2){order: 4;}
.comment-form-box dl dt:nth-of-type(3){order: 5;}
.comment-form-box dl dd:nth-of-type(3){order: 6;}
.comment-form-box dl dt:nth-of-type(4){order: 7;}
.comment-form-box dl dd:nth-of-type(4){order: 8;}
.comment-form-box dl dt:nth-of-type(5){order: 9;}
.comment-form-box dl dd:nth-of-type(5){order: 10;}
.comment-form-box dl dt:nth-of-type(6){order: 11;}
.comment-form-box dl dd:nth-of-type(6){order: 11;}
.comment-form-box dl .col2{ width: calc(50% - 8px);}
.comment-form-box dl .col1{width: 100%;}
.comment-form-box dl .star_title{width: 70px;}
.comment-form-box dl dd{margin-bottom:1em;}
.comment-form-box dl dd:last-of-type{margin-bottom:0;}
.comment-form-box dl dd.author-data label,
.comment-form-box dl dd.borrow label{flex:1;}
.comment-form-box dl dd input[type="text"],
.comment-form-box dl dd input[type="email"],
.comment-form-box dl dd input[type="url"],
.comment-form-box dl dd textarea,
.comment-form-box dl dd select{
	border-radius: 20px;
	box-shadow:none;
	outline: none;
	background-color: #fff;
	padding: .5em .75em;
	line-height: 1;
	width: 100%;
	border-color:var(--color_gray2);
}
.comment-form-box dl dd textarea {
	border-radius: 10px;
}
.comment-form-box .required {
	color: var(--color_red);
	display: inline-block;
}
.comment-form-box small {
	display: inline-block;
	font-weight: normal;
	font-size: 75%;
}
.comment-form-box nav {
	text-align: center;
	margin:1em 0 0;
}
.comment-form-box nav input[type="submit"] {
	border: 3px solid var(--color_gray1);
	box-shadow: inset 0px -4px 0px 0px var(--the-solid-shadow);
	font-size: 1.2em;
	cursor: pointer;
	max-width: 300px;
	width: 100%;
	color: var(--color_gray1);
	font-weight: 700;
	transition: box-shadow .25s;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath d='M3 2 L8.5 8 L3 14' stroke='%23333' fill='none' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 30px center;
	background-size: 18px 22px;
	background-color: var(--the-btn-color);
	border-radius: var(--the-btn-radius, 0);
	padding: var(--the-padding);
}
.comment-form-box nav input[type="submit"]:hover {
	box-shadow:none;
}
.comment-form-box dl dd input[type="radio"] {
	display: none;
}
.comment-form-box dl dd.star_check {
	width: calc(100% - 78px);
}
.comment-form-box dl dd.star_check label {
	display: inline-block;
	width: 40px;
	height: 40px;
	mask: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035.75%2034%22%3E%20%3Cpath%20d%3D%22m17.87%200%205.53%2011.19%2012.35%201.8-8.94%208.71L28.92%2034l-11.05-5.81L6.83%2034l2.11-12.3L0%2012.99l12.35-1.8z%22%2F%3E%20%3C%2Fsvg%3E') no-repeat center / contain;
	-webkit-mask: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2035.75%2034%22%3E%20%3Cpath%20d%3D%22m17.87%200%205.53%2011.19%2012.35%201.8-8.94%208.71L28.92%2034l-11.05-5.81L6.83%2034l2.11-12.3L0%2012.99l12.35-1.8z%22%2F%3E%20%3C%2Fsvg%3E') no-repeat center / contain;
	cursor: pointer;
	transition: all 0.2s linear;
	background-color: #c1bcb8;
}
.comment-form-box dl dd.star_check label:has(input:checked),
.comment-form-box dl dd.star_check:has(input[value="2"]:checked) label:nth-of-type(1),
.comment-form-box dl dd.star_check:has(input[value="3"]:checked) label:nth-of-type(1),
.comment-form-box dl dd.star_check:has(input[value="4"]:checked) label:nth-of-type(1),
.comment-form-box dl dd.star_check:has(input[value="5"]:checked) label:nth-of-type(1),
.comment-form-box dl dd.star_check:has(input[value="3"]:checked) label:nth-of-type(2),
.comment-form-box dl dd.star_check:has(input[value="4"]:checked) label:nth-of-type(2),
.comment-form-box dl dd.star_check:has(input[value="5"]:checked) label:nth-of-type(2),
.comment-form-box dl dd.star_check:has(input[value="4"]:checked) label:nth-of-type(3),
.comment-form-box dl dd.star_check:has(input[value="5"]:checked) label:nth-of-type(3),
.comment-form-box dl dd.star_check:has(input[value="5"]:checked) label:nth-of-type(4) {
	background-color: var(--color_star);
	transition: all 0.1s linear;
}
.comment-form-box dl dd.star_check small {
	font-size: 13px;
	line-height: 1.2em;
}
.comment-form-box dl dd.borrow label {
	display: inline-block;
	background: #fff;
	padding: 2px 15px 4px;
	border: 1px solid var(--color_gray2);
	color: var(--color_gray1);
	cursor: pointer;
	border-radius: 20px;
	transition: all 0.5s linear;
	text-align: center;
	position: relative;
}
.comment-form-box dl dd.borrow label:before {
	background: var(--color_gray2);
	content: "";
	display: block;
	height: 100%;
	right: 1em;
	-webkit-mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.3%2018.46%22%3E%20%3Cpath%20d%3D%22M8.11%2018.46h-.07c-.67-.02-1.29-.31-1.74-.81L.62%2011.3c-.89-1-.81-2.54.19-3.43s2.54-.81%203.43.19l3.98%204.45L20.16.7c.95-.94%202.49-.94%203.44.02.94.95.93%202.49-.02%203.44L9.82%2017.76c-.46.45-1.07.7-1.71.7%22%2F%3E%3C%2Fsvg%3E);
	mask-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024.3%2018.46%22%3E%20%3Cpath%20d%3D%22M8.11%2018.46h-.07c-.67-.02-1.29-.31-1.74-.81L.62%2011.3c-.89-1-.81-2.54.19-3.43s2.54-.81%203.43.19l3.98%204.45L20.16.7c.95-.94%202.49-.94%203.44.02.94.95.93%202.49-.02%203.44L9.82%2017.76c-.46.45-1.07.7-1.71.7%22%2F%3E%3C%2Fsvg%3E);
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	position: absolute;
	top: 0;
	width: 1em;
	transition: all 0.5s linear;
}
.comment-form-box dl dd.borrow label:hover,
.comment-form-box dl dd.borrow label:has(input:checked) {
	background: var(--color_main_thin);
	border-color:var(--color_main);
	transition: all 0.2s linear;
	color:var(--color_main);
	font-weight: bold;
}
.comment-form-box dl dd.borrow label:hover:before,
.comment-form-box dl dd.borrow label:has(input:checked):before {
	background: var(--color_main);
}
.comment-form-cookies-consent label {
	display: block;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
/*口コミ一覧*/
.review_sort_area .review_area{
	line-height: 1;
}
.review_sort_area .caution{
	width: 100%;
	font-size: 11px;
}
.review_sort_area .review_sort_btn > p:not(.caution){
	font-size:0.8em;
}
.review_sort_area .review_sort_btn > p .icon-sort{height:  20px;}
.review_list_link{
	border: 1px solid var(--color_gray1);
	border-radius: 5em;
	overflow: hidden;
	width: 100%;
}
.review_list_link a{
	flex: 1;
	color: var(--color_gray1);
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
}
.review_list_link a:not(:last-child){
	border-right: 1px solid var(--color_gray1);
}
.review_list_link a.on{
	background: linear-gradient(100deg, #3fa350 0%, #3fa3a3 100%);
	color: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0 ,0.5);
}
.post_content .review_list{
	list-style: none;
	padding-left:0;
}
.post_content .review_list li.review_item{
	line-height: 1;
	margin: 0;
	background-color: var(--color_base);
}
.review_item h3{
	margin: 0;
	font-size: 1em;
}
.review_item .user_icon{
	width: 48px;
	height: 48px;
	padding: 2px;
	border-radius: 50%;
	border: 1px solid var(--color_gray1);
	position: relative;
	overflow: hidden;
}
.review_item .user_icon::before{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background-color: var(--color_gray2);
	border-radius: 50%;
}
.review_item .user_icon.male::before{background-color:#3f63a2;}
.review_item .user_icon.female::before{background-color:#f094b0;}
.review_item .user_icon .icon-people{
	position: absolute;
	width: 50px;
	height: 50px;
	top:calc(50% - 20px);
	left:calc(50% - 25px);
}
.post_content .review_user_attr{
	font-size: .8em;
	margin:5px 0 0;
	font-weight: normal;
}
.user_status{
	font-size: 12px;
	padding: 5px 1em;
	border-radius: 2em;
	background-color: var(--color_gray2);
	color: #fff;
}
.user_status.pass{background-color: var(--color_main);}
.user_status.failed{background-color: #a34064;}
.review_source_area{
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom:10px;
}
.review_source_area .time_area{
	font-size: 14px;
}
.review_body {
  position: relative;
  line-height: 1.2;
}
.review_body:has(input:checked) {
	padding-bottom: 2em;
}
.review_body:not(:has(input:checked)) .review_text {
  max-height: calc(19.2px * 5);
  overflow: hidden;
}
.review_body .review_more input {
	display: none;
}

.review_fade {
  position: absolute;
  bottom:0;
  left: 0;
  right: 0;
  height: 100px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), var(--color_base));
  pointer-events: none;
  z-index: 0;
  transition: all 0.1s ease;
  opacity: 1;
}

.review_body:has(input:checked) .review_fade {
  height: 0;
  opacity: 0;
}

.review_more {
	display: inline-block;
	margin-top: 6px;
	padding: 0;
	background: none;
	border: none;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 6px 15px;
	background-color: #fff;
	border-radius: 2em;
	border: 1px solid var(--color_gray1);
}
.review_more .accordion_icon {
	position: relative;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-left: 10px;
}
.review_body:has(input:checked) .review_more .accordion_icon::before {transform: rotate(45deg);}
.review_body:has(input:checked) .review_more .accordion_icon::after { transform: rotate(-45deg);}
.review_footer{
	font-size: .85em;
	text-align: right;
	margin-top: 1em;
	line-height: 1.2;
}
.review_reference {
	margin-top: 10px;
}
.review_reference i {
	display: inline-block;
	border: 1px solid var(--color_base_sub);
	padding: 5px 15px;
	background-color: #fff;
	border-radius: 2em;
	cursor: pointer;
	line-height: 1;
}
.voice-area-wrap nav {
	display: flex;
	gap:20px;
	justify-content: center;
	margin-top: 2em;
}
.voice-area-wrap nav button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: .5em 3em .5em 2em;
  font-weight: 600;
  color: var(--color_text);
  background: #fff;
  border: 1px solid var(--color_base_sub);
  border-radius:50px;
  cursor: pointer;
  transition: all 0.25s ease;
  position: relative;
--color_yaji:#bebebe;
}

.voice-area-wrap nav  button::after,
.voice-area-wrap nav  button::before {
  content: "";
  position: absolute;
  right:2em;
  top:50%;
  transition: transform 0.25s ease;
}
.voice-area-wrap nav  button::after{
  width: 2px;
  height: 14px;
  background: var(--color_yaji);
  transform: translateY(-50%);
  margin-top: -2px;
}
.voice-area-wrap nav  button::before {
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--color_yaji);
  border-bottom: 2px solid var(--color_yaji);
  transform: translateY(-50%) rotate(45deg);
  margin-right: -3px;
  margin-top: 2px;
  top:50%;
  
}
.voice-area-wrap nav  button:hover::after {
  transform: translateY(-50%) translateY(3px);
}
.voice-area-wrap nav  button:hover::before {
  transform: translateY(-50%) translateY(3px) rotate(45deg);
}
.voice-area-wrap nav  button:last-child {
  background: #f3f6fa;
  border-color: var(--color_base_sub);
}
.voice-area-wrap nav  button:hover {
  box-shadow: 0 0px 5px rgba(0,0,0,0.08);
}
.voice-area-wrap nav  button:active {
  box-shadow: none;
}
/*ページナビ*/
.single-iken [class*="page-numbers"]{
	color: var(--color_gray1);
	background-color: transparent;
	box-shadow: none;
	aspect-ratio:  1 / 1;
}
.single-iken [class*=page-numbers].current,.single-iken  [class*=page-numbers]:hover {
	background-color:var(--color_gray1);
	color: #fff;
	border-radius: 50%;
}
.single-iken .pagination .prev,
.single-iken .pagination .next {
  position: relative;
  font-size: 0;
}
.single-iken .pagination .prev::before,
.single-iken .pagination .next::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.single-iken .pagination .next::before {
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent var(--color_gray1);
}
.single-iken .pagination .prev::before {
  border-width: 6px 9px 6px 0;
  border-color: transparent var(--color_gray1) transparent transparent;
}
.single-iken .pagination a:hover.next::before {
  border-left-color: #ccc;
}
.single-iken .pagination a:hover.prev::before {
  border-right-color: #ccc;
}
.single-iken .pagination a:hover.prev,
.single-iken .pagination a:hover.next {
	background-color: transparent;
}

/*titleタグのアコーディオン*/

.accordion_title_item .p-postList__title{
	margin: 0 0 .5em;
}
.accordion_title_item .p-postList__title label {
  display: block;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
}
.accordion_title_icon {
  position: absolute;
  left: 0;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 9px;
  border-color: transparent transparent transparent var(--color_gray1);
  transform: translateY(-50%);
  transition: transform .3s ease;
}
.accordion_title_body {
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
  font-size: .9em;
}

.accordion_title_item:has(input:checked) .accordion_title_body {
  max-height: 500px;
}

.accordion_title_item:has(input:checked) .accordion_title_icon {
  transform: translateY(-50%) rotate(90deg);
}
/*ランキングのタブ*/
.single-iken .post_content .wp-block-table th{font-size: 12px;}
.corporate_info.post_content :where(table) caption {
	text-align: left;
	margin-top: .25em;
	caption-side: bottom;
}
/*FAQ*/
.faq_area{
	padding: 1em 1em 0;
	border: var(--border_main);
	border-radius: var(--border_radius);
	background-color: #fff;
	max-width: 1000px;
	margin: auto;
}
/**-------------------------
	 footer
-------------------------**/
/*ランキングのタブ*/
.pickup_ranking_area{
	padding:2em 0;
}
.pickup_ranking_area h2{
	margin-bottom: 1.5em;
}
.pickup_ranking_area .tab_box_btn_list{gap:.5em;}
.pickup_ranking_area .tab_box_btn_list button{
	flex: 1;
	background-color: transparent;
	border: var(--border_main);
	border-radius: var(--border_radius);
	line-height: 1.2;
	padding: 0;
	font-weight: bold;
}
.pickup_ranking_area .tab_box_btn_list button > span{
	display: flex;
	padding: 1em 8px;
	height: 100%;
    justify-content: center;
    align-items: center;
   flex-direction: column;
}
.pickup_ranking_area .tab_box_btn_list button > span::before{
	opacity: 0;
	transition: all 0.2s ease;
}
.pickup_ranking_area .tab_box_btn_list button.is-active{
	background-color: #fff;
	position: relative;
	border-radius:5em;
}
.pickup_ranking_area .tab_box_btn_list button.is-active:before,
.pickup_ranking_area .tab_box_btn_list button.is-active:after {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	height: 0;
	width: 0;
	border: solid transparent;
	content: "";
}
.pickup_ranking_area .tab_box_btn_list button.is-active:before {
	border-color: transparent;
	border-top-color: #333;
	border-width: 12px;
}
.pickup_ranking_area .tab_box_btn_list button.is-active:after {
	border-color: transparent;
	border-top-color: white;
	border-width: 9px;
}
.pickup_ranking_area .tab_box_btn_list button.is-active > span::before{
	opacity: 1;
}
.pickup_ranking_list{
	gap:1em;
	margin-top: 2em;
}
.pickup_ranking_list li{
	background-color: #fff;
	border: var(--border_main);
	border-radius:var(--border_radius);
	padding: 1em;
	position: relative;
}
.pickup_ranking_list li .vendor_info{
	padding-left: calc(60px - 1em);
}
.pickup_ranking_list li .vendor_info::before{
	left: -2px;
	top:-10px;
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	aspect-ratio: 58/70;
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center;
}
.pickup_ranking_list li:nth-child(1) .vendor_info::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2058%2070%22%3E%20%3Cpath%20fill%3D%22%23dfb216%22%20d%3D%22m.5%2069.2%2028.6-15.7%2028.7%2015.7V0H.5z%22%2F%3E%20%3Cpath%20fill%3D%22%23edd080%22%20d%3D%22m52.6%2066.4-2.2-1.3V0h2.2zm-45.9-.6L4.4%2067V0h2.3z%22%2F%3E%20%3Cpath%20fill%3D%22%239f8024%22%20d%3D%22M22.9%2020.6q2.5%200%204.2-.6t3.5-1.4h1.2v19.6q0%20.6.3.9t.9.3h3v1.5H23.5v-1.5H26q.9%200%201.2-.4.4-.4.4-1.3V23.2l-.3-.8q-.3-.3-1-.3H23z%22%2F%3E%3C%2Fsvg%3E');
}
.pickup_ranking_list li:nth-child(2) .vendor_info::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2058%2070%22%3E%20%3Cpath%20fill%3D%22%23b5b4b5%22%20d%3D%22M0%2068.5%2028.3%2053l28.4%2015.5V0H0z%22%2F%3E%20%3Cpath%20fill%3D%22%23dcdcdc%22%20d%3D%22m51.6%2065.7-2.2-1.2V0h2.2zm-45.4-.6-2.3%201.2V0h2.3z%22%2F%3E%20%3Cpath%20fill%3D%22%23717071%22%20d%3D%22M24.3%2036.3h7.3a2%202%200%200%200%201.6-.7q.6-.6%201-2.9h1.6l-.5%207.6H20.9V39q1.2-2%204.6-5.7%203-3.4%203.9-5.1%201.2-2.2%201.2-4.6%200-2.1-.9-3-.9-1.2-2.4-1.1c-1.5%200-2%20.3-2.7.8q-1%20.9-1%201.8%200%20.3.2.5t1.2.5q1.9.5%201.9%202.1%200%201.2-.8%201.8-.6.7-1.8.7c-1.2%200-1.4-.3-2-1q-.6-.9-.7-2.7%200-2.4%201.6-4.1%202.1-2%205.4-2%203%200%205%201.6a5%205%200%200%201%201.8%204.2q0%201.3-.4%202.4-.7%201.6-1.7%202.7a23%2023%200%200%201-3.5%203z%22%2F%3E%3C%2Fsvg%3E');
}
.pickup_ranking_list li:nth-child(3) .vendor_info::before{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2058%2070%22%3E%20%3Cpath%20fill%3D%22%23ae7f46%22%20d%3D%22M0%2068.5%2028.3%2053l28.4%2015.5V0H0z%22%2F%3E%20%3Cpath%20fill%3D%22%23ccac8e%22%20d%3D%22m51.6%2065.7-2.2-1.2V0h2.2zm-45.5-.6-2.2%201.2V0h2.2z%22%20class%3D%22cls-2%22%2F%3E%20%3Cpath%20fill%3D%22%23654720%22%20d%3D%22M30.6%2028.5q2.5.8%204%202.3%201.2%201.5%201.2%203.8%200%202.8-2%204.6a9%209%200%200%201-5.7%201.7q-3.4%200-5.1-1.5a5%205%200%200%201-1.8-4q0-1.3.7-2.2.8-.8%202-.8%201%200%201.6.7t.7%201.6q0%201.4-1.4%202l-.7.5-.1.4q0%20.6.7%201%201.2.9%202.5.8%201.8%200%202.8-1.2t1-3.8c0-2.7-.3-2.9-.9-3.7a3%203%200%200%200-2.4-1.2l-1%20.1-.8.1-.7-.2-.2-.7q0-.5.3-.8l.8-.2h.6l.9.1q1.4%200%202.2-1t.8-3.2c0-2.2-.3-2.6-1-3.3q-.7-1-2.4-1-1.2%200-1.7.3-.6.4-.6.8v.4l.6.4%201%201%20.2%201q0%201-.6%201.6t-1.6.6-1.7-.7-.7-2q0-1.7%201.3-3.2%201.6-1.8%204.8-1.8%202.1%200%203.6.8%201.6.7%202.4%202%20.8%201.2.8%202.7%200%201.7-1%203a8%208%200%200%201-3.4%202.2%22%2F%3E%3C%2Fsvg%3E');
}
.pickup_ranking_list li .vendor_info .vendor_sub{
	font-size: .75em;
	line-height: 1.2;
}

.pickup_ranking_list li .table{  
	border: 1px solid var(--color_gray1);
	overflow: hidden;
	border-radius: var(--border_radius);
}
.pickup_ranking_list li table{
	width: 100%;
	line-height: 1;
}
.pickup_ranking_list li table tr:not(:last-child){
	border-bottom: 1px solid var(--color_gray2);
}
.pickup_ranking_list li table th{
	background-color: var(--color_base);
	font-size: 12px;
	padding: 10px 5px;
}
.pickup_ranking_list li table td{padding: 10px 5px;}
.pickup_ranking_list li{flex:1;}
.pickup_ranking_list li .swell-block-button.is-style-btn_normal{
	margin: 1em 0 0;
}
.w-beforeFooter{
	background-color:#fff;
}
@media (min-width: 600px) {
	.single-iken .l-content {
		padding-top: 2em;
	}
}
@media (min-width: 768px) {
	.vendor_wrapper .cta_button_area{
		position: absolute;
		top:calc(1em + 2.4em + 2em);
		right: 1em;
		width: 360px;
		gap:5px;
	}
}
@media (min-width: 960px) {

	.vendor_wrapper{position: relative;}
	.vendor_wrapper .vendor_info .p-articleThumb{
		grid-area: thumb;
		width: 150px;
	}
	.vendor_wrapper .vendor_info{
	   display: grid; 
	   gap: 1em;
	   grid-template-columns: 150px 1fr; 
	   grid-template-areas: "thumb meta" "thumb review"; 
	   align-items: start;
	}
	.vendor_wrapper .vendor_info .info_meta{grid-area: meta;}
	.vendor_wrapper .vendor_info .review_area{grid-area: review;}

	.vendor_wrapper .vendor_date_area{
		gap: 1em;
		margin-top: 2em;
	}
	.vendor_wrapper .chart_area{
		flex:1;
		padding: 0 2em 0 0;
	}
	.vendor_wrapper .date_area{
		flex:1;
	}
	.data_list > *{
		flex:1;
	}
	.vendor_wrapper .data_list{
		border: var(--border_main);
		border-radius: var(--border_radius);
		background-color: #fff;
	}
	.vendor_wrapper .data_list .data_list_box:not(:last-child){
		border-right:1px solid var(--color_gray1);
	}
   .vendor_wrapper .position_map_wrap{
		gap:1em;
		margin-top: 2em;
	}
	.vendor_wrapper .position_map_area{
		width: 50%;
		max-width: 500px;
		position: relative;
	}
	.vendor_wrapper .position_map_area h3{
		position: absolute;
		z-index: 2;
		padding: 8px 10px 0;
		line-height: 1;
		top: -1.3em;
		background-color: #fff;
		border-radius: 10px 10px 0 0;
	}
	.vendor_wrapper .caution{
		width: calc(50% - 2em);
		margin-left: auto;
	}
	/*tab*/
	.vendor_tab .vendor_tab_body {
		padding-bottom: 2em;
	}
	.vendor_tab .vendor_tab_body_inner {
		align-items: flex-start;
		justify-content: space-between;
	}
	.vendor_tab .vendor_tab_content {
		max-width:680px;
		width:68%;
		margin-top: 2em;
		padding-bottom: 2em;
	}	
	.vendor_tab .vendor_aside{
		max-width:300px;
		padding: 1em;
		width:30%;
		border:var(--border_main);
		margin-top: 2em;
		border-radius: var(--border_radius);
	}
	.vendor_aside{
		position: sticky;
		top:1em;
	}
	.vendor_tab .vendor_aside .vendor_info .vendor_sub{font-size: 0.8em;}
	.vendor_tab .vendor_aside .vendor_info h2 {line-height: 1;}
	.vendor_aside .swell-block-button.red_ .__icon.-right{font-size: 18px;}
	.vendor_aside [class*=is-style-btn_] {
		flex: 1 1 49%;
		margin-bottom: 0;
		font-size: 11px;
	}
	.vendor_aside .data_list .data_list_box{
		border: 1px solid var(--color_gray1);
		border-radius: var(--border_radius);
	}
	/*コメントフォーム*/
	.comment-form-box {
		background-color: var(--color_base);
	}
	.comment-form-box dl dd.star_check small {
		padding-left: 5px;
	}
	.comment-form-box form {
		padding:1.5em;
	}

	/*口コミ一覧*/
	.review_area .review_num{margin-bottom: 5px;}
	.review_sort_btn{
		width: calc(100% - 150px);
		margin-left: auto;
		text-align: right;
		justify-content: end;
	}
	.review_list_link{
		max-width:320px;
	}
	.post_content .review_list li.review_item{
		border: 1px solid var(--color_gray1);
		border-radius: var(--border_radius);
		padding: 1em;
		margin-top: 2em;
	}
	/*ランキングのタブ*/
	.single-iken .post_content .wp-block-table th{font-size: 14px;}
	/*faq*/
	.faq_area {
	padding: 2em 1em 0;
	}
	/*ランキングのタブ*/
	.pickup_ranking_area{
		padding:4em 0;
	}
	.pickup_ranking_list li .table{  
		margin-top: 1em;  
	}
	
}
@media (max-width: 959px) {
	.single-iken .l-content {
		padding-top: 1em;
	}
	.vendor_wrapper .data_list{
		gap:1em;
	}
	.vendor_wrapper .data_list .data_list_box{
		border: var(--border_main);
		border-radius: var(--border_radius);
		background-color: #fff;
	}
	.data_list dl.data_list_box{
		flex:1 1 calc(50% - 1em);
	}
	.vendor_wrapper .data_list div.data_list_box:first-child{
		width: 100%;
		flex-direction: row;
		align-items: center;
	}
	.vendor_wrapper .data_list div.data_list_box:first-child h4 {
		border-bottom:none;
		border-right:1px solid var(--color_gray1);
		width: 20%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.vendor_wrapper .data_list div.data_list_box:not(:first-child){
		flex:1 1 calc(50% - 1em);
	}
	.vendor_wrapper .cta_button_area{
		margin-top: 2em;
		gap: 0.5em;
	}
	.vendor_wrapper .position_map_area h3{
		position: relative;
		text-align: center;
		padding: 5px;
		margin-bottom: 1em;
	}
	.vendor_wrapper .position_map_area h3:before {
		content: "";
		display: block;
		width: 60px;
		background-color: var(--color_main);
		height: 3px;
		position: absolute;
		bottom: 0;
		left: calc(50% - 30px);
	}
	.vendor_wrapper .caution{
		margin-top: 1em;
	}
	/*tab*/
	.vendor_tab .vendor_tab_btn {
	padding: 1em 0 .5em;
	line-height: 1;
	}
	.vendor_tab .vendor_tab_btn .dib{
		font-size: .8em;
	}
	.swell-block-fullWide.vendor_tab_area {
	padding-top: 1em;
	padding-bottom: 2em;
   }
   .vendor_tab .vendor_tab_content:not(#vendorTab1) {
		padding-left: .5em;
		padding-right: .5em;
   }
	.swell-block-fullWide {
	padding-left: var(--swl-pad_container, 0);
	padding-right: var(--swl-pad_container, 0);
	}
	.vendor_tab .vendor_tab_body_inner{
		padding: 2em .5em;
		border-left:var(--border_main) ;
		border-right:var(--border_main) ;
		border-bottom:var(--border_main);
		border-radius: 0 0 1em 1em;
	}
	.post_content .comment-form-box_area{
		margin-bottom:0;
	}
	.comment-form-box dl dd.author-data label{
	flex: 1 1 calc(50% - 8px);
	}
	.comment-form-box dl dd.star_check small {
		padding-top: 5px;
	}
	
   .vendor_aside {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		height: 80px;
		padding: 5px;
		gap:10px;
		transition: all .25s ease;
		background-color: #fff;
		opacity: 0;
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	html[data-scrolled="true"] .vendor_aside {
		opacity: 1;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	.vendor_aside .vendor_info .p-articleThumb{
		width: auto;
		height: 70px;
	}
	.vendor_aside .cta_button_area{
		width: calc(100% - 84px);
	}
	.vendor_aside .cta_button_area .is-style-btn_normal a{
		padding: 0;
		height: 70px;
		width: 100%;
	}
	.single-iken #footer{padding-bottom: 60px;}
	/*口コミ一覧*/
	.review_sort_area{margin-top: 2em;}
	.post_content .review_sort_area h2{margin-bottom: 0.5em;}
	.review_sort_area .review_area{margin-bottom: .5em;}
	.review_sort_area .caution{margin-top: .5em;}
	.post_content .review_list li.review_item{
		padding: 0.5em;
		margin-top: 1em;
	}
	/*口コミ注釈*/
	.post_content .accordion_title_item{
		margin-bottom:1em;
		margin-left: 5px;
	}
	.vendor_tab_content .wp-block-details{
		margin-left: 5px;
	}
	
	/*ランキングのタブ*/
	.pickup_ranking_list{
		flex-direction: column;
	}
	.pickup_ranking_list li .flex_sp .p-articleThumb{
		max-width: 300px;
		width: calc(40% - 16px);
	}
	.pickup_ranking_list li .flex_sp .table{
		width: 60%;
	}

}
@media (max-width: 599px) {
	.single-iken .c-postTitle__ttl {
		font-size: 1em;
	}
}
@media (max-width:420px) {
	.comment-form-box dl dd.borrow label:before {
		right: 5px;
	}
	.comment-form-box dl dd.star_check small {
		font-size: 11px;
	}
   .vendor_aside {
		height: 60px;
	}
	.vendor_aside .vendor_info .p-articleThumb{
		height: 50px;
	}
	.vendor_aside .cta_button_area{
		width: calc(100% - 58px);
	}
	.vendor_aside .cta_button_area .is-style-btn_normal a{
		height: 50px;
	}
	/*ランキングのタブ*/
	.pickup_ranking_area .tab_box_btn_list button > span{
		padding: 0.5em 8px;
	}
	.pickup_ranking_list li table th,
	.pickup_ranking_list li table td {
		padding: 7px 5px;
	}
	.single-iken #footer{padding-bottom: 50px;}

}
/* footer */
#footer{
	margin-top: 2em;
    padding-top: 1em;
}
#footer .l-container {
	margin: 0;
	padding: 0;
	min-width: 100%;
}
#footer .l-footer__nav {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px)*2);
    padding-left: var(--swl-pad_container,0);
    padding-right: var(--swl-pad_container,0);
}
#footer .l-footer__nav:before {
	content: "";
    display: inline-block;
    width: 100px;
	height: 100px;
    aspect-ratio: 1 / 1;
    background: url('/cardloan/wp-content/themes/swell_child/images/karireru-back.svg') no-repeat center / contain;
    position: absolute;
	bottom: 14px;
	left: 15%;
}
#footer .l-footer__foot {
	padding-top: 0;
	padding-bottom: 0;
}
#footer .copyright {
	color: #fff;
	background-color: var(--color_main);
	padding-top: 8px;
	padding-bottom: 8px;
}
@media (max-width: 959px) {
	#footer .l-footer__nav {
		flex-wrap: wrap;
		margin: 0 18%;
		padding-left: 0;
		padding-right: 0;
		justify-content: left;
	}
	#footer .l-footer__nav:before {
		display: none;
	}
	#footer .l-footer__nav li {
		padding: 0;
		width: 50%;
		text-align: center;
	}
	#footer .l-footer__nav a {
		border: none;
		font-size: 14px;
	}
}
@media (max-width: 599px) {
	#footer .l-footer__nav {
		margin: 0 5%;
	}
}

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