@charset "UTF-8";

/*bg top image
--------------------------------------*/
main {
	padding: 0 0 0 5rem;
	
}
.main_content_area img {
	width:100%;
}

.main_content_area {
	width:100%;	
}
.sub_title {
	margin-bottom:2rem;
	width:100%;
}
.date {
	width: 100%;
	padding: 0 auto;
	margin-bottom: 1rem;
}
.plece {
	width: 100%;
	margin-bottom: 0rem;
}

.secretariat .overview_title {
	background: none;
	padding: 0;
	text-shadow: 2px 2px 3px #333;
	margin-bottom: 3px;
}

.secretariat .overview_text {
	font-size: 1.4em;
}

.secretariat .overview_text span {
	font-size: 1em;
	padding-right: 5px;
	font-weight: 300;
	letter-spacing: 0.05em;
}
.secretariat .overview_text span.name {
	font-size: 1.8rem;
}

.content_area {
	padding-top: 250px;
}

.content_area .content_left {
	width: 100%;
	
}

.content_left .entry_information {
	margin-top: 20px;
	border: solid 1px #33499D;
	background: #fff;
	display: flex;
	font-family: "BIZ UDGothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	align-items:center;
}

.entry_information .entry_information_title {
	background: #37519C;
	color: #fff;
	padding: 4% 20px;
	width: 30%;
	text-align: center;
}

.entry_information .entry_information_title p {
	padding: 5px 0 5px 5px;
	font-size: 1.8em;
	letter-spacing: 0.05em;
}

.entry_information .entry_information_content {
	width: 70%;
	padding: 10px 20px;
}

.entry_information .entry_information_content p {
	font-size: 1.8rem;
	letter-spacing: 0.1em;
	font-weight: 400;
	vertical-align:baseline;
}
.entry_information .entry_information_content p .date_start {
	position:relative;
	padding-right:30px;
}
.entry_information .entry_information_content p .date_start::after {
	counter-increment: list;
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    height: 0;
    width: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 10px solid #33499D;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.entry_information .entry_information_content p span.date {
	font-size: 1.5em;
	font-weight: 600;
	padding: 0 8px;
}
.entry_information .entry_information_content p span.week {
	letter-spacing:-0.1em;
}

/*新着情報
-----------------------------------*/

.information_wrap {
	margin-top: 20px;
	border-radius: 5px;
	border: solid 1px #0090C1;
	background: #fff;
}

.information .information_title_area{
	border-bottom: solid 1px #457CC0;
	background: #457CC0;
	padding: 5px;
}

.information_title_area .information_title {
	font-size:2em;
	color: #fff;
	font-weight: 600;
}
.information_title_area .information_new {
	margin-left: 10px;
}
.information_title_area .information_new p {
	display: inline-block;
	padding: 2px 5px;
	color: #fff;
	background: #BD172A;
	border-radius: 3px;
	letter-spacing: 0.05em;
	font-size: 1.5em;
}

.information_content {
	max-height: 220px;
	overflow: hidden;
	overflow-y: scroll;
	padding: 10px 5px 10px;
	border-radius: 0 0 5px 5px;
	background: #fff;
}

.information_content li {
	font-size: 1.4em;
	border-bottom: 1px dotted #33499D;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: top: 10px;
}

.information_content li a {
	color:#15ACA9;
	text-decoration: underline;
	font-weight: 600;
}

.information_content li .info_date {
	margin-right: 10px;
	color: #2C4198;
	font-weight: 600;
}
.thank {
	font-size:16px;
	margin-top:70px;
	border: solid 2px #0090C1;
	border-radius: 5px;
	padding: 1em;
	background: #fff;
}
.thank .title{
	text-align:center;
	font-size:20px;
	font-weight:600;
	margin-bottom:10px;
}
.thank .note {
	line-height:1.5;
}
.thank .author {
	margin-top:10px;
	text-align:right;
}

@media screen and (max-width: 999px) {
	/* 999px以下に適用されるCSS（スモールPC用） */
	main .inner {
		margin-left: 0;
	}
	
	.main_content_area {
		width: 100%
	}
	
	.main_theme_area h2 {
		margin-left: 10%;
	}
	.top_overview_area .overview_text_right {
		width: calc( 100% - 82px );
	}
	.top_overview_area .president .overview_text_bottom {
		width: calc( 100% - 82px );
	}
	.top_overview_area .place .overview_text {
		font-size: 2.4vw;
	}
	.top_overview_area .president .overview_text .overview_name {
		font-size:3vw;
	}
	.top_overview_area .president .overview_text .overview_div {
		font-size:1.6vw;
	}
	.content_area .content_left {
		width: 100%;
	}
	.content_left .entry_information {
		margin-right: 10px;
	}
	.information_wrap {
		margin-right: 10px;
	}
}
@media screen and (max-width: 900px) {
	.main_theme_area {
		
	}
	.main_theme_area h2 {
		width: 160px;
		margin-left: 0;
	}
	.top_overview_area .event_date .days span {
		font-size: 4rem;
	}
}

@media screen and (max-width: 820px) {
	/* 820px以下に適用されるCSS（タブレット用） */
	sidebar {
		width: 220px;
	}
	main {
		padding-left:2rem;
        width: calc(100% - 220px);
    }
	.main_content_area {
		width: 96%;
		padding-left: 2%;
		padding-right: 2%;
	}
	.sub_title,.date,.plece {
		width:100%;
	}
	.top_overview_area .flex {
		flex-flow:column;
	}
	.top_overview_area .event_date {
		align-items: start;
	}
	.top_overview_area .event_date .event_date_right {
        width: calc(100% - 16px);
    }
	.top_overview_area .place .overview_text_left {
		margin-bottom: 5px;
	}
	.top_overview_area .place .overview_text {
		font-size: 3rem;
	}
	.top_overview_area .president {
		flex-flow: column;
	}
	.top_overview_area .president .overview_text_bottom {
		width: auto;
	}
	.top_overview_area .president .overview_text .overview_name {
		font-size:3.5em;
	}
	.top_overview_area .president .overview_text .overview_div {
		font-size: 1.6em;
	}
	.information_wrap {
		margin-right: 0px;
	}
	.content_left .entry_information {
		margin-right: 0px;
	}
}

@media screen and (max-width: 680px) {
	main {
		padding-top: 85px;
		padding-left:0;
	}
	.main_theme_area {
		width:28%;
	}
	.main_theme_area h2 {
		padding-top:60px;
		margin: 0 0 0 15px;
		width: 100%;
	}
	.main_title {
		padding-top:170px;
	}
	main .main_content_area {
		text-align:center;
		
	}
	main .main_content_area img {
		margin: 0 auto;
		padding:10px;
		width: calc(100% - 20px);
		border-radius:5px;
		backdrop-filter: blur(5px);
	}
	main .content_area .content_left {
		width:100%;
	}
	.top_overview_area {
		padding: 1%;
		border-radius:5px;
	}
	.sub_title {
		margin-bottom:0rem;
	}
	.date {
		margin-bottom:340px;
	}
	.content_area {
		padding-top: 0;
	}
}

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	.container {
		display: flex;
		flex-flow: column-reverse;
		
	}
	.bg_main {
		background-size: auto 27%;
	}
	main .inner {
		margin: 0;
		padding: 0px 10px 0;
	}
	.bg_content {
		margin-bottom: 30px;
	}
	.main_theme_area {
		padding: 15px 0 0;
		width:100%;
		margin-left: 0;
		width:auto;
	}
	.main_theme_area h2 {
		width: auto;
		margin-left: 0;
	}
	.main_content_area {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
	main .main_content_area img {
		width:100%;
		padding:0;
	}
	.main_title {
		padding-top:155px;
		margin-bottom:50px;
	}
	.top_overview_area {
		margin-top: 20px;
	}
	.event_date.flex {
		flex-flow: column;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color:rgba(255, 255, 255, 0.6);
	}
	.top_overview_area .event_date .event_date_right{
		width: 100%;
	}
	.top_overview_area .event_date .days {
		font-size:1.6rem;
	}
	.top_overview_area .event_date .days span {
		font-size:3rem;
	}
	.top_overview_area .overview_text_right {
		width: 100%;
	}
	.top_overview_area .place .overview_text {
		font-size:3rem;
	}
	.top_overview_area .president .overview_text_bottom {
		margin-left: 0;
	}
	.top_overview_area .place, .top_overview_area .president, .top_overview_area .secretariat {
		margin: 0;
	}
	.top_overview_area .event_date .event_date_left .overview_title {
		width:auto;
	}
	.top_overview_area .event_date .event_date_right {
		margin: 0;
	}
	.place ,.president{
		
	}
	.top_overview_area .place.flex {
		padding-top: 15px;
		flex-flow: column;
		
	}
	.top_overview_area .overview_text_left .overview_title {
		width: auto;
	}
	.top_overview_area .president {
		margin: 0;
		padding: 30px 0 30px;
		
	}
	.top_overview_area .president .overview_text_left {
		
		width:100%;
	}
	.top_overview_area .president .overview_text_left .overview_title{
		width:auto;
		
	}
	.top_overview_area .president .overview_text_left .overview_title img {
		display: inline;
	}
	
	.top_overview_area .overview_text_right {
		margin: 0;
	}
	.top_overview_area .overview_text {
		
		text-shadow: none;
	}
	.secretariat .overview_title {
		font-size: 1.4em;
		color: #333;
		text-shadow: none;
	}
	.top_overview_area .president .overview_text {
		flex-flow:column;
	}
	.top_overview_area .president .overview_text .overview_name {
		margin: 0 0 5px 0;
	}

	.content_area {
		flex-flow: column-reverse;
		margin-top: 30px;
	}
	.content_area .content_left{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.content_area .entry_information {
		margin-top: 20px;
	}
	.content_right_wrap {
		display: flex;
	}
	.content_right_wrap div {
		box-shadow: none;
	}
	.content_left .entry_information {
		align-items: stretch;
	}
	.entry_information .entry_information_title {
		padding: 5% 1%;
	}
	.entry_information .entry_information_content p {
		font-size:1.5rem;
	}
	.entry_information .entry_information_content {
		padding: 5%;
	}
	sidebar {
		
	}
}