@charset "UTF-8";


html {
    height: 100%;
    font-size: 62.5%;
}

body {
    /*color: #141819;*/
    color: #1f2121;
    font-size: 1.0rem;
    font-family: "TsukuGoPr5-L";
    font-kerning: normal;
    -ms-font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    background: #FFF;
    word-wrap: break-word;
    vertical-align: baseline;
    white-space: normal;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    box-sizing: border-box;
    letter-spacing: 0.3em;
}

a {
    color: #1f2121;
    transition: opacity 0.3s ease;
}
a:hover {
    color: #87A7AF;
    text-decoration: none;
}

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

p{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "TsukuGoPr5-L";
    font-size: 3.3vw;
    line-height: 1.6em;
    color: #1f2121;
}
H2,
H3,
H4
H5{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "TsukuGoPr5-M";
    font-size: 4.5vw;
    line-height: 1.6em;
    color: #202221;
}

.main_slide_area{
    height: 88vh;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}
.koma_slide_area {
    box-sizing: border-box;
    width: 100%;
    height: calc(100% - 0px);
    /*min-height: 600px;*/
    position: absolute;
    overflow: hidden;
    z-index: 2;
    right: 0;
    top: 0px;
    text-align: center;
}
.koma_slide_overlay {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    opacity: 0.2;
    background-color: #1f2121;
    transform: translate3d(0, 0, 0);
}
.koma_slide_infoarea {
    box-sizing: border-box;
    width: 94%;
    min-width: 280px;
    position: absolute;
    z-index: 3;
    left: 3%;
    bottom: 7%;
    margin-top: 0px;
    border: 0px solid #1f2121
}
.koma_slide_navarea {
    width: 100%;
    min-width: 280px;
    position: absolute;
    z-index: 2;
    left: 0%;
    bottom: 1%;
    margin-top: 0px;
    border: 0px solid #1f2121
}
.p-top-kv-season {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Harmonia Sans W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #FFF;
}
.p-top-kv-slider {
    width: 100%;
    height: 100%;
    min-height: 100%;
    z-index: 1;
    overflow: hidden;
}
.koma_slider_item {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    /*transition: width 0s cubic-bezier(0.645, 0.045, 0.355, 1);*/
    transition: all 1.5s ease-in;
    transition-delay: .5s;
    transform: translate3d(0px, 0px, 0px);
    /*filter: blur(3px);*/
    opacity: 0;
}
.koma_slider_item.is-animate {
    width: 100%;
    /*transition: width 1s cubic-bezier(0.645, 0.045, 0.355, 1);*/
    transition: all 1.5s ease-in;
    /*filter: blur(0px);*/
    opacity: 1;
    transition-delay: 0s;
}
.koma_slider_item.is-out {
    z-index: 50;
    width: 100%;
    /*transition: width 1s cubic-bezier(0.645, 0.045, 0.355, 1);*/
    transition: all 1.5s ease-out;
    /*filter: blur(3px);*/
    opacity: 0;
    transition-delay: 0s;
}
.koma_slider_item.is-now {
    z-index: 99;
    width: 100%;
    /*transition: width 1s cubic-bezier(0.645, 0.045, 0.355, 1);*/
    transition: all 1.5s ease-in;
    /*filter: blur(0px);*/
    opacity: 1;
    transition-delay: 0s;
}
.koma_slider_item.is-in {
    z-index: 100;
}
.koma_slider_item .is-nolink {
    cursor: default;
}
.koma_slider_inner {
    width: 78vw;
    height: 100%;
    position: absolute;
    transform: translate3d(0, 0, 0);
    left: 0;
    top: 0;
}
.koma_slider_image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transform: translate3d(0, 0, 0);
}
.p-top-kv-slider__image--pc {
    display: block;
}

@media (max-width: 1023px) {
    .p-top-kv-slider__image--pc {
        display: none;
    }
}
.p-top-kv-slider__image--sp {
    display: none;
}
@media (max-width: 1023px) {
    .p-top-kv-slider__image--sp {
        display: block;
    }
}


.koma_slide_info {
    width: 100% !important;
    height: 2.6em;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    color: #FFF;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}
.kome_slide_info_item {
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    transform: translateY(-100%);
    display: table;
    border: 0px solid red;
}

.kome_slide_info_item.is-out {
    animation: count-off 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
}

.kome_slide_info_item.is-current {
    animation: count 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
}



.koma_slide_info_category {
    box-sizing: border-box;
    display: table-cell;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    box-sizing: border-box;
    width: 10vw;
    border: 0px solid #1f2121;
}
.koma_slide_info_category p{
    font-family: "TsukuGoPr5-L";
    font-size: 2.6vw;
    line-height: 1em;
    background-color: white;
    color: #66777C;
    box-sizing: border-box;
    width: min-content;
    margin: 0;
    padding: .6em .7em .6em .8em;
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 0.2em;
}

.koma_slide_info_title{
	margin: 0;
    padding: 0 0 0 1em;
    display: table-cell;
    border: 0px solid #1f2121;
    vertical-align: middle;
}
.koma_slide_info_title h3{
    border: 0px solid green;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 3.2vw;
    line-height: 1em;
    letter-spacing: 0.13em;
    color: white;
    font-family: "TsukuGoPr5-M"
}
.koma_slide_info_title a:hover h3{
    animation: link1 .2s ease-in-out 0s forwards;
}

.koma_slide_nav {
    width: 240px;
    position: relative;
    left: 0;
    margin: 0 auto;
}

.p-top-kv-nav__item {
    position: absolute;
    z-index: 1000;
    bottom: 0;
    cursor: pointer;
    padding: 13px 0;
}

.p-top-kv-nav__item--right {
    right: 0;
}

.p-top-kv-nav__item--right img {
    width: 19px;
    margin-bottom: 5px;
}

.p-top-kv-nav__item--left {
    left: 0;
}

.p-top-kv-nav__item--left img {
    width: 19px;
    margin-bottom: 5px;
}

.koma_slide_count {
    position: relative;
    height: 40px;
    padding: 0 30px;
    text-align: center;
    color: #FFF;
    border: 0px solid #1f2121
}

.koma_slide_count_current {
    width: 100px;
    height: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 40px;
    overflow: hidden;
    position: absolute;
    right: 190px;
    text-align: right;
    top: 0;
    border: 0px solid #1f2121
}

.koma_slide_count_current-text {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    transform: translate3d(0, -100%, 0);
}

.koma_slide_count_current-text.is-out {
    animation: count-off 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
}

.koma_slide_count_current-text.is-current {
    transform: translateY(0);
    transform: translate3d(0, 0, 0);
    animation: count 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
}

.koma_slide_count_total {
    width: 20px;
    height: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 40px;
    position: absolute;
    right: 35px;
    top: 0;
}

.koma_count_border {
    width: 120px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: hidden;
    transform: translateX(-50%);
}

.koma_count_border_line {
    width: 100%;
    height: 1px;
    background: #FFF;
    position: absolute;
    left: 0;
    right: auto;
    top: 0;
    content: "";
    transform: scaleX(0);
    transform-origin: left;
    transition: all .2s linear;
}

.is-move .koma_count_border_line {
    transition: none;
    animation: count-bar-anim 0.8s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
}

@keyframes count-bar-anim {
    0% {
        left: 0;
        transform: scaleX(1);
    }
    50% {
        left: 0;
        transform: scaleX(1);
    }
    100% {
        left: 100%;
    }
}

@keyframes count {
    0% {
        transform: translateY(100%);
        transform: translate3d(0, 100%, 0);
    }
    100% {
        transform: translateY(0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes count-off {
    0% {
        transform: translateY(0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translateY(-100%);
        transform: translate3d(0, -100%, 0);
    }
}



.top_cart{
	position: absolute;
	top:3%;
	right: 3%;
	margin: 0;
	padding: 0;
	width: 2.3%;
	z-index: 2;
}
.top_cart img{
	width: 100%;
}
.top_logo{
    box-sizing: border-box;
	position: absolute;
	top:9vw;
	left: 32%;
	margin: 0;
	padding: 0;
	width: 37%;
	z-index: 2;
	text-align: left;
}
.top_logo img{
	width: 100%;
}
.top_menu{
	display: flex;
	/*flex-direction: column;*/
    flex-direction: row;
	flex-wrap: nowrap;
	position: absolute;
	left: 11.5%;
	top: 29vw;
	width: 70%;
	justify-content: center;
    justify-content: left;
	z-index: 2;
	border: 0px solid red;
}
.top_menu p{
    font-size: 3.2vw;
    line-height: 1em;
    color: #1f2121;
    z-index: 2;
    margin: 0;
    padding: 0 2em 0em 0;
    border: 0px solid #1f2121;
}
.top_menu p a{
    color: white;
}
.top_menu p a:hover{
    animation: link1 .2s ease-in-out 0s forwards;
}

.icn_insta{
    position: absolute;
    bottom: 2em;
    right: 2.5em;
    box-sizing: border-box;
    margin: 0;
    padding: 1em 0 0 0;
    width: 5vw;
    z-index: 999999;
}
.lang_menu{
    position: absolute;
    top:0;
    right: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 24vw;
	z-index: 99999999;
	background-color: rgba(0, 0, 0, 0.03);
}

.lang_menu p{
	color: #1f2121;
    color: #66777C;
	box-sizing: border-box;
	text-align: center;
	padding: .3em 1em .2em 1em;
	font-size: 3vw;
	letter-spacing: .1em;
	width: 12vw;
}
.lang_menu  p{
	background-color: rgba(0, 0, 0, 0.01);
}
.lang_menu  p.on{
	background-color: #1f2121;
    background-color: white;
	color: white;
    color: #66777C;
}

.top_copy{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 10em 0;
}



/* FLEX BOX 
========================================================================== */
.table{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
/* 	justify-content: flex-start; */
	justify-content: space-between;
	z-index: 2;
	box-sizing: border-box;
    margin: 0;
	padding: 0;
	border: 0px solid red
}
.table2{
	display: flex;
	flex-direction: row;
	/*flex-wrap: nowrap;*/
    flex-wrap: wrap;
    width: 100%;
	justify-content: flex-start;
	/*align-items: normal;*/
    align-items: stretch;
	z-index: 2;
    box-sizing: border-box;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid red
}
.table3{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	justify-content: flex-start;
	z-index: 2;
	margin: 0 0 2.6em 0;
	padding: 0;
	padding: 0 0 0 0;
	border: 0px solid red;
	border-bottom: 1px solid #BBC3C4;
}

.table_img{
    box-sizing: border-box;
    margin: 0em 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    font-family: "TsukuGoPr5-L";
    font-size: 3.3vw;
    line-height: 1.6em;
    color: #1f2121;
    border: 0px solid red;
    align-self: center;
}
.table_img2{
    box-sizing: border-box;
    margin: 0;
    padding: 0 2em 0 0;
    width: 60%;
    font-family: "TsukuGoPr5-L";
    font-size: 3.3vw;
    line-height: 1.6em;
    color: #1f2121;
}
.table_img3{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 40%;
    font-family: "TsukuGoPr5-L";
    font-size: 3.3vw;
    line-height: 1.6em;
    color: #1f2121;
}
.table_img4{
    box-sizing: border-box;
    margin: 0;
    padding: 0 1em 0 0;
    width: 50%;
    font-family: "TsukuGoPr5-L";
    font-size: 3.3vw;
    line-height: 1.6em;
    color: #1f2121;
}
.table_img5{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 1em;
    width: 50%;
    font-family: "TsukuGoPr5-L";
    font-size: 3.3vw;
    line-height: 1.6em;
    color: #1f2121;
}
.table_img img,
.table_img2 img,
.table_img3 img,
.table_img4 img,
.table_img5 img{
    margin: 0;
    padding: 0;
    width: 100%;
}
.table_txt{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
    font-family: "TsukuGoPr5-L";
    font-size: 3.3vw;
    line-height: 1.6em;
    color: #1f2121;
    align-self: center;
}
.table_txt2{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 0;
    width: 100%;
    font-family: "TsukuGoPr5-L";
    font-size: 3.3vw;
    line-height: 1.6em;
    color: #1f2121;
    align-self: start;
}



.table .box_area{
	width: 45vw;
	height: 100%;
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 1em 0;
}
/*
.table .box_area:nth-of-type(4n){
	margin: 0 0 0 0;
	border: 0px solid #1f2121
}
*/
.table .box{
	background-size: cover;
	width: 45vw;
	height: 45vw;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	border-radius: 3px;
	/*background-position: calc(50%) calc(50%);*/
	position: relative;
    background-size: cover;
}

.zoom{
    transition: all 0.2s ease-out;
    transform: matrix3d(
            1, 0, 0, 0,
            0, 1, 0, 0,
            0, 0, 1, 0,
            0, 0, 0, 1
    );
    will-change: transform;
}
a:hover .zoom{
    transform: matrix3d(
            1, 0, 0, 0,
            0, 1, 0, 0,
            0, 0, 1, 0,
            0, 0, 0, 0.9
    );
}
a:hover .fade{
    animation: fade2 .3s ease-in-out 0s forwards;
}

.table2 .tag{
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.03);
	width: max-content;
	padding: .6em 1em .6em 1em;
	margin: 0;
	margin-right: .5em;
	margin-bottom: .6em;
/* 	color: white; */
	border-radius: 1px;
	font-size: 2.6vw;
	font-style: italic;
}

.detail_img_area{
	width: 100%;
	box-sizing: border-box;
}
.detail_txt_area{
	width: 100%;
	box-sizing: border-box;
	margin: 3em 0 3em 0;
	padding: 0 5% 0 5%;
}


#variation_price{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 100%;
    align-items: stretch;
    font-family: "TsukuGoPr5-L";
    font-size: 3.3vw;
    line-height: 1.6em;
    letter-spacing: .1em;
    border: 0px solid green;
    padding-bottom: 2em;
}
.hyou1{
    width:1.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou1b{
    width: calc(100% - 3.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou2{
    width:2.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou2b{
    width: calc(100% - 4.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou3{
    width:3.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou3b{
    width: calc(100% - 5.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou4{
    width:4.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou4b{
    width: calc(100% - 6.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou5{
    width:5.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou5b{
    width: calc(100% - 7.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou6{
    width:6.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou6b{
    width: calc(100% - 8.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou7{
    width:7.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou7b{
    width: calc(100% - 9.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou8{
    width:8.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou8b{
    width: calc(100% - 10.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou9{
    width:9.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou9b{
    width: calc(100% - 11.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou10{
    width:10.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou10b{
    width: calc(100% - 12.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou11{
    width:11.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou11b{
    width: calc(100% - 13.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou12{
    width:12.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou12b{
    width: calc(100% - 14.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou13{
    width:13.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou13b{
    width: calc(100% - 15.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou14{
    width:14.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou14b{
    width: calc(100% - 16.5em);
    font-family: "TsukuGoPr5-M";
}
.hyou15{
    width:15.5em;
    font-family: "TsukuGoPr5-M";
}
.hyou15b{
    width: calc(100% - 17.5em);
    font-family: "TsukuGoPr5-M";
}
.colon{
    box-sizing: border-box;
    margin: 0;
    padding: 0 .3em 0 .3em;
    width: fit-content;
    text-align: center;
    border: 0px solid green;
}

.shopify_lay1{
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 1.5em 0;
    padding: 0 0 0 8vw;
    border: 0px solid green;
    text-align: center;
}

.add_cart{
	background-color: #1f2121;
	color: white;
	font-size: 1.6vw;
	text-align: center;
	box-sizing: border-box;
	margin: 1em auto 1em auto;
	padding: 1em 1em 1em 1em;
	width: 70%;
	border-radius: 3px;
}

.table .detail_img_area .box{
	/*background-size: cover;*/
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	/*background-position: calc(50%) calc(50%);*/
    border: 0px solid green;
}
.table .detail_img_area .box3{
    background-size: cover;
    width: 100%;
    height: 100vw;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    border-radius: 0px;
}
.table .detail_img_area .cap{
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: .3em 10% 1.5em 10%;
    font-size: 3.2vw;
    border: 0px solid red;
}
.table .detail_img_area .cap.s2{
    margin-bottom: 0em!important;
}
.table .detail_img_area .box2{
    width: 80%;
    height: auto;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto 0 auto;
    border: 0px solid green;
}
.detail_title{
	box-sizing: border-box;
    font-family: "TsukuGoPr5-M";
	font-size: 6vw;
	line-height: 1.6em;	
	letter-spacing: .2em;
	padding-bottom: 0.3em;
}
.detail_price{
	box-sizing: border-box;
    font-family: "TsukuGoPr5-M";
	font-size: 4vw;
	line-height: 1.6em;	
	letter-spacing: .1em;
	padding-bottom: 2em;
}
.detail_honbun{
	box-sizing: border-box;
    font-family: "TsukuGoPr5-L";
	font-size: 3.3vw;
	line-height: 1.8em;
	letter-spacing: .1em;
	padding-bottom: 1.5em;
}

.detail_koumoku{
	width: 15%;
	box-sizing: border-box;
    font-family: "TsukuGoPr5-L";
	font-size: 3.3vw;
	line-height: 1.6em;	
	letter-spacing: .1em;
	padding-bottom: .5em;
}
.detail_spec{
	width: 80%;
	box-sizing: border-box;
    font-family: "TsukuGoPr5-L";
	font-size: 3.3vw;
	line-height: 1.6em;	
	letter-spacing: .1em;
	padding-bottom: .5em;
}
.detail_spec ul{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding-left: 1em;
    font-size: 3.3vw;
    line-height: 1.6em;
    border: 0px solid red;
}
.detail_spec li{
    font-size: 3.3vw;
    line-height: 1.6em;
    border: 0px solid green;
}
.detail_spec strong{
    font-family: "TsukuGoPr5-B",sans-serif;
    font-weight: bold!important;
    letter-spacing: 0.01em!important;
    color: #222222!important;
}
.detail_spec .uline{
    text-decoration: underline!important;
}
.detail_spec a{
    color: #00669b!important;
}

.detail_midashi{
	box-sizing: border-box;
	font-size: 3.3vw;
	line-height: 1.6em;	
	letter-spacing: .1em;
	padding-top: 2em;
	padding-bottom: 1em;
	font-style: italic;
}
.detail_brand{
	box-sizing: border-box;
    font-family: "TsukuGoPr5-L";
	font-size: 3.3vw;
	line-height: 1.8em;
	letter-spacing: .1em;
	padding-bottom: .5em;
}


/* #contents
========================================================================== */
#page_contents{
    box-sizing: border-box;
    padding: 0 5% 0 5%;
    margin: 8em 0 5em 0;
    width: 100%;
    font-size: 3.3vw;
    font-family: "TsukuGoPr5-L";
    line-height: 1.6em;
    text-align: left;
    border: 0px solid #1f2121;
    opacity: 0;
    animation: fade1 .5s ease-in-out .9s forwards;
    z-index: 0;
}
#page_contents2{
    box-sizing: border-box;
    padding: 0 5% 0 5%;
    margin: 8em 0 5em 0;
    width: 100%;
    font-size: 3.3vw;
    font-family: "TsukuGoPr5-L";
    line-height: 1.8em;
    text-align: left;
    border: 0px solid #1f2121;
    opacity: 0;
    animation: fade1 .5s ease-in-out .9s forwards;
    z-index: 0;
}
#page_contents H2,
#page_contents2 h2{
    font-family: "TsukuGoPr5-M";
    font-size: 5vw;
    line-height: 1.6em;
    text-align: center;
    margin: 0;
    padding: 0 0 1em 0;
}
#page_contents H2.t2,
#page_contents2 h2.t2{
    text-align: left;
}
#page_contents H3,
#page_contents2 h3{
    font-family: "TsukuGoPr5-M";
    font-size: 4.2vw;
    line-height: 1.6em;
    text-align: center;
    margin: 0;
    padding: 2.5em 0 1em 0;
}
#page_contents h4,
#page_contents2 h4{
    font-family: "TsukuGoPr5-M";
    font-size: 3.6vw;
    line-height: 1.6em;
    text-align: left;
    margin: 0;
    padding: 1.5em 0 1em 0;
}
#page_contents H4.t2,
#page_contents2 h4.t2{
    text-align: center;
}
#page_contents H4.t3,
#page_contents2 h4.t3{
    text-align: center;
    padding: 0em 0 2em 0!important;
}
#page_contents h5,
#page_contents2 h5{
    font-family: "TsukuGoPr5-M";
    font-size: 3.6vw;
    line-height: 1.6em;
    text-align: left;
    margin: 0;
    padding: 1.5em 0 1em 0;
}
#page_contents p.date,
#page_contents2 p.date{
    font-family: "TsukuGoPr5-M";
    font-size: 2.6vw;
    line-height: 1em;
    text-align: left;
    margin: 0;
    padding: 0em 0 5em 0;
    color: grey;
}
#page_contents img,
#page_contents2 img{
    box-sizing: border-box;
    margin: 0;
    padding: 1em 0% 1em 0%;
    width: 100%;
    height: auto;
    text-align: center;
}




/* #new_arrivals 
========================================================================== */
#new_arrivals{
    box-sizing: border-box;
	margin: 5em 3% 5em 3%;
	padding: 0;
	border: 0px solid #1f2121
}
#new_arrivals .table{
	padding-top: 1em;
}
#new_arrivals h3{
    font-family: "TsukuGoPr5-M";
    font-size: 4.5vw;
    line-height: 1.6em;
    text-align: center;
    margin: 0;
    padding: 0;
}
#new_arrivals p{
    font-size: 3.3vw;
    font-family: "TsukuGoPr5-L";
    margin: 0 auto 0 auto;
    padding: 1em 0 0 0;
    line-height: 2em;
    text-align: left;
    width: 86%;
}
#new_arrivals p.pname{
	font-size: 3.2vw;
    line-height: 1.5em;
	margin: 0;
	padding: .5em 0 0 0;
	width: 100%;
}
#new_arrivals p.price{
	font-size: 2.6vw;
	margin: 0;
	padding: 0;
	width: 100%;
}
#new_arrivals .btn_1{
    box-sizing: border-box;
    line-height: 1em;
	background-color: #1f2121;
	color: white;
	font-size: 2.6vw;
	text-align: center;
	box-sizing: border-box;
	margin: 1.5em auto;
	padding: 2em 1em 2em 1em;
	width: 86%;
	border-radius: 3px;
}



/* #new_arrivals 
========================================================================== */
section.products{
	margin: 3em 3% 5em 3%;
	padding: 0;
	border: 0px solid red;
	opacity: 0;
	animation: fmove1 .5s ease-in-out .5s forwards;
}


section.products .table{
	padding-top: 1em;
}
section.products h3{
    font-weight: 600;
    font-size: 6vw;
    line-height: 1.4em;
    text-align: center;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 0;
    font-family: "TsukuGoPr5-M";
}
section.products p{
    font-size: 3.3vw;
    text-align: center;
    font-family: "TsukuGoPr5-L";
    margin: 0 auto 0 auto;
    padding: 2em 0 0 0;
    line-height: 1.6em;
    text-align: left;
    width: 90%;
}
section.products .tag2{
	box-sizing: border-box;
/* 	background-color: rgba(0, 0, 0, 0.03); */
	background-color: white;
	width: 80px;
    text-align: center;
	padding: .3em 1em .3em 1em;
	margin: 0;
	margin-right: .5em;
	margin-bottom: .6em;
/* 	color: white; */
	border-radius: 1px;
	font-size: 2.6vw;
	position: absolute;
	top:1em;
	left: 1em;
	font-style: italic;
    border: 0px solid green;

}
section.products p.pname{
	font-size: 3.2vw;
	margin: 0;
	padding: .5em 0 0 0;
	width: 100%;
}
section.products p.price{
	font-size: 2.6vw;
	margin: 0;
	padding: 0;
	width: 100%;
}
section.products .btn_1{
	background-color: #1f2121;
	color: white;
	font-size: 2.6vw;
	text-align: center;
	box-sizing: border-box;
	margin: 1em auto 5em auto;
	padding: 1em 1em 1em 1em;
	width: 86%;
	border-radius: 3px;
}


/* #header2
========================================================================== */
.bg{
    box-sizing: border-box;
    width: 100%;
    height: auto;
    background-color: #afc0c7;/* E6ECED */
    background: linear-gradient(to bottom, #E5F0F5 15%, #FFF 35%);
    background-repeat: no-repeat;
}
#header2{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 20em;
    box-sizing: border-box;
    margin: 0;
    padding: 0
    border: 0px solid red;
}

#header2 .info_logo{
    position: absolute;
    top:15px;
    left: 15px;
    width: 30vw;
    opacity: 0;
    animation: fade1 .5s ease-in-out .9s forwards;
    z-index: 3;
}


/* #information 
========================================================================== */
#information{
	margin: 10em 0% 5em 0%;
	padding: 0;
	border: 0px solid green;
}
#information.main{
    margin: 0em 0% 5em 0% !important;
}
#information .tag{
	font-size: 2.6vw;
    line-height: 1em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 17vw;
	padding: .3em .8em .3em .8em;
	background-color: #afc0c7;
	/*color: #66777C;*/
    color: white;
	text-align: center;
	position: absolute;
	left: 1em;
	top:3em;
    border: 0px solid #e7eded;
/* 	background-color: rgba(0, 0, 0, 0.3); */
}
#information .tag2{
    font-size: 2.6vw;
    line-height: 1em;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width:15vw;
    padding: .3em 1em .3em 1em;
    background-color: white;
    /*color: #66777C;*/
    text-align: center;
    position: absolute;
    left: 1em;
    top:1em;
    border: 0px solid #e7eded;
    font-style: italic;
    /* 	background-color: rgba(0, 0, 0, 0.3); */
}
#information h2{
    font-family: "TsukuGoPr5-M";
    font-size: 4.5vw;
    line-height: 1.6em;
    text-align: center;
    margin: 0;
    padding: 0;
}
#information h3{
    font-size: 3.3vw;
    text-align: center;
    font-family: "TsukuGoPr5-M";
    margin: 0;
    padding: 1em 0 0 0;
    line-height: 1.6em;
}
#information p{
    font-size: 3.3vw;
    text-align: left;
    font-family: "TsukuGoPr5-M";
    margin: 0;
    padding: 1em 0 0 0;
    line-height: 1.6em;
}
#information p.pname{
	font-size: 3.2vw;
	margin: 0;
	padding: 1em 0 0 0;
}
#information p.date{
	font-size: 2.6vw;
	margin: 0;
	padding: .5em 0 0 0;
}
#information .info_mainbanner{
    opacity: 0;
    animation: fade1 .5s ease-in-out .5s forwards;
}
#information .info_menu{
    display: flex;
    /*flex-direction: column;*/
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    justify-content: center;
    z-index: 999999;
    border: 0px solid red;
    box-sizing: border-box;
    margin: 4em 0 2.5em 0;
    padding: 5em 0 0 0;
    opacity: 0;
    animation: fmove1 .5s ease-in-out .5s forwards;
}
#information .info_menu p{
    font-size: 2.6vw;
    line-height: 1em;
    color: #1f2121;
    z-index: 3;
    margin: 0 0 0 0;
    padding: 0 1em 0 1em;
    border: 0px solid #1f2121;
}
#information .info_menu p a{
    color: #1f2121;
    border-bottom: 0px solid #1f2121;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 .4em .2em;
}
#information .info_menu p a:hover{
    animation: link2 .2s ease-in-out 0s forwards;
}
#information .info_menu p a.on{
    color: #87A7AF;
    border-bottom: 2px solid #1f2121;
}



/*Main Banner*/
#information .box_area100{
    box-sizing: border-box!important;
	width: 100%;
	height: 300px;
	box-sizing: border-box;
	padding: 0;
	/*margin: 0 1.2em 1em 1.2em;*/
    margin: 1em 0 0em 0;
	border: 0px solid blue;
    position: relative;
}
#information .box_area100.main{
    margin: 0em 0 .5em 0!important;
}
#information .box_area100 .info_area_img{
    width: 50% !important;
    height: 300px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0px solid red;
}
#information .box_area100 .info_area_img_b{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    height:300px;
    width:100%;
    background-size:cover;
    background-position: right center;
}
#information .box_area100 .info_area{
    width: 50% !important;
	box-sizing: border-box;
	border: 0px solid #1f2121;
    border: 0px solid green;
	padding-top: 2em;
	padding-right: 1em;
    padding-left: .5em;
    align-self: center;
    height: 300px;
    overflow-y: hidden;
    overflow-y: scroll;
}
#information .box_area100 h3.lead{
	text-align: left;
	font-size: 3.2vw;
    font-family: "TsukuGoPr5-M";
	margin: 0;
	padding: 0 0 .5em .5em;
	line-height: 1.6em;
	border: 0px solid #1f2121
}
#information .box_area100 p.date{
	text-align: left;
	font-size: 4.2vw;
    font-family: "TsukuGoPr5-M";
	margin: 0;
    padding: 0 0 .5em .4em;
	line-height: 1.6em;
	letter-spacing: .15em;
    color: #202221;
	border: 0px solid #1f2121
}
#information .box_area100 p.lead{
	text-align: center;
	font-size: 2.6vw;
    line-height: 1.6em;
	margin: 0;
	padding: 0;
	padding-bottom: 2em;
	border: 0px solid #1f2121
}
#information .box_area100 p.honbun{
    box-sizing: border-box;
	text-align: left;
	font-size: 3.3vw;
    font-family: "TsukuGoPr5-M";
	margin: 0;
	padding: 0 0 0 .5em;
}



/*Default Thumbnail*/
#information .def_Thumbnail{
    box-sizing: border-box;
    margin: 0 auto 0 auto;
    padding: 3em .5em 0 .5em;
    width: 100%;
    border: 0px solid red;
    opacity: 0;
    animation: fmove1 .5s ease-in-out .5s forwards;
}
#information .box_area30{
    /*width: 45% !important;*/
	width: 100% !important;
    /*height: 290px;*/
    height: auto;
	box-sizing: border-box;
    margin:0em auto 0em auto;
    padding: 0;
	border: 0px solid red;
    /*background-color: #f8f8f8;*/
    background-color: #ffffff;
    position: relative;
    border-radius: 3px;
    overflow-y: hidden;
    overflow-y: scroll;
}
#information .box_area30 .box{
	background-size: cover;
    background-position: center;
	width: calc(100% - 2em);
    /*height: 140px;*/
    height: 250px;
	box-sizing: border-box;
	padding: 0 0 0 0;
	margin: 6em auto 0 auto;
	position: relative;
    mix-blend-mode: multiply;
    border: 0px solid green;
}
#information .box_area30 p.pname{
    padding: 1em 1em 2em 1em;
    font-size: 4vw;
}
#information .box_area30 p.date{
    position: absolute;
    left: 8.5em;
    top: 2.5em;
    color: gray;
}
#information .box_area30 h3.lead_t{
    text-align: left;
    font-size: 4vw;
    font-family: "TsukuGoPr5-M";
    margin: 0;
    padding: 1em .8em 0 .8em;
    line-height: 1.6em;
    border: 0px solid #1f2121
}
#information .box_area30 p.date_t{
    text-align: left;
    font-size: 7vw;
    font-family: "TsukuGoPr5-M";
    margin: 0;
    padding: 0em .5em 0 .5em;
    line-height: 1.6em;
    letter-spacing: .15em;
    color: #202221;
    border: 0px solid green;
}
#information .box_area30 p.lead_t{
    text-align: left;
    font-size: 3.3vw;
    line-height: 1.6em;
    font-family: "TsukuGoPr5-L";
    margin: 0;
    padding: .5em 1em 0 1em;
    border: 0px solid #1f2121
}
#information .box_area30 p.honbun_t{
    box-sizing: border-box;
    text-align: left;
    font-size: 3.3vw;
    font-family: "TsukuGoPr5-L";
    margin: 0;
    padding: .5em 1em 2em 1em;
}



/*Info Thumbnail*/
#information .box_area30t{
    /*width: 45% !important;*/
    width: 100% !important;
    /*height: 290px;*/
    height: auto;
	box-sizing: border-box;
    margin: 0em auto 0em auto;
	padding: 7em 1em 0em 1em;
	border: 0px solid #1f2121;
	vertical-align: middle;
	/*background-color: #f8f8f8;*/
    background-color: #ffffff;
	border-radius: 3px;
	position: relative;
    align-self: center;
    overflow-y: hidden;
    overflow-y: scroll;
}
#information .box_area30t h3{
	text-align: left;
	/*font-size: 3.2vw;*/
    font-size: 4vw;
    font-family: "TsukuGoPr5-M";
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}
#information .box_area30t p.lead{
	text-align: left;
	/*font-size: 2.6vw;*/
    font-size: 3.3vw;
    font-family: "TsukuGoPr5-L";
	margin: 0;
	padding: 0;
	padding-bottom: 3em;
    border: 0px solid red;
}
#information .box_area30t p.honbun{
	text-align: center;
	/*font-size: 3.3vw;*/
    font-size: 3.3vw;
    font-family: "TsukuGoPr5-L";
	margin: 0;
	padding: 0;
}
#information .box_area30t p.date{
    position: absolute;
    left: 8.5em;
    top: 2.5em;
    color: gray;
}


/*View More button*/
#information .btn_1{
    box-sizing: border-box;
    line-height: 1em;
	background-color: #1f2121;
	color: white;
	font-size: 2.6vw;
	text-align: center;
	box-sizing: border-box;
	margin: 1.5em auto;
	padding: 2em 1em 2em 1em;
	width: 86%;
	border-radius: 3px;
}


hr.news_thumbnail{
    box-sizing: border-box;
    padding: 0em 0 0em 0;
    margin: 0;
    border: 0px solid red;
    border-top: 1px solid #e6e6e6;
    width: 100%;
    position: absolute;
    top:0;
    left: 0;
    line-height: 0em;
}



/* #product_header
========================================================================== */
@keyframes link1 {
    0% {
        color: white;
    }
    100% {
        color: #1f2121;
    }
}
@keyframes link2 {
    0% {
        color: #1f2121;
    }
    100% {
        color: #87A7AF;
    }
}
@keyframes fade1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade2 {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.6;
    }
}
@keyframes mask {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform:  translate(30px, 0px);
  }
}
@keyframes fmove1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform:  translate(0px, -30px);
  }
}



#product_header{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	height: 150px;
	background-color: #afc0c7;/* E6ECED */
	background: linear-gradient(to bottom, #E5F0F5 30%, #FFF);
	border: 0px solid green;
}

#product_header .logo{
	position: absolute;
	top:15px;
	left: 15px;
	width: 30vw;
	opacity: 0;
	animation: fade1 .5s ease-in-out .8s forwards;
}

#product_header .flex{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	justify-content:flex-start;
	align-items: center;
	z-index: 2;
}
#product_header .menu1_area{
	position: absolute;
	top:70px;
	left: 0px;
	opacity: 0;
	animation: mask .5s ease-in-out .5s forwards;
}
#product_header .menu1_area_b{
	position: absolute;
    border:0px solid red;
	top:70px;
	left: 27px;
    animation: fade1 .5s ease-in-out 0s forwards;
}


#product_header .menu2_area{
	position: absolute;
	top:12vw;
	left: 0px;
	opacity: 0;
	animation: mask .5s ease-in-out .5s forwards;
    display: none;
}
#product_header .menu2_area_b{
	position: absolute;
	top:12vw;
	left: 0px;
	opacity: 0;
	animation: mask .5s ease-in-out .1s forwards;
    display: none;
}
#product_header .flex .menu{
	box-sizing: border-box;
	padding: 0 0 0 .2em;
	margin: 0 3em 0 0;
	font-size: 3.3vw;
	border: 0px solid #1f2121;
    font-family: "TsukuGoPr5-M";
	letter-spacing: .13em;
	padding-bottom: .5em;
}
#product_header .flex .on{
    color: #87A7AF;
    border-bottom: 2px solid #1f2121;
}
#product_header .flex .menu_on{
	box-sizing: border-box;
    padding: 0 0 0 .2em;
	margin: 0 3.5em 0 0;
	font-size: 2.6vw;
	border: 0px solid red;
    font-family: "TsukuGoPr5-M";
	letter-spacing: .13em;
	padding-bottom: .5em;
    color: #87A7AF;
	border-bottom: 2px solid #1f2121;
}

#product_header .cart_area{
	position: absolute;
	top:5%;
	left: 14%;
    font-family: "TsukuGoPr5-M";
	opacity: 0;
	/*animation: fade1 .5s ease-in-out .8s forwards;*/
}

#product_header .lang_area{
	position: absolute;
	top:0%;
	right: 0%;
	opacity: 0;
	animation: fade1 .5s ease-in-out .8s forwards;
}
#product_header .lang_menu{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 24vw;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.03);
}

#product_header .lang_menu p{
	box-sizing: border-box;
	text-align: center;
	padding: .3em 1em .2em 1em;
	font-size: 3vw;
	letter-spacing: .1em;
	width: 12vw;
	background-color: rgba(0, 0, 0, 0.01);
    color: #66777C;
	
}
#product_header .lang_menu  p.on{
	background-color: #1f2121;
    background-color: white;
	color: white;
    color: #66777C;
}

#product_header .icon_cart{
	width: 2.3vw;	
}
#product_header .icon_cart2{
	font-size: 2.6vw;box-sizing: border-box;padding-right: 1em;
}
#product_header .sep{
	font-size: 2.6vw;box-sizing: border-box;margin-right: 1.5em;margin-left: 1em;border-left: 1px solid #1f2121;height: 1.6em;
}






/* #footer 
========================================================================== */
#footer{
	margin: 10em 3% 6em 3%;
	padding: 0;
	border: 0px solid #1f2121;
}
#footer .table2{
	padding-top: 1em;
    letter-spacing: 0.3em;
    border: 0px solid red;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
#footer .logo{
	width: 22vw;
	border: 0px solid red;
	box-sizing: border-box;
	margin-right: 4vw;
	padding-bottom: 2.6vw;
}
#footer .logo2{
    display: none;
}
#footer .insta{
	width: 5.2vw;
	box-sizing: border-box;
	border: 0px solid red;
	box-sizing: border-box;
	margin-right: 2vw;
    padding-top: .8vw;
}
#footer .insta2{
    display: none;
}
#footer .hyphen{
	width: 1px;
	height: 5vw;
	box-sizing: border-box;
	background-color: #1f2121;
	margin-right: 2vw;
    margin-top: .6vw;
    display: none;
}
#footer .text{
	font-size: 2.6vw;
    font-family: "TsukuGoPr5-M";
	line-height: 3em;
	box-sizing: border-box;
	border: 0px solid red;
	box-sizing: border-box;
	margin-right: 0vw;
    padding-top: .3vw;
    letter-spacing: 0.1em;
}
#footer .text2{
	font-size: 2.6vw;
    font-family: "TsukuGoPr5-M";
	line-height: 2em;
	box-sizing: border-box;
	border: 0px solid red;
	box-sizing: border-box;
	margin-right: 1.8vw;
    padding-top: .3vw;
    letter-spacing: 0.2em;
}
#footer .text a{
	box-sizing: border-box;
	padding-right: 0vw;
}
#footer .text a:nth-of-type(6){
	box-sizing: border-box;
	padding-right: 0px;
}
#footer .btn{
	/*width:fit-content;*/
	border: 0px solid red;
	box-sizing: border-box;
	/*padding-left: 2.6vw;
    padding-right: 2.6vw;*/
}
#footer .btn p{
	width: 100%;
	/*text-align: center;*/
	box-sizing: border-box;
	/*background-color: #1f2121;*/
	font-size: 2.6vw;
	/*color: white;*/
    color: #1f2121;
	margin: 0;
	/*padding: .3em 1em .3em 1em;*/
	/*border-radius: 3px;*/
}
#footer p.copyright{
	text-align: center;
	font-size: 2.6vw;
	box-sizing: border-box;
	padding-top: 2em;
    padding-bottom: 2em;
    letter-spacing: 0.1em;
}


#page_contents2 .btn{
    width:fit-content;
    border: 0px solid red;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
#page_contents2 .btn p{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    background-color: #1f2121;
    font-size: 3.3vw;
    color: white;
    margin: 0;
    padding: .3em 1em .3em 1em;
    border-radius: 3px;
}




/* FORM
========================================================================== */
.wpcf7{
    box-sizing: border-box;
    margin: 3em 0 0 0;
    padding: 0;
    border: 0px solid red;
}
.wpcf7 h4{
    box-sizing: border-box;
    margin: 0 0 0 0!important;
    padding: 3em 0 0 0!important;
    line-height: 1em;
    border: 0px solid green;
}
.wpcf7 p{
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 0;
    border: 0px solid red;
}
.wpcf7 P.f1{
    box-sizing: border-box;
    margin: 0;
    padding: 1.6em 0 .5em 0;
    border: 0px solid red;
}
.wpcf7 P.f2{
    box-sizing: border-box;
    margin: 0 0 0em 0;
    width: 40%;
}
.wpcf7-list-item{
    box-sizing: border-box;
    margin: 0;
    padding: 0 1em 0 0;
}
input[type='submit'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px solid gray;
    width: 100%;
    font-size: 4vw;
    line-height: 1.1em;
    padding: 1.5em 0 1.5em 0;
    text-align: center;
    margin-bottom: 2em;
    margin-top: 3em;
    box-sizing: border-box;
    background-color: black;
    color: white;
    border-radius: 5px;
}
input[type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0px solid gray;
    width: 100%;
    font-size: 4vw;
    line-height: 1.1em;
    padding: 1em 0 1em 0;
    text-align: center;
    margin-bottom: 20px;
    box-sizing: border-box;
    background-color: black;
    color: white;
    border-radius: 5px;
}



.wpcf7-form-control-wrap {
    display: block;
}
.wpcf7-form-control.wpcf7-radio {
    display: flex;
}
.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
}
span.wpcf7-list-item{
position: relative;
/*flex-basis: 50%;*/
/*width: 100%;
&.first*/
 margin: .5em 0 1em 0!important
}
.wpcf7-list-item-label{/*項目の色や文字サイズ*/
color: #333;
cursor: pointer;
font-size: 3.2vw;
}



input[type="radio"]{
    position: absolute;
    opacity: 0;
}
input[type="radio"] + .wpcf7-list-item-label:before{
content: '';
background: #fff;
border-radius: 60px;
border: 1px solid #888888;
display: inline-block;
width: 20px;
height: 20px;
position: relative;
top: -0.2em;
margin-right: .5em;
vertical-align: middle;
cursor: pointer;
text-align: center;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
input[type="radio"]:checked + .wpcf7-list-item-label:before{
background-color: dodgerblue;
box-shadow: inset 0 0 0 2px #fff;
}


input[type="checkbox"] {
    position: absolute;
    opacity: 0;/*既存のチェックボックスを非表示に*/
}
input[type="checkbox"] + .wpcf7-list-item-label:before {/*チェックボックスの枠*/
    content: '';
    border: 1px solid #333;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    top: -3px;
    margin-right: .5em;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {/*チェックアイコン*/
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: 3px;
    width: 20px;
    height: 20px;
    background: url("../images/check-solid.svg") no-repeat center;
    background-size: contain;
}




input[type='text'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid gray;
    width: 100%;
    font-size: 93%;
    line-height: 1.1em;
    padding: 10px 30px 10px 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-radius: 3px;
}
input[type='email'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid gray;
    width: 100%;
    font-size: 93%;
    line-height: 1.1em;
    padding: 10px 30px 10px 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-radius: 3px;
}
input[type='date'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid gray;
    width: 100%;
    font-size: 93%;
    line-height: 1.1em;
    padding: 10px 30px 10px 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border-radius: 3px;
}
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid gray;
    width: 100%;
    font-size: 93%;
    line-height: 1.1em;
    padding: 10px 30px 10px 10px;
    margin-bottom: 0px;
    box-sizing: border-box;
    height: 10em;
    border-radius: 3px;
}
select::-ms-expand {
    display: none;
}
select {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 20px;
    padding: 12px 30px 12px 10px;
    font-size: 93%;
    line-height: 1.1em;
    border-radius: 3px;
    border: 1px solid gray;
    background-image: url(../images/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 12px 10px;
    background-position: right 10px center;
    background-color: #FFFFFF;
}




/* swiper
--------------------------- */
.lazyload, .lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 1000ms;
}
.swiper-slide {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50% 50%;
    width:100%;
    height:50vh;
    image-rendering: crisp-edges;
}
#page_contents2 .swiper-container_shops {
    box-sizing: border-box;
    margin: 0 0 2em 0;
    padding: 0;
    width: 100%;
    height: 50vh;
    position: relative;
    border: 0px solid red;
}
#page_contents2 .info_menu{
    display: flex;
    /*flex-direction: column;*/
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    justify-content: center;
    z-index: 999999;
    border: 0px solid red;
    box-sizing: border-box;
    margin: 0em 0 2.5em 0;
    padding: 3em 0 0 0;
    opacity: 0;
    animation: fmove1 .5s ease-in-out .5s forwards;
}
#page_contents2 .info_menu p{
    font-size: 2.6vw;
    line-height: 1em;
    color: #1f2121;
    z-index: 3;
    margin: 0 0 0 0;
    padding: 0 1em 0 1em;
    border: 0px solid #1f2121;
}
#page_contents2 .info_menu p a{
    color: #1f2121;
    border-bottom: 0px solid #1f2121;
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 .4em .2em;
}
#page_contents2 .info_menu p a:hover{
    animation: link2 .2s ease-in-out 0s forwards;
}
#page_contents2 .info_menu p a.on{
    color: #87A7AF;
    border-bottom: 2px solid #1f2121;
}


.preview_icn{
    box-sizing: border-box;
    margin: 0;
    padding: .5em 1em .5em 1em;
    text-align: center;
    background-color: burlywood;
    color: black;
    font-size: 1.1vw;
    width: fit-content;
    position: fixed;
    top: 0;
    left: 45%;
    z-index: 99999999999;
    display: none;
    visibility: hidden;

}