@charset "UTF-8";
/*=============================
　common → 共通★骨組み
　style → 共通★修飾
　pagename* → 各ページ
　2020.09.07........... ver0.0
=============================*/
img {align-self: flex-start;}

.top-bg_img {
    background: url(../images/bg_mon20.svg) no-repeat -100px 350px;
  background-size: 300px;}

@media (min-width: 1200px) {
  .top-bg_img {
    background-position: 150px 470px;
    background-size: 500px;}
}

#main .row { padding: 0 20px;}
h4::after { content: inherit!important;}

/*=== 店舗情報 =================*/

#gion-info {
  padding-top: 60px;
  font-size: 1.3rem;
  letter-spacing: .1em;
  color: #fafafa;}
@media only screen and (min-width:576px) and (max-width:992px) {
  #gion-info {
    padding-left: 60px;
    padding-right: 60px;}
}

#gion-info .txt_conts {
  padding-bottom: 5rem;}

@media (min-width: 992px) {
  #gion-info .row {
    justify-content: space-around;}
  #gion-info .row .tbl_base {
    flex: 0 1 44%;
    width: 44%;}}

#gion-info .tbl_base {
  width: 100%;
  margin-bottom: 5rem;}
#gion-info .tbl_base tr {
  border-bottom: 1px solid #757575;}
/* 一番上のボーダー
#gion-info .tbl_base tr:first-child {
  border-top: 1px solid #757575;}*/
#gion-info .tbl_base tr td:first-child {
  padding-left: .5em;
  font-weight: bold;
  width: 7em;}
#gion-info .tbl_02 tr td:first-child {
  padding-left: .5em;
  font-weight: bold;
  width: 7em;}
#gion-info .tbl_base tr td {
  padding: 1.5rem 0;
  vertical-align: top !important;}
#gion-info .tbl_01 {
  margin-bottom: 4rem;}



/*=== その他情報 =================*/


@media (max-width: 575px){
.info_box {
    margin: 0 0 60px;
    padding: 20px 20px;}
}

.info_box_img, .info_box_01 {
  display: flex;
  flex-direction: column;
 　height: auto;}
@media (min-width: 576px) {
  .info_box_img, .info_box_01 {
    flex-direction: row;}
  .info_box_01 {flex: 0 1 66%;}
 }
.info_box_01 {padding-bottom: 40px;}

.info_box_01 p {
  font-size: 1.3rem;
  margin-top: 20px;
  padding: 0 10px;}


.info_box h4 {
  padding: 1rem 0 1.5rem 1rem;
  font-size: 1.8rem!important;}
.info_box_img img {
  padding: 0 2rem 2rem;}

.box_01-txt {
  font-size: 1.4rem;}


.ac_img-01 {
  width: 50%;
  height: auto;
  margin: 0 auto;
  opacity: .7;}
@media (min-width: 576px) {
  .ac_img-01 {
    width: 25%;
    margin: 0 4rem 0 auto;
    transform: scale(-1, 1);} 
}