@charset "UTF-8";

/*リスト
 1:全体
 2:ヘッダ
 3:メイン
 4:フッタ
 5:その他共通パーツ
 */


/*----------------------------------------
 1:全体
----------------------------------------*/


/*-------
カラー指定*/

:root {
    --theme-color: #d4aea0;
    --bg-color: #faeee8;
    --main-text-color: #231F1C;
    --text-red-color: #e5816e;
    --news-bg-color: #e1928e;
    --redbutton-bg-color: #e5816e;
    --menu-bg-color: #fef7f4;
    --pickup-bg-color: #f7f3f1;
    --director-bg-color: #fef9f8;
    --instalive-bg-color: #faefeb;
    --instalive-line-color: #908586;
    --footer-bg-color: #faeee8;
    --black-line-color: #000000;
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    color: var(--main-text-color);
    font-size: 75%;
    line-height: 1.2em;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: none;
    box-sizing: border-box;
    font-weight: 300;
    position: relative;
}

body.is--opened {
    height: 100vh;
    overflow-y: hidden;
    padding-right: 15px;
}

body.is--opened header {
    left: -15px;
    width: calc(100% + 15px);
}

@media (max-width: 768px) {
    body {
        font-size: 2vw;
    }
    body.is--opened header {
        left: 0;
        width: 100%;
    }
}


/*リンク*/

a {
    color: var(--main-text-color);
}

a:visited {
    color: var(--main-text-color);
}

a:hover,
a:hover * {
    opacity: 0.7;
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: var(--main-text-color);
}


/*画像*/

figure {
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}

@media (max-width: 768px) {
    img {
        max-width: 100%;
        width: 100%;
    }
}

ul {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
}


/*common layout*/

.container {
    *zoom: 1;
    margin: 0 auto;
    width: 980px;
    min-width: 980px;
    position: relative;
}

@media (max-width: 768px) {
    .container {
        width: 100%;
        min-width: 100%;
    }
}

.top__section {
    *zoom: 1;
    margin: 0 auto;
    width: 100%;
    min-width: 980px;
    padding-bottom: 140px;
}

.top__section:before,
.top__section:after {
    content: " ";
    display: table;
}

.top__section:after {
    clear: both;
}

@media (max-width: 768px) {
    .top__section {
        width: 100%;
        min-width: 100%;
        padding-bottom: 20vw;
    }
}

@-ms-viewport {
    width: device-width;
}

h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
dl,
dt,
dd {
    margin: 0;
}

ul,
ol {
    padding: 0;
}

a {
    text-decoration: none;
}

a:hover {
    cursor: pointer;
}


/**SP PC表示・非表示*/

.is--sp {
    display: none;
}

@media (max-width: 768px) {
    .is--sp {
        display: block;
    }
    .is--pc {
        display: none !important;
    }
}


/*----------------------------------------
 2:ヘッダ
----------------------------------------*/


/*overlay*/

.overlay {
    position: fixed;
    opacity: 0;
    background: #000000aa;
    width: 100vw;
    top: 0;
    left: 0;
    transition: 0.3s;
}

.overlay.is--opened {
    opacity: 1;
    transition: 0.3s;
    z-index: 2;
    height: 100vh;
}

.overlay.is--opened.is--search {
    z-index: 101;
}


/*ニュースティッカー*/

.top__news {
    text-align: center;
    letter-spacing: 0.17rem;
    font-size: 0.85rem;
    line-height: 1em;
    background-color: #ffffff;
}

.top__news__inner {
    /*display: flex;
    justify-content: center;*/
    /*overflow: hidden;
    height: 45px;*/
}

header .top__news__inner.is--opened {
    /* height: auto; */
}

.top__news__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.top__news__list__item {
    font-weight: bold;
    background-color: var(--news-bg-color);
    /* width: 100%; */
    position: relative;
    top: -1px;
    color: #ffffff;
}

.top__news__list__item a {
    padding: 16px 0;
    color: #ffffff;
    display: block;
    position: relative;
    /*display: inline-block;
    margin: 0 -500%;
    padding: 16px 500%;*/
    /* height: 45px; */
}

.top__news__list--ticker.slick-slider .top__news__list__item:nth-child(n+2){
    display: none;
}
.top__news__list--ticker.slick-initialized .top__news__list__item:nth-child(n+2){
    display: block; /*slick-initializedが付与されたら表示*/
}

.slick-list,
.top__news__list__item,
.top__news__list__item a {
    transition: .3s;
}
/* .top__news__show__btn {
    transition: .3s;
} */
/*.top__news .slick-list{
    margin:-2px 0;
}*/
.top__news .slick-track {
    /*display: flex !important;
    flex-direction: column !important;*/
}

.top__news .slick-vertical .slick-slide {
    /* width: auto !important;*/
    border: 0;
}

.top__news .top__news__list__item a:after {
    content: " 》";
}

.top__news__show__btn {
    z-index: 2;
    padding: 10px;
    cursor: pointer;
    position: absolute;
    top: 0;
}

.top__news__show__btn.is--opened {
    padding-top: 10px;
}

.top__news__show__btn__inner {
    margin-top: 4px;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: rotate(-45deg);
    display: block;
    cursor: pointer;
    z-index: 2;
}

.top__news__show__btn.is--opened .top__news__show__btn__inner {
    transform: rotate(135deg);
    top: 10px;
}

.top__news__show__btn.is--disable {
    display: none;
}


/*.top__news .slick-vertical .slick-slide{
    border: none;
}*/

@media (max-width: 768px) {
    .top__news {
        font-size: calc(100vw / 770 * 18);
    }
    .top__news__inner {
        gap: 1vw;
        height: initial;
    }
    /* .top__news .slick-list{
        margin:calc(100vw / 770 * -2) 0;
    } */
    .top__news__list__item {
        top: 0;
    }
    .top__news__list__item a {
        padding: calc(100vw / 770 * 24) calc(100vw / 770 * 40);
        /*height: initial;*/
    }
    .top__news__show__btn {
        padding: calc(100vw / 770 * 7) calc(100vw / 770 * 10) calc(100vw / 770 * 30);
    }
    .top__news__show__btn__inner {
        width: calc(100vw / 770 * 20);
        height: calc(100vw / 770 * 20);
    }
    .top__news__show__btn.is--opened{
        padding-top: calc(100vw / 770 * 20);
    }
    .top__news__show__btn.is--opened .top__news__show__btn__inner {
        top: calc(100vw / 770 * 0);
        position: relative;
    }
}


/*ヘッダー*/

header {
    position: fixed;
    min-width: 980px;
    display: block;
    top: 0;
    z-index: 100;
    width: 100%;
}

@media (max-width:980px) {
    header,
    .header__main>.container,
    .top__news__inner {
        width: 100%;
        min-width: 100%;
    }
}

.header__main {
    background: #ffffff;
}

.header__main>.container {
    position: relative;
    padding-top: 42px;
    padding-bottom: 50px;
}

@media (max-width:768px) {
    .header__main>.container {
        position: relative;
        padding-top: calc(100vw / 770 * 34);
        padding-bottom: calc(100vw / 770 * 34);
    }
}

.header__logo {
    text-align: center;
    width: 100%;
}

.header__logo__link {
    display: block;
    margin: 0 auto;
    width: 300px;
    transition: 0.3s;
}

@media (max-width: 768px) {
    .header__logo__link {
        width: calc(100vw / 770 *254);
        position: relative;
        left: calc(100vw / 770 * -18);
    }
}


/*ハンバーガーメニューボタン*/

.header__menubtn,
.header__tools {
    position: absolute;
    padding-top: 38px;
}

.header__menubtn {
    left: 0;
    top: 15px;
}

.header__menubtn__link {
    width: 50px;
    height: 32px;
    display: block;
    cursor: pointer;
    position: absolute;
}

.header__menubtn__link span {
    width: 100%;
    display: block;
    height: 3px;
    background-color: var(--black-line-color);
    transition: .5s;
    position: absolute;
}

.header__menubtn__link span:nth-of-type(1) {
    top: 0;
}

.header__menubtn__link span:nth-of-type(2) {
    top: 15px;
}

.header__menubtn__link span:nth-of-type(3) {
    bottom: 0
}

.header__menubtn__link.is--opened span {
    transition: .5s;
}

.header__menubtn__link.is--opened span:nth-of-type(1) {
    /* transform: rotate(45deg) translateY(11px) translateX(10px); */
    transform: rotate(45deg) translateY(4px) translateX(18px);
}

.header__menubtn__link.is--opened span:nth-of-type(2) {
    opacity: 0;
}

.header__menubtn__link.is--opened span:nth-of-type(3) {
    /* transform: rotate(-45deg) translateY(-11px) translateX(10px); */
    transform: rotate(-45deg) translateY(-3px) translateX(16px);
}

@media (max-width:768px) {
    .header__menubtn,
    .header__tools {
        padding-top: calc(100vw / 770 * 40)
    }
    .header__menubtn {
        top: 0;
        left: calc( 100vw / 770 * 16);
    }
    .header__menubtn__link {
        width: calc( 100vw / 770 * 52);
        height: calc( 100vw / 770 * 33);
    }
    .header__menubtn__link span {
        height: calc( 100vw / 770 * 3);
    }
    .header__menubtn__link span:nth-of-type(2) {
        top: calc( 100vw / 770 * 30 / 2);
    }
    .header__menubtn__link.is--opened span:nth-of-type(1) {
        transform: rotate(45deg) translateY(calc( 100vw / 770 * 11)) translateX(calc( 100vw / 770 * 10))
    }
    .header__menubtn__link.is--opened span:nth-of-type(3) {
        transform: rotate(-45deg) translateY(calc( -100vw / 770 * 11)) translateX(calc( 100vw / 770 * 10))
    }
}

.header__tools {
    position: absolute;
    top: 5px;
    right: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.header__tools__item--search,
.header__tools__item--cart {
    width: 29px;
    margin-right: 20px;
}

.header__tools__item--login a {
    border: 1px solid var(--black-line-color);
    font-size: 0.6rem;
    letter-spacing: 1px;
    width: 143px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__tools__item--login a:hover {
    text-decoration: none;
}

.header__tools__item .header__tools__item__link__img img {
    width: 100%;
}

@media (max-width:768px) {
    .header__tools {
        top: calc(100vw / 770 * -6);
    }
    .header__tools__item--search {
        margin-right: calc(100vw / 770 * 26);
    }
    .header__tools__item--cart {
        margin-right: calc(100vw / 770 * 38);
    }
    .header__tools__item--search {
        width: calc(100vw / 770 * 38);
        height: auto;
    }
    .header__tools__item--cart {
        width: calc(100vw / 770 * 38);
        height: auto;
    }
    .header__tools__item--login {
        display: none;
    }
}


/*コンパクト*/

@media (min-width:769px) {
    header.is--fixed .top__news__inner {
        /*height: 29px;*/
    }
    header.is--fixed .top__news__inner.is--opened {
        height: auto;
    }
    header.is--fixed .top__news__list {
        padding: 0 0;
    }
    header.is--fixed .top__news__list__item a {
        padding: 8px 0;
        transition: .3s;
    }
    header.is--fixed .top__news__list__item {}
    header.is--fixed .top__news__list__item a {}
    header.is--fixed .top__news__inner.is--opened .top__news__list__item a {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    header.is--fixed .top__news__show__btn {
        padding: 3px 10px 10px;
        /* transition: .3s; */
    }
    header.is--fixed .top__news__show__btn.is--opened{
        padding-top: 8px;
    }
    header.is--fixed .header__main {
        background: none;
    }
    header.is--fixed .header__main.is--opened {
        background: #ffffff;
    }
    header.is--fixed .header__logo__link {
        width: 158px;
        transition: 0.3s;
    }
    header.is--fixed .header__main>.container {
        padding-top: 16px;
        padding-bottom: 16px;
        transition: 0.3s;
    }
    header.is--fixed .header__menubtn,
    header.is--fixed .header__tools {
        padding-top: 8px;
        transition: 0.3s;
    }
    header.is--fixed .header__menubtn {
        transition: 0.3s;
        top: 11px;
    }
    header.is--fixed .header__menubtn__link {
        width: 35px;
        height: 25px;
        transition: 0.3s;
    }
    header.is--fixed .header__menubtn__link span {
        transition: 0.3s;
    }
    header.is--fixed .header__menubtn__link span:nth-of-type(2) {
        top: 11px;
    }
    header.is--fixed .header__menubtn__link.is--opened span:nth-of-type(1) {
        /* transform: rotate(45deg) translateY(11px) translateX(4px); */
        transform: rotate(45deg) translateY(0px) translateX(14px);
    }
    header.is--fixed .header__menubtn__link.is--opened span:nth-of-type(3) {
        /* transform: rotate(-45deg) translateY(-11px) translateX(4px); */
        transform: rotate(-45deg) translateY(-1px) translateX(15px);
    }
}


/*SP表示/非表示*/

@media (max-width:768px) {
    header.is--upmoved {
        transition: .3s;
        transform: translateY(-100%);
    }
    header.is--downmoved {
        transition: .3s;
        transform: translateY(0);
    }
}


/*Gナビ*/

.gnav.is-opened {
    transition: 0.3s;
    transform: translateY(0);
    overflow: auto;
}

.gnav {
    background: var(--menu-bg-color);
    position: absolute;
    z-index: -1;
    width: 100%;
    transition: .3s;
    transform: translateY(-150%);
    padding: 0;
    padding-top: 58px;
    overflow: hidden;
    /*padding-left: 15px;*/
    /*スライダーのずれ防止用*/
}

.gnav.is--opened {
    transition: .3s;
    transform: translateY(0);
    overflow: auto;
    max-height: calc(100vh - 160px - 40px - 40px);
    /*headerの高さ*/
}

.gnav>* {
    opacity: 0;
    transition: 0.3s;
}

.gnav.is--opened>* {
    opacity: 1;
    transition: 1s;
}

.gnav .container {
    /*width:934px;
	min-width: 934px;*/
}

.gnav__toparea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 36px;
}

.gnav__toparea__left {
    display: flex;
    align-items: center;
}

.gnav__toparea__left__item {
    border: var(--redbutton-bg-color) 1px solid;
    width: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    margin-right: 12px;
    letter-spacing: 0.1em;
    line-height: 1em;
    font-size: 0.85rem;
}

.gnav__toparea__left__item:hover,
.gnav__toparea__right__item:hover {
    text-decoration: none;
}

.gnav__toparea__left__item figure,
.gnav__toparea__right__item figure {
    padding-right: 5px;
}

.gnav__toparea__left__item--login {
    background: var(--redbutton-bg-color);
    color: #ffffff;
}

.gnav__toparea__left__item--login:visited {
    color: #ffffff;
}

.gnav__toparea__right__item--search {
    border: 1px solid var(--black-line-color);
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    width: 220px;
    min-height: 37px;
    letter-spacing: 0.1em;
    line-height: 1em;
    font-size: 0.85rem;
}

.gnav__toparea__right__item--search figure {
    margin-right: 5px;
}

.gnav__mdlarea {
    border-top: 1px solid var(--black-line-color);
    border-bottom: 1px solid var(--black-line-color);
}

.gnav__mdlarea__list {
    display: flex;
    align-items: center;
    list-style: none;
    padding-top: 40px;
    padding-bottom: 30px;
    justify-content: space-evenly;
}

.gnav__mdlarea__list__item {
    display: flex;
    align-items: center;
    font-family: 'Amiri', sans-serif;
    font-size: 1.15rem;
    letter-spacing: 0.15em;
}

.gnav__mdlarea__list__item a {
    display: flex;
    align-items: center;
}

.gnav__mdlarea__list__item a figure {
    margin-right: 10px;
    position: relative;
    top: -4px;
}

.gnav__mdlarea__list__item:after {
    content: "≫";
    display: inline-block;
    padding-left: 12px;
    font-size: 1.15rem;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    top: -0.1em;
}

.gnav__arrow__text {
    font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    top: -0.1em;
}

.gnav__btmarea {
    padding-top: 49px;
    display: flex;
    justify-content: space-around;
    padding-bottom: 107px;
}

.gnav__btmarea__item__title {
    font-family: 'Amiri', sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    padding-bottom: 23px;
}

.gnav__btmarea__item__title::first-letter {
    color: var(--text-red-color);
}

.gnav__btmarea__item__list {
    list-style: none;
}

.gnav__btmarea__item__list__item {
    padding: 10px 0;
    letter-spacing: 0.05em;
    font-size: 0.9rem;
}

.gnav__btmarea__item--pickup figure {
    width: 250px;
    height: auto;
    padding-bottom: 10px;
}

.gnav__footer {
    background-color: var(--redbutton-bg-color);
    padding: 10px 0;
}

.gnav__footer .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gnav__footer .container figure.gnav__footer__link--andcherim {
    width: 136px;
    height: auto;
}

.gnav__footer__link--js {
    color: var(--text-red-color);
    font-family: 'Amiri', sans-serif;
    background: #ffffff;
    width: 223px;
    min-height: 36px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 1rem;
    letter-spacing: 0.03rem;
}

.gnav__footer__link--js:visited {
    color: var(--text-red-color);
}

@media (max-width:980px) and (max-width:980px) {
    .gnav__footer {
        width: 100%;
        min-width: 980px;
    }
}

@media (max-width: 768px) {
    .gnav {
        padding-left: 0;
        padding-top: calc(100vw / 770 * 47);
    }
    .gnav__toparea {
        padding-bottom: calc(100vw / 770 * 50);
    }
    .gnav__toparea,
    .gnav__toparea__left {
        flex-direction: column;
    }
    .gnav__toparea__left {
        gap: calc(100vw / 770 * 25);
    }
    .gnav__toparea__right {
        display: none;
    }
    .gnav__toparea__left__item {
        width: calc(100vw / 770 * 606);
        height: calc(100vw / 770 * 116);
        margin-right: 0;
        font-size: calc(100vw / 770 * 33);
    }
    .gnav__toparea__left__item--login figure {
        width: calc(100vw / 770 * 47);
    }
    .gnav__toparea__left__item--favorite figure {
        width: calc(100vw / 770 * 50);
    }
    .gnav__toparea__left__item figure,
    .gnav__toparea__right__item figure {
        padding-right: 0;
        margin-right: calc(100vw / 770 * 31);
    }
    .gnav__mdlarea {
        border: none;
        background-color: #FEE2D5;
    }
    .gnav__mdlarea__list {
        flex-direction: column;
        align-items: flex-start;
        gap: calc(100vw / 770 * 64);
        padding: calc(100vw / 770 * 67);
    }
    .gnav__mdlarea__list__item {
        font-size: calc(100vw / 770 * 34);
        line-height: 1em;
    }
    .gnav__mdlarea__list__item:after {
        font-size: calc(100vw / 770 * 34);
    }
    .gnav__mdlarea__list__item a figure {
        width: calc(100vw / 770 * 39);
    }
    .gnav__btmarea {
        flex-direction: column;
        padding-top: 0;
        padding-bottom: calc(100vw / 770 * 15);
    }
    .gnav__btmarea__item--pickup {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        background-color: #ffffff;
        gap: calc(100vw / 770 * 14);
        padding: calc(100vw / 770 * 48) 0;
    }
    .gnav__btmarea__item--category {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }
    .gnav__btmarea__item--contents {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
    }
    .gnav__btmarea__item--information {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
    }
    .gnav__btmarea__item--pickup figure {
        width: calc(100vw / 770 * 318);
        padding-bottom: 0;
    }
    .gnav__btmarea__item--category,
    .gnav__btmarea__item--contents,
    .gnav__btmarea__item--information {
        padding: calc(100vw / 770 * 94) 0 calc(100vw / 770 * 77);
        margin: 0 calc(100vw / 770 * 62);
        border-bottom: var(--black-line-color) 1px solid;
    }
    .gnav__btmarea__item--information {
        border-bottom: none;
    }
    .gnav__btmarea__item__title {
        font-size: calc(100vw / 770 * 43);
        letter-spacing: calc(100vw / 770 * 3);
        line-height: 1em;
    }
    .gnav__btmarea__item__list__item {
        font-size: calc(100vw / 770 * 32);
        padding: calc(100vw / 770 * 30) 0;
    }
    .gnav__footer {
        color: #fff;
        padding: calc(100vw / 770 * 48) 0 calc(100vw / 770 * 40);
        font-size: calc(100vw / 770 * 17);
        letter-spacing: calc(100vw / 770 * 2);
        min-width: 100%;
    }
    .gnav__footer p {
        padding-left: calc(100vw / 770 * 2);
    }
    .gnav__footer .container {
        flex-direction: column;
    }
    .gnav__footer .container figure.gnav__footer__link--andcherim {
        width: calc(100vw / 770 * 233);
        margin-bottom: calc(100vw / 770 * 47);
    }
    .gnav__footer__link--js {
        margin-top: calc(100vw / 770 * 25);
        width: calc(100vw / 770 * 368);
        height: calc(100vw / 770 * 60);
        font-size: calc(100vw / 770 * 25);
        letter-spacing: 0.1em;
    }
    .gnav__arrow__text {
        font-family: "Noto Sans JP", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        position: relative;
        top: -0.1em;
    }
}


/*検索ボックス*/

.header__searchbox {
    display: none;
    width: 360px;
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 100;
    padding: 17px;
    z-index: 101;
}

.header__searchbox.is--opened {
    display: block;
}

.header__searchbox__title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-family: 'Amiri', sans-serif;
    letter-spacing: 0.15em;
    font-weight: normal;
    padding-bottom: 33px;
    ;
}

.header__searchbox__title figure {
    width: 15px;
    height: auto;
    margin-right: 8px;
}

.header__searchbox input[type="text"],
.header__searchbox input[type="number"],
.header__searchbox input[type="checkbox"],
.header__searchbox select,
.header__searchbox__submit__item button,
.header__searchbox__submit__item input[type="reset"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    border-radius: 0;
    font: inherit;
    outline: none;
}

.header__searchbox input[type="text"],
.header__searchbox select {
    border: #969696 1px solid;
    width: 100%;
    line-height: 2em;
    padding: 0 5px;
    font-size: 0.9em;
    height: 28px;
}

.header__searchbox__detail {
    display: flex;
    align-items: center;
    padding-top: 21px;
}

.header__searchbox__detail__title {
    width: calc(100% - 205px);
}

.header__searchbox__detail__input {
    width: 205px;
    display: flex;
}

.header__searchbox__input input[type="text"] {
    height: 44px;
    padding-right: 50px;
    /*background: url(../images/common/bg_search.svg) no-repeat calc(100% - 9px) center ;
    background-size: 25 28;*/
    font-size: 14px;
}

.header__serachbox__detail__deco {
    position: relative;
    width: 100%;
}

.header__searchbox .header__serachbox__detail__deco:after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--black-line-color);
    border-right: 1px solid var(--black-line-color);
    right: 8px;
    top: 48%;
    transform: translateY(-50%) rotate(135deg);
}

.header__searchbox__detail[data-type="price"] span {
    padding: 0 2px;
}

.header__searchbox__detail[data-type="price"] span:last-child {
    padding-right: 0;
}

.header__searchbox__detail[data-type="price"] span.header__searchbox__detail__yen {
    position: relative;
    bottom: -6px;
}

.header__searchbox__detail__input label {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.header__searchbox__detail__input label:last-child {
    padding-bottom: 0;
}

.header__searchbox__detail__input input[type="checkbox"] {
    border: #969696 1px solid;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}

.header__searchbox__detail__input input[type="checkbox"]:checked {
    background-color: var(--redbutton-bg-color);
    border-color: var(--redbutton-bg-color);
}

.header__searchbox__detail[data-type="price"] .header__searchbox__detail__input {
    align-items: baseline;
}

.header__searchbox__detail[data-type="else"] .header__searchbox__detail__input,
.header__searchbox__detail[data-type="zaiko"] .header__searchbox__detail__input {
    flex-direction: column;
}

.header__searchbox__submit {
    padding-top: 48px;
    font-size: 0.9em;
}

.header__searchbox__submit__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__searchbox__submit__item button {
    background-color: var(--redbutton-bg-color);
    border: var(--redbutton-bg-color) 1px solid;
    color: #ffffff;
    width: 157px;
    height: 36px;
    background-image: url(../images/common/btn_search.svg);
    background-repeat: no-repeat;
    background-size: 14px 11px;
    background-position: 5px center;
    padding-left: 15px;
}

.header__searchbox__submit__item input[type="reset"] {
    border: #969696 1px solid;
    color: #969696;
    width: 157px;
    height: 36px;
}

.header__searchbox__closebtn {
    display: block;
    height: 15px;
    width: 15px;
    font-size: 0;
    position: absolute;
    top: 10px;
    right: 20px;
}

.header__searchbox__closebtn span:before,
.header__searchbox__closebtn span:after {
    content: "";
    height: 1px;
    width: 24px;
    background: var(--black-line-color);
    display: block;
    position: relative;
}

.header__searchbox__closebtn span:before {
    transform: rotate(45deg);
    top: 7px;
}

.header__searchbox__closebtn span:after {
    transform: rotate(-45deg);
    top: -8px;
}

@media (max-width: 768px) {
    .header__searchbox {
        width: calc(100vw / 770 * 717);
        padding: calc(100vw / 770 * 40) calc(100vw / 770 * 33);
        font-size: calc(100vw / 770 * 25);
    }
    .header__searchbox__title {
        font-size: calc(100vw / 770 * 23);
        padding-bottom: calc(100vw / 770 * 70);
    }
    .header__searchbox__title figure {
        width: calc(100vw / 770 * 30);
    }
    .header__searchbox__detail .header__searchbox input[type="text"],
    .header__searchbox__detail .header__searchbox select {
        font-size: calc(100vw / 770 * 25);
    }
    .header__searchbox__input input[type="text"] {
        height: calc(100vw / 770 * 88);
        padding-right: calc(100vw / 770 * 100);
        background-repeat: no-repeat;
        background-position: calc(100% - 100vw / 770 * 20) center;
        background-size: calc(100vw / 770 * 50) calc(100vw / 770 * 50);
        font-size: calc(100vw / 770 * 30);
    }
    .header__searchbox__detail .header__searchbox select,
    .header__searchbox__detail .header__searchbox input[type="text"] {
        height: calc(100vw / 770 *56);
    }
    .header__searchbox .header__serachbox__detail__deco select {
        padding-right: 5vw;
    }
    .header__searchbox .header__serachbox__detail__deco:after {
        content: "";
        display: block;
        position: absolute;
        width: 1.8vw;
        height: 1.8vw;
        right: 2.5vw;
    }
    .header__searchbox__detail {
        padding-top: calc(100vw / 770 * 44);
    }
    .header__searchbox__detail dt {
        width: calc(100% - 100vw / 770 * 407);
    }
    .header__searchbox__detail dd {
        width: calc(100vw / 770 * 407);
    }
    .header__searchbox__detail[data-type="price"] span {
        padding: 0 1vw;
    }
    .header__searchbox__detail[data-type="price"] span:last-child {
        padding-right: 0;
    }
    .header__searchbox__detail[data-type="price"] span.header__searchbox__detail__yen {
        position: relative;
        bottom: -1.5vw;
    }
    .header__searchbox__detail__input label {
        padding-bottom: calc(100vw / 770 * 22);
    }
    .header__searchbox__detail__input input[type="checkbox"] {
        width: calc(100vw / 770 * 30);
        height: calc(100vw / 770 * 30);
        margin-right: calc(100vw / 770 * 25);
    }
    .header__searchbox__submit__item button,
    .header__searchbox__submit__item input[type="reset"] {
        width: calc(100vw / 770 * 314);
        height: calc(100vw / 770 * 75);
        font-size: calc(100vw / 770 * 23);
    }
    .header__searchbox__submit__item button {
        background-size: calc(100vw / 770 * 27) calc(100vw / 770 * 24);
        background-position: calc(100vw / 770 * 20) center;
    }
    .header__searchbox__closebtn {
        width: calc(100vw / 770 * 40);
        height: calc(100vw / 770 * 40);
        top: calc(100vw / 770 * 20);
        right: calc(100vw / 770 * 20);
    }
    .header__searchbox__closebtn span:before,
    .header__searchbox__closebtn span:after {
        width: calc(100vw / 770 * 48);
    }
    .header__searchbox__closebtn span:before {
        top: calc(100vw / 770 * 14);
    }
    .header__searchbox__closebtn span:after {
        top: calc(100vw / 770 * -6);
    }
}


/*メインビジュアル*/

.top__mainvisual {
    min-width: 980px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.top__mainvisual__list {
    width: 100%;
    list-style: none;
}

.top__mainvisual__list.is--sp {
    display: none;
}
.top__mainvisual__item {
    text-align: center;
    transition: .5s;
    opacity: 0.4;
    transform: scale(0.85);
    transition: .5s;
    width: 700px !important;
}

.top__mainvisual__item a img {
    width: 100%
}
.top__mainvisual__item video {
    width: 100%
}

.top__mainvisual__item.swiper-slide-active {
    opacity: 1;
    z-index: 1;
    transform: scale(1);
    /* スライドの大きさ調整 */
}

.top__mainvisual .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}

.top__mainvisual .swiper-pagination-bullet-active {
    background: var(--redbutton-bg-color);
    opacity: 1;
}

.top__mainvisual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0px 6px;
}

.top__mainvisual.swiper-container-mv {
    margin-bottom: 28px;
}

@media (max-width: 768px) {
    .top__mainvisual {
        min-width: 100%;
    }
    .top__mainvisual__item {
        /* width: calc(100vw / 770 * 648); */
        width: 100% !important;
    }
    .top__mainvisual .swiper-pagination-bullet {
        width: calc(100vw / 770 * 12);
        height: calc(100vw / 770 * 12);
    }
    .top__mainvisual .swiper-pagination-bullet-active {
        background: var(--redbutton-bg-color);
        opacity: 1;
    }
    .top__mainvisual.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0px calc(100vw / 770 * 6);
    }
    .top__mainvisual.swiper-container {
        margin-bottom: 28px;
    }
    .top__mainvisual.swiper-container-mv {
        margin-bottom: calc(100vw / 770 * 30);
    }
    .top__mainvisual.swiper-container-android .swiper-slide {
        transform: translate3d(0px, 0, 0) scale(0.85);
    }
    .top__mainvisual.swiper-container-android .swiper-slide.top__mainvisual__item.swiper-slide-active {
        transform: translate3d(0px, 0, 0) scale(1);
    }
}


/*ブランドタイトル*/

.top__brandtitle {
    font-weight: normal;
    text-align: center;
    font-size: 0.8rem;
    letter-spacing: 0.03em;
}

@media (max-width: 768px) {
    .top__brandtitle {
        font-size: calc(100vw / 770 * 18);
        letter-spacing: calc(100vw / 770 * 1.8);
    }
}


/*カテゴリー*/

.top__category__list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    list-style: none;
    padding-top: 85px;
}

.top__category__list__item__inner {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.top__category__list__item__title {
    font-family: 'Amiri', sans-serif;
    font-size: 1.2rem;
    letter-spacing: 0.15em;
    padding-left: 0.15em;
    padding-bottom: 12px;
}

@media (max-width: 768px) {
    .top__category {
        padding-bottom: calc(100vw / 770 * 80);
    }
    .top__category__list {
        flex-wrap: wrap;
        padding-top: calc(100vw / 770 * 123);
        margin: 0 calc(100vw / 770 * 100);
    }
    .top__category__list__item__inner {
        flex-wrap: wrap;
    }
    .top__category__list__item {
        width: 33%;
        padding-bottom: calc(100vw / 770 * 56);
    }
    .top__category__list__item__title {
        font-size: calc(100vw / 770 * 24);
        padding-bottom: calc(100vw / 770 * 12);
    }
    .top__category__list__item__text {
        letter-spacing: 0.1em;
    }
}


/*ピックアップ*/

.top__pickup {
    background: linear-gradient(white 100px, var(--pickup-bg-color) 100px);
    min-width: 980px;
    padding-bottom: 80px;
}

.top__pickup__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
}

.top__pickup__list__item {
    width: 220px;
}

.top__pickup__list__item__img,
.top__pickup__list__item__img img {
    width: 100%;
}

.top__pickup__list__item__title {
    font-weight: bold;
    padding: 16px 0 12px;
    line-height: 1rem;
}

.top__pickup__list__item__text {
    letter-spacing: 0.03rem;
    line-height: 1.1rem;
}

.top__pickup .top__morebtn {
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .top__pickup {
        background: linear-gradient(white calc(100vw / 770 * 94), var(--pickup-bg-color) calc(100vw / 770 * 94));
        min-width: 100%;
        padding-bottom: calc(100vw / 770 * 68);
    }
    .top__pickup__list {
        gap: 0 calc(100vw / 770 * 46);
    }
    .top__pickup__list__item {
        width: calc(100vw / 770 * 300);
        padding-bottom: calc(100vw / 770 * 62);
    }
    .top__pickup__list__item__title {
        padding: calc(100vw / 770 * 24) 0 calc(100vw / 770 * 20);
    }
    .top__pickup__list__item__text {
        line-height: 0.9rem;
    }
    .top__pickup .top__morebtn {
        padding-top: calc(100vw / 770 * 22);
        padding-bottom: 0;
    }
}


/*moreボタン*/

.top__morebtn {
    width: 190px;
    margin: 0 auto;
    padding-top: 45px;
    padding-bottom: 80px;
    clear: both;
}

.top__morebtn a {
    display: flex;
    margin: 0 auto;
    width: 100%;
    background: var(--theme-color);
    height: 40px;
    color: #ffffff;
    align-items: center;
    justify-content: center;
    font-family: 'Amiri', sans-serif;
    font-size: 1.1rem;
    letter-spacing: 0.12rem;
}

.top__morebtn a:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
    .top__morebtn {
        padding-top: calc(100vw / 770 * 46);
        width: calc(100vw / 770 * 282);
        padding-bottom: calc(100vw / 770 * 70);
    }
    .top__morebtn a {
        height: calc(100vw / 770 * 57);
        font-size: calc(100vw / 770 * 27);
    }
}


/*checked item*/

.top__title {
    font-family: 'Amiri', sans-serif;
    /* font-size: 1.1rem; */
    font-size: 1.7rem;
    font-weight: normal;
    padding-left: 0.12rem;
    letter-spacing: 0.12rem;
    text-align: center;
    line-height: 1em;
}

.top__history__title {
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .top__title {
        /* font-size:calc(100vw / 770 * 30); */
        font-size: calc(100vw / 770 * 50);
    }
    .top__history__title {
        font-size: calc(100vw / 770 * 30);
    }
}


/*item*/

.top__lineup {
    padding-top: 120px;
}

.top__lineup__title {
    padding-bottom: 54px;
}

.top__lineup__inner.container {
    width: 857px;
    min-width: 857px;
}

.top__lineup__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
    padding-bottom: 36px;
    gap: 68px 22px;
}

.top__lineup__list__item,
.top__ranking__list__item {
    font-size: 1rem;
    letter-spacing: 0.1rem;
    font-family: 'Amiri', sans-serif;
}

.top__lineup__list__item {
    width: 270px;
    position: relative;
}

.top__lineup__list__item img {
    width: 100%;
}

.top__lineup__list__item__icon {
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.top__lineup__list__item p {
    padding-left: 7px;
}

.top__lineup__list__item__title,
.top__ranking__list__item__title {
    padding-top: 15px;
    line-height: 1.2rem;
}

.top__lineup__list__item__price del,
.top__ranking__list__item del {
    color: #909090;
}

.top__lineup__list__item__sale__price {
    color: var(--text-red-color);
}

.top__lineup__list__item__price__taxin {
    font-size: 0.7rem;
    letter-spacing: 0.05rem;
    color: var(--main-text-color);
}

.top__lineup__list__item__time {
    padding-top: 2px;
    color: var(--text-red-color);
    letter-spacing: 0;
}

.top__lineup__list__item__price__red, .top__ranking__list__item__price__red {
    color: var(--text-red-color);
}

.top__lineup__list__item p.line-through, .top__ranking__list__item .line-through {
    text-decoration: line-through;
    color: #909090;
}

.top__lineup__list__item__price_wrap {
    display: flex;
}

@media (max-width: 768px) {
    .top__lineup {
        padding-top: calc(100vw / 770 * 86);
        padding-bottom: 0;
    }
    .top__lineup__inner.container {
        width: 100%;
        min-width: 100%;
    }
    .top__lineup__list {
        gap: calc(100vw / 770 * 67) calc(100vw / 770 * 25);
        padding-bottom: 0;
        justify-content: flex-start;
        padding: 0 calc(100vw / 770 * 60);
    }
    .top__lineup__list__item {
        width: calc(100vw / 770 * 312);
    }
    .top__lineup__list__item,
    .top__ranking__list__item {
        font-size: calc(100vw / 770 * 20);
        line-height: calc(100vw / 770 * 24);
    }
    .top__lineup__list__item__icon {
        width: calc(100vw / 770 * 48);
    }
    .top__lineup__list__item p {
        padding-left: calc(100vw / 770 * 8);
    }
    .top__lineup__list__item__title {
        padding-top: calc(100vw / 770 * 14);
        letter-spacing: calc(100vw / 770 * 4);
    }
    .top__lineup__list__item__price {
        font-size: calc(100vw / 770 * 24);
    }
    .top__lineup__list__item__price__taxin {
        font-size: calc(100vw / 770 * 18);
    }
    .top__lineup__list__item__time {
        padding-top: calc(100vw / 770 * 4);
        font-size: calc(100vw / 770 * 24);
    }
    .top__lineup__list__item__price del {
        display: block;
    }
    .top__lineup .top__morebtn {
        padding-top: calc(100vw / 770 * 53);
        padding-bottom: calc(100vw / 770 * 96);
    }
    .top__lineup__list__item__price_wrap {
        display: block;
    }
}


/*ランキング*/

.top__ranking {
    background: var(--pickup-bg-color);
    padding-top: 73px;
    counter-reset: ranking;
    font-size: 0.9rem;
}

.top__ranking__inner {
    width: 803px;
    min-width: 803px;
}

.top__ranking__title {
    padding-bottom: 58px;
}

.top__ranking__list {
    list-style: none;
}

.top__ranking__list__item {
    position: relative;
    display: inline-block;
    float: left;
    padding-bottom: 9px;
}

.top__ranking__list__item img {
    width: 100%;
}

.top__ranking__list__item a:before {
    background: #00000055;
    content: counter(ranking);
    counter-increment: ranking;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-family: 'Amiri', sans-serif;
    position: absolute;
    top: 0;
    left: 0;
}

.top__ranking__list__item a:before:hover {
    text-decoration: none;
}

.top__ranking__list__item:first-child {
    width: 392px;
    margin-right: 43px;
}

.top__ranking__list__item:first-child a:before {
    font-size: 1.4rem;
    width: 70px;
    height: 70px;
}

.top__ranking__list__item:not(:first-child) {
    width: 169px;
    margin-right: 26px;
}

.top__ranking__list__item:not(:first-child):nth-child(2n+1) {
    margin-right: 0;
}

.top__ranking__list__item:nth-child(n+5):nth-child(2n) {
    margin-left: 436px;
}

.top__ranking__list__item:not(:first-child) a:before {
    font-size: 0.9rem;
    width: 36px;
    height: 36px;
}

.top__ranking__list__item__detail {
    padding-top: 9px;
    padding-left: 5px;
}

.top__ranking__list__item__title {
    padding-top: 0;
    font-size: 0.9rem;
}

.top__ranking__list__item:first-child .top__ranking__list__item__detail {
    display: flex;
    align-items: center;
}

.top__ranking__list__item:first-child .top__ranking__list__item__title:after {
    content: "/";
    padding: 0 2px;
}

.top__ranking__list__item:first-child .top__ranking__list__item__price_wrap {
    display: flex;
}

.top__ranking__list__item del {
    display: block;
}

@media (max-width: 768px) {
    .top__ranking {
        padding-top: calc(100vw / 770 * 76);
        padding-bottom: calc(100vw / 770 * 125);
    }
    .top__ranking__inner {
        width: 100%;
        min-width: 100%;
    }
    .top__ranking__title {
        padding-bottom: calc(100vw / 770 * 73);
    }
    .top__ranking__list {
        display: flex;
        justify-content: left;
        padding: 0 calc(100vw / 770 * 60);
        flex-wrap: wrap;
        gap: calc(100vw / 770 * 58) calc(100vw / 770 * 50);
    }
    .top__ranking__list__item,
    .top__ranking__list__item:first-child,
    .top__ranking__list__item:not(:first-child),
    .top__ranking__list__item:nth-child(n+5):nth-child(2n) {
        float: none;
        margin-right: 0;
        margin-left: 0;
        padding-bottom: 0;
    }
    .top__ranking__list__item:first-child {
        width: 100%;
    }
    .top__ranking__list__item:first-child a {
        width: calc(100vw / 770 * 475);
        display: block;
        margin: 0 auto;
        margin-top: calc(100vw / 770 * -82);
    }
    .top__ranking__list__item:not(:first-child) {
        width: calc(100vw / 770 * 300);
    }
    .top__ranking__list__item:first-child a:before {
        width: calc(100vw / 770 * 82);
        height: calc(100vw / 770 * 82);
        font-size: calc(100vw / 770 * 33);
        position: relative;
        top: calc(100vw / 770 * 82);
    }
    .top__ranking__list__item:not(:first-child) a:before {
        width: calc(100vw / 770 * 66);
        height: calc(100vw / 770 * 66);
        font-size: calc(100vw / 770 * 24);
    }
    .top__ranking__list__item__title {
        letter-spacing: calc(100vw / 770 * 1);
    }
}


/*ユーザーコーディネート*/

.top__coordinate {
    padding-top: 120px;
}

.top__coordinate__title {
    padding-bottom: 48px;
}

.top__coordinate .top__morebtn {
    padding-top: 60px;
    padding-bottom: 0;
}

@media (max-width: 768px) {
    .top__coordinate {
        padding-top: calc(100vw / 770 * 111);
        padding-bottom: calc(100vw / 770 * 131);
    }
    .top__coordinate__title {
        padding-bottom: calc(100vw / 770 * 56);
    }
    .top__coordinate .top__morebtn {
        padding-top: calc(100vw / 770 * 75);
    }
}


/*仮vismo：vismo入れたら消す：ここからーー*/

.top__coordinate__list {
    list-style: none;
}

.top__coordinate__list__item {
    width: 230px;
    margin-right: 20px;
}

.top__coordinate__list__item img {
    width: 100%;
}

@media (max-width: 768px) {
    .top__coordinate__list__item {
        width: calc(100vw / 770 * 492);
        margin-right: calc(100vw / 770 * 36);
    }
}


/*仮vismo：vismo入れたら消す：ここまでーー*/


/*instalive*/

.top__live {
    background: var(--instalive-bg-color);
    padding-top: 70px;
    padding-bottom: 84px;
}

.top__live__title {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.top__live__title figure {
    margin-right: 12px;
    width: 24px;
    position: relative;
    bottom: 4px;
}

.top__live__title figure img {
    width: 100%;
}

.top__live__accountlist {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 45px;
    padding-top: 50px;
}

.top__live__accountlist__item {
    text-align: center;
    font-family: 'Amiri', sans-serif;
}

.top__live__accountlist__item__img {
    width: 104px;
    height: 104px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #D8D7D5;
}

.top__live__accountlist__item__text {
    font-size: 1rem;
    padding-top: 16px;
}

.top__live__schedule {
    display: flex;
    padding-top: 42px;
}

@media (max-width: 768px) {
    .top__live {
        padding-top: calc(100vw / 770 * 66);
        padding-bottom: calc(100vw / 770 * 115);
    }
    .top__live__title figure {
        width: calc(100vw / 770 * 38);
        margin-right: calc(100vw / 770 * 12);
        position: relative;
        top: -1vw;
    }
    .top__live__accountlist {
        padding-top: calc(100vw / 770 * 41);
        gap: calc(100vw / 770 * 35);
    }
    .top__live__accountlist__item__img {
        width: calc(100vw / 770 * 212);
        height: calc(100vw / 770 * 212);
    }
    .top__live__accountlist__item__text {
        font-size: calc(100vw / 770 * 27);
        letter-spacing: calc(100vw / 770 * 2);
        padding-top: calc(100vw / 770 * 33);
    }
}

.top__live__schedule__title {
    font-family: 'Amiri', sans-serif;
    color: var(--text-red-color);
    background: #ffffff;
    display: flex;
    align-items: center;
    width: 252px;
    justify-content: center;
    font-size: 1.1rem;
    letter-spacing: 0.13rem;
    font-weight: normal;
    margin-right: 13px;
}

.top__live__schedule__list__wrapper {
    width: calc(100% - 254px);
}

.top__live__schedule__list {
    list-style: none;
    width: 100%;
}

.top__live__schedule__list__item {
    border-bottom: 1px solid var(--instalive-line-color);
    padding: 16px 0;
}

.top__live__schedule__list__item:first-child {
    border-top: 1px solid var(--instalive-line-color);
}

.top__live__schedule__list__item {
    display: flex;
    align-items: center;
}

.top__live__schedule__list__item__date {
    width: 220px;
    font-family: 'Amiri', sans-serif;
    color: var(--text-red-color);
    font-size: 1.2rem;
    margin-left: 10px;
    padding: 9px 0;
}

.top__live__schedule__list__item__text {
    padding: 5px 0;
    border-left: 1px solid var(--instalive-line-color);
    width: calc(100% - 224px);
    padding-left: 33px;
    font-size: 0.9rem;
    letter-spacing: 0.03rem;
    line-height: 1.4rem;
    display: flex;
    align-items: center;
}

.top__live__schedule__list__item__text a:first-child {
    width: calc(100% - 137px);
    margin-right: 10px;
}

.top__live__schedule__list__item__archivebtn {
    background: var(--black-line-color);
    color: #fff;
    display: flex;
    font-family: 'Amiri', sans-serif;
    justify-content: center;
    align-items: center;
    width: 127px;
    padding: 2px 0 1px;
}

.top__live__schedule__list__item__archivebtn:visited {
    color: #ffffff;
}

.top__live__schedule__list__item__archivebtn figure {
    margin-left: 2px;
}

.top__live__schedule__more {
    padding-top: 16px;
    text-align: right;
    font-size: 1rem;
    font-family: 'Amiri', sans-serif;
    letter-spacing: 0.08rem;
}

.top__live__schedule__more a {
    color: var(--text-red-color);
}

@media (max-width: 768px) {
    .top__live__schedule {
        flex-direction: column;
        padding-top: calc(100vw / 770 * 74);
        width: calc(100vw / 770 * 650);
        margin: 0 auto;
    }
    .top__live__schedule__title {
        height: calc(100vw / 770 * 58);
        width: 100%;
        margin-bottom: calc(100vw / 770 * 18);
    }
    .top__live__schedule__list__wrapper {
        width: 100%;
    }
    .top__live__schedule__list__item {
        padding: calc(100vw / 770 * 15) 0;
    }
    .top__live__schedule__list__item__date {
        width: calc(100vw / 770 * 318);
        margin-left: calc(100vw / 770 * 10);
        font-size: calc(100vw / 770 * 39);
        padding: calc(100vw / 770 * 4) 0;
        line-height: 1em;
    }
    .top__live__schedule__list__item__text {
        padding: calc(100vw / 770 * 10) 0;
        padding-left: calc(100vw / 770 * 29);
        width: calc(100% - 43vw);
        font-size: calc(100vw / 770 * 22);
        flex-direction: column;
        align-items: flex-start;
    }
    .top__live__schedule__list__item__text a:first-child {
        width: 100%;
        margin-right: calc(100vw / 770 * 10);
    }
    .top__live__schedule__list__item__archivebtn {
        width: calc(100vw / 770 * 129);
        padding: calc(100vw / 770 * 2) 0 calc(100vw / 770 * 1);
        margin-top: calc(100vw / 770 * 12);
        font-size: calc(100vw / 770 * 20);
    }
    .top__live__schedule__list__item__archivebtn figure {
        width: calc(100vw / 770 * 20);
    }
    .top__live__schedule__more {
        padding-top: calc(100vw / 770 * 24);
        width: calc(100vw / 770 * 650);
        margin: 0 auto;
        font-size: calc(100vw / 770 * 23);
    }
}


/*ディレクタープロフィール*/

.top__director {
    padding-top: 170px;
    padding-bottom: 110px;
}

.top__director__inner {
    background: var(--director-bg-color);
    width: 672px;
    padding: 42px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-weight: 400;
}

.top__director__thumb {
    width: 213px;
}

.top__director__thumb img {
    width: 100%;
}

.top__director__detail {
    width: 325px;
}

.top__director__name {
    font-weight: normal;
    font-size: 1.15rem;
    line-height: 1.4em;
    letter-spacing: 0.13rem;
}

.top__director__position {
    font-family: 'Amiri', sans-serif;
    padding-top: 3px;
}

.top__director__occupation {
    padding-top: 20px;
}

.top__director__text {
    padding-top: 40px;
    line-height: 1.7rem;
}

.top__director__snslist {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 18px;
    padding-top: 15px;
}

@media (max-width: 768px) {
    .top__director {
        padding-top: calc(100vw / 770 * 131);
        padding-bottom: calc(100vw / 770 * 114);
    }
    .top__director__inner {
        width: calc(100vw / 770 * 653);
        padding: calc(100vw / 770 * 54);
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    .top__director__thumb {
        width: calc(100vw / 770 * 320);
        padding-bottom: calc(100vw / 770 * 66);
    }
    .top__director__detail {
        width: calc(100vw / 770 * 523);
    }
    .top__director__name {
        font-size: calc(100vw / 770 * 29);
    }
    .top__director__position {
        font-size: calc(100vw / 770 * 21);
        padding-top: calc(100vw / 770 * 11);
    }
    .top__director__occupation {
        padding-top: calc(100vw / 770 * 34);
        font-size: calc(100vw / 770 * 20);
    }
    .top__director__text {
        font-size: calc(100vw / 770 * 20);
        line-height: 2em;
    }
    .top__director__snslist {
        padding-top: calc(100vw / 770 * 22);
        gap: calc(100vw / 770 * 30);
        padding-bottom: calc(100vw / 770 *12);
    }
    .top__director__snslist__item {
        width: calc(100vw / 770 * 46);
    }
}


/*js*/

.top__brand {
    text-align: center;
    padding-bottom: 90px;
}

.top__brand__js__link {
    border-bottom: 1px solid var(--black-line-color);
    display: inline-block;
    vertical-align: baseline;
    padding-bottom: 10px;
    position: relative;
}

.top__brand__js a:hover {
    text-decoration: none;
}

.top__brand__js__link__andcherim {
    position: relative;
    top: -7px;
    margin-right: 10px;
    width: 138px;
}

.top__brand__js__link__js {
    margin-right: 5px;
    margin-left: 5px;
    position: relative;
    top: -2px;
    width: 109px;
}

.top__brand__js__text {
    padding-top: 20px;
    line-height: 1.4em;
}

.top__brand__js__btn a {
    border: 1px solid var(--black-line-color);
    font-family: 'Amiri', sans-serif;
    width: 189px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-size: 0.85rem;
    margin-top: 22px;
}

.top__brand__js__btn a:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
    .top__brand__js {
        font-size: calc(100vw / 770 * 20);
        line-height: 2.8em;
    }
    .top__brand__js__link {
        padding-bottom: calc(100vw / 770 * 15);
        border-width: calc(100vw / 770 * 3);
        width: calc(100vw / 770 * 492);
    }
    .top__brand__js__link__andcherim {
        width: calc(100vw / 770 * 240);
    }
    .top__brand__js__link__js {
        width: calc(100vw / 770 * 193);
    }
}


/*----------------------------------------
 4:フッター
----------------------------------------*/


/*----------------------------------------
 ex:パンくずリスト　
----------------------------------------*/

.breadcrumb_box {
    width: 100%;
    margin-bottom: 30px;
    font-size: 1rem;
    border-top: black 1px dotted;
    /* overflow: hidden; */
    text-align: center;
}

.breadcrumb_box .container {
    padding-top: 29px;
}

.breadcrumb_box .container ol {
    padding-left: 15px;
}

.breadcrumb {
    padding-left: 0;
    margin-left: 0;
}

.breadcrumb li {
    display: inline;
    /*横に並ぶように*/
    list-style: none;
}

.breadcrumb li:after {
    /* >を表示*/
    content: '>';
    padding: 0 3px;
}

.breadcrumb li:last-child:after {
    content: '';
    padding: 0;
}

.breadcrumb li a {
    text-decoration: none;
}

@media (max-width: 768px) {
    .breadcrumb_box {
        font-size: 2.3vw;
        line-height: 1.4em;
        margin-bottom: 0;
        min-width: auto;
        text-align: left;
    }
    .breadcrumb_box .container {
        padding: 3.5vw 0;
    }
    .breadcrumb {
        padding-left: 0;
        padding-left: 4.5vw;
    }
    .breadcrumb li a {
        display: inline-block;
    }
}

.breadcrumb li a:hover {
    text-decoration: underline;
}


/*ページトップに戻るボタン*/

#footer .footer__pagetop {
    width: 100%;
}

#footer .footer__pagetop__btn {
    width: 18px;
    position: fixed;
    right: 10px;
    margin: 10px;
    z-index: 99;
    bottom: 90px;
    padding: 5px;
    box-sizing: content-box;
}

#footer .footer__pagetop__btn img {
    width: 100%;
    opacity: 0.85;
}

@media (max-width: 768px) {
    #footer .footer__pagetop__btn {
        width: 2.5vw;
        right: 10px;
        bottom: 15vw;
        padding: 1vw;
    }
}

@media (max-width: 768px) {
    .second-page .footer__chat {
        display: none;
    }
}


/*PCフッター*/

.footer-pc {
    display: block;
    background: var(--bg-color);
    width: 100%;
    z-index: 1;
    position: relative;
    font-size: 1rem;
    min-width: 980px;
}

.footer__main {
    padding-top: 50px;
    font-size: 0.8em;
}

.footer__links__wrapper {
    display: flex;
}

.footer__main__js {
    padding-bottom: 50px;
}

.footer__main__info {
    width: 180px;
    padding-right: 20px;
    padding-left: 25px;
}

.footer__main__guide {
    width: 160px;
    padding-right: 20px;
}

.footer__main__about {
    width: 310px;
    padding-right: 20px;
}

@media (min-width: 769px) and (max-width:1024px) {
    .footer__main__info {
        width: 18%;
        padding-right: 2%;
        padding-left: 2%;
    }
    .footer__main__guide {
        width: 16%;
        padding-right: 2%;
    }
    .footer__main__about {
        width: 31%;
        padding-right: 2%;
    }
}

.footer__main__info,
.footer__main__guide,
.footer__main__about,
.footer__main__calender {
    display: inline-block;
    vertical-align: top;
    box-sizing: content-box;
    letter-spacing: 0.13em;
    font-size: 0.9em;
}

.footer__main__info h2,
.footer__main__guide h2,
.footer__main__about h2 {
    font-family: 'Amiri', sans-serif;
    font-size: 0.93rem;
    line-height: 1em;
    letter-spacing: 0.03em;
    font-weight: bold;
}

.footer__main__calender h2 {
    font-size: 1em;
    font-weight: bold;
    letter-spacing: 0;
}

.footer__main__info h2,
.footer__main__guide h2,
.footer__main__about h2,
.footer__main__calender h2 {
    padding-bottom: 15px;
}

.footer__main__info ul,
.footer__main__guide ul {
    list-style: none;
}

.footer__main__info li,
.footer__main__guide li,
.footer__main__about,
.footer__main__about__description {
    line-height: 2em;
}

.footer__main__about .footer__main__about__description {
    padding-bottom: 35px;
}

.footer__main__calender {
    width: 255px;
    background: #fff;
    padding: 23px;
}

.footer__main__calender h2 {
    font-weight: normal;
    padding-bottom: 0.1rem;
}

.footer__calendar__area {
    margin-top: 1em;
    border-top: 1px solid #000;
    text-align: center;
    padding-top: 1em;
}

.footer__copyright {
    padding-top: 143px;
    padding-bottom: 52px;
    text-align: center;
    letter-spacing: 0.09em;
    font-size: 0.8rem;
}


/*スマホフッター*/

#footer .footer-sp {
    display: none;
}

@media (max-width: 768px) {
    .footer-pc {
        display: none;
    }
    #footer .footer-sp {
        display: block;
        background: var(--footer-bg-color);
        padding: 6vw 0;
        text-align: center;
    }
    .footer-sp__links {
        margin: 0 auto;
        padding-bottom: 6vw;
    }
    .footer-sp__links__item {
        display: inline-block;
        width: 12vw;
        max-width: 60px;
        padding-right: 2vw;
        box-sizing: content-box;
    }
    .footer-sp__links__item:last-child {
        padding-right: 0;
    }
    .footer-sp__logo {
        padding-bottom: 6vw;
    }
    .footer-sp__logo img {
        width: 36vw;
    }
    .footer-sp .footer-sp__description p {
        width: 100%;
        line-height: 2em;
        font-size: 2vw;
        letter-spacing: 0.07em;
    }
    .footer-sp__copyright {
        padding-top: 1em;
        display: block;
    }
}

.footer__menu--fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    border-top: #ADABA6 1px solid;
}

.footer__menu--fixed__list {
    font-size: 0;
    text-align: center;
}

.footer__menu--fixed__item {
    font-size: 2vw;
    display: inline-block;
    vertical-align: bottom;
    width: 20%;
}

.footer__menu--fixed__item a {
    padding: 10px 0;
    display: block;
    width: 100%;
}

.footer__menu--fixed__item a:hover {
    text-decoration: none;
}

.footer__menu--fixed__item a img {
    display: block;
    margin: 0 auto;
    width: 4vw;
    padding-bottom: 5px;
}

.footer__menu--fixed {
    transition-duration: .5s;
}

.footer__menu--fixed.is-hide {
    margin-bottom: -100%;
    transition-duration: .5s;
}


/*google adwords崩れ防止*/

iframe[name="google_conversion_frame"] {
    position: absolute;
    top: 0;
}

iframe[title="sprocket control"] {
    position: absolute;
    top: 0;
}