@charset "utf-8";
/* CSS Document */
/* color */
.txt_color_nomal{color: #101011;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #101011} /* メインカラー */
.txt_color2{color: #dcdcdc} /* サブカラー */
.txt_color3{color: #a5a7ad} /* アクセントカラー1 */
.txt_color4{color: #fcfefc} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color:#fcfefc;
 background-image: url(dup/img/bg_01.jpg);} /* 白背景 */
.bg_black{background-color: #101011} /* 黒背景 */
.bg_color1{background-color: #101011} /* メインカラー */
.bg_color2{background-color: #dcdcdc;
    background-image: url(dup/img/bg_03.jpg);
} /* サブカラー */
.bg_color3{background-color: #a5a7ad} /* アクセントカラー1 */
.bg_color4{background-color: #fcfefc} /* アクセントカラー2 */

/* border-color ※!important */
.border_color1{border-color: #101011}
.border_color2{border-color: #dcdcdc}
.border_color3{border-color: #a5a7ad}
.border_color4{border-color: #fcfefc}


/* hover ---------------------------------------------------------------------------------------------*/
.hvr_txt_color_nomal:hover{color: #101011;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #101011} /* メインカラー */
.hvr_txt_color2:hover{color: #dcdcdc} /* サブカラー */
.hvr_txt_color3:hover{color: #a5a7ad} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #fcfefc} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: #fcfefc;
 background-image: url(dup/img/bg_01.jpg);} /* 白背景 */
.hvr_bg_black:hover{background-color: #101011} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #101011} /* メインカラー */
.hvr_bg_color2:hover{background-color: #dcdcdc;
    background-image: url(dup/img/bg_03.jpg);} /* サブカラー */
.hvr_bg_color3:hover{background-color: #a5a7ad} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #fcfefc;
 background-image: url(dup/img/bg_01.jpg);} /* アクセントカラー2 */

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #101011}
.hvr_border_color2:hover{border-color: #dcdcdc}
.hvr_border_color3:hover{border-color: #a5a7ad}
.hvr_border_color4:hover{border-color: #fcfefc}


#wrap{
 background:#fcfefc;
 background-image: url(dup/img/bg_01.jpg);
}


.intro_title {
    color: #4d5155;
}


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

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


/*faq*/
.cms_5-a h3.box_title1::before {
    content: "Q." ;
    font-weight: bold ;
    position: absolute ;
    top: 3px ;
    left: 13px ;
    font-size: -webkit-calc(1rem + 8px) ;
    font-size: calc(1rem + 8px) ;
}


.cms_5-a p.box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: rgba(0,0,0,0.2);
    top: 5px;
    left: 13px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}


#cms_5-a h3.box_title1::before {
    content: "Q." ;
    font-weight: bold ;
    position: absolute ;
    top: 3px ;
    left: 13px ;
    font-size: -webkit-calc(1rem + 8px) ;
    font-size: calc(1rem + 8px) ;
}


#cms_5-a p.box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: rgba(0,0,0,0.2);
    top: 5px;
    left: 13px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}



/*予約バナー*/
.fixed_img {
    position: fixed;
    bottom: 92px;
    right: 0px;
    padding: 10px 0px;
    z-index: 2;
    width: 4%;
    transition: 0.5s;
}
.fixed_img:hover{
    opacity: 0.8;
    transition: 0.5s;
}

/*logo*/
h1 img {
    max-width: 180px;
}
.sc_nav .logo img {
    max-width: 100px;
}

.fixed_img02 {
    display: none;
}



/*main{*/
/*    background-image: url(dup/img/01.png), url(dup/img/02.png), url(dup/img/03.png), url(dup/img/04.png), url(dup/img/01.png), url(dup/img/02.png), url(dup/img/03.png), url(dup/img/04.png);*/
/*    background-size: 12% auto, 12% auto, 12% auto, 12% auto, 12% auto, 12% auto, 12% auto, 12% auto;*/
/*    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;*/
/*    background-position: right 8% top 12%, left 8% top 22%, right 8% top 39%, left 8% top 50%, right 8% top 70%, left 8% top 80%, right 8% top 90%, left 8% top 99%;*/
/*}*/






footer {
    background-image: url(dup/img/01.png), url(dup/img/bg_03.jpg) !important;
    background-repeat: no-repeat, no-repeat;
    background-position: right 10% bottom -3%, left top;
    background-size: 20% auto, 100% auto;
}

/*section {*/
/*	background-image: url(./images/star.svg), url(./images/logo.png), url(./images/pic_sample.jpg);*/
/*	background-position: right 10% bottom 10%, left 10% bottom, left top;*/
/*	background-size: 20% auto, 20% auto, 100% auto;*/
/*	background-repeat: no-repeat, no-repeat, no-repeat;*/
/*}*/

/*font 気さく～*/
.font02 {
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 400;
    color: #4d5155;
}

h4{
        color: #4d5155 !important;
}

/*linkStyle*/
a.linkStyle {
    color: #4d5155;
    transition: 0.5s;
}
a.linkStyle:hover {
    color: #a09583;
}

@media all and (-ms-high-contrast: none){}

@media screen and (max-width: 768px){
    
footer {
    background-image: url(dup/img/01.png), url(dup/img/bg_03.jpg) !important;
    background-repeat: no-repeat, no-repeat;
    background-position: left 21% bottom 2%, left top;
    background-size: 20% auto, 100% auto;
}    
    

/*main{*/
/*    background-image: url(dup/img/01.png), url(dup/img/02.png), url(dup/img/03.png), url(dup/img/04.png), url(dup/img/01.png), url(dup/img/02.png), url(dup/img/03.png), url(dup/img/04.png);*/
/*    background-size: 17% auto, 17% auto, 17% auto, 17% auto, 17% auto, 17% auto, 17% auto, 17% auto;*/
/*    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;*/
/*    background-position: right 1% top 10%, left 1% top 22%, right 1% top 37%, left 10% top 59%, right 1% top 70%, left 1% top 80%, right 1% top 92%, left 10% top 100%;*/
    
/*}   */
    

/*logo*/
h1 img {
    max-width: 120px;
}
#loader .logo{
    width: 30%;
}   
 
 

/*logo*/
/*h1 img {*/
/*    max-width: 180px;*/
/*}*/
/*.sc_nav .logo img {*/
/*    max-width: 100px;*/
/*}*/


    
/*予約バナー*/
    .fixed_img {
    display: none;
}
.fixed_img:hover{
    display: none;
}



.fixed_img02 {
    display: block;
position: fixed;
    bottom: 17px;
    right: 68px;
    padding: 0px 0px;
    z-index: 3;
    width: 28%;
    transition: 0.5s;
}
.fixed_img02:hover{
    opacity: 1.0;
    transition: 0.5s;
}
/*copyright*/
p#copyright {
    text-align: left;
}



/*header */
header #header {
    padding: 17px;
    justify-content: center;
}

#menu_bt {
    top: 31px;
}

#page10 .title1{
    font-size: 15px;
}

}

@media screen and (max-width: 667px){
    
footer {
    background-image: url(dup/img/01.png), url(dup/img/bg_03.jpg) !important;
    background-repeat: no-repeat, no-repeat;
    background-position: right 0% bottom 9%, left top;
    background-size: 51% auto, 100% auto;
}    
    
    
/*予約バナー*/
    .fixed_img {
    display: none;
}
.fixed_img:hover{
    display: none;
}



.fixed_img02 {
    display: block;
    position: fixed;
    bottom: 16px;
    right: 46px;
    padding: 0px 0px;
    z-index: 3;
    width: 43%;
    transition: 0.5s;
}
.fixed_img02:hover{
    opacity: 0.8;
    transition: 0.5s;
}



/*logo*/
h1 img {
    max-width: 60px;
}
#loader .logo{
    width: 30%;
}   


/*copyright*/ 
p#copyright {
    text-align: left;
    margin: 0px 205px 0px 15px;
    font-size: 11px;
    padding-bottom: 24px;
} 

.cms_5-a h3.box_title1::before {
    content: "Q.";
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}


.cms_5-a p.box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: rgba(0,0,0,0.2);
    top: 4px;
    left: 0px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}


/*header */
header #header {
    padding: 13px;
    justify-content: center;
}


#menu_bt {
    top: 15px;
}


/*faq*/
#cms_5-a h3.box_title1::before {
    content: "Q.";
    font-weight: bold;
    position: absolute;
    top: -2px;
    left: 0px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}

#cms_5-a p.box_txt1::before {
    content: "A.";
    font-weight: bold;
    position: absolute;
    color: rgba(0,0,0,0.2);
    top: 3px;
    left: 0px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}

#cms_1-e .pager li {
    margin-right: 0px !important;
}

}