@charset "utf-8";
/* ######################################################################################

	ご利用ガイド　トップ

###################################################################################### */
.pageGuide.top .bgArea li + li .button{font-size: 1.5rem;}

@media print, screen and (min-width: 768px) {
    .pageGuide.top .bgArea ul{max-width: 750px; margin-left: auto; margin-right: auto;}
}
@media only screen and (max-width: 767px){
    .pageGuide.top .bgArea li + li .button {border-top: none;}
}


/* ######################################################################################

	ご利用ガイド　当サイトについて

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .pageGuide.guideinfo .numberList .buttonBox{margin: 1.5em 0 2em;}
    .pageGuide.guideinfo .dotList{margin-bottom: 1em;}
}
@media only screen and (max-width: 767px){
    .pageGuide.guideinfo .numberList .buttonBox{margin: 1em 0 1.5em;}
    .pageGuide.guideinfo p + p{margin-top: 1.5em;}
    .pageGuide.guideinfo .dotList{margin-bottom: 1.5em;}
}


/* ######################################################################################

	ご利用ガイド　ご注文の流れ

###################################################################################### */
@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
  .pageGuide.flow .bottomBorderTitle{margin-bottom: 30px;}
}


/* ######################################################################################

	ご利用ガイド　特殊文字について

###################################################################################### */
.pageGuide.gaiji .gaijiImg__img img{width: 100%; max-width: 446px; height: auto;}

@media print, screen and (min-width: 768px) {
  .pageGuide.gaiji .gaijiImg__img{width: 48%;}
  .pageGuide.gaiji .gaijiImg__text{width: 48%;}

  .pageGuide.gaiji .stepBox .image {width: 36%;}
  .pageGuide.gaiji .stepBox .detail { width: 64%; max-width: 550px;}
  .pageGuide.gaiji .stepBox .step + .step{margin-top: 30px;}
}
@media screen and (max-width: 767px) {
  .pageGuide.gaiji .gaijiImg{flex-direction: column-reverse;}
  .pageGuide.gaiji .gaijiImg__img{text-align: center;}
  .pageGuide.gaiji .gaijiImg__text{margin-bottom: 30px;}
}





/* ######################################################################################

	ご利用ガイド　宛名印刷について

###################################################################################### */
.pageGuide.atena .atenaPrice__item{display: flex; flex-wrap: wrap; font-size: 1.4rem; line-height: 1.5;}
.pageGuide.atena .atenaPrice__item + .atenaPrice__item{margin-top: 1.5em;}
.pageGuide.atena .atenaPrice__item .atenaPrice__item__title{width: 140px;}
.pageGuide.atena .atenaPrice__item .atenaPrice__item__price{width: calc(100% - 140px); font-weight: bold; font-size: 1.6rem;}
.pageGuide.atena .atenaPrice__item .atenaPrice__item__attention{width: 100%; color: #C30216;}
.pageGuide.atena .stepBox .stepTitle .txt-medium{display: block; line-height: 1.25;}
.pageGuide.atena .atenaTemplate * + *{margin-top: 1em;}
.pageGuide.atena .atenaLead__text .dotList .atena{
  font-size: 1rem;
  color: #fff;
  background: #C30216;
  padding: 0.25em 0.5em 0.4em;
  line-height: 1;
}

@media print, screen and (min-width: 768px) {
  .pageGuide.atena * + .bottomBorderTitle{margin-top: 100px;}
  .pageGuide.atena .atenaLead{margin-top: 5em; flex-wrap: nowrap;}
  .pageGuide.atena .atenaLead__img{width: 38.7%;}
  .pageGuide.atena .atenaLead__img img{max-width: 100%; height: auto; width: 100%;}
  .pageGuide.atena .atenaLead__text {width: 53%; min-width: 350px; padding-left: 30px;}
  .pageGuide.atena .atenaLead__text * + .leftBorderTitle{margin-top: 25px; margin-bottom: 30px;}
  .pageGuide.atena .atenaLead__text .leftBorderTitle + *{margin-top: 20px;}
  .pageGuide.atena .atenaLead__text .bgArea {margin-top: 30px; padding-bottom: 60px;}
  .pageGuide.atena .atenaLead__text .dotList li + li{margin-top: 1em;}
  .pageGuide.atena .atenaLead__text .countList{margin-bottom: 2.5em;}
}
@media screen and (max-width: 767px) {
  .pageGuide.atena .atenaLead__img,
  .pageGuide.atena .atenaLead__text{width: 100%;}
  .pageGuide.atena .atenaLead__img{margin-bottom: 1em;}
  .pageGuide.atena .atenaLead__img p{margin-bottom: 0.5em;}
  .pageGuide.atena .atenaLead__img img{
    max-width: 230px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .pageGuide.atena .atenaLead__text * + .leftBorderTitle{margin-top: 25px;}
  .pageGuide.atena .atenaLead__text .leftBorderTitle + *{margin-top: 20px;}
  .pageGuide.atena .atenaLead__text .bgArea{margin-top: 50px; margin-bottom: 50px;}
  .pageGuide.atena .atenaLead__text .countList li + li{margin-top: 1.5em;}
  .pageGuide.atena .atenaLead__text .buttonBox{margin-top: 2em;}
  .pageGuide.atena .stepBox .stepTitle .txt-medium{margin-top: 0.5em;}
  .pageGuide.atena .atenaTemplate .ico-Excel{text-align: center; margin-top: 35px; margin-bottom: 30px;}
  .pageGuide.atena .atenaTemplate .ico-Excel img{width: 88px;}
}

/* ====================================================
　atenaInfo
==================================================== */
.pageGuide.atena .atenaInfo .leftBorderTitle + *{margin-top: 0.75em;}
.pageGuide.atena .atenaInfo  * + .leftBorderTitle {margin-top: 50px;}
.pageGuide.atena .fileStep + .titleBold{margin-top: 4.5em;}

@media print, screen and (min-width: 768px) {
  .pageGuide.atena .atenaInfo{margin-top: 4em;}
  .pageGuide.atena .atenaInfo .leftBorderTitle.mb0 + *{margin-top: 0;}
  .pageGuide.atena .atenaInfo  * + .leftBorderTitle.mb0{margin-bottom: 0;}
}
@media screen and (max-width: 767px) {
  .pageGuide.atena .atenaInfo .leftBorderTitle + *{margin-bottom: 0.75em;}
}

/* ====================================================
　file
==================================================== */
.pageGuide.atena .fileLead{margin-bottom: 20px;}
.pageGuide.atena .fileLead .attention{color: #000; font-weight: normal; padding-left: 1em; text-indent: -1em;}
.pageGuide.atena .fileStep{margin-top: 1.75em;}
.pageGuide.atena .fileStep .stepTitle{margin-bottom: 0.75em;}
.pageGuide.atena .fileStep * + .stepTitle{margin-top: 3.5em;}
.pageGuide.atena .fileStep .buttonBox{margin-top: 1em; text-align: left;}
.pageGuide.atena .fileStep .buttonBox .button{max-width: 350px;}
.pageGuide.atena .fileStep .attention{color: #000; font-weight: normal; padding-left: 1em; text-indent: -1em;}
.pageGuide.atena .fileStep .fileStepImg{margin: 1em 0;}
.pageGuide.atena .fileStep p + p{margin-top: 1.5em;}
.pageGuide.atena .fileStep p + p.attention{margin-top: 0;}

@media print, screen and (min-width: 768px) {
  .pageGuide.atena .fileLead .txt-large{font-size: 2rem; margin-bottom: 1em;}
}
@media screen and (max-width: 767px) {
  .pageGuide.atena .fileLead .txt-large{font-size: 1.4rem; margin-bottom: 1em;}
  .pageGuide.atena .fileStep .excel > span{display: block;}
}





/* ######################################################################################

	ご利用ガイド　お渡し日について

###################################################################################### */
.pageGuide.delivery .deliveryDate .deliveryDate__today{text-align: center; position: relative;}
.pageGuide.delivery .deliveryDate .deliveryDate__today:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 16px;
  height: 20px;
  background-image: url(../img/contents/guide/delivery/arrow.svg);
}
.pageGuide.delivery .deliveryDate .deliveryDate__date{color: #C30216; font-weight: bold;}
.pageGuide.delivery .deliveryDate .deliveryDate__date__text{display: block; text-align: center;}
.pageGuide.delivery .deliveryDate .deliveryDate__date__attention{display: block; font-weight: normal;}
.pageGuide.delivery .cutOffDate__item dd .cation {
  display: block;
  margin-top: 0.25em;
  padding-left: 1em;
  font-size: 1.3rem;
  line-height: 1.75;
  text-indent: -1em;
}

@media print, screen and (min-width: 768px) {
  .pageGuide.delivery .delivList .termList tr:first-of-type th:first-of-type {width: 250px;}
  .pageGuide.delivery .delivList .cation {font-size: 15px;}


  .pageGuide.delivery .deliveryDate .deliveryDate__today{padding-bottom: 40px; margin-bottom: 10px; font-size: 1.8rem;}
  .pageGuide.delivery .deliveryDate .deliveryDate__date{font-size: 2.2rem; line-height: 2;}
  .pageGuide.delivery .deliveryDate .deliveryDate__date__attention{text-align: center; font-size: 1.4rem;}
  .pageGuide.delivery .cutOffDate{max-width: 520px; margin-left: auto; margin-right: auto;}
  .pageGuide.delivery .cutOffDate__item{min-width: 230px; margin-top: 30px; font-size: 1.8rem; line-height: 1.77;}
  .pageGuide.delivery .cutOffDate__item dd + dt {margin-top: 30px;}
  .pageGuide.delivery .cutOffDate__item:nth-of-type(1){margin-top: 0;}
}
@media screen and (max-width: 767px) {
  .pageGuide.delivery .delivList .termList th,
  .pageGuide.delivery .delivList .termList td {font-size: 9px;}
  .pageGuide.delivery .delivList .cation {font-size: 8px;}

  .pageGuide.delivery .bottomBorderTitle{margin-bottom: 0.75em;}
  .pageGuide.delivery * + .bottomBorderTitle{margin-top: 55px;}
  .pageGuide.delivery .deliveryDate .deliveryDate__today{padding-bottom: 30px; margin-bottom: 5px; font-size: 1.5rem;}
  .pageGuide.delivery .deliveryDate .deliveryDate__date{font-size: 2.2rem; line-height: 2;}
  .pageGuide.delivery .deliveryDate .deliveryDate__date__attention{font-size: 1.4rem;line-height: 1.71;}
  .pageGuide.delivery .cutOffDate__item{width: 100%; font-size: 1.5rem; line-height: 1.6;}
  .pageGuide.delivery .cutOffDate__item + .cutOffDate__item{margin-top: 1.5em;}
  .pageGuide.delivery .cutOffDate__item dd + dt {margin-top: 1.5em;}
  .pageGuide.delivery .deliveryDate .deliveryDate__date__attention{text-align: left;}
}

/* ====================================================
　お渡し日一覧
==================================================== */
.pageGuide.delivery .delivList {}
.pageGuide.delivery .delivList table {margin-left: -2px; margin-right: -2px;}
.pageGuide.delivery .delivList th,
.pageGuide.delivery .delivList td {border: 2px solid #fff; text-align: center;}
.pageGuide.delivery .delivList th {background: #E89046; color: #fff;}
.pageGuide.delivery .delivList th.pale {background: #FFC490;}
.pageGuide.delivery .delivList th.white {background: #fff;}
.pageGuide.delivery .delivList td {background: #FFF6EF; color: #000;}

.pageGuide.delivery .delivList .mochu th {background: #737492;}
.pageGuide.delivery .delivList .mochu th.pale {background: #B5B6D1;}
.pageGuide.delivery .delivList .mochu td {background: #F4F4FF;}

@media print, screen and (min-width: 768px) {
  .pageGuide.delivery .delivList {
    max-width: 800px;
    margin-top: 127px;
    margin-left: auto;
    margin-right: auto;
  }
  .pageGuide.delivery .delivList.atena {max-width: 980px;}
  .pageGuide.delivery .delivList.narrow {margin-top: 60px;}
  .pageGuide.delivery .delivList th,
  .pageGuide.delivery .delivList td {font-size: 2.2rem;}
  .pageGuide.delivery .delivList.atena th,
  .pageGuide.delivery .delivList.atena td {font-size: 2rem;}
  .pageGuide.delivery .delivList th {padding-top: 11px; padding-bottom: 9px;}
  .pageGuide.delivery .delivList th.pale {padding-top: 8px; padding-bottom: 6px;}
  .pageGuide.delivery .delivList td {padding-top: 16px; padding-bottom: 14px;}
  .pageGuide.delivery .delivList tr:first-of-type th:first-of-type {width: 340px;}
  .pageGuide.delivery .delivList .cation {font-size: 15px;}

}
@media screen and (max-width: 767px) {
  .pageGuide.delivery .delivList {margin-top: 4em;}
  .pageGuide.delivery .delivList th,
  .pageGuide.delivery .delivList td {padding: 0.5em 0.25em;}
}



/* ######################################################################################

	運営会社

###################################################################################### */
.pageAbouts table.borderBox{max-width: 800px; margin-left: auto; margin-right: auto;}

@media print, screen and (min-width: 768px) {
  .pageAbouts table.borderBox th{width: 300px;}
  .pageAbouts table.borderBox td{text-align: right;}
  .pageAbouts table.borderBox td .alignL{display: inline-block;}
}
@media screen and (max-width: 767px) {
}



/* ######################################################################################

	個人情報保護方針

###################################################################################### */
.pageGuide.privacy .sign{text-align: right;}
.pageGuide.privacy p,
.pageGuide.privacy li{font-size: 1.4rem; line-height: 1.71;}
.pageGuide.privacy * + p,
.pageGuide.privacy p + .numberList{margin-top: 1.5em;}
.pageGuide.privacy * + .mtWide{margin-top: 3em;}
.pageGuide.privacy .privacyImg{margin: 1.5em 0;}
.pageGuide.privacy a[href^="mailto"]{color: #000; text-decoration: none;}
.pageGuide.privacy .numberList li:before{top: 0.075em;}

@media print, screen and (min-width: 768px) {
  .pageGuide.privacy .pageInner{max-width: 900px;}
  .pageGuide.privacy .pageInner .bottomBorderTitle {margin-bottom: 1.5em;}
  .pageGuide.privacy .pageInner .boldTitle {margin-top: 3em;}
  .pageGuide.privacy .sign{margin-bottom: 20px;}
  .pageGuide.privacy .privacyImg img{max-width: 100%; height: auto;}
}
@media screen and (max-width: 767px) {
  .pageGuide.privacy .sign{margin-bottom: 30px;}
  .pageGuide.privacy .numberList li + li{margin-top: 1.5em;}
  .pageGuide.privacy .privacyImg{text-align: center;}
  .pageGuide.privacy .privacyImg img{width: 100%; max-width: 335px; height: auto;}
}



/* 注文フローに転用 */
.pageGuide.privacy .agreeBox{margin-top: 30px; text-align: center;}

@media print, screen and (min-width: 768px) {
  .pageGuide.privacy .scroll{
    overflow-y: scroll;
    height: 500px;
    padding: 30px 20px;
    border: 1px solid #ddd;
  }
  .pageGuide.privacy .scroll .bottomBorderTitle{font-size: 2.2rem;}
  .pageGuide.privacy .scroll .bottomBorderTitle:before{
    width: 140px;
    height: 3px;
  }
}
@media screen and (max-width: 767px) {
  .pageGuide.privacy .scroll{
    overflow-y: scroll;
    height: 310px;
    padding: 30px 10px;
    border: 1px solid #ddd;
  }
}



/* ######################################################################################

      よくあるご質問

###################################################################################### */
/* ====================================================
　よくあるご質問　トップ・下層共通
==================================================== */
.pageFaq .faqContnets{width: 100%; margin-top: 20px; margin-bottom: 20px;}
.pageFaq .faqContnets,
.pageFaq .faqContnets__item__q,
.pageFaq .faqContnets__item__a{position: relative; width: 100%; font-size: 1.4rem; line-height: 1.71;}
.pageFaq .faqContnets__item__q{
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.pageFaq .faqContnets__item__a{display: none;}

.pageFaq .faqContnets__item__q:before,
.pageFaq .faqContnets__item__a:before{
  position: absolute;
  font-size: 2rem;
  font-weight: bold;
  color: #ddd;
}
.pageFaq .faqContnets__item__q:before{content: "Q.";}
.pageFaq .faqContnets__item__a:before{content: "A.";}

.pageFaq .faqContnets__item__a__inner{background-color: #F4F8FE;}
.pageFaq .faqContnets__item__a__inner p + *,
.pageFaq .faqContnets__item__a__inner .dotList li + li,
.pageFaq .faqContnets__item__a__inner .dotList + *,
.pageFaq .faqContnets__item__a__inner .numberList + *{margin-top: 1.5em;}
.pageFaq .faqContnets__item__a__inner p + .numberList{margin-top: 0;}
.pageFaq .faqContnets__item.open .faqContnets__item__q:before{color: #C30216;}
.pageFaq .faqContnets__item.open .faqContnets__item__a:before{color: #E98B3C;}
.pageFaq .faqContnets__item__a__inner .red {color: #C30216;}

@media print, screen and (min-width: 768px) {
  .pageFaq .bottomBorderTitle.sp {display: none;}
  .pageFaq .faqContnets__item__q{
    padding: 0.65em 1em 0.65em 4.5em;
    min-height: 66px;
    border-bottom: 1px solid #ddd;
  }
  .pageFaq .faqContnets__item__a__inner{padding: 2.5em 3em 3em 4.5em;}
  .pageFaq .faqContnets__item__q:before,
  .pageFaq .faqContnets__item__a:before{left: 1.6em;}
  .pageFaq .faqContnets__item__q:before{top: 0.75em;}
  .pageFaq .faqContnets__item__a:before{top: 1.4em;}
}
@media screen and (max-width: 767px) {
  .pageFaq .bgTitle.pc {display: none;}
  .pageFaq .faqContnets{width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;}
  .pageFaq .faqContnets__item__q{
    position: relative;
    padding: 0.65em 15px 0.65em 3.5em;
    min-height: 66px;
    height: 100%;
  }
  .pageFaq .faqContnets__item__a__inner{padding: 2.5em 15px 3em 3.5em;}
  .pageFaq .faqContnets__item__q:before,
  .pageFaq .faqContnets__item__a:before{left: 1em;}
  .pageFaq .faqContnets__item__q:after{
    content: "";
    position: absolute;
    width: calc(100% - 30px);
    height: 1px;
    bottom: 0;
    left: 15px;
    background: #ddd;
  }
  .pageFaq .faqContnets__item__q:before{top: 0.9em;}
  .pageFaq .faqContnets__item__a:before{top: 1.4em;}
}

  /* IE */
@media all and (-ms-high-contrast: none) {
  .pageFaq .faqContnets__item__q{min-height: auto; padding-top: 1.5em; padding-bottom: 1.5em;}
}


/* ====================================================
　よくあるご質問　トップ
==================================================== */
@media print, screen and (min-width: 768px) {
  .pageFaq .faqList{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .pageFaq .faqList__item{width: 46%; margin-top: 88px;}
  .pageFaq .faqList__item:nth-child(1),
  .pageFaq .faqList__item:nth-child(2){margin-top: 0;}
  .pageFaq .buttonBox.more{margin: 30px 0px 0 32px;}
  .pageFaq .buttonBox.more .button{margin: 0;}
}
@media screen and (max-width: 767px) {
  .pageFaq .faqList__item{margin-top: 80px;}
  .pageFaq .faqList__item:nth-child(1){margin-top: 0;}
}

/*　ご利用ガイドはこちら
-------------------------------------*/
.pageFaq .guideListBnr a{
  padding: 22px 15px;
  display: block;
  border: 10px solid #CF5749;
  width: 100%;
  max-width: 338px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #000;
  text-decoration: none;
}
.pageFaq .guideListBnr .guideListBnr__title{
  position: relative;
  padding-top: 42px;
  font-size: 2rem;
  line-height: 1.5;
  font-weight: bold;
}
.pageFaq .guideListBnr .guideListBnr__title:before{
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  top: 0;
  left: 50%;
  background-image: url(../img/contents/ico_book.svg);
  transform: translateX(-50%);
}
.pageFaq .guideListBnr .guideListBnr__text{
  font-size: 1.3rem;
}
@media print, screen and (min-width: 768px) {
  .pageFaq .guideListBnr{margin-top: 70px;}
}
@media screen and (max-width: 767px) {
  .pageFaq .guideListBnr{margin-top: 50px;}
}


/* ######################################################################################

　デザイン一覧　/products/list.php

###################################################################################### */
.pageProducts.list .productList li .inner{
  position: relative;
  display: flex;
  flex-direction: column;
}
.pageProducts.list .productList li p {text-align: center;}
.pageProducts.list .productList li p span,
.pageProducts.list .productList li .itemname{
  display: inline-block;
  background: #CF5749;
  border-radius: 2em;
  color: #fff;
  padding: 0 1.35em;
  line-height: 1.75;
  font-size: 1.4rem;
  text-decoration: none;
}
.pageProducts.list .productList li.copyPost .inner {padding-bottom: 8px;}
.pageProducts.list .productList li .copyRight {margin-top: auto; padding-top: 5px;}
.pageProducts.list .productList li .copyRight .copyInner,
.pageProducts.list .productList li .copyRight p {line-height: 1.375; letter-spacing: -1px; font-weight: normal;}
.pageProducts.list .productList li .copyRight .copyInner {width: 100%; padding: 0 7px;}
.pageProducts.list .productList li .copyRight p {margin-top: 0;}

.pageProducts.list .productList li .copyRight .copyInner,
.pageProducts.list .productList li .copyRight p {font-size: 0.8rem; text-align: right; }


.pageProducts.list .productList li .copyRight p.left {text-align: left;}
.pageProducts.list .productList li .copyRight p.center {text-align: center;}
.pageProducts.list .productList li .copyRight p.right {text-align: right;}

@media print, screen and (min-width: 768px) {
  .pageProducts.list .productList li .inner{
    padding-top: 14px;
    padding-bottom: 10px;
  }
  .pageProducts.list .productList li p{margin-top: auto;}
  .pageProducts.list .productList li .itemname{font-size: min(1vw, 1.4rem);}

  .pageProducts.list .buttonBox {margin-top: 40px;}
  .pageProducts.list .buttonBox.last {margin-top: 100px;}
  .pageProducts.list .buttonBox.back {margin-top: 0;}
  .pageProducts.list .buttonBox li + li {margin-top: 25px;}

  .pageProducts.list.mourning .buttonBox {margin-top: 150px;}
  .pageProducts.list.mourning .buttonBox li + li {margin-top: 0;}
}
@media screen and (max-width: 767px) {
  .pageProducts.list .productList{margin-left: -3px; margin-right: -3px;}
  .pageProducts.list .productList li{padding-left: 3px; padding-right: 3px; margin-bottom: 6px;}
  .pageProducts.list .productList li .inner{
    padding-top: 33px;
    padding-bottom: 6px;
  }
  .pageProducts.list .productList li p{margin-top: auto;}
  .pageProducts.list .buttonBox {margin-top: 30px;}
  .pageProducts.list .buttonBox.last {margin-top: 30px;}
  .pageProducts.list .buttonBox.back {margin-top: 80px;}
}

/* ====================================================
    画像（縦向き・横向き対応）
==================================================== */
.pageProducts.list .productList li .imageWrap {
  position: relative;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.pageProducts.list .productList li img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
}

.pageProducts.list .productList li .imageWrap label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
}
.pageProducts.list:not(.select) .productList li .imageWrap label img {
  position: relative;
  width: auto;
  height: 100%;
}

@media print, screen and (min-width: 768px) {
  .pageProducts.list .productList li .imageWrap {margin-bottom: 1.3571em; width: 64%; padding-top: 64%;}
  .pageProducts.list .productList li .imageWrap label:hover {opacity: 0.7;}
}
@media only screen and (max-width: 767px){
  .pageProducts.list .productList li .imageWrap {margin-bottom: 1em; width: 85.365%; padding-top: 85.365%;}
}

/* ====================================================
　☆
==================================================== */
.pageProducts.list .productList li p.starWrap {
  position: absolute;
  z-index: 5;
  margin: 0;
  line-height: 1;
}
.pageProducts.list .productList li .star {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  background: url("../img/contents/products/list/ico_select.png") no-repeat;
  background-size:contain;
  color: transparent;
  text-indent: -99999px;
}
.pageProducts.list .productList li .star.active {
  background-image: url("../img/contents/products/list/ico_select_ov.png");
}

@media print, screen and (min-width: 768px) {
  .pageProducts.list .productList li p.starWrap {
    top: 0.75em;
    left: 0.75em;
  }
  .pageProducts.list .productList li .star{
      width:25px;
      height:25px;
  }
}
@media screen and (max-width: 767px) {
  .pageProducts.list .productList li p.starWrap {
    top: 0.5em;
    left: 0.5em;
  }
  .pageProducts.list .productList li .star{
      width:25px;
      height:25px;
  }
}

/* ====================================================
　拡大
==================================================== */
.pageProducts.list .productList li .zoomWrap {
  position: absolute;
  z-index: 5;
  margin: 0;
  line-height: 1;
}
.pageProducts.list .productList li .zoom{
  display: block;
  width: 30px;
  height: 30px;
  background: #F2F2F2;
  border: 1px solid #959595;
  padding: 5px;
}
.pageProducts.list .productList li .zoom img{
  box-shadow: none;
}
@media print, screen and (min-width: 768px) {
  .pageProducts.list .productList li .zoomWrap {
    bottom: 1em;
    right: 0.25em;
  }
}
@media print, screen and (min-width: 992px) {
  .pageProducts.list .productList li .zoomWrap {
    bottom: 1.1em;
    right: 0.75em;
  }
}
@media screen and (max-width: 767px) {
  .pageProducts.list .productList li .zoomWrap {
    bottom: 0.65em;
    right: 0.25em;
  }
}


/* ====================================================
　タグ
==================================================== */
.pageProducts.list .productList li .typeTag {
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0.5em;
}
.pageProducts.list .productList li .typeTag{
  transform: scale(0.8);
  width: 100%;
  padding: 0;
}
.pageProducts.list .productList li .typeTag span{font-size: 1.0rem;}

@media print, screen and (min-width: 768px) {
  .pageProducts.list .productList li .typeTag span{min-width: 60px;}
}
@media screen and (max-width: 767px) {
  .pageProducts.list .productList li .typeTag{
    position: absolute;
    top: 14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 80%;
    padding: 0;
    z-index: 1;
  }
  .pageProducts.list .productList li .typeTag span{min-width: 60px;}
}




/* ====================================================
    カテゴリ説明文
==================================================== */
.pageProducts.list .categoryLead{margin-bottom: 10px;}
.pageProducts.list .categoryLead .leftBorderTitle + *{margin-top: 20px;}
.pageProducts.list .categoryLead .columnList{margin-bottom: 50px;}
.pageProducts.list .categoryLead .categoryLead__img{text-align: center;}


@media print, screen and (min-width: 768px) {
  .pageProducts.list .categoryLead .leftBorderTitle,
  .pageProducts.list .categoryLead p,
  .pageProducts.list .categoryLead .columnList{max-width: 815px; margin-left: auto; margin-right: auto;}
  .pageProducts.list .categoryLead .leftBorderTitle.wide,
  .pageProducts.list .categoryLead p.wide,
  .pageProducts.list .categoryLead .columnList.wide{max-width: 100%;}
  .pageProducts.list .categoryLead .columnList:last-child{margin-bottom: 70px;}
  .pageProducts.list .categoryLead p + .columnList{margin-top: 30px;}
  .pageProducts.list .categoryLead .columnList + .columnList{margin-top: 40px;}


  .pageProducts.list .categoryLead.mochu .leftBorderTitle,
  .pageProducts.list .categoryLead.mochu p,
  .pageProducts.list .categoryLead.mochu .columnList{max-width: 800px; margin-left: auto; margin-right: auto;}

.pageProducts.list .categoryLead .columnList.mochu01 .left{width: 27%;}
.pageProducts.list .categoryLead .columnList.mochu01 .right{width: 65.5%;}
.pageProducts.list .categoryLead .columnList.mochu01 .categoryLead__img img{width: 100%; max-width: 215px;}
.pageProducts.list .categoryLead .columnList.mochu01 .categoryLead__img.large img{width: 100%; max-width: 260px;}
.pageProducts.list .categoryLead .columnList.mochu02 .left,
.pageProducts.list .categoryLead .columnList.mochu02 + .mochu01 .left{width: 41.9%;}
.pageProducts.list .categoryLead .columnList.mochu02 .right,
.pageProducts.list .categoryLead .columnList.mochu02 + .mochu01 .right{width: 50.6%;}
.pageProducts.list .categoryLead .columnList.mochu03 .left{width: 27%;}
.pageProducts.list .categoryLead .columnList.mochu03 .right{width: 65.5%;}

.pageProducts.list .categoryLead .columnList.category9030 .left{width: 42.3%;}
.pageProducts.list .categoryLead .columnList.category9030 .categoryLead__img{background: #F4F8FE; padding: 2em 0;}
.pageProducts.list .categoryLead .columnList.category9030 .right{padding-top: 3em; width: 55%;}
.pageProducts.list .categoryLead .columnList.category9030 .titleBottomBorder{
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
  border-bottom: 3px solid #E7ABA8;
  font-size: 2.2rem;
}
.pageProducts.list .categoryLead .columnList.category9030 .right p{line-height: 1.81;}
}
@media screen and (max-width: 767px) {
  .pageProducts.list .categoryLead * + .columnList{margin-top: 30px;}
  .pageProducts.list .categoryLead .columnList .right{margin-top: 30px;}

  .pageProducts.list .categoryLead .columnList.mochu01 .categoryLead__img img{width: 100%; max-width: 142px;}
  .pageProducts.list .categoryLead .columnList.mochu01 .categoryLead__img.large img{width: 100%; max-width: 229px;}
  .pageProducts.list .categoryLead .columnList.mochu02 .categoryLead__img img{width: 100%; max-width: 335px;}
  .pageProducts.list .categoryLead .columnList.mochu03 .categoryLead__img img{width: 100%; max-width: 211px;}

  .pageProducts.list .categoryLead .columnList.category9030{display: flex; justify-content: space-between; align-items: center;}
  .pageProducts.list .categoryLead .columnList.category9030 .left{width: 42.3%;}
  .pageProducts.list .categoryLead .columnList.category9030 .categoryLead__img{background: #F4F8FE; padding: 1em 0;}
  .pageProducts.list .categoryLead .columnList.category9030 .categoryLead__img img{width: 60%;}
  .pageProducts.list .categoryLead .columnList.category9030 .right{padding-top: 0em; margin-top: 0; width: 55%;}
  .pageProducts.list .categoryLead .columnList.category9030 .titleBottomBorder{
    padding-bottom: 0.25em;
    margin-bottom: 0.5em;
    border-bottom: 3px solid #E7ABA8;
    font-size: 1.2rem;
  }
  .pageProducts.list .categoryLead .columnList.category9030 .right p{font-size: 1.0rem; line-height: 2;}
}


/* ====================================================
    xx〜xx件　表示中/全xxx件
==================================================== */
.pageProducts.list .productCount{
  padding-top: 30px;
  border-top: 1px solid #ddd;
  margin-bottom: 30px;
  text-align: center;
}

/* ====================================================
    選択した絵柄
==================================================== */
.pageProducts.list .selectProductList{border: 1px solid #D7D7D7; padding-bottom: 40px; margin-bottom: 50px;}
.pageProducts.list .selectProductList .selectProductList__title{
  margin-bottom: 40px;
  padding: 0.65em;
  text-align: center;
  background: #F4F8FE;
  border-bottom: 1px solid #D7D7D7;
  font-size: 1.5rem;
  font-weight: bold;
}
.pageProducts.list .selectProductList .selectProductList__item li p.releaseBtn{margin-top: 0.75em;}
.pageProducts.list .selectProductList .selectProductList__item li p.releaseBtn a{color: #CF5749; text-decoration: underline;}

@media print, screen and (min-width: 768px) {
  .pageProducts.list .selectProductList .selectProductList__item .imageWrap{width: 100%; padding-top: 100%;}
  .pageProducts.list .selectProductList .selectProductList__item{padding-left: 15px; padding-right: 15px;}
  .pageProducts.list .selectProductList .selectProductList__item li{width: 20%; margin-bottom: 30px;}
  .pageProducts.list .selectProductList .selectProductList__item li p span{
    width: 100%;
    max-width: 124px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.6rem;
  }
  .pageProducts.list .selectProductList .selectProductList__item li p.releaseBtn a{font-size: 1.6rem;}
  .pageProducts.list .selectProductList .selectProductList__button.buttonBox.last{margin-top: 0; padding-left: 10px; padding-right: 10px;}
  .pageProducts.list .selectProductList .selectProductList__button.buttonBox.last li + li{margin-top: 0;}
}
@media print, screen and (min-width: 1081px) {
  .pageProducts.list .selectProductList .selectProductList__item li p span{font-size: 1.8rem;}
  .pageProducts.list .selectProductList .selectProductList__item li p.releaseBtn a{font-size: 1.8rem;}
}
@media screen and (max-width: 767px) {
  .pageProducts.list .selectProductList .selectProductList__item .imageWrap{width: 90%; padding-top: 90%;}
  .pageProducts.list .selectProductList .selectProductList__item{padding-left: 10px; padding-right: 10px;}
  .pageProducts.list .selectProductList .selectProductList__item li{margin-bottom: 30px;}
  .pageProducts.list .selectProductList .selectProductList__item li p.releaseBtn a{font-size: 1.4rem;}
  .pageProducts.list .selectProductList .selectProductList__button.buttonBox.last{margin-top: 10px; margin-left: 40px; margin-right: 40px;}
}


/* ====================================================
　タグ（インクジェット・選択文章）
==================================================== */
.pageProducts.list .productList .image.tag-inkjet a:after{
  content: "インクジェット";
  position: absolute;
  background: #000;
}

@media print, screen and (min-width: 768px) {
}
@media screen and (max-width: 767px) {
}



/* ====================================================
   えらべる年賀状
==================================================== */
.pageProducts.list.select .selectLead .dotList{max-width: 445px; margin-left: auto; margin-right: auto;}
.pageProducts.list.select .selectLead .dotList li + li{margin-top: 1em;}
.pageProducts.list.select .selectLead .select__img__item.text{font-weight: bold; font-size: 1.5rem; line-height: 1.75;}

@media print, screen and (min-width: 768px) {
  .pageProducts.list.select .selectLead{padding-bottom: 30px; margin-bottom: 30px;}
  .pageProducts.list.select .selectLead .boldTitle{margin-bottom: 2.75em;}
  .pageProducts.list.select .selectLead .bgArea{max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 50px;}
  .pageProducts.list.select .selectLead .exclamationTitle{text-align: center;}
  .pageProducts.list.select .selectLead .select__img{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }
  .pageProducts.list.select .selectLead .select__img__item:nth-child(1){width: 53%;}
  .pageProducts.list.select .selectLead .select__img__item:nth-child(2){width: 41%;}
  .pageProducts.list.select .categoryLead .leftBorderTitle,
  .pageProducts.list.select .categoryLead p{max-width: 100%;}
}
@media screen and (max-width: 767px) {
  .pageProducts.list.select .selectLead{padding-bottom: 40px; margin-bottom: 30px;}
  .pageProducts.list.select .selectLead .boldTitle{line-height: 1.4;}
  .pageProducts.list.select .selectLead .bgArea{margin-bottom: 20px;}
  .pageProducts.list.select .selectLead .select__img{margin-bottom: 30px;}
  .pageProducts.list.select .selectLead .select__img__item + .select__img__item{margin-top: 60px;}
  .pageProducts.list.select .selectLead .select__img__item.sp-small{width: 74%; margin-left: auto; margin-right: auto;}
  .pageProducts.list.select .selectLead .select__img__item.text{text-align: center; margin-top: 30px;}
  .pageProducts.list.select .buttonBox.last {margin-top: 80px;}
  .pageProducts.list.select .buttonBox.back {margin-top: 10px;}
}


/* ====================================================
   写真で年賀状
==================================================== */
.pageProducts.list.photo .dotList{max-width: 445px; margin-left: auto; margin-right: auto;}
.pageProducts.list.photo .dotList li + li{margin-top: 1em;}
.pageProducts.list.photo .photoType__item__title{line-height: 1.75;}
.pageProducts.list.photo .photoType__item__title .type{display: block;}
.pageProducts.list.photo .photoType__item__img{text-align: center; margin-bottom: 1.75em;}
.pageProducts.list.photo .photoType__item__img img{max-width: 197px;}
.pageProducts.list.photo .photoType__item__text{
  margin-bottom: 2em;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}
.pageProducts.list.photo .photoType__item__list{margin-bottom: 30px;}
.pageProducts.list.photo .photoType__item__compare{
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 1.5rem;
}
.pageProducts.list.photo .photoType__item__compare li + li{margin-left: 1.5em;}

.pageProducts.list.photo .categoryLead p.last {margin-bottom: 1.75em;}

@media print, screen and (min-width: 768px) {
  .pageProducts.list.photo .photoLead{margin-bottom: 100px;}
  .pageProducts.list.photo .bottomBorderTitle{margin-bottom: 0.5em;}
  .pageProducts.list.photo .bottomBorderTitle + p{text-align: center;}
  .pageProducts.list.photo .bgArea{max-width: 800px; margin-left: auto; margin-right: auto; padding-bottom: 60px;}
  .pageProducts.list.photo .exclamationTitle{text-align: center;}
  .pageProducts.list.photo .photoType{
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
  }
  .pageProducts.list.photo .photoType.single {justify-content: center;}
  .pageProducts.list.photo .photoType:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 1px;
    height: 100%;
    background: #ddd;
  }
  .pageProducts.list.photo .photoType.single:before {display: none;}
  .pageProducts.list.photo * + .photoType{margin-top: 30px;}
  .pageProducts.list.photo .photoType__item{width: 42.5%; position: relative;}
  .pageProducts.list.photo .photoType__item__title{margin-bottom: 1.5em; font-size: 1.5rem;}
  .pageProducts.list.photo .categoryLead .leftBorderTitle,
  .pageProducts.list.photo .categoryLead p{max-width: 100%;}
}
@media screen and (max-width: 767px) {
  .pageProducts.list.photo .photoLead{margin-bottom: 80px;}
  .pageProducts.list.photo .photoType{margin-bottom: 80px;}
  .pageProducts.list.photo * + .photoType{margin-top: 40px;}
  .pageProducts.list.photo .buttonBox.last {margin-top: 80px;}
  .pageProducts.list.photo .photoType__item + .photoType__item{padding-top: 45px; margin-top: 45px; border-top: 1px solid #ddd;}
  .pageProducts.list.photo .photoType__item__title{margin-bottom: 1.5em; font-size: 1.5rem;}
}





/* ######################################################################################

　商品の確認　/products/detail.php

###################################################################################### */
.pageProducts.detail .productConfirm {text-align: center; font-weight: bold;}
.pageProducts.detail .discountText {display: none;}
.pageProducts.detail .discountText.active {display: block;}
.pageProducts.detail .discountText.cation {
  font-size: 1.3rem;
  color: #C30216;
}

@media print, screen and (min-width: 768px) {
  .pageProducts.detail .productConfirm{margin-bottom: 90px; font-size: 1.8rem; line-height: 1.38;}
  .pageProducts.detail .columnListitem{width: 47%; max-width: 450px;}
  .pageProducts.detail .discountText.cation {
    margin-top: 1.3077em;
    margin-right: 1.5385em;
    text-align: right;
  }
}
@media print, screen and (min-width: 1081px) {
  .pageProducts.detail .columnList{padding-left: 20px; padding-right: 20px;}
  .pageProducts.detail .columnListitem.right{min-width: auto; padding-left: 0; max-width: 430px;}
}
@media screen and (max-width: 767px) {
  .pageProducts.detail .productConfirm{margin-bottom: 60px; font-size: 1.5rem; line-height: 1.6;}
  .pageProducts.detail .discountText.cation {
    margin-top: 0em;
    text-align: center;
  }
}



/* ######################################################################################

	新規/DMの選択　/process/dm.php

###################################################################################### */
.pageProcess.dm .dmAttention .circle01{
  display: inline-block;
  margin-right: 0.25em;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  background: #C30216;
  font-size: 1.9rem;
  color: #fff;
  line-height: 26px;
}

@media print, screen and (min-width: 768px) {
  .pageProcess.dm .buttonBox.newRegistration{margin-top: 50px; padding-bottom: 65px; border-bottom: 1px solid #ddd;}
  .pageProcess.dm .buttonBox.newRegistration + .bottomBorderTitle{margin-top: 65px;}
  .pageProcess.dm .dmAttention .circle01{padding-top: 0.05em;}
  .pageProcess.dm .columnList.dm .columnListitem.left{width: 45%;}
  .pageProcess.dm .columnList.dm .columnListitem.right{width: 50%;}
  .pageProcess.dm .columnList.dm .columnListitem.right p + .formBloc{margin-top: 30px;}
  .pageProcess.dm .columnList.dm .buttonBox{margin-top: 50px;}
  .pageProcess.dm .columnList.dm .buttonBox .button{margin: 0;}
  .pageProcess.dm .dmAttention{
    margin-top: 70px;
    padding-right: 30px;
    padding-right: 30px;
  }
  .pageProcess.dm .dmAttention .columnList{align-items: center;}
  .pageProcess.dm .dmAttention .columnListitem.left{width: 50%; padding: 0 10px;}
  .pageProcess.dm .dmAttention .columnListitem.right{width: 50%; padding: 0 10px;}
  .pageProcess.dm .dmAttention .columnListitem.left .exclamationTitle,
  .pageProcess.dm .dmAttention .columnListitem.left img{
    display: block;
    width: 290px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pageProcess.dm * + .bottomBorderTitle{margin-top: 0; padding-top: 90px;}
  .pageProcess.dm .buttonBox.newRegistration{margin-top: 30px;}
  .pageProcess.dm .columnList.dm .columnListitem + .columnListitem{margin-top: 30px;}
  .pageProcess.dm .columnList.dm .columnListitem.right p + .formBloc{margin-top: 30px;}
  .pageProcess.dm .columnList.dm .buttonBox{margin-top: 30px;}
  .pageProcess.dm .dmAttention{margin-top: 70px;}
  .pageProcess.dm .dmAttention .columnListitem.left .exclamationTitle,
  .pageProcess.dm .dmAttention .columnListitem.left img{
    display: block;
    width: 290px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .pageProcess.dm .dmAttention .columnListitem + .columnListitem{margin-top: 30px;}
}



/* ######################################################################################

　選択文章選択　/products/sentence.php

###################################################################################### */
.pageProducts.sentence .columnList.sentence{}
.pageProducts.sentence .columnList.sentence .right .bgArea .dotList li + li{margin-top: 1.5em;}
.pageProducts.sentence .columnList.sentence .sentenceImg img{width: 100%; max-width: 248px;}

@media print, screen and (min-width: 768px) {
  .pageProducts.sentence .columnList.sentence .left{width: 26%;}
  .pageProducts.sentence .columnList.sentence .right{width: 66%;}
  .pageProducts.sentence .columnList.sentence .right .bgArea{margin-top: 30px;}
  .pageProducts.sentence .columnList.sentence .right .bgArea .exclamationTitle,
  .pageProducts.sentence .columnList.sentence .right .bgArea .dotList{max-width: 520px; margin-left: auto; margin-right: auto;}
  .pageProducts.sentence * + .leftBorderTitle{margin-top: 80px;}
  .pageProducts.sentence .leftBorderTitle + *{margin-top: 25px;}
}
@media screen and (max-width: 767px) {
  .pageProducts.sentence .columnList.sentence .sentenceImg{margin-top: 30px; text-align: center;}
  .pageProducts.sentence .columnList.sentence .right{margin-top: 20px;}
  .pageProducts.sentence .sentenceAttention{font-size: 1.2rem; line-height: 1.25;}
}


/* ====================================================
　sentenceList
==================================================== */
.pageProducts.sentence .sentenceList{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pageProducts.sentence .sentenceList__item label{
  position: relative;
  display: flex;
  align-items: center;
  border: 6px solid #ddd;
  width: 100%;
  height: 100%;
}
.pageProducts.sentence .sentenceList__item label:before{
  content: "";
  position: absolute;
  top: -3px;
  left: -6px;
  width: 50px;
  height: calc(100% + 6px);
  margin-top: 0;
  border-radius: 0;
  background: #ddd;
  border: none;
}
.pageProducts.sentence .sentenceList__item label:after{display: none;}
.pageProducts.sentence .sentenceList__item__num{
  display: block;
  position: absolute;
  top: 50%;
  left: -6px;
  width: 50px;
  margin-top: 0;
  text-align: center;
  transform: translateY(-50%);
  background: none;
  color: #fff;
  line-height: 1;
  font-size: 2.2rem;
  font-weight: bold;
}

.pageProducts.sentence .sentenceList__item input:checked + label{border-color: #C30216;}
.pageProducts.sentence .sentenceList__item input:checked + label:before{background: #C30216;}


@media print, screen and (min-width: 768px) {
  .pageProducts.sentence .sentenceList{margin-top: 20px;}
  .pageProducts.sentence .sentenceList__item{margin-top: 22px; width: 47.5%;}
  .pageProducts.sentence .sentenceList__item:nth-child(1),
  .pageProducts.sentence .sentenceList__item:nth-child(2){margin-top: 0;}
  .pageProducts.sentence .sentenceList__item label{
    min-height: 142px;
    padding: 1em 1em 1em 65px;
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .pageProducts.sentence .sentenceList{margin-top: 20px;}
  .pageProducts.sentence .sentenceList__item{margin-top: 7px; width: 100%;}
  .pageProducts.sentence .sentenceList__item:nth-child(1){margin-top: 0;}
  .pageProducts.sentence .sentenceList__item label{
    min-height: 130px;
    padding: 1em 1em 1em 57px;
    font-size: 1.1rem;
    line-height: 2.18;
  }
}




/* ######################################################################################

　印刷内容入力　/user_data/naire.html

###################################################################################### */
.pageNaire .boldTitle{text-align: center;}
/* .pageNaire .leftBorderTitle + *{margin-top: 15px;} */
.pageNaire .formBloc p:not(.error){font-size: 1.5rem; font-weight: bold;}
.pageNaire .formBloc + *,
.pageNaire .formBlocWrap + *,
.pageNaire .formBloc + .attention + .formBloc {margin-top: 15px;}
.pageNaire .formBloc + .topWide {margin-top: 25px;}
.pageNaire * + .addBtnBox,
.pageNaire * + .deleteBtnBox{margin-top: 35px;}
.pageNaire * + .addBtnBox.topZero {margin-top: 0;}
/* .pageNaire * + .formBloc{margin-top: 15px;} */
.pageNaire .formBlocWrap .formBloc + .formBloc{margin-top: 0;}
.pageNaire .addBtnBox + *{margin-top: 3em;}

.pageNaire .gaijiInputArea {margin-top: 4px; align-items: flex-start;}
.pageNaire .gaijiInputArea .formBloc {margin-top: 0;}
.pageNaire .formBloc .gaiji_cation {display: inline-block; padding-top: 14px;}
.pageNaire .gaijiTitle {margin-top: 0.5em;}

.addBtnBox.flex.bottom {margin-bottom: 35px;}
.addBtnBox.flex.center {justify-content: center;}

@media print, screen and (min-width: 768px) {
  .pageNaire * + .leftBorderTitle{margin-top: 80px;}
  .pageNaire * + .leftBorderTitle.wide{margin-top: 100px;}
  .pageNaire * + .leftBorderTitle.narrow{margin-top: 40px;}
  .pageNaire .formBloc > dt{font-size: 1.5rem;}
  .pageNaire * + .buttonBox.last{margin-top: 150px;}
  .pageNaire .pageInner .tabBox {margin-top: 100px;}
  .pageNaire .formBloc-office + .formBloc-office {margin-left: 110px;}
  .addBtnBox.flex {display: flex;}
  .addBtnBox.flex a {margin-right: 15px;}
}
@media screen and (max-width: 767px) {
  .pageNaire .boldTitle{font-size: 1.5rem;}
  .pageNaire * + .leftBorderTitle{margin-top: 60px;}
  .pageNaire .addBtnBox{text-align: center;}
  .pageNaire .addBtnBox a{margin-left: auto; margin-right: auto;}
  .pageNaire * + .buttonBox.last{margin-top: 80px;}
  .pageNaire .formBloc > dd .zip {margin-top: 30px;}
  .pageNaire .formBloc .address2_pre_addr {max-width: 160px;}
  .addBtnBox.flex a + a {margin-top: 10px;}
  .pageNaire .blockCenter .formBloc img {width: 187px; height: auto;}

  .pageNaire input[type="text"] {height: 48px;}
  .pageNaire input[type="text"].long {height: 55px;}
}

/* 勤務先 */
.pageNaire .formBloc-officeImg{padding-top: 0;}
.pageNaire .formBloc-office > dt{font-size: 1.3rem;}
.pageNaire .formBloc-office{padding-top: 30px;}

@media print, screen and (min-width: 768px) {
  .pageNaire .formBloc-officeImg img{width: 100%; max-width: 375px;}
}
@media screen and (max-width: 767px) {
  .pageNaire .formBloc-officeImg{width: calc(100% + 30px); margin-left: -15px; margin-right: 15px;}
  .pageNaire .formBloc-officeImg img{width: 100%;}
}

/* 添え書き */
.pageNaire .formBloc-none .note{margin-top: 0.75em;}

/* 絵柄のみ */
.imgOnly p{
  text-align: center;
  font-size: 1.4rem;
}
@media print, screen and (min-width: 768px) {
  .imgOnly{margin-top: 60px;}
}
@media screen and (max-width: 767px) {
  .imgOnly{margin-top: 35px;}
}

/* 喪中 */
@media print, screen and (min-width: 768px) {
  .pageNaire .formBloc.mr130{margin-right: 130px;}
}
@media screen and (max-width: 767px) {
  .pageNaire .formBloc.mr130{margin-bottom: 10px;}
}



/* ######################################################################################

　プレビュー　/user_data/preview.html

###################################################################################### */
.pagePreview .pageInner{max-width: 442px; margin-left: auto; margin-right: auto;}
.pagePreview .pageInner p{
  margin-bottom: 0.75em;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}






/* ######################################################################################

　カートの中　/cart/

###################################################################################### */
.pageCart .leftBorderTitle{margin-top: 60px;}
.pageCart .columnList.cart .estimateTable{margin-bottom: 20px;}
.pageCart .columnList.cart .estimateTable .alignL{display: inline-block; text-align: left;}
.pageCart .columnList.cart .leftBorderTitle + *{margin-top: 20px;}
.pageCart .columnList.cart .select,
.pageCart .columnList.cart .select select,
.pageCart .columnList.cart input{width: 10em;}
.pageCart .columnList.cart .formBloc dt.product_id {font-size: 1.5rem;}
.pageCart .columnList.cart .formBloc dd + dt.product_id {margin-top: 1em; margin-bottom: 0.25em;}
.pageCart .columnList.cart .formBloc dd{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.pageCart .columnList.cart .formBloc dd .button{width: 128px; margin: 0.25em 0; padding: 0.9em 0.5em;}
.pageCart .columnList.cart .formBloc dd .button.smaller{width: 100px; font-size: 14px;}
.pageCart .columnList.cart .formBloc dd.formBloc__button .button{width: 215px;}

.pageCart .columnList.atena .right .button{width: 100%; max-width: 320px;}
.pageCart .totalPrice{border-top: 1px dotted #9B9B9B;}
.pageCart .totalPrice .text_center.attention {margin-top: 1em; text-align: center;}

.pageCart .columnList.cart .formBloc dd .button.deleteButton.diabled {pointer-events: none; opacity: 0.5;}

.pageCart .columnList.cart .columnListitem.right .supple {line-height: 1.6667;}

.pageCart .totalPrice .cation {font-size: 1.5rem; color: #C30216;}

@media print, screen and (min-width: 768px) {
  .pageCart .columnList.cart .columnListitem{width: 47%; max-width: 450px;}
  .pageCart .columnList.atena .left{width: 22.5%;}
  .pageCart .columnList.atena .right{width: 68%;}
  .pageCart .columnList.atena p{margin-bottom: 50px;}
  .pageCart .totalPrice .flex {display: flex; align-items: center; justify-content: space-between;}
  .pageCart .totalPrice .estimateTable th{padding-left: 16px; padding-right: 16px; width: 300px;}
  .pageCart .totalPrice .estimateTable td{padding-left: 40px; padding-right: 40px; text-align: left;}
  .pageCart .totalPrice .totalPrice__text{text-align: center; margin-top: 30px;}
  .pageCart .totalPrice{margin-top: 50px; padding-top: 50px;}
  .pageCart .totalPrice .text_center.attention {font-size: 1.2em;}
  .pageCart .discountText {padding-left: 18px;}

}
@media print, screen and (min-width: 1081px) {
  .pageCart .columnList.cart{padding-left: 20px; padding-right: 20px;}
  .pageCart .columnList.cart .columnListitem.right{min-width: auto; padding-left: 0;max-width: 430px;}
  .pageCart .columnList.cart .estimateTable th {width: 200px;}
}
@media screen and (max-width: 767px) {
  .pageCart .columnList.cart .left .selectDesignPreview.slider{margin-bottom: 33px;}
  .pageCart .columnList.cart .right{margin-top: 5px;}
  .pageCart .columnList.cart .formBloc{max-width: 360px; margin-left: auto; margin-right: auto;}
  .pageCart .columnList.cart .formBloc dd .button.red{width: 57px;}
  .pageCart .columnList.cart .formBloc dd.formBloc__button{text-align: center;}
  .pageCart .columnList.cart .formBloc dd.formBloc__button .button{width: 128px; margin-left: auto; margin-right: auto;}
  .pageCart .columnList.cart .formBloc dd .button.smaller.orange{width: 90px; font-size: 14px;}
  .pageCart .columnList.atena p{margin-bottom: 30px;}
  .pageCart .columnList.atena .left img{display: block; max-width: 230px; margin-left: auto; margin-right: auto;}
  .pageCart .columnList.atena .right{margin-top: 40px;}
  .pageCart .columnList.atena .right .button{display: block; margin-left: auto; margin-right: auto;}
  .pageCart .totalPrice .totalPrice__text{margin-top: 30px;}
  .pageCart .totalPrice{margin-top: 40px; padding-top: 40px;}
  .pageCart .totalPrice .text_center.attention {letter-spacing: -0.5px;}
  .pageCart .coupon_input .coupon {width: 100%; margin-bottom: 0.5em;}
  .pageCart .coupon_input .cart_applybtn  {width: 100%;}
}





/* ######################################################################################

	宛名印刷用住所録の作成・アップロード　/addressee/

###################################################################################### */
.pageAddressee.index .buttonBox #TemplateUpload,
.pageAddressee.edit .buttonBox #TemplateUpload {display: none;}
.pageAddressee.index .excel,
.pageAddressee.edit .excel {text-align: center;}
@media print, screen and (min-width: 768px) {
  .pageAddressee.index .bottomBorderTitle,
  .pageAddressee.edit .bottomBorderTitle{margin-bottom: 30px;}
  .pageAddressee.index .bottomBorderTitle + p,
  .pageAddressee.edit .bottomBorderTitle + p{text-align: center;}
  .pageAddressee.index p + .buttonBox,
  .pageAddressee.edit p + .buttonBox.narrow{margin-top: 20px;}
  .pageAddressee.index .buttonBox + p,
  .pageAddressee.edit .buttonBox + p {margin-top: 46px; text-align: center;}
  .pageAddressee.index .columnList.dm .columnListitem.left{width: 45%;}
  .pageAddressee.index .columnList.dm .columnListitem.right{width: 50%;}
  .pageAddressee.index .columnList.dm .columnListitem.right p + .formBloc{margin-top: 30px;}
  .pageAddressee.index .columnList.dm .columnListitem.right input{width: 335px;}
  .pageAddressee.index .columnList.dm .buttonBox{margin-top: 30px;}
  .pageAddressee.index .columnList.dm .buttonBox .button{margin: 0;}
  .pageAddressee.index .excel,
  .pageAddressee.edit .excel {margin-top: 30px; margin-bottom: 24px;}
}
@media screen and (max-width: 767px) {
  .pageAddressee.index .columnList.dm .columnListitem.right .formBloc {padding-top: 18px;}
  .pageAddressee.index .columnList.dm .columnListitem.right .formBloc + .formBloc {padding-top: 4px;}
  .pageAddressee.index .columnList.dm .columnListitem.right .formBloc .txt-red {letter-spacing: -1px;}
  .pageAddressee.index .columnList.dm .columnListitem + .columnListitem{margin-top: 30px;}
  .pageAddressee.index .columnList.dm .columnListitem.right p + .formBloc{margin-top: 30px;}
  .pageAddressee.index .columnList.dm .buttonBox{margin-top: 30px;}
  .pageAddressee.index .bottomBorderTitle{margin-bottom: 30px;}
  .pageAddressee.index p + .buttonBox,
  .pageAddressee.edit p + .buttonBox.narrow{margin-top: 20px;}
  .pageAddressee.index .buttonBox + p,
  .pageAddressee.edit .buttonBox + p {margin-top: 57px; margin-bottom: 50px;}
  .pageAddressee.index .excel,
  .pageAddressee.edit .excel {margin-top: 35px; margin-bottom: 35px;}
  .pageAddressee.index .pconly {margin-top: 0.5em;}
}


/* ######################################################################################

　宛名印刷用住所録の作成・アップロード　/addressee/edit.html

###################################################################################### */
.pageAddressee.edit .boldTitle{text-align: center;}
.pageAddressee.edit .leftBorderTitle + *{margin-top: 15px;}
.pageAddressee.edit .formBloc p{font-size: 1.5rem; font-weight: bold;}
.pageAddressee.edit .leftBorderTitleInner + *{margin-top: 30px;}
.pageAddressee.edit .formBloc + *,
.pageAddressee.edit .formBlocWrap + *{margin-top: 15px;}
.pageAddressee.edit * + .addBtnBox,
.pageAddressee.edit * + .deleteBtnBox{margin-top: 30px;}
.pageAddressee.edit * + .formBloc{margin-top: 15px;}
.pageAddressee.edit .formBlocWrap .formBloc + .formBloc{margin-top: 0;}
.pageAddressee.edit .addBtnBox + *{margin-top: 3em;}
.pageAddressee.edit .addAddressList{margin-top: 1em;}
.pageAddressee.edit .addAddressList + .addAddressList {border-top: 1px dotted #9B9B9B;}
.pageAddressee.edit .addAddressList .alignL{display: inline-block;}
.pageAddressee.edit .addAddressList .buttonList{max-width: 335px; margin-left: auto; margin-right: auto;}
.pageAddressee.edit .noprint{background: #fff; border-color: #DDDDDD; color: #000;}
.pageAddressee.edit .noprint:hover{background: #f1f1f1; border-color: #DDDDDD; color: #000;}

@media print, screen and (min-width: 768px) {
  .pageAddressee.edit * + .leftBorderTitle{margin-top: 100px;}
  .pageAddressee.edit .formBloc > dt{font-size: 1.5rem;}
  .pageAddressee.edit * + .buttonBox.last{margin-top: 150px;}
  .pageAddressee.edit * + .buttonBox.addAddress{margin-top: 50px;}
  .pageAddressee.edit * + .buttonBox.downloadAddress{margin-top: 80px;}
  .pageAddressee.edit .addAddressList + .addAddressList {margin-top: 45px; padding-top: 45px;}
  .pageAddressee.edit .addAddressList .buttonList{margin-top: 30px;}
}
@media screen and (max-width: 767px) {
  .pageAddressee.edit .boldTitle{font-size: 1.5rem;}
  .pageAddressee.edit * + .leftBorderTitle{margin-top: 60px;}
  .pageAddressee.edit .addBtnBox{text-align: center;}
  .pageAddressee.edit * + .buttonBox.last{margin-top: 80px;}
  .pageAddressee.edit * + .buttonBox.addAddress{margin-top: 50px;}
  .pageAddressee.edit * + .buttonBox.downloadAddress{margin-top: 80px;}
  .pageAddressee.edit * + .buttonBox.downloadAddress + .buttonBox.last{margin-top: 10px;}
  .pageAddressee.edit .addAddressList + .addAddressList {margin-top: 20px; padding-top: 20px;}
  .pageAddressee.edit .addAddressList .buttonList{margin-top: 15px;}

  .pageAddressee.edit .formBloc .input-size-m.short {max-width: 160px;}
  .pageAddressee.edit .formBloc .zip {margin-top: 35px;}
}



/* ######################################################################################

　住所録の確認・見積　/addressee/confirm.html

###################################################################################### */
.pageAddressee.confirm .estimateTable.total td{font-weight: bold;}
.pageAddressee.confirm .addAddressList + .addAddressList{margin-top: 55px; padding-top: 45px; border-top: 1px dotted #9B9B9B;}
.pageAddressee.confirm .addAddressList .alignL{display: inline-block;}

@media print, screen and (min-width: 768px) {
  .pageAddressee.confirm .estimateTable th{width: 300px;}

  .pageAddressee.confirm .estimateTable.address.book th{width: 175px;}
  .pageAddressee.confirm .estimateTable.address.book th:not(.title){width: 125px;}
}
@media screen and (max-width: 767px) {
  .pageAddressee.confirm * + .leftBorderTitle{margin-top: 50px;}
  .pageAddressee.confirm .estimateTable.total th{width: 150px; padding-left: 1em; padding-right: 1em;}
  .pageAddressee.confirm .estimateTable.total td{text-align: right; padding-left: 1em; padding-right: 1em;}
}





/* ######################################################################################

　お客様情報入力　/shopping/

###################################################################################### */
.pageShopping.index * + .bottomBorderTitle{margin-top: 70px;}

@media print, screen and (min-width: 768px) {
  .pageShopping.index table.borderBox th,
  .pageShopping.index table.borderBox td{
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    font-size: 1.5rem;
    line-height: 1.86;
  }
  .pageShopping.index table.borderBox th{padding-top: 1.3em; width: 300px; vertical-align: top;}
  .pageShopping.index table.borderBox th.mtNarrow{padding-top: 1em; }
  .pageShopping.index table.borderBox td .button.zip{margin-left: 1em;}
  .pageShopping.index .storeList table + table{margin-top: 35px;}
}
@media screen and (max-width: 767px) {
  .pageShopping.index .input-size-s{width: 160px;}
  .pageShopping.index .agreeBox{text-align: left;}
  .pageShopping.index .storeList table + table{margin-top: 20px;}

  .pageShopping.index .formBloc-pcTable .formBloc + .formBloc {margin-top: 0;}
  .pageShopping.index .formBloc .attention {white-space: normal;}
}


/* ====================================================
  受取方法選択
==================================================== */
.pageShopping.index .totalmoney_area__item p{
  text-align: center;
}
.pageShopping.index .totalmoney_area__item__title{
  text-align: center;
  font-size: 2rem;
}
.pageShopping.index .totalmoney_area__item__icon{
  text-align: center;
}
.pageShopping.index .totalmoney_area__item__text{
  font-size: 1.5rem;
  line-height: 2;
  font-weight: bold;
}
.pageShopping.index .totalmoney_area__item__text.small{
  font-size: 1.4rem;
  line-height: 1.28;
}
.pageShopping.index .totalmoney_area__item__text.red{
  color: #C30216;
}


@media print, screen and (min-width: 992px) {
  .pageShopping.index .totalmoney_area {
    margin-top: 5em;
    display: flex;
    justify-content: center;
  }
  .pageShopping.index .totalmoney_area__item{
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 3em 1em;
  }
  .pageShopping.index .totalmoney_area__item + .totalmoney_area__item{
    border-left: 1px solid #ddd;
  }
  .pageShopping.index .totalmoney_area__item__title{
    margin-bottom: 1.5em;
  }
  .pageShopping.index .totalmoney_area__item__icon{
    margin-bottom: 1.5em;
  }
  .pageShopping.index .totalmoney_area__item__text:last-of-type{
    margin-bottom: 4em;
  }
  .pageShopping.index .totalmoney_area__button{
    margin-top: auto;
  }
}
@media screen and (max-width: 991px) {
  .pageShopping.index .totalmoney_area {
    margin-top: 3em;
  }
  .pageShopping.index .totalmoney_area__item__text:last-of-type{
    margin-bottom: 2em;
  }
  .pageShopping.index .totalmoney_area__item__title{
    margin-bottom: 1em;
  }
  .pageShopping.index .totalmoney_area__item__icon{
    margin-bottom: 1em;
  }
  .pageShopping.index .totalmoney_area__item{
    width: 100%;
  }
  .pageShopping.index .totalmoney_area__item + .totalmoney_area__item{
    margin-top: 4em;
    padding-top: 4em;
    border-top: 1px solid #ddd;
  }
}

/* ====================================================
  配送先入力
==================================================== */
.pageShopping.index .totalmoney_area_input input + input{margin-top: 0.5em;}
.pageShopping.index .delivery{margin-top: 5em;}
.pageShopping.index .delivery__item + .delivery__item{margin-top: 5em;}
.pageShopping.index .delivery__item__text{font-size: 1.5rem; margin-bottom: 1.5em;}
.pageShopping.index .delivery__item__text .bold{font-weight: bold;}
.pageShopping.index .delivery__item__radio{display: flex;}
.pageShopping.index .delivery__item .attention{margin: 2em 0 0.5em; display: block;}
.pageShopping.index .delivery__item__radio__item + .delivery__item__radio__item{margin-left: 2em;}
.pageShopping.index .delivery__item__select{margin-top: 1em; margin-bottom: 2em;}
.pageShopping.index .delivery__item__select select{min-width: 290px;}
.pageShopping.index .delivery__item__select__title{margin-bottom: 0.5em; font-size: 1.5rem; font-weight: bold;}

@media print, screen and (min-width: 768px) {
  .pageShopping.index .delivery__item__text .bold:after{
    content: "：";
  }
}
@media screen and (max-width: 767px) {
  .pageShopping.index .delivery__item__text .bold{display: block; margin-bottom: 0.5em;}
}



/* ====================================================
  受取店舗選択
==================================================== */
.pageShopping.index .linkSelectBox,
.pageShopping.index .storeList{max-width: 800px; margin-left: auto; margin-right: auto;}
.pageShopping.index .storeList table.borderBox th,
.pageShopping.index .storeList table.borderBox td{vertical-align: middle;}

@media print, screen and (min-width: 768px) {
  .pageShopping.index .storeList table.borderBox th,
  .pageShopping.index .storeList table.borderBox td{padding: 0.85em 1.25em;}
  .pageShopping.index .storeList table.borderBox th,
  .pageShopping.index .storeList table.borderBox td{font-size: 1.5rem;}
}
@media screen and (max-width: 767px) {
  .pageShopping.index .storeList table.borderBox th{padding: 0.65em; text-align: center; width: 80px; font-size: 1.4rem;}
  .pageShopping.index .storeList table.borderBox td{padding: 0.65em 1em; font-size: 1.5rem;}
  .pageShopping.index .storeList table.borderBox .address{padding-top: 1em; padding-bottom: 1em; font-size: 1.3rem;}
}







/* ######################################################################################

　ご注文内容確認　/shopping/confirm.php

###################################################################################### */
.pageShopping.confirm{}
.pageShopping.confirm .totalPrice{border-top: 1px dotted #9B9B9B;}
.pageShopping.confirm .columnList.confirm .selectDesignPreview a{margin-bottom: 0;}
.pageShopping.confirm .columnList.confirm .estimateTable th.title{font-size: 1.5rem;}
.pageShopping.confirm .cancelDetail p + p {margin-top: 1.5em;}

@media print, screen and (min-width: 768px) {
  .pageShopping.confirm * + .leftBorderTitle{margin-top: 70px;}
  .pageShopping.confirm .columnList.confirm .columnListitem{width: 50%;}
  .pageShopping.confirm .columnList.confirm .columnListitem.left{padding: 0 20px;}
  .pageShopping.confirm .columnList.confirm .selectDesignPreview{max-width: 300px; margin-left: auto; margin-right: auto;}
  .pageShopping.confirm .columnList.confirm .estimateTable th{width: 40%; vertical-align: top;}
  .pageShopping.confirm .columnList.confirm .estimateTable th,
  .pageShopping.confirm .columnList.confirm .estimateTable td{padding: 0.65em 0.75em; line-height: 1.73;}
  .pageShopping.confirm .totalPrice{margin-top: 50px; padding-top: 50px;}
  .pageShopping.confirm .totalPrice .estimateTable th{width: 300px;}
  .pageShopping.confirm .totalPrice .estimateTable th,
  .pageShopping.confirm .totalPrice .estimateTable td{padding: 1em 40px;}
  .pageShopping.confirm .totalPrice__text{margin-top: 35px; text-align: center; font-size: 1.4rem;}
  .pageShopping.confirm .buttonBox.last li .button{padding-left: 0.5em; padding-right: 0.5em;}
  .pageShopping.confirm .discountText {padding-left: 56px;}
}
@media screen and (max-width: 767px) {
  .pageShopping.confirm * + .leftBorderTitle{margin-top: 60px; margin-bottom: 1.5em;}
  .pageShopping.confirm .columnList.confirm .columnListitem.right{margin-top: 35px;}
  .pageShopping.confirm .columnList.confirm .estimateTable th{width: 150px;}
  .pageShopping.confirm .columnList.confirm .estimateTable th,
  .pageShopping.confirm .columnList.confirm .estimateTable td{padding: 0.45em 0.75em; line-height: 1.73;}
  .pageShopping.confirm .columnList.confirm .estimateTable .num{display: inline-block; text-align: left;}
  .pageShopping.confirm .totalPrice{margin-top: 40px; padding-top: 40px;}
  .pageShopping.confirm .totalPrice .estimateTable th{width: 140px;}
  .pageShopping.confirm .totalPrice .estimateTable:not(.total) td{font-size: 1.4rem;}
  .pageShopping.confirm .totalPrice .estimateTable th{font-size: 1.5rem;}
  .pageShopping.confirm .totalPrice .estimateTable td .address{display: inline-block; text-align: left; font-size: 1.3rem;}
  .pageShopping.confirm .totalPrice .estimateTable.total th{width: 200px;}
  .pageShopping.confirm .totalPrice__text{margin-top: 35px; font-size: 1.4rem;}
}

/* えらべる年賀状 */
.pageShopping.confirm .thumb-item2-nav.slickSlider .designNumber{display: none!important;}
@media print, screen and (min-width: 768px) {
  .pageShopping.confirm .centerRes2.slickSlider .slick-slide{width: 28vw!important; max-width: 302px!important;}
  .pageShopping.confirm .thumb-item2-nav.slickSlider{margin-left: -15px; margin-right: -15px;}
}
@media screen and (max-width: 767px) {
}


/* ######################################################################################

　ご注文完了　/shopping/complete.php

###################################################################################### */
.pageShopping.complete .productsConrifmList .estimateTable tr:nth-child(1) th,
.pageShopping.complete .productsConrifmList .estimateTable tr:nth-child(1) td{font-size: 1.4rem;}
.pageShopping.complete .productsConrifmList.title .estimateTable tr th,
.pageShopping.complete .productsConrifmList.title .estimateTable tr td{font-size: 1.5rem;}

@media print, screen and (min-width: 768px) {
  .pageShopping.complete * + .productsConrifmListWarp{margin-top: 150px;}
  .pageShopping.complete .productsConrifmList + .productsConrifmList .borderBox tr:first-child th,
  .pageShopping.complete .productsConrifmList + .productsConrifmList .borderBox tr:first-child td{border-top: none;}
}
@media screen and (max-width: 767px) {
  .pageShopping.complete * + .productsConrifmListWarp{margin-top: 130px;}
  .pageShopping.complete .productsConrifmList + .productsConrifmList .productsConrifmList__img .borderBox tr:first-child *:first-child{border-top: none;}
  .pageShopping.complete .productsConrifmList__detail__button{display: none!important;}
}

/*　completeLead
-------------------------------------*/
.pageShopping.complete .completeLead{}
.pageShopping.complete .completeLead__title{text-align: center;}
.pageShopping.complete .estimateNumberToCopy {display: inline-block; border-bottom: 1px solid #C30216;}
.pageShopping.complete .estimateCopy {
  display: inline-block;
  width: auto;
  margin-bottom: 0;
  padding: 0.5em 1.222em;
  font-size: 1.8rem;
}

@media print, screen and (min-width: 768px) {
  .pageShopping.complete .completeLead__title{margin-bottom: 55px;}
  .pageShopping.complete .completeLead__text {margin-top: 4.2857em}
  .pageShopping.complete .completeLead__text p{text-align: center;}
  .pageShopping.complete .completeLead__text p + p{margin-top: 1.5em;}
  .pageShopping.complete .estimateCopy {margin-top: 0.75em;}
  .pageShopping.complete .deliverySp {display: none;}
}
@media screen and (max-width: 767px) {
  .pageShopping.complete .completeLead__title{margin-bottom: 33px;}
  .pageShopping.complete .completeLead__title img{width: 220px; height: auto;}
  .pageShopping.complete .completeLead__text {margin-top: 1em;}
  .pageShopping.complete .completeLead__text p + p{margin-top: 1.5em;}
  .pageShopping.complete .estimateCopy {margin-top: 0.5em;}
  .pageShopping.complete .deliveryPc {display: none;}
}





/* ######################################################################################

　お気に入り　/user_data/favorite.html

###################################################################################### */
.pageFavorite .favoriteList{max-width: 792px; margin-left: auto; margin-right: auto;}
.pageFavorite .favoriteList__img,
.pageFavorite .favoriteList__num{text-align: center;}
.pageFavorite .favoriteList__img {
  position: relative;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 100%;
  padding-top: 100%;
}
.pageFavorite .favoriteList__img img{
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
}

.pageFavorite .favoriteList__num{font-size: 1.5rem; font-weight: bold;}

.pageFavorite .favoriteList__item {position: relative;}
.pageFavorite .favoriteList__item .typeTag {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  justify-content: center;
  width: 100%;
  margin: auto;
}

@media print, screen and (min-width: 768px) {
  .pageFavorite .favoriteLead{margin-bottom: 40px; text-align: center;}
  .pageFavorite .favoriteList{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .pageFavorite .favoriteList__item{width: 42.3%; margin-bottom: 5em; padding-top: 28px;}
  .pageFavorite .favoriteList__img{margin-bottom: 30px;}
  .pageFavorite .favoriteList__num{margin-bottom: 50px;}
}
@media screen and (max-width: 767px) {
  .pageFavorite .favoriteLead{margin-bottom: 60px;}
  .pageFavorite .favoriteList__img{margin-bottom: 30px;}
  .pageFavorite .favoriteList__num{margin-bottom: 20px;}
  .pageFavorite .favoriteList__item {padding-top: 28px;}
  .pageFavorite .favoriteList__item + .favoriteList__item{margin-top: 40px; padding-top: 60px; border-top: 1px dotted #707070;}
  .pageFavorite .favoriteList__item + .favoriteList__item .typeTag {top: 28px;}
  .pageFavorite .favoriteList__button li + li{margin-top: 0.5em;}
}



/* ######################################################################################

　お問合せフォーム　/contact/

###################################################################################### */
.pageContact .formLead {margin-top: 100px;}
.pageContact .formLead__tel{
  margin-bottom: 15px;
  max-width: 336px;
  margin-left: auto;
  margin-right: auto;
}
.pageContact .formLead__tel__title{
  text-align: center;
  padding: 0.25em 0;
  color: #CF5749;
  border: 1px solid #CF5749;
}
.pageContact .formLead__tel__num{margin-bottom: 0.5em;}
.pageContact .formLead__tel__num img{width: 100%;}
.pageContact .formLead__tel__time{text-align: center;}
.pageContact .formLead__tel__time dl {display: inline-block;}
.pageContact .formLead__tel__time dd {line-height: 1.5; text-align: left;}

.pageContact .formLead__attention{
  margin-bottom: 15px;
  max-width: 425px;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 768px) {
  .pageContact .formLead__tel__title{margin-bottom: 1em;}
  .pageContact .formLead__text{text-align: center;}
  .pageContact .formLead__tel__num a{pointer-events: none;}
  .pageContact .formLead__text__tel{display: none;}
}
@media screen and (max-width: 767px) {
  .pageContact .formLead__tel__title{margin-bottom: 0.75em;}
  .pageContact .formLead__attention li,
  .pageContact .formLead__text{font-size: 1.2rem;}
  .pageContact .formLead__text__tel {margin-bottom: 2em;}
}


/* ====================================================
　フォーム
==================================================== */
@media print, screen and (min-width: 768px) {
  .pageContact .formBloc textarea{min-height: 39em;}
  .pageContact .formBloc dt,
  .pageContact .formBloc dt .txt-red{line-height: 1.25;}
  .pageContact .formBloc dt {padding-top: 1.75em;}
  .pageContact .formBloc-pcTable .formBloc dt.mtNarrow{padding-top: 1.25em; padding-bottom: 0.75em;}
  .pageContact .formBloc dd.align-middle{display: flex; flex-direction: column; justify-content: center;}
}
@media screen and (max-width: 767px) {
  .pageContact .formBloc .input-size-s{width: 10em;}
  .pageContact .formBloc textarea{min-height: 22em;}
  .pageContact .formBloc .txt-red{font-size: 1.3rem; line-height: 1.25;}
  .pageContact .formBloc dd .txt-red{margin-top: 0.5em;}
}

/* ====================================================
　確認画面
==================================================== */
@media print, screen and (min-width: 768px) {
  .pageContact.confirm .formLead{margin-bottom: 65px;}
  .pageContact.confirm .formBloc-pcTable .formBloc dt,
  .pageContact.confirm .formBloc-pcTable .formBloc dd{padding: 25px 15px; line-height: 1.75;}
}
@media screen and (max-width: 767px) {
  .pageContact.confirm .formBloc{margin: 0; padding: 0;}
  .pageContact.confirm .formBloc dt,
  .pageContact.confirm .formBloc dd{
    padding: 10px;
    margin: 0;
    border-color: #ddd;
    border-style: solid;
    border-width: 0 1px 1px 1px;
  }
  .pageContact.confirm .formBloc dt{padding-top: 0.5em; padding-bottom: 0.5em; font-size: 1.3rem; background: #F4F8FE;}
  .pageContact.confirm .formBloc dd{font-size: 1.1rem;}
  .pageContact.confirm .formBloc:first-child dt{border-top-width: 1px;}
  .pageContact.confirm .formBloc .required{
    padding: 0;
    margin: 0 0 0 0.25em;
    background: transparent;
    border-radius: 0;
    color: #C30216;
  }
  .pageContact.confirm .formBloc .required:before{content: "※";}
}



/* ====================================================
　完了画面
==================================================== */
.pageContact.complete .completeTitle{text-align: center; font-weight: bold;}
.pageContact.complete .completeText{max-width: 656px; margin-left: auto; margin-right: auto;}

@media print, screen and (min-width: 768px) {
  .pageContact.complete .completeTitle{margin-bottom: 55px; font-size: 1.8rem;}
  .pageContact.complete .completeText{margin-bottom: 40px;}
}
@media screen and (max-width: 767px) {
  .pageContact.complete .completeTitle{margin-bottom: 30px; font-size: 1.5rem;}
  .pageContact.complete .completeText{margin-bottom: 30px;}
}




/* ====================================================
　中見出し
==================================================== */

/*　小見出し
-------------------------------------*/





/*end*/