@charset "UTF-8";
/* Scss Document */
/* NEWS Style
-------------------------------------------------------- */
.slider02 #topimage {
  border-top-style: none; }

#toppage #osusume {
  width: 600px;
  float: left;
  margin-top: 20px; }
  #toppage #osusume div {
    float: left;
    margin-bottom: 40px;
    margin-left: 33px;
    width: 250px; }
  #toppage #osusume h4 {
    font-size: 110%;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    margin-bottom: 20px; }
  #toppage #osusume h5 {
    margin-top: 5px; }
  #toppage #osusume div p {
    /*	margin-top:10px;
    	display: inline-block;
    	margin-left: 60px;*/
    text-align: right; }
    #toppage #osusume div p a {
      display: block;
      /*	padding: 8px 15px;
      	font-size: 90%;
      	color: #FFF;
      	background-color: #38BA2E;
      	font-weight: bold;*/ }
  #toppage #osusume .more {
    clear: both;
    text-align: right;
    color: #F00; }
#toppage #exbox {
  border: 3px solid #ef801b;
  width: 600px;
  border-radius: 10px;
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #FFF; }
  #toppage #exbox h4 {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding: 2px 3px;
    background-color: #ef801b;
    border-radius-topleft: 7px;
    border-radius-topright: 7px; }
  #toppage #exbox p {
    clear: both;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 30px; }
  #toppage #exbox ul {
    margin-left: 30px;
    clear: both; }
    #toppage #exbox ul li {
      float: left;
      margin-bottom: 15px; }

/*
#mainimage{
	background-color: #FFFFFB;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFAD77;
	padding: 0px;
}

#mainimage #mainImg{
	margin: 0 auto;
	width:1000px;
	position:relative;
	height:330px;
}

*/
#rightspace {
  float: right;
  margin-top: 20px;
  margin-bottom: 30px;
  width: 350px; }

#toppage #news {
  border: 3px solid #A9B1B6;
  width: 350px;
  height: 530px;
  border-radius: 10px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  background-color: #FFF;
  margin-bottom: 30px; }
  #toppage #news h4 {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding: 0px 3px;
    background-color: #A9B1B6;
    border-radius-topleft: 7px;
    border-radius-topright: 7px; }
  #toppage #news dl {
    width: 94%;
    margin: 0px auto;
    padding: 10px 10px 0px 10px;
    height: 92%;
    overflow-y: scroll; }
  #toppage #news dt {
    font-size: 90%;
    margin: 0px;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 0px; }
  #toppage #news dd {
    padding: 10px 0px;
    border-bottom: 1px dotted #ddd;
    font-size: 90%;
    margin: 0px; }

#exlinks {
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  margin-bottom: 60px;
  width: 100%;
  clear: both;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 0px; }
  #exlinks h4 {
    text-align: center; }
  #exlinks ul.bottombnr {
    clear: both; }
    #exlinks ul.bottombnr li {
      float: left;
      margin-left: 15px;
      margin-top: 10px; }

.slider02 {
  height: 500px;
  width: 100%;
  background-color: #FFF;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center top\9;
  background-repeat: repeat-x\9; }

* + html .slider02 {
  background-position: center top;
  background-repeat: repeat-x; }

#toppage #osusume #top_bnr {
  width: 600px;
  margin-left: 50px; }
  #toppage #osusume #top_bnr li {
    display: inline;
    margin-left: 15px; }
    #toppage #osusume #top_bnr li:nth-child(3) a:hover {
      opacity: 0.5; }
    #toppage #osusume #top_bnr li:nth-child(3) a img {
      margin-top: 10px; }
    #toppage #osusume #top_bnr li:nth-child(odd) {
      /*margin-left:60px;*/ }

.topImg__logo {
  position: absolute;
  top: 110px;
  left: 0;
  margin: 0; }
  .topImg__logo img {
    max-width: 490px;
    height: auto; }

.topImg__youTubeArea {
  position: absolute;
  top: 130px;
  left: 530px; }

.Appreciation {
  width: 850px;
  margin: 0 auto;
  margin-top: 0px;
  border: none;
  padding: 5px 20px 0px 20px;
  margin-top: 20px; }
  .Appreciation__01 {
    width: 850px; }
    .Appreciation__01 a {
      display: block;
      width: 100%;
      background-color: #ef801b;
      color: white;
      font-weight: bold;
      font-size: 15px;
      line-height: 1.5;
      padding: 20px;
      text-decoration: none;
      transition: all 0.3s ease; }
      .Appreciation__01 a:hover {
        opacity: 0.7; }

/*開催速報*/
#osusume div#report {
  width: 600px; }
#osusume div h5 img {
  vertical-align: middle; }

#report h4 {
  font-size: 120%;
  text-align: center;
  margin-top: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: dotted;
  border-top-color: #CCC;
  border-bottom-color: #CCC;
  width: 80%;
  margin-left: 10%; }
#report h5 {
  text-align: center;
  font-size: 100%;
  margin-top: 10px; }
#report table {
  width: 80%;
  margin-left: 10%;
  border-collapse: collapse;
  border-spacing: 0; }
  #report table th {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #EFEFEF;
    border-right: 1px dotted #999; }
  #report table td {
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
    border-right: 1px dotted #999;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999; }
  #report table th:last-child, #report table td:last-child {
    border-right-style: none; }
  #report table th span, #report table td span {
    font-size: 80%; }
#report p {
  font-size: 80%;
  margin-left: 10%; }
#report ul#dayphoto {
  width: 80%;
  margin-left: 10%; }
  #report ul#dayphoto li {
    float: left;
    margin-top: 20px; }

.moving_text {
  font-size: 1.2rem;
  line-height: 2.0rem;
  color: beige;
  font-weight: bold; }

.omimai {
  width: 850px;
  margin: 0 auto;
  border: 1px solid #ccc;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 10px; }

.omimai__red {
  color: red; }

.omimai__noborder {
  text-align: center;
  margin: 20px 0; }

.youTubeArea iframe {
  margin-bottom: 10px; }

.osusume-subTitle {
  text-align: center;
  background-color: darkorange;
  color: white;
  padding: 7px;
  margin-bottom: 20px; }

.sdgs img {
  max-width: 350px;
  height: auto; }