@charset "utf-8";
/* SHOW / HIDE
----------------------------------------------------------------*/
/*#header .bnr-badge, #header .hgroup:after, #listing ul:after, #campaign-1, */ #campaign-2, #campaign-2 .cmt-extended /*, #campaign-2 .torihiki-cmt*/ {
    display: none !important;
}
/* fade in
----------------------------------------------------------------*/
.element {
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    transition: opacity 1s, visibility 1s, transform 1s;
}
.is-fadein {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
/* temp
----------------------------------------------------------------*/
#footer {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
/* navbar
----------------------------------------------------------------*/
.navbar.navbar-inverse, .navbar.navbar-inverse ul.dropdown-menu {
    background: rgba(192, 84, 102, 0.90);
}
body .navbar.navbar-inverse a {
    color: #fff;
    opacity: 0.8;
}
body .navbar.navbar-inverse a:hover {
    opacity: 1.0;
}
.navbar.navbar-inverse .dropdown.open a.dropdown-toggle, body .navbar.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background: rgba(0, 0, 0, 0.2);
}
.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: rgba(0, 0, 0, 0.2);
}
nav i.icon-bd-logo {
    color: #CACA1E;
}
/* navbar-inverse control 戻す時は無効に
----------------*/
/*.navbar.navbar-inverse, .navbar.navbar-inverse ul.dropdown-menu {
    background: #fff url(../../../common/img/element/background/gry-grunge_trns_600.png) !important;
    background: url("../img/banner/2025-02_all-10up/bg-ice_wht_00_800-50.png") center / cover !important;
    color: #222 !important;
}
body .navbar.navbar-inverse a {
    color: #222 !important;
}
body .navbar.navbar-inverse a:hover {
    color: #149B93 !important;
}
body .navbar.navbar-inverse .dropdown-menu > .active > a {
    background: #9DEBE5 !important;
}
body .navbar {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
body .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #333 !important;
}
.navbar.navbar-inverse .dropdown.open a.dropdown-toggle, body .navbar.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background: rgba(0, 0, 0, 0.1) !important;
}*/
/* heading
----------------------------------------------------------------*/
#header .jumbotron:before {
    top: 70px;
    right: 40px; /*	bottom: 20px;
	left: 20px;*/
}
#header .jumbotron:before /*, #campaign-1 h5 span:after , #campaign-1 h5 span.h5-inner:after, #campaign-2 .cpgn-2-title:after*/ {
    content: "";
    display: block;
    width: 160px;
    height: 160px;
    position: absolute;
    background: url("../img/banner/2025-06_all-15up/c-badge_250@2x.png") 0 0 no-repeat;
    background-size: 160px 160px;
    opacity: 0.8;
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
}
/*#header .hgroup:after {
    content: "";
    display: block;
    width: 70px;
    height: 50px;
    position: absolute;
    background: url("../img/banner/2024-12_20up-2sell/bd-icon-24-25_70@2x.png") 0 0 no-repeat;
    background-size: 100%;
    opacity: 0.7;
    right: 0;
    top: 65px;
}*/
/*#poster h4 {
	left: 0;
}*/
/* element
----------------------------------------------------------------*/
.ppl-1 {
    color: #EBBCBC;
}
.ppl-2 {
    color: #E8DEB1;
    /*text-decoration: wavy underline;
    text-decoration-color: #CACA1E;*/
}
.brw-1 {
    color: #7B6155;
}
.brw-2 {
    color: #754523;
}
.clr-01 {
    color: #fff;
    /*text-shadow: none !important;*/
}
.clr-02 {
    color: #CE5370;
}
.clr-03 {
    color: #F8B62B;
}
.clr-04 {
    color: #F7E8D1;
}
.ylw-1 {
    color: #E1938F;
}
.wht-1 {
    color: #fff;
}
.udr-line-01 {
    background: linear-gradient(transparent 55%, #E3C7BB 0%);
    display: inline-block;
}
/*ul.cmt-list List circle*/
#campaign-1 ul.cmt-list li:before {
    color: #F8B62D;
}
.lineThru {
    text-decoration: line-through;
}
.underLine-red {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #E7B1B5 60%);
}
.underLine-org {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #B67C5E 60%);
}
.underLine-ylw {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #CDD400 60%);
}
#listing li:after {
    color: #333;
}
#listing li.ppl-1:before {
    content: "*";
    margin-right: 0.1em;
}
#listing p.ppl-1 {
    font-size: 0.85em;
}
figure img {
    display: block;
}
.mt-40 {
    margin-top: 40px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-100 {
    margin-top: 100px;
}
.pt-80-40 {
    padding-top: 80px;
}
.hidden {
    display: none !important;
}
.strong {
    font-weight: bolder !important;
}
/*serif font*/
#header .hgroup h1, #campaign-1 h5, .period {
    font-family: 'Hina Mincho', serif;
}
/*text shadow*/
/*#campaign-1 h5, #campaign-1 .cpgn-cmt-inr, .period {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    
}*/
/*#main{background: #fff url("../img/banner/2018-12_20up2sell/bg_snoeflake_500@2x.png");
	background-size: 500px 500px;
	background-attachment: fixed;}*/
a.hvr-wht:hover:before {
    background: none !important;
}
/* #campaign-1
----------------------------------------------------------------*/
#campaign-1 {
    position: relative;
    padding: 100px 0 180px 0;
    background: #C76778 url("../../../common/img/element/background/wht-grunge_trns_600.png");
    /*background: #F0F0EF url("../img/banner/2020-01_20up-2sell/bg_wht-grunge_600.png");*/
    background-attachment: fixed;
    color: #fff;
    /*border: 20px solid #000;*/
    overflow: hidden;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
#campaign-1 .container {
    position: relative;
    width: auto;
}
#campaign-1 .row {
    margin: 0;
}
#main #campaign-1 h3:after {
    background: #CACA1E;
}
#main #campaign-1 h3 i {
    color: #CACA1E;
}
#campaign-1 .cpgn-title {
    margin-top: 100px;
    text-align: center;
}
#title-img-1 {
    position: relative;
    margin-bottom: 60px;
}
#title-img-1:before, #title-img-1:after {
    z-index: 0;
    content: "";
    display: block;
    width: 300px;
    height: 1400px;
    position: absolute;
    top: 60px;
}
/*#title-img-1:before {
	left: 0;
	background: url("../img/banner/2019-06_20up-tee-n-sneaker/polas-left_300-1400.png") 0 0 no-repeat;
}
#title-img-1:after {
	right: 0;
	background: url("../img/banner/2019-06_20up-tee-n-sneaker/polas-right_300-1400.png") 0 0 no-repeat;
}*/
/*#title-img-2{position: relative;padding: 80px 0;}
#title-img-2:before {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
#title-img-2:after {
    content: "";
    display: block;
    width: 50%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}*/
#campaign-1 .title-img img {
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
#campaign-1 .aremo-img {
    max-width: 360px;
}
#campaign-1 ul.chk-box {
    margin: 10.5% 0 0 1%;
    text-align: left;
    position: relative;
}
#campaign-1 ul.chk-box li {
    font-size: 24px;
    font-feature-settings: "palt";
    font-weight: bolder;
    color: #fff;
}
#campaign-1 ul.chk-box li:before {
    content: "\f058";
    font-family: FontAwesome;
    color: #5A2A14;
    margin-right: 12px;
    font-size: 1.5em;
    position: relative;
    top: 5px;
}
#campaign-1 h5 {
    display: inline-block;
    font-size: 40px;
    font-weight: bolder;
    font-feature-settings: "palt";
    line-height: 1.3;
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 100px;
    font-family: 'Hina Mincho', serif;
    opacity: .9;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#campaign-1 h5:after {
    top: -125px;
    right: -50px;
}
#campaign-1 h5 > span {
    position: relative;
}
/*#campaign-1 #title-img-1:after {
	width: 100% !important;
	max-width: 1000px;
	background-position: right top;
	margin: 0 auto;
	bottom: 30px;
	right: 0;
	left: 0;
	z-index: 10;
}*/
/*#campaign-1 h5:after {
	content: "\f005\f005\f005\f005\f005";
	display: block;
	position: absolute;
	font-family: fontawesome;
	color: #103B71;
	font-size: 34px;
	letter-spacing: 0.5em;
	width: auto;
	height: auto;
	text-align: center;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
}*/
#campaign-1 ul.cmt-list {
    margin: 0 0 30px 0;
    font-size: 18px;
    line-height: 1.6;
    font-weight: bolder;
}
#campaign-1 ul.cmt-list li:before {
    content: "\f00c";
    font-family: FontAwesome;
    color: #CACA1E;
    margin-right: 8px;
    position: relative;
    top: -2px;
    /*font-size: 0.8em;*/
}
#campaign-1 .cpgn-cmt {
    width: 100%;
    position: relative;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bolder;
    max-width: 1000px; /* background: #DEA836 url(../../../common/img/element/background/wht-grunge_trns_600.png);*/
}
#campaign-1 .cpgn-cmt-inr {
    padding: 40px 30px;
    /*border: 2px dashed #fff;*/
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
}
#campaign-1 .cpgn-cmt-inr h6 {
    display: inline-block;
    font-size: 138%;
    margin-bottom: 60px;
    font-feature-settings: "palt";
    line-height: 1.3;
    padding-bottom: 3px;
    position: relative;
}
#campaign-1 .cpgn-cmt-inr p {
    margin-bottom: 30px;
}
#campaign-1 .cpgn-cmt p.cmt-lg {
    margin: 0 0 30px;
    font-size: 30px;
    letter-spacing: -0.08em;
    font-weight: bolder;
}
#campaign-1 .cpgn-info p.period {
    font-size: 24px;
    font-weight: bolder;
    text-align: center;
    margin: 100px auto 40px auto;
    position: relative;
    font-feature-settings: "palt";
    display: inline-block;
    font-family: 'Hina Mincho', serif;
}
#campaign-1 .cpgn-info p.period > span {
    font-size: 38px;
    margin: 0 0 0 20px;
    position: relative;
    top: 3px;
}
#campaign-1 figure.ins-icon {
    margin: 140px auto;
}
#campaign-1 figure.ins-icon img {
    width: 700px;
    height: 160px;
    display: block;
    margin: 0 auto;
}
#campaign-1 .cpgn-info .extend {
    /*background: rgba(0,0,0,0.1);
	background: rgba(255,255,255,0.08);*/
    background: rgba(238, 94, 138, 0.10);
    border-radius: 8px;
    margin: 0 auto 40px auto;
    padding: 10px;
    position: relative;
    width: 96%;
    max-width: 1000px;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);*/
    border-bottom: 2px solid rgba(255, 255, 255, 0.9);
    border-top: 2px solid rgba(0, 0, 0, 0.03);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.03) inset;
}
#campaign-1 .cpgn-info .extend p {
    border-radius: 4px;
    color: #636363;
    font-weight: bolder;
    padding: 60px 30px;
    margin: 0;
    font-size: 18px;
    line-height: 1.7;
}
#campaign-1 .cpgn-info .extend .extd-head {
    display: block;
    margin: 0 auto 10px auto;
}
#campaign-1 .end-day {
    position: relative;
}
/*#campaign-1 .end-day:after, #campaign-1 .cpgn-cmt-inr h6:after {
    content: "";
    display: block;
    width: 110%;
    height: 3px;
    position: absolute;
    bottom: -5px;
    left: -5%;
    background: url("../../../common/img/element/background/tilt-lined-trns_blk_40-20.png");
    background-size: 10px 5px;
}*/
#campaign-1 .end-day:after, #campaign-1 .cpgn-cmt-inr h6:after, #campaign-1 p.period:after {
    content: "";
    display: block;
    width: 110%;
    height: 10px; /*5px;*/
    position: absolute;
    bottom: -10px; /*-5px*/
    left: -5%;
    /*background: url("../../../common/img/element/background/tilt-lined-trns_wht_40-20.png") -10px 0;*/
    /*background: url("../img/banner/2019-12_20up-2sell/tilt-lined_brw_20-10@2x.png") -10px 0;
    background-size: 20px 10px;*/
    background: url("../img/banner/2025-06_all-15up/t-lined_vlt-vlt_40-10@2x.png") -10px 0;
    background-size: 40px 10px;
    opacity: .8;
    /*background: url("../img/banner/2021-12_20up-2sell/rope-line_ylw_15-10@2x.png")-10px 0;
    background-size: 15px 10px;*/
}
/* #campaign-2
----------------------------------------------------------------*/
#campaign-2 {
    position: relative;
    padding: 100px 0 200px 0;
    /*background: #9BD2CC url(../../../common/img/element/background/gry-grunge_trns_600.png);
    background-size: 300px 300px;*/
    background: url("../img/banner/2025-03_harumono/bg-japan-wave_eml_00_60-40@2x.png");
    background-size: 60px 40px;
    background-attachment: fixed;
    color: #4a4a4a;
}
#campaign-2 .cpgn-2-inner {
    position: relative;
}
/* title - coloring */
#campaign-2 h3 {
    color: #4a4a4a;
}
#campaign-2 h3 i {
    color: #15A199;
}
#campaign-2 h3:after {
    background: #15A199;
}
/*-----------*/
#campaign-2 .cpgn-2-title {
    position: relative;
    /*max-width: 1200px;*/
    margin: 0 auto;
}
#campaign-2 .cpgn-2-title:after {
    bottom: 50px;
    right: 20px;
}
#campaign-2 .cpgn-2-cmt {
    width: 90%;
    padding: 0;
    position: relative;
    margin: auto;
    font-size: 18px;
    font-weight: bolder;
    /*color: #fff;*/
    max-width: 980px;
    border-radius: 6px;
    /*background: rgba(0, 0, 0, 0.15);*/
    background: rgba(255, 255, 255, 0.1);
    /*background: #7BC5BC url(../../../common/img/element/background/gry-grunge_trns_600.png);*/
    margin-top: 60px;
}
#campaign-2 .cpgn-2-cmt-inr {
    padding: 80px 60px 50px 60px;
    /*border: 2px dashed #406576;*/
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    /*box-shadow: 0 0 10px rgba(255, 255, 255, 0.3) inset;*/
}
#campaign-2 .cpgn-2-cmt h5 {
    font-size: 140%;
    color: #67676B;
    margin-bottom: 40px;
    font-feature-settings: "palt";
    font-family: 'Hina Mincho', serif;
}
#campaign-2 .cpgn-2-cmt p {
    line-height: 1.8;
    margin-bottom: 30px;
    font-family: 'Hina Mincho', serif;
}
#campaign-2 figure.ins-icon {
    margin: 60px auto 80px auto;
    opacity: 0.7;
}
.mt-40 {
    margin-top: 40px;
}
.mt-80 {
    margin-top: 140px;
}
/*aside#extnlLink temp
---------------------------------------------------------------*/
/*#extnlLink {
    background: url(../img/banner/2018-06_natsumono/grass-04_600.jpg);
    background-size: 300px 300px;
    padding-bottom: 200px !important;
}
#extnlLink p {
    color: #fff;
}*/
/*fix temp*/
main#main {
    padding-bottom: 0 !important;
}
/* Media Queries
----------------------------------------------------------------*/
@media (max-width: 767px) {
    #header .jumbotron:before, #campaign-1:after {
        width: 75px;
        height: 54px;
        background-size: 100%;
    }
    #header .jumbotron:before {
        top: 58px;
        left: 10px;
    }
    #header .jumbotron:before, #campaign-1 h5:after, #campaign-2 .cpgn-2-title:after {
        width: 70px;
        height: 70px;
        background-size: 100%;
    }
    .mt-100 {
        margin-top: 70px;
    }
    .mt-80 {
        margin-top: 80px;
    }
    .pt-80-40 {
        padding-top: 40px;
    }
    #header .hgroup:after {
        width: 50px;
        height: 36px;
        right: 0;
        bottom: -70px;
        left: 0;
        margin: auto;
        opacity: 0.9;
    }
    /* #font-size
--------------------*/
    #campaign-1 .cpgn-info p.period > span {
        font-size: 24px;
    }
    #campaign-1 .cpgn-info p.period {
        font-size: 18px;
    }
    #campaign-1 .cpgn-cmt-inr h6, #campaign-1 .cpgn-cmt p.period, #campaign-2 .cpgn-2-cmt h5, #campaign-1 .extend h6 {
        font-size: 16px;
    }
    #campaign-1 .cpgn-cmt p, #campaign-1 .cpgn-cmt ul.cmt-list, #x-brands-ul li, #campaign-2 .cpgn-2-cmt {
        font-size: 14.0px;
    }
    #aremo-fig {
        margin: 40px 0;
    }
    #listing p.ppl-1 {
        font-size: 10px;
    }
    #campaign-1 .cpgn-cmt {
        font-weight: normal;
    }
    /* #campaign-1
--------------------*/
    #campaign-1 {
        border-width: 10px;
        padding: 100px 0 120px 0 !important;
        text-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
        /*background-size: 300px 300px;*/
    }
    #campaign-1 .cpgn-cmt:after {
        top: -165px;
        right: 0px;
    }
    #campaign-1 .cpgn-title {
        position: relative;
        width: 120%;
        left: -10%;
        margin-top: 30px;
        padding: 0;
    }
    #title-img-1 {
        margin-bottom: 30px;
    }
    #title-img-1 img {
        max-width: 90%;
    }
    #title-img-1:before, #title-img-1:after {
        width: 18vw;
        height: 200%;
        top: 10px;
        background-size: 100%;
    }
    #campaign-1 ul.chk-box li {
        font-size: 3.1vw;
    }
    #campaign-1 h5 {
        font-size: 19px;
        margin: 0 0px;
        padding-bottom: 0px;
        text-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        /*text-shadow: 0 0 5px rgba(233, 168, 60, 0.3);*/
    }
    #campaign-1 .cpgn-cmt {
        /*   width: calc(100% - 20px);*/
        margin: 0;
        padding: 0;
    }
    #campaign-1 .cpgn-cmt-inr {
        border-width: 1px;
        padding: 25px 15px;
    }
    #campaign-1 .cpgn-cmt-inr p {
        margin-bottom: 20px;
        text-align: left;
    }
    #campaign-1 .cpgn-cmt-inr p.align-center-xs {
        text-align: center;
    }
    #campaign-1 .cpgn-cmt-inr p.mt-80 {
        margin-top: 60px;
    }
    #campaign-1 .cpgn-cmt-inr h6 {
        margin: 60px 0 40px 0;
    }
    #campaign-1 figure.ins-icon {
        margin: 80px auto 40px auto;
    }
    #campaign-1 figure.ins-icon img {
        max-width: 700px;
        width: 95%;
        height: auto;
    }
    #campaign-1 .cpgn-info p.period {
        margin: 60px 0 0 0;
    }
    #campaign-1 .cpgn-info p.period > span {
        top: 0px;
    }
    #campaign-1 .cpgn-info .extend {
        margin: 0 auto;
    }
    #campaign-1 .cpgn-info .extend p {
        padding: 20px 8px;
        font-size: 13.2px;
        font-weight: bold;
    }
    #campaign-1 .end-day:after {
        bottom: -4px;
        background-size: 10px 5px;
    }
    #listing p.ppl-1 {
        line-height: 2.0;
    }
    #campaign-1 .end-day:after, #campaign-1 .cpgn-cmt-inr h6:after, #campaign-1 p.period:after {
        height: 5px;
        background-size: 20px 5px;
    }
    #campaign-1 .cpgn-cmt-inr h6:after {
        bottom: -5px;
    }
    /* #campaign-2
--------------------*/
    #campaign-2 {
        background-size: 30px 20px;
    }
    #campaign-2 .cpgn-2-title:after {
        bottom: 10px;
        right: 10%;
    }
    /*#campaign-2 .cpgn-2-title {
        width: 110%;
        position: relative;
        left: -5%;
    }*/
    #campaign-2 .cpgn-2-cmt {
        width: calc(100% - 20px);
        margin: 70px 10px 0 10px;
    }
    #campaign-2 .cpgn-2-cmt-inr {
        border-width: 1px;
        padding: 60px 15px 20px 15px;
    }
    #campaign-2 .cpgn-2-cmt h5 {
        line-height: 1.5;
    }
    #campaign-2 figure.ins-icon {
        margin: 40px auto 50px auto;
    }
    #campaign-2 figure.ins-icon img {
        width: 230px;
        height: auto;
    }
}
/*temp*/
@media (min-width: 768px) {
    #header .jumbotron:before {
        width: 120px;
        height: 120px;
        background-size: 120px 120px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #campaign-1 ul.chk-box {
        margin: 10.5% 0 0 5%;
    }
    #title-img-1:before, #title-img-1:after {
        width: 120px;
        height: 480px;
        top: 30px;
        background-size: 100%;
    }
}
@media (min-width: 992px) {
    #campaign-1 ul.chk-box {
        margin: 50px 0 0 5%;
    }
}
/* size fixed #tag on a large scr.*/
@media (min-width: 1200px) {
    #tag {
        width: 1000px;
        margin: 0 auto;
        border-spacing: 50px;
    }
    #tag li.tag-cell {
        padding: 20px;
        width: 160px;
        margin: 25px;
    }
}
@-webkit-keyframes bg-color {
    0% {
        background-color: #E361B1;
    }
    20% {
        background-color: #f1c40f;
    }
    40% {
        background-color: #1abc9c;
    }
    60% {
        background-color: #3498db;
    }
    80% {
        background-color: #9b59b6;
    }
    100% {
        background-color: #E361B1;
    }
}
@keyframes bg-color {
    0% {
        background-color: #E361B1;
    }
    20% {
        background-color: #f1c40f;
    }
    40% {
        background-color: #1abc9c;
    }
    60% {
        background-color: #3498db;
    }
    80% {
        background-color: #9b59b6;
    }
    100% {
        background-color: #E361B1;
    }
}