@media print, screen and (min-width:0px){

#main {
	width: 100%;
	margin-top: 0;
}

.top-image-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 300px;
	background-image: url("images/photo_top.png");
	background-size: cover;
	background-position: center top;
}

.top-image-box h2 {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 2rem;
	background-color: rgba(0,0,0,0.0);
	font-size: 6rem;
	letter-spacing: 0.5rem;
	color: #fff;
	text-shadow: rgba(0,0,0,0.3) 2px 2px 4px, rgba(0,0,0,0.3) -2px 2px 4px;
}

/*---------------------------------
	       /Base CSS 
---------------------------------*/

img{border:0}

/* clearfix(削除不可) */
.clearfix:after {
	content:"."; display:block; clear:both; height:0; visibility:hidden;
}

.clearfix {
	display:inline-block;
}

/* for macIE \*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

.copyright {
	display: none;
}

.content-box {
	width: 1200px;
	margin: 4rem auto;
}

#gallery_wrap {
	width: 1200px;
	margin: 4rem auto;
}

#gallery_list li{
	width: 23%;
	height: 550px;
	border: 1px solid #ccc;
	float: left;
	margin: 1%;
	overflow: hidden;
	padding: 2rem;
	position: relative;
}

#gallery_list a.photo{
	width:100%;
	height:311px;
	margin:0 auto;
	overflow:hidden;
	display:block;
	text-decoration: none;
	text-align: center;
}

#gallery_list a.photo img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}

#gallery_list li .detail_text {
	display: block;
	width: 100%;
	height: 130px;
	overflow-y: auto;
	margin-top: 2rem;
}

#gallery_list li .date {
	position: absolute;
	bottom: 2rem;
	right: 2rem;
}

/*---------------------------------
	       /Base CSS 
---------------------------------*/

/*---------------------------------
	      Pager style
---------------------------------*/
.pager_link{
	text-align:center;
	padding:10px;
}

/*ページャーボタン*/
.pager_link a {
	border: 1px solid #aaa;
	color: #333;
	padding: 0.5rem 1rem;
	text-decoration: none;
	margin:0 2px;
}

/*現在のページ、オーバーボタン*/
.pager_link a.current,.pager_link a:hover{
	background: #999;
	color: #FFFFFF;
}

.overPagerPattern{
	padding:0 2px ;	
}

/*---------------------------------
	      /Pager style
---------------------------------*/

/* ---------- PC用設定ここまで ---------- */
}

/* ---------- 画面サイズが767px以下の場合読み込む---------- */

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

.breadcrumb {
	width: 94%;
}
.top-image-box {
	height: 24rem;
}

.top-image-box h2 {
	font-size: 4rem;
}

.content-box {
	width: 94%;
	margin: 2rem auto;
}

#gallery_wrap {
	width: 94%;
	margin: 2rem auto;
}

#gallery_list li {
	width: 100%;
	height: auto;
	padding: 1rem;
	margin: 2rem auto;
	float: none;
}

#gallery_list a.photo {
	height: auto;
}

#gallery_list li .detail_text {
	height: auto;
	margin-bottom: 14%
}

#gallery_list a.photo img {
	width: 100%;
	height: auto;
}

#lightbox-container-image-box {
	width: 94% !important;
	height: auto !important;
}

#lightbox-container-image-box img {
	width: 100% !important;
	height: auto !important;
}

#lightbox-nav a {
	height: auto !important;
}

#lightbox-container-image-data-box {
	width: 94% !important;
	margin: 20px auto !important;
}



/* ---------- スマホ用ここまで ---------- */
}