﻿@charset "utf-8";

*{
	margin:0;
	padding:0;
}

body{
	font-family: 'Kiwi Maru', serif;
}

.wrap{
	width:1400px;
	margin:auto;
}

h1{
	text-align:center;
	background-color:#f0fff0;
	padding:5px;
	background-image:url(../img/line.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.Map:hover{
	background-color:#000;
}

nav ul{
	list-style-type:none;
	width:900px;
	margin:30px auto 50px;
}

nav li{
	float:left;
}

nav a:hover{
	opacity:0.7;
}

.photo{
	text-align:center;
}

.photo img{
	width:100%;
}

.photo_illust{
	text-align:center;
}

.photo_illust img{
	width:100%;
}

h2{
	text-align:center;
	padding:40px 0 50px;
}

.point_four{
	text-align:center;
}

.enter_box{
	margin:20px 0 50px 200px;
	width:1000px;
	text-indent:1em;
}

.enter_box p:nth-child(1){
	background-color:#ffe4e1;
	border-left:solid 5px #f08080;
	padding:15px 0 15px 15px;
	font-weight:bold;
	font-size:23px;
}

.enter_box p:nth-child(2){
	margin-top:20px;
}

h3{
	text-align:center;
	font-size:25px;
	width:500px;
	margin:30px auto 50px;
	background-color:#fbd8b5;
	color:#ff3333;
	padding:15px 0;
	box-shadow:2px 2px 3px 2px #d4d9dc;
	border-radius:22px;
}

.enter_box table{
	font-size:20px;
	padding:20px 0 0 10px;
}

.enter_box tr{
	line-height:1.8;
}

.enter_box th{
	padding-right:20px;
}

main p{

	font-size:20px;
}

section ul{
	padding-left:250px;
	font-size:20px;
	line-height:2.2;
}

section{
	margin:10px 0 150px 0;
}

section p{
	text-align:center;
	line-height:1.8;
	font-size:20px;
}

.mokuhyo{
	font-size:24px;
	text-shadow:2px 2px 2px #b5b5ae;
}

.mokuhyo_bold{
	font-weight:bold;
	color:#d70035;
	font-size:30px;
}

ol{
	margin:30px 0 100px 200px;
}

ol li{
	font-size:21px;
	padding:15px;
	line-height:1.7;
}

.important_1{
	font-size:28px;
	color:#ea555d;
}

.important_2{
	font-size:28px;
	color:#e6a000;
}

.important_3{
	font-size:28px;
	color:#00485b;
}

.important_4{
	font-size:28px;
	color:#8dbf25;
}

.class_box{
	width:1100px;
	background-color:#ffffe0;
	background-image:url(../img/class_box_back.png);
	background-repeat:no-repeat;
	box-shadow:4px 5px 3px 5px #abb1b5;
	border-radius:20px 60px;
	margin:70px auto;
	padding:20px 0 30px;
}

.class_box_left{
	width:700px;
	float:left;
}

.class_box_right{
	width:300px;
	float:left;
	margin-top:50px;
}

.class_image{
	text-align:center;
}

.hoiku_mokuhyo{
	padding-left:100px;
	margin:12px 0 6px 0;
	font-weight:bold;
	color:#ff1493;
	font-size:22px;
}

.hoiku_play{
	padding-left:100px;
	margin:12px 0 6px 0;
	font-weight:bold;
	color:#009b9f;
	font-size:22px;
}

.class_box li{
	text-align:left;
	list-style-position:inside;
	padding-left:100px;
	font-size:18px;
	text-indent:-1em;
}

.event_box{
	padding:30px 0 20px 150px;
	width:1100px;
}

.event_box p:nth-child(1){
	border-bottom:dashed 3px #a0522d;
	margin-bottom:10px;
}

.event_text{
	font-size:22px;
	text-indent:2em;
}

.event_title3{
	font-weight:bold;
	font-size:25px;
	color:#ff7f50;
}

.event_box .event_text:nth-child(3){
	margin-bottom:10px;
}

.saturday{
	font-size:18px;
	color:#4169e1;
	text-indent:2em;
}

.map{
	float:left;
	padding-right:100px;
}

.address{
	float:left;
	padding-top:30px;
	line-height:1.8;
}

.address p{
	font-size:20px;
}

.access{
	margin:100px 0 200px 200px;
}

.time{
	margin-top:20px;
	font-weight:bold;
}

.box{
	text-align:center;
}

.company_sumbox{
	width:1000px;
	margin:150px auto;
}

.company_box p:nth-child(1){
	background-color:#dbebc4;
	border-left:solid 5px #79c06e;
	padding:15px 0 15px 15px;
	font-weight:bold;
	font-size:23px;
	text-indent:1em;
}

.company_box p:nth-child(2){
	margin-top:20px;
	font-size:19px;
}

.company_box table{
	font-size:18px;
	padding:30px 0 0 20px;
}

.company_box tr{
	text-align:left;
	line-height:2.8;
	width:1000px;
}

.company_box th{
	padding-right:80px;
	color:#3eb370;
	font-weight:bold;
	font-size:20px;
}

.company_sumbox .company_box:nth-child(1){
	margin-bottom:70px;
}

footer{
	background-color:#f0fff0;
	text-align:center;
	background-image:url(../img/line.png);
	background-repeat:repeat-x;
	background-position:top;
	padding:20px 20px;
	margin-top:100px;
}

.return a{
	position:fixed;
	right:20px;
	bottom:30px;
	width:80px;
	height:100px;
	background-image:url(../img/retern_3.png);
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.return a:hover{
	background-position:0 100px;
	
}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
}


/*ここからスマホ用CSS*/
@media screen and (max-width:500px)
{

h1{
	display:none;
}

.title_small{
	width:500px;
	padding:100px 0 50px;
	background-color:#f0fff0;
	background-image:url(../img/line.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.title_small img{
	width:90%;
}

.tel{
	width:180px;
	position:fixed;
	top:10px;
	right:20px;
}

.tel img{
	width:100%;
}

nav ul{
	width:500px;
}

nav ul li{
	width:70px;
}

nav ul img{
	width:140%;
}

.wrap{
	width:400px;
}

h2{
	width:100%;
	text-align:center;
	padding:20px 0 25px;
}

h2 img{
	width:80%;
}

section img{
	width:100%;
}

h3{
	font-size:20px;
	width:350px;
	margin:0 auto 40px;
}

.mokuhyo{
	font-size:18px;
	text-shadow:2px 2px 2px #b5b5ae;
}

.mokuhyo_bold{
	font-weight:bold;
	color:#d70035;
	font-size:23px;
}

.shokai_big{
	display:none;
}

.shokai_small{
	text-align:left;
	margin:0 15px;
}

section ul{
	width:100%;
	padding-left:10px;
	margin:0 10px;
	font-size:17px;
	line-height:1.8;
}

section ul li{
	margin:12px 0;
}

section{
	margin:10px 5px 100px 5px;
}

section p{
	text-align:center;
	line-height:1.8;
	font-size:17px;
}

main{
	width:400px;
}

.enter_box{
	margin:20px 10px 50px 10px;
	width:100%;
	text-indent:1em;
}

.enter_box p:nth-child(1){
	border-left:solid 5px #f08080;
	padding:10px 0 10px 10px;
	font-size:20px;
}

.enter_box p:nth-child(2){
	margin-top:15px;
	font-size:18px;
}

.enter_box p:nth-child(3){
	font-size:18px;
}

.enter_box table{
	font-size:18px;
}

.point_four{
	display:none;
}

.point_four_small img{
	width:100%;
}

ol{
	margin:20px 10px 100px 20px;
}

ol li{
	font-size:16px;
	padding:15px;
	line-height:1.5;
}

.important_1{
	font-size:23px;
	color:#ea555d;
}

.important_2{
	font-size:23px;
	color:#e6a000;
}

.important_3{
	font-size:23px;
	color:#00485b;
}

.important_4{
	font-size:23px;
	color:#8dbf25;
}

.important4_big{
	display:none;
}

.class_box{
	width:100%;
	background-color:#ffffe0;
	background-image:none;
	box-shadow:2px 2px 5px 5px #abb1b5;
	border-radius:20px 60px;
	margin:70px auto;
	padding:20px 0 30px;
}

.class_box_left{
	width:100%;
	float:none;
}

.class_box_right{
	width:100%;
	float:none;
	text-align:center;
	margin-top:35px;
}

.class_image{
	margin:20px auto;
}

.class_image img{
	width:90%;
}

.hoiku_mokuhyo{
	padding-left:20px;
	margin:40px 0 6px 0;
	font-weight:bold;
	color:#ff1493;
	font-size:20px;
}

.hoiku_play{
	padding-left:20px;
	margin:22px 0 6px 0;
	font-weight:bold;
	color:#009b9f;
	font-size:20px;
}

.class_box li{
	padding-left:20px;
	font-size:17px;
	text-indent:-1em;
	margin-left:1em;
	margin-right:1em;
}

.event_box{
	padding:30px 0 20px 20px;
	width:100%;
}

.event_box img{
	width:80%;
}

.event_box p:nth-child(1){
	border-bottom:dashed 2px #a0522d;
	margin-bottom:10px;
	margin-right:30px;
}

.event_text{
	font-size:17px;
	text-indent:0;
	margin-right:30px;
}

.event_title3{
	font-size:20px;
}

.saturday{
	font-size:17px;
	text-indent:0;
}

.photo_illust{
	display:none;
}

.photo_small img{
	width:100%;
}

.map{
	float:none;
}

.map p{
	font-size:18px;
}

.map iframe{
	width:370px;
	height:300px;
}

.address{
	float:none;
	line-height:1.6;
}

.address p{
	font-size:17px;
}

.access{
	margin:50px 20px;
}

.company_sumbox{
	width:100%;
	margin:50px auto 0;
}

.company_box{
	margin-bottom:0;
}

.company_box p:nth-child(1){
	text-indent:0;
	font-size:18px;
	padding:10px 0 10px 15px;
}

.company_box p:nth-child(2){
	padding:0 15px;
	font-size:16px;
}

.company_box tr{
	line-height:2.4;
}

.company_box th{
	padding-right:0;
	font-size:18px;
}

.company_box td{
	padding-left:20px;
	font-size:17px;
}

.company_sumbox .company_box:nth-child(1){
	margin-bottom:50px;
}

.company_sumbox .company_box:nth-child(2){
	margin-bottom:20px;
}

.company_sumbox .company_box:nth-child(3){
	display:none;
}

.jouho_box{
	padding:10px 15px;
}

.jouho_box p{
	color:#3eb370;
	font-weight:bold;
	font-size:18px;
}

footer{
	margin-top:100px;
	width:500px;
}

.foot_image{
	display:none;
}

.foot_image_small{
	width:400px;
}

.return a{
	position:fixed;
	right:20px;
	bottom:30px;
	width:60px;
	height:75px;
	background-image:url(../img/return_small.png);
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.return a:hover{
	background-position:0 75px;
	
}


}


@media(min-width:500px)
{

header p{
	display:none;
}

.text_small{
	display:none;
}

.foot_image_small{
	display:none;
}

.title_small{
	display:none;
}

.shokai_small{
	display:none;
}

.point_four_small{
	display:none;
}

.photo_small{
	display:none;
}

.jouho{
	display:none;
}

.important4_small{
	display:none;
}

}



