@charset "UTF-8";
.main-visual {
background-size: cover;
height: 480px;
}


.head-wrapper{
  background-image: url("../../images/bg_header_01.png");
}
.navbar-side-list{
    background: #923D70;
}
/*headerの左側のエリア幅*/
@media (min-width: 1024px){
.header-logo {
    width: 70%;
}}
.site-header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    padding: 0 5px;
    background: #125115;
    border-top: 4px solid #125115;
    border-bottom: 1px solid #125115;
    padding: 0 calc(5px + constant(safe-area-inset-right)) 0 calc(5px + constant(safe-area-inset-left));
    box-sizing: border-box;
}
.icon-toggle-menu,.icon-toggle-menu:after, .icon-toggle-menu:before {
    background-color: #fff;
}
.site-header,.nav-menu-btn-text{
  color:#fff;
}
.sp-header-title{
  color:#fff;
  font-size: 1.6em;
  font-family:"HG正楷書体-PRO","Yu Mincho","MS Mincho";
  padding-left:10px;
}
/*headerの右側のエリア幅*/
@media (min-width: 1024px){
.header-nav {
    display: table-cell;
    width: 40%;
}}
.site-logo {
    width: 40px;
}
@media (min-width: 768px){
.site-logo {
    width: 80px;
}}
.site-name {
    margin: 15px 0;
    font-size: 1.4em;
    color: #125115;
    font-weight: 700;
}
.site-name,.site-name a, .site-name a:active, .site-name a:focus, .site-name a:hover, .site-name a:visited {
    color: #125115;
    font-family: "HG正楷書体-PRO","Yu Mincho","MS Mincho";
    text-decoration: none;
}
@media (min-width: 768px){
.site-name {
    font-size: 3em;
}}
/*グローバルナビを1カラムに設定・START＞＞*/
/*グローバルナビの背景に色を付ける場合のためのエリア*/
.global-navi-area{
	background: #125115;/*クリーム色のイメージならば、#f9f5f0*/
	padding:10px 10px;
}
/*ulが右寄り為左詰めに設定*/
@media (min-width: 1024px){
.navbar>ul {
    float: left;
}}
.navbar>ul {
	width: 100%;
}
@media (min-width: 1024px){
.navbar>ul {
    display: block;/*blockに変更しないとリストが左寄せにならない*/
    float: left;
    font-family: 'Noto Serif JP',serif;
}}
@media (min-width: 1024px){
.navbar li {
padding:5px 2px;
}}
@media (min-width: 1024px){
.navbar li a:link,.navbar li a:active,.navbar li a:focus,.navbar li a:visited,.navbar li a:hover {
color:#fff;
}}

/* ＜＜グローバルナビを1カラムに設定・END*/

.main-visual-title,.main-visual-text,.main-slider-main-copy,.main-slider-side-copy{
text-shadow: 2px 2px 2px black, 2px 2px 2px black, 2px 2px 2px black, 2px 2px 2px black;
}
@media screen and (min-width: 768px){
.main-visual-text {
    margin: 0 0 40px;
    font-size: 18px;
    line-height: 1.7;
}}


/* トピックスパス・パンくずリスト・START>>*/
.topicpath {
    background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
        padding: 15px 0;
}
/* <<トピックスパス・パンくずリスト・END*/
/* footer・START＞＞*/
.foot-wrapper{
  background-image: url("../../images/bg_footer_02.jpg");
  background-color: #016546;
}
.footer-nav {
    float: right;
    width: 750px;
    display: block;
}
.footer-nav-list{
  font-size: 16px;
  font-weight: normal;
    color:#125115;

}
@media (max-width: 480px){
.footer-nav-item{
  width:100%;
  padding:0px 10px 0px 20px;
}
.footer-nav-list{
  font-size: 18px;
  line-height: 2;
  list-style-type:disc;
  color:#fff;
}}
.footer-nav-list a {
    color: #fff;
      font-weight: normal;
}
.suggest-box {
background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
}
@media (min-width: 1024px){
.suggest-center-item{
  margin-bottom:80px;
}}
/*＜＜footer・END*/

/*見出し・START＞＞*/
.section-heading,.entry-heading-center,.entry-column p.entry-lead-text ,.heading-align-left .module-group-heading {
    font-family: 'Noto Serif JP',serif;
}
.search-form .btn-search {
    padding: 10px 20px;
    color: #fff;
    background: #125115;
    border: 1px solid #125115;
    border-radius: 0 4px 4px 0;
    filter: none;
    font-size: 16px;
}
.module-header {
    position: relative;
    margin: 0;
    padding: 5px 0;
    color: #125115;
    border-bottom: 2px solid #125115;
}
.acms-page-header,.module-header {
border-style: none;
text-align: center;
font-weight: normal;
font-family: 'Noto Serif JP',serif;
}
.entry-column h2 {
    color: #125115;
    border-left: 4px solid #125115;
    font-size: 23px;
}
.entry-column h2.entry-heading-center:before {
    background: #125115;
}
.entry-column h3{
      background: #fff;
      font-weight: normal;
      font-size: 22px;
    position: relative;
    padding: 10px 0 5px 30px;
    border-bottom: 2px solid #125115;
  }
  .entry-column h3::before, .entry-column h3::after{
        content: "";
        position: absolute;
        margin: auto;
    }
    .entry-column h3::before{
        width: 12px;
        height: 12px;
        top: 0;
        left: 14px;
        background: #125115;
        transform: rotate(50deg);
    }
    .entry-column h3::after{
        width: 8px;
        height: 8px;
        top: 18px;
        left: 6px;
        background: #125115;
        transform: rotate(20deg);
    }
    /*＜＜見出し・END*/
/*本文・リストの色のカスタマイズ*/
.acms-list-group-item {
    border-style: none;
}
.acms-list-group-item a::before{
  content: "●";
  color:#fcfcfc;
}
/*予約プランインラインフレーム設定*/
.jaran{
  position: relative;
width: 100%;
padding-top: 100%;
overflow:auto;
-webkit-overflow-scrolling:touch;
}
.jaran iframe{
  position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      display:block;
      border:none;
}
/*お問合せボタンの色カスタマイズ*/
.btn-attention-block-large {
    background: #923D70;
}
.entry-column .entry-btn-default, .entryFormLiteEditor .entry-btn-default {
    background: #923D70;
    padding:10px 30px;
}
/*ユニット内リンクボタンの色カスタマイズ*/
.btn {
    background: #fff;
    border:solid 1px #125115;
    padding: 6px 20px;
    border-radius: 0px;
    float: right;
}
@media (max-width: 480px){
  .btn{
    margin-bottom:20px;
  }}
.btn:link,.btn:hover, .btn:visited {
    color: #125115;
    text-decoration: none;
    background: #fff;
}
/*画像キャプション色カスタマイズ*/
p.caption{
    color: #125115;
  font-weight: 600;
}

/*TOPページカスタムモジュール色カスタマイズ*/
.layout-group-list li{
  padding-bottom:30px;
}
.module-group-heading {
  color: #fff;
padding: 8px 0 8px 8px;
border-radius: 32px 0;
background: #125115;
font-family: 'Noto Serif JP',serif;
text-align: center;
clear:both;
}
@media (max-width: 480px){
  .module-group-heading{
border-radius:0;
  margin-top:20px;
  }
}
@media (min-width: 1024px){
.module-group-detail{
  padding:0px 10px 0px 10px;

}}
@media (max-width: 480px){
.module-group-detail{
  margin-block-end: 0em;
}}