@charset "utf-8";

/*____________________________________________________________________________

SITE TITLE:

SITE LAUNCHED:2009.02.01
LAST UPDATED:2009.01.29
____________________________________________________________________________*/

/*----------------------------------------------------------------------------
FONT size
24px : 150.0%
20px : 125.0%
18px : 112.5%
16px : 100%
15px : 93.75%
14px : 87.50%
13px : 81.25%
12px : 75.0%
11px : 68.75%
10px : 62.50%
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 CLEAR FIX
----------------------------------------------------------------------------*/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}

/*----------------------------------------------------------------------------
 HTML elements
----------------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0 0;
	color:#fff;
	font-size:medium;
	font-family: Arial, Helvetica, Verdana, Hiragino Sans, "ヒラギノ角ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 160%;
	text-align:center;
	background:#000;
	-webkit-text-size-adjust: 100%;
}

a:link { color:#fff; text-decoration: none;transition:0.5s;}
a:visited { color:#fff; text-decoration:none;}
a:active { color:#e74b15; text-decoration:none;}
a:hover { color:#e74b15; text-decoration:none;}
:focus{	outline:none; }

/*----------------------------------------------------------------------------
 COMMON LAYOUT
----------------------------------------------------------------------------*/

#container{
	width:100%;
	margin: 0px auto;
	padding: 0px 0px 0px;
	text-align:left;
}

#content{
	width:1160px;
	margin:0 auto 0;
	padding:0px;
}
#main{
	width: 960px;
	vertical-align:top;
	margin: 0;
	padding:0;
}
#side{
	vertical-align:top;
	margin: 0;
	padding:0px 0px 35px 0px;
	background:#fff;
	border:1px solid #d9d9d9;
}
header{
	padding:50px 0 0;
	position:relative;
	width:100%;
}
footer{
	position:relative;
	width:100%;
	margin:0 auto 0;
	padding:32px 0 30px;
	background:rgba(235,75,21,.7);
}

.inner{
	position:relative;
	width:960px;
	margin:0px auto;
}


/*----------------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------------*/

#siteid{
	position:absolute;
	top: -10px;
    left: 0;
    width: 128px;
    height: 144px;
    background: url(../img/siteid_2020.png) no-repeat bottom;
    background-size:cover;
	text-indent:-9999px;
	z-index:100;
}
#siteid a{
	display:block;
    width: 128px;
    height: 144px;
}

/*----------------------------------------------------------------------------
 GLOBAL MENU
----------------------------------------------------------------------------*/

nav{
	height:60px;
	background:#451606;
	border-top:1px solid #e74b15;
	border-bottom:1px solid #e74b15;
}
nav ul.global{
	width:400px;
	margin:0 0 0 180px;
	float:left;
	display:inline;
}
nav ul li{
	margin:0 30px 0 0;
	float:left;
	display:inline;
	height:60px;
	text-indent:-9999px;
}
.nav-home a{
	display:block;
	width:42px;
	height:60px;
	line-height:60px;
	background:url(../img/nav.png) no-repeat 0 center;
}
.nav-concept a{
	display:block;
	width:68px;
	height:60px;
	line-height:60px;
	background:url(../img/nav.png) no-repeat -72px center;
}
.nav-products a{
	display:block;
	width:80px;
	height:60px;
	line-height:60px;
	background:url(../img/nav.png) no-repeat -170px center;
}

nav ul.sns-link{
	float:right;
	display:inline;
	width:114px;
	height:24px;
	margin:18px 0 0;
}
nav ul.sns-link li{
	margin:0 6px 0 0;
	width:24px;
}
nav ul.sns-link li:last-child{
	margin-right:0;
}
nav ul.sns-link li a{
	display:block;
	width:24px;
	height:24px;
}
li.fb a{
	background:url(../img/icon_sns_fb.png) no-repeat 0 0;	
}
li.ig a{
	background:url(../img/icon_sns_instagram.png) no-repeat 0 0;	
}
li.yt a{
	background:url(../img/icon_sns_youtube.png) no-repeat 0 0;	
}

nav ul li a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/*----------------------------------------------------------------------------
 FOOTER
----------------------------------------------------------------------------*/

footer .inner{
	background:url(../img/logo_sbhr.png) no-repeat center right;
}

#copyright{
	width:100%;
	height:13px;
	background:url(../img/copyright.png) no-repeat top right;
	text-indent:-9999px;
}
.footer-menu{
	width:100%;
}

.footer-menu h2{
	margin:0 0 10px;
	padding:0 0 5px;
	font-size:87.5%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	border-bottom:1px solid #fff;
}
.footer-menu ul{
	margin:0 0 20px;
}
.footer-menu li{
	font-size:81.25%;
}
.footer-menu li a:link{ color:#fff;}
.footer-menu li a:visited{ color:#fff;}
.footer-menu li a:hover{ color:#fff;}

#footer #pagetop{
	width:47px;
	height:39px;
	position:absolute;
	top:-195px;
	right:-60px;
}
#footer #pagetop a{
	display:block;
	width:47px;
	height:39px;
	background:url(../img/pagetop.png) no-repeat;
	text-indent:-9999px;
}
#footer #pagetop a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}


/*----------------------------------------------------------------------------
 HOME
----------------------------------------------------------------------------*/
#main-visual{
	height:540px;
	background-position:top right;
	background-repeat:no-repeat;
}
#main-visual .inner{
	padding:120px 0 0;
}
.top-catch{
	margin:0 0 60px;
	width:557px;
	height:33px;
	background:url(../img/h2_top_catch.png) no-repeat;
	text-indent:-99999px;
}
.top-item-name{
	margin:20px 0 20px;
	font-size:250%;
	font-family: impact, sans-serif;
}
#main-visual p{
	width:560px;
}

/*#main-visual.item-fludcap{
	background:url(../img/pict_top_fludcap.png) no-repeat top right;
}*/
.btn-detail{
	margin:20px 0 0;
	width:200px;
	height:38px;
	text-indent:-99999px;
}
.btn-detail a{
	display:block;
	width:200px;
	height:38px;
	background:url(../img/btn_detail.png) no-repeat;
}
.btn-detail a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.item-cat {
	display:flex;
	flex-wrap:wrap;
	margin-top:15px;
}
.item-cat li {
	font-size:81.25%;
	padding:2px 10px;
	margin-bottom:5px;
	border:1px solid #e74b15;
}
.item-cat li:not(:last-child) {
	margin-right:8px;
}
.item-cat li a {
	color: #e74b15;
}
.item-cat li:hover  a{
	color:#ffffff;
}
.item-cat li:hover {
	background: #e74b15;
}

.product-list .item .item-cat li {
	font-size:75%;
	padding:0px 4px;
}
.product-list .item .item-cat li:not(:last-child) {
	margin-right:5px;
}
.cat-menu.item-cat {
	width:960px;
	margin:0 auto 20px;
}
.cat-menu.item-cat li {
	font-size:100%;
	padding:4px 12px;
}

/*  PRODUCT LINEUP   */

#main-wrapper{
	margin:20px 0 50px;
	background:url(../img/bg_top_content.png) no-repeat top right;
}
.product-list{
	width:960px;
	margin:0 auto 0;
}
h2.product-list{
	width:960px;
	margin:0 auto 30px;
	height:36px;
	background:url(../img/h2_top_products.png) no-repeat;
	text-indent:-9999px;
}
.product-list .item{
	padding:5px;
	margin:0 8px 10px 0;
	display:inline-block;
	vertical-align:top;
	width:220px;
	min-height:190px;
	background:rgba(0,0,0,.4)
}
.product-list .item:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.product-list .item h3{
	font-size:81.25%;
	font-weight:bold;
	line-height:125%;
}
.product-list .item dl{
	display:table;
}
.product-list .item dt,
.product-list .item dd{
	display:table-cell;
	font-size:81.25%;
}
.product-list .item dd p{
	font-size:100%;
}

/*----------------------------------------------------------------------------
 2nd
----------------------------------------------------------------------------*/


.second #main-visual{
	width:1280px;
	margin:0 auto 0;
}
.btn-fb{
	position:absolute;
	top:-40px;
	right:0;
	margin:0 0 0;
}

.detail-item{
	width:100%;
	display:table;
	margin:30px 0 0;
}
.spec-item{
	width:100%;
	display:table;
	margin:30px 0 80px;
}
.pict-item{
	width:500px;
	display:table-cel;
}
.pict-item img{
	width:100%;
	height:auto;
	vertical-align:top;
}
.txt-item{
	padding:0 10px;
	width:500px;
	display:table-cell;
	vertical-align:top;
}
.txt-item02{
	margin-left:450px;
	padding:0 10px;
	width:500px;
	display:block;
}
.second #main-wrapper{
	margin:30px 0 0;
}
.second section{
	padding:5% 0;
	width:1024px;
	margin: 0 auto;
}
#h3-product-concept{
	margin:0 0 20px;
	width:377px;
	height:36px;
	background:url(../img/h3_product_concept.png) no-repeat;
	text-indent:-9999px;
}
#h3-technical-data{
	margin:0 0 20px;
	width:330px;
	height:36px;
	background:url(../img/h3_technical_data.png) no-repeat;
	text-indent:-9999px;
}
.price{
	margin:24px 0 0; 
}
.second section p{
	margin:0 0 15px;
}
.second section p strong{
	font-weight:bold;
}
dl.adaptable,
dl.price{
	width:100%;
	display:table;
}
dl.adaptable dt,
dl.price dt{
	width:80px;
	display:table-cell;
}
dl.adaptable dd,
dl.price dd{
	display:table-cell;
}
.product-list .item dd p{
	font-size:100%;
}
.imageHolder p{
	position: relative;
	top: 50%;
	margin-top: -5rem;
	color: #fff;
	font-size:300%;
	text-shadow: 1px 1px 3px #000; 
	font-family: impact, sans-serif;
	text-align: center;
	line-height: 1;
	z-index:100;
}
.imageHolder p span.jp{
	font-size:50%;
	font-weight:normal;
}
.item-pict img{
	width:230px;
	padding:3px;
	background:#fff;
}
section .inner p img{
	width:100%;
	height:auto;
}
/*----------------------------------------------------------------------------
 PAGE
----------------------------------------------------------------------------*/
.page #main-wrapper{
	width:1280px;
	margin:0 auto 50px;
}

.page #content{
	margin:120px auto 50px;
}

h2.concept{
	width:960px;
	margin:0 auto 20px;
	height:36px;
	background:url(../img/h2_concept.png) no-repeat;
	text-indent:-9999px;
}
.page .pagebody{
	padding:50px 40px 30px 50px;
	background:rgba(255,255,255,.1);
}
.page #content p{
	margin:0 0 24px;
	line-height:180%;
	font-size:100%;
	text-shadow: 1px 1px 3px #000; 
}
/*----------------------------------------------------------------------------
 CATEGORY
----------------------------------------------------------------------------*/
.category #main-wrapper {
    width: 100%;
}
.category #content{
	margin:0 auto 50px;
}
.category h2.category-title {
	padding:50px 0 50px;
	font-size:48px;
	margin-bottom:50px;
	text-align:center;
	background:rgba(255,255,255,0.2);
	font-weight:bold;
}
.second.category #main-wrapper {
    margin: 0 auto 0;
}
.second.category .inner {
	display:flex;
	justify-content: space-between;
}
.second.category .cat-menu.item-cat {
	display:block;
	width:180px;
}
.second.category .product-list {
	width:740px;
	margin:0;
}
.second.category .cat-menu.item-cat li {
	margin-right:0;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
  ********************************************************************************************************************************************************
  --------------------------------------------------------------------------------------------------------------------------------------------------------

 スマホ対応

  --------------------------------------------------------------------------------------------------------------------------------------------------------
  ********************************************************************************************************************************************************
-------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (min-width: 950px) {

a[href="#menu"],
#smpmenu,
#smp-search,
#ranking-smp {
    display: none !important;
}
.product-list .item:nth-child(4n){
	margin:0 0 12px 0;
}
}

/* iPad  */
@media screen and (max-width:949px){
header{
	padding:34px 0 0;
}
#siteid{
	position:absolute;
	top:-10px;
	left:0;
	width:70px;
	height:79px;
	background-size:contain;
	text-indent:-9999px;
	z-index:100;
}

#siteid a{
	display:block;
	width:120px;
	height:15px;
}

#content{
	width:100%;
}
#main{
	width: 100%;
}
.inner{
	width:95%;
}
nav ul.global{
	width:280px;
	margin:0 0 0 140px;
}
nav ul li{
	margin:0 10px 0 0;
	float:left;
	display:inline;
	height:60px;
	text-indent:-9999px;
}
nav ul.sns-link{
	position:absolute;
	float:none;
	display:block;
	top:-30px;
	right:110px;
	width:114px;
	height:24px;
	margin:0 0;
}
#main-visual{
	height:400px;
	background-position:top right;
	
}
#main-visual .inner{
	padding:30px 0 0;
}
.top-catch{
	margin:0 0 20px;
	width:100%;
	height:33px;
	background:url(../img/h2_top_catch.png) no-repeat;
	background-size:contain;
}
.top-item-name{
	font-size:150%;
	font-family: impact, Arial-BoldMT,sans-serif;
}

#main-visual p{
	width:98%;
	font-size:87.5%;
	line-height:150%;
}
.product-list{
	width:100%;
	margin:0 auto 0;
}
h2.product-list{
	width:100%;
	background:url(../img/h2_top_products.png) no-repeat;
	background-size: contain;
	text-indent:-9999px;
}

.second #main-visual{
	width:100%;
	margin:0 auto 0;
	background-size:contain;
}

.second section{
	padding:5% 0;
	width:98%;
	margin: 0 auto;
}
.page #main-wrapper{
	width:98%;
	margin:0 auto 50px;
}

h2.concept{
	width:100%;
	background:url(../img/h2_concept.png) no-repeat;
	background-size:contein;
}
.product-list .item{
	padding:5px;
	margin:0 5px 5px 0;
	width:45%;
}
.product-list .item:nth-child(2n){
	margin:0 0 5px 0;
}
.product-list .item img{
	width:100%;
	height:auto;
}
.product-list .item h3{
	font-size:75%;
	line-height:125%;
	padding:0 10px;
}
#main-wrapper{
	width:95%;
	margin:30px auto 0;
}
.second #main-wrapper{
	margin:30px auto 30px;
}
footer .inner{
	background-size:contain;
}

.page #content{
	margin:20px auto 50px;
}
.page .pagebody{
	padding:25px 20px 5px 20px;
	background:rgba(255,255,255,.1);
}
.imageHolder p{
	font-size:150%;
}
.lightbox img{
	width:100%;
	height:auto;
}
.second section p{
	font-size:87.5%;
}
dl.adaptable dt,
dl.price dt{
	font-size:87.5%;
}
.price{ margin:12px 0 0;}
.btn-fb{
	position:absolute;
	top:-30px;
	right:0;
	margin:0 0 0;
}
.item-pict img{
	width:46%;
}

}


/* iPhone */
@media only screen and (max-width:735px){

/* iPhone6 landscape 666px */
/*{border:1px solid #c00;}*/
#main-visual .inner{
	padding:20px 0 0;
}
#home #main-visual{
	height:340px;
	background-size:contain;
}
#main-visual{
	height:300px;
	background-size:contain;
}
.top-catch{
	margin:0 0 100px;
	width:100%;
	height:33px;
	background:url(../img/h2_top_catch.png) no-repeat;
	background-size:contain;
}
.top-item-name{
	margin: 20px 0 10px;
	font-size:150%;
	font-family: impact, Arial-BoldMT,sans-serif;
}
#h3-product-concept{
	width:100%;
	background-size:contain;
}
#h3-technical-data{
	width:100%;
	background-size:contain;
}
.imageHolder p{
	margin:-5rem auto 0;
	width:320px;
	font-size:180%;
}
.product-list .item h3{
	min-height:32px;
}
.cat-menu.item-cat {
	width:98%;
}

.second.category .inner {
	display:block;
}
.second.category .cat-menu.item-cat {
	display:block;
	width:100%;
}
.second.category .product-list {
	width:100%;
	margin:0;
}
.second.category .cat-menu.item-cat li {
	margin-right:5px;
}
.cat-menu.item-cat li {
	display:inline-block;
	font-size:100%;
	padding:4px 12px;
}

}