@charset "euc-jp";
/* CSS Document */

body {
margin: 0;
padding: 0;
background-color: #fff;
font-size:16px;
color:#231815;
font-family: "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
font-feature-settings: "palt";
}

p {
margin-bottom:1.5em;
}

a:hover img {
filter:opacity(0.8);
}

.pc {
display:block;
}

.sp {
display:none;
}

span.br {
display: inline-block;
}

span.s80 {
font-size:0.8em;
}

span.s70 {
font-size:0.7em;
}

span.s60 {
font-size:0.7em;
}
 
a.btn-txt {
display: inline-block;
background-color: #231815;
border-radius: 100px;
font-size:16px;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W6","FP-HiraSansOldStdN-W6";
color: #fff;
text-decoration: none;
padding:0.5em 1.5em;
}

a.btn-txt:hover {
opacity: 0.8;
}

/* -------------------------------------------------
index main
-------------------------------------------------*/

#main-wrapper {
width: 100%;
height: 720px;
background-image: url(../images/index_hand1.png),url(../images/index_hand2.png);
background-repeat: no-repeat;
background-position: left top , right bottom;
background-size: auto auto , auto auto;
}

#main-wrapper h1 {
position:absolute;
left:calc(50% - 345px);
top:87px;
width:690px;
}

#main-wrapper h2.copy1 {
position:absolute;
right:50px;
top:50px;
width:66px;
}

#main-wrapper h2.copy2 {
position:absolute;
left:50px;
top:376px;
width:72px;
}

#main-wrapper h3 {
position:absolute;
left:calc(50% - 243px);
top:538px;
width:486px;
}

#main-wrapper h1 img,#main-wrapper h2 img,#main-wrapper h3 img {
width: 100%;
height: auto;
}

/* -------------------------------------------------
index-menu
-------------------------------------------------*/

#index-menu-wrapper {
width:100%;
background-color:#161616;
border-top:solid 5px #b52d7f;
text-align: center;
}

#index-menu {
display: inline-block;
padding: 10px 0;
}

#index-menu li {
display: inline-block;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size:24px;
line-height: 1em;
letter-spacing: 0.2em;
margin:0 20px;
}

#index-menu li a {
display: block;
padding:10px 10px;
color:#fff;
text-decoration: none;
}

#index-menu li a:hover {
color: #b52d7f;
}

#index-menu li:nth-of-type(1) a {
background-image: url("../images/icon_fb.png");
background-repeat: no-repeat;
background-position: left center;
padding-left:60px;
}

/* -------------------------------------------------
index footer
-------------------------------------------------*/

#index-footer {
width:90%;
padding:40px 5%;
text-align: center;
color: #231815;
}

#index-footer h2 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size: 40px;
margin-bottom: 0.3em;
line-height: 1.3em;
}

#index-footer h2 span.br {
margin-right: 0.5em;
}

#index-content h4 {
margin-bottom:60px;
}

#credit {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size:20px;
margin:1.8em 0;
}

/* download */

#index-download {
margin:30px 0; 
}

/* sns */

#index-sns {
text-align: center;
}

#index-sns h5 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
color: #231815;
font-size:28px;
margin:0 0 20px 0;
}

#index-sns li {
display: inline-block;
margin:0 10px;
}

/* contact */

#contact {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W6","FP-HiraSansOldStdN-W6";
font-size: 16px;
margin-top:2em;
letter-spacing: 0.05em;
}


/* -------------------------------------------------
index book
-------------------------------------------------*/

#index-book-wrapper {
width:90%;
padding:30px 5%;
background-color: #eef8ff;
text-align: center;
}

#index-book-wrapper h4 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size: 28px;
margin-bottom: 0.8em;
}

#index-book-wrapper ul li {
display: inline-block;
vertical-align: top;
}

#index-book-wrapper ul li:nth-of-type(1) {
margin-right: 30px;
}

#index-book-wrapper ul li:nth-of-type(1) img {
width: 120px;
height: auto;
}

#index-book-wrapper ul li:nth-of-type(2) {
text-align: left;
}

#index-book-wrapper h5 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W6","FP-HiraSansOldStdN-W6";
font-size: 26px;
margin-bottom: 0.6em;
}

#index-book-wrapper p {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W6","FP-HiraSansOldStdN-W6";
font-size: 16px;
line-height: 1.6em;
margin-bottom: 1em;
}


/* -------------------------------------------------
sns share
-------------------------------------------------*/

div#social {
width: 100%;
background-color: #161616;
padding-top: 17px;
height: 40px;
text-align: center;
}

div#social ul {
display: inline-block;
}

div#social ul li {
display: inline-block;
padding:0 2px;
}

/* -------------------------------------------------
menu
-------------------------------------------------*/

#menu-wrapper {
width:100%;
background-color:#161616;
border-top:solid 5px #b52d7f;
text-align: center;
position: fixed;
left:0;
top: 0;
z-index: 10;
}

#menu {
display: inline-block;
padding: 10px 0;
}

#menu li {
display: inline-block;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size:24px;
line-height: 1em;
letter-spacing: 0.2em;
margin:0 20px;
}

#menu li a {
display: block;
padding:10px 10px;
color:#fff;
text-decoration: none;
}

#menu li.on a {
color: #b52d7f;
}

#menu li a:hover {
color: #b52d7f;
}

#menu li:nth-of-type(1) a {
background-image: url("../images/icon_fb.png");
background-repeat: no-repeat;
background-position: left center;
padding-left:60px;
}

/* -------------------------------------------------
contents
-------------------------------------------------*/

body#content {
background-image:url(../images/content_hand1.png),url(../images/content_hand2.png);
background-repeat: no-repeat;
background-position: left top 68px , right top 68px;
background-size: 327px auto;
}

#content-wrapper {
display: block;
width:1060px;
margin:0 auto;
padding:120px 20px 60px 20px;
}

#content-wrapper h1,#content-wrapper h2,#content-wrapper h3 {
text-align: center;
}

#content-wrapper h1 {
margin-bottom:100px;
}

#content-wrapper h2 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size:48px;
color:#816021;
margin-bottom:0.6em;
}

#content-wrapper.program h2 {
letter-spacing: 0.1em;
}

#content-wrapper h3 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size:24px;
color:#bababa;
letter-spacing: 1.0em;
margin-bottom:2em;
text-indent: 1em;
}

/* -------------------------------------------------
introduction
-------------------------------------------------*/

#content-wrapper.intro > p {
font-size: 18px;
letter-spacing: 0.02em;
line-height: 2em;
font-weight: bold;
margin-bottom: 3em;
}

#content-wrapper.intro .s70 {
display: inline-block;
}

#profile {
background-color: #816021;
padding:30px 50px 10px 50px;
color:#fff;
}

#profile h4 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
display: inline-block;
color:#fff;
font-size:24px;
}

#profile h5 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
display: inline-block;
color:#c2a162;
font-size:16px;
margin-right: 1em;
letter-spacing: 1em;
}

#profile p {
margin-top: 20px;
font-size: 14px;
line-height: 1.7em;
overflow: auto;
opacity: 0.8;
}

#profile p a {
color: #fff;
text-decoration: underline;
}

/* -------------------------------------------------
program
-------------------------------------------------*/

#timetable-link {
text-align: center;
margin-bottom:40px;
}

#timetable-link a {
display: inline-block;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
letter-spacing: 0.1em;
font-size:1.2em;
background-color:#000;
padding:20px 40px 20px 70px;
border-radius: 100px;
text-decoration: none;
color:#fff;
line-height: 1em;
background-image: url("../images/icon_time.png");
background-repeat: no-repeat;
background-size:26px auto;
background-position: 26px center;
}

#timetable-link a:hover {
opacity: 0.8;
}

dl.program-credit {
display: block;
font-size: 0.9em;
letter-spacing: 0.1em;
line-height: 2em;
}

dl.program-credit dt {
display: inline-block;
padding:3px;
background-color:#999;
color: #fff;
line-height: 1em;
font-size:0.9em;
letter-spacing: 0;
margin-right:-0.5em;
}

dl.program-credit dd {
display: inline-block;
padding:3px;
color: #000;
line-height: 1em;
margin-right: 0.3em;
}

#content-wrapper.program h4 {
display: block;
font-size:50px;
line-height: 1.2em;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
color: #000;
border-top:solid 5px #161616; 
padding:40px 80px 40px 0;
margin:30px 0;
cursor: pointer;
background-image: url("../images/arrow_open.png");
background-repeat: no-repeat;
background-position: right 20px center;
}

#content-wrapper.program h4.active {
background-image: url("../images/arrow_close.png");
}

.program-wrapper {
display:none;
margin-bottom: 80px;
}

.program-box {
position: relative;
line-height: 1.5em;
margin-bottom:40px;
}

.program-pic {
position: absolute;
left:0;
top:0;
}

.program-title,.program-box .program-credit,.program-article,.program-link {
margin-left:340px;
}

.program-title {
display:block;
color:#000;
vertical-align: top;
margin-bottom:20px;
}

.program-title dt {
display: table-cell;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size:30px;
padding:5px 20px 5px 0px;
border-right:solid 4px #000;
}

.program1 .program-title dt {
color:#b60005;
}

.program2 .program-title dt {
color:#165bbf;
}

.program3 .program-title dt {
color:#387529;
}

.program4 .program-title dt {
color:#9b7738;
}

.program-title dd {
display: table-cell;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size:32px;
padding:5px 20px 5px 20px;
}

.program-title dd span {
display: block;
font-size:0.5em;
margin-top:10px;
}

.program-title dd span.small {
display: inline-block;
font-size:0.6em;
}

.program-box .program-credit {
margin-bottom: 10px;
}

.program-article {
color:#000;
}

a.program-link {
display:inline-block;
background-color:#000;
padding:10px 25px;
color:#fff;
line-height: 1em;
text-decoration: none;
margin-top:-10px;
border-radius: 100px;
}

a.program-link:hover {
opacity: 0.8;
}

/* -------------------------------------------------
theater
-------------------------------------------------*/

/*¥¢¥³¡¼¥Ç¥£¥ª¥ó*/

#content-wrapper.theater h4 {
display: block;
font-size:36px;
line-height: 1.2em;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
color: #000;
border-top:solid 5px #161616; 
padding:30px 80px 30px 0;
margin:30px 0 0 0;
cursor: pointer;
background-image: url("../images/arrow_open.png");
background-repeat: no-repeat;
background-position: right 20px center;
}

#content-wrapper.theater h4.active {
background-image: url("../images/arrow_close.png");
}

#content-wrapper.theater h4 span.br {
margin-right: 1em;
}

.theater-wrapper {
display:none;
text-align: center;
margin-bottom: 60px;
}

.theater-subinfo {
text-align: left;
margin-bottom: 30px;
}

.theater-subinfo li {
display: inline-block;
margin-right: 1em;
}

#program-dl{
margin-bottom:60px;
}

#content-wrapper.theater h5 {
font-size: 36px;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
margin-bottom: 1.0em;
}

.txt-l {
font-size: 30px;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
line-height: 1.5em;
margin-bottom: 20px;
}

.txt-m {
font-size: 20px;
font-weight: bold;
line-height: 1.5em;
margin-bottom: 30px;
}

.txt-l span {
font-size:0.6em;
}

.time-table {
margin-bottom: 40px;
font-size: 16px;
line-height: 1.6em;
text-align: left;
width: 100%;
}

.time-table thead tr {
margin-bottom: 1em;
}

.time-table thead th {
background-color: #231815;
color: #fff;
padding:0.7em 1em;
}

.time-table tbody {
display: table-cell;
padding:1em 0;
}

.time-table tbody td {
padding:0.5em 1em;
vertical-align: top;
}

.time-table tbody td.time {
width:3em;
font-weight: bold;
color: #816021;
}

.time-table tbody td b {
margin-right: 0.5em;
}

.time-table tbody td span.talk {
color:#c5050e;
font-weight: bold;
}

.time-table tbody td b:nth-of-type(2){
margin-left: 0.5em;
}

/*¥¢¥³¡¼¥Ç¥£¥ª¥ó end */

/* -------------------------------------------------
archive
-------------------------------------------------*/

#content-wrapper.archives {
text-align: center;
}

#content-wrapper.archives h4 {
font-size:30px;
line-height: 1.4em;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
margin-bottom: 0.8em;
}

#content-wrapper.archives h5 {
font-size:24px;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W6","FP-HiraSansOldStdN-W6";
margin-bottom: 0.8em;
}

a.btn-txt-dl {
display: inline-block;
background-color: #231815;
border-radius: 100px;
font-size:22px;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W6","FP-HiraSansOldStdN-W6";
color: #fff;
text-decoration: none;
padding:0.7em 1.5em;
margin:1.0em 0 3em 0;
}

a.btn-txt-dl:hover {
opacity: 0.8;
}


/* -------------------------------------------------
1400°Ê²¼
-------------------------------------------------*/

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


/* -------------------------------------------------
index main 1400
-------------------------------------------------*/

#main-wrapper {
width: 100%;
height: 51.42vw;
background-image: url(../images/index_hand1.png),url(../images/index_hand2.png);
background-repeat: no-repeat;
background-position: left top , right bottom;
background-size: 32.07vw auto , 32.07vw auto;
}

#main-wrapper h1 {
position:absolute;
left:calc(50% - 24.64vw);
top:6.21vw;
width:49.28vw;
}

#main-wrapper h2.copy1 {
position:absolute;
right:3.57vw;
top:3.57vw;
width:4.71vw;
}

#main-wrapper h2.copy2 {
position:absolute;
left:3.57vw;
top:26.85vw;
width:5.14vw;
}

#main-wrapper h3 {
position:absolute;
left:calc(50% - 17.35vw);
top:38.42vw;
width:34.71vw;
}

}

/* -------------------------------------------------
1100°Ê²¼
-------------------------------------------------*/

@media screen and (max-width: 1100px) {
 
/* -------------------------------------------------
contents 1100
-------------------------------------------------*/

body#content {
background-image:url(../images/content_hand1.png),url(../images/content_hand2.png);
background-repeat: no-repeat;
background-position: left top 110px , right top 110px;
background-size: 24vw auto;
}

#content-wrapper {
display: block;
width:90%;
margin:0 auto;
padding:150px 5% 60px 5%;
}

#content-wrapper h1,#content-wrapper h2,#content-wrapper h3 {
text-align: center;
}

#content-wrapper h1 {
margin-bottom:8vw;
}

#content-wrapper h1 img {
width: 20vw;
height: auto;
}

#content-wrapper h2 {
font-size:48px;
}

#content-wrapper.program h2 {
letter-spacing: 0.1em;
}

#content-wrapper h3 {
font-size:24px;
}

/* -------------------------------------------------
program 1100
-------------------------------------------------*/

#timetable-link {
margin-bottom:30px;
}

#timetable-link a {
font-size:1.0em;
padding:20px 30px 20px 60px;
background-size:20px auto;
background-position: 20px center;
}

dl.program-credit {
font-size: 0.8em;
}

dl.program-credit dt {
padding:3px;
font-size:0.8em;
}

dl.program-credit dd {
padding:3px;
}

#content-wrapper.program h4 {
font-size:35px;
padding:30px 60px 30px 0;
margin:30px 0;
cursor: pointer;
background-position: right 20px center;
background-size:25px auto;
}

#content-wrapper.program h4.active {
background-image: url("../images/arrow_close.png");
}

.program-wrapper {
margin-bottom: 80px;
}

.program-box {
position: relative;
line-height: 1.5em;
margin-bottom:40px;
}

.program-pic {
position: absolute;
left:0;
top:0;
}

.program-pic img {
width:240px;
height: auto;
}

.program-title,.program-box .program-credit,.program-article,.program-link {
margin-left:270px;
}

.program-title {
margin-bottom:15px;
}


.program-title dt {
font-size:26px;
padding:5px 15px 5px 0px;
}

.program-title dd {
font-size:28px;
padding:5px 15px 5px 15px;
}

.program-title dd span {
margin-top:8px;
}

.program-box .program-credit {
margin-bottom: 10px;
}

.program-article {
font-size:14px;
}

a.program-link {
font-size:14px;
padding:10px 25px;
margin-top:0;
}

/* -------------------------------------------------
theater¡¡1100
-------------------------------------------------*/

/*¥¢¥³¡¼¥Ç¥£¥ª¥ó*/

#content-wrapper.theater h4 {
font-size:25px;
padding:30px 60px 30px 0;
margin:30px 0 0 0;
cursor: pointer;
background-position: right 20px center;
background-size:25px auto;
}

#content-wrapper.theater h4.active {
background-image: url("../images/arrow_close.png");
}

#content-wrapper.theater h4 span.br {
margin-right: 1em;
}

.theater-wrapper {
display:none;
text-align: center;
margin-bottom: 60px;
}

#program-dl{
margin-bottom:60px;
}

#content-wrapper.theater h5 {
font-size: 28px;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
margin-bottom: 1.0em;
}

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

.txt-m {
font-size: 18px;
margin-bottom: 30px;
}

.txt-l span {
font-size:0.6em;
}

.time-table {
margin-bottom: 40px;
font-size: 16px;
text-align: left;
width: 100%;
}

.time-table thead tr {
margin-bottom: 1em;
}

.time-table thead th {
background-color: #231815;
color: #fff;
padding:0.7em 1em;
}

.time-table tbody {
display: table-cell;
padding:1em 0;
}

.time-table tbody td {
padding:0.5em 1em;
vertical-align: top;
}


/*¥¢¥³¡¼¥Ç¥£¥ª¥ó end */

}

/* -------------------------------------------------
800°Ê²¼
-------------------------------------------------*/

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

a.btn-txt {
font-size:2.81vw;
}

/* -------------------------------------------------
index main 800
-------------------------------------------------*/

#main-wrapper {
width: 100%;
height: 151.56vw;
background-image: url(../images/index_hand1.png),url(../images/index_hand2.png);
background-repeat: no-repeat;
background-position: left top , right bottom;
background-size: 60vw auto , 60vw auto;
}

#main-wrapper h1 {
position:absolute;
left:calc(50% - 36vw);
top:46.56vw;
width:72vw;
}

#main-wrapper h2.copy1 {
position:absolute;
right:7.81vw;
top:7.81vw;
width:9.06vw;
}

#main-wrapper h2.copy2 {
position:absolute;
left:7.81vw;
top:107.03vw;
width:9.06vw;
}

#main-wrapper h3 {
position:absolute;
left:calc(50% - 34.06vw);
top:91.56vw;
width:68.12vw;
}

/* -------------------------------------------------
index-menu 800
-------------------------------------------------*/

#index-menu-wrapper {
width:100%;
background-color:#161616;
border-top:solid 1vw #b52d7f;
text-align: center;
}

#index-menu {
display: inline-block;
padding: 1.7vw 0;
}

#index-menu li {
font-size:3.75vw;
margin:0 2vw;
}

#index-menu li a {
display: block;
padding:0.8vw 1.56vw;
color:#fff;
text-decoration: none;
}

#index-menu li a:hover {
color: #b52d7f;
}

#index-menu li:nth-of-type(1) a {
background-image: url("../images/icon_fb.png");
background-repeat: no-repeat;
background-position: left center;
background-size: 4.5vw;
padding-left:6.5vw;
}

/* -------------------------------------------------
index footer 800
-------------------------------------------------*/

#index-footer {
width:90%;
padding:6.25vw 5%;
text-align: center;
color: #231815;
}

#index-footer h2 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size: 5.31vw;
margin-bottom: 0.5em;
line-height: 1.3em;
}

#index-footer h2 span.br {
display: block;
margin-right: 0.5em;
}

#index-content h4 {
margin-bottom:9.37vw;
}

#credit {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size:3.12vw;
margin:1.8em 0;
}

/* download */

#index-download {
margin:30px 0; 
}

#index-download img {
width:36vw;
height: auto;
}


/* sns 800 */

#index-sns {
text-align: center;
}

#index-sns h5 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
color: #231815;
font-size:4.375vw;
margin:0 0 3.12vw 0;
}

#index-sns li {
display: inline-block;
margin:0 1.56vw;
}

#index-sns li img {
width:12.18vw;
height: auto;
}

/* contact 800 */

#contact {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W6","FP-HiraSansOldStdN-W6";
font-size: 3.12vw;
margin-top:2em;
}


/* -------------------------------------------------
index book 800
-------------------------------------------------*/

#index-book-wrapper {
width:90%;
padding:5.5vw 5%;
background-color: #eef8ff;
text-align: center;
}

#index-book-wrapper h4 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
font-size: 4.375vw;
margin-bottom: 0.8em;
}

#index-book-wrapper ul {
display: flex;
flex-wrap: wrap;
}

#index-book-wrapper ul li {
display: inline-block;
vertical-align: top;
}

#index-book-wrapper ul li:nth-of-type(1) {
width:25vw;
}

#index-book-wrapper ul li:nth-of-type(1) img {
width:24vw;
height: auto;
}

#index-book-wrapper ul li:nth-of-type(2) {
flex:1;
text-align: left;
}

#index-book-wrapper h5 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W6","FP-HiraSansOldStdN-W6";
font-size: 4vw;
line-height: 1.5em;
margin-bottom: 0.6em;
}

#index-book-wrapper p {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W6","FP-HiraSansOldStdN-W6";
font-size: 2.81vw;
margin-bottom: 1em;
}

/* -------------------------------------------------
sns share 800
-------------------------------------------------*/

div#social {
padding-top: 12px;
}

/* -------------------------------------------------
menu 800
-------------------------------------------------*/

#menu-wrapper {
width:100%;
background-color:#161616;
border-top:solid 1vw #b52d7f;
text-align: center;
}

#menu {
display: inline-block;
padding: 1.7vw 0;
}

#menu li {
font-size:3.75vw;
margin:0 2vw;
}

#menu li a {
display: block;
padding:0.8vw 1.56vw;
color:#fff;
text-decoration: none;
}

#menu li a:hover {
color: #b52d7f;
}

#menu li:nth-of-type(1) a {
background-image: url("../images/icon_fb.png");
background-repeat: no-repeat;
background-position: left center;
background-size: 4.5vw;
padding-left:6.5vw;
}

/* -------------------------------------------------
contents 800
-------------------------------------------------*/

body#content {
background-image:url(../images/content_hand1.png),url(../images/content_hand2.png);
background-repeat: no-repeat;
background-position: left top 15vw , right top 15vw;
background-size: 32.18vw auto;
}

#content-wrapper {
display: block;
width:90%;
margin:0 auto;
padding:40vw 5% 16vw 5%;
}

#content-wrapper h1,#content-wrapper h2,#content-wrapper h3 {
text-align: center;
}

#content-wrapper h1 {
margin-bottom:10vw;
}

#content-wrapper h1 img {
width: 45vw;
height: auto;
}

#content-wrapper h2 {
font-size:7.5vw;
margin-bottom: 0.6em;
}

#content-wrapper.program h2 {
letter-spacing: 0.1em;
}

#content-wrapper h3 {
font-size:3.75vw;
}

/* -------------------------------------------------
introduction 800
-------------------------------------------------*/

#content-wrapper.intro > p {
font-size: 4vw;
line-height: 2em;
font-weight: bold;
margin-bottom: 3em;
}

#content-wrapper.intro .s70 {
display: block;
margin-bottom: 0.7em;
}

#profile {
background-color: #816021;
padding:5vw 5vw 1vw 5vw;
color:#fff;
}

#profile h4 {
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
display: inline-block;
color:#fff;
font-size:6vw;
}

#profile h5 {
display: block;
margin-bottom: 0.7em;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
display: inline-block;
color:#c2a162;
font-size:3vw;
margin-right: 1em;
letter-spacing: 1em;
}

#profile p {
margin-top: 3vw;
font-size: 3.43vw;
line-height: 1.7em;
overflow: auto;
}

/* -------------------------------------------------
program 800
-------------------------------------------------*/

#timetable-link {
margin-bottom:30px;
}

#timetable-link a {
font-size:0.9em;
padding:20px 30px 20px 50px;
background-size:18px auto;
background-position: 18px center;
}

dl.program-credit {
font-size: 0.7em;
line-height: 1.8em;
}

dl.program-credit dt {
padding:3px;
font-size:0.7em;
}

dl.program-credit dd {
padding:3px;
}

#content-wrapper.program h4 {
font-size:26px;
padding:20px 50px 20px 0;
margin:20px 0;
background-position: right 15px center;
background-size:20px auto;
}

.program-wrapper {
margin-bottom: 40px;
}

.program-box {
margin-bottom:40px;
}

.program-pic {
position: relative;
margin-bottom: 20px;
}

.program-pic img {
width:240px;
height: auto;
}

.program-title,.program-box .program-credit,.program-article,.program-link {
margin-left:0px;
}

.program-title {
margin-bottom:10px;
}


.program-title dt {
font-size:24px;
padding:5px 15px 5px 0px;
}

.program-title dd {
font-size:26px;
padding:5px 15px 5px 15px;
}

.program-title dd span {
margin-top:8px;
}

.program-box .program-credit {
margin-bottom: 6px;
}

.program-article {
font-size:14px;
}

a.program-link {
font-size:14px;
padding:10px 25px;
margin-top:-5px;
}

/* -------------------------------------------------
theater¡¡800
-------------------------------------------------*/

/*¥¢¥³¡¼¥Ç¥£¥ª¥ó*/

#content-wrapper.theater h4 {
font-size:5.5vw;
padding:5vw 8vw 5vw 0;
margin:4vw 0 0 0;
background-position: right 15px center;
background-size:6vw auto;
}

#content-wrapper.theater h4.active {
background-image: url("../images/arrow_close.png");
}

#content-wrapper.theater h4 span.br {
margin-right: 1em;
}

.theater-wrapper {
display:none;
text-align: center;
margin-bottom: 80px;
}

.theater-subinfo {
text-align: left;
margin-bottom: 30px;
}

.theater-subinfo li {
font-size:3.21vw;
display: inline-block;
margin-right: 1em;
}

#program-dl{
margin-bottom:40px;
}

#program-dl img {
width:40vw;
height: auto;
}

#content-wrapper.theater h5 {
font-size: 6vw;
font-family: "FP-¥Ò¥é¥®¥Î³Ñ¥´¥ª¡¼¥ë¥É StdN W7","FP-HiraSansOldStdN-W7";
margin-bottom: 1.0em;
}

.txt-l {
font-size: 4.6vw;
margin-bottom: 15px;
}

.txt-m {
font-size: 4vw;
margin-bottom: 15px;
}

.txt-l span {
font-size:0.6em;
}

.time-table {
margin-bottom: 40px;
font-size: 3.43vw;
text-align: left;
width: 100%;
}

.time-table thead tr {
margin-bottom: 1em;
}

.time-table thead th {
background-color: #231815;
color: #fff;
padding:0.7em 1em;
}

.time-table tbody {
display: table-cell;
padding:1em 0;
}

.time-table tbody td {
padding:0.5em 1em;
vertical-align: top;
}

/*¥¢¥³¡¼¥Ç¥£¥ª¥ó end */

/* -------------------------------------------------
archive 800
-------------------------------------------------*/


#content-wrapper.archives h4 {
font-size:6vw;
}

#content-wrapper.archives h5 {
font-size:5vw;
}

a.btn-txt-dl {
font-size:4vw;
}

}