/* ---------------------- color */

/* メインカラー */
.txt_color1{color: #2bb32b} 
.bg_color1{background-color: #b8e65c} 
.border_color1{border-color: #2bb32b}
.hvr_txt_color1:hover{color: #2bb32b} 
.hvr_bg_color1:hover{background-color: #b8e65c} 
.hvr_border_color1:hover{border-color: #2bb32b}

/* サブカラー */
.txt_color2{color: #2bb32b} 
.bg_color2{background-color: #2bb32b} 
.border_color2{border-color: #b8e65c}
.hvr_txt_color2:hover{color: #2bb32b} 
.hvr_bg_color2:hover{background-color: #2bb32b} 
.hvr_border_color2:hover{border-color: #b8e65c}
.txt_color2{color: #69b169}

/* アクセントカラー */
.txt_color3{color: #2bb32b} 
.txt_color3{color: #69b169} 
.bg_color3{background-color: #2bb32b} 
.bg_color3{background-color: #69b169;}
.border_color3{border-color: #2bb32b}
.border_color3{border-color: #69b169}
.hvr_txt_color3:hover{color: #2bb32b} 
.hvr_bg_color3:hover{background-color: #2bb32b} 
.hvr_border_color3:hover{border-color: #2bb32b}
.hvr_txt_color3:hover{color: #69b169} 
.hvr_bg_color3:hover{background-color: #69b169} 
.hvr_border_color3:hover{border-color: #69b169}

/* アクセントカラー2 */
.border_color4 {border-color: #ffb45d;}
.bg_color4 {background-color: #ffb45d;}

body, .txt_color_nomal {
    color: #333!important;
}

/* ---------------------- common */
/*
#fakeloader{
    background-image: url(Dup/img/asianbg3.png);
    background-size: 400px;
}
*/
#wrap{
    background-image: url(Dup/img/asianbg2.png);
    background-size: 400px;
}

.sns_link{
    background: rgba(255,255,255,1);
}

/* --- automatic link --- */
.linkStyle{color: #69b169;}

.linkStyle:hover{
    text-decoration: underline;
}

.button_container span {
    box-shadow: none;
}

#page-top a {
    background-color: #ffb45d;
}

/* ---------------------- header */
header{
    background: rgba(255,255,255,1);
}

header div p{
    color: #999;
}

.head_contact a{
    color: #999;
}

/* ---------------------- nav */
.menu_title{
    color: #777;
}

#main_menu {
    margin-bottom: 30px;
}

#main_menu.fixed {
    background-color: rgba(255,255,255,0.85)!important;
    border-bottom:none;
    backdrop-filter: blur(2px);
}

#main_menu ul li{
    position: relative;
    z-index: 2;
}

.button_container span {
    background: #ffb45d;
}

/*
#main_menu ul li::before{
    content: '';
    position: absolute;
    border: none;
    height: 50px;
    width: 50px;
    background-image: url(Dup/img/hasu_orange.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
    opacity: 0.5;
}
*/

.button_container.active span{
    
}

.button_container.active .top, 
.button_container.active .bottom {
    background: #ffb45d;
}

.button_container{
    opacity: 1!important;
}

.button_container::before{
    content: '';
    position: absolute;
    height: 36px;
    width: 36px;
    top: -8px;
    left: -6px;
    background-color: #fff;
}

.overlay ul li a {
    color: #777!important;
}

.overlay ul li:last-child a{
    color: #69b169!important;
}

/* ---------------------- footer */
footer{
    background-color: #fff;
}

#info_map,footer{
    position: relative;
}

footer::before,
footer::after,
#info_map::before,
#info_map::after{
    content: '';
    height: 145px;
    width: 200px;
    position: absolute;
    background-image: url(Dup/img/asian_top_left.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#info_map::before{
    
    transform: rotate(0deg);
    top: 0;
    left: 0;
}
#info_map::after{
    
    transform: rotateY(180deg);
    top: 0;
    right: 0;
}

footer::before{
    
    transform: rotateX(180deg);
    top: -145px;
    left: 0;
}

footer::after{
    transform: rotateZ(180deg);
    top: -145px;
    right: 0;
}


footer .sns_link{
    background: rgba(255,255,255,0);
}

#f_menu ul li a {
    color: #777;
}

#info_map .button-effect a{
    background-color: #fff;
    color: #69b169;
    border-bottom: none;
}

/* -------------------------- top ------------------------- */

#main_img{
    position: relative;
}

#main_img::before,
#main_img::after{
    content: '';
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

#main_img::before{
    top: -9px;
    left: -27px;
    height: 203px;
    width: 600px;
    background-image: url(Dup/img/main_deco1.png);
}

#main_img::after{
    bottom: -25px;
    right: -22px;
    height: 237px;
    width: 597px;
    background-image: url(Dup/img/main_deco2.png);
}

#swiper-container{
    position: relative;
}

.swiper-container::before{
    display: inline-block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.15);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2;
}

#aisatsu{
    position: relative;
}

#aisatsu::before,
#aisatsu::after{
    content: '';
    position: absolute;
    background-repeat: no-repeat;
}

#aisatsu::before{
    top: -42px;
    left: -12px;
    height: 209px;
    width: 169px;
    background-image: url(Dup/img/hana.png);
    background-size: contain;
    z-index: 2;
}

#aisatsu::after{
    bottom: -43px;
    right: -39px;
    height: 163px;
    width: 214px;
    background-image: url(Dup/img/hana2.png);
    background-size: contain;
}

#aisatsu > div {
    backdrop-filter: blur(3px);
    background-color: rgba(255,255,255,0.85)!important;
}

#aisatsu h2{
    z-index: 3;
    position: relative;
    color: #69b169;
    padding: 0 90px;
}

#aisatsu p{
    width: 90%;
    margin: 30px auto 0;
}

#aisatsu span{
    line-height: 1.7;
}

.box_white{
    background-color: #fff;
    border: none;
}

.cms_1-f .date{
    color: #ffb45d;
}

.cms_2-a .cate_box{
    align-items: center;
}

.cms_3-c .box_title1,
.cms_3-c .box_title2{
    border-color: #ffb45d;
}

.cms_6-c .cate_box{
    background-color: #fff;
    margin-left: 20px;
    width: 30%!important;
    border: none;
    box-shadow:none;
}

.cms_6-c .box_txt1 {
    text-align: left;
}

.cms_6-c .box_title {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

#CMS_TITLE4 .border_white{
    border: none;
    padding: 0 30px;
}

.cms_5-c .box_txt1::before {
    color: #ccc!important;
}

.cms_5-c .box_title1 {
    border-color: #e2e2e2!important;
}

.cms_5-c .box_title1,
.cms_5-c .box_txt1{
    text-align: left;
}

.cate_box .box_txt1{
    color: #333;
}

.contents_box::before,
.contents_box::after,
.contents_box2::before,
.contents_box2::after {
    background-color: transparent;
}

#contents1 .contents_box,
#contents2 .contents_box,
#contents3 .contents_box {
    background-color: #fff;
    background-image: none!important;
}

.contents_box2 p{
    color: #333;
}

.contents_box2 h2{
    color: #69b169;
}

#top_cms .cms_title {
    display: inline-block;
    position: relative;
}

#top_cms .cms_title h2{
    color: #69b169;
}

#top_cms .cms_title p{
    color: #777;
}

#top_cms .cms_title h2::before,
#top_cms .cms_title h2::after{
    border: none;
    background-color: transparent;
}

#top_cms .cms_title::before,
#top_cms .cms_title::after{
    border: none;
    background-color: transparent;
    content: '';
    position: absolute;
    height: 50px;
    width: 50px;
    bottom: 56px;
    background-image: url(Dup/img/hasu_brown.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: rotate-hasu 3s linear infinite;
    opacity: 0.8;
}

@keyframes rotate-hasu {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}

#top_cms .cms_title::before{
    left: -56px;
    right: auto;
}
#top_cms .cms_title::after{
    right: -56px;
    left: auto;
}

.button-effect a{
    background-color: #69b169;
    border-bottom: none;
}

/* --- more --- */

/* -------------------------- sub ------------------------- */

#main_img2 {
    background-position: center;
}

#main_img2 .page_title {
    background-color: rgba(241, 213, 156, 0.7)!important;
}

.page_title h2{
    background-color: rgba(255,255,255,0.8);
    color: #777;
}

/* ---------------------- cms1 */
#cms_1-f {
    padding-right: 0;
    padding-left: 0;
}

#cms_1-f .post_wrap{
    background-color: #fff;
    padding: 20px 30px 0px;
}

#cms_1-f .box_title1{
    margin: 15px 0 10px;
}

#cms_1-f .date{
    opacity: 0.7;
}

#cms_1-f .box_txt1 {
    padding-top: 30px;
}



#news_list{
    border-right: none;
    margin-right: 0;
}

.news_list_wrap{
    background-color: #69b169;
    padding: 20px 10px;
}

/* ---------------------- cms2 */
#page3 #contents .contents_bg {
    background: #fff;
    padding: 60px 30px 10px;
}

#cms_2-a .cate_title {
    position: relative;
    border: none;
    padding: 0;
    padding-left: 46px;
    margin: 0 5%;
}

#cms_2-a .cate_title::before {
    content: '';
    position: absolute;
    height: 38px;
    width: 38px;
    top: 0px;
    left: -2px;
    background-image: url(Dup/img/kohana_rime.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* ---------------------- cms3 */

#page4 #contents .contents_bg {
    background: #fff;
    padding: 60px 30px 10px;
}

#cms_3-c .cate_title{
    position: relative;
    border: none;
    padding-left: 40px;
    display: inline-block;
}

#cms_3-c .cate_title::before {
    content: '';
    position: absolute;
    height: 38px;
    width: 38px;
    top: 4px;
    left: -2px;
    background-image: url(Dup/img/kohana2_rime.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#cms_3-c .box_title1,
#cms_3-c .box_title2{
    border-bottom-style: dotted;
}

/* ---------------------- cms4 */

#cms_6-c .cate_box {
    background-color: #fff;
    border: none;
}

#cms_6-c .cate_box::before,
#cms_6-c .cate_box::after {
    content: '';
    position: absolute;
    height: 10px;
    width: 100%;
    background-image: url(Dup/img/asian_line.png);
    background-repeat: repeat-x;
    background-size: contain;
}

#cms_6-c .cate_box::before{
    top: 0;
    left: 0;
}

#cms_6-c .cate_box::after{
    bottom: 0;
    left: 0;
}


#cms_6-c .circle {
    display: none;
}

/* ---------------------- cms5 */

#page6 #contents .contents_bg{
    background: #fff;
    padding: 60px 30px 10px;
}

#cms_5-c .box_title1 {
    border-color: #e2e2e2!important;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

#cms_5-c .box_txt1::before {
    color: #ccc!important;
}

/* ---------------------- info */
#page7 #contents .contents_bg{
    background: #fff;
    padding: 60px 30px 10px;
}
/* ---------------------- contact */

#page8 #contents .contents_bg{
    background: #fff;
    padding: 60px 30px 10px;
}

/* ---------------------- privacy policy */

#page9 #contents .contents_bg{
    background: #fff;
    padding: 60px 30px 10px;
}

/* ---------------------- sitemap */
#page10 #contents .contents_bg{
    background: #fff;
    padding: 60px 30px 10px;
}

#page10 .cate ul li a p{
    padding-left:0;
}

#page10 .cate ul li .txt_color_nomal {
    color: #ffb45d!important;
}

/* ------------------------------------------------------
IE
--------------------------------------------------------- */
@media all and (-ms-high-contrast: none){

/* ---------------------- header */

/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
#top_cms .effect.effect-1 {
 padding-top: 3px!important;
}

#info_map .button-effect a{
     padding-top: 3px!important;
}

/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

/* ---------------------- cms2 */
#cms_2-a .cate .cate_title{
    padding-top: 6px!important;
}
/* ---------------------- cms3 */

#cms_3-c .cate_title::before{
    top: 1px;
}

/* ---------------------- cms4 */

/* ---------------------- cms5 */

/* ---------------------- info */

/*
#info_map .d_flex .grid_6 figure img{
    display: none!important;
}*/

/* ---------------------- contact */
#contact_tel a{
    padding-bottom: 20px;
}
/* ---------------------- privacy policy */

/* ---------------------- sitemap */


}

/* ------------------------------------------------------  
タブレット　
--------------------------------------------------------- */
@media screen and (max-width: 768px){
 .linkStyle{
    text-decoration: underline;

}

footer::before,
footer::after,
#info_map::before,
#info_map::after{
    height: 130px;
}

footer::before{

    top: -130px;
}

footer::after{
    top: -130px;
}

 
 /* ---------------------- header */

/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
#aisatsu::after {
    bottom: -62px;
    right: 0px;
}

#aisatsu::before {
    top: -45px;
    left: 0px;
}

#CMS_TITLE4 .border_white {
    padding: 0 0px;
}

.cms_6-c .cate_box {
    margin-bottom: 10px;
    width: 90%!important;
}


#main_img::before {
    width: 500px;
    top: -15px;
    left: 20px;
    height: 161px;
}
#main_img::after{
    height: 172px;
    width: 446px;
}

/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

/* ---------------------- cms2 */

/* ---------------------- cms3 */

/* ---------------------- cms4 */

/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */

/* ---------------------- privacy policy */

/* ---------------------- sitemap */

 
}

/* ------------------------------------------------------
スマホ　
--------------------------------------------------------- */
@media screen and (max-width: 667px){

footer::before,
footer::after,
#info_map::before,
#info_map::after{
    height: 110px;
}

footer::before{

    top: -110px;
}

footer::after{
    top: -110px;
}

/* ---------------------- header */

/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */

#aisatsu h2{
    padding: 0 0;
}

#aisatsu {
    margin-bottom: 100px;
}

#aisatsu::before {
    height: 154px;
    width: 118px;
}

#aisatsu::after {
    height: 163px;
    width: 170px;
}

#aisatsu span{
    padding: 10px 0;
}

.cms_6-c .cate_box {
    margin-bottom: 20px;
    width: 100%!important;
    margin-left: 0;
}

.header{
    padding: 15px 10px 0;
}

#main_img::before {
    top: -9px;
    left: -10px;
    height: 88px;
    width: 300px;
}
#main_img::after{
    height: 111px;
    width: 251px;
    right: 0;
}

/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

#news_list {
    border: none;
    margin-bottom: 0;
}
.news_list_wrap {
    padding: 0px 0px;
}

/* ---------------------- cms2 */

#page3 #contents .contents_bg {
    padding: 30px 10px 10px;
}

/* ---------------------- cms3 */

#page4 #contents .contents_bg {
    padding: 30px 10px 10px;
}
/* ---------------------- cms4 */



/* ---------------------- cms5 */

#page6 #contents .contents_bg {
    padding: 30px 20px 10px;
}

/* ---------------------- info */
#page7 #contents .contents_bg {
    padding: 30px 20px 10px;
}
/* ---------------------- contact */
#page8 #contents .contents_bg {
    padding: 30px 20px 10px;
}

/* ---------------------- privacy policy */

#page9 #contents .contents_bg {
    background: #fff;
    padding: 30px 20px 10px;
}

/* ---------------------- sitemap */

#page10 #contents .contents_bg {
    background: #fff;
    padding: 30px 20px 10px;
}
    
}