@charset "utf-8";

/* ============================================================
	imini Base CSS
	Last UPDATA: 2026/02/27
============================================================ */

/* ========================================
	reset
======================================== */
*,*::before,*::after {
	box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
	padding: 0;
}
html,body {
	height: 100%;
}
body {
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
img,picture,video,canvas,svg {
	display: block;
	max-width: 100%;
	height: auto;
}
input,button,textarea,select {
	font: inherit;
}
button {
	background-color: transparent;
	border: none;
	color: inherit;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
textarea {
	white-space: revert;
}
p,h1,h2,h3,h4,h5,h6 {
	overflow-wrap: break-word;
}
ol,ul,menu {
	list-style: none;
}
table {
	border-collapse: collapse;
}

a:link, a:visited{
	text-decoration : none;
	color : inherit;
}

/* ========================================
	共通部分
======================================== */
body {
	color: #000000;
	font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic Medium", "Yu Gothic", sans-serif;
	font-feature-settings: "palt";
	font-size: 14px;
}
.view-pc,
#body .view-pc {
	display: none;
}
.view-sp,
#body .view-sp {
	display: block;
}
@media screen and (min-width: 769px){
	.view-pc,
	#body .view-pc {
		display: block;
	}
	.view-sp,
	#body .view-sp {
		display: none!important;
	}
}

@media screen and (min-width: 769px){
	a, a img {
		transition: opacity 0.5s;
	}
	a:hover img {
		opacity: 0.7;
	}
}

.pane-contents {
	min-height: auto;
}

/* ========================================
	header
======================================== */
.header {
	width: 100%;
	position: sticky;
	top: 0;
	z-index: 2;
	background-color: #ffffff;
	border-bottom: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.header {
		border-bottom: 2px solid #e5e5e5;
	}
}

.header-container {
	width: 100%;
	height: calc(108 / 750 * 100vw);
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
@media screen and (min-width: 769px){
	.header-container {
		margin: 0 auto;
		max-width: 980px;
		height: 108px;
	}
}

.sp-nav-btn-area {
	width: calc(205 / 750 * 100vw);
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.sp-nav-btn {
	display: block;
	position: relative;
	cursor: pointer;
	width: calc(40 / 750 * 100vw);
	height: calc(40 / 750 * 100vw);
	margin-left: calc(50 / 750 * 100vw);
}

.sp-nav-btn .bar {
	display: block;
	transition: all .4s;
	position: absolute;
	left: 0;
	height: 1px;
	border-radius: 1px;
	background: #000000;
	width: 100%;
	top: calc(50% - 1px);
}

.sp-nav-btn .bar::before,
.sp-nav-btn .bar::after {
	content: "";
	display: block;
	transition: all .4s;
	position: absolute;
	left: 0;
	height: 1px;
	border-radius: 1px;
	background: #000000;
	width: 100%;
}

.sp-nav-btn .bar::before {
	top: calc(-14 / 750 * 100vw);
}

.sp-nav-btn .bar::after {
	top: calc(14 / 750 * 100vw);
}

.sp-nav-btn.active .bar::before {
	top: 0;
	left: 0;
	transform: rotate(-45deg);
}

.sp-nav-btn.active .bar {
	background: transparent;
}

.sp-nav-btn.active .bar::after {
	top: 0;
	left: 0;
	transform: rotate(45deg);
}

.header-container-l-box {
	width: calc(340 / 750 * 100vw);
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width: 769px){
	.header-container-l-box {
		width: 65.8%;
		height: 100%;
		justify-content: flex-start;
		align-items: center;
	}
}

.header-logo {
	width: calc(156 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.header-logo {
		width: 97px;
	}
}

.pc-nav-content-wrapper,
.pc-nav-float-wrapper {
	display: none;
}
@media screen and (min-width: 769px){
	.pc-nav-area {
		width: calc(100% - 137px);
		height: 100%;
		margin-left: 40px;
	}

	.pc-nav-list {
		width: 100%;
		height: 100%;
		display: flex;
		position: relative;
		top: 6px;
	}

	.pc-nav-list .nav-list-item {
		display: flex;
		align-items: center;
		top: 6px;
		margin: 0;
	}

	.pc-nav-list .nav-list-label,
	.pc-nav-list .nav-list-link {
		display: flex;
		align-items: center;
		height: 100%;
		font-size: 14px;
		letter-spacing: 0.05em;
		/*padding: 0 20px;*//*10thなし*/
		padding: 0 13px;/*10th追加 20240930*/
	}

	.pc-nav-list .nav-list-item:first-child .nav-list-label,
	.pc-nav-list .nav-list-item:first-child .nav-list-link 
	{
		padding-left: 0;
	}

	.pc-nav-list .nav-list-label.active,
	.pc-nav-list .nav-list-label:hover,
	.pc-nav-list .nav-list-link:hover
	{
		cursor: pointer;
		color: #cc4400;
	}

	/* PCヘッダー クリック展開メニュー */
	.pc-nav-content-wrapper {
		position: fixed;
		top: 109px;
		left: 0;
		width: 100vw;
		display: none;
		z-index: 1;
	}
	.pc-nav-content-wrapper.active {
		display: block;
	}

	.pc-nav-content {
		position: relative;
		background-color: #f9f9f9;
		padding: 37px 0 40px;
	}

	.pc-nav-content-bg {
		position: absolute;
		background-color: rgba(0,0,0,0.2);
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: -1;
	}

	.pc-nav-content-list {
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
		position: relative;
	}

	.pc-nav-content-list .pc-nav-content-item {
		position: relative;
		width: 100%;
		height: 100%;
		display: none;
	}

	.pc-nav-content-title {
		font-size: 12px;
		font-weight: 700;
	}

	.pc-nav-content-title ~ .pc-nav-content-title {
		margin-top: 35px;
	}

	.pc-nav-content-text-list {
		display: flex;
		flex-wrap: wrap;
		margin-top: 0;
	}

	.pc-nav-content-text-list-item {
		width: auto;
		margin-top: 10px;
	}

	.pc-nav-content-text-list-item:not(:first-child) {
		margin-left: 48px;
	}

	.pc-nav-content-text-list-item a:hover {
		color: #cc4400;
	}

	.pc-nav-content-secondary-list {
		display: flex;
		flex-wrap: wrap;
		margin-top: 15px;
	}

	.pc-nav-content-secondary-list-item {
		width: auto;
		margin-left: 39px;
	}

	.pc-nav-content-secondary-list-item:nth-child(3n+1) {
		margin-left: 0;
	}

	.pc-nav-content-secondary-list-item .pc-nav-content-btn {
		display: block;
		width: 300px;
		height: 125px;
		background-color: #ffffff;
		transition: 0.5s;
	}

	.pc-nav-content-secondary-list-item .pc-nav-content-btn:hover {
		filter: drop-shadow(0 0 8px rgba(0,0,0,0.2));
		opacity: 1;
		color: #cc4400;
	}

	.pc-nav-content-secondary-list-item .pc-nav-content-image {
		display: block;
		width: 100%;
		height: 85px;
	}

	.pc-nav-content-secondary-list-item .pc-nav-content-caption {
		display: flex;
		width: 100%;
		height: 40px;
		justify-content: center;
		align-items: center;
	}

	/* campaign */
	.pc-nav-content-item .campaign-nav-box {
		display: flex;
		justify-content: space-between;
	}

	.pc-nav-content-item .campaign-main-box {
		width: 31.3%;
		padding-right: 33px;
	}

	.pc-nav-content-item .pc-nav-main-box-image,
	.pc-nav-content-item .pc-nav-main-box-title,
	.pc-nav-content-item .pc-nav-main-box-text {
		display: block;
		transition: 0.5s;
	}

	.pc-nav-content-item .pc-nav-main-box-image {
		margin-top: 15px;
	}

	.pc-nav-content-item .pc-nav-main-box-title {
		margin-top: 15px;
		font-size: 13px;
		font-weight: 700;
		letter-spacing: 0.025em;
		line-height: 1.62;
	}

	.pc-nav-content-item .pc-nav-main-box-text {
		font-size: 13px;
		letter-spacing: 0.025em;
		line-height: 1.62;
	}

	.pc-nav-content-item .campaign-main-box a:hover .pc-nav-main-box-title,
	.pc-nav-content-item .campaign-main-box a:hover .pc-nav-main-box-text {
		color: #cc4400;
	}

	.pc-nav-content-item .campaign-sub-box {
		width: 68.7%;
		padding-left: 33px;
		border-left: 1px solid #e5e5e5;
		position: relative;
		top: -16px;
	}

	.campaign-sub-box .pc-nav-content-secondary-list {
		margin-top: 0;
	}

	.campaign-sub-box .pc-nav-content-secondary-list-item:nth-child(n+3) {
		margin-top: 40px;
	}

	.campaign-sub-box .pc-nav-content-secondary-list-item:nth-child(3) {
		margin-left: 0;
	}

	.campaign-sub-box .pc-nav-content-secondary-list-item:nth-child(4) {
		margin-left: 39px;
	}

	/* PCヘッダー ≡ボタンクリック展開メニュー */
	.pc-nav-float-wrapper {
		position: fixed;
		top: 109px;
		left: calc(50% + 243px);
		width: 247px;
		background-color: #ffffff;
		padding: 36px 38px;
		display: none;
		filter: drop-shadow(0 0 8px rgba(0,0,0,0.2));
		z-index: 1;
	}

	.pc-nav-float-list .pc-nav-float-item {
		font-size: 13px;
		letter-spacing: 0.05em;
		line-height: 2.3;
	}

	.pc-nav-float-list .pc-nav-float-item a:hover {
		color: #7a7a7a;
		text-decoration: underline;
	}
}

.header-container-r-box {
	width: calc(205 / 750 * 100vw);
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width: 769px){
	.header-container-r-box {
		width: 34.2%;
		height: 100%;
		justify-content: flex-end;
		position: relative;
		top: 3px;
	}
}

@media screen and (min-width: 769px){
	.pc-search-area {
		width: 150px;
		border-bottom: 1px solid #242424;
		flex-shrink: 0;
	}
	
	.pc-search-area > form {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.pc-search-area .pc-search-keyword {
		width: calc(100% - 24px);
		border: none;
		outline: none;
	}
	
	.pc-search-area .pc-search-submit {
		width: 14px;
	}
}

.header-menu-area {
	width: 100%;
	margin-left: calc(24 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.header-menu-area {
		width: 162px;
		margin-left: 40px;
	}
}

.header-menu-list {
	width: 100%;
	display: flex;
}
@media screen and (min-width: 769px){
	.header-menu-list {
		justify-content: center;
	}
}

.header-menu-list-item {
	width: calc(48 / 750 * 100vw);
	margin: 0;
	position: relative;
	display: block;
}
.header-menu-list-item.cart {
	width: calc(40 / 750 * 100vw);
	margin-left: calc(40 / 750 * 100vw);
	top: calc(6 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.header-menu-list-item {
		width: 24px;
	}
	.header-menu-list-item.cart {
		width: 20px;
		margin-left: 40px;
		top: 0;
	}
}

.header-menu-list-item.login .label,
.header-menu-list-item.mypage .label {
	width: calc(75 / 750 * 100vw);
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	letter-spacing: -0.1em;
	font-size: calc(15 / 750 * 100vw);
	text-align: center;
}
@media screen and (min-width: 769px){
	.header-menu-list-item.login .label,
	.header-menu-list-item.mypage .label {
		width: 50px;
		font-size: 10px;
	}
}

.header-menu-list-item .js-cart-count {
	width: 20px;
	height: 20px;
	display: block;
	border-radius: 50%;
	background-color: #b67c0b;
	color: #ffffff !important;
	font-size: 10px;
	letter-spacing: 0.05em;
	line-height: 20px;
	text-indent: 0.1em;
	text-align: center;
	position: absolute;
	top: -11px;
	right: -15px;
}

@media screen and (min-width: 769px){
	.pc-nav-btn {
		display: block;
		position: relative;
		cursor: pointer;
		width: 20px;
		height: 20px;
		margin-left: 40px;
	}

	.pc-nav-btn .bar {
		display: block;
		transition: all .4s;
		position: absolute;
		left: 0;
		height: 1px;
		border-radius: 1px;
		background: #000000;
		width: 100%;
		top: calc(50% - 1px);
	}
	
	.pc-nav-btn .bar::before,
	.pc-nav-btn .bar::after {
		content: "";
		display: block;
		transition: all .4s;
		position: absolute;
		left: 0;
		height: 1px;
		border-radius: 1px;
		background: #000000;
		width: 100%;
	}
	
	.pc-nav-btn .bar::before {
		top: -8px;
	}
	
	.pc-nav-btn .bar::after {
		top: 7px;
	}
	
	.pc-nav-btn.active .bar::before {
		top: 0;
		left: 0;
		transform: rotate(-45deg);
	}
	
	.pc-nav-btn.active .bar {
		background: transparent;
	}
	
	.pc-nav-btn.active .bar::after {
		top: 0;
		left: 0;
		transform: rotate(45deg);
	}
}

.sp-nav-content-wrapper {
	width: 100%;
	max-height: calc(100vh - (109 / 750 * 100vw));
	position: fixed;
	z-index: 1;
	top: calc(109 / 750 * 100vw);
	overflow-y: scroll;
	background-color: #f9f9f9;
	transform: translateX(-100%);
	transition: transform 0.5s;
}

.sp-nav-content-wrapper.active {
	transform: none;
}

.sp-nav-content-bg {
	position: absolute;
	background-color: rgba(0,0,0,0.2);
	width: 100vw;
	height: 100vh;
	top: calc(108 / 750 * 100vw);
	left: 0;
	z-index: -1;
}

.nav-content-secondary-list {
	display: none;
}

.sp-nav-content-list {
	border-bottom: 1px solid #e5e5e5;
}

.sp-nav-content-item {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

.nav-content-main-label {
	height: calc(120 / 750 * 100vw);
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding-left: calc(75 / 750 * 100vw);
	position: relative;
}

h2.nav-content-main-label,
h2.nav-content-main-link {
	margin: 0;
	background-color: transparent;
}

.nav-content-main-link a {
	height: calc(120 / 750 * 100vw);
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.05em;
	padding-left: calc(75 / 750 * 100vw);
	position: relative;
}

.nav-content-main-label::before,
.nav-content-main-label::after {
	content: "";
	display: block;
	position: absolute;
	width: calc(36 / 750 * 100vw);
	height: 1px;
	background-color: #ab7816;
	top: 50%;
	right: calc(75 / 750 * 100vw);
}

.nav-content-main-label::after {
	transform: rotate(90deg);
	transition: transform 0.5s;
}

.nav-content-main-label.active::after {
	transform: rotate(0);
}

.nav-content-secondary-label {
	height: calc(80 / 750 * 100vw);
	display: flex;
	align-items: center;
	background-color: #e5e5e5;
	padding-left: calc(75 / 750 * 100vw);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: calc(30 / 750 * 100vw);
}

.nav-content-secondary-list-item ~ .nav-content-secondary-list-item .nav-content-secondary-label {
	margin-top: calc(30 / 750 * 100vw);
}

.nav-content-secondary-list-item:last-child {
	margin-bottom: calc(30 / 750 * 100vw);
}

.nav-content-secondary-link {
	height: calc(80 / 750 * 100vw);
	display: flex;
	align-items: center;
	padding-left: calc(75 / 750 * 100vw);
	font-size: 14px;
	letter-spacing: 0.05em;
}

.sp-nav-float-list {
	width: calc(600 / 750 * 100vw);
	margin: 0 auto;
	padding: calc(30 / 750 * 100vw) 0;
	border-bottom: 2px solid #e5e5e5;
}

.sp-nav-float-item {
	height: calc(80 / 750 * 100vw);
	display: flex;
	align-items: center;
	font-size: 14px;
	letter-spacing: 0.05em;
}

.sp-nav-sns-list {
	width: calc(600 / 750 * 100vw);
	height: calc(168 / 750 * 100vw);
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sp-nav-sns-item {
	width: calc(48 / 750 * 100vw);
}

.sp-nav-sns-item:not(:first-child) {
	margin-left: calc(80 / 750 * 100vw);
}

/* campaign */
.sp-nav-content-item .campaign-nav-box {
	border-top: 1px solid #e5e5e5;
	padding-top: 30px;
	display: none;
}

.sp-nav-content-item .campaign-main-box {
	width: calc(600 / 750 * 100vw);
	padding: 0 calc(30 / 750 * 100vw);
	margin: 0 auto;
}

.sp-nav-content-item .sp-nav-main-box-image,
.sp-nav-content-item .sp-nav-main-box-title,
.sp-nav-content-item .sp-nav-main-box-text {
	display: block;
}

.sp-nav-content-item .sp-nav-main-box-title {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.025em;
	line-height: 1.43;
}

.sp-nav-content-item .sp-nav-main-box-text {
	font-size: 12px;
	letter-spacing: 0.025em;
	line-height: 1.67;
}

.sp-nav-content-item .campaign-main-box a:hover .sp-nav-main-box-title,
.sp-nav-content-item .campaign-main-box a:hover .sp-nav-main-box-text {
	color: #cc4400;
}

.sp-nav-content-item .campaign-sub-box {
	width: calc(600 / 750 * 100vw);
	padding: 27px calc(30 / 750 * 100vw) 0;
	border-top: 1px solid #e5e5e5;
	margin: 27px auto;
}

.campaign-sub-box .sp-nav-content-text-list-item:not(:first-child) {
	margin-top: 20px;
}

/* ========================================
	content
======================================== */
/* パンくず */
#body .block-topic-path,
#body .pane-topic-path {
	background-color: #ffffff;
}
@media screen and (min-width: 769px){
	#body .block-topic-path {
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
		padding: 50px 0;
		font-size: 12px;
	}
}

#body .block-topic-path--list li {
	display: inline;
}

/* ========================================
	foot-nav
======================================== */
@media screen and (min-width: 769px){
	.foot-nav {
		background-color: #f9f9f9;
		padding: 80px 0 65px;
		width: 100%;
	}
	
	.foot-nav-list {
		max-width: 980px;
		margin: 0 auto;
		display: flex;
	}
	
	.foot-nav-list-item {
		width: 20%;
		text-align: left;
	}
	
	.foot-nav-list-label {
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.025em;
	}
	
	.foot-nav-secondary-list {
		margin-top: 10px;
	}
	
	.foot-nav-secondary-list-item {
		font-size: 12px;
		letter-spacing: 0.025em;
		line-height: 2.5;
	}
}

/* ========================================
	footer
======================================== */
.footer {
	margin: 0;
	text-align : left;
	background : #4a4a4a;
	color : #ffffff;
}

.footer-wrap {
	width: 100%;
	margin: 0 auto;
	padding: 10% 0;
}
@media screen and (min-width: 769px){
	.footer-wrap {
		max-width : 980px;
		padding : 80px 0 60px;
	}
}

.footer-fd .fd-list {
	width: 86%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin: 0 auto;
}
@media screen and (min-width: 769px){
	.footer-fd .fd-list {
		width: 100%;
		max-width: 980px;
		gap: 10px;
	}
}

.footer-fd .fd-list-item {
	width: 100%;
	background-color: #f9f9f9;
	color: #000000;
	padding: 10px;
	text-align: center;
}
@media screen and (min-width: 769px){
	.footer-fd .fd-list-item {
		width: calc((100% - 20px) / 3);
		padding: 20px;
	}
}

.fd-list-item-title {
	font-size: 15px;
}
@media screen and (min-width: 769px){
	.fd-list-item-title {
		font-size: 17px;
	}
}

.fd-list-item-number {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 4px;
}
@media screen and (min-width: 769px){
	.fd-list-item-number {
		margin-top: 5px;
	}
}

.fd-icon {
	display: block;
	flex-shrink: 0;
	width: 40px;
}
@media screen and (min-width: 769px){
	.fd-icon {
		width: 50px;
	}
}

.fd-number {
	display: block;
	flex-shrink: 0;
	margin-left: 0.8em;
	font-size: 20px;
	font-weight: 700;
}
@media screen and (min-width: 769px){
	.fd-number {
		margin-left: 0.6em;
		font-size: 24px;
		pointer-events: none;
	}
}

.fd-list-item-hour {
	margin-top: 6px;
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.fd-list-item-hour {
		margin-top: 8px;
		font-size: 14px;
	}
}

.footer-sns {
	margin-top: 10%;
	padding: 0;
}
@media screen and (min-width: 769px){
	.footer-sns {
		margin-top: 60px;
	}
}

.footer-sns .sns-list {
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer-sns .sns-list-item {
	width: calc(56 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.footer-sns .sns-list-item {
		width: 48px;
	}
}

.footer-sns .sns-list-item:not(:first-child) {
	margin-left: calc(48 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.footer-sns .sns-list-item:not(:first-child) {
		margin-left: 60px;
	}
}

.footer-navi {
	padding: 8% 1%;
	margin: 0 auto;
	width: 98%;
	font-size: 8px;
	border-bottom : solid 1px #ffffff;
}
@media screen and (min-width: 769px){
	.footer-navi {
		width: 100%;
		max-width: 980px;
		padding : 60px 0;
		font-size : 16px;
	}
}

.footer-navi._padding_thin {
	padding: 0 0 30px;
	border-bottom: none;
}

@media screen and (min-width: 769px){
.footer-navi._padding_thin {
	padding: 60px 0 10px;
}
}



.footer-navi .navi-list {
	display : flex;
	justify-content : center;
	flex-wrap: wrap;
	padding: 0;
}

.footer-navi .navi-list-item {
	width: auto;
	display: inline-block;
	margin-bottom: 5px;
}

.footer-navi .navi-list-item:not(:first-child) {
	border-left : solid 1px #ffffff;
	padding-left: 10px;
	margin-left: 10px;
}
@media screen and (min-width: 769px){
	.footer-navi .navi-list-item:not(:first-child) {
		padding-left: 26px;
		margin-left: 26px;
	}
	
	.footer-navi .navi-list-item a:hover {
		text-decoration : underline;
	}
}

.footer-bnr-area {
	padding: 0;
	margin: 8% auto 0;
	width: 100%;
}
@media screen and (min-width: 769px){
	.footer-bnr-area {
		margin: 60px auto 0;
		max-width: 980px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

.footer-ladina {
	padding: 0;
	margin: 8% auto 0;
	width: 86%;
	display: flex;
	justify-content: space-between;
}
@media screen and (min-width: 769px){
	.footer-ladina {
		margin: 0;
		width: 60.2%;
	}
}

.img-ladina {
	width: 40%;
}
@media screen and (min-width: 769px){
	.img-ladina{
		width: 42.9%;
	}
}

.text-ladina {
	width: 57%;
	font-size: 7px;
}
@media screen and (min-width: 769px){
	.text-ladina {
		width: calc(57.1% - 34px);
		font-size: inherit;
	}
}

.text-ladina dt {
	font-size: 8px;
}
@media screen and (min-width: 769px){
	.text-ladina dt{
		font-size : 16px;
		font-weight : 700;
		line-height : 1;
	}
}

.text-ladina dd {
	margin: 5px 0 0;
}
@media screen and (min-width: 769px){
	.text-ladina dd{
		margin : 15px 0 0;
		line-height : 1.4;
	}
}

.footer-bnr {
	padding: 5% 7% 7%;
}
@media screen and (min-width: 769px){
	.footer-bnr{
		padding : 0;
		width: 37.3%;
	}
}

.bnr-list {
	display: flex;
	flex-wrap: nowrap;
	justify-content : space-between;
	align-items: center;
	width: 100%;
}
@media screen and (min-width: 769px){
	.bnr-list{
		flex-wrap: wrap;
	}
}

.bnr-list-item {
	width: 48%;
}
@media screen and (min-width: 769px){
	.bnr-list-item {
		width: 46.6%;
	}
}

.bnr-list-item:nth-of-type(n+2) {
	margin-left: 2%;
}
@media screen and (min-width: 769px){
	.bnr-list-item:nth-of-type(n+2) {
		margin-left: 0;
	}
}

.bnr-list-item:nth-of-type(n+3) {
	margin-top: 0;
}
@media screen and (min-width: 769px){
	.bnr-list-item:nth-of-type(n+3) {
	margin-top: 3%;
	}
}

.footer-guide {
	margin: 0 auto;
	padding: 0 1%;
	width: 98%;
	font-size: 90%;
	display: block;
}
@media screen and (min-width: 769px){
	.footer-guide{
		margin-top: 55px;
		padding : 50px 0 0 0;
		width: 100%;
		max-width: 980px;
		border-top : solid 1px #ffffff;
		display: flex;
		justify-content: space-between;
	}
}

.mark {
	margin: 0 auto;
	width: 30%;
	float: none;
}
@media screen and (min-width: 769px){
	.mark {
		margin: 0;
		width: 20.4%;
	}
}

.mark-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.mark-list-item {
	width: 48%;
	margin: 0;
}
@media screen and (min-width: 769px){
	.mark-list-item {
		width: calc((100% - 10px) / 2);
	}
}

.mark-list-item a {
	display : flex;
	justify-content: center;
	align-items: center;
	background : #ffffff;
	border : solid 1px #9f9f9f;
	padding: 0;
	aspect-ratio: 1 / 1;
}

.footer-attention {
	float: none;
	width: 100%;
	font-size: 7px;
	margin: 0;
}
@media screen and (min-width: 769px){
	.footer-attention{
		float: none;
		width: 100%;
		font-size : 14px;
		margin: 0;
	}
	
	.footer-attention p + p{
		margin : 15px 0 0;
	}
}

.copyright {
	background : #181818;
	padding: 1%;
	font-size: 6px;
	text-align : center;
}
@media screen and (min-width: 769px){
	.copyright{
		padding : 18px 0;
		font-size : 12px;
	}
}


/* ========================================
	f-guide
======================================== */
.f-guide {
	padding: calc(80 / 750 * 100vw) 3%;
	background-color: #f6f3e7;
}
@media screen and (min-width: 769px){
	.f-guide {
		padding: 60px 0;
	}
}

.f-guide .guide-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
@media screen and (min-width: 769px){
	.f-guide .guide-list {
		max-width: 980px;
		margin: 0 auto;
	}
}

.f-guide .guide-list-item {
	width: calc((100% - (30 / 750 * 100vw)) / 4);
	padding: calc(37 / 750 * 100vw) calc(20 / 750 * 100vw);
	flex-shrink: 0;
	background-color: #ffffff;
}
@media screen and (min-width: 769px){
	.f-guide .guide-list-item {
		max-width: 230px;
		max-height: 230px;
		padding: 50px 18px;
	}
}

.f-guide .guide-list-image {
	width: calc(97 / 750 * 100vw);
	height: calc(69 / 750 * 100vw);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
@media screen and (min-width: 769px){
	.f-guide .guide-list-image {
		width: 97px;
		height: 64px;
	}
}

.f-guide .guide-list-image > img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
}

.f-guide .guide-list-text {
	margin-top: 10px;
	font-size: 10px;
	letter-spacing: 0.025em;
	line-height: 1.4;
	text-align: center;
}
@media screen and (min-width: 769px){
	.f-guide .guide-list-text {
		margin-top: 19px;
		font-size: 16px;
		line-height: 1.5;
	}
}

.f-guide .guide-list-text span {
	font-size: 8px;
}
@media screen and (min-width: 769px){
	.f-guide .guide-list-text span {
		font-size: 12px;
	}
}

.f-guide .guide-btn-wrapper {
	margin: 20px auto 0;
	width: calc(500 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.f-guide .guide-btn-wrapper {
		margin: 25px auto 0;
		width: 250px;
	}
}

.f-guide .guide-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 45px;
	border: 1px solid #333333;
	border-radius: 45px;
	background-color: #ffffff;
	color: #333333;
	font-size: 14px;
	letter-spacing: 0.025em;
	line-height: 1;
}
@media screen and (min-width: 769px){
	.f-guide .guide-btn {
		margin: 25px auto 0;
		width: 250px;
	}
}

.f-guide .guide-btn:hover {
	background-color: #333333;
	color: #ffffff;
}
/* ==================================================
	pickup
================================================== */
.pickup-list {
	width: calc(638 / 750 * 100vw);
	margin: 37px auto 0;
}
@media screen and (min-width: 769px){
	.pickup-list {
		width: 100%;
		max-width: 980px;
		margin: 50px auto 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 20px;
	}
}

.pickup-list-item {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f6f3e7;
	padding: 14px 20px 0;
}
@media screen and (min-width: 769px){
	.pickup-list-item {
		width: calc(50% - 10px);
		padding: 23px 50px 14px 25px;
	}
}

.pickup-list-item:not(:first-child) {
	margin-top: 10px;
}
@media screen and (min-width: 769px){
	.pickup-list-item:not(:first-child) {
		margin-top: 0;
	}
}

.pickup-image {
	width: calc(150 / 750 * 100vw);
	flex-shrink: 0;
	position: relative;
	top: -10px;
}
@media screen and (min-width: 769px){
	.pickup-image {
		width: 130px;
		top: 0;
	}
}

.pickup-cart-box {
	width: calc(360 / 750 * 100vw);
	flex-shrink: 0;
}
@media screen and (min-width: 769px){
	.pickup-cart-box {
		width: 250px;
	}
}

.pickup-item-name {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.025em;
	line-height: 1.72;
}

.pickup-item-price {
	margin-top: 5px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	font-weight: 700;
	line-height: 1;
}

.pickup-item-price .base-price {
	font-size: 12px;
}
.pickup-item-price .base-price .tax {
	font-size: 10px;
}
@media screen and (min-width: 769px){
	.pickup-item-price .base-price {
		font-size: 13px;
		letter-spacing: 0.025em;
	}
}

.pickup-item-price .sale-price + .base-price {
	text-decoration: line-through;
}

.pickup-item-price .sale-price {
	font-size: 14px;
	color: #ff0137;
	margin-left: 0.5em;
}
.pickup-item-price .sale-price .tax {
	font-size: 10px;
}
@media screen and (min-width: 769px){
	.pickup-item-price .sale-price {
		font-size: 16px;
		letter-spacing: 0.025em;
	}
	.pickup-item-price .sale-price .tax {
		font-size: 12px;
	}
}

.pickup-cart-box .cartin {
	margin-top: 10px;
}
@media screen and (min-width: 769px){
	.pickup-cart-box .cartin {
		margin-top: 15px;
	}
}

.pickup-cart-box .btn-cartin input {
	height: 30px;
	font-size: 12px;
	letter-spacing: 0.025em;
}
@media screen and (min-width: 769px){
	.pickup-cart-box .btn-cartin input {
		height: 40px;
	}
}

.cartin {
	width: 100%;
	margin: 16px 0 0;
	display: flex;
	justify-content: space-between;
}
@media screen and (min-width: 769px){
	.cartin {
		margin: 25px 0 0;
	}
}

.btn-cartin-wrapper {
	display: block;
	flex-shrink: 0;
	width: 100%;
	max-width: calc(438 / 750 * 100vw);
	text-align: center;
}
@media screen and (min-width: 769px){
	.btn-cartin-wrapper {
		max-width: 339px;
	}
}

.btn-cartin {
	display: block;
	width: 100%;
	height: calc(100 / 750 * 100vw);
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.btn-cartin {
		height: 54px;
	}
}

.btn-cartin input {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(100 / 750 * 100vw);
	padding: 0;
	border: solid 1px #333333;
	border-radius: 25px;
	background: #333333;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
	line-height: 1;
}
@media screen and (min-width: 769px){
	.btn-cartin input {
		height: 54px;
		border-radius: 27px;
		font-size: 16px;
	}
}

.btn-cartin input:hover {
	cursor: pointer;
	background-color: transparent;
	color: #333333;
}

/* ========================================
	ranking
======================================== */
.section.ranking {
	padding: calc(68 / 750 * 100vw) 0 calc(90 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.section.ranking {
		padding: 57px 0 76px;
	}
}

.section.ranking .section-title-image {
	display: block;
	height: calc(100 / 750 * 100vw);
	width: auto;
	margin: 0 auto;
}
@media screen and (min-width: 769px){
	.section.ranking .section-title-image {
		height: 70px;
	}
}

.section.ranking .section-title-image picture,
.section.ranking .section-title-image img {
	height: 100%;
	width: auto;
	margin: 0 auto;
}

.section.ranking .section-title {
	display: block;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.075em;
	text-align: center;
	margin-top: -2px;
}
@media screen and (min-width: 769px){
	.section.ranking .section-title {
		font-size: 14px;
	}
}

/* rank-slider */
.rank-slider-wrapper {
	width: 100%;
	position: relative;
}
@media screen and (min-width: 769px){
	.rank-slider-wrapper {
		max-width: 1080px;
		margin: 0 auto;
	}
}

.rank-slider.swiper {
	width: calc(650 / 750 * 100vw);
	margin: 43px auto 0;
	padding-bottom: 35px;
}
@media screen and (min-width: 769px){
	.rank-slider.swiper {
		width: 100%;
		max-width: 980px;
		margin: 47px auto 0;
		padding-bottom: 0;
	}
}

.rank-slider-wrapper .swiper-button-next, .rank-slider-wrapper .swiper-button-prev {
	top: calc(50% - (37 / 750 * 100vw));
	width: calc(74 / 750 * 100vw);
	height: calc(74 / 750 * 100vw);
	z-index: 1;
}
@media screen and (min-width: 769px){
	.rank-slider-wrapper .swiper-button-next, .rank-slider-wrapper .swiper-button-prev {
		top: calc(50% - 5px);
		width: 50px;
		height: 50px;
	}
}

.swiper-button-next {
	right: 0;
}
.swiper-button-prev {
	left: 0;
}

.rank-slider-wrapper .swiper-button-next::after,
.rank-slider-wrapper .swiper-button-prev::after {
	font-size: 0;
	content: "";
	width: 100%;
	height: 100%;
}

.rank-slider-wrapper .swiper-button-next::after {
	background: url(../../../component/top/img/arrow_top_rank_r.png) no-repeat;
	background-size: contain;
}

.rank-slider-wrapper .swiper-button-prev::after {
	background: url(../../../component/top/img/arrow_top_rank_l.png) no-repeat;
	background-size: contain;
}

.rank-slider-wrapper .swiper-button-next:hover::after {
	background: url(../../../component/top/img/arrow_top_rank_r_on.png) no-repeat;
	background-size: contain;
}

.rank-slider-wrapper .swiper-button-prev:hover::after {
	background: url(../../../component/top/img/arrow_top_rank_l_on.png) no-repeat;
	background-size: contain;
}

.rank-slider-wrapper .swiper-button-disabled {
	display: none;
}

.rank-slider .swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color,#242424);
	opacity: var(1, .25);
}

.rank-slider.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.rank-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);
}

.rank-slider.swiper-horizontal > .swiper-pagination-bullets {
	bottom: 0;
}

.rank-list {
	counter-reset: item;
}

.rank-list-item {
	list-style:none;
}

.rank-list-item::before{
	counter-increment: item;
	content: counter(item);
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: calc(46 / 750 * 100vw);
	height: calc(46 / 750 * 100vw);
	background-color: #c1c1c1;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	border-radius: 50%;
}
@media screen and (min-width: 769px){
	.rank-list-item::before{
		width: 43px;
		height: 43px;
		font-size: 15px;
	}
}

.rank-list-item:nth-child(1)::before{
	background-color: #caa846;
	border-radius: 0;
}
.rank-list-item:nth-child(2)::before{
	background-color: #9eacb4;
	border-radius: 0;
}
.rank-list-item:nth-child(3)::before{
	background-color: #b36700;
	border-radius: 0;
}

.rank-list-item:nth-child(1)::after,
.rank-list-item:nth-child(2)::after,
.rank-list-item:nth-child(3)::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 calc(23 / 750 * 100vw) calc(6 / 750 * 100vw) calc(23 / 750 * 100vw);
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	top: calc(40 / 750 * 100vw);
	left: 0;
	z-index: 1;
}
@media screen and (min-width: 769px){
	.rank-list-item:nth-child(1)::after,
	.rank-list-item:nth-child(2)::after,
	.rank-list-item:nth-child(3)::after{
		border-width: 0 21.5px 6px 21.5px;
		top: 37px;
	}
}

.rank-item-text {
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
@media screen and (min-width: 769px){
	.rank-item-text {
		margin-top: 10px;
	}
}

.rank-item-name {
	font-size: 12px;
	font-weight: 700;
}
@media screen and (min-width: 769px){
	.rank-item-name {
		font-size: 15px;
		line-height: 1.6;
	}
}

.rank-item-price {
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.rank-item-price {
		font-size: 14px;
	}
}

.rank-item-price.base {
	position: relative;
}
.rank-item-price.base::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #000000;
	top: 50%;
	left: 0;
	z-index: 1;
}

.rank-item-price.sale {
	color: #ff0137;
	font-size: 14px;
	font-weight: 700;
}
@media screen and (min-width: 769px){
	.rank-item-price.sale {
		font-size: 16px;
	}
}

.rank-item-price .tax {
	font-size: 10px;
	vertical-align: middle;
}
.rank-item-price.sale .tax {
	vertical-align: baseline;
}

/* ==================================================
	recommend
================================================== */
.section ~ .section.recommend{
	border: none;
	width: 100%;
	margin: 45px auto 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.section ~ .section.recommend {
		max-width: 980px;
		margin: 73px auto 0;
		padding: 0;
		font-feature-settings: "palt";
	}
}

.section.recommend .title-section {
	width: calc(638 / 750 * 100vw);
	margin: 0 auto;
	font-size: 16px;
}
@media screen and (min-width: 769px){
	.section.recommend .title-section {
		width: 100%;
		font-size: 25px;
		letter-spacing: 0.01em;
	}

	.section.recommend .product-slider-wrapper + .title-section {
		margin-top: 44px;
	}
}

/* .section.recommend .title-section ~ .title-section, */
#goodsdetail_itemhistory {
	margin-top: 45px;
}
@media screen and (min-width: 769px){
	/* .section.recommend .title-section ~ .title-section, */
	#goodsdetail_itemhistory {
		margin-top: 68px;
	}
}

.product-slider .product-list-item a::before {
	content: "";
	margin: 0;
}

.product-slider .product-list-item .item {
	width: 100%;
	margin: 0;
}


.product-slider-wrapper {
	width: 100%;
	position: relative;
}
@media screen and (min-width: 769px){
	.product-slider-wrapper {
		max-width: 1080px;
		margin: 0 auto;
	}
}

.product-slider.swiper {
	width: calc(650 / 750 * 100vw);
	margin: 23px auto 0;
	padding-bottom: 35px;
}
@media screen and (min-width: 769px){
	.product-slider.swiper {
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
		padding-bottom: 0;
	}
}
/* hidden default button*/
svg.swiper-navigation-icon {
    display: none;
}
/* button*/
.product-slider-wrapper .swiper-button-next, .product-slider-wrapper .swiper-button-prev {
	/* display: flex; */
	top: calc(50% - (37 / 750 * 100vw));
	width: calc(74 / 750 * 100vw);
	height: calc(74 / 750 * 100vw);
	z-index: 1;
}

@media screen and (min-width: 769px){
	.product-slider-wrapper .swiper-button-next, .product-slider-wrapper .swiper-button-prev {
		top: 180px;
		width: 50px;
		height: 50px;
	}

	.product-slider-wrapper .swiper-button-next {
		right: -50px;
	}

	.product-slider-wrapper .swiper-button-prev {
		left: -50px;
	}
}

.product-slider-wrapper .swiper-button-next::after,
.product-slider-wrapper .swiper-button-prev::after {
	font-size: 0;
	content: "";
	width: 100%;
	height: 100%;
}

.product-slider-wrapper .swiper-button-next::after {
	background: url(../../../component/top/img/arrow_top_rank_r.png) no-repeat;
	background-size: contain;
}

.product-slider-wrapper .swiper-button-prev::after {
	background: url(../../../component/top/img/arrow_top_rank_l.png) no-repeat;
	background-size: contain;
}

.product-slider-wrapper .swiper-button-next:hover::after {
	background: url(../../../component/top/img/arrow_top_rank_r_on.png) no-repeat;
	background-size: contain;
}

.product-slider-wrapper .swiper-button-prev:hover::after {
	background: url(../../../component/top/img/arrow_top_rank_l_on.png) no-repeat;
	background-size: contain;
}

.product-slider-wrapper .swiper-button-disabled {
	display: none;
}

.product-slider .swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color,#242424);
	opacity: var(1, .25);
}

.product-slider.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.product-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);
}

.product-slider.swiper-horizontal > .swiper-pagination-bullets {
	bottom: 0;
}
/* 
@media screen and (min-width: 769px){
	#body .product-slider-wrapper .swiper-button-next.view-sp, #body .product-slider-wrapper .swiper-button-prev.view-sp {
		display: none;
	}

	.product-slider .product-list {
		margin: 5px 0 0;
		display: flex;
		flex-wrap: wrap;
	}
	
	.product-slider .product-list .product-list-item{
		width: 25%;
		margin: 0;
		padding: 15px 15px 30px;
	}
	
	.product-slider .product-list .product-list-item .item{
		margin: 0;
		width: auto;
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.product-slider .product-list .product-list-item .item a{ text-decoration: none; }
	.product-slider .product-list .product-list-item .item a:hover{ text-decoration: underline; }
	.product-slider .product-list .product-list-item .item .item-wrap{ flex-grow: 2; overflow: hidden; }
} */

.product-slider .product-list-item .item .name {
	margin-top: 10px;
	font-size: 12px;
	font-weight: 700;
}
@media screen and (min-width: 769px){
	.product-slider .product-list .product-list-item .item .name {
		margin: 32px 0 0;
		font-size: 20px;
		line-height: 1.4em;
		letter-spacing: 0.001em;
	}
}

.product-slider .product-list .product-list-item .item .price {
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.product-slider .product-list .product-list-item .item .price {
		margin: 8px 0 0;
		font-size: 18px;
		line-height: 1;
	}
}

.product-slider .product-list .product-list-item .item .price span {
	font-size: 10px;
}
@media screen and (min-width: 769px){
	.product-slider .product-list .product-list-item .item .price span {
	margin: 0 0 0 5px;
	font-size: 12px;
}
}

/* カルーセル */
.recent-slider-wrapper {
	width: 100%;
	position: relative;
}
@media screen and (min-width: 769px){
	.recent-slider-wrapper {
		max-width: 1080px;
		margin: 0 auto;
	}
}

.recent-slider.swiper {
	width: calc(650 / 750 * 100vw);
	margin: 23px auto 0;
	padding-bottom: 35px;
}
@media screen and (min-width: 769px){
	.recent-slider.swiper {
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
		padding-bottom: 0;
	}
}

.recent-slider-wrapper .swiper-button-next, .recent-slider-wrapper .swiper-button-prev {
	top: calc(50% - (37 / 750 * 100vw));
	width: calc(74 / 750 * 100vw);
	height: calc(74 / 750 * 100vw);
	z-index: 1;
}
@media screen and (min-width: 769px){
	.recent-slider-wrapper .swiper-button-next, .recent-slider-wrapper .swiper-button-prev {
		top: 180px;
		width: 50px;
		height: 50px;
	}

	.recent-slider-wrapper .swiper-button-next {
		right: -50px;
	}

	.recent-slider-wrapper .swiper-button-prev {
		left: -50px;
	}
}

.recent-slider-wrapper .swiper-button-next::after,
.recent-slider-wrapper .swiper-button-prev::after {
	font-size: 0;
	content: "";
	width: 100%;
	height: 100%;
}

.recent-slider-wrapper .swiper-button-next::after {
	background: url(../../../component/top/img/arrow_top_rank_r.png) no-repeat;
	background-size: contain;
}

.recent-slider-wrapper .swiper-button-prev::after {
	background: url(../../../component/top/img/arrow_top_rank_l.png) no-repeat;
	background-size: contain;
}

.recent-slider-wrapper .swiper-button-next:hover::after {
	background: url(../../../component/top/img/arrow_top_rank_r_on.png) no-repeat;
	background-size: contain;
}

.recent-slider-wrapper .swiper-button-prev:hover::after {
	background: url(../../../component/top/img/arrow_top_rank_l_on.png) no-repeat;
	background-size: contain;
}

.recent-slider-wrapper .swiper-button-disabled {
	display: none;
}

.recent-slider .swiper-pagination-bullet {
	width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
	height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
	display: inline-block;
	border-radius: 50%;
	background: var(--swiper-pagination-bullet-inactive-color,#242424);
	opacity: var(1, .25);
}

.recent-slider.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.recent-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px);
}

.recent-slider.swiper-horizontal > .swiper-pagination-bullets {
	bottom: 0;
}

.recent-item-text {
	margin-top: 10px;
}
@media screen and (min-width: 769px){
	.recent-item-text {
		margin-top: 10px;
	}
}

.recent-item-name {
	font-size: 12px;
	font-weight: 700;
}
@media screen and (min-width: 769px){
	.recent-item-name {
		width: 90%;
		margin: 28px auto 0;
		font-size: 20px;
		line-height: 1.4em;
		letter-spacing: 0.001em;
	}

	.recent-list-item a:hover .recent-item-name {
		text-decoration: underline;
	}
}

.recent-item-price {
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.recent-item-price {
		width: 90%;
		margin: 8px auto 0;
		font-size: 19px;
		line-height: 1;
	}
}

.recent-item-price .tax {
	font-size: 10px;
}
@media screen and (min-width: 769px){
	.recent-item-price .tax {
		margin: 0 0 0 6px;
		font-size: 12px;
	}
}

/* ========================================
	form
======================================== */
@media screen and (min-width: 769px){
	#body .fieldset {
		margin: 20px auto 0;
		width: 100%;
		max-width: 930px;
	}
}

#body .fieldset-vertical {
	margin: calc(20 / 750 * 100vw) 0 0;
}

#body .required:after {
	display: inline;
	padding: 1px 1em;
	font-size: 10px;
	letter-spacing: 0.025em;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0;
	color: #fff;
	background-color: #ff0137;
	content: "必須";
}

#body .fieldset-vertical .form-group {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: calc(30 / 750 * 100vw);
}

#body .fieldset .form-group {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: calc(48 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .fieldset .form-group {
		border-bottom: none;
		padding-bottom: 0;
	}
	#body .fieldset .form-group:last-of-type{
		border-bottom: 1px solid #e5e5e5;
	}
}

#body.block-shipping-secondcertification--form .fieldset .form-group {
	border-bottom: none;
	padding-bottom: 0;
}

#body .fieldset input,
#body .fieldset-vertical input {
	border-color: #e5e5e5;
	font-size: 12px;
	width: 100%;
	height: 50px;
}
@media screen and (min-width: 769px){
	#body .fieldset input {
		border-color: #e5e5e5;
		font-size: 14px;
		width: auto;
		height: 50px;
	}
}

#body .fieldset input[type="checkbox"],
#body .fieldset input[type="radio"],
#body .fieldset-vertical input[type="radio"],
#body .action-buttons input[type="checkbox"] {
	-webkit-user-select: auto;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
@media screen and (min-width: 769px){
	#body .fieldset input[type="checkbox"],
	#body .fieldset input[type="radio"],
	.block-member-info-confirmation--login-state-saving input[type="checkbox"] {
		-webkit-user-select: auto;
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto;
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}
}

#body .fieldset select,
#body .fieldset-vertical select {
	border-color: #e5e5e5;
	height: 50px;
	-webkit-appearance: none;
	appearance: none;
	background: url(../img/arrow_select.png) no-repeat;
	background-position: right 9px center;
	background-size: 13px 8px;
}
@media screen and (min-width: 769px){
	#body .fieldset select {
		border-color: #e5e5e5;
		height: 50px;
		-webkit-appearance: none;
		appearance: none;
		background: url(../img/arrow_select.png) no-repeat;
		background-position: right 13px center;
		background-size: 13px 8px;
	}
}

#body .fieldset-vertical .form-label {
	margin: 0 9px 5px 0;
}
@media screen and (min-width: 769px){
	#body .fieldset .form-label {
		width: 20.2%;
		margin: 0 14px 0 0;
		vertical-align: middle;
	}
	#body .fieldset .constraint {
		width: 73px;
		vertical-align: middle;
	}
}

#body .fieldset-vertical .form-label label {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
}
@media screen and (min-width: 769px){
	#body .fieldset .form-label label {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
	}
}

.form-control {
	display: flex;
	flex-wrap: wrap;
	gap: 0 calc(20 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .fieldset .form-control {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		min-height: 71px;
		gap: 0 25px;
		padding: 15px 0 15px 25px;
	}
}

.form-control .help-block {
	color: #000000;
	font-size: 10px;
	letter-spacing: 0.05em;
	margin: 6px 0 -3px;
}
@media screen and (min-width: 769px){
	.form-control .help-block {
		color: #000000;
		font-size: 12px;
		letter-spacing: 0.05em;
		margin: 6px 0 -4px;
	}
}

#body .alert {
	margin-top: calc(45 / 750 * 100vw);
	padding: 10px;
	margin-bottom: 5px;
	border: 1px solid #ff0137;
	color: #ffffff;
	background-color: #ff0137;
	background-image: none;
}
@media screen and (min-width: 769px){
	#body .alert {
		margin-top: 24px;
	}
	#body .block-member-info--customer-name + .alert {
		margin-top: 48px;
	}
}

#body .success {
	margin-top: 5px;
	padding: 10px;
	margin-bottom: 5px;
	position: relative;
	border: 1px solid #00bcd4;
	color: #ffffff;
	background-color: #00bcd4;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image: none;
}

#body .form-error {
	color: #ff0137;
	font-size: 10px;
	letter-spacing: 0.05em;
	margin: 3px 0 0;
	width: 100%;
}
#body .block-shipping-secondcertification .form-error {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(-20 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .form-error {
		font-size: 12px;
		margin: 3px auto 0;
		max-width: 980px;
	}
	#body .block-shipping-secondcertification .form-error {
		max-width: 930px;
		margin: 50px auto -20px;
	}
}

#body .action .btn {
	width: calc(500 / 750 * 100vw);
	height: 45px;
	margin: calc(60 / 750 * 100vw) auto 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #333333;
	border: 1px solid #333333;
	border-radius: 45px;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1;
}
#body .action .btn:hover {
	background-color: transparent;
	border: 1px solid #333333;
	color: #333333;
}
@media screen and (min-width: 769px){
	#body .action-buttons {
		display: flex;
		justify-content: center;
		margin: 50px auto 0;
		gap: 0 20px;
	}
	#body .action-buttons .action {
		display: block;
		margin: 0;
	}
	#body .action .btn {
		margin: 0;
		max-width: 250px;
	}
}

#body .action + .action .btn {
	margin: calc(40 / 750 * 100vw) auto 0;
}
@media screen and (min-width: 769px){
	#body .action + .action .btn {
		margin: 0;
	}
}

#body .action-buttons .action .btn.btn-default {
	background-color: transparent;
	color: #333333;
	font-weight: normal;
}

#body .action-buttons .action .btn.btn-default:hover {
	background-color: #333333;
	border: 1px solid #333333;
	color: #ffffff;
}

#body .action-buttons .action .btn.btn-danger {
	background-color: #b67c0b;
	border: 1px solid #b67c0b;
}

#body .action-buttons .action .btn.btn-danger:hover {
	background-color: transparent;
	color: #b67c0b;
}

.block-common-alert-list {
	border: 1px solid #ff0137;
	width: 100%;
	margin-top: 10px;
}

.block-common-alert-list--items {
	color: #ff0137;
}

/* ========================================
	contact
======================================== */
#body .block-inquiry {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-inquiry {
		margin: 0 auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-inquiry h1,
#body .block-inquiry h2 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-inquiry h1,
	#body .block-inquiry h2 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		margin: 0;
		padding: 0;
	}
}

#body .block-inquiry h2 {
	margin: calc(80 / 750 * 100vw) 0 0;
	background-color: transparent;
}
@media screen and (min-width: 769px){
	#body .block-inquiry h2 {
		margin: 50px 0 0;
	}
}

.block-inquiry--message {
	font-size: 12px;
	letter-spacing: 0.05em;
	margin: calc((45 / 750 * 100vw) - 7px) calc(46 / 750 * 100vw) 0;
	padding: 0;
}
.page-contact .block-inquiry--message {
	margin: calc((45 / 750 * 100vw) - 7px) 0;
}
@media screen and (min-width: 769px){
	.block-inquiry--message {
		font-size: 14px;
		line-height: 1.72;
		margin: 24px auto 0;
	}
	.page-contact .block-inquiry--message {
		margin: 24px auto 0;
	}
	.block-shipping-secondcertification .block-inquiry--message {
		max-width: 930px;
	}
}

.block-inquiry small {
	font-size: 12px;
}

.block-inquiry--customer-name {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: calc((45 / 750 * 100vw) - 7px) 0 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry--customer-name {
		margin: 8px auto 0;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 1.72;
	}
}

.block-inquiry--form {
	margin-top: calc(20 / 750 * 100vw);
	border-top: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-inquiry--form {
		margin: 24px auto 0;
		border-top: none;
	}
}

#body .block-inquiry--form .fieldset-vertical select {
	width: 100%;
}
@media screen and (min-width: 769px){
	#body .block-inquiry--form .fieldset select {
		width: 310px;
	}
	#body .block-inquiry--form .fieldset .form-label {
		padding-left: 15px;
		width: 12.91%;
	}
	#body .block-inquiry--form .fieldset .constraint {
		width: 65px;
	}
	#body .block-inquiry--order-id .form-control input {
		width: 160px;
	}
	#body .block-inquiry--inquiry-body .form-control textarea {
		width: 80%;
		max-width: 500px;
	}
	#body .fieldset .block-inquiry--inquiry-body .form-label,
	#body .fieldset .block-inquiry--inquiry-body .constraint {
		vertical-align: top;
	}
	#body .fieldset .block-inquiry--inquiry-body .constraint {
		padding-top: 22px;
	}
}

#body .block-inquiry--form .action-buttons .action .btn.block-inquiry--forward {
	background-color: #333333;
	border: 1px solid #333333;
	color: #ffffff;
}
#body .block-inquiry--form .action-buttons .action .btn.block-inquiry--forward:hover {
	background-color: transparent;
	color: #333333;
}

#body .block-inquiry .block-topic-path {
	margin: calc(100 / 750 * 100vw) 0 0;
	padding: 0;
}

.block-inquiry--confirmation-form {
	margin-top: calc(20 / 750 * 100vw);
	border-top: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-inquiry--confirmation-form {
		margin: 24px auto 0;
		border-top: none;
	}
}

#body .block-inquiry-completed {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-inquiry-completed {
		margin: 0 auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-inquiry-completed h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-inquiry-completed h1 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		margin: 0;
		padding: 0;
	}
}

.block-inquiry-completed--message {
	font-size: 12px;
	letter-spacing: 0.05em;
	margin-top: calc((45 / 750 * 100vw) - 7px);
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-completed--message {
		font-size: 14px;
		line-height: 1.72;
		margin: 24px auto 0;
	}
}

.block-inquiry-completed--customer-name {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: calc((45 / 750 * 100vw) - 7px) 0 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-completed--customer-name {
		margin: 24px auto 0;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 1.72;
	}
}

#body .block-inquiry-completed .block-topic-path {
	margin: calc(100 / 750 * 100vw) 0 calc(-80 / 750 * 100vw);
	padding: 0;
}

#body .action-buttons .action .btn.block-inquiry-completed--back-to-home {
	background-color: #333333;
	border: 1px solid #333333;
	color: #ffffff;
}
#body .action-buttons .action .btn.block-inquiry-completed--back-to-home:hover {
	background-color: transparent;
	color: #333333;
}

/* history */
#body .block-inquiry-history {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-inquiry-history {
		margin: 0 auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-inquiry-history h1 {

	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-inquiry-history h1 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		margin: 0;
		padding: 0;
	}
}

.block-inquiry-history--message {
	font-size: 12px;
	letter-spacing: 0.05em;
	margin-top: calc((45 / 750 * 100vw) - 7px);
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history--message {
		font-size: 14px;
		line-height: 1.72;
		margin: 24px auto 0;
	}
}

.block-inquiry-history--customer-name {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: calc((45 / 750 * 100vw) - 7px) 0 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history--customer-name {
		margin: 24px auto 0;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 1.72;
		float: left;
	}
}

.no-history {
	clear: both;
	margin-top: calc((30 / 750 * 100vw) - 3px);
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.no-history {
		margin-top: 66px;
		font-size: inherit;
	}
}

.block-inquiry-history--pager-top {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: calc((30 / 750 * 100vw) - 3px) 0 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history--pager-top {
		margin: 24px auto 0;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 1.72;
		float: right;
	}
}

.block-inquiry-history--pager-top .pager,
.block-inquiry-history--pager-bottom .pager {
	margin: 0;
}

.block-inquiry-history--pager-top .pager-total,
.block-inquiry-history--pager-bottom .pager-total {
	margin: 0;
	padding: 0;
}

.block-inquiry-history--body {
	margin: calc((30 / 750 * 100vw) - 3px) 0 0;
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.block-inquiry-history--body {
		margin: 66px auto 0;
		clear: both;
		font-size: 14px;
	}
}

.block-inquiry-history--body li {
	border-bottom: 1px solid #e5e5e5;
	padding: calc(30 / 750 * 100vw) 0;
}
.block-inquiry-history--body li:first-child {
	border-top: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-inquiry-history--body li {
		margin: 0;
		padding: 15px 0;
	}
}

.block-inquiry-history--subject a:link {
	text-decoration: underline;
}
.block-inquiry-history--subject a:hover {
	text-decoration: none;
}
.block-inquiry-history--subject .block-icon-image--table-cell-angle-right {
	display: none;
}

.block-inquiry-history--subject,
.block-inquiry-history--inquiry-id {
	margin-top: 3px;
	padding-left: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history--body li span.block-inquiry-history--subject,
	.block-inquiry-history--body li span.block-inquiry-history--inquiry-id {
		margin-right: 10px;
	}
}

.block-inquiry-history--pager-bottom {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: calc((46 / 750 * 100vw) - 3px) 0 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history--pager-bottom {
		margin: 20px auto -10px;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 1.72;
	}
}

#body .block-inquiry-history .block-topic-path {
	margin: calc(100 / 750 * 100vw) 0 calc(-80 / 750 * 100vw);
	padding: 0;
}

#body .action-buttons .action .btn.block-inquiry-history--back {
	background-color: #333333;
	border: 1px solid #333333;
	color: #ffffff;
}
#body .action-buttons .action .btn.block-inquiry-history--back:hover {
	background-color: transparent;
	color: #333333;
}

/* detail */
#body .block-inquiry-history-detail {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-inquiry-history-detail {
		margin: 0 auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-inquiry-history-detail h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-inquiry-history-detail h1 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		margin: 0;
		padding: 0;
	}
}

.block-inquiry-history-detail--message {
	font-size: 12px;
	letter-spacing: 0.05em;
	margin-top: calc((45 / 750 * 100vw) - 7px);
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--message {
		font-size: 14px;
		line-height: 1.72;
		margin: 24px auto 0;
		text-align: left;
	}
}

.block-inquiry-history-detail--customer-name {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: calc((45 / 750 * 100vw) - 7px) 0 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--customer-name {
		margin: 24px auto 0;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 1.72;
	}
}

.block-inquiry-history-detail--title {
	margin-bottom: 0;
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--title {
		font-size: 14px;
	}
}

.block-inquiry-history-detail--subject {
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin: calc((45 / 750 * 100vw) - 7px) 0 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--subject {
		font-size: 16px;
		margin: 24px auto 0;
	}
}

.block-inquiry-history-detail--date {
	margin: calc(12 / 750 * 100vw) 0 0;
	float: none;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--date {
		margin: 6px 0 0;
	}
}

.block-inquiry-history-detail--id {
	margin: 0;
	float: none;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--id {
		margin: 0;
	}
}

.block-inquiry-history-detail--body {
	margin: 0;
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--body {
		font-size: 14px;
	}
}

.block-inquiry-history-detail--contact-info {
	margin: 0;
}

#body .block-inquiry-history-detail--item-header.legend {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 32px;
	text-align: right;
	width: 100vw;
	height: 32px;
	margin: calc(44 / 750 * 100vw) 0 0 calc(-46 / 750 * 100vw);
	padding: 0 calc(46 / 750 * 100vw);
	background-color: #f9f9f9;
	border: none;
}
@media screen and (min-width: 769px){
	#body .block-inquiry-history-detail--item .legend {
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 35px;
		text-align: right;
		width: 100%;
		max-width: 100%;
		height: 35px;
		margin: 35px 0 0;
		padding: 0 14px;
		background-color: #f9f9f9;
		border: none;
	}
}

.block-inquiry-history-detail--item dd {
	margin: calc(20 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--item dd {
		margin: 20px 0 0;
	}
}

.block-inquiry-history-detail--form {
	margin: calc((45 / 750 * 100vw) - 8px) 0 0;
	border-top: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--form {
		margin: 24px 0 0;
	}
}

.block-inquiry-history-detail--inquiry-body {
	margin: 10px 0 0;
}

.block-inquiry-history-detail--inquiry-body textarea {
	border: 1px solid #e5e5e5;
	width: 100%;
	padding: 1em;
}

#body .block-inquiry-history-detail .block-topic-path {
	margin: calc(100 / 750 * 100vw) 0 calc(-80 / 750 * 100vw);
	padding: 0;
}

/* detail_check */
.block-inquiry-history-detail--confirm {
	margin: calc((45 / 750 * 100vw) - 8px) 0 0;
	border-top: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--confirm {
		margin: 24px 0 0;
	}
}

.block-inquiry-history-detail--message-confirm {
	font-size: 12px;
	letter-spacing: 0.05em;
	margin-top: calc((45 / 750 * 100vw) - 7px);
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--message-confirm {
		font-size: 14px;
		line-height: 1.72;
		margin: 24px auto 0;
		text-align: left;
	}
}

.block-inquiry-history-detail--inquiry-body-confirm {
	border: 1px solid #e5e5e5;
	width: 100%;
	margin: 10px 0 0;
	padding: 1em;
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.block-inquiry-history-detail--inquiry-body-confirm {
		font-size: 14px;
	}
}

/* ========================================
	telcustomerauth
======================================== */
#body .block-member-info {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw) !important;
}
@media screen and (min-width: 769px){
	#body .block-member-info {
		margin: 50px auto 30px !important;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-member-info h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-member-info h1 {
		font-size: 24px;
		line-height: 1;
	}
}

.page-telcustomerauth #body .block-member-info h1 {
	margin-bottom: calc((45 / 750 * 100vw) - 7px);
}
@media screen and (min-width: 769px){
	.page-telcustomerauth #body .block-member-info h1 {
		margin-bottom: 24px;
	}
}

#body .legend {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	width: 100%;
	margin: calc((44 / 750 * 100vw) - 5px) 0 0;
	padding: 0 0 calc((30 / 750 * 100vw) - 4px);
	border-bottom: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	#body .legend {
		font-size: 16px;
		margin: 38px auto 0;
		max-width: 930px;
		padding: 0;
		border-bottom: none;
	}
}

.page-telcustomerauth #body .legend {
	margin: calc((80 / 750 * 100vw) - 5px) 0 0;
	padding: 0;
	border: none;
}
@media screen and (min-width: 769px){
	.page-telcustomerauth #body .legend {
		margin: 55px auto 0;
	}
}

.page-telcustomerauth #body .legend + .block-member-info--message {
	margin-top: 4px;
	padding: 0 0 calc((30 / 750 * 100vw) - 2px);
	border-bottom: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.page-telcustomerauth #body .legend + .block-member-info--message {
		margin: 5px auto 0;
		padding: 0;
		border-bottom: none;
		max-width: 930px;
	}
}

.block-member-info--form {
	margin-top: calc((45 / 750 * 100vw) - 7px);
}
@media screen and (min-width: 769px){
	.block-member-info--form {
		margin: 24px auto 0;
	}
}

.block-member-info--message {
	font-size: 12px;
	letter-spacing: 0.05em;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-member-info--message {
		font-size: 14px;
		line-height: 1.72;
	}
}

.page-telcustomerauth .fieldset {
	margin-top: 10px;
	margin-bottom: 10px;
}

.page-telcustomerauth .fieldset .form-group {
	margin: 5px 0 10px 0;
}
@media screen and (min-width: 769px){
	.page-telcustomerauth .fieldset .form-group {
		margin: 0;
	}
}

.page-telcustomerauth .fieldset .form-label,
.page-telcustomerauth .fieldset .constraint {
	float: left;
	margin: 0 0 5px 0;
}
@media screen and (min-width: 769px){
	.page-telcustomerauth .fieldset .form-label,
	.page-telcustomerauth .fieldset .constraint {
		float: none;
		margin: 0;
	}
}

.page-telcustomerauth .fieldset .form-label {
	margin: 0 5px 0 0;
}

.page-telcustomerauth .fieldset .form-control {
	clear: both;
}

.page-telcustomerauth #body .fieldset .block-member-info--use-spoofing-protection .constraint {
	float: none;
}

.page-telcustomerauth #body .fieldset .block-member-info--use-spoofing-protection .form-control {
	margin-top: calc(48 / 750 * 100vw);
	gap: 0;
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.page-telcustomerauth #body .fieldset .block-member-info--use-spoofing-protection .form-control {
		margin-top: 0;
		gap: 0;
		padding: 30px 0 30px 25px;
		font-size: 14px;
	}
}

.page-telcustomerauth #body .action-buttons {
	margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.page-telcustomerauth #body .action-buttons {
		margin-bottom: 30px;
	}
}

/* modal */
.modal-close {
	width: 36px;
	height: 36px;
	font-size: 36px;
	float: none;
	font-weight: 400;
	line-height: 1;
	position: absolute;
	top: -38px;
	right: calc((50 / 750 * 100vw) - 9px);
	color: #333333;
}
@media screen and (min-width: 769px){
	.modal-close {
		width: 26px;
		height: 26px;
		font-size: 40px;
		float: none;
		font-weight: 400;
		line-height: 1;
		position: absolute;
		top: -42px;
		right: 0;
		color: #333333;
	}
}

.modal-content {
	background: #f9f9f9;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.modal-header {
	padding: 14px;
	font-size: 14px;
	letter-spacing: 0.05em;
}
@media screen and (min-width: 769px){
	.modal-header {
		padding: 15px 25px;
		font-size: 16px;
		letter-spacing: 0.05em;
	}
}

.modal-body {
	padding: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.modal-body {
		padding: 30px 24px 25px;
	}
}

.block-member-terms--header {
	margin: calc(20 / 750 * 100vw) 0 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1;
}
@media screen and (min-width: 769px){
	.block-member-terms--header {
		margin: 0;
		padding: 0;
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
	}
}

.modal-body .block-member-terms--message {
	margin: 0 0 calc(30 / 750 * 100vw);
	padding: 0;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
@media screen and (min-width: 769px){
	.modal-body .block-member-terms--message {
		margin: 0 0 10px;
		padding: 0;
		font-size: 14px;
		letter-spacing: 0.05em;
		line-height: 1.5;
	}
}

h1 + .modal-body .block-member-terms--message {
	margin-top: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	h1 + .modal-body .block-member-terms--message {
		margin-top: 26px;
	}
}

.block-member-terms--body {
	padding: calc(30 / 750 * 100vw);
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.5;
	border-color: #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-member-terms--body {
		padding: 25px;
		font-size: 14px;
		letter-spacing: 0.05em;
		line-height: 1.72;
		border-color: #e5e5e5;
	}
}

.modal-dialog {
	padding: 0 calc(50 / 750 * 100vw);
	width: 100%;
	max-width: 600px;
	z-index: 10001;
}
@media screen and (min-width: 769px){
	.modal-dialog {
		margin: 0 auto;
		padding: 0;
		width: 100%!important;
		max-width: 830px!important;
		z-index: 10001;
	}
}

.modal-overlay {
	opacity: 0.2;
}

/* ========================================
	entry_check
======================================== */
#body .block-member-info-confirmation {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-member-info-confirmation {
		margin: 50px auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-member-info-confirmation h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-member-info-confirmation h1 {
		font-size: 24px;
		line-height: 1;
	}
}

.block-member-info-confirmation--form {
	margin-top: calc((45 / 750 * 100vw) - 7px);
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--form {
		margin: 24px auto 0;
	}
}

.block-member-info-confirmation--message {
	font-size: 12px;
	letter-spacing: 0.05em;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--message {
		font-size: 14px;
		line-height: 1.72;
	}
}

/* ========================================
	entry_comp
======================================== */
#body .block-member-registration-completed {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-member-registration-completed {
		margin: 50px auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-member-registration-completed h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-member-registration-completed h1 {
		font-size: 24px;
		line-height: 1;
	}
}

#body .block-member-registration-completed .block-member-registration-completed--message {
	margin-top: calc(44 / 750 * 100vw)
}
@media screen and (min-width: 769px){
	#body .block-member-registration-completed h1 + p {
		margin-top: 20px;
	}
}

/* ========================================
	cart
======================================== */
/* reset */
@media screen and (min-width: 769px){
	input[type="text"].pc-search-keyword {
		padding: 0;
	}
	input[type="text"].pc-search-keyword:hover {
		border: none;
	}
	input[type="text"].pc-search-keyword::placeholder {
		font-size: 0;
	}
}

@media screen and (min-width: 769px){
	#body .pane-order-contents {
		border: none;
		min-height: auto;
	}
}

.pane-order-contents .container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

.pane-order-contents h2 {
	padding: 0;
	background-color: inherit;
}

.nav-content-main-label,.nav-content-main-link a {
	padding-left: calc(75 / 750 * 100vw);
}

#body .block-cart {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-cart {
		margin: 0 auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-cart--body {
	margin: 0 0 calc(80 / 750 * 100vw);
	padding: 0;
}

@media screen and (min-width: 769px){
	.block-order-flow--step {
		padding: 50px 0;
		margin: 0;
		text-align: center;
	}

	.block-order-flow--step-current {
		background: #333333;
	}
	.block-order-flow--step-current:after {
		border-left: 25px solid #333333;
		right: -49px;
	}
}

#body .block-cart--subtotal-container {
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-cart--wrapper {
		font-size: 14px;
		line-height: 1.72;
		text-align: left;
	}
}

.block-cart--subtotal-container .block-cart--subtotal-price,
.block-cart--promotion-discount-price {
	color: #ff0137;
	font-weight: bold;
}

.block-cart--subtotal-price {
	font-size: 16px;
}
@media screen and (min-width: 769px){
	.block-cart--subtotal-price {
		font-size: 14px;
	}
}

.block-cart--promotion-criteria-list-container {
	padding-bottom: 0;
}

.block-cart--subtotal-container {
	margin-top: 10px;
	padding-bottom: 0;
}

.block-cart--promotion-freespace {
	margin-top: 10px;
	padding-bottom: 0;
}

.block-promotion-message--content {
	margin: calc(40 / 750 * 100vw) 0 0;
	padding: 10px;
	border: 1px solid #ff0137;
}
@media screen and (min-width: 769px){
	.block-promotion-message--content {
		margin: 60px 0 0;
	}
}

.block-promotion-message--content + .block-promotion-message--content {
	margin: calc(20 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-promotion-message--content + .block-promotion-message--content {
		margin: 15px 0 0;
	}
}

.block-promotion-message--content .promotion-benefit {
	color: #ff0137;
	font-size: inherit;
}

#body .block-cart--procedure-container .action .btn {
	margin-top: calc(30 / 750 * 100vw);
}

#body .block-cart--procedure-container__fixed .action .btn {
	margin-top: 10px;
}

.block-cart--contents {
	border: none;
	border-top: 1px solid #e5e5e5;
	margin: calc(60 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-cart--contents {
		border: none;
		margin: 40px 0 0;
		width: calc(100% - 310px);
	}
}

.block-cart--goods-list li {
	padding: calc(30 / 750 * 100vw) 0;
	border-bottom: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-cart--goods-list li {
		margin: 0;
		padding: 20px 0;
	}
}

.block-cart--goods-list li > a {
	display: flex;
	justify-content: space-between;
}
@media screen and (min-width: 769px){
	.block-cart--goods-list li > a {
		display: inline;
	}
}

.block-icon {
	display: flex;
	flex-wrap: wrap;
	margin: -6px 0 0;
}
@media screen and (min-width: 769px){
	.block-cart .block-icon {
		margin: -6px 0 0;
	}
}

.block-icon span {
	height: calc(38 / 750 * 100vw);
	max-height: 20px;
	margin: 6px 6px 0 0;
}
@media screen and (min-width: 769px){
	.block-cart .block-icon span {
		height: 17px;
		margin: 6px 6px 0 0;
	}
}

.block-icon img {
	width: auto;
	height: calc(38 / 750 * 100vw);
	max-height: 20px;
}

.block-cart--goods-list-image {
	width: calc(240 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-cart--goods-list-image {
		width: 180px;
		height: auto;
		margin: 0 15px 0 0;
		background: #ffffff;
	}
}

.block-cart--goods-list-image figure {
	width: 100%;
	height: auto;
	background: #ffffff;
}

.block-cart--goods-list-item-container {
	width: calc(380 / 750 * 100vw);
	padding-left: calc(30 / 750 * 100vw);
}

.block-cart--goods-list-item {
	margin-top: calc(12 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-cart--goods-list-item {
		width: calc(100% - 375px);
		margin-top: 12px;
	}
}

@media screen and (min-width: 769px){
	.block-cart--goods-list-item-price-info {
		width: 79px;
		text-align: left;
		margin: 12px 0 0 0;
	}
}

.block-cart--goods-list-item-input {
	margin-top: 8px;
}
@media screen and (min-width: 769px){
	.block-cart--goods-list-item-input {
		margin-top: 8px;
		width: 100px;
	}
}

.block-cart--goods-list-item-qty {
	width: calc(240 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-cart--goods-list-item-qty {
		width: 100%;
	}
}

#body .block-cart--goods-list-item-qty input {
	padding: 4px 8px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	max-width: 100%;
}

.block-cart--goods-list-item-calc {
	width: 80px;
}
@media screen and (min-width: 769px){
	.block-cart--goods-list-item-calc {
		width: 100%;
	}

	.block-cart--goods-list-item-qty-plus:hover,
	.block-cart--goods-list-item-qty-minus:hover {
		cursor: pointer;
	}
}

.block-cart--goods-list-item-calc .block-cart--goods-list-item-calc-btn {
	width: 100%;
	height: 30px;
	color: #000000;
	border: 1px solid #333333;
	border-radius: 30px;
	background-color: #ffffff;
	display: inline-block;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 10px;
}
.block-cart--goods-list-item-calc .block-cart--goods-list-item-calc-btn:hover {
	color: #ffffff;
	border: 1px solid #333333;
	background-color: #333333;
}

.block-cart--goods-list-item-delete .btn-danger.block-cart--goods-list-item-delete-btn {
	color: #333;
	border: none;
	text-decoration: underline;
	background: none;
}
.block-cart--goods-list-item-delete .btn-danger.block-cart--goods-list-item-delete-btn:hover {
	text-decoration: none;
}

@media screen and (min-width: 769px){
	.block-cart--goods-list-item-delete {
		margin-top: 12px;
	}
	.block-cart--goods-list-item-delete:hover {
		text-decoration: none;
	}
}

.block-cart--continue-shopping .block-cart--continue-shopping-link {
	text-decoration: underline;
}
.block-cart--continue-shopping .block-cart--continue-shopping-link:hover {
	text-decoration: none;
}

.block-cart-recent-item--header {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.block-search-box--form {
	margin: calc(80 / 750 * 100vw) 0 0;
	padding: 0;
	position: relative;
	background: none;
}

.block-search-box--form .block-search-box--keyword {
	width: 100%;
	height: 38px;
	padding: 4px 10px;
	border: 1px solid #e5e5e5;
}

.block-search-box--placeholder {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #999;
	font-size: 14px;
}

.input-group-btn .btn-default {
	color: #ffffff;
	border: solid 1px #333333;
	background-color: #333333;
}

/* 最近チェックした商品 */
.pane-order-contents .block-cart-recent-item--header {
	font-size: 16px;
	text-align: left;
}
@media screen and (min-width: 769px){
	.pane-order-contents .block-cart-recent-item--header {
		border-top: 1px solid #e5e5e5;
		margin-top: 50px;
		padding-top: 50px;
		font-size: 24px;
		text-align: left;
	}
}

.block-cart--continue-shopping {
	margin: calc(40 / 750 * 100vw) 0 0;
}

@media screen and (min-width: 769px){
	.block-cart--side-area {
		position: relative;
		float: left;
		padding: 0 0 0 40px;
		width: 310px;
	}

	.block-cart--side-contents {
		width: 100%;
		margin: 0;

	}

	.block-cart--procedure {
		border: none;
		background: #f6f3e7;
		padding: 20px 18px 18px;
		overflow: hidden;
		margin: 15px 0 0;
	}
	
	.block-cart--procedure-container {
		padding: 0;
		overflow: hidden;
		background: inherit;
	}

	.block-cart--order .btn-primary {
		width: 100%;
		height: 50px;
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #333333;
		border: 1px solid #333333;
		border-radius: 50px;
		color: #ffffff;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
	}
	.block-cart--order .btn-primary:hover {
		background-color: transparent;
		border: 1px solid #333333;
		color: #333333;
	}

	.block-cart--subtotal {
		margin-top: 16px;
		padding: 0;
		font-size: 14px;
	}

	.block-cart--subtotal-price,
	.block-cart--promotion-discount {
		font-weight: bold;
		color: #ff0137;
	}

	.block-cart--subtotal-price {
		font-size: 16px;
	}

	.block-cart--promotion-discount {
		font-size: 14px;
	}

	.block-cart--promotion dd,
	.block-cart--promotion dt {
		margin-bottom: 0;
	}

	.block-cart--continue-shopping {
		margin: 15px 0 0;
	}
}

/* ========================================
	userreview
======================================== */
/* reset */
.block-user-review input[type="text"], .block-user-review select, .block-user-review textarea {
	padding: 4px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	max-width: 100%;
}

/* write */
@media screen and (min-width: 769px){
	.block-user-review .fieldset {
		margin: 20px auto 0;
		width: 100%;
		max-width: 930px;
	}
}

.block-user-review .fieldset-vertical {
	margin: calc(20 / 750 * 100vw) 0 0;
}

.block-user-review .required:after {
	display: inline;
	padding: 1px 1em;
	font-size: 10px;
	letter-spacing: 0.025em;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0;
	color: #fff;
	background-color: #ff0137;
	content: "必須";
}

.block-user-review .fieldset-vertical .form-group {
	border-bottom: 1px solid #e5e5e5;
	margin: 5px 0 10px 0;
	padding-bottom: calc(30 / 750 * 100vw);
}

.block-user-review .fieldset .form-group {
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: calc(48 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-user-review .fieldset .form-group {
		display: table;
		width: 100%;
		border-top: #e5e5e5 1px solid;
		border-bottom: none;
		padding-bottom: 0;
	}
}

.block-user-review .fieldset-vertical input {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	font-size: 12px;
	width: 100%;
	height: 50px;
	padding: 4px;
}
@media screen and (min-width: 769px){
	.block-user-review .fieldset input {
		border-color: #e5e5e5;
		font-size: 14px;
		width: auto;
		height: 50px;
	}
}

.block-user-review .count-msg-another {
	display: block;
	font-size: 11px;
	margin-top: 5px;
	color: #555555;
}

.block-user-review .fieldset input[type="checkbox"],
.block-user-review .fieldset-vertical input[type="radio"],
.block-user-review .action-buttons input[type="checkbox"] {
	-webkit-user-select: auto;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	width: 20px;
	height: 20px;
	margin-right: 10px;
}
@media screen and (min-width: 769px){
	.block-user-review .fieldset input[type="checkbox"],
	.block-user-review .fieldset input[type="radio"],
	.block-user-review .block-member-info-confirmation--login-state-saving input[type="checkbox"] {
		-webkit-user-select: auto;
		-webkit-appearance: auto;
		-moz-appearance: auto;
		appearance: auto;
		width: 20px;
		height: 20px;
		margin-right: 10px;
	}
}

.block-user-review .fieldset-vertical select {
	border-color: #e5e5e5;
	height: 50px;
	-webkit-appearance: none;
	appearance: none;
	background: url(../img/arrow_select.png) no-repeat;
	background-position: right 9px center;
	background-size: 13px 8px;
}
@media screen and (min-width: 769px){
	.block-user-review .fieldset select {
		border-color: #e5e5e5;
		height: 50px;
		-webkit-appearance: none;
		appearance: none;
		background: url(../img/arrow_select.png) no-repeat;
		background-position: right 13px center;
		background-size: 13px 8px;
	}
}

.block-user-review .fieldset-vertical .form-label,
.block-user-review .fieldset-vertical .constraint {
	float: left;
	margin: 0 0 5px 0;
}
.block-user-review .fieldset-vertical .form-label {
	margin: 0 9px 5px 0;
}
@media screen and (min-width: 769px){
	.block-user-review .fieldset .form-label {
		background: #f9f9f9;
		display: table-cell;
		width: 20.2%;
		margin: 0 14px 0 0;
		text-align: left;
		vertical-align: middle;
	}
	.block-user-review .fieldset .constraint {
		background: #f9f9f9;
		display: table-cell;
		width: 73px;
		padding: 5px;
		vertical-align: middle;
	}
}

.block-user-review .fieldset-vertical .form-label label {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
}
@media screen and (min-width: 769px){
	.block-user-review .fieldset .form-label label {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
	}
}

.block-user-review .form-control {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	gap: 0 calc(20 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-user-review .fieldset .form-control {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0 25px;
		padding: 15px 0 15px 25px;
	}
}

.action .btn.btn-default.block-user-review--forward {
	background-color: #333333;
	color: #ffffff;
}

.action .btn.btn-default.block-user-review--forward:hover {
	background-color: transparent;
	color: #333333;
}

.block-user-review .action-buttons .form-control {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	margin: calc(30 / 750 * 100vw) 0 calc(50 / 750 * 100vw);
}

.block-user-review .action ~ .action .btn {
	margin-top: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-user-review .action ~ .action .btn {
		margin-top: 0;
	}
	.block-user-review .block-member-info-confirmation .action .btn {
		margin: 0;
	}
}

.block-user-review {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-user-review {
		margin: 50px auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

.block-user-review h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-user-review h1 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		margin: 0;
		padding: 0;
	}
}

.block-user-review--item-header {
	background-color: transparent;
	margin: calc(29 / 750 * 100vw) 0 0;
	padding: 0;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.72;
}
@media screen and (min-width: 769px){
	.block-user-review--item-header {
		margin: 28px 0 0;
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
	}
}

.block-user-review--message {
	margin: calc(10 / 750 * 100vw) 0 0;
	font-size: 12px;
	letter-spacing: 0.05em;
}
@media screen and (min-width: 769px){
	.block-user-review--message {
		margin: 20px 0 0;
		font-size: 14px;
		line-height: 1.72;
	}
}

.block-user-review--message a {
	text-decoration: underline;
}
.block-user-review--message a:hover {
	text-decoration: none;
}

.block-user-review--form {
	margin-top: calc(22 / 750 * 100vw);
	padding-top: calc(10 / 750 * 100vw);
	border-top: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-user-review--form {
		margin-top: 17px;
		padding-top: 0;
		border-top: none;
	}
}

.block-user-review--form .fieldset-vertical {
	margin: 0;
}
@media screen and (min-width: 769px){
	.fieldset.block-user-review--items {
		margin-top: 0;
	}

	.fieldset.block-user-review--items .form-control {
		gap: 0;
		padding: 14px 0 14px 13px;
	}
	
	.fieldset.block-user-review--items .form-label {
		padding: 20px 0 20px 18px;
	}

	.fieldset.block-user-review--items .constraint {
		text-align: center;
	}
}

.block-user-review .block-topic-path {
	margin: calc(100 / 750 * 100vw) 0 calc(-80 / 750 * 100vw);
	padding: 0;
	background-color: #ffffff;
}

@media screen and (min-width: 769px){
	.count-msg-another,
	.help-block {
		margin-top: 6px;
		width: 100%;
	}

	.block-user-review--score .form-label {
		vertical-align: middle;
		padding-top: 25px;
	}
}

select.block-user-review--selecting-stars {
	width: calc(325 / 750 * 100vw);
	font-size: 12px;
}

.star-base {
	cursor: pointer;
	width: 60px;
	height: 15px;
	background: url(/img/usr/user_review/star.png);
}

.star-select {
	width: 60px;
	height: 15px;
	background: url(/img/usr/user_review/star.png);
	background-repeat: no-repeat;
}

.fieldset-vertical .form-group.block-user-review--review-summery {
	padding-bottom: calc(20 / 750 * 100vw);
}

.block-user-review--review-body textarea {
	width: 100%;
	height: calc(358 / 750 * 100vw);
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.block-user-review--review-body textarea {
		width: 80%;
		max-width: 500px;
		height: auto;
		aspect-ratio: 5 / 2;
		font-size: 14px;
	}
}

@media screen and (min-width: 769px){
	#body .block-user-review--form + .action-buttons {
		margin-top: 30px;
	}
}

.block-user-review--footer {
	margin-top: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-user-review--footer {
		margin-top: 50px;
	}
}

.block-user-review--footer h3 {
	width: calc(100% + (92 / 750 * 100vw));
	margin: 0 calc(-46 / 750 * 100vw);
	padding: 10px calc(46 / 750 * 100vw);
	background-color: #f9f9f9;
	font-size: 12px;
	line-height: 1;
}
@media screen and (min-width: 769px){
	.block-user-review--footer h3 {
		width: 100%;
		margin: 0;
		padding: 9px 15px;
		background-color: #f9f9f9;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
	}
}

.block-user-review--review-contribution-condition-body {
	margin: calc(27 / 750 * 100vw) 0 0;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
@media screen and (min-width: 769px){
	.block-user-review--review-contribution-condition-body {
		margin: 20px 0 0;
		font-size: 14px;
		letter-spacing: 0.05em;
		line-height: 1.72;
	}
}

.block-user-review--confirmation-message {
	margin: calc(29 / 750 * 100vw) 0 0;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
@media screen and (min-width: 769px){
	.block-user-review--confirmation-message {
		margin: 40px 0 0;
		font-size: 14px;
		line-height: 1.72;
	}
}

/* write_check */
.block-user-review--review-header {
	padding: 10px 0 0;
}
@media screen and (min-width: 769px){
	.block-user-review--review-header {
		padding: 10px 0 0;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 1.5;
	}
}

.block-user-review--evaluator-name {
	margin-top: 8px;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1;
}
@media screen and (min-width: 769px){
	.block-user-review--evaluator-name {
		margin-top: 14px;
		font-size: 14px;
	}
}

.block-user-review--evaluation-score {
	margin-top: 9px;
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1;
}
@media screen and (min-width: 769px){
	.block-user-review--evaluator-name {
		margin-top: 14px;
	}
}

.block-user-review--evaluation-score dd img {
	display: inline-block;
	top: 0;
}

.block-user-review--review-comment {
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
@media screen and (min-width: 769px){
	.block-user-review--review-comment {
		margin: 7px 0 10px;
		font-size: 14px;
		line-height: 1.72;
	}
}

.block-user-review--evaluation-message {
	font-size: 12px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}
@media screen and (min-width: 769px){
	.block-user-review--evaluation-message {
		border-top: 1px solid #e5e5e5;
		margin-top: 18px;
		padding-top: 18px;
		font-size: 14px;
		line-height: 1.72;
	}

	.block-user-review--evaluation-message + .action-buttons {
		margin-top: 43px;
	}
}

@media screen and (min-width: 769px){
	#confirm_:has(.block-user-review--review-item) + .block-user-review--message {
		text-align: center;
		margin: 23px 0 42px;
	}
}

/* posted */
.block-user-review-completed {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-user-review-completed {
		margin: 50px auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

.block-user-review-completed h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-user-review-completed h1 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		margin: 0;
		padding: 0;
	}
}

.block-user-review-completed .block-user-review-completed-header {
	margin: calc(29 / 750 * 100vw) 0 0;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.72;
}
@media screen and (min-width: 769px){
	.block-user-review-completed .block-user-review-completed-header {
		margin: 28px 0 0;
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
	}
}

.block-user-review-completed .block-user-review-completed--message-header {
	background-color: transparent;
	margin: calc(29 / 750 * 100vw) 0 0;
	padding: 0;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1.72;
}
@media screen and (min-width: 769px){
	.block-user-review-completed .block-user-review-completed--message-header {
		margin: 28px 0 0;
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
	}
}

.block-user-review-completed .block-user-review-completed--message {
	margin: calc(10 / 750 * 100vw) 0 0;
	font-size: 12px;
	letter-spacing: 0.05em;
}
@media screen and (min-width: 769px){
	.block-user-review-completed .block-user-review-completed--message {
		margin: 20px 0 0;
		font-size: 14px;
		line-height: 1.72;
	}
}


@media screen and (min-width: 769px){
	.block-user-review-completed .action-buttons {
		margin-top: 40px;
	}
}

/* ========================================
	promotionlist
======================================== */
#body .block-promotion {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(20 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-promotion {
		margin: 0 auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-promotion h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0 0 calc((45 / 750 * 100vw) - 7px);
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-promotion h1 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		margin: 0 0 24px;
		padding: 0;
	}
}

.block-promotion--customer-name {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: calc((45 / 750 * 100vw) - 7px) 0 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-promotion-name {
		margin: 24px auto 0;
		font-size: 14px;
		line-height: 1.72;
	}
}

.block-promotion--list {
	margin: calc(24 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-promotion--list {
		margin: 24px 0 0;
	}
}

.block-promotion--table {
	border: none;
	margin: 0;
	table-layout: auto;
}
@media screen and (min-width: 769px){
	.block-promotion--table {
		table-layout: fixed;
	}
}

.block-promotion--table th,
.block-promotion--table td {
	border: 1px solid #e5e5e5;
	padding: 13px 15px;
}
@media screen and (min-width: 769px){
	.block-promotion--table th,
	.block-promotion--table td {
		border: 1px solid #e5e5e5;
		padding: 15px;
	}
}

.block-promotion--table th,
.block-promotion--table td {
	border: 1px solid #e5e5e5;
}

.block-promotion--table tr:nth-child(4n+1) th,
.block-promotion--table tr:nth-child(4n+1) td {
	border: none;
	padding: calc(70 / 750 * 100vw) 0 10px;
}
.block-promotion--table tr:first-child th,
.block-promotion--table tr:first-child td {
	padding: 0 0 10px;
}
@media screen and (min-width: 769px){
	.block-promotion--table tr:nth-child(4n+1) th,
	.block-promotion--table tr:nth-child(4n+1) td,
	.block-promotion--table tr:first-child th,
	.block-promotion--table tr:first-child td {
		border: 1px solid #e5e5e5;
		padding: 15px;
	}
}

@media screen and (min-width: 769px){
	.block-promotion--table tr:nth-child(4n+1) th,
	.block-promotion--table tr:first-child th,
	.block-promotion--table th {
		height: 46px;
		padding: 12px 15px;
	}
	.block-promotion--table tr:nth-of-type(2n+1) > td:first-of-type {
		width: 35%;
	}
	.block-promotion--table tr:nth-of-type(2n+1) > th:first-of-type {
		width: 16%;
	}
	.block-promotion--table tr:nth-of-type(2n+1) > th:nth-of-type(2) {
		width: 16%;
	}
	.block-promotion--table tr:nth-of-type(2n+1) > th:nth-of-type(3) {
		width: 33%;
	}
}

.page-promotionlist #body .action .btn {
	margin: calc(100 / 750 * 100vw) auto;
}
@media screen and (min-width: 769px){
	.page-promotionlist #body .action-buttons {
		margin: 50px auto 30px;
	}
	.page-promotionlist #body .action .btn {
		margin: 0 auto;
	}
}

.page-promotionlist #body .block-topic-path {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(20 / 750 * 100vw);
	padding: 0;
}
@media screen and (min-width: 769px){
	.page-promotionlist #body .block-topic-path {
		margin: 0 auto;
		padding: 50px 0;
	}
}

/* ========================================
	friends_intro
======================================== */
#body .block-member-friendsintro {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(20 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-member-friendsintro {
		margin: 0 auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-member-friendsintro h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0 0 calc((45 / 750 * 100vw) - 7px);
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-member-friendsintro h1 {
		font-size: 24px;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1;
		margin: 0 0 24px;
		padding: 0;
	}
}

.friends_intro {
	border: none;
}

.block-member-friendsintro--mailsend-form {
	border-top: 1px solid #e5e5e5;
	margin: calc((30 / 750 * 100vw) - 4px) 0 0;
	padding: 10px 0 0;
}
@media screen and (min-width: 769px){
	.block-member-friendsintro--mailsend-form {
		border-top: none;
		margin: 0;
		padding: 0;
	}
}

.block-member-friendsintro--mailsend-form .fieldset .form-label,
.block-member-friendsintro--mailsend-form .fieldset .constraint {
	float: left;
	margin: 0 0 5px 0;
}
@media screen and (min-width: 769px){
	.block-member-friendsintro--mailsend-form .fieldset .form-label,
	.block-member-friendsintro--mailsend-form .fieldset .constraint {
		float: none;
		margin: 0;
	}
}

.block-member-friendsintro--mailsend-form .fieldset .form-label {
	margin: 0 9px 5px 0;
}

.block-member-friendsintro--mailsend-form .fieldset .form-control {
	clear: both;
}

.page-friends_intro #body .action .btn {
	margin: calc(100 / 750 * 100vw) auto;
}
@media screen and (min-width: 769px){
	.page-friends_intro #body .action-buttons {
		margin: 50px auto 30px;
	}
	.page-friends_intro #body .action .btn {
		margin: 0 auto;
	}
}

.page-friends_intro #body .block-topic-path {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(20 / 750 * 100vw);
	padding: 0;
}
@media screen and (min-width: 769px){
	.page-friends_intro #body .block-topic-path {
		margin: 0 auto;
		padding: 50px 0;
	}
}

.block-member-friendsintro--complete-message {
	text-align: left!important;
}

.page-friends_intro #body .block-member--completed-message + .action-buttons .action .btn {
	margin: calc(60 / 750 * 100vw) auto calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.page-friends_intro #body .block-member--completed-message + .action-buttons {
		margin: 50px auto 30px;
	}
	.page-friends_intro #body .block-member--completed-message + .action-buttons .action .btn {
		margin: 0 auto;
	}
}

#body .block-member-friendsintro .action-buttons .action .btn.btn-default {
	background-color: #333333;
	color: #ffffff;
}
#body .block-member-friendsintro .action-buttons .action .btn.btn-default:hover {
	background-color: transparent;
	color: #333333;
}

/* ========================================
	telcustomer
======================================== */
/* update */
#body .block-member-info {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw) !important;
}
@media screen and (min-width: 769px){
	#body .block-member-info {
		margin: 50px auto 30px !important;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-member-info h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-member-info h1 {
		font-size: 24px;
		line-height: 1;
	}
}

.block-member-info--form {
	margin-top: calc((45 / 750 * 100vw) - 7px);
}
@media screen and (min-width: 769px){
	.block-member-info--form {
		margin: 24px auto 0;
	}
}

.block-member-info--message {
	font-size: 12px;
	letter-spacing: 0.05em;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-member-info--message {
		font-size: 14px;
		line-height: 1.72;
	}
}

#body .legend ~ .legend {
	margin: calc((80 / 750 * 100vw) - 5px) 0 0;
	padding: 0;
	border: none;
}
@media screen and (min-width: 769px){
	#body .legend ~ .legend {
		margin: 55px auto 0;
	}
}

#body .legend ~ .legend + .block-member-info--message {
	margin-top: 4px;
	padding: 0 0 calc((30 / 750 * 100vw) - 2px);
	border-bottom: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	#body .legend ~ .legend + .block-member-info--message {
		margin: 5px auto 0;
		padding: 0;
		border-bottom: none;
		max-width: 930px;
	}
}

.page-telcustomerupdate #body .fieldset {
	margin: calc(20 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.page-telcustomerupdate #body .fieldset {
		margin: 20px auto 0;
	}
}

.page-telcustomerupdate #body .fieldset .form-group {
	margin: 5px 0 10px 0;
	padding-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.page-telcustomerupdate #body .fieldset .form-group {
		margin: 0;
		padding-bottom: 0;
	}
}

.page-telcustomerupdate #body .fieldset .form-label {
	margin: 0 9px 5px 0;
}
@media screen and (min-width: 769px){
	.page-telcustomerupdate #body .fieldset .form-label {
		margin: 0 14px 0 0;
	}
}

.page-telcustomerupdate #body .fieldset .form-label label {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
}
@media screen and (min-width: 769px){
	.page-telcustomerupdate #body .fieldset .form-label label {
		font-size: 14px;
	}
}

.page-telcustomerupdate .fieldset .form-label,
.page-telcustomerupdate .fieldset .constraint {
	float: left;
	margin: 0 0 5px 0;
}
@media screen and (min-width: 769px){
	.page-telcustomerupdate .fieldset .form-label,
	.page-telcustomerupdate .fieldset .constraint {
		float: none;
		margin: 0;
	}
}

.page-telcustomerupdate .fieldset .form-label {
	margin: 0 5px 0 0;
}

.page-telcustomerupdate .fieldset .form-control {
	clear: both;
}

@media screen and (min-width: 769px){
	#body input[name="name"], #body input[name="name2"], #body input[name="kana"], #body input[name="kana2"] {
		max-width: auto;
	}
}

.js-efo {
	display: flex;
	align-items: center;
	width: 100%;
}

.block-member-info--name .js-efo,
.block-member-info--kana .js-efo {
	width: calc(50% - (20 / 750 * 100vw));
}
@media screen and (min-width: 769px){
	.block-member-info--name .js-efo,
	.block-member-info--kana .js-efo {
		width: auto;
	}
}

.js-efo br,
.js-efo + br {
	display: none;
}
.block-member-info--value-label {
	font-size: min(calc(24 / 750 * 100vw),12px);
	font-weight: normal;
	letter-spacing: -0.05em;

	white-space: nowrap;
	margin: 0 4px 0 0;
}
@media screen and (min-width: 769px){
	.block-member-info--value-label {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
		margin: 0 14px 0 0;
		width: auto;
	}
}

#body .block-member-info--value-label + input,
#body .fieldset .checktype_zip input,
#body .fieldset .checktype_pref select {
	width: calc(242 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-member-info--value-label + input,
	#body .fieldset .checktype_zip input,
	#body .fieldset .checktype_pref select {
		width: 160px;
	}
}

input[type="tel2"] {
	padding: 4px;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
	max-width: 100%;
}
@media screen and (min-width: 769px){
	#body .fieldset .checktype_mail input,
	#body .fieldset .checktype_cmail input,
	#body .fieldset .checktype_tel input,
	#body .fieldset .checktype_tel2 input,
	#body .fieldset .checktype_comp input,
	#body .fieldset .checktype_dept input {
		width: 310px;
	}
	#body .fieldset .checktype_pref select {
		width: 125px;
	}
	#body .fieldset .checktype_addr input,
	#body .fieldset .checktype_addr2 input,
	#body .fieldset .checktype_addr3 input {
		width: 400px;
	}
}

#body .fieldset .block-member-info--sex select {
	width: calc(200 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .fieldset .block-member-info--sex select {
		width: 100px;
	}
}

#body .fieldset .checktype_date select:nth-child(1) {
	width: calc(200 / 750 * 100vw);
	margin: 0 4px 0 0;
}
@media screen and (min-width: 769px){
	#body .fieldset .checktype_date select:nth-child(1) {
		width: 125px;
		margin: 0 10px 0 0;
	}
}

#body .fieldset .checktype_date select:nth-child(2),
#body .fieldset .checktype_date select:nth-child(3) {
	width: calc(150 / 750 * 100vw);
	margin: 0 4px 0 10px;
}
@media screen and (min-width: 769px){
	#body .fieldset .checktype_date select:nth-child(2),
	#body .fieldset .checktype_date select:nth-child(3) {
		margin: 0 10px 0 11px;
		width: 100px;
	}
}

#body .fieldset .block-member-info--job1 select {
	width: 100%;
}
@media screen and (min-width: 769px){
	#body .fieldset .block-member-info--job1 select {
		width: 400px;
	}
}

@media screen and (min-width: 769px){
	#body .fieldset .checktype_pwd input,
	#body .fieldset .checktype_cpwd input {
		width: 310px;
	}
}

.form-control .help-block {
	color: #000000;
	font-size: 10px;
	letter-spacing: 0.05em;
	margin: 6px 0 -3px;
}
@media screen and (min-width: 769px){
	.form-control .help-block {
		color: #000000;
		font-size: 12px;
		letter-spacing: 0.05em;
		margin: 6px 0 -4px;
	}
}

.form-control .help-block.block-addr2-message {
	color: #ff0137;
}

.radio {
	margin-right: 20px;
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.radio {
		font-size: 14px;
	}
}

@media screen and (min-width: 769px){
	.block-member-info--custappend1 .form-control {
		height: 71px;
		max-height: 100%;
	}
}

.form-control .block-login--display-password {
	width: 100%;
	display: flex;
	margin-top: 10px;
	gap: 0;
	font-size: 12px;
}

#body .form-control .block-login--display-password input[type="checkbox"] {
	-webkit-user-select: auto;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	cursor: pointer;
	vertical-align: middle;
}

.block-member-info--use-spoofing-protection {
	margin-top: calc(19 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-member-info--use-spoofing-protection {
		margin-top: 20px;
	}
}

#body .fieldset .block-member-info--use-spoofing-protection .form-control {
	margin-top: calc(48 / 750 * 100vw);
	gap: 0;
	font-size: 12px;
}
@media screen and (min-width: 769px){
	#body .fieldset .block-member-info--use-spoofing-protection .form-control {
		margin-top: 0;
		gap: 0;
		padding: 30px 0 30px 25px;
		font-size: 14px;
	}
}

.block-member-info--mailnews .form-control {
	padding: calc(30 / 750 * 100vw) 0;
}
@media screen and (min-width: 769px){
	.block-member-info--mailnews .form-control {
		padding: 25px 0 25px 25px;
	}
}

.checkbox {
	margin-right: 0;
}
.block-member-info--message-password {
	font-size: 12px;
	margin-top: 4px;
}
@media screen and (min-width: 769px){
	.block-member-info--message-password,
	.block-member-info--message-password + .block-member-info--message {
		font-size: inherit;
		margin: 10px auto 0;
		padding: 0;
		border-bottom: none;
		max-width: 930px;
	}
	.block-member-info--message-password + .block-member-info--message {
		margin: 0 auto;
	}
}

.page-telcustomerupdate #body .action .btn {
	margin: calc(60 / 750 * 100vw) auto 0;
}
@media screen and (min-width: 769px){
	.page-telcustomerupdate #body .action-buttons {
		margin: 50px auto 30px;
	}
	.page-telcustomerupdate #body .action .btn {
		margin: 0 auto;
	}
}

/* update_check */
#body .block-member-info-confirmation {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-member-info-confirmation {
		margin: 50px auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-member-info-confirmation h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-member-info-confirmation h1 {
		font-size: 24px;
		line-height: 1;
	}
}

.block-member-info-confirmation--form {
	margin-top: calc((45 / 750 * 100vw) - 7px);
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--form {
		margin: 24px auto 0;
	}
}

.block-member-info-confirmation--message {
	font-size: 12px;
	letter-spacing: 0.05em;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--message {
		font-size: 14px;
		line-height: 1.72;
	}
}

#body .block-member-info-confirmation .legend ~ .legend,
.block-member-info-confirmation--items.block-member-info-confirmation--items-mailnews .legend {
	display: none;
}

#body .block-member-info-confirmation .legend ~ .legend + .fieldset-vertical {
	border-top: 1px solid #e5e5e5;
	margin-top: calc(50 / 750 * 100vw);
}

.legend ~ .legend + .block-member-info-confirmation--message {
	margin-top: 4px;
	padding: 0 0 calc((30 / 750 * 100vw) - 5px);
	border-bottom: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.legend ~ .legend + .block-member-info-confirmation--message {
		margin: 5px auto 0;
		padding: 0;
		border-bottom: none;
		max-width: 930px;
	}
}

@media screen and (min-width: 769px){
	#body .block-member-info-confirmation input[name="name"], #body .block-member-info-confirmation input[name="name2"], #body .block-member-info-confirmation input[name="kana"], #body .block-member-info-confirmation input[name="kana2"] {
		max-width: auto;
	}
}

@media screen and (min-width: 769px){
	#body .block-member-info-confirmation .fieldset {
		margin-top: 40px;
	}
	#body .block-member-info-confirmation .fieldset ~ .fieldset {
		margin-top: 25px;
	}
	#body .block-member-info-confirmation .fieldset .form-control {
		display: table-cell;
		vertical-align: middle;
	}
}

.block-member-info-confirmation--name .js-efo,
.block-member-info-confirmation--kana .js-efo {
	width: calc(50% - (20 / 750 * 100vw));
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--name .js-efo,
	.block-member-info-confirmation--kana .js-efo {
		width: auto;
	}
}

.block-member-info-confirmation--value-label {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin: 0 9px 0 0;
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--value-label {
		font-size: 14px;
		font-weight: normal;
		letter-spacing: 0.05em;
		margin: 0 14px 0 0;
		width: auto;
	}
}

.block-member-info-confirmation--value-label + input,
.fieldset-vertical .checktype_zip input,
.fieldset-vertical .checktype_pref select {
	width: calc(242 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--value-label + input,
	.fieldset .checktype_zip input,
	.fieldset .checktype_pref select {
		width: 160px;
	}
}

.fieldset-vertical .block-member-info-confirmation--sex select {
	width: calc(200 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.fieldset .block-member-info-confirmation--sex select {
		width: 100px;
	}
}

.fieldset-vertical .block-member-info-confirmation--job1 select {
	width: 100%;
}
@media screen and (min-width: 769px){
	.fieldset .block-member-info-confirmation--job1 select {
		width: 400px;
	}
}

.block-member-info-confirmation--use-spoofing-protection {
	margin-top: calc(19 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--use-spoofing-protection {
		margin-top: 20px;
	}
}

.block-member-info-confirmation--use-spoofing-protection .form-control {
	margin-top: calc(48 / 750 * 100vw);
	gap: 0;
	font-size: 12px;
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--use-spoofing-protection .form-control {
		margin-top: 0;
		gap: 0;
		padding: 30px 0 30px 25px;
		font-size: 14px;
	}
}

.block-member-info-confirmation--mailnews .form-control {
	padding: calc(30 / 750 * 100vw) 0;
}
@media screen and (min-width: 769px){
	.block-member-info-confirmation--mailnews .form-control {
		padding: 25px 0 25px 25px;
	}
}

@media screen and (min-width: 769px){
	.block-member-info-confirmation--message-password,
	.block-member-info-confirmation--message-password + .block-member-info-confirmation--message {
		margin: 10px auto 0;
		padding: 0;
		border-bottom: none;
		max-width: 930px;
	}
	.block-member-info-confirmation--message-password + .block-member-info--message {
		margin: 0 auto;
	}
}

@media screen and (min-width: 769px){
	#body .block-member-info-confirmation .action-buttons {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0 20px;
		width: 520px;
		margin: 50px auto 0;
	}
}

#body .action-buttons .form-control {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0;
	margin: calc(30 / 750 * 100vw) 0 calc(50 / 750 * 100vw);
}

.action-buttons + .block-member-info-confirmation--login-state-saving .form-control {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0;
	margin-top: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.action-buttons + .block-member-info-confirmation--login-state-saving .form-control {
		margin: 25px auto;
	}
	.block-member-info-confirmation--login-state-saving .block-member-info-confirmation--login-state-saving-message {
		width: 100%;
		text-align: center;
		display: none;
	}
}

#body .action ~ .action .btn {
	margin-top: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .action ~ .action .btn {
		margin-top: 0;
	}
	#body .block-member-info-confirmation .action .btn {
		margin: 0;
	}
}

/* update_comp */
#body .block-member-registration-completed {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-member-registration-completed {
		margin: 50px auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

#body .block-member-registration-completed h1 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	#body .block-member-registration-completed h1 {
		font-size: 24px;
		line-height: 1;
	}
}

#body .block-member-registration-completed .block-member-registration-completed--message {
	margin-top: calc(44 / 750 * 100vw)
}
@media screen and (min-width: 769px){
	#body .block-member-registration-completed h1 + p {
		margin-top: 20px;
	}
}

/* ========================================
	2023.05 フリーソースエリア表示調整
======================================== */
.block-header-message {
	margin: calc(40 / 750 * 100vw) 0;
}
@media screen and (min-width: 769px){
	.block-header-message {
		margin: 0;
	}
	h1 + .block-header-message {
		margin-top: 24px;
	}
}
.block-footer-message {
	margin: calc(40 / 750 * 100vw) 0;
}
@media screen and (min-width: 769px){
	.block-footer-message {
		margin: 0;
	}
}
strong.attention {
	margin: 0;
	color: #ff0137;
	font-weight: bold;
}
a.link {
	text-decoration: underline;
}
a.link:hover {
	text-decoration: none;
}

h1 + .message_,
h1 + .notice_,
.message_ + .message_ {
	margin-top: calc((45 / 750 * 100vw) - 7px);
}
@media screen and (min-width: 769px){
	h1 + .message_,
	h1 + .notice_,
	.message_ + .message_ {
		margin-top: 24px;
	}
}

.note-list li {
	font-size: 12px;
	line-height: 1.72;
	text-indent: -1.25em;
	padding-left: 1.25em;
}
@media screen and (min-width: 769px){
	.note-list li {
		font-size: inherit;
		line-height: 1.72;
	}
}

@media screen and (min-width: 769px){
	.block-order-method--container {
		margin: 35px 0 0;
	}
	.block-order-flow--step + form .block-order-method--container {
		margin: 0;
	}
}

.block-order-method--payment-method-note-list {
	margin: calc(40 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-order-method--payment-method-note-list {
		margin: 40px 0 0;
	}
}
.block-order-method--payment-method-note-list li {
	line-height: 1.72;
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (min-width: 769px){
	.block-order-method--payment-method-note-list li {
		line-height: 1.72;
	}
}
.block-order-method--payment-method-note-list li + li {
	margin-top: 1em;
}

.block-order-estimate-attention {
	margin-top: 1em;
}
.block-order-estimate .attention strong {
	font-weight: bold;
}
@media screen and (min-width: 769px){
	.page-estimate .block-order-estimate .attention {
		font-size: 12px;
		margin-top: 24px;
	}
	.page-estimate .block-order-estimate .attention strong {
		font-size: 14px;
	}
}

.block-update-new-password--form + .block-footer-message {
	margin-top: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-update-new-password .block-header-message {
		margin-top: 24px;
	}
	.block-update-new-password--form + .block-footer-message {
		margin-top: 50px;
	}
}

@media screen and (min-width: 769px){
	.block-order-complete .block-order-complete--orderinfo {
		border: none;
		padding: 0;
		margin-bottom: 0;
	}
}

.block-purchase-history-detail .block-header-message {
	margin: calc(40 / 750 * 100vw) 0 0;
}
.block-purchase-history-detail .block-footer-message {
	margin: calc(40 / 750 * 100vw) 0;
}
@media screen and (min-width: 769px){
	.block-purchase-history-detail .block-header-message {
		margin: 24px 0 0;
	}
	.block-purchase-history-detail .block-footer-message {
		margin: 50px 0 0;
	}
}

.block-user-review--review-contribution-condition-body h4 {
	margin-top: 1em;
	font-weight: bold;
}
.block-user-review--review-contribution-condition-body span.attention {
	display: inline;
	color: #ff0137;
	font-weight: normal;
}
.block-user-review--review-contribution-condition-body .block-user-review--signature {
	margin-top: 2em;
	text-align: right;
}

.block-regular-purcharse-list .block-header-message {
	margin: calc(40 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-regular-purcharse-list .block-header-message {
		margin: 24px 0 0;
	}
}
.block-regular-purcharse-note-list {
	margin: calc(40 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-regular-purcharse-note-list {
		margin: 40px 0 0;
	}
}
.block-regular-purcharse-note-list li {
	font-size: 12px;
	line-height: 1.72;
	text-indent: -1em;
	padding-left: 1em;
}
@media screen and (min-width: 769px){
	.block-regular-purcharse-note-list li {
		font-size: inherit;
		line-height: 1.72;
	}
}

h1 + .block-regular-purcharse-note-list {
	margin-top: calc((45 / 750 * 100vw) - 7px);
}
@media screen and (min-width: 769px){
	h1 + .block-regular-purcharse-note-list {
		margin-top: 24px;
	}
}

.block-header-message span.attention,
.block-footer-message span.attention,
.message_ span.attention,
.note-list span.attention {
	display: inline;
	color: #ff0137;
	font-weight: normal;
}

@media screen and (min-width: 769px){
	.block-regular-purcharse-cycle-info-update .block-footer-message {
		margin-top: 50px;
	}
}

.page-nextdt .block-header-message,
.block-regular-purcharse-cycle-info-update .block-header-message {
	margin: calc(40 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.page-nextdt .block-header-message,
	.block-regular-purcharse-cycle-info-update .block-header-message {
		margin: 24px 0 0;
	}
}

.block-regular-purcharse-cancellation--cannot-message {
	margin: calc((45 / 750 * 100vw) - 7px) 0 0;
}
@media screen and (min-width: 769px){
	.block-regular-purcharse-cancellation--cannot-message {
		margin: 24px 0 0;
	}
}

.block-member-info .note-list {
	margin: calc(40 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-member-info .note-list {
		margin: 40px 0 0;
	}
}