@charset "utf-8";
/* CSS Document */

/* ==========================================================
 section
========================================================== */
/* sec-container
---------------------------------------------------------- */
.sec-container.is-login-form {}
.sec-container.is-login-form > [class="sec-login-01"] {
  width: 594px;
}
.sec-container.is-login-form.type02 > [class="sec-login-01"] {
  width: 454px;
}
.sec-container.is-login-form > [class="sec-login-02"] {
  margin-left: 20px;
  width: 315px;
}
.sec-container.is-login-form.type02 > [class="sec-login-02"] {
  float: right;
  width: 455px;
  margin-bottom: 20px;
}
.sec-container.is-login-form > [class^="sec-login"] .sec-in {
  padding: 25px;
  border: 1px solid #ebebeb;
}
.sec-container.is-login-form > [class^="sec-login"] .ttl-cmn-02 {
  margin: 0;
}

/* sec-container-attention
---------------------------------------------------------- */
.sec-container-attention {
  width: 100%;
  margin: 0 0 20px;
  border: 1px solid #df0326;
  border-radius: 5px;
  padding: 10px 15px;
  color: #df0326;
}
  .sec-container-attention p.txt {}
    .sec-container-attention p.txt span {}

/* sec-login-01
---------------------------------------------------------- */
.sec-login-01 table {
  margin-bottom: 10px;
  width: 100%;
}
.sec-login-01 tr,
.sec-login-01 th,
.sec-login-01 td {display: block;}
.sec-login-01 input {width:100%; height: 42px; margin-bottom: 10px;}
.area-links {
  overflow: hidden;
}
.area-links .box-button {
  float: left;
  width: 220px;
}
.area-links .box-text {
  float: right;
  width: 305px;
  line-height: 160%;
}
.sec-container.is-login-form.type02 .area-links .box-button {
  float: none;
  width: 100%;
  margin-top: 0;
}
.sec-container.is-login-form.type02 .area-links .box-text {
  float: none;
  width: 100%;
  margin-top: 20px;
}

/* sec-login-02
---------------------------------------------------------- */
.sec-login-02 .list-item-button + .list-item-button {
  margin-top: 20px;
  border-top: 1px dotted #ebebeb;
  padding-top: 20px;
}
.sec-login-02 .box-button {
  margin: 0 0 20px;
}
.sec-login-02 .box-button-02 {
  margin: 0 0 20px;
}
.sec-login-02 .list-item-button-02 + .list-item-button-02 {
  margin-top: 20px;
}

/* ==========================================================
 search result
========================================================== */
.area-searchresult {
  font-size: 14px;
}
  .area-searchresult-contents {}
    .searchresult {
      overflow: hidden;
      border-bottom: 1px dotted #d7d7d7;
      padding: 22px 25px;
    }
    .is-product .searchresult {
      border: 1px dotted #d7d7d7;
    }
      .searchresult .box-img {
        float: left;
        margin-right: 20px;
      }
        .searchresult .box-img .img {
          position: relative;
          border: 2px solid #d7d7d7;
        }
        /* is-product */
        .is-product .searchresult .box-img .img {
          width: 124px;
          height: 124px;
        }
        /* is-shohin */
        .is-shohin  .searchresult .box-img .img {
          width: 70px;
          height: 70px;
        }
          .searchresult .box-img .img img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            max-width: 100%;
            max-height: 100%;
          }
      .searchresult .box-txt {
        overflow: hidden;
      }
        .searchresult .box-txt .tit {}
        /* is-product & is-pages */
        .is-product .searchresult .box-txt .tit,
        .is-pages   .searchresult .box-txt .tit {
          font-size: 18px;
          font-weight: bold;
        }
        .searchresult .box-txt .txt {}
        .searchresult .box-txt .price {}
        /* is-product & is-pages */
        .is-product .searchresult .box-txt .txt,
        .is-pages   .searchresult .box-txt .txt,
        .is-product .searchresult .box-txt .price,
        .is-pages   .searchresult .box-txt .price {
          font-size: 16px;
        }



.area-intro .box-guide {
		overflow: hidden;
		margin: 0 0 35px;
		background-color: #f5f5f5;
		border: 1px solid #d7d7d7;
}
.area-intro .box-guide th {
	padding: 0 45px 0 50px;
	font-size: 114.2%;
	font-weight: bold;
}
.area-intro .box-guide .box-text {
	overflow: hidden;
}
.area-intro .box-guide .box-text p {
		float: left;
}
.area-intro .box-guide .box-text p a {
	position: relative;
	display: block;
	margin: 14px 0;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 236px;
	background-color: #fff;
	font-weight: bold;
	line-height: 38px;
	text-align: left;
}
.area-intro .box-guide .box-text p.shopping a {
	margin-right: 10px;
	padding: 0 1em 0 5em;
}
.area-intro .box-guide .box-text p.faq a {
	padding: 0 1em 0 5.7em;
}
.area-intro .box-guide .box-text p a::after {
	content: "";
	position:absolute;
	top: 50%;
	left: 2em;
	display: block;
	margin-top: -11px;
	width: 22px;
	height: 22px;
	background: no-repeat left top;
}

.area-intro .box-guide .box-text p.shopping a::after {
	background-image:url(/theme/Pc/img/inquiries/input/ico_shopping.png);
}
.area-intro .box-guide .box-text p.faq a::after {
	background-image:url(/theme/Pc/img/inquiries/input/ico_faq.png);
}
.area-intro .box-guide .box-text p a {
		text-decoration: none;
		color: #444444;
}
.area-intro .box-guide .box-text p a:hover {
	opacity: 0.7;
}
.area-intro .box-text {
		text-align: center;
}
.sec-cmn-01 .ttl-cmn-03 {
		margin-bottom: 2em;
	  padding: 0.687em 1em;
		background-color: #ebebeb;
		font-weight: bold;
		font-size: 1.145em;
		line-height: 1.1;
}
.area-by-tel {
		margin: 0 20px;
}
.area-by-tel tr > th {
		padding: 32px 0 30px;
    width: 360px;
    font-size: 114.3%;
    font-weight: bold;
    color: #898989;
    vertical-align: top;
}
.table-cmn th {
		background: #fff;
}
.table-cmn th, .table-cmn td {
    text-align: left;
}
.table-cmn .box-text {}
.table-cmn .box-text p.tel {
		display: inline-block;
		width: 220px;
		font-size: 171.43%;
    font-weight: bold;
}
.table-cmn .box-text p.text {
		display: inline-block;
}
.area-form {
		margin: 0 20px;
}
.box-table-inquiry-input-basic  {}
.box-table-inquiry-input-basic .table-register {
		margin: 0;
    border-bottom: none;
}
.box-table-inquiry-input-basic  tr {
    border-top: 1px solid #d7d7d7;
}
.box-table-inquiry-input-basic tr > th {
    padding-top: 28px;
    width: 360px;
    font-size: 114.3%;
    font-weight: bold;
    color: #898989;
    vertical-align: top;
}
.box-table-inquiry-input-basic tr > td input {
		width: 100%;
    text-indent: 12px;
	  line-height: 2.43;
}
.box-table-inquiry-input-basic .text-name {
    margin-bottom: 25px;
    font-size: 108%;
}
.box-table-inquiry-input {
	  margin: 0 0 50px;
}
.box-table-inquiry-input textarea {
	  height: 165px;
		line-height: 2.43;
}
.box-table-inquiry-input  tr {
    border-top: 1px solid #d7d7d7;
}
.box-table-inquiry-input tr:last-child {
    border-bottom: 1px solid #d7d7d7;
}
.box-table-inquiry-input tr > th {
    padding-top: 28px;
    width: 360px;
    font-size: 114.3%;
    font-weight: bold;
    color: #898989;
    vertical-align: top;
}
.box-table-inquiry-input tr > td {
    padding: 20px 0;
		width: 530px;
}
.box-table-inquiry-input tr > td input {
	width: 100%;
	text-indent: 12px;
	line-height: 2.43;
}
.box-table-inquiry-input tr > td select {
	width: 100%;
	height: 36px;
	text-indent: 12px;
}
.box-table-inquiry-input tr > td .text {
		margin: 11px 0 0;
		font-size: 11px;
}

.area-form .box-text p.text {
		margin: 50px 0 20px;
		font-size: 15px;
}

.is-by-mail .is-submit {
	width: 320px;
}

.is-by-mail [class^="table-register"] tr > th {
	width: 320px;
	padding: 20px 0;
}

.is-member.member .sec-cmn-01 {
	padding: 0 18px;
}
.is-member.member .sec-cmn-01 .txt {
	margin-bottom: 15px;
}

.is-member .sec-cmn-01 {
	margin-bottom:15px;
}

.is-member .sec-cmn-01 .area-intro .box-text {
	text-align: left;
}

.is-member.user_login .ttl-cmn-02 {
	text-align: center;	
}
.is-member.user_login [class^="button-type"].size1 {
	width: 100%;
}
.is-member.user_login .list-item-button {
	width: 100%;
}
.is-member.user_login .list-item-button + .list-item-button {
	margin-left: 0;
}
.is-member .box-button {
	margin-top: 15px;
}
.error-message {
  margin: 0.5em 0;
	color: #e32c3d;
	font-weight: bold;
	padding: 0.5em 1em;
	background-color: #ffffbb;
	display: inline-block;
	vertical-align: middle;
}
.register-txt {
  margin-bottom: 14px;
}


.inquiriesNote {
    background-color: #fff8f9;
    padding: 25px;
}

.inquiriesNote h2 {
    text-align: center;
    font-weight: bold;
    font-size: 125%;
    margin-bottom: 1em;
}

.inquiriesNote li {
    list-style: disc;
    margin-left: 2em;
    margin-bottom: 1em;
}