@charset "UTF-8";
/* CSS Document */

/*商品ページ用テーブルナビゲーション By BECK Inc.*/
.item-flick{
	width:100%;
	-webkit-overflow-scrolling: touch;
	overflow-x:auto;
}
.item-flick ul{
	list-style:none;
	display: -webkit-flex;
    display: flex;
    overflow-x:scroll;
	width:900px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	/*padding:0 5px;*/
	box-sizing:border-box;
}
.item-flick li{
	width:100%;
	/*margin:5px 0;*/
	font-size:12px;
	list-style:none;
	border-right:1px solid #eee;
	text-align:center;
}
.item-flick li:last-child{
	/*border-right:none;*/
}
.item-flick li p{
	text-align:center;
	padding-left:5px;
}

.item-flick li a{
	color: #fff;
}


.item-flick img{
	width:95%;
}
.item-flick .more{
	background:#e1787d;
	padding:5px;
	font-size:12px;
	text-align:center;
	color:#fff!important;
	/*transition:.3s;
	-webkit-transition:.3s;
	-moz-transition:.3s;*/
	width:70%;
	margin:7px auto;
}
.item-flick .more:hover{
	color:#000;
	background:#FF3;
}


table.item-flick{
	border-collapse:collapse;
	width:100%;
	text-align:left;
	/*margin-top:20px;*/
	border-top: none;
}
table.item-flick td{
	border:1px solid #E8E8E8;
	padding:10px;
	/*border-left:none;*/
	vertical-align:top;
	height:50px;
}
td.first{
	background:#eee !important;
	width:20%;
	font-weight:bold;
	font-size:12px !important;
}
td.if1{
	background:#fbfbfb !important;
	padding:10px !important;
	width:80%;
	font-size:100% !important;
}
td.if2{
	background:#fff !important;
	padding:10px !important;
	width:100%;
	font-size:100% !important;
}

td.koumoku-first{
	height: 163px!important;
    border: none;
}

span.iro-white{
	color: white;
        font-size: 18px;
     text-shadow    : 
       1px  1px 0px #9b9f9e,
      -1px  1px 0px #9b9f9e,
       1px -1px 0px #9b9f9e,
      -1px -1px 0px #9b9f9e,
       1px  0px 0px #9b9f9e,
       0px  1px 0px #9b9f9e,
      -1px  0px 0px #9b9f9e,
       0px -1px 0px #9b9f9e; 
}

span.iro-black{
	color: #000000;
        font-size: 20px;
}

span.iro-gray{
	color: #85888f;
        font-size: 20px;
}

span.iro-turquoise{
	color: #126972;
        font-size: 20px;
}

span.iro-brown{
	color: #9e6142;
        font-size: 20px;
}

span.iro-yellow{
	color: #f5c622;
        font-size: 20px;
}

span.iro-lightgray{
	color: #b2b3ad;
        font-size: 20px;
}

span.iro-navy{
	color: #0f476a;
        font-size: 20px;
}
span.iro-lightblue{
	color: #bfdad3;
        font-size: 20px;
}

span.iro-orange{
	color: #e16d00;
        font-size: 20px;
}
span.iro-limegreen{
	color: #c9d782;
        font-size: 20px;
}
span.iro-blue{
	color: #006da6;
        font-size: 20px;
}
span.iro-red{
	color: #fa3341;
        font-size: 20px;
}
span.iro-beige{
	color: #c2a77c;
        font-size: 20px;
}

table.item-flick td.color-heimei {
    height: 19px!important;
}

table.item-flick td.color-hei {
    height: 13px!important;
}



/*PC用*/

@media screen and (min-width: 559px) {

.item-flick img {
    width: 100%;
}

.item-flick ul {
    overflow-x: auto;
}

.item-flick li {
    font-size: 15px;
}

td.first {
    font-size: 15px !important;
}
.item-flick .koumoku-first{
	height: 185px!important;
    border: none;
}

table.item-flick td {
    height: 88px!important;
}

table.item-flick td.color-heimei {
    height: 51px!important;
}

table.item-flick td.color-hei {
    height: 51px!important;
}

}