#header .headerMypageMenuBlock, #footerNav .footerMenuBlock {
  font-size: 12px;
  font-size: 1.2rem;
}
#header .headerMypageMenuBlock dl, #footerNav .footerMenuBlock dl {
  padding: 10px;
  background-color: #666666;
}
#header .headerMypageMenuBlock dl dt, #footerNav .footerMenuBlock dl dt {
  color: #ffffff;
  position: relative;
}
#header .headerMypageMenuBlock dl dt:after, #footerNav .footerMenuBlock dl dt:after {
  margin-top: -8px;
  position: absolute;
  right: 0;
  top: 50%;
  background-image: url("/common/mypage/img/icon_1.png");
  background-size: 16px 150px;
  background-repeat: no-repeat;
  background-position: right -16px;
  content: " ";
  width: 16px;
  height: 16px;
}
#header .headerMypageMenuBlock dl dt.menuOpen:after, #footerNav .footerMenuBlock dl dt.menuOpen:after {
  background-position: right -64px;
}
#header .headerMypageMenuBlock dl dd, #footerNav .footerMenuBlock dl dd {
  margin-top: 10px;
  display: none;
}
#header .headerMypageMenuBlock ul, #footerNav .footerMenuBlock ul {
  margin: 0;
}
#header .headerMypageMenuBlock ul li, #footerNav .footerMenuBlock ul li {
  margin-bottom: 1px;
  list-style: none;
  background: #ffffff;
  position: relative;
}
#header .headerMypageMenuBlock ul li:last-child, #footerNav .footerMenuBlock ul li:last-child {
  margin-bottom: 1px;
}
#header .headerMypageMenuBlock ul a, #footerNav .footerMenuBlock ul a {
  padding: 10px;
  color: #000000;
  display: block;
}
#header .headerMypageMenuBlock ul a:after, #footerNav .footerMenuBlock ul a:after {
  margin-top: -8px;
  position: absolute;
  right: 0;
  top: 50%;
  background-image: url("/common/mypage/img/icon_1.png");
  background-size: 16px 150px;
  background-position: 0 -33px;
  content: " ";
  width: 16px;
  height: 16px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

* {
  box-sizing: border-box;
}

/* html
-------------------------------------------------- */
html {
  font-size: 62.5%;
}

/* link
-------------------------------------------------- */
a {
  text-decoration: none;
}
a:link {
  color: #0066cc;
}
a:hover {
  color: #0066cc;
  text-decoration: underline;
}
a:active {
  color: #0066cc;
}
a:visited {
  color: #0066cc;
}
a:focus {
  color: #0066cc;
}

.linkUnderline {
  text-decoration: underline;
}

/* body
-------------------------------------------------- */
body {
  line-height: 1.5;
  color: #333333;
  font-family: "Hiragino Kaku Gothic Pro",Meiryo, "MS PGothic", sans-serif;
  background: #ffffff;
  -webkit-text-size-adjust: none;
}

img {
  vertical-align: bottom;
  line-height: 1;
  font-size: 1px;
}

#wrapperArea {
  margin: 0 auto;
  width: 100%;
  background: #ffffff;
}

/* contentArea
-------------------------------------------------- */
.contentArea {
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
}
.contentArea:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}

/* header
-------------------------------------------------- */
#header {
  padding: 10px 0 0;
  position: relative;
  width: 100%;
}
#header:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}
#header .logo {
  margin-bottom: 10px;
  width: 112px;
  float: left;
}
#header .siteName {
  margin-bottom: 0;
  vertical-align: top;
}
#header .siteName img {
  width: 112px;
  height: 30px;
  vertical-align: top;
}
#header .selectLanguage {
  float: right;
}
#header .headerBtnBlock {
  display: none;
}
#header .headerCustomerBlock {
  margin: 0 -10px;
  padding: 5px 10px 6px;
  border-top: 1px solid #cccccc;
  background: #eeeeee;
  clear: both;
}
#header .headerCustomerBlock .headerCustomer {
  margin-bottom: 0;
  padding: 7px 0;
  width: 190px;
  font-size: 12px;
  font-size: 1.2rem;
  float: left;
}
#header .headerCustomerBlock .headerCustomerName {
  font-weight: bold;
}
#header .headerLogoutBtn {
  margin: 0 0 0 auto;
  width: 105px;
}

/* globalNav
-------------------------------------------------- */
#globalNav {
  display: none;
  background: #eeeeee;
  border-top: 1px solid #cccccc;
}
#globalNav ul {
  margin: 0;
}
#globalNav li {
  display: table-cell;
  width: 200px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
#top #globalNav li.gnavTop a {
  color: #cc0000;
}
#globalNav li:last-child a span {
  border-right: 1px solid #cccccc;
}
#globalNav a {
  padding: 1.3em 0;
  color: #000000;
  display: block;
}
#globalNav a span {
  display: block;
  border-left: 1px solid #cccccc;
}
#globalNav a:hover {
  color: #767676;
}

/* bodyArea
-------------------------------------------------- */
#bodyArea {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
}

/* topicPath
-------------------------------------------------- */
#topicPath {
  padding: 1.2em 10px;
  border-bottom: 1px solid #cccccc;
}
#topicPath ul {
  margin: 0;
  font-size: 10px;
  font-size: 1rem;
}
#topicPath li {
  margin: 0;
  padding-right: 20px;
  list-style: none;
  position: relative;
  display: inline-block;
}
#topicPath li:after {
  content: ">";
  position: absolute;
  top: 0;
  right: 0;
}
#topicPath li:last-child:after {
  content: "";
}

/* mainArea
-------------------------------------------------- */
#mainArea {
  width: 100%;
}

/* sidebar
-------------------------------------------------- */
#sidebar {
  display: none;
}
#top #sidebar {
  margin-top: 24px;
}

.sidebarNavBlock {
  margin-bottom: 30px;
  padding: 6px;
  background: #666666;
}
.sidebarNavBlock .orderSerchBlock {
  padding: 0 9px;
  color: #ffffff;
}
.sidebarNavBlock .orderSerchBlock dl {
  margin-bottom: 13px;
}
.sidebarNavBlock .orderSerchBlock dt {
  margin-bottom: 12px;
  font-size: 14px;
  font-size: 1.4rem;
}
.sidebarNavBlock .orderSerchBlock input[type="search"] {
  width: 152px;
}
.sidebarNavBlock .orderSerchBlock .d-flex {
  display: flex;
  justify-content: space-between;
}

@-moz-document url-prefix() {
  .sidebarNavBlock .orderSerchBlock input[type="search"] {
    width: 146px;
  }
}
#localNav {
  margin-bottom: 20px;
}
#localNav ul {
  margin: 0;
}
#localNav li {
  margin-bottom: 0;
  list-style: none;
  border-bottom: 1px dotted #bbbbbb;
  background: #ffffff;
  position: relative;
}
#localNav li.lnavMypagehome {
  margin-bottom: 6px;
  border-bottom: 0;
}
#localNav li:last-child {
  border-bottom: 0;
}
#localNav li .btnIcon {
  padding-left: 28px;
}
#localNav li .btnIcon:before {
  position: absolute;
  left: 10px;
  top: 1.2em;
  content: ' ';
  background-image: url("/common/mypage/img/icon_1.png");
  background-size: 16px 150px;
  background-position: 0 -32px;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
#localNav li a {
  padding: 1em 0;
  display: block;
  color: #000000;
}
#localNav li a:hover {
  color: #a3a3a3;
}

#orderList #localNav li.lnav2 a {
  color: #cc0000 !important;
}

#profiledetail #localNav li.lnav3 a {
  color: #cc0000 !important;
}

#passwordChange #localNav li.lnav4 a {
  color: #cc0000 !important;
}

/* pageHeader
-------------------------------------------------- */
#pageHeader {
  margin: 0 4;
}
#pageHeader:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}

h1 {
  margin-bottom: 8px;
}

/* backToTopNav
-------------------------------------------------- */
#backToTopNav {
  margin: 10px 0;
  text-indent: -999em;
  overflow: hidden;
}
#backToTopNav a {
  margin: 0 0 0 auto;
  display: block;
  width: 37px;
  height: 37px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  position: relative;
}
#backToTopNav a:before {
  position: absolute;
  left: 10px;
  top: 10px;
  content: ' ';
  background-image: url("/common/mypage/img/icon_1.png");
  background-size: 16px 150px;
  background-position: 0 -96px;
  width: 16px;
  height: 16px;
}

/* .footerSerchBlock.orderSerchBlock
-------------------------------------------------- */
.footerSerchBlock {
  padding: 10px 0;
  border-top: 1px solid #cccccc;
  background: #eeeeee;
}
.footerSerchBlock dl {
  display: table;
  width: 100%;
}
.footerSerchBlock dt {
  font-weight: bold;
  display: table-cell;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: middle;
}
.footerSerchBlock dd {
  display: table-cell;
  text-align: right;
}
.footerSerchBlock input[type="search"] {
  width: 154px;
}

/* footerNav
-------------------------------------------------- */
#footerNav {
  width: 100%;
}
#footerNav .aboutMenu {
  margin-bottom: 1px;
}

/* footerContactBlock
-------------------------------------------------- */
.footerContactBlock {
  padding: 10px 0;
  color: #000000;
  text-align: center;
}
.footerContactBlock .footerContact {
  padding: 20px;
  border: 1px solid #cccccc;
}
.footerContactBlock .footerContactTxt {
  padding-bottom: 17px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  line-height: 28px;
}
.footerContactBlock .footerContactTxt .contactLogo {
  padding-left: 15px;
}
.footerContactBlock .footerContactTxt .contactLogo img {
  width: 106px;
  vertical-align: top;
}
.footerContactBlock .contactPhoneNo {
  margin-bottom: 10px;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 1;
}
.footerContactBlock .contactInfo {
  margin-bottom: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

/* footerAdress
-------------------------------------------------- */
#footerAdress {
  padding: 5px 0 20px;
}
#footerAdress .companyLogo {
  display: table-cell;
  width: 130px;
  padding-right: 10px;
  text-align: center;
  vertical-align: middle;
}
#footerAdress .companyLogo img {
  width: 100px;
}
#footerAdress address {
  display: table-cell;
  line-height: 1.5;
  font-size: 12px;
  font-size: 1.2rem;
}
#footerAdress address .companyName {
  margin-bottom: 0;
  color: #000000;
}
#footerAdress address .companyAddress {
  margin-bottom: 0;
}

address.callcenter {
	border-top:1px solid #cccccc;
	padding:20px 0px;
	text-align:center;
	font-size:1.2em;
	font-style:normal;
}
address.callcenter .footer_logoblock {
	margin: 0 auto;
	display: table;
}

address.callcenter .txt_callcenter {
	padding-right: 20px;
	display: table-cell;
	font-weight: bold;
	vertical-align: middle;
	font-size: 1.5em;
}

address.callcenter .footer_logo {
	display: table-cell;
}
address.callcenter .footer_addressblock {
	margin: 10px auto 0;
	display: table;
	line-height: 1;
}
address.callcenter .callcenter_tel {
	padding-right: 20px;
	display: table-cell;
	font-weight: bold;
	font-size: 1.5em;
}
address.callcenter .callcenter_hours {
	display: table-cell;
}
/* NWI-757 コールセンターの営業時間変更 */
address.callcenter .footer_addressblock.nwi-757 p {
  text-align: center;
  padding: 0px 10px;
}
address.callcenter .footer_addressblock.nwi-757.tw p{
  text-align: left;
}
.nwi-757 .contact_box p {
	display: inline-flex;
	align-items: center;
	font-weight: normal;
	margin: 0 10px;
  padding: 0!important;
}
.nwi-757 .contact_box p::before {
  content: "";
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 5px;
}
.nwi-757 .contact_box p.mail::before {
	background: url(../../images/icon_mail.png) no-repeat;
	background-position: center;
  background-size: contain;
}
.nwi-757 .contact_box p.tel::before {
  background: url(../../images/icon_phone.png?date=20230831) no-repeat;
	background-position: center;
  background-size: contain;
}
.nwi-757 .contact_box p.facebook::before {
	background: url(../../images/icon_facebook.png) no-repeat;
	background-position: center;
  background-size: contain;
}
.nwi-757 .contact_box p.whatsapp::before {
	background: url(../../images/icon_whatsapp.png) no-repeat;
	background-position: center;
  background-size: contain;
}
.nwi-757 .contact_box p.facebook a{
	cursor: pointer;
}
.nwi-757 p.time{
  margin-top: 10px;
}

/* footer
-------------------------------------------------- */
#footer {
  width: 100%;
  background: #000000;
  color: #ffffff;
}
#footer #copyright {
  font-size: 9px;
  font-size: 0.9rem;
  text-align: center;
  line-height: 28px;
}

/* input
-------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="search"],
textarea {
  -webkit-appearance: none;
  padding: 7px;
  border: 1px solid #cccccc;
  border-radius: 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Hiragino Kaku Gothic Pro",Meiryo, "MS PGothic", sans-serif;
}
input[type="text"].errorInput,
input[type="password"].errorInput,
input[type="search"].errorInput,
textarea.errorInput {
  border: 1px solid #f0b2b2;
  background: #fbebeb;
}
input[type="text"].inputName,
input[type="password"].inputName,
input[type="search"].inputName,
textarea.inputName {
  width: 45%;
}
input[type="text"].formInputFull,
input[type="password"].formInputFull,
input[type="search"].formInputFull,
textarea.formInputFull {
  width: 100%;
}

input[type="submit"] {
  -webkit-appearance: none;
  font-family: "Hiragino Kaku Gothic Pro",Meiryo, "MS PGothic", sans-serif;
}

textarea {
  height: 100px;
}

.memo textarea {
  width: 100%;
  border: 0;
}

.orderSerchBlock input[type="submit"] {
  padding: 9px 2em;
  border: 1px solid #cccccc;
  border-radius: 3px;
  font-size: 10px;
  font-size: 1rem;
  background: #ffffff;
}

/* formTableBlock
-------------------------------------------------- */
.formTableBlock p {
  margin-bottom: 2px;
}
.formTableBlock .titStyle3 {
  margin-bottom: 9px;
}
.formTableBlock .addTxt {
  padding: 0 0 0 5px;
  vertical-align: top;
  display: inline-block;
  line-height: 34px;
}

.tableBlock .addTxt {
  padding: 0 10px 0 10px;
  vertical-align: top;
  display: inline-block;
  line-height: 34px;
}

/* error
-------------------------------------------------- */
.errorTxt {
  color: #cc0000;
  font-size: 10px;
  font-size: 1rem;
}

/* select
--------------------------------------------------
select {
	padding: .5em 2em .5em .5em;
	font-family: "Hiragino Kaku Gothic Pro",Meiryo, "MS PGothic", sans-serif;
	@include fz(14);
//	box-sizing: content-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid $border-color;
	border-radius: 0;
	-webkit-appearance: none;
	background-color: $main-bgcolor;
	background-image: url("/common/mypage/img/icon_select.png");
	background-size: 32px;
	background-position: right 16px;
	background-repeat: no-repeat;
	position: relative;
	* {
		font-family: "Hiragino Kaku Gothic Pro",Meiryo, "MS PGothic", sans-serif;
	}
	&.form_drop {
		margin-bottom: 3px;
		width: 100%!important;
//		max-width: 220px!important;
	}
	&.selectNum {
		max-width: 70px!important;
	}
}
*/
select::-ms-expand {
  display: none;
}

/* datepicker
-------------------------------------------------- */
.datepicker {
  width: 70%;
}

.ui-datepicker-trigger {
  margin-left: 5px;
  width: 45px;
  vertical-align: top;
  cursor: pointer;
}

/* datepicker
-------------------------------------------------- */
.ui-datepicker-calendar .ui-state-default {
  font-size: 10px;
  font-size: 1rem;
}

/* submitArea
-------------------------------------------------- */
.submitArea {
  padding: 20px 10px;
}
.submitArea .backBtn .btnBlock {
  width: 55%;
  margin: 0 auto;
}
.submitArea .backBtn .btnBlock .btn .btnIcon {
  padding-left: 30px;
}
.submitArea .backBtn .btnBlock .btn .btnIcon:before {
  background: url("/common/mypage/img/icon_back.png") center no-repeat;
  background-size: 16px;
}
.submitArea .backBtn .btnBlock .btn li a {
  padding: 1em;
}
.submitArea .submitBtn {
  overflow: hidden;
}
.submitArea .submitBtn .btnBlock:first-child {
  margin-right: 2%;
}
.submitArea .submitBtn .btnBlock {
  width: 49%;
  float: left;
}
.submitArea .submitBtn .btnBlock .btn li a {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 1em;
}
.submitArea li.formSubmit:hover input[type="submit"] {
  text-decoration: underline;
}

.submitAreaType1 {
  overflow: hidden;
  padding: 20px 0px;
}
.submitAreaType1 .backBtn {
  float: left;
  width: 35%;
  margin-right: 4%;
  padding-top: 9px;
}
.submitAreaType1 .backBtn .btnBlock {
  width: 100%;
}
.submitAreaType1 .backBtn .btnBlock .btn li a {
  padding: 0.5em 1em;
}
.submitAreaType1 .submitBtn {
  float: right;
  width: 61%;
}
.submitAreaType1 .submitBtn .btnBlock {
  width: 100%;
  margin: 0;
}

/* required
-------------------------------------------------- */
.req span {
  font-weight: normal;
  font-size: 12px;
  font-size: 2rem;
  padding: 1px 4px;
  color: #ff0000;
  line-height: 25px;
}

.reqBlk {
  float: right;
}

.reqInline {
  display: inline-block;
  float: none !important;
}

/* formInput
-------------------------------------------------- */
.formInput {
  width: 100% !important;
}

.formInput2 {
  width: 100% !important;
}

.formInputFull {
  width: 100% !important;
}

.formInputY {
  width: 65px;
}

.formInputMD {
  width: 45px;
}

/* custom checkbox
-------------------------------------------------- */
.styledCheckbox:not(#foo) > span > input[type='checkbox'] {
  float: left;
  width: 0px;
  display: none;
}

.styledCheckbox:not(#foo) > span > input[type='checkbox'] + label {
  margin: 0;
  clear: none;
  padding: 4px 0 4px 30px;
  cursor: pointer;
  background: url("/common/mypage/img/checkbox_off.png") left center no-repeat;
}

.styledCheckbox:not(#foo) > span > input[type='checkbox']:checked + label {
  background-image: url("/common/mypage/img/checkbox_on.png");
}

.styledCheckbox span.fieldTxt {
  display: inline-block;
  vertical-align: middle;
}

/* custom radio
-------------------------------------------------- */
.styledRadio:not(#foo) > span > input[type='radio'] {
  float: left;
  width: 0px;
  display: none;
}

.styledRadio:not(#foo) > span > input[type='radio'] + label {
  margin: 0;
  clear: none;
  padding: 4px 0 4px 30px;
  cursor: pointer;
  background: url("/common/mypage/img/radio_off.png") left center no-repeat;
}

.styledRadio:not(#foo) > span > input[type='radio']:checked + label {
  background-image: url("/common/mypage/img/radio_on.png");
}

.styledRadio span.fieldTxt {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}

.styledRadio.disabled:not(#foo) > span > input[type='radio'] + label {
  background: url("/common/mypage/img/radio-d_off.png") left center no-repeat;
}

.styledRadio.disabled:not(#foo) > span > input[type='radio']:checked + label {
  background-image: url("/common/mypage/img/radio-d_on.png");
}

/* section Element
-------------------------------------------------- */
.sectionType1 {
  margin: 20px 0;
}

.sectionArrow {
  padding-top: 20px;
  background: #dddddd;
  position: relative;
}
.sectionArrow:before {
  margin-left: -30px;
  border-top: 15px solid #eeeeee;
  border-right: 30px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 30px solid transparent;
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  top: 0;
}

/* heading Element
-------------------------------------------------- */
.titleBlock {
  position: relative;
}
.titleBlock .titleLink {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 10px;
  font-size: 1rem;
}
.titleBlock .titStyle1 span {
  display: block;
  width: 70%;
}

.titleBlock2 {
  padding-top: 1em;
}

.titleBlock3 {
  overflow: hidden;
  padding-bottom: 0.5em;
  padding-top: 3px;
}

.titStyle1 {
  margin-bottom: 12px;
  padding: 5px 0 5px 19px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.2;
  color: #000000;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  position: relative;
}
.titStyle1:before {
  margin-top: -8px;
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url("/common/mypage/img/icon_1.png");
  background-size: 16px 150px;
  background-repeat: no-repeat;
  background-position: left -80px;
  content: " ";
  width: 16px;
  height: 16px;
}

.titStyle2 {
  margin-bottom: 12px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.2;
  color: #000000;
  font-weight: bold;
}

.titStyle3 {
  margin: 10px 0 9px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: bold;
}

.titStyle4 {
  margin-bottom: 12px;
  padding: 15px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.2;
  font-weight: bold;
  border: 1px solid #cccccc;
}

.titDisnone {
  display: none;
}

.subTitStyle1 {
  margin-bottom: 8px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}

/* paragraph Element
-------------------------------------------------- */
p {
  margin: 0 0 .8em 0;
}

.strongType_1 {
  font-weight: bold;
}

.strongType_2 {
  color: #000000;
  font-weight: bold;
}

.colorRed {
  color: #cc0000;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.fileIcon,
.windowIcon {
  padding-left: 15px;
  line-height: 1;
}
.fileIcon img,
.windowIcon img {
  vertical-align: middle;
}

.fontS {
  font-size: 10px;
  font-size: 1rem;
}

.note {
  padding: 4px 0;
  font-size: 12px;
  font-size: 1.2rem;
}

.depositTxt {
  margin: 3 0 0;
  text-align: center;
  line-height: 1.2;
}

/* list Element
-------------------------------------------------- */
/* ul */
ul {
  margin: 0 0 .8em 2em;
  list-style: disc;
}
ul li {
  padding: 0;
  margin: 0 0 .5em;
}

/* ol */
ol {
  margin: 0 0 .8em 1.8em;
  list-style: decimal;
}
ol li {
  margin: 0 0 8px;
}

/* attention */
.attention {
  margin: 0 0;
  list-style: none;
  font-size: fz(12);
  color: #666;
}
.attention li {
  padding: 0 0 0 1em;
  margin: 0;
  text-indent: -1em;
}
.attention li.strong {
  color: #cc0000;
}

/* spBr
-------------------------------------------------- */
.spBr10 {
  line-height: 10px !important;
}

/* link Element
-------------------------------------------------- */
.link {
  padding: 0;
}
.link li {
  padding: 0;
  list-style: none;
  position: relative;
}
.link li a {
  padding-left: 13px;
  color: #000000;
}
.link li:before {
  margin-top: -8px;
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url("/common/mypage/img/icon_1.png");
  background-size: 16px 150px;
  background-repeat: no-repeat;
  background-position: 0 -32px;
  content: " ";
  width: 16px;
  height: 16px;
}

/* table Element
-------------------------------------------------- */
.generalTable {
  padding: 10px 10px 0 10px;
  background: #eeeeee;
}
.generalTable.generalTable2 {
  padding-top: 0;
}
.generalTable.generalTable3 {
  background: #dddddd;
}
.generalTable:last-of-type {
  padding-bottom: 10px;
}
.generalTable table {
  width: 100%;
}
.generalTable table thead th {
  font-weight: bold;
  color: #000000;
  vertical-align: top;
  text-align: left;
  border: 1px solid #cccccc;
}
.generalTable table tbody th {
  vertical-align: middle;
  border: 1px solid #cccccc;
}
.generalTable table tbody td {
  vertical-align: top;
  border: 1px solid #cccccc;
}
.generalTable table tbody th:first-of-type,
.generalTable table tbody td:first-of-type {
  border-left: 0;
}
.generalTable table tbody th:last-of-type,
.generalTable table tbody td:last-of-type {
  border-right: 0;
}
.generalTable table tr:first-of-type td, .generalTable table tr:first-of-type th {
  border-top: 0;
}
.generalTable table tr:last-of-type td, .generalTable table tr:last-of-type th {
  border-bottom: 0;
}
.generalTable table .right {
  text-align: right !important;
}
.generalTable table .left {
  text-align: left !important;
}
.generalTable table .center {
  text-align: center !important;
}
.generalTable table .vtop {
  vertical-align: top !important;
}
.generalTable table .vmiddle {
  vertical-align: middle !important;
}
.generalTable .tableType1 {
  margin-bottom: 10px;
}
.generalTable .tableType1:last-of-type {
  margin-bottom: 0;
}
.generalTable .tableType1 th, .generalTable .tableType1 td {
  padding: 10px;
}
.generalTable .tableType1 tbody th {
  font-weight: bold;
  color: #ffffff;
  background: #888888;
  width: 35%;
}
.generalTable .tableType1 tbody td {
  background: #ffffff;
}
.formTableBlock .generalTable .tableType1 tbody th {
  width: 24.6%;
}
.formTableBlock .generalTable .tableType1 tbody td {
  vertical-align: middle;
}
.generalTable .tableType2 {
  margin-bottom: 10px;
}
.generalTable .tableType2:last-of-type {
  margin-bottom: 0;
}
.generalTable .tableType2 th, .generalTable .tableType2 td {
  padding: 15px;
}
.generalTable .tableType2 tbody th {
  font-weight: bold;
  color: #000000;
  background: #ffffff;
  width: 40%;
}
.generalTable .tableType2 tbody td {
  background: #ffffff;
  width: 60%;
}
.generalTable .tableTypeBorderNone {
  width: auto;
}
.generalTable .tableTypeBorderNone th, .generalTable .tableTypeBorderNone td {
  padding: 0;
  text-align: left;
  vertical-align: top;
  border-bottom: none;
}
.generalTable .tableLayoutType1 tbody th {
  display: block;
  width: 100% !important;
  border: 0;
}
.generalTable .tableLayoutType1 tbody td {
  padding: 0;
  display: block;
  border: 0;
}
.generalTable .tableLayoutType1 td .displayTable {
  border-bottom: 1px solid #cccccc;
  display: table;
  width: 100%;
}
.generalTable .tableLayoutType1 td .tableCell {
  display: table-cell;
}
.generalTable .tableLayoutType1 tr .displayTable div:first-of-type {
  padding: 10px;
  width: 75%;
}
.generalTable .tableLayoutType1 tr .displayTable div:last-of-type {
  padding: 10px;
  width: 25%;
  vertical-align: middle;
  border-left: 1px solid #cccccc;
}
.generalTable .tableLayoutType1 tr td .displayTable .tableCellAll {
  width: 100%;
}
.generalTable .tableLayoutType1 tr .displayTable div.tableCellFirst {
  width: 41% !important;
}
.generalTable .tableLayoutType1 tr .displayTable div.tableCellMiddle {
  border-left: 1px solid #cccccc;
  padding: 10px;
  text-align: right;
  width: 28%;
}
.generalTable .tableLayoutType2 td {
  padding: 0;
}
.generalTable .tableLayoutType2 tbody th {
  display: table-cell;
  width: 25% !important;
}
.generalTable .tableLayoutType2 tbody td {
  display: table-cell;
  border: 1px solid #cccccc;
  border-right: 0;
}
.generalTable .tableLayoutType2 td .displayTable {
  border-bottom: 0;
  display: table;
  width: 100%;
}
.generalTable .tableLayoutType2 td .tableCell {
  display: table-cell;
  padding: 10px;
}
.generalTable .tableLayoutType2 td .right {
  border-left: 1px solid #cccccc;
}
.generalTable .tableLayoutType2 tr .displayTable div:first-of-type {
  width: 70%;
}
.generalTable .tableLayoutType2 tr .displayTable div:last-of-type {
  width: 30%;
}
.generalTable .tableLayoutType2 td.tdPrice {
  width: 20%;
  display: none;
}

/* image Element
-------------------------------------------------- */
.image {
  padding: 3px 0;
}

.caption {
  margin: 3px 0 0;
  font-size: fz(10);
  line-height: 1.5;
  color: sub-color1;
}

/* hr Element
-------------------------------------------------- */
hr {
  margin: 20px 0;
  height: 1px;
  border: 0;
  border-top: 1px solid #ddd;
}

/* btnBlock
-------------------------------------------------- */
.btnBlock .btn {
  margin: 0;
  padding: 3px 0;
}
.btnBlock .btn li {
  margin-bottom: 0;
  border-radius: 3px;
  list-style: none;
  text-align: center;
}
.btnBlock .btn li.btnInline {
  display: inline-block;
}
.btnBlock .btn a {
  display: block;
}
.btnBlock .btn .btnIcon {
  padding-left: 13px;
  position: relative;
}
.btnBlock .btn .btnIcon:before {
  position: absolute;
  content: ' ';
  background-image: url("/common/mypage/img/icon_1.png");
  background-size: 16px 150px;
}
.btnBlock li {
  position: relative;
  vertical-align: bottom;
}
.btnBlock .btnColorType1 {
  font-size: 10px;
  font-size: 1rem;
  color: #000000;
}
.btnBlock .btnColorType1 li {
  border: 1px solid #cccccc;
  background: #ffffff;
}
.btnBlock .btnColorType1 li.formSubmit input[type="submit"] {
  padding: 1em;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
.btnBlock .btnColorType1 .btnIcon:before {
  margin-top: -8px;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  background-position: -5px -32px;
  background-repeat: no-repeat;
}
.btnBlock .btnColorType1 a,
.btnBlock .btnColorType1 input[type="submit"] {
  padding: .5em 1em;
  color: #000000;
  border: 0;
  background: transparent;
  cursor: pointer;
  width: 100%;
}
.btnBlock .btnColorType1.settleBtn {
  position: absolute;
  right: 0;
  top: -3px;
  font-weight: bold;
}
.btnBlock .btnColorType1.settleBtn li {
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
}
.btnBlock .btnColorType1.settleBtn a {
  padding: .6em 3em;
}
.btnBlock .btnColorType1.settleBtn .attentionIco {
  position: absolute;
  top: -13px;
  right: 5px;
  display: block;
  width: 24px;
  height: 24px;
  background: #cc0000;
  border-radius: 12px;
  text-indent: -999em;
  overflow: hidden;
  text-align: left;
}
.btnBlock .btnColorType1.settleBtn .attentionIco:before {
  margin-left: 6px;
  margin-top: 6px;
  width: 12px;
  height: 12px;
  background: url("/common/mypage/img/icon_1.png") center -114px no-repeat;
  background-size: 16px 150px;
  content: " ";
  display: block;
}
.btnBlock .btnColorType1.receiptBtn {
  position: absolute;
  right: 0;
  top: 0;
}
.btnBlock .btnColorType1.receiptBtn li {
  font-size: 10px;
  font-size: 1rem;
}
.btnBlock .btnColorType1.receiptBtn a {
  padding: .8em 2.5em;
}
.btnBlock .btnColorType1 .formSubmit .btnIcon {
  padding-left: 0 !important;
}
.btnBlock .btnColorType1 .formSubmit .btnIcon:before {
  left: 65px;
  background-repeat: no-repeat;
}
.btnBlock .btnColorType2 {
  font-size: 14px;
  font-size: 1.4rem;
  color: #ffffff;
}
.btnBlock .btnColorType2 li {
  background: #cc0000;
}
.btnBlock .btnColorType2 .btnIcon:before {
  margin-top: -8px;
  width: 16px;
  height: 16px;
  left: 0;
  top: 50%;
  background-position: -5px -48px;
}
.btnBlock .btnColorType2 a {
  color: #ffffff;
}

/* bnrBlock
-------------------------------------------------- */
.bnrBlock ul {
  margin: 0;
}
.bnrBlock li {
  margin-bottom: 15px;
  list-style: none;
}

/* siegeTextBox1
-------------------------------------------------- */
.siegeTextBox1 {
  margin: 0 0;
  padding: 15px 18px;
  background: #eeeeee;
  font-size: 10px;
  font-size: 1rem;
}

/* oneColumnsType1
-------------------------------------------------- */
.oneColumnsType1 {
  margin: 0 0;
}

/* twoIntoColumnsType1
-------------------------------------------------- */
.twoIntoColumnsType1 {
  margin: 0 0;
}
.twoIntoColumnsType1 .imageL {
  float: left;
  margin: 0 20px 20px 0;
}
.twoIntoColumnsType1 .imageR {
  float: right;
  margin: 0 0 20px 20px;
}

/* twoColumns
-------------------------------------------------- */
.twoColumns {
  margin: 0 0;
}
.twoColumns:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}
.twoColumns .column {
  margin-right: 30px;
  float: left;
}

/* twoColumnsType1
-------------------------------------------------- */
.twoColumnsType1 .column {
  width: 465px;
  box-sizing: border-box;
}
.twoColumnsType1 .columnEnd {
  margin-right: 0;
}

/* threeColumns
-------------------------------------------------- */
.threeColumns {
  margin: 0 0;
}
.threeColumns:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}

/* threeColumnsType1
-------------------------------------------------- */
.threeColumnsType1 .column {
  margin: 0 30px 0 0;
  width: 300px;
  float: left;
  box-sizing: border-box;
}
.threeColumnsType1 .columnEnd {
  margin-right: 0;
  float: right;
}

/* fourColumns
-------------------------------------------------- */
.fourColumns {
  margin: 0 0;
}
.fourColumns:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}

/* fourColumnsType1
-------------------------------------------------- */
.fourColumnsType1 .column {
  width: 216px;
  margin: 0 32px 0 0;
  float: left;
}
.fourColumnsType1 .columnEnd {
  margin-right: 0;
  float: right;
}

/* newsBlock
-------------------------------------------------- */
.newsBlock {
  padding: 3px;
  border: 3px solid #eeeeee;
}
.newsBlock dl {
  padding: 10px;
  border-bottom: 1px dotted #eeeeee;
}
.newsBlock dl:last-of-type {
  border-bottom: 0;
}

/* detailBtnBlock
-------------------------------------------------- */
.detailBtnBlock, .submitBtnBlock {
  padding: 7px 10px;
  background: transparent;
  clear: both;
}
.detailBtnBlock .btn, .submitBtnBlock .btn {
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
.detailBtnBlock .btn li, .submitBtnBlock .btn li {
  margin-bottom: 5px;
}
.detailBtnBlock .btn li:last-child, .submitBtnBlock .btn li:last-child {
  margin-bottom: 0;
}

/* editBtnBlock
-------------------------------------------------- */
.editBtnBlock {
  padding: 7px 10px 11px;
  background: #dddddd;
}
.editBtnBlock:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}
.editBtnBlock .btn {
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
.editBtnBlock .btn li {
  width: 49%;
}
.editBtnBlock .btn li:first-child {
  float: left;
}
.editBtnBlock .btn li:last-child {
  float: right;
}

/* orderBtnBlock
-------------------------------------------------- */
.orderBtnBlock:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}
.orderBtnBlock .btn {
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
.orderBtnBlock .btn li a {
  padding: .8em 2em;
}

/* usePriceTable
-------------------------------------------------- */
.generalTable .usePriceTable {
  font-size: 15px;
  font-size: 1.5rem;
}
.generalTable .usePriceTable th {
  padding: 25px 5px 25px 15px;
}
.generalTable .usePriceTable td {
  padding: 25px 15px 25px 5px;
  font-weight: bold;
  color: #cc0000;
}

.tablePrice {
  font-weight: bold;
  padding: 0px 10px;
  text-align: right;
}

/* zipsearchBlock
-------------------------------------------------- */
.zipsearchBlock {
  margin-top: 5px;
}
.zipsearchBlock li {
  display: inline-block;
  font-size: 11px;
  font-size: 1.1rem;
}

/* submitBtnBlock
-------------------------------------------------- */
.submitBtnBlock.noBg {
  background: none !important;
}

.submitBtnBlockType1 {
  background: #eeeeee;
}

/* margin
-------------------------------------------------- */
.marginTop10 {
  margin-top: 10px;
}

.marginBottom0 {
  margin-bottom: 0 !important;
}

.marginBottom32 {
  margin-bottom: 20px !important;
}

.marginBottom25 {
  margin-bottom: 25px !important;
}

/* padding
-------------------------------------------------- */
.padding0 {
  padding: 0 !important;
}

/* pageNavi
-------------------------------------------------- */
.pageNavi ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.pageNavi ul li {
  display: inline-block;
  margin: 5px;
}
.pageNavi ul li a {
  color: #0066cc;
  display: inline-block;
  border: 1px solid #cccccc;
  padding: 10px 15px;
  border-radius: 3px;
}
.pageNavi ul li.prev {
  margin-right: 15px;
}
.pageNavi ul li.next {
  margin-left: 15px;
}
.pageNavi ul li.selected a {
  color: #cc0000;
  border-color: #cc0000;
}

/* oneColumnTable
-------------------------------------------------- */
.oneColumnTable {
  padding-top: 0px !important;
  background: #eeeeee !important;
}
.oneColumnTable .generalTable3 {
  padding-top: 0px;
  background: #eeeeee;
}

.oneColumnTableType1 .generalTable3 {
  padding-top: 20px;
}

/* collapse div
-------------------------------------------------- */
.collapseLink .btnBlock .btn .btnIcon {
  padding-left: 20px;
}
.collapseLink a .btnIcon:before {
  background: url("/common/mypage/img/icon_down.png") center no-repeat !important;
  background-size: 16px !important;
}
.collapseLink a.active .btnIcon:before {
  background: url("/common/mypage/img/icon_up.png") center no-repeat !important;
  background-size: 16px !important;
}

/* whiteInputArea
-------------------------------------------------- */
.whiteInputArea {
  background: #fff;
  padding: 15px 5px 5px;
}
.whiteInputArea .memo {
  padding: 0px 10px 5px;
}
.whiteInputArea .memo textarea {
  border: 1px solid #cccccc;
}

/* threeColumnsInput
-------------------------------------------------- */
.threeColumnsInput {
  display: table;
  width: 100%;
  border-spacing: 10px;
  border-collapse: separate;
  margin-top: -10px;
}
.threeColumnsInput .column {
  width: 33.33%;
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 10px;
  border-collapse: separate;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 12px;
}
.threeColumnsInput .columnEnd {
  margin-right: 0;
}

/* twoColumnsInput
-------------------------------------------------- */
.twoColumnsInput {
  display: table;
  width: 100%;
  border-spacing: 10px;
  border-collapse: separate;
}
.twoColumnsInput .column {
  width: 50%;
  background: #fff;
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 10px;
  border-collapse: separate;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 10px;
}
.twoColumnsInput .columnEnd {
  margin-right: 0;
}
.twoColumnsInput .errorBox {
  background: #fbebeb;
  border-color: #f0b2b2;
}

.twoColumnsInputType1 {
  margin-top: -10px;
}

/* customSelect
-------------------------------------------------- */
.select-fancy {
  display: inline-block;
  border: 1px solid #cccccc;
  position: relative;
  width: auto;
  overflow: hidden;
  background: #fff url("/common/mypage/img/icon_select.png") no-repeat right;
  background-size: 32px;
}

.select-fancy, .select-fancy > * {
  cursor: pointer;
}

.select-fancy select {
  box-sizing: content-box;
  background: transparent;
  border: 0;
  outline: 0;
  padding: .3em 2em .3em .5em;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: radio-container;
  appearance: none;
  font-family: "Hiragino Kaku Gothic Pro",Meiryo, "MS PGothic", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
}

/* selectLanguage
-------------------------------------------------- */
.selectLanguage .select-fancy select {
  padding: .5em 2em .5em .5em;
}

/* supportTxt
-------------------------------------------------- */
.supportTxt {
  padding: 10px 10px 0px;
}

/* displayTable
-------------------------------------------------- */
.displayTable {
  display: table;
  width: 100%;
}
.displayTable .tableCell {
  display: table-cell;
  vertical-align: middle;
}
.displayTable .tableCell .tableCellBtn {
  width: 80px;
}

/* completeMsg
-------------------------------------------------- */
.completeMsg {
  text-align: center;
  color: #000;
  background: #d9f0ff;
  border: 1px solid #99d8ff;
  margin-bottom: 10px;
  padding: 5px;
}

/* errorMsg
-------------------------------------------------- */
.errorMsg {
  text-align: left;
  color: #B00;
  background: #ffd8d9;
  border: 1px solid #dba8a7;
  margin-bottom: 10px;
  padding: 5px;
  padding-left: 15px;
}

/* .forgotPass
-------------------------------------------------- */
p.forgotPass {
  background: #eeeeee;
  padding-bottom: 20px;
}

/* spBlock
-------------------------------------------------- */
.spBlock {
  display: inline-block;
}

/* planDetail
-------------------------------------------------- */
.planDetail {
  display: table;
  margin: 15px 0px;
  width: 100%;
}
.planDetail .col {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
}
.planDetail .col:first-child {
  background: #dddddd;
  text-align: center;
}
.planDetail .col:last-child {
  background: #fff;
}
.planDetail .col:last-child ul {
  margin-bottom: 0;
}
.planDetail .col:last-child ul li {
  color: #b5b5b5;
}
.planDetail .col:last-child ul li span {
  color: #000;
}

.planDetail2 {
  border: 1px solid #dddddd;
}

/* hiddenDiv
-------------------------------------------------- */
.hiddenDiv {
  display: none;
}
.hiddenDiv th {
  background: #555555 !important;
}
.hiddenDiv td {
  background: #fff9e9 !important;
  border-bottom: 0px !important;
  border-top: 0px !important;
}
.hiddenDiv td .displayTable {
  border-bottom: 1px solid #cccccc !important;
}
.hiddenDiv .styledRadio {
  display: inline-block;
  margin-bottom: 5px;
}

.c2-div {
  border-top: 1px solid #cccccc;
}

#option16-1a, #option16-1b, #option16-1c,
#option16-1d, #option16-1e, #option16-1f,
#option16-1g, #option16-1h, #option16-1i,
#option16-1j, #option16-2a, #option16-2b,
#option16-2c, #option16-2d, #option16-2e,
#option16-2f, #option16-2g, #option16-2h,
#option16-2i, #option16-2j {
  display: none;
}

/* rowStyled
-------------------------------------------------- */
th.rowStyled {
  background: #555555 !important;
}

/* innerTable
-------------------------------------------------- */
.innerTable {
  width: 100% !important;
  border-left: 0 !important;
  padding: 10px 0 !important;
}
.innerTable table {
  width: 100%;
}
.innerTable table td {
  border: 0 !important;
  vertical-align: top !important;
  display: table-cell !important;
  padding-bottom: 10px !important;
}
.innerTable table td:first-child {
  padding-right: 10px !important;
}

/* .mfp_win
-------------------------------------------------- */
#narita1_pickup, #narita1_return, #narita2_pickup, #narita2_return, #narita3_return, #narita2_sim, #narita3_locker, #haneda2, #haneda,  #haneda_returnbox, #haneda_afterhour, #haneda_jal_return, #haneda3_locker, #kansai, #kansai2, #kansai_sim, #kansai_locker, #kansai2_locker, #chubu, #chubu_locker, #chubu2, #chubu2_locker, #fukuoka, #fukuoka_locker, #newchitose, #newchitose2, #newchitose2_locker, #naha, #naha_locker, #niigata, #komatsu, #kagoshima, #kagoshima2, #shizuoka, #asahikawa, #sendai, #expo2025{
  position: relative;
  margin: 10px auto;
  background: #ffffff;
  padding: 50px 10px 20px 10px;
}

.mfp_win,
.mfp_win * {
  box-sizing: content-box;
}

.mfp_win {
  font-size: 12px;
  font-size: 1.2rem;
}

.mfp_win img {
  margin-bottom: 5px;
  max-width: 100%;
  height: auto;
}

.mfp_win h5 {
  border: 1px solid #cccccc;
  background: #ffffff;
  font-size: 1.3em;
  line-height: 48px;
  padding-left: 10px;
}

.mfp_win h5 span.coutner_label{
    background: #ba3030;
    color: #fff;
    padding: 5px 8px;
    border-radius: 3px;
    margin-right: 8px;
    font-size: 1.2rem;
    vertical-align: bottom;
}

.mfp_win div.clearfix {
  text-align: center;
}

.mfp_win h5 div.right {
  width: 80px;
  float: right;
  font-weight: bold;
}

.mfp_win .clearfix:before, .mfp_win .clearfix:after {
  content: " ";
  display: table;
}

.mfp_win .clearfix:after {
  clear: both;
}

.mfp_win .cl_cccccc {
  background-color: #cccccc;
}

.mfp_win .cl_cc0000 {
	background-color: #cc0000;
	color: #ffffff;
}

.mfp_win .right {
  float: none;
  text-align: center;
}

.mfp_win .mgt20 {
  margin-top: 20px !important;
}

.mfp_win .mgt10 {
  margin-top: 10px;
}

.mfp_win .left {
  float: none;
}

.mfp_win table {
  width: 100%;
  border-spacing: 0px;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.mfp_win .cl_f3f3f3 {
  background-color: #f3f3f3;
}

.mfp_win .txt_14 {
  font-size: 1.2em;
}

.mfp_win table th {
  font-weight: bold;
}

.mfp_win table th, table td {
  line-height: 200%;
  padding: 5px 10px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}

.mfp_win .w470 {
  width: 100%;
}

/* タイトル2行対応 */
.mfp_win_special {
	font-size:0;
}

.mfp_win_special div.left{
	display: inline-block;
	vertical-align: top;
	width: 73%;
	height: 48px;
	line-height: 24px;
	border: 1px solid #cccccc;
	background: #ffffff;
	font-size:7px;
	padding-left: 10px;
}

.mfp_win_special div.right {
	display: inline-block;
	vertical-align: top;
	width: 22%;
	height: 48px;
	line-height: 48px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #cccccc;
	font-size:16px;
}

@media screen and (max-width:699px) {
	address.callcenter {
		border-top:none;
		padding:10px 0px;
		font-size:1em;
	}
	address.callcenter .footer_addressblock {
		display: block;
	}
	address.callcenter .callcenter_tel {
		padding-right: 0;
		display: block;
	}
	address.callcenter .callcenter_hours {
		display: block;
	}
	#footerAdress address.vision {
		width:100%;
		display:block;
		padding:10px 0px;
		font-size:1em;
		text-align:center;
	}
	#footerAdress address.vision em {
		display:block;
		font-weight:bold;
	}
	#footerAdress address.vision img {
		display:block;
		margin:0px auto 10px;
	}
	#footerAdress address.vision span.ad_vision {
		display:none;
	}
	#footerAdress address.vision span.ad_vision_sp {
		display:inline;
	}
}

.notice {
	line-height: 130%;
}
.box_line_03 {
	border:1px solid #cc0000;
	padding:20px;
	margin-bottom: 20px;
}
.box_line_03 p {
	margin-bottom: 0px;
	font-size: 13px;
	color: #000000;
}

/* 領収書一覧 */
#mainArea .receiptGuidance{
  padding: 20px;
  border: 2px solid #cc0000;
}
.receiptGuidance h3{
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
}
.receiptGuidance h3:after{
  content: "\f358";
	font-family: FontAwesome;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 50%;
  color: #E01747;
  font-size: 35px;
  transform: translateY(-50%);
}
.receiptGuidance h3.accordionOpen:after{
  content: "\f35b";
}
.receiptGuidanceText{
  margin-top: 15px;
}
.receiptGuidance table td, .receiptGuidance table th{
  border: none;
  padding: 0 0 0 20px;
}
.receiptList label{
  font-weight: bold;
}
.receiptList ul{
  margin-left: 0;
}
.receiptList ul li{
  list-style: none;
  display: flex;
  align-items: center;
  padding: 10px 25px;
  background: #eeeeee;
}
.receiptList ul li p{
  margin-bottom: 0;
  text-align: center;
  font-weight: bold;
}
.receiptList ul li p.date{
  width: 35%;
}
.receiptList ul li p.type{
  width: 15%;
}
.receiptList ul li p.fee{
  width: 30%;
  text-align: right;
  padding: 0 25px;
}
.receiptList ul li .btn{
  width: 20%;
  text-align: center;
}
.receiptList ul li .btn a{
  display: inline-block;
  padding: 10px 0;
  width: 110px;
  background: #fff;
  border-radius: 2px;
  font-weight: normal;
  color: #000000;
  border: 1px solid #cccccc;
  position: relative;
  text-align: center;
  border-radius: 2px;
}
.receiptList ul li .btn span{
  padding-left: 10px;
  display: inline-block;
}
.receiptList ul li .btn span::before{
  position: absolute;
  content: ' ';
  background-image: url(/common/mypage/img/icon_1.png);
  background-size: 16px 150px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  left: 15px;
  top: 50%;
  background-repeat: no-repeat;
  background-position: -5px -32px;
}

.companyArea{
  margin-bottom: 30px;
}
.companyArea label{
  font-weight: normal;
}
.companyArea label.checkLabel{
  cursor: pointer;
}
.companyBox .error_msg{
  color:#cc0000;
}
.companyInput{
  display: flex;
  flex-direction: column;
  margin: 5px 0;
}
.companyInput input[type="text"]{
  height: 38px;
  border-radius: 4px;
}
.btnSave{
  font-size: 14px;
  cursor: pointer;
  margin-top: 10px;
  border: none;
  background: #cc0000;
  color: #fff;
  padding: 5px 0;
  border-radius: 2px;
  width: 200px;
}
.icon_required_s {
  color: #e01747;
  margin: 0 3px;
}
.success_msg{
  color: #0066cc;
  margin: 5px 0 0;
}

.mgt40{
  margin-top: 40px;
}