@charset "utf-8";

/* ######################################################################################
clearfix
###################################################################################### */

.historyBoxA01 li a:after,
.ticketBoxA01:after,
.ticketBoxA01Inr:after {
  content: "*";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.historyBoxA01 li a,
.ticketBoxA01,
.ticketBoxA01Inr {
  min-height: 1px;
}
*html .historyBoxA01 li a,
*html .ticketBoxA01,
*html .ticketBoxA01Inr {
  height: 1px;
}

/* ######################################################################################
icnBoxA01
###################################################################################### */

.icnBoxA01 {
  position: relative;
}
.icnBoxA01 .icnBoxTtl01 {
  font-size: 13px;
}
.icnBoxA01 .icnBoxTtl01 a {
  float: right;
  margin: -4px 0 0;
}
.icnBoxA01 ul {
  margin: 0 0 0 -15px;
}
.icnBoxA01 li {
  float: left;
  margin: 10px 0 0 15px;
}
.icnBoxPopupA01 {
  display: none;
  position: absolute;
  right: -15px;
  width: 320px;
  top: 20px;
  z-index: 10;
  height: auto !important;
}
.icnBoxPopupA01 .icnBoxPopupInr {
  border: 3px solid #004091;
  background-color: #f0f4f7;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f0f4f7));
  background-image: -webkit-linear-gradient(top, #ffffff, #f0f4f7);
  background-image: linear-gradient(top, #ffffff, #f0f4f7);
}
.icnBoxPopupA01 .icnBoxPopupArw {
  text-align: right;
}
.icnBoxPopupA01 .icnBoxPopupArw img {
  display: block;
  margin: 0 40px 0 auto;
}
.icnBoxPopupA01 dl,
.icnBoxPopupA01 dt {
  display: block;
}
.icnBoxPopupA01 dl {
  margin: 15px;
}
.icnBoxPopupA01 dt {
  padding: 2px 0 2px 20px;
  font-weight: bold;
}
.icnBoxPopupA01 dd {
  padding: 0 0 0 20px;
  display: block;
  font-size: 11px;
}

/*<%--2015/05/26 #1601_新規追加プログラム対応 START ADD--%>*/

.icnBoxPopupA01 .icnBoxItemA00 dt {
  color: #009483;
  background: url(../img/store_ico_002a.png) no-repeat 0 0;
}

.icnBoxPopupA01 .icnBoxItemA01 dt,
.icnBoxPopupA01 .icnBoxItemAP dt {
  color: #DC2697;
  background: url(../img/store_ico_Pa.png) no-repeat 0 0;
}
.icnBoxPopupA01 .icnBoxItemA02 dt,
.icnBoxPopupA01 .icnBoxItemAE dt {
  color: #009483;
  background: url(../img/store_ico_Ea.png) no-repeat 0 0;
}
.icnBoxPopupA01 .icnBoxItemA03 dt {
  color: #ff8041;
  background: url(../img/store_ico_003a.png) no-repeat 0 0;
}
.icnBoxPopupA01 .icnBoxItemA04 dt {
  color: #00a3e0;
  background: url(../img/store_ico_004a.png) no-repeat 0 0;
}
.icnBoxPopupA01 .icnBoxItemA05 dt {
  color:#700016;
  background: url(../img/store_ico_005a.png) no-repeat 0 0;
}
.icnBoxPopupA01 .icnBoxItemA06 dt {
  color: #700016;
  background: url(../img/store_ico_006a.png) no-repeat 0 0;
}
.icnBoxPopupA01 .icnBoxItemAT dt {
  color: #f0831e;
  background: url(../img/store_ico_Ta.png) no-repeat 0 0;
}
.icnBoxPopupA01 .icnBoxItemAA dt {
  color: #003087;
  background: url(../img/store_ico_Aa.png) no-repeat 0 0;
}

.icnBoxPopupA01 h3 {
  display: block;
  background: #004091;
  padding: 5px 5px 8px;
  color: #FFF;
  font-size: 16px;
  text-align: left;
}
.icnBoxPopupA01 h3 a {
  float: right;
  width: 37px;
  display: block;
  padding: 4px;
  border: 1px solid #bfcddc;
  border-radius: 5px;
  box-shadow: inset 0px 0px 4px 0px #dee6f0;
  background: #FFF;
}
.icnBoxPopupA01 h3 span {
  display: block;
  padding-top: 0.8em;
}
@media screen and (max-width:767px) {
  .icnBoxA01 ul {
    margin: 0 0 0 -8px;
  }
  .icnBoxA01 li {
    float: left;
    margin: 10px 0 0 8px;
  }
  .icnBoxPopupA01 {
    width: auto;
    min-width: 280px;
    right: 0;
  }
}

/* ######################################################################################
icnBoxA02
###################################################################################### */

.icnBoxA02 {
  margin: 0;
}
.icnBoxA02 ul {
  margin: 0 0 0 -5px;
}
.icnBoxA02 li {
  float: left;
  margin: 0 0 10px 5px;
  width: 87px;
}
.icnBoxA02 li img {
  width: 100%;
}
.icnBoxA02 .right {
  margin: 0;
  position: relative;
}
.icnBoxA02 .icnBoxPopupA01 {
  top: 24px;
  z-index: 10;
  text-align: left;
}
.icnBoxA02 .icnBoxPopupA01 img {
  max-width: 100%;
}
@media screen and (max-width:767px) {
  .icnBoxA02 {
    padding: 10px;
  }
  .icnBoxA02 ul {
    margin: 0 0 10px -8px;
  }
  .icnBoxA02 li {
    float: left;
    margin: 10px 0 0 8px;
  }
}

/* ######################################################################################
storeBoxA01
###################################################################################### */

.storeBoxA01 {
  margin: 20px 0 0;
}
.storeBoxA01 img {
  max-width: 100%;
}
.storeBoxA01 .storeBoxLeft {
  float: left;
  width: 540px;
  position: relative;
}
.storeBoxA01 .storeBoxLeft img {
  max-width: 100%;
}
.storeBoxA01 .storeBoxRight {
  float: right;
  width: 400px;
}
.storeBoxA01 .storeBoxRight .right.mb15{
  position: relative;
}
.storeBoxA01 .storeBoxInrRight {
  margin-top: 20px;
}
.storeBoxA01 .icnBoxA01 ul {
  margin: 5px 0 0;
}
.storeBoxA01 .icnBoxA01 li {
  float: left;
}
.storeBoxA01 .icnBoxA01 li {
  margin: 0;
  padding-top: 5px;
  padding-right: 5px;
  width: 33.3%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.storeBoxA01 .storeBoxSP {
  display: none;
}
@media screen and (max-width:1023px) {
  .storeBoxA01 .storeBoxLeft {
    width: 400px;
  }
  .storeBoxA01 .storeBoxRight {
    width: 305px;
  }
}
@media screen and (max-width:767px) {
  .storeBoxA01 {
    margin: 0 0 20px;
  }
  .storeBoxA01 .storeBoxLeft,
  .storeBoxA01 .storeBoxRight {
    width: auto;
    float: none;
  }
  .storeBoxA01 .storeBoxLeft {
    display: none;
  }
  .storeBoxA01 .btnBoxA01 {
    padding: 0;
    border: none;
    margin: 20px -10px 0;
  }
  .storeBoxA01 .btnBoxA01 h2 {
    border-top: 1px solid #bfcddc;
    background: none;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ecf3fa), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ecf3fa, #ffffff);
    background-image: linear-gradient(top, #ecf3fa, #ffffff);
  }
  .storeBoxA01 .btnBoxA01 h2 span {
    padding: 15px 10px 15px 30px;
    font-size: 14px;
    background: url(/shared/img/cmn_ttl_004.gif) no-repeat 10px center;
  }
  .storeBoxA01 .btnBoxA01 li a {
    margin: 0;
    border-radius: 0px;
  }
  .storeBoxA01 .storeBoxSP {
    display: block;
  }
  .storeBoxA01 .storeBoxSP h2 {
    border-bottom: 1px solid #bfcddc;
    background-color: #ffffff;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ecf3fa), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #ecf3fa, #ffffff);
    background-image: linear-gradient(top, #ecf3fa, #ffffff);
    margin: 0 -10px;
  }
  .storeBoxA01 .storeBoxSP h2 span {
    display: block;
    padding: 15px 10px 15px 35px;
    font-size: 14px;
    background: url(../img/store_ico_navy_001@2x.png) no-repeat 10px center;
    background-size: 17px;
  }
}

/* ######################################################################################
storeBoxA02
###################################################################################### */

.storeBoxA02 {
  margin: 20px 0 0;
}
.storeBoxA02 .storeBoxLeft {
  float: left;
  width: 540px;
  position: relative;
}
.storeBoxA02 .storeBoxLeft02 {
  float: left;
  width: 540px;
}
.storeBoxA02 .storeBoxRight {
  float: right;
  width: 400px;
}
.storeBoxA02 .storeBoxInrRight {
  margin-top: 20px;
}
.storeBoxA02 .icnBoxA01 ul {
  margin: 5px 0 0;
}
.storeBoxA02 .icnBoxA01 li {
  margin: 0;
  padding-top: 5px;
  padding-right: 5px;
  width: 20%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
@media screen and (max-width:1023px) {
  .storeBoxA02 .storeBoxLeft {
    float: none;
    width: auto;
  }
  .storeBoxA02 .storeBoxLeft02 {
    float: none;
    width: auto;
  }
  .storeBoxA02 .storeBoxRight {
    float: none;
    width: auto;
  }
}
@media screen and (max-width:767px) {
  .storeBoxA02 .icnBoxA01 li {
    width: 33.3%;
  }
  .storeBoxA02 {
    margin: 0 -10px;
  }
  .storeBoxA02 .storeBoxLeft {
    margin: 0;
  }
  .storeBoxA02 .disnon {
    display: none;
  }
  .storeBoxA02 .storeBoxLeft02 {
    margin: 0 10px;
    display: block;
  }
}

/* ######################################################################################
storeTabA01
###################################################################################### */

.storeMapA01 {}
@media screen and (max-width:767px) {
  .storeMapA01 {
    margin: -20px -10px 0;
  }
}

/* ######################################################################################
storeTabA01
###################################################################################### */

.storeTabA01 {
  clear: both;
  margin: 30px 0 0 -13px;
}
.storeTabA01 li {
  display: block;
  float: left;
  width: 230px;
  margin: 0 0 0 13px;
}
.storeTabA01 li a {
  display: block;
  padding: 12px 10px 10px;
  margin-top: 10px;
  text-decoration: none;
  border: 1px solid #cad6e2;
  border-bottom: none;
  text-align: center;
  font-size: 18px;
  border-radius: 10px 10px 0px 0px;
  background-color: #f5faff;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f5faff));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5faff);
  background-image: linear-gradient(top, #ffffff, #f5faff);
}
.storeTabA01 li a strong {
  display: inline-block;
/*  padding-left: 25px;*/
  padding-left: 45px;
  font-weight: normal;
}
.storeTabA01 li a strong span {
  font-size: 22px;
}
.storeTabA01 li.storeTab01 a strong {
  background: url(/store/shared/img/store_01_ico_navy.png) no-repeat 0 0;
  background-size: contain;
}
.storeTabA01 li.storeTab02 a strong {
  background: url(/store/shared/img/store_02_ico_navy.png) no-repeat 0 0;
  background-size: contain;
}
.storeTabA01 li.storeTab03 a strong {
  background: url(/store/shared/img/store_03_ico_navy.png) no-repeat 0 0;
  background-size: contain;
}
.storeTabA01 li.storeTab04 a strong {
  background: url(/store/shared/img/store_04_ico_navy.png) no-repeat 0 0;
  background-size: contain;
}
.storeTabA01 .active a {
  color: #FFF;
  background: #004091;
  padding: 22px 10px 10px;
  margin-top: 0;
  border-radius: 10px 10px 0px 0px;
}
.storeTabA01 li.storeTab01.active a strong {
/*  background: url(../img/store_ico_white_002.png) no-repeat 0 0;*/
  background: url(/store/shared/img/store_01_ico_white.png) no-repeat 0 0;
  background-size: contain;
}
.storeTabA01 li.storeTab02.active a strong {
  background: url(/store/shared/img/store_02_ico_white.png) no-repeat 0 0;
  background-size: contain;
}
.storeTabA01 li.storeTab03.active a strong {
  background: url(/store/shared/img/store_03_ico_white.png) no-repeat 0 0;
  background-size: contain;
}
.storeTabA01 li.storeTab04.active a strong {
  background: url(/store/shared/img/store_04_ico_white.png) no-repeat 0 0;
  background-size: contain;
}
@media screen and (max-width:1023px) {
  .storeTabA01 {
    margin: 30px 0 0 -13px;
  }
  .storeTabA01 li {
    display: block;
    float: left;
    width: 170px;
    margin: 0 0 0 13px;
  }
  .storeTabA01 li a {
    font-size: 14px;
  }
  .storeTabA01 li a strong span {
    font-size: 14px;
  }
}
@media screen and (max-width:767px) {
  .storeTabA01 {
    display: none;
  }
}

/* ######################################################################################
storeTabA01
###################################################################################### */

.storeTabBoxA01 {
  border: 1px solid #cad6e2;
}
.storeTabBoxA01 .storeTabBoxInr {
  padding: 20px;
}
.storeTabBoxA01 .storeTabBoxInr select {
  min-height: 42px;
  width: 100%!important;
}
.storeTabBoxA01 .storeTabBoxInr .customSelectInner {
  width: auto!important;
}
.storeTabBoxA01 .storeTabBoxLeft {
  float: left;
  width: 420px;
}
.storeTabBoxA01 .storeTabBoxRight {
  float: right;
  width: 420px;
  border-left: 2px solid #f3f6f9;
  padding-left: 40px;
}
.storeTabBoxA01 h2 {
  font-weight: bold;
  font-size: 16px;
}
@media screen and (max-width:1023px) {
  .storeTabBoxA01 .storeTabBoxLeft {
    float: none;
  }
  .storeTabBoxA01 .storeTabBoxRight {
    float: none;
    margin: 20px 0 0;
    padding: 0;
    border: none;
  }
}
@media screen and (max-width:767px) {
  .storeTabBoxA01 {
    border: none;
  }
  .storeTabBoxA01 .storeTabBoxInr {
    padding: 20px 0;
  }
  .storeTabBoxA01 .storeTabBoxLeft {
    width: 100%;
    float: none;
  }
  .storeTabBoxA01 .storeTabBoxRight {
    width: 100%;
    margin: 20px 0 0;
    float: none;
  }
  .storeTabBoxA01 .storeTabBoxRight select {
    width: 260px;
  }
}

/* ######################################################################################
storeChkA01
###################################################################################### */

.storeChkA01 {
  clear: both;
  margin: 0;
}
.storeChkA01 .storeChkLeft {
  float: left;
  width: 330px;
}
.storeChkA01 .storeChkRight {
  float: left;
  width: 80px;
  margin-left: 10px;
}
.storeChkA01 .storeChkRight input {
  margin: 0;
}
.storeChkA01 .storeChkLeft02 {
  float: left;
  width: 170px;
}
.storeChkA01 .storeChkRight02 {
  float: left;
  width: 240px;
  margin-left: 10px;
}
.storeChkA01 .storeChkLeft02 select,
.storeChkA01 .storeChkRight02 select {
  width: 100%;
}
.storeChkA01 .storeChkLeft,
.storeChkA01 .storeChkLeft02,
.storeChkA01 .storeChkRight,
.storeChkA01 .storeChkRight02,
.storeChkA01 .storeChkRight03 {
  margin-top: 10px;
  position: relative;
}
.storeChkA01 .storeChkRight03 {
  float: left;
  width: 320px;
  margin-left: 10px;
}
@media screen and (max-width:1023px) {
  .storeChkA01 .storeChkRight03 {
    margin-left: 0px;
  }
}
@media screen and (max-width:767px) {
  .storeChkA01 .storeChkLeft,
  .storeChkA01 .storeChkRight,
  .storeChkA01 .storeChkLeft02,
  .storeChkA01 .storeChkRight02,
  .storeChkA01 .storeChkRight03 {
    float: none;
    width: auto;
  }
  .storeChkA01 .storeChkLeft,
  .storeChkA01 .storeChkLeft02,
  .storeChkA01 .storeChkRight,
  .storeChkA01 .storeChkRight02,
  .storeChkA01 .storeChkRight03 {
    margin: 15px 0 0;
  }
}

/* ######################################################################################
mapBlock
###################################################################################### */

div#mapBlock {
  width: 540px;
  height: 370px;
  overflow: hidden;
}
div#mapBlock #map1,
div#mapBlock #map2,
div#mapBlock #map3,
div#mapBlock #map4,
div#mapBlock #map5,
div#mapBlock #map6,
div#mapBlock #map7,
div#mapBlock #map8,
div#mapBlock #map9 {}
@media screen and (max-width:1023px) {
  div#mapBlock {
    width: 400px;
    height: 274px;
  }
}

/* ######################################################################################
storeListA01
###################################################################################### */

.storeListA01 {
  margin: 0;
}
.storeListA01 .storeListTtl01 {
  background: #3b76c2;
  padding: 12px 10px 10px;
  clear: both;
}
.storeListA01 .storeListTtl01 h2 {
  color: #FFF;
  float: left;
  font-size: 24px;
}
.storeListA01 .storeListTtl01 p {
  margin: 0;
  float: right;
  color: #FFF;
  font-size: 13px;
}
.storeListA01 .storeListTtl01 p span {
  font-size: 18px;
}
.storeListA01 .storeListInr {
  clear: both;
  border: 1px solid #bbcedc;
  border-top: none;
  overflow: auto;
  height: 600px;
}
.storeListA01 .storeListInrA01 {
  border-top: 1px solid #bbcedc;
  padding: 15px;
  font-size: 13px;
}
.storeListA01 .storeListInrA01.active {
  background: #ecf6ff;
}
.storeListA01 .storeListInrA01 .textS,
.storeListA01 .storeListInrA01 .tel {
  display: none;
}
.storeListA01 .storeListInrA01.active .textS,
.storeListA01 .storeListInrA01.active .tel {
  display: block;
}
.storeListA01 .storeListInrA01 p {
  margin: 5px 0 0;
}
.storeListA01 .storeListInrIca01 {
  float: right;
  width: 120px; /*2016.11 変更*/
  padding: 0 0 1px 1px;
}
.storeListA01 .storeListInrIca01 li {
  float: left;
  line-height: 100%;
  margin: 0 0 0 5px;
}
@media screen and (max-width:1023px) {
  .storeListA01 .storeListInr {
    clear: both;
    border: 1px solid #bbcedc;
    border-top: none;
    overflow: auto;
    height: 320px;
  }
  .storeListA01 .storeListInrA01.active {
    background: #FFF;
  }
}
@media screen and (max-width:767px) {
  .storeListA01 .storeListInr {
    margin: 0;
    height: auto;
    overflow: visible;
    border-left: none;
    border-right: none;
  }
  .storeListA01 .storeListTtl01 {
    background: none;
    padding: 12px 10px 10px;
  }
  .storeListA01 .storeListTtl01 h2 {
    display: none;
  }
  .storeListA01 .storeListTtl01 p {
    margin: 0;
    float: none;
    color: #333;
    font-size: 13px;
  }
  .storeListA01 .storeListInrA01.active {
    background: #FFF;
  }
  .storeListA01 .storeListInrA01 .tel {
    display: block;
  }
}

/* ######################################################################################
.storeListPoint01
###################################################################################### */


/*.storeListPoint01{
position:absolute;
top:40%;
left:40%;
background:#FFF;
width:180px;
padding:10px;
border:1px solid #c6d7e2;}
.storeListPoint01 a{
display:block;
background-position:0 2px;
line-height:1.5;}
.storeListPoint01 p{
margin:5px 0 0;}
.storeListPoint01 ul{
display:block;
margin:0 0 0 -5px;}
.storeListPoint01 li{
display:block;
float:left;
margin:5px 0 0 5px;}

.storeListPoint01 .storeListPointClose{
float:right;}
.storeListPoint01 .storeListPointClose a{
display:block;
background:url(/shared/img/cmn_ico_clear.png) no-repeat 0 0;
width:15px;
height:15px;
overflow:hidden;
text-indent:500px;}

@media screen and (max-width:767px){
.storeListPoint01{
display:none;}
}*/


/* ######################################################################################
historyBoxA01
###################################################################################### */

.historyBoxA01 {
  padding: 15px;
  border: 1px solid #c6d7e2;
  margin-bottom: 20px;
}
.historyBoxA01 h2 span {
  display: block;
  background: url(/shared/img/cmn_ttl_004.gif) no-repeat 10px 2px;
  padding: 0 0 0 30px;
  color: #004091;
  font-size: 22px;
}
.historyBoxA01 li a {
  display: block;
  padding: 15px 10px;
  margin: 10px 0 0;
  border-radius: 5px;
  background-color: #efefef;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#efefef));
  background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
  background-image: linear-gradient(top, #ffffff, #efefef);
  background-clip: padding-box;
  box-shadow: rgba(204, 204, 204, 0.65098) 0px 0px 5px 0px inset;
  -webkit-box-shadow: rgba(204, 204, 204, 0.65098) 0px 0px 5px 0px inset;
  -moz-box-shadow: rgba(204, 204, 204, 0.65098) 0px 0px 5px 0px inset;
  border: 1px solid #dddddd;
  font-weight: bold\9;
}
.historyBoxA01 li .btnBoxIca {
  float: right;
  width: 60px;
  margin-left: 10px;
  display: block;
}
.historyBoxA01 li .btnBoxIca img {
  display: block;
  float: left;
  margin: 2px 0 2px 5px;
}
.historyBoxA01 li .btnBoxTxt {
  overflow: hidden;
  display: block;
  margin: 2px 0 2px;
}
.noneHistory {
  padding: 70px 0;
  background-color: #f0f4f7;
  text-align: center;
}
@media screen and (max-width:767px) {
  .historyBoxA01 {
    margin-top: 20px;
  }
  .noneHistory {
    padding: 20px 0;
  }
}

/* ######################################################################################
ticketBoxA01
###################################################################################### */

.ticketBoxA01 {
  background: #fff;
  border: 1px solid #a4a4a4;
  padding: 4px;
}
.ticketBoxA01Inr {
  position: relative;
  background: url(/store/shared/img/ticket_bg_001.gif) repeat left top;
}
.ticketBoxLeft {
  position: absolute;
  top: 80px;
  left: 0;
  width: 200px;
  margin: 0 0 -37px 25px;
}
.ticketBoxRight {
  float: right;
  width: 438px;
  margin: -20px 25px 0 0;
}
.ticketDetail {
  background: #fff;
  border: 2px solid #eee8c7;
  padding: 5px 12px;
  border-radius: 10px;
}
.ticketDetail dl {
  display: table-row;
}
.ticketDetail dl dt {
  display: table-cell;
  width: 140px;
  font-size: 11px;
  padding: 2px 10px 2px 2px;
}
.ticketDetail dl dd {
  display: table-cell;
  color: #0c2d83;
  font-weight: bold;
  padding: 2px 2px 2px 10px;
}
.ticketBoxFooter {
  margin-top: 6px;
}
@media screen and (max-width:767px) {
  .ticketBoxA01 {
    margin-top: 30px;
  }
  .ticketBoxA01Inr {
    min-width: 0;
    width: 100%;
  }
  .ticketBoxLeft {
    position: static;
    width: 100%;
    text-align: center;
    margin: 20px 0 20px;
    padding: 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .ticketBoxRight {
    float: none;
    width: 100%;
    margin: 0 0 20px;
  }
  .ticketDetail {
    margin: 0 20px;
    padding: 5px;
  }
  .ticketDetail dl {
    display: block;
  }
  .ticketDetail dl dt,
  .ticketDetail dl dd {
    display: block;
  }
  .ticketDetail dl dt {
    width: auto;
  }
}

/* ######################################################################################
ftPrintBtn
###################################################################################### */

.linkBtnC01.PrintBtn {
  display: block;
  width: 168px;
  margin-left: 20px;
  padding: 30px 10px 29px!important;
  font-size: 16px;
}
@media screen and (max-width:1023px) {
  .linkBtnC01.PrintBtn {
    margin: 0 auto;
  }
}

/* ######################################################################################
printBox
###################################################################################### */

.printBox {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}

/* ######################################################################################
fot Print
###################################################################################### */

@media print {
  .tableBoxA02 table {
    border-collapse: collapse;
    border-bottom: 0;
  }
  .tableBoxA02 th,
  .tableBoxA02 td {
    border: 1px solid #c6d7e2;
    background-image: none;
  }
}

/* ######################################################################################
おまかせプランエリア
###################################################################################### */

.bgBoxB01.omakase {
  background: #f4fafb;
}
.bgBoxB01.omakase .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_omakase.gif) no-repeat 0 0;
}

/* ######################################################################################
アキュビュー® オンラインストアエリア
###################################################################################### */

.bgBoxB01.aos {
  background: #e5f5f3;
}
.bgBoxB01.aos .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_green.gif) no-repeat 0 0;
  background-size: 7px 100%;
}
.bgBoxB01.aos .boldColor p {
  color: #009483;
  font-weight: bold;
  margin-left: 10px;
  text-indent: -1em;
}

/* ######################################################################################
アキュビュー® パートナーショップ
###################################################################################### */

.bgBoxB01.partnershop {
  background: #f7eff4;
}
.bgBoxB01.partnershop .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_pink.gif) no-repeat 0 0;
  background-size: 7px 100%;
}
.bgBoxB01.partnershop .boldColor p {
  color: #dc2697;
  font-weight: bold;
  margin-left: 10px;
  text-indent: -1em;
}

/* ######################################################################################
Myアキュビュー® お店でポイント登録店
###################################################################################### */

.bgBoxB01.myacuvue {
  background: #f2f9ff;
}
.bgBoxB01.myacuvue .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_navy.gif) no-repeat 0 0;
  background-size: 7px 100%;
}


/* ######################################################################################
Myアキュビュー®　＋
###################################################################################### */

.bgBoxB01.maplus {
  background: #f2f9ff;
}
.bgBoxB01.maplus .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_navy.gif) no-repeat 0 0;
  background-size: 7px 100%;
}
.bgBoxB01.maplus .bgBoxInr01 .bgBoxInrArea h3,
.bgBoxB01.maplus .bgBoxInr01 .bgBoxInrRight{margin-left:0}


/* ######################################################################################
定期便
###################################################################################### */

.bgBoxB01.teikibin {
  background: #ffeec9;
}
.bgBoxB01.teikibin .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_khaki.gif) no-repeat 0 0;
  background-size: 7px 100%;
}
.bgBoxB01.teikibin .bgBoxInr01 .bgBoxInrArea h3,
.bgBoxB01.teikibin .bgBoxInr01 .bgBoxInrRight{margin-left:0}




.bgBoxB01.detailstyle .bgBoxInr01 {
  position: relative;
}
.bgBoxB01 .bgBoxInr01 .bgBoxInrArea {
  position: relative;
}
.bgBoxB01 .bgBoxInr01 .bgBoxInrArea h3 {
  margin-left: 230px;
}
.bgBoxB01 .bgBoxInr01 .bgBoxInrArea img {
  float: left;
  width: 210px;
}
.bgBoxB01.detailstyle .bgBoxInr01 .bgBoxInrRight {
  float: left;
  width: 700px;
  padding-bottom: 80px;
}
.bgBoxB01.detailstyle .bgBoxInr01 #bnrCmp {
  margin-left: 210px;
}
@media screen and (max-width:1023px) {
  .bgBoxB01.detailstyle .bgBoxInr01 .bgBoxInrRight {
    width: 430px;
    padding-bottom: 100px;
  }
  .bgBoxB01.detailstyle .bgBoxInr01 #bnrCmp {
    margin-left: 0px;
  }
}
@media screen and (max-width:767px) {
  .bgBoxB01.detailstyle .bgBoxInr01 .bgBoxInrRight {
    width: 100%;
    padding-bottom: 0px;
  }
}
.bgBoxB01 .bgBoxInr01 .shousaiLinkBtn a {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.bgBoxB01 .bgBoxInr01 .shousaiLinkBtn a span {
  padding-right: 40px;
  padding-left: 40px;
}
.bgBoxB01.detailstyle .bgWhite {
  background: #ffffff;
  padding: 10px;
  margin: 10px 0;
}
.bgBoxB01.detailstyle .bgWhite p {
  margin-bottom: 1em;
}
@media screen and (max-width:767px) {
  .bgBoxB01 .bgBoxInr01 .bgBoxInrArea {
    text-align: center;
  }
  .bgBoxB01 .bgBoxInr01 .bgBoxInrArea h3 {
    margin-left: 0px;
    text-align: left;
  }
  .bgBoxB01 .bgBoxInr01 .bgBoxInrArea img {
    float: none;
    width: 420px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .bgBoxB01 .bgBoxInr01 .bgBoxInrArea p {
    text-align: left;
  }
  .bgBoxB01 .bgBoxInr01 .shousaiLinkBtn {
    text-align: center;
  }
  .bgBoxB01 .bgBoxInr01 .shousaiLinkBtn a {
    position: relative;
    bottom: 0px;
    right: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
}


/*****************************************
AOS対応
******************************************/

.linkIcaA01 {
  background: url(/shared/img/cmn_arw_navy_right.png) no-repeat left 20% !important;
}
.checkBoxA01 .checkBoxInrA02 .checkBoxInrItem01 p {
  min-height: 60px !important;
}
.checkBoxA01 .checkBoxInrA02 .checkBoxInrItem01 a {
  height: 23px !important;
}

@media screen and (max-width:1023px) {
.checkBoxA01 .checkBoxInrA02 .checkBoxInrItem01 p {
  min-height: 0px !important;
}
}

/*****************************************
フラッグシップ対応
******************************************/

#fs01Box {
  clear: both;
  /*border:1px solid #c6d7e2;*/
  margin: 20px 0 0;
  /*padding:15px;*/
}
.bgBoxB01.flagship {
  background: #e7e7e7;
}
.bgBoxB01.flagship .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_navy.gif) no-repeat 0 0;
  background-size: 7px 100%;
}
.bgBoxB01.flagship .boldColor {
  margin-top: 30px;
}
.bgBoxB01.flagship .boldColor p {
  color: #003087;
  font-weight: bold;
}

/*****************************************
Additional PC/SP (2/1/2016)
******************************************/

.partnerShopArea {
	margin-top: 20px;
	padding: 15px 15px;
	background-color: #ffeff9;
}
.partnerShopArea h2 {
  color: #cc0099;
  font-weight: bold;
}
.partnerShopArea h2 span {
  position: relative;
  top: 2px;
}
.partnerShopArea p span {
  display: block;
}
.fz11 {
  font-size: 11px;
}
.bgBoxA02.noSP .icnBoxA01 {
  display: block;
}
.trBg {
  background-color: #ffeef8;
}
.h27 {
  height: 27px;
}
.storeListA01 .storeListInrA01.actv {
  background-color: #ffeef8;
}
.storeListA01 .storeListInrA01:hover {
  background-color: #ecf6ff;
}
#iconDesc {
  position: relative;
}
.clBoth {
  clear: both;
}
  .accordionBoxA01 input[type="checkbox"] {opacity:0;}

@media screen and (max-width:1023px) {
  .partnerShopArea p span {
    display: inline;
  }
  .partnerShopArea p span.fz11 {
    display: block;
  }
  #legendArea {
    display: none;
  }
  #iconDesc {
    float: left;
    margin-left: 20px;
  }
  .icnBoxPopupA01 h3 img {
    width: 37px;
  }
  #storeBox {
    margin: 0;
  }
}
@media screen and (max-width:767px) {

	.column2BoxA01.replacement {display:table; width:100%;}
	.column2BoxA01.replacement .column2BoxLeft{
		display: table-footer-group;
	}
	.column2BoxA01.replacement .column2BoxRight{
		display: table-header-group;
	}

  .storeTabA01 {
    display: block;
    margin: 0px -10px 0;
  }
  .storeTabA01 li {
    margin: 0;
  }
  .storeTabA01 li:first-child {
    width: 31.33%;
  }
  .storeTabA01 li:nth-child(2) {
    width: 31.33%;
  }
  .storeTabA01 li:nth-child(3) {
    width: 37.33%;
  }
  .storeTabA01 .storeTab04 {
    display: none;
  }
  .storeTabA01 li a {
    margin-top: 0;
    padding: 20px 10px;
    border-radius: 0;
    border-bottom: 1px solid #cad6e2;
    background-color: #dee8f4;
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dee8f4));
    background-image: -webkit-linear-gradient(top, #ffffff, #dee8f4);
    background-image: linear-gradient(top, #ffffff, #dee8f4);
    font-weight: bold;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
  }
  .storeTabA01 li a strong {
    padding-left: 35px;
  }
  .storeTabA01 li a strong span {
    font-size: 14px;
  }
  .storeTabA01 li.storeTab01.active a strong {
/*    background: url(../img/store_ico_navy_002.png) no-repeat 0 0;*/
    background: url(/store/shared/img/store_01_ico_navy.png) no-repeat 0 0;
    background-size: contain;
  }
  .storeTabA01 li.storeTab02.active a strong {
/*    background: url(../img/store_ico_navy_003.png) no-repeat 0 0;*/
    background: url(/store/shared/img/store_02_ico_navy.png) no-repeat 0 0;
    background-size: contain;
  }
  .storeTabA01 li.storeTab03.active a strong {
/*    background: url(../img/store_ico_navy_004.png) no-repeat 0 0;*/
    background: url(/store/shared/img/store_03_ico_navy.png) no-repeat 0 0;
    background-size: contain;
  }
  .storeTabA01 .active a {
    padding: 20px 10px;
    background-color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    color: #333;
  }
  .storeBoxSP.noSP {
    display: none;
  }
  .storeBoxRight .bgBoxA01 {
    margin: 0 -10px;
    position: relative;
  }
  .storeBoxA01 {
    margin: 0;
  }
  .storeBoxA01.onlySP h2{
    border-top: 1px solid #bfcddc;
  }
  .checkBoxA01 .checkBoxInrA02 {margin: 15px 0px 0;}
  .checkBoxA01 .checkBoxLeftA01,
  .checkBoxA01 .checkBoxRightA01 {margin: 0;}
  .checkBoxA01 .checkBoxRightA01 {margin-bottom: 15px;}

  .partnerShopArea,
  .tableBoxA01 thead {
    display: none;
  }
  .tableBoxA01 {
    margin-top: 8px;
  }
  .tableBoxA01 tr {
    border-top: 1px solid #bbcedc;
  }
  .tableBoxA01 td {
    position: relative;
    vertical-align: top;
  }
  .tableBoxA01 td:first-child {
    width: 50%;
/*    padding-bottom: 35px;*/
  }
  .tableBoxA01 td .fRight {
    float: none;
    position: absolute;
    bottom: 10px;
    left: 10px;
  }
  .h27 {
    height: 20px;
  }
  #linkBtnC02 {
    float: right;
  }
  #storeCntArea {
    float: left;
  }
  #iconDesc {
    float: right;
  }
  .storeMapA01,
  .storeMapA02 {
    width: 80% !important;
    margin: 20px auto !important;
  }
}

/*****************************************
Refine (6/2016)
******************************************/

.checkBoxA01 .checkBoxInrA01 .checkboxNONE {
    background: url(/shared/img/cmn_ico_034.png) no-repeat 3px 0.45em}

.checkBoxA01 .checkBoxLeftA01 li > ul {margin-left:25px;}
@media screen and (max-width:767px) {
	.checkBoxA01 .checkBoxLeftA01 li > ul {margin-left:15px;}
}

.checkBoxA01 .checkBoxLeftA01 li > ul li {border:0;}
.checkBoxA01 .checkBoxLeftA01 li > ul li:last-child {
	margin-top: 0;
	padding-bottom: 0;}
.checkBoxA01 .checkBoxLeftA01 li > ul li:first-child:last-child {
	margin-top: 10px;}

.checkboxNew {color:red;display:inline-block;font-style:italic;float:right;}
.tableBoxA03 tr.trNoBorderBottom td {background: none;}
.tableBoxA03 tr.trChild td:first-child {padding-left:20px;padding-right:0px;}
.tableBoxA03 tr.trParent td,
.tableBoxA03 tr.trChild td {padding-bottom:10px !important;}
.tableBoxA03 tr.trChild.last td {padding-bottom:20px !important;}

@media screen and (min-width:768px) {
	span + span.checkboxNew {margin-right:5px;}
}
@media screen and (max-width:767px) {
	.checkBoxA01 .checkBoxInrA01 label span {margin-left:5px;}
}

/*****************************************
WAVE2 (7/2016)
******************************************/

#shopList_table tr div{float:right;}

.trBg td,
.trNoBg td { vertical-align:middle;}

#shopList_table tr.trBg div,
#shopList_table tr.trNoBg div {float:right; display: table;vertical-align:middle;}


.trBg span.iconArea,
.trNoBg span.iconArea {display: table-cell;vertical-align:middle; width:100px;}

.trBg span.iconArea img,
.trNoBg span.iconArea img  {margin-right: 20px;margin-bottom:1px;}

.trBg span.iconArea img,
.trNoBg span.iconArea img  {margin-right: 20px;margin-bottom:1px;}

#shopList_table tr.trBg td>div>span:last-child img,
#shopList_table tr.trNoBg td>div>span:last-child img {margin-right:0 !important;}

.trBg span.storePhotoA01.list {
	width: 80px;
	display: table-cell;}

.trNoBg span.storePhotoA01.list {
	width: 80px;
	display: inline-block;}
.trNoBg span.iconArea+span.storePhotoA01.list {
	width: 80px;
	display: table-cell;}

.trBg .storePhotoA01.list img,
.trNoBg .storePhotoA01.list img {width: 80px;}

.trBg td:first-child > span,
.trNoBg td:first-child > span {width: 235px; float:left; min-height: 46px;}

span[id*="lblAddress"] {display:inline;}
span[id*="lblBuilding"] {display:inline;}


.storePhotoA01.detail {width: 360px; padding: 0 55px 20px;}
.storePhotoA01.detail img {width: 100%;}

.qrBoxLeft {
	text-align: center;
	padding-top: 0!important;}
.qrBoxLeft .linkBtnC01 {
	float: none !important;}

@media screen and (min-width:1024px) {
.partner .column2BoxRight div.noSP {
	margin-left: -490px;}

#shopList_table tr.trBg div,
#shopList_table tr.trNoBg div {float:right; width:203px;}
.trNoBg span.iconArea+span.storePhotoA01.list {
	display: table-cell !important;}

}

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

.trBg td:first-child > span,
.trNoBg td:first-child > span {width: 148px;}
.trBg div,
.trNoBg div {width:160px;}
.trBg span.iconArea,
.trNoBg span.iconArea {text-align: right;}
#shopList_table tr span.iconArea img {width:90px; height: auto;}
.trBg span.iconArea img,
.trNoBg span.iconArea img {margin-right: 10px;}
.trBg span.storePhotoA01.list,
.trNoBg span.storePhotoA01.list {
	width: 60px;}

/*.storePhotoA01.list {
	float: left;
	padding: 0 20px 0 0;
	width: 300px;}
.storePhotoA01.list + .tableBoxA02 {
	float: left;
	width: 400px;}*/
.storePhotoA01.detail {width: 480px; height:auto; padding: 0 120px 20px;}

}
@media screen and (min-width:768px) {
.trBg .tdPhoto,
.trNoBg .tdPhoto {display: table;}
.trBg td:first-child > span,
.trNoBg td:first-child > span {display: table;}
.trBg td:first-child > span a,
.trNoBg td:first-child > span a {display: table-cell;height:100%; vertical-align:middle;}
.trBg td:first-child div,
.trNoBg td:first-child div {display: block; float: right; text-align: right;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
.trBg td:first-child > span,
.trNoBg td:first-child > span {width: 155px;}
.trBg .storePhotoA01.list img,
.trNoBg .storePhotoA01.list img {width: 60px;}
}

@media screen and (max-width:767px) {
#shopList_table tr div span.iconArea{}
#shopList_table tr div span.iconArea img{width:100px;height:auto;}

.tableBoxA01.list tr {display:block;overflow: hidden;}
.tableBoxA01.list td {display:block; float:none; width: 100%; box-sizing:border-box;}
.tableBoxA01.list td:first-child {border:0;}
.tableBoxA01.list td + td {border:0;}
.trBg,
.trNoBg {min-height: 110px;}

.trBg a.linkIcon,
.trNoBg a.linkIcon {clear:both; float:left; vertical-align:middle;}
.trBg div,
.trNoBg div {width:100px; margin-left:10px;margin-bottom: 10px; box-sizing:border-box;}

.trBg > td > span,
.trBg > td + td > span:first-child,
.trNoBg > td > span,
.trNoBg > td + td > span:first-child {width: 68% !important; display: block;}

.trBg span + br,
.trNoBg span + br {display: none;}

.trBg span.iconArea,
.trNoBg span.iconArea {display: inline-block; vertical-align:top;}
.trBg span.iconArea img,
.trNoBg span.iconArea img {width:100px; height: auto; margin: 0 5px 5px 0;}
.trBg span.storePhotoA01.list,
.trNoBg span.storePhotoA01.list {display: block !important; width: 100px;}
.trBg span.storePhotoA01.list img,
.trNoBg span.storePhotoA01.list img {width:100px;}

.storePhotoA01.detail {width: 100%; max-width: 320px; margin:0 auto; height:auto; padding: 0 0 20px;}

}

@media screen and (max-width:374px) {
.trBg > td > span,
.trBg > td + td > span:first-child,
.trNoBg > td > span,
.trNoBg > td + td > span:first-child {width: 60% !important;}
}

/* 画像拡大 */

tr.tr1Column td {overflow:hidden;}
tr.tr1Column .storePhotoB01 {display: block !important; width:35% !important; float:left;}
tr.tr1Column .storePhotoB01 img{max-width:95% !important;}
tr.tr1Column .storeName,
tr.tr1Column .storeMessageB01,
tr.tr1Column .iconArea {display: block !important;width:65% !important; float:right;}
tr.tr1Column .storeName {}
tr.tr1Column .storeMessageB01 span{display:block;}
tr.tr1Column .storeMessageB01 span:first-child{font-weight:bold;}
tr.tr1Column .storeMessageB01 span:first-child:before{display:inline;content:"“";}
tr.tr1Column .storeMessageB01 span:first-child:after{display:inline;content:"”";}
tr.tr1Column .storeMessageB01 span:last-child{margin:0 1em;}
tr.tr1Column .iconArea {margin-top:1em;}
tr.tr1Column .iconArea img {display: inline-block !important;}


@media screen and (min-width:768px) and (max-width:1023px) {
tr.tr1Column .storeName {margin-top:0 !important;}
tr.tr1Column .iconArea {text-align:left;}
}

@media screen and (max-width:767px) {
tr.tr1Column .storePhotoB01 {width:45% !important}
tr.tr1Column .storePhotoB01 img{margin-bottom:1em;}
tr.tr1Column .storeName {width:55% !important;}
tr.tr1Column .storeName {margin-top:0 !important;}
tr.tr1Column .iconArea {width:100% !important;text-align:right;margin-top:0;}
tr.tr1Column .storeMessageB01 {clear:both;float:none !important; width:100% !important;}
tr.tr1Column span.iconArea img {width:100px !important; margin-right:0 !important; height: auto;}
}

/* ######################################################################################
DFキャンペーン
###################################################################################### */

.bgBoxB01.campaign_DF {
  background: #f1cfd5;
}
.bgBoxB01.campaign_DF .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_pink.gif) no-repeat 0 0;
  background-size: 7px 100%;
  margin-left:0 !important;
}
.bgBoxB01.campaign_DF .boldColor {
  color: #700016;
  font-weight: bold;
  margin-left: 10px;
  text-indent: -1em;
}

/* ######################################################################################
汎用キャンペーン
###################################################################################### */

.bgBoxB01.campaign_SW {
  background: #ebfadc;
}
.bgBoxB01.campaign_SW .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_grass.gif) no-repeat 0 0;
  background-size: 7px 100%;
  margin-left:0 !important;
}
.bgBoxB01.campaign_SW .boldColor p {
  color: #699605;
  font-weight: bold;
  margin-left: 10px;
  text-indent: -1em;
}

/* ######################################################################################
割引キャンペーン
###################################################################################### */
.bgBoxB01.campaign_Discount {
  background: #ebfadc;
}
.bgBoxB01.campaign_Discount .h3TypeB01 {
  background: url(/store/shared/img/cmn_ico_h3_grass.gif) no-repeat 0 0;
  background-size: 7px 100%;
  margin-left:0 !important;
}
.bgBoxB01.campaign_Discount .boldColor p {
  color: #699605;
  font-weight: bold;
  margin-left: 10px;
  text-indent: -1em;
}
#cp01Box {margin:20px auto 0;}

@media screen and (max-width:1023px) {
	#cp01Box img:nth-child(6n),
	#cp01Box img:nth-child(6n-1),
	#cp01Box img:nth-child(6n-2) {margin-top: 5px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	#cp01Box {margin:20px auto 20px;}
}

@media screen and (max-width:767px) {
	#cp01Box {margin:0 -10px;}
}
/*****************************************
storePhoto (11/2016)
******************************************/


#storeBox .storeListInr div.storePhotoA01 {float:right;margin-right:0px;margin-top:20px;}
#storeBox .storeListInr div.storePhotoA01 + ul.storeListInrIca01 {margin-right:-118px;}

@media screen and (max-width:767px) {
#storeBox .storeListInr div.storePhotoA01 {margin:20px -2px 10px 10px;}
#storeBox .storeListInr div.storePhotoA01 + ul.storeListInrIca01 {margin-right:-128px;margin-top:0px;}
}
/*****************************************
ListMap (02/2017)
******************************************/

.storeMapA03 {width:100%;margin-top:20px;}
.storeMapA03>div {float:left;}
.storeMapA03 div.campaignBannerArea {width:470px;margin:0 0 20px 0;height:auto;}
.storeMapA03 div.partnerShopArea {width:440px;margin:0; /*height:450px;*/height:210px}
.storeMapA03 div.partnerShopArea span {display:block;margin-bottom: 10px;}
.storeMapA03 div.mapHolder {width:469px; margin-right:21px;}


.storeMapA03:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


.storeMapA03  .icnBoxPopupA01 .icnBoxPopupInr {float:left;}

.storeMessageA01 {
	font-size: 16px !important;
	padding: 18px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: auto;
	text-align: left;
	background: #fff;
	border: 1px solid #c5d7e5;
	z-index: 0;
}
.storeMessageA01 img {
	width: 284px;
	margin-bottom:1.3em;
}

.storeMessageA01 p {text-align: left; margin-top: 0px;word-break: break-all;}

.iconBoxArea.store-list {position:relative;}
.iconBoxArea .icnBoxPopupA01 {
	position:absolute;
	right:0px;
	top: 30px;
	z-index:5;}
.iconBoxArea .icnBoxPopupA01 h3 img {max-width:100%;}
.iconBoxArea.store-list {position:absolute;right:0;width:440px;z-index: 3;
	/*top:75px;*/
	top:310px;
	}
.iconBoxArea.store-list .linkBtnC02 {float:right;margin: 0 10px 10px 0;}
.iconBoxArea.store-list .icnBoxPopupArw {float:right;}
.iconBoxArea.store-list .icnBoxPopupA01 {width:470px;}

@media screen and (min-width:1024px) {
	.storeMapA03 div.mapHolder {height:480px;}
}

@media screen and (max-width:1023px) {
	.iconBoxArea.store-list {width:100%;}
	.campaignBannerArea a:last-child img {margin-top: 8px;}
}

@media screen and (min-width:768px) and (max-width:1023px) {
	.storeMapA03 {width:100%;}
	.storeMapA03 div.mapHolder {width:720px;}
	.storeMapA03 div {float:none;}
	.storeMapA03 div.mapHolder {width:100%;margin-top:20px;}
	.storeMapA03 div.partnerShopArea {width:auto;margin-top:20px;height:auto;overflow:hidden;}
	.storeMapA03 div.partnerShopArea span {display:inline;}
	.storeMapA03 .campaignBannerArea {margin-top:0;}
	.iconBoxArea.store-list .icnBoxPopupArw {float:none;}
	.iconBoxArea.store-list {position:absolute;right:0;width: 100%; z-index: 3;
		/*top:500px;*/
		top:620px;
		}
}
@media screen and (max-width:767px) {
	.storeMessageA01 {}
	.storeMessageA01 img {width: 257px; margin:0 auto 1em;display:block;}
	.storeMessageA01 p {font-size: 16px !important;}
	.storeMapA03 {width:auto;margin:0 -10px;overflow:visible;}
	.storeMapA03 .mapHolder {width:90% !important;}
	.storeMapA03 div{float:none;}
	.storeMapA03 .campaignBannerArea {width:auto;margin:0 auto 20px;height:auto}
	.iconBoxArea.store-list {position:relative;right:0;top:0;width:100%; z-index: 3;}
	.iconBoxArea.store-list .icnBoxPopupA01 {
	right:0;top:0;
    margin-top: 20px;
    width:280px;
	}
	.iconBoxArea.store-list .icnBoxPopupArw {float:none;}
}
.bgBoxStoreE01{
	clear: both;
	padding: 15px;
	margin: 0 0 30px;}
.contentsBodyInr {position:relative;}

/*****************************************
ListMap (01/2018)
******************************************/

.snsLineArea {
	margin:20px auto;}
.snsLineA01{
	background:transparent url(../img/line_add_bg.png) no-repeat 0 0;
	color:#fff;
}
.snsLineA01 h5{padding-left: 60px;font-size: 200%;}
.snsLineA01 p.qrcode{width:100%;height:161px;position:relative;}
.snsLineA01 p.qrcode img{display:block;right:45px;top:35px;width:90px;position:absolute;}

@media screen and (min-width:768px) and (max-width:1023px) {
.snsLineArea {overflow:hidden;}
.snsLineWrap {width:62%;float:left;}
.snsLineA01{background-size:contain;}
.snsLineA01SP{width:35%;float:right;text-align:center;}
.snsLineA01SP img{width:100%;height:auto;max-width:232px;margin-top:50px}
.snsLineA01 p.qrcode img{right:42px;top:30px;}
}

@media screen and (max-width:767px) {
.snsLineA01SP{width:232px !important;text-align:center;margin:0 auto;}
}
/*****************************************
neighborhood (05/2018)
******************************************/



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

}

@media screen and (max-width:767px) {
.neighborhoodArea {position:fixed;bottom:0;left:0;z-index:9;}

form[action*="detail.aspx"] + #footer +#footer02 .goTop {bottom:11% !important;}
}

/*****************************************
2018/06/25
******************************************/
/*.nobox.inputTextA01*/
.inputTextA01 {
    width: 100%;
    border: none;
    padding: 9px 0 7px;
    font-size: 16px;
    border-bottom: 2px solid #DDD;
    -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
    -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
    color: #333;
    text-indent: 5px;
}
/*.nobox.inputTextA01:focus*/
.inputTextA01:focus {
    border-bottom: 2px solid #003087;
}

span.linkBtnIcon06:after {
    background: none;
}

a span.linkBtnIcon06 {
    padding-left: 0;
    padding-right: 0!important;
}

.removeTextBox input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset!important;
}

.accordionTtlA01 a {
    padding-right: 40px;
/*    background: url(/shared/img/cmn_icon_open.gif) no-repeat right center;*/
   background: none;
  position: relative;
}

.accordionTtlA01.open a {
    padding-right: 40px;
/*    background: url(/shared/img/cmn_icon_close.gif) no-repeat right center;*/
  background: none;
  position: relative;
}

.accordionTtlA01 a:after {
    content: "＋";
    display: block;
    font-size: 16px;
    line-height: 1.2;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
    color: #003087;
}

.accordionTtlA01.open a:after {
      content: "－"
}

@media screen and (max-width: 767px) {
.accordionTtlA01 a:after,
.accordionTtlA01.open a:after{
    display: none;
  }
}

.checkBoxA01 .checkBoxInrA01 .checkboxOFF,
.checkBoxA01 .checkBoxInrA02 .checkboxOFF {
  background: none;
}

.checkBoxA01 .checkBoxInrA01 .checkboxOFF:before,
.checkBoxA01 .checkBoxInrA02 .checkboxOFF:before {
    background-color: #fff;
    border: 1px solid #c0c7d0;
    content: '';
    display: block;
    height: 18px;
    position: absolute;
    left: 0;
    width: 18px;

}
.checkBoxA01 .checkBoxInrA01 .checkboxOFF:before {
    top: 2px;
}

.checkBoxA01 .checkBoxInrA02 .checkboxOFF:before {
    top: 18px;
}


.checkboxOFF {
    position: relative;
}

.checkBoxA01 .checkBoxInrA01 .checkboxON:not(.checkboxNONE):after {
    background-color: #00abe4;
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    top: 6px;
    left: 4px;
    width: 12px;
}
.checkBoxA01 .checkBoxInrA02 .checkboxON:not(.checkboxNONE):after {
    background-color: #00abe4;
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    top: 22px;
    left: 4px;
    width: 12px;
}



.checkBoxA01 .checkBoxInrA01 .checkboxON:not(.checkboxNONE):before,
.checkBoxA01 .checkBoxInrA02 .checkboxON:not(.checkboxNONE):before {
    border-color: #00abe4;
}

.checkBoxA01 .checkBoxInrA01 h4 .storeTtlLeft {
    border-color: #003087;
    border-radius: 40px;
    background-color: #fff;
    background-image: none;
}


.checkBoxA01 .checkBoxInrA01 h4 .storeTtlLeft:hover,
.checkBoxA01 .checkBoxInrA01 h4 .storeTtlLeft:active,
.checkBoxA01 .checkBoxInrA01 h4 .storeTtlLeft:focus {
    box-shadow: 0 4px 4px rgba(0,0,0,0.1);
    background-color: #00abe4;
    border-color: #00abe4;
    color: #fff;
    background-image: none;
}

@media screen and (max-width: 767px) {
.checkBoxA01 .checkBoxInrA02 .checkboxOFF:before {
   top: 11px !important;
  }
  .checkBoxA01 .checkBoxInrA02 .checkboxON:after {
    top: 15px !important;
  }
.checkBoxA01 .checkBoxInrA02 .checkboxON:not(.checkboxNONE):after {
    top: 15px !important;
  }


}

.linkBtnD01,
.linkBtnC01,
.linkBtnC02,
.linkBtnB01 {
	border-width:2px;
	border-color: #003087;
	color: #003087;
	border-radius: 40px !important;
	background-color: #fff;
	background-image: none !important;
	-webkit-box-shadow: 0 4px 4px rgba(0,0,0,0) !important;
	box-shadow: 0 4px 4px rgba(0,0,0,0) !important;
}

.linkBtnD01:hover,
.linkBtnD01:active,
.linkBtnD01:focus,
.linkBtnC01:hover,
.linkBtnC01:active,
.linkBtnC01:focus,
.linkBtnB01:hover,
.linkBtnB01:active,
.linkBtnB01:focus {
  box-shadow: 0 4px 4px rgba(0,0,0,0.1);
  background-color: #00abe4;
  border-color: #00abe4;
  color: #fff;
  background-image: none;
}

.linkBtnB01 input {
  color: #003087;
}
.linkBtnB01 input:hover,
.linkBtnB01 input:active,
.linkBtnB01 input:focus {
  color: #fff;
}

.linkBtnB01:hover {
  opacity: 1;

}

.checkBoxInrItem01 .checkboxOFF {
  background: none;
}


.checkBoxInrItem01 .checkboxOFF:before {
    background-color: #fff;
    border: 1px solid #c0c7d0;
    content: '';
    display: block;
    height: 14px;
    position: absolute;
    left: 0;
    width: 14px;
}
.checkBoxInrItem01 .checkboxON:before {
  border-color: #00abe4;
}

.checkBoxInrItem01 .checkboxON:after {
    background-color: #00abe4;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
}








@font-face{
    font-family:'icomoon';
    src:url("../fonts/icomoon.eot");
    src:url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.ttf") format("truetype"),
    url("../fonts/icomoon.woff") format("woff"),
    url("../fonts/icomoon.svg#icomoon") format("svg");
    font-weight:normal;
    font-style:normal
}






/*****************************************
footer
******************************************/

#footer{
  border-top:none;}

#footer .footerInr .column3BoxA01 .column3BoxInr {
    float: left;
    width: 22%;
    margin-left: 2%;
}
#footer .footerInr .column3BoxA01 .column3BoxInr02 {
    float: left;
    width: 22%;
    margin-left: 2%;
}
#footer .footerInr .column3BoxA01 .column3BoxInr03 {
    float: left;
    width: 22%;
    margin-left: 2%;
}
#footer .footerInr .column3BoxA01 .column3BoxInr05 {
    float: left;
    width: 22%;
    margin-left: 2%;
}

#footer li{
  background:none}


@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
 footer li{
   background:none;}
}



#footer .footerLinkA02{
  display:none;}


@media screen and (max-width:1023px){
  #footer .footerInr .column3BoxA01 .column3BoxInr {
    float: left;
    width: 22%;
    margin-left: 2%;
  }
  #footer .footerInr .column3BoxA01 .column3BoxInr02 {
    float: left;
    width: 22%;
    margin-left: 2%;
  }
  #footer .footerInr .column3BoxA01 .column3BoxInr03 {
    float: left;
    width: 22%;
    margin-left: 2%;
  }
  #footer .footerInr .column3BoxA01 .column3BoxInr05 {
    float: left;
    width: 22%;
    margin-left: 2%;
  }
}

#footer li a:link,
#footer li a: visited {
    color: #fff;
}
#footer li a:hover,
#footer li a:active {
    color: #00abe4;
}

@media screen and (max-width:767px){
#footer{
  border-top:none;}

.footerLinkA02{
    display: block;
	width:auto;
	margin:0 10px;
	text-align:left;
	padding:0;
	background:none;}
}

#footer .footerInr .column3BoxA01 a:link,
#footer .footerInr .column3BoxA01 a:visited,
.footerLinkA02 a:link,
.footerLinkA02 a:visited {
    color: #fff;
}
#footer .footerInr .column3BoxA01 a:hover,
#footer .footerInr .column3BoxA01 a:active,
.footerLinkA02 a:hover,
.footerLinkA02 a:visited {
    color: #00abe4;
}

#footer li a:before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    position: absolute;
    top: 7px;
    left: 0;
    transform: rotate(-45deg);
}

#footer li {
   position: relative;
    color: #fff;
}
.lastUpdated {
    color: #fff;
}

#footer02{
	padding:20px 0 20px;
    background: #3d3d47;
    margin-top: 0;}


/* ---------------------------------------------------------------------
    2018.06.29 add
----------------------------------------------------------------------- */
.accordionTtlA01 a {
    display: block;
    padding: 5px 40px;
}

@media screen and (max-width: 767px) {
    .accordionTtlA01.onlySP a {
        padding: 20px 40px 20px 10px;
        position: relative;
    }
    .accordionTtlA01.onlySP a::after {
        content: "＋";
        display: block;
        font-size: 16px;
        line-height: 1;
        height: 16px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        right: 10px;
        color: #003087;
    }
    .accordionTtlA01.onlySP.open a::after {
        content: "－";
    }
    .checkBoxA01 .checkBoxInrA01 h4 .storeTtl01,
    .checkBoxA01 .checkBoxInrA01 h4 .storeTtl02 {
        background: none;
        position: relative;
    }
    .checkBoxA01 .checkBoxInrA01 h4 .storeTtl01::after,
    .checkBoxA01 .checkBoxInrA01 h4 .storeTtl02::after {
        content: "＋";
        display: block;
        font-size: 16px;
        line-height: 1;
        height: 16px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        right: 10px;
        /* color: #003087; */
        color: #064594;
    }
    .checkBoxA01 .checkBoxInrA01 h4.open .storeTtl01,
    .checkBoxA01 .checkBoxInrA01 h4.open .storeTtl02 {
        background: none;
        position: relative;
    }
    .checkBoxA01 .checkBoxInrA01 h4.open .storeTtl01::after,
    .checkBoxA01 .checkBoxInrA01 h4.open .storeTtl02::after {
        content: "－";
    }
}
span.customSelect {border-radius:30px !important;border:2px solid #003087;}
