@charset "UTF-8";
/* CSS Document */

/* Reunionにのみ使用するスタイルを記述
--------------------------------------------------------------*/
:root { --color_nav:#796238; }

body { background: none; background-color: #c3ab85; color: #000; line-height: 180%; font-family:'ヒラギノ'; }
ul { list-style-type:none; }
img { width:100%; }
figcaption { margin-top:0.5em; }

#wrapper { width: 1100px; margin: 0px auto; padding: 0px; background-color: #fff; }
#container { width: 1020px; padding: 40px; }

dl#reunion_news dt { float: left; width: 8em; clear: both; padding:5px 0 5px 0; }
dl#reunion_news dd { padding-left: 9em; padding-bottom: 10px;border-bottom:dotted 1px #666; padding:5px 0 5px 0; }

#reunion_footerArea { border-top: solid 1px #333333; padding-top: 10px; margin-top: 30px; }

a:link { color:#0033CC; text-decoration:none }
a:visited { color:#0033CC; text-decoration:none  }
a:hover { color:#0033CC; text-decoration: underline; }
a:active { color: #373B82; text-decoration: none; }
a[tabindex="-1"] { cursor:default; pointer-events: none; }

.txt_bold { font-weight:bold; }

/*  Welcome
----------------------------------------------------------------*/
#areaWelcome { display:flex; flex-direction:column; justify-content:center; align-items:center; font-weight:bold; gap:1.5em; }
h1 { margin:0; padding:0; text-align:center; }

/*  Top Visual
----------------------------------------------------------------*/
#top { min-width:1100px; width:100%; aspect-ratio:5/2; background:url('../img/top.jpg') no-repeat 50% 0 / cover ; }
#schedule { max-width:1100px; width:100%; height:100%; position: relative; margin:auto; }
#schedule div { position:absolute; right:0; bottom:30px; background-color:rgba(128,98,56,0.7); padding:20px; display:flex; flex-direction:column; gap:20px; backdrop-filter:blur(2px); }
#schedule dl { color:#fff; text-align:left; }
#schedule dl dd { line-height:1.4; }
#schedule dl dd .soldout { display:inline; color:#f00; background-color:#fff; padding:2px 6px; }

/*  Navigation
----------------------------------------------------------------*/
#nav { background-color:var(--color_nav); z-index:9999; }
#nav ul { width:1100px; margin:auto; background-color:rgba(255,255,255,0.5); border-left:1px solid rgba(255,255,255,0.5); border-right:1px solid rgba(255,255,255,0.5); display:flex; justify-content:space-between; gap:1px; box-sizing:border-box; }
#nav ul > li { flex:1 1 auto; }
#nav ul > li a { display:flex; flex-direction:column; justify-content:center; gap:5px; background-color:var(--color_nav); color:#fff; transition:0.3s; padding:20px 0; line-height:1; font-size:14px; }
#nav ul > li a:hover { opacity:.7; text-decoration:none; }
#nav ul > li a .e { font-size:11px; }

/*  Headline
----------------------------------------------------------------*/
.headline_a { margin:50px 0 20px; padding:7px 10px 5px; background:var(--color_nav); color:#fff; display:flex; gap:10px; }
.headline_a h2 { font-size:16px; }
.headline_a p {	font-size:10px; }

/*  Concert information -> program list
----------------------------------------------------------------*/
.boxProgram > ul { list-style:none; }
.boxProgram > ul > li { margin-bottom:5px; }
.boxProgram > ul > li > dl { overflow:hidden; }
.boxProgram > ul > li > dl dt { float:left; }
.boxProgram > ul > li > dl dd { margin-left:18em; }

/*  caption and image box
----------------------------------------------------------------*/
.boxCapImg { position:relative; }
.boxCapImg img { vertical-align: bottom; }
.boxCapImg .copy { position:absolute; right:5px; bottom:8px; font-size:75%; color:#666; }
.boxCapImg .copy.clrBk { color:#333; }

#areaProfile .artist { width: 250px; }

/*  under line box
----------------------------------------------------------------*/
.boxLineUnder { padding-bottom:30px; border-bottom:dotted 1px #aaa; margin-bottom:30px; }
#areaConcert .info { display:grid; grid-template-columns:300px 1fr; gap:30px; }

/*  youtube
----------------------------------------------------------------*/
#youtube { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
#youtube iframe { width:100%; aspect-ratio:16/10; }