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

.contents section a:hover{
	transition: filter 0.5s ease;
	filter: brightness(110%);
}
	
/*プリントアウト用CSS（PCと同内容）*/
img{
	width:auto;
}
.mainVisual{
	width:1100px;
	margin-bottom:40px;
}
.contents{
	
}

.lead{
	text-align:center;
	font-size:20px;
	margin-bottom:60px;
}

section{
	background:url(../images/section_bg.jpg?20251215) repeat-x;
	text-align:center;
	margin-bottom:7em;
}
	section h3{
		padding:30px 0;
	}
	section .block01{
		margin-bottom:2em;
	}
		section .block01 img{
			width:auto;
		}
	section .block02{
		max-width:1272px;
		width:96%;
		margin:0 auto 3em;
	}
		section .block02 li{
			float:left;
			width:32.5%;
			padding-right:1%;
			padding-bottom:1em;
		}
		section .block02 li.last{
			padding-right:0;
		}
			section .block02 li img{
				width:100%;
				max-width:414px;
			}
	section .book{
		width:auto;
		margin:0 auto;
		margin-bottom:2em;
	}
.section01{
	
}
.section02{
	
}
	.clubContainer{
		max-width:1177px;
		width:90%;
		margin:0 auto 2em;
	}
		.clubContainer .club01{
			float:left;
			max-width:575px;
			width:49%;
		}
		.clubContainer .club02{
			float:right;
			max-width:575px;
			width:49%;
		}
        
        .clubContainer2{
		max-width:1177px;
		width:90%;
		margin:0 auto 2em;
	}
		.clubContainer .club01{
			float:left;
			max-width:575px;
			width:49%;
		}
		.clubContainer .club02{
			margin: 0 auto;
            text-align: center;
			max-width:575px;
			width:49%;
		}
        
        
        
        
		.section02 .clubContainer img{
			width:100%;
		}
@media only screen and (max-width: 768px) {
.clubContainer{
	margin:0 auto 1em;
}
}
.section03{
	
}
	section.section03 .block02 li{
		float:none;
		margin:0 auto;
	}

	

/*  スマホ向けのスタイル：0以上-------------------------------------------------*/
@media only screen and (min-width: 0px) {
img{
	width:100%;
}
.mainVisual{
	width:100%;
	margin-bottom:20px;
}
.contents{
	
}

.lead{
	text-align:center;
	font-size:12px;
	margin-bottom:20px;
	padding:0 1em;
}

section{
	background:url(../images/section_bg.jpg) repeat-x;
	text-align:center;
	margin-bottom:4em;
}
	section h3{
		padding:20px 0;
	}
		section h3 img{
			width:90%;
		}
	section .block01{
		margin-bottom:2em;
	}
		section .block01 img{
			width:90%
		}
	section .block02{
		max-width:1272px;
		width:80%;
		margin:0 auto 3em;
	}
		section .block02 li{
			float:left;
			width:100%;
			padding-right:1%;
			padding-bottom:1em;
		}
		section .block02 li.last{
			padding-right:0;
		}
			section .block02 li img{
				width:100%;
				max-width:414px;
			}
	section .book{
		width:90%;
		margin:0 auto;
		margin-bottom:2em;
	}
.section01{
	
}
.section02{
	
}
.section03{
	
}
	section.section03 .block02 li{
		float:none;
		margin:0 auto;
	}

}

/*  タブレット向けのスタイル：768px以上--------------------------------------------*/
@media only screen and (min-width: 768px) {
img{
	width:100%;
}
.mainVisual{
	width:100%;
	margin-bottom:40px;
}
.contents{
	
}

.lead{
	text-align:center;
	font-size:18px;
	margin-bottom:60px;
	padding:0;
}

section{
	background:url(../images/section_bg.jpg) repeat-x;
	text-align:center;
	margin-bottom:7em;
}
	section h3{
		padding:30px 0;
	}
		section h3 img{
			width:auto;
		}
	section .block01{
		margin-bottom:2em;
	}
		section .block01 img{
			width:80%
		}
	section .block02{
		max-width:1272px;
		width:96%;
		margin:0 auto 3em;
	}
		section .block02 li{
			float:left;
			width:32.5%;
			padding-right:1%;
			padding-bottom:1em;
		}
		section .block02 li.last{
			padding-right:0;
		}
			section .block02 li img{
				width:100%;
				max-width:414px;
			}
	section .book{
		width:80%;
		margin:0 auto;
		margin-bottom:2em;
	}
.section01{
	
}
.section02{
	
}
.section03{
	
}
	section.section03 .block02 li{
		float:none;
		margin:0 auto;
	}

}

/*  PC向けのスタイル：1000px以上-------------------------------------------------*/
@media only screen and (min-width: 1000px) {
img{
	width:auto;
}
.mainVisual{
	width:1100px;
	margin-bottom:40px;
}
.contents{
	
}

.lead{
	text-align:center;
	font-size:20px;
	margin-bottom:60px;
}

section{
	background:url(../images/section_bg.jpg) repeat-x;
	text-align:center;
	margin-bottom:7em;
}
	section h3{
		padding:30px 0;
	}
	section .block01{
		margin-bottom:2em;
	}
		section .block01 img{
			width:auto;
		}
	section .block02{
		max-width:1272px;
		width:96%;
		margin:0 auto 3em;
	}
		section .block02 li{
			float:left;
			width:32.5%;
			padding-right:1%;
			padding-bottom:1em;
		}
		section .block02 li.last{
			padding-right:0;
		}
			section .block02 li img{
				width:100%;
				max-width:414px;
			}
	section .book{
		width:auto;
		margin:0 auto;
		margin-bottom:2em;
	}
.section01{
	
}
.section02{
	
}
.section03{
	
}
	section.section03 .block02 li{
		float:none;
		margin:0 auto;
	}

}



@media only screen and (max-width: 736px) {
.fancybox{
	position: relative;
	padding-top: 56.25%; /* 16:9 アスペクト比 */
	height: 0;
	}
	
.fancybox iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}	
	
}


.pcVew{display: block;}
.spVew{display: none;}

@media only screen and (max-width: 736px) {
.pcVew{display: none;}
.spVew{display: block;}

}