@charset "utf-8";

/* ####################################### */
/* ショップ */
/* ####################################### */
.shop-goods {float: left; margin-bottom: 3em; padding: 0.5em; width: 50%; text-align: left;}
.shop-goods h1 {color: #ddb58a; font-size: 120%;}
.shop-goods .goods-image {display: inline-block; vertical-align: top; width: 150px;}
.shop-goods .goods-image img {border: 2px solid #ddb58a;}
.shop-goods .goods-note {display: inline-block; vertical-align: top;}
.goods-info {color: #ddb58a;}
.goods-tips {font-size: 80%;}

/* 商品を注文する */
.goods-price {
display: inline-block;
height: 20px;
white-space: nowrap;
line-height: 20px;
font-size: 80%;
text-align: center;
color: #ffffff;
background-color: #fcd157;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.goods-price a {
display: block;
padding: 0 1em;
width: 100%;
height: 100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
.goods-price a, .goods-price a:link, .goods-price a:visited {color: #ffffff; text-decoration: none;}
.goods-price a:active, .goods-price a:hover {background-color: #888888; text-decoration: none;}

/* ####################################### */
/* Responsive Tablet Display */
/* ####################################### */
@media screen and (min-width: 768px) and (max-width: 979px) {

} /* End 768px-959px */

/* ####################################### */
/* Responsive SmartPhone Display */
/* ####################################### */
@media only screen and (max-width: 767px) {
.shop-goods {float: none; margin-bottom: 3em; padding: 0.5em 0.2em; width: 100%; border-bottom: 1px dashed #dddddd;}

} /* End 0px-767px */

/* ####################################### */
/* Ratina Display */
/* ####################################### */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

} /* End Retina */