@charset "UTF-8";
/* CSS Document */

a, a:hover, a:active, a:focus {
    text-decoration:none !important
}

img {
    max-width: 100%;
    max-height:100%
}

.wrapper {
    max-width: 1000px;
    margin: auto;
    width:90%
}

.wrapper1200 {
    max-width: 1200px;
    margin: auto;
    width:90%
}

.wrapper1240 {
    max-width: 1240px;
    margin: auto;
    width:90%
}
.mincho{font-family: "Noto Serif JP","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
/*flexbox*/
.flex{display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;-webkit-justify-content: space-around;}
.flex--between{/*両端揃え*/
	-webkit-box-pack:justify;  -ms-flex-pack:justify;  justify-content:space-between;}
/*col*/
.col1{width:100%;}.col2{width:48%;}.col3{width:30%;}.col4{width:25%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}
.vaC{align-items: center;}.vaB{align-items: flex-end;}
.sp {display: none;}
.pc {display: block;}
.inner--base{width: 1200px;margin: auto}

#header-menu1 .coming a{opacity: 0.5; pointer-events:none;}
#header-nav > ul > li > a{ font-size: 100%; }


@media screen and (max-width: 768px) {/*スマホ設定*/
.sp {display: block!important;}
.pc {display: none!important;}
.inner--base{width: 96%}
}
@media screen and (max-width: 768px) {
    .seller li {
        width:88%
    }
}

@media screen and (max-width: 768px) {
    .seller:last-child li {
        margin-bottom:-20px
    }
}

@media screen and (max-width: 480px) {
    .seller:last-child li {
        margin-bottom:0
    }
}

@media screen and (max-width: 480px) {
    .notice h4 {
        font-size: 12px;
        min-width:72px
    }
}

@media screen and (max-width: 480px) {
    .notice p {
        font-size:9px
    }
}

@media screen and (max-width: 480px) {
    .notice .date {
        font-size:10px
    }
}

@media screen and (max-width: 480px) {
    .notice .year {
        font-size:20px
    }
}

@media screen and (max-width: 480px) {
    .notice .month {
        font-size:20px
    }
}

.notice .notice_small {
    font-size: 11px;
    text-align:left
}

@media screen and (max-width: 480px) {
    .notice .notice_small {
        font-size:10px
    }
}

.center {
    margin:0 auto
}

.title-area {
    background:url("../images/concept/title-area.jpg") no-repeat center center;background-size: cover;
    display: flex;
    align-items: center;
    height:200px
}

@media screen and (max-width: 768px) {
    .title-area {
        height:130px
    }
}

@media screen and (max-width: 480px) {
    .title-area {
        height:100px
    }
}

.title-area .page-ttl {
    color: #000;
    text-align: center;
    font-size: 30px;
    position: relative;
    font-weight: 400;
    letter-spacing: .1em;
    font-family: "Noto Serif JP", serif
}

@media screen and (max-width: 768px) {
    .title-area .page-ttl {
        font-size:26px
    }
}

@media screen and (max-width: 480px) {
    .title-area .page-ttl {
        font-size:22px
    }
}

.title-area .page-ttl .en {
    display: block;
    position: absolute;
	font-family: "Noto Serif JP", serif;
  font-weight: normal;
    color: #a30046;

    font-size: 90px;
    letter-spacing: 0em;
    top: 40%;
    opacity: .15;
    line-height: 1;
    transform: translate(-50%, -50%);
    left: 50%;
    width:100%
}

@media screen and (max-width: 1024px) {
    .title-area .page-ttl .en {
        font-size:14vw
    }
}

@media screen and (max-width: 768px) {
    .title-area .page-ttl .en {
        font-size:60px
    }
}

@media screen and (max-width: 480px) {
    .title-area .page-ttl .en {
        font-size:10vw
    }
}

#common_header li a {
    display:unset
}

#pankuzu {
    margin:20px 0
}

#pankuzu .wrapper {
    max-width:1240px
}

#pankuzu .pankuzu-list {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    font-family: "Noto Sans JP", sans-serif
}

#pankuzu .pankuzu-list li {
    font-size: 12px;
    color: #333;
    list-style: none;
    margin:0 5px
}

#pankuzu .pankuzu-list li a {
    color: #46a0a5;
    position:relative
}

#pankuzu .pankuzu-list li a::before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #46a0a5;
    bottom: 0;
    width:100%
}
@media screen and (max-width: 768px) {
#pankuzu {display: none}

}


.button01 {
    background: linear-gradient(to right, #024fa0, #00004e);
    color: #fff;
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 16px;
    width: 320px;
    transition:.2s
}

@media screen and (max-width: 480px) {
    .button01 {
        max-width: 320px;
        width: 100%;
        margin:0 auto
    }
}

.button01:hover {
    transition: .2s;
    filter:brightness(120%) saturate(160%)
}

.button01 span {
    position: relative;
    padding-left: 20px;
    letter-spacing:.1em
}

.button01 span::before {
    position: absolute;
    content: "";
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    top: 50%;
    transform: translate(0, -50%) rotate(135deg);
    left: 0;
    height: 8px;
    width:8px
}

.logout_button {
    background-color: #bfbfbf;
    color: #fff;
    display: block;
    padding: 20px 0;
    text-align: center;
    font-size: 18px;
    font-family: "Noto Sans JP", sans-serif;
    width: 310px;
    transition: .2s;
    margin:0 auto
}

@media screen and (max-width: 480px) {
    .logout_button {
        max-width: 310px;
        width: 100%;
        margin:0 auto
    }
}

.logout_button:hover {
    transition: .2s;
    filter:brightness(120%) saturate(160%)
}

.logout_button span {
    position: relative;
    padding-left: 20px;
    letter-spacing:.1em
}

.logout_button span::before {
    position: absolute;
    content: "";
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    top: 50%;
    transform: translate(0, -50%) rotate(135deg);
    left: 0;
    height: 6px;
    width:6px
}

@media screen and (max-width: 480px) {
    .a.gl-tel {
        font-size:38px !important
    }
}

@media screen and (max-width: 768px) {
    #t_article-body table {
        width:unset
    }
}

@media screen and (max-width: 480px) {
    .info-area .info-tel .gl-time {
        font-size:11px !important
    }
}

.notice + .info-in {
    margin-top:110px
}

@media screen and (max-width: 768px) {
    .notice + .info-in {
        margin-top:55px
    }
}

.mt_none {
    margin-top:0
}

@media screen and (max-width: 1024px) {
    .spc__hide {
        display:none !important
    }
}

@media screen and (min-width: 1025px) {
    .spc__show {
        display:none !important
    }
}

@media screen and (max-width: 768px) {
    .ipad__hide {
        display:none !important
    }
}

@media screen and (min-width: 769px) {
    .ipad__show {
        display:none !important
    }
}

@media screen and (max-width: 480px) {
    .smp__hide {
        display:none !important
    }
}

@media screen and (min-width: 481px) {
    .smp__show {
        display: none !important
    }
}
.note-box{text-align: left;width: 100%;margin: 60px 0;font-size: 0.8rem}
.note-box .note{margin-left: 1em;text-indent: -1em;}
@media screen and (max-width: 768px) {
.note-box .note{font-size: 11px}
}