@charset "UTF-8";

ul,
ol{
    list-style: none;
}

.-hide {
    display: none !important;
}

@keyframes blink {
  75% { opacity: 0.0; }
}
@-webkit-keyframes blink {
  75% { opacity: 0.0; }
}
.-blink {
  animation: blink 1s step-end infinite;
  -webkit-animation: blink 1s step-end infinite;
}

#container {
    min-width:  1080px;
    max-width: 1871px;
}

.kaitoriCP section {
    position: relative;
    z-index: 0;
}


/* slider
-----------------------------------------------------------*/
.kaitoriCP_navi{
    margin: 70px auto 100px;
}

.kaitoriCP_navi li {
    position: relative;
}

.cp_sliders_top_pc{
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.slick-slide {
    opacity: 0.5;
    padding: 0 40px;
    width: 932px;
}

.slick-active {
    opacity: 1;
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 30px 0 40px;
}

.slick-dots > li {
    width: 30px;
}

.slick-dots > li button {
    display: block;
    width: 10px;
    height: 10px;
    font-size: 0;
    border-radius: 50%;
    background-color: #dedede;
    border: none;
    color: powderblue;
}

.slick-dots > li.slick-active button {
    background-color: #ea323b;
    cursor: pointer;
}

.cp_sliders_top_pc_arrow .arrow_prev,
.cp_sliders_top_pc_arrow .arrow_next {
    position: absolute;
    top: 230px;
    z-index: 10000;
    display: block;
    width: 30px;
    height: 45px;
    background: url(/pc/img/feature/kaitori-campaign/mobile/240213/slider_prev.png) center no-repeat;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.cp_sliders_top_pc_arrow .arrow_prev{
    margin: 0 0 0 -470px;
}

.cp_sliders_top_pc_arrow .arrow_next {
    background-image: url(/pc/img/feature/kaitori-campaign/mobile/240213/slider_next.png);
    margin: 0 0 0 468px;
}

.kaitoriCP_navi-btn {
    bottom: 36px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
}

/* show element
-----------------------------------------------------------*/
.kaitoriCP .btn_store {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240819/btn_store.png') center/100% auto no-repeat;
    box-sizing: border-box;
    display: block;
    height: 183px;
    text-indent: -9999px;
    width: 483px;
}

.kaitoriCP .btn_onlineApply {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240819/btn_online.png') center/100% auto no-repeat;
    box-sizing: border-box;
    display: block;
    height: 183px;
    text-indent: -9999px;
    width: 483px;
}

.kaitoriCP_catch-linkText {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/cpText.png') center/100% auto no-repeat;
    top: 1249px;
    height: 53px;
    left: 50%;
    position: absolute;
    text-indent: -9999px;
    transform: translateX(-50%);
    width: 613px;
}

.kaitoriCP_catch-link {
    display: flex;
    justify-content: space-between;
    margin: -240px auto 0;
    padding: 0 0 40px 0;
    position: relative;
    width: 960px;
    z-index: 1;
}

.kaitoriCP_catchUnder-link {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/btn_flow.png') center/100% auto no-repeat;
    bottom: 95px;
    height: 170px;
    left: 50%;
    position: absolute;
    text-indent: -9999px;
    transform: translateX(-50%);
    width: 817px;
}

.kaitoriCP_achievement-date {
    color: #f00;
    border-top: 2px solid #333;
    font-size: 26px;
    font-weight: bold;
    padding: 18px 0 0 14px;
}

.kaitoriCP_iphone-text {
    display: block;
    margin: -210px auto 20px auto;
}

.kaitoriCP_watch h2 img {
    display: block;
    left: 50%;
    margin: 240px 0 0 17px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
}

.kaitoriCP_watch-date {
    color:  #f00;
    border-top: 2px solid #333;
    font-size: 26px;
    font-weight: bold;
    padding: 18px 0 0 14px;
}

.kaitoriCP_pods > img {
    display: block;
    height: 107px;
    width: 659px;
    margin: 0 auto;
    transform: translateX(-5px);
}

.kaitoriCP_macbook > img {
    display: block;
    height: 107px;
    width: 659px;
    margin: 0 auto;
    transform: translateX(-5px);
}

.kaitoriCP_pods .kaitoriCP_item{
    background: none;
    padding: 40px 0 13px;
    width: 1080px;
}

.kaitoriCP_macbook .kaitoriCP_item{
    background: none;
    padding: 40px 0 13px;
    width: 1080px;
}

.kaitoriCP_audio-date {
    color: #f00;
    border-top: 2px solid #333;
    font-size: 26px;
    font-weight: bold;
    padding: 18px 0 0 14px;
}

.kaitoriCP_macbook-date {
    color: #f00;
    border-top: 2px solid #333;
    font-size: 26px;
    font-weight: bold;
    padding: 18px 0 0 14px;
}

.kaitoriCP_pods .kaitoriCP_item-list{
    padding: 40px 0 0;
}

.kaitoriCP_macbook .kaitoriCP_item-list{
    padding: 40px 0 0;
}

.kaitoriCP_expensive{
    margin: 50px auto 0;
}

.kaitoriCP_expensive-head {
    border-bottom: 1px solid #808080;
    font-size: 24px;
    font-weight: bold;
    margin:  0 auto;
    width: 305px;
}

.kaitoriCP_expensive-btn {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/btn_item.png') center/100% auto no-repeat;
    display: block;
    height: 94px;
    margin: 30px auto 15px;
    text-align: left;
    text-indent: -9999px;
    width: 498px;
}

.kaitoriCP_reference-btn {
    text-align: center;
    margin: 20px auto 0;
}

.kaitoriCP_expensive .kaitoriCP_reference-btn {
    margin: 40px auto 0;
}

.kaitoriCP_reference-btn a {
    display: inline-block;
    padding-right: 25px;
    position: relative;
    margin: 0 auto;
}

.kaitoriCP_reference-btn a::before {
    border: 2px solid #1A3FB0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    width: 20px;
    height: 20px;
}
.kaitoriCP_reference-btn a::after {
    border: 3px solid transparent;
    border-top: 4px solid #1A3FB0;
    box-sizing: border-box;
    content: "";
    position: absolute;
    top: 5px;
    bottom: 0;
    right: 7px;
    margin: auto 0;
    width: 6px;
    height: 8px;
}

.kaitoriCP_reference-btn a span {
    border-bottom: 1px solid #1A3FB0;
    color: #1A3FB0;
    display: inline-block;
    font-size: 22px;
    font-weight: bold;
}

.kaitoriCP_reference-btn a:hover span{
    border-bottom: 1px solid transparent;
}

.kaitoriCP_appli {
    background: url('/pc/img/feature/kaitori-campaign/mobile/250609/appli.png') center top no-repeat;
    height: 1010px;
    margin: 100px auto 100px;
    position: relative;
    width: 1081px;
}

.kaitoriCP_appli.-limited {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240819/appli-limited.png') center top no-repeat;
    height: 1417px;
    margin: 100px auto 100px;
    position: relative;
    width: 1080px;
}

.btn_appli {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240617/btn_appli.png') center/100% auto no-repeat;
    bottom: 80px;
    right: 322px;
    position: absolute;
    text-indent: -9999px;
    width: 426px;
    height: 97px;
}

.btn_price {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/btn_price.png') center/100% auto no-repeat;
    display: block;
    height: 157px;
    margin: 0 auto 600px;
    text-indent: -9999px;
    width: 696px;
}

.takuhai-text {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
}

.kaitoriCP_omakaseUnder .btn_store {
    background: url('/pc/img/feature/kaitori-campaign/mobile/231204/btn_store_single.png') center/100% auto no-repeat;
    margin: 0 auto;
    width: 644px;
}

.kaitoriCP_flowHead-catch {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/flow_text.png') center/100% auto no-repeat;
    bottom: 426px;
    height: 57px;
    left: 50%;
    position: absolute;
    text-indent: -9999px;
    transform: translateX(-50%);
    width: 670px;
}

.kaitoriCP_flowHead-list {
    color: #fff;
    display: flex;
    font-size: 31px;
    justify-content: space-between;
    left: 50%;
    line-height: 1.4;
    position: absolute;
    top: 388px;
    text-align: center;
    transform: translateX(-50%);
    width: 848px;
}

.kaitoriCP_flowHead-list li {
    font-weight: bold;
    padding: 23px 0 0;
    width: 400px;
}

.kaitoriCP_flowHead-list strong {
    display: block;
    font-size: 64px;
    font-weight: bold;
}

.kaitoriCP_flowStore-link {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/btn_doc.png') center/100% auto no-repeat;
    bottom: 58px;
    display: block;
    height: 80px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    text-align: left;
    text-indent: -9999px;
    transform: translateX(-50%);
    width: 473px;
}

.kaitoriCP_storeOsusume .btn_store {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/btn_store_single.png') center/100% auto no-repeat;
    width: 633px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.kaitoriCP_flowOnline-link {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/btn_preparation.png') center/100% auto no-repeat;
    display: block;
    height: 80px;
    margin: 0 auto;
    text-align: left;
    text-indent: -9999px;
    width: 473px;
}

.kaitoriCP_onlineOsusume .btn_onlineApply {
    bottom: 30px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/btn_online_single.png') center/100% auto no-repeat;
    margin: 0 auto;
    width: 633px;
}

.kaitoriCP_onlineOsusume .takuhai-text {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.kaitoriCP_delete-head {
    font-size: 38px;
    font-weight: bold;
    letter-spacing: -0.13em;
    line-height: 1.2;
    margin: 0 auto 104px;
    width: 710px;
}

.kaitoriCP_delete-head strong {
    display: block;
    font-size: 78px;
    font-weight: bold;
}

.kaitoriCP_delete-catch {
    color: #F2D664;
    font-size: 29px;
    font-weight: bold;
    letter-spacing: -0.13em;
    margin: 0 auto 16px;
    width: 710px;
}

.kaitoriCP_delete-text {
    font-size: 20px;
    letter-spacing: -0.13em;
    line-height: 2;
    margin: 0 auto;
    width: 710px;
}

.kaitoriCP_voiceUnder {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/linkhead.png') center 50px/923px auto no-repeat,linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,245,210,1) 100%);
    box-sizing: border-box;
    height: 573px;
    margin: 0 auto 60px;
    padding: 307px 0 0;
    width: 100%;
}

.kaitoriCP_voiceUnder-linkText {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/cpText.png') center/100% auto no-repeat;
    height: 53px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 613px;
}

.kaitoriCP_voiceUnder-link {
    display: flex;
    justify-content: space-between;
    margin: 20px auto 0;
    position: relative;
    width: 930px;
    z-index: 1;
}

.kaitoriCP_faq::before {
    content: '';
    display: block;

}

.kaitoriCP_faq-list {
    margin:  0 auto;
    width: 1007px;
}

.kaitoriCP_faq-list li {
    margin-bottom: 40px;
}

.kaitoriCP_faq-Q {
    background: #FFF url('/pc/img/feature/kaitori-campaign/mobile/230605/icon_Q.png') left center/105px auto no-repeat;
    cursor: pointer;
    font-size: 30px;
    font-weight: bold;
    line-height: 91px;
    padding: 0 0 0 130px;
    position: relative;
}
.kaitoriCP_faq-Q::after {
    content: '＋';
    color: #f46d37;
    font-size: 50px;
    position: absolute;
    right: 20px;
}

.kaitoriCP_faq-Q.-open::after {
    content: '－';
}

.kaitoriCP_faq-A {
    background: #ffe9d2 url('/pc/img/feature/kaitori-campaign/mobile/230605/icon_A.png') left 30px/106px auto no-repeat;
    font-size: 20px;
    font-weight: bold;
    padding: 30px 80px 30px 150px
}

.kaitoriCP_faq-A span {
    font-weight: bold;
}

.kaitoriCP_faq-A .qa_btn {
    display: flex;
    gap: 14px;
}

.kaitoriCP_faq-A .qa_btn a span {
    color: #FFF;
    font-weight: normal;
    text-align: right;
    display: inline-block;
    font-size: 8px;
    position: absolute;
    right: 10px;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.kaitoriCP_faq-A .qa_btn a {
    color: #FFF;
    text-decoration: none;
    background: #005F77;
    display: block;
    width: fit-content;
    border-radius: 6px;
    position: relative;
    padding: 3px 30px 2px 10px;
}

.kaitoriCP_faq-A .blue {
    color: #005F77;
    font-weight: bold;
}

/* itemList
-----------------------------------------------------------*/
.kaitoriCP_item {
    background: #fff;
    margin: 0 auto;
    position: relative;
    width: 1080px;
}

.kaitoriCP_item-head {
    background: #333;
    color: #fff;
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    margin-right: 20px;
    padding: 0 20px;
    min-width: 235px;
}

.kaitoriCP_item-list {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 0;
}

.kaitoriCP_item-list.-tab .kaitoriCP_item-image {
    display: block;
    margin: 0 -25px 15px;
    width: auto;
    height: 211px;
}

.kaitoriCP_item-wrapper {
    margin: 0;
    text-align: center;
}

.kaitoriCP_item-maker {
    display: block;
    font-size: 19px;
    font-weight: 900;
    margin: 0 0 5px 0;
}

.kaitoriCP_item-name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 auto 5px;
}

.kaitoriCP_item-color {
    border: 1px solid;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
    padding: 0 5px;
}

.kaitoriCP_watch .kaitoriCP_item-color {
    line-height: 2.8;
    display: block;
    width: 197px;
    margin: 0 auto;
}

.kaitoriCP_item-priceLabel {
    font-size: 15px;
    font-weight: 900;
    margin: 8px 0 0;
}

.kaitoriCP_item-priceNum {
    color: #f46d37;
    font-size: 44px;
    font-weight: bold;
    margin: -14px 0 0;
}

.kaitoriCP_item-priceNum .-yen {
    font-size: 22px;
    font-weight: bold;
}

.kaitoriCP_item-priceNum.-up {
    padding-bottom: 57px;
    position: relative;
}

.kaitoriCP_item-priceNum.-up::after {
    background: url('/pc/img/feature/kaitori-campaign/mobile/241111/price_up.png');
    bottom: 0;
    content: '';
    display: block;
    height: 108px;
    left: 49%;
    position: absolute;
    transform: translateX(-48%);
    width: 240px;
}

.kaitoriCP_achievement .kaitoriCP_item-name {
    min-height: 5em;
}

.kaitoriCP_achievement .kaitoriCP_item {
}

.kaitoriCP_achievement .kaitoriCP_item + .kaitoriCP_item {
    margin: 60px auto 40px;
}

.kaitoriCP_watch .kaitoriCP_item {
    background: none;
    padding: 40px 0 13px;
    width: 1080px;
}

/* background
-----------------------------------------------------------*/
.kaitoriCP_mainImage {
    background: url('/pc/img/feature/kaitori-campaign/mobile/250609/mainImage.png') top center/1920px auto no-repeat;
    height: 604px;
}

.kaitoriCP_catch-text {
    text-indent: -9999px;
}

.kaitoriCP_catch-text.-iphone {
    background: url('/pc/img/feature/kaitori-campaign/mobile/241018/catch_iphone.png') top center/1080px auto no-repeat;
    height: 614px;
}

.kaitoriCP_catch-text.-geo {
    background: url('/pc/img/feature/kaitori-campaign/mobile/241018/catch_geo.png') top center/885px auto no-repeat;
    height: 337px;
}

.kaitoriCP_catch-button_wrap {
    text-indent: 0;
    position: relative;
}

.kaitoriCP_catch-button {
    position: absolute;
    top: 508px;
    left: 50%;
    transform: translateX(-50%);
}

.kaitoriCP_catch-linkHead {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/linkhead.png') center 40px/923px auto no-repeat,linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,245,210,1) 100%);
    height: 641px;
    text-indent: -9999px;
}

.kaitoriCP_catchUnder {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/catchUnder.png') center 80px/ auto no-repeat;
    height: 500px;
    position: relative;
}

.kaitoriCP_achievement {
    background: url('/pc/img/feature/kaitori-campaign/mobile/250407/achievement.png') top center/1920px auto no-repeat;
    padding: 816px 0 0;
}

.kaitoriCP_watch {
    background: url('/pc/img/feature/kaitori-campaign/mobile/250407/watch.png') top center/1921px auto no-repeat;
    height: 1084px;
    padding: 470px 0 0;
    z-index: 0 !important;
}

.kaitoriCP_pods {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/pods.png') top center/1920px auto no-repeat;
    height: 1430px;
    margin: 0;
    padding: 513px 0 0;
}

.kaitoriCP_macbook {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240909/macbook.png') top center/1920px auto no-repeat;
    height: 1300px;
    margin: 0;
    padding: 543px 0 0;
}

.kaitoriCP_omakase {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/omakase.png') top center/1920px auto no-repeat;
    height: 1453px;
}

.kaitoriCP_omakaseUnder {
    background: url('/pc/img/feature/kaitori-campaign/mobile/250609/omakaseunder.png') top center/1920px auto no-repeat;
    height: 2851px;
    padding: 1705px 0 0;
}

.kaitoriCP_flowHead {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240909/flowhead.png') top center/1920px auto no-repeat;
    height: 891px;
    margin: 0 auto;
}

.kaitoriCP_flowStore {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/flowstore.png') center -50px/1921px auto no-repeat;
    height: 963px;
}

.kaitoriCP_storeOsusume {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240408/storeosusume.png') top center/1921px auto no-repeat;
    height: 1215px;
}

.kaitoriCP_flowOnline {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/flowonline.png') center -51px/1921px auto no-repeat;
    height: 949px;
    padding: 814px 0 0;
}

.kaitoriCP_onlineOsusume {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/onlineosusume.png') top center/1921px auto no-repeat;
    height: 1124px;
}

.kaitoriCP_delete {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/delete.png') top center/1921px auto no-repeat;
    height: 747px;
    margin-top: -10px;
}

.kaitoriCP_reason {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/reason.png') top center/1920px auto no-repeat;
    height: 1251px;
}

.kaitoriCP_voice {
    background: #fece1a url('/pc/img/feature/kaitori-campaign/mobile/240213/voice.png') center/1049px auto no-repeat;
    height: 1953px;
}

.kaitoriCP_point {
    background: url('/pc/img/feature/kaitori-campaign/mobile/240213/point.png') top center/1920px auto no-repeat;
    height: 1161px;
}

.kaitoriCP_faq {
    background: #fece1a url('/pc/img/feature/kaitori-campaign/mobile/240213/faq.png') center -3px/1922px auto no-repeat;
    padding: 548px 0 50px;
}


/* banner */
.bnr_wrapper{
    margin-top: 100px;
    text-align: center;
}

.bnr_wrapper h2{
    font-size: 46px;
    font-weight: bold;
    margin-bottom: 32px;
    text-align: center;
}

.bnr_wrapper a{
    display: block;
    margin: 0 auto 50px;
    width: 700px;
}


/* sticky
-----------------------------------------------------------*/
.stickyWrap {
    display: none;
    position: fixed;
    right: calc(50% - 960px);
    bottom: 6px;
    width: 383px;
    height: auto;
    margin: 0;
    padding: 15px 10px 0 0;
    z-index: 500;
}

@media screen and (max-width: 1920px) {
    .stickyWrap {
        right: 10px;
    }
}

.stickyWrap .stickyInner {
    position: relative;
    -webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.2));
}

.stickyInner a {
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.stickyInner .sticky_closeBtn {
    position: absolute;
    top: -12px;
    right: -12px;
    cursor: pointer;
}

/* 注釈追加 */
.note_kaitoriCP {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}

.note_omakase {
    position: absolute;
    bottom: 124px;
    left: 50%;
    transform: translateX(-50%);
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    white-space: nowrap;
}

.note_storeOsusume {
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 17px;
    font-weight: bold;
    white-space: nowrap;
}

.note_voice {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}

.insert_banner {
    text-align: center;
    margin: 0 auto 60px
}

.insert_banner p {
    color: rgb(230, 0, 18);
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}