@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: 100;
top: 0;
left: 0;
cursor: pointer;
background:var(--black);
}

.layer_board {
background-color:var(--white);
position: fixed;
top: 0;
right:0;
bottom:0;
left:0;
margin:auto;
text-align: center;
z-index: 101;
width:90vw;
max-height:90vh;
overflow-y:scroll;
}

/*--- close ---*/
.btn_close {
align-items:center;
display:flex;
justify-content:flex-end;
text-align:center;
position:relative;
z-index:101;
}

.btn_close div {
align-items:center;
background-color:var(--blue);
border-radius:30px;
display:flex;
font-weight:600;
font-size:1.4rem;
justify-content:center;
margin:0 auto;
padding:20px 60px;
}

.btn_close:hover div {
cursor:pointer;
opacity:0.7;
}

.btn_close span {
color:var(--white);
display:block;
padding:0 0 0 10px;
}

.btn_close#head {
position:sticky;
top:15px;
right:20px;
margin-top:0;
padding-bottom: 0;
}

.btn_close#head div {
background-color:var(--blue);
border:none;
margin:0;
padding:13px 18px;
width:auto;
}

.btn_close#head div span {
color:var(--white);
font-size:1.3rem;
}

.btn_close#head div i {
color:var(--white);
font-size:1.3rem;
}

/*--- entry ---*/
.btn_close.entry {
align-items:center;
display:flex;
justify-content:flex-end;
text-align:center;
position:relative;
z-index:101;
padding-bottom:30px;
}

.btn_close.entry div {
align-items:center;
background-color:var(--white);
background-color:var(--orange);
border-radius:30px;
display:flex;
font-weight:600;
font-size:1.8rem;
justify-content:center;
margin:0 auto;
padding:20px 60px;
position:relative;
}

.btn_close.entry div:after {
content:"\f054";
color:var(--white);
font-family:var(--icon);
font-size:1.1rem;
font-weight:600;
right:15px;
top:50%;
margin-top:-6px;
opacity:0.7;
position:absolute;
z-index:3;
}

.btn_close.entry:hover div {
cursor:pointer;
opacity:0.7;
}

.btn_close.entry span {
color:var(--white);
display:block;
font-size:1.6rem;
padding:0 0 0 10px;
}


.layer_board_cont { background:var(--white); text-align:left; margin:0 auto; padding:25px 50px 25px; }
.layer_board_cont > h2 { background-color:#c00; color:var(--white); 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; }

.layer_board .layer_board_cont h2 {
background-color:var(--blue);
font-size:1.1rem;
line-height:1.6;
text-align:center;
}

.layer_board .layer_board_cont {
display:flex;
flex-direction:column;
padding:15px 15px 15px;
row-gap:10px;
height:100%;
}

.layer_board .layer_board_cont .pic img {
height:auto;
width:100%;
margin:0 auto;
}

.layer_board_cont .outro { 
text-align:center;
}

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

sp_layerBoard

---------------------------------------------------------------*/
@media screen and (max-width:767px){

.layer_board {
background-color:var(--white);
max-height:80vh;
width:90%;
}

.layer_board .layer_board_cont {
display:flex;
flex-direction:column;
padding:15px 15px 15px;
row-gap:10px;
}

.layer_board .layer_board_cont h2 {
background-color:#3399cc;
font-size:1rem;
line-height:1.6;
text-align:left;
}

.layer_board .layer_board_cont .pic {

}

.layer_board .layer_board_cont .pic img {
height:auto;
width:100%;
max-width:640px;
}

.layer_board_cont .outro {
margin-top:0;
}

.btn_close {
align-items:center;
display:flex;
justify-content:center;
right:auto;
margin-top:0;
padding-bottom:15px;
}

.btn_close#head {
top:0;
left:auto;
right:0;
position:sticky;
padding-bottom:0;
margin-left: auto;
}

.btn_close div {
font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.btn_close#head div span,
.btn_close div span {
font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
padding:0 0 0 5px;
border:none;
}

.btn_close#head div i {
font-size:calc(1.2rem + ((1vw - 0.48rem) * 0.6944));
}

.btn_close.entry {
padding-bottom:0;
}

.btn_close.entry div {
font-size:calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
}

.btn_close.entry span {
font-size:calc(1.6rem + ((1vw - 0.48rem) * 0.6944));
}

}