//span{
//	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
//}

body {
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif !important;
}

/* -------------------------------------
	header
----------------------------------------*/
.common-header {
}

/* -------------------------------------
	footer
----------------------------------------*/
.common-footer {
	position: relative;
	margin-top: auto;
	padding: 20px;
	background: #333;
}
.common-footer .copyright {
	text-align: center;
	color:#7f7f7f;
	font-size: 14px;
}


/* -------------------------------------
	container
----------------------------------------*/
.container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background: #f2f2f2;
}

/* -------------------------------------
	TOPロゴ
----------------------------------------*/
.common-header__inner img.top_bnr {
	width: 100%;
}
.common-header__inner img.campaign_bnr {
	width: 60%;
	margin:0 20% 2%;
	max-width: 60%;
}

@media screen and (min-width: 880.1px) {
	.common-header__inner img.top_bnr {
		max-width: 880px;
		margin: 0 calc(50% - 440px);
	}
}
@media screen and (min-width: 1466px) {
	.common-header__inner img.campaign_bnr {
		max-width: 880px;
		margin: 0 calc(50% - 440px) 2%;
	}
}



/* -------------------------------------
	検索エリア
----------------------------------------*/
.search-section{
	margin: 0 0 0 calc(50% - 440px);
}
@media screen and (max-width: 880px) {
	.search-section{
		margin: 0 0 0 2vw;
	}
}
.search-title {
	padding: 10px 0 0 0;
	color: #767676;
	font-size: 18px;
	font-weight: bold;
}

.search-container {
	display: flex;
	flex-direction: column;
	gap: 15px;
	padding: 10px 0;
}
.br_sp{
	display:none;
}

.search-info {
	display: none;
}

.search-form-hint {
	background-color: #00b0f0;
	color: #fff;

	border-radius: 50%;

	line-height: 28px;
	width: 28px;
	height: 28px;
	padding: 0;
	text-align: center;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
/*IDのヒント*/
.search-form-hint:hover {
	background: #039dd5;
	color: #fff;
	transform: scale(1.15);
}


.search-info-area {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0 15px;
}
.search-info-area .search-info-item {
		display:inline-block;
	}
.search-info-area .search-info-box {
	display:inline-block;
	background: #fff;
	padding: 5px 10px;
}
.search_br {
	margin:3px 0;
}


.search-form-id {
	display: flex;
	align-items: center;
	gap: 0 10px;
}
.search-form-id label {
	width: 250px;
	display: contents;
}

@media screen and (max-width: 670px) {
	.search-form-id label {
		width: 150px;
	}
}
.search-form-id .error-message {
	font-size: 12px;
	color: #ff7676;
	display: none; /* 非表示に */
}
.search-form-id input {
	width: 100%;
	max-width: 250px;
	height: 34px;
	padding: 1px 5px 1px 8px;
	border: 2px solid #00B0F0;
	box-sizing: border-box;
	color: #000;
	outline: none;
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
}
.search-form-id input:invalid:focus {
	border: solid 2px #c20c33;
	background: #ffd9e1;
}
.search-form-id button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	max-width: 90px;
	height: 34px;
	border: none;
	background-color: #00B0F0;
	color: #fff;
	cursor: pointer;
	border-radius: 15px;
}
.search-form-id button:hover {
	background-color: #039dd5;
}

@media screen and (max-width: 670px) {
	.search-form-id button {
		width: 20%;
	}
}
.search-error-msg,
.search-error-msg2
{
	display: none;
	color: red;
}

@media screen and (max-width: 470px) {
	.search-container {
		padding: 1vw 0 3vw 0;
		gap: 0px;
	}
	.br_sp{
		display:block;
	}

	.search-info-area {
		display: block;
		font-size:14px;
	}
	.search-info-area .search-info-item {
		width:110px;
		padding: 1vw 0vw;
	}
	.search-info-area .search-info-box {
		width:calc(-110px + 85vw);
		padding: 1vw 2vw;
	}
	.search_br{
		margin: 10px auto;
	}
	.search-form-id {
		padding: 0;
		font-size:14px;
		display:block;
	}
	.search-form-id label {
		font-size:3.2vw;
		width: 33vw;
		height: 26px;
		border-radius: 15px;
	}
	.search-form-id input {
		width: 40vw;
		height: 26px;
		font-size:14px;

	}
	.search-form-id button {
		width: 20vw;
		height: 26px;
		display:inline-block;
	}
	.search-form-hint {
		font-size: 14px;
		display: inline-block;
		line-height: 20px;
		width: 20px;
		height: 20px;
		margin-bottom: 8px;
	}
	.search-error-msg, .search-error-msg2 {
		margin-top: 2vw;
		font-size: 3.2vw;
	}
}


/** ネジレン **/
.search-info-rila {
	display: none;
	width: 90%;
	max-width: 650px;
}

.search-info-rila ul {
	background: #fffcf4;
	border-radius :8px;
	box-shadow :0px 0px 5px silver;
	padding: 0.5em;
}
.search-info-rila li {
	line-height: 1.5;
/*	padding: 0.5em 0;*/
	font-size: 0.9rem;

}
@media screen and (max-width: 470px) {
	.search-info-rila {
/*		margin-top: 3%;*/
	}
}


/* ヒント：モーダル */
.modal-pop{
	width: 100vw;
	height: 100vh;
	position:fixed;
	top: 0;
	left:0;
	z-index:9997!important;
	display: none;
}
.modal-pop-bg{
	background-color: #1119;
	width: 100%;
	height: 100%;
	position:fixed;
	z-index:9998!important;
}
.modal-pop-main {
	position: relative;
	background: #fff;
	width: 70%;
	# height: 70%;
	max-width: 600px;
	# max-height: 440px;

	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	padding: 10px;
	border: 4px solid #7F7F7F;
	box-sizing: border-box;

}

@media screen and (max-width: 670px) {
	.modal-pop-main {
		top: 40%;
		width: 90%;
	}
}

.modal-content{
	line-height: 28px;
	color: #777777;
}
.modal-hint-title {
	background: #D9D9D9;
	font-weight: bold;
	color: #7F7F7F;
	padding: 5px;
}
.modal-hint-image {
	text-align: center;
	overflow-y: scroll;
	max-height: min(57vw, 430px);
}
.modal-hint-image img {
	width: 90%;
}
.modal-close {
	display: block;
	margin: 10px auto 0;

	background: #fff;
	width: 40%;
	text-align: center;
	border: 2px solid #BFBFBF;
	border-radius: 10px;
	padding: 5px;
	color: #BFBFBF;
	font-weight: bold;
}
@media screen and (max-width: 670px){
	.modal-pop-main {
		max-width: 400px;
		max-height: 340px;
	}
	.modal-content {
		line-height: 150%;
		font-size: 14px;
	}
	.modal-hint-image {
		max-height: min(62vw, 190px);
	}
	.modal-hint-image img {
		max-width: 310px;
	}
}


/* -------------------------------------
	商品一覧
----------------------------------------*/

#merch_section{
	background: #e8e8e8;
}
.merch_limit{
	filter: brightness(0.4);
}
.merch_limit:hover{
	filter: brightness(0.4);
}

.ruby_banner,
.pack_banner{
	font-size: 18px;
    color: #767676;
    width: 100%;
    text-align: left;
	padding: 0px 12px;
    font-weight: bold;
}
.ruby_banner{
	margin-top:25px;
}
.ruby_banner.nopack{
	margin-top:0;
}
.item-wrapper {
	background: #e8e8e8;
	text-align: left;
	padding: 10px;
}
@media screen and (min-width: 900.1px) {
	.item-wrapper {
		width:900px;
		margin:auto;
	}
}

/** CARD **/
.small_space{
	height:5px;
}
.middle_space{
	height:15px;
}
.big_space{
	height:33px;
}
.merchandise,
.merchandise2 {
	display: inline-block;
}
.merchandise .card,
.merchandise2 .card {
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 160px;
	margin: 25px 5px 10px 5px;
	position: relative;
}
/*cardオーバーしたときに上に動く部分*/
.merchandise .card:hover {
	transform: translate(0, -5px);
}
.merchandise .card-btn,
.merchandise2 .card-btn {
	    color: #754624;
	    border: solid 3px #b0b0b0;
	    background-color: #f2f2f2;
	    display:inline-block;
	    border-radius:20px;
	    box-shadow: 0px 5px 0px #c0c0c0;
}
.merchandise .card-btn-free,
.merchandise2 .card-btn-free {
	color: #ffffff;
	border: solid 3px #b48900;
	background-color: #cf9e00;
	display:inline-block;
	border-radius:20px;
	box-shadow: 0px 5px 0px #c0c0c0;
}
.merchandise:hover .card-btn,
.merchandise:hover .card-btn-free {
	box-shadow: 0px 8px 0px #c0c0c0;
	color: #ffffff;
	border: solid 3px #03b2de;
	background-color: #06cdff;
	cursor: pointer;
}
.merchandise .card-image,
.merchandise2 .card-image {
	height:220px;
	width:154px;
	background-image: url("/image/common/card_bg_out.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-color:#ffffff;
	border-top-left-radius:18px;
	border-top-right-radius:18px;
}
.merchandise:hover .card-image {
	background-image: url("/image/common/card_bg_over.png");
	cursor: pointer;
}
/** パック **/
.merchandise .card-image .card-image-pack,
.merchandise2 .card-image .card-image-pack {
	width:100%;
	margin-top:20px;
	margin-bottom:6px;
}
.merchandise .card-image .card-supplement,
.merchandise2 .card-image .card-supplement {
	font-size:16px;
	color:#03b2de;
	padding:5px 0px 5px 0px;

	/*margin-top: 28px;  temp */
}
.merchandise .card-image .card-supplement img,
.merchandise2 .card-image .card-supplement img {
	width:70px;
	display:inline-block;
	vertical-align:middle;
}
.merchandise .card-image .card-supplement b,
.merchandise2 .card-image .card-supplement b{
	display:inline-block;
	vertical-align:middle;
	width:80px;
	text-align:center;
}
/** 通貨 **/
.merchandise .card-image .card-image-currency_2,
.merchandise2 .card-image .card-image-currency_2 {
    height: 100%;
    margin-top: 20px;
    max-height: 80px;
}
.merchandise .card-image .card-image-currency,
.merchandise2 .card-image .card-image-currency {
	width:100%;
	margin-top:15px;
}
/**メダロットS,すみすみ（ルビー）ボーナス表示**/
.merchandise .card-image .card-supplement-currency1,
.merchandise2 .card-image .card-supplement-currency1{
	font-size:16px;
	color:#ff004e;
}
/*すみすみ若干文字小さく */
.merchandise .card-image .card-supplement-currency3,
.merchandise2 .card-image .card-supplement-currency3 {
	font-size:15px;
	color:#ff004e;
}
.merchandise .card-image .card-supplement-currency1 img,
.merchandise2 .card-image .card-supplement-currency1 img,
.merchandise .card-image .card-supplement-currency3 img,
.merchandise2 .card-image .card-supplement-currency3 img {
	width:70px;
	display:inline-block;
	vertical-align:middle;
}
.merchandise .card-image .card-supplement-currency1 b,
.merchandise2 .card-image .card-supplement-currency1 b,
.merchandise .card-image .card-supplement-currency3 b,
.merchandise2 .card-image .card-supplement-currency3 b {
	display:inline-block;
	vertical-align:middle;
	width:80px;
	text-align:center;
}

/**メダサバ（ダイヤ）ボーナス表示（メダS合わせ）**/
.merchandise .card-image .card-supplement-currency6,
.merchandise2 .card-image .card-supplement-currency6{
	margin-top: 3px;
	font-size:13px;
	color:#ff004e;
}
.merchandise .card-image .card-supplement-currency6 img,
.merchandise2 .card-image .card-supplement-currency6 img {
	width:55px;
	display:inline-block;
	vertical-align:middle;
}
.merchandise .card-image .card-supplement-currency6 b,
.merchandise2 .card-image .card-supplement-currency6 b {
	display:inline-block;
	vertical-align:middle;
	width:90px;
	text-align:center;
}

/**ねじれん　ボーナス表示**/
.merchandise .card-image .card-supplement-currency2,
.merchandise2 .card-image .card-supplement-currency2,
.merchandise .card-image .card-supplement-currency4,
.merchandise2 .card-image .card-supplement-currency4,
.merchandise .card-image .card-supplement-currency5,
.merchandise2 .card-image .card-supplement-currency5 {
	margin-top: 3px;
	font-size:13px;
	color:#ff004e;
}
.merchandise .card-image .card-supplement-currency2 img,
.merchandise2 .card-image .card-supplement-currency2 img ,
.merchandise .card-image .card-supplement-currency4 img,
.merchandise2 .card-image .card-supplement-currency4 img,
.merchandise .card-image .card-supplement-currency5 img,
.merchandise2 .card-image .card-supplement-currency5 img  {
	width:55px;
	display:inline-block;
	vertical-align:middle;
}
.merchandise .card-image .card-supplement-currency2 b,
.merchandise2 .card-image .card-supplement-currency2 b,
.merchandise .card-image .card-supplement-currency4 b,
.merchandise2 .card-image .card-supplement-currency4 b,
.merchandise .card-image .card-supplement-currency5 b,
.merchandise2 .card-image .card-supplement-currency5 b {
	display:inline-block;
	vertical-align:middle;
	width:90px;
	text-align:center;
}

/** 無料 **/
.merchandise .card-image .card-supplement-free,
.merchandise2 .card-image .card-supplement-free {
	font-size:16px;
	color:#03b2de;
	padding:5px 0px 5px 0px;
}
.merchandise .card-image .card-supplement-free img,
.merchandise2 .card-image .card-supplement-free img {
	width:70px;
	display:inline-block;
	vertical-align:middle;
}
.merchandise .card-image .card-supplement-free b,
.merchandise2 .card-image .card-supplement-free b {
	display:inline-block;
	vertical-align:middle;
	width:80px;
	text-align:center;
}

.merchandise .card-image .card-image-currency-text1,
.merchandise2 .card-image .card-image-currency-text1{
	display:inline-block;
	font-size:28px;
	color:#754624;
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translate(-50%, 0px);
}
.merchandise .card-image .card-image-currency-text2,
.merchandise2 .card-image .card-image-currency-text2 {
	width: 100%;
	display:inline-block;
	font-size:14px;
	color:#754624;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 2px);
}
.merchandise .card-image .card-image-currency-text2.site4,
.merchandise2 .card-image .card-image-currency-text2.site4,
.merchandise .card-image .card-image-currency-text2.site5,
.merchandise2 .card-image .card-image-currency-text2.site5 {
	font-size:13px;
}

/*メダサバ(ひとまずメダSと一緒)*/
.merchandise .card-image .card-image-currency-text2.site6,
.merchandise2 .card-image .card-image-currency-text2.site6 {
	font-size:13px;
}


.merchandise .card-price,
.merchandise2 .card-price {
	text-align:left;
	padding:5px 5px 5px 15px;
}
.merchandise .card-price span,
.merchandise2 .card-price span {
	font-size:18px;
}
.merchandise .card-term,
.merchandise2 .card-term {
	width: 100px;
	background-color: #f2f2f2;
	border-radius: 10px;
	display: inline-block;
	font-weight: bold;
	font-size: 13px;
	color: #848484;
	position: absolute;
	top: -4px;
	left: 50%;
	transform: translate(-50%, 7px);
}
.merchandise .card-sale,
.merchandise2 .card-sale {
	width: 160px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -23px);
}
.merchandise .card-benefits-bg,
.merchandise2 .card-benefits-bg {
	width: 166px;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -2px);
	max-width: unset;
}
/*ルビー */
.merchandise .card-benefits-text1,
.merchandise2 .card-benefits-text1,
.merchandise .card-benefits-text3,
.merchandise2 .card-benefits-text3 {
	display: inline-block;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	top: 60%;
	width: 100%;
	left: 50%;
	transform: translate(-50%, 5px);
}
/*ジュエル */
.merchandise .card-benefits-text2,
.merchandise2 .card-benefits-text2,
.merchandise .card-benefits-text4,
.merchandise2 .card-benefits-text4,
.merchandise .card-benefits-text5,
.merchandise2 .card-benefits-text5 {
	display: inline-block;
	font-size: 11.3px;
	color: #FFFFFF;
	position: absolute;
	top: 60%;
	width: 100%;
	left: 50%;
	transform: translate(-50%, 5px);
}
/*ダイヤ*/
.merchandise .card-benefits-text6,
.merchandise2 .card-benefits-text6 {
	display: inline-block;
	font-size: 12px;
	color: #FFFFFF;
	position: absolute;
	top: 60%;
	width: 100%;
	left: 50%;
	transform: translate(-50%, 5px);
}
/* -------------------------------------
	商品一覧(スマホ版は出し分ける)
----------------------------------------*/
@media screen and (max-width: 560px) {
.kaigyo{
	display:none;
}
.item-wrapper{
	padding:0;
}
.item-container{
	display: grid;
	text-align: center;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}

/** CARD **/
.small_space{
	display:none;
	height:0.93vw;
}
.middle_space{
	display:none;
	height:2.79vw;
}
.big_space{
	display:none;
	height:6.13vw;
}
.merchandise .card,
.merchandise2 .card{
	height: 50.75vw;
	width: 32vw;
	margin: 25px 0px 10px 0px;
}


.merchandise .card-btn,
.merchandise2 .card-btn {
	display: grid;
    grid-template-rows: 84%;
    grid-gap: 1vw;
	height:100%;

    border: solid 0.558vw #b0b0b0;
    border-radius: 3.741vw;
    box-shadow: 0px 0.93vw 0px #c0c0c0;
}

.merchandise .card-btn-free,
.merchandise2 .card-btn-free{
    display: grid;
    grid-template-rows: 84%;
    grid-gap: 1vw;
    height: 100%;

	border: solid 0.558vw #b48900;
    border-radius: 3.741vw;
    box-shadow: 0px 0.93vw 0px #c0c0c0;

}

.merchandise .card-image,
.merchandise2 .card-image {
	height:100%;
	width:100%;
    border-top-left-radius: 10%;
    border-top-right-radius: 10%;
}

/** パック **/
.merchandise .card-image .card-image-pack,
.merchandise2 .card-image .card-image-pack {
	width:100%;
#	margin-top: 4vw;
        margin-top: 4.1vw;
	margin-bottom: 0;
}
.merchandise .card-image .card-supplement,
.merchandise2 .card-image .card-supplement {
	position: absolute;
    font-size: 3vw;
    bottom: 18%;
    width: 100%;
	padding:0;
	left:0;
}
.merchandise .card-image .card-supplement img,
.merchandise2 .card-image .card-supplement img {
	width:13vw;
}
.merchandise .card-image .card-supplement b,
.merchandise2 .card-image .card-supplement b{
	width:14vw;
}

/** 通貨 **/
.merchandise .card-image .card-image-currency_2,
.merchandise2 .card-image .card-image-currency_2 {
	height: 37%;
    margin-top: 14%;
}
.merchandise .card-image .card-image-currency,
.merchandise2 .card-image .card-image-currency{
	width:100%;
	margin-top:15px;
}
/**メダロットS,すみすみ（ルビー）ボーナス表示**/
.merchandise .card-image .card-supplement-currency1,
.merchandise2 .card-image .card-supplement-currency1{
	position: absolute;
    font-size: 3vw;
    bottom: 18%;
    width: 100%;
	left:0;
}
/*すみすみ若干文字小さく */
.merchandise .card-image .card-supplement-currency3,
.merchandise2 .card-image .card-supplement-currency3{
	position: absolute;
    font-size: 2.7vw;
    bottom: 18%;
    width: 100%;
	left:0;
}
.merchandise .card-image .card-supplement-currency1 img,
.merchandise2 .card-image .card-supplement-currency1 img,
.merchandise .card-image .card-supplement-currency3 img,
.merchandise2 .card-image .card-supplement-currency3 img {
	width:13vw;
}
.merchandise .card-image .card-supplement-currency1 b,
.merchandise2 .card-image .card-supplement-currency1 b,
.merchandise .card-image .card-supplement-currency3 b,
.merchandise2 .card-image .card-supplement-currency3 b {
	width:14vw;
}


/**ねじれん,他（ジュエル）ボーナス表示**/
.merchandise .card-image .card-supplement-currency2,
.merchandise2 .card-image .card-supplement-currency2,
.merchandise .card-image .card-supplement-currency4,
.merchandise2 .card-image .card-supplement-currency4,
.merchandise .card-image .card-supplement-currency5,
.merchandise2 .card-image .card-supplement-currency5{
	position: absolute;
    font-size: 2.5vw;
    bottom: 18.5%;
    width: 100%;
	left:0;
}
.merchandise .card-image .card-supplement-currency2 img,
.merchandise2 .card-image .card-supplement-currency2 img,
.merchandise .card-image .card-supplement-currency4 img,
.merchandise2 .card-image .card-supplement-currency4 img,
.merchandise .card-image .card-supplement-currency5 img,
.merchandise2 .card-image .card-supplement-currency5 img {
	width:10vw;
}
.merchandise .card-image .card-supplement-currency2 b,
.merchandise2 .card-image .card-supplement-currency2 b,
.merchandise .card-image .card-supplement-currency4 b,
.merchandise2 .card-image .card-supplement-currency4 b,
.merchandise .card-image .card-supplement-currency5 b,
.merchandise2 .card-image .card-supplement-currency5 b {
	width:18vw;
}


/**メダサバ（ダイヤ）ボーナス表示**/
.merchandise .card-image .card-supplement-currency6,
.merchandise2 .card-image .card-supplement-currency6{
	position: absolute;
    font-size: 2.7vw;
    bottom: 18.5%;
    width: 100%;
	left:0;
}
.merchandise .card-image .card-supplement-currency6 img,
.merchandise2 .card-image .card-supplement-currency6 img {
	width:10vw;
}
.merchandise .card-image .card-supplement-currency6 b,
.merchandise2 .card-image .card-supplement-currency6 b {
	width:18vw;
}


/** 無料 **/
.merchandise .card-image .card-supplement-free,
.merchandise2 .card-image .card-supplement-free{
	font-size:3vw;
	padding:1vw 0px;
}
.merchandise .card-image .card-supplement-free img,
.merchandise2 .card-image .card-supplement-free img {
	width:13vw;
}
.merchandise .card-image .card-supplement-free b,
.merchandise2 .card-image .card-supplement-free b {
	width:14.85vw;
}

.merchandise .card-image .card-image-currency-text1,
.merchandise2 .card-image .card-image-currency-text1 {
	font-size:5.2vw;
}

.merchandise .card-image .card-image-currency-text2,
.merchandise2 .card-image .card-image-currency-text2{
	font-size:2.6vw;
}
.merchandise .card-image .card-image-currency-text2.site4,
.merchandise2 .card-image .card-image-currency-text2.site4,
.merchandise .card-image .card-image-currency-text2.site5,
.merchandise2 .card-image .card-image-currency-text2.site5 {
	font-size:2.5vw;
}

/*メダサバ(ダイヤ)*/
.merchandise .card-image .card-image-currency-text2.site6,
.merchandise2 .card-image .card-image-currency-text2.site6 {
	font-size:2.6vw;
}

.merchandise .card-price,
.merchandise2 .card-price {
	padding:0vw 1vw 0vw 2.8vw;
}
.merchandise .card-price span,
.merchandise2 .card-price span {
	font-size:3.34vw;
}
.merchandise .card-term,
.merchandise2 .card-term {
	width: 18.57vw;
	border-radius: 1.85vw;
	top:-0.8vw;
	font-size: 2vw;
	transform: translate(-50%, 1.3vw);
}
.merchandise .card-sale,
.merchandise2 .card-sale {
	width: 29.7vw;
	transform: translate(-50%, -4.27vw);
}
.merchandise .card-benefits-bg,
.merchandise2 .card-benefits-bg {
	width: 32vw;
	height: 5vw;
	transform: translate(-50%, 0px);
	top: 31vw;
}

.merchandise .card-benefits-text1,
.merchandise2 .card-benefits-text1,
.merchandise .card-benefits-text3,
.merchandise2 .card-benefits-text3 {
	font-size: 2.3vw;
	width: 32vw;
    height: 5vw;
    line-height: 5.5vw;
    transform: translate(-50%, 0px);
    top: 31vw;
}
.merchandise .card-benefits-text2,
.merchandise2 .card-benefits-text2,
.merchandise .card-benefits-text4,
.merchandise2 .card-benefits-text4,
.merchandise .card-benefits-text5,
.merchandise2 .card-benefits-text5 {
	font-size: 2vw;
    width: 32vw;
    height: 5vw;
    line-height: 5.5vw;
    transform: translate(-50%, 0px);
    top: 31vw;
}
.merchandise .card-benefits-text6,
.merchandise2 .card-benefits-text6 {
	font-size: 2.3vw;
	width: 32vw;
    height: 5vw;
    line-height: 5.5vw;
    transform: translate(-50%, 0px);
    top: 31vw;
}

.merchandise .card-price b,
.merchandise2 .card-price b{
	display:block;
}

}

@media screen and (max-width: 440px) {
	.merchandise .card-term,
	.merchandise2 .card-term {
		top:0;
	}
}


/* 非表示 */
.card-notyet-ul
{
	display: none!important;
}

.card-notyet-ul-upper
{
	display: none!important;
}

/* -------------------------------------
	おしらせ関連
----------------------------------------*/
.common-info {
	background: #fff;
	color: #999999;
	padding: 10px;
	line-height: 1.5rem;
}
.common-info a {
	color: #999999;
	text-decoration: underline;
}

.common-info .links {
	margin-top:20px;
}

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


/********************
	サイト間リンクバナー
********************/
@media screen and (min-width: 561px) {
	.site-link-banner {
		background-color: #e8e8e8;
		text-align: center;
		padding: 40px 0;
		width: 100%;
	}
	.site-link-banner img {
		width: 100%;
		max-width: 500px;
	}
}
@media screen and (max-width: 560px) {
	.site-link-banner {
		background-color: #e8e8e8;
		text-align: center;
		padding: 40px 0;
		width: 100%;
	}
	.site-link-banner img {
		width: 90%;
	}
}