@charset "UTF-8";


/*---カバー画像---*/
#Top_Cover {
	width: 100%;
	height: 100%;
	background:url(../img/cover_base.jpg) no-repeat left top;
	background-size: cover;
}

#Top_Cover_Deli {
	width: 100%;
	height: 100%;
	background:url(../img/cover_base_deli.jpg) no-repeat left top;
	background-size: cover;
}

/*---サブナビ---*/
.Bg_Sub_Navi {
	width: 100%;
	background: #ddd6ca;
	padding: 20px 0;
}

/*---カラム指定---*/
.Sub_Navi_column {
	margin: 0 auto;
}
	.Sub_Navi_column .col {
		float: left;
	}
	.Sub_Navi_column.col1 .col {
		margin: 0;
		width: 100%;
	}
	.Sub_Navi_column.col2 .col {
		margin: 0 2.2% 0 0;
		width: 48.9%;
	}
	.Sub_Navi_column.col3 .col {
		margin: 0 2.2% 0 0;
		width: 31.86%;
	}
	.Sub_Navi_column.col4 .col {
		margin: 0 2.2% 0 0;
		width: 23.35%;
	}
	.Sub_Navi_column.col2 .col:nth-child(2n),
	.Sub_Navi_column.col3 .col:nth-child(3n),
	.Sub_Navi_column.col4 .col:nth-child(4n) {
		margin-right: 0;
	}
	.Sub_Navi_column.col2 .col:nth-child(2n+1),
	.Sub_Navi_column.col3 .col:nth-child(3n+1),
	.Sub_Navi_column.col4 .col:nth-child(4n+1) {
		clear: both;
	}

@media screen and (max-width:767px){
	.Sub_Navi_column {
		margin: 0;
	}
	.Sub_Navi_column.col1 .col {
		margin: 0;
		width: 100%;
	}
	.Sub_Navi_column.col2 .col {
		margin: 0 2.2% 0 0;
		width: 48.9%;
	}
	.Sub_Navi_column.col3 .col {
		margin: 0 2.2% 0 0;
		width: 31.86%;
	}
	.Sub_Navi_column.col4 .col {
		margin: 0 2.2% 0 0;
		width: 23.35%;
	}

}

/*---ボタン---*/
.Sub_Navi_button a {
	display: inline-block;
	width: 100%;
	height: 84px;
	text-align: center;
	text-decoration: none;
	background:url(../img/sub_navi.jpg) repeat-x left top;
	color: #FFF;
	line-height: 1.6em;
	font-size: 18px;
	padding-top:12px;
}

.Sub_Navi_button_On a {
	display: inline-block;
	width: 100%;
	height: 84px;
	text-align: center;
	text-decoration: none;
	background:url(../img/sub_navi_on.jpg) repeat-x left top;
	color: #FFF;
	line-height: 1.6em;
	font-size: 18px;
}

.Sub_Navi_button a:hover {
	height: 84px;
	background:url(../img/sub_navi.jpg) repeat-x left top;
	color: #000;
}

/*---背景色---*/
.Bg_Green{
	height: 120px;
	background: #a3d6ce;
	padding:0;
}

/*---見だし---*/
#Heading{
	height: 120px;
	background: url(../img/tit_01.png) no-repeat;
	background-size: 120px;
	position: relative;
	top: 20px;
	font-size: 48px;
	padding: 8px 0px 0px 150px;
}

/*---リスト(マーカーなし・カッコ)---*/
.No_Marker {
	margin:0;
}

.No_Marker li {
	list-style:none;
	text-indent:-1em;
	padding-left:1em;
}

/*---打ち消し線---*/
.del {
	color: #f00;
	text-decoration : line-through ;
}
.del span {
	color: #000;
}

/*---フォント---*/
.fcOrange { color: #ff9900;}
.fcOrange02 { color: #ff9900;}
.fcPink { color: #ff3366;}

/* ▼768px以下の場合に適用（iPad portrait以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {

	#Top_Cover {
		display: none;
	}

	.Bg_Green{
		height: 50px;
		background: #a3d6ce;
		padding:0;
		margin-bottom:20px;
	}
	
	#Heading{
		height: 60px;
		background: url(../img/tit_01.png) no-repeat left top;
		background-size: 60px;
		font-size: 18px;
		padding: 4px 0px 0px 70px;
		position: relative;
		top: 8px;
	}

	.Bg_Sub_Navi {
		width: 100%;
		background: #ddd6ca;
		padding: 10px 0;
		margin-top:30px;
	}

	.Sub_Navi_button a {
		display: inline-block;
		width: 100%;
		height: 40px;
		text-align: center;
		text-decoration: none;
		background:url(../img/sub_navi.jpg) repeat-x left top;
		color: #FFF;
		line-height: 1.3em;
		font-size: 12px;
		padding-top: 5px;
	}
	
	.Sub_Navi_button_On a {
		display: inline-block;
		width: 100%;
		height: 40px;
		text-align: center;
		text-decoration: none;
		background:url(../img/sub_navi_on.jpg) repeat-x left top;
		color: #FFF;
		line-height: 1.3em;
		font-size: 12px;
	}

	.Sub_Navi_button a:hover {
		height: 40px;
		background:url(../img/sub_navi.jpg) repeat-x left top;
		color: #000;
	}

}

/* ▼375px以上の場合に適用
------------------------------------------ */
@media only screen and (min-width: 376px) {

	#Sp_Calendar {
		display: none;
	}

}

/* ▼375px以下の場合に適用（iPad portrait以下）
------------------------------------------ */
@media only screen and (max-width: 375px) {

	#Pc_Calendar {
		display: none;
	}

}

/* ▼元データcss指定
---------------------------------------------------------------------- */

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#header,
#contents,
section,
.box_layout01,
.box_column01,
.list_inline01
{
   display: block;
   min-height: 1%;
}
.clearfix:after,
#header:after,
#contents:after,
section:after,
.box_layout01:after,
.box_column01:after,
.list_inline01:after
{
   clear: both;
   content:".";
   display: block;
   height: 0;
   visibility: hidden;
}

/*---SSL---*/
#Ssl {
   width: 130px;
}

/*---ライン---*/
.Line {
   border-top: 1px solid #dcdcdc;
   border-bottom: 1px solid #dcdcdc;
   padding: 4px 0 3px;
}

.Line_solid {
   border-top: 1px solid #dcdcdc;
}

/*---角丸---*/
.border_radius {
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

/*---リスト（黒丸）---*/
.Disc {
	margin:0px 0px 0px 18px;
}

.Disc li {
	list-style-type:disc;
}

/*---ボタン（エフェクト）---*/
.button {
	display: inline-block;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 60px;
	text-align: center;
	text-decoration: none;
	background: #4D91AB;
	color: #FFF;
	line-height: 60px;
	overflow: hidden;
	font-size: 18px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button:hover {
	background: #2D5564;
	color: #FFF;
}

/*---4カラム（リキッド）---*/
.Liquid_4box {
   display: table;
   margin: 0px;
   padding: 0px;
   width: 100%;
}

.Liquid_4box .col {
   float: left;
   display: table-cell;
   width: 24.4%;
   margin-bottom:7px;
}

.Liquid_4box .col_margin {
   float: left;
   display: table-cell;
   width: 0.8%;
   margin-bottom:7px;
}

.Liquid_4box .col img {
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

@media screen and (max-width: 640px) {
   .Liquid_4box {
      display: block;
   }
   .Liquid_4box .col {
      display: block;
      width: 100%;
      margin-bottom:7px;
   }
   .Liquid_4box .col_margin {
      display: none;
   }
}

/* !Box
----------------------------------------------------------- */
.box_column01 {
	margin: -16px 0 0 0;
}
	.box_column01 .col {
		float: left;
	}
	.box_column01.col2 .col {
		margin: 16px 2.2% 0 0;
		width: 48.9%;
	}
	.box_column01.col3 .col {
		margin: 16px 2.2% 0 0;
		width: 31.85%;
	}
	.box_column01.col4 .col {
		margin: 16px 2.2% 0 0;
		width: 23.35%;
	}
	.box_column01.col5 .col {
		margin: 16px 2.2% 0 0;
		width: 18.24%;
	}
	.box_column01.col6 .col {
		margin: 16px 2.2% 0 0;
		width: 14.83%;
		border: 1px solid #CCC;
		padding: 10px;
	}
	.box_column01.col2 .col:nth-child(2n),
	.box_column01.col3 .col:nth-child(3n),
	.box_column01.col4 .col:nth-child(4n),
	.box_column01.col5 .col:nth-child(5n),
	.box_column01.col6 .col:nth-child(6n) {
		margin-right: 0;
	}
	.box_column01.col2 .col:nth-child(2n+1),
	.box_column01.col3 .col:nth-child(3n+1),
	.box_column01.col4 .col:nth-child(4n+1),
	.box_column01.col5 .col:nth-child(5n+1),
	.box_column01.col6 .col:nth-child(6n+1) {
		clear: both;
	}
	.box_column01 a {
	}
	.box_column01 figure {
	}

@media screen and (max-width:767px){
.box_column01  {
	margin: 0;
}
	.box_column01 .col,
	.box_column01.col2 .col,
	.box_column01.col3 .col,
	.box_column01.col4 .col,
	.box_column01.col5 .col {
		float: none;
		width: auto;
		margin: 0;
		padding: 10px 0;
	}
	.box_column01.col6 .col {
		float: none;
		width: auto;
		margin: 0;
		padding: 10px;
	}
	.box_column01 figure {
		float: left;
		width: 100px;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 100%;
	}
}

/* !Table
---------------------------------------------------------- */
.table_basic01 {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
	.table_basic01 th,
	.table_basic01 td {
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 10px;
	}
	.table_basic01 th {
		background-color: #f0f0f0;
		vertical-align: top;
	}
@media screen and (max-width:767px){
.table_basic01 {
	width: 100%;
}
	.table_basic01,
	.table_basic01 thead,
	.table_basic01 tbody,
	.table_basic01 tr,
	.table_basic01 th,
	.table_basic01 td {
		width: 100%;
		display: block;
	}
	.table_basic01 th,
	.table_basic01 td {
		border-top: none;
		border-left: none;
	}
}

/*---コース名---*/
h4 {
	width: 100%;
	background: #61c5bb;
	color: #FFF;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
}
/*---コース名2---*/
h5 {
	width: 100%;
	background: #003366;
	color: #FFF;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-top: 20px;
}

/* -----------------------------------------------
Table Course
----------------------------------------------- */
.table_course {
	width: 100%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-spacing: 0px;
	margin: 0 auto;
	white-space: nowrap;
}

.table_course th {
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
}
.table_course td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 10px;
}
.table_course th {
	background-color: #BEAC9B;
	color: #fff;
}

.table_course img{width:80px; min-width:80px;}

/* -----------------------------------------------
Table Coment
----------------------------------------------- */
.table_coment {
	width: 90%;
	border-spacing: 0px;
	margin: 0 auto;
}
.table_coment td {
	padding: 10px;
}

.table_coment img{width:80px; min-width:80px;}


/*-------------- スクロールを使用する --------------*/
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
display: block;
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

/* テーブルに横スクロールバーを表示 */
@media (max-width: 640px) {
}

/* -----------------------------------------------
アコーディオン
----------------------------------------------- */
.accordion {
	min-width: 300px;
	margin: 0 auto;
}
.accordion .ac-content {
}
.accordion input {
	display: none;
}
form#mailformpro .accordion label {
	display: block;
	background: #ffe9c7;
	cursor: pointer;
	padding: 10px;
	width:100%;
	margin:0;
}
.accordion label:hover {
	background: #ffcd82;
}
.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	background: #f8eee0;
	padding: 0 10px;
}
.accordion input:checked + .ac-cont {
	height: auto;
	padding: 10px;
}

/*---リスト(マーカーなし・カッコ)---*/
.No_Marker {
	margin:0;
}

.No_Marker li {
	list-style:none;
	text-indent:-1em;
	padding-left:1em;
}

/* !Fonts -------------------------------------------------------------- */
.fwB { font-weight: bold;}
.fcYellow { color: #ffff00;}
.fcGreen { color: #009999;}
.fcRed { color: #ff0000;}
.fcPink { color: #ff3366;}
.Bg_White_02 .fcOrange { color: #eb6100;}
.fcBlack { color: #000000;}
.fz12 { font-size: 12px; line-height:1.4em;}
.fz20 { font-size: 20px; line-height:1.4em;}
.fz26 { font-size: 26px; line-height:1.4em;}
.fz36 { font-size: 36px; line-height:1.4em;}

/* !del -------------------------------------------------------------- */

 .del {
   color: #f00;
   text-decoration : line-through ;
 }
 .del span {
   color: #000;
 }

/* !Margin ------------------------------------------------------------------ */
.mt5 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt60 { margin-top:60px !important;}
.mt80 { margin-top:80px !important;}
.mb5 { margin-bottom:5px !important;}

/* !Inline Align ------------------------------------------------------------ */
.taC { text-align: center !important;}
.ImgC { display: block; margin-left: auto; margin-right: auto;}

/* !Width ------------------------------------------------------------------- */
.w30per { width: 30% !important;}
.w80per { width: 80% !important;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}


/* 申し込み終了時の表示 */
.i_lottery{display:none;}
.i_closed{display:none;}
.i_cancellation{display:none;}
.i_preparation{display:none;}

/* お知らせ枠（ベージュ色）---*/
.Frame_Beige {
   background: #fff4de;
   border:1px solid #ccc;
   padding: 10px;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   margin-bottom:10px;
}

/* ▼800px以下の場合に適用（Kindle以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 800px) {

	/* !Margin ------------------------------------------------------------------ */
	.mt5 { margin-top:5px !important;}
	.mt10 { margin-top:10px !important;}
	.mt20 { margin-top:10px !important;}
	.mt30 { margin-top:10px !important;}
	.mt40 { margin-top:20px !important;}
	.mt60 { margin-top:20px !important;}
	.mt80 { margin-top:20px !important;}
	.mb5 { margin-bottom:5px !important;}

	/* !Fonts -------------------------------------------------------------- */
	.fz12 { font-size: 12px; line-height:1.4em;}
	.fz20 { font-size: 12px; line-height:1.4em;}
	.fz26 { font-size: 12px; line-height:1.4em;}
	.fz36 { font-size: 14px; line-height:1.4em;}

}