/* ======================================= */
/* 全体の設定                              */
/* ======================================= */
* {
	color:#444444;
	margin:0px;
	padding:0px;
	word-break:break-all;
}

html {
	height:100%;
}

body{
	font-size:16px;
	height:100%;
	margin:0px;
	padding:0px;
	color:#333333;
}

#wrapper {
	background-color:#ffffff;
	max-width:1100px;
	margin:0 auto 0 auto;
	padding:40px 0 40px 0;
}



h3 {
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:10px 0 10px 0;
	line-height:1.3em;
	text-align:left;


}

p {
	padding:5px 0 5px 0;
}

span {
	display:inline-block;
}

form[name="search"] {
	display:none;
}

form[name="cond"] {
	display:none;
}

.search h1,
.details h1{
	font-size:25px;
	background-color:#c79c75;
	color:#ffffff;
	margin:30px 0 30px 0;
	border-radius:5px;
	padding:10px 0 10px 0;
	text-align:center;
       
}


/* ======================================= */
/* 検索条件選択                            */
/* ======================================= */
.cond {
	text-align:center;
}

.cond h1 {
	padding:0;
	font-style: normal;
	font-weight: 700;
	color: #666666;
	font-size: 3.0rem;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 10px 12px 12px 12px;
	margin-top: 10px;
}

.cond h2 {
	background-color:#c79c75;
	color:#ffffff;
	font-size:16px;
	padding:6px 0;
}

.cond .top {
	text-align:right;
}

.cond .top a {
	display:inline-block;
	text-decoration:none;
	text-align:center;
	min-width:150px;
	margin:0 0px 5px 0px;
	padding:10px;
	border-radius:10px;
}

.cond .top .reset {
	background-color:#dddddd;
	color:#000000;
}

.cond .top .search {
	background-color:#E42427;
	color:#ffffff;
}

.cond label {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cond input[type="checkbox"] {
	margin-right:5px;
	pointer-events: none;
}


.cond .category {
	margin-bottom:40px;
	border:solid 2px #c79c75;
	border-radius:5px;
}

.cond .category .in {
	padding:10px;
	padding-top:20px;
}

.cond .category ul {
	text-align:left;
	margin-bottom:20px;
}

.cond .category li {
	display:inline-block;
	width:25%;
}

.cond .category li div {
	background-color:#f4ece4;
	font-size:13px;
	margin:5px;
	padding:10px 5px 10px 5px;
}


.cond .kou_status {

}

.cond .kou_status ul {
	text-align:center;
	margin:20px 0 20px 0;
}
.cond .kou_status li {
	display:inline-block;
	width:25%;
	margin:5px 0 5px 0;
	padding:10px;
	text-align:left;
	border:solid 3px #F4ECE4;
	border-radius:5px;
}


.cond .nitiji {
	margin-bottom:40px;
	border:solid 2px #c79c75;
	border-radius:5px;
}

.cond .nitiji ul {
	display:inline-block;
	margin:30px 10px 30px 10px;
	padding:10px;
	border:solid 3px #F4ECE4;
	border-radius:5px;
}

.cond .nitiji li {
	display:inline-block;
}


.cond .keyword {
	margin-bottom:40px;
	text-align:center;
	border:solid 2px #c79c75;
	border-radius:5px;
}

.cond .keyword .in {
	padding:30px 10px 30px 10px;
}

.cond .keyword input[type="text"] {
	width:90%;
	padding:5px;
}


.cond .bottom {
	margin:30px 0 30px 0;
	text-align:center;
}

.cond .bottom a {
	display:inline-block;
	text-decoration:none;
	min-width:200px;
	margin:0 10px 0 10px;
	padding:20px;
	border-radius:10px;
}

.cond .bottom .search {
	background-color:#E42427;
	color:#ffffff;
}

.cond .bottom .all {
	background-color:#C79C75;
	color:#ffffff;
}

.cond .bottom .reset {
	background-color:#dddddd;
	color:#000000;
}

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

	.cond .category li {
		width:50%;
	}

	.cond .nitiji ul {
		display:block;
		margin:20px;
	}

}



/* ======================================= */
/* 一覧                                    */
/* ======================================= */
.list {

}

.list .search_cond {
	text-align:center;
}

.list .search_cond .in {
	display:inline-block;
	padding:10px;
	border:solid 1px #dddddd;
	border-radius:10px;
}

.list .search_cond table {
	text-align:left;
}
.list .search_cond th {
	vertical-align:top;
}
.list .search_cond td {
	vertical-align:top;
}


.list .top {
	display:table;
	width:100%;
}

.list .top_left {
	display:table-cell;
	text-align:left;
}
.list .top_right {
	display:table-cell;
	text-align:right;
}

.list .fix {
  display: flex;
  flex-wrap: wrap;
  border-top:solid 1px #dddddd;
}
.list .fix  .kouza {
	display:inline-block;
	width:33%;
	vertical-align:top;
	margin:0px;
	padding:15px;
	text-align:left;
	border-left:solid 1px #dddddd;
	border-bottom:solid 1px #dddddd;
}

.list .fix .kouza:nth-child(3n),
.list .fix .kouza:last-child{
   border-right:solid 1px #dddddd;
}

.list .fix .kouza:nth-child(3n){
   	width:34%;
}




.list .kouza h3{
	font-size:18px !important;
	border-bottom:double 3px #dddddd !important;
	margin-bottom:5px !important;
	padding-bottom:10px;
	height:65px;
}

.list .kouza table {
	font-size:15px;
	width:100%;
	margin:5px 0 10px 0;
	text-align:left;
}


.list .kouza th {
	font-size:80%;
	font-weight:normal;
	width:30%;
	padding:3px 0 3px 0;
	vertical-align:top;
	border-bottom:solid 1px #dddddd;
}

.list .kouza td {
	padding:3px 0 3px 0;
	vertical-align:top;
	border-bottom:solid 1px #dddddd;
}

.list .kouza td span {
	vertical-align:top;
	width:95%;
}

.list .kouza td:before {
	content:":";
}

.list .kouza img {
	width:100%;
	height:245px;
	object-fit:cover;
	object-position:0% 0%;
	
}

.list .kouza .bottun {
	display:block;
	background-color:#C79C75;
	color:#ffffff;
	text-decoration:none;
	padding:10px 0 10px 0;
	text-align:center;
	width:100%;
}

.list .kouzanone {
	text-align:center;
}


.list .bottom {
	display:table;
	width:100%;
	table-layout:fixed;
	margin-top:30px;
}

.list .bottom div {
	display:table-cell;
	text-align:center;
}

.list .bottom .left {

}

.list .bottom .mid {

}

.list .bottom .right {

}

.list .bottom ul {
	display:table;
	margin:0 auto 0 auto;
}

.list .bottom li {
	display:table-cell;
	color: #7d6f6f;
    font-size:140%;	
}

.list .bottom .mid a {
	FONT-WEIGHT: 600;
	display:inline-block;
	text-decoration:none;
	line-height:1.0em;
	min-width:42px;
	margin: 4px;
	padding:8px 0 8px 0;
	border: solid 2px #C79C75;
	border-radius:5px;
	color: #7d6f6f;

}

.list .bottom .mid .thispage {
	margin:10px;
	padding:10px;
	font-weight:bold;
}

.list .bottom .page_back a:before{ content:"<<" }
.list .bottom .page_next a:before{ content:">>" }

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

	.list .fix .kouza {
		width:100%;
	}

	.list .fix .kouza:nth-child(3n){
   	width:100%;
}


}

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

	.list .fix .kouza {
		width:50%;
	}

.list .fix .kouza:nth-child(2n),
.list .fix .kouza:last-child{
   border-right:solid 1px #dddddd;
}


}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
 	.list .fix .kouza {
		width:100%;
	}
}

/* ======================================= */
/* 詳細画面                                */
/* ======================================= */
.details {
	text-align:left;
}

.details img {
	max-width:100%;
}


.details .mosttop {
	display:table;
	width:100%;
	table-layout:fixed;
}

.details .mosttop .left {
	display:table-cell;
	text-align:left;
}

.details .mosttop .right {
	display:table-cell;
	text-align:right;
}





.details h2 {
	margin:30px 0 30px 0;
	padding:0;
	border-top:solid 1px #dddddd;
}

.details h2 .moji {
	color:#c79c75;
	padding:20px;
	border-top:solid 1px #c79c75;
}

.details h2[class="memo"] {
	padding:10px;
	text-align:left;
	border-bottom:solid 1px #dddddd;
}


.details .kou_course_bangou {
	padding:5px 0 5px 0;
	text-align:center;
	border-top:double 3px #dddddd;
	border-bottom:double 3px #dddddd;
}


.details .top {
	display:table;
	width:100%;
	table-layout:fixed;
}

.details .top .left {
	display:table-cell;
	vertical-align:top;
	text-align:center;
	padding-right: 15px;
}

.details .top .right {
	display:table-cell;
	vertical-align:top;
}

.details table {
	border-collapse:collapse;
	width:100%;
}

.details th {
	font-weight:normal;
	width:25%;
	padding:5px;
	vertical-align:top;
}

.details td {
	display:table-cell;
	padding:5px;
	vertical-align:top;
	text-align:left;
}

.details .right th,
.details .right td{
	border-bottom:solid 1px #dddddd;
}

.details .tools{
	border:solid 1px #c79c75;
        background-color: #fff7d7;
        padding:5px;
        margin-top:10px;

}
.details .tools h4{
	border-bottom:solid 1px #c79c75;
        color:#700d0e;

}

.details .box .table .td img {
	width:33%;
}

.details .bottom {
	margin:20px 0 20px 0;
	text-align:center;
}


.instructor{
	border-collapse:collapse;
	width:100%;
	border-top:double 3px #dddddd;
}

.details th {
	font-weight:normal;
	width:25%;
	padding:5px;
	vertical-align:top;
}

.instructor td {
	display:table-cell;
	padding:5px;
	vertical-align:top;
	text-align:left;
	width:50%;
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
.details {
	width:95%;
     margin:0 auto;
}
}


.details .right th,
.details .right td{
	border-bottom:solid 1px #dddddd;
}

.details .kou_photo {

}

.details .kou_photo ul {
	display:table;
	width:100%;
	table-layout:fixed;
}

.details .kou_photo li {
	display:inline-block;
	text-align:center;
		width:33.3%;
	
}

.details .kou_photo li:nth-child(n + 4) {
	display:inline-block;
	text-align:center;	
		width:25%;
}


.details .kou_photo li div {
	margin:5px;
}

.details .kou_photo li div img {
	width:100%;
	height: 250px;
	object-fit:cover;

}




/* Smart Phone View */
@media only screen and (max-width: 649px) {
.details .kou_photo li {
	.details .kou_photo li:nth-child(n + 4) ;
	display:inline-block;
	text-align:center;
	width:50%;
}

.details .kou_photo li:nth-child(n + 4) {
	width:50%;
}

.details .kou_photo li div {
	margin:5px;


}
.details .kou_photo li div img {
	width:100%;
	object-fit:cover;
	height:150px;
}
}

.details .kou_photo li[data-show_yesno="no"] {
	display:none;
}


.details .kou_youtube {

}

.details .kou_youtube ul {
	display:table;
	width:100%;
	table-layout:fixed;
}

.details .kou_youtube li {
	display:table-cell;
	text-align:center;
}

.details .kou_youtube li div {
	margin:5px;
}

.details .kou_youtube li div iframe {
	max-width:100%;
}

.details .kou_youtube li[data-show_yesno="no"] {
	display:none;
}

.details .bottom {
	display:table;
	width:100%;
	table-layout:fixed;
	margin:30px 0 30px 0;
}

.details .bottom .left {
	display:table-cell;
}

.details .bottom .right {
	display:table-cell;
}

.details .bottom a {
	display:inline-block;
	background-color:#c79C75;
	color:#ffffff;
	text-decoration:none;
	padding:10px 0 10px 0;
	border-radius:5px;
	min-width:200px;
}

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

	.details .top {
		display:block;
		width:initial;
	}

	.details .top .left {
		display:block;
	}

	.details .top .right {
		display:block;
	}

}




/* ======================================= */
/* 登録されているカテゴリ名称              */
/* ======================================= */
.cat_nametag {
	margin:2px;
	padding:1px 5px;
	border:solid 1px #ffe8ba;
	border-radius:2px;
}

.cat_nametag .mark:before {
	content:"●";
	font-size:15px;
}

.cat_nametag .text {
	font-size: 80%;
}




/* ======================================= */
/* 講座の状況                              */
/* ======================================= */
.kou_status {

}

.kou_status div {
	display:inline-block;
	margin:2px;
	padding:3px 10px;
	border-radius:2px;
	font-size: 14px;
}

.kou_status div[data-value="新設講座"] {
	background-color:#ffeb3b;
	color:#000000;
}

.kou_status div[data-value="残りわずか"] {
	background-color:#0025ff;
	color:#ffffff;
}

.kou_status div[data-value="おすすめ"] {
	background-color:#f6308f;
	color:#ffffff;
}

.kou_status div[data-value="満席"] {
	background-color:#e63708;
	color:#ffffff;
}
.kou_status div[data-value="キャンセル待ち"] {
	background-color:#e63708;
	color:#ffffff;
}
.kou_status div[data-value="開講中止"] {
	background-color:#454545;
	color:#ffffff;
}



/* ======================================= */
/* Memo                                    */
/* ======================================= */
div[data-kou_memo_yesno="しない"] {
	display:none;
}

/* ======================================= */
/* index.html表示用                         */
/* ======================================= */

.parts20 .list .kouza {
	display:inline-block;
	width:25%;
	vertical-align:top;
}

.parts20 .list .kouza .waku {
	margin:5px;
	padding:5px;
	text-align:left;
	border:solid 1px #dddddd;
}

.parts20 .list .kouza .waku h3{
	font-size:14px !important;
	border-bottom:double 3px #dddddd !important;
	margin-bottom:5px !important;
	padding-bottom:10px;
}

.parts20 .list .kouza table {
	font-size:15px;
	width:100%;
	margin:5px 0 10px 0;
	text-align:left;
}


.parts20 .list .kouza th {
	font-size:80%;
	font-weight:normal;
	width:30%;
	padding:3px 0 3px 0;
	vertical-align:top;
	border-bottom:solid 1px #dddddd;
}

.parts20 .list .kouza td {
	padding:3px 0 3px 0;
	vertical-align:top;
	border-bottom:solid 1px #dddddd;
}

.parts20 .list .kouza td span {
	vertical-align:top;
	width:95%;
}

.parts20 .list .kouza td:before {
	content:":";
}

.parts20 .list .kouza img {
	max-width:100%;
}

.parts20 .list .kouza a {
	font-size:60%;
	display:block;
	background-color:#C79C75;
	color:#ffffff;
	text-decoration:none;
	padding:5px 0 5px 0;
	text-align:center;
}

.parts20 .list .kouzanone {
	text-align:center;
}


.parts20 .list .bottom {
	display:table;
	width:100%;
	table-layout:fixed;
}

.parts20 .list .bottom div {
	display:table-cell;
	text-align:center;
}

.parts20 .list .bottom .left {

}

.parts20 .list .bottom .mid {

}

.parts20 .list .bottom .right {

}

.parts20 .list .bottom ul {
	display:table;
	margin:0 auto 0 auto;
}

.parts20 .list .bottom li {
	display:table-cell;
}

.parts20 .list .bottom .mid a {
	display:inline-block;
	text-decoration:none;
	line-height:1.0em;
	min-width:34px;
	margin:10px;
	padding:8px 0 8px 0;
	border:solid 1px #000000;
	border-radius:5px;
}

.parts20 .list .bottom .mid .thispage {
	margin:10px;
	padding:10px;
	font-weight:bold;
}

.parts20 .list .bottom .page_back a:before{ content:"<<" }
.parts20 .list .bottom .page_next a:before{ content:">>" }


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

	.parts20 .list .kouza {
		width:50%;
	}

}

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

	.parts20 .list .kouza {
		width:50%;
	}

}


.clear-s{
  clear: both;
}



.box_srcollbar .list .kouza img {
	width:100%;
	height:150px;
	object-fit:cover;
	object-position:0% 0%;
	
}

.box_srcollbar .list .kouza .waku h3{
	font-size:14px !important;
	border-bottom:double 3px #dddddd !important;
	margin-bottom:5px !important;
	padding:5px;
	text-align: left;
	height:50px;
}

.box_srcollbar .list .kouza img a{
	font-size:60%;
	display:block;
	background-color:none;
	color:#ffffff;
	text-decoration:none;
	padding:0;
	text-align:center;
}