/** Shopify CDN: Minification failed

Line 249:39 Expected ":"

**/
/* 画像リンク枠なし */
.container a img {
    border-style:none;
}

.img-link a img {
    border-style:none;
}

img.img-waku {
    border-style:none;
}


/* お客様の声　枠 */
.koewaku{
    font-weight:nomal;
    min-height:50px; 
    height:auto !important; 
    height:50px;
    margin:10px 0px 10px 0px;padding:10px;
	background: #EEE;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
    border:2px solid #999;
}
/* レンタル　枠 */
.rentwaku{
    font-weight:nomal;
    min-height:50px; 
    height:auto !important; 
    height:50px;
    margin:10px 0px 10px 0px;padding:10px;
	background: #f7d6d2;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
    border:1px solid #f7b7af;
}

/* --- FAQエリア --- */
ol.qa {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}

/* --- リスト項目の内容 --- */
ol.qa dl {
margin: 0;
background: #f9f9f9 url(https://www.arpeggio-gakki.mom/data/arpeggio/image/2016/qa_back.gif) repeat-x top; /* リスト項目の背景 */
}

/* --- Questionエリア --- */
ol.qa dt {
margin: 0;
padding: 8px 6px 6px 35px; /* Questionエリアのパディング（上右下左） */
background: url(https://www.arpeggio-gakki.mom/data/arpeggio/image/2016/q2g.gif) no-repeat 4px 5px; /* Questionエリアの背景 */
border: 1px #c0c0c0 solid; /* Questionエリアの境界線 */
font-weight: bold;
line-height: 120%;
}

/* --- Answerエリア --- */
ol.qa dd {
margin: 0;
padding: 11px 6px 25px 35px; /* Answerエリアのパディング（上右下左） */
background: #ffffff url(https://www.arpeggio-gakki.mom/data/arpeggio/image/2016/a10.gif) no-repeat 4px 8px; /* Answerエリアの背景 */
line-height: 150%;
}

/* --- 修理部分 --- */

/* --- 文字大 --- */
.shu-dai {
	font-size:140%;
}

/* --- 文字赤 --- */
.shu-aka{
	color:#F0171A;
}

/* --- 黒背景 --- */
h2.m01 {
	padding: .5em .75em;
	border: 1px solid #ccc;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#000000;
	font-size:18px;
	color:#FFFFFF;
	width:95%;
	margin:20px 0px;
}

/* --- 青背景 --- */
h2.m02 {
	padding: .5em .75em;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#000066;
	font-size:18px;
	color:#FFFFFF;
	width:100%;
	margin:20px 0px;
}

/* --- グレー背景 --- */
h2.m03 {
	padding: .5em .75em;
	border: 1px solid #000;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#EEEEEE;
	font-size:18px;
	color:#000000;
	width:100%;
	margin:20px 0px;
}

/* --- 左ボーダー --- */
h2.m04 {
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #000066;
	border-bottom: 1px solid #ccc;
	font-size:18px;
	width:95%;
	margin:20px 0px;
}

/* --- 区切り線 --- */

hr.shukugiri{
	border-top: 3px solid #8c8b8b;
  width:100%;
}

/* --- テーブル --- */
.shu-te{
width: 100%;
border-collapse: collapse;
}
.shu-te th{
width: 25%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.shu-te td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

/* --- 扉ページ部分 --- */
.top-cont-01{
		width:728px;
		margin:0px;
		padding:0px;
	}
	.top-cont-02{
		position:relative;
		display:block;
		width:728px;
		height:130px;
		background-image:url(https://www.arpeggio-gakki.mom/data/arpeggio/image/2016/t-shu-02.jpg);
		margin-bottom:20px;
		
	}
	.top-cont-02 a{
		display:block;
		width:728px;
		height:130px;
	}
	.top-cont-02 .t-inner {
		position:absolute; /* 絶対配置 */
		font-size:140%;
    top:30%; /* 上から半分 */
	padding-left:20px;
	line-height:140%;
	}
	.top-cont-03 {
		font-size:160%;
		text-align:center;
		width:100%;
		padding:15px 0px;
	}
	.top-cont-03_r {
		clear:both;
		margin-top:20px;
		width:50%;
		float:right;		
	}
	.top-cont-03_r p {
		font-size:140%;
		text-align:center;
		padding:15px 0px;
	}
	
	.top-cont-03_l {
		margin-top:20px;
		width:50%;
	}
	
	.top-cont-03_l p {
		font-size:140%;
		text-align:center;
		padding:15px 0px;
	}

	.side_box .t-side-cont {
		text-align:center;
}
/* --- テーブル基本ボーダーなし --- */

.arp_tb table, th, td {
  border:none;
}

/*************************************************************/

/* アルペジオ楽器 */

/*************************************************************/
/* スライドテーブル */
.table-scroll{
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
  width:200px; /*今回の設置を分かりやすくするためワザと狭い幅を指定。本来は不必要な指定です。*/
}

/* 以下、スクロールバーを追加 */
.table-scroll::-webkit-scrollbar{　　
 height: 5px;
}
.table-scroll::-webkit-scrollbar-track{
 background: #333;
}
.table-scroll::-webkit-scrollbar-thumb {
 background: #999;
}

/* 以下、tableの指定 */
.table-scroll table{
  border-collapse:collapse;
  border-spacing:0;
  border-top:#ccc solid 1px;
  border-left:#ccc solid 1px;
}
.table-scroll table th,
.table-scroll table td{
  padding:10px 15px;
  font-weight:normal;
  border-right:#ccc solid 1px;
  border-bottom:#ccc solid 1px;
  font-size:12px;
}
.table-scroll table th{
  background:#eee;
  width:80px;
}
/* スクロール2　.t-sc-2 */

.t-sc-2 table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 700px;
  table-layout: fixed;
}

.t-sc-2 table tr {
  background-color: #fff;
  padding: .35em;
  border: 2px solid #eee;
}
.t-sc-2 table tr:last-child{
  border: none;
}
.t-sc-2 table th{
  padding: 2em;
  border-right: 2px solid #fff;
}
.t-sc-2 table td {
  padding: 2em .5em;
  border-right: 2px solid #eee;
  text-align: center;
    font-size: 1.1em;
}
.t-sc-2 table th {
  font-size: .95em;
}
.t-sc-2 table thead tr{
  background-color: #50535d;
  color:#fff;
}
.t-sc-2 table tbody th {
    border-right: 2px solid #eee;
}
.t-sc-2 th.non {
    border-right: none;
}
.t-sc-2 .txt{
   text-align: left;
   font-size: .85em;
}
.t-sc-2 .price{
  color: #000;
  font-weight: bold;
  font-size:1.3em
}
.t-sc-2 .price span {
    font-size: .6em;
}
.t-sc-2 .red_bk{
  background:#65318e
}
.t-sc-2 .red-txt{
  color:#e81010
}
.t-sc-2 .btn{
  background:#e81010;
  border: 2px solid #e81010;
  color:#fff;
  padding: 1em;
  border-radius:20px;
  display:block;
  text-decoration:none;
  font-size:.95em
}
.t-sc-2 .btn:hover{
  background: #fff;
  border: 2px solid #e81010;
  color: #e81010;
  transition: .2s;
}
.t-sc-2 table .btnarea td {
  padding: .2em .5em;
  border-right:none
}

@media screen and (max-width: 600px) {
  .t-sc-2{
     overflow-x: scroll;
  }
}



/* --- 注意事項レスポンシブテーブル --- */
.tbl-r02 th {
  background: #e9727e;
  border: solid 1px #ccc;
  color: #fff;
  padding: 10px;
    width:20%;
}
.tbl-r02 td {
　border: solid 1px #ccc;
  padding: 10px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}

/* --- その他楽器レスポンシブテーブル --- */
.tbl-r05 th {
  background: #eeeeee;
  border: solid 1px #ccc;
  color: #000;
  padding: 10px;
    width:20%;
}
.tbl-r05 td {
　border: solid 1px #ccc;
  padding: 10px;
}

.tbl-r05 td:first-child {
  background: #fbf5f5;
}
@media screen and (max-width: 640px) {
  .tbl-r05 {
    width: 100%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #e9727e;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
}

/* グリッド */
.san_cssgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 1fr auto;
  grid-gap: 0.8em;
  padding: 0em;
  margin: 0 0 2em;
}
.san_cssgrid > div {
  overflow: auto;
  min-width: 0;
  padding: 0.5em;
}

@media screen and (max-width:600px) {

.san_cssgrid {
  grid-gap: 0;
  margin: 0;
}
  .san_cssgrid > div {
    padding:  0.5em 1.2em 0.5em 0;
  }

}

 /* グリッド　隙間なし */
.san_cssgrid_02 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0;
  padding: 0em;
  margin: 0 0 2em;
}
.san_cssgrid_02 > div {
  overflow: auto;
  min-width: 0;
  padding: 0;
}

.san_grid_bgbk {
display: flex;
align-items: center;/* 上下の中央寄せ */
background-color: #000;
color: #fff;
}

.san_grid_box {
margin: 1.5em;
  line-height: 140%;
}

/* グリッド分割 */

.san_wrap {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
}

/* レンタル再入荷通知デザイン */

.restock_area {
  text-align: center; /* フォームを中央揃えに */
  margin: 20px 0;
}

.restock_area input[type="submit"] {
  width: 100%;              /* 横幅を100%に設定 */
  background-color: #f5b042; /* ボタンの背景色 */
  color: white;              /* 文字色 */
  padding: 20px; /* ← 縦横ともに余白が増える（高さも増える） */
  border: none;              /* 枠線なし */
  border-radius: 5px;        /* 角丸 */
  font-size: 16px;           /* フォントサイズ */
  cursor: pointer;           /* カーソルをポインターに */
  transition: background-color 0.3s ease; /* ホバー時のアニメーション */
}

.restock_area input[type="submit"]:hover {
  background-color: #0056b3; /* ホバー時の色 */
}

/* レンタル再入荷通知デザイン2 */
.login_button {
  background-color: #2a5bbf; /* ボタンの背景色 */
  color: white;             /* 文字色 */
  font-size: 16px;          /* 文字サイズ */
  padding: 12px 24px;       /* パディング */
  border: none;             /* 枠線なし */
  border-radius: 20px;      /* 角丸 */
  cursor: pointer;          /* ホバー時にポインター */
  width: 100%;              /* 幅いっぱいに */
  text-align: center;       /* 中央揃え */
  box-sizing: border-box;   /* ボックスサイズ調整 */
}

.login_button:hover {
  background-color: #1e4aa3; /* ホバー時の背景色 */
}