﻿/*---------------all page----------------------------------*/
body{
  color:white;
  letter-spacing: 2px;
  line-height: 2.5;
  font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
header{background: url(./Dup/img/bg.png) #efe3e4 no-repeat left bottom;}
#main_menu ul li a{font-size:calc(1rem - 1px);}
#main_menu ul li a::before{
  background-color:white;
  top: 48%;
}
.contact_bt .fa-envelope{display:none;}
.contact_bt a,.head_box .tel_bt a{background-color:rgba(255,255,255,0.2);}
.contact_bt a:hover,.head_box .tel_bt a:hover{
  color:white;
  background-color:#0F4C3A;
  border: 1px solid #0F4C3A;
}
.button:hover::after{box-shadow:none;}
footer{background-color: #24140e;}
.foot_tel_bt a:hover{
  background-color:#0F4C3A;
  border:1px solid #0F4C3A;
}
#page10 ul li a,footer .d_flex li a{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}

/*---------------top page-------------------------------*/
#main_img h2,#contents_box h2,#contents3 h3,#top_cms h2,.font_en,.font1 { font-family: "Hannari","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"; 
}
#main_img{
  max-height: initial;
  min-height: auto;
}
.video{vertical-align:middle;}
#contents_box{background-color: #24140e;}
#contents1{
  padding-top:100px;
  padding-bottom:100px;
}
#contents1 .font_2up{line-height:1.5;}
#contents2{
  padding-top:80px;
  padding-bottom:80px;
}
.top_cms_outer{background-color:#24140e;}
#top_cms .more a{padding-bottom:12px;}
.more a:hover{
  background-color:#0F4C3A;
  border:1px solid #0F4C3A;
}
.main_box{position:relative;}
.main_box:before{
  content:'';
  position:absolute;
  display:block;
  width:400px;
  height:400px;
  background-image:url(./Dup/img/bg2.png);
  background-repeat:no-repeat;
  top:0;
  right:0;
  z-index:2;
}


/*-------------------under page-------------------------------*/
.main_box{background-color:#24140e;}
.cate_list li a:hover,#page10 li a:hover,.pager li a:hover{
  box-shadow:none;
  background-color:#0F4C3A;
  border:1px solid #0F4C3A;
  color:white;
}
#cms_1-a .box_txt1{font-size:1rem;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header{background:none;}
#contents1 {
    padding-top: 50px;
    background: url(./Dup/img/item.png) no-repeat bottom left;
    background-size: 35%;
}
.hamburger {top: 23px;}
.hamburger__icon p{
  font-size:calc(1rem - 4px);
  letter-spacing:0;
  color:rgb(111, 45, 33);
  line-height: 50px;
}
#page_title .title_img {height: 220px;}
footer{
  background:url(./Dup/img/bg.png) #efe3e4 no-repeat bottom left;
  background-size: 50%;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.hamburger {top: 10px;}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after{width:30px;}
.hamburger__icon p {
    font-size: calc(1rem - 10px);
    letter-spacing: -1px;
    line-height: 45px;
}
#main_img{padding-top:20px;}
#main_img h2{display:none;}
.main_box:before{display:none;}
#contents1 .font_2up{text-align:center;}
#contents1 h2{
  font-size:21px;
  text-align:center;
}
#contents1{background-size:55%;}
#contents2{padding-top:40px;}
#contents2 h2,#contents3 h3{font-size:21px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.more a,.tel_bt a,.foot_tel_bt a{padding-top:20px;}
.contact_bt a{paddin:15px 0 12px;}
#contact_tel a,#reserv_bt a{padding-bottom:15px;}
}