@charset "utf-8";

/*
*	製品ページ一覧用css
*	
*/


/* 製品一覧ページ全体 ========================================================*/
/*__製品ページサイドナビ（全体）__________________*/
.sidenav_Sec{
	margin-bottom:4rem;
	max-width:100%;
}


/*__製品ページサイドナビ（カテゴリ別）__________________*/
.products .page_sidenav .cate_box{
	display:table;
	width:100%;
	padding-top:1%;
	padding-bottom:1%;
	padding-right:2%;
	padding-left:2%;
}

.products .page_sidenav .cate_box:hover
,.products .page_sidenav .features_box:hover{
	background:#efefef;
}

.products .page_sidenav .cate_box a:hover{
	color:#555;
}

.products .page_sidenav .cate_box .cate_img
,.products .page_sidenav .cate_box .cate_text{
	display:table-cell;
	vertical-align:middle;
}

.products .page_sidenav .cate_box .cate_img{
	width:25%;
}

.products .page_sidenav .cate_box .cate_text{
	width:71%;
	padding-left:4%;
	word-break: break-all
}

.products .page_sidenav .cate_box .cate_text p:first-child
,.products .page_sidenav .features_box .cate_text p:first-child{
	font-family: 'Roboto', sans-serif;
	font-size:1.8rem;
	line-height:1.8rem;
	font-weight:400;
}

.products .page_sidenav .cate_box .cate_text p:nth-child(2n)
,.products .page_sidenav .features_box .cate_text p:nth-child(2n){
	font-size:1.1rem;
	line-height:1.1rem;
	color:#9c9c9c;
	padding-top:0;
}

/*--特集一覧サイドナビ--*/
.products .page_sidenav .features_box .cate_img{
	width:5%;
	/*padding-right:1%;*/
}

.products .page_sidenav .features_box a{
	display:block;
	padding-top:3%;
	padding-right:2%;
	padding-bottom:3%;
	padding-left:2%;
}



/*__製品ページサイドナビ（製品個別ページ内部ナビ）__________________*/
.product_anchor_nav{
	text-align:center;
	padding:7% 8% 13% 8%;
	background-color:#f3f3f3;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	position: relative;
}

.product_anchor_nav:after {
	content: "";
	position: absolute;
	top: 50%; left: -15px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #efefef transparent transparent;
}

.product_anchor_nav h1{
	font-size:1.2rem;
	line-height:1.6rem;
	padding-bottom:1rem;
	font-weight:bold;
}

.pro_nav_block_IMG{
	margin-top:1rem;
}

.pro_nav_block_IMG img{
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	height: 120px;
	width: 120px;
	background-color:#ffffff;
}

.product_anchor_nav ul li a
,.product_anchor_nav .pro_shop a{
	display:block;
	font-weight:bold;
	font-size:1.8rem;
}

.product_anchor_nav ul li span
,.product_anchor_nav .pro_shop span{
	font-size:1.2rem;
	font-weight:normal;
}

.product_anchor_nav ul li a{
	padding:0.3rem;
	color:#939393;
}

.product_anchor_nav ul li a:hover{
	background-color:#939393;
	color:#ffffff;
}

.pro_nav_block{
	padding-bottom:1rem;
}

.shop_block{
	border-top:1px solid #cfcfcf;
	padding-top:1rem;
}

.product_anchor_nav .pro_shop{
	margin-top:0.6rem;
}

.product_anchor_nav .pro_shop a{
	padding:1rem;
	background-color:#ffffff;
	/*border:1px solid #c9c9c9;*/
}

.product_anchor_nav .pro_shop a:hover{
	background-color:#555555;
	color:#ffffff;
	/*border:1px solid #555555;*/
}

.wrap_net_shop{
	margin-top:2rem;
	text-align:center;
}

.net_shop{
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:4%;
}

.net_shop:nth-of-type(2n){
	margin-right:0;
}

.net_shop p{
	font-size:1rem!important;
	line-height:1.5rem!important;
}

.net_shop_attention{
	text-align:right;
	font-size:1rem!important;
	line-height:1.4rem!important;
	color:#9c9c9c;
}

.net_shop_4to2{
	width:23.5%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.net_shop_4to2:nth-of-type(4n){
	margin-right:0;
}

.net_shop_4to2 p{
	/*display:none;*/
	font-size:1.2rem!important;
	line-height:1.6rem!important;
}


/*__製品一覧ページアンカーカテゴリナビ__________________*/

/*__製品一覧__________________*/
/*----全製品一覧----*/
.p_category_img{
	margin-bottom:1rem;/*各製品カテゴリのメイン画像下に余白を*/
}


/*----テントカテゴリのアンカー用----*/
.series_list li {
	float:left;
	width:32.5%;
	margin-right:1.25%;
	margin-bottom:0.7%;
}

.series_list li:nth-of-type(3n){
	margin-right:0;
}

.series_list li img {
	border:1px solid #e8e8e8;
	box-shadow:1px 1px 2px #e8e8e8;
}


/*----子タームまとまり----*/
.wrap_small_cate{
	margin-bottom:5rem;
	margin-top:4rem;
}

.wrap_small_cate img{
	/*width:100%;*/
}

.wrap_small_cate h2{
	color: #777;/*#0098d9;*/
	font-weight:700;
	font-size:3rem;
	/*padding-bottom:0.4rem;*/
}

.wrap_small_cate h2 span{
	color:#9c9c9c;
	font-weight:400;
	font-size:1.4rem;
}

.term_supplement{
	padding-top:0;
	color:#777;
}


/*============================================================================*/



/* 製品個別ページ ============================================================*/
/*--swipebox追記----*/
#swipebox-overlay{
	/*background: rgba(0,0,0,0.7);*//*黒*/
	background: rgba(255,255,255,0.8);
}

#swipebox-bottom-bar
, #swipebox-top-bar {
	text-shadow:none;
	background: rgba(0,0,0,0.4);
	opacity: 0.95;
	z-index:110;
}


.products p{
	line-height:2rem;
	font-size:1.3rem;
}

.movie_wrap{
	position: relative;
	padding-bottom: 56.25%;	/* ビデオの画面が16:9 */
	padding-top: 30px;		/* YouTubeのときはChrome用に30pxのスペースをとる。 */
	height: 0;				/* padding-bottomがエレメントの高さをセットするので0とする。widthはレスポンシブにセットされるので記述しない。 */
	overflow: hidden;		/* このエレメントから外にはみ出るコンテンツを非表示にする。 */
}

.movie_wrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.add_text{
	margin-bottom:1rem;
	/*margin-top:0;*/
	/*padding-top:0;*/
	font-size:1.2rem;
}

/*__全体の枠__________________*/

.pro_mobile_fix_nav{
	display:none;
}

.product_Sec{
	margin-bottom:8rem;
}

.product_Sec a{
	color:#0098d9;
	/*color:#bbb;*/
	text-decoration:underline;
}

.product_Sec a:hover{
	text-decoration:none;
}


.product_Sec img{
	width:100%;
}

.product_Sec h2{
	/*color: #0098d9;*/
	color:#777;
	font-size:3.2rem;
	padding-top:0;
	text-align:center;
}

.product_Sec h2 span{
	/*color:#9c9c9c;*/
	font-size:1.2rem;
	font-weight: normal;
	/*display:block;*/
}

.product_Sec_innerbox{
	margin-top:1rem;
	margin-bottom:7rem;
}

.product_Sec_innerbox h3{
	font-size:1.8rem;
	line-height:2.2rem;
	font-weight:bold;
	padding-top:0;
	/*margin-bottom:1rem;*/
	margin-bottom:1rem;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	padding:1.4rem 0;
}

.product_Sec_innerbox h3 span{
	/*
	border-bottom:2px solid #555;
	padding-bottom:0.2rem;
	*/
	
	font-weight: normal;
	color: #8b8b8b;
}


/*__サブボックス3列__*/
.pro_subbox_3{
	/*width:32%;*/
	width:31.6%;
	float:left;
	/*margin-right:2%;*/
	margin-right:2.6%;
	margin-bottom:4%;
	/*margin-bottom:3%;*/
}

.pro_subbox_3:nth-of-type(3n){
	margin-right:0;
}

.pro_subbox_3:nth-of-type(3n+1){
	clear:both;
}

.pro_subbox_3 img{
	margin-bottom:0.6rem;
	border:1px solid #efefef;
}

.pro_subbox_3 > h4{
	font-size:1.5rem;
	line-height:2rem;
}

.pro_subbox_3 > p{
	font-size:1.3rem;
	padding-top:0;
}


/*__サブボックス2列___*/
.pro_subbox_2{
	width:48%;
	float:left;
	margin-right:4%;
	margin-bottom:4rem;
	text-align:center;
}

.pro_subbox_2:nth-of-type(2n){
	margin-right:0;
}

.pro_subbox_2 > h4{
	font-size:1.5rem;
	line-height:2rem;
}

.pro_subbox_2 > p{
	font-size:1.3rem;
	padding-top:0.6rem;
}


/*__サブボックス1列___*/
.pro_subbox_1{
	margin-bottom:5rem;
	/*text-align:center;*/
}

.pro_subbox_1 > h4{
	font-size:1.5rem;
	line-height:2rem;
	/*margin-top:0.6rem;*/
}

.pro_subbox_1 > p{
	font-size:1.3rem;
	padding-top:0;
	padding-bottom: 0.6rem;
	/*padding-top:0;*/
}

/*__サブボックス1列(90%インナーボックス)___*/
.pro_subbox_inner{
	margin-top:3rem;
}

.pro_subbox_inner > h4{
	font-size:1.8rem;
	text-align:center;
	border-bottom:1px solid #efefef;
	padding:1rem 0;
	color:#aaa;
	font-weight:normal;
	width:90%;
	margin-top:1rem;
	margin-right:auto;
	margin-bottom:1rem;
	margin-left:auto;
}

.pro_subbox_inner > p.add_text{
	width:90%;
	margin-top:1rem;
	margin-right:auto;
	margin-bottom:1rem;
	margin-left:auto;
}


/*__SNSボタン__________________*/
.sns{
	margin-top:1rem;
	text-align:center;
}
.sns ul {
	list-style:none;

}
.sns li {
	float:left;
	width:15%;
	margin:0 1% 3% 0;
}

.sns li a {
	font-size:1.2rem;
	position:relative;
	display:block;
	padding:3% 5%;
	color:#fff;
	border-radius:6px;
	text-align:center;
	text-decoration: none;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.sns li a:hover {
	-webkit-transform: translate3d(0px, 5px, 1px);
	-moz-transform: translate3d(0px, 5px, 1px);
	transform: translate3d(0px, 5px, 1px);
	box-shadow:none;
}

/* ツイッター */
.sns .twitter a {
	background:#00acee;
	box-shadow:0 5px 0 #0092ca;
}
.sns .twitter a:hover {
	background:#0092ca;
}

/* Facebook */
.sns .facebook a {
	background:#3b5998;
	box-shadow:0 5px 0 #2c4373;
}
.sns .facebook a:hover {
	background:#2c4373;
}

/*__製品概要__________________*/

.flg_status{
	font-size:1.4rem;
	color:#fff;
	padding:1rem;
	display:inline-block;
	margin-right:0.6rem;
	border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	/*margin-bottom:1rem;*/
}

.flg_new:before{
	content: "\f0a4";
	font-family: FontAwesome;
	font-weight:normal;
}

.flg_new{
	font-family: Quicksand;
	font-size:1.6rem;
	letter-spacing:0.1rem;
	font-weight:bold;
	color:#555;
	background-color:#ffff55;
}

.flg_warranty:before{
	content: "\f004";
	font-family: FontAwesome;
	font-weight:normal;
}

.flg_warranty{
	/*background:#E9872E;*/
	background:#EE6557;
}

.now_sale{
	display:none;
}

.all_end:before{
	content: "\f06a";
	font-family: FontAwesome;
}

.all_end{
	background-color:#BB0000;
}

.ichibu_end:before{
	content: "\f071";
	font-family: FontAwesome;
}

.ichibu_end{
	color:#555;
	background-color:#ffff55;
	/*background-color:#009E96;*//*緑*/
}

.pro_title{
	margin-bottom:1rem;
}

.pro_title h2{
	font-family: 'Quicksand';
	font-weight:700;
	font-size:4rem;
	line-height:3.6rem;
	color:#666;
	text-align:left;
}

.pro_title h1{
	padding-top:0;
	font-weight:normal;
	font-size:1.4rem;
	line-height:1.6rem;
	padding-top:0.8rem;
	color:#898989;
}

.pro_title h1
,.pro_title .pro_num
,.spec_table .pro_num{
	display:inline-block;
}

.pro_title .pro_num{
	padding-left:1rem;
	font-size:1.3rem;
	line-height:1.5rem;
	color:#898989;
}

.pro_title .pro_num span:nth-child(n+2):before
,.spec_table .pro_num span:nth-child(n+2):before{
	content: "/";
}

/*
.pro_title .pro_name{
	border-bottom: 1px dashed #ddd;
	padding-bottom:0.6rem;
}
*/

.pro_title .pro_copy{
	font-size:1.8rem;
	line-height:2.4rem;
	/*padding-top:0.6rem;*/
	margin-bottom:0.6rem;
}

/*
.pro_topimage{
	margin-top:0.4rem;
}
*/

.pro_topimage img{
	border:1px solid #efefef;
}

.pro_topimage .add_text{
	text-align:right;
}


/*--TOP画像下説明--*/
.pro_explanatory_text{
	margin-top:0.6rem;
	padding-top:1.6rem;
	padding-right:2rem;
	padding-bottom:1.6rem;
	padding-left:2rem;
	line-height:2rem!important;
	background:#f3f3f3;
	border-radius:7px;
}

.banner_link_full{
	margin-top:2rem;
	margin-bottom:2rem;
}

.banner_link_full img{
	margin-top:1rem;
	border:1px solid #efefef;
}

.sale_status{
	margin-top:4rem;
	margin-bottom:2rem;
	background:#f3f3f3;
	border-radius:7px;
	padding-top:2rem;
	padding-right:2rem;
	padding-bottom:2rem;
	padding-left:2rem;
}

.sale_status h4{
	color:#aaa;
	display:inline-block;
	/*border-bottom:2px solid #aaa;*/
	font-size:1.8rem;
}

.sale_status table{
	margin-top:1rem;
	margin-bottom:0.6rem;
	text-align:left;
	line-height:2rem;
}

.sale_status table th
,.sale_status table td{
	vertical-align:middle;
	padding-top:0.4rem;
	padding-right:0;
	padding-bottom:0.4rem;
	padding-left:0;
	display:inline-block;
}

.sale_status table th{
	min-width:12%;
	font-size:1rem;
	font-weight:normal;
	margin-right:1rem;
}

.sale_status table th:after{
	content:"";
}

.sale_status table td{
	/*padding:1rem;*/
}

.sale_status table th span{
	padding:0.2rem;
	display:block;
	text-align:center;
}

.sale_status table th span.icon_notsale{
	background:#BB0000;
	color:#fff;
}

.sale_status table th span.icon_notsale:before{
	content: "\f00d";
	font-family: FontAwesome;
}

.sale_status table th span.icon_sale{
	background:#0098d9;
	color:#fff;
}

.sale_status table th span.icon_sale:before{
	content: "\f10c";
	font-family: FontAwesome;
}

.wrap_mainbox{
	margin-top:4rem;
}

.mainbox{
	margin-bottom:5rem;
}

.mainbox img{
	border:1px solid #efefef;
}

.mainbox h4{
	font-size:1.5rem;
	margin-top:0.6rem;
	font-weight:bold;
}

.mainbox p{
	font-size:1.3rem;
	
	padding-top:0;
	padding-bottom:0.6rem;
}

.wrap_pro_link_box{
	border:1px dashed #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	/*padding:2%;*/
	padding-top:2%;
	padding-right:2%;
	padding-bottom:0;
	padding-left:2%;
	margin-top:5rem;
	margin-bottom:5rem;
}

.wrap_pro_link_box legend{
	font-size:1.8rem;
	/*font-weight:bold;*/
	/*padding:0 1rem;*/
	padding-top:0;
	padding-right:1rem;
	padding-bottom:0;
	padding-left:1rem;
	background:#fff;
	color:#888;
}

.wrap_pro_link_box .pro_link_box{
	width:49%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.wrap_pro_link_box .pro_link_box:nth-of-type(even){
	margin-right:0;
}

.wrap_pro_link_box .pro_link_box a{
	text-decoration:none;
}

.wrap_pro_link_box .pro_link_box a img{
	border:1px solid #efefef;
}

.wrap_pro_link_box .pro_link_box p{
	padding-top:0.4rem;
	color:#888;
	font-size:1.3rem;
}

.wrap_pro_link_box .pro_link_box:hover p{
	text-decoration:underline;
}


/*__製品特徴__________________*/


/*__製品の使い方__________________*/


/*__製品画像__________________*/
.spec_size_text{
	line-height: 1.8rem;
	font-size: 1.2rem;
	margin-top:0.6rem;
}

/*__製品スペック__________________*/
/*-----------スペック-----------*/
#product_spec table{
	/*border:1px solid #999;*/
	line-height:1.8rem;
}

#product_spec table tr{
	/*border-bottom:1px solid #999;*/
	/*border-bottom:1px dotted #ccc;*/
	border-bottom:1px solid #eee;
}


#product_spec table tr:nth-child(even){
	background-color:#eee;
}


#product_spec table th
,#product_spec table td{
	padding:1.4rem 2rem 1.4rem 1rem;
}

#product_spec table th{
	/*background-color:#c6c6c6;*/
	width:25%;
	/*font-weight:normal;*/
	text-align:left;
	/*text-align:center;*/
	/*border-right:1px solid #999;*/
	vertical-align:middle;
}

#product_spec table td{
	/*width:75%;*/
	vertical-align:middle;
}

.spec_attention{
	margin-top:1rem;
	padding-left:0.4rem;
}

.spec_attention li:before{
	content: '※'
}

.spec_attention li{
	line-height:2rem;
	font-size:1.2rem;
	padding-left: 1em;		/*1em（1文字）分、右に動かす*/
	text-indent: -1.3em;	/*最初の行だけ1em（1文字）分、左に動かす*/
}

.add_annotation{
	line-height:2rem;
	font-size:1.2rem;
	margin-top:2rem;
}

.manual{
	margin-top:2rem;
}

.manual a:after {
	content: "\f105";
	font-family: FontAwesome;
	font-size:1.6rem;
	margin-left:0.4rem;
}

.manual a{
	display:inline-block;
	padding:1.4rem 3rem;
	background-color:#939393;
	color:#ffffff;
	border:1px solid #939393;
	text-decoration:none;
}

.manual a:hover{
	background-color:#ffffff;
	color:#939393;
	border:1px solid #939393;
}

.btn a:after {
	content: "\f105";
	font-family: FontAwesome;
	font-size:1.6rem;
	margin-left:0.4rem;
}

.btn a{
	display:inline-block;
	padding:1.4rem 3rem;
	border:1px solid #BB0000;
	color:#BB0000;
	text-decoration:none;
}

.btn a:hover{
	background-color:#BB0000;
	color:#ffffff;
	border:1px solid #BB0000;
}



/*__その他関連情報__________________*/

/*
.mobile_pro_shoplist{
	display:none;
}
*/

.pro_shoplist{
	display:block;
	background-color: #f3f3f3;
	padding:2rem;
	margin-top:3rem;
	margin-bottom:3rem;
	border-radius:7px;
}

.pro_shoplist .wrap_net_shop{
	margin-top:2rem;
}

.pro_shoplist h4{
	margin-top:1rem;
	text-align:center;
}

.pro_shoplist a{
	text-decoration:none;
	color:#555;
}

.pro_shoplist .pro_shop{
	margin-top:1rem;
	margin-bottom:1rem;
}

.pro_shoplist .pro_shop a{
	padding:2rem;
	background-color:#ffffff;
	color:#555555;
	display: block;
	font-weight: bold;
	font-size: 1.8rem;
	text-align:center;
}

.pro_shoplist .pro_shop a span{
	font-size: 1.2rem;
	font-weight: normal;
}

.pro_shoplist .pro_shop a:hover{
	background-color:#555555;
	color:#ffffff;
	/*border:1px solid #555555;*/
}

.pro_shoplist .net_shop p{
	font-size:1.4rem!important;
	line-height:2.2rem!important;
	text-align:center;
}

.pro_shoplist .net_shop p:hover{
	color: #0098d9;
}

.pro_shoplist .net_shop img{
}



/*============================================================================*/