@media screen and (min-width:767px){
br.nobr{display:contents;}
}
*{
  margin: 0;
  padding: 0;
}.highlight-deadline {
  color: red;
  font-weight: bold;
}.ListNote {
  list-style: none;
  padding-left: 1em;
  margin-bottom: 1.5em;
}
.right-align {
  text-align: right;
}
.award-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 700px;
  margin: 0 auto;
}

.award-card {
  border: 4px double #A9D18E; /* グリーン系飾り枠 */
  background-color: #F2F2F2;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.award-card h3 {
  color: #548235;
  font-size: 1.2em;
  margin-bottom: 8px;
}

.award-name {
  font-weight: bold;
  font-size: 1.1em;
  color: #333;
  margin-bottom: 6px;
}

.affiliation {
  font-size: 0.95em;
  color: #595959;
}

.award-title {
	font-style: normal;
	font-size: 1.8em;
	color: #462828;
	font-weight: bold;
}
.ListNote li {
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.sankatable.clean {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  font-size: 0.95em;
  border: 1px solid #ccc;
}
.sankatable.clean th,
.sankatable.clean td {
  padding: 12px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
}
.sankatable.clean thead th {
  background-color: #006666;
  color: #fff;
}
.sankatable.clean .highlight-row {
  background-color: #f0f0f0;
}
.sankatable.clean th small {
  font-weight: normal;
  font-size: 0.85em;
  display: block;
  color: #555;
}

.bank-box {
	border: 1px solid #333;
	padding: 1em;
	margin: 1.5em 0;
	background-color: #fdfdfd;
	border-radius: 6px;
	font-size: 1rem;
	line-height: 1.6;
}
.cancel-box {
	border: 1px solid #ccc;
	background-color: #FFFFFF;
	padding-top: 0.2em;
	padding-right: 0.2em;
	padding-left: 0.2em;
	padding-bottom: 0.2em;
	border-radius: 2px;
	font-size: 1rem;
	line-height: 1.6;
	max-width: 350px;
}
.cancel-box p {
  margin-top: 0;
  font-weight: bold;
}
.cancel-box ol {
  margin: 0;
  padding-left: 1.2em;
}
.cancel-box li {
  margin-bottom: 0.3em;
}
.label {
	background-color: #1E4224;
	color: #fff;
	padding: 0.3em 0.8em;
	border-radius: 5px;
	font-weight: bold;
	display: inline-block;
	font-size: 1rem;
}
}.participant-box {
  background-color: #f9f9f9;
  border-left: 5px solid #007acc;
  padding: 1em;
  margin: 1em 0;
  font-size: 1rem;
  line-height: 1.6;
}
@import "compass/css3";

$border-color: #e2e2e2;
$sheet-color: #fff;
$experimental-support-for-svg: true;
$icons: technology sport fainance education furniture home construction auto wedding travel cafe medical food;
body {
  background:url('https://raw.github.com/OmarKhanfer/AskNofal/master/images/bg.png') no-repeat;
  background-size:100% 100%;
  padding-bottom:30px;
}
.breadcrumb {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

.sankatable{
  border-collapse: collapse;
  width: 100%;
}
.sankatabletb th,
.sankatabletb td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: right;
	box-sizing: border-box;
}
.sankatabletb th {
	background: #ff7bac;
	color: #fff;
	text-align: right;  
}
@media screen and (max-width: 640px) {
  .tb01 .head{
    display:none;
  }
  .tb01 {
    width: 100%;
  }
  .tb01 td,
  .tb01 th{
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 td{
    padding: 0px 12px 0 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
  }
  .tb01 td:before{
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    padding: 0px 10px;
    display: inline;
    background-color: #ed1e79;
    margin-right: 10px;
    float: left;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}


@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}


/* 画像のはみ出しを防ぐためのCSS */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* スマートフォン向けに画像が画面幅を超えないように調整 */
@media screen and (max-width: 768px) {
    .responsive-img {
        width: 100%;
        height: auto;
        max-width: 100%;
    }

    .main-container img {
        max-width: 100%;
        height: auto;
    }
}
.breadcrumb li {
	margin-right: 10px;
	font-size: 80%;
}

.breadcrumb li::after {
    content: "›"; /* 区切り文字として矢印を使用 */
    margin-left: 10px;
}
.responsive-iframe {
	width: 700px;
	height: 450px;
	max-width: 700px;
	border: 0;
}

@media screen and (max-width: 768px) {
    .responsive-iframe {
        height: 300px;
    }
}
/* モバイル画面（768px以下）で表示 */
@media screen and (max-width: 768px) {
  .mobile-only {
    display: block !important;
  }
}

/* PC画面（769px以上）では非表示 */
@media screen and (min-width: 769px) {
  .mobile-only {
    display: none !important;
  }
}}
.nav-menu {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.nav-menu img {
  width: 50px;
  height: auto;
  transition: transform 0.3s;
}

.nav-menu img:hover {
  transform: scale(1.1);
}
/* ナビゲーション内の画像スタイル */
.nav-menu a img {
  width: 50px;                  /* 画像の幅 */
  height: auto;                 /* 自動調整で縦横比を維持 */
  transition: transform 0.3s;   /* ホバー時のアニメーション */
}

/* ホバー時の効果 */
.nav-menu a img:hover {
  transform: scale(1.1);        /* 少し拡大 */
  opacity: 0.8;                 /* 透明度を少し下げる */
}

/* レスポンシブ対応（スマホ用にサイズを調整） */
@media screen and (max-width: 480px) {
  .nav-menu a img {
    width: 40px;
  }
}
.breadcrumb li:last-child::after {
    content: ""; /* 最後の項目には区切りを表示しない */
}

.breadcrumb a {
	text-decoration: none;
	color: #006666;
}

.breadcrumb a:hover {
    text-decoration: underline;
}
.cp_h1title {
  position: relative;
  text-align: center;
  z-index: 1;
}
.cp_h1title::before,
.cp_h1title::after {
  position: absolute;
  content: '';
  display: block;
  z-index: -1;
}
.cp_h1title::before {
  top: 0;
  left: 0;
  width: 100%;}
.stacked-papers {
    border-bottom:1px solid #e2e2e2;
    margin-left:auto;
    margin-right:auto;
    @include box-shadow(
      0 5px  0 -4px  $sheet-color, 
      0 5px  0 -3px  $border-color, 
      0 11px 0 -8px  $sheet-color, 
      0 11px 0 -7px  $border-color
      );
}
.menu {
  position:relative;width:210px;
  .menu__header {            background:url('https://raw.github.com/OmarKhanfer/AskNofal/master/images/category-header.png') no-repeat;
    color:#986618;
    font-family:Rockwell;
    font-size:16px;
    margin-left:-1px;
    padding:20px 0px 24px;
    position:relative;
    text-align:center;
    text-shadow: 1px 1px 1px #f8e7cb;
    width:212px;
    z-index:40;
    
  }
}
.box {
	border: 1px solid #006666; /* 枠線の太さ、スタイル、色 */
	padding: 5px; /* 枠線とテキストの間に余白を付ける */
	width: fit-content; /* テキストの長さに応じて枠の幅を調整 */
	background-color: #006666;
	color: #FFFFFF;
	font-weight: bold;
        }
.menu-items {
  background:#fff url('https://raw.github.com/OmarKhanfer/AskNofal/master/images/pink-lines.png') repeat-y 10px;
  border:solid #ddd;
  border-width:1px 1px 0px 1px;
  margin: -6px 0px 0px;
  padding: 0px;
  position: relative;
  width: 208px;
  z-index:2;
  li
  {
    border-bottom: 1px solid #ddd;
    color:#595f65;
    font-family:arial;
    font-size:12px;
    line-height: 40px;
    list-style: none;
    padding-left: 55px;
    @for $i from 1 through length($icons){
      $item: nth($icons, $i);
      &.#{$item}:before {
        background-position:$i*-30px 0px;    
      }
    } 
    
    &:hover
    {
      color:#fff;
      cursor: pointer;
      text-shadow:0 1px rgba(#000,.3);
      @include background(linear-gradient(rgba(#fbc254,1),#faad43));
      @include box-shadow(inset 0 2px 0px rgba(#fff,.3),inset 0 0 0 1px rgba(#c9761c,.4));
      @include transition(background 2s);
      @for $i from 1 through length($icons){
        $item: nth($icons, $i);
        &.#{$item}:before {
          background-position:$i*-30px -30px;    
        }
      } 
    }
    
    &:before {
      background: url(https://raw.github.com/OmarKhanfer/AskNofal/master/images/icons.png);
      content: "";
      height: 30px;
      left: 0px;
      position: absolute;
      margin: 5px 0px 0px 20px;
      width: 29px;
    }
  }
}
.main-container{
	overflow: hidden;/* フロート解除 */
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.sidebar{
	float: left;
	width: 108px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	font-weight: bolder;
	max-width: 100%;
}
.maincol{
	float: right;
	width: 600x;
	margin: 0 0 0 10px;
	max-width: 100%;
}
.miancol-container{
	margin-left: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
}
.midasi {
    position: relative;
    width: 700px;
    margin: 0 auto;
    padding: .5em .7em;
    background-color: #2589d0;
    color: #fff;
    text-align: center;
}

.midasi::before,
.midasi::after {
    position: absolute;
    bottom: -10px;
    z-index: -1;
    border-style: solid;
    border-color: #1579c0;
    content: '';
}

.midasi::before {
    left: -30px;
    border-width: 25px 25px 25px 15px;
    border-left-color: transparent;
}

.midasi::after {
    right: -30px;
    border-width: 25px 15px 25px 25px;
    border-right-color: transparent;
}

.midasi span::before,
.midasi span::after {
	position: absolute;
	bottom: -10px;
	width: 10px;
	height: 10px;
	background-color: #0C3F13;
	content: '';
}
.heading10 {
	position: relative;
	padding-top: 30px;
	font-size: 26px;
	border-bottom: 1px solid rgba(143,164,115,1.00);
	color: #006666;
}

.heading10 span {
	position: relative;
	z-index: 2;
}

.heading10::before {
	content: attr(data-en);
	position: absolute;
	top: 0px;
	left: 0;
	color: rgba(126,199,155,0.20);
	font-size: 40px;
	text-transform: uppercase;
	z-index: 1;
}
/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}
.midasi:before,
.midasi:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #565103 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

.midasi:before {
  top: 0;
}

.midasi:after {
  bottom: 0;
}
@charset "UTF-8";


body {

	background-color: #FFFFFF;
}
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
	text-align: left;
}
.textred {
	color: #F90004;
	font-weight: bold;
}

.adressarea .ada {
}

.adressarea {
	background-color: #B9F7F6;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 100%;
}
.adressarea .ada {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 14px;
	max-width: 100%;
}


#mainvi {
	margin-left: auto;
	margin-right: auto;
	width: 1500px;
	max-width: 100%;
}


article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	figure {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
}
#HEADER .Copyright2 {
	font-size: 15px;
	font-weight: bold;
}


strong,
strong *{
	font-weight:bold;
}

html{
overflow-y: scroll;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

input, textarea{
margin: 0;
padding: 0;
}

ol, ul{
list-style:none;
}

table{
border-collapse: collapse; 
border-spacing:0;
}
table td{
vertical-align:middle;
}
caption, th{
text-align: left;
}

a:focus {
outline:none;
}

/*ClearFix*/
.clearfix:after {
content: "."; 
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
}
/*-----------------------------------------------
 __BassSetting
-----------------------------------------------*/
body{
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.6;
  padding-top: 20px;
  -webkit-text-size-adjust: 100%;

  background-image: url(cssimg/bk.png);
  background-repeat: repeat-y;               /* ← 縦に繰り返す（これが重要） */
  background-size: 100% auto;                /* ← 横幅100%、高さは画像に合わせる */
  background-position: top center;
}
}
a{
	color: #A03149;
}
a:hover{
	color: #83082E;
}
.Wrapper {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	width: 1000px;
	margin: 0 auto;
	background-color: transparent; /* 背景を完全に透明に設定 */
	height: auto;
    /* opacity: 0.8; */ /* またはこれで全体を透過 */
}
/* 既存に加えて以下を強化 */
#popup-body td:first-child,
#popup-body .left,
#popup-body .sidebar,
#popup-body .nav,
#popup-body .col1 {
  display: none !important;
}

#popup-body td:last-child,
#popup-body .right,
#popup-body .main,
#popup-body .col2,
#popup-body .content {
  width: 100% !important;
  padding-left: 0 !important;
}
/*-----------------------------------------------
 __右メインエア
-----------------------------------------------*/
.Container {
	width: 760px;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: auto;
	background-color: #FFFFFF;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
	opacity: 1;
	padding-bottom: 20px;
	padding-top: 0px;
	
}
.Container2 {
	width: 760px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 0px;
	
}
/*-----------------------------------------------
 __右メインエアWHITE
-----------------------------------------------*/
.Container2 {
	width: 760px;
	 background-color: rgba(255, 255, 255, 0.0); /* 背景色のみを透過 */
}
/*-----------------------------------------------
 __右メインエア
-----------------------------------------------*/
.Container2 {
	width: 760px;
	background-color: #FFFFFF; /* 背景色のみを透過 */
	height: auto;
	
}
.top-banner{
    display: flex;
    flex-wrap:wrap;
}
.top-banner li {
    width: calc(100%/4);/*←画像を横に4つ並べる場合*/
    padding:0 5px;/*←画像の左右に5pxの余白を入れる場合*/
    box-sizing:border-box;
}
.top-banner li img {
    max-width:100%; /*画像のはみだしを防ぐ*/
    height: auto; /*画像の縦横比を維持 */
}

 
/*-----------------------------------------------
 __#HEADER
-----------------------------------------------*/
#HEADER{
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	background-color: transparent; /* 背景を完全に透明に設定 */
	position: relative;
	max-height: 100%;
}
/*-----------------------------------------------
 __TOPHEADER「ロゴ」エリア
-----------------------------------------------*/
#HEADER h1{
	width:600px;
	height:61px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto auto 20px;
	background:url("./cssimg/title_main.png") no-repeat 0 0;
	background-size:contain;
	 background-color: rgba(255, 255, 255, 0.0); /* 背景色のみを透過 */
}
#HEADER h1 a{
	display:block;
	width:100%;
	height:100%;
}
#HEADER .En{
    display: none;
}

/*-----------------------------------------------
 __TOPHEADER「テーマ」エリア
-----------------------------------------------*/

#HEADER .Theme{
	width: 350px;
	height: 57px;
	font-size: 1px;
	text-indent: -9999px;
	background: url("./cssimg/theme.png") no-repeat 0 0;
	background-size: contain;
	position: absolute;
	right: 14px;
	bottom: 34px;
	display: block !important;
}
@media screen and (max-width: 768px) {
#HEADER ..Theme {
        font-size: 16px;
    }
}
/*-----------------------------------------------
 __MainVisual
-----------------------------------------------*/
.MainVisual{
	height: 876px;
	position: relative; /* 背景色のみを透過 */
	background-image: url(cssimg/bg_visual.jpg);
	width: 760px;
}
.MainVisual h2{
	display:none;
}
.MainVisual .Outline dt{
	font-size:1px;
	text-indent:-9999px;
}
.MainVisual .Outline dd{
	font-size:1px;
	text-indent:-9999px;
}
/*-----------------------------------------------
 __右メイン「開催形式」付近
-----------------------------------------------*/
.MainVisual .Outline01{
	width: 691px;
	height: 100px;
	background: url("./cssimg/holding_format.png") no-repeat 0 0;
	background-size: contain;
	position: absolute;
	right: 21px;
	top: 31px;
}
/*-----------------------------------------------
 __右メイン「日時」付近
-----------------------------------------------*/
.MainVisual .Outline02{
	width: 760px;
	height: 876px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(cssimg/bg_visual.jpg);
	background-size: contain;
	position: absolute;
	left: 2px;
	top: 6px;
}
/*-----------------------------------------------
 __右メイン「youtube」付近
-----------------------------------------------*/
.MainVisual .BnMov{
	width: 213px;
	height: 116px;
	font-size: 1px;
	text-indent: -9999px;
	background: url("./cssimg/bn_mov_official.png") no-repeat 0 0;
	background-size: contain;
	position: absolute;
	right: 22px;
	top: 27px;
}
/*-----------------------------------------------
 __右メイン「お知らせ」付近
-----------------------------------------------*/
.MainVisual .BnMov a{
    display: block;
    width: 100%;
    height: 100%;
}
.MainVisual .BnMov a:hover{
    background-color: rgba(255,255,255,0.2);
}
.MainVisual .second{
	width:680px;
    position: absolute;
    left: 40px;
    bottom: 30px;
}
.MainVisual .WhatsNew{
	width: 680px;
	position: absolute;
	left: 51px;
	bottom: -89px;
}
.MainVisual .WhatsNew h2{
    display: block;
	font-size:125%;
	font-weight: bold;
    color: #FFF;
    text-shadow: 3px 3px 3px rgba(0,0,0.5);
    padding-bottom: 0.2em;
	border-bottom:2px solid #FFF;
}
.MainVisual .WhatsNew .Fin{
	padding: 1em 1em;
	margin-top: -2px;
	background-color: rgba(0,0,0,0.3);
	border: 2px solid rgba(235,235,235,1.00);
}
.MainVisual .WhatsNew .Fin h3{
    font-weight: bold;
    font-size: 114%;
    text-align: center;
    color: #FFF;
    margin-bottom: 0.5em;
}
.MainVisual .WhatsNew .Fin p{
    font-size: 88%;
    font-weight: bold;
    color: #FFF;
}
.MainVisual .WhatsNew .Fin .AlignRight{
    text-align: right;
}
.MainVisual .WhatsNew .Info{
/*    height: 220px;*/
    height: 160px;
    overflow-y: scroll;
    padding-top: 7px;
    background-color: rgba(0,0,0,0.3);
}
.MainVisual .WhatsNew .Info li{
    color: #FFF;
    font-weight: bold;
    font-size: 88%;
    line-height: 1.3;
    text-shadow: 3px 3px 3px rgba(0,0,0.5);
	padding:0 10px 7px 6em;
	margin-bottom:7px;
	border-bottom:1px solid rgba(255,255,255,0.5);
	position:relative;
}
.MainVisual .WhatsNew .Info li.StopServer{
    padding: 0.5em;
    font-size: 88%;
    font-weight: normal;
    line-height: 1.3;
    color: #000;
    text-shadow: 0 0 0;
    background-color: rgba(255, 255, 255, 0.8); /* 背景色のみを透過 */
    border: 2px solid #F00;
}
.MainVisual .WhatsNew .Info li.StopServer strong{
    font-size: 114%;
}
.MainVisual .WhatsNew .Info li .Date{
    font-weight: bold;
    font-family: Arial, Helvetica, "sans-serif";
	position:absolute;
	left:0.5em;
}
.MainVisual .WhatsNew .Info li a{
    font-weight: bold;
    color: #FFE500;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.MainVisual .WhatsNew .Info li a:hover{
    color: rgba(255,245,0,1.00);
}
.MainVisual .BorderBox{
    width: 680px;
    padding: 1em;
    color: #FFF;
    background-color: rgba(0,0,0,0.5);
    border: 3px solid rgba(255,223,0,1.00);
    position: absolute;
    left: 40px;
    bottom: 40px;
}
.MainVisual .BorderBox h2{
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-indent: 0;
    margin-bottom: 0.5em;
}
.MainVisual .BorderBox p{
    font-weight: bold;
}

/*-----------------------------------------------
 __NavMENU
-----------------------------------------------*/
nav{
	width: 250px;
	padding-top: 10px;
	background-color: rgba(255, 255, 255, 0.0); /* 背景色を半透明に設定 */
	/* opacity: 0.8; */ /* またはこれで全体を透過 */
	padding-bottom: 20px;
}
nav ul{
	display:flex;
	flex-direction:column;
	margin:0 auto 15px;
}
/*-----------------------------------------------
 __メニューlist
-----------------------------------------------*/
nav ul li{
	color: rgba(0,33,66,0.2);
	font-weight: bold;
	font-size: 88%;
	line-height: 1.5;
	padding: 4px 0 4px 40px;
	background-repeat: no-repeat;
	background-position: 20px 50%;
	background-image: url("./cssimg/ic_nav.png");
	background-size: 10px 10px;
	background-color: #F4F7F4;
	margin-bottom: 5px;
}
nav ul li .Blank{
	font-size:86%;
	font-weight:bold;
}
nav ul li a{
	box-sizing: content-box;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	color: rgba(21,29,37,1.00);
	text-decoration: none;
	padding: 4px 0 4px 40px;
	margin: -4px 0 -4px -40px;
	transition-property: background-color;
	transition-duration: 1s;
	transition-timing-function: ease-out;
	text-align: left;
}
nav ul li a:hover{
	color: #D10027;
	background: rgba(255,255,255,0.9) url("./cssimg/ic_nav.png") no-repeat 20px 50%;
	background-size: 10px 10px;
	border-bottom: 2pt solid #006666;
	text-align: left;
}
nav ul .Online{
	color: rgba(0,68,129,1.00);
	background-color:  #FFF;
	opacity: 0.2;
}
nav ul .Online a{
	color: rgba(0,68,129,1.00);
}
nav ul .Online a:hover{
	background: rgba(255,220,0,1.00) url("./cssimg/ic_nav.png") no-repeat 0 50%;
	background-size: 10px 10px;


}
/*-----------------------------------------------
 __メニュー[オンライン視聴サイト]ボタン
-----------------------------------------------*/
nav .BnOnline{
    width: 200px;
    height: 80px;
    font-size: 1px;
    text-indent: -9999px;
    margin: 0 auto 10px;
    background: url("./cssimg/bn_online.png") no-repeat 0 0;
    background-size: contain;
}
/*-----------------------------------------------
 __メニュー[ポスター]ボタン
-----------------------------------------------*/
nav .NavPoster{
	width:200px;
	height:283px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 20px;
	background: url("./cssimg/poster.jpg") no-repeat 0 0;
	background-size:contain;
}
/*-----------------------------------------------
 __メニューボタンエリア
-----------------------------------------------*/
nav .BnJsph82{
	width:200px;
	height:73px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background: url("./cssimg/regi_1.png") no-repeat 0 0;
	background-size:contain;
}
nav .BnJrbt{
	width:200px;
	height:73px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background: url("./cssimg/regi_2.png") no-repeat 0 0;
	background-size: contain;
}
nav .BnJsoh{
	width:200px;
	height:73px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background:  url("./cssimg/stay_b.png") no-repeat 0 0;
	background-size:contain;
}
nav .BnJeacon{
	width:200px;
	height:73px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background: url("./cssimg/con2.png") no-repeat 0 0;
	background-size:contain;
}
nav .BnJaphn{
	width:200px;
	height:67px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background: url("./cssimg/con5.png") no-repeat 0 0;
	background-size:contain;
}
nav .BnJshhe{
	width:200px;
	height:73px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background: url("./cssimg/con2.png") no-repeat 0 0;
	background-size:contain;
}
nav .BnSanei{
	width:200px;
	height:73px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background:  url("./cssimg/con4.png") no-repeat 0 0;
	background-size:contain;
}
nav .sanka{
	width:200px;
	height:77px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background: url("./cssimg/con3.png") no-repeat 0 0;
	background-size:contain;
}
nav .sanka2{
	width:200px;
	height:77px;
	font-size:1px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background: url("./cssimg/con4.png") no-repeat 0 0;
	background-size:contain;	
}
nav .BnJact a,
nav .BnSanei a,
nav .BnJshhe a,
nav .BnJaphn a,
nav .BnOnline a,
nav .BnJea2024 a,
nav .BnJsoh a,
nav .BnJsohcon a,
nav .BnJrbt a,
nav .BnJsph82 a,
nav .sanka a,
nav .sanka2 a,
nav .NavPoster a{
	display:block;
	width:100%;
	height:100%;
}
nav .BnJact a:hover,
nav .sanka a:hover,
nav .sanka2 a:hover,
nav .BnSanei a:hover,
nav .BnJshhe a:hover,
nav .BnJaphn a:hover,
nav .BnOnline a:hover,
nav .BnJea2024 a:hover,
nav .BnJsoh a:hover,
nav .BnJsohcon a:hover,
nav .BnJrbt a:hover,
nav .BnJsph82 a:hover,
nav .NavPoster a:hover{
	background: rgba(255,255,255,0.2);
}

/*-----------------------------------------------
 __メニュー[QR]ボタン
-----------------------------------------------*/
nav .QR{
    width: 60px;
    height: 60px;
    font-size: 1px;
    text-indent: -9999px;
    margin: 0 auto 10px;
    background: url("./cssimg/qr.png") no-repeat 0 0;
    background-size: contain;
}

#nav-drawer{
	background-color: transparent; /* 背景を完全に透明に設定 */
}

/*Hamburger Menu*/
#nav-drawer #nav-input,
#nav-drawer #nav-open,
#nav-drawer #nav-close{
	display:none;
}
.jimu{
	width: 200px;
	background-color: #F3F3F3;
	padding: 10px;
	font-size: 13px;
	color: #000;
	line-height: 140%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border: medium;
	box-shadow: 5px 5px 10px rgba(186,197,184,0.30); /* 影の設定 */
	    border:2px solid;
    border-image: linear-gradient(to right, #006666, #6dbdc0) 1;
}

.jimu2{
	width: 200px;
	background-color: #F3F3F3;
	padding: 10px;
	font-size: 13px;
	color: #000;
	line-height: 140%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border: medium;

}
.jimu02{
margin: 0 0 10px;
}


.jimu01{
margin: 0 0 10px;
}

/*-----------------------------------------------
 __Footer
-----------------------------------------------*/
footer{
	width: 100%;
	margin: 0 auto 0;
	background-color: #187972;
}
footer .Copyright{
	font-size: 88%;
	font-family: Arial, Helvetica, "sans-serif";
	color: #FFF;
	line-height: 40px;
	text-align: center;
}
footer .PageTop{
	width:40px;
	height:40px;
	font-size:1px;
	text-indent:-9999px;
	position:fixed;
	bottom:50px;
	right:10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
/*-----------------------------------------------
 __メニュー[PAGETOP]ボタン
-----------------------------------------------*/
footer .PageTop a{
	display: block;
	width: 100%;
	height: 100%;
	background:url("./cssimg/ic_pagetop.png") no-repeat 50% 50%;
	background-size: 40px 40px;
}
footer .PageTop a:hover{
	background:url("./cssimg/ic_pagetop.png") no-repeat 50% 50%;
	background-size: 40px 40px;
}

/*-----------------------------------------------
 __Article
-----------------------------------------------*/
.Article {
	min-height: auto;
	padding-top: 0px;
	background-position: 0%;
}
.Article h2{
	font-weight: bold;
	margin-bottom: 20px;

}
.Article h3{
	font-size: 1.1em;/* フォントサイズ */
	font-weight: bold;/* フォント太さ */
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: .5em;
	margin-bottom: 2em;
	border-left: 2px double #006666;/* 左の線 */
	border-bottom: 2px solid #E2EBDF;/* 下の線 */
	color: #242f42;/* フォント色 */
	margin-left: 20px;
	margin-right: 20px;
	background-color: #F9FFF8;
}
.Article h2 + h3{
	margin-top:30px;
}
.Article h3:first-child{
	margin-top: 10px;
	background-color: #E9EFEA;
}
.Article h4{
	font-size: 113%;
	color: rgba(25,46,103,1.00);
	margin: 1em 40px 10px 40px;
	font-weight: bold;
}
.title_01 {
	position: relative;
	padding-top: 0.5rem;
	padding-right: .5rem;
	padding-left: .5rem;
	padding-bottom: 0.5rem;
	background-color: #F9FDFF;
}

.title_01:before,
.title_01:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';

}

.title_01:before {
  top: 0;
}

.title_01:after {
  bottom: 0;
}
.Article h5{
	font-weight:bold;
	color:#333;
	margin:1em 40px 10px 40px;
}
.Article p{
	margin-top: 0;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0.5em;
}
.ListNote2 li .name {
}
.ListNote2 li .name {
	font-size: 14px;
	float: right;
}
.ListNote2 li .namea {
	float: left;
	width: 200px;
	height: 232px;
	margin-right: 10px;
}



.Article ul{
	margin:0 40px 1em 40px;
}
.Article ol{
	margin:0 40px 1em 40px;
}
.Article dl{
	margin:0 40px 1em 40px;
}
.Article figure{
	margin:0 40px 1em 40px;
	text-align:center;
}
.Article sup{
	font-size:75%;
	vertical-align:top;
}
.Article sub{
	font-size:75%;
	vertical-align:bottom;
}
.Article .Red{
	color:#F00;
}
.Article .NoColor{
    color: #000;
}
.Article strong{
	font-weight:bold;
}
.Article table{
	width: 90%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.Article table th{
	padding:0.5em 1em;
	background:#EFEFEF;
	vertical-align: middle;
	text-align: center;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.Article table td{
	padding: 0.5em 1em;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	text-align: right;
}
.Article .Flex{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.Article .ListIc li{
	padding-left:1em;
	margin-bottom:0.5em;
	position:relative;
}
.Article .ListIc li::before{
	display:inline-block;
	width:1em;
	content:"●";
	font-size:10px;
	text-align:center;
	color:rgba(0,74,156,1.00);
	position:absolute;
	left:0;
	top:0.3em;
}
.Article .ListIc li table,
.Article .ListIc li ol,
.Article .ListIc li ul{
	margin: 0.5em 0 0 0;
}
.Article .ListIc .ListNote li::before{
	font-size: 100%;
}
.Article .ListIc .ListNote2 li::before{
	font-size: 100%;
}
.Article .ListNote li{
	margin-bottom: 0.5em;
	padding-left: 1em;
	position: relative;
	text-align: left;
}
.Article .ListNote2 li{
	margin-bottom: 0.5em;
	position: relative;
	text-align: left;
}
.Article .ListNote li::before{
	display:inline-block;
	width:1em;
	color:#F00;
	position:absolute;
	left:0;
	top:0;
}
.Article .ListNote2 li::before{
	display:inline-block;
	width:1em;
	color:#F00;
	position:absolute;
	left:0;
	top:0;
}
.Article .ListNum li{
	margin-left:30px;
	margin-bottom:1em;
	list-style-type:decimal;
}
.Article .ListNum li .ListNote{
    margin: 0;
}
.Article .ListNum li .ListNote2{
    margin: 0;
}
.Article .ListNum li  li{
    margin: 0;
}
.ArticleTop .AlignRight,
.Article .AlignRight{
	text-align:right;
}
.ArticleTop .AlignCenter,
.Article .AlignCenter{
	text-align: center;
}

.ArticleTop2 .AlignRight,
.Article .AlignRight{
	text-align:right;
}
.ArticleTop2 .AlignCenter,
.Article .AlignCenter{
	text-align: center;
}
.Article .VarignMiddle{
	vertical-align: middle;
}
.Article .RevNote{
	margin:1em 10px 1em auto;
	padding:1em 0;
	border-top:1px solid #CCC;
}
.Article .FootInfo{
	padding-top:1em;
	margin:2em 40px 0;
	border-top:1px dotted #004C73;
}
.Article .FootInfo *{
	margin-left:0;
	margin-right:0;
}
.Article .Bt{
	width:60%;
	line-height:1.6;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	margin:0 auto 40px;
	padding-top:12px;
	padding-bottom:12px;
	border-radius:3px;
	background-color: rgba(0,87,175,1.00);
}
.Article .BtNoLink{
	padding-top:12px;
	padding-bottom:12px;
}
.Article .Bt a{
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: -12px;
	margin-bottom: -12px;
	background-color: rgba(255,255,255,0.00);
	text-align: center;
}
.Article .Bt a:hover{
	display: block;
	background-color: rgba(255,255,255,0.2);
	text-align: center;
}
.Article .BtCoi{
	width:60%;
	background-image:url("https://jstc2023.org/./cssimg/ic_guide.png");
	background-repeat:no-repeat;
	background-position:20px 50%;
}
.Article .BtSSL{
	width:60%;
	background-image:url("./cssimg/ic_key.png");
	background-repeat:no-repeat;
	background-position:20px 50%;
	background-size:20px;
}
.Article .BtPdf{
	background-image: url("./cssimg/ic_pdf.png");
	background-repeat:no-repeat;
	background-position:20px 50%;
	background-color:#C80F13;
	background-size:30px;
}
.Article .BtXls{
	background-image:url("./cssimg/ic_xls.png");
	background-repeat:no-repeat;
	background-position:20px 50%;
	background-color: #3CA503;
	background-size:30px;
}
.Article .BtWord{
	background-image:url("./cssimg/ic_word.png");
	background-repeat:no-repeat;
	background-position:20px 50%;
	background-color: rgba(0,147,187,1.00);
	background-size:30px;
}
.Article .BtPpt{
	background-image:url("./cssimg/ic_ppt.png");
	background-repeat:no-repeat;
	background-position:20px 50%;
	background-color: rgba(255,123,0,1.00);
	background-size:24px;
}
.Article .BtLink{
	width:60%;
	background-image:
		url("./cssimg/ic_link_left.png"),
		url("./cssimg/ic_link_right.png");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		10% 50%,
		90% 50%;
	background-size:
		15px, 15px;
}
.Article .IcPDF{
	padding-left:24px;
	padding-top:4px;
	min-height:28px;
	background:url("./cssimg/ic_link_pdf_l_dl.png") no-repeat 0 50%;
	background-size: 20px;
}
.Article .IcPPT{
	padding-left:24px;
	padding-top:4px;
	min-height:28px;
	background: url("./cssimg/ic_link_ppt_l_dl.png") no-repeat 0 50%;
	background-size: 20px;
}

/*-----------------------------------------------
 __ArticleTop
-----------------------------------------------*/
.ArticleTop{
	min-height: 500px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: transparent; /* 背景を完全に透明に設定 */
}
.ArticleTop .second{
	display:flex;
	width:680px;
	justify-content:space-between;
	margin:0 auto;
}
.ArticleTop .OfficeBox{
	display: flex;
	width: 680px;
	justify-content: space-between;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: white;
	box-shadow: 0 3px 5px rgba(179,175,175,0.22);
	-webkit-box-shadow: 0 3px 5px rgba(179,175,175,0.22);

}
.ArticleTop .OfficeBox dt{
	float: left;
	font-size: 88%;
	font-weight: bold;
	color: #000000;
	line-height: 1.3;
	padding: 0 0.5em;
	border: 1px solid #000000;
}
.no-wrap {
    white-space: nowrap;
}
.ArticleTop .OfficeBox dd{
	font-size: 88%;
	line-height: 1.5;
	color: #000000;
	padding-left: 5em;
	margin-bottom: 0.5em;
	text-align: left;
}
.ArticleTop .OfficeBox dd.Unei{
    padding-left: 7em;
}
.ArticleTop .Red{
	color:#F00;
}
.ArticleTop .WhatsNew{
	margin-top: 20px;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
.ArticleTop .WhatsNew h2{
	font-size: 125%;
	font-weight: bold;
	color: rgba(0,0,0,1.00);
	padding-bottom: 20px;
	margin-bottom: 0.3em;
	border-bottom: 1px solid rgba(0,34,66,1.00);
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.ArticleTop .WhatsNew ul{
    max-height: 240px;
    overflow-y: scroll;
}
.ArticleTop .WhatsNew li{
    padding-left: 7em;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
    border-bottom: 1px solid rgba(0,34,66,1.00);
    position: relative;
}
.ArticleTop .WhatsNew li .Date{
	position: absolute;
	top: 1px;
	left: 10px;
    
}

/*-----------------------------------------------
 __ArticleTop2
-----------------------------------------------*/
.ArticleTop2{
	min-height: 1500px;
	padding-top: 40px;
	padding-bottom: 40px;
	opacity: 0; /* メニュー全体を透過させて非表示に */
}
.ArticleTop2 .OfficeBox{
	display:flex;
	width:680px;
	justify-content:space-between;
	margin:0 auto;
}
.ArticleTop2 .OfficeBox dt{
	float: left;
	font-size: 88%;
	font-weight: bold;
	color: #000000;
	line-height: 1.3;
	padding: 0 0.5em;
	border: 1px solid #000000;
}
.ArticleTop2 .OfficeBox dd{
    font-size: 88%;
    line-height: 1.3;
    color: #000000;
    padding-left: 5em;
    margin-bottom: 0.5em;
}
.ArticleTop2 .OfficeBox dd.Unei{
    padding-left: 7em;
}
.ArticleTop2 .Red{
	color:#F00;
}
.ArticleTop2 .WhatsNew{
    margin: 0 40px 2em;
}

.ArticleTop2 .WhatsNew h2{
	font-size: 125%;
	font-weight: bold;
	color: rgba(0,0,0,1.00);
	padding-bottom: 0.2em;
	margin-bottom: 0.3em;
	border-bottom: 1px solid rgba(0,34,66,1.00);
}
.ArticleTop .WhatsNew ul{
    max-height: 240px;
    overflow-y: scroll;
}
.ArticleTop2 .WhatsNew li{
    padding-left: 7em;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
    border-bottom: 1px solid rgba(0,34,66,1.00);
    position: relative;
}
.ArticleTop2 .WhatsNew li .Date{
    position: absolute;
    top: 0em;
    left: 0;
    
}

@media only screen and (max-width: 960px){
.TopIpad{
    margin-bottom: 250px;
}
}
/*===========mobile================*/
@media only screen and (max-width: 767px){

body{
	padding-top:0;
}
.Wrapper {
	width:100vw;
	padding-top:0;
	background-size: contain;
}
.Container{
    width: 100vw;
    background-size: contain;
}
/*-----------------------------------------------
 __Hamburger Menuスマホ対応
-----------------------------------------------*/
#nav-drawer #nav-open{
	display: block;
	z-index:200;
}
#nav-drawer {
	width:0;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
	display:block;
	width: 14vw;
	height: 14vw;
	font-size:12px;
	color:#FFF;
	text-align:center;
	padding-top:2vw;
	margin:0vw 0 auto auto;
	vertical-align: middle;
	background-color:#000000;
	position: fixed;
	top:0;
	right:0;
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span {
  display: block;
  position: absolute;
	top:7vw;
	left:3vw;
  height: 1px;/*線の太さ*/
  width: 8vw;/*長さ*/
  border-radius: 3px;
  background:#FFF;
  content: '';
  cursor: pointer;
}
#nav-open span:nth-of-type(2) {
	top:10vw;
	left:3vw;
}
/*アイコン回転*/
#nav-open span {
	transition: all .4s;
}
#nav-open.Active span:nth-of-type(1){
	transform: translateY(2vw) rotate(-405deg);
}
#nav-open.Active span:nth-of-type(2){
  transform: translateY(-1vw) rotate(405deg);
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 9999;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;/*最前面に*/
	width: 86vw;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 100vw;/*最大幅（調整）*/
	height: 100%;
	background-color: rgba(227,227,227,0.95);/*背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display:none;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
	z-index:100;
}
/*-----------------------------------------------
 __Header
-----------------------------------------------*/
#HEADER {
    width: 100vw;
    height: auto;
    padding:3vw  5vw 1vw;
}
#HEADER h1{
    width: 80vw;
    height: 9.4vw;
    margin: 0 auto 1vw 0vw;
}
#HEADER .Theme{
    position: static;
    width: 60vw;
    height: 6vw;
    margin: 0 auto;
    background: url("./cssimg/theme_sp.png") no-repeat 0 0;
    background-size: contain;
}
/*-----------------------------------------------
 __nav
-----------------------------------------------*/
nav{
    width:auto;
    padding-top: 20px;
}
nav ul li{
    font-size: small;
    border-bottom: 1px solid #FFF;
}
nav .NavPoster{
    display: none;
}
nav .QR{
    display: none;
}
/*-----------------------------------------------
 __Footer
-----------------------------------------------*/
footer{
    width: 100vw;
    padding: 2vw 5vw;
}
footer .Copyright{
    font-size: small;
    text-align: left;
    line-height: 1.5;
}
footer .PageTop{
    bottom: 10px;
}
/*-----------------------------------------------
 __Mainvisual
-----------------------------------------------*/
.MainVisual{
    width: 100vw;
    height: auto;
    padding-top: 100vw;
}
.MainVisual .Outline01{
    width: 30vw;
    height: 19vw;
    background-size: contain;
    top: 0vw;
    right: 3vw;
}
.MainVisual .Outline02{
    width: 95vw;
    height: 45vw;
    top: 30vw;
    left: 5vw;
}
.MainVisual .BnMov{
    width: 30vw;
    height: 16.1vw;
    position: absolute;
    left: 3vw;
    right: inherit;
    top: 3vw;
}
.MainVisual .WhatsNew{
    width: 90vw;
    padding-top: 5vw;
    margin: 0 5vw 5vw;
    position: static;
}
.MainVisual .WhatsNew .Info{
    height: 200px;
}
.MainVisual .WhatsNew h2{
    font-size: medium;
}
.MainVisual .WhatsNew .Info li{
    font-size: x-small;
    padding-left: 0;
    text-shadow: 0 0 0 rgba(0,0,0,0);
}
.MainVisual .WhatsNew .Info li a{
    text-underline-offset: auto;
}
.MainVisual .WhatsNew .Info li .Date{
    position: static;
    display: block;
}
.MainVisual .BorderBox{
    width: 90vw;
    line-height: 1.2;
    padding: 1vw;
    bottom: 5vw;
    left: 5vw;
}
.MainVisual .BorderBox h2{
    font-size: small;
}
.MainVisual .BorderBox p{
    font-size: x-small;
}.jpeg-schedule-wrapper {
    overflow-x: auto;
    width: 100%;
  }

 /*-----------------------------------------------
 __Article
-----------------------------------------------*/
.Article {
	min-height:inherit;
	padding-top:6vw;
	padding-bottom:2vw;
	background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 110vw, rgba(255,255,255,1) 100%);
}
.Article h2{
	font-size:x-large;
	margin:0  5vw 40px 5vw;
}


.Article .proglam {
  padding: 1rem 2rem;
  border-left: 5px solid #000;
  background: #f4f4f4;
}
.Article h4{
	font-size:large;
	margin:1em 5vw 10px 5vw;
}
.Article h5{
	margin:1em 5vw 10px 5vw;
}
.Article p{
    font-size: small;
	margin:0 5vw 1em 5vw;
}
.Article ul{
   font-size: small;
	margin:0 5vw 1em 5vw;
}
.Article ol{
   font-size: small;
	margin:0 5vw 1em 5vw;
}
.Article dl{
   font-size: small;
	margin:0 5vw 1em 5vw;
}
.Article figure{
   font-size: small;
	margin:0 5vw 1em 5vw;
}
.Article table{
   font-size: small;
	margin:0 5vw 1em 5vw;
}
.Article .Bt{
	width:90vw;
}
.Article .FootInfo{
    margin-left: 5vw;
    margin-right: 5vw;
}

/*-----------------------------------------------
 __ArticleTop
-----------------------------------------------*/
.ArticleTop{
    min-height:inherit;
    padding-top: 0;
    padding-bottom: 0;
}

.ArticleTop .OfficeBox{
    width: auto;
    display: block;
    padding: 2vw 5vw;
}
.ArticleTop .OfficeBox dt{
    float: none;
    width: 7em;
    text-align: center;
    margin-bottom: 0.5em;
    margin-top: 1em;
}
.ArticleTop .OfficeBox dd{
    padding-left: 0;
    font-size: small;
}
.ArticleTop .OfficeBox dd.Unei{
    padding-left: 0;
}
.ArticleTop .OfficeBox dd .BR{
    display: none;
}
.ArticleTop .WhatsNew{
    padding-top: 5vw;
    margin-left: 5vw;
    margin-right: 5vw;
}
.ArticleTop .WhatsNew li{
    padding-left: 0;
}
.ArticleTop .WhatsNew li .Date{
    display: block;
    position: static;
    font-weight: bold;
}

// スマホの時だけ改行させるクラス
.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
}
.schedule-container .header {
  font-size: 1em !important;  /* 例：以前は 1.25em → 1em に調整 */
  padding: 4px;
}

.schedule-container .event {
  font-size: 0.9em !important; /* 小さめに調整 */
  padding: 2px 4px;
  line-height: 1.4;
}