@charset "utf-8";
/* ===================================================================
gallery.css
=================================================================== */
#main .box2{	width:100%;
	max-width:1000px;
	text-align:center;
	margin:0 auto 0.5rem auto;
}
#main .box2 h2{/* blog_archiveタイトル */
	color:#FFFFFF;
	font-size:1.3rem;
	padding:1rem 0;
	margin:1rem auto 0 auto;
	background-color:#415930;
	transform: scale(0.95,1);
	letter-spacing: 0.2rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 3px;

}
#main .box2 h2 a{ color:#FFFFFF; }	
#main .box3{/* 動画カテゴリボタン */	
    width:27%;
	max-width:330px;
	text-align:center;
    margin: 1rem 0.3rem 0 0.3rem;
}
#main .box3 h3{
    color: #FFFFFF;
    font-size: 1.3rem;
    padding: 2rem 0;
    transform: scale(0.95,1);
    letter-spacing: 0.2rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
 }
#main .box3 h3.hulo{
    background-color: #0A5FA5;
}
#main .box3 h3.lo{
    background-color: #A5390A;
}
#main .box3 h3.igai{
    background-color: #4C7220;
}
#gallerywrap{
	margin:2rem auto; max-width:1000px;
	
}
#gallerywrap li{
	width:15%;
	height:auto;
	height:130px;
	margin:0 0.2rem 0.4rem 0.2rem;
	border:1px solid #fff;
}
#gallerywrap li a:hover{ opacity:0.8; }
#gallerywrap li img{ height: 130px;		width: 100%;  object-fit: cover;  object-position: center;  font-family: 'object-fit: cover; object-position:  center;'}


/* ===================================================================
▼gallery1（動画ギャラリー）
=================================================================== */
#main .box li iframe{ max-width:500px; width:100%; max-height: 300px;}

#gallery1wrap{	margin:2rem auto; max-width:1000px;}
#gallery1wrap li{	width:45%;	height:auto;	max-height:330px;	margin:0 0.2rem 0.4rem 0.2rem;}
#gallery1wrap li a:hover{ opacity:0.8; }
#gallery1wrap li iframe{ max-height: 300px;		width: 100%;  }
/*ページャー*/
.pager{
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width:80%;
	margin: 1rem auto 1rem auto;
	display: block;
	clear: both;
}
.pager a{
	font-size:10px;
	color: #333;
	text-decoration:none;
	margin-right:2px;
	line-height:2rem;
	background-color:#FFFFFF;
	padding: 5px 10px;
	border-radius:3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
.pager p{	color:#333;	font-size:12px;}
.current_page_number{
	background-color:#FFFF99 !important;
	border-top: 1px solid #FFFF99 !important;
	border-bottom: 1px solid #A3999B !important;
}
.pager i {	padding:0;}
.pager_total {
	color: #FFFFFF;
	font-size: 10px;
	margin-top: 15px;
}

/* ===================================================================
▲/gallery1（動画ギャラリー）
=================================================================== */
/* ===================================================================
▼写真ギャラリー　iframe
=================================================================== */
#photogallery iframe {width: 100%; height:2000px;}
.iframepage{ color:#ffff;}
 
/* ===================================================================
▲写真ギャラリー　iframe
=================================================================== */


/* ----------------ipad -----------------*/
@media only screen and (max-width: 768px) {
#main .box2 h2{	font-size:1.1rem;	padding:0.5rem 0; margin:0.5rem auto 0rem auto;}
#gallery1wrap{	width:100%;}
#gallery1wrap li{	width:90%;	}

/* ----------------mobile -----------------*/
@media only screen and (max-width: 450px) {
#gallerywrap li{
	width:20%;
	max-height:100px;
}
#gallerywrap li img{ max-height: 100px;	}
#main .box3{/* 動画カテゴリボタン */	
    width:45%;
}
#main .box3 h3{
    font-size: 1rem;
    letter-spacing: 0rem;
    padding: 1rem 0;
}
}
@media only screen and (max-width: 375px) {
}