@charset 'UTF-8';
/* 共通ルール */
section h1{
	float: none;
}

img{
	vertical-align: bottom;
}

h1.type1{
	margin: 0 0 15px 0;
	border-bottom: 3px solid #d52414;
}

section.sectionbox{
	font-size: 12px;
	line-height: 18px;
	padding: 14px 9px;
}

.areablock{
	font-size: inherit !important;
	line-height: inherit !important;
	display: block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	color: inherit !important;
	border: none !important;
	border-radius: 0 !important;
	background: none !important;
}

/* 共通ルール */
/* トップバナー */
.top_banner{
	padding: 10px;
}

.top_banner img{
	width: 100%;
}

/* ナビゲーション */
#top_navi h1 img{
	width: 100%;
}

#top_navi ul li:nth-child(odd){
	background: #d5d5d5;
}

#top_navi ul li:nth-child(even){
	background: #f1f1f1;
}

#top_navi ul li a{
	display: block;
	padding: 9px 12px;
}

/* お問い合わせ */
section.contact{
	margin: 10px 0 0 0;
	padding: 16px 21px;
	text-align: center;
	background: #f1f1f1;
}

section.contact h1{
	padding: 0 0 7px 0;
}

section.contact h2{
	padding: 0 0 10px 0;
}

div.lesson_bt a{
	line-height: 40px;
	display: block;
	height: 40px;
	border-radius: 3px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f77104), color-stop(1, #fa4a06));
	background-image: -webkit-linear-gradient(top, #f77104 0%, #fa4a06 100%);
	background-image:         linear-gradient(to bottom, #f77104 0%, #fa4a06 100%);
	box-shadow: inset -1px 0 1px rgba(255, 255, 255, .5), inset -1px 0 -1px rgba(255, 255, 255, .5);
}

div.lesson_bt a img{
	vertical-align: middle;
}

/* sectionbox1 */
.sectionbox1_in01{
	display: table;
	width: 100%;
	margin: 0 0 13px 0;
}

.sectionbox1_in01_left{
	display: table-cell;
	padding: 0 19px 0 0;
	vertical-align: top;
}

.sectionbox1_in01_right{
	display: table-cell;
	width: 110px;
	vertical-align: top;
}

.sectionbox1_button a{
	line-height: 45px;
	position: relative;
	display: block;
	overflow: hidden;
	height: 45px;
	margin: 0 11px;
	padding: 0 18px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #f8f8f8;
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
}

.sectionbox1_button a img{
	vertical-align: middle;
}

.sectionbox1_in02{
	margin: 15px 0 0 0;
	padding: 9px 11px;
	background: #f0f0f0;
}

.sectionbox1_in02 p{
	padding: 10px 0 0 0;
}

.sectionbox1_button img.sectionbox1_button02{
	position: absolute;
	top: 0;
	right: 0;
}

.real_time01{
	margin: 10px 0 0 0;
	padding: 5px;
	background: #f0f0f0;
}

.real_time01_in{
	display: table;
}

.real_time01 .real_time01_left{
	font-size: 9px;
	display: table-cell;
	width: 150px;
	vertical-align: top;
}

span#sax_beginner_percentage{
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}

span#sax_beginner_count{
	font-size: 7px;
	font-weight: bold;
	padding: 12px 15px 0 0;
}

span#sax_present_date{
	font-size: 8px;
	line-height: 8px;
	display: block;
	padding: 0 15px 0 0;
	text-align: right;
}

.real_time01 .real_time01_right{
	display: table-cell;
	width: 152px;
	height: 47px;
	vertical-align: top;
	background: url(../../../images/instrument/sax/real_time01_right.jpg) no-repeat;
	background-size: 152px 47px;
}

.real_time01 .real_time01_right p{
	margin-top: 8px;
}

.real_time02 .real_time02_right p{
	margin-top: 8px;
}

.real_time01 h1{
	margin: 0 0 5px 0;
}

.real_time01 h2{
	line-height: 12px;
}

.real_time01 h2 em{
	font-style: normal;
	color: #cb0e17;
}

.real_time02{
	margin: 10px 0 0 0;
	padding: 5px;
	background: #f0f0f0;
}

.real_time02_in{
	display: table;
}

.real_time02 .real_time02_left{
	font-size: 9px;
	display: table-cell;
	width: 150px;
	vertical-align: top;
}

span#sax_gift_count{
	font-size: 20px;
	font-weight: bold;
	display: block;
	padding: 2px 0 5px 0;
	text-align: center;
}

span#sax_beginner_count small{
	font-size: 9px;
	line-height: 9px;
	padding: 0 0 3px 5px;
}

span#sax_beginner_percentage{
	color: #bc111a;
}

span#sax_beginner_date{
	font-size: 8px;
	line-height: 8px;
	display: block;
	padding: 0 15px 0 0;
	text-align: right;
}

.real_time02 .real_time02_right{
	display: table-cell;
	width: 152px;
	height: 47px;
	text-align: right;
	vertical-align: top;
	background: url(../../../images/instrument/sax/real_time02_right.jpg) no-repeat;
	background-size: 152px 47px;
}

.real_time02 h1{
	margin: 0 0 5px 0;
}

.real_time02 h2{
	line-height: 12px;
}

.real_time02 h2 em{
	font-style: normal;
	color: #cb0e17;
}

.sectionbox2_in01{
	padding: 13px 11px;
}

.sectionbox2_in01 h2{
	border-bottom: 1px solild #fa4803;
}

.sectionbox2_in_text{
	margin: 10px 0 0 0;
}

.sectionbox2_in_text .left{
	margin: 0 0 15px 0;
}

.sectionbox2_in_text img{
	float: right;
	margin: 0 0 20px 20px;
}

.sectionbox2_in02 img{
	width: 100%;
}

.sectionbox2_in02_in{
	position: relative;
	padding: 15px 10px;
	border: 5px solid #e4e4e4;
	background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f2f2f2));
	background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%);
	background-image:         linear-gradient(to bottom, #fff 0%, #f2f2f2 100%);
}

.sectionbox2_in02_in p{
	padding: 9px 11px;
	background: #fff;
}

.sectionbox2_in02_in_bg01{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 121px;
	height: 121px;
}

.sectionbox2_in03_in{
	margin: 0 0 15px 0;
}

.sectionbox2_in03 h2 img{
	width: 100%;
}

.sectionbox2_in03_in h3 img{
	width: 100%;
}

.sectionbox2_in03_in dl{
	margin: 10px 0 0 0;
	padding: 13px 9px;
	background: #e9e9e9;
}

.sectionbox2_in03_in dl img{
	width: 100%;
}

.sectionbox2_in03_in dl dt{
	margin: 0 0 15px 0;
}

.sectionbox2_in03_in dl dd p.image{
	margin: 15px 0 0 0;
}

.service01{
	margin: 15px 0 0 0;
	padding: 0 0 14px 0;
	border: 3px solid #876607;
}

.service01 img{
	width: 100%;
}

.service01 h2{
	border-bottom: 3px solid #876607;
}

.service01_in{
	padding: 14px 12px 0 12px;
}

.service01_in ul{
	display: table;
	width: 100%;
	margin: 7px 0;
}

.service01_in ul li{
	display: table-cell;
	width: 50%;
}

.service01_in ul li:nth-child(even){
	padding: 0 0 0 3px;
}

.service01_in ul li:nth-child(odd){
	padding: 0 3px 0 0;
}

ul.graylist{
	margin: 14px 12px 0 12px;
	padding: 11px;
	background: #ebebeb;
}

ul.graylist li{
	font-size: 9px;
	padding: 0 0 0 9px;
	text-indent: -1em;
}

ul.graylist li:before{
	content: '※';
}

.service01_enjoy01{
	padding: 15px 9px;
}

.sectionbox3_in01{
	margin: 0 0 25px 0;
}

.text_table{
	display: table;
	width: 100%;
	margin: 14px 0 0 0;
}

.text_table .left{
	display: table-cell;
	padding: 0 10px;
	vertical-align: top;
}

.text_table .left strong{
	font-weight: normal;
	color: #d52414;
}

.text_table .right{
	display: table-cell;
	width: 109px;
	vertical-align: top;
}

.sectionbox3_in02 h2 img{
	width: 100%;
}

.sectionbox3_in02_in h3 img{
	width: 100%;
}

.sectionbox3_in02_in{
	position: relative;
	width: 302px;
	height: 173px;
	margin: 15px auto;
	background: #ffeaef;
}

.sectionbox3_in02_in p{
	line-height: 16px;
	padding: 12px;
	color: #eb3065;
}

.sectionbox3_in02_in .img_wrap{
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.sectionbox4_in01 h2{
	margin: 15px 0;
}

.sectionbox4_in01 h2 img{
	width: 100%;
}

.sectionbox4_in01 p{
	margin: 15px 0;
}

.sectionbox4_in01 p strong{
	font-weight: normal;
	color: #d52414;
}

.text_block{
	margin: 0 0 10px 0;
	padding: 6px;
	border: 3px solid #b2b2b2;
}

.sectionbox4_in01 .bottom_img img{
	width: 100%;
}

.sectionbox5_in01{
	position: relative;
	margin: 0 0 0 9px;
	padding: 30px 15px 20px 15px;
	border: 1px solid #99f4fb;
	background: #f1feff;
}

.sectionbox5_in01 h2{
	position: absolute;
	top: -1px;
	left: -9px;
}

.sectionbox5_in01 h3{
	margin: 0 0 10px 0;
}

.sectionbox5_in01 h3 img{
	width: 100%;
}

.ranking{
	display: table;
	width: 100%;
	margin: 15px 0 0 0;
}

.ranking ul{
	display: table-cell;
	width: 49%;
}

.ranking ul li img{
	width: 100%;
}

.ranking ul:nth-child(odd) li{
	padding: 0 0 5px .5%;
}

.ranking ul:nth-child(even) li{
	padding: 0 .5% 5px 0;
}

.lesson_table{
	display: table;
	width: 100%;
	margin: 10px 0 0 0;
}

.lesson_table .left{
	display: table-cell;
	padding: 0 8px 0 0;
	vertical-align: top;
}

.lesson_table .left ul{
	height: 53px;
	padding: 10px 7px;
	border-radius: 3px;
	background: #fff;
	box-shadow: 1px 2px 3px rgba(0, 0, 0, .46);
}

.lesson_table .left ul li{
	font-size: 8px;
	line-height: 13px;
	margin: 0 0 7px 0;
	padding: 0 0 0 10px;
	text-indent: -1em;
}

.lesson_table .left ul li:before{
	content: '※';
}

.lesson_table .right{
	display: table-cell;
	width: 115px;
	vertical-align: top;
}

.lesson_table .right img{
	width: 100%;
}

.sectionbox6_in01{
	padding: 15px 12px;
	background: #f1f1f1;
}

.sectionbox6_in01 h2{
	margin: 0 0 10px 0;
}

.sectionbox6_in01 h2 img{
	width: 100%;
}

.sectionbox6_in01 .bottom_img{
	margin: 15px 0 0 0;
}

.sectionbox6_in01 .bottom_img img{
	width: 100%;
}

.eys_ranking{
	margin: 15px 9px;
	padding: 0 0 10px 0;
	background: #f2f2f2;
}

.eys_ranking .title_block img{
	width: 100%;
}

.eys_ranking .title_block p{
	font-size: 9px;
	line-height: 20px;
	height: 20px;
	padding: 0 0 0 7px;
	color: #fff;
	background: #000;
}

.eys_ranking_in{
	margin: 10px 12px;
}

.eys_ranking_in h2{
	margin: 0 0 10px 0;
}

.eys_ranking_in.top3 .ranking_text h3{
	font-size: 13px;
	line-height: 23px;
	height: 23px;
	padding: 0 0 0 10px;
	color: #fff;
	background: #5d5b5c;
}

.eys_ranking_in.top3 .ranking_text_in_wrap{
	padding: 10px 9px;
	background: #fff;
}

.eys_ranking_in.top3 .ranking_text_in{
	display: table;
	width: 100%;
}

.eys_ranking_in.top3 .ranking_text_in .left{
	display: table-cell;
	padding: 0 6px 0 0;
	vertical-align: top;
}

.eys_ranking_in.top3 .ranking_text_in .left h4{
	font-size: 13px;
}

.eys_ranking_in.top3 .ranking_text_in .left h5{
	font-size: 9px;
}

.eys_ranking_in.top3 .ranking_text_in .left p{
	font-size: 10px;
	margin: 5px 0 0 0;
}

.eys_ranking_in.top3 .ranking_text_in .right{
	display: table-cell;
	width: 111px;
	vertical-align: top;
}

.eys_ranking_in.top3 .ranking_text_in .right img{
	width: 100%;
}

.eys_ranking_in.under h3{
	font-size: 9px;
	margin: 0 0 5px 0;
}

.eys_ranking_in.under p{
	font-size: 11px;
	padding: 7px;
	background: #fff;
}

div.bottom_links{
	margin: 10px 0 0 0;
	background: #f1f1f1;
}

div.bottom_links ul{
	padding: 11px 23px 0 23px;
}

div.bottom_links ul li{
	font-size: 10px;
	padding: 0 0 10px 11px;
	text-indent: -1em;
	color: #c90d16;
}

div.bottom_links ul li a{
	text-decoration: none;
	color: #c90d16;
}

div.bottom_links ul li:before{
	content: '→';
}

.snsarea{
	margin: 6px 9px;
	background: #f7f6f2;
}

.snsarea h2 img{
	width: 100%;
}

.article_wrap{
	margin: 0 6px;
	padding: 17px 0 20px 0;
	border-bottom: 1px dotted #424241;
}

.snsarea p.top_name{
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 8px 0;
	color: #c90d16;
}

.snsarea .article_table{
	display: table;
	width: 100%;
}

.snsarea .article_table .left{
	font-size: 11px;
	line-height: 16px;
	display: table-cell;
	width: 46px;
	padding: 0 14px 0 0;
	vertical-align: top;
}

.snsarea .article_table .left p.left_name{
	font-size: 8px;
	color: #c90d16;
}

.snsarea .article_table .right{
	display: table-cell;
	vertical-align: top;
}

.snsarea .article_table .right p.right_name{
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #c90d16;
}

.snsarea .article_table .right .right_in{
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	position: relative;
	padding: 9px 8px;
	border: 1px solid #d5c536;
	background: #fff;
}

.snsarea .article_table .right .right_in:after{
	position: absolute;
	top: 10px;
	left: -11px;
	width: 12px;
	height: 12px;
	content: '';
	background: url(../../../images/instrument/sax/snsarea_arrow01.png) no-repeat;
}

.snsarea .article_table .right .right_in p.link{
	padding: 0 0 0 18px;
	background: url(../../../images/instrument/sax/snsarea_link01.jpg) no-repeat 0 3px;
	background-size: 14px 11px;
}

.snsarea .article_table .right .right_in p.link a{
	color: #c90d16;
}

.facebook_wrap{
	overflow: hidden;
	width: 303px;
	height: 200px;
	margin: 12px auto;
	border: 1px solid #aaa;
}

.facebook_wrap iframe{
	margin: -1px 0 0 -1px;
}

.content1_box4_wrap{
	margin: 10px 9px;
}

.content1_box4_wrap h1 img{
	width: 100%;
}

#content1_box4{
	overflow-x: hidden;
	overflow-y: auto;
	height: 232px;
	padding: 9px 14px;
	border: 3px solid #f19709;

	-webkit-overflow-scrolling: touch;
}

#content1_box4 table{
	width: 100%;
}

#content1_box4 table td{
	padding: 7px 3px;
	vertical-align: top;
	border-bottom: 1px dotted #444;
}

#content1_box4 table td.thumb{
	width: 46px;
	padding-right: 9px;
	vertical-align: top;
}

#content1_box4 table td.thumb img{
	width: 100%;
}

#content1_box4 table td.thumb img.border{
	display: none;
}

#content1_box4 table td p.f14{
	font-size: 12px !important;
	font-weight: bold;
}

#content1_box4 table td p.f12{
	font-size: 10px !important;
}

#content1_box4 table td p.f10{
	font-size: 10px !important;
}

#content1_box4 iframe{
	width: 100%;
	border: none;
}

/* clearfix
===========================================================*/
.clearfix:after{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: '.';
}

.clearfix{
	min-height: 1%;
}

* html .clearfix{
	height: 1%;
	/*¥*/
	/*/
height: auto;
overflow: hidden;
/**/
}

/***********************************************************
サックスプレゼント
**********************************************************/
.presentBoxn{
	padding: 20px 10px;
	background: none;
}
.presentBoxn img{
	max-width: 100%;
	height: auto;
}
.presentBoxn .title{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 3.84615% 5.32544%;
	padding-top: 26.0355%;
	text-align: left;
	background: url('../../../images/instrument/sax/present_title.png') no-repeat center top;
	background-size: 85.50296% auto;
}
.presentBoxn .title strong{
	color: #e3007f;
}
.presentBoxn .textBox{
	font-size: 12px;
	line-height: 1.3;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.presentBoxn .textBox p{
	display: table-cell;
	vertical-align: bottom;
}
.presentBoxn .textBox p:last-child{
	width: 45.85799%;
}
.presentBoxn .mainImg{
	padding: 7.39645% 0 4.43787%;
}
.presentBoxn .caseBox{
	padding: 0 5.02959%;
}
.presentBoxn .caseBox .caseTitle{
	font-size: 12px;
	margin-bottom: 7.56579%;
	padding: 5px 0;
	text-align: center;
	text-align: center;
	color: #fff;
	background: #a74944;
}
.presentBoxn .caseBox .title{
	margin: 0 0 7.89474%;
	padding-top: 25.32895%;
	background: url('../../../images/instrument/sax/case_title.png') no-repeat top center;
	background-size: 69.40789% auto;
}
.presentBoxn .caseBox .caseTextBox{
	font-size: 12px;
	line-height: 1.3;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.presentBoxn .caseBox .caseTextBox .tableCell{
	display: table-cell;
	vertical-align: top;
}
.presentBoxn .caseBox .caseTextBox .tableCell .img{
	margin-top: 7.1066%;
}
.presentBoxn .caseBox .caseTextBox .tableCell:last-child{
	width: 55.92105%;
	padding-left: 1em;
}
.presentBoxn .caseBox .lastImg{
	margin-top: 11.51316%;
}
.presentBoxn .catalog>p{
	font-size: 12px;
	line-height: 1.3;
	margin: 8.22368% 0 4.93421%;
	text-align: center;
}
.presentBoxn .catalog ul{
	overflow: hidden;
	width: 100%;
}
.presentBoxn .catalog li{
	float: left;
	width: 24.34211%;
}
.presentBoxn .catalog li:nth-child(2){
	margin-right: 2.63158%;
}
/*販売サイト**/
.presentBoxn .storBox{
	width:99.11%;
	margin: 6.665% auto;
}
.presentBoxn .storBox .storTitle{
	width: 91.04%;
	font-size: 18px;
	margin: 0 auto 3.28%;
	color:#9d704e;
	text-align: center;
	background: url('../../../images/instrument/store/stor_title_back.png') no-repeat center bottom;
	background-size: contain;
	line-height: 1.5;
}
.presentBoxn .storBox .storWall{
	background-image:
		url('../../../images/instrument/store/stor_waku_x1.png'),
		url('../../../images/instrument/store/stor_waku_x2.png'),
		url('../../../images/instrument/store/stor_waku_y.png');
	background-size:100%,100%, 97.01% 100%;
	background-position: center top,center bottom,center center;
	background-repeat: no-repeat,no-repeat,no-repeat;
	padding-top: 7.313%;
}
.storBox .storWall .storInner{
	width: 88.05%;
	margin: 0 auto;
	background: url('../../../images/instrument/store/stor_back.png') no-repeat center top;
	background-size: 100% auto;
	padding-bottom: 5.932%;
}
.storBox .storInner .text1{
	padding: 75.25% 0 1em;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.storBox .storInner .text2{
	font-size: 12px;
	padding: 0 5.933% 0;
	line-height: 1.5;
}
.storBox .storLinkBox{
	width: 88.05%;
	margin: 0 auto;
	padding: 4.92% 0 14.06%;
}
.storLinkBox .storTitle2{
	font-size: 12px;
	margin-bottom: 1em;
	text-align: center;
	line-height: 1.1;
}
.storLinkBox .storTitle2 strong{
	font-size: 24px;
	color:#9d704e;
	padding-left: .5em;
	vertical-align: middle;
}
.storLinkBox dl{
	display: table;
	margin-bottom: 15px;
	margin: 0 auto;
}
.storLinkBox dt,.storLinkBox dd{
	display: table-cell;
	vertical-align: middle;
}
.storLinkBox dt{
	width: 37px;
	height: 37px;
	text-align: center;
	color:#fff;
	background: #9d704e;
	border-radius: 50%;
	font-size: 11px;
	line-height: 1.1;
}
.storLinkBox dd{
	padding-left: 8px;
	font-size: 24px;
	line-height: 1.1;
	color:#9d704e;
}
.storLinkBox dd span{
	font-size: 11px;
}
.storLinkBox .text3{
	font-size: 11px;
	padding: 1em 0 2em;
	text-align: center;
}
.storLinkBox ul{
	width: 93.55%;
	margin: 0 auto;
	overflow: hidden;
}
.storLinkBox ul li:nth-child(1){
	margin-bottom: 6px;
	float:left;
}
.storLinkBox ul li:nth-child(2){
	float:left;
	width: 49.09%;
}
.storLinkBox ul li:nth-child(3){
	float:right;
	width: 49.09%;
}
.storLinkBox ul a:hover{
	opacity: .6;
}

@media only screen and (max-width: 320px) {
	.storBox .storInner .text1{
		padding: 74.0% 0 .5em;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}
	.storBox .storInner .text2{
		font-size: 11px;
	}

}
/*end*/