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

/*黒　　　　070707　7,7,7
　茶色　　　322114　50,33,20
  オレンジ　8d683b　141,104,59
  白　　　　cccece　204,206,206*/

.txt_color_nomal{color: #070707;}
.txt_white{color: #cccece;}
.txt_red{color: red;}
.txt_color1{color: #8d683b} /* メインカラー */
.txt_color3{color: #cccece} /* アクセントカラー1 */
.txt_color4{color: #cccece} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #8d683b}
.border_color2{border-color: #cccece}
.border_color3{border-color: #cccece}
.border_color4{border-color: #8d683b}

/* 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: #cedff1} /* アクセントカラー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: #cedff1} /* アクセントカラー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: #cedff1}


/* top_color */
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    margin-left: 40%;
    margin-top: -200px;
    z-index: 2;
    /* background: #322114; */
    background: -moz-linear-gradient(-45deg, #23303d 0%, #01011c 100%);
    /* background: -webkit-linear-gradient(
-45deg
, #23303d 0%,#322114 100%); */
   background: linear-gradient(140deg, #322114 0%, #120c07 60%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23303d', endColorstr='#01011c',GradientType=1 );
}


#main_menu ul li a {
    color: #8d683b;
}

h2{
	color:#8d683b !important;
}

/*font*/

.grade{
    background: linear-gradient(136deg, rgba(18,12,7,1) 0%, rgba(07,07,07,1) 100%);
}


body{
    
font-family: Noto Sans JP, sans-serif !important;
font-weight: 400;
font-style: normal;
}

h2{
    
font-family: Noto Sans JP, sans-serif !important;
font-weight: 800;
font-style: normal;
}

#aisatsu > div {
    background-color: rgba(50,33,20,0.70);
}


/*font_color*/
#aisatsu h2{
    color: #f2f2f2 !important;
    border-bottom: solid 1px #cccece;
}
#page2 h3 {
    color: #8d683b !important;
}
#cms_2-a h3 {
    color: #8d683b !important;
    border-color: #322114;
    font-weight: 600;
}
#cms_2-a h4 {
    color: #8d683b;
}
.cate_title, .box_title, .box_title1, .box_title2 {
    color: #8d683b;
}
#cms_6-a h3.cate_title {
    background-color: #070707;
    /* border-color: #aaa; */
    border: solid 1px #8d683b;
    border-left: solid 10px #8d683b;
}
#page9 h3 {
    color: #8d683b;
}
#page9 a {
    color: #cccece;
}
#page9 a:hover {
    background: #cccece;
    color: #322114;
}

#page10 li a {
    border-color: #8d683b !important;
    letter-spacing: 1.3px;
}

/*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: 2.6px;
    opacity: 0;
    height: 100%;
    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;
}

/*contact page*/
#contact_form a{
    padding:0px 0 !important;
}
#contact_tel a{
    padding:22px 0;
}
div#tel_txt {
    margin: 0px auto;
    width: 60%;
    margin-bottom: 100px;
}
/*header icon*/
.fa-envelope {
    display: none;
}
/*header color*/
#main_menu.fixed {
    background-color: rgba(7,7,7,0.70) !important;
}

/*sns link*/
ul.sns_link {
    background-color: #322114;
    border-color: #8d683b;
}

footer ul.sns_link {
     background-color: transparent; 
    /* border-color: #8d683b; */
    padding: 4px;
}

/*banner*/
.banner {
    margin: 150px 0 180px;
    text-align: center;
    transition: 0.5s;
}

.lp_banner img, .line_banner img {
    width: 20%;
    margin: 0 10px;
    transition: 0.5s;
}

.lp_banner img:hover, .line_banner img:hover {
    opacity: 0.5;
  
}

#page2 .banner, #page3 .banner, #page4 .banner, #page5 .banner, #page6 .banner #page7 .banner{
    margin: 80px 0 115px;
    text-align: center;
}

/*pager*/
.pager li a {
    background: #322114 !important;
}
.pager {
    margin-top: 40px !important;
}

/*linkStyle*/
a.linkStyle:hover {
    color: #8d683b;
}
a.linkStyle {
    color: #cccece;
    transition: 0.5s;
}


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

#page9 .foot_tel_bt a:hover{
    background:transparent !important;
    color: #cccece;
    opacity: 0.5;
}


#page9 a.d_inline_b.pd_5px.pd_r-10px.pd_l-10px.bg_color3.txt_white.motion05s.hvr_bg_color2.mg_l-5px.mg_r-5px {
    margin: 5px;
}

/*IE*/
@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: 100%;
    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:11px !important;
    padding-bottom: 0px !important;
    color :#8d683b !important;
}

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


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

#contact_tel a{
    padding:25px 0 17px;
}

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

#page9 .cate_box p a{
    padding:8px 10px 0px;
}

#f_menu{
 padding:21px 0 17px
}

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


}

@media screen and (max-width: 768px){
.contents_box {
    max-width: 427px;
}

figure.contents_img {
    margin: -5px 0px 47px;
}


.banner {
    margin: 67px 0 120px;
    text-align: center;
}

.lp_banner img, .line_banner img {
    width: 31%;
    margin: 0px 10px;
}

div#tel_txt {
    margin: 0px auto;
    width: 83%;
    margin-bottom: 100px;
}

#page8 .item {
    margin: 0 -16px;
    /* width: 56%; */
}

#page10 li a {
    border-color: #8d683b !important;
    letter-spacing: 1.1px;
}

}



@media screen and (max-width: 667px){
    
.overlay nav {
    position: relative;
    height: 70%;
    top: 47%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}    
    

h1#logo img {
    /* width: 87%; */
    padding-left: 13px;
}
    
div#toggle {
    margin-top: -16px;
}



#aisatsu {
    background-size: cover;
    background-position: bottom 0px left 728px;
}

#aisatsu h2 {
    color: #f2f2f2 !important;
    border-bottom: solid 1px #cccece;
    letter-spacing: 2px;
}


#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
     margin-left: 0%; 
    margin-top: -57px;
    z-index: 2;
    /* background: #322114; */
    background: -moz-linear-gradient(-45deg, #23303d 0%, #01011c 100%);
    /* background: -webkit-linear-gradient( 
-45deg
 , #23303d 0%,#322114 100%); */
    background: linear-gradient(
135deg
, #322114 0%, #070707 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23303d', endColorstr='#01011c',GradientType=1 );
}

.lp_banner img, .line_banner img {
    width: 76%;
    margin: 10px 0px 5px;
}


.banner {
    margin: 47px 0 93px;
    text-align: center;
}


/*.pager{*/
/*    margin:31px 13px -38px -18px;*/
/*}*/

/*.pager li.prev a {*/
/*    padding: 0 20px;*/
/*    width: 60px;*/
/*    margin: 0 -38px 0 20px;*/
/*}*/


#cms_1-a .pager li:last-of-type {
    margin-right: 0px;
}
#cms_1-a .pager li {
    margin-right: 0px;
}
.pager {
    margin-top: 40px !important;
}

.pager li {
    margin: 0 0px;
}

.pager li.prev a {
    margin: 0 auto !important;
}

.pager li.prev a {
    margin: 0 auto !important;
    color: #8d683b !important;
}


#contact_tel a {
    padding: 23px 57px;
}


p#contact_form {
    margin: 0 24px;
}

#page10 li a {
    border-color: #8d683b !important;
    letter-spacing: 1.4px;
}

#page10 li a span {
font-size: 11px;
}

#page2 .banner, #page3 .banner, #page4 .banner, #page5 .banner, #page6 .banner #page7 .banner {
    margin: 44px 0 87px;
    text-align: center;
}

p#copyright {
    padding: 0px 29px;
    font-size: 10px;
}
#foot_txt .d_inline_b {
    display: inline-block;
    padding: 0px 46px;
    font-size: 11px;
}







/*20210714修正*/
#contact_form a img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
    max-width: 301px;
}


#contact_tel a {
    padding: 20px 75px;
    max-width: 301px;
    width: 100% !important;
}


}


/*20210714 adobefont修正*/
@media all and (-ms-high-contrast: none){
    
.cate_list li a {
    padding-top: 11px !important;
}

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

.page_title h2 {
    padding-top: 30px !important;
}

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

.effect.effect-1::before {
    top: 0.5px !important;
}

#contact_tel a {
    padding: 20px 0 22px !important;
}

#page9 .cate_box p a {
    padding: 8px 10px 10px !important;
}



}


@media screen and (max-width: 320px){
#contact_tel a {
    padding: 16px 48px;
    max-width: 413px;
    width: 100% !important;
}
}