@charset "utf-8";

a:link,a:visited,a:active { text-decoration: underline; color: #000;}
a:hover { text-decoration: none;}

#wrapper {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 800px;
	text-align: left;
}

p {
	padding-bottom: 2em;
	font-size: 1em;
	line-height: 1.8em;
	text-align: left;
}



/* ------------------------------
   CHAPTER ELEMENTS
------------------------------ */
.slider {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	position: relative;
	visibility: hidden;
}

.slider ul,
.slider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.slider ul li img {
	width: 100%;
}

.sliderCover {
	margin-bottom: 30px;
	width: 100%;
	overflow: hidden;
}

.sliderWrap {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}

@media only screen and (max-width: 800px) {
	#wrapper {
		width: 90%;
	}

	.slider {
		width: 100%;
	}
}

/* PagiNation
--------------------------- */
.pagiNation {
	bottom: 15px;
	left: 0;
	width: 100%;
	height: 10px;
	text-align: center;
	position: absolute;
	z-index: 110;
}

.pagiNation a {
	margin: 0 5px;
	width: 40px;
	height: 10px;
	display: inline-block;
	overflow: hidden;
	background: #aaa;
	transition: all 0.2s ease-in-out;
}

.pagiNation a:hover {
	opacity: 0.6;
}

.pagiNation a.pnActive:hover {
	opacity: 1;
}

.pagiNation a.pnActive {
	background: #000;
}

/* SideNavi
------------------------- */
.slider .btnPrev,
.slider .btnNext {
	top: 0;
	position: absolute;
	z-index: 105;
}

.slider .btnPrev {
	left: 0;
	background: url(../img/btnPrev.png) no-repeat center right;
	background-color: rgba(0,0,0,0.4);
}

.slider .btnNext {
	right: 0;
	background: url(../img/btnNext.png) no-repeat center left;
	background-color: rgba(0,0,0,0.4);
}

.slider .btnPrev:hover,
.slider .btnNext:hover {
	transition: all 0.3s linear;
	background-color: rgba(0,0,0,0.8);
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.slider ul:before,
.slider ul:after,
.sliderWrap:before,
.sliderWrap:after {
	content: " ";
	display: table;
}
.slider ul:after,
.sliderWrap:after {clear: both;}
.slider ul,
.sliderWrap {*zoom: 1;}

/* ------------------------------
  gnav
------------------------------ */
header div{
	max-width:900px;
	margin:0 auto;
}







nav#gnavi{
	width:930px;
	height:60px;
	margin:0 auto;
	
}

nav#gnavi ul{
	width:930px;
	height:60px;
}


nav#gnavi ul li{
	float:left;
	list-style:none;
	border-right:1px dotted #333333;
	paddin:15px;
	height:36px;
	margin-top:12px;
	margin-bottom:12px;
	display:block;
	list-style:none;
	width:186px;
	text-align:center;
	
}

nav#gnavi ul li:last-child{
border-right:none;
}


nav#gnavi ul li a{
	
	color:#333;
	font-size:18px;
	line-height:30px;
	
	
	text-decoration:none;
	padding-top:5px;
	font-weight:bold;
	letter-spacing:5px;
	display:block;
}

nav#gnavi ul li a:hover{
	background-color:#a50b4b;
	height:36px;
	color:#fff;
}




h1 img{
	margin:0 !important;
}



#wrap{
	width:930px;
	margin:0 auto;
}


#sintyaku{
	width:100%;
}


#wnwnwn{
	background-color:#c9caca;
	padding:5px;
	color:#000;
	border-radius:5px;
}


table#wnl tr th,table#wnl tr td{
padding: 5px;

}

#products_list_subtitle{
	background-color:#ccc;
	font-size:21px;
	line-height:24px;
	text-align:center;
	padding:5px;
	
}

#producst_list li{
width:25%;
height:auto;
float:left;
padding:0.5%
}

#producst_list li a img{
	width:100%;
	height:auto;
}


#producst_list li a:hover{
	opacity:0.6;
}


#subtitle{
font-size:16px;
line-height:21px;
color:#000;
font-weight:bold;
    margin-bottom: 1%;
}


#pr_1{
	width:100%;
	height:auto;
	float:right;

}


#pr_v{
	width:30%;
	height:auto;
	
	
}

#pr_tbl{
	width:45%;
	float:right;
	padding:1% !important;
}

table#pr_tbl tr td{
	text-align:center;
	padding:1%;
}



.m_b_10{
	margin-bottom:10px;
}


table.ttx2_tbl1{
	width:25%;
	padding:0;
	margin:0;
	margin-bottom:10px !important;
	float:left;
}



table.ttx2_tbl1 tr td{
text-align:center;
}




table.ttx2_tbl1 tr td img{
width:96%;
margin-bottom:10px;
}



.blown_txt {
    color: #9D4700 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 21px !important;
}


.blown_txt_s {
    color: #9D4700 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    line-height: 21px !important;
}



.product_main_txt {
    color: #595959 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    font-family: Arial, Helvetica, sans-serif !important;
}



.smart_function1{
	float:right;
	padding:2%;
	width:35%;
	
}

hr {
    display: block;
    -webkit-margin-before: 0.5em;
    -webkit-margin-after: 0.5em;
    -webkit-margin-start: auto;
    -webkit-margin-end: auto;
    border-style: inset;
    border-width: 1px;
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgb(157, 71, 0);
    border-right-color: rgb(157, 71, 0);
    border-bottom-color: rgb(157, 71, 0);
    border-left-color: rgb(157, 71, 0);
    background-color: rgb(157, 71, 0);
}

h1#otorojp{
	max-width:900px;
	margin:0 auto;
}


#otorojp img{
	width:100%;
}



.big_txt{
	font-size:150%;
}

h3{
    border-bottom: 1px solid #DC0088;
    border-left: 4px solid #DC0088;
    font-size: 14px;
    line-height: 21px;
    padding-left: 10px;
	font-weight:bold;
}

ul#nabidayon li.activen {
	background-color:#f7f8f8;
}



@media screen and (max-width:949px){ /*なかにはいる*/

#wrap{
	width:95% !important;
	margin:0 auto;
}


#swaku{
	max-width: 78%;
}

#hibi{
	max-width: 20%;
}


nav#gnavi{
	width: 100%;
margin: 0px auto !important;
float: none;
padding: 0 10px;
}


nav#gnavi ul{
	width:100%;
}


nav#gnavi ul li{
width:20% !important;
font-size:14px !important;
letter-spacing:0px !important;
}

nav#gnavi ul li a{

font-size:14px !important;
letter-spacing:0px !important;	
}








}




@media screen and (max-width:768px){ /*タブレット*/

table#spec_tbl2{
	width:100% !important;
}


table#spec_tbl2 tr th,table#spec_tbl2 tr td{
	
	float:none !important;
	
}

/*
#otorojp{
	text-align:center !important;
	width:100%;
	
}



#otorojp img{
	width:200%;
text-align:cneter;
margin-left:-50%;
}*/





#swaku{
	max-width: 95% !important;
	float:none !important;
	margin:0 auto;
	padding:0;
}


#wrap{
	width:100% !important;
	margin:0 auto;
	padding:0;
}




table{
	width:100%;	
	table-layout:fixed;
}

/*table tr{
	display:block;


}



table tr th{
	display:block;
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
}

table tr td{
	display:block;
	text-align:left;
}*/


nav#gnavi {
float:none;	
}

nav#gnavi ul li{
	width:49% !important;
	border-right-width:thick;
		font-size:18px !important;
	line-height:30px !important;
	letter-spacing: 5px !important;
}

nav#gnavi ul li a{
	font-size:18px !important;
	line-height:30px !important;
	letter-spacing: 5px !important;
}


nav#gnavi ul li:nth-child(2n){
	float:right;
	border-right:none;
	width:50% !important;
	font-size:18px !important;
	line-height:30px !important;
}

nav#gnavi ul li:nth-child(2n){
	font-size:18px !important;
	line-height:30px !important;
}


table#wnl tr th {
	
	width:100% !important;
	border-bottom:none;
	float:left !important;
	text-align:left !important;
	
	
background-color:#f3f3f3;
}


table#wnl tr td {
background-color:#fafafa;
}



table#wnl tr td.oneone{
	float:left !important;
	display:block !important;
	width:150px;
	border-bottom:none;
}

table#wnl tr td.twotwo{
	clear:both !important;
	display:block !important;
	width:100%;
}

/*
table#wnl tr td:nth-child(1) {
	display:block !important;
	width:100% !important;
	border-bottom:none;
}

table#wnl > tr > td:nth-child(2) {
	display:block !important;
	width:100% !important;
}
*/

#hibi{
width: 90% !important;
margin: 0px auto;
float: none;
max-width: 100% !important;
}


#wnwnwn{
	margin-bottom:10px;
}




#producst_list li{
width:50%;
height:auto;
float:left;
padding:0.5%
}








form#regist {
	width: 100% !important;
	margin: 0 auto;
}


table#formn tr th{
	float:left;
	width:100% !important;
	padding-right:0 !important;
}

table#formn tr td{
	float:left;
	width:100% !important;
}

#first_name,#last_name,#business_name,#business_address,#email,#re-type-email,#comments{
	width:100% !important;
	height:auto;
	padding:5% !important;
	margin:0;
}

#alert,.formErrorMsg,.formErrorContent{
	width:100% !important;
	padding:5% !important;
}




table#pr_tbl{
	width:100% !important;
float:none !important;	
clear:both !important;
}


table.ttx2_tbl1{
	width:50%;
	padding:0;
	margin:0;
	float:left;
}



.smart_function1{
	float:right;
	padding:2%;
	width:44%;
	
}




nav#gnavi ul li:last-child{
	width:100% !important;
}


table#spec_tbl tbody tr th{
	background-color:#f7f8f8;
	text-align:center;
}

table#spec_tbl tbody tr td{
	
	text-align:left;
}

}
 
 
 
 
 /*まずはスマホ*/
@media screen and (max-width:530px){ /*大きいスマホ*/ 



ul#clamp_list_im li{
width:100% !important;
height:auto;
float:none !important;
	
}


ul#clamp_list_im li img{
	width:100%;
	padding:2%;
}




nav#gnavi {
float:none !important;	
clear:both !important;
height:auto !important;
width: 95%;
margin: 0 auto !important;
}

nav#gnavi ul li{
	width:100% !important;
	border-right:none !important;
		font-size:18px !important;
	line-height:30px !important;
	letter-spacing: 5px !important;
	float:none !important;
	border-bottom:1px dotted !important;
}

nav#gnavi ul li:last-child{
	border-bottom:none !important;	
}


nav#gnavi ul li a{
	font-size:18px !important;
	line-height:30px !important;
	letter-spacing: 5px !important;
}


nav#gnavi ul li:nth-child(2n){
	float:none;
	border-right:none;
	width:100% !important;
	font-size:18px !important;
	line-height:30px !important;
}

nav#gnavi ul li:nth-child(2n){
	font-size:18px !important;
	line-height:30px !important;
}


nav#gnavi ul{
clear:both;
float:noen;
height:auto !important;
}




.navbar-header{
	display: inline-block !important;
	text-align:center !important;
	width:179px !important;
	height:50px !important;
	
}

.container-fluid{
	margin:0 auto !important;
	text-align:center !important;
}





#producst_list li{
width:100%;
height:auto;
float:left;
padding:0.5%
}





table.ttx2_tbl1{
	width:100%;
	padding:0;
	margin:0;
	float:left;
}





.smart_function1{
	float:none;
	padding:2%;
	width:100%;
	
}







}





/*scrollスムーススクロール*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
background: #a50b4b;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding-top: 15px;
    text-align: center;
    display: block;
    border-radius: 50px;
    height: 50px;
    vertical-align: middle !important;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}




.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100% !important;
  height:100% !important;
}

#spec_tbl{
	border-left:1px solid #333;
	border-top:1px solid #333;
	width:100%;
	margin-bottom:15px;
}


#spec_tbl tr td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:2%;
}

#spec_tbl tr th{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:2%;
}





#spec_tbl2{
	border-left:1px solid #333;
	border-top:1px solid #333;
	width:100%;
	margin-bottom:15px;
}


#spec_tbl2 tr td{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:2%;
}

#spec_tbl2 tr th{
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:2%;
}





/*
.container-fluid {
	padding:0 !important;
	margin:0 !important;
}
*/




/*ナビボタン画像差し替えcss*/


.navbar-toggle img.nabibotan1{
	display:none !important;
}



.navbar-toggle img.nabibotan2{
	display:block !important;
}



.collapsed img.nabibotan1{
display:block !important;
}


.collapsed img.nabibotan2{
display:none !important;
}




.sub_title1{
	font-size:16px;
	font-weight:bold;
	
	
	    color: #9D4700 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    line-height: 21px !important;
    
    
    
}

.ttx2_no_{
color:#8d1d3d;
font-size:18px;
line-height:21px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
}




.adjust_table{
	clear:both;
	float:none;
	width:100%;
}


.adjust_table tr th{
	width:70%;
}


.adjust_table tr td{
	width:30%;
}




.adjust_table tr td img{
	width:100%;
	height:auto;
}


.adjust_img_main{
	width:100%;
}


.mu_tde{
	background-color:#CCC;
}



table#spec_tbl2{
	width:100% !important;
}



table#spec_tbl2 tbody tr th,table#spec_tbl2 tbody tr td{
	
	float:none !important;
	clear:all !important;
	
}



ul#clamp_list_im li{
width:33%;
height:auto;
float:left;
	
}


ul#clamp_list_im li img{
	width:100%;
	padding:2%;
}