@charset "utf-8";html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-weight: normal;font-size: 100%;vertical-align: baseline; background:none;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}html{    overflow-y: scroll;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}input, textarea,{margin: 0;padding: 0;}ol, ul{    list-style:none;}table{    border-collapse: collapse;     border-spacing:0;}caption, th{    text-align: left;}a:focus {outline:none;}.clearfix:after {content: "."; display: block;clear: both;height: 0;visibility: hidden;}.clearfix {min-height: 1px;}* html .clearfix {height: 1px;/*\*//*/height: auto;overflow: hidden;/**/}
body{
	width:100%;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif !important;
	text-align:center;
	line-height:1.8 !important;
}
ul{
	margin:0; padding:0;
}
body.light{
	color:#433;
	background:#fff;
}
body.dark{
	color:#988;
	background:#000;
}
.dark a{
	color:#ddd;
}
.dark a:hover{
	color:#fff;
}
.dark a.btn,
.dark a:hover.btn{
	color:#fff;
}
.dark strong{
	color:#ff8000;
}
.wrapper{
	max-width:1000px;
	margin:auto;
}
.wrapper.sp{
}
#snsbox{
	clear:both;
	text-align:center;
}
#snsbox ul{
	width:100%;
	font-size:90%;
	max-width:100%;
	list-type:none;
	height:32px
	line-height:32px;
	padding:0;
	margin:0;
	text-align:center;
	vertical-align:middle !important;
}
.light #snsbox ul{
	background:#e1e2e6;
}
.dark #snsbox ul{
	background:#333;
}

#snsbox ul li{
	display:inline-block;
	padding: 0;
	margin: 0 2px;
	width:96px;
	height:32px
	margin:1px;
	line-height:32px;
	text-align:center !important;
	vertical-align:middle !important;
}
#snsbox ul li.apbtn{
	width:106px;
}
#snsbox ul li *{
	vertical-align:middle !important;
}
article{
	text-align:left;
}
article h1{
	margin:0;
	font-size:24pt;
	line-height:1.6;
}
.light article h1{
	color:#433;
}
.dark article h1{
	color:#fff !important;
}

article h1 img{
	width:100%;
	max-width:100%;
	height:auto;
}
h2,
article h3{
	clear:both;
	margin:0 0 0.6em 0;
	font-weight:bold;
	line-height:1.6;
}
article h2{
	font-size:18pt;
	line-height:1.6;
}
article h3{
	font-size:15pt;
}
article .cols{
	width:100%;
	font-size:0pt;
}
article .cols > div{
	display:inline-block;
	margin:1%;
	font-size:11pt;
	vertical-align:top;
}
article .cols > div.nomargin{
	margin:0;
}
article .cols > div img{
	max-width:100%;
}
article .cols .col_2{
	width:48%;
}
article .cols .col_33{
	width:31%;
}
article .cols .col_66{
	width:64%;
}
article .cols .col_66.nomargin{
	width:66.66%;
}
article .cols .col_3{
	width:31%;
}
article .cols .col_3.nomargin,
article .cols .col_33.nomargin{
	width:33.33%;
}
article .cols .col_4{
	width:23%;
}
article .cols .col_4.nomargin{
	width:25%;
}
.al_c{
	text-align:center;
}
.al_r{
	text-align:right;
}
.al_l{
	text-align:left;
}

article .cols > .val_b{
	vertical-align:baseline;
}
.youtube{
	width:100%;
	height:auto;
	text-align:center;
}
.youtube iframe{
	margin:auto;
}

.is_btn{
	display:block;
	line-height:3em;
	text-align:center;
	text-decoration:none !important;
	color:#fff !important;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background-color:#06c;
}
.is_btn:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}
.is_btn img{
	width:100%; height:auto;
	max-width:240px;
}
.is_btn-s{
	font-size:140%;
}
.is_btn-m{
	font-size:160%;
}
.is_btn-l{
	font-size:190%;
}
.is_btn_no{
	line-height:3em;
	text-align:center;
	text-decoration:none !important;
	color:#fff !important;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background-color:#a99;
}
.stxt{
	font-size:80%;
	line-height:1.3;
}
.location{
	margin-bottom:10px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#eee;
}
.light .location{
	background:#eee;
}
.dark .location{
	background:#222;
}
.map{
	text-align:center;
}
.map img{
	border:1px solid;
	width:100%; height:auto;
}
.link p{
	text-align:center;
}

/* ページ装飾 */
body.dark{
	background:url(/feature/sadowskybass/bg.jpg) no-repeat 50% 100% #000 fixed;
}
.main_title{
	width:100%;
	text-align:center;
}
.main_title h1{
	max-width:1000px;
	height:auto;
	margin:0 auto;
}
.main_title img{
	max-width:100%;
	margin:auto;
}
article{
	max-width:1000px;
	margin:40px auto;
}
article.lead_box strong{
	font-size:160%;
}
article.bass{
	padding:10px;
	border:1px dotted #ff8000;
}
.wrapper h2{
	padding:0.5em;
	text-align:left;
	color:#ff8000;
	border-left:4px solid #ff8000;
}
.wrapper h2.btn_ct{
	padding:0;
	border:none;
}
.wrapper h2.btn_ct.fade{
		opacity: 0;
}
.wrapper h2.btn_ct a img{
	 -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.wrapper h2.btn_ct a:hover img{
	opacity:0;
	filter:alpha(opacity=0);
}
.wrapper h2.btn_ct.btn_v4{
	background:url(btn_bg_v4.png) no-repeat 0 0;
	background-size:cover;
}
.wrapper h2.btn_ct.btn_v5{
	background:url(btn_bg_v5.png) no-repeat 0 0;
	background-size:cover;
}
.wrapper h2.btn_ct.btn_cst{
	background:url(btn_bg_cst.png) no-repeat 0 0;
	background-size:cover;
}
.takheader{
	position:releative;
}
.btn_ct_fxmenu{
	display:none;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	text-align:center;
	background:#000;
}
.btn_ct_fxmenu.fixed{
	position:fixed;
	top:0; left:0;
}
.btn_ct_fxmenu li{
	display:inline-block;
	width:31%;
	margin:1%;
}
.mainmenu li{
	float:left;
	width:50%;
	text-align:center;
}
.wrapper h3{
	color:#ff8000;
}
.d_photo{
	width:100%;
	margin:10px auto;
}
.d_photo li{
	width:16.66%;
	float:left;
}
.d_photo li img{
	max-width:100%;
}
.pull-left img{
	max-width:200px !important;
	margin-bottom:10px;
	margin-right:10px;
}
.pagelink{
	width:100%;
	margin:10px 0;
	font-size:130%;
	text-align:center;
}
.pagelink a{
	display:block;
	padding:1em 0;
	background:#222;
}
.pagelink a:hover{
	text-decoration:none;
	background:#334;
}
.pagelink.toppage a{
	background:#f80;
}
.pagelink.toppage a:hover{
	background:#fa0;
}
.mv_link{
	display:block;
	padding:0.5em;
	font-size:140%;
	background:#334;
}
.mv_link:hover{
	background:#445;
}
.yt_tn:hover{
	cursor:pointer;
}
@media only screen and (max-width:1000px){
	article{width:98%; margin:20px 1%;}
	.lead_box{width:98%; margin:1%;}
}
@media only screen and (max-width:800px){
	article .cols .col_3,article .cols .col_4{width:48%;}
}
@media only screen and (max-width:640px){
	.mv_link{font-size:120%;}
	.youtube{position:relative; width:100%; height:auto;}
	.youtube:after{content:""; display:block; padding-top:56.25%;}
	.youtube.as43:after{content:""; display:block; padding-top:75%;}
	.youtube iframe,.youtube .yt_tn{position:absolute; top:0; left:0; width:100% !important; height:100%;}
	article.lead_box strong{font-size:110%;}
	article .cols .col_2.sm,article .cols .col_3.sm{width:48%;}
	article .cols .col_3.nomargin,article .cols .col_4.nomargin{width:50%;}
	article .cols .col_2.md{width:98%;}
	article .cols .nomargin{width:100%;}
	article .cols .col_33,article .cols .col_66{width:48%;}
	article .cols .col_33.nomargin,article .cols .col_66.nomargin{width:50%;}
	/*.d_photo li{width:33.33%;}*/
	.sub_title h2{font-size:160%; height:80px; background-size:auto cover;}
	.li_photo{width:48%;}
	.wrapper.store .staff_name{width:100%;}
	.pull-left img{max-width:150px !important;}
	.bass .spec{font-size:80%; line-height:1.4;}
}
@media only screen and (max-width:480px){
	article .cols .col_2,article .cols .col_3{width:98%;}
	article .cols .col_33,article .cols .col_66{width:98%;}
	article .cols .col_33.nomargin,article .cols .col_66.nomargin{width:100%;}
}
@media only screen and (max-width:320px){
	article .cols .col_4{width:98%;}
	article .cols .col_33,article .cols .col_66{width:98%;}
	article .cols .col_4.nomargin,article .cols .col_33.nomargin,article .cols .col_66.nomargin{width:98%;}
}

footer{
	width:100%;
	clear:both;
	text-align:center;
	background:#f0ebeb;
}
footer #global_footer{
	width:940px;
	margin:auto;
	text-align:left;
}
.sp_btn{
	width:90%;
	margin:20px auto;
	padding:0;
	list-style:none;
	text-align:center;
	font-size:0;
}
.sp_btn li{
	display:inline-block;
	width:50%;
	height:2.4em;
	margin:auto;
	line-height:2.4;
	font-size:14pt;
	background:#eee;
}
.sp_btn li a{
	display:block;
	color:#fff;
	background:#06f;
}