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

.hc{ margin-bottom:0;}
.hp { margin:0; padding: 0; background: url(img/12.jpg) no-repeat center center; background-size: cover; height: 600px; position: relative;}
.hp .title{ margin:0; padding: 0;}
.hp .title img{ display:block; margin: auto; padding: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.page-title{ margin:4.0em 0 0 0; border:none; font-size:200%; font-weight: 200; text-align: center; }
.section-title{ border:none; margin: 3.0em 0 0 0; padding: 0; font-size: 150%; font-weight: 200; text-align: center;}

.text-copy{ font-size:129%; color: #505050; font-weight: 400;}
.text-mincho{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.text-narrow{ width:80%; margin-left: auto; margin-right: auto;}

/* margin */
.m00{ margin-top:0 !importnat;}
.m20{ margin-top:2.0em !important;}
.m40{ margin-top:4.0em !important;}
.m60{ margin-top:6.0em !important;}


/* module name */
.moduleText{ font-weight:bold;}
.moduleText-input{ color:rgba(242,148,56,1.0);}
.moduleText-logic{ color:#4d4d4d; /*text-shadow: 1px 1px 1px rgb(239,234,58);*/}
.moduleText-output{ color:rgba(80,179,63,1.0);}
.moduleText-others{ color:rgba(235,99,99,1.0);}

/* storelist */
.storelist li{ margin-top:0.5em;}
.storelist li a{ display:block; padding:0.3em 0.5em; line-height: 1.5; background: rgba(0,0,0,0.05);}

.storelist02{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.storelist02 li{ display:block; width:32%; margin: 0.2em 0; position: relative;}
.storelist02 li a{ display:block; margin: auto;padding:0.3em 0.5em; line-height: 1.5;  align-items: center; background: rgba(0,0,0,0.05); height: 100%;}

@media screen and (max-width: 640px){
	.hp{ height:auto; padding: 100% 0 0 0;}
  .storelist02 li{ width:48%;}
  .page-title{ font-size:128%; font-weight: bold; line-height: 1.5; display: block;}
  .page-title span{ display:block;}
}