﻿@font-face {
font-family: "utsukushi";
  src: url("./Dup/img/utsukushi.otf") format("otf"),url("./Dup/img/utsukushi.woff") format("woff"),url("./Dup/img/utsukushi.woff2") format("woff2");
}
.font1{font-family: "utsukushi","serif";}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
#aisatsu,#aisatsu h2,#top_contents .contents_img,#top_contents .contents_box,#top_contents .contents_box2,#top_contents .contents_box3,
.frame1,.frame2{position: relative;}
/*リピートなし*/
#aisatsu:before,#aisatsu h2:before,
#top_contents .contents_img:before,#top_contents .contents_box:before,
#top_contents .contents_box2:before,#top_contents .contents_box2:after,
#top_contents .contents_box3:before,#top_contents .contents_box3:after,
.frame1:before,.frame1:after,.frame2:before,.frame2:after{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}


#aisatsu h2:before{
background-image: url(./Dup/img/txt4.png);
width: 250px;
height: 50px;
top:-70px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}
#top_contents .contents_img:before{
width: 100%;
height: 100%;
border: 1px solid #dcc887;
top: 0;
left: 0;
}
#contents1 .contents_img:before,
#contents3 .contents_img:before{transform: rotate(10deg);}
#contents2 .contents_img:before{transform: rotate(-10deg);}

#top_contents .contents_box:before{
background-color: transparent;
width: 150px;
height: 50px;
top:-30px;
left: 50%;
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
}
#contents1 .contents_box:before{background-image: url(./Dup/img/txt1.png);}
#contents2 .contents_box:before{background-image: url(./Dup/img/txt2.png);}
#contents3 .contents_box:before{background-image: url(./Dup/img/txt3.png);}

#top_contents .contents_box2:before,#top_contents .contents_box2:after,
#top_contents .contents_box3:before,#top_contents .contents_box3:after,
.frame1:before,.frame1:after,.frame2:before,.frame2:after{
background-image: url(./Dup/img/obj1.png);
width: 30px;
height: 30px;
z-index: 1;
}
#top_contents .contents_box2:before,#top_contents .contents_box2:after{background-color: transparent;}
#top_contents .contents_box2:before{
right: auto;
bottom: auto;
top: -15px;
left: -15px;
}
#top_contents .contents_box2:after{
bottom: auto;
top: -15px;
right: -15px;
transform: scale(-1, 1);
}
#top_contents .contents_box3:before{
bottom: -30px;
left: -15px;
transform: scale(1, -1);
}
#top_contents .contents_box3:after{
bottom: -30px;
right: -15px;
transform: scale(-1, -1);
}

.frame1:before{
top: 10px;
left: 10px;
}
.frame1:after{
top: 10px;
right: 10px;
transform: scale(-1, 1);
}
.frame2:before{
bottom: -40px;
left: -40px;
transform: scale(1, -1);
}
.frame2:after{
bottom: -40px;
right: -40px;
transform: scale(-1, -1);
}
/*--------------------------------
全体
--------------------------------*/

/*--------------------------------
TOP
--------------------------------*/
#svg_anime1{
width: 100px;
height: 267px;
position: absolute;
top: -10%;
left: -5%;
transform: rotate(10deg);
}
#svg_anime2{
width: 150px;
height: 257px;
position: absolute;
bottom: -25%;
right: -5%;
transform: rotate(-10deg);
}
#svg_anime3{
width: 150px;
height: 257px;
position: absolute;
bottom: 0;
left: -15%;
transform: rotate(10deg);
}
#svg_anime4{
width: 150px;
height: 200px;
position: absolute;
top: -45px;
right: -10%;
transform: rotate(-10deg);
}
#svg_anime5{
width: 150px;
height: 257px;
position: absolute;
top: -67px;
left: -125px;
transform: rotate(10deg);
}

#main_img img,#top_contents .contents_img img,#info_map figure img{
	transition: ease 0.3s;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
#main_img img:hover,#top_contents .contents_img img:hover,#info_map figure img:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}



#top_contents .contents_box{background-color: rgba(40,40,45,0.95);}
.contents_box::after{display: none;}

/*--------------------------------
下層
--------------------------------*/
#cms_2-c .sub_cate_title{margin-top: -75px;}
#cms_2-c .sub_cate_title span{background-color: #050519;}

/* 5-b Q削除 */
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before{display: none;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1{margin-left: 70px;}




@media  screen and (max-width: 1600px){

#svg_anime3{left: -10%;}
#svg_anime4{right: -5%;}

}
@media  screen and (max-width: 1400px){

#svg_anime1{left: -3%;}
#svg_anime2{right: -3%;}
#svg_anime3{left: -3%;}
#svg_anime4{right: -3%;}
#svg_anime5{
width: 120px;
height: 200px;
top: -9%;
left: -6%;
}

}

/*タブレット用（768px以下）*/
@media  screen and (max-width: 768px){
#f_menu li:nth-of-type(3) a{font-size: 16px;letter-spacing: -2px;}

#svg_anime1{
width: 75px;
height: 200px;
left: -3%;
}
#svg_anime2{
width: 120px;
height: 200px;
right: -3%;
}
#svg_anime3{
width: 120px;
height: 200px;
left: -3%;
}
#svg_anime4{
width: 120px;
height: 160px;
right: -3%;
}
#svg_anime5{
width: 90px;
height: 150px;
top: auto;
bottom: -90px;
left: -30px;
}

#cms_2-c .sub_cate_title{margin-top: -53px;}
.frame2:before{
bottom: -20px;
left: -20px;
}
.frame2:after{
bottom: -20px;
right: -20px;
}

}

/*スマホ用（667px以下）*/
@media  screen and (max-width: 667px){
#aisatsu h2:before{
width: 200px;
height: 40px;
}
#top_contents .contents_box:before{
width: 120px;
height: 40px;
top: -25px;
}
.frame1:before,.frame1:after,.frame2:before,.frame2:after{
width: 25px;
height: 25px;
}


#svg_anime1{
width: 60px;
height: 160px;
top: -5%;
}
#svg_anime2{
width: 72px;
height: 120px;
bottom: -50px;
}
#svg_anime3{
width: 90px;
height: 150px;
bottom: -120px;
z-index: 3;
}
#svg_anime4{
width: 90px;
height: 120px;
top: auto;
bottom: -140px;
}
#svg_anime5{
width: 90px;
height: 150px;
bottom: auto;
top: -150px;
left: 15px;
}

.map iframe{height: 300px;}

#cms_2-c .sub_cate_title{margin-top: -47px;}
.frame2:before{
bottom: -10px;
left: -10px;
}
.frame2:after{
bottom: -10px;
right: -10px;
}

#cms_1-e .pager li{margin: 0 3px!important;}

}

/*IE*/
@media all and (-ms-high-contrast: none){

.contact_tel a{padding-bottom: 24px;}
#tel_txt h3{padding-bottom: 0;}
#tel_txt p{padding-bottom: 15px;}

}




/*--------------------------------
自動リンク
--------------------------------*/
/* color */
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.linkStyle{color: #c49a6d; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #c49a6d;}


/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block;}
}

.txt_color5{color: #c39b6e;}



svg .svg_anime1-1{stroke-dashoffset:91.79118347167969px;stroke-dasharray:91.79118347167969px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .svg_anime1-1{stroke-dashoffset:0}svg .svg_anime1-2{stroke-dashoffset:1393.6370849609375px;stroke-dasharray:1393.6370849609375px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.12s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.12s}svg.active .svg_anime1-2{stroke-dashoffset:0}svg .svg_anime1-3{stroke-dashoffset:191.456298828125px;stroke-dasharray:191.456298828125px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.24s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.24s}svg.active .svg_anime1-3{stroke-dashoffset:0}svg .svg_anime1-4{stroke-dashoffset:1194.1551513671875px;stroke-dasharray:1194.1551513671875px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.36s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.36s}svg.active .svg_anime1-4{stroke-dashoffset:0}svg .svg_anime1-5{stroke-dashoffset:605.0978393554688px;stroke-dasharray:605.0978393554688px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.48s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.48s}svg.active .svg_anime1-5{stroke-dashoffset:0}svg .svg_anime1-6{stroke-dashoffset:194.97906494140625px;stroke-dasharray:194.97906494140625px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.6s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.6s}svg.active .svg_anime1-6{stroke-dashoffset:0}


svg .svg_anime2-1{stroke-dashoffset:1972.60400390625px;stroke-dasharray:1972.60400390625px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .svg_anime2-1{stroke-dashoffset:0}


svg .svg_anime3-1{stroke-dashoffset:1671.92138671875px;stroke-dasharray:1671.92138671875px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .svg_anime3-1{stroke-dashoffset:0}svg .svg_anime3-2{stroke-dashoffset:452.6598205566406px;stroke-dasharray:452.6598205566406px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.12s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.12s}svg.active .svg_anime3-2{stroke-dashoffset:0}svg .svg_anime3-3{stroke-dashoffset:300.2530822753906px;stroke-dasharray:300.2530822753906px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.24s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.24s}svg.active .svg_anime3-3{stroke-dashoffset:0}

svg .svg_anime4-1{stroke-dashoffset:2101.24462890625px;stroke-dasharray:2101.24462890625px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .svg_anime4-1{stroke-dashoffset:0}svg .svg_anime4-2{stroke-dashoffset:117.75482177734375px;stroke-dasharray:117.75482177734375px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.12s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.12s}svg.active .svg_anime4-2{stroke-dashoffset:0}svg .svg_anime4-3{stroke-dashoffset:74.28721618652344px;stroke-dasharray:74.28721618652344px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.24s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.24s}svg.active .svg_anime4-3{stroke-dashoffset:0}

svg .svg_anime5-1{stroke-dashoffset:1732.9774169921875px;stroke-dasharray:1732.9774169921875px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .svg_anime5-1{stroke-dashoffset:0}svg .svg_anime5-2{stroke-dashoffset:290.6930236816406px;stroke-dasharray:290.6930236816406px;-webkit-transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.12s;transition:stroke-dashoffset 1.5s cubic-bezier(0.47,0,0.745,0.715) 0.12s}svg.active .svg_anime5-2{stroke-dashoffset:0}