@charset "utf-8";
/* CSS Document */
/* --------------------------
	トップページ(PC・SP共通)
   -------------------------- */
#top #school_news {
	border: 2px solid #ccc;
	padding: 10px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -250px;
	width: 400px;
}
#top #school_news ul {
	list-style-type: disc;
}
#top #school_news li {
	margin-left: 1.5em;
}
#top #mv {
	position: absolute;
	top: 11em;
	left: 50%;
	margin-left: -300px;
}

/* フルコト学校生徒募集中 */
#about_school {
	background-color: #fbf7f1;
	border-top: 15px solid #eee;
	padding: 50px auto;
}
#about_school h1 {
	text-align: center;
	margin: 25px auto 1em auto;
}
#about_school h2 {
	color: #093488;
	margin-bottom: 1em;
	font-size: large;
}
#about_school>section {
	width: 530px;
	background-color: #FFF;
	margin: 0 auto;
	padding: 10px;
}
#about_school .description {
	margin-left: 20px;
	border-left: 5px solid #8380b6;
	padding: 15px 0 10px 10px;
	text-indent: 1em;
}
#about_school p {
	margin-bottom: 1em;
}
#about_school figure {
	padding: 15px 0;
	text-align: center;
}


/* -------------------
	授業(PC・SP共通)
   ------------------- */
.course section {
	position: absolute;
	top: 0;
	right: 20px;
	width: 700px;
}
.course .course_info {
	float: left;
	background-color: #fffcda;
	border: 2px solid #e48c6a;
	margin: 0 30px;
	padding: 10px;
	width: 250px;
}
.course .course_info dl {
	margin-bottom: 10px;
}
.course .course_info dt {
	font-weight: bold;
	text-align: center;
	padding: 2px;
	box-shadow: 2px 2px 2px #ccc;
	margin-bottom: 0.5em;
	width: 4em;
}
.course .course_info dd {
	margin-left: 1em;
}
.course .course_info .date dt {
	background-color: #f6c25f;
}
.course .course_info .place dt {
	background-color: #bfbc4e;
}
.course .course_info .charge dt {
	background-color: #e89d28;
}
.course .course_info p {
	border-top: 1px dotted #ccc;
	font-size: small;
	width: 90%;
	padding-top: 10px;
	margin: 0 auto;
}
.course .course_description {
	clear: both;
	width: 600px;
	margin: 50px auto 25px auto;
}
.course .course_description h2 {
	font-size: x-large;
	font-weight: bold;
	color: #ca3380;
	border-bottom: 5px solid #fadba2;
	margin: 10px auto;
}
.course .course_description p {
	margin-bottom: 1em;
}
.course .tokuten {
	font-size: large;
	font-weight: bold;
	color: #b21e23;
	width: 600px;
	margin: 30px auto;
}
.course .notes {
	width: 600px;
	margin: 30px auto;
}
.course .teacher {
	box-sizing: border-box;
	width: 600px;
	padding: 10px;
	margin: 30px auto;
}
.course .coursename {
	color: #113464;
	font-weight: bold;
	margin-top: 0.5em;
}
.course .teacher dl {
	font-size: large;
	font-weight: bold;
	line-height: 1.5em;
	margin: 5px 0 5px 14px;
}
.course .teacher dd {
	margin-top: -1.5em;
	margin-left: 3em;
}
.course .teacher .description {
	float: right;
	margin: 0 10px;
	width: 400px;
}
.course .teacher figure {
	margin-left: 14px;
	margin-bottom: 1em;
}
/*--　御朱印のみ --*/
#goshuin .teacher {
	background-color: #d6eefb;
}
#goshuin .coursename {
	color: #113464;
}
#goshuin .teacher .description {
	width: 95%;
}
.course #hyoushi_info {
	clear: both;
	width: 600px;
	margin: 50px auto 25px auto;
}
#goshuin #hyoushi_info h2  {
	font-size: x-large;
	font-weight: bold;
	color: #ca3380;
	border-bottom: 5px solid #fadba2;
	margin: 10px auto;
}
#goshuin #hyoushi_list {
	margin-bottom: 50px;
}
/*--　チョコのみ --*/
#choco .teacher {
	background-color: #e5f1e3;
}
#choco .coursename {
	color: #376828;
}
/*--　陀羅尼のみ --*/
#darani .teacher.nakano {
	background-color: #f4dcde;
}
#darani .coursename.nakano {
	color: #b21e23;
}
#darani .teacher.kaneda {
	background-color: #f8fae2;
}
#darani .coursename.kaneda {
	color: #96341d;
}
#darani aside#ichikura {
	width: 600px;
	margin: 0 auto;
	border: 2px solid #ccc;
	padding: 5px;
}
#darani aside#ichikura h2{
	background-color: #113464;
	color: #fff;
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px;
}

/*--　神道のみ --*/
#shinto .teacher {
	background-color: #f8e2d0;
}
#shinto .coursename {
	color: #d7521a;
}
/*--　デコ巻き寿司のみ --*/
#dekozushi .teacher {
	background-color: #e8deee;
}
#dekozushi .coursename {
	color: #854a99;
}
/*--　天平Barのみ --*/
#bar .teacher {
	border: 1px double #e2b28f;
}
#bar .teacher>p {
	font-size: large;
	font-weight: bold;
	line-height: 1.5em;
	margin: 5px 0 5px 14px;
}

/*--　追加授業のみ --*/
#aditionTo #main p {
	clear: both;
}
#aditionTo #main li {
	margin-left: 40px;
}
#aditionTo section>section {
	position: static;
}
#aditionTo #sec1 figure img {
	width: 600px;
	height: auto;
}
#aditionTo #sec2 figure img {
	width: 600px;
	height: auto;
}
#aditionTo #sec3 figure img {
	width: 250px;
	height: auto;
}

/*--　いまことぶみ --*/
#imakotobumi #main h1 {
	font-size: x-large;
	font-weight: bold;
	color: #ca3380;
	border-bottom: 5px solid #fadba2;
	margin: 10px auto;
}
#imakotobumi #main p {
	margin-bottom: 2em;
}
#imakotobumi #main ul {
	list-style-type: circle;
	margin-left: 30px;
}
#imakotobumi section>section {
	position: static;
}
#imakotobumi #main h2 {
	display: none;
}

/* ----------------------------
	時間割・マップ(PC・SP共通)
   ---------------------------- */
#time_table h1,
#map h1 {
	display: none;
}
#time_table section,
#map section#main {
	position: absolute;
	top: 0;
	right: 20px;
	width: 700px;
}

/* ----------------------------
	マップのみ
   ---------------------------- */
#map h2 {
	color: #093488;
	line-height: 2em;
	font-size: large;
}
#map #main ul {
	margin: 1em auto;
	list-style-type: disc;
	line-height: 2em;
}
#map #main li {
	margin-left: 2em;
}


/* ============ スマートフォン用の設定 ============ */
@media only screen and (max-width: 739px) {
/* -----------------------
	トップページ(SP専用)
   ----------------------- */
#top #school_news {
	position: absolute;
	top: -14em;
	left: 0;
	margin: 0 auto;
	width: 95%
}

#top #mv img {
	width: 100%;
	height: auto;
}
#top #mv {
	position: static;
	margin-left: 0;
}

#top #gnav {
	margin: 15em auto 10px auto;
}

/* フルコト学校生徒募集中 */
#about_school h1 img {
	width: 235px;
	height: auto;
}
#about_school>section {
	width: 90%;
}
#about_school .description {
	margin-left: 10px;
	padding: 10px 0 5px 5px;
}
#about_school figure img{
	width: 265px;
	height: auto;
}


/* -------------------
	授業(PC・SP共通)
   ------------------- */
.course section {
	position: static;
	width: 95%;
	margin: 0 auto;
}
.course h1 img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.course figure {
	text-align: center
}
.course .course_info {
	float: none;
	background-color: #fffcda;
	border: 2px solid #e48c6a;
	margin: 0 auto;
	padding: 10px;
	width: 80%;
}
.course .course_description {
	width: 95%;
	margin: 25px auto 25px auto;
}
.course .tokuten {
	font-size: large;
	font-weight: bold;
	color: #b21e23;
	width: 95%;
	margin: 30px auto;
}
.course .notes {
	width: 95%;
	margin: 30px auto;
}
.course .teacher {
	width: 95%;
}
.course .teacher .description {
	float: none;
	width: 100%;
}
.course .teacher figure {
	margin-left: 0;
}
.course .teacher figure img {
	width: 100px;
	height: auto;
}
#darani aside#ichikura {
	width: 95%;
}
/*--　御朱印のみ --*/
#goshuin #hyoushi_info {
	width: 95%;
	margin: 25px auto 25px auto;
}
#goshuin #hyoushi_info figure img{
	width: 95%;
	height: auto;
	margin: 25px auto 25px auto;
}
/*--　追加授業のみ --*/
#aditionTo #main li {
	margin-left: 40px;
}
#aditionTo #sec1 figure img {
	width: 95%;
	height: auto;
}
#aditionTo #sec2 figure img {
	width: 95%;
	height: auto;
}
#aditionTo #sec3 figure img {
	width: 95%;
	height: auto;
}


/* ------------------------
	時間割・マップ(SP専用)
   ------------------------ */
#time_table section,
#map section#main {
	position: static;
}
#time_table section img,
#map section img {
	margin: 0 auto;
	width: 95%;
	height: auto;
}
#map #googleMap iframe {
	width: 95%;
	margin: 0 auto;
}
#map #overview img {
	width: 95%;
	margin: 0 auto;
	height: auto;
}

/*--　いまことぶみ --*/
#imakotobumi #main img {
	width: 95%;
	margin: 0 auto;
	height: auto;	
}