@charset "UTF-8";
body p,li,h1,h2,h3,h4{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
}
p {
	font-size: 13px;
	font-weight: normal;
}
h1,h2,h3,h4{
	font-weight: bold;
	display: block;
	vertical-align: bottom;
}
h3 {
	font-size:18px;
}
a,a:hover {
	text-decoration: none;
	color:#4D4D4D;
}
a:hover{
	transition: 0.4s;
	filter: alpha(opacity=80);
	opacity: 0.5;
}
img a:hover {
	transition: 0.4s;
	filter: alpha(opacity=80);
	opacity: 0.5;
}
.con2 {
	background-color: #F0E2DF;
	padding:50px 0 30px 0;
}
.shadow {
	-webkit-box-shadow: inset 0px 0px 10px #B7B7B7;
	box-shadow: inset 0px 0px 10px #B7B7B7;
}
.size{
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}
.logo {
 margin:27px auto 20px 10px;
}
.title-grade {
	background-image: -webkit-linear-gradient(270deg,rgba(255,62,117,1.00) 0.52%,rgba(238,130,138,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,62,117,1.00) 0.52%,rgba(238,130,138,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,62,117,1.00) 0.52%,rgba(238,130,138,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,62,117,1.00) 0.52%,rgba(238,130,138,1.00) 100%);
}
ul li {
	list-style-type: none;
}

/*ドロップメニュー*/
span{
   display:inline-block;
 margin-top: -11px;
 margin-left: 11px;
}
.dropmenu{
	font-size: 13px;
	letter-spacing: 1.5px;
	font-weight: bold;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu ul {
list-style-position: inside;
}
.dropmenu li{
	position: relative;
	width: 25%;
	float: left;
	text-align: center;
	font-family: tk-heisei-kaku-gothic-std,sans-serif;
}
.dropmenu li a{
	display: block;
	padding: 15px 0 11px;
	background-color: #fff;
	color: #4D4D4D;
	line-height: 1;
	text-decoration: none;
}
.dropmenu li ul{
	list-style: none;
	position: absolute;
	background-color: #fff;
	color: #4D4D4D;
	z-index: 9999;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
	padding: 13px 15px;
	background-color: #F0E2DF;
	text-align: left;
}
.dropmenu li:hover > a{
	background-color: #F0E2DF;
}
.dropmenu li a:hover{
  background: #ff617e;
}
#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}
.li-left {
	border-left: 2px solid #4D4D4D;
}
.li-right {
	border-right: 2px solid #4D4D4D;	
}
.li-under {
	border-bottom:5px solid #FF96AA;
}
.fa-caret-right {
	margin-right:5px;
}
/*スライドショー*/
/*NEWS TOPICS*/
.newstopics {
	margin:15px auto 30px auto;
}
.news-title {
	background-image: -webkit-linear-gradient(270deg,rgba(255,62,117,1.00) 0%,rgba(238,130,138,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,62,117,1.00) 0%,rgba(238,130,138,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,62,117,1.00) 0%,rgba(238,130,138,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,62,117,1.00) 0%,rgba(238,130,138,1.00) 100%);
	text-align: center;
	font-size: 23px;
	color: #FFFFFF;
	text-shadow: 1px 1px #4D4D4D;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 2px;
	font-family: allerta;
	font-style: normal;
	font-weight: 400;
	margin-bottom:4px;
}

ul#tab li{
	width: 315px;
	height: 55px;
	padding-top: 9px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 9px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	cursor: pointer;
	float: left;
	display: -moz-inline-box;
	display: inline-block;
    /display: inline;   
    /zoom: 1;
	border-radius: 8px 8px 0px 0px;
}
#tab li:hover{
	background-color: #FFB2C0;
	border-color: #FFB2C0;
}
.fa-commenting {
	margin-right:5px;
}
div.content_wrap{
	clear: left;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	overflow-y: scroll;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	background-image: url(../images/naname.png);
	background-repeat: repeat;
	border-color: #FF617E;
	line-height: 160%;
	height: 180px;
}

.content_wrap ul li:before {
  font-family: FontAwesome;
  content: '\f0da'; /* アイコンのunicode */
  margin-right:10px;
}
ul#tab li,
.content_wrap{
	border-style: solid;
	border-color: #F0E2DF;
	background: #fff;
	border-width: 4px;
}		 
ul#tab{
     border-bottom-width:0;
     background:#d0d0d0;
}
ul#tab li{
	border-bottom-width: 0;
	background-color: #F0E2DF;
}
ul#tab li.select{
	background-color: #fff;
	background-image: url(../images/naname.png);
	background-repeat: repeat;
	border-color: #FF617E;
	color:#FF617E;
}
/* Step.2 */
		ul#tab li{
            margin-bottom:-4px;
        }
        ul#tab li{
	margin-right: 4px;
        }
/* Step.3 */
		ul#tab li.select{
            position:relative;
            z-index:1;
        }
        div.content_wrap{
	position: relative;
	z-index: 0;
		}

.disnon {
  display: none;
}
.fa-chevron-down {
	margin-right: 5px;
}


/*メインメニュー*/
.coursetitle {
	height: 30px;
	background-position: left top;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-left: 32px;
	padding-top: 2px;
	padding-bottom: 8px;
}
.con2-icon {
	background-image: url(../images/icon06.png);
}
.main-menu {
	display: flex;
	flex:1;
	flex-flow:row;
	margin-bottom:20px;
	justify-content: space-between;
}

/*ミュージッククリエイターコース*/
.musiccreators {
	background-color: #F2F9FC;
	margin-bottom:42px;
	border: 2px solid #0081BC;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.musiccreators h3 {
	background-color: #0081BC;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	color: #FFFFFF;
	text-shadow: 1px 1px #4D4D4D;
	padding-top: 8px;
	padding-bottom: 8px;
}
.creators-menu{
	width:864px;
	height:93px;
	display: flex;
	flex-flow:row;
	margin:18px auto 18px auto;
	margin-left:auto;
	margin-right:auto;
	justify-content: space-around;
}

/* info*/
.info {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: flex-end;
}
.info-con1 {
	width: 316px;
	text-align: center;
}
.info-back  {
	margin-top: 10px;
	font-size: 16px;
	color: #FFFFFF;
	text-shadow: 1px 1px #4D4D4D;
	text-align: center;
	padding-top: 8px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 8px;
}
/*教室案内*/
.con3 {
	padding:30px 0;
}
.kyoushitu {
	display: flex;
	justify-content: space-between;
}
.con3-icon {
	background-image: url(../images/icon01.png);
}
.kyoushitu2 {
	width:316px;
	height: 260px;
	background-color: #F0E2DF;
	margin-bottom:30px;
	text-align:center;
}
.kyoushitu2 i {
	font-size: 25px;
	margin-right: 10px;
}
.gakkoumei {
	text-align: center;
	font-size: 18px;
	text-shadow: 1px 1px #4D4D4D;
	padding: 12px;
	margin-bottom: 8px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}
.gakkoumei a{
	color:#FFFFFF;
}
.kyoushitu ul {
	text-align:left;
	margin-left:40px;
	font-weight: bold;
}
.kyoushitu2 ul .tel-font {
	font-size: 22px;
	padding-left: 45px;
	background-image: url(../images/phone.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
.kyoushitu2 ul .access-font {
	font-size: 15px;
	padding-left: 45px;
	background-image: url(../images/mappoint.png);
	background-position: 7px top;
	padding-top: 4px;
	padding-bottom: 4px;
	background-size: contain;
	margin-bottom: 10px;
}
.kyoushitu2 ul .contact-font {
	font-size: 15px;
	padding-left: 45px;
	background-image: url(../images/mail.png);
	background-position: left top;
	background-size: contain;
	padding-top: 5px;
	padding-bottom: 5px;
}
.kyoushitu2 ul p {
	text-align: center;
	margin-top: -20px;
}
.syasenshita {
	margin-top: 22px;
}

/*講師紹介*/
.con3-icon2 {
	background-image: url(../images/icon02.png);
}
.koushi-slide {
	width:980px;
	height:175px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:content-box;
}
.bx-wrapper .bx-controls-direction a{
	transition: 0s;
}
/*SNSとバナー*/
.con4 {
	background-color:#F0E2DF;
	padding:30px 0;
}
.gaibu {
	display:flex;
	justify-content: space-between;

}
.sns-size {
	width: 364px;
	height: 275px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 0px;
}
.sns-title {
	height:30px;
	padding-top:4px;
	padding-bottom:4px;
	text-align: center;
}
#fb-shibuya {
	margin-bottom:5px;	
}
/*フッターのナビゲーションメニュー*/
.under-nav {
	margin-top: 10px;
	margin-bottom: 10px;
	display:flex;
}
.under-nav li{
	flex:1;
	text-align: center;
	font-family: tk-heisei-kaku-gothic-std,sans-serif;
	font-size:12px;
	font-weight: bold;
	letter-spacing: 1px;
}
.under-nav li a{
	display: block;
	padding: 6px 0;
	background-color: #fff;
	color: #4D4D4D;
	line-height: 1;
	text-decoration: none;
}
.under-nav li ul{
	list-style: none;
	background-color: #fff;
	color: #4D4D4D;
	z-index: 9999;
}
.under-nav li:hover > a{
	background-color: #F0E2DF;
}
.under-nav li a:hover{
  background: #ff617e;
}

/*クレジット*/
footer {
	background-color: #FF96AA;
	height: 60px;
	padding-top: 20px;
	padding-bottom: 60px;
	text-align: center;
}
footer p {
	font-size: 10px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}
.syasenyoseru {
	display: block;
}