@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
@import url(https://use.fontawesome.com/releases/v5.13.1/css/all.css);

html { scroll-behavior: smooth; }
html { font-size: 62.5%; }

body { font-weight: 300; -moz-font-feature-settings: 'palt' 1; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

html { line-height: 1.8; word-break: break-word; height: -webkit-fill-available; }

body, section, .a1 
{ font-family: "A1 Mincho", serif; font-weight: normal; font-style: normal; letter-spacing: .1em }

.clearfix:after { content: '';display: block;clear: both; }
.clearfix { zoom: 1; /* for IE6/7 */ }
*:focus { outline: none;}

.cp_box label, .glonav li, .mb31, .grid h3, a.linkb, a.btreadmore, .shld, strong { font-family: "Midashi Go MB31";font-weight: normal; font-style: normal; margin: 0; padding: 0; }

.att { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-size: .7em; font-weight: 300 }

.cw,
.coco { font-family: 'Poppins', sans-serif; font-weight: 600; letter-spacing: .2em; }

h1 { font-weight: normal; }
h2.coco, h3.coco { letter-spacing: .2em }

.h1like, .h2like { letter-spacing: .2em }
.h1like, .indexh1 { text-align: center; }
.indexh1 { font-weight: normal; }
#shingengaku h1 span { display: block; }
.headerlogo .coco { }

img { border: none; max-width: 100%; height: auto; vertical-align: bottom }
p { text-align: left; margin: 0; padding: 0; }
a { text-decoration: none; color: #000; -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer; }
a { transition-property: all; transition: .2s linear; }
a.linkb { border-bottom: 1px hsla(0,0%,0%,1.00) dotted; }
.txj { text-align: justify }
.txc { text-align: center}

section {  }
section ul { margin: 0px; padding: 0px; }
section ul li { text-indent: 0; padding: 0; margin: 0 0 0 15px; }

nav { margin: 0; padding: 0;}
nav ul { margin: 0; padding: 0; }
nav ul li { text-indent: 0; padding: 0; margin: 0; list-style: none; font-weight: 600; letter-spacing: .1em;  }

a.btreadmore { display: block; border-bottom: hsla(0,0%,0%,1.00) solid 2px; padding: 0 .2em; width:-moz-fit-content; width:fit-content; }
a.btreadmore.dpib { display: inline-block!important; padding-right: 0; }
a.mb31 { display: inline-block; margin: 5px 0 20px}
a.mb31 i { padding-right: .2em; transition: .2s linear }
a.mb31:hover i { padding-right: .8em}

span.mb31 { padding-left: .2em; transition: .2s linear }
span.mb31:hover { padding-left: .8em}
footer i { padding: 0;  margin: 0; }
footer span.mb31 { padding: 0;  margin: 0; }
footer span.mb31:hover { padding: 0;  margin: 0; }

a.mb31 span.dpbl { display: block; padding-left: 1.2em; transition: .2s linear }
a.mb31:hover span.dpbl { padding-left: 2.0em }


.grid a span.mb31 { font-size: .8em }

figure.ImgBox { width: 100%; height: 100%; margin: 0 0 10px; padding: 0; overflow: hidden; }
img.ImgBox-Img { transition-duration: 0.6s; background-color: hsla(0,0%,0%,.05) }
img.ImgBox-Img:hover { transform: scale(1.1); transition-duration: 0.6s; }
body#shopping .grid p.coco { font-weight: 500; letter-spacing: 0.1em }

figure.ImgBoxB { width: 100%; height: 100%; margin: 0 0 10px; padding: 0; overflow: visible; }
img.ImgBox-ImgB { transition-duration: 0.6s; border: 1px #ccc solid;  transform: scale(0.95); }
img.ImgBox-ImgB:hover { transform: scale(1.0); transition-duration: 0.6s; }
body#books .grid p { margin-left: .5em }

nav i { font-size: .8em; font-weight: 900; vertical-align: .1em }
.sns i { font-size: 1.4em; padding-right: .6em; font-weight: 900; }
.grid i.fab.fa-instagram,
.grid i.fab.fa-line
{ font-size: 1.2em }
.tiktokb { }
.cw span { display: block; font-size: .6em; letter-spacing: .1em; font-weight: 300 }
.cw a.mb31 {  margin: 0 0 5px; }
.cw a.mb31 i { font-size: 1.8em; padding: 0!important; display: block; }

.feedbox { overflow: hidden; background-color: hsla(132,100%,50%,0.0); margin: 0!important; padding: 0!important }
.orgnews { font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
; letter-spacing: .1em; font-size: 1.1em; z-index: 100 }

.orgpost { margin-bottom: 10px; }
.orgdate { letter-spacing: .0em; font-size: .8em; display: block; }
.orgpost a { border-bottom: 1px dotted #000; padding-bottom: 5px }

.meda { font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; border: 1px solid #bd0621; padding: 10px 15px; margin: 10px 0 20px; color: #bd0621 }
.meda a { font-weight: 700 ; color: #bd0621; border-color: #bd0621 }

.pt5 { padding-top: 5px; }
.pt50 { padding-top: 50px; }

table { border-collapse: separate; border-spacing: 0; }

table.curriculum { border: #aaa solid; border-width: 1px 1px 0 0; width: 100%; box-sizing: border-box; }
table.curriculum th, table.curriculum td { border: #aaa solid; border-width: 0 0 1px 1px; line-height: 1.5em }
table.curriculum th { font-weight: normal; text-align: center; padding: 3px 0px; width: 30% }
table.curriculum td { text-align: center; padding: 3px 0px }


.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }

.mb0 { margin-bottom: 0px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb90 { margin-bottom: 90px!important; }






.cp_box *, .cp_box *:before, .cp_box *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_box { margin: 20px 0 20px 0; }
.cp_box label {
font-size: 1em; line-height: 1.4em;
position: relative;
display: block;
width: 150px;
height: 40px;
margin: 0 0 20px 0;
padding: 10px 0 0 0;
cursor: pointer;
transition: all 0.3s;
text-align: center;
border: 1px solid hsla(0,0%,0%,0.3);
border-radius: 20px;
}
.cp_box label:hover {
transition: all 0.3s;
}
.cp_box label::before {
font-family: 'Font Awesome 5 Free'; font-weight: 900;content: ' \f078'; font-size: .8; padding-right: 1em
}
.cp_box label:hover::before {
}
.cp_box input:checked ~ label::before {
content: ' \f077';
}
.cp_box input:checked ~ label:hover::before {
}
.cp_box input {
display: none;
}
.cp_box .cp_container {
position: relative;
z-index: 10;
overflow: hidden;
height: 0;
margin-top: -1px;
transition: height 0.3s ease-in-out;
}
.cp_box input:checked ~ div {
transition: height 0.5s ease-in-out;
}
.cp_box input:checked ~ div.cp_container {
height: 260px;
}


.mailform { display: inline-block; margin: 0 auto; }


@media only screen and (min-width: 1025px) {  }

@media only screen and (max-width: 1024px) {  }