#loader-bg {position: fixed;width: 100%; height: 100%; top: 0px; left: 0px; background: #000; z-index: 10; }
#loader { position: fixed; top: 50%; left: 50%; width: 200px; height: 200px; margin-top: -100px; margin-left: -100px; text-align: center; color: #fff; z-index: 20;}
#home-main-container{display: none;}
header{background-color: #0b0b0b; padding-top: 12px;}
#logo{width: 70%; margin: 36px 0 24px;}
#zaria-sidebar{display: none;}
.flex{display: flex;flex-flow: row wrap; }
.gallery-cell .flex{ flex-direction:row-reverse;}
.mainimg-text{align-items: center; padding: 0 15px 0 140px;}
.flex-row-reverse{ flex-direction: row-reverse;}
.gallery-cell{width: 100%; min-height: 470px;}
.gallery-cell:hover{text-decoration: none;}
.gallery-cell strong{display: block; font-size: 2.5em; font-weight: 600; position: relative; margin: 36px 0 0; }
.gallery-cell .btn{ margin-top: 24px;}
.btn{color: #fff;}
.mainimg-text{height: 100%;}
.bg-yellow{background-color:#fc0;}
.wrap-content{padding: 60px 0; background-color:#0b0b0b; }
.home-two-column{ height: 100%;}
.home-two-column ul{ list-style: none;}
.home-two-column li{border-bottom: 1px dashed #2a2a2a; padding-bottom: 24px; margin-bottom: 24px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.home-two-column li a{color: #fff; }
.home-two-column li a:hover{text-decoration: none;color: #69b0e7; }
.home-two-column li span{margin-right: 12px;}
.home-two-column .last{border: none; padding:0; margin: 0; }
.home-two-column p{display: block; margin-top: 24px; }
.home-two-column p .btn{margin-top: 24px;}
.btn:hover{border-color:#ca5b41; color:#ca5b41;   } 
.footer{padding: 12px 0;}
.footer .right{float: right;}
.footer .left{float:left;}
.footer .right li{ display:inline-block; text-align:right; margin-left:12px; margin-top: 0;}
.footer .right li a{color: #fff;}
.footer ul{margin-top: 14px;}
.footer .left{margin-top: 16px;}
.sns-icon img{width: 30px; position: relative; margin-top: -12px;}
.sns-icon img:hover{opacity: 0.8;}
#kid-logo img{ height: 24px; position: relative; margin-top: -12px;}
.wrap-page-content{padding: 60px 15px;}
.wrap-page-content h2{ font-size: 1.3em;}
.news-content{min-height: 800px;}
#news article{font-size: 1.2em; border-bottom: 1px solid #313131; margin-bottom: 24px; padding-bottom: 24px;}
#support section{border-top: 1px solid #313131; padding-top: 24px; margin-bottom: 24px; }
#news article a,
#user a{color: #fc0;}

/*details*/
.wrap-details-content{padding: 36px 0;}
.wrap-details-content h1{padding-bottom: 24px; border-bottom: 1px solid #8c8c8c;}
.wrap-details-content h1 span{ font-size: 0.4em; position: relative; top:-8px;}
#details-mainimg img{display: block !important;}
#details-navi ul{clear: both;}
#details-navi li{ width: 16%; display:block; float: left; list-style:none; padding:12px 12px 12px 0; }
#details-navi li img{width: 100%;}
.d-download{margin-top: 24px;}
.d-download a{ display: block; padding-bottom: 12px; color:#fc0; border-bottom: 1px dotted #333; margin-bottom: 12px;}
#details-sidebar iframe{width: 100%; height: 200px;}
#d-soundcloud iframe{ height: 450px;}
.wrap-switching-content ul{list-style: none;}
.switching-btn{display: block; width: 100%; clear: both; height: 80px; margin-top: 24px;}
.switching-btn .add-btn span{border: 1px solid #fff; padding: 10px 30px; float: left; margin-right: 24px; width: 120px; text-align: center; margin-top: 24px; cursor: pointer; margin-bottom: }
.switching-btn .add-btn span:hover,
.switching-btn .select span
{color: #fc0; border: 1px solid #fc0;}
.details-feature,
.details-use{display: block; width: 100%; margin-top: 24px;}
.sc-hide{display: none;}
.switching-content{margin-top: 24px;}
.switching-content section ul{list-style-type: square !important; margin-left: 17px;}
.switching-content h3,
.switching-content h4
{font-size: 1.45em; margin-top: 36px;}
.products-header-nav{background-color: #232323; padding: 24px 0;}
.products-header-nav ul li{list-style: none; }
.products-header-nav ul li a{ padding-right:20px; display: block; float: left; color: #fff;  }
.products-header-nav ul li a:hover{color:#fc0; text-decoration: none;}
.sidebar-text a{display: block; padding-bottom: 12px; color: #fc0; border-bottom: 1px dotted #333; margin-bottom: 12px;}
/*products*/
#products h2{font-size: 32px; margin-bottom: 24px;}
.products-thumbnail{background-color: #000; background-color: #232323; padding: 0; overflow: hidden; border: none;}
.products-thumbnail-link:hover{text-decoration: none; opacity: 0.8; }
.products-thumbnail img{padding: 2px;}
.products-thumbnail .caption{font-size: 1.2em; }
#products-taxonomy-list li{list-style: none;}
#accessories #details-mainimg img{text-align: center; margin: auto;}
#accessories #details-navi ul{margin: auto; clear: both;}
.sidebar-text{margin-top: 12px;}
/*interview*/
#wrap-interview{max-width: 1008px;}
#interview-mainimg{margin-bottom: 24px;}
.imgwrap_r{max-width: 390px; float: right; margin: 0 0 24px 24px;}
.imgwrap_l{max-width: 390px; float: left; margin: 0 24px 24px 0 ;}
.imgwrap_r img,
.imgwrap_l img{margin-bottom: 12px;}
.imgwrap_r img,
.imgwrap_l img{border: 1px solid #666666;}
.x-small{font-size: 70%; line-height: 170%;}
#page-content .int_h3,
.mmhead{ font-weight: bold; color: #fc0;}
.navNum { margin: 30px 0; line-height: 1; font-size: 18px; }
.navNum li {display: inline; }
.navNum .selected { float: left; display: inline-block; width: 48px; height: 46px; padding: 16px 18px 16px 18px; margin: 0; margin-right: 1px; color: #fff; border: 1px solid #333; background: #805500; text-decoration: none;}
.navNum a{ float: left; display: inline-block; height: 46px; padding: 16px 18px 16px 18px; margin: 0; margin-right: 1px; color: #000; border: 1px solid #666; background: #fa0; text-decoration: none;}
.navNum a:hover{background-color: #666; color: #fff;}
.infowrap { margin: 0;  margin-top: 50px; padding: 30px; color: #000; background: #ccc;}
#page-content .infowrap h3,
#page-content .infowrap p
{color: #000;}
.imgwrap_r .no-border, 
.imgwrap_l .no-border,
#wrap-interview td{border: none;}
#wrap-interview td .x-small{margin-top: 12px;}
/*single*/
.blog-article{border: 1px solid #fff; margin: 24px 0; min-height: 800px;}
.author,
.blog-article-author,
#comments{display: none;}
/* 1025 - 1280 */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
 
}
/* 768 - 1024 */
@media only screen and (min-width:768px) and (max-width:1024px) {
	.mainimg-text{padding: 70px 5px 0 70px;}
	.gallery-cell img{padding-top: 70px;}
	.gallery-cell strong{ font-size: 1.8em;}
	.footer ul{padding: 0; text-align: center;}
    .footer .left,
	.footer .right{ float:none; text-align:center; margin: 5px 12px;}
	#kid-logo{ display:block; text-align:center; }
	#kid-logo img{ margin: 9px 0;}
	.sns-icon img{margin-top: 10px;}


}
/* 569 - 767 */
@media only screen and (min-width: 569px) and (max-width: 767px) {
	#logo{width: 35%;}
	.main-gallery button{display: none;}
    .flex{display: block;}
    .mainimg-text{padding: 0; min-height: 300px;}
    .gallery-cell strong {font-size: 2em;}
    .home-two-column{margin-bottom: 36px;}
    .footer ul{padding: 0; text-align: center;}
    .footer .left,
	.footer .right{ float:none; text-align:center; margin: 5px 12px;}
	#kid-logo{ display:block; text-align:center; }
	#kid-logo img{ margin: 9px 0;}
	.sns-icon img{margin-top: 10px;}
	.wrap-details-content{padding: 12px;}
	.wrap-details-content h1{font-size: 1.5em; line-height: 30px; padding-bottom: 12px;}
  

}

/* 320 - 568 */
@media only screen and (min-width: 320px) and (max-width: 568px) {
	#logo{width: 55%;}
	.main-gallery button{display: none;}
    .flex{display: block;}
    .mainimg-text{padding: 0; min-height: 300px;}
    .gallery-cell strong {font-size: 2em;}
    .home-two-column{margin-bottom: 36px;}
    .footer ul{padding: 0; text-align: center;}
    .footer .left,
	.footer .right{ float:none; text-align:center; margin: 5px 12px;}
	#kid-logo{ display:block; text-align:center; }
	#kid-logo img{ margin: 9px 0;}
	.sns-icon img{margin-top: 10px;}
	.wrap-details-content{padding: 12px;}
	.wrap-details-content h1{font-size: 1.5em; line-height: 30px; padding-bottom: 12px;}
	.imgwrap_r,
	.imgwrap_l{width: 100%; text-align: center;}
	.r-product{width: 50%;}
	.infowrap{padding: 12px;}
}