@charset "UTF-8";
/* CSS Document */

.sec-box-wrap {
	margin:40px auto 0;
}

.sec-box {
	margin:16px auto 0;
}

.sec-box-wrap .sec-box:first-child {
	margin-top:0 !important;
}



@media (max-width: 1080px) {
.sec-box {
	padding:0 24px;
}	
}

@media (max-width: 600px) {
.sec-box-wrap {
	margin:24px auto 0;
}

.sec-box {
	padding:0;
}	
}


/*
--------------------------------------*/
.cate-tab {
	padding-left:122px;
	height: 64px;
	/* white */
	background: #FFFFFF;
	/* Light Gray */
	border: 1px solid #8D8D8D;
	box-sizing: border-box;
	
	font-weight: bold;
	font-size: 16px;
	line-height: 156.5%;
	/* identical to box height, or 25px */
	display: flex;
	align-items: center;
	
	/* Gray */
	color: #595959;
	cursor:pointer;
}


.cate-tab > span {
	margin-right:40px;
	/*display:block;
	width:40px;
	height:40px;*/
}

.cate-tab i {
	margin-left:auto;
	margin-right:30px;
}


@media (max-width: 768px) {
.cate-tab {
	padding-left:50px;
}	
}

@media (max-width: 590px) {
.cate-tab {
	padding-left:10px;
	height: 48px;
	font-size: 14px;
	line-height: 140%;
	position:relative;
	padding-right:26px;
}

.cate-tab > span {
	margin-right:10px;
}

.cate-tab p {
	/*width:265px;*/
}

.cate-tab i {
	/*margin-right:15px;*/
	/*margin-right:10px;*/
	position:absolute;
	right:-20px;
}

}

/* =========================================================
■詳細エリア
========================================================= */
/*詳細
--------------------------*/
.detail-area {
	padding:24px 0 32px;
	background:#fff;
	display:none;
}

@media (max-width: 768px) {
.detail-area {
	padding:20px 16px 20px;
	background:#fff;
}

}

/*詳細エリアの基本文字サイズ、色*/
.detail-box {
	margin:0 auto;
	width:720px;
	font-size: 14px;
	line-height: 160%;
	color: #2C2C2C;	
}

@media (max-width: 768px) {
.detail-box {
	width:inherit;
}
}

/*タイトル後の段落ち箱*/
.in-box {
	/*margin-left:auto;
	width:688px;*/
	background:#cddaaf;
}

@media (max-width: 768px) {
.in-box {
	/*margin-left:inherit;
	width:inherit;*/
}	
}

/* =========================================================
　■各店配送（carriage_h.html）
========================================================= */
.shipping-fee {
	margin:64px auto 32px !important;
}

@media (max-width: 768px) {
.shipping-fee {
	margin:40px auto 16px !important;
}	
}

/* =========================================================
　■利用規約（terms_h.html）
========================================================= */
.terms-index-area {
	margin:32px auto 56px;
	width:720px;
	background: #F6F6F6;
}

.terms-index-area div {
	padding:24px 42px;
}

.terms-index-area div:last-child {
	border-top: solid 2px #fff;
}

@media (max-width: 768px) {
.terms-index-area {
	margin:16px 24px 32px;
	width:inherit;
}

.terms-index-area div {
	padding:14px 16px;
}	
}

/**/
.terms-index-list {
}

.terms-index-list li {
	margin-top:16px;
}

.terms-index-list li:first-child {
	margin-top:0;
}

.terms-index-list li a {
	margin-right:12px;
	display:inline-block;
	text-decoration:underline;
}

.terms-index-list li a.ano-win {
	/*padding-right:23px;*/
	/*background:url(../images/common/icon_launch.svg) no-repeat right center;*/
}

.ico-ano-window {
	position:relative;
	top:3px;
	left:8px;
	display: inline-block;
    width: 16px;
    height: 16px;
	background:url(../images/common/icon_launch.svg) no-repeat right center;
	background-size:contain;
}

@media (max-width: 768px) {
.terms-index-list li {
	display:flex;
	justify-content:space-between;
}

.terms-index-list li {
	margin-top:13px;
}
.terms-index-list li a {
	margin-right:0;
	padding-right:10px;
	display:block;
	width:100%;
}

.terms-index-list li a.ano-win {
	padding-right:20px;
	display:inline-block;
}

}

/**/
.terms-wrap {
	/*background:#f5e4e4;*/
	
}

.terms-wrap.upper {
	margin-bottom:56px;
	padding-bottom:56px;
	border-bottom: solid 12px #F6F6F6;
}

.terms-wrap .page-cate-heading3 {
	margin:0 auto 0;
	width:1000px;
}

.terms-wrap.upper .terms-box:last-child {
	margin-bottom:0;
}

.terms-box {
	margin:8px auto 56px;
	width:1000px;
	height:480px;
	border: 1px solid #D7D7D7;
	overflow-y:scroll;
}

.terms-in-box {
	margin:0 auto 0;
	width:720px;
}

@media (max-width: 768px) {
.terms-wrap {
	padding:0 24px;
}

.terms-wrap.upper {
	margin-bottom:32px;
	padding-bottom:32px;
}

.terms-box {
	margin:8px auto 32px;
	width:inherit;
	height:480px;
	border: 1px solid #D7D7D7;
	overflow-y:scroll;
}

.terms-in-box {
	margin:0 16px 0;
	width:inherit;
}

/**/
.mih-heading3 {
    margin: 15px 0 26px !important;
}

.mih-heading4 {
    margin: 25px 0 30px !important;
}

.terms-wrap .page-cate-heading3 {
	width:inherit;
}
}

/* =========================================================
　■お問い合わせ（support_h.html）
========================================================= */
.info-tab-area {
	margin:40px auto 40px;
	background: #F6F6F6;
}

.info-tab-box {
	margin:0 auto 0;
	width:1080px;
}

@media (max-width: 768px) {
.info-tab-area {
	margin:16px auto 0;
}

.info-tab-box {
	margin:0 24px 0;
	width:inherit;
}
	
}

.btn-info-tab {
	display:flex;
}

.btn-info-tab li {
	width:50%;
	
}

.btn-info-tab li div {
	height:59px;
	border-bottom: solid 1px #D7D7D7;
	
}

.btn-info-tab li p {
	height:50px;
	font-weight: bold;
	font-size: 16px;
	line-height: 156.5%;
	color: #8D8D8D;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	cursor:pointer;
}

.btn-info-tab li.selected div {
	border-bottom:solid 2px #595959;
}

.btn-info-tab li.selected div p {
	color: #595959;
}

@media (max-width: 768px) {
.btn-info-tab li div {
	height:40px;	
}

.btn-info-tab li p {
	height:33px;
	font-size: 14px;
	line-height: 140%;
}	
}

/**/
.info-list-area {
	margin:0 auto 0;
	max-width:1080px;
}

@media (max-width: 768px) {
.info-list-area {
	margin:0 24px 0;
}
	
}

/* ↓タブの中身↓ */
.tabbox {
	/*margin-top:56px;*/
  /* ↓タブの中身を最初は非表示↓ */
  display: none;
  /* ↓タブの中身の余白↓ */
  /*padding: 15px;*/
}
/* ↓このクラスがついている時だけタブの中身を表示↓ */
.box-show {
  display: block;
}

@media (max-width: 768px) {
.tabbox {
	margin-top:32px;
}
}

/*表
-------------------------------------*/
.info-t-set {
	margin:32px auto 0;
}

@media (max-width: 768px) {
.info-t-set {
	margin:24px auto 0;
}
	
}

.tabbox .info-t-set:first-child {
	margin:0 auto 0;
}

.info-table {
	margin:8px auto 0;
	width:100%;
	border-collapse:collapse;
	background:#fff;
}

.info-table th,.info-table td {
	font-weight: bold;
	font-size: 14px;
	line-height: 140%;
	color: #2C2C2C;
	border: 1px solid #595959;
}

.info-table th {
	padding:16px 0;
	width:180px;
	font-weight: bold;
	text-align:center;
	font-size: 16px;
	line-height: 156.5%;
	color: #595959;
	background: #F6F6F6;
}

.info-table td {
	padding:16px 46px;
}

.info-table td a {
	font-size: 16px;
	line-height: 156.5%;
	/* identical to box height, or 25px */
	text-decoration-line: underline;
	
	/* link_color */
	color: #24AABB;
}

@media (max-width: 768px) {
.info-table th {
	width:74px;
	font-size: 14px;
	line-height: 140%;
}

.info-table td {
	padding:8px 12px;
}

.info-table td a {
	font-size: 14px;
	line-height: 140%;
}


}



@media (max-width: 768px) {

.info-table th,.base-table td {
	padding:5px;
}

.w-base-in-wrap.info .uner-btn-group {
	margin:24px auto 56px;
}
	
}

/* =========================================================
※「お買い物の流れ」部分（order_h.html）
========================================================= */
.shopping-flow {
	text-align:center;
}

.flow-txt {
	font-weight: bold;
	font-size: 16px;
	line-height: 156.5%;
	color: #595959;
}

.flow-txt.min {
	font-size: 14px;
	line-height: 140%;
}

.flow-txt a {
	height:56px;
	color: #595959;
	background: #F6F6F6;
	display:flex;
	align-items:center;
	justify-content:center;
}

.flow-txt a:hover {
	opacity:0.7;
}

@media (max-width: 768px) {
.flow-txt {
	font-size: 14px;
	line-height: 140%;
}

.flow-txt a {
	height:48px;
}
}


.add-line {
	margin:0 auto;
	width:2px;
	height:32px;
	background:#8D8D8D;
}

@media (max-width: 590px) {
.add-line {
	height:24px;
}

.add-line.sp {
	display:none;
}

.add-line.sp-long {
	height:40px;
}
}


.flow-loc3 {
	max-width:720px;
	display:flex;
	justify-content:space-between;
}

.flow-loc3 > li {
	width:224px;
}

.flow-box-min .inner {
	padding:8px;
	text-align:left;
	border: solid 1px #D7D7D7;
	border-top:none;
	min-height:170px;
}

.flow-box-min .inner > ul {
	margin-top:20px;
}

@media (max-width: 590px) {
.flow-loc3 {
	max-width:720px;
	display:block;
}

.flow-loc3 > li {
	width:inherit;
}
.flow-loc3 > li.sakisama {
	margin:16px auto;
}

.flow-box-min .inner {
	min-height:inherit;
}
	
}


/* =========================================================
※「ログインでお困りの場合」部分（login_h.html）
========================================================= */
.tennpo-tel-list {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	font-size:13px;
	font-weight:bold;
}

.tennpo-tel-list li {
	margin-top:20px;
	margin-right:2em;
}

.tennpo-tel-list li:nth-child(3n) {
	margin-right:0;
}

@media (max-width: 768px) {
.tennpo-tel-list {
	display:block;
	font-size:14px;
}

.tennpo-tel-list li {
	margin-top:1em;
	margin-right:0;
}

}