@charset "UTF-8";
/* pages */

/* title
------------------------------------------------------------ */
#title { width: 1000px; margin: 100px auto 40px;}
#title h3 { font-size: 240%; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-family: 'Cormorant', serif;}
#title ul {display: flex; font-size: 90%;}
#title ul li { margin: 4px 8px 12px 0;}
#title ul li::before{
 content: ">";
 margin-right: 4px;
}
#title ul li:first-child::before {
 content: "";
	margin-right: 0;
}

@media screen and (max-width:480px) {
 #title { width: 90%; margin: 80px auto 40px;}
}

/* title products
------------------------------------------------------------ */
#title_products { width: 1000px; margin: 100px auto 40px;}
#title_products h3 { font-size: 320%; padding-bottom: 10px; border-bottom: 1px solid #ccc; font-family: 'Cormorant', serif;}
#title_products ul {display: flex; font-size: 90%;}
#title_products ul li { margin: 4px 8px 12px 0;}
#title_products ul li::before{
 content: ">";
 margin-right: 4px;
}
#title_products ul li:first-child::before {
 content: "";
	margin-right: 0;
}

@media screen and (max-width:480px) {
 #title_products { width: 90%; margin: 80px auto 20px;}
	#title_products h3 { font-size: 250%;}
}

/* all‐purpose
------------------------------------------------------------ */
.container { width: 1000px; margin: 0 auto 80px;}
h4 { font-size: 130%; padding-bottom: 4px; border-bottom: solid 2px #ccc; position: relative;	margin-bottom: 20px; display: inline-block;}
h4:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #000;
  bottom: -2px;
}
h4.bk25:after {width: 25%;}
h4.bk28:after {width: 28%;}
h4.bk32:after {width: 32%;}
h4.bk46:after {width: 46%;}
h4.bk50:after {width: 50%;}
h4.bk56:after {width: 56%;}
h4.bk60:after {width: 60%;}
h4.bk68:after {width: 68%;}
h4.bk76:after {width: 76%;}

p.cormorant {font-family: 'Cormorant', serif;}

.pc { display: block !important; }
.sp { display: none !important; }

@media screen and (max-width:480px) {
 .container { width: 90%; margin: 0 auto 80px;}
 .container img {
		width:100%;
		max-width: 100%;
		height: auto;
	}
	.pc { display: none !important; }
 .sp { display: block !important; }
}

/*	table
------------------------------------------------------------ */
.table_default { border-collapse:collapse;margin-bottom: 100px; border: 1px solid #ccc;}
.table_default th{ border-bottom:1px solid #ccc; border-right: 1px solid #ccc; padding: 4px 8px; background: #f0f0f0; text-align: center;}
.table_default td{ padding:4px 8px; border-bottom:1px solid #ccc; border-right: 1px solid #ccc;}


/* products
------------------------------------------------------------ */
.acoustic { background-image: url("../../products/acoustic/images/product_bg.jpg"); background-size: 1000px 600px; background-repeat: no-repeat; background-position: center top;}
.bass_wired_2s { background-image: url("../../products/bass_wired/images/product_2s_bg.jpg"); background-size: 1000px 600px; background-repeat: no-repeat; background-position: center top;}
.bass_wired { background-image: url("../../products/bass_wired/images/product_bg.jpg"); background-size: 1000px 600px; background-repeat: no-repeat; background-position: center top;}
.booster { background-image: url("../../products/booster/images/product_bg.jpg"); background-size: 1000px 600px; background-repeat: no-repeat; background-position: center top;}
.buffer { background-image: url("../../products/buffer/images/product_bg.jpg"); background-size: 1000px 600px; background-repeat: no-repeat; background-position: center top;}
.ds { background-image: url("../../products/distortion/images/product_bg.jpg"); background-size: 1000px 600px; background-repeat: no-repeat; background-position: center top;}
.od { background-image: url("../../products/overdrive/images/product_bg.jpg"); background-size: 1000px 600px; background-repeat: no-repeat; background-position: center top;}
.preamp { background-image: url("../../products/preamp/images/product_bg.jpg"); background-size: 1000px 600px; background-repeat: no-repeat; background-position: center top;}

h5 {font-size: 120%; margin-bottom: 20px;}

ul.ul_products {	margin-left:20px; margin-bottom: 40px;}
ul.ul_products li { list-style-type:circle;}

.table_spec { border-top: 1px solid #ccc; border-collapse: collapse; font-size: 100%; margin-bottom: 80px;}
.table_spec th{ padding: 6px 10px; border-bottom:1px solid #ccc; border-right: 1px solid #ccc; vertical-align: top;}
.table_spec td{ padding: 6px 10px; border-bottom:1px solid #ccc; vertical-align: top;}

.icons_container { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: flex;}
.icons_container ul{ display: flex;}
.icons_container ul li { margin-right: 20px;}
.icons_container ul li:last-child{ margin-right: 0;}
.icons_container ul li.pdf {background-image: url("../icons/icon_pdf.svg"); background-size: 36px 36px; background-repeat: no-repeat; background-position: left center; padding:16px 0 16px 44px;}
.icons_container ul li.buy_now { background-image: url("../icons/icon_buy_now.svg"); background-size: 36px 36px; background-repeat: no-repeat; background-position: left center; padding:16px 0 16px 44px;}

@media screen and (max-width:480px) {
 .acoustic { background-image: url("../../products/acoustic/images/product.jpg"); background-size: 320px 500px; background-repeat: no-repeat; background-position: center top;}
 .bass_wired_2s { background-image: url("../../products/bass_wired/images/product.jpg"); background-size: 320px 500px; background-repeat: no-repeat; background-position: center top;}
 .bass_wired { background-image: url("../../products/bass_wired/images/product_2s.jpg"); background-size: 320px 500px; background-repeat: no-repeat; background-position: center top;}
	.booster { background-image: url("../../products/booster/images/product.jpg"); background-size: 320px 500px; background-repeat: no-repeat; background-position: center top;}
 .buffer { background-image: url("../../products/buffer/images/product.jpg"); background-size: 320px 500px; background-repeat: no-repeat; background-position: center top;}
 .ds { background-image: url("../../products/distortion/images/product.jpg"); background-size: 320px 500px; background-repeat: no-repeat; background-position: center top;}
 .od { background-image: url("../../products/overdrive/images/product.jpg"); background-size: 320px 500px; background-repeat: no-repeat; background-position: center top;}
 .preamp { background-image: url("../../products/preamp/images/product.jpg"); background-size: 320px 500px; background-repeat: no-repeat; background-position: center top;}
	
	h5 {font-size: 120%; margin-bottom: 280px;}
	
	ul.ul_products {	margin-left:20px; margin-bottom: 20px;}
	ul.ul_products li { list-style-type:circle;}
	
	.table_spec { border-top: none; border-collapse: collapse; margin-bottom: 40px; width: 100%;}
 .table_spec th{ padding: 4px 0 4px 10px; border-bottom:none; background: #f0f0f0; display: block; border-right: none;}
 .table_spec td{ padding: 4px 0 20px 10px; border-bottom:none; display: block;}
}




/* pro use 01 TK
------------------------------------------------------------ */
.pro_use01_left { float: left; width: 600px;}
.pro_use01_right { float: right; width: 400px; text-align: center;}
.pro_use01_txt { padding: 20px 10px; margin-bottom: 60px;}
.pro_use01_right .pc { display: inline-block !important; }
.pro_use01_right .sp { display: none !important; }

@media screen and (max-width:480px){
 .pro_use01_left { float: none; width: 100%;}
 .pro_use01_right { float: none; width: 100%;}
 .pro_use01_right .pc { display: none !important; }
 .pro_use01_right .sp { display: block !important; }
 .pro_use01_txt { padding: 0; margin-bottom: 60px;}
}

/* pro use 02 345
------------------------------------------------------------ */
.pro_use02 {
 background:url("../../pro_use/images/bw_bg.jpg") 50% 0 no-repeat;
 background-size: 1000px 650px;
 width: 1000px;
 height: 650px;
	margin: 0 auto 200px;
}
.pro_use02 .pro_use02_left { float: left; width: 400px; text-align: center;}
.pro_use02 .pro_use02_right { float: right; width: 600px;}
.pro_use02 .pro_use02_right .txt { width: 460px; padding: 20px 10px; float: right;}
.pro_use02 .pro_use02_left .pc { display: inline-block !important; }
.pro_use02 .pro_use02_left .sp { display: none !important; }

@media screen and (max-width:480px){
 .pro_use02 {
  background:#fff;
  width: 100%;
  height: auto;
  margin: 0 auto 60px;
 }
 .pro_use02 .pro_use02_left { float: none; width: 100%;}
 .pro_use02 .pro_use02_right { float: none; width: 100%;}
 .pro_use02 .pro_use02_right .txt { width: 100%; padding: 0; float: none; margin-top: 20px;}
 
 .pro_use02 .pro_use02_left .pc { display: none !important; }
 .pro_use02 .pro_use02_left .sp { display: block !important; }
}

/* pro use 03 Kenji
------------------------------------------------------------ */
.pro_use03_left { width: 500px; float: left; margin-bottom: 100px;}
.pro_use03_right { width: 460px; float: right; margin-bottom: 100px;}

@media screen and (max-width:480px){
 .pro_use03_left { width: 100%; float: none; margin-bottom: 20px;}
 .pro_use03_right { width: 100%; float: none; margin-bottom: 100px;}
}

/* pro use 04 LARRY
------------------------------------------------------------ */
.pro_use04_left { float: left; width: 400px;}
.pro_use04_right { float: right; width: 600px;}
.pro_use04_txt { padding: 20px 10px; margin-bottom: 100px;}
.pro_use04_right .pc { display: block !important; }
.pro_use04_right .sp { display: none !important; }

@media screen and (max-width:480px){
 .pro_use04_left { float: none; width: 100%;}
 .pro_use04_right { float: none; width: 100%;}
 .pro_use04_right .pc { display: none !important; }
 .pro_use04_right .sp { display: block !important; }
 .pro_use04_txt { margin-bottom: 60px;}
}

/* T-shirt
------------------------------------------------------------ */
.t-shirt { width: 840px; margin: 0 auto 40px; display: flex; justify-content: space-between;}
.t-shirt div {text-align: right;}
.t-shirt div img { margin-bottom: 10px;}
@media screen and (max-width:480px){
	.t-shirt { width: 100%; margin: 0 auto 40px; display: block;}
	.t-shirt div {text-align: right; margin-bottom: 20px;}
	.t-shirt div img { margin-bottom: 10px;}
}

/* faq
------------------------------------------------------------ */
ul.faq { }
ul.faq li.q { background:url(../../info/images/icon_q.svg) no-repeat left top; background-size:30px 30px; padding:4px 0 16px 40px;}
ul.faq li.a { background:url(../../info/images/icon_a.svg) no-repeat left top; background-size:30px 30px; padding:4px 0 40px 40px; margin-bottom:40px; border-bottom:1px dotted #ccc;}

/*	info shop
------------------------------------------------------------ */
.shops_banner { width:540px; margin:0 auto 60px; display: flex;}
.shops_banner .box { width: 240px; margin-right: 60px;}
.shops_banner .box:last-child{margin-right: 0;}

@media screen and (max-width: 480px) {
 .shops_banner { width: 100%; display: block; margin-bottom: 60px;}
 .shops_banner .box { width: 100%; margin-right: 0; margin-bottom: 20px; text-align: center;}
 .shops_banner .box img {max-width: 240px; height: auto;}
}


table.shops { width: 80%; border-collapse: collapse; margin: 0 auto;}
table.shops tr{border-bottom: solid 1px white;}
table.shops tr:last-child{border-bottom: none;}
table.shops th{
 position: relative;
 text-align: left;
 vertical-align: top;
 background-color: #333333;
 color: white;
 padding: 8px 16px;
 width: 18%;
 white-space: nowrap;
}

table.shops td{
  text-align: left;
  padding: 8px 24px;
}
table.shops tr:nth-child(even) td {
	background: #fafafa;
}

table.shops th a:link { text-decoration: underline; color:#f0f0f0; }
table.shops th a:visited { text-decoration: underline; color:#f0f0f0; }
table.shops th a:hover { text-decoration: underline; color:#fff; }
table.shops th a:active { text-decoration: underline; color:#f0f0f0; }

@media screen and (max-width: 480px) {
 table.shops { width: 100%; border-collapse: collapse;}
 table.shops th { padding: 8px 12px;}
 table.shops td { padding: 8px 12px;}
}

/*	company
------------------------------------------------------------ */
.table_company { border-collapse:collapse;margin-bottom: 100px; width: 100%;}
.table_company th{ border-bottom:1px solid #000; padding: 10px; vertical-align: top;}
.table_company td{ padding:10px 0 10px 40px;}

@media screen and (max-width:480px) {
 .table_company { border-collapse:collapse;margin-bottom: 100px; width: 100%;}
 .table_company th{ border-bottom:1px solid #000; padding: 0 0 4px 8px; white-space: nowrap; display: block;}
 .table_company td{ padding: 4px 0 32px 8px; display: block;}
}