@charset "UTF-8";

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

	■ リセット
  ■ 共通
		┗ mt~,mb~,pt~,pb~
		┗ flex
		┗ エラー
  ■ テキスト
		┗ タイトル
		┗ 必須
		┗ 注釈
  ■ ステップチャート
  ■ フォーム
		┗ フォームサイズ
		┗ レイアウト
		┗ 矢印
		┗ ラジオ
		┗ Other
  ■ ページャー
	■ ボタン
		┗ 色
		┗ サイズ
		┗ その他
	■ ログイン
		┗ バナー

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

/*==========================
リセット
==========================*/
body {
	margin: 0;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

input,
input[type="text"],
input[type="password"],
textarea,
select,
a {
	outline: none;
  appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
}

input,
button,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select::-ms-expand {
	display: none;
}

a {
	color: inherit;
	text-decoration: none;
}

@media screen and (max-width:768px) {
	.c-breadcrumb {
		padding: 1rem 1.5rem;
	}
}

/*==========================
共通
==========================*/
[data-area] {
	position: relative;
}

dt[data-dt="usrex_favorite_shop1"],
dt[data-dt="usrex_favorite_shop2"],
dt[data-dt="usrex_favorite_shop3"] {
	margin: 2.6rem 0 2rem !important;
	padding-top: 2.6rem !important;
	border-top: 5px solid #f5f4f3 !important;
}
dt[data-dt="usrex_favorite_shop1"] .required,
dt[data-dt="usrex_favorite_shop2"] .required,
dt[data-dt="usrex_favorite_shop3"] .required {
	display: none !important;
}
dd[data-dd="usrex_favorite_shop3"] {
	padding-bottom: 2.6rem !important;
	border-bottom: 5px solid #f5f4f3 !important;
}
.rectExBox ._extendMinTtl {
	display: none;
	margin: 1rem 0;
}
.rectExBox[data-id="usrex_favorite_shop1"] ._extendMinTtl,
.rectExBox[data-id="usrex_favorite_shop2"] ._extendMinTtl,
.rectExBox[data-id="usrex_favorite_shop3"] ._extendMinTtl {
	display: block !important;
}
.rectExBox ._extendMinTtl .required {
	display: none;
}
.rectExBox[data-id="usrex_favorite_shop1"] ._extendMinTtl .required {
	display: inline-block !important;
}
dd p.subText._modify {
	display: none;
}
dd[data-dd="usrex_favorite_shop1"] p.subText._modify {
	display: block !important;
}
@media screen and (max-width:768px) {
	dt[data-dt="usrex_favorite_shop1"],
	dt[data-dt="usrex_favorite_shop2"],
	dt[data-dt="usrex_favorite_shop3"] {
		margin: 3.5rem 0 0 !important;
		padding-top: 3.5rem !important;
	}
	dd[data-dd="usrex_favorite_shop3"] {
		padding-bottom: 3.5rem !important;
	}
}

.pointCardBlk .ttl_s {
	margin-bottom: 1.5rem !important;
}
.pointCardBlk dl dd span {
	display: block;
}
@media screen and (max-width:768px) {
	.pointCardBlk dl dt {
		margin-top: 2.5rem !important;
	}
	.pointCardBlk dl dd span {
		margin-bottom: 2.5rem;
	}
}
@media screen and (min-width:769px) {
	.pointCardBlk dl dt {
		margin-bottom: 1rem !important;
	}
	.pointCardBlk dl dd span {
		margin-bottom: 2.6rem;
	}
}

.error_popUp {
	visibility: hidden;
	opacity: 0;
	place-items: center;
	position: absolute;
	top: 4rem;
	left: 0;
	padding: 0.2rem 1rem;
	color: var(--color-white);
	font-size: 1.2rem;
	text-align: center;
	background-color: var(--color-text-primary);
	border-radius: 100vh;
	white-space: nowrap;
	box-shadow: 0 0.3rem 0.6rem;
	z-index: var(--zindex-front);
	transition: all .2s;
}
.error_popUp.show {
	visibility: visible;
	opacity: 1;
}
.error_popUp::before {
	content: "";
	position: absolute;
	top: 99%;
	left: 2rem;
	width: 0;
	height: 0;
	border: 1rem solid transparent;
	border-top: 1rem solid var(--color-text-primary);
}

#Wrap_lower.onlyDefault {
	margin: 0 auto 2rem
}

.subText {
	width: 100%;
	margin-top: .8rem;
	font-size: 1.2rem !important;
}
.subText.underLine,
.text-d--underLine {
	text-decoration: underline;
}
.block-inner {
	max-width: 1240px;
	margin: 0 auto;
}

.inner_lower {
	max-width: 800px;
	width: 100%;
	margin: 3rem auto 6rem;
}

.area_block {
	margin-bottom: 6rem;
}

.dvUserShippingInfo .area_block {
	margin-bottom: 4rem;
}

.area_block.ver100 {
	margin-bottom: 10rem;
}

.area_block.passRemaind_margin {
	margin-bottom: 2.6rem;
}

[data-companyPayment="gmo"] .area_block {
	margin-bottom: 3rem;
}

.notice {
	font-size: 1.4rem;
	line-height: 1.5;
	margin: -1rem auto 5px;
	display: block;
}

.message-notice {
	font-size: 1.4rem;
	line-height: 1.4;
	color: red;
	display: block;
	margin-top: 1rem;
}

.budget-unit {
	font-size: 1.4rem;
}

.dvUserInfo[data-companyPayment="gmo"] {
	margin-top: 3rem;
}

.loading>img {
	display: none !important;
}

.line_none,
.f_noborder,
#efo_sign_password_conf:empty {
	border: none !important;
}

.pos-R {
	position: relative;
}

.pos-A {
	position: absolute;
}

.green {
	color: #6bd3cd;
}

.blue {
	color: #6092e6;
}

.f_colorRed {
	color: #d93625;
}

#Wrap_lower .price_red {
	color: #d93625;
}

.f_bold {
	font-weight: bold !important;
}

.f_taLeft {
	text-align: left !important;
}

.lh_15 {
	line-height: 1.5;
}

.multipleLines {
	line-height: 1.4;
}

.setpromotion {
	line-height: 1.5;
}

.line_s {
	border-bottom: solid 1px #cacaca !important;
}

.line_s_2 {
	border-bottom: solid 5px #f5f4f3 !important;
	padding-bottom: 1.6rem;
}

/* .rectExBox select:nth-of-type(n+2) {
    margin-top: 1rem;
} */

@media screen and (max-width: 1600px) {
	.block-inner {
		max-width: calc(1240 * (100vw / 1600));
	}
}

@media screen and (max-width: 1024px) {
	#Wrap_lower {
		margin: 8rem auto 10rem;
		padding: 0 5rem;
	}

	#Wrap_lower.onlyDefault {
		margin: 12rem auto 10rem;
		padding: 0 2.5rem;
	}
}

@media screen and (max-width: 800px) {
	#Wrap_lower.onlyDefault {
		margin: calc(120 * 100vw / 800) auto calc(100 * 100vw / 800);
	}

	.area_block {
		margin-bottom: calc(60 * (100vw / 800));
	}

	.area_block.passRemaind_margin {
		margin-bottom: calc(26 * (100vw / 800));
	}

	.area_block.ver100 {
		margin-bottom: calc(100 * (100vw / 800));
	}
}

@media screen and (max-width:768px) {

	#Wrap_lower {
		margin: 5rem auto 6rem;
		padding: 0 1.75rem;
	}

	#Wrap_lower.onlyOrder,
	#Wrap_lower.onlyUser {
		max-width: inherit;
		padding-top: calc(120 * (100vw / 750));
	}

	#Wrap_lower.onlyDefault {
		padding: 0;
	}

	.block-inner {
		max-width: calc(670 * (100vw / 750));
	}

	.inner_lower {
		max-width: 800px;
		width: 100%;
		margin: 3rem auto 5rem;
	}

	.area_block {
		margin-bottom: 5rem;
	}

	.area_block.ver100 {
		margin-bottom: 5rem;
	}

	.area_block.passRemaind_margin {
		margin: 0;
	}

	.notice {
		font-size: 1.4rem;
		line-height: 1.5;
		margin: 1.25rem auto 0;
		display: block;
	}

	.message-notice,
	.budget-unit {
		font-size: 1.5rem;
	}

	.sp_only,
	.pc_none,
	.br-pc {
		display: block !important;
	}

	.pcOnly,
	.pc_only,
	.sp-none,
	.br-sp {
		display: none !important;
	}

	.line_s_2 {
		padding-bottom: 1rem;
	}

}

@media screen and (min-width:769px) {

	.pc_only,
	.sp-none,
	.br-sp {
		display: block !important;
	}

	.spOnly,
	.sp_only,
	.pc_none,
	.br-pc {
		display: none !important;
	}

}

/* mt~,mb~,pt~,pb~ */
.mt0 {
	margin-top: 0 !important;
}

.mt10 {
	margin-top: 1rem !important;
}

.mt20 {
	margin-top: 2rem !important;
}

.mt30 {
	margin-top: 3rem !important;
}

.mb10 {
	margin-bottom: 1rem !important;
}

.mb20 {
	margin-bottom: 2rem !important;
}

.mb6040 {
	margin-bottom: 6rem !important;
}

.mt7030 {
	margin-top: 7rem !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pt10 {
	padding-top: 1rem !important;
}

@media screen and (max-width: 768px) {
	.mt20 {
		margin-top: 1.5rem !important;
	}

	.mt2060 {
		margin-top: 3rem !important;
	}

	.mb6040 {
		margin-bottom: 4rem !important;
	}

	.mt7030 {
		margin-top: 8rem !important;
	}
}

/* flex */
.flex-container {
	display: flex;
}

.flex-D-row {
	flex-direction: row;
}

.flex-D-row-reverse {
	flex-direction: row-reverse;
}

.flex-D-col {
	flex-direction: column;
}

.flex-D-col-reverse {
	flex-direction: column-reverse;
}

.flex-W {
	flex-wrap: wrap;
}

.flex-NW {
	flex-wrap: no-wrap;
}

.flex-WR {
	flex-wrap: wrap-reverse;
}

.flex-J-flex-start {
	justify-content: flex-start;
}

.flex-J-flex-end {
	justify-content: flex-end;
}

.flex-J-center {
	justify-content: center;
}

.flex-J-space-b {
	justify-content: space-between;
}

.flex-J-space-a {
	justify-content: space-around;
}

.flex-J-space-e {
	justify-content: space-evenly;
}

.flex-A-flex-start {
	align-content: flex-start;
}

.flex-A-flex-end {
	align-content: flex-end;
}

.flex-A-center {
	align-content: center;
}

.flex-A-space-b {
	align-content: space-between;
}

.flex-A-space-a {
	align-content: space-around;
}

.flex-A-space-e {
	align-content: space-evenly;
}

.flex-A-stretch {
	align-content: stretch;
}

.align-S-auto {
	align-self: auto;
}

.align-S-flex-start {
	align-self: flex-start;
}

.align-S-flex-end {
	align-self: flex-end;
}

.align-S-center {
	align-self: center;
}

.align-S-baseline {
	align-self: baseline;
}

.align-S-stretch {
	align-self: stretch;
}

.flex-passWordConfirm {
	display: flex;
	align-items: center;
	gap: 1rem;
}

/* エラー */
.area_error:empty,
.error_inline:empty {
	display: none !important;
}

#Wrap_lower .area_error {
	width: 100%;
	color: var(--color-error);
	/* margin: 15px 0 0 0; */
	line-height: 1.4;
}

#Wrap_lower .error_inline {
	margin-top: 1rem;
	color: #ff0000;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.5;
}
#Wrap_lower .error_inline:nth-of-type(n+2) {
	margin-top: .5rem;
}

@media screen and (max-width: 768px) {
	#Wrap_lower .area_error {
		margin: 0.8rem 0 1rem;
	}

	#Wrap_lower .error_inline {
		font-size: 1.5rem;
	}
}

/*==========================
テキスト
==========================*/
.area_ttl_sec p {
	margin-top: 4rem;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.71;
	letter-spacing: 0.02rem;
	font-feature-settings: 'pwid';
}

.area_ttl_sec p a {
	display: inline-block;
	text-decoration: underline;
}

.ttl_p {
	font-size: 1.8rem;
	line-height: 1;
	padding-bottom: 2rem;
	border-bottom: solid 1px #545454;
	text-align: center;
	margin-top: 6rem;
	font-weight: bold;
}

.onlyUser .ttl_p {
	margin-top: 6rem;
}

.onlyUser .ttl_p._noM {
	margin-top: 0;
}

.ttl_s {
	font-size: 1.6rem;
	line-height: 1;
	padding-bottom: 1.6rem;
	text-align: left;
	border-bottom: dotted 1px #cacaca;
}

.ttl_c {
	font-size: 1.4rem;
}

.ttl_c_bo_dot {
	font-size: 1.4rem;
	line-height: 1;
	padding-bottom: 1.6rem;
	text-align: left;
	border-bottom: dotted 1px #dcdcdc;
}

.ttl_g {
	font-size: 1.6rem;
	line-height: 1;
	padding-bottom: 1.6rem;
	text-align: left;
	border-bottom: dotted 1px #cacaca;
}

.ttl_t_s {
	font-size: 1.6rem;
	line-height: 1;
	padding-bottom: 1.6rem;
	text-align: left;
	border-bottom: solid 3px #f4f4f4;
	font-weight: bold;
}

.ttl {
	font-weight: normal;
	text-align: center;
	font-size: 3rem;
	letter-spacing: 0.1em;
}

.sub_ttl {
	font-size: 2rem;
	letter-spacing: 0.05em;
	display: block;
	font-weight: 200;
	margin-top: 1rem;
}

.txt_ttl {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.4;
}

.txt {
	font-size: 1.6rem;
	line-height: 1.66;
}

.f_graybox {
	padding: 1.3rem 2rem;
	background: #f4f4f4;
}

.ttl_t_s+p {
	font-size: 1.4rem;
}

.area_txt {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 4rem;
}

@media screen and (max-width: 768px) {

	.area_ttl_sec p {
		margin-top: 3rem;
		text-align: left;
	}
	
	.ttl {
		font-size: calc(46 * (100vw / 750));
	}

	.sub_ttl {
		font-size: calc(26 * (100vw / 750));
		margin-top: calc(12 * (100vw / 750));
	}

	.txt_ttl {
		font-size: calc(22 * (100vw / 750));
	}

	.txt {
		font-size: calc(22 * (100vw / 750));
	}

	.ttl_p,
	.onlyUser .ttl_p {
		padding-bottom: 1.4rem;
		margin-top: 5rem;
		font-weight: normal !important;
	}

	.ttl_s {
		font-size: 1.8rem;
	}

	.ttl_c {
		font-size: 1.5rem;
	}

	.ttl_t_s {
		font-size: 1.8rem;
		padding-bottom: 1.75rem;
	}

	.ttl_c_bo_dot {
		font-size: 1.5rem;
		padding-bottom: 1.5rem;
	}

}

@media screen and (max-width: 1600px) {

	.ttl {
		font-size: calc(30 * (100vw / 1600));
	}

	.sub_ttl {
		font-size: calc(20 * (100vw / 1600));
		margin-top: calc(10 * (100vw / 1600));
	}

	.txt_ttl {
		font-size: calc(20 * (100vw / 1600));
	}

	.txt {
		font-size: calc(16 * (100vw / 1600));
	}

}

/* タイトル */
.area_ttl {
	margin: 3rem auto;
	text-align: center;
}

.area_ttl h2 {
	font-size: 3.4rem;
	display: flex;
	flex-direction: column;
}

.area_ttl h2 .noto {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 600;
}

.area_ttl h2 .fs_ttlmain {
	font-size: var(--title-l);
	line-height: 1;
}

.area_ttl h2 .fs_ttlsub {
	font-size: var(--text-l);
	margin-top: 1rem;
}

@media screen and (max-width: 800px) {

	.area_ttl {
		margin: calc(10 * (100vw / 800)) auto calc(30 * (100vw / 800));
	}

	#Wrap_lower.onlyDefault .area_ttl {
		margin: calc(30 * (100vw / 800)) auto calc(50 * (100vw / 800));
	}

	.area_ttl h2 .fs_ttlmain {
		font-size: calc(20 * (100vw / 800));
	}

}

@media screen and (max-width: 768px) {

	.area_ttl {
		margin: 0 auto 2rem;
	}

	.area_ttl.noTtl,
	#Wrap_lower.onlyDefault .area_ttl {
		margin: 3rem auto 4rem;
	}

	.area_ttl h2 .fs_ttlmain {
		font-size: var(--title-l);
	}

	.area_ttl h2 .fs_ttlsub {
		font-size: 1.2rem;
	}

}

/* 必須 */
.required {
	background: #d93625;
	color: #ffffff;
	font-size: 1rem;
	padding: 2px 5px;
	vertical-align: middle;
	line-height: 1;
	margin: 0 0 0 1rem;
	font-weight: normal;
}

.area_ttl_sec p .required {
	margin: 0 2px 0 0;
}

.dvContentsInfo_kakunin .required {
	margin: 0 4px 0 0;
}

.red_poshi .required {
	position: absolute;
	top: 2.95rem;
}

@media screen and (max-width:768px) {

	.required {
		font-size: 1.4rem;
		padding: 0.3rem;
		vertical-align: middle;
		line-height: 1;
		margin-left: 1rem;
	}

	.red_poshi .required {
		position: absolute;
		top: 2.8rem;
	}

}

/* 注釈 */
.notes {
	display: block;
	margin-left: 1.5rem;
	font-size: 1.2rem;
	line-height: 1.6;
}

.notes.mt10 {
	margin-left: 0;
}

/*==========================
ステップチャート
==========================*/
.stepFlow {
	display: flex;
	border-bottom: 1px solid #afafaf;
}

.stepFlow li {
	line-height: 1.4;
	font-size: 1.4rem;
	letter-spacing: normal;
	text-align: center;
	color: #afafaf;
	padding: 2.2rem 0;
}

.stepFlow.step05 li {
	width: 20%;
}

.stepFlow.step04 li {
	width: 25%;
}

.stepFlow.step03 li {
	width: 33.333333333%;
}

.stepFlow.step02 li {
	width: 50%;
}

.stepFlow li.current {
	color: #545454;
	padding-bottom: 1.6rem;
	border-bottom: solid 5px #545454;
}

@media screen and (max-width:768px) {
	.stepFlow li {
		font-size: 1.2rem;
		letter-spacing: normal;
		text-align: center;
		color: #afafaf;
		padding-bottom: 1.4rem;
	}

	.stepFlow li.current {
		padding-bottom: 1.4rem;
	}
}

/*==========================
フォーム
==========================*/
/* フォームサイズ */
.form_fixed li.form_none {
	width: 17.6rem;
}

.form_fixed li {
	width: 100%;
}

.form_fixed li.width_200 {
	width: 100%;
	max-width: 200px;
}

.form_fixed li.width_170 {
	width: 100%;
	max-width: 170px;
}

.form {
	width: 100%;
	height: 5rem;
	color: #323333;
	line-height: 5rem;
	background-color: #f4f4f4;
	padding: .5rem 2rem;
	font-size: 1.4rem;
}

.form02 {
	width: 100%;
	height: 4.5rem;
	color: #323333;
	line-height: 3.5rem;
	background-color: #f4f4f4;
	padding: 1rem;
	font-size: 1.4rem;
}

.form._01 {
	max-width: 800px;
}

.form._02 {
	max-width: 400px;
}

.form._03 {
	max-width: 380px;
}

.form._04 {
	max-width: 300px;
}

.form._05 {
	max-width: 250px;
}

.form._06 {
	max-width: 180px;
}

.form._07 {
	max-width: 130px;
}

.form._08 {
	max-width: 120px;
}

.form._09 {
	max-width: 350px;
}

.form._11 {
	max-width: 140px;
}

.form._12 {
	max-width: 330px;
	margin-left: 0;
}

.form._13 {
	max-width: 100px;
	text-align: center;
}

.form._14 {
	max-width: 120px;
}

.form._15 {
	max-width: 200px;
}

.form._16 {
	max-width: 330px;
}

.form02._17 {
	max-width: 75px;
}

@media screen and (max-width: 800px) {

	.form_double li:first-child {
		margin-right: calc(40 * (100vw / 800));
	}

	.form_triple li {
		margin-left: calc(28 * (100vw / 800));
	}

	.form {
		padding: calc(18 * (100vw / 800)) calc(20 * (100vw / 800));
		font-size: calc(14 * (100vw / 800));
	}

	.form._11 {
		max-width: calc(290 * (100vw / 800));
	}

	.form._12 {
		width: calc(100% - 20px);
		margin-left: 2rem;
		max-width: 1000px;
	}

	.form_fixed li.form_none {
		width: 100%;
		margin-top: calc(36 * (100vw / 800));
	}
}

@media screen and (max-width: 768px) {

	.form_fixed li.width_200,
	.form_fixed li.width_170 {
		width: 100%;
		max-width: 800px;
	}

	.form {
		padding: .5rem 1.5rem;
		font-size: 1.5rem;
	}

	.form02 {
		padding: 1rem 1rem;
		font-size: 1.8rem;
		height: 5rem;
		line-height: 5rem;
	}

	.form._05 {
		max-width: 20rem;
	}

	.form._08 {
		max-width: 8.5rem;
	}

	.form._12 {
		margin: 1rem 0 0;
	}

	.form._13 {
		max-width: 7rem;
	}

	.form._14 {
		max-width: 15rem;
	}

	.form._15 {
		max-width: 40rem;
	}

	.form._16 {
		max-width: 100%;
	}

	.form._04 {
		max-width: 800px;
	}

	.form02._17 {
		max-width: 14.2rem;
	}

}

/* レイアウト */
.form_double {
	display: flex;
}

.form_double li {
	margin: 0;
	flex-grow: 1;
}

.form_double li:first-child {
	margin-right: 4rem;
}

.form_double.margin_small li:first-child {
	margin-right: 2rem;
}

.form_double li {
	margin: 0;
	flex-grow: 1;
}

.form_double.post li:first-child {
	margin-right: 0;
}

.form_double.post li {
	display: flex;
	align-items: center;
	flex-grow: inherit;
}

.form_double.post li span {
	margin: 0 1rem 0 0;
	font-size: 1.4rem;
	font-weight: normal;
}

.form_double.post li span.both {
	margin: 0 1rem;
}

.form_triple {
	display: flex;
	justify-content: space-between;
}

.form_triple li {
	margin: 0 0 0 2.8rem;
	width: 33%;
	display: flex;
	align-items: center;
}

.form_triple li:first-child {
	margin-left: 0;
}

.form_triple.date span {
	margin-left: 1rem;
	font-size: 1.4rem;
}

.form_fixed {
	display: flex;
	align-items: center;
}

.form_fixed.negaM {
	margin-top: -1rem;
}

.form_fixed.plan_date02 {
	margin: 2rem 0 0;
}

@media screen and (max-width: 800px) {

	.form_double li:first-child {
		margin-right: calc(40 * (100vw / 800));
	}

	.form_triple li {
		margin-left: calc(28 * (100vw / 800));
	}

	.form_fixed li.form_none {
		width: 100%;
		margin-top: calc(36 * (100vw / 800));
	}

}

@media screen and (max-width: 768px) {

	.form_double li:first-child {
		margin-right: 2rem;
	}

	.form_double.post li span {
		margin: 0 1rem 0 0;
		font-size: 1.5rem;
	}

	.form_double.post li span.both {
		margin: 0 1rem;
	}

	.form_triple li {
		margin-left: 1.6rem
	}

	[data-companyPayment="gmo"] .form_triple li {
		width: 31%;
	}

	[data-companyPayment="gmo"] .form_triple li:first-child {
		width: 38%;
	}

	.form_triple.rect span {
		margin-left: 1rem;
		font-size: 1.5rem;
	}

	[data-companyPayment="gmo"] .form_triple.rect span {
		margin-left: 0.5rem;
	}

	.form_fixed {
		align-items: flex-start;
		flex-direction: column;
	}

	.form_fixed li {
		margin-bottom: 2rem;
	}

	.form_double li.form._03:first-child {
		margin-right: 0 !important;
	}

	.form_wrap dt.fixed_purchase {
		margin: 0;
		align-items: flex-start;
		flex-direction: column;
	}

	.form_select,
	.form_select.select-mailMagazine {
		margin-top: 20px;
	}

	.form_radio_square-payment {
		margin: 0 0 2rem auto;
	}

}

/* 矢印 */
.rect select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background: #f4f4f4 url(../../Contents/ImagesPkg/common/rect.svg) no-repeat !important;
	background-size: 1.3rem 0.7rem !important;
	background-position: right 2.1rem center !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	width: 100%;
	border-radius: 0;
	line-height: 1;
}
@media all and (-ms-high-contrast: none) {
	.rect select {
		height: 85%;
	}
}
@media screen and (max-width: 768px) {

	.rect select {
		background-size: 1rem 0.7rem !important;
		background-position: right calc(30 * (100vw / 750)) center !important;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		width: 100%;
		border-radius: 0;
		line-height: 1;
	}

}

/* ラジオ */
.form_radio label {
	position: relative;
	display: inline-block;
	padding: 0.3rem 0.3rem 0.3rem 3rem;
	cursor: pointer;
	margin-right: 3rem;
	font-size: 1.4rem;
}

.form_radio label::before {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 2rem;
	height: 2rem;
	margin-top: -1rem;
	background: #fff;
	border: 1px solid #9d9d9d;
	border-radius: 100%;
}

.form_radio input[type="radio"]:checked+label::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 0.5rem;
	width: 1rem;
	height: 1rem;
	margin-top: -0.5rem;
	background: #545454;
	border-radius: 100%;
}

.form_select {
	margin-top: 0;
}

.form_select.cartselect_check {
	margin-top: 1.5rem;
}

.orderconfirm_block .customerInfo ul.form_radio_square {
	margin-bottom: 3rem;
}

.form_radio_square input[type="checkbox"],
.form_select input[type="checkbox"] {
	border: 1px solid #545454;
	-webkit-appearance: none;
	position: relative;
	width: 2rem;
	height: 2rem;
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	border-radius: 0;
	margin-right: 1rem;
}

.form_select.cartselect_check input[type="checkbox"] {
	margin: 0 5px;
}

#Contents .form_select.cartselect_check input {
	vertical-align: top;
}

.form_radio_square input[type="checkbox"]:checked:after,
.form_select input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	left: -.1rem;
	top: -.1rem;
	content: "";
	width: 2rem;
	height: 2rem;
	border: 1px solid #545454;
	background-color: #545454;
	background-image: url(../../Contents/ImagesPkg/common/icon_check_common.svg);
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: center;
	border-radius: 0;
}

.form_select label {
	vertical-align: middle;
}

.radioBtn.likeselect {
	display: flex;
	align-items: center;
}

.form_radio_square-payment {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 4rem;
}

.form_radio_square-payment label {
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.form_radio label {
		padding: 0.6rem 0.3rem 0.3rem 2.5rem;
		cursor: pointer;
		margin-right: 3rem;
		font-size: 1.5rem;
	}

	.form_fixed.plan_date02 {
		margin: 0;
	}
}

/* Other */
#dvUserBox .btn_user_change_ok_fixed label {
	color: #ffffff;
}
#dvUserBox .red_poshi table th {
	position: relative;
}
textarea.form {
	line-height: 1.5;
}
.budget_form {
	display: flex;
	align-items: center;
	gap: 0 1rem;
}

[data-companyPayment="gmo"] .form_wrap {
	padding: 0 2rem;
	border: 2px solid #f5f4f3;
	margin-top: 1.5rem;
}

.form_wrap dt div,
.headeing-gmo {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	display: flex;
	align-items: center;
	margin: 0 1rem 0 0;
}

.headeing-gmo {
	margin: 2.6rem 0 2rem;
}

.form_wrap dt {
	margin: 2rem 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.onlyUser .form_wrap dt,
.onlyUser .form_wrap .pass_m_i_bottom dt {
	margin: 2.6rem 0 2rem;
}

.form_wrap dt.no_m_t {
	margin: 0 0 2rem !important;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.form_wrap dt.fixed_purchase {
	margin: 2rem 0 1rem;
	display: flex;
	align-items: center;
}

.form_wrap dt.fixed_purchase div {
	font-weight: normal;
}

.form_wrap dt.loginFormtop {
	margin: 2rem 0
}

.confirm_wrap {
	margin: 3.6rem auto 6rem;
	font-size: 1.4rem;
}

.confirm_block {
	margin: 0;
	border-bottom: none;
}

.confirm_block:first-child,
.confirm_block[data-confirmBlockType="gmo"] {
	border-bottom: dotted 1px #cacaca;
	margin-bottom: 6rem;
}

.confirm_block:last-of-type {
	border-bottom: 0;
}

.confirm_block dt {
	border-top: dotted 1px #cacaca;
	padding-top: 3.3rem;
	font-weight: bold;
}

.confirm_block dd {
	margin: 1.8rem 0 3.1rem;
}

#dvUserShippingInput .confirm_block dd:last-of-type {
	border-bottom: dotted 1px #cacaca;
	padding-bottom: 3.1rem;
}

/* ご注文内容確認 ul下にliが無かったらul自体を非表示にする。(とりあえずクラス対応) */
.orderconfirm_block .customerInfo ul.hidden-list {
	display: none;
}

@media screen and (max-width: 768px) {

	.form_wrap dt div,
	.headeing-gmo {
		font-size: 1.5rem;
	}

	[data-companyPayment="gmo"] .form_wrap {
		padding: 0 1rem;
	}

	.form_wrap dt {
		margin: 3.5rem 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.onlyUser .form_wrap dt {
		margin: 3.5rem 0 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.onlyUser .form_wrap .pass_m_i_bottom dt {
		margin: 2.7rem 0 0;
	}

	.form_wrap dt.firstForm {
		margin: 3rem 0 0;
	}

	.form_wrap dt.loginFormtop {
		margin: 2rem 0 0;
	}

	.form_wrap dt.no_m_t {
		margin: 2rem 0 0 !important;
		align-items: flex-start;
	}

	.confirm_wrap {
		margin: 3rem auto 5rem;
		font-size: 1.4rem;
	}

	.confirm_block {
		margin-bottom: 5rem;
		font-size: 1.5rem;
	}

	.confirm_block.shortmb {
		margin-bottom: 2rem;
		font-size: 1.5rem;
	}

	.confirm_block.lastArea {
		margin-bottom: 2rem;
	}

	.confirm_block:first-child {
		border-bottom: dotted 2px #cacaca;
		margin-bottom: 5rem;
	}

	.confirm_block dt {
		border-top: dotted 2px #cacaca;
		padding: 3.2rem 0 0;
		font-weight: bold;
	}

	.confirm_block dd {
		margin: 2rem 0 3rem 0;
		border-bottom: none;
		text-align: justify;
	}

	#dvUserShippingInput .confirm_block dd:last-of-type {
		border-bottom: dotted 2px #cacaca;
		padding-bottom: 3rem;
	}

	.form_select.cartselect_check {
		margin-top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

}

/*==========================
ページャー
==========================*/
#pagination .result {
	display: none;
}

.pagerWrap {
	display: flex;
	justify-content: flex-end;
}

.pager {
	position: relative;
}

.pager .list-pager {
	width: 100%;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}

.pager .list-pager li {
	display: inline-block;
	font-size: 1.2rem;
	margin: 0 1.6rem;
	line-height: 1.9;
}

.pager .list-pager li span {
	border-bottom: 1px solid #545454;
	padding: 0 6px 6px;
	font-weight: bold;
}

.pager .list-pager li a {
	display: inline-block;
	padding: 0 5px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	font-weight: normal
}

.pager .pager-arrow {
	position: absolute;
	top: 0;
}

.pager .pager-arrow.prev {
	left: 0;
}

.pager .pager-arrow.next {
	right: 0;
}

.pager .pager-arrow a {
	display: block;
	width: 1.1rem;
	height: 2.1rem;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	position: relative;
}

.pager .pager-arrow.prev a {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.pager .pager-arrow a::before,
.pager .pager-arrow a::after {
	content: "";
	display: block;
	width: 1.5rem;
	height: 1px;
	position: absolute;
	right: -2px;
	background: #808080;
}

.pager .pager-arrow a::before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 5px;
}

.pager .pager-arrow a::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 5px;
}

@media screen and (min-width:769px) {

	.pager .pager-arrow a:hover,
	.pager .list-pager li a:hover {
		opacity: .5;
	}
}

/*==========================
ボタン
==========================*/
/* 色 */
.bc_brown {
	position: relative;
	display: grid;
	place-items: center;
	color: var(--color-white) !important;
	background-color: var(--color-grey) !important;
	border-radius: 0.6rem;
}

.bc_gray {
	position: relative;
	display: grid;
	place-items: center;
	color: var(--color-text-primary) !important;
	background-color: var(--btn-invert-bg, var(--color-white)) !important;
	border: 1px solid var(--color-grey);
	border-radius: 0.6rem;
}

.bc_border {
	position: relative;
	display: grid;
	place-items: center;
	color: var(--color-text-primary) !important;
	background-color: var(--btn-invert-bg, var(--color-white)) !important;
	border: 1px solid var(--color-grey);
	border-radius: 0.6rem;
}

.btn_edit_s {
	border: 1px solid var(--color-grey);
}

.btn_my_orderList,
.btn_delate_s {
	color: var(--color-text-primary);
}

.bc_blue {
	color: #fff;
	background: #4f8df4;
}

.btc_brown {
	color: #545454 !important;
}

@media screen and (min-width:769px) {

	.bc_brown:hover,
	.bc_gray:hover,
	.bc_border:hover,
	.bc_blue:hover {
		cursor: pointer;
	}

	.bc_brown:hover {
		background-color: var(--color-primary) !important;
	}

	.bc_gray:hover {
		background-color: #CCC !important;
		border: 1px solid #CCC !important;
	}

	.bc_border:hover {
		border: 1px solid var(--color-primary) !important;
	}

	.bc_blue:hover {
		opacity: 0.6;
	}
}

/* サイズ */
.btn_info,
.btn_move,
.btn_confirm,
.btn_addad,
.btn_join,
.btn_my_orderList,
.btn_user_ohd,
.btn_history,
.btn_modification,
.btn_address,
.btn_user_change,
.btn_delate_s,
.btn_edit_s,
.btn_user_change_ok,
.btn_user_change_no,
.btn_user_change_ok_fixed,
.btn_user_change_ok_s,
.btn_user_fixed_cancel_noreason,
.btn_user_fixed_cancel_reason,
.btn_cuponUse,
.btn_amazon,
.bc_brown,
.bc_gray {
	display: block;
	padding: 0;
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
	transition: all .4s;
}

.btn_amazon_order[disabled="disabled"]{
	pointer-events: none;
}

.btn_move,
.btn_confirm,
.btn_addad,
.btn_join,
.btn_my_orderList,
.btn_user_ohd,
.btn_amazon {
	height: 6rem;
	font-size: 1.6rem;
	line-height: 6rem;
}

.btn_info,
.btn_address {
	height: 5rem;
	font-size: 1.5rem;
	line-height: 5rem;
}

.btn_history,
.btn_modification,
.btn_user_change,
.btn_delate_s,
.btn_edit_s,
.btn_user_change_ok,
.btn_user_change_no,
.btn_user_change_ok_fixed,
.btn_user_change_ok_s,
.btn_user_fixed_cancel_noreason,
.btn_user_fixed_cancel_reason,
.btn_cuponUse {
	font-size: 1.3rem;
	height: 3.5rem;
	line-height: 3.5rem;
}

.btn_move {
	width: 24rem;
}

.btn_confirm {
	width: 20rem;
}

.btn_addad {
	width: 20rem;
}

.btn_join {
	width: 28rem;
}

.btn_my_orderList {
	width: 20rem;
}

.btn_user_ohd {
	width: 20rem;
}

.btn_amazon {
	width: 20rem;
	margin: 3rem 0 0 auto;
}

.btn_info {
	width: 10rem;
}

.btn_address {
	width: 13rem;
}

.btn_history {
	width: 17rem;
}

.btn_modification {
	width: 14rem;
}

.btn_delate_s {
	width: 10rem;
}

.btn_edit_s {
	width: 10rem;
}

.btn_user_change {
	width: 14rem;
}

.btn_user_change_ok {
	width: 8rem;
}

.btn_user_change_no {
	width: 8rem;
}

.btn_user_change_ok_fixed {
	width: 21rem;
}

.btn_user_change_ok_s {
	width: 14rem;
}

.btn_user_fixed_cancel_noreason,
.btn_user_fixed_cancel_reason {
	width: 15rem;
}

.btn_cuponUse {
	width: 20rem;
	margin: 0 0 0 auto;
}
.btn_disableColor[disabled="disabled"],
.amazonButton[disabled="disabled"]{
	opacity: 0.4;
}

@media screen and (max-width:768px) {

	.btn_move,
	.btn_confirm,
	.btn_join,
	.btn_history,
	.btn_addad {
		width: 100%;
		margin: 0 auto;
	}

	.btn_delate_s {
		width: 12rem;
	}

	.btn_edit_s {
		width: 12rem;
	}

	.btn_cuponUse {
		width: 12rem;
		margin: auto;
	}
}

/* その他 */
.area_btn li:empty {
	display: none;
}

.area_btn,
.area_btn.user_defaultshipping,
.area_btn.magazine_remove,
.area_btn.user_ohd_wrap,
.area_btn_userchange,
.area_btn_right_single,
.with_btn {
	display: flex;
	align-items: center;
}

.area_btn,
.area_btn.user_defaultshipping,
.area_btn.magazine_remove,
.area_btn.user_ohd_wrap {
	justify-content: center;
}

.area_btn.right_side,
.area_btn_right_single {
	justify-content: flex-end;
}

.area_btn,
.area_btn.user_defaultshipping,
.area_btn.magazine_remove,
.area_btn.user_ohd_wrap,
.area_btn.cuser_credit,
.area_btn.user_userremailde,
.dvUserShippingInfo .area_btn.user_modify,
.area_btn.user_passRemaind_com,
.area_btn.user_fix_cancel_input,
.area_btn.confirm_o {
	margin-top: 4.5rem;
}

.dvUserShippingInfo .area_btn.user_defaultshipping {
	margin-top: 2.5rem;
}

.area_btn_right_single {
	margin-top: 2rem;
}

.area_btn li,
.area_btn li:first-child {
	margin: 0 2rem;
}

.area_btn.right_side li,
.area_btn.right_side li:first-child {
	margin: 0;
}

.with_btn .btn_add_sea {
	margin-left: 2rem;
}

.passResetBtn {
	margin-left: 2rem;
}

@media screen and (max-width:768px) {
	.area_btn {
		justify-content: flex-start;
		flex-direction: column-reverse;
	}

	.with_btn.user_add {
		justify-content: space-between;
	}

	.area_btn .user_ohd_wrap,
	.area_btn li,
	.area_btn li:first-child,
	.area_btn.user_modify li,
	.area_btn.user_defaultshipping,
	.area_btn.user_defaultshipping:first-child,
	.area_btn.user_userremailde li,
	.area_btn.user_userremailde li:first-child,
	.area_btn.magazine_remove li,
	.area_btn.magazine_remove li:first-child,
	.area_btn.user_fix_cancel_input li,
	.area_btn.user_fix_cancel_input li:first-child {
		width: 100%;
		margin: 0;
	}

	.area_btn li:nth-of-type(n+2),
	.area_btn.user_modify li:nth-of-type(n+2),
	.area_btn.user_defaultshipping li:nth-of-type(n+2),
	.area_btn.user_fix_cancel_input li:nth-of-type(n+2) {
		width: 100%;
		margin: 0 0 2rem;
	}

	.with_btn .btn_add_sea {
		margin-left: 1.5rem;
	}

	.btn_user_ohd {
		width: 100%;
		font-size: 1.8rem;
	}

	.passResetBtn {
		margin-left: 1.5rem;
	}
}

/* カートボタン */
._cartBtn {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: .65rem;
	width: 100%;
	height: 3.5rem;
	font-size: 1.2rem;
	border-radius: 0.6rem;
	transition: all .3s;
}
._cartBtn._add {
	color: #FFF;
	border: 1px solid var(--color-grey);
	background-color: var(--color-grey);
}
._cartBtn._soldOut {
	color: #808080;
	border: 1px solid var(--color-bg-primary);
	background-color: var(--color-bg-primary);
	pointer-events: none;
}
._icon {
	width: 2rem;
	margin-top: -.4rem;
}
._cartBtn._soldOut ._icon svg path {
	fill: #808080;
}
@media screen and (min-width:769px) {
	._cartBtn._add:hover {
		border: 1px solid var(--color-primary);
		background-color: var(--color-primary);
	}
}

/*==========================
ログイン
==========================*/
#loginWrap .mt20 {
	margin-top: 0 !important;
}

#dvUserContents.login_formWrap #loginWrap a:not(.dvLoginReminder a):visited {
	color: #fff;
}

#dvUserContents.login_formWrap #loginWrap .dvLoginReminder a:visited {
	color: initial;
}

#dvUserContents.login_formWrap .contentsInfo {
	margin-bottom: 4rem;
}

#dvUserContents.login_formWrap .contentsInfo p {
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
}

#dvUserContents.login_formWrap #loginWrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	max-width: 100rem;
	margin: auto;
}

#dvUserContents.login_formWrap #loginWrap .area_ttl_sec p {
	margin-top: 2rem;
	text-align: left;
}

#dvUserContents.login_formWrap #dvLoginWrap,
#dvUserContents.login_formWrap .dvLoginRegist {
	width: 46%;
}

#dvUserContents.login_formWrap .area_btn {
	display: block;
	margin-top: 3rem;
}

#dvUserContents.login_formWrap .area_btn li,
#dvUserContents.login_formWrap .area_btn li:first-child {
	margin: 0;
}

#dvUserContents.login_formWrap .dvLoginRegist .social {
	margin-top: 4rem;
}

#dvUserContents.login_formWrap .f_bold input {
	font-weight: normal;
}

#dvUserContents.login_formWrap .loginForm {
	margin-top: 3rem;
}

#dvUserContents.login_formWrap .loginForm li:not(.area_btn li):first-of-type {
	margin-bottom: 3rem;
}

#dvUserContents.login_formWrap .loginForm li input:not(.checkBox input) {
	margin-top: 1.5rem !important;
}

#dvUserContents.login_formWrap .loginForm li.loginMemory {
	margin-top: 1.5rem;
}

#dvUserContents.login_formWrap .dvLoginReminder {
	margin-top: 1.5rem;
}

@media screen and (max-width: 800px) {
	#dvUserContents.login_formWrap #loginWrap {
		display: block;
	}

	#dvUserContents.login_formWrap #dvLoginWrap,
	#dvUserContents.login_formWrap .dvLoginRegist {
		width: 100%;
		margin: auto;
	}

	#dvUserContents.login_formWrap .dvLoginRegist {
		margin-top: 6rem;
	}

	#dvUserContents.login_formWrap .loginForm li input:not(.checkBox input) {
		margin-top: 2rem;
	}

	#dvUserContents.login_formWrap .dvLoginRegist .social {
		margin-top: 6rem;
	}
}

@media screen and (max-width: 768px) {
	#dvUserContents.login_formWrap {
		margin: auto;
		padding: 0 1.5rem;
	}

	#dvUserContents.login_formWrap .contentsInfo p {
		font-size: 1.5rem;
	}

	#dvUserContents.login_formWrap .loginForm {
		margin-top: 2rem;
	}

	#dvUserContents.login_formWrap .loginForm li:not(.area_btn li):first-child {
		margin-bottom: 2rem;
	}

	#dvUserContents.login_formWrap .loginForm li input:not(.checkBox input) {
		margin-top: 1rem !important;
	}
}

/* バナー */
.bannerBox_login > p {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
	color: #fff;
	text-align: center;
	background-color: #AA9977;
}
.bannerBox_login > ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bannerBox_login > ul > li {
	display: flex;
	align-items: center;
	column-gap: 2rem;
	border: 1px solid #AA9977;
}
.bannerBox_login > ul > li::before {
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}
.bannerBox_login > ul > li._01::before {
	background-image: url(../../Contents/ImagesPkg/login/bnr_01.png);
}
.bannerBox_login > ul > li._02::before {
	background-image: url(../../Contents/ImagesPkg/login/bnr_02.png);
}
.bannerBox_login > ul > li._03::before {
	background-image: url(../../Contents/ImagesPkg/login/bnr_03.png);
}
.bannerBox_login > ul > li._04::before {
	background-image: url(../../Contents/ImagesPkg/login/bnr_04.png);
}
.bannerBox_login > ul > li > p > span {
	display: block;
}
.bannerBox_login > ul > li > p > span._ttl {
	font-size: 1.5rem;
}
.bannerBox_login > ul > li > p > span._text {
	margin-top: .5rem;
}
@media screen and (max-width:768px) {
	.bannerBox_login {
		margin-bottom: 5rem;
	}
	.bannerBox_login > p {
		min-height: 6rem;
		font-size: 1.3rem;
		line-height: 1.38461538;
	}
	.bannerBox_login > ul {
		gap: 1.4rem;
	}
	.bannerBox_login > ul > li {
		width: 100%;
		min-height: 10rem;
		padding: 2rem 1.4rem;
	}
	.bannerBox_login > ul > li::before {
		width: 6rem;
		height: 6rem;
	}
	.bannerBox_login > ul > li > p > span._ttl {
		line-height: 1.33333333;
	}
	.bannerBox_login > ul > li > p > span._text {
		font-size: 1.1rem;
		line-height: 1.45454545
	}
}
@media screen and (min-width:769px) {
	.bannerBox_login {
		margin-bottom: 6rem;
	}
	.bannerBox_login > p {
		min-height: 4.5rem;
		font-size: 1.5rem;
		line-height: 1;
	}
	.bannerBox_login > ul {
		gap: 2rem;
	}
	.bannerBox_login > ul > li {
		width: 49%;
		min-height: 12rem;
		padding: 1.6rem;
	}
	.bannerBox_login > ul > li::before {
		width: 8.5rem;
		height: 8.5rem;
	}
	.bannerBox_login > ul > li > p > span._ttl {
		line-height: 1.66666667;
	}
	.bannerBox_login > ul > li > p > span._text {
		font-size: 1.4rem;
		line-height: 1.5;
	}
}

.inquiryTopicsBox {
	padding: 2rem;
}
.inquiryTopicsBox._top {
	background: #f3f3f3;
}
.inquiryTopicsBox._bottom {
	max-width: 800px;
    width: 100%;
	margin: 3rem auto;
	border: 5px double #b8ab7b;
}
.inquiryTopicsBox * {
	font-size: 1.4rem;
	line-height: 1.6;
}
.inquiryTopicsBox span,
.inquiryTopicsBox a {
	display: inline-block;
}
.inquiryTopicsBox a {
	color: #cc8855;
	text-decoration: none;
}
.inquiryTopicsBox a:hover {
	text-decoration: underline;
}
@media screen and (max-width:768px) {
	.inquiryTopicsBox._top {
		margin-bottom: 4rem;
	}
	.inquiryTopicsBox._bottom {
		margin: 2rem auto;
	}
}