@charset "UTF-8";

.Course-Title {
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../images/DSC0119-trimmed.jpg);
	display: flex;
	justify-content: center;
	align-content: center;
	background-position: 30% 11%;
}

.Course-Title-content {
	width: 930px;
	height: 500px;
	background-color: rgba(255,255,255,0.45);
	display: flex;
	justify-content: center;
	align-items: center;
}

.Course-Menu {
margin-top: 30px;
}

.Course-Menu-Titlecontent {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.Course-Menu-container {
	width: 100%;
	border: 2px solid rgba(0,0,0,0.20);
	border-radius: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px 0px;
	padding: 10px;
}

.Course-Menu-container p{
	margin: 0px;
}

.Course-Menu .Menu-01 {
 background-color: #FFEBE9;
}

.Course-Menu .Menu-02 {
 background-color: #C0E8A0;
}

.Course-Menu .Menu-03 {
 background-color: #EDE9E1;
}

.Course-Menu .Menu-04 {
 background-color: #F2EFED;
}

.Course-Menu .Menu-05 {
 background-color: #FFD4CF;
}

.Course-Menu .Menu-06 {
 background-color: #FFFBD6;
}

.Course-Menu .Menu-07 {
 background-color: #C4EDFF;
}


.Course-modal {
	min-height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
}

.modal-content-text {
	background-color: rgba(255,255,255,0.59);
	margin: 40px;
	padding: 30px;
}

.modal-content-text h3{
	font-size: 1.5rem;
}

.modal-content-text a{
	font-size: 1rem;
	display: inline-block;
	color: black;
	border: 1px solid rgba(0,0,0,0.50);
	border-radius: 20px;
	padding: 5px 20px;
	margin: 10px;
	transition-duration: 0.1s;
}

.modal-content-text .menu-close{
	font-size: 1rem;
	color: black;
	border: 1px solid rgba(0,0,0,0.50);
	border-radius: 20px;
	padding: 5px 20px;
	margin: 10px;
	transition-duration: 0.1s;
}



.modal-content-text-price {
	
}

.modal-content-text-price h4{
	font-size: 1.2rem;
}
.modal-content-text-price p{
	
}

.Course-modal-BGIzenshin {
	background-position: 0% 0%;
	background-image: url(../images/lightbox_zenshinreitou.jpg);
}
.Course-modal-BGIkogao {
	background-position: 0% 0%;
	background-image: url(../images/shinsanso_01.jpg);
}
.Course-modal-BGIbikyaku {
	background-position: 0% 0%;
	background-image: url(../images/IMG_0232.jpg);
}
.Course-modal-BGIsenaka {
	background-position: 0% 0%;
	background-image: url(../images/MG_0160.jpg);
}
.Course-modal-BGIkubire {
	background-position: 0% 0%;
	background-image: url(../images/P8060244.jpg);
}
.Course-modal-BGIbihada {
	background-position: 0% 0%;
	background-image: url(../images/howto_201908_step4-1.jpg);
}
.Course-modal-BGIikumou {
	background-position: 30% 30%;
	background-image: url(../images/menu_003.png);
	background-repeat: no-repeat;
	background-size: cover;
}


.Course-Course-container{
	display: flex;
	align-content: space-between;
}

.Course-Course-content {
	border: 2px solid #35C68B;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	margin-bottom: 20px;
}

.Course-Course-content h3{
 background-color: #35C68B;
	text-align: center;
	color: white;
	font-size: large;
	padding: 30px 10px;
}

.Course-Course-text {
	display: flex ;
	flex-direction: column;
	width: 100%;
	padding: 15px;
}

.Course-Course-text-left {
margin-bottom: 20px;
}

.Course-Course-text-right {

	margin-bottom: 15px;
	text-align: justify;
}

.Course-Course-text-right h4{
	font-size: medium;
}

@media screen and (min-width:541px){

.Course-Course-text {
	flex-direction: row !important;
}
	
.Course-Course-text-left{
		max-width: 200px !important;
	}
	
.Course-Course-text-right {
margin-left: 15px;
}
	
.Course-Course-content h3{
	padding: 10px 10px !important;
	}
}

.Course-Course-button {
	display: block;
	flex-grow: 1;
	border: 2px solid #FF8C62;
	border-radius: 15px;
	margin: 15px;
	padding: 10px;
	text-align: center;
	color: #FF8C62;
}

.Course-Course {
	margin-top: 50px;
}