@charset "utf-8";
body {
  font-size: 16px;
}
.inner {
  padding: 1em;
}
#logo {
  max-width: 95%;
}
#shop-name{
	width:100%; 
  text-align: center;
  padding: 0 1em;
}
article h1 {
  font-size: 1.5rem;
}
h2 {
  font-size: 1.3rem;
}

#archive-lists h2,
h3, #campaign {
  font-size: 1.2rem;
}
#catchphrase {
  padding: 1em 0 3em;
}
#sec_4 {
  padding-bottom: 2em;
}
#footer_sub a.tel {
  font-size: 2rem;
}
#footer_sub a.tel img {
  width: 30px;
}

#footer_sub {
  text-align: center;
}
#profile {
  padding: 0 3em 5em!important;
}
#shop-name span, #head_menu {
  display: none;
}
#mb_menu .mb_menu_btn {
  position: fixed; /*ボタン内側の基点となるためrelativeを指定*/
  cursor: pointer;
  right: 0;
  top: 0;
  width: 50px;
  height: 45px;
  font-weight: bold;
  z-index: 9999999999;
  background-color: #fff8f8;
}
#mb_menu .mb_menu_btn span {
  display: inline-block;
  transition: all .4s; /*アニメーションの設定*/
  position: absolute;
  left: 10px;
  height: 3px;
  border-radius: 2px;
  background-color: #999;
  width: 50%;
}
#mb_menu .mb_menu_btn span:nth-of-type(1) {
  top: 15px;
}
#mb_menu .mb_menu_btn span:nth-of-type(2) {
  top: 23px;
}
#mb_menu .mb_menu_btn span:nth-of-type(3) {
  top: 31px;
}
#mb_menu .mb_menu_btn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  transform: translateY(6px) rotate(-45deg);
  width: 30%;
}
#mb_menu .mb_menu_btn.active span:nth-of-type(2) {
  opacity: 0; /*真ん中の線は透過*/
}
#mb_menu .mb_menu_btn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  transform: translateY(-6px) rotate(45deg);
  width: 30%;
}
#mb_menu .menu_bar {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  background-color: #fff8f8;
  z-index: 99999999;
  padding-top: 50px;
  padding-left: 1em;
  transition: .3s;
}
#mb_menu .menu_bar.open {
  right: 0;
}
.mb_menu li a {
  text-decoration: none;
  line-height: 3;
  display: block;
  color: #754819;
  padding: 0 1em;
	font-size: 18px;
}
.mb_menu li a:hover, .mb_menu li.current-menu-item a {
  background: #f9dad6;
}
.menu_bar .icons{
	padding: 1em;
}
.icons a {
        display: inline-block;
        max-width: 20%;
        padding: 3px;
}

.frame .float.img{
	padding: 15%;
}
#archive-lists .float.img{
	padding: 20px 15px 0 0;
}

#archive-lists .float-left{
	float: left;
}
#archive-lists .float-right{
	float: right;
}
#archive-lists .float.img{
	width: 30%;
}
#archive-lists .float.text{
	width: 70%;
}
#contact-form{
	text-align: center;
}
#contact-form dl{
	width: 100%;
}
#contact-form dt,
#contact-form dd{
	margin: 0;
}

#map {
  max-width: 600px;
  margin: 0 auto 20px;
}
#footer_sub a.tel::before {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
footer{
	    padding-bottom: 75px;
}
#side-icons a {
        max-width: 16%;
    }
@media screen and (max-width:480px) {
  #sec_2 .content-menu li {
    width: 100% !important;
  }
}