body {
background-color: #FFFEE0;
padding: 2%;
line-height: 1.5em;
font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    }

/* リンクここから */

a{text-decoration:none;}
a:link { color: #000; }
a:visited { color: #000; }
a:hover {opacity:0.7;filter:alpha(opacity=70);}
a:active { color: #000; }
    
a.cs02{text-decoration:none;}
a.cs02:link {color:#666666;}
a.cs02:visited {color:#666666;}
a.cs02:hover {opacity:0.7;filter:alpha(opacity=70);}
a.cs02:active {color:#666666;}

a.cs03{text-decoration:none;}
a.cs03:link {color:#ED1C24 !important;}
a.cs03:visited {color:#ED1C24 !important;}
a.cs03:hover {opacity:0.7;filter:alpha(opacity=70) !important;}
a.cs03:active {color:#ED1C24 !important;}


/* リンクここまで */

.logo{
margin: auto 2% auto 2%; 
text-align: left;  
}
    
.logo img {
width: 40%;
}

p {
text-align: left;
font-size: 0.9em;
padding: 1% 2%;
color: #666666;
} 

/* 勇心館とは */
h1{
color: #000;
text-align: center;
margin:5% auto 2% auto;
font-size: 1.6em;
}

/* 最新ニュース */
h2{
color: #ED1C24;
text-align: center;  
font-size: 1.5em;
margin:5% auto 0% auto;
}


/* 入館案内 */
h3 {
margin: 2% 1%; 
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #000;/*文字色*/
background: whitesmoke;/*背景色*/
border-left: solid 5px #ED5353;/*左線*/
border-bottom: solid 3px #dadada;/*下線*/
width: 30%;
}

/* クラス紹介 */     
h4{
width: 100%;
padding: 2% 0 0 0;
margin-top:-1%;
margin-bottom:0px;
text-align: center;
vertical-align: middle;
background-color:#000000;
font-size: 16pt;
line-height:normal;
}

/* スマホ用時間割 */ 
h5{
color: #ED1C24;
text-align: center;
margin:5% auto 0% auto;
font-size: 1em;
}

/* メディアクエリ　hとp */
    
@media screen and (max-width: 640px) {
h1{
margin:7% auto 2% auto;
font-size: 1em;
}

h2{ 
font-size: 1em;
margin:0% auto 0% auto;
}    
    
h3 {
font-size: 1em;
margin: 2% 1%; 
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #000;/*文字色*/
background: whitesmoke;/*背景色*/
border-left: solid 5px #ED5353;/*左線*/
border-bottom: solid 3px #dadada;/*下線*/
width: 70%;
}
    
h4{
width: 100%;
padding: 2% 0 0 0;
margin-top:-2%;
font-size: 0.9em;
}

p {
font-size: 0.7em;
line-height: 1.5em
}

}
/* メディアクエリ hとp */

/* 最新ニュースここから */
.news{
margin: -2% auto 1% auto; 
text-align: center; 
font-size: 1.5em;
color: #666666;
}
    
.news p{    
display: inline-block;
text-align: left;
}
/* 最新ニュースここまで */

/* 無料体験〜問い合わせここから */
.other{
color: #000;
text-align: left; 
margin: 2% 2% 0% 3.5%; 
font-size: 1em;
}
/* 無料体験〜問い合わせここまで */
  
/* メディアクエリ タブ以外 */
    
@media screen and (max-width: 640px) {
  
.news{
margin: -2% auto 0% auto; 
font-size: 1em;
line-height: 1.4em
}

.other{
color: #000;
text-align: left; 
margin: 2% 0% 0% -4%; 
font-size: 0.9em;
}

}
/* メディアクエリ　タブ以外 */


/* スライダーここから */
* {
box-sizing: border-box;
}

.slider {
width: 90%;
margin: 2% auto;
}

.slick-slide {
margin: 0px 20px;
}

.slick-slide img {
width: 100%;
}

.slick-prev:before,
.slick-next:before {
color: black;
}
/* スライダーここまで */
    
/* タブここから */
*{box-sizing:border-box;}				
				
/* 表示領域全体 */
		div.tabbox { margin: 3% auto; padding: 0px; width: 90%; }
		/* タブ部分 */
		p.tabs { margin: 0px; padding: 0px; }
		p.tabs a { display: block; width: 25%; float: left; margin: 0px 0px 0px 0px; padding: 2%;
        text-align: center; border-radius: 8px 8px 0px 0px; font-size: 1em; }
		p.tabs a.tab1 { background-color: #000; color: #FFF; }
		p.tabs a.tab2 { background-color: #1D1D1D; color: #FFF; }
		p.tabs a.tab3 { background-color: #000; color: #FFF; }
        p.tabs a.tab4 { background-color: #1D1D1D; color: #FFF; }
		
		p.tabs a:hover {opacity:0.7;filter:alpha(opacity=70);}
    /* 対応表示領域 */
		div.tab { overflow: auto; clear: left; }
		div#tab1 { border: 3px solid #000;  background:#FFF; height: 100%; }
		div#tab2 { border: 3px solid #1D1D1D; background:#FFF; height: 100%; }
		div#tab3 { border: 3px solid #000; background:#FFF; height: 100%; }
        div#tab4 { border: 3px solid #1D1D1D; background:#FFF; height: 100%; }
		
		div.tab p { margin: 0.5em;}

/* タブここまで */ 

/* メディアクエリ　タブ */   
@media screen and (max-width: 600px) {    			
				
/* 表示領域全体 */
		div.tabbox { margin: 3% auto; padding: 0px; width: 98%; }
		/* タブ部分 */
		p.tabs { margin: 0px; padding: 0px; }
		p.tabs a { display: block; width: 25%; float: left; margin: 0px 0px 0px 0px; padding: 2% 0%;
        text-align: center; border-radius: 8px 8px 0px 0px; font-size: 0.9em; }
    }
/* メディアクエリ　タブ */    

   
/* クラス紹介ここから */         

.class{
  width: 90%;
  margin: 4% auto;
  text-align: center;
  border: 0px solid #FFF;
  padding: 1%;
  overflow: hidden;
}
.class-1{
  width: 45%;
  float: left;
  margin: 1% 2% 1% 2%;
  border: 0px solid #FFF;
  box-shadow:2px 2px 4px #A1A6D1;
}
.class-2{
  width: 45%;
  float: right;
  margin: 1% 2% 1% 0%;
  border: 0px solid #FFF;
  box-shadow:2px 2px 4px #A1A6D1;
}
    
.caption{
background-color:#000000;
width: 100%;
text-align: left;
margin: -3% auto 0% auto;
padding: 2.5% 0%;
}
  
.caption p {
text-align: left;
font-size: 0.9em;
color: #FFF;
line-height: 1.5em
}
/* クラス紹介ここまで */ 

/* メディアクエリ　クラス紹介 */
     
@media screen and (max-width: 767px) {

.class{
width: 90%;
margin:2% auto;
text-align: center;
overflow: hidden;
}    

.class-1{width: 95%;
float: center;
padding: 2.5% 0%;
box-shadow:none;}
    
.class-2{width: 95%;
float: center;
padding: 2.5% 0%;
box-shadow:none;}
  
.caption p {
font-size: 0.7em;
line-height: 1.2em
}    
    
    }
/* メディアクエリ　クラス紹介 */      
     
/* 時間割ここから */
      
.table03{
width: 90%;
border-collapse: collapse;
border: 1px solid #929292;
text-align: center;  
margin: 3% auto; 
}

.table03 tr{
width:15%;
border: 1px solid #929292;
text-align: center;
font-size: 1em;
}

.table03 td{
width:10%;
border: 1px solid #929292;
text-align: center;
padding: 1%;
font-size: 0.8em;
}

td.color03{ background-color: #000;
    color: #FFF;} 


.jikannwari{
text-align: center; 
margin: 3% auto;
font-size: 0.7em;
color: #666666; 
} 

.schedule{
text-align: center; 
margin: 1% auto; 
}
   
.schedule p{    
display: inline-block;
text-align: left;
font-size: 0.7em;
color: #666666;
} 

/* 時間割ここまで */

/* メディアクエリ　時間割 */ 
     
@media screen and (max-width: 767px) {
.table03{display:none;}
.jikannwari{display:none;}
    }
      
@media screen and (min-width: 768px){
.schedule{display:none;}}

/* メディアクエリ　時間割 */   
     
/* アクセスここから */     
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding: 2% auto 0% auto ; ;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 2.5%;
width: 95%;
margin: 5% auto 0% auto ; 
}  
/* アクセスここまで */