@charset "utf-8";
/* CSS Document */
/* color */

/*
白　#efefef 239,239,239
グ　#a9a9a9 169,169,169
黄　#ffd700 255,215,0
茶　#9e5a3e 158,90,63
黒　#0d0d0d 13,13,13
*/

.txt_color_nomal{color: #9e5a3e;}
.txt_white{color: #efefef;}
.txt_red{color: red;}
.txt_color1{color: #050519} /* メインカラー */
.txt_color2{color: #9e5a3e} /* サブカラー */
.txt_color3{color: #41474f} /* アクセントカラー1 */
.txt_color4{color: #efefef} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #050519}
.border_color2{border-color: #a9a9a9}
.border_color3{border-color: #41474f}
.border_color4{border-color: #a9a9a9}
.border_color5{border-color: #efefef}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #050519} /* メインカラー */
.hvr_txt_color2:hover{color: #a3a7b5} /* サブカラー */
.hvr_txt_color3:hover{color: #41474f} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #a9a9a9} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #050519} /* メインカラー */
.hvr_bg_color2:hover{background-color: #a3a7b5} /* サブカラー */
.hvr_bg_color3:hover{background-color: #41474f} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #a9a9a9} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #050519}
.hvr_border_color2:hover{border-color: #a3a7b5}
.hvr_border_color3:hover{border-color: #41474f}
.hvr_border_color4:hover{border-color: #a9a9a9}

/*color*/
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    background: -moz-linear-gradient(-45deg, #efefef 0%, #efefef 231%) !important;
    background: linear-gradient(135deg, #efefef 0%,#efefef 231%) !important;}
#contents1 .contents_box p, #contents2 .contents_box p, #contents3 .contents_box p{color: #9e5a3e !important;}
#contents1 .contents_box h2, #contents2 .contents_box h2, #contents3 .contents_box h2{color: #9e5a3e !important;}
#main_menu ul li a {color: #efefef!important;padding: 10px;}
#aisatsu h2{color: #f2f2f2 !important;}
#aisatsu p{color: #efefef !important;}
h2{color:#f2f2f2 !important;}
.cms_title h2{color: #efefef !important;}
.cms_title p{color: #0d0d0d !important;}
.menu_sub_title{color: #0d0d0d !important;}
#main_menu.fixed {background: #a9a9a9 !important;}
#info_map p {color: #efefef !important}
#f_menu ul li a {color: #0d0d0d !important;}
.page_title h2{color: #efefef !important;}
.pager a{color: #efefef !important;}
h3{color: #efefef !important;}
#cms_6-c h3,#cms_2-a h3,#page7 h3,.cms_6-c h3,#cms_1-a h3{color: #8c8c8c !important;}
.foot_tel_bt a,.effect{color: #efefef !important;}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {    background-color: rgba(239,239,239,0.7);}
.cate_box {background: #efefef;padding: 20px;}

/*---------------------------*/
p.date {
    color: #9e5a3e;
}

h3.box_title1 {
    color: #9e5a3e !important;
}
.cms_6-a h3.box_title1 {
    color: #efefef !important;
}
.cms_2-a p.box_txt1 {
    color: #9e5a3e;
    text-align: left;
}
#f_menu ul li a {
    color: #efefef !important;
}
#f_menu {
    border-color: #efefef;
}
.cms_6-c .box_txt1 {
    color: #9e5a3e;
    text-align: left;
}
#page2 p.box_txt1 {
    color: #9e5a3e;
}
.page_title h2 {
    background: #efefef !important;
    color: #a9a9a9 !important;
}
section#cms_6-a .cate_list a {
    border-color: #9e5a3e !important;
    background: #efefef !important;
}
section#cms_6-a .cate_title {
    border-color: #efefef;
}
p.box_txt2 {
    color: #0d0d0d;
}
#page5 .cate_box {
    background: #efefef;
    padding: 20px;
    color: #9e5a3e;
    border-color: #9e5a3e;
}
#cms_6-c .arrow {
    border-color: #9e5a3e;
}
#cms_6-c .circle {
    background: #9e5a3e;
}
#cms_2-a .cate_list a {
    border-color: #9e5a3e !important;
    background: #efefef !important;
}

#cms_2-a h3 {
    color: #efefef !important;
    border-color: #efefef;
}
#cms_2-a p.box_txt1 {
    color: #9e5a3e;
}
#page7 p.box_txt1 {
    color: #9e5a3e;
}

main#page9 .box_wrap {
    color: #9e5a3e;
}
main#page9 .box_wrap h3 {
    color: #0d0d0d !important;
}
main#page10 .cate span {
    color: #efefef;
}

/*---------------------------------*/



/*linkStyle*/
a.linkStyle {
    color: #0d0d0d;
    transition: 0.5s;}
a.linkStyle:hover {
    color: #a9a9a9;}
a.linkStyle02 {
    color: #0d0d0d;
    transition: 0.5s;}
a.linkStyle02:hover {
    color: #efefef;}


/*logo*/
#logo a img {
    width: 130px;
}
#fakeloader img {
    width: 200px;
}


/*font*/
body{
font-family: 'Open Sans','Noto Serif JP',serif !important;}



/*why~?*/
.custom_title {
    max-width: 383px;
    padding-top: 278px;
    padding-left: 1px;
    z-index: 90;
}

/*LINEQR*/
a.line_hover:hover{
    background-color: rgba(0,0,0,0.0) !important;
}
a.line_hover img{
    transition: 0.5s;
}
a.line_hover img:hover{
    opacity: 0.6;
}


.font_2dw {
    font-size: -webkit-calc(1rem - 2px);
    font-size: calc(1rem - 0px);
}

.opacity07 {
    opacity: 0.9 !important;
}

figure.cate_img1 {
    margin: 37px auto 0px;
}

#contents1 .contents_img {
    z-index: 1;
    border: solid 2px #f5d021;
    padding: 12px;
}

#contents2 .contents_img {
    z-index: 1;
    border: solid 6px #f5d021;
    /* padding: 17px; */
}

#contents3 .contents_img {
    z-index: 1;
    border: solid 2px #f5d021;
    padding: 12px;
}

#contents1 p.number {
    font-size: 80px;
    font-style: italic;
    font-weight: lighter;
    color: #f5d021;
    position: absolute;
    top: 130px;
    /* margin: 0 -1px 0 251px; */
    right: -5px;
}
#contents2 p.number {
    font-size: 80px;
    font-style: italic;
    font-weight: lighter;
    color: #f5d021;
    position: absolute;
    top: 130px;
    /* margin: 0 -1px 0 251px; */
    right: -5px;
}
#contents3 p.number {
    font-size: 80px;
    font-style: italic;
    font-weight: lighter;
    color: #f5d021;
    position: absolute;
    top: 130px;
    /* margin: 0 -1px 0 251px; */
    right: -5px;
}



@media all and (-ms-high-contrast: none){
    
/*more > */
.effect.effect-1:before {
    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: -3.5px;
    opacity: 0;
    height: 130%;
    width: 40px;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    text-indent: -20px;
    background: transparent;
}



.pager li a, .pager .prev a, .pager .next a  {
    padding-top:0px !important;
    padding-bottom: 0px !important;
}

.cate_list li a{
    padding-top: 15px;
}


#cms_6-a .cate .cate_title{
    padding-top: 8px !important;
}

#contact_tel a{
    padding:23px 0 22px;
}

#tel_txt h3{
    padding:20px 20px 10px !important;
}
#tel_txt p{
    padding:20px 20px 10px !important;
}

#page9 .cate_box p a{
    padding:6px 9px 6px;
}

#f_menu{
 padding:16px 0 17px
}

#page9 .button-effect a:hover{
    background: transparent;
    color: #cccece;
    
}


.custom_title {
    max-width: 383px;
    padding-top: 275px;
    z-index: 90;
    margin-left: -539px;
}

#cms_6-c .arrow {
    background: #9e5a3e !important;
    border-color: #9e5a2e !important;
}


#cms_2-a .cate .cate_title {
    padding-top: 8px !important;
}



}

@media screen and (max-width: 768px){
    main#page10 .cate span {
    color: #efefef;
    padding-left: 0px;
}

#logo a img {
    width: 108px;
}

h1#logo {
    margin: -2px 33.33333% 0 -12px;
}
figure#logo2 img {
    width: 154px;
    padding: 0 0px 0 38px;
}


#fakeloader .fl {
    left: 59%!important;
}

.custom_title_sp {
    max-width: 383px;
    padding-top: 278px;
    padding-left: 1px;
    z-index: 90;
}

.custom_title_sp {
    max-width: 564px;
    padding-top: 155px;
    padding-left: 8px;
    z-index: 90;
}

figure.contents_img.width_60per {
    width: 75% !important;
    top: -36px;
    /* bottom: 69px; */
}


figure.cate_img1 {
    margin: 37px auto 0px;
}


#contents1 p.number {
    font-size: 60px;
    font-style: italic;
    font-weight: lighter;
    color: #f5d021;
    position: absolute;
    top: 178px;
    /* margin: 0 -1px 0 251px; */
    right: 1px;
}
#contents2 p.number {
    font-size: 60px;
    font-style: italic;
    font-weight: lighter;
    color: #f5d021;
    position: absolute;
    top: 178px;
    /* margin: 0 -1px 0 251px; */
    right: 1px;
}
#contents3 p.number {
    font-size: 60px;
    font-style: italic;
    font-weight: lighter;
    color: #f5d021;
    position: absolute;
    top: 178px;
    /* margin: 0 -1px 0 251px; */
    right: 1px;
}

}

@media screen and (max-width: 667px){
    #logo a img {
    width: 89px;
}

h1#logo {
    margin: -3px 66.66667% 16px 11px;
}

.overlay nav {
    top: 48%;
}

#fakeloader img {
    width: 130px;
}

#fakeloader .fl {
    left: 60%!important;
}

figure#logo2 img {
    width: 110px;
    padding: 0px;
}

#cms_1-a .pager li {
    margin-right: -6px;
}

.custom_title {
    max-width: 383px !important;
    padding-top: 52px;
    padding-left: 0px;
    z-index: 90;
}

figure.contents_img.width_60per {
    width: 100% !important;
    top: 0px;
    /* bottom: 69px; */
}
#contents1 .contents_box h2, #contents2 .contents_box h2, #contents3 .contents_box h2 {
    letter-spacing: 2px;
}

#contents1 p.number {
    font-size: 43px;
    font-style: italic;
    font-weight: lighter;
    color: #f5d021;
    position: absolute;
    top: 175px;
    /* margin: 0 -1px 0 251px; */
    /* right: 171px; */
    left: 11px;
    z-index: 10;
}


#contents2 p.number {
    right: 1px;
    z-index: 10;
    font-size: 43px;
    font-style: italic;
    font-weight: lighter;
    color: #f5d021;
    position: absolute;
    top: 166px;
    left: 11px;
}

#contents3 p.number {
    font-size: 43px;
    font-style: italic;
    font-weight: lighter;
    color: #f5d021;
    position: absolute;
    top: 175px;
    /* margin: 0 -1px 0 251px; */
    /* right: 171px; */
    left: 11px;
    z-index: 10;
}
    
}