@charset "utf-8";

/**********************************************
	共通
***********************************************/
/*---------------------------------------------
	body,font
  ---------------------------------------------*/
html {
    min-height: 100%;
    position: relative;
}

body {
    font-family: "Noto Sans Japanese", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 300;
    color: #222;
}

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

/*---------------------------------------------
	anchor
  ---------------------------------------------*/
a,a:visited {
    color: #0078db;
    transition: 0.7s;
    text-decoration: none;
}

a:hover {
    color: #0078db;
}

a i.fa {
    transition: 0.7s;
}

a:hover i.fa {
    opacity: 0.7;
}

a img {
    transition: 0.7s;
}

a:hover img {
	opacity: 0.7;
}

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

/*---------------------------------------------
	h1-hx
  ---------------------------------------------*/
.level_h1 {
	font-size: 2em;
	line-height: 1.3;
}
.level_h1 span {
}
.level_h2 {
	font-size: 1.75em;
	line-height: 1.3;
}
.level_h3 {
	font-size: 1.5em;
	line-height: 1.3;
}

@media screen and (max-width: 510px) {
	.level_h1 {
		font-size: 1.75em;
		line-height: 1.3;
	}
	.level_h2 {
		font-size: 1.5em;
		line-height: 1.3;
	}
	.level_h3 {
		font-size: 1.3em;
		line-height: 1.3;
	}
}

/*---------------------------------------------
	フォーム (common.css をリセット)
  ---------------------------------------------*/

/* 入力系
-----------------------------------------------*/

/* ----- 基本スタイル ----- */
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-color: #d8d8d8;
	border-radius: 0;
	margin-right: 10px;
	color: #222;
	font-family: "Noto Sans Japanese", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

input[type="text"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="button"]:-ms-input-placeholder,
input[type="submit"]:-ms-input-placeholder,
input[type="reset"]:-ms-input-placeholder,
button[type="button"]:-ms-input-placeholder,
button[type="submit"]:-ms-input-placeholder,
button[type="reset"]:-ms-input-placeholder {
	color: #9c9c9c;
	font-weight: normal;
}

/* ボタン系
-----------------------------------------------*/

/* ----- 基本スタイル ----- */
a[class*="btn_"],
input[type="button"],
input[type="submit"],
input[type="reset"],
button[type="button"],
button[type="submit"],
button[type="reset"],

a.btn_1,
input.btn_1[type="button"],
input.btn_1[type="submit"],
input.btn_1[type="reset"],
button.btn_1[type="button"],
button.btn_1[type="submit"],
button.btn_1[type="reset"],

a.btn_2,
input.btn_2[type="button"],
input.btn_2[type="submit"],
input.btn_2[type="reset"],
button.btn_2[type="button"],
button.btn_2[type="submit"],
button.btn_2[type="reset"] {
	color: #222 !important;
	border-radius: 0;
	background-color: inherit;
	background-image: none;
	border-color: #222;
	box-shadow: none;
	display: block;
	filter: none;
	font-family: "Noto Sans Japanese", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1;
	transition: 0.7s;
	width: 100%;
	max-width: 320px;
	margin-right: auto;
	margin-left: auto;
}
@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),

	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以上 */
  }
}

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,

input.btn_1[type="button"]:after,
input.btn_1[type="submit"]:after,
input.btn_1[type="reset"]:after,
button.btn_1[type="button"]:after,
button.btn_1[type="submit"]:after,
button.btn_1[type="reset"]:after {
	content: none;
}

a[class*="btn_"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button[type="button"]:hover,
button[type="submit"]:hover,
button[type="reset"]:hover,

input.btn_1[type="button"]:hover,
input.btn_1[type="submit"]:hover,
input.btn_1[type="reset"]:hover,
button.btn_1[type="button"]:hover,
button.btn_1[type="submit"]:hover,
button.btn_1[type="reset"]:hover {
	background-color: inherit;
	background-image: none;
	filter: none;
	color: inherit;
	text-decoration: none;
	box-shadow: none;
	opacity: 0.7;
}

/* ----- ボタンの色 ----- */
/* ボタン　レベル0 */
a.btn_0,
input.btn_0[type="button"],
input.btn_0[type="submit"],
input.btn_0[type="reset"],
button.btn_0[type="button"],
button.btn_0[type="submit"],
button.btn_0[type="reset"] {
	color: #fff !important;
	background-color: #003f73;
	border-color: #003f73;
}
/* ボタン　レベル0　hover */
a.btn_0,
input.btn_0[type="button"]:hover,
input.btn_0[type="submit"]:hover,
input.btn_0[type="reset"]:hover,
button.btn_0[type="button"]:hover,
button.btn_0[type="submit"]:hover,
button.btn_0[type="reset"]:hover {
	color: #fff !important;
	background-color: #003f73;
	border-color: #003f73;
}
/* ボタン　レベル1 */
a.btn_1,
input.btn_1[type="button"],
input.btn_1[type="submit"],
input.btn_1[type="reset"],
button.btn_1[type="button"],
button.btn_1[type="submit"],
button.btn_1[type="reset"] {
	color: #fff !important;
	background-color: #005ca8;
	border-color: #005ca8;
}
/* ボタン　レベル1　hover */
a.btn_1:hover,
input.btn_1[type="button"]:hover,
input.btn_1[type="submit"]:hover,
input.btn_1[type="reset"]:hover,
button.btn_1[type="button"]:hover,
button.btn_1[type="submit"]:hover,
button.btn_1[type="reset"]:hover {
	color: #fff !important;
	background-color: #005ca8;
	border-color: #005ca8;
}
/* ボタン　レベル2 */
a.btn_2,
input.btn_2[type="button"],
input.btn_2[type="submit"],
input.btn_2[type="reset"],
button.btn_2[type="button"],
button.btn_2[type="submit"],
button.btn_2[type="reset"] {
	color: #222 !important;
	background-color: #fff;
	border-color: #005ca8;
}
/* ボタン　レベル2　hover */
a.btn_2:hover,
input.btn_2[type="button"]:hover,
input.btn_2[type="submit"]:hover,
input.btn_2[type="reset"]:hover,
button.btn_2[type="button"]:hover,
button.btn_2[type="submit"]:hover,
button.btn_2[type="reset"]:hover {
	background-color: #e5e5e5;
	opacity: 1;
}
/* ボタン　ログアウト */
button[type="button"]#Logout,
button[type="button"]#Logout:hover {
	color: #fff !important;
	background-color: #9c9c9c;
	border-color: #9c9c9c;
}
/* ボタン　閉じる */
.closeButton
a.closeButton,
input.closeButton[type="button"] {
	color: #222 !important;
	background-color: #fff;
	border-color: #005ca8;
}
.closeButton:hover
a.closeButton:hover,
input.closeButton[type="button"]:hover {
	background-color: #e5e5e5;
	opacity: 1;
}

/* ボタン　更新 */
.updateButton,
a.updateButton,
input.updateButton[type="button"] {
	color: #fff !important;
	background-color: #005ca8;
	border-color: #005ca8;
}
.updateButton:hover,
a.updateButton:hover,
input.updateButton[type="button"]:hover {
	color: #fff !important;
	background-color: #005ca8;
	border-color: #005ca8;
}

/* ボタン　詳細 */
a.detailButton,
.detailButton,
input.detailButton[type="button"] {
	color: #fff !important;
	background-color: #005ca8;
	border-color: #005ca8;
}
a.detailButton:hover,
.detailButton:hover,
input.detailButton[type="button"]:hover {
	color: #fff !important;
	background-color: #005ca8;
	border-color: #005ca8;
}

/* ボタン　削除 */
.deleteButton
a.deleteButton,
input.deleteButton[type="button"] {
	color: #222 !important;
	background-color: #fff;
	border-color: #005ca8;
}
.deleteButton:hover
a.deleteButton:hover,
input.deleteButton[type="button"]:hover {
	background-color: #e5e5e5;
	opacity: 1;
}

/* 問い合わせ */
input.nameSei,
input.nameMei,
input.nameSeiKana,
input.nameMeiKana,
input.senderNameSei,
input.senderNameMei,
input.senderNameSeiKana,
input.senderNameMeiKana,
input.destNameSei,
input.destNameMei,
input.destNameSeiKana,
input.destNameMeiKana {
	width: 12em;
}

/* 郵便番号 */
input.postCode1,
input.postCode,
input.senderPostCode {
	width: 12em;
}
input[type="button"].postCodeSearchButton,
input[type="button"].senderPostCodeSearchButton,
input[type="button"].orderPostCodeSearchButton {
	width: 150px;
	font-size: 0.9em;
	margin: 10px 0 0;
	color: #222 !important;
	background-color: #fff;
	border-color: #005ca8;
}
input[type="button"].postCodeSearchButton:hover,
input[type="button"].senderPostCodeSearchButton:hover,
input[type="button"].orderPostCodeSearchButton:hover {
	background-color: #e5e5e5;
	opacity: 1;
}

/* フォーム下のボタン（戻る・決定等） */
#buttonGroup, #bottomBtnGroup, #inputButtonGroup {
	display: flex;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
#buttonGroup .itemWrap:not(:last-child),
#bottomBtnGroup.itemWrap:not(:last-child),
#inputButtonGroup .itemWrap:not(:last-child) {
	padding-right: 10px;
}

.returnButton,
a.returnButton[class*="btn_"],
input[type="button"].returnButton,
.backButton,
a.backButton[class*="btn_"],
input[type="button"].backButton,
.returnLink,
a.returnLink,
input[type="button"].returnLink {
	min-width: 225px;
	color: #222 !important;
	background-color: #fff;
	border-color: #005ca8;
}
.returnButton:hover,
a.returnButton[class*="btn_"]:hover,
input[type="button"].returnButton:hover,
.backButton:hover,
a.backButton[class*="btn_"]:hover,
input[type="button"].backButton:hover,
.returnLink:hover,
a.returnLink:hover,
input[type="button"].returnLink:hover {
	background-color: #e5e5e5;
	opacity: 1;
}

#saveButton,
#completeButton,
#orderLink2,
#selfOrderLink,
#giftOrderLinks {
	color: #fff !important;
	background-color: #003f73;
	border-color: #003f73;
}

@media screen and (max-width: 768px) {
	.topGroupName input.nameSei,
	.topGroupName input.nameMei,
	.topGroupName input.nameSeiKana,
	.topGroupName input.nameMeiKana,
	.topGroupName input.senderNameSei,
	.topGroupName input.senderNameMei,
	.topGroupName input.senderNameSeiKana,
	.topGroupName input.senderNameMeiKana,
	.topGroupName input.destNameSei,
	.topGroupName input.destNameMei,
	.topGroupName input.destNameSeiKana,
	.topGroupName input.destNameMeiKana{
		margin-bottom: 5px;
		margin-right: 3px;
    width: 37%;
    max-width: 200px;
	}
	.nameMeiSuffixLabel,
	.nameMeiKanaSuffixLabel,
	.postCode1SuffixLabel,
	.postCodeSuffixLabel,
	.telNo1PostSuffixLabel,
	.mobileNo1PostSuffixLabel,
	.faxNo1PostSuffixLabel,
	.senderNameMeiSuffixLabel,
	.senderNameMeiKanaSuffixLabel,
	.senderPostCodeSuffixLabel {
		display: block;
	}
	tfoot .PAGING_DETAILS_ROW td {
		padding-left: 0;
	}

	/* フォーム下のボタン（戻る・決定等） */
	#buttonGroup, #bottomBtnGroup, #inputButtonGroup {
		-webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
		position: static;
    width: 100%;
    height: inherit;
	}
	#buttonGroup .itemWrap:not(:last-child), #bottomBtnGroup.itemWrap:not(:last-child), #inputButtonGroup .itemWrap:not(:last-child) {
    padding-right: 0;
	}
	#buttonGroup .itemWrap, #bottomBtnGroup.itemWrap, #inputButtonGroup .itemWrap {
		margin-bottom: 10px;
	}
	#continueLink2_link, #myPageButton_link, #returnButton_link, #returnButtonSp_link, #returnButton, #cartButton_link, .btn_second,
	#saveButton, #reminderButton, #registerButton, #confirmButton, #shopTopButton_link, #shoppingButtonSp_link, #newButton, #orderLink2, #resignButton, #completeButton, #selfOrderLink, #giftOrderLink, .btn_first {
		position: static;
		margin-left: auto;
		margin-right: auto;
	}
	#buttonGroup.buttonArea .btn_lg,
	.loginButtonGroup .authButton {
	margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 414px) {
	.topGroupName input.nameSei,
	.topGroupName input.nameMei,
	.topGroupName input.senderNameSei,
	.topGroupName input.senderNameMei,
	.topGroupName input.destNameSei,
	.topGroupName input.destNameMei,
	.topGroupName input.destNameSeiKana,
	.topGroupName input.destNameMeiKana {
		width: 34%;
	}
	.nameSeiKanaPreLabel,
	.nameMeiKanaPreLabel {
		letter-spacing: -0.15em;
	}
}

/**/

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

/* 入力欄エラーの背景色 */
.input_error,
input.input_error,
input.input_error[type="text"] {
	background: #f2dede;
	border: 1px solid #eed3d7;
}


/* エラーメッセージ、アラートメッセージ */
.errorGroup {
	margin-bottom: 20px;
}
.alertMsg.alertMsg-error {
	border-radius: 0;
	border: 0;
	box-shadow: none;
	padding: 0 0 10px 0;
}
span.alertMessageContentTitle:before,
div.alertMessageContentTitle:before,
.alertMessage.alertMessage-important:before {
	content: "※";
	font-family: "Noto Sans Japanese", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
li.alertMessageContent {
	margin-bottom: 10px;
}


/*---------------------------------------------
table
---------------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.table {
	border: none;
}
th, td,
.table th, .table td {
	border: 1px solid #d8d8d8;
}
th, .th, .table th,
.table.th_30 .th, .table.th_30 th {
	background: #f7f7f7;
	border-color: #d8d8d8;
}
.table select {
	border-color: #d8d8d8;
	margin-top: 1px;
	margin-bottom: 1px;
}
.contents .topGroupName p, .contents .topGroupName .table {
	margin-bottom: 30px;
}
.table .name-group,
.table .birth-group {
	display: inline-block;
	vertical-align: top;
}
.table .birth-group:first-of-type {
	margin-right: 10px;
}
.table .birth-group span {
	vertical-align: middle;
}
thead + tbody tr:first-child td {
    border-top: none;
}
tfoot .PAGING_DETAILS_ROW td {
    border: none;
    padding-top: 0;
}

/*
## 1カラム用レイアウト
*/
.oneColumn .topGroupName {
    width: 100%;
}


/*
## 2カラム用レイアウト
*/
.twoColumns form {
    /*float: left;*/
}
/*
## 2カラム用レイアウト topGroupName
*/
.twoColumns .topGroupName {
    /*width: 710px;*/
}

/*
## レスポンシブ用レイアウト
*/
/*@media screen and (max-width: 641px) {*/
@media screen and (max-width: 768px) {
	.oneColumn .topGroupName, .twoColumns .topGroupName {
			width: 100%;
	}
	.twoColumns form {
			float: none;
	}
}
.panNav{
	padding: 15px 0 30px;
    font-size: 14px;
}
.panNav ul {
	display: flex;
    flex-wrap: wrap;
}
.panNav ul li:not(:last-child):after {
    content: ">";
    padding: 0 15px;
}
.panNav ul li:last-child {
    color: #222;
}
@media screen and (max-width: 510px){
	.panNav {
		display: none;
	}
}

/*
## ヘッダー
*/

header {

}
#siteHeaderArea {
	width:100%;
	max-width: 1240px;
	padding: 0 20px;
	margin: auto;
	background-color:#fff;
}
.headerAreainner {
	max-width: 100%;
	margin:0 auto;
	/*height:95px;*/
	position:relative;
}

.header_upper {
	padding: 0 20px;
	width: 100%;
	background-color: #f7f6f5;
}
.header_lower {
	padding: 10px 0;
	position:relative;
}
.header_upper_wrap,
.header_lower_wrap {
	margin: auto;
	display: flex;
	align-items: center;
	position: relative;
}
.headerAreainner .header_logo {
	/*margin: auto;*/
}
.headerAreainner .header_logo a {
	display: block;
	padding: 10px 0;
}
.headerAreainner .header_logo img {
	width: auto;
	margin: 0 auto;
	text-align: center;
}

.headerAreainner .headerUtility {
	margin-left: auto;
	display: flex;
}
.headerAreainner .headerUtility .login_wrap {
	font-size: 0.9em;
}
.headerAreainner .headerUtility .login_wrap #registItem,
.headerAreainner .headerUtility .login_wrap #headerLogin,
.headerAreainner .headerUtility .login_wrap #user,
.headerAreainner .headerUtility .login_wrap #member {
	display: inline-block;
}
.headerAreainner .headerUtility .login_wrap a {
	color: #666;
}
.headerAreainner .headerUtility .login_wrap i.fa {
	color: #003f73;
	margin-left: 0;
}
.headerAreainner .headerUtility .login_wrap [id]:not(:first-child) {
	margin-left: 10px;
}
.headerAreainner .headerUtility .login_wrap #user {
	color: #003f73;
}

.headerAreainner .headerUtility .cart_wrap {
	margin-top: -10px;
	margin-left: 20px;
}
.headerAreainner .headerUtility .cart_wrap .cart {
	background-color: #003f73;
	padding: 0;
	width: 100px;
	height: 80px;
	max-height: 80px;
	text-align: center;
	transition: 0.7s;
}
.headerAreainner .headerUtility .cart_wrap .cart:hover {
	opacity: 0.7;
}
.headerAreainner .headerUtility .cart_wrap .cart a {
	color: #fff;
	padding: 10px 10px 5px;
	display: block;
}
.headerAreainner .headerUtility .cart_wrap .cart a:hover {
	text-decoration: none;
}
.headerAreainner .headerUtility .cart_wrap .cart a i.fa {
	font-size: 1.6rem;
	color: #fff;
}
.headerAreainner .headerUtility .cart_wrap .cart .cart_icon {
	font-size: 0.8em;
	line-height: 1;
}
/*ヘッダーのユーティリティにプルダウン*/
.headerUtility .drop-down_wrap {
	position: relative;
	z-index: 100;
	height: 26px;
	min-width: 115px;
}
.headerUtility .drop-down_wrap > a, .headerUtility .drop-down_wrap .drop-down_child li a {
	padding: 8px 5px;
}
.headerUtility .drop-down_wrap:hover {
	background: #eee;
	transition: none;
}
.headerUtility .drop-down_wrap .drop-down_child {
	display: none;
	position: absolute;
	right: 0;
	top: 26px;
	background: #eee;
	width: 115px;
}
.headerUtility .drop-down_wrap .drop-down_child li a {
	border-top: 1px solid #fff;
	display: block;
}

.headerTool li:hover {
	/*background: #f7f5f6;*/
}
.headerTool .cart {
	/*width:151px;*/
	position:relative;
}

.headerAreainner i.fa {
	color: #003f73;
}

@media screen and (max-width: 768px) {
	header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 9995;
	}
	.contents {
		margin-top: 80px;
	}
	.headerAreainner {
		display: flex;
		align-items: center;
		height: 80px;
	}

	.headerAreainner .header_utility_list {
		display: flex;
		align-items: center;
		margin-left: auto;
		margin-right: -10px;
	}

	.headerAreainner .header_utility_list .header_utility {
		text-align: center;
		padding: 0 10px;
	}

	.headerAreainner .header_utility_list .header_utility a {
		display: block;
		color: #222;
	}

	.headerAreainner .header_utility_list .header_utility a:hover {
		text-decoration: none;
		color: #003f73;
	}

	.headerAreainner .header_utility_list .header_utility i {
		font-size: 2.4em;
		line-height: 1;
	}

	.headerAreainner .header_utility_list .header_utility a:hover i {
		color: #003f73;
	}

	.headerAreainner .header_utility_list .header_utility .icon_title {
		font-size: 0.8em;
		line-height: 1;
	}

}

@media screen and (max-width: 510px) {
	.headerAreainner .header_logo {
		padding-right: 15px;
	}
	.headerAreainner .header_utility_list .header_utility {
		min-width:56px;
		padding: 0;
	}
	.headerAreainner .header_utility_list .header_utility i {
		font-size: 2em;
	}
	.headerAreainner .header_utility_list .header_utility .icon_title {
		font-size: 0.7em;
	}
}


/*
## ヘッダー 検索
*/

#searchNaviPc {
	max-width: 200px;
	text-align: center;
	display: flex;
	align-items: center;
	letter-spacing: -5px;
	border: 1px solid #30449e;
	height: 28px;
	background-color: #fff;
	margin-bottom: 16px;
	position: relative;
	margin-left: auto;
}

input[type="text"].searchText {
	display: block;
	background-color: transparent;
	border: none;
	padding:5px 10px;
	width:100%;
	max-width: 230px;
	height: 28px;
	border-radius:0;
	font-size: 14px;
	font-family:"メイリオ", Meiryo, sans-serif;
	border: none;
	margin: 0;
}
.searchBtn {
	color: #aaa;
	line-height: 1;
	text-shadow: -1px 1px 0 #fff;
	display: block;
	padding: 6px 15px;
}
.searchBtn::before {
  font-size: 1.2em;
}
a.searchBtn:hover {
	color: #aaa;
	text-decoration: none;
	opacity: 0.7;
}
input[type="submit"].headerSearch {
	background-repeat: no-repeat;
	background-position: center;
	width: 30px;
	height: 28px;
	min-height: 28px;
	border: none;
	margin: 0;
	padding: 0;
	z-index: 10;
	background-color: transparent;
	box-shadow: none;
	background: none;
	border-radius: 0;
}
input[type="submit"].headerSearch:hover {
    background-color: transparent;
    color: white;
    border: none;
    box-shadow: none;
}
.headerSearchForm .search_icon {
	position: absolute;
	right: 0;
	top: 0;
	width: 28px;
    height: 28px;
    margin: 0;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #003f73;
}
.headerSearchForm .search_icon::before {
	display: block;
	text-align: center;
}

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

	#searchNaviSP {
		position: relative;
		border: 1px solid #30449e;
		margin-right: 100px;
		margin-bottom: 30px;
	}
	input[type="text"].searchText {
		background-color: #fff;
		max-width: 100%;
	}
	input[type="submit"].headerSearch {
		position: absolute;
		right: 0;
		top: 0;
	}
}


/*
## ヘッダー　プルダウン
*/

#siteHeaderGnav.fixed {
	position: fixed;
	width: 100%;
	height: 60px;
	top: 0;
	left: 0;
	z-index: 9999;
}

.headerGnavinner{
	width:100%;
	background-color: #fff;
	position: relative;
}
.ht5_header.min + .headerGnavinner{
	display:none;
}
.headerGnavinner .globalNav{
	width: 100%;
	height: 60px;
	margin:0px auto;
	border-bottom: 1px solid #d8d8d8;
}
.headerGnavinner .spSearchForm{
	display:none;
}
.headerGnavinner .globalNavList{
	display: table;
	width: 100%;
	max-width: 1240px;
	height: 100%;
	margin: auto;
	padding: 0 20px;
}
.headerGnavinner .globalNavList > li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	height: 1px;
	transition: 0.7s;
	padding: 0;
}
.headerGnavinner .globalNavList > li.goodsCategory > div > a,
.headerGnavinner .globalNavList > li > a {
	padding: 10px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	color: #222;
}

*+html .headerGnavinner .globalNavList > li{ /* ie7 */
	display:block;
	float:left;
}

.headerGnavinner .globalNavList > li#food > div > a{
	letter-spacing: 5px;
}
.headerGnavinner .globalNavList > li.sale > div > a{
	color:#cc0000;
}
.headerGnavinner .globalNavList > li > div > a > span{
	display:block;
	padding:0px 5px;
	text-align:center;
}
.headerGnavinner .globalNavList > li > div > .menu {
	/*display:none;*/
	visibility: hidden;
	position:absolute;
	top: 100%;
	background: #fff;
	z-index:710;
	width: 100%;
	left: 0;
	right: 0;
	border-bottom: 1px solid #e5e5e5;
}
/*.headerGnavinner .globalNavList > li > div > .menu[style*="display"] {
	visibility: visible;
}*/

.headerGnavinner .globalNavList > li > div > .menu .sub {
	overflow: hidden;
	padding: 30px 10px;
	position: relative;
	max-width: 1220px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}

.headerGnavinner .globalNavList > li > div > .menu .sub li {
	width: 12.5%;
	padding: 10px;
}

.headerGnavinner .globalNavList > li > div > .menu .sub li a {
	display: block;
	color: #222;
}

.headerGnavinner .globalNavList .subImage {
	position: relative;
}
.headerGnavinner .globalNavList > li > div > .menu .sub li a img {
	width: auto;
	max-width: 100% !important;
	max-height: 100%;
	position: relative;
	/*top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);*/
}

.headerGnavinner .globalNavList > li > div > .menu .sub li .subDescription {
	text-align: left;
}

@media screen and (max-width: 768px) {
	#siteHeaderMenu {
		display: none;
		width: 100%;
		min-height: 100%;
		height: 100%;
		overflow-y: auto;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		background-color: rgba(229,229,229,0.95);
		padding: 30px 20px;
	}
	#siteHeaderMenu.active {
		display: block;
	}
	.headerGnavinner .globalNavList > li > a  {
		font-size: 1.2em;
		margin-bottom: 15px;
		font-weight: bold;
		display: inline-block;
		padding: 0;
	}
	.headerGnavinner {
		background-color: transparent;
	}
	.headerGnavinner .globalNav {
		height: auto;
		border-bottom: none;
	}
	.headerGnavinner .globalNavList {
		display: block;
		height: auto;
		padding: 0;
		margin-bottom: 10px;
	}
	.headerGnavinner .globalNavList > li {
		display: block;
		height: auto;
		text-align: left;
		cursor: auto;
		margin-bottom: 10px;
	}
	.headerGnavinner .globalNavList > li .sub {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
	.headerGnavinner .globalNavList > li .sub li {
		width: 25%;
		max-width: 150px;
		padding: 0 10px 20px;
	}
	.headerGnavinner .globalNavList > li .sub li a {
		color: #222;
	}
	.headerGnavinner .nav_link_wrap {
		border-top: 1px solid #d8d8d8;
		display: flex;
		padding: 30px 0;
		margin: 0 -15px;
	}
	.headerGnavinner .nav_link_wrap .nav_link_list {
		width: 50%;
		padding: 0 15px;
	}

	.headerGnavinner .nav_link_wrap .nav_link a {
		padding: 5px 0;
		display: block;
		color: #222;
	}
	.headerGnavinner .btn_close_menu {
		position: absolute;
		top: -20px;
		right: 0;
		font-size: 2.4em;
	}
	.headerGnavinner .btn_close_menu a i.fa {
		color: #003f73;
	}
}

@media screen and (max-width: 510px) {
	.headerGnavinner .globalNavList > li .sub li {
		width: 33.3333%;
		max-width: 100%;
	}
	.headerGnavinner .globalNavList > li .sub li .subDescription {
		font-size: 0.9em;
	}
	.headerGnavinner .btn_close_menu {
		font-size: 2em;
	}
}

/*
## フッター
*/

footer {
	border-top: 1px solid #d8d8d8;
	width: 100%;
	position: absolute;
	bottom: 0;
}

body.fixed #wrap {
	margin-bottom: 0;
}

body.fixed footer {
	position: static;
}

.about_order_wrap {
	position: relative;
	padding: 20px;
}

.about_order_list {
	display: flex;
	margin: 0 -20px;
}

.about_order {
	width: 33.3333%;
	padding: 0 20px;
	transition: 0.7s;
	border-right: 1px solid #e5e5e5;
}
.about_order:last-child {
	border-right: none;
}
.about_order:hover {
	opacity: 0.7;
}

.about_order a {
	color: #222;
	display: block;
	height: 100%;
}

.about_order a:hover {
	text-decoration: none;
	opacity: 1;
}

.about_order a:hover i.fa {
	opacity: 1;
}

.about_order_img {
	background-color: #003f73;
	width: 80px;
	height: 80px;
	padding: 10px;
	border-radius: 50%;
	margin: auto;
	font-size: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.about_order_img i {
	color: #fff;
}

.about_order_title {
	text-align: center;
	font-weight: 500;
	margin: 10px 0 5px;
}

.about_order_detail {
	font-size: 0.9em;
}

.footer_contact_wrap {
	border-top: 1px solid #d8d8d8;
	position: relative;
	text-align: center;
	padding: 30px 0;
}

.footer_contact_wrap .footer_contact {
	line-height: 1.5;
}

.footer_contact_wrap .title {
	font-weight: bold;
	margin-bottom: 10px;
}

.footer_contact_wrap .footer_contact img {
	vertical-align: text-top;
	margin-left: 10px;
	margin-right: 5px;
}

.footer_contact_wrap .tell_txt {
	display: inline-block;
}
.footer_contact_wrap .tell_number {
	font-size: 1.5em;
	font-weight: 500;
}
.footer_contact_wrap .tell_number a {
	color: #005ca8;
	text-decoration: none;
}

.footer-info-wrap {
	padding: 20px 0;
	background-color: #222;
	color: #fff;
	text-align: center;
	position: relative;
}

.footer-info-wrap a {
	color: #fff;
}

.footer-info-wrap a:hover {
	color: #fff;
}

.footer-info-wrap .footer-info-list {
	display: flex;
	justify-content: center;
	font-size: 14px;
}

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

.copyright {
	font-size: 0.8em;
	margin-top: 10px;
}

/*footerメニュー*/
.footer_menu_wrap {
	color: #fff;
	padding: 20px 0 0 0;
	background-color: #222;
	border-bottom: 1px solid #666;
}
.footer_menu_wrap a, .footer_menu_wrap i.fa {
	color: #fff;
}
.footer_menu_wrap i.fa {
	font-size: 0.9em;
	display: inline;
	vertical-align: text-bottom;
}
.footer-menu-inner {
}
.footer-menu-list {
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.footer-menu-list li {
	width: 25%;
	padding: 10px 0;
}
.footer-menu-list dl {
	padding: 0 15px;
}
.footer-menu-list dt {
	margin-bottom: 10px;
}
.footer-menu-list dd {
	font-size: 14px;
}
.footer-menu-list dd p {
	margin-bottom: 8px;
}
.footer-menu-list dl a {
	display: inline-block;
}
.footer-mark-wrap .jdma {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 10px;
}
.footer-mark-wrap .jdma a {
	display: inline-block;
	max-width: 105px;
}

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

	#wrap {
		margin-bottom: 0;
	}

	footer {
		height: auto;
		position: static;
	}
	.about_order_wrap {
		text-align: center;
		padding: 0;
	}
	.about_order_list {
		display: inline-block;
		margin: auto;
		text-align: left;
	}
	.about_order {
		width: auto;
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
		padding: 20px 0;
	}
	.about_order:last-of-type {
		border-bottom: none;
	}
	.about_order a {
		display: flex;
		align-items: center;
	}
	.about_order_img {
		width: 60px;
		height: 60px;
		font-size: 1.5em;
		margin: 0 30px 0 0;
		min-width: 60px;
	}
	.about_order_title {
		text-align: left;
		margin-top: 0;
	}
	.footer_menu_wrap {
		padding-top: 0;
	}
	.footer-menu-list {
		padding-bottom: 10px;
	}
	.footer-menu-list li {
		width: 100%;
		padding: 0;
	}
	.footer-menu-list li dl {
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		width: 100%;
	}
	.footer-menu-list li dt {
		border-bottom: 1px solid #666;
		cursor: pointer;
		margin-bottom: 0;
		position: relative;
		vertical-align: middle;
		width: 100%;
	}
	.footer-menu-list li .accordion_menu dt, .footer-menu-list li dt a, .footer-menu-list li dd p a {
		display: block;
		padding: 12px;
		width: 100%;
		margin-bottom: 0;
	}
	.footer-menu-list li dd {
		display: none;
	}
	dd.menu_body {
		width: 100%;
	}
	.footer-menu-list li dt:before, .footer-menu-list li dd p:before {
		content: "\f105";
		font-family: "FontAwesome";
		position: absolute;
		top: 50%;
		right: 12px;
		margin-top: -0.8em;
	}
	.footer-menu-list li:nth-child(-n+3) dt:before {
		content: "\f107";
	}
	.footer-menu-list li dd p {
		border-bottom: 1px solid #666;
		margin-bottom: 0;
		position: relative;
	}
	.footer-menu-list li dd p a {
		text-indent: 1.16em;
	}
	.footer-menu-list li dt:hover, .footer-menu-list li a:hover {
		color: rgba(255, 255, 255, 0.5);
		transition: 0.7s;
		text-decoration: none;
	}
}

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

	.about_order_img {
		margin-right: 15px;
	}
	.footer_contact_wrap .business_hours {
		font-size: 0.9em;
	}
	.footer_contact_wrap .tell_txt {
		display: none;
	}

	.footer-info-wrap .footer-info-list {
		display: inline-block;
	}
	.footer-info-wrap a {
		right: 0;
		left: 0;
		margin: auto;
	}

	.footer-mark-wrap .jdma {
		text-align: center;
		padding-right: 0;
	}
	.footer-mark-wrap .jdma a {
		max-width: 80px;
	}
}


/*
## メインコンテンツ
*/

.contents {
	max-width: 1240px;
	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;
}
.titleItemWrap {
	margin-bottom: 30px;
}
.pageTitleItemWrap {
	margin-bottom: 30px;
}
.dispInfoItemWrap {
	margin-bottom: 20px;
}
.area_title {
	text-align: center;
	line-height: 1;
	margin-bottom: 30px;
}
.area_title .title {
	font-size: 2em;
	margin-bottom: 10px;
}
.area_title .sub_title {
	font-size: 1.1em;
	letter-spacing: 0.2em;
}

@media screen and (max-width: 510px) {
	.contents {
		padding-top: 20px;
	}
	.area_title .title {
		font-size: 1.5em;
	}
	.area_title .sub_title {
		font-size: 1em;
	}
}



.slick-dots {
	bottom: 10px;
}

.slick-dots li {
	cursor: pointer;
	flex: 100%;
	margin: 0 3px;
}

.slick-dots li button {
	border: none;
	box-shadow: none;
	min-height: auto;
	transition: 0.7s;
}

.slick-dots li button:before {
	opacity: 1;
	color: #9c9c9c;
}

.slick-dots li.slick-active button:before {
	opacity: 1;
	color: #005ca8;
}

.slick-dots li button:hover, .slick-dots li button:focus {
	background: none;
	box-shadow: none;
	opacity: 0.7;
}

.contents-section.top-slider {
	margin-bottom: 40px;
	background-color: #f7f5f6;
}


/*
## スライダー
*/

/** スライダーはデザインを常に適用 **/
.slick-slider {
	opacity: 0;
}
.slick-slider.slick-initialized{
	opacity: 1; /*slick-initializedが付与されたら表示*/
}
.slick-slider .slick-arrow {
	position: absolute;
	top: 0;
	bottom: 50px;
	margin: auto;
	width: 34px;
	height: 34px;
	z-index: 9997;
	font-size: 0;
	line-height: 0;
	display: block;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
}

.slick-slider .slick-arrow:before {
	font-family: 'slick';
	font-size: 34px;
	line-height: 1;
	color: #666;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-slider .slick-arrow:hover,
.slick-prev:focus {
	color: transparent;
	outline: none;
	background: transparent;
	box-shadow: none;
}
.slick-slider .slick-arrow:hover:before {
	color: #005ca8;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
	opacity: .25;
}
.slick-prev {
	left: -25px;
}
[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}
.slick-prev:before {
	content: '←';
}
[dir='rtl'] .slick-prev:before {
	content: '→';
}
.slick-next {
	right: -25px;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}
.slick-next:before {
	content: '→';
}
[dir='rtl'] .slick-next:before {
	content: '←';
}
.slick-slider .slick-arrow.slick-prev {
	left: 20px;
	top: 30px;
	bottom: 0;
}
.slick-slider .slick-arrow.slick-next {
	right: 20px;
	top: 30px;
	bottom: 0;
}

@media screen and (max-width: 1200px) {
	.slider-wrap {
		width: 100%;
		margin-left: 0;
		left: 0;
	}
}


/*
## 商品一覧
*/

.categoryGoodsListRow {
	margin-bottom: 50px;
}

.matrix-header {
	margin-bottom: 30px;
}

.sortGroup {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 15px;
	font-size: 14px;
}

.sortGroup .items {
	line-height: 1;
	padding-left: 5px;
}

.sortGroup a.btn_0, input.btn_0[type="button"],
.sortGroup input.btn_0[type="submit"],
.sortGroup input.btn_0[type="reset"],
.sortGroup button.btn_0[type="button"],
.sortGroup button.btn_0[type="submit"],
.sortGroup button.btn_0[type="reset"] {
	border-radius: 0 !important;
	min-height: 0;
	font-weight: 300;
	background: none;
	box-shadow: none;
	border: 1px solid #005ca8;
	color: #222 !important;
	padding: 2px 8px;
	line-height: 1.45
}

.sortGroup a[class*="btn_"]:hover,
.sortGroup input[type="button"]:hover,
.sortGroup input[type="submit"]:hover,
.sortGroup input[type="reset"]:hover,
.sortGroup button[type="button"]:hover,
.sortGroup button[type="submit"]:hover,
.sortGroup button[type="reset"]:hover {
 	box-shadow: none;
 	background: #e5e5e5;
 }

.sortGroup a.check,
.sortGroup .fixedConditionGroup a.check,
.sortGroup .fixedConditionGroup2 a.check,
.sortGroup .displayTypeGroup a.check,
.sortGroup .MAX_SELECT_NOW_PAGE,
.sortGroup a.check:hover {
	border-radius: 0;
	background-color: #005ca8;
	color: #fff !important;
	font-weight: 500;
	padding: 2px 8px;
}


/*
## タイトル周り
*/
.h3Wrap + .layoutGroup.table {
    margin-top: 15px;
}
.layoutGroup .layoutGroup .table {
	margin-top: 15px;
}
#privacyPolicyGroup .h3Wrap {
	margin-bottom: 15px;
}


/*
## ページネーション
*/
.pagingSetting {
	display: flex;
	flex-direction: row-reverse;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.resultsShowMaxLine.showMaxLine.set-item {
	order: -1;
	flex-grow: 1;
	width: 100%;
}
.sortGroup a.check,
.fixedConditionGroup a.check,
.fixedConditionGroup2 a.check,
.displayTypeGroup a.check,
.MAX_SELECT_NOW_PAGE {
	background: #005ca8;
	border-radius: 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.pageInfo {
	display: flex;
	flex-direction: row-reverse;
	width: 100%;
}

ul.pagination a.PAGING_LINK,
ul.pagination a.PAGING_LINK_PAGE,
ul.pagination .PAGING_LINK_NOW_PAGE {
	display: inline-block;
	font-size: 100%;
	min-height: 32px;
}
@media all and (-ms-high-contrast: none) {
  ul.pagination a.PAGING_LINK:not(:target),
  ul.pagination a.PAGING_LINK_PAGE:not(:target),
  ul.pagination .PAGING_LINK_NOW_PAGE:not(:target) {
    border-radius: 0; /* IE10以上 */
  }
}

.pagination {
	float: none;
	font-size: 0.9em;
}

.pagingResultsShow {
	font-size: 0.9em;
	float: none;
	height:inherit;
	flex-grow: 1;
	width: 50%;
}

span.MAX_SHOW_LINE_NUMBER:after {
	content: "件";
}

span.dataNumber:before {
	content: "全";
	padding-right: 4px;
}

span.dataNumber:after {
	content: "件のうち、";
	padding-left: 4px;
}

span.startNumber:after {
	content: "-";
	padding: 0px 4px;
}

span.endNumber:after {
	content: "件目を表示中";
	padding-left: 4px;
}

ul.pagination a.PAGING_LINK,
ul.pagination a.PAGING_LINK_PAGE {
	border-radius: 0;
	font-weight: 300;
	background: none;
	box-shadow: none;
	border: 1px solid #005ca8;
	color: #222 !important;
	padding: 2px 8px;
}

ul.pagination .PAGING_LINK_NOW_PAGE, ul.pagination .PAGING_LINK_NOW_PAGE:hover {
	border-radius: 0;
	background-color: #005ca8;
	border: 1px solid #005ca8;
	/*font-size: 100%;*/
	font-weight: 500;
	padding: 2px 8px;
}

/* トップページ */
ul.pagination li:nth-child(1):not(.PAGING_TOP_DISABLE) a .PAGING_TOP:before {
	content: "\f104";
	color: #005ca8;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* 1ページ前へ */
ul.pagination li:nth-child(2):not(.PAGING_BEFORE_DISABLE) a .PAGING_BEFORE:before {
	content: none;
}

/* 1ページ後へ */
ul.pagination li:nth-last-child(2):not(.PAGING_NEXT_DISABLE) a .PAGING_NEXT:after {
	content: none;
}

/* 最終ページ */
ul.pagination li:last-child:not(.PAGING_LAST_DISABLE) a .PAGING_LAST:before {
	content: "\f105";
	color: #005ca8;
	/*line-height: 0;*/
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

ul.pagination a.PAGING_LINK:hover,
ul.pagination a.PAGING_LINK_PAGE:hover {
	background: #e5e5e5;
	box-shadow: none;
}

.PAGING_LAST, .PAGING_TOP {
	line-height: 1;
}

.results {
	margin-bottom: 50px;
}

.matrix-body {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}


.categoryGoodsListRow {
	width: 100%;
}

.goodsItem {
	width: 25%;
	padding: 0 15px 30px;
}

.goodsItem a {
	display: block;
	position: relative;
	color: #222;
}

.goodsItem a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.goodsItem .goodsImgItemWrap {
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.goodsItem .goodsImgItemWrap img {
	width: 100%;
}

.goodsItem .item_tag_wrap {
	margin-bottom: auto;
	padding-bottom: 5px;
}

.goodsItem .item_tag_wrap .items {
	display: inline-block;
}

/*一覧画像の高さをそろえる*/
.goodsItem .goodsImgItemWrap .items {
	height: 100%;
	width: 100%;
}
.goodsItem .goodsImgItemWrap .items > a {
	height: 100%;
	text-align: center;
}
.goodsItem .goodsImgItemWrap img.goodsImg {
	width: auto;
	max-width: 100% !important;
	max-height: 100%;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*最小/最大注文数を隠す*/
div.minOrderNumItemWrap,
div.maxOrderNumItemWrap {
	display: none;
}

.tag {
	display: inline-block;
	margin-right: 5px;
	border: 1px solid #0078db;
	font-size: 0.8em;
	line-height: 1;
	padding: 5px;
}

.tag.tag_normal {
	color: #0078db;
}

.tag.tag_regular {
	background-color: #0078db;
	color: #fff;
}

.tag.tag_q-drug {
	color: #222;
	border-color: #222;
}

.goodsItem .priceItemWrap {
	text-align: center;
	margin-top: 10px;
	font-weight: 500;
	font-size: 1.1em;
}

@media screen and (max-width: 768px) {
	.goodsItem {
		width: 33.3333%;
	}

	.matrix-header .pagination {
		display: block;
		border-top: none;
		padding: 0;
		margin-bottom: 10px;
	}

	.pageInfo {
		-webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
		text-align: center;
	}
	ul.pagination {
		border: none;
	}

	ul.pagination li:nth-last-child(2):not(.PAGING_NEXT_DISABLE) a .PAGING_NEXT:before {
		content: "次へ";
	}

}

@media screen and (max-width: 510px) {
	ul.pagination > li {
		margin-bottom: 5px;
	}
	.results {
		margin-bottom: 30px;
	}
	.goodsItem {
		width: 50%;
		padding: 0 10px 30px;
		line-height: 1.5;
	}
	.sortGroup .items {
		padding-bottom: 5px;
	}
	.goodsItem .tag {
		font-size: 0.85em;
	}
	.goodsItem .goodsNameItemWrap {
		font-size: 0.9em;
	}
	.goodsItem .priceItemWrap {
		font-size: 1em;
	}
}

/*
## その他　スクロールアップ
*/
#scrollUp {
    background-color: #005ca8;
    width: 70px;
    height: 70px;
    transition: none;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 0;
    right: 0;
}

#scrollUp i.fa {
	color: #fff;
	font-size: 3em;
}

#scrollUp:hover {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	#scrollUp {
		width: 50px;
		height: 50px;
		right: 20px;
		bottom: 20px;
	}
	#scrollUp i.fa {
		font-size: 2em;
	}
}

@media screen and (max-width: 510px) {
	#scrollUp {
		width: 40px;
		height: 40px;
	}
	#scrollUp i.fa {
		font-size: 1.5em;
	}
}

#isMemberAgreementFlgItemWrap, #isUseAgreementFlgItemWrap {
	text-align: center;
	padding: 10px 0;
	margin: 10px 0;
	width: 100%;
}


/*
## その他　郵便番号検索ボタンはSPで非表示
*/
@media screen and (max-width: 768px) {
	input[type="button"].postCodeSearchButton,
	input[type="button"].orderPostCodeSearchButton {
			display: none;
	}
}


.required:after {
	background: #0078db;
	border-radius: 0;
	color: #fff;
}
.required_condition:after {
	content: "※";
	background: #0078db;
	border-radius: 0;
	color: #fff;
}
.telNo1_itemLabel .required_condition:after,
.mobileNo1_itemLabel .required_condition:after {
	content: "どちらか必須";
}

/*
## フォーム　生年月日
*/
input.birthdayYear {
	width: 5em;
}
input.birthdayMonth,
input.birthdayDay {
	width: 3em;
	vertical-align: top;
}
select.birthdayYear,
.topGroupName select#birthdayYear {
	width: 6em;
}
select.birthdayMonth,
select.birthdayDay,
.topGroupName select#birthdayMonth,
.topGroupName select#birthdayDay {
	width: 4em;
}
@media screen and (max-width: 768px) {
	.topGroupName input.birthdayYear,
	.topGroupName input.birthdayMonth,
	.topGroupName input.birthdayDay {
		margin: 0 0 0 5px;
	}
	.topGroupName select#birthdayYear {
		width: auto;
		max-width: 65px;
		vertical-align: top;
	}
	.topGroupName select#birthdayMonth,
	.topGroupName select#birthdayDay {
		margin-right: 0;
	}
	.birthdayMonthSuffixLabel,
	.birthdayDaySuffixLabel {
		display: inline-block;
		margin-right: 5px;
	}
}

/*
## エラーページ系（systemError）
*/
#systemError .errorMessage {
	text-align:center;
	margin: 24px auto 48px;;
}
#systemError .mainText {
	font-size: 1.3em;
}
#systemError .detailText {
	margin: 2em auto;
}

@media screen and (max-width: 768px) {
		#systemError .detailText {
		width: 90%;
		text-align: left;
	}
}

/* 404 */
#systemError.notFound .mainText {
	text-indent: 1em;
	margin-bottom: 0;
}
#systemError.notFound .linkText li {
	display: inline-block;
	margin-right: 2em;
}

@media screen and (max-width: 768px) {
	#systemError.notFound .mainText {
	text-indent: 0;
	font-size: 1.3rem;
	}
}


.no_pc{
	display:none;
}
.no_sp{
	display:block;
}

@media screen and (max-width: 768px) {
	.no_sp{
		display: none !important;
	}
	.no_pc{
		display:inline-block;
	}
}

/*
## 登録ステップ
*/
.register_steps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 30px auto;
	max-width: 400px;
	width: 100%;
	padding: 0 30px;
}
.register_steps li {
	display: block;
	font-weight: 400;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	margin: 0;
	padding: 0;
	min-width: 36px;
}
.register_steps li:last-child {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
}
.register_steps .marker {
	color: #fff;
	background: #9c9c9c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 20;
	width: 36px;
	height: 36px;
	padding-bottom: 2px;
	border: 2px solid transparent;
	border-radius: 50%;
}
.register_steps .select .marker {
	color: #fff;
	background-color: #003f73;
}

.register_steps .text {
	color: #666;
	display: inline-block;
	padding-right: 0;
	padding-left: 0;
	-webkit-transform: translateX(calc(-50% + 18px));
	-ms-transform: translateX(-50%) translateX(18px);
	transform: translateX(calc(-50% + 18px));
	white-space: nowrap;
}
.register_steps .select .text {
	color: #003f73;
}

.register_steps li:not(:last-child):after {
	content: "";
	background: #9c9c9c;
	box-sizing: border-box;
	display: block;
	position: absolute;
	z-index: -10;
	top: 17.5px;
	bottom: 17.5px;
	width: 50%;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	left: 0;
	right: -36px;
}
.register_steps li.select:not(:last-child):after {
	background-color: #003f73;
}



/*--------------------------------------------------------
    共通クラス
-------------------------------------------------------*/
.max-1200 {
    max-width: 1240px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}

.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;
}

/* フォントウェイト */
.font-b {
	font-weight: bold;
}

/* 背景色 */
.back-white {
    background-color: #FFFFFF;
}
.back-navy {
    background-color: #003f73;
}
.back-blue {
    background-color: #005ca8;
}

/* 文字色 */
.black {
    color: #4C4C4C;
}
.gray {
    color: #B3B6B7;
}
.white {
    color: #fff;
}
.navy {
    color: #003f73;
}
.blue {
    color: #005ca8;
}

/* PC / SP 表示切替 */
.sp-on {
    display: none;
}
.pc-on {
    display: block;
}
.sp-br {
	display: inline-block;
}

/* タイトル */
.h {
	color: #222;
}

/* アイコン */
/*注意*/
.exclamation {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.exclamation:before {
	color: #003f73;
	content: "\f06a";
	font-family: "FontAwesome";
	font-size: 1.2em;
	margin-right: 0.5em;
	line-height: 1;
}


@media screen and (max-width: 768px) {
    .sp-on {
        display: block;
    }
    .pc-on {
        display: none;
    }
		.sp-br {
			display: block;
		}
    .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-on {
        display: block;
    }
}

.normalGoodsIcon,
.reglGoodsIcon,
.normalGoodsIconItemWrap,
.reglGoodsIconItemWrap {
	display: inline-block;
}

pre#inqCont_innerId {
	font-family: "Noto Sans Japanese", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	line-height: 1.7;
	font-weight: 300;
	color: #222;
	white-space: normal;
}