@charset "utf-8";

/* ================= 目次 ======================

　1.  「bxslider」		スライダー
　2.  「notice」		お知らせ（注意書き）
　3.  「dropdown」		ドロップダウン
　4.  「megaDropdown」	メガドロップダウン
　5.  「navCourse」		コースナビ
　6.  「carousel」		カルーセル
　7.  「nextLink」		ネクストリンク（テキスト・画像付き・サムネイル画像付き）
　8.  「areaTweet」		Twitterエリア
　9.  「areaInstagram」	Instagramエリア
　10. 「areaUpdate」	更新情報 ／ 「areaBlog」ブログ
　11. 「list○○○」	リスト（アイコン）
　12. 「colorbox」		モーダルウィンドウ
　13. 「accordion」		アコーディオン
　14. 「tabMenu」		タブ
　15. 「breadCrumb」	パンくず
　16. 「btn」			ボタン
　17. 「faq」			Q&A
　18. 「map」			GoogleMap
　19. 「flow」			フロー
　20. 「flowSchedule」	フロー（年間スケジュールなど）
　21. 「contactList」	コンタクト（電話・FAX・メール）
　22. 「areaYoutube」	Youtube埋め込み
　23. 「image」			イメージのフロート


============================================= */



/* ----------------------------------------------
　7.  「nextLink」ネクストリンク
---------------------------------------------- */

@media screen and (max-width: 767px) {
.nextLink > dl dt,
.nextLink > li,
.nextLinkImg > dl dt,
.nextLinkImg > li,
.nextLinkThum > dl dt,
.nextLinkThum > li {
	font-size: 1.4rem;
}
.nextLink > dl dd,
.nextLinkImg > dl dd,
.nextLinkThum > dl dd {
	font-size: 1.3rem;
}
}


/* ----------------------------------------------
　9.  「areaInstagram」Instagramエリア
---------------------------------------------- */

.areaInstagram > ul#instafeed li {
	width: 20%;
	/*display: inline-block;
	padding: 0.5%;*/
}
.areaInstagram > ul#instafeed li div.instali{
	padding-top: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}

.areaInstagram > ul#instafeed li img {
	max-width: 100%;
}

@media screen and (max-width: 767px) {
.areaInstagram > ul#instafeed li {
	width: 33.3%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	float: left;
}

.areaInstagram > ul#instafeed li div.instali{
	padding-top: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
}


.areaInstagram > ul#instafeed li:last-child {
	display: none;
}
}


/* ----------------------------------------------
　10. 「areaUpdate」更新情報 ／ 「areaBlog」ブログ
---------------------------------------------- */

.listUpdate,
.listBlog {
	border: 1px #BFEDED solid;
}
.listUpdate > dl {
	margin-bottom: 12px;
}
.listUpdate > dl:last-child {
	margin-bottom: 0;
}
.listUpdate > dl dt {
	font-size: 1rem;
	line-height: 1.2;
}
.listUpdate > dl dt,
.listUpdate > dl dd {
	float: none;
	width: auto;
	margin:0;
}
@media screen and (max-width: 767px) {
.listUpdate,
.listBlog {
	border: none;
}
.listUpdate {
	height: 140px;
	padding: 0 10px 0;
}
}

/* ----------------------------------------------
　11. list○○○
---------------------------------------------- */
ul.listAlpha li {
    list-style-position: outside;
    list-style-type: lower-alpha;
    margin-left: 2em;
}
/* ----------------------------------------------
　15. 「breadCrumb」パンくず
---------------------------------------------- */
@media screen and (min-width: 768px) {
	ul.breadcrumb {
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	ul.breadcrumb {
		margin: 40px 0 0 0;
	}
}

/* ----------------------------------------------
　16. 「btn」ボタン
---------------------------------------------- */

/* ----------------------------------------------
　17. 「faq」Q&A
---------------------------------------------- */
.faq > dl dt {
	line-height: 1.3;
}
.faq > dl dt:before,
.faq > dl dd:before {
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
@media screen and (max-width: 767px) {
	.faq > dl {
		border-bottom: 1px dashed #ddd;
		padding-bottom: 20px;
	}
	.faq > dl dt {
		position: relative;
		padding-right: 1em;
	}
	.faq > dl dt:after {
		position: absolute;
		top: 0.7em;
		right: 0;
	}
}

/* ----------------------------------------------
　22. 「areaYoutube」	Youtube埋め込み
---------------------------------------------- */
.areaYoutube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.areaYoutube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ----------------------------------------------
　23. 「image」	イメージのフロート
---------------------------------------------- */
 img.width_full {
	width:100%;
	height:auto;	
}
img.width_half {
	max-width:50%;
	height:auto;	
}
img.flL_half {
	float:left;
	max-width:50%;
	margin-right:10px;
	margin-bottom:10px;	
}
img.flR_half {
	float:right;
	max-width:50%;
	margin-left:10px;
	margin-bottom:10px;	
}