* 共通部分*/
html{
font-size:100%;
}

body{
font-family:"Yu Mincho","YuMincho",serif;
line-height:1.7;
color:#432;
}

a{
text-decoration:none;
}

img{
max-width:100%;
}

.maingazou{
display:none;
}

.home1{
width:260px;
margin-top:20px;
margin-bottom:20px;
text-align:center;
margin-left:auto;
margin-right:auto; 
}

/* ヘッダーとフッター */
.main-nav{
font-size:1.2rem;
font-weight:bold;
text-align:center;
margin:0 auto;
padding:0 10%;
list-style:none;
margin-top:13px;
}
.main-nav li{
background:#efebfc;
color:#6d35a6;
border-radius:7px;
padding:10px 20px;
margin-top:5px;
}
.foreignlang{
display:flex;
justify-content:center;
font-size:1.1rem;
font-weight:bold;
text-align:center;
list-style:none;
margin:0 auto;
padding:0 10%;
}
.foreignlang li{
background:#FAF7F0;
color:#432;
border-radius:5px;
padding:8px 13px;
margin-left:10px;
}

.blog li{
background:#F8E0F7;
}

/* トップページ */

.news-contents{
flex-direction:column;
margin-bottom:50px;
}

h2{
text-align:center;
border-bottom:2px #7f4bde solid;
}

h3{
text-align:center;
border-bottom:2px #f67690 solid;
}

.douga1{
display:flex;
justify-content:center;
}
.youtube {
max-width:100%;
}

/* サイドバーSNS */
#sns{
background:#faf7f0;
flex-direction:column;
}

.sub-title{
font-size:1.5rem;
padding:0 8px 8px;
border-bottom:2px #7f4bde solid;
font-weigt:normal;
margin-bottom:10px;
text-align:center;
margin:0 auto;
padding:0 4%;
}

.sns-box{
width:100%;
text-align:center;
}

/* 自己紹介文 */
.syoukai2{
font-size:0.9rem;
}
.syoukai3{
text-align:center;
margin:0 auto;
padding:0 4%;
}


/* 料金表・お申込み */
.pricepp{
width:100%;
padding-top:20px;
padding-bottom:20px;
font-size:0.9rem;
}
.pricepp th{
display:block;
background:#e9dff0;
padding-top:5px;
padding-bottom:5px;
}
.pricepp td{
display:block;
text-align:center;
background:#fefcff;
padding-top:8px;
padding-bottom:8px;
}

.talk2{
width:300px;
text-align:center;
margin:0 auto;
padding:0 10%;
font-size:0.9rem;
}

.talk2 th{
display:block;
background:#ebf1ff;
padding-top:5px;
padding-bottom:5px;
}
.talk2 td{
display:block;
background:#fafcff;
padding-top:8px;
padding-bottom:8px;
}

.chat{
font-size:1.1rem;
font-weight:bold;
margin-top:50px;
}

/* 教室紹介 */
.classexp{
line-height:2;
}

/* お知らせ部分（リンク飛後） */
.part1{
line-height:2;
}
.part2{
margin-top:30px;
margin-bottom:30px;
background:linear-gradient(transparent 60%, yellow 50%);
width:500px;
text-align:center;
}

.line{
width:80px;
margin:50px;
}
.line{
width:80px;
margin:50px;
}

.line2{
display:flex;
justify-content:center;
}

/*お問い合わせ画面*/

.twitterbutton{
width:50px;
margin:20px;
}
.facebookbutton{
width:50px;
margin:20px;
}

.twfabutton{
display:flex;
justify-content:center;
}


/* セクション部分 */
section{
background:#faf7f0;
box-shadow:0 0 10px 0 #ccc;
margin-top:30px;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
}
section{
max-width:700px;
margin-right:auto;
margin-left:auto;
}

iframe{
max-width:100%;
}

/* 日本語学習 */
.study-nav{
display:flex;
justify-content:center;
font-size:1.1rem;
font-weight:bold;
list-style:none;
margin-top:8px;
margin-right:50px;
}
.study-nav li{
margin-left:1.2rem;
background:#efebfc;
color:#6d35a6;
border-radius:7px;
padding:1rem 0.1rem;
}

.N1 li{
background:#FFCCCC;
}

.N2 li{
background:#FFCC99;
}

.N3 li{
background:#CCCCCC;
}

.sonota li{
background:#CCCC99;
}


.studyN-nav{
display:flex;
justify-content:center;
font-size:1.2rem;
font-weight:bold;
list-style:none;
margin-top:8px;
margin-right:50px;
}
.studyN-nav li{
margin-left:1rem;
color:#6d35a6;
border-radius:7px;
padding:0.5rem 0.2rem;
}

.N1color li{
background:#FFCCCC;
}

.N2color li{
background:#FFCC99;
}

.N3color li{
background:#CCCCCC;
}

.grammer-nav{
justify-content:center;
list-style:none;
}

.grammerA{
display:grid;
grid-template-columns:10.5rem 10.5rem;
gap:30px;
}

.G{
margin:1rem;
}

.grammerexp{
padding:1rem;
border-style:outset;
}

/* フッター */
footer{
background:#432;
text-align:center;
padding:5px 0;
margin-top:20px;
}
footer p{
color:#fff;
front-size:0.5rem;
}