/*■■全体■■■■■■■■■■■■■■■■■*/

body{
margin: 0;
padding: 0;
border: none;
background: url(../img/mainbk.jpg);
background-attachment: fixed;
}

hr{
border: none !important;
clear: both;
}


#wrapper{
width: 80%;
margin: 0 auto;
padding: 0;
border: none;
}

h1{
font-size: 1.3rem;
}


h2{
border-bottom: solid 4px black;
margin-left: 0rem;
width: 80%;
background-image: url(../img/9415_2.gif);
font-size: 1.8rem;
background-repeat: no-repeat; 
background-size: 1.8rem;

text-indent: 2rem;
}







/*■■ナビ■■■■■■■■■■■■■■■■■*/
nav {
width: 100%;
margin: 0 auto;
padding: 0;
border: none;
overflow: hidden;
background-color: #FFFFFF;

position: fixed; /* 要素の位置を固定する */
top: 0; /* 基準の位置を画面の一番上に指定する */
left: 0; /* 基準の位置を画面の一番左に指定する */


z-index: 10; /* 重なり補正 */
}



nav .navbtn {
width: 90%;
padding: 0;
margin: 0 auto;
border: none;
background-color: #FFFFFF;
}


nav .navbtn img{
width: auto;
height: 100%;
}







nav li{
display: block;
padding: 0;
margin: 0;
border: none;
width: 20%;
float: left;
background-color: #FFFFFF;
vertical-align: middle;

justify-content: center;



}

nav li a{
display: block;
width: 95%;
margin: 0 auto;

/*border: solid 5px rgba(0, 0, 0, 1);*/

height: 2rem;
margin: 0.2rem; auto 0 auto:
background-color: #FFFFFF;

text-align: center;
padding: 0.5rem 0;

vertical-align: center;

text-decoration: none;
font-weight: bold;
font-size: 1.3rem;
text-indent:　0;
color: #003355;


text-shadow: 2px 2px 1px rgba(0, 0, 255, 0.3);

letter-spacing: 0.2em;
}

/**/





nav li a:hover{
text-shadow: 1px 1px 0px rgba(0, 0, 255, 0.5);

}









nav li a *{
display: inline-block;
vertical-align: middle;
}





/*■■コンテンツ部分全体■■■■■■■■■■■■■■■■■*/
#cont{
width: 100%;
margin: 2rem auto 0 auto;
padding: 2rem 0 0 0;
background-color: rgba(255,255,255,0.95)
}





/*■■トップ■■■■■■■■■■■■■■■■■*/
#cont1{
width: 80%;
margin: 0 auto;
padding: 0 5% 1rem 5%;
}


#cont .img_top {
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
}




#cont1 p{
width: 90%;
margin: 0 auto;
padding: 0 5%;
}

h1{
margin: 0;

}

h1{
font-size: 2rem;
}


#cont1 .lesson_img{
width: 26%;
display: block;
margin: 0 auto;
margin: 1rem 3% 1rem 3%;
height: auto;
float: left;
}

/*■ごあいさつのポップアップ■*/

.hello_ban{
width: 40%;
height: auto;
border: solid 2px #000000;
margin: 1rem auto 0 1rem;
}


.popup-modal{
clear: both;
}

#inline-wrap{
width: 60%;
margin: 2rem auto 3rem auto;
padding: 1rem 2rem 4rem 2rem;
background-color: #FFFFFF;
}

#inline-wrap img{
display: block;

position: fixed; /* 要素の位置を固定する */
bottom: 1rem; /* 基準の位置を画面の一番上に指定する */
left: 40%; /* 基準の位置を画面の中央に指定する */
z-index: 10; /* 重なり補正 */

width: 15%;

margin: 0 auto;
}

#inline-wrap .sign{
display: block;
text-align: right;
}



/*■■講師■■■■■■■■■■■■■■■■■*/
#cont2{
width: 90%;
margin: 0 auto;
}

#cont2 p{
width: 90%;
margin: 0 auto;
padding: 0 5%;
}

#cont2 .prof{
width: 25%;
height: auto;
display: block;
margin: 0 auto;
}

#cont2 .ban{
width: 60%;
height: auto;
border: solid 2px #000000;
}


/*■■受講コース■■■■■■■■■■■■■■■■■*/
#cont3{
width: 90%;
margin: 0 auto;
padding: 0 5% 1rem 5%;
}


#cont3 dl{
line-height: 1.3rem;
text-indent: 0rem;
margin-top: 0rem;
padding: 0 0 1.5rem 2.0rem;
}

#cont3 dt{
float: left;
margin-right: 1.2rem;
font-weight: bold;
}

#cont3 dd{
margin-left: 0rem;
margin-bottom: 0.3rem;
}


.imgbox{
width:80%;
margin: 0 auto;
}


.imgbox img{
width: 22%;
height: auto;
border: solid 1px #000000;
}


#cont3 h3{
font-size: 1.5rem;
text-indent: 1rem;
margin-bottom: 0rem;
text-decoration: underline;
}

/*■■アクセス■■■■■■■■■■■■■■■■■*/
#cont4{
width: 90%;
margin: 0 auto;
padding: 0 5% 1rem 5%;
}

#cont4 .ggmap {
height: 25rem;
position: relative;
overflow: auto;
border: solid 1px black;
}
 
#cont4 .ggmap *{
font-size: 1rem;
width: 100%;
height: 25rem;
}

#cont4 .ggmap iframe{
width: 100%;
height: 25rem;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 80%;
}




/*■■お問い合わせ■■■■■■■■■■■■■■■■■*/
#cont5{
width: 90%;
margin: 0 auto;
padding: 0 5% 1rem 5%;
}


#cont5 dt{
float: left;
margin-right: 2em;
font-weight: bold;
}

#cont5 dd{

}





#cont1{
padding-top: 1.5rem;
padding-bottom: 0;
}

#cont2,#cont3,#cont4{
padding: 3rem 2rem 0 1rem;
}

#cont5 {
padding: 3rem 2rem 4rem 1rem;
}



/*■■フッター■■■■■■■■■■■■■■■■■*/

#cont6{
width: 100%;
background-color: #003255;
height: 2rem;
padding-top: 0.5rem;
text-align: center;
color: #FFFFFF;
}


	.footer{
margin: 0 auto;
vertical-align: middle;

}


	/*コピーライト*/
	.footer::after{
	content: 'Copyright © 社団法人全日本芸術展望協会';
	white-space: pre;
	}




/*■■■■■■■■■■■■■■■■■■■*/
.footer {}




/*■■スマホ用■■■■■■■■■■■*/

@media (max-width: 560px){
	h1 {
	font-size: 1.1rem;
	}

	#wrapper{
	width: 95%;
	}


#cont{
padding-top: 1rem;
}

h2{
font-size: 1.2rem;
line-height: 1.7rem;
}


#cont3 h3{
font-size: 1.1rem!important;
line-height: 1.5rem;
}


#cont1,#cont2,#cont3,#cont4,#cont5{
width: 95%;
padding: 3rem 0 0 0.5rem;
margin-top: 0;

}

	.sminv{
	display: none;
	margin: 0;
	padding: 0;
	border: 0;
	}


	nav .navbtn {
	width: 100%;
	}


	nav li{
	width: 25%;
	height: 2.5rem;
	}


	nav li a{
	width: 100%;
	font-size: 0.7rem;
	}


#cont4 .ggmap{
font-size: 1rem;
width: 90%;
height: 25rem;
}


#cont4 .ggmap *{
font-size: 1rem;
width: 100%;
height: 25rem;
}

#cont4 .ggmap iframe{
width: 100%;
height: 25rem;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
top: 0;
left: 0;
width: 100%;
}








	/*改行するだけ*/
	.smbr::after{
	content: '\A';
	white-space: pre;
	}




	/*コピーライト*/
	.footer::after{
	content: 'Copyright © 社団法人全日本芸術展望協会';
	font-size: 0.7rem;
	white-space: pre;

	}






}

/*■■スマホ用ここまで■■*/