/* TABLE OF CONTENTS: * * 00 どのサイズでも共通で適用されるスタイル * - ビルボード * - 店舗一覧 * - 店舗情報 * - 今月のキャンペーン情報 * 01 幅 768px 未満 * - 店舗一覧 * - 店舗情報 * 02 幅 768px 以上 * - ビルボード * 03 幅 880px 以上 * - 店舗一覧 * - 店舗情報 * 04 幅 880px 未満 * - 店舗一覧 * - 店舗情報 */ /* -------------------------------------------------------------------------------------------------------- 01 * * どのサイズでも共通で適用されるスタイル */ /* ビルボード */ .site-main #mainImg { background-color: #e9e4d4; background-image: url(../img/bg/under-bg.png), -webkit-linear-gradient(left, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png); background-image: url(../img/bg/under-bg.png), linear-gradient(to right, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png); background-position: left top, center, 130% center; background-repeat: no-repeat; background-size: auto 100%, auto, auto 100%; display: table; padding-top: 0; padding-bottom: 0; } .site-main #mainImg h1 { color: #333; display: table-cell; height: 75px; vertical-align: middle; } /* 店舗一覧 */ div.outer.shop-list-bg { padding-top: 3rem !important; padding-bottom: 1rem !important; } section#shop-list h3[class$="-h3"] span { display: inline-block; margin-left: -2rem; vertical-align: middle; } section#shop-list h3[class$="-h3"]::before { content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LmRhNGE3ZTVlZiwgMjAyMi8xMS8yMi0xMzo1MDowNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyNDBERjVGQzIwRTExRUQ4RTIxQTMwNzE4NUEzRjY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyNDBERjYwQzIwRTExRUQ4RTIxQTMwNzE4NUEzRjY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTI0MERGNURDMjBFMTFFRDhFMjFBMzA3MTg1QTNGNjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTI0MERGNUVDMjBFMTFFRDhFMjFBMzA3MTg1QTNGNjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4vjnbHAAAQDUlEQVR42uxc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); background-repeat: no-repeat; background-size: contain; display: inline-block; width: 4rem; height: 4rem; vertical-align: middle; } section#shop-list table th, section#shop-list table td { font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; font-weight: 700; vertical-align: middle; padding: 0.5rem 0; } section#shop-list table th { font-size: 1.125rem; text-align: center; background-color: #F4F1E9; border-bottom: 1px #fff solid; } section#shop-list table td { border: 1px #F4F1E9 solid; } section#shop-list table td ul { list-style-type: none; display: grid; grid-gap: 1em; margin-bottom: 0; } section#shop-list table td ul li span { text-align: center; font-size: 1rem; } /* 店舗情報 */ .uc-shop-bg { padding-top: 3rem !important; } div#uc-shop-list h4.shop-h { font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; font-weight: 700; font-size: 1.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #E6E6E6; border-image: linear-gradient(to right, #316745 0%, #316745 20%, #E6E6E6 20%, #E6E6E6 100%); border-image-slice: 1; } div#uc-shop-list .shop h4.shop-h::after { content: "/ "attr(data-label); color: #886A17; font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; font-weight: 700; font-size: 1.25rem; padding-left: 1rem; } div#uc-shop-list .shop .row { display: flex; flex-wrap: wrap; align-items: center; } div#uc-shop-list .shop .row .col { flex: 0 0 auto; } div#uc-shop-list .shop .row .shop-info { padding: 1rem 0; } div#uc-shop-list .shop .row .shop-info .shop-contact { font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; font-weight: 700; } div#uc-shop-list .shop .row .shop-info .shop-contact p { background-color: #F4F1E9; padding: 0.5rem; margin: 0; text-align: center; display: inline-block; } div#uc-shop-list .shop .row .shop-info .shop-contact div { display: inline-block; vertical-align: top; } div#uc-shop-list .shop .row .shop-info .shop-contact dl { display: flex; flex-wrap: wrap; align-items: center; margin: 0; } div#uc-shop-list .shop .row .shop-info .shop-contact dl:first-of-type { border-bottom: 1px solid #F4F1E9; padding-bottom: 1rem; margin-bottom: 1em; } div#uc-shop-list .shop .row .shop-info .shop-contact dt { color: #886A17; font-size: 0.85em; } div#uc-shop-list .shop .row .shop-info .shop-contact dd { margin: 0 1rem !important; font-weight: 700; } div#uc-shop-list .shop .row .shop-info p.more a::after { text-align: center; } /* 今月のキャンペーン情報 */ div#uc-shop-list .monthly-campaign { border: 1px #316745 solid; border-radius: 0.25em; overflow: hidden; } div#uc-shop-list .monthly-campaign img { vertical-align: bottom; } div#uc-shop-list .monthly-campaign dl { margin: 0; } div#uc-shop-list .monthly-campaign dl dt { background-color: #316745; color: #FFF; font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'HGP明朝B', serif; font-weight: normal; padding: 0.5em 1em; } div#uc-shop-list .monthly-campaign dl dt:before { content: ""; background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%2032px%3B%20height%3A%2032px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M149.193%2C103.525c15.994%2C0%2C28.964-12.97%2C28.964-28.972V28.964C178.157%2C12.97%2C165.187%2C0%2C149.193%2C0%20C133.19%2C0%2C120.22%2C12.97%2C120.22%2C28.964v45.589C120.22%2C90.556%2C133.19%2C103.525%2C149.193%2C103.525z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M362.815%2C103.525c15.995%2C0%2C28.964-12.97%2C28.964-28.972V28.964C391.78%2C12.97%2C378.81%2C0%2C362.815%2C0%20c-16.002%2C0-28.972%2C12.97-28.972%2C28.964v45.589C333.843%2C90.556%2C346.813%2C103.525%2C362.815%2C103.525z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M435.164%2C41.288h-17.925v33.265c0%2C30.017-24.414%2C54.431-54.423%2C54.431c-30.017%2C0-54.431-24.414-54.431-54.431%20V41.288H203.616v33.265c0%2C30.017-24.415%2C54.431-54.423%2C54.431c-30.016%2C0-54.432-24.414-54.432-54.431V41.288H76.836%20c-38.528%2C0-69.763%2C31.234-69.763%2C69.763v331.186C7.073%2C480.766%2C38.309%2C512%2C76.836%2C512h358.328%20c38.528%2C0%2C69.763-31.234%2C69.763-69.763V111.051C504.927%2C72.522%2C473.692%2C41.288%2C435.164%2C41.288z%20M450.023%2C429.989%20c0%2C17.826-14.503%2C32.328-32.329%2C32.328H94.306c-17.826%2C0-32.329-14.502-32.329-32.328V170.877h388.047V429.989z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%20%3Crect%20x%3D%22220.58%22%20y%3D%22334.908%22%20class%3D%22st0%22%20width%3D%2270.806%22%20height%3D%2270.798%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22110.839%22%20y%3D%22334.908%22%20class%3D%22st0%22%20width%3D%2270.808%22%20height%3D%2270.798%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22330.338%22%20y%3D%22225.151%22%20class%3D%22st0%22%20width%3D%2270.824%22%20height%3D%2270.807%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22330.338%22%20y%3D%22334.908%22%20class%3D%22st0%22%20width%3D%2270.824%22%20height%3D%2270.798%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22220.58%22%20y%3D%22225.151%22%20class%3D%22st0%22%20width%3D%2270.806%22%20height%3D%2270.807%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Frect%3E%20%3Crect%20x%3D%22110.839%22%20y%3D%22225.151%22%20class%3D%22st0%22%20width%3D%2270.808%22%20height%3D%2270.807%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Frect%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: center; background-size: contein; display: inline-block; width: 1.25em; aspect-ratio: 1 / 1; vertical-align: bottom; margin-right: 0.5em; } div#uc-shop-list .monthly-campaign dl dd { margin: 0; } div#uc-shop-list .monthly-campaign dl dd ul { margin: 0; } div#uc-shop-list .monthly-campaign dl dd ul li { list-style: none; display: flex; margin-top: 0; padding: 1em; } div#uc-shop-list .monthly-campaign dl dd ul li .thumb { margin-right: 1em; width: clamp( 60px, 25%, 100px ); } div#uc-shop-list .monthly-campaign dl dd ul li .thumb + div { flex: 1; } div#uc-shop-list .monthly-campaign dl dd ul li .date { background: #999999; border-radius: 5px; color: #FFF; display: inline-block; text-align: center; font-size: 0.8em; margin-right: 0.5em; padding: 0.1em 0.5em; } div#uc-shop-list .monthly-campaign dl dd ul li a { display: inline-block; margin-top: 0.5em; width: 100%; } /* -------------------------------------------------------------------------------------------------------- 01 * * 幅 768px 未満 */ @media screen and (max-width: 767px) { /* 店舗一覧 */ section#shop-list table, section#shop-list tbody, section#shop-list tr, section#shop-list th, section#shop-list td { display: block; } section#shop-list table td ul { grid-template-columns: repeat(auto-fill, minmax(125px, 1fr)); } section#shop-list table td ul li span { display: inline-block; padding: 0.5rem 2rem; } /* 店舗情報 */ div.shop { margin-bottom: 3rem !important; } div#uc-shop-list .shop .row .col { width: 100%; } div#uc-shop-list .shop .row .shop-img { padding: 2rem 1rem 0; } div#uc-shop-list .shop .row .shop-info .shop-contact { margin: 1rem 0 2rem !important; } } /* End max767px */ /* -------------------------------------------------------------------------------------------------------- 02 * * 幅 768px 以上 */ @media screen and (min-width: 48em) { /* ビルボード */ .site-main #mainImg { background-color: #e9e4d4; background-image: url(../img/bg/under-bg.png), -webkit-linear-gradient(left, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png); background-image: url(../img/bg/under-bg.png), linear-gradient(to right, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png); background-position: left top, center, right center; background-repeat: no-repeat; background-size: auto 100%, auto, auto 100%; } .site-main #mainImg h1 { font-size: 48px; height: 200px; } /* 店舗一覧 */ section#shop-list table td ul { grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } section#shop-list table td ul li span { display: block; padding: 0.5rem 3rem; } /* 店舗情報 */ div#uc-shop-list .shop .row .col { width: 50%; } div#uc-shop-list .shop .row .shop-img { padding: 1.5rem 3rem 1.5rem 0; } div#uc-shop-list .shop .row .shop-info p.more { text-align: end; } } /* End 740px Tablet Small */ /* -------------------------------------------------------------------------------------------------------- 03 * * 幅 880px PC 以上 */ @media screen and (min-width: 55em) { /* 店舗情報 */ div#uc-shop-list .shop .row .shop-img { padding: 2.5rem 0; } div#uc-shop-list .shop .row .shop-info .shop-contact { margin: 1.5rem 0 2rem; } div#uc-shop-list .shop .row .shop-info .shop-contact p { font-size: 1em; width: 30%; } div#uc-shop-list .shop .row .shop-info .shop-contact div { width: 70%; padding-left: 2rem; } div#uc-shop-list .shop .row .shop-info .shop-contact dt { width: 30%; } div#uc-shop-list .shop .row .shop-info .shop-contact dd { font-size: 1.25rem; } } /* End 880px Tablet Large */ /* -------------------------------------------------------------------------------------------------------- 04 * * 幅 880px PC 以下 */ @media screen and (max-width: 880px) { /* 店舗情報 */ div#uc-shop-list .shop .row .shop-info .shop-contact { margin: 1rem 0; } div#uc-shop-list .shop .row .shop-info .shop-contact p { font-size: 0.85em; width: 25%; } div#uc-shop-list .shop .row .shop-info .shop-contact div { width: 75%; padding-left: 0.5rem; } div#uc-shop-list .shop .row .shop-info .shop-contact dt { width: 40%; text-align: center; } div#uc-shop-list .shop .row .shop-info .shop-contact dd { font-size: 1rem; } } /* -------------------------------------------------------------------------------------------------------- 05 * * 幅 500px PC 以下 */ @media screen and (max-width: 500px) { } @media screen and (max-width: 360px) { }