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

#mainArea .contentArea {
  margin: 0;
  padding: 0;
  width: 100%;
}
#mainArea .contentArea:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}

/* bodyArea
-------------------------------------------------- */
#bodyArea {
  margin: 16px auto;
  padding: 0 12px;
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
#bodyArea:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}

/* topicPath
-------------------------------------------------- */
#topicPath {
  padding: .2em 0 1.2em;
  border-bottom: none;
}
#topicPath ul {
  font-size: 12px;
  font-size: 1.2rem;
}

/* mainArea
-------------------------------------------------- */
#mainArea {
  width: 100%;
  float: none;
}
#mainArea section:first-of-type {
  margin-top: 0;
}
#top #mainArea > section:first-of-type {
  margin-top: 20px;
}

/* header
-------------------------------------------------- */
#header .headerCustomerBlock .headerCustomer {
  padding: 10px 0;
}

/* backToTopNav
-------------------------------------------------- */
#backToTopNav a:hover {
  background: #ededed;
}

/* other elements - footer
-------------------------------------------------- */
#footerNav2, #footerUtility {
  display: none;
}

/* input
-------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="search"] {
  padding: 7px 10px;
  border: 1px solid #cccccc;
  font-size: 14px;
  font-size: 1.4rem;
}

input[type="submit"] {
  padding: 5px .8em;
  border-radius: 2px;
  font-size: 1px;
  font-size: 0.1rem;
}

.orderSerchBlock input[type="submit"] {
  padding: 6px .7em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 23px;
}

/* formTableBlock
-------------------------------------------------- */
.tableBlock.formTableBlock {
  background: #dddddd;
}

/* select
-------------------------------------------------- */
select.form_drop {
  max-width: 100% !important;
  width: auto !important;
}
select.selectNum {
  max-width: 70px !important;
}

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

/* submitArea
-------------------------------------------------- */
.submitArea {
  padding: 40px 30px;
  overflow: hidden;
}
.submitArea .backBtn {
  float: left;
  width: 28%;
  margin-right: 4%;
  padding-top: 15px;
}
.submitArea .backBtn .btnBlock {
  width: 100%;
}
.submitArea .backBtn .btnBlock .btn li a {
  padding: 0.5em 1em;
}
.submitArea .submitBtn {
  float: right;
  width: 68%;
}
.submitArea .submitBtn .btnBlock .btn li a {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 1em;
}
.submitArea li.formSubmit:hover input[type="submit"] {
  text-decoration: none;
}
.submitArea li.formSubmit:hover {
  background: #ededed;
}

.submitAreaType1 {
  padding: 40px 100px;
}
.submitAreaType1 .submitBtn .btnBlock {
  margin: 0;
  width: 100%;
}

/* required
-------------------------------------------------- */
.req {
  float: right;
}

.reqM {
  margin-top: -12px;
}

/* formInput
-------------------------------------------------- */
.formInput {
  width: 200px !important;
}

.formInput2 {
  width: 305px !important;
}

.pcDisnone {
  display: none;
}

.pcInline {
  display: inline-block;
}

/* section Element
-------------------------------------------------- */
.sectionArrow,
div.sectionArrow {
  padding-top: 40px;
}
.sectionArrow:before,
div.sectionArrow:before {
  margin-left: -40px;
  border-top: 20px solid #eeeeee;
  border-right: 40px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 40px solid transparent;
}

/* heading Element
-------------------------------------------------- */
.titleBlock .titleLink {
  top: 8px;
  font-size: 12px;
  font-size: 1.2rem;
}

.titStyle1 {
  margin-bottom: 16px;
  padding: 5px 0 10px 28px;
  font-size: 20px;
  font-size: 2rem;
}
.titStyle1:before {
  margin-top: -18px;
  position: absolute;
  left: 0;
  top: 50%;
  background-image: url("/common/mypage/img/icon_pc_1.png");
  background-size: 32px 300px;
  background-position: left -160px;
  content: " ";
  width: 32px;
  height: 32px;
}

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

.titStyle3 {
  margin-bottom: 12px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: bold;
}

.titStyle4 {
  margin-bottom: 15px;
  padding: 25px 30px;
  font-size: 24px;
  font-size: 2.4rem;
}

.titDisnone {
  display: none;
}

/* link Element
-------------------------------------------------- */
.link li a {
  padding-left: 15px;
}
.link li a:hover {
  color: #bebebe;
  text-decoration: none;
}

/* table Element
-------------------------------------------------- */
.tableBlock {
  padding: 20px 20px 0;
  background: #eeeeee;
}

.generalTable {
  padding: 0 0 10px;
}
.generalTable .tableLayoutType1 tbody th {
  display: table-cell;
  width: 25% !important;
  border: 1px solid #cccccc;
}
.generalTable .tableLayoutType1 tbody td {
  display: table-cell;
  border: 1px solid #cccccc;
}
.generalTable .tableLayoutType1 td .displayTable {
  border-bottom: 0;
  display: table;
  width: 100%;
}
.generalTable .tableLayoutType1 td .tableCell {
  display: table-cell;
}
.generalTable .tableLayoutType1 tr .displayTable div:first-of-type {
  width: 68%;
}
.generalTable .tableLayoutType1 tr .displayTable div:last-of-type {
  width: 20%;
}
.generalTable .tableLayoutType2 td.tdPrice {
  display: table-cell;
  vertical-align: middle;
}
.generalTable .tableLayoutType2 td.pcHide {
  display: none;
}

/* btnBlock
-------------------------------------------------- */
.btnBlock .btn li {
  border-radius: 2px;
}
.btnBlock .btnColorType1 {
  font-size: 12px;
  font-size: 1.2rem;
}
.btnBlock .btnColorType1 li.formSubmit input[type="submit"] {
  font-size: 16px;
  font-size: 1.6rem;
}
.btnBlock .btnColorType1 a:hover {
  background: #ededed;
  text-decoration: none;
}
.btnBlock .btnColorType1.settleBtn li {
  font-size: 14px;
  font-size: 1.4rem;
}
.btnBlock .btnColorType1.settleBtn a {
  padding: .5em 5em;
}
.btnBlock .btnColorType1.receiptBtn {
  top: 2px;
}
.btnBlock .btnColorType1.receiptBtn li {
  font-size: 12px;
  font-size: 1.2rem;
}
.btnBlock .btnColorType1.receiptBtn a {
  padding: .5em 3.3em;
}
.btnBlock .btnColorType2 a:hover {
  text-decoration: none;
}

.floatBtn {
  float: right;
  display: inline-block;
}

/* pcTwoColumns
-------------------------------------------------- */
.pcTwoColumnsType1:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}
.pcTwoColumnsType1 .pcColumns {
  padding-bottom: 10px;
  width: 48.6%;
}
.pcTwoColumnsType1 .pcColumns:first-of-type {
  float: left;
}
.pcTwoColumnsType1 .pcColumns:last-of-type {
  float: right;
}

/* pcTwoColumnsType2
-------------------------------------------------- */
.pcTwoColumnsType2 .pcColumns {
  width: 50%;
}

/* newsBlock
-------------------------------------------------- */
.newsBlock {
  border: 6px solid #eeeeee;
}
.newsBlock dl {
  padding: 16px 20px;
}
.newsBlock dl dt {
  padding-right: 20px;
  display: table-cell;
}
.newsBlock dl dd {
  display: table-cell;
}

/* detailBtnBlock
-------------------------------------------------- */
.detailBtnBlock, .submitBtnBlock {
  padding: 20px;
}
.detailBtnBlock .btn, .submitBtnBlock .btn {
  font-size: 16px;
  font-size: 1.6rem;
}
.detailBtnBlock .btn:after, .submitBtnBlock .btn:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}
.detailBtnBlock .btn li, .submitBtnBlock .btn li {
  margin-bottom: 0;
  width: 48.6%;
}
.detailBtnBlock .btn li a, .submitBtnBlock .btn li a {
  padding: 0.7em 2.5em;
}
.detailBtnBlock .btn li:first-child, .submitBtnBlock .btn li:first-child {
  float: left;
}
.detailBtnBlock .btn li:last-child, .submitBtnBlock .btn li:last-child {
  float: right;
}

/* editBtnBlock
-------------------------------------------------- */
.editBtnBlock {
  padding: 0 15px 0 0;
  background: transparent;
  border-right: 1px dotted #cccccc;
  position: absolute;
  top: 2px;
  right: 175px;
}
.editBtnBlock:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
}
.editBtnBlock .btn {
  font-size: 12px;
  font-size: 1.2rem;
}
.editBtnBlock .btn li {
  margin: 0 3px;
  width: auto;
  font-weight: normal;
}
.editBtnBlock .btn a {
  padding: 0.5em 2.5em;
}

/* orderBtnBlock
-------------------------------------------------- */
.orderBtnBlock {
  margin-top: 40px;
}
.orderBtnBlock .btn {
  font-size: 18px;
  font-size: 1.8rem;
}
.orderBtnBlock .btn li {
  margin: 0 auto;
  width: 334px;
}

/* usePriceTable
-------------------------------------------------- */
.generalTable .usePriceTable {
  font-size: 22px;
  font-size: 2.2rem;
}
.generalTable .usePriceTable tbody th {
  padding: 25px 15px;
  width: 65%;
}
.generalTable .usePriceTable tbody td {
  padding: 25px 15px;
  font-weight: bold;
  color: #cc0000;
  width: 35%;
}

.generalTable .usePriceTable2 tbody th {
  padding: 46px 0px 46px 15px;
  width: 40%;
}
.generalTable .usePriceTable2 tbody td {
  padding: 46px 15px 46px 0px;
}

/* zipsearchBlock
-------------------------------------------------- */
.zipsearchBlock {
  margin: 0 0 0 5px;
  display: inline-block;
  vertical-align: middle;
}

/* submitBtnBlock
-------------------------------------------------- */
.submitBtnBlock .btn {
  text-align: center;
}
.submitBtnBlock .btn li:last-child {
  margin: 0 auto;
  float: none;
}

/* oneColumnTable
-------------------------------------------------- */
.oneColumnTable {
  padding-bottom: 10px !important;
}

/* collapse div
-------------------------------------------------- */
.collapseLink {
  display: none;
}

/* selectLanguage
-------------------------------------------------- */
.selectLanguage {
  margin-bottom: 7px;
}
.selectLanguage .select-fancy select {
  font-size: 12px;
}

/* mfp_win
-------------------------------------------------- */
#narita1_pickup, #narita1_return, #narita2_pickup, #narita2_return,#narita3_pickup, #narita3_return, #narita2_sim, #narita3_locker, #haneda2, #haneda, #haneda_afterhour, #haneda3_locker, #kansai,#kansai2, #kansai_sim, #kansai_locker, #kansai2_locker, #chubu, #chubu_locker, #chubu2, #chub2_locker, #fukuoka, #fukuoka_locker, #newchitose,#newchitose2, #newchitose2_locker, #naha, #naha_locker, #niigata, #komatsu, #kagoshima, #shizuoka, #asahikawa, #expo2025 {
  width: 96%;
  width: calc(96% - 20px);
  padding: 50px 10px 20px 10px;
}

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

.mfp_win div.clearfix div.right, .mfp_win div.clearfix .left {
  float: none;
  text-align: center;
}

.mfp_win div.w500 {
  width: 100%;
}

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