@charset "UTF-8";

/* 基本情報
-----------------------------------------*/
html,
body {
    height: 100%;
}

html {
    font-size: 62.5%;
    overflow-y: scroll;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
img,
form,
figure {
    margin: 0;
    padding: 0;
    border: none;
    line-height: 100%;
    list-style-type: none;
    font-style: normal;
    font-weight: normal;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
    text-align: left;
    color: #3e3a39;
    font-size: 3.7vw;
    line-height: 1.4;
}

input,
button,
textarea,
select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
    color: #3e3a39;
    font-size: 3.9vw;
    line-height: 1.4;
}

textarea {
    resize: vertical;
}

select::-ms-expand {
    display: none;
}

body a {
    text-decoration: none;
    color: #3e3a39;
}

img {
    vertical-align: bottom;
    max-width: 100%;
    width: 100%;
    height: auto;
}

*,
*:after,
*:before {
    box-sizing: border-box;
}

body {
    -webkit-text-size-adjust: 100%;
}

/* responsive
--------------------------------*/
@media screen and (min-width: 769px) {
    .sp {
        display: none !important;
    }
}

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

/* common
--------------------------------*/
.wrap {
    width: 100%;
    padding: 0 5vw;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.tal {
    text-align: left;
}

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

.flex {
    display: flex;
    justify-content: space-between;
}

.min {
    font-family: 'Noto Serif JP', serif;
}

.txtlink {
    text-decoration: underline;
}

.mt12 {
    margin-top: 12% !important;
}

.mt7 {
    margin-top: 7% !important;
}

.mt3 {
    margin-top: 3% !important;
}

/* ---------------------------------------------
  main
-----------------------------------------------*/
main {
    display: block;
}

/* フォーム
------------------------------------*/
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
select,
textarea {
    height: 10.5vw;
    width: 100%;
    background: #fff;
    padding: 0 .5em;
    border: .3vw solid #3d3a39;
}

input[type="text"][readonly] {
    border: none;
}

input[type="number"][readonly] {
    border: none;
}

input[type="email"][readonly] {
    border: none;
}

input[type="tel"][readonly] {
    border: none;
}

select[readonly] {
    border: none;
}

textarea[readonly] {
    border: none;
}

textarea {
    height: 19.5vw;
    padding: .5em;
}

select {
    background: url(../img/arrow.svg) no-repeat;
    background-size: 3.5vw;
    background-position: right 3% center;
}

/* ttlarea
------------------------------------*/
.ttlarea {
    padding: 4.5% 0 3%;
    background: url(../img/ttl_bg.jpg) no-repeat center center /cover;
}

.ttlarea .wrap {
    position: relative;
}

.ttlarea .ttl_en {
    line-height: 1;
    width: 32%;
    margin: 0 auto;
}

.ttlarea .ttl_en.myorders {
    width: 43%;
}

.ttlarea .ttl_en.mobileorder {
    width: 58%;
}

.ttlarea .ttl_en.member {
    width: 30%;
}

.ttlarea .ttl_en.access {
    width: 27%;
}

.ttlarea .ttl_en.faq {
    width: 14.5%;
}

.ttlarea .ttl_jp {
    font-size: 3.6vw;
    color: #3e3a39;
    text-align: center;
    margin-top: 1.8%;
}

.ttlarea .back {
    position: absolute;
    top: calc(50% - .5vw);
    left: 5%;
    width: 10vw;
    height: 10vw;
    transform: translateY(-50%);
}

.ttlarea .back a {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
}

.ttlarea .back a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 6vw;
    height: 6vw;
    border-top: .3vw solid #9e9e9f;
    border-left: .3vw solid #9e9e9f;
}

/* area共通
------------------------------------*/
.selectarea,
.messagearea,
.m_detailarea,
.memberarea,
.member_inputarea,
.servicearea,
.myordersarea,
.allitemarea,
.reservearea,
.thanksarea,
.tabarea {
    padding: 7% 0;
}

.bluebg {
    padding: 9% 4.5%;
    background: rgba(134, 165, 175, .15);
}

.ttltype1_container {
    padding: 0 0 13vw;
    text-align: center;
}

.ttltype1_wrap {
    width: 72vw;
    display: inline-block;
    border-left: 1px solid #A4925D;
    border-right: 1px solid #A4925D;
}

.ttltype1 {
    text-align: center;
    font-size: 6.2vw;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 0.1em;
    color: #A4925D;
}

.ttltype1_sub {
    text-align: center;
    font-size: 3.7vw;
    line-height: 2;
    color: #A4925D;
}

.ttltype2_container {
    padding: 0 0 6.5vw;
    text-align: center;
}

.ttltype2_wrap {
    width: 72vw;
    display: inline-block;
}

.ttltype2 {
    text-align: center;
    font-size: 6.2vw;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 0.1em;
}

.ttltype2_sub {
    text-align: center;
    font-size: 3.7vw;
    line-height: 2;
}

.btntype1 {
    color: #fff;
    text-align: center;
    font-size: 3.9vw;
    display: block;
    padding: 3% 3%;
    width: 100%;
    background: #b6a6bf;
    cursor: pointer;
}

.btntype1.btngreen {
    background: #7298a5;
}

.btntype1.btngray {
    background: #999999;
}

.btntype1.btnsmall {
    padding: 3.5% 3%;
    width: 45.5vw;
}

.cg {
    font-size: 2.6vw;
    color: #fff;
    text-align: center;
}

.cg:first-child {
    margin-left: 0;
}

.cg.gallery {
    border: .3vw solid #83A1AA;
    background: #83A1AA;
}

.cg.workshop {
    border: .3vw solid #b8b274;
    background: #b8b274;
}

.cg.shop {
    border: .3vw solid #727171;
    background: #727171;
}

.cg.albion {
    border: .3vw solid #baaac4;
    background: #baaac4;
}

.cg.ignis {
    color: #717171 !important;
    border: .3vw solid #717171;
    background: #fff;
}

.cg.elegance {
    color: #717171 !important;
    border: .3vw solid #717171;
    background: #fff;
}

.cg.other {
    color: #717171 !important;
    border: .3vw solid #717171;
    background: #fff;
}

.cg.branch {
    color: #717171 !important;
    border: .3vw solid #717171;
    background: #fff;
}

.cg.lab {
    border: .3vw solid #889c8a;
    background: #889c8a;
}

.cg.thebed {
    border: .3vw solid #bf9a72;
    background: #bf9a72;
}

.cg.event {
    border: .3vw solid #c68f92;
    background: #c68f92;
}

.coming {
    font-size: 3.7vw;
    letter-spacing: 0.1em;
    text-align: center;
}

/* selectarea
------------------------------------*/
.selectarea .ttl {
    font-size: 3.9vw;
    font-weight: bold;
    padding-bottom: 3%;
    border-bottom: .3vw solid #3e3a39;
    margin-top: 7%;
}

.selectarea .ttl:first-child {
    margin-top: 0;
}

.selectarea .day,
.selectarea .price,
.selectarea .coursettl {
    font-size: 4.4vw;
    font-weight: bold;
    color: #6d8e9a;
    margin-top: 3%;
}

.selectarea .coursettl a {
    color: #6d8e9a;
    text-decoration: underline;
}

.selectarea .day .status {
    margin: -1vw 0 0 2vw;
    vertical-align: middle;
}

.selectarea .price .small,
.selectarea .coursettl .small {
    font-size: 2.8vw
}

.selectarea .txt {
    font-size: 4vw;
    margin-top: 4.5%;
}

.selectarea .txt_check {
    font-size: 4.2vw;
    padding-left: 5.5vw;
    display: inline-block;
    background: url(../img/bg_checkbox.png) left 1.5vw no-repeat;
    background-size: auto 3.5vw;
}

.selectarea .txt2 {
    font-size: 3.2vw;
    margin-top: 4.5%;
}

.selectarea .txt2.txt_check {
    font-size: 3.2vw;
    padding-left: 3.5vw;
    display: inline-block;
    background: url(../img/bg_checkbox.png) left 1.1vw no-repeat;
    background-size: auto 2.2vw;
}

.selectarea .smalltxt {
    font-size: 3vw;
    line-height: 1.3;
    margin-top: 2%;
}

.selectarea .item ul {
    border-bottom: .3vw solid #3e3a39;
}

.selectarea .item li {
    display: flex;
    padding: 10% 0;
    margin: 0 5%;
    border-bottom: .3vw solid #3e3a39;
}

.selectarea .item li:last-child {
    border-bottom: 0;
    padding-bottom: 4%;
}

.selectarea .item li .img {
    width: 24vw;
}

.selectarea .item li .img .color {
    border-top: .3vw solid #c9caca;
    text-align: center;
    margin-top: 3vw;
    padding: 3vw 6% 0;
}

.selectarea .item li .img .color span {
    margin-top: 1vw;
    display: inline-block;
}

.selectarea .item li .txtarea {
    width: calc(100% - 24vw);
    padding-left: 4%;
}

.selectarea .item .logo {
    display: flex;
    align-items: center;
}

.selectarea .item .logo span {
    font-size: 2.6vw;
    margin-left: 2vw;
    color: #3E3A39;
}

.selectarea .item .logo img {
    line-height: 1;
    width: 13vw;
}

.selectarea .item .logo img.ee {
    width: 22vw;
}

.selectarea .item .logo img.ignis {
    width: 14vw;
}

.selectarea .item .logo img.newoman {
    width: 17vw;
}

.selectarea .item .allprice {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 7%;
}

.selectarea .item .allprice dt {
    font-size: 3.9vw;
    color: #86a5af;
}

.selectarea .item .allprice dd {
    font-size: 3.9vw;
    color: #86a5af;
}

.selectarea .item .allprice dd strong {
    font-size: 6.1vw;
    vertical-align: baseline;
}

.selectarea .item .item_name {
    font-size: 3.6vw;
    font-weight: 700;
    margin-top: 1%;
}

.selectarea .item .cat {
    font-size: 3.1vw;
    margin-top: 2%;
}

.selectarea .item .detail {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2%;
}

.selectarea .item .detail dt {
    font-size: 3.6vw;
    font-weight: 700;
    min-width: 4.5em;
}

.selectarea .item .detail dd {
    font-size: 3.6vw;
    font-weight: 700;
}

.selectarea .item .detail dd strong {
    font-size: 5.5vw;
}

.selectarea .item .detail dd small {
    font-size: 2.6vw;
    vertical-align: baseline;
}

.selectarea .course_radio .coursettl input[type="radio"] {
    display: none;
}

.selectarea .course_radio .coursettl input[type="radio"] + label {
    padding-left: 5vw;
    background: url(../img/bg_checkbox02_off.png) left 52% no-repeat;
    background-size: auto 3.7vw;
    letter-spacing: -.03em;
}

.selectarea .course_radio .coursettl input[type="radio"]:checked + label {
    background-image: url(../img/bg_checkbox02_on.png);
}

.selectarea .course_radio .coursettl small {
    font-size: 2.6vw;
    vertical-align: baseline;
}

.selectarea .agree_check .txt {
    font-size: 4.2vw;
}

.selectarea .course_check .txt input[type="checkbox"],
.selectarea .agree_check .txt input[type="checkbox"] {
    display: none;
}

.selectarea .course_check .txt input[type="checkbox"] + label,
.selectarea .agree_check .txt input[type="checkbox"] + label {
    padding-left: 5.5vw;
    display: inline-block;
    background: url(../img/bg_checkbox_off.png) left 1vw no-repeat;
    background-size: auto 3.7vw;
}

.selectarea .course_check .txt input[type="checkbox"]:checked + label,
.selectarea .agree_check .txt input[type="checkbox"]:checked + label {
    background-image: url(../img/bg_checkbox_on.png);
}

.selectarea .course_box .accordion {
    padding: 3% 3%;
    margin-top: 3%;
}

.selectarea .course_box .accordion_cnts {
    padding: 4% 5% 4%;
}

.selectarea .course_box .coursettl {
    margin-bottom: 2%;
    margin-top: 5%;
}

.selectarea .course_box .coursettl:first-child {
    margin-top: 0;
}

.selectarea .course_box .smalltxt {
    padding-left: 1em;
    text-indent: -1em;
}

.selectarea .list {
    margin-top: 7%;
}

.selectarea .list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 2.8% 2.8% 2.8% 5.6%;
    border: .5vw solid #baaac4;
}

.selectarea .list li + li {
    margin-top: 1.5%;
}

.selectarea .list li .date {
    font-size: 3.8vw;
}

.selectarea .list li .time {
    font-size: 4vw;
    margin-right: 1vw;
}

.selectarea .list li .period {
    font-size: 2.4vw;
    margin-right: 1vw;
}

.selectarea .list li .btn {
    margin-left: auto;
    margin-top: 0;
}

.selectarea .list li .btn a {
    font-size: 2.6vw;
    color: #fff;
    text-align: center;
    width: 13.5vw;
    height: 10.5vw;
    line-height: 10.5vw;
    border-radius: 1px;
    display: block;
    background: #baaac4;
    position: relative;
    overflow: hidden;
}

.selectarea .list li .btn a.off {
    pointer-events: none;
}

.selectarea .list li .btn a.off::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, .5);
}

.selectarea .note {
    margin-top: 5%;
}

.selectarea .note p {
    margin-bottom: 2%;
}

.selectarea .note p,
.selectarea .note li {
    font-size: 3vw;
    color: #3d3a39;
}

.selectarea .btn {
    margin-top: 10%;
}

.selectarea .info {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 9%;
}

.selectarea .info dt,
.selectarea .info dd {
    font-size: 3.9vw;
    padding: 6% 0;
    border-bottom: .3vw solid #3d3a39;
}

.selectarea .info dt:first-of-type,
.selectarea .info dd:first-of-type {
    padding-top: 0;
}

.selectarea .info dt {
    font-weight: bold;
    width: 50%;
}

.selectarea .info dt .note {
    font-size: 2.8vw;
    color: #baaac4;
}

.selectarea .info dd {
    text-align: right;
    width: 50%;
}

.selectarea .info dd > * + * {
    margin-top: 2%;
}

.selectarea .info dd .txt {
    font-size: 2.8vw;
}

.selectarea .info dd .txt.mtx3 {
    margin-top: 6%;
}

.selectarea .info dd .name {
    display: flex;
    justify-content: space-between;
}

.selectarea .info dd .name p {
    display: flex;
    justify-content: space-between;
}

.selectarea .info dd .name.kana p {
    font-size: 2.8vw;
}

.selectarea .info dd .name .inputwrap p {
    font-size: 2.8vw;
    display: flex;
    align-items: center;
}

.selectarea .info dd .name .inputwrap p .sama {
    font-size: 3.9vw;
}

.selectarea .info dd .name .inputwrap p + p {
    margin-top: 4%;
}

.selectarea .info dd .name > * {
    width: 48.5%;
}

.selectarea .info dd .birthday {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.selectarea .info dd .birthday .y {
    width: 33vw;
    margin-right: 2%;
}

.selectarea .info dd .birthday .m,
.selectarea .info dd .birthday .d {
    width: 17.5vw;
    margin-left: 2%;
    margin-right: 2%;
}

.selectarea .info dt.col,
.selectarea .info dd.col {
    width: 100%;
    border-bottom: 0;
    padding-bottom: 2%;
}

.selectarea .info dt.col {
    border-bottom: 0;
}

.selectarea .info dd.col {
    padding-top: 0;
}

.selectarea .form .btn {
    margin-top: 10%;
}

.selectarea .box_wrap:first-of-type {
    margin-top: 7vw;
}

.selectarea .box_wrap:not(:last-of-type) {
    margin-bottom: 8vw;
    padding-bottom: 8vw;
    border-bottom: .3vw solid #c8c9ca;
}

.selectarea .box_wrap .coursettl {
    font-size: 4.6vw;
    font-weight: 500;
    color: #85A5AE;
    margin: 0 0 2vw 0;
    letter-spacing: -.03em;
}

.selectarea .box_wrap .coursettl small {
    font-size: 2.6vw;
}

.selectarea .box {
    display: flex;
    justify-content: space-between;
}

.selectarea .box .img {
    width: 40%;
}

.selectarea .box .txtarea {
    width: 56%;
    box-sizing: border-box;
}

/*setsumeibox
------------------------------------*/
.setsumei_box {
    height: 42vw;
    overflow-y: scroll;
    padding: 3%;
    margin-top: 6%;
    border: .3vw solid #3d3a39;
    background: #fff;
}

.setsumei_box p {
    font-size: 3vw;
}

.setsumei_box p + p {
    margin-top: 3%;
}

/* messagearea
------------------------------------*/
.messagearea .list li {
    padding-bottom: 6%;
    margin-bottom: 6%;
    border-bottom: .3vw solid #3e3a39;
}

.messagearea .list li:last-child {
    margin-bottom: 0;
}

.messagearea .list li .info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.messagearea .list li .txt {
    font-size: 3.6vw;
    line-height: 1.66;
    margin-top: 1%;
}

.messagearea .list li .detail {
    font-size: 2.8vw;
    color: #999999;
    margin-top: 2%;
}

.messagearea .list li.new a {
    position: relative;
    display: block;
}

.messagearea .list li.new a::before {
    content: '';
    position: absolute;
    top: 1vw;
    right: .2vw;
    width: 2vw;
    height: 2vw;
    background: #e50012;
    border-radius: 50%;
}

.messagearea .list li.new .txt {
    font-weight: bold;
}

/* m_detailarea
------------------------------------*/
.m_detailarea .head {
    padding-bottom: 4vw;
    margin-bottom: 4vw;
    border-bottom: .3vw solid #3e3a39;
}

.m_detailarea .head .info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.m_detailarea .head .txt {
    font-size: 3.6vw;
    line-height: 1.66;
    margin-top: 1%;
}

.m_detailarea .head .detail {
    font-size: 2.8vw;
    color: #999999;
    margin-top: 2%;
}

.m_detailarea .cnt p {
    font-size: 3.6vw;
    line-height: 1.66;
}

.m_detailarea .cnt p + p {
    margin-top: 7%;
}

/* memberarea
------------------------------------*/
.memberarea .info {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.memberarea .info dt,
.memberarea .info dd {
    font-size: 3.9vw;
    padding: 6% 0 3%;
    border-bottom: .3vw solid #3d3a39;
}

.memberarea .info dt:first-of-type,
.memberarea .info dd:first-of-type {
    padding-top: 0;
}

.memberarea .info dt.row,
.memberarea .info dd.row {
    border-bottom: 0;
    padding-bottom: 0;
}

.memberarea .info dd.row + dt,
.memberarea .info dd.row + dt + dd {
    padding-top: 5px;
}

.memberarea .info dt {
    width: 50%;
}

.memberarea .info dt .small {
    font-size: 2.8vw;
    margin-left: 1em;
}

.memberarea .info dd {
    text-align: right;
    width: 50%;
}

.memberarea .btn {
    margin-top: 10%;
}

/* member_inputarea
------------------------------------*/
.member_inputarea .info {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.member_inputarea .info dt,
.member_inputarea .info dd {
    font-size: 3.9vw;
    padding: 3% 0;
    border-bottom: .3vw solid #3d3a39;
}

.member_inputarea .info dt:first-of-type,
.member_inputarea .info dd:first-of-type {
    padding-top: 0;
}

.member_inputarea .info dt {
    width: 50%;
}

.member_inputarea .info dt .note {
    font-size: 2.8vw;
    color: #baaac4;
}

.member_inputarea .info dd {
    text-align: right;
    width: 50%;
}

.member_inputarea .info dd > * + * {
    margin-top: 2%;
}

.member_inputarea .info dd .txt {
    color: #86a5af;
    font-size: 3.4vw;
}

.member_inputarea .info dd .txt.mtx3 {
    margin-top: 6%;
}

.member_inputarea .info dd .name {
    display: flex;
    justify-content: space-between;
}

.member_inputarea .info dd .name p {
    font-size: 2.8vw;
}

.member_inputarea .info dd .name p + p {
    margin-top: 4%;
}

.member_inputarea .info dd .name > * {
    width: 48.5%;
}

.member_inputarea .info dd .birthday {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.member_inputarea .info dd .birthday .y {
    width: 33vw;
    margin-right: 2%;
}

.member_inputarea .info dd .birthday .m,
.member_inputarea .info dd .birthday .d {
    width: 17.5vw;
    margin-left: 2%;
    margin-right: 2%;
}

.member_inputarea .info dt.col,
.member_inputarea .info dd.col {
    width: 100%;
    border-bottom: 0;
    padding-bottom: 2%;
}

.member_inputarea .info dt.col {
    border-bottom: 0;
}

.member_inputarea .info dd.col {
    padding-top: 0;
}

.member_inputarea .btn {
    margin-top: 10%;
}

/* servicearea
------------------------------------*/
.servicearea .list li + li {
    margin-top: 1.5%;
}

.servicearea .list li a {
    display: flex;
    align-items: center;
    background: rgba(242, 242, 242, .25);
    position: relative;
    overflow: hidden;
}

.servicearea .list li a.modalbtn::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(35,24,21,.3); */
    background: rgba(193, 193, 193, 0.35);
}

.servicearea .list li a::before {
    content: '';
    position: absolute;
    top: -3.2vw;
    left: -3.2vw;
    width: 6.4vw;
    height: 6.4vw;
    background: #b9a9c4;
    transform: rotate(45deg);
}

.servicearea .list li .txtwrap {
    width: 50%;
    padding: 0 5%;
}

.servicearea .list li .en {
    line-height: 1;
}

.servicearea .list li.councering .en {
    width: 88%;
}

.servicearea .list li.mobileorder .en {
    width: 87%;
}

.servicearea .list li.skincheck .en {
    width: 80%;
}

.servicearea .list li.saloncare .en {
    width: 86%;
}

.servicearea .list li.workshop .en {
    width: 77%;
}

.servicearea .list li .jp {
    font-size: 3.6vw;
    margin-top: 5px;
}

.servicearea .list li figure {
    width: 50%;
}

/* reservearea
------------------------------------*/
.reservearea .list li {
    padding: 4.5%;
    border: .3vw solid #221714;
    margin-top: 3%;
}

.reservearea .list li .head {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.reservearea .list li .head .mark,
.status {
    font-size: 3.7vw;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding: .2% .5% .5%;
    border: .3vw solid #6f939f;
    min-width: 6.5em;
    flex: none;
    display: inline-block;
    background: #6f939f;
}

.reservearea .list li .head .mark.color2,
.status.color2 {
    color: #6f939f;
    background: #fff;
}

.reservearea .list li .head .mark.color3,
.status.color3 {
    border-color: #c8c9ca;
    background: #c8c9ca;
}

.reservearea .list li .head .ttl {
    font-size: 3.7vw;
    font-weight: bold;
    color: #6f939f;
    margin-left: 5vw;
}

.reservearea .list li .date {
    font-weight: bold;
    margin-top: 3%;
}

.reservearea .list li .btn {
    margin-top: 3%;
}

.reservearea .list li .txt2 {
    font-size: 3.1vw;
    line-height: 1.54;
    margin-top: 3%;
}

/* modal
------------------------------------*/
.modalcnt {
    display: none;
}

.modalcnt {
    display: none;
    width: 92%;
    max-height: 90vh;
    margin: 0;
    padding: 12% 9% 7%;
    background: url(../img/modalbg.jpg) repeat center center /cover;
    position: fixed;
    z-index: 2;
    overflow-y: auto;
    border-radius: 2vw;
}

.modal_layer {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 24, 21, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}

.modalcnt .outservice .ttl {
    font-size: 4.2vw;
    text-align: center;
    font-weight: bold;
}

.modalcnt .outservice .txt {
    font-size: 3.7vw;
    text-align: center;
    margin-top: 10%;
}

.modalcnt .outservice .note {
    font-size: 3.1vw;
    text-align: center;
    margin-top: 4%;
}

.modalcnt .cancel_modal {
    padding-bottom: 9%;
}

.modalcnt .cancel_modal .ttl {
    font-size: 4.2vw;
    text-align: center;
    font-weight: bold;
}

.modalcnt .cancel_modal .btn {
    margin-top: 9%;
}

.modalcnt .cancel_modal .btn + .btn {
    margin-top: 4%;
}

.modalcnt .modalclose {
    width: 8vw;
    height: 8vw;
    position: relative;
    margin: 12% auto 0;
}

.modalcnt .modalclose::before,
.modalcnt .modalclose::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(135deg);
    left: 0;
    width: 100%;
    height: .5vw;
    background: #231815;
}

.modalcnt .modalclose::before {
    transform: translateY(-50%) rotate(-135deg);
}

/* myordersarea
------------------------------------*/
.myordersarea .list li + li {
    margin-top: 8%;
}

.myordersarea .list li .date {
    font-size: 3.4vw;
    color: #fff;
    background: #b6a6bf;
    padding: 2.5% 3.5%;
}

.myordersarea .list li .info {
    padding: 9% 3.5% 6%;
    border: .3vw solid #231815;
    border-top: 0;
    background: #FFF;
}

.myordersarea .list li .item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.myordersarea .list li figure {
    width: 35%;
    margin-top: 3%;
}

.myordersarea .list li .txtwrap {
    width: 62%;
    margin-left: 3%;
}

.myordersarea .list li .logo {
    line-height: 1;
    width: 13vw;
}

.myordersarea .list li .logo.ee {
    width: 22vw;
}

.myordersarea .list li .logo.ignis {
    width: 14vw;
}

.myordersarea .list li .logo.newoman {
    width: 17vw;
}

.myordersarea .list li .itemttl {
    font-size: 2.6vw;
    margin-top: 4%;
    min-height: 23vw;
}

.myordersarea .list li .itemttl strong {
    font-size: 3.8vw;
    display: inline-block;
    margin: 1% 0;
}

.myordersarea .list li .itemttl .mark {
    border: .3vw solid #3e3a39;
    padding: 1%;
    display: inline-block;
    margin-top: 2%;
}

.myordersarea .list li .price {
    font-size: 3.4vw;
    text-align: right;
}

.myordersarea .list li .price strong {
    font-size: 4.9vw;
    margin-left: 3%;
    font-weight: normal;
    display: inline-block;
}

.myordersarea .list li .price small {
    font-size: 2.6vw;
}

.myordersarea .list li .btn {
    margin-top: 5%;
}

/*mobileorder
------------------------------------*/
.mobileorderarea .cartbtn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 12vw;
}

.mobileorderarea .leadarea {
    padding: 5vw 0;
    width: 52%;
    margin: 0 auto;
    position: relative;
}

.mobileorderarea .leadarea p {
    font-size: 2.6vw;
}

.mobileorderarea .leadarea .hatena {
    position: absolute;
    width: 6vw;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.mobileorderarea .tabwrap .tablist {
    border-bottom: .5vw solid #baaac4;
    margin-top: 10vw;
    position: relative;
}

.mobileorderarea .tabwrap .tablist .tab {
    border-radius: 1.5vw 1.5vw 0 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4.2vw;
    height: 8vw;
    padding: 2vw 0;
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    text-align: center;
    width: 49.8vw;
}

.mobileorderarea .tabwrap .tablist .tab.active {
    height: 10vw;
    bottom: -0.5vw;
}

.mobileorderarea .tabwrap .tablist li a {
    color: #fff;
    display: block;
    width: 100%;
}

.mobileorderarea .tabwrap .tablist li:nth-child(1) {
    background: #baaac4;
    left: 0;
    bottom: -1px;
}

.mobileorderarea .tabwrap .tablist li:nth-child(2) {
    background: #86a5af;
    right: 0;
}

.mobileorderarea .tabwrap .panel {
    background: #F5F3F8;
}

.mobileorderarea .tabwrap .panel.allitemarea .info {
    border-top: .3vw solid #231815;
    position: relative;
}

.mobileorderarea .tabwrap .panel.allitemarea .info:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5vw solid #BAAAC4;
    border-right: 5vw solid transparent;
}

/*.allitemarea */
.allitemarea .prelist {
    position: relative;
    margin: 0 0 14vw;
}

.allitemarea .prelist p {}

.allitemarea .prelist .searchbtn {
    position: absolute;
    right: 0;
    top: 0;
    width: 12vw;
}

.allitemarea .prelist .searchbtn span {
    color: #fff;
    display: block;
    font-size: .5vw;
}

.allitemarea .list li + li {
    margin-top: 8%;
}

.allitemarea .list li .date {
    font-size: 3.4vw;
    color: #fff;
    background: #b6a6bf;
    padding: 2.5% 3.5%;
}

.allitemarea .list li .info {
    padding: 9% 3.5% 6%;
    border: .3vw solid #231815;
    border-top: 0;
    background: #FFF;
}

.allitemarea .list li .item {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.allitemarea .list li figure {
    width: 35%;
    margin-top: 3%;
}

.allitemarea .list li .txtwrap {
    width: 62%;
    margin-left: 3%;
}

.allitemarea .list li .logo {
    width: 13vw;
}

.allitemarea .list li .logo.ee {
    width: 22vw;
}

.allitemarea .list li .logo.ignis {
    width: 14vw;
}

.allitemarea .list li .itemttl {
    font-size: 2.6vw;
    margin-top: 4%;
    min-height: 23vw;
}

.allitemarea .list li .itemttl strong {
    font-size: 3.8vw;
    display: inline-block;
    margin: 1% 0;
}

.allitemarea .list li .itemttl .mark {
    border: .3vw solid #3e3a39;
    padding: 1%;
    display: inline-block;
    margin-top: 2%;
}

.allitemarea .list li .price {
    font-size: 3.4vw;
    text-align: right;
}

.allitemarea .list li .price strong {
    font-size: 4.9vw;
    margin-left: 3%;
    font-weight: normal;
    display: inline-block;
}

.allitemarea .list li .price small {
    font-size: 2.6vw;
}

.allitemarea .list li .btn {
    margin-top: 5%;
}

/* 絞り込み結果
------------------------------------*/
.result {
    padding: 0 0 7% 0;
}

.result .leadarea {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.result .leadarea .searchbtn {
    position: absolute;
    right: 0;
    top: 28%;
    width: 12vw;
}

.result .leadarea .searchbtn span {
    color: #fff;
    display: block;
    font-size: .5vw;
}

.result .leadarea .btn {
    display: flex;
    justify-content: flex-end;
    padding-right: 15vw;
    box-sizing: border-box;
}

.result .leadarea .btn a {
    text-align: center;
    color: #FFF;
    background: #BAAAC4;
    font-size: 3.4vw;
    padding: 1.2% 8% 2% 8%;
    box-sizing: border-box;
}

.resultitem {}

.resultitem .box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 4% 0 0 0;
    padding: 5%;
    position: relative;
    border: .3vw solid #231815;
    box-sizing: border-box;
}

.resultitem .box:before {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5vw solid #BAAAC4;
    border-right: 5vw solid transparent;
}

.resultitem .box .img {
    width: 30%;
}

.resultitem .box .txt {
    width: 70%;
    padding-left: 2%;
    box-sizing: border-box;
}

.resultitem .box .txt .logo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.resultitem .box .txt .logo img {
    width: 13vw;
}

.resultitem .box .txt .logo span {
    font-size: 2.6vw;
    margin-left: 2vw;
    color: #3E3A39;
}

.resultitem .box .txt .item_name {
    font-size: 4vw;
    margin: .8vw 0;
    color: #3E3A39;
}

.resultitem .box .txt .cat {
    font-size: 2.6vw;
    color: #3E3A39;
}

.resultitem .box .txt .note {
    display: inline-block;
    font-size: 2.2vw;
    color: #3E3A39;
    border: .3vw solid #000000;
    padding: 0.5% 2.6% 1.2% 2.6%;
    margin: 1.5vw 0 0 0;
    box-sizing: border-box;
}

.resultitem .box .txt .price_wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.resultitem .box .txt .price_wrap p {
    color: #3E3A39;
    font-size: 4vw;
}

.resultitem .box .txt .price_wrap .price {
    font-size: 5.6vw;
    margin-left: 2vw;
}

.resultitem .box .txt .price_wrap .tax {
    font-size: 2.6vw;
}

.resultitem .box .txt .btn {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 3.6%;
}

.resultitem .box .txt .btn a {
    position: relative;
    display: block;
    width: 83%;
    font-size: 3.2vw;
    color: #FFF;
    background: #BAAAC4;
    text-align: center;
    padding: 2%;
    box-sizing: border-box;
    font-family: 'Noto Serif JP', serif;
}

.resultitem .box .txt .btn a:before {
    position: relative;
    top: -0.5vw;
    display: inline-block;
    margin-right: 0.8vw;
    vertical-align: middle;
    content: '';
    background: url(../img/icn_cart.png) no-repeat center center;
    background-size: 100% auto;
    width: 4.5vw;
    height: 4.5vw;
}

/* itemdetail
------------------------------------*/
.itemdetail {
    padding: 7% 0;
}

.itemdetail .slide_wrap {
    width: 57.5%;
    margin: 0 auto 2vw;
    opacity: 0;
    transition: opacity .3s linear;
}

.itemdetail .slide_wrap.slick-initialized {
    opacity: 1;
}

.itemdetail .slide_wrap .slick-arrow {
    position: absolute;
    top: 50%;
    right: -19vw;
    width: 4vw;
    height: 11.6vw;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    transform: translateY(-50%);
    background: url(../img/arrow_slide.png) no-repeat;
    background-size: 100% 100%;
}

.itemdetail .slide_wrap .slick-prev {
    left: -19vw;
    right: auto;
    transform: translateY(-50%) scale(-1);
}

.itemdetail .slide_wrap .slick-dots {
    margin-top: 5.3vw;
    text-align: center;
}

.itemdetail .slide_wrap .slick-dots li {
    display: inline-block;
    margin: 0 2vw;
}

.itemdetail .slide_wrap .slick-dots li button {
    width: 1.2vw;
    height: 1.2vw;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
    background-color: #dcdddd;
    border-radius: 5px;
}

.itemdetail .slide_wrap .slick-dots .slick-active button {
    background-color: #999;
}

.itemdetail .txt {
    margin-bottom: 6vw;
}

.itemdetail .txt .logo img {
    width: 13vw;
    vertical-align: middle;
}

.itemdetail .txt .logo span {
    font-size: 2.9vw;
    margin-left: 2vw;
    vertical-align: middle;
    color: #3E3A39;
}

.itemdetail .txt .item_name {
    font-size: 4.8vw;
    margin: .8vw 0;
    color: #3E3A39;
}

.itemdetail .txt .cat {
    font-size: 2.4vw;
    color: #3E3A39;
}

.itemdetail .txt .mark {
    display: inline-block;
    font-size: 2.1vw;
    color: #3E3A39;
    border: .3vw solid #000000;
    padding: 1.2% 2.6% 1.2% 2.6%;
    margin: 1.5vw 0 0 0;
    box-sizing: border-box;
}

.itemdetail .txt .txt_content {
    margin-top: 2em;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 3.2vw;
}

.itemdetail .txt .txt_content .txt_att {
    display: block;
    padding-top: 0.8em;
    line-height: 1.5;
    font-size: 2.6vw;
}

.itemdetail .box_check,
.itemdetail .price_box {
    position: relative;
}

.itemdetail .box_check:before,
.itemdetail .price_box:before {
    content: "";
    position: absolute;
    top: 1.4vw;
    left: 0;
    display: block;
    width: 100%;
    height: .3vw;
    margin-top: 1.4vw;
    border-top: .3vw solid #3e3a39;
    z-index: -1;
}

.itemdetail .box_check .ttl,
.itemdetail .price_box .ttl {
    position: relative;
    display: inline-block;
    margin-bottom: 1.4em;
    padding-right: 0.7em;
    font-size: 2.8vw;
    background-color: #fff;
}

.itemdetail .box_check .list_radio {
    margin: 0 0 10vw;
}

.itemdetail .box_check .price input[type="radio"],
.itemdetail .box_check .select_color input[type="radio"] {
    display: none;
}

.itemdetail .box_check .price input[type="radio"] + label,
.itemdetail .select_box .select_color input[type="radio"] + label {
    padding-left: 10.6vw;
    background: url(../img/bg_checkbox02_off.png) 3.3vw 50% no-repeat;
    background-size: auto 3.7vw;
}

.itemdetail .box_check .price input[type="radio"]:checked + label,
.itemdetail .select_box .select_color input[type="radio"]:checked + label {
    background-image: url(../img/bg_checkbox02_on.png);
}

.itemdetail .box_check .price {
    margin: 0 0 0.7em;
    font-size: 2.6vw;
}

.itemdetail .box_check .price strong,
.itemdetail .price_box .price strong {
    display: inline-block;
    font-weight: normal;
    font-size: 4.5vw;
}

.itemdetail .box_check .price small,
.itemdetail .price_box .price small {
    font-size: 2.2vw;
}

.itemdetail .price_box {
    margin-bottom: 10vw;
}

.itemdetail .txt_note {
    margin-top: 0.5em;
    line-height: 1.5;
    font-size: 2.6vw;
}

.itemdetail .select_box {
    margin-bottom: 6vw;
}

.itemdetail .select_box .accordion {
    padding: 2% 0;
}

.itemdetail .select_box .accordion p {
    text-align: center;
}

.itemdetail .select_box .accordion_cnts {
    padding: 0;
}

.itemdetail .select_box .accordion_cnts li,
.itemdetail .select_box .accordion_cnts li label {
    display: flex;
    justify-content: center;
    align-items: center;
}

.itemdetail .select_box .accordion_cnts li {
    border-bottom: .3vw solid #231815;
    padding: 4%;
    box-sizing: border-box;
}

.itemdetail .select_box .accordion_cnts li:last-of-type {
    border-bottom: none;
}

.itemdetail .select_box .select_color input[type="checkbox"] + label {
    padding-left: 15vw;
}

.itemdetail .select_box .select_color label {}

.itemdetail .select_box .select_color img {
    height: 7.5vw;
    width: 20vw;
    margin-left: 10vw;
}

/* cart
------------------------------------*/
.cart {
    padding: 7% 0;
}

.cart_wrap .box {
    display: flex;
    justify-content: space-between;
    padding: 0 0 6vw 0;
    margin-bottom: 6vw;
    border-bottom: .3vw solid #C9CACA;
    box-sizing: border-box;
}

.cart_wrap .box:last-of-type {
    margin-bottom: 0;
}

.cart_wrap .box .img {
    width: 34%;
}

.cart_wrap .box .img .color-img {
    margin-top: 4vw;
    padding-top: 4vw;
    border-top: .3vw solid #C9CACA;
    box-sizing: border-box;
}

.cart_wrap .box .img .color-img img {
    display: block;
    margin: 0 auto;
    width: 20vw;
    height: 7.5vw;
}

.cart_wrap .box .img .color-img p {
    text-align: center;
    font-size: 2.8vw;
    margin-top: 2vw;
}

.cart_wrap .box .txt {
    width: 66%;
    padding-left: 5%;
    box-sizing: border-box;
}

.cart_wrap .box .txt .logo img {
    width: 13vw;
    vertical-align: middle;
}

.cart_wrap .box .txt .logo span {
    font-size: 2.9vw;
    margin-left: 2vw;
    vertical-align: middle;
    color: #3E3A39;
}

.cart_wrap .box .txt .item_name {
    font-size: 3.8vw;
    margin: .8vw 0;
    color: #3E3A39;
}

.cart_wrap .box .txt .cat {
    font-size: 2.2vw;
    color: #3E3A39;
}

.cart_wrap .box .txt .mark {
    display: inline-block;
    font-size: 2vw;
    color: #3E3A39;
    border: .3vw solid #000000;
    padding: 0.5% 2.6% 1.2% 2.6%;
    margin: 1.5vw 0 0 0;
    box-sizing: border-box;
}

.cart_wrap .box .txt .item_info {
    margin-top: 6vw;
}

.cart_wrap .box .txt .item_info dl {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.cart_wrap .box .txt .item_info dl.price {
    align-items: baseline;
}

.cart_wrap .box .txt .item_info dt,
.cart_wrap .box .txt .item_info dd {
    position: relative;
    font-size: 3.8vw;
    box-sizing: border-box;
}

.cart_wrap .box .txt .item_info dt:after {
    display: inline-block;
    vertical-align: middle;
    content: '：';
}

.cart_wrap .box .txt .item_info .price dd {
    font-size: 6.2vw;
}

.cart_wrap .box .txt .item_info .price dd span {
    font-size: 2vw;
}

.cart_wrap .box .txt .select_box {
    margin-top: 4vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cart_wrap .box .txt .select_box span {
    font-size: 3.2vw;
}

.form_select {
    overflow: hidden;
    width: 18vw;
    margin: 0 2.5vw;
    text-align: center;
}

.form_select select {
    width: 100%;
    height: auto;
    padding-right: 1em;
    cursor: pointer;
    font-size: 3.8vw;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.form_select select::-ms-expand {
    display: none;
}

.form_select {
    position: relative;
    border: .3vw solid #3E3A39;
    background: #ffffff;
}

.form_select::before {
    position: absolute;
    top: 50%;
    margin-top: -1.2vw;
    right: 1.8vw;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 1.6vw solid transparent;
    border-right: 1.6vw solid transparent;
    border-top: 2.4vw solid #3E3A39;
    pointer-events: none;
}

.form_select select {
    padding: 1.5vw 6vw 1.5vw 3vw;
}

.cart_wrap .order_delete {
    font-size: 3.2vw;
    cursor: pointer;
}

.cart .sum_price {
    margin: 6vw auto 3vw auto;
}

.cart .sum_price dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart .sum_price dt,
.cart .sum_price dd {
    color: #86A5AF;
    font-weight: 500;
    box-sizing: border-box;
}

.cart .sum_price dt {
    font-size: 4.4vw;
}

.cart .sum_price dd {
    font-size: 7vw;
}

.cart .sum_price dd .tax {
    font-size: 3.8vw;
}

.cart .atten_box {
    margin: 0 0 6vw 0;
}

.cart .atten_box h2 {
    font-size: 3vw;
}

.cart .atten_box ul {}

.cart .atten_box li {
    font-size: 3vw;
    text-indent: -3vw;
    padding-left: 3vw;
    box-sizing: border-box;
}

.cart .btn_wrap .btn + .btn {
    margin-top: 2%;
}

/* counseling
------------------------------------*/
.counseling {
    padding: 7% 0;
}

.counseling p.lead {
    text-align: center;
    font-size: 4.6vw;
    margin: 0 0 6vw 0;
}

.counseling .box_wrap:not(:last-of-type) {
    margin-bottom: 10vw;
}

.counseling .box_wrap h2 {
    font-size: 4.6vw;
    font-weight: 500;
    color: #85A5AE;
    margin: 0 0 2vw 0;
}

.counseling .box_wrap h2 small {
    font-size: 2.6vw;
}

.counseling .box {
    display: flex;
    justify-content: space-between;
}

.counseling .box_wrap:nth-of-type(even) .box {
    flex-direction: row-reverse;
}

.counseling .box .img {
    width: 40%;
}

.counseling .box .txt {
    width: 56%;
    box-sizing: border-box;
}

.counseling .box .txt p {
    font-size: 3.8vw;
}

.counseling .box .txt p.note {
    font-size: 3.4vw;
    padding-left: 1em;
    text-indent: -1em;
}

.counseling .box.col1 .txt {
    width: 100%;
}

.counseling .notetxt {
    font-size: 3.3vw;
    margin: 0 5%;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 3%;
}

/* thanks
------------------------------------*/
.thanksarea {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-height: 100vh;
    background: url(../img/longbg.jpg) no-repeat center center /cover;
}

.thanksarea .ttl {
    width: 49.5%;
    margin: 0 auto;
}

.thanksarea .txt {
    font-size: 3.7vw;
    line-height: 1.5;
    font-weight: bold;
    text-align: center;
    margin-top: 4%;
}

.thanksarea .btn {
    font-size: 4.2vw;
    text-align: center;
    margin-top: 15%;
}

.thanksarea .btn {
    letter-spacing: .1em;
}

.thanksarea .btn a span {
    text-decoration: underline;
}

/* pager
--------------------------------*/
.pager {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 12%;
}

.pager.sp {
    justify-content: space-between;
}

.pager li {
    margin: 0 2vw;
}

.pager li a {
    font-size: 5vw;
    transition: .3s;
}

.pager li a:hover {
    color: #A4925D;
}

.pager li.current {
    text-decoration: underline solid #A4925D;
}

.pager li.current a {
    color: #A4925D;
}

.pager .next {
    margin-left: 3vw;
}

.pager .prev {
    margin-right: 3vw;
}

.pager .next a,
.pager .prev a {
    color: #A4925D;
    display: inline-block;
    position: relative;
    transition: .3s;
}

.pager .next a::before,
.pager .prev a::before {
    content: '';
    position: absolute;
    top: 50%;
    transition: .3s;
    width: 8.5vw;
    height: 2.8vw;
}

.pager .next a {
    padding-right: 9vw;
}

.pager .next a::before {
    right: 0;
    border-right: 1px solid #A4925D;
    border-bottom: 1px solid #A4925D;
    transform: translateY(-50%) skew(45deg);
}

.pager .prev a {
    padding-left: 9vw;
}

.pager .prev a::before {
    left: 0;
    border-left: 1px solid #A4925D;
    border-bottom: 1px solid #A4925D;
    transform: translateY(-50%) skew(-45deg);
}

.pager .next a:hover::before,
.pager .prev a:hover::before {
    border-color: #A4925D;
}

.pager .next.no a,
.pager .prev.no a {
    cursor: default;
    pointer-events: none;
}

/* fixnavi
------------------------------------*/
.fixnavi {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    border-top: .3vw solid #9e9e9f;
    z-index: 100;
}

.fixnavi .list {
    display: flex;
    justify-content: space-between;
}

.fixnavi .list li {
    flex: 1;
}

.fixnavi .list a {
    width: 100%;
    height: 14vw;
    padding-top: 2vw;
    display: block;
}

.fixnavi .list .icon {
    position: relative;
    display: block;
}

.fixnavi .list .icon img {
    width: 5.2vw;
    margin: .3vw auto 0;
    display: block;
}

.fixnavi .list .icon img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    opacity: 0;
}

.fixnavi .list li.mypage img {
    margin-top: .5vw;
}

.fixnavi .list li.member img {
    width: 8vw;
    margin-top: .9vw;
}

.fixnavi .list .txt {
    font-size: 2.4vw;
    color: #b4b4b5;
    margin-top: 1vw;
    text-align: center;
    display: block;
}

.fixnavi .list li.current .icon img {
    opacity: 0;
}

.fixnavi .list li.current .icon img:nth-child(2) {
    opacity: 1;
}

.fixnavi .list li.current .txt {
    color: #3e3a39;
}

/* ---------------------------------------------
  footer
-----------------------------------------------*/
/* モーダル コンテンツエリア */
body.fixed {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.modal__bg {
    background: #FFF;
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 998;
}

.modal__content {
    width: 100%;
    height: 100vh;
    background: #FFF;
    left: 50%;
    padding: 16vw 5%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 999;
}

.close_btn {
    position: absolute;
    right: 2%;
    top: 2%;
    width: 10vw;
    height: 10vw;
    z-index: 999;
}

.close_btn:after,
.close_btn:before {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    content: '';
    width: 10vw;
    height: .3vw;
    background: #7298A5;
}

.close_btn:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.close_btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal__content .cntIn h2 {
    text-align: center;
    color: #BAAAC4;
    font-size: 3.8vw;
    margin: 0 0 4.7% 0;
    padding-bottom: 5px;
    border-bottom: .3vw solid #C9CACA;
    box-sizing: border-box;
}

.modal__content .cntIn h2:not(:first-of-type) {
    margin-top: 8%;
}

.mb30 {
    margin-bottom: 4%;
}

.check_style {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.check_style li {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 0 2% 0;
    padding: 0;
}

.check_style li.width100 {
    width: 100% !important;
}

.check_style.two-column li {
    width: 50%;
    margin: 0 0 2% 0;
}

.check_style.two-column.check_img li {
    width: 48%;
    margin: 0 4% 2% 0;
}

.check_style.two-column li:nth-of-type(2n) {
    margin-right: 0;
}

.check_style input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.check_style input[type="checkbox"] + label {
    display: block;
    background-image: url(../img/bg_checkbox_off.png);
    background-size: 4.6vw;
    background-position: 8% center;
    background-repeat: no-repeat;
    padding: 0 0 0 8vw;
    font-size: 3.4vw;
    box-sizing: border-box;
}

.check_style .fs_small input[type="checkbox"] + label {
    letter-spacing: -0.55vw;
    font-size: 3.3vw;
}

.check_style.check_img input[type="checkbox"] + label {
    padding: 8% 8% 8% 7.2vw;
    border: .3vw solid #231815;
}

.check_style input[type="checkbox"] + label img {
    display: block;
    margin: 0 auto;
    max-width: 254px;
    width: 50%;
}

.check_style input[type="checkbox"] + label img.img_width {
    width: 86%;
    max-width: 434px;
}

.check_style input[type="checkbox"]:checked + label {
    background-image: url(../img/bg_checkbox_on.png);
}

.check_wrap + .check_wrap {
    margin-top: 4%;
}

.accordion,
.modal__content .box {
    position: relative;
    padding: 4% 0;
    border: .3vw solid #231815;
    box-sizing: border-box;
}

.accordion .check_style input[type="checkbox"] + label,
.check_style li.width100 input[type="checkbox"] + label,
.modal__content .box .check_style input[type="checkbox"] + label {
    background-position: 4% center;
}

.accordion .check_style input[type="checkbox"] + label,
.modal__content .box .check_style input[type="checkbox"] + label {
    padding: 0 0 0 9vw;
}

.accordion .check_style li,
.modal__content .box .check_style li {
    margin-bottom: 0;
}

.accordion .acdbtn {
    width: 12vw;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.accordion .acdbtn:after {
    position: absolute;
    right: 33%;
    top: 50%;
    margin-left: -2vw;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -1vw;
    border-width: 2.4vw 1.6vw 0 1.6vw;
    border-color: #3E3A39 transparent transparent transparent;
}

.accordion .acdbtn.open:after {
    margin-top: -1vw;
    border-width: 0 1.6vw 2.4vw 1.6vw;
    border-color: transparent transparent #3E3A39 transparent;
}

.accordion.acdbtn2:after {
    position: absolute;
    right: 4%;
    top: 50%;
    margin-left: -2vw;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -1vw;
    border-width: 2.4vw 1.6vw 0 1.6vw;
    border-color: #3E3A39 transparent transparent transparent;
}

.accordion.acdbtn2.open:after {
    margin-top: -1vw;
    border-width: 0 1.6vw 2.4vw 1.6vw;
    border-color: transparent transparent #3E3A39 transparent;
}

.accordion_cnts {
    display: none;
    border: .3vw solid #231815;
    border-top: none;
    padding: 3% 8% 0 0;
    box-sizing: border-box;
}

.modal__content .btn {
    text-align: center;
    margin: 10% auto;
}

.modal__content .btn input {
    width: 100%;
    font-size: 3.4vw;
    color: #FFF;
    background: #BAAAC4;
    text-align: center;
    padding: 4%;
    box-sizing: border-box;
    font-family: 'Noto Serif JP', serif;
}

/* faq
------------------------------------*/
.faqarea {
    padding: 3% 0;
}

.faqarea .tabbtn {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 111%;
    margin-left: -5.5%;
    padding-bottom: .3vw;
    position: relative;
}

.faqarea .tabbtn::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .6vw;
    background: #baaac4;
    ;
}

.faqarea .tabbtn li {
    font-size: 3.4vw;
    line-height: 1.36;
    padding-top: .5vw;
    text-align: center;
    color: #fff;
    background: #b4b4b5;
    width: 24.8%;
    height: 14.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 1.5vw;
    border-top-right-radius: 1.5vw;
}

.faqarea .tabbtn li.current {
    height: 15vw;
    background: #baaac4;
}

.faqarea .tabcnt {
    padding: 11% 0;
    display: none;
}

.faqarea .tabcnt.show {
    display: block;
}

.faqarea .tabcnt dl dt {
    font-size: 3.4vw;
    line-height: 1.7;
    min-height: 7vw;
    color: #baaac4;
    position: relative;
    padding: .5vw 8vw 0 11.6vw;
    margin-top: 13%;
}

.faqarea .tabcnt dl dt:first-child {
    margin-top: 0;
}

.faqarea .tabcnt dl dt .q {
    position: absolute;
    top: .5vw;
    left: 0;
    width: 9.2vw;
    font-size: 3.2vw;
    text-align: center;
    color: #fff;
    background: #baaac4;
    padding: 0vw .5vw .7vw .5vw;
}

.faqarea .tabcnt dl dt::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 2.5vw;
    height: 2.5vw;
    border-left: .3vw solid #000;
    border-bottom: .3vw solid #000;
    transform: translateY(-50%) rotate(-45deg);
    margin-top: -.5vw;
}

.faqarea .tabcnt dl dt.open::after {
    border: 0;
    border-right: .3vw solid #000;
    border-top: .3vw solid #000;
    margin-top: .7vw;
}

.faqarea .tabcnt dl dd {
    font-size: 3.4vw;
    min-height: 7vw;
    line-height: 1.7;
    position: relative;
    padding: .5vw 0 0 11.6vw;
    margin-top: 4%;
    display: none;
}

.faqarea .tabcnt dl dd::before {
    content: "A";
    position: absolute;
    top: 0;
    left: 0;
    width: 9.2vw;
    font-size: 3.2vw;
    text-align: center;
    color: #fff;
    background: #3d3a39;
    padding: .4vw .5vw .7vw .5vw;
}

.faqarea .tabcnt dl dd p,
.faqarea .tabcnt dl dd ul li {
    font-size: 3.4vw;
    line-height: 1.7;
}

.faqarea .tabcnt dl dd > * + * {
    margin-top: 15px;
}

.faqarea .tabcnt dl dd a {
    text-decoration: underline;
}

/* ------------------------------
    clearfix
------------------------------ */
.cf:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.cf {
    display: inline-block;
}

/* Hides from IE Mac */
* html .cf {
    height: 1%;
}

.cf {
    display: block;
}

/* End Hack */
/* access
------------------------------------*/
.accessarea {
    padding: 12% 0;
}

.accessarea .txt {
    text-align: center;
}

.accessarea .map {
    margin: 6% 0 4.5%;
}

.accessarea .btn {
    text-align: center;
    margin-top: 3%;
}

.accessarea .btn a {
    border-bottom: .3vw solid #3E3A39;
}

.workshop_end {
    border: 0.3vw solid #86a5af;
    line-height: 1;
    color: #86a5af;
    text-align: center;
    display: block;
    border-width: 1px;
    border-style: solid;
    transition: .3s;
    font-size: 2.6vw;
    padding: 0.5vw 1vw;
    border-radius: 0.5vw;
    min-width: 18vw;
    width: fit-content;
}

.workshop_hold {
    border: 0.3vw solid #86a5af;
    background: #86a5af;
    line-height: 1;
    color: #fff;
    text-align: center;
    display: block;
    border-width: 1px;
    border-style: solid;
    transition: .3s;
    font-size: 2.6vw;
    padding: 0.5vw 1vw;
    border-radius: 0.5vw;
    min-width: 18vw;
    width: fit-content;
}

.mont, .mont * {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: .1em;
}

.yellow {
    color: #bdb775 !important;
}

.blue {
    color: #86a5af !important;
}

.gray {
    color: #9fa0a0 !important;
}

.purple {
    color: #a590b2 !important;
}

.green {
    color: #7da37b !important;
}

.pink {
    color: #C68F92 !important;
}

/* error
--------------------------------*/
#error {
    min-height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#error .icon {
    width: 16vw;
    height: 16vw;
    margin: 0 auto;
}

#error .error_txt {
    font-size: 3.4vw;
    text-align: center;
    margin-top: 5%;
}

/* mv
--------------------------------*/
#mv {
    position: relative;
    height: 85vw;
    overflow: hidden;
}

#mv .mv_slider {
    line-height: 1;
    position: relative;
}

#mv .slick-dots {
    line-height: 0;
    position: absolute;
    bottom: 27%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mv .mv_slider_img {
    position: relative;
    height: 85vw;
}

#mv .mv_slider_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover; object-position: center;'
}

#mv .slick-dots li {
    line-height: 0;
    margin: 0 1.5vw;
    display: flex;
    align-items: center;
    width: 2.1vw;
    height: 2.1vw;
    opacity: .85;
}

#mv .slick-dots li button {
    font-size: 0;
    text-indent: 101%;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: .3s;
    width: 100%;
    height: 100%;
    border: .3vw solid #fff;
}

#mv .slick-dots li.slick-active button {
    background: transparent;
}

#mv .yoyakubox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(212, 219, 226, .85);
    z-index: 1;
    padding: 4% 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#mv .yoyakubox .txt {
    font-size: 2.9vw;
}

#mv .yoyakubox .txt strong {
    font-size: 3.7vw;
    font-weight: normal;
}

#mv .yoyakubox .date {
    font-size: 4.9vw;
}

#mv .yoyakubox .btn {
    width: 27vw;
}

#mv .yoyakubox .btn a {
    font-size: 3.4vw;
    text-align: center;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 10.5vw;
}

#mv .yoyakubox .error_txt {
    font-size: 3.4vw;
    color: #000;
    padding-left: 10vw;
    position: relative;
}

#mv .yoyakubox .error_txt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 8vw;
    height: 8vw;
    background: url(../img/top/error.png) no-repeat center center /cover;
}

#mv .eventbox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

#mv .eventbox a {
    display: block;
    background: rgba(255, 255, 255, .85);
    padding: 4% 10% 4% 5%;
    position: relative;
}

#mv .eventbox a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%) rotate(45deg);
    width: 4vw;
    height: 4vw;
    border-top: .3vw solid #000000;
    border-right: .3vw solid #000000;
}

#mv .eventbox .info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#mv .eventbox .info .cg {
    line-height: 1;
    color: #fff;
    text-align: center;
    display: block;
    border-width: 1px;
    border-style: solid;
    margin-left: 5px;
    transition: .3s;
    font-size: 2.6vw;
    padding: .5vw 1vw;
    border-radius: .5vw;
    min-width: 15.5vw;
    margin-left: 1vw;
}

#mv .eventbox .txt {
    margin-top: 2%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

#mv .eventbox + .mv_slider .slick-dots {
    bottom: 25%;
}

/* topbg
--------------------------------*/
.topbg {
    background: url(../img/longbg.jpg) repeat;
    background-size: 772px;
}

/* navi
--------------------------------*/
#navi ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

#navi ul.top_tabbtn_yokohama li {
    width: 33.333%;
    border-left: .25vw solid #fff;
    border-right: .25vw solid #fff;
}

#navi ul.top_tabbtn_takanawa li {
    width: 50%;
    border-left: .25vw solid #fff;
    border-right: .25vw solid #fff;
}

#navi ul.top_tabbtn li {
    width: 50%;
    border-left: .25vw solid #fff;
    border-right: .25vw solid #fff;
}

#navi ul li:nth-child(1),
#navi ul li:nth-child(3n+1) {
    border-left: 0;
}

#navi ul li:nth-child(3n) {
    border-right: 0;
}

#navi ul li:nth-child(n+4) {
    border-top: .2vw solid #fff;
}

#navi ul li a {
    font-size: 3.4vw;
    text-align: center;
    width: 100%;
    height: 11.7vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #dbdcdc;
}

#navi ul li.current a {
    background: transparent;
}

#navi ul li.yoyaku a {
    font-size: 3.7vw;
    line-height: 1.4;
    color: #fff;
}

#navi ul.top_tabbtn_yokohama li.yoyaku a {
    background: #b9a9c4;
}

#navi ul.top_tabbtn_takanawa li.yoyaku a {
    background: #9EBBC4;
}

/* info
--------------------------------*/
#info {
    padding: 13vw 0 13vw;
    min-height: 42.2vh;
}

#info .info_list {
    display: grid;
    place-content: center;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5vw;
}

#info .info_list a {
    display: block;
}

#info .info_list .info_list_thumbnail {
    width: 100%;
    aspect-ratio: 4/3;
    clip-path: polygon(2.5vh 0, calc(100% - 2.5vh) 0, 100% 2.5vh, 100% calc(100% - 2.5vh), calc(100% - 2.5vh) 100%, 2.5vh 100%, 0 calc(100% - 2.5vh), 0 2.5vh);
}

#info .info_list .info_list_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#info .info_list_head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 3%;
}

.info_list_head_date {
    font-size: 3.2vw;
}

.info_list_head_tag {
    line-height: 1;
    color: #fff;
    text-align: center;
    display: block;
    border-width: 1px;
    border-style: solid;
    margin-left: 5px;
    transition: .3s;
    font-size: 2.6vw;
    padding: .5vw 1vw;
    border-radius: .5vw;
    min-width: 15.5vw;
    margin-left: 1vw;
}

#info .info_list_head_tag.cg.other {
    color: #6c6c6e !important;
}

#info .info_list_txt {
    font-size: 3.7vw;
    margin-top: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#info .info_btn {
    margin-top: 13vw;
}

#info .info_btn a {
    display: inline-block;
    position: relative;
    transition: .3s;
    font-size: 4.2vw;
    padding-right: 10vw;
    color: #A4925D;
}

#info .info_btn a::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 8.5vw;
    height: 2.8vw;
    border-right: .3vw solid #A4925D;
    border-bottom: .3vw solid #A4925D;
    transform: translateY(-50%) skew(45deg);
    transition: .3s;
}

/* event
--------------------------------*/
#event .wrap {
    padding-top: 13vw;
    padding-bottom: 13vw;
}

#workshop {
    margin-top: 19.5vw;
}

#gallery {
    margin-top: 19.5vw;
}

#event .workshop_ttl,
#event .gallery_ttl {
    font-size: 4.8vw;
    text-align: center;
    line-height: 1.54;
}

#event .event_list {
    display: block;
}

#event .event_list li {
    position: relative;
    width: 100%;
    margin-right: 0;
}

#event .event_list_item.event_end::before {
    content: '終了';
    position: absolute;
    top: 1.2vw;
    left: 1.2vw;
    font-size: 2.8vw;
    line-height: 1;
    color: #fff;
    background: #595757;
    padding: .5vw 1vw .8vw;
    z-index: 1;
    letter-spacing: .16em;
}

#event .event_list li:nth-child(n+2) {
    margin-top: 8%;
}

#event .event_list li a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#event .event_list_img_block {
    width: 36%;
}

#event .event_list_img_block.coming {
    width: 36%;
}

#event .event_list_txt_block {
    width: 60%;
    margin-top: 0;
}

#event .event_list_date {
    font-size: 3.7vw;
    line-height: 1.57;
}

#event .event_list_ttl {
    font-size: 3.7vw;
    line-height: 1.4;
    margin-top: 1%;
    transition: .3s;
}

#event .event_list_small_txt {
    font-size: 2.6vw;
    line-height: 1;
    margin-top: 3%;
    display: inline-block;
    padding: .5% 4vw;
    font-weight: 700;
    border: .3vw solid #3E3A39;
    border-radius: 1vw;
}

#event .event_list_small_txt + .event_list_txt {
    margin-top: 2%;
}

#event .event_list_txt {
    font-size: 3.7vw;
    line-height: 1.57;
    margin-top: 3%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

#event .event_btn {
    margin-top: 9%;
}

#event .event_btn a {
    text-decoration: underline;
}

/* takanawa_event
--------------------------------*/
#takanawa_event .wrap {
    padding: 13vw 5vw 9.5vw;
}

#takanawa_event .workshop_ttl,
#takanawa_event .gallery_ttl {
    font-size: 4.8vw;
    text-align: center;
    line-height: 1.54;
}

#takanawa_event .event_list {
    display: block;
}

#takanawa_event .event_list li {
    position: relative;
    width: 100%;
    margin-right: 0;
}

#takanawa_event .event_list_item.event_end::before {
    content: '終了';
    position: absolute;
    top: 1.2vw;
    left: 1.2vw;
    font-size: 2.8vw;
    line-height: 1;
    color: #fff;
    background: #595757;
    padding: .5vw 1vw .8vw;
    z-index: 1;
    letter-spacing: .16em;
}

#takanawa_event .event_list li:nth-child(n+2) {
    margin-top: 8%;
}

#takanawa_event .event_list li a {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#takanawa_event .event_list_img_block {
    width: 36%;
}

#takanawa_event .event_list_txt_block {
    width: 60%;
    margin-top: 0;
}

#takanawa_event .event_list_date {
    font-size: 3.7vw;
    line-height: 1.57;
}

#takanawa_event .event_list_ttl {
    font-size: 3.7vw;
    line-height: 1.4;
    margin-top: 1%;
    transition: .3s;
}

#takanawa_event .event_list_small_txt {
    font-size: 2.6vw;
    line-height: 1;
    margin-top: 3%;
    display: inline-block;
    padding: .5% 4vw;
    font-weight: 700;
    border: .3vw solid #3E3A39;
    border-radius: 1vw;
}

#takanawa_event .event_list_small_txt + .event_list_txt {
    margin-top: 2%;
}

#takanawa_event .event_list_txt {
    font-size: 3.7vw;
    line-height: 1.57;
    margin-top: 3%;
    position: relative;
}

#takanawa_event .event_btn {
    margin-top: 9%;
}

#takanawa_event .event_btn a {
    text-decoration: underline;
}

#takanawa_event .backnumber.wrap {
    background-color: #F0F0F0;
    padding: 13vw 5vw;
}