@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* reCAPTCHAアイコン非表示 */
.grecaptcha-badge { visibility: hidden; }

html {
  scroll-padding-top: 50px; // ヘッダーの高さ分設定
}
button {
	max-width: 100%;
}

/* ヘッダー */
.site-name-text-link {
	padding: 0;
}
.logo-image {
	padding: 0;
}
.header-in {
	flex-direction: row;
	padding: 0 30px;
}
div.header-in > :first-child { 
	margin-right: auto;
}
.logo-header i {
	margin-right: .2rem;
}
.top_numcover {
	gap: 1rem;
}
i.fa-phone {
	transform: scale(-1, 1);
}
.top-tel {
	text-align: center;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
	color: #01b4b9;
	border-radius: 2px;
	padding: 0;
    line-height: 1.2;
	margin: .55rem 0;
}
.opentime {
	font-size: 1rem;
	vertical-align: .2em;
	color: #01878b;
}
.telnum {
	font-size: 1.7rem;
	font-weight: bold;
	padding: .15rem 1rem 0;
	color: #01878b;
}
.telnum i {
	font-size: 1.35rem;
	vertical-align: .07em;
}
/* ヘッダー固定にした場合のレイアウト調整 */
.header-container-in.hlt-top-menu {
	display: block;
}
.header-container-in.hlt-top-menu .logo-image {
	padding: unset;
	margin-right: auto;
}
#header-container.fixed-header {
	background-color: rgba(1, 180, 185, 0.85);
	padding: .1rem 0;
}
#header-container.fixed-header nav {
	display: none;
}
.fixed-header .logo-header img {
	width: 120px;
}
.fixed-header .cl-slim .logo-header img {
	max-height: unset;
}
/*問い合わせボタン*/
.top-contact {
	margin: auto;
}
a.toi-buttan {
	background: linear-gradient(0deg, #4d7cf0 0%, #88a9fa 100%);
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
	border: 1px solid #6082d7;
	color: #fff;
	font-weight: bold;
	border-radius: 20px;
	padding: .25rem 1.5rem .3rem;
	font-size: 1rem;
}
.telnum span.top-telno {
	display: inline-block;
    vertical-align: 5px;
	font-size: 14px;
	padding: .3rem;
	margin-left: .5rem;
	background: #ea0666;
    color: #fff;
	border-radius: 3px;
}
.toi-buttan i {
	font-size: 1.1rem;
	margin-right: .5rem;
	vertical-align: -.1em;
}
/* ヘッダー終わり */
/* トップページ カルーセル */
.slick-dots li button:before {
	top: 20px;
}
.cat-label {
	top:unset;
	left: unset;
	bottom: 0;
	right: 0;
	font-size: 13px;
	border: none;
	padding: 2px 5px;
    max-width: 90%;
}
.new-txt {
	font-size: 12px;
	font-family: "Noto Sans JP", sans-serif;
	padding: .1rem .4rem .1rem .1rem;
    background: #ea0666;
	color: #fff;
	font-weight: bold;
	vertical-align: 3px;
	font-style: italic;
    margin-right: .5rem;
}
/* トップページ カルーセル終了 */

/* コラム */
/* .entry-categories-tags .tax-icon::before {
	content: "\f02b";
} */
.entry-categories-tags .tax-icon {
	margin-right: 0.2em;
}
.content.bg-set:has(.column)::before {
	background-color: unset;
}
.wrap:has(.column-cover) {
	width: 1100px;
}
.content.bg-set:has(.column-cover)::before {
	background: none;
}
.column-cover {
	margin: 0 auto;
	padding: 1rem 2rem;
	box-shadow: rgba(0, 0, 0, .15) 2px 3px 10px;
    border: 1px solid rgb(204, 204, 204);
}
.entry-title span.new-txt {
	font-size: 18px;
}
.column-cover h1.entry-title {
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.8rem;
	letter-spacing: 0;
	background: none;
	color: #333;
	border-bottom: 3px solid #01b4b9;
	padding-bottom: .5rem;
	margin-bottom: 1.5rem;
}
.column-cover h2 {
	padding: 1rem 2rem;
	position: relative;
	background: #eaf9f7;
	color: #333;
}
.column-cover h2::before {
	position: absolute;
    top: 25%;
    left: 15px;
    width: 5px;
    height: 50%;
	opacity: .6;
    content: '';
    border-radius: 3px;
    background: #01b4b9;
}
.column-cover h3 {
	border: none;
	border-bottom: 2px solid #01b4b9;
    padding: 0 .5rem;
    font-weight: bold;
    margin: 1rem 0 .5rem;
}
.breadcrumb-caption .new-txt {
	vertical-align: 0;
}
.column-cover .eye-catch {
	margin: 0 auto;
}
.author-box {
	width: 90%;
    margin: 0 auto;
}
.author-thumb {
	width: 150px;
	margin: 0;
	padding: 0 .5rem;
}
.author-content {
	padding: 0 2rem;
	margin-left: 0;
	width: calc(100% - 150px);
}
.author-box h4 {
	width: 100%;
	border-top: none;
	border-bottom: 1px dotted #333;
	font-size: 18px;
    margin-bottom: 1rem;
}
p.term-word {
	margin-top: 1rem;
	display: inline-block;
    background: #eaeaea;
    padding: 0 1rem;
	border-radius: 5px 5px 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
}
.term-cover {
	margin-bottom: 1rem;
	border: 1px solid #eaeaea;
	padding-bottom: .5rem;
	border-radius: 0 5px 5px 5px;
}
.term-box.flex_box {
	justify-content: left;
}
.column .a-wrap {
	background: #fff;
}
.parent-term {
	padding: .5rem .5rem 0 .5rem;
	text-align: center;
}
.child-term {
	padding: .5rem .5rem 0 .5rem;
}
.parent-term a::before, .child-term a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f02b";
	font-size: 14px;
    margin-right: 3px;
}
.parent-term a::before {
	content: "\f07b";
}
.term-con {
	border: 1px solid #01b4b9;
	color: #01b4b9;
	line-height: 1.4;
	padding: .3rem .7rem .35rem .5rem;
	font-size: 16px;
	border-radius: 3px;
	display: inline-block;
}
.term-con:hover {
	background: #01b4b9;
	color: #fff;
}
.child-term .term-con {
	margin-right: .2rem;
}
a.term-con:hover {
	color: #fff;
}
.term-con.otera, .term-box:has(.otera) .child-term .term-con {
	border: 1px solid #0146b9;
	color: #0146b9;
}
.term-con.otera:hover, .term-box:has(.otera) .child-term .term-con:hover {
	background: #0146b9;
	color: #fff;
}
.term-con.ohaka, .term-box:has(.ohaka) .child-term .term-con {
	border: 1px solid #2b01b9;
	color: #2b01b9
}
.term-con.ohaka:hover, .term-box:has(.ohaka) .child-term .term-con:hover {
	background: #2b01b9;
	color: #fff;
}
.term-con.butsu, .term-box:has(.butsu) .child-term .term-con {
	border: 1px solid #9901b9;
	color: #9901b9;
}
.term-con.butsu:hover, .term-box:has(.butsu) .child-term .term-con:hover {
	background: #9901b9;
	color: #fff;
}
.term-con.goitai, .term-box:has(.goitai) .child-term .term-con {
	border: 1px solid #b9016a;
	color: #b9016a;
}
.term-con.goitai:hover, .term-box:has(.goitai) .child-term .term-con:hover {
	background: #b9016a;
	color: #fff;
}
.term-con.sogi, .term-box:has(.sogi) .child-term .term-con {
	border: 1px solid #b90601;
	color: #b90601;
}
.term-con.sogi:hover, .term-box:has(.sogi) .child-term .term-con:hover {
	background: #b90601;
	color: #fff;
}
.term-con.temoto, .term-box:has(.temoto) .child-term .term-con {
	border: 1px solid #b97401;
	color: #b97401;
}
.term-con.temoto:hover, .term-box:has(.temoto) .child-term .term-con:hover {
	background: #b97401;
	color: #fff;
}
.term-con.takiage, .term-box:has(.takiage) .child-term .term-con {
	border: 1px solid #01b950;
	color: #01b950;
}
.term-con.takiage:hover, .term-box:has(.takiage) .child-term .term-con:hover {
	background: #01b950;
	color: #fff;
}

/* コラム 終了 */
/* 資料請求フォーム確認画面用 */
tr td.area-t {
	width: 15%;
}
.current-check {
	position: absolute;
	 top: 0;
	 left: -100vw;
}
/* 資料請求フォーム確認画面用 */

/*#header-container-in {
	width:1230px;
}*/
.content.bg-set {
	position: relative;
}
.content.bg-set::before {
	position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
	width: 100%;
	height: 150px;
	background-color: #eaf9f7;
}
.content {
	margin-top: 0;
}
.flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fv-area {
	background: #eaf9f7;
	text-align: center;
	margin-bottom: 1rem;
}
.fv-area img {
	width: 1196px;
	height: auto;
}
.main {
	padding-top:0;
	background: none;
}
h1.top-h1 {
	font-size: 1.1rem;
	text-align: center;
	margin-bottom: 2rem;
}
h1.entry-title, h1.archive-title {
	background: #eaf9f7;
	text-align: center;
	color: #01b4b9;
	font-family: 'Noto Serif JP', serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-size: 2em;
	margin: 0;
	padding: 1.4em;
	letter-spacing: 1px;
}
/* お寺さんページ */
.name-fav {
	align-items: center;
}
h1.entry-title.temple-name {
	color: #333;
	text-align: left;
	font-family: 'Noto Sans JP';
	padding:0;
	background: none;
	font-size: 26px;
}
span.current-area {
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
}
a {
  text-decoration: none;
}
.temple_cover {
	padding-top: 1rem;
	display: flex;
}
.temple_con {
	width: 80%;
}
.temple_side {
	width: 18%;
}
p.kana {
	margin-bottom: 0;
	font-size: .9rem;
}
h1.temple-name {
  margin-top: .2rem;
}
ul.kuyotype {
  display:flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
ul.kuyotype li, .kuyo-list p:first-child {
  display: inline-block;
  font-size: 1rem;
  border: 1px solid #0071ce;
  color: #0071ce;
  border-radius: 5px;
  text-align: center;
  width: 130px;
  margin-right: .4rem;
  margin-bottom: .2rem;
}
ul.kuyotype li.nokotsudo, .kuyo-list p.nokotsudo {
  border-color: #cc009c;
  color: #cc009c;
}
ul.kuyotype li.kojineitai, .kuyo-list p.kojineitai {
  border-color: #9000bf;
  color: #9000bf;
}
ul.kuyotype li.jyumoku, .kuyo-list p.jyumoku {
  border-color: #00a063;
  color: #00a063;
}
ul.kuyotype li.kaiyo, .kuyo-list p.kaiyo {
  border-color: #00b1ef;
  color: #00b1ef;
}
ul.kuyotype li.shinrin, .kuyo-list p.shinrin {
  border-color: #53b200;
  color: #53b200;  
}
ul.kuyotype li.petgoshi, .kuyo-list p.petgoshi {
  border-color: #ff69c9;
  color: #ff69c9;
}
p.exp {
  margin: .8rem 0 1rem;
}
.main-img {
  width:80%;
}
.main-img img {
  width: 765px;
  height: 512px;
  object-fit: cover;
}
.sub-img {
  width:19%;
}
.sub-img img {
  width: 180px;
  height: 122px;
  object-fit: cover;
  margin-bottom: .5rem;
}
.torder {
	width: 100%;
	text-align: center;
	padding-top: .2rem;
	border: 1px solid #01b4b9;
	border-radius: 5px;
	margin-bottom: .5rem;
}
img.tera {
  max-width:70px;
  margin: .5rem auto;
}
.torder a, .doc p {
  font-size: .95rem;
  background: #01b4b9;
  border-radius: 3px;
  color: #fff;
  display:block;
}
a.doc {
	display: block;
	width: 48.8%;
	text-align: center;
	padding: .2rem;
	border: 1px solid #01b4b9;
	border-radius: 5px;
	color: #01b4b9;
}
img.pdf, img.post {
  max-width: 50px;
  display: inline-block;
  margin: .4rem .5rem .3rem 0;
}
p.ktitle {
  color: #01b4b9;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  margin-top: 1rem;
}
.kuyo {
  margin-bottom: .5rem;
}
.ktype {
  background: #0071ce;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: .3rem .3rem 0 0;
}
.kprice {	
	text-align: right;
	font-size: 1.3rem;
	padding-right: .5rem;
	font-weight: bold;
	/*border-radius: 0 0 .3rem .3rem;*/
}
.kuyo .kprice {
	border: 1px solid #ccc;
	/*background: #f5f5f5;*/
	border-top: none;
}
.kuyo .add_price {
	background: #fff;
}
.kprice {
	color: #e50058;
}
.kprice span {
  font-size: 1rem;
  display: inline-block;
  margin-left: .3rem;
  color: #333;
}
.kuyo .ktype {
	line-height: 1.4;
	padding: .25rem;
}
.nokotsu .ktype {
  background: #cc009c;
}
.eitai .ktype {
  background: #9000bf;
}
.jyu .ktype {
  background: #00a063;
}
.kai .ktype {
  background: #00b1ef;
}
.shin .ktype {
  background: #53b200;
}
.pe .ktype {
  background: #ff69c9;
}
.map-access {
	margin-top: 2rem;
}
.mtitle {
	border-bottom: 1px solid #01b4b9;
	padding: 0 .5rem;
	font-weight: bold;
	margin: 1rem 0 .5rem;
}
.origin {
	text-align: right;
	font-size: 12px;
	color: #9E9E9E;
}
.origin a {
	color: #727272;
}
.gflow-cover {
	width: 100%;
	margin-bottom: 2rem;
}
.map-access .ad {
	margin-bottom: 1rem;
}
.map {
	width: 50%;
	height: auto;
	min-height: 300px;
}
.map-access .access {
  width: 50%;
  padding: .2rem 1rem;
}
.access i, .ad i {
  color: #01b4b9;
  margin-right:.5rem;
}
.map-access .ac {
	margin-bottom: 1rem;
}
.map-access .ac p {
	line-height: 1.6;
}
.map-access .ac p:first-child {
	font-weight: bold;
	margin-bottom: .5rem;
}
h3.pr-title, h3.chara-title {
	margin-top: 2rem;
	display: flex;
    align-items: center;
    padding: .4em .6em .3em;
    background-color: #f2f2f2;
}
h3.pr-title::before, h3.chara-title::before {
	display: inline-block;
    width: 5px;
    height: 1.5em;
    margin-right: .5em;
    background-color: #01b4b9;
    content: '';
}
.pr-area, .chara-area {
	padding: .5rem 1rem;
}
.features {
  margin-top: 1rem;
}
.features span {
  display: inline-block;
  padding: 0 .5rem;
  border:1px solid #01b4b9;
  color: #01b4b9;
  font-weight: bold;
  border-radius: 3px;
  margin: .2rem;
}
.lcover {
	width: 100%;
	margin-bottom: 2rem;
}
a.archive-link {
	display: block;
    border: 1px solid #01b4b9;
    border-radius: 5px;
    color: #01b4b9;
    font-size: 1.2rem;
    background: #fff;
    padding: 1rem;
	width: 90%;
	margin: 1rem auto .5rem;
	text-align: center;
}
.under_box {
	width: 100%;
	margin: 2rem 0;
	background: #c7efee;
}
p.inq-order_title {
	font-size: 1.5rem;
	position: relative;
	text-align: center;
	padding: 1rem 0;
	color: #fff;
	background: #01b4b9;
	margin-bottom: 2rem;
}
p.inq-order_title:after {
	position: absolute;
	bottom: -18px;
	left: 50%;
	width: 0;
	height: 0;
	content: '';
	border-width: 20px 20px 0 20px;
	border-style: solid;
	border-color: #01b4b9 transparent transparent transparent;
}
.link-cover {
	padding: 5px 30px;
}
.link-cover.center {
	justify-content: center;
}
.link-cover a {
	width: 32.5%;
	border: 1px solid #01b4b9;
	border-radius: 5px;
	color: #01b4b9;
	font-size: 1.2rem;
	font-weight: bold;
	background: #fff;
	padding-left: 1rem;
	display: block;
}
.link-cover .im {
	display: inline-block;
	width: 15%;
}
.link-cover .bun {
	display: inline-block;
	width: 85%;
	text-align: center;
	line-height: 3;
}
.flex_box.lf {
	margin-top: .5rem;
	padding: 5px 30px;
	justify-content: center;
}
.linef_cover {
	text-align: center;
	display: inline-block;
    background: #fff;
    padding: .5rem;
    border: 1px solid #01b4b9;
    border-radius: 5px;
}
p.line_come {
	color:#01b4b9;
	font-weight: bold;
	line-height: 1.2;
    margin: .5rem 0;
}
.line-qr {
	text-align: center;
}
.line-qr img {
	max-width: 100px;
}
.line-btn {
	display:none;
}
.comment {
	margin: 1rem 30px;
}
.indent {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.4;
	margin-bottom: .5rem;
}
.gmap {
	background: #01b4b9;
	color: #fff;
	padding: 0 .5rem;
	border-radius: 2px;
	font-size: 16px;
	display: inline-block;
	margin-left: .5rem;
}
a.gmap:hover {
	color: #fff;
	opacity: .5;
}
.mobile-appear.link_cover {
	margin-top: 1rem;
}
.link_cover a.link-con {
	width: 33.3%;
	text-align: center;
    padding: .4rem;
    border: 1px solid #fff;
    color: #fff;
    background: #01b4b9;
}
.link-con i {
	margin-left: .5rem;
}
.link_cover a.link-con:hover {
	opacity: .5;
}
/* お寺さんページ 終わり */

/* ご遺骨供養ページ */
.asearch_cover {
	text-align: center;
	/* background: url(../../images/goikotsu-back.jpg);
	background-repeat: no-repeat;
	background-color: rgba(255,255,255,0.5);
	background-blend-mode:lighten; */
	margin-bottom: 1rem;
	display: flex;
	justify-content: space-around;
}
.area-scover {
	width: calc(100% - 821px - 2rem);
	margin: 1rem 0;	
}
.side-search {
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: rgba(0, 0, 0, .2) 2px 3px 10px;
    border-radius: 10px;
	padding: .5rem .5rem 0 .5rem;
}
.side-search.fsearch_cover {
	padding-bottom: .5rem;
	margin-bottom: .5rem;
}
input[type=text].top-serach {
	display: block;
	width: 280px;
	font-size: 16px;
}
.side-search h3 {
	font-size: 19px;
}
button.search.top-serach_btn {
	width: 80px;
}
.area-scover h3 {
	width: 100%;
}
.sidecon {
	width: 49%;
	background: #fff;
	border-radius: 10px;
	margin-bottom: .5rem;
	padding: .5rem;
	color: #333;
	cursor: pointer;
	border: 1px solid #ccc;
}
a.sidecon:hover {
	color: #333;
}
.sidecon img {
	width: 65px;
	margin-bottom: .3rem;
}
.sidecon p {
	font-size: 14px;
	line-height: 1.4;
}
.sidecon p span {
	font-size: 16px;
	font-weight: bold;
	padding-right: .1rem;
}
.area-sidecover {
	width: 180px;
	margin: 1rem;
}
.area-sidecover .pref-content {
	background: #fff;
}
.area-sidecover label.pref-name {
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-left: 0;
}
.pref-name button {
	border: none;
    background: none;
    width: 100%;
    font-size: 1rem;
    text-align: left;
    color: #333;
	cursor: pointer;
}
.asearch-content {
	margin: 1rem 0;
	box-shadow: rgba(0, 0, 0, .2) 2px 3px 10px;
    border-radius: 10px;
    padding: 1rem;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.8);
    background-blend-mode: lighten;
}
h2.asearch-h2 {
	background: #01878b;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: center;
	letter-spacing: .05rem;
	font-size: 1.4rem;
	font-weight: normal;
	letter-spacing: .1rem;
	margin-bottom: .5rem;
}
.asearch-h2 span {
	color: yellow;
	font-weight: bold;
	padding: 0 .2rem;
	font-size: 1.6rem;
}
.asearch-content .side-img {
	width: 370px;
}
/* ご遺骨供養ページ 終わり */
/* お寺さんアーカイブページ */
.alltemple_cover {
	justify-content: center;
}
.temple_contents {
  width: 78%;
}
.choice-title {
	font-size: 1.3rem;
	font-weight: bold;
	margin: .5rem 0 .2rem;
}
ul.city-list {
	list-style: none;
	margin-bottom: 1rem;
	padding-left: 0;
}
ul.city-list li {
	display: inline-block;
	padding: 0;
	line-height: 2;	
	border: 1px solid #01b4b9;
	border-radius: 3px;
}
ul.city-list li.current-city {
	padding: 0 1rem;
	background: #01b4b9;
	color: #fff;
}
ul.city-list a {
	color: #01b4b9;
	display: block;
	padding: 0 1rem;
}
ul.city-list a:hover {
	background: #01b4b9;
	color: #fff;
}
.area-bar {
  border: 1px solid #757575;
  border-radius: 5px;
  line-height: 2.6;
  margin-bottom: 1rem;
}
.area-bar .pref {
  width: 20%;
  background: #01b4b9;
  color: #fff;
  text-align: center;
  border-radius: 3px 0 0 3px;
}
.area-bar .pref_name {
  width: 69%;
  padding-left: 2rem;
}
button.change, button.search {
	font-size: 1.1rem;
	border: 1px solid #ccc;
	color: #333;
    cursor: pointer;
	border-radius: 5px;
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
	box-shadow: inset 1px 1px 1px #fff;
}
button.change.all-select {
	color: #fff;
	background: linear-gradient(to bottom, #01b4b9 0%, #06a3a8 100%);
	box-shadow: inset 1px 1px 1px #fff;
}
.area-bar button.change {
	width: 9%;
}
.dialog-inner button.change {
	width: 49%;
	line-height: 2;
	display: block;
    margin: 0 auto;
	font-size: 16px;
    line-height: 2.5;
}
button.search, .fsearch-cover button.reset {
	width: 110px;
	height: 40px;
	font-size: 15px;
	display: block;
	border-radius: 3px;
	margin: 0 auto;
}
.search-left {
	width: 80%;
}
/* 表示順変更ボタン */
.sort_form {
	text-align: right;
}
.sort_form form {
	display: inline-block;
	margin-right: 1rem;
}
.sort_form form:last-child {
	margin-right: .5rem;
}
.sort_form input[type="submit"] {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  font-size: 1.1rem;
  text-decoration: none;
  cursor: pointer;
}
input[type=submit].sort_current{
  font-weight: bold;
  color: #01b4b9;
  border-bottom: 2px solid #01b4b9;
  font-size: 1.15rem;
}
/* 表示順変更ボタン 終了 */

#list {
  padding: 1rem;
  background: #eaeaea;
  margin-bottom: 0;
}
.area-side {
	display: none;
	width: 22%;
	padding: 0 0 1rem 2rem;
}
.left_box {
	width: 48%;
}
.right_box {
	width: 52%;
	padding-left: 1rem;
}
.temples {
  border: 1px solid #01b4b9;
  border-radius: 5px;
  background: #fff;
  margin-bottom: 1rem;
}
.temples a:hover {
  color: #026f9e;
}
.t_cover {
  margin: 0 1rem;
}
.post-title {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #1a89ba;
  border-bottom: 1px solid #1a89ba;
  margin: .5rem 0 .3rem 1rem;
}
.namecover {
	justify-content: left;
	align-items: baseline;
}
.thisarea {
	font-size: 16px;
}
.type_cover {
	margin: 0 1rem .5rem;
	line-height: 1.8;
}
ul.i-kuyotype {
	display:block;
	list-style: none;
	padding: 0;
}
ul.i-kuyotype li {
	display: inline-block;
	font-size: 1rem;
	background: #0071ce;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	padding: 0 7px;
	/*margin-right: .2rem;*/
	margin-bottom: .2rem;
}
ul.i-kuyotype li.nokotsudo {
	background: #cc009c;
}
ul.i-kuyotype li.kojineitai {
	background: #9000bf;
}
ul.i-kuyotype li.jyumoku {
	background: #00a063;
}
ul.i-kuyotype li.kaiyo {
	background: #00b1ef;
}
ul.i-kuyotype li.shinrin {
	background: #53b200;
}
ul.i-kuyotype li.petgoshi {
	background: #ff69c9;
}
.okotsu-deliver {
	text-align: right;
}
.okotsu-deliver span {
	color: #01b4b9;
	font-weight: bold;
	display: inline-block;
	font-size: .9rem;
	border: 1px solid #01b4b9;
	border-radius: 3px;
	padding: 0 7px;
	margin-right: .2rem;
}
.okotsu-deliver span.red {
	color: #E91E63;
	border-color: #E91E63;
}
#list .access {
	line-height: 1.6;
    font-size: 1rem;
	margin: 0 0 .8rem;
	padding: .2rem .7rem;
}
.kuyo-list {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dotted #a0a0a0;
  margin-bottom: .5rem;
  flex-wrap: wrap;
}
.kuyo-list p {
  display: block;
}
.right_box .main-img img {
  width: 353px;
  height: 236px;
}
.right_box .sub-img img {
  width: 84px;
  height: 58px;
  margin-bottom: .1rem;
}
.js-image{
	cursor: pointer;
	border: none;
	background: none;
	transition: .4s;
}
.js-image:hover{
	opacity: 0.4;
}
p.excerpt {
  margin-top: .5rem;
  line-height: 1.6;
}
.temples .torder {
  width: 33%;
}
.temples .torder a {
  color: #01b4b9;
  background: #fff;
}
.temples .torder.mailcont {
	background: #0074BF;
	border: none;
}
.temples .torder.mailcont a {
	background: #0074BF;
	color: #fff;
	line-height: 1.9;
	padding: .1rem 0;
}
.temples .torder img {
  width: 32px;
  margin: 0;
  vertical-align: -10px;
}
.bottom_box {
	margin: .5rem 1rem 0;
	justify-content: center;
}
.bottom_box .torder {
	margin-left: 1rem;
}
.temples .torder.cart {
	border: 1px solid #f55465;
	line-height: 2.5;
	padding: 0;
}
.temples .torder.cart a {
	background: #fb6979;
	color: #fff;
	font-weight: bold;
	width: 100%;
	height: 100%;
}
.temple-none {
	width: 100%;
	text-align: center;
	background: #dbdbdb;
	background-image: url(../../images/manji.svg);
	background-position: top 36% right 50%;
	background-repeat: no-repeat;
	background-size: 22%;
	min-height: 170px;
}
.hikokai {
	padding-top: 50px;
}
.hikokai p {
	font-weight: bold;
	line-height: 1.4;
}
.kuyo-list .add_price {
	width: 100%;
	line-height: 1.4;
}
.yuso {
	display: block;
	margin-top: 30px;
	font-weight: bold;
}
.detail_box {
  display: block;
  background: #ace2e2;
  color: #1a89ba;
  border-radius: 0 0 3px 3px;
  text-align: center;
  line-height: 2.8;
  font-weight: bold;
}
a.detail_box:hover {
  background: #3abebe;
  color: #fff;
}
.search-title {
	font-weight: bold;
	margin: .5rem 0 .2rem 2rem;
}
ul.search-list {
	list-style: none;
	padding-left: .5rem;
	margin-bottom: 1rem;
}
ul.search-list li {
	font-size: 17px;
	display: inline-block;
    border: 1px solid #ccc;
    padding: .5rem;
    width: 240px;
	margin: .3rem;
    border-radius: 5px;
	position: relative;
}
ul.search-list li [type="checkbox"] {
	position: absolute;
    left: .7rem;
    top: 1.1rem;
}
ul.search-list li label {
	display: block;
    width: 100%;
	padding-left: 1.4rem;
}
ul.search-list li:has([type="checkbox"]:checked) {
	background: #01b4b9;
}
.search-list [type="checkbox"]:checked + label {
	color: #fff;
}
.mobile-appear {
	display :none;
}
/* 都道府県選択アコーディオン */
.area-cover {
	margin-bottom: 2rem;
}
/*チェックボックスを非表示にする*/
.pref-select {
	margin-bottom: .2rem;
}
input.region-input {
	display: none;
}
.pref-select label.region {
	padding: .3rem .3rem .3rem .7rem;
	background: #01b4b9;
	color: #fff;
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 1.1rem;
	text-align: left;
}
.terms-cover label.region {
	display: block;
	position: relative;
	cursor: pointer;
	color: #333;
}

/*三角矢印アイコン*/
.pref-select .icon, .terms-cover .icon {
	display: block;
	position: absolute;
	right: 1rem;
	top: 50%;
	width: 20px;
	margin-left: 6px;
	flex-shrink: 0;
	transform-origin: center 43%;
	transition: transform 0.5s;
}
.pref-select .icon::before,.pref-select .icon::after,
.terms-cover .icon::before,.terms-cover .icon::after {
	content: "";
	position: absolute;
	display: block;
	width: 12px;
	height: 2px;
	background-color: #fff;
}
.terms-cover .icon::before,.terms-cover .icon::after {
	background-color: #333;
}
.pref-select .icon::before, .terms-cover .icon::before {
left: 0;
transform: rotate(45deg);
}
.pref-select .icon::after, .terms-cover .icon::after {
right: 0;
transform: rotate(-45deg);
}

/*コンテンツ初めは非表示*/
.pref-content, .search-list {
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
	overflow: hidden;
	padding: 0 .5rem;
}

label.pref-name, label.city-name {
	margin-bottom: .2rem;
	font-size: 1.1rem;
	margin-left: .3rem;
}
label.pref-name {
	display: block;
}
label.city-name {
	display: block;
    width: 100%;
    line-height: 1;
	margin-bottom: 0;
}

/*クリックするとコンテンツ表示*/
input.region-input:checked ~ .pref-content, input.region-input:checked ~ .search-list {
	max-height: 100px;
	opacity: 1;
	visibility: visible;
}
input.region-input:checked ~ .search-list {
	overflow: visible;
	max-height: max-content;
}

/* アコーディオン表示の際に三角回転 */
input.region-input:checked ~ label.region .icon {
	transform: rotate(180deg);
}
/* 都道府県選択アコーディオン 終わり */

.top-search {
	margin-bottom: 1rem;
}
/* エリア選択モーダル */

/* ステップフォーム 終わり */

/* モーダルウィンドウ */
/* モーダル開時に背景のスクロールを防ぐ */
html:has(dialog[open]) {
	overflow: hidden;
}

body.fixed { /* iOSは16以降でモーダル表示中に背景より後ろをスクロールさせない */
	overflow: hidden;
}
dialog#dialog-1, dialog#dialog-2, dialog.a-select { /* モーダルウィンドウのカスタマイズ */
	border: none;
	background: #f0ffff;
	margin:auto;
	width: 1000px;
	height: 600px;
	position: relative;
}
#dialog-1.modal-map, #dialog-2.modal-map {
	height: 600px;
}
dialog::backdrop { /* 背景となる部分のカスタマイズ */
	background: #000;
	opacity: .4;
}
button.dialog-close {
	display: block;
	margin: 0;
	font-size: 2.5rem;
	padding: 0;
	position: absolute;
	right: 18px;
    top: 3px;
	border: none;
	background: none;
	color: #fff;
	cursor: pointer;
}
button.dialog-close:hover {
	opacity: .5;
}
.dialog-header {
	background: #01b4b9;
	padding: .5rem 0;
	position: sticky;
	top: 0;
	z-index: 100;
}
.select-come {
  color: #fff;
  text-align: center;
  line-height: 1.6;
}
.terms-cover {
	margin: 1rem;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: .5rem;
	background: #fff;
}
.terms-cover.last-t {
	margin-bottom: 3rem;
}
/* モーダルウィンドウ終了 */
.temporary {
	border: 1px solid #01b4b9;
	border-radius: 3px;
}
.t-title-space {
	display: flex;
	background: #01b4b9;
	padding: 0 .5rem .1rem;
}
.t-title-space p {
	color: #fff;
	font-size: 16px;
	line-height: 2;
}
.dialog-inner button.change.dialog-open, .search-result button.change.dialog-open {
	width: 100%;
	height: 35px;
	color: #048b8f;
    font-size: 15px;
	border-radius: 0;
}
/*.area-space {
	height: 30px;
	padding: 0 .5rem;
	overflow: hidden;
	line-height: 1.6;
}
.temporary span {
	font-size: 16px;
}
.area-spacej {
	height: 60px;
	padding: 0 .5rem;
	overflow: hidden;
	line-height: 1.6;
}*/

/* タブ切り替え */
.tab-list {
    list-style-type: none;
    display: flex;
    flex-wrap: nowrap;
	padding: 0;
	background: #fff;
}
.tab-list-item {
    text-align: center;
    width: 100%;
    background-color: #eee;
    padding: 10px 0 7px;
    font-weight: bold;
    font-size: 1.09rem;
    border-right: 2px solid #fff;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}
.tab-list-item.active {
	color: #01b4b9;
    font-weight: bold;
    font-size: 1.09rem;
    border-radius: 5px 5px 0 0;
    cursor: unset;
	background: #f0ffff;
}
.tab-contents-item {
	display: none;
  }
  .tab-contents-item.show {
	display: block;
  }
/* タブ切り替え 終了 */
.acover {
	padding: 1.5rem;
	position: relative;
}
/*.acover, .city_cover {
	display: flex;
	flex-wrap: wrap;
}*/
.area-memo {
	margin: 1.5rem 2rem 0;
	font-size: 16px;
}
.city_cover {
	position: absolute;
	top: 100%;
}
.area-search {
	position: absolute;
	bottom: 0;
	left: 30%;
	width: 40%;
	font-size: 1.1rem;
	line-height: 2;
	display: flex;
}
.area-search.fea {
	position: unset;
	margin: 0 auto;
}
.terms-cover .area-search {
	position:unset;
	margin: 0 auto;
}
.area-search_end {
	display: none;
}
.pref-con {
	width: 125px;
    display: inline-block;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
	margin: .1rem;
}
.pref-con [type="radio"] + label {
	position: relative;
	font-size: 17px;
}
/*.pref-con [type="radio"] + label::before {
	content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
	left: 8px;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
	border-radius: 50%;
    background-color: #fff;
}
.pref-con [type="radio"] + label::after {
	content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
	border-radius: 50%;
	left: 13px;
    width: 8px;
    height: 8px;
    background-color: #0075ff;
	opacity: 0;
}*/
.pref-con [type="radio"]:checked + label::after {
	opacity: 1;
}
.pref-con [type="radio"]:not(:checked), .pref-con [type="radio"]:checked {
	position: absolute;
    left: -9999px;
	opacity: 0;
}
.pref-con [type="radio"]:not(:checked) + label, .pref-con [type="radio"]:checked + label {
	width: 100%;
    height: auto;
    padding: .3rem 0;
    border-radius: 10px;
    display: block;
    text-align: center;
}
.cityn [type="checkbox"] + label, .cityn [type="checkbox"]:checked + label {
	padding: .5rem 0 .5rem 1.8rem;
    margin-left: 0;
	font-size: 16px;
}
.pref-con [type="radio"]:checked + label, .cityn [type="checkbox"]:checked + label {
    color: #fff;
}
.cityn {
	position: relative;
	display: inline-block;
    background: #fff;
	width: 190px;
    border: 1px solid #ccc;
    padding: .2rem 0 .3rem;
}
.cityn [type="checkbox"] {
	position: absolute;
	left: .7rem;
    top: .9rem;
}
.cityn:last-child, .pref-con:last-child {
	margin-right: 0;
}
.pref-con:has([type="radio"]:checked), .cityn:has([type="checkbox"]:checked) {
	background: #01b4b9;
	border-bottom: 1px dotted #ccc;
}

/* エリア選択モーダル 終了 */
a.key-btn:hover {
	background: #01b4b9;
	color: #fff;
}

/* お寺さんアーカイブページ 終わり */

/* 検索結果ページ */
p.current-con {
	text-align: center;
	margin-bottom: 0;
}
.fsearch-cover {
	width: 78%;
    font-size: 1rem;
    background: #eaf9f7;
    margin: 0 auto 1rem;
    padding: .5rem .7rem;
	border-radius: 3px;
}
.fsearch-box {
	width: 100%;
    max-width: 870px;
	display: flex;
	margin-bottom: 1rem;
}
.search-result {
	width: 100%;
    border: 1px solid #01b4b9;
    border-radius: 3px;
    font-size: 1rem;
    margin: 0 auto;
	background: #fff;
}
.search-result p {
	display: flex;
	border-bottom: 1px solid #ddd;
}
.search-result p:last-child {
	border: none;
}
.search-result .s-title, .fsearch-cover .s-title {
	background: #01b4b9;
	color: #fff;
	display: block;
	width: 100px;
	text-align: center;
	margin-right: .6rem;
	line-height: 2.2;
}
.fsearch-cover .btn_cover {
	display: block;
	width: 20%;
}
.fsearch-box .s-title {
	display: inline-block;
	padding: .3rem 0;
	margin: 0;
	width: 100px;
}
.fsearch-cover input[type=text] {
	padding: 7px 10px 4px 7px;
    line-height: 1.6;
	border-radius: 0;
}
input#free-search {
	width: 660px;
}
button.change.eraser {
	font-size: 2rem;
	color: #6d6a6a;
	border-radius: 0 3px 3px 0;
	vertical-align: sub;
	border-left: none;
	padding: 0 .4rem 0;
}
/* ツールチップ */
.tooltip {
  position: relative;
  cursor: pointer;
}
/* ツールチップ全体の設定 */
.tooltip::before,
.tooltip::after {
  position: absolute;
  opacity: 0;
  transition: all 0.3s;
}
/* 吹き出しのひげ部分 */
.tooltip::before {
  content: "";
  border: 10px solid transparent;
  border-bottom-color: #01b4b9;
  top: 10px;
  left: 10px;
}
/* 吹き出しの本体 */
.tooltip::after {
  content: attr(data-tooltip);
  display: block;
  padding: 7px;
  background: #01b4b9;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  top: 30px;
  left: -20px;
  width: 50px;
}
/* マウスホバーしたときの設定 */
.tooltip:hover::before{
  top: 20px;
  opacity: 1;
}
.tooltip:hover::after{
  top: 40px;
  opacity: 1;
}
/* ツールチップ終了 */

button.change.eraser .fa-eraser:before {
	font-size: 1.6rem;
}
.search-result span {
	display:block;
	line-height: 2.2;
	height: 37px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}
.search-top {
	align-items: center;
}
.search-top .fleft {
	width: 90%;;
}
.search-top .fleft span.come {
	color: #6d6d6d;
}

.search-top .fright {
	width: 10%;
	text-align: center;
}

/* 検索結果ページ 終わり */

/* ステップフォーム */
p.que {
  font-weight: bold;
  font-size: 20px;
}
span.num {
  color: #009c4a;
  display: inline-block;
  margin-right: 1rem;
}
.step_cover {
  padding: 4em 2em;
  background: rgba(0,0,0,0.4);
}
.step_cover form {
  background: #fff;
  padding: 3em 2em;
}
.step {
  width: 80%;
  margin: 0 auto;
}
.choice div {
  width: calc(50% - 10px);
  margin: 0 10px 10px 0;
  padding-top: 1rem;
}
[type="radio"]:not(:checked), [type="radio"]:checked {
  margin: 0 10px;
}
[type=radio].q1:not(:checked), [type=radio].q1:checked {
  position: absolute;
  left: -9999px;
}
.choice2 {
  margin: 2rem 0;
}
.choice [type="radio"]:not(:checked).q1 + label, .choice [type="radio"]:checked.q1 + label {
  width: 100%;
  height: auto;
  padding: 30px 0;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
  display: block;
  text-align: center;
  font-size: 18px;
}
.choice [type="radio"]:not(:checked).q1 + label, .choice [type="radio"]:checked.q1 + label {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  color: #ffffff;
  font-size: 18px;
  border-radius: 10px;
  font-weight: bold;
  border: 4px double #ffffff;
  transition: 0.3s;
  background-color: #009c4a;
}
.btn_cover {
  margin-top: 2rem;
  justify-content: center;
}
.stepbtn {
  width: 30%;
  margin-bottom: 15px;
  padding: 12px 1em;
  border-radius: 5px;
  font-size: 18px;
  transition: 0.3s;
  background-color: #009c4a;
}
.stepbtn.return {
  margin-right: .5rem;
}
/* ご遺骨トップのステップフォーム */
.gtopstep_cover {
	margin-bottom: 2rem;
}
.gtopstep_cover .step {
	width: 100%;
	padding: .5rem;
	box-shadow: rgba(0, 0, 0, .2) 2px 3px 10px;
    border-radius: 5px;
	/* background: #fffcf8; */
	min-height: 45vh;
}
.slide {
	animation: slideIn .2s forwards;
}
.gtopstep_cover h3 {
	width: 100%;
    margin: .5rem 0;
}
.gtopstep_cover p.que {
	margin-bottom: 1rem;
}
.gtopstep_cover .page2-title_cover {
	margin-bottom: 1rem;
}
.page2-title_cover p.que {
	width: 50%;
	margin: 0;
}
.page2-title_cover button.btn {
	display: block;
	width: 80px;
	height: 40px;
	background: none;
	border: 1px solid #ccc;
	position: relative;
	color: #333;
	font-weight: bold;
	padding: 7px 8px 7px 13px;
}
.page2-title_cover button.btn::before {
	font-family: "Font Awesome 5 Free";
	content:' \f053';
	font-weight: 900;
	font-size: 1.1rem;
	color: #ccc;
	position: absolute;
	left: 10px;
	top: 28%;
}
.gtopstep_cover [type="radio"]:not(:checked), .gtopstep_cover [type="radio"]:checked {
	display: none;
}
.gtopstep_cover .area-box {
	width: 48%;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: .5rem;
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
}
.gtopstep_cover label {
	font-weight: bold;
}
.gtopstep_cover .area-box label {
	display: block;
    padding: .5rem;
    width: 100%;
	position: relative;
}
.area-box button {
	border: none;
    background: none;
    width: 100%;
    font-size: 1rem;
	font-weight: bold;
	text-align: left;
	color: #333;
	margin: .6rem .5rem;
	position: relative;
}
.gtopstep_cover label::after, .gtopstep_cover .area-box button::after {
	font-family: "Font Awesome 5 Free";
	content:' \f054';
	font-weight: 900;
	font-size: 1.1rem;
	color: #ccc;
	position: absolute;
	right: 20px;
}
.area-box button::after {
	top: 20%;
}

@keyframes slideIn {
	from {
	  transform: translateX(100%);
	}
	to {
	  opacity: 1;
	  transform: translateX(0);
	}
}
@keyframes slideBack {
	from {
	  transform: translateX(-100%);
	}
	to {
	  opacity: 1;
	  transform: translateX(0);
	}
}
.gtopstep_cover .area-scover {
	max-width: 1256px;
	width: 100%;
	margin: 1rem auto 0;
	padding: .5rem;
}
.gtopstep_cover .sidecon {
	background: #eaf9f7;
	color: #01b4b9;
	border: 1px solid #01b4b9;
	border-radius: 5px;
}

/* お気に入りボタン プラグイン*/
button.simplefavorite-button {
	display: inline-block;
    padding: 8px 10px 8px 7px;
    border: 1px solid transparent;
    /*box-shadow: 0 2px 4px -2px rgb(33 37 56 / 25%);*/
    cursor: pointer;
    border-radius: 0.45rem;
    font-size: 15px;
    transition: 0.2s ease-in-out;
	margin-bottom: .5rem;
	margin-left: 1rem;
}
button.simplefavorite-button:hover {
	opacity: 0.8;
}
button.simplefavorite-button p {
	display: inline-block;
    margin: 0;
}
button.simplefavorite-button i {
    font-size: 1.3rem;
    vertical-align: -1px;
    margin-right: 3px;
    opacity: 0.3;
}
button.simplefavorite-button.active i {
	opacity: 1;
}
button.simplefavorite-button.active p {
    font-weight: 600;
}
.favorite_button {
    display: inline-block;
    text-align: center;
    position: relative;
}
.favarea {
	display: inline-block;
	font-size: 16px;
	margin-left: .5rem;
}
/*.favorite_button.fav_list button.simplefavorite-button {
	padding-right: 6px;
}
.favorite_button.fav_list p {
	font-size: 0;
}*/

/*button.favorite_button_in {
    display: inline-block;
    padding: 10px 15px 10px 10px;
    border: 1px solid transparent;
    box-shadow: 0 2px 4px -2px rgb(33 37 56 / 25%);
    cursor: pointer;
    border-radius: 0.45rem;
    border-color: rgb(80,80,80,0.1);
    font-size: 0.95rem;
    transition: 0.2s ease-in-out;
    background: #fcfcfc;
    font-weight: 200;
}
button.favorite_button_in p {
    display: inline-block;
    margin: 0;
}
button.favorite_button_in:hover {
    opacity: 0.8;
}
button.favorite_button_in i {
    color: #20b8ff;
    font-size: 1.3rem;
    vertical-align: -1px;
    margin-right: 8px;
    opacity: 0.3;
}
.is-choosen .favorite_button_in {
    background: #03a9f4;
}
.is-choosen .favorite_button_in i {
    opacity: 1;
    color: #FFF;
}
.is-choosen .favorite_button_in p {
    font-size: 0;
    color: #FFF;
    font-weight: 600;
}
.is-choosen .favorite_button_in p:before {font-size:0.95rem; content: "お気に入り登録済";}*/

/* お気に入りボタン 終わり */
/* お気に入り一覧 */
.p-main {
	margin-top: 1rem;
}
.p-list_wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
a.p-list__item {
	color: #333333;
}
.p-list__item {
    width: 48%;
    background: #FFF;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0 3px 0 rgb(0 0 0 / 12%), 0 2px 3px 0 rgb(0 0 0 / 22%);
    /*cursor: pointer;*/
    transition: 0.2s ease-in-out;
    margin-bottom: 25px;
	padding: 1.5rem;
}
.p-list__item:hover {
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
    transform: translateY(-4px);
}
.p-list__item a {
    display: inline-block;
    text-decoration: none;
    color: #313131;
}
.p-list__item .kuyo-list {
	margin: 0 .5rem;
}
p.p-list__title {
	display: inline-block;
	font-size: 1.3rem;
	color: #01b4b9;
	font-weight: bold;
	border-bottom: 1px solid #01b4b9;
	margin-bottom: 1rem;
	margin-left: .5rem;
}
.p-list__item p.kprice {
	margin-bottom: 0;
}
.my-clear-container {
	margin-top: 1rem;
	text-align: center;
}
/* お気に入りクリア */
.my-clear-btn {
	background-color:#ccc;
	border-color:#ccc;
	pointer-events: none;
}
.my-clear-btn.active {
	background-color:#03a9f4;
	border-color:#03a9f4;
	cursor: pointer;
	pointer-events: auto;
}
.simplefavorites-clear {
	padding: 7px 13px;
	line-height: normal;
	font-size: 14px;
    position: relative;
    transition: all 0.3s ease-in-out;
    background-clip: padding-box;
	border-width: 2px;
    border-style: solid;
	background-color:#03a9f4;
	border-color:#03a9f4;
	border-radius: 4px;
    display: inline-block;
	cursor: pointer;
	pointer-events: auto;
	color: #fff;
}
/* お気に入りクリア終了 */
.favitem_cover {
	width: 55%;
}
.fav-img {
	width: 45%;
}
.fav-img img {
	text-align: center;
	max-width: 200px;
	height: auto;
	display: block;
	margin: 0 auto;
}
/* お気に入り一覧 終わり */
.article-footer {
	width: 100%;
}
/* 森林散骨 */
.otera_list {
	margin-bottom: 2rem;
}
.otera_list article {
	width: 49%;
}
.otera_list .f_cover {
	margin-bottom: .5rem;
}
.otera_list .left-con {
	width: 54%;
}
.otera_list .right-con {
	width: 44%;
}
.otera_list .right-con .main-img {
	width: 100%;
}
.otera_list .right-con .main-img img {
	width: 100%;
	height: 180px;
}
.otera_list .access {
	margin: 0 0 .5rem;
	font-size: 17px;
}
.article .otera_list p {
	margin-bottom: 0;
}
.article .kuyo-list p:first-child {
	margin-bottom: .2rem;
}
.otera_list .bottom_box {
	margin: .5rem 0 0;
}
.otera_list .bottom_box .torder {
    margin-left: .5rem;
}
.otera_list button.simplefavorite-button {
	margin-left: .5rem;
}
.otera_list .temples .torder {
	width: 31%;
}
.otera_list .torder a, .doc p {
	font-size: 15px;
}
.footer-bottom {
	margin-top: 10px;
}
/* モバイルボタン */
ul.mobile-header-menu-buttons,ul.mobile-footer-menu-buttons {
	background: #01b4b9;
}
.mobile-footer-menu-buttons .menu-button.tel-link {
	background: #ea0666;
}
.mobile-footer-menu-buttons .menu-button.form-link {
	background: #0074BF;
}
.mobile-footer-menu-buttons .menu-button.line-link {
	background: #00b900;
}
label#navi-menu-open {
	color: #fff;
}
.mobile-menu-buttons .menu-button > a {
	color: #fff;
}
.mobile-menu-buttons .menu-caption {
	opacity: 1;
	font-weight: bold;
	font-size: 12px;
}
/* モバイルボタン 終わり*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 1255px) {
	input[type=text].top-serach {
		width: 210px;
	}
	button.search.top-serach_btn {
		width: 60px;
	}
	/* お気に入り一覧 */
	.p-list_wrapper {
		flex-flow: column;
	}
	.p-list__item {
		width: 100%;
	}
	.p-list__txt {
		padding-top: 12px;
	}
	/* お気に入り一覧終わり */
	/* コラム */
	.wrap:has(.column-cover) {
		width: auto;
	}
}

@media screen and (max-width: 1135px) {
/* お寺さんページ */
	.link-cover .im, .link-cover .bun {
		width: 100%;
		text-align: center;
	}
	.link-cover .bun {
		line-height: 1.5;
	}
/* お寺さんページ 終了 */
	.asearch_cover {
		flex-wrap: wrap;
	}
	.area-scover {
		width: 100%;
	}
	.sidecon p {
		font-size: 14px;
	}
	.sidecon p span {
		font-size: 16px;
	}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
	.menu-content .menu-drawer {
    	padding: 0 1em 60px;
	}

	.mblt-footer-mobile-buttons .go-to-top-button, .mblt-header-and-footer-mobile-buttons .go-to-top-button {
		display: block;
	}
	.go-to-top {
		bottom: 55px;
	}
/* お寺さんアーカイブページ */
	.alltemple_cover {
		flex-direction:column-reverse;
	}
	.temple_contents, .area-side {
		width: 100%;
	}
	.area-side {
		padding: 0;
		margin-top: 1rem;
		margin-bottom: 2rem;
	}
	.search-list {
		padding: 0;
	}
	ul.search-list li {
		display: inline-block;
		margin-right: 1rem;
	}
	input#free-search {
		width: 100%;
	}
	.search-result, .fsearch-cover {
		width: 100%;
	}
/* お寺さんアーカイブページ */
/* ステップフォーム */
	.step_cover form {
		padding: 2em 1em;
	}
/* ステップフォーム 終わり */
}
/*834px以下*/
@media screen and (max-width: 834px){
	main.main {
		padding-top: 20px;
	}
	#content::before {
		height: 70px;
	}
	h1.entry-title, h1.archive-title {
		padding: 0 0 1rem;
	}
	.column-cover h1.entry-title {
		font-size: 1.2rem;
	}
	.stepbtn {
		width: 48%;
	}
/* お寺さんページ */
	.temple_con, .temple_side {
		width: 100%;
	}
	.temple_side {
		margin-top: 1rem;
	}
	.main-img, .sub-img {
		text-align: right;
	}
	.main-img img, .sub-img img {
		height: auto;
	}
	.sub-img {
		display: flex;
		margin-top: 2px;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.sub-img a {
		display: block;
		/*width: 24.5%;*/
	}
	.sub-img img {
		margin-bottom: .1rem;
	}
	.link-cover a {
		width: 100%;
		margin-bottom: .5rem;
	}
	.link-cover .im {
		width: 15%;
	}
	.link-cover .bun {
		width: 85%;
		line-height: 3;
	}
	p.inq-order_title {
		font-size: 1.3rem;
	}
	.map, .access, .map-access .access {
		width: 100%;
	}
	.access {
		margin-top: .5rem;
	}
	/* .favorite_button {
		margin-top: .5rem;
	} */
	.origin {
		font-size: 9px;
	}
/* お寺さんページ 終わり */
/* お寺さんアーカイブページ */
	#list {
		padding: 0;
	}
	dialog#dialog-1, dialog#dialog-2 {
		width: 100%;
		height: auto;
	}
	.tab-contents {
		height: 100vh;
		position: relative;
	}
	.tab-list {
		flex-wrap: wrap;
	}
	.tab-list-item {
		width: 50%;
	}
	.acover, .city_cover {
		display: block;
		padding: 1rem;
	}
	.pref-con {
		display: block;
		width: 110px;
		margin: 0;
		border-radius: unset;
	}
	.pref-con [type="radio"] + label {
		font-size: 16px;
	}
	.area-memo {
		margin-bottom: 1rem;
	}
	.city_cover {
		top: 0;
		left: 120px;
	}
	.cityn {
		margin-right: 0;
		margin-bottom: 0;
		padding: .2rem 0;
	}
	.cityn [type="checkbox"] + label, .cityn [type="checkbox"]:checked + label {
		border:none;
	}
	.cityn [type="checkbox"] + label {
		background: none;
	}
	.cityn [type="checkbox"]:checked + label {
		background: none;
	}
	.cityn:has([type="checkbox"]:checked) {
		background: #01b4b9;
		border-bottom: 1px dotted #ccc;
	}
	.area-search, .area-search.fea {
		display:none;
		/*bottom: unset;
		top: 60px;
		left: 0;
		width: 100%;
		z-index: 100;*/
	}
	.area-search_end {
		display: flex;
		position: fixed;
		bottom: 20px;
		left: .5rem;
		width: 94%;
		z-index: 100;
	}
	button.change {
		font-size: 1rem;
	}
	.area-bar .pref_name {
		width: 63%;
	}
	.area-bar button.change {
		width: 15%;
	}
	.left_box, .right_box {
		width: 100%;
	}
	.right_box {
		padding-left: 0;
		margin-bottom: 1rem;
	}
	.temple-none {
		width: 50%;
		min-height: 120px;
		height: auto;
		margin: 0 auto;
	}
	p.p-list__title {
		margin-bottom: .5rem;
	}
	button.simplefavorite-button {
		/* margin-bottom: 1rem; */
		height: 50px;
	}
	.search-result span.s-title, .fsearch-cover .s-title {
		width: 25%;
		margin-right: 0;
	}
	.search-result span {
		width: 75%;
		padding-left: .5rem;
	}
	.search-result span.s-title {
		padding-left: 0;
	}
	.search-result button.change.dialog-open {
		width: 100%;
	}
	.t_cover {
		flex-direction:column-reverse;
	}
	.okotsu-deliver {
		text-align: left;
	}
	.okotsu-deliver span {
		padding: 0 5px;
	}
	.temples .torder {
		height: 50px;
	}
	.temples .torder.mailcont a, .temples .torder a {
		line-height: 2.5;
	}
	.search-left {
		width: 75%;
	}
	.search-top .fleft {
		width: 85%;
	}
	.search-top .fright {
		width: 15%;
	}
	/* お寺さんアーカイブページ 終わり */
	/* ご遺骨供養 */
	input[type=text].top-serach {
		width: 80%;
	}
	.s-box {
		width: 80%;
		margin: 0 auto;
	}
	.sidecon p {
		line-height: 1.7;
	}
	/* ご遺骨供養 終わり */
	/* 森林散骨 */
	.otera_list article {
		width: 100%;
	}
	.otera_list .f_cover {
		flex-direction: row-reverse;
	}
	.otera_list .right-con .main-img img {
		margin-bottom: .5rem;
	}
	.otera_list .access {
		line-height: 1.5;
	}
	/* コラム */
	.column-cover {
		padding: 1rem;
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
	.mobile-none {
		display: none;
	}
	.is-style-ok-box::before, .is-style-ng-box::before {
		top: 1.2em;
		font-size: 20px;
	}
	.sort_form form {
		margin-right: .5rem;
	}
	.sort_form input[type="submit"] {
		font-size: 1rem;
	}
	input[type=submit].sort_current {
		font-size: 1.1rem;
	}
	.bottom_box .favorite_button {
		display: block;
		width: 48%;
		text-align: right;
	}
	button.simplefavorite-button {
		margin-bottom: 0;
	}
	button.simplefavorite-button i {
		font-size: 1rem;;
	}
	button.simplefavorite-button p {
		font-size: 14px;
		font-weight: bold;
	}
	button.simplefavorite-button {
		margin-left: 0;
		padding: 15px 5px;
	}
	dialog#dialog-1, dialog#dialog-2, dialog.a-select {
		position: fixed;
		top: 0;
		left: 0;
		height: 100vh;
		height: 100dvh;
		overflow-y: auto;
	}
	.dialog-inner button.change {
		width: 46%;
	}
	button.dialog-close {
		top: 0;
	}
	.terms-cover.last-t {
		margin-bottom: 3rem;
	}
	.torder a, .doc p {
		font-size: 15px;
		font-weight: bold;
	}
	.temples .torder a {
		padding: .54rem 0;
		line-height: 1.6;
	}
	.temples .torder.mailcont a {
		padding: .7rem 0;
		line-height: 1.6;
	}
	.temples .torder img {
		width: 25px;
		vertical-align: middle;
	}
	.torder {
		padding: .2rem 0;
	}
	.acover, .city_cover {
		padding: 0;
        margin-bottom: 1rem;
	}
	.area-memo {
		margin-bottom: 1rem;
	}
	label.city-name {
		font-size: 16px;
	}
	.cityn [type="checkbox"] {
		top: .7rem;
	}
	.temples .torder.cart {
		line-height: 3;
	}
	ul.kuyotype li {
		font-size: 14px;
		width: 120px;
	}
	.link-cover {
		padding: 5px;
	}
	.link-cover a {
		padding-left: .5rem;
	}
	.link-cover .im {
		width: 10%;
	}
	img.pdf, img.post, img.tera {
		margin: 0;
	}
	.link-cover .bun {
		width: 90%;
		font-size: 1rem;
	}
	p.inq-order_title {
		font-size: 1.2rem;
		line-height: 1.3;
	}
	.line-qr {
		display: none;
	}
	.line-btn {
		display: block;
		margin-bottom: .5rem;
		text-align: center;
	}
	.line-btn img {
		max-width: 200px;
	}
	.comment {
		margin: 1rem;
	}
	.bottom_box, .otera_list .bottom_box {
		margin: .5rem .1rem 1rem;
		justify-content: space-between;
	}
	.otera_list .bottom_box {
		margin-top: 1rem;
	}
	.temples .torder, .otera_list .temples .torder {
		width: 52%;
		margin: 0;
	}
	.otera_list button.simplefavorite-button {
		margin-left: 0;
	}
	.otera_list .left-con, .otera_list .right-con {
		width: 100%;
	}
	.otera_list .right-con .main-img img {
		height: 120px;
	}
	.search-top .fleft {
		width: 80%;
	}
	.search-top .fright {
		width: 20%;
		text-align: center;
	}
	.search-result .s-title, .fsearch-cover .s-title {
		font-size: 14px;
		line-height: 2.6;
	}
	.search-left {
		width: 100%;
	}
	.search-top .fleft span.come {
		font-size: 15px;
		line-height: 2.4;
	}
	.terms-cover {
		margin: .5rem 0;
		padding: .1rem 0;
		border-left: none;
		border-right: none;
		border-radius: unset;
	}
	ul.search-list {
		padding-left: 0;
	}
	ul.search-list li {
		font-size: 14px;
		margin: .1rem;
		width: 48.5%;
	}
	.post-title {
		margin-left: .2rem;
	}
	.type_cover {
		margin: 0 .1rem .5rem .2rem;
	}
	.t_cover {
		margin: 0 .1rem;
	}
	.temple_contents .main-img, .otera_list .right-con {
		width: 50%;
		text-align: center;
	}
	.temple_contents .right_box .main-img img {
		width: 100%;
		height: 120px;
	}
	.temple_contents .sub-img {
		display: none;
	}
	.button-right {
		width: 50%;
	}
	.mobile-appear {
		display :block;
		margin: 0;
	}
	.pc-appear {
		display: none;
	}
	.iconbox_cover {
		margin-left: .2rem;
	}
	.mail-iconbox, .tel-iconbox {
		width: 100%;
		text-align: center;
		padding: .3rem 0;
	}
	.mail-iconbox {
		background: #0074BF;
		color: #fff;
		border-radius: 5px;
        margin-bottom: .3rem;
	}
	.tel-iconbox {
		color: #fff;
		background: #ea0666;
		border-radius: 5px;
	}
	.tel-iconbox.pdf {
		border: 1px solid #01b4b9;
		color: #01b4b9;
		background: none;
	}
	.temples a.tel-iconbox:hover {
		color: #fff;
	}
	.tel-iconbox img {
		width: 32px;
	}
	.mail-iconbox i, .tel-iconbox i {
		font-size: 2rem;
	}
	.tel-iconbox i {
		transform:rotate(-45deg);
	}
	.mail-iconbox p, .tel-iconbox p {
		font-size: 13px;
		font-weight: bold;
	}
	.yuso {
		display: none;
	}
	.fsearch-box, .fsearch-cover .btn_cover {
		width: 100%;
		justify-content: center;
	}
	.fsearch-cover .btn_cover {
		margin-top: 1rem;
		padding-right: 0;
		display: flex;
	}
	button.search {
		width: 80%;
		height: 50px;
	}
/* お寺さんページ 終わり */
	h2.asearch-h2 {
		font-size: 1.2rem;
		letter-spacing: 0;
		margin-bottom: 0;
	}
	.asearch-h2 span {
		font-size: 1.3rem;
	}
	.gtopstep_cover h3 {
		margin-top: 0;
	}
	.s-box {
		width: 98%;
	}
/* お気に入り一覧 */
	.p-list__item {
		padding: .5rem;
	}
	.p-list__txt .favorite_button {
		margin-bottom: .5rem;
	}
	.favitem_cover, .fav-img {
		width: 100%;
	}
	.fav-img {
		margin-top: 1rem;
	}
	/* お気に入り一覧 終わり */

	/* ステップフォーム */
	.step_cover form {
	padding: .5em;
	}
	/* ステップフォーム 終わり */
	.author-box {
		width: 100%;
	}
	.author-box .author-thumb, .author-box .author-content {
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.author-thumb img {
		max-width: 250px;
	}
	.author-box .author-content {
		margin-left: 0;
	}
}


/* 日本地図 */
#japan-map p {
	margin-bottom: 0;
}
#japan-map img {
	vertical-align: bottom;
} 
#japan-map a:hover img {
	opacity: 0.7;
		-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);
		filter: alpha(opacity = 60);
	transition: all 0.4s;
}
#japan-map a {
	text-decoration: none;
	color: #435ea9;
}
#japan-map a:hover {
	text-decoration: none;
	color: #0E2D96;
	transition: 0.3s all;
}
#japan-map .clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#japan-map p.pname {
	line-height: 1.2;
	margin-bottom: 0;
}
#japan-map button.dialog-open {
	color: #fff;
	background: transparent;
    border: none;
    width: 100%;
    height: 100%;
	font-size: 16px;
	line-height: 1.2;
    cursor: pointer;
}
#japan-map button.dialog-open span {
	font-size: 14px;
}
/******* 地図成形 *******/
#japan-map div div.area div, #japan-map div div.area a {
	border: 1px #ffffff solid;
	text-align: center;
	font-size: 16px;
 	display: flex;
		display: -webkit-flex;
 	align-items: center; /* 縦方向中央揃え */
 		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
 		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	border-radius: 6px;
		-webkit-border-radius: 6px;
	position: absolute;
	box-sizing: border-box;
	transition: 0.2s;
}
#japan-map div div.area a:hover {
	opacity: 0.5;
	transition: 0.2s;
}
#japan-map {
	display: block;
	width: 789px;
	height: 482px;
	position: relative;
}
#japan-map p.area-title {
	display: none;
}

/* 北海道・東北 */

.jmap #hokkaido-touhoku {
	width: 136px;
	display: block;
	height: 265px;
	position: absolute;
	left: 650px;
}
#hokkaido-touhoku div.area div {
	background-color: #7478c2;
	color: #ffffff;
}

.jmap #hokkaido {	
	width: 133px;
	height: 70px;
}
.jmap #aomori {
	width: 93px;
	height: 43px;
	left: 21px;
	top: 96px;
}
.jmap #akita {
	width: 67px;
	height: 42px;
	left: 3px;
	top: 139px;

}
.jmap #iwate {
	width: 67px;
	height: 42px;
	left: 70px;
	top: 139px;
}
.jmap #yamagata {
	width: 67px;
	height: 42px;
	top: 181px;
	left: 3px;
}
.jmap #miyagi {
	width: 67px;
	height: 42px;
	top: 181px;
	left: 70px;
}
.jmap #fukushima {
	width: 67px;
	height: 42px;
	top: 223px;
	left: 70px;
}

/* 関東 */

.jmap #kantou {
	width: 158px;
	display: block;
	height: 174px;
	position: absolute;
	top: 265px;
	left: 635px;
	z-index: 2;
}
.jmap #kantou div.area div {
	background-color: #31beca;
	color: #ffffff;
}
.jmap #ibaraki {
	width: 52px;
	height: 85px;
	top: 0px;
	left: 100px;
}
.jmap #tochigi {
	width: 50px;
	height: 42px;
	top: 0px;
	left: 50px;
}
.jmap #gunma {
	width: 50px;
	height: 42px;
	top: 0px;
	left: 0px;
}
.jmap #saitama {
	width: 100px;
	height: 43px;
	top: 42px;
	left: 0px;
}
.jmap #chiba {
	width: 52px;
	height: 84px;
	top: 85px;
	left: 100px;
}
.jmap #tokyo {
	width: 100px;
	height: 42px;
	top: 85px;
	left: 0px;
}
.jmap #kanagawa {
	width: 67px;
	height: 42px;
	top: 127px;
	left: 0px;
}

/* 甲信越・北陸 */

.jmap #koshin {
	width: 282px;
	height: 169px;
	position: absolute;
	left: 438px;
	top: 223px;
}
.jmap #koshin div.area div {
	background-color: #4a84b9;
	color: #ffffff;
}
.jmap #niigata {
	width: 85px;
	height: 42px;
	left: 197px;
}
.jmap #toyama {
	width: 67px;
	height: 42px;
	left: 130px;
}
.jmap #ishikawa {
	width: 50px;
	height: 57px;
	left: 80px;
}
.jmap #fukui {
	width: 80px;
	height: 42px;
	left: 0px;
	z-index: 2;
}
.jmap #nagano {
	width: 67px;
	height: 85px;
	left: 130px;
	top: 42px
}
.jmap #yamanashi {
	width: 67px;
	height: 42px;
	left: 130px;
	top: 127px;
}

/* 東海 */

.jmap #tokai {
	width: 90px;
	height: 154px;
	position: absolute;
	left: 478px;
	top: 280px;
}
.jmap #tokai div.area div {
	background-color: #4ab969;
	color: #ffffff;
}
.jmap #gifu {
	width: 50px;
	height: 55px;
	left: 40px;
	top: 0;
}
.jmap #shizuoka {
	width: 67px;
	height: 42px;
	left: 40px;
	top: 112px;
}
.jmap #aichi {
	width: 50px;
	height: 57px;
	top: 55px;
	left: 40px;
}
.jmap #mie {
	width: 40px;
	height: 85px;
	top: 27px;
	left: 0px;
	z-index: 2;
}
/* 近畿 */

.jmap #kansai {
	width: 186px;
	height: 211px;
	position: absolute;
	left: 320px;
	top: 223px;
}
.jmap #kansai div.area div {
	background-color: #b0b72f;
	color: #ffffff;
}

.jmap #kyoto {
	width: 67px;
	height: 84px;
	left: 51px;
}
.jmap #shiga {
	width: 80px;
	height: 42px;
	top: 42px;
	left: 118px;
}
.jmap #osaka {
	width: 67px;
	height: 85px;
	top: 84px;
	left: 51px;
}
.jmap #nara {
	width: 40px;
	height: 85px;
	top: 84px;
	left: 118px;
}

.jmap #wakayama {
	width: 113px;
	height: 42px;
	top: 169px;
	left: 61px;
}
.jmap #hyogo {
	width: 51px;
	height: 98px;
	left: 0px;
}

/* 中国 */

.jmap #tyugoku {
	width: 151px;
	height: 98px;
	position: absolute;
	left: 169px;
	top: 223px;
}
.jmap #tyugoku div.area div {
	background-color: #ef9f27;
	color: #ffffff;
}
.jmap #tottori {
	width: 50px;
	height: 49px;
	left: 101px;
}
.jmap #okayama {
	width: 50px;
	height: 49px;
	top: 49px;
	left: 101px;
}
.jmap #shimane {
	width: 51px;
	height: 49px;
	left: 50px;
}
.jmap #hiroshima {
	width: 51px;
	height: 49px;
	top: 49px;
	left: 50px;
}
.jmap #yamaguchi {
	width: 50px;
	height: 98px;
	left: 0px;
}

/* 四国 */

.jmap #shikoku {
	width: 184px;
	height: 84px;
	position: absolute;
	left: 169px;
	top: 350px;
}
.jmap #shikoku div.area div {
	background-color: #d08f68;
	color: #ffffff;
}
.jmap #kagawa {
	width: 92px;
	height: 42px;
	right: 0px;
}
.jmap #ehime {
	width: 92px;
	height: 42px;
	left: 0px;
}
.jmap #tokushima {
	width: 92px;
	height: 42px;
	right: 0px;
	top: 42px;
}
.jmap #kochi {
	width: 92px;
	height: 42px;
	left: 0px;
	top: 42px;
}

/* 九州・沖縄 */

.jmap #kyusyu {
	width: 152px;
	height: 247px;
	position: absolute;
	left: 0px;
	top: 235px;
}
.jmap #kyusyu div.area div {
	background-color: #ff7575;
	color: #ffffff;
}
.jmap #fukuoka {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 0px;
}
.jmap #saga {
	width: 50px;
	height: 50px;
	left: 51px;
	top: 0px;
}
.jmap #nagasaki {
	width: 50px;
	height: 50px;
	left: 1px;
	top: 0px;
}
.jmap #oita {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 50px;
}
.jmap #kumamoto {
	width: 50px;
	height: 100px;
	left: 51px;
	top: 50px;
}
.jmap #miyazaki {
	width: 50px;
	height: 50px;
	left: 101px;
	top: 100px;
}
.jmap #kagoshima {
	width: 68px;
	height: 49px;
	left: 83px;
	top: 150px;
}
.jmap #okinawa {
	width: 50px;
	height: 50px;
	left: 1px;
	top: 197px;
}
/* 日本地図内モーダル */
dialog.a-select {
	width: 950px;
}
article dialog.a-select p {
	margin-bottom: 0;
}
#japan-map div div.area div.dialog-header {
	background: #01b4b9;
    padding: .5rem 0;
    position: sticky;
    top: 0;
    z-index: 100;
	border: none;
	font-size: 18px;
	border-radius: unset;
}
#japan-map div div.area dialog.a-select div.dialog-inner {
	position: unset;
	display: block;
	background-color: unset;
	border: none;
}
#japan-map div div.area dialog.a-select div.city_cover, #japan-map #kantou div.area dialog.a-select div.city_cover, #japan-map #tokai div.area dialog.a-select div.city_cover, #japan-map #kansai div.area dialog.a-select div.city_cover, #japan-map #tyugoku div.area dialog.a-select div.city_cover, #japan-map #shikoku div.area dialog.a-select div.city_cover, #japan-map #kyusyu div.area dialog.a-select div.city_cover, .a-select .city_cover {
	left: 0;
	background-color: unset;
	position: unset;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	border: none;
}
#japan-map div div.area dialog.a-select div.city_cover, .a-select .city_cover {
	margin-top: .2rem;
}
#japan-map div div.area dialog.a-select div.cityn, #japan-map #kantou div.area dialog.a-select div.cityn, #japan-map #tokai div.area dialog.a-select div.cityn, #japan-map #kansai div.area dialog.a-select div.cityn, #japan-map #tyugoku div.area dialog.a-select div.cityn, #japan-map #shikoku div.area dialog.a-select div.cityn, #japan-map #kyusyu div.area dialog.a-select div.cityn, .a-select div.cityn {
	display: block;
	position: relative;
	background-color: #fff;
	color: #333;
	border: 1px solid #ccc;
    padding: .2rem 0 .3rem;
	border-radius: unset;
	width: 190px;
}
#japan-map div div.area dialog.a-select div.cityn:has([type="checkbox"]:checked), #japan-map #kantou div.area dialog.a-select div.cityn:has([type="checkbox"]:checked), #japan-map #tokai div.area dialog.a-select div.cityn:has([type="checkbox"]:checked), #japan-map #kansai div.area dialog.a-select div.cityn:has([type="checkbox"]:checked), #japan-map #tyugoku div.area dialog.a-select div.cityn:has([type="checkbox"]:checked), #japan-map #shikoku div.area dialog.a-select div.cityn:has([type="checkbox"]:checked), #japan-map #kyusyu div.area dialog.a-select div.cityn:has([type="checkbox"]:checked) {
	background: #01b4b9;
}
#japan-map .cityn [type="checkbox"] + label, #japan-map .cityn [type="checkbox"]:checked + label {
	text-align: left;
}
#japan-map div div.area div.area-search, #japan-map #kantou div.area div.area-search, #japan-map #tokai div.area div.area-search, #japan-map #kansai div.area div.area-search, #japan-map #tyugoku div.area div.area-search, #japan-map #shikoku div.area div.area-search, #japan-map #kyusyu div.area div.area-search {
	background-color: unset;
}
/* 日本地図内モーダル終了 */
/****************************************
	レスポンシブ

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


@media screen and (max-width: 776px) {
#japan-map {
	display: flex;
	width: 100%;
	height: auto;
	flex-wrap: wrap;
	justify-content: space-around;
}
#japan-map p.area-title {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1em;
	color: #000000;
}
.jmap #hokkaido-touhoku, .jmap #kantou, .jmap #koshin, .jmap #tokai, .jmap #kansai, .jmap #tyugoku, .jmap #shikoku, .jmap #kyusyu {
	display: block;
	position: static;
	margin: 0 1em 0 1em;
}
#japan-map div div.area {
	display: block;
	position: relative;
}

.jmap #hokkaido-touhoku {
	height: calc(265px + 4.5em);
}
.jmap #kantou {
	height: calc(174px + 4.5em);
}
.jmap #koshin {
	height: calc(169px + 4.5em);
}
.jmap #tokai {
	height: calc(154px + 4.5em);
}
.jmap #kansai {
	height: calc(211px + 4.5em);
}
.jmap #tyugoku {
	height: calc(98px + 4.5em);
}
.jmap #shikoku {
	height: calc(84px + 4.5em);
}
.jmap #kyusyu {
	height: calc(247px + 4.5em);
}

} /* レスポンシブ max-776px */

@media screen and (max-width: 500px) {
.asearch-content {
	padding: 1rem .5rem;
}
#japan-map {
	display: block;
	width: 100%;
	height: auto;
}
.jmap #hokkaido-touhoku, .jmap #kantou, .jmap #koshin, .jmap #tokai, .jmap #kansai, .jmap #tyugoku, .jmap #shikoku, .jmap #kyusyu {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	position: static;
	margin-left: 0px;
	margin-right: 0px;
}
#japan-map div div.area {
	font-size: 14px;
 	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
/*#japan-map div div.area div {
	height: auto;
	width: 25%;
}*/
#japan-map div div.area div, .a-select div.area-search {
 	display: block;
	border-radius: 0px;
	position: static;
	height: auto;
	font-size: 16px;
	width: 25%;
	padding: 0.2em 0.3em 0 0.3em;
}
#japan-map div div.area dialog div.city_cover, .a-select div.city_cover {
	display: flex;
}
#japan-map div div.area dialog div, .a-select div.area-search {
	width: 100%;
}
.cityn {
	width: calc(100% - 5px);
}
#japan-map div div.area dialog.a-select div.cityn, #japan-map #kantou div.area dialog.a-select div.cityn, #japan-map #tokai div.area dialog.a-select div.cityn, #japan-map #kansai div.area dialog.a-select div.cityn, #japan-map #tyugoku div.area dialog.a-select div.cityn, #japan-map #shikoku div.area dialog.a-select div.cityn, #japan-map #kyusyu div.area dialog.a-select div.cityn, .a-select div.cityn {
	width: 50%;
}
#japan-map div div.area dialog div.cityn label {
	font-size: 14px;
}
#japan-map div div.area div.dialog-header, #japan-map #kantou div.area div.dialog-header, #japan-map #tokai div.area div.dialog-header, #japan-map #kansai div.area div.dialog-header, #japan-map #tyugoku div.area div.dialog-header, #japan-map #shikoku div.area div.dialog-header, #japan-map #kyusyu div.area div.dialog-header {
	font-size: 17px;
}
#japan-map .select-come {
	text-align: left;
    padding-left: 2rem;
}
} /* レスポンシブ max-500px */

/* 日本地図終了 */