﻿@charset "utf-8";
/*
  リセット
------------------------------------ */
body,p,ul {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  word-break: break-all;
}
li {
  list-style-type: none;
}
a:link, a:visited {
  color: #323232;
  text-decoration: none;
}
#AddressBox a:link, #AddressBox a:visited, .top_memberInfoBox a:link, .top_memberInfoBox a:visited {
  color: #2942a9;
}
input[type="text"],input[type="password"],input[type="button"],input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  font-size:16px;
}

select{
  font-size:16px;
  margin:0;
  padding:0;
}

/*
  共通項目
------------------------------------ */
body {
  font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  position: relative;
  line-height: 1.5;
}
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
.clearfix {
  zoom: 100%;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.bold {
  font-weight: bold;
}
.black {
  color: #000;
}
.gray {
  color: #616362;
}
.red {
  color: #e92606;
}
.green {
  color: #29861c;
}
.mt0 {
  margin-top: 0px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.ml0 {
  margin-left: 0px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml12 {
  margin-left: 12px !important;
}
.ml13 {
  margin-left: 13px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml30p {
  margin-left: 30% !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mw10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mw150 {
  max-width: 150px;
}
.pt0 {
  padding-top: 0px !important;
}
.mAuto {
  margin-left: auto;
  margin-right: auto;
}
.MainWidth {
  width: 96%;
  margin: 0 auto;
  box-sizing: border-box;
}
h1 {
  border-left: 6px solid #284db4;
  margin: 0 20px;
  padding: 2px 8px;
  font-size: 132%;
  font-weight: bold;
}
.txtGray {
  color: #6b6b6b;
}
.txtOrange {
  color: #eb2606;
}
.txtOrange2 {
  color: #ea7b08;
}
.txtBlue {
  color: #2038a6 !important;
}
.txtRed {
  color: #a4171d;
}
.txtGreen {
  color: #29861c;
}
.fontSS {
  font-size: 75% !important;
}
.fontS {
  font-size: 85%;
}
.fontSX {
  font-size: 90%;
}
.fontM {
  font-size: 100%;
}
.fontL {
  font-size: 110%;
}
.fontLL {
  font-size: 120%;
}
.fontXL {
  font-size: 130%;
}
.fontXXL {
  font-size: 140%;
}
.fontXXXL {
  font-size: 150%;
}
.fontXXXSL {
  font-size: 180%;
}
.textLeft {
  text-align: left !important;
}
.textCenter {
  text-align: center !important;
}
.textRight {
  text-align: right !important;
}
.fltL {
  float: left;
}
.fltR {
  float: right;
}
.clear {
  clear: both;
}
.lclear {
  clear: left;
}
.rclear {
  clear: right;
}
.linkColor {
  color: #284db4 !important;
  text-decoration: none;
}
.required {
  font-size: 85%;
  color: #a4171f;
}
.bottomBorder {
  margin-bottom: 15px;
  padding-bottom: 25px;
  border-bottom: 4px solid #c1c1c1;
}
.requiredIcon {
  display: inline-block;
  background: #ea7b08;
  color: #ffffff;
  padding: 0px 6px;
  margin: 0 2px;
  vertical-align: middle;
}
.tindent {
  padding-left: 1em;
  text-indent: -1em;
}
.relative {
  position: relative;
}
.vTop {
  vertical-align: top !important;
}
.vMiddle {
  vertical-align: middle !important;
}
.vBottom {
  vertical-align: bottom !important;
}
.list_w33p li {
  width: 33%;
  box-sizing: border-box;
}
.min-wauto {
  min-width: auto !important;
  box-sizing: border-box;
}
.wauto {
  width: auto !important;
  box-sizing: border-box;
}
.w18p {
  width: 18% !important;
  box-sizing: border-box;
}
.w20p {
  width: 20% !important;
  box-sizing: border-box;
}
.w25p {
  width: 25% !important;
  box-sizing: border-box;
}
.w30p {
  width: 30% !important;
  box-sizing: border-box;
}
.w35p {
  width: 35% !important;
  box-sizing: border-box;
}
.w40p {
  width: 40% !important;
  box-sizing: border-box;
}
.w50p {
  width: 50% !important;
  box-sizing: border-box;
}
.w60p {
  width: 60% !important;
  box-sizing: border-box;
}
.w62p {
  width: 62% !important;
  box-sizing: border-box;
}
.w64p {
  width: 64% !important;
  box-sizing: border-box;
}
.w70p {
  width: 70% !important;
  box-sizing: border-box;
}
.w80p {
  width: 80% !important;
  box-sizing: border-box;
}
.w85p {
  width: 85% !important;
  box-sizing: border-box;
}
.w87p {
  width: 87% !important;
  box-sizing: border-box;
}
.w90p {
  width: 90% !important;
  box-sizing: border-box;
}
.w100p {
  width: 100% !important;
  box-sizing: border-box;
}
.word-break {
  word-break:break-all;
  word-wrap:break-word;
}
.inline_block {
  display: inline-block;
}
.display_block {
  display: block;
}
@media print {
  .noprint {
    display: none;
  }
}
.submitBlock {
  margin: 5px 0 0;
  padding: 30px 0 20px;
  border-top: 1px solid #e0e0e0;
  text-align: center;
}
.submitBlock.pbinput {
  padding: 30px 0 160px !important;
}
.submitBlock .btnBack {
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 120px;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

/*   フォーム共通設定
*/
input[type="button"],input[type="submit"] {
  font-size: 100%;
}
input[type="text"],input[type="password"]{
  width:100%;
  min-height:40px !important;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin-bottom:4px;
  border:1px solid #d6d6d6;
  padding: 5px;
  font-size: 16px !important;
}
textarea{
  border:1px solid #d6d6d6;
  padding: 5px;
  font-size: 18px !important;
}
input[type="radio"]{
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  margin-right:6px;
}

input[type="checkbox"]{
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  margin-right:8px;
}
input.zipcode[type="text"]{
  width:28%;
  min-height:40px !important;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}

/*   新規会員登録 フォームレイアウトテーブル  */
.registTbl {
  display: table;
  width:100%;
  border-collapse: collapse;
  table-layout: fixed;
  border:1px solid #e0e0e0;
  box-sizing: border-box;
}
.registTbl th,
.registTbl td {
  display:table-cell;
  box-sizing: border-box;
  padding: 10px 5px;
  border: solid 1px #e0e0e0;
}
.registTbl th {
  width:24%;
  font-weight: bold;
  font-size:80%;
  text-align: left;
  color: #6a6a6a;
  background-color:#f5f5f5;
  vertical-align:top;
  padding-top:12px;
  box-sizing: border-box;
}
.registTbl td {
  width:76%;
  padding:10px 5px;
  font-size:85%;
  box-sizing: border-box;
}
.registTbl caption {
  text-align: left;
  margin-bottom: 5px;
}
.registTbl .btnSearch {
  -webkit-appearance: none;
  margin: 0 0 0 5px;
  padding:4px 6px;
  display: inline-block;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  color: #222222;
  background: #d6d6d6;
  border:1px solid #cccccc;
  border-color: #cccccc #cccccc #cccccc #cccccc;
}
.tblcomment {
  width:100%;
  font-size:85%;
  padding: 10px 5px;
  box-sizing: border-box;
}



/*
  ヘッダ
------------------------------------ */
#header {
  padding: 10px;
  background: #ffffff;
  z-index: 5;
  top: 0;
  border-bottom: 1px solid #d3d3d3;
  position: fixed;
}
#header.login {
  position: static;
}
#header > ul {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
#header.login > ul {
  display: block;
  width: 35%;
}
#header > ul > li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 18%;
  font-size: 75%;
}
#header.login > ul > li {
  display: block;
  width: auto;
}
#header.login li {
  width: 35%;
}
#header > ul > li img {
  width: 41%;
  max-width: 52px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 2px;
}
#header ul li.hd_logo {
  width: auto;
  text-align: left;
}
#header ul li.hd_logo img {
  width: 70%;
  max-width: 138px;
  height: auto;
  margin: 6px 0;
}
#header ul li.hd_menu {
  width: 11%;
}
#header ul li.hd_menu img {
  width: 100%;
  max-width: 70px;
  margin: 0;
}












header {
  padding: 10px;
  background: #ffffff;
  z-index: 5;
  top: 0;
  border-bottom: 1px solid #d3d3d3;
  position: fixed;
}
header.login {
  position: static;
}
header > ul {
  display: table;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
header.login > ul {
  display: block;
  width: 35%;
}
header > ul > li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 18%;
  font-size: 75%;
}
header.login > ul > li {
  display: block;
  width: auto;
}
header.login li {
  width: 35%;
}
header > ul > li img {
  width: 41%;
  max-width: 52px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-bottom: 2px;
}
header ul li.hd_logo {
  width: auto;
  text-align: left;
}
header ul li.hd_logo img {
  width: 70%;
  max-width: 138px;
  height: auto;
  margin: 6px 0;
}
header ul li.hd_menu {
  width: 11%;
}
header ul li.hd_menu img {
  width: 100%;
  max-width: 70px;
  margin: 0;
}















#hd_cover {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000000;
  opacity: 0;
  z-index: 5;
  display: none;
}
#hd_main_menu {
  font-size: 92%;
  text-align: left;
}
#hd_main_menu .inBox {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
  display: none;
  font-weight: bold;
}
#hd_main_menu ul {
  position: absolute;
  top: 0;
  right: 0;
  left: 15%;
  width: 85%;
  padding: 0px 10px 20px;
  background: #ffffff;
  box-sizing: border-box;
  z-index: 9;
  overflow: hidden;
  margin-left: 85%;
}
#hd_main_menu ul ul {
  width: auto;
  position: static;
  margin: 0;
  padding: 0;
  display: none;
  font-weight: normal;
}
#hd_main_menu ul ul li {
  border-bottom: none;
  border-top: 1px solid #e6e6e6;
  background-color: #f2f2f2;
}
#hd_main_menu ul li {
  border-bottom: 1px solid #e6e6e6;
  position: relative;
}
#hd_main_menu ul li.slide {
}
#hd_main_menu ul li.slide .slideBtn {
  padding: 1em 1em 1em 55px;
  display: block;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_down_gray_01.gif) 97% 50% no-repeat;
  background-size: 13px 7px;
}
#hd_main_menu ul li img.icon {
  position: absolute;
  left: 1em;
  margin: auto;
}
#hd_main_menu ul li a {
  display: block;
  padding: 0.8em 1em;
  color: #333333;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 97% 50% no-repeat;
  background-size: 6px 9px;
}
#hd_main_menu ul li.sns a {
  display: inline;
  background: none;
}
#hd_main_menu ul li a.ilink {
  padding-left: 55px;
}
#hd_main_menu ul li span.block {
  display: block;
  padding: 1em;
}
#hd_main_menu ul li span.menu_point {
  float: right;
  font-weight: bold;
  color: #ea7b07;
}
#hd_main_menu ul li span.menu_point .small {
  font-size: 75%;
}
#hd_main_menu ul li.search {
  border: none;
  padding-bottom: 10px;
  zoom: 1;
}
#hd_main_menu ul li.search:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#hd_main_menu ul li.search .hd_btn_close {
  width: 13.5%;
  max-width: 70px;
  height: auto;
  float: right;
  margin-top: 2px;
}
#hd_main_menu ul li.search2 {
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
  zoom: 1;
  border-bottom: 1px solid #e6e6e6;
}
#hd_main_menu ul li.search2:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#hd_main_menu ul li.search2 .hd_btn_close {
  width: 13%;
  max-width: 70px;
  height: auto;
  float: right;
}
.searchBox {
  margin: 10px 3% 0;
  margin-right: 18%;
  padding: 0;
  border: solid 2px #e0e0e0;
  border-radius: 5px;
  position: relative;
}
.searchBox .submit {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 38px;
  margin: 0;
  padding: 0;
  border: none;
  background: #284db4;
  border-left: solid 2px #e0e0e0;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.searchBox .submit button {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: #284db4;
}
.searchBox .submit img {
  width: 18px;
  height: auto;
}
.searchBox .input_box {
  box-sizing: border-box;
  margin-right: 38px;
}
.searchBox .input_box input {
  width: 100%;
  height:100% !important;
  min-height: 1em !important;
  padding: 8px 8px;
  box-sizing: border-box;
  outline: none;
  border: none;
  font-size: 85%;
}
.hd_bgGray {
  background: #f8f8f8;
  padding: 5px 0;
}
.searchBox2 {
  margin: 0px 3%;
/*	margin-right: 22%;	*/
  padding: 0;
  border: solid 2px #e0e0e0;
  border-radius: 5px;
  position: relative;
  background: #ffffff;
}
.searchBox2 .submit {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 38px;
  margin: 0;
  padding: 0;
  border: none;
  background: #284db4;
  border-left: solid 2px #e0e0e0;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.searchBox2 .submit button {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: #284db4;
}
.searchBox2 .submit img {
  width: 18px;
  height: auto;
}
.searchBox2 .input_box {
  box-sizing: border-box;
  margin-right: 38px;
}
.searchBox2 .input_box input {
  width: 100%;
  height:100% !important;
  min-height: 1em !important;
  padding: 8px 8px;
  box-sizing: border-box;
  outline: none;
  border: none;
  font-size: 85%;
}
#hd_main_menu ul li .icon {
  vertical-align: middle;
  width: 35px;
  height: auto;
}
#hd_main_menu ul li.ext_link {
  padding: 10px 0;
}
#hd_main_menu ul li.ext_link a {
  padding: 8px 1em;
  background-image: none;
}
#hd_main_menu ul li.ext_link a img {
  vertical-align: middle;
  margin-right: 5px;
}
#hd_main_menu ul li.sns {
  padding: 20px 0;
  text-align: center;
}
#hd_main_menu ul li.sns img {
  width: 40px;
  height: 40px;
  margin: 0 30px;
}
#SecretBox {
  background: #75c461;
  text-align: center;
  font-size: 70%;
  color: #ffffff;
  padding: 5px;
}
#SecretBox.fix {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 4;
}
#SecretBox .spheight {
  display: none;
}
#SecretBox.fix .spheight {
  display: block;
  margin: 10px;
  box-sizing: border-box;
  width: 11%;
}
#SecretBox.fix .spheight img {
  width: 100%;
  max-width: 70px;
  height: auto;
}
.headerHeight {
  display: block;
  margin: 0 10px 20px;
  box-sizing: border-box;
  width: 11%;
}
.headerHeight img {
  width: 100%;
  max-width: 70px;
  height: auto;
}

/*
  出荷目安
------------------------------------ */
#AddressBox {
  background: #fff7da url(/excludes/fo/s/edion/img/cmn/icon/ic_address.gif) 15px 13px no-repeat;
  padding: 0.5em 45px 0.5em 40px;
  line-height: 2em;
  overflow: hidden;
  height: 1.9em;
  position: relative;
  z-index: 1;
  font-size: 92%;
}
#AddressBox.none:before {
  content: "...";
  letter-spacing: normal;
  bottom: 0.5em;
  right: 45px;
  background: #fff7da;
  position: absolute;
  padding-left: 4px;
}
#AddressBox.none:after {
  background: #fff7da;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
#address_btn {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 23px;
  height: auto;
}
#AddressBox .setting {
  text-align: right;
}

/*
  ページトップへ
------------------------------------ */
#ToPageTop {
  position: fixed;
  width: 0;
  height: 0;
  right: 35px;
  bottom: 35px;
/*	background: #ffffff;
  opacity: 1;
  display: none;	*/
  transition: all .3s;
  z-index: 7;
}
#ToPageTop.appear {
  opacity: 1;
  display: block;
}
#ToPageTop a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_pagetop.png) 50% 50% no-repeat;
  background-size: 100% 100%;
  text-decoration: none;
}

/*
  フッター
------------------------------------ */
#footer {
  margin-top: 30px;
  font-size: 92%;
  line-height: 1.2;
}

#footer .modalWrap{
  font-size: initial;
  line-height: 1.5;
}

#footer a {
  text-decoration: none;
  color: #333333;
}
#footer .mainMenu > li {
  background: #e8e8e8;
}
#footer .mainMenu > li.subtree {
  margin-top: 1px;
  background: #e8e8e8 url(/excludes/fo/s/edion/img/cmn/sign/ic_down_gray_02.png) 98% 17px no-repeat;
  background-size: 13px 7px;
}
#footer .mainMenu > li > a {
  display: block;
  margin-top: 1px;
  padding: 12px 15px 12px 10px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 98% 50% no-repeat;
  background-size: 6px 9px;
}
#footer .mainMenu > li.subtree > a {
  display: inline-block;
  background-image: none;
}
#footer .subMenu {
  background: #f2f2f2;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  display: none;
}
#footer .subMenu li a {
  display: block;
  background: #f2f2f2;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  vertical-align: middle;
  position: relative;
  padding: 12px 18px 12px 10px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 98% 50% no-repeat;
  background-size: 6px 9px;
}
#footer .subMenu p a:nth-child(odd) {
  border-left: none;
}
#footer .subMenu p a:nth-child(even) {
  border-right: none;
}
#footer .subMenu > ul > li > a {
  display: block;
  margin-top: 1px;
  padding: 10px 15px 10px 10px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 98% 50% no-repeat;
  background-size: 6px 9px;
}
#footer .linkMenu {
  background: #e8e8e8;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
}
#footer .linkMenu p {
  display: table-row;
}
#footer .linkMenu p a {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  vertical-align: middle;
  padding: 12px 15px 12px 10px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 96% 50% no-repeat;
  background-size: 6px 9px;
}
#footer .address {
  border-top: 1px solid #ffffff;
  background: #f2f2f2;
  padding: 30px 20px 20px;
  text-align: center;
}











footer {
  margin-top: 30px;
  font-size: 92%;
  line-height: 1.2;
}

footer .modalWrap{
  font-size: initial;
  line-height: 1.5;
}

footer a {
  text-decoration: none;
  color: #333333;
}
footer .mainMenu > li {
  background: #e8e8e8;
}
footer .mainMenu > li.subtree {
  margin-top: 1px;
  background: #e8e8e8 url(/excludes/fo/s/edion/img/cmn/sign/ic_down_gray_02.png) 98% 17px no-repeat;
  background-size: 13px 7px;
}
footer .mainMenu > li > a {
  display: block;
  margin-top: 1px;
  padding: 12px 15px 12px 10px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 98% 50% no-repeat;
  background-size: 6px 9px;
}
footer .mainMenu > li.subtree > a {
  display: inline-block;
  background-image: none;
}
footer .subMenu {
  background: #f2f2f2;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  display: none;
}
footer .subMenu li a {
  display: block;
  background: #f2f2f2;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  vertical-align: middle;
  position: relative;
  padding: 12px 18px 12px 10px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 98% 50% no-repeat;
  background-size: 6px 9px;
}
footer .subMenu p a:nth-child(odd) {
  border-left: none;
}
footer .subMenu p a:nth-child(even) {
  border-right: none;
}
footer .subMenu > ul > li > a {
  display: block;
  margin-top: 1px;
  padding: 10px 15px 10px 10px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 98% 50% no-repeat;
  background-size: 6px 9px;
}
footer .linkMenu {
  background: #e8e8e8;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
}
footer .linkMenu p {
  display: table-row;
}
footer .linkMenu p a {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  vertical-align: middle;
  padding: 12px 15px 12px 10px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 96% 50% no-repeat;
  background-size: 6px 9px;
}
footer .address {
  border-top: 1px solid #ffffff;
  background: #f2f2f2;
  padding: 30px 20px 20px;
  text-align: center;
}














/*
  スライダー関連
------------------------------------ */
.bx-wrapper {
  position: relative;
  padding: 0 0px;
  font-size: 80%;
  line-height: 1.4;
}
.bx-pager {
  background: #e0e0e0;
}
.bx-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 32px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_slider_prev.png) 0 50% no-repeat;
  background-size: 13px 27px;
  text-indent: -9999px;
}
.bx-next {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 32px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_slider_next.png) 100% 50% no-repeat;
  background-size: 13px 27px;
  text-indent: -9999px;
}
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding: 10px 0;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #284db4;
}
.bx-wrapper img {
  width: 100%;
  height: auto;
}
.slider_w100 li {
  width: 100px !important;
}
.slider_w110 li {
  width: 110px !important;
}
.slider_w120 li {
  width: 120px !important;
}
.slider_w130 li {
  width: 130px !important;
}

/*
  モーダル関連
------------------------------------ */
.modalWrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  z-index: -10000000;
  display: none;
}
.modalWrap.active {
  z-index: 900;
}

.modal {
/*	width: 90%;	*/
/*	max-height: 90%;	*/
  border-radius: 2px;
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0px;
/*	font-size: 90%;
  box-shadow:0px 0px 6px 3px #000;
  -moz-box-shadow:0px 0px 6px 3px #000;
  -webkit-box-shadow:0px 0px 6px 3px #000;	*/
  z-index: -1;
  opacity: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 90%;
}
.modal.modalMiddle {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.modal .modalTitle {
  padding: 14px 15px 13px;
  background: #f2f2f2;
  border-radius: 2px 2px 0 0;
}
.modal .modalTitle p {
  font-size: 120%;
  font-weight: bold;
  float: left;
}
.modal .modalTitle .popClose {
  float: right;
  margin-top: 2px;
}
.modal a {
  text-decoration: none;
  color: #262626;
}
.modal .modalTitle .popClose a {
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_close.gif) no-repeat 0 center;
  padding-left: 20px;
}
.modal .modalInner {
/*	position: fixed;
  right: 15px;
  left: 15px;
  top: 65px;
  bottom: 15px;	*/
  padding: 15px;
  background: #ffffff;
/*	overflow-y: auto;
  -webkit-overflow-scrolling: touch;	*/
}
.modal.modalMiddle .modalInner {
  top: auto;
  bottom: auto;
  right: 0;
  left: 0;
  position: absolute;
  padding: 15px 0px;
  margin: auto;
}
/*
.modal .modalAddressList {
  height: 160px;
  overflow-y: auto;
}
*/
.modal .modalAddressList p {
  padding-left: 32px;
  text-indent: -32px;
}
.modal .modalAddressList p label {
  font-weight: bold;
}
.modal .modalAddressList p label .fontS {
  font-weight: normal;
}
.modal .modalAddressList p input[type="radio"] {
  margin-left: 5px;
}
.modal input {
  border-radius: 3px;
  border: 1px solid #c1c1c1;
  padding: 8px;
  color: #323232;
}
.smallBtn .btn {
  -webkit-appearance: none;
  width: 80px;
  box-sizing: border-box;
  padding: 8px 15px 7px;
  color: #fff;
  background: #2b4eb4;
  border: 1px solid #2b4eb4;
  border-color: #2b4eb4;
  font-weight: bold;
  border-radius: 5px;
  font-size: 100%;
}
#modal_delivery .submitBlock {
  margin: 65px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #e0e0e0;
  text-align: center;
}
#modal_delivery input[type=text]{
  width: 10em;
}
.modal .submitBlock .btnBack {
  -webkit-appearance: none;
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 120px;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.siteSealBlock {
  border: 1px solid #d6d6d6;
  font-size:70%;
  margin: 0 3%;
  padding: 15px;
  max-width: 912px;
  box-sizing: border-box;
  clear: both;
}
.modal .siteSeal {
  float: left;
  margin: 0 17px 0 0;
}
.siteSealText {
  margin-left: 100px;
}
.modal .border {
  margin-top: 30px;
  padding: 20px 0 10px;
  font-weight: bold;
  border-top: 1px solid #e0e0e0;
}
.modal .shop-serch-label {
  display: block;
  padding-bottom: 10px;
  font-weight: bold;
}
.modal .shop-serch-label img {
  vertical-align: middle;
  margin-right: 10px;
}

/*
  トップページ
------------------------------------ */
.top_searchBox {
  margin: 10px 2% 0 4%;
  padding: 0;
  border: solid 2px #e0e0e0;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  width: 60%;
  vertical-align: top;
  box-sizing: border-box;
}
.top_searchBox .submit {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 38px;
  margin: 0;
  padding: 0;
  border: none;
  background: #284db4;
  border-left: solid 2px #e0e0e0;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.top_searchBox .submit button {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: #284db4;
}
.top_searchBox .submit img {
  width: 18px;
  height: auto;
}
.top_searchBox .input_box {
  box-sizing: border-box;
  margin-right: 38px;
}
.top_searchBox .input_box input {
  width: 100%;
  min-height: 1em !important;
  padding: 8px 8px;
  box-sizing: border-box;
  outline: none;
  border: none;
  font-size: 85%;
  margin-bottom: 0;
}
.top_searchBox .searchtext {
  width: 100%;
  min-height: 1em !important;
  padding: 8px 8px;
  box-sizing: border-box;
  outline: none;
  border: none;
  font-size: 85%;
  margin-bottom: 0;
  margin-right: 38px;
}
.top_searchBox .hd_submit {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 38px;
    margin: 0;
    padding: 0;
    border: none;
    background: #284db4;
    border-left: solid 2px #e0e0e0;
    box-sizing: border-box;
    /*border-top-right-radius: 3px;*/
    /*border-bottom-right-radius: 3px;*/
    word-break: break-all;
    display: block;
    /*-webkit-margin-before: 1em;*/
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.top_searchBox .hd_submit img {
    width: 18px;
    height: auto;
}
button.hd_submit {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: #284db4;
}
.top_category_select {
  margin: 10px 0 0;
  padding: 2px 0 0;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  width: 30%;
  vertical-align: top;
  box-sizing: border-box;
}
.top_category_select .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 38px;
  background: #284db4 url(/excludes/fo/s/edion/img/cmn/sign/ic_down_blue_01.gif) 50% 50% no-repeat;
  background-size: 16px 9px;
  border: none;
  border-left: solid 2px #e0e0e0;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.top_category_select .category_text {
  padding: 8px 4px;
  box-sizing: border-box;
  font-size: 85%;
  background: #284db4;
  border-radius: 5px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
#top_cover {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: #000000;
  opacity: 0;
  z-index: 5;
  display: none;
}
#top_category_list {
}
#top_category_list .inBox {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
  display: none;
}
#top_category_list .inBox .title {
  display: inline-block;
  font-weight: bold;
  padding: 8px 8px 12px;
}
#top_category_list ul {
  position: absolute;
  top: 0;
  right: 0;
  left: 15%;
  width: 85%;
  padding: 0px 10px 0px;
  background: #ffffff;
  box-sizing: border-box;
  z-index: 9;
  overflow: hidden;
  margin-left: 85%;
}
#top_category_list ul li.clearfix {
  padding-top: 10px;
}
#top_category_list .top_category_close {
  width: 100%;
  max-width: 35px;
  height: auto;
  float: right;
}
#top_category_list a {
  color: #2942a9;
}
#top_category_list ul ul {
  background: #e8e8e8;
  width: auto;
  position: static;
  margin: 0;
  padding: 0;
  display: none;
  font-weight: normal;
}
#top_category_list ul ul a {
  display: block;
  padding: 10px 15px;
  color: #333333;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 97% 50% no-repeat;
  background-size: 6px 9px;
}
#top_category_list ul ul ul {
  background: #f2f2f2;
}
#top_category_list ul ul ul a {
  padding: 10px 30px 10px 50px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 97% 50% no-repeat;
}
#top_category_list ul li a {
}
#top_category_list ul li {
  border-top: 1px solid #e6e6e6;
}
#top_category_list ul ul li {
  border-top: 1px solid #ffffff;
}
#top_category_list ul ul ul li {
  border-top: 1px solid #e6e6e6;
}
#top_category_list > ul > li:first-child {
  border-top: none;
}
#top_category_list ul li .btn {
  display: block;
  padding: 10px 45px 10px 15px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_down_gray_01.gif) 97% 50% no-repeat;
  background-size: 13px 7px;
}
#top_category_list ul li .btn a {
  display: inline;s
  padding: 0;
  background-image: none;
}
.top_grayArea {
  background: #e0e0e0;
  padding: 10px;
}
.top_grayAreaTop {
  background: #e0e0e0;
  padding: 10px 10px 0px 10px;
}
.top_grayAreaBanner {
  background: #e0e0e0;
  padding: 0px 10px 0px 10px;
}
.top_grayAreaInfo {
  background: #e0e0e0;
  padding: 20px 10px 0px 10px;
}
#MainImageBox .bx-prev,
#MainImageBox .bx-next {
  bottom: 40px;
}
.top_banner img {
  width: 100%;
  height: auto;
}
.top_memberInfoBox {
  background: #fff4d6;
  padding: 12px;
}
.top_memberInfoBox .rightBox {
  float: right;
  padding: 0 0 0 20px;
  color: #ea7b07;
  font-size: 85%;
}
.top_memberInfoBox .rightBox .bold {
  font-size: 116%;
}
.top_memberInfoBox .memberName {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_member.png) 0 4px no-repeat;
  background-size: 16px 16px;
  padding-left: 22px;
}
.top_memberInfoBox .memberPoint {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_point.png) 0 4px no-repeat;
  background-size: 16px 16px;
  padding-left: 22px;
}
.top_memberInfoBox .shopInfo {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_mail.png) 0 16px no-repeat;
  background-size: 18px 14px;
  padding: 10px 0 0 22px;
  border-top: 1px solid #e1d7bc;
}
.top_memberInfoBox2 {
  background: #ffffff;
  padding: 12px;
  text-align: center;
}

.top_memberInfoBox2 .loginBtn a {
  display: block;
  text-align: center;
  background: #e4662c;
  border: 1px solid #b96007;
  color: #ffffff;
  padding: 10px;
  border-radius: 3px;
  text-decoration: none;
}
.top_banner_area {
  padding: 10px 0;
  font-size: 0;
  line-height: 0;
}
.top_banner_area li {
  display: inline-block;
  width: 50%;
  text-align: center;
  padding: 10px 0 0;
  box-sizing: border-box;
}
.top_banner_area li:nth-child(odd) {
  padding: 10px 5px 0 0;
}
.top_banner_area li:nth-child(even) {
  padding: 10px 0 0 5px;
}
.top_banner_area li img {
  width: 100%;
  height: auto;
}
.top_banner_area2_bg {
  float:left;
  width: 100%;
  background: #e0e0e0
}
.top_banner_area2.EPSS00105 {
  padding: 20px 5px 0px 10px;
}
.top_banner_area2.EPSS00106 {
  padding: 20px 10px 0px 5px;
}
.top_banner_area2.EPSS00110 {
  padding: 10px 5px 10px 10px;
}
.top_banner_area2 {
  float:left;
  display: inline-block;
  width: 50%;
  text-align: center;
  box-sizing: border-box;
  background: #e0e0e0
}
.top_banner_area2 img {
  width: 100%;
  height: auto;
}
#top_slider01 {
  padding: 10px 27px;
  position: relative;
  background: #f2f2f2;
  font-size: 0;
  line-height: 0;
}
.top_orangeArea {
  margin: 20px 10px 0;
  padding: 7px 15px;
  background: #ea7b08;
  color: #ffffff;
}
.top_orangeArea a {
  color: #ffffff;
}
.top_orangeArea .list {
  float: right;
  font-size: 85%;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_link_white.png) 0 0 no-repeat;
  background-size: 20px;
  line-height: 20px;
  padding-left: 25px;
}
.top_orangeArea .title {
  font-weight: bold;
  font-size: 108%;
  line-height: 1.2;
}
.top_orangeArea .text {
  font-size: 85%;
  text-align: center;
  line-height: 1.4;
}
#top_slider02 {
  padding: 10px 10px;
}
.top_blueArea {
  margin: 20px 10px 0;
  padding: 7px 15px;
  background: #284db4;
  color: #ffffff;
}
.top_blueArea a {
  color: #ffffff;
}
.top_blueArea .list {
  float: right;
  font-size: 85%;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_link_white.png) 0 0 no-repeat;
  background-size: 20px;
  line-height: 20px;
  padding-left: 25px;
}
.top_blueArea .title {
  font-weight: bold;
  font-size: 108%;
  line-height: 1.2;
}
.top_blueArea .text {
  font-size: 85%;
  text-align: center;
  line-height: 1.4;
}
#top_slider03 {
  padding: 10px 10px;
}
.top_grayArea2 {
  margin: 20px 10px 0;
  padding: 15px;
  background: #f2f2f2;
}
.top_grayArea2 a {
  color: #333333;
}
.top_grayArea2 .list {
  float: right;
  font-size: 85%;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_link_black.png) 0 0 no-repeat;
  background-size: 20px;
  line-height: 20px;
  padding-left: 25px;
}
.top_grayArea2 .title {
  font-weight: bold;
  font-size: 108%;
}
.top_grayArea2 .top_news {
  font-size: 85%;
  line-height: 1.4;
  zoom: 100%;
}
.top_grayArea2 .top_news:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.top_grayArea2 .top_news dt {
  float: left;
  width: 7em;
}
.top_grayArea2 .top_news dd {
  margin-left: 7.5em;
  padding-bottom: 1em;
}
.history {
  padding: 20px 10px 20px;
  border-bottom: 1px solid #f2f2f2;
}
.history .title {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
.specialContents {
  padding: 20px 10px;
}
.specialContents .title {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}
.specialContents ul li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  box-sizing: border-box;
  padding: 10px;
  font-size: 85%;
  line-height: 1.4;
}
.specialContents ul li img {
  width: 80%;
  display: block;
  margin: 0 auto 10px;
}

.slideCover {
  width: auto;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 5px 0;
  -webkit-overflow-scrolling: touch;
  font-size: 80%;
  line-height: 1.2;
}
.slideCover.bg_gray {
  background: #f2f2f2;
}
.slideCover.clearboth {
  clear: both;
}
.slides {
  display: table;
  border-collapse: separate;
  border-spacing: 10px 10px;
}
.slides li {
  display: table-cell;
}
.slide_w100 li img {
  width: 100px;
  height: auto;
}
.slide_w110 li img {
  width: 110px;
  height: auto;
}
.slide_w120 li img {
  width: 120px;
  height: auto;
}
.slide_w130 li img {
  width: 130px;
  height: auto;
}
.slides li .appraisal img {
  width: auto;
  vertical-align: middle;
}
.slides li .item {
  padding-top: 5px;
  position: relative;
  word-break: break-all;
  width: 100%;
  overflow: hidden;
  display: block;
}
.slides li .item.over:before {
  content: "...";
  letter-spacing: normal;
  bottom: 0px;
  right: 0;
  background: #ffffff;
  position: absolute;
  padding-left: 4px;
}
.slides li .item.over:after {
  background: #ffffff;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
.hLine3 .item {
  height: 3.6em;
}
.slides li .price {
  padding-top: 10px;
  font-weight: bold;
  color: #e82706;
  display: block;
}
.slides li .price1 {
  padding-top: 5px;
}
.slides li .price1 .small {
  font-weight: normal;
  font-size: 85%;
}
.slides li .price2 {
  padding-top: 5px;
  color: #e82706;
  font-weight: bold;
}
.slides li .price2 .small {
  font-size: 85%;
  font-weight: normal;
}
.slides li .appraisal {
  padding-top: 5px;
  font-size: 85%;
  display: block;
}
.slides li .appraisal a {
  text-decoration: none;
  color: #2942a9;
}
.slides li .block{
  display: block;
}

/*
  店舗在庫確認
------------------------------------ */
#itemBox {
  padding-top: 20px;
  text-align: left;
  zoom: 1;
}
#itemBox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
h2.titleSearch,
h2.titleFavorite {
  border-top: 4px solid #c1c1c1;
  margin: 30px 0 0;
  padding: 16px 60px;
  font-size: 125%;
}
h2.titleSearch {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_search_03.gif) 8px 15px no-repeat;
}
h2.titleFavorite {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_cart_shop.gif) 8px 15px no-repeat;
}
p.indent {
  padding-left: 1em;
  text-indent: -1em;
}
#itemBox > p:first-child {
  float: left;
  width: 30%;
}
#itemBox > p:first-child img {
  width: 100%;
  height: auto;
}
#itemBox > .price2 {
  color: #e82706;
  font-weight: bold;
}
.shopList > li {
    border-top: 3px solid #e0e0e0;
    padding: 10px 30px;
}
.shopList .shop {
  margin: 0 -30px 0 -25px;
  font-weight: bold;
}
.shopList .shop a:link,
.shopList .shop a:visited {
  color: #2942a9;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_link_black.png) 0 0.3em no-repeat;
  background-size: 13px 13px;
  padding-left: 20px;
  display: inline-block;
  min-height: 20px;
}
.shopList .shopLink {
  display: inline-block;
  padding: 5px 2em 5px 0;
}
.shopList .stock {
  display: inline-block;
  font-weight: bold;
  padding: 10px 0;
}
.shopList .select1 {
  padding: 5px 10px;
  border-radius: 3px;
  border: 1px solid #c1c1c1;
}
.shopList .btn1 {
  text-align: center;
  background: #ea7b08;
  border: 1px solid #d97007;
  border-color: #df7307 #da7106 #b86006 #da7106;
  color: #ffffff;
  margin-left: 2em;
  padding: 4px 8px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 13.3333;
  font-weight: bold;
  box-sizing: border-box;
  cursor: pointer;
}
.shopList .delete {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_delete.gif) left center no-repeat;
  padding: 5px 0 0 24px;
}
.shopList .add {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_add.gif) left center no-repeat;
  padding: 5px 0 0 24px;
}
#search .readBgBlock2 {
  padding: 0 5px;
}
#search .btn {
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  padding: 7px 15px;
  color: #fff;
  background: #2b4eb4;
  border: 1px solid #2b4eb4;
  border-color: #2b4eb4;
}
#search .readBgBtn {
  text-align: center;
}
.shopList li .shopLink a.grayBtn {
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 100px;
  display: inline-block;
  margin: 0;
  padding: 6px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

/*
  商品検索
------------------------------------ */
.category_list {
  margin: 20px 0 0;
  padding: 0 5px 10px;
  width:100%;
  box-sizing: border-box;
  border-top: 1px solid #e6e6e6;
}
.category_list li {
  display:table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
}
.category_list li .slideBtn {
  display:table;
  width: 100%;
  box-sizing: border-box;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_down_gray_01.gif) 97% 50% no-repeat;
  background-size: 13px 7px;
}
.category_list .btn {
  display:table-cell;
  width: 60px;
  vertical-align: top;
  box-sizing: border-box;
  padding: 0 0 10px;
}
.category_list img.btn {
  margin: 10px 0 0;
}
.category_list .btn img {
  width: 50px;
  margin: 10px 0 0;
}
.category_list .arrow {
  display:table-cell;
  width: 100%;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0 2.5em 0 10px;
  font-size: 110%;
  font-weight: bold;
}
.category_list .detail {
  display:none;
  padding: 0 0 0;
}
.category_list .detail li {
  border-bottom: none;
  border-top: 1px solid #e6e6e6;
  background-color: #f2f2f2;
  padding: 0;
}
.category_list .detail li a {
  display: block;
  padding: 0.8em 1em;
  color: #333333;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 97% 50% no-repeat;
  background-size: 6px 9px;
}

/*
  ショッピングカート（商品０）
------------------------------------ */
.cartZeroBox {
  width: 100% !important;
  margin: 30px auto !important;
}
.cartBox .btnBox .btn2 {
  /*width: 70px;*/
  padding: 8px 20px;
  background: #284db4;
  color: #ffffff;
  border: 1px solid #1e359d;
  border-color: #1e359d #1c3399 #192d83;
  border-radius: 3px;
}

/*
  商品一覧（リスト表示）
------------------------------------ */
#resultBox.type2_sp ul.icon {
  display: inline-block;
  font-size: 9px;
  width: 100%;
  margin: 0 auto;
}
#resultBox.type2_sp ul.icon > li {
  display: inline-block;
  width: 24%;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 4px;
  border-radius: 4px;
  padding: 2px 2px;
}
#resultBox.type2_sp ul.icon > li.type1 {
  border: 1px solid #656464;
  background: #ffffff;
  color: #656464;
}
#resultBox.type2_sp ul.icon > li.type2 {
  border: 1px solid #e50011;
  background: #ffffff;
  color: #e50011;
}
#resultBox.type2_sp ul.icon > li.type3 {
  border: 1px solid #009944;
  background: #ffffff;
  color: #009944;
}
#resultBox.type2_sp ul.icon > li.type4 {
  border: 1px solid #c70d47;
  background: #ffffff;
  color: #c70d47;
}
#resultBox.type2_sp ul.icon > li.type5 {
  border: 1px solid #656464;
  background: #ffffff;
  color: #656464;
}
#resultBox.type2_sp ul.icon > li.type6 {
  border: 1px solid #979fb6;
  background: #e7ebf6;
  color: #4b5063;
}
#resultBox.type2_sp .kata {
  font-size: 85%;
  color: #666666;
}
#resultBox.type2_sp .appraisal {
  font-size: 85%;
}
#resultBox.type2_sp .appraisal img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
#resultBox.type2_sp .icon2 {
  font-size: 85%;
}
#resultBox.type2_sp .icon2 li {
  text-align: center;
  margin-top: 2px;
  padding: 2px;
}
#resultBox.type2_sp .icon2 .darkgray {
  background: #757575;
  color: #ffffff;
}
#resultBox.type2_sp .icon2 .gray {
  background: #c1c1c1;
  color: #000000;
}
#resultBox.type2_sp .icon2 .red {
  background: #e92606;
  color: #ffffff;
}

#resultBox.type2_sp .price1 {
  margin: 5px 0 0;
  font-weight: bold;
}
#resultBox.type2_sp .price1 .small {
  font-size: 85%;
  font-weight: normal;
}
#resultBox.type2_sp .price2 {
  color: #e92606;
  font-weight: bold;
}
#resultBox.type2_sp .price2 .small {
  font-size: 85%;
  font-weight: normal;
}
#resultBox.type2_sp .point {
  margin: 5px 0 0;
  padding-left: 20px;
  font-size: 85%;
  color: #ea7c0b;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_point.gif) 0 2px no-repeat;
  background-size: 16px 16px;
}
#resultBox.type2_sp .stock {
  padding-left: 20px;
  font-size: 85%;
  font-weight: bold;
  color: #28851a;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_stock.gif) 0 50% no-repeat;
}
#resultBox.type2_sp .send {
  padding-left: 20px;
  font-size: 85%;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_address.gif) 0 50% no-repeat;
}
#resultBox.type2_sp .warranty {
  padding-left: 20px;
  font-size: 85%;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_warranty.gif) 0 50% no-repeat;
}
#resultBox.type2_sp > ul > li {
  padding: 15px 15px;
  border-bottom: 1px solid #e0e0e0;
  zoom: 100%;
}
#resultBox.type2_sp > ul > li:first-child {
  padding-top:0;
  margin-top: -5px;
}
#resultBox.type2_sp > ul > li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#resultBox.type2_sp ul li .imageBox {
  position: relative;
  margin-right: 0;
  padding: 0 0 25px;
  float: left;
  width: 35%;
}
#resultBox.type2_sp ul li .imageBox img {
  width: 100%;
}
#resultBox.type2_sp ul li .imageBox .icon {
  display: inline-block;
  /*position: absolute;
  top:0;
  left: 0;*/
  width: 100%;
  height: auto;
}
#resultBox.type2_sp ul li .imageBox .icon img {
  width: auto;
  height: 17px;
  font-size: 1rem;
  margin-left: 2px;
  margin-bottom: 2px;
}
/*#resultBox.type2_sp ul li .imageBox .icon img:first-of-type {
  margin-left: 0;
}*/
#resultBox.type2_sp ul li .rightSide {
  float: right;
  width: 60%;
}
#resultBox.type2_sp .copy {
  margin: 5px 0 0;
  font-size: 85%;
  color: #666666;
}
#resultBox.type2_sp .item {
  font-size: 90%;
  line-height: 1.4;
}
#resultBox.type2_sp .leftBox {
  display: table-cell;
  width: 230px;
  padding: 10px 0 0;
}
#resultBox.type2_sp .rightBox {
  display: table-cell;
  width: 230px;
  padding: 10px 0 0 20px;
}
#resultBox.type2_sp .send {
  margin-top: 5px;
}
#resultBox.type2_sp .warranty {
  margin-top: 5px;
}

/*
  ラッピング設定
------------------------------------ */
.modalWrap .modal-window .header a {
  margin: 20px;
}
#modal_wrapping .targetItemBox {
  float: none;
  width: auto;
  padding: 0px;
  font-size: 100%;
  background: #ffffff;
}
#modal_wrapping .targetItemBox .item {
  float: left;
}
.modalWrap .modal .targetItemBox .item {
  width: 30%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.modalWrap .modal .targetItemName,
.modalWrap .modal .targetPrice1,
.modalWrap .modal .targetPrice2 {
  padding: 0 0 0 100px;
}
.modalWrap .modal .targetPrice1 {
  padding-top: 20px;
}
.modalWrap .modal .wrappingBox {
  float: none;
  padding: 0px;
  width: auto;
}
.modalWrap #modal_wrapping .submitBlock .btnClose {
  width: 33%;
  margin: 0 13px;
}
.modalWrap #modal_wrapping .submitBlock .btnSubmit {
  width: 33%;
  margin: 0 13px;
}
.modalWrap .modal .wrappingBox .title {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}
.modalWrap .modal .wrappingBox .wrapping_select.border {
  border-bottom: 5px solid #e6e6e6;
  padding-bottom: 15px;
}
.modalWrap .modal .wrappingBox .wrapping_select li {
  width: auto;
  display: block;
}
.modalWrap .modal .wrappingBox .wrapping_select li label {
  width: auto;
  display: block;
  padding: 3px 6px;
}
.modalWrap .modal .wrappingBox .wrapping_select li img {
  width: 100%;
  height: auto;
}
.modalWrap .modal .wrappingBox .wrapping_select li input[type=radio] {
  display: inline-block;
}
.modalWrap .modal .wrappingBox .wrapping_select li label > span {
  display: table-cell;
  vertical-align: middle;
  line-height 1.2;
}
.modalWrap .modal .wrappingBox .wrapping_select li label > span:nth-child(1) {
  width: 10%;
  text-align: left;
}
.modalWrap .modal .wrappingBox .wrapping_select li label > span:nth-child(2) {
  width: 27%;
}
.modalWrap .modal .wrappingBox .wrapping_select li label .text {
  padding: 0 10px;
}
.modalWrap .modal .wrappingBox .wrapping_select {
    margin: 15px 0 0;
}
.modalWrap #modal_wrapping .sections li {
  padding: 10px;
  border: 1px solid #e6e6e6;
}
.modalWrap #modal_wrapping .tab-select .works_select li {
  width: 100%;
  box-sizing: border-box;
}
.modalWrap #modal_wrapping .tab-select .works_select li img {
  width: 29%;
  height: auto;
  display: inline;
  vertical-align: middle;
}
.modalWrap #modal_wrapping .tab-select .works_select li .text {
  padding: 10px;
}
.modalWrap #modal_wrapping .sections .list li {
  padding: 0 20px 0 0;
}
.modalWrap #modal_wrapping .tabs {
  font-size: 0;
  position: relative;
  white-space: nowrap;
  z-index: 999;
}
.modalWrap #modal_wrapping .tabs label {
  background: #f9f9f9;
  border: solid 1px #e0e0e0;
  border-radius: 2px 2px 0 0;
  box-sizing: border-box;
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0 0 -1px 1%;
  padding: 12px 20px 0 48px;
  text-transform: uppercase;
  vertical-align: bottom;
  width: 49.5%;
  height: 4.5em;
}
.modal .tab_box {
  position: relative;
}
.modalWrap #modal_wrapping input.tab_select1 {
  position: absolute;
  top: 14px;
  left: 10px;
  z-index: 1000;
}
.modalWrap #modal_wrapping input.tab_select2 {
  position: absolute;
  top: 14px;
  left: 10px;
  margin-left: 50%;
  z-index: 1000;
}
.modalWrap #modal_wrapping .tabs label {
  background: #f9f9f9;
  border: solid 1px #e0e0e0;
  border-radius: 2px 2px 0 0;
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  letter-spacing: 1px;
  margin: 0 0 -1px 4px;
  text-transform: uppercase;
  vertical-align: bottom;
  height: 4.5em;
  line-height: 1.8;
}
/**
.modalWrap .modal input.tab_select1:checked ~ .tabs label.tab_label1, .modalWrap .modal input.tab_select2:checked ~ .tabs label.tab_label2, .modalWrap .modal input.tab_select3:checked ~ .tabs label.tab_label3 {
  background: #FFF !important;
  border-bottom-color: #FFF !important;
  box-shadow: none;
  font-weight: bold;
}
.modal input.tab_select1:checked ~ .sections li.tab1, .modal input.tab_select2:checked ~ .sections li.tab2, .modal input.tab_select3:checked ~ .sections li.tab3 {
  display: block;
}
**/
.modal .sections li {
  background: #FFF;
  border: solid 1px #e0e0e0;
  border-radius: 0 0 2px 2px;
  box-sizing: border-box;
  display: none;
  height: auto;
  padding: 20px;
}
/**
#modal_wrapping input.tab_select1:checked ~ .tabs label.tab_label1 {
  border-bottom-color: #e0e0e0 !important;
}
**/
/*
  特集ページ
------------------------------------ */
.special_contents .history.border {
  border-bottom: none;
  border-top: 4px solid #ccc;
  padding-top: 20px;
}
.special_contents .free_area {
  margin: 20px 0;
}
.special_contents .free_area.border {
  border-top: 4px solid #ccc;
}
.special_contents .free_area h1 {
  margin: 0 0 20px;
}
.special_contents .free_area h2 {
  font-size: 110%;
  margin-bottom: 10px;
}
.special_contents .free_area .read {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 90%;
}
.special_contents .bgBox {
  background: #f1f1f1;
  padding-top: 10px;
}
.special_contents .bgBox .textbox {
  padding: 0 15px;
  font-size: 90%;
}
.special_contents .bgBox .image {
  width: 100%;
  height: auto;
}
.special_contents .sp_category_list {
  border-bottom: 1px solid #ededed;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.special_contents .sp_category_list.noborder {
  border-bottom: none;
}
.special_contents .sp_category_list li {
  display: table-cell;
  width: 50%;
  padding: 10px 10px;
  box-sizing: border-box;
  border-left: 1px solid #ededed;
}
.special_contents .sp_category_list li:first-child {
  border-left: none;
}
.special_contents .sp_category_list li .arrow {
  margin-bottom: 5px;
  padding: 5px 0 0 30px;
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_cright_l.png) 0 0 no-repeat;
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #000000;
  line-height: 1.2;
  min-height: 25px;
}
.special_contents .sp_category_list li .btn {
  display: block;
  margin: 0 auto 10px;
}
.special_contents .sp_category_list li .entry {
  text-align: center;
}
.special_contents .sp_category_list li .point {
  display: inline-block;
  border: 2px solid #ea7b08;
  padding: 5px;
  color: #ea7b08;
  font-size: 85%;
  line-height: 1.2;
  text-align: center;
}
.special_contents .sp_category_list li .point img {
  margin: 2px 0 0 5px;
  vertical-align: top;
}
.special_contents .sp_category_list li .entry .notesIndent {
  text-align: left;
  text-indent: -1em;
  padding-left:1em;
  font-size: 80%;
  margin-top: 5px;
}
.special_contents .graybox {
  font-size: 90%;
}
.special_contents .graybox .col-01 {
  background: #f2f2f2;
  padding: 10px;
}
.special_contents .graybox .colBox {
  margin: 15px 0 0;
}
.special_contents .graybox .colBox .pht {
  float: right;
  margin: 0 0 10px 10px;
  width: 30%;
}
.special_contents ul.list-disc {
  margin: 0 0 0 2em;
}
.special_contents ul.list-disc li {
  list-style: disc outside;
  margin: 0 0 3px;
  line-height: 1.4;
}

/*
  商品レビュー詳細
------------------------------------ */
#reviewList {
  width: 96%;
  margin: 0 auto;
  padding: 0 0 15px;
  border-bottom: 1px solid #e2e2e2;
}
#reviewList > ul {
  padding: 0 8px;
}
#reviewList .reviewer {
  border-top: 1px solid #e2e2e2;
  margin: 15px 0 0;
  padding: 15px 0 0;
}
#reviewItem .itemInfo {
  padding: 0 8px;
}
#reviewItem .itemPrice strong {
  color: #e82706;
}

/*
  商品一覧カテゴリ＆絞り込み
------------------------------------ */
#list_search_category {
  position: absolute;
  right: 6.5%;
  left: 6.5%;
  border: 3px solid #284db4;
  border-radius: 5px;
  background: #ffffff;
  z-index: 1;
  text-align: left;
  display: none;
}
#list_search_category li {
  border-top: 1px solid #e6e6e6;
}
#list_search_category > ul > li:first-child {
  border: none;
}
#list_search_category .list_title {
  font-size: 120%;
  font-weight: bold;
  padding: 10px 15px;
  color: #2942a9;
}
#list_search_category .list_category > span {
  display: block;
  padding: 10px 15px;
  color: #2942a9;
}
#list_search_category ul li a {
  display: block;
  padding: 10px 26px;
  text-align: left;
}
#list_search_category .closeBtn {
  position: absolute;
  top: 6px;
  right: 6px;
}
#list_search_category .closeBtn .hd_btn_close {
  width: 35px;
  height: auto;
}
#list_narrowing_down {
  position: absolute;
  right: 6.5%;
  left: 6.5%;
  border: 3px solid #284db4;
  border-radius: 5px;
  background: #ffffff;
  z-index: 1;
  text-align: left;
  display: none;
}
#list_narrowing_down li {
  border-top: 1px solid #e6e6e6;
}
#list_narrowing_down > ul > li:first-child {
  border: none;
  padding-bottom: 10px;
}
#list_narrowing_down li > span {
  display: block;
  font-size: 120%;
  font-weight: bold;
  padding: 10px 15px;
  color: #2942a9;
}
#list_narrowing_down ul li li {
  display: block;
  padding: 10px 26px;
  text-align: left;
}
#list_narrowing_down ul ul {
}
#list_narrowing_down .list_price li {
  padding: 0;
}
#list_narrowing_down li.list_search {
  padding: 10px 16px;
}
#list_narrowing_down .list_price li a {
  display: block;
  padding: 10px 26px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 92% 50% no-repeat;
  background-size: 6px 9px;
}
#list_narrowing_down ul li li input {
  vertical-align: middle;
  margin-right: 5px;
}
#list_narrowing_down input[type=text] {
  width: 30%;
  margin: 0 0 10px;
}
#list_narrowing_down .btn {
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5;
  border-radius: 5px;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 26px;
  width: 46%;
  max-width: 150px;
}
#list_narrowing_down .closeBtn {
  position: absolute;
  top: 6px;
  right: 6px;
}
#list_narrowing_down .closeBtn .hd_btn_close {
  width: 35px;
  height: auto;
}

/*
  商品一覧カテゴリ＆絞り込み
------------------------------------ */
#settingBox {
  padding: 30px 0 50px;
  text-align: left;
}
#settingBox .settingItemName {
  margin: 0 2.5em 15px 0;
  padding: 4px 8px;
  background: #f2f2f2;
  border: 1px solid #c1c1c1;
  word-break: break-all;
}
#settingBox .paging {
  float: right;
  font-weight: bold;
}
#settingBox h2 {
  margin: 50px 0px 0;
  padding: 18px 0px 0px 40px;
  border-top: 4px solid #cccccc;
  font-size: 108%;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_check_01.gif) 3px 16px no-repeat;
  min-height: 28px;
}
#settingBox .line {
  border-bottom: 1px solid #e6e6e6;
}
#settingBox .inBox {
  margin: 25px 0px 10px;
  padding: 0 10px 10px;
}
#settingBox .inBox.disabled p, #settingBox .inBox.disabled ul {
  opacity: 0.3;
}
#settingBox .inBox .list {
  padding: 10px 0px 10px;
}
#settingBox .inBox .list li,
#settingBox .inBox .list2 li {
  line-height: 1.4;
  padding-left: 1.3em;
  padding-bottom: 1em;
  text-indent: -1.3em;
}
#settingBox .inBox .locImg {
  display: block;
  margin: 10px 0;
  max-width: 100%;
  height: auto;
}
#settingBox .ageBox {
  box-sizing: border-box;
  margin: 35px 8px 30px;
  padding: 20px 20px;
  border: 1px solid #fec64b;
  border-radius: 2px;
  background: #fefacb;
  font-size: 80%;
}
.submitBlock .btnSubmit {
  color: #fff;
  background: #284db4;
  border: 1px solid #284db4;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
  width: 120px;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.point .mouseOnPopup2 {
  width: auto;
}
#resultArea .commonBtn {
  background: #fff url(/excludes/fo/s/edion/img/cmn/sign/ic_down_gray_02.png) 95% 50% no-repeat;
  background-size: 13px 7px;
}
#resultArea .commonBtn.selected {
  background: #ebebeb url(/excludes/fo/s/edion/img/cmn/sign/ic_up_gray_02.png) 95% 50% no-repeat;
  background-size: 13px 7px;
}
#settingBox .small {
  font-size: 75%;
  line-height: 1.4;
  display: block;
  padding-left: 20px;
}
#settingBox .small2 {
  font-size: 85%;
  line-height: 1.4;
}
#settingBox .indent1 {
  padding-left: 1em;
  text-indent: -1em;
}
#settingBox .stairsArea {
  display: none;
}

/*
  お届け先の入力
------------------------------------ */
#delivery_Box {
  padding: 30px 0 50px;
  text-align: left;
}
#delivery_Box .leftCol {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 4px solid #c1c1c1;
}
#delivery_Box h2 {
  border: none;
  padding: 0 10px;
  margin: 0 0 20px;
  font-size: 130%;
}
#delivery_Box .attention{
  margin: 0 3%;
}
#delivery_Box .tab_box {
  margin: 0 3%;
}
#DeliveryAddressBox .tab_box {
  line-height: 2;
  margin-bottom: 20px;
}
#DeliveryAddressBox .sections li {
  background: #FFF;
  border: solid 1px #e0e0e0;
  border-radius: 0 0 2px 2px;
  box-sizing: border-box;
  display: none;
  height: auto;
  margin: 15px 0 0;
  padding: 15px;
  line-height: normal;
}
/**
#DeliveryAddressBox input.tab_select1:checked ~ .sections li.tab1, #DeliveryAddressBox input.tab_select2:checked ~ .sections li.tab2, #DeliveryAddressBox input.tab_select3:checked ~ .sections li.tab3 {
  display: block;
}
**/
#DeliveryAddressBox #MemberAdressBox {
  font-size: 90%;
}
#DeliveryAddressBox #MemberAdressBox .name {
  margin: 0 0 10px;
  font-weight: bold;
}

#DeliveryAddressBox #MemberAdressBox {
  font-size: 90%;
}
#DeliveryAddressBox #MemberAdressBox dt {
  float: left;
  width: 7em;
  color: #6b6b6b;
}
#DeliveryAddressBox #MemberAdressBox dd {
  margin: 0 0 3px 8em;
}
#DeliveryAddressBox #RegistAdressBox .selectGroup {
  padding-bottom: 10px;
}
#DeliveryAddressBox #RegistAdressBox .selectAdress td {
  padding: 6px;
  border: 1px solid #e0e0e0;
  font-size: 80%;
  vertical-align: middle;
}
#DeliveryAddressBox #RegistAdressBox .selectAdress td .name {
  font-size: 110%;
  margin: 0 0 5px;
  float: left;
}
#DeliveryAddressBox #RegistAdressBox .selectAdress td .change {
  float: right;
  margin: 7px 0;
  text-align: right;
}
#DeliveryAddressBox .btn2 {
  text-align: center;
  background: #284db4;
  border: 1px solid #284db4;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
  color: #ffffff;
  margin: 0;
  padding: 5px 10px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  box-sizing: border-box;
  cursor: pointer;
}
#DeliveryAddressBox #RegistAdressBox .selectAdress td dl {
  clear: both;
  margin: 0;
}
#DeliveryAddressBox #RegistAdressBox .selectAdress td dt {
  float: left;
  width: 3em;
  color: #6b6b6b;
}
#DeliveryAddressBox #RegistAdressBox .selectAdress td dd {
  margin: 0 0 3px 3em;
}
#DeliveryAddressBox #NewAdressBox .required,
#PaymentBox .required {
  color: #a9212b;
}
#DeliveryAddressBox #NewAdressBox .inputTbl {
  display: block;
  overflow: hidden;
  width: 100%;
}
#DeliveryAddressBox #NewAdressBox .inputTbl tbody {
  width: auto;
  display: block;
}
#DeliveryAddressBox #NewAdressBox .inputTbl tr {
  display: block;
}
#DeliveryAddressBox #NewAdressBox .inputTbl th, #DeliveryAddressBox #NewAdressBox .inputTbl td {
  width: auto;
  padding: 0;
  display: block;
  box-sizing: border-box;
  line-height: 1.8;
}
#DeliveryAddressBox #NewAdressBox .inputTbl th {
  font-weight: bold;
  text-align: left;
  color: #6a6a6a;
  padding: 15px 0 0;
  line-height: 1.2;
}
#DeliveryAddressBox #NewAdressBox .inputTbl .notes {
  margin-top: 5px;
  text-indent: -1em;
  padding-left: 1em;
  font-size: 85%;
  line-height: 1.4;
}
#delivery_Box .rightCol {
  margin: 0 3%;
  padding: 15px;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background: #f2f2f2;
}
#delivery_Box .rightCol .title {
  margin: 0 0 5px;
  font-size: 92%;
  font-weight: bold;
  color: #6b6b6b;
}
#delivery_Box .rightCol .subtotal {
  margin: 0 0 20px;
  font-size: 85%;
}
#delivery_Box .rightCol .subtotal dt {
  float: left;
  width: 8em;
}
#delivery_Box .rightCol .subtotal dd {
  margin: 0 0 3px 8em;
}
#delivery_Box .rightCol .total {
  margin: 0 0 15px;
  padding: 15px 0 0;
  border-top: 2px solid #d5d5d5;
}
#delivery_Box .rightCol .total dt {
  float: left;
  width: 2em;
  font-weight: bold;
  color: #6b6b6b;
  padding-top: .2em;
}
#delivery_Box .rightCol .total dd {
  margin-left: 2em;
  text-align: right;
}
#delivery_Box .rightCol .amount {
  float: right;
}
#delivery_Box .rightCol .tax-none {
  padding-right: 2.9em;
}
#delivery_Box .rightCol .point {
  margin: 0;
  font-size: 85%;
  position: relative;
}
#delivery_Box .rightCol .point dt {
  float: left;
  width: 9em;
}
#delivery_Box .rightCol .point dd {
  margin-left: 9em;
  text-align: right;
}
#delivery_Box .rightCol .border {
  padding: 15px 0 0;
  border-top: 2px solid #d5d5d5;
}
#delivery_Box .rightCol .btn {
  border-width: 1px;
  border-style: solid;
  border-color: #df7307 #da7106 #b76003;
  border-radius: 4px;
  display: block;
  text-align: center;
  background: #ea7b08;
  color: #ffffff;
  padding: 12px;
  text-decoration: none;
}
#delivery_Box .mouseOnPopupWrap {
  position: static;
}
.mouseOnPopup3 {
  width: 95%;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: -100px;
  padding: 10px;
  font-size: 90%;
  box-shadow:0px 0px 6px 3px #d6d6d6;
  -moz-box-shadow:0px 0px 6px 3px #d6d6d6;
  -webkit-box-shadow:0px 0px 6px 3px #d6d6d6;
  z-index: -1;
  opacity: 0;
}
.mouseOnPopup3Trigger {
  color: #284db4;
}
.mouseOnPopup3.showTop {
  top: -130px;
}
.mouseOnPopup3.active {
  z-index: 1000;
}
.mouseOnPopup3 .popClose {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background: #f2f2f2;
  float: right;
  margin: -5px 0 5px 5px;
}

.mouseOnPopup3 .popClose a {
  display: block;
  width: 32px;
  height: 32px;
  text-decoration: none;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_close.gif) no-repeat center center;
}

/*
  マイページインジケータ
------------------------------------ */
#login_flow {
  padding: 15px 0 0;
  text-align: center;
  position: relative;
}
#login_flow:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 7px;
  left: 0;
  right: 0;
  border: 1px solid #e0e0e0;
}
#login_flow li {
  display: inline-block;
  margin: 0 0 0 0px;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
  color: #9a9a9a;
}
#login_flow li.active {
  color: #1e36a4;
}
#login_flow li img {
  display: block;
  margin: 0 auto;
}
#login_flow li span {
  display: block;
  margin: 6px auto 0;
}
#login_flow li span:after {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background: #e0e0e0;
  content: "";
  display: block;
  margin: 5px auto 0;
}
#login_flow li.active span:after {
  background: #284db4;
}
#login_flow li {
  position:relative;
  margin-left:0;
  padding-left:0px;
  min-width: 20%;
}
#login_flow.col-05 li {
  min-width: 16%;
}
#login_flow li:first-child {
  padding-left:0px;
}

#login_flow li span {
  position:relative;
}
#login_flow li.last span:after {
  margin-top:1px;
}

#login_flow li.active:before {
  background: #284db4;
  /*width:62px;*/
  width: 50%;
  height:2px;
  display:block;
  content:"";
  position:absolute;
  bottom:5px;
  left: -7px
}
#login_flow li.active.last:before {
  bottom:7px;
}
#login_flow li:first-child.active:before {
  background: none
}

#login_flow li.active span:before {
  background: #284db4;
  width:100%;
  height:2px;
  display:block;
  content:"";
  position:absolute;
  bottom:5px;
}
#login_flow li.active.last span:before {
  width:50%;
  left:0;
  bottom:7px;
}
#login_flow li:first-child.active span:before {
  width:50%;
  right:0;
}
#login_flow li:first-child.active.last span:before {
  width:0%;
  right:0;
}
#login_flow li.active.last span:after {
  width:10px;
  height:10px;
  border:4px double #ffffff;
}

/*
  お支払い方法・配送日時の入力
------------------------------------ */
#couponBox h3, #pointBox h3, #PaymentMethodBox h3, #deliveryBox h3 {
  margin: 0 0 20px 0;
  padding: 3px 0 5px 12px;
  background: url(/excludes/fo/p/edion/img/cmn/ttl/bg_point.gif) 0 0 no-repeat;
  text-align: left;
}
#couponBox {
  margin: 0 3%;
}
#pointBox {
  margin: 0 3%;
}
#pointBox .tab_box {
  line-height: 2;
}
#PaymentMethodBox h3 {
  margin: 0 3% 20px;
}
#PaymentMethodBox .tab_box {
  line-height: 2;
}
#PaymentMethodBox .tab_box .sections {
  line-height: normal;
}
#deliveryBox {
  margin: 0 3%;
}
#couponBox .couponList {
  margin: 0 0 20px;
}
#couponBox .couponList li {
/*	display: table-cell;
  width: 200px;	*/
  padding: 0 0 15px;
  border-left: 15px solid #fff;
  font-size: 85%;
  font-weight: bold;
}
#couponBox .couponList li  input[type=checkbox] {
  vertical-align: middle;
}
#couponBox .couponList li label {
  cursor: pointer;
  vertical-align: middle;
}
#couponBox .couponList li img {
  display: block;
  max-width: 200px;
  margin: 10px 0 0;
}
#couponBox .couponList li {
/*	display: table-cell;	*/
  border-left: 5px solid #fff;
  font-size: 85%;
  font-weight: bold;
}
#couponBox .coupon-01 {
  background: #e92606;
  width: 210px;
  border: 3px solid #e92606;
  color: #fff;
  display: inline-block;
  margin: 10px 0 0 20px;
  padding: 7px;
  font-size: 12px;
  line-height: 1.4;
  word-break: break-all;
  box-sizing: border-box;
  vertical-align: middle;
}
#couponBox .coupon-02 {
  background: #fff;
  width: 210px;
  border: 3px solid #e92606;
  color: #e92606;
  display: inline-block;
  margin: 10px 0 0 20px;
  padding: 7px;
  font-size: 12px;
  line-height: 1.4;
  word-break: break-all;
  box-sizing: border-box;
  vertical-align: middle;
}
/**
#PaymentBox #pointBox input.tab_select2:checked ~ .sections li.tab1 {
  display: block;
}
**/
#PaymentBox #pointInputBox {
  padding: 20px 20px;
  font-size: 85%;
}
#PaymentBox .sections > li {
  background: #FFF;
  border: solid 1px #e0e0e0;
  border-radius: 0 0 2px 2px;
  box-sizing: border-box;
  display: none;
  height: auto;
  padding: 15px;
}
/**
#PaymentBox #PaymentMethodBox input.tab_select1:checked ~ .sections li.tab1, #PaymentBox #PaymentMethodBox input.tab_select2:checked ~ .sections li.tab2, #PaymentBox #PaymentMethodBox input.tab_select3:checked ~ .sections li.tab3, #PaymentBox #PaymentMethodBox input.tab_select4:checked ~ .sections li.tab4 {
  display: block;
}
**/
.availableCard dd {
  margin: 0;
  padding: 0;
}
.availableCard dd p {
  padding: 15px 0 0;
}
.availableCard dd p img {
  margin: 5px 0 0 20px;
}
.cardPayment {
  margin: 0;
}
/*
.cardPayment dt {
  padding: 15px 0 0;
}
*/
.cardPayment dt:first-child {
  padding: 0;
}
.cardPayment dd {
  margin: 0;
  padding: 0 0 0 1em;
}
.cardInfo {
  line-height: 2;
}
.cardInfo dt {
  padding: 15px 0 0;
}
.cardInfo dd {
  margin: 0;
  padding: 0;
}
#PaymentMethodBox #PaymentCredit .cardBox {
    border: 2px solid #e0e0e0;
    margin: 40px 0 0;
    padding: 22px;
    border-radius: 2px;
}
#PaymentMethodBox .list1 {
  margin: 20px 0 !important;
}
#PaymentMethodBox .list1 li {
  margin: 0 0 5px;
  text-indent: -1em;
  padding-left: 1em;
  list-style-type: none;
  color: #aa3b1f;
  font-size: 80%;
}
#PaymentMethodBox .list1 li:before {
  content: "・";
}
#deliveryBox .list2 li, #PaymentMethodBox .list2 li {
  margin: 0 0 3px;
  text-indent: -1em;
  padding-left: 1em;
  list-style-type: none;
  font-size: 80%;
}
#deliveryBox .list2 li:before, #PaymentMethodBox .list2 li:before {
  content: "※";
}
/**
#PaymentBox #deliveryBox input.tab_select2:checked ~ .sections li.tab1 {
  display: block;
}
**/
#PaymentBox #deliveryBox #DeliveryTime {
  display: none;
}
#PaymentMethodBox #PaymentCredit.outside {
  padding: 0 3%;
}
#DeliveryDate .title {
  clear: both;
  margin: 0 0 15px;
}
#DeliveryDate .tblcal {
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  margin: 0 0 30px;
}
#DeliveryDate .tblcal th,
#DeliveryDate .tblcal td {
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
#DeliveryDate .tblcal th {
  padding: 7px 10px;
  background: #e0e3f4;
  color: #262626;
  font-weight: bold;
  text-align: left;
}
#DeliveryDate .tblcal td {
  text-align: center;
  font-size: 80%;
  color: #adadad;
}
#DeliveryDate .tblcal td.week {
  padding: 7px 0;
  color: #3d3d3d;
  background: #f9f9f9;
}
#DeliveryDate .tblcal td.sun {
  color: #ad3036;
}
#DeliveryDate .tblcal td.off {
  padding: 7px 0;
}
#DeliveryDate .tblcal .selected {
  background: #e6e6e6;
}
#DeliveryDate .tblcal td a {
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 7px 0;
  text-align: center;
  vertical-align: middle;
  color: #2036a5;
  font-weight: bold;
  text-decoration: none;
}
#PaymentBox #deliveryBox .tab_box2 .borderBox {
  padding: 20px 20px;
  border: solid 1px #e0e0e0;
}
#PaymentBox #deliveryBox .tab_box2 .borderBox .selectTime {
  line-height: 2;
}
/**
#PaymentBox #deliveryBox .tab_box2 .borderBox .selectTime input[type=radio]:checked ~ label {
  font-weight: bold;
}
**/
#PaymentBox #deliveryBox .tab_box2 .borderBox .demand {
  line-height: 2;
}
#DeliveryDate .improper {
  text-indent: -1em;
  padding-left: 1em;
  margin: 0 0 0px 0;
  font-weight: bold;
}
#deliveryBox .inputDemand {
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
}
#deliveryBox #wrapping_input {
  display: none;
}

/*
  注文内容の確認
------------------------------------ */
#delivery_Box .ageBox {
  box-sizing: border-box;
  margin: 0 3%;
  padding: 10px;
  border: 1px solid #fec64b;
  border-radius: 2px;
  background: #fefacb;
  font-size: 80%;
}
#delivery_Box .ageBox .title,
#delivery_Box .ageBox label {
  /*font-size: 120%;*/
  font-weight: bold;
}
#delivery_Box .ageBox a {
  color: #284db4;
}
#delivery_Box .cartBox {
  margin-right: 3%;
  margin-left: 3%;
  border-top: none;
}
#delivery_Box .titleBox {
  margin: 0 0 20px;
  border-top: 4px solid #c1c1c1;
  border-radius: 1px;
  position: relative;
}
#delivery_Box .titleBox .title {
  padding: 15px 10px 0;
  font-size: 110%;
  font-weight: bold;
}
#delivery_Box .cartBox .itemBox {
  margin: 0 0 20px;
}
#delivery_Box .cartBox .itemBox > img {
  width: 70px;
  height: auto;
  float: left;
  margin: 10px 10px 10px 0;
}
#delivery_Box .cartBox .itemBox .inBox .itemTitle.wide {
  margin: 0 0 10px 0;
}
#delivery_Box .cartBox .itemBox .inBox .itemNumber {
  padding: 0 0 10px;
  margin-top: 0;
}
#delivery_Box .titleBox .title {
  display: inline-block;
}
#delivery_Box .titleBox .change {
  font-size: 90%;
  display: inline-block;
  float: right;
  text-align: right;
  margin: 15px 0 0;
}
#delivery_Box .titleBox .change a {
  color: #262626;
  text-decoration: none;
}
#delivery_Box .titleBox .change img {
  vertical-align: middle;
  margin: -2px 5px 0 0;
}
#delivery_Box .ordererInfo {
  box-sizing: border-box;
  margin: 0 10px 30px;
  padding: 0 0 0;
  font-size: 90%;
}
#delivery_Box .ordererInfo .name {
  margin: 0 0 5px;
  font-weight: bold;
}
#delivery_Box .ordererInfo .adressInfo {
  margin: 0;
}
#delivery_Box .ordererInfo .adressInfo dt {
  float: left;
  width: 7em;
  color: #6b6b6b;
}
#delivery_Box .ordererInfo .adressInfo dd {
  margin: 0 0 3px 8em;
}
#delivery_Box .ordererInfo .adressInfo dd:before {
  content: "：";
  margin-left: -1em;
  color: #6b6b6b;
}
#delivery_Box .ordererInfo .paymentInfo {
  margin: 0 0 30px;
}
#delivery_Box .ordererInfo .paymentInfo dt {
  float: left;
  width: 5em;
  padding: 10px 0 0;
  color: #6b6b6b;
}
#delivery_Box .ordererInfo .paymentInfo dt:after {
  content: "：";
  color: #6b6b6b;
}
#delivery_Box .ordererInfo .paymentInfo dd {
  margin: 0 0 3px 5em;
  padding: 10px 0 0;
  vertical-align: top;
  font-weight: bold;
}
#delivery_Box .ordererInfo .paymentInfo .coupon img {
  margin: 10px 10px 10px 0;
  width: 175px;
}
#delivery_Box .ordererInfo .dateselect {
  color: #aa3b1f;
}
#delivery_Box .ordererInfo #couponBox {
  margin: 0.5em 0 0;
  padding: 0;
}
#delivery_Box .ordererInfo #couponBox .couponList {
  margin: 0 0 0;
}
/*
#delivery_Box .ordererInfo #couponBox .coupon-02 {
  margin: 0 0 0;
}
*/
.termsGroup ol {
  margin-left: -0.5em;
}
.termsGroup ol li {
  list-style: decimal outside;
}
.termsGroup ul {
  margin: 0 0 0 2em;
}
.termsGroup ul li {
  list-style: disc outside;
}
#delivery_Box .orderNumber {
  display: inline-block;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  padding: 10px 20px;
}
#delivery_Box .btnBack .btn3 {
  display: inline-block;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  padding: 10px 18px;
  width: 80%;
  margin: 10px auto;
}
#delivery_Box .btnDownload .btn1 {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  background: #ea7b08;
  border: 1px solid #d97007;
  border-color: #df7307 #da7106 #b86006 #da7106;
  color: #ffffff;
  padding: 10px 18px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  box-sizing: border-box;
  width: 80%;
  margin: 10px auto;
}

/*
  コンテンツダウンロード
------------------------------------ */
.download h1 {
  margin: 30px 0 20px;
  padding: 0 0 10px;
  border: none;
  border-bottom: 4px solid #c1c1c1;
}
.download .downloadBlock {
  border: 1px solid #e0e0e0;
  padding: 10px;
}
.download .downloadBlock .image {
  float: left;
}
.download .downloadBlock .inBox {
  padding-left: 90px;
}
.download .downloadBlock .inBox .orderNumber {
  font-size: 80%;
  margin: 0 0 5px;
}
.download .downloadBlock .inBox .itemTitle {
  border-bottom: 1px solid #e0e0e0;
  padding: 6px 0 12px;
  font-size: 80%;
  line-height: 1.4;
  font-weight: bold;
}
.download .downloadBlock .inBox .priceInfo {
  display: inline-block;
  width: 80%;
  font-size: 80%;
  vertical-align: top;
  padding: 20px 0 10px;
  text-align: right;
}
.download .downloadBlock .inBox .red {
  color: #e92606;
}
.download .downloadBlock .inBox .large {
  font-size: 140%;
  font-weight: bold;
}
.download .downloadBlock .inBox .orange {
  color: #ec8212;
}
.download .downloadBlock .inBox .itemNumber {
  width: 15%;
  font-size: 80%;
  display: inline-block;
  text-align: right;
  padding: 20px 0 10px;
  vertical-align: top;
}
.download .btnDownload .btn1 {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  background: #ea7b08;
  border: 1px solid #d97007;
  border-color: #df7307 #da7106 #b86006 #da7106;
  color: #ffffff;
  padding: 10px 18px;
  border-radius: 5px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  box-sizing: border-box;
  width: 15em;
  margin: 10px auto;
}
.download .btnBlock .btn3 {
  display: inline-block;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  padding: 10px 18px;
  width: 15em;
  margin: 10px auto;
}
.download .downloadBlock .borderTbl {
  width: 100%;
  border: #d6d6d6 2px solid;
  box-sizing: border-box;
  display: table;
  font-size: 85%;
}
.download .downloadBlock .borderTbl.thinBorder {
  border: none;
  border-left: #e6e6e6 1px solid;
  border-bottom: #e6e6e6 1px solid;
}
.download .downloadBlock .borderTbl > thead > tr > th,
.download .downloadBlock .borderTbl > tbody > tr > th,
.download .downloadBlock .borderTbl > tbody > tr > td {
  padding: 5px 10px;
  border-right: #e6e6e6 1px solid;
  border-top: #e6e6e6 1px solid;
}
.download .downloadBlock .borderTbl > thead > tr > th,
.download .downloadBlock .borderTbl > tbody > tr > th {
  background: #f5f5f5;
  text-align: left;
  font-weight: normal;
}

/*
  エラー通知
------------------------------------ */
#errorBox {
  margin: 30px auto 0;
  text-align: center;
}
#errorBox p {
  text-align: center;
}
#errorBox p.error {
  margin-left: -20px;
}
#errorBox p.error img {
  vertical-align: middle;
  margin: 0 20px 0 0;
  width: 42px;
  height: auto;
}
#errorBox .btn2 {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  background: #284db4;
  border: 1px solid #284db4;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
  color: #ffffff;
  border-radius: 3px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  box-sizing: border-box;
  padding: 10px 18px;
  margin: 0 auto 5px;
  width: 80%;
}

/*
  セキュリティーチェック
------------------------------------ */
.securitycheck {
  display: inline-block;
  width: 271px;
  box-sizing: border-box;
  border: 1px solid #909090;
  border-left: none;
}
.securitycheck li {
  float: left;
  width: 53px;
  height: 53px;
  margin: 0;
  padding: 0;
  border-left: 1px solid #909090;
}
.securitycheck li img {
  vertical-align: bottom;
  cursor: pointer;
}

/*
  ボタン
------------------------------------ */
.btnBlue {
  display: inline-block;
  text-align: center;
  background: #284db4;
  border: 1px solid #284db4;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
  color: #ffffff !important;
  padding: 8px 15px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  box-sizing: border-box;
}
.btnOrange {
  border-width: 1px;
  border-style: solid;
  border-color: #df7307 #da7106 #b76003;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  background: #ea7b08;
  color: #ffffff !important;
  margin-bottom: 8px;
  padding: 8px 15px;
  text-decoration: none;
  font-weight: bold;
}
.btnGray {
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 8px;
  padding: 8px 15px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #262626 !important;
}

/*
  テーブル
------------------------------------ */
/*.inputTbl {
  display: table;
  width:100%;
  border-collapse: collapse;
  overflow: hidden;
  border:1px solid #e0e0e0;
  box-sizing: border-box;
}
.inputTbl tbody {
  width: auto;
  display: block;
}
.inputTbl th,
.inputTbl td {
  display:table-cell;
  box-sizing: border-box;
  padding: 10px 5px;
  border: solid 1px #e0e0e0;
}
.inputTbl th {
  width:24% !important;
  font-weight: bold;
  font-size:80%;
  text-align: left;
  color: #6a6a6a;
  background-color:#f5f5f5;
  vertical-align:top;
  padding-top:12px;
  box-sizing: border-box;
}
.inputTbl td {
  width:76%;
  padding:10px 5px;
  font-size:85%;
  box-sizing: border-box;
}
.inputTbl.borderTbl {
  border: #d6d6d6 2px solid;
}
.inputTbl.borderTbl th {
  background: #f5f5f5;
  border-bottom: #e6e6e6 1px solid;
  border-top: #d6d6d6 1px solid;
  padding: 10px;
}
.inputTbl.borderTbl td,
.inputTbl td.td-pdg {
  padding: 10px;
}
.inputTbl.borderTbl th.border-none,
.inputTbl.borderTbl tr:nth-child(1) th {
  border-top: none;
}
.inputBlock .inputTbl .sb1 {
  border-top: 1px solid #e0e0e0;
  margin: 15px 0 0;
  padding: 15px 0 0;
}*/
.inputTbl {
  display: table;
  width:100%;
  border-collapse: collapse;
  table-layout: fixed;
  border:1px solid #e0e0e0;
  box-sizing: border-box;
}
.inputTbl th,
.inputTbl td {
  display:table-cell;
  box-sizing: border-box;
  padding: 10px 5px;
  border: solid 1px #e0e0e0;
}
.inputTbl th {
  width:24%;
  font-weight: bold;
  font-size:80%;
  text-align: left;
  color: #6a6a6a;
  background-color:#f5f5f5;
  vertical-align:top;
  padding-top:12px;
  box-sizing: border-box;
}
.inputTbl td {
  width:76%;
  padding:10px 5px;
  font-size:85%;
  box-sizing: border-box;
}
.inputTbl .btnSearch {
  -webkit-appearance: none;
  margin: 0 0 0 5px;
  padding:4px 6px;
  display: inline-block;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  color: #222222;
  background: #d6d6d6;
  border:1px solid #cccccc;
  border-color: #cccccc #cccccc #cccccc #cccccc;
}
.tblcomment {
  width:100%;
  font-size:85%;
  padding: 10px 5px;
  box-sizing: border-box;
}
.inputTbl .input-w1 {
  width: 100%;
}
.inputTbl caption {
  text-align: left;
  margin: 0 0 5px;
}


/*
  ログイン/新規会員登録
------------------------------------ */
#login_contents {
  margin: 30px 3%;
}
/*#login_contents h1 {
  border-left: none;
  margin: 0 0 15px;
  padding: 0;
}*/
#login_contents .colBox1 {
  box-sizing: border-box;
  border: 2px solid #c1c1c1;
  margin: 20px 0 0;
}
#login_contents .colBox2 {
  box-sizing: border-box;
  border: 2px solid #e0e0e0;
  margin: 20px 0 0;
}
#login_contents .colBox1 h2,
#login_contents .colBox2 h2 {
  font-size: 100%;
  font-weight: bold;
  margin: 0 0 0.5em;
  padding: 10px;
  background: #f2f2f2;
}
#login_contents .colBox1 label,
#login_contents .colBox2 label {
  display: block;
  margin: 0 0 3px;
}
#login_contents .colBox1 .inner,
#login_contents .colBox2 .inner {
  padding: 10px;
}
#login_contents .colBox1 input[type="text"] {
  margin: 3px 0 0;
}
#login_contents .colBox1 .btnOld,
#login_contents .colBox2 .btnOld {
  display: block;
  text-align: center;
  background: #284db4;
  border: 1px solid #284db4;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
  color: #ffffff;
  padding: 8px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  width: 100%;
  box-sizing: border-box;
}
#login_contents .colBox2 .btnRegist {
  display: block;
  text-align: center;
  background: #ea7b08;
  border: 1px solid #d97007;
  border-color: #df7307 #da7106 #b86006 #da7106;
  color: #ffffff;
  padding: 8px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  width: 100%;
  box-sizing: border-box;
}
#login_contents .colBox2 .innerCol2,
#login_contents .colBox2 .signup {
  border-top: 2px solid #e0e0e0;
  margin: 20px 0 0;
  padding: 20px 0 0;
}

/*
  メールアドレス登録
------------------------------------ */
#login_contents .inputBox {
  /*border: solid 1px #e0e0e0;*/
  margin-bottom: 20px;
  /*padding: 10px;*/
}
.inputBlock {
  margin: 25px 0 0;
  padding: 15px 0 0;
  border-top: 4px solid #c1c1c1;
}
.inputBlock h2 {
  margin: 0 0 15px;
  padding: 0 0 0;
  font-size: 110%;
}
#login_contents .required {
  color: #a9212b;
}
#login_contents .mouseOnPopupWrap {
  /*position: relative;*/
}
#login_contents .mouseOnPopup3 {
  width: 90%;
  left: 5px;
  font-size: 85%;
}
#login_contents .mouseOnPopup3Trigger {
  display: inline-block;
}

/*
  新規会員登録
------------------------------------ */
.kiyakuBlock {
  border: 1px solid #fec64b;
  border-radius: 2px;
  background: #fefacb;
  margin: 20px 0 0;
  padding: 20px;
  font-size: 90%;
}
.kiyakuBlock a {
  text-decoration: none;
  font-weight: bold;
  color: #1d38a3;
}
.submitBlock {
  margin: 20px 0 0;
}
.submitBlock .btnCorrect {
  display: inline-block;
  color: #262626;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  padding: 13px;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  box-sizing: border-box;
  width: 120px;
}
.submitBlock.smallbtn .btnBack,
.submitBlock.smallbtn .btnCorrect,
.submitBlock.smallbtn .btnSubmit {
  width: 6em;
}
.memberTokuten .borderBox {
  box-sizing: border-box;
  margin: 0 0 30px;
  padding: 10px;
  border: 1px solid #e6e6e6;
}
.memberTokuten .borderBox dl {
  margin: 0;
}
.memberTokuten .borderBox dt {
  margin: 0 0 5px;
  font-weight: bold;
}
.memberTokuten .borderBox dd {
  margin: 0;
  padding: 0;
  /*font-size: 85%;*/
}
.memberTokuten .submitBlock a {
  width: 60%;
  box-sizing: border-box;
  margin-bottom: 20px;
}

/*
  会員情報
------------------------------------ */
.readBgBlock {
  background: #f7f7f7;
  padding: 15px;
  border-radius: 3px;
  margin: 20px 0;
}
.category_list.subnavi {
  padding: 0;
  margin-bottom: -30px;
}
.category_list.subnavi > li {
  display:block;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
  padding: 0;
}
.category_list.subnavi > li > a {
  padding: 10px 0 10px 10px;
}
.category_list.subnavi li a {
  display: block;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 97% 50% no-repeat;
  background-size: 6px 9px;
}
.category_list.subnavi li img {
  vertical-align: middle;
  margin: 0 10px 0 0;
}
.category_list.subnavi li .slideBtn {
  display:block;
  width: 100%;
  box-sizing: border-box;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_down_gray_01.gif) 97% 50% no-repeat;
  background-size: 13px 7px;
  color: #2942a9;
  padding: 10px 0 10px 10px;
}
.category_list.subnavi .detail {
  display:none;
  padding: 0 0 0;
  margin: 0;
}
.category_list.subnavi .detail > li {
  border-bottom: none;
  border-top: 1px solid #e6e6e6;
  background-color: #f2f2f2;
}
.category_list.subnavi .detail li a {
  display: block;
  padding: 7px 20px;
  color: #333333;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 97% 50% no-repeat;
  background-size: 6px 9px;
}

/*
  エディオンネットショップに関するお問い合わせ
------------------------------------ */
#list_contact_trigger {
  padding: 2px 30px 2px 6px;
  text-align: left;
  display: inline-block;
  border: #c1c1c1 1px solid;
  border-radius: 4px;
  background: #fff url(/excludes/fo/s/edion/img/cmn/sign/ic_down_gray_02.png) 98% 50% no-repeat;
  background-size: 13px 7px;
}
#list_contact_category {
  position: absolute;
  right: 6.5%;
  left: 6.5%;
  border: 3px solid #284db4;
  border-radius: 5px;
  background: #ffffff;
  z-index: 1;
  text-align: left;
  display: none;
}
#list_contact_category li {
  border-top: 1px solid #e6e6e6;
}
#list_contact_category > ul > li:first-child {
  border: none;
}
#list_contact_category .list_title {
  font-size: 120%;
  font-weight: bold;
  padding: 10px 15px;
  color: #2942a9;
}
#list_contact_category .list_category > span {
  display: block;
  padding: 10px 15px;
  color: #2942a9;
}
#list_contact_category ul li a {
  display: block;
  padding: 10px 26px;
  text-align: left;
}
#list_contact_category .closeBtn {
  position: absolute;
  top: 6px;
  right: 6px;
}
#list_contact_category .closeBtn .hd_btn_close {
  width: 35px;
  height: auto;
}


/*
  変更完了
------------------------------------ */
.headerPopup {
  width: 90%;
  background: rgba(255, 20, 20, 0.9);
  border-radius: 5px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  padding: 8px;
  color: #fff;
  font-size: 95%;
  font-weight: bold;
  text-align: center;
  box-shadow:0px 0px 6px 3px #d6d6d6;
  -moz-box-shadow:0px 0px 6px 3px #d6d6d6;
  -webkit-box-shadow:0px 0px 6px 3px #d6d6d6;
  z-index: 900;
}
.headerPopup.active {
  top: 50%;
}
.headerPopup p {
  margin-top: 5px;
}
.headerPopup .popClose {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background: #fff;
  float: right;
  margin-top: -5px;
}
.headerPopup .popClose a {
  display: block;
  width: 32px;
  height: 32px;
  text-decoration: none;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_pop_close.gif) no-repeat center center;
}

/*
  郵便番号検索
------------------------------------ */
.modal .submitBlock.smallbtn .btnBack,
.modal .submitBlock.smallbtn .btnCorrect,
.modal .submitBlock.smallbtn .btnSubmit {
  width: 6em;
  margin: 0 5px;
  padding: 10px 5px;
  text-align: center;
}
.modal .errorBlock {
  color: #ab3336;
  background: #fbedea;
  text-align: center;
  padding: 12px;
  margin: 0 0 10px;
}
.modal .contactLeft {
  background: #f7f7f7;
  margin: 10px 0 0;
  padding: 10px 20px;
  box-sizing: border-box;
}
.modal .contactLeft .mailTitle {
  display: inline-block;
  font-weight: bold;
  /*font-size: 130%;*/
  padding: 8px 0 0 60px;
  min-height: 42px;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_mail_02.gif) 0 0 no-repeat;
  box-sizing: border-box;
}
.modal .contactLeft .btnArea {
  margin: 15px 0 0;
}
.modal .contactLeft .btnArea a {
  display: block;
  background: #ea7b08;
  color: #ffffff;
  padding: 12px;
  border: 1px solid #df7307;
  border-radius: 3px;
  font-weight: bold;
  /*font-size: 120%;*/
}
.modal .contactRight {
  background: #f7f7f7 url(/excludes/fo/p/edion/img/cmn/icon/ic_phone.gif) 32px 17px no-repeat;
  margin: 10px 0 0;
  padding: 10px 20px;
  box-sizing: border-box;
  text-align: left;
}
.modal .contactRight .phoneTitle1 {
  text-align: right;
  /*font-size: 130%;*/
  font-weight: bold;
}
.modal .contactRight .phoneTitle2 {
  text-align: right;
  /*font-size: 150%;*/
  font-weight: bold;
  line-height: 1.2;
}
.modal .contactRight .phoneTitle3 {
  text-align: right;
  font-size: 85%;
}
.modal .contactTime {
  color: #ea7b08;
}
.modal .contactTime dt {
  float: left;
  width: 5em;
}
.modal .contactTime dd {
  margin-left: 5em;
}

/*
  購入履歴
------------------------------------ */
.anchor01 {
  padding-left: 20px;
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_cright.png) 0 50% no-repeat;
  color: #262626;
  text-decoration: none;
}
.slide_arw {
  padding-top: 7px;
}
.mypage.tabrow {
  width: 100%;
  margin: 10px 0 15px;
  text-align: center;
}
.mypage.tabrow:after {
  content: " ";
  display: block;
  width: 100%;
  height: 2px;
  margin: -3px 0 0;
  overflow: hidden;
  background: #cecece;
}
.mypage.tabrow li {
  display: inline-block;
  width: 45%;
  margin: 0 3px;
  border: 2px solid #e6e6e6;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #f2f2f2;
  text-align: center;
}
.mypage.tabrow li a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  color: #262626;
  text-decoration: none;
  margin-bottom: -1px;
}
.mypage.tabrow li.selected {
  border: 2px solid #cdcdcd;
  border-bottom-color: #fff;
  background: #fff;
  box-sizing: border-box;
  padding: 8px 10px;
  font-weight: bold;
}
.mypage .searchResultNone {
  margin: 30px 0;
  padding: 20px 25px;
  background: #f5f5f5;
  border-radius: 3px;
  font-size: 85%;
}
.mypage .searchResultItem {
  border: 1px solid #ccc;
  border-radius: 3px;
  margin: 30px 0;
  box-sizing: border-box;
}
hr.hr-border {
  border: none;
  border-top: 1px solid #cdcdcd;
  height: 2px;
  background: #cdcdcd;
}
.mypage .searchResultItem .txtGray {
  color: #6b6b6b;
}
.mypage .searchResultItem .txtOrange {
  color: #e92606;
}
.mypage .searchResultItem .btnOrange {
  border-width: 1px;
  border-style: solid;
  border-color: #df7307 #da7106 #b76003;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  background: #ea7b08;
  color: #ffffff;
  margin-bottom: 8px;
  padding: 7px 12px;
  text-decoration: none;
  font-weight: bold;
}
.mypage .searchResultItem .btnBlue {
  border-radius: 3px;
  display: inline-block;
  box-sizing: border-box;
  background: #1f37a5;
  margin-bottom: 8px;
  padding: 7px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.mypage .searchResultItem .btnGray {
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  margin-bottom: 8px;
  padding: 7px 12px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  color: #262626;
}
.mypage .searchResultItem .anchor a {
  padding-left: 12px;
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_category.gif) left 0.4em no-repeat;
  color: #262626;
  text-decoration: none;
}
#resultArea .searchResult2 {
  background: #f2f2f2;
  border: 1px solid #e0e0e0;
  padding: 15px;
  font-size: 85%;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
}
.mypage .searchResultItem .headBox {
    width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border-bottom: 1px solid #dfdfdf;
  background: #f9f9f9;
}
.mypage .searchResultItem .headBox .date,
.mypage .searchResultItem .headBox .ordernumber {
  font-size: 90%;
}
.mypage .searchResultItem .receiptBtn {
  text-align: center;
}
.mypage .searchResultItem .receiptBtn .receipt {
  border: 1px solid #dadada;
  border-color: #dadada #d5d5d5 #b4b4b4;
  padding: 7px 12px;
  display: inline-block;
  border-radius: 4px;
  background: #fff;
  color: #262626;
  text-decoration: none;
  box-sizing: border-box;
  text-align: center;
}
.mypage .searchResultItem .receiptBtn .receipt,
.mypage .searchResultItem .receiptBtn .btnBlue,
.mypage .searchResultItem .receiptBtn .btnGray {
  width: 45%;
  box-sizing: border-box;
  margin: 5px;
  border-radius: 5px;
}
.mypage .searchResultItem .headBox .errorBox {
  display: inline-block;
  margin: 5px 0 0;
  padding: 7px 10px;
  background: #fbedea;
  color: #9f1a1f;
  border-radius: 3px;
  text-align: center;
  font-size: 85%;
  font-weight: bold;
}
.mypage .searchResultItem .itemBox {
  margin: 10px 10px;
  padding: 0 0 10px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 85%;
}
.mypage .searchResultItem .itemBox .itemImage {
  float: left;
}
.mypage .searchResultItem .itemBox .itemTitle,
.mypage .searchResultItem .itemBox .appraisal {
  padding: 0 0 0 90px;
}
.appraisal a:link,
.appraisal a:visited {
  color: #2942a9;
}
.mypage .searchResultItem .itemBox .inBox .itemTitle {
  border-bottom: 1px solid #e6e6e6;
  padding: 6px 0 12px;
  margin: 0 0 10px 0;
}
.mypage .searchResultItem .itemBox .itemTitle2 {
  margin: 0 0 0 0;
}
.mypage .searchResultItem .itemBox .itemTitle,
.mypage .searchResultItem .itemBox .itemTitle2,
.mypage .searchResultItem .itemBox .modelInfo dd,
.mypage .searchResultItem .infoBox .leftCol .contents dd {
  word-break:break-all;
}
.mypage .searchResultItem .itemBox .modelInfo {
  margin: 10px 0 0;
}
.mypage .searchResultItem .itemBox .modelInfo dt {
  float: left;
  width: 5em;
  color: #6b6b6b;
}
.mypage .searchResultItem .itemBox .modelInfo dd {
  margin-left: 5em;
}
.mypage .searchResultItem .itemBox .modelInfo dd:before {
  content: "：";
  margin-left: -1em;
  color: #6b6b6b;
}
.mypage .searchResultItem .itemBox .btnOrange,
.mypage .searchResultItem .itemBox .btnGray,
.mypage .searchResultItem .itemBox .btnBlue {
  width: 70%;
}
.mypage .searchResultItem .infoBox {
  margin: 0 10px 10px;
}
.mypage .searchResultItem .infoBox .leftCol .titleBox {
  border-bottom: 2px solid #e0e0e0;
  margin: 20px 0 10px;
  padding: 0 0 5px;
  position: relative;
}
.mypage .searchResultItem .infoBox .leftCol .title {
  font-size: 110%;
}
.mypage .searchResultItem .infoBox .leftCol .titleBox .btnShop {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: auto;
  padding: 5px 20px;
  font-size: 85%;
  border-radius: 4px;
  text-align: center;
  background: #1f37a5;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
.mypage .searchResultItem .infoBox .leftCol .contents {
  margin: 0 15px;
}
.mypage .searchResultItem .infoBox .leftCol .contents dl {
  margin: 15px 0 0;
  font-size: 85%;
}
.mypage .searchResultItem .infoBox .leftCol .contents dt {
  float: left;
  width: 5em;
  color: #6b6b6b;
}
.mypage .searchResultItem .infoBox .leftCol .contents dd {
  margin-left: 6em;
}
.mypage .searchResultItem .infoBox .leftCol .contents dd:before {
  content: "：";
  margin-left: -1em;
  color: #6b6b6b;
}
.mypage .searchResultItem .itemBox .subBox {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  margin: 5px 0 0;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  text-align: right;
}
.mypage .searchResultItem .itemBox .subBox p {
}
.mypage .searchResultItem .itemBox .subBox .comment {
  text-align: left;
}
.mypage .searchResultItem .itemBox .subBox .price,
.mypage .searchResultItem .itemBox .subBox .number {
  display: inline-block;
  text-align: right;
}
.mypage .searchResultItem .itemBox .subBox .price {
  margin-right: 20px;
}
.mypage .searchResultItem .infoBox .rightCol {
  margin: 15px 0 0;
  padding: 15px;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background: #f2f2f2;
}
.mypage .searchResultItem .infoBox .rightCol .title {
  margin: 0 0 5px;
  font-size: 92%;
  font-weight: bold;
  color: #6b6b6b;
}
.mypage .searchResultItem .infoBox .rightCol .subtotal {
  margin: 0 0 20px;
  font-size: 82%;
}
.mypage .searchResultItem .infoBox .rightCol .subtotal dt {
  float: left;
  width: 8em;
}
.mypage .searchResultItem .infoBox .rightCol .subtotal dd {
  margin: 0 0 3px 8em;
}
.mypage .searchResultItem .infoBox .rightCol .subtotal dd:before {
  content: "：";
  margin-left: -1em;
  position: absolute;
}
.mypage .searchResultItem .infoBox .rightCol .amount {
  float: right;
  text-align: right;
}
.mypage .searchResultItem .infoBox .rightCol .discount {
  margin: 0 0 20px;
  font-size: 82%;
}
.mypage .searchResultItem .infoBox .rightCol .discount dt {
  float: left;
  width: 6em;
}
.mypage .searchResultItem .infoBox .rightCol .discount dd {
  margin: 0 0 3px 6em;
  text-align: right;
}
.mypage .searchResultItem .infoBox .rightCol .discount dd.tax-none {
  padding-right: 2.9em;
}
.mypage .searchResultItem .infoBox .rightCol .total {
  margin: 0 0 15px;
  padding: 15px 0 0;
  border-top: 2px solid #d5d5d5;
}
.mypage .searchResultItem .infoBox .rightCol .total dt {
  float: left;
  width: 3em;
  font-weight: bold;
  color: #6b6b6b;
}
.mypage .searchResultItem .infoBox .rightCol .total dd {
  margin-left: 2em;
  text-align: right;
}
.mypage .searchResultItem .infoBox .rightCol .point {
  margin: 0;
  font-size: 85%;
  position: relative;
}
.mypage .searchResultItem .infoBox .rightCol .point dt {
  float: left;
  width: 9em;
}
.mypage .searchResultItem .infoBox .rightCol .point dd {
  margin-left: 9em;
  text-align: right;
}
.mypage .searchResultItem .infoBox .rightCol .border {
  padding: 15px 0 0;
  border-top: 2px solid #d5d5d5;
}
.mypage .searchResultItem .infoBox .rightCol .btn {
  border-width: 1px;
  border-style: solid;
  border-color: #df7307 #da7106 #b76003;
  border-radius: 4px;
  display: block;
  text-align: center;
  background: #ea7b08;
  color: #ffffff;
  padding: 12px;
  text-decoration: none;
}
.mypage .searchResultItem .infoBox .rightCol .mouseOnPopupWrap {
  position: static;
}
.mypage .searchResultItem > div.itemBox.noborder {
  padding: 0 0 0;
  border-bottom: none;
}
.mypage .searchResultItem .infoBox .rightCol .payment {
  margin: 0 0 15px;
  padding: 15px 0 0;
  border-top: 2px solid #d5d5d5;
}

/*
  領収書発行
------------------------------------ */
/*
#receipt_contents .receiptBox-02 .line-01 {
  display: inline-block;
  padding: 0 0 5px;
  border-bottom: 1px solid #b5b5b5;
}
#receipt_contents .receiptBox .dl-01 dt {
  clear: left;
  float: left;
  width: 5.5em;
  color: #616362;
  position: relative;
  margin: 0 0 5px;
}
#receipt_contents .receiptBox .dl-01 dt:after {
  content: "：";
  color: #616362;
  position: absolute;
  right: 0;
}
#receipt_contents .receiptBox .dl-01 dd {
  margin: 0 0 5px 5em;
}
#receipt_contents .receiptBox .dl-02 {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #b5b5b5;
}
#receipt_contents .receiptBox .dl-02 dt {
  color: #616362;
  margin-bottom: 5px;
}
#receipt_contents .receiptBox .dl-02 dd {
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
#receipt_contents .receiptBox .dl-02 dd .small {
  font-size: 70%;
  display: inline-block;
}
#receipt_contents .receiptBox .dl-03 {
  margin: 0;
}
#receipt_contents .receiptBox .dl-03 dt {
  clear: left;
  float: left;
  width: 7em;
  color: #616362;
  position: relative;
  margin: 0 0 0;
}
#receipt_contents .receiptBox .dl-03 dt:after {
  content: "：";
  color: #616362;
  position: absolute;
  right: 0;
}
#receipt_contents .receiptBox .dl-03 dd {
  margin: 0 0 0 7em;
}
*/
#receipt_contents {
  width: 1088px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 35px  160px 0;
  color: #262626;
  background: #ffffff;
}
#receipt_contents h1 {
  border-left: none;
  margin: 0 0 25px;
  padding: 0;
  font-size: 150%;
  font-weight: bold;
}
#receipt_contents .receiptBox-01 {
  float: right;
}
#receipt_contents .receiptBox-02 {
  float: left;
  width: 460px;
}
#receipt_contents .receiptBox-03 {
  float: left;
  display: table-cell;
  width: 280px;
  margin-left: 25px;
  vertical-align: top;
}
#receipt_contents .receiptBox-04 {
  float: right;
  display: table-cell;
  width: 425px;
}
#receipt_contents .receiptBox-02 .line-01 {
  display: inline-block;
  padding: 0 0 5px;
  border-bottom: 1px solid #b5b5b5;
}
#receipt_contents .receiptBox .dl-01 dt {
  clear: left;
  float: left;
  width: 5em;
  color: #616362;
  position: relative;
  margin: 0 0 5px;
}
#receipt_contents .receiptBox .dl-01 dt:after {
  content: "：";
  color: #616362;
  position: absolute;
  right: 0;
}
#receipt_contents .receiptBox .dl-01 dd {
  margin: 0 0 5px 5em;
}
#receipt_contents .receiptBox .dl-02 {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding-bottom: 5px;
  border-bottom: 1px solid #b5b5b5;
}
#receipt_contents .receiptBox .dl-02 dt {
  display: table-cell;
  width: 5em;
  color: #616362;
  position: relative;
  vertical-align: middle;
}
#receipt_contents .receiptBox .dl-02 dt:after {
  content: "：";
  color: #616362;
  position: absolute;
  right: 0;
  vertical-align: middle;
}
#receipt_contents .receiptBox .dl-02 dd {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.2;
}
#receipt_contents .receiptBox .dl-02 dd .small {
  font-size: 70%;
  display: inline-block;
}
#receipt_contents .receiptBox .dl-03 {
  margin: 0;
}
#receipt_contents .receiptBox .dl-03 dt {
  clear: left;
  float: left;
  width: 7em;
  color: #616362;
  position: relative;
  margin: 0 0 0;
}
#receipt_contents .receiptBox .dl-03 dt:after {
  content: "：";
  color: #616362;
  position: absolute;
  right: 0;
}
#receipt_contents .receiptBox .dl-03 dd {
  margin: 0 0 0 7em;
}
#receipt_contents .receiptBox .borderTbl caption {
  text-align: left;
  margin: 0 0 10px;
  font-size: 120%;
}
#receipt_contents .receiptBox .borderTbl th {
  width: 50%;
}
#receipt_contents .receiptBox .borderTbl td {
  width: 50%;
  text-align: right;
}
#receipt_contents .receiptBox .notes {
  margin: 60px 0 0;
  font-size: 80%;
  color: #616362;
}
#receipt_contents .inputBlock {
  margin: 60px 0 0;
  padding: 20px 10px 0;
  border-top: 4px solid #c1c1c1;
  font-size: 100%;
}
#receipt_contents .inputBlock h2 {
  font-size: 135%;
  font-weight: bold;
  margin: 0 0 18px;
}
#receipt_contents .inputBlock .borderTbl {
  margin: 0 0 0 15px !important;
  table-layout: fixed;
  width: 745px;
  box-sizing: border-box;
}
#receipt_contents .inputBlock .borderTbl th {
  text-align: center;
}
#receipt_contents .inputBlock .borderTbl .col-01 {
  width: 60%;
}
#receipt_contents .inputBlock .borderTbl .col-02 {
  width: 15%;
}
#receipt_contents .inputBlock .borderTbl .col-03 {
  width: 25%;
}
#receipt_contents .submitBlock {
  border-top: 1px solid #e0e0e0;
  margin: 63px 0 0;
  padding: 32px 0 0;
  text-align: center;
  font-size: 90%;
}
#receipt_contents .btnPrint {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 15px 50px;
  line-height: 1.2;
  width: 12em;
}
#receipt_contents .btnBack {
  display: inline-block;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 15px 50px;
  line-height: 1.2;
  width: 12em;
}
#receipt_contents .receiptBox .notes {
  margin: 20px 0 0;
}
#receipt_contents .borderTbl {
  width: 100%;
  border: #d6d6d6 2px solid;
  box-sizing: border-box;
  display: table;
  font-size: 85%;
}
#receipt_contents .borderTbl.thinBorder {
  border: none;
  border-left: #e6e6e6 1px solid;
  border-bottom: #e6e6e6 1px solid;
}
#receipt_contents .borderTbl a {
  color: #1f37a5;
  text-decoration: none;
}
#receipt_contents .borderTbl .vtop {
  vertical-align: top;
}
#receipt_contents .borderTbl > thead > tr > th,
#receipt_contents .borderTbl > tbody > tr > th,
#receipt_contents .borderTbl > tbody > tr > td {
  padding: 12px 14px;
  border-right: #e6e6e6 1px solid;
  border-top: #e6e6e6 1px solid;
}
#receipt_contents .borderTbl > thead > tr > th,
#receipt_contents .borderTbl > tbody > tr > th {
  width: 15em;
  padding: 12px 24px;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  background: #f5f5f5;
}
#receipt_contents .borderTbl th.wrapper .backImg {
  width: 100%;
  height: 45px;
  z-index: 0;
}

/*
  ポイント照会
------------------------------------ */
#modal_edioncard .header,
#modal_safety .header {
  padding: 10px 10px;
}
#modal_edioncard .header .title,
#modal_safety .header .title {
  padding: 0;
  margin: 0;
}
#modal_edioncard .header a,
#modal_safety .header a {
  margin: 5px 0 0;
  padding: 0 0 0 20px;
}
#modal_edioncard .wrapper2,
#modal_safety .wrapper2 {
  width: 94%;
  box-sizing: border-box;
  color: #455976;
  margin: 20px auto;
}
#modal_edioncard .wrapper2 .title,
#modal_safety .wrapper2 .title {
  font-size: 140%;
  font-weight: bold;
}
#modal_edioncard .wrapper2 .title img,
#modal_safety .wrapper2 .title img {
  vertical-align: middle;
}
#modal_edioncard .wrapper2 .title {
  text-align: left;
}
#modal_edioncard .wrapper2 .orange ,
#modal_safety .wrapper2 .orange {
  color: #f3981c;
}
#modal_edioncard .wrapper2 .point_limit ,
#modal_safety .wrapper2 .point_limit {
  font-size: 140%;
  font-weight: bold;
}
#modal_edioncard .wrapper2 .vmiddle ,
#modal_safety .wrapper2 .vmiddle {
  vertical-align: middle;
  margin: 0 5px;
}
#modal_edioncard .wrapper2 .point ,
#modal_safety .wrapper2 .point {
  display: table;
  border-collapse: separate;
  border-spacing: 16px 0;
  width: 100%;
  margin: 10px 0 15px;
}
#modal_edioncard .wrapper2 .point li ,
#modal_safety .wrapper2 .point li {
  display: table-cell;
  background: #f3981c;
  padding: 6px;
  border-radius: 15px;
  color: #ffffff;
  position: relative;
}
#modal_edioncard .wrapper2 .point li:after ,
#modal_safety .wrapper2 .point li:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  bottom: -10px;
  content: "";
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_orange_down.gif) center bottom no-repeat;
}

/*
  修理状況
------------------------------------ */
.repairStatus {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  display: table;
  table-layout: fixed;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 20px;
}
.repairStatus .status {
  border-right: 1px solid #e0e0e0;
  display: table-cell;
  width: 90px;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
}
.repairStatus .status a {
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_cright.png) 0 2px no-repeat;
  padding: 0 0 0 0;
  text-decoration: none;
  color: #5c5c5c;
  font-size: 85%;
}
.repairStatus .details {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 10px;
  font-size: 80%;
}
.repairStatus .details dl {
  margin: -3px 0 0;
  /*width: 230px;*/
}
.repairStatus .details dt {
  float: left;
  width: 6em;
  padding: 3px 0 0;
  color: #6b6b6b;
  position: relative;
}
.repairStatus .details dt:after {
  content: "：";
  color: #6b6b6b;
  position: absolute;
  right: 0;
}
.repairStatus .details dd {
  margin: 0 0 0 6em;
  padding: 3px 0 0;
  vertical-align: top;
  word-break:break-all;
}

/*
  保証対象商品
------------------------------------ */
.guarantee .borderBtmBox-top {
  border-top: 2px solid #999999;
}
.guarantee .borderBtmBox {
  border-bottom: 2px solid #999999;
  padding: 10px;
  word-wrap: break-word;
  font-size: 85%;
}
.guarantee .borderBtmBox.end {
  background: #f6f6f6;
}
.guarantee .borderBtmBox.near {
  background: #fdf2f0;
}
.guarantee .borderBtmBox .btn {
  float: right;
}
.guarantee .borderBtmBox .ic_end {
  display: inline-block;
  margin: 0 0 5px;
  padding: 3px 8px;
  text-align: center;
  border: 1px solid #626262;
  color: #626262;
  line-height: 1.2;
}
.guarantee .borderBtmBox .ic_near {
  display: inline-block;
  margin: 0 0 5px;
  padding: 3px 8px;
  text-align: center;
  background: #e92606;
  color: #fff;
  line-height: 1.2;
}
.guarantee .borderBtmBox .details {
  margin: 0;
  padding: 0;
}
.guarantee .borderBtmBox .details dt {
  float: left;
  width: 100px;
  padding: 3px 0 0;
  color: #6b6b6b;
  position: relative;
}
.guarantee .borderBtmBox .details dt:after {
  content: "：";
  color: #6b6b6b;
  position: absolute;
  right: 0;
  width: 16px;
  text-align: center;
}
.guarantee .borderBtmBox .details dd {
  margin: 0 0 0 100px;
  padding: 3px 0 0;
  vertical-align: top;
  word-break:break-all;
}
.mypage .repairBlock {
  margin: 0 0 0 10px;
}
.mypage .repairBlock .btn {
  padding: 10px 0 0 0;
  clear: both;
}
.mypage .repairBlock .btn a {
  width: 60%;
}
.mypage .repairBlock img {
  float: left;
}
.mypage .repairBlock .txt {
  margin: 0 0 0 80px;
  font-size: 85%;
}
.mypage .repairBlock2 {
  margin: 20px 0 -15px;
}
.mypage .repairBlock .entry {
  display: inline-block;
  width: 8em;
  position: relative;
}
.mypage .repairBlock .entry:after {
  content: "：";
  position: absolute;
  right: 0;
}
.mypage .status-tl {
  display: inline-block;
  border: 2px solid #a9d9b3;
  border-radius: 2px;
  color: #168624;
  font-weight: bold;
  font-size: 100%;
}
.mypage .status-near {
  display: inline-block;
  border: 2px solid #f6b8a3;
  border-radius: 2px;
  color: #e82706;
  font-weight: bold;
  font-size: 100%;
}
.mypage .status-end {
  display: inline-block;
  border: 2px solid #cbcbcb;
  border-radius: 2px;
  color: #626262;
  font-weight: bold;
  font-size: 100%;
}
.mypage .status-tl,
.mypage .status-near,
.mypage .status-end {
  padding: 5px 10px;
  float: right;
}
.mypage .status-tl img,
.mypage .status-near img,
.mypage .status-end img {
  vertical-align: middle;
  margin-right: 10px;
  width: 20px;
  height: auto;
}

/*
  お届け先情報
------------------------------------ */
.mypage .detailLink {
  float: right;
  padding: 0 10px 0 25px;
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_cright.png) 0 2px no-repeat;
  font-size: 90%;
}
.mypage .icEdit {
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_edit.gif) 0 2px no-repeat;
}
.mypage .icDel {
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_delete.gif) left center no-repeat;
}
.mypage .addressBlock {
  font-size: 90%;
}
.mypage .addressBlock .name {
  margin: 0 0 10px;
  font-weight: bold;
}
.mypage .addressBlock dt {
  float: left;
  width: 6em;
  color: #6b6b6b;
}
.mypage .addressBlock dd {
  margin: 0 0 3px 6em;
}
.mypage .addressBlock dd:before {
  content: "：";
  margin-left: -1em;
  color: #6b6b6b;
}
.indent {
  padding-left: 10px;
}
.readBlock {
  margin: 0 0 20px;
}
.readBlock .readText {
  font-size: 85%;
}
.readBlock .readBtn {
  margin: 10px 0;
  text-align: center;
}
.mypage .grouping .selectGroup {
  margin: 0 15px 0 0;
  /*font-size: 90%;*/
  float: left;
}
.mypage .grouping .detailLink {
  float: left;
}
.mypage .selectAdress td {
  padding: 6px;
  border: 1px solid #e0e0e0;
  font-size: 80%;
  vertical-align: middle;
}
.mypage .selectAdress td .name {
  font-size: 110%;
  margin: 0 0 5px;
  float: left;
  width: 60%;
}
.mypage .selectAdress td .change {
  float: right;
  margin: 7px 0;
  text-align: right;
}
.mypage .selectAdress td .icDel {
  float: right;
  margin: 7px 0;
  padding: 0 5px 0 20px;
  text-align: right;
  /*font-size: 90%;*/
}
.mypage .selectAdress td .btn2 {
  text-align: center;
  background: #284db4;
  border: 1px solid #284db4;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
  color: #ffffff;
  margin: 0;
  padding: 5px 10px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  box-sizing: border-box;
  cursor: pointer;
}
.mypage .selectAdress td dl {
  clear: both;
  margin: 0;
}
.mypage .selectAdress td dt {
  float: left;
  width: 3em;
  color: #6b6b6b;
}
.mypage .selectAdress td dd {
  margin: 0 0 3px 3em;
}
.mypage .readBgBlock {
  margin-top: 0;
}
.mypage .readBgBlock .readBgText {
  font-size: 85%;
}
.mypage .readBgBlock .readBgBtn {
  margin-top: 10px;
  text-align: center;
}
.addBtn {
  display: inline-block;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_add_03.gif) no-repeat 0 1px;
  padding: 2px 0 2px 25px;
  margin-left: 10px;
}
.delBtn {
  display: inline-block;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_delete.gif) no-repeat 0 0;
  padding-left: 25px;
  margin-left: 10px;
}
.modal .inputGroupArea {
  padding-top: 15px;
}
.modal .inputNew {
  margin-bottom: 30px;
}
.modal .inputGroup ul {
  padding-top: 12px;
  /*height: 145px;
  overflow-y: scroll;*/
}
.modal .inputGroup li {
  /*width: 318px;
  float: left;*/
  margin-top: 16px;
  display: block;
  vertical-align: top;
}
.modal .inputGroup li p.required {
  margin-top: 4px;
}
.modal .inputGroup li:first-child {
  margin-top: 0;
}
.modal .submitBlock .btnColorBlue {
  background: #1f37a5;
  color: #fff;
  font-weight: bold;
  width: 120px;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.mypage .registBlock2 {
  border: 2px solid #ffc000;
  background: #ffffcc;
  border-radius: 3px;
  margin: 35px 0 0;
  padding: 20px;
  font-size: 85%;
}
.mypage .registBlock2 input[type=checkbox] {
  vertical-align: middle;
}
.mypage .grouping .detailLink {
  font-size: 100%;
}

/*
  よく利用する店舗
------------------------------------ */
.readBgBlock2 {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px;
  width: 95%;
  bax-sizing: border-box;
  background: #f7f7f7;
  border-radius: 3px;
  margin: 10px 0 15px;
  padding: 5px 0;
}
.readBgBlock2 .readBgText {
  font-size: 85%;
  display: table-cell;
  vertical-align: middle;
}
.readBgBlock2 .readBgBtn {
  width: 45%;
  display: table-cell;
  vertical-align: middle;
}
.readBgBlock2 .readBgBtn .btn {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 15px;
  color: #fff;
  background: #2b4eb4;
  border: 1px solid #2b4eb4;
  border-color: #2b4eb4;
  font-size: 85%;
}
.entryShop {
  margin: 20px 0 0;
  padding: 10px 0 0;
  border-top: 4px solid #c1c1c1;
}
.entryShop > ul {
  border: 1px solid #ccc;
  padding: 0;
}
.entryShop > li {
  border-top: 1px solid #ccc;
  padding: 10px;
  font-size: 85%;
}
.entryShop > li:first-child {
  border-top: none;
}
.entryShop > li .block {
  float: left;
  box-sizing: border-box;
}
.entryShop > li .block.col-01 {
  width: 60%;
  font-size: 120%;
}
.entryShop > li .block.col-01 a {
  color: #2942a9;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_link_black.png) 0 0.3em no-repeat;
  background-size: 13px 13px;
  padding-left: 20px;
  display: inline-block;
  min-height: 20px;
  font-weight: bold;
}
.entryShop > li .block.col-03 {
  width: 40%;
  padding-left: 13px;
  text-align: center;
  margin-top: 5px;
}
.entryShop > li .btn2 {
  margin: 0 0 10px;
  border-radius: 4px;
  /*display: inline-block;
  vertical-align: middle;
  width: 35%;*/
  display: block;
}
.entryShop > li .btn3 {
  display: block;
  border-radius: 4px;
}
.entryShop > li .delBtn {
  margin-left: 0;
  color: #323232;
  text-decoration: none;
  padding-left: 20px;
  text-align: left;
  /*display: inline-block;
  vertical-align: middle;
  margin-top: 10px;*/
}
.shop-serch-label {
  display: inline-block;
  width: 275px;
}

/*
  お知らせ
------------------------------------ */
.messageBlock .searchResult02 {
  border-top: 4px solid #c4c4c4;
  border-bottom: 4px solid #c4c4c4;
  margin-top: 20px;
  padding: 10px 0 15px;
  /* [disabled]font-size: 85%; */
  width: 100%;
  box-sizing: border-box;
  font-size: 85%;
}
.messageBlock .searchResult02 .title {
  text-align: center;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.messageBlock .searchResult02 .centerBox {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.messageBlock .searchResult02 .display {
  display: table-cell;
  width: 33%;
  text-align: center;
}
.messageBlock .messageList {
  padding-top: 10px;
  margin: 0 7px;
}
.messageBlock .messageList dl dt,
.messageBlock .messageList dl dd {
  font-size: 90%;
}
.messageBlock .messageList dl dt {
  /*float: left;*/
  margin-bottom: 5px;
}
.messageBlock .messageList dl dd {
  margin: 0;
  padding: 0;
  /*padding-left: 8em;*/
  margin-bottom: 1.5em;
  border-bottom: 1px solid #c4c4c4;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.icCategory {
  width: 7.5em;
  padding: 2px 2px;
  box-sizing: border-box;
  /*display: block;*/
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-right: 10px;
  font-size: 80%;
  margin-bottom: 2px;
  /*margin-top: 3px;*/
}
.messageBlock .messageList dl dd .messageTitle {
  /*width: 692px;*/
  display: inline-block;
}
.icCategory.topics {
  background: #d5d5d5;
}
.icCategory.campaign {
  background: #1e37a5;
  color: #fff;
}
.icCategory.important {
  background: #e92606;
  color: #fff;
}
.messageBlock .messageList dl dd a {
  /*text-decoration: underline;
  color: #262626;*/
  color: #2942a9;
}
.messageTopTitle {
  border-top: 4px solid #c4c4c4;
  border-bottom: 4px solid #c4c4c4;
  padding: 10px;
  box-sizing: border-box;
}
.messageTopTitle .date {
  font-size: 90%;
  margin-bottom: 5px;
}
.messageTopTitle .date .icCategory {
  margin:  5px 0 0;
  display: block;
}
.messageTopTitle h1 {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 120%;
  word-break:break-all;
}
.messageBody {
  padding: 20px 10px 0;
  font-size: 85%;
  word-break:break-all;
}
.alertBox {
  background: #f7f7f7;
  border: #d1d1d1 2px solid;
  border-radius: 4px;
  padding: 15px;
}
.alertText {
  font-size: 120%;
}
.messageBlock .submitBlock.smallbtn {
  font-size: 85%;
  margin-top: 25px;
}
.messageBlock .submitBlock.smallbtn ul {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.messageBlock .submitBlock.smallbtn li {
  width: 33%;
  display: table-cell;
  box-sizing: border-box;
  padding: 0 2px;
}
.messageBlock .submitBlock.smallbtn a {
  width: 100% !important;
  padding: 8px 2px !important;
}

/*
  FC
------------------------------------ */
.fc-header-bg {
  background: #1f37a5;
  color: #ffffff;
}
.fc-header-bg a:link,
.fc-header-bg a:visited {
  color: #ffffff;
}
.fc-login-bg {
  position: fixed;
  background: #1f37a5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -9999;
}
header ul li.hd_fc {
  width: 41.5%;
  color: #ffffff;
  text-align: left;
  box-sizing: border-box;
  padding-left: 10px;
  font-size: 66%;
}
header ul li.hd_logout {
  width: 19%;
  padding-right: 2%;
  font-size: 66%;
}
header.fc-header-bg ul li.hd_logo {
  width: 24.5%;
}
header.fc-header-bg ul li.hd_logo img {
  width: 100%;
}
#footer-fc {
  background: #1f37a5;
}
#footer-fc .address {
  background: #1f37a5;
  border-top: none;
  color: #ffffff;
}
.fc-login-title {
  margin: 35px 0;
  color: #fff;
  text-align: center;
  font-size: 130%;
}
.fc-login-loginBox {
  width: 90%;
  box-sizing: border-box;
  margin: 0 auto 65px;
  padding: 40px 30px;
  border-radius: 4px;
  background: #f2f2f2;
  font-size: 85%;
}
.fc-login-loginBox .inputArea {
  margin: 15px 0 0;
}
.fc-login-loginBox .inputArea label {
  display: inline-block;
  width: 6em;
}
.fc-login-loginBox .inputArea input {
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 7px;
  width: 66%;
}
.fc-login-loginBox .submitArea {
  margin: 30px 0 0;
  text-align: center;
}
.fc-login-loginBox .submitArea .btnLogin {
  text-align: center;
  background: #ea7b08;
  border: 1px solid #d97007;
  border-color: #df7307 #da7106 #b86006 #da7106;
  color: #ffffff;
  padding: 10px 50px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  box-sizing: border-box;
  cursor: pointer;
}
#fc_categoryBox {
  padding: 10px;
  word-break:break-all;
}
#fc_categoryBox #ListMainContents {
  padding-top: 0;
}
#fc_categoryBox .fc_category_list {
  padding: 32px 0 0 0;
  border-bottom: 2px solid #e0e0e0;
}
#fc_categoryBox .fc_category_list li {
  border-top: 2px solid #e0e0e0;
  min-height: 50px;
}
#fc_categoryBox .fc_category_list li a {
  display: block;
  zoom: 1;
  padding: 10px 0 0;
}
#fc_categoryBox .fc_category_list li a:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#fc_categoryBox .fc_category_list li img {
  float: left;
  margin-right: 10px;
}
#fc_categoryBox #itemDetailsBox {
  margin-top: 0;
}

/*
  商品レビュー詳細
------------------------------------ */
#review.mypage h1 {
  padding-top: 4px;
}
.inputBlock .indent #reviewItem {
  width: 100%;
  margin-top: 20px;
}
.inputBlock .indent #reviewItem .reviewItemBlock {
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 20px;
  word-break:break-all;
}
#reviewItem .itemImage {
  float: left;
  width: 20%;
}
#reviewItem .itemImage img {
  border: 2px solid #d6d9dd;
  width: 100%;
  height: auto;
}
.inputBlock .indent #reviewItem .itemInfo {
  width: 70%;
  float: right;
}
.inputBlock .indent #reviewItem .itemTitle {
  margin-bottom: 10px;
}
.inputBlock .indent #reviewItem .itemTitle a {
  color: #2942a9;
  text-decoration: none;
}
.inputBlock .indent #reviewItem .itemBuyDate,
.inputBlock .indent #reviewItem .itemModelNumber {
  margin: 0 0 10px;
  font-size: 90%;
}
.inputBlock .indent #reviewItem .itemStarNote {
  margin: 0 0 10px;
  font-size: 90%;
}
#reviewItem .itemInfo .appraisal.bigStars {
  font-size: 90%;
}
#reviewItem .itemInfo .appraisal.bigStars img {
  margin-right: 3px;
  width: 20px;
}
#reviewItem.reviewEdit .itemInfo .appraisal.bigStars img {
  cursor: pointer;
}
#reviewItem.reviewEdit .itemInfo .appraisal.bigStars .appraisalText {
  display: inline-block;
  color: #1f37a5;
  cursor: pointer;
}
#reviewItem .itemInfo .appraisal.bigStars .appraisalText:first-child {
  padding-right: 13px;
}
#reviewItem .itemInfo .appraisal.bigStars .appraisalText:last-child {
  padding-left: 10px;
}
#reviewItem .itemInfo .appraisal.bigStars .appraisalText .required {
  cursor: auto;
}
#reviewItem .modelInfo2 {
  margin: 15px 0;
  padding: 0;
  border-top: none;
  font-size: 85%;
}
#reviewItem .modelInfo2 dt {
  clear: both;
  /*float: left;
  width: 8em;
  margin: 0 0 15px;*/
  margin: 0 0 5px;
  color: #6b6b6b;
  position: relative;
}
/*#reviewItem .modelInfo2 dt:after {
  content: "：";
  color: #6b6b6b;
  position: absolute;
  right: 0;
}*/
#reviewItem .modelInfo2 dt img {
  margin: 0 7px 0 0;
  vertical-align: middle;
}
#reviewItem .modelInfo2 dd {
  /*margin: 0 0 10px 8em;*/
  margin: 0;
}
#reviewItem .entryDate {
  color: #6b6b6b;
  margin-top: 10px;
}

/*
  お問い合わせ
------------------------------------ */
.contactBlock {
  margin-top: 20px;
}
.contactRead {
  padding-top: 15px;
  font-size: 85%;
}
.contactBox {
  margin-top: 20px;
}
.contactBox .colBox {
  width: 100%;
  box-sizing: border-box;
  border: #e0e0e0 2px solid;
  padding: 15px;
  background: #f2f2f2;
}
.contactBox .colBox2 {
  border: none;
}
.contactBox .colBox.faqbox {
  padding-right: 0;
}
.contactBox.anchorBox .colBox {
  background: #fff;
  padding: 0;
}
.contactBox .detailLink {
  border-bottom: #e0e0e0 1px solid;
}
.contactBox .detailLink:last-child {
  border-bottom: none;
}
.contactBox .detailLink a {
  display: block;
  padding: 10px 10px 10px 0;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 95% 50% no-repeat;
  background-size: 6px 9px;
}
.contactBox.anchorBox a {
  display: block;
  padding: 15px;
}
.contactBox.anchorBox .colBox .light {
  padding: 10px 13px 5px;
}
.contactBox.anchorBox a.subLink {
  margin: 0 0 10px 13px;
  padding: 0;
  background-image: none !important;
  color: #1f37a5;
  text-decoration: none;
}
.contactBox.anchorBox .detailLink {
  display: block;
  padding: 0 0 0 0;
/*	background: url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 100% 50% no-repeat;	*/
  font-weight: bold;
}
.contactBox .detailLink:first-child {
  margin-top: 0;
}
.contactBox .detailLink a,
.anchorBox a {
  color: #262626;
  text-decoration: none;
}
#login_contents .contactDetail {
  padding: 10px;
  background: #f5f5f5;
}
.contactDetail .contactText {
  font-size: 110%;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_contact_02.gif) 0 5px no-repeat;
  padding-left: 60px;
  min-height: 46px;
  box-sizing: border-box;
}

/*
  お気に入り商品一覧
------------------------------------ */
.favoriteBlock .deleteBtn {
  clear: both;
  text-align: center;
}
.favoriteBlock .deleteBtn a {
  font-weight: normal;
  padding: 10px 35px;
}
.favoriteBlock .favoriteItemBox {
  margin: 15px 0 0;
}
.favoriteBlock .favoriteItemBox li {
  border: 2px solid #e0e0e0;
  margin: 30px 0 15px;
  width: 100%;
  display: table;
  table-layout: fixed;
}
.favoriteBlock .favoriteItemBox li:first-child {
  margin-top: 15px;
}
.favoriteBlock .favoriteItemBox li > div {
  /*display: table-cell;*/
}
.favoriteBlock .favoriteItemBox .cartBlock {
  background: #f2f2f2;
  border-top: 1px solid #e0e0e0;
  /*width: 209px;*/
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  vertical-align: middle;
}
.favoriteBlock .favoriteItemBox .cartBlock img {
  vertical-align: middle;
  margin: 0 9px 0 0;
}
.favoriteBlock .favoriteItemBox .cartBlock strong {
  font-size: 110%;
}
.favoriteBlock .favoriteItemBox .cartBlock .btn1,
.favoriteBlock .favoriteItemBox .cartBlock .btn2,
.favoriteBlock .favoriteItemBox .cartBlock .btn5 {
  display: block;
  width: 100%;
  margin: 10px auto 0;
  padding: 5px 5px;
}
.favoriteBlock .favoriteItemBox .itemBLock {
  padding: 10px;
  vertical-align: top;
}
.favoriteBlock .favoriteItemBox .checkBlock {
  border-top: 1px solid #e0e0e0;
  display: block;
  padding: 20px 10px;
  font-size: 75%;
  line-height: 1.2;
  position: relative;
  min-height: 18px;
}
.favoriteBlock .favoriteItemBox .checkBlock .check {
  margin: 0 0 0 10px;
  padding: 0;
  vertical-align: middle;
}
.favoriteBlock .favoriteItemBox .itemBLock .icon {
  float: left;
  margin: 0 0 0 0;
  width: 20%;
  height: auto;
}
.favoriteBlock .favoriteItemBox .itemBLock .infoBox {
  padding: 5px 0 0 0;
  margin: 0;
}
.favoriteBlock .favoriteItemBox .itemBLock .inBox {
  float: right;
  width: 75%;
  font-size: 83%;
}
.favoriteBlock .favoriteItemBox .itemBLock .inBox .item {
  font-size: 120%;
  margin: 0 0 10px;
  word-break:break-all;
}
.favoriteBlock .favoriteItemBox .itemBLock .inBox .item a {
  text-decoration: none;
  color: #1e38a6;
}
.favoriteBlock .favoriteItemBox .itemBLock .inBox .appraisal {
  margin: 0 0 10px;
}
.favoriteBlock .favoriteItemBox .itemBLock .inBox .appraisal img {
  vertical-align: middle;
}
.favoriteBlock .favoriteItemBox .itemBLock .inBox .appraisal a {
  color: #1e38a6;
  text-decoration: none;
}
.favoriteBlock .favoriteItemBox .itemBLock .green {
  color: #28851b;
}
.favoriteBlock .favoriteItemBox .itemBLock .price span {
  display: inline-block;
}
.favoriteBlock .favoriteItemBox .itemBLock .modelInfo {
  margin: 0 0;
  font-size: 85%;
}
.favoriteBlock .favoriteItemBox .itemBLock .modelInfo dt {
  clear: both;
  float: left;
  width: 5em;
  margin: 0 0 8px;
  color: #6b6b6b;
  position: relative;
}
.favoriteBlock .favoriteItemBox .itemBLock .modelInfo dt:after {
  content: "：";
  color: #6b6b6b;
  position: absolute;
  right: 0;
}
.favoriteBlock .favoriteItemBox .itemBLock .modelInfo dt img {
  margin: 0 7px 0 0;
  vertical-align: middle;
}
.favoriteBlock .favoriteItemBox .itemBLock .modelInfo dd {
  margin: 0 0 8px 5em;
}
.favoriteBlock .favoriteItemBox .btn5 {
  display: inline-block;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  background: #757575;
  border: 1px solid #757575;
  padding: 10px 18px;
}

/*
  利用規約
------------------------------------ */
.termsGroupArea {
  padding-top: 12px;
}
.termsGroup {
  /*padding-top: 12px;
  height: 150px;
  overflow-y: scroll;*/
  font-size: 85%;
}
.termsGroup ol {
  margin: 0 0 0 0;
}
.termsGroup ol li {
  list-style: decimal outside;
}
.termsGroup ul {
  margin: 0 0 0 2em;
}
.termsGroup ul li {
  list-style: disc outside;
}


/*** frencel added ***/

body {
  -webkit-text-size-adjust: 100%;
}

h1 {
  border-left: 6px solid #284db4;
  margin: 0 5px;
  padding: 2px 8px;
  font-size: 110%;
  font-weight: bold;
}

/*
  シークレットモード
------------------------------------ */
#secretBox {
  background: #75c461;
  color: #ffffff;
  font-size: 70%;
  padding: 3px;
}
#secretBox p {
  margin: 0 auto;
  text-align: center;
}
#FixedMenu {
    position: fixed;
    top: -200px;
    left: 0;
    right: 0;
    background: #f2f2f2;
    z-index: 99;
    padding: 0px 0 0;
    font-size: 12px;
    text-align: center;
}
#FixedMenu .secretBox {
  background: #75c461;
  color: #ffffff;
  font-size: 92%;
  padding: 3px;
}
#FixedMenu .secretBox p {
  margin: 0 auto;
  text-align: center;
}


/*
  ぱんくず
------------------------------------ */
#PagePathBox {
  background: #f8f8f8;
  color: #666666;
  line-height: 1.2;
}
#PagePathBox ul {
  margin: 0 auto;
  padding: 5px 10px;
  list-style-type: none;
  display: inline-block;
  box-sizing: border-box;
  text-align: left;
}
#PagePathBox ul li {
  display: inline;
  font-size: 75%;
  vertical-align: middle;
}
#PagePathBox ul li a {
  text-decoration: none;
  color: #2942a9;
}

/*
  商品リストページ メインエリア
------------------------------------ */
#ListMainContents {
  padding: 32px 0px 16px;
  box-sizing: border-box;
}
#list_slider01 {
  padding: 30px 0 0;
  padding-left: 20px;
  padding-right: 20px;
}
#list_slider01 img {
  width: 100%;
  height: auto;
}
#list_slider01 .bx-wrapper {
  position: relative;
  padding: 0;
}
#list_slider01 .titleBox {
  padding: 0 60px 10px;
}
#list_slider01 .summary {
  font-size: 85%;
  line-height: 1.2;
  margin: 10px 0 0;
  position: relative;
  overflow: hidden;
}
#list_slider01 .summary.over:before {
  content: "...";
  bottom: 0px;
  right: 0;
  background: #ffffff;
  position: absolute;
  padding-left: 4px;
}
#list_slider01 .summary.over:after {
  background: #ffffff;
  position: absolute;
  content: "";
  height: auto;
  width: 100%;
}
.exMainWidth #ListMainContents {
  width: 100%;
}

/*
  商品リストページ 会員特典
------------------------------------ */
#membershipBox {
  margin: 30px 0 0;
  padding: 0 0 10px;
}
#membershipBox .title {
  font-size: 124%;
  font-weight: bold;
  padding: 0 0 5px 0;
  color: #ce1c1a;
  text-align: center;
}
#membershipBox .list {
  float: right;
  font-size: 92%;
  margin-right: 60px;
  padding-left: 20px;
  min-height: 16px;
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_cright.png) 0 50% no-repeat;
}
#membershipBox .list a {
  color: #262626;
  text-decoration: none;
}
#membershipBox .inBox {
  padding: 0 35px;
}
#membershipBox .leftBox {
  float: left;
}
#membershipBox .rightBox {
  float: right;
}

/*
  商品リストページ リストエリア
------------------------------------ */
#resultArea {
  padding: 0px 0 0;
}
#resultArea .searchResult {
  background: #f2f2f2;
  padding: 15px 10px;
  font-size: 75%;
  width: 100%;
  box-sizing: border-box;
}
#resultArea .searchResultInner {
  display: table;
  margin-left: 10px;
  margin-right: 10px;
}
#resultArea .searchResult .leftBox {
  display: table-cell;
  vertical-align: middle;
/*	width: 600px;	*/
}
#resultArea .searchResult .centerBox {
  display: table-cell;
  width: 33%;
  vertical-align: middle;
}
#resultArea .searchResult .centerBox .type1 {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_list_type1.gif) 0 0 no-repeat;
  background-size: 32px 32px;
  vertical-align: middle;
}
#resultArea .searchResult .centerBox .type1.active {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_list_type1_sel.gif) 0 0 no-repeat;
  background-size: 32px 32px;
}
#resultArea .searchResult .centerBox .type2 {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_list_type2.gif) 0 0 no-repeat;
  background-size: 32px 32px;
  vertical-align: middle;
}
#resultArea .searchResult .centerBox .type2.active {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_list_type2_sel.gif) 0 0 no-repeat;
  background-size: 32px 32px;
}
#resultArea .searchResult .centerBox2 {
  display: table-cell;
  width: 33%;
  vertical-align: top;
}
#resultArea .searchResult .centerBox2 .number_list {
  display: inline-table;
  vertical-align: middle;
  border-spacing: 7px 0;
}
#resultArea .searchResult .centerBox2 .type1,
#resultArea .searchResult .centerBox2 .type2,
#resultArea .searchResult .centerBox2 .type3 {
  display: table-cell;
  width: 32px;
  height: 32px;
  text-align: center;
  vertical-align: top;
  background: #ffffff;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  color: #333333;
  text-decoration: none;
}
#resultArea .searchResult .centerBox2 .active {
  background: #8f8f8f;
  color: #ffffff;
}
#resultArea .searchResult .rightBox {
  display: table-cell;
  width: 33%;
  vertical-align: top;
}
#resultArea .searchResult .leftBox2 {
  display: table-cell;
}
#resultArea .searchResult .rightBox2 {
  width: 100%;
  text-align: center;
}
#resultArea .searchResult .leftBox3 {
  display: table-cell;
  text-align: center;
}
#resultArea .searchResult .rightBox3 {
  display: table-cell;
  text-align: center;
}
#resultArea .searchResult .rightBox4 {
  width: 100%;
  text-align: center;
}
#resultArea .searchResult ul.page {
  display: inline-block;
  font-weight: bold;
}
#resultArea .searchResult ul.page li {
  display: inline-block;
  padding: 0 2px;
}
#resultArea .searchResult ul.noNumber .prev {
  padding-right: 20px;
}
#resultArea .searchResult ul.noNumber .next {
  padding-left: 20px;
}
#resultArea .searchResult .rightBox4 ul.page li.prev,
#resultArea .searchResult .rightBox4 ul.page li.next {
  margin: 0 15px;
  padding: 0 15px;
}
#resultArea .searchResult ul.page li a {
  color: #333333;
  text-decoration: none;
}
#resultArea .searchResult ul.page li span {
  opacity: 0.5;
}
#resultArea .searchResult ul.page li a,
#resultArea .searchResult ul.page li span {
  display: inline-block;
  min-height: 20px;
}
#resultArea .searchResult ul.page li.prev a {
  padding-left: 28px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_arrow_cleft.png) 0 50% no-repeat;
  background-size: 20px 20px;
}
#resultArea .searchResult ul.page li.next a {
  padding-right: 28px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_arrow_cright.png) 100% 50% no-repeat;
  background-size: 20px 20px;
}
#resultArea .searchResult ul.page li.prev span {
  padding-left: 28px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_arrow_cleft.png) 0 50% no-repeat;
  opacity: 0.5;
  background-size: 20px 20px;
}
#resultArea .searchResult ul.page li.next span {
  padding-right: 28px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_arrow_cright.png) 100% 50% no-repeat;
  opacity: 0.5;
  background-size: 20px 20px;
}
#resultArea .searchResult .searchTitle {
  margin-bottom: 10px;
}
#resultArea .searchResult .title {
  font-size: 116%;
  font-weight: bold;
  text-align: center;
}
#resultArea .searchResult p img {
  vertical-align: middle;
}
#resultArea .searchResult select {
  min-width: 80%;
  height: 32px;
  /*font-size: 130%;*/
}
#resultBox.type1 > ul {
  padding: 0;
  margin-top: -30px;
}
#resultBox.type1 > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  padding: 30px 5px 0;
  box-sizing: border-box;
  zoom: 100%;
}
#resultBox.type1 ul li .imageBox {
  position: relative;
  padding: 0 0 14px;
  text-align: center;
}
#resultBox.type1 ul li .imageBox > a > img {
  width: 130px;
  height: 130px;
  text-align: center;
}
#resultBox.type1 ul li .imageBox .icon {
  display: inline-block;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
}
#resultBox.type1 ul li .imageBox .icon img {
  width: auto;
  height: 17px;
  font-size: 1rem;
  margin-left: 2px;
}
#resultBox.type1 ul li .imageBox .icon img:first-of-type {
  margin-left: 0;
}
#resultBox.type1 ul.icon,
#resultBox.type2 ul.icon,
#itemDetailsBox ul.icon {
  display: inline-block;
  font-size: 9px;
  width: 100%;
  margin: 0 auto;
}
#resultBox.type1 ul.icon > li,
#resultBox.type2 ul.icon > li,
#itemDetailsBox ul.icon > li {
  display: inline-block;
  width: 24%;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 4px;
  border-radius: 4px;
  padding: 2px 2px;
}
#resultBox.type1 ul.icon > li.type1,
#resultBox.type2 ul.icon > li.type1,
#itemDetailsBox ul.icon > li.type1 {
  border: 1px solid #656464;
  background: #ffffff;
  color: #656464;
}
#resultBox.type1 ul.icon > li.type2,
#resultBox.type2 ul.icon > li.type2,
#itemDetailsBox ul.icon > li.type2 {
  border: 1px solid #e50011;
  background: #ffffff;
  color: #e50011;
}
#resultBox.type1 ul.icon > li.type3,
#resultBox.type2 ul.icon > li.type3,
#itemDetailsBox ul.icon > li.type3 {
  border: 1px solid #009944;
  background: #ffffff;
  color: #009944;
}
#resultBox.type1 ul.icon > li.type4,
#resultBox.type2 ul.icon > li.type4,
#itemDetailsBox ul.icon > li.type4 {
  border: 1px solid #c70d47;
  background: #ffffff;
  color: #c70d47;
}
#resultBox.type1 ul.icon > li.type5,
#resultBox.type2 ul.icon > li.type5,
#itemDetailsBox ul.icon > li.type5 {
  border: 1px solid #656464;
  background: #ffffff;
  color: #656464;
}
#resultBox.type1 ul.icon > li.type6,
#resultBox.type2 ul.icon > li.type6,
#itemDetailsBox ul.icon > li.type6 {
  border: 1px solid #979fb6;
  background: #e7ebf6;
  color: #4b5063;
}
#resultBox.type1 .item {
  margin: 10px 0 0;
  line-height: 1.4;
  width: 100%;
  font-size: 90%;
  overflow: hidden;
  position: relative;
}
#resultBox.type1 .item.over:before {
  content: "...";
  letter-spacing: normal;
  bottom: 0px;
  right: 0;
  background: #ffffff;
  position: absolute;
  padding-left: 4px;
}
#resultBox.type1 .item.over:after {
  background: #ffffff;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
#resultBox.type1 .kata,
#resultBox.type2 .kata {
  font-size: 85%;
  color: #666666;
}
#resultBox.type1 .appraisal,
#resultBox.type2 .appraisal {
  font-size: 85%;
}
#resultBox.type1 .appraisal img,
#resultBox.type2 .appraisal img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
#resultBox.type1 .icon2,
#resultBox.type2 .icon2 {
  font-size: 85%;
}
#resultBox.type1 .icon2 li ,
#resultBox.type2 .icon2 li {
  text-align: center;
  margin-top: 2px;
  padding: 2px;
}
#resultBox.type1 .icon2 .darkgray,
#resultBox.type2 .icon2 .darkgray {
  background: #757575;
  color: #ffffff;
}
#resultBox.type1 .icon2 .gray,
#resultBox.type2 .icon2 .gray {
  background: #c1c1c1;
  color: #000000;
}
#resultBox.type1 .icon2 .red,
#resultBox.type2 .icon2 .red {
  background: #e92606;
  color: #ffffff;
}

#resultBox.type1 .price1,
#resultBox.type2 .price1 {
  margin: 5px 0 0;
  font-weight: bold;
}
#resultBox.type1 .price1 .small,
#resultBox.type2 .price1 .small {
  font-size: 85%;
  font-weight: normal;
}
#resultBox.type1 .price2,
#resultBox.type2 .price2 {
  color: #e92606;
  font-weight: bold;
}
#resultBox.type1 .price2 .small,
#resultBox.type2 .price2 .small {
  font-size: 85%;
  font-weight: normal;
}
#resultBox.type1 .point,
#resultBox.type2 .point {
  margin: 5px 0 0;
  padding-left: 20px;
  font-size: 85%;
  color: #ea7c0b;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_point.gif) 0 2px no-repeat;
  background-size: 16px 16px;
}
#resultBox.type1 .stock,
#resultBox.type2 .stock {
  padding-left: 20px;
  font-size: 85%;
  font-weight: bold;
  color: #28851a;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_stock.gif) 0 50% no-repeat;
}
#resultBox.type1 .send,
#resultBox.type2 .send {
  padding-left: 20px;
  font-size: 85%;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_address.gif) 0 50% no-repeat;
}
#resultBox.type1 .warranty,
#resultBox.type2 .warranty {
  padding-left: 20px;
  font-size: 85%;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_warranty.gif) 0 50% no-repeat;
}
#resultBox.type2 > ul > li {
  padding: 30px 15px;
  border-bottom: 1px solid #e0e0e0;
  zoom: 100%;
}
#resultBox.type2 > ul > li:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#resultBox.type2 ul li .imageBox {
  position: relative;
  margin-right: 30px;
  padding: 11px 11px 25px;
  float: left;
}
#resultBox.type2 ul li .imageBox .icon {
  display: inline-block;
  position: absolute;
  top:0;
  left: 0;
  width: 222px;
  height: 236px;
}
#resultBox.type2 ul li .imageBox .icon img {
  width: 70px;
  height: auto;
}
#resultBox.type2 .copy {
  margin: 5px 0 0;
  font-size: 85%;
  color: #666666;
}
#resultBox.type2 .item {
  font-size: 120%;
  line-height: 1.4;
}
#resultBox.type2 .leftBox {
  display: table-cell;
  width: 230px;
  padding: 10px 0 0;
}
#resultBox.type2 .rightBox {
  display: table-cell;
  width: 230px;
  padding: 10px 0 0 20px;
}
#resultBox.type2 .send {
  margin-top: 5px;
}
#resultBox.type2 .warranty {
  margin-top: 5px;
}
#resultBox h2 {
  border-left: 6px solid #284db4;
  margin: 60px 20px 0;
  padding: 2px 8px;
  font-size: 132%;
  font-weight: bold;
}
#resultArea .emptyBox {
  margin: 0px 20px 0;
}
#resultArea .emptyBox .redArea {
  margin: 0px 10px;
  padding: 15px 5px;
  text-align: center;
  background: #fcf1ee;
  border-radius: 3px;
}
#resultArea .submitBlock {
  margin: 5px 0 0;
  padding: 30px 0 0;
  border-top: 1px solid #e0e0e0;
  text-align: center;
}
#resultArea .submitBlock2 {
  margin: 5px 0 0;
  padding: 30px 0 20px;
  border-top: 1px solid #e0e0e0;
  text-align: center;
}
#resultArea .submitBlock .btnBack {
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 140px;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
#resultArea .submitBlock2 .btnBack {
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 120px;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
#resultArea .submitBlock2 .btnSubmit {
  color: #fff;
  background: #284db4;
  border: 1px solid #284db4;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
  width: 120px;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
#resultArea .submitBlock2 .btnCorrect {
  display: inline-block;
  color: #262626;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  padding: 13px;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  box-sizing: border-box;
  width: 120px;
}

.commonBtnArea {
  text-align: center;
/*	padding: 0 3%;	*/
  margin-bottom: 15px;
  font-size: 133%;
}
.commonBtn {
  width: 42%;
  padding: 6px;
  text-align: center;
  margin-left: 3%;
  display: inline-block;
  border: #c1c1c1 1px solid;
  border-radius: 4px;
  background: #fff;
}
.commonBtn:first-of-type {
  margin-left: 0;
}
.commonBtn a {
  color: #333;
  text-decoration: none;
}

.slider_w100per li {
  width: 100% !important;
}
.slider_w50per li {
  /*width: 46% !important;*/
}
#list_slider01 .slider_w50per li img {
  width: 130px;
  text-align: center;
}
.sliderType02 .bx-prev {
  left: -20px;
  width: 8px;
  bottom: 4em;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_slide_prev_gray02.png) 0 50% no-repeat;
  background-size: 8px 20px;
  text-indent: -9999px;
}
.sliderType02 .bx-next {
  right: -20px;
  width: 8px;
  bottom: 4em;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_slide_next_gray02.png) 100% 50% no-repeat;
  background-size: 8px 20px;
  text-indent: -9999px;
}


/*
  商品詳細
------------------------------------ */
#itemDetailsBox {
  margin-top: 30px;
}
#itemDetailsBox h2,
#reviewBox h2 {
  font-size: 120%;
  margin: 0 0 10px;
  text-align: center;
}
#itemDetailsBox .btnOrange,
#togetherBox .btnOrange {
  border-width: 1px;
  border-style: solid;
  border-color: #df7307 #da7106 #b76003;
  border-radius: 4px;
  width: 85%;
  margin: 0 auto;
  display: block;
  text-align: center;
  background: #ea7b08;
  color: #ffffff;
  padding: 12px;
  text-decoration: none;
  font-weight: bold;
}
#itemDetailsBox .btnBlue,
#togetherBox .btnBlue {
  display: block;
  border-radius: 3px;
  background: #284db4;
  padding: 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#itemDetailsBox .btnGray,
#togetherBox .btnGray {
  display: block;
  border-radius: 3px;
  background: #757575;
  padding: 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
#itemDetailsBox .btnGray2,
#togetherBox .btnGray2 {
  display: block;
  border-radius: 3px;
  background: #c1c1c1;
  padding: 15px;
  text-align: center;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
#itemDetailsBox .leftCol {
  text-align: center;
}
#itemDetailsBox .leftCol .imageCap {
  display: inline-block;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_arrow_up.gif) 4px center no-repeat;
  background-size: 6px 6px;
  margin: 16px 0;
  padding: 0 0 0 15px;
  min-height: 12px;
  font-size: 80%;
  color: #626262;
}
#itemDetailsBox .leftCol .imageThumbnail {
  font-size: 0;
  text-align: center;
  margin: 0 0 26px;
}
#itemDetailsBox .leftCol .imageThumbnail li {
  display: inline-block;
  margin: 0 0 0 3px;
  vertical-align: middle;
  text-align: center;
}
#itemDetailsBox .leftCol .imageThumbnail li:first-child {
  margin: 0;
}
#itemDetailsBox .leftCol .imageThumbnail li img {
  display: table-cell;
  border: 2px solid #fff;
  vertical-align: middle;
  text-align: center;
  width: 40px;
  height: auto;
}
#itemDetailsBox .leftCol .imageThumbnail li a {
  border: 1px solid #e0e0e0;
  display: block;
}
#itemDetailsBox .leftCol .imageThumbnail li a.active {
  border: 2px solid #ea7b08;
}
#itemDetailsBox .leftCol .imageInfo {
  width: 46%;
  display: inline-block;
}
#itemDetailsBox .leftCol .imageInfo a {
  color: #323232;
  font-size: 80%;
  text-decoration: none;
}
#itemDetailsBox .leftCol .imageInfo img {
  margin: 0 0 3px;
}
#itemDetailsBox .leftCol .htmlInfo {
  display: inline-block;
  max-width: 46%;
  vertical-align: top;
  text-align: left;
}
#itemDetailsBox .centerCol {
  box-sizing: border-box;
  margin: 0 0 10px;
}
#itemDetailsBox .state img {
  width: auto;
  height: 22px;
  margin: 0 0 0 8px;
}
#itemDetailsBox .state img:first-child {
  margin: 0 0 0 0;
}
#itemDetailsBox h1 {
  margin: 10px 0 10px;
  border: none;
  padding: 0;
  line-height: 1.3;
}
#itemDetailsBox h1.title {
  margin: 0 20px;
  border-left: 6px solid #284db4;
  padding: 2px 8px;
}
#itemDetailsBox h1 .icon {
  display: block;
  margin-bottom: 10px;
}
#itemDetailsBox .read {
  color: #626262;
  margin: 15px 0 0;
}
#itemDetailsBox .appraisal img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
#itemDetailsBox .appraisal a {
  padding-left: 6px;
  color: #2942a9;
  font-size: 85%;
  text-decoration: none;
}
#itemDetailsBox .modelInfo {
  margin: 15px 0;
  font-size: 85%;
}
#itemDetailsBox .modelInfo dt {
  float: left;
  width: 7em;
  position: relative;
}
#itemDetailsBox .modelInfo dt:after {
  content: "：";
  position: absolute;
  right: 0;
}
#itemDetailsBox .modelInfo dt img {
  margin: 0 7px 0 0;
  vertical-align: middle;
}
#itemDetailsBox .modelInfo dd {
  margin-left: 7em;
}
.padding {
    padding-bottom: 1px;
}

/*#itemDetailsBox .modelInfo dd:before {
  content: "：";
  margin-left: -1em;
}*/
#itemDetailsBox .tag {
  margin: 0;
  font-size: 0;
}
#itemDetailsBox .tag img {
  margin: 0 3px 3px 0;
}
#itemDetailsBox .coupon {
  width: 70%;
/*	float: right;	*/
  text-align: center;
  margin: 0 auto;
  padding: 7px 15px 7px 7px;
  border: 2px solid #e92606;
  color: #e92606;
  position: relative;
}
#itemDetailsBox .coupon .box {
  padding: 3px 5px;
  background: #e92606;
  color: #fff;
  font-size: 80%;
  font-weight: bold;
  position: absolute;
  top: -6px;
  left: -6px;
}
#itemDetailsBox .coupon strong {
  display: inline-block;
  margin: 0 3px;
}
#itemDetailsBox .coupon a {
  text-decoration: none;
  color: #2942a9;
}
/*#itemDetailsBox .modal {
  width: auto;
}*/
#itemDetailsBox .modal .bx-wrapper {
  padding: 0;
}
#itemDetailsBox .modelInfo2 {
  margin: 15px 0;
  padding: 0;
  font-size: 85%;
  clear: both;
}
#itemDetailsBox .modelInfo2.priceInfo {
  border-top: 1px solid #e0e0e0;
  padding-top: 15px;
}
#itemDetailsBox .modelInfo2 dt {
  clear: both;
  float: left;
  width: 10em;
  margin: 0 0 15px;
  color: #6b6b6b;
  position: relative;
}
#itemDetailsBox .modelInfo2 dt {
  margin-bottom: 5px;
}
#itemDetailsBox .modelInfo2 dt:after {
  content: "：";
  color: #6b6b6b;
  position: absolute;
  right: 0;
}
#itemDetailsBox .priceInfo dt:after,
#itemDetailsBox .modelInfo2 dt.none:after {
  content: "";
}
#itemDetailsBox .modelInfo2 dt img {
  margin: 0 7px 0 0;
  vertical-align: middle;
  width: 15px;
  height: auto;
}
#itemDetailsBox .modelInfo2 dd {
  margin: 0 0 5px 10em;
}
#itemDetailsBox .priceInfo dd {
  margin: 0 0 0 8em;
  text-align: right;
}
#itemDetailsBox .priceInfo dd .outtaxPrice:before,
#itemDetailsBox .priceInfo dd .intaxPrice span:before {
  content: "：";
  margin-left: -1em;
  color: #6b6b6b;
}
#itemDetailsBox .modelInfo2 dd .outtaxPrice {
  font-size: 135%;
}
#itemDetailsBox .modelInfo2 dd.sale .outtaxPrice {
  font-size: 145%;
/*	font-style: italic;	*/
}
#itemDetailsBox .modelInfo2 dd .intaxPrice {
  color: #e92606;
}
#itemDetailsBox .modelInfo2 dd .intaxPrice span {
  font-size: 135%;
  font-weight: bold;
}
#itemDetailsBox .modelInfo2 dd.sale .intaxPrice span {
  font-size: 145%;
/*	font-style: italic;	*/
}
#itemDetailsBox .modelInfo2 .soldout {
  background: #757575;
  color: #fff;
}
#itemDetailsBox .modelInfo2 .discount {


}
#itemDetailsBox .modelInfo2 .salable {
  background: #c1c1c1;
  color: #323232;
  width: 210px !important;
}
#itemDetailsBox .modelInfo2 .colorBlock {
  display: block;
  margin: 3px 0 3px auto;
  padding: 3px 7px;
  border-radius: 3px;
/*	width: 210px;
  text-align: center;	*/
}
#itemDetailsBox .priceInfo .colorBlock {
  width: 9em;
  text-align: center;
}
#itemDetailsBox .modelInfo .pthd,
#itemDetailsBox .modelInfo2 .pthd {
  float: left;
  width: 11em;
}
#itemDetailsBox .modelInfo .ptbd,
#itemDetailsBox .modelInfo2 .ptbd {
  display: block;
  padding-left: 12em;
  text-indent: -1em;
}
#itemDetailsBox .modelInfo .orange,
#itemDetailsBox .modelInfo2 .orange {
  color: #ea7b07;
}
#itemDetailsBox .modelInfo2 .large {
  font-size: 120%;
}
#itemDetailsBox .modelInfo2 .list_thumb {
  margin: 10px 0 0 -0;
}
#itemDetailsBox .modelInfo2 .list_thumb li {
  display: inline-block;
  margin: 0 4px 8px 0;
  vertical-align: top;
}
#itemDetailsBox .modelInfo2 .list_thumb li:nth-child(6) {
  clear: left;
}
#itemDetailsBox .modelInfo2 .list_thumb li a {
  border: 1px solid #e0e0e0;
  overflow: hidden;
  float: left;
}
#itemDetailsBox .modelInfo2 .list_thumb li a img {
  margin: -1px;
  width: 40px;
  height: auto;
}
#itemDetailsBox .modelInfo2 .list_thumb li a:hover,
#itemDetailsBox .modelInfo2 .list_thumb li.selected a {
  border: 2px solid #ea7b08;
}
#itemDetailsBox .modelInfo2 .list_thumb li a:hover img,
#itemDetailsBox .modelInfo2 .list_thumb li.selected a img {
  margin: -2px;
}
#itemDetailsBox .delivery {
  border: 2px solid #e0e0e0;
  padding: 15px 10px;
  text-align: center;
  margin: 0 0 20px;
}
#itemDetailsBox .delivery dt {
  font-weight: bold;
  margin: 0;
}
#itemDetailsBox .delivery dt img {
  vertical-align: middle;
  margin: 0 9px 0 0;
  width: 8px;
  height: auto;
}
#itemDetailsBox .delivery dd {
  margin: 12px 0 0;
  font-size: 90%;
}
#itemDetailsBox .delivery dd a {
  text-decoration: none;
  color: #2942a9;
}

#itemDetailsBox .rightCol {
  box-sizing: border-box;
  margin: 0;
  padding: 0 0 30px;
}
#itemDetailsBox .rightCol .receiptBox {
  border: 1px solid #e0e0e0;
  background: #f2f2f2;
  margin: 0 0 16px;
  padding: 15px;
}
#itemDetailsBox .rightCol .receiptBox .title {
  border-bottom: 2px solid #c1c1c1;
  margin: 0 0 15px;
  padding: 0 0 8px;
  font-size: 85%;
}
#itemDetailsBox .rightCol .receiptBox .title img {
  vertical-align: middle;
  margin: 0 15px 0 0;
  width: 20px;
  height: 16px;
}
#itemDetailsBox .rightCol .receiptBox .title strong {
  font-weight: bold;
  font-size: 140%;
}
#itemDetailsBox .rightCol .receiptBox .inBox {
  font-size: 85%;
}
#itemDetailsBox .rightCol .receiptBox .inBox dt {
  clear: both;
  float: left;
  margin: 0 0 8px;
  padding-left: 13px;
  text-indent: -13px;
  color: #6b6b6b;
  width: 6em;
  box-sizing: border-box;
  line-height: 1.2;
  vertical-align: top;
}
#itemDetailsBox .rightCol .receiptBox .inBox dt img {
  margin: 0 5px 0 0;
  vertical-align: middle;
  width: 8px;
  height: auto;
}
#itemDetailsBox .rightCol .receiptBox .inBox dd {
  margin: 0 0 8px 8em;
  font-weight: bold;
  vertical-align: top;
}
#itemDetailsBox .rightCol .receiptBox .inBox dd:before {
  content: "：";
  margin-left: -1em;
  font-weight: normal;
}
#itemDetailsBox .rightCol .receiptBox .inBox dd .paymentMethod {
  display: inline-block;
  padding-bottom: 10px;
  vertical-align: top;
}
#itemDetailsBox .rightCol .receiptBox .inBox dd .paymentMethod li {
/*	border: 1px solid #e6ac70;
  margin-bottom: 4px;
  padding: 4px 8px;
  background: #fbfafa;	*/
}
#itemDetailsBox .rightCol .receiptBox .inBox .large {
  font-size: 120%;
}
#itemDetailsBox .rightCol .receiptBox .inBox .green {
  color: #28851b;
}
#itemDetailsBox .rightCol .receiptBox .inBox2 {
  font-size: 85%;
  text-align: center;
  clear: both;
  border-top: 1px solid #e6e6e6;
  padding: 10px 0 20px;
}
#itemDetailsBox .rightCol .receiptBox .inBox2 dt {
  clear: both;
  float: left;
  margin: 0 0 8px;
  color: #6b6b6b;
}
#itemDetailsBox .rightCol .receiptBox .inBox2 dd {
  margin: 0 0 8px 3em;
  font-weight: bold;
}
#itemDetailsBox .centerCol .limit1 {
  margin: 0;
  padding: 0;
  color: #e92606;
}
#itemDetailsBox .centerCol .limit2,
#itemDetailsBox .rightCol .limit2 {
  display: inline-block;
  margin: 5px 0 0;
  padding: 4px 20px;
  color: #ffffff;
  background: #e92606;
  text-align: center;
}
#itemDetailsBox .rightCol .receiptBox .inBox2 .number {
  padding: 10px 0;
}
#itemDetailsBox .rightCol .receiptBox .inBox2 .number .sendIcon {
  margin-left: 10px;
  padding: 3px 15px;
  border: 1px solid #ff0000;
  color: #ff0000;
  background: #ffffff;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 2px;
}
#itemDetailsBox .rightCol .receiptBox .inBox2 dd:before {
  content: "：";
  margin-left: -1em;
  font-weight: normal;
}
#itemDetailsBox .addFav {
  position: relative;
  display: block;
  width: 95%;
  margin: 0 auto;
}
#itemDetailsBox .addFav .arrow_box {
  position: absolute;
  top: -15px;
  left: -210px;
  width: 240px;
  box-sizing: border-box;
  background: #ffffff;
  border: 2px solid #c1c1c1;
  border-radius: 4px;
  padding: 10px;
  z-index: 1000;
  display: none;
}
#itemDetailsBox .addFav .arrow_box:after, .arrow_box:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#itemDetailsBox .addFav .arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 8px;
  margin-top: -8px;
}
#itemDetailsBox .addFav .arrow_box:before {
  border-color: rgba(193, 193, 193, 0);
  border-left-color: #c1c1c1;
  border-width: 11px;
  margin-top: -11px;
}
#itemDetailsBox .addFav .arrow_box.active {
  display: block !important;
}
#itemDetailsBox .addFav .arrow_box.invisible {
  display: none !important;
}
#itemDetailsBox .addFav .arrow_box .popClose {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background: #f2f2f2;
  float: right;
  margin-top: -5px;
}
#itemDetailsBox .addFav .arrow_box .popClose a {
  display: block;
  width: 32px;
  height: 32px;
  text-decoration: none;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_close.gif) no-repeat center center;
}
#itemDetailsBox .btnFav,
#togetherBox .btnFav {
  border-width: 1px;
  border-style: solid;
  border-color: #dadada #d5d5d5 #b4b4b4;
  border-radius: 4px;
  display: block;
  text-align: center;
  background: #fff;
  color: #262626;
  padding: 12px;
  text-decoration: none;
  font-size: 85%;
}
#itemDetailsBox .btnFav span,
#togetherBox .btnFav span {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_favorite.gif) left center no-repeat;
  padding: 2px 0 2px 24px;
  background-size: 18px 16px;
}
#togetherBox .btnFav {
  display: inline-block;
  float: right;
}
#itemDetailsBox .rightCol .cautionBox {
  background: #fbedea;
  margin-bottom: 0;
  padding: 15px 10px;
}
#itemDetailsBox .rightCol .cautionBox dt {
  text-align: center;
  color: #ac3a20;
  font-weight: bold;
}
#itemDetailsBox .rightCol .cautionBox dt img {
  vertical-align: middle;
  width: 16px;
  height: 14px;
  margin-right: 10px;
}
#itemDetailsBox .rightCol .cautionBox dd {
  margin: 10px 0 0;
  padding: 0;
}
#itemDetailsBox .rightCol .cautionBox dd li {
  display: inline-block;
  width: 49%;
  box-sizing: border-box;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_arrow_mainimagemenu.png) 10px 0.4em no-repeat;
  background-size: 6px 10px;
  margin: 0 0 5px;
  padding: 0 0 0 24px;
  font-size: 80%;
  vertical-align: top;
}
#itemDetailsBox .rightCol .cautionBox dd li a {
  color: #262626;
  text-decoration: none;
}
#itemDetailsBox .rightCol .cautionBox p {
  font-size: 80%;
  line-height: 1.4;
}
#itemDetailsBox .rightCol .cautionBox p.download {
  font-size: 66%;
}
#itemDetailsBox .rightCol .cautionBox p.tcenter {
  text-align: center;
}
#itemDetailsBox .rightCol .cautionBox a {
  color: #2942a9;
  text-decoration: none;
}
#itemDetailsBox .staffInfo {
  clear: both;
  background: #fefaf1;
  border: 1px solid #e3be87;
  border-radius: 10px;
  margin: 0;
  padding: 15px 10px;
}
#itemDetailsBox .staffInfo dt {
  font-weight: bold;
  color: #e97a06;
  margin: 0;
  text-align: center;
}
#itemDetailsBox .staffInfo dt img {
  vertical-align: middle;
  width: 35px;
  height: auto;
  margin-right: 10px;
}
#itemDetailsBox .staffInfo dd {
  margin: 8px 0 0;
  padding: 0;
  font-size: 90%;
}
#itemDetailsBox #trigger_1 img {
  width: 200px;
  height: 200px;
}
#itemDetailsBox #itemImage .bx-wrapper {
  padding: 0;
}
#itemDetailsBox .modal.largeModal {
  width: 90%;
}

.modal .cart_add {
  line-height: 42px;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}
.modal .cart_add img {
  vertical-align: middle;
  margin-right: 10px;
  width: 21px;
  height: auto;
}
.modal .cartaddBox {
  margin: 14px 0 0;
  border: 1px solid #c1c1c1;
  border-radius: 2px;
  /*display: table;*/
  width: 100%;
}
.modal .leftBox {
  display: table-cell;
  vertical-align: middle;
  width: 25px;
  /*background: #f2f2f2 url(/excludes/fo/s/edion/img/shelf/bg_cart_add1.gif) right center no-repeat;*/
}
.modal .centerBox {
  /*display: table-cell;*/
  vertical-align: middle;
  padding: 10px 5px;
}
.modal .centerBox p img {
  width: 22px;
  height: auto;
  vertical-align: middle;
  margin-left: 8px;
}
.modal .centerBox .fleft{
  float: left;
}
.modal .centerBox .fright{
  float: right;
}
.modal .centerBox .fright img {
  vertical-align: middle;
  margin-left: 15px;
}
.modal .centerBox .btn1 {
  border: 1px solid #dadada;
  background: #ffffff;
}
.modal .centerBox .btn2 {
  border: 1px solid #da7106;
  background: #ea7b08;
  color: #ffffff;
  padding: 7px 24px;
}
.modal .rightBox {
  display: table-cell;
  vertical-align: middle;
  width: 25px;
  /*background: #f2f2f2 url(/excludes/fo/s/edion/img/shelf/bg_cart_add2.gif) left center no-repeat;*/
}


/*
  マイページ
------------------------------------ */
.mypage h1 {
  margin: 0;
  padding: 24px 0 0;
  border: none;
  font-size: 120%;
}
.mypage h2 {
  margin: 0 0 8px;
  padding: 0 10px;
  font-size: 105%;
}
.mypage .sectionBox {
  margin: 18px 0 0;
  padding: 18px 0 0;
  border-top: 2px solid #c1c1c1;
  line-height: 1.4;
}
.mypage .sectionBox .detailLink {
  float: right;
  padding: 0 0 0 20px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_link_black.png) 0 0.3em no-repeat;
  background-size: 13px 13px;
  font-size: 90%;
}
.mypage .sectionBox .name .detailLink {
  font-size: 85%;
}
.mypage .sectionBox .detailLink2 {
  padding: 0 0px 0 25px;
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_cright.png) 2px 15px no-repeat;
  font-size: 70%;
  line-height: 47px;
  display: inline-block;
}
.mypage .sectionBox .detailLink a,
.mypage .sectionBox .detailLink2 a {
  color: #262626;
  text-decoration: none;
}
.mypage .sectionBox .userBox {
  padding: 12px 10px;
/*	background: #f2f2f2;
  border: 2px solid #e0e0e0;	*/
}
.mypage .sectionBox .userBox .name {
/*	float: left;
  width: 470px;	*/
  padding: 10px 30px;
  border-bottom: 1px solid #b5b5b5;
  box-sizing: border-box;
  font-size: 105%;
}
.mypage .sectionBox .userBox .member {
/*	float: right;
  width: 440px;	*/
  box-sizing: border-box;
}
.mypage .sectionBox .userBox .member > span {
  display: table-cell;
}
.mypage .sectionBox .userBox .member > span.top {
  vertical-align: top;
  text-align: right;
  width: 19%;
  padding-right: 5px;
}
.mypage .sectionBox .userBox .member > span.bottom {
  vertical-align: bottom;
  text-align: right;
  width: 10%;
  padding-left: 5px;
}
.mypage .sectionBox .userBox .member > span.memberBox {
  width: 65%;
  padding: 2px 10px;
  box-sizing: border-box;
  background: #fff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  color: #ea7b08;
}
.mypage .sectionBox .userBox .member > span.memberBox strong {
  display: inline-block;
  margin: 0 auto;
/*	text-align: left;	*/
}
/*.mypage .sectionBox .fltL {
  float: left;
}
.mypage .sectionBox .fltR {
  float: right;
}*/
.mypage .sectionBox .darrow {
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_down_orange.gif) 0 0.26em no-repeat;
  background-size: 21px 18px;
  padding: 0 10px 10px 30px;
  font-size: 80%;
  text-align: center;
}
.mypage .sectionBox .colBox {
  box-sizing: border-box;
  margin: 30px 0 0;
  border: #d6d6d6 1px solid;
  padding: 10px 13px 20px;
}
.mypage .sectionBox .colBox.long {
  margin-top: 10px;
}
.mypage .sectionBox .colBox.long2 {
  margin-top: 0;
}
.mypage .sectionBox .colBox.long3 {
/*	border: 1px solid #c2c2c2;	*/
  width: auto;
  margin: 0px 15px 0 0;
  padding: 0px 0;
}
.mypage .sectionBox .colBox .btnBlue li a {
  line-height: 2;
}
.mypage .sectionBox .colBox .rightBox {
  float: right;
}
.mypage .sectionBox .colBox .leftBox {
  float: left;
}
/*
.mypage .sectionBox .colBox.long2 .leftBox,
.mypage .sectionBox .colBox.long2 .rightBox {
  display: table-cell;
  border: 1px solid #c2c2c2;
  width: 460px;
  float: none;
  padding: 20px 0;
}
*/
.mypage .sectionBox .colBox h3 {
  margin: 0 0 10px;
  padding: 3px 25px 5px;
  background: url(/excludes/fo/p/edion/img/cmn/ttl/bg_point.gif) 0 0 no-repeat;
  text-align: left;
  float: left;
}
.mypage .sectionBox .colBox .read {
  margin: 0 10px 25px;
  font-size: 85%;
}
.mypage .sectionBox .tableBox {
}
.mypage .sectionBox .tableBox .colBox3 {
  padding: 0;
  margin-bottom: 20px;
}
.mypage .sectionBox .grayTable .colBox3 {
}

.mypage .sectionBox .tableBox .colBox3 .whitespace {
  position: absolute;
  background: #ffffff;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 2000px;
}
.mypage .sectionBox .colBox3 h2 {
  padding: 3px 8px 0;
  background: #ffffff url(/excludes/fo/s/edion/img/cmn/ttl/bg_point.gif) 0 0.35em no-repeat;
  background-size: 2.5px 18px;
  text-align: left;
}
.mypage .sectionBox .colBox3 .h2mode {
  padding: 3px 5px 15px;
  background: #ffffff;
  text-align: left;
}
.mypage .sectionBox .colBox3 .h2mode img {
  width: 40px;
  height: auto;
}
.mypage .sectionBox .grayTable .colBox3 .bgGray {
  background: #f2f2f2;
  border: 1px solid #e0e0e0;
}
.mypage .sectionBox .grayTable .colBox3 .bgGray .btnBlue li {
  margin: 0;
}
.mypage .sectionBox .grayTable .colBox3 .bgGray .btnBlue li a {
  width: auto;
  background-position: 0 center;
}
.mypage .sectionBox .grayTable .colBox3.white {
  background: #ffffff;
}
.mypage .sectionBox .grayTable .colBox3 .amount {
  padding: 0px 0 10px;
/*	border-bottom: 1px solid #b5b5b5;	*/
  text-align: center;
}
.mypage .sectionBox .grayTable .colBox3 .name {
  padding: 0 0 10px;
}
.mypage .sectionBox .grayTable .colBox3 .member {
  padding: 10px 0 0;
}
.mypage .sectionBox .grayTable .colBox3 .member .top {
  display: inline-block;
  text-align: left;
  font-size: 80%;
  vertical-align: middle;
}
.mypage .sectionBox .grayTable .colBox3 .member span.memberBox {
  display: inline-block;
  padding: 8px 10px;
  vertical-align: middle;
}
.mypage .sectionBox .grayTable .colBox3 .member .bottom {
  display: inline-block;
  text-align: right;
  font-size: 80%;
  vertical-align: middle;
}
.mypage .sectionBox .grayTable .colBox3 .pointCount {
  float: left;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 10px;
  text-align: center;
  color: #ea7b08;
  background: #fff;
  width: 60%;
/*	font-size: 70%;
  display: inline-block;
  width: 60%;	*/
}
.mypage .sectionBox .grayTable .colBox3 .pointCount strong {
  font-size: 105%;
}
.mypage .sectionBox .grayTable .colBox3 .read {
  font-size: 90%;
  margin: 10px 0 0px;
}
.mypage .sectionBox .grayTable .colBox3 .textSecond {
  font-size: 90%;
  margin: 10px 0 0;
  padding: 10px 0;
  border-top: 1px solid #b5b5b5;
}
.mypage .sectionBox .grayTable .colBox3 .arrow_box {
  margin-top: 15px;
}
.mypage .sectionBox .btnBlue li {
  margin: 0 0 14px;
}
.mypage .sectionBox .btnBlue li a {
  display: block;
  width: 80%;
  box-sizing: border-box;
  border-radius:4px;
  margin: 0 auto;
  padding: 8px 10px 8px 30px;
  background: #284db4 url(/excludes/fo/s/edion/img/cmn/sign/ic_link_white.png) 11px center no-repeat;
  background-size: 20px 20px;
  line-height: 1.2;
  color: #fff;
  font-size: 80%;
  text-decoration: none;
}
.mypage .sectionBox .btnBlue li a.line1 {
  padding: 20px 20px 4px 47px;
}
.mypage .sectionBox .colBox3 .step {
  font-size: 85%;
  line-height: 1.4;
}
.mypage .sectionBox .colBox3 .step dt {
  clear: both;
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #ea7b08;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 1.2;
  margin: 0 0 25px;
  padding: 10px 0 0;
}
.mypage .sectionBox .colBox3 .step dd {
  margin: 0 0 25px 60px;
}
.mypage .sectionBox .colBox3 .rightBox {
  float: right;
}
.mypage .sectionBox .colBox3 .whiteBox {
  background: #ffffff;
  margin: 0 0 10px;
  padding: 5px 15px;
  font-size: 90%;
  text-align: center;
}
.mypage .sectionBox .colBox3 .whiteBox2 {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 63px;
  bottom: 5px;
  background: #ffffff;
  z-index: 0;
}
.mypage .sectionBox .colBox3 .borderBox2 {
  background: #ffffff;
  border: 2px solid #666666;
  margin-bottom: 10px;
  padding: 10px 0;
  z-index: 1;
  position: relative;
}
.mypage .sectionBox .colBox3 .txtTop {
  margin-top: -60px;
}
.mypage .sectionBox .btnBlue li a img {
  vertical-align: middle;
  margin-right: 8px;
}
.mypage .sectionBox h3.cardInfo {
  margin: 20px 0 10px;
  padding: 3px 25px 5px;
  background: url(/excludes/fo/p/edion/img/cmn/ttl/bg_point.gif) 0 0 no-repeat;
  text-align: left;
}
.mypage .sectionBox .colBox .service {
  margin: 0 10px 30px;
  font-size: 85%;
  border-top: 1px solid #e6e6e6;
  padding: 20px 0 0;
}
.mypage .sectionBox .colBox3 .whiteBox .crown {
  width: 16px;
  height: 14px;
  vertical-align: middle;
}
.mypage .sectionBox .colBox .service .card {
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  margin: 15px 0 0;
  padding: 20px;
}
.mypage .sectionBox .colBox .service .card dt {
  clear: both;
  font-weight: bold;
  margin: 0 0 5px;
}
.mypage .sectionBox .colBox .service .card dd {
  margin: 0;
  padding: 0;
  font-size: 95%;
}
.mypage .sectionBox .colBox .service .card dd .pht {
  float: right;
  margin: 0 0 10px 20px;
}
.mypage .sectionBox .colBox .service .card dd li {
  text-indent: -1em;
  padding-left: 1em;
}
.mypage .sectionBox .colBox .service .card dd li:before {
  content: "●";
}
.mypage .sectionBox .colBox .cardInfoBox {
  text-align: center;
}
.mypage .sectionBox .colBox .cardInfoBox .rLBox {

}
.mypage .sectionBox .colBox .cardInfoBox .rLBox > div {
  display: inline-block;
}
.mypage .sectionBox .colBox .cardInfoBox .rRBox {
  margin-top: 18px;
  border-top: 1px solid #e6e6e6;
  padding-top: 18px;
}
.mypage .sectionBox .colBox .cardInfoBox .rRBox > ul {
  display: inline-block;
}
.mypage .sectionBox .colBox .cardInfoBox .btnBlue a {
  width: auto;
  background-position: 0 center;
}
.mypage .sectionBox .colBox .cardInfoBox .cardLeft {
  float: left;
  width: 89px;
  padding-top: 15px;
}
.mypage .sectionBox .colBox .cardInfoBox .cardRight {
  padding-left: 105px;
  padding-top: 15px;
  text-align: left;
}
.mypage .sectionBox .colBox .cardInfoBox .text {
  text-align: left;
}
.mypage .sectionBox .colBox.long3 .cardInfoBox .cardRight {
}
.mypage .sectionBox .colBox .cardInfoBox .btnOrange a {
  display: block;
/*	width: 80%;	*/
  box-sizing: border-box;
  border-radius:4px;
  margin: 0 auto;
  padding: 8px 10px 8px 30px;
  background: #ea7b08 url(/excludes/fo/s/edion/img/cmn/sign/ic_link_white.png) 1px center no-repeat;
  background-size: 20px 20px;
  line-height: 1.2;
  color: #fff;
  font-size: 80%;
  text-decoration: none;
}
.mypage .sectionBox .colBox .cardInfoBox .btnBlue li {
  margin: 0;
}
.mypage .sectionBox .colBox .cardInfoBox .btnOrange a,
.mypage .sectionBox .colBox .cardInfoBox .btnBlue a {
  line-height: 2;
}
.mypage .sectionBox .colBox .title {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  background: #ffffff;
  margin: 0 2px;
  padding: 10px 0 15px;
}
.mypage .sectionBox .colBox .text {
  padding: 0;
  font-size: 85%;
}
.mypage .sectionBox .colBox.long3 .text {
  padding: 0;
}
.mypage .sectionBox .colBox ul.text {
  margin: 0;
  list-style-type: none;
}
.mypage .sectionBox .colBox ul.text li {
  padding-left: 1em;
  text-indent: -1em;
  padding-top: 8px;
}
.mypage .sectionBox .colBox ul.text li:first-of-type {
  padding-top: 5px;
}

.mypage .sectionBox .colBox .cardRight .rRBox {
}

.mypage .sectionBox .colBox .cardRight .textCenter {
/*	font-size: 85%;	*/
}

.mypage .sectionBox .borderBox {
  clear: both;
  position: relative;
  margin: 0 0 30px;
  padding: 10px 10px 10px 10px;
  background: #f5f5f5;
  border-radius: 3px;
}
.mypage .sectionBox .fltR .borderBox {
  padding: 10px 10px 30px 10px;
}
.mypage .sectionBox .borderBox .pointCount {
  width: 305px;
  box-sizing: border-box;
  margin: 0;
  padding: 10px;
  text-align: center;
  color: #ea7b08;
  background: #fff;
}
.mypage .sectionBox .borderBox .pointCount strong,
.mypage .sectionBox .borderBox .amount strong {
  font-size: 140%;
  font-weight: bold;
}
.mypage .sectionBox .borderBox .pointCount .small,
.mypage .sectionBox .borderBox .amount .small {
  font-size: 90%;
}
.mypage .sectionBox .borderBox .detailLink {
  position: absolute;
  top: 28px;
  left: 325px;
}
.mypage .sectionBox .borderBox .amount {
  text-align: center;
  margin: 0 0 33px;
  padding: 0 0 5px;
  border-bottom: 1px solid #c2c2c2;
}
.mypage .sectionBox .arrow_box {
  position: relative;
  width: 100%;
  margin: 0 auto 20px;
  padding: 10px 10px;
  box-sizing: border-box;
  background: #fefbdc;
  border: 2px solid #fdd05b;
  text-align: center;
  font-size: 78%;
}
.mypage .sectionBox .arrow_box:after,
.mypage .sectionBox .arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.mypage .sectionBox .arrow_box:after {
  border-color: rgba(254, 251, 220, 0);
  border-top-color: #fefbdc;
  border-width: 10px;
  margin-left: -10px;
}
.mypage .sectionBox .arrow_box:before {
  border-color: rgba(253, 208, 91, 0);
  border-top-color: #fdd05b;
  border-width: 13px;
  margin-left: -13px;
}

.mypage .sectionBox .progress-bar {
  background-color: #b5b5b5;
  height: 15px;
  width: 80%;
  box-sizing: border-box;
  margin: 0 auto 0;
}
.mypage .sectionBox .progress-bar span {
  display: inline-block;
  height: 100%;
  background-color: #ea7b08;
}
.mypage .sectionBox .progress-bar-unit {
  margin: 3px auto 5px;
  font-size: 80%;
}
.mypage .sectionBox .progress-bar-unit .unit-l {
  float: left;
/*	margin-left: 35px;	*/
}
.mypage .sectionBox .progress-bar-unit .unit-r {
  float: right;
}
.mypage .sectionBox .indent {
  font-size: 80%;
  text-indent: -1em;
  padding-left: 1em;
}
.mypage .sectionBox .ttl {
  position: relative;
}
.mypage .sectionBox .colBox2 {
  width:100%;
  margin: 18px 0 0;
  padding: 18px 0 0;
  border-top: 2px solid #c1c1c1;
}
.mypage .sectionBox .colBox2 .ttl {
  position: relative;
}
.mypage .sectionBox .colBox2 .ttl h3 {
  float: left;
  margin: 0 0 10px;
  padding: 3px 10px 5px 0;
  text-align: left;
  font-size: 105%;
}
.mypage .sectionBox .colBox2 .ttl .detailLink {
  float: right;
  margin: 5px 0 0;
}
.mypage .sectionBox .message {
  margin: 0 0 -15px;
  padding: 0;
}
.mypage .sectionBox .message dt {
  float: left;
  padding: 0 0 15px 0;
  font-size: 80%;
}
.mypage .sectionBox .message dd {
  margin: 0 0 0 8em;
  padding: 0 0 15px 0;
  font-size: 80%;
}
.mypage .sectionBox .message a {
  text-decoration: none;
  color: #232323;
}
.mypage .sectionBox .favorite li {
  border-bottom: 1px solid #ececec;
  padding: 10px 0;
  font-size: 90%;
}
.mypage .sectionBox .favorite li .shop {
  width: 55%;
  display: inline-block;
  text-indent: -1em;
  padding: 0 10px 0 1em;
  box-sizing: border-box;
  vertical-align: middle;
}
.mypage .sectionBox .favorite li .shop:before {
  content: "・";
}
.mypage .sectionBox .favorite li .shopBtn {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
  text-align: right;
}
.mypage .sectionBox .favorite li .flyer {
  display: inline-block;
  width: 12em;
  box-sizing: border-box;
  background: #e6e6e6 url("/excludes/fo/s/edion/img/cmn/icon/ic_flyer.gif") no-repeat 5px center;
  background-size: 16px 15.5px;
  border: 1px solid #d6d6d6;
  border-radius:3px;
  padding: 4px 8px 4px 18px;
  text-align: center;
  color: #262626;
  text-decoration: none;
  font-size: 80%;
  vertical-align: middle;
}
.mypage .sectionBox .favorite li .flyer img {
  margin: 0 10px 0 0;
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: auto;
}
.mypage .sectionBox .menu {
  clear: both;
  padding: 0;
  font-size: 0;
}
.mypage .sectionBox .menu li {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 7px 10px 7px 10px;
  font-size: 1rem;
  vertical-align: top;
  margin-bottom: 10px;
  /*background: #e9eaef url(/excludes/fo/s/edion/img/cmn/sign/ic_arrow_cright.png) 10px 50% no-repeat;
  background-size: 13px 13px;*/
  background: #e9eaef;
  background: #e9eaef url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 97% 50% no-repeat;
  background-size: 6px 9px;
}

.mypage .sectionBox .menu li a {
  display: table;
  width: 100%;
  color: #262626;
  text-decoration: none;
}
.mypage .sectionBox .menu li .ttl_arrow {
  display: table-cell;
  width: 20%;
  box-sizing: border-box;
  font-weight: bold;
  vertical-align: middle;
}
.mypage .sectionBox .menu li .ttl_arrow img {
  width: 85%;
  height: auto;
}
.mypage .sectionBox .menu li .ttl_arrow.line3 {
  min-height: 60px;
}
.mypage .sectionBox .menu li .ttl_text {
  display: table-cell;
  width: 80%;
  font-size: 90%;
  line-height: 1.4;
  vertical-align: middle;
}
.mypage .sectionBox .menu li strong {
  display: block;
}
.mypage .sectionBox .menu li .ttl_text span {
  font-size: 90%;
}
.mypage .sectionBox .menu li p {
  font-size: 80%;
  margin: 5px 10px 0;
}
.mypage .sectionBox .menu.col4 {
  width: 640px;
}
.mypage .sectionBox .menu.col5 {
  width: 800px;
}
.mypage .sectionBox .helpcol {
  clear: both;
  font-size: 0;
}
.mypage .sectionBox .helpcol li {
  display: inline-block;
  width: 48%;
  box-sizing: border-box;
  margin-right: 2%;
  font-size: 1rem;
  vertical-align: top;
}
.mypage .sectionBox .helpcol li:nth-child(even) {
  margin-right: 0;
  margin-left: 2%;
}
.mypage .sectionBox .helpcol li a {
  display: block;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 8px;
  border-radius: 3px;
  /*background: #e6e6e6 url(/excludes/fo/s/edion/img/cmn/sign/ic_arrow_cright.png) 92% 85% no-repeat;
  background-size: 13px 13px;*/
  text-align: center;
  color: #262626;
  text-decoration: none;
  font-weight: bold;
  font-size: 90%;
  background: #e9eaef url(/excludes/fo/s/edion/img/cmn/sign/ic_right_gray.png) 97% 50% no-repeat;
  background-size: 6px 9px;
}
.mypage .sectionBox .helpcol li img {
  display: block;
  width: auto;
  height: 20px;
  margin: 0 auto 10px;
  vertical-align: middle;
}


/*
  カート画面
------------------------------------ */
h1.orange {
  border-color: #ea7b08;
  margin: 24px 0 0;
  font-size: 120%;
}
.cartBox {
  margin: 30px 0 0;
  border-top: 2px solid #c1c1c1;
}
.attention {
  box-sizing: border-box;
  border-radius: 4px;
  padding: 10px 8px 10px 30px;
  background: #fbedea url(/excludes/fo/s/edion/img/cmn/icon/ic_attention_l.gif) 8px 12px no-repeat;
  background-size: 16px 14px;
  color: #262626;
  font-size: 80%;
}
.attentionTitle {
  color: #a8391d;
}
.attention.confirm {
  width: 656px;
  margin-bottom: 20px;
}
.cartBox a {
  text-decoration: none;
  color: #1e38a6;
}
.cartBox .buy_location {
  padding: 13px 8px 15px;
  font-size: 90%;
}
.toggleTitle {
  cursor: pointer;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_down_01.gif) 96% 1em no-repeat;
  background-size: 13px 7px;
  padding-right: 10%;
}
.toggleTitle.close {
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_up_01.gif) 96% 1em no-repeat;
  background-size: 13px 7px;
}
.toggleTitle.typePlus {
  cursor: pointer;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_close02.png) 100% 50% no-repeat;
  background-size: 12px 12px;
  padding-right: 10%;
}
.toggleTitle.typePlus.close {
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_open.png) 100% 50% no-repeat;
  background-size: 12px 12px;
}
#featureBox .toggleTitle {
  background-position: 98.3% 50%;
}
.toggleContents {
  display: none;
}
.toggleContents.active {
  display: block;
}

.cartBox .buy_location .bold {
  font-size: 120%;
}
.cartBox .buy_location img {
  vertical-align: middle;
  margin-right: 10px;
  width: auto;
  height: 26px;
}
.cartBox .totalPriceBox {
  box-sizing: border-box;
  background: #f2f2f2;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  padding: 20px 10px;
}
.cartBox .totalPriceBox .bold {
  font-size: 92%;
  color: #626262;
}
.cartBox .totalPriceBox .inBox {
  display: table;
  font-size: 85%;
  width: 100%;
  padding: 5px 10px 15px;
  box-sizing: border-box;
}
.cartBox .totalPriceBox .inBox dl {
  display: table-row;
}
.cartBox .totalPriceBox .inBox dl dt {
  display: table-cell;
  /*color: #626262;*/
  padding-bottom: 5px;
  width: 6em;
}
.cartBox .totalPriceBox .inBox dl dd {
  display: table-cell;
  padding-bottom: 5px;
}
.cartBox .totalPriceBox .inBox dl .price {
  text-align: right;
}
.cartBox .totalPriceBox .inBox2 {
  display: table;
  width: 100%;
  font-size: 75%;
  border-top: 2px solid #d5d5d5;
  padding: 5px 0 15px;
}
.cartBox .totalPriceBox .inBox2 dl {
  display: table-row;
}
.cartBox .totalPriceBox .inBox2 dl dt {
  display: table-cell;
  padding: 10px 10px 0;
  color: #626262;
}
.cartBox .totalPriceBox .inBox2 dl dt.bold {
  font-size: 140%;
}
.cartBox .totalPriceBox .inBox2 dl dd {
  display: table-cell;
}
.cartBox .totalPriceBox .inBox2 dl .price {
  text-align: right;
/*  width: 35em; */
}
.cartBox .totalPriceBox .inBox2 dl dd .orange {
  color: #e92606;
}
.cartBox .totalPriceBox .inBox2 dl dd .large {
  font-size: 166%;
  font-weight: bold;
}
.cartBox .totalPriceBox .inBox2 dl dd .small {
  font-size: 85%;
}
.cartBox .totalPriceBox .inBox2 dl dd .bold {
  font-size: 120%;
}
.cartBox .totalPriceBox dl dd.tax-none {
  padding-right: 2.9em;
}
.cartBox .totalPriceBox .btn {
  border-width: 1px;
  border-style: solid;
  border-color: #df7307 #da7106 #b76003;
  border-radius: 4px;
  display: block;
  text-align: center;
  background: #ea7b08;
  color: #ffffff;
  padding: 12px;
  text-decoration: none;
}
.cartBox .itemBox {
  box-sizing: border-box;
  border: 2px solid #c1c1c1;
  border-radius: 2px;
  margin: 0 0 20px;
  padding: 9px;
}
.cartBox .itemBox > .inBox > img {
  width: 70px;
  height: 70px;
  float: left;
  margin: 10px 10px 10px 0;
}
.cartBox .itemBox .inBox {
}
.cartBox .itemBox .inBox .itemTitle,
.cartBox .infoBox .inBox .itemTitle {
  border-bottom: 1px solid #e6e6e6;
  padding: 6px 0 12px;
  line-height: 1.4;
  font-size: 80%;
  margin: 0 0 10px 80px;
}
.cartBox .itemBox .inBox .itemTitle.noImage,
.cartBox .infoBox .inBox .itemTitle.noImage {
  margin: 0 0 10px 0;
}
.cartBox .itemBox .inBox .itemInfo {
  clear: both;
  display: inline-table;
  font-size: 90%;
  padding: 20px 0 10px;
  vertical-align: top;
}
.cartBox .itemBox .inBox .modelInfo {
  margin: 15px 0 0;
  font-size: 85%;
}
.cartBox .itemBox .inBox .modelInfo dt {
  float: left;
  width: 6em;
  color: #6b6b6b;
  margin-bottom: 5px;
}
.cartBox .itemBox .inBox .modelInfo dd {
  margin-left: 7em;
  margin-bottom: 5px;
}
.cartBox .itemBox .inBox .modelInfo dd:before {
  content: "：";
  margin-left: -1em;
  color: #6b6b6b;
}
.cartBox .itemBox .inBox .itemInfo {
  width: 100%;
  border-bottom: 1px solid #e6e6e6;
  padding: 0 0 12px;
}
.cartBox .itemBox .inBox .itemInfo li {
  display: table-row;}
.cartBox .itemBox .inBox .itemInfo li p {
  display: table-cell;
  padding-bottom: 5px;

}
.cartBox .itemBox .inBox .itemInfo .stock {
  padding-left: 20px;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_stock.gif) 0 3px no-repeat;
  background-size: 15px auto;
  white-space: nowrap;
}
.cartBox .itemBox .inBox .itemInfo .send {
  padding-left: 20px;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_address.gif) 0 3px no-repeat;
  background-size: 15px auto;
}
.cartBox .itemBox .inBox .itemInfo .warranty {
  padding-left: 20px;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_warranty.gif) 0 3px no-repeat;
  background-size: 15px auto;
}
.cartBox .itemBox .inBox .itemInfo .price {
  width: 48%;
  text-align: right;
}
.cartBox .itemBox .inBox .itemInfo .price .small {
  font-size: 80%;
}
.cartBox .itemBox .inBox .itemInfo .price img {
  vertical-align: middle;
}
.cartBox .itemBox .inBox .itemInfo .green {
  color: #29861c;}
.cartBox .itemBox .itemInfo .packing {
  padding: 5px 0 5px 22px;
  font-size: 100%;
}
.cartBox .itemBox .inBox .priceInfo {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  font-size: 80%;
  vertical-align: top;
  padding: 20px 10px 0 0;
  text-align: right;
}
.cartBox .itemBox .inBox .priceInfo p {
  margin-bottom: 5px;
}
.cartBox .itemBox .inBox .red {
  color: #e92606;
}
.cartBox .itemBox .inBox .large {
  font-size: 140%;
  font-weight: bold;
}
.cartBox .itemBox .inBox .orange {
  color: #ec8212;
}
.cartBox .favoriteBox .inBox .itemNumber {
  width: 100%;
  font-size: 80%;
  display: inline-block;
  text-align: right;
  padding: 10px 0 20px;
  vertical-align: top;
  margin-top: 16px;
}
.cartBox .itemBox .inBox .itemNumber {
  width: 100%;
  font-size: 80%;
  display: inline-block;
  text-align: center;
  padding: 10px 0 20px;
  vertical-align: top;
  margin-top: 16px;
}
.cartBox .itemBox .inBox .itemNumber input[type=text] {
  width: 70px;
  padding: 4px;
  line-height: 1.4em;
  box-sizing: border-box;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -3px;
  -webkit-appearance: none;
  min-height: 25px !important;
}
.cartBox .itemBox .inBox .itemNumber .btn {
  display: inline-block;
  padding: 4px 20px;
  background: #284db4;
  color: #ffffff;
  border: 1px solid #1e359d;
  border-color: #1e359d #1c3399 #192d83;
  border-radius: 3px;
  text-decoration: none;
  vertical-align: middle;
  margin-top: -6px;
}
.cartBox .itemBox .inBox .itemNumber span.btn {
  background: #c1c1c1;
  border-color: #c1c1c1;
  vertical-align: middle;
  margin-top: -6px;
}
.cartBox .itemBox .packing {
  font-size: 80%;
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_packing.gif) 0 50% no-repeat;
  background-size: 15px 15px;
  margin-top: 10px;
}
.cartBox .itemBox .inBox .setting {
  font-size: 80%;
  width: 100%;
  box-sizing: border-box;
  padding-left: 20px;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_setting.gif) 0 50% no-repeat;
  background-size: 15px 15px;
  margin-top: 10px;
}
.cartBox .itemBox .inBox .subBox {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  margin: 5px 0 0;
  padding: 10px;
  font-size: 80%;
  line-height: 1.4;
  width: 100%;
  box-sizing: border-box;
  text-align: right;
}
.cartBox .itemBox .inBox .subBox p {
}
.cartBox .itemBox .inBox .subBox .comment {
  text-align: left;
}
.cartBox .itemBox .inBox .subBox .price,
.cartBox .itemBox .inBox .subBox .number {
  display: inline-block;
  text-align: right;
}
.cartBox .itemBox .inBox .subBox .price {
  margin-right: 20px;
}
.cartBox .edit {
  margin-top: 10px;
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  clear: both;
  font-size: 0;
}
.cartBox .edit li {
  display: inline-block;
  width: 32.44%;
  margin-right: 1.3%;
  vertical-align: top;
  font-size: 1rem;
}
.cartBox .edit li:last-child,
.cartBox .edit.type2col li:nth-child(2n) {
  margin-right: 0;
}
.cartBox .edit li.delete {
  width: 22%;
}
.cartBox .edit li.favorite {
  width: 42%;
}
.cartBox .edit.typeDel li {
  width: 100%;
}
.cartBox .edit.type2col {
  padding: 10px 10px 0;
  margin-bottom: -10px;
}
.cartBox .edit.type2col li {
  width: 49.35% !important;
  margin-bottom: 10px;
}
.cartBox .edit li a,
.cartBox .edit li > span {
  display: table;
  width: 100%;
  min-height: 40px;
  background: #284db4;
  vertical-align: middle;
  color: #ffffff;
  border: 1px solid #1e359d;
  border-color: #1e359d #1c3399 #192d83;
  border-radius: 3px;
  padding: 4px 10px;
  box-sizing: border-box;
  text-decoration: none;
  font-size: 85%;
  line-height: 1.4;
  text-align: center;
}
.cartBox .edit.typeDel li a {
  padding: 2px 5px;
  min-height: 25px;
}
.cartBox .edit li.delete a {
  background: #ebebeb;
  color: #000;
  border: 1px solid #e2e2e2;
  border-color: #e2e2e2 #e2e2e2 #bebebe;
}
.cartBox a.delete {
  display: inline-block;
  margin-right: 10px;
  padding: 4px 20px;
  background: #ebebeb;
  color: #333333;
  border: 1px solid #e2e2e2;
  border-color: #e2e2e2 #e2e2e2 #bebebe;
  border-radius: 3px;
  text-decoration: none;
  vertical-align: middle;
  margin-top: -6px;
}
.cartBox .edit li.favorite a {
  background: #fff url(/excludes/fo/s/edion/img/cmn/icon/ic_favorite.gif) 8px 6px no-repeat;
  padding-left: 24px;
  background-size: 14px 12px;
  color: #000;
  border: 1px solid #c1c1c1;
}
.cartBox .edit li.cart a {
  background: #ea7b08;
  color: #fff;
  border: 1px solid #df7307;
}
.cartBox .edit li.soldout > span {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
}
.cartBox .edit.type2col li.favorite a {
  background: #fff url(/excludes/fo/s/edion/img/cmn/icon/ic_favorite.gif) 16px 6px no-repeat;
  padding-left: 24px;
  background-size: 14px 12px;
}
.cartBox .edit li a span,
.cartBox .edit li span span {
  vertical-align: middle;
  display: table-cell;
}
.cartBox .itemBox .errorBox {
  background: #fbedea url(/excludes/fo/s/edion/img/cmn/icon/ic_attention_l.gif) 8px 12px no-repeat;
  background-size: 16px 14px;
  color: #a8391d;
  font-size: 80%;
  margin-bottom: 10px;
  padding: 10px 8px 10px 30px;
  border-radius: 3px;
  line-height: 1.4;
  clear: both;
}
.cartBox .itemBox .coupon {
  width: 70%;
  float: right;
  text-align: center;
  padding: 7px 15px 7px 7px;
  border: 2px solid #e92606;
  color: #e92606;
  font-size: 85%;
  position: relative;
}
.cartBox .qouponBox {
  clear: both;
  width: 656px;
}
.cartBox .qouponBox .title {
  font-weight: bold;
}
.cartBox .qouponBox ul.list {
  box-sizing: border-box;
  margin-left: -13px;
  font-size: 0;
  line-height: 0;
}
.cartBox .qouponBox ul.list li {
  margin: 13px 0 0 13px;
  display: inline-block;
  width: 210px;
}
.cartBox .qouponBox .coupon-01 {
  background: #e92606;
  border: 3px solid #e92606;
  color: #fff;
  display: block;
  margin: 10px 0 0;
  padding: 7px;
  font-size: 12px;
  line-height: 1.4;
}
.cartBox .qouponBox .coupon-02 {
  background: #fff;
  border: 3px solid #e92606;
  color: #e92606;
  display: block;
  margin: 10px 0 0;
  padding: 7px;
  font-size: 12px;
  line-height: 1.4;
}
.cartBox .favoriteBox {
  width: 100%;
  box-sizing: border-box;
  border: 2px solid #c1c1c1;
  margin: 0 0 20px;
  padding-bottom: 9px;
}
.cartBox .favoriteBox .infoBox {
  width: 100%;
  box-sizing: border-box;
  padding: 9px;
}
.cartBox .favoriteBox .btnBox {
}
.cartBox .favoriteBox .infoBox .icon {
  width: 70px;
  height: 70px;
  float: left;
  margin: 10px 10px 10px 0;
}
.cartBox .favoriteBox .inBox {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 12px;
}
.cartBox .favoriteBox .inBox .item {
  font-size: 105%;
  line-height: 1.4;
}
.cartBox .favoriteBox .inBox .appraisal {
  padding: 6px 0 0;
}
.cartBox .favoriteBox .inBox .appraisal img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.cartBox .favoriteBox .inBox span {
  display: inline-block;
  vertical-align: middle;
}
.cartBox .favoriteBox .inBox .price {
  text-align: right;
  margin-bottom: 10px;
  font-size: 80%;
  clear: both;
}
.cartBox .favoriteBox .inBox .info {
  font-size: 80%;
}
.cartBox .favoriteBox .inBox .gray {
  color: #626262;
  float: left;
}
.cartBox .favoriteBox .inBox .green {
  color: #28851b;
}
.cartBox .favoriteBox .inBox .red {
  color: #e92606;
  font-size: 120%;
}
.cartBox .favoriteBox .inBox .orange {
  color: #ec8212;
}
.cartBox .favoriteBox .inBox .ml25 {
  margin-left: 25px;
}
.cartBox .favoriteBox .inBox .small {
  font-size: 85%;
}
.cartBox .favoriteBox .inBox .bold .small {
  font-weight: normal;
}
.cartBox .favoriteBox .edit {
  border: none;
  padding-top: 0;
  margin-top: 0;
}

.cartBox .moreBox {
  margin: 25px 0 0;
  text-align: center;
}
.cartBox .moreBox a {
  border: 1px solid #dadada;
  border-color: #dadada #d5d5d5 #b4b4b4;
  padding: 10px 40px;
  display: inline-block;
  border-radius: 4px;
  font-size: 80%;
  color: #000;
}
.errorBox {
  padding: 35px 15px;
  background: #fbedea;
  color: #9f1a1f;
  border-radius: 3px;
  font-size: 100%;
}
.btnBox {
  margin: 23px 0 0;
  border-top: 1px solid #e6e6e6;
  padding: 30px 0 0;
  text-align: center;
}
.btnBox input[type=button] {
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 120px;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.cartZeroBox {
  width: 580px;
  box-sizing: border-box;
  margin: 60px auto;
  padding: 25px;
  background: #fbedea;
  border-radius: 3px;
  text-align: center;
}
.btnBox a.btn2,
.btnBox a.btn3 {
  display: inline-block;
  box-sizing: border-box;
  width: 12em;
  border-radius: 4px;
  padding: 10px 20px;
  line-height: 1.2;
}
.btnBox a.btn2 {
  color: #fff;
}
.btnBox a.btn3 {
  color: #232323;
}
.btnBox a.btn2.autoWidth {
  width: auto !important;
}
/*#modal_wrapping {
  width: 785px;
}*/
.modal .targetItemBox {
  float: left;
  width: 200px;
  padding: 30px 0 30px 30px;
  box-sizing: border-box;
  font-size: 108%;
}
.modal .targetItemBox .item {
  width: 120px;
  height: auto;
  margin: 0 auto;
  display: block;
}
.modal .targetItemName {
  padding: 20px 0 0;
}
.modal .targetPrice1 {
  padding: 20px 0 0;
}
.modal .targetPrice2 {
  color: #eb2606;
}
.modal .wrappingBox {
  float: left;
  padding: 30px;
  width: 585px;
  box-sizing: border-box;
  background: #ffffff;
}
.modal .wrappingBox .title {
  font-weight: bold;
}
#modal_wrapping .tab_label2 .price {
  float: right;
  color: #eb2606;
  letter-spacing: 0;
}
.modal .wrappingBox .wrapping_select {
  margin: 7px 0 0;
}
.modal .wrappingBox .wrapping_select li {
  display: inline-block;
  margin: 8px 0 0;
  vertical-align: top;
}
.modal .wrappingBox .wrapping_select li label {
  display: inline-block;
  border: 1px solid #e0e0e0;
  border-radius: 1px;
  width: 169px;
  padding: 10px 6px;
  box-sizing: border-box;
}
.modal .wrappingBox .wrapping_select li label input[type="radio"] {
  vertical-align: middle;
}
.modal .wrappingBox .wrapping_select li label img {
  display: block;
  margin: 5px auto;
}
.modal .wrappingBox .wrapping_select li label .price {
  text-align: right;
  color: #eb2606;
}
#modal_wrapping .tabs label {
  width: 260px;
  padding: 20px 10px 0 24px;
  margin-left: 5px;
}
#modal_wrapping .tabs label.tab_label1 {
  margin-left: 0;
}
#modal_wrapping input.tab_select1 {
  left: 0px;
}
#modal_wrapping input.tab_select2 {
  left: 265px;
}
#modal_wrapping input.tab_select1:checked ~ .tabs label.tab_label1 {
  border-bottom-color: #e0e0e0;
}
#modal_wrapping .tab-select .works_select {
  margin: 15px 0 0;
}
#modal_wrapping .tab-select .works_select li {
  display: inline-block;
  width: 160px;
  padding: 12px 8px;
  vertical-align: top;
}
#modal_wrapping .tab-select .works_select li img {
  display: block;
}
#modal_wrapping .sections li {
  padding: 15px;
}
#modal_wrapping .sections li .fright {
  float: right;
  margin-left: 30px;
}
#modal_wrapping .sections li select,
#modal_wrapping .sections li input[type=text] {
  width: 220px;
  box-sizing: border-box;
}
#modal_wrapping .sections input[name=works4_3_1],
#modal_wrapping .sections input[name=works4_3_2],
#modal_wrapping .sections input[name=works4_3_3],
#modal_wrapping .sections input[name=works4_3_4],
#modal_wrapping .sections input[name=works4_3_5]{
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  width: 100%;
  padding: 8px 12px;
  box-sizing: border-box;
  line-height: 1.4;
}
#modal_wrapping .sections input[name=works4_3_1]:disabled,
#modal_wrapping .sections input[name=works4_3_2]:disabled,
#modal_wrapping .sections input[name=works4_3_3]:disabled,
#modal_wrapping .sections input[name=works4_3_4]:disabled,
#modal_wrapping .sections input[name=works4_3_5]:disabled{
  color: #909090 !important;
}
#modal_wrapping .sections input[name=works4_3_1]:-ms-input-placeholder,
#modal_wrapping .sections input[name=works4_3_2]:-ms-input-placeholder,
#modal_wrapping .sections input[name=works4_3_3]:-ms-input-placeholder,
#modal_wrapping .sections input[name=works4_3_4]:-ms-input-placeholder,
#modal_wrapping .sections input[name=works4_3_5]:-ms-input-placeholder{
  color: #909090 !important;
}
#modal_wrapping .sections .list {
  padding: 10px 20px;
}
#modal_wrapping .sections .list li {
  display: inline-block;
  padding: 0 30px 0 0;
  border: none;
}
#modal_wrapping .submitBlock {
  border-top: 1px solid #e0e0e0;
  padding: 25px 0 0;
  text-align: center;
}
#modal_wrapping .submitBlock .btnClose {
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 120px;
  display: inline-block;
  margin: 0 26px;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
#modal_wrapping .submitBlock .btnSubmit {
  color: #fff;
  background: #284db4;
  border: 1px solid #284db4;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
  width: 40%;
  display: inline-block;
  margin: 0 26px;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}
.modal .submitBlock {
  border-top: 1px solid #e0e0e0;
  margin: 30px 0 0;
  padding: 15px 0 15px;
  text-align: center;
  font-size: 90%;
}
.modal .submitBlock .btnBack, .modal .submitBlock .btnSubmit {
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 40%;
  display: inline-block;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  -webkit-appearance: none;
}
.modal .submitBlock .btnSubmit {
  color: #fff;
  background: #284db4;
  border: 1px solid #284db4;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
}

.modal .submitBlock .btnColorRed {
  background: #b8240a;
  color: #fff;
  border: 1px solid #b8240a;
  border-color: #b8240a #ad2309 #911f07 #ad2309;
}
.modal .submitBlock .btnColorBlue {
  background: #284db4;
  color: #fff;
  border-radius: 5px;
}







#modal {
  /*display: none;*/
}
/*.pp_pic_holder {
  width: 1200px !important;
}*/

.modal-cart {
  padding: 20px 20px;
}
.modal-cart .ttl {
  margin: 0 0 15px;
}
.modal-cart .ttl img {
  margin: -5px 10px 0 0;
  vertical-align: middle;
}
.modal-cart .cartBlock {
  border: 1px solid #c1c1c1;
  border-radius: 2px;
  background: #f2f2f2;
}
.modal-cart .cartBlock .block {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  max-height: 110px;
  padding: 15px;
}
.modal-cart .cartBlock .block.item {
  padding-left: 20px;
  background: #fff;
  position:relative;
}
.modal-cart .cartBlock .block.item p {
  display: table-cell;
  vertical-align: middle;
}
.modal-cart .cartBlock .block.subtotal {
  background: url(/excludes/fo/p/edion/img/cmn/sign/bg_cart.gif) left center no-repeat;
  padding-left: 107px;
}
.modal-cart .cartBlock .block.move {
  text-align: right;
  font-size: 85%;
}
.modal-cart .cartBlock .block.move .btn1,
.modal-cart .cartBlock .block.move .btn1 {
  display: inline-block;
}
#modal_edioncard .wrapper,
#modal_safety .wrapper {
  width: 720px;
  box-sizing: border-box;
  color: #455976;
}
#modal_edioncard .wrapper .title,
#modal_safety .wrapper .title {
  font-size: 200%;
  font-weight: bold;
}
#modal_edioncard .wrapper .title img,
#modal_safety .wrapper .title img {
  vertical-align: middle;
}
#modal_edioncard .wrapper .title {
  text-align: left;
}
#modal_edioncard .wrapper .orange ,
#modal_safety .wrapper .orange {
  color: #f3981c;
}
#modal_edioncard .wrapper .point_limit ,
#modal_safety .wrapper .point_limit {
  font-size: 233%;
  font-weight: bold;
}
#modal_edioncard .wrapper .vmiddle ,
#modal_safety .wrapper .vmiddle {
  vertical-align: middle;
  margin: 0 5px;
}
#modal_edioncard .wrapper .point ,
#modal_safety .wrapper .point {
  display: table;
  border-collapse: separate;
  border-spacing: 16px 0;
  width: 100%;
  margin: 10px 0 15px;
}
#modal_edioncard .wrapper .point li ,
#modal_safety .wrapper .point li {
  display: table-cell;
  background: #f3981c;
  padding: 6px 0;
  border-radius: 15px;
  color: #ffffff;
  position: relative;
}
#modal_edioncard .wrapper .point li:after ,
#modal_safety .wrapper .point li:after {
  display: block;
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  bottom: -10px;
  content: "";
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_orange_down.gif) center bottom no-repeat;
}

#featureBox {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
  margin: 25px 0 0;
  padding: 25px 0 0;
}
#featureBox h2 {
  font-size: 130%;
  margin: 0 0 15px;
  text-align: left;
}
#featureBox .inBox {
  font-size: 90%;
}
#featureBox .inBox .sectionBorder {
  padding-bottom: 5px;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}
#featureBox .inBox p {
  text-indent: -1em;
  padding-left: 1em;
}
#featureBox .inBox .anchor {
  margin: 1em 0 0;
}
#featureBox .inBox .anchor a {
  color: #2942a9;
  text-decoration: none;
}
#featureBox .spec {
  margin: 20px 0 20px;
}
#featureBox .spec dt {
  border: 1px solid #e0e0e0;
}
#featureBox .spec dt span {
  display: inline-block;
  padding: 8px 12px 0;
  font-weight: bold;
  font-size: 90%;
}
#featureBox .spec dt a {
  float: right;
  display: inline-block;
  width: 12em;
  box-sizing: border-box;
  margin: 0;
  padding: 8px 10px 8px 32px;
  border-left: 1px solid #e0e0e0;
  color: #474747;
  font-weight: normal;
  font-size: 90%;
  text-decoration: none;
  background: #f3f3f3 url(/excludes/fo/s/edion/img/cmn/icon/ic_open.png) 10px center no-repeat;
  background-size: 14px 14px;
}
#featureBox .spec dt a.close {
  background: #f3f3f3 url(/excludes/fo/s/edion/img/cmn/icon/ic_close.gif) 10px center no-repeat !important;
  background-size: 12px 12px !important;
}
#featureBox .spec dd {
  border: 1px solid #e0e0e0;
  margin: 0;
  padding: 15px;
  font-size: 90%;
}
#featureBox .spec dd p {
  text-indent: -1em;
  padding-left: 1em;
  /*margin-top: 5px;*/
}
#featureBox .spec dd p:first-of-type {
  margin-top: 0;
}
#togetherBox {
  box-sizing: border-box;
  margin: 25px auto 0;
  padding: 0;
}
#togetherBox h2 {
  font-size: 130%;
  margin: 0 0 15px;
  text-align: left;
}
#togetherBox .inBox {
  display: table;
  table-layout: auto;
  margin: 0;
  border: 1px solid #e0e0e0;
  font-size: 90%;
}
#togetherBox .inBox .targetItem {
  border-bottom: 1px solid #e0e0e0;
  padding: 12px 10px 12px 0;
  display: table;
}


#togetherBox .inBox .imgCol {
  width: 130px;
  padding: 0 5px 0 0;
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
#togetherBox .inBox .topCol {
  text-align: center;
  margin: 0 0 10px;
  color: #6c6c6c;
  font-size: 90%;
}
#togetherBox .inBox .imgCol img {
  width: 130px;
  height: auto;
}
#togetherBox .inBox .detailCol {
  display: table-cell;
  vertical-align: top;
  padding-top: 30px;
}
#togetherBox .inBox .nameCol {
  margin: 0 0 5px;
  line-height: 1.4;
  /* [disabled]position: relative; */
  word-break: break-all;
  overflow: hidden;
}
#togetherBox .inBox .nameCol.over:before {
  content: "...";
  letter-spacing: normal;
  bottom: 0px;
  right: 0;
  background: #ffffff;
  position: absolute;
  padding-left: 4px;
}
#togetherBox .inBox .nameCol.over:after {
  background: #ffffff;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
}
#togetherBox .inBox .outtaxPrice {
  margin: 0 0 0;
}
#togetherBox .inBox .intaxPrice {
  margin: 0 0 5px;
  color: #e92606;
}
#togetherBox .inBox .pointCol {
  margin: 0 0 15px;
  color: #ea7b07;
}
#togetherBox .inBox .pointCol img {
  margin: 0 8px 0 0;
  vertical-align: middle;
  width: 8px;
  height: auto;
}
#togetherBox .inBox .small {
  font-size: 85%;
}
#togetherBox .inBox .btnFav {
  padding: 8px 6px;
}
#togetherBox .inBox .checkItem {
  box-sizing: border-box;
  padding: 0 0 0 0;
  display: table;
}
#togetherBox .inBox .checkItem li {
  box-sizing: border-box;
  padding: 12px 10px 18px 0;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_add_02.gif) center bottom no-repeat;
  background-size: 13px 13px;
}
#togetherBox .inBox .checkItem li:last-child {
  background: none;
}
#togetherBox .inBox .checkItem li.noSelect {
  opacity: 0.3;
}
#togetherBox .inBox .totalBox {
  box-sizing: border-box;
  background: #f2f2f2;
  padding: 20px;
  vertical-align: middle;
}
#togetherBox .inBox .totalBox dl {
  text-align: center;
  margin-top: 0;
}
#togetherBox .inBox .totalBox dt {
  display: inline-block;
  color: #6b6b6b;
  font-size: 90%;
  vertical-align: top;
  padding-top: 4px;
}
#togetherBox .inBox .totalBox dd {
  display: inline-block;
  width: 12em;
  margin: 0;
  vertical-align: top;
  text-align: right;
  font-size: 110%;
}
#togetherBox .inBox .totalBox .intaxPrice {
  color: #e92606;
}
#togetherBox .inBox .totalBox .large {
  font-size: 120%;
}
#togetherBox .inBox .totalBox .pointColor {
  color: #ea7b07;
}
#togetherBox .inBox .totalBox .pointColor strong {
  font-size: 110%;
}
#togetherBox .inBox .totalBox .btnOrange {
  font-size: 90%;
  padding: 8px;
}
#RecentlyItemBox.history {
  border-bottom: none;
}
#relationBox {
  box-sizing: border-box;
  margin: 10px auto 0;
  padding: 0 0 10px;
}
#relationBox h2 {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
}
#relationBox ul {
  width: 80%;
  margin: 0 auto;
  font-size: 0;
}
#relationBox li {
  width: 45%;
  display: inline-block;
  margin: 0 0 15px 10%;
  font-size: 1rem;
}
#relationBox li:nth-child(odd) {
  margin: 0 0 15px 0;
}
#relationBox li a {
  display: block;
  background: #c1c1c1;
  padding: 15px 20px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-size: 90%;
  text-decoration: none;
}
#reviewBox {
  padding: 20px 0 20px;
}
#reviewBox .appraisal {
  font-size: 90%;
}
#reviewBox .appraisal img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
#reviewBox .appraisal span {
  margin: 0 0 0 5px;
}
#reviewBox .appraisal span a {
  color: #2942a9;
  text-decoration: none;
}
#reviewBox .inBox {
  margin: 15px 0 0;
  padding: 15px 0 20px;
  border-top: 2px solid #c1c1c1;
  border-bottom: 2px solid #c1c1c1;
}
#reviewBox .inBox .inner {
  padding-bottom: 20px;
  border-bottom: 2px solid #c1c1c1;
  margin: 25px 15px 0;
}
#reviewBox .inBox .inner:first-child {
  margin: 0 10px 0;
}
#reviewBox .inBox .inner:last-child {
  border-bottom: none;
}
#reviewBox .inBox .leftBox {
  box-sizing: border-box;
  padding: 0;
  font-size: 85%;
  padding-bottom: 15px;
  border-bottom: #e6e6e6 1px solid;
}
#reviewBox .inBox .leftBox dl {
  margin: 0;
  padding: 0;
}
#reviewBox .inBox .leftBox dt {
  float: left;
  width: 5em;
}
#reviewBox .inBox .leftBox dd {
  margin: 0 0 8px 5em;
}
#reviewBox .inBox .leftBox dd img {
  vertical-align: middle;
  width: 15px;
  height: 15px;
}
#reviewBox .inBox .leftBox dd:before {
  content: "：";
  margin-left: -1em;
  font-weight: normal;
  color: #626262;
}
#reviewBox .inBox .rightBox {
  box-sizing: border-box;
  margin: 0;
  padding: 35px 0 0 0;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_review.gif) 0 25px no-repeat;
  background-size: 8px 7px;
  font-size: 92%;
}
#reviewBox .inBox .rightBox:first-child {
  margin: 0 0 0;
}
#reviewBox .inBox .rightBox .txt {
  margin: 0;
}
#reviewBox .inBox .rightBox .btnGray {
  display: inline-block;
  margin: 25px 0 0;
  padding: 10px 30px;
  background: #e6e6e6;
  border-width: 1px;
  border-style: solid;
  border-color: #dbdbdb #d6d6d6 #b5b5b5;
  border-radius: 3px;
  color: #262626;
  text-decoration: none;
  font-size: 90%;
  font-weight: bold;
}
#reviewBox .allReview {
  margin: 20px 0 0;
}
#reviewBox .allReview a {
  padding: 0 0 0 20px;
  background: url(/excludes/fo/s/edion/img/cmn/sign/ic_link_black.png) 0 0.1em no-repeat;
  background-size: 13px 13px;
  color: #262626;
  text-decoration: none;
  font-size: 85%;
}

/*
  製品画像拡大画面
------------------------------------ */
.modal-window #header {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  background: #f2f2f2;
  border: none;
}
.modal-window #header .inBox {
  position: relative;
  width: 90%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 16px;
}
.modal-window #header h1 {
  border-left: none;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
}
.modal-window #header a {
  text-decoration: none;
  color: #262626;
  position: absolute;
  right: 16px;
  top: 20px;
  display: inline-block;
  min-height: 12px;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_close.gif) 0 center no-repeat;
  padding: 0 0 0 20px;
  font-size: 80%;
}
.modal-window #wrapper {
  width: 90%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 12px;
  position: relative;
}
.modal-window #wrapper .imageCol {
  width: 90%;
  box-sizing: border-box;
  margin: 0 auto 15px;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #e0e0e0;
}
.modal-window #wrapper .imageThumbnail {
  width: 85%;
  padding: 0;
  margin: 0 auto;
  vertical-align: top;
}
.modal-window #wrapper .imageThumbnail li {
  margin: 0 0 8px 8px;
  padding: 0;
  font-size: 0;
  display: inline-block;
  width: 52px;
}
.modal-window #wrapper .imageThumbnail li img {
  margin: 0;
  width: 50px;
  height: auto;
}
.modal-window #wrapper .imageThumbnail li a {
  width: 50px;
  height: 50px;
  border: 2px solid #e6e6e6;
  display: block;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.modal-window #wrapper .imageThumbnail li a.active {
  border-color: #ea7b08;
}
.modal-window #wrapper .bx-prev {
  z-index:100;
  width: 24px;
  left: -24px;
  background-position: 50% 50%;
}
.modal-window #wrapper .bx-next {
  z-index:100;
  width: 24px;
  right: -24px;
  background-position: 50% 50%;
}
.modal-window .header {
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  background: #f2f2f2;
  border: none;
}
.modal-window .header .title {
  border-left: none;
  margin: 0;
  padding: 10px;
  font-size: 120%;
  font-weight: bold;
  float: left;
}
.modal-window .header a {
  text-decoration: none;
  color: #262626;
  float: right;
  display: inline-block;
  min-height: 12px;
  background: url(/excludes/fo/p/edion/img/cmn/icon/ic_close.gif) 0 center no-repeat;
  margin: 20px 40px;
  padding: 0 0 0 20px;
  font-size: 80%;
}
#modal_usagefee .header a {
  margin: 0 20px 10px;
}
.modal-window .wrapper {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 15px 10px;
  position: relative;
}
#modal_usagefee .wrapper .indent {
  margin: 0;
  padding: 0;
}
#modal_usagefee .wrapper .indent li {
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}



.mouseOnPopupWrap {
  position: relative;
}
.mouseOnPopup {
  width: 90%;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 30px;
  padding: 18px;
  font-size: 90%;
  box-shadow:0px 0px 6px 3px #d6d6d6;
  -moz-box-shadow:0px 0px 6px 3px #d6d6d6;
  -webkit-box-shadow:0px 0px 6px 3px #d6d6d6;
  z-index: -1;
  opacity: 0;
}
.mouseOnPopup.showTop {
  top: -130px;
}
.mouseOnPopup.active {
  z-index: 900;
}
.mouseOnPopup .popClose {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background: #f2f2f2;
  float: right;
  margin: -5px 0 5px 5px;
}

.mouseOnPopup .popClose a {
  display: block;
  width: 32px;
  height: 32px;
  text-decoration: none;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_close.gif) no-repeat center center;
}
.mouseOnPopup2 {
  width: 190%;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 30px;
  padding: 10px;
  font-size: 90%;
  box-shadow:0px 0px 6px 3px #d6d6d6;
  -moz-box-shadow:0px 0px 6px 3px #d6d6d6;
  -webkit-box-shadow:0px 0px 6px 3px #d6d6d6;
  z-index: -1;
  opacity: 0;
}
.mouseOnPopup2Trigger {
  color: #284db4;
}
.mouseOnPopup2.showTop {
  top: -130px;
}
.mouseOnPopup2.active {
  z-index: 1000;
}
.mouseOnPopup2 .popClose {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background: #f2f2f2;
  float: right;
  margin: -5px 0 5px 5px;
}

.mouseOnPopup2 .popClose a {
  display: block;
  width: 32px;
  height: 32px;
  text-decoration: none;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_close.gif) no-repeat center center;
}

.noBorder {
  border-bottom: none;
}

.fontMM { font-size: 90%;}

.img100per {	width: 100%;	height: auto;}
.img90per {	width: 90%;	height: auto;}
.img80per {	width: 100%;	height: auto;}
.img70per {	width: 100%;	height: auto;}
.img60per {	width: 100%;	height: auto;}
.img50per {	width: 100%;	height: auto;}
.img40per {	width: 100%;	height: auto;}
.img30per {	width: 100%;	height: auto;}
.img20per {	width: 100%;	height: auto;}
.img10per {	width: 100%;	height: auto;}

.max330 { max-width: 330px; }
.max454 { max-width: 454px; }

/* ------------------------------------ 2016.09.01 xdl 追加 ------------------------------------ */


/*  配送状況
------------------------------------ */
.delivery_number {
  margin: 30px 0 0;
  border: 1px solid #e6e6e6;
  background: #fafafa;
  padding: 10px 15px;
}
.delivery_number p {
  display: block;
  font-size: 85%;
  line-height: 1.2;
}
.delivery_number .left-side {
  float: none;
  border-bottom:1px solid #c1c1c1;
  padding-bottom:5px;
  margin-bottom:5px;
}

.delivery_number .right-side p:first-child {
  margin-left: 0;
}
.delivery_details {
/*	border: 1px solid #e6e6e6;
  border-top: none;
*/	padding: 15px 0px;
}
.delivery_details h2 {
  float: none;
  line-height: 1.2;
  font-weight: 500;
  border-bottom: 2px solid #e6e6e6;
  padding: 0 0 15px;
}

.delivery_details .borderTbl {
  border: #d6d6d6 1px solid;
  box-sizing: border-box;
}

.delivery_details .borderTbl.thinBorder.delivery_info td{
  padding: 10px !important;
  display:block;
  text-align:left;
}
.delivery_details .borderTbl.thinBorder.delivery_info th {
  padding: 10px !important;
  display:block;
  text-align:left;
  background: #f5f5f5;
  font-weight:normal;
}
.delivery_details .borderTbl.thinBorder td{
  padding: 10px !important;
  display:block;
  text-align:left;
}

.delivery_details .borderTbl.thinBorder th {
  padding: 10px !important;
  display:block;
  text-align:left;
  background: #f5f5f5;
  font-weight:normal;
}
.delivery_details .shopInfo {
  margin: 0 15px;
}
.delivery_details .shopInfo dl {
  margin: 20px 0;
  font-size: 85%;
}
.delivery_details .shopInfo dt {
  float: left;
  width: 5em;
  margin: 0 0 10px;
  position: relative;
}
.delivery_details .shopInfo dt:after {
  content: "：";
  position: absolute;
  right: 0;
}
.delivery_details .shopInfo dd {
  margin: 0 0 10px;
  margin-left: 6em;
}
.deliveryBtn {
  text-align: center;
  font-size: 85%;
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 120px;
  display: block;
  margin: 0 auto;
  margin-top: 25px;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  border-radius: 5px;
  cursor: pointer;
}
.deliveryBtn .btnBack {
  display:block;
}
.delivery_status {
  display: table;
  border-collapse: separate;
  border-spacing: 10px 0;
  width: 100%;
  margin: 10px -2px 0;
}
.delivery_status li {
  display: table-cell;
  background: #e2e2e2;
  color: #333333;
  width: 33%;
  padding: 20px 15px;
  text-align: center;
  position: relative;
  font-weight: bold;
  font-size:smaller;
  box-sizing: border-box;
  vertical-align: middle;
}
.delivery_status li.selected {
  background: #ffffff;
  color: #ea7b08;
  border: 3px solid #ea7b08;
  padding:15px !important;
}
.delivery_status li:not(:first-child):after {
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  width: 10px;
  background: url(/excludes/fo/p/edion/img/cmn/sign/ic_arrow_status.gif) center center no-repeat;
  content: "　";
}
.delivery_status li.selected:not(:first-child):after {
  left: -13px;
}
.delivery_status-01 {
  display: inline-block;
  margin: 10px 0 0;
  padding: 10px 30px;
  border: 2px solid #e92606;
  color: #e92606;
  font-weight: bold;
}
.delivery_status-02 {
  display: inline-block;
  margin: 10px 0 0;
  padding: 10px 30px;
  border: 2px solid #1f37a5;
  color: #1f37a5;
  font-weight: bold;
}
.delivery_status-03 {
  display: inline-block;
  margin: 10px 0 0;
  padding: 10px 30px;
  border: 2px solid #515151;
  color: #333333;
  font-weight: bold;
}
.inquiryBtn{
  width: 300px;
  display: block;
  border-radius: 5px;
  background: #1f37a5;
  padding: 15px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  margin: 0 auto;
  box-sizing: border-box;
  border: none;
  outline: none;
  line-height: 1.2;
  cursor: pointer;
}
.inquiryBtn .btn2 {
  display: inline-block;
  color:#ffffff;
}
.delivery_list li {
  list-style: disc outside;
  margin: 15px 0 5px 1.5em;
  font-size: 85%;
}


/* ------------------------------------ 2016.09.08 xdl 追加 ------------------------------------ */


/*  家族会員関連
------------------------------------ */
.readBgBlock .readBgText2 a {
  color: #1f35a4;
  text-decoration: none;
}

.borderbtmTbl{
  width: 100%;
  box-sizing: border-box;
  border-top:2px solid #d6d6d6;
  border-bottom:2px solid #d6d6d6;
  border-left:none;
  border-right:none;
  margin-bottom:15px;
  font-size: 80%;
  border-collapse:collapse;
}

.borderbtmTbl th{
  padding: 5px 10px;
  width:35%;
  background:#e0e0e0 !important;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  border-bottom:1px solid #d6d6d6;
}

.borderbtmTbl a {
  color: #1f37a5;
  text-decoration: none;
}
.borderbtmTbl td {
  padding: 12px 20px;
  border-bottom: #e0e0e0 1px solid;
  box-sizing: border-box;
  text-align:left !important;
}
.borderbtmTbl .col-01 {
  width: 20%;
}
.borderbtmTbl .col-02 {
  width: 40%;
  padding: 12px 40px;
}
.borderbtmTbl .col-03 {
  width: 4em;
  display: inline-block;
}
.borderbtmTbl .col-04 {
  display: inline-block;
  text-align: left;
}

/*　家族会員登録フロー
------------------------------------ */

#login_contents .read {
  margin: 20px 0px;
}

#login_contents .borderTbl {
  border: #d6d6d6 1px solid;
  box-sizing: border-box;
}

#login_contents .borderTbl.thinBorder td{
  padding: 10px !important;
  display:block;
  text-align:left;
}

#login_contents .borderTbl.thinBorder th {
  padding: 10px !important;
  display:block;
  text-align:left;
  background: #f5f5f5;
  font-weight:normal;
}

.title2 {
  margin-bottom: 20px;
  padding: 3px 0 5px 12px;
  background: url(/excludes/fo/p/edion/img/cmn/ttl/bg_point.gif) 0 0 no-repeat;
  text-align: left;
}


#login_contents .notesIndent {
  text-align: left;
  text-indent: -1em;
  padding-left:1em;
  font-size: 80%;
  margin-top: 5px;
}

.fmaddBox {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 20px 0 0 0px;
  padding: 15px;
  border-radius: 2px;
  background: #f5f5f5;
}


/* 　登録ボックス内ボタン設定　 */

.fmaddBox .text {
  display:block;
  float:none !important;
  vertical-align: middle;
}

.fmaddBox .btn{
  display: block;
  width: 14em;
  text-align: center;
  vertical-align: middle;
  font-size: 85%;
  margin:10px auto;
}

.fmaddBox .btn2 {
  text-align: center;
  background: #1f37a5;
  border: 1px solid #1f37a5;
  border-color: #1d349c #1c3399 #192d83 #1c3399;
  color: #ffffff;
  margin: 0;
  padding: 5px 10px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 100%;
  font-weight: bold;
  box-sizing: border-box;
  cursor: pointer;
}

#login_contents .borderBox{
  margin-top:20px;
  padding: 10px 10px 15px 10px;
  border: solid 1px #e0e0e0;
}

#login_contents .btnBox {
  margin: 23px 0 0;
  border-top: 1px solid #e6e6e6;
  padding: 10px 0 0;
  text-align: center;
}

#login_contents .btnBox .btn2{
  font-size: 85%;
  padding: 8px 20px;
  margin: 0px auto;
  background: #284db4;
  color: #ffffff;
  border: 1px solid #1e359d;
  border-color: #1e359d #1c3399 #192d83;
  border-radius: 3px;
  box-sizing: border-box;
}


#login_contents .btnBox .btn3{
  font-size: 85%;
  padding: 8px 20px;
  margin: 10px auto;
  outline: none;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  box-sizing: border-box;
}

#login_contents .sectionBlock {
  border-top: 1px solid #e0e0e0;
  margin: 30px 0 0;
  padding: 20px 0 0;
}

.finishBox .rightBox {
  float: right;
}
.finishBox .list {
  margin: 20px 0 0;
  display: table;
  border-spacing: 8px 0;
  margin:10px auto;
}
.finishBox .list li {
  display: table-cell;
  vertical-align: middle;
  padding: 6px;
  text-align: center;
}

.finishBox .list li a{
  display: block;
  vertical-align: middle;
  padding: 6px;
  text-align: center;
  color: #ffffff;
}

.finishBox .list .bg_iphone {
  background: #f58481;
}
.finishBox .list .bg_android {
  background: #9f76b4;
}

.cardindexBox {
  box-sizing: border-box;
  margin: 30px 0 30px;
  padding: 15px 0 0;
  border-top: 4px solid #c1c1c1;
}

.cardindexBox p{
  text-align:center;
  background: #f5f5f5;
}

.cardindexBox h2.small {
  font-size: 1.1em;
  margin: 0 0 15px;
  padding: 0;
}
.fmmembership{
  background: #f5f5f5;
  padding: 20px;
  font-size: 90%;
}

#login_contents .btnBack2 {
  display: inline-block;
  font-size:85%;
  color: #262626;
  background: #e6e6e6;
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #d6d6d6 #b5b5b5 #d6d6d6;
  width: 45%;
  margin: 0;
  padding: 13px;
  box-sizing: border-box;
  outline: none;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

/*
  エディオンカード会員登録申込み
------------------------------------ */
.card-web-ttl {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 30px 0 0;
  text-align: center;
  border-spacing: 10px 0;
}


.card-web-ttl .image {
  display: table-cell;
  vertical-align: top;
  box-sizing: border-box;
  width: 20%;
}
.card-web-ttl .abscell {
  position: absolute;
  display: inline-block;
}
.card-web-ttl .image img {
  width: 100%;
  height: auto;
  margin-right: -50px;
  position: relative;
}
.card-web-ttl .image2 {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
  box-sizing: border-box;
  width: 80%;
}
.card-web-ttl .abscell ~ .image2 {
  width: 100%;
}
.card-web-ttl .image2 img {
  width: 100%;
  height: auto;
}
.card-web-ttl .abscell ~ .image2 img {
  width: 80%;
}
.card-web-ttl .text {
  vertical-align: middle;
  font-weight: bold;
  font-size: 110%;
}
.card-web-ttl .text .fontXXXL {
  line-height: 1.2;
}
.card-web-cb {
  padding: 0 0 30px;
  border-bottom: 1px solid #e6e6e6;
}
.card-apply {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px 0;
  margin: 15px 0 0;
}
.card-apply > div {
  display: table-cell;
  box-sizing: border-box;
  padding: 20px 10px;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  text-align: center;
}
.card-apply > div img {
  width: 100%;
  height: auto;
}
.card-apply > div a.btn2,
.card-apply > div input.btn2 {
  border-radius: 4px;
  display: inline-block;
  width: 100%;
  padding: 15px 10px;
  margin: 0px auto;
  font-size: 85%;
  font-weight:bold;
  background: #284db4;
  color: #ffffff;
  border: 1px solid #1e359d;
  border-color: #1e359d #1c3399 #192d83;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
}

.btnGrayTmpo {
  display: block;
  border-radius: 3px;
  background: #757575;
  padding: 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
/* ------------------------------------ 2016.09.08 xdl 追加 END ------------------------------------ */


/* ↑ここまで　*/
/* ------------------------------------ 2016.12.09 追加 注文完了 銀振 START ------------------------------------ */
#delivery_Box #bank_Box .borderTbl {
    width: 100%;
    border: #d6d6d6 2px solid;
    box-sizing: border-box;
    display: table;
    font-size: 85%;
}
#delivery_Box #bank_Box .borderTbl.thinBorder {
    border: none;
    border-left: #e6e6e6 1px solid;
    border-bottom: #e6e6e6 1px solid;
}
#delivery_Box #bank_Box .borderTbl a {
    color: #1f37a5;
    text-decoration: none;
}
#delivery_Box #bank_Box .borderTbl .vtop {
    vertical-align: top;
}
#delivery_Box #bank_Box .borderTbl > thead > tr > th,
#delivery_Box #bank_Box .borderTbl > tbody > tr > th,
#delivery_Box #bank_Box .borderTbl > tbody > tr > td {
    padding: 12px 14px;
    border-right: #e6e6e6 1px solid;
    border-top: #e6e6e6 1px solid;
    word-break: break-all;
}
#delivery_Box #bank_Box .borderTbl > thead > tr > th,
#delivery_Box #bank_Box .borderTbl > tbody > tr > th {
    width: 15em;
    padding: 12px 24px;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    background: #f5f5f5;
    white-space: nowrap;
}
#delivery_Box #bank_Box .borderTbl.thinBorder > thead > tr > th,
#delivery_Box #bank_Box .borderTbl.thinBorder > tbody > tr > th {
    width: 11.5em;
}
#delivery_Box #bank_Box .borderTbl > tbody > tr > .addressTitle {
    width: 15%;
}
#delivery_Box #bank_Box .borderTbl input {
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    padding: 8px;
    color: #323232;
}
#delivery_Box #bank_Box .borderTbl input:-ms-input-placeholder {
    color: #a9a9a9;
}
#delivery_Box #bank_Box .borderTbl .notes {
    font-size: 90%;
    margin: 5px 0 0;
}
#delivery_Box #bank_Box .borderTbl .notes2 {
    color: #6a6a6a;
    text-indent: -1em;
    padding-left: 1em;
    margin-left: 20px;
}
#delivery_Box #bank_Box .borderTbl .auth {
    width: 230px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
    text-align: center;
}
#delivery_Box #bank_Box .borderTbl .auth p.reload {
    margin-top: 10px;
}
/* ------------------------------------ 2016.12.09 追加 注文完了 銀振 END   ------------------------------------ */


/* ------------------------------------ 2016.12.19 追加 カート付与予定ポイント ポップアップ  ------------------------------------ */
.cartPointClickWrap {
  position: relative;
}
.cartPointClickTrigger {
  color: #284db4;
}
.cartPointClickPopup {
  width: 90%;
  background: #fff;
  border-radius: 5px;
  position: absolute;
  top: 30px;
  padding: 18px;
  font-size: 90%;
  box-shadow:0px 0px 6px 3px #d6d6d6;
  -moz-box-shadow:0px 0px 6px 3px #d6d6d6;
  -webkit-box-shadow:0px 0px 6px 3px #d6d6d6;
  z-index: -1;
  opacity: 0;
}
.cartPointClickPopup.active {
  z-index: 1000;
}
.cartPointClickPopup .popClose {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 3px;
  background: #f2f2f2;
  float: right;
  margin: -5px 0 5px 5px;
}
.cartPointClickPopup .popClose a {
  display: block;
  width: 32px;
  height: 32px;
  text-decoration: none;
  background: url(/excludes/fo/s/edion/img/cmn/icon/ic_close.gif) no-repeat center center;
}
/* ------------------------------------ 2016.12.19 追加 カート付与予定ポイント ポップアップ  ------------------------------------ */

/*
    グロナビ
------------------------------------ */
.glo_header {
    width: 100%;
    padding: 10px 0px 10px 0px;
}

.logo_padding {
    padding-left: 10px;
}

/* ------------------------------------ 2017.01.13 追加 エディオンアプリ  ------------------------------------ */
#launchApp {
  font-size: 1em;
  padding: 0.6em;
  margin: 20px;
  text-align: center;
  background: #1b50a2;
  border: solid 1px #ccc;
  border-radius: 10px;
}

#launchApp a {
  color: #fff;
  text-decoration: none;
}

#launchAppFrame {
  width: 0;
  height: 0;
  overflow: hidden;
}
/* ------------------------------------ 2017.01.13 追加 エディオンアプリ END  ------------------------------------ */
