#info #contents{background:none; margin:.5em auto 3em; position: relative; box-shadow:none; border-radius:0; padding:0; border:none;}
#info #contents:before,#info #contents:after{background:none;}
#info article {position: relative; margin:0 auto 3em; background: url(../img/bg1.png); background-size:400px; padding:2em 2em 3em; box-shadow:8px 8px 18px rgba(126,100,64,0.3);}
#info article:before,#info article:after{
  content: '';
  position: absolute;
  left:0; right:0; margin:auto;
  width:100%;
  height:8px;
  z-index:1;
}
#info article:before{
background: url(../img/line_top.png) repeat-x center 0;  background-size:contain;
  top:0;
}
#info article:after{
background: url(../img/line_btm.png) repeat-x center 0;  background-size:contain;
  bottom:0;
}
#info article h2{width:100%; padding:0 0 .2em !important; line-height:140%; font-weight:800; font-size:160%; position: relative; color:#6a3000; border-bottom:1px solid #6a3000;}
#info article h3{font-size:130%; line-height:140%; font-weight:bold; padding:.5em 0 0; color:#8d1524;}
#info article h4{padding:.25em .5em; font-weight:bold; line-height:100%; color:#8d1524; position:relative;  margin:.5em 0 0; background:#eee; display:inline-block; background: url(./img/score.svg) repeat-x 0 0;  background-size:auto 100%;}
/*#info article h4:before,#info article h4:after{
content: "";
width:25px;
height:1px;
background-color:#8d1524;
position: absolute;
left: 0;
}
#info article h4:before{
top:40%;
}
#info article h4:after{
top:60%;
}*/
#info article h5{padding:1em 0 .5em; font-weight:bold; font-size:110%; line-height:140%;}

h2 + p {padding:1.5em 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;}
h3 + h4 { margin:.8em 0 0 !important;}
#info span.f85{line-height:140% !important; padding:.3em 0;}
#info p span.f85{line-height:140% !important; padding:.5em 0 0; display:inline-block;}
#info p span.f85_2{font-size:85%; line-height:100% !important; padding:0 0 0 !important; margin:-.5em 0 0 !important; display:inline-block;}

#info article p{word-break: break-all; padding:1em 0 .5em; line-height:1.7;}
#info article p a,#info article li a{color:#8d1524; font-weight:500; background-color:rgba(255,238,178,0.5); }
#info article h3 span.line {background: linear-gradient(transparent 75%, rgba(238,204,160,0.5) 75%); padding:0 0 .2em;}

#info article span.date {padding:.1em .25em .1em; display:inline-block; font-size:120%; margin:0 0 .4em 0; letter-spacing:.05em; position:relative; padding:0 0 0 1.3em; color:#ec6b73;
font-family: "brandon-grotesque", sans-serif;
font-weight: 700;
font-style: normal;
}
#info article span.date:before{
content: "";
width:20px;
height:1px;
background-color:#ec6b73;
position: absolute;
left: 0;
top:45%;
}

#info .bdr{padding:1em 1.2em; margin:2.5em 0 .5em; border:1px solid #9a6234; border-left:3px solid #9a6234; background-color:rgba(255,238,178,0.1);}
#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;}

#info figure.ph_1{width:60%; margin:1em auto;}
#info figure.ph_1_l{width:80%; margin:1em auto;}
#info figure.ph_1_100{width:100%; margin:1em auto;}

a.btn_info {font-size:150%; font-weight:700; display: block; width:40%; text-align:center; margin:1.5em auto 0; color:#fff; padding:1.5em 0; transition:.5s ease-in-out;}
p + a.btn_info{margin:.6em auto 1em;}

.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:#eb6100; }
.cap3 + .btn_df{margin:.5em auto 1.8em !important;}
.btn_df + .cap{margin:-1.5em 0 .5em !important;}

#news20240317 div.bdr{margin:1em 0 .5em;}
#news20240317 table{width:100%; margin:0 auto 0;}
#news20240317 table td{text-align:left; padding:0 0; line-height:150%; vertical-align:top;}
#news20240317 table td.naka{width:2%;}
#news20240317 table td.post{width:10%;}

ul.dotlist{margin:.8em 0;}
ul.dotlist li {
    list-style-type: none; 
    position: relative;
    padding-left:.8em;
    margin:0 0 .25em;
    line-height:150%;
    }
ul.dotlist li:before {
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 0;
    top: 0.6em;
    content: "";
    background: #6a3000;
}

ul.asterisk{margin:1em 0 0 0;}
ul.asterisk li {
    list-style-type: none; 
    position: relative;
    padding-left:.8em;
    font-size:95%;
    margin:0 0 .25em;
    line-height:140%;
    word-wrap: break-word;
    }
ul.asterisk li:before {
    display: block;
    position: absolute;
    content: "※";
    left: -.3em;
    top: 0;
}

#news20240310 ul.dotlist{margin:.5em 0 0 .5em;}
#news20240310 ul.asterisk{margin:0 0 1em 1em;}
#news20240310 aside{line-height:160%;}
#news20240310 .cap2{margin:-1.2em 0 1em 1em;}
#news20240522 h3 + p {padding:0 0 1em !important;}
#news20240522 ul.dotlist{margin:.25em 0 1em .25em;}

@media all and (min-width: 768px) {
#info .ph_cut_l{width:450px; height:600px; margin:1.5em auto 1em;}
#info .emb{width:800px; height:450px; margin:1.5em auto .5em !important;}
#info .emb iframe {width:100%; height:450px;}
/*#info article:first-child{margin:1em auto 3em;}
#info article:last-child{margin:0 auto 2em;}*/
.square{width:500px; height:500px; margin:1.5em auto !important;}
.ytbthum{height:393px; margin:.6em auto 1.5em;}
#news20240317 h3{margin:1.5em 0 0 !important; text-align:center;}
#news20240317 h3 + a.btn_info{margin:.6em auto !important;}
}

@media all and (max-width: 767px) {
#info #contents {margin:0 auto 6%;}
#info article{margin:0 auto 6%; padding:4% 5% 5%;}
#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{font-size:4.5vw;}
#info article h5{padding:.5em 0 0 1em; font-size:120%;}
#info article p {padding:1em 0 .5em !important;  line-height:160% !important;}
#info .bdr h3{padding:.3em 0; font-size:4.5vw; margin:2% 0;}
#info article h2 span.line {padding:0 0 .1em;}

h2 + p {padding:.5em 0 1em !important;}
#info article h3 + p {padding:.25em 0 !important;}
#info article h4 + p {padding:.5em 0 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:2% 0 0;}
.cap3 + .btn_df{margin:1% auto 6% !important;}
.btn_df + .cap{margin:-2.5em 0 1em !important;}
#info .ph_cut_l{width:80%; height:0; padding:106.7% 0 0; margin:1em auto .5em;}
#info .ph_cut {margin:1em auto .5em;}
.ytbthum{padding:56.25% 0 0; margin:1% auto 6% !important;}
a.btn_info{width:75%; margin:5% auto 5%; padding:6% 0; font-size:4.5vw;}

#info .emb {width:100%; position: relative; padding:56.25% 0 0; height: 0; overflow: hidden; height:auto; margin:1em auto .5em;}
#info .emb iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

#info .bdr{width:100%; margin:5% auto 4%; padding:2.5% 3% !important;}
#info .bdr + p{padding:0 0 1em !important;}
#info article span.date{margin:0 0 .3em; padding:.5% 1% .3% 5%;}
#info article span.date:before{
width:3.7vw;
height:1px;
}
.square{width:90%; padding:90% 0 0 !important; margin:1em auto 1em !important;}

#info figure.ph_1{width:80%; margin:3% auto;}
#info figure.ph_1_l{width:100%;}

ul.dotlist li {
    padding-left:.6em;
}
ul.dotlist li:before {
    width: 3px;
    height: 3px;
}
ul.asterisk{margin:2% 0 0 0;}

#news20240211 figure.ph_1{margin:3% auto 0;}

#news20240317 h3{margin:1em 0 0 !important;}
#news20240317 figure.ph_1_l{margin:3% auto .5%;}
#news20240317 table td{font-size:3.5vw; padding:.5% 0; vertical-align:top;}
#news20240317 table td.naka{width:1%;}
#news20240317 table td.post{width:20%;}
#news20240522 h3 + p {padding:0 0 1em !important;}
a.btn_info:last-of-type{margin:5% auto !important;}
}

@media all and (max-width: 320px) {
}

/*lazyload*/
.lazyload, .lazyloading { opacity: 0;}
.lazyloaded { opacity: 1; transition: all 1000ms;}

.nocontxt { user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select:none; -khtml-user-select:none; -webkit-user-drag:none; -khtml-user-drag: none; -webkit-touch-callout: none; text-align:center;}
.nocontxt img { pointer-events: none;}
.prgimg100 { max-width: 100%;}