/* ===============================================
	common
================================================*/
.content-small-width {
	width: 655px;
	margin-left: auto;
	margin-right: auto;
}
.txt-large-skew {
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-weight: 900;
	letter-spacing: -0.02em;
	padding: 0.4em 0 0\0;
}
.txt-large-skew span {
	transform: skewX(-5deg);
	letter-spacing: .03em;
	display: block;
}
.ttl-blue {
	background-color: #0A569F;
	text-align: center;
	width: 100%;
}
h2.txt-large-skew {
	background-color: #07579E;
	color: #fff;
	text-align: center;
	font-size: 4rem;
	padding: 27px 0;
}
.btn.btn-orange {
	position: relative;
	display: block;
	text-align: left;
	background-color: #E89113;
	color: #fff;
	font-size: 3.5rem;
	width:  655px;
	padding: 20px 50px;
	box-sizing: border-box;
	line-height: 1;
	border-radius: 7px;
	margin-left: auto;
	margin-right: auto;
}
.btn.btn-orange::before {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 16px);
	right: 38px;
	background-image: url(../images/arrow_right_orange_02.png);
	width: 24px;
	height: 33px;
}


/* ===============================================
	briefing
================================================*/

/* ========== slider ==========  */
#briefing-slider-box {
	width: 100%;
}
#briefing-slider-list {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	justify-content: flex-start;
}
#briefing-head .bx-wrapper {
	max-width: 100% !important;
}
.briefing-slider-item {
	display: block;
	box-sizing: border-box;
	width: 234px;
	padding: 14px 20px;
	background-color: #F09316;
	margin-right: 24px;
}
.briefing-slider-item .slider-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.briefing-slider-item .slider-date {
	color: #000;
	font-weight: 700;
	font-size: 5rem;
	line-height: 1;
}
.briefing-slider-item .slider-place {
	box-sizing: border-box;
	background-color: #000;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 2rem;
	width: 70px;
	height: 50px;
	padding: 10px 0;
}
.briefing-slider-item .slider-txt {
	text-align: center;
	font-weight: 700;
	margin-top: 4px;
}

/* ========== briefing btn-horiz ==========  */
#briefing-head .btns-horiz {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	background-color: #0A569F;
	width: 100%;
	padding: 18px 0;
	margin-top: 84px;
}
#briefing-head .btns-horiz a {
	position: relative;
	box-sizing: border-box;
	display: block;
	width: 50%;
	height: 107px;
}
#briefing-head .btns-horiz a::before {
	content: "";
	display: block;
	position: absolute;
	background-image: url(../images/arrow_right_orange_01.png);
	width: 29px;
	height: 29px;
	top: calc(50% - 15px);
	right: 40px;
}
#briefing-head .btns-horiz a:nth-child(1) {
	border-right: 1px solid #fff;
	padding: 10px 40px;
}
#briefing-head .btns-horiz a:nth-child(2) {
	padding: 34px 40px;
}
#briefing-head .btns-horiz .large {
	display: block;
	color: #fff;
	font-size: 2.8rem;
}
#briefing-head .btns-horiz .small {
	display: block;
	color: #fff;
	font-size: 2.6rem;
	margin-top: 6px;
}
#briefing-notice {
	color: #E52018;
	font-size: 2rem;
	margin-top: 45px !important;
	margin-bottom: 0 !important;
}

#briefing-bnr-oc {
	margin-top: 36px;
}

#briefing-movie {
	margin-top: 90px;
}
#briefing-movie .briefing-movie-ttl {
	text-align: center;
	font-size: 4.3rem;
}
#briefing-movie .briefing-movie-ttl span {
	font-weight: 900;
	letter-spacing: .05em;
	color: #08569F;
}
#briefing-movie .movie-box {
	margin-top: 20px;
}

#briefing-oc-outline .briefing-oc-outline-inner {
	margin-top: 40px;
}
#briefing-oc-outline .oc-outline {
	font-size: 2.1rem;
	margin: 0;
}
#briefing-oc-outline .oc-detail {
	color: #08559F;
	font-size: 2.6rem;
	margin-top: 40px;
	margin-bottom: 0;
}
#briefing-oc-outline .oc-detail span {
	font-weight: 900;
	letter-spacing: .08em;
	color: #08559F;
}
#briefing-oc-outline .btn-box {
	position: relative;
	border-bottom: 2px solid #514D4D;
	margin-top: 64px;
	padding-bottom: 90px;
}
#briefing-oc-outline .btn-box .btn + .btn {
	margin-top: 15px;
}

#briefing-time {
	margin-top: 90px;
}
#briefing-time .head {
	font-size: 4.2rem;
	font-weight: 900;
	text-align: center;
}
#briefing-time .head span {
	color: #07579E;
	letter-spacing: .05em;
}
#briefing-time .program-list {
	margin-top: 30px;
}
#briefing-time .program-item {
	display: block;
	width: 100%;
}
#briefing-time .program-item + .program-item {
	margin-top: 64px;
}
#briefing-time .program-item .content-small-width {
	margin-top: 30px;
}
#briefing-time .program-item .title {
	font-size: 2.8rem;
}
#briefing-time .program-item .title span {
	color: #09559F;
	letter-spacing: 0.1em;
	font-weight: 900;
}
#briefing-time .description {
	font-size: 2.2rem;
	margin-top: 10px;
}

.place_list h3.txt-large-skew {
	text-align: center;
	background-color: #07579F;
}
.place_list h3.txt-large-skew span {
	font-size: 4rem;
	color: #fff;
}
.place_list .btn-box {
	margin-top: 125px;
}
.place_list .btn-box .btn + .btn {
	margin-top: 15px;
}
p.briefing-all-detail {
	font-size: 2rem;
}
#briefing-all-list {
	margin-top: 152px;
}
#briefing-all-list .time-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#briefing-all-list h2.txt-large-skew span {
	font-weight: 700;
}
#briefing-all-list .time-list li {
	font-size: 2.9rem;
}
#briefing-all-list .time-list li span {
	font-weight: 900;
	color: #09559F;
}
#briefing-all-list .btn-box {
	margin-top: 100px;
}
#map-box {
	margin-top: 70px;
}



.large-area-list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 60px;
	margin-bottom: 60px;
}
.large-area-item {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #fff;
	font-size: 2rem;
	width: 25%;
	height: 102px;
	background-color: #08569F;
}
.large-area-item span {
	display: block;
	font-weight: 700;
	color: #fff;
	width: 100%;
}

.area-column-one {
	margin-top: 50px;
}
.area-column-two {
	margin-top: 50px;
}
#briefing-all-list h2.txt-large-skew span.small {
	font-size: 3rem;
}

#web-briefing .btn-orange {
	width: 100%;
	font-size: 3.3rem;
}

#web-briefing-container {
	margin-top: 150px;
}
@media screen and (min-width: 641px) and (max-width: 820px) {
	#briefing-head .btns-horiz .large {
    font-size: 2.3rem;
	}
	#briefing-head .btns-horiz .small {
    font-size: 2.1rem;
	}
}
@media screen and (max-width: 768px) {
	.content-small-width {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px !important;
	}
	#post-345 {
		box-sizing: border-box;
		/* padding: 0 10px; */
		padding: 0;
	}
	#briefing-bnr-oc {
		width: 100%;
	}
	.btn.btn-orange {
    width: 100%;
	}
	#briefing-all-list .time-list {
    justify-content: flex-start;
	}
	#briefing-all-list .time-list li + li {
		margin-left: 30px;
	}
	.large-area-item {
		font-size: 2.6rem;
	}
	.place_list .btn-box {
    margin-top: 50px;
	}
	#briefing-all-list {
		margin-top: 50px;
	}
	#briefing-all-list .btn-box {
    margin-top:  50px;
	}
	.area-column-one + .area-column-one {
    margin-top: 50px;
	}
	.area-column-two:nth-child(-n+2) {
    margin-top: 50px;
	}
	.briefing-all-detail {
		margin-bottom: 0 !important;
	}
}

@media screen and (max-width: 640px) {
	.btn-box .btn + .btn {
    margin-top: 6px;
	}
	.place_list .btn-box .btn + .btn {
    margin-top:  6px;
	}
	#briefing .place_list #niigata .frame_date p span + span {
    display: inline-block;
    min-width: auto;
	}
	.briefing-slider-item {
    margin-right: 10px;
	}
	.briefing-slider-item .slider-txt {
		font-size: 2rem;
	}
	#briefing-head .btns-horiz a {
    height: 75px;
	}
	#briefing-head .btns-horiz a:nth-child(2) {
    padding: 25px 40px;
	}
	.briefing-slider-item .slider-date {
		font-size: 6.5rem;
	}
	.briefing-slider-item .slider-place {
		font-size: 2.2rem;
		width: 58px;
		height: auto;
		padding: 10px 0;
	}
	.briefing-slider-item .slider-head {
    width: 136px;
    margin: 0 auto;
	}
	.large-area-item {
    width: 50%;
    height: 80px;
	}
	#briefing-head {
		padding: 10px 0;
		margin-bottom: 0;
	}
	#briefing-head .head-img {
		margin-bottom: 10px;
	}
	#briefing-head .btns-horiz {
		padding: 10px 0;
		margin-top: 10px;
	}
	#briefing-head .btns-horiz a:nth-child(1) {
		height: 50px;
    padding: 7px 10px;
	}
	#briefing-head .btns-horiz a:nth-child(2) {
		height: 50px;
    padding: 18px 10px;
	}
	#briefing-head .btns-horiz a::before {
		background-size: cover;
		top: calc(50% - 8px);
		right: 10px;
    width: 16px;
    height: 16px;
	}
	#briefing-head .btns-horiz .large {
		font-size: 2rem;
	}
	#briefing-head .btns-horiz .small {
    font-size: 1.8rem;
	}
	#briefing-movie .briefing-movie-ttl {
    font-size: 3.5rem;
	}
	#briefing-notice {
    margin-top: 30px !important;
	}
	h2.txt-large-skew {
		font-size: 3rem;
    padding: 10px 0;
	}
	#briefing-oc-outline .oc-detail {
		font-size: 2.2rem;
		margin-top: 30px;
	}
	.txt-large-skew span {
		line-height: 1.3;
	}
	#briefing-oc-outline .oc-detail span {
		line-height: 1.8;
	}
	#briefing-oc-outline .btn-box {
		margin-top: 30px;
		padding-bottom: 50px;
	}
	#briefing-oc-outline .briefing-oc-outline-inner {
    margin-top: 20px;
	}
	#briefing-time .head {
    font-size: 3rem;
	}
	#briefing-time .head span {
		line-height: 1.3;
	}
	#briefing-time .program-item .title {
    font-size: 2.5rem;
	}
	#briefing-movie {
		padding: 0;
		margin-top: 50px;
	}
	#briefing-time {
		padding: 0;
		margin-top: 50px;
	}
	#briefing-time .program-list {
    margin-top: 10px;
	}
	#briefing-all-list .time-list li + li {
		margin-left: 10px;
	}
	.btn.btn-orange {
		font-size: 2.7rem;
		padding: 10px 25px 10px  15px;
	}
	.btn.btn-orange::before {
    top: calc(50% - 8px);
    right: 10px;
    width: 17px;
    height: 16px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: 50%;
	}
	#briefing-all-list .time-list li {
		font-size: 2.2rem;
	}
	.place_list h3.txt-large-skew span {
    font-size: 3rem;
		color: #fff;
		font-weight: 900;
	}
	#briefing-all-list h2.txt-large-skew span.small {
		font-size: 2.3rem;
	}
	#web-briefing .btn-orange {
    width: 100%;
    font-size: 2.8rem;
	}
}

@media screen and (max-width: 415px) {
	/* .briefing-slider-item .slider-head {
    width: 128px;
	} */
	#briefing-slider-list {
		position: relative;
		left: 26vw;
		overflow: visible !important;
	}
	.briefing-slider-item {
		width: 70vw;
	}
	#briefing .place_list #niigata .frame_date p span + span {
    display: inline-block;
    min-width: auto;
	}
	.briefing-slider-item {
    margin-right: 10px;
	}
	.briefing-slider-item .slider-date {
    font-size: 5.4rem;
	}
}