#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; color:#7d4189; background: url(../img/dotline2.png) repeat-x center bottom; background-size:contain;}
#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 70%, rgba(159,113,172,0.2) 70%); padding:0 .2em .15em; color:#3e2a65; }

#info span.date {padding:.1em .2em; display:inline-block; font-size:100%; margin:0 0 .2em; letter-spacing:.05em; color:#fff;
background-image: linear-gradient(120deg, #e98a98 0%, #b3b6eb 100%);
font-family: nueva-std, serif;
font-weight: 400;
font-style: normal;}

#info .bdr{padding:.8em 1.2em; margin:1.5em 0; border:1px dotted #7d4189; border-radius:14px;
background-image: linear-gradient(120deg, rgba(253,247,216,0.2) 0%, rgba(211,155,194,0.2) 100%);}
#info .bdr p{padding:0 0 .5em; font-size:100%;}
#info .bdr h3{padding:.3em 0 .3em; font-size:150%; font-weight:600; color:#7d4189; background-color:rgba(255,255,255,0.5); margin:.5em 0;}

.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;}
.cap3{margin:2em 0 0; padding:0 !important; line-height:135% !important; text-align:center; color:#7d4189; }
.cap3 + .btn_df{margin:.5em auto 1.8em !important;}
.btn_df + .cap{margin:-1.5em 0 .5em !important;}

#news20220325 table{width:100%; pading:0;}
#news20220325 table td{text-align:left; padding:.2% 0; line-height:140%;}
#news20220325 table td.naka{vertical-align:top; width:1%;}
#news20220325 table td.post{vertical-align:top; width:7.8%;}
.copymark{font-family: Roboto, 'Helvetica Neue' ,'Terminal', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}

@media all and (min-width: 768px) {
#info .ph_cut_l{width:400px; height:550px; margin:1.5em auto 1em;}
#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; margin:1.5em auto !important;}
.pascals{width:800px; height:533px;}
.ph20220120{width:300px !important; height:450px !important;}
.ph20220121_1{width:700px; height:366px;}
.ph20220121_2{width:700px; height:235px;}
.ph20220218{width:700px; height:583px;}
.ph20220225{width:450px; height:1234px;}
}

@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; background-size:150%;}
#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;}
#info .bdr h3{padding:.3em 0; font-size:4.5vw; margin:2% 0;}

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;}
.cap3{margin:5% 0 0;}
.cap3 + .btn_df{margin:1% auto 6% !important;}
.btn_df + .cap{margin:-2.5em 0 1em !important;}
#info .ph_cut_l{width:60%; height:0; padding:82.5% 0 0; margin:1em auto .5em;}
#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; margin:1em auto 1.5em !important;}
.ph20220120{width:50% !important; padding:74.9375% 0 0 !important;}
.ph20220121_1{padding:52.25% 0 0 !important;}
.ph20220121_2{padding:33.637% 0 0 !important;}
.ph20220218{padding:83.3333333333% 0 0 !important;}
.ph20220225{width:75%; padding:205.729166667% 0 0 !important;}

#news20220325 table td.post{width:auto;}
#news20220325 table td.detail{width:calc(100% - 24%);}
}

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