@charset "Shift_JIS";
/* CSS Document */
/*==============================================
共通 ここから
================================================*/

/* デフォルトの余白リセット */
footer .footer-inner, header .header, header .information, main, main#wrapper, nav .category_nav {
    margin: 0;
    padding: 0;
    max-width: none;
    overflow: hidden;
}
article#contents {
    padding-bottom: 0;
}
footer {
    position: relative;
    z-index: 1000;
    border-top: 2px solid #222;
}
footer .footer-inner {
    padding: 30px 0 !important;
}

/* br用クラス */
.smp-none {
    display: block;
}
.pc-none {
    display: none;
}

/* 変数上書き */
:root {
    /* 共通フォントサイズ(ディスプレイが900px以上の場合に14pxとなる) ※.kikisemaru-innerの中の要素のみ */
    --font-size-text: 2cqw;

    /* 横の余白 上書き */
    --margin-space-beside: 3.5em;

    /* 縦の余白 上書き */
    --margin-space-vertical: 2em;
}

.kikisemaru .pc_none {
    display: none;
}
/*==============================================
共通 ここまで
================================================*/
/*==============================================
.kikisemaru 共通 STR
================================================*/
.kikisemaru {
    background: linear-gradient(to bottom, #0278bd, #21c098);
}

.kikisemaru .contents {
    box-shadow:0px 0px 100px #87edff;
    margin: 0 auto;
    text-align: center;
    background-color: #fffecb;
    max-width: 1020px;
}

.kikisemaru .contents section {
    max-width: 900px;
    margin: auto;
}

.kikisemaru .contents .col_2 {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1em;
}

.kikisemaru img {
    width: 100%;
    height: auto;
    display: block;
}
/*==============================================
.kikisemaru 共通 END
================================================*/

/*==============================================
kikisemaru 看板 STR
================================================*/
.kikisemaru .kikisemaru-section.top {
    width: 100%;
    position: relative;
    max-width: 1020px;
}
.kikisemaru .kikisemaru-section.top .top-title {
    position: absolute;
    width: 100%;
    top: 0%;
    right: 0;
    animation: zoomIn .7s ease-in;
}
@keyframes zoomIn {
    0% {
    transform: scale(4.5);  
    opacity: 0;
    }
    90% {
        transform: translateY(0);
    }
    92% {
        transform: translateY(-2vw);
    }
    100% {
        opacity: 1;
        transform: scale(1);
        transform: translateX(0);
    }
}
/*==============================================
kikisemaru 看板 END
================================================*/

/*==============================================
kikisemaru 家電セット STR
================================================*/
.kikisemaru .contents .kaden-set {
    margin: 3em auto;
}
.kikisemaru .contents .kaden-set .col_2 {
    gap: 0;
}
.kikisemaru .contents .kaden-set .col_2 li a .click01,
.kikisemaru .contents .kaden-set .col_2 li a .click02 {
    width: 6em;
}
/*==============================================
kikisemaru 家電セット END
================================================*/

/*==============================================
kikisemaru イチオシアイテム STR
================================================*/
.kikisemaru .contents .itioshi-item {
    margin: 3em auto;
}
.kikisemaru .contents .itioshi-item .col_2 {
    gap: 1em;
}
/*==============================================
kikisemaru イチオシアイテム END
================================================*/

/*==============================================
kikisemaru セールアイテム STR
================================================*/
.kikisemaru .contents .sale-item {
    margin: 3em auto;
}
.kikisemaru .contents .sale-item h2 {
    font-size: 2em;
    border-bottom: solid 1px #505050;
    padding: 0 1.5em .2em;
    margin: 1em auto .5em;
}
.kikisemaru .contents .sale-item h2 img {
    width: 95%;
    margin: 0 auto;
}
.kikisemaru .contents .sale-item .col_2,
.kikisemaru .contents .sale-item .col_3 {
    gap: 1em;
    margin-bottom: 1em;
}
.kikisemaru .contents .sale-item li .item_price {
    font-size: 5em;
    text-shadow: 3px 3px #fff;
    margin-left: 5px;
}
.kikisemaru .contents .sale-item li .price_line {
    font-size: .5em;
    margin-left: 10px;
    text-shadow: 1px 0 0 #fff,-1px 0 0 #fff,0 1px 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
.kikisemaru .contents .sale-item .col_3 li .item_price {
    font-size: 3.5em;
    text-shadow: 3px 3px #fff;
}
.kikisemaru .contents .sale-item .col_3 li .price_line {
    font-size: .5em;
    margin-left: 10px;
}
.kikisemaru .contents .sale-item .more-btn {
    width: 90%;
    margin: 2em auto;
}
.kikisemaru .contents .sale-item .more-btn a {
    display: block;
    font-size: 1.5em;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 0.7em 0;
    background-color: #156ca8;
    border-radius: 5px;
    border: solid 1px #156ca8;
    transition: .2s;
}
.kikisemaru .contents .sale-item .more-btn a:hover {
    background-color: #fff;
    color: #156ca8 !important;
    transition: .2s;
}
/*==============================================
kikisemaru セールアイテム END
================================================*/

/*==============================================
kikisemaru キーワードから探す STR
================================================*/
.kikisemaru .contents .keyword h2 {
    font-size: 2em;
    border-bottom: solid 1px #505050;
    padding: 0 1.5em .2em;
    margin: 1em auto .5em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kikisemaru .contents .keyword h2 img {
    width: 95%;
    margin: 0 auto;
}
.kikisemaru .contents .keyword-list {
    gap: 10px 12px;
}
.kikisemaru .contents .keyword-list li a {
    font-size: 1.2em;
}
.kikisemaru .contents .keyword-list li a:hover {
    scale: calc(110%);
    color: #ffffff !important;
    background: linear-gradient(45deg, #ff3350, #ff5831);
}
/*==============================================
kikisemaru キーワードから探す END
================================================*/

/*==============================================
kikisemaru TOPへ戻る STR
================================================*/
.kikisemaru .contents .top-back {
    right: 2em;
    z-index: 10;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #181818a1;
    color: #ffffff;
    width: 6rem;
    height: 5.5rem;
    border-radius: 100vw;
    bottom: 54px;
    font-size: 1.2em;
    line-height: 1.4em;
}
.kikisemaru .contents .top-back a:hover {
    color: #fff !important;
}
.kikisemaru .contents .top-back i {
    font-size: 1rem;
    line-height: 0;
}
.kikisemaru .contents .pagetop a:hover {
    color: #fff !important;
}
/*==============================================
kikisemaru TOPへ戻る END
================================================*/