header { padding:0;background: #fff; position:fixed; z-index:100;}
header h1 { padding: 1rem 0 0.5rem 1rem; }
header h1 img { width: 6rem;}
header div#NewsArea { position: relative; top:auto; right:auto; border-top: 1px solid;border-bottom: 1px solid; padding: 0.3rem 0;}
header div#NewsArea h2 { border:0; margin:0 0 0 1rem; font-weight:500;}

div#container { padding-top:5rem;}


div#introduction div.inner { margin: 0; border-radius:0; width:90%;padding: 2rem 5%; min-width:340px;}
div#introduction div.inner h1 {font-size: 2.4rem; margin: 0 1rem 0 0;}
div#introduction div.inner p { width: 43%; font-size:0.9rem; line-height:1.9; }
div#introduction div.entrance { margin:0;}
div#introduction div.entrance div.concept { margin: 0 0 3rem;}

div#introduction div.entrance p.img_01 { position:relative; width: 100%; border-radius:0;}
div#introduction div.entrance p.img_02 {display:none;}
div#introduction div.entrance p.img_01 img {border-radius:0; }


div#introduction div.entrance p.img_01::after {display:none;}

div#introduction div.entrance div.text { position:relative; left:0;padding:0 5%;}
div#introduction div.entrance div.text h2 {font-size: 1.4rem;}
div#introduction div.entrance div.text p { width:100%;}

div#introduction div.entrance div.text a { width:80%; text-align:center; }

div#introduction div.entrance div.trial { position:relative; min-height:auto; width: 100%; }
div#introduction div.entrance div.trial p.img_03 { position:relative; width:100%;}
div#introduction div.entrance div.trial p.img_03 img { border-radius:0;}
div#introduction div.entrance div.trial p.img_03:after { display:none;}

div#introduction div.entrance div.trial div.text { position:relative; left:0;}

div#sns, div#school { flex-direction:column;}
div#sns div.box, div#school div.box { width: 100%;margin: 3rem 0 2rem;}
div#school div.box { margin: 0;}
div#sns div.box p.bnr,div#sns div.box div#sb_instagram { height:auto;}

/* about*/
article.about { float:left; margin:0; background-image:none;}
div#metaslider-id-46 { position:relative; height:100%;}
article div.entry { margin: 0 5%;}
article.about div.entry { margin: 0 5%;}
article div.entry div.entry-body { margin:2rem 0 0 0;}
article.about div.pc-none {display:block;}
article div.entry h1 { top:-4rem; left:-6%; padding-left: 1rem; font-size: 1.4rem; }
article div.entry h1.cat_title { padding-left: 1rem;font-size: 1.4rem; top:-4rem; }

div#metaslider_46 ul li { overflow:hidden; }
div#metaslider_46 ul li img { width: 110%; }

figure.wp-block-image.small { overflow:hidden; text-align:center;}
figure.wp-block-image.small img { width:70%;}

/*コンテンツページ*/
article div.metaslider img { border-radius:0;}
article { position:relative; float:none;  width:100%; margin: 0 0 5rem; padding: 5.5rem 0 0;}
div.sidebar { width:100%; display:block; float:left; margin:0; padding:0;}
hr.wp-block-separator { margin: 2rem 0;}


div.sidebar.school_polyglot div#school div.box.blue { width:100%; }
div.sidebar.school_dance div#school div.box.yellow { width:100%; }
div.sidebar.school_polyglot div#school div.box p a,div.sidebar.school_dance div#school div.box p a { line-height:2.0;}

/*コンテンツページ - WORKSページ*/
article.shows { width: 100%; margin:0 0;}
article.shows div.entry div.metaslider {border-top-left-radius:0; border-bottom-left-radius:0; top:-240px;}
article.shows div.entry div.entry-body div.metaslider img{border-top-left-radius:0; border-bottom-left-radius:0;}

article.shows div.entry div.entry-body div#metaslider_82 img,article.shows div.entry div.entry-body div#metaslider_160 img,article.shows div.entry div.entry-body div#metaslider_148 img,article.shows div.entry div.entry-body div#metaslider_225 img,article.shows div.entry div.entry-body div#metaslider_602 img,article.shows div.entry div.entry-body div#metaslider_803 img,article.shows div.entry div.entry-body div#metaslider_882 img { width: 100%;}

article.shows div.entry div.entry-body { margin-right:0; margin-top: 260px;}
article.shows div.entry div.entry-body div.wp-block-column,
article.shows div.entry div.entry-body figure.wp-block-table { margin:0 5%;}
article.shows div.entry div.entry-body div.wp-block-column figure.wp-block-table { margin:0;}
article.shows div.entry div.entry-body .wp-block-heading,article.shows div.entry div.entry-body p
{ margin: 1rem 5% 2em; width: 90%; line-height:1.8em;  }
article.shows div.entry h1 { left: 0; margin:0 5%; padding:0;font-size: 1.6em; line-height:1.6em; font-weight:600;}
article.shows div.entry h2 { font-size: 1.3em; margin:0 0 3em; padding:0; background: none;}
article.shows div.entry h3 { font-size: 1.1em; margin:0 0 2em;}


/* footer */
footer  { height: 5rem; }
footer nav  {display:none; }
footer p.copy { position:relative; bottom:auto; right:auto; padding: 2rem 0 2rem;text-align:center;} 
div#sidemenu {top: calc(90% - 80px); left:auto; right:1rem;}
div#sidemenu a {font-size:0.8rem;}

/* C.C.C.SCHOOL　*/
div#school_wrapper { border-top:none;}
div#school_wrapper article { margin-top:0;}
div.sidebar div#school { width:100%;}
div.sidebar div#bnr h2 { text-align:center; padding:0; color:#666;}
div.sidebar div#school div.box { height: auto; }
div.sidebar div#school div.box p { }
div.sidebar div#school div.box p a { padding:0.5rem 0 0 0;line-height:3.0;text-align:center;  }
div.sidebar div#school div.box.yellow { background:url(images/bnr_polyglot.png) no-repeat;}
div.sidebar div#school div.box.blue { background:url(images/bnr_dance.png) no-repeat; }

div.school_polyglot div.entry h1.school { position:relative; font-size:1.8rem; top:0; border-radius:0;}
div.school_dance div.entry h1.school { position:relative; font-size:1.8rem; top:0; border-radius:0;}

/*menu*/
.menu{
	display:block;
    height: 20px;
    position: absolute;
    right: 25px;
    top: 2.1rem;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #222;
    display: block;
    height: 3px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
	border-bottom:0;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}


/*gnav*/
nav.gnav {
	background: rgba(0,0,0,0.8);
	display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
div.gnav__wrap{
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
	top:0;
}
header nav.gnav ul li {
    margin: 40px 0;
	z-index:100;
	text-align:center;
}
header nav.gnav ul li a{
    color: #fff;
    font-size: 2em;
    font-weight: bold;
    padding: 40px;
    text-decoration: none;
    transition: 1.0s;
	border-bottom:0;
}
header nav.gnav ul li a:hover{
    color: #666;
}


header nav ul {
    position: relative;
	display:list-item;
    top:auto;
    right: auto;
	left:0;

}

body header nav ul li#menu-item-906,body header nav ul li#menu-item-918 {
	margin:40px auto;
	width: 150px;
	height:85px;
	background-color:#fff;
}
body header nav ul li#menu-item-906 a,body header nav ul li#menu-item-918 a {
	display:block;
	padding:0;
	width:148px;
	height:83px;
	margin-top:0;
	text-indent: 180px;
}