@charset "utf-8";
/* CSS Document */
/*header*/
#main_menu ul li a,.tel_bt a{
    color: #603813;
}
.head_banner a{
    color: #fefefe;
}
/*footer*/
@media(max-width:666px){
    footer .grid_5 h2{
    text-align: center;
}
}
/*トップページ*/
#top_cms .cms_title h2{
    display: none;
}
#top_cms .cms_title p{
    font-size: 2.4rem;
    color: #603813;
}
#top_cms .more a{
    font-family: "cooper black";
}

#main_img .first_txt1,#main_img .first_txt2{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    top: 20%;
    right: 44%;
    font-size: 3.6rem;
    font-family: "Mochiy Pop One";
    z-index: 999;
      -webkit-text-stroke: 2px #333;
  text-stroke: 2px #333;
/*
  background-size: 8px 8px;
  margin: 0 auto;
  background-color: rgba(0,0,0,0.0);
  background-image: radial-gradient(#000000 10%, transparent 65%),
                    radial-gradient(#000000 10%, transparent 65%);
  background-position: 0 0, 15px 15px;
  -webkit-background-clip: text;
  color:  transparent;
  text-shadow: -8px -5px 0 #fff;
*/
}
#main_img .first_txt1:before{
    content: "毎日食べても飽きない";
    -webkit-text-stroke:3px rgba(0,0,0,0.0);
    text-stroke: 3px rgba(0,0,0,0.0);
    position: absolute;
    top: 3px;
    left: 7px;
    z-index: -1;
    background-size: 8px 8px;
  margin: 0 auto;
  background-color: rgba(0,0,0,0.0);
  background-image: radial-gradient(#000000 10%, transparent 65%),
                    radial-gradient(#000000 10%, transparent 65%);
  background-position: 0 0, 1px 1px;
  -webkit-background-clip: text;
  color:  transparent;
  text-shadow: -8px -5px 0 rgba(255,255,255,0.0);
}
#main_img .first_txt2{
    top:35%;
    right: 53%;
}
#main_img .first_txt2:before{
    content: "最高のハンバーガー";
    -webkit-text-stroke:3px rgba(0,0,0,0.0);
    text-stroke: 3px rgba(0,0,0,0.0);
    position: absolute;
    top: 3px;
    left: 7px;
    z-index: -1;
    background-size: 8px 8px;
  margin: 0 auto;
  background-color: rgba(0,0,0,0.0);
  background-image: radial-gradient(#000000 10%, transparent 65%),
                    radial-gradient(#000000 10%, transparent 65%);
  background-position: 0 0, 1px 1px;
  -webkit-background-clip: text;
  color:  transparent;
  text-shadow: -8px -5px 0 rgba(255,255,255,0.0);
}
@media(max-width:1220px){
    #main_img .first_txt1{
    right: 39%;
    }
    #main_img .first_txt2{
    right: 53%;
    }
}

@media(max-width:780px){
    #main_img .first_txt1{
    top: 18%;
    right: 44%;
    font-size:2.6rem;
    }
    #main_img .first_txt2{
    top: 18%;
    right: 53%;
    font-size:2.6rem;
    }
}
@media(max-width:685px){
    #main_img .first_txt1 h1,#main_img .first_txt2 h1{
         display: flex;
         width: 100vw;
    }
    #main_img .first_txt1{
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    top: 65%;
    left: 5%;
    font-size:1.8rem;
    }
    #main_img .first_txt2{
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    top: 80%;
    left: 5%;
    font-size:1.8rem;
    }
    
    #main_img .first_txt1:before{
    width: 265px;
    top: 3px;
    left: 3px;
    }
    #main_img .first_txt2:before{
    width: 248px;
    top: 3px;
    left: 3px;
    }
}
/*コンセプト*/
#cms_2-a .cate{
    padding-top: 70px;
    margin-top: -70px;
    
}
/*ギャラリー*/
#cms_4-a .cate{
    padding-top: 70px;
    margin-top: -70px;
}
/*メニュー*/
#cms_3-c .cate{
    padding-top: 140px;
    margin-top: -140px;
}
#page00005{
    scroll-behavior: smooth;
}
/*アクセス*/
#cms_5-a figure{
     height:708px;
     margin: 20px 0;
}
@media(max-width:1000px){
    #cms_5-a figure{
     height:491px;
     margin: 0;
}
}
@media(max-width:450px){
    #cms_5-a figure{
     height:320px;
     margin: 0;
}
}
/*会社概要*/
#page7 div div h3,#page7 div div p{
    color: #333;
}