@charset "shift_jis";

/*============ 商品ページ個別CSS ===========*/

/*============= 色指定ここから =============*/
.main1c .section h2:after,
.main1c .section .block-title,
.main1c .section .box,
.main1c .cdlist-default .cdlist-title,
.main1c .section .underline:after,
.main1c p.point-number {
  background: #032d44;  /*【←アクセントカラーを設定】*/
}

.all-section {
  background: #eacd75 !important;  /*【←背景色を設定】*/
}

.main1c .section h2 span.itemtitle {
  line-height: 1.4;
}


/*============= 色指定ここまで =============*/

/*============ 全体用CSSここから ===========*/

.section .block p em {
  color: #972125;
}

p.point-number span {
  font-size: 40px;
  margin-top: 15px;
  text-shadow: 0 -1px 1px #aaa;
}

.feature h3 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 10px;
}

.feature .column2 p {
  font-size: 15px;
  line-height: 1.6;
}

#section03 .block iframe {
  border: 10px solid #eee;
}

#section03 .block .block {
  margin-top: 20px;
  border-radius: 6px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  background: #ede082; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #ede082 0%, #fcf6bf 50%, #ede082 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #ede082 0%,#fcf6bf 50%,#ede082 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #ede082 0%,#fcf6bf 50%,#ede082 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#section03 .block .block .column2 {
  background: none !important;
  padding: 15px;
}

#section03 .block .block h4 {
  color: #E53A2D;
  margin-bottom: 0;
}

#section03 .block .block span {
  display: block;
  display: inline-block;
  width: 100px;
  background: #468436;
  color: #fff;
  padding: 5px 10px;
  margin-left: 10px;
  text-align: center;
  border-radius: 20px;
  border: 2px solid #E0BB55;
}

#section03 .block .block .column2 p {
  margin-top: 10px;
}

#section03 .block .block .width-small {
  width: 28%;
  padding-right: 0;
}

#section03 .block .block .width-small img {
  border-radius: 50%;
  border :2px solid #fff;
}

#section03 .block .block .width-big {
  width: 70%;
  padding-left: 0;
}

.cdlist-default .cdlist-title {
  padding: 6px 10px;
}

.cdlist-default .cdlist-image {
  width: 75%;
}


/*---------------------*/
/*-----足したもの------*/
/*---------------------*/
#section01 p{
	margin-top:5px;
}

/*ピアニストリスト--*/
.pianist{
	display:table;
}
.pianistlist{
	padding-top:20px;
}
.pianist_photo{
	width:200px;
	float:left;
}
.pianist_photo img{
	width:100%;
}
.pianist_profile{
	width:450px;
	float:right;
}
.pianist_profile span.name_e{
	font-size:110%;
	font-weight:bold;
	white-space: nowrap;
}
.pianist_profile span.name_j{
	color:#972125;
	font-weight:bold;
	white-space: nowrap;
}


/*--収録曲リスト--*/
.cdlist-description{
	font-size:103% !important;
}

.bg01{
	background-color:#ba8dbe !important;
}
.bg02{
	background-color:#70bbe9 !important;
}
.bg03{
	background-color:#b6cf69 !important;
}
.bg04{
	background-color:#00a679 !important;
}
.bg05{
	background-color:#e0363f !important;
}
.bg06{
	background-color:#85cbbf !important;
}
.bg07{
	background-color:#e790b4 !important;
}
.bg08{
	background-color:#f9c059 !important;
}
.bg09{
	background-color:#bd968b !important;
}
.bg10{
	background-color:#a3b4dc !important;
}

.border01{
	border-color:#ba8dbe !important;
}
.border02{
	border-color:#70bbe9 !important;
}
.border03{
	border-color:#b6cf69 !important;
}
.border04{
	border-color:#00a679 !important;
}
.border05{
	border-color:#e0363f !important;
}
.border06{
	border-color:#85cbbf !important;
}
.border07{
	border-color:#e790b4 !important;
}
.border08{
	border-color:#f9c059 !important;
}
.border09{
	border-color:#bd968b !important;
}
.border10{
	border-color:#a3b4dc !important;
}
.cdlist ol li span {
  text-indent: -20 ;
}
.cdlist ol li:nth-child(n+10) span {
  text-indent: -10 ;
}
/*--収録曲リストここまで--*/


/*--2大付録--*/
h3 span.furoku_spec{
	font-size:50%;
	color:#032d44;
}
.flexbox p.detail_box{
	background-color:#FFFFCC;
	border:1px solid #972125;
	font-size:90%;
	padding:5px;
}
.flexbox p.detail_box span{
	color:#972125;
}

/*--2大付録ここまで--*/

/*-----足したものここまで------*/




/*============ 全体用CSSここまで ===========*/

@media screen and (max-width: 767px) {
  /*======= スマートフォン用CSSここから ======*/

  #section01 h3 {
    font-size: 36px;
    font-weight: 700;
  }

  p.point-number span {
    font-size: 60px;
    margin-top: 24px;
  }

  #section03 .block iframe {
    border: 5px solid #eee;
    width: 620px;
  }

  .feature h3 {
    font-size: 40px;
    font-weight: 700;
  }

  .feature .column2 p {
    font-size: 22px;
  }
  
  .feature .width-big p {
    margin-top: 20px;
  }

  #section03 .block .block .column2 {
    float: none;
  }

  #section03 .block .block span {
    font-size: 38px;
    width: 180px;
    padding: 5px 10px 0;
  }

  #section03 .block .block .column2 p {
    margin-top: 10px;
  }

  #section03 .block .block .width-small {
    width: 50%;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  #section03 .block .block .width-small img {
    border-radius: 50%;
    border :2px solid #fff;
  }

  #section03 .block .block .width-big {
    width: 100%;
    padding-left: 20px;
  }

  .cdlist .sp-column2 p {
    font-size: 20px;
  }
  


/*---------------------*/
/*-----足したもの------*/
/*---------------------*/

/*ピアニストリスト--*/
.pianist_photo{
	width:25%;
	float:left;
}
.pianist_photo img{
	width:100%;
}
.pianist_profile{
	width:70%;
	float:right;
}
.pianist_profile span.name_e{
	font-size:110%;
	font-weight:bold;
}
.pianist_profile span.name_j{
	color:#972125;
	font-weight:bold;
}


/*-----------------------*/
/*-----ウェブ課追加------*/
/*-----------------------*/

.pianist_profile span.name_e {
    display: block;
}

.pianist_profile span.name_j {
    display: block;
    margin-top: -55px;
}


  /*======= スマートフォン用CSSここまで ======*/
} /* end media query */