@charset "UTF-8";
/* =========================================================
 BASE
========================================================= */
/* margin padding reset */
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, figure,
h1, h2, h3, h4, h5, h6, form, select, input {
	margin: 0;
	padding: 0;
}

/* remove list point mark */
ul,
ol {
	list-style: none;
}

/* remove border & off descender */
img {
	border: 0;
	vertical-align: middle;
}

/* remove descender */
svg,
input,
select,
textarea,
label {
	vertical-align: middle;
}

/* set collapse */
table {
	border-collapse: collapse;
}

/* off bold */
h1, h2, h3, h4, h5, h6, th, em, strong {
	font-weight: normal;
}

/*
   break word for all elements
   change box-model
 */
*,
*:before,
*:after {
	word-break: break-all;
	box-sizing: border-box;
}

pre {
	white-space: pre-wrap;
}

/* [IE8-] New Tag from HTML5 */
main, article, aside, figcaption, figure,
footer, header, nav, section, details, summary {
	display: block;
}

input[type="text"], input[type="password"] {
	font-size: 14px;
}

@media (max-width: 767px) {
	input[type="text"], input[type="password"] {
		font-size: 12px;
	}
}

html,
body {
	background: #F8F8F8;
	color: #263033;
	width: 100%;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	min-width: 319px;
}

a {
	color: #263033;
	text-decoration: none;
}

input, select, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

select:focus,
input:focus {
	outline: none;
}

input[type="checkbox"],
label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 10px;
	cursor: pointer;
}

form input,
table input {
	border: 1px solid #DBDBDB;
}

input[type="text"], input[type="password"] {
	padding: 0 10px;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding-left: 10px;
	padding-right: 50px;
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
}

input[type="submit"], input[type="reset"], input[type="button"], button {
	cursor: pointer;
}

.simple-calendar {
	border-collapse: separate;
	border-spacing: 0;
}

.simple-calendar th, .simple-calendar td {
	width: 200px;
	height: 20px;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	padding: 5px;
	text-align: center;
}

.simple-calendar td {
	cursor: pointer;
}

.simple-calendar-header-operation {
	background-color: #FF6600;
	text-align: center;
}

.simple-calendar-header-day {
	background-color: #E0E0E0;
	text-align: center;
}

.simple-calendar-selected-year-view, .simple-calendar-selected-month-view {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 30px;
	font-size: 20px;
}

.simple-calendar-hidden {
	visibility: hidden;
}

.simple-calendar-holiday-cell {
	color: #FF0000;
}

.simple-calendar-other-month-cell {
	cursor: default !important;
	color: #808080 !important;
}

/* =========================================================
 LAYOUT
========================================================= */
/* ====== GRID ====== */
.grid {
	overflow: hidden;
}

.grid-col {
	margin-left: -10px;
	margin-right: -10px;
}

@media (max-width: 767px) {
	.grid-col {
		margin-left: -5px;
		margin-right: -5px;
	}
}

.grid-col-wide {
	margin-left: -15px;
	margin-right: -15px;
}

@media (max-width: 767px) {
	.grid-col-wide {
		margin-left: -5px;
		margin-right: -5px;
	}
}

.grid-col-more-wide {
	margin-left: -20px;
	margin-right: -20px;
}

@media (max-width: 767px) {
	.grid-col-more-wide {
		margin-left: -5px;
		margin-right: -5px;
	}
}

.grid-col > * {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}

@media (max-width: 767px) {
	.grid-col > * {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.grid-col-wide > * {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

@media (max-width: 767px) {
	.grid-col-wide > * {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.grid-col-more-wide > * {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

@media (max-width: 767px) {
	.grid-col-more-wide > * {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.grid-col-right {
	float: right;
}

.grid-col-1 > * {
	width: 100%;
}

.grid-col-2 > * {
	width: 50%;
}

.grid-col-3 > * {
	width: 33.3333%;
}

.grid-col-4 > * {
	width: 25%;
}

@media (max-width: 767px) {
	.grid-col-sp-1 > * {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.grid-col-sp-2 > * {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.grid-col-sp-3 > * {
		width: 33.3333%;
	}
}

@media (max-width: 767px) {
	.grid-col-sp-4 > * {
		width: 25%;
	}
}

/* ====== HEADER ====== */
.l-header {
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 4;
}

@media (max-width: 767px) {
	.l-header {
    position: static;
	}
}

.l-header-no-fixed {
	position: static;
}

.l-header-wrapper {
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.l-header-wrapper {
		background-color: #FFFFFF;
	}
}

.l-header-wrapper-nonav {
	box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.2);
	background-color: #FFFFFF;
	padding-bottom: 13px;
}

@media (max-width: 767px) {
	.l-header-wrapper-nonav {
		padding-bottom: 15px;
    padding-top: 10px;
    box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
}

.l-header-wrapper-nonav .fixed-header-content {
	padding-left: 30px;
	padding-right: 30px;
}

.l-header-bottom-inner {
	margin-top: 13px;
}

.l-header-logo {
	margin-top: 16px;
	float: left;
}

.l-header-logo > a {
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.l-header-logo > a:hover {
	opacity: 0.7;
}

.l-header-logo .logo-pc {
	display: inline-block;
}

.l-header-logo .logo-sp {
	display: none;
}

@media (max-width: 767px) {
	.l-header-logo .logo-sp {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	.l-header-logo {
		vertical-align: middle;
		margin: 0 auto;
		float: none;
		height: 50px;
		line-height: 50px;
    text-align: center;
	}
}

.l-header-group-logo {
	position: absolute;
	right: 29px;
	top: 9px;
}

.l-header-group-logo img {
	width: 193px;
}

.l-header-online-block {
	margin-top: 25px;
}

.l-header-onlinehelp-btn {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
}

.l-header-onlinehelp-btn .btn-online-entry {
	letter-spacing: 0;
	padding-left: 4px;
}

.l-header-callcenter-info {
	display: inline-block;
	text-align: right;
	vertical-align: top;
	margin-top: -2px;
}

.l-header-callcenter-info li {
	display: block;
	line-height: 18px;
}

.l-header-callcenter-info li .callcenter-info-name {
	font-size: 14px;
	margin-right: 7px;
}

.l-header-callcenter-info li .callcenter-info-number {
	font-size: 21px;
}

.l-header-callcenter-info li .callcenter-info-hours {
	font-size: 12px;
}

.l-header-callcenter-info li :first-child.callcenter-info-hours {
	margin-right: 11px;
}

.l-header-help-nav-list-sp {
	font-size: 0;
}

.l-header-help-nav-list-sp li {
	float: left;
	background-color: #0C4E98;
	text-align: center;
	border-left: 1px #FFFFFF solid;
}

.l-header-help-nav-list-sp li img {
	width: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
}

.l-header-help-nav-list-sp li a {
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	font-size: 8px;
	color: #FFFFFF;
}

.l-header-site-nav {
	float: right;
}

.l-header-site-nav > .l-header-site-nav-list {
	position: absolute;
	right: 30px;
	top: 45px;
}

.l-header-site-nav > .l-header-site-nav-list > li {
	float: left;
}

.l-header-site-nav > .l-header-site-nav-list > li:last-child {
	border-left: 0;
	margin-top: -3px;
}

.l-header-site-nav > .l-header-site-nav-list > li > * {
	color: #263033;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	font-size: 14px;
}

@media (min-width: 768px) and (max-width: 1280px) {
	.l-header-site-nav > .l-header-site-nav-list > li > * {
		font-size: 11px;
	}
}

.l-header-site-nav > .l-header-site-nav-list > li > *:hover {
	opacity: 0.7;
}

.l-header-site-nav > .l-header-site-nav-list > li > *.signout {
	width: 120px;
	height: 30px;
	color: #2477AB;
}

.l-header-site-nav > .l-header-site-nav-list > li > *.signout > span {
	padding-left: 10px;
	line-height: 30px;
}

.l-header-site-nav > .l-header-site-nav-list > li + li {
	border-left: 1px solid #DBDBDB;
	margin-left: 20px;
	padding-left: 20px;
}

@media (min-width: 768px) and (max-width: 1280px) {
	.l-header-site-nav > .l-header-site-nav-list > li + li {
		margin-left: 12px;
		padding-left: 12px;
	}
}

.l-header-site-nav > .l-header-site-nav-list-sp {
	font-size: 12px;
	margin-top: 20px;
	margin-right: 10px;
}

.l-header-gnav {
	border-top: 1px solid #DBDBDB;
	box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: -1px 4px 5px -1px rgba(0, 0, 0, 0.2);
}

.l-header-gnav > .l-header-gnav-list {
	width: 100%;
	display: table;
	table-layout: fixed;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}

.l-header-gnav > .l-header-gnav-list > li {
	display: table-cell;
}

.l-header-gnav > .l-header-gnav-list > li.home {
	width: 70px;
}

.l-header-gnav > .l-header-gnav-list > li.home > a > span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0;
	height: 0;
	text-indent: -9999px;
	position: relative;
}

.l-header-gnav > .l-header-gnav-list > li.home > a > span:after {
	content: '';
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
}

.l-header-gnav > .l-header-gnav-list > li > a.open {
	background-color: #0C4C97;
}

.l-header-gnav > .l-header-gnav-list > li > a.open:before {
	content: " ";
	background: url(/ja/honninkakunin/img/diners/dropdown_arrow.png) no-repeat;
	display: block;
	position: absolute;
	width: 9px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	bottom: 5px;
}

.l-header-gnav > .l-header-gnav-list > li > a.open > span {
	color: #FFFFFF;
}

.l-header-gnav > .l-header-gnav-list > li > a {
	color: #263033;
	position: relative;
	text-align: center;
	line-height: 50px;
	font-size: 15px;
	font-weight: bold;
	display: block;
}

@media (min-width: 768px) and (max-width: 1280px) {
	.l-header-gnav > .l-header-gnav-list > li > a {
		font-size: 13.5px;
	}
}

.l-header-gnav > .l-header-gnav-list > li > a .support {
	padding-right: 10px;
	padding-bottom: 5px;
}

.l-header-gnav > .l-header-gnav-list > li > a.current:after {
	content: " ";
	border-bottom: 2px solid #0C4C97;
	display: block;
	width: 100%;
	-webkit-transition: width 0.25s ease-in-out;
	transition: width 0.25s ease-in-out;
}

.l-header-gnav > .l-header-gnav-list > li > a:after {
	content: " ";
	border-bottom: 2px solid #0C4C97;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	margin: -5px auto 0;
	-webkit-transition: width 0.25s ease-in-out;
	transition: width 0.25s ease-in-out;
}

.l-header-gnav > .l-header-gnav-list > li > a:hover:after {
	width: 100%;
}

.l-header-gnav > .l-header-gnav-list > li > a > span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.l-header-gnav > .l-header-gnav-list > li + li {
	border-left: 1px solid #DBDBDB;
}

.dropdown-menu {
	background-color: #0C4C97;
	display: none;
	border-top: 1px solid #0A3F7F;
}

.dropdown-menu-content {
	display: table;
	width: 97%;
	margin: 0 auto;
	padding: 15px 0;
}

.dropdown-menu-media {
	display: table-cell;
	background-color: #0A3F7F;
	width: 150px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
	opacity: 0.3;
}

.dropdown-menu-nav {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}

.dropdown-menu-nav-list {
	width: 100%;
}

.dropdown-menu-nav-list > li {
	min-width: 240px;
	display: inline-block;
	vertical-align: top;
	margin: 5px 10px;
}

.dropdown-menu-nav-list > li > a {
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
}

.dropdown-menu-nav-list > li > a:hover {
	opacity: 0.7;
	text-decoration: underline;
}

.dropdown-menu-nav-list > li > a:visited {
	color: #FFFFFF;
}

.dropdown-menu-nav-list > li span {
	display: block;
}

@media (min-width: 768px) and (max-width: 1280px) {
	.dropdown-menu-nav-list > li span {
		font-size: 14px;
	}
}

.dropdown-menu-nav-other-list {
	width: 530px;
	margin: 0 auto;
}

.dropdown-menu-nav-other-list > li {
	float: left;
	margin: 5px 0;
	width: 260px;
}

.dropdown-menu-nav-other-list > li > a {
	background-color: #FFFFFF;
	padding: 4px 10px;
	text-align: center;
	font-size: 14px;
	display: block;
}

.dropdown-menu-nav-other-list > li > a:hover {
	opacity: 0.7;
}

.dropdown-menu-nav-other-list > li > a:visited {
	color: #2477AB;
}

.dropdown-menu-nav-other-list > li + li {
	margin-left: 10px;
}

.close-dropdown-menu {
	background-color: #0A3F7F;
	text-align: center;
	display: table;
	width: 100%;
}

.close-dropdown-menu > a {
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 16px;
}

.l-header-sp-menu-area {
	position: absolute;
	top: 0;
	right: 0;
}

.l-header-sp-menu-area > .sp-nav {
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	background-color: #FFFFFF;
}

.l-header-sp-menu-area > .sp-nav > a {
	width: 50px;
	height: 50px;
	text-align: center;
	color: #FFFFFF;
	display: block;
}

.l-header-sp-menu-area > .sp-nav > a > .sp-nav-text {
	position: absolute;
	width: 100%;
	top: 32px;
	left: 50%;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	font-size: 10px;
}

.l-header-sp-menu-area > .sp-nav.sp-nav-menu {
	position: relative;
}

.l-header-sp-menu-area > .sp-nav.sp-nav-menu.close {
	background-color: #0C4E97;
}

.sp-nav-menu-bar {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	bottom: 0;
	left: 50%;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}

.sp-nav-menu-bar:before {
	margin-top: 0px;
}

.sp-nav-menu-bar.on:before {
	opacity: 0;
}

.sp-nav-menu-bar:before,
.sp-nav-menu-bar-hamburger:before,
.sp-nav-menu-bar-hamburger:after {
	content: '';
	display: block;
	position: absolute;
	width: 17px;
	height: 2px;
	background-color: #0C4E97;
	-webkit-transition: linear all .4s;
	transition: linear all .4s;
	top: 9px;
	left: 0;
	right: 0;
	margin-right: auto;
	margin-left: auto;
}

.sp-nav-menu.close .sp-nav-menu-bar:before,
.sp-nav-menu.close .sp-nav-menu-bar-hamburger:before,
.sp-nav-menu.close .sp-nav-menu-bar-hamburger:after {
	background-color: #FFFFFF;
}

.sp-nav-text {
	color: #0C4E97;
}

.sp-nav-menu.close .sp-nav-text {
	color: #FFFFFF;
}

.sp-nav-menu-bar-hamburger:before {
	margin-top: -5px;
}

.sp-nav-menu-bar-hamburger:after {
	margin-top: 5px;
}

.sp-nav-menu-bar.on .sp-nav-menu-bar-hamburger:before {
	margin-top: 0;
}

.sp-nav-menu-bar.on .sp-nav-menu-bar-hamburger:after {
	margin-top: 0;
}

.sp-nav-menu-bar.on:before {
	opacity: 0;
}

.sp-nav-menu-bar.on > .sp-nav-menu-bar-hamburger:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}

.sp-nav-menu-bar.on > .sp-nav-menu-bar-hamburger:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}

.toggle-menu {
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 50px;
}

.toggle-menu-nav {
	overflow-y: scroll;
}

.toggle-menu-nav-inner {
	height: auto;
}

.toggle-menu-nav-list {
	height: auto;
}

.login-menu {
	padding: 8px 10px;
	background: -webkit-linear-gradient(left, #002554 0%, #002554 50%, #002554 55%, #004C7C 100%);
	background: linear-gradient(to right, #002554 0%, #002554 50%, #002554 55%, #004C7C 100%);
	background-color: #002554;
}

.login-menu > .last-login {
	color: #FFFFFF;
	font-size: 12px;
}

.login-menu > .login-menu-list {
	margin-top: 6px;
}

.login-menu > .login-menu-list > li {
	float: left;
	width: 49%;
	border: 1px solid #4D6889;
}

.login-menu > .login-menu-list > li > a {
	background-color: transparent;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	display: block;
}

.login-menu > .login-menu-list > li + li {
	margin-left: 2%;
}

.login-state {
	padding: 8px 10px;
	background: -webkit-linear-gradient(left, #002554 0%, #002554 50%, #002554 55%, #004C7C 100%);
	background: linear-gradient(to right, #002554 0%, #002554 50%, #002554 55%, #004C7C 100%);
	background-color: #002554;
}

.login-state > .login-state-list > li {
	width: 50%;
	border: 1px solid #4D6889;
	margin: 0 auto;
}

.login-state > .login-state-list > li > * {
	background-color: transparent;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	height: 30px;
}

.login-state > .login-state-list > li > * > span {
	line-height: 30px;
}

.login-state > .login-state-list > li + li {
	margin-left: 2%;
}

.toggle-menu-nav-list > li {
	background-color: #FAFAFA;
	height: auto;
	line-height: 45px;
}

.toggle-menu-nav-list > li > a {
	display: block;
	padding-left: 10px;
}

.toggle-menu-nav-list > li.ac-panel {
	line-height: 35px;
	background-color: #EFEFEF;
}

.toggle-menu-nav-list > li.ac-panel > .ac-panel-link {
	color: #263033;
	display: block;
}

.toggle-menu-nav-list > li > .ac-panel-link {
	padding-left: 10px;
	padding-right: 10px;
	color: #0C4E97;
	position: relative;
	font-size: 14px;
	display: block;
}

.toggle-menu-nav-list > li > .ac-panel-link.arrow-right:after {
	content: '';
	position: absolute;
	display: block;
	background: url(/ja/honninkakunin/img/diners/icon_toggle_01.png) no-repeat;
	background-size: contain;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 14px;
	width: 5px;
	height: 8px;
}

.toggle-menu-nav-list > li > .ac-panel-link.outside-link:after {
	content: '';
	position: absolute;
	display: block;
	background: url(/ja/honninkakunin/img/diners/icon_toggle_02.png) no-repeat;
	background-size: contain;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 10px;
	width: 9px;
	height: 8px;
}

.toggle-menu-nav-list > li > .ac-panel-link.open:after {
	content: '';
	position: absolute;
	display: block;
	background: url(/ja/honninkakunin/img/diners/icon_nav_06.png) no-repeat;
	background-size: contain;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 10px;
	width: 11px;
	height: 11px;
}

.toggle-menu-nav-list > li > .ac-panel-link.close:after {
	content: '';
	position: absolute;
	display: block;
	background: url(/ja/honninkakunin/img/diners/icon_nav_07.png) no-repeat;
	background-size: contain;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 10px;
	width: 11px;
	height: 11px;
}

.toggle-menu-nav-list > li + li {
	border-top: 1px solid #DEDEDE;
}

.toggle-menu-nav-child {
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
}

.toggle-menu-nav-child > .toggle-menu-nav-child-list > li {
	background-color: #EFEFEF;
	height: 35px;
	line-height: 35px;
	padding-left: 25px;
	padding-right: 25px;
	position: relative;
}

.toggle-menu-nav-child > .toggle-menu-nav-child-list > li > a {
	display: block;
	font-size: 14px;
}

.toggle-menu-nav-child > .toggle-menu-nav-child-list > li > a.arrow-right:after {
	content: '';
	position: absolute;
	display: block;
	background: url(/ja/honninkakunin/img/diners/icon_link_12.png) no-repeat;
	background-size: contain;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 14px;
	width: 5px;
	height: 8px;
}

.toggle-menu-nav-child > .toggle-menu-nav-child-list > li + li {
	border-top: 1px solid #DEDEDE;
}

.nav-layer {
	position: fixed;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(12, 78, 151, 0.5);
	z-index: 1;
}

.close-btn {
	border: 1px solid #FFFFFF;
	text-align: center;
	width: 75px;
	margin: 10px auto 10px auto;
}

.close-btn > p a {
	width: 100%;
	color: #FFFFFF;
	font-size: 11px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	display: block;
}

@media (orientation: landscape) {
	.close-btn {
		margin: 10px auto 100px auto;
	}
}

/* ====== FOOTER ====== */
.l-footer-site-nav {
	background: -webkit-linear-gradient(left, #002958 0%, #034F7C 50%, #034F7C 52%, #002958 100%);
	background: linear-gradient(to right, #002958 0%, #034F7C 50%, #034F7C 52%, #002958 100%);
	background-color: #002958;
	padding: 19px 0;
}

@media (max-width: 767px) {
	.l-footer-site-nav {
		background-color: #EFEFEF;
		background: #EFEFEF;
		padding: 0;
	}
}

.l-footer-site-nav .l-footer-site-nav-box {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media (max-width: 767px) {
	.l-footer-site-nav .l-footer-site-nav-box {
		width: 100%;
		text-align: left;
	}
}

.l-footer-site-nav .l-footer-site-nav-list {
	margin-left: -40px;
}

.l-footer-site-nav .l-footer-site-nav-list > li {
	position: relative;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-left: 20px;
	padding-left: 20px;
}

@media (max-width: 767px) {
	.l-footer-site-nav .l-footer-site-nav-list > li {
		display: block;
		height: 27px;
		line-height: 27px;
		padding-left: 30px;
	}
}

.l-footer-site-nav .l-footer-site-nav-list > li > a {
	color: #FFFFFF;
	position: relative;
	padding-left: 15px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	font-size: 14px;
	display: block;
}

@media (min-width: 768px) and (max-width: 1280px) {
	.l-footer-site-nav .l-footer-site-nav-list > li > a {
		font-size: 11px;
	}
}

@media (max-width: 767px) {
	.l-footer-site-nav .l-footer-site-nav-list > li > a {
		font-size: 12px;
		color: #2477AB;
	}
}

.l-footer-site-nav .l-footer-site-nav-list > li > a:hover {
	opacity: 0.7;
}

.l-footer-site-nav .l-footer-site-nav-list > li > a:before {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	width: 11px;
	height: 9px;
	background: url(/ja/honninkakunin/img/diners/icon_link_06.png) no-repeat;
}

@media (max-width: 767px) {
	.l-footer-site-nav .l-footer-site-nav-list > li > a:before {
		background: url(/ja/honninkakunin/img/diners/icon_link_06_sp.png) no-repeat;
		background-size: contain;
		width: 10px;
		height: 9px;
	}
}

.l-footer-site-nav .l-footer-site-nav-list > li:after {
	content: "";
	width: 1px;
	height: 21px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: -20px;
	background-color: #4E7595;
}

@media (max-width: 767px) {
	.l-footer-site-nav .l-footer-site-nav-list > li:after {
		display: none;
	}
}

.l-footer-site-nav .l-footer-site-nav-list > li:last-child:after {
	content: "";
	padding: 0;
	margin: 0;
	display: none;
}

@media (max-width: 767px) {
	.l-footer-site-nav .l-footer-site-nav-list > li + li {
		border-top: 1px solid transparent;
	}
}

.l-footer-copyright {
	height: 30px;
	margin-top: 10px;
}

.l-footer-copyright > .l-footer-logo {
	float: left;
}

@media (max-width: 767px) {
	.l-footer-copyright > .l-footer-logo {
		float: none;
		text-align: center;
	}
}

.l-footer-copyright > .l-footer-logo img.logo-pc {
	display: inline-block;
}

@media (max-width: 767px) {
	.l-footer-copyright > .l-footer-logo img.logo-pc {
		display: none;
	}
}

.l-footer-copyright > .l-footer-logo img.logo-sp {
	display: none;
}

@media (max-width: 767px) {
	.l-footer-copyright > .l-footer-logo img.logo-sp {
		display: inline-block;
		width: 150px;
	}
}

.l-footer-copyright > .l-footer-copyright-text {
	float: right;
}

@media (max-width: 767px) {
	.l-footer-copyright > .l-footer-copyright-text {
		float: none;
		text-align: center;
	}
}

.l-footer-copyright > .l-footer-copyright-text > p {
	font-size: 10px;
}

.l-footer-copyright > .l-footer-copyright-text > .copyright-sp > img {
	width: 276px;
}

.footer-nonav {
	margin-top: 10px;
	border-top: 1px solid #DBDBDB;
}

/* ====== SIDE NAV ====== */
.l-side-content {
	width: 270px;
	margin-right: -270px;
	float: left;
	color: #FFFFFF;
}

@media (max-width: 767px) {
	.l-side-content {
		width: 100%;
	}
}

.myaccount-info {
	box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.3);
	border: 1px solid #EAEAEA;
}

.myaccount-info > .myaccount-info-head > .myaccount-info-head-wrapper {
	padding: 40px 20px;
	background-color: #fff;
}

.myaccount-info > .myaccount-info-head > .myaccount-info-head-wrapper > .side-nav-head {
	background: url(/ja/honninkakunin/img/diners/merchant-logo.png) no-repeat;
	background-position: center;
	background-size: 100% auto;
	width: 100%;
	height: 62px;
}

.myaccount-info > .myaccount-info-head > .myaccount-info-head-wrapper > .myaccount-info-text {
	background-color: #EFEFEF;
	text-align: center;
	font-size: 12px;
	color: #263033;
	margin-top: 20px;
}

.myaccount-info > .myaccount-info-section {
	background: -webkit-linear-gradient(to right, #002554 0%, #013260 15%, #013260 35%, #004C7C 100%);
	background: -webkit-linear-gradient(left, #002554 0%, #013260 15%, #013260 35%, #004C7C 100%);
	background: linear-gradient(to right, #002554 0%, #013260 15%, #013260 35%, #004C7C 100%);
	background-color: #002554;
	padding: 20px 19px 17px 19px;
}

.myaccount-info > .myaccount-info-section > .myaccount-info-section-wrapper > .sign-in-text {
	font-size: 11px;
}

.myaccount-info > .myaccount-info-section a {
	font-size: 14px;
	padding: 5px;
	border: 1px solid #4D6B8B;
	max-width: 110px;
	width: 100%;
	margin-top: 12px;
	box-shadow: none;
}

.myaccount-info > .myaccount-info-section a + a {
	margin-left: 3px;
}

.myaccount-info > .myaccount-info-section .arrow-right {
	position: relative;
	padding-left: 8px;
}

.myaccount-info > .myaccount-info-section .arrow-right:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_08.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0px;
}

.myaccount-info > .myaccount-info-section .outside-link {
	position: relative;
	padding-left: 17px;
}

.myaccount-info > .myaccount-info-section .outside-link:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_07.png) no-repeat;
	background-size: contain;
	width: 11px;
	height: 9px;
	position: absolute;
	top: 5px;
	left: 0px;
}

.myaccount-info > .myaccount-info-section > p.reward-point {
	font-size: 22px;
	padding-left: 35px;
}

.myaccount-info > .myaccount-info-section > p.reward-point > span {
	font-size: 14px;
	margin-left: 10px;
}

.myaccount-info > .myaccount-info-section + .myaccount-info-section {
	border-top: 1px solid #0C4C97;
	box-shadow: 0px -1px 1px #000000;
}

.side-nav-menu {
	margin-top: 10px;
	box-shadow: 2px 2px 2px -1px rgba(0, 0, 0, 0.3);
}

.side-nav-menu-ac-list {
	border: 1px solid #DBDBDB;
	box-shadow: 0px -1px 1px #F1F1F1;
}

.side-nav-menu-ac-list > li > a {
	height: 48px;
	line-height: 48px;
	display: block;
	padding-left: 40px;
	padding-right: 10px;
	position: relative;
	background-color: #FFFFFF;
	font-size: 14px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	font-weight: bold;
}

.side-nav-menu-ac-list > li > a:hover {
	background-color: #FAFAFA;
}

.side-nav-menu-ac-list > li > a:before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 10px;
}

.side-nav-menu-ac-list > li > a:after {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_merchant_nav.png) no-repeat;
	width: 8px;
	height: 12px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 10px;
}

.side-nav-menu-ac-list > li > a.ac-nav-01:before {
	background: url(/ja/honninkakunin/img/diners/icon_merchant_01.png) no-repeat;
	width: 20px;
	height: 16px;
}

.side-nav-menu-ac-list > li > a.ac-nav-02:before {
	background: url(/ja/honninkakunin/img/diners/icon_merchant_02.png) no-repeat;
	width: 16px;
	height: 21px;
}

.side-nav-menu-ac-list > li > a.ac-nav-03:before {
	background: url(/ja/honninkakunin/img/diners/icon_merchant_03.png) no-repeat;
	width: 20px;
	height: 21px;
}

.side-nav-menu-ac-list > li > a.ac-nav-04:before {
	background: url(/ja/honninkakunin/img/diners/icon_merchant_04.png) no-repeat;
	width: 20px;
	height: 15px;
}

.side-nav-menu-ac-list > li > a.ac-nav-05:before {
	background: url(/ja/honninkakunin/img/diners/icon_merchant_05.png) no-repeat;
	width: 20px;
	height: 17px;
}

.side-nav-menu-ac-list > li > a.ac-nav-06:before {
	background: url(/ja/honninkakunin/img/diners/icon_merchant_06.png) no-repeat;
	width: 17px;
	height: 20px;
}

.side-nav-menu-ac-list > li > a.ac-nav-07:before {
	background: url(/ja/honninkakunin/img/diners/icon_merchant_07.png) no-repeat;
	width: 22px;
	height: 24px;
}

.side-nav-menu-ac-list > li + li {
	border-top: 1px solid #DBDBDB;
	box-shadow: 0px -1px 1px #F1F1F1;
}

.merchant-table-section dd.custom-table-content > input[type="radio"]:checked + label::before {
	border: 1px solid #DBDBDB;
}

.merchant-table-section dd.custom-table-content > label::after {
	background: #636363;
}

.side-nav-menu-child-list > li {
	border-top: 1px solid #DBDBDB;
}

.side-nav-menu-child-list > li > a {
	height: 50px;
	line-height: 50px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFFFFF;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.side-nav-menu-child-list > li > a:hover {
	background-color: #FAFAFA;
}

.side-nav-menu-link-list > li > a {
	height: 50px;
	line-height: 50px;
	display: block;
	padding-left: 30px;
	padding-right: 10px;
	position: relative;
}

.side-nav-menu-link-list > li > a:before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 10px;
	background: url(/ja/honninkakunin/img/diners/icon_link_01.png);
	width: 11px;
	height: 9px;
}

.side-nav-menu-link-list > li + li {
	border-top: 1px dotted #DBDBDB;
}

.side-nav-menu-text {
	margin-top: 10px;
	font-size: 14px;
}

/* ====== SP SIDE NAV ====== */
.sp-side-nav-menu {
	margin-top: 10px;
}

.sp-side-nav-menu .side-nav-menu-ac-list {
	border: 1px solid #DBDBDB;
	box-shadow: 0px -1px 1px #F1F1F1;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li > a {
	height: 50px;
	line-height: 50px;
	display: block;
	padding-left: 45px;
	padding-right: 10px;
	position: relative;
	background-color: #FFFFFF;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	font-size: 14px;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li > a:before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 10px;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li > a.ac-nav-01:before {
	background: url(/ja/honninkakunin/img/diners/icon_nav_01.png) no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li > a.ac-nav-02:before {
	background: url(/ja/honninkakunin/img/diners/icon_footer_sp_02.png) no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li > a.ac-nav-03:before {
	background: url(/ja/honninkakunin/img/diners/icon_footer_sp_03.png) no-repeat;
	background-size: contain;
	width: 25px;
	height: 20px;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li > a.ac-nav-04:before {
	background: url(/ja/honninkakunin/img/diners/icon_footer_sp_04.png) no-repeat;
	background-size: contain;
	width: 19px;
	height: 24px;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li > a.ac-nav-05:before {
	background: url(/ja/honninkakunin/img/diners/icon_footer_sp_05.png) no-repeat;
	background-size: contain;
	width: 25px;
	height: 22px;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li > a.open:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 10px;
	background: url(/ja/honninkakunin/img/diners/icon_nav_06.png) no-repeat;
	width: 11px;
	height: 11px;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li > a.close:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 10px;
	background: url(/ja/honninkakunin/img/diners/icon_nav_07.png) no-repeat;
	width: 11px;
	height: 11px;
}

.sp-side-nav-menu .side-nav-menu-ac-list > li + li {
	border-top: 1px solid #DBDBDB;
	box-shadow: 0px -1px 1px #F1F1F1;
}

.sp-side-nav-menu .side-nav-menu-child-list > li {
	border-top: 1px solid #DBDBDB;
}

.sp-side-nav-menu .side-nav-menu-child-list > li > a {
	height: 35px;
	line-height: 35px;
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #EFEFEF;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	font-size: 14px;
	position: relative;
}

.sp-side-nav-menu .side-nav-menu-child-list > li > a:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 10px;
	background: url(/ja/honninkakunin/img/diners/icon_link_12.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
}

.sp-side-nav-menu .side-nav-menu-link-list > li > a {
	height: 35px;
	line-height: 35px;
	display: block;
	padding-left: 30px;
	padding-right: 10px;
	position: relative;
}

.sp-side-nav-menu .side-nav-menu-link-list > li > a:before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 10px;
	background: url(/ja/honninkakunin/img/diners/icon_link_01.png);
	width: 11px;
	height: 9px;
}

.sp-side-nav-menu .side-nav-menu-link-list > li + li {
	border-top: 1px dotted #DBDBDB;
}

.img-shadow {
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.page-login {
	padding-top: 30px;
}

@media (max-width: 767px) {
	.page-login {
		padding-top: 0;
	}
}

.page-login .card-status-head-block {
	display: flex;
	display: -webkit-box;
	/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;
	/*--- IE10 ---*/
	display: -webkit-flex;
	/*--- safari（PC）用 ---*/
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	position: relative;
}

@media (max-width: 767px) {
	.page-login .card-status-head-block {
		width: 100%;
		display: block;
	}
}

.page-login .card-status {
	padding: 15px 20px;
}

.page-login .card-status .card-styled-select {
	width: 100%;
}

.page-login .card-status .card-styled-select > select {
	font-size: 14px;
	width: 101%;
}

@media (max-width: 767px) {
	.page-login .card-status .card-select-box {
		padding: 10px;
		border: 5px solid #EFEFEF;
		background-color: #FFFFFF;
	}
}

.page-login header > h2 {
	border-bottom: none;
	font-size: 22px;
}

@media (max-width: 767px) {
	.page-login header > h2 {
		font-size: 16px;
		background-color: #DBDBDB;
		padding: 10px;
		margin-right: -10px;
		margin-left: -10px;
	}
}

@media (max-width: 767px) {
	.page-login header.content-head-h3 + * {
		margin-top: 10px;
	}
}

.page-login .top-link-block {
	margin-top: 20px;
}

.page-login .link-block-02 {
	margin-top: 40px;
}

@media (max-width: 767px) {
	.page-login .link-block-02 {
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	.page-login .signature-block {
		margin-top: 40px;
	}
}

@media (max-width: 767px) {
	.page-login .sp-side-nav-menu {
		margin-top: 0;
	}
}

.page-login .grid-contet-col-2 > .content {
	padding: 0;
}

.page-login .content a {
	color: #2477AB;
}

.page-login .content:first-child {
	padding-right: 20px;
}

@media (max-width: 767px) {
	.page-login .content:first-child {
		padding-right: 0;
	}
}

.page-login .content:last-child {
	padding-left: 20px;
}

.page-login .content ul li > a:nth-of-type(2) {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.page-login .content ul li > a:nth-of-type(2) {
		margin-top: 5px;
	}
}

.page-login .content ul li > a:nth-of-type(2) span {
	width: 150px;
	text-align: center;
	padding: 5px 3px;
	background-color: #D3E4ED;
	font-size: 12px;
}

.page-login .content ul li + li > a:nth-of-type(2) span {
	padding: 5px 15px;
}

@media (max-width: 767px) {
	.page-login .content ul li + li > a:nth-of-type(2) span {
		padding: 5px;
	}
}

.page-login .content .media > img {
	width: 100%;
}

@media (max-width: 767px) {
	.page-login .option-link-block {
		margin-top: 0;
	}
}

.link-list a:hover,
.link-list-other a:hover {
	opacity: 0.7;
}

.link-list a,
.link-list-other a {
	display: block;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.link-list .link-list-title {
	font-size: 14px;
}

.link-list > li {
	float: left;
	width: 50%;
}

@media (max-width: 767px) {
	.link-list > li {
		clear: both;
		width: 100%;
	}
}

.link-list > li:first-child {
	padding-right: 5px;
}

@media (max-width: 767px) {
	.link-list > li:first-child {
		padding-right: 0;
	}
}

.link-list > li:last-child {
	padding-left: 5px;
}

@media (max-width: 767px) {
	.link-list > li:last-child {
		padding-left: 0;
		margin-top: 20px;
	}
}

.link-list-other {
	font-size: 0;
}

.link-text-wrapper {
	margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1280px) {
	.link-text-wrapper {
		margin-top: 0;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.link-text-wrapper {
		margin-top: 5px;
	}
}

.link-text-wrapper > p {
	margin-top: 5px;
}

.media-list-other > li + li {
	position: relative;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.page-login .card-image {
	width: 111px;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 767px) {
	.page-login .card-image {
		display: none;
	}
}

.page-login .card-image + .card-form {
	max-width: 640px;
	width: 100%;
	min-width: 250px;
	padding: 0 30px;
	margin-left: 110px;
	display: inline-block;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form {
		float: none;
		clear: both;
		max-width: 100%;
		width: 100%;
		min-width: 280px;
		margin-left: 0;
		margin-right: 0;
		padding: 0 0;
	}
}

.page-login .card-image + .card-form .card-form-content {
	margin-top: 10px;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	    -ms-flex-wrap: nowrap;
	        flex-wrap: nowrap;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form .card-form-content {
		display: block;
	}
}

.page-login .card-image + .card-form form {
	position: relative;
}

.page-login .card-image + .card-form + .remaining-point-block {
	margin-top: -8px;
	display: inline-block;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block {
		display: block;
		width: 100%;
		float: none;
		clear: both;
		margin-top: 0;
	}
}

.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper {
	width: 400px;
	padding: 10px;
	border: 1px solid #DBDBDB;
	margin-left: auto;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper {
		min-width: 100%;
		width: 100%;
		margin-top: 20px;
		border: none;
		padding: 0;
	}
}

.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-head .remaining-point {
	color: #636363;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-head .remaining-point {
		font-size: 14px;
		color: #263033;
	}
}

.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-head span {
	float: left;
}

.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-head .point {
	float: right;
	font-size: 14px;
}

.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-head .point > span {
	font-size: 20px;
	margin-top: -7px;
}

.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc {
	margin-top: 5px;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc {
		width: 100%;
		padding: 5px 10px 10px 10px;
		border: 1px solid #DBDBDB;
	}
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc .element-btn-group-small {
		text-align: right;
	}
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc .element-btn-group-small .point {
		font-size: 14px;
		padding-bottom: 5px;
	}
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc .element-btn-group-small .point span {
		font-size: 20px;
	}
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc .element-btn-group-small ul {
		margin-top: 10px;
	}
}

.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc li {
	float: left;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc li {
		float: none;
		clear: both;
	}
}

.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc li + li {
	margin-left: 6px;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc li + li {
		margin-left: 0;
		margin-top: 5px;
	}
}

.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc a {
	width: 185px;
	display: block;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form + .remaining-point-block .remaining-point-wrapper .point-desc a {
		width: 100%;
	}
}

.page-login .card-image + .card-form .select-box-wrap {
	float: left;
	width: 93%;
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form .select-box-wrap {
		width: 76%;
	}
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form .select-box-wrap select {
		font-size: 14px;
		padding: 5px 15px 4px 5px;
	}
}

@media (max-width: 767px) {
	.page-login .card-image + .card-form .select-box-wrap:after {
		background-size: 85%;
	}
}

.page-login .card-status-desc-block > .used-money {
	font-size: 18px;
	margin-top: 20px;
}

@media (max-width: 767px) {
	.page-login .card-status-desc-block > .used-money {
		font-size: 14px;
		color: #263033;
	}
}

.page-login .card-status-desc-block dl dt span {
	font-size: 14px;
}

.page-login .card-status-desc-block dl dt a {
	font-size: 12px;
	text-decoration: underline;
	color: #2477ab;
	padding-left: 13px;
	display: block;
}

.page-login .card-status-desc-block > .cation {
	font-size: 12px;
	margin-top: 10px;
}

.page-login .card-status .card-change-btn {
	background-color: #666666;
	color: #FFFFFF;
	width: 80px;
	height: 40px;
	font-size: 16px;
	cursor: pointer;
	-webkit-appearance: none;
	border: 0;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.page-login .card-status .card-change-btn {
		top: 21px;
		right: 0;
		padding: 6px 8px;
		font-size: 14px;
	}
}

.pay-month {
	margin-top: 5px;
	width: 100%;
}

.pay-month > dl {
	width: 50%;
	display: table;
	float: left;
	height: 70px;
}

@media (max-width: 767px) {
	.pay-month > dl {
		float: none;
		clear: both;
		width: 100%;
		height: auto;
	}
}

.pay-month > dl:first-child {
	padding-right: 10px;
}

@media (max-width: 767px) {
	.pay-month > dl:first-child {
		padding-right: 0px;
	}
}

.pay-month > dl + dl {
	padding-left: 10px;
}

@media (max-width: 767px) {
	.pay-month > dl + dl {
		padding-left: 0px;
	}
}

.pay-month > dl > dt, .pay-month > dl dd {
	display: table-cell;
}

@media (max-width: 767px) {
	.pay-month > dl > dt, .pay-month > dl dd {
		display: block;
		width: 100%;
	}
}

.pay-month > dl > dt {
	width: 36.485%;
	min-width: 208px;
	background-color: #EFEFEF;
	padding: 10px;
	text-align: center;
	border: 1px solid #DBDBDB;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.pay-month > dl > dt {
		width: 100%;
		min-width: 100%;
		padding: 2px;
	}
}

.pay-month > dl > dt > a {
	font-size: 14px;
}

.pay-month > dl > dd {
	width: 100%;
	padding: 10px;
	text-align: right;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.pay-month > dl > dd {
		padding: 5px;
	}
}

.pay-month > dl > dd:last-child {
	text-align: right;
	border-right: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.pay-month > dl > dd:last-child {
		border-left: 1px solid #DBDBDB;
		border-top: none;
	}
}

.pay-month > dl > dd:last-child > div > div {
	display: inline-block;
}

@media (max-width: 767px) {
	.pay-month > dl > dd:last-child > div > div {
		display: block;
	}
}

.pay-month > dl > dd:last-child .pay-money {
	font-size: 14px;
	vertical-align: middle;
	line-height: 1.8;
	padding-right: 10px;
}

@media (min-width: 768px) and (max-width: 1280px) {
	.pay-month > dl > dd:last-child .pay-money {
		display: block;
	}
}

@media (max-width: 767px) {
	.pay-month > dl > dd:last-child .pay-money {
		padding-right: 0px;
	}
}

.pay-month > dl > dd:last-child .pay-money > span {
	font-size: 20px;
}

.pay-month > dl > dd:last-child .btn-top {
	width: 140px;
}

@media (max-width: 767px) {
	.pay-month > dl > dd:last-child .btn-top {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.pay-month .next-month dt {
		border-top: none;
	}
}

.pay-month .history-block {
	margin-top: 5px;
}

@media (max-width: 767px) {
	.pay-month .history-block {
		margin-top: 0;
	}
}

.content-top-type {
	width: 100%;
}

.content-top-type .media-list > li {
	float: left;
	width: auto;
	padding-left: 0;
	padding-right: 0;
}

.link-list-other {
	width: 100%;
}

.link-list-other li {
	display: inline-block;
}

.link-list-other li:nth-of-type(1) {
	width: 45.97%;
	position: relative;
}

@media (max-width: 767px) {
	.link-list-other li:nth-of-type(1) {
		width: 100%;
	}
}

.link-list-other li:nth-of-type(2) {
	width: 29.93%;
}

@media (max-width: 767px) {
	.link-list-other li:nth-of-type(2) {
		width: 55%;
	}
}

.link-list-other li:nth-of-type(3) {
	width: 24.1%;
}

@media (max-width: 767px) {
	.link-list-other li:nth-of-type(3) {
		width: 45%;
	}
}

.link-list-other img {
	width: 100%;
	height: auto;
}

.link-list-option li {
	padding: 5px;
	width: 32.6%;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	float: left;
	margin-right: 1.1%;
}

@media (max-width: 767px) {
	.link-list-option li {
		width: 100%;
		clear: both;
		margin-right: 0;
		padding: 0;
		box-shadow: none;
	}
}

.link-list-option li:last-child {
	margin-right: 0;
}

.link-list-option li div > a {
	color: #2477ab;
	display: inline-block;
}

@media (max-width: 767px) {
	.link-list-option li div > a {
		display: block;
	}
}

.link-list-option li div > a + a {
	margin-left: 10px;
}

@media (max-width: 767px) {
	.link-list-option li div > a + a {
		margin-left: 0;
	}
}

@media (max-width: 767px) {
	.link-list-option li div > a img {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.link-list-option li div > a:first-child {
		box-shadow: 1px 1px 10px #DBDBDB;
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.link-list-option li div > a:last-child {
		text-align: center;
		margin-top: 5px;
	}
}

.important-news-top {
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #DBDBDB;
	background-color: #FFF;
	font-size: 14px;
}

.important-news-top span {
	padding-left: 26px;
	font-size: 18px;
	position: relative;
}

.important-news-top span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_error.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -1px;
	left: 0px;
}

.important-news-top a {
	text-decoration: underline;
	color: #2477ab;
	display: inline-block;
	padding-left: 13px;
	position: relative;
}

.important-news-top a:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_01.png) no-repeat;
	background-size: contain;
	width: 10px;
	height: 8px;
	position: absolute;
	top: 7px;
	left: 0;
}

@media (max-width: 767px) {
	.top-login .login-user {
		margin-top: 10px;
	}
}

.breadcrumb > .breadcrumb-list > li {
	float: left;
	position: relative;
}

.breadcrumb > .breadcrumb-list > li + li {
	margin-left: 25px;
}

.breadcrumb > .breadcrumb-list > li + li:before {
	content: '＞';
	color: #000b15;
	position: absolute;
	left: -20px;
}

.top-card-form-content {
	position: relative;
}

.form-table-sum {
	width: 100%;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.form-table-sum .reward-table-padding {
		font-size: 13px;
	}
}

.label-pl {
	position: relative;
}

/* ====== PAGE COMMON ====== */
.cf:after, .grid:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.wrapper {
	position: relative;
	width: 100%;
}

.fixed-content {
	position: relative;
	min-width: 1024px;
	max-width: 1340px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
}

@media (max-width: 767px) {
	.fixed-content {
		min-width: 320px;
		max-width: auto;
		padding-left: 0;
		padding-right: 0;
	}
}

.fixed-header-content {
	position: relative;
	min-width: 1024px;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	.fixed-header-content {
		min-width: 320px;
		max-width: auto;
	}
}

.fixed-footer-content {
	position: relative;
	min-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	.fixed-footer-content {
		min-width: 320px;
	}
}

.l-frame {
	width: 100%;
	padding-top: 153px;
	padding-bottom: 100px;
}

@media (max-width: 767px) {
	.l-frame {
		padding-top: 50px;
		padding-bottom: 52px;
	}
}

.l-frame-no-nav {
	width: 100%;
	padding-top: 6px;
	padding-bottom: 78px;
}

@media (max-width: 767px) {
	.l-frame-no-nav {
		padding-top: 6px;
		padding-bottom: 10px;
	}
}

.l-frame-no-nav-other {
	width: 100%;
	padding-top: 88px;
	padding-bottom: 78px;
}

@media (max-width: 767px) {
	.l-frame-no-nav-other {
		padding-top: 0px;
		padding-bottom: 10px;
	}
}

.l-frame-no-nav-input {
	width: 100%;
	padding-top: 88px;
	padding-bottom: 70px;
}

@media (max-width: 767px) {
	.l-frame-no-nav-input {
		padding-top: 50px;
		padding-bottom: 10px;
	}
}

.modify-col {
	padding-left: 290px;
}

@media (max-width: 767px) {
	.modify-col {
		padding-left: 0;
	}
}

.l-main-content {
	width: 100%;
	float: right;
}

@media (max-width: 767px) {
	.l-main-content {
		width: 100%;
	}
}

.l-main-content-col-1 {
	width: 100%;
}

.content-section + .content-section {
	margin-top: 47px;
}

.img-txt {
	display: block;
	text-indent: -9999px;
}

.disp-inline {
	display: inline;
}

.disp-inline-block {
	display: inline-block;
}

.disp-block {
	display: block;
}

/* ====== MERCHANT ====== */
.merchant-page {
	padding-top: 20px;
	padding-bottom: 53px;
}

.merchant-page + .l-footer {
	margin-top: 10px;
	border-top: 1px solid #DBDBDB;
}

.merchant-page + .l-footer .l-footer-site-nav {
	display: none;
}

.merchant-content {
	padding-left: 290px;
}

.merchant-content header > h2 {
	font-size: 22px;
}

.merchant-element .myaccount-info > .myaccount-info-section {
	padding: 20px 19px 17px 19px;
}

.merchant-section-head > h2 {
	font-size: 22px;
	line-height: 1.2;
}

header.content-head-h2 + .merchant-section-desc {
	margin-top: 17px;
	padding: 10px;
	background-color: #EFEFEF;
}

.merchant-section-desc-inner {
	padding: 15px 20px 20px 20px;
	background-color: #FFFFFF;
	border: 10px solid #EFEFEF;
}

.merchant-section-desc-list {
	padding-left: 17px;
}

.merchant-section-desc-list .merchant-section-desc-item {
	position: relative;
	font-size: 18px;
}

.merchant-section-desc-list .merchant-section-desc-item + li {
	margin-top: -2px;
}

.merchant-section-desc-list .merchant-section-desc-item:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background-color: #999999;
	position: absolute;
	left: -16px;
	top: 11px;
}

.merchant-table {
	margin-top: 17px;
}

.merchant-table-category + .merchant-table-category dl {
	border-right: 1px solid #DBDBDB;
}

.merchant-info-table {
	width: 100%;
	margin-top: 11px;
}

.merchant-info-table > table {
	width: 100%;
}

.merchant-info-table .merchant-info-table-item > .merchant-info-table-head {
	background-color: #E9E9E9;
	width: 140px;
	text-align: left;
	padding: 12px;
	border: 1px solid #DBDBDB;
}

.merchant-info-table .merchant-info-table-item > .merchant-info-table-content {
	width: 300px !important;
	padding: 12px;
	border: 1px solid #DBDBDB;
}

.merchant-desc-table {
	width: 100%;
	border-bottom: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	margin-top: 11px;
}

.merchant-desc-table-item {
	width: 50%;
	float: left;
	border-left: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
}

.merchant-desc-table-content {
	width: 100%;
}

.merchant-desc-table-category {
	background-color: #E9E9E9;
	width: 140px;
}

.merchant-desc-table-category,
.merchant-desc-table-content {
	padding: 12px;
	float: left;
	white-space: nowrap;
}

th.custom-table-head:first-child {
	width: 295px;
}

.merchant-desc-table-content {
	padding: 12px;
	padding-left: 154px;
}

.merchant-table-section {
	margin-top: 18px;
}

.merchant-table-section > h2 {
	line-height: 20px;
	padding: 2px;
	font-size: 20px;
}

.merchant-table-section > .merchant-table-section-desc {
	padding: 5px 3px;
	margin-top: 8px;
}

.merchant-table-section > .merchant-table-section-desc > span {
	font-size: 14px;
}

td.custom-table-content > input[type="radio"] {
	display: none;
}

td.custom-table-content > label {
	position: relative;
	display: inline-block;
	padding-left: 23px;
	cursor: pointer;
	height: 20px;
	margin-bottom: 3px;
}

td.custom-table-content > label::before,
td.custom-table-content > label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}

td.custom-table-content > label::before {
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #f3f3f3;
	border: 1px solid #ccc;
}

td.custom-table-content > label:hover::before {
	background: #fff;
}

td.custom-table-content > label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #263033;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	    transform: scale(2);
}

td.custom-table-content > input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #DBDBDB;
}

td.custom-table-content > input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
}

.merchant-custom-table-content {
	padding: 10px 10px 10px 10px;
	line-height: 25px;
}

.custom-table-list > .merchant-custom-table-content {
	padding: 10px 10px 10px 10px;
}

.merchant-shop-content .shop-desc-item {
	margin-right: 50%;
	padding-right: 1px;
	border-right: 1px solid #DBDBDB;
}

.merchant-shop-content .shop-none-cell {
	display: none;
}

.merchant-shop-content .merchant-table-body th.custom-table-head:first-child {
	width: 190px;
}

.merchant-shop-content tr > td:last-child {
	width: 160px !important;
	min-width: 160px !important;
}

.merchant-shop-content .merchant-other-table-body th {
	width: 790px;
	background-color: #ccc;
}

.merchant-shop-content .merchant-shop-other-block {
	margin-top: 30px;
}

.merchant-shop-content .merchant-shop-other-block h2 {
	font-size: 20px;
	padding: 5px 0;
}

.merchant-shop-content .merchant-other-section-desc {
	padding: 10px;
	background-color: #EFEFEF;
}

.merchant-shop-content .merchant-other-section-desc .merchant-section-desc-list {
	margin-top: 10px;
}

.merchant-shop-content .merchant-table-section-subhead {
	margin-top: 30px;
}

.merchant-shop-content .shop-btn-under {
	margin-top: 20px;
}

.merchant-shop-content .btn-group-list > .cancel > .btn-small,
.merchant-shop-content .btn-group-list > .apply > .btn-small {
	width: 280px;
}

.merchant-shop-content .merchant-shop-table th {
	background-color: #E9E9E9;
}

.merchant-shop-content .merchant-shop-table tr + tr th {
	background-color: #EFEFEF;
}

.merchant-shop-content .merchant-other-table-body th {
	background-color: #e9e9e9;
}

.merchant-shop-content .merchant-desc-table,
.merchant-shop-content .merchant-shop-content .shop-desc-item,
.merchant-shop-content .merchant-desc-table-item,
.merchant-shop-content .merchant-table {
	border: none;
}

.merchant-shop-content .merchant-desc-table-item {
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
}

.merchant-shop-content .merchant-desc-table-item:first-child {
	border-right: 1px solid #DBDBDB;
}

.merchant-shop-content .merchant-desc-table {
	border-bottom: 1px solid #DBDBDB;
}

.merchant-shop-content .merchant-desc-table dl:last-child dd {
	border-right: 1px solid #DBDBDB;
}

.custom-table-list > .custom-table-head {
	background-color: #EFEFEF;
	padding: 11px 10px 11px 10px;
	font-weight: bold;
	line-height: 1.3;
}

.txt-large {
	font-size: 20px !important;
}

.mechant-btn-wrapper {
	margin-top: 20px;
	padding-top: 10px;
}

.small-text {
	font-size: 14px;
	text-indent: 5px;
}

.merchant-table-body {
	width: 100%;
}

/* ====== MERCHANT ORDER ====== */
.merchant-order-intro-text {
	margin-top: 20px;
}

.merchant-order-form .form-box {
	clear: both;
	width: 100%;
}

.merchant-order-form .form-content-area {
	margin-top: 20px;
}

.merchant-order-form .form-content > .form-type-01 > input {
	width: 100%;
	max-width: 370px;
	min-width: 340px;
}

.merchant-order-form .form-table + .form-table {
	margin-top: 0;
}

.merchant-order-form .form-table + .form-table tr:first-child td {
	border-top: none;
}

.merchant-order-form .form-content-radio > label {
	padding-right: 25px;
}

.merchant-order-form .form-content-checkbox > label {
	padding-right: 25px;
}

.merchant-order-form .page-order-post > * {
	display: inline-block;
}

/* ====== MERCHANT SIGNON ====== */
.merchant-singon-btn {
	margin-top: 9px;
	text-align: center;
}

.merchant-singon-btn > a {
	width: 553px;
	height: 40px;
	line-height: 40px;
}

.merchant-signon-text {
	width: 303px;
	margin: 10px auto 0 auto;
	font-size: 14px;
}

.merchant-page .side-nav-menu-text span {
	display: inline-block;
	line-height: 1.4;
}

.merchant-page .side-nav-menu-text span:before {
	top: 8px;
}

.merchant-signon-content header > h2 {
	font-size: 22px;
}

.merchant-signon-content header.content-head-h2 + .merchant-section-desc {
	margin-top: 17px;
}

.merchant-signon-content .form-table dt {
	width: 167px;
}

.merchant-signon-content .form-table .form-content {
	padding: 8px 9px 9px;
}

.merchant-signon-content .form-table .form-content > .form-name-box > * > .form-name-flex > .form-name-input > input {
	max-width: 382px;
	min-width: 340px;
}

.merchant-signon-content .form-merchant-signon {
	margin-top: 12px;
}

.merchant-signon-content .merchant-section-desc-inner {
	padding: 16px 20px 25px 20px;
}

/* ====== MERCHANT SIGNON ====== */
.merchant-singon-btn {
	margin-top: 9px;
	text-align: center;
}

.merchant-singon-btn > a {
	width: 553px;
	height: 40px;
	line-height: 40px;
}

.merchant-signon-text {
	width: 303px;
	margin: 10px auto 0 auto;
	font-size: 14px;
}

.merchant-page .side-nav-menu-text span {
	display: inline-block;
	line-height: 1.4;
}

.merchant-page .side-nav-menu-text span:before {
	top: 8px;
}

.merchant-signon-content header > h2 {
	font-size: 22px;
}

.merchant-signon-content header.content-head-h2 + .merchant-section-desc {
	margin-top: 17px;
}

.merchant-signon-content .form-table dt {
	min-width: 167px !important;
}

.merchant-signon-content .form-table .form-content {
	padding: 8px 9px 9px;
}

.merchant-signon-content .form-table .form-content > .form-name-box > * > .form-name-flex > .form-name-input > input {
	max-width: 382px;
	min-width: 340px;
}

.merchant-signon-content .form-merchant-signon {
	margin-top: 12px;
}

.merchant-signon-content .merchant-section-desc-inner {
	padding: 16px 20px 25px 20px;
}

/* ====== MERCHANT EMAIL ====== */
.merchant-changemail-content header > h2 {
	font-size: 22px;
}

.merchant-changemail-content header.content-head-h2 + .merchant-section-desc {
	margin-top: 17px;
}

.merchant-changemail-content .form-table .form-content {
	padding: 8px 9px 9px;
}

.merchant-changemail-content .form-table .form-content > .form-name-box > * > .form-name-flex > .form-name-input > input {
	max-width: 382px;
	min-width: 300px;
}

.merchant-changemail-content .form-merchant-changemail {
	margin-top: 12px;
}

.merchant-changemail-content .merchant-section-desc-inner {
	padding: 16px 20px 25px 20px;
}

.side-nav-menu-child {
	position: relative;
}

/* ====== INPUT PERSONAL ====== */
.page-entry {
	padding-top: 10px;
}

.page-entry .page-entry-block-02 {
	margin-top: 21px;
}

.page-entry .info-sub-box {
	margin-top: 21px;
}

.page-entry .info-message {
	padding: 20px 17px;
	margin-bottom: 10px;
	border-bottom: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.page-entry .info-message {
		padding: 10px 10px;
	}
}

.page-entry .page-entry-block-03 {
	margin-top: 10px;
}

.page-entry .card-status {
	padding: 24px 30px;
}

.page-entry .card-image > img {
	width: 147px;
}

@media (max-width: 767px) {
	.page-entry .info-box {
		padding: 5px 10px 14px 10px;
	}
}

@media (max-width: 767px) {
	.page-entry .info-box .info-box-description {
		margin-top: 0;
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.page-entry .info-box .page-entry-info-box {
		margin-bottom: 4px;
	}
}

@media (max-width: 767px) {
	.page-entry .info-box .page-entry-info-box-inner > span {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.page-entry .info-box .page-entry-info-box-inner > .tel {
		margin-top: -4px;
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.page-entry .info-box .time {
		font-size: 12px;
	}
}

.entry-progressbar {
	margin-left: -6%;
	margin-right: -6%;
}

div.form-content .type-other > select {
	height: 27px;
}

.callcenter-info {
	margin-top: 40px;
}

.callcenter-info .callcenter-info-wrapper {
	font-size: 14px;
	text-align: center;
	padding-top: 13px;
	line-height: 31px;
}

.callcenter-info .callcenter-info-wrapper .callcenter-info-detail {
	text-align: center;
}

.callcenter-info .callcenter-info-wrapper .callcenter-info-name {
	font-size: 18px;
	margin-left: -8px;
	margin-right: 2px;
}

.callcenter-info .callcenter-info-wrapper .callcenter-info-number {
	font-size: 21px;
	letter-spacing: 1px;
}

.callcenter-info .callcenter-info-wrapper .callcenter-info-hours {
	margin-left: 15px;
}

.callcenter-info .callcenter-info-wrapper :last-child.callcenter-info-hours {
	margin-left: 13px;
}

.page-entry-info-box {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.page-entry-info-box {
		width: 185px;
	}
}

.page-entry-info-box .page-entry-info-box-inner {
	text-align: left;
	display: inline-block;
}

/* ====== CASHING INPUT ====== */
@media (max-width: 767px) {
	.cashing-page {
		padding-top: 10px;
	}
}

@media (max-width: 767px) {
	.cashing-page .cashing-list {
		padding-top: 50px;
	}
}

.cashing-page .cashing-block-01 {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.cashing-page .cashing-block-01 {
		margin-top: 0;
	}
}

.cashing-page h1 br {
	display: none;
}

@media (max-width: 767px) {
	.cashing-page h1 br {
		display: block;
	}
}

.cashing-page .form-content-gender {
	display: inline-block;
}

@media (max-width: 767px) {
	.cashing-page .form-content-gender {
		display: block;
	}
}

.cashing-page .form-content-gender + .form-content-cashing-request {
	margin-left: 10px;
}

@media (max-width: 767px) {
	.cashing-page .form-content-gender + .form-content-cashing-request {
		margin-left: 0;
	}
}

@media (max-width: 767px) {
	.cashing-page .form-content-radio {
		display: block;
	}
}

.cashing-page .cashing-block01 > header + .cashing-progress {
	margin-top: 25px;
}

.cashing-progress > .cashing-progressbar {
	margin-left: 28%;
	margin-right: 28%;
}

@media (max-width: 767px) {
	.cashing-progress > .cashing-progressbar {
		margin-left: 0;
		margin-right: 0;
	}
}

.cashing-progress > .cashing-progressbar > li {
	width: 33.33%;
}

@media (max-width: 767px) {
	.cashing-progress > .cashing-progressbar > li:after {
		top: 8px;
		height: 3px;
	}
}

.cashing-request-info {
	margin-top: 15px;
}

.cashing-block .cashing-form-box {
	width: 100%;
	margin-top: 20px;
}

.cashing-block .form-table-flex-content-other > dt {
	width: 360px;
}

@media (max-width: 767px) {
	.cashing-block .form-table-flex-content-other > dt {
		width: 100%;
	}
}

.cashing-block .form-table-flex-content-other .possible-money {
	font-size: 20px;
	padding-right: 5px;
}

.cashing-block .form-table-flex-content-other .form-table-text {
	padding-left: 10px;
}

.cashing-block .form-content > .form-name-box > * > .form-name-flex {
	width: auto;
}

.cashing-block input[type="text"] {
	width: 250px;
}

@media (max-width: 767px) {
	.cashing-block input[type="text"] {
		width: 100% !important;
	}
}

.cashing-block div.form-box-message {
	font-size: 14px;
	line-height: 20px;
}

.cashing-block div.form-box-message br {
	display: none;
}

@media (max-width: 767px) {
	.cashing-block div.form-box-message br {
		display: block;
	}
}

@media (max-width: 767px) {
	.cashing-block div.form-box-message span {
		display: inline-block;
		font-size: 12px;
		line-height: 1.6;
	}
}

.cashing-block div.form-box-message + div.form-cashing-money {
	margin-top: 10px;
}

.cashing-block div.form-box-message + div.form-cashing-money .form-name-txt-label {
	padding-left: 20px;
}

@media (max-width: 767px) {
	.cashing-block div.form-box-message + div.form-cashing-money .form-name-txt-label {
		padding-left: 10px;
	}
}

.cashing-block .error-message {
	margin-top: 20px;
}

.cashing-block .form-content-gender > label::after {
	background: #666666;
}

.cashing-block .form-content-gender > input[type="radio"]:checked + label::before {
	border: 1px solid #666666;
}

.cashing-block .form-pay-process {
	height: 55px;
}

@media (max-width: 767px) {
	.cashing-block .form-pay-process {
		height: auto;
	}
}

/* ====== SIGNON ====== */
.page-sign-on header.content-head-h1 {
	padding-top: 13px;
}

@media (max-width: 767px) {
	.page-sign-on header.content-head-h1 {
		padding-top: 2px;
	}
}

.page-sign-on .sign-on-landing {
	margin-top: 10px;
}

.sign-on-side-landing {
	width: 21.774%;
	float: left;
}

@media (max-width: 767px) {
	.sign-on-side-landing {
		width: 100%;
		clear: both;
	}
}

.sign-on-side-landing header.content-head-h2 {
	text-align: center;
}

.sign-on-side-landing header.content-head-h2 > h2 {
	font-size: 16px;
}

.sign-on-side-landing .sign-on-form-content {
	margin-top: 22px;
}

@media (max-width: 767px) {
	.sign-on-side-landing .sign-on-form-content {
		margin-top: 0;
	}
}

.sign-on-side-landing .sign-on-form-content dl + dl {
	margin-top: 10px;
}

.sign-on-side-landing .sign-on-form-content dl dt {
	font-size: 14px;
}

@media (max-width: 767px) {
	.sign-on-side-landing .sign-on-form-content dl dt {
		font-size: 16px;
	}
}

.sign-on-side-landing .sign-on-form-content dl dd {
	text-align: right;
}

.sign-on-side-landing .sign-on-form-content dl dd input {
	height: 35px;
	width: 100%;
}

.sign-on-side-landing .sign-on-form-content dl dd input + a {
	margin-top: 3px;
	text-decoration: underline;
	color: #2477ab;
}

.sign-on-side-landing .sign-on-form-content dl dd .vertual-pad {
	font-size: 12px;
}

.sign-on-side-landing .sign-on-form-content .save-id-wrapper {
	margin-top: 13px;
}

@media (max-width: 767px) {
	.sign-on-side-landing .sign-on-form-content .save-id-wrapper {
		margin-top: 15px;
	}
}

.sign-on-side-landing .sign-on-form-content .save-id-wrapper > input[type="checkbox"] {
	display: none;
}

.sign-on-side-landing .sign-on-form-content .save-id-wrapper > label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 12px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.sign-on-side-landing .sign-on-form-content .save-id-wrapper > label::before, .sign-on-side-landing .sign-on-form-content .save-id-wrapper label::after {
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s;
}

.sign-on-side-landing .sign-on-form-content .save-id-wrapper > label::before {
	top: 50%;
	left: 2px;
	width: 10px;
	height: 10px;
	margin-top: -4px;
	background: #FFFFFF;
	border: 1px solid #5D6363;
}

@media (max-width: 767px) {
	.sign-on-side-landing .sign-on-form-content .save-id-wrapper > label::before {
		width: 15px;
		height: 15px;
		margin-top: -8px;
		border: 1px solid #DBDBDB;
	}
}

.sign-on-side-landing .sign-on-form-content .save-id-wrapper > label::after {
	opacity: 0;
	top: 50%;
	left: 5px;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-left: 2px solid #263033;
	border-bottom: 2px solid #263033;
	-webkit-transform: rotate(-45deg) scale(0.5);
	-ms-transform: rotate(-45deg) scale(0.5);
	    transform: rotate(-45deg) scale(0.5);
}

@media (max-width: 767px) {
	.sign-on-side-landing .sign-on-form-content .save-id-wrapper > label::after {
		left: 6px;
		width: 8px;
		height: 5px;
		margin-top: -5px;
	}
}

.sign-on-side-landing .sign-on-form-content .save-id-wrapper > label:hover::before {
	background: #fff;
}

.sign-on-side-landing .sign-on-form-content .save-id-wrapper > input[type="checkbox"]:checked + label::before {
	background: #fff;
	border: 1px solid #5D6363;
}

@media (max-width: 767px) {
	.sign-on-side-landing .sign-on-form-content .save-id-wrapper > input[type="checkbox"]:checked + label::before {
		border: 1px solid #DBDBDB;
	}
}

.sign-on-side-landing .sign-on-form-content .save-id-wrapper > input[type="checkbox"]:checked + label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	-ms-transform: rotate(-45deg) scale(1);
	    transform: rotate(-45deg) scale(1);
}

.sign-on-side-landing .sign-on-form-content .sign-on-btn-wrapper {
	margin-top: 8px;
}

@media (max-width: 767px) {
	.sign-on-side-landing .sign-on-form-content .sign-on-btn-wrapper {
		margin-top: 15px;
	}
}

.sign-on-side-landing .sign-on-form-content .sign-on-btn-wrapper > .input-btn-wrap {
	height: 30px;
}

.sign-on-side-landing .sign-on-form-content .sign-on-btn-wrapper > .input-btn-wrap > span {
	line-height: 30px;
}

.sign-on-side-landing .btn-wrapper {
	margin-top: 12px;
}

.sign-on-side-landing .sign-on-guide-block header.content-head-h3 > h3 {
	font-size: 16px;
}

.sign-on-side-landing .sign-on-guide-block .sign-on-content p {
	font-size: 14px;
}

.sign-on-main-landing {
	width: 76.61%;
	float: right;
}

@media (max-width: 767px) {
	.sign-on-main-landing {
		width: 100%;
		clear: both;
		margin-top: 10px;
	}
}

.sign-on-main-landing .content-head-h2 {
	margin-top: 0;
}

.sign-on-main-landing header.campaign-head h2 {
	font-size: 22px;
}

.sign-on-main-landing .important-head h2 {
	font-size: 20px;
}

.sign-on-main-landing .sign-on-campaign-block {
	padding: 16px 20px 22px 20px;
	border: 1px solid #DBDBDB;
	background-color: #FFFFFF;
}

.sign-on-main-landing .sign-on-campaign-block .sign-on-news-list-wrapper {
	margin-top: 12px;
}

.sign-on-main-landing .sign-on-campaign-list {
	width: 100%;
}

.sign-on-main-landing .sign-on-campaign-list li {
	float: left;
	width: 32.5%;
}

@media (max-width: 767px) {
	.sign-on-main-landing .sign-on-campaign-list li {
		float: none;
		width: 100%;
	}
}

.sign-on-main-landing .sign-on-campaign-list li + li {
	margin-left: 1.25%;
}

@media (max-width: 767px) {
	.sign-on-main-landing .sign-on-campaign-list li + li {
		margin-left: 0;
		margin-top: 13px;
	}
}

.sign-on-main-landing .sign-on-campaign-list li a {
	margin-top: 14px;
	color: #2477ab;
	text-decoration: underline;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.sign-on-main-landing .sign-on-campaign-list li a {
		margin-top: 5px;
		font-size: 14px;
	}
}

.sign-on-main-landing .sign-on-campaign-list li img {
	width: 100%;
	height: auto;
}

.sign-on-main-landing .important-news-block {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.sign-on-main-landing .important-news-block header > h2 {
		padding: 0;
		background: none;
		margin-left: -10px;
	}
}

.sign-on-main-landing .campaign-pict {
	cursor: pointer;
	outline: none;
	position: relative;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: 0.1px;
}

.page-sign-on-content {
	padding-top: 8px;
	padding-bottom: 30px;
}

.page-sign-on .sign-on-form-wrapper {
	padding: 15px 20px 23px 20px;
	border: 10px solid #EFEFEF;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.page-sign-on .sign-on-form-wrapper {
		border: 5px solid #EFEFEF;
		padding: 10px;
	}
}

@media (max-width: 767px) {
	.page-sign-on .sign-on-head {
		padding: 0;
	}
}

@media (max-width: 767px) {
	.page-sign-on .sign-on-head h2 {
		padding: 5px 10px;
		margin-left: -20px;
		margin-right: -20px;
	}
}

.page-sign-on input[type="submit"] {
	width: 100%;
	background-color: #2477ab;
	height: 30px;
	-webkit-appearance: none;
	border: none;
	color: #ffffff;
	font-size: 14px;
}

@media (max-width: 767px) {
	.page-sign-on input[type="submit"] {
		height: 40px;
	}
}

.page-sign-on .vertual-pad,
.page-sign-on .save-id-wrapper > span,
.page-sign-on .forget-pass > span {
	font-size: 12px;
	line-height: 1;
}

@media (max-width: 767px) {
	.page-sign-on .vertual-pad,
	.page-sign-on .save-id-wrapper > span,
	.page-sign-on .forget-pass > span {
		font-size: 14px;
	}
}

.page-sign-on .vertual-pad {
	margin-top: 14px;
}

.page-sign-on .save-id-wrapper {
	margin-top: 2px;
	text-align: center;
}

@media (max-width: 767px) {
	.page-sign-on .save-id-wrapper {
		margin-top: 5px;
	}
}

.page-sign-on .sign-on-btn-wrapper {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.page-sign-on .sign-on-btn-wrapper {
		margin-top: 20px;
	}
}

.page-sign-on .sign-on-btn-wrapper a {
	width: 100%;
	background-color: #2477ab;
	height: 30px;
}

@media (max-width: 767px) {
	.page-sign-on .sign-on-btn-wrapper a {
		height: 40px;
	}
}

.page-sign-on .sign-on-btn-wrapper a span {
	position: relative;
	left: 50%;
}

.page-sign-on .forget-pass-wrapper {
	text-align: center;
	margin-top: 8px;
}

.page-sign-on .forget-pass-wrapper a {
	text-decoration: underline;
	color: #2477AB;
}

.page-sign-on a.txt-outside-link > span {
	display: inline;
}

.page-sign-on a.txt-outside-link > .virtual-pad {
	font-size: 12px;
}

.page-sign-on .txt-arrow-right-white-input {
	position: relative;
}

.page-sign-on .txt-arrow-right-white-input span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_08.png) no-repeat;
	background-size: contain;
	width: 10px;
	height: 8px;
	position: absolute;
	top: 60%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -45px;
}

@media (max-width: 767px) {
	.page-sign-on .important-news-block {
		margin-top: 20px;
	}
}

.page-sign-on .important-news-block .important-news-wrapper {
	padding: 15px 20px 20px 20px;
	border: 1px solid #DBDBDB;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.page-sign-on .important-news-block .important-news-wrapper {
		border: none;
		padding: 0;
	}
}

.page-sign-on .important-news-block .important-news-wrapper .sign-on-news-list-wrapper {
	margin-top: 13px;
}

@media (max-width: 767px) {
	.page-sign-on .important-news-block .important-news-wrapper .sign-on-news-list-wrapper {
		padding: 15px 15px 30px 15px;
		border-bottom: 1px solid #DBDBDB;
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
		margin-top: 0;
	}
}

.page-sign-on .important-news-block ul > li {
	position: relative;
}

.page-sign-on .important-news-block ul > li:first-child a {
	margin-top: 5px;
}

.page-sign-on .important-news-block ul > li + li {
	margin-top: 19px;
}

.page-sign-on .important-news-block ul > li span.news-head {
	font-size: 16px;
	padding-left: 17px;
	display: inline-block;
	font-weight: bold;
}

@media (max-width: 767px) {
	.page-sign-on .important-news-block ul > li span.news-head {
		font-size: 14px;
	}
}

.page-sign-on .important-news-block ul > li:after {
	content: '';
	width: 10px;
	height: 10px;
	background-color: #999999;
	position: absolute;
	top: 7px;
	left: 0;
}

.page-sign-on .important-news-block ul > li a {
	text-decoration: underline;
	color: #2477ab;
	margin-top: 5px;
	display: block;
}

.page-sign-on .important-news-block ul > li p, .page-sign-on .important-news-block ul > li a {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.page-sign-on .important-news-block ul > li p, .page-sign-on .important-news-block ul > li a {
		padding-left: 0;
		padding-right: 0;
	}
}

.page-sign-on .important-news-block ul > li .small-text {
	font-size: 12px;
	margin-top: 11px;
}

@media (max-width: 767px) {
	.page-sign-on .important-news-block ul > li .small-text {
		font-size: 10px;
	}
}

.page-sign-on .sign-on-guide-block {
	margin-top: 7px;
}

.page-sign-on .sign-on-guide-block .btn-group {
	margin-top: 2px;
}

@media (max-width: 767px) {
	.page-sign-on .sign-on-guide-block .btn-group {
		margin-top: 10px;
	}
}

.page-sign-on .sign-on-guide-block .sign-on-content {
	width: 100%;
	padding: 10px 0;
}

@media (max-width: 767px) {
	.page-sign-on .sign-on-guide-block .sign-on-content {
		width: 100%;
		clear: both;
	}
}

.page-sign-on .sign-on-guide-block .sign-on-content ul {
	width: 100%;
}

.page-sign-on .sign-on-guide-block .sign-on-content ul li {
	width: 100%;
}

.page-sign-on .sign-on-guide-block .sign-on-content ul li a {
	width: 100%;
}

.page-sign-on .sign-on-guide-block .sign-on-content p {
	padding-left: 3px;
	padding-right: 3px;
}

/* ====== SP SIGNON ====== */
.page-sign-on .sign-on-form {
	border-bottom: 1px solid #DBDBDB;
}

.page-sign-on .sign-on-form dt, .page-sign-on .sign-on-form dd {
	width: 100%;
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}

.page-sign-on .sign-on-form dt {
	background-color: #EFEFEF;
	padding: 5px 10px;
}

.page-sign-on .sign-on-form dd {
	padding: 10px;
}

.page-sign-on .sign-on-form dd input {
	width: 100%;
	height: 30px;
	border: 1px solid #DBDBDB;
	padding: 5px 10px;
	font-size: 14px;
}

/* ====== CARD HISOTRY ====== */
.page-cardhistory {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.page-cardhistory {
		margin-top: 10px;
	}
}

.history-pay-money {
	margin-top: 10px;
	width: 100%;
	display: table;
}

@media (max-width: 767px) {
	.history-pay-money {
		border-bottom: 1px solid #DBDBDB;
	}
}

.history-pay-money dl {
	float: left;
	display: table;
	width: 49.13%;
	border: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.history-pay-money dl {
		width: 100%;
		clear: both;
		border: none;
		border-left: 1px solid #DBDBDB;
		border-top: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
	}
}

@media (max-width: 767px) {
	.history-pay-money dl:last-child {
		border-bottom: 1px solid #DBDBDB;
	}
}

.history-pay-money dl + dl {
	float: right;
}

@media (max-width: 767px) {
	.history-pay-money dl + dl {
		clear: both;
	}
}

.history-pay-money dl dt, .history-pay-money dl dd {
	display: table-cell;
	font-size: 16px;
}

@media (max-width: 767px) {
	.history-pay-money dl dt, .history-pay-money dl dd {
		display: block;
		font-size: 14px;
	}
}

.history-pay-money dl dt {
	width: 39%;
	padding: 14px;
	background-color: #E9E9E9;
	min-width: 230px;
	white-space: nowrap;
	border-right: 1px solid #DBDBDB;
	text-align: center;
}

@media (max-width: 767px) {
	.history-pay-money dl dt {
		width: 100%;
		padding: 4px;
		border: none;
	}
}

.history-pay-money dl dt span {
	font-size: 12px;
}

.history-pay-money dl dd {
	width: 61%;
	background-color: #ffffff;
	padding: 10px;
	text-align: right;
}

@media (max-width: 767px) {
	.history-pay-money dl dd {
		width: 100%;
		padding: 6px;
	}
}

.history-pay-money dl dd .history-large-text {
	font-size: 16px;
	line-height: 1;
}

.history-table-page-select {
	margin-top: 40px;
}

@media (max-width: 767px) {
	.history-table-page-select {
		margin-top: 20px;
	}
}

.history-table {
	margin-top: 10px;
}

.history-table .custom-table-desc-content {
	font-size: 12px;
}

.history-table .custom-table-head-group-title {
	font-size: 14px;
}

.history-btn-area .btn-group-list > .cancel > .btn-small,
.history-btn-area .btn-group-list > .apply > .btn-small {
	width: 200px;
}

@media (max-width: 767px) {
	.history-btn-area .btn-group-list > .cancel > .btn-small,
	.history-btn-area .btn-group-list > .apply > .btn-small {
		width: 100%;
	}
}

.history-btn-area .form-btn-area {
	padding-bottom: 10px;
}

.history-split-pay-money {
	margin-top: 40px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.history-split-pay-money {
		margin-top: 15px;
		font-size: 14px;
	}
}

.history-split-pay-money .split-pay-money-wrapper {
	display: table;
	width: 100%;
	padding: 20px;
	height: 80px;
	border: 1px solid #DBDBDB;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.history-split-pay-money .split-pay-money-wrapper {
		display: block;
		height: auto;
		padding: 10px;
	}
}

.history-split-pay-money p {
	display: table-cell;
	line-height: 40px;
}

@media (max-width: 767px) {
	.history-split-pay-money p {
		display: block;
		line-height: 1.6;
	}
}

.history-split-pay-money .btn-wrapper {
	width: 230px;
	display: table-cell;
}

@media (max-width: 767px) {
	.history-split-pay-money .btn-wrapper {
		display: block;
		width: 100%;
	}
}

.history-split-pay-money .txt-outside-link {
	width: 230px;
	height: 40px;
	line-height: 40px;
}

@media (max-width: 767px) {
	.history-split-pay-money .txt-outside-link {
		width: 100%;
		clear: both;
		margin-top: 5px;
	}
}

.history-more-service {
	margin-top: 40px;
}

@media (max-width: 767px) {
	.history-more-service {
		margin-top: 25px;
	}
}

.history-more-service .btn {
	letter-spacing: 0;
}

.history-more-service .mt-service01 {
	margin-top: 6px;
}

@media (max-width: 767px) {
	.history-more-service .mt-service01 {
		margin-top: 3px;
	}
}

.history-more-service .mt-service02 {
	margin-top: 6px;
}

@media (max-width: 767px) {
	.history-more-service .mt-service02 {
		margin-top: 5px;
	}
}

.history-more-service .mt-service03 {
	margin-top: 6px;
}

@media (max-width: 767px) {
	.history-more-service .mt-service03 {
		margin-top: 6px;
	}
}

.history-more-service .history-border {
	padding: 23px 20px 19px 20px;
	border: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.history-more-service .history-border {
		padding: 10px;
	}
}

.history-more-service .history-content-head-h2 > h2 {
	font-size: 18px;
	line-height: 1;
}

@media (max-width: 767px) {
	.history-more-service .history-content-head-h2 > h2 {
		padding: 8px 10px;
		font-size: 16px;
	}
}

.history-more-service .history-content-head-h3 {
	margin-top: 12px;
}

@media (max-width: 767px) {
	.history-more-service .history-content-head-h3 {
		margin-top: 0;
	}
}

.history-more-service .history-content-head-h3 > h3 {
	font-size: 16px;
}

.history-more-service .history-more-service-content {
	margin-top: 6px;
}

@media (max-width: 767px) {
	.history-more-service .history-more-service-content {
		margin-top: 18px;
	}
}

@media (max-width: 767px) {
	.history-more-service .history-more-service-content > .content + .content {
		margin-top: 18px;
	}
}

.history-more-service .txt-service {
	font-size: 14px;
	margin-top: 8px;
}

@media (max-width: 767px) {
	.history-more-service .txt-service {
		margin-top: 0px;
	}
}

.history-more-service .grid-contet-col-2 .content {
	width: 33.3333%;
}

@media (max-width: 767px) {
	.history-more-service .grid-contet-col-2 .content {
		width: 100%;
	}
}

.history-more-service p {
	min-height: 75px;
}

@media (max-width: 767px) {
	.history-more-service p {
		min-height: auto;
	}
}

.history-more-service .btn-wrapper {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.history-more-service .btn-wrapper {
		margin-top: 19px;
	}
}

.page-exchange > .content-head-h1 {
	margin-top: 17px;
}

@media (max-width: 767px) {
	.page-exchange > .content-head-h1 {
		margin-top: 7px;
	}
}

.page-exchange .page-exchange-block-02 {
	margin-top: 10px;
}

.page-exchange .page-exchange-block-03 {
	margin-top: 3px;
}

@media (max-width: 767px) {
	.page-exchange .page-exchange-block-03 {
		margin-top: 19px;
	}
}

.page-exchange .page-exchange-block-04 {
	margin-top: 26px;
}

@media (max-width: 767px) {
	.page-exchange .page-exchange-block-04 {
		margin-top: 9px;
	}
}

.page-exchange .page-exchange-block-05 {
	margin-top: 7px;
}

@media (max-width: 767px) {
	.page-exchange .page-exchange-block-05 {
		margin-top: 0px;
	}
}

.page-exchange .page-exchange-block-06 {
	margin-top: 40px;
}

@media (max-width: 767px) {
	.page-exchange .page-exchange-block-06 {
		margin-top: 6px;
	}
}

.page-exchange .page-exchange-block-07 {
	margin-top: 40px;
}

@media (max-width: 767px) {
	.page-exchange .page-exchange-block-07 {
		margin-top: 10px;
	}
}

.page-exchange .page-exchange-block-08 {
	margin-top: 30px;
}

@media (max-width: 767px) {
	.page-exchange .page-exchange-block-08 {
		margin-top: 10px;
	}
}

.page-exchange .page-exchange-detail-block-01 {
	margin-top: 5px;
}

.page-exchange .page-exchange-detail-block-02 {
	margin-top: 18px;
}

.page-exchange a.txt-next span {
	padding-left: 0;
	padding-right: 10px;
}

.page-exchange .search-area-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 767px) {
	.page-exchange .search-area-wrapper {
		display: block;
	}
}

.page-exchange .search-area {
	position: relative;
	width: 100%;
	padding: 10px 20px 20px 20px;
	margin-top: -10px;
	border: 10px solid #EFEFEF;
	background-color: #FFFFFF;
	font-size: 0;
}

@media (max-width: 767px) {
	.page-exchange .search-area {
		display: block;
		border: 5px solid #EFEFEF;
		background-color: #FFFFFF;
		padding: 10px 10px;
	}
}

.page-exchange .search-area .search-area-elem {
	vertical-align: top;
	font-size: 0;
	display: inline-block;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-area-elem {
		display: block;
		margin-top: 0px;
	}
}

.page-exchange .search-area .search-area-elem .input-btn-name {
	font-size: 16px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-area-elem .input-btn-name {
		font-size: 14px;
	}
}

.page-exchange .search-area .search-elem-icon {
	background: url(/ja/honninkakunin/img/diners/select_arrow_02.png) no-repeat 100% 0;
	height: 40px;
	overflow: hidden;
	width: 260px;
	min-width: 114px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #DBDCDD;
	font-size: 16px;
}

.page-exchange .search-area .search-elem-icon-02 {
	height: 40px;
	overflow: hidden;
	width: 100%;
	max-width: 220px;
	float: left;
	vertical-align: top;
	border: 1px solid #DBDCDD;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-icon-02 {
		width: 83%;
		height: 30px;
		max-width: none;
		line-height: 30px;
		background-size: 24px;
		padding-left: 0;
	}
}

.page-exchange .search-area .search-input {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	border: none;
	line-height: 40px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-input {
		width: 99%;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}

.page-exchange .search-area .search-elem-01 {
	width: 350px;
	margin-right: 10px;
	position: relative;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-01 {
		width: 100%;
		margin-right: 0;
	}
}

.page-exchange .search-area .search-elem-01 .search-elem-icon-01 {
	height: 40px;
	overflow: hidden;
	width: 100%;
	max-width: 220px;
	float: left;
	vertical-align: top;
	border: 1px solid #DBDCDD;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-01 .search-elem-icon-01 {
		width: 83%;
		height: 30px;
		max-width: none;
		line-height: 30px;
		background-size: 24px;
		padding-left: 0;
	}
}

.page-exchange .search-area .search-elem-01 .search-elem-icon-01 .category-search-area-sp > span {
	color: #999999;
}

.page-exchange .search-area .search-elem-01 .search-elem-icon-01 .category-search-area-sp > span:after {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_03.png) no-repeat;
	background-size: contain;
	width: 10px;
	height: 9px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 20%;
}

.page-exchange .search-area .search-elem-01 > .ic-type-search {
	width: 80px;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-01 > .ic-type-search {
		width: 15%;
		height: 30px;
		line-height: 30px;
		margin-left: 2%;
	}
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-01 > .input-btn-wrap > span {
		line-height: 30px;
		font-size: 14px;
		padding-left: 0;
	}
	.page-exchange .search-area .search-elem-01 > .input-btn-wrap > span:before {
		display: none;
	}
}

.page-exchange .search-area .search-elem-02 {
	position: relative;
	width: 315px;
	margin-right: 10px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-02 {
		max-width: 100%;
		width: 100%;
		height: 30px;
		margin-right: 0;
		margin-top: 10px;
	}
}

.page-exchange .search-area .search-elem-02 > .ic-type-search {
	width: 80px;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-02 > .ic-type-search {
		width: 15%;
		height: 30px;
		line-height: 30px;
		margin-left: 2%;
	}
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-02 > .input-btn-wrap > span {
		line-height: 30px;
		font-size: 14px;
		padding-left: 0;
	}
	.page-exchange .search-area .search-elem-02 > .input-btn-wrap > span:before {
		display: none;
	}
}

.page-exchange .search-area .search-elem-03 {
	position: relative;
	width: 315px;
	margin-right: 10px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-03 {
		max-width: 100%;
		width: 100%;
		height: 30px;
		margin-right: 0;
		margin-top: 10px;
	}
}

.page-exchange .search-area .search-elem-03 > .ic-type-search {
	width: 80px;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-03 > .ic-type-search {
		width: 15%;
		height: 30px;
		line-height: 30px;
		margin-left: 2%;
	}
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-03 > .input-btn-wrap > span {
		line-height: 30px;
		font-size: 14px;
		padding-left: 0;
	}
	.page-exchange .search-area .search-elem-03 > .input-btn-wrap > span:before {
		display: none;
	}
}

.page-exchange .search-area .search-elem-04 {
	width: 130px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-04 {
		width: 100%;
		padding-right: 0;
		margin-top: 10px;
	}
}

.page-exchange .search-area .search-elem-04 > .ic-type-shopping {
	width: 130px;
	padding-left: 10px;
	padding-right: 10px;
}

@media (max-width: 767px) {
	.page-exchange .search-area .search-elem-04 > .ic-type-shopping {
		width: 100%;
	}
}

.page-exchange .page-exchange-block {
	padding: 13px 15px;
}

.page-exchange .search-form {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.page-exchange .search-form .search .txt-search-link {
	width: 100px;
	height: 40px;
	line-height: 2.5;
}

.page-exchange .search-form .search .txt-search-right-input span {
	position: relative;
	padding-left: 15px;
}

.page-exchange .search-form .search .txt-search-right-input span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_search.png) no-repeat;
	background-size: contain;
	width: 17px;
	height: 16px;
	position: absolute;
	top: 10px;
	left: -32px;
}

.page-exchange .search-form .cart .txt-cart-right-white-input span {
	position: relative;
	padding-left: 15px;
}

.page-exchange .search-form .cart .txt-cart-right-white-input span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_shopping_cart.png) no-repeat;
	background-size: contain;
	width: 21px;
	height: 16px;
	position: absolute;
	top: 10px;
	left: -58px;
}

.page-exchange .form-content {
	padding: 0;
}

.page-exchange .page-exchange-search-block {
	padding: 20px;
}

@media (max-width: 767px) {
	.page-exchange .page-exchange-search-block {
		width: 100%;
	}
}

.page-exchange .card-form-user-name {
	margin-top: -4px;
}

@media (max-width: 767px) {
	.page-exchange .card-form-user-name {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.page-exchange .card-form-user-card {
		padding-bottom: 10px;
	}
}

.page-exchange .card-form-user-point {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.page-exchange .card-form-user-point {
		margin-top: 0;
	}
}

.page-exchange .card-form-user-point-text {
	font-size: 14px;
}

.page-exchange .page-exchange-block {
	padding-left: 0;
	padding-right: 0;
}

.page-exchange .page-exchange-block-03 {
	padding: 0 3px;
	margin-top: 15px;
}

.page-exchange .page-exchange-block-05 {
	padding: 0;
	margin-top: 20px;
}

.point-prize > .point-prize-list {
	margin-top: -40px;
}

.point-prize > .point-prize-list > li {
	padding-top: 55px;
	position: relative;
}

.point-prize > .point-prize-list > li.nopadding {
	padding-top: 0;
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list > li.nopadding {
		padding-top: 55px;
	}
}

.point-prize > .point-prize-list .prize-image {
	float: left;
	width: 36%;
	margin-right: 15px;
}

@media (max-width: 479px) {
	.point-prize > .point-prize-list .prize-image {
		width: 100%;
		margin-bottom: 10px;
	}
}

.point-prize > .point-prize-list .prize-image > img {
	width: 100%;
	max-width: 220px;
}

@media (max-width: 479px) {
	.point-prize > .point-prize-list .prize-image > img {
		max-width: 100%;
	}
}

.point-prize > .point-prize-list .prize-right {
	overflow: hidden;
}

@media (max-width: 479px) {
	.point-prize > .point-prize-list .prize-right {
		overflow: visible;
	}
}

.point-prize > .point-prize-list .prize-right .prize-num {
	width: 100px;
	height: 20px;
	line-height: 20px;
	background-color: #D4E4ED;
	text-align: center;
	font-size: 10px;
	color: #2477AB;
}

@media (max-width: 479px) {
	.point-prize > .point-prize-list .prize-right .prize-num {
		position: absolute;
		top: 20px;
		left: 5px;
	}
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list .prize-right .prize-num {
		width: 150px;
		margin: 10px 0 0 0;
	}
}

.point-prize > .point-prize-list .prize-right .prize-point {
	overflow: hidden;
	width: 100%;
	color: #B30000;
	margin-top: 15px;
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list .prize-right .prize-point {
		clear: left;
	}
}

.point-prize > .point-prize-list .prize-right .prize-point > .prize-point-num {
	position: relative;
	padding-left: 29px;
	font-size: 18px;
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list .prize-right .prize-point > .prize-point-num {
		padding-left: 21px;
		font-size: 14px;
	}
}

.point-prize > .point-prize-list .prize-right .prize-point > .prize-point-num:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_prize_point.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: -1px;
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list .prize-right .prize-point > .prize-point-num:before {
		width: 18px;
		height: 18px;
	}
}

.point-prize > .point-prize-list .prize-right .prize-point > .prize-point-text {
	margin-left: 5px;
	font-size: 18px;
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list .prize-right .prize-point > .prize-point-text {
		font-size: 14px;
	}
}

.point-prize > .point-prize-list .prize-right .prize-btn-area {
	padding-right: 2px;
	width: 100%;
}

.point-prize > .point-prize-list .prize-right .prize-btn-area > a {
	width: 98%;
}

.point-prize > .point-prize-list .prize-txt {
	width: 100%;
	overflow: hidden;
}

.point-prize > .point-prize-list .prize-txt .prize-name {
	width: 100%;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list .prize-txt .prize-name {
		width: auto;
		clear: left;
	}
}

.point-prize > .point-prize-list .prize-txt .prize-description {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list .prize-txt .prize-description {
		width: 100%;
		font-size: 14px;
	}
}

.point-prize > .point-prize-list > li:nth-child(odd) {
	padding-right: 20px;
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list > li:nth-child(odd) {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.point-prize > .point-prize-list > li:nth-child(even) {
	padding-left: 20px;
}

@media (max-width: 767px) {
	.point-prize > .point-prize-list > li:nth-child(even) {
		padding-left: 5px;
		padding-right: 5px;
	}
}

.point-prize-detail {
	display: table;
	width: 100%;
	table-layout: fixed;
}

@media (max-width: 767px) {
	.point-prize-detail {
		display: block;
	}
}

.point-prize-detail .point-prize-thumb {
	position: relative;
	width: 390px;
	display: table-cell;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-thumb {
		width: 100%;
		display: block;
	}
}

.point-prize-detail .point-prize-thumb > .point-prize-thumb-full {
	width: 390px;
	height: 390px;
	position: relative;
	overflow: hidden;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-thumb > .point-prize-thumb-full {
		width: 100%;
	}
}

.point-prize-detail .point-prize-thumb > .point-prize-thumb-full > ul {
	position: absolute;
}

.point-prize-detail .point-prize-thumb > .point-prize-thumb-full > ul > li {
	float: left;
}

.point-prize-detail .point-prize-thumb > .point-prize-thumb-sub {
	margin-top: 10px;
}

.point-prize-detail .point-prize-thumb > .point-prize-thumb-sub > ul > li {
	float: left;
	border: 1px solid transparent;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-thumb > .point-prize-thumb-sub > ul > li {
		width: 23.5%;
	}
}

.point-prize-detail .point-prize-thumb > .point-prize-thumb-sub > ul > li.active {
	border: 1px solid #2477AB;
}

.point-prize-detail .point-prize-thumb > .point-prize-thumb-sub > ul > li > img {
	width: 90px;
	height: 90px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-thumb > .point-prize-thumb-sub > ul > li > img {
		width: 100%;
		height: auto;
	}
}

.point-prize-detail .point-prize-thumb > .point-prize-thumb-sub > ul > li + li {
	margin-left: 7px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-thumb > .point-prize-thumb-sub > ul > li + li {
		margin-left: 2%;
	}
}

.point-prize-detail .point-prize-description {
	display: table-cell;
	width: 100%;
	vertical-align: top;
	padding-left: 32px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description {
		display: block;
		padding-left: 0;
		margin-top: 10px;
	}
}

.point-prize-detail .point-prize-description .prize-name {
	font-size: 18px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description .prize-name {
		font-size: 14px;
		margin-top: 19px;
	}
}

.point-prize-detail .point-prize-description .prize-num {
	margin-top: 10px;
	width: 102px;
	height: 20px;
	line-height: 23px;
	background-color: #D4E4ED;
	text-align: center;
	font-size: 14px;
	color: #2477AB;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description .prize-num {
		width: 125px;
		margin-top: 10px;
		height: 15px;
		line-height: 15px;
	}
}

.point-prize-detail .point-prize-description .prize-txt {
	margin-top: 17px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description .prize-txt {
		font-size: 14px;
		margin-top: 15px;
		line-height: 20px;
	}
}

.point-prize-detail .point-prize-description .prize-point {
	overflow: hidden;
	width: 100%;
	color: #B30000;
	margin-top: 20px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description .prize-point {
		clear: left;
		margin-top: 7px;
		font-size: 14px;
	}
}

.point-prize-detail .point-prize-description .prize-point > .prize-point-num {
	position: relative;
	padding-left: 29px;
	font-size: 18px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description .prize-point > .prize-point-num {
		padding-left: 21px;
		font-size: 14px;
	}
}

.point-prize-detail .point-prize-description .prize-point > .prize-point-num:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_prize_point.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: -1px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description .prize-point > .prize-point-num:before {
		width: 18px;
		height: 18px;
	}
}

.point-prize-detail .point-prize-description .prize-point > .prize-point-text {
	margin-left: 6px;
	font-size: 18px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description .prize-point > .prize-point-text {
		font-size: 14px;
	}
}

.point-prize-detail .point-prize-description > .prize-quantity {
	margin-top: 60px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description > .prize-quantity {
		margin-top: 23px;
	}
}

.point-prize-detail .point-prize-description > .prize-quantity > .prize-quantity-select {
	background: url(/ja/honninkakunin/img/diners/select_arrow_01.png) no-repeat 98% 0;
	background-color: #FFFFFF;
	height: 38px;
	width: 142px;
	min-width: 114px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #DBDCDD;
	margin-left: 34px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description > .prize-quantity > .prize-quantity-select {
		background: url(/ja/honninkakunin/img/diners/select_arrow_02_sp.png) no-repeat 100% 0;
		width: 91px;
		min-width: 0;
		height: 30px;
		line-height: 30px;
		background-size: 24px;
		padding-left: 0;
		margin-left: 8px;
		background-color: #FFFFFF;
	}
}

.point-prize-detail .point-prize-description > .prize-quantity > .prize-quantity-select > select {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 16px;
	padding: 8px 0 0 10px;
	width: 160px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description > .prize-quantity > .prize-quantity-select > select {
		width: 100%;
		margin-left: 0px;
		padding: 0 0 5px 5px;
	}
}

.point-prize-detail .point-prize-description > .prize-btn-area {
	margin-top: 21px;
	width: 370px;
}

@media (max-width: 767px) {
	.point-prize-detail .point-prize-description > .prize-btn-area {
		width: 100%;
		margin-top: 20px;
	}
}

.prize-more-description {
	margin-top: 18px;
}

@media (max-width: 767px) {
	.prize-more-description {
		margin-top: 19px;
	}
}

.prize-more-description > .prize-more-description-head {
	font-size: 17px;
	border-bottom: 5px solid #DBDBDB;
}

.prize-more-description > .prize-more-description-text {
	margin-top: 11px;
}

@media (max-width: 767px) {
	.prize-more-description > .prize-more-description-text {
		font-size: 14px;
		margin-top: 5px;
	}
}

.selected-category {
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	cursor: pointer;
	position: relative;
	width: 216px;
}

.selected-category-content {
	width: 270px;
	background-color: #F8F8F8;
	position: absolute;
	top: 39px;
	left: 0;
	z-index: 2;
}

.selected-category-content > .selected-category-content-list {
	border-top: 1px solid #DBDBDB;
}

.selected-category-content > .selected-category-content-list > .s-ac-panel {
	background-color: #477196;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	position: relative;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.selected-category-content > .selected-category-content-list > .s-ac-panel > a {
	color: #FFFFFF;
	display: block;
}

.selected-category-content > .selected-category-content-list > .s-ac-panel.arrow-right:after {
	content: '';
	position: absolute;
	display: block;
	background: url(/ja/honninkakunin/img/diners/icon_link_08.png) no-repeat;
	background-size: contain;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 14px;
	width: 5px;
	height: 8px;
}

.selected-category-content > .selected-category-content-list > .s-ac-panel:hover {
	background-color: #FFFFFF;
}

.selected-category-content > .selected-category-content-list > .s-ac-panel:hover > a {
	color: #2477AB;
}

.selected-category-content > .selected-category-content-list > .s-ac-panel:hover.arrow-right:after {
	content: '';
	position: absolute;
	display: block;
	background: url(/ja/honninkakunin/img/diners/icon_link_01.png) no-repeat;
	background-size: contain;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 14px;
	width: 5px;
	height: 8px;
}

.selected-category-content-child {
	border-top: 1px solid #92BBD5;
	background-color: #FFFFFF;
	position: absolute;
	top: -1px;
	left: 268px;
}

@media (max-width: 767px) {
	.selected-category-content-child {
		position: static;
	}
}

.selected-category-content-child > ul > li {
	width: 330px;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	border-left: 1px solid #92BBD5;
	border-right: 1px solid #92BBD5;
	border-bottom: 1px solid #92BBD5;
}

.selected-category-content-child > ul > li:hover {
	background-color: #F8F8F8;
}

.selected-category-content-child > ul > li > a {
	display: block;
	color: #2477AB;
}

.selected-category-content-child > ul > li > a:hover {
	color: #0099CC;
}

.search-category-btn {
	width: 100%;
	font-size: 16px;
}

.search-category-btn > a {
	width: 100%;
	height: 40px;
	line-height: 40px;
}

.modal-search-category {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	margin: auto;
	width: 95%;
	z-index: 11;
}

.modal-search-category > .modal-search-category-head {
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	display: table;
	width: 100%;
	table-layout: fixed;
	height: 50px;
	line-height: 50px;
}

.modal-search-category > .modal-search-category-head > .modal-search-category-title {
	display: table-cell;
	width: 100%;
	text-align: center;
	background-color: #DBDBDB;
	font-size: 14px;
}

.modal-search-category > .modal-search-category-head > .modal-search-category-close {
	display: table-cell;
	position: relative;
	background-color: #F8F8F8;
	width: 50px;
	height: 50px;
}

.modal-search-category > .modal-search-category-head > .modal-search-category-close > a {
	display: block;
}

.modal-search-category > .modal-search-category-head > .modal-search-category-close .sp-back:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_back.png) no-repeat;
	background-size: contain;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 16px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.modal-search-category > .modal-search-category-head > .modal-search-category-close .sp-nav-menu-bar-hamburger:before {
	background-color: #000000;
}

.modal-search-category > .modal-search-category-head > .modal-search-category-close .sp-nav-menu-bar-hamburger:after {
	background-color: #000000;
}

.modal-search-category > .modal-search-category-head > .modal-search-category-close .sp-nav-text {
	position: absolute;
	width: 100%;
	top: 40px;
	left: 50%;
	-ms-transform: translateX(-50%);
	    transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	font-size: 10px;
	text-align: center;
	color: #263033;
	line-height: 1px;
}

.modal-search-category > .modal-search-category-list {
	background-color: #FFFFFF;
	border-top: 1px solid #DBDBDB;
}

.modal-search-category > .modal-search-category-list > .m-ac-panel {
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
	position: relative;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	font-size: 14px;
}

.modal-search-category > .modal-search-category-list > .m-ac-panel > a {
	display: block;
}

.modal-search-category > .modal-search-category-list > .m-ac-panel.arrow-right:after {
	content: '';
	position: absolute;
	display: block;
	background: url(/ja/honninkakunin/img/diners/icon_link_11.png) no-repeat;
	background-size: contain;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 14px;
	width: 5px;
	height: 8px;
}

/* ====== REGISTER ====== */
.registar-list .registar-progressbar {
	margin-left: 20%;
	margin-right: 20%;
}

.registar-list .registar-progressbar > li {
	width: 25%;
}

.registar-list .registar-request-info {
	margin-top: 25px;
}

.registar-list .registar-block .form-content > .form-name-box > * > .form-name-flex {
	width: 100%;
}

.registar-list .text-area-herf .form-content > .form-name-box > * > .form-name-flex input {
	width: 50%;
}

.registar-list .text-area-small .form-content > .form-name-box > * > .form-name-flex input {
	width: 70px;
}

@media (max-width: 767px) {
	.registar-list .text-area-small .form-content > .form-name-box > * > .form-name-flex input {
		width: 60px !important;
	}
}

.registar-list .text-area-medium .form-content > .form-name-box > * > .form-name-flex input {
	width: 110px;
}

.registar-list .table-space {
	padding-left: 10px;
	padding-right: 10px;
}

.registar-list .form-name-input a.vertual-pad-open {
	color: #2477ab;
	text-decoration: underline;
	padding-left: 20px;
	display: inline-block;
}

@media (max-width: 767px) {
	.registar-list .form-name-input a.vertual-pad-open {
		padding-left: 0;
		display: none;
	}
}

.registar-list .form-name-input a.vertual-pad-open .vertual-pad {
	display: inline-block;
	text-decoration: underline;
	position: relative;
	top: 5px;
	font-size: 14px;
}

.registar-list .registar-block .txt-outside-link {
	font-size: 14px;
	margin-bottom: 2px;
}

.registar-list .outside-text-link-position-type-side {
	display: inline-block;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.registar-list .outside-text-link-position-type-side {
		margin-left: 0;
	}
}

.registar-list .outside-text-link-position-type-top {
	display: block;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.registar-list .vertual-pad-text {
		display: none;
	}
}

/* ====== DOCUMENTS ====== */
.documents-page {
	padding-top: 143px;
}

@media (max-width: 767px) {
	.documents-page {
		padding-top: 40px;
	}
}

.documents-page .documents-block-01 {
	margin-top: 20px;
}

.documents-page h1 br {
	display: none;
}

@media (max-width: 767px) {
	.documents-page h1 br {
		display: block;
	}
}

.documents-page .text-box {
	width: 58%;
	height: 36px;
	line-height: 36px;
	border: 1px solid #DBDBDB;
	display: inline-block;
	vertical-align: middle;
	padding: 0 10px;
}

@media (max-width: 767px) {
	.documents-page .text-box {
		width: 100%;
	}
}

.documents-page .form-content-gender {
	display: inline-block;
}

@media (max-width: 767px) {
	.documents-page .form-content-gender {
		display: block;
	}
}

.documents-page .documents-block01 > header + .documents-progress {
	margin-top: 25px;
}

.documents-progress > .documents-progressbar {
	margin-left: 28%;
	margin-right: 28%;
}

@media (max-width: 767px) {
	.documents-progress > .documents-progressbar {
		margin-left: 0;
		margin-right: 0;
	}
}

.documents-progress > .documents-progressbar > li {
	width: 33.33%;
}

@media (max-width: 767px) {
	.documents-progress > .documents-progressbar > li:after {
		top: 8px;
		height: 3px;
	}
}

.documents-request-info {
	margin-top: 15px;
}

.documents-block .documents-form-box {
	width: 100%;
}

.documents-block .form-table-flex-content-other > dt {
	width: 360px;
}

@media (max-width: 767px) {
	.documents-block .form-table-flex-content-other > dt {
		width: 100%;
	}
}

.documents-block .form-table-flex-content-other .possible-money {
	font-size: 20px;
	padding-right: 5px;
}

.documents-block .form-table-flex-content-other .form-table-text {
	padding-left: 10px;
}

.documents-block .form-content > .form-name-box > * > .form-name-flex {
	width: auto;
}

.documents-block input[type="text"] {
	width: 250px;
}

@media (max-width: 767px) {
	.documents-block input[type="text"] {
		width: 100% !important;
	}
}

.documents-block div.form-box-message {
	font-size: 14px;
	line-height: 20px;
}

.documents-block div.form-box-message br {
	display: none;
}

@media (max-width: 767px) {
	.documents-block div.form-box-message br {
		display: block;
	}
}

@media (max-width: 767px) {
	.documents-block div.form-box-message span {
		display: inline-block;
		font-size: 12px;
		line-height: 1.6;
	}
}

.documents-block div.form-box-message + div.form-documents-money {
	margin-top: 10px;
}

.documents-block div.form-box-message + div.form-documents-money .form-name-txt-label {
	padding-left: 20px;
}

@media (max-width: 767px) {
	.documents-block div.form-box-message + div.form-documents-money .form-name-txt-label {
		padding-left: 10px;
	}
}

.documents-block .error-message {
	margin-top: 20px;
}

.documents-block .form-content-gender > label::after {
	background: #666666;
}

.documents-block .form-content-gender > input[type="radio"]:checked + label::before {
	border: 1px solid #666666;
}

.documents-block .form-pay-process {
	height: 55px;
}

@media (max-width: 767px) {
	.documents-block .form-pay-process {
		height: auto;
	}
}

.documents-list .documents-caution-head {
	font-size: 18px;
	font-weight: bold;
	position: relative;
	padding-left: 35px;
}

.documents-list .documents-caution-head:after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(/ja/honninkakunin/img/diners/icon_error.png) no-repeat;
	background-size: 20px;
	position: absolute;
	left: 6px;
	top: 0;
}

.documents-list .first-info-text {
	margin-top: 10px;
}

.documents-list .circle-list-style {
	padding-left: 35px;
	position: relative;
}

.documents-list .circle-list-style:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background-color: #DBDBDB;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	left: 10px;
}

.documents-list .form-box {
	width: 100%;
	float: none;
}

.documents-list .documents-block .form-content > .form-name-box > * > .form-name-flex {
	width: 100%;
}

.documents-list .form-content > .form-name-box .btn-documents {
	width: 200px;
	height: 35px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.documents-list .form-content > .form-name-box .btn-documents {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
	}
}

.documents-list .documents-text-area .form-content > .form-name-box > * > .form-name-flex input {
	width: 58%;
}

.documents-list .documents-other-info {
	margin-top: 8px;
}

.documents-list .documents-other-info p {
	padding-left: 30px;
	padding-right: 10px;
	position: relative;
	font-size: 14px;
}

@media (max-width: 767px) {
	.documents-list .documents-other-info p {
		font-size: 12px;
	}
}

.documents-list .documents-other-info p:before {
	content: '※';
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	/* color: #B30000; */
}

.documents-list .under-line {
	text-decoration: underline;
	color: #2477ab;
}

.documents-list .btn-group-list > .apply > .btn-small {
	width: 200px;
}

.documents-list .document-input .input-btn-wrap {
	top: 3px;
	left: 5px;
	height: 36px;
}

@media (max-width: 767px) {
	.documents-list .document-input .input-btn-wrap {
		top: 0;
		left: 0;
		margin-top: 5px;
	}
}

.documents-list .document-input .input-btn-wrap span {
	line-height: 36px;
}

.documents-block .submit-btn-wrap {
	margin-top: -5px;
	top: 2px;
	margin-left: 10px;
	height: 35px;
	display: inline-block;
	cursor: pointer;
}

@media (max-width: 767px) {
	.documents-block .submit-btn-wrap {
		margin-top: 10px;
		margin-left: 0;
	}
}

.documents-block .submit-btn-wrap span {
	line-height: 35px;
}

/* ====== MAILBOX ====== */
.mail-frame {
	padding-bottom: 89px;
}

.mail02-frame {
	padding-bottom: 57px;
}

.btn-new-message {
	width: 270px;
	height: 50px;
	line-height: 50px;
}

@media (max-width: 767px) {
	.btn-new-message {
		width: 100%;
		height: 30px;
		line-height: 30px;
	}
}

@media (max-width: 767px) {
	.btn-new-message > span {
		font-size: 13px;
		bottom: 1px;
	}
}

.mail-contents-wrapper {
	padding-top: 2px;
}

@media (max-width: 767px) {
	.mail-contents-wrapper {
		padding-top: 7px;
	}
}

.txt-mail-page {
	font-size: 16px;
	margin-top: 10px;
	padding-left: 5px;
}

@media (max-width: 767px) {
	.txt-mail-page {
		font-size: 14px;
		margin-top: 10px;
		padding-left: 0;
	}
}

.l-contents-wrapper {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.l-contents-wrapper header > h2 {
		padding: 7px 10px;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .input-btn-name {
		font-size: 14px;
	}
}

.l-contents-wrapper .mail-to-cell {
	width: 70px !important;
	min-width: 70px !important;
}

@media (max-width: 767px) {
	.l-contents-wrapper .mail-to-cell {
		width: 35px !important;
		min-width: 35px !important;
	}
}

.l-contents-wrapper .custom-table th {
	padding: 14px 12px 15px;
	border-right: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.l-contents-wrapper .custom-table th {
		padding: 7px 5px;
	}
}

.l-contents-wrapper .custom-table td {
	padding: 12px;
	border-right: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.l-contents-wrapper .custom-table td {
		padding: 3px 3px 4px 4px;
	}
}

.l-contents-wrapper .content-header-h2 {
	line-height: 1.3;
}

.l-contents-wrapper .page-new-mail {
	margin-top: 0;
}

@media (max-width: 767px) {
	.l-contents-wrapper .page-new-mail {
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .page-new-mail .content-header-h2 {
		margin-left: -10px;
		margin-right: -10px;
	}
}

.l-contents-wrapper .page-new-mail .mail-list {
	margin-top: 16px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .page-new-mail .mail-list {
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .page-new-mail .mail-list > .custom-table {
		font-size: 12px;
	}
}

.l-contents-wrapper .page-new-mail .close-new-mail {
	margin-top: 10px;
}

.l-contents-wrapper .page-new-mail .close-new-mail .close .btn-mail-page-slim {
	width: 170px;
}

.l-contents-wrapper .page-new-mail .mail-message-write {
	width: 100%;
	height: 170px;
	padding: 20px;
	font-size: 16px;
	border: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.l-contents-wrapper .page-new-mail .mail-message-write {
		padding: 10px;
	}
}

.l-contents-wrapper .page-new-mail .input-btn-mail-large {
	width: 170px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .page-new-mail .input-btn-mail-large {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .page-new-mail .form-content .mail-select {
		height: 26px;
		background-size: contain;
	}
}

.l-contents-wrapper .page-new-mail .form-content .mail-select .selected-reflection {
	padding: 5px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .page-new-mail .form-content .mail-select .selected-reflection {
		padding: 3px 5px;
	}
}

.l-contents-wrapper .page-new-mail .custom-table td {
	padding: 5px 10px;
	width: 100%;
}

@media (max-width: 767px) {
	.l-contents-wrapper .page-new-mail .custom-table td {
		padding: 5px;
	}
}

.l-contents-wrapper .form-btn-area {
	padding-bottom: 4px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .form-btn-area {
		padding-bottom: 10px;
		margin-left: -10px;
		margin-right: -10px;
	}
}

.l-contents-wrapper .form-btn-area + * {
	margin-top: 20px;
}

.l-contents-wrapper .form-content {
	padding: 0;
}

.l-contents-wrapper .form-content .styled-select {
	width: 440px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .form-content .styled-select {
		width: 100%;
	}
}

.l-contents-wrapper .form-content .styled-select > select {
	width: 118%;
}

.l-contents-wrapper .mail-write {
	margin-top: 10px;
}

.l-contents-wrapper .l-side-content-type-mail {
	padding-bottom: 20px;
}

.l-contents-wrapper .l-side-content-type-mail .mail-select-box {
	margin-top: 10px;
}

.l-contents-wrapper .l-side-content-type-mail .mail-select-box > .mail-select {
	width: 100% !important;
	background-color: #FFFFFF;
	background: url(/ja/honninkakunin/img/diners/select_arrow_02_sp.png) no-repeat 100% 0;
	width: 100%;
	height: 30px;
	background-size: 24px;
	padding-left: 0;
	background-color: #FFFFFF;
}

.l-contents-wrapper .l-side-content-type-mail .mail-select-box > .mail-select > .selected-reflection {
	color: #263033;
	font-size: 14px;
	line-height: 1.2;
	padding: 6px 10px;
}

.l-contents-wrapper .l-side-content-type-mail .mail-select-box > .mail-select > select {
	height: 30px;
}

.l-contents-wrapper .l-side-content-type-mail .question-wrapper {
	margin-top: 19px;
	color: #263033;
}

.l-contents-wrapper .l-side-content-type-mail .question-wrapper > p {
	padding: 8px 3px;
	font-size: 14px;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-side-content-type-mail .question-wrapper > p {
		margin-top: 5px;
	}
}

.l-contents-wrapper .l-side-content-type-mail .question-wrapper > p + * {
	margin-top: -5px;
	padding-right: 5px;
	font-size: 15px;
}

.l-contents-wrapper .l-side-content-type-mail .question-wrapper .question-wrapper-link {
	margin-top: -4px;
	font-size: 15px;
	padding-right: 4px;
}

.l-contents-wrapper .l-side-content-type-mail .form-content {
	padding: 0;
}

.l-contents-wrapper .l-side-content-type-mail .side-nav-menu-mail-list {
	border: 1px solid #DBDBDB;
	box-shadow: 0px -1px 1px #F1F1F1;
}

.l-contents-wrapper .l-side-content-type-mail .side-nav-menu-mail-list > li > a {
	height: 48px;
	line-height: 48px;
	display: block;
	padding-left: 11px;
	position: relative;
	background-color: #FFFFFF;
	font-size: 16px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.l-contents-wrapper .l-side-content-type-mail .side-nav-menu-mail-list > li > a:hover {
	background-color: #FAFAFA;
}

.l-contents-wrapper .l-side-content-type-mail .side-nav-menu-mail-list > li + li {
	border-top: 1px solid #DBDBDB;
}

.l-contents-wrapper .txt-space {
	letter-spacing: 7px;
	margin-right: -5px;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.l-contents-wrapper .txt-space {
		letter-spacing: inherit;
		margin-right: 0;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .custom-table .custom-table-head-category {
		font-size: 12px;
	}
}

.l-contents-wrapper .l-main-content * + .select-btn-wrapper {
	margin-top: 13px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .content-header-h2 {
		margin-left: -10px;
		margin-right: -10px;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .mail-date {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .paganation {
		width: 300px;
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .paganation > * {
		display: inline-block;
		vertical-align: bottom;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .paganation .paganation-list {
		width: auto;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .paganation .paganation-list > li {
		width: 95px;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .paganation .select-btn-group-list {
		width: auto;
		margin-right: 7px;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .paganation .select-btn-group-list > li {
		width: 90px;
	}
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .paganation .select-btn-group-list > li + li {
		margin-top: 0;
		margin-left: 7px;
	}
}

.l-contents-wrapper .l-main-content .mail-list {
	margin-top: 10px;
}

.l-contents-wrapper .l-main-content .mail02-list {
	margin-top: 13px;
}

.l-contents-wrapper .l-main-content .catch-mail {
	margin-top: 13px;
}

.l-contents-wrapper .l-main-content .no-mail {
	padding: 0;
	min-height: 119px;
	line-height: 119px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .no-mail {
		padding: 0;
		height: 40px;
		line-height: 40px;
	}
}

.l-contents-wrapper .l-main-content .no-mail-wrapper {
	text-align: center;
}

.l-contents-wrapper .l-main-content .no-mail-wrapper > span {
	color: #B30000;
	font-size: 16px;
	padding-right: 30px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .l-main-content .no-mail-wrapper > span {
		font-size: 14px;
		padding-right: 0;
	}
}

.l-contents-wrapper .error-message {
	padding: 19px 19px 22px;
}

.l-contents-wrapper .error-message > p {
	padding-left: 0;
}

@media (max-width: 767px) {
	.l-contents-wrapper .error-message > p > span {
		font-weight: bold;
	}
}

.l-contents-wrapper .mail-message {
	padding: 14px 20px;
	border: 1px solid #DBDBDB;
	background-color: #FFFFFF;
	margin-top: 11px;
	min-height: 171px;
	line-height: 23px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .mail-message {
		font-size: 12px;
		padding: 8px 10px;
	}
}

.l-contents-wrapper .reception-mail {
	color: #2477AB;
	text-decoration: underline;
}

@media (max-width: 767px) {
	.l-contents-wrapper .reception-mail {
		font-size: 12px;
	}
}

.l-contents-wrapper .mail-danger {
	border: 1px solid #DBDBDB;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.l-contents-wrapper .mail-danger {
		padding: 10px;
		text-align: left;
		margin-top: 10px;
	}
}

.l-contents-wrapper .mail-danger > p {
	color: #000000;
}

@media (max-width: 767px) {
	.l-contents-wrapper .mail-danger > p {
		display: block;
	}
}

.l-contents-wrapper .circle-list {
	margin-top: 1px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .circle-list {
		margin-top: 2px;
	}
}

.l-contents-wrapper .circle-list > li {
	padding-left: 22px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .circle-list > li {
		font-size: 12px;
		padding-left: 0;
	}
}

.l-contents-wrapper .circle-list > li:before {
	left: 3px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .circle-list > li:before {
		display: none;
	}
}

.l-contents-wrapper .btn-hover-primary:before, .l-contents-wrapper .btn-hover-primary:after {
	content: none;
}

.l-contents-wrapper .content-header-h3 > h3 {
	font-size: 16px;
	padding-left: 1px;
}

@media (max-width: 767px) {
	.l-contents-wrapper .content-header-h3 + p {
		margin-top: 5px;
		font-size: 14px;
	}
}

.btn-group-list .btn-mail-page-slim {
	width: 170px;
}

/* =========================================================
 MODULE
========================================================= */
.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mt5e {
	margin-top: 0.5em;
}

.mt10e {
	margin-top: 1em;
}

.mt15e {
	margin-top: 1.5em;
}

.mt20e {
	margin-top: 2em;
}

.mr5e {
	margin-right: 0.5em;
}

.mr10e {
	margin-right: 1em;
}

.mr15e {
	margin-right: 1.5em;
}

.mr20e {
	margin-right: 2em;
}

.ml5e {
	margin-left: 0.5em;
}

.ml10e {
	margin-left: 1em;
}

.ml15e {
	margin-left: 1.5em;
}

.ml20e {
	margin-left: 2em;
}

.mb5e {
	margin-bottom: 0.5em;
}

.mb10e {
	margin-bottom: 1em;
}

.mb15e {
	margin-bottom: 1.5em;
}

.mb20e {
	margin-bottom: 2em;
}

.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pt5e {
	padding-top: 0.5em;
}

.pt10e {
	padding-top: 1em;
}

.pt15e {
	padding-top: 1.5em;
}

.pt20e {
	padding-top: 2em;
}

.pr5e {
	padding-right: 0.5em;
}

.pr10e {
	padding-right: 1em;
}

.pr15e {
	padding-right: 1.5em;
}

.pr20e {
	padding-right: 2em;
}

.pl5e {
	padding-left: 0.5em;
}

.pl10e {
	padding-left: 1em;
}

.pl15e {
	padding-left: 1.5em;
}

.pl20e {
	padding-left: 2em;
}

.pb5e {
	padding-bottom: 0.5em;
}

.pb10e {
	padding-bottom: 1em;
}

.pb15e {
	padding-bottom: 1.5em;
}

.pb20e {
	padding-bottom: 2em;
}

.some-message {
	display: none;
}

.login-notice-bar {
	background: -webkit-linear-gradient(left, #002554 0%, #002554 50%, #002B5A 79%, #034F7C 100%);
	background: linear-gradient(to right, #002554 0%, #002554 50%, #002B5A 79%, #034F7C 100%);
	background-color: #002554;
	border: 1px solid transparent;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767px) {
	.login-notice-bar {
		display: none;
	}
}

.login-notice-bar > form {
	width: 100%;
	display: table;
}

.top-login .login-notice-bar {
	width: 100%;
	display: table;
	background: -webkit-linear-gradient(left, #002554 0%, #002554 50%, #002B5A 79%, #034F7C 100%);
	background: linear-gradient(to right, #002554 0%, #002554 50%, #002B5A 79%, #034F7C 100%);
	background-color: #002554;
}

@media (max-width: 767px) {
	.top-login .login-notice-bar {
		display: block;
		margin-top: 10px;
	}
}

.login-notice-bar-user-info {
	display: table-cell;
	padding: 14px 12px;
	font-size: 0;
}

.login-notice-bar-user-info > p {
	display: inline-block;
	color: #FFFFFF;
	font-size: 14px;
	padding-right: 27px;
}

.login-notice-bar-user-info .name {
	font-size: 20px;
}

.login-notice-bar-user-info .last-login {
	font-size: 11px;
}

.top-login .login-notice-bar-user-info {
	display: table-cell;
	padding: 14px 12px;
	width: 695px;
}

@media (max-width: 767px) {
	.top-login .login-notice-bar-user-info {
		display: block;
		padding: 10px 12px 0 12px;
	}
}

.top-login .login-notice-bar-user-info > p {
	display: inline-block;
	color: #FFFFFF;
	font-size: 14px;
	padding-right: 27px;
}

.top-login .login-notice-bar-user-info .name {
	font-size: 20px;
}

.top-login .login-notice-bar-user-info .last-login {
	font-size: 11px;
}

@media (max-width: 767px) {
	.top-login .login-notice-bar-user-info {
		box-shadow: none;
		display: block;
		width: 100%;
	}
	.top-login .login-notice-bar-user-info > p {
		display: block;
		font-size: 14px;
		line-height: 1.4;
	}
	.top-login .login-notice-bar-user-info .name {
		font-size: 22px;
	}
}

.login-notice-bar-nav {
	width: 295px;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	border-left: 1px solid #4E6C8D;
	box-shadow: -1px 0px 0px 0px #000000;
	text-align: center;
	padding: 10px;
}

.login-notice-bar-nav > a {
	display: inline-block;
	width: 230px;
	border: 1px solid #4E6C8D;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 16px;
	padding: 2px 0;
	position: relative;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.login-notice-bar-nav > a:hover {
	opacity: 0.7;
}

.login-notice-bar-nav + .login-notice-bar-nav {
	width: 271px;
}

.question-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 23px;
	background-color: #4d6b8c;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
}

.question-icon:hover {
	opacity: 0.7;
}

.question-sp-box-inner {
	display: inline-block;
	cursor: pointer;
}

.question-sp-box-inner:hover {
	opacity: 0.7;
}

.question-icon-sp-box {
	text-align: right;
	margin-right: 30px;
}

.question-icon-sp {
	margin: auto;
	display: inline-block;
	width: 15px;
	height: 15px;
	line-height: 16px;
	background-color: #4d6b8c;
	color: #FFFFFF;
	text-align: center;
	font-size: 10px;
}

.question-icon-sp-text {
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
}

.tooltip {
	position: absolute;
	z-index: 10;
	width: 212px;
	padding: 10px;
	display: none;
	background-color: #636363;
	color: #F6F6F6;
	font-size: 12px;
	text-align: left;
	cursor: pointer;
}

@media (max-width: 767px) {
	.tooltip {
		width: 180px;
		font-size: 10px;
	}
}

.tooltip .balloon {
	position: absolute;
	content: '';
	top: -13px;
	left: 96px;
	margin-right: 10px;
	display: block;
	border-top: 0 solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 14px solid #636363;
	border-left: 8px solid transparent;
}

@media (max-width: 767px) {
	.tooltip .balloon {
		left: 85px;
	}
}

.top-login .login-notice-bar-nav {
	display: table-cell;
	vertical-align: middle;
	border-left: 1px solid #000000;
	box-shadow: -1px 0px 0px 0px #4E6C8D;
	text-align: center;
	padding: 10px 20px;
}

.top-login .login-notice-bar-nav > a {
	width: 230px;
	border: 1px solid #4E6C8D;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 16px;
	padding: 2px 0;
	position: relative;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.top-login .login-notice-bar-nav > a:hover {
	opacity: 0.7;
}

@media (max-width: 767px) {
	.top-login .login-notice-bar-nav {
		box-shadow: none;
		display: block;
	}
	.top-login .login-notice-bar-nav > a {
		width: 100%;
	}
}

.login-notice-bar-inquiry > .txt-inquiry > span {
	position: relative;
	padding-left: 30px;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.login-notice-bar-inquiry > .txt-inquiry > span {
		font-size: 14px;
	}
}

.login-notice-bar-inquiry > .txt-inquiry > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_inquiry.png) no-repeat;
	background-size: contain;
	width: 22px;
	height: 15px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

.login-notice-bar-campaign > .txt-campaign > span {
	position: relative;
	padding-left: 30px;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.login-notice-bar-campaign > .txt-campaign > span {
		font-size: 14px;
	}
}

.login-notice-bar-campaign > .txt-campaign > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_campaign.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 19px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

.top-login .login-notice-bar-campaign > .txt-campaign > span {
	position: relative;
	padding-left: 30px;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.top-login .login-notice-bar-campaign > .txt-campaign > span {
		font-size: 14px;
	}
}

.top-login .login-notice-bar-campaign > .txt-campaign > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_campaign.png) no-repeat;
	background-size: contain;
	width: 18px;
	height: 17px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

.new-message-count {
	background-color: #B30000;
	color: #FFFFFF;
	font-size: 10px;
	padding: 1px 5px;
	position: absolute;
	top: -10px;
	left: -10px;
	border-radius: 50px;
}

.top-login .new-message-count {
	background-color: #B30000;
	color: #FFFFFF;
	font-size: 10px;
	padding: 1px 5px;
	position: absolute;
	top: -10px;
	left: -10px;
	border-radius: 50px;
}

@media (max-width: 767px) {
	.top-login .new-message-count {
		padding: 3px 8px;
		top: 4px;
		left: 8px;
	}
}

.progressbar {
	counter-reset: step;
}

.progressbar li {
	list-style-type: none;
	float: left;
	font-size: 14px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	color: #263033;
}

.progressbar li > span {
	display: block;
}

@media (max-width: 767px) {
	.progressbar li > span {
		display: none;
	}
}

.progress-item-2 > li {
	width: 50%;
}

.progress-item-3 > li {
	width: 33.3333%;
}

.progress-item-4 > li {
	width: 25%;
}

.progress-item-5 > li {
	width: 20%;
}

.progress-item-6 > li {
	width: 16.6666%;
}

.progressbar li:before {
	width: 40px;
	height: 40px;
	content: counter(step);
	counter-increment: step;
	line-height: 40px;
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	border-radius: 50%;
	background-color: #DBDBDB;
	position: relative;
	z-index: 2;
}

@media (max-width: 767px) {
	.progressbar li:before {
		width: 22px;
		height: 22px;
		line-height: 22px;
		font-size: 10px;
		margin: 0 auto 0 auto;
	}
}

.progressbar li:after {
	width: 100%;
	height: 5px;
	content: '';
	position: absolute;
	background-color: #DBDBDB;
	top: 17px;
	left: -50%;
	z-index: 1;
}

@media (max-width: 767px) {
	.progressbar li:after {
		top: 9px;
		height: 2px;
	}
}

.progressbar li:first-child:after {
	content: none;
}

.progressbar li.active > span {
	font-weight: bold;
}

.progressbar li.active:before {
	background-color: #0C4C97;
	color: #FFFFFF;
}

.progressbar li.active:after {
	background-color: #0C4C97;
}

header.content-head-h1 + * {
	margin-top: 20px;
}

@media (max-width: 767px) {
	header.content-head-h1 + * {
		margin-top: 8px;
		overflow: hidden;
	}
}

header.content-head-h2 + * {
	margin-top: 8px;
}

@media (max-width: 767px) {
	header.content-head-h2 + * {
		margin-top: 16px;
	}
}

header.content-head-h3 + * {
	margin-top: 5px;
}

header.content-head-h4 + * {
	margin-top: 5px;
}

header.content-head-h5 + * {
	margin-top: 2px;
}

header > h1 {
	font-size: 22px;
	color: #4472c4;
	font-weight: bold;
}

@media (max-width: 767px) {
	header > h1 {
		font-size: 18px;
	}
}

header > h2 {
	font-size: 20px;
	color: #2C2A26;
	font-weight: bold;
}

@media (max-width: 767px) {
	header > h2 {
		font-size: 16px;
		background-color: #DBDBDB;
		padding: 5px 10px;
		margin-top: 0;
	}
}

header > h2.content-headline {
	background: none !important;
	font-size: 22px;
	line-height: 1;
}

header > h3 {
	font-size: 18px;
	color: #2C2A26;
	border-bottom: 5px solid #DBDBDB;
	padding-bottom: 3px;
	font-weight: bold;
}

@media (max-width: 767px) {
	header > h3 {
		font-size: 16px;
		padding-bottom: 1px;
		font-weight: normal;
		margin-top: 0;
	}
}

header > h3.content-headline {
	border-bottom: none;
	font-size: 18px;
	line-height: 1;
}

header > h4 {
	font-size: 18px;
	color: #2C2A26;
	border-bottom: 2px dotted #DBDBDB;
	padding-bottom: 3px;
	font-weight: bold;
}

@media (max-width: 767px) {
	header > h4 {
		font-size: 16px;
		padding-bottom: 1px;
		font-weight: normal;
	}
}

header > h5 {
	font-size: 18px;
	color: #263033;
	font-weight: bold;
}

@media (max-width: 767px) {
	header > h5 {
		font-size: 16px;
	}
}

.content-head-h2 {
	margin-top: 2em;
}

@media (max-width: 767px) {
	.content-head-h2 {
		margin-top: 0;
	}
}

.content-head-h3 {
	margin-top: 1.5em;
}

@media (max-width: 767px) {
	.content-head-h3 {
		margin-top: 0;
	}
}

.content-wrapper {
	background: #FFFFFF;
	padding: 20px;
	border: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.content-wrapper {
		padding: 10px;
	}
}

.content-wrapper + * {
	margin-top: 40px;
}

@media (max-width: 767px) {
	.content-wrapper + * {
		margin: 0;
	}
}

.content-wrapper-no-bg {
	padding: 23px 20px 19px 20px;
	border: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.content-wrapper-no-bg {
		padding: 10px;
	}
}

.content-wrapper-no-bg .btn {
	letter-spacing: 0;
}

.content-wrapper-no-bg .content-head-h2 {
	margin-top: 0;
}

.content-wrapper-no-bg .content-head-h2 > h2 {
	font-size: 18px;
	line-height: 1;
}

@media (max-width: 767px) {
	.content-wrapper-no-bg .content-head-h2 > h2 {
		font-size: 16px;
		padding: 8px 10px;
	}
}

.content-wrapper-no-bg .content-head-h3 {
	margin-top: 12px;
}

.content-wrapper-no-bg .content-head-h3 > h3 {
	font-size: 16px;
}

.content-wrapper-no-bg > .more-service-content {
	margin-top: 6px;
}

@media (max-width: 767px) {
	.content-wrapper-no-bg > .more-service-content {
		margin-top: 18px;
	}
}

.content-wrapper-no-bg > .more-service-content p {
	font-size: 14px;
	margin-top: 8px;
	min-height: 75px;
}

@media (max-width: 767px) {
	.content-wrapper-no-bg > .more-service-content p {
		margin-top: 0;
		min-height: auto;
	}
}

.content-wrapper-no-bg > p {
	font-size: 20px;
}

.content-wrapper-no-bg .mt-service {
	margin-top: 6px;
}

.grid-contet-col-2 .content {
	width: 50%;
	float: left;
}

@media (max-width: 767px) {
	.grid-contet-col-2 .content {
		padding: 0;
		float: none;
	}
}

.grid-contet-col-2 .content + .content {
	padding-left: 20px;
}

@media (max-width: 767px) {
	.grid-contet-col-2 .content + .content {
		padding-left: 0;
	}
}

.grid-contet-col-3 .content {
	width: 33.3333%;
	float: left;
}

@media (max-width: 767px) {
	.grid-contet-col-3 .content {
		padding: 0;
		float: none;
	}
}

.grid-contet-col-3 .content + .content {
	padding-left: 20px;
}

@media (max-width: 767px) {
	.grid-contet-col-3 .content + .content {
		padding-left: 0;
	}
}

@media (max-width: 767px) {
	.grid-contet-col-sp-1 .content {
		width: 100%;
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	.grid-contet-col-sp-1 .content + .content {
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	.content + .content {
		margin-top: 10px;
	}
}

.txt {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.txt-medium {
	font-size: 16px;
}

@media (max-width: 767px) {
	.txt-medium {
		font-size: 14px;
	}
}

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

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

.txt-strong, .info-box > .info-box-content .tel {
	font-weight: bold;
}

.txt-warning {
	color: #B30000;
}

.txt-left, .info-box > .info-box-content .tel {
	text-align: left;
}

.txt-center, .info-box .info-box-title > p {
	text-align: center;
}

.txt-right {
	text-align: right;
}

.list-small > li {
	font-size: 14px;
}

.circle-list > li {
	position: relative;
	padding-left: 15px;
}

@media (max-width: 767px) {
	.circle-list > li {
		font-size: 14px;
	}
}

.circle-list > li:before {
	content: '';
	position: absolute;
	top: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	color: #999999;
	font-size: 11px;
	width: 1em;
	height: 1em;
	background-color: #999999;
	border-radius: 100%;
}

@media (max-width: 767px) {
	.circle-list > li:before {
		width: 0.8em;
		height: 0.8em;
		top: 11px;
	}
}

.circle-list.circle-color02 > li:before {
	background-color: #A1A1A1;
}

.counter-list {
	counter-reset: step;
}

.counter-list > li {
	position: relative;
	padding-left: 19px;
}

@media (max-width: 767px) {
	.counter-list > li {
		font-size: 14px;
	}
}

.counter-list > li:before {
	content: counter(step) ".";
	counter-increment: step;
	position: absolute;
	top: 12px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	color: #263033;
}

@media (max-width: 767px) {
	.counter-list > li:before {
		top: 11px;
	}
}

.square-list > dd {
	position: relative;
	padding-left: 15px;
	display: inline-block;
}

@media (max-width: 767px) {
	.square-list > dd {
		font-size: 14px;
		line-height: 1;
	}
}

.square-list > dd:before {
	content: '';
	position: absolute;
	top: 12px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	background-color: #999999;
	font-size: 11px;
	width: 1em;
	height: 1em;
	display: inline-block;
	background-color: #999999;
}

@media (max-width: 767px) {
	.square-list > dd:before {
		width: 0.7em;
		height: 0.7em;
		top: 6px;
	}
}

.square-list > dt {
	position: relative;
	display: inline-block;
	padding-left: 40px;
}

@media (max-width: 767px) {
	.square-list > dt {
		padding-left: 25px;
		font-size: 14px;
	}
}

.square-list > dt:before {
	padding-left: 30px;
	content: ':';
	position: absolute;
	top: 4px;
	left: 0;
	color: #999999;
	font-size: 10px;
}

@media (max-width: 767px) {
	.square-list > dt:before {
		display: none;
	}
}

.annotation-list {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.annotation-list {
		margin-top: -2px;
	}
}

.annotation-list > li {
	font-size: 12px;
}

@media (max-width: 767px) {
	.annotation-list > li {
		font-size: 10px;
	}
}

.annotation-list > li > span {
	padding-right: 6px;
}

.annotation-list > li > .important {
	color: red;
}

.custom-nav-link > .custom-nav-link-list {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.custom-nav-link > .custom-nav-link-list {
		display: block;
	}
}

.custom-nav-link > .custom-nav-link-list > li {
	display: table-cell;
	background-color: #FFFFFF;
	text-align: center;
}

@media (max-width: 767px) {
	.custom-nav-link > .custom-nav-link-list > li {
		display: block;
		text-align: left;
	}
}

.custom-nav-link > .custom-nav-link-list > li {
	max-width: 414px;
	width: 100%;
	height: 51px;
	line-height: 51px;
}

@media (max-width: 767px) {
	.custom-nav-link > .custom-nav-link-list > li {
		max-width: 100%;
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding-left: 10px;
	}
}

.custom-nav-link > .custom-nav-link-list > li + li {
	border-left: 1px solid #DBDBDB;
}

@media (max-width: 767px) {
	.custom-nav-link > .custom-nav-link-list > li + li {
		border-left: 0;
		border-top: 1px solid #DBDBDB;
	}
}

a.txt-link {
	color: #2477AB;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

@media (max-width: 767px) {
	a.txt-link {
		font-size: 14px;
	}
}

a.txt-link:visited {
	color: #0C4C97;
}

a.txt-link:link {
	color: #2477AB;
}

a.txt-link:hover {
	color: #0099CC;
	text-decoration: none;
}

a.txt-link:active {
	color: #0C4C97;
}

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

a.txt-link-category {
	background-color: #D3E4EE;
	display: inline-block;
	padding: 2px 5px;
}

a.txt-print > span {
	position: relative;
	padding-left: 30px;
}

a.txt-print > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_print.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 15px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-prev > span {
	position: relative;
	padding-left: 10px;
}

a.txt-prev > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_09.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-next > span {
	position: relative;
	padding-right: 10px;
}

a.txt-next > span:after {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_10.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 0;
}

a.txt-prev-dubble > span {
	position: relative;
	padding-left: 15px;
}

a.txt-prev-dubble > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_dubble_prev.png) no-repeat;
	background-size: contain;
	width: 9px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-next-dubble > span {
	position: relative;
	padding-right: 15px;
}

a.txt-next-dubble > span:after {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_dubble_next.png) no-repeat;
	background-size: contain;
	width: 9px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 0;
}

a.txt-next-white > span {
	position: relative;
	padding-right: 10px;
}

a.txt-next-white > span:after {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_08.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 0;
}

a.txt-arrow-right > span {
	position: relative;
	padding-left: 10px;
}

a.txt-arrow-right > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_01.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-arrow-right:hover > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_01_hover.png) no-repeat;
}

a.txt-arrow-right:visited > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_01_visited.png) no-repeat;
}

a.txt-arrow-right-white > span {
	position: relative;
	padding-left: 10px;
	white-space: nowrap;
}

a.txt-arrow-right-white > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_08.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-arrow-right-black > span {
	position: relative;
	padding-left: 10px;
}

a.txt-arrow-right-black > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_11.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-arrow-left > span {
	position: relative;
	padding-left: 10px;
}

a.txt-arrow-left > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_09.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-cart-right-white > span {
	position: relative;
	padding-left: 15px;
}

a.txt-cart-right-white > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_shopping_cart.png) no-repeat;
	background-size: contain;
	width: 21px;
	height: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: -10px;
}

a.txt-inside-link > span {
	position: relative;
	padding-left: 20px;
}

a.txt-inside-link > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_01.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-inside-link:hover > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_01_hover.png) no-repeat;
}

a.txt-inside-link:visited > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_01_visited.png) no-repeat;
}

a.txt-inside-link-white > span {
	position: relative;
	padding-left: 10px;
}

a.txt-inside-link-white > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_12.png) no-repeat;
	background-size: contain;
	width: 5px;
	height: 8px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-outside-link > span {
	position: relative;
	padding-left: 15px;
}

a.txt-outside-link > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_02.png) no-repeat;
	background-size: contain;
	width: 11px;
	height: 9px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-outside-link:hover > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_02_hover.png) no-repeat;
}

a.txt-outside-link:visited > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_02_visited.png) no-repeat;
}

a.txt-outside-link-white > span {
	position: relative;
	padding-left: 15px;
}

a.txt-outside-link-white > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_13.png) no-repeat;
	background-size: contain;
	width: 11px;
	height: 9px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-top-link > span {
	position: relative;
	padding-left: 15px;
}

a.txt-top-link > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_04.png) no-repeat;
	background-size: contain;
	width: 7px;
	height: 4px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-top-link:hover > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_04_hover.png) no-repeat;
}

a.txt-top-link:visited > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_04_visited.png) no-repeat;
}

a.txt-bottom-link > span {
	position: relative;
	padding-left: 15px;
}

a.txt-bottom-link > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_05.png) no-repeat;
	background-size: contain;
	width: 7px;
	height: 4px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-bottom-link:hover > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_05_hover.png) no-repeat;
}

a.txt-bottom-link:visited > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_05_visited.png) no-repeat;
}

a.txt-ac-link-off > span {
	position: relative;
	padding-left: 19px;
	display: block;
}

@media (max-width: 767px) {
	a.txt-ac-link-off > span {
		padding-left: 20px;
		display: block;
	}
}

a.txt-ac-link-off > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_accordion_01_off.png) no-repeat;
	background-size: contain;
	width: 11px;
	height: 12px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	display: inline-block;
}

a.txt-ac-link-on > span {
	position: relative;
	padding-left: 19px;
	display: inline-block;
}

@media (max-width: 767px) {
	a.txt-ac-link-on > span {
		padding-left: 20px;
		display: block;
	}
}

a.txt-ac-link-on > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_accordion_01_on.png) no-repeat;
	background-size: contain;
	background-size: contain;
	width: 11px;
	height: 12px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
	display: inline-block;
}

a.txt-modal-link > span {
	position: relative;
	padding-left: 15px;
}

a.txt-modal-link > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_03.png) no-repeat;
	background-size: contain;
	width: 10px;
	height: 9px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-modal-link:hover > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_03_hover.png) no-repeat;
}

a.txt-modal-link:visited > span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_03_visited.png) no-repeat;
}

a.txt-search-link > span {
	position: relative;
	padding-left: 15px;
}

a.txt-search-link > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_search.png) no-repeat;
	background-size: contain;
	width: 17px;
	height: 16px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

a.txt-close > span {
	position: relative;
	padding-left: 15px;
}

a.txt-close > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_close.png) no-repeat;
	background-size: contain;
	width: 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 0;
}

.btn {
	border: none;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	text-align: center;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: 0.1px;
}

.btn-small {
	width: 220px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.btn-small {
		width: 230px;
	}
}

.btn-online-entry {
	width: 230px;
	height: 29px;
	line-height: 30px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.btn-online-entry {
		width: 230px;
	}
}

.btn-large {
	width: 280px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.btn-large {
		width: 100%;
		font-size: 14px;
	}
}

.btn-xlarge {
	width: 320px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.btn-xlarge {
		width: 100%;
		font-size: 14px;
	}
}

.btn-flex {
	width: 100%;
	max-width: 320px;
	min-width: 285px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.btn-flex {
		font-size: 14px;
		max-width: 320px;
		min-width: 240px;
	}
}

.btn-hover-primary:hover {
	opacity: 0.7;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
	border-radius: 0.1px;
}

.btn-file-hidden {
	display: none;
}

.btn-icon {
	padding-left: 25px;
}

.btn-primary {
	background-color: #F8F8F8;
	border: 1px solid #92BBD5;
	color: #2477AB;
}

.signout {
	background-color: #F8F8F8;
	border: 1px solid #92BBD5;
	color: #2477AB;
}

.btn-secondly {
	background-color: #2477AB;
	border: 1px solid #2477AB;
	color: #FFFFFF;
}

.btn-third {
	background-color: #636363;
	border: 1px solid #636363;
	color: #FFFFFF;
}

.form-btn-area {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 20px;
}

.btn-wrapper-close {
	margin-top: 30px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
	.btn-wrapper-close {
		margin-top: 10px;
    margin-bottom: 10px;
	}
}

.btn-group {
	position: relative;
	text-align: center;
}

* + .select-btn-wrapper {
	margin-top: 20px;
}

.select-btn-wrapper + * {
	margin-top: 10px;
}

.select-btn-group {
	text-align: left;
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
}

@media (max-width: 767px) {
	.select-btn-group {
		position: inherit;
	}
}

.select-btn-group-list > li {
	display: inline-block;
}

@media (max-width: 767px) {
	.select-btn-group-list > li {
		width: 90px;
	}
}

.select-btn-group-list > li > a {
	width: 120px;
}

@media (max-width: 767px) {
	.select-btn-group-list > li > a {
		width: 100%;
		font-size: 12px;
	}
}

.select-btn-group-list > li + li {
	margin-left: 6px;
	margin-top: 6px;
}

.btn-group-list {
	text-align: center;
	display: inline-block;
}

@media (max-width: 767px) {
	.btn-group-list {
		display: table;
		width: 100%;
	}
}

.btn-group-list > .cancel > .btn-small,
.btn-group-list > .apply > .btn-small {
	width: 150px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.btn-group-list > .cancel > .btn-small,
	.btn-group-list > .apply > .btn-small {
		width: 100%;
	}
}

.btn-group-list > .cancel {
	float: left;
}

@media (max-width: 767px) {
	.btn-group-list > .cancel {
		float: none;
	}
}

@media (max-width: 767px) {
	.btn-group-list > .cancel > a {
		margin-top: -6px;
	}
}

.btn-group-list > .apply {
	float: right;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.btn-group-list > .apply {
		float: none;
		margin-left: 0;
	}
}

.btn-group-list > .reset {
	position: absolute;
	left: 7px;
	bottom: 6px;
}

@media (max-width: 767px) {
	.btn-group-list > .reset {
		position: static;
		display: block;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}
}

.btn-group-list > .reset > .btn-small,
.btn-group-list > .reset .btn-large {
	width: 120px;
}

@media (max-width: 767px) {
	.btn-group-list > .reset > .btn-small,
	.btn-group-list > .reset .btn-large {
		width: 145px;
	}
}

.btn-group-list > .close > .btn-small,
.btn-group-list > .close .btn-large {
	width: 120px;
}

@media (max-width: 767px) {
	.btn-group-list > .close > .btn-small,
	.btn-group-list > .close .btn-large {
		width: 145px;
	}
}

.btn-group-list > .close > .btn-mail-page-slim {
	width: 170px;
}

.btn-group-list > .back-to-top > .btn-small,
.btn-group-list > .back-to-top .btn-large {
	width: 150px;
}

@media (max-width: 767px) {
	.btn-group-list > .back-to-top > .btn-small,
	.btn-group-list > .back-to-top .btn-large {
		width: 145px;
	}
}

.btn-group-list > .stop > .btn-small {
	width: 250px;
}

@media (max-width: 767px) {
	.btn-group-list > .stop > .btn-small {
		width: 150px;
	}
}

.btn-group-list > li {
	display: inline-block;
}

@media (max-width: 767px) {
	.btn-group-list > li {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.btn-group-list > li > a {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.btn-group-list > li + li {
		margin-top: 10px;
	}
}

.btn-group-post {
	text-align: center;
	display: block;
	margin-bottom: 12px;
}

@media (max-width: 767px) {
	.btn-group-post {
		display: table;
		width: 100%;
	}
}

.btn-group-post > .close > .btn-max {
	width: 430px;
	padding: 8px;
	font-size: 14px;
	margin-bottom: 12px;
}

@media (max-width: 767px) {
	.btn-group-post > .close > .btn-max {
		width: 100%;
		font-size: 8px;
		margin-bottom: 0;
	}
}

.input-btn-wrap {
	position: relative;
	width: 200px;
	height: 40px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-transition: 0.2s;
	transition: 0.2s;
	text-align: center;
	z-index: 1;
	display: inline-block;
}

@media (max-width: 767px) {
	.input-btn-wrap {
		width: 100%;
	}
}

.input-btn-wrap input.input-btn-reset {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 100% !important;
	height: 100% !important;
	border: none;
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	color: #2477ab;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}

.input-btn-wrap span {
	cursor: pointer;
	line-height: 40px;
	position: relative;
	padding-left: 15px;
}

.input-btn-wrap span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_01.png) no-repeat;
	background-size: contain;
	width: 4px;
	height: 7px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

.input-btn-small {
	width: 120px;
	height: 30px;
}

@media (max-width: 767px) {
	.input-btn-small {
		width: 145px;
	}
}

.input-btn-small span {
	line-height: 30px;
	font-size: 14px;
}

.input-btn-medium {
	width: 150px;
	height: 40px;
}

@media (max-width: 767px) {
	.input-btn-medium {
		width: 100%;
	}
}

.input-btn-slim {
	width: 250px;
	height: 30px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.input-btn-slim {
		width: 150px;
	}
}

.input-btn-slim span {
	line-height: 30px;
}

.input-btn-slim-small {
	width: 120px;
	height: 30px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.input-btn-slim-small {
		width: 150px;
	}
}

.input-btn-slim-small span {
	line-height: 30px;
}

.input-btn-auto {
	width: 100%;
	font-size: 14px;
}

@media (max-width: 767px) {
	.input-btn-auto {
		width: 100%;
	}
}

.input-btn-auto-other {
	width: 130px;
}

@media (max-width: 767px) {
	.input-btn-auto-other {
		width: 100%;
	}
}

.input-btn-long-large {
	width: 177px;
}

@media (max-width: 767px) {
	.input-btn-long-large {
		width: 100%;
	}
}

.input-btn-primary {
	background-color: #F8F8F8;
	border: 1px solid #92BBD5;
}

.input-btn-primary span {
	color: #2477AB;
}

.input-btn-secondly {
	background-color: #2477AB;
	border: 1px solid #2477AB;
}

.input-btn-secondly span {
	color: #FFFFFF;
}

.input-btn-merchant-nav {
	font-size: 14px;
	height: 35px;
	border: 1px solid #4D6B8B;
	max-width: 110px;
	margin-top: 12px;
	box-shadow: none;
	background: none;
}

.input-btn-merchant-nav:hover {
	opacity: 0.7;
}

.input-btn-merchant-nav span {
	color: #FFFFFF;
	line-height: 35px;
}

.input-btn-merchant-nav + div {
	margin-left: 4px;
}

.input-btn-third {
	background-color: #636363;
	border: 1px solid #636363;
}

.input-btn-third span {
	color: #FFFFFF;
}

.ic-position-right span {
	padding-left: 0;
	padding-right: 15px;
}

.ic-position-right span:before {
	left: auto;
	right: 0;
}

.ic-type-revers-arrow span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_09.png) no-repeat;
}

.ic-type-file span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_02.png) no-repeat;
	width: 11px;
	height: 9px;
}

.ic-type-close span:before {
	background: url(/ja/honninkakunin/img/diners/icon_close.png) no-repeat;
	width: 7px;
	height: 7px;
}

.ic-type-search span {
	padding-left: 25px;
}

.ic-type-search span:before {
	background: url(/ja/honninkakunin/img/diners/icon_search.png) no-repeat;
	width: 17px;
	height: 16px;
}

.ic-type-arrow-left span {
	padding-left: 10px;
}

.ic-type-arrow-left span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_09.png) no-repeat;
	width: 4px;
	height: 7px;
}

.ic-type-arrow-right span {
	padding-left: 0;
}

.ic-type-arrow-right span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_01.png) no-repeat;
	width: 4px;
	height: 7px;
}

.ic-type-arrow-right-white span {
	padding-left: 10px;
}

.ic-type-arrow-right-white span:before {
	background: url(/ja/honninkakunin/img/diners/icon_link_08.png) no-repeat;
	width: 4px;
	height: 7px;
}

.ic-type-shopping span {
	padding-left: 25px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.ic-type-shopping span {
		font-size: 14px;
	}
}

.ic-type-shopping span:before {
	background: url(/ja/honninkakunin/img/diners/icon_shopping_cart.png) no-repeat;
	width: 21px;
	height: 16px;
}

.ic-type-none span {
	padding-left: 0;
}

.ic-type-none span:before {
	display: none;
}

.not-active-btn {
	opacity: 0.7;
}

.base-table {
	width: 100%;
	display: table;
	border-bottom: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	margin-top: 1em;
}

@media (max-width: 767px) {
	.base-table {
		display: block;
	}
}

.base-table-section {
	display: table-cell;
}

@media (max-width: 767px) {
	.base-table-section {
		display: block;
		border-right: 1px solid #DBDBDB;
	}
	.base-table-section:last-child {
		border-bottom: 1px solid #DBDBDB;
	}
}

.base-table-list > li, .base-table-list > dt, .base-table-list > dd {
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
}

.base-table-head {
	background-color: #E9E9E9;
	text-align: center;
	padding: 12px 10px;
	font-weight: bold;
	line-height: 1.3;
}

@media (max-width: 767px) {
	.base-table-head {
		text-align: left;
		padding: 7px 10px;
	}
}

.base-table-content {
	background-color: #FFFFFF;
	padding: 12px 10px;
	text-align: center;
}

@media (max-width: 767px) {
	.base-table-content {
		text-align: left;
		padding: 7px 10px;
	}
}

span.txt-bold {
	font-weight: bold;
}

.custom-table {
	width: 100%;
}

@media (max-width: 767px) {
	.custom-table {
		font-size: 12px;
	}
}

.custom-table tr {
	background-color: #fff;
	width: 100%;
}

.custom-table th, .custom-table td {
	padding: 12px;
	border: 1px solid #DBDBDB;
}

.custom-table .product-name {
	width: 75%;
}

@media (max-width: 767px) {
	.custom-table .product-name {
		width: auto;
	}
}

.custom-table .custom-table-head-category.product {
	width: auto;
}

.custom-table .custom-table-head-category {
	font-weight: bold;
	line-height: 1.3;
}

@media (max-width: 767px) {
	.custom-table .custom-table-head-category {
		line-height: 1.4;
		font-size: 12px;
	}
}

.custom-table .custom-table-head-category-w20 {
	width: 20%;
}

@media (max-width: 767px) {
	.custom-table .custom-table-head-category-w20 {
		width: auto;
	}
}

.custom-table th {
	background-color: #E9E9E9;
	color: #263033;
}

@media (max-width: 767px) {
	.custom-table th {
		padding: 7px 6px 6px 6px;
	}
}

@media (max-width: 767px) {
	.custom-table td {
		padding: 5px 4px 4px 4px;
	}
}

.custom-table .table-text-large {
	font-size: 20px;
	line-height: 21px;
	margin-right: 5px;
}

@media (max-width: 767px) {
	.custom-table .table-text-large {
		font-size: 10px;
		line-height: 1.6;
		margin-left: 0;
	}
}

.custom-table .max-cell {
	width: 100%;
}

@media (max-width: 767px) {
	.custom-table .max-cell {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.custom-table .long-cell {
		width: 100%;
	}
}

.custom-table .nowrap {
	white-space: nowrap;
}

.custom-table .i-block {
	display: inline-block;
}

.custom-table .select-box-cell {
	width: 220px;
}

@media (max-width: 767px) {
	.custom-table .select-box-cell {
		width: 108px;
	}
}

.custom-table .radio-box-cell {
	width: 70px !important;
	min-width: 70px !important;
}

@media (max-width: 767px) {
	.custom-table .radio-box-cell {
		width: 38px !important;
		min-width: 38px !important;
	}
}

.custom-table .select-box-content {
	padding: 0 10px;
}

@media (max-width: 767px) {
	.custom-table .select-box-content {
		padding: 5px 3px 4px 6px;
	}
}

.custom-table .custom-table-desc-content > .card-styled-select {
	width: 200px;
	height: 36px !important;
	background-size: 41px;
	margin-top: 6px;
}

@media (max-width: 767px) {
	.custom-table .custom-table-desc-content > .card-styled-select {
		height: 25px !important;
		margin-top: -7px;
		position: relative;
		top: 5px;
		min-width: 95px;
		width: 95px;
		background-size: 21px;
	}
}

.custom-table .custom-table-desc-content > .card-styled-select > select {
	height: 36px !important;
}

@media (max-width: 767px) {
	.custom-table .custom-table-desc-content > .card-styled-select > select {
		line-height: 1;
		height: 25px !important;
		font-size: 10px;
		padding-right: 25px;
	}
}

@media (max-width: 767px) {
	.custom-table .acordion-trigger-head {
		max-width: 35px;
		min-width: 35px;
		width: 7.8%;
		width: 35px;
	}
}

.custom-table .custom-table-list > td:first-child {
	min-width: 101px;
}

.reward-table-padding {
	padding: 5px 10px;
	font-weight: bold;
}

.module-width th:nth-of-type(1) {
	width: 20.87%;
}

@media (max-width: 767px) {
	.module-width th:nth-of-type(1) {
		min-width: 150px;
	}
}

.module-width th:nth-of-type(2) {
	width: 18.5%;
}

@media (max-width: 767px) {
	.module-width th:nth-of-type(2) {
		width: 100%;
	}
}

.module-width th:nth-of-type(3) {
	width: 30.7%;
}

@media (max-width: 767px) {
	.module-width th:nth-of-type(3) {
		max-width: 38px;
		min-width: 38px;
	}
}

.module-width th:nth-of-type(4) {
	width: 30.7%;
}

.module-width th:nth-of-type(5) {
	width: 14.5%;
}

.module-width th:nth-of-type(6) {
	width: 20%;
}

.other-type-table th:nth-of-type(1) {
	width: 20.87%;
}

.other-type-table th:nth-of-type(1) {
	width: 20.87%;
}

.other-type-table th:nth-of-type(5) {
	width: 15.4%;
	min-width: 158px;
}

.other-type-table th:nth-of-type(6) {
	width: 18.65%;
}

@media (max-width: 767px) {
	.other-type-table .radio-wrapper {
		margin-left: 2px;
	}
}

.date-cell {
	width: 210px;
	min-width: 210px;
}

@media (max-width: 767px) {
	.date-cell {
		min-width: 85px !important;
	}
}

.noindent {
	white-space: nowrap;
}

.acordion-desc-wrapper {
	padding: 5px;
	background-color: #DBDBDB;
}

@media (max-width: 767px) {
	.acordion-desc-wrapper {
		background-color: #DBDBDB !important;
		padding: 0 !important;
	}
}

.acordion-desc-wrapper .btn-group {
	padding-top: 5px;
}

.acordion-desc-wrapper th {
	text-align: left !important;
	min-width: 95px !important;
	width: 95px !important;
	max-width: 95px !important;
}

.acordion-desc-wrapper .acordion-body {
	padding: 5px;
	border-top: 1px solid #DBDBDB;
}

.page-cardhistory .acordion-desc-wrapper {
	padding: 5px;
	background-color: #DBDBDB;
}

@media (max-width: 767px) {
	.page-cardhistory .acordion-desc-wrapper {
		background-color: #DBDBDB !important;
		padding: 0 !important;
	}
}

.page-cardhistory .acordion-desc-wrapper .btn-group {
	padding-top: 5px;
}

.page-cardhistory .acordion-desc-wrapper th {
	text-align: left !important;
	min-width: 75px !important;
	width: 92px !important;
	max-width: 75px !important;
}

.page-cardhistory .acordion-desc-wrapper .acordion-body {
	padding: 5px;
	border-top: 1px solid #DBDBDB;
}

tr.custom-table-acordion-desc {
	border-top: none !important;
}

.acordion-btn {
	width: 25px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	background-color: #666;
	position: relative;
	box-shadow: 1px 1px 3px 0px #666666;
	-moz-box-shadow: 1px 1px 3px 0px #666666;
	-webkit-box-shadow: 1px 1px 3px 0px #666666;
}

.acordion-btn:after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-image: url(/ja/honninkakunin/img/diners/icon_btn_accordion_open.png);
	background-repeat: no-repeat;
	background-size: 10px;
}

.acordion-open:after {
	background-image: url(/ja/honninkakunin/img/diners/icon_btn_accordion_close.png);
}

.checkbox-wrapper {
	position: relative;
	padding: 0 3px;
	text-align: center;
}

.checkbox-wrapper > input[type="checkbox"] {
	display: none;
}

.checkbox-wrapper > label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 12px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.checkbox-wrapper > label::before, .checkbox-wrapper label::after {
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s;
}

.checkbox-wrapper > label::before {
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 3px;
}

.checkbox-wrapper > label::after {
	opacity: 0;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 4px;
	margin-top: -4px;
	border-left: 2px solid #263033;
	border-bottom: 2px solid #263033;
	-webkit-transform: rotate(-45deg) scale(0.5);
	-ms-transform: rotate(-45deg) scale(0.5);
	    transform: rotate(-45deg) scale(0.5);
}

.checkbox-wrapper > label:hover::before {
	background: #fff;
}

.checkbox-wrapper > input[type="checkbox"]:checked + label::before {
	background: #fff;
	border: 1px solid #DBDBDB;
}

.checkbox-wrapper > input[type="checkbox"]:checked + label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	-ms-transform: rotate(-45deg) scale(1);
	    transform: rotate(-45deg) scale(1);
}

.checkbox-agree-wrapper {
	position: relative;
	padding: 0 3px;
	text-align: center;
}

.checkbox-agree-wrapper > input[type="checkbox"] {
	display: none;
}

.checkbox-agree-wrapper > label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 22px;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.checkbox-agree-wrapper > label::before, .checkbox-agree-wrapper label::after {
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	transition: all .2s;
}

.checkbox-agree-wrapper > label::before {
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
}

.checkbox-agree-wrapper > label::after {
	opacity: 0;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 4px;
	margin-top: -4px;
	border-left: 2px solid #263033;
	border-bottom: 2px solid #263033;
	-webkit-transform: rotate(-45deg) scale(0.5);
	-ms-transform: rotate(-45deg) scale(0.5);
	    transform: rotate(-45deg) scale(0.5);
}

.checkbox-agree-wrapper > label:hover::before {
	background: #fff;
}

.checkbox-agree-wrapper > input[type="checkbox"]:checked + label::before {
	background: #fff;
	border: 1px solid #DBDBDB;
}

.checkbox-agree-wrapper > input[type="checkbox"]:checked + label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	-ms-transform: rotate(-45deg) scale(1);
	    transform: rotate(-45deg) scale(1);
}

.radio-wrapper {
	position: relative;
	padding: 0 3px;
	text-align: center;
	/* radio */
}

.radio-wrapper > input[type="radio"] {
	display: none;
}

.radio-wrapper > label {
	position: relative;
	display: inline-block;
	padding: 3px 13px 3px 4px;
	cursor: pointer;
	height: 20px;
}

.radio-wrapper > label::before,
.radio-wrapper > label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.radio-wrapper > label::before {
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #FFFFFF;
	border: 1px solid #ccc;
}

.radio-wrapper > label:hover::before {
	background: #fff;
}

.radio-wrapper > label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #263033;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	    transform: scale(2);
}

.radio-wrapper > input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #DBDBDB;
}

.radio-wrapper > input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
}

.media-info-box > .media-info-img {
	float: right;
	width: 23.4%;
}

@media (max-width: 767px) {
	.media-info-box > .media-info-img {
		float: none;
		width: 100%;
	}
}

.media-info-box > .media-info-img > img {
	width: 100%;
	max-width: 290px;
	max-height: 180px;
}

@media (max-width: 767px) {
	.media-info-box > .media-info-img > img {
		width: 100%;
		max-width: 100%;
		max-height: 100%;
	}
}

.media-info-box > .media-info-text {
	float: left;
	width: 76.6%;
}

@media (max-width: 767px) {
	.media-info-box > .media-info-text {
		float: none;
		padding-top: 10px;
		width: 100%;
	}
}

.media-info-box > .media-info-text > .txt-small {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.media-info-box > .media-info-text > .txt-small {
		margin-top: 0;
	}
}

.media-list {
	margin-top: 10px;
	margin-left: -5px;
	margin-right: -5px;
}

.media-list > li {
	float: left;
	width: 50%;
	padding-left: 5px;
	padding-right: 5px;
}

@media (max-width: 767px) {
	.media-list > li {
		width: 100%;
	}
}

.media-list > li > a {
	display: block;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.media-list > li > a:hover {
	opacity: 0.7;
}

@media (max-width: 767px) {
	.media-list > li + li {
		margin-top: 10px;
	}
}

.media {
	width: 100%;
}

.media > img {
	text-align: center;
	margin: auto;
	vertical-align: middle;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}

@media (max-width: 767px) {
	.media > img {
		width: 100%;
	}
}

.media-outside-link {
	position: relative;
}

.media-outside-link:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_02.png) no-repeat;
	background-size: contain;
	width: 11px;
	height: 9px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.media-modal-link {
	position: relative;
}

.media-modal-link:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_link_03.png) no-repeat;
	background-size: contain;
	width: 10px;
	height: 9px;
	position: absolute;
	top: 10px;
	right: 10px;
}

.form-mt {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.form-mt-sp {
		margin-top: 5px;
	}
}

.form-box {
	width: 76.5%;
	float: left;
}

@media (max-width: 767px) {
	.form-box {
		width: 100%;
		float: none;
	}
}

.form-box-airport {
	width: 100%;
	float: left;
}

@media (max-width: 767px) {
	.form-box-airport {
		width: 100%;
		float: none;
	}
}

.page-entry .form-box {
	width: 100%;
	float: left;
}

@media (max-width: 767px) {
	.page-entry .form-box {
		width: 100%;
		float: none;
	}
}

.error {
	background-color: #F7E5E5;
}

* + .error-message {
	margin-top: 20px;
}

.error-message {
	text-align: center;
	padding: 18px;
}

@media (max-width: 767px) {
	.error-message {
		padding: 3px 30px;
	}
}

.error-message > p {
	color: #B30000;
	padding-left: 10px;
}

@media (max-width: 767px) {
	.error-message > p {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	.error-message > p {
		max-width: 100%;
		padding-left: 0px;
		text-align: left;
		font-size: 14px;
	}
}

.error-message > p > span {
	position: relative;
	padding-left: 25px;
}

@media (max-width: 767px) {
	.error-message > p > span {
		display: inline-block;
	}
}

.error-message > p > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_error.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.time-message {
	text-align: center;
	padding: 18px 30px;
}

@media (max-width: 767px) {
	.time-message {
		padding: 3px 30px;
	}
}

.time-message > p {
	color: #B30000;
}

@media (max-width: 767px) {
	.time-message > p {
		display: inline-block;
	}
}

@media (max-width: 767px) {
	.time-message > p {
		max-width: 100%;
		text-align: left;
		font-size: 14px;
	}
}

.time-message > p > span {
	position: relative;
	padding-left: 25px;
	display: inline-block;
}

@media (max-width: 767px) {
	.time-message > p > span {
		display: inline-block;
	}
}

.time-message > p > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_error.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 12px;
	left: 0px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.attention-message {
	font-size: 16px;
}

.attention-message > span {
	position: relative;
	padding-left: 25px;
}

@media (max-width: 767px) {
	.attention-message > span {
		display: inline-block;
	}
}

.attention-message > span:before {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_error.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.error-message + * {
	margin-top: 20px;
}

.info-message {
	padding: 6px 10px;
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}

.info-message .info-message-title {
	font-size: 16px;
}

@media (max-width: 767px) {
	.info-message .info-message-title {
		font-size: 12px;
		font-weight: bold;
	}
}

.info-message > p {
	font-size: 14px;
}

@media (max-width: 767px) {
	.info-message > p {
		font-size: 12px;
	}
}

.info-message > .circle-list > li {
	font-size: 14px;
}

.info-message > .circle-list > li:before {
	top: 13px;
}

.form-other-text {
	margin-top: 10px;
}

.form-required {
	display: block;
	background-color: #B30000;
	color: #FFFFFF;
	width: 40px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	letter-spacing: 1px;
}

.form-table-text {
	font-size: 14px;
	color: #636363;
}

@media (max-width: 767px) {
	.form-table-text {
		font-size: 10px;
	}
}

.form-table-area {
	margin-top: 10px;
}

.table-minify {
	margin-bottom: -11px !important;
}

.form-table {
	width: 100%;
	table-layout: fixed;
}

.form-table th {
	border-bottom: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	background-color: #E9E9E9;
}

.form-table td {
	border: 1px solid #DBDBDB;
	background-color: #FFFFFF;
	width: 100%;
}

.form-table .sp-text {
	display: none;
}

@media (max-width: 767px) {
	.form-table .sp-text {
		display: inline-block;
	}
}

.form-table + .form-table {
	margin-top: 10px;
}

.form-table-side {
	width: 80px;
	text-align: left;
	padding-left: 10px;
}

@media (max-width: 767px) {
	.form-table-side {
		display: none;
	}
}

.form-table-primary {
	width: 310px;
}

.form-table-flex-content {
	display: table;
}

@media (max-width: 767px) {
	.form-table-flex-content {
		display: block;
	}
}

.form-table-flex-content > dt {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 230px;
	padding: 5px 10px;
	border-right: 1px solid #DBDCDD;
	background-color: #E9E9E9;
}

@media (max-width: 767px) {
	.form-table-flex-content > dt {
		display: block;
		width: 100%;
		font-size: 14px;
		border-right: 0;
		border-bottom: 1px solid #DBDCDD;
	}
}

.form-table-flex-content > dd {
	display: table-cell;
}

@media (max-width: 767px) {
	.form-table-flex-content > dd {
		display: block;
	}
}

.form-table-flex-content-other {
	display: table;
}

@media (max-width: 767px) {
	.form-table-flex-content-other {
		display: block;
	}
}

.form-table-flex-content-other > dt {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	min-width: 310px;
	padding: 5px 10px;
	border-right: 1px solid #DBDCDD;
	background-color: #E9E9E9;
}

@media (max-width: 767px) {
	.form-table-flex-content-other > dt {
		min-width: 0;
		display: block;
		width: 100%;
		font-size: 14px;
		border-right: 0;
		border-bottom: 1px solid #DBDCDD;
	}
}

.form-table-flex-content-other > dd {
	display: table-cell;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.form-table-flex-content-other > dd {
		display: block;
	}
}

.form-content-post > .form-name-box {
	display: table;
}

.form-content-post > .form-name-box > .form-name {
	display: table-cell;
}

.form-content-post > .form-name-box > .form-name .post-num-input-01 {
	min-width: 65px;
	width: 100%;
}

.form-content-post > .form-name-box > .form-name .post-num-input-02 {
	min-width: 70px;
	width: 100%;
}

.form-content-post > .form-name-box > .form-name .post-num-input-03 {
	width: 127px;
	display: inline-block;
	padding-left: 0;
}

.form-content-post > .form-name-box > .form-name .post-num-input-03 > input {
	width: 127px;
	height: 35px;
	padding: 10px;
}

.form-content-post > .form-name-box > .form-name .post-num-input-04 {
	width: 127px;
	display: inline-block;
	padding-left: 0;
}

.form-content-post > .form-name-box > .form-name .post-num-input-04 > input {
	width: 127px;
	height: 35px;
	padding: 10px;
}

.form-content-post > .form-name-box .form-name-input {
	padding-left: 10px;
}

@media (max-width: 767px) {
	.form-content-post > .form-name-box .form-name-input {
		padding-left: 5px;
	}
}

.form-content-post > .form-name-box .postal-search-btn {
	padding-left: 5px;
}

.form-content-post > .form-name-box .postal-search-btn .post-btn {
	padding: 3px 10px;
	font-size: 14px;
	min-width: 100px;
	border-radius: 0.1px;
}

@media (max-width: 767px) {
	.form-content-post > .form-name-box .postal-search-btn .post-btn {
		font-size: 10px;
		width: 70px;
		margin-left: 0;
	}
}

.form-content {
	display: table-cell;
	padding: 9px 10px;
	/* select */
	/* select-type-03 */
	/* select-type-04 */
}

@media (max-width: 767px) {
	.form-content {
		width: 100%;
		display: block;
	}
}

.form-content > .form-type-01 > input {
	width: 370px;
	height: 35px;
	padding: 10px;
}

@media (max-width: 767px) {
	.form-content > .form-type-01 > input {
		width: 100%;
	}
}

.form-content > .form-type-02 > input {
	width: 127px;
	height: 35px;
	padding: 10px;
}

@media (max-width: 767px) {
	.form-content > .form-type-02 > input {
		width: 100%;
	}
}

.form-content > .form-name-input-small > input {
	width: 160px;
	height: 36px;
	padding: 10px;
}

.form-content > .form-name-input-small > span {
	display: inline-block;
	margin-left: 10px;
}

.form-content > .form-name-box {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.form-content > .form-name-box .post-btn {
	font-size: 14px;
	min-width: 100px;
}

@media (max-width: 767px) {
	.form-content > .form-name-box .post-btn {
		min-width: 75px;
		font-size: 11px;
	}
}

.form-content > .form-name-box > .post {
	font-size: 14px;
	vertical-align: bottom;
	padding-left: 25px !important;
}

.form-content > .form-name-box > .post > a > span {
	display: block;
}

@media (max-width: 767px) {
	.form-content > .form-name-box > .post {
		display: none;
	}
}

.form-content > .form-name-box > .form-name + .form-name {
	padding-left: 10px;
}

@media (max-width: 767px) {
	.form-content > .form-name-box > .form-name + .form-name {
		padding-left: 0;
		margin-top: 5px;
	}
}

.form-content > .form-name-box > * {
	display: table-cell;
}

@media (max-width: 767px) {
	.form-content > .form-name-box > * {
		display: block;
		width: 100%;
	}
}

.form-content > .form-name-box > * > .form-name-flex {
	display: table;
	width: 100%;
}

.form-content > .form-name-box > * > .form-name-flex > * {
	display: table-cell;
}

.form-content > .form-name-box > * > .form-name-flex > .form-name-txt-label {
	width: 50px;
	text-align: left;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.form-content > .form-name-box > * > .form-name-flex > .form-name-txt-label {
		width: 10%;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.form-content > .form-name-box > * > .form-name-flex > .form-name-txt-label.mark {
		padding-left: 5px;
	}
}

.form-content > .form-name-box > * > .form-name-flex > .form-name-input > input {
	width: 100%;
	height: 36px;
	padding: 10px;
}

.form-content > .form-name-box > * .btn {
	padding: 3px 10px;
	margin-left: 10px;
}

@media (max-width: 767px) {
	.form-content > .form-name-box > * .btn {
		padding: 3px 5px;
	}
}

.form-content .form-tel-box {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.form-content .form-tel-box > input {
	width: 20%;
	height: 37px;
	padding: 9px;
}

.form-content .styled-select-box {
	display: inline-block;
}

@media (max-width: 767px) {
	.form-content .styled-select-box {
		width: 100%;
	}
}

.form-content .styled-select-box + .styled-select-box {
	margin-left: 6px;
}

@media (max-width: 767px) {
	.form-content .styled-select-box + .styled-select-box {
		margin-left: 0;
	}
}

.form-content .styled-select {
	background: url(/ja/honninkakunin/img/diners/select_arrow_01.png) no-repeat 100% 0;
	height: 38px;
	overflow: hidden;
	width: 29%;
	min-width: 114px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #DBDCDD;
}

.form-content .styled-select > select {
	background: transparent;
	border: none;
	font-size: 16px;
	height: 36px;
	width: 100%;
}

@media (max-width: 767px) {
	.form-content .styled-select > select {
		width: 100%;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.form-content .styled-select {
		width: 32%;
		min-width: 89px;
	}
}

.form-content .styled-select + .styled-select {
	margin-left: 6px;
}

@media (max-width: 767px) {
	.form-content .styled-select + .styled-select {
		margin-left: 0;
	}
}

@media (max-width: 767px) {
	.form-content .select-year {
		width: 32%;
		min-width: auto;
	}
}

@media (max-width: 767px) {
	.form-content .select-month {
		width: 30%;
		min-width: auto;
	}
}

@media (max-width: 767px) {
	.form-content .select-day {
		width: 30%;
		min-width: auto;
	}
}

.form-content .styled-select-type-02 {
	background: url(/ja/honninkakunin/img/diners/select_arrow_01.png) no-repeat 100% 0;
	height: 38px;
	min-width: 114px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #DBDCDD;
}

.form-content .styled-select-type-02 > select {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 16px;
	height: 36px;
}

@media (max-width: 767px) {
	.form-content .styled-select-type-02 > select {
		cursor: default;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.form-content .styled-select-type-02 {
		width: 100%;
		outline: none;
	}
}

.form-content .styled-select-type-03 {
	background: url(/ja/honninkakunin/img/diners/select_arrow_01.png) no-repeat 98% 0;
	height: 38px;
	overflow: hidden;
	width: 230px;
	min-width: 114px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #DBDCDD;
}

@media (max-width: 767px) {
	.form-content .styled-select-type-03 {
		background: url(/ja/honninkakunin/img/diners/select_arrow_02_sp.png) no-repeat 100% 0;
	}
}

.form-content .styled-select-type-03 > select {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 16px;
	height: 36px;
	padding: 5px;
	width: 240px;
}

@media (max-width: 767px) {
	.form-content .styled-select-type-03 > select {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.form-content .styled-select-type-03 {
		width: 100%;
	}
}

.form-content .styled-select-type-04 {
	background: url(/ja/honninkakunin/img/diners/select_arrow_01.png) no-repeat 98% 0;
	height: 38px;
	width: 200px;
	min-width: 114px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #DBDCDD;
}

.form-content .styled-select-type-04 > select {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 16px;
	height: 36px;
	padding: 5px;
	width: 230px;
}

@media (max-width: 767px) {
	.form-content .styled-select-type-04 > select {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.form-content .styled-select-type-04 {
		width: 100%;
		outline: none;
	}
}

.form-content .styled-select-type-05 {
	background: url(/ja/honninkakunin/img/diners/select_arrow_01.png) no-repeat 100% 0;
	height: 38px;
	overflow: hidden;
	width: 320px;
	min-width: 114px;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #DBDCDD;
}

.form-content .styled-select-type-05 > select {
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 15px;
	height: 36px;
	padding: 0 5px;
	width: 270px;
}

@media (max-width: 767px) {
	.form-content .styled-select-type-05 > select {
		width: 100%;
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.form-content .styled-select-type-05 {
		width: 100%;
		outline: none;
	}
}

.form-content .styled-select-type-other {
	width: 270px;
}

.form-content .styled-select-type-other select {
	width: 100%;
	height: 36px;
}

.form-content .styled-select + .styled-select {
	margin-left: 6px;
}

@media (max-width: 767px) {
	.form-content .styled-select + .styled-select {
		margin-left: 0;
	}
}

.form-input-text {
	font-size: 14px;
	padding-left: 10px;
	padding-top: 10px;
}

@media (max-width: 767px) {
	.form-input-text {
		font-size: 12px;
	}
}

.form-input-text + input {
	margin-top: 5px;
}

.form-input-text + input + input {
	margin-top: 5px;
}

.form-input-text-02 {
	font-size: 14px;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.form-input-text-02 {
		font-size: 12px;
	}
}

.form-content-radio > div {
	display: inline-block;
	vertical-align: middle;
	display: block;
}

@media (max-width: 767px) {
	.form-content-radio > div {
		display: block;
	}
	.form-content-radio > div > input[type="radio"] {
		display: none;
	}
	.form-content-radio > div > label {
		position: relative;
		display: inline-block;
		padding: 3px 3px 3px 21px;
		cursor: pointer;
	}
	.form-content-radio > div > label::before,
	.form-content-radio > div > label::after {
		position: absolute;
		content: '';
		top: 50%;
		border-radius: 100%;
	}
	.form-content-radio > div > label::before {
		left: 0;
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background: #FFFFFF;
		border: 1px solid #ccc;
	}
	.form-content-radio > div > label:hover::before {
		background: #fff;
	}
	.form-content-radio > div > label::after {
		opacity: 0;
		left: 4px;
		width: 8px;
		height: 8px;
		margin-top: -4px;
		background: #263033;
		-webkit-transform: scale(2);
		-ms-transform: scale(2);
		    transform: scale(2);
	}
	.form-content-radio > div > input[type="radio"]:checked + label::before {
		background: #fff;
		border: 1px solid #DBDBDB;
	}
	.form-content-radio > div > input[type="radio"]:checked + label::after {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		    transform: scale(1);
	}
}

.form-content-radio > div > input[type="radio"] {
	display: none;
}

.form-content-radio > div > label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 21px;
	cursor: pointer;
}

.form-content-radio > div > label::before,
.form-content-radio > div > label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
}

.form-content-radio > div > label::before {
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #FFFFFF;
	border: 1px solid #ccc;
}

.form-content-radio > div > label:hover::before {
	background: #fff;
}

.form-content-radio > div > label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #263033;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	    transform: scale(2);
}

.form-content-radio > div > input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #DBDBDB;
}

.form-content-radio > div > input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
}

.form-content-radio {
	display: inline-block;
	vertical-align: middle;
	/* radio */
}

@media (max-width: 767px) {
	.form-content-radio {
		display: block;
	}
}

.form-content-radio > input[type="radio"] {
	display: none;
}

.form-content-radio > label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 21px;
	cursor: pointer;
}

.form-content-radio > label::before,
.form-content-radio > label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
}

.form-content-radio > label::before {
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #FFFFFF;
	border: 1px solid #ccc;
}

.form-content-radio > label:hover::before {
	background: #fff;
}

.form-content-radio > label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #263033;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	    transform: scale(2);
}

.form-content-radio > input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #DBDBDB;
}

.form-content-radio > input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	    transform: scale(1);
}

.form-content-radio.account-apply-pattern > div {
	display: block;
}

.form-content-radio + .form-content-radio {
	margin-left: 10px;
}

@media (max-width: 767px) {
	.form-content-radio + .form-content-radio {
		margin-left: 0;
	}
}

.info-box {
	float: right;
	width: 21.7%;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.info-box {
		width: 100%;
		float: none;
		padding-bottom: 20px;
		margin-top: 10px;
	}
}

.info-box > .info-box-content .circle-list > li:before {
	background-color: #D9D9D9;
}

.info-box > .info-box-content p {
	font-size: 14px;
}

@media (max-width: 767px) {
	.info-box > .info-box-content p {
		width: 100%;
		font-weight: normal;
	}
}

.info-box > .info-box-content .tel {
	font-size: 24px;
	margin-left: auto;
	margin-right: auto;
}

.info-box > .info-box-content .tel span {
	font-size: 16px;
	font-weight: normal;
	display: block;
}

.info-box > .info-box-content + .info-box-content {
	margin-top: 18px;
	padding: 10px;
	border: 1px solid #DBDCDD;
}

@media (max-width: 767px) {
	.info-box > .info-box-content + .info-box-content {
		display: none;
	}
}

.info-box .info-box-title {
	background-color: #F7F8F9;
	padding: 10px;
	text-align: center;
}

.info-box .info-box-title > p {
	font-size: 16px;
}

@media (max-width: 767px) {
	.info-box .info-box-title > p {
		font-size: 14px;
	}
}

.info-box .info-box-sub-head {
	text-align: center;
	margin-top: 8px;
}

@media (max-width: 767px) {
	.info-box .info-box-sub-head {
		margin-top: 3px;
		font-size: 12px;
	}
}

.info-box .info-box-description {
	font-size: 14px;
	text-align: left;
	margin-top: 6px;
	color: #263033;
}

.info-box .info-box-media {
	margin-top: 13px;
	text-align: center;
	height: 120px;
}

.info-sub-box {
	width: 100%;
	margin-top: 30px;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.info-sub-box {
		float: none;
		width: 100%;
	}
}

.info-sub-box .form-header {
	border-bottom: none;
}

.info-sub-box .form-content {
	border-bottom: none;
}

@media (max-width: 767px) {
	.info-box-sp .info-box-content {
		text-align: center;
	}
	.info-box-sp .info-box-content .tel > a {
		text-align: center;
		text-decoration: underline;
		color: #2477AB;
	}
	.info-box-sp .info-box-content .time {
		text-align: center;
	}
}

.paganation {
	text-align: right;
	position: relative;
	height: 30px;
}

@media (max-width: 767px) {
	.paganation {
		text-align: center;
		height: auto;
		width: 300px;
		margin: 0 auto;
		font-size: 0;
	}
}

.paganation > .page-current {
	display: inline-block;
	font-size: 14px;
	position: absolute;
	right: 265px;
	bottom: 0;
}

.paganation > .page-current > span {
	display: block;
}

@media (max-width: 767px) {
	.paganation > .page-current {
		width: 120px;
		top: 6px;
		left: 50%;
		margin-left: -60px;
		font-size: 12px;
		right: 0;
		bottom: initial;
	}
}

.paganation > .paganation-list {
	display: inline-block;
	margin-left: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}

@media (max-width: 767px) {
	.paganation > .paganation-list {
		margin-left: 0;
		position: static;
		width: 100%;
	}
}

.paganation > .paganation-list > li {
	float: left;
	width: 120px;
}

@media (max-width: 767px) {
	.paganation > .paganation-list > li {
		width: 90px;
		font-size: 14px;
	}
}

.paganation > .paganation-list > li:first-child {
	float: left;
}

.paganation > .paganation-list > li + li {
	float: right;
}

.paganation > .paganation-list > li > a {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.paganation > .paganation-list > li > a {
		height: 30px;
		line-height: 30px;
	}
}

.paganation > .paganation-list > li + li {
	margin-left: 6px;
}

@media (max-width: 767px) {
	.paganation > .paganation-list > li + li {
		margin-left: 0;
	}
}

.table-wrapper {
	margin-top: 10px;
}

@media (max-width: 767px) {
	.table-wrapper {
		margin-top: 0;
	}
}

@media (max-width: 767px) {
	.paganation + *, .paganation-other + * {
		margin-top: 10px;
	}
}

.paganation-other {
	text-align: right;
	position: relative;
	height: 30px;
}

@media (max-width: 767px) {
	.paganation-other {
		text-align: center;
		height: auto;
		width: 320px;
		margin: 0 auto;
	}
}

.paganation-other > .page-current-other {
	display: inline-block;
	font-size: 14px;
	position: absolute;
	right: 512px;
	bottom: 0;
}

.paganation-other > .page-current-other > span {
	display: block;
}

@media (max-width: 767px) {
	.paganation-other > .page-current-other {
		position: initial;
		display: block;
		font-size: 12px;
		right: 0;
		text-align: center;
		bottom: initial;
		padding-bottom: 3px;
	}
}

.paganation-other > .paganation-other-list {
	display: inline-block;
	margin-left: 10px;
	position: absolute;
	font-size: 0;
	right: 0;
	bottom: 0;
}

@media (max-width: 767px) {
	.paganation-other > .paganation-other-list {
		margin-left: auto;
		margin-right: auto;
		position: static;
		width: 300px;
	}
}

.paganation-other > .paganation-other-list > li {
	display: inline-block;
	width: 120px;
}

@media (max-width: 767px) {
	.paganation-other > .paganation-other-list > li {
		width: 69px;
	}
}

.paganation-other > .paganation-other-list > li > a {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

@media (max-width: 767px) {
	.paganation-other > .paganation-other-list > li > a {
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
}

.paganation-other > .paganation-other-list > li + li {
	margin-left: 6px;
}

@media (max-width: 767px) {
	.paganation-other > .paganation-other-list > li + li {
		margin-left: 8px;
	}
}

.pagenation-checkall .check-all {
	text-align: right;
	position: relative;
	height: 40px;
}

@media (max-width: 767px) {
	.pagenation-checkall .check-all {
		text-align: center;
		height: auto;
		padding: 10px;
		width: 320px;
		margin: 0 auto;
	}
}

.pagenation-checkall .check-all > .check-all-list {
	display: inline-block;
	font-size: 0;
}

@media (max-width: 767px) {
	.pagenation-checkall .check-all > .check-all-list {
		width: 300px;
	}
}

.pagenation-checkall .check-all > .check-all-list > li {
	display: inline-block;
	width: 130px;
	font-size: 16px;
}

@media (max-width: 767px) {
	.pagenation-checkall .check-all > .check-all-list > li {
		width: 90px;
	}
}

.pagenation-checkall .check-all > .check-all-list > li > a {
	display: block;
	height: 40px;
	line-height: 40px;
}

@media (max-width: 767px) {
	.pagenation-checkall .check-all > .check-all-list > li > a {
		height: 30px;
		line-height: 30px;
	}
}

.pagenation-checkall .check-all > .check-all-list > li + li {
	margin-left: 10px;
}

@media (max-width: 767px) {
	.pagenation-checkall .check-all > .check-all-list > li + li {
		margin-left: 8px;
	}
}

.page-top {
	position: absolute;
	right: 30px;
	bottom: 135px;
	border: 1px solid #DBDBDB;
	background-color: #FFFFFF;
	line-height: 1;
	z-index: 9999;
	display: none;
}

@media (max-width: 767px) {
	.page-top {
		right: 10px;
		bottom: 211px;
	}
}

.page-top > a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
}

@media (max-width: 767px) {
	.page-top > a {
		width: 28px;
		height: 28px;
		line-height: 28px;
	}
}

@media (max-width: 767px) {
	.page-top > a > img {
		width: 14px;
		height: 14px;
	}
}

.page-top > a:hover {
	opacity: 0.7;
}

.page-top-fixed {
	position: fixed;
	bottom: 10px;
}

.content-menu > .content-menu-tab {
	background-color: #FFFFFF;
	border: 1px solid #EAEAEA;
	box-shadow: 0px -1px 1px #F1F1F1;
	float: left;
	text-align: center;
}

.content-menu > .content-menu-tab > a {
	width: 185px;
	height: 165px;
	position: relative;
	padding-top: 20px;
}

.content-menu > .content-menu-tab > a:hover:after {
	bottom: 5px;
}

.content-menu > .content-menu-tab > a:after {
	content: '';
	background: url(/ja/honninkakunin/img/diners/icon_arrow_bottom.png);
	display: block;
	position: absolute;
	width: 16px;
	height: 10px;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

.content-menu > .content-menu-tab .content-menu-img {
	height: 65px;
}

.content-menu > .content-menu-tab .content-menu-title {
	margin-top: 15px;
	line-height: 1.3;
}

.content-menu > .content-menu-tab + .content-menu-tab {
	margin-left: 3px;
}

.card-status {
	background-color: #FFFFFF;
	border: 10px solid #EFEFEF;
	padding: 27px 30px;
	position: relative;
}

@media (max-width: 767px) {
	.card-status {
		padding: 0;
	}
}

.card-status > .card-select-box {
	position: relative;
}

.card-status > .card-select-box > .card-form {
	float: left;
	margin-left: 30px;
	margin-right: 90px;
}

@media (max-width: 767px) {
	.card-status > .card-select-box > .card-form {
		position: static;
		float: none;
		margin-left: 0;
		margin-right: 0;
		background-color: #FFFFFF;
		border: 5px solid #EFEFEF;
	}
}

.card-status > .card-select-box > .card-form > .card-form-content > div {
	position: relative;
	padding-left: 143px;
	margin-top: 16px;
}

@media (max-width: 767px) {
	.card-status > .card-select-box > .card-form > .card-form-content > div {
		padding-left: 0;
		margin-top: 0;
		padding: 10px 10px 10px 10px;
	}
}

.card-status > .card-select-box > .card-form > .card-form-content > div > .card-form-content-text {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 767px) {
	.card-status > .card-select-box > .card-form > .card-form-content > div > .card-form-content-text {
		position: static;
		display: block;
		margin-top: 0px;
		font-size: 12px;
	}
}

.card-status > .card-select-box > .card-form > .card-form-content > div > .card-change-btn {
	position: absolute;
	right: -85px;
	top: 25px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: #666666;
	color: #FFFFFF;
	width: 80px;
	height: 40px;
	margin-top: -5px;
	font-size: 16px;
	cursor: pointer;
	-webkit-appearance: none;
	border: 0;
}

.card-status > .card-select-box > .card-image {
	float: left;
}

@media (max-width: 767px) {
	.card-status > .card-select-box > .card-image {
		float: none;
		display: none;
	}
}

.card-status .txt-print-btn {
	position: absolute;
	right: 10px;
	top: 10px;
}

@media (max-width: 767px) {
	.card-status .txt-print-btn {
		display: none;
	}
}

.card-status .txt-print-btn .btn-small {
	width: 100px;
}

.card-status + * {
	margin-top: 20px;
}

.card-form-user-name {
	font-size: 20px;
}

@media (max-width: 767px) {
	.card-form-user-name {
		padding: 10px;
	}
}

.card-form-user-name > .card-form-user-name-m {
	font-size: 14px;
}

.card-form-user-name > .last-login {
	font-size: 11px;
	display: block;
	margin-top: -5px;
}

.card-form-choosing-cardname {
	font-size: 22px;
}

@media (max-width: 767px) {
	.card-form-choosing-cardname {
		padding: 10px;
	}
}

.card-form-choosing-cardname > .card-form-choosing-cardname-m {
	font-size: 16px;
}

.card-form-user-point,
.card-form-user-card {
	color: #999999;
	font-size: 16px;
	line-height: 2;
}

@media (max-width: 767px) {
	.card-form-user-point,
	.card-form-user-card {
		font-size: 12px;
	}
}

.card-form-user-point > span,
.card-form-user-card > span {
	color: #263033;
}

@media (max-width: 767px) {
	.card-form-user-point > span,
	.card-form-user-card > span {
		display: block;
	}
}

.card-styled-select {
	background: url(/ja/honninkakunin/img/diners/select_arrow_02.png) no-repeat 100% 0;
	height: 40px;
	overflow: hidden;
	display: inline-block;
	border: 1px solid #DBDCDD;
	width: 450px;
}

@media (max-width: 767px) {
	.card-styled-select {
		background: url(/ja/honninkakunin/img/diners/select_arrow_02_sp.png) no-repeat 100% 0;
		width: 100%;
		height: 30px;
		background-size: 24px;
		padding-left: 0;
	}
}

.card-styled-select > select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 16px;
	height: 40px;
	width: 100%;
}

@media (max-width: 767px) {
	.card-styled-select > select {
		width: 100%;
		height: 25px;
		font-size: 12px;
		cursor: default;
	}
}

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

.page-entry-block .card-form {
	margin-top: 35px;
}

.content-recommend img {
	width: 100%;
}

.content-recommend > .content-recommend-box {
	float: left;
}

@media (max-width: 767px) {
	.content-recommend > .content-recommend-box {
		float: none;
	}
}

.content-recommend > .content-recommend-box + .content-recommend-box {
	margin-left: 30px;
}

@media (max-width: 767px) {
	.content-recommend > .content-recommend-box + .content-recommend-box {
		margin-left: 0;
	}
}

.content-recommend .content-recommend-description {
	display: inline-block;
	margin-top: 25px;
}

@media (max-width: 767px) {
	.content-recommend .content-recommend-description {
		display: block;
	}
}

.content-recommend .content-recommend-description + .content-recommend-description {
	margin-left: 10px;
}

@media (max-width: 767px) {
	.content-recommend .content-recommend-description + .content-recommend-description {
		margin-left: 0;
	}
}

.content-recommend .content-recommend-description-txt {
	margin-top: 10px;
}

.content-recommend .content-recommend-description-txt > p + p {
	margin-top: 3px;
}

@media (max-width: 767px) {
	.complete-message .progressbar {
		margin-top: 10px;
	}
}

.complete-message .complete-info {
	margin-top: 30px;
}

@media (max-width: 767px) {
	.complete-message .complete-info {
		margin-top: 7px;
	}
}

@media (max-width: 767px) {
	.complete-message .complete-info-content {
		margin-top: -5px;
	}
}

.content-service .content-service-content {
	margin-top: 25px;
}

.content-service .content-service-content img {
	width: 100%;
}

.content-service .content-service-content + .content-service-content {
	margin-top: 30px;
}

.content-service .content-service-box {
	float: left;
}

.content-service .content-service-box > p {
	margin-top: 10px;
}

.content-service .content-service-box + .content-service-box {
	margin-left: 16px;
}

.content-service .content-service-img {
	background-color: #FFFFFF;
	padding: 5px;
	box-shadow: 0px -1px 1px #DADADA;
}

.sp-bd-none {
	border: none;
	padding: 0;
}

.sp-bd-none > p {
	background-color: #DBDBDB;
	width: 100%;
	padding: 10px;
	line-height: 1.2;
	margin-left: -10px;
	margin-right: -10px;
}

@media (max-width: 767px) {
	.e-statement-list {
		background: #FFFFFF;
		padding: 8px 10px;
		border: 1px solid #DBDBDB;
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.sp-contents-wrapper {
		padding-left: 10px !important;
		padding-right: 10px !important;
		border: none;
		background: none;
	}
}

@media (max-width: 767px) {
	.sp-contents-wrapper-other {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}

@media (max-width: 767px) {
	.pd0 {
		padding: 5px 7px 0 7px;
	}
}

.select-box-wrap {
	border: 1px solid #DBDBDB;
	position: relative;
	width: 100%;
	padding-left: 10px;
	background-color: #fff;
}

.select-box-wrap select {
	position: relative;
	width: 100%;
	padding: 6px 15px 6px 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background-color: #fff;
	font-size: 16px;
}

.select-box-wrap:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0px;
	background: url(/ja/honninkakunin/img/diners/select_arrow_01.png) 0 0 no-repeat;
	background-size: 100%;
	pointer-events: none;
	width: 38px;
	height: 36px;
}

.styled-select {
	position: relative;
}

.styled-select select {
	z-index: 5000;
}

.selected-reflection {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 6px 10px;
}

@media (max-width: 767px) {
	.selected-reflection {
		font-size: 12px;
		padding: 9px 6px;
	}
}

.virtual-pad-text {
	position: relative;
}

.virtual-pad-body {
	padding: 10px;
	background-color: #DBDBDB;
	width: 594px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	position: absolute;
	top: 35px;
	left: -70px;
	opacity: 0;
	z-index: 3;
	overflow: hidden;
	display: none;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

.virtual-pad-body .close-pad-btn {
	text-align: right;
	width: 565px;
	margin-top: 10px;
	font-size: 14px;
}

.virtual-pad-body .close-pad-btn a {
	color: #636363;
	display: inline-block;
}

.virtual-pad-body .close-pad-btn span {
	position: relative;
	padding-left: 17px;
}

.virtual-pad-body .close-pad-btn span:before {
	content: '';
	display: block;
	background: url(/ja/honninkakunin/img/diners/close_pad.png) 0 0 no-repeat;
	background-size: 100%;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

.virtual-pad-body .write {
	margin: 0 2px 5px;
	padding: 12px 15px;
	width: 569px !important;
	height: 38px;
	background: #fff;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 1.2px;
	margin-bottom: 1px;
	margin-top: 10px;
	resize: none;
	text-align: left;
}

.virtual-pad-body .keyboard {
	margin: 0;
	list-style: none;
	width: 574px;
	border: 2px solid #DBDBDB;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	background-color: #DBDBDB;
}

.virtual-pad-body .keyboard li {
	float: left;
	margin-right: 1px;
	margin-top: 1px;
	width: 37px;
	height: 37px;
	font-size: 14px;
	line-height: 37px;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-transition-duration: 0.3s;
	        transition-duration: 0.3s;
}

.virtual-pad-body .keyboard .dubble {
	width: 75px;
}

.virtual-pad-body .keyboard .center-position {
	margin-left: 22px;
}

.virtual-pad-body .keyboard .uppercase {
	text-transform: uppercase;
}

.virtual-pad-body .keyboard li:hover {
	position: relative;
	top: 1px;
	background: #B2B3B5;
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	        transition-duration: 0.3s;
	font-size: 16px;
}

.virtual-pad-body .keyboard .enter {
	background-color: #2477ab;
	color: #FFFFFF;
	border-color: #2477ab;
	width: 80px;
}

.virtual-pad-body .keyboard .enter:hover {
	background-color: #2477ab;
	opacity: 0.8;
}

.virtual-pad-body .keyboard .left-shift {
	width: 90px;
}

.virtual-pad-body .keyboard .space {
	width: 265px;
}

.virtual-pad-body .keyboard .no-touch-type-1,
.virtual-pad-body .keyboard .no-touch-type-2,
.virtual-pad-body .keyboard .no-touch-type-3,
.virtual-pad-body .keyboard .no-touch-type-4 {
	background-color: #DBDBDB;
}

.virtual-pad-body .keyboard .no-touch-type-1:hover,
.virtual-pad-body .keyboard .no-touch-type-2:hover,
.virtual-pad-body .keyboard .no-touch-type-3:hover,
.virtual-pad-body .keyboard .no-touch-type-4:hover {
	background-color: #e9e9e9;
	top: 0;
	left: 0;
	cursor: auto;
}

.virtual-pad-body .keyboard .no-touch-type-1 {
	width: 70px;
	background-color: #e9e9e9;
}

.virtual-pad-body .keyboard .no-touch-type-2 {
	width: 98px;
	background-color: #e9e9e9;
}

.virtual-pad-body .keyboard .no-touch-type-3 {
	width: 155px;
	background-color: #e9e9e9;
}

.virtual-pad-body .keyboard .no-touch-type-4 {
	width: 147px;
	background-color: #e9e9e9;
}

.virtual-pad-text {
	position: relative;
}

.virtual-num-pad-body {
	padding: 7px;
	background-color: #DBDBDB;
	width: 309px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	position: absolute;
	top: 35px;
	left: -70px;
	opacity: 0;
	z-index: 3;
	display: none;
	overflow: hidden;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

.virtual-num-pad-body .close-pad-btn {
	text-align: right;
	width: 288px;
	font-size: 12px;
}

.virtual-num-pad-body .close-pad-btn a {
	color: #636363;
	display: inline-block;
}

.virtual-num-pad-body .close-pad-btn span {
	position: relative;
	padding-left: 17px;
}

.virtual-num-pad-body .close-pad-btn span:before {
	content: '';
	display: block;
	background: url(/ja/honninkakunin/img/diners/close_pad.png) 0 0 no-repeat;
	background-size: 100%;
	width: 12px;
	height: 12px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}

.virtual-num-pad-body .write {
	margin: 0 2px 5px;
	padding: 12px 15px;
	width: 288px !important;
	height: 38px;
	background: #fff;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 1.2px;
	margin-bottom: 1px;
	margin-top: 10px;
	resize: none;
	text-align: left;
}

.virtual-num-pad-body .keyboard {
	margin: 0;
	float: left;
	list-style: none;
	width: 209px;
	border: 2px solid #DBDBDB;
	border-radius: 10px;
	background-color: #DBDBDB;
}

.virtual-num-pad-body .keyboard li {
	float: left;
	margin-right: 4px;
	margin-top: 4px;
	width: 37px;
	height: 37px;
	font-size: 16px;
	line-height: 37px;
	text-align: center;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	-webkit-transition-duration: 0.3s;
	        transition-duration: 0.3s;
}

.virtual-num-pad-body .keyboard .dubble {
	width: 80px;
	font-size: 12px;
}

.virtual-num-pad-body .keyboard .center-position {
	margin-left: 22px;
}

.virtual-num-pad-body .keyboard .uppercase {
	text-transform: uppercase;
}

.virtual-num-pad-body .keyboard li:hover {
	position: relative;
	top: 1px;
	background: #B2B3B5;
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	        transition-duration: 0.3s;
}

.virtual-num-pad-body .keyboard .enter {
	background-color: #2477ab;
	color: #FFFFFF;
	border-color: #2477ab;
	width: 80px;
	font-size: 12px;
}

.virtual-num-pad-body .keyboard .enter:hover {
	background-color: #2477ab;
	opacity: 0.8;
}

.virtual-num-pad-body .keyboard .left-shift {
	width: 90px;
}

.virtual-num-pad-body .keyboard .space {
	width: 265px;
}

.virtual-num-pad-body .keyboard .no-touch-type-1,
.virtual-num-pad-body .keyboard .no-touch-type-2,
.virtual-num-pad-body .keyboard .no-touch-type-3,
.virtual-num-pad-body .keyboard .no-touch-type-4 {
	background-color: #DBDBDB;
}

.virtual-num-pad-body .keyboard .no-touch-type-1:hover,
.virtual-num-pad-body .keyboard .no-touch-type-2:hover,
.virtual-num-pad-body .keyboard .no-touch-type-3:hover,
.virtual-num-pad-body .keyboard .no-touch-type-4:hover {
	background-color: #e9e9e9;
	top: 0;
	left: 0;
	cursor: auto;
}

.virtual-num-pad-body .keyboard .no-touch-type-1 {
	width: 70px;
	background-color: #e9e9e9;
}

.virtual-num-pad-body .keyboard .no-touch-type-2 {
	width: 98px;
	background-color: #e9e9e9;
}

.virtual-num-pad-body .keyboard .no-touch-type-3 {
	width: 155px;
	background-color: #e9e9e9;
}

.virtual-num-pad-body .keyboard .no-touch-type-4 {
	width: 147px;
	background-color: #e9e9e9;
}

.virtual-num-pad-body .keyboard-edit-btn {
	float: left;
	width: 80px;
}

.df-hide-content {
	display: none;
}

.not-active-bg-color {
	background-color: #F8F8F8;
}

.not-active-txt-color {
	color: #C3C3C3;
}

.jsc-documents-select > .not-active-bg-color {
	background-color: #F8F8F8;
}

.modal-post {
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	opacity: 0.5;
	background-color: #000000;
}

.postal-body {
	opacity: 1;
	padding: 20px 20px 20px 20px;
	width: 700px;
	min-height: 650px;
	background-color: #f9f9f9;
	border: 1px solid #DBDBDB;
	border-top: 50px solid #DBDBDB;
	border-radius: 5px;
}

@media (max-width: 767px) {
	.postal-body {
		width: 90%;
		height: auto;
		min-height: 450px;
		padding: 10px;
		border-top: 25px solid #DBDBDB;
		margin: 10px auto;
	}
}

.postal-body .content-head-h2 {
	margin-top: 0;
}

.postal-body .modal-table-wrapper {
	margin-top: 10px;
}

.postal-body .check-code > p {
	font-size: 14px;
}

.postal-body .check-code .window-post-code > input {
	width: 30%;
}

.postal-body .check-code .postal-search-btn {
	font-size: 14px;
	margin-left: 1px;
}

@media (max-width: 767px) {
	.postal-body .check-code .postal-search-btn {
		margin-left: 0;
	}
}

.postal-body .check-code .postal-search-btn a {
	padding: 1px 20px;
}

@media (max-width: 767px) {
	.postal-body .check-code .postal-search-btn a {
		padding: 1px 5px;
		font-size: 10px;
	}
}

.postal-body table {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	.postal-body table {
		width: 100%;
	}
}

.postal-body tr {
	width: 100%;
}

.postal-body tr th, .postal-body tr td {
	padding: 15px 10px;
}

.postal-body tr th {
	width: 30%;
}

@media (max-width: 767px) {
	.postal-body tr th {
		width: 24%;
		font-size: 14px;
		padding: 15px 5px;
	}
}

.postal-body tr td {
	width: 70%;
}

.postal-body .result {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #DBDBDB;
	background-color: #FFF;
	border-radius: 5px;
}

@media (max-width: 767px) {
	.postal-body .result {
		margin-top: 10px;
		padding: 10px;
	}
}

.postal-body .result ul.postcode-list {
	margin-top: 20px;
	height: 170px;
	overflow-x: scroll;
}

@media (max-width: 767px) {
	.postal-body .result ul.postcode-list {
		margin-top: 10px;
		height: 80px;
	}
}

.postal-body .result ul.postcode-list li {
	padding-left: 30px;
	position: relative;
}

@media (max-width: 767px) {
	.postal-body .result ul.postcode-list li {
		padding-left: 15px;
	}
}

.postal-body .result ul.postcode-list li:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background-color: #636363;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 6px;
}

@media (max-width: 767px) {
	.postal-body .result ul.postcode-list li:before {
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		background-color: #636363;
		border-radius: 50%;
		position: absolute;
		left: 5px;
		top: 10px;
	}
}

.postal-body .result ul.postcode-list li + li {
	margin-top: 5px;
}

.postal-body .result ul.postcode-list li a {
	text-decoration: underline;
	color: #2477ab;
}

@media (max-width: 767px) {
	.postal-body .result ul.postcode-list li a {
		font-size: 14px;
	}
}

.postal-body .result ul.postcode-list li a:hover {
	color: #92bbd5;
	opacity: 0.8;
}

.postal-body .btn-group {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.postal-body .btn-group {
		margin-top: 10px;
	}
}

.scroll-table-desc {
	overflow-y: scroll;
}

.scroll-table-head {
	overflow-x: hidden;
}

.scroll-table-head > table {
	border-bottom: 0;
	position: relative;
	-webkit-overflow-scrolling: touch;
}

.modal-body {
	opacity: 1;
	padding: 20px 20px 20px 20px;
	width: 700px;
	height: 615px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 20;
	background-color: #f9f9f9;
	border: 1px solid #DBDBDB;
	border-top: 50px solid #DBDBDB;
	border-radius: 5px;
	display: none;
}

@media (max-width: 767px) {
	.modal-body {
		width: 95%;
		height: auto;
		max-height: 400px;
		padding: 10px 10px 10px 10px;
		border-top: 25px solid #DBDBDB;
	}
}

.modal-body .content-head-h2 {
	margin-top: 0;
}

.modal-body .modal-table-wrapper {
	margin-top: 10px;
}

.modal-body .check-code > p {
	font-size: 14px;
}

.modal-body table {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	.modal-body table {
		width: 100%;
	}
}

.modal-body tr {
	width: 100%;
}

.modal-body tr th, .modal-body tr td {
	padding: 15px 10px;
}

.modal-body tr th {
	width: 30%;
}

.modal-body tr td {
	width: 70%;
}

.modal-body .result {
	margin-top: 20px;
	padding: 20px;
	border: 1px solid #DBDBDB;
	background-color: #FFF;
	border-radius: 5px;
}

@media (max-width: 767px) {
	.modal-body .result {
		margin-top: 10px;
		padding: 10px;
	}
}

.modal-body .result ul.postcode-list {
	margin-top: 20px;
	height: 170px;
	overflow-x: scroll;
}

@media (max-width: 767px) {
	.modal-body .result ul.postcode-list {
		margin-top: 10px;
		height: 80px;
	}
}

.modal-body .result ul.postcode-list li {
	padding-left: 30px;
	position: relative;
}

.modal-body .result ul.postcode-list li:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	background-color: #636363;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 6px;
}

.modal-body .result ul.postcode-list li + li {
	margin-top: 5px;
}

.modal-body .result ul.postcode-list li a {
	text-decoration: underline;
	color: #2477ab;
}

@media (max-width: 767px) {
	.modal-body .result ul.postcode-list li a {
		font-size: 14px;
	}
}

.modal-body .result ul.postcode-list li a:hover {
	color: #92bbd5;
	opacity: 0.8;
}

.modal-body .btn-group {
	margin-top: 20px;
}

@media (max-width: 767px) {
	.modal-body .btn-group {
		margin-top: 10px;
	}
}

.carousel-wrapper {
	position: relative;
	width: 950px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767px) {
	.carousel-wrapper {
		width: auto;
	}
}

.carousel-list li {
	float: left;
}

.carousel-list {
	position: relative;
	width: 4750px;
	height: 395px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.carousel-list {
		width: auto;
		height: auto;
	}
}

.carousel-list > li > a {
	position: relative;
	display: block;
}

.carousel-list > li > a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.carousel-list > li > a img {
	left: 50%;
	width: 950px;
	height: 395px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

@media (max-width: 767px) {
	.carousel-list > li > a img {
		position: static;
		width: 100%;
		height: auto;
	}
}

.carousel-indicator {
	margin-top: 8px;
	width: 100%;
	text-align: center;
}

.carousel-indicator-list {
	display: inline-block;
}

.carousel-indicator-list > li {
	float: left;
}

.carousel-indicator-list > li + li {
	margin-left: 12px;
}

.indicator-inner > a {
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 20px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

.active > .indicator-inner > a {
	background-color: #2477AB;
	border: 1px solid #2477AB;
}

.carousel-button-area {
	max-width: 950px;
	width: 100%;
	margin: 0 auto;
}

.carousel-previous {
	position: absolute;
	background: url(/ja/honninkakunin/img/diners/icon_carousel_prev.png) no-repeat;
	background-size: contain;
	width: 14px;
	height: 21px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 1%;
}

.carousel-previous:hover {
	opacity: 0.7;
}

.carousel-previous > a {
	height: inherit;
	display: block;
}

.carousel-next {
	position: absolute;
	background: url(/ja/honninkakunin/img/diners/icon_carousel_next.png) no-repeat;
	background-size: contain;
	width: 14px;
	height: 21px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 1%;
}

.carousel-next:hover {
	opacity: 0.7;
}

.carousel-next > a {
	height: inherit;
	display: block;
}

.agree-box > .agree-box-head {
	background-color: #E9E9E9;
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	height: 35px;
	line-height: 35px;
	padding-left: 10px;
}

.agree-box > .agree-box-content {
	background-color: #FFFFFF;
	border: 1px solid #DBDBDB;
	padding: 10px 10px 10px 10px;
	height: 120px;
	overflow-y: scroll;
}

.agree-box > .agree-to-terms {
	margin-top: 20px;
	text-align: center;
}

.jsc-modal-message-wrapper {
	position: absolute;
	width: 850px;
	padding: 30px 0;
	z-index: 99999;
	display: none;
	width: 100%;
	max-width: 850px;
}

@media (max-width: 767px) {
	.jsc-modal-message-wrapper {
		width: 95%;
	}
}

.modal-base.jsc-modal-base {
	position: absolute;
	left: 50%;
	width: 850px;
	padding: 30px 0;
	z-index: 100;
	width: 100%;
	max-width: 850px;
}

@media (max-width: 767px) {
	.modal-base.jsc-modal-base {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}

.modal-base {
	position: absolute;
	z-index: 200;
}

@media (max-width: 767px) {
	.modal-base {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}

.modal-base > .modal-base-content {
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #DBDBDB;
}

.modal-base > .modal-base-content .bank-result-list {
	height: 170px;
	overflow-x: scroll;
}

.modal-base > .modal-base-content .window-post-code input {
	width: 30%;
}

.modal-base > .modal-base-close {
	height: 40px;
	line-height: 40px;
	background-color: #DBDBDB;
}

.modal-base > .modal-base-close .modal-base-close-btn {
	display: block;
}

.modal-base > .modal-base-close .modal-base-close-btn > span {
	position: relative;
}

.modal-base > .modal-base-close .modal-base-close-btn > span:before {
	content: '';
	position: absolute;
	background: url(/ja/honninkakunin/img/diners/icon_modal_close.png) no-repeat;
	background-size: contain;
	width: 21px;
	height: 21px;
	top: 50%;
	left: -30px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.modal-base {
	position: absolute;
	z-index: 200;
}

@media (max-width: 767px) {
	.modal-base {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
}

.modal-base form .modal-base-content {
	padding: 20px;
	background-color: #f9f9f9;
	border: 1px solid #DBDBDB;
}

.modal-base form .modal-base-content .bank-result-list {
	height: 170px;
	overflow-x: scroll;
}

.modal-base form .modal-base-content .window-post-code input {
	width: 30%;
}

.modal-base form .modal-base-close {
	height: 40px;
	line-height: 40px;
	background-color: #DBDBDB;
}

.modal-base form .modal-base-close .modal-base-close-btn {
	display: block;
}

.modal-base form .modal-base-close .modal-base-close-btn > span {
	position: relative;
}

.modal-base form .modal-base-close .modal-base-close-btn > span:before {
	content: '';
	position: absolute;
	background: url(/ja/honninkakunin/img/diners/icon_modal_close.png) no-repeat;
	background-size: contain;
	width: 21px;
	height: 21px;
	top: 50%;
	left: -30px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.modal-bg-layer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	opacity: 0.5;
	background-color: #000000;
}

.message-close-btn:hover {
	background-color: #c3c3c3;
}

.message-close-btn:hover span, .message-close-btn:hover span:before {
	opacity: 0.7;
}

.load-modal > .load-modal-head > .content-head-h2 {
	margin-top: 0;
}

.load-modal > .load-modal-description {
	margin-top: 20px;
}

.load-modal > .load-modal-content {
	display: table;
	padding-top: 10px;
}

@media (max-width: 767px) {
	.load-modal > .load-modal-content {
		display: block;
		height: 100px;
		overflow: scroll;
	}
}

.load-modal > .load-modal-content > .circle-list {
	display: table-cell;
}

@media (max-width: 767px) {
	.load-modal > .load-modal-content > .circle-list {
		display: block;
	}
}

.load-modal > .load-modal-content > .circle-list + .circle-list {
	padding-left: 20px;
}

@media (max-width: 767px) {
	.load-modal > .load-modal-content > .circle-list + .circle-list {
		padding-left: 0;
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.load-modal > .load-modal-content img {
		width: 100%;
	}
}

.load-modal > .load-modal-message {
	border: 1px solid #DBDBDB;
	height: 38px;
	line-height: 38px;
	padding-left: 10px;
	margin-top: 10px;
}

@media (max-width: 767px) {
	.load-modal > .load-modal-message {
		height: auto;
		line-height: 1.6;
		padding: 10px;
	}
}

.load-modal > .load-modal-message > p {
	font-size: 12px;
}

.modal-error > .modal-error-description {
	margin-top: 20px;
}

.modal-error > .modal-error-content {
	display: table;
	padding-top: 10px;
}

.modal-error > .modal-error-content > .error-circle-list {
	display: table-cell;
}

.modal-error > .modal-error-content > .error-circle-list + .error-circle-list {
	padding-left: 20px;
}

.modal-error > .modal-error-message {
	border: 1px solid #DBDBDB;
	height: 38px;
	line-height: 38px;
	padding-left: 10px;
	margin-top: 10px;
}

.modal-error > .modal-error-message > p {
	font-size: 12px;
}

.modal-base > .change-point-base {
	padding: 20px 20px 60px;
}

@media (max-width: 767px) {
	.modal-base > .change-point-base {
		padding: 20px 20px 30px;
	}
}

.error-content-head-h2 > .error-content-title {
	width: 266px;
	height: 51px;
	display: inline-block;
	vertical-align: middle;
	background: none;
}

.error-content-head-h2 > .error-conent-txt {
	margin-left: 20px;
	display: inline-block;
	vertical-align: bottom;
	font-size: 20px;
}

@media (max-width: 767px) {
	.error-content-head-h2 > .error-conent-txt {
		margin-top: 10px;
		font-size: 14px;
	}
}

.change-point-error {
	margin-top: 60px;
}

@media (max-width: 767px) {
	.change-point-error {
		margin-top: 0;
	}
}

.alert-point {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	opacity: 0.5;
	background-color: #000000;
}

.alert-body {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	margin: auto;
	width: 850px;
	height: 294px;
	width: 100%;
	max-width: 850px;
}

@media (max-width: 767px) {
	.alert-body {
		width: 95%;
	}
}

.alert-body > .modal-base-content {
	padding: 20px 20px 60px;
	background-color: #f9f9f9;
	border: 1px solid #DBDBDB;
}

.alert-body > .modal-base-content .change-point-error {
	margin-top: 60px;
}

.alert-body > .modal-base-close {
	height: 40px;
	line-height: 40px;
	background-color: #DBDBDB;
}

.alert-body > .modal-base-close .modal-base-close-btn {
	display: block;
}

.alert-body > .modal-base-close .modal-base-close-btn > span {
	position: relative;
}

.alert-body > .modal-base-close .modal-base-close-btn > span:before {
	content: '';
	position: absolute;
	background: url(/ja/honninkakunin/img/diners/icon_modal_close.png) no-repeat;
	background-size: contain;
	width: 21px;
	height: 21px;
	top: 50%;
	left: -30px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/* alert代替デザイン */
.dialog-message-body {
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 0;
	top: 30%;
	width: 450px;
	min-height: 280px;
	z-index: 9999;
	display: none;
}

.dialog-message-body dt {
	padding: 5px;
	min-height: 25px;
	background-color: #DBDBDB;
}

.dialog-message-body dd {
	padding: 20px;
	background-color: #FFFFFF;
}

/* calendar */
.clear-layer {
	position: fixed;
	opacity: 1;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: none;
	background-color: transparent;
}

.popup-calendar {
	position: absolute;
	width: 300px;
	z-index: 9999;
	display: none;
}

@media (max-width: 767px) {
	.popup-calendar {
		width: 100%;
		top: 60px;
		left: 0;
	}
}

.calender-wrapper {
	position: relative;
}

.calender-wrapper > input {
	width: 200px;
	height: 36px;
	line-height: 36px;
	padding-right: 40px;
}

@media (max-width: 767px) {
	.calender-wrapper > input {
		width: 100%;
	}
}

.icn-calendar {
	position: absolute;
	right: 10px;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 40px;
	text-align: center;
	line-height: 32px;
}

.icn-calendar:hover {
	opacity: 0.8;
}

.popup-calendar .simple-calendar {
	font-size: 14px;
	border-radius: 2px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: 0.1px;
	border: 1px solid #2477AB;
	border-radius: 5px;
	border-collapse: separate;
	overflow: hidden;
}

.popup-calendar .simple-calendar .simple-calendar-previous-container {
	float: left;
	margin-left: 5px;
}

.popup-calendar .simple-calendar .simple-calendar-next-container {
	float: right;
	margin-right: 5px;
}

.popup-calendar .simple-calendar tr:first-child th {
	padding: 8px 5px;
}

.popup-calendar .simple-calendar tr + tr > th, .popup-calendar .simple-calendar tr th.simple-calendar-saturday-cell {
	height: 37px;
	background-color: #FFFFFF;
	color: #808080;
}

.popup-calendar .simple-calendar tr .simple-calendar-selected-year-view, .popup-calendar .simple-calendar tr .simple-calendar-selected-month-view {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
}

.popup-calendar .simple-calendar tr .simple-calendar-header-operation {
	background-color: #2477AB;
}

.popup-calendar .simple-calendar tr th {
	border: none;
}

.popup-calendar .simple-calendar tr td {
	border: none;
	width: auto;
	height: 42px;
	border-top: 1px solid #DBDBDB;
	color: #263033;
	background-color: #FFFFFF;
}

.popup-calendar .simple-calendar tr td + td {
	border-left: 1px solid #DBDBDB;
}

.popup-calendar .simple-calendar tr .simple-calendar-sunday-cell, .popup-calendar .simple-calendar tr .simple-calendar-holiday-cell {
	color: #B30000 !important;
}

.popup-calendar .simple-calendar tr .simple-calendar-first-selected-cell {
	background-color: #2477AB;
	color: #FFFFFF;
}

.popup-calendar .simple-calendar tr .simple-calendar-selected-cell {
	background-color: #2477AB !important;
	color: #FFFFFF !important;
}

.popup-calendar .simple-calendar tr .simple-calendar-disabled-cell {
	cursor: default !important;
	color: #DBDBDB !important;
}

.popup-calendar .simple-calendar tr td:hover {
	background-color: #FFFFBF !important;
}

.popup-calendar .simple-calendar tr .simple-calendar-disabled-cell:hover {
	background-color: #FFFFFF !important;
}

.popup-calendar .simple-calendar tr .simple-calendar-selected-cell:hover {
	background-color: #2477AB !important;
	opacity: 0.8;
}

.popup-calendar .simple-calendar tr .simple-calendar-other-month-cell:hover {
	background-color: #FFFFFF !important;
}

.popup-calendar .simple-calendar tr .simple-calendar-previous-container a,
.popup-calendar .simple-calendar tr .simple-calendar-next-container a {
	position: relative;
	width: 30px;
	height: 30px;
	display: block;
}

.popup-calendar .simple-calendar tr .simple-calendar-previous-container a:hover,
.popup-calendar .simple-calendar tr .simple-calendar-next-container a:hover {
	opacity: 0.8;
}

.popup-calendar .simple-calendar tr .simple-calendar-previous-container a {
	background: url(/ja/honninkakunin/img/diners/icon_calendar_left.png) 0 7px no-repeat;
}

.popup-calendar .simple-calendar tr .simple-calendar-next-container a {
	background: url(/ja/honninkakunin/img/diners/icon_calendar_right.png) 20px 7px no-repeat;
}

.accordion-primary {
	width: 950px;
}

@media (max-width: 767px) {
	.accordion-primary {
		width: 100%;
	}
}

.accordion-primary > .accordion-primary-head {
	background-color: #E9E9E9;
	border: 1px solid #DBDBDB;
	height: 35px;
	line-height: 35px;
	padding-left: 8px;
}

@media (max-width: 767px) {
	.accordion-primary > .accordion-primary-head {
		height: auto;
		line-height: 20px;
		padding: 10px;
	}
}

.accordion-primary > .accordion-primary-head > a {
	color: #000000;
}

.accordion-primary > .accordion-primary-head-selected {
	background-color: #0c4c97;
}

.accordion-primary > .accordion-primary-head-selected > a {
	color: #FFFFFF;
}

.accordion-primary > .accordion-primary-content {
	background-color: #FFFFFF;
	border-bottom: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	padding: 10px;
}

@media (max-width: 767px) {
	.accordion-primary > .accordion-primary-content {
		font-size: 14px;
	}
}

.accordion-primary + .accordion-primary {
	margin-top: 10px;
}

/* airport select area (elementlist.html) */
@media screen and (min-width: 768px) {
	.select-area-top, .select-city-top {
		width: auto;
		border: 1px solid #DBDBDB;
		background-color: #FFFFFF;
		z-index: 10;
	}
	.select-area-head {
		background-color: #858585;
		color: #FFFFFF;
		line-height: 2;
		height: 33px;
		padding-left: 10px;
	}
	.select-country {
		background-color: #d1d3d5;
		color: #000000;
	}
	.select-area-head-wrap {
		margin-top: -26px;
	}
	.select-area-head-wrap:before {
		content: "";
		display: inline-block;
		width: 0;
		border-top: 0 solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 12px solid #858585;
		border-left: 8px solid transparent;
		margin-bottom: -8px;
		margin-left: 30px;
	}
	.select-area-head-top {
		background-color: #858585;
		color: #FFFFFF;
		text-align: center;
		height: 40px;
		padding-top: 5px;
	}
	.select-area-return {
		float: left;
		width: 120px;
		margin-left: 6px;
	}
	.select-area-close {
		float: right;
		width: 120px;
		margin-right: 6px;
	}
	.select-area-head-title {
		display: inline-block;
	}
	.area-tabs-list {
		margin-bottom: -1px;
		padding: 0 14px;
	}
	.area-tabs-list > a {
		height: auto;
		width: 33.3333%;
		float: left;
		border-bottom: dotted 1px #DBDBDB;
		position: relative;
		padding-left: 20px;
		display: block;
		cursor: pointer;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	.area-tabs-list > a > span {
		display: inline-block;
	}
	.txt-link-line:hover > span {
		text-decoration: none;
	}
	.country-tabs-list > a {
		width: 25%;
		float: left;
		border-bottom: dotted 1px #DBDBDB;
		position: relative;
		padding-left: 20px;
		display: block;
		cursor: pointer;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	.country-tabs-list > a > span {
		display: inline-block;
		padding: 0 20px;
	}
	.select-area {
		display: none;
		position: absolute;
		width: 99%;
		margin-top: -5px;
		margin-left: 1%;
		box-shadow: 3px 4px 3px 0px rgba(0, 0, 0, 0.2);
		z-index: 1;
	}
	.select-area-parent {
		position: relative;
	}
	.select-current {
		background-color: #F8F8F8;
	}
	.select-area-initials {
		width: 840px;
		margin-left: auto;
		margin-right: auto;
	}
	.select-area-initials > a {
		float: left;
		width: 60px;
		display: inline-block;
	}
	.select-area-initials > a:first-child {
		width: 125px;
	}
	.select-area-initials > a + a {
		margin-left: 5px;
	}
	.select-area-search {
		background-color: #DBDBDB;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.item-list {
		margin-bottom: -1px;
		padding: 0 15px;
	}
	.item-list > a {
		position: relative;
		padding-left: 10px;
		display: block;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	.item-list > a + a {
		border-top: dotted 1px #DBDBDB;
	}
	.item-list a:last-child {
		border-bottom: dotted 1px #DBDBDB;
	}
	.select-airport-name {
		padding-left: 0;
	}
	.select-text {
		display: inline-block;
		border: 1px solid #DBDBDB;
		width: 164px;
		height: 36px;
		line-height: 36px;
		cursor: pointer;
		padding-left: 5px;
		overflow: hidden;
	}
	.select-text:before {
		display: inline-block;
		content: attr(data-content);
	}
	.arrow {
		display: inline-block;
		width: 30px;
		position: relative;
	}
	.select-city-contents {
		display: none;
		position: absolute;
		width: 99%;
		margin-top: -5px;
		margin-left: 1%;
		box-shadow: 3px 4px 3px 0px rgba(0, 0, 0, 0.2);
	}
	.select-city-contents-inner > .select-area-head {
		position: relative;
	}
	.select-city-contents-inner > .select-area-head:before {
		content: "";
		display: inline-block;
		width: 0;
		border-top: 0 solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 12px solid #858585;
		border-left: 8px solid transparent;
		position: absolute;
		top: -12px;
		margin-left: 30px;
	}
	.arrow-wrap {
		display: inline-block;
		border-top: solid 1px #DBDBDB;
		border-bottom: solid 1px #DBDBDB;
		border-right: solid 1px #DBDBDB;
		width: 37px;
		height: 36px;
		position: absolute;
		top: 0px;
		right: -35px;
		background: url(/ja/honninkakunin/img/diners/select_arrow_02.png) no-repeat 100% 0;
		background-size: contain;
	}
	.select-text-wrap {
		position: relative;
		cursor: pointer;
		width: 165px;
	}
	.item-list {
		height: 312px;
		overflow-y: scroll;
	}
	.country-tabs-list {
		margin-bottom: -1px;
		padding: 0 15px;
	}
	.area-tabs-list > a:hover, .country-tabs-list > a:hover, .item-list > a:hover {
		background-color: #F8F8F8;
	}
	.area-tabs-list > a.txt-arrow-right > span:before {
		left: -10px;
	}
	.area-tabs-list > a.txt-arrow-right > span {
		padding-left: 20px;
	}
	.item-list > a.txt-arrow-right > span:before, .country-tabs-list > a.txt-arrow-right > span:before {
		left: -5px;
	}
	.initial-current {
		background-color: #1D76AD;
		color: #FFFFFF;
	}
	.form-table {
		width: 100%;
		table-layout: fixed;
		background-color: #FFFFFF;
	}
	.airport-form-table td {
		background-color: transparent;
		width: 100%;
		border: none;
		border-top: 1px solid #DBDBDB;
		border-left: 1px solid #DBDBDB;
		border-right: 1px solid #DBDBDB;
	}
	.airport-form-table {
		border-bottom: solid 1px #DBDBDB;
		border-collapse: separate;
		border-spacing: 0;
		margin-bottom: 200px;
	}
	.airport-form-table .form-table-flex-content-other {
		width: 100%;
	}
	.airport-form-table .form-table-flex-content-other > dd {
		position: relative;
	}
	.airport-form-table .form-table-flex-content-other > dt {
		width: 310px;
	}
}

@media screen and (max-width: 767px) {
	.select-area-head-wrap {
		background-color: #d2d2d2;
	}
	.select-area-head {
		font-size: 10px;
	}
	.select-area-head-top {
		padding: 8px 10px;
		font-size: 10px;
	}
	.area-tabs-list > a,
	.country-tabs-list > a {
		display: block;
		position: relative;
		color: #263033 !important;
		padding: 10px 40px 10px 0px;
		border-top: 1px solid #dbdbdb;
		border-left: 1px solid #dbdbdb;
		border-right: none;
		font-size: 12px;
	}
	.txt-link-line {
		text-decoration: none;
	}
	.item-list > a {
		display: block;
		position: relative;
		color: #263033 !important;
		padding: 10px 40px 10px 10px;
		border-top: 1px solid #dbdbdb;
		border-left: 1px solid #dbdbdb;
		border-right: 1px solid #dbdbdb;
		font-size: 12px;
	}
	.area-tabs-list > a:after,
	.country-tabs-list > a:after,
	.item-list > a:after {
		content: '';
		width: 5px;
		height: 5px;
		display: inline-block;
		border-top: 2px solid #999999;
		border-left: 2px solid #999999;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		position: absolute;
		top: 50%;
		right: 14px;
	}
	.select-area-return {
		position: absolute;
		top: 2px;
		right: 10px;
		padding: 4px 10px;
	}
	.select-area-close {
		display: none;
	}
	.item-list > a:last-child {
		border-bottom: 1px solid #dbdbdb;
	}
	.item-list > a > span {
		padding-left: 0;
	}
	.select-area-initials > a {
		width: 50px;
		font-size: 12px;
		padding: 4px 2px;
	}
	.select-area-initials > a:hover {
		opacity: 1;
	}
	.select-area-initials > .main-airport-btn {
		font-size: 14px;
	}
	.select-area-initials > a + a {
		margin-top: 3px;
	}
	.initial-current > span {
		display: block;
	}
	.select-area-search {
		float: right;
		width: 63px;
		padding-top: 2px;
		padding-right: 6px;
		padding-left: 6px;
		border-top: 1px solid #dbdbdb;
	}
	.select-airport-contents {
		overflow: hidden;
	}
	.select-area-tabs-container {
		width: 92%;
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
		overflow: scroll;
		-webkit-transition: -webkit-transform 0.1s linear 0s;
		transition: -webkit-transform 0.1s linear 0s;
		transition: transform 0.1s linear 0s;
		transition: transform 0.1s linear 0s, -webkit-transform 0.1s linear 0s;
		-webkit-transform: translate3d(100%, 0px, 0px);
	}
	.select-area-contents-inner {
		/*display: none;*/
		display: block;
		position: fixed;
		width: 92%;
		overflow: scroll;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 6;
		-webkit-transition: -webkit-transform 0.1s linear 0s;
		transition: -webkit-transform 0.1s linear 0s;
		transition: transform 0.1s linear 0s;
		transition: transform 0.1s linear 0s, -webkit-transform 0.1s linear 0s;
		-webkit-transform: translate3d(100%, 0px, 0px);
	}
	.select-city-contents-inner {
		/*display: none;*/
		display: block;
		position: fixed;
		width: 92%;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
		overflow: scroll;
		-webkit-transition: -webkit-transform 0.1s linear 0s;
		transition: -webkit-transform 0.1s linear 0s;
		transition: transform 0.1s linear 0s;
		transition: transform 0.1s linear 0s, -webkit-transform 0.1s linear 0s;
		-webkit-transform: translate3d(100%, 0px, 0px);
		background-color: #FFFFFF;
	}
	.select-area-head > p {
		background-color: #e9e9e9;
		padding: 6px 10px;
	}
	.initial-current {
		background-color: #2477ab;
		color: #FFFFFF;
		border: none;
	}
	.background-first {
		background-color: #000000;
		opacity: 0.6;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 4;
		display: none;
	}
	.background-second {
		background-color: #000000;
		opacity: 0.6;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 5;
		display: none;
	}
	.select-country-contents {
		overflow-y: scroll;
	}
	.select-text {
		opacity: 0;
		width: 100%;
		height: 100%;
		z-index: 2;
	}
	.select-text-wrap {
		background-color: #F8F8F8;
		border: 1px solid #92BBD5;
		color: #2477AB;
		height: 35px;
		line-height: 32px;
		text-align: center;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	}
	.airport-form-box {
		width: 100%;
	}
	.area-btn:before {
		content: '地域 / 国選択';
	}
	.airport-btn:before {
		content: '空港選択';
	}
	a.txt-arrow-right > span:before {
		display: none;
	}
	.area-tabs-list > .txt-link,
	.country-tabs-list > .txt-link {
		background-color: #FFFFFF;
	}
	.is-active {
		background-color: #2477AB;
		color: #FFFFFF;
	}
	.area-disable {
		background-color: #999999;
		background-image: url(/ja/honninkakunin/img/diners/layer_btn.png);
		border: 1px solid transparent;
		box-shadow: none;
		cursor: default;
		color: #FFFFFF;
	}
	.area-disable:hover {
		opacity: 1;
		border: 1px solid transparent;
		box-shadow: none;
	}
	.area-disable > span, .area-disable input {
		cursor: default !important;
	}
}

.verify-accordion-primary {
	width: 100%;
	position: relative;
}

@media (max-width: 767px) {
	.verify-accordion-primary {
		width: 100%;
	}
}

.verify-accordion-primary + .verify-accordion-primary {
	margin-top: 0;
}

a.txt-link-line-none {
	text-decoration: none;
}

.exchange-block {
	margin-top: 10px;
	box-sizing: border-box;
}

@media (max-width: 767px) {
	.exchange-block {
		padding: 0 10px;
	}
}

.exchange-list {
	display: table;
	width: 100%;
	background-color: #E9E9E9;
	text-align: center;
	border-top: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}

.exchange-list > li {
	width: 230px;
	display: table-cell;
	padding: 12px;
	border-left: 1px solid #DBDBDB;
}

.exchange-list > li:first-child {
	width: auto;
}

.exchange-list > li > span {
	font-weight: bold;
	line-height: 1.3;
}

.exchange-description-block {
	display: table;
	width: 100%;
	border-left: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.exchange-description-block {
		border: 0;
		padding: 10px;
	}
}

.exchange-description-block > .exchange-description-block-inner {
	display: table-cell;
	vertical-align: top;
}

@media (max-width: 767px) {
	.exchange-description-block > .exchange-description-block-inner + .exchange-description-block-inner {
		padding-left: 10px;
	}
}

.exchange-contents-outer {
	display: table;
	width: 100%;
	border-right: 1px solid #DBDBDB;
	height: 110px;
}

@media (max-width: 767px) {
	.exchange-contents-outer {
		height: auto;
		display: block;
		border: 0;
	}
	.exchange-contents-outer:after {
		content: '';
		display: block;
		clear: both;
	}
}

.exchange-contents-outer > .exchange-contents {
	display: table-cell;
	width: 230px;
	border-left: 1px solid #DBDBDB;
	vertical-align: middle;
	padding: 10px 0;
}

@media (max-width: 767px) {
	.exchange-contents-outer > .exchange-contents {
		width: auto;
		display: block;
		border: 0;
		padding: 0;
	}
}

.exchange-contents-outer > .exchange-contents:first-child {
	border-left: 0;
	width: auto;
}

.exchange-contents-outer > .exchange-contents.right {
	text-align: right;
}

@media (max-width: 767px) {
	.exchange-contents-outer > .exchange-contents.right {
		text-align: left;
	}
}

.exchange-contents-outer > .exchange-contents.center {
	text-align: center;
}

@media (max-width: 767px) {
	.exchange-contents-outer > .exchange-contents.center {
		text-align: left;
		float: left;
	}
	.exchange-contents-outer > .exchange-contents.center + .center {
		margin-left: 20px;
	}
}

@media (max-width: 767px) {
	.exchange-contents-outer > .exchange-contents > .btn-hover-primary {
		width: 63px;
		height: 27px;
	}
	.exchange-contents-outer > .exchange-contents > .btn-hover-primary .input-btn-name {
		line-height: 27px;
	}
}

@media (max-width: 767px) and (max-width: 767px) {
	.exchange-contents-outer > .exchange-contents > .btn-hover-primary .input-btn-name {
		font-size: 13px;
	}
}

.exchange-contents-outer > .exchange-contents .styled-select > select {
	width: 114px;
}

@media (max-width: 767px) {
	.exchange-contents-outer > .exchange-contents .styled-select {
		width: 76px;
		height: 27px;
		background-size: contain;
		min-width: 76px;
		margin-left: 5px;
	}
	.exchange-contents-outer > .exchange-contents .styled-select > select {
		height: auto;
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.exchange-contents-outer > .exchange-contents + .exchange-contents {
		margin-top: 5px;
	}
}

.exchange-description-img-outer {
	display: table;
}

.exchange-description-img {
	display: table-cell;
	width: 110px;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.exchange-description-img {
		display: block;
		width: 75px;
		border: 1px solid #F0F0F0;
	}
}

.exchange-description-img > img {
	width: 110px;
	width: 110px;
}

@media (max-width: 767px) {
	.exchange-description-img > img {
		width: 100%;
		height: auto;
	}
}

.product-name {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

@media (max-width: 767px) {
	.product-name {
		float: none;
		padding-right: 0;
	}
}

.product-name > .code {
	display: inline-block;
	color: #0069aa;
}

.product-name > .code > span {
	padding: 0 8px;
	background-color: #d4e4ed;
	display: inline-block;
}

@media (max-width: 767px) {
	.product-name > .code {
		display: block;
		font-size: 13px;
	}
	.product-name > .code > span {
		padding: 0 8px;
		background-color: #d4e4ed;
		display: inline-block;
	}
}

.product-name > .title {
	display: block;
	font-weight: bold;
}

@media (max-width: 767px) {
	.product-name > .title {
		font-size: 14px;
	}
}

.product-name > span + span {
	margin-top: 5px;
}

.necessary-point {
	display: block;
	padding-right: 20px;
}

.is-pc-none {
	display: none !important;
}

@media (max-width: 767px) {
	.is-pc-none {
		display: table-cell !important;
	}
}

@media (max-width: 767px) {
	.form-content.exchange-contents.center:before {
		content: '数量';
		font-size: 12px;
	}
}

.form-table-sum {
	width: 100%;
	background-color: #FFFFFF;
}

@media (max-width: 767px) {
	.form-table-sum .reward-table-padding {
		font-size: 13px;
	}
}

.label-pl {
	position: relative;
}

.accordion-primary-content-wrapper {
	padding: 10px;
}

.accordion-primary-content-wrapper .a.txt-ac-link-off > span {
	color: #000000;
}

@media (min-width: 768px) {
	.is-sp-disp {
		display: none !important;
	}
}

.form-disabled {
	display: none;
}

.essential-reading-wrapper {
	background-color: #DBDBDB;
	width: 100%;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.essential-reading-wrapper .essential-reading {
	width: 100%;
	font-size: 14px;
	padding: 30px;
}

.essential-reading-wrapper .essential-reading > .content-head-h2 {
	margin-top: 0;
}

.note-of-caution {
	padding-top: 10px;
	overflow: auto;
	font-size: 14px;
}

.note-of-caution > p {
	word-wrap: break-word;
}

.essential-reading-open-btn {
	float: right;
	margin-left: 20px;
	cursor: pointer;
	background-color: #DBDBDB;
	font-size: 14px;
	position: relative;
	margin-bottom: 30px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

.essential-reading-open-btn .essential-reading-btn {
	padding: 7px;
	display: inline-block;
}

.essential-reading-open-btn .essential-reading-btn .open-btn-inner-left {
	display: inline-block;
	vertical-align: middle;
	padding: 0 8px;
}

.essential-reading-open-btn .essential-reading-btn .open-btn-inner-right {
	display: inline-block;
	vertical-align: middle;
	width: 136px;
	border-left: 2px solid #CBCBCB;
	padding-left: 8px;
}

.essential-reading-close-btn {
	float: right;
	width: 84px;
	height: 30px;
	background-color: #DBDBDB;
	cursor: pointer;
	font-size: 14px;
	margin-bottom: 30px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding: 0 10px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.essential-reading-close-btn .essential-reading-btn {
	display: inline-block;
	padding: 3px;
}

.icn-arrow-open {
	display: inline-block;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	background-color: #858585;
	position: relative;
}

.icn-arrow-open:after {
	content: '';
	display: block;
	position: absolute;
	left: -2px;
	top: -2px;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	background-color: #DBDBDB;
}

.icn-arrow-close {
	display: inline-block;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	background-color: #858585;
	position: relative;
}

.icn-arrow-close:after {
	content: '';
	display: block;
	position: absolute;
	left: 2px;
	top: 2px;
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	background-color: #DBDBDB;
}

.disp-bl {
	display: block;
}

.is-pc-disp-ib {
	display: inline-block !important;
}

@media (max-width: 767px) {
	.is-pc-disp-ib {
		display: none !important;
	}
}

.show-scroll-bar {
	overflow-y: scroll;
	display: block;
}

.table-scroll-content {
	display: table !important;
}

.table-scroll-content-wrap {
	overflow-x: scroll;
}

@media (max-width: 767px) {
	select {
		padding-left: 5px;
		padding-right: 40px;
	}
}

/* =========================================================
 STATE
========================================================= */
.is-pc-disp {
	display: block !important;
}

@media (max-width: 767px) {
	.is-pc-disp {
		display: none !important;
	}
}

.is-sp-disp {
	display: none !important;
}

@media (max-width: 767px) {
	.is-sp-disp {
		display: block !important;
	}
}

.is-sp-disp-inline {
	display: none !important;
}

@media (max-width: 767px) {
	.is-sp-disp-inline {
		display: inline !important;
	}
}

@media (max-width: 767px) {
	.is-sp-none {
		display: none;
	}
}

.is-sp-cell {
	display: none;
}

@media (max-width: 767px) {
	.is-sp-cell {
		display: table-cell;
	}
}

.is-inline {
	display: inline-block;
}

.is-close {
	display: none;
}

.is-close-strong {
	display: none !important;
}

.n-wrap {
	white-space: nowrap;
}

.is-agree-disabled {
	background-color: #999999;
	background-image: url(/ja/honninkakunin/img/diners/layer_btn.png);
	border: 1px solid transparent;
	box-shadow: none;
	cursor: default;
	color: #FFFFFF;
}

.is-agree-disabled:hover {
	opacity: 1;
	border: 1px solid transparent;
	box-shadow: none;
}

.is-agree-disabled > span, .is-agree-disabled input {
	cursor: default !important;
}

.is-select-disabled {
	background-color: #F8F8F8;
	color: #C3C3C3;
}

/* =========================================================
 EXTERNAL
========================================================= */
/*--------------------------------------------------
5/28　調整
--------------------------------------------------*/
/* オンラインコンシェルジュ、限定メニューアイコン（/user_regis/summary.html） */
.icon-exclusive {
	background: #000;
	font-size: 12px;
	color: #FFF;
	padding: 2px 4px;
}

/* バナー画像（大）表示用　（限定メニュー、オンラインショッピング） */
.bnr-l {
	text-align: center;
}

.bnr-l a:hover {
	opacity: 0.7;
}

@media (max-width: 767px) {
	.bnr-l img {
		width: 100%;
		height: auto;
	}
}

/* スクエアリストの背景 */
.square-list-box {
	background: #FFF;
	padding: 10px;
}

/******　横スクロールテーブル（全体スクロールパターン）******/
.horizontal-scroll-table table {
	width: 100%;
	font-size: 14px;
}

.horizontal-scroll-table th,
.horizontal-scroll-table td {
	white-space: nowrap;
}

.horizontal-scroll-table td.text-wrap {
	white-space: normal;
	min-width: 200px;
}

/*ウィンドウ幅縮小時*/
@media screen and (max-width: 1356px) {
	.horizontal-scroll-table table {
		display: block;
		position: relative;
		width: auto;
		white-space: nowrap;
	}
}

@media (max-width: 767px) {
	.horizontal-scroll-table table {
		display: table;
		width: 100%;
	}
	.horizontal-scroll-table th,
	.horizontal-scroll-table td {
		white-space: normal;
	}
	.horizontal-scroll-table td.text-wrap {
		white-space: normal;
		min-width: 80px;
	}
}

/*ピクセル指定*/
.w-100 {
	width: 100px !important;
}

.w-150 {
	width: 150px !important;
}

.w-200 {
	width: 200px !important;
}

.w-250 {
	width: 250px !important;
}

.w-300 {
	width: 300px !important;
}

.w-350 {
	width: 350px !important;
}

.w-400 {
	width: 400px !important;
}

.w-450 {
	width: 450px !important;
}

.w-500 {
	width: 500px !important;
}

.w-550 {
	width: 550px !important;
}

.w-600 {
	width: 600px !important;
}

.w-650 {
	width: 650px !important;
}

.w-700 {
	width: 700px !important;
}

.w-750 {
	width: 750px !important;
}

.w-800 {
	width: 800px !important;
}

/*パーセンテージ指定*/
.w-10per {
	width: 10% !important;
}

.w-20per {
	width: 20% !important;
}

.w-30per {
	width: 30% !important;
}

.w-40per {
	width: 40% !important;
}

.w-50per {
	width: 50% !important;
}

.w-60per {
	width: 60% !important;
}

.w-70per {
	width: 70% !important;
}

.w-80per {
	width: 80% !important;
}

.w-90per {
	width: 90% !important;
}

/*ステップ*/
.step {
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 10px 0;
	width: 100%;
}

.step .step-grid {
	display: table-cell;
	background: #FFF;
	padding: 20px;
	text-align: center;
}

.step .column h4 {
	font-weight: bold;
	margin-bottom: 10px;
}

.step .img {
	margin: 10px;
}

@media (max-width: 767px) {
	.step {
		display: block;
	}
	.step .step-grid {
		display: block;
		background: #FFF;
		padding: 20px;
		text-align: center;
		width: 90%;
		margin: 10px auto 10px auto;
	}
}

/*サービスメニュー*/
.service-menu .menu {
	background: #FFF url(/ja/honninkakunin/img/icon_arrow_next.png) no-repeat 99% 50%;
	float: left;
	width: 49%;
	margin: 0 1% 1% 0;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: 0.1px;
	padding: 10px;
	display: table;
}

.service-menu a {
	cursor: pointer;
	display: block;
}

.service-menu a:hover {
	opacity: 0.7;
}

.service-menu .service-name {
	font-weight: bold;
}

.service-menu .img {
	width: 70px;
	display: table-cell;
}

.service-menu .desc {
	display: table-cell;
	padding: 0 0 0 20px;
	vertical-align: middle;
}

.service-menu service-name,
.service-menu code {
	float: left;
}

@media (max-width: 767px) {
	.service-menu .menu {
		float: none;
		width: 100%;
	}
}

/*キャンペーン一覧*/
.campaign-list {
	margin-top: 10px;
	width: 100%;
	display: -webkit-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.campaign-list .campaign-item {
	background: #FFF;
	width: 49%;
	padding: 15px;
	float: left;
	margin: 0 1% 10px 0;
}

.campaign-list h3 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px dotted #DBDBDB;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.campaign-list dl {
	font-size: 14px;
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
}

.campaign-list dt {
	background: #dbdbdb;
	padding: 2px 5px;
	float: left;
	width: 30%;
	display: block;
	text-align: center;
	white-space: nowrap;
}

.campaign-list dd {
	padding: 2px 10px;
	float: left;
	width: 70%;
	display: block;
}

@media (max-width: 767px) {
	.campaign-list .campaign-item {
		width: 100%;
		float: none;
	}
	.campaign-list dl {
		display: block;
		margin: 0 0 10px 0;
	}
	.campaign-list dt {
		display: block;
		text-align: left;
		width: 100%;
		float: none;
	}
	.campaign-list dd {
		display: block;
		width: 100%;
		float: none;
	}
}

/* 画像＋テキスト */
.img-box {
	display: table;
	width: 100%;
}

.img-box .img-left {
	display: table-cell;
	width: 250px;
}

.img-box .img-left img {
	width: 90%;
}

.img-box .img-box-txt {
	display: table-cell;
	vertical-align: top;
}

@media (max-width: 767px) {
	.img-box .img-left {
		width: 30%;
	}
	.img-box .img-box-txt {
		width: 70%;
	}
}

/* テキストエリア */
.form-content-textarea textarea {
	width: 370px;
	height: 5em;
	font-size: 14px;
}

@media (max-width: 767px) {
	.form-content-textarea textarea {
		width: 100%;
	}
}

/*# sourceMappingURL=diners.css.map */



/* 閉じるボタン固定 */
footer {
  padding-bottom: 100px;
}
.btn-close-wrap {
  position: fixed;
  bottom: 0;
  z-index: 9998;
  background-color: #fff;
  height: 90px;
  width: 100%;
}
@media (max-width: 767px) {
	.btn-close-wrap {
		height: 50px;
	}
}


.text_center {
	text-align:center;
}

.ac {
	margin:2em auto;
}
.ac .ac_head {
	font-weight:bold;
	background:#e9e9e9;
	padding:10px 50px 10px 10px;
	position: relative;
}
.ac .ac_head span{
	position:absolute;
	right:10px;
	top:50%;
	transform: translateY(-50%);
	background:#2477ab;
	border: 1px solid #92bbd5;
	color:white;
	display:inline-block;
	width:2em;
	height:2em;
}
.ac .ac_head span::before{
	content:"＋";
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	line-height:1em;
	vertical-align: middle;
}
.ac .ac_head.is-open span{
	color:#2477ab;
	background-color: white;
}
.ac .ac_head.is-open span::before{
	content:"―";
	transform: translate(-50%,-40%);
}

.ac .ac_head:hover {
	cursor: pointer;
}
.ac .ac_content {
	max-height:0;
	overflow:hidden;
	transition: max-height 0.5s ease;
}

.ac .ac_head.is-open+.ac_content {
	max-height:300px;
}
.ac .ac_inner {
	padding:1em 0;
}

.anc_offset {
	position: relative;
}.anc_offset>div{
	position: absolute;
	top:-100px;
}


.white-box { margin-top:2em; padding: 20px 17px; background:white; border: 1px solid #DBDBDB; }
.white-box .content-head-h2{ margin-top:0; }