@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Crea.,Inc. 
 Style Info:     コンテンツのスタイル

-------------------------------------------------*/

html, body {
	width:100%;
}
#container{
	background-image:none;
}

body{
}

/*==-----------------------------------------------
container
-------------------------------------------------*/
#container{
}



/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	width:100%;
	margin: 0 auto;
	padding-bottom: 40px;
}

#contents #inner{
	width:100%;

}

.pc{
	display:none;
}
.sp{
	display:block;
}

.sp .main .section{
	margin:0 5% 20px 5%;
}



/*==-----------------------------------------------
main
-------------------------------------------------*/
#main{
	width:100%;
	padding: 0 0 10px 0;
}


#main .section{
	margin-bottom:20px;
}

/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	height: 40px;
	width:100%;
	clear:both;
	position:fixed;
	bottom:0;
}


#footer .section{
	width:100%;
	margin: 0 auto;
	padding-top:5px;
}



/*==-----------------------------------------------
home
-------------------------------------------------*/

#home #main p.mainimg img{
	width:100%;
}


#home #main .event{
	height:auto;
	margin-bottom:50px;
}




#home #main ul.yuge{
	z-index:100;
}

#home #main ul.yuge li{
	float:left;
	margin:0;
	padding:0;
}

#home #main ul.yuge li.osakajyoonsen,
#home #main ul.yuge li.younglion,
#home #main ul.yuge li.otodama{
	position:static;
	width:33%;
}


#home #main ul.yuge li.osakajyoonsen img,
#home #main ul.yuge li.younglion img,
#home #main ul.yuge li.otodama img{
	width:100%;
}

#home #main ul.yuge li a img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

#home #main ul.yuge li a:hover img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transform: scale( 1.1 );
	-moz-transform: scale( 1.1 );
}

#home #main p.netto{
	width:33%;
}

#home #main p.netto a img{
	width:100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
#home #main p.netto a img:hover{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-webkit-transform: scale( 1.1 );
	-moz-transform: scale( 1.1 );
}

/*==-----------------------------------------------
pagetop
-------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 180px;
	right: 10px;
}

#page-top img{
	width:110px;
	height:auto;
}

/*==-----------------------------------------------
twitter バナー
-------------------------------------------------*/
#twitter{
	display:block;
	width:96%;
	margin:0 2%;
	text-align:right;
	position:fixed;
	bottom:40px;
}

#twitter img{
	max-width:138px;
	height:120px;
}