@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+P+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+French+Canon+SC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
	letter-spacing: 0.05em;

}
html,body {
	font-size: 62.5%;
	overflow-x: hidden;


}

summary {
  display: block;
}

/* Chrome、Safari */
summary::-webkit-details-marker {
  display: none;
}
body, table, input, textarea, select, option {
	font-family:'Mochiy Pop P One','Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 500;
	 -webkit-font-smoothing: subpixel-antialiased;
	 color: #1E1E1E;
	 font-family:'IM Fell French Canon SC','Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
.robot{
	    font-weight: 500;
			letter-spacing: 0.14em;
			font-family:'IM Fell French Canon SC','Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
	 border-radius: 0;
  }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
    height: auto;
		backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}
p{
	line-height: 1.8;
}
a,
a:link {
	color: #1E1E1E;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.08em;
	font-family:'IM Fell French Canon SC','Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-size: 18px;
	font-feature-settings: "smcp";
	letter-spacing: -0.0em;

}
a:visited {
	color: #1E1E1E;
}
a:hover {
	color: #1E1E1E;
	cursor: pointer;
}
a:active {
	color: #1E1E1E;
}

#cover{
	z-index: 2000;
	position: fixed;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	background-color: #FFF;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
body{
	position: relative;
	background-color: #F3F2ED;
}
@media all and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 768px) {
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
/*------------------調整クラス-----------------*/
h3{
	font-weight: 500;
}
.w1{
  width:1136px;
}
.w2{
  width:900px;
}
.w3{
  width:720px !important;
}
.w4{
  width:450px !important;
}
.w5{
  width:790px !important;
}
.container{
	margin: auto;
  position: relative;
  width:1136px;
}
.g_g{
	color: #9E9E9E;
}

.pdf{
	font-size: 1.6rem !important;
	color: #E56161 !important;
	text-align: left;
	display: inline-block;
}
.pdf u{
	text-decoration: underline !important;
	margin-right: 10px;
	vertical-align: super;
}

 .about .pdf u{
	text-decoration: underline !important;
	margin-right: 10px;
	vertical-align: sub;
}
.wrapper{
	padding:65px 150px 290px 268px;
	position: relative;
	text-align: center;
	box-sizing: border-box;
}
#about_item.wrapper{
	padding:65px 150px 180px;
	position: relative;
	text-align: center;
	box-sizing: border-box;
}
.w100{
  width:100%;
}
@media screen and (max-width: 768px) {


}
.btn_box{
	text-align: center;
}
a{
	transition: .3s;
}
a:hover{

}

.color1{
	color: #E56161 !important;
}
.color2{
	color:#2A2A2A !important
}
.color3{
	color:#0077B5 !important
}

.btn1_1{
	font-size: 2rem;
	padding: 30px 0px 29px !important;
	background: #E56161;
	border-radius: 4px;
	border: 1px solid #E56161 !important;
	color:#FFF !important;
	display: inline-block;
	width: 400px !important;
	transition: .3s;
}
.btn1_1:hover{
	background:#FFF;
	color:#E585A5 !important;
	opacity: 1 !important;
}
.btn1{
	font-size: 1.5rem;
	padding: 20px 70px !important;
	background: #E56161;
	line-height: 1;
	border: 1px solid #E56161 !important;
	color:#FFF !important;
	display: inline-block;
	transition: .3s;
	cursor: pointer;
}
.btn1:hover{
	background:#FFF;
	color:#E585A5 !important;
	opacity: 1 !important;
}

.btn2{
	font-size: 1.5rem;
	padding: 20px 70px !important;
	background: #FFF;
	border: 1px solid #E56161;
	line-height: 1;
	color:#E585A5 !important;
	display: inline-block;
}
.btn2:hover{
	background:#E585A5;
	color:#FFF !important;
	opacity: 1 !important;
}
.btn3{
	font-size: 1.5rem;
	padding: 20px 70px !important;
	background: #FFF;
	border: 1px solid #E56161;
	color:#E585A5 !important;
	display: inline-block;
	box-sizing: border-box;
}
.btn3:hover{
	background:#E585A5;
	color:#FFF !important;
	opacity: 1 !important;
}


@media screen and (max-width: 1078px) {

	#detail_header{
		display: none;
	}
	.wrapper {
	    padding: 65px 35px 90px;
		}
#exhibition_item .padding_top_80.sp img{
	width: 51px;
	margin-right: 4px;
}
#exhibition_item{
	padding: 65px 35px 90px !important;
}

}
/*------------------header------------------*/
.opacity5{
	opacity: 0.5;
	pointer-events: none;
	cursor: default !important;
}
#top_header nav ul li details a,
#top_header nav ul li details span{
	padding-bottom: 3px;
	display: inline-block;
}
#top_header nav ul li details a,
#top_header nav ul li details span,
#top_header nav ul li a{
	border-bottom: 1px solid #F3F2ED;
	transition: .3s;

}
#top_header nav ul li details a:hover,
#top_header nav ul li details span:hover,
#top_header nav ul li a:hover{
	border-bottom: 1px solid #1A1A1A;
}


#top_header nav ul li details a,
#top_header nav ul li details span{
	padding-bottom: 3px;
	display: inline-block;
}
#detail_header nav ul li details a,
#detail_header nav ul li details summary,
#detail_header nav ul li a{
	border-bottom: 1px solid #F3F2ED;
	transition: .3s;
	padding-bottom: 2px;

}
#detail_header nav ul li details a:hover,
#detail_header nav ul li details summary:hover,
#detail_header nav ul li a:hover{
	border-bottom: 1px solid #1A1A1A;
}
#detail_header nav ul li a:nth-child(4){
	border-bottom: none !important;
}

#look_header nav ul li a b t{
	border-bottom: 1px solid #F3F2ED;
	transition: .3s;
	white-space: nowrap;
}
#look_header nav ul li a:hover b t{
border-bottom: 1px solid #1A1A1A;
}



#detail_header{
	position: fixed;
	z-index: 1001;
	top:65px;
	left: 35px;
	text-align: left;
}
#detail_header nav{
}
#detail_header nav ul{
}
#detail_header nav ul li{
	padding: 0 0 38px;
}
#detail_header nav ul li:nth-of-type(5){
	padding: 0 0 45px;
}

#detail_header nav ul li a{
	line-height: 0;
}


#top_header{
text-align: center;
}
#top_header nav{
	width: 340px;
	margin: 0 auto;

}
#top_header nav ul{
	padding-top: 220px;
}
/*
@media screen and (min-height: 870px) {
	#top_header{
		width: 100%;
		min-height: 100vh;
		position: relative;
	}
	#top_header nav{
		position: absolute;
		top:50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}*/

#top_header nav ul li{
	border-top: 1px solid #1E1E1E;
	padding: 80px 0 78px;
}

@media screen and (max-width: 768px) {

	nav h1 .margin_r_5{
		 width: 51px !important;
	}
	.sp_w_66 img{
		width: 51px !important;
	}
	#look_header nav ul li a b{
		    vertical-align: top;
	}
	#look_header nav ul li a b t{
		border-bottom: 1px solid #F3F2ED;
		transition: .3s;
		white-space:pre-wrap;
		font-size: 1.6rem;
    letter-spacing: -0.005em;
    display: inline-block;
    white-space: nowrap;

	}
	#top_header nav{
		width: 230px;
		margin: 0 auto;
	}
	#top_header nav ul{
		padding-top: 180px;
	}
	#top_header nav ul li{
		border-top: 1px solid #1E1E1E;
		padding: 55px 0 50px;
	}
	#top_header{
		width: 100%;
		min-height: 100vh;
		position: relative;
	}
	details .in-details p{
		line-height: 1;

	}
	details .in-details p:last-child{
		padding-top: 20px !important;
	}
	/*@media screen and (min-height: 630px) {
		#top_header nav{
			position: absolute;
			top:50%;
			left: 50%;
			transform: translate(-50%,-50%);
		}
	}*/

}
.no_a{
	pointer-events: none !important;
	opacity: 0.5;
}
.no_a:hover t{
	border-bottom: none !important;
}

#look_header{
text-align: center;
padding-bottom: 160px;
}
#look_header nav{
	width: 360px;
	margin: 0 auto;

}
#look_header nav>ul{
	margin-top: 220px;
	border-top: 1px solid #1E1E1E;
	border-bottom: 1px solid #1E1E1E;
	padding: 63px 0 45px;

}
.scr_m{
	height: 450px;
	overflow-y: scroll;
	overflow-x: visible;
	width: 500px;
	margin-left: -70px;
}

#look_header nav ul li{
		padding: 14px 0 13px;
}
#look_header nav ul li a span{
	width: 1px;
	height: 24px;
	background: #000;
	display: inline-block;
	margin: 0 24px -5px;

}
#look_header nav ul li a b{
	font-weight: 500;
	width: 100px;
	display: inline-block;
}
#look_header nav ul li a b{
	text-align: right;
}
#look_header nav ul li a b:last-child{
	text-align: left;

}
@media screen and (max-width: 768px) {
	.sp_title{
		padding-top: 112px;
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		background:#F3F2ED;
		z-index:100;
		padding-bottom: 50px;
		display: block;
	}
	.sp_title span{
		width: 230px;
		height: 1px;
		background: #1E1E1E;
		margin: auto;
		position: absolute;
		bottom:0;
		left: 50%;
		margin-left: -115px;
		z-index: 10;

	}
	#look_header  nav{

		width: 230px;
		margin: 0 auto;
		margin-top: 200px;
	}
	#look_header  nav>ul{
		margin-top: 52px;
    border-top: none;
    border-bottom: 1px solid #1E1E1E;
    padding: 50px 0 18px;
	}
	.scr_m{
		height: auto;
		overflow-y: visible;
		overflow-x: visible;
		width: 500px;
		margin-left: -132px;
	}
	#look_header  nav ul li{
		padding: 0 0 25px;
		margin-left: -5px;
	}
	#look_header {
		width: 100%;
		min-height: 100vh;
		position: relative;
	}
	#look_header nav ul li a{
		white-space: nowrap;
	}
	#look_header nav ul li a span{
		width: 1px;
		height: 24px;
		background: #000;
		display: inline-block;
		margin: 0 20px -5px;

	}
	#look_header nav ul li a b{
		font-weight: 500;
		width: 100px;
		font-size: 2rem;
		display: inline-block;
	}
	#look_header nav{
			position: static;
			transition: translate(0,0) !important;
		}
	@media screen and (min-height: 630px) {
	#look_header nav{
			position: static;
		}
	}

}
.margin_r_5{
	margin-right: 10px;
}
details {
cursor: pointer;
}

summary {
    outline: none;
}
details .in-details {
	margin-top: 40px;
	padding-left: 10px;
}
#detail_header .in-details {
	margin-top: 27px;
	padding-left: 10px;
}
details .in-details p{
	line-height: 0;
}

details .in-details p{
	line-height: 0;
}

details .in-details p:last-child{
	padding-top: 28px;

}
#detail_header details .in-details p:last-child {
	padding-top: 10px;
}

@media screen and (max-width: 768px) {
	.margin_r_5{
		margin-right: 4px;
	}
details .in-details {
	margin-top: 24px;
	padding-left: 0px;
}
details .in-details p:last-child{
	padding-top: 17px !important;
}
}
#detail_header nav ul li:nth-of-type(5) a{
	border-bottom: none !important;
}