@charset "UTF-8";

.page_margin1{
	box-sizing: border-box;margin: 0;padding: 120px 0 0 0;
}
.page_margin2{
	box-sizing: border-box;margin: 0;padding: 50px 0 0 0;
}



#top{
	margin-top:-90px;
	padding-top:90px;;
}
#NEWS{
	margin-top:-70px;
	padding-top:70px;;
}
#ARCHIVE{
	box-sizing: border-box;
	margin: 0;
	padding: 3em 0 .5em 0;
}
#MEDIA{
	box-sizing: border-box;
	margin: 0;
	padding: 3em 0 .5em 0;
}
#SHOP{
	margin-top:-70px;
	padding-top:70px;;
}
#ABOUT{
	margin-top:-70px;
	padding-top:70px;;
}
#CONTACT{
	margin-top:-70px;
	padding-top:130px;;
}

dt {
	    width: 100% ;
	    height: 1.3em ;
	    padding: 0;
	    box-sizing: border-box;
	    font-size: 1.3vw;
}

dd {
	    margin-left: 0px ;
	    width: 100% ;
	    padding: 0;
	    box-sizing: border-box;
	    text-align: left ;
	    font-size: 1.3vw;
	    font-family: "I-OTFゴシックオールドPro D";
}
.err{
	color: red;
}
.submit_area{
	box-sizing: border-box;
	margin: 0;
	padding: 2em 0 0 0;
}

input[type='submit'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0px solid gray;
	width: 100%;
	font-size: 93%;
	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;
}
input[type='button'] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0px solid gray;
	width: 100%;
	font-size: 93%;
	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;
}
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: 7px 30px 7px 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid gray;
	width: 100%;	
	font-size: 93%;
	line-height: 1.1em;
	padding: 7px 30px 7px 10px;
	margin-bottom: 0px;
	box-sizing: border-box;
	height: 10em;
}
select::-ms-expand {
	display: none;
}
select {
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 20px;
	padding: 7px 30px 7px 10px;
	font-size: 93%;
	line-height: 1.1em;
	border-radius: 0px;
	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;
}

.footer_area{
	position: fixed;
	right: 0;
	box-sizing: border-box;
	width: 99%;
	margin: 0 .5% .5% .5%;
	padding: .5em 1% .5em 1%;	
	bottom: 0;
	background-color: lightgray;
}
.footer_area p{
	font-size: 1.2vw;
	line-height: 1.6em;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-align: center;
}



.header_area{
	position: fixed;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	z-index: 999999;
	background-color: white;
	text-align: center;
}

.header_area .logo{
	box-sizing: border-box;
	margin: 0;
	padding: 1em 0 1em 0;
}
.header_area .logo img{
	width: 15%;
}
.header_area .menu{
	position: absolute;
	width: 100%;
	bottom:10px;
	left: 50px;	
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}
.header_area .menu ul{
	display: inline;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.header_area .menu li{
	display: inline;
	box-sizing: border-box;
	margin: 0;
	padding: 0 .5em 0 0;
	font-size:1.3vw;
}


.logo_area{
	background-size: cover;
	background-position: center center;
	position: relative;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 100%;
    height: 85vh;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.logo_area .logo img{
	width: 30vw;	
}


.contents_area{
	box-sizing: border-box;
	padding: 0 5% 0 5%;
	margin: 8em 0 0 0;
	width: 100%;
}
.ma_reset1{
	padding-top: 15px;
}

.contents_area img{
	width: 100%;
	height: auto;
}
.contents_area .p90 img{
	width:90%;
	height: auto;
}
.contents_area .p80 img{
	width:80%;
	height: auto;
}
.contents_area .p70 img{
	width:70%;
	height: auto;
}
.contents_area .p60 img{
	width:60%;
	height: auto;
}
.contents_area .p50 img{
	width:50%;
	height: auto;
}
.contents_area .p40 img{
	width:40%;
	height: auto;
}
.contents_area .p30 img{
	width:30%;
	height: auto;
}
.contents_area .p20 img{
	width:20%;
	height: auto;
}
.contents_area .p10 img{
	width:10%;
	height: auto;
}

.contents_area h2{
	font-size:3.6vw;
	line-height: 1em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	padding-bottom: .5em;
	font-family: "I-OTFゴシックオールドPro D";
	color: #541f82;
}

.contents_area p{
	font-size:1.3vw;
	line-height: 1.6em;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	/*padding-left: 1em;*/
}

.contents_area p.s1{
	font-size: 2.6vw;
	line-height: 1.6em;
	box-sizing: border-box;
	margin: 0;
	padding: 1em 0 0 0;
	font-family: "I-OTFゴシックオールドPro D";
	text-decoration: underline;
}

.contents_area p.p1{
	font-size:1.3vw;
	line-height: 1.6em;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	padding-bottom: 5em;
}

.contents_area .p3{
	font-size:1.3vw;
	line-height: 1.6em;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	padding-left: 1em;
}

.contents_area h3,
.contents_area p.p2{
	font-size:1.3vw;
	line-height: 1.6em;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	padding-top: 3em;
	padding-bottom: .5em;
}

.contents_area a{
	color: navy;
}
.contents_area a:hover{
	text-decoration: underline;
}

.contents_area .logo{
	box-sizing: border-box;
	margin: 2em auto 2em auto;
	width: 20%;
	border: 0px solid black
}
.contents_area .fb{
	box-sizing: border-box;
	margin: 1em auto 1em auto;
	padding: 1em 0 1em 0;
	width: 5%;
	border: 0px solid black
}
p.copyright{
	font-size: 1.2vw;
	line-height: 1em;
	box-sizing: border-box;
	margin: 0;
	padding: 3em 0 2em 0;
	text-align: center;
}





.contents_area2{
	box-sizing: border-box;
	padding: 25px 10% 25px 10%;
	margin: 0;
	width: 100%;
	background-color: #e1d3e6;
	
}

.contents_area2 h2{
	font-size:4vw;
	line-height: 1em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	padding-bottom: .5em;
	font-family: "I-OTFゴシックオールドPro D";
	color: #541f82;
}

.contents_area2 h3{
	font-size: 4.2vw;
	line-height: 1em;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	padding-bottom: .5em;
	font-family: "I-OTFゴシックオールドPro D";
	color: #541f82;
}

.contents_area2 p{
	font-size:1.3vw;
	line-height: 1.6em;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	padding-bottom: 0em;
}




#area_box_flex{
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row; 
	flex-wrap: wrap; 
	box-sizing: border-box;	
	width: 100%;
	border: 0px solid green
}
#area_box_flex .area_box{
	width: 50%;/* 100% */
	height: 30vw;
	position: relative;
	box-sizing: border-box;	
	padding: 0 0 2em 0;
	margin: 0;
	margin-bottom: 2em;
	border: 0px solid red
}

#area_box_flex .area_box:nth-of-type(2n+1){
	padding: 0 2em 2em 0;
	border: 0px solid red
}
#area_box_flex .area_box:nth-of-type(2n){
	padding: 0 0 2em 2em;
	border: 0px solid green
}
.area_box h3{
	font-size: 2vw;
}



.table{
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row; 
	flex-wrap: wrap; 
	box-sizing: border-box;
	align-items: flex-start;
	width: 100%;
}

.table1{
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 0 0;
	width: 48%;
	height: 20vw;
	background-size: cover;background-repeat: no-repeat;background-position: center center;
}
.table2{
	box-sizing: border-box;
	margin: 0;
	padding: 0 0 0 10px;
	width: 52%
}

.table p{
	font-size:1.3vw;
	line-height: 1.2em;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.more{
	text-decoration: underline;
	text-align: right;
	box-sizing: border-box;
	margin: 0;
	padding: 5px 0 0 0;
}
.img_b{
	position: relative;
	box-sizing: border-box;
	margin: 0px auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	height: 100vh;
	width: 100%;
}



/* drawer
--------------------------- */
.drawer-menu{
	font-family: "I-OTFゴシックオールドPro M";
	font-size:.16rem;
	text-align: left;
	font-style: italic;
	font-family: "I-OTFゴシックオールドPro M"\9; /* IE10以下 */
}
.drawer--left .drawer-hamburger{
	position:fixed;
	left: 12px;
	top: 58px;
	
}
.drawer--left.drawer-open .drawer-hamburger{
	position:fixed;
	left: 12px;
	top: 26px;
	
}
.drawer-hamburger{
	top:0em;
}
.drawer-nav{
	color:#FFFFFF;
	background-color:#0e1113;
}
.drawer-menu{
	margin:0;
	padding:100px 0 0 50px;
	list-style:none
}
.drawer-menu li{
	padding:0px 0 1.5em 0;
	font-size:.13rem;
}
.drawer-menu li a{
	color: #FFFFFF;
	font-size:.13rem;
}
.drawer-menu li a:hover{
	text-decoration: underline;
}
.drawer-menu li.menu_on a {
	padding-bottom: 4px;
	border-bottom: 1px solid white;/* EBEBEA */
}



/* swiper
--------------------------- */
.swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-container2 {
    width: 100%;
    height: 100%;
    position: relative;
}
.swiper-slide {
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#flex{
	margin: 0;
	padding: 0em 0% 0em 0%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 100%;
	border: 0px solid green;
	align-items: stretch;
}
.hyou_1,
.hyou_2,
.hyou_3,
.hyou_4,
.hyou_5,
.hyou_6,
.hyou_7,
.hyou_8,
.hyou_9,
.hyou_10,
.hyou_11,
.hyou_12,
.hyou{
	box-sizing: border-box;
	margin: .5em 0 0 0!important;
	padding: 0;
	border-top: 0px solid lightgrey !important;
	font-size:1.3vw!important;
	line-height: 1.5em;
}

.hyou_1 .hyou1{
	width:1.5em;
	padding-bottom: 1em;
}
.hyou_1 .hyou2{
	width: calc(100% - 3.5em);
	padding-bottom: 1em;
}
.hyou_2 .hyou1{
	width:2.5em;
	padding-bottom: 1em;
}
.hyou_2 .hyou2{
	width: calc(100% - 4.5em);
	padding-bottom: 1em;
}
.hyou_3 .hyou1{
	width:3.5em;
	padding-bottom: 1em;
}
.hyou_3 .hyou2{
	width: calc(100% - 5.5em);
	padding-bottom: 1em;
}
.hyou_4 .hyou1{
	width:4.5em;
	padding-bottom: 1em;
}
.hyou_4 .hyou2{
	width: calc(100% - 6.5em);
	padding-bottom: 1em;
}
.hyou_5 .hyou1{
	width:5.5em;
	padding-bottom: 1em;
}
.hyou_5 .hyou2{
	width: calc(100% - 7.5em);
	padding-bottom: 1em;
}
.hyou_6 .hyou1{
	width:6.5em;
	padding-bottom: 1em;
}
.hyou_6 .hyou2{
	width: calc(100% - 8.5em);
	padding-bottom: 1em;
}
.hyou_7 .hyou1{
	width:7.5em;
	padding-bottom: 1em;
}
.hyou_7 .hyou2{
	width: calc(100% - 9.5em);
	padding-bottom: 1em;
}
.hyou .hyou1,
.hyou_8 .hyou1{
	width:8.5em;
	padding-bottom: 1em;
}
.hyou .hyou2,
.hyou_8 .hyou2{
	width: calc(100% - 10.5em);
	padding-bottom: 1em;
}
.hyou_9 .hyou1{
	width:9.5em;
	padding-bottom: 1em;
}
.hyou_9 .hyou2{
	width: calc(100% - 11.5em);
	padding-bottom: 1em;
}
.hyou_10 .hyou1{
	width:10.5em;
	padding-bottom: 1em;
}
.hyou_10 .hyou2{
	width: calc(100% - 12.5em);
	padding-bottom: 1em;
}
.hyou_11 .hyou1{
	width:11.5em;
	padding-bottom: 1em;
}
.hyou_11 .hyou2{
	width: calc(100% - 13.5em);
	padding-bottom: 1em;
}
.hyou_12 .hyou1{
	width:12.5em;
	padding-bottom: 1em;
}
.hyou_12 .hyou2{
	width: calc(100% - 14.5em);
	padding-bottom: 1em;
}

.colon2,
.colon{
	box-sizing: border-box;
	margin: 0;
	padding: 0 1em 0 .5em;
	width: fit-content;
	text-align: center;
	border: 0px solid green;
	font-size: 1em;
}