@charset "UTF-8";
/* CSS Document */

/* 1000px以下の場合はこっち */
@media screen and (max-width : 1000px) {

/* アスセス */
#access ol li.bottom{
	margin-top:0px;
}
#access #map{
	position:static;
}
#access #map img{
	position:static;
}
}

/* 768px以下の場合はこっち */
@media screen and (max-width : 768px) {
/* 共通 */
body{
	width: 100% !important;
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W6", serif;
	font-size:14px;
	line-height:1.5;
}
h1.h1Title{
	text-indent:0px !important;
	height:75px !important;
	font:22px "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif !important;
	letter-spacing: 0.3em !important;
	color:white !important;
	background:none !important;
	background-color:#072a62 !important;
	padding:45px 0 0 50px !important;
}
section.sectionContent{
	width:95%;
	margin:0 auto 20px;
}
#header #logo{
	width:95%;
}
#header #topRightbox{
/*	clear:both;*/
	float:right;
	width:95%;
	margin:10px 0 0 10px;
}
#header #headerNav{
	padding:0;
	margin:0;
}
#header #headerContact{
	padding:0;
	margin:0;	
	float:left;
}
#map1{
	height:250px;
}
/*  フッター */
#footer{
	height:250px;
}
#footer ul#menu li{
	width:49%;
}
#footer #sns{
	clear:both;
	float:right;
	text-align:right;
	width:30%;
	padding-right:10px;
}
#footer #sitemap{
	height:90px;
	margin-top:0;
}
#footer #sitemap ul{
	width:100%;
	text-align:center;
}
#footer #sitemap p{
	width:100%;
	clear:both;
	padding:15px 0 0 0;
	text-align:center;
}
#footer #sitemap p img{
/*	width:auto;
	display:block;
	float:right;*/
}
#schoolinfo{
	height:180px;
	margin-bottom:60px;
	border:none;
}
#schoolinfo #left{
	width:100%;
	height:auto;
	padding:10px 0;
	background-color:#072a61;
	color:white;
	text-align:center;
}
#schoolinfo #left p{
	display:inline-block;
	padding:10px 0 0 0 !important;
}
#schoolinfo #left p.logo{
	width:100%;
}

#schoolinfo #right{
	clear:both;
	width:100%;
	height:auto;
	padding:10px 0;
	overflow:hidden;
	text-align:center;
}
#schoolinfo #right p{
	padding:10px 0 0 10px !important;
	width:95%;
}
#schoolinfo #right p.msg{
	display:none;
}
#schoolinfo #right p.tel,
#schoolinfo #right p.mail{
	float:left;
	width:46%;
}


#glovalNav{
	height:184px;
}
#glovalNav ul li{
	width:33.33%;
}
#glovalNav ul li.twoColumn{
	clear:left;
	float:left;
}

#top ul#contents01 li,
#top ul#contents02 li,
#contents ul#contents01 li,
#contents ul#contents02 li{
	width:48%;
}
#top ul#contents01 li:nth-child(odd) img,
#top ul#contents02 li:nth-child(odd) img,
#contents ul#contents01 li:nth-child(odd) img,
#contents ul#contents02 li:nth-child(odd) img{
	float:right;
}

/* Topページ */
#top h2 img{
	display:none;
}
#top h2 span{
	display:inline-block;
	width:100%;
	text-align:center;
	font: 20px "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif !important;
	border-bottom:1px solid #4864b4;
	border-top:1px solid #4864b4;
}
#top #information{
	clear:both;
	width:97%;
}
#top #information p{
	width:100%;
	text-align:right;
}
#top #information h2{
	width:100%;
}

/* 特徴（feature）ページ */
#feature p{
	width:90%;
	margin:0 auto;	
}
#feature h2{
	width:90%;
}
#feature #featureTop div{
	float:none !important;
	width:auto;
	margin:20px 0 0 0 !important;
}
#feature #featureTop div img{
	margin:0 auto;
}
#feature #num01 dl{
	clear:both;
	float:none;
	width:auto;
	max-width:none;
}
#feature #num01 dl dt span.num{
	
	padding-top:15px;
	height:45px;
	width:12% !important;
}
#feature #num01 dt span.title{
	display:block;
	height:42px;	/* + (padding-top)=60px */
	padding:18px 0 0 0;
}
#feature #num02 img{
	float:left;
	width:45%;
	margin-left:10px;	
}
#feature #num02 div{
	width:100%;
}

/* 教室の方針（policy）ページ */
#policy p{
	clear:both !important;
	float:none !important;
	margin:0 auto !important;
	width:90% !important;
}
#policy img{
	display:none;
}
#policy #policyTop ul li{
	background : url(mobilemenubg.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
	background-position:5px 23px;
}
#policy #policyTop ul li p{
	padding:20px 0;
}
#policy #policyTop ul li span.mobilemenu{
	padding-left:30px;
	margin-left:10px;
	display:block;
	font-size:20px;
	color:#2c436f;
	font:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif;
}
#policy h2{
	background : url(mobilemenubg.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
	background-position:5px 58px;
}
#policy h2 span.mobilemenu{
	padding-left:30px;
	margin-left:10px;
	display:block;
	font-size:24px;
	color:#2c436f;
	font:"ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho",  "Hiragino Mincho Pro", serif;
}

/* 入会・費用（Enrollment）ページ */
#enrollment h2{
	margin:20px 0 0 0px;
	padding:0 0 10px 10px;
}
#enrollment #num01 img{
	display:none;
}
#enrollment #num01 dl{
	padding-top:0px;
}
#enrollment #num01 dl img{
	display:block;
}
#enrollment #num01 dl dt{
	font-size:20px;
	padding:20px 0 0 20px;
}
#enrollment #num01 dl dd{
	padding:15px 0;
	margin:0;
}
#enrollment #num01 #tel{
	clear:both;
	width:100%;
}
#enrollment #num01 #mail{
	clear:both;
	float:none;
	width:100%;
}
#enrollment #num01 dl#tel dd{
	padding-left:20px;
}
#enrollment #num01 dl#mail dd{
	padding-left:20px;
}
/* 費用 */
#enrollment #num02 dl,
#enrollment #num03 dl{
	width:100%;
}
#enrollment #num02 dt,
#enrollment #num03 dt{
	padding-left:10px;
}
#enrollment #num02 dd,
#enrollment #num03 dd{
	padding-left:0px;	
}
#enrollment #num02 img,#enrollment #num03 img{
	display:none;
}
#enrollment #num02 dd div,#enrollment #num03 dd div{
	margin:5px 0 0 25px;
}

#enrollment #num01,
#enrollment #num02,
#enrollment #num03,
#enrollment #num04{
	width:95%;
	margin:0 auto;
}
#enrollment #num03 #table{
	display: block;
	font-size:16px;
	margin:20px 0;
	border:1px solid #000;
}
#enrollment #num03 #table thead{
	display: none;
}
#enrollment #num03 #table tbody{
	display: block;
	list-style:none;
}
#enrollment #num03 #table tbody tr{
	display: block;
}
#enrollment #num03 #table tbody th,
#enrollment #num03 #table tbody td{
	display: list-item;
	border: none;
}
#enrollment #num03 #table tbody th{
	margin-bottom: 5px;
	text-align:left;
}
#enrollment #num03 #table tbody td{
	margin-left: 20px;
	padding: 0;
	text-align:left;
}
#enrollment #num03 #table tbody td:nth-of-type(1)::before{
	content: "朝の部："; 
}
#enrollment #num03 #table tbody td:nth-of-type(2)::before{
	content: "昼の部："; 
}
#enrollment #num03 #table tbody td:nth-of-type(3)::before{
	content: "夜の部："; 
}

#enrollment #num03 #table span.hour{
	display:inline-block;
	margin-right:7px;
}

/* 講師紹介（Teachers）ページ */
#teachers img.pic{
	margin-left:20px;
}
#teachers h2{
	float:right;
	width:60%;
}
#teachers h2 img{
	display:none;
}
#teachers h2 span.jp,
#teachers h2 span.romaji{
	display:block;
	margin-left:10%;
}
#teachers h2 span.jp{
	font-size:32px;
	margin-top:10px;
}
#teachers div.profile{
	clear:both;
	float:left;
	padding:0;
	width:98%;
}
#teachers div.profile p{
	margin:10px 0 10px 20px;
}
#teachers div.profile ul li{
	margin:5px 30px 15px 20px;
}
#teachers div.outline{
	background:none;
}
#teachers div.outline dl{
	width:90%;
	padding:10px 0;
	border-top:2px dashed #edf0f4;
	border-bottom:2px solid #edf0f4;
}
#teachers div.outline dt{
	margin:0;
	padding-left:0;
}
#teachers div.outline dd{
	background:none;
	left:0px;
	padding:0 0 15px 0;
}

/* 教室案内 ページ */
#about #num02 #jeugia a{
	width:100%;
}

#about #num01 #greet{
	background:none;
	height:auto;	
}
#about #num01 #greet p{
	padding:10px 0;
}
#about #num02 #sakurai{
	margin-bottom:10px;
}
#about #num02 #jeugia a{
	position:static;
	float:right;
}
#about #num02 figure{
	margin:10px;
}
#about h2{
	margin:30px 0 0 0;
	padding-bottom:0;
}
#about #num01,
#about #num02,
#about #num03{
	width:95%;
	margin:0 auto;
}

#about #num02 dd span{
	display:none;
}
#about #num02 dd{
	clear:both;
}

/* リンクページ *//* サイトマップページ */
#link section div,
#sitemappage section div{
	width:100%;
}


/* 最近の進路状況ページ */
#sinro #num01 section{
	width:100%;
}
#sinro #num01 h2{
	position:relative;
	top:0;
	padding:25px 0 10px 10px;
}
#sinro #num01 h2 span{
	position:absolute;
	top:5px;
}
#sinro #num01 p{
	padding:10px;
}
#sinro #num01 p.contentImg{
	clear:both;
	float:none;
}
#sinro #num01 ul{
	padding:10px;	
}

/* 作品集 */
#gallery .lower{
	clear:left;
	float:left;
}
#filter li{
	width:33%;
}
#filter li.w165{
	width:32%;
}
#filterlist li{
	text-align:center;
}

/* メディア情報 */
#media dl{
	display:block;
	background-color:white;
	border-top:2px solid #edf0f4;
}
#media dd{
	display:block;
	padding:10px 0;

}
#media dd p{
	margin:10px;
	clear:both;
	float:left;
}
#media dd p a{
	margin:10px;
	border:2px solid white;	
	display:block;
	float:left;
	width:140px;
	overflow:hidden;
}
#media .magazin, #media .tv, #media .paper, #media .book{
	display:block;
	clear:both;
	float:left;
	height:60px;
	border:none;
	border-radius:0px;
	text-align:left;
	padding:50px 0 0 60px;
}

#media .magazin{
	background-position: 0%;
}
#media .tv{
	background-position: 0%;
}
#media .paper{
	background-position: 0%;
}
#media .book{
	background-position: 0%;
}

/* プライバシーポリシー */
#privacy section.sectionContent{
	padding:0;
}
#privacy section div{
	padding:0;
}
#privacy dt{
	margin-top:20px;
	padding-bottom:5px;
}
#privacy dd{
	margin-top:20px;
}
#privacy ul{
	margin:20px 0 0 20px;
}


/* JEUGIAカルチャーセンター */
#jeugia h2{
	padding-bottom:10px;
	margin-bottom:10px;
}
#jeugia h3{
	padding:10px 0 10px 17px;
	margin:30px 0 10px 0;
}
#jeugia #jeugiaTop p{
	padding-left:10px !important;
	width:90% !important;
}
#jeugia #jeugiaTop ul{
	padding-top:30px;
}
#jeugia p{
	clear:both !important;
	float:left;
	width:100% !important;
	margin:0 !important;
	text-align:left !important;
}
#jeugia #pic ul,
#jeugia #work ul{
	margin-bottom:0px;
}
#jeugia #pic li,
#jeugia #work li{
	display:block !important;
	float:left !important;
	width:100% !important;
	border-bottom:1px dashed #4864b4;
	margin-bottom:10px;
}
#jeugia #pic h2 +img,
#jeugia #work h2 +img{
	display:none;
}
#jeugia .btn{
	text-align:center !important;
	margin:0;
	padding:0;
}
#jeugia #pic dl,
#jeugia #work dl{
	clear:both;
	display:block !important;
	width:100%;
}
#jeugia #pic dt,
#jeugia #work dt{
	display:block !important;
	padding-right:0 !important;
	padding:10px !important;
	width:auto !important;
}
#jeugia #pic dd,
#jeugia #work dd{
	display:block !important;
	width:auto !important;
	padding:10px !important;
}


/* アトリエ紹介ページ */
.galleria-theme-classic .galleria-thumbnails .galleria-image{
	display:none;
}
.galleria-theme-classic .galleria-thumb-nav-left,
.galleria-theme-classic .galleria-thumb-nav-right,
.galleria-theme-classic .galleria-thumb-nav-left:hover,
.galleria-theme-classic .galleria-thumb-nav-right:hover,
.galleria-theme-classic.touch .galleria-thumb-nav-left:active,
.galleria-theme-classic.touch .galleria-thumb-nav-right:active{
	opacity:0;
    filter: alpha(opacity=0);
	display:none;
}
.galleria-theme-classic .galleria-stage{
	width:100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
	padding-bottom:50px;
}
.galleria-theme-classic .galleria-info{
	/* 画像情報のコンテナ */
    bottom: 0px;
    left: 0px;
	background:none;
}
.galleria-theme-classic .galleria-counter{
	/* カウンター */
    bottom: 0px;
}
.galleria-theme-classic .galleria-info-description{
	/* 説明文 */
    margin:0;
}

/* お問い合わせページ(contact) */
#contact section p{
	margin-left:10px;
}
#contact h3{
	padding:18px;
	color:#072a61;
	margin-bottom:0;
}
#contact th,
#contact td{
	display:block;
	height:auto;
	width:95%;
	border-right:none;
}
#contact th{
	margin-top:15px;
	padding:5px;
}
#contact th span{
	display:block;
}
#contact td.row02{
	display:none;
}
#contact tr{
	border:none;
}
#contact input.w340,
#contact textarea{
	width:100%;
}
#contact input.w200{
	width:100%;
}
#contact td{
	padding-left:0px
;
}
#contact img.progress{
	display:none;
}
/* お知らせページ(info) */
#infoList li{
	padding:9px 0;
	background-position:100px 5px !important;
}
#infoList ul span{
	width:90%;
	padding:0 0 5px 10px;
}
#infoList ul p{
	width:90%;
	padding:0 0 0 20px;
	clear:both;
	float:left;
}
/* infoDetail */
#infoDetail{
	border:none;
	padding:40px 10px 10px 10px;
}
#infoDetail h1{
	padding:90px 0 10px 0;
}
#infoDetail #toList{
	top:10px;
	left:15px;
}