":root {
--clr-bland-blue: #0090e2;
--clr-bland-red: #ff0000;
--clr-accessible-blue: #0077bd;
--clr-accessible-red: #e70000;
--clr-dark-blue: #005c91;
--clr-dark-red: #910000;
--clr-douch-100: #fefaf6;
--clr-douch-200: #faf2e9;
--clr-douch-300: #f0decc;
--clr-douch-700: #c0a58b;
--clr-lava-800: #8f6c49;
--clr-lava-1000: #603913;
--clr-lava-1100: #472b10;
--clr-0: #000;
--clr-1: var(--clr-lava-1100);
--clr-2: #ffffff;
--window-width: 1140px;
--window-width2: 1140;
--window-width_sp: 750;
--window-width_sp2: 828;
--content-width: 1024px;
--content-width2: 1024;
--content-width_sp: 750;
--content-ratio: 1;
}
/* overwrite */
#lui__body.lui__country-jp:not(.lui__page-download, .lui__page-feedback-form) .btn.search,
#lui__body.lui__country-jp:not(.lui__page-download, .lui__page-feedback-form) .btn.store,
#lui__body.lui__country-jp:not(.lui__page-download, .lui__page-feedback-form) .blue-button {
background-color: var(--clr-accessible-blue);
border-color: var(--clr-accessible-blue);
}
#lui__body.lui__country-jp:not(.lui__page-download, .lui__page-feedback-form) .btn.store.offers,
#lui__body.lui__country-jp:not(.lui__page-download, .lui__page-feedback-form) .btn.order,
#lui__body.lui__country-jp:not(.lui__page-download, .lui__page-feedback-form) .red-button {
background-color: var(--clr-accessible-red);
border-color: var(--clr-accessible-red);
}
main .col-md-12.column,
main .col-md-12.column > div {
width: 100%;
}
main h1,
main h1 *,
main h2,
main h2 * {
font-family: "DominosSansBold", "M PLUS 1p", sans-serif;
font-weight: 900;
}
main h3,
main h3 *,
main h4,
main h4 * {
font-family: "DominosSansBold", "M PLUS 1p", sans-serif;
font-weight: 700;
}
main p,
main span,
main strong,
main a,
main li,
main th,
main td,
main dt,
main dd,
main div {
font-family: "DominosSansBody", "M PLUS 1p", sans-serif;
}
#local-store-special-offers .title .links-menu div a:after {
border-left: 5px solid #000;
}
@media screen and (min-width: 605.01px) {
.hidden-on-sp, .lp-sp {display: none !important}
}
@media screen and (max-width: 605px) {
.mb_de, .lp-pc {display: none !important}
}
.block_hide {
display: none !Important;
}
@media screen and (min-width: 605px) {
.grid-section>.content-topics a {
margin-bottom: 2rem;
}
.topics h2 {
min-height: 2em;
}
.topics p {
min-height: 6.5em;
line-height: 1.5;
}
.gridArticle.content {
margin-bottom: 100px;
width: inherit;
}
}
@media screen and (max-width: 604px) {
.gridArticle.content {
margin-bottom: 50px;
margin-top: -158px;
width: inherit;
}
}
@media screen and (max-width: 604px) {
body #local-store-special-offers .title .links-menu {
float: none;
}
.JP #local-store-special-offers .title .links-menu div {
text-align: center;
}
#local-store-special-offers .title .links-menu div a {
position: relative;
display: inline-block;
}
}
/* carousel */
@media screen and (min-width:414px) and (max-width:604px) {
#rotating-banner:not(.scale-banner) {height:200px}
#rotating-banner .banner-desktop {display:none}
#rotating-banner .banner-mobile {display:block}
#rotating-banner:not(.scale-banner) .item img {height:200px}
#rotating-banner.owl-carousel .owl-wrapper,
#rotating-banner.owl-carousel .owl-item .item {background-position:center!important}
.owl-carousel:not(.scale-banner) .owl-wrapper,
.owl-carousel:not(.scale-banner) .owl-item .item {height:200px; background-size:414px 200px!important}
.owl-controls .owl-buttons {margin:-10px 5px}
.banner-media-mobile {height:100%; width:100%}
}
.use-my-location a::after {
content: "";
width: 0;
height: 0;
position: absolute;
right: auto;
top: 50%;
margin: 2px 0 0 6px;
border: 6px solid transparent;
border-left: 6px solid #454545;
border-left: 6px solid #454545;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
/* 重要なお知らせ */
.gridArticle p.title>a {
text-decoration: underline;
}
li.item {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
text-decoration: none;
padding: 2rem 0;
}
.news-list .item .date {
margin: 0;
min-width: 120px;
font-size: 16px;
}
.en-US p.title {
display: flex;
}
@media screen and (max-width: 604px) {
li.item {
display: contents;
flex-wrap: wrap;
padding: 1rem 0;
}
.news-list .item .date {
min-width: 100px;
}
.news-list .item .title {
padding: 0;
}
}
/* 注文ボタン */
.order_btn {
text-align: center;
}
.order_btn p {
display: inline-block;
vertical-align: top;
}
.order_btn span {
padding: 1em 3em;
}
@media screen and (min-width: 605px) {
.order_btn p {
margin-bottom: 50px;
}
.order_btn span {
font-size: 2rem;
}
}
@media screen and (max-width: 604px) {
.order_btn p {
margin-bottom: 30px;
}
.order_btn span {
font-size: 1.3rem;
}
}
.lui__page-home .lui__hero-module .main-image .side-button, .lui__hero-module .side-image .side-button{
font-size: 22px !important;
}
#lui__body.lui__country-jp.lui__page-home .lui__grid-article .topics, #lui__body.lui__country-jp.lui__page-english .lui__grid-article .topics {
margin: 0 !important;
padding: 0 !important;
}
#lui__body.lui__country-jp.lui__page-home .lui__hero-module, #lui__body.lui__country-jp.lui__page-english .lui__hero-module {
margin-bottom: 0;
}
.disclaimer p {
padding-left: 1em;
padding-right: 1em;
font-size: 12px;
}
.disclaimer p:nth-of-type(1) {
margin-top: 0;
padding-top: 0;
}
/* recommended_block */
.recommended_block {
margin-top: 3em;
margin-bottom: 3em;
}
.recommended_block h2 {
margin-bottom: 0.2em;
text-align: center;
}
.recommended_block h2 + p {
text-align: center;
}
.recommended_list {
height: auto;
}
.recommended_list > .item {
border-radius: 1em;
overflow: hidden;
}
.recommended_list > .item .img img {
margin: 0;
padding: 0;
}
.recommended_list > .item h3 {
margin: 0;
padding: 0.75em 0.2em;
line-height: 1.2;
background: var(--clr-lava-1000);
color: var(--clr-2);
text-align: center;
}
.swiper-button-prev,
.swiper-button-next {
color: #e70000;
}
.swiper {
--swiper-pagination-color: #e70000;
}
.swiper-pagination-bullet-active {
background: #e70000;
}
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
bottom: none;
top: calc(100% + 0.5em);
}
.recommended_cta {
margin-top: 2em;
}
.recommended_cta > a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 180px;
height: 2.0em;
margin-left: auto;
margin-right: auto;
border-radius: 0.4em;
background: var(--clr-bland-red);
color: #fff;
font-weight: bold;
}
@media (min-width: 605px) {
.slider-wrap {
position: relative;
margin: 0 -50px;
padding: 0 50px;
}
.recommended_block h2 {
font-size: 60px;
}
.recommended_block h2 + p {
font-size: 18px;
}
.recommended_list > .item h3 {
font-size: 18px;
}
.swiper-button-prev {
left: -50px;
}
.swiper-button-next {
right: -50px;
}
.slider-wrap {
position: relative;
margin: 0 -50px;
padding: 0 50px;
}
.recommended_cta > a {
font-size: 20px;
}
}
@media (min-width: 606px) and (max-width: 767px) {
.recommended_list > .item {
max-width: 50%;
}
}
@media (min-width: 605px) and (max-width: 1140px) {
.swiper {
width: calc(100% - (100 / var(--content-width2) * 100vw));
}
.recommended_block h2 {
font-size: calc(60 / var(--content-width2) * 100vw);
}
.recommended_block h2 + p {
font-size: calc(18 / var(--content-width2) * 100vw);
}
.recommended_list > .item {
}
.recommended_list > .item h3 {
font-size: calc(18 / var(--content-width2) * 100vw);
}
.slider-wrap {
position: relative;
width: calc(100% - (100 / var(--content-width2) * 100vw));
width: 100%;
margin: 0;
padding: 0;
}
.swiper-button-prev {
left: 100px;
}
.swiper-button-next {
right: 100px;
}
.recommended_cta > a {
font-size: calc(20 / var(--content-width2) * 100vw);
}
}
@media (max-width: 605px) {
.slider-wrap {
position: relative;
/* display: flex; */
margin: 0;
padding: 0;
}
.swiper {
width: calc(100% - (100 / var(--window-width_sp2) * 100vw));
/* width: 100%; */
}
.swiper-button-prev {
left: -5px !important;
}
.swiper-button-next {
right: -5px !important;
}
.recommended_block h2 {
font-size: calc(80 / var(--window-width_sp2) * 100vw);
}
.recommended_block h2 + p {
font-size: calc(31 / var(--window-width_sp2) * 100vw);
}
.recommended_list > .item {
max-width: 100%;
}
.recommended_list > .item h3 {
font-size: calc(32 / var(--window-width_sp2) * 100vw);
}
}
/* pickup1_block */
.pickup1_block .column a {
display: block;
margin-top: 1em;
}
@media (min-width: 605px) and (max-width: 1140px) {
.pickup1_block .column a {
max-width: calc(100% - (50 / var(--window-width2) * 100vw));
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 605px) {
.pickup1_block .column a {
max-width: calc(100% - (50 / var(--window-width_sp2) * 100vw));
margin-left: auto;
margin-right: auto;
}
}
.appdl_block {
background-color: var(--clr-bland-blue);
}
.appdl_block h1,
.appdl_block h2 {
color: var(--clr-2);
letter-spacing: -0.05em;
font-weight: bold;
}
.appdl_block h1 + p,
.appdl_block h2 + p {
color: var(--clr-2);
}
.appdl_block .app_link {
display: flex;
gap: 1.5em;
}
@media (min-width: 605px) {
.appdl_block h1,
.appdl_block h2 {
font-size: 55px;
}
.appdl_block h1 + p,
.appdl_block h2 + p {
font-size: 20px;
}
}
@media (min-width: 605px) and (max-width: 1140px) {
.appdl_block h1,
.appdl_block h2 {
font-size: calc(55 / var(--window-width2) * 100vw);
}
.appdl_block h1 + p,
.appdl_block h2 + p {
font-size: calc(25 / var(--window-width2) * 100vw);
}
}
@media (max-width: 605px) {
.appdl_block .app_link {
margin-bottom: 2em;
}
#lui__body.lui__country-jp.lui__page-home .appdl_block .container p > img,
#lui__body.lui__country-jp.lui__page-english .appdl_block .container p > img {
display: block;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.appdl_block h1,
.appdl_block h2 {
margin: 0;
padding: 0;
font-size: calc(80 / var(--window-width_sp2) * 100vw);
}
.appdl_block h1 + p,
.appdl_block h2 + p {
font-size: calc(36 / var(--window-width_sp2) * 100vw);
}
}
@media (min-width: 576px) and (max-width: 605px) {
.appdl_block h1,
.appdl_block h2 {
margin: 1em 0 0;
padding: 0;
font-size: calc(40 / var(--window-width_sp2) * 100vw);
}
.appdl_block h1 + p,
.appdl_block h2 + p {
font-size: calc(25 / var(--window-width_sp2) * 100vw);
}
}
/* topics_list */
.topics_block .col-md-12.column,
.topics_block .col-md-12.column > div {
width: 100%;
}
.topics_list > .item > p,
.topics_list > .item h3 {
text-align: center;
}
.topics_list > .item h3 {
margin: 0.2em 0;
}
.topics_cta {
text-align: center;
}
.topics_cta > a {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
/* width: 180px; */
height: 2.0em;
padding: 0.25em 0.5em;
margin-left: auto;
margin-right: auto;
border-radius: 0.4em;
background: var(--clr-bland-red);
color: #fff;
font-weight: bold;
line-height: 1.2;
}
.topics_list > .item .img {
border-radius: 1em;
overflow: hidden;
}
@media (min-width: 605px) {
.topics_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.topics_list > .item {
display: flex;
flex-direction: column;
width: calc((100% - 90px) / 3);
margin: 30px 15px;
}
.topics_list > .item h3 {
font-size: 28px;
}
.topics_list > .item .topics_cta {
margin-top: auto;
}
.topics_list > .item p {
font-size: 16px;
margin-bottom: 1em;
}
.topics_cta > a {
font-size: 20p;
}
}
@media (min-width: 605px) and (max-width: 1140px) {
.topics_list > .item {
width: calc((100% - (90 / var(--content-width2) * 100vw)) / 2);
margin: calc(30 / var(--content-width2) * 100vw) calc(15 / var(--content-width2) * 100vw);
}
.topics_list > .item h3 {
font-size: calc(44 / var(--content-width2) * 100vw);
}
.topics_list > .item p {
font-size: calc(26 / var(--content-width2) * 100vw);
}
.topics_cta > a {
font-size: calc(20 / var(--content-width2) * 100vw);
}
}
@media (min-width: 480px) and (max-width: 605px) {
.topics_list {
display: flex;
flex-wrap: wrap;
}
.topics_list > .item {
display: flex;
flex-direction: column;
width: calc((100% - (60 / var(--window-width_sp2) * 100vw)) / 2);
margin: calc(15 / var(--window-width_sp2) * 100vw);
}
.topics_list > .item h3 {
font-size: calc(36 / var(--window-width_sp2) * 100vw);
}
.topics_list > .item p {
font-size: calc(24 / var(--window-width_sp2) * 100vw);
}
}
@media (max-width: 480px) {
.topics_list {
width: calc(780 / var(--window-width_sp2) * 100vw);
margin: 0 auto;
padding: 2em 0;
}
.topics_list > .item {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
}
.topics_list > .item + .item {
margin-top: calc(100 / var(--window-width_sp2) * 100vw);
}
.topics_list > .item h3 {
font-size: calc(70 / var(--window-width_sp2) * 100vw);
}
.topics_list > .item p {
font-size: calc(38 / var(--window-width_sp2) * 100vw);
}
}
/* .toggle1 */
.toggle1 {
border-top: 1px solid var(--clr-douch-300);
border-bottom: 1px solid var(--clr-douch-300);
margin-bottom: 0;
padding: 1em 1em;
}
.toggle1 dt {
position: relative;
cursor: pointer;
font-weight: bold;
color: var(--clr-lava-1100);
}
.toggle1 dt span {
position: absolute;
right: 0;
top: 0;
}
.toggle1 dd {
margin: 0.75em 0 0;
color: var(--clr-lava-1100);
}
.toggle1 dd strong {
display: inline-block;
}
.toggle1 dd strong ~ strong {
margin-top: 1em;
}
.toggle1 dt span {
transition: transform .3s;
}
.toggle1.open dt span {
transform: rotateX(180deg);
}
.icon-arrow,
.icon-arrow svg {
color: var(--clr-lava-1000);
}
span .icon-arrow {
width: auto;
height: 1em;
transform: scale(0.66);
}
@media (min-width: 605px) {
.toggle1 dt {
font-size: 12px;
}
.toggle1 dd {
font-size: 12px;
}
}
@media (min-width: 605px) and (max-width: 1140px) {
.toggle1 dt {
font-size: calc(12 / var(--window-width2) * 100vw);
}
.toggle1 dd {
font-size: calc(12 / var(--window-width2) * 100vw);
}
}
@media (max-width: 605px) {
.toggle1 dt {
font-size: calc(26 / var(--window-width_sp2) * 100vw);
}
.toggle1 dd {
font-size: calc(26 / var(--window-width_sp2) * 100vw);
}
}
.notice-msg_block {
display: none;
}
.notice-msg,
.notice-msg * {
box-sizing: border-box;
}
.notice-msg {
background: var(--clr-lava-800);
margin-left: auto;
margin-right: auto;
padding: 1em;
}
.notice-msg p {
margin: 0;
color: #fff;
text-align: center;
}
@media (min-width: 605px) {
.notice-msg {
width: 1010px;
}
.notice-msg p {font-size: 18px;}
}
@media (min-width: 605px) and (max-width: 1040px) {
.notice-msg {
width: calc(1010 / var(--content-width2) * 100vw);
}
.notice-msg p {font-size: calc(18 / var(--content-width2) * 100vw);}
}
@media (max-width: 605px) {
.notice-msg {
width: calc(100% - 2em);
}
.notice-msg p {font-size: calc(32 / var(--window-width_sp2) * 100vw);}
}"
注文する🔒 SSL Verified