@charset "utf-8";

/* ==============================================
ブロック共通
/* ============================================= */
.block_outer {
	clear:both;
}
.side {
    overflow-x: hidden; /* IE6 表示乱れ防止 */
}
#container .block_outer {
    margin-bottom: 20px;
}
.block_outer .block_body {
	padding:0 5px;
    background-color: #fff;
}


/* タイトル（文字色・背景色は管理画面で設定）
----------------------------------------------- */
.title_box h2 {
	font-size:16px;
	line-height: 35px;
	padding-left:10px;
	margin-bottom:5px;
	border-left: solid 6px #689f39;
	color:#0b201f;
	font-weight:bold;
	background: #8ec231;
}
@media only screen and (min-width: 460px) {
.block_outer .block_body {
	padding:0;
}
}
.bloc_outer #ranking_area .block_body { padding: 0; }
.bloc_outer #info_area2 .block_body { padding: 0 5px; }


/* 価格表示
----------------------------------------------- */
.bloc_price {
	text-align:left;
	display: flex;
	flex-direction: row;
}
#carousel_ranking .bloc_price {
	flex-direction: column;
}
.bloc_price .title {
	font-size:85%;
}
.bloc_price .price {
	color:#F00;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:100%;
}
.bloc_price .no_member_price {
	font-size:85%;
}
@media only screen and (min-width: 460px) {
.bloc_price .title {
	font-size:100%;
}
.bloc_price .price {
	font-size:120%;
}
.bloc_price .no_member_price {
	font-size:100%;
}
/*レフトカラム*/
aside#side .bloc_price .title {
	font-size:85%;
}
aside#side .bloc_price .price {
	font-size:100%;
}
aside#side .bloc_price .no_member_price {
	font-size:85%;
}
}

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

/* ==============================================
 ヘッダーナビ（文字色・背景色は管理画面で設定）
=============================================== */
header nav {
	display:none;
}
@media only screen and (min-width: 980px) {
	header nav {
		display:block;
		border-top:5px solid #689f39;
		border-bottom:1px solid #fff;
	}
	header nav ul {
		width:950px;
		margin:0 auto;
	}
	header nav li {
		float:left;
		padding:5px 0;
		font-size:140%;
		color:#fff;
		line-height: 41px;	
		font-weight:bold;
	}

}

/* ===============================================
▼検索
※カラム配置不可（読み込みで使用）
=============================================== */
#search_popup {
	text-align:left;
}
#search_popup dl {
	margin-bottom:10px;
}
#search_popup input[type="submit"] {
	border:none;
	background: #8ec231;
	color:#FFF;
	width:100%;
	padding:5px 10px;
	text-align:center;
	cursor:pointer;
}

/* ===============================================
▼ログイン
※カラム配置不可（読み込みで使用）
=============================================== */
#login_popup {
	text-align:left;
}
#login_popup dl {
	margin-bottom:10px;
}
#login_popup input[type="submit"],
#login_popup input[type="button"] {
	border:none;
	background: #8ec231;
	color:#FFF;
	width:100%;
	padding:5px 10px;
	text-align:center;
	cursor:pointer;
}
#login_popup a {
	color:#333;
	text-decoration:underline;
	display:block;
	padding:5px;
	text-align:center;
	margin-top:5px;
}
#login_popup a:hover {
	color:#FFF;
	background-color:#333;
	text-decoration:none;
}
#login_popup p#welcome {
	line-height:1.8em;
}
#login_popup #mypage a {
	margin-bottom:10px;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:2px 0;
	background-color:#eee;
	font-weight:bold;
}
#login_popup #mypage a:hover {
	background-color:#ddd;
	color:#333;
}

/* ===============================================
▼現在のカゴの中
※ヘッダー部に配置
=============================================== */
/*ポップアップ表示*/
.popup #block_cart_area {
	display:none;
}
.popup #cart_popup #comment {
	margin-bottom:10px;
	text-align:left;
}
.popup #cart_popup .b_cart {
	border:none;
	background: #8ec231;
	color:#FFF;
	width:100%;
	padding:5px 20px;
	text-align:center;
	cursor:pointer;
}
.popup #cart_popup input[type="button"] {
	border:none;
	background: #8ec231;
	color:#FFF;
	width:100%;
	padding:5px 10px;
	text-align:center;
	cursor:pointer;
	font-weight:bold;
}
.popup #cart_popup #postage {
	text-align:left;
	margin-bottom:10px;
}

/*ヘッダー表示*/
#header_utility #block_cart_area,
#header_utility #cart_popup {
	display:none;
}
#header_utility #block_cart_area table, #header_utility #block_cart_area td {
	margin:0;
	padding:0;
	border:none;
	border-collapse:separate;
}
#header_utility #block_cart_area table {
	width:230px;
	margin-left:auto;
	margin-right:15px;
	border:#999 1px solid;
	background-color:#FFF;
}
#header_utility #block_cart_area table td {
	border: 1px solid #FFF;
	padding:3px;
}
#header_utility #block_cart_area td.cartbtn,
#header_utility #block_cart_area td.total,
#header_utility #block_cart_area td.item {
	background-color:#8ec231;
}
#header_utility #block_cart_area td.cartbtn {
	border-right:none;
	width:32%;
}
#header_utility #block_cart_area td.total {
	border-right:none;
}
#header_utility #block_cart_area td.item {
	border-top:none;
	border-right:none;
}
#header_utility #block_cart_area td.total,
#header_utility #block_cart_area td.item {
	width:28%;
	font-size:95%;
	text-align:center;
	color:#FFF;
}
#header_utility #block_cart_area table td.sum {
	border-bottom-color:#999;
	border-left:none;
	width:40%;
}
#header_utility #block_cart_area a {
	color:#FFF;
}
#header_utility #block_cart_area a:hover {
	color:#ddd;
}

/* タブレット向けのスタイル：460px ～ 979px */
@media only screen and (min-width: 460px) {
#header_utility #block_cart_area {
	display:none;
}
}

/*  PC向けのスタイル：980px */
@media only screen and (min-width: 980px) {
#header_utility #block_cart_area {
	display:block;
	margin:5px 0;
}
}

/* ===============================================
▼フォントサイズ
※ヘッダー部に配置
=============================================== */
#block_fontsize_area {
	display:none;
}
/* タブレット向けのスタイル：460px ～ 979px */
@media only screen and (min-width: 460px) {
#block_fontsize_area {
	display:none;
}
}

/*  PC向けのスタイル：980px */
@media only screen and (min-width: 980px) {
#block_fontsize_area {
	display:block;
	width:226px;
	margin-left:auto;
	margin-right:15px;
	border:#999 1px solid;
	padding:1px;
	height:22px;
	background-color:#FFF;
}
#block_fontsize_area div {
	float:left;
}
#block_fontsize_area #text {
	padding-top:3px;
	text-align:center;
	width:85px;
}
#block_fontsize_area #big {
	cursor:pointer;
	margin-right:1px;
}
#block_fontsize_area #standard {
	cursor:pointer;
}
}


/* ===============================================
▼ティッカー（流れるメッセージ）
※ヘッダー部に配置
=============================================== */
#header #block_ticker_area {
	display:none;
}
@media only screen and (min-width: 460px) {
#header #block_ticker_area {
	display:none;
}
}
@media only screen and (min-width: 980px) {
#header #block_ticker_area {
	display:block;
	position:absolute;
	top:75px;
	left:-470px;
}
#block_ticker_area #ticker-1 {
	overflow:hidden;
	border:none;
	height:20px;
}
#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;
}
}

/* ===============================================
▼トップページ画像スライド
=============================================== */

/* html/js/jquery.amazingslider/bloc_top_image.jsに記述 */
.amazingslider-thumbnails {
	display:none;
}

/* ===============================================
▼カテゴリ
=============================================== */
#category_area li {
    padding-left: 5px;
	line-height:17px;
}
#category_area li.level1 {
    border-bottom: solid 0px #fff;
	padding-left:0;
}
#category_area li.level1 p {
    padding:5px 0 5px 20px;
	margin-bottom:3px;
	background-color:#f7f7f7;
}
#category_area li.level1 > p.no_accordion {
	background: url("../img/icon/ico_down.png") 5px 7px no-repeat #f7f7f7;
}
#category_area li.level1 li p {
    background: url("../img/icon/ico_level.gif") 7px 2px no-repeat;
    padding:0 0 2px 18px;
	border-bottom:none;
}
#category_area li a {
    display: block;
    padding: 0;
}
#category_area li.level1 a {
	color:#333;
	text-decoration:none;
}
#category_area li.level1 a:hover {
	color:#999;
}
#category_area li.level1 a.onlink {
	color: #C00;
}
#category_area li.level1 li a {
	color:#333;
}
#category_area li.level1 li a:hover {
}
#category_area li.level1 li a.onlink {
	color:#C00;
}

/*アコーディオン*/
#category_area li.level1 {
	position:relative;
}
#category_area li.level1 p.parent {
	background-image:none;
	position:relative;
}
#category_area li.level1 p.parent img {
	position:absolute;
	top:7px;
	left:3px;
}
#category_area li.level1 p.parent a {
	cursor:pointer;
	margin-right:30px;
}
#category_area li.level1 a.arrow {
	position:absolute;
	top:4px;
	right:0;
}

/* ===============================================
▼ランキング
=============================================== */
/*メインカラム配置*/
#ranking_area li {
	width:100%;
	margin-bottom:15px;
}
#ranking_area li .left {
	float:left;
	width:48%;
}
#ranking_area li .right {
	float:right;
	width:48%;
}
#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) {
}

/*レフトカラム配置*/
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;
}

/* ===============================================
▼カテゴリースライドメニュー
=============================================== */
#category_slide {
	position: relative;
	height:30px;
	background-color: #EEE;
	overflow:hidden;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#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.rank_1 {
	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;
}

/* ===============================================
▼最近チェックした商品
=============================================== */
/* 共通
----------------------------------------------- */
#recent_area {
	clear:both;
}

#recent_area .block_body img {
	padding:1%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:97%;
	max-height:100px;
	width:108px;
}

#recent_area .block_body h3 {
    font-size: 100%;
    font-weight: normal;
	height:auto;
}

/* パラメータ設定（RECENT_BUY_SHOW）で、2（5列横並び）を入力。
----------------------------------------------- */
#recent_area .product_item {
    width: 100%;
    margin-bottom: 10px;
}
#recent_area .productImage {
	float:left;
	width:48%;
}
#recent_area .productContents {
	float:right;
	width:48%;
}
@media only screen and (min-width: 460px) {
#recent_area .product_item {
    float: left;
    width: 18%;
    padding-right: 2%;
}
#recent_area .productImage {
	float:none;
	width:100%;
}
#recent_area .productContents {
	float:none;
	width:100%;
}
}

/* パラメータ設定（RECENT_BUY_SHOW）で、1を入力。
----------------------------------------------- */
#recent_area #carousel_recent {
	display:none;
}
#recent_area #carousel_recent .productImage {
	float:none;
	width:100%;
}
#recent_area #carousel_recent .productContents {
	float:none;
	width:100%;
	text-align: left;
}
#recent_area .recent_body_1 {
	position:relative;
	padding: 0 36px;
}
#recent_area .recent_body_1 #wrapper {
	width:100%;
	overflow: hidden;
}
#recent_area .recent_body_1 .product_item {
    float: left;
    width: 120px;
    /*padding-right: 10px;*/
    padding: 0 5px;
    text-align: center;
    max-width: 120px;
}
#recent_area #next_recent {
    position: absolute;
    top: 50%;
    right: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-next.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#recent_area #next_recent:hover {
	opacity: 1;
	background-position: 0 0;
}
#recent_area #prev_recent {
    position: absolute;
    top: 50%;
    left: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-prev.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#recent_area #prev_recent:hover {
    opacity: 1;
    background-position: 0 0;
}
.relate_area .recent_body_1 {
	position:relative;
	padding: 0 36px;
}
.relate_area .recent_body_1 #wrapper {
	width:100%;
	overflow: hidden;
}
.relate_area .recent_body_1 .product_item {
    float: left;
    width: 120px;
    /*padding-right: 10px;*/
    padding: 0 5px;
	text-align: center;
	max-width: 120px;
}
#next_relate {
    position: absolute;
    top: 50%;
    right: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-next.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#next_relate:hover {
	opacity: 1;
	background-position: 0 0;
}
#prev_relate {
    position: absolute;
    top: 50%;
    left: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-prev.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#prev_relate:hover {
    opacity: 1;
    background-position: 0 0;
}

#prev_ranking{ display: none; }
#next_ranking{ display: none; }
@media only screen and (max-width: 768px) {
#ranking_area {
	position:relative;
}
#ranking_area #wrapper {
	width:100%;
	overflow: hidden;
	/*padding-right:40px;*/
}
#ranking_area h3{ min-height:50px; font-size:10px; }
.bloc_outer #ranking_area .block_body{ padding: 0 36px 10px 36px; }
#ranking_area li {
    float: left;
    width: 120px;
    /*padding-right: 10px;*/
    padding: 0 5px;
}
#next_ranking {
    position: absolute;
    top: 50%;
    right: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-next.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#next_ranking:hover {
	opacity: 1;
	background-position: 0 0;
}
#prev_ranking {
    position: absolute;
    top: 50%;
    left: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-prev.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#prev_ranking:hover {
    opacity: 1;
    background-position: 0 0;
}
}
/*
.relate_area .item:first-child{
	padding-left:0px !important;
	margin-left:0px !important;
}
*/
@media only screen and (min-width: 980px) {
#recent_area #next_recent {
    position: absolute;
    top: 50%;
    right: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-next.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#recent_area #next_recent:hover {
	opacity: 1;
	background-position: 0 0;
}
#recent_area #prev_recent {
    position: absolute;
    top: 50%;
    left: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-prev.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#recent_area #prev_recent:hover {
    opacity: 1;
    background-position: 0 0;
}
#next_relate {
    position: absolute;
    top: 50%;
    right: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-next.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#next_relate:hover {
	opacity: 1;
	background-position: 0 0;
}
#prev_relate {
    position: absolute;
    top: 50%;
    left: 0;
	width: 36px;
	height: 36px;
    cursor: pointer;
	background: transparent url(../img/button/btn-prev.png) no-repeat 0 0;
	background-size: cover;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0.6;
}
#prev_relate:hover {
	opacity: 1;
	background-position: 0 0;
}
}

/* ===============================================
▼ソーシャルブックマーク
=============================================== */
#socialbtn_area {
	background-color:#F7F7F7;
	border:1px solid #CCC;
	padding:5px 5px 0 5px;
}
#socialbtn_area .block_body {
	background-color:#F7F7F7;
}
#socialbtn_area #date {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
#socialbtn_area .hatena,
#socialbtn_area .gree,
#socialbtn_area .google,
#socialbtn_area .twitter,
#socialbtn_area .facebook_like {
	float:left;
	padding-right:10px;
}

/* ===============================================
▼クーポン情報
=============================================== */
#coupon_area .name {
	color:#FFF;
	background-color: #555;
	padding:2px 4px;
	margin-bottom:5px;
	border-top: #333 1px solid;
	border-bottom:#333 1px solid;
	font-weight:bold;
}
#coupon_area .discount {
	margin-bottom:5px;
}
#coupon_area .date {
	margin-bottom:5px;
}
#coupon_area .comment {
	background-color: #F7F7F7;
	border:#ddd 1px solid;
	padding:5px;
	margin-bottom:5px;
}

/* ===============================================
▼QRコードの自動生成
=============================================== */
.qrcode_area {
	display:none;
}
@media only screen and (min-width: 980px) {
.qrcode_area {
	display:block;
}
.qrcode_area .block_body {
	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;
	float:left;
	margin-right:5px;
}
.qrcode_area .qrcode {
	position:relative;
	top:-8px;
	left:-8px;
}
}

/* 商品詳細ページ
----------------------------------------------- */
.qrcode_detail {
	margin:10px 0;
}
.qrcode_detail .qrcode_box {
	overflow:hidden;
	border:1px solid #CCC;
	width:95px;
	height:95px;
	float:left;
}
.qrcode_detail .qrcode {
	position:relative;
	top:-8px;
	left:-8px;
}
.qrcode_detail .text {
	float:left;
	width:55%;
	margin-left:10px;
}

/* ===============================================
▼新着情報
=============================================== */
#news_area {
	position:relative;
}
#news_area .block_body {
	min-height:50px;
	border: solid 1px #cecece;
	padding: 20px;
}
#news_area .rss {
    position:absolute; 
    top:5px;
    right:10px;
}
#news_area .date {
	float:left;
	min-width:100px;
	margin-right:10px;
}
#news_area .news_title {
	float:left;
	padding-left:12px;
	background:url(../img/icon/open.gif) no-repeat left center;
	color:#369;
	font-weight:bold;
	margin-bottom:5px;
}
#news_area .comment {
	clear:both;
	padding-left:20px;
	margin-bottom:15px;
	background:url(../img/background/bg_newsbody.png) repeat-y;
}
#news_area .comment .link {
	font-weight:bold;
}


/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area li{
	padding-left:10px;
	background:url(../img/icon/ico_arrow_00.png) no-repeat left center;
}

/* ===============================================
▼FAQよくある質問
=============================================== */
#faq_area {
	height:30px;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	background-color:#f6f6f6;
}
#faq_area #faq a {
	position:relative;
	top:7px;
	left:6px;
	background:url(../img/icon/ico_arrow_00.png) 0 3px no-repeat;
	padding-left:12px;
}

/* ===============================================
▼カレンダー
=============================================== */
#calender_area table {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin: 0 auto 5px;
    font-size: 90%;
}
#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 {
    padding-left: 12px;
    background: url("../img/icon/ico_arrow_04.png") no-repeat left;
    font-size: 120%;
}
#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;
}
}


/* ===============================================
▼おすすめ商品
=============================================== */

/* 表示番号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 {
	text-align: center;
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recommend_area #carousel_recommend .image img {
	max-width:100%;
}
#recommend_area #carousel_recommend .name {
	text-align:left;
	font-size:85%;
}
#prev_recommend,
#next_recommend {
	position:absolute;
	top:0;
	background: center center no-repeat #ccc;
	width: 6%;
	height:100%;
	min-height:100%;
}
#prev_recommend:hover,
#next_recommend:hover {
	background-color: #bbb;
}
#prev_recommend {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_recommend {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}
@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%;
}
#recommend_area #carousel_recommend .image img {
	border:#CCC 1px solid;
	padding:3px;
	background-color:#FFF;
}
#prev_recommend,
#next_recommend {
	background: center center no-repeat #fff;
	width: 4%;
}
#prev_recommend {
	background-image: url(../img/button/gui-prev.png);
}
#next_recommend {
	background-image: url(../img/button/gui-next.png);
}
}

/* 表示番号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:100%;
	border:#CCC 1px solid;
	padding:3px;
	background-color:#FFF;
}
#recommend_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recommend_area .pattern_2 .productContents h3 {
	font-weight:normal;
}

@media only screen and (min-width: 460px) {
#recommend_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#recommend_area .pattern_2 .left {
	float:left;
	width:47%;
	padding:1%;
	border:#CCC 1px solid;
	margin-bottom:0;
}
#recommend_area .pattern_2 .right {
	float:right;
	width:47%;
	padding:1%;
	border:#CCC 1px solid;
	margin-bottom:0;
}
}


/* 表示番号3
----------------------------------------------- */
#recommend_area .pattern_4 .left {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_4 .right {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_4 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recommend_area .pattern_4 .productImage img {
	max-width:100%;
	border:#CCC 1px solid;
	padding:3px;
	background-color:#FFF;
}
#recommend_area .pattern_4 .productContents {
	float:right;
	width:50%;
}
@media only screen and (min-width: 460px) {
#recommend_area .pattern_4 .left {
	float:left;
	width:23%;
	margin-bottom:0;
	margin-right:2.6%;
}
#recommend_area .pattern_4 .right {
	float:right;
	width:23%;
	margin-bottom:0;
}
#recommend_area .pattern_4 .productImage {
	text-align:center;
	width:100%;
	float:none;
}
#recommend_area .pattern_4 .productImage img {
	max-width:94%;
}
#recommend_area .pattern_4 .productContents {
	width:100%;
	float:none;
}
#recommend_area .pattern_4 .productContents h3 {
	font-weight:normal;
}

}
@media only screen and (min-width: 980px) {
#recommend_area .pattern_4 .productImage img {
	max-width:100%;
}
}

/* ===============================================
▼ピックアップ商品
=============================================== */

/* 表示番号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 {
	text-align: center;
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#pickup_area #carousel_pickup .image img {
	padding:1%;
	border:#CCC 1px solid;
	background-color:#FFF;
	max-width:97%;
	max-height:100px;
	width:108px;
}
#pickup_area #carousel_pickup .name {
	text-align:left;
	font-size:85%;
}
#prev_pickup,
#next_pickup {
	position:absolute;
	top:0;
	background: center center no-repeat #ccc;
	width: 6%;
	height:100%;
	min-height:100%;
}
#prev_pickup:hover,
#next_pickup:hover {
	background-color: #bbb;
}
#prev_pickup {
	background-image: url(../img/button/gui-prev.png);
	left: 0;
}
#next_pickup {
	background-image: url(../img/button/gui-next.png);
	right: 0;
}
@media only screen and (min-width: 460px) {
#pickup_area #wrapper {
	width: 92%;
	left: 4%;
}
#pickup_area #carousel_pickup .item {
line-height:1.6em;
	letter-spacing:1px;
	max-width: 120px;
}
#pickup_area #carousel_pickup .name {
	font-size:100%;
}
#pickup_area #carousel_pickup .image img {


}
#prev_pickup,
#next_pickup {
	background: center center no-repeat #fff;
	width: 4%;
}
#prev_pickup {
	background-image: url(../img/button/gui-prev.png);
}
#next_pickup {
	background-image: url(../img/button/gui-next.png);
}
}

/* 表示番号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:100%;
	border:#CCC 1px solid;
	padding:3px;
	background-color:#FFF;
}
#pickup_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_2 .productContents h3 {
	font-weight:normal;
}

@media only screen and (min-width: 460px) {
#pickup_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#pickup_area .pattern_2 .left {
	float:left;
	width:47%;
	padding:1%;
	border:#CCC 1px solid;
	margin-bottom:0;
}
#pickup_area .pattern_2 .right {
	float:right;
	width:47%;
	padding:1%;
	border:#CCC 1px solid;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#pickup_area .pattern_4 .left {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_4 .right {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_4 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#pickup_area .pattern_4 .productImage img {
	max-width:97%;
	border:#CCC 1px solid;
	padding:3px;
	background-color:#FFF;
}
#pickup_area .pattern_4 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_4 .productContents h3 {
	font-weight:normal;
}
@media only screen and (min-width: 460px) {
#pickup_area .pattern_4 .left {
	float:left;
	width:23%;
	margin-bottom:0;
	margin-right:2.6%;
}
#pickup_area .pattern_4 .right {
	float:right;
	width:23%;
	margin-bottom:0;
}
#pickup_area .pattern_4 .productImage {
	text-align:center;
	width:100%;
	float:none;
}
#pickup_area .pattern_4 .productImage img {
	max-width:94%;
}
#pickup_area .pattern_4 .productContents {
	width:100%;
	float:none;
}
}
@media only screen and (min-width: 980px) {
#pickup_area .pattern_4 .productImage img {
	max-width:100%;
}
}

/* ===============================================
▼ご注文の流れ・インフォメーション
=============================================== */
/*共通*/
.title_info {
	background-image: url(../img/common/bg_title_info.jpg);
	background-repeat:repeat-x;
	height: 52px;
	line-height:52px;
    color:#000000;
    font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom:10px;
	padding-left: 15px;
	
}

.title_info h2{
	line-height:52px;
}

/*ご注文の流れ*/
#info_area {
	margin-bottom:15px;
}
#info_area .image img {
	padding:0;
	border:none;
	background:none;
}
#info_area .step_box {
	width:100%;
}
#info_area .step .title, #info_area .step .title_last {
	font-size:18px;
	font-weight:bold;
	padding-left:5px;
	text-align:center;
}
#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:5px;
}
#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 img {
	border:none;
	padding:0;
	margin:0;
	max-width:100%;
}
#info_area2 #right .content .pc {
	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 .pc {
	display:inline;
}
#info_area2 #right .content .sphone {
	display:none;
}
}

/* product set
----------------------------------------------- */
#set_area .name {
    float: left;
	font-size:15px;
	padding:5px 0;

}
#set_area .sale_price {
    float: left;
	font-size:15px;
    margin-right: 0px;
	padding:5px 0;
    width: 200px;
	text-align:center;
}
#set_area .review_btn {
    float: left;
}
#set_area .review_bloc {
    border-bottom: dotted 1px #cecece;
    padding-top: 15px;
    padding-bottom: 11px;
}

#set_area .b_cartin { 
	width:140px;
	padding:3px 0;
}

div#set_area h2 {
margin-bottom: 20px;
font-size:140%;
color:#333;
padding: 6px 0 8px 10px;
border-top: solid 1px #f90;
background-color:#5CC6BE;
height:17px;
/*background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;*/
}

@media only screen and (max-width: 768px) {
#ranking_area li{width:50%;float:left; max-width:110px;}
#ranking_area li .right{width:95%;float:none;}
#ranking_area li .left{width:95%;float:none;}
.bloc_price .title{float:left; width:50%;}
.bloc_price .price{float:right; width:50%;}
#ranking_area .name{height:30px;}
#recent_area .product_item{width:50%;float:left;}
#recent_area .productImage{width:95%;float:none;}
#recent_area .productContents{width:100%;float:none;height:55px;}
#pickup_area .pattern_4 .left{width:50%;float:left;}
#pickup_area .pattern_4 .productImage{width:95%;}
#pickup_area .pattern_4 .right{width:50%;float:right;}
#pickup_area .pattern_4 .productContents{width:100%;}
aside #ranking_area li{width:50%;float:left;}
aside #ranking_area li .left{width:95%;float:none;}
aside #ranking_area li .right{width:95%;float:none;}
}


/* more new */
.productReview { display: flex; flex-direction: column; }
.productReview .recommend_star { display: flex; justify-content: flex-end; margin: 10px 0; }
.productReview .recommend_star .recommend_level { color: #ecbd00; }
.productReview .recommend_star .recommend_num { margin-left: 5px; }
.productReview .productDesc { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 10px; height: 34px; }
.listrightbloc .productReview .recommend_star { margin-top: 0; }

.category_desc { display: block; margin: 0 0 10px 0; padding: 10px; background-color: #eee; font-size: 140%; }