@charset "utf-8";

.comingsoon{ text-align:center;font-family: 'Anton'; font-size:5vw; line-height:1em; padding:10vw 0 14vw;}

@media only screen and (max-width: 768px){
    .comingsoon{ font-size:8vw;}
}

/********************** INNER *******************************/






#inner{}
#inner_head{ background-image:url(../images/inner_head.jpg); background-size:100%; height:17vw; position:relative; overflow:hidden; margin-bottom:3vw; background-attachment:fixed;}

#inner_head.bg01{background-image:url(../images/inner_head01.jpg);}
#inner_head.bg02{background-image:url(../images/inner_head02.jpg);}
#inner_head.bg03{background-image:url(../images/inner_head03.jpg);}
#inner_head.bg04{background-image:url(../images/inner_head04.jpg);}
#inner_head.bg05{background-image:url(../images/inner_head05.jpg);}
#inner_head.bg06{background-image:url(../images/inner_head06.jpg);}
#inner_head.bg07{background-image:url(../images/inner_head07.jpg);}


#inner_head h1{ color:#007ea7; opacity:0.8; line-height:0.8; font-size:8vw; position:absolute; bottom:0; left:2%; font-family: 'Anton';}

#inner section{ margin-bottom:80px;margin-top:-80px; padding-top:80px;}

.content_wrap2{ width:94%; max-width:1140px; margin:0 auto; position:relative;}
.content_wrap2 .left_column { position:absolute; width: 240px; text-align: left;border-top: 3px solid #007ea7; padding-top:1.6vw;  top:0; }
.content_wrap2 .left_column.fixed{ position:fixed; top:70px;}
.content_wrap2 .left_column.btm{ position:absolute; top: inherit; bottom:0px;}
.content_wrap2 .right_column { float: right; width: calc(95% - 240px); margin-bottom: 3vw; text-align: left; line-height: 2; }
.content_wrap2 .right_column img{width: auto;max-width: 100%;line-height:0;margin-bottom:20px;height:auto;}

ul.supporter li{ display: inline-block; margin: 0 20px 20px 0; list-style-type: none;}
ul.supporter li img{ width:70px !important;}

.content_wrap2 h2{font-size: 20px; padding: 0 0 12px 0; margin: 0 0 12px; border-bottom: 2px solid #eae7e2; line-height: 1.5; color:#007ea7; font-weight:bold;}
.content_wrap2 h2.nob{ border-bottom:none; margin-bottom:0;}
.content_wrap2 h3 { font-size: 17px; margin: 0 0 20px 0; border-left: 2px solid #007ea7; padding-left: 1.2em; font-weight:bold;}	
.content_wrap2 h4{ margin-bottom:10px; font-weight:bold; font-size:17px; }

.content_wrap2 .youtube{ margin-bottom:20px;}
.content_wrap2 .block{ margin-bottom:40px;}

.content_wrap2.newspage  .left_column { position:inherit; float:left; margin-bottom:30px;}


.msg {position: relative;background: #ebe2db;margin: 0 -10px;}
.msg .msg-head{position: absolute;left: 0;top: 0;z-index: 0;}
.msg .msg-inner{position: relative;padding: 120px 100px 200px;z-index: 10;font-weight: bold;}
.msg .msg-foot {position: absolute;left: 0;bottom: 0;z-index: 0;}
.content_wrap2 .right_column .msg .logoset{width: 280px;margin: 0 auto 2em;}
.content_wrap2 .right_column .msg .msg-foot{margin-bottom: 0;}
.msg{}
@media only screen and (max-width: 768px){
    .msg .msg-inner{padding: 4em 2em 8em;}
    .content_wrap2 .right_column .msg .logoset{width: 200px;}
}

.mb0 { margin-bottom: 0 !important;}

#sidemenu { margin: 0 0 20px; padding: 0;}
#sidemenu li { padding: 0 0 10px; line-height: 2; font-weight: bold;}
#sidemenu li a { display: block; margin-left: 1em; text-indent: -1em; color: #000;}
#sidemenu li a:before { content: "– ";}
#sidemenu li a:hover,
#sidemenu li a:active { color: #999;}
.left_column h1 { margin-bottom: 20px; font-size: 20px; line-height:1.4em;}

table { width: 100%; border-top: 1px solid #DDD; line-height: 2;table-layout:fixed;}
table.nb { border-top: none;}
table th, table td { padding: 1em 1em; border-bottom: 1px solid #DDD;}
table th { font-weight: bold;background-color: #f2f2f2;}
table ul, .note ul { padding-left: 2em; list-style-type: square;}
table.tb_pln { border: none;}
table.tb_pln th, table.tb_pln td { padding: 0 2em 0 0; border: none; vertical-align: top;}
table th.colored,
table td.colored { background: #EEE;}

.tbl25{ width:25%;}
.tbl30{ width:30%;}
.tbl33{ width:33.33%;}
.tbl40{ width:40%;}
.tbl45{ width:45%;}
.tbl50{ width:50%;}
.tbl70{ width:70%;}


@media only screen and (max-width: 768px){
table{ line-height:1.4em;}

ul.supporter li{ margin:0 4px 12px 0;}
ul.supporter li img{ width:60px !important;}
}

.note { padding: 20px; background-color:#f9f5ef;}

a.ticket_btn { display: block; padding: 15px; font-size: 15px; text-align: center; line-height: 1; background-color: #f2b425; color:#fff;}
a.access_btn { display: block; padding: 15px; font-size: 15px; text-align: center; line-height: 1; background-color: #ef732e; color:#fff;}
a.pickup_btn { display: block; padding: 15px; font-size: 15px; text-align: center; line-height: 1; background-color: #53b2c9; color:#fff;}
a.guide_btn { display: block; padding: 15px; font-size: 15px; text-align: center; line-height: 1; background-color: #56c3b8; color:#fff;}
a.history_btn { display: block; padding: 15px; font-size: 15px; text-align: center; line-height: 1; background-color: #7c7bce; color:#fff;}

#outline4 th{ width:9em;}

/* FAQ */
#faq td{ padding:0;}
#faq label {display: block;cursor: pointer; padding:1em 0; position:relative;}
#faq label:after{ position: absolute; top: calc(50% - 4px); right:3%; margin: auto; content: ""; vertical-align: middle; width: 6px; height: 6px; border-top: 1px solid #646a6e;; border-right: 1px solid #646a6e;; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
#faq label:hover {color: #999;}
#faq input {display: none;}
#faq table div {display: none;}
#faq table div span {display: block;margin-top: 10px;padding: 20px;background: #f2f2f2; margin-bottom:1em;}
#faq table div p,
#faq table div ul {margin-bottom: 1em !important;font-size: 13px !important;}
#faq table div p:last-child {margin-bottom: 0 !important;}
#faq img {width: 100%;}
#faq h2{ border-bottom:none; margin-bottom:0;}

/* チケット */
.ticketpage h2{ border-bottom:none; margin-bottom:0;}



/* ticket table */
.ticketpage table{border-collapse: collapse;}
.ticketpage .price1 .tit_row span{ font-size:0.7em; display:block; line-height:1.5em;}
table .price{ font-size:1.2em;}
table .price span{ font-size:0.8em;}
.pc_th{}
.sp_th{ display:none;}
.ticketpage .tit_row { background-color:#f9f5ef;}
table .bgbrown { background-color:#f9f5ef;}
table .bgbrown2 { background-color:#f2eee8;}

.ticketpage table + table{ border-top:none;}

#ticket5 .tbl{ width:50%;}

table .end,
table .sold{ background-color:#eee; color:#999;}
table .sold .soldtxt:after,
table .sold .price:after{ content:"SOLD OUT!!";display: block;  font-size: 10px; color: #007ea7;}

@media only screen and (max-width: 768px){
	
.ticketpage .price1 .tit_row { background-color:#f2eee8;}
.ticketpage .price1 .stit_row{ font-size:14px;}
.ticketpage .price1 th{  padding:0.5em;}
.ticketpage .price1 .tit_row th{ text-align:center; color:#7d262a; }
.ticketpage .price1 td{ padding:1em 0.5em;}
.ticketpage .price1.txtc td{ text-align:center;}

table .price {color:#7d262a; }
table .price span{ display:block; color:#646a6e; font-weight: normal;}

.pc_th{ display:none;}
.sp_th{ display:table-row; background-color:#f9f5ef;}
.sp_th th{ font-weight:inherit;}

#ticket5 .tbl{ width:70%;}
}

.playguidepage th{ width:30%;}
.playguidepage .list_pg { margin-bottom:30px;}
.playguidepage .list_pg h3{ border:none; font-size:22px;}
.playguidepage .list_pg h3 span{ display:block; line-height:1em; font-size:12px;}
.playguidepage .list_pg{ background-color:#fff; padding:3%; position:relative;}
.playguidepage .list_pg::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
  z-index: -1;
  content: '';
  box-shadow: 0 10px 30px rgba(0,0,0,.1);
  border-radius: 100px / 15px;
}
.playguidepage .saledate{ margin:0 0 15px; padding:0.5em 2em; border:3px solid #007ea7; text-align:center; color:#007ea7; font-weight:bold;}
.playguidepage th{ width:40%;}
.playguidepage .notes{ font-size:0.8em; margin:1em 0;}

.playguidelink:hover{ opacity:0.7; display:block;}

#ticket7 th{ width:10em;}
#ticket_1, #ticket_2, #ticket_3, #ticket_4, #ticket_5,#ticket_6,
#playguide_1, #playguide_2, #playguide_3, #playguide_4, #playguide_5, #playguide_6, #playguide_7, #playguide_8, #playguide_9, #playguide_10, #playguide_11, #playguide_12, #playguide_13, #playguide_14, #playguide_15, #playguide_16, #playguide_17, #playguide_18, #playguide_19,#playguide_20,#playguide_21,#playguide_22,#playguide_23,#playguide_24,#playguide_25,#playguide_26,#playguide_27,#playguide_28  {
  display: block;
  padding-left: 75px;
  line-height: 60px;
}
#ticket_1 { background: url(../images/icon_ticket1.png) no-repeat; }
#ticket_2 { background: url(../images/icon_ticket2.png) no-repeat; }
#ticket_3 { background: url(../images/icon_ticket3.png) no-repeat; }
#ticket_4 { background: url(../images/icon_ticket4.png) no-repeat; }
#ticket_4 span{ font-size:0.7em; display:block; line-height:1.5em; color:#646a6e;}
#ticket_5 { background: url(../images/icon_ticket5.png) no-repeat; }
#ticket_6 { background: url(https://cdn.fujirockfestival.com/smash/frf/assets/2023/ticket/img/icon_ticket6.png) no-repeat; }
#playguide_1 { background: url(../images/ticket01_thumb.png) no-repeat; }
#playguide_2 { background: url(../images/ticket02_thumb.png) no-repeat; }
#playguide_3 { background: url(../images/ticket03_thumb.png) no-repeat; }
#playguide_4 { background: url(../images/ticket04_thumb.png) no-repeat; }
#playguide_5 { background: url(../images/ticket05_thumb.png) no-repeat; }
#playguide_6 { background: url(../images/ticket06_thumb.png) no-repeat; }
#playguide_7 { background: url(../images/ticket07_thumb.png) no-repeat; }
#playguide_8 { background: url(../images/ticket08_thumb.png) no-repeat; }
#playguide_9 { background: url(../images/ticket09_thumb.png) no-repeat; }
#playguide_10 { background: url(../images/ticket10_thumb.png) no-repeat; }
#playguide_11 { background: url(../images/ticket11_thumb.png) no-repeat; }
#playguide_12 { background: url(../images/ticket12_thumb.png) no-repeat; }
#playguide_13 { background: url(../images/ticket13_thumb.png) no-repeat; }
#playguide_14 { background: url(../images/ticket14_thumb.png) no-repeat; }
#playguide_15 { background: url(../images/ticket15_thumb.png) no-repeat; }
#playguide_16 { background: url(../images/ticket16_thumb.png) no-repeat; }
#playguide_17 { background: url(../images/ticket17_thumb.png) no-repeat; }
#playguide_18 { background: url(../images/ticket18_thumb.png) no-repeat; }
#playguide_19 { background: url(../images/ticket19_thumb.png) no-repeat; }
#playguide_20 { background: url(../images/ticket20_thumb.png) no-repeat; }
#playguide_21 { background: url(../images/ticket21_thumb.png) no-repeat; }
#playguide_22 { background: url(../images/ticket22_thumb.png) no-repeat; }
#playguide_23 { background: url(../images/ticket23_thumb.png) no-repeat; }
#playguide_24 { background: url(../images/ticket24_thumb.png) no-repeat; }
#playguide_25 { background: url(../images/ticket25_thumb.png) no-repeat; }
#playguide_26 { background: url(../images/ticket26_thumb.png) no-repeat; }
#playguide_27 { background: url(../images/ticket27_thumb.png) no-repeat; }
#playguide_28 { background: url(../images/ticket28_thumb.png) no-repeat; }
#ticket table .price { color: #fb6942; font-weight: bold;}


/* ステージ */
#stage h2{ 
    margin: 0 0 15px 0;
    padding: 0;
    border: none;}
#stage dl {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 60px;
  line-height: 2;
}
#stage section dl:last-child {
  margin-right: 0;
}
#stage dt, #stage dd {
  padding: 1em 2em 1em 0;
  border-bottom: 1px solid #DDD;
}
#stage dd a {
  display: block;
  color: #000;
}

.modal_stage {
  width: 100%;
  margin: 0;
  text-align: left;
  font-size: 15px;
  line-height: 2;
}
.modal_stage div {
  background: #000;
}
.modal_stage img {
  float: left;
}
.modal_stage h1 {
  margin: 7%;
  line-height: 2;
}
.modal_stage p {
  margin: 7%;
}
.modal_stage section {
  display: none;
}
.modal_stage h1.new:before {
  content: url(https://cdn.fujirockfestival.com/smash/frf/assets/2019/img/icon_new.png);
  position: relative;
  margin-right: 10px;
}

@media only screen and (max-width: 768px){
.stage_wrap{ padding:0 3%;}

#stage dl{ width:100%;}
}



/* ヒストリー */
.content_wrap2 #history .left_column,
.content_wrap2 #history .left_column.fixed{ position:relative; top: 0;}

#history .right_column section ul { padding-left: 1.2em; list-style-type: square;}
#history .right_column section img { margin-bottom: 40px;}
#history .incol_3, 
#history .incol_2 { font-size: 0; letter-spacing: -0.4em; word-spacing: -1em;}
#history .col_4 li, 
#history .incol_3 li, 
#history .incol_2 li { display: inline-block; padding: 0; vertical-align: top; list-style: none;}
#history .incol_3 li { width: 32%; margin: 0 2% 2% 0;}
#history .incol_3 li:nth-child(3n){ margin-right:0;}
#history .incol_4 li img, 
#history .incol_3 li img, 
#history .incol_2 li img { width: 100%; margin-bottom: 15px !important;}

#history table { width: 100%; border-top: 1px solid #DDD; line-height: 2;}
#history table th, #history table td { padding: 1em 2em 1em 0; border-bottom: 1px solid #DDD;}
#history table th { font-weight: bold; width: 28%;}
#history table td{ width: 72%;}
#history table.artistlist { border-top: none; margin-bottom: 40px;}

#history .artistlist { border: none; line-height: 1.8; letter-spacing: 0;}
#history .artistlist td { position: relative; width: 33.3%; border-right: 1px dashed #DDD;}
#history .artistlist td.stage { margin-top: 100px !important; font-weight: bold; text-align: center; color: #FFF;}
#history .artistlist td:last-child { border-right: none;}
#history .artistlist td { padding-left: 10px;}

#history .artistlist td.sub { background: #CCC; }
#history .artistlist td#green { background: #6ea400; }
#history .artistlist td#white { background: #999; }
#history .artistlist td#red { background: #e4390e; }
#history .artistlist td#heaven { background: #22bcd1; }
#history .artistlist td#orange { background: #f59a00; }
#history .artistlist td#avalon { background: #9d1257; }
#history .artistlist td#palace { background: #129d89; }
#history .artistlist td#naeba { background: #9d9812; }
#history .artistlist td#mokudotei { background: #9e5c28; }
#history .artistlist td#day { background: #4e4ae4; }
#history .artistlist td#pyramid { background: #9f0f83; }
#history .artistlist td#paris { background: #cd1f32; }
#history .artistlist td#busker { background: #004097; }
#history .artistlist td#cabaret { background: #cd1f32; }
#history .artistlist td#day { background: #004097; }
#history .artistlist td#ganban { background: #e50012; }
#history .artistlist td#galaxy { background: #375388; }
#history .artistlist td#unfairground { background: #fd0002; }
#history .artistlist td.suspension{ background: #f2f2f2;}

#history #content .right_column section p { margin-bottom: 2em; font-size: 15px;}
#history #history_info table { float: left; width: 62.5%;}
#history #history_info img { width: 31.25%; margin-left:6.25%;}

@media only screen and (max-width: 768px){
.content_wrap2 #history .left_column,
.content_wrap2 #history .left_column.fixed{ display:none;}

#history{ font-size:12px; line-height:1.5em;}

#history .right_column section img{ margin-bottom: 0;}
#history .incol_3 li{ width: 49%;}
#history .incol_3 li:nth-child(even){ margin-right:0 !important;}
#history .incol_3 li:nth-child(odd){ margin-right:2% !important;}
#history .incol_3 li img{ margin-bottom:8px !important;}

#history #history_info table{ float:none; width:100%; margin-bottom: 40px !important;}
#history table th, #history table td{ padding: 0.5em 0.5em 0.5em 0;}

#history table.artistlist{ margin-bottom: 20px;}

#history #history_info img{ width:100%; margin-left:0;}
}





/* 注意事項 */
#attention1 h2,
#attention2 h2{ border-bottom:none; margin-bottom:0;}

@media only screen and (max-width: 768px){
#inner_head{ background-size:cover; background-position:center ; height:20vw; background-attachment:inherit; }
#inner_head h1{  line-height:0.8; font-size:12vw;}

#inner section{ margin-bottom:30px;margin-top:-50px; padding-top:50px;}

.content_wrap2 { padding-top:10px; width:100%;}
.content_wrap2 .left_column { float: none; position:inherit; width: 100%;  padding:20px 4%;background: linear-gradient(to bottom, #ece9e6 0%,#fefbf7 100%); border-top:1px solid #d6cfc5;}
.content_wrap2 .right_column { float: none; width: 94%; margin:0 auto 3vw; line-height: 1.8;}
.content_wrap2 .right_column img{  margin-bottom:10px;}

.content_wrap2 h2{font-size: 18px; padding: 0 0 10px 0; margin: 0 0 10px;  line-height: 1.5;}
.content_wrap2 h3 { font-size: 16px; margin: 0 0 10px 0; padding-left: 1.2em;}	

.content_wrap2 .youtube{ margin-bottom:10px;}
.content_wrap2 .block{ margin-bottom:20px;}

#sidemenu { margin: 0 0 10px; }
#sidemenu li { padding: 0 0 5px; line-height: 2; font-weight: bold;}


.playguidepage .saledate{ padding:0.5em 1em;}
.playguidepage .list_pg h3 span{ line-height:1.5em;}

.note { padding: 10px; }
#access .right_column section iframe { width: 100%; height: 170px }
#ticket_1, #ticket_2, #ticket_3, #ticket_4, #ticket_5,
#playguide_1, #playguide_2, #playguide_3, #playguide_4, #playguide_5, #playguide_6, #playguide_7, #playguide_8, #playguide_9, #playguide_10, #playguide_11, #playguide_12, #playguide_13, #playguide_14, #playguide_15, #playguide_16, #playguide_17, #playguide_18, #playguide_19, #playguide_20,#playguide_21,#playguide_22,#playguide_23,#playguide_24,#playguide_25,#playguide_26,#playguide_27,#playguide_28 {
  padding-left: 0;
  line-height: 2;
  background: none; font-size:16px;
}



}




/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }
.mt_10 { margin-top:-10px !important; }

.mt-05 { margin-top: 0.5em !important }
.mt-1 { margin-top: 1em !important }
.mt-2 { margin-top: 2em !important }
.mt-3 { margin-top: 3em !important }
.mt-4 { margin-top: 4em !important }
.mt-5 { margin-top: 5em !important }
.mt-6 { margin-top: 6em !important }
.mt-8 { margin-top: 8em !important }
.mt-10 { margin-top: 10em !important }
.mt-12 { margin-top: 12em !important }
.mb-05 { margin-bottom: 0.5em !important }
.mb-1 { margin-bottom: 1em !important }
.mb-2 { margin-bottom: 2em !important }
.mb-3 { margin-bottom: 3em !important }
.mb-4 {margin-bottom: 3em !important;}
.mb-5 { margin-bottom: 5em !important }
.mb-6 { margin-bottom: 6em !important }
.mb-8 { margin-bottom: 8em !important }
.mb-10 { margin-bottom: 10em !important }
.mb-12 { margin-bottom: 12em !important }

.pbox { padding: 1.2em; background: #f7f7f7 }
.pbox.bg1 { background: #dcf0f4 }
.pbox.bg2 { background: #dcf3f1 }
.pbox.bg3 { background: #eff5d9 }
.pbox.bg4 { background: #fcf0d3 }
.pbox.bg5 { background: #fce3d5 }
.pbox.bg6 { background: #f5dde4 }
.pbox.bg7 { background: #f0e0ef }
.pbox.bg8 { background: #e5e5f5 }
.pbox.bg9 { background: #e8e8e8 }

.note {
  padding: 20px;
  background-color: #f6f6f6;
}
.note2 {
  padding: 20px;
  background-color: #fbf4ee;
}
.note-d1 {
  padding: 20px;
  background-color: #d9e9da;
}
.note-d2 {
  padding: 20px;
  background-color: #d8dcf5;
}
.note-d3 {
  padding: 20px;
  background-color: #f7ddd5;
}
.note3 {
  padding: 20px;
  background-color: #228e39;
}
.note h3 {
  margin: 0;
}
.note2 h3 {
  margin: 0;
}
.note-d1 h3 {
  margin: 0;
}
.note-d2 h3 {
  margin: 0;
}
.noted3 h3 {
  margin: 0;
}
.note3 h3 {
  margin: 0;
}

ul li.circle,
ul li.asterisk,
ul li.asterisk_ {
  list-style-type: none;
  padding-left: 1em;
}
.circle:before {
  content: "● ";
  margin-left: -1.2em;
}
.asterisk:before {
  content: "※ ";
  margin-left: -1.2em;
}
.asterisk_:before {
  content: "* ";
  margin-left: -1em;
}


/* NEWS */
/* カラム */

.newspage .incol_4,
.newspage .incol_3,
.newspage .incol_2 { font-size: 0; letter-spacing: -0.4em; word-spacing: -1em;}
.newspage .incol_4 li,
.newspage .incol_3 li,
.newspage .incol_2 li { display: inline-block; padding: 0; vertical-align: top; list-style: none;}

.newspage .incol_4 li { width: 24.25%; margin: 0 1% 20px 0;}
.newspage .incol_3 li { width: 32.66%; margin: 0 1% 40px 0;}
.newspage .incol_2 li { width: 390px; margin: 0 20px 20px 0;}
.newspage .incol_4 li:nth-child(4n) { margin-right: 0;}
.newspage .incol_3 li:nth-child(3n) { margin-right: 0;}
.newspage .incol_2 li:nth-child(2n) { margin-right: 0;}
.newspage .incol_4 li img,
.newspage .incol_3 li img,
.newspage .incol_2 li img { width: 100%; margin-bottom: 15px !important;}
.newspage .incol_4 li p,
.newspage .incol_3 li p,
.newspage .incol_2 li p { font-size: 13px !important; letter-spacing: 0.08em; word-spacing: normal;}
.newspage .incol_3 li dl { margin-bottom: 40px; font-size: 13px; line-height: 1.8; letter-spacing: 0.08em; word-spacing: normal;}
.newspage .incol_3 li dt { margin-bottom: 5px; font-weight: bold;}
.newspage .incol_3 li dd.listen:before { content: "試聴："; font-weight: bold;}

.news_btn { text-align: center; line-height: 1; border: 2px solid #000 }
.news_btn a { padding: 15px 0; display: block; font-size: 15px; font-weight: bold; color:#333; line-height:1.4em;}
.news_btn a:link { color: #000 }
.news_btn a:hover { background: #000; color: #FFF }
.news_btn a:active { color: #000 }

.newspage .right_column h1{font-size: 20px;padding:0 0 30px; margin:0 0 30px;border-bottom: 2px solid #eae7e2; line-height: 1.5; color:#007ea7; font-weight:bold;}
.newspage .right_column h2{font-size: 17px; line-height:2; color:#646a6e; margin: 2em 0 ; border-left: 2px solid #007ea7; padding:0 0 0 1.2em; font-weight:bold; border-bottom: none;}
.newspage .right_column h3 { margin-bottom:10px; font-weight:bold; font-size:17px; border:none; padding-left:0; }
.newspage .right_column h3:before{ content:"-"; padding-right:0.5em;}
.newspage .right_column h4{ }

.newspage .left_column .date{ font-size:12px; line-height:1.4em; color:#aaa;}
.newspage .left_column a{color:#646a6e; }
.newspage .left_column a:hover{ opacity:0.7;}
.newspage  #topics li.bn_btn { padding: 0; text-align: center; line-height: 1.2; padding-top:1em; }
.newspage  #topics li.bn_btn a{padding: 15px 0; display: block; font-size: 13px; font-weight: bold; background-color: #eee;}

.backnumber li{ border-bottom:1px solid #ccc; }
.backnumber li a{ display:block;padding:1em 0; color:#646a6e}

.new_thumb:before {
  content: url(https://cdn.fujirockfestival.com/smash/frf/assets/2019/img/icon_new.png);
  position: absolute;
}

#pagination{position: relative; overflow: hidden; margin-bottom:2vw; padding-top:3vw; display:table; margin:0 auto;}
#pagination .page-numbers{ border: 1px solid #ccc; margin-right: 8px; text-decoration: none; height:40px; line-height: 40px; font-size: 14px; width:40px; float:left; padding: 0 16px !important; display:table-cell !important;color:#646a6e;}
#pagination .page-numbers:hover{ opacity:0.8;}

#pagination .page-numbers.current{color: #fff; background: #333;}
#pagination .page-numbers.dots{ padding:0 12px !important;}
#pagination .next.page-numbers,#pagination .prev.page-numbers{ width:75px;}

.newspage .right_column table{table-layout: fixed;}

@media only screen and (max-width: 768px){
.newspage .right_column h1{ padding:0 0 10px; margin:0 0 10px; font-size:18px;}
.newspage .right_column h2{ font-size:16px; margin:1em 0;}
.newspage .right_column table{ font-size:12px; letter-spacing:0;table-layout: fixed;}
.newspage .right_column iframe{ width: 100%; height: 55vw; margin-bottom: 12px !important;}

.newspage .incol_4 li,
.newspage .incol_3 li,
.newspage .incol_3 li:nth-child(3n),
.newspage .incol_2 li {
  width: 48%;
  margin-right: 4%; margin-bottom:10px;
}
.newspage .incol_4 p,
.newspage .incol_3 p,
.newspage .incol_2 p{ margin:0;}


.newspage .incol_4 li img, 
.newspage .incol_3 li img, 
.newspage .incol_2 li img{ margin:0 0 5px!important;}

.newspage .incol_4 li:nth-child(2n),
.newspage .incol_3 li:nth-child(2n),
.newspage .incol_2 li:nth-child(2n) {
  margin-right: 0;
}

#pagination .page-numbers{padding: 0px 12px !important; margin-right:5px; height:35px; line-height:35px; width:35px;}
#pagination .next.page-numbers,#pagination .prev.page-numbers{ width:32px;}
#pagination .next.page-numbers{padding-left: 12px !important;}
#pagination .page-numbers.dots{ padding:0 9px !important;}
}





.add { text-align: left;}
.add h2 { font-size: 20px; padding: 30px 0; margin: 0 0 30px; border-bottom: 2px solid #eae7e2; line-height: 1.5 }
.add table { border: solid #d6cfc5; border-width: 0 1px 1px 0; }
.add th { line-height: 1.8; font-weight: bold; padding: 10px; border: solid #d6cfc5; border-width: 1px 0 0 1px }
.add td { line-height: 1.8; padding: 10px; border: solid #d6cfc5; border-width: 1px 0 0 1px }
.add table.nb, .add table.nb th, .add table.nb td { border: none }
.add th.hd { background-color: #f7f7f7; }
.add h3 { font-size: 17px; margin: 0 0 20px; border-left: 2px solid #007ea7; padding-left: 15px }
.add h3.titC { font-size: 17px; margin: 0 0 20px; border-left: none; padding-left: 0;}
.add  h4 { font-size: 15px; margin: 0 0 20px; }
.add P.it { font-style: italic; }
.add article { margin: 0 0 60px; padding: 0 10px }
.add ol {}
.add ol li { list-style:inside square; padding-left: 1em; text-indent: -1em; line-height: 1.8; margin-bottom: 1em }
.add ol.cir li { list-style:inside none }
.add ol.cir li:before { content:"・" }
.add ol.disc li { list-style:inside disc }
.add ol.disc li strong { font-size: 15px }

@media screen and (max-width:768px){
.add { width: 100%; margin: 0 auto 20px }
.add .left { width: 100%; float: none; text-align: left }
.add .left .date { border-top: 3px solid #007ea7; padding: 10px 10px 5px; font-size: 13px; font-style: italic; line-height: 1 }
.add .left .cate { padding: 0 10px 5px; letter-spacing: 0.2em; color: #007ea7; font-size: 14px; }
.add { width: 100%; float: none; text-align: left; border-top: 1px solid #d6cfc5; }
}



.btnmenu_news{ font-size: 0; line-height: 0; text-align: center;}
.btnmenu_news li{ width: 33%; display: inline-block;}
.btnmenu_news li a{ font-size: 14px; font-weight: bold; line-height: 1.5em; background-color: #007ea7; color: #fff; width: 100%; display: block; padding: 15px 0;}
.btnmenu_news li a:hover{ opacity:0.8;}

@media screen and (max-width:768px){
.btnmenu_news li{ width: 100%; display: block; margin-bottom: 2px;}
.btnmenu_news li a{ font-size: 12px; width: 100%; display: block; padding: 8px 0;}   
}  


.note2{ background-color: #f0b21c; padding:20px; color: #000;}
.note2 strong{ font-weight: bold; font-size: 20px; line-height: 1.5em; margin: 20px 0; display: block;}

@media screen and (max-width:768px){
.note2 strong{ font-size: 16px;}
}

.btnmenu_article {display: flex;flex-wrap: wrap;justify-content: space-around;padding-left: 0;}
.btnmenu_article li{flex-grow: 1;list-style: none;width: 33.3%;background-color:#007ea7;text-align: center; transition: 0.2s;border: 1px solid #fff;line-height: 1.5em;height: 70px;display: grid;place-items:center;}
.btnmenu_article li a{ color: #fff; align-items: center; display: grid; height: 100%; width: 100%;}
.btnmenu_article li:hover{opacity: 0.8;}
@media screen and (max-width:768px){
.btnmenu_article {flex-direction: column;}
.btnmenu_article li{width: 100%;}
}

.ts-larger {font-size:1.12em; font-weight:bold;}
li.mb-1 {margin-bottom: 1.7em;}
ul.sq { padding-left: 1.2em; list-style-type: square;}
ul.sq li {padding: 0.25em 0}
ul.cir {padding-left: 1.2em;list-style-type: circle;}
ul.cir li {padding: 0.25em 0}



/* FAQ */

.btnmenu{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    text-align: center;
	margin-bottom: 40px;
}
.btnmenu li{
    width: 32%;
    margin: 0 0.5%;
    margin-bottom: 1%;
    background-color: #007ea7;
    display: block;
}
.btnmenu li a{
    display: block;
    background-color: #007ea7;
    color: #fff;
    padding: 16px 4px;
	font-size: 12px;
    line-height: 1.5em;
}


#faq label {
  display: block;
  cursor: pointer;
}
#faq label:hover {
  color: #999;
}
#faq input {
  display: none;
}
#faq table div {
  display: none;
}
#faq table div span {
  display: block;
  margin-top: 10px;
  padding: 20px;
  background: #f2f2f2;
}
#faq table div p,
#faq table div ul {
  margin-bottom: 1em !important;
  font-size: 13px !important;
}
#faq table div p:last-child {
  margin-bottom: 0 !important;
}
#faq img {
  width: 100%;
}

.faq h1{ margin-bottom: 1em; font-size: 24px; font-weight: normal;}
.faq .faq-cont { border-top: solid 1px #ccc; }
.faq .faq-cont:last-child { border-bottom: solid 1px #ccc; }
.faq .faq-cont h2 { border-bottom: 1px solid #eae7e2; font-weight: 500; padding: 1em 0; margin: 0; display: block; cursor: pointer }
.faq .faq-cont h2:hover { opacity: 0.5 }
.faq .faq-cont h2 span { color: #cc0400; font-weight: bold }
.faq .faq-cont .answr { padding: 2em; background: #f7f7f7; display: none }
.faq .faq-cont .answr h3 {font-size: 14px !important;font-weight: 550;margin-bottom: 0;}
.faq .faq-cont .answr p { font-size: 14px !important }
.faq .faq-cont .answr p a:link, .faq .faq-cont .answr p a:visited {/* color: #50c4b8 */}
.faq .faq-cont .answr p a:hover { color: #999 }
.faq .faq-cont .answr p:last-child { margin-bottom: 0 !important }

@media screen and (max-width:768px){
.btnmenu{ margin-bottom: 20px;}
.btnmenu li{ width: 48%; margin-bottom: 0.5%;}
.btnmenu li a{ font-size: 12px; padding: 8px 4px;}

.faq h1{ margin-bottom: 0.5em; font-size: 18px; font-weight: normal;}
.faq .faq-cont h2{ font-size: 14px; line-height: 1.5em; padding: 0.8em 0;}
.faq .faq-cont .answr{ padding: 1em;}
.faq .faq-cont .answr p{ font-size: 13px !important;}
}



/*===============================================
2021 COVID Guideline
===============================================*/
.gl-menu li a { min-height: 18px !important }
h2.bb-2 { border-bottom: solid 2px #ff5a2d; padding-bottom: 0.66em }
.bg21-tit { padding: 2em; color: #fff; background: #ff5a2d }
.bg21 { padding: 2em 2em 4em; background: url("../images/bg21.jpg") center; background-size: cover }
.rc-wrap { padding: 2em; background: rgba(247, 245, 233, 0.9); border-radius: 20px }
.guideline p a:link, .guideline p a:visited { color: #50c4b8 }
.guideline p a:hover { color: #999 }
.guideline span.ts-larger { font-family: ryo-gothic-plusn, sans-serif;
font-weight: 500;
font-style: normal; }