@charset "UTF-8";
/*
 * /css/style.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}
/* !Reseting
---------------------------------------------------------- */
html {
  font-size: 100%;
}
body {
  /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;*/
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  line-height: 1.7;
  color: #4c4948;
  cursor: default;
  font-size: 14px;
}
/* ie8 */ html>/**/body {
  font-size /*\**/: 85%\9;
}
p {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
button, input[type="text"], input[type="submit"], input[type="image"], textarea {
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
}
em {
  font-weight: 600;
  font-style: normal;
}
/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6, .reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td {
  margin: 0;
  padding: 0;
}
.reset input, .reset textarea {
  margin: 0;
  font-size: 100%;
}
.reset table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
.reset fieldset, .reset img, .reset abbr, .reset acronym {
  border: 0;
}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var {
  font-style: normal;
  font-weight: normal;
}
.reset ol, .reset ul {
  list-style: none;
}
.reset caption, .reset th {
  text-align: left;
}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6 {
  font-size: 100%;
  font-weight: normal;
}
.reset a, .reset input { /* outline: none; */
}
.reset q:after, .reset q:before {
  content: '';
}
/* !Clearfix
---------------------------------------------------------- */
.clearfix, #contents, .section {
  display: block;
  min-height: 1%;
}
.clearfix:after, #contents:after, .section:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
* html .clearfix, * html #contents, * html .section {
  height: 1%;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* !Layout
---------------------------------------------------------- */
html {
  overflow-y: scroll;
}
body {
  text-align: center;
  padding: 0!important;
}

@media print {
html,  html body {
*zoom: 0.65;
}
}
/* !wrapper
---------------------------------------------------------- */
.wrapper_pages {
  text-align: left;
}
/* !topicpath
---------------------------------------------------------- */
#topic_path {
  margin: 0 0 6px;
  min-width: 960px;

  word-wrap:break-word;
  overflow-wrap:break-word;
}
#topic_path ul {
  width: 960px;
  margin: 0 auto;
  display: block;
  min-height: 1%;
}
#topic_path ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#topic_path li {
  float: left;
  color: #4b4948;
  word-break: break-all;
  word-wrap:break-word;
  overflow-wrap:break-word;
}
#topic_path li + li:before {
  content: ">";
  padding: 0 4px;
}
#topic_path li a {
  color: #4b4948;
}
/* !mainimg
---------------------------------------------------------- */
#mainimg {
}
/* !contents
---------------------------------------------------------- */
#contentsWrap {
  position: relative;
  z-index: 1;
  min-width: 960px;
  background: url(/images/common/bg_contents01.png) repeat center top;
}
#contentsSectionWrap {
  text-align: left;
  width: 960px;
  margin: 0 auto;
  padding: 10px 0 30px;
  display: block;
  min-height: 1%;
}
#g01 #contentsSectionWrap {
  padding: 10px 0 130px;
}
#contentsSectionWrap:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#main {
  float: left;
  width: 682px;
}
#sub {
  float: right;
  width: 250px;
  padding: 0 0 30px;
}
#side_navi {
  width: 250px;
}
#side_navi.fixed {
  margin-top: 70px;
}
#oneColumnMain {
  padding: 0 0 90px;
}
.moreLink01 {
  margin: 15px 0 0;
  text-align: right;
}
.moreLink01 a {
  padding: 0 12px 0 0;
  background: url(/images/common/ico_arrow01.png) no-repeat right center;
}
.prevLink01 {
  margin: 15px 0 0;
}
.prevLink01 a {
  padding: 0 0 0 12px;
  background: url(/images/common/ico_arrow02.png) no-repeat left center;
}
/* 楽譜サンプル */
.scorePreview {
  width: 800px;
  text-align: left;
}
.scorePreview .title {
  background: url(/images/search/icon_score.png) no-repeat;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 35px;
}
.scorePreview dl {
  width: 100%;
  display: block;
  margin-bottom: 3px;
}
.scorePreview dl dt, .scorePreview dl dd {
  display: table-cell;
  padding: 8px;
  margin-bottom: 3px;
}
.scorePreview dl dt {
  background: #e4e4e4;
  text-align: center;
  vertical-align: middle;
  width: 150px;
}
.scorePreview dl dd {
  background: #f0f0f0;
  width: 580px;
}
.scorePreview p.score {
  margin-top: 20px;
  text-align: center;
}
.scorePreview div:empty:after {
  content: "当サイトではこの機能に対応しておりません。";
}
/* カートに入れる */
.cartPreview {
  width: 600px;
  text-align: left;
}
.cartPreview .title {
  background: url(/images/search/icon_cart.png) no-repeat;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-left: 35px;
}
.cartPreview .notice {
  padding: 25px 20px 20px;
  background: #fff5f8;
  text-align: center;
  margin: 10px 0;
}
.cartPreview .notice .messageTxt {
  min-height: 28px;
  display: inline-block;
  padding: 0 0 0 52px;
  background: url(/images/common/ico_notes01.png)  no-repeat left center;
  background-size: 32px auto;
  color: #4b4948;
  text-align: left;
}
.cartPreview .notice .messageTxt em {
  font-style: normal;
  font-weight: bold;
  color: #d30563;
  font-size: 18px;
}
.cartPreview .cartInMessage {
  color: #d30563;
  font-size: 18px;
  font-weight: bold;
  margin: 40px 0 0;
  text-align: center;
}
.cartPreview .btn01 {
  margin: 30px 0 0;
  text-align: center;
}
.cartPreview .btn01 li {
  margin: 0 0 20px;
}
/* cat_icon */
.category_icon .cat01, .typeCell .cat01, .dataCell .cat01 {
  margin-top: 10px;
  text-align: left;
}
.category_icon .cat01:first-child, .typeCell .cat01:first-child, .dataCell .cat01:first-child {
  margin-top: 0;
}



/* !news -------------------------------------------------------------- */
.topics_list table {
  width: 100%;
}
.topics_list td {
  padding: 7px;
}
.topics_list tr:nth-child(odd) td {
  background: #ededed;
}
.topics_list td a {
  color: #4c4948;
}

.topics_list .news_day {
  width: 110px;
  text-align: center;
  border-right: 2px solid #b7b7b7;
}
.topics_list .news_category {
  width: 105px;
}
.topics_list .news_category em {
  display: block;
  text-align: center;
  color: #fff;
  font-style: normal;
}
.topics_list .news_category em.emergency_information {
  background: #00b14d;
}
.topics_list .news_category em.member_news {
  background: #6398ff;
}
.topics_list .news_category em.midi_topics {
  background: #00a3c5;
}
.topics_list .news_category em.ele_topics {
  background: #ff7b00;
}
.topics_list .news_category em.category05 {
  background: #a400af;
}
.topics_list .news_category em.category06 {
  background: #8e8e8e;
}
.topics_list .news_category em.category07 {
  background: #333333;
}
/* !tab -------------------------------------------------------------- */
.disnon {
  display: none;
}
.show {
  display: block;
}
/* !sub
---------------------------------------------------------- */
#sub div.ttl03 {
  padding: 10px 10px 10px 36px;
  color: #fff;
  font-size: 14px;
}
#sub div.ttl03 h3 {
  font-weight: bold;
}
#sub .cart div.ttl03 {
  background: url(/images/common/ico_cart01.png) no-repeat 9px 11px #333;
  background-size: 23px auto;
}
#sub .play_list div.ttl03 {
  background: url(/images/common/ico_play_list01.png) no-repeat 9px 11px #333;
  background-size: 23px auto;
}
#sub .midi_amount div.ttl03 {
  background: url(/images/common/ico_midi_amount01.png) no-repeat 9px 11px #333;
  background-size: 23px auto;
}
#sub .kankara_app div.ttl03 {
  background: url(/images/common/ico_kankara_app01.png) no-repeat 9px 11px #333;
  background-size: 23px auto;
}
#sub .check div.ttl03 {
  background: url(/images/common/ico_check01.png) no-repeat 9px 8px #333;
  background-size: 23px auto;
}
#sub .dl_ranking div.ttl03 {
  background: url(/images/common/ico_ranking01.png) no-repeat 4px 11px #333;
  padding: 10px 5px 10px 28px;
  background-size: 23px auto;
}



#sub .genre div.ttl03 {
  background: url(/images/common/ico_genre01.png) no-repeat 9px 11px #333;
}
#sub .artist div.ttl03 {
  background: url(/images/common/ico_artist01.png) no-repeat 9px 11px #333;
}
#sub .sort {
  background: #ffffff;
  margin-bottom: 10px;
  padding: 10px 10px 1px;
}
#sub .sort .title {
  background: url(/images/common/ico_search_sub.png) no-repeat 5px 2px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
#sub .accordionTtl01 span {
  cursor: pointer;
  position: relative;
  display: block;
  padding: 8px 35px 8px 36px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
#sub .accordionTtl01.accNo span {
  cursor: default;
}
#sub .accordionTtl01 span:after {
  content: "";
  position: absolute;
  right: 11px;
  top: 50%;
  margin: -6px 0 0;
  width: 14px;
  height: 12px;
  overflow: hidden;
  background: url(/images/common/ico_accordion_arrow01.png) no-repeat left top;
}
#sub .keyword .link_items .link_items_list ul li {
  padding: 8px;
  text-align: center;
}
#sub .keyword select {
  border: 1px solid #808080;
  color: #666;
  height: 29px;
  position: relative;
  width: 200px;
}
#sub .keyword input[type="text"] {
  width: 200px;
  height: 29px;
  border: 1px solid #808080;
  padding: 2px 8px;
  margin: 7px 0;
}
#sub .accordionTtl01.active span:after {
  background-position: left bottom;
}
#sub .accordionTtl01.accNo span:after {
  background: none!important;
}
#sub .keyword .accordionTtl01 span {
  background: url(/images/common/ico_check01.png) no-repeat 9px 6px #333;
}
#sub .check .accordionTtl01 span {
  background: url(/images/common/ico_check01.png) no-repeat 9px 6px #333;
}
#sub .artist .accordionTtl01 span {
  background: url(/images/common/ico_artist01.png) no-repeat 9px 6px #333;
}
#sub .genre .accordionTtl01 span {
  background: url(/images/common/ico_genre01.png) no-repeat 9px 6px #333;
}
#sub .data_type .accordionTtl01 span {
  background: url(/images/common/ico_datatype01.png) no-repeat 9px 6px #333;
}
#sub .score .accordionTtl01 span {
  background: url(/images/common/ico_score01.png) no-repeat 9px 6px #333;
}
#sub .course .accordionTtl01 span {
  background: url(/images/common/ico_course01.png) no-repeat 9px 6px #333;
}
#sub .music .accordionTtl01 span {
  background: url(/images/common/ico_check01.png) no-repeat 9px 11px #333;
}
#sub .diff .accordionTtl01 span {
  background: url(/images/common/ico_diff01.png) no-repeat 9px 11px #333;
}
#sub .grade .accordionTtl01 span {
  background: url(/images/common/ico_grade01.png) no-repeat 9px 11px #333;
}






#sub .section {
  margin: 0 0 14px;
}
#g01 #sub .section.cart {
  margin: 0 0 10px;
}
#sub .section.cart {
  margin: 0 0 20px;
}
#sub .section.dl_ranking {
  margin: 0 0 10px;
}
#sub .cart_items {
  background: #fff;
}
#sub .cart_items dl {
  display: table;
  margin: 0 auto;
}
#sub .cart_items dl dt {
  display: table-cell;
  padding: 10px 0;
  font-weight: bold;
  font-size: 20px;
  color: #333;
}
#sub .cart_items dl dd {
  display: table-cell;
    line-height: 1.5;
  padding: 10px 0;
  width: 65px;
  font-weight: bold;
  font-size: 20px;
  color: #333;
  text-align: right;
}
#sub .cart_items dl dd em {
  font-style: normal;
}
#sub .cart_items dl dd small {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
}
#sub .cart_items dl dd small span {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 0 5px;
}
#sub .cart_items .cartBtn {
  text-align: center;
  padding: 0 0 7px;
  line-height: 1;
}
#sub .cart_items .cartBtn + .cartBtn {
  padding: 0;
}
#sub .cart_items .loginBtn {
  text-align: center;
  padding: 6px 5px;
  line-height: 1;
  background: #666;
  font-size: 0;
}
#sub .check_items ul {
  margin: -7px 0 0;
}
#sub .check_items ul li {
  margin: 7px 0 0;
  padding: 4px;
  background: #fff;
}
.items_all {
  width: 450px;
  text-align: left;
}
.items_all ul {
  height: 420px;
  margin-top: 20px;
  overflow: auto;
}
.items_all ul li {
  margin: 10px 0 0;
  padding: 0 0 0 18px;
  position: relative;
}
.items_all ul li:before {
  position: absolute;
  left: 0;
  top: 7px;
  content: "";
  width: 7px;
  height: 7px;
  background: url(/images/common/ico_square01.png) no-repeat left top;
}
.items_all ul li em {
  font-style: normal;
}
.items_all.set_all ul {
  height: auto;
}
.items_all.set_all .title strong {
  font-size: 18px;
}
#sub .moreBtn {
  margin: 12px 0 0;
  padding: 0 0 4px;
}
#sub .moreBtn a, #sub .moreBtn.accordionTtl01 {
  cursor: pointer;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #fff;
  padding: 4px;
  font-weight: bold;
  background: #c1c1c1; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxYzFjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4OTg5ODkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #c1c1c1 0%, #898989 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1c1c1), color-stop(100%, #898989)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c1c1c1 0%, #898989 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #c1c1c1 0%, #898989 100%); /* IE10+ */
  background: linear-gradient(to bottom, #c1c1c1 0%, #898989 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#898989', GradientType=0 ); /* IE6-8 */
}
#sub .moreBtn a:hover {
  background: #c4c4c4;
}
#sub .moreBtn.accordionTtl01 ~ ul {
  padding-top: 10px;
}
#sub .ranking_items {
  background: #666;
  padding: 5px 8px 11px;
  overflow: hidden;
}
#sub .ranking_items .rankingDate {
  margin: 0 0 5px;
  text-align: right;
  color: #cfcfcf;
}
#sub .ranking_items ol {
  margin: 0 0 -8px;
}
#sub .ranking_items ol li {
  margin: 0 0 8px;
  background: #fff;
  padding: 14px 9px 18px 4px;
}
#sub .ranking_items ol li:nth-child(n + 6) {
  display: none;
}
#sub .ranking_items ol.rankingOpen li {
  display: block!important;
}
#sub .ranking_items .btn {
  cursor: pointer;
  margin: 5px 0 -7px;
}
#sub .ranking_summary {
  color: #7c7c7c;
  width: 100%;
}
#sub .ranking_summary td {
  font-size:  12px;
  line-height: 1.3;
  padding: 0 0 0 5px;
}
#sub .ranking_summary .ranking_num {
  width: 28px;/*36px;*/
  text-align: left;
  vertical-align: top;
  padding: 2px 0 5px;
}
#sub .ranking_summary .ranking_num img {
  width: 84%;
  height: auto;
}
#sub .ranking_summary .ranking_title {
  font-size:  14px;
  text-align: left;
  vertical-align: top;
  padding: 0 0 5px;
  font-weight: bold;
}
#sub .ranking_summary .ranking_up_down {
  width: 32px;/*40px;*/
  text-align: right;
  vertical-align: top;
  line-height: 1;
  padding: 0 0 5px;
}
#sub .ranking_summary .ranking_up_down img {
  height: auto;
  width: 30px;
}

#sub .section.mailmagazine, #sub .section.howto_music_data, #sub .section.midi_movie {
  line-height: 1;
  font-size: 0;
}
#sub .items_select ul {
  margin: -7px 0 0;
}
#sub .items_select ul li {
  color: #4b4948;
  margin: 7px 0 0;
  background: #fff;
  display: table;
  width: 100%;
}
#sub .items_select ul li p {
  display: table-cell;
  padding: 6px;
  font-weight: bold;
  font-size: 14px;
  vertical-align: middle;
}
#sub .items_select ul li p em {
  font-style: normal;
}
#sub .items_select ul li p.btn {
  width: 87px;
}
#sub .items_select ul li a {
  position: relative;
  display: block;
  float: right;
  width: 80px;
  padding: 4px 2px 4px 23px;
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  background: #4c4c4c; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjFiMWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #4c4c4c 0%, #1b1b1b 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c4c4c), color-stop(100%, #1b1b1b)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #4c4c4c 0%, #1b1b1b 100%); /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #4c4c4c 0%, #1b1b1b 100%); /* IE10+ */
  background: linear-gradient(to bottom, #4c4c4c 0%, #1b1b1b 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#1b1b1b', GradientType=0 ); /* IE6-8 */
}
#sub .items_select ul li a:after {
  content: "";
  display: block;
  width: 14px;
  height: 15px;
  position: absolute;
  left: 7px;
  top: 4px;
  background: url(/images/common/ico_lock01.png) no-repeat left top;
}
#sub .check_items,
#sub .link_items,
#sub .items_select {
  padding: 4px;
  background: #666;
}
#sub .link_items .link_items_list {
  background: #fff;
  padding: 12px 6px;
  overflow: hidden;
}
#sub .link_items .link_items_list ul {
  margin: -2px 0 0;
}
#sub .link_items .link_items_list ul li {
  margin: 2px 0 0;
  font-size: 14px;
}
#sub .link_items .link_items_list ul li em {
  font-style: normal;
}
#sub .link_items .link_items_list ul li span {
  font-size: 12px;
}
#sub .player_notice div.ttl03 {
  background: url(/images/common/ico_notice01.png) no-repeat 11px 11px #333;
  background-size: 26px auto;
}
.player_notice .inner {
  background: #ffffff;
  line-height: 1.5;
  padding: 10px;
}
.player_notice p {
  margin-top: 5px;
}
.player_notice .inner .radio_player {
  border-top: 1px dashed #d8d8d8;
  font-weight: bold;
  margin-top: 15px;
  padding-top: 10px;
}

/* add 2017/09 */
#sub .service div.ttl03 {
  background: #333 url("/images/home/h3_recommend01.png") no-repeat 5px 4px/26px auto;
}

#sub .service div.ttl04.electonehikihodai {
  background: url("/images/common/h1_playlist01.png") left 4px no-repeat;
  background-size: contain;
}

#sub .service div.ttl04.midi_amount {
  background: url("/images/common/ico_midi_amount01.png") left 4px no-repeat;
  background-size: contain;
}

.check .check_items {
  text-align: center;
  line-height: 1;
}

.service .ttl04 h4 {
  color: #fff;
  font-weight: bold;
  padding: 8px 0 0 35px;
  margin: 0 0 8px;
}

.service .item {
  background: #fff;
  font-size: 12px;
  line-height: 1.2;
  padding: 5px 5px 2px;
}

.service small {
  color: #999;
  font-size: 10px;
}

.service .app_icon {
  margin-bottom: 10px;
}

.service .app_icon img {
  float: left;
  margin-right: 10px;
}

.service .cartBtn {
  text-align: center;
}

/* !blank
---------------------------------------------------------- */
a.linkOutside {
  background: url(/images/common/linkOutside.png) no-repeat right center;
  padding-right: 16px;
}
/* !Table
---------------------------------------------------------- */
table.basicTable01 {
  border: 1px solid #cccccc;
  margin: 10px 0;
}
table.basicTable01 th, table.basicTable01 td {
  background: #ffffff;
  padding: 8px 10px;
  border: 1px solid #cccccc;
}
table.basicTable01 th {
  background: #666666;
  border: 1px solid #999999;
  color: #ffffff;
  font-weight: lighter;
}

/* !Sp
---------------------------------------------------------- */
.sp {
  display: none;
}


/* !Ul
---------------------------------------------------------- */
ul.pure {
  margin: 10px 15px;
}
ul.pure li {
  list-style-type: square;
}

/* !OL
---------------------------------------------------------- */
ol.pure {
  counter-reset: number;
  margin: 10px 15px;
}
ol.pure li {
  position: relative;
  margin-left: 1.5em;
}
ol.pure li:before {
  counter-increment: number;
  content: counter(number);
  background: #999;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  width: 2em;
  height: 2em;
  text-align: center;
  border-radius: 50%;
  padding-top: 3px;
  position: absolute;  left: -3em;
}

/* !Section
---------------------------------------------------------- */
.section {
  margin: 0 0 20px;
}
.section:last-child {
  margin: 0;
}
.sectionBlock {
  background: #fff;
  padding: 20px 22px;
  position: relative;
}

/* !color
---------------------------------------------------------- */
.red {
  color: #f40060;
}
/* !align
---------------------------------------------------------- */
.ac {
  text-align: center;
}
.al {
    text-align: left;
}
.ar {
    text-align: right;
}

/* !font size
---------------------------------------------------------- */
.fsSS { font-size: 10px; }
.fsS { font-size: 12px; }
.fsL { font-size: 16px; }
.fsLL { font-size: 18px; }

/* !valign
---------------------------------------------------------- */
.vam {
    vertical-align: middle;
}
/* !margin
---------------------------------------------------------- */
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
/* !popupMask
---------------------------------------------------------- */
#popupMaskPc {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  overflow: hidden;
  text-indent: -9999px;
}
/* !Base Fonts -------------------------------------------------------------- */
a, a:visited {
  color: #0063a9;
  text-decoration: underline;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
/* !JavaScript -------------------------------------------------------------- */
#lineup-font-size-sampler {
  /* jquery-lineup.js */
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
/* !pagination -------------------------------------------------------------- */

.paginationWrap01 {
  position: relative;
  overflow: hidden;
}
.paginationWrap01 .pagination01 {
  position: relative;
  left: 50%;
  float: left;
}
.paginationWrap01 .prev {
  position: relative;
  left: -50%;
  float: left;
  margin: 0 14px 0 0;
  padding: 3px 0 0;
}
.paginationWrap01 .next {
  position: relative;
  left: -50%;
  float: left;
  margin: 0 0 0 14px;
  padding: 3px 0 0;
}
.paginationWrap01 .prev a,  .paginationWrap01 .next a {
  color: #4b4948;
  text-decoration: none;
}
.paginationWrap01 .prev a:hover,  .paginationWrap01 .next a:hover {
  text-decoration: underline;
}
.paginationWrap01 ol {
  position: relative;
  left: -50%;
  float: left;
  display: table;
}
.paginationWrap01 ol li {
  padding: 0 3px;
  display: inline-block;
  vertical-align: middle;
}
.paginationWrap01 ol li img {
  vertical-align: middle;
}
.paginationWrap01 ol li a {
  display: block;
  padding: 4px 8px;
  text-align: center;
  color: #fff;
  background: #808080;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
.paginationWrap01 ol li a:hover,  .paginationWrap01 ol li a.current {
  background: #ff7bab;
}

/* !title -------------------------------------------------------------- */
.ttl01 {
  background: #333;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  line-height: 1.2;
  padding: 12px 10px 8px;
}
  .ttl01.mb {
    margin: 0 0 20px;
  }
  .ttl01 span:before {
    content: " ";
    display: inline-block;
    height: 26px;
    margin: 0 10px 5px 0;
    vertical-align: middle;
    width: 26px;
  }

.ttl02 {
  background: #666;
  color: #fff;
  font-size: 14px;
  padding: 8px 10px;
}

.ttl02ov {
  background: #333;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 10px;
  text-align: left!important;
}

/* !error -------------------------------------------------------------- */
.errorH101 {
  background: #333;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 8px 10px;
}
.errorSection01 h2 {
  background: #666;
  color: #fff;
  font-size: 14px;
  margin: 0 0 4px;
  padding: 14px 10px;
  text-align: center;
}
.errorSectionIn01 {
  background: #ffffff;
  padding: 30px;
  text-align: center;
}
/* !0 -------------------------------------------------------------- */
.resultNone {
  color: #f40060;
  font-size: 14px;
  font-weight: bold;
  padding: 150px 10px;
  text-align: center;
}

/* submenu
---------------------------------------------------------- */
.menu_sp {
  display: none;
}


/* !modal -------------------------------------------------------------- */
/* close */
.remodal-close {
  top: 10px;
  right: 10px;
  left: auto;
}
.remodal-close::before {
    content: " ";
    background-image: url(/images/header/btn_close_select.png);
    background-size: 30px auto;
    height: 30px;
    width: 30px;
}

/* お気に入り */
.remodal.favorite {
  width: 500px;
}
.remodal.favorite p {
  margin: 10px 0;
}
.remodal.favorite .message {
  color: #000000;
  margin: 0 0 20px;
  text-align: center;
}
.remodal.favorite .btn {
  margin: 30px 0 0;
}
/* !load -------------------------------------------------------------- */
.load {
  /*display: none;*/
  background: #666666 url(/images/common/load.gif) 50% 50% no-repeat;
  background: rgba(33, 36, 46, 0.75) url(/images/common/load.gif) 50% 50% no-repeat;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: hidden;
  text-indent: -9999px;
}
/* !help -------------------------------------------------------------- */
ul.list_help {
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 14px;
  line-height: 1.5;
  text-align: right;
}
ul.list_help a:visited {
  color: #aaaaaa;
}
/* !fixed_beginner -------------------------------------------------------------- */
#fixed_beginner {
  position: fixed;
  right: -250px;
  top: 25%;
  z-index: 9999;
}
#fixed_beginner dl {
  position: relative;
}
#fixed_beginner.show {
  right: 0;
}
#fixed_beginner dt {
  background: #222222 url(/images/common/ico_notice01.png) no-repeat 11px 11px;
  border-radius: 3px 0 0 3px;
  color: #ffffff;
  clear: left;
  cursor: pointer;
  line-height: 1.3;
  float: left;
  font-weight: bold;
  width: 45px;
  padding: 38px 10px 10px 12px;
}
#fixed_beginner dd {
  border: 3px solid #222222;
  border-right: none;
  background: #ffffff;
  margin: 0 0 0 42px;
  width: 250px;
}
#fixed_beginner dd p {
  margin-top: 5px;
}
#fixed_beginner dd ul.pure {
  margin: 5px 15px;
}
#fixed_beginner dd .inner {
  padding: 10px;
}
#fixed_beginner dd .radio_player {
  border-top: 1px dashed #d8d8d8;
  font-weight: bold;
  margin-top: 15px;
  padding-top: 10px;
}
/* !anchor -------------------------------------------------------------- */
a.anchor {
  padding-top: 100px;
  margin-top: -100px;
  display: inline-block;
  vertical-align: top;
}
.play-list_dialog {
  /*padding: 10px;
  width: 500px;*/
}
.play-list_dialog dt {
  padding: .5em;
  text-align: center;
}
.play-list_dialog dd {
}
.play-list_dialog dd li a {
  display: block;
}
.play-list_dialog dd li.btn_close {
  margin: 1em 0 0 0;
}
.ttl06 {
  background: #f5f5f5;
  color: #000;
  line-height: 1.2;
  padding: 1em 3em 1em 1em;
  margin: 0 0 1em 0;
}
.ttl06 h4 {
  font-weight: bold;
  text-align: left;
}
.detailCartList01 .cartBtn a, .detailCartList01 .cartBtn span {
  display: inline-block;
  padding: 4px 0 0 0;
}
.section .playlistTableHeadIn01 p.cell03, .section .playlistTable01 table td.title {
  width: 327px;
}
.section .playlistTable01 table td.format {
  text-align: center;
}
.auto_add {
}
.title_auto_add {
  font-weight: bold;
  font-size: 16px;
}
.select_auto_add_player {
  margin-top: 15px;
}
.select_auto_add_player dt {
  background: #f5f5f5;
  /*background: #f5f5f5 url(/images/common/icon_acc_close.png) 6px center no-repeat;*/
  cursor: pointer;
  font-weight: bold;
  padding: 5px 10px 5px 10px;
}
.select_auto_add_player dt {
/*background: #f5f5f5 url(/images/common/icon_acc_open.png) 6px center no-repeat;*/
}
.select_auto_add_player dt input {
  margin: 0 8px 0 0;
}
.select_auto_add_player dt label {
  cursor: pointer;
}
.select_auto_add_player dd {
  background: #fff;
  padding: 5px 10px;
}
.select_auto_add_player dd h3 {
    border-bottom: 1px solid #ccc;
  clear: both;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.select_auto_add_player dd h3.ttl_bd-top {
  border-top: 1px solid #ebebeb;
  padding-top: 1em;
}
.select_auto_add_player dd ul {
  padding: 0 0 10px 10px;
}
.select_auto_add_player dd li {
  float: left;
  min-width: 33%;/*16%;*/
  padding: 0 2em 0 0;
  /*padding: 0 1em 0 0;*/
}
.select_auto_add_player dd li input {
  margin: 0 4px 0 0;
}
.disable_auto-add {
  border-top: 1px solid #ccc;
  margin: 10px 0 0 0;
  padding: 5px 0;
}
.disable_auto-add label {
  display: inline-block;
  padding: .5em 1em 0 0;
}
.functions {
  clear: both;
}
.functions .items {
  float: left;
  width: 19%;
}
.functions .items em {
  font-style: normal;
  font-weight: bold;
  padding: 0 2px;
}
.functions .display {
  float: right;
  text-align: right;
  width: 30%;
}
.section .playlistTableHead01 {
  margin-top: 5px;
}
#main .auto_add {
  margin-bottom: 15px;
}
.auto_add .guideH201 {
  padding: 8px 10px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: #666;
  text-align: center;
}
.guideBlock .buttons {
  clear: both;
}
.guideBlock .buttons ul {
}
.guideBlock .buttons ul li {
  float: left;
  height: 28px;
}
.guideBlock .buttons .btn_clear {
  width: 120px;
}
.guideBlock .buttons .btn_regist_instrument {
  text-align: center;
  width: 390px;
}
.max_item_number {
  clear: both;
  float: left;
  width: 50%;
}
.max_item_warning {　}
.max_item_warning ul {
  background: #fff1f6;
  border-radius: 4px;
  padding: .75em;
  margin: 0 0 .5em 0;
}
.max_item_warning ul li {
  color: #d20c59;
  font-weight: bold;
  text-align: center;
}
.max_item_number .function_data {
  float: left;
  width: 8em;
}
.function_title {
  float: left;
  width: 8em;
}

.function_data {
  float: right;
  width: 12em;
}
.function_data ul {
  float: right;
}
.display .function_data li {
  float: left;
}

.function_data li a {
  display: inline-block;
  padding: 0 .5em;
}

.display {
  float: right;
  width: 48%;
}
.display .function_title {
}
.functions .items li {
  font-size: 16px;
}
.functions .items li em {
  color: #f40060;
  display: inline-block;
  font-size: 22px;
  padding: 0 .25em;
}







/* YAMAHA_MUSIC_ALL-609
-------------------------------------------*/


/* Side Navigation - Height Setting - */
#sub .section,
#sub .section.cart,
#g01 #sub .section.cart {
  margin: 0 0 12px;
}
#sub .inner {
  background: #fff;
  padding: 5px;
}

#sub div.ttl03 {
  padding: 5px 8px 5px 36px;
}

#sub .dl_ranking div.ttl03 {
  background-position: 4px 11px;
}

#contentsSectionWrap #sub .section div.ttl03,
#contentsSectionWrap #sub .guide div.ttl03 {
  background-position: 5px 5px;
}
#contentsSectionWrap #sub .dl_ranking div.ttl03 {
  background-position: 4px 11px;
}

#sub .check_items,
#sub .link_items,
#sub .items_select,
#sub .ranking_items {
  padding: 0 4px 4px 4px;
}

#sub .ranking_items .rankingDate {
  font-size: 12px;
  padding: 4px 0;
  margin: 0;
}

.play_list p {
  padding: 10px 10px 0;
}
.play_list .app_icon {
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 10px 9px 5px;
}
  .play_list .app_icon img {
    float: left;
    margin: -7px 5px 0 0;
  }

.users_voice {
  background-color: #fce5f6;
  margin: 10px 0 0;
  padding: 15px 10px 10px;
  text-align: center;
}
#side_navi .users_voice {
  padding: 10px 5px 2px;
}

.remodal.hikihodai_movie,
.remodal.hikihodai_user {
  width: 800px;
}
/* ユーザーの声 */
.hikihodai_user .userList {
  margin: 10px 0;
  text-align: left;
}
.hikihodai_user .userList li {
  border-top: 1px dashed #d8d8d8;
  margin: 10px 0;
  padding: 15px 0 10px;
}
.hikihodai_user .userList li:after {
    content:" ";
    display:block;
    clear:both;;
}
.hikihodai_user .userList li:first-child {
    border: none;
}
.hikihodai_user .userList .image {
  float: left;
  text-align: center;
  width: 100px;
}
.hikihodai_user .userList .txt {
  float: right;
  width: 610px;
}
.hikihodai_user .userList .tag {
  font-size: 10px;
  margin-top: 10px;
  text-align: right;
}
.hikihodai_user .userList .tag span {
  background: #000;
  border-radius: 3px;
  color: #fff;
  margin: 0 3px;
  padding: 5px 10px;
}
.hikihodai_user .userList .tag span.male { background: #2750aa; }
.hikihodai_user .userList .tag span.female { background: #b5427f; }
.hikihodai_user .userList .tag span.age { background: #999; }
.hikihodai_user .userList .tag span.exp02 { background: #178457; }
.hikihodai_user .userList .tag span.exp03 { background: #178457; }
.hikihodai_user .userList .tag span.exp04 { background: #178457; }




.midi_amount .number {
  background: #f1f1f1;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.midi_amount .number h4 {
  font-size: 14px;
  font-weight: bold;
}
.midi_amount .number em {
  font-size: 20px;
  margin-right: 5px;
}
.midi_amount small {
  display: inline-block;
  line-height: 1.3;
  margin-bottom: 10px;
}

#sub .items_select ul li p {
  font-size: 14px;
}

#sub .check_items ul,
#sub .items_select,
#sub .link_items {
  margin: 0;
  padding-top: 4px;
}

#sub .check_items ul li {
  line-height: 1.4;
  margin: 0 0 1px 0;
}

#sub .check_items ul li ul {
  padding: 0 0 0 12px;
}

#sub .check_items ul li ul li {
  padding: 0 4px;
}

#sub .check_items ul li a {
  /*font-size: 12px;*/
}

#sub .moreBtn {
  margin: 4px 0 0 0;
  padding: 0;
}

#sub .ranking_items ol {
  margin: 0 0 -1px 0;
}

#sub .ranking_items ol li {
  padding: 4px;
  margin: 0 0 1px;
}

#sub .ranking_summary .ranking_num,
#sub .ranking_summary .ranking_title,
#sub .ranking_summary .ranking_up_down {
  margin-bottom: 0;
}

#contentsSectionWrap #sub .check_items ul li > ul li a {
  background-position: 8px 8px;
  display: inline-block;
}

#contentsSectionWrap #sub .check_items .categoryItemsBlock li a {
  background-position: 0 6px;
  padding-bottom: 6px;
  text-align: left;
}

#sub .artist .link_items_list ul li a span {
  display: inline-block;
  /*font-size: 12px;*/
  line-height: 1.4;
  padding: 0 0 0 4px;
}

#sub .link_items .link_items_list {
  padding: 4px;
}

#sub .keyword .link_items .link_items_list ul li {
  padding: 2px 0 0 0;
}

#sub .sort .title {
  background-position: 0 2px;
}

#sub .artist .accordionTtl01 span {
  background-position: 9px 10px;
}

#sub .sort {
  padding: 6px 6px 1px;
}

#sub .sort .title,
#sub .sort .section {
  margin-bottom: 6px;
}

.icoSquare01 {
  background: url(/images/common/ico_square01.png) no-repeat left 3px;
  padding-left: 10px;
}


#sub .check .check_items { padding: 5px; }


/* YAMAHA_MUSIC_ALL-631
-------------------------------------------*/

#top_contents .top_banner {
  margin: 0 0 12px 0;
}

#top_contents .top_banner ul {
  margin: 0;
  width: 100%;
  /*width: 697px;*/
}

#top_contents .top_banner ul li {
  margin: 0 0 4px 0;
  width: 50%;
}

#top_contents .top_banner ul li a {
  padding: 0;
}

#top_contents .top_banner ul li a:nth-child(1n) {
  /*margin: 0 0 10px 0;*/
}

#top_contents .top_banner ul li a .thumb {
  height: 100%;
  margin: 0;
  text-align: center;
  line-height: 78px;
  width: 25%;
}

#top_contents .top_banner ul li a .thumb img {
  height: auto;
  width: 52px;
  vertical-align: middle;
}

#top_contents .top_banner ul li a .summary {
}

#top_contents .top_banner ul li a .summary {
  float: right;
  padding: 2px 0;
  text-align: left;
  width: 71%;
}

#top_contents .top_banner ul li a .summary dt {
  font-weight: bold;
  line-height: 1.2;
  padding: 3px 5px 3px 0;
}

#top_contents .top_banner ul li a .summary dd {
  padding: 0 2px 0 0;
}

#top_contents .top_banner ul li a .summary dd ul {
  width: 100%;
}

#top_contents .top_banner ul li a .summary dd ul li {
  background: url(../images/common/top_banner_summary.gif) 3px .45em no-repeat;
  padding: 0 0 1px 11px;
  width: 100%;
}

#top_contents .top_banner ul li a .summary dd .release {
  bottom: auto;
  padding: 5px 10px 0 0;
  position: relative;
  right: auto;
  text-align: right;
}

.service {
}

.service_list tr td {
  padding: 5px 0 10px;
}
.service_list tr:first-child td { padding-top: 0; }
.service_list tr:last-child td,
.service_list tr:nth-last-child(2) td {
  border-top: 1px dashed #ddd;
  padding: 10px 0 0;
}
.service_list tr:nth-last-child(2) td {
  padding: 10px 0;
}
.service_list .searce_name {
  background: url(../images/common/icon_searvice-list.png) 0 .4em no-repeat;
  float: left;
  line-height: 28px;
  padding: 0 0 0 1.5em;
  width: 75%;
}

.service_list .member_page {
  float: right;
  text-align: right;
  width: 22%;
}

.service_list span.caution {
  background: #ffd5f2;
  border-radius: 4px;
  box-sizing: border-box;
  clear: both;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  padding: 4px;
  width: 100%;
}
.service_list .caution02 {
  padding-top: 10px;
}

.service_list .midi_amount span.caution {
  background: #D8ECFF;
}

.accountBtn01 dl {
  border: 1px solid #ccc;
  margin: 0 auto;
  width: 95%;
}

.accountBtn01 dt {
  background: #ccc;
  color: #333;
  font-weight: bold;
  padding: .5em;
  text-align: center;
}

.accountBtn01 dd {
  padding: 1em .5em
}

.accountBtn01 dd ul,
.accountBtn01 dd li {
  line-height: 1;
}

.note_text {
  background: #fff;
  margin-bottom: 10px;
  padding: 20px 25px;
}

.sample_data {
  border: 1px solid #aaa;
  margin: 10px;
}

.sample_data dl {
}

.sample_data dt {
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  padding: .5em;
  text-align: center;
}

.sample_data dt em {
  background: url(/images/common/icon_download.png) left center no-repeat;
  display: inline-block;
  padding: 0 0 0 26px;
}

.sample_data dd {
  line-height: 1;
  text-align: center;
  padding: 1em;
}

.sample_data ul {
  display: inline-block;
  margin: 0 auto;
  width: auto;
}

.sample_data ul li {
  float: left;
  padding: 0 2em;
  width: auto;
}

.sample_data ul li a {
  display: block;
  line-height: 15px;
}
/*.sample_data ul li a {
  background: url(../images/common/sub_link.gif) 0 .45em no-repeat;
  padding: 0 0 0 .75em;
}*/

.cartSection02 .btn.download span {
  display: block;
}

.service_image {
  background: #fff;
  height: 250px;
  margin: 0 0 10px 0;
  position: relative;
  width: 100%;
}

.service_image ul {
  height: 250px;
  position: relative;
}

.service_image .class_name,
.service_image .go_playlist {
  position: absolute;
}

.service_image .class_name {
  top: 0;
  left: 0;
}

.service_image .class_name em {
  background: #333;
  color: #fff;
  display: block;
  padding: .25em .5em;
}

.service_image .go_playlist {
  bottom: 0;
  height: 36px;
  right: 0;
}

.service_image .go_playlist a {
  display: block;
  line-height: 1;
}

.section div.hikihodai p {
}
.section h1.hikihodai,
.section h2.hikihodai,
.section div.hikihodai,
.section div.hikihodai p,
.section div.hikihodai .service_info,
.buttons {
  clear: both;
  display: block;
  width: 100%;
}

.section h1.hikihodai span:before {
  background: url(/images/common/h1_playlist01.png);
  background-size: contain;
}

.section h1.hikihodai em {
  float: left;
  line-height: 36px;
  width: 410px;
}
.section h1.hikihodai em.electonehikihodai {
  float: none;
  width: 100%;
  line-height: 1.2;
}

.section h1.hikihodai a {
  float: right;
  line-height: 36px;
  width: 208px;
}

.section h1.hikihodai a {
  line-height: 1;
}

.section h2.hikihodai {
}

.section div.hikihodai {
}

.service_image {
  background: #dd91f1 url(/images/common/bg_service_image.jpg) repeat-x;
  margin: 0 0 2em 0;
  width: 100%;
}

.service_image .service_name {
  color: #000;
  font-size: 32px;
  text-align: center;
  /*text-shadow: 0 1px 0 rgba(0,0,0,.6);*/
  margin: 0;
}
.service_image .class_name,
.service_image .go_playlist {
}

.service_image .class_name {
}

.service_image .class_name em {
  background: #333;
  color: #fff;
  display: inline-block;
  padding: .25em .5em;
}

.service_image .go_playlist {
  float: right;
  height: 36px;
}

.service_image .go_playlist a {
  display: block;
  line-height: 1;
}

.section div.hikihodai p {
}

.section div.hikihodai p.app_summary,
.section div.guide_width p.app_summary {
  background: #f5f5f5;
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: 1em;
  text-align: center;
}

.section div.hikihodai p.app_summary em,
.section div.guide_width p.app_summary em {
  background: url(/images/common/icon_app.png) left center no-repeat;
  background-size: 32px;
  display: inline-block;
  font-style: normal;
  line-height: 32px;
  text-decoration: underline;
  padding: 0 0 0 40px;
}

.section div.hikihodai p.app_summary em:hover,
.section div.guide_width p.app_summary em:hover {
  text-decoration: none;
}

.section div.hikihodai .service_info {
  padding: 1em 0;
}

.section div.hikihodai .service_info .image {
  float: left;
  text-align: center;
  width: 35%;
}

.section div.hikihodai .service_info .image img {
  max-width: 100%;
  height: auto;
}

.section div.hikihodai .service_info .service_summary {
  float: right;
  width: 63%;
}

.section .service_info h3 {
  background: #666;
  color: #fff;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-align: center;
  padding: 8px 10px;
}

.section .service_summary p {
}

.section .service_info h4 {
  border-top: 1px dashed #d8d8d8;
  color: #60bb57;
  font-weight: bold;
  margin: 2em 0 0 0;
  padding: .25em 0 0 0;
}

.buttons {
  background: #f5f5f5;
  line-height: 1;
  margin: 1em 0 0 0;
  text-align: center;
  padding: 1em;
}

.full {
  width: 100% !important;
}

.electonehikihodai_flow {
  margin: 10px 0;
}

.electonehikihodai_flow img {
  display: block;
}

.electonehikihodai_flow ul {
  padding: 10px 0 0 0;
}

.cartPreview .alert,
.cartPreview .warning {
  background: #fff9ec;
  border-radius: 4px;
  color: #444;
  line-height: 1.4;
  padding: 1em;
}

.cartPreview .warning {
  background: #fff1f6;
  color: #d20c59;
}

.btn_home_small {
  float: left;
}

.btn_app-download {
  margin: 0 0 0 -100px;
}

.score-password {
  padding: 20px 0 0 0;
}
.score-password table {
  float: right;
  width: 50%;
}
.score-password th,
.score-password td {
  border: 1px solid #ccc;
}
.score-password th {
  background: #f5f5f5;
  text-align: center;
  width: 12em;
}
.score-password td {
  text-align: center;
}

.clear {
  clear: both;
  display: block;
}

.desc {
  border: 1px solid #d8d8d8;
  margin: 20px 0;
  padding:  10px 8px;
}

.other_service {
  border-top: 1px dashed #d8d8d8;
  clear: both;
}

.other_service .service_photo,
.other_service .text {
  float: left;
  padding: 10px;
  width: 100px;
}

.other_service .service_photo {
  width: 100px;
}

.other_service .text {
  width: 796px;
}

#oneColumnMain .full_button ul {
  float: none;
  left: auto;
}

#oneColumnMain .full_button li {
  left: auto;
}
#oneColumnMain .full_button li.last {
  float: none;
  left: auto;
}

.historyInstall .desc,
.user_info .desc {
  float: none;
  width: 100%;
}

.service_name {
  font-size: 16px;
  margin: 1em 0;
}
.service_name span {
  display: block;
  font-size: 14px;
  padding: 0 0 .5em 0;
}
.service_name em {
  color: #000;
  display: block;
  font-size: 16px;
  padding: 0 0 0 0;
}
.user_info .desc p {
  display: block;
  width: 100%;
}

.user_info table {
  margin: 0 0 .5em 0;
  width: 100%;
}
.user_info th,
.user_info td {
  border: 1px solid #ccc;
  padding: .5em;
}
.user_info th {
  background: #f5f5f5;
  width: 20%;
}
.user_info td {
  width: 78%;
}
.user_info td em {
  font-style: normal;
  display: inline-block;
  padding: 0 .25em 0 0;
}

.phone_info,
.mail_info {
  float: left;
  width: 48.5%;
}
.mail_info {
  float: right;
}

.phone_info h3,
.mail_info h3 {
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: .25em 1em;
}

.phone_info th,
.phone_info td {
  padding: 0;
}
.phone_info th em {
  color: #f40060;
  display: block;
  padding: 1em 0;
}

.mail_info p {
  padding: 1em 0;
}

.indexItemTable02 {
  clear: both;
  margin: 0;
  overflow: hidden;
}
  .indexItemTable02 table {
    margin: -1px 0 0;
    width: 100%;
    table-layout: fixed;
  }
    .indexItemTable02 table td {
      border-top: 1px dashed #d8d8d8;
      padding: 10px 10px 10px 10px;
      line-height: 1.8;
    }
    .indexItemTable02 table td .notice {
      font-size: 12px;
      margin-top: 15px;
    }
    .indexItemTable02 table td.image {
      width: 100px;
      line-height: 1;
      vertical-align: top;
    }
    .indexItemTable02 table td h3 {
      font-size: 14px;
      font-weight: bold;
    }

.indexItemTable01 .txt .summary,
.indexItemTable02 .summary {
  color: #7c7c7c;
  font-size: 14px;
  font-weight: lighter;
  margin-top: 10px;
}
.indexTabContents .indexItemTable02 table tr td span{
  color: #ff76a9;
}



/* Top Banner */
.top_banner ul li a {
  height: 82px;
  width: 339px;
}


/* !app
---------------------------------------------------------- */
.appDownload {
  background: #F5EFF7;
  clear: both;
  display: table;
  margin: 10px 0;
  padding: 5px;
  width: 100%;
}
.appDownload .app, .appDownload .store {
  display: table-cell;
  line-height: 1;
  padding: 5px 5px 0px;
  text-align: center;
  vertical-align: middle;
}
.appDownload .app img, .appDownload .store img {
  vertical-align: middle;
  margin: 0 10px 5px;
}
.appDownload .app {
  color: #591873;
  font-weight: bold;
}
.appDownload .app img {
  margin-left: 0;
}
.appDownload .store {
  background: #ffffff;
  border: solid 3px #E3CEEA;
  border-radius: 2px;
  position: relative;
  z-index: 0;
}
.appDownload .store:before {
  content: "";
  position: absolute;
  top: 50%; left: -8px;
  margin-top: -9px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 9px 9px 9px 0;
  border-color: transparent #ffffff transparent transparent;
  z-index: 0;
}
.appDownload .store:after {
  content: "";
  position: absolute;
  top: 50%; left: -12px;
  margin-top: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #E3CEEA transparent transparent;
  z-index: -1;
}
.appDownload .store a {
  color: #4c4948;
  display: block;
  text-decoration: none;
}
.appDownload .store a:hover img {
  opacity: 0.75;
}


/* campaign */
.campaignArea {
  background: #ffeff4;
  text-align: center;
}


/* termsList */
.termsList {
  width: 100%;
  clear: both;
}

.termsList .guideBlock {
  margin-bottom: 10px;
}

.termsList li em,
.termsList li span {
  display: block;
}

.termsList li em {
  font-weight: bold;
  font-style: normal;
}

.termsList .icoSquare01.last p {
  margin-bottom: 0;
}

.termsList > ol > li {
  padding-top: 20px;
}

.termsList .guideBlock .listBlock.last {
  border-bottom: none;
}

/* common title
---------------------------------------------------------- */
.ttl01.terms span:before {
  background: url(/images/common/ico_terms01.png);
  background-size: contain;
}



/* !indexTabTitle -------------------------------------------------------------- */
.indexTabsTitle {
  display: none;
}

/* ==========================================================
 UI集用スタイル
========================================================== */
/* ui集コード表示用スタイル(pcのみ表示)
---------------------------------------------------------- */
.code_guide {
  display: block;
  position: relative;
  background: #000;
  padding: 15px;
  width: 100%;
  max-height: 300px;
  margin: 15px auto;
  overflow: auto;
  color: #fff;
}

/* uiTitle(UI集用タイトル)
---------------------------------------------------------- */
.uiTitle {
  font-size: 20px;
  font-weight: bold;
  padding: 105px 0 0;
  border-bottom: 3px solid #000;
  text-align: center;
  margin: -50px 0 20px;
  color: #000;
}

/* textAnnotation
---------------------------------------------------------- */
.textAnnotation {
  background-color: #fff;
  padding: 20px;
  font-size: 18px;
}

/* カートボタン */
.cartFixed {
  display: none;
}

/* ui集リンク
---------------------------------------------------------- */
.listAncerLinks {
  overflow: hidden;
  margin: 50px 0;
  padding: 10px 0;
  background-color: #fff;
  text-align: center;
}
.listAncerLinks li {
  display: inline-block;
  font-size: 12px;
}
.listAncerLinks li:not(:first-child) {
  margin-left: 15px;
}


/* 結果一覧系（パターンA）
---------------------------------------------------------- */
.searchTable .searchTableHead {
  background: #666;
  width: 100%;
}
.searchTable .searchTableHeadIn {
  display: table;
}
.searchTable .searchTableHeadIn p {
  font-size: 14px;
  display: table-cell;
  background: url(/images/common/bg_tableline01.png) no-repeat right bottom;
  padding: 6px 0;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2;
}
/* headセルの横幅 */
.searchTable .searchTableHeadIn .cell01 { width: 90px; }
.searchTable .searchTableHeadIn .cell02 { width: 260px; }
.searchTable .searchTableHeadIn .cell03 { width: 159px; }
.searchTable .searchTableHeadIn .cell04 { width: 57px; }

.searchTable .searchTableContent {
  background: #fff;
  border-bottom: 3px solid #666;
  line-height: 1.4;
}
.searchTableContent .contentLeft, .searchTableContent .contentRight {
  display: table;
  float: left;
}
.searchTableContent .contentLeft {
  width: 349px;
}
.searchTableContent .contentRight {
  width: 333px;
}

.searchTable .searchTableContent .cell01,
.searchTable .searchTableContent .cell02 {
  border-right: 1px solid #ccc;
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
}

/* contentセルの横幅 */
.searchTable .searchTableContent .cell01 { width: 90px; }
.searchTable .searchTableContent .cell02 { width: 260px; }

.searchTable .searchTableContent .title {
  font-weight: bold;
  font-size: 18px;
}
.searchTable .searchTableContent .title .newIcon {
  vertical-align: middle;
  margin: 0 0 0 5px;
}
.searchTable .searchTableContent .artist {
  margin: 5px 0 0;
}
.searchTable .searchTableContent .comment {
  color: #7c7c7c;
  margin: 5px 0 0;
}
.comment_kankara {
  background: #e4f4f2;
  color: #307f76;
  font-size: 12px;
  margin: 5px 0 0;
  padding: 5px 10px;
}
.searchTable .searchTableContent .favorite {
  line-height: 1;
  margin: 13px 0 0;
}
.searchTable .searchTableContent .clearfix .favorite {
  float: left;
}
.searchTable .searchTableContent .midi_nc {
  float: right;
  line-height: 1;
  margin: 13px 0 0;
}
.searchTable .searchTableContent .set,
.playlistTable01 .set {
  background: #eee;
  font-size: 12px;
  margin: 10px 0 0;
  padding: 5px 10px;
  text-align: right;
}
.searchTable .searchTableContent .set a,
.playlistTable01 .set a {
  background: url(/images/common/ico_arrow01.png) no-repeat right center;
  padding: 0 12px 0 0;
  text-align: right;
}
.searchTable .searchTableContent .cell03 {
  display: table-cell;
  vertical-align: middle;
}
.searchTable .searchTableContent .cell03 table {
  width: 100%;
}
.searchTable .searchTableContent .cell03 tr {
  border-top: 1px solid #ccc;
}
.searchTable .searchTableContent .cell03 tr:first-child {
  border-top: none;
}

.searchTable .searchTableContent .cell03 .item,
.searchTable .searchTableContent .cell03 .price,
.searchTable .searchTableContent .cell03 .btn {
  display: table-cell;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
.searchTable .searchTableContent .cell03 .item {
  width: 158px;
}
.searchTable .searchTableContent .cell03 .price {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 57px;
}
.searchTable .searchTableContent .cell03 .btn a {
  margin-top: 10px;
  display: block;
  width: 100%;
}
.searchTable .searchTableContent .cell03 .btn a img {
  vertical-align: bottom;
}

.searchTable .searchTableContent .cell03 .btn p input[type="image"] {
  vertical-align: bottom;
}
.searchTable .searchTableContent .cell03 .btn .kankaraSelect {
  font-size: 12px;
  margin-bottom: 10px;
}
.searchTable .searchTableContent .cell03 .btn .kankaraSelect select {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 表組系（パターンB）
---------------------------------------------------------- */
/* tableHeadUtility
---------------------------------------------------------- */
.tableHeadUtility .cell01 {
  width: 138px;
}
.tableHeadUtility .cell02 {
  width: 255px;
}
.tableHeadUtility .cell03 {
  width: 130px;
}
.tableHeadUtility .cell04 {
  width: 90px;
}
.tableHeadUtility .cell05 {
  width: 80px;
  background: none;
}
.tableHeadUtility .tableHeadUtilityIn {
  display: table;
}
.tableHeadUtility {
  color: #fff;
  background: #666;
  width: 100%;
  margin: 20px 0 5px;
}
.tableHeadUtility p {
  text-align: center;
  display: table-cell;
  padding: 6px 0;
  font-size: 14px;
  vertical-align: middle;
  background: url(/images/common/bg_tableline01.png) no-repeat right bottom #666;
}

/* tableUtility
---------------------------------------------------------- */
.tableUtility {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  overflow: hidden;
}
.tableUtility table {
  width: 100%;
  margin: -1px 0 0;
}
.tableUtility table td {
  background: #fff;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #4b4948;
  padding: 20px 10px;
}
.tableUtility table td.cell01 {
  max-width: 135px;
  word-wrap: break-word;
}
.tableUtility table td.cell02 {
  width: 255px;
  white-space: nowrap;
  text-align: center;
}
.tableUtility table td.cell03 {
  width: 130px;
  white-space: nowrap;
  text-align: center;
}
.tableUtility table td.cell04 {
  width: 90px;
  text-align: center;
}
.tableUtility table td.cell05 {
  width: 80px;
  border-right: none;
  white-space: nowrap;
  text-align: center;
}

/* タブ形式系（パターンC）
---------------------------------------------------------- */
/* indexTabs01
---------------------------------------------------------- */
.indexSectionUtility {
  padding: 16px 20px 20px;
  background: #fff;
}
.indexSectionUtility .indexTabs01 {
  display: block;
  min-height: 1%;
}
.indexSectionUtility .indexTabs01:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
.indexSectionUtility .indexTabs01 li {
  background: url(/images/common/tab_selectMusical.png) right top no-repeat;
  float: left;
  min-width: 80px;
  position: relative;
  margin-right: 15px;
  z-index: 5;
  cursor: pointer;
}
.indexSectionUtility .indexTabs01 li:nth-child(2) {
  z-index: 4;
  margin-left: -20px;
}
.indexSectionUtility .indexTabs01 li:nth-child(3) {
  z-index: 3;
  margin-left: -20px;
}
.indexSectionUtility .indexTabs01 li:nth-child(4) {
  z-index: 2;
  margin-left: -20px;
}
.indexSectionUtility .indexTabs01 li:nth-child(5) {
  z-index: 1;
  margin-left: -20px;
}
.indexSectionUtility .indexTabs01 li a {
  display: block;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #84c0dd;
  border-radius: 4px 0 0 0;
  margin-right: 18px;
  padding: 0 3px 0 7px;
  font-weight: bold;
  line-height: 2.6;
  height: 35px;
  text-decoration: none;
}
.indexSectionUtility .indexTabs01 li.current,
.indexSectionUtility .indexTabs01 li.ui-tabs-active {
  background: url(/images/common/tab_selectMusical_current.png) right top no-repeat;
  z-index: 5;
}
.indexSectionUtility .indexTabs01 li.current a,
.indexSectionUtility .indexTabs01 li.ui-tabs-active a {
  background: #0060a9;
}

/* indexTabContentWrap
---------------------------------------------------------- */
.indexTabContentsWrap {
  border: 2px solid #0060a9;
  padding: 10px;
}

/* indexSelectList01
---------------------------------------------------------- */
.indexSelectList01 {
  margin: 0 0 18px;
  display: table;
  width: 100%;
}
.indexSelectList01 dt {
  display: table-cell;
  width: 25%;
  text-align: center;
  background: #666;
  color: #fff;
  padding: 7px 10px;
}
.indexSelectList01 dd {
  display: table-cell;
  background: #e8e8e8;
  padding: 7px 10px;
}
.indexSelectList01 dd.grade {
  width: 92px;
}
.indexSelectList01 dd select {
  width: 100%;
  height: 36px;
  border: 1px solid #c6c6c6;
}

.indexSummary01 {
  border-bottom: 1px dashed #d8d8d8;
  padding-bottom: 10px;
}

/* indexItemTable01
---------------------------------------------------------- */
.indexItemTable01 {
  margin: 14px 0;
  overflow: hidden;
}
.indexItemTable01 ul {
  margin: -1px 0 0;
  width: 100%;
  table-layout: fixed;
}
.indexItemTable01 ul li {
  border-top: 1px dashed #d8d8d8;
  padding: 10px 10px 10px 0;
  line-height: 1.8;
  font-weight: bold;
  display: table;
  width: 100%;
}
.indexItemTable01 ul li .image {
  display: table-cell;
  width: 70px;
  line-height: 1;
  vertical-align: middle;
}
.indexItemTable01 ul li .txt {
  display: table-cell;
  vertical-align: middle;
}

/* タブ形式系②（パターンD）
---------------------------------------------------------- */
/* sectionButtonWrap
---------------------------------------------------------- */
.sectionButtonWrap {
  background: #fff;
  padding: 20px 22px;
  position: relative;
}
#main .tab {
  display: block;
  min-height: 1%;
}
#main .tab:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}
#main .tab li {
  float: left;
  min-width: 238px;
  margin: 0 10px 0 0;
  position: relative;
  z-index: 2;
}
#main .tab li:nth-child(2) {
  z-index: 1;
}
#main .tab li span {
  cursor: pointer;
  display: block;
  height: 32px;
  text-align: center;
  padding: 8px 5px 0;
  color: #fff;
  text-decoration: none;
}

#main .tab li .text_enter {
  display: none;
}
#main .tab li:nth-child(1) span {
  background: #81d4e0;
  border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -ms-border-radius-topleft: 3px;
}
#main .tab li:nth-child(1) span:after {
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 32px;
  background: url(/images/home/bg_tab01.png) no-repeat left top;
  right: -16px;
  top: 0;
}
#main .tab li:nth-child(2) span {
  background: #ffae72;
}
#main .tab li:nth-child(2) span:after {
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 32px;
  background: url(/images/home/bg_tab02.png) no-repeat left top;
  right: -16px;
  top: 0;
}

#main .tab li.current span {
  font-weight: bold;
}
#main .tab li.current:nth-child(1) span {
  background: #00a3c5;
}
#main .tab li.current:nth-child(1) span:after {
  background-position: left bottom;
}
#main .tab li.current:nth-child(2) span {
  background: #ff8d18;
}
#main .tab li.current:nth-child(2) span:after {
  background-position: left bottom;
}
#main .regist_only .tab li:nth-child(1) span {
  background: #bfbfbf;
  color: #dddddd;
  cursor: default;
}
#main .regist_only .tab li:nth-child(1) span:after {
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 32px;
  background: url(/images/home/bg_tab03.png) no-repeat left top;
  right: -17px;
  top: 0;
}
#main .midi_only .tab li:nth-child(1) span:after {
  background: url(/images/home/bg_tab05.png) no-repeat left top;
}
#main .midi_only .tab li:nth-child(2) span {
  background: #bfbfbf;
  color: #dddddd;
  cursor: default;
}
#main .midi_only .tab li:nth-child(2) span:after {
  content: "";
  display: block;
  position: absolute;
  width: 17px;
  height: 32px;
  background: url(/images/home/bg_tab04.png) no-repeat left top;
  right: -17px;
  top: 0;
}
.buttonTabWrap01 {
  padding: 16px 10px;
  border: 2px solid #00a3c5;
}
.buttonTabWrap02 {
  padding: 16px 10px;
  border: 2px solid #ff8d18;
}
.tabContentsList {
  overflow: hidden;
}
.tabContentsList > ul {
  margin: -30px 0 0;
}
.tabContentsList > ul > li {
  margin: 15px 0 0;
  padding: 14px 0 0;
  border-top: 1px dashed #d8d8d8;
}
.buttonTabWrap01 .moreLink01, .buttonTabWrap02 .moreLink01 {
  border-top: 1px dashed #d8d8d8;
  padding-top: 10px;
}

.item_utility {
  width: 100%;
}
.item_utility .category_icon {
  width: 90px;
  text-align: center;
  vertical-align: top;
  padding-right: 10px;
}
.item_utility .detail_text {
  color: #7c7c7c;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
  padding: 0 10px 0 0;
  word-break: break-all;
}
.item_utility .detail_text dl dt {
  font-weight: bold;
  font-size: 14px;
}
.item_utility .detail_text .image_new {
  vertical-align: middle;
  margin: 0 0 0 10px;
}

.item_utility .detail_text dl dd {
  margin: 5px 0 0;
}
.item_utility .detail_text dl dd.comment {
  font-size: 12px;
}
.item_utility .detail_text dl dd.favorite {
  float: left;
  margin: 10px 0 0;
}
.item_utility .detail_text dl dd.midi_nc {
  float: right;
  margin: 10px 0 0;
}
.item_utility .detail_btn {
  width: 208px;
}
.item_utility .detail_btn ul li {
  color: #777777;
  line-height: 1;
  padding: 5px 0;
}
.item_utility .detail_btn ul li.audition {
  float: left;
  line-height: 1.5;
  /*padding: 0 0 15px;*/
  text-align: center;
}
.item_utility .detail_btn ul li.score {
  float: right;
  line-height: 1.5;
  /*padding: 0 0 15px;*/
  text-align: center;
}
.item_utility .detail_btn ul li.buy {
  clear: both;
}

.tabDate01 {
  background: #efefef;
  margin: -11px -5px 14px;
  padding: 10px;
}

/* YAMAHA_MUSIC_ALL-1119
-------------------------------------------*/
.campaignLinks_SP {
  display: none;
}

.campaignLinks li {
  display: inline-block;
  margin: 0 10px 10px 0;
}


.campaignLinks_btn {
  display: inline-block;
  padding: 0.4em;
  text-decoration: none;
  color: #006837;
  font-size: 16px;
  font-weight: bold;
  background: -webkit-repeating-linear-gradient(90deg, #afd951, #afd951 3px,#a1d46a 3px, #a1d46a 7px);
  background: repeating-linear-gradient(90deg, #afd951, #afd951 3px,#a1d46a 3px, #a1d46a 7px);
  /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29); */
  /* border-bottom: solid 3px #729c86; */
}
.campaignLinks_btn:visited {
  color: #006837;
}

.campaignLinks_btn span {
  display: inline-block;
  padding: 0.3em 1em;
  border: 1px solid #fff;
  background-color: rgba(255, 255, 255, 0.4);
}

.campaignLinks_btn.coupon {
  color: #a50001;
  background-image: -webkit-linear-gradient(45deg, #ffa901 0%, #ff6f02 100%);
  background-image: linear-gradient(45deg, #ffa901 0%, #ff6f02 100%);
  /* border-bottom: solid 3px #c58668; */
}
.campaignLinks_btn.coupon:visited {
  color: #a50001;
}
.campaignLinks_btn.coupon span {
  border: 1px dashed #fff;
}



.sectionBox {
  padding: 15px;
  border: 1px solid #ff76a9;
}

/* 201908 add */
ul.pure li.caution {
  list-style: none;
  position: relative;
}
ul.pure li.caution::before {
  content: "\203B";
  display: block;
  position: absolute;
  top: 0;
  left: -17px;
}