@charset "utf-8";

/*  each colors
==================================*/
#contents .indexLists li.info_town1 .cat span { background-color: #ff917f; }
#contents .indexLists li.info_town1 .date { color: #ff917f; }

#contents .indexLists li.info_town2 .cat span { background-color: #76a1ea; }
#contents .indexLists li.info_town2 .date { color: #76a1ea; }

#contents .indexLists li.info_town5 .cat span { background-color: #afcc35; }
#contents .indexLists li.info_town5 .date { color: #afcc35; }

#contents .indexLists li.info_town11 .cat span { background-color: #ffc927; }
#contents .indexLists li.info_town11 .date { color: #ffc927; }

#contents .indexLists li.info_total .cat span,
#contents .indexLists li.info_osaka-store .cat span,
#contents .indexLists li.info_other .cat span { background-color: #008c20; }
#contents .indexLists li.info_total .date,
#contents .indexLists li.info_osaka-store .date,
#contents .indexLists li.info_other .date { color: #008c20; }

#contents .indexLists li.info_kyushu-store .cat span { background-color: #ee7800; }
#contents .indexLists li.info_kyushu-store .date { color: #ee7800; }


/*  categoryBtns
==================================*/
#contents .categoryBtns {
  padding: 80px 0;
  background: url(../img/information/index_bg01.jpg);
}
#contents .categoryBtns ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
}
#contents .categoryBtns li {
  box-sizing: border-box;
  width: 50%;
  padding: 20px;
}
#contents .categoryBtns li a {
  position: relative;
  display: flex;
  align-items: center;
  height: 160px;
  color: #fff;
  text-align: center;
  background: rgb(89,161,51);
  background: linear-gradient(90deg, rgba(89,161,51,1) 0%, rgba(0,140,32,1) 100%);
  border-radius: 20px;
}
#contents .categoryBtns li a:before {
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  content: '';
  width: 20px;
  height: 0;
  margin: 0 17px 17px 0;
  padding-bottom: 20px;
  background: url(../img/information/ico_arw01.svg) no-repeat center center / 100% 100%;
}
#contents .categoryBtns li .ico {
  width: 140px;
  text-align: right;
}
#contents .categoryBtns li .txt {
  width: calc(100% - 140px);
  font-size: 20px;
  text-align: center;
  line-height: 1.6;
}
#contents .categoryBtns .btn1 img { width: 116px; }
#contents .categoryBtns .btn2 img { width: 100px; }
#contents .categoryBtns .btn3 img { width: 76px; }
#contents .categoryBtns .btn4 img { width: 80px; }

@media screen and (max-width:750px){
  #contents .categoryBtns {
    padding: 12% 0;
  }
  #contents .categoryBtns ul {
    display: block;
  }
  #contents .categoryBtns li {
    width: auto;
    padding: 1.3333% 5.3333%;
  }
  #contents .categoryBtns li a {
    height: 30.6667vw;
  }
  #contents .categoryBtns li a {
    border-radius: 15px;
  }
  #contents .categoryBtns li a:before {
    width: 4.5802%;
    margin: 0 3.8168% 3.8168% 0;
    padding-bottom: 4.5802%;
  }
  #contents .categoryBtns li .ico {
    width: 30.5344%;
  }
  #contents .categoryBtns li .txt {
    width: 69.4656%;
    font-size: 4vw;
  }
  #contents .categoryBtns .btn1 img { width: 85%; }
  #contents .categoryBtns .btn2 img { width: 72.5%; }
  #contents .categoryBtns .btn3 img { width: 52.5%; }
  #contents .categoryBtns .btn4 img { width: 57.5%; }
}



/*  indexLists
==================================*/
#contents .indexLists {
  width: calc(100% - 40px);
  max-width: 960px;
  margin: 100px auto 70px;
  border-top: #088e21 solid 4px;
}
#contents .indexLists li {
  border-bottom: #c4c4c4 dotted 2px;
}
#contents .indexLists li a {
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 28px 0;
  color: #7c7c7d;
  font-size: 16px;
  line-height: 1.7;
  table-layout: fixed;
  transform: translate3d(0,0,0);
}
#contents .indexLists li a > * {
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
#contents .indexLists li .cat {
  width: 7em;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 1;
}
#contents .indexLists li .cat span {
  display: block;
  padding: 6px 0 7px;
  font-weight: 600;
  border-radius: 20px;
  font-family: 'Oswald', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#contents .indexLists li .date {
  width: 11em;
  text-align: center;
}
#contents .indexLists .noEntry {
  margin-top: 70px;
  text-align: center;
}
@media screen and (max-width:750px) {
  #contents .indexLists {
    width: auto;
    margin: 14.6667% 5.3333% 12%;
    border-width: 3px;
  }
  #contents .indexLists li {
    border-bottom: #c4c4c4 dotted 2px;
  }
  #contents .indexLists li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 4.5455% 0;
    font-size: 3.7333vw;
  }
  #contents .indexLists li a > * {
    display: block;
  }
  #contents .indexLists li .cat {
    font-size: 3.2vw;
  }
  #contents .indexLists li .date {
    width: auto;
    padding-left: 1em;
    text-align: left;
  }
  #contents .indexLists li .txt {
    width: 100%;
    margin-top: 3.0303%;
  } 
  #contents .indexLists .noEntry {
    margin-top: 12%;
    font-size: 3.2vw;
  }
}

/* 緊急告知用 */
.information_alert_wrap{
  border-top: solid 1px #ccc;
}
.information_alert_txt{
  display: flex;
  border-bottom: solid 1px #ccc;
}
.information_alert_txt .infoPage{
  display: inline-block;
  background-color: #008c20;
  width: 130px;
  padding: 10px 20px;
  margin-right: 10px;
  color: #fff;
  box-sizing: border-box;
}
.information_alert_txt .infoTitle{
  padding: 10px 0;
}
@media screen and (max-width:750px) {
  .information_alert_txt{
    font-size: 3.2vw;
  }
  .information_alert_txt .infoPage{
    width: 30%;
    padding: 3% 4%;
    margin-right: 3%;
  }
  .information_alert_txt .infoTitle{
    width: 70%;
    padding: 3% 0;
  }
}


/*  pagers
==================================*/
#contents .pagers {
  box-sizing: border-box;
  position: relative;
  max-width: 960px;
  margin: 0 auto 70px;
  padding: 0 140px;
}
#contents .pagers .absBtn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#contents .pagers .absBtn a {
  position: relative;
  display: block;
  color: #7c7c7d;
}
#contents .pagers .absBtn a:before {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  display: block;
  content: '';
  background:#008c20 url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206.02%207.67%22%3E%3Cpath%20d%3D%22M2.76%2C7.09A2.94%2C2.94%2C0%2C0%2C1%2C0%2C7.5L3.66%2C3.85%2C0%2C.17A3%2C3%2C0%2C0%2C1%2C3.13.94L6%2C3.83l0%2C0Z%22%20style%3D%22fill%3A%23ffffff%3B%22%2F%3E%3C%2Fsvg%3E') no-repeat 51% 50% / 40% auto;
  border-radius: 50%;
  transform: translateY(-50%);
}
#contents .pagers .prev,
#contents .pagers .prev a:before {
  left: 0;
}
#contents .pagers .prev a {
  padding-left: 30px;
}
#contents .pagers .prev a:before {
  transform: translateY(-50%) rotate(180deg);
}
#contents .pagers .next,
#contents .pagers .next a:before {
  right: 0;
}
#contents .pagers .next a {
  padding-right: 30px;
}
#contents .pagers .numbers {
  display: flex;
  justify-content: center;
}
#contents .pagers .numbers li {
  margin: 2px;
}
#contents .pagers .numbers li a,
#contents .pagers .numbers li.current span {
  display: block;
  padding: 0.1em 0.3em;
  color: #7c7c7d;
  background-color: #f0f0f0;
}
#contents .pagers .numbers li.current span,
#contents .pagers .numbers li a:hover {
  color: #fff;
  background-color: #008c20;
  opacity: 1;
}

@media screen and (max-width:750px) {
  #contents .pagers {
    margin: 0 5.3333% 12%;
    padding: 12% 0 0;
  }
  #contents .pagers .absBtn {
    top: 0;
    transform: translateY(0);
  }
  #contents .pagers .absBtn a {
    font-size: 4.2667vw;
  }
  #contents .pagers .absBtn a:before {
    width: 0.9375em;
    height: 0.9375em;
  }
  #contents .pagers .prev a {
    padding-left: 1.25em;
  }
  #contents .pagers .next a {
    padding-right: 1.25em;
  }
  #contents .pagers .numbers li > * {
    font-size: 3.7333vw;
  }
}



/*  linksBox
==================================*/
#contents .linksBox {
  overflow: hidden;
  max-width: 960px;
  margin: 0 auto 50px;
  padding-top: 25px;
  font-size: 14px;
  border-top: #088e21 solid 2px;
}
#contents .linksBox:last-child {
  margin-bottom: 130px;
}
#contents .linksBox .ttl {
  color: #7c7c7d;
  font-size: 16px;
  font-weight: 700;
}
#contents .linksBox ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1.5em;
}
#contents .linksBox li {
  padding: 1em 0 0 1.5em;
}
#contents .linksBox li a {
  display: block;
  color: #7c7c7d;
}
@media screen and (max-width:750px) {
  #contents .linksBox {
    margin: 0 5.3333% 12%;
    padding-top: 6%;
  }
  #contents .linksBox * {
    font-size: 3.4667vw;
  }
  #contents .linksBox:last-child {
    margin-bottom: 17.3333%;
  }
  #contents .linksBox .ttl {
    font-size: 3.4667vw;
  }
  #contents .linksBox li {
    padding-top: 0.7em;
  }
}





/*  営業時間のお知らせ
==================================*/
#contents .openLists {
  width: calc(100% - 40px);
  max-width: 960px;
  margin: 100px auto 70px;
}
.information{
	position: relative;
	width: 100%;
	height: auto;
  padding: 0;
  }
.information_wrap{
  width: 960px;
  margin: 0 auto;
  }

.information_box{
  width: 800px;
  margin: 0 auto 30px;
  }
.information_info{
  background-color: #efefef;
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  overflow: hidden;
  }
.information_info h3{
  background-color: #303030;
  padding: 8px 0;
  margin-bottom: 25px;
  font-size: 19px;
  color: #fff;
  text-align: center;
  }
.information_box h3 .date{
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  }
.information_info h3 a{
  color: #fff;
  }
.information_info_txt{
  margin-bottom: 20px;
  font-size: 17px;
  color: #505050;
  text-align: center;
  }
.information_info_txt_caption{
  display: inline-block;
  margin-top: 5px;
  font-size: 14px;
  }
.information_info_time{
  width: 660px;
  margin: 0 auto 20px;
  font-size: 28px;
  color: #008c20;
  }
.information_info_time > div{
  display: flex;
  }
.information_info_time p{
  margin-bottom: 5px;
  font-size: 28px;
  color: #008c20;
  letter-spacing: -0.02em;
  }
.information_info_time .time{
  width: 320px;
  }
.information_info_time .store{
  display: inline-block;
  background-color: #008c20;
  padding: 4px 15px 3px;
  margin-right: 10px;
  font-size: 14px;
  color: #fff;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  vertical-align: middle;
  }
.information_info_time .meridiem{
  display: inline-block;
  font-size: 19px;
  vertical-align: middle;
  }
.information_info_time .timeAM,
.information_info_time .timePM{
  display: inline-block;
  width: 80px;
  text-align: right;
  vertical-align: middle;
  letter-spacing: -0.04em;
  }
.information_info_time .timePM{
  width: 65px;
  }
.information_info_time .note{
  display: inline-block;
  width: 340px;
  margin-top: 10px;
  font-size: 15px;
  vertical-align: middle;
  }
.information_info_time .note.red{
  color: #ea5514;
  }
.information_info_caption{
  font-size: 14px;
  text-align: center;
  }
.information_lnk{
  width: 520px;
  margin: 0 auto 20px;
  text-align: center;
  }

@media screen and (max-width:750px){
  .information{
    padding: 13.333% 0 14.667%;
    }
  .information_wrap{
    width: 100%;
    }
  .information h2{
    margin-bottom: 7.333%;
    font-size: 5.067vw;
    }
  .information h2 .en{
    margin-bottom: 2.667%;
    font-size: 3.733vw;
    }

  .information_box{
    width: 100%;
    margin-bottom: 4.667%;
    }
  .information_info{
    padding-bottom: 6.154%;
    border-radius: 2.667vw;
    -webkit-border-radius: 2.667vw;
    -moz-border-radius: 2.667vw;
    }
  .information_info:first-child{
    margin-bottom: 4%;
    }
  .information_info h3{
    padding: 2.538% 0;
    margin-bottom: 3.846%;
    font-size: 3.733vw;
    }
  .information_info_txt{
    margin: 0 3.077% 3.077%;
    font-size: 3.2vw;
    color: #505050;
    line-height: 1.5;
    }
  .information_info_txt_caption{
    margin-top: .769%;
    font-size: 2.667vw;
    }
  .information_info_time{
    width: 100%;
    margin-bottom: 0;
    font-size: 6.4vw;
    text-align: center;
    }
  .information_info_time > div{
    display: block;
    }
  .information_info_time p{
    margin-bottom: 0;
    font-size: 6.4vw;
    }
  .information_info_time .time{
    width: 100%;
    }
  .information_info_time .store{
    display: block;
    width: 10.385%;
    padding: 0.667vw 2.667vw;
    margin: 0 auto 1.538%;
    font-size: 2.613vw;
    border-radius: 2.667vw;
    -webkit-border-radius: 2.667vw;
    -moz-border-radius: 2.667vw;
    }
  .information_info_time .meridiem{
    margin-right: 0;
    font-size: 4.48vw;
    }
  .information_info_time .timeAM,
  .information_info_time .timePM{
    width: 20.555%;
    }
  .information_info_time .timePM{
    width: 18.455%;
    }
  .information_info_time .note{
    width: 85%;
    margin-top: -1.538%;
    font-size: 3.2vw;
    }
  .information_info_caption{
    font-size: 2.667vw;
    }
  .information_lnk{
    width: 86.154%;
    margin-bottom: 0;
    }
}