@charset "utf-8";
/* 画面毎のスタイルを定義 */

/*--------------------------------------------------------
	共通
-------------------------------------------------------*/
/*
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/NotoSerifJP-ExtraLight.otf') format('opentype');
}
*/
body {
	font-family: "Noto Sans CJK JP";
	font-size: 16px;
	line-height: 1.7;
	font-weight: 300;
}

.mincho {
	font-family:'Cormorant SC', 'Noto Serif Japanese', "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.twoColumns form[name="formMain"] {
	width: 100%;
	float: right;
	margin-left: -280px;
	padding-left: 280px;
}

a,a:visited {
	color: #4C4C4C;
	transition: 0.7s;
	text-decoration: none;
}

a:hover {
	color: #cc0000;
}

a img {
	transition: 0.7s;
}

a:link.line {
	text-decoration: underline;
}

select {
	border-radius: 0;
	border: 1px solid #4c4c4c;
	padding: 6px;
}

.level_h3.mincho {
	font-size: 20px;
	font-weight: bold;
}

.contents p, .contents .table {
	margin-bottom: 30px;
}
.contents .table:last-child {
 	margin-bottom: 30px;
}
.table select {
	border: 1px solid #bbb;
}

input[type="button"],
input[type="submit"],
a[class*="btn_"],
input.btn_1[type="submit"],
input.btn_1[type="button"] {
	width: 100%;
	background-color: #fff;
	background-image: none;
	border: 1px solid #000;
	display: block;
	margin: auto;
	font-size: 1em;
	font-weight: normal;
	box-shadow: none;
	border-radius: 0;
	transition: 0.7s;
	line-height: 1;
	font-family: "Noto Sans CJK JP";
}

input[type="button"]:hover,
input[type="submit"]:hover,
a[class*="btn_"]:hover,
input.btn_1[type="submit"]:hover,
input.btn_1[type="button"]:hover {
	background-image: none;
	background-color: #f7f6f5;
	color: #cc0000 !important;
	border: 1px solid #cc0000;
	box-shadow: none;
}

a[class*="btn_"]:after, input[type="button"]:after, input[type="submit"]:after, input[type="reset"]:after, button[type="button"]:after, button[type="submit"]:after, button[type="reset"]:after {
	line-height: 13px;
	content: none;
}

a.link-btn:hover {
	border:1px solid #cc0000;
}

input[type="button"].postCodeSearchButton,
input[type="button"].senderPostCodeSearchButton,
input[type="button"].orderPostCodeSearchButton {
	width: 150px;
	font-size: 0.9em;
	margin: 10px 0 0;
}
input.btn_lg[type="button"].addInqButton {
	width: 100%;
}

input.btn_lg.saveButton,
input.btn_lg.newButton,
input.loginButton,
input.loginButton.btn_1,
input.btn_1[type="submit"].confirmButton,
input.btn_1[type="submit"].saveButton,
input.btn_lg[type="submit"].reminderButton,
input.btn_lg[type="button"].addInqButton,
input[type="button"].selfOrderLink,
input[type="button"].giftOrderLink,
input.btn_1[type="button"].inquiryResponseAddConfirmButton,
a[class*="btn_"].enqueteLink,
a[class*="btn_"].netMemberAddButton,
input[type="button"].guestButton,
input[type="button"].orderLink2 {
	background-color: #000;
	color: #fff !important;
}
/* JALUX:3次 ↓↓↓↓↓ */
#orderLink2,
#selfOrderLink,
#giftOrderLink,
.selfOrderLink,
.giftOrderLink,
#GiftOrderInfoInput #saveButton,
#GiftOrderInfoConfirm #saveButton {
	background-color: #cc0000;
	border: 0px;
}
#orderLink2:hover,
#selfOrderLink:hover,
#giftOrderLink:hover {
    opacity: 0.7;
}
#Cart #titleItemWrap,
#Cart #buttonGroup .pagePartsHtmlText,
#GiftOrderSelect #titleItemWrap,
#OrderLogin #titleItemWrap,
#GiftOrderInfoInput #titleItemWrap,
#GiftOrderInfoConfirm #titleItemWrap,
#GiftWrappingInput #titleItemWrap,
#GiftSenderDestinationInput #titleItemWrap
{
	display: none;
}
/* JALUX:3次 ↑↑↑↑↑ */

input.btn_lg.saveButton:hover,
input.btn_lg.newButton:hover,
input.loginButton:hover,
input.btn_1[type="submit"].confirmButton:hover,
input.btn_1[type="submit"].saveButton:hover,
input.btn_1[type="submit"].reminderButton:hover,
input.btn_lg[type="button"].addInqButton:hover,
input[type="button"].selfOrderLink:hover,
input[type="button"].giftOrderLink:hover,
input.btn_1[type="button"].inquiryResponseAddConfirmButton:hover,
a[class*="btn_"].enqueteLink:hover,
a[class*="btn_"].netMemberAddButton:hover,
input[type="button"].orderLink2:hover {
	border: 1px solid #cc0000;
	background-color: #cc0000;
	color: #fff !important;
	box-shadow: none;
}

input[type="text"], input[type="search"], input[type="tel"], input[type="url"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], textarea, select {
/*	margin-right: 10px;*/
	margin-right: 0px;
}
textarea {
	padding: 5px;
}

input.name {
	width: 180px;
}

.table .name-group {
	display: inline-block;
}

.table .exsample,
.table .password-word-count {
	display: inline-block;
	font-size: 90%;
}

@media screen and (max-width: 768px) {
	select {
		-webkit-appearance: menulist;
	}
}

/* clearfix - micro clearfix */
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* ----- For IE 6/7 (trigger hasLayout)----- */
.cf {
	zoom:1;
}
.cf-both {
	clear: both;
}

/* 必須 */
.required:after {
	background: #cc0000;
	border-radius: 6px;
}

/* 条件付き必須 */
.required_condition:after {
	background: #cc0000;
	border-radius: 6px;
}
.telNo1_itemLabel .required_condition:after,
.mobileNo1_itemLabel .required_condition:after {
	content: "どちらか必須";
}

/* エラーメッセージ、アラートメッセージ */
.alertMessage.alertMessage-important {
	color: #cc0000;
}
.alertMessage.alertMessage-important:before {
	color: #cc0000;
}
.alertMsg,
.errorMessage {
	color: #cc0000;
}
.errorMessage {
	text-align: center;
}
.alertMsg.alertMsg-error {
	color: #cc0000;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding-left: 0;
}
span.alertMessageContentTitle,
div.alertMessageContentTitle {
	color: #cc0000;
	text-align: left;
}
span.alertMessageContentTitle:before,
div.alertMessageContentTitle:before {
	color: #cc0000;
}
li.alertMessageContent:before {
	color: #cc0000;
}
.messageGroup {
	margin-bottom: 30px;
}

.th,
.table th {
	background: #fdeeef;
}
.table.th_30 .th,
.table.th_30 th {
	background: #fdeeef;
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime-local"],
input[type="number"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button[type="button"],
button[type="submit"],
button[type="reset"],
textarea,
select {
	border-radius: 5px;
}

/*IE9*/
a[class*="btn_"]:not(:target),
input[type="button"]:not(:target),
input[type="submit"]:not(:target),
input[type="reset"]:not(:target),
button[type="button"]:not(:target),
button[type="submit"]:not(:target),
button[type="reset"]:not(:target),
a.btn_1:not(:target),
input.btn_1[type="button"]:not(:target),
input.btn_1[type="submit"]:not(:target),
input.btn_1[type="reset"]:not(:target),
button.btn_1[type="button"]:not(:target),
button.btn_1[type="submit"]:not(:target),
button.btn_1[type="reset"]:not(:target)  {
  border-radius: 0; /* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
  a[class*="btn_"]:not(:target),
  input[type="button"]:not(:target),
  input[type="submit"]:not(:target),
  input[type="reset"]:not(:target),
  button[type="button"]:not(:target),
  button[type="submit"]:not(:target),
  button[type="reset"]:not(:target),
  a.btn_1:not(:target),
  input.btn_1[type="button"]:not(:target),
  input.btn_1[type="submit"]:not(:target),
  input.btn_1[type="reset"]:not(:target),
  button.btn_1[type="button"]:not(:target),
  button.btn_1[type="submit"]:not(:target),
  button.btn_1[type="reset"]:not(:target) {
	border-radius: 0; /* IE10以上 */
  }
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}

#sb-site, .sb-site-container, .sb-slide, .sb-slidebar {
	transform: inherit;
}
#sb-site {
	max-width: 1024px;
	margin: auto;
	padding: 10px 20px;
}
@media screen and (max-width: 768px) {
	#sb-site {
		background-color: #fff;
		max-width: 1024px;
		margin: auto;
		padding: 0px;
	}
}

.scroll-top-wrap {
	position: fixed;
	right: 30px;
	z-index: 9999;
}

.scroll-top-wrap.absolute,
.following-cart-wrap.absolute {
	position: absolute;
	display: none;
}

.following-cart-wrap {
	position: fixed;
	right: 30px;
	z-index: 9999;
	text-align: center;
}

.following-cart-wrap a {
	background-color: #cc0000;
	color: #fff;
	text-decoration: none;
	border-radius: 2em;
	font-size: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	line-height: 1;
	position: relative;
}

.following-cart-wrap a:hover,
.goods-cart-btn-wrap .cart-btn a:hover {
	opacity: 0.7;
}

.following-cart-wrap .following-cart i.fa {
	color: #fff;
	top: 0;
	font-size: 100%;
	display: block;
}

.following-cart-wrap .following-cart .incart-num {
	position: absolute;
	top: 25px;
	right: 0;
	left: 0;
	margin: auto;
	font-size: 20px;
}

.following-cart-wrap .following-cart .wording {
	font-size: 10px;
	display: block;
}

@media screen and (max-width: 768px) {
	.scroll-top-wrap {
		bottom: 30px;
		right: 20px;
	}

	.following-cart-wrap {
		bottom: 90px;
		right: 20px;
	}

	.following-cart-wrap a {
		border-radius: 2em;
		font-size: 35px;
		width: 60px;
		height: 60px;
		padding: 5px;
	}

	.following-cart-wrap .following-cart .incart-num {
		top: 14px;
		font-size: 15px;
	}

	.following-cart-wrap .following-cart .wording  {
		display: none;
	}

	.table .name-group {
		margin-bottom: 5px;
	}

	.table.th_30 .th,
	.table.th_30 th {
		padding: 5px 10px;
		font-size: 14px;
	}

	.formArea .table .th {
		width: 100%;
	}

	#buttonGroup {
		margin-bottom: 50px;
	}
}


/* フォーム下のボタン（戻る・決定等） */
#buttonGroup.buttonArea,
.loginButtonGroup {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#buttonGroup.buttonArea .btn_lg,
.loginButtonGroup .authButton {
	min-width: 225px;
}

#buttonGroup.buttonArea .itemWrap:nth-of-type(2) {
	padding-left: 10px;
}

@media screen and (max-width: 768px) {
	.returnLink {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
	}
	#buttonGroup.buttonArea .itemWrap:nth-of-type(2) {
		padding-left: 0;
	}
	.loginButtonGroup {
		position: relative;
		width: 90%;
		height: 110px;
		margin: 10px auto 0;
	}
	.loginButtonGroup .authButtonItemWrap,
	.loginButtonGroup .authButton,
	.addInqButtonItemWrap {
		width: 100%;
	}
	.shoppingButton {
		height: 50px;
	}
}


/* パンくず */
#breadcrumb {
	padding: 15px 0 30px;
	font-size: 14px;
}

#breadcrumb ul {
	display: flex;
	flex-wrap: wrap;
}

#breadcrumb ul li:not(:last-child):after {
	content: ">";
	padding: 0 15px;
}

#breadcrumb ul li:last-child {
	color: #cc0000;
}


/* メインコンテンツ */
.contents {
	max-width: 1024px;
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}

.contents-section {
	margin-bottom: 60px;
	clear: both;
}

.title-wrap {
	margin-bottom: 15px;
}

.title-wrap.center  {
	text-align: center;
}

.level_h2.title {
	font-size: 20px;
	font-weight: 600;
}

.title-wrap h3.title {
	line-height: 1;
	padding-bottom: 5px;
	display: inline-block;
	/*text-shadow: -1px -1px 0 #666,1px 1px 0 #ddd;*/
}

.title-wrap h4.title {
	line-height: 1;
	display: inline-block;
}

.link-btn {
	padding: 6px 20px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 1px #000;
	color: #000;
	transition: 0.7s;
}

.link-btn:hover {
	text-decoration: none;
	background-color: #f7f6f5;
}

.link-btn span {
	width: 100%;
}

.link-btn-wrap a {
	display: block;
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
}

.link-btn-wrap a:hover {
	text-decoration: none;
}

.link-btn-wrap a:hover .link-btn {
	border: solid 1px #cc0000;
	color: #cc0000;
}

.link-btn-wrap {
	margin: 30px 0;
}

.border-box {
	border: 1px solid #d3d4d5;
}

.item-list {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
}

.item-list .item {
	width: 20%;
	padding-right: 15px;
}

.item img {
	width: 100%;
	height: auto;
}

.item-info {
	padding: 10px;
	font-size: 14px;
}

.item-price {
	text-align: right;
	font-size: 14px;
}

/* 値段・マイル・ポイント */
.contents p.goods-item-price,
.contents p.goods-item-mile {
	margin-bottom: 0;
}
.item-mile,
.item-point {
	text-align: right;
	color: #cc0000;
}

/* NEW・マイルアップ中タグ */
.contents p.goods-item-tag {
	margin-bottom: 0;
}
.goods-item-tag span {
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 5px;
	padding: 2px 8px;
}
.check-item-info .goods-item-tag span {
	font-size: 0.8em;
}
/*JALUX:改修案件 ここから*/
/* 
.goods-item-tag .tag-new {
	background-color: #cc0000;
	border: 1px solid #cc0000;
	color: #fff;
}
.goods-item-tag .tag-mileup {
	border: 1px solid #cc0000;
	color: #cc0000;
}
*/
.goods-item-tag .tag-new {
	border: 1px solid #cc0000;
	color: #cc0000;
	font-weight: bold;
	box-sizing: border-box;
}
.goods-item-tag .tag-mileup {
	background-color: #cc0000;
	border: 1px solid #cc0000;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
}
.goods-item-tag .tag-sale {
	background-color: #009acc;
	border: 1px solid #009acc;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
}
/*JALUX:改修案件 ここまで*/

@media screen and (max-width: 768px) {
	.goods-item-tag .tag-new,
	.goods-item-tag .tag-mileup,
	.goods-item-tag .tag-sale,
	.check-item-info .goods-item-tag span {
		font-size: 0.7em;
	}
}

@media screen and (max-width: 768px) {
	#breadcrumb {
		padding-bottom: 15px;
		font-size: 12px;
	}

	#breadcrumb ul li:not(:last-child):after {
		padding: 0 10px;
	}

	.title-wrap {
		margin-bottom: 20px;
	}

	.link-btn {
		font-size: 15px;
	}

	.link-btn-wrap {
		margin: 20px 0;
	}

	.contents-section {
		margin-bottom: 45px;
	}

	.item-list {
		flex-wrap: wrap;
	}

	.item-list .item {
		width: 33.3333%;
		padding-bottom: 20px;
	}
	
	
}

@media screen and (max-width: 510px){
	.item-list .item {
		width: 50%;
	}
}


/* カテゴリーメニュー */
.category-menu {
	width: 250px;
	padding-right: 30px;
	float: left;
	margin-bottom: 50px;
}

.category-unit {
	padding-bottom: 30px;
}

.category-title {
	padding-bottom: 5px;
	display: block;
	font-weight: 500;
}

.category-menu-item {
	border-bottom: 1px solid #b3b6b7;
}

.category-menu-title {
	padding: 7px 0;
	width: 100%;
	display: flex;
	align-items: center;
}

.category-menu-detail a {
	padding: 7px 0;
	display: block;
	width: 100%;
}

.category-menu-detail {
	padding-left: 1em;
	padding-bottom: 5px;
	display: none;
	border-top: 1px solid #f7f6f5;
}

.after-list {
	margin-left: auto;
	cursor: pointer;
}

.after-list:after {
	content: "+";
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 30px;
}

.after-list.open:after {
	content: "－";
}


@media screen and (max-width: 768px) {
	.category-menu {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	.category-title {
		text-align: center;
	}

	.category-menu-item {
		padding: 0 20px;
	}

	.category-menu-list {
	}
	/* .main */
-	.twoColumns form[name="formMain"] {
-		width: 100%;
-		float: none;
-		margin-left: 0;
-		padding-left: 0;
-	}
}



/*--------------------------------------------------------
	ヘッダー
-------------------------------------------------------*/


/*--------------------------------------------------------
	フッター
-------------------------------------------------------*/
footer {
	border-top: 1px solid #B3B6B7;
}

.footer-logo-wrap {
	display: flex;
	max-width: 1200px;
	width: 100%;
	justify-content: center;
	margin: auto;
	padding-bottom: 30px;
}

.footer-logo-wrap img {
	width: 200px;
}

.footer-item-wrap {
	padding: 15px;
	height: 100%;
}

.item-list .item.footer-item {
	width: 20%;
}

.footer-title {
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
	font-weight: bold;
}

.footer-lower {
	align-items: baseline;
}

.footer-info-list {
	font-size: 13px;
	display: flex;
	flex-wrap: wrap;
}

.footer-info-list li {
	padding-right: 30px;
}

/*.JAL-link {
	margin-left: auto;
}*/
.footer-more-info {
	margin-left: auto;
}
.JALCard-agent {
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
}
.JAL-link {
	display: inline-block;
	vertical-align: top;
}

.ssl-secure {
	padding: 15px 0;
	display: flex;
}

.copyright {
	margin-left: auto;
}

@media screen and (max-width: 768px) {
	.item-list .item.footer-item {
		width: 50%;
	}

	.footer-info-list {
		justify-content: center;
		width: 100%;
	}

	/*.JAL-link {
		margin: auto;
		padding-top: 15px;
	}*/
	.footer-more-info {
		margin: 15px auto 0 auto;
	}
	.JALCard-agent,
	.JAL-link {
		/*margin: auto;
		padding-top: 15px;*/
		margin: 0 10px;
		padding-top: 0;
	}

	.ssl-secure {
		justify-content: center;
		width: 100%;
	}

	.copyright {
		margin: auto;
		font-size: 12px;
	}
}

@media screen and (max-width: 510px) {
	.footer-item-wrap {
		padding: 0;
	}
}

/* 最近チェックした商品 */

.check-list.item-list {
	flex-wrap: nowrap;
}

.contents-section .check-title.title {
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	.check-list.item-list {
		flex-wrap: wrap;
	}
}




/*--------------------------------------------------------
	フォーム
-------------------------------------------------------*/
input.nameSei,
input.nameMei,
input.nameSeiKana,
input.nameMeiKana,
input.senderNameSei,
input.senderNameMei,
input.senderNameSeiKana,
input.senderNameMeiKana {
	width: 12em;
}
input.birthdayYear {
	width: 5em;
}
input.birthdayMonth,
input.birthdayDay {
	width: 3em;
	vertical-align: top;
}
select.birthdayMonth,
select.birthdayDay {
	vertical-align: top;
}
input.postCode1,
input.postCode,
input.senderPostCode {
	width: 12em;
}

.table {
	border: none;
}
tfoot .PAGING_DETAILS_ROW td {
	border: none;
	padding-top: 0;
}

.table .suffixLabel {
	font-size: 0.9em;
}

.resultsShowMaxLine {
	margin-top: 50px;
}
.pageInfo {
	margin: 10px 0 30px;
}
.resultsShowMaxLine::before {
	content: "表示件数 [";
	display: inline-block;
}
.resultsShowMaxLine::after {
	content: "]";
	display: inline-block;
}
.resultsShowMaxLine .SEPARATOR_MAX_SELECT::after {
	content: "|";
	display: inline-block;
}
.resultsShowMaxLine .SEPARATOR_MAX_SELECT:last-child::after {
	content: normal;
}

ul.pagination a.PAGING_LINK,
ul.pagination a.PAGING_LINK_PAGE {
	min-width: 0;
	min-height: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	padding: 0;
	border: none;
	font-size: 1em;
}
ul.pagination a.PAGING_LINK:hover,
ul.pagination a.PAGING_LINK_PAGE:hover {
	background: none;
}
ul.pagination .PAGING_LINK_NOW_PAGE,
ul.pagination .PAGING_LINK_NOW_PAGE:hover {
	min-width: 0;
	min-height: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
	padding: 0;
	border: none;
	font-size: 1em;
	font-weight: normal;
	color: #cc0000;
}

.MAX_SELECT_NOW_PAGE {
	background: none;
	border: none;
	color: #cc0000;
	font-weight: normal;
}
#results .pageInfo ul.pagination > li a,
#results .pageInfo ul.pagination .PAGING_LINK_NOW_PAGE,
#results .pageInfo ul.pagination .PAGING_LINK_NOW_PAGE:hover {
	padding: 0 10px;
}

ul.pagination li:nth-last-child(2):not(.PAGING_NEXT_DISABLE) a .PAGING_NEXT:after,
ul.pagination li:nth-child(2):not(.PAGING_BEFORE_DISABLE) a .PAGING_BEFORE:before {
	font-size: 1em;
}
ul.pagination li:nth-child(2):not(.PAGING_BEFORE_DISABLE) a .PAGING_BEFORE:after,
ul.pagination li:nth-last-child(2):not(.PAGING_NEXT_DISABLE) a .PAGING_NEXT:before {
	content: normal;
}
ul.pagination > li a:hover {
	text-decoration: underline;
	color: #cc0000;
}



@media print, screen and (max-width: 768px) {
	ul.pagination li:nth-child(1),
	ul.pagination li:nth-last-child(1){
		display: inline-block;
	}
}






.pagingResultsShow {
	font-size: 1em;
	line-height: inherit;
}
.resultsDataNumber::before {
    content: "全\00a0";
    display: inline-block;
}
.resultsDataNumber::after {
    content: "\00a0件中\00a0\00a0\00a0\00a0";
    display: inline-block;
}
.resultsEndNumber::before,
.favoritesEndNumber::before {
	content: "\00a0-\00a0";
	display: inline-block;
}
.resultsEndNumber::after,
.favoritesEndNumber::after {
	content: "\00a0件";
	display: inline-block;
}

.alertMessage.alertMessage-important:before,
span.alertMessageContentTitle:before,
div.alertMessageContentTitle:before {
	content: "※";
}
.orderRow {
	border-radius: 0;
}

.campaignListButtonGroup,
.orderListButtonGroup,
.regularlyListButtonGroup {
	display: flex;
	justify-content: center;
}

@media screen and (max-width: 768px) {
	.topGroupName input.nameSei,
	.topGroupName input.nameMei,
	.topGroupName input.senderNameSei,
	.topGroupName input.senderNameMei {
/*		margin-right: calc(100% - 14em); 2020/06/16 amagasa*/
		margin-right: calc(100% - 13em);
	}
	.topGroupName input.nameSeiKana,
	.topGroupName input.nameMeiKana,
	.topGroupName input.senderNameSeiKana,
	.topGroupName input.senderNameMeiKana {
		margin-right: calc(100% - 15em);
	}
	.topGroupName input.nameSei,
	.topGroupName input.nameMei,
	.topGroupName input.nameSeiKana,
	.topGroupName input.nameMeiKana,
	.topGroupName input.senderNameSei,
	.topGroupName input.senderNameMei,
	.topGroupName input.senderNameSeiKana,
	.topGroupName input.senderNameMeiKana {
		margin-bottom: 5px;
	}
	.topGroupName input.birthdayYear,
	.topGroupName input.birthdayMonth,
	.topGroupName input.birthdayDay {
		margin: 0 0 0 5px;
	}
	.topGroupName select#birthdayYear {
		display: block;
		width: auto;
		margin-bottom: 5px;
	}
	.topGroupName select#birthdayMonth,
	.topGroupName select#birthdayDay {
		margin-right: 0;
	}
	.birthdayMonthSuffixLabel,
	.birthdayDaySuffixLabel {
		display: inline-block;
		margin-top: 7px;
		margin-right: 10px;
	}
	.nameMeiSuffixLabel,
	.nameMeiKanaSuffixLabel,
	.postCode1SuffixLabel,
	.postCodeSuffixLabel,
	.telNo1PostSuffixLabel,
	.mobileNo1PostSuffixLabel,
	.faxNo1PostSuffixLabel,
	.senderNameMeiSuffixLabel,
	.senderNameMeiKanaSuffixLabel,
	.senderPostCodeSuffixLabel {
		display: block;
	}
	tfoot .PAGING_DETAILS_ROW td {
		padding-left: 0;
	}
}


/*--------------------------------------------------------
	エラーページ
-------------------------------------------------------*/
/* 404 not found */
body.notFound .error {
	margin: 120px auto 60px;
}
body.notFound .error p {
	color: #4C4C4C;
}
body.notFound .error .errorMessage p:nth-of-type(3) {
	margin-bottom: 0;
}
body.notFound .mainText {
	font-size: 2em;
	margin-bottom: 0;
	text-indent: 1em;
}
body.notFound #errors {
	margin-top: 60px;
}
body.notFound .guideLink {
	display: flex;
	margin-bottom: 120px;
}
body.notFound .guideLink ul {
	flex-grow: 1;
}
body.notFound .guideLink ul:first-of-type li {
	text-align: right;
	padding-right: 60px;
}
body.notFound .guideLink ul:last-of-type li {
	padding-left: 60px;
	padding-bottom: 10px;
}

@media screen and (max-width: 768px) {
	body.notFound .error {
		margin-top: 40px;
	}
	body.notFound .mainText {
		text-indent: 0;
		line-height: 1.5;
		margin-bottom: 0.5em;
	}
	body.notFound .error .errorMessage p:nth-of-type(3) {
		margin-bottom: 1em;
	}
	body.notFound .error .errorMessage p:nth-of-type(3),
	body.notFound .error .errorMessage p:nth-of-type(4) {
		text-align: left;
	}


	body.notFound .guideLink ul:first-of-type li {
		padding-right: 0;
		text-align: center;
	}
	body.notFound .guideLink ul:last-of-type li {
		padding-left: 0;
		text-align: center;
	}
}


/*--------------------------------------------------------
	共通クラス
-------------------------------------------------------*/

.max-1200 {
	max-width: 1240px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.new-line {
	display: block;
}

.new-line-sp {
	display: inline;
}


/* フォントサイズ */

.font-reset {
	font-size: 15px;
}

.font-12 {
	font-size: 12px;
}

.font-14 {
	font-size: 14px;
}

.font-18 {
	font-size: 18px;
}

.font-20 {
	font-size: 20px;
}

.font-22 {
	font-size: 22px;
}

.font-25 {
	font-size: 25px;
}

.font-27 {
	font-size: 27px;
}

.font-30 {
	font-size: 30px;
}

.font-35 {
	font-size: 35px;
}

.font-50 {
	font-size: 50px;
}


/* 背景色 */

.back-white {
	background-color: #FFFFFF;
}

.back-lightgray {
	background-color: #f7f5f6;
}

.back-gray {
	background-color: #B3B6B7;
}

.back-black {
	background-color: #4C4C4C;
}


/* 文字色 */

.black {
	color: #4C4C4C;
}

.gray {
	color: #B3B6B7;
}

.white {
	color: #fff;
}

.red {
	color: #cc0000;
}

.beige {
	color: #AF9164;
}

.sp-on {
	display: none;
}

.pc-on {
	display: block;
}


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

	.sp-on {
		display: block;
	}

	.pc-on {
		display: none;
	}


	.new-line {
		display: inline;
	}

	.new-line-sp {
		display: block;
	}


	/* フォントサイズ */

	.fontSP-reset {
		font-size: 15px;
	}

	.fontSP-12 {
		font-size: 12px;
	}

	.fontSP-14 {
		font-size: 14px;
	}

	.fontSP-18 {
		font-size: 18px;
	}

	.fontSP-20 {
		font-size: 20px;
	}

	.fontSP-22 {
		font-size: 22px;
	}

	.fontSP-25 {
		font-size: 25px;
	}

	.fontSP-27 {
		font-size: 27px;
	}

	.fontSP-30 {
		font-size: 30px;
	}

	.fontSP-35 {
		font-size: 35px;
	}

	.fontSP-50 {
		font-size: 50px;
	}


	/* 背景色 */

	.backSP-white {
		background-color: #FFFFFF;
	}

	.backSP-lightgray {
		background-color: #f7f5f6;
	}

	.backSP-gray {
		background-color: #B3B6B7;
	}

	.backSP-black {
		background-color: #4C4C4C;
	}


	/* 文字色 */

	.SP-black {
		color: #4C4C4C;
	}

	.SP-gray {
		color: #B3B6B7;
	}

	.SP-white {
		color: #fff;
	}

	.SP-red {
		color: #cc0000;
	}

	.SP-beige {
		color: #AF9164;
	}

	.sp-on {
		display: block;
	}
}