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

/*ベースの要素の設定をリセット*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,blockquote,th,td {
margin:0;
padding:0;
}

/*画像の枠線をクリアして位置の初期値の設定*/
img{
border:0;
vertical-align: bottom;
}

/*リンク時の枠の点線をなしにする*/
a{
outline: none;
}

/*リスト要素の初期値をリセット*/
ul,ol{
list-style: none;
}

/*フロート解除用のハック*/
/*clearfixの設定*/
.clearfix:after{  
display: block;/*block要素にする*/
content: " ";  
clear: both;  
}  



/*==========================================
共通
============================================*/


body{
font-size:0.775em;
font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
line-height:1.4em;
color:rgba(34,23,21,1.00);
letter-spacing: 0.075em;
background:rgba(62,51,45,0.1);
}


/*リンクの装飾の設定*/
a:link,
a:visited,
a:active{
color:rgba(229,176,82,1.00);
text-decoration:underline;
}

a:hover{
color:rgba(62,51,45,0.8);
text-decoration:none;
}
h2.ttl{
border-bottom:solid 1px rgba(62,51,45,0.8);
}

.small{
font-size: 80%;
color: rgba(62,51,45,1);
text-decoration: underline;
background:rgba(229,176,82,1.00);
}
.mark{
font-size: 110%;
text-decoration: underline;
background: rgba(125,234,245,1.00);
}


/***** クリック前のボタン *****/

.btn1{
border:none;
border-right:3px solid rgba(62,51,45,0.8);
border-left:3px solid rgba(229,176,82,1.00);
background: rgba(255,250,250,1.00);
box-sizing: border-box;
margin: 1% 0;
}

.box a {
font-weight: lighter;
line-height: 28px;
padding: 2% 5%;
text-align: left;
display: block;
text-decoration: none;
color:rgba(62,51,45,1.00);
}

.box{
height: auto;
border: none;
}

.btn1 a:hover {
color:rgba(62,51,45,0.8);
text-decoration: underline;
}

p span.role{
text-decoration: underline;
line-height: 40px;
padding: 2% 0;
}

.sentence p{
font-size:1.2em;
line-height: 30px;
}
.sentence h3{
font-size:1.2em;
line-height: 20px;
}

span.copy img{
width: 80%;
height: auto;
margin: 1% 10% 1% 10%;
max-width: 540px;
}

.s_right{
width: 35%;
height: auto;
max-width: 500px;
max-height: 500px;
padding: 2% 10% 2% 5% ;
float: left;
}

p.lead{
text-align: center;
}

.performer h4{
text-decoration: underline;
text-decoration-color:rgba(239,204,160,1.00);
padding-bottom: 0.5%;
line-height: 10px;
padding: 2% 0;
}


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

	
}


@media screen and (min-width: 1024px) {

}


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

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

}