﻿.l_substage_img {
  width: 100%;
  background-image: url("/jpn/newscenter/image/bgi-stage.jpg");
}
/* 戻るボタンここから▼ */
ul.unit_linkbtn li {
  width: auto !important;
}
ul.unit_linkbtn a {
  opacity: 0.7;
  color: white; /*darkgray text*/
  background-color: #3351a3;
  /*外枠*/
  /*border:1px #C6C6C6 solid;*/ /*middle gray*/
  box-shadow: 0 0 0 1px #C6C6C6, 0 0 0 1px white inset;
}
ul.unit_linkbtn a:hover {
  background-color: #cccccc;
}
ul.unit_linkbtn a:link:not(.linkbtn) {
  color: white;
}
ul.unit_linkbtn a:visited:not(.linkbtn) {
  color: white;
}
ul.unit_linkbtn a:hover:not(.linkbtn) {
  color: rgb(75, 75, 75);
}
ul.unit_linkbtn a:after {
  content: none;
}
/* スマートフォン用 */
@media (max-width: 768px) {
  ul.unit_linkbtn li {
    width: 100% !important;
  }
}
@media (max-width: 430px) {
  ul.unit_linkbtn {
    margin: 0 20px;
  }
  ul.unit_linkbtn li {
    padding: 5px 0;
  }
  ul.unit_linkbtn li {
    width: 100% !important;
  }
}
/*　Youtube　ここから▼　*/
.l_youtube {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 56.25%;
}
.l_youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.l_youtube_wrapper {
  float: left;
  width: 50%;
}
.l_youtube_text {
  float: left;
  width: 40%;
  margin-left: 20px;
}
.l_youtube_text p {
  margin: 40px 0 0 20px;
  ;
  line-height: 1.5em;
}
@media (max-width: 768px) {
  .l_youtube_wrapper {
    float: none;
    width: 100%;
  }
  .l_youtube_text {
    float: left;
    width: 100%;
    margin-left: 10px;
  }
}
/* 小見出し2のスタイル */
.l_col_textarea_komidashi {
  margin: 0px 0px 5px 20px;
  padding: 5px 10px 5px 10px;
  background: #F5F5F5;
  line-height: 20px;
  font-size: 1.0em;
  font-weight: bold;
}
/* 小見出し2のスタイル */
.l_col_textarea_komidashi_moji {
  border-left: 5px solid #85AA35;
  padding-left: 5px;
  font-size: 1.2em;
  line-height: 1.3em;
  color: #85AA35;
}
#award .unit_gallerybox {
  border: 4px solid #ededed;
  margin-bottom: 40px;
}
#award .upts_gallerybox_imagebox {
  float: right;
  max-height: auto;
  max-height: initial;
  margin: 25px 25px 15px 0;
}
#award .upts_gallerybox_textwrapper {
  width: 62%;
}
@media (max-width: 768px) {
  #award .upts_gallerybox_textwrapper {
    float: none;
    width: 90%;
    margin: 0 auto;
  }
  #award .upts_gallerybox_imagebox {
    float: none;
    width: 90%;
    margin: 0 auto 20px;
  }
  #award .upts_gallerybox_imagebox img {
    margin: 0 auto;
  }
}
/*新着記事　の見出し*/
.l_midashi_shinchaku {
  padding: .4em 1em;
  text-align: center;
  background-image: radial-gradient(#fff 10%, #f5f5f5 15%);
  background-size: 10px 10px;
  font-size: clamp(1.125rem, 0.875rem + 1.25vw, 1.813rem);
  font-weight: normal;
  margin-bottom: .5em;
}
/* 受賞者のコメント */
.l_award_comment_title {
  margin-top: 1.5em;
  margin-bottom: .5em;
  font-weight: normal;
}
.l_award_comment_title:before {
  content: "\f007";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  padding-right: .5em;
  color: #F4D42D;
  font-size: 1.2em;
}
.l_award_comment_title.teacher:before {
  content: "\f007";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  padding-right: .5em;
  color: #5150B1;
  font-size: 1.2em;
}
.l_award_comment {
  padding-left: 20px;
  background: #F9F9F9;
  border-radius: 5px;
  padding: 2em;
}
/* =================================
           横並びのテーブル 
 ==================================*/
.unit_table_side {
  margin: 0 auto 3em auto;
  border: 4px #E6E6E6 solid;
  padding: 2.5em 2em;
  max-width: auto;
  width: auto;
}
.unit_table_side table {
  max-width: 100%;
  border-collapse: collapse;
  box-sizing: border-box;
}
.unit_table_side table tr {
  display: block;
  box-sizing: border-box;
  padding: .2em;
  text-align: left;
  vertical-align: top;
  border-bottom: #BFBFBF 1px dotted;
  border-spacing: 0;
}
.unit_table_side table tr:last-child {
  border-bottom: none;
}
.unit_table_side table tr th {
  width: 6em;
  font-weight: bold;
  border-bottom: none;
  padding: 0;
  vertical-align: middle;
}
.unit_table_side table tr td {
  padding-left: 0;
  /* text-align: justify; */
  border-bottom: none;
}
.unit_table_side table table tr {
  border-bottom: none;
}
.unit_table_side table table tr th {
  width: 150px !important;
}
.unit_table_side table table tr td {
  padding-left: 0 !important;
}
@media screen and (max-width:960px) {
  .unit_table_side table, .unit_table_side table tbody, .unit_table_side table tr th, .unit_table_side table tr td {
    display: initial;
  }
}
/*画像エリア*/
.unit_table_side .l_award_flex div:nth-child(2) {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 1em;
}
.l_award_flex {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  grid-gap: 10px;
  font-size: .9em;
  justify-items: stretch;
  align-content: center;
  justify-content: center;
}
.l_award_flex.comment_img {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 10px;
  font-size: 1em;
  justify-items: stretch;
  align-content: center;
  justify-content: center;
}
.l_award_flex div:nth-child(2) img {
  max-width: 300px;
  width: 100%;
}
/*縦画像１枚*/
.l_award_flex div:nth-child(2) img.tate {
  max-width: 300px;
  width: 100%;
}
/*横画像１枚*/
.l_award_flex div:nth-child(2) img.yoko {
  max-width: 400px;
  width: 100%;
}
@media (max-width : 768px) {
  .l_award_flex, .l_award_flex.comment_img {
    display: block;
  }
  .l_award_flex div:first-child {
    width: 100%;
  }
  .unit_table_side .l_award_flex div:nth-child(2) {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .l_award_flex div:nth-child(2) img {
    max-width: 250px;
    width: 100%;
  }
}

span.block{
	display: inline-block;
}

.upts_img_flex_wrap_box.else{
	width: 48%;
}
@media (max-width : 768px) {
	.upts_img_flex_wrap_box.else{
		width: 100%;
	}
}

.else_text{
	text-align: left;
	display: none;
}
@media (max-width : 768px) {
	.else_text{
		display: block;
		font-size: .8em;
		margin-bottom: 1em;
	}	
}

