@charset "utf-8";
/* CSS Document */

/***共通項目***/
body { overflow-x:hidden; }

@media (min-width: 769px) {
	a[href^="tel:"] { pointer-events: none; }
}

.w100 { width:100%; }

a, a:visited { color:#E60012; }
a:hover { text-decoration:underline; }
a img { transition:0.6s; }

hr { border:none; border-bottom:solid 1px #DCDDDD; }

div.row { padding:0; }
div.container-fluid { padding:0; }

.none { display:none; }

/***コンテンツ***/
.content { padding:2.0rem 1.0rem; margin:1.0rem auto; }
.content h1 { font-size:2.0rem; font-weight:700; text-align:center; margin-bottom:2.0rem; }
.content .text { font-size:1.4rem; margin:0 auto; max-width:900px; text-indent:1.0rem; font-weight:400; }

.btn { background-color:#F4F5F5; margin-bottom:2.0rem; }

.modal_box { padding:2.0rem; color:#FFF; }
.modal_box .container { max-width:400px; }
.modal_box img { display:block; margin:auto; width:100%;  }
.modal_box .text { font-size:1.0rem; }
.modal_box .text span { font-size:1.4rem; font-weight:700; }
.modal_box p.stock { text-align:right !important; }
.modal_box p.stock a, .modal_box p.stock a:visited { color:#FC0 !important; }

.qa { text-align:center; max-width:800px; margin:auto; }
.qa img { width:100%; }
.qa:first-child { padding-bottom:1.0rem; border-bottom:dashed 1px #333; }

.brand { background-color:#FFF; padding:2.0rem; border-radius:1.0rem; margin-bottom:2.0rem; }
.brand:last-child { margin-bottom:0; }
.brand span[class^="icon-"] { font-size:2.0rem; }
.brand p, .textbox p { font-size:1.4rem; margin:0.5rem auto; }

.icon-roland { color:#F5B32D; }
.icon-kawai { color:#E30012; }
.icon-yamaha { color:#601983; }
.icon-korg { color:#009DE6; }
.icon-casio { color:#1D2085; }

.model .sample { font-size:1.0rem; border-bottom:solid 1px #000; }
.model .multiple-item li { padding:0.25rem; }
.model .stock { font-size:0.8rem; text-align:right; }

.outro, .txt { padding:2.0rem; font-size:1.4rem; font-weight:400; }
.outro span, .txt span { font-weight:700; }
.outro { border-bottom:solid 1px #333; }

.sample, .heading { font-weight:700; }
.sample span, .heading span { color:#E60012; }
.heading { border-bottom:solid 1px #000; }

.textbox { background-color:#FFF; border-radius:1.0rem; padding:1.0rem 2.0rem; margin-bottom:0.5rem; } 
	@media (min-width: 768px) {
		.textbox p.sample { text-indent:-3.5rem; margin-left:3.5rem; }
	}

.textbox a, .textbox a:hover, .child a, .child a:hover { color:#333; }

.pt1 { padding:0.5rem 0; }
.pt1 span[class^="icon-"] { font-size:2.0rem; }
.pt1 div[class^="col-"] { margin-bottom:0.5rem; }
.pt1 div[class^="col-"]:last-child { margin-bottom:0; }
.pt1 p { font-weight:500; margin-top:-0.1rem; }

.size { font-size:1.0rem; font-weight:700; text-align:center; }
.size span { font-size:2.0rem; color:#F00; }

p.child { font-size:2.0rem; font-weight:700; }

p.saport { font-weight:700; text-align:center; }
	@media (min-width: 769px) {
		p.saport span { font-size:2.0rem; }
	}
p.saport a, p.saport a:visited { color:#09F; }