@charset "UTF-8";

/* bulma reset */

#tpl_layout_footer html {
    -webkit-font-smoothing: initial;

}

#tpl_layout_footer body {
    color: #42210b;

}

#tpl_layout_footer .container {
    max-width: 1120px;
    width: 100%;

}


/* original style */

#tpl_layout_footer .ma_footer {
    overflow: hidden;

}

#tpl_layout_footer .ma_footer .title {
    color: #42210b;

}

#tpl_layout_footer .ma_footer-top,
#tpl_layout_footer .ma_footer-bottom {
    padding: 3rem 0;

}

#tpl_layout_footer .ma_footer hr {
    height: 1px;
    background-color: #ccc;

}

#tpl_layout_footer .ma_footer .button {
    background-color: #948960;
    color: #fff;
    border: 0;
    border-radius: 1.25rem;
    transition: .3s;
    margin: 1rem 0;

}

#tpl_layout_footer .ma_footer .button:after {
    content: ">";
    margin-left: .5rem;
    display: inline-block;
    vertical-align: middle;

}

#tpl_layout_footer .ma_footer .button:hover {
    opacity: .7;
    color: #fff;

}



#tpl_layout_footer .ma_footer-top .title:not(:last-child) {
    margin-bottom: .5rem;

}

#tpl_layout_footer .ma_footer-top dd {
    margin-bottom: 1.5rem;
    font-size: .875rem;

}

#tpl_layout_footer .ma_footer-bottom dd {
    font-size: .875rem;

}

#tpl_layout_footer .ma_footer-bottom img {
    width: 100%;
    max-width: 175px;

}

#tpl_layout_footer .ma_copyright {
    display: block;
    background-color: #500800;
    color: #fff;
    padding: 1% 0 0.6% 0;

}

@media screen and (max-width: 768px) {
    #tpl_layout_footer .container {
        max-width: 500px;
        padding: 0 1rem;

    }

    #tpl_layout_footer .ma_footer-top .column {
        padding-top: 0;
        padding-bottom: 0;

    }

    #tpl_layout_footer .ma_footer-title {
        background-color: #d4c489;
        padding: 2%;
        border-radius: 20px;
        pointer-events: auto;
        cursor: pointer;

    }

    #tpl_layout_footer .ma_footer-top dl {
        padding: 1rem;

    }

    #tpl_layout_footer .ma_footer-top dd,
    #tpl_layout_footer .ma_footer-bottom dd {
        font-size: .75rem;

    }

}

@media screen and (max-width: 480px) {
    #tpl_layout_footer .ma_footer-bottom .column .column {
        padding: .5rem;

    }

}





/* bulma reset */

#tpl_layout_header .navbar,
#tpl_layout_header .navbar-end,
#tpl_layout_header .navbar-menu,
#tpl_layout_header .navbar-start {
    background: transparent;
    align-items: stretch;
    display: flex;

}

#tpl_layout_header .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
    box-shadow: none;
    padding: 0;

}

#tpl_layout_header .navbar-end {
    justify-content: flex-end;
    margin-left: auto;

}

#tpl_layout_header .navbar-item,
#tpl_layout_header .navbar-link {
    display: flex;
    align-items: center;

}

#tpl_layout_header .navbar,
#tpl_layout_header .navbar>.container,
#tpl_layout_header .navbar-brand {
    min-height: auto;
    min-height: initial;

}

#tpl_layout_header .navbar-item img {
    max-height: auto;
    max-height: initial;

}

#tpl_layout_header .navbar>.container {
    display: flex;

}

#tpl_layout_header .container {
    max-width: 1200px;
    width: 100%;
    padding: 0 10px;

}

@media screen and (max-width: 1087px) {
    #tpl_layout_header .container {
        padding: 0;

    }

}

#tpl_layout_header .ma_header {
    overflow: hidden;
    background-repeat: repeat-x;
    background-position: bottom center;
    padding: 1rem 0 2.5rem;
    margin-bottom: -1rem;

    /*z-index: 1;
    position: relative;*/


    background-image: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u29517763/pc/mallassist/css/../parts/image/header/bgheader.png');

}


/* ma-header-top */

.ma_header-top {}

#tpl_layout_header .ma_header-top h1 {
    font-size: 100%;
    margin: 0;
    color: #fff;
    font-size: 13px;

}

#tpl_layout_header .ma_header-top .navbar-item {
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;

}

#tpl_layout_header .ma_header-top .navbar-item:not(:last-child) {
    border-right: 1px solid #fff;

}

#tpl_layout_header .ma_header-top .navbar-item {
    color: #fff;
    font-size: 13px;
    transition: .3s;

}

#tpl_layout_header .ma_header-top .navbar-item:hover {
    color: #fe9900;
    background-color: transparent;

}


/* ma-header-bottom */

#tpl_layout_header .ma_header-bottom {
    padding: 10px 0;

}

#tpl_layout_header .ma_header-bottom .navbar-brand {
    padding-left: 1rem;

}

#tpl_layout_header .ma_header-bottom .navbar-brand a {
    transition: .3s;

}

#tpl_layout_header .ma_header-bottom .navbar-brand a:hover {
    opacity: .7;

}

#tpl_layout_header .ma_cart-btn {
    background: #fe9900;
    color: #fff;
    height: 4rem;
    width: 4rem;
    line-height: 4rem;
    text-align: center;
    border-radius: 50%;
    transition: .3s;

}

#tpl_layout_header .ma_cart-btn:hover {
    opacity: .7;

}

#tpl_layout_header .ma_cart-btn a {
    color: inherit;

}

#tpl_layout_header .ma_cart-btn .icon {
    font-size: 30px;
    height: auto;

}

#tpl_layout_header .ma_field input,
#tpl_layout_header .ma_field .control.has-icons-left .icon,
#tpl_layout_header .ma_field .control.has-icons-right .icon {
    height: 4rem;
    font-size: 1.25rem;
    border-radius: 2rem;
    border: 0;
    outline: 0;
    box-shadow: none;

}

#tpl_layout_header .ma_field {
    width: 475px;

}

#tpl_layout_header .ma_field .control.has-icons-left .icon,
#tpl_layout_header .ma_field .control.has-icons-right .icon {
    color: #d0d0d0;
    font-size: 34px;
    padding: 0;

}

#tpl_layout_header .ma_field .control.has-icons-right .icon.ma_submit-button {
    background: transparent;
    border: 0;
    pointer-events: auto;

}


/* menu button 
------------------------ */

#tpl_layout_header .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    background: rgba(0, 0, 0, .7);

}

#tpl_layout_header .ma_menu-button {
    transition: .3s;
    z-index: 1000;
    box-sizing: border-box;
    margin: auto;
    cursor: pointer;
    pointer-events: auto;

}

#tpl_layout_header .ma_menu-button-inner {
    position: relative;
    background: #fe9900;
    height: 54px;
    width: 56px;
    border-radius: 8px;

}

#tpl_layout_header .ma_menu-button span {
    display: block;
    width: calc(100% - 20px);
    height: 6px;
    border-radius: 4px;
    display: block;
    transition: .3s;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    background-color: #fff;

}

#tpl_layout_header .ma_menu-button span:nth-child(1) {
    top: 10px;

}

#tpl_layout_header .ma_menu-button span:nth-child(2) {
    top: 0;
    bottom: 0;

}

#tpl_layout_header .ma_menu-button span:nth-child(3) {
    bottom: 10px;

}

#tpl_layout_header .ma_menu-button:after {
    content: "menu";
    font-size: 16px;
    color: #fe9900;
    display: block;
    text-align: center;

}


/* menu is active 
------------------------ */

.menu-is-active #tpl_layout_header .overlay {
    opacity: 1;
    pointer-events: auto;

}


/* ----- button ----- */

.menu-is-active #tpl_layout_header .ma_menu-button {
    transform: translate(260px, 0%);

}

.menu-is-active #tpl_layout_header .ma_menu-button span:nth-of-type(1) {
    transform: translateY(14px) rotate(-45deg);

}

.menu-is-active #tpl_layout_header .ma_menu-button span:nth-of-type(2) {
    transform: translateY(0) rotate(45deg);

}

.menu-is-active #tpl_layout_header .ma_menu-button span:nth-of-type(3) {
    opacity: 0;

}

.menu-is-active #tpl_layout_header .ma_menu-button:after {
    content: "close";

}


/* modal */

#tpl_layout_header .modal-banner {
    width: 100%;
    max-width: 420px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    opacity: 0;
    pointer-events: none;
    transition: .3s;
    z-index: 100;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem;

}

#tpl_layout_header .modal-banner-image {
    width: 22%;

}

#tpl_layout_header .modal-banner-text {
    width: 78%;
    font-size: 13px;
    padding-left: .5rem;

}

#tpl_layout_header .modal-banner-button {
    width: 100%;
    text-align: center;
    margin-top: 1rem;

}

#tpl_layout_header .modal-banner-button button {
    width: 12em;
    padding: 0.4em 0em;
    font-size: 1em;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 1.5em;
    background-color: #d82544;
    border-color: #d82544;
    color: #fff;

}

#tpl_layout_header .modal-banner-close {
    color: #000;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    z-index: 101;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 1.5rem;
    width: 1.5em;

}

#tpl_layout_header .modal-banner-overlay {
    opacity: 1;
    visibility: hidden;
    transition: .3s;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 99;

}

.modal-is-active #tpl_layout_header .modal-banner-overlay,
.modal-is-active #tpl_layout_header .modal-banner,
.modal-is-active #tpl_layout_header .modal-close {
    opacity: 1 !Important;
    visibility: visible !Important;
    pointer-events: auto !Important;

}


/* =========================================

        Smartphone Header Styles

========================================= */


/* color setting 
------------------------ */


/* ----- header background ----- */

#tpl_layout_sp_header .ma_sp-header {
    background: #DC2541;

}


/* ----- header font color ----- */

#tpl_layout_sp_header .ma_sp-header,
#tpl_layout_sp_header .ma_sp-header a {
    color: #fff;

}


/* ----- overlay ----- */

#tpl_layout_sp_header .overlay {
    background: rgba(0, 0, 0, .7);

}


/* ----- button ----- */

#tpl_layout_sp_header .ma_sp-menu-button span {
    background: #fff;

}


/* ----- button active ----- */

.menu-is-active #tpl_layout_sp_header .ma_sp-menu-button span {
    background: #fff;

}


/* bulma reset  
------------------------ */

#tpl_layout_sp_header .input {
    box-shadow: none;
    border-radius: 0;
    outline: none;
    border: none;

}

#tpl_layout_sp_header .navbar {
    min-height: inherit;
    background-color: transparent;

}

#tpl_layout_sp_header .navbar-menu {
    display: block;
    background-color: transparent;
    padding: 0;

}


/* header space 
-------------------------*/

#tpl_layout_sp_header .ma_sp-header-space {
    height: 64px;

}


/* menu  
------------------------ */

#tpl_layout_sp_header .ma_sp-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;

}

#tpl_layout_sp_header .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: .3s;

}


/* menu button 
------------------------ */

#tpl_layout_sp_header .ma_sp-menu-button {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
    z-index: 1000;
    padding: 10px 10px;
    box-sizing: border-box;
    margin: auto;
    cursor: pointer;
    pointer-events: auto;

}

#tpl_layout_sp_header .ma_sp-menu-button-inner {
    position: relative;
    background: #fe9900;
    height: 34px;
    width: 36px;
    border-radius: 4px;

}

#tpl_layout_sp_header .ma_sp-menu-button span {
    display: block;
    width: calc(100% - 10px);
    height: 4px;
    border-radius: 2px;
    display: block;
    transition: .3s;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;

}

#tpl_layout_sp_header .ma_sp-menu-button span:nth-child(1) {
    top: 6px;

}

#tpl_layout_sp_header .ma_sp-menu-button span:nth-child(2) {
    top: 0;
    bottom: 0;

}

#tpl_layout_sp_header .ma_sp-menu-button span:nth-child(3) {
    bottom: 6px;

}

#tpl_layout_sp_header .ma_sp-menu-button:after {
    content: "menu";
    font-size: 10px;
    color: #fe9900;
    display: block;
    text-align: center;

}


/* menu is active 
------------------------ */

.menu-is-active #tpl_layout_sp_header .overlay {
    opacity: 1;
    pointer-events: auto;

}


/* ----- button ----- */

.menu-is-active #tpl_layout_sp_header .ma_sp-menu-button {
    transform: translate(260px, -50%);

}

.menu-is-active #tpl_layout_sp_header .ma_sp-menu-button span:nth-of-type(1) {
    transform: translateY(9px) rotate(-45deg);

}

.menu-is-active #tpl_layout_sp_header .ma_sp-menu-button span:nth-of-type(2) {
    transform: translateY(0) rotate(45deg);

}

.menu-is-active #tpl_layout_sp_header .ma_sp-menu-button span:nth-of-type(3) {
    opacity: 0;

}


/* logo 
------------------------ */

#tpl_layout_sp_header .ma_sp-shop-logo {
    height: 100%;
    margin: 0;
    font-weight: normal;
    font-size: 10px;
    text-align: left;
    width: calc(100% - 56px);
    margin-left: 56px;

}

#tpl_layout_sp_header .ma_sp-shop-logo a {
    text-decoration: none;

}

#tpl_layout_sp_header .ma_sp-shop-logo img {
    width: auto;
    height: 36px;
    margin: 5px auto 0;

}


/* cart 
------------------------ */

#tpl_layout_sp_header .ma_sp-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;

}

#tpl_layout_sp_header .ma_sp-icon a {
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    font-size: 1rem;
    font-size: 0;

}

#tpl_layout_sp_header .ma_sp-icon i {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #fe9900;
    margin: 0 auto;
    font-size: 16px;

}

#tpl_layout_sp_header .ma_sp-icon-text {
    display: block;
    font-size: 10px;
    color: #fe9900;

}

#tpl_layout_sp_header .ma_sp-cart {
    right: 10px;

}

#tpl_layout_sp_header .ma_sp-review {
    right: 48px;

}

.ma_sp-cart a {}

.ma_sp-review a {}





html {
    -webkit-font-smoothing: initial;
}

@font-face {
    font-family: 'din1451alt_G';
    src: url() format('truetype');
}

@font-face {
    font-family: 'type_labo';
    src: url() format('opentype');
}

.is-background-beige {
    background-color: #eae3d0;
}

.is-background-yellow {
    background-color: #ffd400;
}

.is-background-stripe {
    background: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u29517763/pc/mallassist/css/../../hal/lp/images/bg/stripe.png') repeat;
}

/* animation */


/* Zoom In #1 */

.hover01 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover01:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


/* Rotate */

.hover06 img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover06:hover img {
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);
}



/* Blur */

.hover07 img {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover07:hover img {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}



/* Opacity #1 */

.hover11 img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hover11:hover img,
.hover11:active img {
    opacity: .8;
    /*opacity: .5;*/
}




/* Shine */

.hover14 .tpl_image {
    position: relative;
}

.hover14 .tpl_image::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}


.hover14:hover .tpl_image::after {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

/* ボタンアニメーション */

.button-fx_01:hover {
    transform: scale(1.05);
}

.button-fx_02:hover {
    transform: scale(0.95);
}

.button-fx_03:hover {
    opacity: .5;
}

.button-fx_04:hover {
    animation: shake .3s;
}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg)
    }

    25% {
        transform: rotateZ(2deg)
    }

    50% {
        transform: rotateZ(0deg)
    }

    75% {
        transform: rotateZ(-2deg)
    }

    100% {
        transform: rotateZ(0deg)
    }
}

@keyframes shake {
    0% {
        transform: rotateZ(0deg)
    }

    25% {
        transform: rotateZ(2deg)
    }

    50% {
        transform: rotateZ(0deg)
    }

    75% {
        transform: rotateZ(-2deg)
    }

    100% {
        transform: rotateZ(0deg)
    }
}

/* youtubeå°Žç·š */

.yt_bnr {
    margin: 0 auto;
    width: 100%;
    max-width: 720px;
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;
}

.yt_bnr img:hover {
    opacity: 0.6;
    filter: brightness(110%);
}

.yt_bnr img {
    -webkit-transition: all .3s;
    transition: all .3s;
}

@media screen and (max-width: 768px) {
    .yt_bnr {
        width: 90%;
        padding-bottom: 30px;
    }
}



/*==============================
  全レイアウト共通のCSS
==============================*/
#tpl_layout_header {
    position: relative;
    z-index: 10;
}

#tpl_layout_footer {
    position: relative;
    z-index: 2;
}

#tpl_layout_page_body {
    overflow-x: hidden;
}

/*右固定縦バナー */
.vertical-banner {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 105px;
}

.vertical-banner .mallassist_tag {
    height: 100%;
}

/* 左固定バナー */
.left-banner {
    position: fixed;
    top: 200px;
    left: 0;
    z-index: 3;
}

/* page top */
#page-top {
    position: fixed;
    bottom: 32px;
    right: 32px;
    transition: .3s;
    opacity: 0;
    z-index: 3;
}

#page-top.is-active {
    opacity: 1;
}

#page-top a {
    background-color: #eee;
    text-decoration: none;
    width: 84px;
    height: 84px;
    text-align: center;
    display: block;
    border-radius: 50%;
    transition: .3s;
    font-size: 0;
    line-height: 1;
}

#page-top a:hover {
    background-color: #da2e3f;
}

#page-top span {
    display: block;
    font-size: 18px;
    color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: .3s;
}

#page-top a:hover span {
    color: #fff;
}

@media screen and (max-width:1280px) {

    .vertical-banner,
    .left-banner {
        display: none;
    }
}

@media screen and (max-width:480px) {
    #page-top a {
        width: 48px;
        height: 48px;
        right: 16px;
        bottom: 16px;
        letter-spacing: 0;
    }

    #page-top span {
        font-size: 14px;
    }
}

#tpl_layout_page_body .container {
    width: 100%;
    max-width: 1200px;
    padding: 0 .5rem;
}

#tpl_layout_page_body .container.is-narrow {
    max-width: 960px;
}

#tpl_layout_page_body .container.is-wide {
    max-width: fit-content;
}

/* =============================
	/全レイアウト共通のCSS
==============================*/
.section {
    padding-left: 0;
    padding-right: 0;
}

.ma_article {
    margin-bottom: 3rem;
}

.ma_product-container {
    margin-bottom: 3rem;
    z-index: 2;
    position: relative;
}

/* 全体の色 */
body {
    background-color: #fff;
    color: #42210b;
}

/* effect：マウスオーバーで少し浮いて影 */
.float_shadow {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    position: relative;
    transition: all .3s;
}

.float_shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    transition-property: transform, opacity .3s;
}

.float_shadow:hover,
.float_shadow:focus,
.float_shadow:active {
    transform: translateY(-5px);
}

.float_shadow:hover:before,
.float_shadow:focus:before,
.float_shadow:active:before {
    opacity: 1;
    transform: translateY(5px);
}

/* メインコンテンツ */
.main {
    overflow-x: hidden;
}

.main~div {
    display: none;
}

/* メインヴィジュアル */
#main-visual {
    position: relative;
}


#main-visual .main-visual-video-wrapper {
    max-width: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
    overflow: hidden;
    background-size: cover;
	background-image: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u29517763/pc/mallassist/css/../../hal/lp/images/bg/260620bg.jpg');
}


#main-visual .main-visual-video-wrapper video {
    max-width: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-height: 100%;
    min-width: 100%;
}

/* 下にborder */
.has-border {
    border-bottom: 5px solid #d92b2b;
}

/* ボタン */
.ma_button-wrapper {
    margin: 1.5rem 0;
}

.ma_button-wrapper .button {
    height: auto;
    padding: 1.25rem;
    transition: all 250ms ease;
    border-radius: 0;
    border: 0;
    background-color: #d92b2b;
    color: #fff;
}

.ma_button-wrapper .button:hover {
    opacity: 1;
    border-radius: 1em;
}

/* タイトル */
.ma_title.title,
.ma_subtitle.subtitle,
.ma_title-largest {
    color: #42210b;
    margin-bottom: 1em;
}

.ma_subtitle.subtitle:after {
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    border-bottom: 1px solid #333;
    margin: .5rem auto 1.25rem;
}

.ma_title-largest {
    font-size: 4rem;
}

/* 動くタイトル */
.ma_title-largest.title.is-move {
    animation: pulse linear 1500ms 1s infinite;
    margin: 0 0 .5em;
    color: #FFCB00;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* イベント内容 */
#event-content {
    margin-top: 1rem;
    margin-bottom: 1rem;
    z-index: 5;
    position: relative;
}

#event-content .column {
    padding-bottom: 0;
}

/* 買い回り */
.kaimawari {
    border: 4px solid #dc2641;
    background-color: #fff;
    border-radius: 1rem;
    width: 95%;
    max-width: 960px;
    margin: 6rem auto 2rem;
    padding: 6rem 1rem 1rem;
    position: relative;
}

.kaimawari .title {
    background-color: #dc2741;
    color: #fff;
    position: absolute;
    top: -2em;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.1;
    padding: .75rem;
    font-weight: 400;
    white-space: nowrap;
    z-index: 1;
}

.kaimawari .title:before,
.kaimawari .title:after {
    position: absolute;
    bottom: -.25em;
    content: "";
    display: block;
    border: 1.5em solid #dc2741;
    z-index: 0;
}

.kaimawari .title:before {
    left: -3em;
    border-left-color: transparent;
}

.kaimawari .title:after {
    right: -3em;
    border-right-color: transparent;
}

.kaimawari ol {
    font-size: 1.5rem;
    list-style-type: none;
    counter-reset: item;
    width: 100%;
    max-width: 580px;
    margin: 0 auto;
}

.kaimawari li {
    position: relative;
    padding-left: 2.5rem;
    margin-bottom: 1rem;
}

.kaimawari li:before {
    counter-increment: item;
    content: counter(item);
    background-color: #dc2741;
    color: #fff;
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1rem;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: .5em;
}

.kaimawari li strong {
    color: #dc2741;
    font-size: 120%;
}

.kaimawari .columns {
    align-items: center;
}

.kaimawari .point-flow {
    font-size: .75rem;
    padding-left: 0 !Important;
    padding-right: 0 !Important;
}

.kaimawari .point-flow .columns {
    margin: 1rem auto 2rem;
    background-color: #f9f9f9;
    border-radius: 1rem;
    width: 100%;
    max-width: calc(100% - 32px);
}

.kaimawari .point-flow .column {
    position: relative;
    padding-left: 3rem;
}

.kaimawari .point-flow img {
    border-radius: 50%;
}

.kaimawari .point-flow .has-plus:before,
.kaimawari .point-flow .has-equal:before {
    font-size: 4rem;
    font-weight: bold;
    color: #dc2541;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.kaimawari .point-flow .has-plus:before {
    content: "+";
}

.kaimawari .point-flow .has-equal:before {
    content: "=";
}

.kaimawari .point-flow div:not(.has-equal) {
    font-size: 16px;
}

.kaimawari .point-flow div:not(.has-equal) span {
    font-size: 150%;
}

.kaimawari .point-flow .has-equal {
    font-size: 1rem;
    color: #dc2641;
}

.kaimawari .point-flow .has-equal span {
    font-size: 150%;
}

/* コメント */
.comment {
    width: 100%;
    max-width: 750px;
    display: block;
    padding: 2rem 0;
    margin: 2rem auto;
    position: relative;
    border-radius: 1rem;
    font-size: 2.5rem;
    line-height: 1;
    background-color: #ffd200;
    border: 2px solid #aaa;
}

.comment:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc((100% - 25px)/2);
    left: -13px;
    transform: rotate(45deg);
    background: #ffd200;
    border: 2px solid #aaa;
    border-right: 0;
    border-top: 0;
}

/* プレゼント */
#present .ma_article {
    position: relative;
    z-index: 2;
}

#present .chara {
    display: block;
    position: absolute;
    top: -10em;
}

#present .chara1 {
    left: -5%;
    width: 250px;
}

#present .chara2 {
    right: -10%;
    width: 180px;
}

#present .ma_title img {
    display: inline-block;
    margin-right: .5rem;
    width: 48px;
    vertical-align: sub;
}

.present-contents .column {
    font-size: .875rem;
}

.present-contents .title {
    color: #d92b2b;
    border-bottom: 4px dotted #dc2541;
    padding: 0 0 .25rem;
}

.present-contents .title:before {
    /*font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f06b";
    display: inline-block;
    vertical-align: baseline;
    margin-right: 8px;
    font-size: 40px;*/
}

.present-contents .title .price {
    font-size: 150%;
    display: inline-block;
    vertical-align: baseline;
    font-family: 'din1451alt_G';
    margin-right: -4px;
}

.present-contents .title .tax {
    font-size: 50%;
    display: inline-block;
    vertical-align: baseline;
    width: 14px;
    line-height: 1;
}

.present-contents .is-10800 .columns {
    width: 100%;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.present-contents .is-10800 .title .tax {
    margin: 0 .25rem;
}

.present-contents img {
    display: block;
    margin: 0 auto .5rem;
    width: 90%;
    max-width: 215px;
}

.present-caution {
    font-size: .875rem;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    background-color: #fe9900;
    width: 100%;
    max-width: 600px;
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: none;
}

.present-caution .title {
    max-width: 150px;
    line-height: 1.8;
    margin: 0 auto .8rem;
    border-bottom: 2px solid #fff;
    color: #fff;
}

.present-keyword {
    color: #BF0000;
}

/* アンカーリンク */
.ma_category-menu-wrapper {
    margin: 0 auto 4rem;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ma_category-menu-wrapper::-webkit-scrollbar {
    height: 5px;
}

.ma_category-menu-wrapper::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
}

.ma_category-menu-wrapper::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
}

.ma_category-menu {
    position: relative;
    z-index: 2;
    margin: 0 !Important;
}

.ma_category-menu a {
    background-color: #ffd200 !Important;
    padding: 0 !Important;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    color: #fff !important;
    transition: .3s;
    display: block;
    position: relative;
}

.ma_category-menu a:hover {
    background: #da2e3f !Important;
}

.ma_category-menu a:hover i {
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ma_category-menu-inner {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ma_category-menu-inner .is-small {
    font-size: 50%;
}

.ma_category-menu-inner .is-row1,
.ma_category-menu-inner .is-row2 {
    display: block;
}

.ma_category-menu-inner .is-row1 {
    line-height: 2.2;
}

.ma_category-menu-inner .is-row2 {
    line-height: 1.1;
}

.ma_category-menu-inner i {
    margin-left: .25rem;
}

/* 最初の大きいテキスト */
.introduction-text {
    font-size: 4.5rem;
    color: #dc2741;
    line-height: 1.1;
    text-shadow: 3px 3px 1px #ffffff, -3px 3px 1px #ffffff, 3px -3px 1px #ffffff, -3px -3px 1px #ffffff, 3px 0px 1px #ffffff, 0px 3px 1px #ffffff, -3px 0px 1px #ffffff, 0px -3px 1px #ffffff;
    margin: 3rem 0;
}

.introduction-text div {
    margin-bottom: 0.75em;
}

.introduction-text strong {
    display: inline-block;
    font-size: 140%;
    color: #dc2741;
    padding: .25em 0;
}

/* ワンコイン */
.onecoin {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

.onecoin a,
.onecoin img {
    vertical-align: top;
}

.onecoin .column:nth-child(1) {
    width: 33.6% !important;
}

.onecoin .column:nth-child(2) {
    width: 32.7% !important;
}

.onecoin .column:nth-child(3) {
    width: 33.8% !important;
}

/* ======================================
    レスポンシブ
====================================== */
@media only screen and (min-width:1281px) {
    .container:not(.is-narrow) #event-content {
        padding: 0 5rem;
    }
}

@media only screen and (max-width:1280px) {
    #present .chara1 {
        left: -3%;
        width: 200px;
    }

    #present .chara2 {
        right: -3%;
        width: 150px;
    }
}

@media only screen and (max-width:960px) {
    .comment {
        font-size: 2rem;
        max-width: 85%;
        padding: 1.25rem 0;
    }
}

@media only screen and (max-width:768px) {
    .ma_article {
        margin-bottom: 1.5rem;
    }

    .ma_button-wrapper {
        margin: 1rem 0;
    }

    #event-content .column img {
        width: 95%;
    }

    #present .chara1,
    #present .chara2 {
        display: none;
    }

    .comment,
    .ma_title-largest {
        font-size: 2rem;
    }

    .ma_category-menu-wrapper {
        margin: 0 auto 2rem;
    }

    .ma_category-menu a {
        width: 110px;
        height: 110px;
    }

    .ma_category-menu-inner .is-small {
        font-size: 10px;
    }

    .present-contents .title .tax {
        width: 1em;
    }

    .present-contents .is-10800 .title .tax {
        margin: 0;
    }

    /* 買い回り */
    .kaimawari {
        padding: 5rem 1rem 1rem;
    }

    .kaimawari .point-flow .columns {
        max-width: 100%;
    }

    .kaimawari .point-flow div:not(.has-equal) {
        font-size: 14px;
    }

    .kaimawari .point-flow .has-equal {
        font-size: 1.5rem;
    }

    /* 最初の大きいテキスト */
    .introduction-text {
        font-size: 3.5rem;
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .is-hidden-tablet {
        display: none !important;
    }

    .is-size-5-mobile {
        font-size: 1.5rem !important;
    }

    .is-size-6-mobile {
        font-size: 1.25rem !important;
    }

    .ma_title.title {
        font-size: 1.5rem !important;
    }

    .ma_subtitle.subtitle {
        font-size: 1.25rem !important;
    }

    .ma_title-largest {
        font-size: 2.5rem !important;
    }

    #event-content .is-3-tablet {
        width: 25% !important;
    }

    #present .ma_title.title,
    #present .present-keyword {
        font-size: 1.75rem !important;
    }

    .present-contents .is-10800 .columns {
        max-width: 600px;
    }

    .present-contents .title {
        font-size: 1.25rem !important;
    }

    .present-contents .is-6-tablet {
        width: 50%;
    }

    .present-contents img {
        width: 90%;
        max-width: 165px;
    }

    .kaimawari .is-size-7-mobile {
        font-size: 1.4rem !important;
    }
}

@media only screen and (max-width:480px) {
    .section {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .ma_title-largest {
        font-size: 1.5rem;
    }

    .comment {
        font-size: .875rem;
        padding: .75rem 0;
        border-radius: .5rem;
        margin: .5rem auto 2rem;
    }

    .comment,
    .comment:before {
        border-width: 1px;
    }

    .comment:before {
        width: 10px;
        height: 10px;
        top: calc((100% - 11.5px)/2);
        left: -5.5px;
    }

    #present .ma_title img {
        width: 32px;
    }

    .present-contents .column {
        font-size: .75rem;
    }

    /* 買い回り */
    .kaimawari {
        padding: 2rem .5rem .5rem;
        border-width: 2px;
    }

    .kaimawari .title {
        font-size: .875rem !Important;
        padding: .5rem .75rem;
        top: -3.5em;
    }

    .kaimawari ol {
        font-size: .75rem;
    }

    .kaimawari li {
        padding-left: 2rem;
        margin-bottom: .5rem;
    }

    .kaimawari li:before {
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        top: 0;
    }

    .kaimawari .point-flow .column {
        padding-left: 1rem;
        font-size: .65rem;
    }

    .kaimawari .point-flow .has-plus:before,
    .kaimawari .point-flow .has-equal:before {
        font-size: 1.5rem;
    }

    .kaimawari .point-flow div:not(.has-equal) {
        font-size: 10px;
    }

    /* 最初の大きいテキスト */
    .introduction-text {
        font-size: 2rem;
    }
}

@media only screen and (max-width:320px) {
    .main .is-size-5-mobile {
        font-size: 1rem !important;
    }

    /* 最初の大きいテキスト */
    .introduction-text {
        font-size: 1.5rem;
    }
}

/* ======================================
    bodyについたclassにより非表示
====================================== */
.is-coupon-2500-content,
.is-coupon-300-content,
.is-point-normal-content,
.is-point-5bai-content,
.is-point-10bai-content,
.is-supersale-content {
    display: none;
}

.is-coupon-2500 .is-coupon-2500-content,
.is-coupon-300 .is-coupon-300-content,
.is-point-normal .is-point-normal-content,
.is-point-5bai .is-point-5bai-content,
.is-point-10bai .is-point-10bai-content,
.is-supersale .is-supersale-content {
    display: block;
}

/* ======================================
    メルマガ用スクリーンショット撮影時
====================================== */
.is-screenshot #tpl_layout_header,
.is-screenshot #tpl_layout_sp_header,
.is-screenshot #tpl_layout_sp_menu,
.is-screenshot #tpl_layout_footer,
.is-screenshot #page-top,
.is-screenshot .vertical-banner,
.is-screenshot .left-banner,
.is-screenshot .ma_title.title,
.is-screenshot .ma_subtitle.subtitle,
.is-screenshot .ma_title-largest.title.is-move,
.is-screenshot .present-keyword-wrapper,
.is-screenshot .ma_category-menu-wrapper,
.is-screenshot .is-screenshot-content,
.is-screenshot .tpl_favorite_button,
.is-screenshot .tpl_review_star {
    display: none !important;
}

.is-screenshot #main-visual {
    max-width: 780px;
    margin: 0 auto;
}

.is-screenshot #main-visual video {
    display: none;
}

.is-screenshot #main-visual .tpl_container {
    padding: 3rem 1rem;
}

/* ------------ main text & images */
.is-screenshot #main-visual .tpl_image {
    max-width: 240px;
}

.is-screenshot #main-visual .tpl_box {
    max-width: 440px;
}

.is-screenshot #main-visual .tpl_name {
    font-size: 1.1rem;
}

.is-screenshot #main-visual .tpl_catch_1 .point_text {
    font-size: 3rem;
}

.is-screenshot #main-visual .tpl_catch_1 .point_max,
.is-screenshot #main-visual .tpl_catch_1 .point_bai {
    font-size: 2.5rem;
}

.is-screenshot #main-visual .tpl_catch_1 .point_number {
    font-size: 6.5rem;
}

.is-screenshot #main-visual .tpl_catch_2 {
    font-size: 2rem;
    top: -1rem;
}

/* ------------ sub text */
.is-screenshot #main-visual .tpl_item:nth-child(2) .tpl_box {
    max-width: 100%;
}

.is-screenshot #main-visual .tpl_item:nth-child(2) .tpl_name,
.is-screenshot #main-visual .tpl_item:nth-child(2) .tpl_catch_1,
.is-screenshot #main-visual .tpl_item:nth-child(2) .tpl_catch_2 {
    font-size: 1.25rem;
}

.is-screenshot #main-visual .tpl_item:nth-child(2) .is-move {
    animation: none;
}

.is-screenshot #event-content,
.is-screenshot .present-contents,
.is-screenshot .mallassist_tag {
    max-width: 765px;
    margin: 0 auto;
}

.is-screenshot #present .is-5400 .column {
    padding-left: 0;
    padding-right: 0;
}

.is-screenshot #present .is-5400 img,
.is-screenshot #present .is-3240 img {
    max-width: 150px;
}

.is-screenshot .ma_product-container {
    margin: 0;
}

.is-screenshot section[id^="category"] .tpl_item {
    width: 50%;
    padding: .75rem;
    padding-left: var(--columnGap);
    padding-right: var(--columnGap);
    padding-bottom: 0;
    min-height: 0;
}

.is-screenshot section[id^="category"] .tpl_item_inner {
    border-style: solid;
    border-width: 1rem;
    border-color: #eeeeee;
    background-color: #fff;
    padding: 1rem;
    position: relative;
    height: 100%;
}

.is-screenshot section[id^="category"] .tpl_image+div,
.is-screenshot section[id^="category"] .tpl_name,
.is-screenshot section[id^="category"] .tpl_name+div,
.is-screenshot section[id^="category"] .tpl_catch+div,
.is-screenshot section[id^="category"] .tpl_free_text+div,
.is-screenshot section[id^="category"] .tpl_sale+div,
.is-screenshot section[id^="category"] .tpl_price_wrapper+div,
.is-screenshot section[id^="category"] .tpl_favorite_button+div,
.is-screenshot section[id^="category"] .tpl_link_button+div {
    margin-top: .5rem;
}

.is-screenshot section[id^="category"] .tpl_image {
    position: relative;
    overflow: hidden;
}

.is-screenshot section[id^="category"] .tpl_image:before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.is-screenshot section[id^="category"] .tpl_name {
    color: #333333;
    line-height: 1.2;
    font-size: 1.25rem !important;
}

.is-screenshot section[id^="category"] .tpl_name span {
    font-size: 80%;
    display: block;
}

.is-screenshot section[id^="category"] .tpl_name span.color_red {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(218, 46, 63, 0.85);
    color: #fff;
    z-index: 10;
    padding: .5rem 0;
    font-size: 75%;
}

.is-screenshot section[id^="category"] .tpl_name .point_wrap {
    top: 40px;
    right: -.5rem;
}

.is-screenshot section[id^="category"] .tpl_name .point_text {
    font-size: .75rem;
    display: inline-block;
}

.is-screenshot section[id^="category"] .tpl_name .number {
    font-size: 2rem;
    display: inline-block;
}

.is-screenshot section[id^="category"] .tpl_name .bai {
    font-size: 1rem;
    display: inline-block;
}

.is-screenshot section[id^="category"] .tpl_catch {
    color: #333333;
    line-height: 1.3;
    font-size: .75rem !important;
}

.is-screenshot section[id^="category"] .tpl_price {
    color: #ff0000;
    line-height: 1;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}

.is-screenshot section[id^="category"] .tpl_price .price {
    font-family: 'din1451alt_G';
    font-size: 160%;
}

.is-screenshot section[id^="category"] .tpl_price .tax {
    font-size: 50%;
    position: absolute;
    right: 0;
    top: -1.2em;
    white-space: nowrap;
}

.is-screenshot section[id^="category"] .tpl_price small {
    position: relative;
    margin-left: .25rem;
}

.is-screenshot section[id^="category"] .tpl_ship_free {
    background-color: #ff0000;
    color: #ffffff;
    padding: 2px 4px;
    margin-left: 5px;
    font-size: 1.25rem !important;
}

/*==============================
color setting
==============================*/
/* メインヴィジュアル（画像・テキストはバナー表示から編集）*/
#main-visual {}

/* 背景画像のポジション（SP時） */
#main-visual .main-visual-video-wrapper {
    background-position: center center;
}

/* テキスト全体に対して */
#main-visual .tpl_box {
    /* text-shadow: 0 0 4px rgba(0, 0, 0, 0.4), 0 0 16px rgba(0, 0, 0, 0.2); */
}

/* 楽天市場最大級の〜ポイントアップ */
#main-visual .tpl_item:nth-child(1) .tpl_name {
    color: #0dc100;
}

/* 日時　*/
#main-visual .tpl_item:nth-child(1) .tpl_catch_2 {
    color: #0dc100;
}

/* 曜日の丸 */
#main-visual .tpl_item:nth-child(1) .tpl_catch_2 .week {
/*     background-color: #fff; */
    /* color: #333; */
    color: #0dc100;
}

/* 点線下のテキスト */
#main-visual .tpl_item:nth-child(2) .tpl_name {
    color: #fff;
}

#main-visual .tpl_item:nth-child(2) .tpl_catch_1 {
    color: #fff;
}

#main-visual .tpl_item:nth-child(2) .tpl_catch_2 {
    color: #fff;
}

/* テキスト内span.is-yel */
#main-visual .is-yel {
    color: #ffd201;
}

.kaimawari .point-flow .columns {
    margin: 1rem auto 2rem;
    background-color: #f9f9f9;
    border-radius: 1rem;
    width: 100%;
    max-width: calc(100% - 32px);
}

body {
    background-color: #fff;
    color: #42210b;
    font-family: "メイリオ", Meiryo, "MS Pゴシック", "MS Gothic", sans-serif;
}

/* =============================
color setting
==============================*/
/* メインヴィジュアル（画像・テキストはバナー表示から編集）*/
#main-visual {}

/* 背景画像のポジション（SP時） */
#main-visual .main-visual-video-wrapper {
    background-position: center center;
}

/* テキスト全体に対して */
#main-visual .tpl_box {
    /*text-shadow: #ffffff 2px 2px 2px, #ffffff -2px 2px 2px, #ffffff 2px -2px 2px, #ffffff -2px -2px 2px;*/
    /*text-shadow: #ffffffa8 2px 2px 2px, #ffffffa8 -2px 2px 2px, #ffffffa8 2px -2px 2px, #ffffffa8 -2px -2px 2px; */
    /*text-shadow: #00000011 2px 2px 2px, #00000011 -2px 2px 2px, #00000011 2px -2px 2px, #00000011 -2px -2px 2px;*/
    /* くっきり */
    /*text-shadow:0 0 4px rgba(100, 100, 100,0.8), 0 0 16px rgba(200, 200, 200,0.4);*/
    /* ぼんやり */
}

/* 楽天市場最大級の〜ポイントアップ */
#main-visual .tpl_item:nth-child(1) .tpl_name {
    /*color: #dc2641; */
}

/* 日時　*/
#main-visual .tpl_item:nth-child(1) .tpl_catch_2 {
    /* color: #dc2641;*/
    /* color: #fff; */
    /* color: #fe0000; */
    color: #3d3d3d;
}

/* 曜日の丸 */
#main-visual .tpl_item:nth-child(1) .tpl_catch_2 .week {
/*     background-color: #fff; */
    /* background-color: #000#dc2641;*/
    /* color: #000; */
	color: #3d3d3d;
}

/* 点線下のテキスト */
#main-visual .tpl_item:nth-child(2) .tpl_name {
    color: #0dc100;
}

#main-visual .tpl_item:nth-child(2) .tpl_catch_1 {
    color: #0dc100;
}

#main-visual .tpl_item:nth-child(2) .tpl_catch_2 {
    /*color: #dc2641; */
    color: #fff;
}

/* テキスト内span.is-yel */
#main-visual .is-yel {
    /*color: #FFED28;*/
    color: #fff;
}

/* =============================
このページ独自のCSS
==============================*/
.present-1item img {
    max-width: 900px !important;
}

.present-caution {
    font-size: .875rem !important;
    text-align: center !important;
    margin: 0 auto !important;
    color: #fff !important;
    background-color: #fe9900 !important;
    width: 100% !important;
    max-width: 600px !important;
    padding: 1rem !important;
    border-radius: 1rem !important;
    box-shadow: none !important;
}

.present-caution01 {
    font-size: .875rem !important;
    text-align: center !important;
    margin: 0 auto !important;
    color: #fff !important;
    background-color: #fe9900 !important;
    width: 100% !important;
    max-width: 910px !important;
    padding: 1.8rem !important;
    border-radius: 1rem !important;
    box-shadow: none !important;
    line-height: 200%;
}

.special-lineup {
    margin: 0 auto;
    background-color: #ffffff;
    padding: 30px 30px 30px 30px;
}


.has-text-left {
    text-align: left !important;
}



.main-visual-video-wrapper #main-visual-video {
    width: 100%;
}

.ma_category-menu-wrapper .container {
    max-width: none !important;
    margin: 0 auto;
    padding: 0 0.5em !important;
}

#tpl_layout_page_body .ma_category-menu-wrapper .container.is-wide {
    max-width: 1140px !important;
}

.ma_category-menu-wrapper .ma_category-menu.columns {
    justify-content: center;
}

.ma_category-menu-wrapper .ma_category-menu a {
    margin: 0 auto;
}

.ma_category-menu-wrapper {
    margin: 0 auto 5.1rem;
}

.mallassist_layout_30829 .tpl_item_inner {
    border-color: #eeeeee !important;
}



@media only screen and (max-width:480px) {
    #main-visual .main-visual-video-wrapper {
        background-position: center center;
    }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    .column.has-text-centered.is-size-6-mobile.is-size-3-tablet {
        font-size: 1.25rem !important;
    }
}



br.sp {
    display: none;
}

br.pc {
    display: block;
}

@media screen and (max-width:768px) {
    br.sp {
        display: block;
    }

    br.pc {
        display: none;
    }
}

.is-background-stripe02 {
    background: #BA212B;
}


/*LINEUP*/
.special-line-up-title {
    text-align: center;
    color: #FFFF;
    font-weight: bold;
}

.lineup {
    background: #e4302f;
    /* padding: 32px; */
    max-width: 1180px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 33px 22px !important;
    margin-bottom: 36px;
}

.introduction-text,
.introduction-text strong {
    text-shadow: none;
    color: #ffff;
}


.kaimawari .title:after,
.kaimawari .title:before {
    display: none;
}




/*買い回り文言*/
.buying-info {
    text-align: center;
    padding: 20px 0 41px 0;
}


.points-max {
    font-size: 2rem;
    color: yellow;
    font-weight: bold;
    margin-top: 20px;

}

p.points-main strong {
    color: #FFFFFF !important;
}

.points-main {
    font-size: 1.25rem;
    margin-bottom: 10px;
    color: #FFFFFF !important;
}

/* スマートフォンやタブレットでのレスポンシブ対応 */
@media screen and (max-width: 768px) {
    .points-max {
        font-size: 1.5rem;
        /* 小さな画面では少し小さくする */
    }

    .points-main {
        font-size: 1rem;
        /* 中くらいの文字サイズを少し小さく */
    }
}

@media screen and (max-width: 480px) {
    .points-max {
        font-size: 1.2rem;
        /* スマートフォンではさらに小さく */
    }

    .points-main {
        font-size: 0.875rem;
        /* スマートフォンではさらに小さく */
    }
}

/* タブラベルのスタイル調整 */
.tab-wrapper {
    width: 100%;
}

.tab-scroll-wrap {
    overflow-x: auto;
    /* 横スクロールを有効化 */
    -webkit-overflow-scrolling: touch;
    /* スクロールをスムーズに */
    white-space: nowrap;
    /* ラベルを横に並べる */
    padding: 0 10px;
    /* スクロールできるスペースを確保 */
}

.tab-container {
    display: flex;
    justify-content: center;
    gap: 10px;
}


/* ラジオボタンを非表示 */
input[type="radio"] {
    display: none;
}

/* タブの選択時に背景色と文字色を変更 */
.tab-container input[type="radio"]:checked+label {
    background-color: #D4C4A1;
    color: #EAE3D0;
}

/* レスポンシブ対応 */
@media (max-width: 900px) {
    .tab-container label {
        width: calc(50% - 10px);
        /* 2列表示 */
    }
}

@media (max-width: 768px) {
    .tab-container {
        gap: 5px;
    }

    .tab-container label {
        padding: 12px 15px;
        /* 小さい画面でのパディング調整 */
    }
}

@media (max-width: 480px) {
    .tab-container {
        gap: 5px;
    }

    .tab-container label {
        font-size: 14px;
        /* フォントサイズを小さく */
        padding: 10px;
        /* パディングの調整 */
        min-width: 100px;
        /* 最小幅をさらに縮小 */
    }

    /* スマホ画面で横スクロールができるようにタブの幅を調整 */
    .tab-scroll-wrap {
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* タブのコンテンツ */
.tab-contents {
    padding: 56px 0 77px 0;
}

.tab-content-title {
    text-align: center;
    padding-bottom: 32px;
    color: #500800 !important;
}





/*背景色*/

.is-background-beige02 {
    background-color: #C6B791 !important;
}

.bg-beig {
    background: #EAE3D0;
}

/*吹き出し*/

span.underline {
    border-bottom: solid 10px #ffed28;
}

.brown {
    color: #500800;
}

.area-brown {
    background: #EAE3D0;
    padding: 48px 0 174px 0;
    margin-top: 20px;
}

section#category-dripbag {
    background: #C6B791;

}

section.section.is-background-beige02 {
    padding-bottom: 0 !important;
    padding-top: 111px;

}

.harf_coffee_beans {
    color: #500800;
}

.subtitle:after {
    border-bottom: none !important;
}

.pnk {
    color: #dd203f;
}

@media screen and (max-width: 768px) {
    .column.is-3-mobile {
        flex: none;
        width: 32%;
    }

    .tab-contents {
        padding: 0 0 77px 0;
    }
}


/*★*/
.special-line-up-title {
    text-align: center;
}

.star {
    display: inline-block;
}

@media (max-width: 768px) {
    .special-line-up-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    h3.balloon2 {
        line-height: 1.85rem !important;
    }


}

.balloon2 {
    justify-content: center;
    position: relative;
    margin-bottom: 15px;
    padding: .8em 1.2em;
    border-radius: 70px;
    background-color: #FFFFFF;
    color: #333333;
}

.balloon2::before {
    position: absolute;
    bottom: -23px;
    width: 28px;
    height: 26px;
    background-color: #ffffff;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    left: 50%;
}

h3.balloon2 {
    line-height: 2.85rem;
    margin-bottom: 67px !important;
    font-weight: bold;
}

@media only screen and (max-width: 1280px) {
    #present .chara1 {
        left: -3%;
        width: 200px;
        z-index: 1;
        top: -80px;
    }

    #present .chara2 {
        right: -3%;
        width: 150px;
        z-index: 1;
        top: -110px;
    }
}

.is-background-stripe03 {
    background: #DD203F;
}

.is-background-keiro2025 {
    background: #de4a18;
}

#present .chara1 {
    left: 0%;
    width: 250px;
    z-index: 1;
    top: 180px;
}

#present .chara2 {
    right: 0%;
    width: 180px;
    z-index: 1;
    top: 150px;
}

section#category-caffeine-less {
    max-width: 1180px;
    margin: 0 auto;
}

span.underline {
    text-decoration: underline #ffed28;
    line-height: 1.25;
    text-underline-offset: 5px;
    text-decoration-thickness: 10px;
}

span.underline02 {
    text-decoration: underline #FFCC24;
    line-height: 1.25;
    text-underline-offset: 5px;
    text-decoration-thickness: 10px;
}

span.underline03 {
    text-decoration: underline #FFCC24;
    line-height: 1.25;
    text-underline-offset: 5px;
    text-decoration-thickness: 10px;
}

span.underlinekeiro {
    text-decoration: underline #edd408;
    line-height: 1.25;
    text-underline-offset: 5px;
    text-decoration-thickness: 10px;
}

@media screen and (min-width: 769px),
not all {
    .is-size-0-tablet {
        font-size: 4rem !important;
    }
}

@media screen and (min-width: 769px),
print {

    .column.is-2,
    .column.is-2-tablet {
        flex: none;
        width: 15.66667% !important;
    }
}

.kaimawari {
    margin: 7rem auto 2rem !important;
}


section#introduction {
    padding: 3rem 0 15.25rem 0;
}

section#present {
    padding: 6rem 1.5rem 78px 1.5rem;
}

.plus {
    padding-top: 0;
}

.medama {
    margin-bottom: -30px;
}


.ma_title.title.has-text-centered.is-size-4-mobile.is-size-2-tablet.balloon2 {
    line-height: 3rem;
}


@media screen and (max-width:768px) {


    section#introduction {
        padding: 2rem 20px 6.25rem 20px !important;
    }

    section.section.is-background-beige02 {
        padding-bottom: 0 !important;
        padding-top: 51px;
    }

    .area-brown {
        padding: 48px 0 0 0;
    }
}

@media screen and (max-width:570px) {

    span.underline {
        line-height: 1.65;
    }

    span.underline02 {
        line-height: 1.65;
    }

    span.underline03 {
        line-height: 1.35;
    }
}

@media screen and (max-width: 768px) {
    .column.is-3-mobile {
        flex: none;
        width: 50% !important;
    }
}

.is-screenshot #tpl_layout_header,
.is-screenshot #tpl_layout_sp_header,
.is-screenshot #tpl_layout_sp_menu,
.is-screenshot #tpl_layout_footer,
.is-screenshot #page-top,
.is-screenshot .vertical-banner,
.is-screenshot .left-banner,
.is-screenshot .ma_title.title,
.is-screenshot .ma_subtitle.subtitle,
.is-screenshot .ma_title-largest.title.is-move,
.is-screenshot .present-keyword-wrapper,
.is-screenshot .ma_category-menu-wrapper,
.is-screenshot .is-screenshot-content,
.is-screenshot .tpl_favorite_button,
.is-screenshot .tpl_review_star {
    display: block !important;
}

.is-screenshot section[id^="category"] .sc-tpl_item {
    width: 100%;
    padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
    section#category-caffeine-less {
        padding: 2rem 20px 6.25rem 20px !important;
    }
}

.hangaku img {
    width: 1200px;
    padding: 0 20px;
}

.is-variable {
    display: flex;
    justify-content: center;
}

.present-container {
    max-width: 950px;
    margin: 0 auto;
}

.bg-beig02 {
    background: #ffd400;
}

.area-brown02 {
    background: #ffd400;
    padding: 48px 0 174px 0;
    margin-top: 20px;
}

.hangaku-image-container {
    margin: 0 auto;
    text-align: center;
    width: 94%;
}

.hangaku-image-container img {
    width: 1200px;
}

section#introduction2 {
    background: #E4302F;
    margin-bottom: -41px;
}


span.underline03 {
    text-decoration: underline #DD203F;
    line-height: 1.25;
    text-underline-offset: 5px;
    text-decoration-thickness: 10px;
}

@media screen and (max-width: 570px) {
    span.underline03 {
        line-height: 1.65;
    }
}

.is-screenshot section[id^="category"] .tpl_item_inner {
    margin: 10px;
}




.mallassist_layout_70902 .loading {
    transition: opacity .3s;
    opacity: 0;
    pointer-events: none;

}

.mallassist_layout_70902 a {
    color: inherit;
    font-size: inherit;

}

.mallassist_layout_70902 img {
    vertical-align: bottom;

}


/*  各要素感の余白
------------------------*/

.mallassist_layout_70902 .ma_element {
    margin-top: .5em;

}

.mallassist_layout_70902 .tpl_container.columns {
    margin: calc(-1 * var(--columnGap)+ 2px);

}

.mallassist_layout_70902 .tpl_item.column {
    padding: var(--columnGap);

}


/* ---------------------
- tpl_item
- tpl_name
- tpl_catch
- tpl_price
- etc.
--------------------- */

.mallassist_layout_70902 .tpl_container {
    position: relative;

}


/* =====================
アイテム //.tpl_item
===================== */

.mallassist_layout_70902 .tpl_item_container {
    height: 100%;
    position: relative;

}


/* =====================
アイテムインナー //.tpl_item_inner
===================== */

.mallassist_layout_70902 .tpl_item_inner {
    height: 100%;
    position: relative;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;

}


/* =====================
リンク //.tpl_link
===================== */

.mallassist_layout_70902 .tpl_link {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;

}


/* =====================
商品画像 //.tpl_image
===================== */

.mallassist_layout_70902 .tpl_image {
    position: relative;
    margin-bottom: 1rem;

}


/* =====================
日付表示 //.tpl_date
===================== */

.mallassist_layout_70902 .tpl_date {
    line-height: 1;
    padding: .2em .5em;
    position: relative;
    z-index: 1;

}


/* =====================
ランキング //.tpl_rank
===================== */

.mallassist_layout_70902 .tpl_rank {
    font-weight: bold;
    font-size: 14px;
    height: 30px;
    left: 0;
    line-height: 30px;
    margin-bottom: 5px;
    padding: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 30px;
    z-index: 1;

}


/* =====================
商品情報 //.tpl_info
===================== */

.mallassist_layout_70902 .tpl_info {
    padding: 0 5px 10px;

}


/* =====================
商品名 //.tpl_name
===================== */

.mallassist_layout_70902 .tpl_name {
    margin: 1em 0;

}


/* =====================
価格・送料 //.tpl_price_wrap
===================== */

.mallassist_layout_70902 .tpl_price_wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

}


/* =====================
商品価格 //.tpl_price
===================== */

.mallassist_layout_70902 .tpl_price_wrapper {
    justify-content: center;
    align-items: center;

}

.mallassist_layout_70902 .tpl_price {
    line-height: 1;

}

.mallassist_layout_70902 .tpl_price .price {
    font-family: 'din1451alt_G';
    font-size: 160%;

}

.mallassist_layout_70902 .tpl_price small {
    position: relative;
    margin-left: .25rem;

}

.mallassist_layout_70902 .tpl_price .tax {
    font-size: 50%;
    position: absolute;
    right: 0;
    top: -1.2em;
    white-space: nowrap;

}


/* =====================
送料無料 //.tpl_shipfree
===================== 
.mallassist_layout_70902 .tpl_ship_free {
    line-height: 1;
    margin-left: 5px;
    padding: .5em .5em;
    border: 1px solid;
}

*/

.mallassist_layout_70902 .tpl_ship_free {
    padding: 2px 4px;
    margin-left: 5px;

}


/* =====================
お気に入り追加ボタン //.tpl_favorite_button
===================== */

.mallassist_layout_70902 .tpl_favorite_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;

    /* 重なり順制御のため */
    transition: .2s;
    z-index: 2;

}

.mallassist_layout_70902 .tpl_favorite_button a {
    background: #eee;
    border-radius: 50%;
    border-width: 1px;
    border-style: solid;
    bottom: -.5em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    padding: .5em .5em;
    position: absolute;
    right: 1em;
    width: 2em;
    height: 2em;
    line-height: 2em;

}

.tpl_favorite_button .tpl_favorite_button__heart {}

.mallassist_layout_70902 .tpl_favorite_button .tpl_favorite_button__heart:before {
    font-family: "Flaticon";
    content: "\f182";

}


/* =====================
詳しくはこちらボタン //.tpl_link_button
===================== */

.mallassist_layout_70902 .tpl_link_button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;

    /* 重なり順調整のため */
    transition: .2s;
    z-index: 2;

}

.mallassist_layout_70902 .tpl_link_button a {
    background: #eee;
    border: 0;
    border-width: 1px;
    border-style: solid;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    padding: .5em .5em;

}

.mallassist_layout_70902 .tpl_link_button i:before {
    font-size: 10px;
    margin: 0;

}


/* =====================
レビュー星数 //.tpl_review
===================== */

.mallassist_layout_70902 .tpl_review {
    display: inline-block;
    left: 50%;
    position: relative;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 5em;

}

.mallassist_layout_70902 .tpl_review_star_gold {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;

}

.mallassist_layout_70902 .tpl_review_star_glay {
    color: #ccc;

}


/*
.mallassist_layout_70902 .tpl_review_visibility_0 {
visibility: hidden;
}
*/

.mallassist_layout_70902 .ma_stars:before {
    font-family: "Flaticon";
    content: "\f180\f180\f180\f180\f180";

}

.mallassist_layout_70902 .tpl_review_count {
    position: absolute;
    right: -5px;
    top: 50%;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%);

}


/* =====================
contents
===================== */

.mallassist_layout_70902 .tpl_update_time {
    margin-bottom: 5px;

}


/* 行数指定 */

.mallassist_layout_70902 .line-limit {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    overflow: hidden;

}

.mallassist_layout_70902 .line-limit__1 {
    -webkit-line-clamp: 1;

}

.mallassist_layout_70902 .line-limit__2 {
    -webkit-line-clamp: 2;

}

.mallassist_layout_70902 .line-limit__3 {
    -webkit-line-clamp: 3;

}

.mallassist_layout_70902 .line-limit__4 {
    -webkit-line-clamp: 4;

}

.mallassist_layout_70902 .line-limit__5 {
    -webkit-line-clamp: 5;

}

_:-ms-lang(x)::-ms-backdrop,
.mallassist_layout_70902 .line-limit__1 {

    /* IE11 */
    height: 1.5em;

    /* line-height * 数値で行数制限 */

}

_:-ms-lang(x)::-ms-backdrop,
.mallassist_layout_70902 .line-limit__2 {

    /* IE11 */
    height: 3em;

    /* line-height * 数値で行数制限 */

}

_:-ms-lang(x)::-ms-backdrop,
.mallassist_layout_70902 .line-limit__3 {

    /* IE11 */
    height: 4.5em;

    /* line-height * 数値で行数制限 */

}

_:-ms-lang(x)::-ms-backdrop,
.mallassist_layout_70902 .line-limit__4 {

    /* IE11 */
    height: 6em;

    /* line-height * 数値で行数制限 */

}

_:-ms-lang(x)::-ms-backdrop,
.mallassist_layout_70902 .line-limit__5 {

    /* IE11 */
    height: 7.5em;

    /* line-height * 数値で行数制限 */

}


/* =====================
汎用クラス付与系
===================== */

.mallassist_layout_70902 .has-border {
    border-style: solid;
    border-width: 1px;

}

.mallassist_layout_70902 .is-layered {
    position: absolute;

}

.mallassist_layout_70902 .round-corner {
    border-radius: 5px;

}


/* =====================
商品名 //.tpl_name
===================== */

.mallassist_layout_70902 .tpl_name {
    color: #333;

}


/* =====================
商品画像 //.tpl_image
===================== */

.mallassist_layout_70902 .tpl_image {
    border-color: #ccc;

}


/* =====================
日付表示 //.tpl_date
===================== */

.mallassist_layout_70902 .tpl_date {
    background: #f1f1f1;
    border-color: #ccc;
    color: #333;

}


/* =====================
自由テキスト //.tpl_free_text
===================== */

.mallassist_layout_70902 .tpl_free_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(218, 46, 63, 0.85);
    color: #fff;
    z-index: 10;
    /* padding: .2rem 0;*/
    /*font-size: 75%;*/

}


/* =====================
ランキング //.tpl_rank
===================== */

.mallassist_layout_70902 .tpl_rank {
    background: #ddd;
    color: #333;

}

.mallassist_layout_70902 .tpl_rank_1 {
    background: #FFC926;
    color: #333;

}

.mallassist_layout_70902 .tpl_rank_2 {
    background: #FFC926;
    color: #333;

}

.mallassist_layout_70902 .tpl_rank_3 {
    background: #FFC926;
    color: #333;

}


/*  ランキング背景 / 王冠パターン
-------------------------------*/

.mallassist_layout_70902 .tpl_rank.tpl_rank_crown {
    width: 100%;
    background: transparent !important;
    padding-top: 6px;
    margin-top: -6px;

}

.mallassist_layout_70902 .tpl_rank.tpl_rank_crown:not(.is-hidden)+.tpl_item_inner {
    height: calc(100% - 30px);

}

.mallassist_layout_70902 .tpl_rank.tpl_rank_crown .tpl_rank_num {
    position: relative;
    z-index: 1;

}

.mallassist_layout_70902 .tpl_rank_crown-icon {
    position: relative;
    width: 22px;
    margin-right: 0.25rem;
    display: inline-block;

}

.mallassist_layout_70902 .tpl_rank.tpl_rank_crown .tpl_rank_crown-icon:before,
.mallassist_layout_70902 .tpl_rank.tpl_rank_crown .tpl_rank_crown-icon:after {
    content: "";
    height: 0;
    width: 0;
    z-index: 0;
    position: absolute;
    left: 0;
    bottom: 0;

}

.mallassist_layout_70902 .tpl_rank.tpl_rank_crown .tpl_rank_crown-icon:before {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-style: solid;
    border-width: 0px 10px 16px 10px;

}

.mallassist_layout_70902 .tpl_rank.tpl_rank_crown .tpl_rank_crown-icon:after {
    border-top-color: transparent !important;
    border-style: solid;
    border-width: 7px 10px 5px 10px;

}

.mallassist_layout_70902 .tpl_rank .tpl_rank_crown-icon:before,
.mallassist_layout_70902 .tpl_rank .tpl_rank_crown-icon:after {
    border-color: inherit;

}

.mallassist_layout_70902 .tpl_rank_1 .tpl_rank_crown-icon:before,
.mallassist_layout_70902 .tpl_rank_1 .tpl_rank_crown-icon:after {
    border-color: inherit;

}

.mallassist_layout_70902 .tpl_rank_2 .tpl_rank_crown-icon:before,
.mallassist_layout_70902 .tpl_rank_2 .tpl_rank_crown-icon:after {
    border-color: inherit;

}

.mallassist_layout_70902 .tpl_rank_3 .tpl_rank_crown-icon:before,
.mallassist_layout_70902 .tpl_rank_3 .tpl_rank_crown-icon:after {
    border-color: inherit;

}


/*  ランキング背景 / 丸パターン
-------------------------------*/

.mallassist_layout_70902 .tpl_rank.tpl_rank_circle {
    border-radius: 50%;

}


/*  ランキング背景 / 日本語パターン
-------------------------------*/

.mallassist_layout_70902 .tpl_rank.tpl_rank_jp {
    background: none !important;
    height: auto;
    line-height: 1;
    text-align: left;
    width: auto;

}

.mallassist_layout_70902 .tpl_rank.tpl_rank_jp:before {
    content: "第";

}

.mallassist_layout_70902 .tpl_rank.tpl_rank_jp:after {
    content: "位";

}


/*  ランキング背景 / 英語パターン
-------------------------------*/

.mallassist_layout_70902 .tpl_rank.tpl_rank_en {
    background: none !important;
    height: auto;
    line-height: 1;
    text-align: left;
    width: auto;

}

.mallassist_layout_70902 .tpl_rank.tpl_rank_en:before {
    content: "No.";

}


/*  ランキング 配置
-------------------------------*/

.mallassist_layout_70902 .tpl_rank_center {
    margin: 0 auto 5px;
    text-align: center !important;

}

.mallassist_layout_70902 .tpl_rank_half_layered {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center !important;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.mallassist_layout_70902 .tpl_rank_half_layered+.tpl_item_inner {
    margin-top: 20px;

}


/* =====================
レビュー //.tpl_review
===================== */

.mallassist_layout_70902 .tpl_review_star_gold {
    color: #fb0;

}

.mallassist_layout_70902 .tpl_review_count {
    color: #333;

}


/* =====================
矢印の設定
===================== */


/* デフォルトのポジションを上書き */

.mallassist_layout_70902 .slick-prev {
    left: 0;

}

.mallassist_layout_70902 .slick-next {
    right: 0;

}

.mallassist_layout_70902 .slick-prev,
.mallassist_layout_70902 .slick-next {
    transition: .3s;
    border-width: 1px;
    border-style: solid;

}


/* 矢印ホバー時のアニメーション設定 */

.mallassist_layout_70902 .slick-prev:hover,
.mallassist_layout_70902 .slick-next:hover {
    opacity: 0.6;

}


/* デフォルトの矢印を非表示に */

.mallassist_layout_70902 .slick-next::before,
.mallassist_layout_70902 .slick-prev::before {
    display: none;

}

.mallassist_layout_70902 .slick-next::before,
.mallassist_layout_70902 .slick-prev::before {
    bottom: 0;
    color: inherit;
    display: block;
    font-size: 12px;
    font-family: "Flaticon";
    height: 10px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 10px;

}

.mallassist_layout_70902 .slick-next::before {
    content: "\f184";
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);

}

.mallassist_layout_70902 .slick-prev::before {
    content: "\f183";
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

}

.mallassist_layout_70902 .slick-prev,
.mallassist_layout_70902 .slick-prev:focus,
.mallassist_layout_70902 .slick-prev:hover,
.mallassist_layout_70902 .slick-next,
.mallassist_layout_70902 .slick-next:focus,
.mallassist_layout_70902 .slick-next:hover {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;

}

.mallassist_layout_70902 .slick-prev:focus,
.mallassist_layout_70902 .slick-prev:hover,
.mallassist_layout_70902 .slick-next:focus,
.mallassist_layout_70902 .slick-next:hover {
    background: inherit;

}

.mallassist_layout_70902 .slick-track {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;

}

.mallassist_layout_70902 .slick-slide {
    height: inherit !important;

}

.mallassist_layout_70902 .slick-slide>div {
    height: 100% !important;

}

.mallassist_layout_70902 .slick-slide>div .tpl_item {
    height: inherit !important;

}


/* =====================
矢印サイズ
===================== */

.mallassist_layout_70902 .arrowSmall .slick-prev,
.mallassist_layout_70902 .arrowSmall .slick-next {
    height: 24px;
    width: 24px;

}

.mallassist_layout_70902 .arrowSmall .slick-prev:before,
.mallassist_layout_70902 .arrowSmall .slick-next:before {
    font-size: 12px;

}


/* 中 */

.mallassist_layout_70902 .arrowMedium .slick-prev,
.mallassist_layout_70902 .arrowMedium .slick-next {
    height: 32px;
    width: 32px;

}

.mallassist_layout_70902 .arrowMedium .slick-prev:before,
.mallassist_layout_70902 .arrowMedium .slick-next:before {
    font-size: 16px;

}


/* 大 */

.mallassist_layout_70902 .arrowLarge .slick-prev,
.mallassist_layout_70902 .arrowLarge .slick-next {
    height: 48px;
    width: 48px;

}

.mallassist_layout_70902 .arrowLarge .slick-prev:before,
.mallassist_layout_70902 .arrowLarge .slick-next:before {
    font-size: 20px;

}


/*=====================
矢印の形
======================*/


/*円形　*/

.mallassist_layout_70902 .arrowCircle .slick-prev,
.mallassist_layout_70902 .arrowCircle .slick-next {
    border-radius: 50%;

}

.mallassist_layout_70902 .arrowSquare .slick-prev,
.mallassist_layout_70902 .arrowSquare .slick-next {
    border-radius: 0%;

}


/*四角*/


/* =====================
ドットの設定
===================== */

.mallassist_layout_70902 .slick-dots {
    bottom: auto;
    font-size: 0;
    line-height: 0;
    position: static;

}

.mallassist_layout_70902 .slick-dots li {
    width: 20px;
    height: 20px;

    /* 横のラインを合わせるために、矢印と高さをあわせる */
    margin: 0;
    position: relative;

}

.mallassist_layout_70902 .slick-dots li button {
    border-radius: 50%;
    width: 8px;

    /* ドットのサイズ(幅) */
    height: 8px;

    /* ドットのサイズ(高さ) */
    background: #ddd;

    /* ドットの色 */
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: .3s;

}

.mallassist_layout_70902 .slick-dots li.slick-active button {
    background: #666;

    /* アクティブなドットの色 */

}

.mallassist_layout_70902 .slick-dots li button:hover {
    background: #000;

    /* ドットホバー時の色 */

}

.mallassist_layout_70902 .slick-dots li button::before {
    display: none;

    /* デフォルトのドットを非表示に */

}


/* =====================
矢印位置の設定
===================== */

.mallassist_layout_70902 .tpl_slider {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.mallassist_layout_70902 .hasArrow.outsideArrow~.tpl_slider {
    box-sizing: border-box;
    padding: 0 20px;

}

.mallassist_layout_70902 .hasArrow.bottomArrow~.tpl_slider .slick-prev,
.mallassist_layout_70902 .hasArrow.bottomArrow~.tpl_slider .slick-next {
    bottom: 0;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;

}


/*
チラ見せ設定 */

@media screen and (max-width: 639px) {
    .mallassist_layout_70902 .showNext~.tpl_slider .slick-list {
        padding-right: 10%;

    }

}

@media screen and (min-width: 640px) {
    .mallassist_layout_70902 .showNext~.tpl_slider .slick-list {
        padding-right: 10%;

    }

}


/* animation */


/* Zoom In #1 */

.mallassist_layout_70902 .hover01 img {
    margin: 0 auto;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: .3s ease-in-out;

}

.mallassist_layout_70902 .hover01:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);

}

.mallassist_layout_70902 .hover01 .tpl_image {
    overflow: hidden;

}


/* Rotate */

.mallassist_layout_70902 .hover06 img {
    -webkit-transform: rotate(0) scale(1);
    -ms-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    transition: .3s ease-in-out;

}

.mallassist_layout_70902 .hover06:hover img {
    -webkit-transform: rotate(15deg) scale(1.4);
    -ms-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);

}

.mallassist_layout_70902 .hover06 .tpl_image {
    overflow: hidden;

}


/* Blur */

.mallassist_layout_70902 .hover07 img {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    transition: .3s ease-in-out;

}

.mallassist_layout_70902 .hover07:hover img {
    -webkit-filter: blur(3px);
    filter: blur(3px);

}


/* Opacity #1 */

.mallassist_layout_70902 .hover11 img {
    opacity: 1;
    transition: .3s ease-in-out;

}

.mallassist_layout_70902 .hover11:hover img {
    opacity: .5;

}


/* Shine */

.mallassist_layout_70902 .hover14 .tpl_image {
    position: relative;

}

.mallassist_layout_70902 .hover14 .tpl_image::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);

}

.mallassist_layout_70902 .hover14:hover .tpl_image::after {
    -webkit-animation: shine .75s;
    animation: shine .75s;

}

@-webkit-keyframes shine {
    100% {
        left: 125%;

    }

}

@keyframes shine {
    100% {
        left: 125%;

    }

}


/* ボタンアニメーション */

.mallassist_layout_70902 .button-fx_01:hover {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);

}

.mallassist_layout_70902 .button-fx_02:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);

}

.mallassist_layout_70902 .button-fx_03:hover {
    opacity: .5;

}

.mallassist_layout_70902 .button-fx_04:hover {
    -webkit-animation: shake .3s;
    animation: shake .3s;

}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);

    }

    25% {
        -webkit-transform: rotateZ(2deg);
        transform: rotateZ(2deg);

    }

    50% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);

    }

    75% {
        -webkit-transform: rotateZ(-2deg);
        transform: rotateZ(-2deg);

    }

    100% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);

    }

}

@keyframes shake {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);

    }

    25% {
        -webkit-transform: rotateZ(2deg);
        transform: rotateZ(2deg);

    }

    50% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);

    }

    75% {
        -webkit-transform: rotateZ(-2deg);
        transform: rotateZ(-2deg);

    }

    100% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);

    }

}

.mallassist_layout_70902 .tpl_item_inner {
    border-color: #eeeeee
}

.mallassist_layout_70902 .tpl_item_inner {
    background-color: #ffffff
}

.mallassist_layout_70902 .slick-dots li.slick-active button {
    background-color: #333333
}

.mallassist_layout_70902 .slick-prev,
.mallassist_layout_70902 .slick-next {
    border-color: transparent
}

.mallassist_layout_70902 .slick-prev,
.mallassist_layout_70902 .slick-next {
    background-color: transparent
}

.mallassist_layout_70902 .slick-prev,
.mallassist_layout_70902 .slick-next {
    color: #333333
}

.mallassist_layout_70902 .tpl_image {
    border-color: #cccccc
}

.mallassist_layout_70902 .tpl_name {
    color: #333333
}

.mallassist_layout_70902 .tpl_catch {
    color: #515151
}

.mallassist_layout_70902 .tpl_free_text {
    color: #ffffff
}

.mallassist_layout_70902 .tpl_price {
    color: #ff0000
}

.mallassist_layout_70902 .tpl_ship_free {
    color: #ff0000
}

.mallassist_layout_70902 .tpl_ship_free {
    border-color: transparent
}

.mallassist_layout_70902 .tpl_ship_free {
    background-color: transparent
}

.mallassist_layout_70902 .tpl_favorite_button__heart {
    color: #ff0000
}

.mallassist_layout_70902 .tpl_favorite_button a {
    border-color: #f1f1f1
}

.mallassist_layout_70902 .tpl_favorite_button a {
    background-color: #f1f1f1
}

.mallassist_layout_70902 .tpl_link_button a {
    color: #ffffff
}

.mallassist_layout_70902 .tpl_link_button a {
    border-color: #ff7010
}

.mallassist_layout_70902 .tpl_link_button a {
    background-color: #ff7010
}

.mallassist_layout_70902 .tpl_rank {
    color: #aaaaaa
}

.mallassist_layout_70902 .tpl_rank.tpl_rank_1 {
    color: #fccd00
}

.mallassist_layout_70902 .tpl_rank.tpl_rank_2 {
    color: #fccd00
}

.mallassist_layout_70902 .tpl_rank.tpl_rank_3 {
    color: #fccd00
}

.mallassist_layout_70902 .tpl_sale_before {
    background-color: transparent
}

.mallassist_layout_70902 .tpl_sale_now {
    background-color: transparent
}

.mallassist_layout_70902 .tpl_sale_after {
    background-color: transparent
}

.mallassist_layout_70902 .tpl_sale_now {
    color: #333333
}

.mallassist_layout_70902 .tpl_sale_before {
    color: #333333
}

.mallassist_layout_70902 .tpl_sale_after {
    color: #333333
}

.mallassist_layout_70902 .tpl_sale {
    color: #333333
}

.mallassist_layout_70902 .tpl_date {
    color: #333333
}

.mallassist_layout_70902 .tpl_date {
    background-color: transparent
}

.mallassist_layout_70902 .tpl_review_star_gold {
    color: #ffdd00
}


.mallassist_layout_70872 html {
    -webkit-font-smoothing: initial;

}


.mallassist_layout_70872 .is-background-beige {
    background-color: #eae3d0;

}

.mallassist_layout_70872 .is-background-yellow {
    background-color: #ffd400;

}



/* animation */


/* Zoom In #1 */

.mallassist_layout_70872 .hover01 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.mallassist_layout_70872 .hover01:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);

}


/* Rotate */

.mallassist_layout_70872 .hover06 img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.mallassist_layout_70872 .hover06:hover img {
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);

}


/* Blur */

.mallassist_layout_70872 .hover07 img {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.mallassist_layout_70872 .hover07:hover img {
    -webkit-filter: blur(3px);
    filter: blur(3px);

}


/* Opacity #1 */

.mallassist_layout_70872 .hover11 img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.mallassist_layout_70872 .hover11:hover img,
.mallassist_layout_70872 .hover11:active img {
    opacity: .8;

    /*opacity: .5;*/

}


/* Shine */

.mallassist_layout_70872 .hover14 .tpl_image {
    position: relative;

}

.mallassist_layout_70872 .hover14 .tpl_image::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);

}

.mallassist_layout_70872 .hover14:hover .tpl_image::after {
    -webkit-animation: shine .75s;
    animation: shine .75s;

}

@-webkit-keyframes shine {
    100% {
        left: 125%;

    }

}

@keyframes shine {
    100% {
        left: 125%;

    }

}


/* ボタンアニメーション */

.mallassist_layout_70872 .button-fx_01:hover {
    transform: scale(1.05);

}

.mallassist_layout_70872 .button-fx_02:hover {
    transform: scale(0.95);

}

.mallassist_layout_70872 .button-fx_03:hover {
    opacity: .5;

}

.mallassist_layout_70872 .button-fx_04:hover {
    animation: shake .3s;

}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg)
    }

    25% {
        transform: rotateZ(2deg)
    }

    50% {
        transform: rotateZ(0deg)
    }

    75% {
        transform: rotateZ(-2deg)
    }

    100% {
        transform: rotateZ(0deg)
    }

}

@keyframes shake {
    0% {
        transform: rotateZ(0deg)
    }

    25% {
        transform: rotateZ(2deg)
    }

    50% {
        transform: rotateZ(0deg)
    }

    75% {
        transform: rotateZ(-2deg)
    }

    100% {
        transform: rotateZ(0deg)
    }

}


/* youtube導線 */

.mallassist_layout_70872 .yt_bnr {
    margin: 0 auto;
    width: 100%;
    max-width: 720px;
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;

}

.mallassist_layout_70872 .yt_bnr img:hover {
    opacity: 0.6;
    filter: brightness(110%);

}

.mallassist_layout_70872 .yt_bnr img {
    -webkit-transition: all .3s;
    transition: all .3s;

}

@media screen and (max-width: 768px) {
    .mallassist_layout_70872 .yt_bnr {
        width: 90%;
        padding-bottom: 30px;

    }

}



.mallassist_layout_70872 .tpl_catch_2 {
    display: block;

}

.mallassist_layout_70872 .tpl_catch_1 {
    display: block;

}

.mallassist_layout_70872 .tpl_name {
    display: block;

}


/*==============================================
    eventbanner
===============================================*/

.mallassist_layout_70872 html,
.mallassist_layout_70872 body {
    margin: 0;
    padding: 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.mallassist_layout_70872 a {
    text-decoration: none;
    outline: 0;
    color: #000;
    transition: 0.3s;

}

.mallassist_layout_70872 a[href="javascript:void(0);"] {
    pointer-events: none;

}

.mallassist_layout_70872 img {
    vertical-align: top;
    outline: 0;

}

.mallassist_layout_70872 a:hover {
    opacity: 0.5;

}

.mallassist_layout_70872 .tpl_container {
    text-align: center;
    padding: 0 8px 32px;
    box-sizing: border-box;

}

.mallassist_layout_70872 .tpl_item {
    width: 100%;
    margin: 0 0 24px;

}


/*-------------------------- if has banner*/

.mallassist_layout_70872 .is-banner img {
    margin-bottom: 8px;
    max-width: 720px;

}

.mallassist_layout_70872 .is-banner-mini img {
    margin-bottom: 8px;
    width: 70%;

}


/*-------------------------- if only text*/

.mallassist_layout_70872 .is-text {
    text-decoration: none;
    font-weight: bold;
    line-height: 1.4;
    color: #CC0000;
    display: block;
    box-sizing: border-box;

}

.mallassist_layout_70872 .is-text-black {
    text-decoration: none;
    font-weight: bold;
    line-height: 1.4;
    color: #1a1a1a;
    display: block;
    box-sizing: border-box;

}

.mallassist_layout_70872 .is-text-red {
    color: #CC0000;
    font-size: 30px;

}

.mallassist_layout_70872 .is-text-white {
    color: #fff;
    font-size: 30px;

}

.mallassist_layout_70872 .is-text-black {
    color: #1a1a1a;
    font-size: 30px;

}

.mallassist_layout_70872 .is-text-size {
    color: #fff;
    font-size: 48px;

}

.mallassist_layout_70872 .is-text-size-black {
    color: #1a1a1a;
    font-size: 48px;

}

.mallassist_layout_70872 .is-text-small {
    color: #fff;
    font-size: 14px;
    font-weight: normal;

}

.mallassist_layout_70872 .is-img-1000 img {
    width: 770px;

}

.mallassist_layout_70872 .is-text img {
    display: none;

}


/*-------------------------- moving text*/

.mallassist_layout_70872 .is-text-move {
    display: block;
    font-size: 54px;
    color: #FFCB00;
    margin: 8px 0;
    font-weight: bold;
    animation: pulse linear 1500ms 1s infinite;

}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);

    }

    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);

    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);

    }

}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);

    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);

    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);

    }

}


/*--------------------------------------effects*/

.mallassist_layout_70872 .float_shadow a {
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    position: relative;
    transition: all .3s;

}

.mallassist_layout_70872 .float_shadow a:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    transition-property: transform, opacity .3s;

}

.mallassist_layout_70872 .float_shadow a:hover,
.mallassist_layout_70872 .float_shadow a:focus,
.mallassist_layout_70872 .float_shadow a:active {
    transform: translateY(-5px);

}

.mallassist_layout_70872 .float_shadow a:hover:before,
.mallassist_layout_70872 .float_shadow a:focus:before,
.mallassist_layout_70872 .float_shadow a:active:before {
    opacity: 1;
    transform: translateY(5px);

}

@media only screen and (max-width:768px) {
    .mallassist_layout_70872 img {
        width: 100%;

    }

    .mallassist_layout_70872 .is-text {
        font-size: 18px;
        padding: 16px;

    }

    .mallassist_layout_70872 .is-banner .tpl_catch_1 {
        font-size: 16px;

    }

    .mallassist_layout_70872 .is-banner img {
        margin-bottom: 4px;

    }

    .mallassist_layout_70872 .is-text-move {
        margin: 0 0 16px;
        font-size: 36px;

    }

    .mallassist_layout_70872 .is-text-red {
        font-size: 26px;

    }

    .mallassist_layout_70872 .is-text-white {
        font-size: 26px;

    }

    .mallassist_layout_70872 .is-text-black {
        font-size: 26px;

    }

    .mallassist_layout_70872 .is-text-size {
        font-size: 40px;

    }

    .mallassist_layout_70872 .is-text-size-black {
        font-size: 40px;

    }

    .mallassist_layout_70872 .is-text-small {
        font-size: 14px;

    }

}

@media only screen and (max-width:480px) {
    .mallassist_layout_70872 .tpl_item {
        margin: 0 0 4px;

    }

    .mallassist_layout_70872 .is-text {
        font-size: 13px;
        padding: 0 4px;

    }

    .mallassist_layout_70872 .is-text-red {
        font-size: 18px;

    }

    .mallassist_layout_70872 .is-text-white {
        font-size: 17px;

    }

    .mallassist_layout_70872 .is-text-black {
        font-size: 18px;

    }

    .mallassist_layout_70872 .is-text-size {
        font-size: 22px;

    }

    .mallassist_layout_70872 .is-text-size-black {
        font-size: 22px;

    }

    .mallassist_layout_70872 .is-text-small {
        font-size: 10px;

    }

    .mallassist_layout_70872 .is-text-move {
        font-size: 20px;

    }

}

.mallassist_layout_70872 .tpl_name a {
    color: #cc0000
}

.mallassist_layout_70872 .tpl_catch_1 {
    color: #000000
}

.mallassist_layout_70872 .tpl_catch_2 {
    color: #000000
}

.mallassist_layout_70877 html {
    -webkit-font-smoothing: initial;

}

@font-face {
    font-family: 'din1451alt_G';
    src: url() format('truetype');

}

@font-face {
    font-family: 'type_labo';
    src: url() format('opentype');

}

.mallassist_layout_70877 .is-background-beige {
    background-color: #eae3d0;

}

.mallassist_layout_70877 .is-background-yellow {
    background-color: #ffd400;

}

.mallassist_layout_70877 .is-background-stripe {
    background: url('https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u29517763/pc/mallassist/css/../../hal/lp/images/bg/stripe.png') repeat;

}


/* animation */


/* Zoom In #1 */

.mallassist_layout_70877 .hover01 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.mallassist_layout_70877 .hover01:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);

}


/* Rotate */

.mallassist_layout_70877 .hover06 img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.mallassist_layout_70877 .hover06:hover img {
    -webkit-transform: rotate(15deg) scale(1.4);
    transform: rotate(15deg) scale(1.4);

}


/* Blur */

.mallassist_layout_70877 .hover07 img {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.mallassist_layout_70877 .hover07:hover img {
    -webkit-filter: blur(3px);
    filter: blur(3px);

}


/* Opacity #1 */

.mallassist_layout_70877 .hover11 img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;

}

.mallassist_layout_70877 .hover11:hover img,
.mallassist_layout_70877 .hover11:active img {
    opacity: .8;

    /*opacity: .5;*/

}


/* Shine */

.mallassist_layout_70877 .hover14 .tpl_image {
    position: relative;

}

.mallassist_layout_70877 .hover14 .tpl_image::after {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);

}

.mallassist_layout_70877 .hover14:hover .tpl_image::after {
    -webkit-animation: shine .75s;
    animation: shine .75s;

}

@-webkit-keyframes shine {
    100% {
        left: 125%;

    }

}

@keyframes shine {
    100% {
        left: 125%;

    }

}


/* ボタンアニメーション */

.mallassist_layout_70877 .button-fx_01:hover {
    transform: scale(1.05);

}

.mallassist_layout_70877 .button-fx_02:hover {
    transform: scale(0.95);

}

.mallassist_layout_70877 .button-fx_03:hover {
    opacity: .5;

}

.mallassist_layout_70877 .button-fx_04:hover {
    animation: shake .3s;

}

@-webkit-keyframes shake {
    0% {
        transform: rotateZ(0deg)
    }

    25% {
        transform: rotateZ(2deg)
    }

    50% {
        transform: rotateZ(0deg)
    }

    75% {
        transform: rotateZ(-2deg)
    }

    100% {
        transform: rotateZ(0deg)
    }

}

@keyframes shake {
    0% {
        transform: rotateZ(0deg)
    }

    25% {
        transform: rotateZ(2deg)
    }

    50% {
        transform: rotateZ(0deg)
    }

    75% {
        transform: rotateZ(-2deg)
    }

    100% {
        transform: rotateZ(0deg)
    }

}


/* youtube導線 */

.mallassist_layout_70877 .yt_bnr {
    margin: 0 auto;
    width: 100%;
    max-width: 720px;
    padding-top: 50px;
    padding-bottom: 100px;
    text-align: center;

}

.mallassist_layout_70877 .yt_bnr img:hover {
    opacity: 0.6;
    filter: brightness(110%);

}

.mallassist_layout_70877 .yt_bnr img {
    -webkit-transition: all .3s;
    transition: all .3s;

}

@media screen and (max-width: 768px) {
    .mallassist_layout_70877 .yt_bnr {
        width: 90%;
        padding-bottom: 30px;

    }

}


/*
bug fix
________________________________*/

.mallassist_layout_70877 #mall_assist_accessory_content {
    max-width: 100vw;

}


/*
	utility
________________________________*/

.mallassist_layout_70877 .hidden {
    display: none !important;

}

.mallassist_layout_70877 .round-corner {
    border-radius: 30px !important;

}

.mallassist_layout_70877 .overlay_link {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    outline: 0;

}


/* 
	間隔調整 
________________________________*/

.mallassist_layout_70877 .tpl_name+div,
.mallassist_layout_70877 .tpl_catch+div,
.mallassist_layout_70877 .tpl_free_text+div,
.mallassist_layout_70877 .tpl_sale+div,
.mallassist_layout_70877 .tpl_price_wrapper+div,
.tpl_button_wrapper+div
/*,
.mallassist_layout_70877 .tpl_favorite_button + div,
.tpl_link_button + div */

    {
    margin-top: 8px;

}


/*
	商品ブロック
________________________________*/

.mallassist_layout_70877 .tpl_item_inner {
    border-style: solid;
    border-width: 5px;
    padding: 4rem 2rem 4rem 2rem;
    position: relative;
    align-items: center;

}


/*
	商品画像
________________________________*/

.mallassist_layout_70877 .tpl_image {
    position: relative;
    overflow: hidden;
    width: 50%;

}

.mallassist_layout_70877 .tpl_image:before {
    content: "";
    display: block;
    padding-bottom: 100%;

}

@media only screen and (max-width:480px) {
    .mallassist_layout_70877 .tpl_image:before {
        padding-bottom: 87%;

    }

    .mallassist_layout_70877 .title02 {
        top: -29px !important;
        z-index: 1;

    }

}

.mallassist_layout_70877 .tpl_image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

}


/*
	商品詳細
________________________________*/

.mallassist_layout_70877 .tpl_info {
    padding: 0 1rem;
    width: 60%;

}


/*
	商品名
________________________________*/

.mallassist_layout_70877 .tpl_name {
    line-height: 1.5;

    /*height: 3em;*/
    /* line-height * 数値で行数制限 */
    overflow: hidden;

}


/*
	キャッチコピー
________________________________*/

.mallassist_layout_70877 .tpl_catch {
    line-height: 1.5;

    /*height: 3em;*/
    /* line-height * 数値で行数制限 */
    overflow: hidden;

}


/*
	販売価格
________________________________*/

.mallassist_layout_70877 .tpl_price_wrapper {
    justify-content: flex-start;
    align-items: center;

}

.tpl_price {}


/*
	送料無料
________________________________*/

.mallassist_layout_70877 .tpl_ship_free {
    padding: 2px 4px;
    margin-left: 5px;
    margin-top: 1.6em;

}

@media only screen and (max-width:480px) {
    .mallassist_layout_70877 .tpl_ship_free {
        margin-top: 0.2em;

    }


}


/*
	レビュー星
________________________________*/

.mallassist_layout_70877 .tpl_review_star {
    font-size: 12px;
    position: relative;
    display: inline-block;
    width: 5em;
    height: 1.5em;

    /*left: 50%;
	transform: translateX(-50%);*/

}

.mallassist_layout_70877 .tpl_review_star_gold {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;

}

.mallassist_layout_70877 .tpl_review_star_glay {
    color: #ccc;

}

.mallassist_layout_70877 .tpl_review_visibility_0 {
    visibility: hidden;

}


/*
	お気に入りボタン
________________________________*/

.mallassist_layout_70877 .tpl_favorite_button {
    transition: .2s;
    position: relative;
    z-index: 1;

}

.mallassist_layout_70877 .tpl_favorite_button .button {
    border-style: solid;
    border-width: 1px;

}


/*
.mallassist_layout_70877 .favorite_text-with-icon {
	width: 100%;
}
*/

.mallassist_layout_70877 .favorite_text-with-icon .heart {
    margin-left: 5px;

}

.mallassist_layout_70877 .favorite_text-only .heart {
    display: none;

}

.mallassist_layout_70877 .favorite_icon-only {
    width: auto;

}

.mallassist_layout_70877 .favorite_icon-only .favorite_text {
    display: none;

}


/*
	リンクボタン
________________________________*/

.mallassist_layout_70877 .tpl_link_button {
    transition: .2s;
    position: relative;
    z-index: 1;
    margin-left: 5px;
    width: 100%;

}

.mallassist_layout_70877 .tpl_link_button .button {
    border: 0;

}


/*
	ランキング
________________________________*/

.mallassist_layout_70877 .tpl_rank {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    background-size: contain;
    text-align: center;
    font-weight: bold;

}

.mallassist_layout_70877 .tpl_rank {
    background: #ddd;

}

.mallassist_layout_70877 .tpl_rank_1 {
    background: #FFC926;

}

.mallassist_layout_70877 .tpl_rank_2 {
    background: #FFC926;

}

.mallassist_layout_70877 .tpl_rank_3 {
    background: #FFC926;

}


/*
	セール情報
________________________________*/

.mallassist_layout_70877 .tpl_sale_before,
.mallassist_layout_70877 .tpl_sale_now,
.mallassist_layout_70877 .tpl_sale_after {
    padding: 2px 4px;

}


/*
	自由テキスト
________________________________*/

.mallassist_layout_70877 .tpl_free_text {
    height: 4.5em;
    line-height: 1.5em;
    margin: 2px 0 5px;
    overflow: hidden;

}


/*
	カスタマイズ
________________________________*/

@media only screen and (max-width:480px) {

    .mallassist_layout_70877 .tpl_image,
    .mallassist_layout_70877 .tpl_info {
        width: 100%;

    }

    .mallassist_layout_70877 .tpl_item_inner {
        flex-wrap: wrap;
        border-width: .5rem;
        padding: 0 20px 3rem 20px !important;

    }

    .mallassist_layout_70877 .tpl_image {
        position: relative;
        padding-top: 130px;

    }

    .mallassist_layout_70877 .tpl_info {
        padding: 0;

    }

    .mallassist_layout_70877 .tpl_price_wrapper,
    .mallassist_layout_70877 .tpl_button_wrapper {
        justify-content: center;

    }

    .mallassist_layout_70877 .tpl_review_star {
        left: 50%;
        transform: translateX(-50%);

    }

}


/* ===============================
	ポイント倍率（全関連レイアウト共通）
===============================*/

.mallassist_layout_70877 .tpl_name .point_wrap {
    position: absolute;
    position: absolute;
    top: 14px;
    left: 0;

}

.mallassist_layout_70877 .tpl_name .point {
    background: radial-gradient(#ffd000, #ffd000);
    color: #42210b;
    text-align: center;
    line-height: 1;
    padding: .25rem .25rem;
    position: relative;

}

.mallassist_layout_70877 .tpl_name .point:before,
.mallassist_layout_70877 .tpl_name .point:after {
    content: "";
    display: block;
    position: absolute;

}

.mallassist_layout_70877 .tpl_name .point:before {
    left: -.75rem;
    top: 0;
    z-index: -1;
    border: 1.25rem solid #ffd000;
    border-left: .75rem solid transparent;

}

.mallassist_layout_70877 .tpl_name .point:after {
    right: 3px;
    bottom: -5px;
    transform: rotate(45deg);
    z-index: 1;
    border: 5px solid transparent;
    border-right: 5px solid #be9500;

}

.mallassist_layout_70877 .tpl_name .point_text {
    font-size: .75rem;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    vertical-align: baseline;
    width: 1.75rem;
    font-family: 'type_labo';

}

.mallassist_layout_70877 .tpl_name .number {
    font-size: 2rem;
    font-weight: bold;
    font-family: 'din1451alt_G';
    display: inline-block;
    vertical-align: baseline;
    background-color: transparent;
    padding: 0;
    height: auto;
    min-width: auto;
    margin: 0 2px 0 0;
    letter-spacing: -1px;

}

.mallassist_layout_70877 .tpl_name .bai {
    font-size: 1rem;
    font-weight: bold;
    display: inline-block;
    vertical-align: baseline;

}

@media screen and (max-width:768px) {
    .tpl_name .point {}

    .tpl_name .point_text {}

    .tpl_name .number {}

    .tpl_name .bai {}

    .mallassist_layout_70877 .tpl_name .point_wrap {
        top: 40px;

    }

}


/* 値段 */

.mallassist_layout_70877 .tpl_price .price {
    font-family: 'din1451alt_G';
    font-size: 160%;

}


/* 税込み */

.mallassist_layout_70877 .tpl_price small {
    position: relative;
    margin-left: 0.25rem;

}

.mallassist_layout_70877 .tpl_price .tax {
    font-size: 50%;
    position: absolute;
    right: 0;
    top: -1em;
    white-space: nowrap;

}

@media screen and (max-width: 768px) {
    .mallassist_layout_70877 .has-text-centered-mobile {
        text-align: center !important;

    }

    .mallassist_layout_70877 .has-text-left {
        text-align: center !important;

    }

}

.mallassist_layout_70877 .list-container {
    position: relative;
    margin-top: 84px;

}

.mallassist_layout_70877 .title02 {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.1;

    /* padding: .75rem; */

    /* font-weight: 400; */
    white-space: nowrap;
    z-index: 1;
    width: 80%;

}

.mallassist_layout_70877 .tpl_free_text {
    color: #DD203F !important;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    font-weight: bold;

    /* white-space: nowrap; */
    z-index: 1;
    width: 100%;
    text-align: center;

}


.mallassist_layout_70877 .mallassist_layout_70262 .introduction-text div {
    margin-bottom: 0.75em;
    line-height: 2rem;

}

.mallassist_layout_70877 .title02 {
    position: absolute;
    top: -52px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.1;
    padding: .75rem;
    font-weight: 400;
    white-space: nowrap;
    z-index: 1;
    width: 700px;

}

.mallassist_layout_70877 .tpl_free_text {
    background: none;
    color: #DE201B !important;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1.1;
    padding: .75rem;
    font-weight: 400;
    white-space: nowrap;
    z-index: 1;
    font-weight: bold;

}

.mallassist_layout_70877 .wh {
    color: #ffff;

}

@media screen and (max-width: 768px) {
    .mallassist_layout_70877 .title02 {
        position: absolute;
        top: -30px;
        width: 500px;

    }

    .mallassist_layout_70877 .tpl_free_text {
        top: -20px;

    }


}

@media screen and (max-width: 480px) {
    .mallassist_layout_70877 .title02 {
        position: absolute;
        top: -45px;
        width: 330px;
    }


    .mallassist_layout_70877 .tpl_free_text {
        top: -27px;

    }

    .mallassist_layout_70877 .tpl_link_button .button {
        width: 98%;

    }

    .mallassist_layout_70877 .button {
        padding: 25px;

    }

}

.mallassist_layout_70877 section#category-caffeine-less {
    padding-bottom: 87px;

}

.mallassist_layout_70877 .tpl_catch {
    color: #dd203f;
    z-index: 10;
    font-size: 75%;
    font-weight: bold;

}

.mallassist_layout_70877 .tpl_image img {
    width: 100%;

}

.mallassist_layout_70877 .tpl_name {
    color: #42210b
}



.mallassist_layout_70877 .tpl_catch {
    color: #ec0030
}

.mallassist_layout_70877 .tpl_price {
    color: #ec0030
}

.mallassist_layout_70877 .tpl_ship_free {
    color: #ffffff
}

.mallassist_layout_70877 .tpl_review_star_gold {
    color: #ffd200
}

.mallassist_layout_70877 .heart {
    color: #dc2541
}

.mallassist_layout_70877 .tpl_favorite_button a {
    color: #42210b
}

.mallassist_layout_70877 .tpl_link_button a {
    color: #ffffff
}

.mallassist_layout_70877 .tpl_sale_before {
    color: #333333
}

.mallassist_layout_70877 .tpl_sale_now {
    color: #ffff00
}

.mallassist_layout_70877 .tpl_sale_after {
    color: #42210b
}

.mallassist_layout_70877 .tpl_sale {
    color: #42210b
}

.mallassist_layout_70877 .tpl_free_text {
    color: #42210b
}

.mallassist_layout_70877 .tpl_item_inner {
    background-color: #ffffff
}

.mallassist_layout_70877 .tpl_item_inner {
    border-color: #e8e8e8
}

.mallassist_layout_70877 .tpl_ship_free {
    background-color: #ec0030
}

.mallassist_layout_70877 .tpl_ship_free {
    border-color: #ec0030
}

.mallassist_layout_70877 .tpl_favorite_button a {
    background-color: #f7f0e0
}

.mallassist_layout_70877 .tpl_favorite_button .button {
    border-color: transparent
}

.mallassist_layout_70877 .tpl_link_button a {
    background-color: #dd203f
}

.mallassist_layout_70877 .tpl_sale_before {
    background-color: #cccccc
}

.mallassist_layout_70877 .tpl_sale_now {
    background-color: #dc2541
}

.mallassist_layout_70877 .tpl_sale_after {
    background-color: #cccccc
}



/*

==============================================
    main visual
===============================================*/


/* --------------------------------------------------------------

	色味の設定は各ページのCSS編集にて

-------------------------------------------------------------- */


/* base
------------------------------- */

.mallassist_layout_70901 body {
    margin: 0;
    background: #eee;

}

.mallassist_layout_70901 a {
    text-decoration: none;

}

.mallassist_layout_70901 .is-hidden-tablet {
    display: none;

}


/* layout
------------------------------- */

.mallassist_layout_70901 .tpl_container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    /*padding: 4rem 2rem 2.5rem;*/
    padding: 6rem 2rem 4.5rem;
    box-sizing: border-box;
    position: relative;
    z-index: 5;

}

.mallassist_layout_70901 .tpl_item {
    margin: 0 auto;
    font-weight: bold;
    text-align: center;

}


/* ------------ main text & images */

.mallassist_layout_70901 .tpl_item:nth-child(1) {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;

}


/* left image area */

.mallassist_layout_70901 .tpl_image {

    width: 30%;

    /*max-width: 320px;*/

}

.mallassist_layout_70901 .tpl_image img {
    max-width: 100%;

    /*width: 100%;*/
    opacity: .95;

}


/* right text area */

.mallassist_layout_70901 .tpl_box {
    width: 100%;
    max-width: calc(100% - 300px - 24px);
    position: relative;
    text-shadow: 1px 1px e6e6e6;

}


/* right text area / pointup */

.mallassist_layout_70901 .tpl_name {
    /* font-size: 6.5rem; */
    font-size: 3.5rem;
    color: #dc2641;
}

.mallassist_layout_70901 .tpl_name .larger {
    font-size: 240%;
    line-height: 1.2;
    display: inline-block;
    width: 100%;

}


/* right text area / point number */

.mallassist_layout_70901 .tpl_catch_1 {

    /* text-shadow: #000 2px 2px 6px, #000 -2px 2px 6px, #000 2px -2px 6px, #000 -2px -2px 6px; */

}

.mallassist_layout_70901 .tpl_catch_1 span {
    line-height: 1;
    display: inline-block;
    vertical-align: baseline;

}

.mallassist_layout_70901 .tpl_catch_1 {
    font-size: 2.2rem;
    line-height: 1.2;

    /*font-family: 'type_labo';*/

}

.mallassist_layout_70901 .tpl_catch_1 .point_text {
    font-size: 2.5rem;
    line-height: 1.2;

    /*font-family: 'type_labo';*/

}

.mallassist_layout_70901 .tpl_catch_1 .point_max {
    font-size: 2.5rem;
    display: inline-block;
    line-height: 1.1;

}

.mallassist_layout_70901 .tpl_catch_1 .point_number {
    font-size: 9.5rem;
    margin-left: 5px;
    font-family: 'din1451alt_G';
    letter-spacing: 5px;
    margin-right: -5px;

}

.mallassist_layout_70901 .tpl_catch_1 .point_bai {
    font-size: 2.5rem;

}


/* right text area / date */

.mallassist_layout_70901 .tpl_catch_2 {
    font-size: 2rem;
    letter-spacing: 2px;
}

.mallassist_layout_70901 .tpl_item:nth-child(1) .tpl_catch_2 {
    font-family: 'din1451alt_G', sans-serif;

}

.mallassist_layout_70901 .tpl_catch_2 .week {
    display: inline-block;
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin: 0.15rem;
    vertical-align: middle;
    font-size: 1.4rem;
    text-shadow: none;
    letter-spacing: 0;

}


/* ------------ sub text */

.mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_image {
    display: none;

}

.mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_box {
    max-width: inherit;
    border-top: .3rem dashed rgb(255, 255, 255);
    padding: 1rem 0 0;

    /*font-family: 'din1451alt_G', sans-serif;*/

}

.mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_name,
.mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_catch_1,
.mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_catch_2 {

    /*font-size: 1.5rem;*/
    font-size: 2rem;
    margin: .5em 0;
    line-height: 1.3;

}

.mallassist_layout_70901 .tpl_item:nth-child(2) .is-large {
    font-size: 125%;

}

.mallassist_layout_70901 .tpl_item:nth-child(2) .is-larger {
    font-size: 180%;

}

.mallassist_layout_70901 .tpl_item:nth-child(2) .is-largest {
    font-size: 235%;

}

.mallassist_layout_70901 .tpl_item:nth-child(2) .is-move {
    display: block;
    margin: 1rem 0;
    animation: pulse linear 1500ms 1s infinite;

}

@keyframes pulse {
    0% {
        transform: scale(1);

    }

    50% {
        transform: scale(1.1);

    }

    100% {
        transform: scale(1);

    }

}


/* ------------ ex text */

.mallassist_layout_70901 .ex {
    background-color: #f9f9f9;
    text-shadow: none;
    color: #f00;
    padding: 1.5rem .5rem;
    position: absolute;
    top: 50%;
    right: 0;
    width: 90%;
    line-height: 1.2;
    transform: rotate(-5deg) translateY(-50%);
    opacity: .95;
    box-shadow: rgba(0, 0, 0, 0.4) 4px 4px 8px;

}

.mallassist_layout_70901 .ex:before,
.mallassist_layout_70901 .ex:after {
    content: "";
    display: block;
    width: 100px;
    height: 40px;
    background-color: #f9f08e;
    position: absolute;
    top: .5em;
    opacity: .8;

}

.mallassist_layout_70901 .ex:before {
    transform: rotate(-45deg);
    left: -1em;

}

.mallassist_layout_70901 .ex:after {
    transform: rotate(45deg);
    right: -1em;

}

.mallassist_layout_70901 .ex-text-01 {
    font-size: 4rem;

}

.mallassist_layout_70901 .ex-text-02 {
    font-size: 2.5rem;

}

@media only screen and (max-width:1080px) {
    .mallassist_layout_70901 .tpl_container {
        padding: 3rem 1rem;

    }

    /* ------------ main text & images */
    .mallassist_layout_70901 .tpl_image {
        /*max-width: 240px;*/

    }

    .mallassist_layout_70901 .tpl_box {
        max-width: 440px;

    }

    .mallassist_layout_70901 .tpl_name {
        font-size: 4.5rem;

    }

    .mallassist_layout_70901 .tpl_catch_1 .point_text {
        font-size: 2.5rem;

    }

    .mallassist_layout_70901 .tpl_catch_1 .point_max,
    .mallassist_layout_70901 .tpl_catch_1 .point_bai {
        font-size: 2.3rem;

    }

    .mallassist_layout_70901 .tpl_catch_1 .point_number {
        font-size: 6rem;

    }

    .mallassist_layout_70901 .tpl_catch_2 {
        font-size: 2rem;
        top: -1rem;

    }

    /* ------------ sub text */
    .mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_name,
    .mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_catch_1,
    .mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_catch_2 {
        font-size: 1.25rem;

    }

    /* ------------ ex text */
    .mallassist_layout_70901 .ex-text-01 {
        font-size: 5vw;

    }

    .mallassist_layout_70901 .ex-text-02 {
        font-size: 3vw;

    }

}

@media only screen and (max-width:640px) {
    .mallassist_layout_70901 .is-hidden-tablet {
        display: block;

    }

    .mallassist_layout_70901 .tpl_container {
        padding: 1rem 0 0;

    }

    .mallassist_layout_70901 .tpl_item:nth-child(1) {
        flex-wrap: wrap;

    }

    /* ------------ main text & images */
    .mallassist_layout_70901 .tpl_image {
        width: 40%;
        margin: 0 auto 1rem;

    }

    .mallassist_layout_70901 .tpl_box {
        width: 100%;

    }

    .mallassist_layout_70901 .tpl_name .larger {
        font-size: 130%;

    }

    /* .tpl_catch_1 .point_text { font-size: 2rem; } */
    .mallassist_layout_70901 .tpl_catch_1 .point_max,
    .mallassist_layout_70901 .tpl_catch_1 .point_bai {
        font-size: 1.75rem;

    }

    .mallassist_layout_70901 .tpl_catch_1 .point_number {
        font-size: 5rem;

    }

    .mallassist_layout_70901 .tpl_catch_2 {
        font-size: 1.3rem;
        letter-spacing: -1px;

    }

    .mallassist_layout_70901 .tpl_catch_2 .week {
        display: inline-block;
        border-radius: 50%;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        margin: 0.15rem;
        vertical-align: middle;
        font-size: 0.9rem;
        text-shadow: none;
        letter-spacing: 0;

    }

    /* ------------ sub text */
    .mallassist_layout_70901 .tpl_item:nth-child(2) {
        margin: 8px 0 0;

    }

    .mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_box {
        padding: 1rem 0;
        background-color: rgba(255, 255, 255, 0.4);

    }

    .mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_name,
    .mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_catch_1,
    .mallassist_layout_70901 .tpl_item:nth-child(2) .tpl_catch_2 {
        font-size: 1rem;

    }

    .mallassist_layout_70901 .tpl_item:nth-child(2) .is-large {
        font-size: 125%;

    }

    .mallassist_layout_70901 .tpl_item:nth-child(2) .is-larger {
        font-size: 150%;

    }

    .mallassist_layout_70901 .tpl_item:nth-child(2) .is-largest {
        font-size: 150%;

    }

    /* ------------ ex text */
    .mallassist_layout_70901 .ex-text-01 {
        font-size: 8vw;

    }

    .mallassist_layout_70901 .ex-text-02 {
        font-size: 6vw;

    }

}

@media only screen and (max-width:480px) {

    .mallassist_layout_70901 .tpl_name {
        font-size: 2.2rem;
    }


    .mallassist_layout_70901 .tpl_catch_1 {
        font-size: 1.5rem;
    }

    .mallassist_layout_70901 .tpl_image img {
        max-width: 80%;

    }

}

@media only screen and (max-width:320px) {
    .mallassist_layout_70901 .tpl_catch_2 {
        font-size: 1rem;

    }

}

.mallassist_layout_70901 br.sp {
    display: none;

}

.mallassist_layout_70901 br.pc {
    display: block;

}

@media screen and (max-width:768px) {
    .mallassist_layout_70901 br.sp {
        display: block;
    }

    .mallassist_layout_70901 br.pc {
        display: none;

    }

}

.mallassist_layout_70901 .tpl_name a {
    color: #ffed28;
}

.mallassist_layout_70901 .tpl_catch_1 {
    color: #0dc100;
}

.mallassist_layout_70901 .tpl_catch_2 {
    color: #ffed28;
}

.mallassist_layout_70875 .tpl_catch_2 {
    display: none;

}

.mallassist_layout_70875 .tpl_catch_1 {
    display: none;

}

.mallassist_layout_70875 .tpl_name {
    display: none;

}

.mallassist_layout_70875 html,
.mallassist_layout_70875 body {
    margin: 0;
    padding: 0;

}

.mallassist_layout_70875 img {
    max-width: 100%;
    width: 100%;
    transition: .3s;
    vertical-align: bottom;

}

.mallassist_layout_70875 a:hover img {
    opacity: .6;

}

.mallassist_layout_70875 a,
.mallassist_layout_70875 img,
.mallassist_layout_70875 a:focus,
.mallassist_layout_70875 img:focus {
    outline: 0;

}

.mallassist_layout_70875 .container:after {
    display: block;
    content: "";
    clear: both;

}

.mallassist_layout_70875 .tpl_item {
    width: 22.5%;
    margin: 0 2% 15px 0;
    float: left;

}

.mallassist_layout_70875 .tpl_item:nth-child(4n+1) {
    clear: left;

}

@media only screen and (max-width:480px) {
    .mallassist_layout_70875 .tpl_item {
        width: 49%;
        clear: none;

    }

}

@media screen and (min-width: 769px) {
    .mallassist_layout_70875 .introduction-text div {
        line-height: 4rem;
        margin-top: 16px;

    }

}

@media screen and (max-width: 570px) {
    .mallassist_layout_70875 .tpl_item {
        flex: 1 1 100%;

    }

    .mallassist_layout_70875 .container {
        padding: 33px 22px !important;

    }

}

.mallassist_layout_70875 span.underline03 {
    text-decoration: underline #FFCC24;
    line-height: 1.55;
    text-underline-offset: 5px;
    text-decoration-thickness: 10px;

}

.mallassist_layout_70875 .introduction-text {
    line-height: 2.95rem;

}

.mallassist_layout_70875 .tpl_name {
    margin-top: 0px !important;

}

@media screen and (min-width: 769px) {
    .mallassist_layout_70875 .introduction-text div {
        line-height: 4rem;

    }

}

.mallassist_layout_70875 .introduction-text {
    margin: 0;

}

.mallassist_layout_70875 .tpl_catch_1 {
    display: none;

}

.mallassist_layout_70875 .tpl_catch_2 {
    display: none;

}

@media screen and (min-width: 769px) {
    .is-size-0-tablet {
        font-size: 4rem !important;

    }

}

.mallassist_layout_70875 .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem 2rem !important;
    background: #E4302F;
    padding: 54px 40px !important;
    border-radius: 10px;

}

@media screen and (max-width: 768px) {
    .mallassist_layout_70875 .container {
        padding: 24px 40px !important;

    }

    .mallassist_layout_70875 .tpl_item {
        width: 45.5%;

    }

    .mallassist_layout_70875 .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;

    }

    .mallassist_layout_70875 .bold {
        font-weight: bold;

    }

    .mallassist_layout_70875 .tpl_name a {
        color: #000000
    }

    .mallassist_layout_70875 .tpl_catch_1 {
        color: #000000
    }

    .mallassist_layout_70875 .tpl_catch_2 {
        color: #000000
    }


    /* color setting 
------------------------ */


    /* ----- search ----- */

    #tpl_layout_sp_menu .ma_sp-field .input {
        background: #fff;

    }

    #tpl_layout_sp_menu .ma_sp-field .control .icon {
        color: #ddd;

    }


    /* ----- menu background ----- */

    #tpl_layout_sp_menu .ma_sp-menu {
        background: #fff;

    }


    /* ----- menu title ----- */

    #tpl_layout_sp_menu .ma_sp-menu .subtitle {
        border-bottom: 1px solid #DC2541;
        border-left: 8px solid #DC2541;
        color: #dc2541;

    }


    /* bulma reset  
------------------------ */

    #tpl_layout_sp_menu .input {
        box-shadow: none;
        border-radius: 1.125em;
        outline: none;

    }

    #tpl_layout_sp_menu .ma_submit-button {
        background: transparent;
        border: 0;
        pointer-events: auto;

    }

    #tpl_layout_sp_menu .ma_sp-menu {
        width: 260px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
        overflow-y: scroll;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        transition: .3s;
        padding: 1rem .5rem;

    }

    #tpl_layout_sp_menu .ma_sp-menu {
        transform: translateX(-100%);
        position: fixed;

    }

    #tpl_layout_sp_menu .ma_sp-menu-content {
        margin-bottom: 1rem;

    }

    #tpl_layout_sp_menu .ma_sp-field {
        padding: .5rem;

    }

    #tpl_layout_sp_menu .ma_sp-menu .subtitle {
        margin: 0;
        padding: 8px 8px;
        font-weight: normal;

    }

    .menu-is-active #tpl_layout_sp_menu .ma_sp-menu {
        transform: translateX(0%);

    }


    .mallassist_layout_2461 html {
        height: 100%;

    }

    .mallassist_layout_2461 body {
        height: 100%;
        margin: 0;

    }

    .mallassist_layout_2461 #mall_assist_accessory_content {
        height: 100%;

    }

    .mallassist_layout_2461 .tpl_menu_container * {
        margin: 0;
        padding: 0;
        border: 0;

    }

    .mallassist_layout_2461 .tpl_menu_container {
        font-size: 13px;
        overflow: hidden;
        height: 100%;

    }

    .mallassist_layout_2461 .tpl_menu_container div {
        box-sizing: border-box;

    }

    .mallassist_layout_2461 .tpl_menu_container ul,
    .mallassist_layout_2461 .tpl_menu_container li {
        list-style: none;
        box-sizing: border-box;

    }

    .mallassist_layout_2461 .tpl_menu_container a {
        text-decoration: none;
        display: inline-block;
        box-sizing: border-box;
        line-height: 1;

    }

    .mallassist_layout_2461 .tpl_menu_container a:hover {
        transition: .3s;
        opacity: .6;

    }

    .mallassist_layout_2461 .tpl_menu_container img {
        vertical-align: top;

    }


    /**
 *
 * ここからデフォルト適用CSSの記述
 *
 */

    .mallassist_layout_2461 .tpl_menu_container {
        overflow: hidden;

    }

    .mallassist_layout_2461 .tpl_menu {
        position: relative;
        height: 100%;

    }

    .mallassist_layout_2461 .tpl_menu_link {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        pointer-events: auto;
        cursor: pointer;

    }

    .mallassist_layout_2461 .tpl_menu_link:after {
        content: "";
        display: block;
        clear: both;

    }


    /* メニュータイトル */

    .tpl_menu_title {}


    /* 親階層 */

    .tpl_menu_parent {}


    /* 子階層 */

    .mallassist_layout_2461 .tpl_menu_child {
        background-color: rgba(0, 0, 0, 0.04);

    }


    /**
 *
 * ここからGUI設定用CSSの記述
 *
 */


    /* 文字サイズ設定用 */

    .mallassist_layout_2461 .fz-xs {
        font-size: 10px;

    }

    .mallassist_layout_2461 .fz-s {
        font-size: 14px;

    }

    .mallassist_layout_2461 .fz-m {
        font-size: 16px;

    }

    .mallassist_layout_2461 .fz-l {
        font-size: 20px;

    }

    .mallassist_layout_2461 .fz-xl {
        font-size: 26px;

    }


    /* 書体設定用 */

    .mallassist_layout_2461 .ff-gothic {
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;

    }

    .mallassist_layout_2461 .ff-mincho {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

    }


    /* タイトル位置設定用 */

    .mallassist_layout_2461 .title-center {
        text-align: center;

    }

    .mallassist_layout_2461 .title-left {
        text-align: left;

    }


    /* アイコン設定用 */

    .mallassist_layout_2461 .icon {
        display: inline-block;
        float: right;
        pointer-events: none;

    }

    .mallassist_layout_2461 .no-icon .icon {
        display: none;

    }

    .mallassist_layout_2461 .icon:before,
    .mallassist_layout_2461 .icon:before {
        content: "";
        display: block;
        float: right;
        right: 8px;
        z-index: 1;
        transition: .3s;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-family: "FontAwesome";

    }


}

.mallassist_layout_2461 .space-s .icon {
    margin: 4px 4px;

}

.mallassist_layout_2461 .space-m .icon {
    margin: 8px 8px;

}

.mallassist_layout_2461 .space-l .icon {
    margin: 16px 16px;

}

.mallassist_layout_2461 .has-icon-arrow .icon:before {
    content: "\f054";

}

.mallassist_layout_2461 .has-icon-arrow .active .icon:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

}

.mallassist_layout_2461 .has-icon-plus .icon:before {
    content: "\f067";
    font-size: 16px;
    line-height: 1;

}

.mallassist_layout_2461 .has-icon-plus .active .icon:before {
    content: "\f068";

}

/* 余白設定用 */
.space-s {}

.mallassist_layout_2461 .space-s .tpl_menu_title {
    padding: 4px 4px;

}

.mallassist_layout_2461 .space-s .tpl_menu_level_1>li>.tpl_menu_link>a {
    padding: 4px 4px;

}

.mallassist_layout_2461 .space-s .tpl_menu_level_2>li>.tpl_menu_link>a {
    padding: 4px 4px;

}

.mallassist_layout_2461 .space-s .tpl_menu_level_3>li>.tpl_menu_link>a {
    padding: 4px 4px;

}

.mallassist_layout_2461 .space-s .tpl_menu_level_4>li>.tpl_menu_link>a {
    padding: 4px 4px;

}

.space-m {}

.mallassist_layout_2461 .space-m .tpl_menu_title {
    padding: 8px 8px;

}

.mallassist_layout_2461 .space-m .tpl_menu_level_1>li>.tpl_menu_link a {
    padding: 8px 8px;

}

.mallassist_layout_2461 .space-m .tpl_menu_level_2>li>.tpl_menu_link a {
    padding: 8px 8px;

}

.mallassist_layout_2461 .space-m .tpl_menu_level_3>li>.tpl_menu_link a {
    padding: 8px 8px;

}

.mallassist_layout_2461 .space-m .tpl_menu_level_4>li>.tpl_menu_link a {
    padding: 8px 8px;

}

.space-l {}

.mallassist_layout_2461 .space-l .tpl_menu_title {
    padding: 16px 24px;

}

.mallassist_layout_2461 .space-l .tpl_menu_level_1>li>.tpl_menu_link a {
    padding: 16px 24px;

}

.mallassist_layout_2461 .space-l .tpl_menu_level_2>li>.tpl_menu_link a {
    padding: 16px 24px;

}

.mallassist_layout_2461 .space-l .tpl_menu_level_3>li>.tpl_menu_link a {
    padding: 16px 24px;

}

.mallassist_layout_2461 .space-l .tpl_menu_level_4>li>.tpl_menu_link a {
    padding: 16px 24px;

}

/* 表示/非表示設定用 */
.mallassist_layout_2461 .hide {
    display: none;
    display: none !important;

}

/**
 *
 * ここからメニュー動作ごとのCSSの記述
 *
 */

/* 開いたまま */
.opened {}

.mallassist_layout_2461 .opened .tpl_menu_child_title {
    display: none;

}

.mallassist_layout_2461 .opened .tpl_menu_level_2>li {
    padding-left: 10px;

}

.mallassist_layout_2461 .opened .tpl_menu_level_2>li a:before {
    content: "-";
    margin-right: 5px;

}

.mallassist_layout_2461 .opened .tpl_menu_level_3>li {
    padding-left: 20px;

}

.mallassist_layout_2461 .opened .tpl_menu_level_4>li {
    padding-left: 30px;

}

/* 縦向きに開く */
.accordion-portrait {}

.mallassist_layout_2461 .accordion-portrait .tpl_menu_child {
    display: none;

}

.mallassist_layout_2461 .accordion-portrait .tpl_menu_child_title {
    display: none;

}

/* 横向きに開く */
.accordion-landscape {}

.mallassist_layout_2461 .accordion-landscape .tpl_menu_level_1,
.mallassist_layout_2461 .accordion-landscape .tpl_menu_level_2,
.mallassist_layout_2461 .accordion-landscape .tpl_menu_level_3,
.mallassist_layout_2461 .accordion-landscape .tpl_menu_level_4 {
    height: 100%;

}

.mallassist_layout_2461 .accordion-landscape .tpl_menu_level_1 {
    z-index: 1;

}

.mallassist_layout_2461 .accordion-landscape .tpl_menu_level_2 {
    z-index: 2;

}

.mallassist_layout_2461 .accordion-landscape .tpl_menu_level_3 {
    z-index: 3;

}

.mallassist_layout_2461 .accordion-landscape .tpl_menu_level_4 {
    z-index: 4;

}

.mallassist_layout_2461 .accordion-landscape .tpl_menu_child {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: .3s;
    background: #fff;

}

.mallassist_layout_2461 .accordion-landscape .active.tpl_menu_parent:bafore {
    display: none;

}

.mallassist_layout_2461 .accordion-landscape .active>.tpl_menu_child {
    -webkit-transform: translateX(0);
    transform: translateX(0);

}

.mallassist_layout_2461 .accordion-landscape .tpl_menu_child_title {
    background: #fff;
    padding: 8px 16px;
    border-bottom: 1px solid #333;

}

.mallassist_layout_2461 .accordion-landscape .tpl_menu_child_title:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-width: 1px;
    border-style: solid;
    border-bottom: 0;
    border-right: 0;
    margin-right: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);

}

.mallassist_layout_2461 .icon {
    color: #cccccc
}

.mallassist_layout_2461 .tpl_menu_title {
    color: #ffffff
}

.mallassist_layout_2461 .tpl_menu>ul>li ul .tpl_menu_link a {
    color: #333333
}

.mallassist_layout_2461 .tpl_menu>ul>li>.tpl_menu_link a {
    color: #333333
}

.mallassist_layout_2461 .tpl_menu_title {
    background-color: #333333
}

.mallassist_layout_2461 .tpl_menu .tpl_menu_link {
    border-color: #e1e1e1
}

.mallassist_layout_2461 .tpl_menu_level_1>li {
    background-color: #ffffff
}

.mallassist_layout_2461 .tpl_menu_level_2>li {
    background-color: #efefef
}

.mallassist_layout_2461 .tpl_menu_level_3>li {
    background-color: #e9e9e9
}

.column.is-4-desktop {
    width: 26.33333%!important;
 }
 
 @media screen and (max-width: 639px) {
	 .column.is-4-desktop {
    width: 50%!important;
 }
	 
}