@charset "utf-8";

* {box-sizing: border-box;}

/*** マウスオーバー時に画像拡大 ***/
.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%;}

/* ------------------------------------------------------------------------------------
 パンくず
------------------------------------------------------------------------------------ */
#pankz {padding: 10px 10px 0px;}
#pankz ul li {float: left; font-size: 14px;}
#pankz ul li a {color: #0070c0;}

/* ------------------------------------------------------------------------------------
 都道府県検索
------------------------------------------------------------------------------------ */
#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 #7e2b23;
    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: #7e2b23; 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;}


/* ------------------------------------------------------------------------------------
 オススメ寺院・神社
------------------------------------------------------------------------------------ */
article.osusume-jisya {margin-top: 10px;}
.elements, .elements_2 {width: 645px; margin-top: 20px;}
.osusume_title {height: auto!important;}
.osusume_title .mt3 {height: 33px;}
.osusume_title .f10 {font-size: 14px;}
.osusume_title .mr20 {margin-right: 6px!important;}
.osusume_title_s {height: auto!important;}
.osusume_title_s .mt3 {height: 33px;}
.osusume_title_s .mt5 {height: 33px;}
.osusume_title_s .f10 {font-size: 14px;}
.osusume_waku {width: 645px!important; display: flex; flex-wrap: wrap;}
.osusume_waku_2 {width: 645px;}
.os_text {font-size: 14px; line-height: 1.6;}


@media only screen and (max-width:767px){
	/*.ichiran_kenbn {width: 100%!important; height: auto!important; background-image: none!important;}*/
	.ichiran_kenbn_inbox {text-align: center;}
	.elements, .elements_2 {width: 100%;}
	.osusume_title {width: 100%!important; background-image: none!important; background-color: #ebe6d5; height: auto!important; line-height: 1.8!important; padding: 5px; display: inline-block; border-radius: 0.5em 0.5em 0 0; border: solid 1px #ccc;}
	.osusume_title_s {width: 100%!important; background-image: none!important; background-color: #ebe6d5; height: auto!important; line-height: 1.8!important; padding: 5px; display: inline-block; border-radius: 0.5em 0.5em 0 0; border: solid 1px #ccc;}
	.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_title .ft_right {width: initial!important; padding-right: 5px; margin: 0;}
	.osusume_title_s .ft_right {width: initial!important; padding-right: 5px; margin: 0;}
	.osusume_rwaku {width: 100%!important;}
	.osusume_waku_2 {width: 100%;}
	.os_btn {width: 100%!important; margin-left: 0!important; text-align: center;}
}

@media only screen and (max-width:600px){.ichiran_kenbn_inbox img {width: 89px; height: auto;}}


/**** ページネーション ****/
.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;}
	
	.pref_topimage .pref_midashi {padding-top: 60px;}
}


/* ------------------------------------------------------------------------------------
 コンテンツ見出し
------------------------------------------------------------------------------------ */
section .midashi_7 {background: #f4f4f4; padding: 0.4em 0.5em; border-left: solid 5px #7db4e6; border-bottom: solid 3px #d7d7d7; font-size: 22px; color: #009BC6; line-height: 25px; margin: 30px 0 0;}

@media only screen and (max-width:767px){
	section .midashi_7 {font-size: 18px; line-height: 1.4;}
}


/* ------------------------------------------------------------------------------------
 画像入りテーブル表
------------------------------------------------------------------------------------ */
.table-in_photo {}
.table-in-item {}
.table-in-item table {}
.table-in-item th, .table-in-item td {}
.table-in-item td {vertical-align: top; line-height: 1.4;}
.table-in-item td span.in-heading {background-color: #4f4655; padding: 2px 6px 2px 16px; text-align: center; border-radius: 6px; margin-right: 5px; font-size: 0.8em; color: #fff;}
.table-in-item td img {width: 180px; height: auto;}


@media screen and (max-width: 559px) {
	.table-in-item th, .table-in-item td {display: block;}
	.special .table-in-item table tr th {text-align: center;}
	.special .table-in-item table tr td.tin-item-img {text-align: center;}
}


/* ------------------------------------------------------------------------------------
 コンテンツ背景
------------------------------------------------------------------------------------ */
.contents-bg {background: url("../images/pick-up/img/amulet-bg.webp") no-repeat center; background-size: cover;}


/* ------------------------------------------------------------------------------------
 よくある質問と回答（FAQ）
------------------------------------------------------------------------------------ */
.under-l-area {margin-top: 20px; padding: 0 10px;}
.faq-acc__a {color: #333; transition: padding-top ease-out 0.3s, padding-bottom ease-out 0.3s;}
.acc-row {background-color: #fff; margin: 1em 0;}
.faq-q .faq-acc__btn {display: block; position: relative; width: 100%; height: 100%; padding: 20px 20px 20px 86px; border: 1px solid #e5e5e5; text-align: left;}
.faq-q button {-webkit-appearance: none; appearance: none; margin: 0; padding: 0; border-radius: 0; background: transparent; color: inherit; font: inherit; text-align: inherit; text-transform: inherit; vertical-align: middle; cursor: pointer;}
.faq-q button span {font-size: 1.2em; background: #610e94; color: #fff; padding: 0.3em 0 0.5em; text-align: center; line-height: 1.2em; display: block; width: 60px; font-family: 'Bitter', serif; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); letter-spacing: .1em;}
.faq-q button span::after {content: ''; position: absolute; width: 0; height: 0; bottom: -20px; right: 10px; border-style: solid; border-color: #610e94 transparent transparent transparent; border-width: 10px 0 10px 10px; z-index: 1;}
.faq-acc__a[aria-hidden="false"] {padding: 15px 20px 20px 35px; border: 1px solid #e5e5e5; border-top: 0; text-align: left; background-color: #ece6ff;}
.faq-acc__a[aria-hidden="false"] .faq-acc__a-txt {line-height: 1.6; visibility: visible; opacity: 1; transition: opacity linear 0.2s, visibility linear 0.1s, line-height ease-out 0.3s; text-align: left; background-color: #ece6ff; text-indent: -1.5em; padding-left: 1em;}
.faq-acc__a-txt::before {font-weight: bold; content: "A"; font-size: 1.6em; padding: 0 0.3em 0 0; color: #c10505;}
.faq-acc__a[aria-hidden="true"] {overflow: hidden; padding: 0 35px; border: 1px solid #e5e5e5; text-align: left; background-color: #ece6ff;}
.faq-acc__a[aria-hidden="true"] .faq-acc__a-txt {line-height: 0; visibility: hidden; opacity: 0; transition: opacity linear 0.1s, visibility linear 0.1s, line-height ease-out 0.3s; text-align: left; background-color: #ece6ff; text-indent: -1.5em; padding-left: 1em;}





/* ------------------------------------------------------------------------------------
 アマゾンアフィリエイト
------------------------------------------------------------------------------------ */
.amazon-af {margin: 20px auto; max-width: 450px; padding: 10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; text-align: center;}
.amazon-af h2 {margin: 0; padding: 5px 10px; line-height: 1.6; background-color: #a00404; font-size: 16px; color: #fff;}
.amazon-af h2 span {background: linear-gradient(transparent 60%, #f1ec9b 0%);}
.amazon-af-box {display: grid; padding: 10px; position: relative;}
.amazon-af-title {font-size: 14px; font-weight: 500; color: #121212; text-align: left; margin: 10px 0 0; line-height: 1.4;}
.amazon-af-image {text-align: center; margin: 15px auto;}
.amazon-af-image img {width: 100%; height: auto; max-width: 180px; margin: 0 10px;}
.amazon-af-text {text-align: center; margin-top: 20px; padding-bottom: 10px;}
.amazon-af-text a {display: inline-block; padding: 3px 2em; text-decoration: none; background: #df7208;/*ボタン色*/ font-weight: 500; border-bottom: solid 4px #c56202; border-radius: 6px; 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;}

section.sec-amazon-af {}
.sec-amazon-af .amazon-af-image {max-width: 100%; margin: 0; float: none;}
.sec-amazon-af .amazon-af-image a {display: block;}
.sec-amazon-af .amazon-af-image a img {margin: 0; max-width: 150px;}
.sec-amazon-af .amazon-af .col-3 {padding: 10px;}
.sec-amazon-af .amazon-af .col-9 {padding: 10px;}
.sec-amazon-af .amazon-af .amazon-af-title {margin: 0;}

.amazon-af2 {margin: 40px auto 20px;}
.amazon-af-box-wrap {padding: 0 5px;}
.amazon-af-box-wrap .amazon-af-box {display: block; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.amazon-af2 .amazon-af-title {line-height: 1.6; padding: 15px 10px; margin: 0; background-color: #a00404; color: #fff; font-weight: bold; font-size: 16px;}
.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-bottom: 20px;}
.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; margin: 0;}
.amazon-af2 .amazon-af-text a {display: block; background: initial; border: none; padding: 0;}
.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; color: #FFF!important; 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);}
#old-pc #contents #content_left article section .amazon-af2 .afam-buy a {color: #FFF!important;} 


@media screen and (max-width: 767px) {
	.sec-amazon-af .amazon-af .col-3 {-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
	.sec-amazon-af .amazon-af .col-9 {-ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}
}

@media screen and (max-width: 559px) {
	.amazon-af-image {max-width: 100%; float: none;}
	.sec-amazon-af .amazon-af .col-3 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.sec-amazon-af .amazon-af .col-9 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;}
	.sec-amazon-af .amazon-af .amazon-af-title {text-align: center;}
}

@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_slider {width: 100%; margin: 40px 0 70px;}
	.osietetyan-title {position: absolute; top: 122px; 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: #7e2b23;}
	
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;}
	}


/* ------------------------------------------------------------------------------------
 A8アフィリエイト 2（6ブロック）
------------------------------------------------------------------------------------ */
.a8-affiliate2 {margin: 40px 0;}
.a8-affiliate2-wrap {border: solid 1px #ccc; border-radius: 8px; padding: 5px 5px 10px;}
.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; margin: 0;}

@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%;}
}


/* ------------------------ */
/* 口コミ
/*------------------------- */




/* ------------------------ */
/* AI記事補足
/*------------------------- */
.ai-hosoku {margin: 30px 0; padding: 10px; background-color: #efefef; border-radius: 6px;}
.special .ai-hosoku p {font-size: 14px;}


/* ------------------------ */
/* フッター手前誘導リンク
/*------------------------- */
.announcement {text-align: center;}
#old-pc .announcement a {color: #53281b!important;}
/*.announcement a {color: #53281b;}*/
.announcement a .announcement-inner {background-color: #fae5df; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease; margin-bottom: 1px; border-top: solid 4px #53281b; border-bottom: solid 2px #53281b;}
.announcement a:hover {text-decoration: none;}
.announcement a:hover .announcement-inner {background-color: #53281b; 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;}



/* ------------------------ */
/* こんなランキングもあります
/*------------------------- */
.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;}
.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: #4d0664; color: #fff;}
.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%;}
}


/* ------------------------ */
/* ベースページの調整
/*------------------------- */
.img_pc {display: block;}
.img_sp {display: none;}
.fright.mt20.ml10 img {width: 220px;}


@media only screen and (max-width: 767px) {
	
}

@media only screen and (max-width: 429px) {
	.img_pc {display: none;}
	.img_sp {display: block;}
	.fright.mt20.ml10 {margin: 0;}
	.fright.mt20.ml10 img {width: 100%; height: auto;}
}


/* ------------------------ */
/* 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;}


/* ------------------------ */
/* thickbox.js使用のポップアップ画像のオンマウス修正
/*------------------------- */
#TB_window a:hover img {opacity: 1;}