/* フォントのサイズ関連 */
.title_size {
font-size: 1.2em;    /* 曲名見出し */
}

.credit_size {
font-size: 0.9em;    /* クレジット表記欄 */
}

/* クレジット表記の前のスペース */
.credit_space {
margin-left: 10px;
}

/* 曲名を太字で強調 */
.bold {
  font-weight: bold;
}

/* 一行分の行間を開ける */
.line_space{
    line-height: 1.7;
}

/* 上だけ一行分の行間を開ける */
.padding_top{
    padding-top: 1em
}

/* 下だけ一行分の行間を開ける */
.padding_bottom{
    padding-bottom: 1em
}

/* 上下に一行分の行間を開ける (試聴ファイル置かないとき)*/
.padding_top_bottom{
    padding: 1em 0
}

/* リスト注意事項のアイコンの種類指定 */
ul2 {
    list-style: square;
}

/* リストの上下余白 */
ul2 li {
    padding-top: 0px;
    padding-bottom: 3px;
}

/* リスト注意事項の上下の区切り線 */
.section_line {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/* リスト注意事項の上の行間を開ける */
.padding_top2{
    padding-top: 4em
}

/* ライブ音源用プレーヤーの横位置を詰める */
.position {
margin-left: -20px;
}

/* mp3音源用プレーヤーの中央配置 */
.container-player {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* bxSlider関連 */
.container-section {
  opacity: 0; 
  transition: opacity .3s linear;
}
.bx-wrapper {
  margin: 0 !important;
}

ul.bxslider {
  margin-left: 0px !important;
}

.bx-wrapper .bx-viewport {
  border: none;
  box-shadow: none;
  left: 0;
  background: transparent;
}

.bxslider img {
    margin: 0 auto;
    display: block;
}

.custom-thumb li {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
  margin: 0;
  padding: 5px 5px 5px 0;
}

.custom-thumb li a:hover {
  opacity: 0.7;
}

/* サムネイルactive時の枠を付ける */
.custom-thumb a {
  display: inline-block;
}

a.active {
  border: 1px solid #333;
}

/* 販売価格の文字強調 */
.product_sales {
  line-height: 1.5;
  font-weight: 700;
  font-size: 1.2em;
}

/* 数量入力欄 */
input.product-cart-init-num {
  float: left;  
  -webkit-appearance: none;
  border: 1px solid #ccc;
  height: 20px;
  width: 20%;
}

/* 商品単位 */
.product-unit {
  float: left;
  padding: 5px;
}

/* 名入れ入力欄 */
.product-order-form input[type="text"] {
  width: calc(100% - 14px);
}

/* カートボタン下マージン */
.product_cart_area {
  margin-bottom: 15px;
}

/* カートボタンのデザイン */
.btn-addcart {
  background-color: #333;
  border: medium none;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.1em;
  padding: 18px 0;
}

/* いいねボタンのズレ修正 */
.fb_adjust {
  position: relative;
  top: 1px;
}

/* IE11だけで適用されるスタイルシート */
@media all and (-ms-high-contrast:none) {

  *::-ms-backdrop,
  .custom-thumb img {
    width: 100%; //IE11のmax-width崩れ
  }
}

/* ライブ音源試聴用Jプレーヤー(のはずだが関係ないようだ？) */
#jp_container_N{
margin-left:21px;
}
#jp_container_1{
margin-left:21px;
}
img.gifanime {
    width: 20px;
    height: 11px;
    margin-left: 3px;
    margin-right: 3px;
    vertical-align:bottom;
}
audio {
    width: 430px;
    height: 35px;
}
.soundclip {
    text-align: center;
}
.cliptitle1 {
    display: block;
    text-align: left;
    font-size: 9px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.cliptitle2 {
    display: block;
    text-align: left;
    font-size: 9px;
    padding-top: 10px;
    padding-bottom: 5px;
}
.djgear1 {
    width: 450px;
    font-size: 9px;
    line-height: 15px;
    background-color: #695B48;
    border-collapse:separate;
    border-spacing:1px;
}
.djgear2 {
    background-color: #f7eed9;
    text-align: center;
    white-space: nowrap;
    padding: 5px;
}
.djgear3 {
    background-color: #ffffff;
    padding: 5px;
}

/* 試聴用タンテ型プレーヤー */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
body {
	background-color: rgb(255, 255, 255);
}
h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13pt;
	font-weight: 600;
	text-transform: uppercase;
	color: rgb(70, 78, 84);
	cursor: default;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 8pt;
	font-weight: 400;
	cursor: default;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 10pt;
	font-weight: 300;
	color: rgb(70, 78, 84);
	cursor: default;
}
.player {
	margin-top: 30px;
	height: 190px;
	width: 445px;
	background-color: rgb(192, 192, 192);
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	top: auto;
	left: 51%;
	transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	border-radius: 5px;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
}
.player ul {
	list-style: none;
}
.player ul li {
	display: inline-block;
}
#arm{
	width: 90px;
	height: 90px;
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 110px;
	transform-origin: 77.5% 18.5%;
	transform: rotate(-45deg);
	background-image: url(https://i.imgur.com/Bzzqadh.png);
	background-size: cover;
}
.artwork {
	position: absolute;
	top: 0;
	left: 0;
	height: 190px;
	width: 190px;
	background: url(https://i.imgur.com/3idGgyU.png), url(https://i.imgur.com/Fu2Oezw.png) center no-repeat;
	background-size: 190px, 75px !important;
}
.artwork img {
  position: absolute;
  height: 72px;
  width: 72px;
  border-radius: 50px;
  top: 59px;
  left: 59px;
}
.info h1 {
	margin-bottom: -10px;
	margin-left: 180px;
	margin-right: 0px;
	margin-top: 15px;
	width: 182px;
	overflow: visible;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.info h4 {
	line-height: 20px;
	color: rgb(99, 99, 103);
	margin-left: 180px;
	width: 182px;
	overflow: visible;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.info h2 {
	margin-left: 180px;
	width: 182px;
	overflow: visible;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.button-items {
	margin-left: 180px;
}
#slider {
	width: 182px;
	height: 4px;
	background: rgb(21, 21, 24);
	border-radius: 2px;
	overflow: hidden;
}
#slider #elapsed {
	width: 0px;
	height: 4px;
	background: rgb(239, 109, 188);
	border-radius: 2px;
}
#slider #buffered {
	width: 0px;
	height: 4px;
	background: rgba(239, 109, 188, 0.3);
	border-radius: 2px;
	margin-top: -4px;
}
#timer {
	color: rgb(99, 99, 103);
	line-height: 2;
	font-size: 9pt;
	float: right;
	font-family: Arial, Sans-Serif;
}
.controls {
	margin-top: 25px;
}
.controls svg:nth-child(2) {
	margin-left: 5px;
	margin-right: 5px;
}
#play {
	padding: 0 3px;
	width: 30px;
	height: 30px;
	x: 0px;
	y: 0px;
	enable-background: new 0 0 25 25;
}
#play g {
	stroke: rgb(254, 254, 254);
	stroke-width: 1;
	stroke-miterlimit: 10;
}
#play g path {
	fill: rgb(254, 254, 254);
}

#play:hover {
	cursor: pointer;
}
#play:hover g {
	stroke: rgb(239, 109, 188);
	cursor: pointer;
}
#play:hover g path {
	fill: rgb(239, 109, 188);
	cursor: pointer;
}
.step-backward {
	width: 18px;
	height: 18px;
	x: 0px;
	y: 0px;
	enable-background: new 0 0 25 25;
	margin-bottom: 5px;
}
.step-backward g polygon, .step-foreward g polygon {
	fill: rgb(254, 254, 254);
}
.step-foreward {
	width: 18px;
	height: 18px;
	x: 0px;
	y: 0px;
	enable-background: new 0 0 25 25;
	margin-bottom: 5px;
}
#pause {
	x: 0px;
	y: 0px;
	enable-background: new 0 0 25 25;
	width: 30px;
	height: 30px;
	position: absolute;
	margin-left: -41px;
	cursor: pointer;
}
#pause rect {
	fill: rgb(255, 255, 255);
}

#pause:hover rect {
	fill: rgb(239, 109, 188);
}
.expend {
	padding: 0.5px;
	cursor: pointer;
}
.expend svg:hover g polygon {
	fill: rgb(239, 109, 188);
	cursor: pointer;
}
.slider {
	width: 80px;
	position: absolute;
	display: inline-block;
	margin: 4px 0 0 10px;
}
.slider .volume{
	width: 69px;
	height: 4px;
	background: rgba(239, 109, 188, 0.3);
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	margin-top: 10px;
	position: relative;
	pointer-events: none;
}
@-moz-document url-prefix() { //fix firefox being 1px off
	.slider .volume{
		margin-top: 11px;
	}
}
input[type="range"] {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	width: 100%;
	height: 4px;
	margin: 0;
	border: none;
	border-radius: 14px;
	padding: 0px 1px;
	background: rgb(21, 21, 24);
	outline: none;	
}
input[type="range"]::-moz-range-track {
	border: inherit;
	background: rgba(0, 0, 0, 0);
}
input[type="range"]::-ms-track {
	border: inherit;
	color: rgba(0, 0, 0, 0);
	background: rgba(0, 0, 0, 0);
}
input[type="range"]::-ms-fill-lower, input[type="range"]::-ms-fill-upper {
	background: rgba(0, 0, 0, 0);
}
input[type="range"]::-ms-tooltip {
	display: none;
}
input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 6px;
	background-color: rgb(255, 255, 255);
}
input[type="range"]::-moz-range-thumb {
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 6px;
	background-color: rgb(255, 255, 255);
}
input[type="range"]::-ms-thumb {
	width: 12px;
	height: 12px;
	border-radius: 6px;
	border: 0;
	background-color: rgb(255, 255, 255);
}
input[type="range"]::-webkit-slider-thumb:hover, input[type="range"]::-webkit-slider-thumb:focus, input[type="range"]::-webkit-slider-thumb:active {
	background-color: rgb(239, 109, 188);
}
input[type="range"]::-moz-range-thumb:hover, input[type="range"]::-moz-range-thumb:focus, input[type="range"]::-moz-range-thumb:active {
	background-color: rgb(239, 109, 188);
}
input[type="range"]::-ms-thumb:hover, input[type="range"]::-ms-thumb:focus, input[type="range"]::-ms-thumb:active {
	background-color: rgb(239, 109, 188);
}

.video{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 試聴用sl-1200mk2プレーヤー */
.landscape .landscape-hidden {
	display: none
}

.turntable {
 position: relative;
}

.turntable,
.turntable img.stub {
 width: 100%;
}

.landscape .turntable,
.landscape .turntable img.stub {
 max-width: 1256px;
 max-width: 628px;
} 

.turntable .table-bg {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

.landscape .turntable .table-bg {
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfdGFibGU.png) no-repeat 0 0;
 background-size: contain;
}

.turntable .frame,
.turntable .bd {
 position: absolute;
 border-radius: 5px;
 background-clip: padding-box;
 overflow: hidden;
}

.landscape .turntable .frame,
.landscape .turntable .bd {
 top: 9.7%;
 left: 5.4936%;
 height: 82.25%;
 width: 88.15%;
 padding: 0.054936% 0 0 0.099%;
}

.turntable .frame {
 background: #262626;
 padding: 1px;
 margin-left: -1px;
}
 
.turntable .platter {
 position: absolute;
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/cGxhdHRlcg.png) no-repeat 50% 50%;
 background-size: contain;
 border-radius: 100%;
 overflow: hidden;
 }
 
.landscape .turntable .platter {
 top: 0.33%;
 left: 5.025%;
 width: 72.75%;
 height: 100%;
 }

.turntable .slipmat,
.turntable .record,
.turntable .record-grooves {
 position: absolute;
 border-radius: 100%;
 overflow: hidden;
}

.landscape .turntable .slipmat,
.landscape .turntable .record,
.landscape .turntable .record-grooves {
 top: 6.3%;
 left: 8.35%;
 width: 66.2%;
 height: 87.994%;
}

.turntable .label {
 position: absolute;
 background: #fff;
 border-radius: 100%;
}

.landscape .turntable .label {
 top: 37.25%;
 left: 31.45%;
 width: 20%;
 height: 26.5%;
}

.turntable.has-artwork.hide-label-with-artwork .label {
 display: none;
}

.turntable .slipmat {
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/c2xpcG1hdC13aGl0ZQ.png) no-repeat 50% 50%;
 background-size: contain;
}

.turntable.power-on.motor-on .platter,
.turntable.power-on.motor-on .spindle,
.turntable.power-on.motor-on .record-grooves,
.turntable.power-on.motor-on.has-artwork .record,
.turntable.power-on.motor-on .slipmat {
 transition-property: transform;
 transform-origin: 50% 50%;
 -webkit-animation: spin 2.33s linear infinite;
         animation: spin 2.33s linear infinite;
}

.turntable.power-on.motor-on .slipmat {
 -webkit-animation-duration: 1.75s;
         animation-duration: 1.75s;
}

.turntable .record-holder,
.turntable .slipmat-holder {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 transition: all 0.35s;
}

.landscape .turntable .record-holder,
.landscape .turntable .slipmat-holder {
 transform: scale3d(1.15,1.15,1.15);
 transform-origin: 42% 50%;
}

.turntable.has-record .record-holder,
.turntable.has-slipmat .slipmat-holder {
 opacity: 1;
 transform: scale3d(1,1,1);
 filter: none;
}

.turntable .record {
 background-color: #000;
 background-size: cover;
 background-position: 50% 50%;
 background-repeat: no-repeat;
}

.turntable .record-grooves {
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/cmVjb3JkLWdyb292ZXMtMTQ0MHgxNDQwLXdoaXRl.png) no-repeat 50% 50%;
 background-size: contain;
 opacity: 0.15;
}

.turntable .spindle {
 position: absolute;
 background-color: rgba(0,0,0,0.65);
 border-radius: 100%;
 border: 1px solid rgba(0,0,0,0.15);
 background-image: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(128,128,128,0) 100%);
 background-clip: padding-box;
}

.landscape .turntable .spindle {
 left: 40.78%;
 top: 49.45%;
 width: 1.17%;
 height: 1.55%;
}

.landscape .turntable .tonearm-holder,
.landscape .turntable .tonearm {
 transform-origin: 54% 27%;
}

.turntable .tonearm-holder {
 position: absolute;
 right: 0;
 top: 0;
}

.landscape .turntable .tonearm-holder {
 position: absolute;
 margin-top: -4%;
 margin-right: 2.75%;
 width: 28.55%;
 height: 99.75%;
}

.turntable .tonearm {
 position: absolute;
 right: 0;
 top: 0;
 width: 100%;
 height: 100%;
 transition: transform 0.1s;
}

.landscape .turntable .tonearm {
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfYXJt.png) no-repeat 0 0;
 background-size: contain;
}

.turntable.motor-on.has-record .tonearm-holder {
 -webkit-animation: wobble 1s ease-in-out alternate infinite;
         animation: wobble 1s ease-in-out alternate infinite;
}

.turntable .button:active {
 transform-origin: 50% 50%;
 transform: scale(0.975);
 opacity: 0.9;
}

.turntable .start-stop {
 position: absolute;
 border-radius: 5px;
}

.landscape .turntable .start-stop {
 top: 85.85%;
 left: 2%;
 width: 10.58983%;
 height: 10.65%;
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfc3RhcnRzdG9w.png) no-repeat 0 0;
 background-size: contain;
 margin: 0.175% 0 0 -0.175%;
}

.turntable .power-light {
 position: absolute;
 transform: rotate(12.5deg);
 transform-origin: 50% 50%;
 transition: opacity 0.25s;
 opacity: 0;
}

.landscape .turntable .power-light {
 bottom: 18.5%;
 left: 5.75%;
 width: 15.95%;
 height: 17.9%;
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/cG93ZXItbGlnaHQ.png) no-repeat 0 0;
 background-size: contain;
}

.turntable.power-on .power-light {
 opacity: 1;
}

.turntable.power-on.motor-on .power-light {
 -webkit-animation: flicker 0.08s linear infinite;
         animation: flicker 0.08s linear infinite;
}

.turntable .power-dial {
 position: absolute;
 transform: rotate(0deg);
 transform-origin: 50% 50%;
 transition: transform 0.2s ease-out;
}

.landscape .turntable .power-dial {
 bottom: 17.5%;
 left: 2.75%;
 width: 5.95%;
 height: 7.9%;
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfcG93ZXJkaWFs.png) no-repeat 0 0;
 background-size: contain;
}

.turntable.power-on .power-dial {
 transform: rotate(22.5deg);
}

.turntable .speed-33 {
 position: absolute;
}

.landscape .turntable .speed-33 {
 bottom: 4%;
 left: 13.4%;
 width: 5.12%;
 height: 1.85%;
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfMzM.png) no-repeat 0 0;
 background-size: contain;
}

.landscape .turntable.power-on .speed-33.on {
 background-image: url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfMzNfb24.png);
}

.turntable .speed-45 {
 position: absolute;
}

.landscape .turntable .speed-45 {
 bottom: 4%;
 left: 19.05%;
 width: 5.12%;
 height: 1.85%;
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfNDU.png) no-repeat 0 0;
 background-size: contain;
}

.landscape .turntable.power-on .speed-45.on {
 background-image: url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfNDVfb24.png);
}

.turntable .light,
.turntable .light-on {
 position: absolute;
 }

 .landscape .turntable .light {
 bottom: 2%;
 left: 48.25%;
 width: 21.7%;
 height: 24.9%;
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfbGlnaHRvZmY.png) no-repeat 0 0;
 background-size: contain;
}

.turntable .light-on {
 transform: rotate(12deg);
 opacity: 0;
 transition: opacity 0.2s;
}

.landscape .turntable .light-on {
 bottom: 3.15%;
 left: 52.25%;
 width: 18.7%;
 height: 19.9%;
 background: transparent url(https://img15.shop-pro.jp/PA01083/866/etc_base64/dHRfbGlnaHRvbg.png) no-repeat 0 0;
 background-size: contain;
}

.turntable.power-on .light-on {
 opacity: 1;
}

@-webkit-keyframes flicker {
 from { opacity: 0.85; }
 to { opacity: 1; }
}

@keyframes flicker {
 from { opacity: 0.85; }
 to { opacity: 1; }
}

@-webkit-keyframes spin {
 from { transform: rotate(180deg); }
 to { transform: rotate(540deg); }
}

@keyframes spin {
 from { transform: rotate(180deg); }
 to { transform: rotate(540deg); }
}

@-webkit-keyframes wobble {
 from { transform: rotate(0deg); }
 to { transform: rotate(0.33deg); }
}

@keyframes wobble {
 from { transform: rotate(0deg); }
 to { transform: rotate(0.33deg); }
}

li {
      padding: 0px 0;
    }