@charset "utf-8";

@media screen and (min-width: 1024px) {

/*=============================================

ALL

=============================================*/	

.gallery .mainBg {
    text-align: center;
    background:url(../img/access/mainttl_access.png) no-repeat;
	height:160px;
}

.gallery .aside_inner span {
	text-align: left;
    display: block;
    padding: 15px;
}

/*ギャラリー
----------------------------------------*/


.gallery ul.galleryBox {
	overflow:hidden;
	margin:0 0 30 0;
}

.gallery ul.galleryBox li{
	width:31.9%;
	float:left;
	margin:0 15px 15px 0;
}

.gallery ul.galleryBox li:nth-child(3n) {
	margin:0 0 15px 0;
}

.gallery ul.galleryBox li span {
	display:block;
	text-align:center;
	margin:10px 0;
}

/*ASIDE共通
----------------------------------------*/
.gallery aside {
	width:250px;
	float:left;
	background: #fff;
}

.gallery .aside_inner {
}

.gallery .aside_inner p {
	border-top: 5px solid #8dc556;
	margin:0 10px 10px 10px;
}

.gallery .aside_inner span {
	text-align: left;
    display: block;
    padding: 15px;
	background:#f3f3f3;
}

.gallery aside ul {
	border:none;
}

.gallery aside li {
	border-bottom:1px dotted #eaf0f4;
	text-align:left;
	background:none;
}

.gallery aside li:last-child {
	border:none;
}

.gallery aside li ul li {
}

.gallery aside li ul li a {
	text-decoration:none;
}


.gallery aside li a {
    display: block;
    background: none;
    border: none;
    padding: 15px 15px 15px 30px;
    background: url(../img/btn_index_other_arrow.png) no-repeat left 3% center;
}

.gallery aside li a.pl{
    display: block;
	background: #d6e9c4;
}

.gallery aside li a:hover {
	text-decoration:none;
	border:none;
    background: url(../img/btn_index_other_arrow.png) no-repeat left 3% center #d6e9c4;
}

/*準備中
----------------------------------------*/
.gallery .coming_soonBox {
	text-align: center;
}

.gallery .coming_soonBox_inner {
	padding: 50px 20px;
}

.gallery .coming_soonBox_inner p {
	padding:20px 0;
	margin:0 0 20px 0;
	font-size:130%;
}



}



@media screen and (min-width:641px) and ( max-width:1023px){
	
/*=============================================

ALL

=============================================*/	

.gallery .mainBg {
    text-align: center;
    background:url(../img/access/mainttl_access.png) no-repeat;
}

.gallery .aside_inner span {
	text-align: left;
    display: block;
    padding: 15px;
}

/*ギャラリー
----------------------------------------*/

.gallery ul.galleryBox {
	overflow:hidden;
	margin:0 0 30 0;
}

.gallery ul.galleryBox li{
	width:31.9%;
	float:left;
	margin:0 15px 15px 0;
}

.gallery ul.galleryBox li:nth-child(3n) {
	margin:0 0 15px 0;
}

.gallery ul.galleryBox li span {
	display:block;
	text-align:center;
	margin:10px 0;
}

/*ASIDE共通
----------------------------------------*/
.gallery aside {
	width:250px;
	float:left;
	background: #fff;
}

.gallery .aside_inner {
}

.gallery .aside_inner p {
	border-top: 5px solid #8dc556;
	margin:0 10px 10px 10px;
}

.gallery .aside_inner span {
	text-align: left;
    display: block;
    padding: 15px;
	background:#f3f3f3;
}

.gallery aside ul {
	border:none;
}

.gallery aside li {
	border-bottom:1px dotted #eaf0f4;
	text-align:left;
	background:none;
}

.gallery aside li:last-child {
	border:none;
}

.gallery aside li ul li {
}

.gallery aside li ul li a {
	text-decoration:none;
}


.gallery aside li a {
    display: block;
    background: none;
    border: none;
    padding: 15px 15px 15px 30px;
    background: url(../img/btn_index_other_arrow.png) no-repeat left 3% center;
}

.gallery aside li a.pl{
    display: block;
	background: #d6e9c4;
}

.gallery aside li a:hover {
	text-decoration:none;
	border:none;
    background: url(../img/btn_index_other_arrow.png) no-repeat left 3% center #d6e9c4;
}


/*準備中
----------------------------------------*/
.gallery .coming_soonBox {
	text-align: center;
}

.gallery .coming_soonBox_inner {
	padding: 50px 20px;
}

.gallery .coming_soonBox_inner p {
	padding:20px 0;
	margin:0 0 20px 0;
	font-size:130%;
}

}



@media screen and (max-width:640px){
	
/*=============================================

ALL

=============================================*/	

.gallery .mainBg {
    text-align: center;
    background:url(../img/access/mainttl_access.png) no-repeat;
}

.gallery .aside_inner span {
	text-align: left;
    display: block;
    padding: 15px;
}

/*ギャラリー
----------------------------------------*/


.gallery ul.galleryBox {
	overflow:hidden;
	margin:0 0 30 0;
}

.gallery ul.galleryBox li{
    width: 48%;
    float: left;
    margin: 0 10px 10px 0;
}

.gallery ul.galleryBox li:nth-child(2n) {
	float:right;
	margin:0 0 10px 0;
}

.gallery ul.galleryBox li span {
	display:block;
	text-align:center;
	margin:10px 0;
}

/*ASIDE共通
----------------------------------------*/
.gallery aside {
	background: #fff;
}

.gallery .aside_inner {
}

.gallery .aside_inner p {
	border-top: 5px solid #8dc556;
	margin:0 10px 10px 10px;
}

.gallery .aside_inner span {
	text-align: left;
    display: block;
    padding: 15px;
	background:#f3f3f3;
}

.gallery aside ul {
	border:none;
}

.gallery aside li {
	border-bottom:1px dotted #eaf0f4;
	text-align:left;
	background:none;
}

.gallery aside li:last-child {
	border:none;
}

.gallery aside li ul li {
}

.gallery aside li ul li a {
	text-decoration:none;
}


.gallery aside li a {
    display: block;
    background: none;
    border: none;
    padding: 15px 15px 15px 30px;
    background: url(../img/btn_index_other_arrow.png) no-repeat left 3% center;
}

.gallery aside li a.pl{
    display: block;
	background: #d6e9c4;
}

.gallery aside li a:hover {
	text-decoration:none;
	border:none;
    background: url(../img/btn_index_other_arrow.png) no-repeat left 3% center #d6e9c4;
}

/*準備中
----------------------------------------*/
.gallery .coming_soonBox {
	text-align: center;
}

.gallery .coming_soonBox_inner {
	padding: 50px 20px;
}

.gallery .coming_soonBox_inner p {
	padding:20px 0;
	margin:0 0 20px 0;
	font-size:130%;
}

}