/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #ffffff} /* メインカラー */
.txt_color2{color: #333333} /* サブカラー */
.txt_color3{color: #98d98e} /* アクセントカラー1 */
.txt_color4{color: #e3e0cf} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #ffffff} /* メインカラー */
.bg_color2{background-color: #98d98e} /* サブカラー */
.bg_color3{background-color: #f3e7ea} /* アクセントカラー1 */
.bg_color4{background-color: #e3e0cf} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #ffffff}
.border_color2{border-color: #98d98e}
.border_color3{border-color: #98d98e}
.border_color4{border-color: #e3e0cf}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #42210b;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #ffffff} /* メインカラー */
.hvr_txt_color2:hover{color: #98d98e} /* サブカラー */
.hvr_txt_color3:hover{color: #98d98e} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e3e0cf} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #ffffff} /* メインカラー */
.hvr_bg_color2:hover{background-color: #98d98e} /* サブカラー */
.hvr_bg_color3:hover{background-color: #98d98e} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e3e0cf} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #ffffff}
.hvr_border_color2:hover{border-color: #98d98e}
.hvr_border_color3:hover{border-color: #98d98e}
.hvr_border_color4:hover{border-color: #e3e0cf}

.linkStyle {
  color: #98d98e;
}
.catch_txt {
font-family: 'Shippori Mincho B1', serif !important;
}
#menu_bt, #scroll, #top_return {
  background-color: #98d98e;
}
#pc_intro .pd_5per, #contents h3, #contents p {
  color: #ffffff;
}
.opacity08, .opacity07 {
  opacity: 1;
}
#footer_txt h3, #footer_txt p {
  color: #333333;
}
#footer_txt a, .tel a {
    color: #26af10;
}
#copyright {
    color: #98d98e;
}
#news {
    background-color: #98d98e;
}
#cms_2-a .box_title1 {
  color: #98d98e;
}
#cms_2-a .cate_title {
   border-color: #98d98e;
}
#cms_2-b .cate_title, #cms_6-a .cate_title {
   border-color: #d7d486;
  background-color: #98d98e;
}
#cms_6-a .box_txt1 {
    color: #98d98e;
}
#cms_6-a .cate_box, #cms_6-a .box_wrap {
    border-color: #d7d486;
}
#cms_6-a .cate_list li {
  text-align: left;
}
#info_box dl {
    border-color: #d7d486;
}
#info_box dt {
    color: #98d98e;
}
#page9 h4 {
    border-color: #d7d486;
}
header {
  background-image: url("./Dup/default/back.jpg");
}
#top_header {
    background-color: rgba(255, 255, 255, 0) !important;
}
.cate_list a {
    background-color: #98d98e;
}
.main .bg_color2 {
    background-color: #ffffff !important;
}
#cms_1-a .date {
  color: #98d98e;
}
.date {
    border-color: #d7d486;
}
#page_title {
    /*background-color: #98d98e !important;*/
   background-color: #98d98e !important;
background-image: url("https://www.transparenttextures.com/patterns/diagonales-decalees.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}
.kodawari {
    position: relative;
    overflow: hidden;
    padding: 1.5rem 2rem 1.5rem 130px;
    border: 2px solid #d7d486;
    background-color: rgba(152, 217, 142, 0.5);
}

.kodawari:before {
  position: absolute;
  top: -150%;
  left: -100px;
  width: 200px;
  height: 300%;
  content: '';
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  background: #d7d486;
}

.kodawari span {
    /* font-size: 40px; */
    /* font-size: 4rem; */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    /* padding-top: 3px; */
    /* padding-left: 16px; */
    color: #fff;
    width: 38px;
    left: 4%;
    top: 21%;
}
.te {
    animation: yureru-j 2s infinite;
}
.fadein {
  opacity : 0;
  transform : translate(0, 100px);
  transition : all 1s;
}
 
.fadein.active{
  opacity : 1;
  transform : translate(0, 0);
}


.catch h3{
    margin:2em 0;
    position: relative;
    padding: 0.5em 0.5em;
    border-top: solid 2px #ffffff;
    border-bottom: solid 2px #ffffff;
}
.catch h3:before, .catch h3:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #ffffff;
}
.catch h3:before {left: 10px;}
.catch h3:after {right: 10px;}

.catch h3 {
    color: #fff;
    font-size: 30px;
    background-color: rgba(152,217,142,0.5);
}
.catch {
    left: 50%;
    transform: translateX(-50%);
    bottom: 10%;
    text-align: center;
    width: 450px;
}
#pc_tel a {
   color: #98d98e;
   text-shadow: none;
}
.links_bt:hover {
    opacity: 0.7;
}
#link .link_txt {
    color: #167107;
}
.touch {
    width: 200px;
    animation: yureru-j 2s infinite;
}
@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
#top_txt {
    color: #98d98e;
   text-shadow: none;
}
.font_14_tb .bg_color1 {
    background-color: #98d98e;
}
#sitemap_box .txt_white {
    color: #98d98e;
}
#left_link .touch {
    width: 130px;
    animation: yureru-j 2s infinite;
}
#pc_intro {
   background-image: url("./Dup/default/intro_ba.png");
  background-size; cover;
  background-repeat: no-repeat;
  background-position: center;
}
.pager {
    justify-content: center;
    align-items: center;
}
.pager .bg_color1 {
    background-color: #98d98e;
}
.cate_list li {
    border-color: #ffffff;
}
/* ---------- 1160px ---------- */
@media screen and (max-width: 1160px){
.catch h3 {
    font-size: 27px;
}
.catch {
    width: 380px;
}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
 #main_menu .bg_color1 {
background-color: #98d98e;
}
header {
  background-image: none;
}
#top_header {
    background-color: rgba(255, 255, 255, 0.7) !important;
}
#intro_wrap .bg_color1 {
    background-color: #98d98e;
}
#intro_txt {
  color: #333333;
}
#sp_info {
    color: #160a0a;
}
.tel_bt .bg_color3, .intro_bt .bg_color3 {
    background-color: #ffffff;
}
.catch h3 {
    font-size: 30px;
}
.catch {
    bottom: 19%;
    width: 450px;
}
.fadein {
  opacity : 1;
  transform : translate(0, 0);
  transition : all 1s;
}
.prev {
    width: 12%!important;
}
#top_header h1 {
    margin-top: 30px;
    margin-bottom: 15px;
}
}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.kodawari {
    padding: 1rem 1rem 1rem 6rem;
}
.kodawari:before {
    width: 166px;
}
.kodawari span {
    width: 25px;
}
.touch {
    width: 100px;
    animation: yureru-j 2s infinite;
    left: 166px;
}
.catch {
    bottom: 15%;
    width: 300px;
}
.catch h3 {
    font-size: 20px;
}
.prev {
    width: 20%!important;
}
#top_header h1 {
    margin-top: 20px;
    margin-bottom: 10px;
}
}
/*****************  IE  **********************/
@media all and (-ms-high-contrast: none){
.kodawari {
    padding: 1.5rem 2rem 1rem 130px !important;
}
.catch h3 {
    padding: 0.2em 0.5em 0.5em !important;
}

}