@charset "shift_jis";

/*=========================================================================

 スマホ用パーツモジュール

=========================================================================*/

/* コンテンツ領域
-------------------------------------------------------------------------*/
body.spTop .section01,
body.new2014 .section01{
	margin:0 8px;
	padding:10px 0 0 0;
}
body.spTop .section02,
body.new2014 .section02{
	width:100%;
	padding:10px 0 0 0;
}
body.new2014 .bgWh01{ background-color:#FFF; padding-bottom:10px; margin-bottom:10px;}

/* SP表示制御
-------------------------------------------------------------------------*/
.hideSp{
	display:none !important;
}
.blockSp{
	display:block !important;
}

/* section
-------------------------------------------------------------------------*/
.section{
	padding:0 8px;
}
.sectionTop{
	padding:10px 8px 0 8px;
}

/* pageup
-------------------------------------------------------------------------*/
.pageup{
	padding:10px 16px;
	background-color:#fff;
	text-align:right;
}
.pageup span{
	padding-left:16px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_pagetop.png) no-repeat right top;
	background-size:11px 10px;
	-webkit-background-size:11px 10px;
}

.memberCont {
 padding-top: 3vw;
}
/* 見出し
-------------------------------------------------------------------------*/
/* h1 ----------*/
h1.htxt,
h1.icon,
div.icon {
	margin:0 8px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_bg_h1_top.png) no-repeat 0 0;
	background-size:4px 500px;
	-webkit-background-size:4px 500px;
	border-bottom:1px solid #9f9f9f;
	box-shadow:0 1px 0 #d4d4d4;
	-webkit-box-shadow:0 1px 0 #d4d4d4;
}
div.icon {
 font-weight: bold;
}
h1.htxt span,
h1.icon span,
div.icon span{
	display:block;
	padding:0 0 8px 10px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_bg_h1_btm.png) no-repeat left bottom;
	background-size:4px 12px;
	-webkit-background-size:4px 12px;
	text-align:left;
	line-height:1.3;
	font-size:150%;
}
h1.htxt span {
 margin-top: 8px;
}
h1.icon,
div.icon {
	background-image:none;
}
h1.icon span span,
div.icon span span{
	display:block;
	padding:0;
	background-image:none;
	font-size:100%;
}
/* 再入荷お知らせメールのお申込み */
h1#rearrival{
	margin-bottom:10px;
}
h1#rearrival span{
	padding-left:32px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h1_rearrival.png) no-repeat 5px 3px;
	background-size:19px 15px;
	-webkit-background-size:19px 15px;
}
h1#rearrival span span{
	padding-left:0;
	background-image:none;
}
/* メール */
h1#mail span{
	padding-left:32px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_mailmag.png) no-repeat 5px 3px;
	background-size:19px 15px;
	-webkit-background-size:19px 15px;
}
/* 会員系 */
h1#member span,
h1.member span,
div.member span,
h1.guest span{
	padding-left:29px;
 background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h1_member.png) no-repeat 5px 0;
	background-size:15px 22px;
	-webkit-background-size:15px 22px;
}
/* お気に入りリスト */
h1#favorite span{
	padding-left:35px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h1_favorite.png) no-repeat 5px 10px;
	background-size:24px 21px;
	-webkit-background-size:24px 21px;
  padding-top: 10px;
}
/* キャンペーン */
h1#campaign span{
	padding-left: 36px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_campaign.png) no-repeat 11px 0px;
	background-size: 19px 23px;
	-webkit-background-size: 19px 23px;
}
/* カート */
h1#cart span{
	padding-left:38px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h1_cart.png) no-repeat 3px 0;
	background-size: 27px 22px;
	-webkit-background-size: 27px 22px;
}
/* ゲスト購入 */
h1.guest {
 background-image: none;
}
h1.guest span {
 padding-left: 29px;
}

/* h2 ----------*/
h2.htxt,
h2.icon,
.rakutenID  .leadtxt {
	margin:20px 0 8px 0;
	background-color:#fff;
	border-top:3px solid #373737;
	border-bottom:2px solid #e9e9e9;
	line-height:1.3;
	font-size:140%;
}
h2.htxt span,
h2.icon span,
.rakutenID  .leadtxt span {
	display:block;
	padding:10px;
	border-bottom:1px solid #afafaf;
}
/* キャンペーン */
h2#campaign span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_campaign.png) no-repeat 15px 8px;
	background-size:17px 23px;
	-webkit-background-size:17px 23px;
}
/* お客様のご利用状況 */
h2#status span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_status.png) no-repeat 15px 10px;
	background-size:15px 22px;
	-webkit-background-size:15px 22px;
}
/* 注意事項 */
h2#notes span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_notes.png) no-repeat 15px 10px;
	background-size:15px 22px;
	-webkit-background-size:15px 22px;
}
/* 特典 */
h2#present span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_present.png) no-repeat 15px 8px;
	background-size:18px 21px;
	-webkit-background-size:18px 21px;
}
/* お問い合わせ */
h2#question span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_question.png) no-repeat 18px 9px;
	background-size:15px 21px;
	-webkit-background-size:15px 21px;
}
/* ディノスeクーポン */
h2#ecoupon span{
	padding-left:44px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_ecoupon.png) no-repeat 15px 10px;
	background-size:22px 24px;
	-webkit-background-size:22px 24px;
}
/* メルマガ選択 */
h2#mailmag span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_mailmag.png) no-repeat 12px 13px;
	background-size:19px 15px;
	-webkit-background-size:19px 15px;
}
/* はじめてのお客様 */
h2#firsttime span{
	padding-left:42px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_firsttime.png) no-repeat 15px 10px;
	background-size:21px 24px;
	-webkit-background-size:21px 24px;
}
/* テレビ　ショッピングガイド */
h2#tv span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_tv.png) no-repeat 12px 9px;
	background-size:22px 23px;
	-webkit-background-size:22px 23px;
}
/* カテゴリ */
h2#category span{
	padding-left:42px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_category.png) no-repeat 12px 9px;
	background-size:23px 23px;
	-webkit-background-size:23px 23px;
}
/* ランキング */
h2#ranking span{
	padding-left:45px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_ranking.png) no-repeat 12px 8px;
	background-size:28px 22px;
	-webkit-background-size:28px 22px;
}
/* おすすめ特集 */
h2#recommend span{
	padding-left:42px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_recommend.png) no-repeat 12px 9px;
	background-size:20px 22px;
	-webkit-background-size:20px 22px;
}
/* 特集 */
h2#special span{
	padding-left:38px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_special.png) no-repeat 15px 14px;
	background-size:14px 15px;
	-webkit-background-size:14px 15px;
}
/* 人気商品 */
h2#popular span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_popular.png) no-repeat 12px 9px;
	background-size:20px 20px;
	-webkit-background-size:20px 20px;
}
/* 商品の詳しい情報 */
h2#productsDetail span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_products.png) no-repeat 12px 11px;
	background-size:21px 21px;
	-webkit-background-size:21px 21px;
}
/* ショッピングガイド、購入商品 */
h2#shopping span,h2.productIco span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_shopping.png) no-repeat 12px 9px;
	background-size:17px 22px;
	-webkit-background-size:17px 22px;
}
/* お支払い */
h2#payment span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_payment.png) no-repeat 12px 14px;
	background-size:20px 16px;
	-webkit-background-size:20px 16px;
}
/* お気に入りリスト */
h2#favorite span,
h2.favoriteIco span{
	padding-left:39px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h1_favorite.png) no-repeat 10px 11px;
	background-size:24px 21px;
	-webkit-background-size:24px 21px;
}
/* ファッション */
h2#fashion span{
	padding-left: 38px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_fashion.jpg) no-repeat 10px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* バッグ・靴・アクセサリー */
h2#bag span{
	padding-left: 38px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_bag.jpg) no-repeat 10px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* 家具・収納 */
h2#furniture span{
	padding-left: 38px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_furniture.jpg) no-repeat 10px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* カーテン・敷物・インテリア */
h2#interior span{
	padding-left: 36px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_interior.jpg) no-repeat 8px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* ベッド・寝具 */
h2#bed span{
	padding-left: 38px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_bed.jpg) no-repeat 10px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* キッチン・家電・生活雑貨 */
h2#zakka span{
	padding-left: 38px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_zakka.jpg) no-repeat 10px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* 美容・健康・ダイエット */
h2#beauty span{
	padding-left: 37px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_beauty.jpg) no-repeat 9px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* ガーデニング・フラワー */
h2#gardening span{
	padding-left: 38px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_gardening.jpg) no-repeat 10px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* スポーツ・ホビー・キッズ */
h2#hobby span{
	padding-left: 35px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_hobby.jpg) no-repeat 8px 9px;
	background-size:24px 25px;
	-webkit-background-size:24px 25px;
}
/* 食品 */
h2#food span{
	padding-left: 38px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_food.jpg) no-repeat 10px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* テレビ */
h2#stv span{
	padding-left: 38px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_tv.jpg) no-repeat 10px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* セール */
h2#sale span{
	padding-left: 38px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_sale.jpg) no-repeat 10px 9px;
	background-size:24px 23px;
	-webkit-background-size:24px 23px;
}
/* お届けサービス */
h2#delivery span{
	padding-left: 30px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_delivery.png) no-repeat 4px 10px;
	background-size:15px 20px;
	-webkit-background-size:15px 20px;
}
/* お支払い方法の指定 */
h2#howtopay span{
	padding-left: 32px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_howtopay.png) no-repeat 4px 12px;
	background-size:19px 19px;
	-webkit-background-size:19px 19px;
}
/* 注文明細の確認 */
h2#check span{
	padding-left: 36px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_h2_check.png) no-repeat 10px 13px;
	background-size:18px 15px;
	-webkit-background-size:18px 15px;
}
/* h2に任意アイコン */
h2 span.option{
	display:inline-block !important;/display:inline !important;/zoom:1;vertical-align:middle;
	width:42px;
	height:19px;
	margin:-4px 0 0 10px;
	padding:0 !important;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_option.png) no-repeat 0 0 !important;
	background-size:42px 19px !important;
	-webkit-background-size:42px 19px !important;
	border:0;
}

/* h3 ----------*/
h3.htxt{
	margin:20px 8px 10px 8px;
	border-bottom:1px solid #d4d4d4;
	font-weight:bold;
	font-size:115%;
}
h3.htxt > span{
	display:block;
	padding:7px 10px 5px 10px;
	background-color:#f1f1f1;
	border-bottom:1px solid #9f9f9f;
}

/* icon
-------------------------------------------------------------------------*/
.icnPdf{
	padding:2px 20px 3px 0;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_pdf.png) no-repeat right top;
	background-size:15px 17px;
	-webkit-background-size:15px 17px;
}
.icnQ{
	padding:2px 0 3px 24px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/products/sp_icn_question.png) no-repeat 0 0;
	background-size:20px 17px;
	-webkit-background-size:20px 17px;
}
.icnArrow{
	padding-left: 9px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_link2.png) no-repeat 0 0.3em;
	background-size:7px 8px;
	-webkit-background-size:7px 8px;
}
.icnMail{
	padding:2px 0 3px 20px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_mail.png) no-repeat 0 0.2em;
	background-size:15px 12px;
	-webkit-background-size:15px 12px;
}
.linkHeart{
	padding: 5px 0 5px 17px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_heart.gif) no-repeat 0 0.45em;
	background-size:14px 11px;
	-webkit-background-size:14px 11px;
}
.linkRanking{
	padding: 5px 0 5px 19px;
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/icn_ranking.gif) no-repeat 0 0.38em;
}
.linkDetail {
	padding:2px 0;
}
.qa {
 padding:2px 0 2px 18px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_detail.png) no-repeat 0 0.3em;
	background-size:13px 16px;
	-webkit-background-size:13px 16px;
}
.icnNew{
	display: inline-block;
	margin-right:5px;
	padding: 1px 7px;
	background-color: #cc0000;
	border-radius: 5px;
	text-align: center;
	font-weight: normal;
	font-size: 73%;
	color: #fff;
	letter-spacing:0.1em;
}
.linkAtention
 {
	padding:2px 0 2px 18px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_atention.png) no-repeat 0 0.3em;
	background-size:16px 16px;
	-webkit-background-size:16px 16px;
}
.icnDown{
	padding:2px 0 3px 15px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_arrow_down.png) no-repeat 0 0.45em;
	background-size:11px 10px;
	-webkit-background-size:11px 10px;
}

.icoVirtusize {
	padding:2px 0 2px 68px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_ico_virtusize.png) no-repeat 0 0.3em;
	background-size:61px 17px;
	-webkit-background-size:61px 17px;
}
/* list
-------------------------------------------------------------------------*/
/* ドットリスト */
ul.dotList li{
	margin-top:3px;
	padding-left:0.5em;
	text-indent:-0.5em;
}
/* アイコンドットリスト */
ul.icnDotList li{
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/common/icn_dot.gif) no-repeat 0 0.85em;
	padding-top:3px;
	padding-bottom:15px;
	padding-left: 10px;
}
/* 注釈リスト */
ul.noteList li{
	margin-top:3px;
	padding-left:0.6em;
	text-indent:-0.6em;
}
/* 注釈リスト（文字サイズ（小） */
ul.noteSList li{
	margin-top:3px;
	padding-left:0.6em;
	text-indent:-0.6em;
	font-size:85%;
}
/* 数字リスト */
ol.numList{
	padding-left:20px;
}
ol.numList li{
	margin-top:3px;
	list-style-type:decimal;
}
/* 定義リスト */
dl.basicDl{
	margin-top:10px;
}
dl.basicDl dt{
	font-weight:bold;
}
dl.basicDl dd{
	margin-top:3px;
}
/* 説明リンクのリスト */
.detailList li{
	margin-top:4px;
}
.detailList li a{
	padding:2px 0 2px 20px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_icn_detail.png) no-repeat 0 0;
	background-size:13px 16px;
	-webkit-background-size:13px 16px;
}

/* indent
-------------------------------------------------------------------------*/
.indent{
	padding-left:0.6em;
	text-indent:-0.6em;
}

/* button
-------------------------------------------------------------------------*/
/* オレンジボタン（btn1row：1行用／btn2row：2行用／btn21row：PCに2行、SPに1行行用） */
.btn1row,
.btn2row,
.btn21row{
	display:inline-block;
	padding:6px 12px;
	background-color:#f4870b;
	background:linear-gradient(top, #f7a620, #d97b09);
	background:-webkit-gradient(linear, left top, left bottom, from(#f7a620), to(#d97b09));
	border:solid 1px #f0b35f;
	border-radius:3px;
	box-shadow:2px 2px 2px #b5b1ab;
	-webkit-box-shadow:2px 2px 2px #b5b1ab;
	text-align:center;
	text-decoration:none !important;
	line-height:1.3;
	font-weight:bold;
	font-size:115%;
	color:#fff !important;
}
/* 茶色ボタン（a） */
a.basicBtn{
	display:inline-block;
	padding:6px 20px;
	background-color:#918a7b;
	background:linear-gradient(top, #918a7b, #60584c);
	background:-webkit-gradient(linear, left top, left bottom, from(#918a7b), to(#60584c));
	border:solid 1px #a49f95;
	border-radius:3px;
	box-shadow:2px 2px 2px #afafae;
	-webkit-box-shadow:2px 2px 2px #afafae;
	text-align:center;
	text-shadow:0 -1px 1px #000000;
	text-decoration:none !important;
	font-weight:bold;
	font-size:115%;
	color:#fff !important;
}
/* 検索ボタン（input） */
input.searchBtn{
	display:block;
	margin:0 auto;
	padding:8px 15px;
	background-color:#918a7b;
	background:linear-gradient(top, #918a7b, #60584c);
	background:-webkit-gradient(linear, left top, left bottom, from(#918a7b), to(#60584c));
	border:solid 1px #a49f95;
	-webkit-appearance:none;
	border-radius:3px;
	box-shadow:2px 2px 2px #afafae;
	-webkit-box-shadow:2px 2px 2px #afafae;
	text-shadow:0 -1px 1px #000000;
	text-align:center;
	font-weight:bold;
	font-size:140%;
	color:#fff;
	cursor:pointer;
}
/* 機能ボタン：input */
input.funcBtn{
	display:block;
	width:180px;
	height:35px;
	margin:0 auto;
	background-color:#fcfcfc;
	background:linear-gradient(top, #fcfcfc, #d4dbdd);
	background:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#d4dbdd));
	border:solid 1px #b4bcc0;
	-webkit-appearance:none;
	border-radius:3px;
	box-shadow:2px 2px 2px #afafae;
	-webkit-box-shadow:2px 2px 2px #afafae;
	font-weight:bold;
	font-size:140%;
	letter-spacing:0.1em;
}
/* 機能ボタン：a */
a.funcBtn,
a.funcBtnL{
	display:inline-block;
	padding:5px 15px;
	background-color:#fcfcfc;
	background:linear-gradient(top, #fcfcfc, #d4dbdd);
	background:-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#d4dbdd));
	border:solid 1px #b4bcc0;
	-webkit-appearance:none;
	border-radius:3px;
	box-shadow:2px 2px 2px #afafae;
	-webkit-box-shadow:2px 2px 2px #afafae;
	text-align:center;
	text-decoration:none !important;
	line-height:1.3;
	font-weight:bold;
	font-size:100%;
}
/* 機能ボタン(大)：a */
a.funcBtnL{
	padding:8px 20px;
}

/* ボタンリスト */
.btnList{
	text-align:center;
}
.btnList li{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	margin:10px 5px 0 5px;
	text-align:center;
}
/* フォームボタン */
.frmbtnArea{
	padding:20px 8px 0 8px;
	text-align:center;
}
.frmbtnArea p {
 text-align: left;
}
.frmbtnArea li{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	margin:0 4px;
}
.frmbtnArea li input.submitBtn,
.frmbtnArea li input.submitBtnS,
.frmbtnArea li input.cancelBtn{
	width:130px;
}
.frmbtnArea li a.submitBtn,
.frmbtnArea li a.submitBtnS,
.frmbtnArea li a.cancelBtn{
	width:100px;
}
/* ボタン横幅リキッド */
.frmbtnArea.liquid li .submitBtn,
.frmbtnArea.liquid li .submitBtnS,
.frmbtnArea.liquid li .cancelBtn{
	width:auto;
}
/* ボタン縦積み */
.frmbtnArea.vertical li{
	display:block;
	margin-bottom:10px;
}
.frmbtnArea li a.submitBtn,
.frmbtnArea.vertical li input.submitBtn,
.frmbtnArea.vertical li input.submitBtnS,
.frmbtnArea.vertical li input.cancelBtn{
	width:auto;
	min-width:100px;
}
/* サブミットボタン（緑） */
.submitBtn,
.submitBtnS,
.submitBtnSS,
.submitLiquidBtn{
	display:inline-block;vertical-align:top;
	height:36px;
	padding:0 15px;
	-webkit-appearance:none;
	background-color:#7abf0a;
	background:linear-gradient(top, #7abf0a, #3c9010);
	background:-webkit-gradient(linear, left top, left bottom, from(#7abf0a), to(#3c9010));
	border:solid 1px #3c9010;
	border-radius:3px;
	box-shadow:2px 2px 2px #afafae;
	-webkit-box-shadow:2px 2px 2px #afafae;
	text-shadow:0 -1px 1px #000000;
	text-align:center;
	text-decoration:none !important;
	line-height:35px;
	font-weight:bold;
	font-size:140%;
	color:#fff !important;
}
.submitBtnS{
	font-size:125%;
}
.submitBtnSS{
	padding:0 10px;
	font-size:125%;
}
a.submitBtn,
a.submitBtnS,
a.submitBtnSS,
a.submitLiquidBtn,
p.submitLiquidBtn{
	height:35px;
}
/* キャンセルボタン（グレー） */
.cancelBtn,
.cancelBtnSS,
.cancelLiquidBtn{
	display:inline-block;vertical-align:top;
	height:35px;
	padding:0 15px;
	-webkit-appearance:none;
	background-color:#e1e1e1;
	background:linear-gradient(top, #e1e1e1, #b0b0b0);
	background:-webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#b0b0b0));
	border:solid 1px #c5c5c5;
	border-radius:3px;
	box-shadow:2px 2px 2px #afafae;
	-webkit-box-shadow:2px 2px 2px #afafae;
	text-align:center;
	text-decoration:none !important;
	line-height:34px;
	font-weight:bold;
	font-size:140%;
	color:#373737 !important;
}
.cancelBtnSS{
	padding:0 10px;
	font-size:125%;
}
a.cancelBtn,
a.cancelBtnSS,
a.cancelLiquidBtn{
	height:34px;
}
.submitBtn.letterSpc,
.cancelBtn.letterSpc,
.cancelLiquidBtn.letterSpc{
	text-indent:1em;
	letter-spacing:1em;
}
/* オプションボタン（青） */
.optionBtn{
	display:inline-block;vertical-align:top;
	height:35px;
	padding:0 15px;
	-webkit-appearance:none;
	background-color:#0d71bf;
	background:linear-gradient(top, #0d71bf, #03519a);
	background:-webkit-gradient(linear, left top, left bottom, from(#0d71bf), to(#03519a));
	border:solid 1px #4881b5;
	border-radius:3px;
	box-shadow:2px 2px 2px #afafae;
	-webkit-box-shadow:2px 2px 2px #afafae;
	text-shadow:0 -1px 1px #000000;
	text-align:center;
	text-decoration:none !important;
	line-height:34px;
	font-weight:bold;
	font-size:140%;
	color:#fff !important;
}
/* コンバージョンボタン（オレンジ） */
.conversionBtn,
.conversionLiquidBtn,
.conversionLiquidBtnL{
	display:inline-block;vertical-align:top;
	height:36px;
	padding:0 15px;
	-webkit-appearance:none;
	background-color:#f4870b;
	background:linear-gradient(top, #f7a620, #d97b09);
	background:-webkit-gradient(linear, left top, left bottom, from(#f7a620), to(#d97b09));
	border:solid 1px #f0b35f;
	border-radius:3px;
	box-shadow:2px 2px 2px #b5b1ab;
	-webkit-box-shadow:2px 2px 2px #b5b1ab;
	text-align:center;
	text-decoration:none !important;
	line-height:35px;
	font-weight:bold;
	font-size:140%;
	color:#fff !important;
}
a.conversionBtn,
a.conversionLiquidBtn,
a.conversionLiquidBtnL{
	height:35px;
}
.conversionLiquidBtnL{
	height:46px;
	line-height:45px;
}
a.conversionLiquidBtnL{
	height:45px;
}

.btn21row{
	display:inline-block;
	padding:6px 12px;
	background-color:#f4870b;
	background:linear-gradient(top, #f7a620, #d97b09);
	background:-webkit-gradient(linear, left top, left bottom, from(#f7a620), to(#d97b09));
	border:solid 1px #f0b35f;
	border-radius:3px;
	box-shadow:2px 2px 2px #b5b1ab;
	-webkit-box-shadow:2px 2px 2px #b5b1ab;
	text-align:center;
	text-decoration:none !important;
	line-height:1.3;
	font-weight:bold;
	font-size:115%;
	color:#fff !important;
}
/* 入力フォーム
-------------------------------------------------------------------------*/
/* 共通 */
.tableDl { margin-top:20px; }
.tableDl dd dt{
	margin-top:10px;
}
.tableDl dd dl:first-child dt{
	margin-top:0;
}
.tableDl dd dd{
	margin-top:6px;
}
.tableDl dd label input{
	margin-right:5px;
	/*vertical-align:text-bottom;*/
}
/*for gourmet*/
.section.subscGmt + .tableDl {
 margin-top: 0;
}
/* 必須項目テキストフィールド */
dl.require input.text{
	background-color:#fffee6;
	background:linear-gradient(top, #fffee6, #fffee6);
	background:-webkit-gradient(linear, left top, left bottom, from(#fffee6), to(#fffee6));
	border:1px solid #b5bbbd;
	border-bottom-color:#b9bfc5;
	box-shadow:0 3px 3px #d4cdb6 inset;
	-webkit-box-shadow:0 3px 3px #d4cdb6 inset;
}
dl.require select{
	background-color:#fffee6;
	border:1px solid #aaaaaa;
}
/* エラーテキストフィールド */
input.textErr{
	padding:10px 0 10px 7px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-appearance:none;
	background-color:#ffe3e8 !important;
	background:linear-gradient(top, #ffe3e8, #ffe3e8) !important;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffe3e8), to(#ffe3e8)) !important;
	border:2px solid #ff9999 !important;
	border-radius:3px;
	box-shadow:0 3px 3px #dbc0c5 inset;
	-webkit-box-shadow:0 3px 3px #dbc0c5 inset;
	font-size:115%;
}
select.textErr,
textarea.textErr{
	background-color:#ffe3e8 !important;
	border:2px solid #ff9999 !important;
}
/* エラーメッセージ */
.tableDl dd .errMsg{
	padding-top:5px;
}
.tableDl dd .errMsg span{
	display:inline !important;
	width:auto !important;
	margin-left:0 !important;
	padding:0 !important;
}
.tableDl dd .errMsg span span{
	display:block !important;
	padding:0 0 2px 12px !important;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_icn_error.png) no-repeat 0 2px;
	background-size:5px 14px;
	-webkit-background-size:5px 14px;
	color:#cc0000;
}
/* 期限間近 */
.limitTag{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #ff6600;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	padding: 5px 0;
	min-width: calc(4em + 5px * 2);
    box-sizing: border-box;
}
.limitTag.today{
	background-color: #fe0000;
}
table.borderTbl .limitTag{
    margin: 0 auto 6px;
	display: block;
	width: calc(4em + 5px * 2);
}

/* text field / select
-------------------------------------------------------------------------*/
input[type="text"],
input[type="textarea"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
textarea { 
 font-size: 16px;
}

input.text{
	width:100%;
	padding:10px 0 10px 7px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-appearance:none;
	background:linear-gradient(top, #dee4ea, #edeff2);
	background:-webkit-gradient(linear, left top, left bottom, from(#dee4ea), to(#edeff2));
	border:1px solid #98a2a9;
	border-top-color:#b8bec1;
	border-left-color:#a3abb2;
	border-right-color:#a3abb2;
	border-radius:3px;
	box-shadow:0 3px 3px #99a5b6 inset;
	-webkit-box-shadow:0 3px 3px #99a5b6 inset;
	font-size:115%;
}
/* テキストフィールド無効 */
input.text:disabled,
dl.require input.text:disabled{
    box-shadow: none;
	background: #cccccc;
    -webkit-text-fill-color: #999999;
	color: #999999 !important;
    opacity: 1;
}
select{
	height:30px;
	padding:2px;
	border:1px solid #98a2a9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
}
textarea{
	width:100%;
	padding:10px 0 10px 7px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-appearance:none;
	background:linear-gradient(top, #dee4ea, #edeff2);
	background:-webkit-gradient(linear, left top, left bottom, from(#dee4ea), to(#edeff2));
	border:1px solid #98a2a9;
	border-top-color:#b8bec1;
	border-left-color:#a3abb2;
	border-right-color:#a3abb2;
	border-radius:3px;
	box-shadow:0 3px 3px #99a5b6 inset;
	-webkit-box-shadow:0 3px 3px #99a5b6 inset;
}

/* table
-------------------------------------------------------------------------*/
table.basicTbl{
	width:96%;
	min-width:288px;
	margin:10px auto 0;
	background-color:#fff;
	border-width:0 0 1px 0;
	border-style:solid;
	border-color:#cacaca;
}
table.basicTbl th,
table.basicTbl td{
	padding:8px 6px;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#cacaca;
}
table.basicTbl th{
	background-color:#f1f1f1;
	white-space:nowrap;
}
table.basicTbl.tdC td{
	text-align:center;
}
table.basicTbl.tdR td{
	text-align:right;
}
table.basicTbl.thC th{
	text-align:center;
}
table.basicTbl.theadC thead th{
	text-align:center;
}

/* 罫線付表組み */
table.borderTbl{
	width:96%;
	min-width:288px;
	margin:10px auto 0;
	background-color:#fff;
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#cacaca;
}
table.borderTbl th,
table.borderTbl td{
	padding:8px 6px;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#cacaca;
}
table.borderTbl th{
	background-color:#f1f1f1;
	white-space:nowrap;
}
table.borderTbl.tdR td{
	text-align:right;
}
table.borderTbl.thC th{
	text-align:center;
}
table.borderTbl th.stock{
	width: 6em;
}

/* 表組み形式の定義リスト（会員ページ）
-------------------------------------------------------------------------*/
.tableDl{
	padding:0 8px;
}
.tableDl.fsN{
	font-size:100%;
}
.tableDl dt{
	padding:6px 10px;
	background-color:#f1f1f1;
	border-bottom:1px solid #9f9f9f;
	font-weight:bold;
}
.tableDl dd{
	padding:8px 10px 20px 10px;
	background-color:#fff;
	border-top:1px solid #d4d4d4;
}
.tableDl dl:last-child dd{
	padding-bottom:0;
}
.tableDl dd dl dt{
	padding:0;
	background-color:#fff;
	border-bottom:0;
	font-weight:bold;
}
.tableDl dd dl dd{
	padding:0;
	background-color:#fff;
	border-top:0;
}
.tableDl dd #newPassword.hidePassword,
.tableDl dd #hiddenPassword.hidePassword{
 display: none;
}
.tableDl dd #hiddenPassword {
 font-size: 129%;
 line-height: 1.36;
}
.tableDl dd #newPassword.hidePassword ~ span#passDispTxt2 {
 margin-top: 0;
}
/*for safari*/
_::-webkit-full-page-media, _:future, :root .tableDl dd #hiddenPassword {
	font-size: 170%;
 padding-top: 0;
}
_::-webkit-full-page-media, _:future, :root .tableDl dd #hiddenPassword.hidePassword ~ span#passDispTxt2 {
 margin-top: 12px;
}
/* 必須アイコン
-------------------------------------------------------------------------*/
.tableDl dt{
	position:relative;
	padding-right:60px;
}
.tableDl dt .required{
	display:block;
	position:absolute;
	top:7px;
	right:10px;
}
.tableDl dt .required span{
	display:inline-block;
	padding:1px 7px;
	background-color:#cc0000;
	border-radius:5px;
	text-align:center;
	font-weight:normal;
	font-size:73%;
	color:#fff;
}
/* お知らせ表示
-------------------------------------------------------------------------*/
#newsinfo {
	margin:0 10px 10px 10px ;
	background-image: url("https://img.dinos.co.jp/defaultMall/images/multidev/common/atention.png") ;
	background-repeat  :no-repeat;
	background-position: 0 0;
	-moz-background-size:auto 100%;
	background-size:auto 100%;
}
#newsinfo p {
	padding-top:5px;
	padding-left:20px;
	min-height:14px;
	height: auto !important;
	height: 14px;
}

/* ビジュアルエリア
-------------------------------------------------------------------------*/
.switchDevice {
	text-align:center;
}
.switchDevice .pc{
	display:none;
}
.switchDevice .sp{
	display:block;
}

/* 手順フレーム
-------------------------------------------------------------------------*/
.stepFrm {
	background:#ffffff;
	margin:0 18px;
	padding-top:5px;
}
.stepFrm .inner{
	border:2px solid #84c322;
	border-radius:3px;
	padding:10px 25px 15px 0;
	background:#fff;
}
.stepFrm .inner2{
	border:2px solid #84c322;
	border-radius:3px;
	padding:15px 25px;
	background:#fff;
}
.stepFrm .stepNumber{
	float:left;
	width:30px;
	font-size:160%;
	font-weight:bold;
	color:#78ba1d;
	text-align:center;
}
.stepFrm .stepContent{
	overflow:hidden;
	padding-top:4px;
}
.stepFrm .stepArrow{
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/campaign/step_arrow.jpg) no-repeat center top;
	background-size:23px 17px;
	-webkit-background-size:23px 17px;
	height:17px;
	margin-top:5px;
	margin-bottom:4px;
}

.stepFrm .sc-iconBox{
	
}
.stepFrm .sc-iconBox .sci-icon{
	text-align:right;
	margin-top:7px;
	margin-right:7px;
}

.stepFrm .sc-image {
	text-align:center;
	margin-top:15px;
}
.stepFrm .sc-image .pc{
	display:none;
}
.stepFrm .sc-image .sp{
	display:block;
}


/* 流体グリッド
-------------------------------------------------------------------------*/
.fluidGrid{
}
.fluidGrid [class*="span"]{
	width:100%;
	margin-top:15px;
}

/* 装飾
-------------------------------------------------------------------------*/
/*下線*/
body.new2014 .lineBtm01{
	border-bottom: 1px solid #dedede;
	padding-bottom:15px;
}
/*テキスト*/
.txtBold{ font-weight:bold; }

/* 特集や記事へのリンクリスト
-------------------------------------------------------------------------*/
.mod_blockA .arrowlist {
 margin-top: 2.133vw;
}
.mod_blockA .arrowlist ul {
 padding: 0 21px;
}
.mod_blockA .arrowlist ul li {
 width: 100%;
 padding: .53em 0;
 display: flex;
 align-items: center;
 border-bottom: 1px solid #ccc;
}
.mod_blockA .arrowlist ul li a {
 display: block;
 width: 100%;
 padding-right: 1em;
}
.mod_blockA .arrowlist ul li .arrow {
 position: relative;
 display: inline-block;
 width: 4.8px;
 height: 7.7px;
}
.mod_blockA .arrowlist ul li .arrow::before,
.mod_blockA .arrowlist ul li .arrow::after {
 content: "";
 position: absolute;
 top: calc(50% - .5px);
 right: 0;
 width: 7px;
 height: 1px;
 border-radius: 9999px;
 background-color: #ccc;
 transform-origin: calc(100% - .5px) 50%;
}
.mod_blockA .arrowlist ul li .arrow::before {
 transform: rotate(45deg);
}
.mod_blockA .arrowlist ul li .arrow::after {
 transform: rotate(-45deg);
}