.wrp-coursemain .note {
	line-height: 1.4;
}

.shop-list > li:nth-child(n+2) {
	margin: 15px 0 0;
}

/* section01
-------------------------------------*/
.section01 p {
	margin: 0 0 50px 0;
}

.turai {
	margin-bottom: 2rem;
	padding: 0px;
	overflow: hidden;
}

.turai:last-child { margin-bottom: 0; }

.ryokin dl dd.price-cont {
	font-size: 0;
}

.ryokin dl dd.price-cont span {
	display: inline-block;
	font-size: 16px;
}

.ryokin dl dd.price-cont span.duration {
	width: 30%;
	text-align: right;
}

.ryokin dl dd.price-cont span.price {
	width: 70%;
	text-align: right;
}


/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/

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

/*-------------------------------------
 layout
-------------------------------------*/
.section {
	width: auto;
	/* margin: 0 6px;
	text-align: center; */
}
.section h2 {
	position: relative;
	margin: 0 -6px 25px -6px;
}


/* section01
-------------------------------------*/
.section01 {
	padding: 20px 0;
}
.section01 p {
	margin: 0 0 15px 0;
}


/* 160816è¿½å  */

/*
.turai {
	width: auto;
	margin: 0px;
	padding: 0px;
	}
*/
	
.turai .P {
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: auto;
}

.turai .P img {
	/* width: 200px; */
	max-width: 100%;
	width: auto;
	max-height: 240px;
}


.turai .TA {
	display: block;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: auto;
}

.turai .TA img.TMP {
	width: 300px;
	height: 200px;
	margin-bottom: 1em;
}

/* 160824è¿½å  */
.section01 h2 {
	position: relative;
	margin: 25px -6px;
	padding: 0 20px;
	color: #fff;
	size: 18px;
	line-height: 2.0em;
	text-align: left;
	background: #796132;
	text-align: left;
}

.section01 h3 {
	position: relative;
	margin: 25px -6px;
	padding: 0 20px;
	color: #796132;
	size: 16px;
	line-height: 2.0em;
}
	
/* reset */
.ryokin {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	}

.ryokin yoko {
	display: inline-block;
}


.ryokin {
	display: block;
	/* margin: 10px; */
	}

.ryokin dl {
	padding: 0px;
	margin: 0;
	}

.ryokin dl dt {
	padding: 5px 0;
    margin: 0;
    background: #efe4c7;
	}

.ryokin dl dd {
	padding: 5px 0;
	margin: 0;
	border-bottom: solid 1px #000;
	}

.ryokin dl dd.price-cont span {
	font-size: 14px;
	}

.ryokin dl dd.price-cont span.duration {
	text-align: left;
	}

.ryokin .las {
	border-top: none;
	}

.ryokin .ue {
	border-top: none;
	}


.ryokin .saigo {
	border-bottom: solid 2px #000;
	}

.ryokin {
	border-top: solid 1px #000;
	}
	

.ryokin dt {
	text-align: left;
	border-bottom: dotted 1px #000;
	}

.ryokin dd {
	text-align: right;
	}

}





/* PC layout
-------------------------------------------------------------------*/
@media screen and (min-width: 769px) {

.section01 h2 {
	font-weight: bold;
	margin: 10px 0px;
	padding: 20px 10px;
}

.section01 h3 {
	font-weight: bold;
}


.section01 h2 {
	position: relative;
	margin: 0;
	padding: 20px;
	color: #fff;
	size: 1.4em;
	line-height: 2.0em;
	text-align: left;
	background: #796132;
	text-align: left;
	font-weight: bold;
}

.section01 h3 {
	position: relative;
	margin: 25px -6px;
	/* padding: 0 20px; */
	color: #796132;
	size: 16px;
	line-height: 2.0em;
}

/*
.turai {
	width: 1000px;
	display: inline-block;
	margin: 20px 0 0 0;
	padding: 0px;
	}
*/
	
.turai .P {
	/* display: block;
	height: 100%;
	width: 250px; */
	width: 27.5%;
	float: left;
	/* margin: 0 20px; */
	padding: 0;
}

.turai .TA {
	display: block;
	margin: 0 20px 20px 20px;
	padding: 0;
	text-align: center;
}

.turai .TA img.TMP {
	width: 400px;
	height: 266px;
	margin-right: 1em;
}


.turai .R {
	/* width: 700px; */
	width: 70%;
	float: right;
	margin: 0;
	padding: 0;
	}


.turai p {
	padding: 0px;
	/* margin: 10px; */
}

/* reset */
.ryokin {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	}

.ryokin {
	display: block;
	/* margin: 0 20px 0 20px; */
	padding: 0;
	}


.ryokin dl {
	margin: 0;
	padding: 0;
	clear: both;
	display: block;
	}

.ryokin dl dt {
	display: block;
	margin: 0;
	padding: 10px;
	float: left;
	width: 60%;
	border-left: 2px #000 solid;
	}

.ryokin dl dt.h {
	height: 2.5em;
	padding: 15px 10px 5px 10px;
	}


.ryokin dl dd {
	display: block;
	font-size: 1.1em;
	margin: 0px;
	padding: 9px 0 9px 9px;
	width: 36%;	
	float: right;
	text-align: right;
	}

.ryokin dl dt span.s {
	font-size: 0.8em;
	}
.ryokin dl dd span.s {
	font-size: 0.7em;
	}

.ryokin dl dd.m {
	padding: 13px 10px 10px 10px;	
	}


.text-box .note {
	clear: both;
	/* margin: 15px; */
	text-align: right;
	}
}




/* ***************************** tuiki *********** */


#container {
	border-top: 1px solid #093300;
	clear: both;
	}

p.shiro {
	/* padding: 0 20px 20px;
	margin: 0px; */
	margin-bottom: 20px;
	line-height: 2em;
	}

p.atnt {
	text-align: right;
	font-size: 0.7em;
	padding: 20px;
	margin: 0px;
	}


.text-box {
	font-size: 10px;
	line-height: 0.8em;
	}

.cls {
	margin: 30px auto;
	display: block;
	width: 200px;
	text-align: center;
	padding: 0px;
	}

div.TemAc {
	margin: 20px;
	border: 1px solid #796132;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
}

p.acss {
	padding: 20px;
	margin: 0px;
	line-height: 2em;
	text-align: left;
	border-bottom: 1px dotted #796132;
	}

p.acss span {
	color: #796132;
	font-weight: bold;
	}

p.lasAc {
	padding: 20px;
	margin: 0px;
	line-height: 2em;
	text-align: left;
	border-bottom: none;
	}

p.lasAc span {
	color: #796132;
	font-weight: bold;
	}


.cls a {
	display: block;
	width: 180px;
	height: 30px;
	margin: 0px;
	line-height: 30px;
	padding: 10px 0px 10px 20px;
	border: 1px solid #ea5a02;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #ea5a02;
	background: url(https://karada39.com/images/close.png) no-repeat 60px center;
	}

.cls a:hover {
	color: #ffffff;
	background: #ea5a02 url(https://karada39.com/images/close_on.png) no-repeat 60px center;
	text-decoration: none;
	}


/*0908åç°è¿½è¨*/
.st_cv {
	margin: 30px auto;
	display: block;
	width: 320px;
	text-align: center;
	padding: 0px;
	}
	
.st_cv a {
	display: block;
	width: 300px;
	height: 50px;
	margin: 0px;
	line-height: 50px;
	padding: 10px 0px 10px 20px;
	border: 1px solid #ea5a02;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #ffffff;
	background: #ea5a02;
	}

.st_cv a:hover {
	color: #ea5a02;
	background: #ffffff;
	text-decoration: none;
	}