@charset "UTF-8";
/*--------------
料金計算方法ページ
----------------*/
.page_ttlfr {
  background-color: #4b4b4b;
  color: #fff;
  font-weight: 700;
  font-size: 1.125rem;
  text-align: center;
  padding: 19px;
  border: 1px solid #eeeeef;
  margin-bottom: 40px;
}

.p_center {
  text-align: center;
}

.pllist {
  text-align: center;
  margin-bottom: 30px;
}

.pllist > span {
  display: inline-block;
}

.pagead {
  font-size: 12px;
  margin-bottom: 50px;
}

.txt1 {
  margin-bottom: 50px;
}
.designfee {
  background-color: #f0d8db;
}

.somefee {
  background-color: #d3d2e5;
}

.kijifee {
  background-color: #d2e8cf;
}

.ryoukin_cal {
  max-width: 300px;
  text-align: center;
  font-size: 18px;
  margin-bottom: 0;
  padding: 15px;
}

.feedesc {
  margin-bottom: 50px;
}

.feedesc .fee_cal {
  padding: 40px;
}

.feedesc .fee_ad {
  padding: 30px;
}

.feedesc p,
.feedesc li {
  line-height: 1.8em;
}

.feedesc ul {
  list-style: none;
}

.feedesc .option_desc {
  margin-top: 10px;
}

.feedesc .design_cal {
  border-bottom: 2px solid #f0d8db;
}

.feedesc .some_cal {
  border-bottom: 2px solid #d3d2e5;
}

.feedesc .kiji_cal {
  border-bottom: 2px solid #d2e8cf;
}

.design_fr {
  border: 5px solid #f0d8db;
}

.some_fr {
  border: 5px solid #d3d2e5;
}

.kiji_fr {
  border: 5px solid #d2e8cf;
}

.fee_ex {
  font-size: 18px;
  padding: 0 2% 8px;
  font-weight: normal;
  margin-bottom: 30px;
  text-align: center;
}

.design_ex {
  border-bottom: 3px solid #f0d8db;
}

.some_ex {
  border-bottom: 3px solid #d3d2e5;
}

.kiji_ex {
  border-bottom: 3px solid #d2e8cf;
}

/*テーブル1*/
.feetable {
  border-collapse: collapse;
  margin: 0 auto 80px;
}

.feetable th,
.feetable td {
  border-bottom: #9a9a9a 1px dotted;
  text-align: left;
  padding: 10px;
  font-weight: normal;
  line-height: 1.6em;
}

.txt2 {
  margin-top: 5px;
  font-size: 13px;
}

.nebiki {
  max-width: 600px;
  border: 5px solid #9a9a9a;
  padding: 25px;
  margin: 0 auto 100px;
}

.nebiki h4 {
  color: #ea4242;
  margin-bottom: 20px;
  font-size: 16px;
}

.nebiki p {
  line-height: 1.8em;
}

.exttl {
  border: 1px solid #9e9e9e;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
}

span.red01 {
  color: #ea4242;
}

/*テーブル2*/
.extable {
  border-collapse: collapse;
  margin: 0 auto 60px;
}

.extable th,
.extable td {
  border-bottom: #9a9a9a 1px dotted;
  text-align: left;
  padding: 5px 20px;
  font-weight: normal;
  line-height: 1.6em;
}

.extable td:last-child {
  text-align: right;
}

.total1 {
  background-color: #fffff4;
}

.total2 {
  background-color: #ffeded;
}

/*--------------
使い方
----------------*/
.otherpage{
  margin-top: 20px;
}
.otherpage li {
  margin-bottom: 10px;
}
.otherpage li a {
  text-decoration: underline;
}
.otherpage li a:hover {
  text-decoration: none;
}
.about .imgContainer {
  left: 0;
  width: 80vw;
  max-width: 1200px;
  max-height: none;
  height: 50vw;
}
h3.howtottl {
  background-color: #4b4b4b;
  color: #ffffff;
  text-align: center;
  padding: 7px 5px;
  padding-top: 10px;
}
/*--------------
よくある質問
----------------*/
.faq_list_a p a {
  color: #ea4242;
  text-decoration: underline;
}
.faq_list_a p a:hover {
  text-decoration: none;
}
/*--------------
プライバシーポリシー
----------------*/
.r2hyouji {
  padding: 20px 5%;
  border: 1px solid #eeeeef;
  background-color: #ffffff;
  margin-top: 20px;
}
.r2hyouji p {
  line-height: 1.4em;
}
.privacy .about_list p {
  text-indent: 0;
}
.privacy .about_list p a {
  text-decoration: underline;
}
.privacy .about_list p a:hover {
  text-decoration: none;
}

.law_list p a {
  color: #ea4242;
    text-decoration: underline;
}
.law_list p a:hover {
  color: #ea4242;
    text-decoration: none;
}
/*--------------
利用規約
----------------*/
.kiyaku .about_wrap {
  padding-top: 23px;
}
.kiyaku .about_list:first-child {
  margin-top: 0;
}
.kiyaku .about_list p {
  padding-left: 1em;
  text-indent: -1em;
  margin-left: 2em;
}
.kiyaku .about_list p.nol {
  padding-left: 0;
  text-indent: 0;
  margin-left: 2em;
}
.kiyaku .about_list .about_list_item ul {
  margin-left: 3em;
}
.kiyaku .about_list .about_list_item li {
  padding-left: 1.4em;
  text-indent: -1.4em;
}
@media print, screen and (min-width: 769px) {
  .pagead {
    padding: 0 20px;
    font-size: 12px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
.ryoukin_cal {
  max-width: 100%;
  font-size: 16px;
  padding: 15px 8px;
}
.pagead {
  line-height: 1.6em;
}
.feedesc .fee_cal {
  padding: 30px 5%;
}
.exttl {
  text-align: left;
  line-height: 1.6em;
}
.extable th, .extable td {
  padding: 5px 15px;
font-size: 13px;
}
}
.itemDetailWrap .pictWrap picture {
  max-width: 100%;
  max-height: 100%;
}
.itemDetailWrap .pictWrap img {
  max-width: 100%;
  max-height: 100%;
}

/*--------------
本体修正
----------------*/
.item_detail_cart .clothWrap p {
  margin-left: 5%;
  font-size: 0.9rem;
}
.clothWrap .button {
  text-indent: -999999px;
  overflow: hidden;
  background-image: url(../img/common/icon_close-gy-2.svg);
  background-repeat: no-repeat;
  background-size: 14px auto;
  background-position: 50% 50%;
}
.item_detail_body .info_addFavorite a {
  width: 100%;
}