@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;700&family=Playfair:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* RESET */
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td, figure{
margin:0;
padding:0;
border:0;
font-weight:normal;
font-size:100%;
vertical-align:baseline;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
article, header, footer, aside, figure, figcaption, nav, section{
display:block;
}
body{
line-height:1;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
ol, ul{
list-style:none;
list-style-type:none;
}
*:focus{
outline:none !important;
box-shadow:none !important;
}
a{
transition:1s;
}
p{
padding:0 0 1.8rem;
}

/* BASIC */
*{
margin:0;
padding:0;
box-sizing:content-box;
}
html{
font-size:62.5%;
overflow-x:hidden;
}

body{
background:#000 url(../img/bbg.webp) fixed;
overflow-x:hidden;
font-size:1.4rem;
line-height:1.8;
color:#fff;
font-family: Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
}

h2{
font-family: "Henny Penny", serif;
font-size:3rem;
text-align:center;
margin:0 auto 2rem;
color:rgba(169,134,191,.5);
}

#mainarea section{
margin:0 auto 5rem;
}


/* LEFT */
#leftsidebar{
padding:5rem 4rem;
}
#leftsidebar h1 img{
display:block;
margin:0 auto;
text-align:center;
opacity:.5;
}
.imgsec img{
display:block;
margin:2rem auto;
text-align:center;
}
.datesn{
font-family: "Roboto", serif;
font-size:2.2rem;
opacity:.7;
margin-left:2rem;
}
.datesn span{
font-size:1.4rem;
opacity:1 !important;
}

.pastsec img{
border:1px solid #000;
max-width:100%;
}
.pastsec span{
display:block;
text-align:center;
margin:0 auto 1.4rem;
font-family: "Henny Penny", serif;
}
.pastsec a{
text-decoration:none;
color:#fff;
font-family: "Henny Penny", serif;
}
.pastsec a:hover{
opacity:.5;
}

/* LINK */
.buylink a {
display:block;
text-transform: uppercase;
 background: linear-gradient(to bottom, #581013, #842624, #9f322d);
color: #fff;
padding: 1.2rem 2rem .6rem;
text-align: center;
margin: 4rem auto; 
font-size: 3.6rem;
font-family: "Henny Penny", serif;
text-decoration: none;
border-radius: 3px;
letter-spacing: .2rem;
transition: background 0.5s ease !important;
}
.buylink a:hover {
background: linear-gradient(to bottom, #581013, #9f322d); 
}
.accesses{
color:#50405d;
}
.accesses span{
display:inline-block;
margin-left:1rem;
}
.accesses span a{
text-align:center;
font-size:80%;
color:#fff;
text-decoration:none;
background:#50405d;
padding:.3rem .6rem;
}
.accesses span a:hover{
background:#a88cbe;
}

/* FOOT */
.site-footer{
text-align:center;
margin:4rem auto 0;
padding:0;
font-size:1rem;
}
.site-footer a{
color:#ece0c3;
}
.site-footer a:hover{
color:#e94709;
}

/* MAIN */
#mainarea{
padding:5rem 4rem;
box-shadow: -8px 0 3px -3px rgba(0,0,0,.4);
}

.artistssec .col-md-6{
margin-bottom:1.4rem;
}

.itemboxes{
position:relative;
background:rgba(169,134,191,.3);
border:1px solid #13042d;
border-radius:3px;
padding:1.6rem;
color:#000;
}

.infobox{
background:rgba(169,134,191,.1);
border-radius:3px;
padding:4.6rem 1.6rem 0;
color:#fff;
}
.infobox .shadowsn{
color:#fff;
font-size:1.5rem;
}

.alface img{
display:block;
max-width:40%;
margin:0 auto 1.2em;
}
img.photothum{
display:block;
width:104px;
height:126px;
object-fit: cover;
margin:0 auto;
border-radius:10px;
}
.sususu{
margin-bottom:1.2em;
}
.snsicons{
position:absolute;
bottom:3em;
left:50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.snsicons a{
color:#000 !important;
}
.snsicons a:hover{
color:#fff !important;
}
.snsicons img{
max-width:2rem;
}


/* CUSTOM */
h3.names{
text-align:center;
font-weight:700;
font-size:2.4rem;
padding-bottom:.5rem;
}
h3.names span{
display:block;
font-weight:400;
font-size:1rem;
}
.artistssec h4{
text-align:center;
font-size:1.4rem;
padding-bottom:1.2rem;
color: #000;
font-size:1.2rem;
}

.when span{
display:block;
text-align:center;
font-size:1.4rem;
color:#fff;
background:rgba(0,0,0,.4);
padding:.2em 1em;
border-radius:3px;
margin: 0 auto;
letter-spacing:.2em;
}

.snsicons{
margin-bottom:-2em;
}

.mainttls{
display: flex;
align-items: center;
text-align:center;
font-size:3.6rem;
font-weight:700;
margin:0 auto 1em;
font-family: 'Yeseva One', cursive;
}
.mainttls:before,
.mainttls:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.mainttls:before {
margin-right: 1rem;
}
.mainttls:after {
margin-left: 1rem;
}

h3.perttl{
font-size:1.8rem;
font-weight:700;
line-height:1.8;
}
h3.perttl span{
display:block;
font-size:1.4rem;
}
.sp01{
padding-left:.5rem;
}
.shadowsn{
color: #fff;
font-size:1.2rem;
text-shadow: 1px 1px 2px #333 ,
-1px 1px 2px #333 ,
1px -1px 2px #333 ,
-1px -1px 2px #333;
margin-bottom:2rem;
}
.artistssec a{
color:#483e27;
}
.artistssec a:hover{
color:#e94709;
}

.contestn .shadowsn{
font-size:1.4rem;
}
.contestn{
background-image:url(../img/contest.webp);
background-position:right center;
background-size: cover;
}

.pdflinks{
margin-bottom:2.4rem;
}
.pdflinks a{
background:rgba(169,134,191,.4);
color:#fff;
padding:1rem 2rem;
text-align:center;
border-radius:2px;
text-decoration:none;
transition: background 0.5s ease;
}
.pdflinks a:hover{
background:rgba(169,134,191,.7);
}

/* SP */
@media screen and (max-width: 767px) {
#mainarea, #leftsidebar{
padding:5rem 2rem;
}
.pastsec img{
display:block;
max-width:80%;
margin:0 auto;
}
.contestn p, .contestn .shadowsn{
font-size:1.2rem;
}
body{
background:#000 url(../img/bbg.webp) fixed;
}
}