/* Common */
*{margin:0;padding:0;}
body{font-size:14px;}
a{
	color:#0071d1;
	font-weight:100!important;
}
a:hover{
	text-decoration:none;
	opacity:0.75;
}
a > span{
	display:inline-block;
	text-decoration:underline;
}
a > span:hover{text-decoration: none}
li{list-style:none;}
p{
	margin-bottom:12px;
	font-weight:100!important;
}
p > a{font-size:1em;}
img{max-width:100%;}
h3{background-color:#bce1f1;}
h3 img{width:100%;}

#contentWrap{
	width:100%;
	max-width:1380px;
	margin:0 auto;
}
#wrapper{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}

/* header */
.headNavWrap_ie8,.headNav_ie8,.slider_ie8{display:none;}
#header{
	padding-bottom:18px;
	margin-bottom:17px;
	background-image:url('../image/hdrshadow.jpg');
	background-position:bottom center;
	background-repeat:no-repeat;
}
#header h1{
	position: absolute;
	z-index: 9;
	width:22%;
	max-width:276px;
}
#header h1 > img{width:100%;}

.headNavWrap{
	background-color:#df2801;
	position:fixed;
	z-index:9;
	top:0;
	width:100%;}
.headNav{
	width:100%;
	max-width:1380px;
	margin:0 auto;
}
.headNav > ul,.sliderWrap{
	width:100%;
	margin:0 auto;
}
.headNav a,.headNav span{font-size:1em;}
.headNav > ul > li > a > img{display:inline;}

.headNav > ul{
	padding:0px;
	background-color:#df2801;
	display:block;text-align:right;
}
.headNav > ul li{
	display:inline-block;
	border-right:1px solid rgba(255,255,255,0.4);
	background-color:#df2801;
	box-sizing: border-box;
}
.hMenu1{width:10%;}
.hMenu6{width:11%;}
.hMenu4{width:15%;}
.hMenu2{width:16%;}
.hMenu3{width:19%;}
.hMenu5{width:8%;}

.headNav ul li span img.pc {
    vertical-align: middle;
    margin-left: 0.3em;
    width: 1em;
    display: inline;
}

.headNav > ul > li  a,.headNav > ul > li  span{
	padding:8px 0px;
	display:block;
	color:#fff;
	text-decoration:none;
	text-align: center;
	box-sizing: border-box;
	min-height:41px;
}
.headNav > ul > li > a > img{
	vertical-align:middle;
	margin-left:0.3em;
	width:1em;
}
.headNav > ul > li > ul{
	display:none;
	position:absolute;
	z-index:10;
	top:40px;
	margin-left:-1px;
	opacity:0.8;
	box-sizing: border-box;
}
.headNav > ul > li:hover > ul{
	display:block;
	border:1px solid #fff;
	border-top:none;
	box-sizing: border-box;
}
.headNav > ul > li:hover > ul > li{
	border-bottom:1px dotted #fff;
	box-sizing: border-box;
}
.headNav > ul > li:hover > ul > li:last-child{
	border-bottom:none;
	box-sizing: border-box;
}
.headNav > ul > li > ul > li{
	display:block;
	text-align:left;
	width:auto!important;
}


/* slider */
.sliderWrap{
	background-color:#cdcdcd;
	margin-top:41px;
}
.infinite-slider{margin:0 auto;width:100%;max-width:1380px;}
.unslider-wrap li img{width:100%;}
.unslider{overflow:auto;margin:0;padding:0;}
.unslider-wrap{position:relative;}
.unslider-wrap.unslider-carousel li{float:left;display:inline-block;}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none;}
.unslider-arrow{position:absolute;left:5px;z-index:2;cursor:pointer;}
.unslider-arrow.next{left:auto;right:5px;}

#topSlider > li{
	display:inline-block;
	width:25%;
	margin:0;
	padding:0;
}

#sidebar div{margin-bottom:25px;}
#sidebar hr{
	width:100%;
	margin:12px 0;
	display:block;
	border-top: solid 1px #c7c7c7;
	border-left: solid 1px #c7c7c7;
}
#sidebar h4{
	border-left:solid 11px #e02802;
	border-bottom:solid 1px #c7c7c7;
	color: #4a4a4a;
	padding-left:0.5em;
	font-size:1.2em;
	margin-bottom:15px;
	font-weight: bold!important;
	box-sizing: border-box;
	line-height:1.4em;
}
#sidebar{
	width:20%;
	margin-left:2%;
	display:inline-block;
}
#sidebar .sche_entry,#sidebar .access,#sidebar .fujisanlc,#sidebar .attent{
	padding:1em;
	background-color:#f3f3f3;
	border:solid 1px #a6bfc9;
	box-sizing: border-box;
}
#sidebar .fujisanlc > img{
	max-width:20%;
	display:inline-block;
}
#sidebar .fujisanlc > h4{
	width:80%;
	display:inline-block;
}
img.freecall{margin-bottom:6px;}
#sidebar .icon{margin-bottom:4px; padding-right:5px;}
#sidebar .ttl{font-weight:bold; margin-bottom:6px;}

/* Content */
#content{
	width:70%;
	display:inline-block;
	margin-left:4%;
}

/* Program */
#program > ul{margin:0 auto;}
#program > ul > li{
	vertical-align: top;
	width:32%;
	display:inline-block;
	box-sizing: border-box;
}
#program > ul > li > img{float:left;width:100%;vertical-align:top;}
#program > ul > li > .programSchedule{
	background-color: #fff;
    background: url("../image/programSchedule.jpg");
    background-repeat: repeat-y;
    background-size: 100%;
}
#program > ul > li > .pbody{
	background-color: #fff;
    background: url("../image/h3_frame.jpg");
    background-repeat: repeat-y;
    background-size: 100%;}
#program > ul > li > .pbody > p{padding:0.8em 1em;}
#program > ul > li > .pbody > img{margin-right:5px;}
.program1,.program2{margin-right:2%}
div.course{display: inline-block;}
div.course a{
	display:inline-block;
	margin-bottom:0.4em;
	margin-left:0.5em;
}
div.course > a > img{
	vertical-align:middle;
	margin-right:0.3em;
	max-width:1em;
}
div.course > a img.vaT{
	vertical-align:top;
	margin-top:0.3em;
	max-width:1em;
}
.programSchedule{
    background-color:#e1f4fb;
    display:block;
    width:100%;
    padding: 0.5em 1em;
    box-sizing: border-box;
    margin-top:0;
    margin-bottom:0;
}
a.programSchedule > img{
	float: left;
    width: 1em;
    max-width: 10%;
    box-sizing: border-box;
}
a.programSchedule > span{
    width: 88%;
    float: left;}
.programSchedule img{
	vertical-align:top;
	line-height:25px;
	margin-right:0.3em;
	margin-top:0.3em;
	max-width:1em;
}


/* Patty Banner */
#burgerPattyTop {
    clear: both;
    margin: 1em 0;
}


/* Eperience */
#experience{margin-bottom:3em;}
#experience > div.exBody{
	width:100%;
	background-image:url('../image/exBody.jpg');
	background-size:100%;
	background-position: center top;
	background-size: 100% auto;
}
#experience .exL,#experience .exR{
	float:left;
	width:50%;
	display:inline-block;
	padding:0.6em 1em;
	box-sizing: border-box;
}
#experience .exL a,#experience .exR a{
	display:block;
	position:relative;
	box-sizing: border-box;
}
#experience .ex{margin-bottom:0.7em;}
#experience .ex > span{width:90%;}
#experience .ex img{
	max-width:1em;
	vertical-align:top;
	line-height:25px;
	margin-right:0.3em;
	margin-top: 0.3em;
}
#experience .exHead > img,#experience .exFoot{width:100%;}


/* Pickup */
#pickup{margin-bottom:2em;}
#pickup .trafficsecurity,#pickup .mobirepo{width:49%;}
#pickup .mobirepo{float:right;}
#pickup .trafficsecurity{
	float:left;
	margin-right:2%;
	background-image:url('../image/trafficsecurity.jpg');
	background-size:100%;
	background-repeat:no-repeat;
}
#pickup .trafficsecurity > a.ts{
	top:45%;
	display:block;
	margin-bottom:0.3em;
	position:relative;
	margin-left:0.8em;
	font-size:1em;
}
#pickup .trafficsecurity > a.ts > img{
	vertical-align:middle;
	margin-right:0.3em;
	max-width:1em;
}

/* News */
#news{margin-bottom:55px;}
#news h4{
	font-size:1.4em;
	color:#4a4a4a;
	display:inline-block;
}
#news span{width:95px;}
#news > div{
	width:49%;
	float:left;
	box-sizing: border-box;
}
#news a{width: 100%;}
#news a.all{
	display:inline-block;
	font-size:0.8em;
	width:auto;
	margin-top:0.5em;
}
#news a,#news span{
	display:inline-block;
	float:left;
	margin-bottom:5px;
}
#news .schedule,#news .news{
	width:100%;
	border:1px solid #c4c4c4;
	padding:0px 7px 0px 15px;
	box-sizing: border-box;
}
#news dt{
	font-size:1em;
	width:78%;
	float:left;
}
#news dd{
	font-size:0.8em;
	float:left;
	padding-right:1em;
	box-sizing:border-box;
	line-height: 2;
}
#news .schedule > dl:first-child,#news .news >dl:first-child{margin-top:20px;}
#news .scheduleWrap{margin-right:2%;}
#news .schedule,#news .news{
	background-image:url('../image/newsBar.jpg');
	background-repeat:repeat-x;}

/* Footer */
#footer{
	background:#212121;
	height:100px;
	color:#fff;
}
.footerContent{
	max-width:1380px;
	margin: 0 auto;
}
#bottomMenu,a.toTop{
	display:inline-block;
	float:left;
}
#bottomMenu li{display:inline-block;}
a.toTop{margin:10px 20px 0px 50px;}
#bottomMenu{color:#fff;}
#bottomMenu li > a{
	color:#fff;
	padding:0 5px;
	cursor:pointer;
	font-size:0.8em;
}
.copyright,#bottomMenu{margin-top:20px;}
.copyright{
	color:#fff;
	font-size:0.8em;
	float:right;
	display:inline-block;
	margin:20px 2em 0 2em;
}

/* class-css */
.dispN{display:none;}
.flL{float:left!important;}
.flR{float:right!important;}
.btn{margin-bottom:15px;}
.mgT12{margin-top:12px;}
.small{font-size:0.9em; color:#363636;}
.bdN{border:none!important;}
.padN{padding:0!important;}
.ie8bg{background-size:contain}
.sp{display:none;}
.pc{display:block;}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}
.alignCenter {text-align: center;}
.clearfix { display: inline-table; }  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  


@media screen and (max-width: 1150px) and (min-width: 769px){
.headNav ul > li > a,.headNav ul > li > span{font-size:12px;}
.headNav ul > li > a,.headNav ul > li > span{font-size:12px;min-height:35px;}
.headNav ul > li,.headNav ul{min-height:35px;}
.headNav > ul > li > ul{top:35px;}
.sliderWrap{margin-top:35px;}
}

@media screen and (max-width: 1080px) and (min-width: 769px){
#footer{padding:10px 0;}
#news dt{width:100%;}
#sidebar h4, #news h4{font-size:1em;}
}

@media screen and (max-width: 900px) and (min-width: 769px){
.headNav ul > li > a,.headNav ul > li > span{font-size:11px;}
#news dt{width:100%;}
}

@media screen and (max-width: 768px) {
	#header h1{width:40%;}
	#news dt{width:100%;}
	#news dd{
	  line-height: 1.6;
	}
	
	.footerContent,#content,#sidebar{
		width:100%;
		display:block;
		margin-right:0;
		margin-left:0;
	}
	.sliderWrap{margin-top:0}
	#menuBtn,#menuClose{width:12%;}
	#header h1{width:45%;}
	.headNav > ul{
		z-index:10;
		position:absolute;
		top:0;
		display:none;
	}
	.headNav >ul{overflow:scroll;}
	.headNav > ul > li > ul{width:100%!important;}
	.headNav > ul,.headNav > ul li,.headNav > ul > li:hover > ul > li{
		width:100%!important;
		border:none;
		border-top:1px solid rgba(255,255,255,0.4)!important;
		background-color:#212121;
	}
	.headNav > ul > li > a,.headNav > ul > li > span{padding-left:1em;}
	.headNav > ul > li > a:before,.headNav > ul > li > a:span{content:"・";}
	.headNav > ul > li > ul{
		display:block;
		position:relative;
		top:0;
		opacity:1;
	}
	.headNav > ul > li > ul > li > a{padding-left:2.5em;}
	.headNav > ul > li > ul > li > a:before{content:"┣・";}
	.headNav > ul > li > ul > li:last-child > a:before{content:"┗・";}
	.headNav > ul > li a,.headNav > ul > li span{text-align:left;}
	.headNav > ul > li:hover > ul,.headNav > ul > li:hover > ul > li{border:none;}
	
	#content{
		padding: 0 1em;
		box-sizing: border-box;
	}
	#program > h2{margin-bottom:0.5em;}
	#program > ul > li{
		width:100%;margin-right:0;
		box-sizing: border-box;
		margin-bottom:1em;
	}
    /* Patty Banner */
    #burgerPattyTop {
        margin: 0 0 1em;
    }
	#experience{margin-bottom:2em}
	#experience .exL,#experience .exR{
		width:100%;
		display:block;
		padding:0;
		float:none;
	}
	#experience >div.exBody{
		margin-top:0.3em;
		background-image:none;
	}
	#experience .ex{margin-bottom:0.3em;}
	
	#pickup .trafficsecurity,#pickup .mobirepo{
		width:100%;
		float:none;
	}
	#pickup .mobirepo{margin-bottom:1em;}
	#pickup .mobirepo > a{
		width:100%;
		display:block;
	}
	#pickup .mobirepo > a > img{width:100%;}
	#pickup .trafficsecurity {
		margin-right:0;
		float:none;
	}
	#pickup .trafficsecurity a.ts{
		margin-bottom: 0.7em;
		top:52%;
	}
	#pickup .trafficsecurity > a.ts{width:52%;}
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:14px;}
	#pickup .trafficsecurity > a.ts span{
		width:90%;
		line-height:1.2;
		text-decoration:underline;
	}
	#pickup .trafficsecurity > a.ts img{
		vertical-align:middle;
		margin-top:0;
	}
	#program > ul > li > .pbody > img{margin-right:10px;}
	
	#news > div{
		width:100%;
		float:none;
		box-sizing: border-box;
	}
	#news > .scheduleWrap{margin-bottom:1em}
	#sidebar .sche_entry, #sidebar .access, #sidebar .attent{border:none;}
	
	#bottomMenu,#footer a.toTop,#footer .copyright{
		float:none;
		display:block;
		text-align:center;
		margin-top:0.5em;
	}
	#footer a.toTop{margin:0 auto;}
	#footer{
		height:auto;
		padding:1.5em 0;
	}
	.sp{display:block;}
	.pc{display:none!important;}
	
	#sidebar{border-top: solid 1px #a6bfc9}
	.sche_entry,.access,.fujisanlc, .attent{
		padding:1em;
		background-color:#f3f3f3;
		border:none;
		margin-bottom:0;
	}
	#sidebar div{margin-bottom:0;}
	#sidebar .sche_entry a{
	    display: block;
	}
	#sidebar .sche_entry p a{
	    display: inline;
	}
	#sidebar .sche_entry img{
	    width: 100%;
	    margin:0 auto;
	}
	#sidebar .sche_entry p,#sidebar .sche_entry a,#sidebar .access p,#sidebar .access a,#sidebar .attent p, #sidebar .attent a{
		padding:0 1em;
		box-sizing: border-box;
	}
	#sidebar .sche_entry > img.freecall{margin-left:1em;}
	#topSlider > li img{width:100%;}
	
	#sidebar h4, #news h4{font-size:1em;}
}

/* Pickup > trafficsecurity */
@media screen and (max-width: 1370px){
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:13px;}
}
@media screen and (max-width: 1130px) {
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:12px;}
}
@media screen and (max-width: 1040px) {
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:11px;}
}
@media screen and (max-width: 960px) {
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:10px;}
}
@media screen and (max-width: 870px) {
	#pickup .trafficsecurity > a.ts{width:52%;margin-bottom:0.1em;}
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:8px;}
	#pickup .trafficsecurity > a.ts span{
		width:90%;
		line-height:0.9;
		text-decoration:none;
	}
	#pickup .trafficsecurity > a.ts img{
		vertical-align:top;
		margin-top:0.4em;
	}
}
@media screen and (max-width: 460px) {
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:12px;}
}
@media screen and (max-width: 425px) {
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:11px;}
	#pickup .trafficsecurity > a.ts{margin-bottom:0.6em;}
}
@media screen and (max-width: 400px) {
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:10px;}
}
@media screen and (max-width: 375px) {
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:9px;}
}
@media screen and (max-width: 350px) {
	#pickup .trafficsecurity > a.ts{
		margin-bottom:0.5em;
		top:49%;
	}
	#pickup .trafficsecurity > a.ts span,#pickup .trafficsecurity > a.ts img{font-size:8px;}
	#pickup .trafficsecurity > a.ts span{
		width:90%;
		line-height:0.9;
		text-decoration:none;
	}
	#pickup .trafficsecurity > a.ts img{
		vertical-align:top;
		margin-top:0.2em;
	}
}




/* gCal */

#sidebar .cal {
    margin: 2.0833% auto;
    padding: 0 1em;
}

#gCalMask {
    z-index: 8;
    position: absolute;
    overflow: hidden;
}
#gCalMask img {
    width: 100%;
    height: 100%;
}

#gCal {
    position: relative;
    padding-bottom: 100%;
    height: 0;
}
#gCal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
@media only screen and (min-width: 768px){
    #sidebar .cal {
        padding: 0;
    }
    #gCal {
        max-width: 276px;
        padding-bottom: 110%;
    }
}

#sidebar .legend {
    margin-bottom: 1em;
    padding: 0 1em;
}
#sidebar .legend ul {
    font-size: 0.875em;
}
#sidebar .legend li {
    display: inline;
    margin: 0 5px 0 0;
    white-space: nowrap;
}
@media only screen and (min-width: 768px){
    #sidebar .legend {
        margin-top: -1em;
        padding: 0;
    }
}