@charset "UTF-8";

h2{
    font-size:217%;
}

.detail_txt div.code {
	font-size:1rem;
	margin:15px 0 ;
}

.detail_txt a,.recom div a.reserve, .recom div a.cart, .spec a{
    display:block;
    height:38px;
    line-height:38px;
    font-size:117%;
    color:#fff;
    background-color:#00a8ff;
    text-align:center;
}

.detail_txt a:hover,.recom div a:hover,.spec a:hover{
    background-color:#3ebdff;
}

.sp_cart{
    display:none;
}

/*---詳細部分---*/

.detail{
    padding:30px 0 80px;
    border-bottom:#c5c5c5 3px solid;
}

.detail .photo{
    float:left;
    text-align:center;
}

.photo .sumb{
    width:500px;
}

.photo .sumb img{
    width:58px;
    margin:25px 10px 0;
    border:1px solid #000;
}

.photo .sumb a img{
    border:1px solid #d3d3d3;
}

.detail .detail_txt{
    float:right;
    width:650px;
}

.detail h2{
    font-size:217%;
    line-height:1.4em;
    padding-bottom:30px;
    margin-bottom:20px;
    border-bottom:1px solid #e4e4e4;
}

.sns{
    padding:10px 0;
    margin:20px 0;
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
}

.detail_txt img{
    margin-right:5px;
    vertical-align:middle;
}

.stock{
    margin-bottom:20px;
}

.stock1{
    color:#008bd3;
}
.stock2{
    color:#b6bd07;
}
.stock3{
    color:#b23a48;
}
.stock4{
    color:#024f90;
}
.stock5{
    color:#a94908;
}

.stock strong{
    color:#000;
    display:inline-block;
    margin-left:15px;
}

.price{
    font-size:217%;
    color:#000;
}

.price span{
    font-size:60%;
    display:block;
    margin-bottom:15px;
    text-decoration:line-through;
    color:#5a5a5a;
}

.detail a{
    width:50%;
    margin:20px 0;
    
}


/*---リコメンド---*/
.recom{
    border-bottom:#c5c5c5 3px solid;
    padding:40px 0;
}

.recom div.recominner {
    width:265px;
    text-align:center;
    margin:20px 15px 0;
}

.recom h3 {
    font-weight:normal;
    color:#000;
    margin-top:15px;
    height:45px;
}

.recom div img {
    width:170px;
    margin: 0 auto;
}

.recom div a.cart, .recom div a.reserve {
    width:75%;
    margin:20px auto;
}

.recom .price{
	font-size:1.5rem;
}
.recom .price span{
	font-size:1rem;
}

.recom .no_list {
    width: 50%;
    background-color: #bbb;
    color: #444;
    font-size: 117%;
    height: 38px;
    text-align: center;
    margin: 20px auto;
}

.bx-wrapper {
	margin-top: 40px !important;
    max-width: 1160px !important;
}

/*---画像---*/
.images{
    border-bottom:#c5c5c5 3px solid;
    padding: 40px 0;
}

.images img{
    margin-left:auto;
    margin-right:auto;
    display:block;
    border-bottom:#e5e5e5 1px solid;
}

.images img.last{
    border-bottom:none;
}

/*---スペック---*/
.spec{
    padding:40px 0 0;
}

.spec table{
    width:900px;
    margin:40px auto;
    border-top:#e5e5e5 1px solid;
}

.spec th,.spec td{
    border-bottom:#e5e5e5 1px solid;
    padding:7px 0;
}

.spec th{
    width:20%;
}

.spec a{
    margin:20px auto;
    width:30%;
}


/*---スライドショー--- */
.flickSlider {
    text-align: left;
    display: none;
    float:left;
}
 
/* .flickView
--------------------------- */
.flickSlider .flickView {
    width: 500px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.flickSlider .flickView ul {
    top: 0;
    left: 0;
    width: 500px;
    position: absolute;
    overflow: hidden;
}
.flickSlider .flickView ul li {
    width: 500px;
    float: left;
    display: inline;
    overflow: hidden;
}
.flickSlider .flickView ul li img {
    width: 500px;
}
 
/* .flickThumb
--------------------------- */
.flickSlider .flickThumb {
    width:  500px;
    overflow: hidden;
}
.flickSlider .flickThumb ul {
    width: 110%;
}
.flickSlider .flickThumb ul li {
    float: left;
    cursor: pointer;
    display: inline;
    border:1px solid #000;
   	margin:25px 9px 0;
   	height:100px;
}
.flickSlider .flickThumb ul li img {
    width: 100%;

}
.flickSlider .flickThumb ul li.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

.windows {
    font-weight: bold;
    padding-bottom: 20px;
    text-align: right;
    width: 200px;
    float: right;
}

.no_list {
    width: 50%;
    background-color: #bbb;
    color: #444;
    font-size: 117%;
    line-height: 38px;
    text-align: center;
    padding: 0 20px;
}

.mt30 {
    margin-top: 30px !important;
}

a.maker_link{
	width:20%;
    background-color:#bbb;
}

a.reserve {
    background-color: #02b63e !important;
}

a.reserve:hover {
    background-color: #4BE87F !important;
}

.sns li.socialbutton_fb {
    float: left;
    width: 80px;
}

.bx-wrapper .bx-viewport {
    box-shadow: none !important;
    border: none !important;
}