@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
*/

/*
旧クラシェルジュコラム記事装飾
*/



.marker {
	background: linear-gradient(transparent 60%, #ff6 60%);
}

.weight_bold {
	font-weight: bold;
}

.bg_gray {
	background-color: #f7f7f7;
}

.source {
	padding: 5px 10px;
	margin-top: 5px;
	margin-bottom: 40px;
	background: #f1f1f1;
	font-size: 12px;
	color: #888;
}

.source span {
	margin-right: 5px;
}

.source a {
	color: #888;
	text-decoration: none;
}

table.table_2 tr td,
table.table_2 tr th {
	max-width: 70%;
}

table.table_3 tr td,
table.table_3 tr th {
	max-width: 33%;
}

table.table_3 tr th:nth-of-type(1),
table.table_3 tr td:nth-of-type(1),
table.table_3 tr th:nth-of-type(2),
table.table_3 tr td:nth-of-type(2),
table.table_3 tr th:nth-of-type(3),
table.table_3 tr td:nth-of-type(3) {
	width: 33% !important;
}

table.table_4 {
	width: 165% !important;
}

table.table_5 {
	width: 198% !important;
}

table.table_6 {
	width: 231% !important;
}

table.table_7 {
	width: 254% !important;
}

table.table_8 {
	width: 297% !important;
}

table.table_9 {
	width: 330% !important;
}

table.table_10 {
	width: 363% !important;
}

table.table_11 {
	width: 396% !important;
}

table.table_12 {
	width: 429% !important;
}

div.table_div {
	overflow: auto;
	position: relative;
	cursor: grab;
}

div.table_div .hslide_icon {
	position: absolute;
	width: 6rem;
	margin: auto;
	left: 0;
	right: 0;
	top: 15%;
	transform: translateX(0);
	animation: scrollhint 1s ease 0s infinite normal;
	z-index: 2;
}

@keyframes scrollhint {
	100% {
		opacity: 0;
		transform: translateX(-5rem);
	}
}

.elc_cat,
.gas_cat,
.net_cat {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 45px;
	margin-top: 30px;
}

.elc_cat div,
.gas_cat div,
.net_cat div {
	width: 630px;
	padding: 15px 25px;
	border-radius: 7px;
	border: 1px solid #19b6f7;
	margin-bottom: 0;
	position: relative;
	background-color: #fafeff;
}

.elc_cat div ul,
.elc_cat div ol,
.gas_cat div ul,
.gas_cat div ol,
.net_cat div ul,
.net_cat div ol {
	margin-left: 0px;
}

.elc_cat div:before,
.gas_cat div:before,
.net_cat div:before,
.elc_cat div:after,
.gas_cat div:after,
.net_cat div:after {
	content: '';
	position: absolute;
	bottom: 20px;
	transform: translate(0, 0) rotate(-90deg);
	border-right: 11.5px solid transparent;
	border-left: 11.5px solid transparent;
	z-index: 1;
}

.elc_cat div:before,
.gas_cat div:before,
.net_cat div:before {
	left: -27px;
	border-bottom: 30px solid #19b6f7;
}

.elc_cat div:after,
.gas_cat div:after,
.net_cat div:after {
	left: -24px;
	border-bottom: 30px solid #fafeff;
}

.elc_cat img,
.gas_cat img,
.net_cat img {
	width: 85px;
	height: 85px;
	border: 1px solid #3d3d3d;
	border-radius: 85px;
	margin-bottom: 0;
}

.elc_cat img {
	border: 1px solid #ffcf00;
}

.gas_cat img {
	border: 1px solid #ff0058;
}

.net_cat img {
	border: 1px solid #00aaff;
}

.elc_cat div *,
.gas_cat div *,
.net_cat div * {
	margin-bottom: 0;
}

.elc_cat div ul,
.gas_cat div ul,
.net_cat div ul {
	list-style: inside;
}

.elc_cat div a,
.gas_cat div a,
.net_cat div a {
	color: #0000ee;
	text-decoration: underline;
}

.table_div {
	margin-bottom: 28px;
}

.table_div table {
	margin-bottom: 0;
}

.hslide_icon {
	/*display: none;*/
}

table {
	border-bottom: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	/*margin-bottom: 35px;*/
	margin-bottom: 15px;
	font-size: 13px;
	width: 100%;
	text-align: left;
}

table th {
	background-color: #f7f7f7;
	font-weight: bold;
}

table td,
table th {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	vertical-align: middle;
	padding: 8px;
}

table td {
	text-align: center;
}

table td,
table th {
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	vertical-align: middle;
	padding: 8px;
}

table td {
	text-align: center;
}

table td.gray,
table td.bg_gray {
	text-align: center;
}

table th {
	text-align: center;
}

table .t_r {
	text-align: right;
}

table .t_c {
	text-align: center;
}

table .t_l {
	text-align: left;
}

table.table_2 tr th {
	width: 35%;
}

table.table_2 tr td {
	width: 50%;
}

table.table_3 tr td,
table.table_3 tr th {
	max-width: 33%;
}

table.table_3 tr th:nth-of-type(1),
table.table_3 tr td:nth-of-type(1),
table.table_3 tr th:nth-of-type(2),
table.table_3 tr td:nth-of-type(2),
table.table_3 tr th:nth-of-type(3),
table.table_3 tr td:nth-of-type(3) {
	width: 33%;
}

.baloon_box {
	display: flex;
	margin: 0 0 25px 0;
}

.baloon_box .icon_image {
	width: 80px;
}

.baloon_box .icon_image img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}

.baloon_box .speak_txt {
	width: 90%;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	margin: 5px 0 0 0;
	/*position: relative;*/
}

.baloon_box .speak_txt div p {
	line-height: 1.5;
	border-radius: 10px;
	padding: 20px 15px;
	position: relative;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
}

.baloon_box.baloon_left .icon_image {
	margin-right: 20px;
}

.baloon_box.baloon_left .icon_image img {
	border: solid 3px #4ec0e0;
}

.baloon_box.baloon_left .speak_txt div p {
	background: #e7faff;
}

.baloon_box.baloon_left .speak_txt div p::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-right: 10px solid #e7faff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	top: 20px;
	left: -10px;
}

.baloon_box.baloon_right .icon_image {
	margin-left: 20px;
}

.baloon_box.baloon_right .icon_image img {
	border: solid 3px #ffcf18;
}

.baloon_box.baloon_right .speak_txt div p {
	background: #fff6d2;
}

.baloon_box.baloon_right .speak_txt div p::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid #fff6d2;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	top: 20px;
	right: -10px;
}

div.service_div {
	border: 3px solid #d2d2d2;
	padding: 28px 15px 30px 15px;
	position: relative;
	margin-bottom: 55px;
	text-align: center;
	background: #fafafa;
	/*
  min-height: 170px;
  */
	/*
  	&::after{
  		content: url('https://cracierge.co.jp/img/page/character_icon_fusa.svg');
  		position: absolute;
  		display: block;
  		right: -25px;
  		bottom: -20px;
  		width: 70px;
  	}
  	
  	&.service_div_elc::after{
  		content: url('https://cracierge.co.jp/img/page/denkineko.svg');
  		position: absolute;
  		display: block;
  		bottom: -30px;
  		right: -30px;
  		width: 70px;
  	}
  
  	&.service_div_gas::after{
  		content: url('https://cracierge.co.jp/img/page/concierge_main_btm1_.svg');
  		position: absolute;
  		display: block;
  		right: -30px;
  		bottom: -25px;
  		width: 85px;
  	}
  
  	&.service_div_net::after{
  		content: url('https://cracierge.co.jp/img/page/character_icon_fusa.svg');
  		position: absolute;
  		display: block;
  		right: -25px;
  		bottom: -20px;
  		width: 70px;
  	}
  	*/
}

div.service_div span.pink {
	color: #f0378a;
}

div.service_div::before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 25px;
	border-style: solid;
	border-color: #f60472 transparent transparent #f60472;
	position: absolute;
	top: 0;
	left: 0;
}

div.service_div p.service_div_title {
	font-weight: bold;
	font-size: 26px;
	text-align: center;
	margin-bottom: 12px !important;
	line-height: 1.4;
	color: #f60472;
}

div.service_div .q_mes {
	font-size: 14px;
	margin-bottom: 10px;
}

div.service_div .label_supp {
	display: block;
	margin-bottom: 5px !important;
	text-align: center;
	font-size: 12px;
	color: #aaa;
}

div.service_div .panel_footer_txt {
	color: #f0378a;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	font-size: 15px;
	margin-top: 15px;
}

div.service_div ul.family_count_radio_btns {
	width: 80%;
	text-align: center;
	margin: 0 auto 15px auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

div.service_div ul.family_count_radio_btns li {
	display: inline-block;
	width: 31%;
	margin: 0px 1% 15px 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

div.service_div ul.family_count_radio_btns li a {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	font-size: 18px;
	font-weight: bold;
	transition: 0.2s;
	color: #4db5d3;
	border: 2px solid #4db5d3;
	background: #fff;
}

div.service_div ul.family_count_radio_btns li a:hover {
	background: #4db5d3;
	opacity: 1;
	color: #fff;
}

div.service_div ul.house_type_radio_btns {
	width: 90%;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

div.service_div ul.house_type_radio_btns li {
	display: inline-block;
	width: 46%;
	margin: 0px 1% 0 1%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

div.service_div ul.house_type_radio_btns li a {
	cursor: pointer;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	font-size: 18px;
	font-weight: bold;
	transition: 0.2s;
	background: #fff;
	color: #4db5d3;
	border: 2px solid #4db5d3;
}

div.service_div ul.house_type_radio_btns li a:hover {
	background: #4db5d3;
	opacity: 1;
	color: #fff;
}

div.service_div div.service_div_inner .powered-by-message {
	font-size: 11px;
	color: #666 !important;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}

div.service_div div.service_div_inner .powered-by-message a {
	color: #666 !important;
}

div.service_div div.service_div_inner div.service_div_inner_div div.service_div_inner_div_div {
	position: relative;
}

div.service_div div.service_div_inner div.service_div_inner_div div.service_div_inner_div_div a.ques_mdl_open {
	text-decoration: none;
	line-height: 1.4;
	cursor: default;
	min-width: 450px;
	max-width: 80%;
	font-weight: bold;
	margin: 0 auto 7px auto;
	color: #4db5d3 !important;
	font-size: 18px;
	transition: .3s;
	padding: 15px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	border-radius: 12px;
	border: 1px solid #4db5d3;
	box-shadow: 0px 7px 0px 0px #4db5d3;
	background: #fff;
}

div.service_div div.service_div_inner div.service_div_inner_div div.service_div_inner_div_div a.ques_mdl_open:hover {
	transform: translate3d(0, 7px, 0);
	box-shadow: none;
	color: #4db5d3 !important;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr {
	padding: 24px 10px;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr .recommend_btn_txt {
	transform: translateY(0);
}

div.service_div div.service_div_inner .service_div_inner_div__prpr .af_btn {
	margin-bottom: 0;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr .af_btn a {
	margin: 0 auto;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr .af_btn a:hover {
	box-shadow: 4px 4px 12px 2px #a39595;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr .prrn_blk {
	margin-top: 0;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr .af_btn2 {
	margin-bottom: 15px;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr .af_btn2 a {
	width: 49%;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr .af_btn2 a:nth-child(1) {
	margin-left: 0;
	margin-right: 2%;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr .af_btn2 a:nth-child(2) {
	margin-left: 0;
	margin-right: 0;
}

div.service_div div.service_div_inner .service_div_inner_div__prpr details summary font {
	cursor: pointer;
}

.service_affiliate_div {
	border: 8px solid #ffcf18;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
	position: relative;
}

.service_affiliate_div p.service_div_title {
	background-color: #fff6d4;
	margin-bottom: 0 !important;
	font-size: 20px;
	font-weight: 700;
	padding: 15px 10px !important;
	line-height: 1.25;
}

.service_affiliate_div::after {
	content: url("https://cracierge.co.jp/img/page/character_icon_fusa.svg");
	position: absolute;
	display: block;
	right: -25px;
	bottom: -25px;
	width: 70px;
}

.service_affiliate_div.service_div_elc::after {
	content: url("https://cracierge.co.jp/img/page/denkineko.svg");
	position: absolute;
	display: block;
	bottom: -30px;
	right: -30px;
	width: 70px;
}

.service_affiliate_div.service_div_gas::after {
	content: url("https://cracierge.co.jp/img/page/concierge_main_btm1_.svg");
	position: absolute;
	display: block;
	right: -35px;
	bottom: -25px;
	width: 85px;
}

.service_affiliate_div.service_div_net::after {
	content: url("https://cracierge.co.jp/img/page/character_icon_fusa.svg");
	position: absolute;
	display: block;
	right: -25px;
	bottom: -25px;
	width: 70px;
}

.service_affiliate_div .service_affiliate_div_inner {
	border-left: 8px solid #fff6d4;
	border-right: 8px solid #fff6d4;
	border-bottom: 8px solid #fff6d4;
	margin-bottom: 0;
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div {
	margin-bottom: 0;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 20px 50px 27px 50px;
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div .service_affiliate_div_inner_div_div {
	margin-bottom: 0;
	width: 48.5%;
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div p {
	font-size: 13px;
	margin-bottom: 3px;
	position: relative;
	display: inline-block;
	color: #f8064a;
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div p::before {
	content: '|';
	position: absolute;
	top: 1px;
	right: -10px;
	transform: rotate(45deg);
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div p::after {
	content: '|';
	position: absolute;
	top: 1px;
	left: -10px;
	transform: rotate(-45deg);
}

.service_affiliate_div .service_affiliate_div_inner a {
	font-weight: bold;
	font-size: 16px;
	display: block;
	margin: 0;
	color: #fff;
	background-color: #72d200;
	padding: 19px 10px;
	border-radius: 12px;
	box-shadow: 0 7px 0 0 #62b401;
	cursor: pointer;
	position: relative;
	top: 0;
}

.service_affiliate_div .service_affiliate_div_inner a:hover {
	top: 4px;
	box-shadow: 0 3px 0 0 #62b401;
	opacity: 1;
}

.ranking_parts {
	--main: #02a4d3;
	--blue1: #AAE4F1;
	--blue2: #CBF2FB;
	--blue3: #F4FDFF;
	--navy: #1B638B;
	--knavy: #788D99;
	--white: #FFF;
	--black: #474E52;
	--grey: #EAEBEF;
	--lgrey: #F8F7F2;
	--ylw: #FFDF6C;
	--lylw: #FFF7E2;
	--lorange: #F5B88C;
	--pink: #EF5C64;
	--ored: #E8430E;
	--title: linear-gradient(180deg, #D8F5FB 47.92%, #C5E9F1 47.93%, #ACEAF8 100%);
	--btn: linear-gradient(180deg, #F7511D 50%, #E8430E 50%);
	/* 口コミ一覧 */
	/*******************/
}

.ranking_parts table,
.ranking_parts ul,
.ranking_parts li,
.ranking_parts p,
.ranking_parts img {
	margin: 0;
}

.ranking_parts .ranking_item {
	padding-bottom: 20px;
	margin: 8px 8px 30px;
	border: 2px solid #AAE4F1;
	border-radius: 10px 10px 0 0;
	display: flex;
	flex-direction: column;
	/*******************/
}

.ranking_parts .ranking_item .rank_item_title {
	margin: 0;
	border: none;
	display: block;
	position: relative;
	background: linear-gradient(180deg, #D8F5FB 47.92%, #C5E9F1 47.93%, #ACEAF8 100%);
	/* height: 50px; */
	color: #fff;
	line-height: 50px;
	padding: 13px 0 13px 60px;
	border-radius: 0.6rem 0.6rem 0 0;
}

.ranking_parts .ranking_item .rank_item_title img {
	width: 45px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.ranking_parts .ranking_item .rank_item_title a {
	display: block;
	color: #3F3F3F;
	/* position: absolute; */
	font-size: 21px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.4;
}

.ranking_parts .ranking_item .rank_catch {
	margin: 15px 10px 5px;
	/*
  border: 1px solid var(--ored);
  padding: 0.4rem 0.6rem;
  */
	font-size: 18px;
	color: var(--ored);
}

.ranking_parts .ranking_item .rank_catch p {
	font-weight: bold;
	line-height: 1.4;
}

.ranking_parts .ranking_item .star_box {
	display: flex;
	/*justify-content: center;*/
	align-items: center;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 10px;
}

.ranking_parts .ranking_item .star_box img {
	width: 120px;
	position: relative;
	z-index: 1;
	margin-right: 6px;
}

.ranking_parts .ranking_item .star_box .score {
	padding: 6px 0;
	color: var(--black);
	font-size: 0.8rem;
	display: flex;
	align-items: center;
}

.ranking_parts .ranking_item .star_box .score a {
	text-decoration: underline;
	text-decoration-color: blue;
	color: blue;
	font-weight: bold;
	font-size: 14px;
}

.ranking_parts .ranking_item .star_box .score span.sougo {
	padding: 0 2px;
	background: var(--ylw);
	display: inline-block;
	margin-right: 4px;
}

.ranking_parts .ranking_item .star_box .score .manten {
	/* font-weight: bold; */
	font-size: 14px;
	color: var(--black);
}

.ranking_parts .ranking_item .item_info_box {
	display: flex;
}

.ranking_parts .ranking_item .item_info_box .item_image {
	display: block;
	width: 40%;
	margin: 10px 10px 0 15px;
}

.ranking_parts .ranking_item .item_info_box .item_image img {
	width: 100%;
	height: auto;
}

.ranking_parts .ranking_item .item_info_box .item_info {
	width: 60%;
}

.ranking_parts .ranking_item .item_info_box .item_info .keyword_box {
	margin: 8px 8px 13px;
}

.ranking_parts .ranking_item .item_info_box .item_info .keyword_box ul.keyword {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 0.5vw;
}

.ranking_parts .ranking_item .item_info_box .item_info .keyword_box ul.keyword li {
	border-radius: 1rem;
	background-color: var(--ylw);
	padding: 8px 4px;
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table {
	width: 94%;
	margin: 0 auto;
	padding: 0;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table {
	font-size: 14px;
	color: #3f3f3f;
	text-align: center;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table th {
	width: 50% !important;
	background-color: #eee;
	padding: 4px 0;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table td {
	width: 50% !important;
	padding: 4px 0;
	font-size: 14px;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table td img {
	margin: 10px 0;
	vertical-align: top;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table td img.hyouka_icon {
	width: 20px;
	height: auto;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table .red {
	color: #EA440E !important;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table .b {
	font-weight: bold;
}

.ranking_parts .ranking_item .rank_point {
	margin: 20px 15px 15px;
	position: relative;
	list-style: none;
}

.ranking_parts .ranking_item .rank_point li {
	padding: 8px 8px 8px 22px;
	border-bottom: 1px dashed #e5e5e5;
	color: var(--black);
	font-size: 14px;
	position: relative;
	line-height: 1.3;
	margin: 0;
}

.ranking_parts .ranking_item .rank_point li:before {
	content: '';
	background: url(https://cracierge.co.jp/img/page/kajougaki_icon.png) no-repeat 50% 50%/15px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.ranking_parts .ranking_item div.item_description {
	width: 95%;
	font-size: 14px;
	margin: 10px auto 0;
	line-height: 1.6;
}

.ranking_parts .ranking_item div.item_description p {
	margin: 0 0 15px 0;
}

@keyframes move {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(5px);
	}
}

@keyframes hikari {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

.ranking_parts .newBtn {
	padding: 10px 0;
	position: relative;
	overflow: hidden;
	animation: move 2s infinite alternate;
}

.ranking_parts .newBtn a {
	display: flex;
	margin: 0 8%;
	padding: 20px 2rem;
	background: var(--btn);
	box-shadow: 0px 4px 0px #B70303;
	border-radius: 8px;
	justify-content: space-between;
	text-decoration: none;
	align-items: center;
}

.ranking_parts .newBtn a p {
	color: var(--white);
	font-weight: bold;
	font-size: 19px;
	width: 100%;
	display: flex;
	line-height: 1.1;
	justify-content: center;
}

.ranking_parts .newBtn a:after {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: hikari 3s ease-in-out infinite;
}

.ranking_parts .kuchikomi_wrap {
	margin-bottom: 65px;
}

.ranking_parts .kuchikomi_wrap .kuchikomi_head {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 23px;
}

.ranking_parts .kuchikomi_wrap .kuchikomi_head span {
	display: inline-block;
	padding: 0;
	border-bottom: 1px solid #4ec0e0;
	color: #4ec0e0;
	width: 75%;
}

.ranking_parts .kuchikomi_wrap .insta-frame {
	width: 450px;
	border: 1px solid #c6c6b6;
	margin: 0 auto 35px;
	padding-bottom: 0.5em;
	border-radius: 1em;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head {
	display: flex;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .a-name {
	padding: 20px 15px 5px 15px;
	display: flex;
	align-items: center;
	font-weight: 700;
	width: 70%;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .a-name .a-icon img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #aaa;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .rating {
	padding: 15px 15px 5px 0;
	vertical-align: middle;
	display: flex;
	align-items: center;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .rating span.tag {
	/*
  padding: 0 2px;
  background: var(--ylw);
  */
	display: inline-block;
	margin-right: 4px;
	font-size: 12px;
	line-height: 1.55;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .rating span.num {
	color: red;
	font-weight: bold;
}

.ranking_parts .kuchikomi_wrap .insta-frame .pagearticle img {
	max-width: 100%;
	height: auto;
}

.ranking_parts .kuchikomi_wrap .insta-frame p.kuchikomi_image_p {
	text-align: center;
	margin-top: 1rem;
}

.ranking_parts .kuchikomi_wrap .insta-frame .r-comment {
	padding: 1em;
	font-size: .9em;
	line-height: 1.8;
}

.ranking_parts .kuchikomi_wrap .insta-frame .r-comment .comment_head {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}

.ranking_parts .kuchikomi_wrap .insta-frame .r-comment .comment_feel_icon {
	width: 22px;
	height: auto;
	vertical-align: -0.3em;
	margin-right: 5px;
}

.ranking_parts .kuchikomi_wrap .list-container {
	/*
  height: 750px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 25px;
  */
	/*
  				p.rank_cta_button {
  
  					text-align: center;
  
  					a {
  						
  						background: #F7511D;
  						border: none;
  						color: white;
  						padding: 10px 0;
  						width: 80%;
  						max-width: 270px;
  						text-align: center;
  						text-decoration: none;
  						display: inline-block;
  						font-size: 18px;
  						font-weight: bold;
  						margin: 0;
  						cursor: pointer;
  						border-radius: 4px;
  					}
  				}
  				*/
}

.ranking_parts .kuchikomi_wrap .list-container li.hidden {
	display: none;
}

.ranking_parts .kuchikomi_wrap .list-container p.more_button {
	text-align: center;
	margin-bottom: 15px;
}

.ranking_parts .kuchikomi_wrap .list-container p.more_button button.loadMore {
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 10px 0;
	width: 80%;
	max-width: 450px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
	border-radius: 4px;
}

.ranking_parts .kuchikomi_wrap .list-container p.more_button button.disp_reset {
	display: none;
	background-color: #ccc;
	border: none;
	padding: 10px 0;
	width: 80%;
	max-width: 450px;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
	border-radius: 4px;
	color: #333;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list {
	list-style: none;
	/* 下部白グラデーション */
	position: relative;
	overflow: hidden;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale {
	width: 96%;
	margin: 0 auto 5px auto;
	border-collapse: collapse;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale th {
	background-color: #dcf1f8;
	font-size: 13px;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale td {
	font-size: 13px;
	background-color: #f7fdff;
	text-align: left;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale th,
.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale td {
	width: 25%;
	padding: 5px;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table,
.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item th,
.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item td {
	border: 1px solid #ccc;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item .cracierge_comment {
	padding: 1em;
	font-size: .8em;
	margin: 0 1em 1.2em 1em;
	line-height: 1.8;
	background: #efefef;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item .cracierge_comment p.title {
	font-weight: bold;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list.white-gradient::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 400px;
	/* 下部を隠したい高さに合わせて調整してください */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}

.border_area ul.nohara {
	margin: 0;
}

.border_area ul.nohara li:last-child {
	margin: 0;
}

.border_area ul.nohara li strong {
	font-size: 18px;
}

.ColumnDetail_content_div h4 {
	font-size: 140%;
}

#mb_tab_area .hide {
	display: none;
}

ul.mb_tab {
	overflow: hidden;
	margin: 0 auto 25px;
	display: flex;
	/*border-bottom: 2px solid #ddd;*/
	padding: 0 10px 0 10px;
}

.mb_tab_content {
	display: none;
}

ul.mb_tab li {
	list-style: none;
	padding: 7px 0 10px 0;
	margin-right: 20px;
	flex: 1;
	text-align: center;
	/*border-bottom: 4px solid #ddd;*/
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #d3d3d3;
	font-size: 18px;
	margin-bottom: 0;
}

#tab_au.select,
#tab_docomo.select,
#tab_etc.select,
#tab_softbank.select {
	color: #000;
}

#tab_au.select img,
#tab_docomo.select img,
#tab_softbank.select img,
#tab_etc.select img {
	opacity: 1;
	filter: grayscale(0%);
}

.mb_tab li img {
	max-width: 100%;
	display: block;
	margin: 5px auto 0 auto;
	filter: grayscale(100%);
	opacity: 0.3;
}

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

.mb_tab li:hover {
	cursor: pointer;
}

.mb_tab .select {
	margin-bottom: 0;
	border: 4px solid #ffcf18;
}

img.tap_icon {
	width: 40px;
	height: auto;
	vertical-align: middle;
	margin: 0 0 0 5px;
	-webkit-animation: blink 0.8s ease-in-out infinite alternate;
	-moz-animation: blink 0.8s ease-in-out infinite alternate;
	animation: blink 0.8s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
	0% {
		opacity: 0.2;
	}

	100% {
		opacity: 0.8;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 0.2;
	}

	100% {
		opacity: 0.8;
	}
}

@keyframes blink {
	0% {
		opacity: 0.2;
	}

	100% {
		opacity: 0.8;
	}
}

.column_detail_index {
	display: none;
}

.fact-checker {
	display: none;
}

h2.ColumnDetail_h2.h2_docomo,
h3.h2s.h2_docomo {
	background-color: #ffeef1 !important;
	border-top: 5px solid #d00e31 !important;
}

h2.ColumnDetail_h2.h2_au,
h3.h2s.h2_au {
	background-color: #fff6ef !important;
	border-top: 5px solid #e46c0b !important;
}

h2.ColumnDetail_h2.h2_softbank,
h3.h2s.h2_softbank {
	background-color: #f1f1f1 !important;
	border-top: 5px solid #333 !important;
}

.select_sp_mes {
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 1.1;
	margin-top: 55px;
}

.select_sp_mes span {
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}

/* ----------------------------------------
* スマホ
---------------------------------------- */
	{
	/**
   * 220405 nohara column
   */
	/* CTA */
	/* ランキングパーツ */
	/*
  .simple_frame ul.ul_pt1 li,
  .simple_frame ol.ol_numbering li {
  	font-size: 15px;
  }
  */
}

table.table_2 tr td,
table.table_2 tr th {
	max-width: 70%;
}

table.table_3 tr td,
table.table_3 tr th {
	max-width: 33%;
}

table.table_3 tr th:nth-of-type(1),
table.table_3 tr td:nth-of-type(1),
table.table_3 tr th:nth-of-type(2),
table.table_3 tr td:nth-of-type(2),
table.table_3 tr th:nth-of-type(3),
table.table_3 tr td:nth-of-type(3) {
	width: 33% !important;
}

table.table_4 {
	width: 165% !important;
}

table.table_5 {
	width: 198% !important;
}

table.table_6 {
	width: 231% !important;
}

table.table_7 {
	width: 254% !important;
}

table.table_8 {
	width: 297% !important;
}

table.table_9 {
	width: 330% !important;
}

table.table_10 {
	width: 363% !important;
}

table.table_11 {
	width: 396% !important;
}

table.table_12 {
	width: 429% !important;
}

div.table_div {
	overflow: auto;
	position: relative;
	cursor: grab;
}

div.table_div .hslide_icon {
	position: absolute;
	width: 6rem;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 34%;
	transform: translateX(0);
	animation: scrollhint 1.8s ease 0s infinite normal;
}

@keyframes scrollhint {
	100% {
		opacity: 0;
		transform: translateX(-5rem);
	}
}

.elc_cat div,
.gas_cat div,
.net_cat div {
	width: calc(100% - 85px);
	padding: 15px 15px;
	font-size: 95%;
}

.elc_cat div:before,
.gas_cat div:before,
.net_cat div:before,
.elc_cat div:after,
.gas_cat div:after,
.net_cat div:after {
	content: '';
	position: absolute;
	bottom: 20px;
	transform: translate(0, 0) rotate(-90deg);
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	z-index: 1;
}

.elc_cat div:before,
.gas_cat div:before,
.net_cat div:before {
	left: -18px;
	border-bottom: 20px solid #19b6f7;
}

.elc_cat div:after,
.gas_cat div:after,
.net_cat div:after {
	left: -15px;
	border-bottom: 20px solid #fafeff;
}

.elc_cat img,
.gas_cat img,
.net_cat img {
	width: 55px;
	height: 55px;
	border: 1px solid #3d3d3d;
	border-radius: 50%;
	margin-bottom: 0;
}

.baloon_box {
	display: flex;
	margin: 0 0 20px 0;
}

.baloon_box .icon_image {
	width: 65px;
}

.baloon_box .icon_image img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}

.baloon_box .speak_txt {
	width: 90%;
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	margin: 5px 0 0 0;
	/*position: relative;*/
}

.baloon_box .speak_txt div p {
	line-height: 1.5;
	border-radius: 10px;
	padding: 15px 7px 15px 10px;
	position: relative;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
}

.baloon_box.baloon_left .icon_image {
	margin-right: 20px;
}

.baloon_box.baloon_left .icon_image img {
	border: solid 2px #4ec0e0;
}

.baloon_box.baloon_left .speak_txt div p {
	background: #e7faff;
}

.baloon_box.baloon_left .speak_txt div p::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-right: 10px solid #e7faff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	top: 20px;
	left: -10px;
}

.baloon_box.baloon_right .icon_image {
	margin-left: 20px;
}

.baloon_box.baloon_right .icon_image img {
	border: solid 2px #ffcf18;
}

.baloon_box.baloon_right .speak_txt div p {
	background: #fff6d2;
}

.baloon_box.baloon_right .speak_txt div p::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid #fff6d2;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	top: 20px;
	right: -10px;
}

div.service_div {
	/*
  min-height: 160px;
  */
}

div.service_div::before {
	border-width: 15px;
}

div.service_div p.service_div_title {
	font-size: 18px;
}

div.service_div::after {
	right: -10px;
	bottom: -20px;
	width: 45px;
}

div.service_div.service_div_elc::after {
	bottom: -20px;
	right: -8px;
	width: 40px;
}

div.service_div.service_div_gas::after {
	right: -10px;
	bottom: -18px;
	width: 45px;
}

div.service_div.service_div_net::after {
	right: -10px;
	bottom: -20px;
	width: 45px;
}

div.service_div div.service_div_inner div.service_div_inner_div div.service_div_inner_div_div {
	position: relative;
}

div.service_div div.service_div_inner div.service_div_inner_div div.service_div_inner_div_div a.ques_mdl_open {
	min-width: 50%;
	max-width: 95%;
	font-size: 16px;
	padding: 17px 0;
}

div.service_div .q_mes {
	font-size: 12px;
}

div.service_div .panel_footer_txt {
	font-size: 14px;
}

div.service_div ul.family_count_radio_btns {
	width: 95%;
	margin: 0 auto 5px auto;
}

div.service_div ul.family_count_radio_btns li a {
	line-height: 43px;
	font-size: 16px;
}

div.service_div ul.family_count_radio_btns li a:hover {
	background: #4db5d3;
	opacity: 1;
	color: #fff;
}

div.service_div ul.house_type_radio_btns {
	width: 98%;
}

div.service_div ul.house_type_radio_btns li {
	width: 47%;
}

div.service_div ul.house_type_radio_btns li a {
	font-size: 15px;
	line-height: 48px;
}

div.service_div ul.house_type_radio_btns li a:hover {
	background: #4db5d3;
	opacity: 1;
	color: #fff;
}

.service_affiliate_div.service_div_elc::after {
	bottom: -25px;
	right: -8px;
	width: 40px;
}

.service_affiliate_div.service_div_gas::after {
	right: -10px;
	bottom: -18px;
	width: 45px;
}

.service_affiliate_div.service_div_net::after {
	right: -10px;
	bottom: -20px;
	width: 45px;
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div {
	padding: 20px 10px 25px 10px;
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div .service_affiliate_div_inner_div_div {
	width: 48.3%;
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div p {
	font-size: 12px;
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div p::before {
	content: "";
}

.service_affiliate_div .service_affiliate_div_inner .service_affiliate_div_inner_div p::after {
	content: "";
}

.service_affiliate_div .service_affiliate_div_inner a {
	font-size: 13px;
	line-height: 1.4;
	padding: 0 10px;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 65px;
}

.ranking_parts {
	--main: #02a4d3;
	--blue1: #AAE4F1;
	--blue2: #CBF2FB;
	--blue3: #F4FDFF;
	--navy: #1B638B;
	--knavy: #788D99;
	--white: #FFF;
	--black: #474E52;
	--grey: #EAEBEF;
	--lgrey: #F8F7F2;
	--ylw: #FFDF6C;
	--lylw: #FFF7E2;
	--lorange: #F5B88C;
	--pink: #EF5C64;
	--ored: #E8430E;
	--title: linear-gradient(180deg, #D8F5FB 47.92%, #C5E9F1 47.93%, #ACEAF8 100%);
	--btn: linear-gradient(180deg, #F7511D 50%, #E8430E 50%);
	/* 口コミ一覧 */
	/*******************/
}

.ranking_parts table,
.ranking_parts ul,
.ranking_parts li,
.ranking_parts p,
.ranking_parts img {
	margin: 0;
}

.ranking_parts .ranking_item {
	padding-bottom: 20px;
	margin: 8px 8px 30px;
	border: 2px solid #AAE4F1;
	border-radius: 10px 10px 0 0;
	display: flex;
	flex-direction: column;
	/*******************/
}

.ranking_parts .ranking_item .rank_item_title {
	margin: 0;
	border: none;
	display: block;
	position: relative;
	background: linear-gradient(180deg, #D8F5FB 47.92%, #C5E9F1 47.93%, #ACEAF8 100%);
	/* height: 50px; */
	color: #fff;
	line-height: 50px;
	padding: 13px 0 13px 60px;
	border-radius: 0.6rem 0.6rem 0 0;
}

.ranking_parts .ranking_item .rank_item_title img {
	width: 45px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.ranking_parts .ranking_item .rank_item_title a {
	display: block;
	color: #3F3F3F;
	/* position: absolute; */
	font-size: 21px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.4;
}

.ranking_parts .ranking_item .rank_catch {
	margin: 13px 10px 0;
	/*
  border: 1px solid var(--ored);
  padding: 0.4rem 0.6rem;
  */
	font-size: 16px;
	color: var(--ored);
}

.ranking_parts .ranking_item .rank_catch p {
	font-weight: bold;
	line-height: 1.4;
}

.ranking_parts .ranking_item .star_box {
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	position: relative;
	margin: 0 0 10px 0;
}

.ranking_parts .ranking_item .star_box img {
	width: 120px;
	position: relative;
	z-index: 1;
	margin-right: 6px;
}

.ranking_parts .ranking_item .star_box .score {
	padding: 6px 0;
	color: var(--black);
	font-size: 0.8rem;
	display: flex;
	align-items: center;
}

.ranking_parts .ranking_item .star_box .score span.sougo {
	padding: 0 2px;
	background: var(--ylw);
	display: inline-block;
	margin-right: 4px;
}

.ranking_parts .ranking_item .star_box .score a {
	text-decoration: underline;
	text-decoration-color: blueblue;
	color: blue;
	font-weight: bold;
	font-size: 14px;
}

.ranking_parts .ranking_item .star_box .score .manten {
	/* font-weight: bold; */
	font-size: 14px;
	color: var(--black);
}

.ranking_parts .ranking_item .item_info_box .item_image {
	display: block;
	width: 94%;
	margin: 0 auto 5px;
}

.ranking_parts .ranking_item .item_info_box .item_info .keyword_box {
	margin: 8px 8px 13px;
}

.ranking_parts .ranking_item .item_info_box .item_info .keyword_box ul.keyword {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1.2vw;
}

.ranking_parts .ranking_item .item_info_box .item_info .keyword_box ul.keyword li {
	border-radius: 1rem;
	background-color: var(--ylw);
	padding: 8px 4px;
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table {
	width: 94%;
	margin: 0 auto;
	padding: 0;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table {
	font-size: 14px;
	color: #3f3f3f;
	text-align: center;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table th {
	width: 50% !important;
	background-color: #eee;
	padding: 4px 0;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table td {
	width: 50% !important;
	padding: 4px;
	font-size: 14px;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table td img {
	margin: 10px 0;
	vertical-align: top;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table td img.hyouka_icon {
	width: 20px;
	height: auto;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table .red {
	color: #EA440E !important;
}

.ranking_parts .ranking_item .item_info_box .item_info div.table table .b {
	font-weight: bold;
}

@keyframes move {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(5px);
	}
}

@keyframes hikari {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

.ranking_parts .newBtn {
	padding: 10px 0;
	position: relative;
	overflow: hidden;
	animation: move 2s infinite alternate;
}

.ranking_parts .newBtn a {
	display: flex;
	margin: 0 3%;
	padding: 20px 2rem;
	background: var(--btn);
	box-shadow: 0px 4px 0px #B70303;
	border-radius: 8px;
	justify-content: space-between;
	text-decoration: none;
	align-items: center;
}

.ranking_parts .newBtn a p {
	color: var(--white);
	font-weight: bold;
	font-size: 17px;
	width: 100%;
	display: flex;
	line-height: 1.1;
	justify-content: center;
}

.ranking_parts .newBtn a:after {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: hikari 3s ease-in-out infinite;
}

.ranking_parts .rank_point {
	margin: 15px 5px 15px;
	position: relative;
	list-style: none;
}

.ranking_parts .rank_point li {
	padding: 8px 8px 8px 22px;
	border-bottom: 1px dashed #e5e5e5;
	color: var(--black);
	font-size: 14px;
	position: relative;
	line-height: 1.3;
	margin: 0;
}

.ranking_parts .rank_point li:before {
	content: '';
	background: url(https://cracierge.co.jp/img/page/kajougaki_icon.png) no-repeat 50% 50%/15px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.ranking_parts div.item_description {
	width: 95%;
	font-size: 14px;
	margin: 10px auto 0;
	line-height: 1.6;
}

.ranking_parts div.item_description p {
	margin: 0 0 15px 0;
}

.ranking_parts .kuchikomi_wrap {
	margin-bottom: 55px;
}

.ranking_parts .kuchikomi_wrap .kuchikomi_head {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 20px;
}

.ranking_parts .kuchikomi_wrap .kuchikomi_head span {
	display: inline-block;
	padding: 0;
	border-bottom: 1px solid #4ec0e0;
	color: #4ec0e0;
	width: 75%;
}

.ranking_parts .kuchikomi_wrap .insta-frame {
	width: 94%;
	border: 1px solid #c6c6b6;
	margin: 0 auto 20px;
	padding-bottom: 0.5em;
	border-radius: 1em;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head {
	display: flex;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .a-name {
	padding: 20px 15px 5px 15px;
	display: flex;
	align-items: center;
	font-weight: 700;
	width: 65%;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .a-name .a-icon img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #aaa;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .rating {
	padding: 15px 15px 5px 0;
	vertical-align: middle;
	display: flex;
	align-items: center;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .rating span.tag {
	/*
  padding: 0 2px;
  background: var(--ylw);
  */
	display: inline-block;
	margin-right: 4px;
	font-size: 12px;
	line-height: 1.55;
}

.ranking_parts .kuchikomi_wrap .insta-frame .insta_head .rating span.num {
	color: red;
	font-weight: bold;
}

.ranking_parts .kuchikomi_wrap .insta-frame .pagearticle img {
	max-width: 100%;
	height: auto;
}

.ranking_parts .kuchikomi_wrap .insta-frame p.kuchikomi_image_p {
	text-align: center;
	margin-top: 1rem;
	margin-left: 1rem;
	margin-right: 1rem;
}

.ranking_parts .kuchikomi_wrap .insta-frame .r-comment {
	padding: 0.5em 1em 1em;
	font-size: .9em;
	line-height: 1.8;
}

.ranking_parts .kuchikomi_wrap .insta-frame .r-comment .comment_head {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}

.ranking_parts .kuchikomi_wrap .insta-frame .r-comment .comment_feel_icon {
	width: 22px;
	height: auto;
	vertical-align: -0.3em;
	margin-right: 5px;
}

.ranking_parts .kuchikomi_wrap .list-container {
	/*
  height: 650px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 25px;
  */
	/*
  				p.rank_cta_button {
  					text-align: center;
  					
  					a {
  
  						background-color: #F7511D;
  						border: none;
  						color: white;
  						padding: 10px 0;
  						width: 80%;
  						max-width: 270px;
  						text-align: center;
  						text-decoration: none;
  						display: inline-block;
  						font-size: 16px;
  						font-weight: bold;
  						margin: 0;
  						cursor: pointer;
  						border-radius: 4px;
  					}
  				}
  				*/
}

.ranking_parts .kuchikomi_wrap .list-container li.hidden {
	display: none;
}

.ranking_parts .kuchikomi_wrap .list-container p.more_button {
	text-align: center;
	margin-bottom: 15px;
}

.ranking_parts .kuchikomi_wrap .list-container p.more_button button.loadMore {
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 10px 0;
	width: 80%;
	max-width: 270px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
	border-radius: 4px;
}

.ranking_parts .kuchikomi_wrap .list-container p.more_button button.disp_reset {
	display: none;
	background-color: #ccc;
	border: none;
	padding: 10px 0;
	width: 80%;
	max-width: 450px;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
	border-radius: 4px;
	color: #333;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list {
	/* 下部白グラデーション */
	position: relative;
	overflow: hidden;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale {
	width: 96%;
	margin: 0 auto 10px auto;
	border-collapse: collapse;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale th {
	background-color: #dcf1f8;
	font-size: 12px;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale td {
	font-size: 11px;
	background-color: #f7fdff;
	text-align: left;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale th,
.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table.rating_scale td {
	width: 25%;
	padding: 5px;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item table,
.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item th,
.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item td {
	border: 1px solid #ccc;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item .cracierge_comment {
	padding: 1em;
	font-size: .8em;
	margin: 0 1em 1em 1em;
	line-height: 1.8;
	background: #efefef;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list li.kuchikomi_item .cracierge_comment p.title {
	font-weight: bold;
}

.ranking_parts .kuchikomi_wrap .list-container ul.list.white-gradient::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 400px;
	/* 下部を隠したい高さに合わせて調整してください */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
}

.border_area ul.nohara {
	margin: 0;
}

.border_area ul.nohara li:last-child {
	margin: 0;
}

.border_area ul.nohara li strong {
	font-size: 18px;
}

.ColumnDetail_content_div h4 {
	font-size: 125%;
}

#mb_tab_area .hide {
	display: none;
}

ul.mb_tab {
	overflow: hidden;
	margin: 0 auto 15px;
	display: flex;
	flex-wrap: wrap;
}

.mb_tab_content {
	display: none;
}

ul.mb_tab li {
	list-style: none;
	padding: 8px 0 10px 0;
	margin: 0 0 0 0;
	text-align: center;
	border: 4px solid #ddd;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #d3d3d3;
	font-size: 16px;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#tab_au.select,
#tab_docomo.select,
#tab_softbank.select,
#tab_etc.select {
	color: #000;
}

#tab_au.select img,
#tab_docomo.select img,
#tab_softbank.select img,
#tab_etc.select img {
	opacity: 1;
	filter: grayscale(0%);
}

.mb_tab li img {
	max-width: 70%;
	display: block;
	margin: 0 auto 0 auto;
	filter: grayscale(100%);
	opacity: 0.3;
}

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

.mb_tab li:hover {
	cursor: pointer;
}

.mb_tab .select {
	border: 4px solid #ffcf18;
}

img.tap_icon {
	width: 40px;
	height: auto;
	vertical-align: middle;
	margin: 0 0 0 5px;
	-webkit-animation: blink 0.8s ease-in-out infinite alternate;
	-moz-animation: blink 0.8s ease-in-out infinite alternate;
	animation: blink 0.8s ease-in-out infinite alternate;
}

@-webkit-keyframes blink {
	0% {
		opacity: 0.2;
	}

	100% {
		opacity: 0.8;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 0.2;
	}

	100% {
		opacity: 0.8;
	}
}

@keyframes blink {
	0% {
		opacity: 0.2;
	}

	100% {
		opacity: 0.8;
	}
}

.column_detail_index {
	display: none;
}

.fact-checker {
	display: none;
}

.columr_category_tag_id_sp_index,
.columr_category_tag_id_sp_index_uldiv {
	display: none;
}

div.ylw_line_title.h2_docomo,
h3.h2s.h2_docomo {
	background-color: #ffeef1 !important;
	border-top: 5px solid #d00e31 !important;
}

div.ylw_line_title.h2_au,
h3.h2s.h2_au {
	background-color: #fff6ef !important;
	border-top: 5px solid #e46c0b !important;
}

div.ylw_line_title.h2_softbank,
h3.h2s.h2_softbank {
	background-color: #f1f1f1 !important;
	border-top: 5px solid #333 !important;
}

.select_sp_mes {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 40px;
	line-height: 1.2;
}

.select_sp_mes span {
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

.cta_block {
	border: 8px solid #ffcf18;
	margin-bottom: 50px;
	margin-top: 50px;
}

.cta_block .cta_title {
	background-color: #fff6d4;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 10px 10px 105px;
	position: relative;
	line-height: 1.4;
}

@media only screen and (max-width: 767px) {
	.cta_block .cta_title {
		font-size: 15px;
		padding: 10px 10px 10px 85px;
	}
}

.cta_block .cta_title::before {
	content: url("https://cracierge.jphttps://cracierge.co.jp/img/page/denkineko.svg");
	position: absolute;
	display: block;
	left: 15px;
	width: 70px;
	top: 50%;
	transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
	.cta_block .cta_title::before {
		left: 12px;
		width: 65px;
	}
}

.cta_block .cta_block_inner {
	text-align: center;
	border-left: 8px solid #fff6d4;
	border-right: 8px solid #fff6d4;
	border-bottom: 8px solid #fff6d4;
	margin-bottom: 0;
	padding: 24px 12px 34px;
}

.cta_block .cta_block_inner p {
	margin-bottom: 28px;
	font-size: 14px;
}

@media only screen and (max-width: 767px) {
	.cta_block .cta_block_inner p {
		font-size: 13.5px;
	}
}

.cta_block img {
	max-width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.cta_block .cta_recommend_txt {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
	margin: 0 0 5px 0;
}

@media only screen and (max-width: 767px) {
	.cta_block .cta_recommend_txt {
		font-size: 15px;
		margin: 0 0 5px 0;
	}
}

.cta_block .cta_btn_block {
	margin-top: 45px;
}

.cta_block .cta_btn_block .cta_btn_block_inner a {
	font-size: 16px;
	display: block;
	margin: 0 auto;
	color: #fff;
	background-color: #72d200;
	padding: 16px 25px;
	text-align: center;
	min-width: 55%;
	max-width: 80%;
	border-radius: 12px;
	line-height: 1.4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 7px 0 0 #62b401;
	font-weight: bold;
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.cta_block .cta_btn_block .cta_btn_block_inner a {
		max-width: 100%;
		width: 100%;
	}
}

.cta_block .cta_btn_block .cta_btn_block_inner a:hover {
	-webkit-transform: translateY(7px);
	transform: translateY(7px);
	opacity: 0.8;
	box-shadow: 0 0px 0 0 #fff;
}

/* 
* 記事装飾
---------------------------------------- */
	{
	/*
  	
  	.prrn_blk {
  		-webkit-animation: prrn 5s infinite;
  		-moz-animation: prrn 5s infinite;
  		animation: prrn 5s infinite;
  
  		p {
  			margin-bottom: 0;
  			font-size: 14px;
  			text-align: center;
  			line-height: 1.35;
  		}
  
  		p.pttn_txt1 strong {
  			color: #ff0a0a;
  		}
  
  		p.pttn_txt2 {
  			margin-bottom: 10px;
  
  			strong {
  				background: linear-gradient(transparent 60%, #ff6 60%);
  			}
  		
  		}
  
  		.af_btn {
  			margin-top: 0;
  
  			a {
  				overflow: hidden;
  				position: relative;
  				box-shadow: none;
  				border-radius: 50px;
  				border: 6px solid #fff;
  				box-shadow: 4px 4px 12px 2px #a39595;
  				font-size: 18px;
  				font-weight: bold;
  				background: linear-gradient(#72d200, #5aa500);
  
  				&::before {
  					content: '';
  					position: absolute;
  					top: 50%;
  					transform: translateY(-50%);
  					right: 16px;
  					width: 20px;
  					height: 20px;
  					background-image: url(https://cracierge.co.jp/img/page/afbtn_before.svg);
  					background-position: center;
  					background-repeat: no-repeat;
  					background-size: cover;
  				}
  
  			}
  
  		}
  	
  
  
  	}
  	*/
}

.img90 {
	width: 90%;
	height: auto;
}

.img80 {
	width: 80%;
	height: auto;
}

.img70 {
	width: 70%;
	height: auto;
}

.img60 {
	width: 60%;
	height: auto;
}

.img50 {
	width: 50%;
	height: auto;
}

.img40 {
	width: 40%;
	height: auto;
}

.img30 {
	width: 30%;
	height: auto;
}

.img20 {
	width: 20%;
	height: auto;
}

.img10 {
	width: 10%;
	height: auto;
}

.f95 {
	font-size: 95%;
	height: auto;
}

.f90 {
	font-size: 90%;
	height: auto;
}

.f80 {
	font-size: 80%;
	height: auto;
}

.f70 {
	font-size: 70%;
	height: auto;
}

.f60 {
	font-size: 60%;
	height: auto;
}

.f50 {
	font-size: 50%;
	height: auto;
}

.f40 {
	font-size: 40%;
	height: auto;
}

strong {
	font-weight: bold;
}

strong.color_red {
	color: #cd0000;
}

/* .twitter-tweet.twitter-tweet-rendered {
	margin-bottom: 28px !important;
}

blockquote:not(.twitter-tweet):not(.review_box__Impression) {
	position: relative;
	padding: 10px 15px 10px 60px;
	box-sizing: border-box;
	font-style: italic;
	background: #efefef;
	color: #555;
}

blockquote:not(.twitter-tweet):not(.review_box__Impression)::before {
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 15px;
	content: "\f10d";
	font-family: FontAwesome;
	color: #cfcfcf;
	font-size: 30px;
	line-height: 1;
	font-weight: 900;
}

blockquote:not(.twitter-tweet):not(.review_box__Impression) p {
	padding: 0;
	margin: 10px 0;
	line-height: 1.7;
}

blockquote:not(.twitter-tweet):not(.review_box__Impression) cite {
	color: #888888;
	font-size: 0.9em;
}

blockquote.twitter-tweet {
	border-radius: 12px;
	max-width: 550px;
	border: #cfd9de 1px solid;
	background: #fff;
	padding: 55px 22px 25px 22px;
	font-size: 16px;
	line-height: 1.4;
	position: relative;
}

blockquote.twitter-tweet p {
	margin-bottom: 15px;
}

blockquote.twitter-tweet a {
	color: #006fd6;
}

blockquote.twitter-tweet:before {
	content: "ツイッターから引用";
	position: absolute;
	top: 17px;
	left: 22px;
	font-size: 16px;
	font-weight: bold;
}

blockquote.twitter-tweet:after {
	content: url(https://cracierge.co.jp/img/page/tw_icon.webp);
	color: #e7e7e7;
	position: absolute;
	top: 17px;
	right: 15px;
} */

textarea.ex_txtarea {
	font-size: 80%;
	padding: 10px;
	line-height: 1.4;
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 45px;
}

p {
	margin-bottom: 28px;
}

img {
	max-width: 100%;
	height: auto;
}

:not(pre)>code {
	display: inline-block;
	background: #f0f5f9;
	border: 1px solid #e6edf3;
	padding: 0.04em 0.3em;
	margin: 0 0.2em;
	border-radius: 3px;
	line-height: 1.4;
	font-size: .85em;
}

[class*="wp-image-"] {
	margin-bottom: 25px;
}

ul {
	padding-left: 0;
	/*list-style-type: disc;*/
	margin-left: 20px;
	margin-bottom: 25px;
	display: block;
}

ul li {
	margin-bottom: 7px;
	line-height: 1.5;
}

ul.ul_pt1,
ul.standard_list {
	list-style-type: disc;
	margin-left: 30px;
	font-size: 95%;
}

ul.nohara {
	padding-left: 0;
	margin-left: 0px;
}

ul.nohara li {
	list-style: none;
	position: relative;
	padding-left: 33px;
	line-height: 1.6;
	margin-bottom: 1.8rem;
}

ul.nohara li::before {
	content: '\025cf';
	color: #ffcf18;
	left: 5px;
	top: -1px;
	position: absolute;
	font-size: 16px;
}

ol.ol_numbering {
	margin-left: 25px;
	margin-bottom: 25px;
	list-style: decimal;
	display: block;
}

ol.ol_numbering li {
	margin-bottom: 7px;
	line-height: 1.5;
}

table.tablepress {
	margin-bottom: 35px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	font-size: 13px;
	width: 100%;
}

/* テーブルのオプションに入力し、改行を防止する */
.tablepress thead th,
.tablepress td {
	white-space: nowrap;
}


.tablepress img {
	border: none;
	margin: 0;
	max-width: 100%;
	padding: 0;
}

table.tablepress th {
	background-color: #b9b9b9;
	font-weight: bold;
}

table.tablepress td,
table.tablepress th {
	border: 1px solid #ddd;
	vertical-align: middle;
	padding: 8px;
}

div.table-wrap {
	overflow: auto;
	position: relative;
	width: 100%;
	cursor: grab;
}

.hslide_icon {
	position: absolute;
	width: 6rem;
	margin: auto;
	left: 0;
	right: 0;
	top: 15%;
	transform: translateX(0);
	animation: scrollhint 1.8s ease 0s infinite normal;
}

@keyframes scrollhint {
	100% {
		opacity: 0;
		transform: translateX(-5rem);
	}
}

.table-grad {
	position: relative;
	overflow-x: auto;
}

.table-grad::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 50px;
	pointer-events: none;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

.border_area {
	border: 1px solid #C4c4c4;
	padding: 20px 20px 20px 20px;
	margin-bottom: 25px;
	line-height: 1.6;
	/*
  p:last-of-type,
  ul:last-of-type,
  ol:last-of-type,
  img:last-of-type {
  	margin-bottom: 0;
  }
  */
}

.border_area p,
.border_area ul,
.border_area ol,
.border_area img {
	font-size: 95%;
	/*line-height: 1.4;*/
	margin-bottom: 25px;
}

.simple_frame {
	border: 1px solid #85db8f;
	position: relative;
	border-radius: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 45px;
	margin-bottom: 40px;
}

.simple_frame .simple_frame_ttl {
	background-color: #fff;
	position: absolute;
	top: -18px;
	left: 15px;
	padding: 0 5px 0 5px;
	margin-bottom: 1px;
	color: #1dcf32;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
	vertical-align: middle;
	height: 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 85%;
	max-width: -webkit-calc(100% - 30px);
	max-width: calc(100% - 30px);
	display: flex;
	align-items: center;
}

.simple_frame div {
	padding: 28px 17px 22px;
	font-size: 15px;
	/*
  p:last-of-type,
  ul:last-of-type,
  ol:last-of-type,
  img:last-of-type {
  	margin-bottom: 0;
  }
  */
}

.simple_frame div p,
.simple_frame div ul,
.simple_frame div ol,
.simple_frame div img {
	font-size: 95%;
	line-height: 1.4;
	margin-bottom: 25px;
}

.wsb .txtArea {
	z-index: 1;
}

.smart_frame {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
	margin-top: 35px;
}

.smart_frame .smart_frame_ttl {
	display: inline-block;
	margin: 0;
	background-color: #62c1ce;
	color: #fff;
	border-radius: 5px 5px 0 0;
	line-height: 1;
	padding: 10px 20px 8px 20px;
	font-weight: bold;
	font-size: 16px;
}

.smart_frame div {
	border-radius: 0 5px 5px 5px;
	border: 3px solid #62c1ce;
	padding: 20px 20px 20px;
	font-size: 95%;
	/*
  p:last-of-type,
  ul:last-of-type,
  ol:last-of-type,
  img:last-of-type {
  	margin-bottom: 0;
  }
  */
}

.smart_frame div p,
.smart_frame div ul,
.smart_frame div ol,
.smart_frame div img {
	font-size: 95%;
	line-height: 1.4;
	margin-bottom: 25px;
}

.attention_frame {
	background-color: #ffe8e8;
	border: 1.5px solid #e68787;
	border-radius: 5px;
	padding: 15px 20px 15px 90px;
	position: relative;
	font-size: 95%;
	margin-bottom: 35px;
}

.attention_frame::before {
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	left: 30px;
	top: 50%;
	transform: translate(0, -50%) scale(2.5);
	background-image: url(https://cracierge.co.jp/img/page/column_attentionicon.svg);
	background-size: cover;
}

.attention_frame::after {
	background-color: #e68787;
	position: absolute;
	content: '';
	height: 37px;
	width: 1.5px;
	left: 70px;
	top: 50%;
	transform: translate(0, -50%);
}

.attention_frame p,
.attention_frame ul,
.attention_frame ol {
	font-size: 95%;
	line-height: 1.4;
	margin-bottom: 10px;
}

.info_frame {
	background-color: #f2f8ff;
	border: 1.5px solid #6fafd9;
	border-radius: 5px;
	padding: 15px 20px 15px 90px;
	position: relative;
	font-size: 95%;
	margin-bottom: 35px;
}

.info_frame p,
.info_frame ul,
.info_frame ol {
	font-size: 95%;
	line-height: 1.4;
	margin-bottom: 10px;
}

.info_frame::before {
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	left: 30px;
	top: 50%;
	transform: translate(0, -50%) scale(2.5);
	background-image: url("https://cracierge.co.jp/img/page/column_infoicon.svg");
	background-size: cover;
}

.info_frame::after {
	background-color: #6fafd9;
	position: absolute;
	content: '';
	height: 37px;
	width: 1.5px;
	left: 70px;
	top: 50%;
	transform: translate(0, -50%);
}

dl.explanation_dl {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 25px 15px;
	margin-bottom: 35px;
	border: none;
	background-color: #f3f3f3;
	font-size: 95%;
}

dl.explanation_dl dt {
	font-weight: bold;
	width: 30%;
	padding: 0 15px 0 15px;
	position: relative;
}

dl.explanation_dl dt::after {
	position: absolute;
	content: ':';
	right: 0;
	top: 0;
}

dl.explanation_dl dd {
	width: 70%;
	padding: 0 15px 0 15px;
}

.blog-card {
	margin-top: 30px;
	display: flex;
	margin-bottom: 45px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	overflow: hidden;
}

.blog-card .thumbnail {
	width: 25%;
	position: relative;
	padding: 15px 0 15px 15px;
}

.blog-card .thumbnail img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.blog-card .content {
	padding: 16px;
	width: 75%;
}

.blog-card .content .title {
	font-size: 17px;
	margin: 0 0 12px 0;
	line-height: 1.3;
	font-weight: bold;
}

.blog-card .content .excerpt {
	font-size: 13px;
	line-height: 1.3;
	margin: 0 0 12px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.blog-card .content .read-more {
	display: inline-block;
	padding: 6px 16px;
	background-color: #f0f0f0;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	float: right;
	font-size: 12px;
}

h3 div {
	display: inline-block;
}

h3 div span {
	display: inline-block;
	background-color: #4ec0e0;
	color: #fff;
	text-align: center;
	height: 25px;
	width: 25px;
	line-height: 26px;
	border-radius: 50%;
	font-weight: normal;
	font-size: 16px;
	margin: 0 5px;
}

h3 div span:nth-child(2) {
	background-color: #96e7fc;
	margin-right: 15px;
}

h3 p {
	display: contents;
}

h3.h2s {
	counter-increment: counter-h2;
	font-size: 20px;
	font-weight: bold;
	background-color: #fff6d4;
	border-top: 5px solid #ffcf18;
	padding: 15px;
	margin: 55px 0 35px 0;
	border-left: none;
}

h3.h2s::before {
	content: counter(counter-h2);
	display: inline-block;
	background-color: #4ec0e0;
	color: #fff;
	text-align: center;
	height: 25px;
	width: 25px;
	line-height: 26px;
	border-radius: 50%;
	font-weight: normal;
	font-size: 16px;
	margin-right: 20px;
	vertical-align: 0.1em;
}

.review_box {
	width: 98%;
	margin: 0 auto 40px;
	border-radius: 4px;
	padding: 12px 24px 12px 24px;
	box-shadow: 0px 0px 3px 1px #cfcfcf;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.review_box:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}

.review_box .review_box__information-inner {
	width: 100%;
	display: flex;
	margin-bottom: 15px;
	align-items: flex-start;
}

.review_box .review_box__information-inner .review_box__information {
	float: initial;
	width: 48px;
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-right: 16px;
	margin-bottom: 0;
}

.review_box .review_box__information-inner .review_box__information .review_box__information-people {
	display: block;
	border-radius: 50%;
	max-width: 100%;
	margin: 0;
}

.review_box .review_box__information-inner .review_box__information-reazon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 58px);
	margin: 0 0 0 0;
}

.review_box .review_box__information-inner .review_box__information-reazon .review_box__information-reazon-contents {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
	display: block;
}

.review_box .review_box__information-inner .review_box__information-reazon .review_box__information-age {
	font-size: 11px;
}

.review_box .review_box__Impression {
	font-size: 15px;
	margin: 0px;
	text-align: justify;
	padding: 0;
	position: static;
	background: inherit;
}

.review_box .review_box__Impression p {
	margin-bottom: 10px;
}

.review_box .review_box__Impression span.source_url {
	color: #aaa;
	font-size: 10px;
	float: right;
}

.review_box .review_box__Impression span.source_url cite a {
	color: #aaa;
	text-decoration: none;
}

.a_container {
	width: 100%;
	margin: 50px auto;
}

.a_container .a_item {
	background: #f1f1f1;
	text-align: left;
	padding: 0 10px;
	margin: 0;
	cursor: pointer;
	position: relative;
	height: 44px;
	line-height: 44px;
	width: 100%;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 13px;
}

.a_container .a_item::after {
	content: "\02228";
	font-size: 18px;
	color: #ffffff;
	background: #19b6f7;
	position: absolute;
	top: 0;
	right: 12px;
	width: 24px;
	text-align: center;
	height: 44px;
	line-height: 44px;
	display: block;
	transform: scale(2, 1);
}

.a_container .a_item.active::after {
	content: "\02227";
}

.a_container .a_contents {
	display: none;
	padding: 20px 20px 15px;
	background: #fafafa;
	font-size: 13px;
}

.a_container .a_contents p,
.a_container .a_contents ul,
.a_container .a_contents ol,
.a_container .a_contents img {
	font-size: 95%;
	line-height: 1.4;
	margin-bottom: 15px;
}

.a_container .a_contents p:last-of-type,
.a_container .a_contents ul:last-of-type,
.a_container .a_contents ol:last-of-type,
.a_container .a_contents img:last-of-type {
	margin-bottom: 0;
}

.af_btn {
	margin-top: 35px;
	margin-bottom: 65px;
	/**/
}

.af_btn a {
	text-decoration: none;
	font-size: 20px;
	/*font-weight: bold;*/
	display: block;
	margin: 0 auto;
	color: #fff;
	background-color: #72d200;
	padding: 14px 25px;
	text-align: center;
	min-width: 55%;
	max-width: 80%;
	border-radius: 12px;
	line-height: 1.4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 7px 0 0 #62b401;
}

.recommend_btn_txt {
	text-align: center;
	/*
  position: relative;
  top: 30px;
  */
	transform: translateY(30px);
	font-weight: bold;
	font-size: 18px;
}

.service_div_inner_div__prpr .af_btn {
	margin-top: 0;
	margin-bottom: 0;
}

.af_btn.btn_bgc_orange a {
	background-color: #ffa41c;
	box-shadow: 0 7px 0 0 #d28108;
}

.af_btn.btn_bgc_blue a {
	background-color: #008ce5;
	box-shadow: 0 7px 0 0 #0062a1;
}

.af_btn.btn_bgc_red a {
	background-color: #ff1c1c;
	box-shadow: 0 7px 0 0 #cb0000;
}

.recommend_point {
	display: flex;
}

.recommend_point div {
	text-align: center;
	width: 50%;
	font-weight: bold;
	font-size: 16px;
}

.af_btn2 {
	display: flex;
	margin-bottom: 55px;
}

.af_btn2 a {
	display: inline-block;
	width: 48%;
	font-size: 16px;
	display: block;
	margin: 0 auto;
	color: #fff;
	background-color: #72d200;
	padding: 16px 25px;
	text-align: center;
	border-radius: 12px;
	line-height: 1.4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0 7px 0 0 #62b401;
	text-decoration: none;
}

.af_btn2 a.btn_bgc_red {
	background-color: #ff1c1c;
	box-shadow: 0 7px 0 0 #cb0000;
}

.af_btn2 a.btn_bgc_green {
	background-color: #72d200;
	box-shadow: 0 7px 0 0 #62b401;
}

.af_btn2 a.btn_bgc_blue {
	background-color: #008ce5;
	box-shadow: 0 7px 0 0 #0062a1;
}

.af_btn2 a.btn_bgc_orange {
	background-color: #ffa41c;
	box-shadow: 0 7px 0 0 #d28108;
}

.af_btn2.btn_bgc_blue a {
	background-color: #008ce5;
	box-shadow: 0 7px 0 0 #0062a1;
}

.af_btn2.btn_bgc_red a {
	background-color: #ff1c1c;
	box-shadow: 0 7px 0 0 #cb0000;
}

div.prrn_blk {
	margin-top: 1.5rem;
	webkit-animation: prrn 5s infinite;
	-moz-animation: prrn 5s infinite;
	animation: prrn 5s infinite;
}

@-webkit-keyframes prrn {
	0% {
		-webkit-transform: scale(1, 1) translate(0%, 0%);
	}

	4% {
		-webkit-transform: scale(0.9, 0.9) translate(0%, 3%);
	}

	8% {
		-webkit-transform: scale(1.1, 0.8) translate(0%, 7%);
	}

	12% {
		-webkit-transform: scale(0.9, 0.9) translate(0%, -7%);
	}

	18% {
		-webkit-transform: scale(1.1, 0.9) translate(0%, 3%);
	}

	25% {
		-webkit-transform: scale(1, 1) translate(0%, 0%);
	}
}

@keyframes prrn {
	0% {
		transform: scale(1, 1) translate(0%, 0%);
	}

	4% {
		transform: scale(0.9, 0.9) translate(0%, 3%);
	}

	8% {
		transform: scale(1.1, 0.8) translate(0%, 7%);
	}

	12% {
		transform: scale(0.9, 0.9) translate(0%, -7%);
	}

	18% {
		transform: scale(1.1, 0.9) translate(0%, 3%);
	}

	25% {
		transform: scale(1, 1) translate(0%, 0%);
	}
}

div.prrn_blk p {
	margin-bottom: 0;
	font-size: 14px;
	text-align: center;
	line-height: 1.35;
}

div.prrn_blk p.pttn_txt1 strong {
	color: #ff0a0a;
}

div.prrn_blk p.pttn_txt2 {
	margin-bottom: 10px;
}

div.prrn_blk p.pttn_txt2 strong {
	background: linear-gradient(transparent 60%, #ff6 60%);
}

div.prrn_blk div.af_btn {
	margin-top: 0;
}

div.prrn_blk div.af_btn a {
	overflow: hidden;
	position: relative;
	box-shadow: none;
	border-radius: 50px;
	border: 6px solid #fff;
	box-shadow: 4px 4px 12px 2px #a39595;
	font-size: 18px;
	font-weight: bold;
	background: linear-gradient(#72d200, #5aa500);
}

div.prrn_blk div.af_btn a:hover {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

div.prrn_blk div.af_btn a:before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16px;
	width: 20px;
	height: 20px;
	background-image: url(https://cracierge.co.jp/img/page/afbtn_before.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

div.prrn_blk div.af_btn a:after {
	-moz-animation: is-reflection 4s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-ms-animation: is-reflection 4s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-o-animation: is-reflection 4s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-webkit-animation: is-reflection 4s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	animation: is-reflection 4s ease-in-out infinite;
	background-color: #fff;
	content: " ";
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: -180px;
	transform: rotate(45deg);
	width: 30px;
}

@keyframes is-reflection {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

@-webkit-keyframes is-reflection {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

.old_cta_box {
	border: 8px solid #ffcf18;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
}

.old_cta_box .cta_box_title {
	background-color: #fff6d4;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
	position: relative;
	line-height: 1.3;
	/*
  &::before {
  	content: url(https://cracierge.co.jp/img/page/denkineko.svg);
  	position: absolute;
  	display: block;
  	left: 0;
  	top: -35px;
  	width: 95px;
  	height: 95px;
  }
  */
}

.old_cta_box .cta_box_inner {
	border-left: 8px solid #fff6d4;
	border-right: 8px solid #fff6d4;
	border-bottom: 8px solid #fff6d4;
	margin-bottom: 0;
}

.old_cta_box .cta_box_inner .cta_box_inner_prpr {
	padding: 24px 0;
}

.old_cta_box .cta_box_inner .cta_box_inner_prpr p {
	padding: 0 15px;
	font-size: 90%;
}

.old_cta_box .cta_box_inner .cta_box_inner_prpr .af_btn {
	margin-bottom: 0px;
}

.old_cta_box .cta_box_inner .cta_box_inner_prpr p.cta_image_area {
	margin-bottom: 25px;
}

.old_cta_box .cta_box_inner .cta_box_inner_prpr p.cta_image_area img {
	max-width: 90%;
	height: auto;
}

/* ----------------------------------------
* スマホ
---------------------------------------- */
.blue_line_solo {
	height: 0.3rem;
	background-color: #4ec0e0;
}

.blue_line_title {
	line-height: 1.4;
	background-color: #f6f6f5;
	font-size: 1.6rem;
	font-weight: 700;
	padding-bottom: 5px;
}

.blue_line_title h1 {
	padding: 1.5rem 0 0.5rem 0;
	font-size: 18px;
	width: 97%;
	margin: 0 auto;
}

.blue_line_title .post_date_container {
	width: 97%;
	margin: 0 auto;
	padding: 0 0 10px 0;
}

.blue_line_title .post_date_container span {
	display: inline-block;
	font-size: 1.2rem;
	color: #666;
	font-weight: 400;
}

.blue_line_title .blue_line_title_tag_div {
	display: flex;
	width: 97%;
	overflow-x: scroll;
	white-space: nowrap;
}

.blue_line_title .blue_line_title_tag_div a {
	font-size: 1.2rem;
	font-weight: 400;
	text-decoration: none;
	color: #666;
	border: 1px solid #cacaca;
	background-color: #fff;
	padding: 0 12px 0 32px;
	height: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0 7px 7px 0;
}

.blue_line_title .blue_line_title_tag_div a::before {
	content: url(https://cracierge.co.jp/img/page/concierge_detail_item1.svg);
	width: 14px;
	height: 15px;
	line-height: 26px;
	position: absolute;
	top: 10px;
	left: 10px;
	transform: translateY(-50%);
}

.ColumnDetail_content_div {
	margin: 0 auto;
	width: 95%;
}

.ColumnDetail_content_div div.column_eyecatch img {
	width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
	margin-bottom: 2rem;
}

.ColumnDetail_content_div img {
	max-width: 100%;
	height: auto;
	image-rendering: crisp-edges;
}

.ColumnDetail_content_div.columr_category_tag_id_sp_main_title_btm {
	padding-top: 1.5rem;
}

.columr_category_tag_id_sp_btm {
	width: 93%;
}

.columr_category_tag_id_sp_btm .columr_category_tag_id_sp_btm_top {
	display: block;
	color: #fff;
	background-color: #4ec0e0;
	font-size: 1.5rem;
	line-height: 5.5rem;
	border-radius: 1rem;
	box-shadow: 0 0.5rem 0 0 #2894b2;
	text-align: center;
	font-weight: 700;
	margin-bottom: 3rem;
}

.columr_category_tag_id_sp_btm .columr_category_tag_id_sp_btm_columnbtn {
	text-decoration: none;
	display: block;
	text-align: center;
	font-size: 1.3rem;
	line-height: 4.2rem;
	border: 0.1rem solid #cacaca;
	color: #3d3d3d;
	margin-bottom: 3rem;
}

.columr_category_tag_id_sp_btm .columr_category_tag_id_sp_btm_columnbtn::before {
	content: '';
	display: inline-block;
	background-image: url(https://cracierge.co.jp/img/page/column_detail_tag.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 1.5rem;
	height: 1.5rem;
	vertical-align: middle;
	margin-right: 5px;
}

/* レスポンシブ */
@media only screen and (max-width: 767px) {
		{
		font-family: -apple-system, BlinkMacSystemFont, Roboto, arial, helvetica, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
		line-height: 1.55;
		letter-spacing: .025em;
		width: 100%;
		font-size: 14.5px;
	}

	h2 {
		font-size: 17px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	h2::before {
		margin-right: 15px;
	}

	h3 {
		font-size: 17px;
	}

	h3 span>div {
		display: none;
	}

	h3 div>span {
		display: none;
	}

	h4 {
		font-size: 18px;
	}

	h5 {
		font-size: 1.6rem;
	}


	.column_content {
		margin: 0 auto;
		width: 95%;
	}

	.af_btn a {
		padding: 14px 8px;
		max-width: 96%;
		font-size: 16px;
	}

	.af_btn2 a {
		padding: 12px 7px;
		font-size: 12px;
	}

	.af_btn2 a {
		padding: 12px 7px;
		font-size: 12px;
	}

	.recommend_btn_txt {
		font-size: 12px;
	}

	.recommend_point div {
		font-size: 12px;
	}

	.prrn_blk p {
		font-size: 1.3rem;
		line-height: 1.35;
	}

	.simple_frame .simple_frame_ttl {
		font-size: 1.5rem;
	}

	.smart_frame div {
		padding: 10px 10px 10px 10px;
	}

	.info_frame,
	.attention_frame {
		padding: 15px 20px 15px 90px;
	}

	dl.explanation_dl {
		padding: 20px 5px;
	}

	.blog-card .content .title {
		font-size: 15px;
	}

	.blog-card .content .excerpt {
		display: none;
	}

	#sub_menu_navi {
		height: 50px;
		margin: -30px 0 0px -2.5%;
		width: 105%;
	}

	#sub_menu_navi #navi_inner {
		position: relative;
		width: 100%;
		background-color: #fff;
	}

	#sub_menu_navi #navi_inner.fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	}

	#sub_menu_navi #navi_inner ul.sub_menu_anchor {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	#sub_menu_navi #navi_inner ul.sub_menu_anchor.anchor3 li {
		width: 33%;
	}

	#sub_menu_navi #navi_inner ul.sub_menu_anchor.anchor2 li {
		width: 50%;
	}

	#sub_menu_navi #navi_inner ul.sub_menu_anchor.anchor1 li {
		width: 100%;
	}

	#sub_menu_navi #navi_inner ul.sub_menu_anchor li {
		display: inline-block;
		margin-bottom: 0;
	}

	#sub_menu_navi #navi_inner ul.sub_menu_anchor li a {
		font-size: 16px;
		display: block;
		height: 50px;
		color: #000;
		text-align: center;
		text-decoration: none;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		opacity: 1 !important;
	}

	#sub_menu_navi #navi_inner ul.sub_menu_anchor li a:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		height: 3px;
		background: #eaeaea;
		width: 100%;
	}

	#sub_menu_navi #navi_inner ul.sub_menu_anchor li a.is_active {
		position: relative;
	}

	#sub_menu_navi #navi_inner ul.sub_menu_anchor li a.is_active:after {
		background: #ffcf18;
		z-index: 1;
	}

	div.table-wrap {
		overflow: auto;
		position: relative;
		width: 100%;
	}

	.hslide_icon {
		position: absolute;
		width: 6rem;
		margin: auto;
		left: 0;
		right: 0;
		top: 15%;
		transform: translateX(0);
		animation: scrollhint 1s ease 0s infinite normal;
		z-index: 2;
	}

	@keyframes scrollhint {
		100% {
			opacity: 0;
			transform: translateX(-5rem);
		}
	}

	.table-grad {
		position: relative;
		overflow-x: auto;
	}

	.table-grad::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 50px;
		pointer-events: none;
		background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
	}

	.wpcf7-form-control {
		margin-bottom: 15px;
	}

	/* 口コミ
---------------------------------------- */
	.quote_box {
		width: 98%;
		margin: 40px auto 40px;
		border-radius: 4px;
		padding: 22px 20px;
		box-shadow: 0px 0px 3px 1px #cfcfcf;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.quote_box .quote_header {
		width: 100%;
		display: flex;
		margin-bottom: 20px;
		align-items: flex-start;
	}

	.quote_box .quote_header .quote_img {
		float: initial;
		width: 48px;
		display: flex;
		flex-flow: column;
		align-items: center;
		margin-right: 16px;
		margin-bottom: 0;
	}

	.quote_box .quote_header .quote_img img {
		display: block;
		border-radius: 50%;
		max-width: 100%;
		margin: 0;
	}

	.quote_box .quote_header .quote_info {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: calc(100% - 58px);
		margin: 0;
	}

	.quote_box .quote_header .quote_info .quote_title {
		font-weight: 700;
		font-size: 18px;
		line-height: 1.4;
		display: block;
		margin: 0 0 5px 0;
	}

	@media (max-width: 768px) {
		.quote_box .quote_header .quote_info .quote_title {
			font-size: 13px;
		}
	}

	.quote_box .quote_header .quote_info .quote_supp {
		font-size: 11px;
		display: flex;
		justify-content: space-between;
	}

	.quote_box .quote_header .quote_info .quote_supp .review_user {
		width: 140px;
		word-wrap: normal;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		-webkit-text-overflow: ellipsis;
	}

	.quote_box .quote_header .quote_info .quote_supp .review_date {
		color: #aaa;
	}

	.quote_box .quote_content .quote_text {
		margin-bottom: 10px;
		font-size: 15px;
	}

	@media (max-width: 768px) {
		.quote_box .quote_content .quote_text {
			font-size: 14px;
		}
	}

	.quote_box .quote_content .quote_url {
		text-align: right;
		margin: 0;
		font-size: 10px;
		color: #aaa;
	}

	.quote_box .quote_content .quote_url a {
		color: #aaa;
	}

	/* comment
---------------------------------------- */
	#comments {
		padding: 40px 0;
	}

	.comment-list>.comment {
		margin-bottom: 40px;
		border-bottom: 1px #eee solid;
	}

	.comment-list>.comment>.comment-body {
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.comment-list .children {
		margin-left: 45px;
	}

	.comment-list .children .comment-body {
		padding: 20px 30px;
		margin-bottom: 20px;
		background: #f7f7f7;
	}

	.comment-author {
		float: left;
		vertical-align: top;
		font-size: 12px;
		margin-left: 10px;
	}

	.comment-author img {
		vertical-align: top;
	}

	.comment-meta {
		font-size: 12px;
		margin-bottom: 12px;
	}

	.reply a {
		border-radius: 3px;
		padding: 3px 5px;
		font-size: 12px;
		transition: all .3s ease-in-out;
	}

	.reply a:before {
		content: ' ';
		font-family: 'FontAwesome';
	}

	.reply a:hover {
		text-decoration: none;
	}

	.comment-form-comment label {
		display: none;
	}

	.comment-form-comment textarea {
		width: 80%;
		margin: 20px 0;
		border-radius: 3px;
	}

	.form-allowed-tags {
		font-size: 12px;
		margin-bottom: 20px;
		display: none;
	}

	.comment-meta:after {
		content: ' ';
		display: block;
		clear: both;
	}

	.comments-title {
		font-size: 24px;
		padding: 20px 0;
		margin-bottom: 30px;
	}

	.comment-form-author,
	.comment-form-email,
	.comment-form-url {
		overflow: hidden;
		margin: 10px 0;
	}

	.comment-form-author label,
	.comment-form-email label,
	.comment-form-url label {
		width: 15%;
		float: left;
		font-size: 12px;
	}

	.comment-form-author input,
	.comment-form-email input,
	.comment-form-url input {
		width: 40%;
		float: left;
		margin-left: 5%;
		border-radius: 3px;
		padding: 5px;
	}

	.form-submit #submit {
		width: 300px;
		line-height: 40px;
		border: none;
		border-radius: 3px;
		transition: all .3s ease-in-out;
	}

	.form-submit #submit:hover {
		cursor: pointer;
	}

	.comment-form-comment textarea {
		width: 95%;
		padding-left: 2%;
		padding-right: 2%;
	}

	.comment-form {
		overflow: hidden;
	}

	.comment-form-author,
	.comment-form-email {
		width: 49%;
		margin: 0;
	}

	.comment-form-author label,
	.comment-form-author input,
	.comment-form-email label,
	.comment-form-email input {
		width: 90%;
		float: none;
		margin: 0 0 10px;
	}

	.comment-form-author {
		float: left;
	}

	.comment-form-email {
		float: right;
	}

	#comments {
		margin: 0 auto;
		width: 94%;
	}

	#comments p {
		margin-bottom: 17px;
	}

	#comments .comment-form-comment textarea {
		width: 100%;
		font-size: 16px;
	}

	#comments .comment-form-author,
	#comments .comment-form-email {
		float: none;
		width: 100%;
	}

	#comments .comment-form-author input,
	#comments .comment-form-email input {
		width: 100%;
		font-size: 16px;
	}

	#comments #submit {
		width: 100%;
	}
}

/* 電力会社切替えタブ
---------------------------------------- */
.tabs_area1 {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	padding: 25px 5px 25px;
	margin-bottom: 28px;
	/* 表示のアニメーション */
}

.tabs_area1 .spnone {
	display: block;
}

.tabs_area1 input:checked+.tab_label {
	color: #fff;
	background-color: #13c3ac;
}

.tabs_area1 input:checked+.tab_label::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #13c3ac transparent transparent transparent;
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	transition: all 0.3s ease 0s;
}

.tabs_area1 .tab_label {
	color: #13c3ac;
	font-weight: bold;
	font-size: 13px;
	border: solid 2px #13c3ac;
	text-align: center;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	padding: 10px 0;
	margin: 0;
	transition: opacity 0.3s ease;
	line-height: 1.4;
}

.tabs_area1 .tab_label:hover {
	opacity: 0.75;
}

.tabs_area1 .tab_content {
	flex: 100%;
	display: none;
	overflow: hidden;
	padding: 25px 5px 0;
}

.tabs_area1 input[name="tab_switch1"] {
	display: none;
}

.tabs_area1 .tab_content {
	position: relative;
	animation: fadeIn 1s ease;
}

.tabs_area1 #tab0:checked~#tab0_content {
	display: block;
}

.tabs_area1 #tab1:checked~#tab1_content {
	display: block;
}

.tabs_area1 #tab2:checked~#tab2_content {
	display: block;
}

.tabs_area1 #tab3:checked~#tab3_content {
	display: block;
}

.tabs_area1 #tab4:checked~#tab4_content {
	display: block;
}

.tabs_area1 #tab5:checked~#tab5_content {
	display: block;
}

.tabs_area1 #tab6:checked~#tab6_content {
	display: block;
}

.tabs_area1 #tab7:checked~#tab7_content {
	display: block;
}

.tabs_area1 #tab8:checked~#tab8_content {
	display: block;
}

.tabs_area1 #tab9:checked~#tab9_content {
	display: block;
}

.tabs_area1 #tab10:checked~#tab10_content {
	display: block;
}

.tabs_area1 #tab11:checked~#tab11_content {
	display: block;
}

.tabs_area1 #tab12:checked~#tab12_content {
	display: block;
}

.tabs_area1 #tab13:checked~#tab13_content {
	display: block;
}

.tabs_area1 #tab14:checked~#tab14_content {
	display: block;
}

.tabs_area1 #tab15:checked~#tab15_content {
	display: block;
}

.tabs_area1 #tab16:checked~#tab16_content {
	display: block;
}

.tabs_area1 #tab17:checked~#tab17_content {
	display: block;
}

.tabs_area1 #tab18:checked~#tab18_content {
	display: block;
}

.tabs_area1 #tab19:checked~#tab19_content {
	display: block;
}

.tabs_area1 #tab20:checked~#tab20_content {
	display: block;
}

.tabs_area1 #tab21:checked~#tab21_content {
	display: block;
}

.tabs_area1 #tab22:checked~#tab22_content {
	display: block;
}

.tabs_area1 #tab23:checked~#tab23_content {
	display: block;
}

.tabs_area1 #tab24:checked~#tab24_content {
	display: block;
}

.tabs_area1 #tab25:checked~#tab25_content {
	display: block;
}

.tabs_area1 #tab26:checked~#tab26_content {
	display: block;
}

.tabs_area1 #tab27:checked~#tab27_content {
	display: block;
}

.tabs_area1 #tab28:checked~#tab28_content {
	display: block;
}

.tabs_area1 #tab29:checked~#tab29_content {
	display: block;
}

.tabs_area1 #tab30:checked~#tab30_content {
	display: block;
}

.tabs_area1 #tab31:checked~#tab31_content {
	display: block;
}

.tabs_area1 #tab32:checked~#tab32_content {
	display: block;
}

.tabs_area1 #tab33:checked~#tab33_content {
	display: block;
}

.tabs_area1 #tab34:checked~#tab34_content {
	display: block;
}

.tabs_area1 #tab35:checked~#tab35_content {
	display: block;
}

.tabs_area1 #tab36:checked~#tab36_content {
	display: block;
}

.tabs_area1 #tab37:checked~#tab37_content {
	display: block;
}

.tabs_area1 #tab38:checked~#tab38_content {
	display: block;
}

.tabs_area1 #tab39:checked~#tab39_content {
	display: block;
}

.tabs_area1 #tab40:checked~#tab40_content {
	display: block;
}

.tabs_area1 #tab41:checked~#tab41_content {
	display: block;
}

.tabs_area1 #tab42:checked~#tab42_content {
	display: block;
}

.tabs_area1 #tab43:checked~#tab43_content {
	display: block;
}

.tabs_area1 #tab44:checked~#tab44_content {
	display: block;
}

.tabs_area1 #tab45:checked~#tab45_content {
	display: block;
}

.tabs_area1 #tab46:checked~#tab46_content {
	display: block;
}

.tabs_area1 #tab47:checked~#tab47_content {
	display: block;
}

.tabs_area1 #tab48:checked~#tab48_content {
	display: block;
}

.tabs_area1 #tab49:checked~#tab49_content {
	display: block;
}

.tabs_area1 #tab50:checked~#tab50_content {
	display: block;
}

.tabs_area2 {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	padding: 25px 5px 25px;
	margin-bottom: 28px;
	/* 表示のアニメーション */
}

.tabs_area2 .spnone {
	display: block;
}

.tabs_area2 input:checked+.tab_label {
	color: #fff;
	background-color: #13c3ac;
}

.tabs_area2 input:checked+.tab_label::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #13c3ac transparent transparent transparent;
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	transition: all 0.3s ease 0s;
}

.tabs_area2 .tab_label {
	color: #13c3ac;
	font-weight: bold;
	font-size: 13px;
	border: solid 2px #13c3ac;
	text-align: center;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	padding: 10px 0;
	margin: 0;
	transition: opacity 0.3s ease;
	line-height: 1.4;
}

.tabs_area2 .tab_label:hover {
	opacity: 0.75;
}

.tabs_area2 .tab_content {
	flex: 100%;
	display: none;
	overflow: hidden;
	padding: 25px 5px 0;
}

.tabs_area2 input[name="tab_switch2"] {
	display: none;
}

.tabs_area2 .tab_content {
	position: relative;
	animation: fadeIn 1s ease;
}

.tabs_area2 #tab0:checked~#tab0_content {
	display: block;
}

.tabs_area2 #tab1:checked~#tab1_content {
	display: block;
}

.tabs_area2 #tab2:checked~#tab2_content {
	display: block;
}

.tabs_area2 #tab3:checked~#tab3_content {
	display: block;
}

.tabs_area2 #tab4:checked~#tab4_content {
	display: block;
}

.tabs_area2 #tab5:checked~#tab5_content {
	display: block;
}

.tabs_area2 #tab6:checked~#tab6_content {
	display: block;
}

.tabs_area2 #tab7:checked~#tab7_content {
	display: block;
}

.tabs_area2 #tab8:checked~#tab8_content {
	display: block;
}

.tabs_area2 #tab9:checked~#tab9_content {
	display: block;
}

.tabs_area2 #tab10:checked~#tab10_content {
	display: block;
}

.tabs_area2 #tab11:checked~#tab11_content {
	display: block;
}

.tabs_area2 #tab12:checked~#tab12_content {
	display: block;
}

.tabs_area2 #tab13:checked~#tab13_content {
	display: block;
}

.tabs_area2 #tab14:checked~#tab14_content {
	display: block;
}

.tabs_area2 #tab15:checked~#tab15_content {
	display: block;
}

.tabs_area2 #tab16:checked~#tab16_content {
	display: block;
}

.tabs_area2 #tab17:checked~#tab17_content {
	display: block;
}

.tabs_area2 #tab18:checked~#tab18_content {
	display: block;
}

.tabs_area2 #tab19:checked~#tab19_content {
	display: block;
}

.tabs_area2 #tab20:checked~#tab20_content {
	display: block;
}

.tabs_area2 #tab21:checked~#tab21_content {
	display: block;
}

.tabs_area2 #tab22:checked~#tab22_content {
	display: block;
}

.tabs_area2 #tab23:checked~#tab23_content {
	display: block;
}

.tabs_area2 #tab24:checked~#tab24_content {
	display: block;
}

.tabs_area2 #tab25:checked~#tab25_content {
	display: block;
}

.tabs_area2 #tab26:checked~#tab26_content {
	display: block;
}

.tabs_area2 #tab27:checked~#tab27_content {
	display: block;
}

.tabs_area2 #tab28:checked~#tab28_content {
	display: block;
}

.tabs_area2 #tab29:checked~#tab29_content {
	display: block;
}

.tabs_area2 #tab30:checked~#tab30_content {
	display: block;
}

.tabs_area2 #tab31:checked~#tab31_content {
	display: block;
}

.tabs_area2 #tab32:checked~#tab32_content {
	display: block;
}

.tabs_area2 #tab33:checked~#tab33_content {
	display: block;
}

.tabs_area2 #tab34:checked~#tab34_content {
	display: block;
}

.tabs_area2 #tab35:checked~#tab35_content {
	display: block;
}

.tabs_area2 #tab36:checked~#tab36_content {
	display: block;
}

.tabs_area2 #tab37:checked~#tab37_content {
	display: block;
}

.tabs_area2 #tab38:checked~#tab38_content {
	display: block;
}

.tabs_area2 #tab39:checked~#tab39_content {
	display: block;
}

.tabs_area2 #tab40:checked~#tab40_content {
	display: block;
}

.tabs_area2 #tab41:checked~#tab41_content {
	display: block;
}

.tabs_area2 #tab42:checked~#tab42_content {
	display: block;
}

.tabs_area2 #tab43:checked~#tab43_content {
	display: block;
}

.tabs_area2 #tab44:checked~#tab44_content {
	display: block;
}

.tabs_area2 #tab45:checked~#tab45_content {
	display: block;
}

.tabs_area2 #tab46:checked~#tab46_content {
	display: block;
}

.tabs_area2 #tab47:checked~#tab47_content {
	display: block;
}

.tabs_area2 #tab48:checked~#tab48_content {
	display: block;
}

.tabs_area2 #tab49:checked~#tab49_content {
	display: block;
}

.tabs_area2 #tab50:checked~#tab50_content {
	display: block;
}

.tabs_area3 {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	padding: 25px 5px 25px;
	margin-bottom: 28px;
	/* 表示のアニメーション */
}

.tabs_area3 .spnone {
	display: block;
}

.tabs_area3 input:checked+.tab_label {
	color: #fff;
	background-color: #13c3ac;
}

.tabs_area3 input:checked+.tab_label::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #13c3ac transparent transparent transparent;
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	transition: all 0.3s ease 0s;
}

.tabs_area3 .tab_label {
	color: #13c3ac;
	font-weight: bold;
	font-size: 13px;
	border: solid 2px #13c3ac;
	text-align: center;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	padding: 10px 0;
	margin: 0;
	transition: opacity 0.3s ease;
	line-height: 1.4;
}

.tabs_area3 .tab_label:hover {
	opacity: 0.75;
}

.tabs_area3 .tab_content {
	flex: 100%;
	display: none;
	overflow: hidden;
	padding: 25px 5px 0;
}

.tabs_area3 input[name="tab_switch3"] {
	display: none;
}

.tabs_area3 .tab_content {
	position: relative;
	animation: fadeIn 1s ease;
}

.tabs_area3 #tab0:checked~#tab0_content {
	display: block;
}

.tabs_area3 #tab1:checked~#tab1_content {
	display: block;
}

.tabs_area3 #tab2:checked~#tab2_content {
	display: block;
}

.tabs_area3 #tab3:checked~#tab3_content {
	display: block;
}

.tabs_area3 #tab4:checked~#tab4_content {
	display: block;
}

.tabs_area3 #tab5:checked~#tab5_content {
	display: block;
}

.tabs_area3 #tab6:checked~#tab6_content {
	display: block;
}

.tabs_area3 #tab7:checked~#tab7_content {
	display: block;
}

.tabs_area3 #tab8:checked~#tab8_content {
	display: block;
}

.tabs_area3 #tab9:checked~#tab9_content {
	display: block;
}

.tabs_area3 #tab10:checked~#tab10_content {
	display: block;
}

.tabs_area3 #tab11:checked~#tab11_content {
	display: block;
}

.tabs_area3 #tab12:checked~#tab12_content {
	display: block;
}

.tabs_area3 #tab13:checked~#tab13_content {
	display: block;
}

.tabs_area3 #tab14:checked~#tab14_content {
	display: block;
}

.tabs_area3 #tab15:checked~#tab15_content {
	display: block;
}

.tabs_area3 #tab16:checked~#tab16_content {
	display: block;
}

.tabs_area3 #tab17:checked~#tab17_content {
	display: block;
}

.tabs_area3 #tab18:checked~#tab18_content {
	display: block;
}

.tabs_area3 #tab19:checked~#tab19_content {
	display: block;
}

.tabs_area3 #tab20:checked~#tab20_content {
	display: block;
}

.tabs_area3 #tab21:checked~#tab21_content {
	display: block;
}

.tabs_area3 #tab22:checked~#tab22_content {
	display: block;
}

.tabs_area3 #tab23:checked~#tab23_content {
	display: block;
}

.tabs_area3 #tab24:checked~#tab24_content {
	display: block;
}

.tabs_area3 #tab25:checked~#tab25_content {
	display: block;
}

.tabs_area3 #tab26:checked~#tab26_content {
	display: block;
}

.tabs_area3 #tab27:checked~#tab27_content {
	display: block;
}

.tabs_area3 #tab28:checked~#tab28_content {
	display: block;
}

.tabs_area3 #tab29:checked~#tab29_content {
	display: block;
}

.tabs_area3 #tab30:checked~#tab30_content {
	display: block;
}

.tabs_area3 #tab31:checked~#tab31_content {
	display: block;
}

.tabs_area3 #tab32:checked~#tab32_content {
	display: block;
}

.tabs_area3 #tab33:checked~#tab33_content {
	display: block;
}

.tabs_area3 #tab34:checked~#tab34_content {
	display: block;
}

.tabs_area3 #tab35:checked~#tab35_content {
	display: block;
}

.tabs_area3 #tab36:checked~#tab36_content {
	display: block;
}

.tabs_area3 #tab37:checked~#tab37_content {
	display: block;
}

.tabs_area3 #tab38:checked~#tab38_content {
	display: block;
}

.tabs_area3 #tab39:checked~#tab39_content {
	display: block;
}

.tabs_area3 #tab40:checked~#tab40_content {
	display: block;
}

.tabs_area3 #tab41:checked~#tab41_content {
	display: block;
}

.tabs_area3 #tab42:checked~#tab42_content {
	display: block;
}

.tabs_area3 #tab43:checked~#tab43_content {
	display: block;
}

.tabs_area3 #tab44:checked~#tab44_content {
	display: block;
}

.tabs_area3 #tab45:checked~#tab45_content {
	display: block;
}

.tabs_area3 #tab46:checked~#tab46_content {
	display: block;
}

.tabs_area3 #tab47:checked~#tab47_content {
	display: block;
}

.tabs_area3 #tab48:checked~#tab48_content {
	display: block;
}

.tabs_area3 #tab49:checked~#tab49_content {
	display: block;
}

.tabs_area3 #tab50:checked~#tab50_content {
	display: block;
}

.tabs_area4 {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	padding: 25px 5px 25px;
	margin-bottom: 28px;
	/* 表示のアニメーション */
}

.tabs_area4 .spnone {
	display: block;
}

.tabs_area4 input:checked+.tab_label {
	color: #fff;
	background-color: #13c3ac;
}

.tabs_area4 input:checked+.tab_label::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #13c3ac transparent transparent transparent;
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	transition: all 0.3s ease 0s;
}

.tabs_area4 .tab_label {
	color: #13c3ac;
	font-weight: bold;
	font-size: 13px;
	border: solid 2px #13c3ac;
	text-align: center;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	padding: 10px 0;
	margin: 0;
	transition: opacity 0.3s ease;
	line-height: 1.4;
}

.tabs_area4 .tab_label:hover {
	opacity: 0.75;
}

.tabs_area4 .tab_content {
	flex: 100%;
	display: none;
	overflow: hidden;
	padding: 25px 5px 0;
}

.tabs_area4 input[name="tab_switch4"] {
	display: none;
}

.tabs_area4 .tab_content {
	position: relative;
	animation: fadeIn 1s ease;
}

.tabs_area4 #tab0:checked~#tab0_content {
	display: block;
}

.tabs_area4 #tab1:checked~#tab1_content {
	display: block;
}

.tabs_area4 #tab2:checked~#tab2_content {
	display: block;
}

.tabs_area4 #tab3:checked~#tab3_content {
	display: block;
}

.tabs_area4 #tab4:checked~#tab4_content {
	display: block;
}

.tabs_area4 #tab5:checked~#tab5_content {
	display: block;
}

.tabs_area4 #tab6:checked~#tab6_content {
	display: block;
}

.tabs_area4 #tab7:checked~#tab7_content {
	display: block;
}

.tabs_area4 #tab8:checked~#tab8_content {
	display: block;
}

.tabs_area4 #tab9:checked~#tab9_content {
	display: block;
}

.tabs_area4 #tab10:checked~#tab10_content {
	display: block;
}

.tabs_area4 #tab11:checked~#tab11_content {
	display: block;
}

.tabs_area4 #tab12:checked~#tab12_content {
	display: block;
}

.tabs_area4 #tab13:checked~#tab13_content {
	display: block;
}

.tabs_area4 #tab14:checked~#tab14_content {
	display: block;
}

.tabs_area4 #tab15:checked~#tab15_content {
	display: block;
}

.tabs_area4 #tab16:checked~#tab16_content {
	display: block;
}

.tabs_area4 #tab17:checked~#tab17_content {
	display: block;
}

.tabs_area4 #tab18:checked~#tab18_content {
	display: block;
}

.tabs_area4 #tab19:checked~#tab19_content {
	display: block;
}

.tabs_area4 #tab20:checked~#tab20_content {
	display: block;
}

.tabs_area4 #tab21:checked~#tab21_content {
	display: block;
}

.tabs_area4 #tab22:checked~#tab22_content {
	display: block;
}

.tabs_area4 #tab23:checked~#tab23_content {
	display: block;
}

.tabs_area4 #tab24:checked~#tab24_content {
	display: block;
}

.tabs_area4 #tab25:checked~#tab25_content {
	display: block;
}

.tabs_area4 #tab26:checked~#tab26_content {
	display: block;
}

.tabs_area4 #tab27:checked~#tab27_content {
	display: block;
}

.tabs_area4 #tab28:checked~#tab28_content {
	display: block;
}

.tabs_area4 #tab29:checked~#tab29_content {
	display: block;
}

.tabs_area4 #tab30:checked~#tab30_content {
	display: block;
}

.tabs_area4 #tab31:checked~#tab31_content {
	display: block;
}

.tabs_area4 #tab32:checked~#tab32_content {
	display: block;
}

.tabs_area4 #tab33:checked~#tab33_content {
	display: block;
}

.tabs_area4 #tab34:checked~#tab34_content {
	display: block;
}

.tabs_area4 #tab35:checked~#tab35_content {
	display: block;
}

.tabs_area4 #tab36:checked~#tab36_content {
	display: block;
}

.tabs_area4 #tab37:checked~#tab37_content {
	display: block;
}

.tabs_area4 #tab38:checked~#tab38_content {
	display: block;
}

.tabs_area4 #tab39:checked~#tab39_content {
	display: block;
}

.tabs_area4 #tab40:checked~#tab40_content {
	display: block;
}

.tabs_area4 #tab41:checked~#tab41_content {
	display: block;
}

.tabs_area4 #tab42:checked~#tab42_content {
	display: block;
}

.tabs_area4 #tab43:checked~#tab43_content {
	display: block;
}

.tabs_area4 #tab44:checked~#tab44_content {
	display: block;
}

.tabs_area4 #tab45:checked~#tab45_content {
	display: block;
}

.tabs_area4 #tab46:checked~#tab46_content {
	display: block;
}

.tabs_area4 #tab47:checked~#tab47_content {
	display: block;
}

.tabs_area4 #tab48:checked~#tab48_content {
	display: block;
}

.tabs_area4 #tab49:checked~#tab49_content {
	display: block;
}

.tabs_area4 #tab50:checked~#tab50_content {
	display: block;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		top: 30px;
	}

	100% {
		opacity: 1;
		top: 0;
	}
}

/* メディアクエリ */
@media (max-width: 768px) {
	.tab_label {
		flex: calc(20% - 10px);
		margin: 5px 0;
	}

	.tabs_area {
		gap: 5px;
	}

	.tabs_area .spnone {
		display: none;
	}
}

/* 隠しテキストの初期状態（閉じているとき） */
.a_contents {
	display: none;
	opacity: 0;
	height: 0;
	overflow: hidden;

	/* ヌルッと動かすための設定 */
	transition: opacity 0.3s ease, height 0.3s ease, display 0.3s ease allow-discrete;
}

/* 開いているとき（JSで display: block がついたとき） */
.a_item.active+.a_contents,
.a_contents[style*="display: block"] {
	display: block;
	opacity: 1;
	height: auto;
	/* 自動でコンテンツの高さに合わせる */
	height: wrap-content;
	/* より厳密なモダンブラウザ用 */

	/* 開くときのアニメーション開始点をブラウザに認識させる */
	@starting-style {
		opacity: 0;
		height: 0;
	}
}
h5::before {
  content: "▶";
  margin-right: 6px;
}

h6::before {
  content: "◎";
  margin-right: 6px;
}