@charset "utf-8";
/* resets 
------------------------------------------------*/
/*section,nav,article,aside,hgroup,header,footer,figure,figcaption,box { display: block; padding:0; }
caption,th { margin: auto; text-align: left; }
img {
	border: 0;
	border-style:none;
	vertical-align: bottom; 
}

address,caption,th { 
	font-weight: normal; font-style: normal; 
}*/

/*　Main Structure	
------------------------------------------------*/
/*body { 
	margin:0;
	padding:0;
	background-image:url(../images/line.gif), url(../images/line.gif); 
	background-position: center 100px, center bottom -51px;
	background-repeat: no-repeat, no-repeat ;  
	background-size:100% 25px, 100% 25px;     
	color: #222;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

a:link { color: #4183c1; }

a:visited { color: #86abcd; } 

a:hover {
	background: #fffeef;
	color: #ce4646;
	text-decoration: none
}	*/						

/*  clearfix 
------------------------------------------------*/
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after {
	display: table;
	content:"";
	line-height: 0;
}
.clearfix:after { clear: both; }


/*	common 
------------------------------------------------*/
/*#container {
	margin: 0 auto;  
	width: 1200px;
	height:auto;
}*/


/*---------------------------------
  #gallery
---------------------------------*/
body,ul{ 
	margin:0;padding:0;list-style:none;
}
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; }

body #wrapper div#contents article .innerBox #gallery_wrap {
	height: auto;
    margin: 0 auto;
}
@media screen and (min-width: 1025px){
	body #wrapper div#contents article .innerBox #gallery_wrap {
		width: 1000px;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
	body #wrapper div#contents article .innerBox #gallery_wrap {
		width: 1000px;
	}
}
@media screen and (min-width: 0px) and (max-width: 999px){
	body #wrapper div#contents article .innerBox #gallery_wrap {
		width: 96%;
		margin: 0 2% 0 2%;
	}
}

body #wrapper div#contents article .innerBox #gallery_list li{
	border:1px solid #ccc;
	float:left;
	margin:0 4px 5px 0;
	overflow:hidden;
	padding:10px 5px;
	text-align:center;
	font-size:16px;
}
@media screen and (min-width: 1025px){
	body #wrapper div#contents article .innerBox #gallery_list li{
		width: 246px;
		height: 212px;
	}
}
@media screen and (min-width: 701px) and (max-width: 1024px){
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		body #wrapper div#contents article .innerBox #gallery_list li{
			width: 30.33333%;
			margin: 5px 1.5% 7px;	
			height: 214px;
		}
	}
	@media screen and (min-width: 701px) and (max-width: 767px) {
		body #wrapper div#contents article .innerBox #gallery_list li{
			width:47%;
			margin: 8px 1.5% 10px;	
			height: 234px;
		}
	}
	@media screen and (min-width: 421px) and (max-width: 700px) {
		@media screen and (min-width: 641px) and (max-width: 700px) {
			body #wrapper div#contents article .innerBox #gallery_list li{
				width: 44%;
				margin: 8px 3% 10px;	
				height: 238px;
			}
		}
		@media screen and (min-width: 568px) and (max-width: 640px) {
			body #wrapper div#contents article .innerBox #gallery_list li{
				width: 40%;
				margin: 8px 5% 10px;	
				height: 244px;
			}
		}
		@media screen and (min-width: 421px) and (max-width: 567px) {
			body #wrapper div#contents article .innerBox #gallery_list li{
				width: 88%;
				margin: 8px 11% 10px;	
				height: 334px;
			}
		}
	}
	@media screen and (min-width: 0px) and (max-width: 420px) {
		body #wrapper div#contents article .innerBox #gallery_list li{
			width: 92%;	
			margin: 8px 4% 10px;	
			height: 434px;
		}
	}
}

body #wrapper div#contents article .innerBox #gallery_list li a.photo {
    width: 80%;
    height: auto;
    margin: 3% 10%;
    overflow: hidden;
    display: block;
}

/*---------------------------------
  Pager style
---------------------------------*/
.pager_link{
	text-align:left;
	padding:10px;
}
/*ページャーボタン*/
.pager_link a {
    border: 1px solid #aaa;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}
/*現在のページ、オーバーボタン*/
.pager_link a.current,.pager_link a:hover{
    background: #999;
    color: #FFFFFF;
}
.overPagerPattern{
	padding:0 2px ;	
}

/*---------------------------------
  iframe
---------------------------------*/


.box{
    height:300px;
	margin-left: 10%;
    margin-bottom: 8%;
	overflow-y: hidden;
	/*@media screen and (min-width: 1025px){
		width: 60%;
	}*/
}
@media screen and (min-width: 701px) and (max-width: 1024px){
	.box{
		width: 75%;
	}
}
@media screen and (min-width: 421px) and (max-width: 700px) {
	.box{
		width: 80%;
	}
}
@media screen and (max-width: 420px) {
	.box{
		width: 98%;
	}
}

.box iframe.b1{
	width: 100%;
	height: 300px;
	border-style:none;
	overflow-x: hidden;
}