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

/*------------------------------------------------------------------------------
	すみやグッディ - Structure CSS
	URL: http://www2.sumiya-goody.co.jp/
	Date: 2015-11-30
	Copyright SUMIYA-GOODY CO.,LTD. All rights Reserved.
------------------------------------------------------------------------------*/

@media screen and (min-width: 737px){
header .sp_navigation,
.ft_sp_navigation,
#siteTitleSp,
#siteTitleSp_short,
#main #spSchoolNav,
#main .spBnr{
	display:none;
}
/*==============================================================
　PC
===============================================================*/
/* #wrapper */
div#wrapper{
	position:relative;
	width:1390px;
}

/* #skip */
ul#skip{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:0;
}
.box{
	position:relative;
	overflow:hidden;
	margin-bottom:30px;
}
.box h2 {
	font-size:170% !important;
	font-weight:bold;
	padding-bottom:15px;
	margin-bottom:15px;
	/*width:150px;*/
	display:inline-block;
	border-bottom:6px solid #feb300;
	font-family:"ヒラギノ角ゴ Pro W5", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}
.box ul.entry{
	overflow:hidden;
}
#home .box ul.entry{
	display: flex;
	flex-wrap: wrap;
}
.box ul.entry li{
	width:470px;
	float:left;
	overflow:hidden;
}

body#liveEventIndex .box ul.entry li{
	min-height:147px;
}
#home .box ul.entry li{
	width: 47%;
}
	
.box ul.entry li:nth-child(even){
	float:right;
}
#home .box ul.entry li:nth-child(even){
	margin-left: 6%;
}
.box ul.entry li p.photos{
	float:left;
	width:252px;
}
.box ul.entry li h3,
.box ul.entry li p.txt{
	float:right;
	width:200px;
}
.box ul.entry li h3{
	font-weight:bold;
	font-size:120%;
	padding-bottom:10px;
}
.box ul.entry li .txt{
	font-size:90%;
	line-height:2.0 !important;
}
.box h2 span {
	font-size:45%;
	padding-left:10px;
	color:#feb300;
	display:inherit /*!important*/;
	vertical-align:middle;
}

body#home .box h2 span {
	display:inline;
}

/*==============================================================
	#header : ヘッダ
===============================================================*/

header{
	width:275px;
	height:100%;
	padding:0;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#fbfaf5;
}

header #bgNav{
	width:275px;
	height:100%;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	background:#fbfaf5;
}
/* #siteTitle */
header h1#siteTitle,
header p#siteTitle{
	text-align:center;
	margin-top:25px;
}

#siteTitleSp{
	display:none;
}

header #globalNav{
	margin-top:25px;
	padding-bottom:7px;
}
header #globalNav li{
	margin-bottom:10px;
}
header #globalNav li a{
	color:#595959;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:0 15px 5px;
	text-align:center;
	font-size:130%;
}
header #globalNav li span{
	color:#b8ab9f;
	display:block;
	text-align:center;
	font-size:80%;
}
header #subNav{
	padding-top:19px;
	background:url(../img/bg_dot.png) no-repeat top center;
}
header #subNav li a{
	color:#595959;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:8px 9px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
}

header #subNav #toPianosite img{
	margin-bottom:10px;
}

header #subNav li.bnr_jobs a{
    background: #e86b02;
    padding: 10px;
    border-radius: 5px;
    width: 80%;
    color: #fff;
    margin: 10px auto 0 auto;
    line-height: 1.5;
    font-size: 130%;
}

/* #globalNav 
----------------------------------------------------*/

.secNav{
	position:absolute;
	top:0;
	left:0;
	width:275px;
	height:100%;
	padding-top:80px;
	background:#fff;
	z-index:-1;

}
.secNav li {
	position:relative;
}
.secNav li{
	margin-bottom:0 !important;
}
.secNav li a{
	color:#595959;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:15px 10px !important;
	text-align:left !important;
	font-size:110% !important;
}
.secNav li a:hover{
	background:#ededed !important;
}
.thiNav li {
	font-size:90%;	
}
.thiNav li a {
	padding-left: 25px !important;
}


/*==============================================================
	#pan : パンクズ
===============================================================*/
p.pan {
	font-size:90%;
	}
p.pan a{
	text-decoration:none;
	}

/*==============================================================
	#main : 主コンテンツ
===============================================================*/

div#main{
	width:1000px;
	margin-left:275px;
}


/*==============================================================
	#footer : フッタ
===============================================================*/

/* #subNav
----------------------------------------------------*/
div#main #hdNav{
	height:auto;
	overflow:hidden;
	padding:5px 0 5px 15px;

}
div#main #hdNav ul{
	margin-bottom:0;
	float:right;
	height:auto;
}
div#main #hdNav li{
	text-align:right;
	font-size:80%;
	display:inline-table;
}
div#main #hdNav li a{
	color:#565656;
	text-decoration:none;
}
div#main #hdNav li#snavCompany{
	padding:0 0 0 20px;
	background:url(../img/ico_company.png) no-repeat;
}
div#main #hdNav li#snavSitemap{
	padding:0 0 0 20px;
	margin-left:30px;
	background:url(../img/ico_sitemap.png) no-repeat;
}
footer{
	overflow:hidden;
}

/* #copyright : 著作権表示 */
footer p#copyright{
	font-family:sans-serif;
	text-align:right;
	font-size:80%;
	margin:25px 0 0 0 !important;
	padding:10px 50px 10px 0;
	color:#000;
	background:#ffd200;
}
body.blog footer p#copyright{
	margin-top:0 !important;
}
	
#sns{
	position:fixed;
	top:10px;
	right:10px;
	z-index: 1;
}
#sns li img{
	transition: 0.5s;
	margin-bottom:10px;
}

#sns li img:hover {
  -moz-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
}
.toTop{
	position:fixed;
	bottom:50px;
	right:10px;
}
/*マウスオーバーで色重ねる*/

.pic_box{
	position: relative;
	overflow: hidden;
	width:333px;
	height:298px;
}
.pic_box p{
	display:block;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
.pic_box:hover p{
	top: 0;
	left: 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	opacity: 1;
}

.pic_box:hover p span{
	position:absolute;
	top: 140px;
	left: 40%;
	padding:5px;
	border:1px solid #ccc;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
/*
.pic_box {
	width:333px;
	height:298px;
	position:relative;
	overflow:hidden;
	float:left;
}
.pic_box span{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	position:absolute;
	top:298px;
	left:0;
}
.pic_box p {
	font-weight:bold;
	text-align:center;
	margin-top:140px;
		
}
.pic_box p a{
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	padding:5px;

}
.pic_box p a:hover {
	background:#fff;
	color:rgba(0,0,0,1);
}*/


body#schPcIndex #main .tbl001,
#main article#musicshool + article#shop .tbl001 {
	margin:20px !important;
}
    
body#adultIndex #main section a.btn,
body#tuningGuitar #main section a.btn,
body#tuningIndex #main section a.btn,
body#gidelineIndex #main section a.btn,
body.rental #main section a.btn,
body#secondhandIndex #main section a.btn,
body#originalIndiv #main #entry button#entryBtnOn,
body#tokyoIndiv #main button#entryBtnOn,
body#scoreIndex #main section a.btn,
body#cantactTksIndex #main section a.btn,
body#orderTksIndex #main section a.btn,
body#proposalIndex #main section a.btn,
body.event #main section a.btn,
body#schPcIndex #main section a.btn,
body#compShop #main section a.btn,
body.school #main section a.btn,
body.school #main section .listCulum2 p span.btn,
body.search #main section a.btn,
body#teacherIndex #main section a.btn,
body#parlourIndex #main section a.btn,
body#fixturesIndex #main section a.btn,
body#materialIndex #main section a.btn,
body#windIndex #main section a.btn,
body#menteIndex #main section a.btn,
body#repairIndex #main section a.btn,
body#scoreBbm #main section a.btn,
body#gakuhanIndex #main section a.btn,
body#originalArchive #main section a.btn,
body#scoreEnsemble #main section a.btn,
body#originalIndiv #main section a.btn,
body#bandinnArchive #main section a.btn,
body#bandinnIndiv #main section a.btn,
body#etcArchive #main section a.btn,
body#etcIndiv #main section a.btn,
body#tokyoArchive #main section a.btn,
body#tokyoIndiv #main section a.btn,
body#contactIndex #main section a.btn,
body.aboutus #main section a.btn{
    background: #e86b02;
	width:32%;
    border-radius: 5px;
    font-size: 120%;
	color:#fff;
    padding: 20px 0;
	display:block;
	text-align:center;
	margin:15px auto 0;
    text-decoration: none;
}
body.school #main section .listCulum2 p span.btn{
	width:100%;
	position:absolute;
	bottom:0;
}
body#schChildMusic #main section li{
	position: relative;
	height:420px;
}
body#adultIndex #main section a.btn:hover,
body#tuningGuitar #main section a.btn:hover,
body#tuningIndex #main section a.btn:hover,
body#gidelineIndex #main section a.btn:hover,
body.rental #main section a.btn:hover,
body#secondhandIndex #main section a.btn:hover,
body#originalIndiv #main #entry button#entryBtnOn:hover,
body#tokyoIndiv #main #entry button#entryBtnOn:hover,
body#scoreIndex #main section a.btn:hover,
body#cantactTksIndex #main section a.btn:hover,
body#orderTksIndex #main section a.btn:hover,
body#proposalIndex #main section a.btn:hover,
body.event #main section a.btn:hover,
body#schPcIndex #main section a.btn:hover,
body#compShop #main section a.btn:hover,
body.school #main section a.btn:hover,
body.school #main section .listCulum2 p span.btn:hover,
body.search #main section a.btn:hover,
body#teacherIndex #main section a.btn:hover,
body#parlourIndex #main section a.btn:hover,
body#fixturesIndex #main section a.btn:hover,
body#materialIndex #main section a.btn:hover,
body#windIndex #main section a.btn:hover,
body#windIndex #main #list span.Btn:hover,
body#menteIndex #main section a.btn:hover,
body#repairIndex #main section a.btn:hover,
body#scoreBbm #main section a.btn:hover,
body#gakuhanIndex #main section a.btn:hover,
body#originalArchive #main section a.btn:hover,
body#scoreEnsemble #main section a.btn:hover,
body#originalIndiv #main section a.btn:hover,
body#bandinnArchive #main section a.btn:hover,
body#bandinnIndiv #main section a.btn:hover,
body#etcArchive #main section a.btn:hover,
body#etcIndiv #main section a.btn:hover,
body#tokyoArchive #main section a.btn:hover,
body#tokyoIndiv #main section a.btn:hover,
body#contactIndex #main section a.btn:hover,
body.aboutus #main section a.btn:hover{
    background: #595959 !important;
    color: #fff !important;
    transition: background-color 1s linear 0s !important;
}

body#compShop #main article .alignC,
body#schPcIndex #main article .alignC {
    overflow: hidden;
    clear: both;
	padding-top: 10px;
}
body.event #main section a.btn {
	width:40%;
}
body#cantactTksIndex #main section p.morebtn,
body#orderTksIndex #main section p.morebtn,
body#proposalIndex #main section p.morebtn{
	width:35%;
}
body#cantactTksIndex #main section a.btn,
body#orderTksIndex #main section a.btn,
body#proposalIndex #main section a.btn{
	margin:0;
	width:100%;
}
body#proposalIndex #main section p.morebtn,
body.event #main section p.morebtn {
	margin-bottom:30px;
}
body#compShop #main section a.btn {
	margin-bottom:10px;
}

/*--EOF-----------------------------------------------------------------------*/
}
@media screen and (max-width:1350px) {
#sns{
	right:100px;
}
	}
@media screen and (max-width: 640px) {
/*==============================================================
　SP
===============================================================*/

ここにスマホ用スタイルを記述

/*--EOF-----------------------------------------------------------------------*/
}