@charset "utf-8";
/*------------------------------------------------------------
------------------------------------------------------------*/

/*===== 1: CLEARFIX ==========================================*/
.clearfix{zoom:1;/*for IE 5.5-7*/}
.clearfix:after{/*for modern browser*/content:".";display: block;height:0px;clear:both;visibility:hidden;}


body {
    background: #FFF;
    font-family: Helvetica, san-serif;
    line-height: 1.5;
    font-size: 14px;
    margin: 0;
    padding: 0;
	color: #333;

	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto,'Noto Sans Japanese',"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-weight: 300;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0.50);
}
ul{	margin: 0;	padding: 0;}
html{font-size: 62.5%;}


/*link---------------------------------------------------------------------------------------------------------------*/
a{color:#333;text-decoration:none;}


a:link {
    color: #614620;
    text-decoration: none;
}
a:visited {
    color: #614620;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    cursor: pointer;
}
div,
li,
p {
-webkit-tap-highlight-color: rgba(0,0,0,0.50);}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

h2 {
    font-size: 20px;
}
h3,
h4,
h5 {
    font-size: 100%;
    font-weight: bold;
}

.mini {
    font-size: 11px;
font-weight:normal; }

.mb-15	{margin-bottom: 15px !important;}.mb-20{margin-bottom: 20px !important;}

.ptb-10	{padding: 10px 0 !important;}

input {
    margin: 0;
    padding: 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
input[type="text"] {
    margin: 5px 0;
}
#search_area {
    padding: 10px;
    background: #E7E8E9;
    clear: both;
    text-align: center;
}

input.search_submit {
    background-image: url(https://www.rakuten.ne.jp/gold/auc-roque/smart/images/search_submit.jpg);
    background-size: 35px 25px;
    width: 35px;
    height: 25px;
    border: 0;
}

.news_contents {
    padding: 10px;
    max-height: 260px;
    height: auto !important; /* hack? */
    height: 260px; /* hack? */
    overflow: auto;
    overflow-y: scroll;
	text-align:left;
}
dl.newslist {
    background: url("../../images/line_dot_01.gif") repeat-x bottom;	
	clear: both;
}
dl.newslist:last-child { /* IE9 未満では無効 (影響度合いが低いので黙殺) */
    background: none;
}
dl.newslist dt {
    margin-bottom: 5px;

}
dl.newslist dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
	width:60%;
	float:left;
}
dl.newslist dm {
	margin-left: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
	width:30%;
	float:left;

}


#top_rank{
	width:100%;
}	


/*===== HEADER===== */

#logo {
  vertical-align: middle;
  width: 15%;
  float: left;
  margin-left: 1.041%;
  margin-top: 2%;
}
#head_info{
	width: 65%;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right:1%;
}


/*------------------------------------------------------------
------------------------------------------------------------*/
#search_area{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A1A1A1;
	border-radius: 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
#keyword_search_box{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}



#keyword {
	width:80%;
	border:0;
	margin-right:5px;
	color:#999;
	padding:10px 0;
}

input.search_submit {
	background-image: url(../images/search_submit.jpg);
	background-size: 35px 25px;
	width: 35px;
	height: 25px;
	border:0;
}
input[type="submit"] {
	padding:0;
}

ul#main_nav {
	margin-bottom: 10px;
}
ul#main_nav li a {
	width: 25%;
	float: left;
	margin-left: -1px;
	/* alternative  text-indent: -9999px; */

    overflow:hidden;
}


#free_bn_98p{
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 3px;
	margin-top:5px;
}







/*------------------------------------------------------------
展開メニュー
------------------------------------------------------------*/
.category_menu_box{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}
.parent_list {
	width: 100%;
	font-size: 75%;
}
.parent_list li p {
	background-color: #F7F7F7;
	border-bottom: 2px solid #A0A0A0;
	min-height: 42px;
	line-height: 44px;
	vertical-align: middle;
	display: block;
	height: 39px;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5;
	padding-left: 10px;
	background-image: url(../../img/foot_ca_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 35px 13px;
	color: #A0A0A0;
	font-weight: bold;
}
.parent_list li p.direct {
	background-image: url(../../img/foot_ca_oya_arrow.jpg);
}

.parent_list li p img {
	width: 150px;
	vertical-align: middle;
	margin-right:10px;
}

.parent_list span {
	display: block;
	color: #1F4C9F;
}
.child_list {display:none;}
.child_list a {
	display: block;
	color: #494949;
}
.child_list div {
	padding: 0 10px 0 20px;
	min-height: 42px;
	line-height: 44px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF0F3;
	border-bottom: 1px solid #c0c0c0;	
	width: 100%;
	position: relative;
}
.child_list div:after {
	content: "";
	position: absolute;
	right: 0;
	top: 37%;
	display: block;
	width: 30px;
	height: 15px;
	background-image: url(../../css/asprite.png);
	background-size: 320px 600px;
	background-position: 120px -160px;
}

.child_list li{
	background-color: #FFFFFF;
	border-bottom: 2px solid #A0A0A0;
	padding-right: 10px;
	padding-left: 20px;
	background-image: url(../../img/foot_ca_child_arrow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 28px 10px;
	color: #A0A0A0;
	height: 40px;
	line-height: 40px;
}
.child_list li img {	width: 26px;
	vertical-align: middle;
	margin-right:10px;
}

.child_list li a{
	color: #A0A0A0;
}
#footer_sub_title{
	background-color: #9FA1A0;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 90%;
	padding-left: 15px;
}
.parent_list li p a {color: #A0A0A0;}
ul#brand {
	width: 310px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
ul#brand li {
	width: 32%;
	float: left;
	margin-right: 2%;
}
ul#brand li:last-child {
	margin-right: 0%;
}





/* daysale */

#pick-wrapper {
}

#snav a, .controls a {
	text-decoration: none;
}
#snav a {
	color: #5A5A5A;
	font-size: 11px;
}
button{
  display: inline-block;
  padding: 15px 10px;
  background: none;
  border:0;
  border-left:1px dotted #C1C1C1;
  color: #000;
  font-size: 11px;
  font-weight: 300;

  border-radius: 0px;
  cursor: pointer;
}

/* controls */
.controls {
	float:left;
	padding-left: 15px;
}
.controls > .filter {
	display: inline-block;
}

/* Container */




/*店舗概要エリア*/
#shop-guide {
	width:100%;
}
/*Title*/


h3 {
	padding:3px 0 3px 10px;
	margin-bottom:10px;
}
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }



/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 18%; /* be nice to Opera */
}
.ui-tabs-nav a , .ui-tabs-nav a span {
    display: block;
    padding: 0 6px;
    background: url(../../images/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #BBB;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    /*width: 64px;  IE 6 treats width as min-width 
    min-width: 64px;
    height: 18px;  IE 6 treats height as min-height
	border-left:1px solid #999; */
    min-height: 30px;
    padding-top: 15px;
    padding-right: 0;
}
.ui-tabs-nav a span:first-child{
}
.ui-tabs-nav a span 
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 2em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-panel a , .ui-tabs-panel a span {
    padding: 0;
	display: inline;
	background: none;
}


/*フロート*/
.floatBanner a {
display: block;
width: 40px;
height: 150px;
margin: 0;
padding: 0;
position: fixed;
bottom: 135px;
right: 5px;
z-index: 2147483647;}

.floatBanner img {
width: 100%;
height: 140px;

}

 
.floatFooter a {
display: block;
width: 100%;
height:130px;
line-height: 38px;
margin: 0 0 -50px 0;
padding: 0;
position: fixed;
bottom: 0;
right: 0;
color: #FFF!important;
text-align: center;
font-weight: bold;

z-index: 2147483647;
opacity: 1.00; }

.floatFooter img{
width:100%;
max-width:700px;
margin:0 auto;
height:90px;
opacity: 0.9; 
}

/* フロートheader下 */
.shopname-info {
	height: 100px; background: #FFF; margin-bottom: 60px;
}
.floatTop a {
top: 200px; /* ショップ名下テキスト挿入ポジション */
display: block;
width: 100%;
height:30px;
line-height: 20px;
text-decoration: underline;
margin: 0;
padding: 0;
position: absolute;
right: 0;
color: #FFF!important;
font-weight: bold;
text-align: center;
z-index: 2147483647;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.p-pickup {
	font-size:0.8em;
}



/* トップへ戻るボタン */
#page-top {
    position: fixed;
    bottom: 10px;
    right: 0;
    font-size: 70%;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 50px;
    height: 40px;
    padding: 5px 0;
    text-align: center;
    display: block;
	opacity:0.8;
	line-height:1.3;
}


#tabmenu {
padding: 20px 0px 5px 0px;
margin: 0px;
color: #333;
font-size: 11px;
width: 100%;
position: relative;
}

#tabmenu div#tab {
	position: absolute;
	top: 2px;
	left: -1px;
	width: 100%;
}

#tabmenu div#tab a {
float: left;
height: 40px;
line-height: 40px;
text-align: center;
width: 33.3%;
display: block;
text-decoration: none;
color: #ffffff;
background: #ffffff;
}

#tabmenu div#tab a:hover{
    background:#ffffff;
    color:#fff;
}

div#tab_contents {
width: 100%;
overflow: hidden;
clear: both;
}

div#tab_contents ul{
    width:2500px;
    padding:0px;
    margin:0px;
}
div#tab_contents ul li {
float: left;
width: 360px;
list-style-type: none;
padding: 50px 60px 20px 2px;
background: white;
}
.ev_top {
    width: 100%;
	background-repeat: repeat;
    background: url("https://www.rakuten.ne.jp/gold/auc-roque/event/venue/images/ev_background.gif") ; /* 新作 */
}
.ev_timer {
    width: 100%;
	background-color: #000000
}
/* ===============================================
▼新着情報
=============================================== */
#news_area .news_contents {
    padding: 10px;
    max-height: 260px;
    height: auto !important; /* hack? */
    height: 260px; /* hack? */
    overflow: auto;
    overflow-y: scroll;
	text-align:left;
}
#news_area dl.newslist {
    background: url("../../images/line_dot_01.gif") repeat-x bottom;	
	clear: both;
}
#news_area dl.newslist:last-child { /* IE9 未満では無効 (影響度合いが低いので黙殺) */
    background: none;
}
#news_area dl.newslist dt {
    margin-bottom: 5px;

	
}
#news_area dl.newslist dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
	width:60%;
	float:left;
}
#news_area dl.newslist dm {
	margin-left: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
	width:30%;
	float:left;

}
	/*カラーリスト*/
	#side .color-list{
		width:100%;
		margin:4px 0 0 0px;
		text-align: center;
		letter-spacing: -0.4em;
	}
		#side .color-list li{
			display: inline-block;
			margin: 3px;
			width:20%;
			font-size: 11px;
			line-height: 1.4em;
			letter-spacing: normal;
			cursor: pointer;
			-webkit-transition: opacity .3s ease;
			   -moz-transition: opacity .3s ease;
			    -ms-transition: opacity .3s ease;
			     -o-transition: opacity .3s ease;
			        transition: opacity .3s ease;
			vertical-align: top;
			backface-visibility: hidden;
			zoom: 1;
		}

#news_area .news_contents {
    padding: 10px;
    max-height: 260px;
    height: auto !important; /* hack? */
    height: 260px; /* hack? */
    overflow: auto;
    overflow-y: scroll;
	text-align:left;
	background-color:#fffcf7;
}
#news_area dl.newslist {
    background: url("../../images/line_dot_01.gif") repeat-x bottom;	
	clear: both;
}
#news_area dl.newslist:last-child { /* IE9 未満では無効 (影響度合いが低いので黙殺) */
    background: none;
}
#news_area dl.newslist dt {
    margin-bottom: 5px;

	
}
#news_area dl.newslist dd {
    margin-bottom: 10px;
    padding-bottom: 10px;
	width:60%;
	float:left;
}
#news_area dl.newslist dm {
	margin-left: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
	width:30%;
	float:left;

}
#picupList .flip-contents{background: #FFF;}
#picupList li p{padding: 0.3em; font-size: 0.80em; text-align: center; color:#614620;}

.srcBox{
	background-color: rgba( 255, 255, 255, 0.65 );	
	padding: 0.7em;
}
.srcBox a{
	color:#836a42;
}

.srcBox h3.h3-line {
	width:100%;
	float: left;
	font-size: 20px;
	letter-spacing: 3px;
	font-stretch: condensed;
    border-bottom: 1px solid;
}
.srcBox h3.h3-line .h3-pink{
	font-size: 12px;
	color: #FF5F82;
}
#overLay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	background-color: rgba( 0, 0, 0, 0.70 );
}
#srcWinBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*background: #FFF;*/
	display: none;
	overflow-x: hidden;
	z-index: 2200;		
}
#side {
	padding:0 !important;
}
#side .link-list {
    text-align: center;
    letter-spacing: -0.4em;
}
#side .link-list li {
    display: inline-block;
    background: #ffe;
    width: 33%;
    height: 26px;
    margin: 5px;
    border: 2px solid #836a42;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    line-height: 31px;
    color: #836a42;
    letter-spacing: normal;
    cursor: pointer;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    vertical-align: top;
    backface-visibility: hidden;
    zoom: 1;
}

ol.ranking-list,
ol.ranking-list2{
	letter-spacing: -0.4em;
	margin-bottom: 20px;
}
	ol.ranking-list li{
		display: inline-block;
		width: 48%;
		letter-spacing: normal;
		margin: 10px 0 10px 3%;
		vertical-align: top;
	}
	ol.ranking-list2 li{
		display: inline-block;
		width: 32%;
		letter-spacing: normal;
		margin: 10px 0 10px 2%;
		vertical-align: top;
	}
	ol.ranking-list li:first-child,
	ol.ranking-list2 li:first-child{
		margin-left:0;
	}
	ol.ranking-list2 li:nth-child(5n){margin-right: 0px;}
		ol.ranking-list2 li a:hover{text-decoration: none;}
		
						ol.ranking-list li figcaption p,
				ol.ranking-list2 li figcaption p{
					font-size: 11px;
					font-weight: bold;
					line-height: 1.3em;
					color: #333;
					margin: 5px 0 5px;
					clear:both;
				}
				ol.ranking-list li figcaption .supplement,
				ol.ranking-list2 li figcaption .supplement{
					width:80px;
					height:12px;
					border-radius: 10px;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					background:#836a42;
					font-size: 8px;
					font-weight: bold;
					color: #FFF;
					margin: 5px 2px 5px 0;
					text-align: center;

					float:left;
				}
				ol.ranking-list li p,
				ol.ranking-list2 li p{
					font-size: 13px;
					font-weight: bold;
					line-height: 1.2em;
					color: #ff80bf;
				}
				ol.ranking-list2 li p{
					font-size: 13px;

					line-height: 1.2em;
					color:#ea4798;
					text-align: left;
				}

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	overflow: hidden;
}

.bx-wrapper img {
	max-width: 1920px;
	display: block;
}
.bx-wrapper .bx-viewport {

	/*background: #fff;*/
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
	display: none;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
	display: none;	
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 101;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}
.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

/*タブ*/
.tab-viewport{width: 100%; overflow: hidden !important; z-index: 100;background-color: #F5ECDC;}
.flip-tab{}
.flip-tab:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.flip-tab li{float: left; width: auto; padding: 1em 1.2em;  text-align: center; display: block; font-weight: 500;}
.flip-tab li.active{background: #836a42; color: #FFF;}
.flip-tab li:after{
	content: '';
	position: absolute;
	top: 1.1em;
	right: 0;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	width: 1px;
	height: 1em;
	background: #444;
}
/*タブコンテンツ*/
.contents-viewport{width: 100%; overflow:hidden; }
.flip-contents{}
.flip-contents:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.flip-contents section{float: left; width: 90%;}
.flip-contents section ul{padding: 0.7em 0.5em;}
#picupList{position: relative;}

#tabnavi ul{
	margin:0;
	padding:0;
}
#tabnavi li{
	display:inline;
}
#tabnavi li a{
	display:inline-block;
	background:#ffffff;
	color:#ffffff;
	padding:2px;
	border-radius:3px 3px 0 0;
	text-decoration:none;
	width: 17%;
}
#tabnavi li a:hover,
#tabnavi li a.active{
	background:#ffffff;
	color:#fff;
	opacity: 0.4;
}
#tabcontent{
	padding:15px 5px;
	border-top:3px dotted #ccc;
	width:100%;
}

#tabcontent a img {
	padding-bottom:10px;
}