@charset "utf-8";

* {
  margin: 0;
  padding: 0;
  font-family: 游明朝, Yu mincho, YuMincho, ヒラギノ明朝 Pro W3, Hiragino mincho Pro, HGS明朝E, ＭＳＰ明朝, MS PMincho, Times New Roman, Times, Garamond, Georgia, serif
}

.wf-sawarabimincho {
  font-family: Sawarabi mincho
}

.wf-hannari {
  font-family: Hannari
}
.f_red {
  color:red;
}

h1, h2, h3, h4, h5, h6, p {
  font-family: 游明朝, Yu mincho, YuMincho, ヒラギノ明朝 Pro W3, Hiragino mincho Pro, HGS明朝E, ＭＳＰ明朝, MS PMincho, Times New Roman, Times, Garamond, Georgia, serif
}

.gothic {
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

h2 {
  font-size: 30px;
  padding-bottom: 20px;
  color: #000000;
  line-height: 40px
}

img {
  vertical-align:bottom;
}

p {
  font-size: 18px;
  line-height: 30px
}

body {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  font-family: Amiri, serif
}

header {
  background-color: #fff;
  width: 100%;
  position: fixed;
  z-index: 5
}

.top_line {
  width: 100%;
  height: 29px;
  background-color: #3c2f37;
  margin: 0;
  padding: 0;
  text-align: left
}

.top_line_inner {
  max-width: 750pt;
  margin: 0 auto
}

.headertext {
  font-size: 9pt;
  color: #fff;
  padding-top: 5px
}

.inner {
  width: 100%;
  max-width: 750pt;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden
}

header .logoimgbox {
  float: left
}

header .logoimgbox a {
  display: block;
  width: 350px;
  height: 40px;
  float: left;
  padding-top: 10px
}

header .toiawasebox01 {
  width: 250px;
  background-color: #035267;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-right: 5px;
  float: right
}

header .toiawasebox01 a {
  color: #000;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 3px;
  display: block;
  text-decoration: none
}

header .toiawasebox01:hover {
  opacity: .5
}

headeer .toiawasebox01:after {
  content: "";
  display: block
}

.siryoseikyu {
  font-size: 18px;
  color: #fff;
  text-decoration: none
}

header .toiawasebox {
  padding-top: 10px;
  padding-right: 20px;
  font-size: 20px;
  display: block;
  float: right
}

headeer .toiawasebox:after {
  content: "";
  display: block;
  clear: both
}

.n_font {
  font-family: Old Standard TT, serif;
  font-size: 26px
}

.navi-in {
  max-width: 750pt;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden
}

.navi-in>ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center
}

.navi-in>ul li {
  display: block;
  width: 14.28%;
  height: 40px;
  line-height: 40px;
  box-sizing: border-box;
  border-left: 1px solid #cccc0c
}

.navi-in>ul li:last-child {
  border-right: 1px solid #cccc0c
}

.navi-in>ul li:hover>ul {
  display: block
}

.navi-in>ul li a:hover {
  background-color: #e0ccba;
  border-bottom: 2px solid #d79760;
  color: #fff;
  transition: .5s
}

.navi-in>ul .sub-menu {
  display: none;
  position: absolute;
  margin-left: 0;
  min-width: 15pc;
  list-style: none;
  padding-left: 0;
  background-color: #fff;
  z-index: 2;
  text-align: left
}

.navi-in>ul .sub-menu li {
  width: auto;
  background-color: #fff
}

.navi-in>ul .sub-menu a {
  padding-left: 1pc;
  padding-right: 1pc
}

.navi-in>ul .sub-menu ul {
  top: -50px;
  left: 15pc;
  position: relative
}

.navi-in a {
  color: #333;
  text-decoration: none;
  display: block;
  font-size: 1pc
}

.navi-in a:hover {
  background-color: #bdbdbd;
  transition: all .3s ease 0
}

.navi-in a:hover>ul {
  display: block
}

.breadcrumbs {
  width: 100%;
  background-color: #fafafa
}

main {
  padding-top: 90pt;
  max-width: 750pt;
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  text-align: left
}

footer {
  background-color: #f1edde;
  padding-top: 30px
}

.container {
  max-width: 750pt;
  width: 100%;
  margin: 20px auto;
  display: flex
}

.container_2box_l {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px
}

.container_2box_l, .container_2box_r {
  max-width: 500px;
  width: 100%;
  display: flex;
  flex-direction: column
}

.container_2box_r {
  margin-left: 30px
}

.container_2box_r ul {
  text-align: left;
  list-style: none;
  font-size: 36px
}

.container_2box_r ul li {
  font-size: 24px;
  line-height: 1.3
}

#footer-menu ul {
  text-align: center;
  margin: 10px 0
}

#footer-menu ul li {
  display: inline;
  list-style: outside none none
}

#footer-menu ul li a {
  text-decoration: none;
  color: #000
}

#footer-menu ul li a:hover {
  text-decoration: none;
  color: #6e6e6e
}

#footer-menu ul li:before {
  content: "|";
  padding: 0 .6em
}

#footer-menu ul li:first-child:before {
  content: "";
  padding: 0
}

#footer-menu ul .sub-menu {
  display: none
}

.copyright {
  text-align: center;
  padding: 5 0;
  background-color: #3c2f37;
  color: #fff
}

.mail a, .tel a {
  cursor: default;
  pointer-events: none;
  text-decoration: none
}

@media screen and (max-width:768px) {
  .mail a, .tel a {
    pointer-events: auto;
    text-decoration: underline
  }
}

.link_button {
  background: #f2d2a2;
  background: -moz-linear-gradient(top, #d2af7a 1%, #a27c53 100%);
  background: -webkit-linear-gradient(top, #d2af7a 1%, #a27c53 100%);
  background: linear-gradient(to bottom, #d2af7a 1%, #a27c53 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d2a2', endColorstr='#c2a281', GradientType=0);
  width: 25pc;
  margin: 0 auto 30px auto;
  padding: 8px;
  text-align: center;
  border-radius:5px;
  border:1px solid #eac4a0;
  box-shadow:0px 0px 9px -3px #cccccc;
}

.link_button a {
  text-decoration: none
}

.link_button:hover {
  opacity: .5
}

.link_font {
  font-size: 20px;
  color: #fff
}

.hanso_button {
  background: #ef5658;
  background: -moz-linear-gradient(top, #ef5658 1%, #c14945 100%);
  background: -webkit-linear-gradient(top, #ef5658 1%, #c14945 100%);
  background: linear-gradient(to bottom, #ef5658 1%, #c14945 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef5658', endColorstr='#c14945', GradientType=0);
  width: 100%;
  height: 70px;
  margin: 0 auto;
  padding: 10px;
  text-align: center
}

.hanso_button a {
  text-decoration: none
}

.hanso_button:hover {
  opacity: .5
}

.hanso_font {
  font-size: 28px;
  color: #fff
}

.hanso_tel_button {
  background: #ef5658;
  background: -moz-linear-gradient(top, #ef5658 1%, #c14945 100%);
  background: -webkit-linear-gradient(top, #ef5658 1%, #c14945 100%);
  background: linear-gradient(to bottom, #ef5658 1%, #c14945 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef5658', endColorstr='#c14945', GradientType=0);
  width: 100%;
  height: 70px;
  margin: 0 auto;
  padding: 10px;
  text-align: center
}

.hanso_tel_button a {
  text-decoration: none
}

.hanso_tel_button:hover {
  opacity: .5
}

.hanso_tel_font {
  font-size: 28px;
  color: #fff
}

.post {
  margin-bottom: 30px
}

.post h2 {
  padding-bottom: 5px;
  line-height: 1.3;
  color: #000
}

.category_title {
  margin-top: 10px;
  font-size: 30px
}

.category {
  margin-top: 0;
  margin-bottom: 15px
}

.category h2 {
  padding-bottom: 5px;
  line-height: 1.3;
  color: #000
}

.category .time {
  padding-bottom: 10px
}

.er_page {
  margin-top: 30px;
  margin-bottom: 30px
}

.er_page h2 {
  padding-bottom: 20px;
  line-height: 1.3;
  color: #000
}

.er_page a:hover {
  opacity: .5
}

.sidebnr {
  position: fixed;
  top: 7.5pc;
  right: 0;
  z-index: 3
}

.sidebnr ul {
  position: relative
}

.sidebnr li {
  margin-bottom: 1px;
  list-style: none
}

.sidebnr li.s_consultation {
  line-height: 0;
  position: absolute;
  right: -11px;
  top: 10px;
}

.sidebnr li.s_request {
  line-height: 0;
  position: absolute;
  right: -11px;
  top: 180px
}

.sidebnr li.s_inquiry {
  line-height: 0;
  position: absolute;
  right: -11px;
  top: 340px
}
.sidebnr a {
  display:block;
  height:150px;
  width:50px;
}
.sidebnr a img {
  height:100%;
}

.inquiry_side, .request_side, .consultation_side {
  width: auto;
}

.inquiry_side:hover, .request_side:hover, .consultation_side:hover {
  opacity: .5;
  transition: .3s
}

.checkbox {
  color: #7f6c5b;
  font-size: 50px
}

.deco_title_font {
  font-size: 44px;
  color: #333
}

.form_title_box {
  width: 500px;
  margin: 30px auto;
  padding: 20px;
  border: double 3px #7f6c5b
}

.form_title {
  color: #7f6c5b;
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  padding: 0
}

.form_field {
  margin: 0 10% 30px;
  background-color: #f1f1f1;
  padding: 40px
}

.form_afterbox, .form_bantibox, .form_furibox, .form_inquirybox, .form_kenbox, .form_mailbox, .form_memorialbox, .form_namebox, .form_planbox, .form_shibox, .form_telbox, .form_yubinbox {
  margin-bottom: 15px
}

.form_banti, .form_furi, .form_ken, .form_mail, .form_memorial, .form_name, .form_shi, .form_tel, .form_yubin, .form_cal {
  height: 25px
}

.form_textarea {
  width: 100%;
  height: 150px;
  padding: 5px
}

.form_plan {
  margin-left: 10px
}

.submit_box {
  margin: 10px auto;
  text-align: center
}

.submit {
  background-color: #bdbdbd;
  width: 25pc;
  padding: 8px;
  text-align: center;
  font-family: times new roman, times, serif;
  color: #fff;
  border: 0;
  font-size: 22px
}

.submit:hover {
  opacity: .5
}

.thanks_msbox {
  padding-bottom: 30px
}

.thanks_infobox, .thanks_msbox {
  font-size: 20px;
  line-height: 1.3
}

.thanks_infobox {
  border: double 4px #bdbdbd;
  box-sizing: border-box;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 30px;
  width: 25pc;
  margin-left: auto;
  margin-right: auto
}

.thanks_infobox ul {
  list-style: none;
  font-size: 17px
}

.syoko_table {
  width: 100%
}

.syoko_table, .syoko_table th, td {
  border-collapse: collapse;
  border: 1px solid #bdbdbd
}

.syoko_table th, td {
  padding: 5px;
  padding-left: 10px;
  margin: 0;
  font-family: Yu Gothic Medium, 游ゴシック Medium, YuGothic, 游ゴシック体, ヒラギノ角ゴ Pro W3, メイリオ, sans-serif
}

.syoko_table th {
  width: 30%;
  background-color: #a58f79;
  color: #fff;
  font-weight: 400
}

.syoko_table td {
  width: 70%
}

.footer_fix_left, .footer_fix_right, a.gototop {
  display: none
}

a.gototop {
  background: #c7b284;
  background: -moz-linear-gradient(top, #c7b284 0, #716346 100%);
  background: -webkit-linear-gradient(top, #c7b284 0, #716346 100%);
  background: linear-gradient(to bottom, #c7b284 0, #716346 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7b284', endColorstr='#716346', GradientType=0);
  bottom: 2%;
  color: #fff;
  font-size: 2rem;
  height: 3rem;
  line-height: 3.8rem;
  position: fixed;
  right: 2%;
  text-align: center;
  text-decoration: none;
  width: 3rem;
  z-index: 6
}

.plan_table {
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
  border-collapse: collapse
}

.plan_tr {
  width: 100%
}

.plan_tr .table_koumoku {
  width: 15%;
  padding: 8px 5px;
  box-sizing: border-box;
  border: 1px solid #999;
  font-size: 15px;
  color: #fff;
  background-color: #7a271d
}

.plan_tr .table_check {
  width: 10%;
  box-sizing: border-box;
  border: 1px solid #999;
  font-size: 14px;
  text-align: center;
  line-height: 1.2
}

.top_message {
  position: relative;
  width: 100%
}

.message_strong {
  font-size: 3vw
}

.topmessage_container {
  max-width: 750pt;
  margin: 0 auto
}

.chokusosenmon {
  top: 40px;
  font-size: 3vw
}

.chokusosenmon, .chokusosenmon1 {
  position: absolute;
  left: 15%;
  z-index: 1;
  font-weight: 700;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, .5)
}

.chokusosenmon1 {
  top: 140px;
  font-size: 2vw
}

.chokusosenmon2 {
  position: absolute;
  bottom: 30px;
  right: 15%;
  z-index: 1;
  font-weight: 700;
  font-size: 2vw;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, .5)
}

.top_contact_container {
  background-color: #f1edde;
  margin: 0 -100%;
  padding: 20px 100%
}

.top_contact_inner {
  width: 100%;
  display: flex;
  flex-direction: row
}

.contact_container {
  background-color: #f1edde;
  border: double 4px #bdbdbd;
  box-sizing: border-box;
  margin-bottom: 30px;
  padding: 20px
}

.contact_inner {
  width: 100%;
  display: flex;
  flex-direction: row
}

.contact_left {
  width: 60%
}

.contact_left, .contact_right {
  display: flex;
  flex-direction: column
}

.contact_right {
  width: 40%;
  align-items: flex-start
}

.contact_m1 {
  font-size: 24px;
  text-align: center
}

.top_contact_m2 {
  font-family: Arapey, serif
}

.contact_m2, .top_contact_m2 {
  font-size: 66px;
  text-align: center;
  letter-spacing: 2px
}

.contact_m2 {
  display: block;
  font-family: Arapey, Sans-serif
}

.contact_sp_m1 {
  display: none
}

.contact_inquiry_button {
  background: #0086a8;
  background: -moz-linear-gradient(top, #0086a8 0, #035267 100%);
  background: -webkit-linear-gradient(top, #0086a8 0, #035267 100%);
  background: linear-gradient(to bottom, #0086a8 0, #035267 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0086a8', endColorstr='#035267', GradientType=0);
  width: 100%;
  padding: 8px;
  text-align: center;
  margin-bottom: 10px
}

.contact_inquiry_button:hover {
  opacity: .5;
  transition: .3s
}

.inquiry_font {
  font-size: 20px;
  color: #fff
}

.contact_request_button {
  background: #0086a8;
  background: -moz-linear-gradient(top, #0086a8 0, #035267 100%);
  background: -webkit-linear-gradient(top, #0086a8 0, #035267 100%);
  background: linear-gradient(to bottom, #0086a8 0, #035267 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0086a8', endColorstr='#035267', GradientType=0);
  width: 100%;
  padding: 8px;
  text-align: center
}

.contact_request_button:hover {
  opacity: .5;
  transition: .3s
}

.request_font {
  font-size: 20px;
  color: #fff
}

.contact_tel_button, .hanso_container {
  display: none
}

.facility_info ul {
  list-style: none;
  font-weight: 700;
  font-size: 26px
}

.facility_info ul li {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4
}

.wpcf7 {
  width: 100%;
  border: 1px solid #ddd;
  background: #fafafa;
  padding: 0;
  margin: 2.5em 0 !important;
  font-size: 14px
}

.wpcf7 form {
  margin: 1.5em 1.5em 0
}

.wpcf7 p {
  margin-bottom: 1em;
  font-size: 14px;
  color: #000
}

.wpcf7 input, .wpcf7 textarea {
  width: auto;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #ccc;
  line-height: 1.2;
  padding: 8px
}

.wpcf7 input[type=checkbox], .wpcf7 input[type=radio], .wpcf7 select {
  width: auto;
  max-width: 97%;
  border: 1px solid #ccc;
  padding: 8px
}

.wpcf7 .wpcf7-list-item-label, .wpcf7 select {
  line-height: 1.2;
  font-size: 14px
}

.wpcf7-list-item {
  display: block
}

.wpcf7 textarea {
  height: 300px
}

.wpcf7 input:focus, .wpcf7 textarea:focus {
  outline: 0;
  border: 1px solid #bbb;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
  box-shadow: inner 0 0 5px rgba(0, 0, 0, .5)
}

.wpcf7 input.wpcf7-submit {
  position: relative;
  display: block;
  width: 225px;
  height: 3pc;
  margin: 30px auto 0;
  background-color: #7cbae2;
  cursor: pointer;
  border: 0 0 !important;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
  outline: 0;
  -webkit-transition: all .3s;
  transition: all .3s
}

.wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit:after, .wpcf7 input.wpcf7-submit:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.wpcf7 input.wpcf7-submit:hover {
  background-color: #666
}

.wpcf7 .wpcf7-not-valid {
  background: pink
}

.wpcf7 .wpcf7-response-output {
  margin: 10px 0 0;
  padding: 8px 35px 8px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.wpcf7 .wpcf7-validation-errors {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #eed3d7
}

.wpcf7 .wpcf7-mail-sent-ok {
  color: #3a87ad;
  background-color: #d9edf7;
  border: 1px solid #bce8f1
}

.wpcf7 input[name="your-hurigana"], .wpcf7 input[name="your-name"] {
  width: 200px
}

.wpcf7 input[name="your-email"], .wpcf7 input[name="your-remail"] {
  width: 300px
}

.wpcf7 input[name="sankaninzu"], .wpcf7 input[name="text-age"] {
  width: 50px
}

.wpcf7 input[name="select ninzu"] {
  background-color: #fff
}

.wpcf7 input[name="banti"], .wpcf7 input[name="ken"], .wpcf7 input[name="shi"], .wpcf7 input[name="your-phone"], .wpcf7 input[name="yubin"] {
  width: 190px
}

.Bnr {
  position: fixed;
  right: 10px;
  bottom: 75px;
  margin-left: auto
}

.Bnr .Bnr__img {
  position: relative;
  width: 25pc;
  height: 200px
}

.Bnr__img__inner {
  position: absolute
}

.Bnr .Bnr__img__inner a {
  display: block
}

.Bnr .Bnr__img__inner a:hover {
  opacity: .5
}

.popbanner {
  width: 100%
}

.Bnr .Bnr__img p.close {
  position: absolute;
  right: 0;
  top: 0
}

.Bnr .Bnr__img p.close a {
  display: block;
  width: 35px;
  height: 35px;
  text-align: center;
  text-decoration: none;
  color: #3c2f37;
  font-size: 30px;
  background-color: #fff
}

.Bnr .Bnr__img p.close a span {
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden
}

.Bnr .Bnr__img p.close a i {
  z-index: 4;
  color: #fff
}

.plantable table {
  width: 100%
}

.plantable td, .plantable th {
  line-height: 1.2
}

.midashi {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 2px;
  padding-left: -10px;
  color: #fff
}

.plantable tr {
  height: 40px
}

.plantable td {
  text-align: center;
  border: 0;
  background: #f3f2f2
}

.plantable th {
  padding-left: 10px
}

.accbox {
  margin: .5em 0;
  padding: 0;
  max-width: 750pt;
  font-size: 22px
}

.accbox label {
  display: block;
  margin: 1.5px 0 0;
  padding: 11px 18px;
  color: #fff;
  font-weight: 400;
  background: #7c6855;
  cursor: pointer;
  transition: all .5s
}

.accbox label:hover {
  opacity: .7
}

.accbox input {
  display: none
}

.accbox .accshow {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: .8s
}

.cssacc:checked+.accshow {
  height: auto;
  opacity: 1
}

.abox {
  border-left: solid 2px #a58f79;
  border-right: solid 2px #a58f79;
  border-bottom: solid 2px #a58f79;
  box-sizing: border-box;
  padding: 15px 25px;
  background: #fff
}

.header_img {
  background: url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/headerimg_afterservice.jpg);
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center
}

.header_img_h {
  background: url(https://kochi-chokuso.jp/wp-content/themes/funeralthemes/image/header_higashino.webp);
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
	margin-bottom:40px;
}

.header_img_m {
  background: url(https://kochi-chokuso.jp/wp-content/themes/funeralthemes/image/header_miyanishi.webp);
  width: 100%;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
	margin-bottom:40px;
}

.header_img .header_font, .header_img_h .header_font, .header_img_m .header_font {
  color: #fff;
  text-shadow: 1px 1px 8px rgba(74, 73, 73, .97);
  font-size: 30px
}

.r_titlebox {
  width: 100%;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center
}

.r_titlebox1 h3, .r_titlebox h3 {
  font-size: 28px
}

.r_info_container {
  display: flex;
  width: 100%;
  flex-direction: row;
  margin: 0 auto;
  padding-bottom: 5px
}

.r_info_l_container {
  width: 50%;
  display: block
}

.r_info_r_container {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-left: 1px
}

.r_info_inner {
  display: flex;
  flex-direction: row;
  margin-bottom: 1px;
  height: 57px
}

.r_info_l_inner {
  display: flex;
  width: 45%;
  background: #a58f79;
  color: #fff;
  padding: 5px 15px;
  font-size: 20px;
  align-items: center
}

.r_info_img img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

.r_info_txtbox {
  display: flex;
  align-items: center;
  width: 55%;
  background: #f1f1f1;
  padding: 5px 15px;
  font-size: 20px
}

.satisfaction_box {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #efefef;
  height: 62px
}

.satisfaction_box img {
  width: 35px;
  height: 35px;
  vertical-align: bottom
}

.f_30 {
  font-size: 28px
}

.review_container {
  border: solid 4px #a58f79;
  box-sizing: border-box;
  padding: 30px;
  margin-bottom: 30px
}

.pc_no {
  display: none
}

.review_total {
  display: block;
  width: 100%
}

.review_total .flexcenter {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 30px;
  text-align: center
}

.review_total img {
  width: 200px
}

.review_inner {
  display: flex;
  flex-direction: row;
  font-size: 20px;
  height: 50px
}

.review_inner_l, .review_inner_r {
  width: 50%;
  display: flex;
  flex-direction: row;
  align-items: center
}

.review_inner_r {
  padding-left: 90px
}

.r_point1 img, .r_point img {
  width: 150px
}

.r_komoku {
  width: 55%;
  font-weight: 700;
  color: #543d2d
}

.r_point {
  width: 45%
}

.r_komoku1 {
  width: 49%;
  font-weight: 700;
  color: #543d2d
}

.r_point1 {
  width: 51%
}

.r_hyodai {
  display: block;
  font-size: 22px;
  width: 80%;
  margin: 0 auto 10px;
  border-left: solid 5px #a58f79;
  padding-left: 10px
}

.review_inner1 {
  display: flex;
  flex-direction: row;
  font-size: 18px;
  width: 80%;
  margin: 0 auto
}

.review_komoku {
  width: 80%
}

.review_komoku, .review_point {
  border-top: solid 1px #a58f79;
  border-left: solid 1px #a58f79;
  box-sizing: border-box;
  padding: 5px 10px
}

.review_point {
  width: 20%;
  border-right: solid 1px #a58f79;
  display: flex;
  justify-content: center;
  align-items: center
}

.review_coment {
  border: solid 1px #a58f79;
  margin-bottom: 50px
}

.review_coment, .review_coment1 {
  width: 100%;
  box-sizing: border-box;
  padding: 5px 10px
}

.review_coment1 {
  border-left: solid 1px #a58f79;
  border-right: solid 1px #a58f79;
  border-top: solid 1px #a58f79
}

.thanks_message_box {
  width: 70%;
  margin: 0 auto 50px;
  padding: 40px 60px;
  background: #f1f1f1;
  font-size: 22px
}

.r_cardlink {
  width: 100%;
  height: auto;
  border: solid 2px #a58f79;
  border-radius: 3px;
  display: flex;
  flex-direction: row;
  box-shadow: 4px 4px 9px 1px #cecece
}

.r_cardlink img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

.review_pg a {
  text-decoration: none;
  color: #23282d
}

.review_pg a:hover .r_cardlink {
  opacity: .5
}

.review_pg ul {
  list-style: none;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 0px
}

.review_pg ul li {
  padding-bottom: 15px
}

.r_cardlink_l {
  width: 32%;
  height: auto;
  padding: 10px
}

.r_cardlink_r {
  width: 68%;
  padding: 10px
}

.r_manzoku {
  display: flex;
  flex-direction: row;
  vertical-align: bottom;
  height: 30px
}

.card_txt, .card_txt1 {
  font-size: 20px
}

.card_txt1 {
  padding-top: 10px;
  padding-bottom: 10px
}

.r_manzoku {
  font-size: 22px
}

.r_manzoku img {
  width: auto;
  height: 25px
}

.txtbox {
  padding-top: 20px;
  font-size: 20px
}

.border {
  border-bottom: solid 2px #a58f79;
  width: 75pt;
  margin: 0 auto;
  padding-top: 15px
}

.r_titlebox1 {
  width: 100%;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

ul#sitemap_list {
  width: 80%;
  margin: 50px auto
}

.consultation_pg section {
  margin-top: 70px
}

.consultation_pg h2 {
  color: #3c2f37
}

.consultation_pg h3, .kmowledge_pg h3 {
  font-size: 24px
}

.consultation_pg p, .kmowledge_pg p {
  font-size: 20px
}

.consultation_pg ul li {
  list-style: none
}

.title_center {
  text-align: center;
  padding-bottom: 20px
}

#consultation .txtbox, #decid .txtbox, #recommend .txtbox {
  width: 90%;
  margin: 0 auto;
  font-size: 24px
}

#advantage, #flow, #eidaimerit {
  background: #faf6f6;
  padding: 50px 5pc
}

#advantage h3, #eidaimerit h3 {
  text-align: middle;
  color: #4c4129
}

.check {
  font-size: 36px;
  font-weight: 700;
  color: #a58f79
}

#advantage .border, #eidaimerit .border {
  margin-bottom: 40px
}

#advantage .box, #flow .box, #eidaimerit .box {
  width: 90%;
  border: 3px solid #a58f79;
  padding: 10px 40px 30px;
  border-radius: 15px;
  background: #fff;
  margin-bottom: 20px
}

#decid .flex_container, #flow .flex_container, #greeting .flex_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 40px 0
}

#decid .flex_inner, #flow .flex_inner {
  width: 50%;
  box-sizing: border-box;
  border: 10px solid #fff;
  background: #fdecd4
}

#decid .flex_inner h3 {
  padding: 15px 20px 0;
  color: #4c4129
}

#decid .flex_inner p {
  padding: 0 20px 15px
}

#decid .flex_inner .check, #flow .check {
  font-weight: 400
}

.promisebox {
  margin: 50px auto;
  width: 100%;
  max-width: 700px;
  text-align: center;
  background: url(https://kochi-chokuso.jp/wp-content/uploads/2020/02/haikei.png);
  background-size: cover;
  padding: 60px 40px;
  color: #fff;
  text-shadow: 1px 1px 3px #050505
}

.promisebox h3 {
  font-size: 30px;
  padding-bottom: 30px
}

.promisebox ul li {
  font-size: 26px;
  padding-bottom: 20px
}

.flow_txt {
  text-align: center;
  padding: 30px 0
}

.title_center_arrow {
  text-align: center;
  padding-bottom: 20px;
  font-size: 30px;
  color: #7f6c5b
}

#flow dt {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 5px;
  color: #4c4129
}

#flow dd {
  font-size: 20px
}

.title_center_flow {
  text-align: center;
  padding: 40px 0
}

#greeting .flex_container {
  background: #f1edde;
  border-radius: 5px;
  padding: 20px
}

#greeting .flex_inner_l {
  width: 35%
}

#greeting .flex_inner_r {
  width: 65%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px
}

#greeting .flex_inner_r p {
  padding: 0 30px
}

.knowledge_pg h3 {
  border-left: 5px solid #7f6c5b;
  padding: 0 0 0 15px;
  margin: 50px 0 20px
}

#mosyu .flex_container, .knowledge_pg .flex_container {
  display: flex;
  flex-direction: row;
  margin: 40px 50px
}

#mosyu .flex_inner_l {
  width: 65%;
  padding-right: 40px;
  padding-left: 40px;
  display: flex;
  align-items: center;
  background: #faf6f6
}

#mosyu .flex_inner_l p {
  font-size: 18px
}

#mosyu .flex_inner_r {
  width: 35%
}

.flex_inner_l_img {
  width: 40%
}

.flex_inner_r_txt {
  width: 60%;
  padding-right: 40px;
  padding-left: 40px;
  background: #faf6f6;
  display: flex;
  justify-content: flex-start;
  align-items: center
}

.flex_inner_r_txt h4, .flex_inner_r_txt p {
  padding-bottom: 10px
}

.txtbox_a {
  width: 90%;
  margin: 0 auto;
  font-size: 24px
}

.top_img {
  width: 100vw;
  height: 40vw;
  overflow: hidden;
  margin: 0 auto;
  margin-left: calc(50% - 50vw);
  background-image: url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/1_R.png);
  background-size: cover;
  background-position: center;
  position: relative
}

.isogi_box {
  border: double 4px #a80000;
  padding: 40px 20px;
  margin: 40px 0;
  text-align: center
}

.isogi_box h3 {
  font-size: 28px;
  padding-bottom: 15px
}

.isogi_box p {
  font-size: 33px;
  padding-bottom: 20px
}

.hanso_button1 {
  background: #ef5658;
  background: -moz-linear-gradient(top, #ef5658 1%, #c14945 100%);
  background: -webkit-linear-gradient(top, #ef5658 1%, #c14945 100%);
  background: linear-gradient(to bottom, #ef5658 1%, #c14945 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef5658', endColorstr='#c14945', GradientType=0);
  width: 550px;
  padding: 10px;
  margin: 0 auto;
  text-align: center
}

.hanso_button1 a {
  text-decoration: none;
  width: 100%;
  height: 70px
}

.hanso_button1:hover {
  opacity: .5
}

.top_title_img {
  background-image: url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/planmidashi.png);
  background-size: cover;
  background-position: left center;
  padding: 25px 0 20px
}

.top_title_img_2 {
  background-image: url(https://kochi-chokuso.jp/wp-content/uploads/2019/05/noting_titleimage-1024x137.png)
}

.top_title_img_2, .top_title_img_3 {
  background-size: cover;
  background-position: left center;
  padding: 20px 0;
  margin-top: 75pt
}

.top_title_img_3 {
  background-image: url(https://kochi-chokuso.jp/wp-content/uploads/2019/05/credit_titleimage-1024x137.png)
}

.top_title_img_4 {
  background-image: url(https://kochi-chokuso.jp/wp-content/uploads/2019/05/memorial_titleimage-1024x137.png)
}

.top_title_img_4, .top_title_img_5 {
  background-size: cover;
  background-position: left center;
  padding: 20px 0;
  margin-top: 75pt;
  margin-bottom:15px;
}

.top_title_img_5 {
  background-image: url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/chokuso_midashi.png)
}

.top_title_img_6 {
  background-image: url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/facility_midashi.png);
  background-size: cover;
  background-position: left center;
  padding: 20px 0;
  margin-top: 60px
}

.top_title_img h2, .top_title_img_2 h2, .top_title_img_3 h2, .top_title_img_4 h2, .top_title_img_5 h2, .top_title_img_6 h2 {
  letter-spacing: 5.5px;
  padding-bottom: 0
}

.top_border_box {
  width: 60%
}

.top_title_border {
  border-bottom: 1px solid #603813;
  padding: 0 0 10px
}

.top_txt {
  text-align: center;
  margin: 50px 0 30px
}

.top_txt p {
  font-size: 27px;
  line-height: 1.8
}

#t_plan .flex_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap
}

#t_plan .flex_inner {
  width: 50%;
  display: block
}

#t_plan .flex_inner .flex_imgbox {
  padding: 5px 8px;
  display: block
}

.flex_imgbox img {
  box-shadow: 0 0 6px 3px #d6d6d6
}

.flex_imgbox a:hover {
  opacity: .5
}

.jizen {
  display: flex;
  justify-content: center;
  margin: 60px 0
}

.jizen .flex_imgbox a {
  display: block;
  width: 700px
}

#t_credit .flex_container {
  display: flex;
  flex-direction: row;
  margin: 50px 0
}

.flex_inner3 {
  width: 33.3%;
  align-self: stretch;
  background: #f1edde;
  margin: 0 5px
}

.flex_inner3_box {
  padding: 30px;
  text-align: center
}

.flex_inner3_box h3, .flex_inner3_box img, .flex_inner3_box p {
  display: block
}

.flex_inner3_box h3 {
  font-size: 24px;
  color: #635447
}

.left_txtbox {
  text-align: left
}

.flex_inner3_box img {
  height: 23px;
  width: auto;
  display: block;
  margin: 0 auto;
  padding-top: 15px
}

#difference, #faq,#t_faq, #t_exp {
  padding: 5pc 0;
  background: #faf6f6
}

#t_faq {
  padding-top:80px;
}

#t_totalsupport,#review {
  padding-top:10px;
}

#difference, #faq,#t_faq, #review, #t_consultation, #t_exp, #t_totalsupport {
  width: 100vw;
  overflow: hidden;
  margin: 75pt auto 0;
  margin-left: calc(50% - 50vw);
  text-align: center;
}

#difference h2, #faq h2,#t_faq h2, #review h2, #t_consultation h2, #t_exp h2,#t_totalsupport h2 {
  font-size: 44px;
  color: #333
}

#difference p, #faq p, #review p, #t_consultation p, #t_exp p {
  font-size: 27px;
  color: #333;
  line-height: 1.8
}

#difference .border, #faq .border, #review .border, #t_consultation .border, #t_exp .border,#t_totalsupport .border {
  margin-bottom: 50px
}

.faq_box {
  text-align: left;
  width: 50pc;
  margin: 50px auto
}

.top_rev_archive {
  max-width: 950px;
  width: 100%;
  margin: 30px auto 10px;
  text-align: left
}

.t_consbox {
  max-width: 750pt;
  width: 100%;
  margin: 20px auto 50px
}

.t_consbox .flex_container {
  background: #f1edde;
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}

.t_consbox .flex_inner_l {
  width: 50%;
  padding: 20px;
}

.t_consbox .flex_inner_r {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  text-align: left;
}

.t_consbox .flex_inner_r h3 {
  font-size: 26px;
  color: #3c2f37;
  padding-bottom: 10px;
}

#t_consultation .t_consbox .flex_container .flex_inner_r p {
  padding: 0 30px;
  font-size: 20px;
  line-height: 1.4
}

.plan_top_container {
    width: 100vw;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  margin-left: calc(50% - 50vw);
  background: rgb(232,186,93);
  background: radial-gradient(circle, rgba(232,186,93,1) 12%, rgba(221,183,108,1) 47%, rgba(197,143,33,1) 100%);
  background-size: cover;
  background-position: center;
}

#chokusoplan_pg .plan_top_container {
  background: rgb(235,194,212);
background: radial-gradient(circle, rgba(235,194,212,1) 0%, rgba(196,141,165,1) 48%, rgba(145,111,126,1) 100%);
}

#ichinichisoplan_pg .plan_top_container {
background: rgb(217,219,241);
background: radial-gradient(circle, rgba(217,219,241,1) 0%, rgba(172,174,198,1) 55%, rgba(129,131,154,1) 100%);
}

#kazokusoplan_pg .plan_top_container {
background: rgb(222,220,176);
background: radial-gradient(circle, rgba(222,220,176,1) 0%, rgba(202,201,151,1) 51%, rgba(200,199,148,1) 53%, rgba(138,136,72,1) 100%);
}

.plan_top_inner {
  width:1000px;
  height:auto;
  display:flex;
  flex-direction:row;
  margin:2px auto;
  background:#FFFFFF;
  border-radius:3px;
}
.plan_in_cov {
    width: 50%;
    height: 379px;
    margin: 10px;
    background-size: cover;
    background-position: center;
}
.plan_top_inner_half1 {
  width:100%;
  height:379px;
  background-size:cover;
  background-position:center;
}

#chokusoplan_pg .plan_top_inner_half1 {
  background-image:url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/shokusoimg.jpg);
}

#ichinichisoplan_pg .plan_top_inner_half1 {
  background-image:url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/ichinichi.jpg);
}

#kazokusoplan_pg .plan_top_inner_half1 {
  background-image:url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/kazoku.jpg);
}

.plan_top_inner_half {
  width:50%;
  padding:10px;
}

.plan_top_inner_half img {
  vertical-align:bottom;
}

.plan_price {
  width:100%;
  margin:0 auto;
}

.plan_top_container h2 {
  color:#86641d;
  text-align:center;
  padding:5px 0 0 0;
  margin-bottom:5px;
  font-weight:bold;
}

#chokusoplan_pg .plan_top_container h2 {
  color:#8e6c7b;
}

#ichinichisoplan_pg .plan_top_container h2 {
  color:#717388;
}

#kazokusoplan_pg .plan_top_container h2 {
  color:#777640;
}

.plan_top_container .border {
  border-bottom:1px solid #C58F21;
  padding:0;
  margin-bottom:10px;
}

#chokusoplan_pg .plan_top_container .border {
  border-bottom:1px solid #8e6c7b;
}

#ichinichisoplan_pg .plan_top_container .border {
  border-bottom:1px solid #717388;
}

#kazokusoplan_pg .plan_top_container .border {
  border-bottom:1px solid #777640;
}

.plan_top_container p {
  line-height:1.4;
  padding-bottom:10px;
}

.plan_image {
  text-align:center;
}

.plan_top_txtbox {
  margin:0 20px 0 20px;
}

.tyusyaku {
  font-size:14px;
  padding-bottom:5px;
}

.flow_container {
  background:#EAEAEA;
  border-radius:3px;
  display:flex;
  flex-direction:row;
  margin:3px 0 18px 0;
}

.flow_inner {
  width:100%;
  padding:10px;
}

.flow_container p {
  font-size:16px;
  padding-bottom:0;
}

.plan_top_container h3 {
  border-left:5px solid #C58F21;
  padding:0 0 0 10px;
  font-size:16px;
  font-weight:bold;
}

#chokusoplan_pg .plan_top_container h3 {
  border-left:5px solid #947180;
}

#ichinichisoplan_pg .plan_top_container h3 {
  border-left:5px solid #717388;
}

#kazokusoplan_pg .plan_top_container h3 {
  border-left:5px solid #777640;
}

.sectionbox {
  padding:50px 0;
}

.sectionbox2 {
  width: 100vw;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  margin-left: calc(50% - 50vw);
  background: #F1EDDE;
}

#chokusoplan_pg .sectionbox2 {
  background: #e9dfe4;
}

#ichinichisoplan_pg .sectionbox2 {
  background: #e5e6ef;
}

#kazokusoplan_pg .sectionbox2 {
  background: #dedec3;
}
  
.sectioninner2 {
  width:1000px;
  height:auto;
  margin:0px auto;
  padding:50px 0;
}

.plan_hukumu h2 {
  width:700px;
  padding:10px 0;
  background:#956c18;
  border-radius:30px;
  text-align:center;
  color:#FFFFFF;
  margin:0 auto 70px auto;
}

#chokusoplan_pg .plan_hukumu h2 {
  background:#8E6C7B;
}

#ichinichisoplan_pg .plan_hukumu h2 {
  background:#717388;
}

#kazokusoplan_pg .plan_hukumu h2 {
  background:#777640;
}

.plan_product .flex_container {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin-left:10%;
  margin-right:10%;
  list-style:none;
}

.plan_product .flex_inner6 {
  width:16.666%;
  text-align:center;
  margin-bottom:20px;
}

.plan_product .flex_inner6 .img_box {
  width:100px;
	aspect-ratio:1;
}

.plan_product .flex_inner6 p {
  font-size:16px;
  line-height:1.3;
}

.anchi {
  margin:30px 70px 40px 70px;
}

.anchi .flex_container_r {
  background:#fffae6;
  border-radius:5px;
  border: 1px solid #dddddd;
}

.anchi h3 {
  font-size:22px;
  padding:10px 10px 10px 10px; 
}

.anchi p {
  font-size:18px;
  padding:0 10px; 
}

.flex_container_r {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

.flex_inner40 {
  width:40%;
}

.flex_inner60 {
  width:60%;
}

.flex_inbox {
  padding:20px;
}

.sectionbox2 h2, #option_service h2, #kasohprice h2, #planflow h2, #hikaku h2 {
  text-align:center;
  color:#23282D;
  padding-bottom:0px;
}

.plan_listtable {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin:60px 0;
}

.plan_listtable .item {
  width:15%;
  height:auto;
  background:#7C6855;
  color:#FFFFFF;
  align-self:stretch;
  box-sizing:border-box;
  border-bottom:1px solid #bdbaba;
}

.plan_listtable .include {
  width:10%;
  text-align:center;
  background:#FFFFFF;
  align-self:stretch;
  box-sizing:border-box;
  border-bottom:1px solid #bdbaba;
  line-height:1.2;
}

.plan_listtable div {
  padding:7px 7px;
}

#option_service p, #hikaku p, #reien4 p {
  font-size:22px;
  padding:60px 0 40px 0;
  text-align:center;
  line-height:1.8;
}

.flex_inner50 {
  width:50%;
}

#option_service .flex_inbox {
  padding:7px 10px;
}

#kasohprice {
  background:#F9F9F9;
  border-radius:10px;
  margin:50px 80px;
  border:1px solid #E2E2E2;
}

#kasohprice p {
  font-size:20px;
  margin:40px 60px 40px 60px;
  line-height:1.8;
}

#kasohprice h3 {
  font-size:24px;
  text-align:center;
}

#kasohprice table{
  width: 500px;
  border-collapse: collapse;
  font-size:20px;
  margin:10px auto;
}

#kasohprice table tr{
  border-bottom: solid 2px #BDBDBD;
}

#kasohprice table tr:last-child{
  border-bottom: none;
}

#kasohprice table th{
  position: relative;
  text-align: left;
  width: 50%;
  background-color: #2d818b;
  color: white;
  text-align: center;
  padding: 10px 0;
}

#kasohprice table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #2d818b;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

#kasohprice table td{
  text-align: left;
  width: 50%;
  text-align: center;
  background-color: #FFFFFF;
  padding: 10px 0;
}

#kasohprice .tyusyaku {
  font-size:16px;
  text-align:center;
  margin:20px 0 0 0;
}

#planflow {
  background:#FFFFFF;
}

#planflow .flex_container_r {
  width:1000px;
  margin:60px auto;
  background:#F1EDDE;
  padding:10px;
}

#chokusoplan_pg #planflow .flex_container_r {
  background:#e9dfe4;
}

#ichinichisoplan_pg #planflow .flex_container_r {
  background:#e5e6ef;
}

#kazokusoplan_pg #planflow .flex_container_r {
  background:#DEDEC3;
}

#planflow .flex_container_r p {
  font-size:20px;
}

.flow_title {
  box-sizing:border-box;
  border-left:5px solid #A58F79;
  border-right:1px solid #E2E2E2;
  border-top:1px solid #E2E2E2;
  border-bottom:1px solid #E2E2E2;
  background:#F9F9F9;
  padding:10px 10px 10px 15px;
  font-size:24px;
  max-width:900px;
  width:100%;
  margin:0 auto;
}

.flow_txt {
  box-sizing:border-box;
  border-left:1px solid #E2E2E2;
  border-right:1px solid #E2E2E2;
  border-bottom:1px solid #E2E2E2;
  padding:30px 40px 30px 40px;
  font-size:20px;
  text-align:left;
  max-width:900px;
  width:100%;
  margin:0 auto;
}

.arrowbox {
  text-align:center;
  font-size:30px;
  color:#A58F79;
  margin:20px 0;
}

#planflow .top_flow_img {
  width:400px;
}

#planflow .flex_inner50 {
  display:flex;
  justify-content:center;
  align-items:center;
}

#planlist_pg .header_img, #difference_pg .header_img {
  background-image:url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/headerimg_planarchive.jpg);
  background-size:cover;
  background-position:center;
}

.bg_txt_cent {
  text-align:center;
}

.bg_txt_cent p {
  font-size:23px;
  line-height:1.8;
}

.mg_ud_30 {
  margin:40px 0 60px 0;
}

.awe_plus {
  font-size:36px;
  color:#A58F79;
  text-align:center;
}

#hikaku {
  padding-bottom:0;
}

#contact_pg .header_img {
  background-image:url(https://kochi-chokuso.jp/wp-content/uploads/2019/03/5f8b17397770163e070950b78b11afe9_m.jpg);
  background-size:cover;
  background-position:center;
}

#contact_pg .tel_font {
  font-family: "Arapey", Sans-serif;
  font-size:63px;
}

#contact_pg h3 {
  font-size:36px;
  padding:30px 0 20px 0;
}

#contact_pg p {
  font-size:26px;
  line-height:1.6;
  padding:40px 0 20px 0;
}

#contact_pg .verification {
  max-width:600px;
  width:100%;
  margin:0 auto;
  background:#F9F9F9;
  box-sizing:border-box;
  border:4px double #B2B2B2;
  list-style:none;
  padding:30px 0px 30px 180px;
  font-size:28px;
}

#memorialservice_pg .header_img {
  background-image:url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/headerimg_plan.jpg);
  background-size:cover;
  background-position:center;
}

#memorialservice_pg .txtbox {
  margin:0 40px;
  padding-top:30px;
}

#memorialservice_pg .eidaimerit .txtbox {
  padding-top:0px;
}

#memorialservice_pg p {
  font-size:22px;
  line-height:1.6;
}

#memorialservice_pg .jizen {
  max-width:700px;
  width:100%;
  margin:50px auto;
}

#eidaimerit h2 {
  color:#000000;
}

#eidaimerit h3 {
  font-size:24px;
}

#eidaimerit .txtbox {
  padding-top:0;
  padding-bottom:30px;
}

#reien4 h2 {
  text-align:center;
  color:#23282D;
  padding-bottom:20px;
}

#reien4 .flex_container_r {
  max-width:850px;
  width:100%;
  margin:0 auto;
}

#reien4 .flex_container_r p {
  padding:5px 0 0px 0;
  text-align:left;
  font-size:18px;
}

.reienlogo {
  width:250px;
}

#reien4 {
  padding-bottom:0;
}

#t_chokusocenter {
  max-width:800px;
  width:100%;
  margin:30px auto;
  box-sizing:border-box;
  border:4px double #A58F79;
  padding:30px 40px;
  border-radius:5px;
  background:#FAF6F6;
}

#t_chokusocenter h2 {
  font-size:18px;
  line-height:1.4;
  color:#000000;
}

#t_cokusocenter p {
  line-height:1.2;
}

#concept_pg .header_img {
  background-image:url(https://kochi-chokuso.jp/wp-content/uploads/2026/02/Z72_6304-2.png);
  background-size:cover;
  background-position:center;
}

.concept_main {
  margin:30px auto;
  max-width:950px;
  width:100%;
}

.concept_main p, #simpledemomanzoku p , #meikakunahiyo p {
  font-size:20px;
  line-height:1.4;
  padding-bottom:15px;
}

#simpledemomanzoku , #meikakunahiyo {
  width:100%;
  max-width:950px;
  margin:50px auto;
}

#simpledemomanzoku h2, #meikakunahiyo h2, #owakarenogi h2 {
  color:#000000;
  padding-bottom:10px;
}

#simpledemomanzoku .border, #meikakunahiyo .border {
  margin-bottom:20px;
}

#owakarenogi .txtbox {
  padding-top:0;
  max-width:900px;
  width:100%;
  margin:0 auto;
}

#difference_pg h2 {
  border-left:5px solid #A58F79;
  padding:0 0 0 20px;
  color:#000000;
  font-size:22px;
  text-align:left;
}

#sec_1, #sec_2, #sec_3, #sec_4 {
  padding-top:30px;
}

#difference_pg .txtbox {
  padding-top:0;
}

#difference_pg .flex_container_r .flex_inner50 {
  width:50%;
}

.header_img .header_font {
  padding-bottom:0;
}

#funeral_pg .txtbox {
  margin:30px auto;
  max-width:950px;
  width:100%;
  padding-top:0;
}

#funeral_pg h2 {
  padding-bottom:10px;
}

#funeral_pg p {
  font-size:22px;
}

#funeral_pg #sec_4 ul {
  width:100%;
  max-width:800px;
  background:#F1EDDE;
  margin:20px auto;
  padding:20px 0px 20px 80px;
}

#funeral_pg dt {
  border-left:5px solid #A58F79;
  padding:0 0 0 20px;
  color:#000000;
  font-size:22px;
  text-align:left;
  font-weight:bold;
  margin-bottom:10px;
}

#funeral_pg dd {
  margin-bottom:30px;
}

#funeral_pg .mg_ud_30 {
  margin-bottom:20px;
}

#oisogi_boxcontainer {
  background-image:url(https://kochi-chokuso.jp/wp-content/uploads/2020/02/oisogirenrakuアセット-11000.png);
  background-size:cover;
  background-position:right bottom;
  max-width:1000px;
  width:100%;
  height:400px;
  padding:30px 0;
  margin-bottom:20px;
}

#oisogi_boxcontainer h2 {
  text-shadow:1px 1px 2px #ffffff;
  font-size:24px;
}

#oisogi_boxcontainer ul {
  max-width:450px;
  background-color:rgba(0,0,0,0.1);
  padding:30px 50px 20px 50px;
  border-radius:7px;
  margin-left:30px;
}

#oisogi_boxcontainer ul li {
  font-size:16px;
  padding-bottom:10px;
  font-weight:bold;
  color: #313073;
}

#oisogi_boxcontainer p {
  max-width:570px;
  width:100%;
  padding:20px 0 0 10px;
  line-height:1.4;
}

.isogi_botton {
  width:600px;
  text-align:center;
  padding-top:30px;
}

.isogi_botton a {
  max-width:400px;
  width:100%;
  background: rgb(247,113,113);
background: linear-gradient(180deg, rgba(247,113,113,1) 0%, rgba(255,80,80,1) 55%, rgba(255,0,0,1) 100%);
  padding:10px 30px;
  border-radius:7px;
  color:#FFFFFF;
  font-weight:normal;
  text-decoration:none;
  font-size:20px;
}

.isogi_botton a:hover {
  opacity:0.5;
}

.kyotyo {
  background: linear-gradient(transparent 70%, #F5A9A9 70%);
}

#t_plan .flex_inner40 .flex_inbox dl,#t_eidai .flex_inner50 .flex_inbox dl {
  box-sizing:border-box;
  border:1px solid #b3b3b3;
  border-radius:5px;
  box-shadow:0px 0px 9px -3px #cccccc;
}

#t_plan .flex_inner40 .flex_inbox dl h3,#t_eidai .flex_inner50 .flex_inbox dl h3 {
  box-sizing:border-box;
  border-left:4px solid #7F6C5B;
  border-bottom:1px solid #b3b3b3;
  padding:7px 0 7px 15px;
  background:#F1F1F1;
}

#t_plan ul,#t_eidai ul {
  padding:17px 0 17px 15px;
  font-size:18px;
  list-style:none;
}

#t_plan ul li,#t_eidai ul li {
  padding-bottom:2px;
}

#t_plan ul li .fa-check,#t_eidai ul li .fa-check {
  color:#7F6C5B;
}

.jizenwari .flex_container_r {
  background:#F1F1F1;
  border-radius:7px;
  box-sizing:border-box;
  border:1px solid #b3b3b3;
  margin:25px 15px 45px 15px;
  box-shadow:0px 0px 9px -3px #cccccc;
}

.jizenwari .flex_container_r h3 {
  box-sizing:border-box;
  border-left:4px solid #7F6C5B;
  padding-left:10px;
  margin-bottom:5px;
  font-weight:normal;
}

.jizenwari .flex_container_r p {
  font-size:16px;
  line-height:1.6;
}

.jizenwari a:hover {
  opacity:0.5;
}

.plantokutyo {
  padding:15px 0;
}

.flex_inner25 {
  width:25%;
}

.option_discript h3 {
  background:#F1F1F1;
  border-radius:5px;
  box-sizing:border-box;
  border:1px solid #b3b3b3;
  margin:25px 0px 15px 0px;
  box-shadow:0px 0px 9px -3px #cccccc;
  padding:10px 20px;
  border-left:7px solid #7F6C5B;
}

.option_discript p {
  padding:0 30px;
}

.option_discript .flex_inner25 {
  position:relative;
  background:none;
  border:none;
}

.option_discript .flex_inner25 p {
  padding:0px;
  text-align:center;
  position:absolute;
  bottom:23px;
  left:35px;
  color:white;
  font-weight:bold;
  text-shadow:0px 0px 4px #141414;
}

.plan_tyusyaku {
  font-size:16px;
  line-height:1.4;
}

.f_red {
  color:#d8241e;
  font-weight:bold;
  background: linear-gradient(transparent 70%, #ffcfce 70%);
}

.t_reien4 {
  margin:20px 0 10px 0;
  box-sizing:border-box;
  border-left:4px solid #7F6C5B;
  padding-left:10px;
}

.flex_inner50_reien {
  width:50%;
}

.flex_inbox_reien {
  padding:0 15px 10px 0;
  position:relative;
}

.flex_inbox_reien img {
  vertical-align:bottom;
}

.flex_inbox_reien p {
  position:absolute;
  bottom:10px;
  left:10px;
  color:white;
  font-weight:bold;
  text-shadow:0px 0px 4px #141414;
}

.t_eidai_txt {
  font-size:22px;
  text-align:center;
  padding:10px 0 30px 0;
}

#t_syokibo h3 {
  font-size:22px;
  text-align:center;
  color:#634519;
  padding-bottom:8px;
}

#t_syokibo .flex_inbox {
    margin: 10px;
    padding: 25px 15px;
    background-color: #fdf6ee;
  border-radius:3px;
  border:1px solid #f5e3d3;
}

#t_syokibo .flex_inbox .border {
  padding-top:0;
  margin-bottom:20px;
}

#t_syokibo .flex_inbox p {
  padding:0 15px 0 15px;
}

.sogi_txt {
  font-size:22px;
  padding:20px 30px;
  line-height:1.6;
}

#t_syokibo .flex_container_r {
  margin-bottom:30px;
}

#t_facility .top_txt p,#t_credit .top_txt p {
  font-size:22px;
}

#t_facility .flex_container_c p {
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  font-size:17px;
  line-height:1.4;
}

.t_facility_cb {
  width:100%;
  max-width:1000px;
  margin:0 auto 60px auto;
}

.t_facility_cb img {
  vertical-align:bottom;
}

.flex_container_c {
  display:flex;
  flex-direction:column;

}

.flex_inner33 {
  width:31%;
  box-sizing:border-box;
  border:1px solid #efe6d2;
  border-radius:5px;
   align-self:stretch;
  margin:0 1.15%;
  background:#fff2df;
  color:#4c3517;
  font-weight:normal;
}

.flex_container_c .flex_inbox {
  padding:15px;
}

#t_director {
  background:url(https://kochi-chokuso.jp/wp-content/uploads/2026/02/★Z72_6232-1.png);
  background-size:cover;
  background-position:right top;
  padding:25px 25px;
  margin:50px 0;
}

#t_director h2 {
  font-size:24px;
  line-height:1.4;
}

.t_direc_txt {
  max-width:500px;
  width:100%;
  background-color:rgba(255,255,255,0.6);
  color:#000000;
  padding:20px;
  border-radius:5px;
}

.s_purp {
  color:#474994;
  font-weight:bold;
}

.t_direc_txt2 {
  width:100%;
  max-width:800px;
  margin:20px auto 0 auto;
  background-color:rgba(255,255,255,0.6);
  color:#000000;
  padding:10px;
  border-radius:5px;
}

.t_direc_txt2 h3 {
  font-size:20px;
}

.t_direc_txt2 p {
  font-size:17px;
  line-height:1.4;
}

.top_txt_1 {
  margin:40px 5% 40px 5%;
}

.top_txt_2 {
  margin:0px 5% 40px 5%;
}

#t_facility h3 {
  font-size:26px;
  text-align:center;
  padding-bottom:30px;
  color:#464786;
}

.top_txt_1 p, .top_txt_2 p {
  font-size:20px;
}



.accbox1 {
  margin: .5em 0;
  padding: 0;
  max-width: 750pt;
  font-size: 22px
}

.accbox1 label {
  display: block;
  margin: 1.5px 0 0;
  padding: 11px 18px;
  color: #fff;
  font-weight: 400;
  background: rgb(191,167,144);
  background: linear-gradient(180deg, rgba(191,167,144,1) 0%, rgba(156,133,112,1) 49%, rgba(124,104,85,1) 100%);
}

.accbox1 input {
  display: none
}

.abox1 {
  border-left: solid 2px #a58f79;
  border-right: solid 2px #a58f79;
  border-bottom: solid 2px #a58f79;
  box-sizing: border-box;
  padding: 15px 25px;
  background: #fff;
}

#t_faq .flex_container_r {
  max-width:1000px;
  width:100%;
  margin:0 auto;
}

#t_faq .flex_inner50 {
  width:48%;
  margin:0 1%;
  text-align:left;
  align-self:stretch;
  
}

#t_faq .flex_container_r dt {
  margin-bottom:0;
}

#t_faq .flex_container_r dt {
  font-size:18px;
  line-height:1.5;
}

#t_faq .flex_container_r p {
  font-size:16px;
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  line-height:1.5;
}

.top_txt_3 {
  max-width:800px;
  width:100%;
  margin:30px auto;
}

.txt20_l {
  font-size:20px;
  text-align:left;
}

.txt24_c {
  font-size: 24px;
  color: #333;
  line-height: 1.8
}

.mg_ud_3 {
  margin:30px auto;
}

#t_totalsupport .flex_container_r {
  max-width:900px;
  width:100%;
  background:url(https://kochi-chokuso.jp/wp-content/uploads/2020/02/totalsupportアセット-7.png);
  margin:0 auto;
  background-repeat:no-repeat;
  background-size:contain;
}

#t_totalsupport .flex_inner33 {
  border:none;
  background:none;
}

#t_totalsupport .flex_container_r dt {
  text-align:center;
  font-size:22px;
  color:white;
  padding:0.5vw 0;
}

#t_totalsupport .flex_container_r dd {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 10px 13px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FDE7D1;
}

#t_totalsupport .flex_container_r dd:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #FDE7D1;
}

#t_totalsupport .flex_container_r dd {
  padding:15px;
  text-align:left;
}

#t_totalsupport .top_txt_2 {
  max-width:850px;
  width:100%;
  margin:0 auto 40px auto;
  text-align:left;
}

#t_totalsupport .top_txt_3 {
  max-width:850px;
  width:100%;
  margin:20px auto 0px auto;
  text-align:left;
}

#t_jizensodan, #t_after {
  max-width:1000px;
  width:100%;
  margin:0 auto;
}

#t_jizensodan .flex_container_r {
  background-image:none;
}

#t_jizensodan .t_meritbox {
  background:#ececec;
  padding:20px;
}

.t_meritbox h4 {
  font-size:20px;
  padding-bottom:10px;
}

.t_meritbox ul {
  list-style:none;
  position:relative;
  font-weight:bold;
  font-size:17px;
}

.t_meritbox ul:before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #7F6C5B;
}

.t_meritbox p {
  padding-top:35px;
}

.s_red {
  color:#D8241E;
  font-size:22px;
}

#t_jizensodan h3, #t_after h3, #t_funeral h3 {
  font-size:30px;
  position: relative;
  display: inline-block;
  padding: 40px 55px 30px 55px;
  color:#115c70;
}

#t_jizensodan h3:before, #t_jizensodan h3:after, #t_after h3:before, #t_after h3:after, #t_funeral h3:before, #t_funeral h3:after {
  content: '';
  position: absolute;
  top: 52%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #000000;
}

#t_jizensodan h3:before, #t_after h3:before, #t_funeral h3:before {
  left:0;
}
#t_jizensodan h3:after, #t_after h3:after, #t_funeral h3:after {
  right: 0;
}

#t_jizensodan .flex_inbox {
  padding:10px 30px 10px 30px;
  box-sizing:border-box;
  border-top:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
}

#t_jizensodan .flex_inbox p {
  text-align:left;
  color:#000000;
}

.jizen_promise {
  background-image:url(https://kochi-chokuso.jp/wp-content/uploads/2026/02/t_jizenアセット-9.png);
  background-position:center;
  background-repeat:no-repeat;
  border: 1px solid #d8b38f;
  position:relative;
  height:370px;
  margin-top:30px;
  margin-bottom:30px;
}

.jizen_promise h4 {
  text-align:right;
  font-size:30px;
  padding:30px 40px 20px;
  text-shadow:0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 4px #ffffff,0px 0px 5px #ffffff,0px 0px 9px #ffffff;
}

.yakusoku_container {
  background-color:rgba(255,255,255,0.7);
  display:block;
  max-width:420px;
  width:100%;
  padding:30px;
  position:absolute;
  top:100px;
  right:60px;
}

.jizen_promise ul {
  font-size:20px;
  list-style:none;
}

.jizen_promise ul li {
  font-weight:bold;
  padding-bottom:10px;
}

.under {
  background: linear-gradient(transparent 70%, #ffcfce 70%);
}

#t_jizensodan .link_button {
  background: #f2d2a2;
  background: -moz-linear-gradient(top, #d2af7a 1%, #a27c53 100%);
  background: -webkit-linear-gradient(top, #d2af7a 1%, #a27c53 100%);
  background: linear-gradient(to bottom, #d2af7a 1%, #a27c53 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d2a2', endColorstr='#c2a281', GradientType=0);
  width: 320px;
  margin: 15px auto 0 auto ;
  padding: 5px;
  text-align: center;
  border-radius:5px;
  border:1px solid #eac4a0;
  box-shadow:0px 0px 9px -3px #cccccc;
  font-size:17px;
}

.t_jizen_messe h4 {
  font-size:26px;
  padding-bottom:10px;
}

.t_jizen_messe p {
  text-align:left;
  padding:0 30px 20px 30px;
}

#t_chokusocenter p {
  line-height:1.4;
}

.blog_header_container {
  background:url(https://kochi-chokuso.jp/wp-content/uploads/2019/12/headerimg_plan.jpg);
  margin:0 auto;
  padding:70px 0;
  background-size:cover;
  background-position:center;
    width: 100vw;
  height: auto;
  overflow: hidden;
  margin-left: calc(50% - 50vw);
}

.blog_pg .blog_header_container p {
  text-align:center;
  font-size:34px;
  color:white;
  text-shadow:0px 0px 3px #717388,0px 0px 4px #717388,0px 0px 5px #717388,0px 0px 9px #717388;
  font-family: 游明朝, Yu mincho, YuMincho, ヒラギノ明朝 Pro W3, Hiragino mincho Pro, HGS明朝E, ＭＳ\ Ｐ明朝, MS PMincho, Times New Roman, Times, Garamond, Georgia, serif;
}

.blog_pg .post_title, .category_archive {
  padding: 0.4em 1em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7D786C;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
  margin-top:30px;
  padding-top:10px;
  margin-bottom:30px;
}

.post_title h2,.category_archive h2 {
  font-size:22px;
  padding-bottom:0;
}

.blog_pg .post_title h2 {
  border:none;
  padding-left:0;
  margin-bottom:0;
}

.blog_pg h2 {
  border-left:5px solid #A98A5D;
  padding-left:10px;
  padding-bottom:0;
  margin-bottom:10px;
}

.blog_pg p, .blog_pg li {
  font-size:20px;
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  padding:0 10px 0 10px;
}

.post .time,.category_archive .time {
  display:inline-block;
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  padding-right:15px;
}

.post_title p, .category_archive .category {
  display:inline-block;
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  font-size:16px;
}

.blog_pg h3 {
  position: relative;
  padding: 0.25em 0;
  font-size:26px;
  margin:30px 0 10px 0;
}

.blog_pg h4 {
  font-size:22px;
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

.blog_pg h5 {
  font-size:18px;
  font-weight:bold;
  color:#A98A5D;
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
  

.blog_pg h3:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(165, 133, 85), transparent);
  background: linear-gradient(to right, rgb(165, 133, 85), transparent);
}

.blog_pg dl {
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
}

.blog_pg dt {
  background:#A98A5D;
  padding:7px 10px;
  color:#FFFFFF;
  box-sizing:border-box;
  border:1px solid white;
  width:15%;
}

.blog_pg dd {
  background:#F4F4F4;
  padding:7px 10px;
  box-sizing:border-box;
  border:1px solid white;
  width:85%;
}

.archive_pg {
  margin:30px auto 30px auto;
}

.archive_pg a {
  text-decoration:none;
  color:#000000;
  display:block;
}

.archive_pg a:hover {
  opacity:0.5;
}

.category_archive .category {
  margin-bottom:0;
}

.category_archive {
  margin-top:15px;
  margin-bottom:15px;
}

#t_topic {
    width: 100vw;
  height: auto;
  overflow: hidden;
  margin-left: calc(50% - 50vw);
  background: #f1edde;
  padding:30px 0 30px 0;
  margin-top:50px;
}

#t_topic a {
  text-decoration:none;
  display:block;
}

#t_topic a:hover {
  opacity:0.5;
}

#t_topic .exp {
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

.topic_title {
  padding-bottom:0;
  border-bottom: solid 3px #d4cfc1;
  position: relative;
  margin-bottom:20px;
}

.topic_title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #7D786C;
  bottom: -3px;
  width: 20%;
}

.t_topicbox {
  max-width:1000px;
  width:100%;
  margin:0 auto;
}

.flex_inner25 {
  width:24%;
  margin:0 0.5%;
  background:#fff5e6;
  border-radius:5px;
  border: 1px solid #fddebd;
  box-sizing:border-box;
}

#t_totalsupport #t_after .flex_container_r {
  background-image:none;
  margin-top:20px;
  margin-bottom:40px;
}

#t_after .flex_container_r dt {
  color:#5a3e20;
  font-size:20px;
  padding-top:15px;
  font-weight:bold;
}

#t_after .border {
  margin-bottom:5px;
  padding-top:0;
  border-bottom: solid 2px #c19c76;
}

#t_totalsupport #t_after .flex_container_r dd {
  background:none;
  margin:0;
  padding:15px;
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

#t_totalsupport #t_after .flex_container_r dd:before {
  display:none;
}

#t_after h4,#t_funeral h4 {
  font-size:26px;
}

#review .revtxt {
  font-size:22px;
  text-align:left;
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  line-height:1.6;
}

.t_p_manzoku {
  display:inline-block;
  font-size:22px;
  line-height:1.2;
  font-weight:bold;
}

.t_p_manzokup {
  display:inline-block;
}

.score1 {
  font-size:58px;
  letter-spacing:-8px;
  color:#7b5b3c;
  font-weight:bold;
}

.score {
  font-size:40px;
  color:#7b5b3c;
  font-weight:bold;
}

.point {
  font-size:24px;
  font-weight:bold;
}

.t_manzokubox .flex_container_r {
  align-items:center;
}

.t_manzokubox {
  max-width:930px;
  width:100%;
  margin:0 auto;
  box-sizing:border-box;
  border:2px solid #a58f79;
  padding:10px 40px;
  border-radius:5px;
  background-color: #faf6f6;
}

.chokucolor {
  color:#6D6550;
  font-size:24px;
  font-weight:bold;
  background: linear-gradient(transparent 70%, #ffcfce 70%);
}

.flex_inner55 {
  width:55%;
}

.flex_inner45 {
  width:45%;
}

.r_container {
  max-width:900px;
  width:100%;
  margin:0 auto 30px auto;
  background-color: #fafaf6;
  border: 1px solid #e2d2d2;
}

#review .r_container p {
  font-size:20px;
  text-align:left;
  line-height:1.5;
}
#review .top_txt_3 {
  max-width:860px;
  width:100%;
  margin-bottom:0px;
}
  
#review .top_txt_3 p {
  font-size:20px;
  text-align:left;
  line-height:1.4;
}

#choosecompany_pg .txtbox {
  padding-bottom:40px;
}

#choosepoint, #chokusopoint {
  background:#f9f6f2;
  padding:40px;
  box-sizing:border-box;
  border-radius:5px;
  border:1px solid #e2e2e2;
}

#choosecompany_pg .box,#top #choosepoint .box {
  box-sizing:border-box;
  border:2px solid #A58F79;
  border-radius:5px;
  background:white;
  margin:15px 20px;
  padding:10px 23px 20px 23px;
}

#choosepoint h2, #chokusopoint h2 {
  color:#4a3829;
}

#choosecompany_pg .box h3,#top #choosepoint .box h3 {
  font-size:22px;
  padding-bottom:5px;
  color:#4a3829;
}

#choosecompany_pg .box p,#top #choosepoint .box p {
  line-height:1.4;
}
  
#choosecompany_pg .score1,#top #choosepoint .score1 {
  font-size:36px;
  letter-spacing:0;
  font-weight:normal;
  padding-right:10px;
}

.choosebox {
  padding-top:20px;
}

.choosebox h2 {
  text-align:center;
  font-size:24px;
  padding-bottom:5px;
}

.choosebox p {
  max-width:800px;
  width:100%;
  margin:0 auto;
}

.arrow_b {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 30px 0 30px;
  border-color: #a58f79 transparent transparent transparent;
  line-height: 0px;
  _border-color: #a58f79 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  margin:30px auto;
}

#top #choosepoint {
  margin:30px 0;
}

#top #choosepoint .mg_ud_30 {
  margin-bottom:10px;
}

.t_f_container {
  background:url(https://kochi-chokuso.jp/wp-content/uploads/2020/02/sogiimage.png);
  width:1000px;
  margin:0 auto;
  padding:30px 20px;
  background-position:center;
  background-size:cover;
}

#t_funeral .t_direc_txt {
  text-align:left;
}

#t_funeral h4 {
  padding-bottom:10px;
}

#t_funeral .top_txt h5 {
  font-size:22px;
  padding:5px 20px 5px 20px;
  box-sizing:border-box;
  border-left:5px solid #7F6C5B;
  margin-bottom:10px;
  background:#ECECEC;
}

.top_txt {
  max-width:950px;
  margin:20px auto;
  width:100%;
  text-align:left;
}

#t_funeral .top_txt p {
  font-size:18px;
  line-height:1.6;
}

#t_totalsupport #t_funeral .flex_container_r {
  background-image:none;
  flex-direction:row;
  display:flex;
  flex-wrap:wrap;
  margin-bottom:20px;
}

#t_totalsupport #t_funeral .flex_container_r .flex_inner_l {
  width:65%;
  background:#FAFAF6;
  text-align:left;
}

#t_totalsupport #t_funeral .flex_container_r .flex_inner_l p {
  padding:15px 25px;
}

#t_totalsupport #t_funeral .flex_container_r .flex_inner_r {
  width:35%;
}

.t_f_container_2 {
  background:url(https://kochi-chokuso.jp/wp-content/uploads/2020/02/mannerimage.png);
  width:1000px;
  margin:0 auto;
  padding:30px 20px;
  background-position:center;
  background-size:cover;
  text-align:right;
  margin-top:50px;
}

#t_funeral .t_f_container_2 .t_direc_txt {
  margin-right:10px;
  margin-left:auto;
}

.t_f_container_3 {
  background:url(https://kochi-chokuso.jp/wp-content/uploads/2026/02/t_jizenアセット-d9.jpg);
  width:1000px;
  margin:0 auto;
  padding:30px 20px;
  background-position:center;
  background-size:cover;
  margin-top:50px;
}

.choosecontainer {
  width:1000px;
  margin:50px auto 30px auto;
}

#t_totalsupport #choosepoint h2 {
  font-size:30px;
}

#t_totalsupport #choosepoint .border {
  margin-bottom:20px;
}

#t_totalsupport #choosepoint .box {
  text-align:left;
}

#t_totalsupport #choosepoint .choosebox h2 {
  font-size:24px;
  padding-bottom:15px;
}

#t_totalsupport #choosepoint .choosebox p {
  text-align:left;
}

#difference_pg .header_img h2 {
  color:white;
}

#t_credit .top_txt {
  text-align:center;
}

.blog_pg dd,.blog_pg dt {
  font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
  font-size:18px;
}
  

.info {
  text-align:center;
  font-size:30px;
  padding:20px 0;
}

.info .pickplan {
  width:850px;
  margin:20px auto;
  display:block;
}

.info .pickplan a:hover {
  opacity:0.5;
}

.space_30 {
  margin-bottom:30px;
}

.facility-360gallery h2 {
	padding-bottom:10px;
  font-size:20px;
  text-align:center;
}

.facility-360gallery h2 .color_b {
	font-size:1.2em;
}

.facility-360gallery .border {
	margin-bottom:30px;
}
.facility-360gallery {
	padding: 0px 0;
    background: white;
}
/*左右の矢印の色を変える*/
.facility-360gallery .slick-prev:before,
.facility-360gallery .slick-next:before {
    color: #21446D;
	font-size:25px;
	opacity:1;
	
}
/*左右の矢印の位置を変える*/
.facility-360gallery .slick-next {
    right: -20px;
    z-index: 99;
  top:40px;
}
.facility-360gallery .slick-prev {
     left: -20px;
    z-index: 100;
  top:40px;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
.slider-for {
	margin-bottom:15px;
	
}
.slider-for .slider, .slider-nav .slider, .slider360-nav .slider {
	width:90%;
}
.slider-for .slick-slider img, .slider-nav .slickslider img, .slider360-nav .slider img {
	width:100%;
	height:auto;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    
}
.slider360-for .slick-slide {
	margin:0 5px;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    border:none;
}
.slider-nav .slick-slide, .slider360-nav .slick-slide {
	margin:0 15px;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    border:none;
}
.slider-nav img:hover, .slider360-nav img:hover {
	opacity:0.6;
}

.slider-for .slick-slide {
    opacity: 0.4;
}
.slider-for .slick-slide:not(.slick-center) {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}
.slider-nav, .slider360-nav {
	width:950px;
	margin:0 auto;
    
}
a.js-smartPhoto.slick-slide.slick-current.slick-active.slick-center {
	opacity:1;
}
.slider.slider360-for.slick-initialized.slick-slider {
	width:1000px;
	height:500px;
	margin:0 auto 15px auto;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
    
}
.slider.slider360-for.slick-initialized.slick-slider .panoview {
	width:1000px;
	height:500px;
	margin:0 auto;
}

.eidaiplan {
	width:1000px;
	margin:0 auto;
	padding:30px 0 0 0;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.eidaiplan img {
	display:block;
	box-sizing: border-box;
	width:49.5%;
	padding-bottom:10px;
}
.copyright a {
  color:white;
}
.contact_inquiry_button a, .contact_request_button a {
	text-decoration: none;
}
.flex_right {
	display: flex;
	align-items:center;
	flex-direction: column;
	justify-content: center;
}
.img_box {
    width:350px;
    aspect-ratio:16/9;
}
.img_box > img {
    object-fit:cover;
    object-position:center;
    width:100%;
    height:100%!important;
    display:block;
}
#top_facility ul li{
	list-style: none;
}
#top_facility .flex_container_r {
	width:90%;
	margin:0 auto;
	box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
	margin-bottom:30px;
	color:#1D1D1D;
	text-decoration: none;
}
#top_facility .flex_container_r:hover {
	opacity:0.7;
}
#top_facility .top_title_img_6 {
	margin-bottom:40px;
	margin-top:0px;
}
.flex_right {
	box-sizing: border-box;
	padding-left:40px;
}
.facility_name_bold {
	font-weight:bold;
	font-size:1.4em;
	padding-bottom:10px;
}
.foot_v2 {
	display: flex;
	flex-direction: row;
	width:100%;
	text-decoration: none;
}
.foot_inner_v2_1 {
	width:30%;
}
.foot_inner_v2_2 {
	width:26.666%;
}
.foot_logo {
	width:85%;
	padding-bottom:17px;
  margin-left: -50px;
}
.foot_v2 {
  max-width:1200px;
  width:100%;
  margin:0 auto;
}
.foot_v2 ul, .foot_v2 li, .foot_v2 ul li a {
	list-style: none;
	font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	color:#382b1c;
	font-size:14px;
}
.foot_v2 li:hover {
	opacity:0.6;
}
.foot_v2 .foot_menu_title {
	font-weight: bold;
	font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	padding-bottom:10px;
  text-align:left;
}
.foot_v2 ul {
	padding-bottom:30px;
  text-align:left;
}
.foot_v2 ul li {
	font-weight: normal;
}
.foot_v2 ul li a {
	padding-bottom:5px;
}
.cprt {
	color:white;
	text-decoration: none;
}
    .top_img02 {
        width: 100vw;
        height: auto;
        margin-left: calc(50% - 50vw);
    }
.brand_cont ul {
	font-size:22px;
	padding-bottom:20px;
}
.facility_cont ul {
	font-size:17px;
	padding-bottom:10px;
}
/***　星評価のスタイル　************************************************/
/*星のスタイル*/
.rating-star{
color: #f5bc55;
font-size: 1.2em;
	display: inline-block;
}
/*数字のスタイル*/
.rating-number{
color: #333;
font-size: 0.9em;
margin-left: 0.4em;
}
span.fa.fa-star-half-alt {
    font-size: 22px;
    vertical-align: 1px;
}
.i_b {
	display:inline-block;
}

/***　葬祭館ページ作り直し　************************************************/

.gaikan-wrapper {
    /* Flexコンテナの指定 */
    display: flex;
    /* 画像を折り返す設定 */
    flex-wrap: wrap;
    /* 画像間に隙間を作るための設定 */
    gap: 20px; /* 画像間の隙間（お好みで調整） */
    padding: 10px; /* wrapperの内側の余白（お好みで調整） */
}

.gaikan-item {
    /* 2列にするため、全体の48%程度の幅を指定 */
    /* gapのサイズを考慮して50%より少し小さくする */
    width: calc(50% - 10px); /* 50% - (gapの半分) */
    /* 画像のアスペクト比を維持し、幅に合わせて高さを自動調整 */
    box-sizing: border-box; /* paddingやborderをwidthに含める */
}
/* 画像を囲む要素 (.gaikan-item) */
.gaikan-item2 {
    width: 100%; /* 親要素 (room-set) の幅いっぱいに広がる */
    margin-bottom: 5px; /* 画像とテキストの間の余白 */
}
.gaikan-item img {
    /* 画像が親要素(.gaikan-item)の幅いっぱいに広がるようにする */
    width: 100%;
    height: auto;
    /* 画像の下部にできるわずかな隙間を解消 */
    display: block; 
}
.gaikan-item2 img {
    /* 画像が親要素(.gaikan-item)の幅いっぱいに広がるようにする */
    width: 100%;
    height: auto;
    /* 画像の下部にできるわずかな隙間を解消 */
    display: block; 
}
/* 画像とテキストのセット (.room-set) が Flex アイテムになる */
.room-set {
    /* 2列にするため、全体の48%程度の幅を指定 */
    /* gap のサイズを考慮して50%より少し小さくする */
    width: calc(50% - 10px); /* 50% - (gapの半分) */
    box-sizing: border-box; 
    
    /* room-set 内では、画像とテキストが縦に並ぶ（FlexboxやGridを適用しない限りデフォルトのブロック要素の動作） */
}

/* Flexboxのコンテナ */
.access-flex-wrapper {
    display: flex; /* 横並びにする */
    justify-content: space-between; /* 要素間にスペースを空ける（お好みで） */
    align-items: flex-start; /* 縦方向の開始位置を揃える */
    gap: 30px; /* 画像とテキストの間の隙間 */
    margin-top: 20px; /* h2との間に余白 */
	margin-bottom: 40px;
}

/* 画像を囲む左側の要素 */
.hall-main-image-wrapper {
    /* 画像に割り当てる幅を設定 */
    flex-basis: 50%; 
    flex-shrink: 0; /* 縮小させない */
}

.hall-main-image-wrapper img {
    /* 画像が親要素の幅いっぱいになるようにする */
    width: 100%;
    height: auto;
    display: block;
}

/* 施設情報が入る右側の要素 */
.facility_info {
    /* 情報に割り当てる幅を設定 */
    flex-basis: 50%; 
    padding: 0; /* 必要に応じて調整 */
}

.facility_info ul {
    list-style: none; /* リストマークを消す（必要に応じて） */
    padding-left: 0;
}


h2.h_tit {
    background-color: #ffffff;
    padding: 15px 15px 15px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 5px;
    border-color: #848484;
    margin-bottom: 20px;
}
#h_gaikan, #h_naikan, #h_lobby, #h_kaso, #h_room {
	margin-bottom: 60px;
}
#hall_pg p {
    font-size: 22px;
    line-height: 1.8;

}
.bold {
	font-weight: bold;
}
.g_map_all {
	margin-bottom:40px;
}
.h_access_img {
	background-color: #f2f2f2;
    margin: 0px 0px 30px 0px;
    padding: 40px 30px 40px 30px;
    border-style: double;
    border-color: #d6d6d6;
}
.h_access_img img {
	width:100%;
}

/***************************************************************************
 Google口コミカセット 統合スタイル（スライダー ＆ グリッド 両対応）
 ***************************************************************************/

/* =============================================
   1. 共通変数・基本レイアウト
   ============================================= */
.kuchikomi-review-content {
  --main-gold: #d2af7a;
  --gonose-color: #1e3a5f;
  --text-dark: #333333;
  --text-gray: #70757a;
  --bg-panel: #fcfcfc;
  --font-gothic: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  padding-top: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

/* タイトルエリア */
.kuchikomi-review-content .section-title-wrapper {
  text-align: center;
  margin: 60px 0 30px;
}

.kuchikomi-review-content .section-title-wrapper h2 {
  display: inline-block;
  position: relative;
  font-size: 26px;
  color: var(--text-dark);
  margin: 0;
  padding: 0 60px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

.kuchikomi-review-content .section-title-wrapper h2::before,
.kuchikomi-review-content .section-title-wrapper h2::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 40px;
  height: 1px;
  background-color: var(--main-gold);
}

.kuchikomi-review-content .section-title-wrapper h2::before { left: 0; }
.kuchikomi-review-content .section-title-wrapper h2::after { right: 0; }

.kuchikomi-review-content .section-title-wrapper .en-title {
  display: block;
  font-size: 14px;
  color: var(--main-gold);
  font-family: 'Times New Roman', serif !important;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.kuchikomi-review-content .section-intro-text {
  text-align: center;
  color: var(--text-gray);
  font-size: 15px;
  margin-bottom: 40px;
  line-height: 1.8;
  padding: 0 15px;
}

.kuchikomi-review-content .sp-only {
  display: none;
}

/* =============================================
   2. 総合評価パネル
   ============================================= */
.kuchikomi-review-content .rating-summary-panel {
  background-color: var(--bg-panel);
  border: 1px solid #eee;
  border-radius: 8px;
  padding: 40px 20px 20px 20px;
  /* 1施設用に最大幅を500pxに制限 */
  max-width: 500px;
  /* 全デバイスで中央寄せを最優先（!important） */
  margin: 0 auto 50px !important; 
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.02);
}

@media (min-width: 940px) {
  .kuchikomi-review-content .rating-summary-panel {
    margin: 0 auto 50px; /* PCサイズでは中央寄せ */
  }
}

.kuchikomi-review-content .google-rating-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
}

.kuchikomi-review-content .rating-item {
  flex: 1;
  min-width: 250px;
  padding: 0 20px;
}

.kuchikomi-review-content .rating-divider {
  width: 1px;
  height: 80px;
  background-color: #ddd;
  margin: 0 10px;
}

.kuchikomi-review-content .rating-facility-name {
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
  color: var(--text-dark);
  font-size: 18px;
  letter-spacing: 0.05em;
}

.kuchikomi-review-content .rating-score-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 36px;
  color: var(--text-dark);
  font-weight: bold;
  font-family: 'Times New Roman', serif !important;
}

/* 星評価（共通） */
.kuchikomi-review-content .star-rating {
  display: flex;
  color: #ccc;
  font-size: 24px;
  letter-spacing: -1px;
}

.kuchikomi-review-content .star-rating .star {
  position: relative;
  display: inline-block;
}

.kuchikomi-review-content .star-rating .star.full {
  color: var(--main-gold);
}

.kuchikomi-review-content .star-rating .star.half::before {
  content: "★";
  position: absolute;
  left: 0;
  top: 0;
  width: 51%;
  overflow: hidden;
  color: var(--main-gold);
}

.kuchikomi-review-content .rating-count {
  color: var(--text-gray);
  font-size: 14px;
  font-weight: normal;
  margin-left: 4px;
}

.kuchikomi-review-content .rating-update-note {
  text-align: center;
  margin: 35px 0 0px;
  font-size: 13px;
  color: var(--text-gray);
}

/* =============================================
   3. 口コミカード（グリッド & スライダー共通）
   ============================================= */

/* グリッドレイアウト（一覧ページ用） */
.kuchikomi-review-content .kuchikomi-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 10px 40px;
}

/* スライダー用設定（トップページ用） */
.kuchikomi-review-content .kuchikomi-slider-wrapper {
  position: relative;
  padding: 0 60px;
  max-width: 1020px;
  margin: 40px auto 30px;
}

.kuchikomi-review-content .kuchikomi-slider { margin: 0 -10px; }
.kuchikomi-review-content .slick-track { display: flex !important; }
.kuchikomi-review-content .slick-slide { height: inherit !important; display: flex !important; }

/* カード本体 */
.kuchikomi-review-content .kuchikomi-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-top: 6px solid var(--facility-color, var(--main-gold));
  border-radius: 4px;
  padding: 24px;
  margin: 10px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
  display: flex !important;
  flex-direction: column;
  flex: 1;
  text-align: left;
  cursor: pointer;
  transition: 0.3s ease;
/* 変数を使わず、サイトの共通設定を直接指定します */
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* カード内のテキスト要素にも念のため適用 */
.kuchikomi-review-content .kuchikomi-card * {
  font-family: inherit !important;
}

.kuchikomi-review-content .facility-gonose { --facility-color: var(--gonose-color); }

.kuchikomi-review-content .kuchikomi-facility {
  font-size: 11px;
  color: #fff;
  background: var(--facility-color, var(--text-gray));
  display: inline-block;
  padding: 3px 12px;
  border-radius: 2px;
  margin-bottom: 15px;
  align-self: flex-start;
  font-weight: bold;
}

.kuchikomi-review-content .kuchikomi-name {
  color: var(--text-dark);
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 8px;
}

.kuchikomi-review-content .kuchikomi-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  flex-wrap: nowrap;
}

.kuchikomi-review-content .kuchikomi-stars,
.kuchikomi-review-content .kuchikomi-stars .star-rating {
  font-size: 14px;
}

.kuchikomi-review-content .kuchikomi-date {
  color: var(--text-gray);
  font-size: 13px;
  white-space: nowrap;
}

.kuchikomi-review-content .kuchikomi-comment {
  line-height: 1.6;
  color: #444;
  font-size: 14.5px;
  white-space: pre-wrap;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 5; /* 5行で省略 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* =============================================
   4. スライダー矢印・ドット
   ============================================= */
.kuchikomi-review-content .slick-prev,
.kuchikomi-review-content .slick-next {
  width: 40px;
  height: 40px;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
}

.kuchikomi-review-content .slick-prev { left: -45px; }
.kuchikomi-review-content .slick-next { right: -45px; }

.kuchikomi-review-content .slick-prev:before,
.kuchikomi-review-content .slick-next:before {
  color: #bbb !important;
  font-size: 40px;
  transition: 0.3s ease;
}

.kuchikomi-review-content .slick-dots { bottom: -30px; }
.kuchikomi-review-content .slick-dots li button:before {
  color: var(--main-gold);
  font-size: 10px;
}

/* =============================================
   5. ポップアップ（モーダル）
   ============================================= */
#kuchikomi-modal { 
  display: none; 
  position: fixed; 
  inset: 0; 
  z-index: 9999; 
  background: rgba(0,0,0,0.7); 
  align-items: center; 
  justify-content: center; 
  padding: 15vh 20px; 
  backdrop-filter: blur(3px); 
}

#kuchikomi-modal.is-active { display: flex; }

.modal-content-inner { 
  background: #fff; 
  width: 100%; 
  max-width: 600px; 
  max-height: 100%; 
  padding: 40px; 
  border-radius: 4px; 
  border-top: 8px solid var(--modal-border-color); 
  text-align: left !important; 
  position: relative;
  overflow-y: auto; 
  -webkit-overflow-scrolling: touch; 
  /* --- 追記：モーダル全体の基本フォント --- */
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* ポップアップ内：子要素すべてにフォントを強制適用 */
.modal-content-inner *,
#modal-injected-content,
#modal-injected-content * {
  font-family: inherit !important;
}

/* ポップアップ内：全文表示を強制 (既存の記述) */
#modal-injected-content .kuchikomi-comment {
  -webkit-line-clamp: none !important;
  display: block !important;
  overflow: visible !important;
  white-space: pre-wrap !important;
}

.modal-close-btn { 
  position: absolute; 
  top: 10px; 
  right: 15px; 
  font-size: 30px; 
  cursor: pointer; 
  color: #bbb; 
  z-index: 10; 
}

body.modal-open { overflow: hidden; }

/* =============================================
   6. ページネーション & 下部ボタン
   ============================================= */
.kuchikomi-pagination { text-align: center; margin: 40px 0 60px; }
.kuchikomi-pagination .page-numbers {
  display: inline-block; padding: 8px 16px; margin: 0 4px; border: 1px solid #ddd; border-radius: 4px; text-decoration: none; color: var(--text-dark);
}
.kuchikomi-pagination .current { background: var(--main-gold); color: #fff; border-color: var(--main-gold); }

/* 下部Googleマップリンク */
.kuchikomi-review-content .google-link-section {
  text-align: center;
  margin: 80px 0 60px;
  padding: 0 15px;
}

.kuchikomi-review-content .google-link-title {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: var(--text-dark);
  margin-bottom: 30px;
}

.kuchikomi-review-content .google-link-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.kuchikomi-review-content .google-link-btn {
  display: inline-block;
  padding: 15px 30px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none !important;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  min-width: 280px;
  font-family: var(--font-gothic) !important;
}

.kuchikomi-review-content .btn-gonose { background-color: var(--gonose-color); color: #fff !important; }

/* =============================================
   7. レスポンシブ調整
   ============================================= */

/* タブレット (1024px以下) */
@media screen and (max-width: 1024px) {
  .kuchikomi-review-content .kuchikomi-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  /* ここにあった左右マージンの指定を削除し、
     上の .rating-summary-panel で指定した margin: 0 auto !important を適用させます */
}

/* スマホ (767px以下) */
@media screen and (max-width: 767px) {
  .kuchikomi-review-content .sp-only { display: inline; }
  
  /* タイトル */
  .kuchikomi-review-content .section-title-wrapper h2 {
    font-size: 20px;
    padding: 0 45px;
  }
  .kuchikomi-review-content .section-title-wrapper h2::before,
  .kuchikomi-review-content .section-title-wrapper h2::after {
    width: 30px;
  }

  /* グリッドを1列に */
  .kuchikomi-review-content .kuchikomi-grid {
    grid-template-columns: 1fr;
    margin: 0 10px 40px;
  }

  /* 評価パネルのスマホ用微調整 */
  .kuchikomi-review-content .rating-summary-panel {
    padding: 30px 15px 20px 15px;
    margin: 0 auto 50px !important; /* 中央寄せを維持 */
    width: 92%; /* 画面端に密着しないよう少し幅を持たせる */
  }

  .kuchikomi-review-content .google-rating-container {
    flex-direction: column;
    gap: 0;
  }
  .kuchikomi-review-content .rating-score-row {
    font-size: 32px;
  }
  .kuchikomi-review-content .rating-divider {
    width: 80%;
    height: 1px;
    margin: 20px auto; /* スマホ時は上下に余白 */
  }
  
  /* スライダー調整 */
  .kuchikomi-review-content .kuchikomi-slider-wrapper {
    padding: 0 10px;
  }
  .kuchikomi-review-content .slick-prev,
  .kuchikomi-review-content .slick-next { display: none !important; }
}

/* カードとボタン共通：ホバー時に色を薄くする */
.kuchikomi-review-content .kuchikomi-card:hover,
.kuchikomi-review-content .google-link-btn:hover {
  opacity: 0.7 !important;
  transition: 0.3s ease;
  cursor: pointer;
}
