@charset "utf-8";
#li1 figure figcaption{
 font-size: 1.6rem ;
 text-align: center ;
 margin-bottom: 1rem ;} 
 
.under .content .wp-block-table table {
 width: auto;}

.under .content .wrap h2::before {
 content: url(/wp-content/themes/zenkoji/img/list_head.svg);}

.item h3{
 font-size: 3.7rem ;}
 
.item h3 span {
 display: block ;
 text-align: center ;
 font-size: 1.1rem;
 margin: 0 0 0 0;
 letter-spacing: 0.25em ;}

h3::after {
 border-color: #172953;}

.main-image {
 text-align: center ;
 margin: 0 0 1rem !important;
 width: 98rem !important;
 max-width: 100% !important;}

.main-image img {
 object-fit: contain;
 height: 50rem;
 width: 70%;}

.imgList {
 display: flex;
 justify-content: center;
 max-width: 88rem !important;}

.imgList li {
 cursor: pointer;
 flex-basis: 20%;
 margin: 0 1rem 1rem 0 !important;}

.imgList li img {
 height: 10rem;
 object-fit: contain;
 width: 100%;}

.main-image li::before,
.imgList li::before {
 content: none !important;}

.icon {
 display: flex;
 justify-content: right;
 margin: 0 auto 3rem;}

.icon p {
 background: #803F3F;
 color: #fff;
 padding: 2px 1rem 1px;
 font-size: 90% ;
 margin: 0 0 0 .7rem !important;}

.icon p::before {
 vertical-align: text-top;
 margin: 0 .5rem 0 0;}

.icon p.syuin::before {
 content: url('/wp-content/themes/zenkoji/img/list_icon1.svg')}

.icon p.eat::before {
 content: url('/wp-content/themes/zenkoji/img/list_icon2.svg')}

.icon p.foreigner::before {
 content: url('/wp-content/themes/zenkoji/img/list_icon3.svg')}

.icon p.sale::before {
 content: url('/wp-content/themes/zenkoji/img/list_icon4.svg')}

.icon p.shakyo::before {
 content: url('/wp-content/themes/zenkoji/img/list_icon5.svg')}

table {
 margin: 0 auto 4.6rem;
 width: 100%;}

tbody {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;}

tr {
 border-bottom: 1px solid #D9D9D9;
 flex-basis: 49%;
 display: flex;
 padding: 1rem 0;}

tr:first-child,
tr:nth-child(2) {
 border-top: 1px solid #D9D9D9;}

th {
 text-align: left;
 padding: 0 1rem;
 /*    flex-basis: 31%;*/
 flex-basis: 14rem;}

td {
 flex-basis: 69%;}

td a {
 font-size: 90% ;
 /*text-decoration: underline;*/}

.info {
 align-items: center;
 display: flex;
 background: #fff;
 padding: 3rem 4rem;}

.info>* {
 margin: 0 !important;}

.info h5 {
 font-size: 2.0rem ;
 letter-spacing: 0.08em ;
 line-height: 3rem ;}

.under .content .wrap .info ul li {
 margin: 0 0 1rem 4rem;
 padding: 0 0 0 1rem;
 position: relative;}

.under .content .wrap .info ul li::before {
 background: none;
 content: '・';
 position: absolute;
 left: -1rem;
 top: 0;}
  
.shuku_sns{
 text-align: right;
 margin: 0 0 3rem;}
 
.shuku_sns a{
 margin: 0 0 0 .5rem;}

@media (max-width:1260px) {
 .main-image {
  width: auto !important;}
}
 
@media (max-width:900px) {
 .content .wrap #li1 .wp-block-image img{
  max-height: none ;}
 
 .main-image img {
  max-height: 50rem;
height: auto;
  width: 100%;}
}
 
@media (max-width:767px) {
 .content .wrap .list_box{
  margin-bottom: 0 ; }

 #li1{
  display: none ;}
 
 .main-image img {
  max-height: 40rem;
  width: 100%;}
 
 .imgList {
  flex-wrap: wrap;}

 .imgList li {
  flex-basis: 25%;}

 .imgList li img {
  height: 7rem;}

 tbody {
  display: block;}

 tr:nth-child(2) {
  border-top: none;}

 .info {
  padding: 2rem;
  flex-direction: column;}

 .info h5 br{
  display: none ;}

 .under .content .wrap .info ul li {
  margin: 1rem 0 0;}
}

@media (max-width:465px) {
 .icon {
  flex-wrap: wrap ;
  max-width: 100% !important;
  margin-right: auto !important;}

 .under .content .icon p{
  margin-bottom: 5px !important;}

 tr {
  flex-direction: column;
  padding: 1rem;}

 th {
  flex-basis: initial;
  padding: 0;}
}