@charset "utf-8";

/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
.block_outer {
	clear:both;

}
.side {
    overflow-x: hidden; /* IE6 表示乱れ防止 */
}
#container .block_outer {
    margin-bottom: 20px;
}
.block_outer .block_body {
	padding:0;
    background-color: #fff;
}

/* タイトル
----------------------------------------------- */
.main .block_outer h2 .title {
	background-color:#C7A376;
	color:#fff;
	padding:2px 0 2px 5px;
}
#side .block_outer h2 {
	padding-left:1px;
	border-left:#634E42 10px solid;
}
#side .block_outer h2 .title {
	background-color:#C7A376;
	color:#fff;
	padding:2px 0 2px 5px;
}

/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼多機能クーポン
=============================================== */
#coupon_area {
	clear:both;
	margin-bottom:5px;
}
#coupon_area .block_body {
	border:none;
}
#coupon_area #title {
	font-size:120%;
	padding:5px;
	background-color:#eee;
	color:#333;
	font-weight:bold;
	margin-bottom:10px;
}
#coupon_area .date_area {
	margin-bottom:10px;
}
#coupon_area .date_area .name {
	font-weight:bold;
	padding-left:10px;
}
#coupon_area .date_area .discount {
	font-weight:normal;
	color:#000;
}
#coupon_area .date_area .coupon_comment {
	margin-bottom:5px;
	padding-left:10px;
}
#coupon_area .date_area .condition {
	padding:5px 10px;
	border-bottom:1px dashed #ddd;
}
#coupon_area .date_area .condition .txt {
	margin-bottom:3px;
}
#coupon_area .date_area .condition .txt span {
	background:#eee;
	padding:1px 5px;
	color:#333;
}

/* ===============================================
▼ランディングページメニュー
=============================================== */
.landing_button_like li {
	list-style:outside;
	list-style-type:square;
	margin-left:20px;
	margin-bottom:10px;
	line-height:1.2em;
}

/* ===============================================
▼検索
=============================================== */
/* レスポンシブナビ・サイドカラム配置 */
.search_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
	text-align:left;
}
.search_area dl.formlist select {
	width:100%;
}
.search_area dl.formlist input.name {
	width:95%;
}
.search_area .search_price_belt {
	margin-top:10px;
	padding-top:10px;
	border-top:#CCC 1px dotted;
}
.search_area .search_price_belt li {
	padding-left:12px;
	background:url(../img/icon/ico_arrow_03.gif) 0 3px no-repeat;
	text-align:left;
}

.popup_search .search_area h2 {
	display:none;
}
.popup_search .search_area .search_price_belt {
}

/* ===============================================
▼現在のカゴの中
=============================================== */
/* レスポンシブナビ・サイドカラム配置 */
.cart_area {
	clear:both;
	text-align:left;
}
.cart_area .none {
	margin-bottom:5px;
}
.cart_area .information {
}
.cart_area .look {
	display:none;
}
.cart_area .postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x top;
}
.cart_area .btn {
    padding: 10px 0;
    background: url("../img/background/line_dot_01.gif") repeat-x top #f7f7e6;
    text-align: center;
}

/*ヘッダーに配置*/
#header_utility .cart_area .none {
	display:none;
}
#header_utility .cart_area {
	position:relative;
	top:5px;
	margin-bottom:5px;
}
#header_utility .block_body {
	background:none;
}
#header_utility .cart_area h2,
#header_utility .cart_area .btn_area {
	display:none;
}
#header_utility .cart_area .information {
    padding: 20px 0 0 0;
	float:right;
}
#header_utility .cart_area .look,
#header_utility .cart_area .item,
#header_utility .cart_area .total {
	float:left;
	padding:0 5px;
}
#header_utility .cart_area .look {
	display:block;
}
#header_utility .cart_area .item,
#header_utility .cart_area .total {
	border-bottom:1px dotted #999;
}
#header_utility .cart_area .postage {
    margin: 0;
    padding: 0;
	position:absolute;
	top:0;
	right:0;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom;
}

/* ===============================================
▼レスポンシブナビのログイン
=============================================== */
/* ヘッダーログインブロックを読み込んで使用しています。 */
/* CSS→ bloc_alpha.css */

/* ===============================================
▼フォントサイズ
=============================================== */
/*サイドカラムに配置*/
.fontsize_area {
}
.fontsize_area #fontsize_body {
	width:100%;
}
.fontsize_area #fontsize_body #text {
	width:40%;
	float:left;
	font-size:11px;
}
.fontsize_area #fontsize_body #fontsize {
	width:59%;
	float:right;
}
.fontsize_area #fontsize_body #left,
.fontsize_area #fontsize_body #right {
	float:left;
	margin:0;
	padding:0;
	cursor:pointer;
}
.fontsize_area #fontsize_body #left {
	margin-right:1%;
}

/*ヘッダーに配置*/
#header_utility .fontsize_area {
	position:relative;
	top:5px;
	width:170px;
	margin-left:auto;
	margin-right:0;
	height:20px;
}
#header_utility .fontsize_area #fontsize_body #text {
	padding-top:2px;
}
#header_utility .fontsize_area #fontsize_body {
	text-align:right;
}

/* ===============================================
▼ソーシャルブックマーク
=============================================== */
.socialbtn {
	clear:both;
	background-color:#F7F7F7;
	border:1px solid #CCC;
	padding:5px 5px 0 5px;
	margin-bottom:15px;
}
.socialbtn #date {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
.socialbtn_box div {
	padding:0 5px 5px 0;
	float:left;
	clear:both;
}
#side .socialbtn {
	margin-left:7%;
	margin-right:7%;
}
@media only screen and (min-width: 460px) {
.socialbtn_box div {
	clear: none;
}
}
/* ===============================================
▼トップページ画像スライド
=============================================== */

/* 画像サイズを変更する場合
① js/jquery.amazingslider/bloc_top_image.js→ width:980, height:373,  
② アップロード時のサイズ設定を変更→ パラメータ設定 TOP_MAIN_WIDTHとTOP_MAIN_HEIGHT */

.amazingslider-thumbnails {
	display:none;
}

/* ===============================================
▼ランキング
=============================================== */
/*メインカラム配置*/
#ranking_area li {
	width:33.1%;
	float:left;
	margin-bottom:15px;
}

#ranking_area .name {
	clear:both;
}
#ranking_area .rank {
	font-size:120%;
	padding:2px 0;
	text-align:center;
	background-color:#eee;
	margin-bottom:5px;
	font-weight:bold;
	line-height:1.5em;
}
#ranking_area #rank_1 {
	color:#E10000;
}
#ranking_area #rank_2 {
	color: #006AD5;
}
#ranking_area #rank_3 {
	color: #006C00;
}
#ranking_area #rank_4 {
	color: #B58300;
}
#ranking_area #rank_5 {
	color: #9B009B;
}
#ranking_area li .image img {
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	max-width:97%;
}

@media only screen and (min-width: 460px) {
#ranking_area li {
	width:18.4%;
	float:left;
	margin-bottom:15px;
}
#ranking_area li.left {
	margin-right:2%;
}
#ranking_area li .left {
	float:none;
	width:100%;
}
#ranking_area li .right {
	float:none;
	width:100%;
}

}
@media only screen and (min-width: 980px) {
#ranking_area li {
	width:18.4%;
	float:left;
	margin-bottom:15px;
}
#ranking_area li.left {
	margin-right:2%;
}
#ranking_area li .left {
	float:none;
	width:100%;
}
#ranking_area li .right {
	float:none;
	width:100%;
}

/*レフトカラム配置*/
aside #ranking_area li {
	width:100%;
	margin-bottom:15px;
}

aside #ranking_area li .left {
	float:left;
	width:48%;
}
aside #ranking_area li .right {
	float:right;
	width:48%;
}
aside #ranking_area .name {
	clear:both;
}
}

/* ===============================================
▼QRコードの自動生成
=============================================== */
.qrcode_area {
	display:none;
}
@media only screen and (min-width: 460px) {
.qrcode_area {
	display:block;
}
.qrcode_area {
	margin-bottom:20px;
	background:url(../img/common/img_mobile.png) no-repeat right bottom;
}
.qrcode_area .qrcode_box {
	overflow:hidden;
	border:1px solid #CCC;
	width:95px;
	height:95px;
}
.qrcode_area .qrcode {
	position:relative;
	top:-8px;
	left:-8px;
}
}

/* 商品詳細ページ　→contents.css */

/* ===============================================
▼新着情報
=============================================== */

.comment {
	padding:5px 0 0 15px;
	width=980px;
	text-align:center;
}



/* ===============================================
▼カテゴリースライドメニュー
=============================================== */
#category_slide {
	clear:both;
	position: relative;
	height:30px;
	background-color: #EEE;
	overflow:hidden;
}
#category_slide #wrapper {
	width:100%;
	margin:0 12px;
	height:30px;
	overflow: hidden;
}
#category_slide #carousel_category a {
	display: block;
	float: left;
	padding:8px 15px 0 15px;
	height:22px;
	font-size:120%;
	background:url(../img/background/bg_category_slide_item.png) repeat-y right;
}
#category_slide #carousel_category a.no_0 {
	background:url(../img/background/bg_category_slide_item.png) repeat-y right #ddd;
}
#category_slide #prev_category, #category_slide #next_category {
	background: url(../img/button/btn_prev_next_01.png) no-repeat transparent;
	width: 12px;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
}
#category_slide #prev_category {
	left: 0px;
	background-position: 0 0;
}
#category_slide #prev_category:hover {
	background-position: 0 -30px;
}
#category_slide #next_category {
	right: 0px;
	background-position: -12px 0;
}
#category_slide #next_category:hover {
	background-position: -12px -30px;
}

/* ===============================================
▼ティッカー（流れるメッセージ）
=============================================== */
#block_ticker_area #ticker-1 {
	overflow:hidden;
	border:none;
	height:20px;
	margin-bottom:10px;
}
#block_ticker_area .message {
	float:left;
	display:inline;
	margin-right:20px;
	background:url(../img/icon/ico_arrow_03.gif) 0 4px no-repeat;
	padding-left:12px;
}

/* ===============================================
▼カテゴリ
=============================================== */
#container #category_area .block_body {
}
#category_area li {
    padding-left: 5px;
}
#category_area li.level1 {
    padding-left: 0;
}
#category_area li.level1 {
    border-bottom: dotted 1px #ccc;
}
#category_area li.level1 p {
    padding-left: 16px;
    margin: 7px 0;
}
#category_area li.level1 p {
    background: url("../img/icon/ico_down.png") 2px 3px no-repeat;
}
#category_area li.level1 li p {
    background: url("../img/icon/ico_level.gif") 7px 2px no-repeat;
}
#category_area li a {
    display: block;
    padding: 0;
}
a.onlink:link {
    color: #f00;
    text-decoration: underline;
}
a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}

/*アコーディオン*/
#category_area ul#categorytree li.level1 {
	position:relative;
}
#category_area ul#categorytree li.level1 p.parent {
	background-image:none;
	position:relative;
    padding-left: 15px;
}
#category_area ul#categorytree li.level1 p.parent img {
	position:absolute;
	top:2px;
	left:0px;
}
#category_area ul#categorytree li.level1 p.parent a {
	cursor:pointer;
	margin-right:30px;
}
#category_area ul#categorytree li.level1 a.arrow {
	position:absolute;
	top:-2px;
	right:0;
}
#category_area ul#categorytree li.level1 .no_children {
	padding-left:18px;
}

/* ===============================================
▼FAQ
=============================================== */
#faq_aea  {
	margin-top:-15px; /*利用ガイドブロックの下に配置するときだけ。その他の配置では削除する。*/
}
#faq_aea li {
    margin-bottom: 5px;
    letter-spacing: 1px;
}
#faq_aea ul li {
    margin: 0;
}
#faq_aea ul li a {
    margin: 0;
    padding: 5px 0 5px 0;
	border-bottom:1px solid #CCC;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}

/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
}
#guide_area li {
    margin-bottom: 5px;
    letter-spacing: 1px;
}
ul.button_like li {
    margin: 0;
}
ul.button_like li a {
    margin: 0;
    padding: 5px 0 5px 0;
	border-bottom:1px solid #CCC;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}

/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container #login_area .block_body p {
    margin-bottom: 5px;
}
#container #login_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
}
#container #login_area dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    color: #333;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    font-size: 90%;
}
#container #login_area dl.formlist dd {
    margin-bottom: 5px;
    text-align: left;
}
#container #login_area dl.formlist input.box {
	width:95%;
}
#container #login_area .block_body .mini {
    margin-top: 5px;
    letter-spacing: -0.01em;
}

/* ===============================================
▼カレンダー
=============================================== */
#calender_area table {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin: 0 auto 5px;
}
#calender_area table td {
    padding: 1px 0;
    border: 1px solid #ccc;
    text-align:center;
	background:url(../img/background/bg_calender_td.png) repeat-x bottom;
}
#calender_area th {
    padding: 1px 0;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
	background:url(../img/background/bg_calender_th.png) repeat-x bottom;
}
#calender_area table .month {
}
#calender_area .off {
    color: #f00;
	background:url(../img/background/bg_calender_off.png) repeat-x bottom;
}
#calender_area .information {
	text-align: right;
}
@media only screen and (min-width: 980px) {
#calender_area table td,
#calender_area th {
    padding: 1px 3px;
}
}

/* ===============================================
▼最近チェックした商品
=============================================== */
#recent_area .block_body {
	border:none;
	margin-bottom:0;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recent_area #carousel_area {
	position: relative;
}
#recent_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#recent_area #carousel_recent {
	display:none;
}
#recent_area #carousel_recent .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recent_area #carousel_recent .image {
	text-align: left;
}
#recent_area #carousel_recent .image img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area #carousel_recent .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area #carousel_recent .name {
	text-align:left;
	font-size:85%;
}
#prev_recent {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recent {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_recent:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recent:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 460px) {
#recent_area #wrapper {
	width: 92%;
	left: 4%;
}
#recent_area #carousel_recent .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#recent_area #carousel_recent .name {
	font-size:100%;
}
#prev_recent {
	width:4%;
}
#next_recent {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#recent_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#recent_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#recent_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#recent_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recent_area .pattern_2 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recent_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recent_area .cfspace {
	margin-bottom:10px;
}
@media only screen and (min-width: 460px) {
#recent_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#recent_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#recent_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#recent_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#recent_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#recent_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#recent_area .pattern_5 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#recent_area .pattern_5 .productContents h3 {
	font-weight:normal;
}


/* ===============================================
▼おすすめ商品
=============================================== */
#recommend_area .block_body {
	border:none;
	margin-bottom:0;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recommend_area #carousel_area {
	position: relative;
}
#recommend_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#recommend_area #carousel_recommend {
	display:none;
}
#recommend_area #carousel_recommend .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recommend_area #carousel_recommend .image {
	text-align: left;
}
#recommend_area #carousel_recommend .image img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area #carousel_recommend .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area #carousel_recommend .name {
	text-align:left;
	font-size:85%;
}
#prev_recommend {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recommend {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_recommend:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recommend:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 460px) {
#recommend_area #wrapper {
	width: 92%;
	left: 4%;
}
#recommend_area #carousel_recommend .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#recommend_area #carousel_recommend .name {
	font-size:100%;
}
#prev_recommend {
	width:4%;
}
#next_recommend {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#recommend_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#recommend_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recommend_area .pattern_2 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recommend_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recommend_area .cfspace {
	margin-bottom:10px;
}
@media only screen and (min-width: 460px) {
#recommend_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#recommend_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#recommend_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#recommend_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#recommend_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#recommend_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#recommend_area .pattern_5 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#recommend_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ===============================================
▼ピックアップ商品
=============================================== */
#pickup_area .block_body {
	border:none;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#pickup_area #carousel_area {
	position: relative;
}
#pickup_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#pickup_area #carousel_pickup {
	display:none;
}
#pickup_area #carousel_pickup .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#pickup_area #carousel_recommend .image {
	text-align: center;
}
#pickup_area #carousel_pickup .image img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area #carousel_pickup .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area #carousel_pickup .name {
	text-align:left;
	font-size:85%;
}
#prev_pickup {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_pickup {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_pickup:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_pickup:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 460px) {
#pickup_area #wrapper {
	width: 92%;
	left: 4%;
}
#pickup_area #carousel_pickup .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#pickup_area #carousel_pickup .name {
	font-size:100%;
}
#prev_pickup {
	width:4%;
}
#next_pickup {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#pickup_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#pickup_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#pickup_area .pattern_2 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#pickup_area .cfspace {
	margin-bottom:10px;
}
@media only screen and (min-width: 460px) {
#pickup_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#pickup_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#pickup_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#pickup_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#pickup_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#pickup_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#pickup_area .pattern_5 .productImage img {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#pickup_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ===============================================
▼新商品スライド
=============================================== */
/* ▼PC・タブレット用▼--------------------------- */
@media only screen and (min-width: 459px){
	#new_item_area{
		width:980px;
		text-align:center;
		margin: auto;
	}

}
/*▲PC・タブレット用▲------------------------------*/

#new_item_area .block_body {
	border:none;
	margin-bottom:0;
}
/* 表示番号1
----------------------------------------------- */
#new_item_area #carousel_area {
	position: relative;
}
#new_item_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#new_item_area #carousel_new_item {
	display:none;
}
#new_item_area #carousel_new_item .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#new_item_area .sphone_flick_area .item,
#new_item_area #carousel_new_item .image {
	position:relative;
}
#new_item_area #carousel_new_item .image img.photo {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1px;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area #carousel_new_item .image img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area #carousel_new_item .name {
	text-align:left;
	font-size:85%;
}
#prev_new_item {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_new_item {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_new_item:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_new_item:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media only screen and (min-width: 460px) {
#new_item_area #wrapper {
	width: 92%;
	left: 4%;
}
#new_item_area #carousel_new_item .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#new_item_area #carousel_new_item .name {
	font-size:100%;
}
#prev_new_item {
	width:4%;
}
#next_new_item {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#new_item_area .pattern_2 .left {
	float:left;
	max-width:48%;
	margin-bottom:10px;
}
#new_item_area .pattern_2 .right {
	float:right;
	max-width:48%;
	margin-bottom:10px;
}
#new_item_area .pattern_2 .productImage {
	/*margin-right:1%;*/
	position: relative;
    	text-align: center;
    	width: 100%;
    	float: none;
}
#new_item_area .pattern_2 .productImage img.photo {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area .pattern_2 .productImage img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/*#new_item_area .pattern_2 .productContents {
	float:right;
	width:50%;
}*/

#new_item_area .pattern_2 .productContents h3 {
	font-weight:normal;

}
#new_item_area .pattern_2 .productContents .comment {
	display: block;
}
@media only screen and (min-width: 460px) {
#new_item_area .pattern_2 .left {
	float:left;
	width:47%;
}
#new_item_area .pattern_2 .right {
	float:right;
	width:47%;
}
}

/* 表示番号3
----------------------------------------------- */
#new_item_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#new_item_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#new_item_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#new_item_area .pattern_5 .productImage img.photo {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area .pattern_5 .productImage img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#new_item_area .pattern_5 .productContents h3 {
	font-weight:normal;
	font-size: 85%;
}

/* 表示番号3
----------------------------------------------- */
#new_item_area .pattern_3 .left {
	float:left;
	width:31.6%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#new_item_area .pattern_3 .right {
	float:right;
	width:31.6%;
	margin-bottom:10px;
}
#new_item_area .pattern_3 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#new_item_area .pattern_3 .productImage img.photo {
	max-width:96%;
	border:#CCC 1px solid;
	padding:1%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area .pattern_3 .productImage img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area .pattern_3 .productContents {
	width:100%;
	float:none;
}
#new_item_area .pattern_5 .productContents h3 {
	font-weight:normal;
	font-size: 85%;
}

/* ▼NEWアイコン自動表示（すべて共通）
----------------------------------------------- */
#new_item_area img.new_icon {
	position:absolute;
	top:2px;
	left:2px;
	border:none;
	padding:0;
	z-index:10;
}

#new_item_area img.soldout_icon {
	position:absolute;
	top:50px;
	left:2px;
	border:none;
	padding:0;
	z-index:10;
}

/* ===============================================
▼ご注文の流れ・インフォメーション
=============================================== */
/*共通*/
#info_area2 {
	margin-bottom:20px;
}
#info_area .block_body,
#info_area2 .block_body {
	border:none;
}
.title_info {
	background-color:#634E42;
    color:#fff;
    font-size: 14px;
	font-weight: bold;
	text-align:center;
	padding:3px 0;
	margin-bottom:10px;
}

/*ご注文の流れ*/
#info_area {
	margin-bottom:15px;
}
#info_area .image img {
	padding:0;
	border:none;
	background:none;
}
#info_area .step {
	margin:0 5px;
}
#info_area .step_box {
	width:100%;
}
#info_area .step .title, #info_area .step .title_last {
	font-size:120%;
	padding-left:5px;
}
#info_area .step .title_last {
	background:none;
}
#info_area .step_box .image {
	text-align:center;
	background-color:#EFEFEF;
	padding-top:5px;
}
#info_area .step_box .text {
	border:5px solid #EFEFEF;
	border-top:none;
	padding:5px;
	font-size:90%;
	letter-spacing:1px;
	margin-bottom:10px;
}
@media only screen and (min-width: 460px) {
#info_area .step_box {
	width:25%;
	float:left;
}
#info_area .step {
	margin:0 5px;
}
#info_area .step .title, #info_area .step .title_last {
	margin-bottom:5px;
	background:url(../img/icon/ico_arrow_info.png) no-repeat center right;
	min-height:16px;
}
#info_area .step .title_last {
	background:none;
}
#info_area .step_box .text {
	min-height:120px; /*テキストエリアの高さ調整*/
	margin-bottom:0;
}
}

/*インフォメーション*/
#info_area2 .box {
	margin-bottom:10px;
}
#info_area2 #left {
	width:100%;
}
#info_area2 #right {
	width:100%;
}
#info_area2 .title2 {
	background:url(../img/background/bg_info_title2.png) repeat-x bottom;
	padding-bottom:6px;
	margin-bottom:0px;
}
#info_area2 h3 {
	background:url(../img/icon/ico_arrow_04.gif) 0 7px no-repeat;
	padding-left:12px;
	color:#333;
	font-size:110%;
}
#info_area2 .box #comment {
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom: #999 1px dotted;
}
#info_area2 .box .method {
	font-weight:bold;
	padding-left:12px;
	background:url(../img/icon/ico_arrow_03.gif) 0 3px no-repeat;
}
#info_area2 .box .site_ex {
	margin:0 0 10px 12px;
}
#info_area2 #left .box .image {
	margin-bottom:15px;
}
#info_area2 #left .box .image img {
	border:none;
	padding:0;
	margin:0;
	max-width:100%;
}
#info_area2 #right .content .sphone_none {
	display:none;
}
#info_area2 #right .content .sphone {
	display: inline;
}
#info_area2 #shop {
	border:1px solid #999;
	background-color:#F7F7F7;
	padding:3px;
	margin-top:5px;
}
@media only screen and (min-width: 460px) {
#info_area2 #left {
	float:left;
	width:48%;
}
#info_area2 #right {
	float:right;
	width:48%;
}
#info_area2 #right .content .sphone_none {
	display:inline;
}
#info_area2 #right .content .pc_none {
	display:none;
}
#info_area2 #right .content .sphone {
	display:none;
}
}