@charset "utf-8";
/* CSS Document */

html{font-size: 62.5%;}

body {
  font-family: "Yu Mincho", "YuMincho", serif;
	color: #313131;
	font-weight: bold;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

img{
  font-size: 0;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

a{
	text-decoration: none;
	color: #313131;
}

ul{list-style: none;}

#wrap{
	width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}

header{
	width: 900px;
	height: 375px;
	background: url(../images/page_header_back.jpg) no-repeat;
	position: relative;
}

#subTtl{
	position: absolute;
	right: 220px;
	top: 190px;
}

#subTtl p{
	font-size: 13px;
	color: #df5e36;
	line-height: 16px;
}

#headerName{
	position: absolute;
	right: 80px;
	top: 290px;
}

#headerName p{
	font-size: 15px;
	letter-spacing: 0.1em;
}

nav{margin-bottom: 60px;}
	
nav ul{
	display: flex;
	justify-content: space-between;
}

#h2Box{
	display: flex;
	justify-content: center;
	text-align: center;
	margin-bottom: 60px;
}

#contents{margin-bottom: 80px;}

h2{
	font-size: 30px;
	line-height: 40px;
	background: url(../images/h2_bottom.png) no-repeat bottom;
	width: 170px;
}

#contentsInner{
	width: 850px;
	margin: 0 auto;
}

/* work page css */

#workLeadText{
	font-size: 28px;
	line-height: 46px;
	margin-bottom: 40px;
}

#workText{margin-bottom: 100px;}

#workText p{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 40px;
	text-align: justify;
  text-justify: inter-ideograph;
}

#aboutTtl{
	font-size: 22px;
	margin-bottom: 40px;
	color: #df5c34;
}

#aboutTtl::before{
	content: '●';
	color: #df5c34;
	margin-right: 5px;
}

#aboutText{
	font-size: 18px;
	line-height: 24px;
	text-align: justify;
  text-justify: inter-ideograph;
}

/* cast page css */

.castL{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}

.castLImg{width: 190px;}

.castLRight{width: 640px;}

.castLName{
	font-size: 28px;
	background: url(../images/cast_name_border.png) no-repeat bottom;
	line-height: 36px;
	margin-bottom: 20px;
}

.castLName span{font-size: 20px;}

.castLText{
	font-size: 20px;
	line-height: 28px;
	text-align: justify;
  text-justify: inter-ideograph;
}

#castS{
	display: flex;
	justify-content: space-between;
}

.castSBox{
	width: 145px;
	border-bottom: 2px solid #df5c34;
	text-align: center;
}

.castSBox img:nth-child(1){margin-bottom: 10px;}

.castSBox p:nth-child(2){
	font-size: 20px;
	margin-bottom: 5px
}

.castSBox p:nth-child(3){
	font-size: 15px;
	margin-bottom: 5px;
}

/* staff page css */

.staffBox{margin-bottom: 80px;}

.staffBoxName{
	font-size: 28px;
	line-height: 40px;
	background: url(../images/staff_name_border.png) no-repeat bottom;
	margin-bottom: 20px;
}

.staffBoxName span{font-size: 20px;}

.staffBoxText{
	font-size: 18px;
	line-height: 28px;
	text-align: justify;
  text-justify: inter-ideograph;
}

#staffTable tr td{
	font-size: 18px;
	padding: 10px 0;
}

#staffTable tr td:first-child{
	text-align: right;
	width: 400px;
}

#staffTable tr td:nth-child(2){
	width: 50px;
	text-align: center;
}

#staffTAble tr td:nth-child(3){
	width: 400px;
	text-align: left;
}

/* schedule page css */

.scheduleBox{margin-bottom: 80px;}

.scheduleTtl{
	font-size: 28px;
	line-height: 40px;
	background: url(../images/schedule_title_border.png) no-repeat bottom;
	margin-bottom: 30px;
}

#day01{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.day01Box{
	display: inline-block;
	width: 103px;
	text-align: center;
	font-family: "Yu Gothic";
}

.day01BoxTop{
	font-size: 15px;
	line-height: 30px;
	width: 103px;
	height: 30px;
	background: #f9ca84;
	margin-bottom: 2px;
}

.day01BoxBottom{
	font-size: 18px;
	line-height: 40px;
	width: 103px;
	height: 40px;
	background: #eeeeee;
}

.day01BoxBottom span{font-size: 13px;}

.blue{color: #0606b5;}

.red{color: #df3825;}

#afterTolk{
	width: 850px;
	text-align: right;
	font-size: 15px;
	font-family: "Yu Gothic";
	margin-bottom: 20px;
}

.scheduleTable tr td:first-child{
	width: 140px;
	padding-right: 20px;
	text-align: right;
	font-size: 18px;
	line-height: 36px;
	color: #e16742;
	padding-bottom: 20px;
}

.scheduleTable tr td:last-child{
	width: 690px;
	font-size: 18px;
	line-height: 36px;
	padding-bottom: 20px;
}

.scheduleTable tr td a{text-decoration: underline;}

.icon{
	padding-left: 24px;
	background: url(../images/schedule_icon01.png) no-repeat;
	background-position: left center;
}

#day02{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.day02Box{
	display: inline-block;
	width: 93px;
	text-align: center;
	font-family: "Yu Gothic";
}

.day02BoxTop{
	font-size: 15px;
	line-height: 30px;
	width: 93px;
	height: 30px;
	background: #f9ca84;
	margin-bottom: 2px;
}

.day02BoxBottom{
	font-size: 18px;
	line-height: 40px;
	width: 93px;
	height: 40px;
	background: #eeeeee;
}

.scheduleSmall{
	font-size: 14px;
	line-height: 22px;
}

.ticketBottom{padding-bottom: 30px;}

.fontYugo{font-family: "Yu Gothic";}

.scheduleBoxS{margin-bottom: 50px;}

.scheduleTtlS{
	font-size: 24px;
	margin-bottom: 20px;
}

.scheduleTtlS::before{
	content: '●';
	color: #cf5630;
	margin-right: 4px;
}

.scheduleTableS tr td:first-child{
	width: 100px;
	padding-right: 20px;
	color: #e57d5d;
	font-size: 18px;
	padding-bottom: 10px;
	text-align: right;
}

.scheduleTableS tr td:last-child{
	width: 730px;
	font-size: 18px;
	padding-bottom: 10px;
}

.scheduleTableS a{text-decoration: underline;}

/* relation page css */

.relationBox01{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.relationBox01Left{width: 395px;}

.relationBox01Left p:first-child{
	font-size: 42px;
	line-height: 54px;
	margin-bottom: 30px;
	font-family: "Yu Gothic";
}

.relationBox01Left p:last-child{
	font-size: 17px;
	line-height: 32px;
	text-align: justify;
  text-justify: inter-ideograph;
	font-family: "Yu Gothic";
}

.nameL{font-size: 26px;}

.relationBoxRight{width: 425px;}

.relationBox02{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}

.relationBox02S{
	padding: 20px;
	width: 366px;
	height: 420px;
	border: 1px solid #313131;
	border-radius: 10px;
}

.relationBox02Ttl{
	width: 326px;
	height: 79px;
	font-size: 22px;
	line-height: 30px;
	padding-left: 40px;
	font-family: "Yu Gothic";
	background: url(../images/relation_title_back.png);
	margin-bottom: 20px;
}

.relationTtlL{
	font-size: 36px;
	line-height: 42px;
}

.relationTtlM{
	font-size: 28px;
	line-height: 42px;
}

.relationBox02Text{
	font-size: 18px;
	line-height: 28px;
	text-align: justify;
  text-justify: inter-ideograph;
	margin-bottom: 20px;
}

.relationBox02Day{
	font-size: 18px;
	line-height: 24px;
	font-family: "Yu Gothic";
	margin-bottom: 10px;
}

.relationBox02Info{
	font-size: 15px;
	line-height: 24px;
	font-family: "Yu Gothic";
}

#relationTable tr td:first-child{
	font-size: 18px;
	line-height: 36px;
	color: #e57d5d;
	width: 120px;
	padding-right: 20px;
	text-align: right;
}

#relationTable tr td:last-child{
	font-size: 18px;
	line-height: 36px;
}

#relationTable tr td a{text-decoration: underline;}

.relationTableS{font-size: 14px;}

#footerInner{
	width: 850px;
	height: 330px;
	padding: 80px 25px 0 25px;
	background: url(../images/index_footer_back.jpg) no-repeat;
	position: relative;
}
	
.footerBox{margin-bottom: 30px;}
	
.footerBox:nth-child(3){margin-bottom: 0;}
	
.footerBox p{
	font-size: 14px;
	line-height: 20px;
	font-family: "Yu Gothic", YuGothic,sans-serif;
}
	
.footerBox p a{text-decoration: underline;}
	
.footerBox p span{
	font-size: 12px;
	line-height: 16px;
}
	
h4{
	font-size: 18px;
	line-height: 28px;
}
	
#icon01{
	display: flex;
	align-items: center;
}
	
#icon01::before{
	content: url(../images/icon01.png);
	margin-right: 5px;
}
	
#icon02{
	display: flex;
	align-items: center;
}
	
#icon02::before{
	content: url(../images/icon02.png);
	margin-right: 5px;
}
	
.footerLogo{
	position: absolute;
	bottom: 30px;
	right: 25px;
}
	
#copyright{
	width: 900px;
	height: 50px;
	background: url(../images/copyright_back.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
	
#copyright small{
	color: #ffffff;
	font-size: 12px;
}