/* ---------------------- color */
/* メインカラー */
.txt_color1{color: #6C3524} 
.bg_color1{background-color: #6C3524} 
.border_color1{border-color: #6C3524}
.hvr_txt_color1:hover{color: #6C3524} 
.hvr_bg_color1:hover{background-color: #6C3524} 
.hvr_border_color1:hover{border-color: #6C3524}

/* サブカラー */
.txt_color2{color: #966251} 
.bg_color2{background-color: #966251} 
.border_color2{border-color: #966251}
.hvr_txt_color2:hover{color: #966251} 
.hvr_bg_color2:hover{background-color: #966251} 
.hvr_border_color2:hover{border-color: #966251}

/* アクセントカラー */
.txt_color3{color: #556B2F} 
.bg_color3{background-color: #556B2F} 
.border_color3{border-color: #556B2F}
.hvr_txt_color3:hover{color: #556B2F} 
.hvr_bg_color3:hover{background-color: #556B2F} 
.hvr_border_color3:hover{border-color: #556B2F}

/* アクセントカラー2 */
.txt_color4{color: #95A679} 
.bg_color4{background-color: #95A679} 
.border_color4{border-color: #95A679}
.hvr_txt_color4:hover{color: #95A679} 
.hvr_bg_color4:hover{background-color: #95A679} 
.hvr_border_color4:hover{border-color: #95A679}


/* ---------------------- common */
body {
    font-family: 'Lora','Zen Old Mincho',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.font_en {
    font-family: 'Lora','Zen Old Mincho',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.shadow-l {
    box-shadow: 0 2px 7px rgba(150, 98, 81, 0.45);
}
.button2:hover {
    box-shadow: 0 0 20px rgba(150, 98, 81, 0.55) inset;
}
.txt_shadow-b {
    text-shadow: 0 5px 10px rgba(150, 98, 81, 0.45);
}
.button,.button2 {
    border-radius: 4px;
}
/* --- automatic link --- */
.linkStyle{color: #556B2F}

.linkStyle:hover{
    text-decoration: underline;
}

/* ---------------------- header */
header{
    background-color: transparent!important;
}

header::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 100%;
    width: 114%;
    background-image: url(Dup/img/header.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left center;
    z-index: -1;
}

.head_box {
    width: 75%;
    margin-left: 10%;
}

.main_box {
    margin-left: 21%;
    width: 79%!important;
}
.contact_bt a,
.tel_bt a{
    border-color: #6c3524;
    background-color: #6c3524;
    color: #ffffff;
}

.contact_bt a:hover,
.tel_bt a:hover{
    background-color: #556b2f;
    border-color: #556b2f;
}

/* ---------------------- nav */

/* ---------------------- footer */
.foot_tel_bt a{
    border-color: #6c3524;
    background-color: #6c3524;
    color: #ffffff;
}
.foot_tel_bt a:hover{
    background-color: #556b2f;
    border-color: #556b2f;
}
footer{
    padding-left: calc(40px + 5%)!important;
}

/* -------------------------- top ------------------------- */
.txt1 {
    top: 40%;
}
.txt1,.scroll_bt {
    z-index: 3;
}

#main_img img {
    display: block;
}

#main_img::before,
#main_img::after{
    content:'';
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}
#main_img::before{
    background-image: url('Dup/img/hero1.png');
    bottom: 20%;
    right: 10px;
    height: 300px;
    width: 30%;
    z-index: 3;
}

#main_img::after{
    background-image: url('Dup/img/hero2.png');
    background-position: bottom;
    bottom: 0;
    right: 10px;
    height: 300px;
    width: 30%;
    z-index: 3;
}

.flexslider {
    position: relative;
}

.flexslider:after{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.05);
    z-index: 2;
}

.banner_reserve{
    display: block;
    width: 360px;
    transition: all 0.3s;
    position: relative;
}

#contents1 .banner_reserve{
    margin: 20px auto 50px;
}
#top_cms_wrap .banner_reserve{
    margin: 80px auto;
}

.banner_reserve:hover{
    transform: translateY(-5px);
    box-shadow: 0 3px 10px rgba(150, 98, 81, 0.6);
}

#contents_box {
    background: linear-gradient(0deg, #fff4f1, #fff);
}

#contents1,#contents2,#contents3 {
    padding-left: calc(40px + 5%);
}

#top_cms_wrap{
    padding-left: calc(40px + 5%);
}

/* --- more --- */
.button:hover::after {
    box-shadow: inset 0 0 0 15em #6c3524;
}
/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

/* ---------------------- cms2 */

/* ---------------------- cms3 */

/* ---------------------- cms4 */

/* ---------------------- cms5 */
#cms_5-c .box_title1,
#cms_5-c .box_txt1
{
    display: block;
    border-radius: 25px;
    margin-top: 10px;
    margin-bottom:10px;
    padding: 10px 15px 10px 42px;
    width: 73%;
}

#cms_5-c .box_title1{
    background-color: #FFF4F1;
    margin-right: auto;
    margin-left: 72px;
}

#cms_5-c .box_title1::before,
#cms_5-c .box_txt1::before{
    content: '';
    position: absolute;
    background-size:contain;
    background-repeat:no-repeat;
    height: 60px;
    width: 60px;
    top: -10px;
}

#cms_5-c .box_title1::before{
background-image:url(Dup/img/MsQ_1.png);
bottom:0;
left:-72px;
}

#cms_5-c .box_title1::after,
#cms_5-c .box_txt1::after
{
    content:'';
    position:absolute;
    background-size:contain;
    background-repeat:no-repeat;
    height: 36px;
    width: 36px;
}

#cms_5-c .box_title1::after{
background-image:url(Dup/img/tsunoQ.png);
top: 1px;
left: -5px;
z-index: -1;
}

#cms_5-c .box_txt1{
    background-color: #E9F0DD;
    margin-left: auto;
    margin-right: 72px;
}

#cms_5-c .box_txt1::before{
background-image:url(Dup/img/MrA_1.png);
right:-72px;
left: auto;
}
#cms_5-c .box_txt1::after{
background-image:url(Dup/img/tsunoA.png);
top: 1px;
right: -5px;
z-index: -1;
}

.chrQ,
.chrA{
    font-size: 20px;
    font-weight: 700;
    position:absolute;
    left: 16px;
}

.chrQ{
    color: #966251;
        top: 9px;
}
.chrA{
    color: #556b2f;
        top: 5px;
}

#cms_5-c .box_title1,
.cms_5-c .box_title1 {
    border-color: rgba(0,0,0,0);
}

.cms_5-c .box_title1,
.cms_5-c .box_txt1
{
    display: block;
    border-radius: 25px;
    margin-top: 10px;
    margin-bottom:10px;
    padding: 10px 15px 10px 42px;
    width: 73%;
}

.cms_5-c .box_title1{
    background-color: #FFF4F1;
    margin-right: auto;
    margin-left: 72px;
}

.cms_5-c .box_title1::before,
.cms_5-c .box_txt1::before{
    content: '';
    position: absolute;
    background-size:contain;
    background-repeat:no-repeat;
    height: 60px;
    width: 60px;
    top: -10px;
}

.cms_5-c .box_title1::before{
    background-image:url(Dup/img/MsQ_1.png);
    bottom:0;
    left:-72px;
}

.cms_5-c .box_title1::after,
.cms_5-c .box_txt1::after
{
    content:'';
    position:absolute;
    background-size:contain;
    background-repeat:no-repeat;
    height: 36px;
    width: 36px;
}

.cms_5-c .box_title1::after{
    background-image:url(Dup/img/tsunoQ.png);
    top: 1px;
    left: -5px;
    z-index: -1;
}

.cms_5-c .box_txt1{
    background-color: #E9F0DD;
    margin-left: auto;
    margin-right: 72px;
}

.cms_5-c .box_txt1::before{
background-image:url(Dup/img/MrA_1.png);
right:-72px;
left: auto;
}
.cms_5-c .box_txt1::after{
background-image:url(Dup/img/tsunoA.png);
top: 1px;
right: -5px;
z-index: -1;
}

/* ---------------------- info */

/* ---------------------- contact */

/* ---------------------- privacy policy */

/* ---------------------- sitemap */


/* ----------------------------------------------------------------------------------------------------------------------------
IE
--------------------------------------------------------- */
@media all and (-ms-high-contrast: none){
/* ---------------------- common */

/* ---------------------- header */
.pc_box .contact_bt a {
    padding: 13px 0 15px!important;
}
/*@media all and (-ms-high-contrast:none)*/
#main_menu ul li a::before {
    top: 42%!important;
}

/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
/* --- more --- */

/* -------------------------- sub ------------------------- */

.cate_list li a {
    padding: 8px 0 10px!important;
}

/* ---------------------- cms1 */

/* ---------------------- cms2 */
/*@media all and (-ms-high-contrast:none)*/
#cms_2-a .cate .cate_title {
    padding-top: 10px!important;
}

/* ---------------------- cms3 */
/*@media all and (-ms-high-contrast:none)*/
#cms_3-b .cate_title {
    padding-top: 10px!important;
}

/* ---------------------- cms4 */

/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */

/* ---------------------- privacy policy */
#page9 .box p a {
    padding: 2px 5px 4px!important;
}

/* ---------------------- sitemap */
#page10 ul li a {
    padding: 13px 0 15px!important;
}


}

/* ---------------------------------------------------------------------------------------------------------------------------- 
タブレット　
--------------------------------------------------------- */
@media screen and (max-width: 768px){
/* ---------------------- common */
 .linkStyle{
    text-decoration: underline;
}
.main_box {
    padding-top: 0;
    margin-top: 103px;
    margin-left: 0;
    width: 100%!important;
}
 /* ---------------------- header */
header::before{
    display: none;
}
header {
    background-color: #F3E4DF!important;
}
.head_box {
    width: 100%;
    margin-left: auto;
}
#logo {
    text-align: center;
    max-width: 170px;
}
/* ---------------------- nav */
.hamburger__icon {
    margin-top: 21px;
}
.fat-nav ul{
    background: linear-gradient(0deg, #f3e4df, #fff);
}
.fat-nav li:last-child a{
    border-color: #966251;
    background-color: #966251;
    color: #ffffff;
}
/* ---------------------- footer */
footer {
    padding-left: 20px!important;
}
.link_box ul {
    justify-content: space-around;
}

/* -------------------------- top ------------------------- */
.txt1 {
    width: 70%;
    text-align: left;
    top: 2%;
    bottom: auto;
    left: 2%;
    transform: translate(0,0);
}

#main_img{
    /*margin-top: 103px;*/
    max-height: none;
}
#main_img::before,
#main_img::after{
    width: 35%;
}
#main_img::before {
    background-position: bottom;
    bottom: 210px;
    right: 10px;
    height: 200px;
}
#main_img::after {
    bottom: -3px;
    height: 250px;
}
#contents1, #contents2, #contents3 {
    padding-left: 20px;
}
#contents1 {
    background: linear-gradient(0deg, #f3e4df, #fff);
}
#top_cms_wrap{
    padding-left: 20px;
}
/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

/* ---------------------- cms2 */

/* ---------------------- cms3 */

/* ---------------------- cms4 */

/* ---------------------- cms5 */

/* ---------------------- info */

/* ---------------------- contact */

/* ---------------------- privacy policy */

/* ---------------------- sitemap */

 
}

/* ----------------------------------------------------------------------------------------------------------------------------
スマホ　
--------------------------------------------------------- */
@media screen and (max-width: 667px){
/* ---------------------- common */
    
/* ---------------------- header */
.hamburger {
    top: 17px;
}
/* ---------------------- nav */

/* ---------------------- footer */



/* -------------------------- top ------------------------- */
.txt1 {
    width: 75%;
    bottom: auto;
    top: 2%;
    left: 2%;
}
#main_img::before {
    bottom: 6%;
    left: 2%;
    height: 110px;
    width: 65%;
    background-image: url('Dup/img/hero1sp.png');
}
#main_img::after {
    bottom: -5px;
    right: 0;
    height: 190px;
}
.banner_reserve {
    width: 300px;
}
/* --- more --- */

/* -------------------------- sub ------------------------- */

/* ---------------------- cms1 */

/* ---------------------- cms2 */

/* ---------------------- cms3 */

/* ---------------------- cms4 */

/* ---------------------- cms5 */
#cms_5-c .box_title1{
    margin-left: 50px;
}
#cms_5-c .box_title1, #cms_5-c .box_txt1 {
    width: 64%;
    margin-top: 18px;
}
.cms_5-c .box_title1{
    margin-top: 25px;
    margin-right: 0;
    margin-left: auto;
}
.cms_5-c .box_title1, .cms_5-c .box_txt1 {
    width: 64%;
}
.cms_5-c .box_txt1 {
    margin-top: 18px;
    margin-right: 67px;
}
.cms_5-c .box_title1::before, .cms_5-c .box_txt1::before {
    height: 55px;
    width: 55px;
}
.cms_5-c .box_title1::before {
    left: -64px;
}
.cms_5-c .box_txt1::before {
    right: -64px;
}
.chrQ{
    top: 7px;
}
/* ---------------------- info */

/* ---------------------- contact */

/* ---------------------- privacy policy */

/* ---------------------- sitemap */

    
}