@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%;	
    }
	
	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;
			
	}	/* ヘッダー全体終了*/
	
	

	
	  /*メニュー*/
	body{   background-color:#80c49;/* body全体 */
	font-size:10px;
	  text-decoration:none;
	
	}
	body a{/* body全体 */

	  text-decoration:none;
	
	}
	
	.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;/*メニュー内容*/
		text-align:center;
		width:100%;
		min-height:100vh;
		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;
	font-family: 'Roboto', sans-serif;
	
		line-height: 50px;
		padding-left:3px;
		color:black;
			display:block;
	}
	
    label{
	    margin-left:10px;
	    margin-top:10px;
		
	}
		/* メイン画像開始*/	
		
     main a{
	text-decoration:none;
    }
		
		
	.t-main{
			height:;
			width:100%;
			display:table;
	text-align:center;	
padding-top:100px;
		}		
.t-main-t2{
	display:none;
}


		
/* グリーティング開始*/
      .greerting{
        	text-align: center;
			width:100%;
			padding-top:80px;
			padding-bottom:20px;
			background-color:;	
		}

       .greerting p{
	        font-size: 14px;
	   font-family: 'BIZ UDPGothic', sans-serif;
	        font-weight:bold;
			line-height:20px;
		}
		main a{
		    background-color:#f8f8ff;
	padding:5px;
	color:black;
		}
		
		
       .greerting h2{	
	         font-size: 14px;
			
		}
       .a-con a{
	       font-family: 'Roboto', sans-serif;
			font-size:15px;	
			line-height:12px;
			color:white;
			text-decoration:none;
			background-color:#432;
			padding:10px 20px 10px 20px;
			
		}
		.a-con{
			width:100%;
			text-align:center;		
			margin-bottom:20px;
			margin-top:40px;
             }
.e-con a{
	font-family: 'Roboto', sans-serif;
}
	


	/* インフォメーション*/
		

        .news{
		    width:100%;
		    box-sizing:border-box;
			display:inline-block;
	        text-align:center;
  		    padding-left:30px;
	padding-right:20px;
	padding-top:20px;
	margin-top:100px;
	background-color:#fffafa;
          }


       
	
	
	
	.news h2{
		font-size:40px;
	font-family: 'League Gothic', sans-serif;
		
	
	       }
	
    .news h2 a{
	       color:black;
           }
.news-item {
	
	
	margin-top:30px;
	padding-top:20px;
	padding-bottom:80px;
	       text-align:left;
	       color:black;	
		background-color:#fffafa;
           }
     .news-title{
	       font-size:18px;
		color:black;
			font-family: 'BIZ UDPGothic', sans-serif;
	
           }
     .news-item time{
	       color:black;
	       font-weight:bold;
	       font-family: 'BIZ UDPGothic', sans-serif;
	       }
	
     .news-con ul li a {
	text-decoration:none;
	list-style:none;
	color:black;	
}
.news-con ul{
		list-style:none;
}
	
	
	
.news-con{
	padding-bottom:50px;
}
.news-con p{
	font-family: 'BIZ UDPGothic', sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	       }



	
.kozin-con{
	  background-color:#eee7e0;
	padding:30px 30px 30px 30px;
	margin-left:50px;
	margin-right:50px;
	margin-bottom:100px;
	text-align:center;
   
	color:black;
}

.con1-semi p span {
		font-size:18px;
		font-weight:bold;
	    font-family: 'BIZ UDPGothic', sans-serif;
	    text-decoration:underline;
		}	
.con1-semi-1 p{
	font-family: 'BIZ UDPGothic', sans-serif;
	font-size:14px;
	font-weight:;
	text-align:;
	    line-height:1.5;
	       }
.con1-semi p{
	font-family: 'BIZ UDPGothic', sans-serif;
	font-size:14px;
	font-weight:;
	text-align:center;
	    line-height:1.5;
	       }











/*コンテンツ開始*/	
.main-con{
	box-sizing:border-box;
	padding-left:20px;
	padding-right:20px;
  
	text-align:center;
	
}
.main-con-m{
	width:100%;
	text-align:center;
	margin-top:100px;
	
}
	
	
	
.repair-con{

	width:100%;
	
	padding-top:30px;
}

.event-con{
	width:100%;
		margin-bottom:100px;
	padding-top:100px;
}

.lesson-con{
	width:100%;
	
	padding-top:100px;

}
.main-con-m h2{
	font-size:40px;
	font-family: 'League Gothic', sans-serif;
}







		
	/*その他インフォのページ#c49a6a*/
		
.ather{
	    width:100%;
		background-color:;

		padding-bottom:30px;
		text-align:center;		

					
	}

	.ef{max-width:300px;/*エフェクターボード*/
		min-width:270px;
	    background-color:#eee7e0;
		background-size: 80px 80px;	
		display:inline-block;
		margin-top:30px;
		padding:20px 10px 10px 10px;
		}
	
		
	.ef p{ font-size:10px;
		line-height:12px;
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
		
		}
		.ef span{
		font-size:16px;
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
		}
	
		
	.gui-t{/*ギターテック*/
		max-width:300px;
		min-width:270px;
		  background-color:#eee7e0;
		background-size: 80px 80px;	
		display:inline-block;
		padding:20px 10px 10px 10px;
		margin-top:30px;
		
		}
		
		
		.gui-t img{
			width:100%;
			}
			
			
		.gui-t p{font-size:10px;
		line-height:12px;
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
		}
		.gui-t span{
		font-size:16px;
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
		}
			
		.gui-t-img{
		margin-top:10px;
		
					width:150px;
					height:140px;
				display:inline-block;
					
				
}			

		
.hanbai{
	max-width:300px;/*販売*/
		min-width:270px;
		  background-color:#eee7e0;
		background-size: 80px 80px;	
		display:inline-block;
		padding:20px 10px 10px 10px;
		margin-top:30px;
		
		}
		
		.hanbai img{
			width:100%;
		}
		
	    .hanbai p{
		    font-size:10px;
		    line-height:12px;
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
		}
		.hanbai span{
		font-size:16px;
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
		}
			
		.hanbai-img{
					margin-top:10px;
					width:150px;
					height:100px;
				display:inline-block;
					
				
					}			



	.studio-rent{max-width:300px;/*レンタルスペース*/
		min-width:270px;
		  background-color:#eee7e0;
		background-size: 80px 80px;	
	
		display:inline-block;
		padding:20px 10px 10px 10px;
		
		
		margin-top:30px;
		
		}
		
		.studio-rent-img{
			width:100%;
		}
		
	    .studio-rent p{
		     font-size:10px;
		line-height:12px;
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
	}
	
		.studio-rent span{
		font-size:16px;
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
		}
			
						.rent-img{
					margin-top:10px;
					width:150px;
					height:100px;
				display:inline-block;
	}	
				
						
.sonota{max-width:300px;/*その他*/
		min-width:270px;
		  background-color:#eee7e0;
		background-size: 80px 80px;	
		

		display:inline-block;
		padding:20px 10px 10px 10px;
		margin-top:30px;
		}
		
		.sonota img{
			width:100%
			}
			
		.sonota p{
			font-size:10px;
			line-height:12px;
			font-weight:bold;
			font-family: 'BIZ UDPGothic', sans-serif;
		}
		.sonota span{
		font-size:16px;
		font-weight:bold;
		font-family: 'BIZ UDPGothic', sans-serif;
		}
			
		.semi-img{
				margin-top:10px;
				width:150px;
				height:100px;
				display:inline-block;
					
		}	
		
		
		.ather2{
			width:100%;	
		    text-align:center;						
		}
		
		
		.e-mes-con{
			background-color:#fdf5e6;
			padding:50px 10px 50px 10px;
			margin-top:80px;
			margin-bottom:50px;
		    display:inline-block;
			
		}
			
		
		
		
		
		
		.ather2 h1{
			font-size:16px;	
		line-height:20px;
		font-family: 'BIZ UDPGothic', sans-serif;
		
		}
	    .e-con a {
			font-size:15px;	
			line-height:12px;
			color:white;
			text-decoration:none;
			background-color:#432;
			padding:10px 20px 10px 20px;
			
}
		.e-con{
			width:100%;
			text-align:center;		
			margin-bottom:20px;
			margin-top:50px;
		}

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

	}
		
	footer .mail-img a{color:white;
		
	}
	footer a{text-decoration:none;
		color:white;
	}	
	
	
	/*タブレット表示タブレット表示タブレット表示タブレット表示タブレット表示*/	
		@media(min-width:700px){
				
		#con ul{display:flex;/*contents並び替え*/s	
				
			}
			#con li{height:120px;
				
			}
			#con a{display:inline-block;
				padding-top:20px;
			line-height:15px;
			font-size:18px;
				
				
				
			}
		
		#con p{font-size:11px;
			line-height:15px;
			padding-top:10px;
		}
	
	.ather{display:flex;/*inf ather並び替え*/
		justify-content:center;
		flex-wrap:wrap;
				
			}		
		.ef{
		   margin-right:30px;
			
		}
		
		.gui-t{
			margin-right:30px;
		
		}
		
		
		.hanbai{
			margin-right:30px;
		
		}
	

		.studio-rent{
		margin-right:30px;
		
		}
		

	.sonota{
		
		margin-right:30px;
		
		}
		
	.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-block;	
		justify-content:space-between;
	}
	#nav li{
		display:inline;	
		
	}
	#content h3{
		display:none;
	}
			#con a{
	padding-left:30px;
	padding-right:30px;
	
    	}
	
	
			
	.end-contact{
			margin-left:200px;
			margin-right:200px;
    }
	
		
	.end-image-img{
		margin:;
	}
	.end-image-img img{
		width:50%;
		}
		.end-image{
			width:100%;
			text-align:center;
		text-align:center;	
		}
		
			
			.main-con{
				display:flex;
				align-items:center;
				width:100%;
			
				
			}
		
		.kozin-con{
			margin-top:50px
			}		
		
		
		
		
		
		
		
		
		
		
}		
	/*pc表示pc表示pc表示pc表示pc表示pc表示pc表示pc表示pc表示pc表示*/	
		@media(min-width:1000px){
			
			
		#con ul{display:flex;/*contents並び替え*/
				
				
				
			}
			#con li{height:120px;
				
			}
			#con a{display:inline-block;
				padding-top:20px;
			line-height:15px;
			font-size:20px;
				
				
				
			}
		
		#con p{font-size:15px;
			line-height:15px;
			padding-top:10px;
		}

		.t-main{	  /*メインサイズ変更*/
		width:100%;	
			height:;
			padding-top:80px;
		
		}
		.t-main-t{	display:none;
		
		.t-main-t2{
		
			display:none;
		
		}	
			
			
			
		
		.greerting{
        	text-align: center;
			width:50%;
			height:;
			padding-top:100px;
			}
			
			.main-con{
				display:flex;
				align-items:center;
				width:100%;
			
				
			}
			
   /*インフォメーション*/
		.info p{font-size:15px;
		}
	  .info span{font-size:25px;
	  
		}
		 .news h2{font-size:40px;
	  
			}
			.news-con ul{
				text-align:center;
			}
			.news-item li{
				display:inline;
			}
			
			
			main-con{
				display:flex;/*メインコンテンツ並び替え*/
		justify-content:center;
		flex-wrap:wrap;
				
			}					
				
			
			
			
		.ather{display:flex;/*inf ather並び替え*/
		justify-content:center;
		flex-wrap:wrap;
				
			}		
		.ef{
		   margin-right:30px;
			
		}
		
		.gui-t{
			margin-right:30px;
		
		}
		
		
		.hanbai{
			margin-right:30px;
		
		}
	

		.studio-rent{
		margin-right:30px;
		
		}
		
			.main-con{
				display:flex;
				align-items:center;
				width:100%;
			
				
			}
		
		
					
			
			
			
			
			
			
			

	.sonota{
		
		margin-right:30px;
		
		}
		
	.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;
	}
		
	.end-image-img img{
		width:50%;
		}
		.end-image{
			width:100%;
			text-align:center;
		text-align:center;	
			}
			
	.con1{
	  background-color:#eee7e0;
	padding:30px 30px 30px 30px;
	margin-left:300px;
	margin-right:300px;
				margin-bottom:100px;
				margin-top:100px;
}
.con1 p{
	font-family:sans-serif;
	font-size:14px;
	font-weight:;
	       }
	
			.kozin-con{
				width:80%;
	  background-color:#eee7e0;
		padding:0px 0px 0px 0px;
	margin-left:100px;
	margin-right:100px;
				margin-bottom:100px;
				margin-top:100px;
	text-align:center;
   
	color:black;
}

		
			
			
	}