@charset "UTF-8";
address, blockquote, code, fieldset,h1,h2, h3, h4, h5, h6, hr, li, menu, p, pre, q, dt,dd, samp, table{padding:0;margin:0 0 1.4em;list-style:none;line-height:150%;letter-spacing:0.04em;font-weight:normal;/* text-align:justify; */}
h1,h2,h3,h4,h5,h6,h7{font-size:29px;line-height:150%;margin:0 0 0.2em;}
html{}
html,body{height:100%; width:100%;}
body{margin:auto;font-size:15px;font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;line-height:2.1;_font-family:"ＭＳ Ｐゴシック";color:#000;}
a{color:#fff;text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
a:link{text-decoration:none;}
a:hover, a:active{text-decoration:none;}
a:hover{text-decoration:none;opacity:.5;filter:alpha(opacity=50);-moz-opacity:0.5;-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
h1.font{text-decoration:none;/* color:#000; */}
.font,h1,h2{font-family:"pill-gothic-300mg","游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
#top{ height:400px; width:100%; background:#fff;}
#top h1 a{display:block;}
#top h1{padding:140px 0 0 0; margin:0 auto; max-width:240px; width:100%;}


#trekkietrax{ height:400px; width:100%;}
#trekkietrax a{display:block;height:100%;background: #000 url(http://carelesscritic.com/sp/trekkietrax/common/P1150563-2.jpg) center 7% no-repeat;background-size: 110%;}
#trekkietrax a:hover {background-size:102%;}
#trekkietrax a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}

#rothbartbaron{ height:400px; width:100%;}
#rothbartbaron a{display:block; height:100%;background: #000 url(http://carelesscritic.com/sp/rothbartbaron/common/3/020FH000020.JPG) center 65% no-repeat; background-size:100%;}
#rothbartbaron a:hover {background-size:102%;}
#rothbartbaron a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}

#teeddyloidikedatomoko{ height:400px; width:100%;}
#teeddyloidikedatomoko a{display:block; height:100%;background: #000 url(http://carelesscritic.com/sp/teddyloidikedatomoko/common/images/1/20151203_CC_teddyloid%26shiggyikeda0211.jpg) center 44% no-repeat; background-size:100%;}
#teeddyloidikedatomoko a:hover {background-size:102%;}
#teeddyloidikedatomoko a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
#tofubeatspositive{ height:400px; width:100%;}
#tofubeatspositive a{display:block; height:100%;
background-color:#fff;
background-image:url(http://carelesscritic.com/sp/tofubeats-positive/common/images/main_title.png),url(http://carelesscritic.com/sp/tofubeats-positive/common/images/main.jpg);
background-position:100% 20px,50% 30%;
background-size:auto 45%,auto 130%;
background-repeat:no-repeat;
}
#tofubeatspositive a:hover {background-size:auto 45%,auto 132%;}
#tofubeatspositive a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
#ykikibeat{ height:400px; width:100%;}
#ykikibeat a{display:block; height:100%; background: #fff url(http://carelesscritic.com/sp/ykikibeat/common/images/e/9.jpg) center 20% no-repeat; background-size:100%;}
#ykikibeat a:hover {background-size:102%;}
#ykikibeat a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
#yoshidayoheigroup{ height:400px; width:100%;}
#yoshidayoheigroup a{display:block; height:100%; background: #fff url(http://carelesscritic.com/sp/yoshidayoheigroup/common/images/top.jpg) center 24% no-repeat; background-size:100%;}
#yoshidayoheigroup a:hover {background-size:102%;}
#yoshidayoheigroup a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
#loneseiho{ height:400px; width:100%;}
#loneseiho a{display:block; height:100%; background: #FFF url(http://carelesscritic.com/sp/loneseiho/common/images/main1.jpg) center 48% no-repeat; background-size:100%;}
#loneseiho a:hover {background-size:102%;}
#loneseiho a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
#banvox{ height:400px; width:100%;}
#banvox a{display:block; height:100%; background:#fff url(http://carelesscritic.com/sp/banvox/common/images/_DSC0371.jpg) center 58% no-repeat; background-size:100%;}
#banvox a:hover {background-size:102%;}
#banvox a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
#luckytapes{ height:400px; width:100%;}
#luckytapes a{display:block; height:100%; background:#fff url(http://carelesscritic.com/sp/luckytapes/common/images/2015-06-16_cc1_5.jpg) center 19% no-repeat; background-size:100%;}
#luckytapes a:hover {background-size:102%;}
#luckytapes a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
#parkgolf{ height:400px; width:100%;}
#parkgolf a{display:block; height:100%; background:#fff url(../sp/parkgolf/common/images/_DSC0011.jpg) center 19% no-repeat; background-size:100%;}
#parkgolf a:hover {background-size:102%;}
#parkgolf a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
#tofubeats {-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; height:400px; width:100%; display:block; background:#fbfdf8 url(../sp/tofubeats/common/images/2015-04-08_tofu_top.jpg) center 30% no-repeat; background-size:auto 120%; position:relative;}
#tofubeats:hover {background-size:auto 122%;}
/*#tofubeats h1{ font-size:18px !important;}*/
#tofubeats h1,#tofubeats a{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
/*
#tofubeats a{position:absolute; top:0;}*/
#tofubeats a:hover h1{background:rgba(255, 255, 255, 0.5);}
#tofubeats a:hover h1{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
#sugarscampaign{height:400px; width:100%;}
#sugarscampaign a{display:block; height:100%; background:url(../sp/sugarscampaign/common/images/_J0O7370.jpg) center 90%; background-size:100%;}
#sugarscampaign a:hover {background-size:102%;}
#sugarscampaign a h1{text-align:center; line-height:400px; color:#fff; text-shadow:0 0 28px #000; font-size:32px;}
.playlist{ height:400px; width:100%;}
.playlist a{display:block; background:url(https://i.ytimg.com/vi/N9XKLqGqwLA/hqdefault.jpg) center; background-size:100%; border:24px solid #D6F0FD; height:100%; box-sizing:border-box;color:#fff;}
.playlist a:hover {background-size:102%;}
.playlist h1{text-align:center; line-height:352px; font-size:32px; text-shadow:0 0 28px #000;}
footer{padding:80px 0; width:100%; text-align:center;}
footer p{line-height:30px; letter-spacing:2px; font-size:13px; padding:50px 0 0; clear:both;}
footer p a{color:#000; padding: 0px 4px;border-bottom: 1px solid rgba(0,0,0,0.5);margin: 8px 0;display: inline-block;}
footer a{display:block; height:100%;}
footer a h1{text-align:center; line-height:400px; text-shadow:0 0 28px #000;}
footer{ width:100%; background:#fff;}
footer h1 a{display:block;}
footer h1{padding:30px 0 0 0; margin:0 auto; max-width:240px; width:100%;}
footer h1 a img{display:block; width:100%;}
footer h1 a{display:block;}
footer ul{margin:auto; padding:40px 74px; max-width:320px; box-sizing:border-box;}
footer h2{padding:40px 8px; text-align:justify;}
footer ul li{margin:0; padding:0 16px; width:33.3%; float:left; box-sizing:border-box;}
footer ul li a img{width:100%;}
footer ul li a{display:block;}

@media screen and (max-width:800px) {
	#top{ height:200px;}
	#top h1{padding:69px 0 0 0; max-width:150px; font-size:10px !important;}
	h1{}
	#trekkietrax,#rothbartbaron,#teeddyloidikedatomoko,#tofubeatspositive,#ykikibeat,#yoshidayoheigroup,#loneseiho,#banvox,#luckytapes, #parkgolf, #tofubeats, #sugarscampaign{ height:200px;}
	#banvox a {background-position: center bottom;}
	#trekkietrax a h1,#rothbartbaron a h1,#teeddyloidikedatomoko a h1,#tofubeatspositive a h1,#ykikibeat a h1,#yoshidayoheigroup a h1,#loneseiho a h1 ,#banvox a h1, #luckytapes a h1, #parkgolf a h1, #tofubeats h1, #tofubeats a, #sugarscampaign a h1{line-height:200px;}
	.playlist{height:200px;}
	.playlist h1{line-height:160px; /* font-size:16px; */ }
	footer p {padding:0px 8px; line-height:20px; font-size:11px;}
	footer p br{display:none;}
	footer a{display:block; height:100%;}
	footer h1{padding:30px 0 0 0; max-width:140px;}
	footer ul{margin:0 auto 80px;overflow:hidden;}
	footer{ top:auto; left:auto; margin:0; padding:24px 8px; box-sizing:border-box;}
	footer ul{padding:40px 72px 0;}
	footer ul li {}
	h1,h2,h3,h4,h5,h6,h7{font-size:20px;}
}