@charset "utf-8";

/* ----------------------------------------
	container
---------------------------------------- */

#container {
	/**background: url(../img/common/bg.png) no-repeat center 45px;*/
}


/* ++++++++++++++++++++++++++++++++++++++++
	about.html
++++++++++++++++++++++++++++++++++++++++ */

#about article p {
	font-size: 16px;
}

#overview {
	margin-top: 90px;
}
#overview table {
	width: 100%; font-size: 14px;
}
#overview table + p {margin-top: 35px;}
#overview th {
	width: 15%;
}
#overview td {
	/*line-height: 30px;*/
}
#overview tr {
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#overview p + p {
	margin-top: 40px;
}
#overview span {
	font-size: 12px;
}

/* ++++++++++++++++++++++++++++++++++++++++
	award.html
++++++++++++++++++++++++++++++++++++++++ */

#awardList li {
	margin-bottom: 25px;
	font-size: 17px;
	font-weight: bold;
}
#awardList li span {
	font-size: 14px;
	font-weight: normal; display: block; padding-left: 25px;	
}
#awardList li h3,article .inner h3.awardTitile {font-family: 'Noto Serif JP', serif; color: #00507E; font-size: 20px; margin-bottom: 10px;}
#awardList li h3,article .inner h3.awardTitile { background-image: url("../img/award/tittle.svg"); background-repeat: no-repeat; background-position: left center; padding-left: 25px; background-size: 19px;}
article .inner h3.awardTitile { font-size: 26px; margin-bottom: 24px;}

#selection {
	margin-top: 80px;
}
#selection p {
	font-size: 14px;
	margin-bottom: 45px;
}

#prize {
    border-bottom: 1px solid #cb141d;
    margin: 0px 0 50px 0;
}
#prize h3 {
    margin-bottom: 10px;
	padding-left: 1.3em;
    text-indent: -1.3em;
    line-height: 1.5em;
	font-weight: 700;
	color: #cb141d;
	font-size: 27px;
}
#prize h3+p { margin-bottom: 2em;}
#prize h3+p span { display: block; font-size: 80%; }

#prize h3 span {
	font-size: 25px; font-weight:normal;
}
#prize h3 span.small {
	font-size: 17px;
}

#prize section {
    margin: 40px 0;
}

#prize section div {
	float: right;
	width: 400px;
}
#prize section figure { text-align: center; width: 400px;
	float: left; margin:0;
}
#prize section figure figcaption { text-align: left; }
#prize section div.text {
	font-size: 13px;
}
#prize p+p {
	margin-top: 10px;
}
#prize p+p+p {
	margin-top: 15px;
}
#prize p.name {
	margin-bottom: 0;
	font-weight: 700;
}
#prize p.name {
    font-size: 18px;
}
#prize p.name>span {
	font-size: 23px; margin-right:.5em;
}

#prize section div.text h4 { font-size:17px; }
#prize section div.text h5 { font-size:17px; color:#ca141d; font-weight:bold; margin-top:20px; }


/* ++++++++++++++++++++++++++++++++++++++++
	map.html
++++++++++++++++++++++++++++++++++++++++ */

#map article p {
	margin: 15px auto 30px;
}
#map article div {
	text-align: center;
}
#map article div #mapArea {
	width: 100%;
	margin-bottom: 45px;
}
#map #modal.on {
	display: block;
}
#map #modal {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
}
#map #modal .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 900px;
	height: 600px;
	margin-left: -450px;
	margin-top: -300px;
	overflow: scroll;
}
#map #modal #bigMap{
	background: #fff;
	padding: 100px;
}
#map #modal .icon_swipe {
	position: fixed;
	top: 50%;
	left: 50px;
	margin-top: 236px;
	padding: 5px 10px;
	background: #fff;
	font-size: 30px;
	font-weight: bold;
}
#map #modal .icon_swipe img {
	width: 40px;
	padding-right: 10px;
}




/* ++++++++++++++++++++++++++++++++++++++++
	comment.html
++++++++++++++++++++++++++++++++++++++++ */
.commentArea_first { font-size: 14px;}
#comment .commentArea {
	font-size: 14px;
	background: url(../img/comment/bg_top.gif) top no-repeat;
}
#comment .commentAreaWrap {
	background: url(../img/comment/bg_bottom.gif) bottom no-repeat;
}
#comment .commentAreaWrap_last {
	background: url(../img/comment/bg_bottom_last.gif) bottom no-repeat;
}
#comment div.left {
	width: 360px;
	padding: 30px 45px 0 5px;
	float: left;
}
#comment div.right {
	width: 360px;
	padding: 30px 0 0 45px;
	margin-left: 413px;
}
#comment .name {
	margin-bottom: 15px;
	font-weight: bold;
}
#comment .name span {
	font-size: 18px;
}
#comment .message {
	margin: 30px 0 40px;
}
#comment div.Box1 {
	height: 600px
}
#comment div.Box2 {
	height: 600px
}
#comment div.Box3 {
	height: 545px
}
#comment div.Box4 {
	height: 680px
}


/* ++++++++++++++++++++++++++++++++++++++++
	artist.html
++++++++++++++++++++++++++++++++++++++++ */

#ArtistsAbout {
	margin-bottom: 45px;
}
#ArtistsAbout h3 {
	font-size: 20px;
	font-weight: bold;
}
#ArtistsAbout p {
	font-size: 14px;
	margin-bottom: 45px;
}
#ArtistsAbout p span {
	font-size: 12px;
}

/* listの二色ライン */
#artist article ul li {
	position: relative;
	/*border-top: 1px solid #e40012;*/ overflow:hidden;
}
#artist article ul li:after { content: ""; display: block; width: calc( 100% - 40px ); height: 1px; border-top: 1px solid #e40012; position: absolute; top:0; right:0;}
#artist article ul li em { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; border:1px solid #e40012; color: #e40012; position: absolute; top:0; left: 0; font-size: 22px; font-style: normal; font-weight: bold; }

#artist article ul li.blue em {
    color: #1e5199; border-color:#1e5199;
}
#artist article ul li.blue:after {border-color:#1e5199; }
#artist article ul li.blue div.profile p.venue { color: #1e5199;}

#artist article ul li.green em {
    color: #53ab56; border-color:#53ab56;
}
#artist article ul li.green:after {border-color:#53ab56; }
#artist article ul li.green div.profile p.venue { color: #53ab56;}

#artist article ul li {
	position: relative;
}
#artist article ul li div.number {
	position: absolute;
	top: 0; right: 0;
	width: 82px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 3px 0;
	text-align: center;
}
#artist article ul li div.area1 {
	background: #1c50a1;
}
#artist article ul li div.area2 {
	background: #91308c;
}
#artist article ul li div.area3 {
	background: #de6a08;
}
#artist article ul li div.area4 {
	background: #5bb431;
}
#artist article ul li div.area5 {
	color: #595757;
	background: #fcd006;
}

#artist article ul li div.work { padding-top:50px; padding-left: 40px;
	width: 344px; /*height: 450px;*/
	font-size: 11px;
	line-height: 15px;
	margin: 0 25px 15px 0;
	float: left;
}
#artist article ul li:nth-child(13) div.work { /*height: 550px;*/}
#artist article ul li div.work img {width: 344px; height: 300px;
	display: block;
	margin: 0 auto 10px auto;
	 object-fit: contain;
}
#artist article ul li div.work p {
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    justify-content: space-between; align-items: flex-end;
}

#artist article ul li:nth-child(21) div.work p { display: block;}
#artist article ul li:nth-child(21) div.work p span { display: block; text-align: right; margin-top: 1em;}
#artist article ul li:nth-child(11) div.work p:nth-last-of-type(1) { margin-top: 1em;}
#artist article ul li div.profile { color: #000000;
	margin-left: 424px;
}
#artist article ul li div.profile p.name { position:relative;
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
}
#artist article ul li div.profile p.name strong {
	display:inline-block; padding:.2em .7em; position:absolute; top:0; right:0; color:#A9A176; border:1px solid #A9A176; box-sizing:border-box;
}
#artist article ul li div.profile p.name strong.gra { background-color:#A9A176; color:#FFF; }
#artist article ul li div.profile p.name span {
	font-size: 23px;
}

#artist article ul li div.profile p.name small {
	margin-left: 0px;
	font-size: 15px;
}

#artist article ul li div.profile p.name em {
	font-style:normal; font-weight:bold; color:#E50012; font-size:23px; margin-right:6px; 
}
#artist article ul li div.profile p.name em.blue {
	font-style:normal; font-weight:bold; color:#365295; font-size:23px; margin-right:6px; 
}
#artist article ul li div.profile p.name em.purple {
	font-style:normal; font-weight:bold; color:#935B96; font-size:23px; margin-right:6px; 
}
#artist article ul li div.profile p.name em.green {
	font-style:normal; font-weight:bold; color:#75AA5C; font-size:23px; margin-right:6px; 
}
#artist article ul li div.profile p.name em.orange {
	font-style:normal; font-weight:bold; color:#CC8434; font-size:23px; margin-right:6px; 
}
#artist article ul li div.profile p.message {
	font-size: 14px;
	margin: 20px 0 0 0px;
}
#artist article ul li div.profile p.venue {
	font-size: 11px;
	margin: 45px 0 50px 0px; color:#e40012;
}

.linkList {  width:747px; margin:0 auto 45px auto; display: none; }
.linkList a { display:block; border-bottom:1px solid #eee; padding: 0; text-align:left; color:#666; text-decoration:none; font-size:110%; height:44px; line-height:44px; background-image:url(../img/map/arrow.png); background-repeat:no-repeat; background-position:right center; background-size:auto 10px; }
.linkList a.icon:before { width:30px; height:100%; display:inline-block; vertical-align:middle; content:""; margin-right:1em; }
.linkList a.icon.i01:before { background-image:url(../img/map/01.png); background-repeat:no-repeat; background-position:left center; background-size:contain; }
.linkList a.icon.i02:before { background-image:url(../img/map/02.png); background-repeat:no-repeat; background-position:left center; background-size:contain; }
.linkList a.icon.i04:before { background-image:url(../img/map/04.png); background-repeat:no-repeat; background-position:left center; background-size:contain; }
.linkList a.icon.i05:before { background-image:url(../img/map/05.png); background-repeat:no-repeat; background-position:left center; background-size:contain; }
.linkList a.icon.i06:before { background-image:url(../img/map/06.png); background-repeat:no-repeat; background-position:left center; background-size:contain; }
.linkList a.icon.i07:before { background-image:url(../img/map/07.png); background-repeat:no-repeat; background-position:left center; background-size:contain; }

.map { position:relative; }
.map a { text-indent:-9999px; display:block; position:absolute; }
.map a.m1 { width:149px; height:37px; left:645px; top:393px; }
.map a.m2 {  width: 208px;
    height: 200px;
    left: 24px;
    top: 55px;  }
.map a.m3 { width: 220px;
    height: 236px;
    left: 312px;
    top: 180px;  }
.map a.m4 { width: 260px;
    height: 190px;
    left: 544px;
    top: 560px; }
.map a.m5 { width:78px; height:78px; left:238px; top:105px; }

.map a.gal {
    width: 61px;
    height: 110px;
    left: 434px;
    top: 102px;
}

.video { background-color:#eee; padding:20px; }
.video h3 { color:#C01C20; font-weight:bold; font-size:140%; margin-bottom:.7em; }
.video ul {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	}
.video ul img { width:100%; height:auto; }
.video ul li { cursor:pointer; position:relative;
	-ms-flex-preferred-size: 24%;
               flex-basis: 24%;
			   max-width:24%;
			    }
				
.video ul li:after { content:""; display:block; width:40px; height:40px; background-image:url(../img/map/play-circle-outline.svg); background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

.videos iframe { width:100%; height:auto;position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videos {position: relative; padding-bottom: 56.25%; margin-bottom:1em; }
				
#video { width:70%; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); opacity:0; }
.view #video { transform:translate(-50%,-50%) scale(1); opacity:1; }
#video .videos iframe{ width:100%; height:auto;position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#video .videos {position: relative; padding-bottom: 56.25%; }
#overlay { width:100%; height:100%; background-color:rgba(0,0,0,.8); position:fixed; top:0; left:0; transform:scale(0); }
.view #overlay {transform:scale(1); opacity:1; }


a.bts  {
    display: block; display: none;
    padding: 0 2em;
    height: 44px;
    background-color: #E50012;
    color: #FFF;
    line-height: 44px;
    text-decoration: none;
    border-radius: .3em; margin-top:1.5em; text-align:center; font-size:110%;
}
.blue a.bts { background-color: #1e5199;}
.green a.bts { background-color: #53ab56;}

#buttonWrap { background-color:#FFF; width:100%; padding:20px 0; box-shadow:0px -1px 8px rgba(0,0,0,.8); position:fixed; left:0; bottom:0; text-align:center; }
#buttonWrap a { display:inline-block; color:#FFF; padding:1em 2em; font-weight:bold; text-decoration:none; background-color:#111; border-radius:.3em;  }
#container_artist { padding-bottom:40px; }

#map .lefts { margin-left:-34px; }

.map2clm { width:810px; margin:100px auto 0 auto;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
   -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
   }
.map2clm .box { box-sizing:border-box; padding:80px 38px 45px 38px; position:relative; 
	-ms-flex-preferred-size: 374px;
               flex-basis: 374px;
			   max-width:374px;
}
.map2clm .box:nth-child(1) { border:1px solid #c40018; }
.map2clm .box:nth-child(2) { border:1px solid #00639a; }
.map2clm .box h6 { font-size:15px; font-weight:bold; }

.map2clm .box:nth-child(1) h6 { color:#c40018; }
.map2clm .box:nth-child(2) h6,.map2clm .box p.blues { color:#00639a; }
.map2clm .box p { text-align:left; }



.map2clm .box:nth-child(1):before { content:""; display:block; width:100px; height:100px; position:absolute; top:-50px; left:50%; margin-left:-50px; background-image:url(../img/map/icon1.png); background-repeat:no-repeat; background-position:center; }
.map2clm .box:nth-child(2):before { content:""; display:block; width:100px; height:100px; position:absolute; top:-50px; left:50%; margin-left:-50px; background-image:url(../img/map/icon2.png); background-repeat:no-repeat; background-position:center; }

.section { width:810px; margin:40px auto 0 auto; padding:35px 0 0 0; }
.section h4 { font-size:30px;color:#005d8e; font-weight:bold; }
.section h4.icon { position:relative; }
.section h4.icon:before { content:""; display:block; width:79px; height:75px; position:absolute; top:0%; right:0; background-image:url(../img/map/icon.png); background-repeat:no-repeat; background-size:contain; margin-top:-25px; }
.section h4.red { color:#cb141d; font-size:21px; }
.section h4.red span { display:inline-block; color:#FFF; background-color:#cb141d; margin-right:.5em; vertical-align:middle; font-weight:normal; font-size:80%; padding:.3em; line-height:1; }
.section h4:after { content:""; display:block; background-color:#005d8e; width:65px; height:2px; margin:10px auto 15px auto; }
.section h4.red:after { display:none; }
.section p.medium { font-size:90%; }
.section p a.bt { text-decoration:none; display:inline-block; border:1px solid #c40018; padding:.5em 1em; }

.mapfloat { overflow:hidden; text-align:left; margin:25px auto 0 auto;overflow:visible;
display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
 .mapfloat.rev { overflow:visible;
	 -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
     -ms-flex-direction: row-reverse;
         flex-direction: row-reverse;
 }
.mapfloat figure { margin:0; margin-right:35px; } 
.mapfloat figure { margin:0; margin-right:35px; margin-left:-110px; }
.mapfloat.rev figure { margin:0; margin-right:-110px; margin-left:35px; }
.mapfloat.rev.sma figure { margin:0; margin-right:0px; margin-left:35px; }
.maptext {  }
#map article .maptext p { text-align:left; margin:0; font-size:14px; }
#map article .maptext h5 { text-align:left; color:#FFF; background-color:#005d8e; width:calc( 100% + 90px ); margin-left:0px; margin-right:-90px; font-size:18px; padding:20px 30px 20px 30px; box-sizing:border-box; font-weight:bold; margin-bottom:30px; margin-top:-70px; }
#map article .rev .maptext h5 { text-align:left; color:#FFF; background-color:#005d8e; width:calc( 100% + 90px ); margin-left:-90px; font-size:18px; padding:20px 50px 20px 90px; box-sizing:border-box; font-weight:bold; margin-bottom:30px; margin-top:-70px; }
#map article { overflow:hidden; }

#map article .list { overflow:hidden; }
#map article .list div.th { width:7em; float:left; text-align:left; }
#map article .list div.td { margin-left:7em; text-align:left; }

#map .bus { border-left:1px solid #c40018; padding:0px 25px 0px 25px; position:relative; }
#map .bus h6 { font-size:18px; color:#c40018; font-weight:bold; }
#map .bus h6:before { content:""; display:inline-block; height:26px; width:16px; vertical-align:0px; margin-right:.5em; background-image:url(../img/map/icon1.png); background-repeat:no-repeat; background-size:contain; }
#map .bus p { margin-bottom:0; }
#map .bus .left { width:auto; text-align:left; }
#map .bus .app { margin-left:525px; }
#map .bus .app a { display:block; width:100%; line-height:0; margin-bottom:1em; }
#map .bus .app a img { width:100%; height:auto; margin:0; }


.menu { overflow:hidden; margin-top:20px; }
.menu .titles { width:102px; background-color:#005d8e; color:#FFF; padding:20px 0; font-weight:bold; float:left; font-size:110%; }
.menu .titles span { display:block; font-size:85%; }
.menu .menus { margin-left:110px; color:#005d8e; text-align:left!important; font-size:90%; } 
.loc { padding:1em; border-top:1px solid #111; border-bottom:1px solid #111; margin-top:1.5em; text-align:left!important; font-size:90%; }
#map article .maptext p.idt { text-indent:-1em; margin-left:1em; font-size:90%; margin-top:1em; }

#map article .maptext p.btm { margin-top:1em; }

.border { border-bottom:1px solid #dadbdb; padding-bottom:40px; }

.mapto { position:absolute; display:inline-block; background-color:#000000; color:#FFF; padding:.7em; top:50px; right:0; text-decoration:none; }
#artist article,#map article { position:relative; }

a.bts {  }

section.box h2 { color:#e40012; font-weight:bold; font-size:27px; margin-bottom: 45px;}
section.box h2:after { content:""; display: block; width: 50px; height: 1px; background-color:#e40012; margin: 30px auto 0 auto; 
}
section.box h3 { margin-bottom: 20px;}
section.box p + h3,section.box .youtubeWrap + h3 { margin-top: 50px;}
#map h2+img { margin-bottom: 40px;}

p.idt { text-indent: -1em; margin-left: 1em;}
h3.title { font-size: 25px; text-align: center; font-weight: bold; color: #000;}

#recruit article {
    height: calc( 100vh - 192px - 20px - 60px );  position: relative;
}

#recruit article section.box {
     position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);
}

.youtubeWrap { width: 550px; margin-left: auto; margin-right: auto;}
.youtubeWrap.youtube2 { width: 383px; margin-bottom: 20px;}
.youtubeBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtubeBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

p.mt { margin-top: 60px;}

.sp { display: none;}

article .inner { width: 550px; margin: 0 auto;}
article .inner h3 { font-size: 31px; color: #00507E; margin-bottom: 30px;font-family: 'Noto Serif JP', serif; font-weight: 600;}
article .inner h3 span { display: block; font-size: 18px; font-weight: normal;}
article .inner p {line-height: 2; margin-bottom: 50px;}
article .table table {  font-size: 16px; color: #00507E; margin-bottom: 40px;}
article .table table tr td:nth-child(1) { width: 80px; text-align: justify; vertical-align: top; }
article .table table tr td:nth-child(2) { padding-left:20px; }
article .table table tr td:nth-child(2) span { font-size: 70%;}
#about article .table p,p.small { font-size: 12px; color: #00507E;}
 p.small { margin-top: 2em;}
article .table { padding-top: 40px; border-top:1px solid #00507E; }

#container { position: relative;}
#container:before { content: ""; display: block; width: 134px; height: 735px; position: absolute; bottom: 0; left: 0; background-color: #D23A26;}
#container:after { content: ""; display: block; width: 134px; height: 735px; position: absolute; top: 82px; right: 0; background-color: #00507E;}
nav.pc { position: relative; z-index: 1;background-color: #FFF;}

article .inner h3.h3 { background-color: #00507E; color: #FFF; height: 30px; line-height: 30px; font-size: 16px; padding: 0 10px;}
article .inner ul.list { margin-bottom: 150px;}
article .inner figure { margin: 0; margin-bottom: 50px;}

.linkBox { display: block; width: 300px; position:absolute; top: 82px;
    left: 0;}
.linkBox a { display: block; width:100%; height: 50px; color: #FFF; line-height: 50px; text-align: center; font-size: 16px; text-decoration: none; background-image: url("../img/common/arrow2.svg"); background-repeat: no-repeat; background-size: 5px auto; background-position: right 10px center;font-family: 'Noto Serif JP', serif;}
.linkBox a.red { background-color: #D23A26;}
.linkBox a.navy { background-color: #00507E;}

h2.h2 { font-size: 31px;
    color: #00507E;
    margin-bottom: 30px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 600;}

article .inner h3.title {
    font-size: 22px;
    color: #00507E;
    margin-bottom: 22px;
    font-family: 'Noto Serif JP', serif; text-align: left;
    font-weight: 600;
}
article#artist p { margin-bottom: 0;}
article#artist p + h3.title { margin-top: 40px;}

.flow { display: flex; justify-content: space-between;}
.flow li { width: 122px;}
.flow li:nth-child(2n){ width: 15px; background-image: url("../img/award/arrow4.svg"); background-position: center top 49.5px; background-repeat: no-repeat; background-size: contain;}
.flow li div { width: 114px; height: 114px; background-color: #00507E; border-radius: 50%; color: #FFF; text-align: center; line-height: 114px; font-size: 18px; margin-bottom: .4em;font-family: 'Noto Serif JP', serif; position: relative;}
.flow li:last-child div { background-color: #D23A26;}
.flow li p { font-size: 13px;color: #00507E; line-height: 1.6;}
.flow li:nth-child(1) div span { display: block; width: 32px; height: 32px; background-image: url("../img/award/1.svg"); background-repeat: no-repeat; background-size: contain; top:0; left:0; position: absolute;}
.flow li:nth-child(3) div span { display: block; width: 32px; height: 32px; background-image: url("../img/award/2.svg"); background-repeat: no-repeat; background-size: contain; top:0; left: 0; position: absolute;}
.flow li:nth-child(5) div span { display: block; width: 32px; height: 32px; background-image: url("../img/award/3.svg"); background-repeat: no-repeat; background-size: contain; top:0; left: 0; position: absolute;}

.clmT { display: flex;justify-content: space-between;}
.clmT li { width: 260px; }
.clmT li table {font-size: 13px; border-top: 1px solid #000;color: #000;}
.clmT li table td { border-bottom: 1px solid #000;padding-top: .5em; padding-bottom: .5em; padding-left: 8px;}
.clmT li table tr:nth-child(2n) td { background-color: #E6E6E6;}
.clmT li table td:nth-child(2n) { text-align: right; padding-right: 8px;}

.nomi h4 { color: #000; border-bottom: 1px solid #000; margin-bottom: 7px; font-weight: bold;}
.nomi h5 { color: #000; margin-bottom: 20px; font-weight: bold;}
.nomi .total { color: #000; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; position: relative; font-size: 13px;}
.nomi .total span { position: absolute; display: block; top:50%; right: 0; transform: translateY(-50%);}

article#artist .inner h3 { font-size: 20px; margin-bottom: 80px;}
article#artist .inner h3 span { font-size: 12px; margin-top: 15px;}

#artList .num { font-size: 34px; margin-bottom: 25px;line-height: 1; color: #D23A26; font-weight: 800;}
#artList h4 { font-size: 35px; color: #00507E;line-height: 1; margin-bottom: 20px; font-weight: bold;}
#artList h4 span { font-size: 16px; display: block; margin-bottom: 15px; color: #000;}
#artList h4 em { font-style: normal; margin-left: 15px; vertical-align: bottom; font-size: 18px;}
#artList h4 + p { margin-bottom: 35px;}
#artList h4 + h5 { font-size: 19px; font-weight: bold;}
#artList figure  { text-align: center; display: inline-block; width: auto; margin-bottom: 0;}
#artList figure img { width: 100%; height: 100%; object-fit: contain; max-height: 380px; }
#artList .figure { text-align: center; margin-bottom: 20px;}
#artList figure figcaption { text-align: left; font-size: 19px; margin-top: 10px; font-weight: 500; color: #000; position: relative;}
.location { display: inline-block; background-color: #D23A26; font-size: 15px; color: #FFF; padding: 9px; line-height: 1;}
.location span { margin-left: 9px; padding-left: 9px; vertical-align: middle; border-left: 1px solid #FFF;}
#artList section { margin-bottom: 100px;}
#artList figure figcaption span { display: block; font-size: 12px; color: #00507E; text-align: right;}
.location.yellow { background-color: #E9B800;}
.location.blue { background-color: #00507E;}

.pager { display: flex;justify-content: center;}
.pager li a { display: block; width: 66px; height: 66px; box-sizing: border-box; font-size: 22px; text-align: center; line-height: 66px; color: #00507E; border: 1px solid #00507E; text-decoration: none; border-right: none;}
.pager li:last-child a { border-right: 1px solid #00507E;}
.pager li a.current { background-color: #00507E; color: #FFF;}
.pager li a.arrow { text-indent: -9999px; background-position: center; background-repeat: no-repeat; background-size: 13px auto;}
.pager li a.arrow.prev { background-image: url("../img/artist/prev.svg");}
.pager li a.arrow.next { background-image: url("../img/artist/next.svg");}

#artList h4 a { display: block; font-size: 14px; margin-top: 1em; text-decoration: none; background-image: url("../img/common/arrowRed.svg"); background-repeat: no-repeat; background-size: 1em auto; background-position: left center; padding-left: 1.5em;}

article .inner h3.sma { font-size: 20px;}

.commentBox { display: flex;justify-content: space-between; padding-bottom: 45px; border-bottom: 1px solid #00507E; padding-top: 45px;}
.commentBox figure { width: 153px; font-size: 12px; text-align: right;}
.commentBox figure img { width: 100%; height: auto; margin-bottom: .3em;}
.commentBox .info { width: 368px;}
.commentBox .info h4 { font-size: 40px; color: #00507E; line-height: 1; margin-bottom: 30px;}
.commentBox .info h4 span { display: block; font-size: 18px; color: #000; margin-bottom: 15px; line-height: 1.4;}
.commentBox .info h4 em { display: block; font-style: normal; font-size: 20px; margin-top: 15px}
.commentBox .info p { margin-bottom: 0;}

#artList .comment h6 { font-size: 19px; color: #d23a26; margin-bottom: .7em; font-weight: bold;}
#artList .comment p { margin-bottom: 1em;}
#artList .comment { padding-top: 30px;}

@media screen and (max-width: 812px){
    .commentBox { flex-direction: column; padding-top: 35px; padding-bottom: 35px;}
    article .inner .commentBox figure { width: 131px; font-size: 12px; text-align: right; margin-left: auto; margin-right: auto; margin-bottom: 25px;}
    .commentBox .info h4 { font-size: 30px; margin-bottom: 25px;}
.commentBox .info h4 span { font-size: 14px;}
.commentBox .info h4 em { font-size: 14px; margin-top: 10px}
 .commentBox .info p { line-height: 1.8!important;}
    
    .nomi h4 { font-size: 15px;}
.nomi h5 { font-size: 15px;}
    
    .clmT {flex-direction: column;}
    .nomi .total { border-bottom-width: 2px;}
    .clmT li:nth-child(2) table { border: none;}
    .clmT li:nth-child(2) table tr:last-child { display: none;}
    .clmT li { width: auto; margin-bottom: 0!important;}
    .flow { flex-direction: column;}
    .flow li { width: auto; margin-bottom: 6vw!important;}
    .flow li div { width: 40.93333333333333vw; height: 40.93333333333333vw; font-size: 5.066666666666667vw; line-height: 40.93333333333333vw; margin: 0 auto;  margin-bottom: .4em;}
    .flow li:nth-child(1) div span { width: 11.6vw; height: 11.6vw; }
.flow li:nth-child(3) div span { width: 11.6vw; height: 11.6vw;}
.flow li:nth-child(5) div span { width: 11.6vw; height: 11.6vw; }
    .flow li:nth-child(2n){ width: auto; height: 3.466666666666667vw; background-image: url("../img/award/arrow4_sp.svg"); background-position: center; background-size: contain;}
    .flow li p { margin-bottom: 0!important;}
    
    
    #container:after,#container:before { display: none;}
    .linkBox { width: 100%; top:86px;}
    .linkBox a {
    height: 40px;
    line-height: 40px;
    background-size: 5px auto;
    background-position: right 28px center;
}
    article {
    padding: 30px;padding-top: 116px;
    width: auto;
}
    article h2 img {
    height: calc( 173px / 2 );
    width: auto;
}
    article .inner {
    width: auto;
}
    article h2 {
    margin-bottom: 18px;
}
    .sp {
    display: block;
}
    article .inner h3 { font-size: 29px; line-height: 1.5; }
    article .table table tr td { display: block; padding-bottom: 1em;}
    article .table table tr td:nth-child(2) {
    padding-left: 0px;color: #595757;
}
    article .table table tr {border-bottom: 1px solid #00507E; margin-bottom: 1em; display: block;}
    article .table {
    padding-top: 1em;
}
    article .table table tr td:nth-child(2) span { display: block;}
    #about article .table p {color: #595757; font-size: 16px;}
   
    article .table table {
    margin-bottom: 0px;
}
article .inner ul.list {
    margin-bottom: 40px;
}
    article .inner h3.h3 {
    height: 48px;
    line-height: 48px;
    font-size: 18px;
    padding: 0 15px;
}
    #awardList p { font-size: 16px;}
    article#awardList figure img {margin-left:auto; margin-right: auto;}
    
    article#artist .inner h3 { font-size: 16px; margin-bottom: 50px;}
    #artList .num {
    font-size: 20px;
    margin-bottom: 10px;
}
    #artList h4 {
    font-size: 30px;
}
    #artList h4 span {
    margin-bottom: 5px;
}
    #artList h4 em {
    margin-left: 10px;
}
    #artList figure figcaption {
    font-size: 16px;
    margin-top: 10px;
}
    .location {
    display: block; line-height: 1.4;
}
    .location span {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
        display: block;
}
    #artList section {
    margin-bottom: 70px;
}

.pager li a { width: 33px; height: 33px; font-size: 11px; line-height: 33px;}
.pager li a.arrow {  background-size: 7px auto;}
    
}