@charset "UTF-8";

/*----------------------------
フォント
----------------------------*/
body,
input,
textarea {
/*	font-family: 'メイリオ', Meiryo;*/
	font-family: 'Oswald','Yu Gothic Medium', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

strong,
em {
	font-style: normal;
	font-weight: normal;
}

/*@import url("all.css");*/

/*----------------------------
リンク
----------------------------*/
a {
    text-decoration-line: none;
    color: #0baad6;
}

/*----------------------------
色々
----------------------------*/
.maroon { color: #800000; }
.red    { color: #ff0000; }
.pink   { color: #ff8080; }
.blue   { color: #0000ff; }
.pale-b { color: #8080ff; }
.green  { color: #00ff00; }
.yellow { color: #ffff00; }
.orange { color: #ff8000; }
.violet { color: #8000ff; }
.chromatic  { color: #ff0080; opacity: 0.5; }
.dominant   { color: #00ff00; opacity: 0.5; }
.passing    { color: #9fbfc0; opacity: 0.5; }
.passing-in { color: #ff8000; opacity: 0.5; }
span.msg    { color: #ff0080; }

/*----------------------------
見出し
----------------------------*/
.keni-main h3,
.keni-main h4 {
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom: none;
	color: #505050;
	font-size: 1.8rem;
}

.keni-section h3 {
	margin-top: 1.25em;
}

/*----------------------------
見出し前
----------------------------*/
.home main h3::after,
.diary main h2::after,
.chord-list article h2::after,
.scale-list article h2::after,
.keni-main h3::before,
.keni-main h4::before,
.cap-1::before {
/*    font-family: 'keni8-icons' !important;*/
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: inherit;
}

.home main h3::after,
.diary main h2::after,
.chord-list article h2::after,
.scale-list article h2::after {
    content: '\f107';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
    float: right;
}

.keni-main h3::before {
    content: "\e91a";
    margin-right: 0.25em;
}

.keni-main h4::before {
    content: "\e908";
    margin-right: 0.25em;
    position: relative;
    top: 1px;
}

.cap-1::before {
    content: "\e91d";
    margin-right: 0.25em;
    position: relative;
    top: 2px;
}

/*----------------------------
キャプション
----------------------------*/
.cap-1 {
    margin: 60px 0 1.5em;
    padding: 1px 0.25em;
    border-top: 1px solid #0baad6;
    border-bottom: 1px solid #0baad6;
    font-size: 0.9em;
    color: #0baad6;
    white-space: nowrap;
}

.score-pc {
    display: block;
    text-align: right;
    margin-top: -1.6em;
    font-size: 0.9em;
}

/*----------------------------
画像
----------------------------*/
figure {
    margin: 0;
}

.parallel {
    margin: 0 3px;
    position: relative;
    bottom: 8px;
}

.root {
    margin: 0 3px;
    position: relative;
    bottom: 3px;
}

.single-end {
    margin: -20px 0 -10px;
    text-align: right;
}

.tb {/*上下反転*/
    transform: scale(1, -1);
}

.rl {/*左右反転*/
    display: inline-block;
    transform: scale(-1, 1);
}

/*----------------------------
画像と文章
----------------------------*/
.item-box {
    padding: 0;
    background-color: #fff;
}

/*----------------------------
空白
----------------------------*/


/*----------------------------
横スクロール
----------------------------*/
.table-scroll::before {
	display: none;
}

.score-590  { display: block; width:  590px; }
.score-749  { display: block; width:  749px; }
.score-780  { display: block; width:  780px; }
.score-1000 { display: block; width: 1000px; }
.score-1100 { display: block; width: 1100px; }
.score-1200 { display: block; width: 1200px; }
.score-1400 { display: block; width: 1400px; }
.score-1500 { display: block; width: 1500px; }
.score-1600 { display: block; width: 1600px; }
.score-1700 { display: block; width: 1700px; }
.score-1900 { display: block; width: 1900px; }
.score-2000 { display: block; width: 2000px; }
.score-2100 { display: block; width: 2100px; }
.score-2200 { display: block; width: 2200px; }
.score-2300 { display: block; width: 2300px; }
.score-2400 { display: block; width: 2400px; }
.score-2500 { display: block; width: 2500px; }
.score-2600 { display: block; width: 2600px; }
.score-2700 { display: block; width: 2700px; }
.score-2800 { display: block; width: 2800px; }
.score-2900 { display: block; width: 2900px; }
.score-3000 { display: block; width: 3000px; }
.score-3100 { display: block; width: 3100px; }
.score-3200 { display: block; width: 3200px; }
.score-3300 { display: block; width: 3300px; }
.score-3400 { display: block; width: 3400px; }
.score-3500 { display: block; width: 3500px; }
.score-3600 { display: block; width: 3600px; }
.score-3700 { display: block; width: 3700px; }
.score-3800 { display: block; width: 3800px; }
.score-3900 { display: block; width: 3900px; }
.score-4000 { display: block; width: 4000px; }
.score-4100 { display: block; width: 4100px; }
.score-4400 { display: block; width: 4400px; }
.score-4700 { display: block; width: 4700px; }
.score-4800 { display: block; width: 4800px; }

/*----------------------------
音源プレイヤー
----------------------------*/
.sound {
    margin: 1em 0 0 0;
    width: 100%;
    height: 40px;
}
.sound-l {
    margin: 1em 0 0 0;
	float: left;
	width: 380px;
}
.sound-r {
    margin: 1em 0 0 0;
	float: right;
	width: 380px;
}


/*----------------------------
アコーディオンQ&A
----------------------------*/
.qa-list dd {
	border-bottom: none;
}

/*----------------------------
検索ボックス
----------------------------*/
.search-box {
    max-width: 100%;
}

.search-box input {
    background: #f0f0f0;
}

/*----------------------------
ページトップボタン
----------------------------*/
.page-top {
	background-color: #0baad6;
    opacity: 0.3;
}

/*----------------------------
コピーライト
----------------------------*/
.keni-copyright_wrap {
    background: #f0f0f0;
    text-align: center;
}

/*----------------------------
日記
----------------------------*/
.diary .keni-main h3::before {
    display: none;
}

h3.diary-title {
	display: inline;
	padding: 0 0 0 10px;
	font-size: 1.8rem;
	font-weight: bold;
	border-left: 3px solid #505050;
}

.diary-date {
	display: inline;
    color: #adadad;
	font-size: 1.2rem;
}

/*----------------------------
広告
----------------------------*/
.top {
    margin-top: 20px;
    margin-left: 10px;
}

.pr {
    vertical-align: middle;
}

.middle {
    margin: 40px auto 0;
}

.side {
    overflow: hidden;
    margin: -20px;
}

.cate {
    overflow: hidden;
    margin: -20px;
}

/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.8.0 on 2019-06-28 03:34:31
----------------------------------------------------------------------*/



/*--------------------------------------------
 Add
---------------------------------------------*/
h1.site-title {
	font-family: Anton;
}
h2 {
	background: #000;
}
.article_body .content h2 {
	background: -moz-linear-gradient(top, #BAD3FF, #0033CC);
	background: -webkit-linear-gradient(top, #BAD3FF, #0033CC);
	background: linear-gradient(to bottom, #BAD3FF, #0033CC);
}
.page > h2 {
	background: -moz-linear-gradient(top, #BAD3FF, #0033CC);
	background: -webkit-linear-gradient(top, #BAD3FF, #0033CC);
	background: linear-gradient(to bottom, #BAD3FF, #0033CC);
}
.page > h3 {
	border-bottom:0.5rem solid #4066B0;
	margin: 0 0 20px;
}
.cast-box{
	margin-top: 20px;
	padding: 6px;
	background: #000;
}

.cat-item{
	padding: 6px;
	border: #000 solid 4px;
}
.btn_style01{
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	font-weight: bold;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
strong {
	font-weight:bold;
}
.keni-main h3,
.keni-main h4 {
	border-top: none;
}
.article_body h3 {
	border-bottom:0.5rem solid #4066B0;
	margin: 0 0 20px;
}
.article_body h4 {
	border-bottom: 0.1rem solid #E41C2C;
	font-weight: bold;
	background:#FBE3E3;
	padding-left:1%;
}

ul, li {margin-left: 0; padding-left: 0;}
li{
	list-style:none;
	list-style-position: outside;
}
li a{
	color:#000;
}

.accordion-list .accordion-list_btn_open::after{
	content: '\f106';
}

.keni-main h3::before {
    content: "\f0a4";
	font-family: 'Font Awesome 6 Free';
	font-weight: 400;
    margin-right: 0.25em;
}

.keni-main h4::before {
    content: "";
}

.icon::before {
  content: '\f35a';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
}
.icon_arrow_s_up:before{ content: '\f106';font-family: 'Font Awesome 6 Free';font-weight: 900; }
.icon_arrow_s_right:before{	content: '\f105';font-family: 'Font Awesome 6 Free';font-weight: 900; }
.icon_arrow_s_down:before{ content: '\f107';font-family: 'Font Awesome 6 Free';font-weight: 900; }
.icon_arrow_s_left:before{ content: '\f104';font-family: 'Font Awesome 6 Free';font-weight: 900; }




.page-top a::before{
	display: inline-block;
	content: "\f106";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.keni-gnav_btn_icon-close::before{
	content: "\f00d";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

.keni-main h4 {
	margin-bottom: 20px;
}

@media (min-width : 480px){
	.keni-gnav_inner{
		background-color: #fff;
	}
}