@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*
@mixin sp_size{
  @media screen and (max-width: $mobile) {
    @content;
  }
}

@mixin tab_size{
  @media screen and (max-width: $tablet) {
    @content;
  }
}

@mixin pc_size{
  @media screen and (max-width: $desktop) {
    @content;
  }
}
*/
#titleimg {
  background: url("/img/access/image_title_sp.png") no-repeat center/cover; }

#shop_info .shop {
  padding: 0px 20px; }
  #shop_info .shop h2 {
    color: #BEB255;
    padding-bottom: 20px; }
#shop_info .information {
  width: 100%;
  height: auto;
  margin-bottom: 10px; }
  #shop_info .information .shop_name {
    padding-top: 10px;
    padding-bottom: 20px;
    padding: 0px 5px; }
    #shop_info .information .shop_name .name_english {
      font-size: 23px;
      text-align: center; }
    #shop_info .information .shop_name .name_kana {
      font-size: 14px;
      text-align: center; }
  #shop_info .information .access .flex_box {
    margin-bottom: 50px; }
    #shop_info .information .access .flex_box .flexbox {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      align-items: center; }
      #shop_info .information .access .flex_box .flexbox .flex_item1 {
        flex: 0 1 25%;
        width: 25%;
        max-width: 25%;
        margin-left: 10px; }
      #shop_info .information .access .flex_box .flexbox .flex_item2 {
        flex: 0 1 70%;
        width: 70%;
        max-width: 70%; }
      #shop_info .information .access .flex_box .flexbox .img_box_mini {
        max-width: 48%;
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        padding-top: 20px;
        justify-content: space-around; }
      #shop_info .information .access .flex_box .flexbox a {
        text-decoration: underline;
        color: #BEB255; }
  #shop_info .information .access ul li {
    border-bottom: 1px solid #fff;
    padding: 12px 0;
    margin: 0; }
#shop_info .map .txt li {
  padding-top: 10px; }
  #shop_info .map .txt li p {
    font-size: 11px; }

.photo .tennaishasin {
  padding: 0px 20px;
  padding-top: 50px;
  padding-bottom: 30px; }
  .photo .tennaishasin h2 {
    color: #BEB255; }
.photo .photo_flex ul li {
  margin-bottom: 20px; }

/*------------------------------
		1200px以上
------------------------------*/
@media screen and (min-width: 768px) {
  #titleimg {
    background-image: url("/img/access/image_title_pc.png"); }

  #shop_info .shop_information_01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-top: 50px; }
    #shop_info .shop_information_01 .information {
      flex: 0 1 47%;
      width: 47%;
      max-width: 47%; }
    #shop_info .shop_information_01 .map {
      flex: 0 1 47%;
      width: 47%;
      max-width: 47%; }
      #shop_info .shop_information_01 .map .txt li {
        padding-top: 10px; }
        #shop_info .shop_information_01 .map .txt li p {
          font-size: 14px; }
      #shop_info .shop_information_01 .map .btn {
        margin: 10px auto; }
        #shop_info .shop_information_01 .map .btn a {
          max-width: 100%; }
  #shop_info .photo .tennaishasin {
    padding: 0px 20px;
    padding-top: 70px;
    padding-bottom: 40px; }
    #shop_info .photo .tennaishasin h2 {
      color: #BEB255; }
  #shop_info .photo .photo_box {
    width: 100%; }
    #shop_info .photo .photo_box .photo_flex ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #shop_info .photo .photo_box .photo_flex ul li {
        flex: 0 1 calc((100% - 40px) / 3);
        width: calc((100% - 40px) / 3);
        max-width: calc((100% - 40px) / 3); } }
/*------------------------------
		1024px以下
------------------------------*/
/*------------------------------
		768px以下
------------------------------*/