@charset "UTF-8";
/* --------------------------------------------------
    /css/contents.css
-------------------------------------------------- */

body {
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	-webkit-word-wrap: break-word;
}
select, button {
	cursor: pointer;
	font-family: inherit;
}
.txt-sky {
	color: #5bc3e8;
}
div#header {
	height: 110px;
	border: none;
	border-bottom: 1px solid #5bc3ea;
}
div#header ul.action {
	font-size: inherit;
	padding-top: 25px;
	margin-bottom: 10px;
}
div#header ul.action li {
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 10px;
}
div#header ul.action li, div#header ul.action li:last-child {
	margin-top: -5px;
}
div#header ul.action li:last-child {
	margin-right: 0;
}
.head_tel {
	font: 14px/1.2 Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	max-width: 260px;
	text-align: left;
}
.head_tel dt {
	font-weight: bold;
}
.head_tel .tel {
	font-size: 32px;
	font-weight: bold;
	line-height: 100%;
	letter-spacing: -0.02em;
	padding: 4px 0;
}
.head_tel .tel img {
	height: 27px;
	vertical-align: middle;
	margin: 1px 5px 0 0;
}
.head_tel .small {
	font-size: 13px;
}
.imgalpha {
	transition: 0.15s ease-in-out;
	-webkit-transition: 0.15s ease-in-out;
	-moz-transition: 0.15s ease-in-out;
	-ms-transition: 0.15s ease-in-out;
}
.imgalpha:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	filter: -ms-alpha(opacity=60);
}
.txt-red {
	color: #ff7079 !important;
}
.txt-blue {
	color: #00b9f3 !important;
}
.fwb {
	font-weight: bold !important;
}
.sp_menu {
	display: none;
}
.tabber {
	display: none;
}
.hide_pc {
	display: none;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.tc {
	text-align: center;
}
.pcTextCenter_spTextLeft {
	text-align: center;
}
a.blank[target="_blank"]::after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 11px;
	background-image: url(../img_common/icon_external.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0 5px;
}
/* subNav
---------------------------------------------------------------------------*/

.subNav {
	width: 950px;
	padding-bottom: 15px;
	margin: 0 auto;
	overflow: hidden;
}
.subNav .location {
	width: auto;
	float: left;
	background-image: url(../img_common/common_icon_location_01.png);
	font-size: 12px;
}
.subNav .location > span {
	font-size: 12px;
}
.subNav .location span:after {
	content: "＞";
	color: #000;
	padding-left: 10px;
	margin-right: 6px;
}
.subNav .location span:last-child:after {
	display: none;
}
.subNav .textLink {
	float: right;
	margin-top: 20px;
}
.subNav .textLink li {
	display: inline-block;
	padding-left: 15px;
}
/* container
---------------------------------------------------------------------------*/

#container {
	width: 950px;
	margin: 0 auto;
	padding-bottom: 10px;
	overflow: hidden;
}
/* mainColumn */

.mainColumn {
	float: right;
	width: 690px;
}
/* sideColumn */

.sideColumn {
	float: left;
	width: 230px;
	overflow: hidden;
}
.customerBox {
	background: #eaf8ff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
}
.customerBox .inner {
	padding: 20px;
}
.customerBox .name {
	display: table;
	width: 100%;
	font-size: 12px;
	letter-spacing: 0;
}
.customerBox .name .icon, .customerBox .name p {
	display: table-cell;
	vertical-align: middle;
}
.customerBox .name .icon {
	width: 40px;
}
.customerBox .name p {
	padding-left: 10px;
}
.customerBox .name p span {
	padding-left: 10px;
}
.customerBox .number {
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}
.customerBox .number span {
	font-weight: normal;
}
.customerBox a.fBtn {
	width: 50%;
	margin: 0;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
}
.customerBox .logout {
	text-align: center;
	padding-top: 30px;
}
.sideColumn .menuBox {
	margin-top: 20px;
	padding: 2px;
	background: #00a0ca;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
.sideColumn .menuBox p {
	height: 34px;
	margin: 8px 12px 0;
	padding: 7px 0 0 40px;
	color: #FFF;
	/*	font: 16px/1.2 "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-size: 18px;
	font-weight: bold;
}
.sideColumn .menuBox ul {
	background: #FFF;
	font-size: 14px;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	padding: 0;
}
.sideColumn .menuBox ul li {
	border-top: 1px dotted #00a0ca;
}
.sideColumn .menuBox ul li:first-child {
	border-top: none;
}
.sideColumn .menuBox ul li a {
	display: block;
	background: url(../img_common/arw_blue2.png) no-repeat 10px 50%;
	color: #000;
	transform: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
	-webkit-transform: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
	-moz-transform: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
	padding: 15px 10px 15px 32px;
}
.sideColumn .menuBox ul li a:hover {
	text-decoration: none;
	background-color: #defaff;
}

.sideColumn .menuBox ul li .notice_mark1 {
	display: inline-block;
	vertical-align: sub;
}

.sideColumn .menuBox ul li .notice_mark2 {
	background: #d41818;
	color: #fff;
	width: 18px;
	height: 18px;
	text-align: center;
	font-weight: bold;
	display: table;
	border-radius: 50%;
	font-size: 10px;
}

.sideColumn .menuBox ul li .notice_mark3 {
	display: table-cell;
	vertical-align: middle;
}

.sideColumn .menuBox.member p {
	background: url(../img_common/ico_member.png) no-repeat;
}
.sideColumn .menuBox.support p {
	background: url(../img_common/ico_support.png) no-repeat;
}
.sideColumn .menuBox.campaign p {
	background: url(../img_common/icon_campaign.png) no-repeat;
}
.sideColumn .menuBox .disabled {
	background: url(../img_common/arw_gray.png) no-repeat 10px 50%;
	color: #999;
}
.sideColumn .menuBox .disabled:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
/* section box */

.secA, .boxA, .boxB {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 30px 30px 40px;
	margin-bottom: 40px;
}
.mainColumn .secA, .mainColumn .boxA {
	padding: 25px 20px;
}
.mainColumn .secA, .mainColumn .boxB {
	padding: 10px 20px;
}
.secA {
	background-color: #f7f7f7;
	position: relative;
}
.boxA {
	background-color: #fff;
	padding: 20px 30px;
}
.boxB {
	background-color: #fff;
	padding: 20px 30px;
}
.errorBox {
	color: #ff7079;
	border: 2px solid #ff7079;
	padding: 10px;
	margin: 0 0 20px;
}
.errorBox:empty {
	display: none;
}
.error-balloon {
	position: relative;
	display: inline-block;
	background-color: #ff7079;
	color: #fff;
	font-size: 12px;
	line-height: 100%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px 10px 5px;
	margin-bottom: 8px;
}
.error-balloon:after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: " ";
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ff7079;
	margin-left: -6px;
	pointer-events: none;
}
.textLink {
	padding-bottom: 6px;
}
.textLink a {
	background: url(../img_common/arw_blue.png) no-repeat 0 50%;
	padding-left: 12px;
}
.textLink.red {
	color: #ff7079;
	font-weight: bold;
}
/* popup menu */

#fix_menu {
	background: #fff;
	box-shadow: 0 5px 4px #ccc;
	color: #000;
	font-size: 100%;
	position: absolute;
	top: 63px;
	width: 100%;
	padding: 0 0 10px;
	z-index: 100;
}
#fix_menu li {
	font-size: 14px;
	text-align: left;
	border-top: 2px solid #cce6ff;
	position: relative;
}
#fix_menu li a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 12px 30px 12px 15px;
}
#fix_menu li a:after {
	display: block;
	content: "";
	position: absolute;
	width: 14px;
	height: 18px;
	top: 50%;
	right: 15px;
	background: url(../img_common/sp/header_arr.gif) no-repeat;
	background-size: auto 18px;
	-webkit-background-size: auto 18px;
	margin: -9px 0 0 0;
	font-weight: normal;
}
#fix_menu .close {
	display: block;
	text-align: center;
}
#fix_menu .close img {
	width: 100%;
	max-width: 320px;
}
/* popup css */

.popupScreen {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#66000000, EndColorStr=#66000000);
	z-index: 10000000;
}
.popupArea {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 650px;
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: auto;
	z-index: 10000001;
	padding: 20px;
}
.popupArea .btn_close {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.popupInner {
	height: 100%;
}
.popTxt {
	padding: 0 10px;
	margin: -5px 0;
}
.popTxt p {
	padding: 5px 0;
}
/* headline */

.hl0, .hl0_1, .hl1, .hl2 {
	position: relative;
	/*	color: #1e3d93; */
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	border-bottom: 2px solid #ddd7d5;
	padding: 0 0 20px;
	margin-bottom: 30px;
}
.hl0:after, hl0:before,.hl0_1:after, hl0_1:before {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	content: "";
	baclground-color: #ddd7d5;
	border: none;
}
.hl0:after, .hl0_1:after {
	bottom: -2px;
	width: 210px;
	background-color: #5bc3ea;
}
.hl0, .hl0_1 {
	font-size: 28px;
}
.hl1 {
	font-size: 22px;
}
.hl2 { /*color: #444;*/
	font-size: 20px;
	margin-bottom: 20px;
}
.hl3 {
	color: #1e3d93;
	font-size: 20px;
	font-weight: bold;
	line-height: 100%;
	padding: 8px 10px 5px;
	margin: 20px 0 10px;
}
.hl4 { /*color: #1e3d93;*/
	font-size: 20px;
	font-weight: bold;
	padding: 0 10px 20px;
}
.hl5 {
	margin: 30px 0 20px;
	text-align: center;
	color: #00b9f3;
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
}
.hl6 {
	margin: 40px auto 30px;
	color: #333;
	font-size: 28px;
	text-align: center;
	line-height: 1.3em;
}
.hl6:before {
	content: "";
	display: block;
	width: 14px;
	height: 21px;
	margin: 0 auto 15px;
	background: transparent url("../img_common/icon_drop.png") no-repeat scroll center center/14px 21px;
}
.secHead {
	text-align: center;
}
.secHead p {
	line-height: 1.8;
}
.secHead .textLink {
	text-align: left;
	padding: 8px 0;
}
.secHead .textLink li {
	padding: 2px 0;
}
.secContents .textLink {
	padding: 13px 0;
}
.btnBack {
	margin-top: 15px;
	position: absolute;
	z-index: 1;
}
/* form css */

.formStep {
	position: relative;
	text-align: center;
	margin: 0 0 20px;
	overflow: hidden;
}
.formStep:before, .formStep .active:before {
	position: absolute;
	top: 0;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	margin: auto;
}
.formStep:before {
	left: 0;
	right: 0;
	width: 400px;
	background-color: #ccc;
}
.formStep .active:before {
	left: -25px;
	width: 45px;
	background-color: #5bc3e9;
}
.formStep li {
	position: relative;
	display: inline-block;
	z-index: 1;
	padding: 0 20px;
}
.formStep li img {
	width: 120px;
}
.formBox .hl1 {
	text-align: left;
	padding: 30px 20px 10px;
	margin-bottom: 0;
}
.change_flg {
	margin-left: 10px;
}
.before_delivery_area {
	margin-bottom: 10px;
}
.cSelect, .formBox input[type="text"], .formBox input[type="password"], .formBox input[type="date"], .formBox textarea {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
	font-size: 14px;
	vertical-align: middle;
	border: 1px solid #5bc3e9;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}
.change_flg {
	margin-left: 10px;
}
.before_delivery_area {
	margin-bottom: 10px;
}
.cSelect {
	min-width: 200px;
	background: #fff url(../img_common/select_arw.png) no-repeat 95% 50%;
	padding-right: 40px;
}
.cSelect.short {
	min-width: 120px;
}
.cSelect.short .customSelectInner {
	width: auto !important;
}
.formBox input[size="10"] {
	width: 120px;
}
.formBox input[size="20"] {
	width: 200px;
}
.formBox input[size="30"] {
	width: 300px;
}
.formBox input[size="40"] {
	width: 400px;
}
.formBox input[disabled], .formBox .cSelect.customSelectDisabled {
	color: #444;
	background-color: #CCCCCC;
}
.formBox select[disabled] {
	cursor: default;
}
.formBox textarea {
	width: 100%;
}
.formBox td .fBtn {
	font-size: 14px;
	padding: 7px 15px;
	vertical-align: middle;
}
.txtIcon {
	display: inline-block;
	font-weight: bold;
	line-height: 100%;
	vertical-align: middle;
	border: 2px solid #666;
	padding: 4px 10px 2px;
	margin-left: 10px;
}
.txtIcon.red {
	color: #ff7079;
	border-color: #ff7079;
}
.txtIcon.blue {
	color: #36c;
	border-color: #36c;
}
input.error[type="text"], input.error[type="password"], input.error[type="date"], .cSelect.error, textarea.error {
	background-color: #fff1f2;
	border-color: #ff7079;
}
table strong {
	color: #ff7079;
}
.formTableA, .formTableB {
	width: 100%;
	margin-bottom: 20px;
}
.formTableA th, .formTableA td {
	height: 40px;
	font-size: 16px;
	border-bottom: 1px solid #ddd7d5;
	padding: 10px;
}
.formTableA th {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 30%;
	color: #5bc3ea;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 50px;
}
.mainColumn .formTableA th {
	/*white-space: nowrap;*/
	padding-left: 20px;
}
.formTableA.historyTable {
	border: 2px dotted #999;
}
.required th {
	background: url(../img_common/ico_required.png) no-repeat 95% 50%;
	padding-right: 60px;
}
.required strong {
	font-size: 20px;
}
.formTableB {
	background-color: #fff;
	border-collapse: collapse;
}
.formTableB th, .formTableB td {
	font-size: 14px;
	border: 1px solid #ddd7d5;
	padding: 10px;
}
.formTableB thead th {
	background-color: #1e3d93;
	color: #fff;
	text-align: center;
	padding: 5px;
}
.formTableC {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 10px;
}
.formTableC, .formTableC th, .formTableC td {
	border: 1px solid #aedce5;
}
.formTableC th, .formTableC td {
	padding: 10px;
}
.formTableC th {
	background-color: #d6eef2;
}
.formTableC thead th {
	background-color: #5bbacc;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.formBox .checkbox {
	display: inline-block;
	min-width: 26px;
	min-height: 26px;
	vertical-align: middle;
	background: url(../img_common/ico_check.png) no-repeat;
	margin-right: 5px;
	cursor: pointer;
}
.formBox .checkbox.checked {
	background-image: url(../img_common/ico_checked.png);
}
.formBox .checkbox input {
	display: none;
}
.formBox .display-inline {
	display: inline-block;
	vertical-align: middle;
}
.compBox {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: table;
	width: 100%;
}
.compInner {
	display: table-cell;
	vertical-align: middle;
	height: 80px;
}
.compBox .compH {
	font-size: 18px;
	text-align: center;
}
/* alertBox */
.alertBox {
	border: 2px dotted #999;
	padding: 10px 15px;
	margin: 10px 10px 0;
}
.alertBox .txtIcon {
	display: block;
	color: #fff;
	background-color: #ccc;
	border: none;
	padding: 4px 15px;
	margin: -5px -10px 10px;
}
.alertBox .txtIcon.red {
	background-color: #ff7079;
}
.alertBox .txtIcon.blue {
	background-color: #36c;
}
.alertBox p {
	padding: 5px 0;
}
.alertBox.red {
	border-color: #e64354;
	color: #e64354;
}
.alertBox.blue {
	border-color: #36c;
	color: #36c;
}
/* formBtn */

.formBtn {
	text-align: center;
	padding: 20px 0;
}
.formBtn button, .formBtn a {
	margin: 10px 5px;
}
.formBtn .attension_area2 {
	text-align: right;
	padding-right: 28px;
}
a.fBtn, .fBtn {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #666;
	color: #fff;
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.05em;
	border: none;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	padding: 12px 10px;
	margin: 2px;
}
.fBtn img {
	vertical-align: middle;
	margin-top: -2px;
}
span.fBtn, a.fBtn {
	display: inline-block;
}
.fBtn.red {
	background-color: #fa5653;
}
.fBtn.yellow {
	background-color: #f7c13d;
}
.fBtn.sky {
	background-color: #5bc3e9;
}
.fBtn.orange {
	background-color: #ff9228;
}
.fBtn.green {
	background-color: #1dcd00;
}
a.fBtn:hover {
	text-decoration: none;
}
.fBtn:hover {
	background-color: #888;
}
.fBtn.red:hover {
	background-color: #f67270;
}
.fBtn.yellow:hover {
	background-color: #f9cc65;
}
.fBtn.sky:hover {
	background-color: #9ddbf2;
}
.fBtn.orange:hover {
	background-color: #ffb46c;
}
.fBtn.green:hover {
	background-color: #50f750;
}
/* .fBtn.disabled { width: 440px; display: block; margin: 0 auto;} */
.fBtn.disabled {
	width: 440px;
}
.fBtn.disabled, .fBtn.disabled:hover {
	background: #bbb;
	border: none;
}
.fBtn.sizeS {
	width: 240px;
}
.fBtn.sizeM {
	width: 340px;
}
.fBtn.sizeL {
	width: 340px;
	height: 60px;
}
.fullBtn {
	text-align: center;
}

.auth.step1 .formBtn {
	display: flex;
	justify-content: center;
	flex-direction: row-reverse;
}

/* btn_txt */

.btn_txt {
	background: none;
	border: 1px solid #ccc;
}
.btn_txt:hover {
	background: #f2f2f2;
}
/* btn_white */

.btn_white {
	display: block;
	padding: 10px;
	border: 3px solid #e1e6e9;
	border-radius: 10px;
	background: #fff;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.btn_white:hover {
	background: #f2f2f2;
	text-decoration: none;
}
/* footer
---------------------------------------------------------------------------*/

div#footer {
	border-top: 1px solid #dbdbdb;
}
#footer .footerNav {
	text-align: center;
	padding-top: 20px;
}
#footer .footerNav span:after, div#footer p.link span:after {
	content: " | ";
}
div#footer p.link {
	border: none;
	color: #333;
}
#footer .footerNav span:last-child:after, div#footer p.link span:last-child:after {
	content: "";
}
div#footer p.link a {
	color: #333;
}
#footer .footerNav a {
	color: #333;
	text-decoration: underline;
}
#footer .footerNav a:hover {
	text-decoration: none;
}
.ft-bt-lt .logo-area .copy {
	font-size: 12px;
}
#pageTop {
	width: 60px;
	height: 60px;
	background: url(../img_common/btn_pagetop.png) no-repeat;
}
/* sp css
---------------------------------------------------------------------------*/

#fix_menu {
	display: none;
}

@media screen and (max-width: 999px) {
	#container {
		padding: 0 20px 20px;
	}

	div#header div.inbox, div#header ul.action, .subNav, #container, div#footer div.inbox {
		width: auto;
	}
	div#header div.inbox {
		padding: 0 10px;
	}
	.mainColumn, .sideColumn {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		float: none;
		width: auto;
	}
	.mainColumn {
		padding-bottom: 20px;
	}
	.sideColumn .menuBox {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 49%;
		margin: 0;
	}
	.sideColumn .member {
		float: left;
		margin-bottom: 20px;
	}
	.sideColumn .support {
		float: right;
	}
	.sideColumn .campaign {
		clear: both;
	}
	.sideColumn .support .hide_pc {
		display: block;
	}
	.customerBox {
		background: #d6eef2;
		margin: 0 20px 20px;
	}
	.sideColumn .customerBox {
		display: none;
		margin: 0;
	}
	.customerBox .inner {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin: 0;
	}
	.customerBox .name {
		font-weight: bold;
		text-align: left;
	}
	.customerBox .number {
		text-align: center;
		padding: 0;
	}
	.secA {
		margin: 0 20px 40px;
	}
}

@media screen and (max-width: 767px) {
	body {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.hide_pc {
		display: inherit;
	}
	.hide_sp {
		display: none;
	}
	.btnBack {
		position: unset;
	}
	.pcTextCenter_spTextLeft {
		text-align: left;
	}
	div#header {
		height: auto;
		margin: auto;
		border-bottom: none;
		background: #fff;
		position: fixed;
		left: 0; right: 0; top: 0;
		z-index: 10001;
	}
	div#header div.logo {
		top: 10px;
		left: 10px;
	}
	div#header div.logo a {
		display: block;
		background: url(../img_common/sp/header_logo.png) no-repeat;
		background-size: auto 34px;
		-webkit-background-size: auto 34px;
		width: 125px;
		height: 34px;
		text-indent: -9999px;
	}
	.customerInfo {
		position: absolute;
		top: 6px; right: 120px;
		color: #666;
		font-size: 12px;
		text-align: center;
		line-height: 1.4;
	}
	.sp_menu {
		display: block;
		text-align: right;
		padding: 10px 0;
	}
	.sp_menu li {
		display: inline-block;
		padding-left: 5px;
	}
	.sp_menu li img {
		height: 40px;
	}
	.sp_menu li p {
		position: absolute;
		right: -2px;
		top: -3px;
		font-size: 10px;
		background: #d41818;
		color: #fff;
		border-radius: 50%;
		width: 18px;
		height: 18px;
		text-align: center;
		font-weight: bold;
		display: table;
	}

	.sp_menu li p span {
		display: table-cell;
		vertical-align: middle;
	}

	/* tabber */
	.tabber {
		display: flex;
		justify-content: space-around;
		height: 60px;
		margin: auto;
		padding-top: 1px;
		padding-right: 4px;
		padding-left: 4px;
		/* background-image: linear-gradient(transparent, transparent 17%, #01A0CA 17%, #01A0CA); */
		background: #01A0CA;
		position: fixed;
		bottom: 0; left: 0; right: 0;
		z-index: 10000000;
	}
	.tabber a {
		display: block;
		flex-shrink: 0;
		flex-grow: 0;
		position: relative;
	}
	.tabber img {
		width: 70px;
	}
	.tabber .badge {
		display: inline-block;
		box-sizing: border-box;
		margin-left: 12px;
		padding: 5px;
		min-width: 18px;
		min-height: 18px;
		border-radius: 9px;
		background: #d41818;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		line-height: 1;
		text-align: center;
		position: absolute;
		top: 0px; left: 50%;
	}

	#container {
		padding: 10px;
	}
	.customerBox {
		margin: 0 0 10px;
	}
	.customerBox .inner {
		padding: 10px;
	}
	.customerBox .name p {
		line-height: 1.2;
	}
	.sideColumn {
		display: none;
		max-height: calc(100% - 61px);
		width: 100%;
		margin: auto;
		padding: 0 0 10px;
		overflow: auto;
		background: #fff;
		box-shadow: 0 5px 4px #ccc;
		-webkit-box-shadow: 0 5px 4px #ccc;
		position: fixed;
		top: 61px;
		left: 0;
		z-index: 10000000;
	}
	.sideColumn .menuBox {
		width: auto;
		float: none;
		background: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		padding: 0;
	}
	.sideColumn .member {
		margin-bottom: 0;
	}
	.sideColumn .menuBox ul {
		padding: 0;
	}
	.sideColumn .menuBox ul li {
		margin: 0;
	}
	.sideColumn .menuBox p {
		background-size: 20px auto;
		-webkit-background-size: 20px auto;
		color: #5bc3e9;
		border-top: 2px solid #5bc3e9;
		border-bottom: 1px dotted #5bc3e9;
		padding-top: 10px;
		margin: 0;
	}
	.sideColumn .menuBox.member p, .sideColumn .menuBox.support p {
		background-position: 5px 8px;
	}
	.sideColumn .menuBox.campaign p {
		background-position: 5px 6px;
	}
	.sideColumn .menuBox .btnToggleMenu {
		position: relative;
	}
	.sideColumn .menuBox .btnToggleMenu::before,
	.sideColumn .menuBox .btnToggleMenu::after {
		display: block;
		content: '';
		width: 12px; height: 2px;
		margin: auto;
		background-repeat: 1px;
		background: #009fc9;
		position: absolute;
		top: 0; bottom: 0; right: 10px;
	}
	.sideColumn .menuBox .btnToggleMenu::after {
		transform: rotate(90deg);
	}
	.sideColumn .menuBox .btnToggleMenu.opened::after {
		display: none;
	}
	.sideColumn .menuBox .btnToggleMenu:not(.opened) + ul {
		display: none;
	}
	.sideColumn .menuBox ul li a {
		background: url(../img_common/sp/arw_blue2.png) no-repeat 10px 50%;
		background-size: 14px auto;
		-webkit-background-size: 14px auto;
		padding-left: 34px;
		padding-right: 15px;
	}
	.sideColumn .close {
		display: inline-block;
		margin-top: 10px;
	}
	.sideColumn .close img {
		max-width: 320px;
		width: 100%;
	}
	div#header ul.action {
		display: none;
		/* height: auto; */
		/*
		background: url(../img_common/sp/header-bg-01.png) repeat-x 0 100%;
		background-size: 1px auto; -webkit-background-size: 1px auto;
	*/
		/* text-align: center;
		border-top: 1px solid #cce6ff;
		padding: 10px 0; */
	}
	div#header ul.action {
		margin: 0 -10px;
	}
	#footer ul.action {
		padding: 10px 0;
		text-align: center;
		background: none;
		border-top: none;
		border-bottom: 1px solid #cce6ff;
	}
	#footer ul.action li,
	div#header ul.action li {
		vertical-align: middle;
		padding: 0;
		margin: 0;
	}
	#footer ul.action li {
		display: inline-block;
		text-align: left;
	}
	#footer ul.action li:last-child,
	div#header ul.action li:last-child {
		margin: 0;
	}
	.head_tel {
		max-width: inherit;
		overflow: hidden;
	}
	.head_tel dt {
		width: 80px;
		float: left;
		font-size: 10px;
	}
	.head_tel .tel {
		font-size: 21px;
		padding: 2px 0 2px 90px;
	}
	.head_tel .tel img {
		height: 16px;
		margin-right: 2px;
	}
	.head_tel .small {
		padding-top: 2px;
		font-size: 10px;
		clear: both;
	}
	.subNav {
		background: url(../img_common/sp/topicpath-bg-01.png) repeat-x 0 100%;
		background-size: 1px auto;
		-webkit-background-size: 1px auto;
		border-top: 1px solid #5bc3e8;
		vertical-align: middle;
		padding: 0;
	}
	.subNav .location {
		position: relative;
		background: none;
		padding: 6px 10px 10px;
		margin: 0;
	}
	.subNav .location span {
		display: inline;
		padding: 0;
		margin: 0 10px 0 0;
	}
	.subNav .location span:last-child {
		margin-right: 0;
	}
	.subNav .location span:after {
		display: none;
		padding: 0;
	}
	.subNav .location a {
		display: inline;
		vertical-align: middle;
		padding: 2px 0;
	}
	.subNav .location .bHome {
		position: absolute;
		top: 5px;
		left: 10px;
		margin: 0;
	}
	.subNav .location .bHome a {
		display: inline-block;
		width: 18px;
		height: 17px;
		background: url(../img_common/sp/topicpath-img-01.png) no-repeat;
		background-size: 18px auto;
		-webkit-background-size: 18px auto;
		text-indent: -9999px;
	}
	.mypage .subNav .location {
		padding: 8px 10px 14px;
	}
	.mypage .subNav .location .bHome {
		position: relative;
	}
	.mypage .subNav .location .bHome a {
		width: auto;
		height: auto;
		text-indent: 25px;
	}
	/* popup css */

	.popupArea {
		width: 80%;
		padding: 10px;
	}
	.popupInner {
		overflow: auto;
	}
	.popupArea .btn_close {
		top: 10px;
		right: 10px;
	}
	/* section box */
	.secA, .boxA,.secB, .boxB {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		padding: 15px;
		margin: 0 0 10px;
	}
	.mainColumn .secA, .mainColumn .boxA, .mainColumn .secB, .mainColumn .boxB {
		padding: 15px;
	}
	.boxA,.boxB {
		margin: 10px 0 20px;
	}
	.subNav .textLink {
		padding-top: 5px;
		margin: 0;
	}
	.textLink a {
		background-image: url(../img_common/sp/arw_blue.png);
		background-size: auto 7px;
		-webkit-background-size: auto 7px;
	}
	/* headline */

	.hl0:after, .hl0_1:after {
		width: 120px;
	}
	.hl0 {
		font-size: 20px;
		padding: 10px 0 10px;
		margin-bottom: 20px;
	}
	.hl0_1 {
		font-size: 18px;
		padding: 10px 0 10px;
		margin-bottom: 20px;
	}
	.hl1 {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}
	.secA .hl1 {
		padding-left: 0;
		padding-right: 0;
	}
	.ib {
		display: inline-block;
	}
	.secHead {
		text-align: left;
	}
	.secHead .textLink {
		width: auto;
		padding: 5px;
	}
	.secHead .textLink li {
		padding: 5px 0;
	}
	.secContents {
		padding: 20px 0 0;
	}
	/* form css */

	.formStep:before, .formStep .active:before {
		position: absolute;
		top: 0;
		bottom: 0;
		content: "";
		display: block;
		height: 2px;
		margin: auto;
	}
	.formStep:before {
		left: 0;
		right: 0;
		width: 200px;
		background-color: #ccc;
	}
	.formStep .active:before {
		left: -12px;
		width: 20px;
		background-color: #5bc3e9;
	}
	.formStep li {
		position: relative;
		display: inline-block;
		z-index: 1;
		padding: 0 8px;
	}
	.formStep li img {
		width: 70px;
	}
	.formTableA, .formTableA tbody, .formTableA tr, .formTableA th, .formTableA td {
		display: block;
		width: auto;
		height: auto;
		border: none;
		padding: 0;
		margin: 0;
	}
	.mainColumn .formTableA th, .formTableA th {
		font-weight: normal;
		padding-top: 15px;
		padding-left: 0;
	}
	.mainColumn .formTableA th {
		white-space: normal;
	}
	.formTableA td {
		border-bottom: 1px solid #ddd7d5;
		padding: 5px 0 15px;
	}
	.formTableA + .textLink {
		padding: 15px 0 5px;
	}
	.cSelect {
		width: 100%;
		min-width: inherit;
	}
	.cSelect.short {
		width: 25%;
		min-width: inherit;
		background-position: 85% 50%;
		padding-right: 30px;
	}
	.formBox input[size="10"] {
		width: 100px;
	}
	.formBox input[size="30"] {
		width: 85%;
	}
	.formBox input[size="40"] {
		width: 100%;
	}
	.formBox .checkbox {
		background-image: url(../img_common/ico_check.png);
		background-size: 26px auto;
		-webkit-background-size: 26px auto;
	}
	.formBox .checkbox.checked {
		background-image: url(../img_common/ico_checked.png);
	}
	.addNum input[size="10"] {
		width: 60px;
	}
	.addNum .txt-sky {
		letter-spacing: -0.1em;
	}
	.addNum .fBtn.sky {
		padding-left: 5px;
		padding-right: 5px;
	}
	.error-balloon {
		margin-top: 5px;
	}
	.required th {
		display: inline-block;
		background: url(../img_common/sp/ico_required.png) no-repeat 100% 90%;
		background-size: auto 17px;
		-webkit-background-size: auto 17px;
		padding-right: 45px;
	}
	/* formBtn */

	.formBtn {
		overflow: hidden;
	}
	.formBox .formBtn {
		width: 270px;
		margin: 0 auto;
	}
	.formBtn button, .formBtn a {
		margin: 10px 0;
	}
	/*.formBtn button img { height: 20px;}*/
	.formBtn .sizeS {
		width: 80px;
		float: left;
	}
	.formBtn .sizeM {
		width: 180px;
		float: right;
	}
	.formBtn .attension_area2 {
		padding-right: 0px;
	}
	a.fBtn, .fBtn {
		/* グラデーション調整非表示
		background: #666;
		background: linear-gradient(top, #a0a0a0, #666 50%, #666);
		background: -ms-linear-gradient(top, #a0a0a0, #666 50%, #666);
		background: -moz-linear-gradient(top, #a0a0a0, #666 50%, #666);
		background: -webkit-linear-gradient(top, #a0a0a0, #666 50%, #666);
		background: -webkit-gradient(linear, left top, left bottom, from(#a0a0a0), color-stop(0.5, #666), to(#666));
		border: 1px solid #4d4d4d;
		border-radius: 4px; -webkit-border-radius: 4px;
	*/
		padding: 8px 5px;
	}
	/* グラデーション調整非表示
	a.fBtn:hover,
	.fBtn:hover { background: #666;}
	a.fBtn.red,
	.fBtn.red {
		background: #e64354;
		background: linear-gradient(top, #ef929a, #e64354 50%, #e64354);
		background: -ms-linear-gradient(top, #ef929a, #e64354 50%, #e64354);
		background: -moz-linear-gradient(top, #ef929a, #e64354 50%, #e64354);
		background: -webkit-linear-gradient(top, #ef929a, #e64354 50%, #e64354);
		background: -webkit-gradient(linear, left top, left bottom, from(#ef929a), color-stop(0.5, #e64354), to(#e64354));
		border: 1px solid #d20009;
	}
	a.fBtn.red:hover,
	.fBtn.red:hover { background: #e64354;}
	a.fBtn.sky,
	.fBtn.sky { background: #73c8d7; border: none;}
	*/

	.fBtn.disabled {
		width: 100%;
	}
	.fBtn.sizeL {
		width: 100%;
		height: auto;
	}
	.fullBtn .fBtn {
		width: 100%;
	}

	.auth.step1 .formBtn {
		flex-direction: column;
		align-items: center;
		width: auto;
	}
	.auth.step1 .formBtn .sizeM {
		float: none;
		width: auto;
		padding: 8px 20px;
	}
	.auth.step1 .formBtn .sizeS {
		float: none;
	}

	/* footer css */
	#footArea {
		background: #eaf8ff;
		position: relative;
		margin-top: 34px;
	}
	#pageTop {
		position: absolute;
		top: -33px;
		right: 10px;
		width: 145px;
		height: 34px;
		background: url(../img_common/sp/footer-btn-01.png) no-repeat;
		background-size: auto 34px;
		-webkit-background-size: auto 34px;
		text-indent: -9999px;
	}
	#footer .footerNav {
		font-size: 13px;
		padding: 10px 0 0;
	}
	#footer .footerNav span {
		display: inline-block;
		padding: 10px 5px 0;
	}
	#footer .footerNav span:after {
		content: "";
	}
	#footer .footerNav a {
		color: #000;
		text-decoration: none;
	}
	#footer .footerNav a:hover {
		text-decoration: underline;
	}
	#footer .footerNav .f_official {
		display: block;
		border-top: 1px solid #d4e6f3;
		border-bottom: 1px solid #d4e6f3;
		padding: 20px 0;
		margin-top: 20px;
	}
	#footer .footerNav a, div#footer p.link a {
		background: url(../img_common/sp/icon-pc-02.png) no-repeat 100% 50%;
		background-size: auto 13px;
		-webkit-background-size: auto 13px;
		padding-right: 22px;
	}
	#footer .footerNav .f_official a {
		background: url(../img_common/sp/icon-logo.png) no-repeat 0 50%;
		background-size: auto 12px;
		-webkit-background-size: auto 12px;
		padding: 0 0 0 20px;
	}
	div#footer p.link {
		text-align: center;
	}
	div#footer p.link a {
		display: inline-block;
		margin-top: 10px;
	}
	div#footer p.link span {
		display: inline-block;
		padding: 0 5px;
	}
	div#footer p.link .hide_sp {
		display: none;
	}
	div#footer p.link span:after {
		content: "";
	}
	div#footer p.copy {
		background-color: #5bc3e9;
		color: #fff;
		text-align: center;
		padding: 10px 0;
		margin: 20px 0 0;
	}
	.compBox .compH {
		font-size: 18px;
		text-align: left;
	}
}

@media screen and (max-width: 480px) {
	.customerBox .name {
		margin-bottom: 10px;
	}
	.compBox .compH {
		font-size: 18px;
		text-align: left;
	}
}
/* --------------------------------------------------
    ログインページ
-------------------------------------------------- */

/* loginBox */

.loginBox {
	width: 80%;
	padding: 20px 0 0;
	margin: 0 auto;
	overflow: hidden;
}
.loginBox dt {
	width: 17em;
	float: left;
	color: #1e3d93;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding-top: 1.2em;
}
.loginBox dd {
	padding: 0 0 30px 20em;
}
.loginBox dd:last-child {
	padding-bottom: 20px;
}
.loginBox dd input[type="text"], .loginBox dd input[type="password"] {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	font-size: 14px;
	border: 2px solid #5bc3e8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}
.loginBox .textLink {
	padding-left: 20em;
}
.loginBox .textLink li {
	padding: 5px 0px;
}
/* aboutMypage */

.aboutMypage {
	margin: 10px 0 20px;
	overflow: hidden;
}
.aboutMypage .fBtn {
	display: block;
	width: 320px;
}
.aboutMypage .fBtn + .fBtn {
	margin-top: 20px;
}
.aboutMypage .fBtn span {
	display: block;
	font-size: 14px;
	padding-top: 4px;
}
.aboutMypage .fLeft {
	width: 480px;
	line-height: 1.8;
}
.aboutMypage .fLink {
	margin-left: 30px;
	margin-top: 10px;
	display: inline-block;
}
.stepBox {
	text-align: center;
	overflow: hidden;
}
.stepBox dl {
	display: inline-block;
	width: 180px;
	background: url(../img/arw0.png) no-repeat 98% 90px;
	vertical-align: top;
	padding-right: 40px;
}
.stepBox dt {
	text-align: center;
}
.stepBox dt img {
	padding-bottom: 18px;
}
.stepBox dt span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
}
.stepBox dd {
	font-size: 14px;
	text-align: justify;
	line-height: 1.8;
}
.stepBox .step4 {
	background: none;
	padding-right: 0;
}
/*.stepBox .step4 dt span {
	font-size: 20px;
	padding-bottom: 10px;
}*/
.login_auth {
	padding-top: 20px;
}

/* sp css
---------------------------------------------------------------------------*/

@media screen and (max-width: 999px) {
	.loginBox {
		width: 90%;
	}
	.stepBox dl {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 50%;
		float: left;
		padding-bottom: 10px;
	}
	.stepBox .step3, .stepBox .step4 {
		padding-bottom: 0;
	}
	/* aboutMypage */

	.aboutMypage .fLeft {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 52%;
	}
	.aboutMypage .fRight {
		width: 48%;
		text-align: right;
	}
}

@media screen and (max-width: 767px) {
	.login #container {
		padding-bottom: 10px;
	}
	.loginBox {
		width: 100%;
		padding: 10px 0 0;
	}
	.loginBox dt {
		width: auto;
		float: none;
		font-size: 16px;
		font-weight: normal;
		text-align: center;
		padding: 10px 0;
	}
	.loginBox dd, .loginBox dd:last-child {
		padding: 0 0 5px;
	}
	.loginBox .textLink {
		padding: 0;
	}
	.loginBox .textLink li {
		padding: 10px 0 0;
	}
	.loginBox dd input[type="text"], .loginBox dd input[type="password"] {
		border-width: 1px;
	}
	/* aboutMypage */

	.aboutMypage {
		margin-top: 0;
		margin-bottom: 30px;
	}
	.aboutMypage .fLeft, .aboutMypage .fRight {
		display: block !important;
		width: auto;
		float: none;
		float: none !important;
	}
	.aboutMypage .fRight {
		text-align: center;
	}
	.aboutMypage .fBtn {
		width: 100%;
	}
	.stepBox .step4, .stepBox dl {
		display: block;
		width: auto;
		min-height: 90px;
		background: transparent no-repeat;
		background-size: 90px auto;
		-webkit-background-size: 90px auto;
		float: none;
		padding: 0 0 30px 100px;
	}
	.stepBox .step3, .stepBox .step4 {
		padding-bottom: 30px;
	}
	.stepBox .step1 {
		background-image: url(../img/login_img1_sp.png);
	}
	.stepBox .step2 {
		background-image: url(../img/login_img2_sp.png);
	}
	.stepBox .step3 {
		background-image: url(../img/login_img3_sp.png);
	}
	.stepBox .step4 {
		background-image: url(../img/login_img4_sp.png);
	}
	.stepBox dt, .stepBox dd {
		text-align: left;
	}
	.stepBox dt br, .stepBox dt img {
		display: none;
	}
	.stepBox .step4 dt span, .stepBox dt span {
		font-size: 16px;
		padding: 0 0 5px;
	}
}
/* --------------------------------------------------
    マイページ
-------------------------------------------------- */

.mypage .contentsArea {
	margin: 20px 0 40px;
	padding: 25px 20px;
	background: #f2f2f2;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.mypage .deliveryBox {
	font-size: 14px;
}
.mypage .deliveryBox .hl4 {
	padding-bottom: 10px;
}
.mypage .deliveryBox dl {
	border-top: solid 1px #DDD7D5;
}
.mypage .deliveryBox dl dt {
	float: left;
	width: 180px;
	padding: 20px 0 20px 30px;
	color: #1E3D93;
}
.mypage .deliveryBox dl dd {
	padding: 20px 30px 20px 200px;
	border-bottom: solid 1px #DDD7D5;
}
.mypage .deliveryBox ul {
	padding: 20px 20px 0;
	text-align: right;
}
.mypage .infoBox {
	margin-top: 30px;
	font-size: 14px;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px;
}
.mypage .infoBox .hl4 {
	font-size: 18px;
	border-bottom: 1px solid #DDD7D5;
	padding-bottom: 5px;
}
.mypage .infoBox dl {
	padding: 5px 20px;
}
.mypage .infoBox dl dt {
	float: left;
	width: 120px;
	padding: 10px 0 0;
}
.mypage .infoBox dl dd {
	padding: 10px 0 0 140px;
}
.mainColumn .menuBox {
	margin: 50px 0 20px;
}
.mainColumn .menuBox .hl4 {
	border-bottom: solid 1px #DDD7D5;
	padding-bottom: 10px;
}
.mainColumn .menuBox ul {
	margin-top: -10px;
	overflow: hidden;
}
.mainColumn .menuBox ul li {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 25%;
	float: left;
	padding: 30px 15px 0;
}
.mainColumn .menuBox ul a, .mainColumn .menuBox ul .block {
	display: block;
	color: #333;
	font-size: 14px;
	text-align: center;
	background-color: #fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	padding: 10px;
}
.mainColumn .menuBox ul .block {
	background-color: #ddd7d5;
}
.mainColumn .menuBox ul a .name, .mainColumn .menuBox ul .block .name {
	display: table;
	width: 100%;
	height: 40px;
	text-align: center;
}
.mainColumn .menuBox ul a .name span, .mainColumn .menuBox ul .block .name span {
	display: table-cell;
	vertical-align: middle;
}
.mainColumn .menuBox ul .block .name {
	color: #878787;
}
.mainColumn .menuBox ul a:hover {
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.mainColumn .menuBox ul a img, .mainColumn .menuBox ul .block img {
	width: 70px;
}
.menuBox.hide_pc {
	display: none;
}
.mypage_comment {
	border: 2px dotted #ff7079;
	color: #ff7079;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	padding: 5px 10px;
	margin: 20px 0;
}
/* bxslider
---------------------------------------------------------------------------*/

.campaignArea {
	width: 690px;
}
#container .bx-wrapper {
	position: relative;
}
#container .bx-wrapper .bx-viewport {
	background: none;
	border: none;
	box-shadow: none;
	left: 0;
}
#container .bx-wrapper .img img {
	width: 100%;
	margin-bottom: 10px;
}
#container .bx-wrapper .bx-prev:hover, #container .bx-wrapper .bx-next:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#container .bx-wrapper .bx-pager.bx-default-pager {
	text-align: center;
	padding-top: 10px;
}
#container .bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
}
#container .bx-wrapper .bx-pager.bx-default-pager a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #d0d0d0;
	text-indent: -9999px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#container .bx-wrapper .bx-pager.bx-default-pager a:hover, #container .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #5abaca;
}
#container .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	margin-top: -40px;
}
#container .bx-wrapper .bx-prev {
	background: url(../img_common/ico_slider_prev.png) no-repeat;
	left: 0;
}
#container .bx-wrapper .bx-next {
	background: url(../img_common/ico_slider_next.png) no-repeat;
	right: 0;
}
.qrcodeWrap {
	margin: 30px auto;
}
.qrcodeBox {
	text-align: center;
}
.qrcodeBox .qrcode {
	display: inline-block;
}
.influx {
	display: inline-block;
	width: 100%;
	margin: 30px auto;
	text-align: left;
}
.influx .influx_url {
	margin: 5px auto;
	padding: 5px;
	background-color: #fff;
	word-break: break-all;
	font-weight: bold;
	border: 2px solid #ccc;
}

@media screen and (max-width: 999px) {
	.mypage .contentsArea {
		margin-bottom: 0;
	}
}

/* bxslider
---------------------------------------------------------------------------*/
.campaignArea {
	width: 100%;
}
.campaignArea, .campaignArea .cambox { /*padding-bottom: 10px;*/
}
@media screen and (max-width: 767px) {
	.mypage .cambox img {
		width: 100%;
	}
	.menuBox.hide_pc {
		display: block;
	}
	.mypage .contentsArea {
		padding: 10px;
		margin: 0;
	}
	.mypage .hl4 {
		text-align: center;
		padding-bottom: 10px;
	}
	.mypage .deliveryBox {
		padding-top: 10px;
		position: relative;
	}
	.mypage .deliveryBox dl {
		padding: 5px 0;
	}
	.mypage .deliveryBox dl dt, .mypage .deliveryBox dl dd {
		padding: 15px 0;
	}
	.mypage .deliveryBox dl dt {
		width: 8em;
	}
	.mypage .deliveryBox dl dd {
		padding-left: 8.5em;
	}
	.mypage .deliveryBox ul {
		padding: 10px 0 0;
	}
	.mypage .infoBox {
		padding: 15px 10px;
	}
	.mypage .infoBox dl {
		padding: 0;
	}
	.mypage .infoBox dl dt, .mypage .infoBox dl dd {
		display: block;
		width: auto;
		float: none;
		padding: 0;
	}
	.mypage .infoBox dl dt {
		padding: 10px 0 5px;
	}
	.mypage .infoBox dl dd {
		border-bottom: 1px dotted #aaa;
		padding-bottom: 10px;
	}
	.mypage .infoBox dl dd:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.mainColumn .menuBox {
		margin: 20px 0 10px;
	}
	.mainColumn .menuBox ul {
		margin: 0 -5px 0;
	}
	.mainColumn .menuBox ul li {
		width: 33.3%;
		padding: 10px 5px 0;
	}
	.mainColumn .menuBox ul li img, .mainColumn .menuBox ul .block img {
		width: 45px;
	}
	.mainColumn .menuBox ul a, .mainColumn .menuBox ul .block {
		border-radius: 5px;
	}
	.mainColumn .menuBox ul a .name, .mainColumn .menuBox ul .block .name {
		height: 34px;
	}
	.mainColumn .menuBox ul li .name {
		font-size: 12px;
		margin-top: 2px;
	}
	.mainColumn .menuBox ul li br {
		display: block;
	}
	/*
	.mainColumn .menuBox ul li:last-child {
		width: 100%;
	}
	.mainColumn .menuBox ul li:last-child img, .mainColumn .menuBox ul li:last-child span {
		vertical-align: middle;
	}
	.mainColumn .menuBox ul li:last-child img {
		display: inline-block;
		width: 30px;
	}
	.mainColumn .menuBox ul li:last-child a .name, .mainColumn .menuBox ul li:last-child .block .name {
		display: inline-block;
		width: auto;
		height: auto;
	}
	.mainColumn .menuBox ul li:last-child .name {
		margin-top: 0;
		text-align: left;
		padding-left: 5px;
	}
	*/
	.qrcodeBox .qrcode, .qrcodeBox .influx {
		width: auto;
	}
	.qrcodeBox .influx .fBtn {
		width: 100%;
	}
	.mypage .game_challenge,
	.schedule .game_challenge {
		position: fixed;
		right: 5px;
		bottom: 80px;
		z-index: 1;
	}
	.mypage .game_challenge img,
	.schedule .game_challenge img {
		width: 70px;
	}
}
@media screen and (max-width: 480px) {
}

/* modal
---------------------------------------------------------------------------*/
.modal_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	z-index: 20000000;
	overflow: hidden;
}
.modal {
	border-radius: 10px;
	max-width: 100%;
	max-height: 100%;
	background: #fff;
	/*overflow: auto;*/
	position: relative;
}
.modal .close{
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	background-color: #2c97cc;
	cursor: pointer;
	position: absolute;
	top: -18px;
	right: -18px;
}
.modal .close:before{
	content: "";
	display: block;
	width: 4px;
	height: 20px;
	background-color: #FFF;
	-moz-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 6px;
	left: 14px;
}
.modal .close:after{
	content: "";
	display: block;
	width: 4px;
	height: 20px;
	background-color: #FFF;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 6px;
	left: 14px;
}
.modal .close:hover{
	background-color: #31A1D8;
}

/* --------------------------------------------------
    マイページ新規開設
-------------------------------------------------- */

.passwordBarArea {
	/*padding: 20px 0;*/
}
.passwordBarArea .txtC {
	line-height: 1.5;
	padding-bottom: 10px;
}
.passwordBar {
	width: 400px;
	height: 20px;
	padding: 4px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 0 10px 0;
}
.passwordBar:before {
	display: block;
	height: 100%;
	background: #666;
	content: "";
}
.passwordBar.low:before {
	width: 20%;
	background-color: #fa5653;
}
.passwordBar.middle:before {
	width: 60%;
	background-color: #fb9e00;
}
.passwordBar.hi:before {
	background-color: #5bc3e9;
}
.passwordBarArea .low {
	color: #fa5653;
}
.passwordBarArea .middle {
	color: #fb9e00;
}
.passwordBarArea .hi {
	color: #5bc3e9;
}
.passwordBarArea p {
	text-align: left;
}
.auth.step3 .mypageError {
	font-size: 14px;
	border: 2px solid #ff7079;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 15px;
	margin: 20px 0;
}
.auth.step3 .mypageError strong {
	color: #ff7079;
	font-size: 16px;
}
.formTableA-step2 {
	margin-bottom: 0px !important;
}

@media screen and (max-width: 767px) {
	.passwordBar {
		width: 80%;
	}
	.auth.step2 input[size="10"] {
		width: 28%;
	}
	.auth.step3 .compH {
		text-align: left;
	}
}
/* --------------------------------------------------
    お水の追加注文
-------------------------------------------------- */

.order .boxA {
	margin: 20px 0;
	padding: 20px;
}
.order .boxA .hl2 {
	font-size: 18px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.order .boxA dd {
	background: url(../img_common/ico_dot.png) no-repeat 14px 10px;
	padding: 5px 20px 5px 26px;
}
.product_img {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
label.product_img {
	cursor: pointer;
}
.product_img > span {
	display: table-cell;
	vertical-align: middle;
}
.product_img .img {
	width: 250px;
	text-align: center;
}
.product_img .img img {
	display: block;
	width: 250px;
}
.product_img .txt {
	padding: 5px 20px;
	font-size: 18px;
}
label.product_img img:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.alertBox.foot dt {
	font-weight: bold;
	padding: 10px 0 5px;
}
.alertBox.foot dt:first-child {
	padding-top: 0;
}
.alertBox.foot .textLink {
	padding-top: 5px;
}
.order .waterTable {
	height: 600px;
}
.order .waterTable .hl4 {
	padding-bottom: 0;
}
.order .waterTable .formTableC th {
	text-align: center;
}
.order .waterTable .formTableC thead th {
	width: 20%;
}
.order .waterTable .formTableC td {
	text-align: center;
}
.order .waterTable ol {
	list-style: decimal;
	padding: 0 0 0 1.5em;
}
.order .waterTable ol li, .order .waterTable ol ul {
	padding: 5px 0;
}
.order .waterTable ol ul li {
	padding: 0 0 2px;
}
.order .order_value_area {
	font-size: 20px;
	padding-right: 4px;
}

@media screen and (max-width: 767px) {
	.order .boxA {
		padding: 10px;
	}
	.order .boxA dd {
		background: url(../img_common/sp/ico_dot.png) no-repeat 4px 10px;
		background-size: 6px auto;
		-webkit-background-size: 6px auto;
		padding: 5px 10px 5px 16px;
	}
	.product_img:last-child {
		margin-bottom: 0;
	}
	.product_img, .product_img > span {
		display: block;
	}
	.product_img .img {
		width: auto;
	}
	.product_img .img img {
		width: 100%;
	}
	.product_img .txt {
		padding: 5px 5px 0;
	}
	.order .waterTable .hl4 {
		font-size: 18px;
	}
	.order .waterTable table {
		font-size: 12px;
	}
	.order .waterTable th, .order .waterTable td {
		padding: 8px 4px;
	}
	.order .waterTable, .order .waterTable .popupInner {
		height: 440px;
	}
	.alertBox.foot {
		margin-top: 15px;
	}
}
/* --------------------------------------------------
    次回お届け内容の変更
-------------------------------------------------- */

.checkBox {
	margin: 20px 0 0;
}
.checkBox .hl1 {
	padding-top: 0;
	padding-bottom: 20px;
}
.checkBox .formBtn {
	padding: 0;
}
.history .fullBtn, .schedule .fullBtn {
	padding: 20px 0 0;
}
.schedule_edit .popupArea {
	width: 400px;
	height: 170px;
}

@media screen and (max-width: 767px) {
	.checkBox .formBtn {
		width: auto;
		padding-top: 15px;
	}
	.checkBox .formBtn img {
		height: 22px;
	}
	.history .fullBtn, .schedule .fullBtn {
		padding-top: 10px;
	}
	.history .fullBtn .sizeS, .schedule .fullBtn .sizeS {
		width: 240px;
	}
	.schedule_edit .popupArea {
		width: 80%;
		height: 230px;
	}
}
/* --------------------------------------------------
    ご契約内容の照会
-------------------------------------------------- */

.contract .formBtn, .contract .fullBtn {
	padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
	.contract .txtIcon {
		display: block;
		width: 50px;
		text-align: center;
		margin: 0 0 10px;
	}
}
/* --------------------------------------------------
    ご契約内容の変更
-------------------------------------------------- */

.contract_edit .secHead .textLink {
	width: 550px;
	text-align: left;
	padding: 10px 0;
	margin: 0 auto;
}
.contract_edit .popupArea {
	width: 400px;
	height: 150px;
}

@media screen and (max-width: 767px) {
	.contract_edit .secHead .textLink {
		width: auto;
	}
	.contract_edit .popupArea {
		width: 80%;
		height: 220px;
	}
}
/* --------------------------------------------------
    ご注文履歴の紹介
-------------------------------------------------- */

.history .checkBox tr:last-child th, .history .checkBox tr:last-child td {
	border-bottom: none;
}
.history .checkBox {
	padding-top: 10px;
	padding-bottom: 10px;
}
.history .checkBox .formTableA {
	margin: 0;
}

@media screen and (max-width: 767px) {
	.history .checkBox {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}
/* --------------------------------------------------
    請求書発行
-------------------------------------------------- */

.invoice .table_dl {
	width: 160px;
	height: 60px;
	text-align: center;
}
.invoice .txt16 {
	font-size: 16px;
}
.invoice .table_dl .fBtn {
	width: 150px;
}
.invoice .alertBox {
	margin: 20px 10px;
}

@media screen and (max-width: 767px) {
	.invoice .table_dl {
		width: 130px;
	}
	.invoice .table_dl .fBtn {
		width: 130px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.invoice .table_dl .fBtn img {
		width: 110px;
	}
	.invoice .alertBox {
		margin: 10px 0 20px;
	}
}
/* --------------------------------------------------
    お支払い方法の確認・変更
-------------------------------------------------- */

.payment .hl1 .txtIcon {
	font-size: 14px;
}
.payment .boxA p {
	padding-bottom: 10px;
}
.payment .payment_img {
	text-align: center;
	padding: 0 0 10px;
}
.payment .payment_list {
	font-size: 12px;
	padding-top: 10px;
}
.payment dd .payment_list {
	padding-top: 0;
}
.payment .payment_list li {
	padding-bottom: 10px;
}
.payment .payment_attention {
	border: 2px dotted #999;
	padding: 10px 15px 0;
	margin-top: 10px;
}
.payment .payment_attention dt {
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
.payment .payment_attention dd {
	padding-bottom: 10px;
}
.payment .formBtn {
    height: 132px;
    position: relative;
	overflow: unset;
}
.payment .formBtn .btn_attention {
	display: inline-block;
	width: 340px;
	float: right;
	color: #ff7079;
	text-align: center;
	font-weight: bold;
	padding: 0;
	margin: 5px 28px 0 0;
}
.payment .form_conf_card {
	height: 40px;
	margin: -6px 0;
}
.payment .popupArea {
	width: 480px;
	height: 155px;
}

@media screen and (max-width: 767px) {
	.payment .payment_img img {
		width: 100%;
	}
	.payment .popupArea {
		width: 80%;
		height: 220px;
	}
	.payment .formBtn .btn_attention {
		display: inline-block;
		width: 180px;
		float: right;
		color: #ff7079;
		text-align: center;
		font-weight: bold;
		padding: 0;
		margin-right: 0;
	}
	.payment .form_conf_card {
		height: 32px;
	}
	.payment_form .fBtn.sizeM, .payment_form .fBtn.sizeS {
		position: relative;
		width: 100%;
	}
	.payment_form .fBtn.sizeM {
        float: none;
        position: absolute;
		top: 20px;
        left: 0;
	}
	.payment_form .fBtn.sizeS {
        float: none;
        position: absolute;
		top: 86px;
        left: 0;
	}
}
/* --------------------------------------------------
    マイページご利用規約
-------------------------------------------------- */

.kiyaku .boxA {
	margin: 20px 0 0;
}
.kiyaku .boxA h3 {
	font-size: 22px;
	font-weight: bold;
	border-left: 6px solid #5bc3ea;
	line-height: 1.2;
	padding: 0 0 0 12px;
	margin: 10px 0;
}
.kiyaku .formBox p, .kiyaku .formBox li {
	line-height: 2;
}
.kiyaku .formBox ul, .kiyaku .formBox ol {
	padding-top: 12px;
	padding-bottom: 12px;
}
.kiyaku .formBox ol {
	list-style: decimal;
	padding-left: 1.5em;
}
.kiyaku .formBox ol ul, .kiyaku .formBox ul {
	list-style: disc;
	padding-left: 1.5em;
}
.kiyaku .formBox ol ol {
	list-style: none;
	padding: 4px 0;
}
.kiyaku .formBox li {
	padding: 8px 0;
}
.kiyaku .formBox li {
	padding: 8px 0;
}
.kiyaku .date {
	padding-top: 20px;
}

@media screen and (max-width: 767px) {
	.kiyaku .date {
		padding-top: 10px;
	}
	.kiyaku .hl4, .kiyaku .boxA h3 {
		font-size: 16px;
	}
}
/* --------------------------------------------------
    パスワード変更
-------------------------------------------------- */

.passRule {
	width: 400px;
	height: 260px;
}
.passRule dl {
	padding: 8px 0;
}
.passRule dt {
	width: 2em;
	background-color: #999;
	float: left;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 2px 0;
	margin-right: 5px;
}
.passRule .low {
	background-color: #fa5653;
}
.passRule .middle {
	background-color: #fb9e00;
}
.passRule .hi {
	background-color: #5bc3e9;
}
.passRule dd {
	padding: 2px 0 8px 2.5em;
}

@media screen and (max-width: 767px) {
	.passRule {
		width: 80%;
		height: 340px;
	}
}
/* --------------------------------------------------
    よくあるご質問
-------------------------------------------------- */

.qCateArea li {
	padding-top: 20px;
}
.qCateArea a {
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: table;
	width: 100%;
	text-decoration: none;
	background: #fff url(../img_common/ico_arw04.png) no-repeat 96% 50%;
	background-size: 24px auto;
	-webkit-background-size: 24px auto;
	border: 2px dotted #5bc3ea;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.qCateArea a:before, .qCateArea a:after {
	position: absolute;
	top: 0;
	display: block;
	width: 19px;
	height: 98px;
	content: "";
}
.qCateArea a:before {
	left: 0;
	background: url(../img/faq_border1.png) no-repeat;
}
.qCateArea a:after {
	right: 0;
	background: url(../img/faq_border2.png) no-repeat 0 100%;
}
.qCateArea .qimg, .qCateArea .qtxt {
	display: table-cell;
	vertical-align: middle;
	padding: 20px;
}
.qCateArea a:hover {
	background-color: #f0fbfd;
}
.qCateArea .qimg {
	width: 60px;
	text-align: right;
	padding-right: 0;
}
.qCateArea .qtxt {
	color: #333;
}
.qCateArea .qtxt span {
	display: block;
	color: #5bc3e9;
	font-size: 18px;
	padding-bottom: 5px;
}
.fArea {
	padding: 20px 0 0;
}
.fBox {
	background-color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
}
.fBox h3 {
	position: relative;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: table;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	line-height: 1.5;
	vertical-align: middle;
	padding-right: 26px;
	margin: 0;
}
.fBox h3 a {
	color: #000;
}
.fBox h3 .ico {
	position: absolute;
	right: 10px;
	top: 50%;
	display: inline-block;
	line-height: 100%;
	margin-top: -8px;
}
.fBox.open h3 .ico {
	background: url(../img/faq/ico_minus.png) no-repeat 2px 0;
}
.fBox.open h3 .ico img {
	visibility: hidden;
}
.fBox h3 span {
	display: table-cell;
	width: 24px;
	height: 24px;
	background: url(../img/faq/ico_f.png) no-repeat;
	vertical-align: middle;
	text-indent: -9999px;
	padding-right: 10px;
}
.aBpx {
	display: none;
	border-top: 2px solid #f7f7f7;
	padding: 10px 20px 0;
	margin: 20px -20px 0;
}
.aBpx p {
	line-height: 1.8;
	padding: 10px 0;
}
.aBpx strong {
	color: #ff7079;
}
.dlStyleA dt {
	font-weight: bold;
	padding: 10px 0 5px;
}
.dlStyleA dd {
	padding-bottom: 5px;
}
.qCateList {
	padding: 10px 0 20px;
}
.qCateList li {
	display: inline-block;
	padding: 5px 20px 0 0;
}
.qCateList a {
	background: url(../img_common/arw_blue.png) no-repeat 0 50%;
	padding-left: 12px;
}
.faq .popupArea {
	width: 400px;
	height: 60px;
}
.faq .jq_popup1 .popTxt p {
	color: #00B050;
}
.faq .jq_popup1 .popTxt a {
	color: #00B050;
	text-decoration: none !important;
}
.faq .cusCenterTxt {
	color: #00B050;
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.qCateArea li {
		padding-top: 10px;
	}
	.qCateArea a {
		background-size: 20px auto;
		-webkit-background-size: 20px auto;
	}
	.qCateArea a:before, .qCateArea a:after {
		display: none;
	}
	.qCateArea .qimg, .qCateArea .qtxt {
		padding: 10px;
	}
	.qCateArea .qimg {
		width: 40px;
		padding-right: 0;
	}
	.qCateArea .qimg img {
		width: 40px;
	}
	.qCateArea .qtxt {
		padding-right: 30px;
	}
	.qCateArea .qtxt {
		font-size: 12px;
	}
	.qCateArea .qtxt span {
		font-size: 16px;
	}
	.fBox {
		padding: 15px;
		margin-bottom: 10px;
	}
	.fBox h3 span {
		background-image: url(../img/faq/ico_f_sp.png);
		background-size: 24px auto;
		-webkit-background-size: 24px auto;
	}
	.fBox h3 .ico {
		right: 0;
	}
	.fBox.open h3 .ico {
		background-image: url(../img/faq/ico_minus_sp.png);
		background-size: 12px auto;
		-webkit-background-size: 12px auto;
	}
	.card img {
		width: 100%;
		max-width: 486px;
	}
	.aBpx {
		display: none;
		border-top: 2px solid #f7f7f7;
		padding: 5px 15px 0;
		margin: 15px -15px 0;
	}
	.faq .hl1 {
		padding-top: 20px;
	}
	.qCateList {
		padding-bottom: 10px;
	}
	.faq .popupArea {
		width: 80%;
		height: 80px;
	}
}
/* --------------------------------------------------
    お問い合わせ
-------------------------------------------------- */

.qLink {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px 20px 10px;
	margin: 10px 0 20px;
}
.qLink li {
	background: url(../img/faq/ico_f.png) no-repeat 0 50%;
	padding: 8px 0 8px 34px;
}
.contactTel {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	margin: 20px 0;
}
.contactTel dl {
	display: table;
	width: 100%;
	font-weight: bold;
	overflow: hidden;
}
.contactTel dt, .contactTel dd {
	display: table-cell;
	white-space: nowrap;
	vertical-align: middle;
}
.contactTel dt {
	width: 35%;
	font-size: 16px;
	padding-right: 10px;
}
.contactTel dd {
	color: #ef0510;
	font-size: 26px;
	text-align: right;
}
.contactTel dd span {
	display: inline-block;
	background-color: #14a83d;
	color: #fff;
	font-size: 20px;
	vertical-align: middle;
	padding: 2px 10px;
	margin: -4px 6px 0 0;
}
.contactTel dd strong {
	letter-spacing: -0.05em;
}
.contactTel dd a {
	color: #000000;
	text-decoration: none !important;
}
.contactTel p {
	color: #666;
}
.contact .timeStatus {
	height: 480px;
}
.timeStatusList {
	font-size: 12px;
}
.timeStatusList li {
	display: inline-block;
}
.timeStatusList li > span {
	font-size: 18px;
	padding-right: 5px;
	vertical-align: middle;
}
.timeStatusList .status0 {
	color: #eaf8ff;
}
.timeStatusList .status1 {
	color: #5bc3e9;
}
.timeStatusList .status2 {
	color: #1e3d93;
}
.timeStatus .formTableC {
	margin-top: 0;
}
.timeStatus th, .timeStatus td {
	text-align: center;
}
.timeStatus td {
	background-color: #eaf8ff;
}
.timeStatus thead td {
	background-color: transparent;
}
.timeStatus td.status1 {
	background-color: #5bc3e9;
}
.timeStatus td.status2 {
	background-color: #1e3d93;
}

@media screen and (max-width: 767px) {
	.qLink {
		padding: 10px 10px 8px;
		margin: 5px 0 10px;
	}
	.qLink li {
		background: url(../img/faq/ico_f_sp.png) no-repeat 0 50%;
		background-size: 24px auto;
		-webkit-background-size: 24px auto;
	}
	.contactTel {
		padding: 10px;
	}
	.contactTel dl {
		display: block;
	}
	.contactTel dt, .contactTel dd {
		display: block;
		white-space: normal;
	}
	.contactTel dt {
		width: auto;
		font-size: 14px;
		text-align: center;
		padding-right: 0;
	}
	.contactTel dd {
		font-size: 26px;
		text-align: center;
		padding: 0 0 4px;
	}
	.contactTel dd span {
		font-size: 12px;
		padding: 2px 6px;
		margin-right: 4px;
	}
	.contactTel p {
		font-size: 10px;
	}
	.contact .timeStatus, .contact .timeStatus .popupInner {
		height: 440px;
	}
	.timeStatus thead span {
		display: none;
	}
	.timeStatus th, .timeStatus td {
		padding: 5px;
	}
	.timeStatus thead td, .timeStatus tbody th {
		font-size: 12px;
	}
	.timeStatus .hl4 span {
		display: block;
		font-size: 15px;
		letter-spacing: -0.05em;
		margin-left: -10px;
	}
}
/* --------------------------------------------------
    メンテナンス
-------------------------------------------------- */

.maintenanceTxt {
	width: 600px;
	margin: 0 auto;
	padding: 100px 10px;
}
.secA.maintenanceTxt {
	background-color: transparent;
}
.maintenanceTxt .hl0 {
	color: #5bc3ea;
	border: none;
	margin-bottom: 0;
}
.maintenanceTxt .hl0:before, .maintenanceTxt .hl0:after {
	display: none;
}
.maintenanceTxt p {
	font-size: 16px;
	padding: 5px 0;
}

@media screen and (max-width: 767px) {
	.maintenanceTxt {
		width: auto;
		padding: 10px;
	}
	.maintenanceTxt p {
		font-size: 14px;
	}
	.maintenanceTxt p .hide_sp {
		display: none;
	}
}
/* --------------------------------------------------
    お友達紹介キャンペーン
-------------------------------------------------- */
a.btnIntroductionMail, a.btnIntroductionLine {
	box-sizing: border-box;
	height: 80px;
	padding: 10px 14px;
	vertical-align: middle;
	border-radius: 10px;
}
a.btnIntroductionMail {
	padding-top: 15px;
}
a.btnIntroductionLine {
	padding-top: 25px;
}
.introductionTxt {
	margin: 30px 0;
	line-height: 2;
}
.presentTtl {
	max-width: 600px;
	margin: auto;
	padding: 20px 50px 40px;
}
.presentImg {
	padding-bottom: 20px;
}
.attentionLabel {
	width: 240px;
	margin-bottom: 10px;
	padding: 8px;
	border: 1px solid #aaa;
	border-radius: 5px;
	background-color: #fff;
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
}
.notesPanel {
	background: #ffedad;
	border-radius: 10px;
	padding: 15px;
}
.method_btn_wrap {
	width: 300px;
	margin: 20px auto;
}
.method_ico {
	width: 50px;
}
.intro_method_list_txt {
	font-size: 18px;
}

@media screen and (max-width: 767px) {
	.present {
		margin: 0 -10px;
		border-radius: 0;
	}
	.presentTtl {
		margin: auto;
		padding: 0 0 10px;
	}
	.intro_method_list_txt {
		font-size: 14px;
	}
}

/* --------------------------------------------------
    あなたへのお知らせ
-------------------------------------------------- */
.notice_text {
	display: block;
	color: #000;
	text-decoration: none;
	background: url(../img_common/arw_gray_notice.png) no-repeat 98% 50%;
	padding-right: 40px;
	min-height: 40px;
}


/* --------------------------------------------------
    カレンダー
-------------------------------------------------- */
/* calendar_header */
.calendar_header {
	background: #2c97cc;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.calendar_header .date {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 30px;
	letter-spacing: .1em;
}
.calendar_header .btn_toggle,
.calendar_header .btn_prev,
.calendar_header .btn_next {
	outline: none;
}
.calendar_header .btn_toggle {
	padding: 0 5px;
	background: none;
	border: none;
	color: #fff;
	font-size: 14px;
}
.calendar_header .btn_toggle:hover {
	text-decoration: none;
	opacity: .7;
}
.calendar_header .btn_prev_area,
.calendar_header .btn_next_area {
	width: 80px;
	height: 30px;
	position: absolute;
	top: 0;
}
.calendar_header .btn_prev_area {
	left: 0;
}
.calendar_header .btn_next_area {
	right: 0;
}
.calendar_header .btn_prev,
.calendar_header .btn_next {
	display: block;
	width: 10px; height: 10px;
	background: none;
	border: solid #fff;
	border-width: 2px 2px 0 0;
	position: absolute;
	top: 9px;
}
.calendar_header .btn_prev {
	transform: rotate(-135deg);
	left: 10px;
}
.calendar_header .btn_next {
	transform: rotate(45deg);
	right: 10px;
}
.calendar_header .btn_prev:hover,
.calendar_header .btn_next:hover {
	opacity: .7;
}
/* calendar_body */
.calendar_body {
	width: 100%;
	table-layout: fixed;
}
.calendar_body .dow th {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.calendar_body td {
	vertical-align: top;
	padding-top: 5px;
}
.calendar_body td.gray {
	background: #ebecec;
}
.calendar_body td.ltBlue {
	background: #eaf2f9;
	border:solid 1px #4169e1;
}
.calendar_body .date {
	text-align: center;
}
.calendar_body .date.gray {
	color: #a5a6a6;
}
.calendar_body .date:only-child {
	height: 40px;
}
.calendar_body .amount {
	margin: 0 3px;
	border-radius: 3px;
	background: #2c97cc;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.calendar_body .disabled {
	background: #808080;
	color: #000;
}
.calendar_body .amount.residual {
	background: #fff;
	border: 1px dashed #2c97cc;
	color: #2c97cc;
}

/* calendar_confirm_btns */
.calendar_confirm_btns {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.calendar_confirm_btns .fBtn {
	margin: auto 10px;
	padding: 10px 12px;
	font-size: 14px;
}
.calendar_confirm_btns .fBtn.line {
	border: 1px solid currentColor;
	background: #fff;
	color: #fa5653;
}
/* --------------------------------------------------
    配送予定
-------------------------------------------------- */

/* delivery_schedule */
.delivery_schedule_hl {
	display: table;
	padding: 5px 10px;
	background: #2c97cc;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
}
.delivery_schedule_list {
	display: flex;
	flex-wrap: wrap;
	font-size: 16px;
}
.delivery_schedule_list dt,
.delivery_schedule_list dd {
	box-sizing: border-box;
	padding: 15px 5px 5px;
	border-bottom: 1px solid #ddd7d5;
}
.delivery_schedule_list dt {
	width: 30%;
	color: #5bc3ea;
	font-weight: bold;
}
.delivery_schedule_list dd {
	width: 70%;
}
.delivery_schedule_confirm_btn,
a.delivery_schedule_confirm_btn,
span.delivery_schedule_confirm_btn {
	display: table;
	margin: 20px auto;
	font-size: 14px;
}
.delivery_schedule_next_link {
	display: table;
	margin: auto;
	border-bottom: 1px solid currentColor;
	color: #fa5653;
}
.delivery_schedule_more_btn,
a.delivery_schedule_more_btn {
	display: table;
	margin: 10px 0;
	padding: 0 10px;
	color: #2c97cc;
	background: #ebecec;
	border: none;
	font-weight: bold;
	border-radius: 15px;
	outline: none;
}.delivery_schedule_more_btn:hover,
a.delivery_schedule_more_btn:hover {
	text-decoration: none;
	opacity: .7;
}

.fs14 {
	font-size: 14px;
}
.ml20 {
	margin-left: 20px;
}

.nonColor {
	background: #888 !important;
	cursor: default;
}

.toggle_password, .toggle_password_conf, .toggle_password_old{
	padding: 5px 5px !important;
	text-align: center;
	font-size: 15px;
}

.password_input {
    width: calc( 100% - 72px) !important;
}

.password_show {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 66px;
    padding: 6px !important;
    color: #000;
    font-size: 15px;
    text-align: center;
    border: solid 1px #767676;
    border-radius: 5px;
    background: #EFEFEF;
}

.auth.step2 .password_input {
    width: calc( 400px - 72px) !important;
}
@media screen and (max-width: 767px) {
    .auth.step2 .password_input {
        width: calc( 100% - 72px) !important;
    }
}