@charset "UTF-8";
/*
  このcssファイルはSassを使って作成・編集されています。
  直にcssファイルを編集しないでください。
*/
/*グラデーション*/
.warap-middle {
  width: 800px;
  margin: 0 auto;
}

.position-cart #main {
  float: left;
  width: 710px;
}

.position-cart #sidemenu {
  float: right;
  width: 260px;
}

p + p {
  margin-top: 15px;
}

#main p a {
  text-decoration: underline;
}

#main p a:hover {
  text-decoration: underline;
}

.lead {
  font-size: 15px;
  font-weight: bold;
  color: #009acf;
}

.lead a {
  color: #333;
  text-decoration: underline;
}

.product-policy {
  margin-bottom: 20px;
}

input.close {
  text-indent: -9999px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(../img/icon_close.png);
  padding: 0;
  border: none;
  cursor: pointer;
  text-align: left;
}

input.close:hover {
  opacity: 0.7;
  -moz-box-opacity: 0.7;
  -webkit-opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

form .msg {
  color: #ff0000;
  font-weight: bold;
  margin: 5px 0;
}

form label + input {
  margin-left: 5px;
}

form input + label {
  margin-left: 7px;
}

form input[type=text], form input[type=password], form textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  border-radius: 0;
  border: 1px solid #c1c1c1;
}

form select {
  -moz-border-radius: 0;
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
  background: none;
  border: 1px solid #CCCCCC;
  margin: 0 5px;
}

form textarea {
  resize: vertical;
}

.btnArea {
  margin-top: 35px;
  text-align: center;
  position: relative;
}

.btnArea .msg {
  font-size: 18px;
  margin-bottom: 15px;
}

.btnArea .btnItem {
  display: inline-block;
}

.btnArea .btnItem + .btnItem {
  margin-top: 0;
  margin-left: 20px;
}

.btnArea .btnArea_back {
  position: absolute;
  left: 0;
  bottom: 12px;
}

table + .btnArea {
  margin-top: 45px;
}

.sub-block .btnArea {
  margin-top: 15px;
}

.sub-block + .sub-block {
  margin-top: 30px;
}

.warning_color {
  font-size: 12px;
  color: #ff0000;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #ff0000;
  padding: 0 3px;
}

.checker {
  font-weight: bold;
  margin-top: 3px;
}

td .row + .row {
  margin-top: 15px;
}

td .note {
  font-size: 14px;
  color: #666;
}

td .note.note-bottom {
  display: block;
  margin-top: 7px;
}

td .note.note-left {
  margin-left: 5px;
}

td .note.note-bottom {
  display: block;
  margin-bottom: 7px;
}

td .action {
  display: inline-block;
  margin-left: 25px;
  vertical-align: middle;
}

th .warning_color {
  margin-left: 10px;
}

.table-simple thead {
  background: #E3E3E3;
}

.table-simple thead th, .table-simple thead td {
  padding: 7px 0;
}

.table-simple tbody th, .table-simple tbody td {
  padding: 7px 5px;
}

.table-simple tbody td {
  border-bottom: 1px dashed #ccc;
}

.table-simple tbody td.num {
  text-align: center;
}

.table-simple tbody tr:first-child td {
  padding-top: 12px;
}

.table-simple tbody tr:last-child td {
  border-bottom: none;
}

.table-simple th, .table-simple td {
  vertical-align: middle;
}

.table-simple th img, .table-simple td img {
  vertical-align: middle;
  margin-right: 5px;
}

.table-simple td form {
  text-align: center;
}

.table-simple td .product_thumb, .table-simple td .product_name {
  display: table-cell;
  vertical-align: middle;
}

.table-simple td .product_name {
  padding-left: 12px;
}

.table-simple th.name, .table-simple th.no {
  text-align: left;
  padding-left: 10px;
}

.table-login th, .table-login td {
  text-align: left;
  padding: 5px 0;
}

.table-login th {
  font-weight: bold;
  width: 1px;
  white-space: nowrap;
  padding-right: 25px;
}

.table-regit th, .table-regit td {
  border-bottom: 1px dotted #ccc;
  padding: 12px 5px;
}

.table-regit th {
  text-align: left;
  width: 1px;
  white-space: nowrap;
  padding-right: 25px;
}

.table-regit td table th, .table-regit td table td {
  border-bottom: none;
  padding: 7px 5px;
}

.table-regit tr:first-child th, .table-regit tr:first-child td {
  padding-top: 0;
}

.table-regit tr:last-child th, .table-regit tr:last-child td {
  border-bottom: none;
  padding-bottom: 0;
}

.table-regit input[type=text],
.table-regit input[type=password] {
  width: 220px;
}

.login .table-login + p {
  font-size: 13px;
  text-align: center;
  margin-top: 5px;
}

.login .login_main {
  float: left;
  width: 57%;
}

.login .login_main .lead {
  margin-bottom: 15px;
}

.login .login_main .panel {
  border-width: 1px;
  padding: 20px 25px;
}

.login .login_main .panel .btnArea {
  text-align: center;
  margin-top: 15px;
}

.login .login_main .link {
  margin-top: 7px;
}

.login .login_sub {
  font-size: 13px;
  width: 36%;
  float: right;
  border-left: 1px dotted #ccc;
  padding-left: 20px;
}

.regist_fotter {
  margin-top: 35px;
}

.regist_fotter .msg {
  text-align: center;
}

.regist_fotter .btnArea {
  margin-top: 30px;
}

.regist_fotter .regist_fotter_policy {
  max-height: 120px;
  border: 1px solid #ccc;
  padding: 15px;
  overflow-y: auto;
}

.message-thanks {
  text-align: center;
  padding: 40px;
}

.message-thanks + .btnArea {
  margin-top: 15px;
}

.supply_box {
  border-top: 1px dotted #ccc;
  margin-top: 50px;
  padding-top: 10px;
}

.supply_box .supply_box_title {
  font-size: 15px;
  font-weight: bold;
  margin-top: 25px;
  margin-bottom: 5px;
}

.supply_box textarea {
  width: 100%;
}

.adr_item + .adr_item {
  margin-top: 35px;
}

.adr_item_name {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 10px;
  padding-left: 22px;
  position: relative;
}

.adr_item_name input[type=radio] {
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.adr_item_body {
  margin-left: 20px;
  padding: 10px;
}

.orederconf-block + .orederconf-block {
  margin-top: 35px;
}

.orederconf-block .orederconf-block_title {
  font-weight: bold;
  margin-bottom: 10px;
}

.orederconf-block01 td {
  position: relative;
}

.orederconf-block01 td div.orederconf-block_addinfo {
  padding-right: 200px;
}

.orederconf-block01 td .btnArea {
  position: absolute;
  top: 20px;
  right: 0;
  margin-top: 0;
}

.orederconf-block02 .btnArea {
  text-align: right;
  border-top: 1px dashed #ccc;
  margin-top: 0;
  padding-top: 15px;
}

.orederconf-block03 .orederconf-block_title {
  margin-bottom: 0;
}

.orederconf-block03 .orederconf-block_body {
  padding: 10px 0;
}

.password-box {
  padding: 0 170px;
}

.mytop:after {
  content: '';
  height: 0.01px;
  display: block;
  overflow: hidden;
  clear: both;
}

.mytop .lead {
  color: inherit;
  font-weight: normal;
}

.mytop .mod-myinfo {
  margin-top: 0;
}

.mytop ul.mytop_main_btn li a {
  color: #666;
  font-size: 18px;
  line-height: 1;
  display: block;
  padding: 20px 15px 20px 57px;
  border-radius: 5px;
  position: relative;
  background: #ffffff;
  /* Old browsers */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 1%, #f9f9f9 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), to(#f9f9f9));
  background: linear-gradient(to bottom, #ffffff 1%, #f9f9f9 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
  /* IE6-9 */
}

.mytop ul.mytop_main_btn li a:after {
  content: url(../img/icon12.png);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
}

.mytop ul.mytop_main_btn li a img {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -16px;
}

.mytop .mytop_main ul.mytop_main_btn {
  margin-left: -20px;
}

.mytop .mytop_main ul.mytop_main_btn:after {
  content: '';
  height: 0.01px;
  display: block;
  overflow: hidden;
  clear: both;
}

.mytop .mytop_main ul.mytop_main_btn li {
  width: 360px;
  float: left;
  margin-left: 20px;
  margin-bottom: 30px;
}

.mytop .mytop_main ul.mytop_main_btn li + li {
  margin-top: 0;
}

.mytop .mytop_sub + .mytop_main {
  width: 56%;
  float: left;
}

.mytop .mytop_sub + .mytop_main ul.mytop_main_btn {
  margin-left: 0;
}

.mytop .mytop_sub + .mytop_main ul.mytop_main_btn:after {
  content: '';
  height: 0.01px;
  display: block;
  overflow: hidden;
  clear: both;
}

.mytop .mytop_sub + .mytop_main ul.mytop_main_btn li {
  width: auto;
  float: none;
  margin-left: 0;
  margin-bottom: 0;
}

.mytop .mytop_sub + .mytop_main ul.mytop_main_btn li + li {
  margin-top: 15px;
}

.mytop .mytop_sub {
  width: 280px;
  float: right;
}

.checkinfo .lead {
  color: inherit;
  font-weight: normal;
}

.checkinfo_body {
  width: 756px;
  margin-left: -16px;
  margin-bottom: -16px;
}

.checkinfo_body .checkinfo_item {
  width: 362px;
  float: left;
  margin-left: 16px;
  margin-bottom: 16px;
  border: 1px solid #d0d0d0;
}

.checkinfo_body .checkinfo_item a {
  display: block;
  padding: 10px 10px 10px 106px;
  position: relative;
  min-height: 98px;
}

.checkinfo_body .checkinfo_item .item_title {
  font-size: 15px;
  font-weight: bold;
  color: #009acf;
  padding-bottom: 1.5em;
}

.checkinfo_body .checkinfo_item .btnArea {
  position: absolute;
  bottom: 12px;
  left: 106px;
  text-align: left;
  margin-top: 0;
}

.checkinfo_body .checkinfo_item .item_thumb {
  position: absolute;
  top: 10px;
  left: 10px;
}

.checkinfo_item a:hover {
  opacity: 0.8;
  -moz-box-opacity: 0.8;
  -webkit-opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.checkinfo_item a:hover img {
  opacity: 1;
  -moz-box-opacity: 1;
  -webkit-opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
}

.vrfer {
  border: 1px solid #009acf;
  padding: 20px 45px;
  text-align: center;
}

.vrfer_title {
  color: #009acf;
  font-size: 24px;
  margin-bottom: 20px;
}

.vrfer_lead {
  font-size: 18px;
  margin-bottom: 25px;
}

.vrfer_list {
  display: inline-block;
  text-align: left;
}

.vrfer_list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.vrfer_list li:before {
  border-radius: 50%;
  background-color: #666;
  content: '';
  display: inline-block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 7px;
  margin-right: 7px;
  margin-top: 0.45em;
  width: 7px;
}

.vrfer_list li + li {
  margin-top: 8px;
}

.vrfer .btnArea {
  margin-top: 25px;
}

.vrfer .btn {
  width: 140px;
}