/*
Template: jin
Theme Name: jin-child
Author: CrossPiece
Version: 1.00
*/

@charset"utf-8";

/* 　汎用クラス */
.font_weight_700 {
	font-weight: 700 !important;
}

.break-sp,
.block_sp {
	display: block !important;
}

.block_lg {
	display: none !important;
}


@media (min-width: 768px) {

	.break-sp,
	.block_sp {
		display: none !important;
	}

	.block_lg {
		display: block !important;
	}
}

/* PC サーチ呼び出しの虫眼鏡アイコン、ぱんくずの文字色を変更 */
#headmenu .headsns a,
#headmenu,
#breadcrumb ul li,
#breadcrumb ul li a {
	color: #008ab4 !important;
	/* テーマカラー濃色 */
}

/* ブランドバンド */
#header-box {
	border-bottom: solid 2px #008ab4;
}

/* トップページキーグラフィック */
#main-image {
	margin-bottom: 1.0rem;
}

@media (min-width: 1024px) {
	#main-image {
		border-bottom: solid 2px #008ab4;
	}
}

/* デフォルトのデザインを上書き */
.cps-post-main img {
	margin-bottom: 0;
}

/* フッター独自デザイン */
/* フッターの調整はCSS （外観 > カスタマイズ の設定は使用しないこと） */
#wrapper {
	background: linear-gradient(to bottom, #ffffff 95%, #dceff7 100%) !important;
}

@media (min-width: 1024px) {
	#wrapper {
		background: linear-gradient(to bottom, #ffffff 80%, #dceff7 100%) !important;
	}
}

@media (max-width: 1023px) {
	#sidebar {
		margin-bottom: 60px;
	}
}

#breadcrumb {
	margin-bottom: 70px;
}

#breadcrumb:after {
	background-color: transparent;
	opacity: 0 !important;
}

#breadcrumb ul {
	min-height: 30px;
}

footer {
	position: relative;
	background-color: #007AB2;
}

footer::before {
	content: "";
	height: 50px;
	width: 100%;
	background: url("/wp-content/uploads/bkgr_footer.png") repeat-x;
	position: absolute;
	top: -50px;
}

.footer-inner {
	padding-top: 15px;
	padding-bottom: 15px;
}

#page-top a {
	background-color: #ffaa40 !important;
}

/* 独自キャラクターのボックスデザイン */

.my_characterbox {
	margin-bottom: 20px;
}

.my_characterbox_header img {
	width: 80px;
	height: 80px;
}

.my_characterbox .simple-box1 {
	background-color: #fff;
	padding: 0;
	margin-bottom: 0;
}

.my_characterbox_header {
	display: flex;
	padding: 15px 0;
}

.my_characterbox_01 .my_characterbox_header {
	background-color: #E1ECF5;
}

.my_characterbox_02 .my_characterbox_header {
	background-color: #EADABD;
}

.my_characterbox_02 .simple-box1 {
	border-color: #B1945E !important;
}

.my_characterbox_header_i {
	width: 40%;
	display: flex;
	justify-content: space-around
}

.my_characterbox_header_p {
	width: 60%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.my_characterbox_body {
	padding: 20px 25px;
}

.name-author {
	font-weight: 700;
}

.name-author em {
	font-style: normal;
}




@media (min-width: 1024px) {
	.my_characterbox {
		margin-bottom: 20px;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.my_characterbox_01 {
		background-image: url("/wp-content/uploads/bkgr_dotted_01.gif");
	}

	.my_characterbox_02 {
		background-image: url("/wp-content/uploads/bkgr_dotted_02.gif");
	}

	.my_characterbox_header img {
		width: 130px;
		height: 130px;
	}

	.name-author {
		font-size: 125%;
	}
}

/* JINコンポーネントのデフォルトデザインを上書き、キャラクター画像を追加 */
.simple-box3,
.simple-box4 {
	position: relative;
}

.simple-box3::after,
.simple-box4::after {
	position: absolute;
	bottom: -20px;
	right: 10px;
}

.simple-box3::after {
	width: 72px;
	height: 90px;
	content: "";
	background-image: url("/wp-content/uploads/box_character_01.png");
	background-repeat: no-repeat;
	background-size: contain;
}

.simple-box4 {
	padding-right: 60px;
}

.simple-box4::after {
	width: 60px;
	height: 90px;
	content: "";
	background-image: url("/wp-content/uploads/box_character_02.png");
	background-repeat: no-repeat;
	background-size: contain;
}

@media (min-width: 1024px) {
#drawernav3 ul.menu-box li.menu-item a {
        padding: 3px 1rem;
    }
}
	.simple-box3,
	.simple-box4 {
		padding-right: 150px;
	}

	.simple-box3::after,
	.simple-box4::after {
		background: none;
		bottom: -20px;
		right: 20px;
	}

	.simple-box3::after {
		content: url("/wp-content/uploads/box_character_01.png");
		width: 120px;
		height: 150px;
	}

	.simple-box4::after {
		content: url("/wp-content/uploads/box_character_02.png");
		width: 93px;
		height: 140px;
	}
}

.simple-box5 {
	position: relative;
}

.simple-box5:after {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-bottom: 15px solid #11a0c0;
}

/* デフォルトのテーブルのスタイルを上書き */
.cps-post-main table {
	border: solid 3px #cdd9de;
	margin-bottom: 20px;
}

.cps-post-main table tr th {
	border: solid 1px #cdd9de;
	background-color: #eef1f1;
	font-size: 13px;
	font-weight: 700;
}

.cps-post-main table tr td {
	border: solid 1px #cdd9de;
}

.cps-post-main table tr th:last-child,
.cps-post-main table tr td:last-child {
	border-right: none;
}

/* 掲載組織の所在地等データ */
.cps-post-main .my_table_data table {
	border: solid 1px #ccc;
}

.cps-post-main .my_table_data table tr th {
	white-space: nowrap;
	background-color: #fafafa;
	text-align: left;
}

.cps-post-main .my_table_data table tr td {
	font-size: 85%;
}

.trader_name::before,
.trader_location::before,
.trader_phone::before,
.trader_bizarea::before,
.trader_website::before {
	font-family: 'jin-icons', sans-serif;
	margin-right: 0.5rem;
}

.trader_name::before {
	content: "\e917";
	/* jin_icon_home */
}

.trader_location::before {
	content: "\e911";
	/* jin_icon_droppin */
}

.trader_phone::before {
	content: "\e994";
	/* jin_icon_telephone */
}

.trader_bizarea::before {
	content: "\e92b";
	/* jin_icon_star */
}

.trader_website::before {
	content: "\e947";
	/* jin_icon_website */
}

/* セル幅調整クラス */
.w10 {
	width: 10%;
}

.w15 {
	width: 15%;
}

.w18 {
	width: 18%;
}

.w20 {
	width: 20%;
}

.w25 {
	width: 25%;
}

.w30 {
	width: 30%;
}

.w40 {
	width: 40%;
}

/* 定義リスト */
.my_definition_list {
	margin-bottom: 15px;
	border: solid 1px #c5e7f5;
}

.my_definition_list dt {
	padding-left: 0.5rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	font-size: 105%;
	font-weight: 700;
	/* 	color: #32b8f0; */
	background-color: #c5e7f5;
}

.my_definition_list dt::before {
	margin-right: 0.5rem;
	content: "\e9c4";
	/* jin_icon_fingerright */
	font-family: "jin-icons", sans-serif;
}

.my_definition_list dd {
	font-size: 95%;
}

.my_definition_list dd ul {
	margin: 0.75rem 0.5rem;
}

.cps-post-main .my_definition_list dd ul li {
	margin-bottom: 0.5rem;
}

/* CTAボタン　独自スタイル */
.my_cta_button a {
	display: block;
	position: relative;
}

.my_cta_button a::after {
	content: "\e902";
	/* jin_icon_arrowcircle */
	font-family: 'jin-icons' !important;
	margin-left: 0.5rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}

/* プロフィール */
/* #widget-profile-2 {
	background-color: #eef6f9;
	border: solid 1px #008ab4;
}
.my-profile .my-profile-thumb {
	border: solid 1px #008ab4;
} */

/* ページ下部にランキングを設定するとバナー画像が表示されない不具合への対処　 */
.widget-ranking .wide-layout ul li .side-ranking-meta .side-ranking-img img {
	display: inline-block;
	width: 100%;
	height: auto;
}

#post-bottom-widget .widget-ranking .side-btn-box {
	padding-left: 0;
	padding-right: 0;
}

#post-bottom-widget .widget-ranking .wide-layout ul li .side-ranking-btn {
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
}

.side-ranking-btn.color-button02 a::before {
	content: "\e917";
	/* jin_icon_home */
	font-family: 'jin-icons' !important;
	font-family: jin-icons;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	will-change: transform;
	margin-right: 5px;
}

/* 記事下部のランキングデザイン */
.ranking-number {
	display: none;
}

.simple-style h3.side-ranking-title {
	padding-left: 0 !important;
}

.wide-layout ul li h3.side-ranking-title {
	border-color: #FFCF24 !important;
}

/*PR用*/
.accordion {
	border: solid 1px #e4e4e4;
	background-color: #f9f9f9;
	border-radius: 4px;
	color: #009DF7;
	cursor: pointer;
	padding: .5rem;
	width: 100%;
	text-align: center;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.accordion.active,
.accordion:hover {
	background-color: #ddd;
}

.accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.accordion.active:after {
	content: "\2212";
}

.accordion__content {
	padding: 0;
	background-color: white;
	display: none;
	overflow: hidden;
}

.accordion.site-info {
	margin-bottom: 2rem;
	font-size: .75rem !important;
	color: #312927 !important;
	text-align: left;
	background: #fff !important;
}

.accordion.site-info:hover,
.accordion.site-info:active {
	background: #fff;
}

.accordion__content.site-info-content {
	margin-top: -2rem;
	margin-bottom: 1rem;
	padding: .5rem;
	border: solid 1px #e4e4e4;
}

.accordion__content.site-info-content p {
	font-size: .75rem !important;
	padding-bottom: 0;
}


/* 業者ブロック ----------------------*/
/* 施工事例 */
.construction-example__area {
	position: relative;
}

.construction-example__area h5 {
	margin: 0 0 1rem 0;
}

.construction-example__area img {
	margin: 0 !important;
}

.construction-example__area .construction-example__slider {
	width: 100%;
	margin: auto;
	position: relative;
}

.construction-example__area .slide {
	display: none;
	padding: 1rem;
}

.construction-example__area .slide-inner {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.construction-example__area .slide-inner img {
	width: 100%;
	height: auto;
}

.construction-example__area .slide-inner-before,
.construction-example__area .slide-inner-after {
	width: 49%;
	position: relative;
}

.construction-example__area .slide-inner span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 10px;
	font-size: 18px;
	text-transform: uppercase;
}

.construction-example__area table {
	width: 100%;
	margin: 0;
}

.construction-example__area th,
.construction-example__area td {
	background-color: #fff;
}

.construction-example__area .prev,
.construction-example__area .next {
	cursor: pointer;
	position: absolute;
	top: 10rem;
	transform: translateY(-50%);
	width: auto;
	padding: .5rem;
	color: #fff;
	font-weight: bold;
	font-size: 1rem;
	transition: 0.6s ease;
	user-select: none;
	background-color: rgba(0, 138, 180, 0.8);
	z-index: 1000;
	border: none;
}

.construction-example__area .prev {
	left: 0;
}

.construction-example__area .next {
	right: 0;
}



/*SP・タブレット-----------------------*/
@media screen and (max-width:768px) {
	.construction-example__area .slide-inner span {
		font-size: .7rem;
	}

}

/* 関連記事 ----------------------*/
@media screen and (max-width:768px) {
.crp_related ul {
    padding: 0 !important;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	}

.crp_related.crp-rounded-thumbs a {
	width:130px;
	height:130px;
}

/* エリアページ上部のタブ ----------------------*/
#fixedDiv {
	background-color: #fff;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	display: none;
	/* 初期状態では非表示 */
}

#fixedDiv ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	border-bottom: 3px solid #f7f7f7;
	padding: 15px 10px;
}

#fixedDiv ul li {
	color: #999;
	width: 30%;
	text-align: center !important;
	font-size: 12px;
	padding: 0 !important;
}

#fixedDiv ul li:before {
	display: none;
}

#fixedDiv ul li a {
	color: #34394f;
	width: 30%;
	text-align: center !important;
	font-size: 12px;
	text-decoration: none;
}

#fixedDiv ul li a:link {
	color: #34394f;
}

/* レーティング --------------------------------*/
.number-rating {
	color: #FF8400;
	margin-left: .5rem;
}

.star-rating {
	position: relative;
	z-index: 0;
	display: inline-block;
	white-space: nowrap;
	color: #CCCCCC;
}

.star-rating:before,
.star-rating:after {
	content: '★★★★★';
	color: #ccc;
}

.star-rating:after {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
	color: #FF8400;
}

/* 業者詳細ページ --------------------------------*/
.review-detail {}

.review-detail #rtoc-mokuji-wrapper {
	display: none;
}

.review-detail__container h2 {
	font-size: 18px;
	padding: .5rem;

}

.review-detail__container h3 {
	font-size: 15px;
	padding: 0;
	margin: 2rem 0;

}

.review-detail__fv {}

.review-detail__fv__container {
	display: -webkit-flex;
	display: flex;
}

.review-detail__fv__container__left {
	width: 30%;
	margin-right: 5%;
}


.review-detail__fv__container_right {
	width: 60%;
}

.review-detail__fv__container_right-title {
	font-size: 24px !important;
	color: #008AB4;
	font-weight: bold;
	margin: 0;
	margin: 0 !important;
	padding: 0 !important;
}
}

.review-detail__fv__container_right ul.review-detail__fv__container_right-list {
	margin: 0 !important;
	padding: 0 !important;
}

.review-detail__fv__container_right ul.review-detail__fv__container_right-list li {
	margin: 0 !important;
	padding: 0 !important;
}

.review-detail__fv__container_right__bottom {
	font-weight: bold;
	margin-top: 10px;
}



.review-detail__fv__container_right__bottom {}


/* 業者詳細タブ切り替え ======*/

.review-detail__container .review-detail__container__tab-wrap {
	background-color: #fff;
	width: 100%;
	margin: 1rem auto;

}

.review-detail__container .review-detail__container__tab-wrap__area {
	position: relative;
}

.review-detail__container .review-detail__container__tab-wrap ul.review-detail__container__tab-list {
	display: flex;
	margin: 0 !important;
	padding: 0 !important;
}

.review-detail__container .review-detail__container__tab-wrap ul.review-detail__container__tab-list li {
	list-style: none !important;
	margin: 0;
	padding: 1rem 0 !important;
}

.review-detail__container .review-detail__container__tab--btn {
	width: calc(100%/2);
	padding: .5rem !important;
	background-color: #efefef;
	line-height: 1.3;
	font-size: .8rem;
	text-align: center;
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	border-bottom: solid 1px #ccc;
}


.review-detail__container .review-detail__container__tab-wrap ul.review-detail__container__tab-list li:nth-child(1) {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	opacity: 0.5;
	color: #313131;
}

.review-detail__container .review-detail__container__tab-wrap ul.review-detail__container__tab-list li:nth-child(2) {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	opacity: 0.5;
	color: #313131;
}

.review-detail__container .review-detail__container__tab-wrap ul.review-detail__container__tab-list li:nth-child(3) {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	opacity: 0.5;
	color: #313131;
}

.review-detail__container .review-detail__container__tab-wrap ul.review-detail__container__tab-list li:nth-child(4) {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	opacity: 0.5;
	color: #313131;
}

.review-detail__container .review-detail__container__tab--btn.show {
	color: #fff;
	opacity: 1.0 !important;
	background: #fff;
	border-bottom: none;

}

.review-detail__container .review-detail__container__tab-contents {
	display: none;
	width: 100%;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 2rem 1rem 1rem 1rem;
}

.review-detail__container .review-detail__container__tab-contents p {
	font-size: .875rem;
}


.review-detail__container .review-detail__container__tab-contents.show {
	display: block;
}

.review-detail__container h2 {
	margin: 0 0 2rem 0;
}



/* 口コミタブ切り替え ======*/

.review-detail__container .review-detail__container__review__tab-wrap {
	background-color: #fff;
	width: 100%;
	margin: 1rem auto;

}

.review-detail__container .review-detail__container__review__tab-wrap__area {
	position: relative;
}

.review-detail__container .review-detail__container__review__tab-wrap ul.review-detail__container__review__tab-list {
	display: flex;
	margin: 0 !important;
	padding: 0 !important;
}

.review-detail__container .review-detail__container__review__tab-wrap ul.review-detail__container__review__tab-list li {
	list-style: none !important;
	margin: 0 !important;
	padding: .5rem 0 !important;
}

.review-detail__container .review-detail__container__review__tab--btn {
	width: calc(100%/2);
	padding: .5rem !important;
	background-color: #efefef;
	line-height: 1.3;
	font-size: .8rem;
	text-align: center;
	color: #fff;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
	border-bottom: solid 1px #ccc;
}


.review-detail__container .review-detail__container__review__tab-wrap ul.review-detail__container__review__tab-list li:nth-child(1) {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	opacity: 0.5;
	color: #1F56E5;
	font-weight: bold;
}

.review-detail__container .review-detail__container__review__tab-wrap ul.review-detail__container__review__tab-list li:nth-child(2) {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	opacity: 0.5;
	color: #F27F80;
	font-weight: bold;
}



.review-detail__container .review-detail__container__review__tab--btn.show {
	color: #fff;
	opacity: 1.0 !important;
	background: #fff;
	border-bottom: none;

}

.review-detail__container .review-detail__container__review__tab-contents {
	display: none;
	width: 100%;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	padding: 2rem 1rem 1rem 1rem;
}

.review-detail__container .review-detail__container__review__tab-contents p {
	font-size: .875rem;
}


.review-detail__container .review-detail__container__review__tab-contents.show {
	display: block;
}


.review-detail__container__review__detail {
	border: solid 1px #ccc;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 15px;
}

.review-detail__container__review__detail__rating {}

.review-detail__container__review__detail__rating .rating-total {
	font-size: 1.3rem;
	font-weight: bold;
}

.review-detail__container__review__detail__rating-detail {
	margin: 0;
	padding: 0;
}

.review-detail__container__review__detail__rating>p {
	display: none;
}

.review-detail__container__review__detail__rating table {
	text-align: left !important;
	width: auto;
	margin-top: 5px;
}

.review-detail__container__review__detail__rating table th {
	text-align: left !important;
	font-size: 11px !important;
}

.review-detail__container__review__detail__rating table td {
	text-align: left !important;
	font-size: 11px !important;
}

.review-detail__container__review__detail__refer {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.review-detail__container__review__detail__refer a {
	font-size: 11px;
	text-decoration: none;
}

.review-detail__container__review__detail__refer span {
	font-size: 11px;
	color: #ccc;
}

.review-detail__container .construction-example__area .slide {
	padding: 0 1rem;
}

/*SP・タブレット-----------------------*/
@media screen and (max-width:768px) {


	.review-detail__fv__container {
		display: block;

	}

	.review-detail__fv__container__left,
	.review-detail__fv__container_right {
		width: 100%;
		margin: 0;
	}

	.review-detail__fv__container_right-title {
		font-weight: bold !important;
	}

	.review-detail__fv__container_right-list {
		background: #fffcf7;
		padding: .5rem;
	}

	.review-detail__container .review-detail__container__tab-wrap ul.review-detail__container__tab-list li {
		padding: .5rem !important;
		font-size: .75rem;
	}

	.review-detail__container h2 {
		margin: 0 0 1rem 0;
	}

	.review-detail__container .construction-example__area .slide {
		padding: 0 1rem;
	}
}






/* レーティング ==================================================================================================================*/
/*デバイス共通-----------------------*/
.star-rating[data-rate="5"]:after {
	width: 100%;
}

.star-rating[data-rate="4.9"]:after {
	width: 98%;
}

.star-rating[data-rate="4.8"]:after {
	width: 96%;
}

.star-rating[data-rate="4.7"]:after {
	width: 94%;
}

.star-rating[data-rate="4.6"]:after {
	width: 92%;
}

.star-rating[data-rate="4.5"]:after {
	width: 90%;
}

.star-rating[data-rate="4.4"]:after {
	width: 88%;
}

.star-rating[data-rate="4.3"]:after {
	width: 86%;
}

.star-rating[data-rate="4.2"]:after {
	width: 84%;
}

.star-rating[data-rate="4.1"]:after {
	width: 82%;
}

.star-rating[data-rate="4"]:after {
	width: 80%;
}

.star-rating[data-rate="3.9"]:after {
	width: 78%;
}

.star-rating[data-rate="3.8"]:after {
	width: 76%;
}

.star-rating[data-rate="3.7"]:after {
	width: 74%;
}

.star-rating[data-rate="3.6"]:after {
	width: 72%;
}

.star-rating[data-rate="3.5"]:after {
	width: 70%;
}

.star-rating[data-rate="3.4"]:after {
	width: 68%;
}

.star-rating[data-rate="3.3"]:after {
	width: 66%;
}

.star-rating[data-rate="3.2"]:after {
	width: 64%;
}

.star-rating[data-rate="3.1"]:after {
	width: 62%;
}

.star-rating[data-rate="3"]:after {
	width: 60%;
}

.star-rating[data-rate="2.9"]:after {
	width: 58%;
}

.star-rating[data-rate="2.8"]:after {
	width: 56%;
}

.star-rating[data-rate="2.7"]:after {
	width: 54%;
}

.star-rating[data-rate="2.6"]:after {
	width: 52%;
}

.star-rating[data-rate="2.5"]:after {
	width: 50%;
}

.star-rating[data-rate="2.4"]:after {
	width: 48%;
}

.star-rating[data-rate="2.3"]:after {
	width: 46%;
}

.star-rating[data-rate="2.2"]:after {
	width: 44%;
}

.star-rating[data-rate="2.1"]:after {
	width: 42%;
}

.star-rating[data-rate="2"]:after {
	width: 40%;
}

.star-rating[data-rate="1.9"]:after {
	width: 38%;
}

.star-rating[data-rate="1.8"]:after {
	width: 36%;
}

.star-rating[data-rate="1.7"]:after {
	width: 34%;
}

.star-rating[data-rate="1.6"]:after {
	width: 32%;
}

.star-rating[data-rate="1.5"]:after {
	width: 30%;
}

.star-rating[data-rate="1.4"]:after {
	width: 28%;
}

.star-rating[data-rate="1.3"]:after {
	width: 26%;
}

.star-rating[data-rate="1.2"]:after {
	width: 24%;
}

.star-rating[data-rate="1.1"]:after {
	width: 22%;
}

.star-rating[data-rate="1"]:after {
	width: 20%;
}

.star-rating[data-rate="0.9"]:after {
	width: 18%;
}

.star-rating[data-rate="0.8"]:after {
	width: 16%;
}

.star-rating[data-rate="0.7"]:after {
	width: 14%;
}

.star-rating[data-rate="0.6"]:after {
	width: 12%;
}

.star-rating[data-rate="0.5"]:after {
	width: 10%;
}

.star-rating[data-rate="0.4"]:after {
	width: 8%;
}

.star-rating[data-rate="0.3"]:after {
	width: 6%;
}

.star-rating[data-rate="0.2"]:after {
	width: 4%;
}

.star-rating[data-rate="0.1"]:after {
	width: 2%;
}

.star-rating[data-rate="0"]:after {
	width: 0%;
}


/* 都道府県リンク ====================================================*/
.home {}


.home h2 {
	background-color: #008ab4 !important;
	padding: .5rem;
	color: #fff;
	margin-bottom: 1rem;
	font-weight: bold;
}


/* 都道府県リンク ====================================================*/
.prefectureslinks {}

.prefectureslinks ul {
	display: flex;
	margin-bottom: 1rem;
}

.prefectureslinks ul li:nth-child(1) {
	font-weight: bold;
	width: 80px;
}

.prefectureslinks ul li {
	margin-right: .75rem;
}

.prefectureslinks ul li a {
	color: #008ab4;
}

.prefectureslinks ul:last-child {
	margin-bottom: 2rem;
}

/*SP・タブレット-----------------------*/
@media screen and (max-width:768px) {
	.prefectureslinks ul {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: .75rem;
		padding-bottom: .75rem;
		border-bottom: 1px #ccc solid;
	}

	.prefectureslinks ul li:nth-child(1) {
		width: 100%;
		margin-bottom: .675rem;
	}

}



/*カテゴリ用投稿LOOP ====================================================*/
.postloop__category {}

.postloop__category__contents {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.postloop__category__contents .postloop__category__contents__area {
	width: 32%;
	background: #fffcf7;
	margin-bottom: 1rem;
}

.postloop__category__contents .postloop__category__contents__area img {
	margin: 0 !important;
	width: 100%;
}

.postloop__category__contents__area_text {
	padding: .675rem;
}

.postloop__category__contents__area_text p,
.postloop__category__contents__area_text h3 {
	font-size: .75rem !important;
	color: #34394f;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 .5rem 0 !important;
	border: none !important;
	padding: 0 !important;
}

.postloop__category__contents__area_text .category-label {
	font-size: .5rem;
	border: solid 1px #009DF7;
	padding: .15rem;
}

/*SP・タブレット-----------------------*/
@media screen and (max-width:768px) {
	.postloop__category__contents .postloop__category__contents__area {
		width: 48%;
		background: #fffcf7;
		margin-bottom: 1rem;
	}
}

/*アコーディオン ====================================================*/
.accordion01 {
	background: none;
	cursor: pointer;
	padding: .5rem;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 14px;
	transition: 0.4s;
}

.accordion01:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.accordion01.active:after {
	content: "\2212";
}

.accordion01-title {
	font-weight: bold;
}

.accordion01_panel {
	padding: 0 1rem;
	display: none;
	overflow: hidden;
}

.accordion01 a,
.accordion01_panel a,
{
font-size: .8rem !important;
}


/*SP・タブレット-----------------------*/
@media screen and (max-width:768px) {}


/*エリアページ ====================================================*/
h2 a {
	color: #fff !important;
}



/*業者ブロック ====================================================*/
.btn__review {
	margin-top: 1rem;
	display: block;
	text-align: center;
	border: #ffaa40 2px solid !important;
	color: #ffaa40 !important;
	padding: 15px 30px;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	text-decoration: none !important;
	font-weight: bold;
	font-size: 12px;
}

#block-7{
margin-bottom: 5px;
font-weight: bold;
}

/*SP・タブレット-----------------------*/
@media screen and (max-width:768px) {}

/*業者再利用ブロック ====================================================*/
#rank1,
#rank2,
#rank3,
#rank4,
#rank5,
#rank6,
#rank7 {
	border: solid 3px #008ab4;
	padding: 1rem;
	margin-bottom: 2rem;
	border-radius: 5px;
}

/*SP・タブレット-----------------------*/
@media screen and (max-width:768px) {}




/*業者再利用ブロックCTA ====================================================*/
.cta__store {
	padding: 1rem;
	background-color: #efefef;
}

.cta__store__catch {
	display: block;
	text-align: center;
	margin-bottom: .5rem;
	font-weight: bold;
}

.btn-review01 {
	display: block;
	text-align: center;
	color: #ffaa40 !important;
	background-color: #fff;
	border: solid 1px #ffaa40;
	padding: 13px 30px;
	border-radius: 6px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	font-weight: bold;
	font-size: 1.2rem;
	text-decoration: none !important;
	margin-bottom: 1rem;
}

.btn-tel01 {
	display: block;
	text-align: center;
	background-color: #e9546b;
	color: #fff;
	padding: 13px 30px;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	color: #fff !important;
	font-weight: bold;
	font-size: 1.2rem;
	text-decoration: none !important;
	margin-bottom: 1rem;
}



.cta__store__row2 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.btn-site01 {
	display: block;
	text-align: center;
	background-color: #ffaa40;
	color: #fff;
	padding: 13px 30px;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	color: #fff !important;
	font-weight: bold;
	font-size: 1.2rem;
	text-decoration: none !important;
}

.cta__store__row2 .btn-site01 {
	width: 49%;
}


.btn-form01 {
	display: block;
	text-align: center;
	background-color: #ccc;
	color: #fff;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	width: 49%;
}

.btn-form01 button {
	border: none !important;
	background: none !important;
	color: #fff !important;
	font-size: 1.2rem;
	font-weight: bold;
	width: 100%;
	padding: 13px 30px;
}


/*SP・タブレット-----------------------*/
@media screen and (max-width:768px) {

	.btn-review01 {
		font-size: 0.75rem;
	}


	.btn-tel01 {
		font-size: 0.75rem;
	}

	.cta__store__row2 {}

	.btn-site01 {
		font-size: 0.75rem;
		padding: .5rem;
	}

	.btn-form01 {}

	.btn-form01 button {
		font-size: 0.75rem !important;
		padding: .5rem;
	}

}

/*CTA（雨漏り修理110番） ====================================================*/
.cta_st {
	padding: 1rem;
	margin-bottom: 2rem;
	background: #008AB4;

}

.cta_st__inner {
	padding: .5rem;
	background: #fff;

}

.cta_st__inner-pr {
	padding: .25rem;
	background: #efefef;
	font-size: .75rem;
	text-align: center;

}

.cta_st__inner__catch {
	display: flex;
	margin: .5rem 0 0 0;
	justify-content: center;
	align-items: center;
}

.cta_st__inner__catch-icon {
	margin-right: .5rem;
}

.cta_st__inner__catch-text2 {
	font-weight: bold;
	display: block;
}

.cta_st__inner__catch-text2 span {
	color: #FFAA40;
}

.cta_st__inner-pr2 {
	padding: .25rem;
	margin-bottom: .5rem;
	background: #FE889D;
	font-size: .75rem;
	text-align: center;
	color: #fff;

}


.cta_st-btn01 {
	display: block;
	text-align: center;
	background-color: #ffaa40;
	color: #fff;
	padding: .5rem;
	border-radius: 6px;
	border: none;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	color: #fff !important;
	font-weight: bold;
	font-size: .8rem;
	text-decoration: none !important;
	margin-top: .5rem;
}

.cta_st-btn02 {
	display: block;
	text-align: center;
	background-color: #fff;
	color: #fff;
	padding: .5rem;
	border-radius: 6px;
	border: solid 1px #ffaa40;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	color: #ffaa40 !important;
	font-weight: bold;
	font-size: .8rem;
	text-decoration: none !important;
	margin-top: .5rem;
}

/*SP・タブレット-----------------------*/
@media screen and (max-width:768px) {}