body{font:normal 16px/1.6 Meiryo,Helvetica,arial,sans-serif;color:#333;margin:0;background: #000;color: #fff;}
ul,li{margin:0;padding:0;list-style:none;}
a{color:#;text-decoration: none;}
img{vertical-align:bottom;max-width:100%;}
header{height: 80px;text-align: center;line-height: 80px}
section{padding:0 0 40px; }
header a{color: #fff;font-weight: bold}
h1{border: 2px solid #fff;padding: 5px 0;text-align: center;font-size: 16px;}
h2{color: #fff;text-align: center;font-size: min(4.4vw,36px);margin:15px 0;padding:20px 0;background: url(images/line.jpg) center bottom no-repeat;background-size: 100% 3px;}
div.mainimg{text-align: center;}
div.mainimg > img{width:760px;display: ;max-width: 100%;height:;object-fit: cover;}
div.mainimg div.hall_img img{max-width: 100%;width: 500px;margin: 0 auto;display: block;}
.sns{text-align: center;padding: 20px 0  ;display: flex;justify-content: space-around;width: 460px;max-width: 100%;margin: 0 auto 30px;}
.sns img{width: 50px;border-radius: 13px;border: 1px solid #666;}
.bannerarea{text-align: center;}
.bannerarea img{max-width:95%;width: 500px;}
.tiendas{display: flex;justify-content: center;flex-wrap: wrap;}
.tiendas > div{margin: 10px;width: 20%;}
.tiendas img{border-radius: 10px;}
.tiendas a{color: #fff;text-align:center;}
.tiendas a span{display: block;}
.schelist,.sche_hall_list{display: grid;grid-template-columns: 1fr 4fr;padding: 20px 15px;grid-gap: 10px;background: url(images/rainbowborder.jpg) center bottom no-repeat;background-size: 100% 1px;font-weight: bold;}
.schelist.color_4,
.schelist.color_1{border-left:12px solid #bc1d19;border-right:12px solid #58116d;background: url(images/rainbowborder.jpg) bottom center no-repeat;background-size: 100% 7px;position: relative;}
.schelist.color_4:after,
.schelist.color_1:after{content:'';display: block;position: absolute;top:0;left:0;background: url(images/rainbowborder.jpg) top center no-repeat;background-size: 100% 7px;width:100%;height:7px;}
.icons{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 10px;}
.icons img,.icons_hall img{border-radius: 5px ;border: 1px solid #666;}
.schelist > div{display: ;align-items: center;flex-wrap: wrap;}
.schelist > div div{font-size: 13px;}
.schelist > div span{display: block;}
.schelist > div:first-child{text-align: center;}
.schelist > div:first-child img{width: 90px;}
.schelist > div:nth-child(2) img,
.schelist > div:nth-child(3) img,
.schelist > div:nth-child(4) img{width: 60px;border-radius: 5px;}
.icons_hall img{width: 70px;max-width: 100%;border-radius: 5px;}
.icons_hall > div{display: grid;grid-template-columns: 60px 1fr;grid-gap: 10px;margin:10px 0;}
.icons_hall > div div:last-child{display: flex;align-items: center;}
.blogarea{background: #fff;}
.blogarea li{border-bottom: 1px solid #aaa;padding: 15px;}
.blogarea li a{color: #000;}
.blogarea li a .ame-date{color: #999;display: block;}
.blogarea li a p{font-weight: bold;}
.blog_item li a {display: grid;grid-template-columns: 1fr 100px;grid-gap: 10px}
.blog_item li a img{height: auto !important;}
.blog_item li a > div:last-child{display: flex;  align-items: center;justify-content: center;}
footer{text-align:center;padding: 30px 0}
footer div.footer_links div{margin-bottom: 20px;}
footer a{font-size: 25px;color: #fff;}
footer a strong{text-decoration: underline;}
footer a span{display: block;font-size: 12px;text-decoration: none;}
@media (min-width: 768px) {
   section{width: 760px;margin: 0 auto;}
   h1{max-width: 100%;  width: 760px;  margin: 0 auto 10px;}
   .blogarea li a p{font-size: 20px;}
  .sp{display: none;}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
   section{padding: 0 10px;box-sizing: border-box;}
   .mainimg{margin: 0 10px;}
   .schelist span{font-size: 12px;}
   .schelist > div:nth-child(2) img,
   .schelist > div:nth-child(3) img,
   .schelist > div:nth-child(4) img{width: 100%;border-radius: 5px;}
   .tiendas{font-size: 12px;}
   .pc{display: none;}
}