@charset "Shift_JIS";

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

 会員系ページ

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


/* memberCont
-------------------------------------------------------------------------*/
.spFrm .memberCont:first-child{
  margin-top: 8px;
}
.memberCont .section{
	padding:10px 8px 0 8px;
}

/* 会員登録フロー
-------------------------------------------------------------------------*/
.entryFlow{
	margin:0 8px 18px 8px;
}
.entryFlow li{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	width:68px;
	height:20px;
	margin-left:5px;
}
.entryFlow li span{
	display:block;
	overflow:hidden;text-indent:100%;white-space:nowrap;
}
.entryFlow li.flow01{	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_entryflow_01.png) no-repeat 0 0; margin-left:0; background-size:68px 20px; -webkit-background-size:68px 20px;}
.entryFlow li.flow02{	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_entryflow_02.png) no-repeat 0 0; background-size:68px 20px; -webkit-background-size:68px 20px;}
.entryFlow li.flow03{	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_entryflow_03.png) no-repeat 0 0; background-size:68px 20px; -webkit-background-size:68px 20px;}
.entryFlow li.flow04{	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_entryflow_04.png) no-repeat 0 0; background-size:68px 20px; -webkit-background-size:68px 20px;}
.entryFlow li.flow01.cur{	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_entryflow_01_cur.png) no-repeat 0 0; background-size:68px 20px; -webkit-background-size:68px 20px;}
.entryFlow li.flow02.cur{	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_entryflow_02_cur.png) no-repeat 0 0; background-size:68px 20px; -webkit-background-size:68px 20px;}
.entryFlow li.flow03.cur{	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_entryflow_03_cur.png) no-repeat 0 0; background-size:68px 20px; -webkit-background-size:68px 20px;}
.entryFlow li.flow04.cur{	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_entryflow_04_cur.png) no-repeat 0 0; background-size:68px 20px; -webkit-background-size:68px 20px;}

/* 楽天ID連携
-------------------------------------------------------------------------*/
.memberCont .rakutenID  .leadtxt {
 font-weight: bold;
}
.memberCont .rakutenID .loginArea {
 padding: 8px;
}
.memberCont .rakutenID  .leadtxt ~ p {
 padding: 12px;
}
.memberCont .rakutenID .btmArea {
 text-align: center;
 padding-top: 10px;
}
.memberCont .rakutenID .privacyFrm {
 margin: 20px 0 30px;
 border: none;
 text-align: left;
}
.memberCont .rakutenID + .rakutenID p {
 color: #cc0000;
 margin-bottom: 20px;
}
/* お客様情報入力
-------------------------------------------------------------------------*/
/* 氏名 */
.tableDl dd .name dd span{
	display:inline-block;/display:inline;/zoom:1;vertical-align:middle;
	width:2.2em;
	margin-left:10px;
}
.tableDl dd .name dd span:first-child{
	margin-left:0;
}
.tableDl dd .name dd input{
	width:35%;
}
/* 性別 */
.tableDl dd.sex label{
	margin-right:30px;
}
/* 生年月日 */
.tableDl .birthday span{
	padding:0;
	vertical-align:middle;
}
/* 郵便番号 */
.tableDl dd .zipcode dt span.zipcodeSearch{
	float:right;
	margin-left:30px;
	font-weight:normal;
}
.tableDl dd .zipcode dt{	zoom:1;}
.tableDl dd .zipcode dt:after{	content:".";	display:block;	clear:both;	visibility:hidden;	height:0;}

.tableDl dd .zipcode dd input.text{
	width:80%;
}
.tableDl dd .zipcode dd span{
	padding:0 4px;
}
.tableDl dd .zipcode dd span:first-child{
	padding:0 6px 0 0;
}
.tableDl dd .zipcode dd .addSearch{
	margin-top:10px;
	text-align:center;
}
.tableDl dd .zipcode dd .addSearch .funcBtnL{
  display: block;
  padding: 10px 0;
}
/* 電話番号 */
.tableDl dd .tel dd input.text{
	width:25%;
}
.tableDl dd .tel dd span{
	padding:0 8px;
	vertical-align:middle;
}
/* FAX */
.tableDl dd .fax dd input.text{
	width:25%;
}
.tableDl dd .fax dd span{
	padding:0 8px;
	vertical-align:middle;
}
/* メールアドレス、パスワードの設定、お客様番号 */
.tableDl .mailPw p,
.tableDl .mailPw ul{
	padding:6px 0;
}
.tableDl .mailPw p:first-child,
.tableDl .mailPw ul:first-child{
	padding:0 0 6px 0;
}
/* お客様番号 */
.tableDl .userNo .userNoCol{
	margin-top:8px;
}
.tableDl .userNo ul.link{
	padding:4px 0 0 0;
	text-align:right;
}
.tableDl .userNo ul.link li{
	margin-top:4px;
}
/* お知らせメール */
.tableDl .mailmag .radio{
	padding:3px 0 12px 0;
}
.tableDl .mailmag .radio li{
	margin-top:6px;
}
.tableDl .mailmag .radio li:first-child{
	margin-top:0;
}
/* その他 各種メール */
.tableDl .variousmag .mailMagSelect{
	padding:0;
}

/* ディノスカード */
input:not([value=""])#MEM_EML,
input:not([value=""])#PASS1,
input:not([value=""])#PASS2 {
  color:#373737 !important;
}

/* 個人情報の取り扱いについて（緑フレーム）
-------------------------------------------------------------------------*/
.privacyFrm{
	margin:20px 15px 0;
	padding:8px 9px;
	border:2px solid #78b91d;
}

/* 確認画面：ボタン上テキスト
-------------------------------------------------------------------------*/
.submitMsg{
	padding:20px 10px 0 10px;
}

/* 完了画面：.msgFrame2内　会員登録について
-------------------------------------------------------------------------*/
.msgFrame2 dl{
	margin-top:10px;
}
.msgFrame2 dl:first-child{
	margin-top:0;
}
.msgFrame2 dt{
	font-weight:bold;
}

/* モーダルウィンドウ内
-------------------------------------------------------------------------*/
/* 検索エリア */
.searchArea{
	padding:0 10px 10px 10px;
}
.searchArea dt{
	margin-bottom:5px;
	font-weight:bold;
}
.searchArea .btn{
	margin-top:10px;
	text-align:center;
}
.searchArea .btn input{
	margin:0 auto;
}
.searchArea dd .zip input.text{
	width:48%;
}

/* 住所検索結果一覧 */
ul.addList{
	margin:10px 0;
}
ul.addList li{
	position:relative;
	min-height:36px;
	margin-top:-1px;
	padding:10px 94px 10px 5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
ul.addList li .submitBtnS{
	position:absolute;
	top:10px;
	right:5px;
	width:auto;
	padding:0 0.5em;
}





/* ************************************************************************

 会員規約

************************************************************************ */

/* 規約表示エリア
-------------------------------------------------------------------------*/
.kiyakuArea{ 
	margin-top:-10px;
	padding:0 8px;
}
.kiyakuArea iframe{ 
	width:100%;
	height: 10em;
	overflow:hidden;
	border:0;
}

/* 続きを読む
-------------------------------------------------------------------------*/
.moreView{ 
	position:relative;
	padding-bottom:25px;
}
.moreView .moreBtn{
	position:absolute;
	bottom:0;
	right:8px;
}




/* ************************************************************************

 ログイン

************************************************************************ */

/* ログインメッセージ
-------------------------------------------------------------------------*/
.loginMsg{
	display:none;
}

/* ログインエリア
-------------------------------------------------------------------------*/
.loginArea dl{
	padding-top:15px !important;
}
.loginArea dl:first-child{
	padding-top:0;
}
.loginArea dd{
	margin-top:5px;
}
.loginArea dd ul{
	padding-top:5px;
	text-align:right;
}
.loginArea dd ul li{
	margin-top:5px;
}

/* カート内ログインページ：ゲスト購入対応
-------------------------------------------------------------------------*/
.cartLogin .registSec:first-of-type {
 margin-bottom: 0!important;
}
.cartLogin .frmbtnArea li {
 display: block;
}
.cartLogin .frmbtnArea li input.submitBtn {
 width: 182px;
}
.cartLogin .frmbtnArea li:nth-child(2) {
 font-size: 4vw;
 margin-top: 20px;
 font-weight: bold;
}
.flBox.boxR .frmbtnArea {
 padding-top: 0;
}
.cartLogin .secWrap:nth-of-type(2) .section > p + p {
 float: right;
}
/* はじめてのお客様
-------------------------------------------------------------------------*/
.memberEntry{
	text-align:center;
	margin:0 auto;
}
.memberEntry .btn1row{
	width:156px;
	font-size:140%;
}
.memberEntry .present{
	text-align:center;
}
.memberEntry .present span {
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	min-height:39px;
	margin-top:12px;
	padding:3px 0 0;
	background-size:39px 39px;
	-webkit-background-size:39px 39px;
	font-weight:bold;
	color:#ff9900;
 font-size: 112%;
}




/* ************************************************************************

 メルマガ選択

************************************************************************ */

/* 登録完了メッセージ
-------------------------------------------------------------------------*/
.completeMsg{
	margin-bottom:10px;
	padding:20px 10px;
	min-height:185px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_bg_complete.png) center bottom no-repeat;
	background-size:112px 112px;
	-webkit-background-size:112px 112px;
}
.completeMsg .text{
	padding-top:30px;
	text-align:center;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/common/sp_bg_complete_logo.png) center top no-repeat;
	background-size:86px 25px;
	-webkit-background-size:86px 25px;
}
.completeMsg .text span{
	font-weight:bold;
	font-size:115%;
}



/* ************************************************************************

 パスワード忘れ

************************************************************************ */
.step{
	padding:0 8px;
}
.step dt{
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.step dd{
	margin-top:10px;
}
.step.s1 dt{
	width:48px;
	height:15px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_step_01.png) no-repeat;
	background-size:100%;
}
.step.s2 dt{
	width:48px;
	height:15px;
	background:url(https://img.dinos.co.jp/defaultMall/images/multidev/member/sp_img_step_02.png) no-repeat;
	background-size:100%;
}



/* ************************************************************************

 お届け先住所リスト

************************************************************************ */
.col2 .col .frmbtnArea{
	margin-top:10px;
	padding:0;
}
.col2 .col .frmbtnArea ul li .submitBtn,
.col2 .col .frmbtnArea ul li .cancelBtn{
	width:auto;
}
.addressList .item{
	/zoom:1;
	margin:10px 8px 0;
	padding:10px;
	border:1px solid #cccccc;
	border-radius:4px;
}
.addressList .item dl dt{
	/zoom:1;
	margin-top:-10px;
	padding:9px 0;
	font-weight:bold;
	text-align:center;
}
.addressList .item dl dd{
	/zoom:1;
	padding-top:9px;
	border-top:1px solid #cccccc;
}



/* ************************************************************************

 商品の評価をする

************************************************************************ */

/* ご購入商品
-------------------------------------------------------------------------*/
.evaProduct{
	position:relative;
	min-height:102px;
	margin:0 8px;
}
.evaProduct .image{
	position:absolute;
	top:0;
	left:0;
}
.evaProduct .image img{
	width:100px;
	border:1px solid #cbccce;
}
.evaProduct .text{
	padding-left:112px;
}
.evaProduct .text .price{
	font-weight:bold;
	font-size:115%;
}
.evaProduct .text .price span{
	font-weight:normal;
	font-size:85%;
}

/* この商品の評価
-------------------------------------------------------------------------*/
.tableDl dd.evaluate select{
	width:268px;
}
.evaluateMsg{
	padding:20px 10px 0;
	text-align:center;
	font-weight:bold;
	font-size:115%;
}
.evaluateMsg span{
	display:block;
}
img[src$="defaultMall/images/template/common/icon/misc/arrowL_right.gif"]{
  margin-top: 4px;
}

/* 商品を使用する方の情報
-------------------------------------------------------------------------*/
.tableDl.memberInfo select{
	width:268px;
}
.tableDl.memberInfo input.text{
	width:50%;
	margin-right:10px;
}

/* 商品評価についてのご注意
-------------------------------------------------------------------------*/
.attH{
	height:7.5em;
	overflow:hidden;
}

/* 有料カタログ金額欄
-------------------------------------------------------------------------*/
.borderbtm{
	padding-bottom:10px;
	border-bottom:1px dotted #999;
}
.ctPrice{
	float:right;
	width:250px;
}
p .flR{
	float:right;
}




/* ************************************************************************

 お買い物履歴一覧

************************************************************************ */

/* ○○様のお買い物履歴
-------------------------------------------------------------------------*/
.displayChange{
	margin-top:10px;
}
.displayChange dd{
	text-align:center;
}
.displayChange dd select{
	width:118px;
	margin-bottom:5px;
}
.displayChange dd .rirekiSentaku{
	width:160px;
}
.displayChange dd span{
	margin:0 2px;
}
.displayChange dd input{
	display:block;
	margin:0 auto;
	margin-top:10px;
}

/* ページャーエリア
-------------------------------------------------------------------------*/
.orderList .pagerArea .taxInfo{
	padding:10px 8px 4px 8px;
	text-align:right;
}


/* 注文リスト
-------------------------------------------------------------------------*/
.orderList li dt{
	padding:6px 10px;
	background-color:#f1f1f1;
	border-bottom:1px solid #9f9f9f;
	font-weight:bold;
	font-size:115%;
}
.orderList li dd{
	padding:5px 10px 20px 10px;
	background-color:#fff;
	border-top:1px solid #d4d4d4;
}
/* dt,dd内の要素の初期化 */
.orderList li dt ul{
	margin:0;
}
.orderList li dd dl{
	padding:0;
}
.orderList li dd dt{
	padding:0;
	background-color:#fff;
	border-bottom:0;
	font-weight:normal;
	font-size:100%;
}
.orderList li dd dd{
	padding:0;
	background-color:#fff;
	border-top:0;
}
/* 詳細ボタン */
.orderList li dt ul{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	float:right;
}
.orderList li dt li{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	margin-left:10px;
	font-weight:normal;
	font-size:86%;
}
.orderList li dt:after {	content:".";	display:block;	visibility:hidden;	height:0;	line-height:0;	clear:both;}
.orderList li dt {	min-height:1px;	_height:1px;	/*\*//*/	height:auto;	overflow:hidden;	/**/}


/* 注文情報：orderInfo
-------------------------------------*/
.orderList li dd .orderInfo div.reviewBtn {
 text-align: center;
 margin: 25px auto 20px;
}
.orderList li dd .orderInfo dl{
	margin-top:3px;
}
.orderList li dd .orderInfo dt{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	width:36%;
	padding:4px 10px 3px 10px;
	background-color:#f1f1f1;
	font-weight:bold;
}
.orderList li dd .orderInfo dt span{
	display:none;
}
.orderList li dd .orderInfo dd{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	padding:4px 10px 3px 10px;
}

/* 注文商品：orderProduct
-------------------------------------*/
.orderList li dd .productInfo .orderProduct{
	position:relative;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #cacaca;
}
.orderList li dd .productInfo .orderProduct .image{
	position:absolute;
	top:10px;
	left:0;
}
.orderList li dd .productInfo .orderProduct .image img{
	width:100px;
	border:1px solid #cbccce;
}
.orderList li dd .productInfo .orderProduct .text{
	min-height:102px;
	padding-left:112px;
}
.productInfo .orderProduct .text .deliveryDate {
 font-weight: bold;
 font-size: 3.5vw;
}
/* 状況：status
-------------------------------------*/
.orderList li dd .productInfo .status{
	margin-top:10px;
}
.orderList li dd .productInfo .status dt{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	width:36%;
	padding:4px 10px 3px 10px;
	background-color:#f1f1f1;
	font-weight:bold;
}
.orderList li dd .productInfo .status dd{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	padding:4px 10px 3px 10px;
}
/* 配送状況詳細 */
/*.deliveryDetail_new{
	padding-left:20px;
}*/

/* レビューボタン */
.orderList li dd .productInfo .status p{
	margin-top:10px;
	text-align:center;
}


/* 選べる○点 */
.orderList li dd .productInfo.select{
	padding:10px 0 0 20px;
}
.orderList li dd .productInfo.select .orderProduct{
	margin:0;
	border-top:1px dashed #cacaca;
}
.orderList li dd .productInfo.select .orderProduct .text{
	min-height:inherit;
	padding-left:0;
}

/* よりどり3点 */
.orderList li dd .productInfo.yoridori{
	padding:10px 0 0 20px;
}
.orderList li dd .productInfo.yoridori .orderProduct{
	margin:0;
	border-top:1px dashed #cacaca;
}
.orderList li dd .productInfo.yoridori .orderProduct .productWrap{
	min-height:82px;
}
.orderList li dd .productInfo.yoridori .orderProduct .text{
	min-height:82px;
	padding-left:0;
}
.orderList li dd .productInfo.yoridori .orderProduct .image img{
	width:80px;
}
.orderList li dd .productInfo.yoridori  .orderProduct .text{
	padding-left:92px;
}




/* ************************************************************************

 お買い物履歴の詳細

************************************************************************ */

/* 注文情報  .orderInfo
-------------------------------------------------------------------------*/
.orderDetail .orderInfo{
	margin-top:10px;
}
.orderDetail .orderInfo dl{
	margin-top:5px;
}
.orderDetail .orderInfo dt,
.orderDetail .orderInfo dd{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	width:35%;
	padding:6px 10px;
	border:0;
	box-sizing:border-box;
}
.orderDetail .orderInfo dt{
	width:35%;
}
.orderDetail .orderInfo dd{
	width:65%;
}

/* 金額はすべて税込です */
.orderDetail .taxInfo{
	margin:10px 8px 0 8px;
	text-align:right;
}


/* 配送情報の枠
-------------------------------------------------------------------------*/
.orderDetail .deliveryList{
	padding-bottom:10px;
}
.orderDetail .deliveryList li{
	margin:15px 8px 0 8px;
	border:2px solid #78ba1d;
	border-radius:3px;
}
/* タイトルエリア */
.orderDetail .deliveryList .titleArea{
	position:relative;
	min-height:30px;
	padding:14px 148px 6px 10px;
	background-color:#f1f1f1;
	border-bottom:1px solid #9f9f9f;
	font-weight:bold;
}
.orderDetail .deliveryList .titleArea .title{
	font-size:115%;
}
.orderDetail .deliveryList .titleArea .detailBtn{
	position:absolute;
	top:6px;
	right:10px;
}

/* 配送情報  .deliveryInfo
-------------------------------------------------------------------------*/
.orderDetail .deliveryList .deliveryInfo{
	padding:10px 10px 0;
	border-top:1px solid #d4d4d4;
}
.orderDetail .deliveryList .deliveryInfo dl{
	width:100%;
	margin-bottom:8px;
	line-height:1.3;
}
.orderDetail .deliveryList .deliveryInfo dt{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	width:47%;
}
.orderDetail .deliveryList .deliveryInfo dd{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	width:53%;
 font-weight:bold;
}
.orderDetail .deliveryList .deliveryInfo dd p.sghChange{
	margin: 5px 0;
}
/* 410px以下になったら2行表示 */
@media only screen and (max-width:410px){
.orderDetail .deliveryList .deliveryInfo dt span,
.orderDetail .deliveryList .deliveryInfo dd span{
	display:block;
}
}

/* 商品情報  .productInfo
-------------------------------------------------------------------------*/
.orderDetail .deliveryList .productInfo{
	position:relative;
	min-height:102px;
	padding:15px 10px 0;
	border-top:1px solid #cacaca;
}

/* 商品画像・商品名  .orderProduct
--------------------------------------*/
.orderDetail .productInfo .orderProduct .productWrap{
	position:relative;
	min-height:102px;
}
.orderDetail .productInfo .orderProduct .image{
	position:absolute;
	top:0;
	left:0;
}
.orderDetail .productInfo .orderProduct .image img{
	width:100px;
	border:1px solid #cbccce;
}
.orderDetail .productInfo .orderProduct .text{
	padding-left:112px;
}
/* レビューボタン */
.orderList .productInfo .reviewBtn,
.orderDetail .productInfo .reviewBtn{
	margin-top:10px;
	text-align:center;
}

/* 選べる○点 */
.orderDetail .deliveryList .productInfo.select{
	min-height:inherit;
	margin:10px 10px 0 30px;
	padding:10px 0 0 0;
	border-top:1px dashed #cacaca;
}
.orderDetail .productInfo.select .orderProduct .text{
	padding-left:0;
}

/* よりどり3点 */
.orderDetail .deliveryList .productInfo.yoridori{	
	min-height:82px;
	margin:10px 10px 0 30px;
	padding:10px 0 0 0;
	border-top:1px dashed #cacaca;
}
.orderDetail .productInfo.yoridori .orderProduct .productWrap{
	min-height:82px;
}
.orderDetail .productInfo.yoridori .orderProduct .image img{
	width:80px;
}
.orderDetail .productInfo.yoridori  .orderProduct .text{
	padding-left:92px;
}


/* 価格情報  .accountInfo
--------------------------------------*/
.orderDetail .productInfo .accountInfo{
	margin-top:15px;
}
.orderDetail .productInfo .accountInfo dl{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	width:32%;
	margin-left:1%;
}
.orderDetail .productInfo .accountInfo dl:nth-child(3),
.orderDetail .productInfo .accountInfo dl:nth-child(6){
	width:34%;
}
.orderDetail .productInfo .accountInfo dl:nth-child(1),
.orderDetail .productInfo .accountInfo dl:nth-child(4){
	margin-left:0;
}
.orderDetail .productInfo .accountInfo dt{
	padding:4px 0 3px 0;
	background-color:#f1f1f1;
	text-align:center;
	font-weight:bold;
}
.orderDetail .productInfo .accountInfo dd{
	padding:4px 0 5px 0;
	text-align:center;
}
.orderDetail .productInfo .accountInfo dl.discount,
.orderDetail .productInfo .accountInfo dl.total{
	display:block;
	width:100%;
	margin-left:0;
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
}
.orderDetail .productInfo .accountInfo dl.discount{
  border-bottom: none;
}
.orderDetail .productInfo .accountInfo dl.discount dt,
.orderDetail .productInfo .accountInfo dl.total dt{
	display:inline-block;
	vertical-align:top;
	width:32%;
	box-sizing:border-box;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}
.orderDetail .productInfo .accountInfo dl.discount dd,
.orderDetail .productInfo .accountInfo dl.total dd{
	display:inline-block;
	vertical-align:top;
	width:68%;
	box-sizing:border-box;
	margin:0;
	padding:4px 30px 3px 0;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	text-align:right;
	font-weight:bold;
}

/* 選べる○年 */
.orderDetail .productInfo.select .accountInfo{
	margin-top:10px;
}

/* よりどり3点 */
.orderDetail .productInfo.yoridori .accountInfo dl.option{
	display:block;
	width:100%;
	margin-left:0;
	text-align:left;
}
.orderDetail .productInfo.yoridori .accountInfo dl.option dt,
.orderDetail .productInfo.yoridori .accountInfo dl.option dd{
	padding:4px 10px 3px;
	text-align:left;
}


/* お届け情報  .shippingInfo
-------------------------------------------------------------------------*/
.orderDetail .shippingInfo{
	padding:0;
}
.orderDetail .shippingInfo dl{
	background-color:inherit;
	border-bottom:0;
}
.orderDetail .shippingInfo dl.inquiry dd{
	padding:8px 10px 15px 10px;
}
.orderDetail .shippingInfo dl.inquiry dd select{
	width:200px;
  margin: 4px 10px 0 0;
}
.orderDetail .shippingInfo dl.inquiry dd select.sizeS {
 width: 46vw;
}
@media only screen and (max-width:350px){
  .orderDetail .shippingInfo dl.inquiry dd select {
    margin: 2px 10px 10px 0;
  }
}
.orderDetail .shippingInfo dd dl,
.orderDetail .shippingInfo dd dt,
.orderDetail .shippingInfo dd dd{
	display:block;
	width:auto;
	margin:0;
	padding:0;
}
.orderDetail .shippingInfo dd dt{
	float:left;
	margin-right:4px;
	font-weight:normal;
}
.orderDetail .shippingInfo dd dd{
	overflow:hidden;
}

/* お支払い情報  .paymentInfo
-------------------------------------------------------------------------*/
.paymentInfo .tableDl{
	margin:inherit;
}
.paymentInfo .tableDl dd dt{
	float:left !important;
	width:auto;
	margin-right:8px;
	font-weight:normal;
}
.paymentInfo .tableDl dd dd{
	overflow:hidden;
	width:auto;
	margin:0;
}

/* お支払い合計  .accountTbl
-------------------------------------------------------------------------*/
.accountTbl{
	margin:10px 8px 0 8px;
	padding-top:6px;
	border-top:1px solid #d4d4d4;
}
.accountTbl dl{
	padding:4px 0;
}
.accountTbl dt{
	float:left;
	padding-left:10px;
}
.accountTbl dd{
	overflow:hidden;
	padding-right:10px;
	text-align:right;
}
.accountTbl .totalAccount{
	margin-top:4px;
	padding-top:10px;
	border-top:1px solid #d4d4d4;
}
.accountTbl .totalAccount dl{
	padding:6px 10px;
	border:2px solid #78ba1d;
	border-radius:3px;
	font-weight:bold;
}
.accountTbl .totalAccount dl dt{
	padding-left:0;
}
.accountTbl .totalAccount dl dd{
	padding-right:0;
}
.accountTbl dl:after {	content:".";	display:block;	visibility:hidden;	height:0;	line-height:0;	clear:both;}
.accountTbl dl {	min-height:1px;	_height:1px;	/*\*//*/	height:auto;	overflow:hidden;	/**/}


/* 選べる○点　オプション */
.orderDetail .productInfo .accountInfo dl.option {
    display: block;
    margin-left: 0;
    text-align: left;
    width: 100%;
}
.orderDetail .productInfo.select .accountInfo dl.option dt, .orderDetail .productInfo.select .accountInfo dl.option dd {
    padding: 4px 10px 3px;
    text-align: left;
}


/* ゲスト購入履歴詳細　guestHistory
-------------------------------------------------------------------------*/
.guestHistory .noteList .freecall {
 background:url(https://img.dinos.co.jp/defaultMall/images/multidev/cart/icn_freecall.gif) no-repeat 0 2px;
 padding-left: 30px;
}
.guestHistory .notice {
 text-align: center;
 margin-top: 36px;
}
.guestHistory .notice.noOrder {
 margin: 60px 0 40px;
}
.guestHistory .notice > p:first-child {
 margin-bottom: 4px;
}
/* ************************************************************************

 配送状況の詳細

************************************************************************ */

/* 商品情報  .productInfo
-------------------------------------------------------------------------*/
.orderDetail.delivery .taxInfo{
	margin:10px 8px -10px 8px;
}
.orderDetail.delivery .deliveryList .productInfo{
	padding:10px;
}

/* 商品画像・商品名  .orderProduct
--------------------------------------*/
.orderDetail.delivery .productInfo .orderProduct{
	position:relative;
	min-height:102px;
}
/* 選べる○点 */
.orderDetail.delivery .productInfo.select{
	margin-top:0;
	padding:10px 0 0 0;
}
.orderDetail.delivery .productInfo.select .orderProduct{
	min-height:inherit;
}
.orderDetail.delivery .productInfo.select .accountInfo{
	margin-top:10px;
}
/* よりどり3点 */
.orderDetail.delivery .productInfo.yoridori{
	margin-top:0;
	padding:10px 0 0 0;
}
.orderDetail.delivery .productInfo.yoridori .orderProduct{
	min-height:82px;
}
.orderDetail.delivery .productInfo.yoridori .accountInfo{
	margin-top:10px;
}

/* 価格情報  .accountInfo
--------------------------------------*/
.orderDetail.delivery .productInfo .accountInfo{
	margin-top:10px 10px 0;
}
.orderDetail.delivery .productInfo .accountInfo dl.total{
	display:inline-block;/display:inline;/zoom:1;vertical-align:top;
	width:32%;
	margin-left:1%;
	border:0;
}
.orderDetail.delivery .productInfo .accountInfo dl.total dt{
	display:block;
	width:auto;
	border:0;
	text-align:center;
	font-weight:bold;
}
.orderDetail.delivery .productInfo .accountInfo dl.total dd{
	display:block;
	width:auto;
	padding:4px 0 5px 0;
	border:0;
	text-align:center;
	font-weight:normal;
}

/* お届け情報  .shippingInfo
-------------------------------------------------------------------------*/
.orderDetail.delivery .shippingInfo{
	margin-top:0;
}
.orderDetail.delivery .shippingInfo dl:last-child dd{
	padding-bottom:15px;
}
.orderDetail.delivery .shippingInfo dl dd dl dd{
	padding-bottom:0 !important;
}

/* お支払い合計  .accountTbl
-------------------------------------------------------------------------*/
.accountTbl{
	margin-top:10px;
}
/* お届けについて */
.aboutDelivery{
	padding:15px 8px 0;
	text-align:right;
}




/* ************************************************************************

 メールマガジンバックナンバー
	※sabwin、PCページのみ、スマホページはなし

************************************************************************ */

/* バックナンバー一覧へのリンク
-------------------------------------------------------------------------*/
.mailbkLink{
	margin:-8px 0 10px 0;
	text-align:right;
}

/* カタログ・資料・催し物招待券請求履歴 */
.memberRequest .orderList li dd .productInfo .orderProduct .text {
    min-height: 0;
    padding-left: 112px;
}

.memberRequest .orderList li dd .productInfo .orderProduct .text {
    min-height: 0;
    padding-left: 2px;
}

.memberRequest .orderList li dd .productInfo .orderProduct {
    border-top: none;
    margin-top: 0;

}

/* 評価済ボタン */
.review_offBtn{
    background-color: #f5f5f5;
    border: 1px solid #b4bcc0;
    border-radius: 3px;
    display: inline-block;
    font-size: 100%;
    line-height: 1.3;
    padding: 5px 60px;
    text-align: center;
    text-decoration: none !important;
}
.review_offBtn span{
color:#666;
}

/* 評価するボタン追加 */

li a.reviewBtnL {
background: #fff none repeat scroll 0 0;
    border: 1px solid #6ca71a;
    color: #6ca71a !important;
    text-decoration: none !important;
    border-radius: 0;
    font-size: 13px;
    font-weight: bold !important;
    box-sizing: border-box;
    cursor: pointer;
display: inline-block;
height: 35px;
    line-height: 35px;
    width: 160px;
text-align:center;
}

li .reviewoffBtnL {
background: #fff none repeat scroll 0 0;
    border: 1px solid #dcdcdc;
    color: #b0b0b0 !important;
    text-decoration: none !important;
    border-radius: 0;
    font-size: 13px;
    box-sizing: border-box;
display: inline-block;
height: 35px;
    line-height: 35px;
    width: 160px;
text-align:center;
}

li a.reviewBtnL:hover {
    background: #e4f1d1 none repeat scroll 0 0;
}

li a.funcBtnL3:hover {
    background: #eee none repeat scroll 0 0;
}

.orderList .productInfo .reviewBtn ul{
text-align:center;
margin-top:20px;

}
.orderList .productInfo .reviewBtn ul li{
margin-bottom:5px;

}
li a.reviewBtnL,li .reviewoffBtnL {
    width: 90%;
}

.orderList .productInfo .reviewBtn ul{
text-align:center;
}

.orderDetail .deliveryList li {
    border: none;
}

/*　親子商品お買いもの履歴　*/
.memberCont .orderItemsWrap{
margin-top:20px;
}
.memberCont .orderItemsWrap .productInfo.yoridori p.image a img{
    width: 82px;
}
.orderList li dd .productInfo .orderProduct .image img {
    border:none;
}
.orderList li dd .productInfo.kumiwari {/*組み合わせ割引*/
    border-top: 1px dashed #cacaca;
    margin: 20px 0 0 30px;
}
.orderList li dd .productInfo.kumiwari .orderProduct .text {
    padding-left: 0;
min-height: 60px;
}
.orderList li dd .productInfo.kumiwari .orderProduct {
    border-top: none;
}

/*　領収書　*/
ul.statuslink li{
	margin-top:5px;
}
#FFyb {
	display:inline-block;
}
/*　レコメンド　*/
.middleRecommend {
    background-color: #fff;
    padding: 15px 0;
    position: relative;
}
.middleRecommend dl {
    margin: 0 auto;
    width: 282px !important;
}
.middleRecommend dt {
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    text-indent: 0;
    width: auto;
}
.middleRecommend dd {
    position: relative;
}
.middleRecommend dd li {
    display: inline-block;
    margin: 10px 5px 0;
    vertical-align: top;
    width: 84px;
}
.middleRecommend dd li a .img img {
    border: 1px solid #cbccce;
    width: 82px;
}
.middleRecommend dd li .title, .middleRecommend dd li .price, .middleRecommend .delete {
    display: none;
}
/* ヤマト受取場所選択サービス
-------------------------------------------------------------------------*/
#conveni .page ul{
	text-align:center;
}
#conveni .page li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:22px;
	font-weight:bold;
	vertical-align:top;
}
#conveni .page li:first-child{
	margin-left:0px !important;
}

/* btn */
#conveni .page{
	margin:30px auto;
}

#conveni .page li.btn{
	margin:0px 5px 0px 10px;
}
#conveni .page li.btn a{
	display:block;
	height:22px;
	width:38px;
	border-radius:4px;
	background-color:#404040;
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:top;
	transition:all 200ms linear;
}
#conveni .page li.btn a:hover{
	filter:alpha(opacity=70);
	opacity:0.7;
}
#conveni .page li.btn.prev a{
	background-image:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/icn/arr_normal_white_medium_left.png);
}
#conveni .page li.btn.next a{
	background-image:url(https://img.dinos.co.jp/defaultMall/images/ht5/common/icn/arr_normal_white_medium_right.png);
}

/* num */
#conveni .page li.num{
	margin-left:5px;
	text-align:center;
}
#conveni .page li.num > *{
	display:inline-block;
	*display:inline;
	*zoom:1;
	min-width:20px;
	height:20px;
	padding:0px 5px;
	border:#d9d9d9 solid 1px;
	line-height:21px;
}
#conveni .page li.num .cur{
	background-color:#999;
	border:#999 solid 1px;
	color:#ffffff;
}
#conveni .page li.num a{
	background-color:#fff;
	transition:all 200ms linear;
	text-decoration:none;
	color:#333;
}
#conveni .page li.num a:hover{
	background-color:#999;
	border:#999 solid 1px;
	color:#ffffff;
}

/* omitt */
#conveni .page li.omitt{
	margin-left:5px;
	line-height:23px;
}


/*いいものスロット交換*/
#couponKoukan .addressList .item {
    padding: 20px;
}

#couponKoukan .addressList .item dl dt {
    font-size:1.4em;
}
#couponKoukan .addressList .item dl dd .col2 .col{
text-align:center;
} 
#couponKoukan .addressList .item dl dd{
border-top: none;
}
#couponKoukan .addressList .item dl dt {
    padding: 9px 0 120px 0;
}
#couponKoukan .addressList .item.m300 dl dt {
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/member/medal_300.png) no-repeat center 46px;
	background-size:100px auto;
}
#couponKoukan .addressList .item.m500 dl dt {
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/member/medal_500.png) no-repeat center 46px;
	background-size:100px auto;
}

#couponKoukan .addressList .item.m1000 dl dt {
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/member/medal_1000.png) no-repeat center 46px;
	background-size:100px auto;
}
#couponKoukan .addressList .item.m2000 dl dt {
	background: url(https://img.dinos.co.jp/defaultMall/images/multidev/member/medal_2000.png) no-repeat center 46px;
	background-size:100px auto;
}
#couponKoukan .submitLiquidBtn span {
	font-size:12px!important;
}
/*パスワード表示*/
input#passDisp,
input#passDisp2 {
	display: none;
}
span#passDispTxt,
span#passDispTxt2 {
	color: #3c549b;
	text-decoration: underline;
	text-align: right;
	display: block;
	margin-top: 10px;
}
span#passDispTxt2 {
	text-align: left;
 margin-top: 5px;
 color: #373737;
}
.zipcodeSubWrap {
	display: table;
}
.zipcodeSubWrap .zipcodeCell {
	display: table-cell;
	vertical-align: middle;
}
.zipcodeSubWrap .zipcodeCell.paddingR {
	width: 48%;
}
.tableDl dd .zipcode dd .zipcodeCell.addSearch {
	width: 50%;
    text-align: left;
    padding-left: 15px;
}
.messageCard {
	border: 1px solid #9c9c9c;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	border-radius: 5px;
	display: table;
}

/* ************************************************************************

 フォーム

************************************************************************ */
/* PC/SP共通 */
.errMsg,
.errMsg a:link,
.errMsg a:visited {
  color: #ff0000;
}
.formkyc-section .sslMsg a,
.formkyc-section .sslMsg a:link {
 color: #0044ff;
}
.disabled_smoke{
  position: relative;
  pointer-events: none;
  user-select: none;
}
.disabled_smoke::before{
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}
.disabled_smoke .formkyc-section,
.disabled_smoke .formkyc-panel,
.disabled_smoke .formkyc-btn-wrap{
  opacity: 0.5;
}
.formkyc-contents .nav-flow{
  margin: 15px auto 0;
  display: block;
}
.nav-flow > .flowlist {
  white-space: nowrap;
  text-align: center;
}
.nav-flow > .flowlist > li{
  display: inline-block;
}
.nav-flow > .flowlist > li + li {
  padding-left: 1.6em;
  position: relative;
}
.nav-flow > .flowlist > li + li:before {
  position: absolute;
  content: "\03e";
  color: #999;
  left: 0.3em;
}
.nav-flow > .flowlist > li,
.nav-flow > .flowlist > li a,
.nav-flow > .flowlist > li a:hover {
  color: #000;
  text-decoration: none;
}
.nav-flow > .flowlist > li span{
  color: #ff6600;
  font-weight: bold;
}
.formkyc-btn-wrap ul {
  display: flex;
  justify-content: center;
  align-content: center;
}
.formkyc-contents-in .formkyc-btn-wrap ul {
  justify-content: space-around;
  text-align: center;
}
input[type="submit"][class^="btn-type"],
input[type="button"][class^="btn-type"]{
  -webkit-box-sizing: border-box;
  -webkit-appearance: button;
  appearance: button;
  background: transparent;
  border: none;
  color: inherit;
  cursor: pointer;
  line-height: inherit;
  font-weight: inherit;
}
[class^="btn-type"] {
  border-radius: 3.65em;
  display: flex;
  justify-content: center;
  text-decoration: none;
  padding:  8px 15px;
}
[class^="btn-type"] > span {
  display: inline-flex;
  align-items: center;
}
.btn-type-goback, input[type="submit"].btn-type-goback{
  border: 1px solid #999999;
}
.btn-type-blue, a.btn-type-blue, a.btn-type-blue:link, a.btn-type-blue:visited, input[type="submit"].btn-type-blue, input[type="button"].btn-type-blue{
  background: #0044ff;
  border: 1px solid #0044ff;
  color: #fff;
  text-decoration: none;
}
.btn-type-green, a.btn-type-green, a.btn-type-green:link, a.btn-type-green:visited {
  background: #009933;
  color: #fff;
  text-decoration: none;
}
.btn-type-orange, a.btn-type-orange, a.btn-type-orange:link, a.btn-type-orange:visited {
  background: #ff6600;
  color: #fff;
  text-decoration: none;
}
.ttl-txtC {
  text-align: center;
}
.form-block {
  display: flex;
}
.form-block .sp-pl-pr-3 {
 padding-left: 3%;
 padding-right: 3%;
}
.form-block01 {
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
.formkyc-panel .sp-fd-initial {
 flex-direction: initial;
}
.formkyc-panel .align-i-center {
 align-items: center;
}
.form-block02 {
  display: flex;
  flex-wrap: wrap;
}
.form-block03 {
  display: flex;
  align-items: center;
}
/* default form reset */
.form-block input[type="text"],
.form-block input[type="tel"],
.passform input[type="tel"],
.passform input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  box-sizing: border-box;
  border: 1px solid #ddd;
  width: 100%;
  padding: 6px 10px;
}
/* ios form zoom */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  _::-webkit-full-page-media, _:future, :root input[type="text"]{
    font-size: 16px;
  }
  _::-webkit-full-page-media, _:future, :root select{
    font-size: 16px;
  }
}
.form-block select {
  border: 1px solid #ddd;
  border-radius: inherit;
  background: #fff;
}
.form-block input.textErr,
.passform input.textErr {
  border: 1px solid #ff9999 !important;
  border-radius: inherit;
  box-shadow: none;
  font-size: 100%;
  height: auto;
}
.form-block select.textErr {
  border: 1px solid #ff9999 !important;
}
.form-block .codePw input.textErr {
  border: 2px solid #ff0000 !important;
}
.form-block .radio-input{
  position: relative;
  display: flex;
  align-items: center;
}
.passform {
  position: relative;
  background: #fff;
}
.pw-eye, .pw-eye-slash {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.pw-eye:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("https://img.dinos.co.jp/images/v1/common/form/pw_eye.gif") no-repeat center center;
  background-size: contain;
}
.pw-eye-slash:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("https://img.dinos.co.jp/images/v1/common/form/pw_eyeslash.gif") no-repeat center center;
  background-size: contain;
}
.form-link-support a,
.form-link-support a:link,
.form-link-support a:visited{
  color: #0044cc;
}
.txtCP{
  color: #ff6600;
  font-weight: bold;
}
ul.list-base,
ul.list-disc{
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.list-base.em05 > li { padding-left: 0.5em; }
ul.list-base.em10 > li { padding-left: 1em; }
ul.list-base.em15 > li { padding-left: 1.5em; }
ul.list-base.em20 > li { padding-left: 2em; }
ul.list-base.em25 > li { padding-left: 2.5em; }
ul.list-base.em50 > li { padding-left: 5em; }
ul.list-disc > li { padding-left: 1.25em; }
ul.list-base.em05 > li::before{ content: ""; margin-left: -0.5em; }
ul.list-base.em10 > li::before{ content: ""; margin-left: -1em; }
ul.list-base.em15 > li::before{ content: ""; margin-left: -1.5em; }
ul.list-base.em20 > li::before{ content: ""; margin-left: -2em; }
ul.list-base.em25 > li::before{ content: ""; margin-left: -2.5em; }
ul.list-base.em50 > li::before{ content: ""; margin-left: -5em; }
ul.list-disc > li::before { content: "\02022";  margin-left: -1em; margin-right: 0.4em; }

ul.list-base:only-child > li:first-child,
ul.list-base:first-child > li:first-child,
ul.list-disc:only-child > li:first-child,
ul.list-disc:first-child > li:first-child{
  margin-top: 0;
}
ul.list-base > li,
ul.list-base:first-child > li.mt,
ul.list-disc > li,
ul.list-disc:first-child > li.mt{
  margin-top: calc(4vw - 0.2em);
}
/* sp only parts
-------------------------------------------------------------------------*/
.sp-no-bgc {
 background-color: #fff !important;
}
.loginForm-contents,
.formkyc-contents {
  background: #fff;
  font-size: 3.5vw;
  letter-spacing: 0.6px;
  padding-bottom: 40px;
  overflow: hidden;
}
.formkyc-contents .fs-x-large{ font-size: 6vw; }
.formkyc-contents .fs-large{ font-size: 5vw; }
.formkyc-contents .fs-medium{ font-size: 3.5vw; }
.formkyc-contents .fs-small{ font-size: 3.5vw; }
.formkyc-contents .fs-x-small{ font-size: 2.93vw; }
.formkyc-contents-in{
  margin-top: 6.8vw;
}
.formkyc-contents .Msg:not(:empty):not(:first-child),
.formkyc-contents .errMsg:not(:empty):not(:first-child),
.form-block > [class^="form-block0"]:nth-child(2) > .errMsg:not(:empty):not(:first-child){
  margin-top: 2vw;
}
.formkyc-contents .errMsg:not(:empty) + .Msg:empty {
  margin-top: 0;
}
.formkyc-contents .empmt15:not(:empty) {
  margin-top: 2vw;
}
.formkyc-contents .empmb15:not(:empty) {
  margin-bottom: 2vw;
}
h2.ttl-txtC {
 padding-top: 30px;
}

.formkyc-contents h2.ttl-text {
 padding: 30px 3% 0;
 text-align: left;
}
.formkyc-section {
  padding: 0 3% 3% 3%;
}
.formkyc-section.sp-bg {
 padding: 7vw 3% 6.7vw;
 background-color: #efefef;
}
.form-block.head-in-box h3 {
 padding: 4.53vw 0 1.88vw;
 background-color: #efefef;
}
.form-block.head-in-box {
 width: 100%;
}
.form-block.head-in-box > div > div {
 width: 100%;
}
.formkyc-section h3 + p{
  margin-top: 1.87vw;
}
.formkyc-btn-wrap {
  padding: 0 3%;
}
.formkyc-contents > .formkyc-btn-wrap{
  margin-bottom: 22px;
}
.formkyc-contents-in + .formkyc-btn-wrap{
 margin-top: 30px;
 margin-bottom: 22px;
}
.cms-contents + .formkyc-contents > .formkyc-btn-wrap{
  padding-bottom: 4%;
}
.formkyc-contents-in ~ .formkyc-btn-wrap p {
  margin-bottom: 10px;
}
.formkyc-btn-wrap p.ckMsg{
  margin-bottom: 20px;
}
.formkyc-contents-in .formkyc-btn-wrap ul {
  margin-bottom: 15px;
}
.formkyc-btn-wrap ul li {
  box-sizing: border-box;
  width: 50%;
  padding: 0 15px;
}
.formkyc-btn-wrap ul li:only-child {
 width: 59.6%;
}
.formkyc-btn-wrap .errMsg {
 margin-bottom: 30px;
}
.formkyc-btn-wrap .errorList ul {
 display: block;
}
.formkyc-btn-wrap .errorList ul li {
 width: 100%;
}
.formkyc-btn-wrap .errorList ul li:not(:first-child) {
    margin-top: 1em;
}
[class^="btn-type"].swOff {
  opacity: 0.2;
}
.formkyc-btn-wrap [class^="btn-type"] {
  margin-bottom: 2vw;
  padding: 10px 15px;
  text-decoration: none;
}
.formkyc-btn-wrap input[type="submit"]{
  margin-bottom: 2vw;
  padding: 10px 15px;
  width: 100%;
}
.loginForm-btn-wrap [class^="btn-type"] {
  margin: 0 auto;
  width: 40%;
  text-decoration: none;
}
.form-block {
  flex-direction: column;
}
.formkyc-contents-in .sp-btop {
 border-top: 1px solid #ddd;
}
.formkyc-panel .form-block > :first-child > span {
  margin-left: 0.5em;
}
.formkyc-panel .form-block > p {
  background: #efefef;
  box-sizing: border-box;
  padding: 2% 3%;
  width: 100%;
}
.form-block > [class^="form-block0"]:nth-child(2),
.noHeadType .form-block > [class^="form-block0"] {
  padding: 4% 3%;
  box-sizing: border-box;
  min-height: 50px;
}
.formkyc-panel .form-block > :nth-child(2) > p:not(:empty):not(:first-child){
  margin-top: 2vw;
}
.form-block:last-child > [class^="form-block0"]:nth-child(2) {
 padding-bottom: 0;
}
.noHeadType .form-block > [class^="form-block0"]:only-child {
 padding-bottom: 0;
}
.form-block > dl {
  padding: 0 3% 4vw;
  box-sizing: border-box;
  min-height: 50px;
}
.form-block:first-child > dl {
 padding-top: 4vw;
}
.form-block:only-child > dl {
 padding-bottom: 0;
}
.form-block option[selected][disabled] {
 display: none;
}
.form-block p.noteTxt {
 color: #ff0000;
}
.form-block01, .form-block02, .form-block03 {
  width: 100%;
}
.form-block02 > * {
  width: calc(97% / 2);
}
.form-block02 > :nth-child(odd),
.form-block03 > * {
  margin-right: 3%;
}
.formkyc-panel .form-block input[type=radio] {
 width: 18px;
 height: 18px;
 margin-top: -3px;
 margin-right: 7px;
}
.formkyc-panel .form-block dl dd > div {
 margin-top: 3px;
}
.formkyc-panel .form-block .a-colon::after {
 content: ":";
 padding: 0 7px;
}
.formkyc-panel .form-block .pl-radioBtn {
 padding-left: 25px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.formkyc-panel .form-block .pl-radioBtn [class^="form-block0"] > span:first-child,
.formkyc-panel .form-block .addressBlock span:first-child {
 display: block;
}
.formkyc-panel .form-block > p.imgBox {
 display: block;
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 auto;
 -ms-flex: 0 0 auto;
 flex: 0 0 auto;
 width: 20vw !important;
 height: 100%;
 border: 1px solid #ddd;
 padding: 0;
 margin: 4% 0 4% 3%;
}
.formkyc-panel .form-block p.imgBox img {
 display: block;
 width: 100%;
 max-width: 100%;
 height: auto;
 border: 0;
 vertical-align: top;
}
.formkyc-panel .form-block p.type-date-yy-mm > span {
 display: inline-block;
 margin-right: 7px;
}
.formkyc-panel .form-block p.type-date-yy-mm > span:last-child {
 margin-right: 0;
}
.btn-type-small-blue {
 display: inline-block;
 border-radius: 4px;
 width: 19%;
 height: 7.4vw;
 line-height: 7.4vw;
 background-color: #0044ff;
 margin-left: 1em !important;
 text-align: center;
 font-weight: normal;
 padding: 0;
}
.btn-type-small-blue a,
.btn-type-small-blue a:link,
.btn-type-small-blue a:hover ,
.btn-type-small-blue a:visited {
 color: #fff;
 text-decoration: none;
 display: block;
}
/* login parts */
.loginForm-contents-in .form-block,
.loginForm-entry-wrap p,
.loginForm-privacy{
  padding: 3%;
  box-sizing: border-box;
}
.loginForm-contents-in .form-block + .form-block{
  padding-top: 0;
}
.loginForm-wrap-in,
.loginForm-section{
  padding: 25px 0;
  border-top: 1px solid #dddddd;
}
.loginForm-entry-wrap .loginForm-btn-wrap{
  text-align: center;
}
.activeMember,
.relationalMember{
  padding: 30px 0 25px;
}
.form-link-support{
  padding-top: 3vw;
  display: flex;
}
.form-link-support li:not(:only-child){
  margin-bottom:  3vw;
  padding: 0 15px 0;
}
.form-link-support li{
  line-height: 1;
}
.form-link-support li:not(:first-child){
  border-left: 1px solid #ddd;
}
.form-link-support li:last-child{
  padding-right: 0;
}
.loginForm-panel .form-link-support{
  justify-content: flex-end;
}
.loginForm-section .form-link-support{
  justify-content: center;
}
/* 楽天ID連携・会員登録 */
.relationalMember .form-link-support{
  flex-wrap: wrap;
  justify-content: flex-end;
  white-space: nowrap;
}
.relationalMember .form-link-support li:last-child{
  border: none;
}
.relationalMember .form-link-support li:not(:first-child){
  padding-right: 0;
}
.relationalMember [class^="btn-type"]{
  width: 54%;
}
.loginForm + .formkyc-contents > h3 + .form-block{
  padding: 3%;
  box-sizing: border-box;
}
.relationalMember + .loginForm-privacy{
  border-bottom: 1px solid #dddddd;
  padding: 3% 3% 40px;
}
/* form parts */
.form-block .nameCc > p,
.form-block .nameKana > p{
  width: 100%;
}
.form-block .sex > div {
  min-width: 20%;
}
.form-block .birthday > div {
  display: inline-flex;
  align-items: center;
}
.form-block .birthday > div:first-child span:first-child{
  margin-right: 0.5em;
}
.form-block .birthday > div span:last-child{
  margin-left: 0.5em;
}
.form-block .zipcode{
  align-items: stretch;
}
.form-block .zipcode .form-block03 {
  align-items: center;
}
.form-block .telCel:nth-of-type(2){
  margin-top: 4vw;
}
.form-block .Msg:not(:empty):not(:first-child).zipcodeSearch{
  margin-top: 4vw;
}
.form-block .userNoCol a,
.form-block .userNoCol a:link,
.form-block .zipcodeSearch a,
.form-block .zipcodeSearch a:link,
.form-block .userNo .link a,
.form-block .userNo .link a:link,
.form-block .mailmagSelect a,
.form-block .mailmagSelect a:link{
  color: #0044ff;
}
.form-block .addSearch [class^="btn-type"]{
  padding: 0;
  height: 100%;
}
.form-block .addSearch .swOff{
  opacity: 0.2;
  pointer-events: none;
}
.form-block .userNo .errMsg:not(:empty) + .link {
  margin-top: 1.5%;
}
.form-block .userNo .link{
  margin-top: 4vw;
}
.form-block .userNo .link li:not(:last-child){
  margin-bottom: 2vw;
}
.form-block .zipcode2,
.form-block .address:not(:last-of-type) {
  margin-bottom: 4vw;
}
.form-block .mailPw .passform:nth-child(2) {
  margin-top: 3%;
}
.form-block .mailmagsel div,
.form-block .mailType div{
  margin-bottom: 4vw;
}
.form-block .sex input[type="radio"],
.form-block .mailmagsel input[type="radio"]{
  margin-right: 8px;
  margin-top: -1px;
}
.form-block .mailmag .mailmagList {
  color: #666666;
}
.form-block .mailmag .mailmagList li {
  padding-left: 1em;
  text-indent: -1em;
}
.form-block .mailmag .mailmagList li:not(:first-child) {
  margin-top: 5px;
}
/* メルマガ選択 */
.form-block.mailmagCKList{
  border-top: 1px solid #ddd;
}
.form-block.mailmagCKList .mailmagSelect{
  box-sizing: border-box;
  padding: 4vw 3%;
  flex-direction: row;
  flex-wrap: wrap;
}
.form-block.mailmagCKList .mailmagImg{
  width: 28vw;
  order: 3;
  text-align: right;
  flex: 1;
}
.form-block.mailmagCKList .mailmagTxt{
  width: 100%;
}
.form-block.mailmagCKList .mailmagImg ~ .mailmagTxt{
  width:  66vw;
}
.form-block.mailmagCKList .mailmagImg img{
  width: 87%;
}
.form-block .mailmagSelect .input-checkbox{
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 3vw;
}
.form-block .mailmagSelect .input-checkbox input{
  min-height: 1.4em;
  margin-right: 8px;
  flex-shrink: 0;
}
.form-block .mailmagSelect .input-checkbox label{
  flex-shrink: 1;
}
.form-block .mailmagSelect .mailmagTxt a:first-of-type{
  display: inline-block;
  margin-top: 1em;
}
.form-block.connectionTxt:first-child{
	border-top: 1px solid #dddddd;
}
.form-block.connectionTxt > dl{
  padding: 6vw 3% 0;
}
.form-block.connectionTxt dt + dd > div{
  margin-top: 2.6vw;
}
.connectionTxt + .form-block:not(.connectionTxt){
  padding-top: 6vw;
}
/* kiyaku privacy */
.form-block.kiyaku .kiyakuArea,
.form-block.privacy .kiyakuArea{
  margin-top: 0;
  padding: 0 0 2em 0;
}
.form-block.kiyaku .moreViewInner,
.form-block.privacy .moreViewInner{
  border: 1px solid #dddddd;
  background: #ffffff;
  padding: 1% 1% 0 1%;
}
.form-block .moreView .moreBtn a,
.form-block .moreView .moreBtn a:link{
  text-decoration: none;
}
.form-block .moreView .moreBtn a span,
.form-block .moreView .moreBtn a:link span{
  text-decoration: underline;
}
.form-block .moreView .moreBtn{
  right:  calc(50% - 3em);
}
/* 住所・郵便番号検索 */
.zipSearchCode h3:first-of-type{
  padding-top: 20px;
}
[class^="zipSearch"] .form-block > p{
  background-color: transparent;
}
[class^="zipSearch"] .form-block > [class^="form-block0"]:nth-child(2){
  padding-top: 0;
}
[class^="zipSearch"] .formkyc-btn-wrap{
  margin: 0 3%;
  padding: 0;
  border-bottom: 1px solid #dddddd;
}
[class^="zipSearch"] .form-block .Msg:not(:empty):not(:first-child),
[class^="zipSearch"] .form-block .errMsg:not(:empty):not(:first-child){
  
  margin-top: 2vw;

}
/* 住所・郵便番号検索結果 */
.form-block.zipSearchResult .form-block02.zipcodeSelect{
  box-sizing: border-box;
  padding: 4% 3%;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.zipSearchResultPager{
  box-sizing: border-box;
  padding: 4% 3% 30px;
}
.form-block.zipSearchResult .form-block02.zipcodeSelect > div{
  width: auto;
}
.form-block.zipSearchResult .zipAddBtn [class^="btn-type"]{
  height: 40px;
}
.codePw {
  margin: 15px auto 0 auto;
  width: 44%;
}
.codePw input {
  text-align: center;
  text-indent: 0.8em;
  letter-spacing: 0.8em;
  font-size: 100%;
  font-weight: bold;
  line-height: 2;
}
.passform.codePw input[type="tel"]{
  border: 2px solid #000000;
  padding: 0;
}
.passform.codePw input.textErr{
  border: 2px solid #ff0000 !important;
}
.authcodeAdd h3 {
  padding-bottom: 15px;
}
.authcodeAdd a:not([class^="btn-type"]),
.authcodeAdd a:not([class^="btn-type"]):link{
  color: #0044ff;
}
.formkyc-contents-in .authcodeAdd .errMsg:not(:empty){
  text-align: center;
  margin-top: 0;
  margin-bottom: 4vw;
}
.authcodeAdd .authcodeReturn{
  margin-bottom: 4vw;
  text-align: center;
}
.authcode {
  text-align: center;
}
.authcode h3:first-of-type {
  margin: 0 3%;
  padding-top: 20px;
  border-top: 1px solid #dddddd;
}
.authcode .errMsg > span {
  margin-bottom: 15px;
  display: inline-block;
}
.authcode .formkyc-btn-wrap {
  margin-top: 20px;
}
/* グルメ定期便
-------------------------------------------------------------------------*/

/*----お申込み一覧----*/
#contents.flowSection {
	background-color: #fff;
 padding-bottom: 30px !important;
}
.flowSection h2.ttl-text{
 padding-top: 0;
}
.flowSection .formkyc-contents {
	width: 100%;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
}
.flowSection .formkyc-panel.contents-empty {
	background: #efefef;
 text-align: center;
 padding: 30px 0;
 margin: 0 auto 15px;
}
.flowSection .formkyc-contents .formkyc-contents-in {
	background-color: #efefef;
}
.flowSection .formkyc-contents .sp-pl-xs {
 padding-left: 0.5em;
}
.flowSection .formkyc-contents .formkyc-contents-in .form-block {
 align-items: flex-start;
 padding: 4vw 3vw;
 border-bottom: 1px solid #ddd;
 flex-wrap: wrap;
 line-height: 1.4;
}
.formkyc-contents-in.list-contents-type.sp-line-type01 .form-block:not(:first-child) {
 border-bottom: none;
}
.formkyc-contents .formkyc-contents-in .img-txt-panel .form-block:first-child {
 padding-top: 4.6vw;
}
.formkyc-contents .formkyc-contents-in .img-txt-panel .form-block:last-child {
 border-bottom: none;
 padding-bottom: 4.6vw;
}
.formkyc-contents .infoAreaWrap .infoArea {
	padding-left: 4vw;
	-webkit-box-flex: 1;
 -webkit-flex: 1;
 -ms-flex: 1;
 flex: 1;
}
.formkyc-contents .infoAreaWrap .infoArea div:not(:first-child) {
 margin-top: 3px;
}
.flowSection .formkyc-contents .form-block01 a {
 color: #0044ff;
 width: 20%;
 text-decoration: none;
}
.flowSection .formkyc-contents .form-block01 a:hover {
 text-decoration: underline;
}
.formkyc-contents .colon::after {
	content:":";
	padding: 0 4px;
}
.formkyc-contents .infoAreaWrap .infoArea span.order-time {
	padding-left: 0.5em;
}
.flowSection .formkyc-contents .formkyc-contents-in .form-block .form-block01 {
 align-items: flex-start;
	padding: 0;
	border-bottom: 1px solid #ddd;
	flex-wrap: wrap;
}
.flowSection .formkyc-contents .formkyc-contents-in .form-block .form-block01:last-child {
	border-bottom: none;
}
.formkyc-contents .infoAreaWrap {
	display: flex;
}
.formkyc-contents .infoAreaWrap {
	align-items: flex-start;
	margin-top: 2.7vw;
}
.formkyc-contents .infoAreaWrap img {
 display: block;
	width: 100% !important;/*70px*/
 -webkit-box-flex: 0;
 -webkit-flex: 0 0 auto;
 -ms-flex: 0 0 auto;
 flex: 0 0 auto;
 border: 1px solid #ddd;
}
.formkyc-contents .infoAreaWrap .infoArea span.order-date {
	font-weight: bold;
	letter-spacing: 1.6px;
}
.formkyc-contents .infoAreaWrap .infoArea span.order-date::after {
	content: none;
}
.formkyc-contents .formkyc-contents-in .form-block .col3-item.grayout {
	color:#999;
}
.formkyc-contents .formkyc-contents-in .form-block .col3-item span a {
	text-decoration: underline;
 padding-left: 8px;
}
.flowSection .formkyc-contents .formkyc-contents-in .form-block .form-block01 .col3-item .grayout {
	color:#999;
}
.subConArea {
	background-color: #fff;
 box-sizing: border-box;
}
.subConArea .area-banner {
	padding: 0 3%;
}
.subConArea .cms_databox {
	padding-top: 0;
}
.subConArea .sec-carousel { 
	padding: 0 0 15px;
}
.subConArea .conTtl {
 padding-left: 3%;
 font-weight: bold;
 text-align: left;
 margin-bottom: 5%;
 line-height: 1.2;
}
.subConArea .box-carousel .slider .slick-track,
.subConArea .box-carousel .slider .item,
.subConArea .box-carousel .slider .item a {
	display: flex;
}
.subConArea .box-carousel .slider .item {
	width: 111px;
	height: auto;
}
.subConArea.rcmdFeature a {
 text-decoration: none;
 text-align: left;
}
.subConArea.rcmdFeature .box-carousel .slider .item .img,
.subConArea.rcmdFeature .box-carousel .slider .item .img img {
	border-radius: 5px 5px 0 0;
}
.subConArea .sec-carousel .inner {
 position: relative;
}
.subConArea .sec-carousel .slider-control {
 height: 56px !important;
}
.subConArea .sec-carousel .slider-control .btn {
 margin: 0 auto;
}
.subConArea .sec-carousel .slider-control.prev {
	left: 0;
}
.subConArea .sec-carousel .slider-control.next {
	right: 0;
}
/*----お申込み詳細----*/
.formkyc-panel .form-block .col2-box1 {
 display: flex;
 width: 100%;
}
.formkyc-panel .form-block .col2-box1 .align-r {
 flex: 1;
 text-align: right;
 padding-top: 6.4%;
}
.formkyc-panel .form-block .col2-box1 .align-r a {
 text-decoration: underline;
}
.form-block.img-txt-box .col3-item span:first-child {
 margin-left: -0.5em;
}
.img-txt-panel .form-block:not(.img-txt-box)  {
 background-color: #fff;
 padding: 0 !important;
 position: relative;
 border: none;
}
.img-txt-panel .form-block:not(.img-txt-box) .col3-item {
 position: absolute;
 top: 0;
 right: 0;
 text-align: end;
 display: block;
 padding: 2vw 0;
 width: auto;
}
.img-txt-panel .form-block:not(.img-txt-box) .infoAreaWrap {
 width: 100%;
 margin-top: 0;
}
.img-txt-panel .form-block:not(.img-txt-box) .infoAreaWrap .infoArea {
 padding-left: 0;
}
.img-txt-panel.sp-img-txt-2line .form-block {
 flex-wrap: nowrap;
 justify-content: space-between;
 border-radius: 0;
 background: inherit;
 padding: 3%;
}
.img-txt-panel.sp-img-txt-2line .form-block > div {
 flex-wrap: nowrap;
 justify-content: space-between;
 padding: 3vw 3vw 4vw !important;
}
.formkyc-panel.sp-img-txt-2line .form-block > p {
 padding: 4vw 3vw 0;
}
.img-txt-panel.sp-img-txt-2line .form-block .col3-item {
 width: 61%;
 order: 2;
 flex-direction: column;
 display: inline-flex;
 position: relative;
 margin-right: 0;
 padding: 0;
}
.img-txt-panel.sp-img-txt-2line .form-block .infoAreaWrap {
 box-sizing: border-box;
 padding-right: 4vw;
 margin-top: 0;
 order: 1;
 flex-direction: column;
}
.img-txt-panel.sp-img-txt-2line .form-block .infoAreaWrap .infoAreain {
 width: 100%;
 display: flex;
 flex-direction: initial;
}
.img-txt-panel.sp-img-txt-2line .form-block .infoAreaWrap .imgBox {
 width: 70px;
 margin-right: 4vw;
}
.col3-item .canselBtn {
 color: #0044ff;
 text-decoration: underline;
 padding-left: 8px;
}
.col3-item .canselBtn:hover {
 text-decoration: none;
}
.formkyc-contents .formkyc-contents-in .form-block > div .col3-item .changeBtn {
 color: #0044ff;
 text-decoration: underline;
 display: block;
}
.flowSection .formkyc-contents .formkyc-contents-in .form-block > div .col3-item .canselBtn:hover,
.flowSection .formkyc-contents .formkyc-contents-in .form-block > div .col3-item .changeBtn:hover {
 cursor: pointer;
}
.formkyc-contents .list-contents-type ~ .list-contents-type {
 margin-top: 4.6vw;
}
.formkyc-contents .btnBase {
 width: 97%;
 border-radius: 4vw;
 text-align: center;
 padding: 1.6vw 0;
 margin-bottom: 2vw;
 margin-left: auto;
 display: flex;
 align-items: center;
 justify-content: center;
}
.formkyc-contents .btnBase:hover  {
 cursor: pointer;
}
.formkyc-contents .btnBase.grayBtn:hover  {
 cursor: not-allowed;
}
.formkyc-contents .repeatBtn,
.formkyc-contents .unskipBtn {
 background-color: #0044ff;
 border: 1px solid #0044ff;
 color: #fff;
}
.formkyc-contents .skipBtn {
 background-color: #fff;
 color: #0044ff;
 border: 1px solid #0044ff;
}
.formkyc-contents .grayBtn {
 background-color: #ccc;
 color: #fff;
 border: 1px solid #ccc;
}
.formkyc-contents .infoTxtSmall {
 font-weight: normal;
 line-height: 1.4;
 margin-top: 3px;
}
.flowSection .col3-item .infoTxtSmall {
 margin-top: 0;
 display: inline-block;
}
.formkyc-contents .itemChange::before {
 content: "→";
 padding: 0 6px;
 font-weight: normal;
}
.formkyc-contents .taxTxt {
 padding-left: 5px;
 font-size: 10px;
}
.formkyc-contents .errorTxt,
.addendumBox .infoTxt,
.formkyc-contents .txtRed {
 color: #cc0000;
}
.formkyc-contents .errorTxtC {
 color: #ff0000;
}
/*modal daialog Button*/
.flowSection .modalDialogBox {
 /*display: none;*/
 position: fixed;
 top: 50%;
 left: 50%;
 z-index: 120;
 width: 100%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
.flowSection .modalDialogBox .modalDialog {
 width: 94%;
 margin-bottom: 30px;
 color: #fff;
 text-align: center;
 border-radius: 4px;
 -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 20%);
 -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
 box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 20%);
 position: relative;
 margin: auto;
 padding: 2.6vw 0;
}
.flowSection .modalDialogBox .modalDialog.modaltypeA {
 background-color: #009899;
}
.flowSection .modalDialogBox .modalDialog.modaltypeB {
 background-color: #990000;
}
.flowSection .modalDialogBox .modalDialog .closeBtn {
 position: absolute;
 top: 50%;
 right: 15px;
 width: 16px;
 height: 16px;
 overflow: hidden;
 display: block;
 background: url(/images/v1/goods/ico_close_alert.png) 0 0 no-repeat;
 background-size: 100% auto;
 cursor: pointer;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 text-indent: -9999px;
}
/*---支払い方法変更画面----*/
/*2個目以上の項目に上罫線*/
.formkyc-contents-in.line-rule02 .form-block:not(:first-child) {
 border-top: 1px solid #dddddd;
}
.line-rule02 .form-block > [class^="form-block0"] {
 padding: 4% 3%;
}
.line-rule02 .form-block:last-child > [class^="form-block0"] {
 padding-bottom: 0;
}
.form-block.cardInfoItem {
 padding-top: 2%;
}
.form-block .cardInfo > div {
 margin-left: 25px;
}
.form-block .cardInfo > div:not(:first-child) {
 margin-top: 4vw;
}
.form-block .cardInfo > div > span {
 margin-right: 1.34vw;
}
.form-block .cardInfo .cardInfo01 {
 display: flex;
 align-items: center;
}
.form-block .cardInfo .cardInfo01 input {
 width: 54.67vw;
}
.form-block .cardInfo .cardInfo02 select {
 width: 20.27vw;
}
.form-block .cardInfo .cardInfo02 select ~ span {
 margin-left: 1.34vw;
}
.form-block .cardInfo .cardInfo02 select:first-of-type ~ span {
 margin-right: 3.2vw;
}
.form-block .cardInfo .cardInfo03 {
 display: flex;
 align-items: flex-start;
}
.form-block .cardInfo .cardInfo03 > span {
 margin-top: 10px;
}
.form-block .cardInfo .cardInfo03 input {
 width: 26.13vw;
}
.form-block .cardInfo .cardInfo03 a {
 display: block;
 margin-top: 2.13vw;
}
.form-block .cardInfo .cardInfo03 a,
.form-block .cardInfo .cardInfo03 a:visited {
 color: #0044ff;
}
/*----キャンセル画面----*/
.formkyc-contents .addendumBox {
 margin-top: 2.14vw;
 padding: 0 3%;
}
.addendumBox a:link,
.addendumBox a:visited {
 color: #0044ff;
}
.form-block .input-checkbox {
 margin-top: 1.3vw;
}
.form-block .input-checkbox input {
 margin-top: -1px;
}
.formkyc-panel .txtItem {
 margin-top: 23px;
 color: #666;
}
.formkyc-panel .wrapAround {
 padding: 0 3%;
}
.formkyc-panel .wrapAround .wrapAroundIn textarea {
 margin-top: 1vw;
 padding: 6px 10px;
 border: 1px solid #ddd;
 border-radius: 0;
 height: 12em;
}
/*キャンセル完了*/
.formkyc-contents .no-bg-box {
 padding: 0 3%;
 margin: 4.27vw 0 6.7vw;
 line-height: 1.4;
}

/* flower login join */
.MemberFlowerJoin{
  margin-top: 1.87vw;
}
.MemberFlowerJoin .logoset{
  margin-top: 2vw;
  display: flex;
  gap: 2vw;
  justify-content: flex-end;
  line-height: 0;
}
.MemberFlowerJoin .logoset img{
  height: 11px;
}

/* CMSスタイル反映 QRコード
-------------------------------------------------------------------------*/
.cms-contents{
  font-size: 4vw;
}
.area-wide .cms-contents{
  background: #ffffff;
  padding: 8% 3% 7% 3%;
  letter-spacing: 0.6px;
}
.cms-contents .cms_wp{ padding: 0 3% 7% 3%; line-height: 1.6; }
.cms-contents .cms_wp.cms_space1{ padding-top: 8%; }
.cms-contents .cms_bgcolor1 { background-color: #f9f9f9; }
.cms-contents .cms_bgcolor2 { background-color: #ffffff; }
.cms-contents .cms_bgcolor12 { background-color: #eeeeee; }
.cms-contents [class^="cms_title"]{
  font-weight: bold;
  text-align: center;
}
.cms-contents .cms_subtitle1{ padding-top: 1%; }

.cms-contents .cms_databox {
  box-sizing: border-box;
  padding-top: 5%;
}
.cms-contents .cms_databox ul{
  display: flex;
  flex-wrap: wrap;
  margin: -5% 0 0 -3%;
}
.cms-contents .cms_block li:not(:empty):not(:first-child){
  margin-top: 5%;
}
.cms-contents .cms_block li{
  padding: 3% 0 0 3%;
}
.cms-contents .cms_block li > *:not(:first-child){
  margin-top: 5px;
}
.cms-contents .indentmarkup{
  display: flex;
}
.cms-contents .indentmarkup > *:first-child{
  margin-right: 0.5em;
}
.cms-contents .indentmarkup > *:not(:first-child){
  flex: 1 1 auto;
}
/*ディノスの森
-------------------------------------------------------------------------*/
#dinos-no-mori {
  text-align: center;
  margin-top: 8vw;
  padding: 0 8px;
}
#dinos-no-mori h2 {
  font-size: 120%;
}
#dinos-no-mori img {
  width: 80%;
}
#dinos-no-mori .mori-symbol {
  margin-top: 4vw;
  margin-bottom: 4vw;
}
#dinos-no-mori .mori-description {
  margin-bottom: 4vw;
}
#dinos-no-mori h2 + .mori-description {
 margin-top: 3.5vw;
}
#dinos-no-mori .eval {
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
  display: inline-block;
  border-radius: 12px;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 4px 4px 12px;
}
#dinos-no-mori .eval.eval-on {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #93bc43;
    color: #93bc43;
}
#dinos-no-mori .eval.eval-on .eval-icn {
    background-image: url(https://img.dinos.co.jp/defaultMall/images/common/ico_helpful_on.png);
}
#dinos-no-mori .eval .eval-icn {
    background-image: url(https://img.dinos.co.jp/defaultMall/images/common/ico_helpful.png);
    background-repeat: no-repeat;
    background-size: 15px;
    padding-left: 17px;
    margin-left: 4px;
    display: inline-block;
}
#dinos-no-mori .mori-count {
  font-size: 140%;
  margin-top: 2vw;
  font-weight: bold;
}
#dinos-no-mori .mori-count.count-on {
  color: #93bc43;
  animation: myAnim 400ms ease-in 100ms 1 alternate none;
}
@keyframes myAnim {
	0% {
		animation-timing-function: ease-in;
		opacity: 0;
		transform: translateY(-20px);
	}
	38% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0);
	}
	55% {
		animation-timing-function: ease-in;
		transform: translateY(-15px);
	}
	72% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
	81% {
		animation-timing-function: ease-in;
		transform: translateY(-8px);
	}
	90% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
	95% {
		animation-timing-function: ease-in;
		transform: translateY(-4px);
	}
	100% {
		animation-timing-function: ease-out;
		transform: translateY(0);
	}
}

/*リンクモーダル
-------------------------------------------------------------------------*/
body .guideLinkModal {
	display: none;
 width: 80%;
 height: max-content;
 padding: 1em;
	margin: auto;
 inset: 0;
	color: #666666;
 background-color: #fff;
	position: fixed;
 max-height: calc(100vh - 10vh);
 overflow-y: scroll;
}
.modal-bg {
 display: none;
 width: 100%;
 height: 100%;
 background-color: rgba(0,0,0,0.5);
 position: fixed;
 top: 0;
 left: 0;
}
.guideLinkModal.is-open {
 z-index: 200403;
}
.modal-bg.is-open {
 z-index: 200402;
}
.guidelink {
	text-decoration:underline!important;
}
/* こちらの商品もおすすめ
-------------------------------------------------------------------------*/
.background-gray{
 background-color: #efefef;
 overflow: hidden;
}
.background-gray .box-cmn{ background-color: transparent; }
.recommends{
  margin: 0 3vw;
}
.heading-1.recommends{
  padding-top: 6vw;
  padding-bottom: 3.6vw;
  font-weight: bold;
}
.item-block-b{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: left;
}
.item-block-b-item{
  width: calc((100% - 6vw) / 3);
  margin-right: 3vw;
  margin-bottom: 3.2vw;
}
.item-block-b-item:nth-child(3n){
  margin-right: 0;
}
.item-block-b-item:nth-child(n+13){ display: none; }
.item-block-b-item a,
.item-block-b-item a:link{
  text-decoration: none;
}
.item-block-b-item a {
  text-decoration: none;
}
.item-block-b-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 1vw;
}
.item-block-b .item-block-b-item .price {
  line-height: 1;
  margin: 0.3333em 0 0.5555em;
  font-weight: bold;
}
.item-block-b-item .price::first-letter {
  font-size: 80%;
  font-weight: normal;
}
.item-block-b-item .star {
  color: #666666;
}
.item-block-b-item .star span{
  color: #af933f;
}
.item-block-b-item .star img {
  width: 16.6666vw;
}
.recmd_btn{
  margin: 0 auto;
}
.recommends .recmd_btn:last-of-type{
  margin-bottom: 6.666vw;
}
a.recmd_btn,
a.recmd_btn:link{
  background-color: #000000;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 54.666666vw;
  margin: 0 auto;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  text-align: center;
  box-sizing: border-box;
  padding: 1vw 4vw;
  line-height: 1;
  min-height: 9.33333vw;
  height: auto;
  text-decoration: none;
}