﻿
body, .txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #603813} /* メインカラー */
.txt_color2{color: #efebe7} /* サブカラー */
.txt_color3{color: #a89d73} /* アクセントカラー1 */
.txt_color4{color: #E4E2D5} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #edd8c5} /* メインカラー */
.bg_color2{background-color: #efebe7} /* サブカラー */
.bg_color3{background-color: #a89d73} /* アクセントカラー1 */
.bg_color4{background-color: #a6e7c4} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #603813}
.border_color2{border-color: #efebe7}
.border_color3{border-color: #a89d73}
.border_color4{border-color: #E4E2D5}


/* 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: #603813} /* メインカラー */
.hvr_txt_color2:hover{color: #efebe7} /* サブカラー */
.hvr_txt_color3:hover{color: #a89d73} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #E4E2D5} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #603813} /* メインカラー */
.hvr_bg_color2:hover{background-color: #efebe7} /* サブカラー */
.hvr_bg_color3:hover{background-color: #a89d73} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #E4E2D5} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #603813}
.hvr_border_color2:hover{border-color: #efebe7}
.hvr_border_color3:hover{border-color: #a89d73}
.hvr_border_color4:hover{border-color: #E4E2D5}



.img4{
    z-index: 5;
   /* width: 47%;
    padding-left: 60%;*/
}

 .txt1{
    color: #efa215;
    font-weight: bold;
    font-family: serif;
    background-color: rgba(255,255,255,0.7);
}

/*.sample1 {
    vertical-align: bottom;
    width: 21%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
     right: -140%;
    left: 33%;
    top: 61%;
    background-repeat: no-repeat;
}*/

.bur{
    position: absolute;
    padding-top: 3px;
    box-sizing: border-box;
    max-width: 300px;
    z-index: 2;
    bottom: 11%;
    right: 0%;
    padding-left: -12px;
   
}


#foot_banner{
    font-size: 16px;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
    max-width: 287px;
    z-index: 5;
    bottom: 5px;
    right: 4px;
    width: 22%;
    top: 67%;
    position: fixed;
}
.hamburger__icon:before,.hamburger__icon:after{
    background-color: #603813!important;
}

.hamburger__icon {
    background-color: #603813!important;
}

#contents3{
    background-color: #9d8977;
}

.con_no {
    color: #a6e7c4;
}
#foot_banner_insta{
    font-size: 16px;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
    max-width: 287px;
    z-index: 5;
    bottom: 5px;
    right: 276px;
    width: 10%;
    top: 77%;
    position: fixed;
}


#foot_banner_kinyuru{
    font-size: 16px;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
    max-width: 287px;
    z-index: 5;
    bottom: 5px;
    right: 276px;
    width: 10%;
    top: 77%;
    position: fixed;
}
#foot_banner2{
    font-size: 16px;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
    max-width: 287px;
    z-index: 5;
    bottom: 5px;
    right: 279px;
    width: 14%;
    top: 85%;
    position: fixed;
}
.txt1 {
    width: 33%;
}
/**************タブレットタブレット************************/
@media screen and (max-width: 768px){


.bur {
    display: none;
}

#foot_banner_sp {
    font-size: 16px;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
    max-width: 287px;
    z-index: 5;
    bottom: 5px;
    right: 4px;
    width: 22%;
    top: 77%;
    position: fixed;
}
#foot_banner {
    display: none!important;
}
#foot_banner2 {
    display: none!important;
} 
#logo{
    display: none;
}

.rogo3 {
    width: 50%!important;
}
/*.sample1 {
    vertical-align: bottom;
    width: 21%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    right: -140%;
    left: 33%;
    top: 28%;
    background-repeat: no-repeat;
}*/

.txt1 {
    /*padding-right: -13px;
    padding-left: -13%;
    padding-top: -24%;
    color: #efa215;
    font-family: serif;
    font-weight: bold;*/
    
}
.main_box {
    padding-top: 60px;
}
.txt1 {
    font-size: 30px;
    top: 50%;
    left: 69%;
    z-index: 2;
    width: 55%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.rogo3 {
    margin: 0 auto;
}
}








@media screen and (max-width: 414px){


.bur {
    display: none;
}

#foot_banner_sp {
    font-size: 16px;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
    max-width: 287px;
    z-index: 5;
    bottom: 5px;
    right: 4px;
    width: 22%;
    top:85%;
    position: fixed;
}

#logo{
    display: none;
}

.rogo3 {
    width: 50%!important;
}
/*.sample1 {
    vertical-align: bottom;
    width: 21%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    right: -140%;
    left: 33%;
    top: 28%;
    background-repeat: no-repeat;
}*/



.con_tel_box .grid_6 {
    padding-top: 34px;
}

@media screen and (max-width: 375px){

.bur {
    display: none;
}

#foot_banner_sp {
    font-size: 16px;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
    max-width: 287px;
    z-index: 5;
    bottom: 5px;
    right: 4px;
    width: 22%;
    top: 81%;
    position: fixed;
}

#logo{
    display: none;
}

.rogo3 {
    width: 50%!important;
}
/*.sample1 {
    vertical-align: bottom;
    width: 21%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    right: -140%; 
    left: 33%;
    top: 28%;
    background-repeat: no-repeat;
}*/

.txt1 {
    font-size: 20px;
    top: 49%;
    left: 50%;
    z-index: 2;
    width: 77%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

#contents1 {
    padding: 50px 10% 100px;
}
}







@media screen and (max-width: 414px){
#foot_banner{
    font-size: 16px;
    text-align: center;
    padding-top: 33px;
    box-sizing: border-box;
    max-width: 287px;
    z-index: 5;
    bottom: 5px;
    right: 6px;
    width: 22%;
    position: fixed;
    top: 83%;
}
 
#foot_banner_insta{
    display: none!important;
}

#foot_banner_kinyuru{
    display: none!important;
}

}

@media screen and (max-width: 820px){
#foot_banner {
    display: none;
}}

@media screen and (max-width: 768px){
   
}

@media screen and (max-width: 414px){
#foot_banner{
    display: none!important;
}

#foot_banner2{
    display: none!important;
}
}


