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

/* Reset */

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
body {
  margin: 0;
}

main {
  display: block;
}

/* Vertical rhythm */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}


/* Text-level semantics */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

/* Embedded content */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Table */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* reset end */


/* ============================================= */
html {
text-align: left;
font-size: 15px;
line-height: 1.8em;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica" , "Arial" ,"Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
font-feature-settings: "palt";
}

* {word-wrap:break-word;}

/*PCではベースフォントサイズアップ*/
@media screen and (min-width:1024px){
html {
font-size:15px;
}
}
/* =============================================
リンク
============================================= */
a:link,
a:visited {
	text-decoration: underline;
	font-weight: bold;
	font-size: inherit;
	color:#6140bf;
	}
a:hover {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	color: #8b40bf;
	}
a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	text-decoration: none;
	color: #a253da;
	}

a:hover img {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: alpha(opacity=80);
-webkit-transition: opacity 0.1s, color 0.1s, background-color 0.1s;
transition: opacity 0.1s, color 0.1s, background-color 0.1s;
}


/* =============================================
汎用クラス
============================================= */
/* ヘッダー潜り込み回避マージン
メニューからのリンク　section idに付与*/
.headding-mag {
padding-top: 65px;
margin-top:-65px;
}

/* 段落下余白プラス */
.bottom-margin {
margin-bottom: 2.0em;
}

/* clearfix */
.clearfix::after {
content: "";
display:block;
clear:both;
}

/* 区切り線 */
hr.borderSolid {
width: 100%;
border: none;
border-top: 1px solid #666;
margin: 2.0em 0;
}

hr.borderDotted {
width: 100%;
border: none;
border-top: 1px dotted #666;
margin: 2.0em 0;
}

/* font 装飾*/
.serif {
font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.bold {
font-weight: bold;
}
.large {
font-size:115%;
}
.small {
font-size:93%;
}
.skyblue {
color: #23a4e5;
}
.red {
color: #c51a1d;
}
.pink {
color: #da0665;
}
.blue {
color: #2852a8;
}
.green {
color: #2f753d;
}
.grey {
color: #8ea09e;
}


/* =============================================
テキスト関連
============================================= */
/* 文字サイズアップ */
.sizeup-1 {
font-size:110%;
line-height:inherit;
}
.sizeup-2 {
font-size:120%;
line-height:inherit;
}
.sizeup-3 {
font-size:130%;
line-height:inherit;
}
.sizeup-4 {
font-size:140%;
line-height:inherit;
}
.sizeup-5 {
font-size:150%;
line-height:inherit;
}
.sizedown-09 {
font-size:90%;
line-height:inherit;
}
.sizedown-08 {
font-size:80%;
line-height:inherit;
}
.sizedown-07 {
font-size:70%;
line-height:inherit;
}
.sizedown-06 {
font-size:60%;
line-height:inherit;
}
.sizedown-05 {
font-size:50%;
line-height:inherit;
}

/* 文字サイズダウン */

/* 文字揃え */
.align-c {
text-align:center;
}

.align-r {
text-align:right;
}

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

/* 中央揃え */
.mx-auto {
margin-right:auto;
margin-left:auto;
}

/*マージン0*/
.margin0 {
margin:0;
}

/*上下マージン追加*/
.margin-t1 {
margin-top:1.0em;
}
.margin-t2 {
margin-top:2.0em;
}
.margin-t3 {
margin-top:3.0em;
}

.margin-b1 {
margin-bottom:1.0em;
}
.margin-b2 {
margin-bottom:2.0em;
}
.margin-b3 {
margin-bottom:3.0em;
}

/*上ボーダー・下ボーダー*/
.border-t {
border-top: 1px solid;
padding-top:0.4em;
margin-top:1.0em;
}

.border-b {
border-bottom: 1px solid;
padding-bottom:0.4em;
margin-bottom:1.0em;
}

.border-t-dot {
border-top: 1px dotted;
padding-top:0.25em;
margin-top:1.0em;
}

.border-b-dot {
border-bottom: 1px dotted;
padding-bottom:0.15em;
margin-bottom:1.0em;
}

/*URL表記行間調整*/
.url {
line-height:1.4;
font-weight:normal;
}

/*枠囲みボックス*/
.frame-bordered {
border:1px solid #666;
padding: 0.5em 1.25em;
margin:1.0em 0;
}
.frame-white {
padding:0.5em 1.25em;
background:#fff;
}

/* =============================================
デバイス別　表示・非表示
============================================= */
/* モバイル 改行など表示・非表示 */
.pconly {
display: none;
}
.sponly {
display:inline-block;
}/* モバイル end */

/* PC・タブレット 改行など表示・非表示 */
@media screen and (min-width:600px){
.pconly {
display: inline-block;
}
.sponly {
display:none;
}
}/* PC・タブレット end */

/* =============================================
見出し
============================================= */
h1,h2,h3,h4,h5,h6 {
line-height:1.4;
font-weight:bold;
margin: 1.0em 0 0.25em 0;
}

h1 {
font-size: 2.0em;
}
h2 {
font-size: 1.25em;
}
h3 {
font-size: 1.15em;
}
h4 {
font-size: 1.05em;
}
h5 {
font-size: 1.0em;
}
h6 {
font-size: 1.0em;
}


/* =============================================
レイアウト
============================================= */
#wrapper {
overflow: hidden; /*スマホ画面横ブレ対応*/
position: relative;
background-color:#fff;
}

/* header */
header {
margin: 0 0 0 0;
}


/* =============================================
メインビジュアル部分
============================================= */
@media screen and (max-width:320px){
/*メインビジュアル全体*/
#header-outer {
width: auto;
height:265px;
margin-top:40px;
background: #222 url("../images/hikawa-main02.jpg") no-repeat;
background-position:40%;
background-size:auto 170px;
overflow: hidden;
position:relative;
}
/*タイトルなど文字要素全体*/
#header-outer .header-title-wrap {
padding-right:2%;
padding-left:2%;
text-align:right;
position:absolute;
top:0;
}
#header-outer .header-title-wrap h1 {
display:inline-block;
width:65%;
text-align:center;
margin-top:0;
margin-bottom:0;
line-height:1.8;
}
#header-outer .header-title-wrap h1 img {
width: 100%;
height: auto;
}
#header-outer .header-title-wrap h2 {
font-size:1.25em;
line-height:1.4;
font-weight:normal;
color:#fff;
display:inline-block;
width:65%;
text-align:center;
margin:0.5em 0 0.5em;
}

#header-outer .header-title-wrap p.headcopy {
font-size:0.9em;
line-height:1.2;
font-weight:normal;
color:#fff;
margin-top:0.7em;
text-align:center;
}

#header-outer .header-title-wrap .recital-date {
font-size:12px;
line-height:1.6;
color:#fff;
display:inline-block;
width:64%;
text-align: center;
margin-bottom:1.75em;
}
a.linkbtn {
font-size:0.9em;
line-height:2.0em;
color:#6859c2;
text-align:center;
text-decoration: none;
padding:0;
border:2px solid #6859c2;
border-radius:4px;
width:70%;
display:block;
margin:0.5em auto 0;
background:#b4ade5;
position:relative;
}
	
a:hover.linkbtn {
background: #6859c2;/*線色*/
color: #fff;
text-decoration: none;
}

}

@media screen and (min-width:321px) and (max-width:540px) {
/*メインビジュアル全体*/
#header-outer {
width: auto;
height:240px;
margin-top:40px;
background: url("../images/hikawa-main02.jpg") no-repeat;
background-position: 42% top;
background-size:auto 240px;
overflow: hidden;
position:relative;
}

/*タイトルなど文字要素全体*/
#header-outer .header-title-wrap {
display: block;
width:70%;
padding-right:2%;
padding-left:2%;
text-align:center;
position:absolute;
top:0;
right:0;
}

#header-outer .header-title-wrap h1 {
display:block;
width:100%;
text-align:center;
margin-top:0;
margin-bottom:0;
line-height:1.15;
}

#header-outer .header-title-wrap h1 img {
width: 100%;
height: auto;
}

#header-outer .header-title-wrap h2 {
font-size:1.5em;
line-height:1.2;
font-weight:normal;
color:#fff;
margin:0.3em 0 0.3em;
}

#header-outer .header-title-wrap p.headcopy {
font-size:0.87em;
line-height:1.4;
font-weight:normal;
color:#fff;
margin:1.0em 0 0.5em;
}

#header-outer .header-title-wrap .recital-date {
font-size:12px;
line-height:1.5;
color:#fff;
margin-bottom:0.7em;
}

a.linkbtn {
font-size:0.9em;
line-height:2.2em;
color:#6859c2;
text-align:center;
text-decoration: none;
padding:0;
border:2px solid #6859c2;
border-radius:4px;
width:100%;
display:block;
margin:0.4em auto 0;
background:#b4ade5;
position:relative;
}
	
a:hover.linkbtn {
background: #6859c2;/*線色*/
color: #fff;
text-decoration: none;
}	

}

@media screen and (min-width:541px) and (max-width:768px) {
/*メインビジュアル全体*/
#header-outer {
width: auto;
height:350px;
margin-top:40px;
background: url("../images/hikawa-main02.jpg") no-repeat;
background-position: center;
background-size:auto 350px;
overflow: hidden;
position:relative;
}

/*タイトルなど文字要素全体*/
#header-outer .header-title-wrap {
display: block;
width:57%;
padding-right:2%;
padding-left:2%;
text-align:center;
position:absolute;
top:0;
right:0;
}

#header-outer .header-title-wrap h1 {
display:block;
width:100%;
text-align:center;
margin-top:0;
margin-bottom:0;
line-height:1.15;
}

#header-outer .header-title-wrap h1 img {
width: 100%;
height: auto;
}

#header-outer .header-title-wrap h2 {
font-size:2.5em;
line-height:1.2;
font-weight:normal;
color:#fff;
margin:0.5em 0;
}

#header-outer .header-title-wrap p.headcopy {
font-size:1.3em;
line-height:1.4;
font-weight:normal;
color:#fff;
margin:1.25em 0 1.25em;
}

#header-outer .header-title-wrap .recital-date {
font-size:14px;
line-height:1.5;
color:#fff;
}
a.linkbtn {
font-size:1.0em;
line-height:2.4em;
color:#6859c2;
text-align:center;
text-decoration: none;
padding:0;
border:2px solid #6859c2;
border-radius:4px;
width:70%;
display:block;
margin:0.5em auto 0;
background:#b4ade5;
position:relative;
}

a:hover.linkbtn {
background: #6859c2;/*線色*/
color: #fff;
text-decoration: none;
}	
	
}

@media screen and (min-width:769px) and (max-width:1599px){
#header-outer {
width: 100%;
height:480px;
margin-top:60px;
margin-bottom:0;
padding-bottom: 50px;
background: url("../images/hikawa-main02.jpg") no-repeat;
background-position: bottom;
background-size:auto 480px;
overflow: hidden;
position:relative;
}

#header-outer .header-title-wrap {
display: block;
width:60%;
padding-right:5%;
padding-left:5%;
text-align:center;
position:absolute;
top:0;
right:0;
}

#header-outer .header-title-wrap h1 {
display:block;
width:100%;
text-align:center;
margin-top: 15px;
margin-bottom:15px;
}

#header-outer .header-title-wrap h1 img {
width: 100%;
height: auto;
}

#header-outer .header-title-wrap h2 {
font-size:3.2em;
line-height:1.4;
font-weight:normal;
color:#fff;
margin:0.25em 0 0.25em;
}

#header-outer .header-title-wrap p.headcopy {
font-size:1.8em;
line-height:1.4;
font-weight:normal;
color:#fff;
margin:1.5em 0 1.0em 0;
}

#header-outer .header-title-wrap .recital-date {
font-size:18px;
line-height:1.6;
color:#fff;
margin-bottom:1.25em;
}
a.linkbtn {
font-size:1.2em;
line-height:2.4em;
color:#6859c2;
text-align:center;
text-decoration: none;
padding:0;
border:2px solid #6859c2;
border-radius:4px;
width:70%;
display:block;
margin:0.5em auto 0;
background:#b4ade5;
position:relative;
}
	
a:hover.linkbtn {
background: #6859c2;/*線色*/
color: #fff;
text-decoration: none;
}	

}

@media screen and (min-width:1600px) {
#header-outer {
width: 100%;
height:480px;
margin-top:60px;
margin-bottom:0;
padding-bottom: 50px;
background: url("../images/hikawa-main02.jpg") no-repeat;
background-position: bottom;
background-size:auto 480px;
overflow: hidden;
position:relative;
}

#header-outer .header-title-wrap {
display: block;
width:50%;
padding-right:2.5%;
padding-left:2.5%;
text-align:center;
position:absolute;
top:0;
right:10%;
}

#header-outer .header-title-wrap h1 {
display:block;
width:100%;
text-align:center;
margin: 15px auto;
}

#header-outer .header-title-wrap h1 img {
width: 100%;
height: auto;
}

#header-outer .header-title-wrap h2 {
font-size:3.2em;
line-height:1.4;
font-weight:normal;
color:#fff;
margin:0.3em 0 0.3em;
}

#header-outer .header-title-wrap p.headcopy {
font-size:2.0em;
line-height:1.4;
font-weight:normal;
color:#fff;
margin:1.0em 0 0.7em 0;
}

#header-outer .header-title-wrap .recital-date {
font-size:20px;
line-height:1.6;
color:#fff;
margin-bottom:0.9em;
}

a.linkbtn {
font-size:1.2em;
line-height:2.4em;
color:#6859c2;
text-align:center;
text-decoration: none;
padding:0;
border:2px solid #6859c2;
border-radius:4px;
width:100%;
display:block;
margin:0.5em auto 0;
background:#b4ade5;
position:relative;
}
	
a:hover.linkbtn {
background: #6859c2;/*線色*/
color: #fff;
text-decoration: none;	
}
	
}

/* =============================================
メインコンテンツ幅
============================================= */
.mainContentsWrap {
width:96%;
margin:0 auto 50px auto;
}


/* =============================================
フッター
============================================= */
footer {
text-align:center;
background: #cdcdcd;
}

footer .footer-outer {
padding: 15px 5px;
}

footer .footer-logo-outer {
text-align: center;
margin:1.2em 0 0.5em 0;
display: block;
}

footer .footer-logo-outer span.footer-logo {
display: inline-block;
vertical-align: middle;
margin:auto 15px;
}

/* SNSアイコン */
.sns-share {
margin: 2.0em 0;
}
.sns-share .share-list {
text-align: center;
}

.sns-share .share-list dt {
display: inline-block;
color: #043985;
font-size: 12px;
font-weight: bold;
line-height: 32px;
}

.sns-share .share-list dd {
display: inline-block;
margin-left: 5px;
}

.sns-share .share-list dd img {
width: 33px;
height: 32px;
}

.sns-share .share-list dt.share-ttl {
font-size:12px;
}

/*コンテンツ枠*/
.contents-outer {
width:96%;
display:block;
margin:1.0em 2% 3.0em 2%;
}
/*pcでは1/2幅　スマホでは全幅*/
.contents-outer-half {
width:96%;
display:block;
vertical-align: top;
margin:0 2% 3.0em 2%;
}

/*ページトップボタン*/
#page_top {
position: fixed;
display: block;
right: 10px;
bottom: 10px!important;
padding: 0;
z-index: 777;
height: 40px;
width: 40px;
line-height: 1;
}
#page_top a {
font-size: 32px;
font-weight: normal;
line-height: 1.2;
text-decoration:none;
padding: 0;
display: block;
opacity: 0.8;
color:#fff;
background: rgba(73,58,142,0.6);
height: 40px;
width: 40px;
border-radius: 20px;/*角丸*/
text-align: center;
}
#page_top a:hover {
opacity: 1;
text-decoration: none;
}

/* =============================================
最新情報
============================================= */
dl.topics {
font-size:0.9em;
line-height:1.6;
width:100%;
height:150px;
background:#fff;
padding:10px 15px;
overflow-y: scroll;
box-sizing:border-box;
}
dl.topics dt {
color:#999;
}
dl.topics dd {
margin-bottom:0.75em;
}


/* =============================================
Youtube レスポンシブ
============================================= */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*アーティスト写真*/
.contents-outer .artist-photo {
width:45%;
max-width:240px;
height:auto;
margin:0 1.2em 1.2em 0;
float:left;
}
.contents-outer .artist-photo img {
width:100%;
height:auto;
}

/*CDジャケット写真*/
.contents-outer .jacket-photo {
width:50%;
max-width:240px;
height:auto;
margin:0 auto 1.2em auto;
}
.contents-outer .jacket-photo img {
width:100%;
height:auto;
}

/*番号リスト*/
ol.numbering-list {
margin:0.25em 0;
padding-left: 1.2em;
}
ol.numbering-list li {
line-height:1.5;
list-style-type: decimal;
padding:5px 2px;
}

/*シンプルリスト*/
ul.simple-list {
list-style-type:none;
margin:0.25em 0;
}
ul.simple-list li {
line-height:1.5;
list-style-type:none;
padding:5px 2px 5px 1.0em;
position:relative;
}
ul.simple-list li:before {
position:absolute;
display:inline-block;
content:"●";
left:0;
}

/*※印リスト*/
ul.kome-list {
list-style-type:none;
margin:0.25em 0;
}
ul.kome-list li {
line-height:1.5;
list-style-type:none;
padding:5px 2px 5px 1.0em;
position:relative;
}
ul.kome-list li:before {
position:absolute;
display:inline-block;
content:"※";
left:0;
}


@media screen and (min-width:600px) {
/* メインコンテンツ幅 */
.mainContentsWrap {
width:90%;
max-width:1280px;
margin:0 auto 50px auto;
}

/*pcでは1/2幅　スマホでは全幅*/
.contents-outer-half {
width:46%;
display:block;
float:left;
vertical-align: top;
margin:1.0em 2% 3.0em 2%;
}

dl.topics {
width:100%;
height:auto;
background:#fff;
padding:10px 15px;
overflow-y: scroll;
box-sizing:border-box;
}

/*CDジャケット写真*/
.contents-outer .jacket-photo {
width:50%;
max-width:240px;
height:auto;
margin:0 1.2em 1.2em 0;
float:left;
}
.contents-outer .jacket-photo img {
width:100%;
height:auto;
}
.contents-outer .contents-inner-float-l {
min-width:50%;
display:inline-block;
float:left;
}
}