@charset "UTF-8";
/* CSS Document */

.article_title{ background: #00379c; color: #fff; padding: 0.3rem 1.0rem; text-align: center; border-radius: 0.3rem; font-weight: bold; font-size: 132%;}
.open{ background: #f0f0f0; padding: 1.0rem; border-radius: 0.5rem; margin: 2.0rem 0 0 0;}
.open ul{ display: grid; grid-template-columns: 1fr 1fr; gap: 0 0.5rem; margin: 0;}
.open li{ background: #fff; display: flex; border-radius: 0.5rem; align-items: center; gap: 0 0.5rem; padding: 0.5rem 1.0em;}
.open li:first-child{ grid-row: 1 / span 2;}
.open li h4{ margin: 0; font-size: 132%; font-weight: bold;}
.open li p{ margin: 0; line-height: 1.3; font-size: 132%;}

.visit{ background: #f0f0f0; padding: 1.0rem; border-radius: 0.5rem; margin: 2.0rem 0 0 0;}

.plist{}
.plist article{margin: 3.0rem 0 0 0; display: flex; border-top: solid 1px #00379c; padding: 0 0 2px 0;}
.plist header{ margin: 0; flex: 0 0 33%; padding: 1.0rem; border-right: solid 1px #00379c;}
.plist header h3{ margin: 0; color: #00379c; font-size: 132%; font-weight: bold;}
.plist header p{ line-height: 1.5;}

.plist .content{ flex: 0 0 67%; padding: 1.0rem 0 2.0rem 2.0rem;}
.plist .content > *:first-child{ margin-top: 0 !important;}
.plist .place{ color: #0073bc; font-size: 132%; display: flex; gap: 0 0.5em; align-items: center;}
.plist .place span{ display: inline-block; background: #0073bc; font-size: 60%; padding: 0.3em 0.7em; color: #fff; line-height: 1.3; border-radius: 0.5em; }

@media screen and ( max-width: 480px ) {
  .open ul{ grid-template-columns: 1fr;}
  .open li p{ margin: 0; line-height: 1.3; font-size: 116%;}
  .plist article{ display: block;}
  .plist header{ border-right: none; padding-bottom: 0;}
  
  .plist .content{ padding: 0;}
  
  .plist .content .well{ }
  .plist .content .well p:nth-child(2){ margin-top: 1.0em;}
}

.gallery{ margin: 1.0em 0 0 0; display: grid; grid-template-columns: repeat(2,1fr); gap: 0.5em 0.5em; justify-content: center; }
.gallery li{ margin: 0;}
.gallery figure{ margin: 0;}
.gallery figure img{ display: block;}
.gallery figcaption{ margin: 0; font-size: 86%;}