@charset "utf-8";

/**** Clearfix ****/
ul.resp-tabs-list:after{content:""; display:table;clear:both;}
ul.resp-tabs-list{zoom:1;}

ul.resp-tabs-list {
border-bottom:3px solid #000080;
}

.resp-tabs-list li {
font-size:16px;
font-size:1.6rem;
display:inline-block;
margin:0 5px 0 0;
cursor:pointer;
float:left;
}

.resp-tab-item {
border:1px solid #666;
border-top-left-radius:5px;
border-top-right-radius:5px;
padding:6px 8px 5px;
background-color:#eee;
}

.resp-tab-active {
border:1px solid #666;
border-top-left-radius:5px;
border-top-right-radius:5px;
margin-bottom:0;
padding:6px 8px 5px;
font-weight:bold;
color:#fff;
background-color:#000080;
}

.resp-content-active, .resp-accordion-active {
display:block;
}

.resp-tabs-container {
padding:0px;
background-color:#fff;
clear:left;
}

.resp-tab-content {
display:none;
padding:30px 20px;
}

.resp-tab-content {
border:1px solid #000080;
}

h2.resp-accordion {
cursor:pointer;
padding:5px;
display:none;
}

h2.resp-accordion {
font-size:16px;
font-size:1.6rem;
border:1px solid #666;
border-top:0px solid #666;
margin:0px;
padding:10px 15px;
background-color:#eee;
}

h2.resp-accordion br{
display:none;
}

h2.resp-tab-active {
border-bottom:0px solid #666 !important;
margin-bottom:0px !important;
padding:10px 15px !important;
background-color:#000080;
}

h2.resp-tab-title:last-child {
border-bottom:12px solid #666 !important;
background:blue;
}

.resp-arrow {
width:0;
height:0;
float:left;
margin-top:5px;
margin-right:5px;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-top:12px solid #333;
}

h2.resp-tab-active span.resp-arrow {
border:none;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:12px solid #fff;
}
h2.resp-tab-active:first-child span.resp-arrow {
border-bottom:12px solid #000;
}


/*-----------Accordion styles-----------*/
h2.resp-tab-active {
/*background:#DBDBDB !important;*/
}
.resp-easy-accordion  h2.resp-accordion {
display:block;
}
.resp-easy-accordion .resp-tab-content {
border:1px solid #666;
}

.resp-easy-accordion .resp-tab-content:last-child {
border-bottom:1px solid #666 !important;
}

.resp-jfit {
width:100%;
margin:0px;
}

.resp-tab-content-active {
display:block;
}

h2.resp-accordion:first-child {
border-top:1px solid #666 !important;
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width:720px) {
	ul.resp-tabs-list {
	display:none;
	}

	.resp-tab-active {
	border-top-left-radius:0;
	border-top-right-radius:0;
	}

	h2.resp-accordion {
	display:block;
	}

	h2.resp-accordion:first-child{
	font-weight:bold;
	background-color:#FFE566;
	color:#000;
	}
	h2.resp-accordion:first-child:before{
	content:"商品リスト／";
	}

	.resp-vtabs .resp-tab-content {
	border:1px solid #666;
	}

	.resp-vtabs .resp-tabs-container {
	border:none;
	float:none;
	width:100%;
	min-height:initial;
	clear:none;
	}
	.resp-accordion-closed {
	display:none !important;
	}
	.resp-vtabs .resp-tab-content:last-child {
	border-bottom:1px solid #666 !important;
	}
}