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

/*変数
============================*/
:root {
  --main-color: #c49706;
  --sub-color: #558b77;
  --title-boder: repeating-linear-gradient(#55606d,#55606d 3px,#393a3b 0,#393a3b 6px);
  --menu-gradation: linear-gradient(#2664c2, #1d4c94);
  --cont-bg: #EFEFE3;
}

/*リセットcss
初期ローカルプレイスデザインを外す
====================================================================================*/
body {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  /*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;
}
#headerStore {
  width: auto;
  float: none;
}
#headerStore .kana {
  font-weight: normal;
  font-size: 10px;
  color: var(--main-color);
}
#headerStore .name {
  font-size: 14px;　/*h1フォントサイズ調節*/
}
#headerStore .name a {
  color: var(--main-color);
}
#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: var(--main-color);
}
#headerIconList {
  margin: 0;
}
#headerBtm {
  width: 100%;
  background: none;
  padding: 0;
}
#mainimg {
	margin: 0;
}

/*gNavi
=========================*/
#gNaviWrap {
  margin: 0;
}
#gNavi {
	margin: auto;
	background: var(--main-color); /*Gナビの背景色*/
}
#gNaviIn {
	width: 1100px;
	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(1100px / 2); /*6の部分はメニューの数*/
  padding-bottom: 0;
  border-right: solid 1px #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#gNavi li:last-child {
  border-right: none;
}
#gNavi li#gNav02,
#gNavi li#gNav03,
#gNavi li#gNav04,
#gNavi li#gNav05,
#gNavi li#gNav06,
#gNavi li#gNav07 {
  left: auto;
}
#gNavi li#gNav01 a,
#gNavi li#gNav02 a,
#gNavi li#gNav03 a,
#gNavi li#gNav04 a,
#gNavi li#gNav05 a,
#gNavi li#gNav06 a,
#gNavi li#gNav07 a {
  padding: 0;
  height: 100%;
  line-height: 45px;
}
#gNavi #gNaviIn ul li a {
  color: #fff; /*文字色*/
  width: 100%;
  background: none;　/*背景色*/
}
#gNavi #gNaviIn ul li a:hover {
  background-color: #987223;
}
#dlpoC_D {
  width: 1000px;
  margin: auto;
}

/*contents トップページのみ適用
=========================*/
#g01 #main {
  background: #fafaf8;
}
#g01 #contents {
  width: 100%;
}
#g01 .sectionWrap {
  padding: 0;
  background: none;
}
#g01 .section {
  background: none;
  padding: 0;
  margin: auto;
  width: auto;
}
#g01 .sectionIn {
  padding: 50px 0;
}
#g01 .sectionBtm,
#g01 .h2WrapBtm,
#g01 .h2WrapTop,
#g01 .h2WrapMid {
  background: none;
  margin: 0;
  padding: 0;
}
#g01 #dlpoC_D .h2WrapBtm {
  background: var(--main-color);
  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: var(--main-color); /*フッター上部の背景色*/
}
#footerTop a {
  color: #fff; /*フッター上部のテキストカラー*/
}
#footerBtm {
  background: #d0cbbc; /*フッター下部の背景色*/
}
#footerBtm a,
#footerBtm dt {
  color: #fff; /*フッター下部のテキストカラー*/
}

/*ページトップ
=========================*/
.pageTop {
  position: absolute;
  right: 9px;
  top: -40px;
  right: 15px;
  z-index: 100;
  position: fixed;
  bottom: 20px;
  top: auto;
  border-width: 30px;
  border-style: solid;
  border-radius: 50%!important;
  border-color: var(--main-color); /*ボタンの色*/
  width: 0!important;
  height: 0!important;
}
.pageTop a {
  display: block;
  width: 60px;
  height: 60px!important;
  margin-top: -30px;
  margin-left: -30px!important;
}
.pageTop img {
  visibility: hidden;
  margin-top: 0!important;
  width: 90px!important;
  height: 90px!important;
}
.pageTop::after {
  content: "";
  width: 15px;
  height: 15px;
  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: -9px;
  margin-top: -5px;
}
/*リセットcssおわり===========================================================*/

/*各ページごとのコーディング
====================================================================================*/

/*共通
=============================*/
.contBg {
  padding: 50px 0;
}
.contWrap {
  max-width: 1100px;
  margin: auto;
  padding: 0 20px;
}
.countInner {
	width: 1000px;
	margin: auto;
}
figure.telBnr {
  margin: 50px 0;
}
.contTitle {
  margin: 0 0 30px 0;
}
.contTitle h2 {
  font-size: 24px;
  font-weight: bold;
}
.formArea {
  margin: 50px 0 0 0;
}
.formArea .formTel {
  margin: 0 0 20px 0;
}
.formArea .formTel a:hover {
  opacity: 0.6;
}
.formArea .formTel img {
  display: block;
  margin: auto;
  max-width: 100%;
}
.formArea .formMali {
  border: solid 4px #e9f0bf;
}
.formArea .formMali h3 {
  background-color: #e9f0bf;
  text-align: center;
  font-size: 20px;
  padding: 10px 0;
}
.formArea .formMali .formIn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 100px;
  padding: 20px 0;
  background-color: #f7f5ed;
}
.formArea .formMali .formIn .formBtn {
  width: 360px;
  height: 60px;
  border-radius: 10px;
}
.formArea .formMali .formIn .formBtn a {
  color: #fff;
  line-height: 60px;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: #810000;
  position: relative;
}
.formArea .formMali .formIn .formBtn a::after {
  content: ">";
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
}
.formArea .formMali .formIn .formBtn a:hover {
  opacity: 0.5;
}
#topCnt_02 .contTitleIn,
#topCnt_03 .contTitleIn,
#topCnt_04 .contTitleIn,
#topCnt_05 .contTitleIn,
#topCnt_06 .contTitleIn,
#topCnt_07 .contTitleIn,
#topCnt_08 .contTitleIn,
#topCnt_09 .contTitleIn,
#topCnt_10 .contTitleIn,
#topCnt_11 .contTitleIn {
  color: #fff;
  background: var(--main-color);
  border-left: solid 20px var(--sub-color);
  padding: 10px;
}
.contDisc {
  margin: 0 0 30px 0;
}
.moreBtn {
  margin: 30px auto 0;
  width: 300px;
  height: 50px;
  text-align: center;
}
.moreBtn a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 50px;
  text-decoration: none;
  font-weight: bold;
  background-color: var(--main-color);
}
.moreBtn a:hover {
  opacity: 0.6;
}
span.em {
  color: #CB523F;
}
/*共通おわり===============================================*/

/*MV
=============================*/
#mainimg {
	background: url(https://cms.locoplace.biz/storeimg/75/755308/20230722_1503401.gif);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 500px;
    margin: auto;
}
#mainimgIn {
	background: url(https://cms.locoplace.biz/storeimg/75/755308/20230927_2033541.png) !important; /*MVリンク*/
	background-repeat: no-repeat;
	background-position: center;
	width: 1000px;
  height: 500px;
  margin: 0 auto;
}

/*オーナーからのメッセージ
=============================*/
#g01 .sectionWrap:nth-child(1) {
  padding: 50px 0;
}
#g01 .sectionWrap:nth-child(1) .section {
  width: 1100px;
  background: #fff;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapTop {
  background: var(--sub-color);
  padding: 5px;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapMid h2 {
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.topMessageDetail {
  padding: 20px;
}
.topMessageDetail .h3_basic01 {
  font-size: 20px;
  color: var(--main-color);
  border-bottom: none;
}
.topMessageSec01 {
  font-size: 14px;
}
.topMessageDetail .detailAnchor {
  margin-top: 10px !important;
  margin-bottom: 5px;
}
.topMessageDetail .detailAnchor a {
  color: var(--main-color);
  background: none;
}
.topMessageDetail .detailAnchor a::before {
  content: "▶︎";
}

/*コンテンツ1
====================================================================================*/
.indexCopy01 {
  font-size: 143%;
  font-weight: bold;
  width: 1100px;
  display: block;
  margin: auto;
  padding: 50px 120px;
  text-align: center;
  background-image:
    url(https://cms.locoplace.biz/storeimg/71/715094/20230313_1327281.png),
    url(https://cms.locoplace.biz/storeimg/71/715094/20230313_1339331.png);
  background-position: top right,bottom left;
  background-repeat: no-repeat,no-repeat;
  background-size: 470px;
}
#topCnt_01 .contTitleIn {
  color: #fff;
  background: #353A50;
  border-left: solid 20px var(--sub-color);
  padding: 10px;
}
#topCnt_01 .contIneer {
  background: #fffefc;
  padding: 30px;
}
#topCnt_01 ul li:not(:last-child) {
  margin: 0 0 30px 0;
}
#topCnt_01 ul li h3 {
  background-color: #f3f3e6;
  border-top: solid 2px var(--main-color);
  border-bottom: solid 2px var(--main-color);
  font-size: 22px;
  font-weight: bold;
  padding: 10px;
  margin: 0 0 10px 0;
  text-align: center;
}
#topCnt_01 ul li .cntTxt p {
  font-size: 18px;
  font-weight: bold;
  line-height: 2rem;
}
/*コンテンツ2
====================================================================================*/
#topCnt_02 ul {
  background-color: #fffefc;
  padding: 20px;
}
#topCnt_02 ul li:not(:last-child) {
  margin: 0 0 30px 0;
}
#topCnt_02 ul li h3 {
  border-bottom: solid 2px #353A50;
  color: var(--main-color);
  font-size: 20px;
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 0 0 20px 0;
}
#topCnt_02 ul li h3 span:not(.txtS) {
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  background-color: #353A50;
  text-align: center;
}
#topCnt_02 ul li h3 span.txtS {
  font-size: 14px;
}
.cont02Flex {
  display: flex;
  gap: 20px;
}
.cont02Flex p {
  font-size: 18px;
  font-weight: bold;
  line-height: 2rem;
}
.cont02Flex img {
  width: 260px;
  height: 260px;
}
/*コンテンツ3
====================================================================================*/
#topCnt_03 ul {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#topCnt_03 ul li {
  width: calc(calc(100% - 40px)/3);
}
.cont03Flex {
  background-color: #353A50;
  padding: 20px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.cont03Flex h3 {
  color: #fff;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 18px;
}
.cont03Flex img {
  width: 260px;
  height: 260px;
  object-fit: cover;
}
#topCnt_03 .feeArea {
  margin: 0 0 10px 0;
}
#topCnt_03 .feeArea p:nth-child(1) {
  background-color: #fff;
  text-align: center;
  color: #CB523F;
  padding: 8px 0;
}
#topCnt_03 .feeArea p:nth-child(2) {
  background-color: #CB523F;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
}
#topCnt_03 .detailTxt h4 {
  font-weight: bold;
  font-size: 18px;
}
/*コンテンツ4
====================================================================================*/
#topCnt_04 .contIneer h3 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-bottom: solid 2px var(--main-color);
  margin: 50px 0;
}
#topCnt_04 .ineerTitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 30px 0;
}
#topCnt_04 .ineerTitle h4 {
  color: var(--main-color);
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 10px 0;
}
#topCnt_04 ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
}
#topCnt_04 ul:nth-child(3) {
  margin: 0 0 80px 0;
}
#topCnt_04 ul li {
  background-color: #fff;
  border: solid 1px #ada784;
  border-radius: 20px;
  padding: 20px;
}
#topCnt_04 ul:nth-child(3) li {
  width: calc(calc(100% - 40px) / 3);
}
#topCnt_04 ul:nth-child(5) li {
  width: calc(calc(100% - 60px) / 4);
}
#topCnt_04 ul li > p:nth-child(1) {
  color: #ada784;
  font-weight: bold;
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 20px 0;
  border-bottom: solid 1px #ada784;
  padding: 0 0 10px 0;
}
#topCnt_04 ul li > p:nth-child(1) span {
  font-size: 30px;
  font-style: italic;
}
#topCnt_04 ul li img {
  display: block;
  margin: auto;
}
#topCnt_04 ul li .comments {
  display: block;
  font-size: 12px;
  margin: 10px 0;
}
#topCnt_04 ul li .miniFromTel p {
  font-size: 14px;
  text-align: center;
}
#topCnt_04 ul li .miniFromTel a {
  text-decoration: none;
  color: #810301;
  font-size: 20px;
  display: block;
  text-align: center;
}
#topCnt_04 ul li .miniformMail {
  background-color: #810301;
  border-radius: 5px;
  margin: 20px 0 0 0;
  text-align: center;
}
#topCnt_04 ul li .miniformMail a {
  color: #fff;
  text-decoration: none;
  padding: 5px 0;
  display: block;
}
#topCnt_04 ul li .miniformMail a:hover {
  text-decoration: underline;
}

/*コンテンツ5
====================================================================================*/
#topCnt_05 ul li:not(:last-child) {
  margin: 0 0 20px 0;
}
#topCnt_05 ul li > div {
  display: flex;
}
#topCnt_05 ul li .question span {
  background-color: var(--main-color);
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
}
#topCnt_05 ul li .question p {
  background-color: #fbefca;
  width: calc(100% - 50px);
  padding: 0 0 0 20px;
  line-height: 50px;
  font-size: 18px;
  font-weight: bold;
  color: var(--main-color);
}
#topCnt_05 ul li .answer {
  align-items: center;
  background-color: #fffefc;
}
#topCnt_05 ul li .answer span {
  background-color: #b2a875;
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
}
#topCnt_05 ul li .answer p {
  width: calc(100% - 50px);
  padding: 0 0 0 20px;
}

/*コンテンツ6
====================================================================================*/
#topCnt_06 ul li {
  background-color: #fffefc;
  padding: 20px;
}
#topCnt_06 ul li:not(:last-child) {
  margin: 0 0 20px 0;
}
#topCnt_06 ul li h4 {
  font-size: 18px;
  font-weight: bold;
}
#topCnt_06 ul li .goods {
  display: flex;
  gap: 10px;
  margin: 10px 0;
  align-items: center;
  color: #CB523F;
  font-weight: bold;
}
#topCnt_06 ul li .goods span {
  background-color: #CB523F;
  padding: 5px;
  color: #fff;
}
#topCnt_06 ul li .cont05Flex {
  display: flex;
  gap: 20px;
}
#topCnt_06 ul li .cont05Flex img {
  width: 250px;
}
/*コンテンツ7
====================================================================================*/
#topCnt_07 ul {
  background-color: #fffefc;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
#topCnt_07 ul li {
  width: calc(calc(100% - 40px) / 5);
}
/*コンテンツ8、コンテンツ9
====================================================================================*/
#topCnt_08 .cont08About h3,
#topCnt_09 .cont09About h3 {
  border-left: solid 5px var(--main-color);
  color: var(--main-color);
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 0 5px;
  margin: 30px 0 10px 0;
}
#topCnt_08 .cont08About ul,
#topCnt_09 .cont09About ul {
  margin: 30px 0 0 0;
}
#topCnt_08 .cont08About ul li:not(:last-child),
#topCnt_09 .cont09About ul li:not(:last-child) {
  margin: 0 0 20px 0;
}
#topCnt_08 .cont08About ul li h4,
#topCnt_09 .cont09About ul li h4 {
  color: var(--main-color);
  border-bottom: solid 1px;
  font-weight: bold;
  margin: 0 0 10px 0;
}

/*followingFrom
====================================================================================*/
#followingFrom {
  position: fixed;
  top: 70px;
  right: 0;
}
#followingFrom ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#followingFrom ul li {
  width: 60px;
}
#followingFrom ul li a:hover {
  opacity: 0.6;
}
#followingFrom ul li img {
  width: 100%;
}
/*企業情報
============================*/
table.company-bg {
    width: 100%;
    margin: 15px 0;
}
.company-bg td, .company-bg th {
    padding: 10px 5px;
    border: 1px solid #ababab;
}
.company-bg th {
    text-align: center;
    font-weight: bold;
    background: #e0e0e0;
    width: 200px;
}
.company-bg td {
    padding-left: 20px;
}