@charset "utf-8";

* {box-sizing: border-box;}
ib {display: inline-block;}

.ai-hosoku {margin: 30px 0; padding: 10px; background-color: #efefef; border-radius: 6px;}
.ai-hosoku p {font-size: 14px; margin: 0;}

/*** マウスオーバー時に画像拡大 ***/
.hoverbig {overflow: hidden; width: 100%; height: auto;}
.hoverbig img {display: block; transition: 0.5s;}
.hoverbig img:hover {transform: scale(1.4, 1.4);}


.main_a {width: 100%; margin: 160px auto 150px auto;}
@media screen and (max-width: 1040px) {.main_a {margin: 80px auto 80px auto;}}
.waku_container {width: 100%; margin: 0 auto; position: relative;}
@media screen and (max-width: 1040px) {.waku_container {height: 555px; margin-bottom: 30px;}}

.mask1 {width: 100%; height: 320px; position: absolute; top: 137px; left: 0; cursor: pointer; background-color: rgba(255,255,255,0.7); z-index: 1; transition: all 0.5s ease-out;}
.mask1:hover {background-color: rgba(255,255,255,0);}
.mask2 {width: 100%; height: 320px; position: absolute; top: 137px; left: 0; cursor: pointer; background-color: rgba(255,255,255,0.7); z-index: 1; transition: all 0.5s ease-out;}
.mask2:hover {background-color: rgba(255,255,255,0);}
.mask3 {width: 100%; height: 320px; position: absolute; top: 137px; left: 0; cursor: pointer; background-color: rgba(255,255,255,0.7); z-index: 1; transition: all 0.5s ease-out;}
.mask3:hover {background-color: rgba(255,255,255,0);}
.mask4 {width: 100%; height: 320px; position: absolute; top: 137px; left: 0; cursor: pointer; background-color: rgba(255,255,255,0.7); z-index: 1; transition: all 0.5s ease-out;}
.mask4:hover {background-color: rgba(255,255,255,0);}

@media screen and (max-width: 1040px) {.mask1, .mask2, .mask3, .mask4 {top: 103px; height: 225px;}}

.img_left1 {background-image: url("../images/main_a01.jpg"); position: absolute; top: 137px;}
.img_right1 {background-image: url("../images/main_a02.jpg"); position: absolute; top: 137px;}
.img_left2 {background-image: url("../images/main_a03.jpg"); position: absolute; top: 137px;}
.img_right2 {background-image: url("../images/main_a04.jpg"); position: absolute; top: 137px;}

.waku {width: 1040px; height: 740px; margin: 0 auto; position: relative;}
@media screen and (max-width: 1040px) {.waku {width: 100%;}}

.main_a img.maina01 {width: 288px; height: 170px; position: absolute; top: 0; left: 0; z-index: 1;}
.main_a p.maina01 {position: absolute; top: 290px; left: 170px;}
.main_a h2.maina01 {position: absolute; top: 120px; left: 467px;}
.main_a img.maina02 {width: 288px; height: 170px; position: absolute; top: 0; right: 0; z-index: 1;}
.main_a p.maina02 {position: absolute; top: 290px; right: 135px;}
.main_a h2.maina02 {position: absolute; top: 120px; left: 467px;}
.main_a img.maina03 {width: 288px; height: 170px; position: absolute; top: 0; left: 0; z-index: 1;}
.main_a p.maina03 {position: absolute; top: 290px; left: 170px;}
.main_a h2.maina03 {position: absolute; top: 120px; left: 467px;}
.main_a img.maina04 {width: 288px; height: 170px; position: absolute; top: 0; right: 0; z-index: 1;}
.main_a p.maina04 {position: absolute; top: 290px; right: 135px;}
.main_a h2.maina04 {position: absolute; top: 120px; left: 467px;}

@media screen and (max-width: 1040px) {.main_a img.maina01, .main_a img.maina02, .main_a img.maina03, .main_a img.maina04 {width: 124px; height: 80px; left: 30px; z-index: 1;}}

@media screen and (max-width: 1040px) {.main_a p.maina01, .main_a p.maina02, .main_a p.maina03, .main_a p.maina04 {top: 220px; right: 10%; left: unset; height: 380px; font-weight: 600;}}
@media screen and (max-width: 559px) {.main_a p.maina01, .main_a p.maina02, .main_a p.maina03, .main_a p.maina04 {top: 160px; right: 2%;}}

@media screen and (max-width: 1040px) {.main_a h2.maina01, .main_a h2.maina02, .main_a h2.maina03, .main_a h2.maina04 {
	height: 460px;
    top: 90px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 36px;
    letter-spacing: 0.22em;
    font-weight: 500;
	}
}

.main_a p {
	font-family: 'Noto Serif JP', serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 3.2em;
    letter-spacing: 2.5px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    z-index: 1;}
@media screen and (max-width: 1040px) {.main_a p {line-height: 2.6em;}}
@media screen and (max-width: 559px) {.main_a p {line-height: 2.2em;}}

.main_a h2.waku_title {
	font-family: 'Noto Serif JP', serif;
    font-size: 34px;
    font-weight: 400;
    letter-spacing: 0.25em;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    position: absolute;
    top: 120px;
    left: 467px;
    z-index: 1;}

@media screen and (max-width: 1040px) {.main_a h2.waku_title {font-size: 1.7rem; top: 80px; left: 0; right: 0;}}
@media screen and (max-width: 559px) {.main_a h2.waku_title {font-size: 1.5rem;}}

.main_a .img_left1, .main_a .img_left2, .main_a .img_right1, .main_a .img_right2 {
	background-position: center center;
    background-size: cover;
    width: 100%;
    height: 320px;
}
@media screen and (max-width: 1040px) {.main_a .img_left1, .main_a .img_left2, .main_a .img_right1, .main_a .img_right2 {top: 103px; height: 225px;}}


/* ------------------------------------------------------------------------------------
 探す
------------------------------------------------------------------------------------ */
#sagasu {background: rgba(0,0,0,0.7); padding: 20px;}
#sagasu .sagasu-mfj {max-width: 1150px; margin: 0 auto;}
#sagasu .sagasu-mfj .row-ar .col-4 img {width: 75%;}

/* ------------------------------------------------------------------------------------
 都道府県検索
------------------------------------------------------------------------------------ */
#sec-left {padding: 0px 10px;}
/*#sec-left img {margin-top: 60px;}*/

#sec-right {padding: 0px 10px;}

@media only screen and (max-width:767px){
	#sec-right {display: none;}
	#sec-left {max-width: 100%; flex: 0 0 100%;}
}

.heading-title-kasou {
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: 500;
	font-size: 24px;
	color: #333333;
}
.heading-title-kasou::before {
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    border-bottom: 2px solid #cccccc;
    width: 100%;
    margin: 0 auto -5px;
}
.heading-title-kasou::after {
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px solid #413328;
    width: 20%;
    margin: 0 auto -5px;
}


.heading-main-kasou {font-size: 16px;}

.genre_box {background-color: #f8f8f8; margin-top: 20px; margin-bottom: 20px;}
.genre_box table tr th {font-size: 14px; width: 15%; vertical-align: middle; border-bottom: solid 1px #cccccc; padding: 5px; background-color: #413328; color: #ffffff;}
.genre_box table tr td {font-size: 14px; width: 85%; padding: 20px; border-bottom: solid 1px #cccccc;}
.genre_box table tr td label {width: 148px; display: block; float: left;}


/**** ページネーション ****/
.pager .pagination {
  text-align: center;
}

.pager .pagination li {
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
  border-radius: 50px;
}

.pager .pagination li.pre,
.pager .pagination li.next{
  background: #ddd;
  color: #000;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

.pager .pagination li.pre a,
.pager .pagination li.next a{
  color: #000;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #000;
  background: #efefef;
  border-radius: 10px;
  border-radius: 50px;
  animation: animScale 0.4s ease-out;
  transform-origin: 50% 50%;
  -webkit-animation: animScale 0.4s ease-out;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animScale 0.4s ease-out;
  -moz-transform-origin: 50% 50%;
}
@keyframes animScale {
  0% { transform: scale(0.8, 0.8); }
  40% { transform: scale(1.2, 1.2); }
  60% { transform: scale(1, 1); }
  80% { transform: scale(1.1, 1.1); }
  100% { transform: scale(1, 1); }
}
@-webkit-keyframes animScale {
  0% { -webkit-transform: scale(0.8, 0.8); }
  40% { -webkit-transform: scale(1.2, 1.2); }
  60% { -webkit-transform: scale(1, 1); }
  80% { -webkit-transform: scale(1.1, 1.1); }
  100% { -webkit-transform: scale(1, 1); }
}
@-moz-keyframes animScale {
  0% { -moz-transform: scale(0.8, 0.8); }
  40% { -moz-transform: scale(1.2, 1.2); }
  60% { -moz-transform: scale(1, 1); }
  80% { -moz-transform: scale(1.1, 1.1); }
  100% { -moz-transform: scale(1, 1); }
}


@media only screen and (max-width: 767px){
	.pager {margin-bottom: 40px;}
  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 50px;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width:429px){
	.pager .pagination li.pre,
	.pager .pagination li.next{
    width: 35px;
    height: 35px;
  }
	.pager .pagination li {width: 35px; height: 35px;}
	.pager .pagination li span {font-size: 14px;}
}

/* ----------------------------------------------------------------------
 追加css
---------------------------------------------------------------------- */
/* right-side */
.top_side_con_box a {color: #0070c0!important;}
.line-hzero {padding: 0!important; margin: 0!important;}
.top_side_box {margin: 0 0 15px; padding: 10px 13px 0; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; background-color: #fcf8ec; border-color: #667c91;}

/* content_left */
.osusume_title {height: auto;}
.osusume_title .f10 {font-size: 14px; height: 33px;}
.osusume_title .f10 a {color: #0070C0!important;}
.osusume_waku {width: 645px!important; display: flex; flex-wrap: wrap;}
.os_text {font-size: 14px; line-height: 1.6;}
.footer_af {height: auto; width: 645px;}

/* -- 記事画像位置 -- */
.img-position {float: right; margin: 5px 0 0 20px;}

@media only screen and (max-width:991px){
	.footer_af {width: 100%!important; text-align: center;}
	#footer_sp .col-12 p.tcenter {text-align: center!important;}
}


@media only screen and (max-width:767px){
	#pankz {padding-top: 54px;}
	
	/*.ichiran_kenbn {width: 100%!important; height: auto!important; background-image: none!important;}*/
	.ichiran_kenbn_inbox {text-align: center;}
	.osusume_title {width: 100%!important; background-image: none!important; background-color: #d3e3f3; height: auto!important; line-height: 1.8!important; padding: 5px; display: inline-block; border-radius: 0.5em 0.5em 0 0; border: solid 1px #6A95BD;}
	.osusume_waku {width: 100%!important;}
	.osusume_gazou {text-align: center; width: 100%!important; float: none!important; margin: 15px auto 0!important;}
	.osusume_gazou .ft_left {max-width: 50%; width: 50%; text-align: right; padding-right: 5px;}
	.osusume_gazou .ft_right {max-width: 50%; width: 50%; text-align: left; padding-left: 5px;}
	.osusume_text {width: 100%!important; padding: 0 10px; margin-top: 0!important;}
	.osusume_rwaku {width: 100%!important;}
	.os_btn {width: 100%!important; margin-left: 0!important; text-align: center;}
	
	.top_con_box {width: 100%!important; margin: 0!important; overflow: hidden; padding: 10px;}
	.side_picup iframe {width: 100%;}
	
	article section .fright img {width: 100%; max-width: 440px; margin: 20px auto 0;}
	
	.img-position {float: none; text-align: center; margin: 0;}
	.img-position img {width: 100%; max-width: 440px; margin: 0 auto;}
}


@media only screen and (max-width:429px){
	#content_right .mt_10 a img {width: 100%; max-width: 315px; height: auto;}
	.row-a8net a img {width: 100%; height: auto;}
	.pref_topimage .pref_midashi {padding-top: 60px;}
}

@media only screen and (max-width:331px){
	.footer_af {display: none;}
	#content_right .box_center {display: none;}
}


/* ----------------------------------------------------------------------
 目次
---------------------------------------------------------------------- */
.mokuji2.cont-item ol li span {line-height: 1.6;}


@media only screen and (max-width:767px){
	.mokuji2 ol.pl40 {padding-left: 20px;}
}

/* ------------------------------------------------------------------------------------
 アマゾンアフィリエイト（住宅用）
------------------------------------------------------------------------------------ */
.amazon-af-wrap {}
.amazon-af-wrap .col-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.amazon-af {margin-top: 20px; max-width: 645px; padding: 5px;}
.amazon-af h2 {margin: 10px; line-height: 1.6; color: #121212;}
.amazon-af h2 span {background: linear-gradient(transparent 80%, #f1ec9b 0%);}
.amazon-af-box {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; position: relative;}
.amazon-af-title {font-size: 18px; font-weight: 500; color: #fff; background-color: #443c34; text-align: center; padding: 10px;}
.amazon-af-image {text-align: center; margin: 10px;}
.amazon-af-wrap .amazon-af-image a img {width: 100%; height: auto; max-width: 150px;}
.amazon-af-text {text-align: center;}
.amazon-af-text a {display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #df7208;/*ボタン色*/ font-weight: 500; border-bottom: solid 4px #c56202; border-radius: 3px; text-align: center;}
.amazon-af-text a:active {/*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/}
.amazon-af-text a:hover {text-decoration: none!important;}
.amazon-af-box-pop {position: absolute; top: 76px; left: 0;}
.amazon-af-box-pop img {width: 100%; height: auto; max-width: 90px;}

#main_contents .footer_af {width: 100%; max-width: 672px; margin: 0 auto 20px;}

.amazon-af2 {margin: 40px auto;}
.amazon-af2 .col-6 {float: none; padding: 0; margin: 0;}
.amazon-af-box-wrap {padding: 0 5px;}
.amazon-af-box-wrap .amazon-af-box {padding-bottom: 10px;}
.amazon-af2 .amazon-af-title {line-height: 1.6; padding: 15px 10px; font-size: 16px; text-align: left;}
.amazon-af2 .amazon-af-title span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 56px;}
.amazon-af2 .amazon-af-image {margin: 20px 0;}
.amazon-af2 .amazon-af-image a img {width: auto; height: 120px;}
.amazon-af2 .amazon-af-text {line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 56px;}
.amazon-af2 .amazon-af-text a {display: block; background: none; border: none;}
.amazon-af2 .afam-buy {margin: 20px 10px 0; text-align: center;}
.amazon-af2 .afam-buy a {position: relative; display: inline-block; padding: 5px 30px; text-decoration: none; background: #e1650f; border-bottom: solid 2px #bd4200; border-radius: 2px; box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19); color: #fff;}
#old-pc #contents #content_left article section .amazon-af2 .afam-buy a {color: #fff;}


@media only screen and (max-width: 767px) {
	.amazon-af-wrap .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}

@media only screen and (max-width:480px){
	.amazon-af2 .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0 0 20px;}
	.amazon-af2 .col-6:last-child {margin: 0;}
	.amazon-af-box-wrap {padding: 0;}
}


/*--------------------
 マーカーアンダーライン
--------------------*/
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(240,246,84) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation.active{background-position: -100% .5em;}

.marker-animation-b {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(127,178,248) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation-b.active{background-position: -100% .5em;}
 
.marker-animation-r {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(248,179,179) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation-r.active{background-position: -100% .5em;}
 
.marker-animation-g {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(179,248,182) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation-g.active{background-position: -100% .5em;}

.marker-animation-o {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(247,159,88) 50%);
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 1.5s ease 0.8s;
    font-weight: bold;
}
.marker-animation-o.active{background-position: -100% .5em;}


/* ------------------------ */
/* 動画の埋め込み
/*------------------------- */
	#movie .col-12 h2 {margin-left: 0;}
	#movie_slider {width: 100%; margin: 40px 0 70px;}
	.osietetyan-title {position: absolute; top: 128px; left: 0; z-index: 99;}
	.yt-osiete {width: 160px;}
	#movie_slider .image {width: 100%; aspect-ratio: 16 / 9;}
	#movie_slider .image lite-youtube {position: relative; width: 100%; height: 100%; filter: brightness(25%); transform: scale(.7); transition: filter .5s, transform .5s;}
	#movie_slider .slick-center lite-youtube {opacity: 1; transform: scale(1); filter: brightness(100%);}
	#movie_slider .slick-dots {position: absolute; bottom: -48px; left: 0; width: 100%; z-index: 1; text-align: center;}
	#movie_slider .slick-dots li {display: inline-block; margin: 0 5px;}
	button {padding: 0; border: none; width: 10px; height: 10px; border-radius: 50%; background-color: silver; color: transparent; -webkit-appearance: none;}
	.slick-active button {background-color: #413328;}
	
lite-youtube button.lty-playbtn {filter: none; border-radius: inherit;}

	@media only screen and (max-width:1199px) {
		.osietetyan-title {left: 100px;}
		.yt-osiete {width: 120px;}
	}
	@media only screen and (max-width: 767px) {
		#movie_slider {margin: 20px 0 60px;}
		#movie_slider .slick-dots {bottom: -40px;}
		.osietetyan-title {position: relative; top: inherit; left: inherit; margin-top: 20px;}
	}



/* ------------------------ */
/* フッター手前誘導リンク
/*------------------------- */
.announcement {text-align: center;}
.announcement a {color: #657e94;}
.announcement a .announcement-inner {background-color: #ebf6ff; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease; margin-bottom: 1px; border-top: solid 4px #657e94; border-bottom: solid 2px #657e94;}
.announcement a:hover {text-decoration: none;}
.announcement a:hover .announcement-inner {background-color: #657e94; color: #fff;}
.announcement-inner {padding: 1em;}
.announcement-inner span {font-weight: 600;}



/* ------------------------ */
/* 右サイドコンテンツ
/*------------------------- */
/*@media only screen and (max-width: 767px) {
	.side_picup {display: none;}
	#content_right .line-hzero:first-child {display: none;}
	#content_right .col-12 {display: none;}
}*/


/* ------------------------ */
/* クライアント掲載ページ
/*------------------------- */
.page_main_txt dd {word-break: break-all;}



/* ------------------------ */
/* POINT
/*------------------------- */
.point-wrap {position: relative; margin: 2em 0 0; padding: 1.5em; border: 2px solid #333;}
.point-wrap::before {font-size: 1em; position: absolute; content: 'POINT'; top: -26px; left: -2px; height: 24px; padding: 0 1em; color: #fff; background: #333;}
.point-wrap h3 {margin: 0; padding: 0.25em 0.5em; font-weight: 600;}
.point-wrap p {margin: 20px 0 0;}
.point-wrap p.mt0 {margin: 0;}
.point-wrap ul {margin: 20px 0 0;}
.point-wrap ul li {}

@media only screen and (max-width: 480px) {
	.point-wrap {padding: 0.8em;}
	.point-wrap::before {font-size: 0.8em; height: 20px; top: -22px;}
	.point-wrap p {font-size: 14px;}
}


/* ------------------------------------------------------------------------------------
 A8アフィリエイト 2（6ブロック）
------------------------------------------------------------------------------------ */
.a8-affiliate2 {margin: 40px 0;}
.a8-affiliate2-wrap {border: solid 1px #ccc; border-radius: 8px; padding: 5px 5px 10px;}
.a8-affiliate2-wrap .col-4 {float: none; padding: 0; margin: 0;}
.a8-affiliate2-item {padding: 5px;}
.a8-affiliate2-item a {display: block;}
.a8-affiliate2-item img {display: none;}
.a8-affiliate2-item a img {display: block; width: 100%; height: auto; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; border-radius: 8px;}
p.sponsored-link {text-align: center; font-size: 12px; line-height: 1.8;}

@media only screen and (max-width: 767px){
	.a8-affiliate2 {margin: 20px 0;}
	.a8-affiliate2-wrap .col-4 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}


/* ------------------------ */
/* 出典、引用、参考etc
/*------------------------- */
.inyou {font-size: 14px;}
.inyou a {color: #0070C0; transition: 0.3s;}
.inyou a:hover {color: darkorange; text-decoration: underline!important;}

/* ------------------------ */
/* BOX AREA
/*------------------------- */
section .content-box {margin: 20px 10px 5px;}
.content-box p {font-weight: 600;}
section .content-box ul {list-style: none; margin: 15px 0 15px 10px;}
.content-box ul li.cont-house {color: #121212; padding-left: 24px; margin-bottom: 10px; line-height: 1.3em;  background: url("../images/info/aging-house/li-icon.png") left 0px top 0px no-repeat; background-size: 18px auto;}

.content-box.green-box {background-color: #dafbdc; border: solid 3px #017709;}
.content-box.green-box h5 {color: #094e0d; font-size: 1.2em;}
.content-box.green-box p {color: #017709;}
.content-box.brown-box {background-color: #fde0ce; border: solid 3px #a03e01;}
.content-box.brown-box h5 {color: #70330d; font-size: 1.2em;}
.content-box.brown-box p {color: #a03e01;}
.content-box.brue-box {background-color: #ced4fd; border: solid 3px #0141a0;}
.content-box.brue-box h5 {color: #0e356e; font-size: 1.2em;}
.content-box.brue-box p {color: #0141a0;}

@media only screen and (max-width: 767px) {
	section .content-box ul {margin: 15px 0;}
}

/* ------------------------ */
/* カラーテーブル
/*------------------------- */
table.color-table {width: 100%; margin-top: 15px;}
table.color-table tr td {width: 100%; padding: 1em;}
table.color-table tr td strong {color: #fff; font-size: 1.1em;}
table.color-table tr td h4 {color: orange; font-weight: 600; margin: 0; font-size: 1.1em;}
table.color-table tr td p {font-size: 1.1em;}



/* ------------------------ */
/* こんなランキングもあります
/*------------------------- */
.konna-lanking {margin: 30px 0;}
.konna-lanking-title {font-size: 16px; font-weight: 600; color: #fff; padding: 7px 15px; border-radius: 5px 5px 0 0; background-color: #cc572c;}
.konna-lanking-box {background-color: #f9e4dc; padding: 10px; border: solid 2px #cc572c; border-radius: 0 0 5px 5px; width: 100%;}
.konna-lanking-box .col-6 {padding: 5px; margin-bottom: 0;}
.konna-lanking-box .col-6 a {display: block; background-color: #fff; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; height: 93px; position: relative; transition: 0.3s;}
.konna-lanking-box .col-6 a:hover {background-color: #f4f5f9;}
.konna-lanking-box .col-6 a:hover img {opacity: 0.8;}
.konna-lanking-box .col-6 a:hover .konna-lanking-text span {color: #0070c0;}

.konna-lanking-img {display: block; padding: 5px; max-width: 120px;}
.konna-lanking-img img {width: 100%; height: auto; transition: 0.3s;}
.konna-lanking-text {overflow: hidden; position: absolute; top: 10px; left: 120px; transition: 0.3s; line-height: 1.4;}
.konna-lanking-text span {font-weight: 600; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.konna-lanking-sitelogo {position: absolute; bottom: 0; right: 5px;}
.konna-lanking-sitelogo img {width: 30px; height: 30px;}

@media only screen and (max-width: 767px) {
	.konna-lanking-box .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}


/* ------------------------ */
/* 教えて住宅さんが選ぶおすすめランキング
/*------------------------- */
.ranking-best {margin: 2em 0;}
h3.ranking-best-title {text-align: center; line-height: 1.4; margin: 0 0 0.5em; padding: 5px; font-size: 1.2em; background-color: #6d6d6d; color: #fff;}
.ranking-best .col-6 {margin: 0; padding: 0;}
.ranking-best-item {border-bottom: solid 1px #efefef; margin-right: 12px;}
.ranking-best-item a {display: flex;}
.ranking-best-item a:hover {}
.ranking-best-img {max-width: 96px; padding: 8px; height: 70px;}
.ranking-best-img img {width: 100%; height: auto; border-radius: 4px;}
.ranking-best-text {display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; height: 70px; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 8px 8px 8px 0;}
.ranking-best-text h4 {display: flex; margin: 0; font-size: 16px;}
.ranking-best-text h4 span {-webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; overflow: hidden;}
icon {color: #999; font-size: 16px; font-weight: 600; width: 16px; height: 16px; margin-bottom: 10px;}

@media only screen and (max-width: 767px) {
	.ranking-best .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}


/* ------------------------ */
/* 下層コンテンツ画像フル
/*------------------------- */
.image-content {margin-top: 20px;}
.image-content img {width: 100%; height: auto; max-width: 645px;}
.image-content p {font-size: 13px;}
.image-content p a {color: #0070C0; transition: 0.3s;}
#old-pc #contents #content_left article section .image-content p a:hover {color: #cd6500; text-decoration: none!important;}


/* ------------------------ */
/* dictionary
/*------------------------- */
.dic-ban-wrap {display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;}
.dic-ban-wrap img {width: 100%; height: auto; max-width: 315px;}