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

/*レイアウト*/

h1{
	margin:8px 0 0 0;
	font-size:83%;
	font-weight:normal;
	color:#8e8e8e;
}

h2{
	width:710px;
	height:33px;
	background:url(../images/top/subtitle_bg.gif) bottom no-repeat;
}

#mainvisual_bg{
	width:100％;
	padding:7px 0;
	background:url(../images/top/main_bg.gif) repeat-x;
	text-align:center;
}

#mainvisual{
	width:980px;
	margin:0 auto;
}

.figure01{
	width:710px;
	margin:27px 0 0 0;
	text-align:center;
}

.info{
	width:710px;
	padding:20px 0;
	background:url(../images/top/line01.gif) bottom no-repeat;
	overflow:hidden;
}

.info .day{
	width:88px;
	margin:0 0 0 6px;
	padding:2px 0 0 63px;
	float:left;
	background:url(../images/top/icon01.gif) center left no-repeat;
}

.info .txt{
	width:553px;
	padding:2px 0 0 0;
	float:right;
}

@media screen and (max-width: 560px) {
.figure01 {
    width: auto;
    margin: 27px 0 0 0;
    text-align: center;
}
.figure01 img{
	width: 100%;
}
h2 {
    width: auto;
    height: auto;
    background: url(../images/icon/subtitle_bg.jpg) bottom no-repeat;
    background-size:auto 2px;
    padding: 0 0 5px;
    margin: 50px 0 0;
}
h2 span{
	font-size: 1.5rem;
	    font-weight: 100;
	    padding-right: 5px;
}
h2 small{
	font-weight: normal;
	font-size: .8rem;
}
.info {
    width: auto;
    padding: 20px 0;
    background: url(../images/top/line01.gif) bottom no-repeat;
    overflow: hidden;
    font-weight: bold;
}
.info .day {
    width: auto;
    margin: 0;
    padding: 0;
    float: none;
    background: none;
}
.info .txt {
    width: auto;
    padding: 2px 0 0 0;
    float: none;
}	
}