#info #contents{background:none; margin:2em auto 3em; position: relative; box-shadow:none; border-radius:0; padding:0;}
#info article {margin:0 auto 3em; background-color:rgba(255,255,255,0.7); padding:2em 2.5em; box-shadow:10px 10px 20px rgba(182,176,162,0.5); border-radius:16px;}
#info article h2{width:100%; padding:0 0 .4em !important; line-height:140%; font-weight:bold; font-size:160%; position: relative;}
#info article h2:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 6px;
background: repeating-linear-gradient(-45deg, rgba(169,229,249,0.8), rgba(169,229,249,0.8) 2px, rgba(255,255,255,0.1) 2px, rgba(255,255,255,0.1) 4px);
}
#info article h3{font-size:130%; line-height:140%; font-weight:bold; padding:.5em 0 0;}
#info article h4{padding:.5em 0 0; font-weight:bold; line-height:140%;}
#info article h5{padding:1em 0 .5em; font-weight:bold; font-size:110%; line-height:140%;}

h2 + p {padding:1em 0 1em !important;}
h3 + p {padding:.5em 0 1em !important;}
h4 + p {padding:.5em 0 1em !important;}
h5 + p {padding:.5em 0 1em !important;}
h2 + h3 {padding:.5em 0;}
#info span.f85{line-height:140% !important; padding:.3em 0;}
.stgrn2{color:#84B236;}

#info article p{word-break: break-all; padding:1em 0 .5em; line-height:1.7;}
#info article p a{text-decoration:none; color:#ca0915; transition: 0.3s; text-decoration:underline;}
/*#info article p a:active,#info article p a:hover{background-color:rgba(255,255,255,0.5);}*/
.line3 {background: linear-gradient(transparent 80%, rgba(244,226,156,0.6) 80%);}

#info span.date {padding:.1em .2em; display:inline-block; font-size:100%; margin:0 0 .2em; background-color:rgba(233,85,137,0.2); letter-spacing:.05em;
font-family: balloon-urw, sans-serif;
font-weight: 700;
font-style: normal;}

#info .bdr{padding:1em 1.2em; margin:1.5em 0; border:1px dashed #000; border-radius:14px;}
#info .bdr p{padding:0 0 .5em; font-size:100%;}

.ph2line{display: flex; flex-flow: row wrap; justify-content: center; align-items: center;}
.ph2line > .ph_cut{width:48%; height:auto; padding:31.98% 0 0; margin:1.5em auto 1em;}

a.btn_info{font-size:140%; font-weight: 600; display: block; width:40%; text-align:center; margin:1em auto 1.5em; color:#fff; background-color:#ca0915;
transform: skewX(-20deg);
padding:1em 0; transition: 0.3s ease-in-out; box-shadow:12px 12px 16px rgba(4,0,0,0.2);}
a.btn_info span{ display: inline-block; transform: skewX(20deg);}
a.btn_info:hover{background-image: linear-gradient(-50deg, rgba(141,7,15,0.8) 0%,rgba(141,7,15,0) 80%,rgba(141,7,15,0) 100%);}
.cap,.cap2{padding:0 0 .8em !important; line-height:1; margin:-.8em 0 0; text-align:center; font-size:85%;}
.cap2{margin:-1.2em 0 0; line-height:135% !important;}

#news20211019 h3,#news20211130 h3{margin:1.5em 0 0;}
#news20211019 h3:first-of-type{margin:.5em 0 0;}
#news20211019 .ph_cut,#news20211119 .ph_cut,#news20211130 .ph_cut{background-color:rgba(255,255,255,0); border-radius:10px; margin:.5em auto 0;}

#news20211119_2 table,#news20211221_2 table{width:100%; pading:0;}
#news20211119_2 table td,#news20211221_2 table td{text-align:left; padding:.5% 0; line-height:140%;}
#news20211119_2 table td.naka,#news20211221_2 table td.naka{vertical-align:top; width:1%;}
#news20211119_2 table td.post,#news20211221_2 table td.post{vertical-align:top; width:7.8%;}

@media all and (min-width: 768px) {
#info .ph_cut_l{width:400px; height:550px; margin:1.5em auto;}
#info a.btn_df{margin:1.5em auto 1.5em;}
#info .emb{width:640px; height:360px; margin:2em auto .5em !important;}
#info .emb iframe {width:100%; height:360px;}
/*#info article:first-child{margin:1em auto 3em;}
#info article:last-child{margin:0 auto 2em;}*/
.square{width:450px; height:450px;}
.ph20211019_1{width:850px; height:324px;}
.ph20211019_4{width:700px; height:1001px;}
.ph20211119{width:700px; height:494px;}
.ost{width:450px; height:450px;}
.ph20211130_1{width:700px; height:206px;}
.comic1207{height:568px !important;}
}

@media all and (max-width: 767px) {
#info #contents {margin:3.5% auto;}
#info article{margin:0 auto 6%; padding:5% 5%; box-shadow:none;}
#info article:last-child{margin:0 auto 4%;}
#info article h2{line-height:120%; font-size:5vw;}
#info article h3{font-size:4.5vw; line-height:140%;}
#info article h4{padding:.5em 1em 0; font-size:3.6vw;}
#info article h5{padding:.5em 0 0 1em; font-size:120%;}
#info article p {padding:1em 0 .5em !important;}

h2 + p {padding:.5em 0 1em !important;}
#info article h3 + p {padding:.5em 0 !important;}
#info article h4 + p {padding:.2em 1em 1em !important;}
h2 + h3 {padding:.2em 0 0;}
.cap,.cap2{margin:-1em 0 0; line-height:150% !important;}
.btn_info + .cap{margin:-1.5em 0 0;}
#info .ph_cut_l{width:60%; height:0; padding:82.5% 0 0; margin:1em auto;}
#info .ph_cut {margin:1em auto .5em;}

#info .emb {margin:1.5em auto;}
a.btn_info{width:65%; font-size:120%; padding:5% 0;}
#info .bdr{width:100%; margin:.8em auto 5%; padding:3% 5% !important;}
#info span.date{margin:0 0 .3em;}

.square,.ost{width:80%; padding:80% 0 0 !important;}

#news20211019 h3,#news20211130 h3{margin:6% 0 0;}
#news20211019 h3:first-of-type{margin:2% 0 0;}
#news20211019 .ph_cut,#news20211130 .ph_cut{margin:2% auto 0;}
.ph20211019_1{width:100%; height:0; padding:38.125% 0 0 !important;}
.ph20211019_4{width:90%; height:0; padding:128.7% 0 0 !important;}
.ph20211119{width:100%; height:0; padding:71% 0 0 !important; margin:2% auto 4% !important;}
#news20211119 .cap2{margin:-6% 0 0 !important; font-size:1.5vw;}
#news20211119_2 .bdr{margin:5% auto 5%; padding:2.5% 3% !important;}
#news20211119_2 table td.post,#news20211221_2 table td.post{width:auto;}
#news20211119_2 table td.detail{width:calc(100% - 23%);}
#news20211221_2 table td.detail{width:calc(100% - 25%);}
.ph20211130_1{width:100%; height:0; padding:29.3844367015% 0 0 !important;}
.comic1207{width:65% !important; height:0; padding:92.21875% 0 0 !important; margin:2% auto 1.5% !important;}
}

@media all and (max-width: 320px) {
#news20211119 table td.post{width:24%;}
#news20211221_2 table td.post{width:24%;}
}