@charset "utf-8";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";

/* reset  */
.container > .main > .cont_block:nth-of-type(1),
.container > .main > .cont_block:nth-of-type(2),
.container > .main > .cont_block:nth-of-type(3),
.container > .main > .cont_block:nth-of-type(4),
.container > .main > .cont_block:nth-of-type(5) > .bar_title,
.container > .main > .cont_block:nth-of-type(6)
{ display:none; }
.editorarea { border:0; }
.wide_buybox_wrap #cart_in { margin-top:0; padding-top:0; }


.mincho { font-family:serif;}
body > .container { background:url(../images/semi/jitugaku_schedule_bg.jpg) top center repeat; background-size:100% auto; width:100%;}
body.semi_2878 > .container { background:url(../images/semi/jitugaku_schedule2024_bg.jpg) top center repeat; background-size:100% auto; width:100%;}
body.semi_2973 > .container { background:url(../images/semi/jitugaku_schedule2025_bg.jpg) top center repeat; background-size:100% auto; width:100%;}

.jitugaku_schedule * { color:#000;}
.jitugaku_schedule .page_title { width:700px; margin:100px auto 50px; border: 0;}
.jitugaku_schedule .page_title .tx { font-size:4rem; margin-top: 20px; display:block; text-align:center;}
.jitugaku_schedule .page_title + .pagedesc { font-size:1.55rem; width:700px; margin: 0 auto 100px;}

.jitugaku_schedule .intro { background:#fff; width:1000px; padding:50px; margin:60px auto;}
.jitugaku_schedule .intro .title { font-weight:700; font-size:2em;}
.jitugaku_schedule .intro .desc { font-size:1.2em; }


.jitugaku_schedule .itemlist{ width:1100px; margin:0 auto;}
.jitugaku_schedule .itemlist .item { background:rgba(255,255,255,0.6); box-sizing:border-box; padding:120px 50px 50px 50px; position:relative;}
.jitugaku_schedule .itemlist .item + .item { margin-top: 60px;}
.jitugaku_schedule .itemlist .item .label_block { background:#ddd; color:#fff; line-height:1; position:absolute; top:0; left:0; width:400px; height:80px; display:flex; align-items:center;}
.jitugaku_schedule .itemlist .item .label_block:after { content:''; display:block; position:absolute; left:400px; top:0;
border-top: 40px solid #ddd;
border-right: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 40px solid #ddd;}
.jitugaku_schedule .itemlist .item .label_block p { margin: 0; text-align:right; font-size:2.2rem; font-weight: 600; width:100%; color:#fff;}
.jitugaku_schedule .itemlist .item .label_block p .large { font-size:2.8rem; color:#fff;}
.jitugaku_schedule .itemlist .item .title { font-size:3rem; font-weight:700; text-align:center; margin-bottom:40px;}
.jitugaku_schedule .itemlist .item .date_list { display:flex; justify-content:space-between; padding:0 100px;}
.jitugaku_schedule .itemlist .item .date_list ul { width:calc( ( 100% - 30px ) / 2 );}
.jitugaku_schedule .itemlist .item .date_list ul li { line-height:1; font-size:2rem;}
.jitugaku_schedule .itemlist .item .date_list ul li + li { margin-top:20px; }
.jitugaku_schedule .itemlist .item .date_list ul li .place { padding:3px 10px; background:#ddd; font-weight:600; display:inline-block; margin: 0;}
.jitugaku_schedule .itemlist .item .date_list ul li .date { font-weight:600; display:inline-block; margin:0 0 0 20px;}
.jitugaku_schedule .itemlist .item .date_list ul li .tx01 { font-size:1.6rem; text-align:; margin-top: 10px;}
.jitugaku_schedule .itemlist .item .btn_area { margin-top: 50px; text-align:center;}
.jitugaku_schedule .itemlist .item .btn_area .radius_btn { display:inline-block; border-radius:50px; line-height:1; padding:12px; width:400px; background:#bb0000; color:#fff; font-weight:600; font-size:2rem; transition:0.2s; text-decoration:none;}
.jitugaku_schedule .itemlist .item .btn_area .radius_btn:hover { background:#ee0000;}


/* label color */
.jitugaku_schedule .itemlist .item.blue .label_block { background:#488ac1;}
.jitugaku_schedule .itemlist .item.blue .label_block:after { border-top-color:#488ac1; border-left-color:#488ac1;}
.jitugaku_schedule .itemlist .item.blue .date_list ul li .place { background:#cbdbe6;}
.jitugaku_schedule .itemlist .item.green .label_block { background:#008e7d;}
.jitugaku_schedule .itemlist .item.green .label_block:after { border-top-color:#008e7d; border-left-color:#008e7d;}
.jitugaku_schedule .itemlist .item.green .date_list ul li .place { background:#bdded1;}
.jitugaku_schedule .itemlist .item.brown .label_block { background:#937767;}
.jitugaku_schedule .itemlist .item.brown .label_block:after { border-top-color:#937767; border-left-color:#937767;}
.jitugaku_schedule .itemlist .item.brown .date_list ul li .place { background:#d3c3b5;}
.jitugaku_schedule .itemlist .item.orange .label_block { background:#eb8026;}
.jitugaku_schedule .itemlist .item.orange .label_block:after { border-top-color:#eb8026; border-left-color:#eb8026;}
.jitugaku_schedule .itemlist .item.orange .date_list ul li .place { background:#f8ca9c;}


/******************************************************************************************
******************************************************************************************
 SP 
******************************************************************************************
*******************************************************************************************/

@media screen and (max-width: 640px){

.jitugaku_schedule .page_title { width:auto; margin:20px 0 50px;}
.jitugaku_schedule .page_title img { padding:0 5vw;}
.jitugaku_schedule .page_title .tx { font-size:1.8rem;}
.jitugaku_schedule .page_title + .pagedesc { font-size:1.2rem; width:auto; margin: 0 auto 50px;}

.jitugaku_schedule .intro { width:auto; padding:30px 20px; margin:40px auto 60px;}
.jitugaku_schedule .intro .title { font-size:1.6rem;}
.jitugaku_schedule .intro .desc { font-size:1.1rem; }

.jitugaku_schedule .itemlist{ width:auto;}
.jitugaku_schedule .itemlist .item { padding:80px 20px 30px 20px;}
.jitugaku_schedule .itemlist .item + .item { margin-top: 40px;}
.jitugaku_schedule .itemlist .item .label_block { padding:20px; width:40vw; height:60px;}
.jitugaku_schedule .itemlist .item .label_block:after { left:40vw; border-width:30px;}
.jitugaku_schedule .itemlist .item .label_block p { font-size:1.4rem;}
.jitugaku_schedule .itemlist .item .label_block p .large { font-size:1.8rem;}
.jitugaku_schedule .itemlist .item .title { font-size:2rem; margin-bottom:30px;}
.jitugaku_schedule .itemlist .item .date_list { padding:0; display:block;}
.jitugaku_schedule .itemlist .item .date_list ul { width:auto;}
.jitugaku_schedule .itemlist .item .date_list ul + ul { margin-top: 15px;}
.jitugaku_schedule .itemlist .item .date_list ul li { font-size:1.4rem;}
.jitugaku_schedule .itemlist .item .date_list ul li + li { margin-top:15px; }
.jitugaku_schedule .itemlist .item .date_list ul li .place { width:80px; text-align:center;}
.jitugaku_schedule .itemlist .item .date_list ul li .date { margin-left:15px;}
.jitugaku_schedule .itemlist .item .date_list ul li .tx01 { font-size:1.4rem; text-align:right; margin-top: 20px;}
.jitugaku_schedule .itemlist .item .btn_area { margin-top: 30px;}
.jitugaku_schedule .itemlist .item .btn_area .radius_btn { display:block;padding:12px; width:auto; font-size:1.5rem;}




}