@charset "utf-8";
/* CSS Document */
.subimg{
	background-image:url("../images/subimg.jpg");
	background-size: cover;
	min-height:250px;
	display: flex;
	justify-content: center;
  align-items: center;
}
.subimg h2{
	background: none;
	color: #FFFFFF;
	font-size:4rem;
	font-weight: bold;
}
#maindojo{
	display:flex;
}
#maindojo a{
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.dojotitle{
	font-size: 2.5em;
	font-weight: bold;
}
.shibu .dojotitle{
	font-size: 1.8em;
}
.dojoadress{
	margin-bottom: 1em;
}
.dojolink{
	border:2px solid #FFFFFF;
	display: inline-block;
	padding:0.5em 2em;
}
#maindojo a:hover .dojolink{
	color: #CC0A0D;
	background: #FFFFFF;
}
.honbu{
	background-image:url("../images/bg-honbu.jpg");
	background-repeat: no-repeat;
	background-size:cover;
	width: 50%;	
}
.honbu a{
	display:flex;
	justify-content: center;
  	align-items: center;
	flex-direction: column;
	width: 100%;
	min-height: 430px;
}
.shibu{
	width: 50%;
	display: flex;
	flex-wrap: wrap;
}
.mino a,.minonishi a,.nyoitani a,.koshien a{
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
min-height: 215px;
}
.mino{
	width: 50%;
	background-image:url("../images/bg-mino.jpg");
	background-repeat: no-repeat;
	background-size:cover;
}
.minonishi{
	width: 50%;
	background-image:url("../images/bg-minonishi.jpg");
	background-repeat: no-repeat;
	background-size:cover;
}
.nyoitani{
	width: 50%;
	background-image:url("../images/bg-nyoitani.jpg");
	background-repeat: no-repeat;
	background-size:cover;
}
.koshien{
	width: 50%;
	background-image:url("../images/bg-koshien.jpg");
	background-repeat: no-repeat;
	background-size:cover;
}
/* 師範挨拶 */
.aisatsu{
	margin-bottom: 3em;
	display: flex;
	justify-content: space-between;
}
.aisatsu-txt{
	width: 78%;
}
.aisatsu-img{
	width: 20%;
}
/* 道場案内 */
.schimg{
	margin-bottom: 40px;
}
.dojobox{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.dojobox-txt{
	width: 42%;
}
.dojobox-map{
	width: 56%;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.border{
	border: 1px solid #333;
	padding: 0.25em;
}
/* 入門案内 */
.entrypaper{
	text-align: center;
	margin-bottom: 30px;
}
.entrypaper img{
	border: 1px solid #999;
	width: 60%;
}
.entrypaper-link{
	display: flex;
	justify-content: space-around;
}
.entrypaper-link a{
	font-size: 1.5em;
}
.entrypaper-link div{
	margin-bottom: 30px;
}
/* 声 */
.voicecontents{
	display:flex;
	flex-wrap: wrap;	
	justify-content: space-between;
}
.voicebox{
	border: 1px solid #333;
	width: 45%;
	padding:1em;
	margin-bottom: 1.2em;
}
.riyu1,.jissai1{
	font-weight: bold;
	color: #cc0a0d;
}
.riyu2{
	border-bottom: 1px solid #333;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
.voiceintro{
	font-size:1.2em;
	padding: 1em 1.5em;
	background: #f3f3f3;
	margin-bottom: 1em;
}
/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {	
	#maincatch {
		padding:3em 10px;		
	}
	#maininfo {
		padding:0 10px;		
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
.maincatch-logo{
		margin-bottom: 1em;
}
#maininfobox{
	display: block;
	padding: 3em 0;
	justify-content: space-between;
}
.infobox1,.infobox2{
	width: 100%;	
}
.infobox1{
	border-right:0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2em;
	margin-bottom: 2em;
}
#maindojo{
	display: block;
}
.honbu{
	width: 100%;	
}
.honbu a{
	width: 100%;
	min-height:250px;
}
.shibu{
	width: 100%;
}
	.shibu a{
		min-height: 200px;
	}

.subimg{
	background-image:url("../images/subimg.jpg");
	background-size: cover;
	min-height:150px;
	display: flex;
	justify-content: center;
  align-items: center;
}
.subimg h2{
	background: none;
	color: #FFFFFF;
	font-size:3rem;
	font-weight: bold;
}

/* 師範 */
.aisatsu{
	margin-bottom: 3em;
	display: block;
	justify-content: space-between;
}
.aisatsu-txt{
	width: 100%;
	margin-bottom: 1em;
}
.aisatsu-img{
	text-align: center;
	margin: 0 auto;
	width: 50%;
}	
	
.entrypaper-link{
	display:block;
}
/* 声 */
	.voicecontents{
	display:flex;
	flex-wrap: wrap;	
	justify-content: space-between;
}
.voicebox{
	border: 1px solid #333;
	width: 100%;
	padding:1em;
	margin-bottom: 1em;
}
}
/*================================================
 *  スマートフォン向けデザイン2
 ================================================*/
@media screen and (max-width: 480px) {
#maincatch-contents{
	display:block;
}
.maincatch-logo{
	width: 60%;
		margin: 0 auto 10px;
}
.maincatch-txt{
	width: 100%;
}
/* 道場案内 */
.dojobox{
	display: block;
}
	
.dojobox-txt{
	width: 100%;
}
.dojobox-map{
	width: 100%;
}

	
}