@media screen and (max-width: 640px){
	.pc {
		display:none !important;
	}
	
	#galleries section h1 {
		background:url(../img/icon_gallery2.png) 14px center #8dc2d4 no-repeat;
		background-size:22px auto;
		-moz-background-size: 22px auto;
		-webkit-background-size:22px auto;
		-o-background-size:22px auto;
	}

	#galleries #wrapper {
		font-size: 14px;
	}

	#galleries #wrapper .switch {
		float: right;
		line-height: 20px;	}

	#contentsWrap h2 {
		font-size: 18px;
		color: #888;
		padding: 3px 0 2px 0;
		margin-bottom: 20px;
		line-height: 38px;
		border-bottom: 1px solid #888;
	}

	/* =movie
	------------------------------------------------------------------*/

	#galleries .movie h2 {
		background:url(https://www.hasebe-makoto.com/wp-content/themes/starsplanet/img/gallery/icon_movie.gif) no-repeat left 11px;
		padding-left:27px;
	}


	#galleries .movie .photoList li {
		margin-bottom: 20px;
		line-height: 1.3;
		position: relative;
	}

	#galleries .movie li span span img {
		width: 80%;
		height: auto;
	}

	#galleries .movie li span span.play img {
		margin-bottom: 10px;
		width: 46px;
		height: auto;
	}

	#galleries .movie img {
		width: 100%;
		height: auto;
		margin-bottom: 3px;
	}

	


	/* =photo
	------------------------------------------------------------------*/

	#galleries .photo h2 {
		background:url(../img/gallery/icon_photo.png) no-repeat left 11px;
		background-size: 23px auto;
		-moz-background-size: 23px auto;
		-webkit-background-size: 23px auto;
		-o-background-size: 23px auto;
		padding-left:27px;
	}

	#galleries .photo .photoList li {
		margin-bottom: 10px;
		line-height: 1.3;
		position: relative;
	}

	#galleries .photo li span span img {
		width: 60%;
		height: auto;
	}

	#galleries .photo img {
		width: 100%;
		height: auto;
		margin-bottom: 3px;
	}

	/* =specialMovie
	------------------------------------------------------------------*/

	#galleries .specialMovie h2 {
		background:url(../img/gallery/icon_specialMovie.png) no-repeat left 8px;
		padding-left:27px;
	}


	#galleries .specialMovie .photoList li {
		margin-bottom: 20px;
		line-height: 1.3;
		position: relative;
	}

	#galleries .specialMovie li span span img {
		width: 100%;
		height: auto;
	}

	#galleries .specialMovie img {
		width: 100%;
		height: auto;
		margin-bottom: 3px;
	}


	/* =calendar
	------------------------------------------------------------------*/

	#galleries .calendar h2 {
		background:url(../img/gallery/icon_calendar.png) no-repeat left 7px;
		background-size: 23px auto;
		-moz-background-size: 23px auto;
		-webkit-background-size: 23px auto;
		-o-background-size: 23px auto;
		padding-left:27px;
	}

	#galleries .calendar .photoList li {
		margin-bottom: 10px;
		line-height: 1.3;
		position: relative;
	}

	#galleries .calendar li span span img {
		width: 60%;
		height: auto;
	}

	#galleries .calendar img {
		width: 100%;
		height: auto;
		margin-bottom: 3px;
	}




	/* =supershot
	------------------------------------------------------------------*/

	#galleries .supershot h2 {
		background:url(../img/gallery/icon_supershot.gif) no-repeat left;
	}

	#galleries .supershot li {
		margin-bottom: 10px;
		padding: 6px 5px 0;
		background: url(../img/gallery/bg_photo.jpg) no-repeat 0 0;
		background-size: 100% auto;
		-moz-background-size: 100% auto;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		line-height: 1.3;
	}

	#galleries .supershot li span span img {
		width: 60%;
		height: auto;
	}

	#galleries .supershot img {
		width: 100%;
		height: auto;
		margin-bottom: 0.8em;
	}


	/* =wrapper
	------------------------------------------------------------------*/

	#galleries #wrapper .box {
		margin: 0px;
		padding: 0 10px;
		background: #fff;
	}

	#galleries #wrapper p.more {
		margin-bottom: 20px;
		text-align: right;
	}

	#galleries #wrapper p.more a {
		padding-left: 10px;
		text-decoration: underline;
		/* background: url(../img/arrow.png) no-repeat left; */
	}
	#galleries .box li span{display:block; position:relative;}
	#galleries .box li span span {
		text-align: right;
		position: absolute;
		bottom: 17px;
		bottom: 0;
		right: 0;
	}
	#galleries .box li span span.play {
		text-align: right;
		position: absolute;
		top: 43%;
		right: 50%;
	}


}
@media screen and (min-width: 641px){
	.sp {
		display:none !important;
	}
	#galleries section h1 {
		/*background:url(../img/icon_gallery.png) 14px center #009be2 no-repeat;*/
		background:url(../img/icon_gallery.png) 12px center #8dc2d4 no-repeat;
	}

	#galleries section .h2 {
		margin-right: 44px;
		margin-bottom: 20px;
		border-bottom: solid 1px #888;
	}

	#galleries section .h2 h2 {
		padding-left: 32px;
		font-size: 20px;
		font-weight: normal;
		letter-spacing: .1em;
		line-height: 42px;
		color: #888;
	}

	#galleries .clearfix {
		min-height: 1px;
	}

	* html #galleries .clearfix {
		height: 1px;
		overflow: visible;
	}

	#galleries .clearfix:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	#galleries #wrapper .switch {
		float: right;
		width:285px;
		margin-top:5px;
	}
	#galleries #wrapper .switch .dk_toggle {
		width:90px !important;
		padding-right: 30px;
	}
	#galleries #wrapper .switch a {
		padding-left: 10px;
	}
	#galleries #wrapper .galleryLink a {
		margin-right: 10px;
		padding-left: 10px;
		/* background: url(../img/arrow.png) no-repeat left; */
	}
	#galleries #wrapper .galleryLink  {
		float:left;
		padding-top:8px;
	}
	#galleries #wrapper form {
		float:right;
	}
 	/* =wrapper
	------------------------------------------------------------------*/

	#galleries #wrapper {
		margin-bottom: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
		*padding-bottom: 45px;
		padding-left: 45px;
		border: solid 1px #dddad7;
		background: #fff;
	}

	#galleries #wrapper .box li:hover {
		opacity: 0.8;
		filter: Alpha(opacity=80);
	}

	#galleries #wrapper p.more {
		margin-right: 44px;
		margin-bottom: 20px;
		text-align: right;
	}

	#galleries #wrapper p.more a {
		padding-left: 10px;
		text-decoration: underline;
		/* background: url(../img/arrow.png) no-repeat left; */
	}

	#galleries section .read {
		margin-right: 44px;
	}

	#galleries .box li span span.play {
		text-align: right;
		position: absolute;
		bottom: 78px;
		right: 83px;
	}

	/* =movie
	------------------------------------------------------------------*/

	#galleries .movie h2 {
		background:url(https://www.hasebe-makoto.com/wp-content/themes/starsplanet/img/gallery/icon_movie.gif) no-repeat left;
	}

	#galleries .movie .photoList li {
		float: left;
		width: 205px;
		overflow: hidden;
		margin-right: 3px;
		margin-bottom: 15px;
		padding: 6px 5px 0;
		line-height: 1.3;
		line-height: 1.3;
		position:relative;
		min-height:197px;
		max-height:197px;
	}

	#galleries .movie .iframe span span img {
		margin-bottom: 10px;
		width: 53px;
		height: auto;
	}


	#galleries .movie img {
		margin-bottom: 10px;
		width: 206px;
		height: 147px
	}

	#galleries .movie .iframe span span.play img {
		margin-bottom: 10px;
		width: 46px;
		height: auto;
	}


	/* =specialMovie
	------------------------------------------------------------------*/

	#galleries .specialMovie h2 {
		background:url(../img/gallery/icon_specialMovie.png) no-repeat 6px 6px;
	}

	#galleries .specialMovie .photoList li {
		float: left;
		width: 205px;
		overflow: hidden;
		margin-right: 3px;
		margin-bottom: 15px;
		padding: 6px 5px 0;
		line-height: 1.3;
		line-height: 1.3;
		position:relative;
		min-height:197px;
		max-height:197px;
	}

	#galleries .specialMovie .iframe span span img {
		margin-bottom: 10px;
		width: 53px;
		height: auto;
	}


	#galleries .specialMovie img {
		margin-bottom: 10px;
		width: 206px;
		height: 147px
	}



	/* =photo
	------------------------------------------------------------------*/

	#galleries .photo h2 {
		background:url(../img/gallery/icon_photo.gif) no-repeat 0 10px;
	}

	#galleries .photo .photoList li {
		float: left;
		width: 206px;
		overflow: hidden;
		margin-right: 3px;
		margin-bottom: 15px;
		padding: 6px 5px 0;
		background: url(../img/gallery/bg_photo.jpg) no-repeat 0 0;
		line-height: 1.3;
		position:relative;
		min-height:197px;
		max-height:197px;
	}

	#galleries .photo .iframe span span img {
		margin-bottom: 10px;
		width: 53px;
		height: auto;
	}

	#galleries .photo img {
		margin-bottom: 10px;
		width: 206px;
		height: 147px;
	}


	/* =calendar
	------------------------------------------------------------------*/

	#galleries .calendar h2 {
		background:url(../img/gallery/icon_calendar.png) no-repeat left 7px;
		background-size:26px;
		-moz-background-size: 26px auto;
		-webkit-background-size:26px auto;
		-o-background-size:26px auto;
	}

	#galleries .calendar .photoList li {
		float: left;
		width: 206px;
		overflow: hidden;
		margin-right: 3px;
		margin-bottom: 15px;
		padding: 6px 5px 0;
		background: url(../img/gallery/bg_photo.jpg) no-repeat 0 0;
		line-height: 1.3;
		position:relative;
		min-height:197px;
		max-height:197px;
	}

	#galleries .calendar .iframe span span img {
		margin-bottom: 10px;
		width: 53px;
		height: auto;
	}

	#galleries .calendar img {
		margin-bottom: 10px;
		width: 206px;
		height: 147px;
	}

	/* =supershot
	------------------------------------------------------------------*/

	#galleries .supershot h2 {
		background:url(../img/gallery/icon_supershot.gif) no-repeat left;
	}

	#galleries .supershot li {
		float: left;
		width: 205px;
		overflow: hidden;
		margin-right: 3px;
		margin-bottom: 15px;
		padding: 6px 5px 0;
		background: url(../img/gallery/bg_photo.jpg) no-repeat 0 0;
		line-height: 1.3;
		min-height:197px;
		max-height:197px;
	}

	#galleries .supershot img {
		margin-bottom: 10px;
	}
	#galleries .box li span span {
		text-align: right;
		position: absolute;
		bottom: 35px;
		right: 4px;
	}
	#galleries .galleryLink {
		float:left;
	}

}