@charset "UTF-8";
/* CSS Document */


/* color */

body,.txt_color_nomal,#fakeloader{color: #4d4d4d;background-color: #fffaf6;font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
background-image:url(./dup/img/body_bg.jpg);
background-size:cover;
background-position:center center;
background-attachment:fixed;
}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #65391d} /* メインカラー */
.txt_color2{color: #fff3e0} /* サブカラー */
.txt_color3{color: #42a02b} /* アクセントカラー1 */
.txt_color4{color: #cdecc5} /* アクセントカラー2 */
.linkStyle{color: #4d4d4d;display:inline-block;border-bottom:1px solid #ddd;transiton:0.3s;}
.linkStyle:hover{opacity:0.6;}

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #65391d} /* メインカラー */
.bg_color2{background-color: #fff3e0} /* サブカラー */
.bg_color3{background-color: #42a02b} /* アクセントカラー1 */
.bg_color4{background-color: #cdecc5} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #65391d}
.border_color2{border-color: #fff3e0}
.border_color3{border-color: #42a02b}
.border_color4{border-color: #cdecc5}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #65391d} /* メインカラー */
.hvr_txt_color2:hover{color: #fff3e0} /* サブカラー */
.hvr_txt_color3:hover{color: #42a02b} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #cdecc5} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #3a1903} /* メインカラー */
.hvr_bg_color2:hover{background-color: #fff3e0} /* サブカラー */
.hvr_bg_color3:hover{background-color: #42a02b} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #cdecc5} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color */
.hvr_border_color1:hover{border-color: #65391d}
.hvr_border_color2:hover{border-color: #fff3e0}
.hvr_border_color3:hover{border-color: #42a02b}
.hvr_border_color4:hover{border-color: #cdecc5}



/* common */
#fakeloader .fl{max-width:500px!important;}
header.bg_white{background-color:transparent!important;}
.more a{border-radius:5px;overflow:hidden;}
#header_menu li a,#page10 li a{display:block;position:relative;}
#header_menu li a::after,#page10 li a::after{
content:"";
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
z-index:-1;
background-image:url(./dup/img/cr2.png);
background-size:auto 100%;
background-repeat:no-repeat;
background-position:center center;
opacity:0;
transition:0.5s;
}
#page10 li a{z-index:2;padding:10px 0;}
#page10 li a::after{background-position:center left;
width:150%;
height:100%;
top:50%;
transform:translateY(-50%);
}
#page10 li a:hover{opacity:1;}
#header_menu li a:hover::after,#page10 li a:hover::after{
opacity:1;
}
#header_menu .en{font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;}
#footer .grid_4 .more a{background-color:#fdda8e!important;}
footer{padding-left:5%;padding-right:5%;box-sizing:border-box;}
#footer .border_so5{background-color:background-color: #fff3e0;border-radius:20px;}
#footer .tel .font_20{font-size:36px;}
#footer ul li.width_20{width:40px;}

main > .width_100per{box-sizing:border-box;}
.drawer-hamburger-icon::after, .drawer-hamburger-icon::before{background-color:#65391d!important;}
/* index */
#contents .width_100per.border_color4{
/*
border-color:#fdda8e;
background-color:#fdfdfd;
*/
border:none;
}
#contents h2{border-bottom:0;position:relative;padding:10px;z-index:1;}
#contents h2::after{
content:"";
position:absolute;
width:100%;
height:15px;
bottom:0px;
left:0;
z-index:-1;
background-image:url(./dup/img/bg2.png);
background-size:100% 100%;
}
#intro h2{border-bottom:0;position:relative;padding:10px;}
#intro h2::after{
content:"";
position:absolute;
width:100%;
height:15px;
bottom:0px;
left:0;
z-index:-1;
background-image:url(./dup/img/bg1.png);
background-size:100% 100%;
}
#intro img,img.shadow-l{box-shadow:6px 6px 10px rgba(0,0,0,0.1);}
#contents .grid_6 h3{
background-image:url(./dup/img/title_bg.png);
background-size:cover;
background-color:transparent;
text-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
.border_db1-b,#page7 .box{border-bottom:2px dashed #c59679}

/* cms */
#fakeloader .fl{max-width:300px;}
.date{color:#e0ad3d;}
.cate_list a{
background-image:url(./dup/img/title_bg.png);
background-size:cover;
background-color:transparent;
text-shadow:2px 2px 4px rgba(0,0,0,0.2);
color:#fff;
border-radius:5px;
}
.cate_list a:hover{opacity:1;box-shadow:2px 2px 4px rgba(0,0,0,0.2);text-shadow:none;}
/*
.cate_list a:hover{ color:#65391d;text-shadow:3px 3px 4px rgba(0,0,0,0.2);border-bottom:1px solid #cdecc5;}
*/
#cms_2-e .cate{border:5px solid #cdecc5;border-radius:10px;}
#cms_2-e .bg_color2{background-color:#fff7eb;}
#cms_6-c .tab_content{display:none;}
#cms_6-c .tab_content:first-of-type{display:block;}
#cms_2-a .cate .cate_title{border:none;border-bottom:2px dashed #c59679;margin-bottom:20px;}
#cms_2-a .cate .cate_box .border_color2{border-color:#fdda8e;}
#cms_6-c .cate_title span{border:none;}
#cms_6-c .cate_box{background-color:transparent;box-shadow:none;border:5px solid #fdda8e;}
#cms_6-c .cate_box > span{border-color:#fdda8e;background-color:#fdda8e;}
#cms_6-c .cate_box .box_title{border-color:#fdda8e;}
#cms_6-c .cate_box figure{margin: 30px auto;}

#page10 ul li{border:none;}

@media all and (-ms-high-contrast: none){
#contents .grid_6 h3,.cate_list li a{padding-top:16px;}
#page-top i{letter-spacing:0;}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#page_title h2{font-size:24px;}
#page_title p{font-size:18px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#fakeloader .fl{width:70%!important;}
.drawer--left .drawer-nav{background-color:rgba(101, 57, 29, 0.9);}
.pd_l-r5per,.pd_l-r5per_tb,.pd_l-r5per_sp,#page9{padding: 0 3%;}
header.bg_white{background-color: #fff9ed!important}
#intro h2,#contents h2{line-height:1.5;}
#footer .tel .font_20{font-size:24px;}
#footer .box .grid_4 .more {margin-top:30px;margin-bottom:50px;}

#main_img{margin-top:10px;}

#page_title {border:none;margin-bottom:40px;margin-top:30px;}
#page_title h2{font-size:20px;}
#page_title p{font-size:16px;}

.cate_list a{font-size:14px;}
#cms_2-a .cate_img1{margin:0 auto 30px;}
#cms_6-c{padding-left:0;padding-right:0;}
#cms_6-c .cate_box{margin-bottom:50px;}

#page10 ul{padding-top:50px;}
#page10 ul li{width:100%!important;margin-bottom:20px;}
}