@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Spartan:wght@500&display=swap');

body, .font_sans-serif, .effect.effect-1{font-family: 'Spartan', 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}

.linkStyle{display: inline-block;transition: 0.3s;color: #eda53e}
.linkStyle:hover{opacity: 0.7}

body, .txt_color_nomal, #wrap.txt_white, header .txt_white, #info_map .txt_white, #f_menu ul li a, #copyright a, #main_menu ul li a, #top_contents .txt_white{color: #333!important}
body{border-top: solid 5px #eda53e}
#fakeloader{background-color: #f7f4eb}
#wrap{background-color: transparent}
header .grid_3 a[href^="tel:"], #info_map a[href^="tel:"]{color: #eda53e!important}
header .header{margin-bottom: 20px}
#logo img{width: 300px}
#main_menu, #main_menu.fixed{border-bottom: none;border-top: solid 1px #f2f2f2}
#main_menu.fixed{background-color: rgba(255,255,255,0.9)!important}
#main_menu .menu_sub_title{color: #333;opacity: 0.4}
.button_container span{background-color: #eda53e;box-shadow: none}
.effect.effect-1{color: #846944}

#main_img{max-width: 100%!important;margin: 0;height: 85vh}
#main_img::before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background-image: url(./Dup/img/dot_img.png);z-index: 1}
.swiper-container-fade .swiper-slide{max-height: 85vh}
#aisatsu > div{background-color: rgba(247,244,235,0.6);background-image: url(./Dup/img/bg_img2.png);background-size: 30px;padding-top: 50px;padding-bottom: 50px}
#aisatsu .aisatsu_wrap{background-color: rgba(255,255,255,0.9);position: relative;box-shadow: 0 10px 30px rgba(0,0,0,0.1)}
#aisatsu h2{color: #333;position: relative;padding-bottom: 20px;margin-bottom: 30px}
#aisatsu h2::before{position: absolute;content: "";width: 40px;height: 1px;left: 0;right: 0;bottom: 0;background-color: #eda53e;margin: auto}
#top_contents .contents_box{border-top: solid 2px #eda53e;background-color: #fcfaf5}
.contents_box::before, .contents_box::after, .contents_box2::before, .contents_box2::after{display: none}
#top_contents .contents_img::before{position: absolute;content: "";width: 100%;height: 100%;top: -10px;left: -10px;border: solid 1px #eda53e;z-index: -1}
#top_contents h2{text-align: left;margin-bottom: 30px}
#top_cms{background-color: #f7f4eb;padding-bottom: 1px;padding-top: 100px;background-image: url(./Dup/img/bg_img.png);background-size: 30px}
#top_cms .cms_box > .border_white{background-color: #fff;border: none;text-align: left}
#top_cms .cms_title p{color: #eda53e}
#top_cms .cms_title h2::before{width: 100px;height: 2px;bottom: -50px;background-color: #eda53e}
#top_cms .cms_title h2::after{display: none}
#main_img2{background-position: center;max-width: 100%}
#main_img2 .page_title{background-color: rgba(247,244,235,0.6);background-image: url(./Dup/img/bg_img2.png);background-size: 30px}
.cate_list li a{color: #333;border-color: #333;opacity: 0.5}
.cate_list li a i{color: #333}
.cate_list li a:hover{opacity: 1}

#info_map{background-color: transparent}
footer{border-top: none!important;background-color: #f7f7f7}
#f_menu{border-color: #ddd}
#fixed_right_banner .sns_link{background-color: #f7f4eb;border-radius: 10px 0 0 10px}
#page9 .box_wrap .border_color2{border-color: #eda53e}
#page9 .box_wrap .txt_color2{color: #eda53e}
#page10 #contents span{color: #333;display: block;padding-left: 0;opacity: 0.4}
#page10 #contents span::after{content: "-"}
#info_map > div{align-items: flex-start}
#info_map .map.index_map iframe{height: 400px}


/** tablet 780 **/
@media screen and (max-width: 768px){
footer #logo2{text-align: center}
footer #logo2, footer .grid_9{width: 100%!important}
#logo img{width: 200px}
#main_img{height: 60vw}
#info_map .map.index_map iframe{height: 300px}
}

/** mobile 750 **/
@media screen and (max-width: 667px){
#logo{width: 100%!important;text-align: center;margin-right: 0}
#copyright{padding-left: 10px;text-align: left}
#top_contents .contents_img::before{display: none}
#info_map .foot_tel_bt{padding-left: 0;text-align: left}
#info_map > div > div > p span{display: block}
}

/** IE **/
@media all and (-ms-high-contrast:none) {
body, .font_sans-serif{font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif!important}
}