@charset "utf-8";

/*
*	サポートページ用css
*	
*/



/* サポートページ全体 ========================================================*/
/*__サポートページメイン画像__________________*/
.support_img{
	background-image: url('./img/obi_support.jpg');
}

.support img{
	width:100%;
}

a{
	/*color:#b0b0b0;*/
	color:#777;
}


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



/* サポートページ各部 ========================================================*/
/*__テントの修理について__________________*/

#cd-timeline {
	position: relative;
	/*padding: 1rem 0;*/
	margin-top: 2rem;
}
#cd-timeline::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -2px;
	height: 76.3%;
	width: 6px;
	background: #eee;
}

.cd-timeline-content {
	margin-left: 0;
	padding: 1.6rem;
	width: 43%;
}

.cd-timeline-content {
	position: relative;
	background:#f3f3f3;
	border:2px solid #f3f3f3;
	border-radius: 0.6rem;
	padding: 2rem;
}
.cd-timeline-content:after {
	content: "";
	display: table;
	clear: both;
}

.cd-timeline-content::before {
	content: '';
	position: absolute;
	top: 20px;
	left: 100%;
	right: 100%;
	height: 0;
	width: 0;
	border: 12px solid transparent;
	border-right: 12px solid white;
	border-color: transparent;
	border-left-color: #f3f3f3;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content {
	float: right;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
	top: 20px;
	left: auto;
	right: 100%;
	border-color: transparent;
	border-right-color: #f3f3f3;
}

.cd-timeline-content p {
	margin: 1rem 0;
}

.cd-timeline-block {
	position: relative;
	margin: 2rem 0;
}

.cd-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}

.cd-timeline-block:first-child {
	margin-top: 0;
}

.cd-timeline-block:last-child {
	margin-bottom: 0;
}

.cd-timeline-img {
	position:absolute;
	width: 70px;
	height: 70px;
	left: 50%;
	border-radius: 50%;
	margin-left: -35px;
	display:table;
	border:3px solid #ddd;
}

.cd-timeline-img.cd-inquiry
,.cd-timeline-img.cd-wrench
,.cd-timeline-img.cd-shipment
,.cd-timeline-img.cd-reshipment{
	background:#fff;
}

.cd-timeline-img.cd-inquiry:before
,.cd-timeline-img.cd-wrench:before
,.cd-timeline-img.cd-shipment:before
,.cd-timeline-img.cd-reshipment:before{
	font-family: FontAwesome;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#ccc;
	font-size:3rem;
}

.cd-timeline-img.cd-inquiry:before{
	content: "\f003";
}

.cd-timeline-img.cd-wrench:before{
	content: "\f0ad";
}

.cd-timeline-img.cd-shipment:before{
	content: "\f0f9";
}

.cd-timeline-img.cd-reshipment:before{
	content: "\f0f9";
	transform: scale(-1, 1);
}

.tent_repair_attention{
	border:1px solid #fff;
	padding:0.6rem 1rem;
	background:#fff;
	border-radius:0.4rem;
}



/*__製品保証ページ__________________*/
.warranty ul li:not(li.product_box){
	padding-left: 1em;
	text-indent: -1em;
}

.warranty ul li:before {
	content: "・";
	color: #555;
}

.warranty ol li{
	list-style-type:decimal;
	margin-left:2rem;
}



/*__お取り扱い店舗ページ__________________*/
.shops_section{
	margin-top:4rem;
	margin-bottom:4rem;
}

.shops_section h2{
	font-size:2rem;
	padding:1rem 0;
}

.shops a{
	color:#555;
}

.shops a:hover{
	text-decoration:underline;
}


.shops table{
	/*margin-top:1rem;*/
	line-height:1.8rem;
}

.shops table tbody td:nth-of-type(3n){
	text-align:left;
	padding:1%;
}

.shops table tbody tr th:first-child{
	text-align:left;
}

/*
.shops table tbody tr:nth-of-type(even){
	background-color:#f6f6f6;
}
*/

.shops table thead th{
	background-color:#bbb;
	color:#fff;
	border-right:1px solid #ccc;
}

.shops table thead th:last-child{
	border-right:1px solid #999;
}

.shops table td
,.shops table th{
	padding: 1rem;
	border: 1px solid #ddd;
	vertical-align:top;
}

.shops table th{
	font-weight:normal;
}

.net_store{
	width:35%;
}

.net_url{
	width:65%;
}

.real_store{
	width:23%;
}

.real_place{
	width:37%;
}

.real_notice{
	width:40%;
}

.btn_url a{
	display:inline-block;
	color:#fff;
	background-color:#aaa;
	border:1px solid #aaa;
	padding:0.4rem 1rem;
	margin-top:0.6rem;
}

.btn_url a:hover{
	background-color:#fff;
	text-decoration:none;
	color:#aaa;
}

.shops_attention{
	margin-top:1rem;
}

.shops_attention li{
	line-height:1.8rem;
}

.net .btn_url{
	display:none;
}

.btn_contact a{
	padding:0.8rem 1.4rem;
}

/*__お取り扱い店舗ページ(HUNT木更津)__________________*/
.wrap_shop_data{
	border:1px solid #eee;
	padding:3rem;
	margin-top:2rem;
}

#shop_kisarazu h2{
	margin-bottom:1rem;
}

.shop_data_detail{
	padding-top: 1rem;
}

.shop_data{
	margin-bottom:1rem;
}

.shop_data tr th{
	width:15%;
	text-align:left;
	padding:0.6rem 0.6rem 0.6rem 0;
	letter-spacing:0.2rem;
}

.shop_data tr td{
	width:85%;
	padding:0.6rem;
}

.pro_status{
	font-size:1.31rem;
	color:#BB0000;
	font-weight:bold;
}

.kisarazu_faq{
	margin-bottom:3rem;
}

.kisarazu_faq .faq_q
,.kisarazu_faq .faq_a{
	margin-bottom:0.6rem;
	padding-left:3.4rem;
	text-indent:-3.4rem;
}

.kisarazu_faq .faq_q:first-letter
,.kisarazu_faq .faq_a:first-letter{
	color:#fff;
	font-family:'Quicksand';
	font-weight:bold;
	border-radius:50%;
	margin-right:1rem;
	padding:0.6rem 1rem;

}

.kisarazu_faq .faq_q:first-letter{
	/*background:#0099D9;*/
	color:#bbb;
}

.kisarazu_faq .faq_a:first-letter{
	background:#C9C9C9;
}


/*__お問い合わせ__________________*/
.contact_main_block{
	margin-bottom:4rem;
}

.contact_block{
	border:1px solid #555;
	margin-bottom:2rem;
}

.contact_block a{
	display:block;
	padding:2rem;
	color:#555;
}

.contact_block a:hover{
	background:#555;
	color:#fff;
}

.contact_block h2 span{
	font-size:1.6rem;
	margin-left:0.6rem;
}


/*__お問い合わせフォーム等のプライバシーポリシー文言__________________*/
.privacy_form{
	margin-top:4rem;
	padding-top:2rem;
	border-top:1px solid #efefef;
}

.privacy_form h3{
	font-size:1.8rem;
	padding:1rem 0;
}

.privacy_form a{
	color:#b0b0b0;
}

.privacy_form a:hover{
	text-decoration:underline;
}

.privacy_form ul li{
	padding-left: 1em;
	text-indent: -1.3em;
}

.privacy_form ul li:before{
	content: "・";
	color: #909090;
}

.form_button {
	width: 70%;
	text-align: center;
	margin: auto;
	margin-top: 4rem;
}

.form_button a {
	display: block;
	/*background: #939393;*/
	border:1px solid #444;
	color: #444;
	padding: 2rem 3rem;
	text-decoration:none;
}

.form_button a:hover{
	background: #444;
	color:#fff;
}

/*
.form_button a {
	display: block;
	background: #939393;
	border:1px solid #939393;
	color: #ffffff;
	padding: 2rem 3rem;
	text-decoration:none;
}

.form_button a:hover{
	background: #ffffff;
	color:#939393;
	border:1px solid #939393;
}
*/



/*__重要なお知らせ（偽サイトへの注意喚起）__________________*/
.announce a
,.consumables_sales a{
	color:#b0b0b0;
}

.announce a:hover
,.consumables_sales a:hover{
	color:#0098d9;
}

.align_right{
	text-align:right;
}

.announce_title{
	font-size:2rem;
	line-height:2.4rem;
	padding-top:0.4rem;
	padding-bottom:0.4rem;
	margin:0;
}

.announce_title span{
	display:block;
	font-size:1.4rem;
	line-height:2.2rem;
}

.announce_heading{
	padding-top:2rem;
	padding-bottom:2rem;
	line-height:1.4rem;
}

.announce_subbox{
	margin-top:2rem;
	margin-bottom:4rem;
}

.announce_subtitle{
	font-size:1.6rem;
	line-height:1.6rem;
	border-bottom:2px solid #666;
	display:inline-block;
	padding-bottom:1rem;
	margin:0;
}

.site_list{
	line-height:1.6rem;
	margin:0;
}

.site_list li{
	padding-top:1rem;
	padding-left: 1em;
	text-indent: -1.3em;
}


.site_list li:before{
	content: "・";
	color: #909090;
}



/*__販売終了製品__________________*/
.product_box:before{
	content:none!important;
}

.product_box{
	width:18.5%;
	/*min-height:240px;*/
	max-height:250px;
	text-indent: 0!important;
}

.product_box h3{
	font-size:1.2rem;
	line-height:1.5rem;
}

.product_box p.pro_num{
	font-size:1rem;
	line-height:1.4rem;
	/*font-size:0.9rem;
	line-height:1.1rem;*/
	margin-top:0.4rem;
	color:#888;
}



/*__取扱説明書__________________*/
.manual_block{
	margin-top:5rem;
}

.manual_block li{
	border-bottom:1px solid #ccc;
	padding:1rem 0 ;
}

.manual_block li:first-of-type{
	border-top:1px solid #ccc;
}

.manual_block li span{
	font-size:1.2rem;
}

.manual_block li span:nth-child(n+2):before{
	content: "/";
}

.manual_block li{
	display:table;
	width:100%;
}

.manual_block li .manu_name
,.manual_block li .manu_link{
	vertical-align:middle;
}

.manual_block li .manu_name{
	display:table-cell;
	width:80%;
	padding-right:1rem;
	padding-left:1rem;
}

.manual_block li .manu_link{
	display:table-cell;
	width:20%;
	text-align:center;
}

.manual_block li .manu_link a{
	display:block;
	padding:0.4rem 0;
	border:1px solid #777;
	background:#fff;
	font-size:1.2rem;
}

.manual_block li .manu_link a:hover{
	border:1px solid #777;
	background:#777;
	color:#fff;
}


/*__FAQ(よくあるご質問)__________________*/
.wrap_faq_block{
	margin-top:5rem;
}

.faq_block{
	margin:4rem 0;
}

.faq_block h3{
	/*border-bottom:1px solid #ccc;*/
	padding-bottom:0.6rem;
}

.faq_block ul{
	margin-top:1rem;
}

.faq_block ul li{
	line-height:3rem;
	padding:0.4rem 0;
}

.faq_block ul li a{
	text-decoration:underline;
}

.faq_block ul li a:hover{
	text-decoration:none;
}

.after_faq_box{
	padding-top:4rem;
	padding-right:4rem;
	padding-bottom:4rem;
	padding-left:4rem;
	background:#EFEFEF;
	margin-top:5rem;
	margin-right:auto;
	margin-bottom:0;
	margin-left:auto;
	text-align:center;
}

/*--解答--*/
.wrap_faq_answer_block h2{
	/*color:#0098d9;*/
	font-size:2.2rem;
}

.faq_answer_block{
	margin-top:3rem;
	line-height:2.4rem;
}

.answer_baloon{
	display:none!important;
}

.answer_baloon{
	background:#0098d9;
	padding:0.4rem 2rem;
	color:#fff;
	display:inline-block;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-weight:bold;
	font-size:1.6rem;
	position: relative;
	margin-bottom:0.6rem;
}

.answer_baloon:before{
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #0098d9 transparent transparent transparent;
	z-index: 0;
}


.question_to_customer{
	margin-top:5rem;
}

.submit_area{
	margin-top:0.6rem;
}

.submit_button{
	border: 1px solid #ccc;
	padding: 1rem 2rem;
	cursor: pointer;
	text-align: center;
}

.submit_button:hover{
	border: 1px solid #0098d9;
	color:#0098d9;
}

.yes_submit {
	float: left;
}

.no_submit{
	float: left;
	margin-left: 10px;
}

.comment_box{
	margin-top:2rem;
	display:none;
}

.comment_box textarea {
	border: 1px solid #ccc;
	padding:1rem;
}

.end_submit {
	border:1px solid #ccc;
	padding:1rem;
}

.on_color {
	background-color:#0098d9;
	color:#fff;
}

/*---FAQカテゴリ一覧表示---*/
.faq_info_box{
	display:inline-block;
	margin:0 0.6rem 0.8rem 0;
}

.faq_info_box a{
	display:block;
	padding:1rem 1.6rem 1rem 4rem;
	border:2px solid #b0b0b0;
	font-weight:bold;
	font-size:1.3rem;
	letter-spacing:0.05rem;
	position:relative;
}

.faq_info_box a:hover{
	background:#b0b0b0;
	color:#fff;
}

.faq_info_box a:before{
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
	left: 2rem;
	top: 40%;
	margin-right: -1rem;
	position: absolute;
}

.faq_info_box a:hover:before{
	border-color:#fff;
}

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