@charset "UTF-8";

/* INTERFACE */

body>header{
	border-top:9px solid #1e3d91;
}

body>header>div{
	max-width:1400px;
	height:90px;
	margin:0 auto;
	text-align:center;
	position:relative;
}

body>header>div>a.logo img{
	width:100px;
	vertical-align:bottom;
}

body>header.home>div{
	height:95px;
}

body>header.home>div>a.logo img{
	width:auto;
	height:105px;
}

body>header>div>a.btn_book03{
	position:absolute;
	top:20px;
	right:20px;
}

body>header nav{
	display:none;
	width:100%;
	background-color:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

body>header nav ul{
	width:70%;
	margin:0 auto;
	padding:20px 0;
	list-style-type:none;
}

body>header nav ul li{
	padding:15px 0;
	border-bottom:1px solid #fff;
}

body>header nav ul li:last-child{
	border-bottom:none;
}

body>header nav ul li a:link,
body>header nav ul li a:visited{
	color:#fff;
}

body>header nav ul li a:hover,
body>header nav ul li a:active{
	color:#ea5520;
}

#nav_sp{
	display:block;
	width:25px;
	height:20px;
	position:absolute;
	top:30px;
	left:20px;
	cursor:pointer;
	z-index:11;
}

#nav_sp span{
	display:block;
	margin:7px 0 7px;
	border-top:2px solid #000;
}

#nav_sp.open span:first-of-type{
	margin:7px 0 0;
	transform:rotate(45deg);
	transition-duration:0.5s;
	border-top:2px solid #fff;
}

#nav_sp.open span:last-of-type{
	margin:-1px 0 0;
	transform:rotate(-45deg);
	transition-duration:0.5s;
	border-top:2px solid #fff;
}

#nav_sp.close span:first-of-type{
	transition-duration:0.5s;
}

#nav_sp.close span:last-of-type{
	transition-duration:0.5s;
}

body>footer{
	padding:40px 20px;
	background-color:#f39800;
	border-top:12px solid #ea5520;
	text-align:center;
}

body>footer.home{
	margin:150px 0 0;
}

body>footer>img,
body>footer>a img{
	width:90px;
	margin:0 0 20px;
}

body>footer>small{
	font-family:Verdana,sans-serif;
	font-size:10px;
	color:#fff;
}

body>footer>div{
	margin:20px 0;
}

body>footer>div p{
	margin:0;
	padding:0 0 0 4em;
	text-indent:-4em;
	text-align:left;
	font-size:14px;
	color:#fff;
}

#home_key_area{
	
}

#home_key_area h1{
	margin:0;
}

#home_key_area h1 img{
	width:100%;
	vertical-align:bottom;
}

#home_key_area>div{
	padding:25px 20px;
	background-color:#ea5520;
	text-align:center;
}

#home_key_area>div a.btn_book{
	display:table;
	margin:20px auto 0;
}

#home_key_area>div>img{
	max-width:650px;
	width:100%;
	vertical-align:bottom;
}

#home_key_area>div>p{
	margin:10px 0 0;
	text-align:left;
	font-size:14px;
	color:#fff;
}

#home_key_area>div>p em{
	font-style:normal;
	font-size:14px;
	border-bottom:1px solid #fff;
}

#home_key_area>img{
	width:100%;
	vertical-align:bottom;
}

#home_contents_area{
	max-width:800px;
	margin:0 auto;
	padding:0 20px;
	text-align:center;
}

#home_contents_area section{
	margin:0 0 80px;
}

#home_contents_area section>a{
	margin:30px 0 0;
}

#home_contents_area section h2{
	max-width:280px;
	width:90%;
	height:30px;
	margin:0 auto 30px;
	padding:10px;
	font-size:22px;
	font-weight:400;
	line-height:1em;
	color:#fff;
	clip-path: polygon(0% 100%, 5% 0%, 95% 0%, 100% 100%);
}

#home_contents_area section h2.yellow{
	background-color:#f39800;
}

#home_contents_area section h2.green{
	background-color:#1e3d91;
}

#home_contents_area section h2.brown{
	background-color:#806f35;
}

#home_contents_area section h2.orange{
	background-color:#ea5520;
}

#home_main{
	background-color:#fae6be;
	margin:0 0 60px;
	padding:40px 20px;
}

#home_main>div{
	max-width:800px;
	margin:0 auto;
	text-align:center;
}

#home_main>div>a{
	margin:15px 0 0;
}

#home_main ul{
	margin:0 0 40px;
	padding:0;
	text-align:left;
	font-size:18px;
	font-weight:500;
	font-style:italic;
	list-style-type:none;
}

#home_main ul li{
	margin:0 0 20px;
	padding:0 0 0 35px;
	background-image:url("../img/interface/ico_shiro.svg");
	background-repeat:no-repeat;
	background-size:30px auto;
	background-position:left top;
}

#home_main p{
	text-align:justify;
	font-size:15px;
	font-weight:400;
}

table#schedule{
	width:100%;
	border-collapse:collapse;
	text-align:left;
	border-top:1px dotted #f39800;
}

table#schedule th{
	display:block;
	padding:20px 0 10px;
	font-size:18px;
}

table#schedule td{
	display:block;
	padding:0 0 20px;
	font-size:15px;
	border-bottom:1px dotted #f39800;
}

table#schedule td em{
	font-style:normal;
	font-size:15px;
	font-weight:500;
	color:#ea5520;
}

#home_display h3{
	margin:0 0 20px;
	padding:0 0 0 15px;
	text-align:left;
	font-size:18px;
	color:#333;
	border-left:4px solid #806f35;
}

table.schedule{
	width:100%;
	margin:0 0 50px;
	border-collapse:collapse;
	text-align:left;
	border-top:1px dotted #ccc;
}

table.schedule th{
	width:;
	padding:15px 10px 15px 0;
	font-size:16px;
	font-weight:400;
	border-bottom:1px dotted #ccc;
}

table.schedule td{
	padding:15px 0;
	font-size:15px;
	border-bottom:1px dotted #ccc;
}

#home_performer ul{
	display:table;
	margin:0 auto;
	padding:0 0 0 25px;
	text-align:left;
	font-size:15px;
}

#home_performer ul li{
	margin:10px 0;
}

#home_access p{
	margin:0 0 30px;
	font-size:18px;
}

#map{
	width:100%;
	height:0;
	padding:80% 0 0;
	position:relative;
}

#map iframe{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

#home_sns>div{
	max-width:500px;
	margin:0 auto 30px;
}

#home_sns iframe{
	width:100%;
}

#sub{
	padding:50px 20px 0;
	background-image:url("../img/interface/bg.jpg");
	background-repeat:repeat;
	background-size:770px auto;
	background-position:top center;
	background-attachment:fixed;
}

#sub>div{
	margin:0 auto;
	padding:30px 20px 0;
	background-color:#fff;
	border-top:4px solid #000;
}

#sub>h1{
	max-width:1080px;
	margin:0 auto 20px;
	text-align:center;
	font-size:17px;
	font-weight:300;
	line-height:1;
}

#sub>h1 span{
	display:block;
	font-family: 'Libre Baskerville', serif;
	font-size:50px;
	line-height:1;
}

#event_area section{
	margin:0 0 50px;
	padding:0 0 50px;
	text-align:center;
	border-bottom:1px solid #000;
}

#event_area section:last-of-type{
	border-bottom:none;
	margin:0;
	padding:0 0 100px;
}

#event_area section .bottom{
	margin:30px 0 0;
}

#event_area section h3{
	margin:20px 0 10px;
	text-align:left;
	font-size:18px;
}

#event_area section a.btn_book02{
	display:block;
	margin:20px 0 0;
	text-align:left;
	font-size:15px;
}

#event_area section a.btn_more{
	display:table;
	margin:15px auto 0;
	font-size:14px;
}

#event_area h2{
	margin:0;
	text-align:left;
	font-size:20px;
	line-height:1.2;
}

#event_area h2 img{
	width:100%;
	vertical-align:bottom;
}

#event_area section p{
	margin:15px 0 0;
	text-align:justify;
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
}

#event_detail_area{
	padding:0 0 100px;
}

#event_detail_area #benefits{
	padding:30px 20px;
	border:2px solid #9d001a;
	border-radius:8px;
}

#event_detail_area #benefits h2{
	margin:0 0 20px;
	font-size:20px;
	line-height:1.2em;
	color:#9d001a;
}

#event_detail_area #benefits h3{
	margin:20px 0 10px;
	font-size:17px;
	line-height:1.2em;
	color:#ea5520;
}

#event_detail_area #benefits p{
	text-align:justify;
	font-size:14px;
}

#event_detail_area #benefits ul{
	margin:0;
	padding:0 0 0 25px;
	font-size:14px;
}

#event_detail_area #benefits #gallerytalk{
	width:100%;
	border-collapse:collapse;
}

#event_detail_area #benefits #gallerytalk th{
	padding:8px 10px;
	text-align:left;
	font-size:14px;
	font-weight:500;
	border-bottom:1px solid #ddd;
	white-space:nowrap;
}

#event_detail_area #benefits #gallerytalk th.date{
	background-color:#f39800;
	font-weight:700;
	color:#fff;
	border-bottom:none;
}

#event_detail_area #benefits #gallerytalk td{
	padding:8px 0;
	text-align:left;
	font-size:13px;
	border-bottom:1px solid #ddd;
}

#event_detail_area section p.lead{
	margin:0 0 20px;
	text-align:justify;
	font-size:16px;
	font-weight:300;
	line-height:1.6em;
}

#event_detail_area section p.lead em{
	font-style:normal;
	font-weight:400;
}

#event_detail_area section h2{
	margin:30px 0 10px;
}

#event_detail_area section h2 span{
	display:table;
	margin:0 auto;
	padding:10px 30px;
	text-align:center;
	font-size:20px;
	font-weight:500;
	line-height:1em;
	color:#fff;
	clip-path: polygon(0% 100%, 5% 0%, 95% 0%, 100% 100%);
}

#event_detail_area section h2.green{
	border-bottom:2px solid #009d85;
}

#event_detail_area section h2.green span{
	background-color:#009d85;
}

#event_detail_area section h2.orange{
	border-bottom:2px solid #ea5520;
}

#event_detail_area section h2.orange span{
	background-color:#ea5520;
}

#event_detail_area section h2.yellow{
	border-bottom:2px solid #f39800;
}

#event_detail_area section h2.yellow span{
	background-color:#f39800;
}

#event_detail_area section h2.red{
	border-bottom:2px solid #9d001a;
}

#event_detail_area section h2.red span{
	background-color:#9d001a;
}

#event_detail_area section h2.purple{
	border-bottom:2px solid #81009d;
}

#event_detail_area section h2.purple span{
	background-color:#81009d;
}

#event_detail_area section h3{
	margin:40px 0 20px;
	font-size:25px;
	font-weight:400;
}

#event_detail_area section h3 time{
	display:inline-block;
	font-family: 'Libre Bodoni', serif;
	font-style:italic;
	font-size:35px;
}

#event_detail_area section h3 time span{
	display:inline-block;
	margin:0 10px 0 0;
	font-style:normal;
	font-size:20px;
}

#event_detail_area section h3 time span.large{
	font-size:25px;
}

#event_detail_area section h3>span{
	display:block;
	padding:12px 15px;
	font-size:17px;
	font-weight:400;
	line-height:1.2em;
	color:#fff;
	border-left:4px solid #9d001a;
}

#event_detail_area section h3 span span{
	display:block;
	margin:5px 0 0;
	font-size:14px;
	font-weight:400;
	line-height:1.3em;
}

#event_detail_area section h3.workshop>span{
	background-color:#ea5520;
	border-left:4px solid #f39800;
}

#event_detail_area section h3.tours>span{
	background-color:#9d001a;
	border-left:4px solid #f39800;
}

#event_detail_area section p.price{
	margin:5px 0 30px;
	font-size:15px;
	font-weight:300;
}

#event_detail_area section div.performer{
	margin:0 0 50px;
}

#event_detail_area section div.performer>div{
	overflow:hidden;
	padding:25px 0;
	border-bottom:1px dotted #000;
}

#event_detail_area section div.performer.sengoku>div{
	padding:0 0 30px;
	border-bottom:none;
}

#event_detail_area section div.performer>div>img{
	width:100%;
	vertical-align:bottom;
	margin:0 0 10px;
}

#event_detail_area section div.performer>div>div{
	
}

#event_detail_area section div.performer div h4{
	margin:0;
	font-size:20px;
	font-weight:500;
}

#event_detail_area section div.performer div h4 span{
	display:block;
	font-size:14px;
	font-weight:300;
}

#event_detail_area section div.performer div p{
	text-align:justify;
	font-size:14px;
	font-weight:300;
	line-height:1.5em;
}

#event_detail_area section div.performer>p{
	margin:0 10px 30px;
	text-align:justify;
	font-size:15px;
	font-weight:300;
	line-height:1.5em;
}

#event_detail_area section div.performer p.course{
	margin:0 0 20px;
	padding:10px;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}

#event_detail_area section div.performer div p.perform{
	font-size:14px;
	font-weight:400;
}

#event_detail_area section div.performer div p.perform a.green{
	color:#009d85;
}

#event_detail_area section div.performer div p.perform a.orange{
	color:#ea5520;
}

#event_detail_area section div.performer div p.perform a.yellow{
	color:#f39800;
}

#event_detail_area section div.performer div p.perform a.red{
	color:#9d001a;
}

#event_detail_area section div.performer div p.perform a:hover{
	text-decoration:underline;
}

#event_detail_area section img.f_left{
	width:100%;
}

#event_detail_area a.btn_book02{
	display:block;
	margin:0 0 50px;
	padding:20px 25px 22px;
	text-align:center;
	font-size:16px;
}

#event_detail_area a.btn_more{
	display:table;
	margin:0 auto;
}

#message_area section{
	padding:0 0 80px;
}

#message_area section h2{
	max-width:250px;
	height:30px;
	margin:0 auto 30px;
	padding:10px;
	text-align:center;
	font-size:22px;
	font-weight:400;
	line-height:1em;
	color:#fff;
	background-color:#1e3d91;
	clip-path: polygon(0% 100%, 5% 0%, 95% 0%, 100% 100%);
}

#message_area section p{
	margin:30px 0 0;
	text-align:justify;
	font-size:15px;
	font-weight:300;
	line-height:1.6em;
}

#message_area section p.sign{
	text-align:right;
	font-size:14px;
}