﻿.bnr a {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#sp_nav nav {
    background-color: #00340e;
}
h1 {
    display: inline-block;
}
#loading img {
    max-width: 145px;
}
/*==================================================
スライダーのためのcss
===================================*/
.loopslider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.loopslider .slick-slide {
    margin:0;/*スライド左右の余白調整*/
}

/*矢印が右に移動する*/
.gallery a{
    /*矢印と下線の基点とするためrelativeを指定*/
	position: relative;

}

/*矢印と下線の形状*/
.gallery a::before {
    content: '';
    position: absolute;
    bottom: 55px;
    right: 27%;
    width: 42%;
    height: 1px;
    background: #333;
    transition: all .3s;
}
.gallery a::after {
    content: '';
    position: absolute;
    bottom: 60px;
    right: 27%;
    width: 15px;
    height: 1px;
    background: #333;
    transform: rotate(35deg);
    transition: all .3s;
}
/*hoverした際の移動*/
.gallery a:hover::before {
    right: 16%;
    background: #fff;
}
.gallery a:hover::after {
    right: 15%;
    background: #fff;
}

.gallery {
    display: block;
}
.gallery a {
    background: #fff;
    color: #212121;
    width: 200px;
    height: 200px;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    flex-wrap: wrap;
    transition: all 0.4s;
}
.gallery a:hover {
    background: #1c1c1c;
    color: #fff;
}
.gallery a span, .gallery a strong {
    text-align: center;
}


#top_info {
    background-image: url(Dup/img/wood.png);
    background-repeat: no-repeat;
    background-position: 100% 9%;
}
#top_info .con_box.bg_color3 {
    background: #5d783f;
}
#top_info .con_box.bg_color3:before {
    content: "information";
    display: block;
    font-size: 5vw;
    color: #fff;
    top: 22px;
    left: 24px;
    position: absolute;
    line-height: 1;
    opacity: 0.14;
}
#wrap {
    position: relative;
}
#wrap.index:before {
    content: "";
    display: block;
    left: 0;
    top: 10%;
    height: 40%;
    width: 13%;
    position: absolute;
    background-color: #222222;
    background-image: url("https://www.transparenttextures.com/patterns/binding-dark.png");
    background-color: #1a1a1a;
    background-image: url("https://www.transparenttextures.com/patterns/dark-wood.png");
    background-color: #000000;
    background-image: url("https://www.transparenttextures.com/patterns/double-lined.png");
    background-image: url("https://www.transparenttextures.com/patterns/wood-pattern.png");
    opacity: 0.5;
}
.con_box .con_sub_title {
    /*-webkit-text-stroke-width: 1px;*/
    /*-webkit-text-stroke-color: white;*/
    /*-webkit-text-fill-color: transparent;*/
    opacity: 0.3;
}
.con_sub_title span {
    -webkit-text-fill-color: #ff0000;
}
.con2_title2 span {
    color: #ff0000;
}
#contents1 .con_box .con_sub_title:first-letter {
    -webkit-text-fill-color: red;
}
#contents1 {
    background-image: url(Dup/img/wood.png);
    background-repeat: no-repeat;
    background-position: 100% 9%;
}

#contents1 .con_title::before, #contents1-h .con_title::before {
    display: none;
}
#contents1 .con_sub_title, #contents1-h .con_sub_title {
    position: absolute;
    font-size: 7vw;
    line-height: 1;
    top: 40px;
    letter-spacing: 0;
    left: 28%;
    opacity: 0.3;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    -webkit-text-fill-color: transparent;
    z-index: 2;
}
#contents1-h .con_sub_title {
    top: -14%;
    left: auto;
    right: 5%;
}

.con2_title1 {
    font-size: 5vw;
    left: 11%;
    top: -101px;
}
#contents2 .con2_title1 span {
    opacity: 0.5;
}
#top_cms .cms_title {
    background-size: 78px 3px;
    background-image: url(../Dup/img/kazari.png);
}
#main_img .main_txt h3 {
    background-size: 85px 5px;
    background-image: url(../Dup/img/kazari.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    display: block;
    border: 0;
    padding-bottom: 20px;
}
#page_title img {
    opacity: 0.4;
}
#top_banner .banner_box a:before {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    content: "";
    display: block;
    left: 9px;
    top: 9px;
    border: 1px solid #6f9b61;
    position: absolute;
    z-index: 1;
}
#contents1 .con_title, #contents1-h .con_title {
    margin-top: -143px;
}
#contents1 .con_box p, #contents1-h .con_box p {
    padding: 8px 2px;
}
.footer_logo {
    max-width: 153px;
}
#contents1-h {
    position: relative;
}
#contents1-h:after {
    content: '';
    width: 0;
    height: 168%;
    border: 1px solid #7a0000;
    position: absolute;
    bottom: -200px;
    right: 10.6%;
    transform: skewX(-24.4deg);
    z-index: -1;
}
.bnr {
    top: 170px;
    right: 0px;
    max-width: 150px;width: 48px;
    /*display: none;*/
    z-index: 3;
}
.bnr a {
    transition: 0.3s;
    display: block;
    background: #dcc180;
    padding: 17px 10px;
    color: #fff;
    margin-bottom: 10px;
    background-image: url(Dup/img/arrow_r.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: left 50% bottom 15px;
    padding-bottom: 40px;
}
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
border-bottom: 1px solid #00560b;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	/*border-radius: 10px;*/
}
#cms_2-g .cate_box {
    margin-top: 0;
}
#cms_2-g .box_wrap {
    margin-top: 60px;
}
#cms_2-g .box_txt1 {
 padding-bottom: 10px;   
}
@media screen and (max-width: 667px){
#cms_2-g .cate_box {
    margin-top: 20px;
}
#cms_2-g .cate_title {
    line-height: 1.4;
}
#cms_2-g .box_wrap {
    margin-top: 30px;
}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#sp_nav li a:hover .en {
    opacity: 1;
}
#sp_nav li a:hover .jp {
    opacity: 0;
}
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
#contents1 .con_sub_title, #contents1-h .con_sub_title {
    font-size: 10vw;
    left: 37%;
}
#contents1-h .con_sub_title {
    top: -47px;
    left: 6%;
}
#contents1-h .con_box {
    padding-top: 29px;
}
#contents1-h .con_sub_title {
    top: 89px;
}
#contents1-h:after {
    right: -14.4%;
}
.con2_title1 {
    font-size: 7vw;
    left: 4%;
    top: -63px;
}
#top_info .con_box.bg_color3:before {
    font-size: 6vw;
    top: 24px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
#contents1 .con_title .border, #contents1-h .con_title .border {
    display: none;
}
}

@media screen and (max-width: 667px){
.gallery a::after {
    bottom: 35px;
    right: 27%;
}
    .gallery a::before {
    bottom: 30px;
    right: 27%;
}
    .gallery a {
    width: 140px;
    height: 140px;
}
#page_title h2 {
    font-size: 21px;
}
#under_page .under_box {
    padding-left: 10px;
    padding-right: 10px;
}
#under_page {
    padding-left: 13px;
    padding-right: 13px;
}
#contents1 .con_box {
    padding: 80px 10px 10px;
}
#contents1-h .con_box {
    padding: 29px 10px 10px;
}
#contents1-h .con_sub_title {
    top: -29px;
    font-size: 13vw;
}
#contents1 .con_sub_title {
    font-size: 13vw;
    top: -26px;
    left: 8px;
    right: auto;
}
.con2_title1 {
    top: -50px;
    font-size: 11vw;
    left: 4%;
}
#contents1-h:after {
    right: -28.4%;
}
#header h1 img {
    width: 75px!important;
}
.footer_logo {
    max-width: 100px;
}
.sp_contact_bt {
 display: none;   
}
#contents1 .con_title, #contents1-h .con_title {
    margin-top: -143px;
    position: absolute;
    top: -12px;
    right: 0%;
}
#contents1-h .con_title {
    top: -108px;
}
.bnr a {
    margin-bottom: 0px;
    background-size: 8px;
    background-position: right 16px bottom 50%;
    background-image: url(Dup/img/arrow_b.png);
    padding: 6px 5px;
    text-align: center;
}
.bnr {
    top: inherit;
    right: 0px;
    max-width: inherit;
    width: 100%;
    bottom: 0;
}
.bnr2 {
    border-left: 1px solid #620000;
}
#cms_2-h .cate_title_wrap h3 {
    line-height: 1.6;
}
#cms_2-h .cate {
    margin-bottom: 50px;
}
#cms_2-h .box_wrap .cate_box {
    margin-top: 50px;
}
#cms_2-h .box_wrap .cate_box:first-of-type {
    margin-top: 40px;
}
#cms_2-h .box_title1 {
    font-size: calc(1.2rem);
}
#cms_2-h .box_title1:before {
    width: 45px;
    height: 1px;
    bottom: -15px;
}
#cms_2-h .box_txt1 {
    padding-top: 30px;
}
}

/* 2022.12.26 修正 */
#top_cms, #contents1 .con_box, #contents1-h .con_box, #under_page .under_box {
    background: #5d783f;
}
/*#contents2 .con2_img::before {
    background-image: linear-gradient(to bottom, rgba(6,32,73,0), #5d783f calc(100% - 50px), rgba(6,32,73,0));
}*/
.con2_box {
    margin-bottom: 0;
    padding-bottom: 150px;
}
.cate_list::before {
    color: #fff;
}
.txt_color2 {
    color: #fff;
}
#wrap.index:before {
    opacity: 0.9;
    background-image: url(../dup/img/bg_wood.jpg);
}

#contents1-h .posi_abs {
    -webkit-mask-image: url(Dup/img/mask.png);
    mask-image: url(Dup/img/mask.png);
    -webkit-mask-size: 100%;
    mask-size: 100%;
}

#contents1-h {
    margin-bottom: 50px;
}
#contents1-h > div {
    padding-bottom: 200px;
}
@media screen and (min-width: 1500px){
#contents1-h {
    margin-bottom: 100px;
}
}
@media screen and (max-width: 768px){
#contents1 .con_box {
    top: 102px;
    margin-bottom: 32px;
}
#contents1-h .con_box {
    top: 70px;
}
.con2_box {
    padding-bottom: 100px;
}
}
@media screen and (max-width: 667px){
#contents1 .con_box {
    top: 63px;
    margin-bottom: 9px;
}
#contents1-h .con_box {
    top: -9px;
}
}

/* 2023.1.7 修正 */
@media screen and (max-width: 667px){
#header h1 {
    position: absolute;
    top:0;
    left:0;
}
#header h1 img {
    width: 70px!important;
}
#main_img .main_txt {
    bottom: 3%;
}
}

/* 2023.1.25 修正 */
#contents1 .con_title p {
    webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    text-align: center;
    padding: 8px 10px;
    margin: 0;
    background-color: #dcc180;
    color: #3e3e3e;
}
#contents1 .con_sub_title, #contents1-h .con_sub_title, #contents2 .con2_title1 span {display: none;}
.bg_color1 {
    background-color: #3e3e3e;
}
#contents2 .con2_img::before {
    background-image: linear-gradient(to bottom, rgba(6,32,73,0), #3e3e3e calc(100% - 50px), rgba(6,32,73,0));
}
#sp_nav nav {
    background-color: #dcc180;
}
#loading .gauge {
    background-color: #3b6c0e;
}
#top_info .width_90per {
    width: 100%!important;
}
.map_wrap {
    width: 58.33333%!important;
}
.map_wrap iframe{
    margin-top: 0;
    height: 100%!important;
}
@media screen and (max-width: 768px){
.map_wrap {
    width: 100%!important;
}
}

@media screen and (max-width: 667px){
#contents1 .con_title {
    margin-top: -95px;
    position: absolute;
    top: -12px;
    right: 0%;
}
#contents1-h .con_title {
    top: -94px;
}
#contents1 .con_title p, #contents1-h .con_title p {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
}
#contents1 .con_box {
    top: 42px;
    padding: 57px 10px 10px;
}
}
/*2023/1/31*/
.bg_color1 {
    background-color: #7a7a7a;
}