@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
#contents { margin-top: 50px; }

.common__ttl { margin-bottom: 25px; color: #666666; font-size: 16px; font-family: "Yu Gothic Pr6N B", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; text-align: center; }

.btn a, .btn button { height: 55px; border-radius: 0px; border: solid 1px #5DC7B7; background: #5DC7B7; color: #fff; }

.pagettl { margin-bottom: 50px; }
.pagettl .pagettl__img { max-width: 270px; width: 60%; margin: auto; margin-bottom: 60px; }
.pagettl .pagettl__sub { color: #666666; font-size: 18px; font-family: "A1 Mincho"; }

.menu { margin-bottom: 50px; font-family: "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
.menu .menu__bg { padding: 30px 0; background: #F5F5F5; }
.menu .menu__wrap { padding: 0 10%; }
.menu .menu__wrap .btn { text-align: center; }
.menu .menu__wrap .btn a, .menu .menu__wrap .btn button { width: 100%; max-width: 220px; margin: 0 auto; font-size: 14px; }
.menu .menu__wrap .btn a:hover, .menu .menu__wrap .btn button:hover { background: #fff; color: #5DC7B7; }
.menu .menu__select { margin-bottom: 20px; }
.menu .menu__select:nth-child(2n) { margin-bottom: 40px; }
.menu .menu__select-ttl { margin-bottom: 5px; color: #666666; font-size: 14px; }
.menu .menu__select-btn { position: relative; }
.menu .menu__select-btn:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; right: 8%; top: 50%; border-bottom: 1px solid #666666; border-right: 1px solid #666666; transform: rotate(45deg) translate(-50%, -50%); }

.shop { font-family: "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }
.shop .shop__ret { margin-bottom: 5%; border-bottom: 1px solid #DADADA; }
.shop .shop__ret .shop__ret__wrap .shop__ret-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
.shop .shop__ret .shop__ret-box .shop__ret-main { flex: 0 1 auto; width: auto; max-width: auto; position: relative; margin-right: 20px; color: #5DC7B7; font-size: 14px; }
.shop .shop__ret .shop__ret-box .shop__ret-main:after { content: ""; display: inline-block; position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 65px; width: 1px; height: 10px; background: #666666; }
.shop .shop__ret .shop__ret-box .shop__ret-cate { flex: 0 1 auto; width: auto; max-width: auto; color: #666666; }
.shop .shop__ret .shop__ret-box .shop__ret-day { flex: 0 1 auto; width: auto; max-width: auto; color: #666666; }
.shop .shop__ret .shop__ret-txt { margin: 5px 0; color: #666666; font-size: 11px; }
.shop .shop__list .shop__list-box { margin-bottom: 30px; }
.shop .shop__list .shop__list-img { margin-bottom: 8px; position: relative; z-index: 1; overflow: hidden; background: #F5F5F5; }
.shop .shop__list .shop__list-img img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; height: 100%; }
.shop .shop__list .shop__list-img::before { content: ''; display: block; padding-top: 100%; }
.shop .shop__list .shop__list-img:after { content: 'NO IMAGE'; display: block; position: absolute; top: 50%; left: 0; z-index: 1; width: 100%; text-align: center; }
.shop .shop__list .shop__list-cate { display: inline-block; margin-bottom: 5px; padding: 2px 10px; background: #F5F5F5; font-size: 12px; color: #666666; }
.shop .shop__list .shop__list-ttl { color: #666666; font-size: 15px; font-family: "Yu Gothic Pr6N B", "游ゴシック体 Pr6N B", "YuGothic", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif; }

.read__sold-out { margin-bottom: 20px; color: #CC2B3B; font-size: 16px; text-align: center; }
.read__sold-out span { display: inline-block; padding: 10px 5px; border: solid 1px #CC2B3B; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { main#contents { display: block; }
  #contents { margin-top: 70px; }
  .common__ttl { font-size: 20px; }
  .pagettl .pagettl__sub { font-size: 30px; }
  .menu .menu__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .menu .menu__wrap .menu__select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex: 0 1 48%; width: 48%; max-width: 48%; margin-bottom: 30px; }
  .menu .menu__wrap .menu__select:nth-child(2n) { margin-bottom: 30px; }
  .menu .menu__wrap .btn { flex: 0 1 100%; width: 100%; max-width: 100%; }
  .menu .menu__wrap .btn a, .menu .menu__wrap .btn button { width: 220px; margin: 0 auto; font-size: 15px; }
  .menu .menu__select-ttl { flex: 0 1 25%; width: 25%; max-width: 25%; text-align: right; }
  .menu .menu__select-btn { flex: 0 1 70%; width: 70%; max-width: 70%; }
  .menu .menu__select-btn:after { width: 8px; height: 8px; }
  .shop { margin-bottom: 60px; }
  .shop .shop__ret { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 4%; padding: 0 0 5px; }
  .shop .shop__ret .shop__ret__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; flex: 0 1 60%; width: 60%; max-width: 60%; }
  .shop .shop__ret .shop__ret__wrap .cate__box { flex: 0 1 43%; width: 43%; max-width: 43%; }
  .shop .shop__ret .shop__ret__wrap .day__box { flex: 0 1 56%; width: 56%; max-width: 56%; }
  .shop .shop__ret .shop__ret-txt { flex: 0 1 40%; width: 40%; max-width: 40%; margin: 0; font-size: 13px; text-align: right; }
  .shop .shop__list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
  .shop .shop__list .shop__list-box { flex: 0 1 calc((100% - 150px) * 0.25); width: calc((100% - 150px) * 0.25); max-width: calc((100% - 150px) * 0.25); margin-right: 40px; }
  .shop .shop__list .shop__list-box:nth-child(4n) { margin-right: 0; }
  .read__sold-out { margin-bottom: 40px; font-size: 24px; }
  .read__sold-out span { padding: 20px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { .menu .menu__wrap { padding: 0; }
  .menu .menu__wrap .menu__select { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex: 0 1 33%; width: 33%; max-width: 33%; margin-bottom: 0; }
  .menu .menu__wrap .menu__select:nth-child(2n) { margin-bottom: 0px; }
  .menu .menu__wrap .btn { flex: 0 1 30%; width: 30%; max-width: 30%; }
  .shop .shop__ret .shop__ret__wrap { flex: 0 1 48%; width: 48%; max-width: 48%; }
  .shop .shop__ret .shop__ret-txt { flex: 0 1 52%; width: 52%; max-width: 52%; }
  .shop .shop__list a img { transition: .5s all; }
  .shop .shop__list a:hover img { transform: translate(-50%, -50%) scale(1.1); }
  .shop .shop__list .shop__list-box { flex: 0 1 calc((100% - 150px) * 0.2); width: calc((100% - 150px) * 0.2); max-width: calc((100% - 150px) * 0.2); margin-right: calc(150px / 4); }
  .shop .shop__list .shop__list-box:nth-child(4n) { margin-right: calc(150px / 4); }
  .shop .shop__list .shop__list-box:nth-child(5n) { margin-right: 0; } }
@media screen and (min-width: 1181px) { .menu .menu__wrap { padding: 0 4%; } }

/*# sourceMappingURL=style.css.map */
