.bg_color_facebook {background-color: #1877f2;}
.bg_color_facebook:hover {background-color: #64a8ff;}

.bg_color_twitter {background-color: #1da1f2;}
.bg_color_twitter:hover {background-color:#65c4fe;}

.txt_color_line {color: #00b900; border-color: #00b900; }
.bg_color_line {background-color: #00b900;}
.bg_color_line:hover {background-color: #41f041;}
#cms_1-c .input {
    position: relative;
    padding: 2px 3px 2px 5px;
    background: #cdaa83;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    position: relative;
    display: inline-block;
}
#cms_1-c .input:before {
    display: block;
    position: absolute;
    content: "";
    background-image: url(Dup/img/copy.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    top: 7px;
    left: 11px;
    z-index: 1;
}
#cms_1-c input {
    padding: 5px 13px 5px 30px;
    background: transparent;
    color: #fff;
    border: none;
   cursor: pointer;
}



#body {
    background: #d2b48c;
}
.overlay {
background: linear-gradient( 
135deg, rgba(168, 137, 106, 1) , rgba(179, 110, 110, 0.90) )!important;
}


.js-sns-link {
    padding: 3px 15px;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 30px;
    width: 30%;
    max-width: 200px;
    text-align: center;
}
.js-sns-link i {
    vertical-align: middle;
}
.social-icon:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
    position: absolute;
    content: "\f3c0";
}


/*========= 光りながら出現させるためのCSS ===============*/
.catch {
    font-size: 20px;
    color: #fff;
    display: block;
    text-align: center;
}
.catch span{opacity: 0;}

/*アニメーションで透過を0から1に変化させtext-shadowをつける*/
.catch.glow span{ animation:glow_anime_on 1.5s ease-out forwards; }

@keyframes glow_anime_on{
  0% { opacity:0; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
  50% { opacity:1;text-shadow: 0 0 10px #fff,0 0 15px #fff; }
  100% { opacity:1; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
}
#contents1 .con_img, #contents2 .con_img {
    position: relative;
}
#contents1 .con_img:before, #contents2 .con_img:before {
    width: 100%;
    height: 100%;
    border: 1px solid #bc8f8f;
    z-index: 1;
}
#contents1 .con_img:before, #contents2 .con_img:before {
    content: "";
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
}
#contents1 .con_img:before, #contents2 .con_img:before {
    transform: rotate(0deg);
    transition: all 1s;
}
#contents1 .con_img.trans:before {
    transform: rotate(
10deg);
}
#contents2 .con_img.trans:before {
    transform: rotate(
-10deg);
}

.back1:before, .back2:before {
    background-image: url(Dup/img/pattern.png);
    background-size: 200px;
    background-position: 50% -150px;
}
#footer {
    background-image: url(/Dup/img/pattern2.png);
    background-size: 200px;
}
#contents3_wrap:after {
    background-color: rgba(90, 27, 23, 0.50)!important;
}
#cms_2-a .cate_title {
	position: relative;
	padding: .1em .3em .1em .5em;
	border-left: 6px solid #914b16;
	border-top: 0;
	display: block;
	border-bottom: 0;
}
#cms_2-a .cate_title::before {
	position: absolute;
	content: '';
	left: -6px;
	bottom: 0;
	width: 6px;
	height: 50%;
	background-color: #b67c61;
}
#cms_2-a .cate_title::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	border-bottom: 1px solid #b67c61;
}
.line:before {
    background-color: #bc8f8f!important;
}
main {
    /*background-image: url(Dup/img/hana-l.png) , url(Dup/img/hana-r.png);*/
    background-repeat: no-repeat;
    background-size: 58% auto, 34% auto;
    background-position: 0 100%, 100% 0;
    /*background-color: rgb(255 255 255 / 24%);
    border: 1px solid #fff;
    box-shadow: 19.863px 42.596px 57px 0 rgb(239 216 208 / 38%);*/
}
#main_img:before {
    background-color: rgba(83, 40, 13, 0.50);
}
#intro_wrap {
    background: transparent;
}
#contents1 .con_box {
    margin-top: 8%;
}
#contents3 .con_box {
    background-color: #cdaa83;
    border: 6px solid #cdaa83;
    box-shadow: 0 0 0 1px #d2b48c inset;
}
.num {
        max-width: 84px;
            margin-top: -19px;
            font-size: inherit;
            z-index: 2;
}
.back1:before {/*★*/
    z-index: -1;
}
#info_contact .con_img:before {
    background-color: rgba(79, 27, 27, 0.56);
}

.nav_menu_more:first-of-type a .icon:before {/*★*/
    content: "\f086";
}
.more_btn {
background-color: #865a46;
    box-shadow: 0px 6px 0px 0px rgb(98 42 17 / 35%);
}
#page10 .more_btn span {
    position: relative;
}

#page10 .more_btn {border: none;
}


@media(max-width: 768px) {
        .pager li {/*★*/
        margin-right: 0;
    }
    #logo2 {
        max-width: 126px;
    }
}

@media(max-width: 667px) {
    #cms_1-c .input:before {
    width: 17px;
    height: 17px;
    top: 8px;
    left: 10px;
    z-index: 1;
}
    #cms_1-c input {
    padding: 3px 4px 3px 26px;
    font-size: 12px;
}
   #footer h2 {
       font-size: 18px;
   }
   .js-sns-link {
    padding: 5px 9px;
    letter-spacing: 1.4px;
    box-sizing: border-box;
}
}


@media all and (-ms-high-contrast: none) {
.scr_header h1 a {
    padding-top: 9px;
}
span.smoothTextTrigger.smoothTextAppear{
   padding-top: 5px;
}
}