@charset "UTF-8";
/* CSS Document */

/*アーカイブページ*/

#groupGallery{}

#groupGallery .boxItem {
	margin-bottom:60px;
}
#groupGallery .boxItem .photo {
	background:#4b4b4b;
	padding:10px;
	text-align:center;
}
#groupGallery .boxItem .photo img {
	/*width:100%;*/
}
#groupGallery .boxItem h3 {
	background:#e8f8ff url(css_img/iconGalleryTitle.png) no-repeat 10px 13px;
	padding:10px 15px 10px 50px;
	border:none;
	color:#0f869d;
	font-size:1.1em;
	font-weight:normal;
	margin:0;
}
#groupGallery .boxItem .date{
	color:#38abe6;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:5px;
}
#groupGallery .boxItem .content{
	background:#a2d5ec;
	padding:13px 20px;
	color:#4f4f4f;
}
#groupGallery .boxItem .content .frame{
	background:#fff;
	padding:11px 22px;
	word-wrap: break-word;
	word-break: break-all;
}
#groupGallery .boxItem .content .frame p{
	padding:0.2em 0;
}

/*詳細ページ*/

#groupGallery .boxPage {}
#groupGallery .boxPage h3 {
	border:none;
	background:url(css_img/iconTitleGallery.png) no-repeat 5px 3px;
	background-size:23px;
	padding:0 0 0 35px;
	margin-bottom:5px;
	font-size:1.2em;
	color:#626262;
}
#groupGallery .boxPage .date {
	text-align:right;
	color:#81c7d4;
	margin-bottom:25px;
	font-size:0.9em;
}
#groupGallery .boxPage .photo {
	line-height:0;
	background:#eee;
	border:solid 1px #ccc;
	text-align:center;
}
#groupGallery .boxPage .photo img {
	opacity:0;
}
#groupGallery .boxPage .content {
	padding:6px 10px;
	background:#e2e2e2;
	font-size:0.9em;
	color:#454545;
	margin-bottom:30px;
}
#groupGallery .boxPage .content .frame {
	padding:8px 9px;
	background:#fff;
}
#groupGallery .boxPage .btmListPage {}
#groupGallery .boxPage .btmListPage a {
	display:block;
	padding:10px 20px 10px 50px;
	font-size:1.1em;
	color:#5a6365;
	text-decoration:none;
	background:#fff url(../dafault/css/css_img/iconListPage.png) no-repeat 10px center;
	background-size: 25px;
	border:solid 1px #a3dfeb;
}



/**************************************************************************************
**************************************************************************************
画面サイズが460pxより大きい場合
**************************************************************************************
**************************************************************************************/


@media screen and (min-width: 460px){
  
	#groupGallery .boxItem h3 {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#groupGallery .boxItem {
	  float:left;
	  width:50%;
	}
  #groupGallery .boxItem .inframe {
	margin:0 10px;
  }
  
  #groupGallery .boxPage .photo {
	  float:left;
	  width:250px;
  }
  
  #groupGallery .boxPage .content {
	margin-left:280px;
	margin-bottom:30px;
  }
  #groupGallery .boxPage .btmListPage {
	clear:both;
	padding-top:55px;
  }
}

/**************************************************************************************
**************************************************************************************
画面サイズが640pxより大きい場合
**************************************************************************************
**************************************************************************************/


@media screen and (min-width: 640px){
  #groupGallery .boxItem {
	  width:33%;
	  margin-bottom:15px;
	}
  
  #groupGallery .boxPage .photo {
	  width:350px;
  }
  #groupGallery .boxPage .content {
	margin-left:380px;
  }
}