@charset "UTF-8";
.main-content .main-ttl {
 margin-bottom: 25px;
 max-width: 525px;
}
.main-content .main-txt {
 padding: 25px;
 background: #fff;
  margin-bottom: 30px;
}
.main-content .main-txt dt{
	font-weight: bold;
}
.main-content .main-txt dd{
	padding-bottom: 10px;
}
.main-content .align-r {
 text-align: right;
 font-size: 14px;
}
.main-content .main-txt .align-r p {
 margin-bottom: 8px;
}
.main-content .main-txt .align-r p:last-child {
 margin-bottom: 0;
}
.main-content .main-txt h1 {
 font-size: 19px;
 line-height: 1.35;
 text-align: center;
 margin-bottom: 25px;
}
.main-content .main-txt p {
 margin-bottom: 15px;
}
.main-content .main-box {
 background: url(../images/home/main-bg.jpg) no-repeat;
 background-size: cover;
 padding: 40px;
 background-position: left 85% bottom 0;
 margin-bottom: 60px;
}
.main-content h1 {
 margin-bottom: 15px;
 padding: 0;
 background: none;
 color: inherit;
}
.main-content .main-col {
 background: url(../images/home/main-bg.jpg) no-repeat;
 background-size: cover;
 padding: 25px;
 background-position: left 85% bottom 0;
}
.main-content .main-col .day-box {
 margin-bottom: 1px;
 font-size: 25px;
 font-weight: 600;
}
.main-content .main-col dl.detail {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 font-size: 14px;
 font-size: 20px;
 font-weight: 600;
 border-left: solid 5px #b81c22;
 padding: 10px 10px 10px 15px;
 background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 270%);
}
.main-content .main-col dl.detail dd {
 width: 87%;
 margin-top: 5px;
}
.main-content .main-col dl.detail dt {
 margin: 5px 0 0 0;
 width: 10%;
}
.main-content .main-col dl.detail dt:first-child {
 margin-top: 0;
}
.main-content .main-col dl.detail dt:first-child + dd {
 margin-top: 0;
}
.main-content .main-col dl.detail dt + dd span {
 font-weight: normal;
}
.main-content .main-col .main-box.psjm2020 h2.logo2 img {
 width: 320px;
 margin-bottom: 10px;
}
.main-content .main-col .main-box.psjm2020 {
 margin-bottom: 0;
}
.main-content .main-col .main-box.psjm2020 dl.detail {
 margin-bottom: 12px;
 border-left: solid 5px #009944;
}
.main-content .main-col .main-box.psjm2020 dl.detail:last-child {
 margin-bottom: 0;
}
.main-content .main-col .main-box.psjm2020 dl.detail dt {
 width: 13%;
}
.main-content .main-col .main-box.venue .circle {
 background: #0081cc;
 width: 80px;
 height: 80px;
 display: inline-block;
 border-radius: 100%;
 text-align: center;
 line-height: 80px;
 color: #fff;
 margin-right: 15px;
}
.main-content .main-box.venue {
 margin: 30px 0 0;
}
.main-content .main-box.venue h3 {
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 margin-bottom: 0;
}
.news-box {
 margin-top: 50px;
 /* padding: 30px; */
 /* background: #fff; */
 /* box-shadow: -1px 2px 19px -8px rgba(204, 204, 204, 0.4); */
 /* border: solid 1px #ececec; */
}
.news-box .ttl {
 margin-bottom: 12px;
 font-size: 18px;
 font-weight: bold;
 color: #333;
 border-left: solid 4px #7e71de;
 padding-left: 8px;
 padding-bottom: 2px;
}
.news-box .ttl:after {
 content: "";
 display: block;
 height: 1px;
 width: 100%;
 background: #e6e6e6;
 bottom: -3px;
 position: relative;
}
.news-box-inner {
 padding: 20px;
 background: #fff;
 /* height: 80px; */
 /*height: 30px;*/
 background: #f4f2ff;
 box-shadow: -1px 2px 19px -8px rgba(204, 204, 204, 0.4);
 border: solid 1px #ececec;
}
.news-box dl {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 font-size: 14px;
}
.news-box dl dd {
 width: 83%;
 /* margin-bottom: 15px; */
}
.news-box dl dt {
 margin: 0 10px 0 0;
 width: 15%;
 color: #7e71de;
}
.scroll_area, .jspPane, .jspContainer {
 width: 100% !important;
}
/* 全体 */
.jspContainer {
 overflow: hidden;
 position: relative;
}
/* スクロールバーを除いたエリア */
.jspPane {
 position: absolute;
}
/* 縦スクロールバー */
.jspVerticalBar {
 position: absolute;
 top: 0;
 right: 0;
 width: 10px;
 height: 100%;
 border-radius: 10px;
}
/* 横スクロールバー */
.jspHorizontalBar {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 10px;
}
/* 背景 */
.jspTrack {
 background: #d4d4d4;
 position: relative;
 border-radius: 10px;
}
/* ノブ */
.jspDrag {
 background: #afa7ab;
 position: relative;
 top: 0;
 left: 0;
 cursor: pointer;
 border-radius: 10px;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
 float: left;
 height: 100%;
}
@media (max-width: 640px) {
 .main-content .main-txt h1 {
  font-size: 17px;
 }
 .main-content .main-txt {
  padding: 15px;
  background: #fff;
 }
 .main-content .main-box {
  background-size: contain;
  padding: 20px;
  background-position: inherit;
  margin-bottom: 30px;
  background-color: #aedef9;
 }
}