@charset "utf-8";/* CSS Document */
/* 講座検索画面アイコン位置調整用 */
span.parent_relative {
	position: relative;
}

/* ページネーション表示調整 */
.pagination {
	font-size: 1.4rem;
}

/* Webカレンダー位置調整用 */
.my-calendar-container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	text-align: center;
}
.my-calendar-container li {
	width: 100%;
}

/* SP */
@media screen and (max-width: 1024px) {
	/* Webお申し込み内容のご確認:講師2の位置調整 */
	.koshi2{
		padding-top : 0rem !important;
	}
}

/* PC */
@media screen and (min-width: 1025px) {
	.my-calendar-container li {
		width: 33%;
	}
	/* ページネーション表示調整1025px以上 */
	.pagination {
		font-size: 1.25rem;
	}
}

.my-calendar-container li table {
	width: 96%;
	background-color: white;
	margin: 0 auto;
	margin-bottom: 1rem;
	margin-top: 1rem;
}

span.kyugyo {
	display:inline-block;
	background:#FFCCCC;
}
div.calendar {
	width:320px;
	margin: 0 auto;
}
ul.calendar {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	flex-direction:row;
}
li.calendar {
	width : 100%;
}
table.calendar {
	text-align:center;
	border-collapse:separate;
	border-spacing:1px;
	background:#CCCCCC;
	color:#222222;
	width:240px;
	margin:20px auto;;
}
@media (min-width: 640px) {
	div.calendar {
		width:640px;
		margin: 0 auto;
	}
	li.calendar {
		width : 50%;
	}
}
@media (min-width: 960px) {
	div.calendar {
		width:960px;
		margin: 0 auto;
	}
	li.calendar {
		width : calc(100% / 3);
	}
}

.my-video-btn{
	margin-right: 0.1rem !important;
	margin-left: 0.1rem !important;
	padding: 0.5rem 0.25rem !important;
}

span.webTopicsNew {
	font-weight: bold;
	color: var(--red);
	white-space: nowrap !important;
	display: inline-block;
	width: 3rem;
}

/* ログアウト */
.my-logout-button{
	background: lightgray !important;
	margin: 1rem 1rem 1rem 2rem !important;
	font-size: 0.85rem !important;
	padding: 0.25rem 1.5rem !important;
	color: #666 !important;
}

.my-logout-button.my-sp{
	margin: 0 auto !important;
	padding: 0.25rem 2rem !important;
}


/* トップページスライド写真 */
.my-slide-list{
	position: relative;
}
.my-slide-list > span {
	z-index : 50;
}
.my-slide-text_0{
	position: absolute;
	margin: 0.5rem;
	font-size: 1.5rem;
	color: red;
	font-weight: bold;
	font-family: sans-serif;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	white-space: pre-wrap;
	width: auto;
	height: auto;
	text-align: center;
}
.my-slide-text_1{
	position: absolute;
	margin: 0.5rem;
	font-size: 1.5rem;
	color: red;
	font-weight: bold;
	font-family: sans-serif;
	left: 0;
	top: 0;
	white-space: pre-wrap;
	width: auto;
	height: auto;
	text-align: left;
}
.my-slide-text_2{
	position: absolute;
	margin: 0.5rem;
	font-size: 1.5rem;
	color: red;
	font-weight: bold;
	font-family: sans-serif;
	left: 0;
	bottom: 10px;
	white-space: pre-wrap;
	width: auto;
	height: auto;
	text-align: left;
}
.my-slide-text_3{
	position: absolute;
	margin: 0.5rem;
	font-size: 1.5rem;
	color: red;
	font-weight: bold;
	font-family: sans-serif;
	right: 0;
	top: 0;
	white-space: pre-wrap;
	width: auto;
	height: auto;
	text-align: right;
}
.my-slide-text_4{
	position: absolute;
	margin: 0.5rem;
	font-size: 1.5rem;
	color: red;
	font-weight: bold;
	font-family: sans-serif;
	right: 0;
	bottom: 10px;
	white-space:pre-wrap;
	width: auto;
	height: auto;
	text-align: right;
}
@media screen and (min-width: 1025px) {
    /* PC */
    .my-slide-text_0{
        font-size: 3rem;
    }
	.my-slide-text_1{
        font-size: 3rem;
    }
	.my-slide-text_2{
        font-size: 3rem;
    }
	.my-slide-text_3{
        font-size: 3rem;
    }
	.my-slide-text_4{
        font-size: 3rem;
    }
}

.alert {
	background:#fef4f6;
	color:#f0506e;
	font-size: 1.25rem;
	padding: 0.5rem;
}

/* 講座詳細料金 */
/* PC */
@media screen and (min-width: 1025px) {
	.program-price-course {
	    flex-basis: 16.5% !important;
	}
	.program-price{
		flex-basis: 30% !important;
		min-width: 10rem !important;
	}
	#entry .button-container {
	    flex-basis: 44.5% !important;
	    justify-content: center;
	    align-items: center;
	}
	.my-program-entry-btn-wrap {
		/*width: 45%;*/
		float: right;
	}
	.my-price-meisai-wrap{
		width: 55%;
		font-size: 1.2rem;
		float: left;
	}
	.my-price-meisai {
		width: 100%;
	}
	.my-price-label{
		float: left;
	}
	.button-container {
		display: flex;
	}
}

.my-price-meisai-wrap{
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
}

.my-price-label{
	float: left;
}
.my-file-wrap{
	white-space: normal;
}
.my-file-list > li {
	list-style: square !important;
}


/* スライドマーク */
.slick-dots {
	display: none;
}

.my-overflow-hidden {
	overflow: hidden !important;
}
.my-display-block {
	display: block !important;
}

/** recommend */
.my-reco-area{
	width: 100%;
	border: 0;
	height: 415px;
}

/** 注釈 */
.my-annotation-text {
	color: red;
	font-weight: 400;
	font-size: 1.0rem;
}
.my-annotation-text-normal  {
	color: var(--black-ink);
	font-weight: 400;
	font-size: 1.0rem;
}
.my-attention-block{
	padding-left: 1.3rem;
	text-indent: -1.3rem;
}

/* 講座詳細リーフレット */
/* 通常画面では非表示 */
#my-print-wrapper {
	display: none;
}
/* 印刷時 */
@media print {
	.my-not-print{
		display: none;
	}
	body{
		background-color: transparent !important;
		margin:0;
		padding:0;
	}
	#wrapper,.school,footer{
		margin:0;
		padding:0;
	}
	@page {
		size: A5 portrait;
		margin: 0;
	}
	#my-print-wrapper {
		display: block;
		width: 210mm;
		box-sizing: border-box;
		padding: 10mm;
		margin: 0 auto;
		background-color: transparent !important;
	}
	#my-print-contents{
		border: 1px solid #a7a7a7;
		padding: 3mm;
	}
	#my-print-wrapper h1 {
		font-size: 2.5rem !important;
		color: #333 !important;
	}
	#my-print-wrapper h2{
		color: #333 !important;
	}
	.my-grid-child {
		display: flex;
	}
	.my-grid-item-1-2{
		width: 50%;
	}
	.my-grid-item-width-small {
		width: 40%;
	}
	.my-grid-item-width-medium {
		width: 60%;
	}
	.my-head-title{
		margin: 0 0 1mm 0;
		padding-bottom: 0;
	}
	.my-head-subtitle{
		margin: 0 0 1mm 0 !important;
		text-align: center;
	}
	.my-koshi-wrap{
		margin: 0;
	}
	.my-koshi-mei{
		text-align: right;
	}
	.my-discription-wrap{
		margin-bottom: 3mm;
	}
	.my-article-wrap{
		white-space: pre-wrap;
	}
	.my-image-wrap {
		width: 30%;
		margin: 0 0 3mm 2mm;
		float: right;
	}
	.my-info-wrap {
		margin-bottom: 2mm;
		clear: both;
	}
	.my-info-body{
		border: 1px solid #a7a7a7;
		padding: 1mm;
	}
	.my-info-list > dt{
		float: left;
		font-weight: bold;
	}
	.my-info-list > dd{
		margin-left: 80px;
	}
	.my-text-small-medium{
		font-size: 0.85rem;
	}
	.my-text-pre{
		white-space: pre-wrap;
	}
	.my-memo-wrap{
		margin-bottom: 2mm;
	}
	.my-annotation-wrap{
		margin-bottom: 2mm;
	}
	.my-under-line{
		margin-bottom: 2mm;
		border: 0;
		border-bottom: 1px solid #a7a7a7;
		clear: both;
	}
	.my-logo-wrap{
		margin-bottom: 2mm;
	}
	.my-header-log-img {
		width: 50mm;
	}
	.my-kyoten-wrap {
		text-align: right;
		line-height: 2rem;
	}
	.my-koza-keitai-title {
		font-size:1.2rem;
		font-weight: 600;
		border-bottom:1px solid #333;
	}
}