#main { font-size:120%; }
h2 { position:relative; }
section .box { width:380px; display:inline-block; box-sizing:border-box; }
#module .fa-bookmark-o,#notice .fa-bookmark-o { font-size:20px; }
.notouch #module .fa-bookmark-o:hover,#module .fa-bookmark-o.sel,
.notouch #notice .fa-bookmark-o:hover,#notice .fa-bookmark-o.sel { color:#CB2027; }
.notouch #module .fa-bookmark-o:hover:before,#module .fa-bookmark-o.sel:before,
.notouch #notice .fa-bookmark-o:hover:before,#notice .fa-bookmark-o.sel:before{ content:'\f02e'; }
/* banner */
#learnidxbnr.esbanner.fixh100 { height:300px;}
#learnidxbnr.esbanner.fixh100 .br { background-size:cover; }
#learnidxbnr .title { z-index:300; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
#learnidxbnr .title tr>* { padding:25px; }
#learnidxbnr .title td { background:#EFEFEF; }
#learnidxbnr .title th { background:#fff; text-align:left; }
#learnidxbnr .title th>div { text-transform:uppercase; }
#learnidxbnr .title th>h1 { font-size:300%; color:#CB2027; }

/* modules */
#module { background:#F9E8E9; padding:25px 0; }
#module h2 { background:#EDABAE; }
#module>.pgw>div { margin-top:20px; }
#module>.pgw>div .cv { display:none; margin-left:0; position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,0); }
#module>.pgw>div.mbx .cv { background:rgba(255,255,255,0.7); }
#module>.pgw>div.mbx .arw { z-index:200; }
#module>.pgw>div.disable .cv { display:block; }
#module>.pgw>div.disable>* { opacity:0.3; }
#module>.pgw>div.mbx.disable>* { opacity:1; }
#module .arw { color:#F9E8E9; position:absolute; bottom:-5px; left:50%; margin-left:-17px; font-size:60px;  z-index:50; }
#module .arw.top { bottom:auto; top:-38px; }
#module .arw.top:before { content:"\f0dd"; }
#module .arw.left { bottom:2px; top:auto; left:-3px; right:auto; margin-left:0; height:auto; }
#module .arw.left:before { content:"\f0da"; }
#module .arw.right { bottom:2px; top:auto; right:-3px; left:auto; margin-left:0; height:auto; }
#module .arw.right:before { content:"\f0d9"; }
#module .border { position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;
                    border:solid 7px #CB2027; display:none; z-index:25;}
h2 .dbx { position:absolute; bottom:0; right:0; height:66%; }
h2 .dbx>img { height:100%;}
h2>.dbx>em { background:#DD656A; }
h2>.dbx.b2x2>em.b2 { background:#CA2028; }
h2>.box { background:#CB2027; color:#fff; padding:15px 20px 15px 20px; text-transform:uppercase; 
            font-weight:400; }
h2>.box>.dbx { top:0; bottom:auto; }
h2>.box>span { z-index:100; position:relative; }

h2>.box>img.ico { position:absolute; bottom:0; right:45px; height:85%; }

.mbx { height:140px; width:100%; background-color:#222; color:#fff; background-position:top right;
        background-repeat:no-repeat; background-position:top right; background-size:100% 100%; overflow: hidden;}
.mbx:not(.disable) { cursor:pointer; } 
.notouch #module .mbx:not(.disable):hover .border { display:block;}
.mbx>em.fa.fa-bookmark-o { position:absolute; top:20px; right:20px; z-index:37; }
.mbx .box { height:100%; color:#ECACAC; }
.mbx .box h3 { font-size:300%; position:absolute; top:50%; left:20px; transform:translateY(-50%); 
                line-height:0.9; }
.mbx p { position:absolute; left:400px; top:50%; transform:translateY(-50%); display:block;
         width:calc(100% - 420px); }
.mbx .arw { height:28px; }
#m1 .box { background:#CB2027; }
.rm .box { background:#000; position:absolute; top:0; right:0; text-align:right; }
.rm .box>h3 { right:20px; }
.rm.mbx p { left:auto; right:400px; text-align:right; }
.rm.mbx>em.fa { right:auto; left:20px; }

.mlist .m { float:right; height:230px; color:#fff; background-color:#333; box-sizing:border-box; 
            background-position:top left; background-repeat:no-repeat;  background-size:auto 100%; }
.mlist .m em.fa { position:absolute; top:15px; right:15px; }
.mlist .m em.fa.fa-bookmark-o  { z-index:37; }
.mlist .m .dbx { height:40px; position:absolute; bottom:0; right:0; }
.mlist .m .dbx>img { height:100%; }
.mlist .dbx.br3>em { background:rgba(203,32,39,0.5); }
.mlist .dbx.br3>em.b2 { background:#CB2027;}
.mlist .m .lay { width:70%; background:rgba(0,0,0,0.5); position:absolute; top:0; right:0; height:100%; 
                    transition:all 0.5s ease; }
.mlist .m .lay strong { display:block; color:#FF9AA1; }
.mlist .m .lay p { position:absolute; top:50%; left:50%; width:80%; transform:translate(-50%,-50%); }

.mlist:not(.disable) .m { cursor:pointer; }
.notouch #module .mlist:not(.disable) .m:hover .border { display:block; }
.notouch #module .mlist:not(.disable) .m:hover .lay { width:100%; }


/*#module .mlist .m .arw { right:auto; left:-3px; bottom:2px; top:auto; margin-left:0; }*/

#m2.mlist .m { width:19%; margin-right:1.25%; }
#m2.mlist .m:first-child { margin-right:0; }

#m3.mbx { background-position:top left; }

#m4.mlist .m { width:24.0625%; margin-right:1.25%; }
#m4.mlist .m:first-child { margin-right:0; }

/*#module #m5 .arw { bottom:auto; top:-38px; }*/

/* noticeboard */
#notice { background:#DEDEDE; }
#notice h2 { }
#ntclist { background:#EEE; }
#ntclist ul { display:none; }
#ntcframe { /*height:250px;*/ overflow-x:hidden; z-index:200; }
#ntcframe .pg { width:100%; top:0; left:0;}
#ntcframe .pg.nxt { left:100%; }
#ntcframe .pg.prv { left:-100%; }
#ntcframe .pg.tp, #ntcframe .pg.end { height:100%; position:absolute; }
#ntcframe .pg .itm { width:25%; box-sizing:border-box; border-right:solid 1px #fff; height:100%;
                     padding:25px 15px 25px 15px; font-size:110%; display:inline-block; cursor:pointer; vertical-align: top; }
#ntcframe .pg .itm:first-child { border-left:solid 1px #fff; }
#ntcframe .pg .itm em.fa { position:absolute; top:25px; right:10px; }
#ntcframe .pg .itm .date { font-weight:bold; }
#ntcframe .pg .itm strong { background:#CB2027; color:#fff; padding:2px 5px; margin:3px 5px 0 0; 
                        display:inline-block; }
#ntcframe .pg .itm .intro { font-size:110%; margin-top:15px; }
#notice .btarw { position:absolute; top:50%; width:3vw; height:3vw; background-color:#fff; 
                background-size:auto 60%; background-position:center center; 
                background-repeat:no-repeat; transform:translateY(-50%); }
.btarw.left { background-image:url(images/red_arrow_left.svg); left:0px; }
.btarw.right { background-image:url(images/red_arrow_right.svg); right:0px; }

#notice h2 { overflow:visible; }
#notice>.mfullw { z-index:300; }
#notice .box+nav { position:absolute; right:0; top:50%; transform:translateY(-50%); height:38px; }
#notice .box+nav>a { line-height:38px; margin-left:10px; color:#bbb; top:-3px; }
#notice .box+nav>a em.fa { font-size:16px; }
#notice .box+nav>a.sel em.fa, 
.notouch #notice .box+nav>a:hover em.fa { color:#CB2027; }
#notice .box+nav .drp { display:inline-block; padding-right:30px; background:#B1B1B1; 
                        padding:4px 38px 4px 8px; margin-left:10px; cursor:pointer; }
#notice .box+nav .drp .darw { position:absolute; right:8px; bottom:11px; width:20px; }
#notice .box+nav nav.opts { position:absolute; right:0; top:50%; z-index:300; display:none; 
                             transform:translateY(19px); background:#B1B1B1; }
.notouch #notice .box+nav .drp:hover+.opts,
.notouch #notice .box+nav .drp+.opts:hover,
#notice .box+nav .drp+.opts.open { display:block; }                             
#notice .box+nav nav.opts>a  { display:block; padding:8px 10px; border-top:solid 1px #fff; 
                                font-weight:200; font-size:85%; }
#notice .box+nav nav.opts>a:hover { background:#ccc; }                                
#notice .box+nav nav.opts>a:first-child { border-top:none; }

/* links */
#links { margin:40px 0; }
.lkbk { width:25%; float:left; display:block; padding-bottom: 20px;}
.lkbk>img { width:40%; float:left; margin-right:4%; }
.lkbk>div { width:52%; float:left; }
.lkbk>div>strong { display:block; color:#CB2027; }