@charset "UTF-8";
/* 20090407 ページャの画像位置変更 */
.pager img {
  vertical-align: baseline;
}

/* 20090407 ページャのフォントサイズ変更 */
.pager .FS2_pager_stay,
.pager .FS2_pager_link {
  font-size: 18px;
}

/* ----------------------- text */
.t-red {
  color: #ff0000;
}

.t-orange {
  color: #ef9800;
}

textarea {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}

/* page要素
----------------------------------------------------------- */
.layout_body {
  background-color: #FFF;
  text-align: left;
}

/* container要素
----------------------------------------------------------- */
.layout_table {
  background: #FFF;
  text-align: left;
}

/* subContents要素
----------------------------------------------------------- */
.layout_table td.layout_menu {
  background-color: #FFF;
  padding: 5px 0 5px 5px;
}

td#sidecontents {
  padding: 5px;
}

div#subContents {
  width: 205px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/aub.gif) repeat-y;
  color: #555;
  margin-bottom: 10px;
}

div#subContents .inner {
  background: url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/sub_bottom.gif) no-repeat bottom;
  padding: 0 8px 14px;
}

/* Content要素
----------------------------------------------------------- */
.user_content FS2_upper_comment {
  margin-bottom: 20px;
}

.system_content {
  width: 580px;
  margin: 0;
  padding: 0;
}

.layout_table td.layout_content {
  background-color: #FFF;
  padding: 0;
  margin: 0;
  width: 580px;
}

.utility {
  width: 580px;
  margin: 7px 0 15px 0;
  padding: 3px;
}

/* contents要素
----------------------------------------------------------- */
.layout_content .column {
  width: 100%;
}

.layout_content span {
  color: #232323;
  font-size: 12px;
}

/* subContents要素
----------------------------------------------------------- */
#subContents p,
#subContents .bnr li,
#subContents #search,
#subContents #menu .category,
#subContents #menu .usage,
#subContents ul.about,
#subContents .method,
#subContents div.about ul {
  margin-bottom: 3px;
}

div#subContents a,
div#subContentsr a:link {
  color: #555;
  text-decoration: none;
}

div#subContents a:hover {
  text-decoration: underline;
}

div#subContents ul.top {
  background: url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/sub_top.jpg) no-repeat;
  padding: 7px 8px 0;
  margin: 0 -8px;
}

#subContents #search {
  padding: 2px 8px 5px;
  background: #F9F6EF;
  border: 1px solid #C2BDB7;
}

#subContents #search dt {
  position: relative;
  margin-bottom: 5px;
}

#subContents #search .input {
  width: 116px;
  height: 16px;
  border: 1px solid #CCC;
  padding: 2px;
}

#subContents #search .submit {
  position: absolute;
  left: 125px;
}

#subContents #menu h3 {
  margin: 0 -2px;
}

#subContents #menu a {
  display: block;
  width: 152px;
  border-top: 1px solid #C5BCB3;
  border-bottom: 1px solid #C5BCB3;
  padding: 3px 10px 3px 25px;
}

#subContents #menu ul li.firstChild a {
  border-top: none;
  margin-top: -3px;
}

#subContents #menu .category,
#subContents #menu .usage {
  border-right: 1px solid #C5BCB3;
  border-left: 1px solid #C5BCB3;
}

#subContents #menu ul li {
  margin-bottom: 1px;
}

#subContents .category li.secret {
  width: 187px;
  background: #FFF url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/category.gif) no-repeat 7px center;
  _background-position: 7px 8px;
  border-top: 1px solid #C5BCB3;
  border-bottom: 1px solid #C5BCB3;
  padding: 5px 0 7px;
}

#subContents .category li.firstChild {
  margin-top: -3px;
}

*:first-child + html #subContents .category li.secret {
  background-position: 7px 8px;
}

#subContents .category li.secret h5:hover {
  text-decoration: underline;
}

#subContents .category li.secret h5 {
  margin-left: 25px;
}

#subContents .category li a {
  background: #FFF url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/category.gif) no-repeat 7px center;
  _background-position: 7px 8px;
}

*:first-child + html #subContents .category li a {
  background-position: 7px 8px;
}

#subContents .category li ul {
  border-top: 1px solid #C5BCB3;
  margin-top: 10px;
  padding: 5px 5px 0 15px;
}

#subContents #menu .category li.sublist a {
  width: 150px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/category_tab.gif) no-repeat;
  border: none;
  padding: 0 0 0 15px;
}

#subContents #menu .category li.sublistlast a {
  width: 150px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/category_last.gif) no-repeat;
  border: none;
  padding: 0 0 0 15px;
}

#subContents #menu .category .tab {
  display: none;
  padding: 2px 0 2px 10px;
  background: #ffffff;
  margin: 0;
}

#subContents .usage li a {
  background: #FFF url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/category.gif) no-repeat 7px center;
  _background-position: 7px 8px;
}

*:first-child + html #subContents .usage li a {
  background-position: 7px 8px;
}

/* サポート・保証・修理
    お手入れ方法
    お荷物、other、モバイルサイト
------------------------------------ */
#subContents ul.about,
#subContents .method,
#subContents div.about ul {
  width: 168px;
  padding: 5px 10px;
}

#subContents ul.about {
  background: #FEF5E4;
  border: 1px solid #C5BCB3;
}

#subContents ul.about li {
  background: url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/about.gif) no-repeat 0 5px;
  padding: 2px 0 2px 20px;
}

div#subContents .methodtable {
  background: #786859;
  border-right: 1px solid #786859;
  margin-bottom: 2px;
  font-size: 10px;
}

div#subContents .methodtable td {
  padding: 2px 2px 2px 25px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/method.gif) no-repeat 8px 6px;
  width: 91px;
}

div#subContents .methodtable a {
  color: #FFF;
}

#subContents div.about ul {
  background: #FFF;
  border-bottom: 1px solid #C0BDB8;
  border-right: 1px solid #C0BDB8;
  border-left: 1px solid #C0BDB8;
  padding-bottom: 10px;
}

#subContents div.about ul li {
  background: url(https://inst.itembox.cloud/item/future2/public_html/shop/item/inst/design/img01/about2.gif) no-repeat 0 6px;
  padding: 2px 0 2px 18px;
  position: relative;
}

#subContents div.about ul li img {
  _vertical-align: top;
}

*:first-child + html #subContents div.about ul li img {
  vertical-align: top;
}

#subContents div.about ul.mobile {
  padding-bottom: 20px;
}

#subContents div.about img.qr {
  position: absolute;
  left: 107px;
  top: -7px;
  _left: 87px;
}

/*--------------------------------------- class Style */
.pageTop {
  clear: both;
  text-align: right;
  margin: 7px 25px 20px 0;
}

.layout_content .pageTop {
  margin: 7px 0 0 0;
}

.imgR {
  float: right;
  margin: 0 0 10px 10px;
}

.imgL {
  float: left;
  margin: 0 10px 10px 0;
}

.imgC {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.small {
  font-size: 83.3%;
}

.imgArea img,
.imgL img,
.imgR img {
  border: 1px solid #000;
}

/* clearfix */
div#container:after,
div.inner:after,
div#footContents:after,
#header #utility ul:after,
#globalNavi:after,
div#footContents .column:after,
.layout_content .column:after,
clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

.clear {
  clear: both;
}

/* B♭クラリネット要素        /cbc/
----------------------------------------------------------------- */
.contents_layout h2,
.contents_layout .maker,
.contents_layout #ranking,
.contents_layout .banner {
  margin-bottom: 5px;
}

.contents_layout ul {
  margin: 0;
}

/* -----------------------メーカー */
.contents_layout .maker {
  border: 1px solid #ABABAB;
  border-top: 5px solid #8B9685;
  padding: 0 11px 20px 8px;
  padding: 0 11px 0px 8px;
  /*    font-size: 83.3%; */
  position: relative;
}

.contents_layout .maker h3 {
  position: absolute;
}

.contents_layout .maker dl {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contents_layout .maker dt {
  width: 220px;
  width: 40%;
  padding-top: 30px;
  padding-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 767px) {
  .contents_layout .maker dl {
    display: block;
  }
  .contents_layout .maker dt {
    width: 100%;
    text-align: center;
  }
  .contents_layout .maker dt img {
    margin: 0 auto;
  }
}
.contents_layout .maker dd {
  border-left: 1px dotted #5E5E5E;
  padding: 5px 5px 5px 10px;
  margin-left: 220px;
  margin: -110px 0 0 220px;
  margin: 0;
  width: 60%;
}

@media (max-width: 767px) {
  .contents_layout .maker dd {
    width: 100%;
    border-left: none;
    margin: 0;
  }
}
.contents_layout .maker dd.flute {
  margin: -210px 0 0 220px;
  margin: 0;
}

@media (max-width: 767px) {
  .contents_layout .maker dd.flute {
    margin: 0 !important;
  }
}
.contents_layout .maker dd.trumpet {
  margin: -150px 0 0 220px;
  margin: 0;
  height: 145px;
  height: 180px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contents_layout .maker dd.altsax {
  margin: -210px 0 0 220px;
  height: 200px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contents_layout .maker dd.euphonium {
  margin: -200px 0 0 220px;
  height: 225px;
}

.contents_layout .maker dd.trombone {
  margin: -240px 0 0 220px;
  height: 240px;
}

.contents_layout .maker dd li {
  border-bottom: 1px solid #CCC;
}

.contents_layout .maker dd li.lastChild {
  border-bottom: none;
}

@media (max-width: 767px) {
  .contents_layout .maker dd.altsax {
    margin: 0;
    height: auto;
  }
  .contents_layout .maker dd.trumpet {
    margin: 0;
    height: auto;
  }
}
/* -----------------------ランキング */
.contents_layout #ranking {
  width: 558px;
  background: #fdf6d9;
  border: 1px solid #CCC;
  padding: 2px 10px;
}

.contents_layout #ranking h4 {
  float: left;
}

.contents_layout #ranking ul {
  float: right;
  width: 480px;
  padding: 10px 0;
}

.contents_layout #ranking .ul-small {
  font-size: 10px;
}

.contents_layout #ranking li {
  display: inline;
  margin-right: 10px;
  padding: 10px 0 10px 35px;
}

#ranking li.r1 {
  background: url(https://inst.itembox.cloud/item/future2/public_html/img03/r_01.jpg) left center no-repeat;
}

#ranking li.r2 {
  background: url(https://inst.itembox.cloud/item/future2/public_html/img03/r_02.jpg) left center no-repeat;
}

#ranking li.r3 {
  background: url(https://inst.itembox.cloud/item/future2/public_html/img03/r_03.jpg) left center no-repeat;
}

/* -----------------------バナー */
.contents_layout .banner {
  width: 580px;
  line-height: 130%;
  font-size: 83.3%;
}

@media (max-width: 767px) {
  .contents_layout .banner {
    width: 100%;
  }
}
.contents_layout .banner li {
  float: left;
  width: 227px;
  margin-right: 22px;
}

.contents_layout .banner li.lastChild {
  width: 188px;
}

/* -----------------------選定 */
.contents_layout .column {
  border-top: 5px solid #4F2324;
  margin-bottom: 10px;
}

.contents_layout .column .boxL {
  width: 280px;
  width: 48%;
  float: left;
}

.contents_layout .column .boxR {
  width: 290px;
  width: 50%;
  float: right;
}
.contents_layout .column .boxR a img {
  display: block;
  margin-left: auto;
}

.contents_layout .column .boxL h3 {
  padding-left: 5px;
  margin-bottom: 5px;
}

.contents_layout .column .boxL .introduction img {
  margin-bottom: 5px;
}

.contents_layout .column .boxL .introduction li {
  width: 80px;
  float: left;
  margin-right: 3px;
  text-align: center;
  /*    font-size: 83.3%;  */
  line-height: 120%;
  letter-spacing: -1px;
}

.contents_layout .column .boxL .introduction ul li.lastChild {
  width: 90px;
  margin-right: 0;
}

.contents_layout .column .boxL .introduction dd {
  text-align: center;
  height: 23px;
  padding: 0;
}

.contents_layout .column .boxL .introduction table {
  width: 280px;
  background: #f0e2d5;
  margin-bottom: 5px;
}

.contents_layout .column .boxL .introduction td {
  width: 93px;
  padding-top: 5px;
  text-align: center;
  line-height: 14px;
}

.contents_layout .column .boxL .recommend {
  background: #FEFDDE;
  padding: 10px 10px;
  border: 1px solid #BDB993;
}

.contents_layout .column .boxL .recommend h4 {
  margin-bottom: 10px;
}

.contents_layout .column .boxL .recommend li a {
  color: #794F53;
}

@media (max-width: 1000px) {
  .contents_layout .column .boxR {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .contents_layout .column .boxL {
    float: none;
    width: 100%;
  }
  .contents_layout .column .boxL h3 {
    margin: 0 0 -22px;
    padding: 0;
    background: #F0E2D5;
  }
  .contents_layout .column .boxL h3 + dl {
    margin-top: 24px;
  }
  .contents_layout .column .boxL .introduction table {
    width: 100%;
    padding-top: 22px;
  }
  .contents_layout .column .boxL .introduction td.sp-introduction {
    width: 50%;
    display: table-cell;
  }
}
.contents_layout .column .boxR dt {
  width: 100px;
}

.contents_layout .column .boxR dd {
  margin: -110px 0 0 130px;
  padding-bottom: 20px;
  padding-bottom: 10px;
  font-size: 83.3%;
  font-size: 100%;
}
.contents_layout .column .boxR dd img {
  margin-bottom: 10px;
}

.contents_layout .column .boxR li {
  margin-bottom: 2px;
}

@media (max-width: 767px) {
  .contents_layout .column .boxR {
    float: none;
    width: 100%;
  }
  .contents_layout .column .boxR a img {
    margin-left: 0;
  }
  .contents_layout .column .boxR dl {
    position: relative;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .contents_layout .column .boxR dt {
    width: 100%;
    width: 50%;
  }
  .contents_layout .column .boxR dd {
    width: 50%;
    margin: 0;
    top: 10px;
    right: 10px;
    padding-bottom: 0;
  }
  .contents_layout .column .boxR h3 {
    padding: 0;
    background: none;
    border-top: 5px solid #4F2324;
    margin-top: 30px;
  }
}
/* -----------------------検索 */
.contents_layout .retrieval {
  background: #291013;
  border-top: 1px dotted #CCC;
  border-bottom: 1px dotted #CCC;
  padding: 8px 8px 5px;
  height: 25px;
  margin-bottom: 20px;
}

.contents_layout .retrieval dt {
  width: 266px;
  width: 50%;
  float: left;
  clear: both;
  margin-right: 10px;
  margin-right: 0;
}

.contents_layout .retrieval form {
  width: 50%;
}

.contents_layout .retrieval dd select {
  width: 190px;
  width: 220px;
  float: left;
  margin-right: 10px;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

@media (max-width: 767px) {
  .contents_layout .retrieval {
    width: 100%;
    height: 60px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .contents_layout .retrieval dt {
    width: 100%;
  }
  .contents_layout .retrieval form {
    width: 100%;
  }
  .contents_layout .retrieval dd select {
    width: calc(100% - 30px);
  }
}
/* --------------------------------------------下部 */
.contents_layout .footColumn .column {
  border-top: none;
}

.contents_layout .footColumn .column {
  width: 560px;
  width: 570px;
  padding-right: 20px;
}

.contents_layout .footColumn .textR {
  width: 266px;
  float: right;
}

.contents_layout .footColumn .textR h4 {
  margin-bottom: 5px;
}

.contents_layout .footColumn .textR h5 {
  margin-bottom: 10px;
}

.contents_layout .footColumn .textArea {
  padding-right: 20px;
}

.contents_layout .footColumn .textArea p {
  margin-bottom: 20px;
}

.contents_layout .footColumn .textArea ul {
  color: #185F4F;
  margin-bottom: 20px;
}

.contents_layout .footColumn dl {
  width: 310px;
  float: right;
  border-bottom: 1px dotted #CCC;
  padding-top: 50px;
  padding-bottom: 15px;
}

.contents_layout .footColumn dt {
  border-top: 1px dotted #CCC;
  padding-top: 25px;
  color: #22421B;
  margin-bottom: 10px;
  font-weight: bold;
}

.contents_layout .pageTop {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  .contents_layout .footColumn .column {
    width: 100%;
    padding-right: 0;
  }
  .contents_layout .footColumn .textR {
    width: 100%;
    float: none;
  }
}
/* ---------------------------------関連商品 */
.footColumn .relation {
  background: #FDFBE6;
  border: 1px solid #ABABAB;
  padding: 10px 15px 15px;
}

.footColumn .relation h4 {
  color: #753535;
  margin-bottom: 10px;
}

.footColumn .relation a {
  color: #000;
  text-decoration: none;
}

.footColumn .relation a:visited {
  color: #000;
  text-decoration: none;
}

.footColumn .relation a:hover {
  color: #555;
  text-decoration: underline;
}

.footColumn .relation a:active {
  color: #555;
  text-decoration: underline;
}

.footColumn .relation li {
  display: inline;
  margin-right: 10px;
  margin-bottom: 7px;
}

/* clearfix */
.FS2_body_Goods_GoodsGroupList_0 ul.pickup:after,
.FS2_body_Goods_GoodsGroupList_0 ul.special:after,
.FS2_body_Goods_GoodsGroupList_0 .details ul:after,
.FS2_body_Goods_GoodsGroupList_0 .linkList:after,
.FS2_body_Goods_GoodsGroupList_0 .selection ul:after,
.FS2_body_Goods_GoodsGroupList_0 ul.item:after,
.contents_layout #ranking:after,
.contents_layout .banner:after,
.contents_layout .maker dl:after,
.contents_layout .column .boxL .introduction ul:after,
.column .topics .tabNav:after,
.column .quick .tabNav:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* B♭クラリネットマウスピース
------------------------------------ */
div.mcb_head_box {
  position: relative;
  margin: 7px 0 0 0;
  padding: 0;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/mcb_bg_news.gif") left bottom no-repeat;
}

div.mcb_head_box div.l_box {
  display: inline;
  float: left;
  width: 285px;
  margin: 0 8px 0 0;
}

div.mcb_head_box div.r_box {
  display: inline;
  float: left;
  width: 285px;
}

div.mcb_head_box div.l_box ul.ranking {
  list-style-type: none;
  margin: 0 0 0 8px;
  padding: 5px;
}

div.mcb_head_box div.l_box ul.ranking li a {
  display: block;
  line-height: 1.5em;
  color: #794F53;
}

div.mcb_head_box div.l_box ul.ranking li.rank1 {
  display: block;
  margin: 2px 0;
  padding: 0 0 5px 27px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/mcb_ranking_01.gif") left top no-repeat;
}

div.mcb_head_box div.l_box ul.ranking li.rank2 {
  display: block;
  margin: 2px 0;
  padding: 0 0 5px 27px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/mcb_ranking_02.gif") left top no-repeat;
}

div.mcb_head_box div.l_box ul.ranking li.rank3 {
  display: block;
  margin: 2px 0;
  padding: 0 0 5px 27px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/mcb_ranking_03.gif") left top no-repeat;
}

div.mcb_head_box div.r_box ul.news {
  padding: 0px 5px 5px 5px;
  margin: 0 0 0 20px;
}

div.mcb_head_box div.r_box ul.news li {
  margin: 5px 0 0 0;
  list-style: disc !important;
}

div.mcb_head_box div.r_box ul.news li a {
  color: rgb(121, 79, 83);
}

@media (max-width: 767px) {
  div.mcb_head_box {
    background: none;
  }
  div.mcb_head_box div.l_box {
    width: 100%;
  }
  div.mcb_head_box div.l_box h3 {
    margin-left: 8px;
    width: 100%;
  }
  div.mcb_head_box div.l_box h3 img {
    width: 95.6%;
  }
  div.mcb_head_box div.l_box ul.ranking {
    background: #FBF6CE;
    margin: 0 8px 8px 8px;
    padding: 8px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
  }
  div.mcb_head_box div.r_box {
    display: none;
  }
}
div.mcb_size_box {
  position: relative;
  margin: 7px 0 7px 0;
  padding: 0;
}

div.mcb_size_box h4 {
  margin: 10px 0 0 0;
}

div.mcb_name_box {
  position: relative;
  margin: 15px 0 7px 0;
  padding: 0;
}

div.mcb_name_box div.l_box {
  display: inline;
  float: left;
  width: 240px;
  margin: 0;
  padding: 25px 0 0 0;
}

div.mcb_name_box div.r_box {
  display: inline;
  float: left;
  width: 339px;
  margin: 0;
  padding: 0;
}

div.mcb_name_box div.r_box p {
  margin: 7px 0 0 0;
  padding: 10px 5px;
  border: 1px solid rgb(136, 44, 44);
  background: rgb(247, 230, 230);
}

div.mcb_name_box div.r_box p span {
  display: block;
  padding: 0 0 0.5em 0;
  font-weight: bold;
  color: rgb(136, 44, 44);
}

div.mcb_name_box h3 {
  margin-bottom: 10px;
}

div.mcb_beak_box {
  position: relative;
  margin: 15px 0 30px 0;
  padding: 0;
}

div.mcb_beak_box div.l_box {
  display: inline;
  float: left;
  width: 183px;
  margin: 0;
  padding: 15px 0 0 0;
}

div.mcb_beak_box div.r_box {
  display: inline;
  float: left;
  width: 396px;
  margin: 0;
  padding: 25px 0 0 0;
}

div.mcb_beak_box div.r_box p span {
  display: block;
  color: rgb(255, 0, 0);
}

div.mcb_link_box {
  padding: 10px;
  margin: 0 0 30px 0;
  background: rgb(254, 251, 232);
  border: 1px solid rgb(171, 171, 171);
  overflow: hidden;
}

div.mcb_link_box strong.title {
  color: rgb(119, 53, 53);
}

div.mcb_link_box a {
  color: #794F53;
}

div.mcb_link_box p a {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

div.mcb_link_box p a:visited {
  color: rgb(0, 0, 0);
  text-decoration: none;
}

div.mcb_link_box p a:hover {
  color: rgb(119, 53, 53);
  text-decoration: underline;
}

.img_left {
  float: left;
  margin: 0 10px 10px 0;
}

.height120 {
  height: 120px;
}

.mcb_link_box li {
  display: inline;
  margin-right: 10px;
  margin-bottom: 7px;
}

@media (max-width: 767px) {
  div.mcb_beak_box div.r_box {
    width: 100%;
  }
}
/*------------------------------------------------------------
  other css style
------------------------------------------------------------*/
.clearfix {
  /*for IE 5.5-7*/
  zoom: 1;
}

.clearfix:after {
  /*for modern browser*/
  content: "";
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}

/* クラリネット楽器お手入れ用品
------------------------------------ */
p.acc_text {
  line-height: 16px;
  padding: 10px 0;
}

/* -----------------------ランキング */
#ranking_acc {
  clear: both;
  width: 558px;
  width: 100%;
  height: 40px;
  height: 50px;
  background: #fdf6d9;
  border: 1px solid #CCC;
  padding: 2px 10px;
  margin-bottom: 10px;
}

#ranking_acc h4 {
  float: left;
}

#ranking_acc dl {
  float: left;
  width: 160px;
  margin-right: 3px;
  margin-top: 3px;
  font-size: 10px;
}

#ranking_acc dd {
  margin: -30px 0 0 40px;
  line-height: 12px;
}

/* -----------------------選定 */
.acc_column .boxL {
  width: 280px;
  float: left;
}

.acc_column .boxL .recommend .r-img {
  float: right;
  margin: -20px 10px 6px 6px;
}

.acc_column .boxR {
  width: 290px;
  float: right;
}

.acc_column .boxL .recommend {
  background: url(https://inst.itembox.cloud/item/future2/public_html/img03/acc_new_bg.gif) left top repeat-x;
  margin-bottom: 8px;
  border: 1px solid #cbcbcb;
}

.acc_column .boxL .recommend p {
  padding: 0 10px;
  font-size: 10px;
  line-height: 12px;
}

.acc_column .boxL .recommend h4 {
  padding: 0 10px 3px 10px;
}

.acc_column .boxR li {
  margin-bottom: 2px;
}

#acc_both {
  clear: both;
  height: 10px;
}

.acc_listarea {
  width: 187px;
  float: left;
  margin-right: 7px;
  margin-bottom: 8px;
}

.acc_listarealast {
  width: 187px;
  float: left;
  margin-right: 5px;
  margin-bottom: 8px;
}

.acc_listbox {
  width: 185px;
  border: 1px solid #d4ccb6;
  margin-bottom: 5px;
}

.acc_listbox ul {
  width: 175px;
  margin: 0 auto 10px auto;
  /*    font-size: 10px; */
}

.acc_listbox ul li {
  margin-left: 15px;
  list-style-type: disc;
}

#acc_box {
  margin: 0 auto;
}
#acc_box iframe {
  width: 100%;
}

.acc_clear {
  clear: both;
  height: 0;
}

.acc_listbox ul a {
  text-decoration: none;
  color: #000000;
}

.acc_listbox ul a:visited {
  text-decoration: none;
  color: #9a363a;
}

.acc_listbox ul a:hover {
  text-decoration: underline;
  color: #000000;
}

.acc_listbox ul a:active {
  color: #000000;
}

/* クラリネットマウスピース
------------------------------------ */
.left {
  float: left;
  clear: both;
}

.right {
  float: right;
}

/* 260903編集 間隔調整、lastchild追加 */

.mpc_catch {
  padding: 0;
  line-height: 160%;
}

.mpc_catch:last-child {
    margin-bottom: 20px;
}

div.mpcBox {
  width: 49%;
  margin-top: 8px;
  background-color: #d4bba8;
}
div.mpcBox.right {
  float: left;
  margin-left: 10px;
}

div.mpcBox dl {
  width: 271px;
  margin: 0 7px;
}

div.mpcBox dl dt {
  float: left;
  width: 134px;
  padding: 5px 0;
  clear: both;
}

div.mpcBox dl dd {
  width: 125px;
  margin-left: 138px;
  vertical-align: middle;
}

div.mpcBox dl dd ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.mpcBox dl dd ul li {
  margin: 0;
  padding: 0 0 3px 0;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/mpc_dotline.gif") repeat-x bottom;
  /*    font-size: 10px; */
}

div.mpcBox dl dd ul li span {
  display: block;
}

p.mpcLink {
  padding: 5px 0;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.reset {
  margin: 0;
  padding: 0;
  height: 0;
}

div.mpcBox ul a {
  text-decoration: none;
}

div.mpcBox ul a:visited {
  text-decoration: none;
}

div.mpcBox ul a:hover {
  text-decoration: underline;
}

div.mpcBox ul a:active {
  text-decoration: underline;
}

@media (max-width: 767px) {
  div.mpcBox {
    width: 100%;
  }
  div.mpcBox.right {
    margin-left: 0;
  }
}
/* リコレゼルヴ B♭クラリネットリード
------------------------------------ */
.recText {
  width: 549px;
  width: 100%;
  height: 159px;
  height: 185px;
  margin: 0 0 15px 0;
  padding: 15px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/rec_rc_res_bg_text.jpg") no-repeat bottom;
  line-height: 150%;
}

.recVoice {
  margin: 10px 0 15px 0;
  width: 579px;
  height: 135px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/rec_rc_res_bg_voice.gif") no-repeat;
  position: relative;
}

.recVoice .koe {
  width: 279px;
  position: absolute;
  top: 31px;
  left: 15px;
}

.recVoice .koe ul {
  padding: 0px;
  margin: 0px;
}

.recVoice .koe ul li {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/common/ico_black.gif) no-repeat;
  padding-left: 7px;
  margin-bottom: 3px;
}

.recVoice .staff {
  position: absolute;
  width: 225px;
  top: 26px;
  left: 342px;
}

.recVoice .staff p {
  font-size: 10px;
  padding-top: 5px;
}

.recVoice h4 {
  text-align: center;
  margin-left: 15px;
  font-size: 12px;
}

.recBox {
  width: 308px;
  padding: 10px 16px;
  border-right: 1px solid #bcd0ae;
  border-bottom: 1px solid #bcd0ae;
  border-left: 1px solid #bcd0ae;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/rec_rc_res_bg_comment.gif");
}

/* 商品レイアウト変更
------------------------------------ */
.FS2_itemlayout_td_Left {
  width: 200px !important;
  text-align: center;
}

.FS2_itemlayout_td_Right {
  width: 380px !important;
  padding-left: 5px !important;
}

/* 検索
------------------------------------ */
div.search_box {
  margin: -5px 0 0 0;
  padding-right: 12px;
  width: 568px;
  width: 100%;
  height: 52px;
  height: 38px;
  background-image: url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_search_bg.gif");
  background-image: url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_search_bg-01.jpg");
  background-position: bottom;
  background-position: left center;
  background-repeat: no-repeat;
  text-align: right;
  background-color: #291013;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
div.search_box form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  height: 40px;
  text-align: right;
}

div.search_box .l_box {
  width: 190px;
}

div.search_box .l_box select {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  padding: 0 5px;
}

div.search_box input.text {
  width: 190px;
  height: 15px;
}

div.search_box .r_box {
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

div.search {
  height: 40px;
  background-image: url("https://inst.itembox.cloud/item/future2/public_html/images/outlet/use/search_bg01.jpg");
  background-repeat: no-repeat;
  background-color: #291013;
}
div.search .form {
  float: right;
  margin-right: 10px;
  margin-top: 10px;
  width: 200px;
}
div.search .form table td {
  vertical-align: top;
}
div.search .form input[type=image] {
  padding: 0px;
  margin: 0px;
  margin-left: 5px;
}
div.search .form .select {
  overflow: visible !important;
  font: -internal-auto-base(-webkit-small-control, inherit);
  border: 1px solid -internal-auto-base(light-dark(#767676, #858585), currentColor);
  padding: 0 3px;
  height: 20px;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}

@media (max-width: 767px) {
  div.search_box {
    width: 100%;
    background-color: #291013;
    background-position: top;
    background-size: contain;
    position: relative;
    height: 52px;
  }
  div.search_box select {
    padding: 0 5px;
    font-size: 11px;
  }
  div.search_box .l_box {
    position: absolute;
    bottom: 3px;
    right: 110px;
    width: 112px;
  }
  div.search_box .r_box {
    position: absolute;
    right: 30px;
    bottom: 3px;
  }
  div.search {
    background-image: none;
    background-color: transparent;
  }
}
.rank {
  width: 580px;
  height: 265px;
  padding-top: 10px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/outlet/use/use_rank_bg.gif) no-repeat;
  margin: 10px auto;
}
.rank .s {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/outlet/use/s.gif) no-repeat;
  width: 390px;
  height: 43px;
  margin-right: 10px;
  margin-top: 5px;
  padding-left: 50px;
  float: right;
  clear: right;
  border-bottom: 1px dotted rgb(204, 204, 204);
}
.rank .a {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/outlet/use/a.gif) no-repeat;
  width: 390px;
  height: 43px;
  margin-right: 10px;
  margin-top: 5px;
  padding-left: 50px;
  float: right;
  clear: right;
  border-bottom: 1px dotted rgb(204, 204, 204);
}
.rank .b {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/outlet/use/b.gif) no-repeat;
  width: 390px;
  height: 43px;
  margin-right: 10px;
  margin-top: 5px;
  padding-left: 50px;
  float: right;
  clear: right;
  border-bottom: 1px dotted rgb(204, 204, 204);
}
.rank .c {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/outlet/use/c.gif) no-repeat;
  width: 390px;
  height: 43px;
  margin-right: 10px;
  margin-top: 5px;
  padding-left: 50px;
  float: right;
  clear: right;
  border-bottom: 1px dotted rgb(204, 204, 204);
}
.rank .d {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/outlet/use/d.gif) no-repeat;
  width: 390px;
  height: 43px;
  margin-right: 10px;
  margin-top: 5px;
  padding-left: 50px;
  float: right;
  clear: right;
  border-bottom: 1px dotted rgb(204, 204, 204);
}

@media (max-width: 767px) {
  .rank {
    width: 100%;
    background-size: cover;
    margin: 0;
    height: auto;
    padding-bottom: 20px;
    background-position: top left;
  }
  .rank .s {
    float: none;
    clear: both;
    width: 60%;
    text-align: left;
    margin: 5px 0 0 auto;
    height: auto;
  }
  .rank .a {
    float: none;
    clear: both;
    width: 60%;
    text-align: left;
    margin: 5px 0 0 auto;
    height: auto;
  }
  .rank .b {
    float: none;
    clear: both;
    width: 60%;
    text-align: left;
    margin: 5px 0 0 auto;
    height: auto;
  }
  .rank .c {
    float: none;
    clear: both;
    width: 60%;
    text-align: left;
    margin: 5px 0 0 auto;
    height: auto;
  }
  .rank .d {
    float: none;
    clear: both;
    width: 60%;
    text-align: left;
    margin: 5px 0 0 auto;
    height: auto;
  }
}
/* クルトワ
------------------------------------ */
div.t420mbostText {
  position: relative;
  width: 579px;
  height: 148px;
  margin-bottom: 10px;
  color: #FFF;
  font-size: 10px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/420mbost_title01_bg.jpg") no-repeat;
  line-height: 150%;
}

div.t420mbostText p {
  position: absolute;
  width: 305px;
  top: 40px;
  right: 20px;
  line-height: 140%;
}

h4.t420mbost {
  margin-top: 20px;
}

div.t420mbostSentei {
  margin: 10px 0 15px 0;
  padding: 0 15px 15px 15px;
  width: 549px;
  width: 100%;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/420mbost_bg_senteisya.gif");
}
div.t420mbostSentei p {
  margin: 0 0 10px;
}

div.t420mbostSentei h5 {
  margin: 5px 0 15px 0;
  padding: 10px 0 3px 0;
  border-bottom: 1px solid #929441;
  font-size: 110%;
}

table.t420mbostIchiran {
  margin: 10px 0 0 0;
  width: 100%;
}

table.t420mbostIchiran th {
  width: 108px;
  padding: 5px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/420mbost_bg_th.gif");
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  color: #FFF;
  font-weight: lighter;
  text-align: left;
}

table.t420mbostIchiran td {
  background-color: #dfe4dc;
  padding: 5px;
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  font-size: 90%;
}
table.t420mbostIchiran td.phot-image-td {
  width: 120px;
}

table.t420mbostIchiran td.list {
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/420mbost_bg_td.gif");
  color: #FFF;
}

table.t420mbostIchiran td.list a {
  color: #FFF !important;
  text-decoration: none !important;
}

table.t420mbostIchiran td.name {
  background-color: #929292;
  color: #FFF;
}

table.t420mbostIchiran td.name2 {
  background-color: #ababab;
  color: #FFF;
}

table.t420mbostIchiran td p {
  margin: 0;
}

table.t420mbostIchiran2 {
  margin: 10px 0 0 0;
  width: 100%;
}

table.t420mbostIchiran2 th {
  width: 108px;
  padding: 5px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/420mbost_bg_th.gif");
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  color: #FFF;
  font-weight: lighter;
  text-align: center;
}

table.t420mbostIchiran2 td {
  background-color: #dfe4dc;
  padding: 5px;
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  text-align: center;
}

table.t420mbostIchiran2 td.list {
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/420mbost_bg_td.gif");
  color: #FFF;
}

table.t420mbostIchiran2 td.name {
  background-color: #929292;
  color: #FFF;
}

table.t420mbostIchiran2 td.name2 {
  background-color: #ababab;
  color: #FFF;
}

.footbnr {
  width: 580px;
  margin: 10px 0;
}

.footbnr .r_box {
  width: 245px;
  padding: 9px 12px;
  background-color: #e8f9e8;
  border: 1px solid #91bb96;
}

.footbnr .r_box h4 {
  margin: 0;
  color: #4b4727;
}

.footbnr .r_box a {
  color: #929441 !important;
}

.footbnr img {
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  table.footbnr {
    width: 100%;
  }
  table.footbnr td {
    width: 100%;
    display: block;
    padding: 5px 0;
  }
  table.footbnr .r_box {
    width: 100%;
  }
  table.t420mbostIchiran {
    margin: 10px 0 0 0;
    width: 100%;
  }
  table.t420mbostIchiran tr td:first-child {
    width: 25%;
  }
  div.t420mbostText {
    width: 100%;
    height: auto;
    background: url(https://inst.itembox.cloud/item/future2/control/img03/420mbost_title01_bg_sp.jpg) top left no-repeat, #540F2C;
    background-size: contain;
    font-size: 12px;
  }
  div.t420mbostText p {
    position: initial;
    width: 94%;
    right: 0;
    left: 0;
    margin: auto;
    padding: 40px 0 10px;
  }
  div.t420mbostSentei {
    width: 100%;
    background-size: inherit;
  }
  div.t420mbostSentei p {
    margin: 0;
  }
}
/* フルート教本
------------------------------------ */
div.etfNews {
  position: relative;
  margin: 7px 0 7px 0;
  padding: 0;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/etf_news_bg.gif") left bottom no-repeat;
}

div.etfNews ul {
  padding: 0px 5px 5px 5px;
  margin: 0 0 0 20px;
}

div.etfNews ul li {
  margin: 5px 0 0 0;
  list-style: disc;
}

div.etfSearch {
  padding-right: 12px;
  width: 568px;
  height: 52px;
  background-image: url("https://inst.itembox.cloud/item/future2/public_html/img03/etf_search_bg.gif");
  background-position: bottom;
  background-repeat: no-repeat;
  text-align: right;
}

div.etfSearch .l_box {
  margin-top: 22px;
  width: 190px;
  float: right;
}

div.etfSearch select {
  width: 190px;
  height: 15px;
}

div.etfSearch .r_box {
  margin-top: 22px;
  width: 80px;
  float: right;
}

/* お手入れ（クラリネット）
------------------------------------ */
#oct .chumoku {
  width: 280px;
  border: 1px solid #999999;
  background: url(https://inst.itembox.cloud/item/future2/public_html/img03/acc_new_bg.gif) left top repeat-x;
}

#oct .chumoku p {
  font-size: 10px;
  line-height: 130%;
}

#oct .chumoku .img {
  margin: 10px 5px 5px 5px;
}

#oct .chumoku .pl5 {
  padding-left: 5px;
}

#oct .category .ico {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/common/icon_arrow_red.gif) no-repeat;
  padding-left: 15px;
  padding-bottom: 5px;
  margin: 5px 10px;
}

#oct .category td {
  vertical-align: top;
}

#oct .category .kakoi {
  width: 185px;
  border: 1px solid #d4ccb6;
  margin-right: 10px;
  margin-bottom: 10px;
}

#oct .category td ul {
  margin: 5px;
  padding: 5px;
}

#oct .category li {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/common/ico_black.gif) no-repeat;
  color: #000;
  padding-left: 5px;
}

#oct .category li a:link,
#oct .category li a:visited {
  color: #000;
}

#oct .category ul {
  margin: 0 0 0 30px;
  padding: 5px 0;
}

@media (max-width: 767px) {
  #oct .chumoku {
    width: 100%;
  }
  #oct > h2 + p + table > tbody > tr > td a {
    width: 100%;
    display: block;
  }
  #oct > h2 + p + table > tbody > tr > td a img {
    width: 100%;
  }
  #oct > h2 + p + table > tbody > tr > td {
    width: 100%;
    display: block;
  }
  #r_container h3 {
    display: block;
    background: #F4E6C3;
    margin-top: 30px;
    padding: 8px;
    font-size: 13px;
    color: #700004;
  }
}
div.cclMainte {
  width: 559px;
  width: 100%;
  padding: 0 10px 10px 10px;
  border: 1px solid #ccc;
}

div.cclMainte ul {
  margin: 0 0 0 30px;
  padding: 5px 0;
}

div.cclMainte ul li {
  list-style: disc !important;
  color: #000;
}

div.cclMainte ul li a {
  color: #000 !important;
  text-decoration: none !important;
}

div.cclMainte ul li a:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

table.cclMainte2 {
  width: 100%;
  border-collapse: collapse;
}
table.cclMainte2 td {
  padding: 0;
}

#csx_set {
  text-align: left;
}

#csx_finish {
  text-align: left;
}

#chr4 {
  text-align: left;
}

@media (max-width: 767px) {
  div.cclMainte {
    width: 100%;
  }
  table.cclMainte2 {
    width: 100%;
  }
  table.cclMainte2 td img {
    display: block;
  }
  h3#cfl_menu, h3#ccl_menu, h3#csx_, h3#ctr_menu, h3#ctb_menu, h3#chr_menu, h3#csx_menu, h3#cob_menu {
    text-align: center;
    background: none;
  }
  h3#cfl_menu a img, h3#ccl_menu a img, h3#csx_ a img, h3#ctr_menu a img, h3#ctb_menu a img, h3#chr_menu a img, h3#csx_menu a img, h3#cob_menu a img {
    width: 50%;
    margin: 0;
    padding: 3px;
  }
}
table.cclMainte2 th {
  padding: 0 10px 5px 10px;
  text-align: left;
  font-weight: lighter !important;
  border: 1px solid #ccc;
}

table.cclMainte2 th ul {
  margin: 10px 30px;
}

table.cclMainte2 th ul li {
  list-style: disc !important;
}

table.cclMainte2 th ul li a {
  color: #000 !important;
  text-decoration: none !important;
}

/* 260901修正 */

table.cclMainte2 th ul li a:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

table.cclMainte2 td.pickup {
  padding: 0 10px 5px 10px;
  border: 1px solid #ccc;
}

table.cclMainte2 td.pickup ul li {
  list-style: disc;
  color: #000;
}

table.cclMainte2 td.pickup ul {
  margin: 10px 30px;
}

table.cclMainte2 th ul li {
  list-style: disc;
}

table.cclMainte2 td.pickup ul li a {
  color: #000 !important;
  text-decoration: none !important;
}

table.cclMainte2 td.pickup ul li a:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

td.l_set {
  width: 295px;
}

dl.cclSet {
  width: 282px;
  height: 200px;
  margin: 10px 0 0 0;
  border: 1px solid #c6c4c4;
}

dl.cclSet dt {
  padding: 4px 5px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ccl_bg_set.gif");
  color: #374c41;
  font-weight: bold;
}

dl.cclSet dd {
  padding: 10px 8px;
  /*    font-size: 90%; */
}

dl.cclFinish {
  width: 577px;
  max-width: 780px;
  width: 100%;
  margin: 10px 0 0 0;
  margin: 10px auto 0;
  border: 1px solid #c6c4c4;
}

dl.cclFinish dt {
  padding: 8px 5px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ccl_bg_set.gif");
  color: #374c41;
  font-weight: bold;
}

dl.cclFinish dd {
  padding: 10px 8px;
  /*    font-size: 90%; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
dl.cclFinish dd p {
  margin: 0 0 5px;
  width: 100%;
}

dl.cclFinish dd a {
  text-decoration: none !important;
}

dl.cclFinish dd .right {
  width: 407px;
}

dl.cclFinish dd .clearfix {
  margin-bottom: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

* html dl.cclFinish dd .clearfix {
  margin-bottom: -10px;
}

dl.cclFinish dd .cclFinish2 {
  margin-bottom: 10px;
  padding: 5px 10px 10px 10px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ccl_bg_finish.gif");
  width: 100%;
}

.cclLine {
  height: 1px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/scl_dot.gif") repeat-x;
  font-size: 1px;
}

dl.cclFinish dd table {
  margin: 10px 0 0 0;
  width: 562px;
}

* html dl.cclFinish dd table {
  margin: -5px 0 0 0;
}

dl.cclFinish dd table th {
  width: 64px;
  vertical-align: top;
}

dl.cclFinish dd table td {
  background-color: #f3f3f3;
  border-bottom: 5px solid #FFF;
  border-left: 5px solid #FFF;
}

dl.cclFinish dd table td a:hover {
  text-decoration: underline !important;
}

dl.cclFinish dd table td.w {
  background-color: #fff !important;
}

/*260903編集*/

div.cclBroken {
  width: 539px;
  width: 100%;
  margin: 10px 0;
  padding: 10px 20px;
  background-color: #ede6df;
}

div.cclBroken p {
  color: #000;
}

div.cclBroken h4 {
  color: #000;
}

@media (max-width: 767px) {
  dl.cclFinish {
    width: 100%;
  }
  dl.cclFinish img.imgL {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  dl.cclFinish dd .right {
    width: 100%;
  }
  dl.cclFinish dd table {
    width: 100%;
  }
  dl.cclFinish dd div img.imgL {
    margin: 0 auto 10px;
    display: block;
    text-align: center;
  }
  div.cclBroken {
    width: 100%;
  }
  div.cclBroken img.imgL {
    float: none;
    display: block;
    margin: 0 auto;
  }
  p.sclBack03 + table td {
    display: block;
    width: 100%;
  }
}
/* お手入れ（トランペット）





------------------------------------ */
div.ctrMainte {
  width: 559px;
  padding: 0 10px 10px 10px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ctr_bg_mainte.gif") no-repeat bottom;
}

div.ctrMainte ul {
  margin: 0 0 0 30px;
  padding: 5px 0;
}

div.ctrMainte ul li {
  list-style: disc;
  color: #000;
}

div.ctrMainte ul li a {
  color: #000 !important;
  text-decoration: none !important;
}

div.ctrMainte ul li a:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

div.ctrMainte2 {
  width: 559px;
  width: 579px;
  padding: 0 10px 10px 10px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ccl_bg_mainte.gif") no-repeat bottom;
}

div.ctrMainte2 ul {
  margin: 0 0 0 30px;
  padding: 5px 0;
}

div.ctrMainte2 ul li {
  list-style: disc !important;
  color: #000;
}

div.ctrMainte2 ul li a {
  color: #000 !important;
  text-decoration: none !important;
}

div.ctrMainte2 ul li a:hover {
  color: #000 !important;
  text-decoration: underline !important;
}

div.ctrMainte3 {
  width: 559px;
  width: 579px;
  padding: 0 10px 10px 10px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ccl_bg01_mainte02.gif") no-repeat bottom;
}

div.ctrMainte3 ul {
  margin: 0 0 0 30px;
  padding: 5px 0;
}

div.ctrMainte3 ul li {
  list-style: disc !important;
  color: #FFF;
}

div.ctrMainte3 ul li a {
  color: #FFF !important;
  text-decoration: none !important;
}

div.ctrMainte3 ul li a:hover {
  color: #FFF !important;
  text-decoration: underline !important;
}

@media (max-width: 767px) {
  div.ctrMainte3, div.ctrMainte2 {
    width: 100%;
  }
}
/* 楽器をはじめよう（クラリネット）
------------------------------------ */
.scl {
  font-size: 14px;
  line-height: 20px;
}
.scl .scl_item {
  width: 100%;
}

/*.scl p{
    width:559px;
    padding:10px;
   } */
div.sclCatch {
  width: 100%;
  margin: 10px 0 0 0;
  padding: 10px;
  /*  background: url("/img03/scl_bg_catch.gif");  
  border: 1px solid #e0d5d5; */
}

.column-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (max-width: 767px) {
  div.sclCatch {
    width: 100%;
  }
  .scl .spc10 img {
    float: none;
    display: block;
    margin: 0 auto 10px;
  }
  .column-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
table.sclContents {
  width: 100%;
  height: 83px;
  margin: 15px 0 0 0;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/scl_bg_contents.gif") repeat;
  font-size: 12px;
}

table.sclContents h2.scl-title {
  text-align: left;
}

@media (max-width: 767px) {
  table.sclContents {
    width: 100%;
  }
}
table.sclContents th {
  width: 85px;
  vertical-align: top;
}

table.sclContents td {
  vertical-align: top;
}

table.sclContents td ol {
  margin: 0 0 0 50px;
  padding-left: 0;
}

table.sclContents td ol li {
  margin: 0 0 3px 0;
  line-height: 2em;
  list-style-type: decimal !important;
}

table.sclContents td ol li a {
  color: #000 !important;
  text-decoration: underline !important;
}

table.sclContents td ul {
  margin: 5px 0 0 50px;
  padding: 0;
}

* html table.sclContents td ul {
  margin: 0 0 0 6px !important;
  padding: 0;
}

table.sclContents td ul li {
  margin: 0 0 3px 0;
}

table.sclContents td ul li a,
table.sclContents td ul li a:hover {
  color: #000 !important;
}

.scl-h3 {
  width: 100%;
  height: 40px;
  margin: 5px 0 0 0;
  padding: 10px;
  color: #ffffff;
  background-color: #c67e81;
}

@media (max-width: 767px) {
  .scl-h3 {
    width: 100%;
    height: auto;
  }
}
.scl-title {
  padding: 10px;
  font-size: 20px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.scl_border {
  border-bottom: dotted 1px;
}

div.sclHistory {
  width: 100%;
  margin: 5px 0 0 0;
  padding: 10px;
  /* background: url("/img03/scl_bg_history.gif"); */
}

@media (max-width: 767px) {
  div.sclHistory {
    width: 100%;
  }
  div.sclHistory img.imgR {
    display: block;
    margin: 0 auto;
    float: none;
  }
  div.sclHistory img.imgR02 {
    float: none;
    display: block;
    margin: 0 auto;
  }
  div.sclHistory img.imgL {
    display: block;
    float: none;
    margin: 0 auto;
  }
  div.sclHistory p img.imgL {
    display: block;
    float: none;
    margin: 0 auto;
  }
}
h4.scl {
  margin: 10px 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* background: url("/img03/scl_dot.gif") repeat-x center; */
}

h4.scl:after {
  margin: 5px 0 0 0;
  content: "";
  border-top: 1px dotted;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 0.5rem;
}

.scl span {
  font-size: 15px;
  /*    background-color: #FFF; */
  padding: 0 10px 0 0;
  color: #b44c67;
}

p.sclBack {
  margin: 15px 15px 0 0 !important;
  text-align: right;
}

p.sclBack02 {
  margin: 10p 0 !important;
  text-align: right;
}

p.sclBack03 {
  margin: 10px 0 0 0 !important;
  margin: 10px auto 30px !important;
  max-width: 780px;
  width: 100%;
  padding: 0 1px 0 0;
  text-align: right;
}

div.sclKind {
  width: 100%;
  margin: 8px 0 0 0;
  padding: 10px 13px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/scl_bg_kind.gif");
}

@media (max-width: 767px) {
  div.sclKind {
    width: 100%;
  }
  div.sclKind p img.imgL {
    display: block;
    float: none;
    margin: 0 auto;
  }
  div.sclKind p img.imgR {
    display: block;
    float: none;
    margin: 0 auto;
  }
  div.scl_item .imgR {
    display: block;
    float: none;
    margin: 0 auto;
  }
}
.sclKind .subttl {
  margin: 8px 0px;
  padding: 10px;
  border-radius: 0.5em;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: normal;
}

.sclKind > h4::before {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  background-image: url(https://inst.itembox.cloud/item/future2/public_html/img03/scl_title_icon.gif);
  background-size: contain;
  vertical-align: middle;
}

div.sclKind p {
  margin: 10px 0 0 0 !important;
}

div.sclKind .imgL,
div.sclKind .imgR {
  margin-bottom: 0 !important;
}

div.sclChoice {
  width: 569px;
  margin: 0 0 20px 0;
  padding: 10px 5px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/scl_bg_choice.gif");
}

div.sclChoice h5 {
  font-weight: bold;
}

/* 楽器をはじめよう（クラリネット）
------------------------------------ */

p.sclChoiceText {
  width: 100％;
  margin: 10px;
  padding: 0;
}

@media (max-width: 767px) {
  p.sclChoiceText {
    width: 100%;
    margin: 10px 0;
  }
}
table.scl_maler {
  border-top: 1px solid #DDD;
}

table.scl_maler th {
  width: 180px;
  padding: 10px;
  border-bottom: 1px solid #DDD;
  text-align: center;
}

table.scl_maler td {
  width: calc(100% - 180px);
  padding: 20px;
  border-bottom: 1px solid #DDD;
  /*  line-height: 130%; */
}

table.scl_pickup {
  width: 100%;
  margin-bottom: 15px;
}

table.scl_pickup th {
  width: 50%;
  padding: 3px 0;
  margin: 10px;
  background-color: #fafafa;
  border: 5px solid #ffffff;
  border-bottom: none;
  text-align: center;
}

table.scl_pickup td {
  width: 50%;
  margin: 10px;
  padding: 5px 10px;
  background-color: #EFECE2;
  border: 5px solid #ffffff;
  border-top: none;
}

@media (max-width: 767px) {
  table.scl_pickup {
    width: 100%;
  }
  table.scl_maler th {
    width: 100%;
    display: block;
    border-bottom: none;
  }
  table.scl_maler td {
    width: 100%;
    display: block;
  }
}
h5.scl_q {
  padding: 10px 0 4px 0;
  color: #952D43;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/scl_dot.gif") repeat-x bottom;
}

/* 楽器をはじめよう（オーボエ）
------------------------------------ */
table.sob_pickup {
  width: 579px;
  margin-bottom: 15px;
}

table.sob_pickup th {
  width: 100px;
  padding: 3px 0;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/420mbost_bg_th.gif");
  border-right: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  text-align: center;
  color: #FFF;
}

table.sob_pickup td {
  padding: 5px 10px;
  background-color: #EFECE2;
  border-bottom: 3px solid #FFF;
}

/* 楽器をはじめよう（トランペット）
------------------------------------ */
table.scl_pickup-mp {
  width: 100%;
  margin-bottom: 15px;
}

table.scl_pickup-mp th {
  width: 20%;
  padding: 0;
  margin: 10px;
  /*background-color:#fafafa;*/
  background-color: #ffffff;
  border: 5px solid #ffffff;
  border-right: none;
  text-align: center;
}

table.scl_pickup-mp td {
  width: 80%;
  padding: 5px 10px;
  margin: 10px;
  background-color: #EFECE2;
  border: 5px solid #ffffff;
  border-left: none;
}

@media (max-width: 767px) {
  table.scl_pickup-mp {
    width: 100%;
  }
  table.scl_pickup-mp th {
    width: 40%;
    padding: 0;
    margin: 10px;
    /* background-color: #fafafa; */
    background-color: #ffffff;
    border: 5px solid #ffffff;
    border-right: none;
    text-align: center;
  }
  table.scl_pickup-mp td {
    width: 60%;
    padding: 5px 10px;
    margin: 10px;
    background-color: #EFECE2;
    border: 5px solid #ffffff;
    border-left: none;
  }
  table.scl_pickup-mp td p {
    margin: 0;
    line-height: 1;
  }
}
/* 中古楽器
------------------------------------ */
.item-situation-area {
  border: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.item-situation-left {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  background-color: #502b28;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 2.6;
  letter-spacing: 0.1em;
  color: #FFF;
}

.item-situation-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 20px;
}
.item-situation-arrow .arrow-top {
  color: #fff;
  background-color: #bf0000;
  padding: 3px 8px;
  font-size: 15px;
  margin-bottom: 7px;
}
.item-situation-arrow .arrow-image {
  width: 24px;
  height: 200px;
  background: -webkit-gradient(linear, left bottom, left top, from(#C59D46), to(#FFE56A));
  background: linear-gradient(to top, #C59D46 0%, #FFE56A 100%);
  -webkit-clip-path: polygon(50% 0%, 75% 12%, 58% 12%, 58% 100%, 42% 100%, 42% 12%, 25% 12%);
          clip-path: polygon(50% 0%, 75% 12%, 58% 12%, 58% 100%, 42% 100%, 42% 12%, 25% 12%);
}

.item-g-comment ul.item-situation-ul {
  padding-left: 50px;
  padding-bottom: 7px;
  width: 78%;
}

.item-situation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px dotted rgb(204, 204, 204);
  padding: 10px 5px;
}
.item-situation-list .item-situation-rank {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  position: relative;
  padding: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #bf0000;
  margin: 0;
  margin-right: 10px;
}
.item-situation-list .item-situation-rank::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 103%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 7px solid transparent;
  border-left-color: #ccc;
  z-index: 1;
}
.item-situation-list .item-situation-rank::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border: 7px solid transparent;
  border-left-color: #fff;
  z-index: 2;
}
.item-situation-list .item-situation-rank.a {
  color: #f1de1a;
}
.item-situation-list .item-situation-rank.b {
  color: #e1d341;
}
.item-situation-list .item-situation-rank.c {
  color: #bf9231;
}
.item-situation-list .item-situation-rank.d {
  color: #C59D46;
}
.item-situation-list .item-situation-text {
  margin: 0;
  font-weight: bold;
  font-size: 15px;
}
.item-situation-list .item-situation-text .note {
  font-weight: 400;
}

@media (max-width: 767px) {
  .item-g-comment ul.item-situation-ul {
    padding-left: 0;
  }
  .item-situation-arrow {
    padding: 15px 8px;
  }
  .item-situation-arrow .arrow-top {
    font-size: 12px;
    padding: 2px 5px;
  }
  .item-situation-left {
    padding: 0 10px;
    line-height: 1;
    font-size: 16px;
  }
  .item-situation-list {
    padding: 10px 0;
  }
  .item-situation-list .item-situation-rank {
    font-size: 12px;
    padding: 6px;
    width: 30px;
    margin-right: 0px;
  }
  .item-situation-list .item-situation-rank::before {
    left: 104%;
  }
  .item-situation-list .item-situation-text {
    font-size: 12px;
    padding-left: 22px;
  }
  .item-situation-list .item-situation-text .note {
    font-size: 11px;
  }
}
/* お手入れ
------------------------------------ */
.maintenance-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.contents_layout .acc_column .boxL.maintenance {
  max-width: 320px;
  width: 100%;
  margin-bottom: 30px;
}

.maintenance-category-list a {
  display: block;
}

@media (max-width: 767px) {
  .maintenance-category-list {
    width: 48%;
  }
}
/* R-13
------------------------------------ */
h2.cbc_bc_r13Title {
  width: 563px;
  width: 100%;
  padding: 8px 0 8px 15px;
  background: #421b1e url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_r13_bg_h2.gif") repeat-x;
  color: #FFF;
  font-size: 12px;
}

div.cbc_bc_r13Text {
  position: relative;
  width: 578px;
  height: 1489px;
  margin-top: 6px;
  background: #421b1e url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_r13_titleimage.jpg") no-repeat;
  background: #421b1e url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_camp_titleimage.jpg") no-repeat;
  color: #FFF;
}
div.cbc_bc_r13Text p {
  margin: 0;
}

h1.cbc_bc_r13Title {
  font-size: 12px;
  font-weight: bold;
}

@media (max-width: 767px) {
  div.cbc_bc_r13Text {
    background: none;
    height: auto;
    width: 100%;
  }
  h1.cbc_bc_r13Title {
    margin: 5px 20px;
    padding: 10px 0px;
    color: #a26f00;
    font-size: 16px;
    font-size: 5vw;
    border-top: 1px solid #c59d46;
    border-bottom: 1px solid #c59d46;
    line-height: 1.3;
    padding: 0;
    margin: 0 0 10px 0;
    border-top: 0;
    border-bottom: 0;
    text-align: center;
  }
}
div.cbc_bc_r13Text .leed {
  position: absolute;
  width: 330px;
  height: 280px;
  top: 160px;
  left: 155px;
  line-height: 180% !important;
}

div.cbc_bc_r13Text .name1 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 456px;
  top: 454px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name2 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 456px;
  top: 454px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name3 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 553px;
  top: 548px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name4 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 553px;
  top: 548px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name5 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 650px;
  top: 648px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name6 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 650px;
  top: 648px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name7 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 747px;
  top: 743px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name8 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 747px;
  top: 743px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name9 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 844px;
  top: 839px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name10 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 844px;
  top: 839px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name11 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 941px;
  top: 935px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name12 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 941px;
  top: 935px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name13 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 1038px;
  top: 1033px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .name14 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 1038px;
  top: 1033px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
}

div.cbc_bc_r13Text .text {
  position: absolute;
  width: 250px;
  top: 1012px;
  left: 257px;
  color: #000;
  font-size: 12px;
}

div.cbc_bc_r13Text .name1 span,
div.cbc_bc_r13Text .name2 span,
div.cbc_bc_r13Text .name3 span,
div.cbc_bc_r13Text .name4 span,
div.cbc_bc_r13Text .name5 span,
div.cbc_bc_r13Text .name6 span,
div.cbc_bc_r13Text .name7 span,
div.cbc_bc_r13Text .name8 span,
div.cbc_bc_r13Text .name9 span,
div.cbc_bc_r13Text .name10 span,
div.cbc_bc_r13Text .name11 span,
div.cbc_bc_r13Text .name12 span,
div.cbc_bc_r13Text .name13 span,
div.cbc_bc_r13Text .name14 span {
  color: #02294a !important;
  font-size: 16px !important;
  font-weight: bold;
}

div.cbc_bc_r13_title_tokuten {
  height: 25px;
  margin: 15px 0 10px 0;
  padding: 3px 0 0 14px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_r13_title_tokuten.gif") no-repeat;
  font-size: 17px;
  font-weight: bold;
}

div.cbc_bc_r13Senteisya {
  width: 549px;
  margin: 10px auto;
}

div.cbc_bc_r13Senteisya .Text {
  width: 435px;
  float: right;
}

.center {
  text-align: center;
}

div.cbc_bc_r13Maker {
  position: relative;
  width: 578px;
  height: 377px;
  background: #421b1e url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_r13_bg_maker.jpg") no-repeat;
  font-size: 12px;
}

div.cbc_bc_r13Maker p {
  position: absolute;
  width: 415px;
  top: 15px;
  left: 143px;
  height: 160px;
}

div.cbc_bc_r13Maker div {
  position: absolute;
  width: 320px;
  top: 225px;
  left: 12px;
  color: #FFF;
}

/* クランポンキャンペーン
------------------------------------ */
h2.cbc_bc_r13Title {
  width: 563px;
  width: 100%;
  padding: 8px 0 8px 15px;
  background: #421b1e url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_r13_bg_h2.gif") repeat-x;
  color: #FFF;
}

@media (max-width: 767px) {
  h2.cbc_bc_r13Title {
    width: 100%;
    background-size: contain;
    font-size: 13px;
  }
}
div.cbc_bc_campText {
  position: relative;
  width: 578px;
  height: 1489px;
  margin-top: 6px;
  background: #421b1e url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_camp_titleimage.jpg") no-repeat;
  color: #FFF;
}
div.cbc_bc_campText p {
  margin: 0;
}

div.cbc_bc_campendText {
  position: relative;
  width: 578px;
  height: 1300px;
  margin-top: 6px;
  background: #421b1e url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_camp_titleimage_end.jpg") no-repeat;
  color: #FFF;
}

div.cbc_bc_campText .leed {
  position: absolute;
  width: 330px;
  height: 280px;
  top: 160px;
  left: 155px;
  line-height: 180% !important;
}

div.cbc_bc_campText .name1 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 456px;
  top: 452px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name2 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 456px;
  top: 452px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name3 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 553px;
  top: 547px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name4 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 553px;
  top: 547px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name5 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 650px;
  top: 644px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name6 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 650px;
  top: 644px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name7 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 747px;
  top: 742px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name8 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 747px;
  top: 742px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name9 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 844px;
  top: 837px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name10 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 844px;
  top: 837px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 78.3%;
}

div.cbc_bc_campText .name11 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 941px;
  top: 935px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 68.3%;
}

div.cbc_bc_campText .name12 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 941px;
  top: 935px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 68.3%;
}

div.cbc_bc_campText .name13 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 1038px;
  top: 1032px;
  left: 94px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 68.3%;
}

div.cbc_bc_campText .name14 {
  position: absolute;
  width: 145px;
  height: 25px;
  top: 1038px;
  top: 1032px;
  left: 333px;
  color: #02294a;
  font-size: 83.3%;
  font-size: 68.3%;
}

div.cbc_bc_campText .text {
  position: absolute;
  width: 250px;
  top: 1012px;
  left: 257px;
  color: #000;
  font-size: 12px;
}

div.cbc_bc_campText .name1 span,
div.cbc_bc_campText .name2 span,
div.cbc_bc_campText .name3 span,
div.cbc_bc_campText .name4 span,
div.cbc_bc_campText .name5 span,
div.cbc_bc_campText .name6 span,
div.cbc_bc_campText .name7 span,
div.cbc_bc_campText .name8 span,
div.cbc_bc_campText .name9 span,
div.cbc_bc_campText .name10 span,
div.cbc_bc_campText .name11 span,
div.cbc_bc_campText .name12 span,
div.cbc_bc_campText .name13 span,
div.cbc_bc_campText .name14 span {
  color: #02294a !important;
  font-size: 16px !important;
  font-weight: bold;
}

div.cbc_bc_r13_title_tokuten {
  height: 25px;
  height: 32px;
  margin: 15px 0 10px 0;
  padding: 3px 0 0 14px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_r13_title_tokuten.gif") no-repeat;
  background-position: bottom;
  font-size: 17px;
  font-weight: bold;
}

div.cbc_bc_r13Senteisya {
  width: 549px;
  margin: 10px auto;
}

div.cbc_bc_r13Senteisya .Text {
  width: 435px;
  float: right;
}

.center {
  text-align: center;
}

div.cbc_bc_r13Maker {
  position: relative;
  width: 578px;
  height: 377px;
  background: #421b1e url("https://inst.itembox.cloud/item/future2/public_html/img03/cbc_bc_r13_bg_maker.jpg") no-repeat;
  font-size: 12px;
}

div.cbc_bc_r13Maker p {
  position: absolute;
  width: 415px;
  top: 15px;
  left: 143px;
  height: 160px;
}

div.cbc_bc_r13Maker div {
  position: absolute;
  width: 320px;
  top: 225px;
  left: 12px;
  color: #FFF;
}

table.selector-table td.selector-table-image {
  width: 110px;
}

@media (max-width: 767px) {
  table.selector-table {
    margin-left: 0 !important;
  }
  div.cbc_bc_r13Maker {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    min-height: 340px;
    background: #0A3659 url(https://inst.itembox.cloud/item/future2/public_html/img03/sp_crampon_camp_sp/cbc_bc_r13_bg_maker_sp.jpg) no-repeat;
    background-size: cover;
  }
  div.cbc_bc_campText {
    width: 100%;
    height: auto;
    background: none;
  }
  div.cbc_bc_r13Maker p {
    position: relative;
    width: 75%;
    height: auto;
    left: 24%;
  }
  div.cbc_bc_r13Maker div {
    position: relative;
    top: 20px;
    width: 55%;
  }
}
.item-contents h2.cont-h2 {
  position: relative;
  width: 100%;
  display: table;
  line-height: 1;
  margin-bottom: 30px;
  border-bottom: 0px;
}
.item-contents h2.cont-h2::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -10px;
  left: 0px;
  border-bottom: 1px solid rgb(34, 34, 34);
}
.item-contents h2.cont-h2 > span:first-child {
  width: 100px;
  color: rgb(255, 255, 255);
  font-size: 15px;
  vertical-align: middle;
  text-align: center;
  padding: 5px 0px;
  background: rgb(112, 0, 4);
}
.item-contents h2.cont-h2 > span:last-child {
  padding-left: 10px;
  font-size: 22px;
  vertical-align: middle;
}
.item-contents h2.cont-h2 > span {
  display: table-cell;
}
@media (max-width: 767px) {
  .item-contents h2.cont-h2 {
    position: relative;
    width: 100%;
    display: table;
    line-height: 1;
    border-bottom: 0;
    margin-bottom: 30px;
    padding-left: 0px;
    border-left: 0;
  }
  .item-contents h2.cont-h2 > span:first-child {
    width: 80px;
    font-size: 13px;
    vertical-align: middle;
  }
  .item-contents h2.cont-h2 > span:last-child {
    padding-left: 10px;
    font-size: 16px;
  }
}

.item-contents .selection .selection-box:last-child .selection-img,
.item-contents .selection .selection-box:last-child .selection-text {
  vertical-align: middle;
}

.item-contents .selection-box {
  display: table;
  margin-bottom: 10px;
  font-size: 14px;
  width: 100%;
  table-layout: fixed;
}

.item-contents .selection-img {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 10px;
  width: 35%;
}

.item-contents .selection-img.icon {
  width: 23%;
}

.item-contents .selection-text {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 10px;
}

.item-contents .selection-text p {
  margin: 0;
}

.item-contents .bland-box {
  display: table;
  margin-bottom: 20px;
  font-size: 14px;
}

.item-contents .bland-img {
  display: table-cell;
  padding-right: 10px;
  vertical-align: top;
  width: 33%;
}

.item-contents .bland-text {
  display: table-cell;
  vertical-align: top;
  padding: 0px 10px;
}
.item-contents .bland-text p {
  margin: 0;
}

.item-contents .red {
  color: #bf0000 !important;
}

.item-contents .repair {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 271px;
  margin-bottom: 30px;
  background: #330606;
  border: 2px solid rgb(204, 170, 63);
}

.item-contents img.repair_icon {
  position: absolute;
  top: 16px;
  left: 20px;
}

.item-contents img.repair_img {
  position: absolute;
  bottom: 30px;
  right: 15px;
  width: 29%;
  max-width: 280px;
  height: auto;
}

.item-contents img.main-img {
  margin-bottom: 30px;
}

.item-contents p.repair-ttl {
  position: absolute;
  top: 25px;
  left: 105px;
  font-size: 18px;
  color: rgb(255, 245, 192);
}

.item-contents p.repair-text {
  position: absolute;
  display: block;
  width: 55%;
  top: 100px;
  left: 23px;
  font-size: 14px;
  color: rgb(255, 255, 255);
}

.item-contents a.repair-btn {
  position: absolute;
  top:150px;
  left: 23px;
  color: rgb(255, 255, 255);
  text-decoration: underline;
}

.item-contents .repair-info {
  position: absolute;
  left: 23px;
  top: 177px;
  display: block;
  width: 330px;
  height: 70px;
  margin-bottom: 40px;
  padding-top: 8px;
  padding-left: 15px;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/cla/common_info_bg.png) no-repeat;
}

.item-contents .repair-info p {
  line-height: 1.4;
  margin: 0;
}

.item-contents .repair-info p a {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}

.item-contents .present {
  position: relative;
  width: 100%;
  height: 190px;
  margin-bottom: 50px;
  background:rgb(255, 255, 255);
  border: 2px solid rgb(242, 220, 180);
  box-sizing: border-box;
}

.item-contents img.present-ttl {
  position: absolute;
  top: 20px;
  left: 185px;
}

.item-contents img.present-img {
  position: absolute;
  top: 20px;
  left: 30px;
}

.item-contents p.present-ttl {
  position: absolute;
  top: 60px;
  left: 185px;
  font-size: 22px;
  margin: 0;
}

.item-contents img.present-img {
  position: absolute;
  top: 20px;
  left: 30px;
}

.item-contents p.present-ttl {
  position: absolute;
  top: 60px;
  left: 185px;
  font-size: 22px;
  margin: 0;
}

.item-contents p.present-text {
  position: absolute;
  top: 95px;
  left: 185px;
  padding-right: 10px;
  font-size: 14px;
  margin: 0;
}

.item-contents .present-2 {
  position: relative;
  width: 100%;
  height: 170px;
  margin-bottom: 50px;
  /* background: url(/img_nagae/cla/common_campaign_bg_top.png) no-repeat top center, url(/img_nagae/cla/common_campaign_bg_bottom.png) no-repeat bottom center, #fff; */
  border: 2px solid #f9c9df;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .sp-order-change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sp-order-change .sp-order-selection {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .sp-order-change .sp-order-bland {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .item-contents .bland-box {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
  }
  .item-contents .bland-img {
    display: block;
    padding-right: 0;
    text-align: center;
    width: 100%;
  }
  .item-contents .bland-text {
    display: block;
    padding: 10px;
    vertical-align: top;
  }
	
  .item-contents .repair {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    padding-top: 180px;
    padding-bottom: 50px;
　　background: #330606;
    border: 2px solid #ccaa3f;
    color: #fff;
    height: auto;
  }
	
  .item-contents img.repair_icon {
    position: absolute;
    top: 5%;
    left: 10px;
    width: 20%;
    max-width: 95px;
  }
	
  .item-contents p.repair-ttl {
    position: absolute;
    top: 6%;
    right: 3px;
    left: 92px;
    width: 72%;
    font-size: 12.5px;
    color: #fff5c0;
  }
	
  .item-contents p.repair-text {
    position: absolute;
    display: block;
    width: 52%;
    top: 30%;
    left: 10px;
    font-size: 12px;
  }

  .item-contents a.repair-btn {
    width: 75%;
    background: #C59D46;
    padding: 10px 20px 10px 20px;
    border-radius: 5px;
    position: absolute;
    top: 59%;
    left: 0px;
    right: 0;
    display: block;
    margin: 0 auto 10px;
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
  }

  .item-contents a.repair-btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
  }
  .item-contents a.repair-btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto;
    vertical-align: middle;
    right: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 3px solid transparent;
    border-left: 4px solid #C59D46;
  }
	
  .item-contents .repair-info {
    position: relative;
    top: 80px;
    left: 0;
    right: 0;
    display: block;
    width: 90%;
    height: 70px;
    margin: auto;
    margin-bottom: 40px;
    padding-top: 8px;
    padding-left: 10px;
    background: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/cla/common_info_bg.png) no-repeat;
    background-size: contain;
    color: #fff;
    font-size: 12px;
  }
	
  .item-contents img.repair_img {
    position: absolute;
    top: 25%;
    right: 12px;
    width: 38%;
    max-width: 180px;
  }

  .item-contents .present {
    position: relative;
    width: 100%;
    height: 200px;
    margin-bottom: 25px;
    background:#fff;
    border: 1px solid #f2dcb4;
  }
	
  .item-contents img.present-ttl {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
  }
	
  .item-contents img.present-img {
    position: absolute;
    top: 32%;
    left: 5%;
    width: 21%;
    max-width: 115px;
  }
	
  .item-contents img.main-img {
    margin-bottom: 10px;
  }
  .item-contents p.present-ttl {
    position: absolute;
    top: 29%;
    left: 29%;
    font-size: 14px;
  }
	
  .item-contents p.present-text {
    position: absolute;
    top: 44%;
    left: 29%;
    padding-right: 10px;
    font-size: 12px;
  }
	
  .item-contents .present-2 {
    position: relative;
    width: 100%;
    height: 160px;
    margin-bottom: 25px;
    /* background: url(/img_nagae/cla/common_campaign_bg_top.png) no-repeat top center, url(/img_nagae/cla/common_campaign_bg_bottom.png) no-repeat bottom center, #fff; */
    border: 1px solid #f9c9df;
    /* background-size: 100%; */
  }
  
  .item-contents .selection-img {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    width: 100%;
  }
  .item-contents .selection-img.icon {
    width: 100%;
  }
  .item-contents .selection-img img {
    margin: auto;
    display: block;
  }
  .item-contents .selection-text {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
  }
}
/* ytr8335kmvgp

------------------------------------ */
.ytr8335kmvgp_title {
  position: relative;
  width: 578px;
  height: 333px;
  margin: 6px 0 0 0;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ytr8335kmvgp_title.gif") no-repeat;
}

.ytr8335kmvgp_title h2 {
  position: absolute;
  top: 198px;
  left: 82px;
  font-size: 16px;
}

.ytr8335kmvgp_title .txt1 {
  position: absolute;
  top: 245px;
  left: 57px;
}

.ytr8335kmvgp_title .txt2 {
  position: absolute;
  top: 245px;
  left: 317px;
}

.ytr8335kmvgp_title .txt1 h3,
.ytr8335kmvgp_title .txt2 h3 {
  margin-top: 6px;
  font-size: 21px;
}

.ytr8335kmvgp_img {
  position: relative;
  width: 578px;
  height: 890px;
  margin: 6px 0 0 0;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ytr8335kmvgp_titleimage.jpg") no-repeat;
  color: #FFF !important;
}

.ytr8335kmvgp_img .txt1 {
  position: absolute;
  width: 165px;
  top: 541px;
  left: 138px;
}

.ytr8335kmvgp_img .txt2 {
  position: absolute;
  width: 165px;
  top: 541px;
  left: 425px;
}

.ytr8335kmvgp_img .txt3 {
  position: absolute;
  width: 165px;
  top: 657px;
  left: 138px;
}

.ytr8335kmvgp_img .txt4 {
  position: absolute;
  width: 165px;
  top: 657px;
  left: 425px;
}

.ytr8335kmvgp_img .txt5 {
  position: absolute;
  width: 165px;
  top: 773px;
  left: 138px;
}

.ytr8335kmvgp_img .txt6 {
  position: absolute;
  width: 165px;
  top: 773px;
  left: 425px;
}

.ytr8335kmvgp_img .txt1 h3,
.ytr8335kmvgp_img .txt2 h3,
.ytr8335kmvgp_img .txt3 h3,
.ytr8335kmvgp_img .txt4 h3,
.ytr8335kmvgp_img .txt5 h3,
.ytr8335kmvgp_img .txt6 h3 {
  font-size: 14px !important;
  line-height: 140% !important;
}

.ytr8335kmvgp_img .txt1 div,
.ytr8335kmvgp_img .txt2 div,
.ytr8335kmvgp_img .txt3 div,
.ytr8335kmvgp_img .txt4 div,
.ytr8335kmvgp_img .txt5 div,
.ytr8335kmvgp_img .txt6 div {
  margin-top: 4px;
  padding-left: 9px !important;
}

.ytr8335kmvgp_kansyu {
  position: relative;
  width: 578px;
  height: 482px;
  margin: 10px 0 0 0;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ytr8335kmvgp_kansyu.gif") no-repeat;
  color: #FFF !important;
}

.ytr8335kmvgp_kansyu table {
  position: absolute;
  width: 425px;
  top: 80px;
  left: 134px;
  margin: 10px 0 0 0;
  font-size: 90%;
  line-height: 130% !important;
  color: #FFF !important;
}

.ytr8335kmvgp_kansyu table th {
  font-weight: lighter;
  text-align: left;
  width: 60px;
  margin: 0 !important;
  padding: 2px 0 !important;
  vertical-align: top;
}

.ytr8335kmvgp_kansyu table td {
  margin: 0 !important;
  padding: 2px 0 !important;
  vertical-align: top;
  font-size: 11px;
  line-height: 1.2;
}

.ytr8335kmvgp_kansyu table td p {
  margin: 15px 0 0 0 !important;
  line-height: 130% !important;
}

.ytr8335kmvgp_cmt {
  position: relative;
  width: 578px;
  height: 241px;
  margin: 10px 0 0 0;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/ytr8335kmvgp_kansyu_img02.gif") no-repeat;
}

.ytr8335kmvgp_cmt .txt1 {
  position: absolute;
  width: 470px;
  top: 63px;
  left: 55px;
}

.ytr8335kmvgp_cmt .txt2 {
  position: absolute;
  width: 350px;
  width: 380px;
  top: 165px;
  left: 133px;
  text-align: center;
}

.ytr8335kmvgp_cmt .txt2 h4 {
  margin-top: 6px;
  font-size: 14px;
}

#ytr8335kmvgp .voice {
  width: 580px;
  margin-bottom: 15px;
  border-right: 1px solid #CCC;
}

#ytr8335kmvgp .voice td {
  padding-left: 15px;
}

#ytr8335kmvgp .voice .left {
  border-right: 1px solid #666666;
}

.ytr8335kmvgp_staff {
  width: 528px;
  margin: 15px auto;
  padding: 10px;
  background: #ECECEC url("https://inst.itembox.cloud/item/future2/public_html/img03/ytr8335kmvgp_staff_bg.gif") no-repeat bottom right;
}

table.ytr8335kmvgp_contact {
  width: 578px;
  font-size: 12px;
}

table.ytr8335kmvgp_contact th {
  width: 130px;
  padding: 5px 0 5px 10px;
  background-color: #F3F3F3;
  border-bottom: 2px solid #FFF;
  font-weight: lighter;
  text-align: left;
}

table.ytr8335kmvgp_contact td {
  padding: 5px 0 5px 10px;
  border-bottom: 2px solid #FFF;
}

.trp_vice_title {
  width: 245px;
  height: 25px;
  margin: 15px 0 15px 10px;
  padding: 3px 0 0 17px;
  border-bottom: 1px solid #333333;
  font-size: 16px;
}

.trp_vice {
  width: 560px;
  margin-left: 15px;
}

.trp_vice .left {
  border-right: 1px solid #666666;
  width: 270px;
  margin-right: 15px;
}

/* euph_be_be2051-2
------------------------------------ */
div.euph_be_be2051-2Text {
  position: relative;
  width: 578px;
  height: 1026px;
  margin-top: 10px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/euph_be_be2051-2_titleimage.jpg") no-repeat;
  color: #FFF;
}

div.euph_be_be2051-2Text .leed {
  position: absolute;
  width: 560px;
  height: 200px;
  top: 610px;
  left: 12px;
}

div.euph_be_be2051-2Text .leed h3 {
  padding-bottom: 5px;
  font-size: 17px;
  color: #FFF !important;
}

div.euph_be_be2051-2Text .fac {
  position: absolute;
  width: 550px;
  height: 120px;
  top: 911px;
  left: 12px;
  font-size: 83.3%;
}

div.euph_be_be2051-2_tokuten {
  position: relative;
  width: 578px;
  height: 380px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/euph_be_be2051-2_tokuten.gif") no-repeat;
}

div.euph_be_be2051-2_tokuten .txt1 {
  position: absolute;
  top: 94px;
  left: 211px;
}

div.euph_be_be2051-2_tokuten .txt2 {
  position: absolute;
  top: 260px;
  left: 211px;
}

div.euph_be_be2051-2_tokuten .txt3 {
  position: absolute;
  top: 313px;
  left: 211px;
}

div.euph_be_be2051-2_sentei_title {
  width: 569px;
  height: 29px;
  margin-top: 10px;
  padding: 13px 0 0 9px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/euph_be_be2051-2_sentei.gif") no-repeat;
  color: #FFF;
  font-size: 19px;
}

div.euph_be_be2051-2_sentei {
  width: 563px;
  height: 536px;
  padding: 15px 0 10px 15px;
  background: url("https://inst.itembox.cloud/item/future2/public_html/img03/euph_be_be2051-2_sentei_bg.jpg") no-repeat;
  color: #FFF;
}

div.euph_be_be2051-2_sentei div.r_box {
  float: left;
  width: 430px;
  padding-left: 10px;
}

div.euph_be_be2051-2_sentei div.r_box p {
  line-height: 150% !important;
}

/* ▼フューチャー様管理部分▼
------------------------------------ */
.waku {
  border: 1px solid #666666;
  padding: 10px;
  margin: 15px auto;
}

.imgplain,
.imgplain img {
  margin: 0px;
  vertical-align: baseline;
}

.border_bdot {
  border-bottom: 1px dotted #CCCCCC;
}

.mb10 {
  margin-bottom: 10px;
}

/* お客様の声
------------------------------------ */
.voice {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/sup/req/bg.gif) no-repeat;
  padding: 35px;
  line-height: 150%;
  margin-bottom: 15px;
}

/* 選定者
------------------------------------ */
.cl_bg,
.sa_bg,
.ob_bg,
.eu_bg {
  color: #ffffff;
  font-weight: bold;
  padding-left: 20px;
  height: 31px;
  padding-top: 5px;
}

.cl_bg {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/sup/pro/cl_bg.gif) no-repeat;
}

.sa_bg {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/sup/pro/sa_bg.gif) no-repeat;
}

.ob_bg {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/sup/pro/ob_bg.gif) no-repeat;
}

.eu_bg {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/sup/pro/eu_bg.gif) no-repeat;
}

/* よくあるご質問
------------------------------------ */
.faq_midasi {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/help/faq/tabu.gif) no-repeat;
  padding-left: 30px;
  padding-top: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
}

.faq_q {
  font-weight: bold;
  color: #996600;
  margin: 5px 0px;
  max-width: 780px;
  width: 100%;
  margin: 5px auto;
}

.faq_a {
  width: 580px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #999999;
  max-width: 780px;
  width: 100%;
  margin: 0 auto 10px;
}

.faq-center.mb10 {
  margin: 0 auto 10px;
  max-width: 580px;
  width: 100%;
}

.faq .clo01,
.faq .clo02 {
  vertical-align: middle;
  margin-bottom: 1px;
  padding: 3px 0px 3px 20px;
}

.clo01 {
  background: #FFFAF0;
}

.clo02 {
  background: #FAF0E6;
}

@media (max-width: 767px) {
  .faq_q {
    font-size: 14px;
  }
  .faq_a {
    width: 100%;
    font-size: 13px;
  }
}
/* イベント一覧
------------------------------------ */
#eve_title {
  height: 180px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/event/title.jpg) no-repeat;
}

.eve_btn {
  position: relative;
  top: 130px;
  left: 15px;
}

.ev_mds01,
.ev_mds02,
.ev_mds03 {
  color: #FFFFFF;
  margin: 10px auto;
  width: 540px;
  padding: 3px;
}

.ev_mds01 {
  background: #E9967A;
}

.ev_mds02 {
  background: #6B8E23;
}

.ev_mds03 {
  background: #cccc99;
}

.eve_table {
  border-bottom: 1px dotted #CCCCCC;
  margin-bottom: 10px;
}

.eve_title {
  height: 180px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/event/title.jpg) no-repeat;
  background-size: contain;
  background-position: center;
}

@media (max-width: 767px) {
  .eve_title {
    width: 100%;
    background-size: contain;
    height: 105px;
  }
}
/* 演奏会一覧
------------------------------------ */
#eve_title {
  height: 180px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/cons/title.jpg) no-repeat;
}

#eve_title .tt_txt {
  position: relative;
  top: 130px;
  left: 25px;
}

.cons_table {
  border: 1px solid #CCCCCC;
  padding: 5px;
  margin-bottom: 15px;
}

.cons_table td {
  padding: 5px;
}

#shosai_bg {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/cons/shosai_bg.gif) no-repeat;
  height: 100%;
  max-width: 580px;
}
#shosai_bg .tt_table {
  width: 540px;
  margin: 80px auto 20px auto;
}
#shosai_bg .tt_table .pan {
  border: #C7BFB3 1px solid;
  background: #FFFFFF;
  width: 160px;
}
#shosai_bg .tt_table .photo {
  border: #C7BFB3 1px solid;
  background: #FFFFFF;
  width: 160px;
}
#shosai_bg .tt_table .livett {
  color: #663300;
  font-weight: bold;
  font-size: 120%;
}
#shosai_bg .tt_table td {
  padding: 10px;
}

.pan {
  font-size: 80%;
  padding: 0 5px;
  margin: 5px 0;
}

.hyostyle caption {
  padding: 2px;
  border-top: 1px solid #968A7E;
  border-right: 1px solid #5F554C;
  border-bottom: 1px solid #5F554C;
  border-left: 1px solid #968A7E;
  color: #FFFFFF;
  letter-spacing: 0.2em;
  text-align: center;
  background-color: #766C62;
}
.hyostyle th {
  padding: 3px 7px 1px 7px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  font-weight: normal;
  background-color: #C7BFB3;
}
.hyostyle td {
  padding: 4px;
  border-bottom: 1px solid #C7BFB3;
}

@media (max-width: 767px) {
  #shosai_bg {
    background-size: contain;
    padding-top: 30px;
  }
  #shosai_bg .tt_table {
    width: 100%;
    margin: 10px auto 20px;
  }
  #shosai_bg .tt_table td {
    padding: 10px;
  }
  #shosai_bg .tt_table .pan {
    width: 50%;
    vertical-align: middle;
  }
  #shosai_bg .tt_table .photo {
    width: 50%;
    vertical-align: middle;
  }
  table.hyostyle th {
    width: 25%;
  }
}
.mkr_bg {
  background: url(https://inst.itembox.cloud/item/future2/public_html/common/images/yoto/mkr/bg.gif) repeat-y;
  width: 580px;
}
.mkr_bg table {
  margin: 10px 20px;
}
.mkr_bg table td {
  border-bottom: 1px dotted #999999;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 170px);
}
.mkr_bg table .brand {
  color: #c59d46;
  text-align: center;
  line-height: 120%;
  width: 170px !important;
}

@media (max-width: 767px) {
  .mkr_bg {
    width: 100%;
  }
  .mkr_bg table {
    margin: 0;
  }
  .mkr_bg table td {
    width: calc(100% - 160px) !important;
  }
  .mkr_bg table td.brand {
    width: 150px !important;
  }
}
.technical-rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
}

.technical-rank-icon {
  color: #fff;
  font-size: 12px;
  background-color: #32dc84;
  position: relative;
  padding: 5px 10px;
  padding-right: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.technical-rank-icon::before {
  content: "・・・";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: -25px;
  height: 13px;
  width: 20px;
  color: #000;
}
.technical-rank-icon::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-right: 10px solid #fff;
}
.technical-rank-icon.beginner {
  background-color: #35abf9;
}
.technical-rank-icon.intermediate {
  background-color: #e59913;
}
.technical-rank-icon.advanced {
  background-color: #fd0000;
}

.technical-rank-text {
  margin: 0;
  width: calc(100% - 100px);
}

.rank_tbl {
  border-bottom: #999999 1px solid;
  border-left: #999999 1px solid;
  border-right: #999999 1px solid;
  width: 100%;
  margin-left: 1px;
}
.rank_tbl td {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rank_tbl td.inst-title {
  padding-left: 10px;
  background-color: #e7c799;
  color: #662b00;
  font-size: 120%;
  font-weight: bold;
  border: #999999 solid 1px;
}
.rank_tbl td.line_a {
  border-right: #999999 dotted 1px;
  border-bottom: #999999 dotted 1px;
  vertical-align: middle;
  width: 129px;
  font-weight: bold;
}
.rank_tbl td.line_b {
  background: #ffffe6;
  border-right: #999999 dotted 1px;
  border-bottom: #999999 dotted 1px;
  width: 150px;
}
.rank_tbl td.line_c {
  background: #fffbc9;
  border-right: #999999 dotted 1px;
  border-bottom: #999999 dotted 1px;
  width: 151px;
}
.rank_tbl td.line_d {
  background: #fff1a5;
  border-right: #999999 dotted 1px;
  border-bottom: #999999 dotted 1px;
  width: 149px;
}
.rank_tbl .price {
  font-size: 100%;
  font-weight: bold;
  color: #990000;
}

.imgC {
  display: block !important;
  margin-left: auto;
  margin-right: auto;
}

/* ▲ここまでフューチャー様管理部分▲
------------------------------------ */
/* 共通
------------------------------------ */
.spc3 {
  margin-top: 3px;
}

.spc6 {
  margin-top: 6px;
}

.spc10 {
  margin-top: 10px;
}

.spc15 {
  margin-top: 15px;
}

.spc30 {
  margin-top: 30px;
}

.tb10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.b10 {
  padding-bottom: 10px;
}

.r10 {
  margin-right: 10px;
}

.mb5 {
  margin-bottom: 5px;
}

.imgR02 {
  float: right;
  margin: 10px 0 10px 25px;
}

table td {
  vertical-align: top;
}

.j14 {
  font-size: 14px;
}

.ev_midashi {
  font-size: 130%;
  font-weight: bold;
  color: rgb(0, 0, 0);
  line-height: 140%;
  margin-bottom: 10px;
}

/*　商品一覧表示または商品グループ表示時に
１商品ごとに下線を引く　*/
.gl_Item {
  border-bottom: 1px solid #663333;
  /*#663333はこげ茶です。*/
  border-width: 80%;
}

/*　商品詳細表示時は下線を出さない　*/
.FS2_body_Goods_GoodsDetail .gl_Item {
  border-bottom: none;
}

/* 商品画像に枠 */
.thumbnail {
  border: 1px;
  /* 枠の太さ */
  border-color: #EBEBEB;
  /* 枠の色 */
}

/* ----- FS2商品詳細内容 ----- */
#list-data {
  width: 380px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
}

/* キャッチコピー */
#list-data h2 {
  padding-left: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #953a37;
  border-left: 3px #953a37 solid;
  background-color: #FFF0F0;
  padding-bottom: 2px;
  padding-top: 2px;
}

/* 選定品回りこみ */
.selection_float {
  float: left;
  margin-right: 0.5em;
}

.selection_floatclear {
  clear: both;
}

/* 選定者 */
#list-data table.selector {
  background: #eeeeee;
  margin: 0;
}

#list-data p {
  padding: 5px;
  font-size: 12px;
}

#list-data table.selector th {
  width: 80px;
  background: #9e3a39 url("../image/celback_red.gif") repeat-x left top;
  font-weight: normal;
  color: #fff;
  padding-left: 10px;
  font-size: 12px;
}

#list-data table.selector td {
  width: 240px;
  font-size: 12px;
}

#list-data table.selector td.info {
  width: 370px;
  padding: 10px 5px;
  text-align: center;
}

#list-data table.selector td.info p {
  text-align: left;
}

/* 注釈 */
span.info {
  color: #a40000;
}

#list-reeddata {
  width: 380px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 0px;
  padding-left: 2px;
}

/* キャッチコピー */
#list-reeddata h2 {
  padding-left: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #953a37;
  border-left: 3px #953a37 solid;
  background-color: #FFF0F0;
  padding-bottom: 2px;
  padding-top: 2px;
}

#list-reeddata p {
  font-size: 12px;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 1px;
  padding-left: 3px;
  margin: 0px;
}

/* 永江楽器編集　カテゴリー メーカー説明汎用 */
.contents_layout .maker dd.other {
  height: 120px;
  font-size: 12px;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .contents_layout .maker dd.other {
    height: 100%;
    margin: 0;
    font-size: 12px;
  }
}
/* 永江楽器編集　カテゴリー メーカー説明サックス汎用 */
.contents_layout .maker dd.othersax {
  height: 160px;
  font-size: 12px;
  font-size: 14px;
}

@media (max-width: 767px) {
  .contents_layout .maker dd.othersax {
    font-size: 12px;
  }
}
/* 永江楽器編集　カテゴリー 下部説明　関連商品へのリンク */
.contents_layout .footColumn .relation_nagae {
  background: #FDFBE6;
  border: 1px solid #ABABAB;
  padding: 10px 15px 15px;
  font-size: 13px;
}

.contents_layout .footColumn .relation_nagae h4 {
  color: #753535;
  margin-bottom: 5px;
  font-size: 14px;
}

.contents_layout .footColumn .relation_nagae a {
  color: #000;
  text-decoration: none;
}

.contents_layout .footColumn .relation_nagae a:visited {
  color: #000;
  text-decoration: none;
}

.contents_layout .footColumn .relation_nagae a:hover {
  color: #555;
  text-decoration: underline;
}

.contents_layout .footColumn .relation_nagae a:active {
  color: #555;
  text-decoration: underline;
}

/* ↑↑永江楽器編集　カテゴリー 下部説明　関連商品へのリンク 終了↑↑*/
/* ↓↓永江楽器編集 中古楽器　ssg css　開始↓↓
---------------------------------------------- */
#used-container {
  width: 620px;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

#used-container img {
  border: 1;
}

@media (max-width: 767px) {
  #used-container {
    width: 100%;
  }
}
/* ----- タイトル -----*/
#title {
  width: 620px;
  height: 44px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/used/title.gif) no-repeat left top;
  text-align: center;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 15px;
  margin-left: 0;
}

#title h1 {
  font-size: 16px;
  color: #501708;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* IE6 hack :位置調整*/
* html #title h1 {
  margin: 13px 0 0;
  padding: 0;
}

@media (max-width: 767px) {
  #title {
    background: none;
    width: 100%;
    height: auto;
  }
}
/* ----- FS2商品詳細内容 ----- */
#used-cart-data {
  width: 320px;
}

#new-cart-data {
  width: 350px;
}

/* キャッチコピー */
#used-cart-data h2 {
  padding-left: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #CC0033;
  border-left: 3px #953a37 solid;
}

#used-cart-data h3 {
  padding-left: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #CC0033;
  border-bottom-width: thin;
  border-left-width: 4px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #990000;
  border-left-color: #990000;
  padding: 2px;
  margin-bottom: 5px;
}

#new-cart-data h2 {
  padding-left: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #CC0033;
  border-left: 3px #953a37 solid;
}

#new-cart-data h3 {
  padding-left: 5px;
  font-size: 12px;
  font-weight: bold;
  color: #CC0033;
  border-bottom-width: thin;
  border-left-width: 4px;
  border-bottom-style: solid;
  border-left-style: solid;
  border-bottom-color: #990000;
  border-left-color: #990000;
  padding: 2px;
  margin-bottom: 5px;
}

/* 仕様 */
#used-cart-data table.spec {
  margin: 0 0 5px;
  background: #ece5de;
}

#used-cart-data table.spec th {
  width: 70px;
  background: #9e3a39 url("../image/celback_red.gif") repeat-x left top;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

#used-cart-data table.spec td {
  width: 220px;
}

#new-cart-data table.spec {
  margin: 0 0 5px;
  background: #ece5de;
}

#new-cart-data table.spec th {
  width: 70px;
  background: #9e3a39 url("../image/celback_red.gif") repeat-x left top;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

#new-cart-data table.spec td {
  width: 250px;
}

/* 付属品 */
#used-cart-data table.accessories {
  margin: 0 0 5px;
  background: #eeeeee;
}

#used-cart-data table.accessories th {
  width: 70px;
  background: #1461a1 url("../image/celback_blue.gif") repeat-x left top;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

#used-cart-data table.accessories td {
  width: 220px;
}

#used-cart-data table.accessories td.info p {
  text-align: left;
}

#new-cart-data table.accessories {
  margin: 0 0 5px;
  background: #eeeeee;
}

#new-cart-data table.accessories th {
  width: 70px;
  background: #1461a1 url("../image/celback_blue.gif") repeat-x left top;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

#new-cart-data table.accessories td {
  width: 250px;
}

#new-cart-data table.accessories td.info p {
  text-align: left;
}

/* 強調*/
#new-cart-data .strong_red {
  color: #990033;
}

/* 画像回り込み */
.mawari {
  float: left;
  margin-right: 3px;
  margin-bottom: 3px;
}

/*↑↑永江楽器編集 中古楽器　ssg css　終了↑↑
---------------------------------------------- */
/*　↓TOSCA CSS開始↓↓↓
---------------------------------------------- */
#container {
  width: 610px;
  margin: 5 auto;
  font-size: 12px;
  line-height: 1.5;
}

#container img {
  border: 0;
}

/* 注釈 */
span.tosca_info {
  color: #a40000;
}

/* IE6 hack :位置調整*/
* html #title h1 {
  margin: 13px 0 0;
  padding: 0;
}

/* ----- メニュー -----*/
ul.tosca_menu {
  margin: 15px 0;
  padding: 0;
}

ul.tosca_menu li {
  display: inline;
  padding: 2px 10px 2px 18px;
}

ul.tosca_menu li.red {
  background: url("https://inst.itembox.cloud/item/future2/public_html/img_nagae/tosca/image/arrow_red.gif") no-repeat left top;
}

ul.tosca_menu li.green {
  background: url("https://inst.itembox.cloud/item/future2/public_html/img_nagae/tosca/image/arrow_green.gif") no-repeat left top;
}

/* ----- 購入特典 -----*/
dl#benefits {
  width: 610px;
  margin: 0 0 35px;
  background: #6f524c;
}

dl#benefits dd {
  margin: 0;
  padding: 0 20px 15px;
  color: #fff;
}

/* ----- 選定者 -----*/
#tosca_selector {
  width: 610px;
  margin: 0 0 15px;
}

#tosca_selector table {
  margin: 0 0 10px;
  border-bottom: 1px #9b8a86 solid;
}

#tosca_selector table th {
  padding: 5px 10px;
  background: url("../image/selector_back.gif") repeat-x left bottom;
  text-align: left;
  font-size: 14px;
  color: #523328;
}

#tosca_selector table td {
  vertical-align: top;
}

#tosca_selector table td p {
  margin: 0;
  padding: 5px 7px;
}

/* ----- トスカグリーンライン -----*/
#tosca_tosca-gl {
  width: 610px;
  margin: 0 0 15px;
}

#tosca_gl p {
  padding: 0 20px;
}

#tosca_gl table {
  margin: 0 auto 15px;
  background: #efefef;
}

#tosca_gl table td {
  width: 150px;
  padding: 15px 0;
  text-align: center;
  vertical-align: top;
  background: #efefef;
}

#tosca_gl table td p {
  margin: 0 auto;
  padding: 5px;
  text-align: left;
}

/* ----- FS2商品詳細内容 ----- */
#cart-data {
  width: 370px;
}

/*　商品詳細ページでキャッチコピーを改行・文字色・サイズ変更　*/
.FS2_body_Goods_GoodsDetail .itemCatchCopy {
  font-size: 12px;
  /* フォントサイズ */
  color: #FF6600;
  /* フォント色 */
  display: block;
  /* キャッチコピーを改行 */
}

.FS2_body_Goods_GoodsGroupList_0 .itemCatchCopy {
  font-size: 12px;
  /* フォントサイズ */
  color: #FF6600;
  /* フォント色 */
  display: block;
  /* キャッチコピーを改行 */
}

.FS2_body_Goods_GoodsGroupList_1 .itemCatchCopy {
  font-size: 12px;
  /* フォントサイズ */
  color: #FF6600;
  /* フォント色 */
  display: block;
  /* キャッチコピーを改行 */
}

.FS2_body_Goods_GoodsGroupList_2 .itemCatchCopy {
  font-size: 12px;
  /* フォントサイズ */
  color: #FF6600;
  /* フォント色 */
  display: block;
  /* キャッチコピーを改行 */
}

.FS2_body_Goods_GoodsGroupList_3 .itemCatchCopy {
  font-size: 12px;
  /* フォントサイズ */
  color: #FF6600;
  /* フォント色 */
  display: block;
  /* キャッチコピーを改行 */
}

.itemCatchCopy {
  font-size: 12px;
  /* フォントサイズ */
  color: #FF6600;
  /* フォント色 */
  display: block;
  /* キャッチコピーを改行 */
}

/* 選定*/
#cart-data table.selector {
  margin: 0 0 5px;
}

#cart-data table.selector th {
  width: 60px;
}

#cart-data table.selector td {
  width: 300px;
}

/* 仕様 */
#cart-data table.spec {
  margin: 0 0 5px;
  background: #ece5de;
}

#cart-data table.spec th {
  width: 80px;
  background: #9e3a39 url("../image/celback_red.gif") repeat-x left top;
  font-weight: normal;
  color: #fff;
}

#cart-data table.spec td {
  width: 270px;
}

/* 付属品 */
#cart-data table.accessories {
  margin: 0 0 5px;
  background: #eeeeee;
}

#cart-data table.accessories th {
  width: 80px;
  background: #1461a1 url("../image/celback_blue.gif") repeat-x left top;
  font-weight: normal;
  color: #fff;
}

#cart-data table.accessories td {
  width: 270px;
}

#cart-data table.accessories td.info {
  width: 370px;
  padding: 10px 5px;
  text-align: center;
}

#cart-data table.accessories td.info p {
  text-align: left;
}

/* グリーンライン */
#tosca_gl {
  color: #0a6033;
}

/* clear hack */
#tosca_gl {
  zoom: 1;
}

#tosca_gl:after {
  content: " ";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* */
#tosca_gl img {
  margin: 10px;
}

#tosca_gl dl {
  width: 350px;
  padding: 10px;
  background: #efefef;
}

#tosca_gl dt {
  font-weight: bold;
}

@media (max-width: 767px) {
  #tosca_gl dl {
    width: 100%;
  }
}
/*　↑TOSCA CSS終了↑
---------------------------------------------- */
/*　ポイント　*/
/*　カートに入れた時の送料文字色、サイズを調整　*/
.cartInfor {
  color: #CC0000;
  font-size: 14px;
  line-height: 120%;
  font-weight: bold;
}

/*　通信欄の調節　　*/
.FS2_table textarea#communication {
  font-size: 100%;
  line-height: 130%;
}

/*　PC送料についてを非表示　*/
.FS2_Config_Postage {
  display: none;
}

/*　サービス品　*/
.waku_pink1 {
  background-color: #FEF4F2;
  border: 2px solid #E39897;
  font-size: 12px;
  line-height: 140%;
  margin-bottom: 10px;
  margin-right: 7px;
  margin-top: 10px;
  padding: 10px;
}

.red12b {
  color: #CC0000 !important;
  font-size: 13px !important;
  font-weight: bold;
  line-height: 120%;
}

.FS2_body_Goods_GoodsGroupList_0 .pager {
  display: none;
}

.FS2_PayWithAmazonWidget_area > div {
  display: block;
  width: auto;
}

.FS2_PayWithAmazonWidget_area .FS2_AmazonAddressbookWidget_area {
  padding-right: 0;
}

.FS2_PayWithAmazonWidget_area .FS2_AmazonWalletWidget_area {
  padding-left: 0;
  margin-top: 30px;
}

.FS2_FixedContainer,
.FS2_TotalPreview_area {
  position: static !important;
}

.FS2_CheckoutInformation_block {
  margin-right: 0;
}

.FS2_TotalPreview_area {
  width: auto;
}

/*　カイルベルトポイントキャンペーン　*/
.text-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-size: 580px 150px;
  width: 580px;
  height: 150px;
  text-align: center;
}
@media (max-width: 767px) {
  .text-image {
    width: 100% !important;
    height: auto !important;
  }
}

.text-image p {
  margin: auto;
  font-size: 120%;
  line-height: 150%;
  color: #000000;
}

/* ポイントについて */
.point-text {
  width: 580px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  line-height: 1.7em;
  color: #000;
}

.point-title {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  border-bottom: double 5px #4682b4;
}
.point-title p {
  text-align: justify;
}

.point-title span {
  font-size: 130%;
  font-weight: bold;
}

.point-text h1 {
  font-size: 110%;
  font-weight: bold;
}

.point-1 p {
  text-align: center;
  margin: 0;
}

.point-1 {
  padding: 1.2em 0.8em;
  margin: 2em 0;
  color: #000;
  /*文字色*/
  background: #FFF;
  border: solid 4px #dcdcdc;
  /*線*/
  border-radius: 25px;
  /*角の丸み*/
  float: left;
  width: 42%;
  width: 47%;
  height: 400px;
  height: 430px;
}

.point-2 p {
  text-align: center;
  margin: 0;
}

.point-2 {
  padding: 1.2em 0.8em;
  margin: 2em 0;
  color: #000;
  /*文字色*/
  background: #FFF;
  border: solid 4px #b0c4de;
  /*線*/
  border-radius: 25px;
  /*角の丸み*/
  float: right;
  width: 42%;
  width: 47%;
  height: 400px;
  height: 430px;
}

.point-3 p {
  text-align: center;
  margin: 0;
}

.point-3 {
  padding: 1.2em 0.8em;
  margin: 2em 0;
  color: #000;
  /*文字色*/
  background: #FFF;
  border: solid 4px #b0c4de;
  /*線*/
  border-radius: 25px;
  /*角の丸み*/
  float: left;
  width: 42%;
  width: 47%;
  height: 400px;
  height: 430px;
}

.point-4 p {
  text-align: center;
  margin: 0;
}

.point-4 {
  padding: 1.2em 0.8em;
  margin: 2em 0;
  color: #000;
  /*文字色*/
  background: #FFF;
  border: solid 4px #dcdcdc;
  /*線*/
  border-radius: 25px;
  /*角の丸み*/
  float: right;
  width: 42%;
  width: 47%;
  height: 400px;
  height: 430px;
}

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

.setsumei {
  text-align: center;
}

@media (max-width: 767px) {
  .point-1, .point-2, .point-3, .point-4 {
    float: none;
    width: 90%;
    margin: 2em auto;
    height: auto;
  }
  .point-1 h1, .point-2 h1, .point-3 h1, .point-4 h1 {
    text-align: center;
    padding: 0;
    margin: 0 0 10px 0;
  }
  .kaiin-setsumei {
    text-align: center;
    line-height: 1.7;
  }
}
/* レビューキャンペーン用 */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.setsumei {
  text-align: center;
}

.review-box5 {
  padding: 1em;
  margin: 2em;
  border-top: solid 5px #628f15;
  /*線*/
  border-bottom: solid 5px #628f15;
  /*線*/
}

.review-box5 p {
  margin: 0;
  padding: 0.5em 0;
  font-size: 1.3em;
  text-align: center;
}

.review-box6 {
  font-size: 1.1em;
  line-height: 2em;
  margin: 1.1em;
}

.review-box6 p {
  margin: 1.3em 0;
}

.review-box6 span {
  font-weight: bold;
  font-size: 100%;
  -webkit-animation: blinkAnime 1.2s infinite alternate;
          animation: blinkAnime 1.2s infinite alternate;
}

@-webkit-keyframes blinkAnime {
  0% {
    color: #000000;
  }
  100% {
    color: rgba(255, 255, 255, 0.1);
  }
}

@keyframes blinkAnime {
  0% {
    color: #000000;
  }
  100% {
    color: rgba(255, 255, 255, 0.1);
  }
}
/* レビューキャンペーンフローチャート */
.flow_design10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flow10 {
  padding-left: 0;
}

.flow10 > li {
  list-style-type: none;
  border: 2px solid #628f15;
  padding: 20px;
  border-radius: 20px;
}

.flow10 > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.flow10 > li:not(:last-child)::after {
  content: "";
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #3a3a3a;
}

.flow10 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.flow10 > li .icon10 {
  color: #3a3a3a;
  margin-right: 0.5em;
  font-size: 1.4em;
}

.flow10 > li dl dd {
  margin: 0;
}

/* レビューキャンペーン注意事項 */
.review-caution {
  background: #fff;
  /*背景色*/
  padding: 10px;
  font-size: 1.1em;
  line-height: 2em;
}

.review-caution li {
  margin-bottom: 15px;
  list-style: square;
}

.review-caution li:last-child {
  margin-bottom: 15px;
  /*一番最後のliだけ下の余白をなしに*/
}

/* レビューキャンペーン対象機種一覧 */
.review_model {
  font-size: 1.1em;
  line-height: 2em;
  margin: 2.5em 0;
}

.review_model span {
  font-size: 1.3em;
}

/* 採用ページ */
.rec-description {
  font-size: 1.1em;
  line-height: 2em;
  margin: 2.5em 0;
}

.rec-description p {
  margin: 1.2em 0px;
  /* 上下に1em・左右に0px */
}

/* 採用ページテーブル */
.rec-tab {
  font-size: 1.1em;
  line-height: 2em;
  margin: 0.5em 1em 3em 1em;
}

#rec-table {
  width: 100%;
}

#rec-table tr {
  border-bottom: 1px solid #b5b1b1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#rec-table th,
#rec-table td {
  padding: 24px 0;
  border: none;
}

#rec-table th {
  width: 30%;
  text-align: left;
  vertical-align: middle;
}

#rec-table td {
  width: 70%;
}

/* sp */
@media only screen and (max-width: 767px) {
  #rec-table tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #rec-table th,
  #rec-table td {
    width: 100%;
    display: block;
  }
  #rec-table th {
    width: 100%;
  }
  #rec-table td {
    padding-top: 0;
  }
}
/* お問合せボタン */
a.rec-btn {
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 200px;
  margin: auto;
  padding: 1rem 4rem;
  padding: 1rem 0rem;
  font-weight: bold;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(5, 130, 174)), to(#27acd9));
  background: linear-gradient(to top, rgb(5, 130, 174), #27acd9);
  color: #fff !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

a.rec-btn:hover {
  color: #fff;
  opacity: 0.5;
}

/* 2024営業日矢印 */
.triangle2024 {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-top: 30px solid #b8617a;
  border-bottom: 0;
  margin-bottom: 1.2em;
}

/* 2024営業日ボックス */
.information2024-box5 {
  padding: 1.5em;
  /*内側余白*/
  border: dashed 1px #fff;
  /*線の種類・太さ・色*/
  margin: 3em 0.5em;
}

.information2024-box5 p {
  margin: 0;
  padding: 0.5em 0;
  font-size: 1.5em;
  text-align: center;
  font-weight: bold;
}

.information2024-box5 span {
  font-size: 1.2em;
  border: 1px solid #666666;
  margin: 0 0.5em;
}

/* カイル試奏会 */
.keir-catchcopy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.5em auto;
}

.keir-catchcopy p {
  color: #000;
  font-size: 2em;
  font-weight: bold;
  letter-spacing: 0.07em;
  margin: 0;
  font-family: serif;
  /* ここからアニメーション関係 */
  opacity: 0;
  -webkit-animation: textanimation 1s forwards;
          animation: textanimation 1s forwards;
}

/* 1文字目 */
.keir-catchcopy p:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

/* 2文字目 */
.keir-catchcopy p:nth-child(2) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

/* 3文字目 */
.keir-catchcopy p:nth-child(3) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

/* 4文字目 */
.keir-catchcopy p:nth-child(4) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

/* 5文字目 */
.keir-catchcopy p:nth-child(5) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

/* 6文字目 */
.keir-catchcopy p:nth-child(6) {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

/* 7文字目 */
.keir-catchcopy p:nth-child(7) {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}

/* 8文字目 */
.keir-catchcopy p:nth-child(8) {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}

/* 9文字目 */
.keir-catchcopy p:nth-child(9) {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}

/* 10文字目 */
.keir-catchcopy p:nth-child(10) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}

/* 11文字目 */
.keir-catchcopy p:nth-child(11) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}

/* 12文字目 */
.keir-catchcopy p:nth-child(12) {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}

/* 13文字目 */
.keir-catchcopy p:nth-child(13) {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}

/* 14文字目 */
.keir-catchcopy p:nth-child(14) {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}

/* 15文字目 */
.keir-catchcopy p:nth-child(15) {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

/* 16文字目 */
.keir-catchcopy p:nth-child(16) {
  -webkit-animation-delay: 3.2s;
          animation-delay: 3.2s;
}

@-webkit-keyframes textanimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes textanimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.keir-box {
  margin: 5em 0.5em;
  background-image: url("https://c09.future-shop.jp/shop/item/inst/design/img01/22913664.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.keir-box-base {
  margin: 2em auto;
  font-size: 1.2em;
  line-height: 1.5em;
}

/* カイル試奏会タイトル */
.keir-sisou-title {
  position: relative;
}

.keir-sisou-title p {
  position: absolute;
  /*重ねたい子要素にabsolute*/
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  /*ベンダープレフィックス*/
  -webkit-transform: translate(-50%, -50%);
  /*ベンダープレフィックス*/
  transform: translate(-50%, -50%);
  /*センター寄せの修正*/
  color: #fff;
  font-size: 2em;
  font-family: serif;
  line-height: 2.5em;
  margin: 0 !important;
  /*文字がずれている場合や*/
  padding: 0 !important;
  /*文字が折り返される場合*/
}

.keir-sisou-title img {
  width: 100%;
}

/*カイル試奏会用ボタン*/
.keir-button-1 {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.keir-button-1:before {
  content: "";
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

/*カイル機種見出し*/
.keir-model {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  font-size: 1.8em;
  font-family: serif;
  background: #000;
  color: #fff;
}

.keir-model span {
  font-size: 0.75em;
  color: #fff;
}

.keir-model:before {
  content: "●";
  margin-right: 0.5em;
  color: #fff;
}

/*カイル試奏会用ボタン*/
.keir-button-2 {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.keir-button-2:before {
  content: "";
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 767px) {
  .keir-model {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    font-size: 1.2em;
    font-family: serif;
    background: #000;
    color: #fff;
    margin-bottom: 0;
  }
  .keir-model span {
    font-size: 0.6em;
  }
  .keir-sisou-title p {
    margin: 0;
    font-size: 1.3em;
    line-height: 1.8em;
  }
}
/* バルディル動画 */
.youtube-bal iframe {
  width: 100%;
  aspect-ratio: 16/9;
  margin-bottom: 1.5em;
  margin-top: 0;
}

/* 2024ビュッフェクーポン */
.coupon-box1 {
  margin: 2em 0;
  background: #fbe7e7;
  width: 95%;
}

.coupon-box1 .box-title {
  font-size: 1.8em;
  background: #e49495;
  padding: 6px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-family: serif;
}

.coupon-box1 p {
  padding: 15px 20px;
  margin: 0;
  font-size: 1.5em;
  text-align: center;
  font-family: serif;
}

.coupon-box6 {
  font-size: 1.1em;
  line-height: 2em;
  margin: 1em;
}

.coupon-box6 p {
  line-height: 2em;
  margin: 1.5em 0;
}

/* ビュッフェクーポン注意事項 */
.coupon-caution {
  background: #fff;
  /*背景色*/
  padding: 5px;
  font-size: 1.1em;
  line-height: 2em;
}

.coupon-caution li {
  margin-bottom: 15px;
  list-style: square;
}

.coupon-caution li:last-child {
  margin-bottom: 15px;
  /*一番最後のliだけ下の余白をなしに*/
}

/*機種別で探す*/
.coupon-model {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  font-size: 1.5em;
  font-family: serif;
  background: #6C0B04;
  color: #fff;
}

.coupon-model:before {
  content: "●";
  margin-right: 0.5em;
  color: #fff;
}

/* ビュッフェクーポンアイコン用*/
.buffet_coupon_icon img {
  width: 100px;
}

.buffet_coupon_icon {
  animation: floating-y 1s ease-in-out infinite alternate-reverse;
}

@-webkit-keyframes floating-y {
  0% {
    -webkit-transform: translateY(-4%);
            transform: translateY(-4%);
  }
  100% {
    -webkit-transform: translateY(4%);
            transform: translateY(4%);
  }
}

@keyframes floating-y {
  0% {
    -webkit-transform: translateY(-4%);
            transform: translateY(-4%);
  }
  100% {
    -webkit-transform: translateY(4%);
            transform: translateY(4%);
  }
}
/* ビュッフェクーポン対象機種*/
.buffet_coupon_icon-2 img {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.8em;
}

.buffet_coupon_icon-2 {
  animation: floating-y 1s ease-in-out infinite alternate-reverse;
}

@keyframes floating-y {
  0% {
    -webkit-transform: translateY(-4%);
            transform: translateY(-4%);
  }
  100% {
    -webkit-transform: translateY(4%);
            transform: translateY(4%);
  }
}
.buffet_model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2em 1.1em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.buffet_model span {
  font-size: 1.2em;
  font-weight: bold;
}

/*対象ブランドスライダー*/
.buffet-slider-wrap {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 1.5em;
  position: relative;
}

.buffet-slider {
  height: 120px;
  position: relative;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-animation: slide-loop 20s linear infinite;
          animation: slide-loop 20s linear infinite;
}
.buffet-slider:nth-child(2) {
  position: absolute;
  left: 106%;
  top: 0;
}

.buffet-slider div {
  width: 120px;
  height: 120px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@-webkit-keyframes slide-loop {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slide-loop {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
/* 1枚目のスライド */
.buffet-slider div:first-of-type {
  background-image: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/buffet-coupon-logo-bc.png);
  background-size: contain;
}

/* 2枚目のスライド */
.buffet-slider div:nth-of-type(2) {
  background-image: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/buffet-coupon-logo-keil.png);
  background-size: contain;
}

/* 3枚目のスライド */
.buffet-slider div:nth-of-type(3) {
  background-image: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/buffet-coupon-logo-be.png);
  background-size: contain;
}

/* 4枚目のスライド */
.buffet-slider div:nth-of-type(4) {
  background-image: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/buffet-coupon-logo-cr.png);
  background-size: contain;
}

/*5枚目のスライド */
.buffet-slider div:nth-of-type(5) {
  background-image: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/buffet-coupon-logo-han.png);
  background-size: contain;
}

/* カテゴリで探す */
.buffet-cat-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 7px 0;
}

.buffet-cat-banner li {
  width: 25%;
  /*←画像を横4つ並べる場合*/
  padding: 0 10px;
  /*←画像の左右に5pxの余白を入れる場合*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 260920追記スマホ */

@media (max-width: 767px) {

.buffet-cat-banner li {
  padding: 0 5px;
  /*←画像の左右に5pxの余白を入れる場合*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

}
}

.buffet-cat-banner li img {
  max-width: 100%;
  /*画像のはみだしを防ぐ*/
  height: auto;
  /*画像の縦横比を維持 */
  border: solid 1px #FFF;
  /*←画像を1pxの白の枠線で囲む指定の場合*/
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.buffet-cat-banner li:hover img {
  opacity: 0.6;
}

.buffet-cat-banner p {
  font-size: 0.8em;
  margin-top: 0.8em;
}

.buffet-banner2024 {
  margin-bottom: 1.2em;
}

/* 楽器アウトレット */
.out-midasi-2 {
  padding: 0.5em;
  /*文字周りの余白*/
  color: #000;
  /*文字色*/
  background: #fff;
  /*背景色*/
  font-size: 1.5em;
  margin-bottom: 1em;
  font-family: serif;
  line-height: 1.3em;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.out-box6 {
  font-size: 1.1em;
  line-height: 2em;
  margin: 0 1em 1em 1em;
}

.out-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1em;
}

.out-photo li {
  width: 33.3333333333%;
  /*←画像を横3つ並べる場合*/
  padding: 0 10px;
  /*←画像の左右に5pxの余白を入れる場合*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.out-photo li img {
  max-width: 100%;
  /*画像のはみだしを防ぐ*/
  height: auto;
  /*画像の縦横比を維持 */
}

/* クラリネット試奏会 */
.bc-box-base {
  margin: 2em auto;
  font-size: 1.2em;
  line-height: 1.5em;
}

.bc-model {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  font-size: 1.5em;
  font-family: serif;
  background: #810000;
  color: #fff;
}

.bc-model span {
  font-size: 0.75em;
  color: #fff;
}

.bc-model:before {
  content: "●";
  margin-right: 0.5em;
  color: #fff;
}

.cl-sisou-title {
  position: relative;
}

.cl-sisou-title p {
  position: absolute;
  /*重ねたい子要素にabsolute*/
  width: 100%;
  text-align: center;
  top: 50%;
  left: 50%;
  /*ベンダープレフィックス*/
  -webkit-transform: translate(-50%, -50%);
  /*ベンダープレフィックス*/
  transform: translate(-50%, -50%);
  /*センター寄せの修正*/
  color: #fff;
  font-size: 1.8em;
  font-family: serif;
  line-height: 2.5em;
  margin: 0 !important;
  /*文字がずれている場合や*/
  padding: 0 !important;
  /*文字が折り返される場合*/
  -webkit-animation: shading 3s linear 0s;
          animation: shading 3s linear 0s;
}

@-webkit-keyframes shading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes shading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.cl-sisou-title span {
  font-size: 2.2em;
  color: #fff;
}

.cl-sisou-title img {
  width: 100%;
}

@media (max-width: 767px) {
  .bc-model {
    font-size: 1.2em;
  }
  .bc-model span {
    font-size: 0.6em;
  }
}
/* 横川・松本選定バナー */
.buffet-cl-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1.5em 0;
}

.buffet-cl-banner li {
  width: 50%;
  /*←画像を横2つ並べる場合*/
  padding: 0 3px;
  /*←画像の左右に3pxの余白を入れる場合*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.buffet-cl-banner li img {
  max-width: 100%;
  /*画像のはみだしを防ぐ*/
  height: auto;
  /*画像の縦横比を維持 */
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.buffet-cl-banner li:hover img {
  opacity: 0.6;
}

/* 在庫切れ表示バナー */
.nostk {
  width: 70%;
  /*画像のはみだしを防ぐ*/
  height: auto;
  /*画像の縦横比を維持 */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.nostk img {
  width: 50%;
  /*画像のはみだしを防ぐ*/
  height: auto;
  /*画像の縦横比を維持 */
}

/* レビューキャンペーンフローチャートその2 */
.flow_design11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flow11 {
  padding-left: 0;
}

.flow11 > li {
  list-style-type: none;
  border: 2px solid #11726f;
  padding: 20px;
  border-radius: 20px;
}

.flow11 > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.flow11 > li:not(:last-child)::after {
  content: "";
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #f1cf7c;
}

.flow11 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.flow11 > li .icon11 {
  color: #323232;
  margin-right: 0.5em;
  font-size: 1.4em;
}

.flow11 > li dl dd {
  margin: 0;
}

/* 折り畳みCSS */
.accordion-006 {
  max-width: 100%;
  margin-bottom: 7px;
  background-color: #f2f2f2;
  border-radius: 5px;
  font-size: 1.1em;
}

.accordion-006 summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 1em 2em;
  color: #333333;
  cursor: pointer;
  font-weight: bold;
}

.accordion-006 summary::-webkit-details-marker {
  display: none;
}

.accordion-006 summary::after {
  -webkit-transform: translateY(-25%) rotate(45deg);
          transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #c2c2c2;
  border-right: 3px solid #c2c2c2;
  content: "";
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.accordion-006[open] summary::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

.accordion-006 p {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 0.3em 2em 1.5em;
  color: #333333;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
}

.accordion-006[open] p {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

/* 折り畳みCSS-2 */
.accordion-007 {
  max-width: 100%;
  margin-bottom: 7px;
  background-color: #fff;
  border-radius: 5px;
}

.accordion-007 summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 1em 2em;
  color: #333333;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.2em;
}

.accordion-007 summary::-webkit-details-marker {
  display: none;
}

.accordion-007 summary::after {
  -webkit-transform: translateY(-25%) rotate(45deg);
          transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #c2c2c2;
  border-right: 3px solid #c2c2c2;
  content: "";
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.accordion-007[open] summary::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

.accordion-007 p {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 0.3em 2em 1.5em;
  color: #FFF;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  font-size: 1em;
}

.accordion-007[open] p {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

/* サックスレビューキャンペーン */
.review-box-keir {
  padding: 1em;
  margin: 2em;
  border-top: solid 5px #9b3741;
  /*線*/
  border-bottom: solid 5px #9b3741;
  /*線*/
}

.review-box-keir p {
  margin: 0;
  padding: 0.5em 0;
  font-size: 1.3em;
  text-align: center;
}

/* 画像付きフロー */
.flow_design12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flow12 {
  padding-left: 0;
}

.flow12 > li {
  list-style-type: none;
  border: 2px solid #9b3741;
  padding: 20px;
  border-radius: 20px;
}

.flow12 > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.flow12 > li:not(:last-child)::after {
  content: "";
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #454545;
}

.flow12 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.flow12 > li .icon12 {
  color: #323232;
  margin-right: 0.5em;
  font-size: 1.4em;
}

.flow12 > li dl dd {
  margin: 0;
}

/* 折り畳みCSS-3 幅細め複数並べ向き */
.accordion-008 {
  max-width: 100%;
  background-color: #fff;
  border-radius: 5px;
}

.accordion-008:last-child {
  margin-bottom: 1em;
}

.accordion-008 summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 1em 2em;
  color: #000;
  cursor: pointer;
  font-size: 1.1em;
}

.accordion-008 summary::-webkit-details-marker {
  display: none;
}

.accordion-008 summary::after {
  -webkit-transform: translateY(-25%) rotate(45deg);
          transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #c2c2c2;
  border-right: 3px solid #c2c2c2;
  content: "";
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.accordion-008[open] summary::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

.accordion-008 p {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
  margin: 0 0.5em;
  padding: 0.3em 2em 1.5em;
  color: #000;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  font-size: 1em;
  line-height: 1.5em;
}

.accordion-008[open] p {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

/* アイコンふよふよなし */
.buffet_point_icon img {
  width: 80px;
}

/* パウエル特集 色変えて流用可能 sp_powell */
.sp_powell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*横並び*/
  background-color: #006a73;
  background-image: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/fl/sp_powell_back.png);
  /* 背景画像指定 */
  background-size: cover;
  /* 画像のサイズ指定 */
  color: #fff;
  line-height: 1.5em;
  margin-bottom: 2em;
}

.sp_powell .image {
  width: 150px;
  /*画像サイズ指定*/
  margin: 0;
  padding: 0;
}

.sp_powell .image img {
  width: 100%;
  height: auto;
}

.sp_powell .left {
  margin: 0 0 0 12px;
  padding: 0;
}

.sp_powell .title {
  margin: 1em;
  padding: 0;
  font-size: 1em;
  color: #fff45c;
}

.sp_powell .text {
  margin: 1em;
  padding: 0;
  line-height: 1.5em;
  font-size: 14px;
}

.sp_powell .text a {
  color: #fff45c;
}

.sp_powell .catch {
  margin: 1em;
  padding: 0;
  font-size: 2em;
  font-family: serif;
  line-height: 1.7;
}

.sp_powell .button {
  margin: 1em;
  margin-top: 2em;
  padding: 0;
  font-size: 1.2em;
  font-family: serif;
}

.sp_powell .logo-image {
  width: 120px;
  /*画像サイズ指定*/
  margin: auto;
  padding: 0;
}

.sp_powell .logo-image img {
  width: 100%;
  height: auto;
}

.fade-in-text {
  position: relative;
  opacity: 0;
  /* 初めは透明に設定 */
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  /* 下からスライドするために位置を下に設定 */
  -webkit-animation: fadeInFromBottom 2s forwards;
          animation: fadeInFromBottom 2s forwards;
  /* フェードインアニメーションの設定 */
}

@-webkit-keyframes fadeInFromBottom {
  to {
    opacity: 1;
    /* アニメーション終了時に完全に表示 */
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* アニメーション終了時の位置 */
  }
}

@keyframes fadeInFromBottom {
  to {
    opacity: 1;
    /* アニメーション終了時に完全に表示 */
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* アニメーション終了時の位置 */
  }
}
@media (max-width: 767px) {
  .sp_powell .catch {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  .sp_powell .text {
    font-size: 13px;
  }
}
/* パウエル特集 試奏＆来店ボタン */
.raiten-button01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 280px;
  color: #FFF;
  font-size: 120%;
  background-color: #C9A000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.raiten-button01 a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #FFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.raiten-button01 a:hover {
  text-decoration: none;
  background-color: #e3b400;
}

.raiten-button01 a:hover::after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.raiten-button02 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 280px;
  color: #FFF;
  font-size: 120%;
  background-color: #C9A000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 1.5em;
}

.raiten-button02 a::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #FFF;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.raiten-button02 a:hover {
  text-decoration: none;
  background-color: #e3b400;
}

.raiten-button02 a:hover::after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

/* コンテンツ見出し */
.sp_powell_midasi {
  padding: 0.5em 1em;
  margin: 1em 0;
  color: #FFF;
  background: -webkit-gradient(linear, left top, right top, from(#006e7d), to(#00415a));
  background: linear-gradient(to right, #006e7d, #00415a);
  border-radius: 2px;
  font-size: 1.6em;
  text-align: left;
  font-family: serif;
}

@media (max-width: 767px) {
  .sp_powell_midasi {
    font-size: 17px;
  }
}
/* ボックス */
.sp_powell-box {
  color: #000;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  width: 100%;
}

.sp_powell-box img {
  margin: auto;
  display: block;
  width: 90%;
  /*画像サイズ指定*/
}

.sp_powell-box .text {
  margin: 1.5em;
  padding: 0;
  line-height: 1.5em;
  font-size: 14px;
}

.sp_powell-box span {
  font-size: 100%;
  color: #b90000;
  font-weight: bold;
}

@media (max-width: 767px) {
  .sp_powell-box .text {
    font-size: 13px;
  }
}
/* パウエル特集 選定者 */
.sen_powell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*横並び*/
  line-height: 1.5em;
  margin: 1.5em;
}

.sen-image img {
  width: 150px;
  /*画像サイズ指定*/
  height: auto;
  margin: 0;
  padding: 0;
}

.sen_powell .text {
  margin: 1em;
  padding: 0;
  line-height: 1.5em;
  font-family: serif;
}

.sen_powell .text span {
  font-size: 130%;
  font-weight: bold;
  border-bottom: 1px solid #006d7b;
  line-height: 1.5em;
  letter-spacing: 0.2rem;
}

@media (max-width: 767px) {
  .sen_powell {
    margin: 0;
  }
  .sen_powell figure.sen-image {
    margin: 0;
  }
}
/* パウエル特集 スライダー */
/* カルーセルの外枠 */
.powell-carousel {
  width: 580px;
  height: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 子要素を横に並べる */
  overflow: hidden;
  /* はみ出た部分は表示しない */
  margin: 0 auto;
  /* 水平方向中央寄せ */
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
  overflow: hidden;
  aspect-ratio: 580/250;
}

.powell-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 500%;
  /* 画像5枚分 */
  height: 100%;
  -webkit-animation: scrollpowell 20s linear infinite;
          animation: scrollpowell 20s linear infinite;
}

/* カルーセル内の画像 */
.powell-carousel img {
  width: 580px;
  height: 250px;
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* imgタグの改行のすき間を消すため */
}

@-webkit-keyframes scrollpowell {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-80%);
            transform: translateX(-80%);
  }
}

@keyframes scrollpowell {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-80%);
            transform: translateX(-80%);
  }
}
/* スクロールアニメーションのキーフレーム */
@-webkit-keyframes scroll {
  /* 初期位置は1個目の画像が左端 */
  0% {
    margin-left: 0;
  }
  /* 1個分左の位置に進めて2個目の画像を左端にする */
  20% {
    margin-left: -100%;
  }
  /* 少しの間上と同じ位置 */
  25% {
    margin-left: -100%;
  }
  /* 2個分左の位置に進めて3個目の画像を左端にする */
  45% {
    margin-left: -200%;
  }
  /* 少しの間上と同じ位置 */
  50% {
    margin-left: -200%;
  }
  /* 以降は上と同様に繰り返し */
  70% {
    margin-left: -300%;
  }
  75% {
    margin-left: -300%;
  }
  95% {
    margin-left: -400%;
  }
  100% {
    margin-left: -400%;
  }
}
@keyframes scroll {
  /* 初期位置は1個目の画像が左端 */
  0% {
    margin-left: 0;
  }
  /* 1個分左の位置に進めて2個目の画像を左端にする */
  20% {
    margin-left: -100%;
  }
  /* 少しの間上と同じ位置 */
  25% {
    margin-left: -100%;
  }
  /* 2個分左の位置に進めて3個目の画像を左端にする */
  45% {
    margin-left: -200%;
  }
  /* 少しの間上と同じ位置 */
  50% {
    margin-left: -200%;
  }
  /* 以降は上と同様に繰り返し */
  70% {
    margin-left: -300%;
  }
  75% {
    margin-left: -300%;
  }
  95% {
    margin-left: -400%;
  }
  100% {
    margin-left: -400%;
  }
}
/* カルーセルの子要素にスクロールアニメーションを設定 */
.powell-carousel > :first-child {
  -webkit-animation-name: scroll;
          animation-name: scroll;
  /* キーフレーム名 */
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  /* 再生時間全体は20秒 */
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  /* 読込直後から遅延無しで開始 */
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  /* 無限に繰り返す */
}

/* パウエル特集 店舗紹介用ボタン */
.powell-button-narabe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* 子要素を横に並べる */
}

.powell-button {
  margin: 0.5em auto;
  /* 水平方向中央寄せ */
}

.powell-button a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 240px;
  color: #FFF;
  font-size: 120%;
  text-align: center;
  background-color: #C9A000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.powell-button a::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #fff transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.powell-button a:hover {
  text-decoration: none;
  background-color: #e3b400;
}

.powell-button a:hover::after {
  bottom: 8px;
  right: 8px;
}

@media (max-width: 767px) {
  .powell-button-narabe {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .powell-button-narabe .powell-button {
    width: 95%;
  }
  .powell-button-narabe .powell-button a {
    width: 100%;
  }
}
/* タイトル画像 */
.camp-title-photo {
  width: 100%;
  margin-bottom: 1em;
}

/* 202507クーポンキャンペーン */
/* 開催日程 */
.coupon-box202507 {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.5em auto;
  background: #fadc64;
  width: 90%;
}

.coupon-box202507 .box-title {
  font-size: 1.5em;
  background: #cda90c;
  padding: 0.5em 1em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-family: serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.coupon-box202507 p {
  padding: 15px;
  margin: 0;
  font-size: 1.5em;
  text-align: center;
  font-family: serif;
  letter-spacing: 0.05em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* コンテンツ見出し */
.sp_coupon_midasi {
  padding: 0.5em 1em;
  margin: 1em 0;
  color: #FFF;
  background: -webkit-gradient(linear, left top, right top, from(#003274), to(#474877));
  background: linear-gradient(to right, #003274, #474877);
  border-radius: 2px;
  font-size: 1.5em;
  text-align: left;
  font-family: serif;
  font-weight: bold;
}

/* レビューキャンペーンフローチャート */
.flow_design202507 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flow202507 {
  padding-left: 0;
}

.flow202507 > li {
  list-style-type: none;
  border: 2px solid #003274;
  padding: 20px;
  border-radius: 20px;
}

.flow202507 > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.flow202507 > li:not(:last-child)::after {
  content: "";
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #d8ab2e;
}

.flow202507 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.flow202507 > li .icon10 {
  color: #3a3a3a;
  margin-right: 0.5em;
  font-size: 1.4em;
}

.flow202507 > li dl dd {
  margin: 0;
}

.flow202507 img {
  margin: 1em auto;
}

/* ボックス-写真サイズ指定なし */
.sp_powell-box-photosize-null {
  color: #000;
  line-height: 1.5em;
  margin-bottom: 1.5em;
  width: 100%;
}

.sp_powell-box-photosize-null .text {
  margin: 1.5em;
  padding: 0;
  line-height: 1.5em;
}

.sp_powell-box-photosize-null span {
  font-size: 110%;
  font-weight: bold;
}

/* ビュッフェクーポン注意事項 */
ul.coupon-caution-2507 {
  background: #fff;
  /*背景色*/
  padding: 5px;
  font-size: 1em;
  margin: 10px 30px;
}

ul.coupon-caution-2507 li {
  margin-bottom: 1em;
  list-style: square !important;
}

ul.coupon-caution-2507 li:last-child {
  margin-bottom: 1em;
  /*一番最後のliだけ下の余白をなしに*/
}

/* テキストサイズ110% */
p.text110 {
  font-size: 110%;
  margin: 1.5em;
}

/*ゆらゆらアニメーション*/
.yurayura-animation {
  -webkit-animation: yurayura 2s linear infinite;
          animation: yurayura 2s linear infinite;
  scale: 1;
  margin: 1em auto;
}

@-webkit-keyframes yurayura {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes yurayura {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
/* キャンペーンボルドーベース(6e1923) */
/* 見出し */
.sp_red_midasi {
  padding: 0.5em 1em;
  margin: 1em 0;
  color: #FFF;
  background: -webkit-gradient(linear, left top, right top, from(#6e1923), to(#632c2e));
  background: linear-gradient(to right, #6e1923, #632c2e);
  border-radius: 2px;
  font-size: 1.5em;
  text-align: left;
  font-family: serif;
  font-weight: bold;
}

/* フローチャート(ボルドー) */
.flow_design-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1em;
  margin-bottom: 1em;
}

.flow-red {
  padding-left: 0;
}

.flow-red > li {
  list-style-type: none;
  border: 2px solid #6e1923;
  padding: 20px;
  border-radius: 20px;
}

.flow-red > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.flow-red > li:not(:last-child)::after {
  content: "";
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #bd9b16;
}

.flow-red > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.flow-red > li .icon10 {
  color: #3a3a3a;
  margin-right: 0.5em;
  font-size: 1.4em;
}

.flow-red > li dl dd {
  margin: 0;
}

.flow-red img {
  margin: 1em auto;
}

/* 開催日程ボックス(ボルドー) */
.coupon-box-red {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 1.5em auto;
  background: #efdcb5;
  width: 90%;
}

.coupon-box-red .box-title {
  font-size: 1.5em;
  background: #bd9b16;
  padding: 0.5em 1em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-family: serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.coupon-box-red p {
  padding: 15px;
  margin: 0;
  font-size: 1.5em;
  text-align: center;
  font-family: serif;
  letter-spacing: 0.05em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  .coupon-box-red p {
    font-size: 14px;
  }
}
/* キャンペーンオレンジベース(秋:d77d50) */
/* フローチャート オレンジベース */
.flow_design-orange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flow-orange {
  padding-left: 0;
}

.flow-orange > li {
  list-style-type: none;
  border: 2px solid #d77d50;
  padding: 20px;
  border-radius: 20px;
}

.flow-orange > li:not(:last-child) {
  margin-bottom: 40px;
  position: relative;
}

.flow-orange > li:not(:last-child)::after {
  content: "";
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  bottom: -53px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #3a3a3a;
}

.flow-orange > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.flow-orange > li .icon10 {
  color: #3a3a3a;
  margin-right: 0.5em;
  font-size: 1.4em;
}

.flow-orange > li dl dd {
  margin: 0;
}

/* 対象機種一覧 */
.model-orange {
  font-size: 1.1em;
  line-height: 2em;
  margin: 2.5em 1em;
}

.review-orange span {
  font-size: 1.3em;
}

/* 開催日程ボックス(オレンジ) */
.coupon-box-orange {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 2em auto;
  background: #edc4b0;
  width: 90%;
}

.coupon-box-orange .box-title {
  font-size: 1.5em;
  background: #b25629;
  padding: 0.5em 1em;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-family: serif;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.coupon-box-orange p {
  padding: 15px;
  margin: 0;
  font-size: 1.5em;
  text-align: center;
  font-family: serif;
  letter-spacing: 0.05em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* キャンペーン注意事項 */
.caution-2508 {
  background: #fff;
  /*背景色*/
  padding: 10px !important;
  margin: 10px 30px !important;
  font-size: 1em;
  line-height: 1.5em;
}

.caution-2508 li {
  margin-bottom: 1em;
  list-style: square !important;
}

.caution-2508 li:last-child {
  margin-bottom: 1em;
  /*一番最後のliだけ下の余白をなしに*/
}

/* クラリネット調整・試奏会用(ブルーベース)-PC */
/* キャッチタイトルグレー */
.chatch-gray {
  margin: 1em;
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: serif;
  font-size: 1.5em;
}

.chatch-gray span {
  margin-right: 0.8em;
  text-align: center;
  color: #fff;
  background: #1e1e1e;
  font-size: 100%;
  padding: 0.6em;
}

.chatch-gray p {
  text-align: center;
  color: #1e1e1e;
  padding: 0.6em;
  background: #fff;
}

.serif-under {
  margin: 1.5em;
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: serif;
  font-size: 1.5em;
}

.serif-under span {
  font-size: 100%;
  color: #961919;
}

@media (max-width: 767px) {
  .chatch-gray p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
  }
}
/* スライダー */
/* カルーセルの外枠 */
.tyousei-carousel {
  overflow: hidden;
  width: 100%;
}

@media (max-width: 767px) {
  .tyousei-carousel {
    width: 100%;
  }
}
.tyousei-carousel-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: scroll 20s infinite linear;
          animation: scroll 20s infinite linear;
}

/* カルーセル内の画像 */
.tyousei-carousel img {
  width: 100%;
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  /* imgタグの改行のすき間を消すため */
}

/* スクロールアニメーションのキーフレーム */
/* カルーセルの子要素にスクロールアニメーションを設定 */
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  25% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  45% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  50% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  70% {
    -webkit-transform: translateX(-300%);
            transform: translateX(-300%);
  }
  75% {
    -webkit-transform: translateX(-300%);
            transform: translateX(-300%);
  }
  95% {
    -webkit-transform: translateX(-400%);
            transform: translateX(-400%);
  }
  100% {
    -webkit-transform: translateX(-400%);
            transform: translateX(-400%);
  }
}
/* 調整会用 見出しなしテーブル */
.tyouseikai-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1.5em;
  margin-top: 0.5em;
}

.tyouseikai-cell {
  border: 1px solid #dddddd;
  padding: 8px;
  text-align: left;
}

/* 調整会 予約枠案内タイトル */
.tyouseikai-submidasi {
  padding: 0.5em 0.7em;
  border-left: 3px solid #003274;
  color: #000000;
  font-family: serif;
  font-size: 1.1em;
}

/* 予約枠アコーディオン */
.accordion-009 {
  max-width: 100%;
  margin-bottom: 1em;
  background-color: #fff;
  border-radius: 5px;
}

.accordion-009 summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0.8em 1em;
  color: #000;
  cursor: pointer;
  font-size: 1.2em;
  line-height: 1.5em;
  border-bottom: 1px solid #CCCCCC;
  /* ホバー時のスタイル */
}
.accordion-009 summary:hover {
  cursor: pointer;
  background-color: #dcdcdc;
}

.accordion-009 summary::-webkit-details-marker {
  display: none;
}

.accordion-009 summary::after {
  -webkit-transform: translateY(-25%) rotate(45deg);
          transform: translateY(-25%) rotate(45deg);
  width: 10px;
  height: 10px;
  margin-left: 8px;
  border-bottom: 5px solid #555555;
  border-right: 5px solid #555555;
  content: "";
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.accordion-009[open] summary::after {
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
}

.accordion-009 p {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  opacity: 0;
  margin: 1em 0.5em;
  padding: 0.3em 2em 1.5em;
  color: #000;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
  font-size: 1em;
  line-height: 1.5em;
}

.accordion-009[open] p {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
}

.margin-on {
  margin: 1.5em;
}

/* ヤマハお手入れセットサービス-PC */
/* インライン要素をセンター寄せ */
.center-for-inline-block {
  text-align: center;
}

/* 左右に斜線グレー */
.attention-gray {
  position: relative;
  display: inline-block;
  padding: 0 30px;
  font-size: 1.8em;
  line-height: 1.8em;
  margin: 1.5em auto;
  text-align: center;
}

.attention-gray:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: #5a5a5a;
  border-radius: 3px;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}

.attention-gray:after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #5a5a5a;
  border-radius: 3px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}

@media (max-width: 767px) {
  .attention-gray {
    position: relative;
    display: inline-block;
    padding: 0.5em;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 1.5em auto;
    text-align: center;
    width: 90%;
  }
}
/* 見出し グレー、文字センター */
.sp_midasi_gray-center {
  padding: 0.5em 1em;
  margin: 1em 0;
  color: #FFF;
  background: #3c3c3c;
  border-radius: 2px;
  font-size: 1.5em;
  text-align: left;
  font-family: serif;
  font-weight: bold;
  text-align: center;
}

/* ヤマハ対象機種*/
.yamaha_icon img {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.8em;
}

.yamaha_icon {
  animation: floating-y 1s ease-in-out infinite alternate-reverse;
}

@keyframes floating-y {
  0% {
    -webkit-transform: translateY(-4%);
            transform: translateY(-4%);
  }
  100% {
    -webkit-transform: translateY(4%);
            transform: translateY(4%);
  }
}
.yamaha_model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2.5em 1.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.3em;
  line-height: 1.8em;
}

/* ベッソンユーフォ特集 黒 sp_besson-eup */
.sp_besson-eup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*横並び*/
  background-color: #000;
  background-image: url(https://inst.itembox.cloud/item/future2/public_html/img_nagae/eup/sp_besson_back.jpg);
  /* 背景画像指定 */
  background-size: cover;
  /* 画像のサイズ指定 */
  color: #fff;
  line-height: 1.5em;
  padding-bottom: 2em;
}

.sp_besson-eup .image {
  width: 150px;
  /*画像サイズ指定*/
  margin: 0;
  padding: 0;
}

.sp_besson-eup .image img {
  width: 100%;
  height: auto;
}

.sp_besson-eup .left {
  margin: 0 0 0 5px;
  padding: 0;
}

.sp_besson-eup .title {
  margin: 1em;
  padding: 0;
  font-size: 1em;
  color: #f5dc69;
}

.sp_besson-eup .text {
  margin: 1em;
  padding: 0;
  line-height: 1.5em;
}

.sp_besson-eup .text span {
  color: #f5dc69;
  font-size: 100%;
  font-weight: bold;
}

.sp_besson-eup .catch {
  margin: 1em;
  padding: 0;
  font-size: 1.8em;
  font-family: serif;
  line-height: 1.5;
}

.sp_besson-eup .button {
  margin: 1em;
  margin-top: 2em;
  padding: 0;
  font-size: 1.2em;
  font-family: serif;
}

.sp_besson-eup .logo-image {
  width: 120px;
  /*画像サイズ指定*/
  margin: auto;
  padding: 0;
}

.sp_besson-eup .logo-image img {
  width: 100%;
  height: auto;
}

/* 見出し-黒 */
.sp_black_midasi {
  padding: 0.5em 1em;
  margin: 1em 0;
  color: #FFF;
  background: -webkit-gradient(linear, left top, right top, from(#000000), to(#333333));
  background: linear-gradient(to right, #000000, #333333);
  border-radius: 2px;
  font-size: 1.5em;
  text-align: left;
  font-family: serif;
  font-weight: bold;
}

/* ピックアップモデル */
.pick-up-model {
  margin: 2em auto;
}

.pick-up-model p.model-name {
  font-family: serif;
  font-size: 1.8em;
  text-align: center;
  font-weight: bold;
  border-bottom: 1px solid #000;
  padding-bottom: 0.2em;
}

.pick-up-model p.annotation {
  font-family: serif;
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  color: #7d7d7d;
}

.clear-button {
  display: inline-block;
  padding: 0.6em 1em;
  text-decoration: none;
  color: #2d2d2d;
  border: solid 1px #2d2d2d;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  font-size: 1.3em;
  text-decoration: none;
}

.clear-button:link {
  text-decoration: none;
  color: #2d2d2d;
}

.clear-button:visited {
  text-decoration: none;
  color: #2d2d2d;
}

.clear-button:hover {
  background: #2d2d2d;
  color: white !important;
  text-decoration: none !important;
}

.triangle-bounce::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #CCCCCC;
  -webkit-animation: bounce 0.6s infinite alternate;
          animation: bounce 0.6s infinite alternate;
  margin: 2em auto 1em;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
.pick-up-model span.pick-up-tag {
  display: inline-block;
  padding: 0.5em;
  line-height: 1em;
  text-decoration: none;
  color: #000;
  background-color: #fff;
  margin: 0.3em auto;
  margin-right: 0.3em;
  border: 1px solid #2d2d2d;
  border-radius: 2em;
  font-weight: normal;
}

.pick-up-model span.pick-up-tag:before {
  content: "#";
  color: #828282;
  font-size: 1.2em;
}

.pick-up-model img {
  margin: 1em auto;
}

@media (max-width: 767px) {
  .sp_besson-eup .catch {
    font-size: 1.4em;
    line-height: 1.5em;
    margin-bottom: 0.5em;
  }
  .raiten-button01 a {
    width: 250px;
    padding: 0.8em 1em;
  }
  .raiten-button02 a {
    width: 250px;
    padding: 0.8em 1em;
  }
}
/*会社概要*/
h2.pageTitle {
  line-height: 100%;
  font-size: 120%;
  color: #7E766A;
  border: 1px solid #C7BFB3;
  background-color: #F3F1ED;
  padding: 8px 8px 0px 30px;
  margin: 0px 0px 15px 0px;
  letter-spacing: 3px;
  text-align: left;
}

.bdr_top {
  border-top: 1px solid #999999;
}

#company td, #company th, #company caption {
  padding: 5px;
  border-bottom: 1px solid #999999;
}

#company .bdr_dot td {
  border-bottom: #999999 dotted 1px;
}

@media (max-width: 767px) {
  #company .bdr_top {
    width: 100%;
  }
  #company .bdr_top th {
    background-color: transparent;
    width: 20%;
  }
  #company .bdr_top td {
    width: 80%;
  }
  #company .bdr_top td.manufacturer {
    width: 100%;
    display: block;
  }
  #company .bdr_dot {
    width: 100%;
  }
  #company .bdr_dot td:first-child {
    width: 10%;
  }
  #company .bdr_dot td:last-child {
    width: 90%;
  }
  #company .bdr_dot.manufacturer td:first-child {
    width: 50%;
  }
  #company .bdr_dot.manufacturer td:last-child {
    width: 50%;
  }
  #company .address-table {
    width: 100%;
  }
  #company .address-table th {
    background-color: transparent;
    width: 20%;
  }
  #company .address-table td {
    width: 80%;
  }
  #company .address-table td.only {
    width: 100%;
  }
  #company .address-table td iframe {
    width: 100%;
  }
  h2.pageTitle {
    font-size: 140%;
    color: #700004;
    line-height: 170%;
    margin: 0px 0px 20px 0px;
    padding: 5px 10px;
    background-color: #F4E6C3;
    border-top: none;
    border-bottom: none;
    letter-spacing: 0;
  }
}
/*選定者のご紹介*/
.teacher-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  border-bottom: 1px dotted #222;
}
.teacher-box .teacher-img {
  display: table-cell;
  padding-right: 20px;
  padding-bottom: 20px;
  vertical-align: top;
  width: 110px;
}
.teacher-box .teacher-description {
  display: table;
  padding-bottom: 20px;
  width: calc(100% - 130px);
}
.teacher-box .teacher-description p.teacher-name {
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.teacher-box .teacher-description p.teacher-name span {
  margin-left: 10px;
  font-size: 14px;
}
.teacher-box .teacher-description p.teacher-name span.teacher-tag {
  display: inline-block;
  margin-left: 20px;
  padding: 3px 10px;
  background: #9d5b5d;
  color: #fff;
}
.teacher-box .teacher-description p.teacher-text {
  font-size: 14px;
  line-height: 1.7;
  margin-top: 0px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .teacher-box .teacher-img {
    width: 30%;
  }
  .teacher-box .teacher-description {
    width: 67%;
  }
  .teacher-box .teacher-description p.teacher-name span {
    font-size: 12px;
  }
  .teacher-box .teacher-description p.teacher-name span.teacher-tag {
    display: block;
    width: 95%;
    margin: 3px 0;
    padding: 3px 10px;
    background: #9d5b5d;
    color: #fff;
  }
}

/*楽器の修理・調整*/
.userTable_02 {
  width: 100%;
  margin: 0px auto 5px auto;
}
.userTable_02 caption {
  padding: 2px;
  border-top: 1px solid #968A7E;
  border-right: 1px solid #5F554C;
  border-bottom: 1px solid #5F554C;
  border-left: 1px solid #968A7E;
  color: #FFFFFF;
  letter-spacing: 0.2em;
  text-align: center;
  background-color: #766C62;
}
.userTable_02 th {
  background-color: #C7BFB3;
  padding: 3px 7px 1px 7px;
  border-top: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  font-weight: normal;
}
.userTable_02 td {
  padding: 10px;
  border-bottom: 1px solid #C7BFB3;
  background-color: #FFFFFF;
}

/*ご注文方法*/
.no {
  padding: 0;
  margin: 10px 30px;
}
.no li {
  list-style-type: decimal !important;
}

@media (max-width: 767px) {
  .order.waku {
    width: 100% !important;
  }
  .no {
    margin: 0;
    padding-bottom: 15px;
    padding-left: 20px;
  }
}
/*ジャックスWEBローン*/
.orico .orico_title {
  width: 580px;
  max-width: 580px;
  width: 100%;
  height: 200px;
  margin-bottom: 20px;
  margin: 0 auto 20px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/help/orico/title.jpg) no-repeat;
}
.orico .orico_title .txt {
  position: relative;
  top: 170px;
  left: 15px;
  max-width: 560px;
}
.orico .orico-title-mv {
  position: relative;
  padding: 0 40px 20px;
  background-image: url(../img/item/orico-logo.png);
  background-repeat: no-repeat;
  background-size: 122px 52px;
  background-position: top 5px right 30px;
  background-color: #ede6df;
  margin-bottom: 20px;
}
.orico .orico-top-text {
  border-radius: 0 0 8px 8px;
  background-color: #cd5e3c;
  padding: 3px 15px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  margin: 0;
}
.orico .orico-mv-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 45px 0;
}
.orico .orico-mv-left {
  width: 140px;
}
.orico .orico-mv-left {
  color: #fff;
  width: 160px;
  height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #0a8b48;
}
.orico .orico-mv-item {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.orico .orico-mv-right {
  width: calc(100% - 190px);
}
.orico .orico-mv-web {
  font-size: 18px;
  line-height: 1.3;
  margin: 0 0 5px;
}
.orico .orico-mv-title {
  font-weight: bold;
  font-size: 32px;
  color: #cd5e3c;
  margin: 10px 0;
  text-shadow: -2px 0 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, 0 2px 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
.orico .orico-mv-title .color {
  color: #0a8b48;
}
.orico .orico-mv-hp-text {
  line-height: 1.5;
  font-size: 22px;
}
.orico .orico-shortest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 18px;
}
.orico .orico-shortest-text {
  background-color: #cd5e3c;
  border-radius: 15px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-size: 12px;
  padding: 5px 15px;
  margin: 0 auto;
}
.orico .plan-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: rgb(187, 212, 101);
  border-radius: 8px;
  padding: 12px;
}
.orico .plan-list {
  background-color: #fff;
  border-radius: 8px;
  width: 49%;
  position: relative;
  z-index: 1;
  padding: 10px 10px;
}
.orico .plan-list:first-child, .orico .plan-list:nth-child(2) {
  margin-bottom: 1.5%;
}
.orico .plan-list .plan-list-number {
  background-color: #bf0000;
  border-radius: 0 8px 0 100%;
  position: absolute;
  z-index: 0;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 20px;
  font-weight: bold;
  padding-left: 10px;
  padding-bottom: 5px;
  top: 0;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.orico .plan-list table {
  width: 100%;
}
.orico .plan-list table td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orico .plan-list .kakaku div {
  margin-left: 5px;
  padding-top: 3px;
  border-top: 1px dotted rgb(153, 153, 153);
}
.orico .plan-list-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.orico .plan-list-item-number {
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: bold;
  color: #a79250;
}
.orico .plan-list-item-name {
  margin: 0;
  font-size: 15px;
}
.orico .plan-list-item-text {
  width: 50%;
}
.orico .plan-list-item-img {
  width: 50%;
}
.orico .plan {
  width: 100%;
  max-width: 780px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/help/orico/plan_bg.gif) no-repeat;
  background-size: 100% 23%;
  margin: 20px auto;
}
.orico .plan .gyo {
  width: 580px;
  width: 100%;
  max-width: 780px;
}
.orico .plan .part {
  width: 50%;
  height: 165px;
  height: auto;
  float: left;
  margin-top: 9px;
  margin-top: 22px;
  padding-left: 25px;
}
.orico .plan .bunkatu {
  float: left;
}
.orico .plan .kakaku {
  float: left;
}
.orico .plan .kakaku div {
  width: 200px;
  margin-left: 5px;
  padding-top: 3px;
  border-top: 1px dotted rgb(153, 153, 153);
}
.orico .mds {
  font-weight: bold;
  font-size: 125%;
  padding: 5px;
  border-bottom: 2px solid rgb(102, 102, 102);
  margin: 15px 0px;
}
.orico .nagare {
  width: 100%;
}
.orico .nagare td {
  padding: 5px;
  width: calc(100% - 300px);
}
.orico .nagare td.left {
  width: 260px;
  padding: 10px;
  background: rgb(234, 227, 208);
  border-width: 1px;
  border-style: solid;
  border-color: rgb(153, 153, 102);
  -o-border-image: initial;
     border-image: initial;
}
@media (max-width: 767px) {
  .orico .orico-title-mv {
    padding: 0 10px 20px;
  }
  .orico .orico-mv-flex {
    padding: 45px 0 20px;
  }
  .orico .orico-mv-left {
    width: 90px;
    height: 90px;
  }
  .orico .orico-mv-item {
    font-size: 13px;
  }
  .orico .orico-mv-right {
    width: calc(100% - 100px);
  }
  .orico .orico-mv-web {
    font-size: 12px;
  }
  .orico .orico-mv-title {
    font-size: 20px;
  }
  .orico .orico-mv-hp-text {
    font-size: 14px;
  }
  .orico .orico_title {
    width: 100%;
    background-size: 100% auto;
  }
  .orico .orico_title .txt {
    top: 130px;
    padding: 15px;
    left: 0px;
    width: 100%;
  }
  .orico .plan-list {
    width: 100%;
    padding: 10px 10px 0;
  }
  .orico .plan-list:first-child, .orico .plan-list:nth-child(2), .orico .plan-list:nth-child(3) {
    margin-bottom: 3.5%;
  }
  .orico .plan-list .plan-list-number {
    font-size: 16px;
    width: 30px;
    height: 30px;
  }
  .orico .plan-list-item-text {
    width: 55%;
  }
  .orico .plan-list-item-number {
    font-size: 18px;
  }
  .orico .plan-list-item-name {
    font-size: 13px;
  }
  .orico .plan-list-item-img {
    width: 45%;
  }
  .orico .plan {
    background-image: none;
    width: 100%;
  }
  .orico .plan .gyo {
    display: none;
  }
  .orico .nagare {
    width: 100%;
  }
  .orico .nagare td.left {
    width: 100%;
  }
}

/*Amazon Payご利用方法*/
h3.fc {
  font-size: 16px;
  border-bottom: 2px dotted #663300;
  color: #663300;
  margin-bottom: 15px;
  padding: 5px;
}

@media (max-width: 767px) {
  h3.fc {
    display: block;
    background: #F4E6C3;
    margin-top: 30px;
    padding: 8px;
    font-size: 13px;
    color: #700004;
    font-size: 16px;
    border-bottom: 2px dotted #663300;
    color: #663300;
    margin-bottom: 15px;
    padding: 5px;
  }
}
/*入荷情報一覧*/
@media (max-width: 767px) {
  .arv-table {
    background-color: transparent;
    border-color: transparent;
  }
  .arv-table tr {
    background-color: transparent;
  }
  .arv-table td {
    background-color: transparent;
  }
}
/*よくあるご質問*/
.faq_navi {
  clear: both;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.faq_navi div {
  float: left;
}

.itiran {
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/help/faq/mds_f.gif) no-repeat;
  height: 45px;
  padding-top: 12px;
  padding-right: 15px;
  text-align: right;
  clear: both;
  margin-top: 15px;
  max-width: 580px;
  width: 100%;
  margin: 15px auto 0;
}

.faqmenu {
  clear: both;
  max-width: 580px;
  max-width: 780px;
  width: 100%;
  margin-bottom: 10px;
  margin: 0 auto 10px;
}
.faqmenu .left {
  width: 100%;
}
.faqmenu .right {
  width: 100%;
}
.faqmenu .q {
  vertical-align: middle;
  margin-bottom: 1px;
  padding: 3px 0px 3px 10px;
}
.faqmenu::after {
  content: "";
  display: block;
  clear: both;
}

.faq_midasi {
  background: none;
  padding-left: 0px;
  padding-top: 10px;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 110%;
  width: 100%;
  max-width: 100%;
  margin: 15px auto;
  position: relative;
  font-size: 18px;
  color: #3c3c3c;
}
.faq_midasi::after {
  content: "";
  display: block;
  height: 3px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(197, 157, 70)), to(transparent));
  background: linear-gradient(to right, rgb(197, 157, 70), transparent);
}

@media (max-width: 767px) {
  .itiran {
    background-size: contain;
    width: 100%;
    padding-top: 5px;
  }
  .faq_navi {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .faq_navi div {
    width: 50%;
    padding-bottom: 5px;
    text-align: center;
  }
  .faqmenu {
    width: 100%;
    margin: 0;
    background: #e6e6e6;
  }
  .faqmenu .left, .faqmenu .right {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
  .faq_midasi {
    background: none;
    /* width: 100%; */
    margin-left: 8px;
    width: 95%;
    font-size: 120%;
    color: white;
    padding: 0.3em;
    display: inline-block;
    line-height: 1.3;
    background: #aa867b;
    vertical-align: middle;
  }
  .faq_midasi::after {
    display: none;
  }
}
/*リンク集*/
.sitelist {
  width: 100%;
}
.sitelist td {
  padding-top: 15px;
  vertical-align: top;
  border-bottom: #666666 1px solid;
}
.sitelist td.icon-td {
  width: 71px;
}
.sitelist div {
  margin-bottom: 10px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 5px;
}
.sitelist div a {
  font-weight: bold;
  background: url(https://inst.itembox.cloud/item/future2/public_html/common/images/common/ico01.gif) no-repeat;
  padding: 0 0 5px 20px;
}
@media (max-width: 767px) {
  .sitelist td.icon-td {
    width: 20%;
  }
}

/*サイトマップ*/
#sitemap .cat1 {
  height: 21px;
  border-left: 5px solid #660000;
  border-bottom: 1px solid #333333;
  padding: 3px;
  margin: 10px 10px 5px 0;
  font-weight: bold;
  color: #660000;
  font-size: 12px;
  line-height: 1.8;
  display: block;
}
#sitemap .cat2 {
  margin: 8px 0 0 5px;
  padding-left: 20px;
  font-weight: bold;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/help/sitemap/cat2.gif) no-repeat;
}
#sitemap .cat3 {
  margin-left: 10px;
  padding: 0 0 0 20px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/help/sitemap/cat3.gif) no-repeat;
}
#sitemap .cat4 {
  margin-left: 30px;
  padding: 2px 0 2px 20px;
  line-height: 120%;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/help/sitemap/cat4.gif) no-repeat;
}
#sitemap .cat4_d {
  margin-left: 30px;
  padding: 2px 0 2px 20px;
  line-height: 120%;
  background: url(https://inst.itembox.cloud/item/future2/public_html/images/help/sitemap/cat4_d.gif) no-repeat;
}
@media (max-width: 767px) {
  #sitemap .cat1 {
    font-size: 15px;
    margin: 10px 0 5px;
    height: 25px;
    line-height: 1.4;
  }
  #sitemap .cat1 + table td {
    width: 100%;
    display: block;
  }
  #sitemap .cat2 {
    font-size: 15px;
    margin: 0;
    margin-top: 15px;
    margin-left: 2%;
    clear: both;
  }
  #sitemap .cat3 {
    display: block;
    float: left;
    margin: 5px 0 5px;
    padding: 0;
    padding-left: 8%;
    width: 47%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background-position: top left 8%;
  }
  #sitemap .cat3.sp-max {
    width: 100%;
    background-position: left 4% center;
  }
  #sitemap .cat4, #sitemap .cat4_d {
    background: none;
    float: left;
    margin: 3px 0 3px;
    padding: 0;
    padding-left: 10%;
    width: 45%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #sitemap a {
    text-decoration: underline;
  }
}

/*丁寧な検品、安全な梱包*/
.item-description p {
  line-height: 1.5;
  padding-bottom: 15px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.item-description h2.ttl {
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.4;
}
.item-description h2.ttl span.h2-tag {
  width: 5px;
  background: #c59d46;
  display: table-cell;
}
.item-description h2.ttl span.h2-ttl {
  font-size: inherit;
  padding-left: 10px;
  display: table-cell;
}
.item-description h2.ttl:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -10px;
  left: 0;
  background: #222;
}
.item-description img.main-img {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .item-description p {
    margin-bottom: 0;
    line-height: 1.5;
    padding-bottom: 10px;
    font-size: 14px;
  }
  .item-description h2.ttl {
    font-size: 18px;
    margin-top: 20px;
  }
  .item-description h2.ttl::after {
    display: none;
  }
}

h2.ttl {
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.4;
}
h2.ttl span.h2-tag {
  width: 5px;
  background: #c59d46;
  display: table-cell;
}
h2.ttl span.h2-ttl {
  font-size: inherit;
  padding-left: 10px;
  display: table-cell;
}
h2.ttl:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -10px;
  left: 0;
  background: #222;
}

@media (max-width: 767px) {
  h2.ttl {
    font-size: 18px;
    margin-top: 20px;
  }
}
/*音楽ギフト・雑貨*/
/*カートにジャンプボタン*/
.item-contents a.jump-btn {
  position: relative;
  display: block;
  width: 290px;
  margin: 20px auto 40px;
  padding: 18px 0 22px 0;
  background: #C59D46;
  color: #fff;
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #fff;
  outline: 2px solid #C59D46;
  text-decoration: none;
}
.item-contents a.jump-btn::before {
  content: "";
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  bottom: 7px;
  left: 50%;
}

@media (max-width: 767px) {
  .item-contents a.jump-btn {
    position: relative;
    display: block;
    width: 70%;
    margin: 10px auto 20px;
    padding: 12px 0 16px 0;
    background: #C59D46;
    color: #fff;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #fff;
    outline: 2px solid #C59D46;
    text-decoration: none;
    line-height: 1;
  }
}
/*クラリネットの選び方*/
.item-contents table.specification {
  width: 100%;
  margin-top: 40px;
  font-weight: normal;
  border-collapse: collapse;
  border-spacing: 0px;
}
.item-contents table.specification thead th {
  padding: 15px 0;
  background: #EED9AC;
  text-align: center;
  border: 1px solid #ccc;
}
.item-contents table.specification tbody th {
  width: 45%;
  background: #EEEEEE;
  border: 1px solid #ccc;
  padding: 15px 10px;
  vertical-align: middle;
  text-align: left;
}
.item-contents table.specification tbody td {
  width: 55%;
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .item-contents table.specification tbody th {
    width: 20%;
    font-size: 12px;
    padding: 5px;
  }
  .item-contents table.specification tbody td {
    width: 80%;
    font-size: 12px;
    padding: 5px;
  }
}

/*修理予約お問合せフォーム*/
.contact-repair {
  width: 100%;
}
.contact-repair th {
  text-align: left;
}
.contact-repair .title {
  width: 185px;
  background-color: #dfe4dc;
  padding: 10px;
  font-weight: lighter;
}
.contact-repair td {
  vertical-align: top;
}
.contact-repair select {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
}
.contact-repair .comment {
  background-color: #ffffff;
  padding: 10px;
}
.contact-repair .comment p {
  margin-top: 0;
}
@media (max-width: 767px) {
  .contact-repair .title {
    width: 100%;
    border: 1px solid #ccc;
    background: #dfe4dc !important;
    padding: 10px;
    font-weight: lighter !important;
    display: block;
  }
  .contact-repair .comment {
    border: 1px solid #ccc;
    background: #ffffff;
    padding: 10px;
    display: block;
    width: 100%;
  }
  .contact-repair .comment p {
    margin: 0;
  }
}

/*メーカー創業アニバーサリー 限定モデル特集*/
.camp-title-photo {
  width: 100%;
  margin-bottom: 1em;
}

h4.attention-gray {
  margin: 1.5em auto;
}

.item-g-comment {
  /*フォーティングバナー*/
}
.item-g-comment .contens-580w {
  max-width: 580px;
  margin: 0 auto;
}
.item-g-comment .contens-780w {
  max-width: 780px;
  margin: 0 auto;
}
.item-g-comment .m-top5 {
  margin-top: 5px;
}
.item-g-comment #_rcmdjp_display_1, .item-g-comment #_rcmdjp_display_2, .item-g-comment #_rcmdjp_display_3, .item-g-comment #_rcmdjp_display_4, .item-g-comment #_rcmdjp_display_5, .item-g-comment #_rcmdjp_display_6, .item-g-comment #_rcmdjp_display_7 {
  width: 100%;
}
.item-g-comment .btn-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1%;
  margin-bottom: 35px;
}
.item-g-comment .btn-flex-link {
  display: block;
  width: 24%;
  text-align: center;
  padding: 10px 25px;
  background-color: #C59D46;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 1%;
  position: relative;
}
.item-g-comment .btn-flex-link.text-s {
  font-size: 11px;
}
.item-g-comment .btn-flex-link.five-row {
  width: 19%;
}
.item-g-comment .btn-flex-link.vertical {
  padding: 2px;
}
.item-g-comment .btn-flex-link::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  right: 6%;
  top: 35%;
}
.item-g-comment .btn-flex-link.active {
  background-color: #cc5e3c;
}
.item-g-comment .btn-flex-link.faq {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/* 260903更新 */

.item-g-comment .section-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #cc5e3c;
  border-color: #cc5e3c;
  border-style: solid;
  border-width: 0 0 1px 5px;
  padding: 8px;
  padding-left: 16px;
  margin-bottom: 20px;	
  text-align: left;
}
.item-g-comment .sub-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  border: 1px solid #ccc;
  margin-bottom: 2px;
}
.item-g-comment .sub-heading .sub-ttl {
  font-size: 14px;
  font-weight: bold;
  width: 250px;
}
.item-g-comment .sub-heading .sub-ttx {
  font-size: 12px;
  width: calc(100% - 280px);
}
.item-g-comment .please-text {
  padding: 5px 10px;
  background: url(https://inst.itembox.cloud/item/future2/public_html/img03/ccl_bg_finish.gif);
  width: 100%;
  font-size: 14px;
  font-weight: bold;
}
@media (hover: hover) {
  .item-g-comment .btn-flex-link:hover {
    background-color: #9d7c3e;
    color: #fff;
    text-decoration: none;
  }
}
.item-g-comment .floating-banner {
  position: fixed;
  z-index: 9999;
  -webkit-animation: fadeIn 0.5s ease-in-out;
          animation: fadeIn 0.5s ease-in-out;
  bottom: 20px;
  right: 20px;
  width: 280px;
}
.item-g-comment .floating-banner a {
  position: relative;
}
.item-g-comment .banner-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.item-g-comment .close-btn {
  position: absolute;
  top: 5px;
  right: 8px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
}
@media (max-width: 767px) {
  .item-g-comment .btn-flex-link {
    width: 49.5%;
  }
  .item-g-comment .btn-flex-link.five-row {
    width: 49.5%;
  }
  .item-g-comment .section-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .item-g-comment .floating-banner {
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 200px;
    -webkit-animation: fadeIn 0.5s ease-in-out;
            animation: fadeIn 0.5s ease-in-out;
  }
  .item-g-comment .floating-banner .banner-image {
    border-radius: 0px;
  }
  .item-g-comment .floating-banner .close-btn {
    top: 8px;
    right: 10px;
    font-size: 18px;
    width: 28px;
    height: 28px;
  }
}

/*商品詳細ページ　独自コメント商品タグ  見出しh2（PC/SP）見出しh3（SP）*/
.fs-body-product .item-contents span.tag {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px;
  border: 1px solid #222;
  font-size: 13px;
}
.fs-body-product .item-contents span.tag + span.tag {
  margin-left: 10px;
}
.fs-body-product .item-contents span.tag.free-shipping {
  background: #bf0000;
  border: 1px solid #bf0000;
  color: #fff;
}
.fs-body-product .item-contents span.tag.sentei {
  background: #a77a18;
  border: 1px solid #a77a18;
  color: #fff;
}
.fs-body-product .item-contents span.tag.tag.nonused {
  background: #898989;
  border: 1px solid #898989;
  color: #fff;
}
.fs-body-product .item-contents h2.ttl {
  position: relative;
  display: table;
  width: 100%;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.4;
}
.fs-body-product .item-contents h2.ttl span.h2-tag {
  width: 5px;
  background: #c59d46;
  display: table-cell;
}
.fs-body-product .item-contents h2.ttl span.h2-ttl {
  font-size: inherit;
  padding-left: 10px;
  display: table-cell;
}
.fs-body-product .item-contents h2.cont-h2 {
  font-size: 12px;
  position: relative;
  width: 100%;
  display: table;
  line-height: 1;
  border-bottom: 0;
  margin-bottom: 30px;
  letter-spacing: 0.2em;
}
.fs-body-product .item-contents .item-description h3 {
  font-weight: bold;
}
.fs-body-product .item-contents h2 {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.fs-body-product .item-contents .top-content {
  display: block;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .fs-body-product .item-contents span.tag {
    font-size: 12px;
  }
  .fs-body-product .item-contents span.tag + span.tag {
    margin-left: 3px;
  }
  .fs-body-product .item-contents .item-description {
    clear: both;
    width: 100%;
    display: block;
  }
  .fs-body-product .item-contents .item-description h3 {
    display: block;
    background: #F4E6C3;
    margin-top: 30px;
    padding: 8px;
    font-size: 16px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    color: #700004;
    font-weight: 400;
  }
  .fs-body-product .item-contents h2.ttl {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-bottom: 0px;
    border-bottom: 0;
    font-size: 18px;
    border-left: 5px solid #c59d46;
  }
  .fs-body-product .item-contents h2.ttl:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -5px;
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #c59d46;
  }
  .fs-body-product .item-contents h2.ttl span.h2-tag {
    width: auto;
    background: none;
    display: inline-block;
  }
  .fs-body-product .item-contents h2.ttl span.h2-ttl {
    padding-left: 0;
    display: inline-block;
  }
  .fs-body-product .item-contents h2.cont-h2 {
    font-size: 18px;
    border-left: none;
  }
  .fs-body-product .item-contents h2.cont-h2:before {
    display: none;
  }
  .fs-body-product .item-contents h2 {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 5px;
    padding-bottom: 0px;
    border-bottom: 0;
    font-size: 18px;
    border-left: 5px solid #c59d46;
    letter-spacing: 0.1em;
  }
  .fs-body-product .item-contents h2:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -5px;
    display: inline-block;
    width: 100%;
    height: 1px;
    background: #c59d46;
  }
  .fs-body-product .item-contents .bland-img img {
    margin: 0 auto;
  }
  .fs-body-product .item-contents .top-content {
    margin-bottom: 0px;
  }
}
.fs-body-product .floating-banner {
  position: fixed;
  z-index: 9999;
  -webkit-animation: fadeInbanner 0.5s ease-in-out;
          animation: fadeInbanner 0.5s ease-in-out;
  bottom: 20px;
  right: 20px;
  width: 280px;
}
.fs-body-product .banner-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.fs-body-product .close-btn {
  position: absolute;
  top: 5px;
  right: 8px;
  background: rgba(0, 0, 0, 0.5);
  border: none;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  line-height: 0;
}
@-webkit-keyframes fadeInbanner {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes fadeInbanner {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 15px);
            transform: translate(-50%, 15px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@media (max-width: 767px) {
  .fs-body-product .floating-banner {
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 200px;
    -webkit-animation: fadeInbanner 0.5s ease-in-out;
            animation: fadeInbanner 0.5s ease-in-out;
  }
  .fs-body-product .banner-image {
    display: block;
    width: 100%;
    height: auto;
  }
  .fs-body-product .close-btn {
    top: 8px;
    right: 10px;
    font-size: 18px;
    width: 28px;
    height: 28px;
  }
  .fs-body-product table {
    width: 100%;
  }
}

/*商品詳細ページ　独自コメントスライダ―*/
.fs-body-product .product-comment p {
  margin: 0 0 10px;
  line-height: 1.5;
  padding-bottom: 15px;
}
.fs-body-product .product-comment .page-jump {
  margin: 10px 0 20px;
}
.fs-body-product .product-comment .page-jump p {
  padding: 0;
  margin: 3px 0;
  line-height: 1.3;
}
.fs-body-product .product-comment .page-jump p a {
  text-decoration: underline;
  color: #004986;
}
.fs-body-product .product-comment .slide-box {
  max-width: 500px;
  width: 100%;
  margin: 50px auto;
}
.fs-body-product .product-comment .thumb-item-nav {
  margin-top: 20px;
  padding-left: 14px;
}
.fs-body-product .product-comment .thumb-item-nav::after {
  content: "";
  display: block;
  clear: both;
}
.fs-body-product .product-comment .thumb-item-nav li {
  cursor: pointer;
  float: left;
  width: 22.5% !important;
  margin: 5px 3px 0;
  background: rgb(34, 34, 34);
}
.fs-body-product .product-comment .thumb-item-nav li img {
  opacity: 0.5;
}
.fs-body-product .product-comment .thumb-item-nav li.active {
  opacity: 1;
  background-color: transparent;
}
.fs-body-product .product-comment .thumb-item-nav li.active img {
  opacity: 1;
}
.fs-body-product .product-comment .slick-prev,
.fs-body-product .product-comment .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 27px;
  height: 27px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  background: #340303;
  border: 1px solid #ffe3a7;
  border-radius: 15px;
  z-index: 9;
}
.fs-body-product .product-comment .slick-prev:before,
.fs-body-product .product-comment .slick-next:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25px;
  height: 20px;
  font-size: 15px;
  color: #fff;
  margin-top: -3px;
  opacity: 1;
}
.fs-body-product .product-comment .slick-prev {
  left: 10px;
}
.fs-body-product .product-comment .slick-prev:before {
  content: "<";
}
.fs-body-product .product-comment .slick-next {
  right: 10px;
}
.fs-body-product .product-comment .slick-next:before {
  content: ">";
}
@media (max-width: 767px) {
  .fs-body-product .product-comment .slide-box {
    width: 90%;
    margin: 40px auto;
  }
  .fs-body-product .product-comment iframe {
    width: 100%;
  }
}
.fs-body-product .product-comment.bottom {
  max-width: 600px;
  width: 100%;
  margin: 0 auto 30px;
}
@media (max-width: 767px) {
  .fs-body-product .product-comment.bottom {
    margin-bottom: 15px;
  }
}

.product-comment a {
  color: rgb(121, 79, 83);
}
.product-comment h2,
.product-comment .present p.present-ttl,
.product-comment .present-2 p.present-ttl,
.product-comment p.repair-ttl {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.product-comment h2 span.h2-tag {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
.product-comment p.item-caution {
  text-align: right;
  padding: 10px 0;
  font-size: 12px;
}
@media (max-width: 767px) {
  .product-comment h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }
  .product-comment p.item-caution {
    text-align: left;
  }
}

/*商品詳細ページ　独自コメント商品説明flot*/
.fs-body-product .item-contents .top-content-img {
  float: left;
  display: inline-block;
  width: 250px;
  padding-right: 10px;
  vertical-align: top;
  font-size: 12px;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .fs-body-product .item-contents .top-content-img {
    margin-bottom: 30px;
    width: 45%;
  }
  .fs-body-product .item-contents h2.ttl .top-content-img {
    width: 100%;
    margin-bottom: 0px;
    font-size: 18px;
    padding-right: 0;
  }
}

/*商品詳細ページ　独自コメント商品説明specification table*/
.fs-body-product .item-contents table.specification th {
  width: 20% !important;
}
.fs-body-product .item-contents table.specification thead th {
  width: 100% !important;
}
.fs-body-product .item-contents table.specification td {
  width: 30% !important;
  width: 20% !important;
}
.fs-body-product .item-contents table.specification td[colspan="3"] {
  width: 80% !important;
}

/* 260903追記 */

.item-contents img.new-main-img {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .item-contents img.new-main-img {
    margin-bottom: 15px;
  }
}

.item-contents .new-mpc_catch {
  padding: 0;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .item-contents .new-mpc_catch {
    line-height: 1.5;
    margin-bottom: 1.2rem;
  }
}