@charset"UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

	img{
		width:100%;
		max-width:100%
			height:auto
			
	}	 /* リセットCSS終了 */

           
	

	body{   background-color:#80c49;/* body全体 */
		font-size:10px;
	
	}
	      
	/* ヘッダー開始 */
	header{position: fixed;
		height:85px;
		background-color:white;
		text-align:right;
		width:100%;
	padding-bottom:10px;
}
	
	header .logo{height:60px;
		position:absolute;
		top:10px;
		left:0;
	}
	
	.logo img{width:150px;
		      height:40px;
	}
	
	.mail-img{display:inline-block;
		margin-right:20px;
		margin-top:30px;
	
	}
	
		.mail-img a{color:black;
			
	}
	
	
	/* ヘッダー全体終了*/
	
	 

		

	 /*メニュー*/
	.cc-check{display:none;
		
	
	}
	
	.c-check{
		display:flex;
		height: 20px;
		width: 20px;
		justify-content:center;
		align-items:center;
		position:relative;
		z-index:100;
		cursor:pointer;
		padding-top:10px;
		
	}
	
	.c-check span,
	.c-check span:before,
	.c-check span:after{
		content:'';
		display:block;
		height: 2px;
		width: 20px;
		border-radius: 3px;
		background: #333;
		transition:0.5s;
		position:absolute;

		
		
	}
		
	.c-check span:before{
		bottom:6px;
	}
	
	.c-check span:after{
		top:6px;
	}
		
	#check:checked ~ .c-check span{
		background:rgba(255, 255, 255,0);
	}
	
	
	#check:checked ~ .c-check span::before{
		bottom:0;
		transform:rotate(45deg);
	}
			
	#check:checked ~ .c-check span::after{
		top:0;
		
		transform:rotate(-45deg);
	}	
	
	#check:checked ~ #content{transform:translateX(0px);
		
		
	}
		#content{background-color:#fffafa;/*メニュー内容*/
		width: 100%;
		min-height:100vh;
		text-align:center;
		transform: translateX(-100%);
		transition: 0.5s;
	}
    
	  #content h3{
	    font-size: 20px;
		padding-top:15px;
	    padding-bottom:20px;
	padding-left:3px;
	font-family: 'League Gothic', sans-serif;
	}
	
	#nav li{list-style-type:none;
		border-bottom:solid 1px #dcdcdc;
		margin-left:20px;	
	margin-right:20px;	
		
	}

	
	#nav li	a{text-decoration:none;
		font-size: 12px;
		line-height: 50px;
		padding-left:3px;
		color:black;
		display:block;
		font-family: 'Roboto', sans-serif;
	}
	
	label{margin-left:10px;
		
	}
	
	
		/*イベント企画のページ*/
		
		.eigyo-page{
		width:100%;
			display:inline-block;
		text-align:center;
		padding-bottom:100px;
		background-color:#f5f5f5;	
			
			
		}
		
	.eigyo-page h1{
		font-size:20px;
		font-family: 'Roboto', sans-serif;

	       color:#54917f;
		padding-top:120px;
		padding-bottom:30px;
		font-weight:bold;
		}
		
		
	.eigyo-page p{
		     font-size:14px;
		line-height:20px;
		font-family: 'BIZ UDPGothic', sans-serif;
		font-weight:bold;
	}
	

	
	.eigyo-img{
		margin-left:20px;
		margin-right:20px;
		width:;
	    margin-top:100px;
		margin-bottom:70px;
		text-align:center;
	display:inline-block;
		}

		
	/*contact のページ開始*/
	.contact-page{
		background-color:#dcd6d2;
			           width:100%;
		}
		
	.page-title{
		display:inline-block;
			padding-top:20px;
	margin-left:20px;
	font-size:40px;
	
		font-family: 'League Gothic', sans-serif;
		color: #54917f;
		font-weight:bold;
}
	
	
		
		
	label{
		
			margin-top:10px;
			margin-bottom:5px;
		display:block;
		font-weight:bold;
		}
	
	.contact-page ul li p{
		font-size:14px;
			list-style-type:disc;
			padding-left:20px;
		line-height:20px;
		font-family: 'Roboto', sans-serif;
		font-weight:lighter;
		     }
		
	.contact-page h4{
		font-size:16px;
		padding:20px 20px 40px 20px;
		font-family: 'Roboto', sans-serif;
		font-weight:lighter;
		color:#bc611e;
		}
	.contact-page ul{
		margin-top:10px;
			
		}
		
	.tyuui{
		font-size:12px;
			padding-top:30px;
			padding-left:10px;
		padding-bottom:40px;
		padding-right:10px;
		background-color:#dcd6d2;
		line-height:14px;
		font-family:Roboto;
		font-weight:lighter;
	}
	
	
	.contact-page a span{
		font-weight:bold;
	
		
	}
	.tyuui span{
		font-family: 'Roboto', sans-serif;
		font-weight:lighter;
		color:#bc611e;
	}
	
	.tyuui p{
		line-height:2;
		font-family: 'Roboto', sans-serif;
		font-weight:lighter;
		font-size:14px;
		padding-left:14px;
	}
		
		.contact-page p{
			font-size:16px;
			font-weight:bold;
		padding-left:20px;
		font-family: 'Roboto', sans-serif;
		
	}	
		
		
		
		

				
	
	
	
	
	
	
	/*レッスンページ内容*/	
		
	
	.Lesson-page{
		background-color:#dcd6d2;    
		width: 100%;
		text-align:center;
		
			
		}
	.vocal-annai span{
	    font-size:16px;
		font-weight:bold;	
		color:#bc611e;
		font-family: 'League Gothic', sans-serif;
	       
		}
	.guitar-annai span{
	    font-size:16px;
		font-weight:bold;	
		color:#bc611e;
		font-family: 'League Gothic', sans-serif;
	       
		}		
	.lesson-mes {
		text-align:left;
			width: 100%;
	}
		.page-title{
			
			margin-top:90px;
		   margin-bottom:30px;
	}
	.Lesson-page h3{
			font-size:20px;
		line-height:40px;
		color:#54917f;
		font-family: 'League Gothic', sans-serif;
		font-weight:bold;
		
		
	}
	
	.Lesson-page h2{
		font-size:40px;
		font-weight:bold;	
		color: #54917f;
		font-family: 'League Gothic', sans-serif;
	       
		}
	.Lesson-page h3 span{
		font-size:16px;
		font-weight:bold;	
		color: #54917f;
		font-family: 'League Gothic', sans-serif;
	       
		}	
	
	.Lesson-page p{
		font-size:14px;
		
		line-height:20px;
		font-family: 'BIZ UDPGothic', sans-serif;
		margin-left:25px;
		margin-right:25px;
		}
		/*料金 開始*/	
		
		
		
	.ryokin h3{
		font-size:20px;
			line-height: 30px;
		padding-top: 80px;
		padding-bottom:50px;
			font-weight:bold;
		color:#bc611e;
		font-family: 'BIZ UDPGothic', sans-serif;
		
		}
		
		
	.ryokin ul li p{
		font-size:16px;
		line-height:30px;
		text-decoration:none;
				}
		
	.ryokin{
		text-align:center;
			width:100%;
		background-color:#dcd6d2; 
		
		}
	.ryokin p{
		line-height:20px;
		font-size:16px;
		font-family: 'BIZ UDPGothic', sans-serif;
		}
		
		.ryokin h5{
			text-decoration-line: underline;
			font-family: 'BIZ UDPGothic', sans-serif;
			text-underline-offset:1px;
		text-decoration-thickness:1px;
		font-size:16px;
		line-height:30px;
		margin-bottom:50px;
			}
		
		/*講師 開始*/
		.koushi{background-color:#dcd6d2; 
			width: 100%;
			text-align: center;
		}
		
	.koushi h3{
		font-size:20px;
		
			padding-top: 100px;
			font-family: 'BIZ UDPGothic', sans-serif;
			color:#bc611e;
		
		}
		
	.guitar{	/*トモヒトゆう 開始*/
		
                 text-align:center;
			width:100%;
		background-color:#dcd6d2; 
	}
	
			.tomopic{
		text-align:center;
		margin-left:50px;
		margin-right:50px;
		margin-bottom:30px;
	}	
			.uunipic{
		text-align:center;
		margin-left:50px;
		margin-right:50px;
		margin-bottom:30px;
	}	
	    .guitar-annai{
		 padding:30px 20px 30px 20px;
		margin-top:50px;
		box-sizing:border-box;
	     width:350px;
	     height:740px;
			background-color:#fffafa;
			font-size:14px;
		line-height:20px;
		font-weight:bold;
		display:inline-block;
		font-family: 'BIZ UDPGothic', sans-serif;
         }
	.guitar-annai-p{
		text-align:left;
	}
	.guitar-annai span{
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;			
		}	
		
		
	.vocal{	/*さとみ 開始*/	
		      
                 text-align:center;
			width:100%;
			background-color:#dcd6d2; 
		}
		.satopic{
		text-align:center;
		margin-left:50px;
		margin-right:50px;
		margin-bottom:30px;
	}		
	    .vocal-annai{
		display:inline-block;
		box-sizing:border-box;
	     padding:30px 20px 30px 20px;
	      width:350px;
	     height:740px;
         background-color:#fffafa;
		font-size:14px;
		line-height:20px;
		font-weight:bold;
		margin-top:50px;
		font-family: 'BIZ UDPGothic', sans-serif;
         }
	
	.vocal-annai span{
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
	}	
	.vocal-annai-p{
		text-align:left;
	}
		
	  


			
		/*レッスン日のページ*/

		.v-les-page{
			width:100%;
			background-color:#dcd6d2;
		text-align:center;
		
		
			
		}
		
			.v-les-page h1{
		font-size:40px;
		font-family: 'League Gothic', sans-serif;
		        padding-top:120px;
		padding-bottom:20px;
		color:#54917f;
		font-weight:bold;
		}
		
		.v-les-page h3{
			font-size:24px;
		line-height:80px;
		color:#bc611e;
		font-family: 'League Gothic', sans-serif;
		font-weight:bold;
	     }
			
		.v-les-page p{	
	        font-size:14px;
		line-height:40px;
		font-family: 'BIZ UDPGothic', sans-serif;
		font-weight:bold;
		}
	
	.vo-day {
		text-align:left;
		margin-bottom:20px;
		margin-left:10px;
	}
	
	
		.vo-day p{
		     font-size:14px;
		line-height:30px;
		color:black;
		font-family: 'BIZ UDPGothic', sans-serif;
		font-weight:bold;
		}
		
	.v-les-page .v-calendar-container{
		width:80%;
		margin-left:20px;
		margin-right:20px;
	
		background:#f6f5f4;
	    margin:0 auto;
		
	
	}
	
	.vo-month p{
		line-height:30px;
		text-align:center;
		font-size:20px;
		color:black;
		font-family: 'BIZ UDPGothic', sans-serif;
		font-weight:bold;
		
			
		}
	
		
	.vo-month{
		width:100%;
	}
		

	
		.g-les-page{/*guitarカレンダー*/
			width:100%;
			background-color:#dcd6d2;
			text-align:center;
	      
		}
	
	
			
	
	
	.g-les-page .g-calendar-container{
		width: 80%;
		
		background:#f6f5f4;
		margin-left:20px;
		margin-right:20px;
		 margin:0 auto;	
			
	}
	
	.g-month p{
		line-height:30px;
		text-align:center;
	font-size:20px;
		color:black;
		font-family: 'BIZ UDPGothic', sans-serif;
	font-weight:bold;
			
		}
	.g-month{
		width: 100%;
		text-align:center;
	}

	
	.g-day{
		text-align:left;
		margin-bottom:20px;
		margin-left:10px;
	}
    .g-day p{
		     font-size:14px;
		line-height:30px;
		color:black;
		font-family: 'BIZ UDPGothic', sans-serif;
		font-weight:bold;
		}
	
			.yu-les-page{/*ゆうにいカレンダー*/
			width:100%;
			background-color:#dcd6d2;
			text-align:center;
	      
		}
	
	.yu-les-page h3 span{
		font-size:18px;
		color:;
		font-family: 'BIZ UDPGothic', sans-serif;
	    font-weight:bold;
	}	
	
	
	.yu-les-page .yu-calendar-container{
		width: 80%;
		
		background:#f6f5f4;
		margin-left:20px;
		margin-right:20px;
		 margin:0 auto;	
			
	}
	
	.yu-month p{
		line-height:30px;
		text-align:center;
	font-size:20px;
		color:black;
		font-family: 'BIZ UDPGothic', sans-serif;
	font-weight:bold;
			
		}
	.yu-month{
		width: 100%;
		text-align:center;
	}

	
	.yu-day{
		text-align:left;
		margin-bottom:20px;
		margin-left:10px;
	}
    .yu-day p{
		     font-size:14px;
		line-height:30px;
		color:black;
		font-family: 'BIZ UDPGothic', sans-serif;
		font-weight:bold;
		}		

	
	
	.kochira{
		text-align:center;
		background-color:#dcd6d2;
		width:100%;
	
	}

	
			

	.kochira a{
	    font-family: 'BIZ UDPGothic', sans-serif;
		font-weight:bold;
		color:black;
	}
	.kochira p{
		    font-size:14px;
		line-height:30px;
		font-family: 'BIZ UDPGothic', sans-serif;
		color:black;
		
	}
	
	
		
	


			/*フッター*/				
		.footer{
			
			background-color:#432;
		text-align:center;
		display:inline-block;
		width:100%;
		padding-bottom:20px;
		
	}
	
		footer .f-inner{
		color:#fff;
		text-align:center;
	width:100%;
		display:inline-block;
		
		
	}
			
	.f-inner h1{font-size:12px;
		padding-top:10px;
		
		font-family: 'BIZ UDPGothic', sans-serif;
		
	}	
		
	.f-inner h2{
		padding-bottom:20px;
		padding-left:20px;
		color:white;
		font-family: 'BIZ UDPGothic', sans-serif;
	}
		
	
	footer p{
		
		color:white;
		font-family: 'BIZ UDPGothic', sans-serif;
	}
		
	footer .mail-img a{color:white;
		
	}
	footer a{text-decoration:none;
		color:white;
	}	
	
		.f-inner a{
		font-family: 'BIZ UDPGothic', sans-serif;
	}
	

	
	
				
		
	/*タブレット表示*/	
		@media(min-width:700px){
			
			
			.vocal{display:flex;	/*レッスン*/						
                text-align:center;
			width:100%;
			justify-content:center;
			
			
		}
		.lesson-mes {
		text-align:center;
			width: 100%;
	}
		
	    .guitar-annai{

	     padding-top:15px;
	     width:400px;
	     height:700px;
        
			margin-top:50px;
			
         }
	 .vocal-annai{

	     padding-top:15px;
	     width:400px;
	     height:700px;
        
	   	margin-top:50px;
         }
	
	    .guitar-annai span{font-weight:bold;
				}	
		
		
		.vocal{display:flex;					
              justify-content:center;   
	    width:100%;
		}
		
	   
	    .vocal-annai span{font-weight:bold;
				}	
		

		.c-check{
	display:none;
	}	
	
	#content{background-color:#fffafa;/*メニュー内容*/
		
		text-align:left;
		width:;
			min-height:0;
			transform: translateX(0%);
		margin-top:20px;
	}
	
	#nav li	a{text-decoration:none;
		font-size: 8px;
		line-height: 0px;
		padding-left:3px;
		color:black;
		display:inline;	
		justify-content:space-between;
	}
	#nav li{
		display:inline-block;	
		
	}
	#content h3{
		display:none;
	}
		
	.v-les-page .v-calendar-container .vo-day{
		text-align:center;
			}
	.g-les-page .g-calendar-container .g-day{
		text-align:center;	
		
	}			
	.yu-les-page .yu-calendar-container .yu-day{
		text-align:center;	
		
	}		
		.v-les-page .v-calendar-container {
			width:50%;
		}	
	.g-les-page .g-calendar-container{	
			width:50%
			}
	.yu-les-page .yu-calendar-container{	
			width:50%
			}		
			
			

			
	}
		
	/*pc表示*/	
		@media(min-width:1000px){
		
	    .guitar-annai{/*レッスン開始*/

	     padding-top:15px;
	     width:600px;
	     height:900px;
       
         margin-top:50px;
			
         }
	    .vocal-annai{

	     padding-top:15px;
	     width:600px;
	     height:900px;
         
         margin-top:50px;
         }
	
			.guitar-annai span{
				font-weight:bold;
				}	
			.vocal-annai span{
				font-weight:bold;
				}	
		.lesson-mes {
		text-align:center;
			width: 100%;
	}
			
			
	.eigyo-img{
		margin-left:20px;
		margin-right:20px;
					width:500px;
			height:700px;
	    margin-top:100px;
		margin-bottom:70px;
		text-align:center;
	display:inline-block;
		}
			
			
		
		
	   
	   
		.toiawase{padding-top:20px;
		}

		.toiawase h2{
			padding-bottom:10px;
		}
		
		

	.c-check{
	display:none;
	}	
	
	#content{background-color:#fffafa;/*ハンバーガーメニュー内容*/
		
		text-align:left;
		width:;
			min-height:0;
			transform: translateX(0%);
		margin-top:20px;
	}
	
	#nav li	a{text-decoration:none;
		font-size: 8px;
		line-height: 0px;
		padding-left:3px;
		color:black;
		display:inline;	
		justify-content:space-between;
	}
	#nav li{
		display:inline-block;	
		
	}
	#content h3{
		display:none;
	}
		
	.v-les-page .v-calendar-container .vo-day{
		text-align:center;
			}
	.g-les-page .g-calendar-container .g-day{
		text-align:center;	
		
			}	
	.yu-les-page .yu-calendar-container .yu-day{
		text-align:center;	
		
	}			
	.v-les-page .v-calendar-container {
			width:50%;
		}	
	.g-les-page .g-calendar-container{	
			width:50%
			}
	.yu-les-page .yu-calendar-container{	
			width:50%
			}	
		
		


			
		}