@charset "UTF-8";

.shop-guide-wrap * { box-sizing: border-box; }

.shop-guide-wrap .u-ta-c { text-align: center !important; }

.shop-guide-wrap .wrap-btn { text-align: center; margin-top: 15px; }

.shop-guide-wrap .wrap-btn button { display: block; width: 100%; max-width: 535px; margin: 0 auto; background-color: #3EA9E4; text-align: center; color: #fff; font-size: 16px; font-weight: bold; padding: 15px; border-radius: 6px; cursor: pointer; }

.shop-guide-wrap .wrap-btn button span { display: inline-block; position: relative; }

.shop-guide-wrap .wrap-btn button span::after { content: ""; display: inline-block; width: 6px; height: 6px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: -3px 0 0 5px; vertical-align: middle; }

.shop-guide-wrap .wrap-btn .btn-more { display: block; width: 100%; max-width: 535px; margin: 30px auto 0; border: 1px solid #3EA9E4; text-align: center; color: #3EA9E4; font-size: 16px; font-weight: bold; padding: 15px; border-radius: 6px; cursor: pointer; text-decoration: none; }

.shop-guide-wrap .wrap-btn .btn-more span { display: inline-block; position: relative; }

.shop-guide-wrap .wrap-btn .btn-more span::after { content: ""; display: inline-block; width: 6px; height: 6px; border-bottom: 2px solid #3EA9E4; border-right: 2px solid #3EA9E4; margin: -6px 0 0 5px; vertical-align: middle; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.shop-guide-wrap .wrap-search { background-color: #D7EDF9; padding: 20px 10px; }

.shop-guide-wrap .wrap-search .parent-menu01 { display: flex; justify-content: center; margin: 0 auto; width: 100%; max-width: 535px; }

.shop-guide-wrap .wrap-search .parent-menu01 > li { width: calc(50% - 2px); display: flex; font-size: 14px; }

.shop-guide-wrap .wrap-search .parent-menu01 > li + li { margin-left: 4px; }

.shop-guide-wrap .wrap-search .parent-menu01 > li > a { display: flex; justify-content: center; width: 100%; padding: 12px; text-decoration: none; background-color: #fff; color: #444444; position: relative; }

.shop-guide-wrap .wrap-search .parent-menu01 > li > a.active { background: #3EA9E4; color: #fff; font-weight: bold; }

.shop-guide-wrap .wrap-search .parent-menu01 > li > a.active:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 4.5px 0 4.5px; border-color: #3EA9E4 transparent transparent transparent; position: absolute; left: 50%; margin-left: -4.5px; bottom: -8px; }

.shop-guide-wrap .wrap-search .wrap-search-content { background-color: #fff; margin-top: 10px; padding: 15px 12px; }

.shop-guide-wrap .wrap-search .wrap-search-content .inner { display: none; }

.shop-guide-wrap .wrap-search .wrap-search-content .inner.active { display: block; }

.shop-guide-wrap .wrap-search .wrap-search-content .txt { font-size: 13px; line-height: 1.6; color: #444444; }

.shop-guide-wrap .wrap-search .list-category { display: flex; flex-wrap: wrap; margin-left: -10px; }

.shop-guide-wrap .wrap-search .list-category > li { display: flex; width: calc(50% - 10px); margin: 10px 0 0 10px; position: relative; }

.shop-guide-wrap .wrap-search .list-category > li:before { content: ""; display: block; width: 24px; height: 24px; background: transparent no-repeat center center; background-size: contain; position: absolute; left: 10px; top: 50%; margin-top: -12px; }

.shop-guide-wrap .wrap-search .list-category > li.category-all:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-all.png); }

.shop-guide-wrap .wrap-search .list-category > li.category-womens:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-womens.png); }

.shop-guide-wrap .wrap-search .list-category > li.category-mens:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-mens.png); }

.shop-guide-wrap .wrap-search .list-category > li.category-mens-womens:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-mens-womens.png); }

.shop-guide-wrap .wrap-search .list-category > li.category-kids:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-kids.png); }

.shop-guide-wrap .wrap-search .list-category > li.category-kimono:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-kimono.png); }

.shop-guide-wrap .wrap-search .list-category > li.category-fashion:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-fashion.png); }

.shop-guide-wrap .wrap-search .list-category > li.category-gourmet:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-gourmet.png); }

.shop-guide-wrap .wrap-search .list-category > li.category-interior:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-interior.png); }

.shop-guide-wrap .wrap-search .list-category > li.category-other:before { background-image: url(/lalaport/tokyo-bay/common/image/icon-shopguide/category-other.png); }

.shop-guide-wrap .wrap-search .list-category input { position: absolute; left: 10px; top: 10px; height: 0; width: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; visibility: hidden; }

.shop-guide-wrap .wrap-search .list-category input:checked + span { background-color: #D7EDF9; }

.shop-guide-wrap .wrap-search .list-category label { display: flex; width: 100%; cursor: pointer; }

.shop-guide-wrap .wrap-search .list-category span { display: flex; min-height: 44px; align-items: center; width: 100%; border: 1px solid #3EA9E4; color: #3EA9E4; padding: 6px 12px 6px 40px; background-color: #fff; border-radius: 4px; font-size: 12px; line-height: 1.4; }

.shop-guide-wrap .wrap-search .list-order { display: flex; flex-wrap: wrap; margin-left: -6px; }

.shop-guide-wrap .wrap-search .list-order > li { display: flex; width: calc(16.6666667% - 6px); margin: 6px 0 0 6px; position: relative; }

.shop-guide-wrap .wrap-search .list-order a { display: flex; width: 100%; cursor: pointer; text-decoration: none; background-color: #fff; }

.shop-guide-wrap .wrap-search .list-order span { display: flex; justify-content: center; min-height: 44px; align-items: center; width: 100%; border: 1px solid #3EA9E4; color: #3EA9E4; padding: 6px; border-radius: 4px; font-size: 12px; line-height: 1.4; }

.shop-guide-wrap .wrap-search .list-order + .txt { margin-top: 20px; }

.shop-guide-wrap .wrap-section { position: relative; margin-top: 30px; }

.shop-guide-wrap .wrap-section:before { content: ""; display: block; width: 100%; height: 1px; background-image: linear-gradient(to right, #abc4fa, #bef3ea); margin-bottom: 20px; }

.shop-guide-wrap .wrap-section .inner-section { padding: 0 15px; }

.shop-guide-wrap .wrap-section .list-pager { margin-top: 10px; }

.shop-guide-wrap .wrap-section .list-pager dt { font-size: 12px; }

.shop-guide-wrap .wrap-section .list-pager dd { font-size: 18px; }

.shop-guide-wrap .wrap-section .list-pager dd span { font-weight: bold; }

.shop-guide-wrap .wrap-section .list-coupon { display: flex; flex-wrap: wrap; margin-left: -8px; margin-top: -15px; }

.shop-guide-wrap .wrap-section .list-coupon > li { display: flex; width: calc(50% - 8px); margin: 30px 0 0 8px; }

.shop-guide-wrap .wrap-section .list-coupon > li > a { display: flex; flex-wrap: wrap; flex-direction: column; width: 100%; background-color: #F3F3F3; padding: 5px 5px 15px; text-decoration: none; color: #444444; font-size: 11px; line-height: 1.6; min-height: 0%; }

.shop-guide-wrap .wrap-section .list-coupon > li > a .box_img { width: 100%; min-height: 0%; }

.shop-guide-wrap .wrap-section .list-coupon > li > a .box_img img { width: 100%; }

.shop-guide-wrap .wrap-section .list-coupon .coupon-txt { display: flex; margin-top: 10px; padding-bottom: 10px; min-height: 0%; width: 100%; }

.shop-guide-wrap .wrap-section .list-coupon .coupon-txt .wrap-logo { width: 40px; }

.shop-guide-wrap .wrap-section .list-coupon .coupon-txt .wrap-txt { width: calc(100% - 45px); }

.shop-guide-wrap .wrap-section .list-coupon .coupon-txt .txt { font-size: 12px; font-weight: bold; line-height: 1.4; word-break: break-all; }

.shop-guide-wrap .wrap-section .list-coupon .coupon-txt .txt-off { text-align: right; color: #CC0000; font-weight: bold; font-size: 14px; }

.shop-guide-wrap .wrap-section .list-coupon .box_txt { min-height: 0%; margin: 0 -5px; padding: 5px; border-top: 2px dashed #fff; width: calc(100% + 10px); }

.shop-guide-wrap .wrap-section .list-coupon .box_txt .box_ttl { color: #3EA9E4; }

.shop-guide-wrap .wrap-section .list-coupon .box_txt .box_sub { margin-top: 5px; }

.wrap-coupon-content { max-width: 650px; margin: auto; z-index: 10000001; background: #fff; position: relative; }

.wrap-coupon-content * { box-sizing: border-box; }

.wrap-coupon-content .wrap-head, .wrap-coupon-content .wrap-foot { background: #3EA9E4; color: #fff; text-align: center; position: relative; }

.wrap-coupon-content .wrap-head .hdg, .wrap-coupon-content .wrap-foot .hdg { font-size: 14px; font-weight: bold; padding: 16px; }

.wrap-coupon-content .wrap-head .btn-close, .wrap-coupon-content .wrap-foot .btn-close { position: absolute; right: 15px; top: 50%; margin-top: -10px; width: 20px; height: 20px; display: block; font-size: 0; text-decoration: none; }

.wrap-coupon-content .wrap-head .btn-close a, .wrap-coupon-content .wrap-foot .btn-close a { display: block; width: 20px; height: 20px; position: relative; }

.wrap-coupon-content .wrap-head .btn-close a:before, .wrap-coupon-content .wrap-head .btn-close a:after, .wrap-coupon-content .wrap-foot .btn-close a:before, .wrap-coupon-content .wrap-foot .btn-close a:after { content: ""; width: 24px; height: 1px; background-color: #fff; position: absolute; left: 0; top: 50%; }

.wrap-coupon-content .wrap-head .btn-close a:before, .wrap-coupon-content .wrap-foot .btn-close a:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.wrap-coupon-content .wrap-head .btn-close a:after, .wrap-coupon-content .wrap-foot .btn-close a:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.wrap-coupon-content .wrap-head .close a, .wrap-coupon-content .wrap-foot .close a { display: block; padding: 16px; text-decoration: none; color: #fff; text-decoration: none; text-align: center; }

.wrap-coupon-content .inner { padding: 20px; }

.wrap-coupon-content .wrap-row2 .wrap-img img { width: 100%; height: auto; }

.wrap-coupon-content .wrap-row2 .wrap-txt .hdg { font-size: 14px; line-height: 1.4; font-weight: bold; color: #444444; margin-top: 20px; }

.wrap-coupon-content .wrap-row2 .wrap-txt .txt-off { margin-top: 20px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 10px; text-align: center; color: #D11F1F; font-size: 30px; font-weight: bold; }

.wrap-coupon-content .wrap-row2 .wrap-txt .txt-limit { margin-top: 20px; }

.wrap-coupon-content .wrap-row2 .wrap-txt .txt-limit dt { font-weight: bold; font-size: 14px; }

.wrap-coupon-content .wrap-row2 .wrap-txt .txt-limit dd { margin-top: 5px; border: 1px solid #3EA9E4; text-align: center; color: #3EA9E4; font-weight: bold; font-size: 14px; padding: 8px; }

.wrap-coupon-content .wrap-row2 .wrap-txt .txt { margin-top: 15px; text-align: center; font-size: 14px; line-height: 1.4; color: #444444; }

.wrap-coupon-content .wrap-txt-add { margin-top: 10px; text-align: center; }

.wrap-coupon-content .wrap-txt-add p { line-height: 1.6; }

.wrap-coupon-content .wrap-txt-add p.txt-channel { font-weight: bold; }

.wrap-coupon-content .wrap-txt-add p.txt-member { font-weight: bold; }

.wrap-coupon-content .wrap-txt-add p.txt-time { font-weight: bold; font-size: 12px; }

.wrap-coupon-content .wrap-txt-add p.txt-description { margin-top: 5px; font-size: 12px; }

.wrap-coupon-content .wrap-btn-coupon .btn-coupon { margin-top: 15px; }

.wrap-coupon-content .wrap-btn-coupon button, .wrap-coupon-content .wrap-btn-coupon a { display: block; outline: none; width: 100%; cursor: pointer; border-radius: 8px; padding: 10px 5px; text-align: center; background-color: #3EA9E4; color: #fff; font-weight: bold; font-size: 18px; text-decoration: none; }

.wrap-coupon-content .wrap-btn-coupon button span, .wrap-coupon-content .wrap-btn-coupon a span { display: block; text-align: center; font-size: 11px; }

.wrap-coupon-content .wrap-btn-coupon button:disabled, .wrap-coupon-content .wrap-btn-coupon a:disabled { background-color: #CCCCCC; padding: 20px 5px; cursor: default; }

.wrap-coupon-content .wrap-sore { margin-bottom: 20px; display: flex; }

.wrap-coupon-content .wrap-sore .wrap-img { width: 90px; }

.wrap-coupon-content .wrap-sore .wrap-img img { width: 80px; height: auto; }

.wrap-coupon-content .wrap-sore .wrap-txt { width: calc(100% - 90px); border-left: 1px solid #ccc; padding-left: 10px; }

.wrap-coupon-content .wrap-sore .txt-name { color: #707070; font-size: 12px; line-height: 1.4; }

.wrap-coupon-content .wrap-sore .txt-hdg { margin-top: 3px; color: #444; font-size: 14px; font-weight: bold; line-height: 1.6; }

.wrap-coupon-content .wrap-sore .txt-category { margin-top: 3px; color: #3EA9E4; font-size: 11px; }

.wrap-coupon-content .wrap-attend { margin-top: 30px; }

.wrap-coupon-content .wrap-attend .txt-hdg { font-weight: bold; font-size: 14px; color: #444444; }

.wrap-coupon-content .wrap-attend .list-attend { margin-top: 5px; }

.wrap-coupon-content .wrap-attend .list-attend > li { padding-left: 1em; position: relative; font-size: 12px; line-height: 1.6; color: #444444; }

.wrap-coupon-content .wrap-attend .list-attend > li:before { content: "\30FB"; position: absolute; left: 0; top: 0; font-size: 12px; line-height: 1.6; }

.wrap-coupon-content .txt-conf { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); color: #1E561F; }

.wrap-coupon-content .txt-conf p { width: 250px; border-radius: 5px; text-align: center; padding: 25px 10px; background-color: #FCFFF5; border: 1px solid #A8C599; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.wrap-coupon-content .txt-conf p a { display: block; margin-top: 15px; text-decoration: none; font-weight: bold; color: #1E561F; text-align: center; }

.wrap-coupon-content.detail .wrap-head { display: none; }

@media print, screen and (min-width: 769px) { .shop-guide-wrap .wrap-btn button, .shop-guide-wrap .wrap-btn .btn-more { opacity: 1; transition: opacity .3s; }
  .shop-guide-wrap .wrap-btn button:hover, .shop-guide-wrap .wrap-btn .btn-more:hover { opacity: .7; } .shop-guide-wrap .wrap-search { padding: 20px 15px; }
  .shop-guide-wrap .wrap-search .list-category { margin-left: -15px; }
  .shop-guide-wrap .wrap-search .list-category > li { width: calc(20% - 15px); margin: 15px 0 0 15px; }
  .shop-guide-wrap .wrap-search .list-order { margin-top: -5px; margin-left: -15px; }
  .shop-guide-wrap .wrap-search .list-order > li { width: calc(10% - 15px); margin: 15px 0 0 15px; }
  .shop-guide-wrap .wrap-search .list-order a { transition: all .3s; }
  .shop-guide-wrap .wrap-search .list-order a:hover { background-color: #D7EDF9; } .shop-guide-wrap .wrap-section { margin-top: 80px; }
  .shop-guide-wrap .wrap-section .inner-section { padding: 0 50px 0 30px; }
  .shop-guide-wrap .wrap-section .list-coupon { display: flex; flex-wrap: wrap; margin-left: -24px; margin-top: -10px; }
  .shop-guide-wrap .wrap-section .list-coupon > li { display: flex; width: calc(25% - 24px); margin: 30px 0 0 24px; }
  .shop-guide-wrap .wrap-section .list-coupon > li > a { opacity: 1; transition: opacity .3s; }
  .shop-guide-wrap .wrap-section .list-coupon > li > a:hover { opacity: .7; } .wrap-coupon-content { margin-top: 30px; }
  .wrap-coupon-content .wrap-head .btn-close a, .wrap-coupon-content .wrap-foot .btn-close a { opacity: 1; transition: opacity .3s; }
  .wrap-coupon-content .wrap-head .btn-close a:hover, .wrap-coupon-content .wrap-foot .btn-close a:hover { opacity: .7; }
  .wrap-coupon-content .wrap-head .close a, .wrap-coupon-content .wrap-foot .close a { opacity: 1; transition: opacity .3s; }
  .wrap-coupon-content .wrap-head .close a:hover, .wrap-coupon-content .wrap-foot .close a:hover { opacity: .7; }
  .wrap-coupon-content .wrap-row2 { display: flex; justify-content: space-between; }
  .wrap-coupon-content .wrap-row2 .wrap-img { width: 48%; }
  .wrap-coupon-content .wrap-row2 .wrap-txt { width: 48%; }
  .wrap-coupon-content .wrap-row2 .wrap-txt .hdg { margin-top: 0; }
  .wrap-coupon-content .wrap-row2 .wrap-txt .txt-off { margin-top: 0; }
  .wrap-coupon-content .wrap-btn-coupon { display: none; }
  .wrap-coupon-content .wrap-sore { margin-top: 10px; }
  .wrap-coupon-content.detail .wrap-head { display: block; } }