@charset "UTF-8";

.hidden {
    display: none;
}

/*--------------------------------
��������PC��CSS
----------------------------------*/
@media screen and (min-width:480px){
.sumaho{
	display: none;
}


/* ========SLIDE FOR SHOW CUSTOMIZE========= */
#loading {
	height: 300px;
	width: 300px;
	background-color: #FFFFFF;
}

/* ========SLIDE FOR SHOW ORIGINA CUSTOMIZE========= */
#magazine2 #main #photo_movie_panel {
	/* 
	overflow-y: scroll;
	height: 750px;
	*/
}

/* div float:left �̉��(IE7�ȉ������Ȃ�)
#magazine2 #main .photo_movie_line:after {
  content: "";
  clear: both;
  display: block;
}*/

#magazine2 #main .photo_movie_line{
	/* div float:left �̉�� */
	overflow: hidden;
	zoom: 1;
}

#magazine2 #main .photo_movie_line .big_box_size{
	width: 540px;
	height: 540px;
}

#magazine2 #main .photo_movie_line .smoll_box_size{
	width: 260px;
	height: 260px;
}

#magazine2 #main .photo_movie_box{
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	background-color: #F0F0F0;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}

#magazine2 #main .photo_movie_smoll_box{
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
	background-color: #F0F0F0;
	text-align: center;
}

#magazine2 #main .photo_movie_box .photo_movie {
	display: table-cell;
	vertical-align: middle;
}

#magazine2 #main .photo_movie_box .photo_movie:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#magazine2 #main .photo_movie_img_big{
	max-width: 540px;
	max-height: 540px;
	z-index: 1;
}

#magazine2 #main .photo_movie_img_smoll{
	max-width: 260px;
	max-height: 260px;
	z-index: 1;
}

#magazine2 #main .photo_movie_box .playIcon_box {
	z-index: 2;
	opacity: 0.8;
}

#magazine2 #main .big_box_size .playIcon_box {
	position: absolute;
	top: 235px;
	left: 235px;
}

#magazine2 #main .smoll_box_size .playIcon_box {
	position: absolute;
	top: 80px;
	left: 80px;
}

#magazine2 #main .likeCount_box{
	width: 32px;
	height: 32px;
	margin-top: -38px;
	margin-left: 4px;
	z-index: 2;
	position: relative;
	background-image: url("../image/maru.png");
	display: none;
}

#magazine2 #main .likeCount_box p{
	padding-top: 5px;
	padding-left: 0px;
	color: rgb(230, 230, 230);
}

}

/*--------------------------------
��������X�}�zCSS
----------------------------------*/

@media screen and (max-width:480px){/*and�̌�͔��p�X�y�[�X*/
body{
	position:relative;//�i�r�p
	overflow:hidden;
	font-size:14px;
	width:100%;
	margin:0 auto;
}
*{
	margin:0;
	padding:0;	
}

.pc{
	display:none;
}



/*photogallery*/
.big_box_size img{
  width:100%;
  //margin:0 auto;
  display:inline-block;
  box-sizing:border-box;
  float:left;
}
.photo_movie_box, 
.big_box_size, 
.masonry-brick {
  width: 100%;
  //margin:0 auto;
  float:left;
}
.photo_movie, 
.smoll_box_size img {
  width:100%;
  float:left;
  display:inline-block;
  box-sizing:border-box;
}
.likeCount_box {
	display:none;
}

}