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

@media screen and (min-width: 801px){
.wrap {
    width: 854px;
    margin: 0 auto;
}
.wrap h2 {
    font-size: 25px;
    border-left: 5px solid #e33d52;
    padding: 5px 0 1px 15px;
    margin: 30px auto;
}
.info-container {
    padding-bottom: 40px;
}
.info-container .pic {
	margin:40px auto;
	display:block;
	text-align:center;
}
.info-container .picetop {
	margin:40px 0;
	display:block;
	text-align:center;
}
.info-container .picepre {
	margin:20px auto 40px auto;
	display:block;
	text-align:center;
}
.info-container h3 {
    font-size: 18px;
    color: #ffffff;
    background-color:#3d3d3d;
    padding: 10px 15px;
    margin-bottom: 25px;
	line-height:150%;
}
.info-container h3.release {
    font-size: 24px;
    color: #bf080d;
    padding: 0;
    margin:40px 0 30px 0;
	line-height:150%;
	background:none;
}
.info-container h3.relsub {
    font-size: 20px;
    color: #bf080d;
    padding: 0;
    margin:-10px 0 30px 0;
	line-height:150%;
	background:none;
}
.info-container p.title-bottom{
	text-align: left;
	font-weight: normal;
    font-size: 14px;
	padding:0;
	margin:0 0 40px 0;
	line-height:160%;
}
.info-container h4 {
    color: #000;
    font-weight: normal;
    font-size: 18px;
	line-height:120%;
	background-color:#eee;
	padding:9px;
    margin:0;
}
.info-container h5 {
    color: #5292C7;
    font-weight: normal;
    font-size: 16px;
	padding:10px;
    margin:0;
	border-bottom:2px solid #5292C7;
}
.info-container p.subtitle-bottom{
	text-align: left;
	font-weight: normal;
    font-size: 14px;
	padding:20px 30px;
	margin:0;	
	line-height:160%;
	color:#333;
}
.pankuzu {
    font-size: 10px;
    padding: 10px;
}
table.info {
	width: 854px;
	border-collapse: collapse;
	margin:0 auto;
}
table.info th.t_top {
	width:140px;
    border-top: #e33d52 2px solid;
}
table.info th {
	width:140px;
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 15px;
	font-weight: normal;
}
table.info th br{ display:none;}
table.info th br.release{ display:inline;}

table.info td.t_top {
	border-top: #333 2px solid;
}
table.info td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 15px;
}
table.info td a{
	color: #333;
    text-decoration: underline;
}
table.info td a:hover{
	color: #A8353D;
	text-decoration:none;
}
.category01{
    background-color: #CC0000;
    color: #ffffff;
    padding: 1px 4px 1px 4px;
	font-size:12px;
}
.category02{
    background-color: #eb6b6b;
    color: #ffffff;
    padding: 1px 4px 1px 4px;
	font-size:12px;
}
.category03{
    background-color: #666666;
    color: #ffffff;
    padding: 1px 4px 1px 4px;
	font-size:12px;
}

#winterfes {
    margin-top:-150px;
    padding-top:150px;
}

}

@media screen and (max-width:800px) and (min-width: 0px) {
.wrap {
    width: 80%;
    margin: 0 auto;
}
.wrap h2 {
    font-size: 25px;
    border-left: 5px solid #e33d52;
    padding: 5px 0 1px 15px;
    margin: 80px 0 30px 5px;
}
.info-container {
    padding-bottom: 40px;
}
.info-container .pic {
	margin:5% auto;
	display:block;
	text-align:center;
}
.info-container .picetop {
	margin:5% auto;
	display:block;
	text-align:center;
}
.info-container .picepre {
	margin:2.5% auto 5% auto;
	display:block;
	text-align:center;
}
.info-container h3 {
    font-size: 18px;
    color: #ffffff;
    background-color:#3d3d3d;
    padding: 10px 15px;
    margin-bottom: 25px;
	line-height:150%;
}
.info-container h3.release {
    font-size: 18px;
    color: #bf080d;
    padding: 0;
    margin:5% 0 4% 0;
	line-height:150%;
	background:none;
}
.info-container h3.relsub {
    font-size: 16px;
    color: #bf080d;
    padding: 0;
    margin:0 0 5% 0;
	line-height:150%;
	background:none;
}
.info-container p.title-bottom{
	text-align: left;
	font-weight: normal;
    font-size: 14px;
	padding:0;
	margin:0 0 10% 0;
	line-height:140%;
}
.info-container h4 {
    color: #000;
    font-weight: normal;
    font-size: 16px;
	background-color:#eee;
	padding:10px;
    margin:0;
}
.info-container h5 {
    color: #5292C7;
    font-weight: normal;
    font-size: 14px;
	padding:10px;
    margin:0;
	border-bottom:2px solid #5292C7;
}
.info-container p.subtitle-bottom{
	text-align: left;
	font-weight: normal;
    font-size: 14px;
	padding:3% 4%;
	margin:0;
	margin-top:3%;
	line-height:160%;
	color:#333;
}

img {
    max-width : 100%;
}
.pankuzu {
    display: none;
}
table.info {
	width: 100%;
	border-collapse: collapse;
	margin:0 auto;
	padding:0;
	font-size:14px;
	font-weight:normal;
}
table.info th.t_top {
	width:30%;
    border-top: #e33d52 2px solid;
}
table.info th {
	width:30%;
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 3% 2% 2% 3%;
	font-weight: normal;
}
table.info td.t_top {
	width:64%;
	border-top: #333 2px solid;
}
table.info td {
	width:64%;
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 3% 2% 2% 3%;
}
table.info td a{
	color: #333;
    text-decoration: underline;
}
table.info td a:hover{
	color: #A8353D;
	text-decoration:none;
}
.category01{
    background-color: #CC0000;
    color: #ffffff;
    padding: 1px 2px 1px 2px;
	font-size:12px;
}
.category02{
    background-color: #eb6b6b;
    color: #ffffff;
    padding: 1px 2px 1px 2px;
	font-size:12px;
}
.category03{
    background-color: #666666;
    color: #ffffff;
    padding: 1px 2px 1px 2px;
	font-size:12px;
}

}