@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */
/*-----------------------------------
  main vi
-----------------------------------*/
.show-area {
  height: 320px;
  padding: 0;
  margin: 0 auto 20px;
  width: 100%;
}
.container2 {
  margin: 0 auto;
 	position: relative;
 	text-align: left;
  width: 980px;
 	zoom: 1;
}
.container2::after {
  clear: both;
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
/*-- イベント用バナー --*/
.container2 .event-banner {
	 bottom: 10px;
		right: 10px;
 	position: absolute;
		height: 104px;
		width: 240px;
		z-index: 50;
		display: block;
}
.container2 .event-banner:hover, 
.container2 .event-banner img {
	 opacity: 1 !important;
}


.container2 .box {
	 height: 320px;
 	position: absolute;
 	top: 0;
}

/*-- 通常パネルサイズ --*/
.container2 .box .home1 a {
	 height: 320px;
	 width: 980px;
}
.container2 .box .home1 a img {
	 height: 320px;
}
.container2 .box {
  display: none;
}
.container2 .box {
  display: block !important;
}

/* ==============================================
▼下層
=============================================== */

/* 
----------------------------------------------- */


/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {
}

/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
  margin: 0 auto;
  width: 100%;
}

.zipimg img {
  vertical-align: middle;
}


/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
  width: 100%;
}

div#mynavi_area {
  width: 100%;
}

div#mycontents_area {
  width: 100%;
}
div#mynavi_area .mynavi_list {
	 background-color: #1870da;
		border-radius: 3px;
  margin-bottom: 10px;
		padding-left: 6px;
}
div#mynavi_area .mynavi_list li {
  background: url('../img/icon/ico_arrow_01.png') no-repeat 3px 47% ;
  float: left;
  font-size: 108%;
	 line-height: 40px;
  margin: 0 18px 0 0;
  padding-left: 15px;
}
div#mynavi_area .mynavi_list a {
	 color: #fff;
}

div#mynavi_area div.point_announce {
  background-color: #fffaf0;
  border: solid 1px #ffcc62;
  margin-bottom: 15px;
  padding: 10px;
}
div#mynavi_area div.point_announce p {
  background: url('../img/icon/ico_point.gif') no-repeat left ;
  padding-left: 20px;
}

div#mycontents_area p.inforamtion {
  margin-bottom: 20px;
}

div#mypagecolumn h4 {
  margin: 10px auto;
  border-bottom: 1px solid #999;
  text-align: left;
  font-size: 120%;
}


/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
  background: #f9f9f9;
  border: solid 1px #ccc;
  margin: 0 auto 20px 0;
  padding: 10px;
  width: 97%;
}
div#mycontents_area div.mycondition_area p {
  float: left;
}
div#mycontents_area div.mycondition_area .btn {
  float: right;
  margin-top: 15px;
  width: 160px;
}
.add_address {
  margin-bottom: 20px;
}


/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
  border: 1px solid #ccc;
  margin: 30px auto;
  padding: 30px;
  text-align: center;
}

div#mycontents_area .message_area p {
  margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
  width: 100%;
}

div#undercolumn_entry .kiyaku_text {
  background: #fff;
  border: solid 1px #ccc;
  margin: 20px auto;
  padding: 10px;
  width: 94%;
}


/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
  margin: 0 auto;
  width: 100%;
}

div#undercolumn_login .login_area {
  margin-bottom: 30px;
}

div#undercolumn_login .login_area .inputbox {
  background: #f0f0f0;
  margin: 15px auto 15px auto;
  padding: 15px 20px 10px 20px;
}

div#undercolumn_login .login_area .inputbox .btn_area {
  margin-top: 0;
}


/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
  border: 1px solid #ccc;
  margin: 30px auto;
  padding: 30px;
  text-align: center;
  width: 80%;
}

div#undercolumn_error .message_area .error {
  padding: 120px 0;
}


/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.pagenumber_area {
  background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
  padding-bottom: 10px;
}
.pagecond_area {
  margin-bottom: 20px;
  padding: 10px;
}
.pagenumber_area {
  margin: 20px 0;
}
.pagecond_area {
  border: 1px solid #ccc;
}
.pagenumber_area .navi {
  text-align: left;
  width: 100%;
}
.pagenumber_area .navi li {
  display: inline;
}
.pagenumber_area .change {
  float: right;
  text-align: right;
  white-space: nowrap;
}


/* レイアウト
----------------------------------------------- */
div.list_area {
  overflow: auto;
  padding: 0 0 30px 0;
  width: 100%;
}

div.listphoto {
  float: left;
}

/* メインカラム用 1カラム時*/
#main_column.colnum1 div.listrightbloc {
  float: right;
  width: 74%;
}

/* メインカラム用 2カラム時*/
#main_column.colnum2 div.listrightbloc {
  float: right;
  width: 80%;
}

/* メインカラム用 3カラム時*/
#main_column.colnum3 div.listrightbloc {
  float: right;
  width: 74%;
}


/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */
div.listrightbloc ul.status_icon {
  margin-bottom: 10px;
  width: 100%;
}
div.listrightbloc ul.status_icon li {
  margin-right: 5px;
  float: left;
}

/* 商品名 */
div.listrightbloc h3 {
  font-size: 120%;
  font-weight: bold;
}

/* コメント */
div.listrightbloc .listcomment {
  margin: 0 0 10px 0;
  text-align: left;
}

/* 商品詳細を見る */
div.listrightbloc .detail_btn {
  margin-bottom: 20px;
}
.listrightbloc .detail_btn a {
	 display: inline-block;
}
.listrightbloc .detail_btn a:hover {
	 cursor: pointer;
	 opacity: 0.7;
}
.listrightbloc .detail_btn a img {
	 border-radius: 3px;
}

/* 価格 */
div.listrightbloc .pricebox {
  margin: 0 0 10px 0;
}

/* SNSボタン */
div#plg_social_area {
	 height: 30px !important;
		margin-bottom: 10px !important;
}

/* 買い物かご */
div.listrightbloc . {
  background-color: #ecf5ff;
  border: 1px solid #cef0f4;
  padding: 10px;
  width: 94%;
}
.listrightbloc .cart_area input {
	 border-radius: 3px;
	 display: inline-block;
}
.listrightbloc .cart_area input:hover {
	 cursor: pointer;
	 opacity: 0.7;
}

/* 規格 */
div.listrightbloc .classlist {
  background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
div.listrightbloc dl {
  width: 100%;
}
div.listrightbloc dt {
  display: inline-block;
  vertical-align: middle;
}
div.listrightbloc dd {
  display: inline-block;
  padding-bottom: 10px;
}
div.listrightbloc dd p.attention {
  margin-top: 5px;
}

/* カゴに入れる */
div.listrightbloc .cartin {
  float: right;
  margin: 0;
}
div.listrightbloc .cartin .quantity {
  float: left;
  padding: 3px 10px 0 0;
  text-align: right;
  width: 150px;
}
div.listrightbloc .cartin .quantity .box {
  width: 70px;
}
div.listrightbloc .cartin_btn {
  float: left;
  width: 162px;
}


/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

  tplファイルのマークアップが同じ項目
    * 1カラム時
    * 2カラム時
    * 3カラム時

----------------------------------------------- */
#detailarea, 
.sub_area {
  width: 100%;
}
#detailarea {
	 margin-bottom: 10px;
}
.sub_area {
	 display: inline-block;
}

/* レイアウト
----------------------------------------------- */
/* 1カラム用 */
#main_column.colnum1 div#detailphotobloc {
  float: left;
  width: 37%;
}
#main_column.colnum1 #detailrightbloc {
  float: right;
  width: 63%;
}
#main_column.colnum1 div.subtext {
  float: left;
  margin-bottom: 20px;
  width: 69%;
}
#main_column.colnum1 div.subphotoimg {
  float: right;
  text-align: right;
  width: 25%;
}
#main_column.colnum1 p.subtext {
  margin-bottom: 20px;
}

/* 2カラム用 */
#main_column.colnum2 div#detailphotobloc {
  float: left;
  width: 38%;
}
#main_column.colnum2 div#detailphotobloc .photo a {
	 display: block;
}
#main_column.colnum2 #detailrightbloc {
  float: right;
  width: 62%;
}
#main_column.colnum2 div.subtext {
	 margin: 0 auto 10px;
  width: 100%;
}
#main_column.colnum2 p.subtext {
  margin-bottom: 10px;
}
#main_column.colnum2 div.subphotoimg {
	 margin-bottom: 10px;
	 text-align: center;
  width: 100%;
}
#main_column.colnum2 div.subphotoimg a {
	 display: block;
  margin-bottom: 20px;
}

/* 3カラム用 */
#main_column.colnum3 div#detailphotobloc {
  float: left;
  width: 49%;
}
#main_column.colnum3 #detailrightbloc {
  float: right;
  width: 50%;
}
#main_column.colnum3 div.subtext {
  float: left;
  margin-bottom: 20px;
  width: 63%;
}
#main_column.colnum3 p.subtext {
  margin-bottom: 20px;
}
#main_column.colnum3 div.subphotoimg {
  float: right;
  text-align: right;
  width: 35%;
}

/*-- 商品名 --*/
#detailarea .h2-title {
  font-size: 177%;
		margin-bottom: 10px;
}




/* 商品情報 各種設定
----------------------------------------------- */
#detailrightbloc h2 {
  background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
  font-weight: bold;
  font-size: 177%;
  padding: 0 0 6px 0;
  margin: 0 0 10px 0;
}
#detailrightbloc .point,
#detailrightbloc .relative_cat, 
#detailrightbloc .page_link {
  background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}
#detailrightbloc .main_comment {
  margin-bottom: 20px;
}

/* 商品コード */
#detailrightbloc .product_code dt,
#detailrightbloc .product_code dd {
  display: inline;
}

/* 商品ステータス */
#detailrightbloc ul.status_icon {
  margin-bottom: 10px;
  width: 100%;
}
#detailrightbloc ul.status_icon li {
  margin-right: 5px;
  margin-bottom: 3px;
  float: left;
}

/* 通常価格 */
#detailrightbloc .normal_price dt,
#detailrightbloc .normal_price dd {
  display: inline;
}

/* 販売価格 */
#detailrightbloc .sale_price dt,
#detailrightbloc .sale_price dd {
  display: inline;
}
#detailrightbloc .sale_price dd {
	 font-size: 139%;
}

/* ポイント */
#detailrightbloc .point dt,
#detailrightbloc .point dd {
  display: inline;
}

/* 規格 */
#detailrightbloc div.classlist {
  margin-bottom: 10px;
  width: 100%;
}
#detailrightbloc .classlist {
  margin-bottom: 5px;
}
#detailrightbloc ul {
  margin-bottom: 10px;
  width: 100%;
}
#detailrightbloc ul li {
  float: left;
  vertical-align: top;
}
#detailrightbloc ul li:first-child {
	 font-size: 108%;
}

/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
  display: inline;
}

/* メーカーURL */
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
  display: inline;
}

/* 関連カテゴリ */
#detailrightbloc .relative_cat dt, 
#detailrightbloc .relative_cat dd {
	 display: inline-block;
}
#detailrightbloc .relative_cat dd {
  margin-left: 0.5em;
}

/* 関連リンク */
#detailrightbloc .page_link {
	 clear: left;
		display: inline-block;
}
#detailrightbloc .page_link li {
	 float: left;
}
#detailrightbloc .page_link .mr15 {
		margin-right: 15px;
		padding-left: 8px;
}
#detailrightbloc .page_link li a {
	 background-color: #2693ff;
	 display: block;
}
/*-- のしメッセージ枠 --*/
.classlist ul li textarea{
	 width: 98%;
}

/* 数量 */
#detailrightbloc .quantity {
	 margin-bottom: 20px;
}


/* 買い物かご */
#detailrightbloc .cart_area {
  padding: 10px;
}
#detailrightbloc .quantity dt,
#detailrightbloc .quantity dd {
  display: inline;
}
#detailrightbloc .cartin {
  text-align: center;
}
#detailrightbloc .cartin_btn {
  text-align: center;
}

#detailrightbloc .cartin_btn a {
	 background: #ed4747;
		border-radius: 4px;
		color: #fff;
		display: block;
		font-size: 20px;
		font-weight: bold;
		line-height: 60px;
		text-align: center;
		width: 100%;
}
#detailrightbloc .cartin_btn a:hover {
	 text-decoration: none;
		opacity: 0.7;
}
#detailrightbloc .favorite_btn {
  margin-top: 10px;
  text-align: center;
}
#detailrightbloc .favorite_btn a, 
#detailrightbloc .favorite_btn span {
	 background: #fdab2b;
		border-radius: 4px;
		color: #555;
		display: block;
		font-size: 20px;
		font-weight: bold;
		line-height: 60px;
		text-align: center;
		width: 100%;
}
#detailrightbloc .favorite_btn a:hover {
		opacity: 0.7;
	 text-decoration: none;
}


/* 食品表示
----------------------------------------------- */
.food-labeling {
		font-size: 96%;
	 width: 100%;
}
.food-labeling .th, .food-labeling th {
	 background: #ff962d;
		color: #fff;
		font-weight: bold;
		vertical-align: middle;
		width: 16%;
}
.food-labeling .th-tit {
  border: 1px solid #fa742e;
		font-weight: bold;
		width: 100%;
}
.food-labeling td
.food-labeling .td {
	 width: 82%;
}

.food-labeling, 
.food-labeling .th, 
.food-labeling .td {
  border: 1px solid #fa742e;
}
.food-labeling th, .food-labeling td {
  border: 1px solid #fa742e;
}

.food-labeling.width50 {
	 width: 49%;
}
.food-labeling.fl {
	 float: left;
}
.food-labeling.fr {
	 float: right;
}



/* お客様の声
----------------------------------------------- */
div#customervoice_area {
  clear: both;
		margin-bottom: 20px;
  padding: 0;
}

/*--
div#customervoice_area h2 {
  margin-bottom: 20px;
  padding: 6px 0 8px 10px;
  border-top: solid 1px #f90;
  background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom;
}
--*/

div#customervoice_area .review_bloc {
  background-color: #f6f6f6;
  margin-bottom: 20px;
  padding: 10px;
}

div#customervoice_area .review_bloc p {
  float: left;
  margin-right: 10px;
  padding-top: 3px;
}

div#customervoice_area .review_bloc .review_btn {
  float: right;
  width: 160px;
}

/*-- お客様の声 --*/
.review_scroll {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
	 box-sizing: border-box;
	 height: 300px;
		margin-bottom: 1.4rem;
	 overflow-y: scroll;
		padding: 2% 1%;
}


div#customervoice_area ul li {
  background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

div#customervoice_area .voicetitle {
  color: #333;
  font-weight: bold;
  margin-bottom: 5px;
}

div#customervoice_area .voicedate {
  margin-bottom: 10px;
}


/* 左右の振り分け
----------------------------------------------- */
#whobought_area .reccomend-bloc {
	 clear: left;
}
#whobought_area .reccomend-bloc:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
#whobought_area .reccomend-bloc .product_item {
  float: left;
		margin: 0 1% 2% 0;
		padding: 0;
  width: 32.4%;
}
#whobought_area .reccomend-bloc .product_item:nth-child(3) {
		margin-right: 0;
}
#whobought_area .reccomend-bloc .product_item a {
	 display: inline-block;
		font-size: 85%;
	 text-align: center;
		vertical-align: middle;
	 width: 100%;
}
#whobought_area .reccomend-bloc .product_item a img{
		height: 130px;
}
#whobought_area .reccomend-bloc .product_item .sale_price {
		font-size: 85%;
	 text-align: center;
}



/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
  background: #fffaf0;
  border: solid 1px #ffcc62;
  font-size: 120%;
  line-height: 140%;
  margin-bottom: 20px;
  padding: 20px;
}
div#undercolumn_cart .totalmoney_area {
  margin-bottom: 20px;
}

div#undercolumn_cart p {
  margin: 10px 5px;
}

div#undercolumn ul#quantity_level li {
  display: inline;
  padding: 3px;
}

div#undercolumn .empty {
  text-align: left;
}

div.form_area {
  margin-bottom: 30px;
}


/* お客様情報入力
----------------------------------------------- */
div#undercolumn_customer {
}

.flow_area {
  margin: 0 0 20px 0;
}

div#undercolumn_customer th em {
  color: #000;
  font-weight: bold;
}


/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
  margin: 0 auto 30px;
  width: 100%;
}
div#undercolumn_shopping .pay_area02 {
  margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
  border: 1px solid #ccc;
  height: 150px;
  margin: 5px 0 0 0;
  padding: 2px;
  width: 99%;
}
div#undercolumn_shopping .pay_area02 .select-msg {
  margin-bottom: 10px;
}

div#undercolumn_shopping .point_area {
  margin: 40px auto 0 auto;
}

div#undercolumn_shopping .point_area .point_announce {
  border: 1px solid #ccc;
  padding: 20px;
}

div#undercolumn_shopping .point_area p {
  margin-bottom: 20px;
}

div#undercolumn_shopping .point_area .point_announce li {
  margin-bottom: 5px;
}


/* お届け先の指定
----------------------------------------------- */
#address_area {
  margin-bottom: 10px;
  width: 100%;
}

#address_area .information {
  float: left;
  width: 65%;
}

#undercolumn_shopping .information {
  margin-bottom: 15px;
}

#address_area .add_multiple {
  background: #fffaf0;
  border: 1px solid #ffcc62;
  color: #555;
  float: right;
  font-weight: bold;
  padding: 15px 10px;
  text-align: center;
  width: 30%;
}

#address_area .add_multiple p {
  margin-bottom: 10px;
}

#address_area p.addbtn {
  font-size: 10px;
  font-weight: bold;
}


/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
  border: solid 1px #333;
  margin: 0 auto;
  padding: 5px;
  width: 566px;
}

/* ===============================================
▼ギフト用熨斗バナー,送料無料バナー
=============================================== */
.banner-box {
		margin: 0 auto 20px;
		width: 684px;
}
.banner-box ul.gift {
	 clear: both;
		margin: 10px auto 0;
		padding-bottom: 10px;
	 width: 684px;
}
.banner-box ul.gift:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.banner-box ul.gift li:first-child {
	 float: left;
}
.banner-box ul.gift li {
	 float: right;
		height: 50px;
	 width: 331px;
}

.banner-box.payment {
		margin: 0 auto 15px;
		width: 760px;
}
.banner-box a {
	 display: block;
		margin: 0 auto;
		text-align: center;
}