@charset "UTF-8";

/* 個別ページ用別CSS */
@import "modules/simulation.css";
@import "modules/sample.css";
@import "modules/reorder.css";
@import "modules/contact.css";
@import "modules/product.css";
@import "modules/coupon.css";
@import "modules/recommend.css";


.sp{ display: block;}
.pc{ display: none;}

/* ログイン */
.loginBody{letter-spacing: normal}
.loginBody .header-wrap.borderbtm{border-bottom: 0;}
.loginBody .contents-wrap{ display:block; padding:20px 0}
.member, .signup{ margin-bottom:20px; padding:20px 10px; background:#fff; border-radius:10px; box-sizing:border-box}
.signup{ margin-bottom:0; }
.member .logo{ text-align:center; margin-bottom:13px;}
.member .logo img{ width: 135px;}

.loginBody .member h3{ margin-top:64px}
.loginBody .member .forget{ margin-bottom:0; padding:15px 0 0; line-height:1; text-align: center}

.loginBody h2{ margin:0 0 23px; color:#231815; text-align:center; line-height:1; font-size:1.6rem;}
.loginBody h3{ margin:0 0 20px; padding-bottom:10px; font-weight:normal; border-bottom:2px solid #a9a9aa; color:#231815; line-height:1; font-size:1.5rem; font-weight: 700;  text-align: center;}
.loginBody .main-section .login-list li{ margin-bottom:18px}
.loginBody .main-section .login-list li.form-checkbox{ margin-bottom:26px}
.loginBody .login-btn { text-align:center}
.loginBody .login-btn a, .loginBody .signup .center a{ width:100%; max-width:410px; box-sizing:border-box}
.forget{ margin-bottom:28px; padding:20px 0; text-align:center}
.forget a{ position: relative; color: #009b51; font-size: 1.4rem; text-decoration: underline}
.forget a:before{ content: ""; display: inline-block;width: 15px; height: 15px; background: url(../img/icon_arr.svg) left 5px no-repeat;}

.login-id li{ text-align: center; margin-bottom: 17px; position: relative; height: 45px; line-height: 45px;}
.login-id .left li:before{ content: ""; display: inline-block; width: 33px; height: 31px; position: absolute; left: 5%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); background-image: url(../img/login_line.svg); background-size: contain; background-repeat: no-repeat}
.login-id .left .twitter:before{ width: 33px; height: 27px; background-image: url(../img/login_twitter.svg); background-size: contain; background-repeat: no-repeat}
.login-id .left .facebook:before{ width: 33px; height: 33px; background-image: url(../img/login_fb.svg); background-size: contain; background-repeat: no-repeat}
.login-id .left li:hover:before{ opacity: .6;}
.login-id .line{ background: #3fb040;}
.login-id .twitter{ background: #1fa1dc;}
.login-id .facebook{ background: #2f6db6;}
.login-id .google{ background: #d14b39;}
.login-id .yahoo{ background: #595757;}
.login-id li a{ color: #ffffff; font-size: 1.5rem; display: block;}
.login-id li a img[src$=".svg"] { max-width:80px; padding:10px 0 5px; height:auto}

.signup h2 + p{ font-size:1.4rem; margin-bottom:20px;}
.signup p.note{ font-size:1.4rem; margin:20px 0 34px 0; color: #e60012;}
.signup .merit{ padding:29px 20px 13px; background:#f6f6f5; border-radius: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.signup .merit li{ display: block; margin-bottom: 16px; width: auto;}
@media screen and (max-width: 960px) {
	.signup .merit li{
		display: block;
		width: 100%;
	}
	.signup .merit li img{
		display: block;
		margin:0 auto;
	}
}
.loginBody .temporary_password{ padding-bottom:40px; text-align:center; font-size:1.4rem}
.loginBody .main{ padding-bottom:0}

/* sns ログイン */
.loginBody .sns_wrap .main{
    margin-bottom: 20px;
    padding: 40px 20px;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
} 
.loginBody .sns_wrap .member{
    border-bottom: 1px solid #595757;
    padding: 0 0 45px 0;
    border-radius: 0;    
}  
.loginBody .sns_wrap .signup{
    padding: 0;
    margin-bottom: 0;
}
.loginBody .sns_wrap p.sns-msg{
     font-size: 1.4rem;
     line-height: 1.5;
     font-weight: 700;
     margin-bottom: 50px;
} 
.loginBody .sns_wrap h2{
     font-size: 1.6rem;
     color: #EC7083;
}

/* マイページTOP */
.indexBody .contents-wrap{ padding: 0 20px 43px;}

.top-news{ padding:10px;border-bottom:1px solid #d5d9dc; background:#ffe6e8; box-sizing:border-box}
.top-news span{ display:inline-block; margin-bottom:5px; border-radius:2px; padding:3px 5px; font-size:1.1rem; background:#f2646e; color:#fff; line-height:1}
.top-news-text{ display:inline-block; color:#f2646e; font-size:1.4rem; font-weight:bold; line-height:1.4; cursor: pointer}
 
.user-content .news-information{ padding: 10px 0 30px 0;}
.user-content .news-information h3{ font-size: 1.8rem; border-bottom: 1px solid #595757; padding-bottom: 12px; margin-bottom: 14px; margin: 0}
.user-content .news-information ul{ border-bottom: 1px solid #595757; padding: 20px 0;}
.user-content .news-information li{ font-size: 1.4rem; font-weight: bold; padding-bottom: 16px;}
.user-content .news-information li:last-child{ padding-bottom: 0px;}
.user-content .news-information li a{ text-decoration: underline;}
.user-content .news-information li .important a{ color: #e60012;}

.index-nav { display:flex;flex-wrap: wrap; justify-content: space-between;}
.index-nav li { width:33.3%; margin-bottom:20px; padding: 0 5px; box-sizing: border-box; letter-spacing: normal; position: relative;}
.index-nav li .notice{ position: absolute; top: 0; left: calc(100% - 30px); color: #FFF; font-size: 1.5rem; line-height: 30px; text-align: center; background: #e60012; border: 3px solid #fff; border-radius: 18px; min-width: 36px; padding: 0 5px; box-sizing: border-box;white-space: nowrap}  

.index-nav li:nth-child(1) span,
.index-nav li:nth-child(2) span,
.index-nav li:nth-child(3) span,
.index-nav li:nth-child(5) span{ display:block; font-weight:normal; font-weight: 700;}
.index-nav li a{ position:relative;display:block; height:100%; padding:108px 0 10px; text-align:center; color:#231815; font-size:1.4rem; box-sizing:border-box;line-height: 1.4; background-position:center 0; background-repeat: no-repeat; background-size:contain; max-width: 98px; margin: auto; font-weight: 700;}

.index-nav li:nth-child(1) a{background-image: url(../img/top_icon1.svg)}
.index-nav li:nth-child(2) a{background-image: url(../img/top_icon2.svg)}
.index-nav li:nth-child(3) a{background-image: url(../img/top_icon3.svg)}
.index-nav li:nth-child(4) a{background-image: url(../img/top_icon4.svg)}
.index-nav li:nth-child(5) a{background-image: url(../img/top_icon5.svg)}
.index-nav li:nth-child(6) a{background-image: url(../img/top_icon6.svg)}
.index-nav li:nth-child(7) a{background-image: url(../img/top_icon7.svg)}
.index-nav li:nth-child(8) a{background-image: url(../img/top_icon8.svg)}

.user-deta-title{ margin: 0;font-size:1.7rem; }
.user-deta-title:before{ content:""; display:inline-block; width:50px; height:50px; background:url(../img/top_icon9.svg) left top no-repeat; background-size:50px auto; vertical-align: middle;}

.user-deta .account{ margin-bottom:10px; padding:10px 0; background:#F2F2F2; font-size:1.4rem; font-weight:bold; text-align:center}
.user-deta .unregistered{ padding:10px; background:#FFE6E8;}
.user-deta .unregistered dt{ color:#F2646E;font-size:1.4rem;}
.user-deta .unregistered dd{ position:relative;font-size:1.4rem; }
.user-deta .unregistered dd:before{ content:"・"; }
.user-deta .change{ position:absolute; right:5px; color:#007DD1; font-size:1.2rem}
.user-deta .change2{ position:absolute; right:15px; color:#007DD1; font-size:1.2rem}

.user-deta dl{ margin-bottom: 55px;}
.user-deta dt{ font-size:2rem; font-weight: bold; border-bottom:2px solid #595757; padding: 10px 12px; margin-bottom: 24px;}
.user-deta dl.sample{ margin-bottom: 80px;}
.user-deta dd{ font-size:1.6rem; padding: 0 12px;}
/*
.user-deta dd a.blank{ position:relative;}
.user-deta dd a.blank:after{ position: absolute; content: url(../img/icon_blank.svg); width: 12px; height: 11px; top: 0; right: -16px;}
*/
.user-deta dd.lab a{ position:relative;}
.user-deta dd.lab a:before{ content:""; display:inline-block; width:25px; height:25px; background: url(../img/icon_lab.svg) left top no-repeat; margin-right: 5px; margin-bottom: 5px; vertical-align: middle;}
.user-deta dd.ent a:before{ content:""; display:inline-block; width:23px; height:25px; background: url(../img/icon_ent.svg) left top no-repeat; margin-right: 7px; margin-bottom: 2px; vertical-align: middle;}
.user-deta dd.logout{ margin-top: 30px;}

.user-deta .name { margin-top:20px; border-bottom:1px solid #D5D9DC }
.user-deta .name dt{ position:relative; font-size:1.2rem; color:#999}
.user-deta .name dd{ position:relative; padding-bottom:10px;font-size:1.4rem;}

.user-deta .add { margin-top:10px;}
.user-deta .add dt{ position:relative; font-size:1.2rem; color:#999}
.user-deta .add dd{ position:relative;font-size:1.4rem; line-height: 1.4;}
.new-add{ margin:15px 0; text-align:center; letter-spacing:normal}
.new-add a{ width:302px; color:#007dd1; font-size:1.2rem}
.new-add a:before{ content:""; display:inline-block; width:15px; height:15px; background: url(../img/icon_plus_blue.svg) left 5px no-repeat;}

.other-deta li { margin-bottom:10px; line-height: 1.4;}
.other-deta li a{ position:relative; font-size:1.2rem}
.other-deta li a:before{ content:""; display:inline-block; width:15px; height:15px; background: url(../img/icon_arr.svg) left 5px no-repeat;}

.news-section h2{ background-color: #f9d4da; padding: 10px 20px; margin: 0;font-size: 2.2rem; font-weight: normal; display: flex; justify-content: space-between; align-items: center}
.news-section h2 span{ font-size: 1.6rem;}
.news-section li{ clear:both; margin-bottom:10px}
.news-section li span{ float:left; margin-right:20px; font-size:1.6rem;}
.news-section li div{ max-width: 800px; margin-left:110px;font-size:1.8rem; line-height:1.4; font-weight: 700;}
.news-section-wrap{padding:30px 0 60px 0;}
.news-section-wrap ul{padding: 16px 20px;}

.coupon-section h2{ background-color: #f9d4da; padding: 10px 20px; margin: 0;font-size: 2.2rem; font-weight: normal;}
.coupon-section h2 span{ font-size: 1.6rem;}
.coupon-section li{ clear:both; margin-bottom:10px}
.coupon-section li span{ float:left; margin-right:20px; font-size:1.6rem;}
.coupon-section li div{ max-width: 800px; margin-left:110px;font-size:1.8rem; line-height:1.4; font-weight: 700; }
.coupon-section-wrap{padding:30px 0 60px 0;}
.coupon-section-wrap ul{padding: 16px 20px;}

.all-news{ margin-bottom:10px; text-align:right; font-size:1.4rem;}
.all-news:before{ content:""; display:inline-block; width:18px; height:12px; background: url(../img/icon_all_news.svg) left 0 no-repeat;}

/* ご注文中の商品（出荷前商品） */
.ordering-list{ padding:20px 10px}
.ordering-list > li{ position:relative;display: flex; flex-direction: column-reverse; margin-bottom:20px; padding-bottom:80px; border:1px solid #d5d9dc;background:#fff; border-radius:10px; box-sizing:border-box}
.status{ padding:10px 0;text-align:center; font-size:2.4rem; color:#009cde; font-weight:bold}
.status + p{ padding-bottom:10px; font-size:1.4rem; text-align:center}
.ordering-left{ margin:0 15px; padding-bottom:30px;}
.ordering-left .flex-control-nav li{ margin:0 4px}
.ordering-left .slides li{ border:none}
.ordering-right{ padding:20px 0 0; box-sizing:border-box}
dl.order-deta dt{ clear:both; float:left; width:80px; margin-bottom:10px; padding:2px 8px; text-align:center; background:#a1a1a1; border-radius:5px; color:#fff; font-size:1.4rem; }
dl.order-deta dd{ margin-left:110px;margin-bottom:10px;}
dl.order-deta dt.total{ float:none;  width:auto; margin-bottom:0; padding-bottom:0; color:#999;text-align:left; padding-left:0; background:none}
dl.order-deta dt.total + dd{ margin-left:0; margin-bottom:20px; font-size:3rem; color:#f2646e; font-weight:bold; line-height:1}
dl.order-deta dt.total + dd span{ margin-left:10px; font-size:1.8rem}
.ordering-right-btn{ text-align:center}
.ordering-right-btn .btn02{ width:100%; padding:15px 0; font-size:1.4rem; color:#999 }
.processing{ padding-bottom:10px}
dl.order-deta dt.shipment{ margin-left:0}
.ordering-right dl.order-deta dd{ letter-spacing:normal; font-size:1.4rem; margin-left:110px}
.ordering-right dl.order-deta dd.order-01{ font-size:1.8rem}
.order-deta{ clear:both}
.ordering-right dl{margin-left: 15px;}
.ordering-right .shipment{ margin-left:0; margin-bottom:10px; padding:20px 15px; background:#ffe6e8}
.ordering-right dl.shipment dt{ margin-bottom:0}
.ordering-right dl.shipment dd{ margin-bottom:0; font-weight:bold; font-size:3.4rem; line-height:1}
.ordering-right .p-method{ font-weight:bold; color: #f2646e;}
.ordering-right-btn{ position:absolute; bottom:30px; left:10px; right:10px; margin:0 auto}
.ordering-left .flex-direction-nav .flex-prev{left: -15px;}
.ordering-left .flex-direction-nav .flex-next{right:-15px;}

.detail p.alignRight{text-align: right; font-size: 1.4rem;}
.ordering.detail .reorder-btn2.contact a { width: 100%; max-width: 285px; font-size: 1.5rem; padding: 16px 0; box-shadow: none;}
.btn001.contact { padding-bottom: 0;}
.ordering #historyList.list02.listType .btn001 a { width: 100%; margin: 0;}
 
/* 注文履歴一覧 */

/* 履歴系リスト .list02
---------------------------------------- */
.list02 {
}
	.list02 li{
		position: relative;
		width:100%;
		margin-bottom:27px;
		padding: 26px 20px;
		
		background:#fff;
		border: 1px solid #595757;
		box-sizing:border-box
	}

	.list02 li li{
		margin-bottom:0;
		padding:0!important;
		border:none!important;
		box-sizing:border-box
	}

		.list02 li .img-details.autoSize{
			position: relative;
			width:auto;
			height: auto;
			margin-bottom: 36px;
		}
		.list02 li .img-details.autoSize > p{
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);
			width: 90%;
		}
		.list02 li .img-details.autoSize .image {
			max-height: inherit;
		}
		.list02 li .img-details.autoSize::before {
			content: "";
			display: block;
			padding-top: 100%;
		}
		.list02 li a.zoomNone {
			cursor: default;
			pointer-events: none;
		}

		.list02 li table tr:last-child{
			background: none
		}
		.list02 li table th{
			width: 25%;
		}

		.list02 dl.order-deta dt,
		.list02 dl.order-deta dd{ margin-bottom:5px}
		.list02 dl.order-deta dt.total + dd{ margin-bottom:20px}
		.list02 li .order-deta:first-child{ margin-bottom:20px}
		.list02 dl.order-deta dd.order-02{ font-size:2rem; font-weight:bold}

/* PC Only */
@media screen and (min-width: 961px) {
.list02{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	width:800px;
	margin: auto;
	padding-bottom:36px;
}
	.list02 li{ 
		width: 390px;
		padding: 30px 27px 37px 27px;
	}

	.list02 li .img-details{
		margin-bottom:0
	}

	.list02 li .img-details .popup-modal .image{
		max-height: 280px;
	}
	
	.list02 li.btnAlign{
		padding-bottom: 145px;
	}	
	
	.list02 li.btnAlign .footBtn{
		position: absolute;
		box-sizing: border-box;
		left: 0;
		bottom: 37px;
		width: 100%;
		padding: 0 40px;
	}

	.list02 li table th, 
	.list02 li table td{
		padding: 5px 10px;
		letter-spacing: normal;
		line-height: 1.4;
	}

	.list02 li table th{
		min-width: 130px;
	}
}

/* ボタン定義 reorder-btn
---------------------------------------- */
.reorder-btn1,
.reorder-btn1 a{
	width:100%;
	max-width:397px;
	padding:15px 0;
	font-size:1.4rem
}

.reorder-btn2{
	margin-bottom:20px
}
.reorder-btn2 a{
	width:100%;
	max-width:397px;
	padding:20px 0;
	font-size:1.5rem;
}

/* #historyList
---------------------------------------- */
#historyList.list02 > li{
    margin-bottom: 27px;
    border-radius: 0;
    border: 1px solid #595757;
    padding: 26px 20px;
}
#historyList.list02 table tr:last-child{background: none}
#historyList table th { width: 25%;}

.reorder-list{}
.another-d{ margin-bottom:20px; text-align:center; font-size:1.4rem; }
.another-d a{ color:#999; text-decoration:underline}
.more-btn{ text-align:center}
.more-btn a{ width:100%; max-width:410px; margin:0 auto}
.more-btn.transparent a{ color: #fff!important; border: 0!important;}
.months-select select{ height:auto!important}
.history .user-content li div a:after,
.ordering .user-content li div a:after{content: none;}

/* .list-03
---------------------------------------- */
.list-03.flex_b{ display: flex; justify-content: space-between; align-items: center; padding: 0; background: #fff; margin: 50px 0 26px 0; border-bottom: 1px solid #231815; font-size: 1.4rem}

.list-03.flex_a{justify-content: space-around; align-items: center; padding: 0; background: #fff; border-bottom: none; font-size: 1.4rem}
.list-03.flex_a li p,
.list-03.flex_a .form-select,
.list-03.flex_a .form-select select,
.list-03.flex_b li p,
.list-03.flex_b a{ font-size: 1.4rem}
.list-03.flex_a .form-select{width: 100%;}
.list-03.flex_b li:first-child{ border-right: none;}

/*  tab
-------------------------------- */ 
.tab{ padding-top: 0; margin-bottom: 50px; border-bottom: 1px solid #595757}
.tab ul.tablist{ width: 100%; margin: 0 auto;}
.tab ul.tablist li{ width: 50%; float: left; margin-right: -1px; margin-bottom: -1px;}
.tab ul.tablist li:last-child{ margin-right: 0;}
.tab ul.tablist li a{ display: block; padding: 13px; text-align: center; border-radius: 6px 6px 0 0; background: #F6F6F5; border: 1px solid #595757; border-bottom: 1px solid #595757; color: #A9A9AA; font-size: 1.6rem; margin-top: -1px;}
.tab ul.tablist li a:hover{ background: #fff; border: 1px solid #595757; color: #231815;}
.tab ul.tablist li.active{ margin-bottom: -1px;}
.tab ul.tablist li.active a{ background: #fff; border: 1px solid #595757; border-bottom: 1px solid #fff; color: #231815;}

.noHistory h3{ font-size: 1.6rem; padding: 45px 0 20px 0; border-bottom: none; text-align: center}
.noHistory p{ font-size: 1.4rem; text-align: left; margin-bottom: 20px;}

/* 注文履歴詳細 */
.back-list{ margin:-50px 0 25px; text-align:right}
.back-list a{box-sizing:border-box; font-size:1.2rem; letter-spacing:normal; padding:10px; color:#007DD1 }

.gray_box{ border: 1px solid #595757; padding: 26px 20px; margin-bottom: 44px;}
.list02 li.deta-order-details{border: none; padding: 0;}
.order-details .btn001 a {margin-bottom: 12px; box-shadow:none; padding: 16px 0; font-size: 1.5rem;}
.order-details .btn001 a.white_btn {border: 1px solid #595757; color: #231815; background: #fff; padding: 15px 0;}
.orderNo{ font-size: 1.6rem; font-weight: bold; margin-bottom: 15px;}
.orderNo .kind{ width: 60px; height: 27px; line-height: 27px; border-radius: 15px; font-size: 1.5rem; font-weight: normal; display: inline-block; text-align: center; color: #fff; background: #EC7083;  margin-right: 10px;}
.orderNo .kind.add{ background: #6DBB4F;}
.deta-order-details table tr:last-child{background-image: none;}
table tr {background-image: linear-gradient(to right, #595757, #595757 1px, transparent 1px, transparent 3px); background-size: 3px 1px; background-position: left bottom; background-repeat: repeat-x;}
table th, 
table td{font-size: 1.4rem; color: #231815; padding: 10px 0; text-align: left; letter-spacing: normal;}
table th{min-width: 85px; font-weight: bold;}

.order-outline a.c_pink.blank{ position: relative;}
.order-outline a.c_pink.blank:after{
	display: inline;
	content: url(../img/icon_blank.svg);
	margin-left: 4px;
	width: 12px;
	height: 11px;
	background: none;
    top: 0;
}

.notification{ border: 1px solid #595757; padding: 11px 9px; margin-top: 58px}
.notification p{ font-size: 1.4rem}
.notification a.c_pink.blank:after { top: 0;}

.order-table.table01{margin-top: 35px; border-bottom: none; border-collapse: separate; border-spacing: 2px;}
.order-table.table01 th{padding: 20px 0 10px 0; color:#231815}
.order-table.table01 td{padding: 0 0 20px 0;}
.order-table.table01 td .order-data ul.hukuro{padding: 0;}
.order-table.table01 td .order-data ul.hukuro li { padding: 10px 0; border-bottom: 1px dotted #D5D9DC;}
.order-table.table01 td .order-data ul.hukuro li:first-child{padding-top: 0}
.order-table.table01 td .order-data ul.hukuro li:last-child{border-bottom: none}
.detail .btn001.sw-btn01  a { font-size: 1.5rem; padding: 16px 0; margin: 0; box-shadow:none; }
.detail .btn001.sw-btn01 .btn02 { font-size: 1.5rem; padding: 16px 0; margin: 0 auto; box-sizing: border-box; color: #fff; border-radius: 8px; background: #C9CACA;}
.order-details .order-outline{
	margin-bottom: 15px
}
.order-details .img-details{
	width: calc(100% - 10px);
	border: 1px solid #C9CACA;
	border-radius: 8px;
	box-shadow: 10px 10px #C9CACA ;
	margin-bottom: 30px;
	padding: 10px;
	box-sizing: border-box;
}
	.order-details .img-details.autoSize{
		position: relative;

		height: auto;
		margin-bottom: 36px;
	}
	.order-details .img-details.autoSize > p{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 80%;
	}
	.order-details .img-details.autoSize .image {
		max-height: inherit;
	}
	.order-details .img-details.autoSize::before {
		content: "";
		display: block;
		padding-top: 100%;
	}


.order-details .img-details .popup-modal { display:flex; flex-direction: column; justify-content: center; align-items: center; padding: 0}
.order-details .img-details .popup-modal .image{ max-width: 100%; max-height:240px; display: inline-block;}
.order-details .btn001 { padding-bottom: 0;}

.popup-contents.inline-wrap { padding: 83px 18px 28px 18px;}
.popup-contents .flexslider {
    min-height: 296px;
    background: none;
    position: relative;
    zoom: 1;
    padding-bottom: 25px;
}

.popup-contents .flexslider .flex-viewport{
    border: 1px solid #D4D4D5;
}
.popup-contents .flexslider .slides li {
	display: flex!important;
	justify-content: center;
	align-items: center;
	height: 75vw;
	max-height: none;
}

.popup-contents .flexslider .slides li img {
	width: 100%;
}
.popup-contents .flex-control-thumbs li {width: 29%;}
.popup-contents .flex-control-nav li {margin-right: 6.5%}
.popup-contents .flex-control-nav li:last-child {margin-right: 0;}
.popup-contents .flex-control-thumbs img { width: 100%; height: 86px; object-fit: contain; margin: 0}

.popup-contents .dl-share{ display:flex;justify-content: space-between;} 
.popup-contents .dl-share li{ width: 29%; background:none; margin-right: 6.5%;}
.popup-contents .dl-share li:last-child{ margin-right: 0} 
.popup-contents .dl-share li a{ width:100%; max-width:158px; height: 84px; box-sizing: border-box; font-size:1.2rem; letter-spacing:normal; line-height:1.3; padding:14px 0; font-weight:bold; box-shadow: none;}
.popup-contents .dl-share li a img{ display: block; margin: 0 auto 8px auto; width:20px; height:auto; vertical-align:middle;}
.popup-contents .dl-share li a.btn02.line { background: #2BA23A;}
.popup-contents .flex-control-thumbs img:hover, .popup-contents .flex-control-thumbs .flex-active { cursor: default; border: 5px solid #EC7083; box-sizing: border-box; background: rgba(236,112,131,0.3)!important;}    

/* 注文履歴詳細 この下未対応
.order-details dl.order-deta dt.total{ margin-top:40px;}
.order-details dl.order-deta dt.total + dd{ margin-bottom:50px;}
.receipt{ margin-top:20px; padding:20px 0 0; border-top:1px solid #D5D9DC}
.receipt ul{ display:flex;justify-content: space-between;}
.receipt ul li{width: auto; font-size:1.3rem; letter-spacing:normal; }
.receipt ul li a{ text-decoration:underline}
.receipt ul li:last-child span{ color:#999}
.receipt ul li:before{ content:""; display: inline-block; width:8px; height:8px; margin-right:8px; background:#D5D9DC; border-radius:10px;}
.order-details02{ padding:36px 10px 0 10px}
.order-details02 .deta-order-details{ padding:20px 10px}
.order-details02 dl.order-deta dt.total{ margin-top:15px}
.order-details02 dl.order-deta dt.total + dd{ margin-bottom:15px;}
.img-details .flexslider{ margin:0 15px; background:none}
.img-details .flex-control-thumbs{ width:100%}
.img-details .flexslider .flex-direction-nav .flex-prev{left:-15px;}
.img-details .flexslider .flex-direction-nav .flex-next{right: -15px;}
.img-details .flex-control-thumbs img:hover,.img-details .flex-control-thumbs .flex-active{border: 2px solid #0099cc;}
.order-data{ background:#fff; border:1px solid #D5D9DC; border-bottom: none;}
.order-data ul{ padding:10px;}
.order-data ul li { padding-bottom:10px; border-bottom:1px dotted #D5D9DC}
.order-data ul li:last-child{ border:none}
.order-data div{ letter-spacing:normal}
.order-data .item-id{ color:#007DD1}
.order-data .color-size{ color:#999999; font-size:1.5rem}
.order-data .unit-price{ font-size:1.5rem}
.order-data .total-price{ text-align:right; font-size:1.9rem; font-weight:bold;}
.order-data .total-price:before{ content:"小計："; font-size:1.4rem; font-weight:normal}
.order-data .outline3{ margin-bottom:0}
.order-data .hukuro,
.order-data .consignee{ padding-top:0}
.order-data .hukuro .item-id{ color:#282828}
.total-fee{ margin-bottom:40px;border-top:1px solid #D5D9DC;}
.total-fee div{ width:100%; max-width:384px; padding:24px 0; line-height:1; background:#fff; border:1px solid #D5D9DC; border-top: none }
.total-fee div:before{ content:"注文時の合計金額（税込）"; margin-right:47px; font-weight:bold; font-size:1.5rem; color:#282828}
*/

/* 注文履歴 リスト */
#historyList.list02.listType { display: block;}
#historyList.list02.listType > li { width: 100%; border: none; padding: 0;}
#historyList.list02.listType .orderNo { padding: 0 20px;}
#historyList.list02.listType .flex_list { display: flex; justify-content: space-between; margin-bottom: 0; border-bottom: 1px solid #A9A9AA; flex-wrap: wrap; padding: 0 20px;}
#historyList.list02.listType .img-details { width: 76px; height:76px; margin: 0 20px 0 0; border-radius: 8px; padding: 3px; box-shadow: 5px 5px #c9caca;}
#historyList.list02.listType .img-details .popup-modal .image { max-height: 70px;}    
#historyList.list02.listType .zoom { position: absolute; right: 0; top: 0; width: 17px; max-width: 17px; height: 17px; }

#historyList.list02.listType table th, #historyList.list02.listType table td{ font-size: 1.3rem;}
#historyList.list02.listType table th{min-width: 65px;}
#historyList.list02.listType .btn001{width: 100%; padding: 10px 0 25px 0}
#historyList.list02.listType .btn001 a{width: 48%; margin: 0 2% 0 0; display: inline-block}
#historyList.list02.listType .btn001 .btn02{margin-right: 0;}

/* パスワード再発行 */
.section1Body .main h2{ padding:40px 0; margin:0 }
.pass-reissue li{ margin-bottom:20px;}
.pass-reissue li span{ display:block; color:#007DD1;font-size:1.4rem}
.pass-reissue textarea, 
.pass-reissue input[type="number"], 
.pass-reissue input[type="text"], 
.pass-reissue input[type="email"], 
.pass-reissue input[type="password"], 
.pass-reissue .form-checkbox label{border-radius: 0;line-height: 36px;font-size: 1.4rem;}
.pass-reissue li div{ width:100%; max-width:540px}
.select01 .form-select{ padding: 0; border-radius:0; margin-right:5px; box-sizing:border-box}
.select01 .form-select select{ line-height: 40px; font-size:1.4rem; color:#CDD6DD}
.select01 .birthyear{ max-width:140px;}
.select01 .birthmonth{ max-width:62px;}
.select01 .birthday{ max-width:62px;}
.select01 .form-select:after{
 content: "";
    position: absolute;
    top: 14px;
    right: 9px;
    border: 6px solid transparent;
    border-top: 10px solid #595757;
}

.pass-reissue{ margin-bottom:0}
.btn001{ margin-bottom:160px; text-align:center; }
.btn001 .btn01{ width:100%; max-width:397px; margin:0 auto; box-sizing:border-box; padding: 16px 0;}

/* パスワード再設定 */
.resetting input[type="text"]{ width:100%; max-width:256px;}
.resetting li div { display:flex; align-items: center; max-width:600px;}
.resetting li div span{ display:inline-block; margin-left:10px; width:332px;font-size:1.2rem; letter-spacing:normal}

.list-01.w240 {
    margin-bottom: 50px;
}

/* メールアドレス確認*/
.section1Body .contents-wrap { padding: 40px 20px 43px;}
.section1Body .main{ padding: 0;  background: #fff;  border-radius: 10px;}
.section1Body .main-section{ padding: 30px 20px; margin-bottom: 38px;}
.section1Body .list-01 li{ margin-bottom: 27px; align-items: baseline;}
.section1Body .logo{ text-align:center; margin-bottom:13px;}
.section1Body .logo img{ width: 135px;}

/* パスワード登録*/
.section1Body.existing2 .logo{    
    margin-bottom: 30px;
}
.section1Body.existing2 .order-step.col3{
    display: block; 
    padding: 0 20px;
}
.section1Body.existing2 .order-step.col3 li{ 
    width: 100%;
    height: 44px;
    margin-bottom: 24px;
    position: relative;
}
.section1Body.existing2 .order-step.col3 li:after{
	position: absolute;
    bottom: -24px;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    height: 25px;
    width: 15px;
    content: "";  
    background: url(../../img/arrow_dwn.svg) center center no-repeat;
    background-size: contain;
    z-index: 99;
}
.section1Body.existing2 .order-step.col3 li div{
	display: flex;	
	justify-content: flex-start;
    align-items: center;
    width: calc(100% - 44px);
    height: 44px;    
    font-size: 1.4rem;    
    padding-left: 10px;
}
.section1Body.existing2 .order-step.col3 li span{
    width: 44px; 
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section1Body.existing2 .order-step.col3 li span img{
    width: 25px;
    height: 30px;
}
.section1Body.existing2 h3{
    padding: 10px 0!important;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px solid #595757;
    text-align: center;
    margin-bottom: 14px;
}
.section1Body.existing2 p.text08{
    font-size: 1.4rem;
    font-weight: 400;
    margin: 0 0 15px 0;
}

/* 新規登録 */
.list-01 li{ margin-bottom:20px;}
.list-01 li span{ display:block; color:#231815;font-size:1.4rem; letter-spacing:normal; font-weight: bold;}
.list-01 li span.w40 { font-weight: normal}
.list-01 li .attention {font-size: 1.6rem;}
.list-01 textarea, 
.list-01 input[type="number"], 
.list-01 input[type="text"], 
.list-01 input[type="email"], 
.list-01 input[type="password"], 
.list-01 .form-checkbox label{ padding:0 10px; border-radius: 5px; height: 40px; line-height: 40px; font-size: 1.4rem;}
.list-01 li > div{ width:100%; max-width:500px; font-size: 1.4rem;}
.list-01.long li > span { width: 188px;}
.list-01.long li div{ max-width:415px;}
.ac-id div{ font-weight:bold;}
.list-01 li input[type="text"],
.list-01 input[type="password"],
.list-01 input[type="number"]{ width:100%;max-width:415px} 
.list-01 input[type="email"]{ width:100%;max-width:415px } 
.list-01 li input[type="text"],
.list-01 input[type="password"]{ width: 46%; max-width: 240px;}
.list-01 li span.text01{ font-size:1.2rem; margin-bottom: 0}
.list-01 li .specified{ display:inline-block; padding-top:5px;font-size:1.2rem; letter-spacing:0; color:#595757; text-align: left; font-weight: 400;}
.list-01 li .specified.pt10 { padding-top: 10px;}
.list-01 li .specified2{ display:inline-block; padding-left:10px;font-size:1.2rem; line-height:1.2; letter-spacing:0;  color:#f2646e}
.list-01 li .form-radio div{ display:inline-block; width:auto; margin-right:10px}
.list-01 li .form-select{ margin-bottom:0;vertical-align: middle;border-radius: 5px; padding: 0}
.list-01 li .attention{ margin-top:5px; color:red;font-size:1.4rem!important; line-height:1.2; letter-spacing:0; text-align: left;}
.attention-mark{ background:#fff url(../img/attention_icon.svg) right center no-repeat}
.select01 .pref_name{ max-width:140px;}
.list-01 li span.add-search{ display:inline-block;margin-left: 30px;}

.add-search .btn02{
	width:110px;
	padding:3px 0;
	font-size:1.6rem;
	color:#fff;
	background:#595757;
	border-radius: 0px;
	box-shadow: none;
	font-weight: 400;
}
	.add-search .btn02 img{
		margin-left:5px;
		width:12px;
		height:9px;
		vertical-align:middle;
		margin-bottom: 2px;
	}

.list-01 li.w100 input[type="text"]{ width:100%; max-width:536px}
.signup-team{ text-align:center; padding: 0;}
.signup-team .form-checkbox label{ padding: 10px 0 0 40px;}
.signup-team .form-checkbox label::before {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    background: none;
    border: 1px solid #007DD1;
    border-radius: 3px;}
.signup-team .form-checkbox input[type=checkbox]:checked+label::before { border: 1px solid #bfc4c7;}
.signup-team .form-checkbox input[type=checkbox]:checked+label::after { background-size: 18px 18px;left: 6px;}
.team-list{ margin-bottom:70px}
.consent-area .precautions-text{ font-size:1.5rem; color:#282828; text-align: left;}
.section1Body .main .finish h2{ padding: 14px 0 36px; margin: 0 0 95px 0; border-bottom: none; font-size: 2.2rem; }
form .user-content h3{ font-size: 1.6rem; font-weight: bold; padding-left: 0}
.user-content h3.outline4.fs16{ font-size: 1.4rem; font-weight: bold;  text-align: left; border-bottom: none; padding-left: 0}
.precautions-text2 {text-align: left; margin-bottom: 30px;}


.section1Body .mailcheck .list-01 input[type="text"] {width: 100%; max-width: inherit}

/* 同意画面 */
.section1Body .mailcheck .privacyArea{
    height: 400px;
    overflow-y: scroll;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
}

.section1Body .mailcheck .privacyArea .privacy_list { padding: 30px 0 0; }
.section1Body .mailcheck .privacyArea .privacy_list li { padding-left: 1em; text-indent: -1em; padding: 0 0 5px 30px; font-size: 14px; }
.section1Body .mailcheck .privacyArea .privacy_ttl  { font-weight: bold; padding: 30px 0 0; padding-left: 2em; text-indent: -2em; }
.section1Body .mailcheck .privacyArea .privacy_txt  { padding: 10px 0 0 30px; font-size: 14px;}
.section1Body .mailcheck .privacyArea .privacy_txt2  { padding: 15px; border: 1px dotted #dedede; margin: 15px 0 0; }
.section1Body .mailcheck .privacyArea table    { width: 100%; border-collapse: collapse; border: 1px solid #dedede; margin: 10px 0 0; }
.section1Body .mailcheck .privacyArea table tr { border-bottom: 1px solid #dedede; }
.section1Body .mailcheck .privacyArea table th { width: 25%; padding: 5px; font-size: 12px; font-weight: normal; border-right: 1px solid #dedede; }
.section1Body .mailcheck .privacyArea table td { width: 75%; padding: 5px; font-size: 12px; }
.section1Body .mailcheck .privacyArea table .ttl { background: #efefef; text-align: center; font-weight: bold; }
.section1Body .mailcheck .privacyArea a { text-decoration: underline;}

.agree_sec .privacy_list { padding: 30px 0 0; }
.agree_sec .privacy_list li { padding-left: 1em; text-indent: -1em; padding: 0 0 15px 30px; font-size: 14px; }
.agree_sec .privacy_ttl  { font-weight: bold; padding: 30px 0 0; padding-left: 2em; text-indent: -2em; }
.agree_sec .privacy_txt  { padding: 10px 0 0 30px; }
.agree_sec .privacy_txt2  { padding: 15px; border: 1px dotted #dedede; margin: 15px 0 0; }
.agree_sec table    { width: 100%; border-collapse: collapse; border: 1px solid #dedede; margin: 10px 0 0; }
.agree_sec table tr { border-bottom: 1px solid #dedede; }
.agree_sec table th { width: 25%; padding: 5px; font-size: 12px; font-weight: normal; border-right: 1px solid #dedede; }
.agree_sec table td { width: 75%; padding: 5px; font-size: 12px; }
.agree_sec table .ttl { background: #efefef; text-align: center; font-weight: bold; }


.section1Body .mailcheck #consent01_error {
    color: red;
    font-size: 1.4rem;
}


/* お客様情報 */
.user .outline1{text-align: center; font-size: 2.0rem; font-weight: bold; margin: 0 0 35px;}
.user .guide-list > li{ margin-bottom: 0;}
.user .guide-list div .outline4{padding: 0 0 15px; line-height: 1.4; font-size: 1.4rem; font-weight: bold; border-bottom: 1px solid #595757; margin-bottom: 0; }
.user .guide-list a.arr2{ position: relative; }
.user .guide-list a.arr2:after{ position: absolute; content: url(../img/icon_arr2.svg); width: 8px; height: 11px; top: 0; right: 0; background: none;}

/* お客様情報入力_個人 */
.section1Body.register .list-01 li span.text01 { font-size: 1.4rem;}
.section1Body.register .list-01 li.checkbox label { padding-left: 30px;}
.section1Body.register .checkbox01 { margin-left: 0;}
.section1Body.register .checkbox01 .form-checkbox { margin-left: 0; margin-bottom: 0; text-align: center;}
.section1Body.register .checkbox01 .form-checkbox li{ display:block; text-align: left; margin-bottom: 0;}
.section1Body.register .checkbox01 .form-checkbox label{ font-size: 1.4rem;}
.section1Body.register .checkbox01.consent01-checkbox { margin-bottom: 50px;}
.section1Body.register .checkbox01.consent01-checkbox li { text-align: center;}
.section1Body.register .consent-area p{font-size: 1.4rem; margin-bottom: 20px; font-weight: 700;} 
.section1Body.register .btn001 .btn01 { font-size: 1.5rem; padding: 16px 0;}
.section1Body.register .btn001 .btn02 { max-width: 250px; font-size: 1.5rem; padding: 16px 0; width: 100%; margin: 0 auto; box-sizing: border-box; color: #fff; border-radius: 8px; background: #C9CACA; box-shadow: 0px 4px #F6F6F5;}

/* お客様情報入力確認画面_個人 .register.confirm */
.section1Body.register.confirm .list-01 li span { margin-bottom: 3px;}
.section1Body.register.confirm .list-01 li div { font-size: 1.4rem;}    
.section1Body.register.confirm .list-01 > li {
    background-image: linear-gradient(to right, #595757, #595757 1px, transparent 1px, transparent 3px);
    background-size: 3px 1px;
    background-position: left bottom;
    background-repeat: repeat-x;
    padding: 18px 0;
    margin-bottom: 0;
    align-items: center;}
.section1Body.register.confirm .list-01{ padding: 0; }
.section1Body.register.confirm .list-01.team-list > li:last-child { margin-bottom:52px; }
.section1Body.register.confirm .list-01 li.address li{ margin-bottom: 0;}
.section1Body.register .list-01 li .form-select { width: 100%;}

/* 利用ガイド */
.guide-list a { width:100%; }
.guide-list a span{ font-size:1.4rem; letter-spacing:normal}
.guide-list{ border: 1px solid #595757; background: #fff;margin-top: 35px;}
.guide-list > li{ margin-bottom: 54px;}
.guide-list > li:last-child{ margin-bottom:0;}
.guide-list div{ margin-bottom:23px}
.guide-list > li:last-child div{ margin-bottom:0;}
.guide-list .other-deta{ padding: 0 30px 0 0;}
.guide-list .other-deta li a{ display: block; font-size: 1.4rem;font-weight:bold;}
.guide-list .other-deta li a:before{ content: none;}
.guide-list .other-deta li a:after{ position: absolute; content: url(../img/icon_arr2.svg); width: 8px; height: 11px; top: 0; right: -25px;}
.guide-list div h3 {padding: 0 0 15px; line-height: 1.4; font-size: 2rem; border-bottom: 1px solid #595757; margin-bottom: 18px;}

.guide .guide-list > li:last-child div{ margin-bottom:23px}
.guide .guide-list > li:last-child .other-deta{ margin-bottom:0;}

/* 利用ガイド 詳細 */
.step-list li{ margin-bottom:20px;}
.step-list li div p{ font-size:1.4rem;}
.guide-list-btn{ text-align:center}
.guide-list-btn a{ width: 100%; max-width: 230px; padding: 10px 0; border-radius: 3px; background: #c9caca; box-shadow: none; font-size: 1.8rem;}
.guide .outline1{text-align: center; font-size: 2.0rem; font-weight: bold; margin: 0 0 20px;}
.step-list li .outline4 { margin: 0 0 20px 0; font-size:1.6rem; font-weight:bold; background-color: #fbe0e4; border-radius: 28px; padding: 4px 14px;}  
.step-list li .outline4 span{ padding-right: 15px;}
.step-list li div.flex .text .outline4{ font-size:1.6rem; border-radius: 0; padding: 0; background-color: #fff; margin-bottom: 10px;}

.step-list li .arrow{ color: #EC7083; font-size: 1.2rem;}

.guide#quit .step-list li div p{ font-size: 1.6rem;}
.guide#quit .sp-step-list li{ margin-bottom: 15px;}
.guide#quit .unsubscribe-text{ margin-bottom: 35px; font-size: 1.6rem; text-align: left; letter-spacing: normal; padding: 20px 0 0 0;} 

/* 支払い方法 */
.radio01 input[type=radio]+label{ margin-bottom:24px; line-height:1.2!important}
/* 
.default span{ display: inline-block; margin-bottom:5px;padding:2px 10px; background:#67BDE1; font-size:1.1rem; color:#fff; letter-spacing:normal; border-radius:2px} */

.guide-list2{ margin-top:40px;}
.guide-list2 a { width:100%; height:124px; box-sizing:border-box;padding-top:45px;}
.guide-list2 div{ margin-bottom:20px}
.guide-list2 div div{ letter-spacing:normal; margin-bottom:0}
.guide-list2 div a div{ font-size: 1.5rem;}
.ver01{ margin:60px 0 90px;}
.guide-list2.list-02 dl dt{font-size:1.4rem; font-weight: bold; margin: 0;}
.guide-list2.list-02 dl dd{font-size:1.4rem; margin: 0;}
.guide-list2.list-02 dl .sp_inline dd{display: inline-block; }
.guide-list2.list-02 dl .sp_inline dd::after{content: ", " ;color: #231815;}
.guide-list2.list-02 dl .sp_inline dd:last-child:after {content: none}

.guide-list2.list-02 div.btn02 .btn002{ margin-top: 0;}
.guide-list2.list-02 div.btn02 .btn002 a{ font-size: 1.4rem; font-weight: normal; text-decoration: underline; color: #ec7083; padding: 0 20px 0 0; margin-top: 0; display: inline; }
.guide-list2.list-02 div.btn02 .btn002 a:after{ content: none;}

.addition-add.btn02{
	box-shadow: none;
	background: #C9CACA;
	display: block;
	max-width:397px;
	padding: 16px 0;
	margin: 34px auto 0 auto
}

.payment .user-content h3{ font-size: 1.6rem; font-weight: bold; padding-left: 0;} 
#paymentList.list-02 div.method001 { width: 100%; padding: 9px 6px; box-sizing: border-box; text-align: left; height: auto; font-weight: normal; font-size: 1.4rem; position: relative;}
#paymentList.list-02 div.method001 input[type=radio]+label {position: static;}
#paymentList.list-02 div.method001 ul{margin-left: 0; margin-top: 25px;}
#paymentList.list-02 div.method001 div.default{position: static}
#paymentList.list-02 div.method001 .btn002 { position:absolute; bottom: 10px; right: 13px; margin-top: 0;}
#paymentList.list-02 div.method001 .card02{ position: static}
#paymentList.list-02 div.method001 .btn002.delete {position:absolute; bottom: 10px; left: 13px; right: auto;}
#paymentList.list-02.list-02 li.select .default span { position: absolute; top: -55px; left: 0;}
#paymentList.list-02 div.method001 .btn002 a { font-size: 1.4rem; font-weight: normal; text-decoration: underline; color: #ec7083; padding: 0 20px 0 0; margin-top: 0; display: inline; height: auto;}
#paymentList.list-02 div.method001 .btn002 a:last-child {padding-right: 0}
#paymentList.list-02 div.method001 .btn001 {display:block; padding-top: 15px; padding-bottom: 30px; margin: 0;}
#paymentList.list-02 div.method001 .btn001 a{text-align: center; height: auto; }

#paymentList.list-02 div.method001 a:after{content: none}
#paymentList.list-02 div.method001 input[type=radio]+label { font-size: 1.4rem; padding:0; margin-bottom: 0;} 
#paymentList.list-02 div.method001 input[type=radio]+label::before { content: none;}
#paymentList.list-02 div.method001 input[type=radio]+label span.numb{ margin-left: 15px}
#paymentList.list-02 div.method001 input[type=radio]+label span.exp{ display: block; margin-top: 10px}
#paymentList.list-02 div.method001 input[type=radio]+label span.exp::before{ content: "有効期限"; color: #231815; margin-right: 1rem;}
.payment .sp-radio04 .addition {
	font-size: 1.8rem;
	padding: 20px 25px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #595757;
}

.payment .sp-radio04 .addition a{
	margin-left: 0;
	padding: 0;
	font-weight: normal;
}
#paymentList.list-02 .addition .btn001 {
	display:block;
	padding-top: 15px;
	padding-bottom: 30px;
	font-size: 1.4rem;
}
#paymentList.list-02 .addition .btn001 a{
	font-size: 1.5rem;
	padding: 16px 0;
	text-align: center;
	height: auto;
}
#paymentList.list-02 div.method001 .btn001 a{ }
#paymentList.list-02 .addition_btn{ text-align: right; margin-top: -20px;}
#paymentList.list-02 .addition_btn a.cardAddBtn{ color:#ec7083; text-align: right; font-size: 1.4rem;}

/* 汎用 selct-list */
.inline-wrap ul.select-list{
	margin-bottom: 18px;
}

ul.select-list > li + li{
	margin-top: 18px;
}

ul.select-list > li > div{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #595757;
	
	text-align: left;
	height: auto;
	font-weight: normal;
	font-size: 1.4rem;
	padding: 20px 25px;
	transition: 0.3s;
}
ul.select-list > li.select > div{
	top:-3px;
	border: 6px solid #ec7083;
}
ul.select-list > li > div input[type=radio]+label{
	margin-bottom: 0;
}

ul.select-list > li .addition .credit-card {
    margin-top: 0;
	padding: 10px 0;
}
ul.select-list > li .addition .card-btn{
	text-align: center;
}
ul.select-list > li .addition .btn01{
	font-size: 1.6rem;
}

/* 新しいクレジットカードを追加 */

.addition .cardAddBtn{  margin-left: auto;}


.addition .credit-card{  margin-top: 25px;}
.addition #zeus_registerd_card_area,
.addition #zeus_new_card_area{
	margin: 0;
}
.addition #zeus_new_card_area label{ margin-bottom: 5px;}
.addition #zeus_token_card_name,
.addition #zeus_token_card_number,
.addition #zeus_token_card_cvv{
    width: 100%;
    padding: 0 20px;
    font-size: 16px;
    line-height: 42px;
    font-size: 1.4rem;
    border-radius: 5px;
    border: 1px solid #A9A9AA;
    color: #282828;
    box-sizing: border-box;
}
.addition #zeus_token_card_cvv{ width: auto;}
.addition #zeus_token_card_info_area select{ border-radius: 5px;}

/* お届け先情報 */
.list-02{}

	.list-02 a{
		height:194px;
		padding: 5px 18px;
		box-sizing:border-box;
		text-align: left;
	}
	 .list-02 .addition-add{
	/*	background-image:url(../img/plus.svg);
		background-position: 8px 50%;
		background-repeat: no-repeat;
		background-size:1em auto;
    */
		color:#fff;
		box-sizing:border-box;
		text-align:center;
		height: auto;
	}
.list-02 dl dt{margin:8px 0; font-size:1.4rem;letter-spacing:normal; }
.list-02 dl dd{font-size:1.4rem;letter-spacing:normal;line-height: 1.4;}
.list-02 div.btn02{
    width: 100%;
    height: 194px;
    padding:30px 18px 5px;
    box-sizing: border-box;
    text-align: left;}
.btn002{ margin-top:10px;}
.btn002 a{ padding:0 20px 0 0; font-size:1.4rem;}

#shippingList.list-02 div.btn02 {height: auto; font-weight: normal;}
#shippingList.list-02 div.btn02 .btn002 a {height: auto}
#shippingList.list-02 .defaultSelect div.btn02 .btn002 a.regulationBtn { display: none;}
.shipping .user-content h3{ font-size: 1.6rem; font-weight: bold; padding-left: 0;}  

.guide-list2 li div.btn02,
.guide-list2 li div.method001{
	display: inline-block;
	color: #fff;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #595757;
	font-size: 1.8rem;
	color: #231815;
	box-shadow: none;
	padding: 20px 25px;
	margin-top: 0;
	height: auto;
}

.shipping .checkbox01 .form-checkbox label::before{
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: none;border:1px solid #A9A9AA;
	border-radius: 3px;
}

#inline-shipping .checkbox01 .form-checkbox label::before{
	margin-top: -10px;
}

/*  選択されたとき .select
-------------------------------- */
.guide-list2 li.select .method001{
	border: 6px solid #ec7083;
	border-radius: 9px;
}

.guide-list2 li.select .btn02{
	border: 6px solid #ec7083;
	border-radius: 9px;
}
/*  既存
-------------------------------- */
.guide-list2 li.defaultSelect .btn02,
.guide-list2 li.defaultSelect .method001{
	margin-top: 50px;
}

.list-02 li.defaultSelect {
	position:relative;
}
	.list-02 li.defaultSelect .default span{
		position:absolute;
		top: 0;
		left: 0;
		background: #ec7083;
		width: 120px;
		height: 26px;
		line-height: 26px;
		border-radius: 2px;
		color: #fff;
		font-size: 1.4rem;
		text-align: center;
		padding: 2px 0;
	}
	.list-02 li.defaultSelect .default span:before{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -6px;
		border: 6px solid transparent;
		border-top: 8px solid #ec7083;
	}

/* メルマガ */
.checkbox01,
.checkbox01 .form-checkbox{ margin-left:40px;}
.checkbox01 .form-radio{ margin-bottom:10px;}
.checkbox01 .form-checkbox{ margin-bottom:100px;}

.checkbox01 .form-radio input[type=radio]+label{ font-size:1.8rem;}
.checkbox01 .form-radio input[type=radio]+label::before{ margin-top:-18px!important;}
.checkbox01 .form-radio input[type=radio]+label::after{ margin-top:-12px!important;}
.checkbox01 .form-checkbox label::before{
    width: 20px;
    height: 20px;
    margin-top: -9px;
    background: none;border:1px solid #A9A9AA;    
    border-radius: 3px;}
.checkbox01 .form-checkbox input[type=checkbox]+label::after {
    width: 24px;
    height: 24px;}
.checkbox01 .form-checkbox input[type=checkbox]:checked+label::after{
    background-size: 18px 18px;
    left: 6px;
    position: absolute;
    display: block;
    content: '';
    background: url(../img/check01.svg) 0 0 no-repeat;}
.checkbox01 .form-checkbox input[type=checkbox]:checked+label::before{border:1px solid #bfc4c7}
.checkbox01 .form-checkbox label{ font-size:1.8rem; letter-spacing: normal;}
.registering{    display: inline-block;
    margin-bottom: 5px; margin-left:5px;
    padding: 4px 10px;
    background: #67BDE1;
    font-size: 1.1rem;
    color: #fff;
    letter-spacing: normal;
    border-radius: 2px;}
.cancel{ font-size:1.4rem; margin-left:15px; font-weight:bold}
.checkbox01 .form-checkbox li{ margin-bottom:10px}

/* SNS連携 */
.sns .sp-text03 { font-size: 1.6rem; padding: 0;}
.sns .sns-cooperate { margin: 56px 0 0 0; padding:0}
.sns .login-id li { height: 56px; line-height: 56px;}

/* 新着情報 */
.news-area{ margin-bottom:92px; padding: 60px; border: 1px solid #595757; background:#fff;}
.news-area h3{margin:0; padding:10px 15px; font-size:1.9rem;}
.news-area h3 div{font-size: 1.5rem; float: right;}
.news-area .news-detaarea{ padding:40px 15px; font-size:1.8rem;}
.news-area .news-detaarea p{ padding-bottom:20px;font-size:1.8rem;}
.news-list-btn{ text-align:center}
.news-list-btn a{ width:100%; max-width:185px; padding: 10px 0; border-radius: 3px; background: #c9caca; box-shadow: none; font-size: 1.8rem;}

.news-more-b{ display:block; text-align:center; margin-top:40px}
.news-more-b a{ width:344px; margin:0 auto}

/* 新着情報一覧 */
.news-list li{ margin-bottom:20px}
.news-list span{ width:110px; font-size:1.4rem; box-sizing:border-box;}
.news-list div{ width: 100%; max-width: 800px; font-size:1.4rem;}
.news-list div a{ font-weight: bold}

/* 注文詳細 */
/*
.back-list{ margin:-50px 0 25px; text-align:right}
.back-list a{box-sizing:border-box; font-size:1.2rem; letter-spacing:normal; padding:10px; color:#007DD1 }
.order-details { padding-top: 36px; border-top:1px solid #D5D9DC}
.order-details dl.order-deta dt.total{ margin-top:40px;}
.order-details dl.order-deta dt.total + dd{ margin-bottom:50px;}
.receipt{ margin-top:20px; padding:20px 0 0; border-top:1px solid #D5D9DC}
.receipt ul{ display:flex;justify-content: space-between;}
.receipt ul li{width: auto; font-size:1.3rem; letter-spacing:normal; }
.receipt ul li a{ text-decoration:underline}
.receipt ul li:last-child span{ color:#999}
.receipt ul li:before{ content:""; display: inline-block; width:8px; height:8px; margin-right:8px; background:#D5D9DC; border-radius:10px;}
.order-details .img-details{ margin-bottom:40px; border:none; padding:0; box-sizing:border-box; border-radius:0; background:none }
.order-details02{ padding:36px 10px 0 10px}
.order-details02 .deta-order-details{ padding:20px 10px}
.order-details02 dl.order-deta dt.total{ margin-top:15px}
.order-details02 dl.order-deta dt.total + dd{ margin-bottom:15px;}
.img-details .flexslider{ margin:0 15px; background:none}
.img-details .flex-control-thumbs{ width:100%}
.img-details .flexslider .flex-direction-nav .flex-prev{left:-15px;}
.img-details .flexslider .flex-direction-nav .flex-next{right: -15px;}
.img-details .flex-control-thumbs img:hover,.img-details .flex-control-thumbs .flex-active{border: 2px solid #0099cc;}
.dl-share{ display:flex;justify-content: space-between; margin:10px 0 0; }
.dl-share li{ width:33.3%;background:none; margin:0 2px }
.dl-share li a{ width:100%; max-width:158px; font-size:1rem; letter-spacing:normal; line-height:1; padding:10px 0; font-weight:bold}
.dl-share li a img{
    display: block;
    margin: 0 auto 5px; width:25px; height:auto; vertical-align:middle;}
.order-data{ background:#fff; border:1px solid #D5D9DC; border-bottom: none;}
.order-data ul{ padding:10px;}
.order-data ul li { padding-bottom:10px; border-bottom:1px dotted #D5D9DC}
.order-data ul li:last-child{ border:none}
.order-data div{ letter-spacing:normal}
.order-data .item-id{ color:#007DD1}
.order-data .color-size{ color:#999999; font-size:1.5rem}
.order-data .unit-price{ font-size:1.5rem}
.order-data .total-price{ text-align:right; font-size:1.9rem; font-weight:bold;}
.order-data .total-price:before{ content:"小計："; font-size:1.4rem; font-weight:normal}
.order-data .outline3{ margin-bottom:0}
.order-data .hukuro,
.order-data .consignee{ padding-top:0}
.order-data .hukuro .item-id{ color:#282828}
.total-fee{ margin-bottom:40px;border-top:1px solid #D5D9DC;}
.total-fee div{ width:100%; max-width:384px; padding:24px 0; line-height:1; background:#fff; border:1px solid #D5D9DC; border-top: none }
.total-fee div:before{ content:"注文時の合計金額（税込）"; margin-right:47px; font-weight:bold; font-size:1.5rem; color:#282828}
.table01{ margin-top:20px; margin-bottom:30px; border:1px solid #D5D9DC; border-bottom:none}
.table01 th,.table01 td{border-bottom:1px solid #D5D9DC;font-size:1.5rem;}
.table01 th{ width:155px; color:#777777; padding-left:30px;border-right:1px solid #D5D9DC; text-align:left; vertical-align:middle; background:#E9E9E9}
.table01 td{ padding:20px; background:#fff;}
 */

/* 退会手続き */
.unsubscribe-text{ margin-bottom: 35px; font-size: 1.6rem; text-align: left; letter-spacing: normal; padding: 20px 0 0 0;} 
.unsubscribe-btn{ text-align: center}
.unsubscribe-btn a{ width: 100%; max-width: 230px; padding: 10px 0; border-radius: 3px; background: #595757; box-shadow: none; font-size: 1.8rem;}

.unsubscribe{ margin-bottom: 47px}
.unsubscribe .list-01 input[type="text"]{ width:100%; max-width:515px; height:50px}
.unsubscribe textarea{ width:100%; max-width:740px;}

.unsubscribe-btn2{ text-align:center}
.unsubscribe-btn2 a{ width:100%; max-width: 230px; padding: 10px 0; border-radius: 3px; background: #595757; box-shadow: none; font-size: 1.8rem;}
/* 
.unsubscribe .form-radio input[type=radio]+label::before{ border:1px solid #A9A9AA}
.unsubscribe .form-radio input[type=radio]:checked+label::before { border: 1px solid #ec7083;}
 */
/* 再注文フォーム */
.reorder-form .order-details > li{ padding:0; border:none; background:none}
.reorder-form .order-details li h3 + p{ margin-bottom:30px; padding:18px; background:#fff; border-radius:10px; font-size:1.5rem; letter-spacing:normal; line-height:2; font-weight:bold; box-sizing:border-box}
.reorder-form .order-details li h3 + p a{ text-decoration:underline; display:inline-block}
.reorder-form-btn a{ width:100%; max-width:269px; padding:10px 0; letter-spacing:normal; font-size:1.4rem}

.order-step{ display:flex; margin-bottom:70px;}
.order-step li{ display:flex; height:60px; line-height:60px; font-size:1.5rem; letter-spacing:normal}
.order-step li:after{ content:""; display:block; width:45px; background:url(../img/next.svg) center center no-repeat}
.order-step li:last-child:after{ display:none}
.order-step li div{ width:229px; padding-left:10px; box-sizing:border-box;background:#EFEFEF; color:#A9A9AA }
.order-step li.active-step div{ background:#FBE0E4; color:#EC7083; font-weight:bold}
.order-step li.active-step span{ background:#EC7083}
.order-step li span{ display:inline-block; width:60px; height:60px; background:#A9A9AA}
.order-step li span img{ width:34px; height:40px; padding: 10px 13px;}

.reorder-details{ padding:10px 0; border-radius:10px; border:1px solid #D5D9DC; background:#fff; }
.reorder-details .right-details{  padding:20px 20px 24px; border-radius:10px;  background:#F2F2F2; box-sizing:border-box}
.reorder-details .right-details ul{ display:flex;}
.reorder-details .right-details ul li{ margin-right:14px}
.reorder-details .right-details ul li span{ display: block; font-size:1.2rem; color:#999999}
.right-details{ margin-right:40px}
.right-details .form-select{ margin-bottom:0}
.right-details .form-select select{ height:27px;font-size:1.4rem; }
.right-details .form-select:after{top: 16px;border-color:#4D4D4D transparent transparent transparent}
.right-details input[type="text"]{ padding:0 10px; height: 38px; line-height:37px; vertical-align: bottom;}
.right-details input::placeholder {color: #282828;}
.right-details input:-ms-input-placeholder { color:#282828;}/* IE */
.right-details input::-ms-input-placeholder { color:#282828;}/* Edge */
.right-details .form-select select,
.right-details input[type="text"]{ max-width:145px;}
.right-details .new-add a{ width:132px; padding:5px 0}
.right-details .new-add{ margin:5px 0; text-align:left}
.reorder-details ul li.right-details-wrap{ display:flex;justify-content: space-between; margin-top: 30px; padding-bottom:20px; border-bottom:1px solid #D5D9DC} 
.reorder-details ul li.right-details-wrap:first-child{ margin-top: 0;} 
.reorder-details ul li.right-details-wrap:last-child{ border-bottom:none} 
.item-name{ font-size:1.5rem; text-align:center; letter-spacing:normal}
.item-img{ padding:0 35px;text-align:center}
.right-details01{ width:100%; max-width:640px}
.right-details01.width100{ width:100%; max-width:inherit;}
.next-btn{ margin-bottom:200px; text-align:center}
.next-btn a{ width:100%; max-width:397px; padding:20px 0}
#inline-tel-order{ line-height:31px}
#inline-tel-order h4{ margin:0 0 15px; font-size:2.7rem;}
#inline-tel-order h4 + p{ margin:0 0 20px; font-size:1.7rem;}
#inline-tel-order img{ width:100%; max-width:430px ; height: auto; margin-bottom:0}
#inline-tel-order .blue{ margin-bottom:15px;color:#007DD1; font-weight:bold; font-size:1.7rem;}
#inline-tel-order .n-NB{ width:100%; max-width:340px; margin:0 auto 25px; padding:12px 0; box-sizing:border-box;  font-size:1.8rem; font-weight:bold; border:1px solid #CDD6DD}
#inline-tel-order .popup-modal-dismiss a{ line-height:22px}

/* 再注文フォーム2 */
.img-check-wrap{ margin-bottom:100px; padding:30px; background:#fff; border-radius:10px }
.img-check{ position:relative; width:100%; max-width:440px; height:auto; margin:0 auto}
.specified01{ background:#fff; border:1px solid #D5D9DC; border-bottom:none; font-size:1.5rem}
.specified01 h3{ margin-bottom:0; padding: 12px 30px;}
.specified01-contents .form-radio input[type=radio]+label{ padding-left:25px; font-size:1.5rem}
.specified01-contents .form-radio input[type=radio]+label::before{ width:16px; height:16px; margin-top:-8px;}
.specified01-contents .form-radio input[type=radio]:checked+label::after{ width:8px; height:8px; margin-top: -4px; left:4px; background:#009CDE}
.specified01-contents { padding:10px;}
.specified01-contents div{ letter-spacing:normal}
.specified01-contents input[type=text]{ display:inline-block; width:100%; max-width:214px; height: 40px; padding:0 10px; border-radius:0; background:url(../img/clnd.svg) right center no-repeat; background-size:24px 16px}
.specified01-contents li{ margin-bottom:15px}
.specified01-contents .new-add{ text-align:left}
.specified01-contents .new-add a{ width:100%; max-width:251px; padding:6px; font-size:1.4rem}
.specified01-add{ text-align:right;}
.specified01-add .btn02{ width:98px;padding:3px 0; font-size:1.4rem; color:#009CDE}
.specified01-contents .checkbox01{ margin:0}
.specified01-contents .checkbox01 .form-checkbox{ margin:0}
.specified01-contents .checkbox01 .form-checkbox label{ font-size:1.6rem}
.specified01-contents .checkbox01 .form-checkbox label::before{ margin-top:-14px}
.specified01-contents .checkbox01 .form-checkbox li input[type=text]{ background:#fff; }
.specified01-contents .form-checkbox input[type=checkbox]:checked+label::after{ top:11px}
.specified01-contents .form-select{ margin-bottom:0; padding:0; width: 100%; max-width:368px; box-sizing:border-box}
.specified01-contents .form-select select{ font-size:1.4rem;}
.specified01-contents .form-select:after{ top: 16px;border-color: #4D4D4D transparent transparent transparent;}
.bb{ border-bottom:1px solid #D5D9DC!important}
.specified01-add{ position: absolute; right:30px; margin-top:-41px}
.ver2 a{ width:auto; padding:20px}
.ver2 a:first-child{  margin-right:25px; color:#999999}

/* 注文確認画面 */
.total01 {border-bottom:1px solid #D5D9DC;}
.total01 > div{ padding:30px; text-align:right; font-size:1.5rem; box-sizing:border-box}
.total01 dl{  max-width:300px; margin-right:0}
.total01 dl dt,
.total01 dl dd{ font-size:1.5rem}
.total01 dl dt{ clear:both; float:left; width:120px}
.total01 dl dd{ margin-left:110px;}
.total01 dl dd span{color:#F2646E; font-weight:bold}
.total01-1{ margin:20px 0; }
.total01 .total01-1{ margin:20px 0; font-weight:bold; font-size:1.7rem}
.total01 .total01-1 span{ margin-left:8px;margin-right:5px; font-size:3rem ;}
.ver3{ border:none}
.ver2 .btn05{ padding:18px 0}
.cupon-area{ font-weight:bold;color:#F2646E;}

/* 決済完了画面 */
.finish-img { text-align:center}
.finish-img img{ width:110px; height:auto}
.simulatorBody .login-contents .finish h2{ margin-bottom:0; text-align:center; font-size:3rem;}
.finish p{ text-align:center; font-size:1.8rem}
.finish .number{ margin-bottom:50px;font-size:2.4rem}
.finish .btn02{ width:100%; font-size:1.5rem; padding:16px 0 ;}
.finish .order-check{ margin-bottom:48px;}
.finish h2{ letter-spacing:normal;text-align: center; font-size:3rem}
.section1Body .main .finish h2{ padding:10px 0 }

/* シミュレーター注文完了画面 */
.simulatorBody .section1Body.orderSim .finish p{ margin-bottom: 48px;}

/* 再注文フォーム（商品・デザイン変更の場合） */
.text02{ color:#FF7E87; letter-spacing:normal}
.order-change .order-details{  border-top: none}
.specified02{ background:none}
.specified02 h3{ margin-bottom:0}
.specified02 ul li{ margin-bottom:20px;}
.specified02 .cupon-list{ width:100%; max-width:500px;}
.specified02 ul li.select01{ margin-bottom:0}
.scheduled-number{ font-size:1.6rem; font-weight:bold} 
.scheduled-number input[type="text"]{ width:168px}
.select-file{ display:flex}
.select-file input[type="text"]{ width:140px}
.select-file a{ width:133px; height: 40px; line-height: 40px; color:#fff; box-sizing:border-box; background:#007DD1;font-size:1.6rem; font-weight:bold; letter-spacing: normal}
.upto10mb{ margin-bottom:25px; font-size:1.4rem; letter-spacing:normal}
input.clnd[type=text] {
    display: inline-block;
    width: 100%;
    max-width: 340px;
    padding: 0 10px;
    border-radius: 4px;
    background:#fff url(../img/clnd.svg) right 10px center no-repeat;    
    margin-bottom: 10px;
}
.picker__input.picker__input--active { border-color: #EC7083!important}
.texrarea01{ height:183px; padding:15px; box-sizing:border-box; width:100%; max-width:740px}

/* 注文履歴引継ぎフォーム */
.inherit-content h3.mb15{ margin-bottom: 15px; padding: 10px 0!important;}
.input-area02{ padding: 46px 0 30px;}
.input-area02 h3{ padding: 10px 0!important;}
.input-area02 .sp-wrap011{ padding: 0;}
.input-area02 .wrap02{ padding: 0;}
.input-area02 input[type="text"]{ width:100%; max-width:570px}
.input-area02 .wrap02 p{ margin-bottom: 13px; font-size: 1.4rem;}
.input-area02 .wrap02 p.input-area02-text{ width:100%; font-size:1.2rem; letter-spacing:normal;}
.inherit .ver2 a:last-child{ box-shadow: none; max-width: 285px; padding: 16px 0; font-size: 1.5rem; margin-right: 0;}
.inherit .order-details .btn001 a.white_btn { background: transparent}
.inherit .more-btn{ margin-bottom: 40px;}
.active01{ background:rgba(236,112,131,0.3)!important;}
.sp-wrap012{ padding: 10px 0px 40px!important;}

/* チェック部分 */
.list02 > li{ position:relative; padding-top: 74px;}
.list02 > li .check-mark{
    display:inline-block; 
    position: absolute;
    left: 20px;
    top: 26px;
    height: 35px;
    width: 35px; 
    border-radius:3px;
    border: 1px solid #A9A9AA;
    box-sizing: border-box;
}
.list02 > li.active01 .check-mark{
    background:#EC7083; /* チェック背景色 */
    border: 1px solid #EC7083;
}
.list02 > li.active01 .check-mark span{
    content: url(../img/check.svg);
    position: absolute;
    left: 6px;
    top: 5px;
}
/* 
.list02 > li.active01 .check-mark span{ 
    font-size: 18px;
    position: absolute;
    top:6px;
    right:6px;
    width: .8em;
    height: 0.5em;
    border-bottom: 0.2em solid #fff;
    border-left: 0.2em solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);	
} */
.precautions-text{ padding:20px; height:250px; font-size:1.5rem; background:#fff; color:#282828; border:1px solid #595757;  overflow-y:auto; text-align: left;}
.precautions-text a{ text-decoration:underline}
.precautions-table th, .precautions-table td{ font-size:1.4rem; color:#282828; font-weight: 400;}
.consent01-checkbox { margin:20px 0}
.consent01-checkbox .form-checkbox{ margin-left:0; margin-bottom:0; text-align:center}
.consent01-checkbox .form-checkbox li{ display:inline-block}
.consent01-checkbox .form-checkbox label{ font-size:1.4rem; font-weight: 700;}
.consent01-checkbox .form-checkbox label::before{ margin-top:-10px;}
.consent01-checkbox .form-checkbox input[type=checkbox]:checked+label::after{ margin-top:-2px}

/* RUB-LAB.クーポン */
.cupon-list02 li{ width:100%!important}
.cupon-list02 .cupon-img{ text-align:center}
.cupon-text01{font-size:1.5rem; color:#999999}
.cupon-text02{ position:relative;font-size:3.6rem; color:#F2646E; font-weight:bold}
.cupon-text02 a{ padding:8px 0; color:#007dd1; font-size:1.4rem; font-weight:normal}
.cupon-text03{font-size:1.5rem; color:#FF7E87}
.cupon-text04{font-size:1.6rem;}
.cupon-deta{ line-height:1.4}
.cupon01 dd{ font-size:2rem; font-weight:bold}

/* 限定おすすめアイテム */
/* .osusume-wrap .main{ width:100%; max-width: 1020px; margin-right:0; box-sizing:border-box}
.d-print{ padding:60px 0 100px; background:url(../img/osusume01.png) right top no-repeat}
.d-print img{ width:100%; max-width:430px;}
.d-print h3{ margin-bottom:40px;}
.d-print p{ width:100%; max-width:430px; font-size:1.5rem; letter-spacing:normal}
.d-list{ position:relative; width:100%; max-width:930px; margin-bottom:40px; padding:10px; background:#fff; border-radius:10px; box-sizing:border-box}
.d-list ul.d-list01{}
.d-list ul.d-list01 li{ position:relative;  width:100%; max-width:203px; margin-bottom:20px;padding: 20px 0; background:#EEEEEE; border-radius:10px;text-align:center;}
.d-list h3{ margin-top:0; margin-bottom:30px; font-size:1.9rem;} 
.d-list h3:before{ content:""; display:inline-block; width:65px;  height:65px; vertical-align:middle; background:url(../img/d_step1.svg); margin-right:10px;}
.select-color{ position:absolute; right:0; top:60px; display:flex; font-size:1.4rem}
.select-color ul{display:flex; margin-left:10px;}
.select-color ul li{ position:relative;display:flex; width:45px}
.select-color ul input[type=radio]+label{ padding:0}
.select-color ul input.color1[type=radio]+label::before{ width:21px; height:21px;border-radius: 5px; border:2px solid #fff; background:#EEEEEE;    margin-top: -10px;}
.select-color ul input.color2[type=radio]+label::before{ width:21px; height:21px;border-radius: 5px; border:2px solid #fff; background:#000 ;   margin-top: -10px;}
.select-color ul input.color1[type=radio]:checked+label::before{border-radius: 5px; border:2px solid #007DD1; background:#EEEEEE}
.select-color ul input.color2[type=radio]:checked+label::before{border-radius: 5px; border:2px solid #007DD1; background:#000}
.select-color ul input[type=radio]:checked+label::after,
.select-color ul input[type=radio]:checked+label::after{ background: none}
.select-color ul li:first-child:after{ position:absolute; right: 7px; top: -2px; content:"|"; color:#D5D9DC }
img.setting[src$=".svg"]{ width:40px; height:40px}
.setting-wrap{ display:block; width:40px; height:40px; position: absolute; right:10px; top:10px}
*/
/* 限定おすすめアイテムイメージ */
/* 
.back01{ font-size:1.5rem}
.back01:before{ content:""; display:inline-block; width:9px; height:16px; margin-right:8px; vertical-align:middle; background:url(../img/back01.svg) left center no-repeat}
.d-list h3.step02:before{ background:url(../img/d_step2.svg);}
.d-list .form-checkbox{ position: absolute; right:30px; top:40px}
.d-list .form-checkbox label{ padding-left:28px; color:#007DD1; letter-spacing:normal}
.d-list .form-checkbox label::before{ width:21px; height:21px}
.d-list .form-checkbox input[type=checkbox]:checked+label::after{ left: 3px; top: 12px;}
.d02{ position:relative}
.d02 .form-checkbox{ position: absolute; right:30px; top:40px}
.d02 .form-checkbox label{ padding-left:28px; color:#007DD1; letter-spacing:normal}
.d02 .form-checkbox label::before{ width:21px; height:21px; margin-top: -14px;}
.d02 .form-checkbox input[type=checkbox]:checked+label::after{ left: 3px; top: 8px;}
.d02 h4{ margin-left:30px; text-align:left}
.d-list02 li{ text-align:center}
.d02-btn a{ width:100%; max-width:315px; margin-right:20px; padding:18px 0; letter-spacing:normal}
.other-d{ margin:40px 0; text-align:center}
.other-d a{ width:100%; max-width:397px; padding:15px 0; font-size:1.5rem; letter-spacing:normal}
*/

/* デザイン入稿フォーム */
.deta-form-list{ letter-spacing:normal; }
.deta-form-list li{ margin-bottom:20px;}
.deta-form-list li div{ width:100%; max-width:220px;font-size:1.4rem; font-weight:bold;}
.deta-form-list li div .btn02{ width:100%; max-width:212px; padding:6px 0;font-size:1.4rem; border-radius:5px; font-weight:normal}
.inline-10mb-wrap{ width:100%; max-width:836px; margin:0 auto; text-align:left}
.inline-10mb-wrap h4{ font-size:2.4rem;}
.inline-10mb-wrap p{ padding-bottom:40px; font-size:1.6rem; letter-spacing:normal}
.inline-10mb-wrap p:last-child{ padding-top:50px; color: #E60012;}
.inline-10mb-wrap .d02-btn a{ max-width:265px;}
.specified03-contents .texrarea01::placeholder{ font-size:1.4rem}

/* 手書デザイン */
.handwriting { padding:20px;}
.handwriting li{ display:block!important; margin-bottom:35px;}
.handwriting li div{ max-width:none; margin-bottom:10px; font-size:1.6rem;}
.add02{ color:#FF7E87}
.handwriting li div img[src$=".svg"]{ width:100%; max-width:320px;}
.pdf-dl{ padding:24px 80px; border-radius:10px; background:#fff; border:1px solid #D5D9DC}
.pdf-dl h2{ font-size:2.2rem}
.pdf-dl div{ display:flex; }
.pdf-dl div ul:first-child{ margin-right:180px}
.pdf-dl ul li{ margin-bottom:20px; font-size:1.4rem}
.pdf-dl ul li:before{ content:""; display:inline-block; margin:0 15px 0 0; vertical-align:middle; width:25px; height:25px;background:url(../img/pdf.png) left center no-repeat; background-size:25px 25px; }

/* デザインシミュレーター　ログイン */
.simulatorBody .login-contents h2{ color:#000; font-size:1.8rem; line-height:1.4}
.simulatorBody .forget{ padding:15px 0 0; text-align:left}
.simulatorBody .new-account{margin:0 0 30px 110px;}
.simulatorBody .new-account a{ position: relative; color: #007DD1;font-size: 1.4rem;}
.simulatorBody .new-account a:before { content: ""; display: inline-block; width: 15px; height: 15px; background: url(../img/icon_arr.svg) left 5px no-repeat;
}
.simulatorBody .signup h2 + p{ text-align:center}
.simulatorBody .signup{ height:300px}
.simulatorBody .list-01 li > div{ max-width:660px}
.simulatorBody .list-01 input[type="email"]{ max-width:none}
.simulatorBody .login-contents .d-simulator-section h2{ margin-top:60px; text-align:center; font-size:3.6rem; font-weight:normal}
.simulatorBody .login-contents .d-simulator-section h2 + p{ margin-bottom:40px;text-align:center;}
.text03{ margin:50px 0; font-size:1.4rem; text-align:center}
.text03 a{ text-decoration:underline}

/* デザインシミュレーター　新規アカウント登録　別ページ */
.simulatorBody .login-contents .d-simulator-section h2.mt0{ margin-top:0; }

/* ご注文者情報 */
.simulatorBody .list-01 li.select01 .birthyear{ max-width: 170px!important;}
.simulatorBody .list-01 li.select01 .birthmonth,
.simulatorBody .list-01 li.select01 .birthday{max-width: 102px!important;}
.simulatorBody .list-01 li.select01 .pref_name{ max-width: 140px!important;}
#orderer-deta{ width:700px; margin: 87px auto 0 auto;}
#orderer-deta .list-01 li span{ width:160px}
#orderer-deta .list-01 li div{ max-width:530px;}
.simulatorBody .form-checkbox input[type=checkbox]:checked+label::after{ top: 15px;}
.text04{ font-size:1.8rem; font-weight:bold; letter-spacing:normal; color:#E60012}

/* その他の情報入力 */
.d-simulator-deta .order-details .img-details{ width:350px}
.d-simulator-deta .d-order-data{ width:545px;border-radius:0; padding:0; border:none; background: none;}
.d-order-data .order-data{border: 1px solid #D5D9DC;}
.d-order-data .order-data ul{ padding-top:20px; width:100%; box-sizing: border-box;}
.d-order-data .order-data ul li{ width:100%; padding-bottom:20px!important;}
.d-simulator-deta .img-details .flex-direction-nav .flex-prev{ left: -16px;}
.d-simulator-deta .img-details .flex-direction-nav .flex-next{right: -16px;}
.d-simulator-deta .order-details{ border:none}
/* 
.d-simulator-section .specified01-contents input[type=text]{ height:49px; background:#fff url(../img/clnd.svg) right center no-repeat;}
.d-simulator-section .specified01-contents input.n-entered[type=text]{ height:49px; background:#fff url(../img/clnd.svg) right center no-repeat!important;} */
.br01 br{ display:none}
.text05{ font-size:1.4rem; font-weight:bold; letter-spacing:normal; }
.text06{ font-size:1.4rem; font-weight:bold; letter-spacing:normal; color:#ff2635}
.simulatorBody .d-simulator-check .form-checkbox input[type=checkbox]:checked+label::after{ top:11px}
.simulatorBody .d-simulator-check .form-checkbox label img{ vertical-align:middle; margin-right:5px}
.d-simulator-section .specified01{ border:none; background:none}
.disclaimer h4{ margin:0; font-weight:normal;font-size:1.5rem; letter-spacing:normal}
.disclaimer li div{ font-size:1.5rem; letter-spacing:normal}
.disclaimer li{ margin-bottom:20px;}
.disclaimer li li{ list-style-type:disc; margin-bottom:0; margin-left:30px;}
        
    }
/* アイテム変更 */
/*
.simulatorBody .item-main{}
.simulatorBody .item-main .d-simulator-section{}
.simulatorBody .d-simulator-wrap{display: flex; flex-flow: row-reverse; align-items: start; justify-content: space-between; margin:0 auto; box-sizing: border-box;}
.simulatorBody .d-simulator-wrap .d-simulator-deta{ margin-right:75px}

.d-simulator-nav { margin-left:30px}
.d-simulator-nav li{ margin-bottom:6px; font-size:1.2rem}
.d-simulator-nav li:before{  content: ""; display: inline-block; width: 15px; height: 15px; background: url(../img/icon_arr.svg) left 5px no-repeat;}
.d-simulator-nav{ width:280px;}
.d-simulator-nav div{ width:242px; margin-bottom:15px;}
.d-simulator-nav ul{ margin:0 0 15px 15px}
.nav-title .btn02{ width:100%;text-align: left; letter-spacing:normal;font-weight: bold;}
.nav-title .btn02 img{ vertical-align:middle; margin:0 5px 0 10px}

.item-list{ width:900px; display:flex;flex-wrap: wrap;}
.item-list li{ position:relative; z-index:20; width:280px; margin:0 20px 20px 0; padding:5px; border-radius:10px; background:#fff; border:1px solid #d5d9dc; box-sizing: border-box}
.item-list li .item-list-wrap{ position:relative; z-index:2; padding:15px }
.item-list li .active-item-wrap{ position: absolute;  left:0; top:0;z-index:100; width:268px; height:100%; background:#ff7e87; opacity:.5; border-radius:10px}
.now-select-item{ position:absolute; display:inline-block;top:-25px; 
  left: 0;
  right: 0;
  margin: auto; z-index:101; width:142px; text-align:center; background:#67bde1; color:#fff; font-size:1.2rem; letter-spacing:normal; padding:10px 0;}
.item-id-name{ margin-bottom:10px; font-size:1.8rem}
.item-id-name span{ display:block}
.item-img2{ position:relative; margin-bottom:10px; text-align: center;}
.item-img2 a{ position:relative; display:block}
.item-img2 a .zoom{ left:20px}
.item-tag{ font-size:1.2rem;}
.item-tag span{ display:inline-block; margin:0 5px 5px 0; padding:1px 5px; border:1px solid #707070; letter-spacing:normal}
.text07{ margin-bottom:10px; font-size:1.2rem; letter-spacing:normal}
.teika{ font-size:1.5rem; letter-spacing:normal; color:#999999}
.lb-price{ margin-bottom:10px; font-size:3.6rem; letter-spacing:normal; color:#f2646e; font-weight:bold}
.lb-price span{ font-size:1.8rem; }
.lb-price span.lb-tokka{ display: inline-block; font-size:1.1rem;line-height: 1.4;}
*/

.pager{ display:flex;justify-content: flex-end; margin:0 20px 20px 0}
.pager li{ margin-left:20px;}

/* アイテム変更2 */
.select-t{ margin-right:20px; margin-bottom:20px; background:#fff; border:1px solid #d5d9dc; border-radius:10px;}
.select-t ul { width:880px; display:flex; flex-wrap: wrap; padding:5px 0; box-sizing:border-box }
.select-t ul li { width:88px; margin-bottom:10px; text-align:center; border-right: dotted 2px #dadada; letter-spacing:normal; box-sizing:border-box}
.select-t ul li span{ display:block;}
.select-t ul li a{ display:block; width:86px; height:100%;color:#282828; font-size:1.2rem; box-sizing:border-box}
.select-t ul li.active-select a{ background:#007dd1; color:#fff}
.select-t ul li:nth-child(10){ border-right:none}
.img-wrap{ background:#fff}

/* アイテム選択 */
.select-img-wrap{display:flex;}
.select-img{  background:#fff; border-radius:10px; padding:20px; width:833px; box-sizing:border-box; margin:0 auto 80px; letter-spacing:normal }
.select-img-img {width:283px;}
.select-img-img img{ border-radius:10px; border: 1px solid #707070;}
.select-deta{width: 510px; margin:0 40px; line-height:1.4 }
.select-deta h3{ margin-top:0; color:#007dd1; font-size:1.5rem; margin-bottom:15px;}
.select-deta-text{ margin-bottom:20px; padding:10px;background:#f2f2f2; } 
.select-deta-text span{ font-weight:bold; font-size:2rem} 
.select-deta-text p{font-size:1.5rem} 
.select-deta-btn .btn01{ width:230px; font-size:1.2rem; padding:10px 0}

.order-deta00{ display:flex;}
.order-data .total-price1{ padding-bottom:20px; border-bottom:1px dotted #d5d9dc}
.sp-list01 li{display:block!important; }

/* MR-1_パスワード登録（OMUSUBI前既存顧客） */
#mypage-step{ margin-bottom:20px}
.text08{ letter-spacing:normal; font-weight:bold; margin-bottom:40px}
#orderer-deta .sp-spn{left: 80px;}
.sp-spn{ display:inline!important; margin-left:10px!important; font-size:1.23rem!important; color:#e60012!important; border-radius: 5px; border: 1px solid #e60012; border-radius: 15px; padding: 0px 9px;}
.n-entered{ background:#fbe0e4!important}
.tyuui{ padding-right: 30px!important; background:#fff url(../img/sp/tyuui.svg) right center no-repeat}
.resetting li .specified{ display:inline-block; padding-left:10px;font-size:1.2rem; line-height:1.2; letter-spacing:0; color:#007DD1}
.resetting li .specified2{ display:inline-block; padding-left:10px;font-size:1.2rem; line-height:1.2; letter-spacing:0;  color:#f2646e}

/* メールマガジンの登録・解除 */
.mailmag .outline7 {
    margin-bottom: 15px;
}
.mailmag .sp-wrap05 {
    padding: 46px 0;
}
.mailmag .sp-wrap05 p.text {
    font-size: 1.4rem;
    margin-bottom: 13px;
}
.mailmag .sp-wrap05 .checkbox01 {
    margin: 0;
    width: 100%;
    max-width: 500px;
    font-size: 1.4rem;
}
.mailmag .sp-wrap05 .form-checkbox {
    margin-left: 0;
    margin-bottom: 0;
}
.mailmag .form-checkbox label {
    letter-spacing: normal;
    font-size: 1.4rem;
}
.mailmag .form-checkbox li {
    display: block;
    text-align: left;
    margin-bottom: 0;
}

/* MO-4_ヒアリングフォーム */
.mo4{ margin-left:0}
.mo4 .form-checkbox{ margin:0 0 10px 0}
.mo4-2{ text-align:left; margin-left:0;}
.mo4-2 a{font-size:1.4rem; }
.wrap01{ position: relative; padding:0 0 40px 40px; box-sizing:border-box}
.w100p{ width:100px!important}
.w140p{ width:140px!important}
.uchiwake{ display:flex; margin-bottom:10px;}
.uchiwake-name{ font-size:1.4rem; color:#007DD1}
.uchiwake-input input[type="text"]{ border-radius:0; line-height: 36px; width:160px;}
.uchiwake-wrap{ margin-right:15px}
.name-pc-none .uchiwake-name{ display:none}
.uchiwake-minus{ padding-top:5px}
.uchiwake-minus img{ width:24px; height:24px}
.ver02 a{ width:514px!important;margin-bottom:30px}
.wrap01 .specified01-contents{ padding:0}
.kiboubi li.w100 input[type="text"]{ width:340px}
.specified01-contents .checkbox01 .check02 li{ letter-spacing:normal; margin-right:30px!important;}







.section1Body.register .hearing-wrap .logo{ margin-bottom: 27px;}
.section1Body.register .hearing-wrap .main-section > p.text{ text-align: left; margin: 0 0 20px 0;}
.section1Body.register .hearing-wrap h3{  
    padding: 10px 0!important;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: 1px solid #595757;
    text-align: center;
    margin-bottom: 14px;
}
    
.section1Body.register .hearing-wrap .wrap01{ padding: 0;}
.section1Body.register .hearing-wrap .outline7{
    font-size: 1.4rem;
    text-align: left;
}   
.section1Body.register .hearing-wrap .change-btn{
    margin: 30px auto 25px auto;
    text-align: center;
    letter-spacing: normal;
} 
.section1Body.register .hearing-wrap .select-file input[type="text"]{
    display: block;
    border: 1px solid #A9A9AA;
    border-right: none;
    border-radius: 3px 0 0 3px!important;
    font-size: 1.4rem;
    padding: 0 10px;
    width: calc(100% - 78px);
}
.section1Body.register .hearing-wrap .wrap02sp .select-file {
    display: flex;
    padding: 0;
}
.section1Body.register .hearing-wrap .select-file a{
    border: 1px solid #A9A9AA;
    border-left: none;
    border-radius: 0 3px 3px 0!important;
    background: #EC7083;
    font-weight: normal;
    font-size: 1.4rem;
    width: 78px;
    text-align: center;
}
.section1Body.register .hearing-wrap .new-add{
    text-align: center;
    margin-bottom: 35px;
}  
.section1Body.register .hearing-wrap .new-add a{   
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    width: 172px!important;
    padding: 6.5px 0;
    font-size: 1.5rem;
}   
.section1Body.register .hearing-wrap .new-add a:before{
    content: none;
}
#inline-10mb .outline11{ margin: 10px 0 20px; text-align: center;}
.inline-10mb-wrap .d02-btn .btn02{
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    color: #EC7083;
    border-radius: 8px;
    background: #fff;
    border: 4px solid #EC7083;
    box-shadow: none;
    font-size: 1.5rem;
    font-weight: bold;
    box-sizing: border-box;
}
.inline-10mb-wrap .d02-btn a{ width:100%; padding: 16px 0;}
.section1Body.register .hearing-wrap p.sml{
    font-size: 1.2rem;
}
.section1Body.register .hearing-wrap .texrarea01 {
    height: 132px;
}



.list-01.kiboubi .w100{
    margin-bottom: 27px;
    align-items: baseline;
}
.list-01.kiboubi .w100 > span{
    display: block;
    font-size: 1.4rem;
    letter-spacing: normal;
    font-weight: bold;
    margin-bottom: 13px;
}



/* MO-4_ヒアリングフォーム確認 */
.sp-bt20bb { margin-bottom:20px; border: 1px solid #D5D9DC;}
.finish-h2 + p{ margin-bottom:20px}
.wrap02{ padding:20px 0 30px 40px}

/* MO-5-2_注文内容確認 */
.order-details03{ border-top:none}

.peger01{ display:flex;justify-content: center; margin:30px 0}
.peger01 li{ margin:0 10px}
.peger01 li a{ display: block; padding:15px 30px; border:1px solid #d5d9dc; background:#fff}
.peger01 li.highlight a{ color:#fff; background:#007dd1; border:1px solid #007dd1}

@media screen and (max-width: 360px) {
    .new-add a{ width:100%}
    .ordering-right-btn .btn02{ width:280px}
    .ordering-left .btn01{ padding:20px }
    
    .signup .merit{ padding:10px}
    .signup .merit li{ font-size:1.4rem}
}

@media screen and (min-width:481px) { 
    .login-id { padding: 0 23px; overflow: hidden;}
    .login-id .left{ float: left; width: 48%}
    .login-id .right{ float: right; width: 48%}
    .login-id li{ width: 100%; height: 30px; line-height: 30px; margin-bottom: 5px;}
    .login-id .left .line:before{ width: 20px; height: 19px;}
    .login-id .left .twitter:before{ width: 20px; height: 17px;}
    .login-id .left .facebook:before{ width: 22px; height: 22px;}

    .signup .merit{ justify-content: center;}
    .signup .merit li{ width: 47%; text-align: center;} 
    .signup p.note{ text-align: center}

    .loginBody footer .link_area li{width: 20%}
    .loginBody footer .navi_area li:nth-child(3):before{ content: "";}   

    .section1Body .list-01 li{ text-align:center}
    .section1Body .list-01 li > div{ margin:0 auto; width: auto;}

    .finish .order-check{ text-align: center;}

    .index-nav li { width: 25%;}
}

@media screen and (max-width: 960px) {
	.loginBody footer .sns_area ul{ max-width: 300px; margin: auto}

	#historyList.list02.listType .order-outline{ width: calc(100% - 96px);}
	
	.simulatorBody .section1Body .list-01 li{
		text-align: left;
	}
}

@media screen and (min-width: 961px) {
    .sp{ display: none;}
    .pc{ display: block;}

    /* ログイン */
    .loginBody .member .logo{ margin-bottom:44px;}
    .loginBody .member .logo img{ width: 193px;}
    .loginBody .contents-wrap{ display:block; padding:90px 0 70px; background: url(../img/pinkdot_bg.svg)repeat; max-width: inherit;}
    .loginBody .main{ width:1085px; margin:0 auto; padding:0}
    .loginBody .main-section{ display:flex; justify-content: space-between;flex-flow: row;}
    .member, .signup{ width:500px; padding:50px 30px 25px; min-height: 685px;}
    .loginBody .main-section li.pass,
    .loginBody .main-section li.form-checkbox{ margin-bottom:8px}
    .loginBody h2 { margin: 0 0 30px; font-size: 2.2rem;}
    .loginBody h2.mb15 { margin-bottom: 15px;}
    .loginBody .login-list{ margin: 0 15px;}
    .loginBody .login-btn a{ width:100%}
    .forget a{ font-size: 1.2rem;}

    .login-id { padding: 0 23px; overflow: hidden;}
    .login-id .left{ float: left; width: 48%}
    .login-id .right{ float: right; width: 48%}
    .login-id li{ width: 100%; height: 30px; line-height: 30px; margin-bottom: 5px;}
    .login-id .left .line:before{ width: 20px; height: 19px;}
    .login-id .left .twitter:before{ width: 20px; height: 17px;}
    .login-id .left .facebook:before{ width: 22px; height: 22px;}
    .login-id li a img[src$=".svg"] { max-width:100px; padding:19px 0; height:auto}

    .signup{ margin-bottom:20px;}
    .signup h2 + p{ margin-bottom:40px;}
    .signup p.note { margin: 15px 34px 50px 34px; text-align: left}
    .signup .merit{ padding:15px 20px 5px; justify-content: space-between}
    .signup .merit li{ padding-bottom:0; width: 47%; margin-bottom: 10px}
    .signup .merit li:nth-child(even) { margin-right: 0;}

    .loginBody .temporary_password{ padding-bottom:170px}
    .loginBody .sw-login-contents-wrap{ padding-top:100px;}
    .sw-contents-wrap{ padding-top:100px!important;}   
        
    /* sns ログイン */
    .loginBody .sns_wrap .main{
        padding: 100px 30px;
    }  
    .loginBody .sns_wrap .member, .loginBody .sns_wrap .signup{
        border: 1px solid #595757;
        border-radius: 13px;
        padding: 60px 30px 40px;
        height: 415px;
    }
    .loginBody .sns_wrap p.sns-msg{
        font-size: 2.0rem;
        text-align: center;
        line-height: 1.8;
    }    
    .loginBody .sns_wrap h2{
         font-size: 2.6rem;
    }

    /* マイページTOP */
    .indexBody #contents section.main-section{ display:flex; justify-content: space-between; flex-flow: row;}
    .indexBody .contents-wrap{ display:block;}
    .indexBody .header-wrap{ border-bottom: 2px solid #595757;}
    .top-news-wrap{ width:1200px; margin:0 auto; padding:0 35px; box-sizing:border-box}
    .top-news span{ margin-right:10px; margin-bottom:0}
    .indexBody .main{ width:1200px; margin-right: 20px; padding:0;box-sizing:border-box}

    .user-content{width:820px; margin-bottom: 40px; box-sizing: border-box;}    
    .user-content .top-news-box{ padding: 25px 25px 10px 25px; border: 4px solid #d4d4d5; box-shadow: 10px 10px #e1e2e2; box-sizing: border-box; margin-top: 50px;}
    .user-content h2.name{height:75px; background-color: #ec7083; color: #fff; font-size: 3.0rem; padding: 14px 30px; box-sizing: border-box; margin: 0 auto 12px; text-align: left}
    .user-content .account{font-size: 1.7rem; text-align: right; margin-right: 14px;}  
    .user-content .news-information{ padding: 25px 20px 0 20px;}
    .user-content .news-information h3{ font-size: 2.0rem; border-bottom: 1px solid #595757; padding-bottom: 12px;}
    .user-content .news-information ul { padding: 20px 10px; border-bottom: none;}
    .user-content .news-information li{ font-size: 1.8rem; font-weight: normal}
    .user-content .news-information p{ font-size: 1.6rem; text-align: right;}  

    .index-nav{margin-top: 65px;}
    .index-nav li{ width:25%; padding:0;}
    .index-nav li .notice{ font-size: 2.6rem; line-height: 40px; border-radius: 23px; min-width: 46px;}  
    .index-nav li a{ padding:140px 0 25px; font-size:2rem; background-size:130px auto; background-position: center 0px; max-width: 130px;}  

    .user-deta{ width:280px; margin:0 0 30px; box-sizing:border-box}
    .user-deta .name { margin-top:40px;}
    .user-deta-title{ margin-bottom:10px}
    .news-section-wrap{ margin:0 auto; box-sizing:border-box}
    .all-news{position:absolute; right:40px; bottom:30px;}

    /* ご注文中の商品（出荷前商品） */
    .ordering-list > li{ display:flex;justify-content: space-between; flex-direction: unset;padding:50px 0 ;}
    .status{ padding:40px 0; font-size:3rem}
    .status + p{ padding-bottom:30px; font-size:1.8rem;}
    .ordering-left{ width:520px; margin:0;padding-bottom:10px; border-right:1px solid #8d8c8d}
    .ordering-right{ width:400px;padding:0 0 0 20px;  border-top:none;}
    .ordering-right dl.order-deta dt{letter-spacing:normal}
    .ordering-right dl.order-deta dt.shipment{ }
    dl.order-deta dt.total{ margin-top:30px }
    dl.order-deta dt.total + dd{ margin-bottom:50px; font-size:3.6rem;}
    .ordering-right-btn{ position:relative; bottom:auto; left:auto; right:auto;top:20px; }
    .processing{ display:flex; align-items: center;padding-bottom:0}
    .processing .status{ width:100%}
    .ordering-right dl.order-deta dt.total{ margin-top:0}
    .ordering-right dl.order-deta dt.total + dd{ margin-bottom:20px}
    .ordering-left .flexslider{
        width: 396px;
        margin: 0 auto;
    }
    .ordering-right dl.order-deta dd{ margin-left:110px;}
    .ordering-right-btn .btn02{ width:304px; padding:10px 0; }
    .ordering-right{ padding:0 20px; box-sizing:border-box}

    .ordering.detail .order-details { width: auto; padding-bottom: 40px;}
    .ordering.detail .order-outline {margin-bottom: 0} 
    .ordering.detail .reorder-btn2.contact a{ width: 100%; max-width: 285px; font-size: 1.8rem; padding: 10px 0;}    
    .detail p.alignRight{text-align: right; font-size: 1.8rem}
    .detail p.alignRight a:after{top:0}
    .ordering #historyList.list02.listType .btn001 { margin-top:80px;}

    /* 注文履歴一覧 */
    .more-btn { margin-bottom:140px;} 
    .order-details{flex-direction: inherit;}
    .img-details .flexslider{ margin:0}
    .dl-share{ margin:10px 0 0}
    .dl-share li a{ width:100%; max-width:158px; font-size:1rem; letter-spacing:normal; line-height:1; padding:10px 0;}
    .dl-share li a img{ display:inline; width:18px; height:auto; vertical-align:middle; margin-right:5px}
    .order-details { padding-top: 36px; }
    .order-details02{ padding-left:0; padding-right:0}
    .order-details .img-details{ margin-bottom:0}
    .receipt{ margin-top:40px; }
    .order-details02 dl.order-deta dt.total{ margin-top:40px}
    .order-details02 dl.order-deta dt.total + dd{ margin-bottom:50px}
    .order-details02 .deta-order-details{ padding:35px}

    #historyList.list02{ width: 800px; margin: auto}
    #historyList.list02 > li { width: 390px; padding: 30px 27px 37px 27px;}
    #historyList .img-details{ width: 300px; height: 300px; margin: 0 auto 40px auto;}
    #historyList table th, 
    #historyList table td{ padding: 5px 10px; letter-spacing: normal}
    #historyList table th{ min-width: 110px;}    
    #historyList .img-details .popup-modal .image{ max-height: 280px;}
    #historyList .btn001 a { max-width: 160px; width: 100%; font-size: 1.8rem; padding: 10px 0; display: inline-block;}    
    #historyList .btn001 .btn01 { margin-right: 9px;}
    .list-03.flex_a{justify-content: space-around; align-items: center; font-size: 1.6rem}   
    .list-03.flex_a .form-select { width: 368px; height: 38px; box-sizing: border-box; margin-bottom: 0}
    .list-03.flex_a .form-select select{ font-size: 1.6rem; padding: 0 30px 0 10px;}
    .list-03.flex_b{justify-content: space-between; align-items: baseline; margin-top: 75px; padding-bottom: 15px; font-size: 1.6rem}
    .list-03.flex_a li p,
    .list-03.flex_a .form-select,
    .list-03.flex_a .form-select select,
    .list-03.flex_b li p,
    .list-03.flex_b a{ font-size: 1.6rem}    
    .list-03.flex_b .number p{font-size: 1.8rem;} 

    /*  tab
    -------------------------------- */ 
    .tab ul.tablist{ width: 820px;}
    .tab ul.tablist li{ width: 235px;}
    .tab ul.tablist li a{ font-size: 1.8rem;}

    .noHistory h3{ font-size: 2rem; margin-bottom: 35px}
    .noHistory p{ font-size: 1.8rem; text-align: center;}

    /* 注文履歴詳細 */
    .back-list { margin-top:-70px;}
    .back-list a{ width:214px;}

    .gray_box { padding: 85px 40px;}    
    .order-details{ width:auto; padding-bottom: 50px;}
    .order-details .deta-order-details{ width:453px;}
    .order-details .img-details{ width:254px; height: 254px; border: 1px solid #C9CACA; border-radius: 20px; box-shadow: 10px 10px #C9CACA; padding: 10px; box-sizing: border-box;}
    .btn001.contact { padding-bottom: 40px;}

    .order-outline { }    
    .orderNo{ font-size: 2rem;}
    .orderNo .kind{ width: 80px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 2.0rem; margin-right: 20px;}   
    .order-details tr:last-child {background: none;}
    .order-details th, 
    .order-details td{font-size: 1.8rem; padding: 10px 10px 10px 20px}
    .order-details .btn001 a {max-width: 185px; width: 100%; font-size: 1.8rem; padding: 10px 0; display: inline-block;}
    .order-details .btn001 .btn01 { margin-right: 36px;}
    .order-details .btn001 a.white_btn { font-size: 1.8rem; padding: 10px 0;}  

    .notification{ width: 680px; border: 1px solid #595757; padding: 23px 47px; box-sizing: border-box; margin: auto;}
    .notification a.c_pink.blank:after { top: 0;}
    .notification p{ font-size: 1.8rem;}    
    table th, 
    table td{font-size: 1.8rem; padding: 10px 0; font-weight: 700;}
    table th{font-weight: 500;}
    .order-table.table01{border-collapse: collapse; border-bottom: none; width: 680px; margin: 60px auto 0 auto;}
    .order-table.table01 tr > th{width: 240px; padding: 15px 110px 15px 0; text-align: right;}
    .order-table.table01 td{padding: 15px 0;}
    .order-table.table01 td .order-data{border: none;}
    .order-table.table01 td .order-data ul.hukuro{padding: 0;}
    .order-table.table01 td .order-data ul.hukuro li{ padding: 10px 0; border-bottom: 1px dotted #D5D9DC;}
    .order-table.table01 td .order-data ul.hukuro li:first-child{padding-top: 0}
    .order-table.table01 td .order-data ul.hukuro li:last-child{border-bottom: none}    
    .detail .btn001.sw-btn01 {margin: 60px 0;} 
    .detail .btn001.sw-btn01 .btn01 { max-width: 185px; font-size: 1.8rem; padding: 10px 0;} 
    .detail .btn001.sw-btn01 .btn02 { max-width: 185px; font-size: 1.8rem; padding: 10px 0; margin-right: 30px;}   

    .popup-contents.inline-wrap { max-width: 880px; padding: 102px 60px 54px 60px; overflow: hidden; }  
    .popup-contents .dl-share {display: inline-block; float: right; margin: 0}
    .popup-contents .dl-share li { width: 240px;  border-radius: 5px; margin-bottom: 15px;}
    .popup-contents .dl-share li a{ max-width: 240px; height: 90px; font-size: 1.8rem; padding: 20px 0;}
    .popup-contents .dl-share li a img{ margin: 0 auto 10px; width: 25px; }
    .popup-contents .dl-share li a.btn02.line{
        display: none;
    }
    .popup-contents .flexslider { display: inline-block; width: 600px; height: auto; padding-bottom: 0; border: none;}
    .popup-contents .flexslider .slides li {
		width: 600px;
		max-width: none;
		max-height: none;

		height: 468px;
	}
    .popup-contents .flexslider .slides li img{ 
        width: 100%;
        height: auto;
        max-width: 598px;
        max-height: 100%;
        object-fit: contain;
    }
    .popup-contents .flex-control-thumbs {
      width:100%;
      margin: 25px auto 0;
      position: static;
      overflow: hidden;
      display: flex;
      justify-content: center;
    }
    .popup-contents .flex-control-thumbs li {
      width: 25%;
      max-width: 120px;
      max-height: 120px; 
      margin: 0 15px;
    }
    .popup-contents .flex-control-thumbs img {
      width: 100%;
      height: auto;
      max-width: 120px;
      max-height: 120px;  
      object-fit: contain;
      display: block;
      cursor: pointer;
      box-sizing:border-box;
      border:1px solid #A9A9AA;
    } 

    /*
    .order-data ul{ padding:10px 30px 0;}
    .order-data ul li { padding:20px 0;}
    .order-data ul li img{ width:84px; height:84px; margin-right:10px;}
    .order-data div{ width:100%;}
    .order-data .total-price{ margin-top:-30px}
    .order-data .total-price2{ padding-top: 15px;}
    .total-fee{text-align:right;}
    .total-fee div{ display:inline-block; color:#F2646E; font-weight:bold; font-size:2.3rem; text-align:center;}
     */   

    /* 注文履歴 リスト */
    #historyList.list02.listType > li { padding: 0px 20px 40px; margin-bottom: 0;}
    #historyList.list02.listType > li:last-child {padding-bottom: 0;}
    #historyList.list02.listType .flex_list { padding: 10px 18px 47px 18px; flex-wrap: nowrap}
    #historyList.list02.listType .img-details { width: 140px; height: 140px; margin-right: 0;}
    #historyList.list02.listType .img-details .popup-modal .image { max-height: 132px;}    
    #historyList.list02.listType .zoom { width: 32px; max-width: 32px; height: 32px; }
    #historyList.list02.listType table{width: 357px;}
    #historyList.list02.listType table th, #historyList.list02.listType table td {font-size: 1.8rem; }
    #historyList.list02.listType table th{min-width: 110px;}
    #historyList.list02.listType .btn001 {width: 160px; padding: 0;}
    #historyList.list02.listType .btn001 a{width: 100%; margin: 0 0 12px 0;}

    /* パスワード再発行 */
    .section1Body nav{ display:none}
    .pass-reissue li{ display:flex; margin-bottom:40px}
    .pass-reissue li span{ width:180px;}
    .select01 .form-select{margin-right:20px;}
    .select01 .birthyear{ max-width:170px;}
    .select01 .birthmonth{ max-width:102px;}
    .select01 .birthday{ max-width:102px;}
    .btn001 .btn01.w270{ max-width:270px; font-size: 1.8rem;}

    .list-01.w225 li{ display: flex; justify-content: space-around; align-content: center;}
    .list-01.w225 li span{ width: 225px; font-size: 1.6rem; text-align: left;}
    .list-01.w225 li span .sp-spn{ left: 150px;}
    .list-01.w225 input[type="email"] {max-width: 355px;}
    .list-01.w225 li > div { width: auto;}

    .section1Body .main h2.pc_mb50{ margin-bottom: 50px;}
    .list-01.w240{ margin-bottom: 70px;}
    .list-01.w240 li span{ width: 240px; font-size: 1.6rem; text-align: left;}
    .list-01.w240 li span .sp-spn{ left: 150px;}
    .list-01.w240 input[type="email"] {max-width: 355px;}
    .list-01.w240 li div { width: 360px; text-align: left;}

    /* メールアドレス確認*/ 
    .section1Body .contents-wrap{ display: block; padding: 90px 0; background: url(../img/pinkdot_bg.svg)repeat; max-width: inherit;}
    .section1Body .main{ width: 800px; min-height: 600px; padding: 0; background: #fff;  border-radius: 10px;}
    .section1Body .main-section{ padding: 66px 74px; box-sizing: border-box; display: block; text-align: center;}
    .section1Body .logo{ margin-bottom:10px;}
    .section1Body .logo img{ width: 193px;}
    .section1Body .main h2{ padding: 0 0 36px; margin: 0 0 75px 0; border-bottom: 1px solid #595757;font-size: 1.6rem;} 
    .section1Body .list-01 li{ margin-bottom: 17px; align-items: baseline; padding: 0 24px; }
    .section1Body .list-01 li.mb60{ margin-bottom: 80px!important}
    .section1Body .list-01 li > div {margin: 0}
    .section1Body .list-01 li input[type="text"],
    .section1Body .list-01 input[type="password"]{width:100%; max-width: inherit}
    .section1Body .mailcheck .list-01 input[type="text"] {width: 100%;max-width: 415px;}
    
    .btn001{ margin-bottom: 0;}
    .btn001 .btn01{ max-width:250px; font-size: 1.8rem; padding: 10px 0}    


    .section1Body .mailcheck .consent-area{
        margin-top: 45px;
        text-align: left;
        font-size: 1.4rem;
    }
    

    
    /* パスワード登録*/
    .section1Body.existing2 .main{
        width: 800px;
        height: 840px;
    }
    .section1Body.existing2 .main-section{
        padding: 60px 25px;
    }
    .section1Body.existing2 .logo{
        margin-bottom: 65px;
    }
    .section1Body.existing2 h3{
        margin: 0 30px 40px 30px;
        font-size: 1.9rem;
        text-align: left;
    }
    .section1Body.existing2 .order-step.col3{
        display:flex; 
        justify-content: space-between;
        align-items: center;
        padding: 0;
    }
    .section1Body.existing2 .order-step.col3 li{ 
        display:flex;
        width: calc(33% - 28px);
        position: relative;
        height: 60px;
        line-height: 60px;
    }
    .section1Body.existing2 .order-step.col3 li div{
        width: calc(100% - 60px);
        height: 60px;
        font-size: 1.8rem;
        font-weight: 700;
    }
    .section1Body.existing2 .order-step.col3 li span{
        width: 60px;
        height: 60px;
        display: inline-block;
    }
    .section1Body.existing2 .order-step.col3 li span img{
        width: 34px;
        height: 40px;
    }
    .section1Body.existing2 .order-step.col3 li:after{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit- transform: translateY(-50%);
        right: -28px;
        left: auto;
        content: "";  
        height: 26px;
        width: 15px;
        background: url(../../img/next_pc.svg) center center no-repeat;
        background-size: contain;
    }
    .section1Body.existing2 p.text08{
        font-size: 1.6rem;
        margin-bottom: 60px;
        padding: 0 30px;
        text-align: left
    }
    .section1Body.existing2 .list-01 li{
        width: auto;
        padding: 0 30px;
        margin-bottom: 40px;
    }
    .section1Body.existing2 .list-01.long li > span{
        width: 230px;
    }
    .section1Body.existing2 .list-01 li span.sp-spn{
        left: 150px;
    }
    .section1Body.existing2 .list-01.long li div{
        max-width: 440px;
    }    
    
    /* 新規登録 */
    .list-01 li{ display:flex; margin-bottom:26px}
    .list-01 li > span{ width:156px; font-size: 1.6rem;}
    .list-01 li > span.sml{ font-size: 1.3rem;}    
    .list-01 li > div{ font-weight:bold;}
    .list-01 li > span{ position:relative; text-align: left; box-sizing: border-box;}
    .list-01 li span.sp-spn{ position: absolute; font-size: 1.2rem; width:auto; left: 120px;}
    .list-01 li input[type="text"],
    .list-01 input[type="password"]{ width: 50%;} 
    .list-01 li.post-id input[type="text"]{ width:161px}
    .list-01 li.post-id div{ width:auto}

    .user-content h3.outline4.fs16{ font-size: 1.6rem; border-bottom: none; padding: 0; margin-bottom: 30px;}
    .list-01 li.address span.sp-spn{ left: -68px;}   
    .list-01 li.address ul li.post-add{ margin-bottom: 0}
    .list-01 li.address ul li > span{ width: 90px;}   
    .list-01 li.address ul li > div{ width: auto;} 
    .list-01 li.address ul li > div.w140 input[type="text"],
    .list-01 li.address ul li > div.w140.form-select{ width: 140px; box-sizing: border-box}
    .list-01 li.address input[type="text"]{ width:100%; max-width:410px}
    .list-01 li.address .add-search .btn02 {font-weight: normal}
    .list-01 li.select-birth .form-select{ width: 95px; margin-right: 15px;} 
    .list-01 li.select-birth span.w40{ width: 30px; line-height: 40px; display: inline-block} 
    .list-01 li .attention { font-weight: bold;}
    
    .user.edit .list-01{ padding-left: 15px;} 
    .user.edit .list-01 li > span{ width: 220px}
    .user.edit .list-01 li span.sp-spn{ left: 145px;}  
    .user.edit .list-01 li.address ul li > span{ width: 90px;}  
    .user.edit .list-01 li.address span.sp-spn{ left: -75px;} 
    .user.edit .list-01 li.select-birth span.w40{ width: 30px;} 
    .user.edit .list-01 input.w395{ width: 100%; max-width: 395px;} 
    
    .shipping .list-01 li span.sp-spn{ left: 88px;}
    .shipping .list-01 li.address span.sp-spn{ left: -68px;}
    
    .reorderNm .list-01 li span.sp-spn{ left: 88px;}
    .reorderNm .list-01 li.address span.sp-spn{ left: -68px;}
    
    .orderSim.option .list-01 li span.sp-spn{ left: 88px;}
    .orderSim.option .list-01 li.address span.sp-spn{ left: -68px;}
    .orderSim.option .list-01 li > div{ max-width: 500px;}
    .orderSim.option .list-01 li { margin-bottom: 26px;}
    
    .sample .list-01 li span.sp-spn{ left: 88px;}
    .sample .list-01 li.address span.sp-spn{ left: -68px;}
    
    .hearing .inline-wrap .list-01 li span.sp-spn{ left: 88px;}
    .hearing .inline-wrap .list-01 li.address span.sp-spn{ left: -68px;}   
    
    form .user-content h3 {font-size: 1.9rem;}
    .precautions-text2{ text-align: center; margin-bottom: 70px; font-weight: 700;}

    /* お客様情報 */ 
    .user h2.outline1{font-size: 3.0rem; margin-bottom: 72px;}
    .user .guide-list > li{ margin-bottom: 50px;}
    .user .guide-list div .outline4{padding: 0 0 15px; line-height: 1.4; font-size: 1.9rem; border-bottom: 1px solid #595757; margin-bottom: 0;}  

    /* お客様情報入力_個人 .register */ 
    .section1Body.register .main{ height: auto;}
    .section1Body.register .list-01 li{ margin-bottom: 26px; padding: 0; }
    .section1Body.register .list-01 li > span { width: 160px;}
    .section1Body.register .list-01 li span.text01 { font-size: 1.6rem;}
    .section1Body.register .list-01 li div, 
    .section1Body.register .list-01 li.address ul{ width: calc(100% - 160px); max-width: 490px; text-align: left;}
    .section1Body.register .list-01 li .form-radio div { display: inline-block; width: auto; margin-right: 40px;}
    .section1Body.register .list-01 li input[type="text"] {width: 48%; max-width: 240px;}
    .section1Body.register .list-01 li.w100 input[type="text"] { width: 100%; max-width: 490px;}
    .section1Body.register .sp-spn { left: 80px;}
    .section1Body.register .list-01 li.address span.sp-spn { left: -80px;}
    .section1Body.register .list-01 li.select-birth .form-select { width: 95px; margin-right: 15px;}
    .section1Body.register .list-01 li.select-birth span.w40 { width: 30px; line-height: 40px;}
    .section1Body.register .list-01 li.select-birth{ flex-wrap: wrap;}
    .section1Body.register .list-01 li.address ul li > div { width: auto;} 
    .section1Body.register .list-01 li.address ul li > span { width: 90px;}
    .section1Body.register .list-01 li.address input[type="text"] { max-width: 410px;}
    .section1Body.register .list-01 li.address ul li > div.w140 input[type="text"], 
    .section1Body.register .list-01 li.address ul li > div.w140.form-select { width: 140px; box-sizing: border-box;}
    .section1Body.register .list-01 li.checkbox li { margin-bottom: 0;}
    .section1Body.register .list-01 li.checkbox li:first-child { margin-bottom: 10px;}
    .section1Body.register .btn001 .btn02 { font-size: 1.8rem; padding: 10px 0; margin-right: 30px;}
    .section1Body.register .btn001 .btn01 { font-size: 1.8rem; padding: 10px 0;}

    /* お客様情報入力確認画面_個人 .register.confirm */     
    .section1Body.register.confirm .list-01 > li > span { width: 245px; text-align: right; padding-right: 60px;}
    .section1Body.register.confirm .list-01 > li > div { width: 380px; text-align: left; padding-left: 50px;}
    .section1Body.register.confirm .list-01 li > ul { width: 380px; text-align: left; padding-left: 50px;}
    .section1Body.register.confirm .list-01 li.select-birth { flex-wrap: nowrap}
    .section1Body.register.confirm .list-01 li div { font-size: 1.6rem;}

    /* 利用ガイド 
    .guide-list { display:flex;}
    .guide-list li{ width:257px; margin-right:35px;}
    .guide-list div{ margin-bottom:40px}*/

    /* 利用ガイド */  
    .guide .user-content .top-news-box{ padding: 25px 25px 10px 25px; border: 4px solid #d4d4d5; box-shadow: 10px 10px #e1e2e2; box-sizing: border-box; margin-top: 50px;}
    .guide .outline1{font-size: 3.0rem; font-weight: bold; text-align: center; margin-bottom: 72px;}
    .guide-list{ padding: 90px 160px;}
    .guide-list > li{ margin-bottom: 83px;}
    .guide-list > li:last-child{ margin-bottom:0;}
    .guide-list .other-deta li{ margin-bottom:16px}
    .guide-list .other-deta{ padding: 0 45px;}
    .guide-list .other-deta li a{ font-size: 1.6rem; font-weight: normal}
    .guide-list .other-deta li a:before{ content: none;}
    .guide-list div h3{ margin-bottom: 0}

    /* 利用ガイド 詳細 */
    .guide .user-content {margin-bottom: 197px;}
    .step-list{ margin-bottom:102px;}
    #2_4 .step-list{ margin-bottom:65px;}
    .step-list li{ margin-bottom:50px;}
    .step-list li .outline4{ font-size:1.9rem; border-radius: 14px; width: 374px; padding: 0 16px 0 40px;}  
    .step-list li .outline4 span{ padding-right: 30px;} 
    .step-list li .outline4.w474{ width: 474px; padding: 0 16px 0 16px;}    
    .step-list li div.flex .text .outline4{ font-size: 1.9rem; border-radius: 0; width: auto; padding: 0; background-color: #fff; }

    .step-list li div{ display: block; padding: 0px 38px 0 15px;} 
    .step-list li div p{ font-size: 1.8rem;}
    .step-list li div.flex{ display:flex; justify-content: space-between; padding: 0px 32px 0 46px}
    .step-list li div.flex .text{ width: 430px;}
    .step-list li div.flex .image{ width: 280px;}
    .step-list li a.c_pink.blank:after{ top: -2px; right: 3px;}

    .guide#quit .outline1{ margin-bottom: 22px;}
    .guide#quit .user-content h3{ margin-bottom: 40px;}
    .guide#quit .step-list li div { padding: 0px 38px;}
    .guide#quit .step-list li div p{ font-size: 1.8rem;}
    .guide#quit .unsubscribe-text{ margin-bottom: 118px; font-size: 1.8rem; text-align: center; letter-spacing: normal; padding: 0;}

    /* 支払い方法 */
    /* 
    .guide-list2 { display:flex; flex-wrap: wrap; margin:80px 0;}
    .guide-list2 li{ width:257px; margin-right:35px;}
    .guide-list2 div{ margin-bottom:30px}
    .list-02 div{ margin-bottom:35px}*/

    .payment .user-content h3{ font-size: 1.9rem} 
    .guide-list2 div.btn02 { display: inline-block; color: #fff; border-radius: 10px; background: #fff; border: 1px solid #595757; font-size: 1.8rem; color: #231815; box-shadow: none; padding: 20px 25px; margin-top: 0; height: auto; }
    /* .guide-list2 li.select .btn02{ border: 6px solid #ec7083; border-radius: 9px; margin-top: 50px;} */
    .guide-list2.list-02 dl dt{font-size:1.8rem; font-weight: bold; margin: 0;}
    .guide-list2.list-02 dl dd{font-size:1.8rem; margin: 0;}
    .guide-list2.list-02 div.btn02 .btn002{ margin-top: 0;}
    .guide-list2.list-02 div.btn02 .btn002 a{ font-size: 1.8rem; font-weight: normal; text-decoration: underline; color: #ec7083; padding: 0 50px 0 0; margin-top: 0;}
    .guide-list2.list-02 li .default span { font-size: 1.2rem;} 
    #paymentList.list-02 div.method001 { font-size: 1.8rem; padding: 20px 25px;} 
    #paymentList.list-02 div.method001 input[type=radio]+label { font-size: 1.8rem;}
    #paymentList.list-02 div.method001 .btn002 { position: absolute; bottom: 20px; right: 25px; } 
    #paymentList.list-02 div.method001 .btn002.delete { position: absolute; bottom: 20px; left: 25px; right: auto; } 
    #paymentList.list-02 div.method001 input[type=radio]+label span.exp { display: inline-block; position: relative; margin-left: 90px;}
    #paymentList.list-02 div.method001 input[type=radio]+label span.exp::before {content: "有効期限";width: 4em;color: #231815; font-size: 1.2rem; margin-right: 0; position: absolute; top: -20px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

    #paymentList.list-02 div.method001 .btn002 a {
        font-size: 1.8rem;
        font-weight: normal;
        text-decoration: underline;
        color: #ec7083;
        padding: 0 50px 0 0;
        margin-top: 0;
    }
    #paymentList.list-02 .addition_btn { margin-top: -10px;}
    #paymentList.list-02 .addition a.cardAddBtn {
        font-size: 1.8rem;
        font-weight: normal;
        text-decoration: underline;
        color: #ec7083;
        padding: 0;
        height: auto;
        width: auto;
    }    
    #paymentList .btn001 .btn01.credit-card{
        display: inline-block;
        font-size: 1.8rem;
        padding: 10px 0;
        text-align: center;
        color: #fff;
        border-radius: 8px;
        background: #ec7083;
        box-shadow: 0px 4px #fbe0e4;
    }    
    #paymentList ul.creditCard,
    #paymentList.list-02 div.addition{ padding: 0 15px;}
    #paymentList .addition #zeus_new_card_area label[for="zeus_token_card_number"],
    #paymentList .addition #zeus_new_card_area label[for="zeus_token_card_expires_month"],
    #paymentList .addition #zeus_new_card_area label[for="zeus_token_card_cvv"],
    #paymentList .addition #zeus_new_card_area label[for="zeus_token_card_name"] {
        display: inline-block;
        width: 30%;
    }    
    #paymentList .addition span#zeus_token_card_expires_note{
        display: block;
        margin: 0 0 20px 30%;
    }
    #paymentList .addition #zeus_token_card_name, 
    #paymentList .addition #zeus_token_card_number{
        width: 70%;
        margin-bottom: 20px;
    }    
     #paymentList .addition #zeus_token_card_cvv {
        width: 30%;
        margin: 0 40% 20px 0;
    }  

    /* お届け先 */
    .addition-add.btn02 {
        max-width: 320px;
        padding: 8px 0;
        font-size: 1.8rem;
    }
    .guide-list2 div a div {
        font-size: 1.8rem;
    }    

    .shipping .user-content h3 { font-size: 1.9rem; }

    /* SNS連携 */
    .sns .user-content h2.outline1 { margin-bottom: 48px;}
    .sns .sp-text03 { font-size: 1.6rem; padding: 0;}
    .sns .sns-cooperate { margin: 170px 0 0 0;}
    .sns .sns-cooperate li a{ padding:0; font-size: 2rem;}
    .sns .login-id li {margin-bottom: 25px;}
    .sns .login-id .left .line:before { width: 30px; height: 27px;}
    .sns .login-id .left .twitter:before { width: 27px; height: 21px;}  
    .sns .login-id .left .facebook:before { width: 29px; height: 29px;}


    /* 新着情報一覧 */
    .news-list{ padding: 0 15px;}
    .news-list li{ display:flex;}
    .news-list span{ width: 140px; font-size: 1.8rem;}
    .news-list div{ width: 100%; max-width: 650px; font-size: 1.8rem;}

    /* 退会手続き */   
    .unsubscribe{ margin-bottom: 120px; padding: 0 60px;}
    .unsubscribe:last-child{ margin-bottom: 54px;}
    .unsubscribe-btn2{ text-align: left; margin-left:220px}
    .unsubscribe-btn2 a{
        width: 100%;
        max-width: 230px;
        padding: 10px 0;
        border-radius: 3px;
        background: #595757;
        box-shadow: none;
        font-size: 1.8rem;
    }   

    /* 再注文フォーム */
    .reorder-form .order-details > li{ width:479px;}
    .reorder-form .order-details .img-details{ width:397px}
    .reorder-form .order-details{ padding:50px 0}
    .reorder-form .flex-direction-nav .flex-prev{ left: -15px;}
    .reorder-form .flex-direction-nav .flex-next{ right: -15px;}
    .reorder-details{ padding:40px 0 0; margin-bottom:40px}

    /* 再注文フォーム2 */
    .specified01{position:relative;}
    .specified01-contents { padding:24px 33px;}
    #inline-add{ padding-top: 80px;}
    #inline-add .guide-list2{ margin-left:60px; margin-top: 0;}
    #inline-add .guide-list2 li{ margin-right:45px;}
    /* .specified01-contents .checkbox01 .form-checkbox li{ display:inline-block; margin-right:134px} */
    .specified01-contents .checkbox01 .form-checkbox li{ margin-right:134px}
    .specified01-contents .checkbox01 .form-checkbox li input[type=text]{ background:#fff; }
    #inline-payment{ text-align:left}
    #inline-payment .form-radio{ margin-left:60px;}
    .ver2 a:first-child{width:230px; box-sizing:border-box}
    .ver2 a:last-child{ width:397px; box-sizing:border-box}

    /* 注文確認画面 */
    .total01{ display:flex;}
    .total01 h3{ width:295px; display: flex;align-items: center;justify-content: center;}
    .total01 dl { float: right;}
    .total01 dl dd{ width:100px;}
    .total01 .total01-1{ clear:both; padding-top:10px; margin-bottom:0}

    /* 再注文フォーム（商品・デザイン変更の場合） */
    .order-change .order-details{ padding:30px 30px 30px 0; }
    .specified02-contents{ padding:30px}
    .select-file input[type="text"]{ width:300px}

    /* RUB-LAB.クーポン */
    .cupon-list02 .cupon-img{ width:424px; margin-right:20px;}
    .cupon-wrap{ display:flex}
    .cupon-text02 a{ position:absolute; width:132px; top:8px; right:0}
    .cupon-deta{ width:437px;}

    /* 決済完了画面 */
    .finish p{ font-size:1.6rem}
    .finish .btn02{ width:250px; font-size:1.8rem; padding:10px 0 ;}
    .section1Body .main-section .finish{ padding-top: 58px;}
    .section1Body .main .finish h2{ padding:30px 0; margin-bottom: 0}
    .section1Body .main .finish .next-btn { margin-bottom: 0;}
    
    /* シミュレーター注文完了画面 */
    .simulatorBody .section1Body.orderSim .finish h2{ font-size: 2.2rem; padding: 20px 0; margin-bottom: 0}    
    .simulatorBody .section1Body.orderSim .finish p{ font-size:1.6rem!important; margin-bottom: 40px;}

    /* 限定おすすめアイテム */
    /*.osusume-wrap .main{ padding-left:40px;}
    .d-list{ padding:30px;}
    .d-list ul.d-list01{ display:flex; flex-wrap: wrap;}
    .d-list ul.d-list01 li{ margin:0 19px 20px 0;}
    .d-list ul.d-list01 li:nth-child(4n){ margin-right:0}
    .img-list{ display:flex;justify-content: center;}
    .d-list02{display:flex;flex-wrap: wrap;justify-content: center;}
    .d-list02 li{ width:250px; padding:0 10px 20px}
    */
    
    /* デザイン入稿フォーム */
    .deta-form-list{ letter-spacing:normal; }
    .deta-form-list li{display:flex; align-items: center;}
    .deta-form-list li div span{ display:inline-block; font-weight:normal}
    
    /* メールマガジンの登録・解除 */
    .mailmag .outline1 {
        margin-bottom: 22px;
    }
    .mailmag p.center {
        margin-bottom: 40px;
        font-size: 1.8rem;
        text-align: center;
        letter-spacing: normal;
        padding: 0;
    }
    .mailmag .sp-wrap05 p.text {
        font-size: 1.8rem;
        padding: 0px 38px;
    }
    .mailmag .sp-wrap05 .checkbox01 {
        margin: 40px 0 0 60px;
    }
    .mailmag .form-checkbox label {
        padding: 0 10px 0 30px;
        border-radius: 5px;
        height: 40px;
        line-height: 40px;
        font-size: 1.4rem;
        letter-spacing: normal;
}
    .mailmag .form-checkbox li {
        margin-bottom: 0;
    }
    .mailmag .form-checkbox li:first-child {
        margin-bottom: 10px;
    }
    
    
    /* MO-4_ヒアリングフォーム */
    
    .section1Body.register .hearing-wrap .logo{ margin-bottom: 60px;}
    .section1Body.register .hearing-wrap .main-section > p.text{ margin: 0 40px 75px 40px;}
    .section1Body.register .hearing-wrap h3{ font-size: 1.9rem; text-align: left; margin-bottom: 40px;}
    .section1Body.register .hearing-wrap .wrap01{
        position: relative;
        padding: 0 0 40px 13px;
    }
    .section1Body.register .hearing-wrap .outline7{
        font-size: 1.6rem;
        padding: 0;
    }
    .section1Body.register .hearing-wrap .change-btn{
        position: absolute;
        top: -10px;
        right: 10px;
        margin: 0;
    }
    .section1Body.register .hearing-wrap .form-radio div {
        display: block;
        margin: 7px 0;
    }
    .section1Body.register .hearing-wrap .select-file{
        justify-content: center;
        margin-bottom: 30px;
    }    
    .section1Body.register .hearing-wrap .select-file input[type="text"]{
        width: 300px;
    } 
    .section1Body.register .hearing-wrap .select-file a{
        width: 125px;
    }
    .section1Body.register .hearing-wrap .upto10mb{
        text-align: left;
        padding-left: 120px;
    }
    .section1Body.register .hearing-wrap .new-add{
        margin-bottom: 55px;
    }
    .section1Body.register .hearing-wrap .new-add a{
        width: 191px;
        padding: 10px 0;
        font-size: 1.8rem;
    }
        
    #inline-10mb .outline11{    
        margin: 0 0 40px;
        font-size: 3.0rem;
    }
    #inline-10mb p{
        font-size: 1.6rem;
        text-align: center;
    }
    #inline-10mb .d02-btn a{
        width: 100%;
        max-width: 315px;
        margin-right: 20px;
        padding: 4px 0;
        border-radius: 3;
        letter-spacing: normal;
        font-size: 1.8rem;
    }       
     #inline-10mb .d02-btn a:last-child{
        margin-right: 0;
    }
    .section1Body.register .hearing-wrap .list-01 li.pc_mb0{
        margin-bottom: 0;
    }
    .section1Body.register .hearing-wrap .wrap03sp{
        padding-left: 40px;
    }
    .section1Body.register .hearing-wrap .list-01 li .form-radio.pc_block div{
        display: block;
        margin-bottom: 10px;
        padding-left: 15px;        
    }
    .section1Body.register .hearing-wrap .pc_mb5{
        margin-bottom: 5px;
    }
    .section1Body.register .hearing-wrap .pc_mb30{
        margin-bottom: 30px;
    }  
    .section1Body.register .hearing-wrap p.sml{
        font-size: 1.2rem;
        padding: 0 0 28px 0;
        text-align: left;
    }   
    .section1Body.register .hearing-wrap .list-01 li.w100 input.clnd[type=text] {
        max-width: 290px;
    }
    .section1Body.register .hearing-wrap .specified01-contents .checkbox01 .form-checkbox li:last-child {
        margin: 14px 0 30px 0;
    }
    .section1Body.register .hearing-wrap .specified01-contents .checkbox01 .form-checkbox li input[name="otherText"] {
        max-width: 480px;
        border-radius: 3px;
    }
    .section1Body.register .hearing-wrap .specified01-contents .checkbox01 .form-checkbox label::before {
        margin-top: -10px;
    }
    .section1Body.register .hearing-wrap .texrarea01{
        height: 125px;
    }
    .section1Body.register .hearing-wrap .consent-area{
        margin-top: 45px;
    }

    .list-01.kiboubi .w100{    
        display: flex;
        margin-bottom: 10px;
        align-items: center;
        padding: 0
    }  

    .list-01.kiboubi .w100 > span{    
        text-align: left;
        font-size: 1.6rem;
        color: #231815;
        letter-spacing: normal;
        font-weight: bold;
    }
    .list-01.kiboubi .w100 input.clnd[type=text] {
        max-width: 290px;
    }

    
    
    
    
    
    /* MO-5-2_注文内容確認 */
    .order-details03 .deta-order-details{ height:260px}

    .mydesign-wrap{ margin-bottom:20px}
    .list-sd{ display:flex; justify-content: space-between; }
    .list-sd li,
    .list-sd li:first-child,
    .list-sd li:last-child{
        width: 448px;
        padding: 25px; margin-bottom:20px; border-radius:10px;border: 1px solid #D0D6DB;}
    .list-sd li{ }
    .list-sd-btn-center .btn05{ padding:20px 0}
    .list-sd-btn02 .btn02{ width:397px}
    
    /* 注文履歴引継ぎ */
    .sp-wrap012 {padding: 0!important;}
    .input-area02{ padding: 80px 0 0 0;}
    .input-area02 h3{ margin-bottom: 0;}    
    .input-area02 .sp-wrap011 .wrap02{ padding: 20px 126px 30px 47px}
    .input-area02 .wrap02>div{ padding-left: 83px; margin-bottom: 46px;}
    .input-area02 .wrap02>div input{ }
    .input-area02 .wrap02 p{ margin-bottom: 30px; font-size: 1.8rem;}
    .input-area02 .wrap02 p.mb15{ margin-bottom: 15px;}
    .input-area02 .wrap02 p.input-area02-text{ margin-bottom: 43px; font-size: 1.3rem;}
    .input-area02 input[type="text"] { font-size: 1.6rem;}    
    #inheritList.list02{ width: 770px; margin: auto; padding: 30px 25px;}
    #inheritList.list02 > li{ width: 370px; padding: 40px 20px 30px 20px;}
    #inheritList .img-details{ width: 238px; height: 238px; margin: 0 auto 27px auto; box-shadow: 7px 7px #c9caca;}
    #inheritList.order-details tr:last-child{
        background-image: linear-gradient(to right, #595757, #595757 1px, transparent 1px, transparent 3px);
        background-size: 3px 1px;
        background-position: left bottom;
        background-repeat: repeat-x;
    }
    #inheritList .img-details .popup-modal .image{ max-height: 218px;}
    #inheritList .btn001 a{ max-width: 330px; width: 100%; font-size: 1.8rem; padding: 10px 0; display: inline-block; margin-top: 10px;}    
    #inheritList .btn001 .btn01{ margin-right: 0px;} 
    /* チェック部分 */
    .list02 > li{ padding-top: 42px;}
    .list02 > li .check-mark{ top: 15px;}
    .inherit .ver2 a:last-child{ padding: 8px 0; font-size: 1.8rem;}
    .inherit .more-btn{ margin-bottom: 80px;}
    
    .pc_bold{
        font-weight: 700;
    }
    
}

_::-webkit-full-page-media, _:future, :root .d-list ul.d-list01 { width:870px;}

_::-webkit-full-page-media, _:future, :root .d-list ul.d-list01 li { float:left; width: 203px}


/* 3Dセキュア */

/*
.creIframe iframe{
    height: 250px;
}
*/

.creIframe iframe[height="0"]{
    height: 0;
}

/*
@media screen and (max-width: 960px) {

    .creIframe iframe{
        max-height: 70vh;
    }
}
*/