@charset "utf-8"; 



* {			margin : 0 ; 
			padding : 0 ; 
}



a { 			text-decoration : none ; 
			color : #333333 ; 
}



article {			background-color : #f8f8f8 ; 
			height : 150px ; 
			max-width : 400px ; 
			padding : 15px ; 
			display : block ; 
			margin-bottom : 125px ; 
			border : 1px solid #e8e8e8 ; 
}



body {			width : 90% ; 
			margin : 0 auto ;  
			font-family : "ヒラギノ角ゴ ProN W3" , 
				    "Hiragino Kaku Gothic ProN W3" , 
				    "メイリオ" , 
				    "ＭＳ Ｐゴシック" , 
				    sans-serif ; 
			color : #333333 ; 
			font-size : small ; 
			line-height : 1.8 ; 
}



figure {			border :1px solid #cccccc ; 
			display : block ; 
			width : 150px ; 
}



figcaption {		display : block ; 
			font-size : small ; 
}



img {			vertical-align : middle ; 
			max-width : 100% ; 
			border : none ; 
}



li {			float : left ; 
			list-style : none ; 
			margin-top : 25px ; 
			margin-right : 60px ; 
}



.archive {			float : left ; 
			border : 1px solid #cccccc ; 
			margin-right : 20px ; 
}



.banner {			border : 1px solid #cccccc ; 
			vertical-align : top ; 
			margin-bottom : 15px ; 
			margin-right : 15px ; 
}



.thumb {		position : relative ; 
			display : inline-table ; 
			margin-right : 23px ; 
			margin-bottom : 100px ; 
			text-align : center ; 
			vertical-align : top ; 	
}



#content {		clear : both ; 
			padding-top : 55px ; 
			padding-bottom : 100px ; 
			margin-bottom : 100px ; 
			border-bottom : 1px dotted #666666 ; 
}



#copyright {		padding-top : 50px ; 
			padding-bottom : 50px ; 
			float : right ; 
}



#discription { 		color : #999999 ; 
			padding-top : 50px ; 
			margin-bottom : 50px ; 
}



#hanabi_logo {		padding-right : 25px ; 
}



#logo {			float : right ; 
			padding-top : 50px ; 
}



#magazine {		border : none ; 
			width : 100% ; 
			color : #666666 ; 
			max-width : 450px ; 
}



#master { 		float : right ; 
			padding-bottom : 100px ; 
			text-align : right ; 
}



.rslides {
  position : relative ; 
  list-style : none ; 
  overflow : hidden ; 
  padding : 0 ; 
  margin : 0 ; 
  }

.rslides li {
  -webkit-backface-visibility : hidden ; 
  position : absolute ;
  display : none ;
  left : 0 ;
  top : 0 ;
  }

.rslides li:first-child {
  position: relative ;
  display: block ;
  float: left ;
  }

.rslides img { 
  display : block ; 
  height : auto ; 
  float: left ;
  border : 1px solid #666666 ; 
  }



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

#discription {		clear : both ; 		
}

#logo {			float : left ; 
}


}



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

#master { 		width : 300px ; 
			float : left ; 
			text-align : left ; 
}

}