@charset "utf-8";
/*
	Theme Name: 美伝ROne Excellent 改造用子テーマ
	Theme URI: http://www.b-ren.com/
	Template: bdenrone-excellent
	Description: コンプリートホームページ美伝ROneのベーステンプレート。
	Author: ビィコーポレーション有限会社
	Author URI: http://www.b-ren.com/
	Version: 1.0
*/

/* ------ 追加明記 ------ */

/* -- 全体 --*/
body{
font-family:"Meiryo","メイリオ",Helvetica,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","YuGothic","Yu Gothic","游ゴシック",sans-serif !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
font-family:"Meiryo","メイリオ",Helvetica,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro","YuGothic","Yu Gothic","游ゴシック",sans-serif !important;	
}
.navbar{
z-index: 999999;
}

article.list-horizontally:first-child{
padding-top: 0px;
}

.flex-direction-nav{
display: none;
}

/* お知らせ border color */
ul.portfolio-list li:first-child {
    border-top-color: #fff !important;
}

ul.portfolio-list li {
    border-bottom-color: #fff !important;
}

ul.portfolio-list li {
    padding: 20px !important;
}

/* トグル */
.panel-default > .panel-heading {
color: #2C3E50;
background-color: rgba(44,62,80,0.15);
border-color: #ecf0f1;
padding-left: 20px;
}

/* logo周辺調整 */
.navbar-header{
padding: 15px 15px 15px !important;
}

/* テキスト左右センター */
.txt_center{
text-align: center;
}

.txt_right{
text-align: right;
}

.txt-left{
text-align: left;
}

/* フロート解除 */
.clear{
	clear:both;
}

/* カスタムmap */
.google-map {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.54%;
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* H1テキストサイズ調整 */
h1.sitecaption{
font-size: 90%;
margin-top: 8px;
color: rgba(255,255,255,.6);
}

/* スマホトグル位置調整 */
.navbar-toggle{
margin-right: 0px;
}

/* backtop 調整 */
p.pagetop {
bottom: 5px;
right: 5px;
}

.pagetop .btn{
padding: 0;
text-align: right;
}

.pagetop .btn{
background-color: rgba(255,255,255,0) !important;
border-color: rgba(255,255,255,0) !important;
}

/* side 検索　*/
.search-2 .btn{
height: 45px;
}

/* h1 bg color */
.navbar-default .fusion-secondary-header {
background-color: rgba(28,28,28,1) !important;
border-bottom-color: rgba(28,28,28,1) !important;
margin-top: 3px;
}

/* header bg color */
.container-fluid{
background-color:rgba(0,0,0,1)
}

/* header menu hover */
.navbar-default .fusion-secondary-header a:hover,.navbar-default .fusion-secondary-header a:focus{
color: #6f78f2 !important; 
}

/* メニューactive bg */
.navbar-default .navbar-nav > .active > a{
background-color: rgba(28,28,28,1) !important;
}

/* メニューhover */
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus{
color: #6f78f2 !important; 
}

.navbar-default .navbar-nav > .active > a{
color: #6f78f2 !important; 
}

/*　ヘッダーメニュー調整 */
.fusion-secondary-header .widget_nav_menu ul{
margin-top: 3px;
}

.fusion-secondary-header .widget_nav_menu ul li::before {
content: '/';
padding-left: 10px;
padding-right: 10px;
}

.fusion-secondary-header .widget_nav_menu ul li{
font-size: 90%;
}

/* Footer 背景色 */
.footer {
    background-color: #000 !important;
    color: rgba(255,255,255,.8) !important;
}

/* Footer コピーライト */
.footer small.copyright{
color: rgba(255,255,255,.8) !important;
}

.footer small.copyright a{
color: #8e4700;
}

.footer small.copyright a:hover{
color: #bc7f42;
}

/* footer */

.footer .ad_foot{
color: #aaa;
}
.footer .ad_foot a {
color: #aaa;
}
.footer .b_lock{
display: inline-block;
text-align: center !important;
}

.footer .row {
border-bottom: none;
}

/* Footer ウィジェット UL*/
.footer .widget_nav_menu ul li a{
border-bottom-color: rgba(255,255,255,.3);
}

footer ul li{
line-height: 1;
}

/* Footer コメント */
.footer .come_box2{
    margin:2em 0;
    position: relative;
    padding: 1em 2em;
    border: solid 2px #fff;
	color: #fff;
	text-align: left;
}

/*　footer 文字・リンク色 */
.footer .ad_foot{
color: #fff;
}
.footer .ad_foot a{
color: #fff;
}

/* Footer 1カラム　改行調整 */
.footer .b_lock{
display: inline-block;
text-align: center !important;
}

/*　スマホ用改行調整 */
.b_lock{
display: inline-block;
text-align: left !important;
}

/* 下層ヘッダー画像　文字色と背景色 左右 */
.page-header{
color: #fff !important;
background-color: rgba(0,0,0,.6) !important;
padding-top: 80px;
padding-bottom: 80px;
}

/*　下層ヘッダー画像 センター　*/
.page-header-center .page-header{
padding-top: 60px;
padding-bottom: 60px;
}

/* ページヘッダーパンくずリスト色 */
.breadcrumb{
color: rgba(255,255,255,1) !important;
}

.breadcrumb.breadcrumb a, .breadcrumb > li + li::before {
color: rgba(255,255,255,.6) !important;
}

.breadcrumb a:hover{
color: rgba(255,255,255,1) !important;
text-decoration: underline;
}

/* スライダーのバックネクストボタン色 */
.flex-direction-nav a::before {
color: rgba(255,255,255,1) !important;
background-color: #ff6600 !important;
}

/* ナビメニュー　ダウン 背景色 */
.navbar-nav > li > .dropdown-menu{
background-color: #fff;
}

.dropdown-menu > .active > a{
background-color: #fff !important;
color: #000 !important
}

.dropdown-menu > .active > a:hover{
background-color: #fff !important;
color: #ffbf7f !important
}

/* ローダー */
.loader{
color: rgba(255,255,255,.8) !important;
font-size: 5px !important;
}

.loader, .loader::before, .loader::after {
background: rgba(255,255,255,.3) !important;
font-size: 5px !important;
}

#loading_overlay {
    background: rgba(0,0,0,.3) !important;
}

/* table調整 */
.table > tbody > tr > th.active{
border: 2px #fff solid;
padding: 15px;
}

.table-bordered > tbody > tr > td{
padding: 15px;
}

.table-bordered > tbody > tr > td > ul{
padding-left: 15px;
}

/*　ベージャーbg */
.pager li > a{
background-color: #000 !important;
transition: 0.6s;
}

.pager li > a:hover{
background-color: #fff !important;
border: #000 1px solid;
color: #000 !important;
transition: 0.6s;
-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ページャーカテゴリー */
.pagination > li > a{
    color: #fff !important;
    background-color: #6f78f2 !important;
	transition: 0.6s;
}
.pagination > li > a:hover{
    color: #fff !important;
    background-color: #969cf2 !important;
	transition: 0.6s;
}

/* 右カラムタイトル調整 */
.sidebar h3.title, .widget{
margin-top: 30px;
}

/* カレンダー調整 */
table.isp-business-calendar thead th {
background-color: rgba(255,255,255,1) !important;
color: #333 !important;
}
table.isp-business-calendar .business {
background-color: #fff;
color: #333 !important;
}
table.isp-business-calendar .space {
background-color: rgba(255,255,255,1) !important;
	color: #333 !important;
}

footer .widget1 table.isp-business-calendar .all {
background-color: #f39494 !important;
}

footer .widget2 table.isp-business-calendar .all {
background-color: #6ad1ff !important;
}

footer .widget3 table.isp-business-calendar .all {
background-color: #f8b551 !important;
}

p.holiday_all,p.holiday_am,p.holiday_pm{
display: none;
}

/* カスタムtable r_01 */
table.r_01{
width: 100%;
}

.r_01 th{
padding: 10px; border: 1px solid #ddd;
font-size: 110%;
vertical-align: top;
background: #f4f4f4;
width: 25%;
}

.r_01 td{
padding: 10px; 
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: none;
font-size: 110%;
}

/* icon 調整　全体　*/
.fa{
margin-right: 5px;
}

/* カテゴリー名表示BG 全体*/
article.list-vertical .attachment-media time {
background-color: #db8f43 !important;	
}

/* テキストアンダーライン */
.txt_c{
/* background-image: linear-gradient(transparent 50%, #fff799 50%); */
background-image: linear-gradient(transparent 50%, #eee 50%);
font-weight: 600;
}

/* 画像角丸 */
.r_img{
/* border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; */
border: #eee 8px solid;
overflow: hidden;
}

/* 画像円 */
.r_img2{
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: #eee 8px solid;
overflow: hidden;
}

.r_img3{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
overflow: hidden;
}

/* お問い合わせ */
/* contact .page-slug-contact */
.page-slug-contact .textarea{
background-color: rgba(255,255,255,.1);
font-size: 110%;
font-weight: 400;
margin-top: 0px;
color: #666;
padding: 10px;
width: 100%;
/* border-radius: 5px; */
border: none !important;
/* CSS3草案 */  
/* -webkit-border-radius: 5px; */
/* Safari,Google Chrome用 */
/* -moz-border-radius: 5px; */
/* Firefox用 */  
}

.page-slug-contact input:focus,.page-slug-contact textarea:focus,.page-slug-contact select:focus {
background-color: #eeeeee !important;
transition: 0.6s !important;
}

.page-slug-contact .red{
background: #ff6600;
padding: 2px 5px 2px;
margin-left: 5px;
color: #fff;
font-size: 70%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
line-height: 0.4em;
}

.page-slug-contact .glay{
background: #aaa;
padding: 2px 5px 2px;
margin-left: 5px;
color: #fff;
font-size: 70%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
line-height: 0.4em;
}

.page-slug-contact .wpcf7 textarea[name="textarea-186"] {
height: 150px !important;
}

.page-slug-contact .submit{
border: 1px #ff6600 solid !important;
background-color: #ff6600 !important;
width: 320px !important;
font-weight: 400;
font-size: 120%;
color: #fff;
padding: 10px;
margin: 0px auto;
border-radius: 5px;
text-align: center;
transition: 0.6s;
box-shadow: none !important;
/* CSS3草案 */  
-webkit-border-radius: 5px;  
/* Safari,Google Chrome用 */  
-moz-border-radius: 5px; 
/* Firefox用 */
}

.page-slug-contact .wpcf7 .submit:hover{
border: 1px #ff6600 solid;
background: #fff !important;
color: #ff6600;
transition: 0.6s;
}

.page-slug-contact .wpcf7-form-control{
height: auto;
}

.page-slug-contact .come_box{
border: 1px #aaa dashed;
padding: 20px 25px;
}

.page-slug-contact dl dd ul{
	padding-left: 0;
	list-style: none;
}
.page-slug-contact dl dd ul li{
    border-top: 1px #eee solid;
	/* border-left: 1px #eee solid; */
}

aside h4{
color: #000;
font-size: 120%;
}

aside .tel-co p{
margin-bottom: 5px;
}

aside .tel-co .tel1, aside .tel-co .tel2{
background-color: #eee;
text-align: center;
font-size: 120%;
padding-top: 5px;
padding-bottom: 5px;
}

aside .tel-co .tel1 a, aside .tel-co .tel2 a{
color: #6f78f2;
display :block;
}

aside .tel-co .tel1 a:hover, aside .tel-co .tel2 a:hover{
text-decoration: none; 
color: rgba(194,0,15,1);
}

aside .open-co p{
margin-bottom: 5px;
}

aside .open-co .open1{
border-bottom: 1px #aaa dashed;
margin-bottom: 10px;
padding-bottom: 10px;
}
	
aside .open-co .open1 .day1{
font-size: 90%;
margin-right: 10px;
display: inline-block;
background-color: #6f78f2;
color: #fff;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 21px;
}

aside .open-co .open2 .day1{
font-size: 90%;
margin-right: 10px;
display: inline-block;
background-color: rgba(194,0,15,1);
color: #fff;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 21px;
}

aside .open-co .open2 .op2_time{
display: inline-block;
margin-left: 9px;
}

/* ここから　共通 */
.home .freearea-postsbottom, .page-slug-access .freearea-postsbottom, .page-slug-contact .freearea-postsbottom{
display: none;
}

.home section#layout-contents-id-column-1{
padding-bottom: 0px;
}

/* ボトムバナー */
.freearea-postsbottom {
border-color: rgba(0,0,0,1) !important;
background-color: rgba(0,0,0,.3) !important;
background-image:url(https://gogocopy.heteml.jp/ts-guitar-school/wp-content/uploads/big_bana01.jpg);
background-position: cover;
color: #fff;
}

.big_bana01{
padding-right: 10px;
padding-left: 10px;
}

.big_bana01 .btbana{
padding-bottom: 15px;
border-bottom: 1px #666 dashed;
margin-bottom: 25px;
}

/* to sp */
.big_bana01 ul.bt_ad{
list-style: none;
margin-left: 250px;
margin-bottom: 20px;
}
/* sp end */
.big_bana01 .bt_contact{
padding-top: 20px;
border-top: 1px #666 dashed;
text-align: center;
margin-bottom: 10px;
}

.big_bana01 ul.bt_ad li{
margin-bottom: 10px;
}

.big_bana01 ul.bt_ad li a{
font-size: 130%;
color: #6f78f2;
}

.big_bana01 .bt_contact a.tel_icon{
display: inline-block;
background-color: #6f78f2;
padding: 10px 60px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 5px;
border: 1px #6f78f2 solid;
color: #fff;
transition: 0.6s;
}

.big_bana01 .bt_contact a.mail_icon{
display: inline-block;
background-color: #6f78f2;
padding: 10px 50px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 5px;
border: 1px #6f78f2 solid;
color: #fff;
transition: 0.6s;
}

.big_bana01 .bt_contact a.line_icon{
display: inline-block;
background-color: #6f78f2;
padding: 10px 50px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 0 5px;
border: 1px #6f78f2 solid;
color: #fff;
transition: 0.6s;
}

.big_bana01 .bt_contact a.tel_icon:hover, .big_bana01 .bt_contact a.mail_icon:hover, .big_bana01 .bt_contact a.line_icon:hover{
transition: 0.6s;
background-color: #fff;
color: #6f78f2;
text-decoration: none;
}

/* 右カラムバナー1 */
.s_bana_rap{
padding: 0px;
text-align: center;
color: #fff;
background: #ddd;
}

.s_bana_rap h5{
margin: 0px;
background-color: #6f78f2;
padding: 15px;
border-bottom: 1px #fff dashed;
}

.s_bana_rap .s_comebox{
color: #000;
padding-top: 10px;
background-color: #fff;
border-right: 1px #ddd solid;
border-left: 1px #ddd solid;
margin-bottom: 0px;
}

.s_bana_rap .s_comebox2{
color: #000;
padding-bottom: 10px;
background-color: #fff;
border-right: 1px #ddd solid;
border-left: 1px #ddd solid;
border-bottom: 1px #000 dashed;
margin-bottom: 0px;
}

.s_bana_rap .s_comebox2 .brf{
font-size: 150%;
color: rgba(194,0,15,1);
font-weight: 600;
}

.s_bana_rap .s_comebox3{
color: #000;
padding-top: 10px;
padding-bottom: 15px;
background-color: #000;
color: #fff;
position: relative;
}

.s_bana_rap .s_comebox3 .txt_back{
display: inline-block;
background-color: rgba(194,0,15,1);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #fff;
padding-right: 10px;
padding-left: 10px;	
transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
}

.come_box2{
margin-bottom: 0px;
}

.line-co .qr_img{
text-align: center;
margin-bottom: 0px;
}

.li_id{
text-align: center;
}

.li_id .idname{
display: inline-block;
background-color: #05b500;
color: #fff;
font-size: 90%;
line-height: 14px;
padding: 2px 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-right: 5px;
}

@-moz-document url-prefix() {
.li_id .idname{
padding: 2px 5px 0px;
}
}

.bh3{
text-align: center;
font-size: 200%;
color: #fff !important;
}

.s_tit{
border-bottom: solid 3px rgba(28,28,28,.4);
position: relative;
padding-bottom: 15px;
}

.txt11{
font-size: 110%;
}

.s_tit:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #000;
bottom: -3px;
width: 30%;
}

.bt_rap{
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
border-top: 1px #aaa dashed;
border-bottom: 1px #aaa dashed;
}

a.bt001{
    display: inline-block;
    background-color: rgba(194,0,15,1);
    border: 1px rgba(194,0,15,1) solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px 20px;
    color: #fff !important;
    transition: .6s;
}

a.bt001:hover{
background-color: #fff;
border: 1px rgba(194,0,15,1) solid;
color: rgba(194,0,15,1) !important;
text-decoration: none;
transition: 0.6s;
}

/* footer bar 非表示 */
.alert-danger{
display: none;
}

/* top bana big */
.bana_top{
width: 760px;
margin: 0 auto;
padding: 50px 0px;
text-align: center;
}

.bana_top .bana_top_in{
background-image:url(https://gogocopy.heteml.jp/ts-guitar-school/wp-content/uploads/bg_bana.jpg);
background-position:top center;
overflow: hidden;
}

.bana_top .bana_top_in .in_catch{
font-size: 140%;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px #000 dashed;
color: #6f78f2;
margin-bottom: 10px;
}

.home .brf{
font-size: 150%;
/* color: rgba(194,0,15,1); */
margin-left: 10px;
display: inline-block;
}

.home .in_txt2{
padding-bottom: 20px;
border-bottom: 1px #000 dashed;
}

.home .in_txt2 .cash_b{
background-color: rgba(194,0,15,1);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 0 15px;
}

.home .in_left_m{
margin-left: 10px;
}

.home ul.in_ad{
list-style: none;
text-align: left;
}

.home .bt_contact{
padding-top: 10px;
border-top: 1px #000 dashed;
padding-bottom: 10px;
}

.home .mail_icon, .home .line_icon{
display: inline-block;
}
	
/* ここから　home */
.home h3.tit3{
}

.home .main-contents{
margin-top: 0px;
}

.home footer.entry-footer{
margin-top: 0px;
}

.home .footer{
border-top: #222 1px solid;
margin-top: 0px;
}

span.border_b{
display: block;
width: 120px;
height: 1px;
/*background-color: #cfa972;*/
margin: 0px auto 30px;
position: relative;
border: 1px #cfa972 dashed;
}

span.border_b:before{
content: "\f104";
font-family: FontAwesome;
position: absolute;
top: -12px;
left: -10px;
color: #cfa972;
}

span.border_b:after{
content: "\f105";
font-family: FontAwesome;
position: absolute;
top: -12px;
left: 125px;
color: #cfa972;
}

/* tsuika */
.home .cont01 h2{
font-size: 150%;
margin-top: 50px;
}

.home .cont02 ul{
list-style: none;
padding-left: 0px;
}
.home .cont02 .img_fl{
margin:0 auto;
overflow: hidden;
}
.home .cont02 ul li{
float: left;
margin: 0 15px 30px;
border: 1px #212121 solid;
transition: 0.6s;
}

.home .cont02 ul li:hover{
border: 1px #6f78f2 solid;
transition: 0.6s;
}

/* page-slug-aboutus */
.page-slug-aboutus h3{
color: #6f78f2;
}
.page-slug-aboutus .cont_rap{
position: relative;
}

.page-slug-aboutus .cont01 .flexible-section-caption{
padding-bottom: 30px;
}

.page-slug-aboutus .cont_rap .ca_txt{
font-size: 110%;
/* background-color: #eee; */
border: 3px #eee solid;
padding:40px 15px 10px;
/* border-bottom: 5px #ccc solid; */
margin-left: 10px;
}

.page-slug-aboutus .cont_rap .ca_txt i{
color: rgba(194,0,15,1);
font-size: 120%;
}

.page-slug-aboutus .cont_rap .an_txt{
position: absolute;
top: -3px;
left: 0;
background-color: #eee;
border-left: 3px rgba(0,0,0,1) solid;
padding: 0px 10px;
color: rgba(194,0,15,1);
font-size: 110%;
transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
z-index: 2;
}

.page-slug-aboutus .cont_rap .an_txt i{
transform: rotateY( 180deg );
/* color: rgba(194,0,15,1); */
color: rgba(194,0,15,1);
}

.page-slug-aboutus .bottom0 .flexible-section-contents{
padding-bottom: 0px !important;
}

.page-slug-aboutus .bottom0 .main-contents [class*="col-sm-"], .main-contents [class*="col-xs-"]{
padding-bottom: 0px !important;
}

.top0 .col-xs-12{
padding-top: 0px !important;
}

.page-slug-aboutus .cont02 ul {
list-style: none;
padding-left:25px;
}

.page-slug-aboutus .cont02 ul li:first-child{
margin-top: 15px;
}

.page-slug-aboutus .cont02 ul li{
font-size: 120%;
position: relative;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px #aaa dashed;
}

.page-slug-aboutus .cont02 ul li:last-child{
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}

.page-slug-aboutus .cont02 ul li:before{
position: absolute;
top: -4px;
left: -25px;
font-family: FontAwesome;
content: '\f14a';
color: rgba(194,0,15,1);
font-size: 120%;
}

.page-slug-aboutus .bana001{
position: relative;
min-height: 170px;
}

.page-slug-aboutus .bana001 .po_img{
width: 150px;
float: left;
}

.page-slug-aboutus .bana001 .in_come_box{
font-size: 110%;
padding: 10px 20px;
background-color: #eee;
}

.b_font18{
display: inline-block;
font-size: 22px;
margin-right: 5px;
}

.page-slug-aboutus .bana001 .t_name{
background-color: rgba(0,0,0,1);
padding: 0 10px;
color: #fff;
font-size: 90%;
}

.page-slug-aboutus .img_rap{
position: relative;
}

.page-slug-aboutus .img_rap .txt_b{
margin-bottom: 10px;
text-align: center;
position: absolute;
top: 8px;
right: 3px;
background-color: #000;
padding: 0px 5px;
color: #fff;
font-size: 95%;
transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
}

.page-slug-aboutus .come_box{
padding-top: 10px;
font-size: 110%;
}

.page-slug-aboutus .hei-k25{
min-height: 250px;
}

/* page-slug-course */
.page-slug-course .flex-control-nav{
display: none;
}
.page-slug-course h3{
color: #6f78f2;
}

.page-slug-course h4.ss_tit{
margin-bottom: 10px !important;
}

.page-slug-course h4 i{
color: #6f78f2;
font-size: 120%;
}

.page-slug-course .cont_box{
padding: 10px 15px;
background-color: #eee;
}

.page-slug-course h5.s2_tit{
padding-bottom: 5px;
border-bottom: 1px #aaa dashed;
margin-bottom: 10px;
}

.page-slug-course h5 i{
color: #6f78f2;
font-size: 120%;
transform: rotateY( 180deg );
}

/* page-slug-profile */
.page-slug-profile h3{
color: #6f78f2;
}

.name1{
z-index: 2;
position: absolute;
top: 13px;
right: 0;
background-color: rgba(0,0,0,.7);
padding: 0 10px;
color: #fff;
font-size: 90%;
border-left: 5px rgba(194,0,15,1) solid;
}

/* page-slug-pricelist */
.page-slug-pricelist h3{
color: #6f78f2;
}

.page-slug-pricelist ul.tt20,.page-slug-pricelist ul.tscoo{
list-style: none;
padding-left: 0px;
text-align: center;
}

.page-slug-pricelist ul.tt20 .bbgc_g{
background-color:  #ccc;
font-size: 150%;
line-height: 1.5em;
border-bottom: 1px #fff dashed;
padding: 10px;
color: #666;
border-left: 1px #ccc solid;
border-right: 1px #ccc solid;
}

.page-slug-pricelist ul.tscoo .bbgc_r{
background-color: rgba(194,0,15,1);
font-size: 150%;
line-height: 1.5em;
border-bottom: 1px #fff dashed;
padding: 20px;
color: #fff;
border-left: 1px rgba(194,0,15,1) solid;
border-right: 1px rgba(194,0,15,1) solid;
position: relative;
}

span.point01{
display: inline-block;
position: absolute;
font-size: 60%;
background-color: #fff;
padding: 5px 10px;
line-height: 1em;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: rgba(194,0,15,1);
border: 2px rgba(194,0,15,1) solid;
top: -5px;
left: 5px;
transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
font-weight: 600;
}

.page-slug-pricelist ul.tscoo strong{
color: rgba(194,0,15,1);
font-weight: normal;
}


.page-slug-pricelist ul.tscoo .bbgc_r2{
background-color: rgba(194,0,15,1);
font-size: 150%;
line-height: 1.5em;
border-bottom: 1px #fff dashed;
padding: 10px;
color: #fff;
border-left: 1px rgba(194,0,15,1) solid;
border-right: 1px rgba(194,0,15,1) solid;
}

.page-slug-pricelist ul.tt20 .bgg, .page-slug-pricelist ul.tscoo .bgg{
background-color: #eee;
color: #666;
padding: 10px;
border-left: 1px #eee solid;
border-right: 1px #eee solid;
}

.page-slug-pricelist ul.tt20 .bgw, .page-slug-pricelist ul.tscoo .bgw{
color: #666;
padding: 10px;
border-left: 1px #eee solid;
border-right: 1px #eee solid;
}

.page-slug-pricelist ul.tt20 .txt9,.page-slug-pricelist ul.tscoo .txt9{
font-size: 50%;
}

.page-slug-pricelist .bottom_cont .entry-content h3{
margin-bottom: 20px;
}

.page-slug-pricelist .cont02 ul{
list-style: none;
padding-left: 0px;
}

.page-slug-pricelist .cont02 ul li{
position: relative;
padding-left: 25px;
font-size: 110%;
}

.page-slug-pricelist .cont02 ul li:before{
content:"\f075";
font-family: FontAwesome;
position: absolute;
top: -4px;
left: 0px;
font-size: 120%;
transform: rotateY( 180deg );
color: #6f78f2;
}
.page-slug-pricelist .cont02 ul li i{

}
	
/* page-slug-voice */
.page-slug-voice h3{
color: #6f78f2;
}
.page-slug-voice .entry-content h4{
font-size: 120%;
}

.page-slug-voice .r_img2{
width: 180px;
height: auto;
margin: 0 auto 15px;
}

.page-slug-voice .bg_b{
background-color: #000;
color: #fff;
padding: 2px 5px;
}

/* access */
.page-slug-access h3{
color: #6f78f2;
}

.page-slug-access dl dt {
    width: 200px;
    height: 41px;
    transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
    text-align: left;
    font-weight: normal;
    float: left;
    padding-left: 25px;
    border-right: 5px rgba(194,0,15,1) solid;
    border-top: 1px solid #ddd;
}

.page-slug-access dl dd {
    margin-left: 200px;
    padding-left: 25px;
    height: 41px;
    transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
    line-height: 41px;
    border-bottom: 1px #ddd solid;
}

.page-slug-access dl .no_f{
display: inline-block;
transform: skew(20deg);
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
line-height: 41px;
}

.page-slug-access dl dt .stxt2{
letter-spacing: 27px;
}
.page-slug-access dl dt .stxt3{
letter-spacing: 7px;
}

.page-slug-access .come_box{
margin-left: 7px;
}

.page-slug-access .flexible-section-contents{
padding-bottom: 0px;
}

.page-slug-access footer.entry-footer {
    margin-top: 0px;
}

.page-slug-access .footer{
margin-top: 0px;
}

/* ボトムマージン */
.bt5{
margin-bottom: 5px !important;
}

.bt10{
margin-bottom: 10px !important;
}

.bt15{
margin-bottom: 15px !important;
}

.bt25{
margin-bottom: 25px!important;
}

.bt30{
margin-bottom: 30px!important;
}

.bt50{
margin-bottom: 50px!important;
}

.bt80{
margin-bottom: 80px!important;
}

.bt100{
margin-bottom: 100px!important;
}

/* トップマージン */
.tt5{
margin-top: 5px !important;
}
.tt20{
margin-top: 20px !important;
}

.tt25{
margin-top: 25px !important;
}

.tt30{
margin-top: 30px !important;
}

.tt50{
margin-top: 50px !important;
}

.tt80{
margin-top: 80px;
}

.tt100{
margin-top: 100px !important;
}

.tt130{
margin-top: 130px !important;
}

.ptb80{
padding-top: 40px !important;
padding-bottom: 80px !important;
}

.pt50{
padding-top: 50px !important;
}


@media screen and (min-width: 1200px) {
.home .cont02 .img_fl{
width: 1056px;
}
/* コンテンツ幅調整 */
.page-slug-aboutus .main-contents .container {
width: 1000px;
}
.page-slug-course .main-contents .container {
width: 1000px;
}	
.page-slug-profile .main-contents .container {
width: 1000px;
}
	
.page-slug-pricelist .main-contents .container {
width: 1000px;
}
.page-slug-voice .main-contents .container {
width: 1000px;
}
.page-slug-access .main-contents .container {
width: 1000px;
}
.page-slug-contact .main-contents .container {
width: 1000px;
}
}

@media screen and (max-width: 1199px) {
.home .cont02 .img_fl{
width: 706px;
}
}

@media screen and (min-width: 1025px) {
.page-header h1{
letter-spacing : 5px;
}
}

@media screen and (max-width: 1024px) {
}

@media screen and (min-width: 769px) {
	
.bt_rap{
width: 760px;
margin: 0 auto;
}
.page-slug-aboutus .bana001 .t_name{
text-align: right;
}
.page-slug-aboutus .bana001{
width: 760px;
margin: 0px auto;
}
.page-slug-aboutus .come_box{
width: 760px;
margin: 0px auto 20px;
}
.page-slug-contact dl{
		overflow: hidden;
		margin-bottom: 5px;
		border-radius: 5px;
        border: 1px #ddd solid !important;
		padding: 5px;
/* CSS3草案 */  
       -webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
       -moz-border-radius: 5px;
/* Firefox用 */  
	}
	.page-slug-contact dl dt{	
        width: 230px;
		float: left;
		text-align: right;
		font-weight: normal;
		margin-top: 8px;
	}
	.page-slug-contact dl dd{
		padding-left: 30px;
		margin-left: 260px;
		border-left: 1px #ddd solid;
	}
/* sub menu */
.navbar-right .dropdown-menu {
 left: 0;
 right: auto;
}
.navbar-nav > li.last > a{
	padding-right: 0 !important;
}
}

@media screen and (max-width: 768px) {
.home .cont02 .img_fl{
width: 352px;
}
.nav > li {
border-color: #333333 !important;
}
/* page-slug-access */
.page-slug-access dl dt{
width: 100%;
height: auto;
line-height: 21px;
transform: skew(0deg);
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-o-transform: skew(0deg);
text-align: left;
font-weight: normal;
float: none;
padding-left: 5px;
padding-bottom: 5px;
border-top: none;
border-right: none;
}
	
.page-slug-access dl dd{
margin-left: 15px;
padding-left: 0px;
height: auto;
line-height: 21px !important;
transform: skew(0deg);
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-o-transform: skew(0deg);
padding-bottom: 21px;
border-bottom: 1px #ddd dashed;
}
	
.page-slug-access dl .no_f{
display: inline-block;
transform: skew(0deg);
-webkit-transform: skew(0deg);
-moz-transform: skew(0deg);
-o-transform: skew(0deg);
line-height: normal;
}
	
/* .page-slug-course */
.page-slug-course .in_bt20{
margin-bottom: 20px !important;
}
	
/* .page-slug-voice */
.page-slug-voice .in_bt20{
margin-bottom: 20px !important;
}
	
/* top bana big */
.bana_top{
width: 100%;
margin: 0 auto;
padding: 50px 0px;
text-align: center;
}
	
.bana_top a{
color: #fff !important;
font-weight: 600;
text-decoration: underline;
}

.bana_top .bana_top_in{
background-image:url(https://gogocopy.heteml.jp/ts-guitar-school/wp-content/uploads/bg_bana2.png);
background-position:top center;
overflow: hidden;
}

.bana_top .bana_top_in .in_catch{
font-size: 120%;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px #000 dashed;
color: #6f78f2;
margin-bottom: 10px;
}
	
.home .brf{
font-size: 150%;
/* color: rgba(194,0,15,1); */
margin-left: 10px;
display: inline-block;
}

.home .in_txt2{
padding-bottom: 20px;
border-bottom: 1px #000 dashed;
}

.home .in_txt2 .cash_b{
background-color: rgba(194,0,15,1);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 0 15px;
}

.home .in_left_m{
margin-left: 10px;
}

.home ul.in_ad{
list-style: none;
text-align: left;
}

.home .bt_contact{
padding-top: 10px;
border-top: 1px #000 dashed;
padding-bottom: 20px;
}

.home .mail_icon, .home .line_icon{
display: inline-block;
}
	
/* to sp */
.big_bana01 ul.bt_ad{
margin-left: 0px;
padding-left: 0px;
}

.big_bana01 ul.bt_ad li{
line-height: 170%;
}
	
.big_bana01 .bt_contact{
padding-top: 20px;
border-top: 1px #666 dashed;
text-align: center;
margin-bottom: 10px;
}

.big_bana01 .bt_contact a.tel_icon{
display: block;
margin: 10px auto;
width: 100%;
padding: 15px;
font-size: 120%;
}

.big_bana01 .bt_contact a.mail_icon{
display: block;
margin: 10px auto;
width: 100%;
padding: 15px;
font-size: 120%;
}

.big_bana01 .bt_contact a.line_icon{
display: block;
margin: 10px auto;
width: 100%;
padding: 15px;
font-size: 120%;
}
	
.page-slug-contact dl dd ul li{
    border: none;
}	
.page-slug-pricelist ul.tscoo{
margin-top: 20px;
}
.page-slug-aboutus .bana001 .t_name{
text-align: center;
}
.page-slug-aboutus .come_box{
padding-top: 0px;
}
.r_img3{
margin-bottom: 30px;
}
.page-slug-contact .textarea{
margin-top: 10px;
border-radius: 5px;
border: 1px #ddd solid !important;
/* CSS3草案 */  
-webkit-border-radius: 5px;
/* Safari,Google Chrome用 */
-moz-border-radius: 5px;
/* Firefox用 */  
}

.topi .portfolio-list a{
display: block !important;
}
.topi ul.portfolio-list li span.category a{
margin-bottom: 10px;
display: inline-block !important;
}
}

@media screen and (min-width: 481px) {
}

@media screen and (max-width: 480px) {
}

.mainvisual-fullscreen-contents>.main-contents>:first-child, .mainvisual-fullscreen-contents>.sidebar>:first-child{
background-color: #000;
padding-top: 45px;
margin-top: 0px;
}

@media (min-width: 1025px) {
}

@media (max-width: 1024px) {
.mainvisual{
padding-top: 110px;
}
}