html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* ============================
	common css
============================ */

/* General
========================================= */

body { background-color:#000; }
#con-body { font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color:#333; }

@font-face {
  font-family: 'Lato';
  src: url('/um/library/fonts/Lato/Lato-Regular.ttf') format('truetype');
	   font-weight:normal;
}

@font-face {
  font-family: 'Lato';
  src: url('/um/library/fonts/Lato/Lato-Bold.ttf') format('truetype');
	   font-weight:bold;
}

.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }

.txts { font-size:80%; }
.txtb { font-size:120%; }

a { color:#90662c; }

.fadein { opacity:0; transform:translate(0, 30px); transition:all 0.5s; }
.fadein.scrollin { opacity:1; transform:translate(0, 0); }

/* Header
========================================= */

#header { width:100%; padding:15px; box-sizing:border-box; background:url(../img/header_bg.png) top right no-repeat; background-color:#000; }
#header:after {content:"";clear:both;display:block;}

#logo { float:left; }
#logo a { display:block; width:216px; height:59px; background:url(../img/logo.png) no-repeat; background-size:cover; text-indent:-9999px; }

#gnav-area { float:right; margin-top:25px; }
#gnav { /* for space */ font-size:0; }
#gnav li { display:inline-block; /* for space */ font-size:0.95rem; }
#gnav-more { /* for space */ font-size:0; }
#gnav-more li { display:inline-block; /* for space */ font-size:0.95rem; }

#gnav-top,
#gnav-next,
#gnav-archive,
#gnav-feature,
#gnav-kizai,
#gnav-about,
#gnav-cast,
#gnav-list { margin-right:0.75em; }

#gnav li a { color:#fff; text-decoration:none; font-weight:bold; }
#gnav li { position:relative; }

/* gnav border effect */
#gnav-top:before,
#gnav-next:before,
#gnav-archive:before,
#gnav-feature:before,
#gnav-kizai:before,
#gnav-about:before,
#gnav-cast:before,
#gnav-list:before,
#gnav-data:before { position:absolute; top:1.5em; left: 0; content:""; display: inline-block; width:0; height:2px; background:#90662c; transition:0.3s; }
#gnav li:hover:before{ width:100%; }

#top #gnav-top:before,
#next #gnav-next:before,
#archive #gnav-archive:before,
#feature #gnav-feature:before,
#kizai #gnav-kizai:before,
#about #gnav-about:before,
#cast #gnav-cast:before,
#list #gnav-list:before { width:100%; }

/* ---- Media Queries ---- */

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

#header { padding:5px; text-align:center; background-position:top right 10%; }
#logo { float:none; width:311px; margin:auto; }
#logo a { display:block; width:311px; height:68px; background:url(../img/logo_smp.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

#gnav-area { width:100%; float:none; position:fixed; bottom:0; left:0; z-index:1000; margin-top:0; padding:0.5em 0; box-sizing:border-box; background-color:#000; }
#gnav li { font-size:0.9rem; margin:0.5em 0; }

#gnav-top,
#gnav-next,
#gnav-archive,
#gnav-feature,
#gnav-kizai,
#gnav-about,
#gnav-cast,
#gnav-list { margin-right:0; }

#gnav li#gnav-more { margin:0; }

#gnav li:before{ display:none; }

#gnav-top a,
#gnav-next a,
#gnav-archive a,
#gnav-feature a,
#gnav-kizai a,
#gnav-about a,
#gnav-cast a { padding:0 0.7em; border-right:#666 1px solid; }
#gnav-more-btn a,
#gnav-data a,
#gnav-list a { padding:0 0.7em; }

/* gnav more btn */
#gnav-more-btn.gnav-more-btn-open a::before,
#gnav-more-btn.gnav-more-btn-close a::before { display:inline-block; content:""; width:0.6em; height:0.6em; vertical-align:top; margin:0.2em 0.25em 0 0; background:url(../img/arrow.png) center center no-repeat; background-size:cover; }
#gnav-more-btn.gnav-more-btn-open a::before { transform: rotate(180deg); }
#gnav-more-btn.gnav-more-btn-open a { padding:0 1.75em; }

/* gnav more */
#gnav-more { width:100%; display:none; margin:0 0 0.5em 0; }
#gnav-more.gnav-more-small { width:22.0em; }

}

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

#gnav li { font-size:0.8rem; }

}

/* Main
========================================= */

#container { background:url(../img/bg.jpg) top center; }
#pagebody { width:980px; margin:auto; background-color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
#main { padding:20px 30px 30px 30px; }

#mainttl { width:100%; height:62px; margin-bottom:15px; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }

.mov { position:relative; width:100%; height:0; padding-top:56.25%; }
.mov-inner { position:absolute; display:block; left:0; top:0; width:100%; height:100%; }
.mov-inner iframe { margin:0; padding:0; width:100%; height:100%; }
.fp-causion { padding:10px; font-size:80%; line-height:140%; }
.nomov { position:relative; width:100%; height:0; padding-top:56.25%; }
.nomov-inner { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#cat-nav { width:850px; margin:0 35px 30px 35px; }
#cat-nav ul { width:100%; /* for space */ font-size:0; }
#cat-nav ul li { display:inline-block; vertical-align:top; /* for space */ font-size:1rem; }
#cat-nav ul li a { display:block; padding:0.9em 0; box-sizing:border-box; width:100%; height:100%; background-color:#000; text-align:center; color:#fff; font-size:120%; font-weight:bold; text-decoration:none; }
#cat-nav ul li a:hover,
#cat-nav ul li.current a { background:linear-gradient(to right, #774e1e 0%, #90662c 30%, #90662c 70%, #774e1e 100%); text-shadow:2px 2px 4px rgba(130,92,10,0.3); }
#cat-nav ul li i { display:inline-block; width:0.5em; height:0.5em; margin:-0.2em 0.3em 0 0; vertical-align:middle; background:url(../img/arrow2.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* ---- Media Queries ---- */

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

#container { width:auto; }
#pagebody { width:auto; margin:auto; background-color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
#main { padding:15px 0; }

#mainttl { height:44px; margin-bottom:15px; background-size:auto 44px; }

#cat-nav { width:94%; margin:0 3% 15px 3%; }
#cat-nav ul li a { font-size:90%; padding:0.6em 0; }

}


/* Footer
========================================= */

#footer { padding:5px 0 0 0; background:url(../img/footer_line.png) repeat-x; }
#footer-area { padding:20px; background:url(../img/footer_bg.png) no-repeat; background-color:#000; font-size:90%; line-height:120%; text-align:center; }
#footer-area a:hover { text-decoration:none; }

#f-box1 { width:447px; margin:0 auto 20px auto; }
#f-box1:after {content:"";clear:both;display:block;}

#f-unesco { float:left; margin-right:38px; display:block; width:125px; height:121px; background:url(../img/footer_unesco2.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

#f-sns-link { float:left; width:245px; text-align:center; }
#f-sns-link h2 { margin:15px auto 10px auto; width:171px; height:44px; background:url(../img/f_sns_ttl.png) no-repeat; background-size:cover; text-align:left; text-indent:-9999px; }
#f-sns-link ul { display:inline-block; /* for space */ font-size:0; }
#f-sns-link ul li { display:inline-block; width:40px; margin-right:10px; vertical-align:middle; /* for space */ font-size:1rem; }
#f-sns-link ul li:last-child { margin-right:0; }
#f-sns-link ul li a { display:block; width:40px; height:40px; border-radius:20px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; }
#f-sns-link-yt a { background-image:url(../img/f_sns_btn_yt.png); }
#f-sns-link-fb a { background-image:url(../img/f_sns_btn_fb.png); }
#f-sns-link-tw a { background-image:url(../img/f_sns_btn_tw2.png); }
#f-sns-link-insta a { background-image:url(../img/f_sns_btn_insta.png); }
#f-sns-link-insta a { background-image:url(../img/f_sns_btn_insta.png); }
#f-sns-link-tiktok a { background-image:url(../img/f_sns_btn_tiktok.png); }

#f-box2 { clear:both; text-align:center; }
#f-copy, #f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; vertical-align:top; }
#f-sns-tw, #f-sns-fb { font-size:1%; }
#f-copy { margin-right:0.5em; font-size:95%; line-height:130%; color:#fff; font-family:'Lato', sans-serif; letter-spacing:0.01em; }

#pagetop { position:fixed; z-index:10; bottom:20px; right:20px; }
#pagetop a { display:block; width:3.0em; height:3.0em; border-radius:3.0em; background:url(../img/pagetop.png) center center no-repeat; background-size:cover; box-shadow:1px 1px 4px rgba(0,0,0,0.2); text-indent:-99999px; outline:none; }

/* ---- Media Queries ---- */

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

#footer { padding:5px 0 2.0em 0; background:url(../img/footer_line.png) repeat-x; background-color:#000; }
#f-box1 { width:auto; margin:0 auto 10px auto; }
#f-unesco { float:none; margin:0 auto 20px auto; width:100px; height:97px; }
#f-sns-link { float:none; margin:0 auto 15px auto; }
#f-sns-link h2 { width:137px; height:35px; }
#f-copy { font-size:90%; margin-bottom:10px; }

#pagetop { right:-9999px; }

}


/* Top
========================================= */

#top #main {
  padding: 20px;
}

/* ---- Media Queries ---- */

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

  #top #main {
    padding: 10px;
  }

}


/* top-next
------------------------------------ */

#top-next-area {
  background-color: #191919;
}

#top-next {
  width: 1280px;
  margin: auto;
  position: relative;
}

#top-next .mov {
  z-index: 0;
}

#tn-intro1,
#tn-intro2 {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#tn-intro1 {
  z-index: 11;
  background-color: #fff;
}

#tn-intro2 {
  z-index: 10;
  background: url(../img/top/top_next_canon.png) center center no-repeat;
  background-size: cover;
}

#top-next-txt {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  padding: 30px 15px 15px 15px;
  box-sizing: border-box;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.0));
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

#top-next-ttl {
  display: inline-block;
  border: #fff 1px solid;
  margin: 0 0.4em 0.5em 0;
  padding: 0.4em 0.5em;
  vertical-align: middle;
}

#top-next-date {
  display: inline-block;
  margin: 0 0 0.5em 0;
  vertical-align: middle;
}

#top-next-date span {
  font-size: 160%;
  font-family: 'Lato', sans-serif;
}

#top-next-epname {
  margin-bottom: 0.6em;
  font-size: 160%;
  line-height: 140%;
}

#top-next-btn {
  position: relative;
  width: 14.0em;
  margin: auto;
}

#top-next-btn a {
  display: inline-block;
  width: 100%;
  padding: 0.5em;
  box-sizing: border-box;
  font-size: 110%;
  border-radius: 2.0em;
  border: #fff 2px solid;
  color: #fff;
  text-decoration: none;
}

@media (hover: hover) {
  #top-next-btn a:hover {
    opacity: 0.7;
  }
}

#top-next-btn::before {
  display: inline-block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  top: 0.9em;
  left: 0.9em;
  background: url(../img/arrow.png) center center no-repeat;
  background-size: cover;
  transform: rotate(90deg);
}

/* ---- Media Queries ---- */

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

  #top-next {
    width: 980px;
  }

}

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

  #top-next {
    width: 100%;
  }

  #top-next-txt {
    padding: 20px 10px 15px 10px;
  }

  #top-next-ttl {
    font-size: 80%;
  }

  #top-next-date {
    font-size: 70%;
  }

  #top-next-epname {
    font-size: 100%;
  }

  #top-next-btn {
    font-size: 80%;
  }

  #top-next-btn a {
    border: #fff 1px solid;
    color: #fff;
  }

}


/* top-info
------------------------------------ */

#top-info {
  margin-bottom: 40px;
}

#top-info .subttl {
  width: 940px;
  height: 30px;
  margin-bottom: 15px;
  background: url(../img/top/info_ttl.png) no-repeat;
  text-indent: -9999px;
}

#top-info ul li dl {
  display: flex;
}

#top-info ul li dl dt {
  width: 5.0em;
  padding: 0.9em;
  background-color: #ebebeb;
  color: #88602a;
  font-family: 'Lato', sans-serif;
  font-size: 90%;
  line-height: 120%;
  font-weight: bold;
}

#top-info ul li dl dd {
  flex: 1;
  padding: 0.9em;
  background-color: #f4f4f4;
  font-size: 90%;
  line-height: 130%;
}

#top-info ul li:nth-child(even) dl dt,
#top-info ul li:nth-child(even) dl dd {
  background-color: #fff;
}

#top-info ul li dl dd a {
  color: #333;
  text-decoration: none;
}

#top-info ul li dl dd a:hover {
  text-decoration: underline;
}

/* ---- Media Queries ---- */

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

  #top-info {
    margin-bottom: 20px;
  }

  #top-info .subttl {
    width: auto;
    height: 22px;
    margin-bottom: 10px;
    background: url(../img/top/info_ttl_smp.png) center center no-repeat;
    background-size: auto 22px;
  }

  #top-info ul li {
    background-color: #ebebeb;
  }

  #top-info ul li:nth-child(even) {
    background-color: #fff;
  }

  #top-info ul li dl {
    display: block;
    padding: 0.5em;
  }

  #top-info ul li dl dt {
    width: auto;
    display: inline;
    padding: 0;
    margin-right: 1.0em;
    background: none;
    font-size: 80%;
    font-weight: bold;
  }

  #top-info ul li dl dd {
    flex: none;
    display: inline;
    padding: 0;
    background: none;
    font-size: 80%;
  }

}


/* stream tbsfree
------------------------------------ */

#stream_tbsfree {
  text-align: left;
  background-color: rgba(245, 245, 250, 1);
  margin-bottom: 20px;

  padding: 2rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

#tbsfree_info {
  width: 38%;
  flex-basis: 38%;
  margin-bottom: 1.0vw;
}

#tbsfree_info-txt {
  width: 100%;
  max-width: 480px;
  margin: 0;
}

#tbsfree_info-txt .tbsfree_img-lg {
  width: 100%;
  height: 0;
  padding-top: 30.769230769230769%;
  padding-top: -webkit-calc(200 / 650 * 100%);
  padding-top: calc(200 / 650 * 100%);
  background-image: url(/ro/img/program/stream_tbsfree.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;

  margin-left: -1.5em;
  margin-bottom: 1em;
}

#tbsfree_mov-sp {
  width: 62%;
  flex-basis: 62%;
  margin: 0;
}

#tbsfree_mov {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
  position: relative;
}

#tbsfree_mov .tbsfree-embed-mov,
#tbsfree_mov iframe,
#tbsfree_mov .photo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  margin: 0;
}

.tbsfree-embed-on #tbsfree_mov .photo {
  display: none;
}

#tbsfree_mov .photo a:hover {
  opacity: .9;
}

#tbsfree_mov .photo a img {
  width: 100%;
  height: 100%;
}

#stream_tbsfree .title {
  font-size: 1.9em;
  margin-top: -1.6rem;
  font-weight: 700;
}

#stream_tbsfree .end_date {
  font-size: 1.3em;
  padding-top: .6em;
}

/* ---- Media Queries ---- */


@media (max-width: 1199px) {

  #stream_tbsfree .title {
    font-size: 1.6em;
  }

  #stream_tbsfree .end_date {
    font-size: 1.1em;
  }

}


@media (max-width: 991px) {

  #stream_tbsfree {
    padding: 0;
    display: block;
    text-align: center;
  }

  #tbsfree_info {
    width: 100%;
    flex-basis: auto;
    margin-bottom: 4.0vw;
  }

  #tbsfree_info-txt {
    width: 60%;
    margin: 3.0vw auto 4.0vw auto;
  }

  #tbsfree_info-txt .tbsfree_img-lg {
    margin-left: 0;
    margin-bottom: 0;
  }

  #tbsfree_mov-sp {
    width: 100%;
    flex-basis: auto;
  }

  #stream_tbsfree .title {
    font-size: 4.5vw;
  }

  #stream_tbsfree .end_date {
    font-size:2.8vw;
  }

}


/* stream tver
------------------------------------ */

#top-stream-tver {
  margin-bottom: 40px;
}

#top-stream-tver a {
  display: block;
  aspect-ratio: 1880 / 320;
  background: url(../img/top/top_stream_tver.png) center center no-repeat;
  background-size: cover;
  text-indent: -9999px;
}

@media all and (max-width: 767px) {
  #top-stream-tver a {
    aspect-ratio: 940 / 320;
    background-image: url(../img/top/top_stream_tver_smp.png);
  }
}


/* top-yt
------------------------------------ */

#top-yt {
  margin-bottom: 40px;
}

#top-yt .subttl {
  width: 940px;
  height: 32px;
  margin-bottom: 15px;
  background: url(../img/top/top_yt_ttl2.png) no-repeat;
  text-indent: -9999px;
}

#top-yt-list {
  text-align: left;
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  gap: 18px;
}

#top-yt-list li {
  vertical-align: top;
  width: 300px;
}

#top-yt-list li a {
  opacity: 1;
  text-decoration: none;
}

#top-yt-list li a:hover {
  opacity: 0.7;
}

#top-yt-list li a .top-yt-tmb {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: #efefef;
}

#top-yt-list li a .top-yt-tmb span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  text-indent: -9999px;
}


/* ------------ Media Queries ------------ */

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

  #top-yt {
    margin-bottom: 20px;
    padding-top: 5px;
  }

  #top-yt .subttl {
    width: auto;
    height: 6.0vw;
    margin-bottom: 4.0vw;
    background: url(../img/top/top_yt_ttl2_smp.png) center center no-repeat;
    background-size: auto 6.0vw;
  }

  #top-yt-list li {
    width: 100%;
    margin: 0 0 2% 0;
  }

  #top-yt-list li:nth-child(n+2) {
    display: none;
  }

}

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

  #top-yt .subttl {
    height: 23px;
    background-size: auto 23px;
  }

}


/* top-pickup
------------------------------------ */

#top-pickup {
  margin-bottom: 40px;
}

#top-pickup .subttl {
  width: 940px;
  height: 30px;
  margin-bottom: 15px;
  background: url(../img/top/pickup_ttl.png) no-repeat;
  text-indent: -9999px;
}

#top-pickup ul li {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 15px;
  padding-top: 18.61%;
}

#top-pickup ul li .bnimg {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -9999px;
}

#top-pickup ul li:last-child {
  margin-bottom: 0;
}

#top-pickup ul li#bn_pickup_newsdig {
  border: #ddd 1px solid;
}

#top-pickup ul li#bn_pickup_newsdig .bnimg {
  background-image: url(../img/top/pickup/bn_pickup_newsdig.jpg);
}

/* ---- Media Queries ---- */

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

  #top-pickup {
    margin-bottom: 20px;
  }

  #top-pickup .subttl {
    width: auto;
    height: 22px;
    margin-bottom: 10px;
    background: url(../img/top/pickup_ttl_smp.png) center center no-repeat;
    background-size: auto 22px;
  }

  #top-pickup ul li {
    padding-top: 58.33%;
  }

  #top-pickup ul li {
    margin-bottom: 10px;
  }

  #top-pickup ul li:last-child {
    margin-bottom: 0;
  }

  #top-pickup ul li#bn_pickup_newsdig {
    padding-top: 25%;
  }

  #top-pickup ul li#bn_pickup_newsdig .bnimg {
    background-image: url(../img/top/pickup/bn_pickup_newsdig_smp.jpg);
  }

}

/* banner */









































































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








































































}






/* top-sns-link
------------------------------------ */

#top-sns-link {
  margin-bottom: 20px;
}

#top-sns-link ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 18px;
}

#top-sns-link ul li {
  width: 300px;
  aspect-ratio: 600 / 240;
}

#top-sns-link ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -9999px;
}

#top-sns-link ul li#top-sns-link-archive {
  width: 620px;
  aspect-ratio:1240 / 320;
}

#top-sns-link-yt a {
  background-image: url(../img/bn_sns_yt.png);
}
#top-sns-link-fb a {
  background-image: url(../img/bn_sns_fb.png);
}
#top-sns-link-ig a {
  background-image: url(../img/bn_sns_ig.png);
}
#top-sns-link-tk a {
  background-image: url(../img/bn_sns_tk.png);
}
#top-sns-link-tw a {
  background-image: url(../img/bn_sns_tw.png);
}
#top-sns-link-archive a {
  background-image: url(../img/top/top_bn_archive.png);
}

/* ---- Media Queries ---- */

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

  #next #top-sns-link {
    padding: 0 15px;
    box-sizing: border-box;
  }

  #top-sns-link ul {
  gap:3vw 3%;
}

  #top-sns-link ul li {
    width:48.5%;
  }
}


/* top-bn
------------------------------------ */

#top-bn ul {
  width:618px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 18px;
}

#top-bn ul li {
  width: 300px;
  aspect-ratio: 608 / 136;
}

#top-bn ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -9999px;
}

#bn-1st a {
  background-image: url(../img/top/bn_1st.jpg);
}
#bn-2nd a {
  background-image: url(../img/top/bn_2nd.jpg);
}
#bn-newsdig a {
  background-image: url(../img/top/bn_newsdig.jpg);
}
#bn-inquiry a {
  background-image: url(../img/top/bn_inquiry.jpg);
}

/* ---- Media Queries ---- */

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

  #top-bn ul {
    width:60%;
    margin: auto;
    gap:10px;
  }

  #top-bn ul li {
    width: 100%;
  }

}


/* Next
========================================= */

#next #mainttl { background-image:url(../img/next/next_ttl.png); }

/* ---- Media Queries ---- */

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

#next #mainttl { background-image:url(../img/next/next_ttl_smp.png); }

}

/* next-title
------------------------------------ */

#next-title { margin-bottom:20px; text-align:center; }
#next-date { display:inline-block; margin:0 0 0.3em 0; vertical-align:middle; text-align:center; color:#84632c; font-weight:bold; }
#next-date span { font-size:160%; font-family:'Lato', sans-serif; }
#next-epname { font-size:140%; line-height:140%; }

/* ---- Media Queries ---- */

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

#next-title { margin-bottom:10px; padding:0 10px; }
#next-date { font-size:70%; }
#next-epname { font-size:100%; }

}


/* next-movie
------------------------------------ */
#next-movie { margin:0 -30px 30px -30px; }
#next-movie .mov,
#next-movie .nomov { background:url(../img/next/movie_blank.png) center center no-repeat; background-size:cover; }

/* ---- Media Queries ---- */

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

#next-movie { margin:0 0 15px 0; }

}


/* next detail
------------------------------------ */
#next-detail { width:850px; margin:0 35px 30px 35px; }
#next-detail .subttl { width:100%; height:40px; margin-bottom:20px; border-bottom:#e5e5e5 1px solid; background:url(../img/next/detail_ttl.png) center top no-repeat; text-indent:-9999px; }
#next-detail-txt { font-size:90%; line-height:180%; }

/* ---- Media Queries ---- */

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

#next-detail { width:auto; margin:0 0 15px 0; padding:0 10px; }
#next-detail .subttl { height:32px; margin-bottom:10px; background:url(../img/next/detail_ttl_smp.png) center top no-repeat; background-size:auto 22px; }
#next-detail-txt { padding:0 5px; font-size:80%; }

}


/* next-director
------------------------------------ */
#next-director { margin-bottom:20px; padding:30px; background-color:#eee; }
#next-director-inner { padding:18px; background-color:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); }
#next-director-inner:after {content:"";clear:both;display:block;}
#next-director-l { float:left; width:550px; }
#next-director .subttl { width:100%; height:34px; margin-bottom:0.5em; border-bottom:#e5e5e5 1px solid; background:url(../img/next/director_ttl.png) 0 0 no-repeat; text-indent:-9999px; }
#next-director-txt p { font-size:90%; line-height:170%; }
#next-director-txt p#next-director-name { font-size:120%; color:#936d29; font-weight:bold; }
#next-director-p { float:right; width:247px; height:185px; background-color:#efefef; }

/* ---- Media Queries ---- */

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

#next-director { padding:15px; }
#next-director-inner { padding:10px 0 15px 0; }
#next-director .subttl { height:28px; background:url(../img/next/director_ttl_smp.png) center top no-repeat; background-size:auto 18px; }
#next-director-l { float:none; width:auto; }
#next-director-txt { padding:0 15px 15px 15px; }
#next-director-txt p { font-size:80%; }
#next-director-txt p#next-director-name { font-size:100%; text-align:center; }
#next-director-p { float:none; margin:auto; padding:0; }

}


/* next-sns
------------------------------------ */
#next-sns { margin-bottom:30px; }
#next-sns:after {content:"";clear:both;display:block;}

#next-sns-txt { padding-bottom:0.5em; font-size:140%; line-height:130%; text-align:center; color:#936d29; font-weight:bold; }
#next-sns-txt .txts { font-size:70%; }

#next-sns #sns-tl { width:620px; margin:auto; }

#next-sns-yt-btn { float:left; width:300px; margin:0 20px 20px 0; }
#next-sns-fb { float:left; width:300px; margin:0 0 20px 0; }
#next-sns-tw { float:left; width:300px; margin:0 20px 20px 0; }
#next-sns-insta { float:left; margin:0 0 20px 0; }

#next-sns-fb .subttl a,
#next-sns-tw .subttl a,
#next-sns-insta .subttl a { display:block; width:300px; height:43px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#next-sns-fb .subttl a { background-image:url(../img/next/sns_ttl_fb.png); }
#next-sns-tw .subttl a { background-image:url(../img/next/sns_ttl_tw2.png); }
#next-sns-insta .subttl a { background-image:url(../img/next/sns_ttl_insta.png); }

#next-sns-fb .next-sns-body,
#next-sns-tw .next-sns-body,
#next-sns-insta .next-sns-body { height:200px; }

#next-sns-yt-btn a { display:block; width:300px; height:243px; background:url(../img/next/next_sns_yt_btn.png) no-repeat; background-size:cover; text-indent:-9999px; }

div.insta ul:after {content:"";clear:both;display:block;}
div.insta ul li { float:left; position:relative; width:33.3%; height:0; padding-top:33.3%; }
div.insta ul li a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
div.insta ul li a img { width:100%; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background-position:center center; background-repeat:no-repeat; box-sizing:border-box; }
div.insta ul li a img.icon-video { background-image:url(/um/img/play.png); }

#next-sns #sns-link { display:none; }

/* ---- Media Queries ---- */

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

#next-sns #sns-tl { display:none; }
#next-sns #sns-link { display:block; }
#next-sns-txt { font-size:110%; line-height:130%; padding:0 10px 0.5em 10px; }

}


/* next-lineup
------------------------------------ */
#next-lineup .subttl { width:100%; height:57px; margin-bottom:10px; background:url(../img/next/lineup_ttl.png) center top no-repeat; text-indent:-9999px; }
#next-lineup ul { width:100%; text-align:center; /* for space */ font-size:0; }
#next-lineup ul li { position:relative; display:inline-block; margin-right:1.333%; width:24%; height:0; padding-top:24%; background-color:#efefef; vertical-align:middle; text-align:left; /* for space */ font-size:1rem; }
#next-lineup ul li:last-child { margin-right:0; }
#next-lineup ul li dl { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-size:cover; }
#next-lineup ul li .date { position:absolute; z-index:2; display:inline-block; padding:0.5em; background-color:#000; font-size:90%; color:#fff; font-family:'Lato', sans-serif; font-weight:bold; }
#next-lineup ul li .ttl { position:absolute; z-index:1; width:100%; height:100%; padding:10px; box-sizing:border-box; display:flex; align-items:flex-end; background:linear-gradient(to bottom, rgba(0,0,0,0.0) 70%, rgba(0,0,0,0.2)); line-height:140%; color:#fff; font-weight:bold; text-shadow:0px 0px 4px rgba(0,0,0,0.2); }
#next-lineup ul li.lineup-blank .ttl { background:none; color:#000; text-shadow:0px; font-weight:normal; text-shadow:none; }

/* ---- Media Queries ---- */

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

#next-lineup { padding:0 2% }
#next-lineup .subttl { height:45px; background:url(../img/next/lineup_ttl_smp.png) center top no-repeat; background-size:auto 45px; }
#next-lineup ul li { margin:0 2% 0 0; width:23.5%; height:0; padding-top:24%; }
#next-lineup ul li:last-child { margin:0; }
#next-lineup ul li .date { font-size:2.0vw; }
#next-lineup ul li .ttl { padding:0.7vw; font-size:2.2vw; }

}

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

#next-lineup { padding:0 6% }

#next-lineup ul li { margin:0 4% 3.5vw 0; width:48%; height:0; padding-top:48%; }
#next-lineup ul li:last-child,
#next-lineup ul li:nth-child(even) { margin:0 0 3.5vw 0; }
#next-lineup ul li .date { font-size:3.3vw; }
#next-lineup ul li .ttl { padding:1.5vw; font-size:3.5vw; }

}


/* Archive
========================================= */

#archive #mainttl { background-image:url(../img/archive/archive_ttl.png); }

/* ---- Media Queries ---- */

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

#archive #mainttl { background-image:url(../img/archive/archive_ttl_smp.png); }

}


/* arc-title
------------------------------------ */
#arc-title { margin-bottom:20px; text-align:center; }
#arc-date { display:inline-block; margin:0 0 0.3em 0; vertical-align:middle; text-align:center; color:#84632c; font-weight:bold; }
#arc-date span { font-size:160%; font-family:'Lato', sans-serif; }
#arc-epname { font-size:140%; line-height:140%; }

#archive #cat-nav ul li { width:50%; }

/* ---- Media Queries ---- */

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

#arc-title { margin-bottom:10px; padding:0 10px; }
#arc-date { font-size:70%; }
#arc-epname { font-size:100%; }

}


/* Archive Detail
========================================= */

/* arc-detail
------------------------------------ */
#arc-detail { width:850px; margin:0 35px 30px 35px; }
#arc-detail .subttl { width:100%; height:40px; margin-bottom:20px; border-bottom:#e5e5e5 1px solid; background:url(../img/next/detail_ttl.png) center top no-repeat; text-indent:-9999px; }
#arc-detail-txt { margin-bottom:30px; }
#arc-detail-txt p { font-size:90%; line-height:170%; }

.arc-detail-box { margin:0 -35px 30px -35px; }
.arc-detail-box:after {content:"";clear:both;display:block;}
.arc-detail-box .txtbox { width:360px; min-height:315px; padding:20px; box-sizing:border-box; background-position:center center; background-repeat:no-repeat; }
.arc-detail-box .pic { width:560px; background-color:#efefef; }
#arc-detail #chapter1 .txtbox,
#arc-detail #chapter2 .pic,
#arc-detail #chapter3 .txtbox,
#arc-detail #chapter4 .pic,
#arc-detail #chapter5 .txtbox,
#arc-detail #chapter6 .pic { float:left; }
#arc-detail #chapter1 .pic,
#arc-detail #chapter2 .txtbox,
#arc-detail #chapter3 .pic,
#arc-detail #chapter4 .txtbox,
#arc-detail #chapter5 .pic,
#arc-detail #chapter6 .txtbox { float:right; }

.arc-detail-box .sttl { margin-bottom:0.8em; padding-bottom:0.5em; border-bottom:#efefef 1px solid; font-size:140%; line-height:140%; color:#936d29; }
.arc-detail-box .txt { font-size:90%; line-height:170%; }
.arc-detail-box .pic p { position:relative; width:100%; height:0; padding-top:56.25%; }
.arc-detail-box .pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#arc-detail #chapter1 .txtbox { background-image:url(../img/archive/detail_nm1.png) }
#arc-detail #chapter2 .txtbox { background-image:url(../img/archive/detail_nm2.png) }
#arc-detail #chapter3 .txtbox { background-image:url(../img/archive/detail_nm3.png) }
#arc-detail #chapter4 .txtbox { background-image:url(../img/archive/detail_nm4.png) }
#arc-detail #chapter5 .txtbox { background-image:url(../img/archive/detail_nm5.png) }
#arc-detail #chapter6 .txtbox { background-image:url(../img/archive/detail_nm6.png) }

#arc-feature-btn { text-align:center; }
#arc-feature-btn p { width:20.0em; margin:auto; }
#arc-feature-btn p a { display:inline-block; position:relative; width:100%; padding:0.7em; box-sizing:border-box; border-radius:1.3em; border:#8f652c 2px solid; font-size:110%; font-weight:bold; color:#8f652c; text-decoration:none; }
#arc-feature-btn p a::before { display:inline-block; content:""; width:0.6em; height:0.6em; position:absolute; top:0.9em; left:0.9em; background:url(../img/arrow_brown.png) center center no-repeat; background-size:cover; transform:rotate(90deg); }

/* ---- Media Queries ---- */

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

#arc-detail { width:auto; margin:0 0 15px 0; padding:0 10px; }
#arc-detail .subttl { height:32px; margin-bottom:10px; background:url(../img/next/detail_ttl_smp.png) center top no-repeat; background-size:auto 22px; }
#arc-detail-txt { margin-bottom:15px; }
#arc-detail-txt p { padding:0 5px; font-size:80%; }

.arc-detail-box { margin:0 -10px 15px -10px; }
.arc-detail-box .txtbox { float:none!important; width:auto; min-height:auto; padding:10px; background-position:center top; background-size:auto 9.0em!important; }
.arc-detail-box .pic { float:none!important; width:auto; }
.arc-detail-box .sttl { font-size:110%; }
.arc-detail-box .txt { font-size:80%; }

#arc-feature-btn p { width:14.0em; }
#arc-feature-btn p a { font-size:90%; }

}


/* arc-aside
------------------------------------ */
#arc-aside { margin-bottom:20px; padding:30px 30px 10px 30px; background-color:#eee; }

#arc-director { margin-bottom:20px; padding:18px; background-color:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); }
#arc-director:after {content:"";clear:both;display:block;}
#arc-director-l { float:left; width:550px; }
#arc-director .subttl { width:100%; height:34px; margin-bottom:0.5em; border-bottom:#e5e5e5 1px solid; background:url(../img/next/director_ttl.png) 0 0 no-repeat; text-indent:-9999px; }
#arc-director-txt p { font-size:90%; line-height:170%; }
#arc-director-txt p#arc-director-name { font-size:120%; color:#936d29; font-weight:bold; }
#arc-director-p { float:right; width:247px; height:185px; background-color:#efefef; }

#arc-data, #arc-loot { margin-bottom:20px; padding:18px; background:url(../img/archive/column_bg.jpg) right top no-repeat; background-color:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); }
#arc-data .subttl, #arc-loot .subttl { width:100%; height:34px; margin-bottom:0.5em; border-bottom:#e5e5e5 1px solid; text-indent:-9999px; }
#arc-data .subttl { background:url(../img/archive/data_ttl.png) 0 0 no-repeat; }
#arc-loot .subttl { background:url(../img/archive/loot_ttl.png) 0 0 no-repeat; }
#arc-data-txt, #arc-loot-txt { font-size:90%; line-height:170%; }
#arc-data-txt strong { color:#90662c; font-weight:bold; }

#arc-map-btn { float:right; width:17.0em; margin-top:-2.4em; font-size:90%; }
#arc-map-btn p { width:17.0em; text-align:center; }
#arc-map-btn p a { display:inline-block; position:relative; width:100%; padding:0.7em; box-sizing:border-box; border-radius:1.3em; background-color:#8f652c; font-weight:bold; color:#fff; text-decoration:none; text-shadow:1px 1px 2px rgba(0,0,0,0.2); }
#arc-map-btn p a::before { display:inline-block; content:""; width:0.6em; height:0.6em; position:absolute; top:0.9em; left:0.9em; background:url(../img/arrow.png) center center no-repeat; background-size:cover; transform:rotate(90deg); }

/* ---- Media Queries ---- */

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

#arc-aside { margin-bottom:15px; padding:15px 15px 5px 15px; }

#arc-director { margin-bottom:15px; padding:10px 0 15px 0; }
#arc-director .subttl { height:28px; background:url(../img/next/director_ttl_smp.png) center top no-repeat; background-size:auto 18px; }
#arc-director-l { float:none; width:auto; }
#arc-director-txt { padding:0 15px 15px 15px; }
#arc-director-txt p { font-size:80%; }
#arc-director-txt p#arc-director-name { font-size:100%; text-align:center; }
#arc-director-p { float:none; margin:auto; padding:0  }

#arc-data, #arc-loot { margin-bottom:15px; padding:10px 0 0 0; background-size:70%; }
#arc-data .subttl { height:28px; background:url(../img/archive/data_ttl_smp.png) center top no-repeat; background-size:auto 18px; }
#arc-loot .subttl { height:28px; background:url(../img/archive/loot_ttl_smp.png) center top no-repeat; background-size:auto 18px; }
#arc-data-txt, #arc-loot-txt { font-size:80%; padding:0 10px 10px 10px; }

#arc-map-btn { float:none; width:auto; margin:0; padding-bottom:15px; font-size:80%; }
#arc-map-btn p { margin:auto; }

}


/* arc-latest
------------------------------------ */
#arc-latest .subttl { width:100%; height:57px; margin-bottom:10px; background:url(../img/archive/latest_ttl.png) center top no-repeat; text-indent:-9999px; }
#arc-latest ul { width:100%; margin-bottom:20px; text-align:center; /* for space */ font-size:0; }
#arc-latest ul li { position:relative; display:inline-block; margin-right:1.333%; width:24%; height:0; padding-top:24%; background-color:#efefef; vertical-align:middle; text-align:left; /* for space */ font-size:1rem; }
#arc-latest ul li:last-child { margin-right:0; }
#arc-latest ul li a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
#arc-latest ul li a .date { position:absolute; z-index:3; display:inline-block; padding:0.5em; background-color:#000; font-size:90%; color:#fff; font-family:'Lato', sans-serif; font-weight:bold; }
#arc-latest ul li a .ttl { position:absolute; z-index:1; width:100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0.0) 70%, rgba(0,0,0,0.2)); }
#arc-latest ul li a .ttl p { position:absolute; z-index:2; bottom:0; padding:10px; line-height:130%; color:#fff; font-weight:bold; text-shadow:0px 0px 4px rgba(0,0,0,0.2); }
#arc-latest ul li a .ttl p i { display:inline-block; width:0.6em; height:0.6em; margin:-0.2em 0.3em 0 0; vertical-align:middle; background:url(../img/arrow.png) center center no-repeat; background-size:cover; transform:rotate(90deg); text-indent:-9999px; }

#arc-latest-btn { text-align:center; }
#arc-latest-btn p { width:20.0em; margin:auto; }
#arc-latest-btn p a { display:inline-block; position:relative; width:100%; padding:0.9em; box-sizing:border-box; border-radius:1.4em; background-color:#000; font-size:110%; font-weight:bold; color:#fff; text-decoration:none; }
#arc-latest-btn p a::before { display:inline-block; content:""; width:0.6em; height:0.6em; position:absolute; top:1.1em; left:0.9em; background:url(../img/arrow.png) center center no-repeat; background-size:cover; transform:rotate(90deg); }

/* ---- Media Queries ---- */

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

#arc-latest { padding:0 2% }
#arc-latest .subttl { height:45px; background:url(../img/archive/latest_ttl_smp.png) center top no-repeat; background-size:auto 45px; }
#arc-latest ul li { margin:0 2% 0 0; width:23.5%; height:0; padding-top:24%; }
#arc-latest ul li:last-child { margin:0; }
#arc-latest ul li a .date { font-size:2.0vw; }
#arc-latest ul li a .ttl p { padding:0.7vw; font-size:2.2vw; }
#arc-latest-btn p { width:14.0em; }
#arc-latest-btn p a { font-size:90%; }

}

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

#arc-latest { padding:0 6% }
#arc-latest ul li { margin:0 4% 3.5vw 0; width:48%; height:0; padding-top:48%; }
#arc-latest ul { margin-bottom:0; }
#arc-latest ul li:last-child,
#arc-latest ul li:nth-child(even) { margin:0 0 3.5vw 0; }
#arc-latest ul li a .date { font-size:3.3vw; }
#arc-latest ul li a .ttl p { padding:1.5vw; font-size:3.5vw; }

}


/* Archive Gallery
========================================= */

#arc-gallery { padding-bottom:30px; border-bottom:#e5e5e5 1px solid; margin-bottom:30px; }
#arc-gallery .subttl { width:100%; height:40px; margin-bottom:20px; border-bottom:#e5e5e5 1px solid; background:url(../img/archive/gallery_ttl.png) center top no-repeat; text-indent:-9999px; }

.lightbox-gallery { text-align:center; /* for space */ font-size:0; }
.lightbox-gallery li { display:inline-block; width:24.25%; margin-right:1.0%; margin-bottom:10px; vertical-align:middle; /* for space */ font-size:1rem; }
.lightbox-gallery li:nth-child(4n) { margin-right:0; }
.lightbox-gallery li span { display:block; position:relative; width:100%; height:0; padding-top:100%; background-color:#efefef; }
.lightbox-gallery li span a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position: center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#gl-notice { margin-bottom:15px; font-size:90%; line-height:140%; color:#90662c; font-weight:bold; text-align:center; }

/* ---- Media Queries ---- */

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

#arc-gallery { padding:0 10px 15px 10px; margin-bottom:15px; }
#arc-gallery .subttl { height:32px; margin-bottom:10px; background:url(../img/archive/gallery_ttl_smp.png) center top no-repeat; background-size:auto 22px; }
#gl-notice { margin-bottom:10px; font-size:80%; }

}

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

.lightbox-gallery li { display:inline-block; width:32%; margin-right:2.0%; margin-bottom:1.8vw; }
.lightbox-gallery li:nth-child(4n) { margin-right:2.0%; margin-bottom:1.8vw; }
.lightbox-gallery li:nth-child(3n),
.lightbox-gallery li:last-child { margin-right:0; margin-bottom:1.8vw; }

#gl-notice { font-size:80%; }

}


/* Archive List
========================================= */

#arc-list { padding-top:10px; }
#arc-list .subttl { width:100%; height:40px; margin-bottom:20px; border-bottom:#e5e5e5 1px solid; background:url(../img/archive/list_ttl.png) center top no-repeat; text-indent:-9999px; }

#arc-list-head { margin-bottom:20px; }
#arc-list-head:after {content:"";clear:both;display:block;}
#arc-list-year { float:left; width:670px; }
#arc-list-year ul { /* for space */ font-size:0; }
#arc-list-year ul li { display:inline-block; margin:0 0.5em 0.5em 0; vertical-align:middle; /* for space */ font-size:1rem; }
#arc-list-year ul li a { display:inline-block; width:4.5em; padding:0.6em 0; border-radius:1.4em; background-color:#000; font-family:'Lato', sans-serif; font-size:90%; color:#fff; font-weight:bold; text-decoration:none; text-align:center; }

#arc-old-btn { float:right; width:17.0em; font-size:90%; }
#arc-old-btn p { width:17.0em; text-align:center; }
#arc-old-btn p a { display:inline-block; position:relative; width:100%; padding:0.4em; box-sizing:border-box; border-radius:2.1em; border:#8f652c 2px solid; font-weight:bold; line-height:130%; color:#8f652c; text-decoration:none; }
#arc-old-btn p a::before { display:inline-block; content:""; width:0.7em; height:0.7em; position:absolute; top:1.3em; left:0.8em; background:url(../img/arrow_brown.png) center center no-repeat; background-size:cover; transform:rotate(90deg); }

#arc-list-detail .sttl { margin-bottom:15px; padding:0.4em 0.6em; background-color:#835a25; font-family:'Lato', sans-serif; font-size:110%; line-height:140%; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.2); }
#arc-list-detail ul { border-top:#ccc 1px solid; }
#arc-list-detail ul li { border-bottom:#ccc 1px solid; }
#arc-list-detail ul li dl { display:flex; }
#arc-list-detail ul li dl dt { width:5.0em; padding:0.9em 0.45em; color:#88602a; font-family:'Lato', sans-serif; font-size:90%; line-height:120%; font-weight:bold; }
#arc-list-detail ul li dl dd { flex:1; padding:0.9em 0.45em; font-size:90%; line-height:130%; }
#arc-list-detail ul li dl dd a { color:#333; text-decoration:none; }
#arc-list-detail ul li dl dd a:hover { text-decoration:underline; }

/* ---- Media Queries ---- */

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

#arc-list { padding:0 10px 10px 10px; }
#arc-list .subttl { height:32px; margin-bottom:10px; background:url(../img/archive/list_ttl_smp.png) center top no-repeat; background-size:auto 22px; }

#arc-list-head { margin-bottom:15px; }
#arc-list-year { float:none; width:auto; padding:0 0 5px 0.5em; text-align:center; }
#arc-list-year ul li { font-size:0.9rem; }
#arc-old-btn { float:none; width:auto; font-size:75%; text-align:center; }
#arc-old-btn p { margin:auto; }

#arc-list-detail .sttl { margin-bottom:0.6em; font-size:90%; }
#arc-list-detail ul li dl { display:block; padding:0.5em; }
#arc-list-detail ul li dl dt { width:auto; display:inline; padding:0; margin-right:1.0em; background:none; font-size:80%; font-weight:bold; }
#arc-list-detail ul li dl dd { flex:none; display:inline; padding:0; background:none; font-size:80%; }

}


/* Feature
========================================= */

#feature #mainttl { background-image:url(../img/feature/feature_ttl.png); }

#mainarea { margin-bottom:30px; }

/* ft-latest
------------------------------------ */
#feature #arc-latest .subttl { width:100%; height:57px; margin-bottom:10px; background:url(../img/feature/latest_ttl.png) center top no-repeat; text-indent:-9999px; }

/* list
------------------------------------ */
#feature #arc-list .subttl { background:url(../img/feature/list_ttl.png) center top no-repeat; }

/* ---- Media Queries ---- */

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

#feature #mainttl { background-image:url(../img/feature/feature_ttl_smp.png); }

#mainarea { margin-bottom:15px; }

/* ft-latest
------------------------------------ */
#feature #arc-latest .subttl { height:45px; background:url(../img/feature/latest_ttl_smp.png) center top no-repeat; background-size:auto 45px; }

/* list
------------------------------------ */
#feature #arc-list .subttl { background:url(../img/feature/list_ttl_smp.png) center top no-repeat; background-size:auto 22px; }

}


/* Kizai
========================================= */

#kizai #mainttl { background-image:url(../img/kizai/kizai_ttl.png); }

#kz-eq:after {content:"";clear:both;display:block;}
#kz-eq ul li { float:left; width:48.3%; margin:0 3.4% 30px 0; }
#kz-eq ul li:nth-child(even) { margin:0 0 30px 0; }
#kz-eq ul li p { position:relative; width:100%; height:0; padding-top:65.26946%; }
#kz-eq ul li p a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; /* hover fade */ transition: opacity 0.2s ease-out; }
@media (hover: hover) { #kz-eq ul li p a:hover { opacity:0.5; } }
#kz-eq ul li:nth-child(1) p a { background-image:url(../img/kizai/eq2_1.jpg); }
#kz-eq ul li:nth-child(2) p a { background-image:url(../img/kizai/eq2_2.jpg); }
#kz-eq ul li:nth-child(3) p a { background-image:url(../img/kizai/eq2_3.jpg); }
#kz-eq ul li:nth-child(4) p a { background-image:url(../img/kizai/eq2_4.jpg); }
#kz-txt p { font-size:90%; line-height:170%; padding-bottom:0.5em; }

/* ---- Media Queries ---- */

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

#kizai #mainttl { background-image:url(../img/kizai/kizai_ttl_smp.png); }

#kz-eq { padding:0 10px; }
#kz-eq ul li { float:left; width:49%; margin:0 2% 2vw 0; }
#kz-eq ul li:nth-child(even) { margin:0 0 2vw 0; }

#kz-txt { padding:0 10px; }
#kz-txt p { font-size:80%; }

}


/* Cast
========================================= */

#cast #mainttl { background-image:url(../img/cast/cast_ttl.png); }

.cast-box { display:flex; gap:30px; padding:20px; }
#cast-vaundy { flex-direction:row-reverse; }
.cast-txtbox { flex:1; }
.cast-name { width:310px; margin:0 auto 10px auto; background-position:center top; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#cast-suzuki .cast-name { aspect-ratio:465 / 98; background-image:url(../img/cast/name_suzuki.png); }
#cast-vaundy .cast-name { aspect-ratio:465 / 150; background-image:url(../img/cast/name_vaundy.png); }
.cast-txt { padding-top:15px; border-top:#e5e5e5 1px solid; font-size:90%; line-height:170%; }
#cast-suzuki .cast-pic { width:500px; aspect-ratio:685 / 400; }
#cast-vaundy .cast-pic { width:320px; aspect-ratio:1 / 1; }
.cast-pic p { position:relative; width:100%; height:100%; }
.cast-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#cast-suzuki .cast-pic p span { background-image:url(../img/cast/pic_suzuki.jpg?); }
#cast-vaundy .cast-pic p span { background-image:url(../img/cast/pic_vaundy.jpg); }

#cast-feature-btn { padding-bottom:10px; text-align:center; }
#cast-feature-btn p { width:19.0em; margin:auto; }
#cast-feature-btn p a { display:inline-block; position:relative; width:100%; padding:0.9em; box-sizing:border-box; border-radius:2.2em; background:linear-gradient(to right, #e83244 0%, #e83244 30%, #fb8635 70%, #fb8635 100%); font-size:110%; line-height:130%; font-weight:bold; color:#fff; text-decoration:none; }
#cast-feature-btn p a::before { display:inline-block; content:""; width:0.7em; height:0.7em; position:absolute; top:1.85em; left:1.2em; background:url(../img/arrow.png) center center no-repeat; background-size:cover; transform:rotate(90deg); }

/* ---- Media Queries ---- */

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

#cast #mainttl { background-image:url(../img/cast/cast_ttl_smp.png); }

.cast-box  { flex-direction:column!important; gap:0; padding:0 0 30px 0; }
/* #cast-suzuki { padding:0 0 40px 0; }
#cast-vaundy { padding:0 0 20px 0; }*/

.cast-txtbox { width:auto; padding:0 15px 15px 15px; text-align:center; }
/* #cast-suzuki .cast-txtbox,
#cast-vaundy .cast-txtbox { float:none; }*/
.cast-name { width:250px; }
.cast-txt { font-size:80%; text-align:left; }
.cast-pic { /*float:none!important;*/ width:100%!important; }
#cast-suzuki .cast-pic,
#cast-vaundy .cast-pic { float:none; }

#cast-feature-btn p { width:17.0em; }
#cast-feature-btn p a { font-size:90%; }

}


/* About
========================================= */

#about #mainttl { background-image:url(../img/about/about_ttl.png); }

#about #cat-nav ul li { width:33.33%; border-right:#333 1px solid; box-sizing:border-box; }
#about #cat-nav ul li:last-child { border-right:none; }
#about #cat-nav ul li a { font-size:105%; }

/* ---- Media Queries ---- */

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

#about #main { padding:15px 0 0 0; }
#about #mainttl { background-image:url(../img/about/about_ttl_smp.png); }

#about #cat-nav ul li { width:100%; border-right:none; border-bottom:#333 1px solid; }
#about #cat-nav ul li:last-child { border-right:none; border-bottom:none; }
#about #cat-nav ul li a { font-size:90%; }

}


/* ab-detail
------------------------------------ */
#ab-detail { width:850px; margin:0 35px 30px 35px; }
#ab-detail .subttl { width:100%; height:40px; margin-bottom:20px; border-bottom:#e5e5e5 1px solid; background:url(../img/about/detail_ttl.png) center top no-repeat; background-size:auto 30px; text-indent:-9999px; }
#ab-detail-txt { font-size:90%; line-height:170%; }

/* ---- Media Queries ---- */

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

#ab-detail { width:auto; margin:0 0 15px 0; padding:0 10px; }
#ab-detail .subttl { height:32px; margin-bottom:10px; background-size:auto 22px; }
#ab-detail-txt { padding:0 5px; font-size:80%; }

}


/* ab-category
------------------------------------ */
#ab-cultural,
#ab-natural { margin-bottom:40px; }
#ab-mixed { margin-bottom:20px; }
.ab-category .subttl { width:100%; height:40px; margin-bottom:10px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#ab-cultural .subttl { background-image:url(../img/about/cultural_ttl.png); }
#ab-natural .subttl { background-image:url(../img/about/natural_ttl.png); }
#ab-mixed .subttl { background-image:url(../img/about/mixed_ttl.png); }
.ab-category .txt { padding:0 0 10px 0; text-align:center; font-weight:bold; }
.ab-category .txt p { font-size:110%; line-height:140%; padding-bottom:0.2em; }
.ab-category .txt p.txts { font-size:80%; }
#ab-cultural .txt { color:#eb6400; }
#ab-natural .txt { color:#139022; }
#ab-mixed .txt { color:#dd1e2b; }
.ab-category .pic ul:after {content:"";clear:both;display:block;}
.ab-category .pic ul li { float:left; width:230px; height:130px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#ab-cultural .pic ul li:nth-child(1) { background-image:url(../img/about/cultural_p1.jpg); }
#ab-cultural .pic ul li:nth-child(2) { background-image:url(../img/about/cultural_p2.jpg); }
#ab-cultural .pic ul li:nth-child(3) { background-image:url(../img/about/cultural_p3.jpg); }
#ab-cultural .pic ul li:nth-child(4) { background-image:url(../img/about/cultural_p4.jpg); }
#ab-natural .pic ul li:nth-child(1) { background-image:url(../img/about/natural_p1.jpg); }
#ab-natural .pic ul li:nth-child(2) { background-image:url(../img/about/natural_p2.jpg); }
#ab-natural .pic ul li:nth-child(3) { background-image:url(../img/about/natural_p3.jpg); }
#ab-natural .pic ul li:nth-child(4) { background-image:url(../img/about/natural_p4.jpg); }
#ab-mixed .pic ul li:nth-child(1) { background-image:url(../img/about/mixed_p1.jpg); }
#ab-mixed .pic ul li:nth-child(2) { background-image:url(../img/about/mixed_p2.jpg); }
#ab-mixed .pic ul li:nth-child(3) { background-image:url(../img/about/mixed_p3.jpg); }
#ab-mixed .pic ul li:nth-child(4) { background-image:url(../img/about/mixed_p4.jpg); }

#ab-total { margin-bottom:40px; font-size:110%; line-height:140%; text-align:center; }
.total-c1 { color:#eb6400; }
.total-c2 { color:#139022; }
.total-c3 { color:#dd1e2b; }
.total-c4 { color:#825c28; }

/* ---- Media Queries ---- */

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

#ab-cultural,
#ab-natural { margin:0 10px 30px 10px; }
#ab-mixed { margin:0 10px 20px 10px; }
.ab-category .subttl { height:30px; margin-bottom:7px; }
.ab-category .txt { font-size:80%; }
.ab-category .txt .txts { font-size:80%; }
.ab-category .pic ul { width:460px; margin:auto; }

#ab-total { margin:0 10px 20px 10px; font-size:90%; }

}

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

.ab-category .pic ul { width:300px; }
.ab-category .pic ul li { width:150px; height:84px; }

}


/* ab-other
------------------------------------ */
#ab-other { padding:30px; background-color:#ede9e5; }
#ab-other-inner { padding:18px; background-color:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); }
#ab-crisis,
#ab-negative { padding-bottom:5px; }
#ab-crisis:after,
#ab-negative:after {content:"";clear:both;display:block;}
#ab-other .subttl { width:100%; height:37px; margin-bottom:10px; border-bottom:#d2c9bd 1px solid; background-position:center center; background-repeat:no-repeat; background-size:auto 22px; text-indent:-9999px; }
#ab-crisis .subttl { background-image:url(../img/about/crisis_ttl.png); }
#ab-negative .subttl { background-image:url(../img/about/negative_ttl.png); }
#ab-other .txt { float:left; width:580px; font-size:85%; line-height:170%; }
#ab-other .pic { float:right; width:230px; height:130px; margin-top:0.3em; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#ab-crisis .pic { background-image:url(../img/about/crisis_p1.jpg); }
#ab-negative .pic { background-image:url(../img/about/negative_p1.jpg); }

/* ---- Media Queries ---- */

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

#ab-other { padding:15px; background-color:#ede9e5; }
#ab-other-inner { padding:5px 15px 15px 15px; }
#ab-other .subttl { height:33px; background-size:auto 18px; }
#ab-other .txt { float:none; width:auto; margin-bottom:10px; font-size:80%; }
#ab-other .pic { float:none; margin:auto; }
#ab-crisis { padding-bottom:25px; }

}


/* About Inscription
========================================= */

#ab-inscription { width:850px; margin:0 35px; }
#ab-inscription .subttl { width:100%; height:40px; margin-bottom:20px; border-bottom:#e5e5e5 1px solid; background:url(../img/about/inscription_ttl.png) center top no-repeat; background-size:auto 30px; text-indent:-9999px; }
#ab-inscription .txt { font-size:90%; line-height:170%; margin-bottom:15px; padding:15px; border:#e5e5e5 2px solid; border-radius:15px; }
#ab-inscription .arrow { display:block; margin:0 auto 15px auto; width:20px; height:20px; background:url(../img/about/arrow_gray.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

/* ---- Media Queries ---- */

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

#ab-inscription { width:auto; margin:0; padding:0 10px 10px 10px; }
#ab-inscription .subttl { height:32px; margin-bottom:10px; background-size:auto 22px; }
#ab-inscription .txt { font-size:80%; margin-bottom:7px; padding:10px; border:#e5e5e5 2px solid; border-radius:10px; }
#ab-inscription .arrow { margin:0 auto 7px auto; width:15px; height:15px; }

}


/* About Criteria
========================================= */

#ab-criteria { width:850px; margin:0 35px; }
#ab-criteria .subttl { width:100%; height:40px; margin-bottom:20px; border-bottom:#e5e5e5 1px solid; background:url(../img/about/criteria_ttl.png) center top no-repeat; background-size:auto 30px; text-indent:-9999px; }
#ab-criteria-list { font-size:90%; line-height:170%; }
#ab-criteria-list dt { clear:both; float:left; margin-top:-0.1em; font-size:120%; color:#825c28; font-weight:bold; letter-spacing:0.1em; font-family:'Lato', sans-serif;  }
#ab-criteria-list dd { margin-bottom:0.8em; padding:0 0 0.8em 4.0em; border-bottom:#ccc 1px dotted; }
#ab-criteria-list dd:last-child { margin-bottom:0; padding:0 0 0 4.0em; border-bottom:none; }

/* ---- Media Queries ---- */

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

#ab-criteria { width:auto; margin:0; padding:0 10px 20px 10px; }
#ab-criteria .subttl { height:32px; margin-bottom:10px; background-size:auto 22px; }
#ab-criteria-list { font-size:80%; padding:0 5px; }

}


/* List
========================================= */

#list #mainttl { background-image:url(../img/list/list_ttl.png); }

/* ---- Media Queries ---- */

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

#list #main { padding:10px 15px; }
#list #mainttl { background-image:url(../img/list/list_ttl_smp.png); }

}

/* List Index
========================================= */

#wholemap { position:relative; width:100%; height:0; margin-bottom:30px; padding-top:55.326%; }
#wholemap ul { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/list/wholemap.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#wholemap ul li { position:absolute; z-index:1; height:40px; }
#wholemap ul li a { display:block; width:100%; height:100%; border-radius:20px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
#btn-europe { width:146px; top:92px; left:65px; }
#btn-europe a { background-image:url(../img/list/btn_europe.png); }
#btn-africa { width:126px; top:321px; left:40px; }
#btn-africa a { background-image:url(../img/list/btn_africa.png); }
#btn-asia { width:111px; top:185px; left:282px; }
#btn-asia a { background-image:url(../img/list/btn_asia.png); }
#btn-oceania { width:141px; top:330px; left:470px; }
#btn-oceania a { background-image:url(../img/list/btn_oceania.png); }
#btn-na-ca { width:135px; top:125px; left:648px; }
#btn-na-ca a { background-image:url(../img/list/btn_na-ca.png); }
#btn-sa { width:86px; top:364px; left:722px; }
#btn-sa a { background-image:url(../img/list/btn_sa.png); }

/* ---- Media Queries ---- */

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

#wholemap { margin-bottom:20px; }

#wholemap ul li a { width:170%; height:150%; }

}


/* List Detail
========================================= */

#list-nav { width:100%; margin-bottom:20px; }
#list-nav ul { width:100%; /* for space */ font-size:0; }
#list-nav ul li { display:inline-block; width:13.42857%; margin-right:1%; vertical-align:top; /* for space */ font-size:0.9rem; }
#list-nav ul li:last-child { margin-right:0; }
#list-nav ul li a { display:block; padding:0.7em 0; box-sizing:border-box; width:100%; height:100%; border-radius:1.2em; background-color:#000; text-align:center; color:#fff; font-weight:bold; text-decoration:none; text-shadow:1px 1px 2px rgba(0,0,0,0.2); }
#list-nav ul li i { display:inline-block; width:0.6em; height:0.6em; margin:-0.2em 0.3em 0 0; vertical-align:middle; background:url(../img/arrow2.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
#list-nav ul li:nth-child(1) a { background-color:#835a25; }
#list-nav ul li:nth-child(2) a { background-color:#017ebe; }
#list-nav ul li:nth-child(3) a { background-color:#f28e00; }
#list-nav ul li:nth-child(4) a { background-color:#00cbce; }
#list-nav ul li:nth-child(5) a { background-color:#ec4149; }
#list-nav ul li:nth-child(6) a { background-color:#7563d1; }
#list-nav ul li:nth-child(7) a { background-color:#fb6d2e; }

#list #map { height:700px; margin-bottom:30px; }
.gm-style-iw-d { font-size:95%; }
.gm-style-iw-d a { font-weight:bold; }
.gm-style-iw-d a.hname { display:inline-block; margin-bottom:0.3em; font-size:115%; line-height:140%; }
.list-europe .gm-style-iw-d a { color:#017ebe; }
.list-africa .gm-style-iw-d a { color:#ec4149; }
.list-asia .gm-style-iw-d a { color:#f28e00; }
.list-oceania .gm-style-iw-d a { color:#00cbce; }
.list-na-ca .gm-style-iw-d a { color:#7563d1; }
.list-sa .gm-style-iw-d a { color:#fb6d2e; }

#area-ttl { margin-bottom:20px; padding:0.6em; color:#fff; font-size:120%; text-shadow:1px 1px 2px rgba(0,0,0,0.2); }
.list-index #area-ttl { background-color:#835a25; }
.list-europe #area-ttl { background-color:#017ebe; }
.list-africa #area-ttl { background-color:#ec4149; }
.list-asia #area-ttl { background-color:#f28e00; }
.list-oceania #area-ttl { background-color:#00cbce; }
.list-na-ca #area-ttl { background-color:#7563d1; }
.list-sa #area-ttl { background-color:#fb6d2e; }

.box-country { margin-bottom:30px; }
.box-country .subttl { margin-bottom:15px; padding:0.4em 0.6em; font-size:110%; line-height:140%; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.2); }
.box-country .subttl a { color:#fff; }

.list-index .box-country .subttl { background-color:#835a25; }
.list-europe .box-country .subttl { background-color:#017ebe; }
.list-africa .box-country .subttl { background-color:#ec4149; }
.list-asia .box-country .subttl { background-color:#f28e00; }
.list-oceania .box-country .subttl { background-color:#00cbce; }
.list-na-ca .box-country .subttl { background-color:#7563d1; }
.list-sa .box-country .subttl { background-color:#fb6d2e; }

.list-tbl table { width:100%; border-collapse:collapse; border:#ccc 1px solid; }
.list-tbl table th,
.list-tbl table td { padding:10px 10px; text-align:left; border-collapse:collapse; border:#ccc 1px solid; font-size:90%; line-height:140%; }
.list-index .list-tbl table th { background-color:#f5f2f0; }
.list-europe .list-tbl table th { background-color:#e5f2f8; }
.list-africa .list-tbl table th { background-color:#fdecec; }
.list-asia .list-tbl table th { background-color:#fef5e5; }
.list-oceania .list-tbl table th { background-color:#e5fafa; }
.list-na-ca .list-tbl table th { background-color:#f1effa; }
.list-sa .list-tbl table th { background-color:#fff0ea; }
.list-tbl .name { width:60%; min-width:15em; }
.list-tbl .kind { width:10%; text-align:center; white-space:nowrap; }
.list-tbl .criteria { width:10%; text-align:center; white-space:nowrap; }
.list-tbl .inscription { width:10%; text-align:center; white-space:nowrap; }
.list-tbl .archive-link { width:10%; text-align:center; white-space:nowrap; }
.list-tbl .country { width:10%; text-align:center; white-space:nowrap; }

.list-index .list-tbl a { color:#835a25; }
.list-europe .list-tbl a { color:#017ebe; }
.list-africa .list-tbl a { color:#ec4149; }
.list-asia .list-tbl a { color:#f28e00; }
.list-oceania .list-tbl a { color:#00cbce; }
.list-na-ca .list-tbl a { color:#7563d1; }
.list-sa .list-tbl a { color:#fb6d2e; }

.list-tbl table .nm,
#nm-notice .nm { display:inline-block; margin-right:0.5em; width:1.8em; height:1.8em; box-sizing:border-box; border-radius:50%; text-align:center; font-size:90%; line-height:1.8em; font-weight:bold; vertical-align:middle; border-width:0.1em; border-style:solid; }
.list-tbl table .cl,
#nm-notice .cl { background-color:#ff8a00; border-color:#ff8a00; color:#fff; }
.list-tbl table .nt,
#nm-notice .nt { background-color:#139022; border-color:#139022; color:#fff; }
.list-tbl table .mx,
#nm-notice .mx { background-color:#dd1e2b; border-color:#dd1e2b; color:#fff; }
.list-tbl table .cl.crs,
#nm-notice .cl.crs { background-color:#fff; border-color:#ff8a00; color:#ff8a00; }
.list-tbl table .nt.crs,
#nm-notice .nt.crs { background-color:#fff; border-color:#139022; color:#139022; }
.list-tbl table .mx.crs,
#nm-notice .mx.crs { background-color:#fff; border-color:#dd1e2b; color:#dd1e2b; }

.list-archive-btn { display:block; position:relative; width:10.0em; margin:0.2em auto; padding:0.5em 0.5em 0.5em 0; box-sizing:border-box; background-color:#eb6400; border-radius:1.0em; font-size:80%; line-height:100%; color:#fff!important; text-decoration:none; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,0.2); }
.list-archive-btn.archive-old { background-color:#0068b7; }
.list-archive-btn::before { display:inline-block; content:""; width:1em; height:1em; margin-right:0.25em; background:url(../img/arrow3.png) center center no-repeat; vertical-align:bottom; background-size:70%; }

.list-backtop { margin:20px 0; text-align:right; }
.list-backtop a { display:inline-block; position:relative; width:5.0em; padding-left:0.9em; font-size:90%; white-space:nowrap; vertical-align:top; }
.list-backtop a::before { display:inline-block; content:""; width:0.6em; height:0.6em; position:absolute; top:0.2em; left:0em; background:url(../img/arrow_brown.png) center center no-repeat; background-size:cover; }

#nm-notice { margin-bottom:10px; /* for space */ font-size:0; }
#nm-notice li { display:inline-block; margin-right:1.0em; vertical-align:middle; line-height:1.4em; padding-bottom:0.5em; vertical-align:middle; /* for space */ font-size:0.8rem; }
#nm-notice li:last-child { margin-right:0; }

.list-notice { padding-left:1.0em; }
.list-notice li { text-indent:-1.0em; font-size:80%; line-height:140%; padding-bottom:0.2em; }
.list-notice li::before { content:"※"; }

/* ---- Media Queries ---- */

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

#area-ttl { margin-bottom:0.6em; font-size:100%; }

.box-country { margin-bottom:20px; }
.box-country .subttl { margin-bottom:0.6em; font-size:90%; }

#list-nav { margin-bottom:15px; }
#list-nav ul li { width:32.333%; font-size:0.8rem; }
#list-nav ul li:nth-child(1) { margin:0 33.8335% 1.1vw 33.8335%; }
#list-nav ul li:nth-child(2),
#list-nav ul li:nth-child(3) { margin:0 1.5% 1.1vw 0;}
#list-nav ul li:nth-child(4) { margin:0 0 1.1vw 0; }
#list-nav ul li:nth-child(5),
#list-nav ul li:nth-child(6) { margin:0 1.5% 0 0; }
#list-nav ul li:nth-child(7) { margin:0 0 0 0; }

#list #map { height:400px; margin-bottom:20px; }

.list-tbl { width:100%; overflow-y: hidden; overflow-x: }
.list-tbl table { font-size:80%; }
.list-tbl table th,
.list-tbl table td { padding:5px 5px; }

.list-tbl table .nm,
#nm-notice .nm { border-width:0.13em; line-height:1.54em; }

.list-backtop { margin:10px 0; }
.list-backtop a { font-size:80%; }

#nm-notice li { font-size:0.7rem; }

.list-notice li { font-size:70%; }

}


/* Info
========================================= */

#info #mainttl { background-image:url(../img/info/info_ttl.png); }

#info-article .subttl { margin-bottom:15px; padding:0.8em; background-color:#000; line-height:140%; color:#fff; }
#article-body { padding:0 5px; }
#info-article .box:after {content:"";clear:both;display:block;}
#info-article .box { margin-top:20px; }
#info-article .txt { font-size:90%; line-height:180%; text-align:left; }
#info-article .pic { text-align:center; }
.pic_l { float:left; margin:0.4em 15px 0 0; }
.pic_r { float:right; margin:0.4em 0 0 15px; }
.pic_c { margin:0 0 15px 0; }
.pic_c p { margin:auto; }
#info-article .pic p { margin:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

.color-red { color:#dd1e2b; }
.color-orange { color:#eb6400; }
.color-green { color:#139022; }
.color-blue { color:#0068b7; }
.color-brown { color:#90662c; }

#info-back-btn { padding-top:15px; }
#info-back-btn p { width:10.0em; }
#info-back-btn p a { display:inline-block; position:relative; width:100%; padding:0.7em; box-sizing:border-box; border-radius:1.4em; background-color:#8f652c; font-size:90%; font-weight:bold; color:#fff; text-decoration:none; text-align:center; }
#info-back-btn p a::before { display:inline-block; content:""; width:0.6em; height:0.6em; position:absolute; top:0.9em; left:0.9em; background:url(../img/arrow.png) center center no-repeat; background-size:cover; transform:rotate(-90deg); }

/* ---- Media Queries ---- */

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

#info #mainttl { background-image:url(../img/info/info_ttl_smp.png); }

#info-article { padding:0 10px 10px 10px; }
#info-article .subttl { padding:0.6em 0.8em; font-size:90%; }
#info-article .box { margin-top:10px; }
#info-article .txt { font-size:80%; }
#info-article .pic { float:none; margin:0 auto 10px auto; width:290px; }
#info-article .pic p { margin:auto; width:290px; }

#info-back-btn { padding:0; }
#info-back-btn p { margin:auto; }
#info-back-btn p a { font-size:80%; }

}

/* picture */

#pic_20181118_1 { width:290px; height:199px; }
#pic_20191117_1 { width:300px; height:190px; }
#pic_20201122_1 { width:300px; height:206px; }

#pic_20211114_1 { width:300px; height:206px; }

#pic_20221120_1 { width:300px; height:206px; }

#pic_20231112_2 { width:300px; height:200px; }


#pic_20241103_1 { width:300px; height:200px; }









#pic_20251109_1 { width:304px; height:210px; }







#pic_20181118_1 p { width:290px; height:199px; background-image:url(/heritage/img/info/pic_20181118_1.jpg); }
#pic_20191117_1 p { width:300px; height:190px; background-image:url(/heritage/img/info/pic_20191117_1.jpg); }
#pic_20201122_1 p { width:300px; height:206px; background-image:url(/heritage/img/info/pic_20201122_1.jpg); }
#pic_20211114_1 p { width:300px; height:206px; background-image:url(/heritage/img/info/pic_20211114_1.jpg); }
#pic_20221120_1 p { width:300px; height:206px; background-image:url(/heritage/img/info/pic_20221120_1.jpg); }
#pic_20231112_2 p { width:300px; height:200px; background-image:url(/heritage/img/info/pic_20231112_2.jpg); }
#pic_20241103_1 p { width:300px; height:200px; background-image:url(/heritage/img/info/pic_20241103_1.jpg); }
#pic_20250527_1 p { width:400px; height:225px; background-image:url(/heritage/img/info/pic_20250527_1.jpg); }
#pic_20251109_1 p { width:304px; height:210px; background-image:url(/heritage/img/info/pic_20251109_1.jpg); }


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

#pic_20181118_1 p { height:-webkit-calc( 199px / 290 * 290 ); height:calc( 199px / 290 * 290 ); }
#pic_20191117_1 p { height:-webkit-calc( 190px / 300 * 290 ); height:calc( 190px / 300 * 290 ); }
#pic_20201122_1 p { height:-webkit-calc( 206px / 300 * 290 ); height:calc( 206px / 300 * 290 ); }
#pic_20211114_1 p { height:-webkit-calc( 206px / 300 * 290 ); height:calc( 206px / 300 * 290 ); }
#pic_20221120_1 p { height:-webkit-calc( 206px / 300 * 290 ); height:calc( 206px / 300 * 290 ); }
#pic_20231112_2 p { height:-webkit-calc( 200px / 300 * 290 ); height:calc( 200px / 300 * 290 ); }
#pic_20241103_1 p { height:-webkit-calc( 200px / 300 * 290 ); height:calc( 200px / 300 * 290 ); }
#pic_20250527_1 p { height:-webkit-calc( 225px / 400 * 290 ); height:calc( 225px / 400 * 290 ); }
#pic_20251109_1 p { height:-webkit-calc( 210px / 304 * 290 ); height:calc( 210px / 304 * 290 ); }


}



/*eof*/