@charset "utf-8";
/* CSS Document */

/*------------------------------------------------
  main 販社様向け情報共有プラットフォーム
------------------------------------------------*/

/* -------- Main 基本レイアウト -------- */
@media screen and (max-width: 768px) {

	article {
		width: 100vw;
	}

	h2 {
		width: 100%;
		margin-bottom: 10px !important;
	}

	.Pc_Only {
		display: none;
	}
}

/* -------- TitleVisual タイトルビジュアル -------- */

/* MediaQuery */
@media screen and (max-width: 768px) {
	.Title_Visual {
		height: calc(100vw * 0.5);
		width: 100%;
		margin: 70px auto 0 auto;
		background-size: cover;
		background-position: center center;
	}

	.Title_Text {
		top: 20px;
		font-size: 20px;
	}

	.Title_Date {
		top: calc(100vw * 0.33);
		text-align: center;
		font-size: 26px;
	}
}

@media screen and (max-width: 767px) {

	.Title_Date {
		font-size: 14px;
	}
}

/* MediaQuery End */

/* -------- Overview 概要 -------- */

/* MediaQuery */
@media screen and (max-width: 768px) {

	#Overview {
		padding: 10px;
	}

	#Overview p {
		width: 90%;
	}

	#Overview .preopen {
		font-size: 20px;
	}

	#Overview p:first-of-type {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#Overview p:last-of-type {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.mainText p {
		font-size: 16px;
	}
}
/* MediaQuery End */


/* -------- Outline 開催概要 -------- */

/* MediaQuery */
@media screen and (max-width: 768px) {
	#Outline table {
		margin: 0 auto;
		width: 100%;
	}

	#Outline table th,
	#Outline table td {
		padding: 10px;
		line-height: 28px;
	}


	#Outline Table th {
		width: 130px;
	}
}
/* MediaQuery End */


/* -------- Session セッション -------- */

/* MediaQuery */
@media screen and (max-width: 768px) {
	.Switch_Tab {
		width: 300px;
		margin: 0 auto 20px;
		padding-top: 20px;
		flex-wrap: wrap;
		justify-content: flex-start;
		border-bottom: 0px;
	}

	#Session h2 {
		margin-bottom: 20px;
	}

	.Session_Tab_Selected {
		position: relative;
		top: 0px;
		width: 130px;
		height: 55px;
		margin: 10px 10px 0;
		text-align: center;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		line-height: 51px;
		background: #CF142B;
		box-shadow: 0px 1px 10px #000000A6;
		border: 4px solid #CF142B;
		border-radius: 10px;
		z-index: 1;
	}

	.Session_Tab_NotSelected {
		position: relative;
		top: 0px;
		width: 130px;
		height: 55px;
		margin: 10px 10px 0;
		text-align: center;
		color: #2E0106;
		font-size: 16px;
		font-weight: bold;
		line-height: 53px;
		background: #FFF;
		box-shadow: 0px 1px 10px #000000A6;
		border: 2px solid #CF142B;
		border-bottom; 1px solid #707070;
		border-radius: 10px;
	}

	.fontS {
		font-size: 12px;
	}

	.fontSS {
		font-size: 10.5px;
	}

	.Session_Tab_Detail {
		width: 100%;
		padding-bottom: 20px;
	}

	.Session_Flex_Wrap {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 5px;
		max-width: 500px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.Session_Movie_Section {
		width: 100%;
		padding: 5px;
		background-color: #ECECEC;
	}

	.Session_Program {
		width: calc(100% - 20px);
		margin: 10px auto;
		padding: 10px 5px;
		border-left: none;
	}

	.col_1 {
		width: 100%;
	}

	.Session_Program_Inner {
		flex-wrap: wrap;
	}

	.icon01, .icon02, .icon03 {
		display: none;
	}

	.Session_Title {
		font-size: 16px;
		font-weight: bold;
		height: auto;
		padding: 10px 4px;
	}

	.Session_Title_Body {
		padding-top: 20px;
}
	.Session_Title_Name {
		margin-top: 0;
		font-weight: bold;
		font-size: 14px;
		background-color: #ccc;
	}

	.Session_Icon_Movie {
		display: block;
		width: 130px;
		height: 50px !important;
		text-align: center;
		font-size: 18px;
		line-height: 50px;
	}

	.Session_Icon_Pbtn {
		display: none;
	]

	.Session_Program_LeftBox {
		width: 100%;
	}

	.Session_Program_Thumb {
		position: relative;
		right: auto;
		width: 256px;
		height: 144px;
		margin: 10px auto 20px;
	}

	.Session_Program_Thumb3x2 {
		position: relative;
		width: 90%;
		height: calc(90vw * 0.66);
		margin: 10px auto 20px;
	}

	.Session_NoOpen_Thumb {
		position: relative;
		right: auto;
		width: 256px;
		height: 144px;
		margin: 10px auto 20px;
	}

	.Session_Program_Button {
		display: block;
		width: 90%;
		height: 50px;
		margin: 25px auto 0;
		line-height: 50px;
	}

	.annotation,
	.Annotation_SP {
		text-align: left;
		text-indent: -1em;
		padding-left: 1em;

	}

	.Session_Download_Button a {
		width: 90%;
		font-weight: bold;
		font-size: 16px;
	}

	.Session_NoOpen_Button {
		width: 90%;
		font-weight: bold;
		font-size: 16px;
	}

	.Entry_Form {
		width: 100%;
	}

	.Entry_Btn {
		margin: 40px auto 60px;
		}

	.Entry_Btn a {
		width: 80%;
		font-size: 22px;
		line-height: 22px;
	}
}
/* MediaQuery End */


/* -------- Entry エントリー -------- */

/* MediaQuery */
@media screen and (max-width: 768px) {

	#Entry p {
		margin: 0 10px;
	}
}
/* MediaQuery End */


/* -------- 動画視聴ページ -------- */

/* MediaQuery */
@media screen and (max-width: 768px) {
	.Movie_Header_Inner {
		padding: 5px 5px;
		height: 36px;
		position: relative;
	}

	.Movie_Wrapper {
		width: 100%;
		position: relative;
		margin: 0 auto;
		height: calc(100vw * 0.5625);
	}

	.Movie_Title {
		margin: 5px 10px;
		margin-top: 10px;
		font-size: 16px;
		line-height: 150%;
	}

	.Movie_speaker {
		margin: 5px 10px;
		color: #000;
		font-weight: bold;
		font-size: 18px;
	}

	.Movie_content {
		width: 90%;
		margin: 0 auto;
	}

	.Movie_Btn {
		width: 90%;
	}

	.Enq_Btn {
		width: 300px;
		margin: 20px auto 10px;
	}

}
/* MediaQuery End */