﻿body{
    background-color: #efeeee;
}

.bg_color4 {
    background-color: #302D2A;
}

.txt_color3 {
    color: #cebf79;
}

#main_menu ul li a::before {
    background-color: #fff;
}

.button:hover::after {
    box-shadow: inset 0 0 0 15em rgba(100,100,100,1);
}

.contact_bt, .tel_bt{
border:solid 1px white;
}

#main_img h2.txt1{
     background-color: #302D2A;
    text-align: right;
    width: auto;
     font-size: 2vw; 
    padding: 10px 2vw;
    box-sizing: border-box;
left:auto;
    right: 0;
-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(0%,-50%);
font-weight:bold;
}

#contents_box h2, #contents_box h3{
font-weight: bold;
    font-size: 26px;
    border-bottom: 1px solid #cebf79;
}

.bg_color3 {
    background-color: #cebf79;
}

.cms_title::before {
    background-color: #cebf79;
}

.main_box{
    background-image: url(./Dup/img/back.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 68%;
}

.footer_cms{
color:black;
}

#page_title h2{
    font-weight: bold;
    font-size: 35px;
}

#page_title .page_box::before {
    background-color: #cebf79;
}

.font_en {
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

.more a, .foot_tel_bt a, .cate_list li a{
    color: #bba124;
}

#cms_6-a figure{
    width: 70% !important;
margin:0 auto;
}

.spinner7 > div {
    background-color: #cebf79 !important;
}

#form_box dl input, #form_box dl textarea {
    background-color: rgba(230,230,230,1);
    color: #333;
}

.hamburger__icon.bg_color1{
background-color:white !important;
}

.hamburger__icon:after, .hamburger__icon:before {
    background-color: rgb(255, 255, 255) !important;
}

.hamburger.active .hamburger__icon {
    background-color: transparent !important;
}

.fat-nav ul {
  background-color:#333 !important;
}

@media all and (-ms-high-contrast: none){
#main_img h2.txt1 {
    padding: 10px 2vw 0px;
}

.tel_bt a{
padding-top:20px;
}

.foot_tel_bt a{
padding-top:20px;
}

.more a{
padding-top:13px;
}

}





/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

.main_box {
    padding-top: 45px;
}

.hamburger {
    top: 13px;
    right: 10px;
}

footer .link_box li {
    max-width: 25px;
    margin-right: 5px;
}
footer .link_box ul{
    justify-content: center;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#main_img h2.txt1{
     font-size: 3vw; 
}

.hamburger {
    top: 5px;
    right: 3px;
}

#page_title h2 {
    font-weight: bold;
    font-size: 30px;
}

}


