@charset "utf-8";

/*---------------------------------------------------------------

layerBoard

---------------------------------------------------------------*/
p { -webkit-appearance: none; }

/*---------------------------------------------------------------
base
---------------------------------------------------------------*/
html,
body { height: 100%; }

*html .layer_board_bg,
*html .layer_board { position: absolute; }

.layer_board_bg {
position: fixed;
width: 100%;
height: 100%;
z-index: 16000;
top: 0;
left: 0;
display: none;
cursor: pointer;
background:#000;
}

.layer_board {
display: none;
position: fixed;
top: 0;
right:0;
bottom:0;
left:0;
margin:auto;
text-align: center;
z-index: 16001;
width:900px;
/*height:100%;*/
max-height:90vh;
overflow-y:scroll;
}

p.btn_close { display:block; text-align:center; margin-top:30px; position:relative; z-index:16004; }
p.btn_close:hover { cursor:pointer; }
p.btn_close span { border-radius:3px; display:block; padding:10px; border:1px solid #ccc; }
p.btn_close span img { height:16px; width:auto; }

.layer_board_cont { background:#fff; text-align:left; margin:0 auto; padding:25px 50px 25px; }
.layer_board_cont h2 { background-color:#c00; color:#fff; font-size:250%; font-weight:600; padding:10px; text-align:center; }
.layer_board_cont h3 { font-size:150%; font-weight:600; }
.layer_board_cont h4 { font-size:125%; font-weight:600; }
.layer_board_cont p { font-size:14px; line-height:1.8; }
.layer_board_cont p.date { text-align:right; }
.layer_board_cont p span { font-weight:600; }
.layer_board_cont dl {}
.layer_board_cont dl dt {}
.layer_board_cont dl dd {}

.layer_board_cont table { border-top:1px solid #ccc; border-left:1px solid #ccc; margin-top:10px; width:100%; }
.layer_board_cont table th { background-color:#eee; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; text-align:center; }
.layer_board_cont table th.holiday { background-color:#ffefef; }
.layer_board_cont table th.head { width:100px; }
.layer_board_cont table td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px; text-align:center; }
.layer_board_cont table td.head { width:100px; }
.layer_board_cont table td.holiday { background-color:#ffefef; color:#; font-weight:600; text-align:center; }
.layer_board_cont table td span { color:#c00; }

.layer_board_cont .intro p { margin-top:10px; }
.layer_board_cont .intro p:first-child { margin-top:20px; }
.layer_board_cont .intro dl { margin-top:10px; }
.layer_board_cont .intro dl dt { font-size:14px;0 line-height:1.6; }
.layer_board_cont .intro dl dd { font-size:14px; line-height:1.6; }

.layer_board_cont .category { margin-top:20px; }
.layer_board_cont .category h3 {}
.layer_board_cont .category p { margin-top:10px; }
.layer_board_cont .category dl { margin-top:10px; }
.layer_board_cont .category dl dt { font-size:14px; }
.layer_board_cont .category dl dt span { color:#f00; text-decoration:underline; }
.layer_board_cont .category dl dd { font-size:14px; }
.layer_board_cont .category ul { margin-top:10px; }
.layer_board_cont .category ul li { font-size:14px; list-style-type:circle; list-style-position:inside; line-height:1.6; margin-top:3px; }
.layer_board_cont .category ul li:first-child { margin-top:0; }

.layer_board_cont .category#gassyuku {}
.layer_board_cont .category#gassyuku h4 { margin-top:5px; }

.layer_board_cont .outro { margin-top:30px; text-align:right; }
.layer_board_cont .outro p { font-size:14px; margin-top:10px; }
.layer_board_cont .outro dl {}
.layer_board_cont .outro dl dt { font-size:14px; }
.layer_board_cont .outro dl dd { font-size:14px; }

p.btn_close#head { position:absolute; top:20px; right:20px; margin-top:0; }
p.btn_close#head span { background-color:#fff; padding:10px 40px; }

/*---------------------------------------------------------------
second_modal
---------------------------------------------------------------*/
*html .layer_board_bg2,
*html .layer_board2 { position: absolute; }

.layer_board_bg2 {
position: fixed;
width: 100%;
height: 100%;
z-index: 15002;
top: 0;
left: 0;
display: none;
cursor: pointer;
background: transparent;
display: block;
opacity: 0.5;
}

.layer_board2 {
background:#fff;
display: none;
position: fixed;
top: 0;
right:0;
bottom:0;
left:0;
margin:auto;
text-align: center;
z-index: 15003;
width:900px;
height:100%;
overflow-y:scroll;
display: block;
}

p.btn_close2 { display:block; text-align:center; margin-top:30px; position:relative; z-index:15004; }
p.btn_close2:hover { cursor:pointer; }
p.btn_close2 span { border-radius:3px; display:block; padding:10px; border:1px solid #ccc; }
p.btn_close2 span img { height:16px; width:auto; }

.layer_board_cont2 { text-align:left; margin:20px auto; padding:15px 50px 20px; }
.layer_board_cont2 h2 { background-color:#c00; color:#fff; font-size:250%; font-weight:600; padding:10px; text-align:center; }
.layer_board_cont2 h3 { font-size:150%; font-weight:600; }
.layer_board_cont2 h4 { font-size:125%; font-weight:600; }
.layer_board_cont2 p { font-size:14px; line-height:1.6; }


p.btn_close2#head { position:absolute; top:20px; right:20px; margin-top:0; }
p.btn_close2#head span { background-color:#fff; padding:10px 40px; }



/*---------------------------------------------------------------
campaign
---------------------------------------------------------------*/
#campaign .layer_board_cont { padding:0 50px 20px; }
#campaign .layer_board_cont #student .h_logo {}
#campaign .layer_board_cont #student .h_logo img { width:140px; height:auto; }
#campaign .layer_board_cont #student h2 {
background-color:#1a1a1a;
color:#fff;
font-size:154%;
font-weight:600;
padding:10px;
text-align:center;
margin-top:10px;
}
#campaign .layer_board_cont #student .student h2 { background-color:#ff3399; }
#campaign .layer_board_cont #student .motor h2 { background-color:#dd2b3e; }
#campaign .layer_board_cont .inner { background-color:#f3f3f3; margin-top:10px; padding-bottom:0; }
#campaign .layer_board_cont .inner .cont { padding:0 30px 20px 30px; position:relative; }
#campaign .layer_board_cont .inner .cont img.terms_info {
position:absolute;
right:60px;
top:-85px;
height:110px;
width:190px;
z-index:201;
}

#campaign .layer_board_cont .inner .cont  ul.notes { margin: 10px auto 0; }
#campaign .layer_board_cont table {
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 100%;
margin-top:-50px;
position:relative;
z-index:200;
}
#campaign .layer_board_cont table th {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 20px;
width: 180px;
text-align: center;
font-weight: 700;
font-size:116%;
}
#campaign .layer_board_cont table td {
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 20px 30px;
font-size:116%;
text-align:left;
}
#campaign .layer_board_cont table td span.xs { font-size:11px; }
#campaign .layer_board_cont table td span.info { color:#333; font-size:11px; display:blcok; }
#campaign .layer_board_cont #student { padding:0; }
#campaign .layer_board_cont #student table th { background:#ffecf5; }


p.btn_close span img { height:11px; }
p.btn_close#head span { padding:10px 20px; }
#campaign .layer_board_cont #spring h2 { background-color:#ff3399; font-size:154%; margin-top:10px; }
#campaign .layer_board_cont #high_school h2 { background-color:#ff7014; font-size:154%; margin-top:10px; }
#campaign .layer_board_cont #collage h2 { background-color:#670099; font-size:154%; margin-top:10px; }
#campaign .layer_board_cont #early h2 { background-color:#3367cd; font-size:154%; margin-top:10px; }
#campaign .layer_board_cont #student h2 { background-color:#f97f2a; }
#campaign .layer_board_cont #hansoku h2 { background-color:#dc2b3f; font-size:154%; margin-top:10px; }
#campaign .layer_board_cont #kisei h2 { background-color:#ff3399; font-size:154%; margin-top:10px; }
#campaign .layer_board_cont #spring table td { text-align:left; padding:15px; }
p.btn_close span { padding:15px 20px; }