﻿@font-face {
font-family: "RM1c_med";
  src: url("./Dup/img/RM1c_med.ttf") format("ttf"),url("./Dup/img/RM1c_med.eot") format("eot"),url("./Dup/img/RM1c_med.woff") format("woff"),url("./Dup/img/RM1c_med.woff2") format("woff2");
}
.font1,#page_title p.font_45{font-family: "RM1c_med","sans-serif";font-weight: normal;}
/*--------------------------------
疑似要素にオブジェクト
--------------------------------*/
footer,.main_img{position: relative;}
/*リピートなし*/
footer:before,.main_img:before{
content: "";
display: block;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
}

footer:before{
background-image: url(./Dup/img/img7.jpg);
width: 100%;
height: 100%;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 0.2;
}

.main_img:before{
background-image: url(./Dup/img/catch.png);
background-size: 100%;
width: 52vw;
height: 41vw;
top:50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 1;
}
/*--------------------------------
全体
--------------------------------*/
#wrap{overflow: hidden;}

header.all_header{display: none;}
#loading_logo{max-width: 300px;width: 80%;}

.menu .nav .nav2{color: #f5b478;}
.menu .nav .logo.width_10per{width: 20%!important;transition: width 0.3s;}
.menu.is-fixed .nav .logo.width_10per{width: 12%!important;}

footer{background-color: #fef5ed;}
footer .logo.width_50per{width: 80%!important;}
footer .svg_box{display: none;}
footer .txt_white,#copyright{color: #333;}
/*--------------------------------
TOP
--------------------------------*/
.vegas-overlay{opacity: 0.3!important;}

.img-container:before{background: #f6d7a7;}
.t_cms_img2 .img-container:before{background: #d1e8e4;}

#contents{background-color: #fffcf2;}
#contents .box figure{width: 50%;}
#contents .box figure span{border-radius: 45% 72% 75% 38% / 62% 63% 67% 62%;}
#contents .box figure.t_cms_img2 span{border-radius: 77% 43% 58% 62% / 69% 58% 70% 61%;}

#dec1,#dec2,#dec3,#dec4,#dec5,#dec6,#dec7,#dec8,#dec9,#dec10{margin-left: 50%;}

.other .box{background-color: #fef5ed;}
.other .box:hover{background-color: #a9927e;}
.other .box figure{opacity: 0.7;}
.other .box:hover figure{opacity: 0.5;}
.other .box p, .other .box h2 span,
.other .box:hover p, .other .box:hover h2 span{color: #333;}
/*--------------------------------
下層
--------------------------------*/
.cms_wrap.width_90per,#page7,#page8,#page9,#page10{
width: 100%!important;
max-width: none;
margin: 0;
padding-left: 20%;
padding-right: 5%;
}
#page_title p.font_45.txt_color_nomal{color: #f5bb62;}
#page_title p.font_25.txt_color_nomal{color: #be9b73;}

.cate_list li{text-align: left;}
.all_page:before{z-index: -1;}

/* 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;}
.cms_5-b .arrow img{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}


#tel_CONTACT .bg_color1{background-color: #87c3c3;}
#tel_CONTACT .bg_color1:hover{background-color: #f5b478;}
#tel_CONTACT .bg_color3{background-color: #f5b478;}
#tel_CONTACT .bg_color3:hover{background-color: #87c3c3;}
#tel_CONTACT a{height: 113px;}

#page9 .box a{background-color: #87c3c3;}
#page9 .box a.border_color1{border-color: #87c3c3;}
#page9 .box a:hover{background-color: #fff;}

@media  screen and (max-width: 1000px){

header.all_header{display: block;}
header .logo{width: 20%;}

}

/*タブレット用（768px以下）*/
@media  screen and (max-width: 768px){

.main_img:before{
width: 87vw;
height: 70vw;
}
#contents .box .txt_wrap{width: 70%;padding-right: 0;}
#contents .box figure {width: 70%;margin-top: 30px;margin-bottom: 30px;}
#contents .box:nth-child(odd) figure:after{right: 50%;}

.cate_list li{width: calc(50% - 10px);}

}

/*スマホ用（667px以下）*/
@media  screen and (max-width: 667px){
#loading_logo{max-width: 200px;}
.all_header .logo{width: 60%;}

.cms_wrap.width_90per,#page7,#page8,#page9,#page10{padding-left: 5%;}

#page_title p.font_45.txt_color_nomal{color: #fff;}
#page_title p.font_25.txt_color_nomal{color: #fff;}

.cate_list li{width: 100%;}

.main_img:before {
width: 93vw;
height: 74vw;
}

#contents .box .txt_wrap{width: 100%;}
#contents .box figure {width: 100%;;}

#page_title .img-container::after{background-color: rgba(195,170,140,0.5);}

}

/*IE*/
@media all and (-ms-high-contrast: none) {

#page8 #tel_CONTACT p a{padding-top: 30px;}
#page8 #tel_CONTACT > div > div:last-of-type p a{padding-top: 0;}

}

@media  screen and (max-width: 667px) and (-ms-high-contrast: none){

#page8 #tel_CONTACT p a{padding-top: 25px;}
#page8 #tel_CONTACT > div > div:last-of-type p a{padding-top: 0;}

}



/*--------------------------------
自動リンク
--------------------------------*/
/* color */
.linkStyle{color: #87c3c3; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #87c3c3;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #87c3c3;}
.bg_color2 .linkStyle{color: #87c3c3;}
.bg_color3 .linkStyle{color: #f5b478;}
.bg_color4 .linkStyle{color: #f5b478;}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block;}
}

/*--------------------------------
カラー
--------------------------------*/
body,.txt_color_nomal,.hvr_txt_color_nomal:hover{color: #333333;}
.txt_black,.hvr_txt_black:hover{color: black;}
.txt_white,.hvr_txt_white:hover{color: white;}
.txt_red,.hvr_txt_red:hover{color: red;}
.txt_color1,.hvr_txt_color1:hover{color: #87c3c3;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #FEF5ED;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #f5b478;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #FFFCF2;} /* アクセントカラー2 */

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.bg_black,.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.bg_color1,.hvr_bg_color1:hover{background-color: #D1E8E4;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #FEF5ED;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #F6D7A7;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #FFFCF2;} /* アクセントカラー2 */
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color */
.border_white,.hvr_border_white:hover{border-color: white;}
.border_black,.hvr_border_black:hover{border-color: black;}
.border_color1,.hvr_border_color1:hover{border-color: #D1E8E4;}
.border_color2,.hvr_border_color2:hover{border-color: #FEF5ED;}
.border_color3,.hvr_border_color3:hover{border-color: #F6D7A7;}
.border_color4,.hvr_border_color4:hover{border-color: #FFFCF2;}