@charset"utf-8";

@import url("common.css");

/*NEXT START*/

#content{
	padding-bottom:180px;
}

h2{
	width:100%;
	margin-bottom:45px;
	font-size:18px;
	font-weight:700;
}

img#flyer{
	position:relative;
	z-index:-1;
	width:min(540px,100%);
	filter: drop-shadow(4px 5px 3px rgba(0,0,0,0.4));
	margin-bottom:120px;
}

#title{
	font-size:21px;
	margin-bottom:27px;
}

#title #sub{
	font-size:16px;
}

#info{
	display:inline-block;
	margin:0 auto;
	margin-bottom:120px;
	text-align:left;
}

#info dt{
	float:left;
	font-size:14px;
	line-height:30px;
	vertical-align:middle;
}

#info dd{
	margin-left:72px;
	font-size:18px;
	font-weight:700;
	line-height:30px;
}

#info dd span.small{
	font-size:14px;
	font-weight:400;
}

#introduction{
	width:90%;
	margin:0 auto;
	padding:15px;
	box-sizing: border-box;
	background-color:#f1f1f1;
	margin-bottom:120px;
}

#introduction h3{
	font-size:21px;
	margin-bottom:15px;
}

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

.card{
	width:90%;
	margin:0 auto;
	margin-bottom:60px;
}

.card h3{
	font-size:16px;
	font-weight:700;
	width:100%;
	color:white;
	background-color:#ff3300;
	border-radius:999px;
	margin-bottom:27px;
}

.card p{
	text-align:center;
	margin-bottom:18px;
	font-size:16px;
}

#schedule #timetable{
	font-size:18px;
	font-weight:700;
}

#theater #name{
	font-size:21px;
	font-weight:700;
}

#theater #address{
	display:inline-block;
	text-align:justify;
}

#theater #googlemap{
	text-decoration:underline;
}

#price p{
	font-size:18px;
	font-weight:700;
}

#ticket{
	margin-bottom:120px;
}

.yoyaku_btn{
	display:block;
	width:240px;
	height:45px;
	border-radius:999px;
	margin:0 auto;
	font-size:16px;
	font-weight:700;
	color:white;
	background-color: #33c466;
	box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5)
}

#kanagawa{
	width:90%;
	margin:0 auto;
	padding:21px;
	border:#33c466 2px solid;
	border-radius:12px;
	margin-bottom:90px;
	box-sizing:border-box;
}

#kanagawa h3{
	font-size:16px;
	margin-bottom:27px;
}

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

#kanagawa p a{
	text-decoration:underline;
}

#credit{
	margin:0 auto;
	margin-bottom:90px;
}

#credit dl{
	display:inline-block;
	max-width:90%;
	margin:0 auto;
	margin-bottom:42px;
	text-align:left;
}

#credit dl dt{
	font-size:14px;
	margin-bottom:3px;
}

#credit dl dd{
	font-size:16px;
	font-weight:700;
	margin-bottom:9px;
	padding-left:12px;
}

#credit dl dd.bottom-space{
	margin-bottom:42px;
}

#credit dl dd span.small{
	font-size:13px;
	font-weight:400;
}

#credit p{
	width:90%;
	margin:0 auto;
	margin-bottom:18px;
	font-size:14px;
}

#credit #arts-logo{
	width:min(360px, 90%);
}

#otoiawase p#mail{
	font-size:16px;
	font-weight:700;
	width:100%;
}

/*NEXT END*/