*{box-sizing:border-box;}

/* 言語変換削除 */
#lang{
   display:none !important;
}


html,body{
    padding:0;
    margin:0;
}

ul{
    padding:0;
    margin:0;
    list-style:none;
}


.inner{
    width:100%;
    max-width:1240px;
    padding:0 20px;
    margin:0 auto;
}

/* headline
-------------------------------------*/
#headline{
    background:#008042;
}


#headline h1{
    line-height:32px;
    color:#FFF;
    font-weight:normal;
    font-size:14px;
}


/* header
-------------------------------------*/
header{
    padding:20px 0;
    margin:0;
    background:#FFF;
}

header .inner{
    display:flex;
    justify-content:space-between;
}

header #headerRight{
   display:flex;
   align-items:center;   
}

header #headerRight #telno{
    margin-right:20px
}

header #headerRight #lang{
   height:25px;
}

header img{
   height:50px;
   width:auto:
}

header #google_translate_element{
    position:relative;
}

header .goog-te-gadget-simple{
    width:140px;
    height:23px;
    box-sizing:border-box;
}

header .goog-te-gadget-simple img{
   height:23px;
   background-repeat:no-repeat;
}

header #google_translate_element .VIpgJd-ZVi9od-xl07Ob-lTBxed{
   position:absolute;
   top:-1px;
   left:30px;
   display:flex;
   gap:2px;
   height:23px;
   box-sizing:bordet-box;
}


@media(min-width:781px){
    #sptel{
      display:none;
    }
}

@media(max-width:781px){
    #pctel{
      display:none;
    }

    header{
       padding:5px 0 5px;
       margin:0;
       background:#FFF;
    }

    header img{
       height:40px;
    }

    header #headerRight{
        padding-right:30px;
    }

    header #lang{
        display:none;
    }

}



/* nav
-------------------------------------*/
nav{
   position:relative;
    padding:0;
    margin:0;
    background:#DFDCD4;
    z-index:10000;
}

#menu{
    display:none;
}

nav #menuBtn{
   position:absolute;
   top:-50px;
   right:0px;
   width:50px;
   height:50px;
   display:block;
   background:url(https://u.jimcdn.com/cms/o/s0f363bc1a55c5e6e/userlayout/img/sp-menu1.png?t=1697181710);
   background-size:cover;
   box-sizing:border-box;
   padding:0;
   margin:0;
   line-height:1.0;
   display:none;
}


nav ul{
    margin-top:0;
    margin-bottom:0;
}

nav ul li{
    position:relative;
    padding:0;
    margin:0;
    flex:auto;
}

nav ul li a:link,
nav ul li a:visited{
    display:block;
    padding:0;
    margin:0;
    text-decoration:none;
    line-height:60px;
    color:#1a1a1a;
    text-align:center;
    transition-duration: .3s;
    overflow:hidden;
}

nav ul li > a:hover,
nav ul li.j-nav-current > a,
nav ul li.j-nav-parent > a{
    color:#008042;
}

/* ################ 781以上 ################ */

@media(min-width:781px){

nav ul.cc-nav-level-0{
    display:flex;
    justify-content:space-between;
}

nav ul.cc-nav-level-1,nav ul.cc-nav-level-2{
    position:absolute;
    border-left:1px solid #DFDCD4;
    border-right:1px solid #DFDCD4;
}

nav ul.cc-nav-level-1{
    top:100%;
    left:0;
    background:#FFF;
    width:max-content;
    min-width:100%;
}

nav ul.cc-nav-level-2{
    top:0;
    left:100%;
    background:#F2EEE7;
    width:max-content;
    min-width:100%;
}

nav ul.cc-nav-level-1 > li > a{
    height:0;
    line-height:0;
    padding:0 20px;
}

nav ul.cc-nav-level-2 > li > a{
    height:50px;
    line-height:50px;
    padding:0 20px;
   display:none;
}

nav ul.cc-nav-level-0 > li:hover ul.cc-nav-level-1 > li > a{
    border-bottom:1px solid #DFDCD4;
    height:50px;
    line-height:50px;
}

nav ul.cc-nav-level-1 > li:hover ul.cc-nav-level-2 > li > a{
    border-bottom:1px solid #DFDCD4;
   display:block;
}

nav ul.cc-nav-level-0 > li:hover ul.cc-nav-level-1,
nav ul.cc-nav-level-1 > li:hover ul.cc-nav-level-2{
   box-shadow:3px 3px 3px #0006;
}



nav ul.cc-nav-level-1 > li.j-nav-current a,
nav ul.cc-nav-level-1 > li.j-nav-parent a{
    background:#D6E2CE;
}

nav ul.cc-nav-level-2 > li.j-nav-current a,
nav ul.cc-nav-level-2 > li.j-nav-parent a{
    background:#DFDCD4;
}

}

/* ################ 780以下 ################ */
@media(max-width:780px){

nav #menuBtn{
   display:block;
}

ul.cc-nav-level-0{
   display:none;
}

#menuBtn:has(#menu:checked){
   background:url(https://u.jimcdn.com/cms/o/s0f363bc1a55c5e6e/userlayout/img/sp-menu2.png?t=1697181717);
   background-size:cover;
}

#menuBtn:has(#menu:checked) + .inner ul.cc-nav-level-0{
  display:block;
}

nav ul{
   z-index:10000;
}

nav .inner{
  padding:0;
  position:absolute;
  top:0;
  left:0;
  width:100%;
}

nav ul{
   background: #DFDCD4;
}

nav ul li a{
    position:relative;
    padding:0 20px !important;
    text-align:left !important;
}

nav ul li a:after{
   content:"";
   position:absolute;
   display:block;
   width:calc(100% - 40px);
   height:1px;
   background:#B8B8B8;
   bottom:0;
   left:20px;
}

nav ul.cc-nav-level-1 li a{
  height:50px;
  line-height:50px;
}

nav ul.cc-nav-level-1 li a:after{
   background:#FFF;
}

nav ul.cc-nav-level-1{
   background:#CEC7B8;
}

nav ul.cc-nav-level-2{
   background:#B7AD9B;
}

nav ul.cc-nav-level-1,
nav ul.cc-nav-level-2{
    display:none;
}

nav ul li .jmd-nav__toggle-button{
    display:flex;
    align-items: center;
    justify-content: space-around;
    width:40px;
    height:40px;
    background:#FFF;
    position:absolute;
    top:10px;
    right:20px;
    line-height:1.0;
    border-radius:20px;
}

nav ul.cc-nav-level-1 li .jmd-nav__toggle-button{
   top:5px;
}

nav ul li .jmd-nav__toggle-button:before{
   content:"＋";
   font-size:20px;
   color:#008042;
}

nav ul li.jmd-nav__item--last-opened > .jmd-nav__toggle-button:before{
  content:"－";
}

nav ul li.jmd-nav__item--last-opened > ul{
   display:block;
}

}


/* eyecatch
--------------------------------------*/
#eyecatch{
    padding:calc((150px - 32px) / 2) 0 ;
    margin:0;
    height:150px;
    box-sizing:border-box;
}

#eyecatch h1{
   color:#FFF;
   font-size:32px;
   letter-spacing:.1em;
}

/* breadcrumb
-------------------------------------*/
#breadcrumb{
    padding:0 0 20px;
    margin:0;
    background:#FFF;
}

#breadcrumb .inner div{
    display:inline;
}

#breadcrumb *{
   font-size:14px;
}

#breadcrumb ol{
   display:inline;
   list-style:none;
   margin:0;
   padding:0;
   margin-top:0;
   margin-bottom:0;
}

#breadcrumb ol li{
   margin-left:10px;
   display:inline;
}

#breadcrumb ol li:before{
  content:">";
  margin-right:10px;
}



/* main
-------------------------------------*/
main{
    padding:0;
    margin:0;
    background:#FFF;
}

main .inner{
   display:flex;
}

main .inner #content_area{
   width:calc(100% - 320px);
   padding-bottom:50px;
}

main #mside{
    width:100%;
    padding-left:40px;
    max-width:320px;
    padding-bottom:50px;
}

main #mside ul{
   background:#EAE8E3;
   width:100%;
   min-width:280px;
   margin-top:0;
   margin-bottom:0;
}

main #mside ul li{
    position:relative;
    padding:0;
    margin:0;
   border-bottom:1px solid #EFEFEF;
}

main #mside ul li a:link,
main #mside ul li a:visited{
    display:block;
    padding:18px 20px;
    margin:0;
    text-decoration:none;
    line-height:1.3;
    color:#1a1a1a;
    text-align:left;
    box-sizing:border-box;
    height:50px;
    font-size:14px;
}

main #mside ul li a:hover{
   color:#008042 !important;
}

main #mside ul li a.current,
main #mside ul li a.parent{
   background:#D6E2CE;
   color:#008042;
}

main #mside ul li a:before{
   content:"▶";
   margin-right:1em;
  color:#008042;
}

main #mside ul#mainNav3 li a{
   background:#EFEFEF;
   padding:13px 20px 13px 45px;
   border-bottom:1px solid #93B97E;
   height:40px;
   color:#4D4D4D;
}

main #mside ul#mainNav3 li a.current{
   background:#e3e3e3;
}

main h2{
   background:url(https://u.jimcdn.com/cms/o/s0f363bc1a55c5e6e/userlayout/img/icon-golfball.png?t=1697181701) 0 0 no-repeat;
   position:relative;
   min-height:38px;
   padding-left:40px;
   letter-spacing:.03em;
}

main h2::after{
   position:absolute;
   top:100%;
   left:0;
   display:block;
   content:"";
   height:4px;
   width:100%;
   background:linear-gradient(90deg,#008042 0,#008042 20%,#93B97E 20%,#93B97E 100%);
   font-size:28px;
}

main h3{
   background:#e9efe6;
   border-radius:7px;
   padding:5px 10px;
   font-size:20px;
   letter-spacing:.03em;
}

@media(max-width:780px){
     main .inner{
        display:block;
     }
    #mside{
       display:none;
    }
    main .inner #content_area{
       width:100%;
    }

}


/* #sidebar
-------------------------------------*/
#sidebar{
    padding:30px 0;
    margin:0;
    background:#DFDCD4;
}

/* ################ 780以下 ################ */
@media(max-width:780px){

    #sidebar  .j-hgrid .cc-m-hgrid-column{
        float:none;
        min-width:100%;
    }


}



/* footer
-------------------------------------*/
footer{
    padding:10px 0;
    margin:0;
   background:#008042;
}

footer *,
footer a{
   color:#FFF !important;
   text-decoration:none !important;
}


/* button
-------------------------------------*/
.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link{
   position:relative;
   padding:0 20px;
   border-radius:50px;
   min-width:320px;
   text-align:left;
   transition-duration:.3s;
}

.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link:after{
    position:absolute;
    content:"●";
    font-size:10px;
    right:20px;
}

.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link:hover:after{
   font-size:20px;
   right:15px;
}

.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link-style-3:hover:after{
   font-size:15px;
   right:17.5px;
}

/* ----- button-style-1 --------- */
.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link-style-1{
   height:50px;
   line-height:50px;
   font-size:16px;
   color:#D75514 !important;
   background:#FFF;
   border:2px solid #D75514;
}

.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link-style-1:hover{
   color:#FFF !important;
   background:#D75514;
}

/* ----- button-style-2 --------- */
.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link-style-2{
   height:50px;
   line-height:50px;
   font-size:16px;
   color:#008042 !important;
   background:#FFF;
   border:2px solid #008042;
}

.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link-style-2:hover{
   color:#FFF !important;
   background:#008042;
}

/* ----- button-style-3 --------- */
.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link-style-3{
   height:40px;
   line-height:40px;
   font-size:14px;
   background:#E3E3E3;
   color:#1a1a1a !important;
   border:2px solid #E3E3E3;
}

.j-callToAction .j-calltoaction-wrapper .j-calltoaction-link-style-3:hover{
   color:#008042 !important;
}