@charset "utf-8";
/* CSS Document */

/*リセットcss
初期ローカルプレイスデザインを外す
====================================================================================*/
body {
  font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  color: #505050;
	font-size: 16px;
}
body * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#wrapper {
  background: #fff !important;
  padding: 0;
}
figure img {
	display: block;
  margin: auto;
}

/*headerまわり
=========================*/
#headerWrap {
  width: 100%;
  background: none;
  padding-top: 0;
}
#header {
  background: none;
  padding: 0;
  /*headerの背景色を入れる場合こちらに記載*/
}
#header .flR {
  display: none;
}
#headerCategoryList, #headerBtm, .mt12 {
 	display: none;　/*Google翻訳、カテゴリーの削除*/
}
#headerStoreWrap {
  display: flex;
  justify-content: space-between;
  justify-content: space-between;
  width: 1000px;
  margin: auto;
  padding: 12px 0;
}
#headerStore {
  width: auto;
  float: none;
}
#headerStore .kana {
  font-weight: normal;
  font-size: 10px;
  color: #5e5752;
}
#headerStore .name {
  font-size: 14px;　/*h1フォントサイズ調節*/
}
#headerStore .name a {
  color: #5e5752;
}
#headerStoreContact {
  width: auto;
  float: none;
}
#headerStoreContact p img {
  display: none;
}
#headerStoreWrap::after {
  display: none;
}
#headerStoreDialWrap {
  background: none;
  width: auto;
}
#headerStoreDial {
  background: none;
  padding: 0;
}
#headerStoreDial .number {
  color: #5e5752;
}
#headerIconList {
  margin: 0;
}
#headerBtm {
  width: 100%;
  background: none;
  padding: 0;
}
#mainimg {
	margin: 0;
}

/*gNavi
=========================*/
#gNavi {
	margin: auto;
	background: linear-gradient(#433e3a, #1c1a19); /*Gナビの背景色*/
}
#gNaviIn {
	width: 1000px;
	margin: auto;
	padding: 0;
}
#gNavi ul {
  display: flex;
  border-bottom: none;
	border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}
#gNavi li {
  position: relative;
  width: calc(1000px / 2); /*6の部分はメニューの数*/
  padding-bottom: 0;
  border-right: solid 1px #fff;
}
#gNavi li:last-child {
  border-right: none;
}
#gNavi li#gNav02,
#gNavi li#gNav03,
#gNavi li#gNav04,
#gNavi li#gNav05,
#gNavi li#gNav06 {
  left: auto;
}
#gNavi ul li a {
  color: #fff; /*文字色*/
  width: 100%;
  background: none;　/*背景色*/
  height: 100%;
  padding: 0;
  line-height: 45px;
}
#gNavi li a:hover {
  background: linear-gradient(#695d46, #23211f);
}

/*contents トップページのみ適用
=========================*/
#g01 #contents {
  width: 100%;
}
#g01 .sectionWrap {
  background: none;
  padding: 0;
}
#g01 .section {
  background: none;
  padding: 0;
  margin: auto;
  width: auto;
}
#g01 .sectionIn {
  padding: 0;
}
#g01 .sectionBtm,
#g01 .h2WrapBtm,
#g01 .h2WrapTop,
#g01 .h2WrapMid {
  background: none;
  margin: 0;
  padding: 0;
}
#g01 #dlpoC_D .h2WrapBtm {
  background: #433e3a;
  padding: 5px 0;
  margin: 0 0 20px 0;
}
#g01 #dlpoC_D .h2WrapBtm .h2WrapMid {
  width: 1000px;
  margin: auto;
}
#g01 #dlpoC_D .h2WrapBtm .h2WrapMid h2 {
  color: #fff;
  font-size: 16px;
}
#g01 #dlpoC_D .sectionIn {
  width: 1000px;
  margin: auto;
}

/*footer
=========================*/
#footerTop {
  background: #433e3a; /*フッター上部の背景色*/
}
#footerTop a {
  color: #fff; /*フッター上部のテキストカラー*/
}
#footerBtm {
  background: #b9aea6; /*フッター下部の背景色*/
}
#footerBtm a,
#footerBtm dt {
  color: #fff; /*フッター下部のテキストカラー*/
}

/*footer
=========================*/
.pageTop {
  position: absolute;
  right: 9px;
  top: -40px;
  right: 15px;
  z-index: 100;
  position: fixed;
  bottom: 20px;
  top: auto;
  border-width: 45px;
  border-style: solid;
  border-radius: 50%!important;
  border-color: #433e3a; /*ボタンの色*/
  width: 0!important;
  height: 0!important;
}
.pageTop a {
  display: block;
  width: 90px;
  height: 90px!important;
  margin-top: -45px;
  margin-left: -45px!important;
}
.pageTop img {
  visibility: hidden;
  margin-top: 0!important;
  width: 90px!important;
  height: 90px!important;
}
.pageTop::after {
  content: "";
  width: 20px;
  height: 20px;
  border: 0;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 55%;
  left: -10px;
  margin-top: -5px;
}
/*リセットcssおわり===========================================================*/

/*各ページごとのコーディング
====================================================================================*/
/*共通*/
.contBg {
  padding: 50px 0;
}
.countInner {
	width: 1000px;
	margin: auto;
}
figure.telBnr {
  margin: 50px 0;
}
figure.telBnr .telBnrSp {
  display: none;
}
.contTitle {
  border-bottom: solid 2px #433e3a;
  margin: 0 0 30px 0;
}
.contTitle h2 {
  text-align: center;
  max-width: 1000px;
  margin: auto;
  font-size: 24px;
  font-weight: 600;
  background: url(http://cms.locoplace.biz/storeimg/65/656082/20221122_1319071.png)no-repeat bottom -20px left;
  background-size: 80px;
  height: 60px;
  line-height: 80px;
}
/*MV*/
#mainimg {
	background: linear-gradient(180deg, #5e5752 0%, #5e5752 10%, #fef4e8 10%, #fef4e8 75%, #5e5752 75%, #5e5752 100%);
}
#mainimgIn {
	background: url(http://cms.locoplace.biz/storeimg/65/656082/20221121_1754532.png) !important; /*MVリンク*/
	background-repeat: no-repeat;
	background-position: center;
	width: 1000px;
  height: 600px;
  margin: 0 auto;
}
/*オーナーからのメッセージ*/
#g01 .sectionWrap:nth-child(1) {
  margin: 50px 0;
}
#g01 .sectionWrap:nth-child(1) .section {
  border: 1px solid #6b6b6b;
  width: 1000px;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapTop {
  background: #6b6b6b;
  padding: 5px;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapMid h2 {
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.topMessageDetail .h3_basic01 {
  font-size: 16px;
}
.topMessageSec01 {
  font-size: 14px;
}
.topMessageDetail .detailAnchor {
  margin-top: 10px !important;
  margin-bottom: 5px;
}
/*コンテンツ1*/
.indexCopy01 {
  font-size: 143%;
  font-weight: bold;
  width: 1000px;
  display: block;
  margin: 15px auto 40px;
  background: #f5f3ed;
  padding: 20px;
  border-right: 5px solid #5e5751;
  border-left: 5px solid #5e5751;
}
#contIn01 ul {
	display: flex;
	flex-direction: column;
	gap: 20px;
  margin: 20px 0;
}
#contIn01 ul li {
	background: #f4f4f4;
	padding: 30px;
	border-radius: 10px;
}
#contIn01 ul li .listIcon {
	position: absolute;
	background: linear-gradient(#efd791, #b98819);
	color: #ffffff;
  width: 80px;
  height: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	font-size: 16px;
	font-weight: bold;
	margin: 5px;
	border: 1px solid #fff;
	box-shadow: 0 0 0 3px #d6a432;
}
#contIn01 ul li h3,
#contIn01 ul li p {
	margin-left: 100px;
}
#contIn01 ul li h3 {
	font-size: 20px;
	font-weight: 600;
}

/*コンテンツ3
やさしい仏壇処分の特徴*/
#contIn03 ul {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
  margin: 20px 0 0 0;
}
#contIn03 ul li {
  border: 3px solid #d6a432;
}
#contIn03 ul li h3 {
  background: linear-gradient(#efd791, #b98819);
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  padding: 15px 20px;
  text-shadow: 1px 1px 1px #797979;
}
#contIn03 ul li p {
  padding: 20px;
}

/*コンテンツ4
ご依頼の流れ*/
#contIn04 ul {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  align-items: flex-start;
}
#contIn04 ul .first {
  width: 100%;
}
#contIn04 ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#contIn04 ul li:not(.first) {
  width: calc(calc(1000px - 60px) / 4);
}
#contIn04 ul li .listIcon {
  width: 80px;
  height: 80px;
  background: #ffffff;
  border: 2px solid #d3eaff;
  box-shadow: 0 0 0 3px #ffffff;
  border-radius: 40px;
  line-height: 80px;
  text-align: center;
  font-weight: 600;
  margin: 0 auto -20px;
  z-index: 1;
}
#contIn04 ul li .contIn04h3 {
  background: #d3eaff;
  text-align: center;
  padding: 30px 10px 20px;
  width: 100%;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100px;
}
#contIn04 ul li h3 {
  font-weight: bold;
}
#contIn04 ul li figure {
  width: 100%;
  margin: 0;
  border: solid 3px #d3eaff;
  padding: 20px;
}
#contIn04 ul li .stepIcon img {
  width: 100%;
}

/*コンテンツ5
魂抜き・閉眼供養とは*/
#contIn05 h3 {
  background: #875780;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  color: #fff;
  margin: 40px 0 0 0;
}
#contIn05 ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px;
  background: #f4f4f4;
  padding: 40px;
  margin: 20px 0;
}
#contIn05 ul li {
  width: calc(calc(920px - 40px) / 2);
}
#contIn05 ul li h4 {
  color: #5e5752;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin: 0 0 10px 0;
  border-bottom: solid;
}

/*コンテンツ7
仏壇処分をする際の注意点*/
#contIn07 ul {
  margin: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}
#contIn07 ul li {
  border: 3px solid #d6a432;
}
#contIn07 ul li h3 {
  background: linear-gradient(#efd791,#b98819);
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  padding: 15px 20px;
  text-shadow: 1px 1px 1px #797979;
}
#contIn07 ul li p {
  padding: 20px;
}

/*コンテンツ8
よくある質問*/
#contIn08 ul li {
  background: #f5f3ed;
  padding: 20px;
  border-radius: 10px;
  margin: 0 0 20px 0;
}
#contIn08 ul li summary {
  display: flex;
  padding: 10px 0;
  justify-content: space-between;
}
#contIn08 ul li summary::after {
  content: '+';
  font-size: 20px;
  font-weight: 600;
}
#contIn08 ul li summary .question {
  display: flex;
  align-items: center;
}
#contIn08 ul li summary .question span {
  color: #5b6fc5;
  font-size: 20px;
  font-weight: 600;
}
#contIn08 ul li .ansuwer {
  border-top: solid 1px #505050;
  padding: 10px 0 0 0;
}
#contIn08 ul li .ansuwer span {
  color: #c55b5b;
  font-size: 20px;
  font-weight: 600;
}