﻿@import url('https://fonts.googleapis.com/css2?family=Sen&display=swap');
.font1,#main_menu .menu_sub_title,.page_title span,.cms_title p{font-family: 'Sen', sans-serif;}

.font2,#aisatsu h2,.page_title h2{
    font-family: vdl-yotag, sans-serif;
    font-weight: 500;
    font-style: normal;
}



body{
    color:#333!important;
    letter-spacing:3px;
}
#wrap{
    background-color:#fbfaf2;
    color:#333;
}
#logo img{width:280px;}
.header .grid_3 .txt_white{color: #333;}
.header .grid_3 .pd_5px{
    text-align: left;
    padding-left: 20px;
}
.header .grid_3 .pd_5px a:first-child{display:none;}
#main_menu{margin-bottom:0;}
#main_menu ul li a{color:#452F27;}
#main_menu ul{background-color: #f1dc67;}
#main_menu .menu_sub_title{color:white;}
#main_menu.fixed{
    background-color:transparent!important;
    border-bottom:0;
    padding-top:0;
}

#fixed_right_banner .sns_link{
    background-color:transparent;
    border-left:0;
}

#info_map{background-color: #403531;}
/*#info_map .foot_tel_bt .fa-question{border-color:white;}*/
#info_map .foot_tel_bt a:first-child{display:none;}
#info_map .grid_6 figure{display:none;}
/*info_map time*/
#info_map #time {
    max-width: 600px;margin: 0 auto;font-weight: bold;
    color:white;
}
#info_map #time .d_flex div{box-sizing: border-box;width: 10%;border-right-style: solid;border-right-width: 2px;padding-top: 10px;padding-bottom: 10px;}
#info_map #time .d_flex div:first-of-type{width: 30%}
#info_map #time .d_flex div:last-of-type{border-right-width: 0;}
#info_map #time .d_flex:first-of-type div{border-bottom-style: solid;border-bottom-width: 2px;}
#info_map #time .d_flex:last-of-type div{border-top-style: solid;border-top-width: 2px;}

#f_menu{
    border-top:1px solid #452F27;
    border-bottom:1px solid #452F27;
}
#f_menu ul li a {color: #452F27;}
#copyright a{color: #452F27;}

.line_bnr{
    width:50px;
    height:auto;
    bottom:70px;
    z-index:5;
}


/*top page---------------------------------------------
-----------------------------------------------------*/
#page1,#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{
    background-image:url(./Dup/img/bg.png);
    background-repeat:repeat-x;
    background-position:top left;
    background-attachment: fixed;
}
#main_menu{padding-bottom:0;}
#main_img{padding-top:10px;}
#main_img .txt1 {
    bottom: 12%;
    right: 0;
    left:0;
    margin:auto;
    z-index: 2;
    width: 60%;
    font-size: calc(2rem - 4px);
}
#main_img .item2{
    top:20%;
    left:0;
    right:0;
    margin:auto;
    text-align: center;
    z-index:2;
}
#main_img .item2 img{width:30%;}
#aisatsu > div {
    background-color: rgb(246 228 158 / 73%)!important;
}
#aisatsu .bee_white img{width:auto;}
#aisatsu .font1{
    font-size: 2rem;
    letter-spacing: 10px;
    margin-bottom: 0;
}
#aisatsu h2,#aisatsu h3{font-size:calc(2rem - 5px);}
#top_contents .con_item{
     text-align:center;
     margin-bottom:20px;
}
#top_contents .con_item img{width:auto;}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box{margin-top: -100px;}
#top_cms .cms_title{
    padding-top: 50px;
    background-image: url(./Dup/img/cms.png);
    background-repeat: no-repeat;
    background-position: top center;
}
#top_cms .cms_5-c h3,#top_cms .cms_5-c p{text-align:left;}
.effect.effect-1{
    font-family: 'Sen', sans-serif;
    padding-bottom:5px;
}
#top_cms .effect.effect-1{color:#452F27;}
#info_map .effect.effect-1{color:white;}

/*under page---------------------------------------------
-----------------------------------------------------*/
#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{padding-top:10px;}
.page_title h2{
    background-color:#fbfaf2;
    color:#452F27;
}
.page_title span{color: #e0b553;}
#page10 .cate li a{letter-spacing:1px;}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#logo img {width: 230px;}
#main_img .txt1 {
    bottom: 10%;
    width:100%;
    text-align: center;
}
#main_img .item2 {
    top: 15%;
}
#top_contents h2{text-align:left;}
#f_menu li a{letter-spacing:1px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#logo{
    margin-right:0;
    width:50%!important;
}
#logo img {
    width: 180px;
}
#main_img{padding-top:0;}
#main_img .item2 {top: 5%;}
#main_img .item2 img {width: 40%;}
#main_img .txt1 {
    bottom: 2%;
    font-size: calc(1rem + 2px);
    letter-spacing: 0px;
}
#aisatsu .bee_white{margin-bottom:10px;}
#aisatsu .font1 {
    font-size: calc(1rem + 5px);
    letter-spacing: 5px;
}
#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    margin-top: 0;
}
#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{padding-top:0;}
#info_map .font_6up{font-size:calc(1rem + 2px);}
#info_map .font_6up,#info_map .font_2dw{text-align:center;}
#info_map .font_2dw{letter-spacing:0;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.bnr_box a{padding-top:35px;}
}

