@charset "utf-8";


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


.second {
    margin-top: 50px;
}
.commonWidth {
    width: auto;
    margin: auto;
    position: relative;
}
.commonPadding {
	box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}


/* 二階層目メニュー ////////////////////// */
#story nav.sub2nd {
    text-align: left;
}
#story nav.sub2nd.top {
    margin-bottom: 5px;
}


#story nav.sub2nd{
    padding: 8px;
}

nav.sub2nd {
	width: auto;
	background-color: #000;
	color: #777;
	text-align: center;
	letter-spacing: 0px;
	line-height: 1.4;
}

nav.sub2nd a {
	width: 24%;
	display: inline-block;
	text-decoration: none;

	border: 1px solid #444;
	padding: 8px 0px;
	margin: 0.5%;
	font-size: 24px;
	vertical-align: top;
	text-align: center;
	box-sizing: border-box;
}
nav.sub2nd a{
    color: #fff;
}
nav.sub2nd a:last-child,nav.sub2nd .dummy:last-child {
    border-right: 1px solid #444;
}
nav.sub2nd a:hover,nav.sub2nd a.selected{
    color: #CFFF6A;
}





img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#container{
//width:100%;
}



#story {
    padding-bottom: 0px;
}
#story h2 {
    font-size: 18px;
    line-height: 1.3;
}
#story .img img{
    width:50%;
}

/* スタッフ情報 */
#story .txt p span {margin-right: 15px;}
#story .txt p span:after {display: none;}


#story h1 {
    font-size: 32px;
    margin-bottom: 40px;
}
#story h2 {
    border-bottom: 2px solid #000;
    font-size: 28px;
    padding-left: 10px;
    padding-bottom: 5px;
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.3;
    box-sizing: border-box;
    text-align: left;
}
#story .txt {
    padding: 0px 5px 40px;
    box-sizing: border-box;
    text-align: left;
}
#story .txt p{
    font-weight: bold;
    margin-bottom: 20px;
    background-color: #eee;
    padding: 10px;
    line-height: 1.4;
    box-sizing: border-box;
}
#story .img {
    margin: 10px auto 50px;
}
#story .img img {
    width: 50%;
    padding: 4px;
    box-sizing: border-box;
}

}