@charset "UTF-8";
/* 汎用パーツ 可能なら main-common-parts.css に移行希望 */
/* 下線リンク ＞マークあり・なし */
a.txt-link {
font-size: 13px;
background: url(/html/user_data/assets/img/common/footer_icn_arr01.png) right top 1px/8px auto no-repeat;
padding-right: 16px;
text-decoration: underline;
color: #28A3CD;
font-weight: 500;
}
a.txt-link:hover {
text-decoration: none;
}
a.anc-link {
font-size: 13px;
background: url(/html/user_data/assets/img/common/arrow4.png) right top 3px/11px auto no-repeat;
padding-right: 16px;
text-decoration: underline;
color: #28A3CD;
font-weight: 500;
}
a.anc-link:hover {
text-decoration: none;
}
a.nml-txt-link {
font-size: 13px;
text-decoration: underline;
color: #28A3CD;
font-weight: 500;
}
a.nml-txt-link:hover {
text-decoration: none;
}
@media screen and (max-width: 767px) {
a.anc-link {
font-size: calc(13 / 3.75 * 1vw);
background: url(/html/user_data/assets/img/common/arrow4.png) right top calc(3 / 3.75 * 1vw)/calc(11 / 3.75 * 1vw) auto no-repeat;
padding-right: calc(16 / 3.75 * 1vw);
text-decoration: underline;
color: #28A3CD;
font-weight: 500;
}
a.nml-txt-link {
font-size: calc(13 / 3.75 * 1vw);
text-decoration: none;
color: #28A3CD;
font-weight: 500;
padding-bottom: calc(1 / 3.75 * 1vw);
border-bottom: 1px solid #28A3CD;
line-height: 1;
}
a.txt-link {
font-size: calc(13 / 3.75 * 1vw);
background: url(/html/user_data/assets/img/common/footer_icn_arr01.png) right top 1px/calc(8 / 3.75 * 1vw) auto no-repeat;
padding-right: calc(16 / 3.75 * 1vw);
text-decoration: underline;
color: #28A3CD;
font-weight: 500;
}
}
/* #printContents 印刷方法TOP・2階層ページ */
.print #printContents .fb {
font-weight: 700
}
.print #printContents .fs11 {
font-size: 11px !important
}
.print #printContents .fs12 {
font-size: 12px !important
}
.print #printContents .fs13 {
font-size: 13px !important
}
.print #printContents .fs14 {
font-size: 14px !important
}
.print #printContents .fs15 {
font-size: 15px !important
}
.print #printContents .fs16 {
font-size: 16px !important
}
.print #printContents .fs18 {
font-size: 18px !important
}
.print #printContents .fs22 {
font-size: 22px !important
}
.print #printContents .fs32 {
font-size: 32px !important
}
.print #printContents .fs36 {
font-size: 36px !important
}
.print #printContents .ml5 {
margin-left: 5px !important
}
.print #printContents .ml10 {
margin-left: 10px !important
}
.print #printContents .ml15 {
margin-left: 15px !important
}
.print #printContents .ml20 {
margin-left: 20px !important
}
.print #printContents .ml30 {
margin-left: 30px !important
}
.print #printContents .ml35 {
margin-left: 35px !important
}
.print #printContents .ml40 {
margin-left: 40px !important
}
.print #printContents .ml50 {
margin-left: 50px !important
}
.print #printContents .ml60 {
margin-left: 60px !important
}
.print #printContents .mr5 {
margin-right: 5px !important
}
.print #printContents .mr10 {
margin-right: 10px !important
}
.print #printContents .mr15 {
margin-right: 15px !important
}
.print #printContents .mr20 {
margin-right: 20px !important
}
.print #printContents .mr30 {
margin-right: 30px !important
}
.print #printContents .mr40 {
margin-right: 40px !important
}
.print #printContents .mr50 {
margin-right: 50px !important
}
.print #printContents .mr60 {
margin-right: 60px !important
}
.print #printContents .mb0 {
margin-bottom: 0 !important
}
.print #printContents .mb5 {
margin-bottom: 5px !important
}
.print #printContents .mb10 {
margin-bottom: 10px !important
}
.print #printContents .mb15 {
margin-bottom: 15px !important
}
.print #printContents .mb20 {
margin-bottom: 20px !important
}
.print #printContents .mb30 {
margin-bottom: 30px !important
}
.print #printContents .mb40 {
margin-bottom: 40px !important
}
.print #printContents .mb50 {
margin-bottom: 50px !important
}
.print #printContents .mb60 {
margin-bottom: 60px !important
}
.print #printContents .mb80 {
margin-bottom: 80px !important
}
.print #printContents .mt10 {
margin-top: 10px !important
}
.print #printContents .mt20 {
margin-top: 20px !important
}
.print #printContents .mt30 {
margin-top: 30px !important
}
.print #printContents .mt40 {
margin-top: 40px !important
}
.print #printContents .mt50 {
margin-top: 50px !important
}
.print #printContents .mt60 {
margin-top: 60px !important
}
.print #printContents .pt5 {
padding-top: 5px !important;
box-sizing: border-box
}
.print #printContents .pt10 {
padding-top: 10px !important;
box-sizing: border-box
}
.print #printContents .pt20 {
padding-top: 20px !important;
box-sizing: border-box
}
.print #printContents .pt30 {
padding-top: 30px !important;
box-sizing: border-box
}
.print #printContents .pl10 {
padding-left: 10px !important;
box-sizing: border-box
}
.print #printContents .pl20 {
padding-left: 20px !important;
box-sizing: border-box
}
.print #printContents .pl30 {
padding-left: 30px !important;
box-sizing: border-box
}
.print #printContents .pl40 {
padding-left: 40px !important;
box-sizing: border-box
}
.print #printContents .pr30 {
padding-right: 30px !important;
box-sizing: border-box
}
.print #printContents .pr40 {
padding-right: 40px !important;
box-sizing: border-box
}
.print #printContents .pr50 {
padding-right: 50px !important;
box-sizing: border-box
}
.print #printContents .pr60 {
padding-right: 60px !important;
box-sizing: border-box
}
.print #printContents .pb5 {
padding-bottom: 5px !important;
box-sizing: border-box
}
.print #printContents .pb10 {
padding-bottom: 10px !important;
box-sizing: border-box
}
.print #printContents .pb20 {
padding-bottom: 20px !important;
box-sizing: border-box
}
.print #printContents .pb30 {
padding-bottom: 30px !important;
box-sizing: border-box
}
.print #printContents .pb40 {
padding-bottom: 40px !important;
box-sizing: border-box
}
.print #printContents ol {
list-style-type: none
}
.print #printContents .txtAc {
text-align: center
}
.print #printContents {
margin-top: -40px;
}
.print #printContents .kv-box {
position: relative;
}
.print #printContents .kv-box h1 {
font-size: 17px;
color: #28A3CD;
border-bottom: 1px solid #28A3CD;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
position: absolute;
top: 44%;
left: 38%;
height: auto;
width: 25%;
padding-bottom: 8px;
font-weight: 700;
line-height: 1.4;
}
/* main-title */
.print #printContents .main-title {
padding-bottom: 10px;
position: relative;
border-bottom: 1px solid #ccc;
font-size: 20px;
font-weight: bold;
}
.print #printContents .main-title:after {
content: ".";
line-height: 0;
display: block;
overflow: hidden;
position: absolute;
bottom: -1px;
width: 20px;
border-bottom: 1px solid #e8373d;
}
/* sub-title */
.print #printContents .sub-title {
font-size: 18px;
font-weight: bold;
line-height: 10%;
margin: 30px 0 20px;
padding: 10px 0 10px 15px;
position: relative;
border-left: 5px solid #555;
color: #333;
}
.print #printContents .sub-title::before {
position: absolute;
left: -5px;
margin-right: 15px;
bottom: 0;
content: '';
width: 5px;
height: 50%;
background-color: #c3c3c3;
}
.print #printContents .printNav {
width: 840px;
height: 60px;
margin-bottom: 50px;
}
.print #printContents .printNav ul {
width: 843px;
margin: 0 -3px 0 0;
}
.print #printContents .printNav ul li {
float: left;
width: 280px;
margin: 0;
height: 60px;
display: table;
}
.print #printContents .printNav ul li.pNav a {
background: #A5ACB0;
border: 1px solid #A5ACB0;
border-left: 1px dotted #fff;
box-sizing: border-box;
height: 60px;
padding: 0 20px;
line-height: 1.5;
display: table-cell;
text-align: left;
vertical-align: middle;
color: #fff;
font-size: 14px;
}
.print #printContents .printNav ul li.pNav .pNav-arrow {
position: absolute;
margin: -10px 0 0 15px;
content: url(/user_data/packages/default/img/pages/nairetop/right-white-arrow.png);
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.3);
}
.print #printContents .printNav ul li.current .pNav-arrow {
position: absolute;
margin: -10px 0 0 20px;
content: url(/user_data/packages/default/img/pages/nairetop/right-arrow.png);
display: inline-block;
vertical-align: middle;
-webkit-transform: scale(0.3);
}
.print #printContents .printNav ul li.current a {
background: #fff;
border: 1px solid #A5ACB0;
border-right: 1px solid #fff;
box-sizing: border-box;
color: #8f989d;
}
.print #printContents .printNav ul li.bdr a {
border-right: 1px solid #A5ACB0;
}
.print #printContents .printNav ul .daishi {
width: 420px;
}
.print #printContents .printNav ul li.pNav a:hover {
background: #8f989d;
text-decoration: none;
}
.print #printContents .printNav ul li.current a:hover {
background: #fff;
text-decoration: none;
}
.print #printContents .linkButton {
display: inline-block;
padding: 15px 80px;
border: #ddd solid 1px;
background-color: #fff;
border-radius: 5px;
color: #e8373d;
font-size: 14px;
line-height: 1.2;
font-weight: bold;
text-decoration: none;
text-align: left;
}
.print #printContents .linkButton .linkButtonArrow {
padding-left: 20px;
padding-bottom: 1px;
vertical-align: baseline;
}
.print #printContents .iconLinkButton {
padding: 10px 30px;
}
.print #printContents .iconLinkButton::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(/user_data/packages/default/img/pages/nairelaser/inquiry_form_icon.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
padding-right: 10px;
}
.print #printContents .smallLinkButton {
display: inline-block;
padding: 9px 30px;
border: 2px solid #e6e6e6;
background-color: #fff;
border-radius: 5px;
color: #e8373d;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.print #printContents .difference-table td {
font-size: 16px;
}
.print #printContents .difference-table .gray-txt02 {
color: #6B6B6B;
font-size: 13px;
}
.print .difference-table td a {
background: url("/user_data/packages/default/img/pages/purpose/ic35.png") center left 10px no-repeat;
background-color: #fff;
font-size: 14px;
min-width: 0;
padding: 8px 0 8px 20px;
width: 195px;
}
.print #printContents .p-h3-type01 img {
width: 45px;
height: auto;
vertical-align: middle;
margin-left: 20px;
}
.print #printContents p {
font-size: 13px;
line-height: 1.8;
}
.print #printContents .blueLineLink {
text-align: right;
margin-bottom: 50px;
}
.print #printContents .blueLine {
color: #27a3cd;
border-bottom: 1px solid #27a3cd;
display: inline-block;
line-height: .8;
}
.print #printContents .print-about01 {
display: flex;
margin-bottom: 30px;
justify-content: space-between;
}
.print #printContents ul.print-about02, .print #printContents ol.print-about03 {
display: flex;
justify-content: space-between;
padding-left: 0;
}
.print #printContents ul .print-tokucho {
width: 31%;
height: auto;
background-color: #f3f3f3;
border-radius: 5px;
text-align: center;
padding-bottom: 20px;
}
.print #printContents ul .print-tokucho .tokucho-color {
line-height: 1.5;
}
.print #printContents ul .print-tokucho .tokucho-title {
width: 100%;
height: 45px;
line-height: 45px;
background-color: #8f989d;
border-radius: 5px 5px 0 0;
color: #fff;
font-weight: bold;
font-size: 18px;
letter-spacing: 3px;
text-align: center;
}
.print #printContents ul .print-tokucho .tokucho-midasi {
width: 100%;
height: 30px;
font-size: 16px;
font-weight: bold;
text-align: center;
}
.print #printContents ul .print-tokucho .tokucho-txt {
width: 85%;
height: 115px;
margin-bottom: 0;
font-weight: 500;
font-size: 12px;
line-height: 1.5;
display: inline-block;
text-align: left;
}
.print #printContents ul .print-tokucho img {
width: 85%;
}
.print #printContents ul .print-tokucho .tokucho-color {
width: 85%;
height: 50px;
margin-bottom: 0;
font-weight: 500;
font-size: 12px;
line-height: 1.3;
display: inline-block;
text-align: left;
}
.print #printContents ol .print-koutei {
width: 22%;
height: 350px;
}
.print #printContents ol .print-koutei img {
border: 1px solid #dfdfdf;
}
.print #printContents ol .print-koutei .koutei-title {
width: 100%;
font-weight: bold;
font-size: 16px;
}
.print #printContents ol .print-koutei .koutei-txt {
width: 100%;
height: auto;
margin-bottom: 0;
font-weight: 500;
font-size: 14px;
line-height: 1.8;
display: inline-block;
text-align: left;
}
.print #printContents ol .print-koutei:last-child p.koutei-txt {
color: #e8373d;
font-weight: bold;
font-size: 20px;
}
.print #printContents ol .koutei-arrows {
box-sizing: border-box;
width: 2%;
height: 350px;
position: relative;
}
.print #printContents ol .arrows {
display: block;
position: absolute;
top: 23%;
left: 30%;
width: 0;
height: 0;
border-left: 12px solid #e8373d;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.print #printContents .youtube-wrap {
max-width: 65%;
margin: 0 auto;
}
.print #printContents .koutei-movie {
padding-top: 56.25%;
width: 100%;
position: relative;
}
.print #printContents .koutei-movie iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.print #printContents .print-price-meyasu {
width: 80%;
margin: 0 auto;
text-align: center;
}
.print #printContents .print-price-meyasu .meyasu-title {
text-align: left;
font-size: 16px;
font-weight: bold;
line-height: 1.6;
}
.print #printContents .print-price-meyasu .meyasu-title .red {
color: #e8373d;
}
.print #printContents .print-price-meyasu ul {
margin: 0 auto;
}
.print #printContents .print-price-meyasu ul {
width: 100%;
display: flex;
justify-content: space-between;
}
.print #printContents .meyasuContainer ul {
width: 100%;
display: flex;
justify-content: space-between;
}
.print #printContents .meyasuContainer:nth-child(2) ul {
justify-content: flex-start;
}
.print #printContents .meyasuContainer:nth-child(2) .plus {
margin: 0 12px;
}
.print #printContents .meyasuContainer:nth-child(2) .caution {
font-size: 14px;
font-weight: 500;
}
.print #printContents .print-price-meyasu li.meyasu-waku {
width: 42%;
border: 3px solid #dfdfdf;
border-radius: 10px;
text-align: center;
color: #e8373d;
background-color: #f3f3f3;
font-size: 20px;
font-weight: bold;
line-height: 5em;
vertical-align: middle;
}
.print #printContents .print-price-meyasu li.meyasu-waku2 {
width: 219px;
height: 88px;
border: 3px solid #dfdfdf;
border-radius: 10px;
text-align: center;
color: #e8373d;
background-color: #f3f3f3;
font-size: 17px;
font-weight: bold;
line-height: 5em;
vertical-align: middle;
}
.print #printContents .print-price-meyasu .plus {
display: block;
width: auto;
height: 106px;
color: #999;
font-size: 80px;
text-align: center;
line-height: 1.2em;
}
.print #printContents .print-price-meyasu .red-notice {
width: 100%;
border: 1px solid #e8373d;
color: #e8373d;
padding: 15px 0;
margin-bottom: 5px;
text-align: center;
font-weight: bold;
font-size: 18px;
}
.print #printContents .print-price-meyasu .meyasu-hiyou {
text-align: center;
font-size: 15px;
font-weight: bold;
}
.print #printContents .print-price-meyasu .meyasu-hiyou span {
border-bottom: 1px solid #333;
}
.print #printContents .meyasu-price-box {
width: 100%;
height: auto;
border-radius: 10px;
background-color: #f3f3f3;
padding: 20px 0;
}
.print #printContents .print-price-meyasu .meyasu-price-box .meyasu-rei {
font-size: 14px;
font-weight: bold;
text-align: center;
}
.print #printContents .print-price-meyasu .meyasu-price-box .meyasu-price {
font-size: 16px;
text-align: center;
margin-bottom: 0;
}
.print #printContents .print-price-meyasu .note {
font-size: 12px;
text-align: right;
margin-bottom: 60px;
color: #6B6B6B;
}
.print #printContents .priceTable {
width: 100%;
border-collapse: collapse;
margin: 0 auto 15px;
border-left: none;
border-right: none;
}
.print #printContents .priceTable th {
background: #EFEFEF;
font-size: 16px;
font-weight: 500;
line-height: 1.3;
text-align: center;
}
.print #printContents .priceTable td, .print #printContents .priceTable th {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: none;
border-right: none;
padding: 10px 15px;
vertical-align: middle;
}
.print #printContents .priceTable img {
margin-left: 30px;
}
.print #printContents .priceTable .printPrice {
font-weight: bold;
font-size: 16px;
margin: 10px 0 0;
}
.print #printContents .priceTable .printPrice .red {
color: #e8373d;
}
.print #printContents .caution {
font-weight: 500;
font-size: 12px !important;
}
.print #printContents .priceTable .txt {
font-size: 14px;
}
.print #printContents .priceTable p {
font-size: 14px;
}
.print #printContents .mitumori-banner {
width: 70%;
height: 90px;
border: 2px solid #dfdfdf;
background-color: #f9f9f9;
border-radius: 10px;
margin: 0 auto 60px;
}
.print #printContents .mitumori-banner img {
margin: 3px 0 0 65px;
}
.print #printContents .mitumori-banner-inner {
display: flex;
width: 660px;
padding: 20px 0;
margin: 0 auto;
}
.print #printContents .mitumori-banner p {
font-weight: bold;
font-size: 16px;
line-height: 1.6;
margin-left: 30px;
color: #5E5E5E;
}
.print #printContents .mitumori-banner p .red {
color: #e8373d;
}
.print #printContents .pd02 figcaption {
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 8px 0 24px;
line-height: 1.3;
}
.print #printContents .pd02 .cf {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.print #printContents .pd02 .cf li {
width: 23%;
}
.print .pd02 > .cf a {
display: block;
border: #d4d4d4 solid 1px;
position: relative;
}
.print .pd02 > .cf a:after {
content: '';
width: 34px;
height: 34px;
position: absolute;
background: url(/html/user_data/assets/img/common/ic24.png) no-repeat;
background-size: 100% 100%;
bottom: 10px;
right: 10px;
}
.print #printContents .pd02 .cf img {
width: 100%;
height: auto;
}
.print #printContents ul.jirei-flex {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
width: 840px;
margin-bottom: 60px;
}
.print #printContents .jirei-box {
box-sizing: border-box;
width: 200px;
margin: 0 6px 10px;
position: relative;
}
.print #printContents .jirei-box:nth-child(4n) {
margin-right: 0;
}
.print #printContents .jirei-box:first-child, .print #printContents .jirei-box:nth-child(4n + 1) {
margin-left: 0;
}
.print #printContents .jirei-box .jirei-item {
border: 1px solid #dfdfdf;
}
.print #printContents .jirei-box .zoom {
position: absolute;
top: 181px;
left: 153px;
}
.print #printContents .caution-box {
width: 100%;
background-color: #FEFDEF;
margin-bottom: 50px;
padding: 30px 0;
}
.print #printContents .caution-box h3 {
padding: 30px 0 10px 50px;
}
.print #printContents .caution-box h3::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(/assets/img/print/caution_circle.png);
background-size: contain;
vertical-align: middle;
margin-right: 12px;
}
.print #printContents .caution-txt {
display: flex;
margin-left: 55px;
margin-bottom: 10px;
}
.print #printContents .caution-txt .circleRed {
font-size: 7px;
color: #e8373d;
height: auto;
line-height: 2.5;
}
@media screen and (max-width: 767px) {
.print #printContents .caution-txt .circleRed {
padding-top: 13px;
}
}
.print #printContents .caution-box p {
margin-left: 15px;
}
@media screen and (max-width: 767px) {
.print #printContents .caution-box p {
padding-top: 13px;
}
}
.print #printContents .caution-box p span {
font-weight: bold;
}
.print #printContents .faq {
margin-bottom: 0;
}
.print .faq dt {
background: url(/assets/img/common/icn_faq_q.png) no-repeat 0 2px;
font-size: 16px;
font-weight: bold;
padding: 0 0 10px 27px;
}
.print .faq dd {
background: url(/assets/img/common/icn_faq_a.png) no-repeat 0 2px;
border-bottom: #ddd solid 1px;
padding: 0 0 10px 27px;
padding-bottom: 25px;
margin-bottom: 25px;
line-height: 1.6;
font-size: 13px;
margin-top: 10px;
}
.print #printContents .dataCreate-banner {
display: flex;
width: 750px;
padding: 20px 0;
border: 2px solid #dfdfdf;
background-color: #f9f9f9;
border-radius: 10px;
margin: 0 auto 60px;
}
.print #printContents .dataCreate-banner img {
margin: 3px 0 0 60px;
}
.print #printContents .dataCreate-banner .dataCreate-right {
font-size: 16px;
line-height: 1.6;
margin-left: 30px;
}
.print #printContents .dataCreate-banner .dataCreate-right p {
margin-bottom: 0px;
}
.print .caution-box .caution-sample {
margin: 30px 50px;
}
.print #printContents .caution-box .caution-sample > p {
font-weight: bold;
margin-left: 4px;
padding-bottom: 5px;
}
.print .caution-box .caution-sample > .cf > li:nth-child(5n + 1) {
clear: both;
}
.print .caution-box .caution-sample > .cf > li {
width: calc(20% - 4px);
margin: 0 2px;
float: left;
}
.print .caution-box .caution-sample > .cf img {
display: block;
border: #ddd solid 1px;
}
.print .caution-box .caution-sample > .cf > li figcaption {
width: 135px;
font-size: 12px;
padding-top: 5px;
text-align: center;
}
.print #printContents .print-pattern02 {
display: flex;
justify-content: space-between;
width: 650px;
margin: 0 auto 80px;
}
.print #printContents .print-pattern02 .type {
width: 300px;
height: 90px;
margin-bottom: 40px;
}
.print #printContents .type-title {
font-size: 16px;
color: #28a3cd;
font-weight: bold;
width: 100%;
margin-bottom: 10px;
border-bottom: 1px solid #28a3cd;
}
.print #printContents .print-pattern03 {
display: flex;
flex-wrap: wrap;
width: 565px;
margin: 0 auto 80px;
}
.print #printContents .print-pattern03 .design {
width: 175px;
height: 160px;
border: 3px solid #F4F3F2;
border-radius: 5px;
margin-bottom: 30px;
margin-right: 11px;
}
.print #printContents .print-pattern03 .design:nth-child(3n) {
margin-right: 0;
}
.print #printContents .print-pattern03 .design:first-child, .print #printContents .print-pattern03 .design:nth-child(3n + 1) {
margin-left: 0;
}
.print #printContents .print-pattern03 .design-title {
text-align: center;
font-size: 14px;
font-weight: bold;
line-height: 1.6;
margin-bottom: 0;
}
.print #printContents .print-pattern03 .design-title .red {
font-size: 24px;
color: #e8373d;
}
.print #printContents .print-pattern03 .design-title .blue {
font-size: 24px;
color: #28a3cd;
}
.print #printContents .print-pattern03 .design img {
width: 100%;
height: 110px;
object-fit: contain;
}
.print #printContents .haku-color {
display: flex;
flex-wrap: wrap;
width: 595px;
margin: 0 auto 80px;
}
.print #printContents .haku-color .hcolor {
width: 136px;
margin-bottom: 30px;
margin-right: 11px;
}
.print #printContents .haku-color .hcolor:first-child, #printContents .haku-color .hcolor:nth-child(2) {
width: 258px;
}
.print #printContents .haku-color .hcolor:nth-child(2) {
margin-left: 50px;
}
.print #printContents .haku-color .hcolor:first-child, .print #printContents .haku-color .hcolor:nth-child(4) {
margin-left: 0;
}
.print #printContents .haku-color .hcolor p {
text-align: center;
font-size: 13px;
line-height: 1.6;
margin-bottom: 0;
}
.print #printContents .haku-color p.others {
color: #e8343d;
font-weight: bold;
font-size: 12px;
}
.print #printContents .haku-color .hcolor img {
width: 100%;
height: 50px;
border-radius: 5px;
border: 1px solid #ddd;
}
.print #printContents .silkpad-color {
display: flex;
flex-wrap: wrap;
width: 820px;
margin-bottom: 80px;
}
.print #printContents .silkpad-color .silkpadColor {
width: 50px;
margin-bottom: 15px;
margin-right: 20px;
}
.print #printContents .silkpad-color .silkpadColor:nth-child(12n) {
margin-right: 0;
}
.print #printContents .silkpad-color .silkpadColor:first-child, .print #printContents .silkpad-color .silkpadColor:nth-child(3n + 1) {
margin-left: 0;
}
.print #printContents .silkpad-color .silkpadColor p {
text-align: center;
font-weight: bold;
font-size: 12px;
line-height: 1.6;
margin-bottom: 0;
}
.print #printContents .silkpad-color .colorTip {
width: 50px;
height: 50px;
border-radius: 5px;
box-sizing: border-box;
margin-bottom: 5px;
}
.print #printContents .difference-table {
border-collapse: collapse;
margin: 0 auto;
}
.print #printContents .difference-table th {
background: #EFEFEF;
}
.print #printContents .difference-table td, .print #printContents .difference-table th {
text-align: center;
vertical-align: middle;
border: 1px solid #ccc;
padding: 15px;
}
.print #printContents .difference-table .difference-side {
background: #EFEFEF;
height: 40px;
}
.print #printContents .difference-table .vertical {
width: 85px;
}
.print #printContents .difference-table .blnone {
border-left-style: hidden;
}
.print #printContents .difference-table .brnone {
border-right-style: hidden;
}
.print #printContents .difference-table .linkButton {
padding: 10px 2px 10px 35px;
}
.print #printContents .difference-table .linkButton .linkButtonArrow {
width: 15px;
}
.print #printContents .difference-table td a:hover {
background-color: #fff5f5;
}
.print #printContents .priceTable .printrange {
background: #EFEFEF;
border-left: 1px solid #ccc;
text-align: center;
}
/* 台紙(オフセット・オンデマンド)印刷 印刷代の目安 始まり */
/* ノート 始まり */
.print #printContents .daishi-handmade {
margin: 0;
border: solid 1px #ddd;
border-radius: 2px;
padding: 30px;
position: relative;
margin-bottom: 60px;
}
.print #printContents .daishi-handmade::before {
content: "";
position: absolute;
border-right: dotted 16px #eee;
height: 96%;
top: 1.7em;
right: 1.8em;
}
.print #printContents .daishi-handmade .topcont {
position: relative;
margin: 0 40px 30px 0;
padding: 10px 15px 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: flex;
justify-content: center;
}
.print #printContents .daishi-handmade .topcont::before {
position: absolute;
content: "";
width: 100%;
min-height: 101%;
top: -5px;
padding-bottom: 4px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.print #printContents .daishi-handmade .topcont::after {
content: '';
display: inline-block;
width: 42px;
height: 50px;
position: absolute;
top: 24px;
left: 350px;
background-image: url(/html/user_data/free/print_daishi/search_ic06.png);
transform: rotateZ(27deg);
opacity: .7;
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
}
.print #printContents .daishi-handmade .topcont .topcont-inner {
width: 45%;
padding: 20px 0;
}
.print #printContents .daishi-handmade .topcont .topcont-inner:first-child {
margin-right: 20px;
}
.print #printContents .daishi-handmade .topcont .topcont-inner .title {
display: inline;
font-size: 24px;
font-weight: bold;
letter-spacing: .1rem;
color: #777;
line-height: 1.7;
border-bottom: 2px dotted #777;
}
.print #printContents .daishi-handmade .topcont .topcont-inner .copy {
padding-top: 15px;
color: #555;
}
.print #printContents .daishi-handmade .topcont .topcont-inner img {
border-radius: 10px;
}
.print #printContents .daishi-handmade .midcont {
margin: 0 84px 0 40px;
}
.print #printContents .daishi-handmade .midcont .cont {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
margin-bottom: 40px;
}
.print #printContents .daishi-handmade .midcont .cont .cont-txt {
width: 55%;
}
.print #printContents .daishi-handmade .midcont .cont .cont-txt .ttl {
font-size: 18px;
font-weight: bold;
letter-spacing: .1rem;
line-height: 1.6;
color: #777;
border-bottom: 1px dotted #ddd;
margin-bottom: 12px;
padding-bottom: 5px;
}
.print #printContents .daishi-handmade .midcont .cont .cont-txt .more a {
min-width: 100%;
font-size: 13px;
}
.print #printContents .daishi-handmade .midcont .cont .cont-img img {
border-radius: 5px;
}
.print #printContents .daishi-handmade .midcont .cont .cont-img {
padding-top: 10px;
}
.print #printContents .daishi-handmade .midcont .cont:nth-child(2) .cont-img {
padding-top: 40px;
}
.print .caution-box-inner {
padding: 30px 0;
}
.print #printContents .caution-daishi-txt {
text-align: left;
font-size: 18px;
padding-left: 150px;
}
.print #printContents .caution-daishi-txt::before {
content: '';
display: inline-block;
width: 22px;
height: 22px;
background-image: url(/user_data/packages/default/img/pages/nairedaishi/blue-square-check.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
padding-right: 10px;
}
.print #printContents .caution-daishi-txt img {
padding: 6px 0 0 6px;
}
.print #printContents .daishi-tmp {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.print #printContents .daishi-tmp .tmp {
width: 300px;
}
.print #printContents .daishi-tmp .tmp:first-child {
margin-right: 5px;
}
.print #printContents .daishi-tmp .tmp:last-child {
margin-left: 5px;
}
.print #printContents .daishi-step-container {
width: 100%;
background-color: #F4F3F2;
}
.print #printContents .daishi-step-title {
width: 90%;
padding: 20px 25px;
font-size: 16px;
font-weight: bold;
}
.print #printContents .daishi-step .daishi-step-flex {
display: flex;
width: 720px;
margin-left: 70px;
}
.print #printContents .daishi-step-title span:first-child {
color: #E8373D;
font-size: 13px;
}
.print #printContents .daishi-step-title span:last-child {
color: #E8373D;
font-size: 29px;
}
.print #printContents .gold-arrow {
display: inline-block;
width: 100%;
text-align: center;
color: #BDA576;
font-size: 22px;
}
.print #printContents .step0 {
width: 400px;
background-color: #FEFDEF;
border: 1px solid #999;
margin: 0 auto;
}
.print #printContents .daishi-caption_img {
display: flex;
justify-content: center;
}
.print #printContents .daishi-seisaku-box {
display: block;
width: 660px;
border-radius: 6px;
margin: 0 auto;
padding: 20px 0;
}
.print #printContents .daishi-seisaku-box .inner {
display: block;
float: left;
position: relative;
margin: 0 0 10px 20px;
}
.print #printContents hr {
height: 1px;
border: 0 none;
background-color: #ddd;
}
.print #printContents .col2 {
display: flex;
justify-content: space-between;
}
.print #printContents .col2-cont {
width: 48%;
}
.print #printContents .red {
color: #e8373d;
}
.print #printContents .blue {
color: #28a3cd;
}
.print #printContents .bd {
border: 1px solid #ddd;
}
.print #printContents .t1 span {
font-size: 12px;
}
.print #printContents p.txtAc {
text-align: center;
}
.print #printContents .pen-img p:before {
content: 'â—';
color: #e8363e;
font-size: 8px;
vertical-align: top;
margin: 4px 5px 0 0;
display: inline-block;
}
.print #printContents .pen-img p {
font-size: 14px;
font-weight: bold;
}
.print #printContents .ct-link li a {
color: #27a3cd;
border-bottom: 1px solid #27a3cd;
margin-bottom: 15px;
}
.print #printContents .printmore a {
font-size: 13px;
font-weight: bold;
color: #555;
border: #ddd solid 1px;
border-radius: 5px;
display: inline-block;
vertical-align: top;
min-width: 400px;
padding: 12px 50px;
background: #fff url(/html/user_data/assets/img/common/arrow3.png) no-repeat right 33px center;
}
.print #printContents .printmore a:hover {
background: url(/html/user_data/assets/img/common/arrow3_on.png) no-repeat right 25px center;
color: #e8373d;
background-color: #fff5f5;
border-color: #f9ccbf;
}
.print #printContents .printlink {
width: 100%;
background-color: #f3f3f3;
padding: 10px 10px;
margin-bottom: 15px;
}
.print #printContents .printlink a {
font-size: 15px;
font-weight: bold;
color: #555;
border-bottom: #ddd solid 1px;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 22px 50px 22px 30px;
background: #fff url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
}
.print #printContents .printlink a:hover {
background: url(/html/user_data/assets/img/common/arrow3_on.png) no-repeat right 17px center;
color: #e8373d;
background-color: #fff5f5;
border-color: #f9ccbf;
}
.print #printContents .printlink a img {
padding-right: 17px;
}
.print #printContents .printmore a {
font-size: 14px;
font-weight: bold;
color: #666;
border: #ddd solid 1px;
border-radius: 5px;
display: inline-block;
vertical-align: top;
width: 100%;
padding: 15px 50px 15px 32px;
box-shadow: 0 2px 0 #ddd;
margin-bottom: 5px;
background-color: #fff;
background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
}
.print #printContents .printmore.pd a {
padding: 17px 50px 17px 32px;
}
.print #printContents .printmore a:hover {
background: url(/html/user_data/assets/img/common/arrow3_on.png) no-repeat right 17px center;
color: #e8373d;
background-color: #fff5f5;
border-color: #f9ccbf;
}
.print #printContents .printmore a img {
margin-right: 14px;
}
.print #printContents .print-type-title {
color: #555;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.2;
}
.print #printContents .print-type-title.mh {
color: #555;
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.2;
min-height: 50px;
}
.print #printContents .print-type-title span {
font-size: 14px;
}
.print #printContents #howto.anker {
display: block;
padding-top: 100px;
margin-top: -100px;
}
.print #printContents .print-colomn {
width: 100%;
border: solid 4px #eee;
}
.print #printContents .print-colomn-inner {
padding: 25px;
}
.print #printContents .print-colomn-title {
width: 100%;
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 20px;
background-image: repeating-linear-gradient(-45deg, #f3f3f3 0px 7px, #fff 6px 9px);
}
.print #printContents .daishi.col2 {
display: flex;
justify-content: center;
text-align: center;
position: relative;
}
.print #printContents .daishi.col2 .col2-cont:first-child {
width: 35%;
margin-right: 40px;
}
.print #printContents .daishi.col2 .col2-cont:first-child::after {
content: "";
position: absolute;
top: 40%;
left: 44.5%;
border-left: 12px solid #0a90be;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
}
.print #printContents .daishi.col2 > div:nth-child(2) {
width: 44%;
margin-right: 40px;
}
.print #printContents .daishi.col2 .col2-cont figcaption {
font-size: 13px;
font-weight: bold;
padding: 10px 0;
}
.print #printContents .daishi.col2 .col2-cont figcaption span {
font-weight: 500;
}
.print #printContents .col2-cont.large {
width: 480px;
}
.print #printContents .col2-cont.small {
width: 290px;
}
.print #naire_service ul.storage li.first, .print #naire_service ul.storage li.next {
margin-left: 0;
width: auto;
}
.print #naire_service .outline {
width: auto;
margin: 40px 0;
padding: 20px;
}
.print #naire_service .outline h6.request {
margin: auto;
width: auto;
}
.print #printContents .pen-naire img.main-visu {
border: none;
}
.print #printContents .pen-naire h1 {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.print #printContents .pen-naire .more.anc-box {
display: flex;
flex-wrap: wrap;
align-content: stretch;
justify-content: center;
}
.print #printContents .pen-naire .more.anc-box a {
background: url(/html/user_data/assets/img/common/ic35.png) center left 10px no-repeat;
background-color: #fff;
font-size: 14px;
min-width: 0;
margin-right: 10px;
padding: 8px 0 8px 20px;
width: 185px;
}
.print #printContents .pen-naire .more.anc-box a:last-child {
margin-right: 0;
}
.print #printContents .pen-naire .difference-table td a {
width: inherit;
}
.print #printContents .pen-naire .difference-table .linkButton {
padding: 10px 15px 10px 36px;
text-align: center;
line-height: 1.5;
font-size: 13px;
}
.print #printContents .pen-naire .col2 {
display: flex;
justify-content: center;
text-align: center;
}
.print #printContents .pen-naire .col2 .col2-cont {
width: 30%;
margin-right: 40px;
}
.print #printContents .pen-naire .col2 .col2-cont figcaption {
font-size: 13px;
font-weight: bold;
padding: 10px 0;
}
.print #printContents .pen-naire .col2 .col2-cont figcaption span {
font-weight: 500;
}
.print #printContents .pen-naire .col3 {
display: flex;
text-align: center;
justify-content: space-between;
}
.print #printContents .pen-naire .col3 .col3-cont {
width: 30%;
}
.print #printContents .pen-naire .col3 .col3-cont figcaption {
font-size: 13px;
font-weight: bold;
padding: 10px 0;
}
.print #printContents .pen-naire .col3 .col3-cont figcaption span {
font-weight: 500;
}
.print #printContents .pen-naire .col4 {
display: flex;
text-align: center;
justify-content: space-between;
}
.print #printContents .pen-naire .col4 .col4-cont {
width: 24%;
}
.print #printContents .pen-naire .col4 .col4-cont figcaption {
font-size: 13px;
font-weight: bold;
padding: 10px 0;
}
.print #printContents .pen-naire .col4 .col4-cont figcaption span {
font-weight: 500;
}
.print #printContents .pen-naire .scate.clist .cts a {
background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 20px center;
}
.print #printContents .pen-naire .caution-box {
padding: 0 0 30px;
margin-bottom: 24px;
}
.print #printContents .pen-naire .caution-box .caution-txt {
margin-right: 40px;
}
.print #printContents .pen-naire .caution-box .caution-txt.color p {
margin: -12px 0 8px 24px;
}
.print #printContents .pen-naire .laser-color {
display: flex;
flex-wrap: wrap;
padding-left: 80px;
margin-top: -15px;
}
.print #printContents .pen-naire .laser-color > div {
width: 23px;
height: 23px;
border-radius: 50%;
margin-right: 8px;
}
.print #printContents .pen-naire .laser-color .p03 {
background: #000;
}
.print #printContents .pen-naire .laser-color .p15 {
background: linear-gradient(to bottom right, #FFF, #808080);
}
.print #printContents .pen-naire .laser-color .p16 {
background: linear-gradient(to bottom right, #FFF, #d1941c);
}
.print #printContents.p-qr .main-visual {
position: relative;
}
.print #printContents.p-qr .main-visual .bnr-ttl {
position: absolute;
top: 160px;
left: 430px;
font-size: 48px;
line-height: .8;
font-weight: bold;
text-align: center;
}
.print #printContents.p-qr .main-visual .bnr-ttl .middle {
font-size: 34px;
padding: 20px 5px 5px;
display: block;
}
.print #printContents.p-qr .main-visual .bnr-ttl .small {
font-size: 22px;
}
.print #printContents.p-qr .product-point {
display: flex;
justify-content: space-between;
padding-left: 0;
margin-bottom: 60px;
}
.print #printContents.p-qr .p-point {
width: 262px;
background-color: #f6f6f6;
border-bottom: 1px solid #ddd;
text-align: center;
padding: 20px;
margin-bottom: 15px;
}
.print #printContents.p-qr .p-point .p-title {
width: 100%;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 15px 0 0;
}
.print #printContents.p-qr .p-point .p-txt {
font-weight: 500;
font-size: 13px;
line-height: 1.5;
display: inline-block;
text-align: left;
}
.print #printContents.p-qr .p-point .blueLineLink {
text-align: right;
margin-bottom: 15px;
padding-right: 20px;
}
.print #printContents.p-qr .p-point .blueLine a {
color: #27a3cd;
border-bottom: 1px solid #27a3cd;
display: inline-block;
line-height: .8;
}
.print #printContents.p-qr .item-wrap .reco {
display: flex;
justify-content: flex-start;
padding: 0 6px;
margin-bottom: 30px;
}
.print #printContents.p-qr .item-wrap .reco > div {
display: block;
width: 190px;
margin-right: 20px;
}
.print #printContents.p-qr .item-wrap .reco > div:nth-child(4n) {
margin-right: 0;
}
.print #printContents.p-qr .item-wrap .reco a {
display: flex;
flex-direction: column;
height: 100%;
width: 190px;
}
.print #printContents.p-qr .item-wrap .reco a div {
align-items: center;
border: 1px solid #D4D4D4;
display: flex;
justify-content: center;
height: 213px;
margin-bottom: 10px;
width: 190px;
}
.print #printContents.p-qr .item-wrap .reco a {
color: #555555;
}
.print #printContents.p-qr .item-wrap .reco a span {
font-weight: bold;
font-size: 11px;
padding-bottom: 5px;
}
.print #printContents.p-qr .item-wrap .reco a span.tall {
height: 3em;
}
.print #printContents.p-qr .item-wrap .reco a h3 {
font-weight: bold;
font-size: 14px;
transition: .3s ease;
}
.print #printContents.p-qr .item-wrap .reco a:hover h3 {
color: #e8343d;
}
.print #printContents.p-qr .item-wrap .reco a .c {
font-weight: 500;
font-size: 10px;
text-align: right;
margin: auto 0 0;
padding: .5em 0;
}
.print #printContents.p-qr .item-wrap .reco a .p {
font-size: 10px;
font-weight: bold;
text-align: right;
}
.print #printContents.p-qr .item-wrap .reco a .p b {
font-size: 15px;
}
.print #printContents.p-qr .col2-cont {
background-color: #F4F4F2;
padding: 25px 20px;
}
.print #printContents.p-qr .col2-cont .ttl {
font-weight: bold;
font-size: 15px;
}
.print #printContents.p-qr .print-price-meyasu ul {
width: auto;
}
.print #printContents.p-qr .print-price-meyasu li.meyasu-waku {
width: 390px;
font-size: 17px;
color: #333;
line-height: 1.8em;
padding-top: 20px;
position: relative;
}
.print #printContents.p-qr .print-price-meyasu .plus {
font-size: 68px;
line-height: 1.5em;
}
.print #printContents.p-qr .print-price-meyasu li.meyasu-waku span {
position: absolute;
top: 108px;
left: 0;
right: 0;
margin: auto;
font-weight: bold;
font-size: 15px;
color: #27a3cd;
}
.print #printContents.p-qr .kousei-data {
border: 3px solid #dfdfdf;
border-radius: 10px;
margin: 0 auto 20px;
padding: 15px;
}
.print #printContents.p-qr .kousei-data > p {
font-weight: bold;
font-size: 17px;
display: inline-block;
text-align: left;
}
.print #printContents.p-qr .kousei-data .gray-block {
font-weight: bold;
font-size: 12px;
display: inline-block;
text-align: right;
margin-left: 505px;
margin-bottom: 20px;
}
.print #printContents.p-qr .kousei-data .gray-block::before {
content: '';
background-color: #b6b6b6;
padding-right: 16px;
}
.print #printContents.p-qr .red-arrow {
text-align: center;
font-weight: bold;
font-size: 17px;
color: #e8343b;
position: relative;
}
.print #printContents.p-qr .red-arrow::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #e8343a transparent transparent transparent;
position: absolute;
top: 30px;
left: 0;
right: 0;
margin: auto;
}
.print .purpose.order-flow-wrap {
border: 2px solid #e2e2e2;
border-radius: 4px;
padding: 50px 50px 70px;
}
.print #printContents .purpose.order-flow-wrap h3 {
font-size: 20px;
font-weight: bold;
text-align: center;
line-height: 1.75;
margin-bottom: 30px;
}
.print .purpose.order-flow-wrap .link-3col-box {
display: flex;
justify-content: space-between;
}
.print .purpose.order-flow-wrap .link-3col-box a {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-top: 35px;
width: 234px;
}
.print .purpose.order-flow-wrap .link-3col-box a::before {
content: "";
display: block;
height: 70px;
transition: all 0.15s ease-in-out;
}
.print .purpose.order-flow-wrap .link-3col-box a:nth-child(1)::before {
background: url("/assets/img/print/oder_flow_icn01.png") center center /contain no-repeat;
}
.print .purpose.order-flow-wrap .link-3col-box a:nth-child(2)::before {
background: url("/assets/img/print/oder_flow_icn02.png") center center /contain no-repeat;
}
.print .purpose.order-flow-wrap .link-3col-box a:nth-child(3)::before {
background: url("/assets/img/print/oder_flow_icn03.png") center center /contain no-repeat;
}
.print .purpose.order-flow-wrap .link-3col-box a:nth-child(1):hover::before {
background: url("/assets/img/print/oder_flow_icn01_on.png") center center /contain no-repeat;
transition: all 0.15s ease-in-out;
}
.print .purpose.order-flow-wrap .link-3col-box a:nth-child(2):hover::before {
background: url("/assets/img/print/oder_flow_icn02_on.png") center center /contain no-repeat;
transition: all 0.15s ease-in-out;
}
.print .purpose.order-flow-wrap .link-3col-box a:nth-child(3):hover::before {
background: url("/assets/img/print/oder_flow_icn03_on.png") center center /contain no-repeat;
transition: all 0.15s ease-in-out;
}
.print .purpose.order-flow-wrap .link-3col-box a span {
padding: 10px 0 20px;
width: 100%;
text-align: center;
}
.print .purpose.order-flow-wrap .link-3col-box a .link-btn {
font-size: 15px;
font-weight: bold;
color: #e8343d;
border: #ddd solid 1px;
border-radius: 5px;
display: block;
letter-spacing: -.06em;
vertical-align: top;
padding: 10px 0;
background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 10px center;
text-align: center;
background-color: #fff;
transition: all 0.15s ease-in-out;
}
.print .purpose.order-flow-wrap .link-3col-box a:hover .link-btn {
background: url(/html/user_data/assets/img/common/arrow3_on.png) no-repeat right 10px center;
background-color: #fff5f5;
border-color: #f9ccbf;
transition: all 0.15s ease-in-out;
}
.print #printContents table {
margin: 15px auto 20px auto;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 100%;
border-collapse: collapse;
text-align: left;
}
.print #printContents table th {
padding: 12px 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #333;
background-color: #f0f0f0;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.print #printContents table td {
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: left;
vertical-align: top;
}
/* 関連ページ共通 */
.print .block-relation-page {
margin-bottom: 50px;
}
.print .block-relation-page .link-btn-upper {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
margin-bottom: 30px;
padding-bottom: 30px;
position: relative;
width: 524px;
margin-top: 40px;
}
.print .block-relation-page .link-btn-upper::before {
background: #EEEEEE;
display: block;
content: "";
width: 5px;
height: 60px;
position: absolute;
bottom: -30px;
left: calc(50% - 3px);
}
.print .block-relation-page .link-btn-upper::after {
border-top: 5px solid #EEEEEE;
border-left: 5px solid #EEEEEE;
border-right: 5px solid #EEEEEE;
display: block;
content: "";
position: absolute;
height: 30px;
left: 0;
bottom: -30px;
width: 572px;
}
.print .block-relation-page .link-btn-upper p {
color: #777;
font-weight: bold;
padding-bottom: 4px;
font-size: 14px;
}
.print .block-relation-page .link-btn-upper a {
font-size: 16px;
font-weight: bold;
color: #777;
border: #ddd solid 1px;
border-radius: 5px;
display: inline-block;
vertical-align: top;
width: 360px;
text-align: center;
padding: 15px 0;
position: relative;
background-color: #fff;
box-shadow: 0 3px 8px 0 rgb(10 2 4 / 10%);
background: url(/html/user_data/assets/img/common/arrow3_b.png) no-repeat right 25px center;
background-size: 8px auto;
}
.print .block-relation-page .link-btn-upper a.current, .print .block-relation-page .link-btn-upper a:hover {
color: #1DB9C6;
border: #1DB9C6 solid 1px;
background-image: url(/html/user_data/assets/img/common/arrow3_b.png);
background-size: 8px auto;
}
.print .block-relation-page .link-btn-upper a:hover {
background-color: #FFFAE0;
}
.print .block-relation-page .flx-wrap {
margin: 0 auto;
width: 800px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.print .block-relation-page .flx-box {
display: flex;
justify-content: center;
flex-direction: column;
width: 220px;
}
.print .block-relation-page .flx-box p {
font-weight: bold;
color: #777;
text-align: center;
font-size: 13px;
padding: 5px;
}
.print .block-relation-page .flx-box a {
border: #ddd solid 1px;
border-radius: 5px;
box-shadow: 0 3px 8px 0 rgb(10 2 4 / 10%);
align-items: center;
display: flex;
font-size: 15px;
font-weight: bold;
justify-content: center;
position: relative;
height: 50px;
color: #777;
transition: .3s ease;
background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 15px center;
background-size: 8px auto;
padding-right: 10px;
}
.print .block-relation-page .flx-box a:hover {
opacity: .7;
}
.print .block-relation-page .flx-box a.current-sim {
border: #1DB9C6 solid 1px;
background: #1DB9C6;
color: #fff;
}
.print .block-relation-page .flx-box a.current-saku {
border: #CC468D solid 1px;
background-color: #CC468D;
background-image: url(/html/user_data/assets/img/common/arrow4_w.png);
color: #fff;
}
.print .block-relation-page .flx-box a.current-data {
border: #BEAB25 solid 1px;
background: #BEAB25;
color: #fff;
}
.print .block-relation-page .flx-box a.current-sim::after, .print .block-relation-page .flx-box a.current-saku::after, .print .block-relation-page .flx-box a.current-data::after {
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
.print .link-design-box {
width: 800px;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
.print .link-box.pr {
font-size: 12px;
margin-top: 20px;
}
.print .link-box.pr a {
text-decoration: underline;
}
.print .link-box.pr.right {
display: flex;
justify-content: space-between;
width: 30%;
}
.print .design-page .faq {
margin-bottom: 40px;
}
.print .design-page .faq a {
color: #27A3CD;
text-decoration: underline;
}
.print .design-page .faq a:hover {
text-decoration: none;
}
.print .about-design-link .flx-wrap {
width: 800px;
margin: 0 auto;
margin-bottom: 70px;
display: flex;
justify-content: space-between;
}
.print .about-design-link .flx-box {
margin-bottom: 30px;
width: 33%;
}
.print .about-design-link .flx-box p {
align-items: center;
display: flex;
font-size: 14px;
font-weight: bold;
margin-bottom: .5em;
}
.print .about-design-link .flx-box p::before {
background: #E8343D;
border-radius: 50%;
display: block;
height: 6px;
margin-right: 5px;
width: 6px;
content: "";
}
.print .about-design-link .flx-box ul li {
align-items: flex-start;
display: flex;
padding-left: 6px;
}
.print .about-design-link .flx-box ul li a {
line-height: 1.75;
text-decoration: underline;
}
.print .about-design-link .flx-box ul li a:hover {
color: inherit;
text-decoration: none;
}
.print .design-banner-link {
display: flex;
justify-content: space-between;
margin-top: -55px;
margin-bottom: 50px;
}
.print .design-banner-link .pr-flx-box {
display: block;
position: relative;
width: 48%;
}
.print .design-banner-link .pr-flx-box img {
width: 100%;
height: auto;
display: block;
}
.print .design-banner-link .pr-flx-box > a {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
display: block;
width: 87%;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #FFF;
text-align: center;
color: #555;
font-size: 120%;
font-weight: bold;
transition: .3s;
text-decoration: none;
}
.print .design-banner-link .pr-flx-box > a:hover {
color: #e8373d;
background-color: #fff5f5;
border-color: #f9ccbf;
}
.print .design-banner-link .pr-flx-box > a p {
font-size: 18px;
text-align: left;
padding-left: 10px;
padding: 25px 15px;
background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
}
.print .design-banner-link .pr-flx-box > a p:hover {
background: url(/html/user_data/assets/img/common/arrow3_on.png) no-repeat right 17px center;
color: #e8373d;
background-color: #fff5f5;
border-color: #f9ccbf;
transition: .3s ease;
}
.print .more a {
align-items: center;
background: #fff url(/html/user_data/assets/img/common/arrow1.png) right 26px center/8px auto no-repeat;
border: 1px solid #DDDDDD;
border-radius: 5px;
color: #E6393D;
display: flex;
justify-content: center;
font-size: 15px;
font-weight: 700;
height: 55px;
margin: 0 auto;
transition: .2s ease-out;
width: 400px;
}
.print .more a:hover {
transition: color 0.15s ease-in-out;
background-color: #fff5f5;
}
.print .p-sub-kv-box .title-box .sub-lead {
font-size: calc(13 / 3.75 * 1vw) !important;
margin-bottom: 40px;
}
.print span.bold {
font-size: 15px;
font-weight: bold;
}
/* 240327 add */
.print #printContents .p-sub-kv-box {
flex-direction: column;
margin-top: 0;
}
.print #printContents .p-sub-kv-box .kv-box {
position: relative;
border: 1px solid #ddd;
margin-bottom: 30px;
}
.print #printContents .p-sub-kv-box .title-txt {
margin-bottom: 60px;
}
.print #printContents .p-sub-kv-box .title-txt h3 {
margin-bottom: 10px;
}
@media screen and (max-width: 767.99px) {
.print #printContents .p-sub-kv-box {
margin-top: 0 !important;
}
.print #printContents .p-sub-kv-box .kv-box {
background: #CCCCCC;
margin-bottom: 0;
padding-top: 0;
position: relative;
border: none;
}
.print #printContents .p-sub-kv-box .kv-box h1 {
align-items: center;
font-size: calc(20 / 3.75* 1vw);
display: flex;
padding: 0 calc(10 / 3.75* 1vw);
height: 100%;
max-width: none;
line-height: calc(31 / 3.75* 1vw);
width: 100%;
position: absolute;
left: 0;
top: 0;
color: #333;
border-bottom: none;
text-align: left;
}
.print #printContents .p-sub-kv-box .kv-box h1 span {
background: rgba(255, 255, 255, 0.8);
width: 100%;
padding: calc(5 / 3.75* 1vw) calc(10 / 3.75* 1vw);
}
.print #printContents .p-sub-kv-box .kv-box img {
display: block;
}
.print #printContents .p-sub-kv-box .title-txt {
color: #707070;
padding: calc(20 / 3.75* 1vw) calc(10 / 3.75* 1vw) 0;
margin-bottom: 40px;
}
.print #printContents .p-sub-kv-box .title-txt h3 {
font-size: calc(15 / 3.75* 1vw);
line-height: 1.8;
}
.print #printContents .p-sub-kv-box .title-txt .sub-lead {
font-size: calc(13 / 3.75* 1vw);
}
}
/* #printContents 共通項目・印刷方法TOP 終わり*/
/* パッド印刷 */
.print #printContents .difference-table.pad02 .pad-pl .linkButton {
background: url(/html/user_data/assets/img/common/ic35.png) center left 10px no-repeat;
background-color: #fff;
font-size: 14px;
min-width: 0;
padding: 15px 0 15px 20px;
width: 210px;
text-align: center;
}
.print #printContents .difference-table.pad02 .pad-pl .linkButton:hover {
transition: color 0.15s ease-in-out;
background-color: #fff5f5;
}
.print #printContents .difference-table .linkButton {
background-color: #fff;
font-size: 14px;
min-width: 0;
padding: 15px 15px 15px 0;
box-shadow: 0 2px 0 #ddd;
width: 210px;
text-align: center;
background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 15px center;
}
.print #pad-about {
padding-top: 50px;
margin-top: -30px;
}
@media screen and (max-width: 767.99px) {
.print #pad-about {
margin-top: 0;
}
}
.print .gray-txt {
color: #707070;
}
.print #printContents ul .print-tokucho .colorSampleIcon {
width: 24px;
height: 22px;
}
.print .about-design-link.pad05 .flx-wrap {
margin-bottom: 0;
}
/* シルク印刷 */
.print #printContents .difference-table.silk02 .silk-pl .linkButton {
background: url(/html/user_data/assets/img/common/ic35.png) center left 10px no-repeat;
background-color: #fff;
font-size: 14px;
min-width: 0;
padding: 15px 0 15px 20px;
width: 210px;
text-align: center;
}
.print #printContents .difference-table.silk02 .silk-pl .linkButton:hover {
transition: color 0.15s ease-in-out;
background-color: #fff5f5;
}
.print #silk-about {
padding-top: 60px;
margin-top: -30px;
}
@media screen and (max-width: 767.99px) {
.print #silk-about {
margin-top: 0;
}
}
.print .gray-txt {
color: #707070;
}
.print #printContents ul .print-tokucho .colorSampleIcon {
width: 24px;
height: 22px;
}
/* 回転シルク印刷 */
.print #printContents .print-about01 .right-container.kaiten01 img {
margin-right: 50px;
margin-top: 20px;
}
.print #kaitensilk-about {
padding-top: 60px;
margin-top: -30px;
}
@media screen and (max-width: 767.99px) {
.print #kaitensilk-about {
margin-top: 0;
}
}
/* インクジェット印刷 */
.print #inkjet-about {
padding-top: 60px;
margin-top: -30px;
}
@media screen and (max-width: 767.99px) {
.print #inkjet-about {
margin-top: 0;
}
}
.print .t1 {
font-size: 18px;
font-weight: bold;
text-align: left;
margin-bottom: 20px;
border-bottom: #e6e6e6 solid 1px;
position: relative;
padding-bottom: 10px;
}
.print .t1:before {
content: '';
height: 1px;
width: 20px;
background-color: #e8343d;
position: absolute;
left: 0;
bottom: -1px;
}
.print #printContents .difference-table.inkjet02 .inkjet-pl .linkButton {
background: url(/html/user_data/assets/img/common/ic35.png) center left 10px no-repeat;
background-color: #fff;
font-size: 14px;
min-width: 0;
padding: 7px 0 7px 20px;
width: 210px;
text-align: center;
}
.print #printContents .difference-table.inkjet02 .inkjet-pl .linkButton:hover {
transition: color 0.15s ease-in-out;
background-color: #fff5f5;
}
.print .smp01 {
width: 100%;
}
.print .smp01 .att {
padding: 40px 20px 40px 25px;
border: #ffcccf solid 1px;
margin-bottom: 50px;
}
.print .smp01 .att dt {
font-size: 16px;
font-weight: bold;
padding: 4px 0 4px 30px;
margin-bottom: 15px;
background: url(/html/user_data/assets/img/common/ic7.png) no-repeat 0 center;
}
.print .smp01 .att dd li {
font-size: 13px;
line-height: 1.8;
position: relative;
padding-left: 25px;
margin: 10px 0 10px 0;
}
.print .smp01 .att dd li:before {
content: '●';
color: #e8343d;
position: absolute;
left: 5px;
font-size: 0.5rem;
top: 4px;
}
.print .smp01 .att dd .b {
font-weight: bold;
}
.print .smp01 .att dd a {
color: #0a90be;
text-decoration: underline;
}
.print .smp01 .att dd a:hover {
text-decoration: none;
}
.print .smp01 .att dd span {
color: #e6393d;
}
.print .smp01.inkjet05 .att {
padding: 20px 20px 10px 20px;
}
.print #printContents .print-about01 .left-container.inkjet03 {
width: 55%;
margin-right: 50px;
}
.print #printContents .print-about01 .right-container.inkjet04 {
margin-right: 160px;
}
.print #printContents .bagink-difference {
font-size: 13px;
}
.print #printContents .bagink-difference td {
line-height: 1.5;
}
/* 転写印刷について */
.print #tensha-about {
padding-top: 60px;
margin-top: -30px;
}
@media screen and (max-width: 767.99px) {
.print #tensha-about {
margin-top: 0;
}
}
.print #printContents .difference-table.inkjet02 .inkjet-pd .linkButton {
padding: 7px 5px 7px 0;
}
.print #printContents .difference-table.inkjet02 .tensha-pl .linkButton {
background: url(/html/user_data/assets/img/common/ic35.png) center left 10px no-repeat;
background-color: #fff;
font-size: 14px;
min-width: 0;
padding: 15px 15px 15px 30px;
width: 210px;
text-align: center;
}
.print #printContents .difference-table.inkjet02 .tensha-pl .linkButton:hover {
transition: color 0.15s ease-in-out;
background-color: #fff5f5;
}
.print .tensha-kind {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 30px;
width: 100%;
}
.print .tensha-kind-box {
width: 42%;
}
.print .tensha-kind-box img {
width: 85%;
margin: 0 20px;
}
.print .tensha-kind-txt {
margin: 12px 0 40px 0;
width: 92%;
font-size: 14px !important;
line-height: 1.7 !important;
}
.print #printContents .pd02 .cf.tensha01 {
justify-content: flex-start;
}
.print #printContents .pd02 .cf.tensha01 li {
width: 25%;
margin: 0 20px 0 0;
}
/* 昇華転写 */
.print #printContents .difference-table.inkjet02 .shoka-pl .linkButton {
background: url(/html/user_data/assets/img/common/ic35.png) center left 10px no-repeat;
background-color: #fff;
font-size: 14px;
min-width: 0;
padding: 15px 15px 15px 30px;
width: 210px;
text-align: center;
}
.print #printContents .difference-table.inkjet02 .shoka-pl .linkButton:hover {
transition: color 0.15s ease-in-out;
background-color: #fff5f5;
}
.print #shoka-about {
padding-top: 60px;
margin-top: -30px;
}
@media screen and (max-width: 767.99px) {
.print #shoka-about {
margin-top: 0;
}
}
.print #printContents ol .print-koutei .koutei-txt.tensha01 {
width: 100%;
height: auto;
margin-bottom: 0;
color: #333 !important;
font-weight: normal !important;
font-size: 14px !important;
line-height: 1.8;
display: inline-block;
text-align: left;
}
.print #printContents ul .print-tokucho .img-shoka01 {
height: 200px;
}
.print #printContents ul .print-tokucho .tokucho-txt.shoka01 {
height: 90px;
}
.lightboxOverlay {
opacity: 0.5 !important;
}
/* レスポンシブ */
@media screen and (max-width: 767px) {
.print .p-sub-kv-box {
margin-top: 0 !important;
}
/* #printContents 共通項目・印刷方法TOP 始まり */
.print #printContents .kv-box h1 {
font-size: calc(10 / 3.75 * 1vw);
width: auto;
top: 33%;
}
.print #printContents p.txtAc {
padding: 0 0 0 calc(10 / 3.75 * 1vw);
width: 97%;
text-align: left;
font-size: calc(13 / 3.75 * 1vw);
font-weight: 500;
line-height: 1.5;
}
.print .print-type {
padding: 0 0 0 calc(10 / 3.75 * 1vw);
width: 97%;
}
.print #printContents .printlink a {
text-align: center;
font-size: calc(14 / 3.75 * 1vw);
padding: 20px 50px 20px 30px;
}
.print #printContents .print-type-title {
padding-bottom: 5px;
}
.print #printContents .col2 {
display: block;
margin-bottom: 0 !important;
}
.print #printContents .col2-cont {
width: auto;
margin-bottom: 40px;
}
.print #printContents .printmore a {
min-width: 100%;
font-size: calc(13 / 3.75 * 1vw);
text-align: center;
padding: 15px 50px 15px 25px;
}
.print #printContents .printmore.pr01 a {
min-width: 100%;
font-size: calc(13 / 3.75 * 1vw);
text-align: center;
padding: 15px 46px 15px 25px;
}
.print #printContents .printmore .br-txt {
display: flex;
padding: 12px 50px 12px 32px;
text-align: left;
}
.print #printContents .printmore .br-txt img {
margin-top: 4px;
}
.print #printContents .printmore a img {
vertical-align: middle;
}
.print .design-banner-link {
display: block;
padding: 0 0 0 calc(10 / 3.75 * 1vw);
width: 97%;
margin-top: -35px;
margin-bottom: 20px;
}
.print .design-banner-link .pr-flx-box {
width: 100%;
margin: 20px auto;
}
.print .design-banner-link .pr-flx-box > a {
padding: 10px 0;
width: 82%;
}
.print .design-banner-link .pr-flx-box > a p {
font-size: calc(13 / 3.75 * 1vw);
margin: 0 auto;
text-align: center;
background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
padding: 0;
}
.print .block-relation-page {
padding: 0 0 0 calc(10 / 3.75 * 1vw);
width: 97%;
}
/* 関連ページ */
.print .block-relation-page {
text-align: left;
margin-bottom: 0;
}
.print .block-relation-page .link-btn-upper-sp {
padding-left: 5.33vw;
margin-bottom: 4vw;
}
.print .block-relation-page .link-btn-upper-sp p {
font-size: calc(12 / 3.75 * 1vw);
}
.print .block-relation-page a {
align-items: center;
display: flex;
font-size: calc(15 / 3.75 * 1vw);
font-weight: bold;
margin: 5px 0;
}
.print .block-relation-page a::after {
content: "";
display: block;
border-bottom: 2px solid #A4A4A4;
border-right: 2px solid #A4A4A4;
transform: rotate(-45deg);
margin-left: 1.66vw;
height: 7px;
width: 7px;
}
.print .block-relation-page .link-btn-lower {
padding-left: 8.66vw;
}
.print .block-relation-page .link-btn-lower .sub-link-box {
align-items: center;
display: flex;
margin-bottom: 2.66vw;
color: #777;
}
.print .block-relation-page .link-btn-lower .sub-link-box::before {
content: "";
display: block;
border-bottom: 1px solid #A4A4A4;
border-left: 1px solid #A4A4A4;
margin-right: 2vw;
height: 2.4vw;
width: 2.4vw;
position: relative;
top: -1.33vw;
}
.print .block-relation-page .link-btn-lower .sub-link-box a {
color: #A4A4A4;
}
.print .block-relation-page .link-btn-lower .sub-link-box a.sim.current {
color: #1DB9C6
}
.print .block-relation-page .link-btn-lower .sub-link-box a.saku.current {
color: #CC468D
}
.print .block-relation-page .link-btn-lower .sub-link-box a.data.current {
color: #BEAB25
}
.print .block-relation-page .link-small {
font-size: calc(12 / 3.75 * 1vw);
font-weight: 500;
margin-left: 18px;
text-decoration: underline;
margin-bottom: 25px;
}
.print .block-relation-page .link-btn-lower .sub-link-box .inner p {
font-size: calc(1w / 3.75 * 1vw);
color: #333;
}
.print .block-relation-page .link-small:after {
content: none;
}
.print .block-relation-page .link-small.pd10 {
padding: 20px 0 0 0;
}
.print .about-design-link {
padding: 0 0 0 calc(10 / 3.75 * 1vw);
width: 97%;
}
.print .about-design-link .flx-wrap {
display: block;
width: 90%;
margin-left: 25px;
}
.print .about-design-link .flx-box {
width: 100%;
}
.print #printContents .t4 {
font-size: calc(16 / 3.75 * 1vw);
}
/* #printContents 共通項目・印刷方法TOP 終了 */
/* パッド印刷 開始 */
.print #printContents .print-about {
padding: 0 10px;
}
.print .div-pad02 {
width: 100%;
}
.print #printContents .difference-table {
border-collapse: collapse;
margin: 0 auto;
}
.print #printContents .difference-table td, .print #printContents .difference-table th {
text-align: center;
vertical-align: middle;
border: 1px solid #ccc;
padding: 5px 3px;
}
.print #printContents .difference-table td {
font-size: calc(12 / 3.75 * 1vw);
line-height: 1.5;
}
.print #printContents .difference-table .fb.fs14 {
font-size: calc(12 / 3.75 * 1vw) !important;
}
.print #printContents .difference-table th {
background: #EFEFEF;
}
.print #printContents .difference-table .vertical {
width: 11%;
line-height: 1.3;
}
.print #printContents .difference-table .linkButton-sp {
font-size: calc(12 / 3.75 * 1vw);
font-weight: bold;
color: #e8343d;
border-bottom: 1px solid #e8343d;
background: none;
padding: 0;
}
.print #printContents .difference-table td img {
width: 100%;
height: auto;
}
.print #printContents .print-about01 {
flex-flow: column-reverse;
margin-top: -10px;
}
.print #printContents .print-about01 h3 {
font-size: calc(14 / 3.75 * 1vw);
margin-top: 10px;
}
.print #printContents .print-about01 .right-container {
width: 70%;
margin: 0 auto;
}
.print #printContents ul.print-about02, .print #printContents ol.print-about03 {
display: block;
}
.print #printContents ul .print-tokucho {
width: 90%;
height: auto;
margin: 0 auto;
padding-bottom: 0;
}
.print #printContents ul .print-tokucho .tokucho-title {
height: 35px;
font-size: calc(14 / 3.75 * 1vw);
line-height: 35px;
}
.print #printContents ul .print-tokucho .tokucho-txt {
width: 90%;
height: auto;
margin-bottom: 10px;
line-height: 1.8;
display: inline-block;
}
.print #printContents ul .print-tokucho img {
width: 195px;
height: auto;
margin-bottom: 20px;
}
.print #printContents ul .print-tokucho .colorSampleIcon {
width: 24px;
height: 22px;
}
.print #printContents .smallLinkButton {
padding: 0 30px;
height: 50px;
line-height: 3.2;
margin-bottom: 10px !important;
}
.print #printContents ol.print-about03 {
margin: 0 auto;
padding: 0;
width: 90%;
margin-bottom: 20px !important;
}
.print #printContents ol .print-koutei {
display: block;
width: 100%;
height: auto;
text-align: center;
}
.print #printContents ol .print-koutei img {
width: 180px;
height: 180px;
}
.print #printContents ol .print-koutei p {
text-align: left;
}
.print #printContents ol .print-koutei .koutei-title {
font-size: calc(15 / 3.75 * 1vw);
text-align: center;
}
.print #printContents ol .print-koutei .koutei-txt {
font-size: calc(13 / 3.75 * 1vw);
text-align: center;
}
.print #printContents ol .koutei-arrows {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #e8373d;
margin: 10px auto 20px;
}
.print #printContents .youtube-wrap {
max-width: 100%;
}
.print .koutei-movie.pad03 iframe {
width: 100%;
}
.ytp-impression-link {
display: none;
}
.print #printContents .print-price-meyasu {
width: 100%;
}
.print #printContents .print-price-meyasu li.meyasu-waku {
width: 45%;
height: 55px;
border: 3px solid #dfdfdf;
border-radius: 10px;
text-align: center;
color: #e8373d;
background-color: #f3f3f3;
font-size: calc(14 / 3.75 * 1vw);
font-weight: bold;
padding: 15px;
line-height: 1.3em;
}
.print #printContents .print-price-meyasu .plus {
display: block;
width: auto;
height: 100%;
color: #999;
font-size: calc(40 / 3.75 * 1vw);
text-align: center;
line-height: 3rem;
}
.print #printContents .print-price-meyasu .meyasu-hiyou {
text-align: center;
font-size: calc(13 / 3.75 * 1vw);
line-height: 1.5rem;
font-weight: bold;
margin-bottom: 20px;
}
.print #printContents .meyasu-price-box {
width: 100%;
height: auto;
border-radius: 10px;
background-color: #f3f3f3;
padding: 10px;
}
.print #printContents .print-price-meyasu .meyasu-price-box .meyasu-rei {
font-size: calc(13 / 3.75 * 1vw);
font-weight: bold;
text-align: center;
margin: 5px 0;
}
.print #printContents .print-price-meyasu .meyasu-price-box .meyasu-price {
font-size: calc(13 / 3.75 * 1vw);
}
.print #printContents .print-price-meyasu .note {
margin-bottom: 30px;
}
/* 印刷代の目安 */
.print #printContents .priceTable {
width: 100%;
border-collapse: collapse;
margin: 0 auto 15px;
border-left: none;
border-right: none;
margin-bottom: 30px !important;
}
.print #printContents .priceTable th {
background: #EFEFEF;
font-size: calc(14 / 3.75 * 1vw);
font-weight: bold;
text-align: center;
}
.print #printContents .priceTable td, .print #printContents .priceTable th {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: none;
border-right: none;
vertical-align: middle;
}
.print #printContents .priceTable .printPrice {
font-weight: bold;
font-size: calc(14 / 3.75 * 1vw);
line-height: 1.4;
margin-top: 0;
}
.print #printContents .priceTable .printPrice .red {
color: #e8373d;
}
.print #printContents .caution {
font-weight: 500;
font-size: calc(12 / 3.75 * 1vw) !important;
}
.print #printContents .priceTable p {
font-size: calc(13 / 3.75 * 1vw);
}
.print #printContents .priceTable .txt {
font-size: calc(13 / 3.75 * 1vw);
}
.print #printContents .priceTable .caution {
font-size: calc(12 / 3.75 * 1vw) !important;
}
.print #printContents .priceTable td, .print #printContents .priceTable th {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: none;
border-right: none;
vertical-align: middle;
line-height: 1.5;
padding: 5px;
}
.print #printContents .priceTable img {
margin-left: 0;
width: 100%;
height: auto;
}
.print #printContents .mitumori-banner {
width: 100%;
height: auto;
margin: 0;
margin-top: -15px;
margin-bottom: 60px;
}
.print #printContents .mitumori-banner-inner {
width: 100%;
padding: 10px 0;
}
.print #printContents .mitumori-banner img {
margin-left: 10px;
}
.print #printContents .mitumori-banner p {
font-size: calc(12 / 3.75 * 1vw);
font-weight: 500;
margin-left: 0;
padding: 0 10px;
margin-top: 5px;
}
.print #printContents .pd02 .cf li {
width: 48%;
}
.print #printContents .pd02 .cf img {
width: 100%;
height: auto;
padding: 1px;
}
.print .faq.pad04 {
padding-top: 0;
}
.print .more a {
width: 100%;
font-size: calc(14 / 3.75 * 1vw);
}
.print #printContents .difference-table .gray-txt02 {
color: #6B6B6B;
font-size: calc(12 / 3.75 * 1vw);
}
.print #printContents ul .print-tokucho .tokucho-color {
width: 85%;
height: auto;
margin-bottom: 10px;
font-weight: 500;
font-size: calc(12 / 3.75 * 1vw);
line-height: 1.3;
display: inline-block;
text-align: left;
}
.print #printContents .print-about01 .right-container img {
width: 100%;
height: auto;
}
.print #printContents ul .print-tokucho.color-mihon {
display: flex;
flex-flow: column;
}
.print #printContents ul .print-tokucho.color-mihon .tokucho-color {
margin: 0 auto 10px;
}
.print #printContents ul .print-tokucho.color-mihon .smallLinkButton {
width: 60%;
margin: 0 auto;
padding: 0;
height: 50px;
line-height: 3.2;
margin-bottom: 10px !important;
}
.print #printContents ul .print-tokucho.color-mihon .mihon02 {
width: 195px;
height: auto;
margin: 0 auto 20px;
}
/* 回転シルク印刷 */
.print #printContents .print-about01 .right-container.kaiten01 img {
margin: 0 auto;
}
/* インクジェット印刷 */
.print .smp01 {
padding: 0 10px;
}
.print .smp01 .att dt {
font-size: calc(14 / 3.75 * 1vw);
}
.print .smp01 .att dd li {
position: relative;
padding-left: 20px;
margin: 5px 0 5px 0;
font-size: calc(12 / 3.75 * 1vw);
}
.print #printContents .print-about01 .left-container.inkjet03 {
width: 100%;
}
.print #printContents .print-about01 .right-container.inkjet04 {
margin: 0 auto;
}
/*.print #printContents ul .print-tokucho .img-inkjet01 {
width: 100%;
height: auto;
}*/
.print #printContents .bagink-difference td {
font-size: calc(12 / 3.75 * 1vw);
line-height: 1.5;
}
/* 転写印刷 */
.print .tensha-kind {
display: block;
}
.print .tensha-kind-box {
width: 100%;
}
.print .tensha-kind-box img {
width: 100%;
margin: 0;
}
.print .tensha-kind-txt {
width: 100%;
}
.print #printContents .pd02 .cf.tensha01 {
justify-content: space-between;
}
.print #printContents .pd02 .cf.tensha01 li {
width: 48%;
margin: 0;
}
.print .faq.tensha02 {
padding-top: 30px;
}
/* 昇華転写印刷 */
.print #printContents ul .print-tokucho .tokucho-txt.shoka01 {
margin: 0 auto;
}
.print #printContents ul .print-tokucho .img-shoka01 {
width: 195px;
height: auto;
}
.print .about-design-link .flx-box ul li {
padding-bottom: 12px;
}
}
/* モーダル */
.item-detail-wrap .body-mask {
display: none;
height: 100%;
inset: 0;
position: fixed;
width: 100%;
z-index: 999903;
}
.item-detail-wrap .flow-img-wrap.on + .body-mask {
background: rgba(0, 0, 0, 0.6);
display: block;
}
.item-detail-wrap .flow-img-wrap {
display: none;
animation: fadeOut 0.2s ease-in 0s forwards;
}
.item-detail-wrap .flow-img-wrap.on {
animation: fadeIn 0.2s ease-in 0s forwards;
display: block;
}
.item-detail-wrap .modal-images-thumb {
position: relative;
width: 228px;
aspect-ratio: 1 / 1;
border: #d4d4d4 solid 1px;
}
@media screen and (max-width: 767.99px) {
.item-detail-wrap .modal-images-thumb {
width: auto;
}
}
.item-detail-wrap .modal-images-thumb img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.item-detail-wrap .modal-images-thumb .item-lupe-button {
position: absolute;
bottom: 10px;
right: 10px;
opacity: 0.9;
}
.item-detail-wrap .priceTable-img {
width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.item-detail-wrap .item-lupe-button {
width: 36px;
height: 36px;
background-image: url(/assets/img/common/icn_zoom02.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px;
cursor: pointer;
border: none;
border-radius: 50%;
aspect-ratio: 1/1;
background-color: #fff;
transition: opacity 0.15s ease-in-out;
}
.item-detail-wrap .item-lupe-button:hover {
opacity: 0.7;
}
@media screen and (max-width: 767.99px) {
.item-detail-wrap .item-lupe-button {
width: 30px;
height: 30px;
background-size: 14px;
}
}
.item-detail-wrap .item-modal {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
z-index: 999905;
pointer-events: none;
}
.item-detail-wrap .item-modal .item-modal-inner {
position: fixed;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.item-detail-wrap .item-modal .item-modal-images {
position: relative;
padding: 4px;
background: #fff;
max-height: 80vh;
max-width: 80vw;
}
.item-detail-wrap .item-modal .item-modal-images img {
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media screen and (max-width: 767.99px) {
.item-detail-wrap .item-modal .item-modal-images {
max-width: calc(100vw - 20px);
}
}
.item-detail-wrap .item-modal .item-modal-close {
background: #333;
height: 50px;
width: 50px;
transition: 0.15s ease;
position: absolute;
right: -50px;
top: -1px;
border: none;
cursor: pointer;
pointer-events: auto;
}
.item-detail-wrap .item-modal .item-modal-close:hover {
background-color: #e8343d;
}
.item-detail-wrap .item-modal .item-modal-close:hover .item-modal-close-icon {
transform: rotate(-90deg);
}
@media screen and (max-width: 767.99px) {
.item-detail-wrap .item-modal .item-modal-close {
right: 0;
top: -50px;
}
}
.item-detail-wrap .item-modal .item-modal-close-icon {
background: url(/assets/img/common/cm-modal-close.png) center center/32px auto no-repeat;
display: block;
transition: 0.15s ease;
height: 100%;
width: 100%;
}
/* 印刷方法TOP 印刷方法についてリンク調整 */
@media screen and (min-width: 768px) {
.print .about-design-link .flx-box ul li {
padding: 5px 0px 5px 6px;
}
.print .about-design-link .flx-box ul li a {
line-height: 1.5;
}
}
/*印刷色一覧 新規追加*/
@media not screen and (min-width: 768px) {
article.printing-colorlist {
row-gap: calc(60 / 3.75* 1vw);
}
}
.printing-colorlist .block-title .lead {
font-weight: bold;
}
.printing-colorlist .block-title .note {
font-size: 13px;
line-height: 1.8;
display: block;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .block-title .note {
font-size: calc(12 / 3.75* 1vw);
line-height: 1.9;
margin-top: 18px;
}
}
.printing-colorlist .block-title .note span {
color: #E8343D;
}
.printing-colorlist .design-page.block-title.data-sakusei .p-type04 {
background: url(https://www.shop-stationery.com/html/user_data/free/towel/xbg_stripe.png.pagespeed.ic.WjBwoMDkJM.webp);
margin-bottom: 30px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-page.block-title.data-sakusei .p-type04 {
margin-bottom: 20px;
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-type04 span {
padding: 19px 5px;
}
}
.printing-colorlist .list_anc {
margin-top: -30px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .list_anc {
margin-top: calc(-16 / 3.75* 1vw);
}
}
.printing-colorlist .more.anc-box {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px 15px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .more.anc-box {
grid-template-columns: repeat(2, 1fr);
gap: 20px 23px;
padding-bottom: 0;
}
}
.printing-colorlist .more.anc-box li {
display: flex;
flex-direction: column;
}
.printing-colorlist .more.anc-box li:first-child {
margin-left: 0;
margin-right: 0;
}
.printing-colorlist .more.anc-box a {
width: 100%;
min-width: auto;
box-shadow: 0 3px 8px 0 rgba(10, 2, 4, 0.1);
font-size: 14px;
font-weight: bold;
color: #e8343d;
border: #ddd solid 1px;
border-radius: 5px;
padding: 8px 10px 8px 33px;
text-align: center;
margin: 8px auto 0;
background: url(https://www.shop-stationery.com/html/user_data/assets/img/common/xic35.png.pagespeed.ic.4oEPCmiL5S.png) center left 10px no-repeat;
background-color: #fff;
line-height: 1.42;
height: 100%;
display: flex;
/* gap: 5px; */
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
transition: .3s ease;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .more.anc-box a {
font-size: calc(12 / 3.75* 1vw);
/* gap: calc(8 / 3.75* 1vw); */
padding-left: calc(36 / 3.75* 1vw);
background-size: calc(18 / 3.75* 1vw);
border-radius: 6px;
margin-top: calc(6 / 3.75* 1vw);
}
}
.printing-colorlist .more.anc-box a:hover {
background-color: #fff5f5;
border-color: #f9ccbf;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .anc-padding {
padding-top: 0 !important;
margin-top: 0 !important;
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-type01 {
margin-bottom: calc(15 / 3.75* 1vw);
line-height: 1.27;
}
}
.printing-colorlist .p-type01::after {
margin-top: 15px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-type01::after {
margin-top: calc(15 / 3.75* 1vw);
}
}
.printing-colorlist .silkpad-color {
margin-top: 33px;
gap: 22px 17px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .silkpad-color {
margin-top: calc(34 / 3.75* 1vw);
margin-left: calc(21 / 3.75* 1vw);
;
gap: calc(14 / 3.75* 1vw) calc(15 / 3.75* 1vw);
max-width: calc(310 / 3.75* 1vw);
}
}
.printing-colorlist .silkpad-color .silkpadColor {
margin-bottom: 0;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .silkpad-color .silkpadColor {
width: calc(50 / 3.75* 1vw);
}
}
.printing-colorlist .silkpad-color .colorTip {
height: 40px;
margin-bottom: 8px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .silkpad-color .colorTip {
width: calc(50 / 3.75* 1vw);
;
height: calc(34 / 3.75* 1vw);
margin-bottom: calc(8 / 3.75* 1vw);
;
}
}
.printing-colorlist .silkpadColor .colorTip.-mt16 {
margin-top: 16px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .silkpadColor .colorTip.-mt16 {
margin-top: 0;
}
}
.printing-colorlist .silkpad-color .silkpadColor p {
font-size: 14px;
line-height: 1.2;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .silkpad-color .silkpadColor p {
font-size: 13px;
}
}
.printing-colorlist .silkpad-color .silkpadColor p span {
font-size: 12px;
color: #E8343D;
}
.printing-colorlist .wear-groupe {
/* margin-top: 16px; */
margin-top: -3px;
padding: 17px 10px 10px;
border: 2px solid #cccccc;
border-radius: 5px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .wear-groupe {
margin-top: calc(11 / 3.75* 1vw);
padding: 15px calc(9 / 3.75* 1vw) 11px;
position: relative;
left: calc(-10 / 3.75* 1vw);
;
}
}
.printing-colorlist .wear-groupe__flex {
display: flex;
gap: 17px;
margin-top: 9px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .wear-groupe__flex {
gap: calc(15 / 3.75* 1vw);
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist .wear-groupe .silkpadColor {
width: calc(53 / 3.75* 1vw);
}
}
.wear-groupe__title {
font-weight: bold;
color: #808080;
text-align: center;
background: #fff;
padding: 0 6px;
display: block;
width: fit-content;
margin: -30px auto 0;
}
@media not screen and (min-width: 768px) {
.wear-groupe__title {
font-size: calc(12 / 3.75* 1vw);
margin-top: calc(-27 / 3.75* 1vw);
}
}
.wear-groupe__title span {
color: #e8343d;
}
.printing-colorlist .caution-box {
width: 100%;
background-color: #fefdef;
margin-bottom: 50px;
padding: 12px 20px 20px 20px;
max-width: 700px;
margin: 30px auto 10px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .caution-box {
margin: calc(30 / 3.75* 1vw) auto 0;
max-width: calc(355 / 3.75* 1vw);
padding: calc(12 / 3.75* 1vw) calc(20 / 3.75* 1vw) calc(20 / 3.75* 1vw) calc(10 / 3.75* 1vw)
}
}
.printing-colorlist .caution-box.print-naire h3 {
padding: 0 0 6px 0;
display: flex;
align-items: center;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .caution-box.print-naire h3 {
font-size: calc(13 / 3.75* 1vw);
padding-bottom: calc(6 / 3.75* 1vw);
}
}
.printing-colorlist .caution-box.print-naire h3::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url(https://www.shop-stationery.com/html/user_data/assets/img/common/xic7.png.pagespeed.ic.4xePO9XKap.png);
background-size: contain;
vertical-align: middle;
margin-right: 5px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .caution-box.print-naire h3::before {
width: calc(23 / 3.75* 1vw);
height: calc(23 / 3.75* 1vw);
margin-right: calc(5 / 3.75* 1vw);
;
}
}
.printing-colorlist .caution-txt {
display: flex;
margin-left: 6px;
margin-bottom: 10px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .caution-txt {
display: flex;
margin-left: calc(8 / 3.75* 1vw);
margin-bottom: calc(14 / 3.75* 1vw);
}
}
.printing-colorlist .caution-txt p {
margin-left: 5px;
font-size: 12px;
line-height: 1.58;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .caution-txt p {
margin-left: calc(5 / 3.75* 1vw);
font-size: calc(12 / 3.75* 1vw);
;
}
}
.printing-colorlist .caution-txt:nth-of-type(2) {
color: #e8343d;
font-weight: bold;
margin-bottom: 0;
}
.printing-colorlist .design-stamping {
width: 100%;
max-width: 663px;
/* margin: 0 auto; */
margin: 33px 0 0 10px;
display: flex;
column-gap: 23px;
row-gap: 23px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-stamping {
max-width: 100%;
margin-top: calc(23 / 3.75* 1vw);
margin-left: 0;
/* column-gap: calc(16 / 3.75* 1vw); */
column-gap: 4.267vw;
}
}
.printing-colorlist .design-stamping__item {
max-width: 320px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-stamping__item {
max-width: 100%;
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-stamping__item img {
width: 100%;
}
}
.printing-colorlist .design-stamping__item p {
margin-top: 7px;
text-align: center;
}
.printing-colorlist .design-stamping-p {
text-align: left;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-stamping-p {
font-size: calc(12 / 3.75* 1vw);
line-height: 1.66;
margin-top: calc(17 / 3.75* 1vw);
}
}
.printing-colorlist .design-stamping-sub {
column-gap: 21px;
margin: 19px 0 0 10px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-stamping-sub {
column-gap: calc(10 / 3.75* 1vw);
margin: calc(16 / 3.75* 1vw) 0 0 0;
}
}
.printing-colorlist .design-stamping-sub .design-stamping__item {
max-width: 149px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-stamping-sub .design-stamping__item {
max-width: calc(81 / 3.75* 1vw);
;
}
}
.printing-colorlist .silkpadColor .silkpadColor-list.jacquard {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 22px 10px;
max-width: 940px;
margin-top: 33px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .silkpadColor .silkpadColor-list.jacquard {
grid-template-columns: repeat(3, 1fr);
max-width: 100%;
margin-top: calc(23 / 3.75* 1vw);
gap: calc(15 / 3.75* 1vw) calc(10 / 3.75* 1vw);
}
}
/* .printing-colorlist .service {
padding-top: 0 !important;
} */
@media not screen and (min-width: 768px) {
.printing-colorlist .jacquard-service01 {
margin-top: calc(-15 / 3.75* 1vw) !important;
}
}
.printing-colorlist .service-images {
display: grid;
/* grid-template-columns: 351px 280px 280px; */
grid-template-columns: min(351px, 100%) min(100%, 280px) min(100%, 280px);
gap: 24px;
margin-top: 34px;
margin-bottom: 42px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .service-images {
grid-template-columns: repeat(1, 1fr);
gap: calc(15 / 3.75* 1vw);
max-width: calc(320 / 3.75* 1vw);
;
/* margin-top: calc(24 / 3.75* 1vw);
margin-bottom: calc(32 / 3.75* 1vw); */
margin: calc(24 / 3.75* 1vw) auto calc(32 / 3.75* 1vw);
}
}
.printing-colorlist .service1 .p-h3-type01 {
margin-bottom: 22px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .service1 .p-h3-type01 {
margin-bottom: calc(29 / 3.75* 1vw);
line-height: 1.43;
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-h3-type01.position::before {
top: calc(1 / 3.75* 1vw);
}
}
.printing-colorlist .service2 .cm-txt-ul-clr {
display: block;
text-align: right;
margin-top: 16px;
padding-right: 18px;
background: url(https://www.shop-stationery.com/html/user_data/assets/img/common/icn_link_arr_g.png) no-repeat right center;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .service2 .cm-txt-ul-clr {
font-size: calc(13 / 3.75* 1vw);
line-height: 1.23;
margin-top: calc(17 / 3.75* 1vw);
padding-right: calc(18 / 3.75* 1vw);
}
}
.printing-colorlist .service3 {
margin-top: 30px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .service3 {
margin-top: calc(27 / 3.75* 1vw);
}
}
.printing-colorlist .service__flex {
display: flex;
gap: 15px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .service__flex {
flex-direction: column;
align-items: center;
gap: calc(47 / 3.75* 1vw);
}
}
.printing-colorlist .service__flex-text {
flex: 1;
}
.printing-colorlist .service__flex-img {
width: min(100%, 280px);
}
@media not screen and (min-width: 768px) {
.printing-colorlist .service__flex-img {
width: calc(320 / 3.75* 1vw);
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist .silkpadColor-item img {
width: 100%;
height: 100%;
}
}
.printing-colorlist .silkpadColor-item p {
text-align: center;
margin-top: 3px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .silkpadColor-item p {
font-size: calc(12 / 3.75* 1vw);
}
}
.printing-colorlist .service .red-disk {
font-size: 16px;
margin-bottom: 10px;
display: flex;
align-items: center;
padding-left: 0;
text-indent: 0;
line-height: 1;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .service .red-disk {
font-size: calc(14 / 3.75* 1vw);
margin-bottom: calc(17 / 3.75* 1vw);
}
}
.printing-colorlist .service .fs14 {
font-size: 14px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .service .fs14 {
font-size: calc(14 / 3.75* 1vw);
}
}
.printing-colorlist .caution-txt .circleRed {
font-size: 7px;
color: #e8373d;
height: auto;
line-height: 2.5;
}
.printing-colorlist #print-jacquard02 .service {
margin-top: 53px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist #print-jacquard02 .service {
margin-top: calc(43 / 3.75* 1vw);
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist #print-jacquard02 .service .service__flex {
gap: calc(24 / 3.75* 1vw);
}
}
.printing-colorlist #print-jacquard02 .service .caution-box .caution-txt {
margin-bottom: 0;
}
/*--▼関連記事はこちら▼--*/
.printing-colorlist .post {
margin-top: 12px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .post {
margin-top: 0;
}
}
.printing-colorlist .post__title {
font-size: 20px;
text-align: center;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .post__title {
font-size: calc(15 / 3.75* 1vw);
}
}
.printing-colorlist .post__items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
margin-top: 26px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .post__items {
grid-template-columns: repeat(1, 1fr);
gap: calc(25 / 3.75* 1vw);
margin-top: calc(17 / 3.75* 1vw);
}
}
.printing-colorlist .post__item {
background: #f6f6f6;
border: 1px solid #eeeeee;
padding: 20px 20px 27px 24px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .post__item {
padding: calc(10 / 3.75* 1vw);
padding-bottom: calc(15 / 3.75* 1vw);
}
}
.printing-colorlist .post .p-h3-type01 {
line-height: 1.33;
display: block;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .post .p-h3-type01 {
line-height: 1.5;
}
}
.printing-colorlist .post__flex {
display: flex;
gap: 15px;
margin-top: 15px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .post__flex {
margin-top: calc(12 / 3.75* 1vw);
gap: calc(10 / 3.75* 1vw);
}
}
.printing-colorlist .post__img {
width: 100%;
max-width: 210px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .post__img {
aspect-ratio: 163 / 87;
width: 100%;
max-width: calc(163 / 3.75* 1vw);
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist .post__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
}
.printing-colorlist .post__desc {
flex: 1;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .post__desc {
font-size: calc(12 / 3.75* 1vw);
}
}
.printing-colorlist .p-link-box .type01 {
margin: 20px auto 0;
background: #fff url(https://www.shop-stationery.com/assets/img/common/icn_link_arr_g.png) right 15px center / 8px auto no-repeat;
font-size: 14px;
position: relative;
/* left: -5px; */
height: 45px;
/* padding-left: 44px; */
transition: 0.2sease-out;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-link-box .type01 {
font-size: calc(14 / 3.75* 1vw);
margin: calc(20 / 3.75* 1vw) auto 0;
background-size: calc(8 / 3.75* 1vw);
background-position: center right calc(20 / 3.75* 1vw);
}
}
.printing-colorlist .p-link-box .type01--small {
width: 100%;
height: 45px;
max-width: 267px;
justify-content: flex-start;
padding-left: 44px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-link-box .type01--small {
max-width: calc(267 / 3.75* 1vw);
height: calc(45 / 3.75* 1vw);
padding-left: calc(44 / 3.75* 1vw);
}
}
.printing-colorlist .p-link-box .type01:hover {
background: #fff5f5 url("https://www.shop-stationery.com/assets/img/common/icn_link_arr_g_on.png") right 15px center/8px auto no-repeat;
border: 1px solid #f9ccbf;
}
/*--▲関連記事はこちら▲--*/
.printing-colorlist .design-banner-link {
justify-content: center;
margin-top: 40px;
flex-wrap: wrap;
gap: 30px 38px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-banner-link {
margin-top: calc(25 / 3.75* 1vw);
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-banner-link .pr-flx-box {
width: 100%;
}
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-banner-link .pr-flx-box > a {
width: calc(290 / 3.75* 1vw);
}
}
.printing-colorlist .design-banner-link .pr-flx-box > a p {
font-size: 17px;
text-align: left;
padding: 20px 18px;
background: url(https://www.shop-stationery.com/html/user_data/assets/img/common/arrow1.png) no-repeat right 25px center;
color: #777777;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-banner-link .pr-flx-box > a p {
font-size: calc(13 / 3.75* 1vw);
padding: calc(7 / 3.75* 1vw) calc(18 / 3.75* 1vw);
background-position: right 18px center;
}
}
.printing-colorlist .design-banner-link .pr-flx-box > a p span {
font-size: 15px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .design-banner-link .pr-flx-box > a p span {
font-size: calc(12 / 3.75* 1vw);
;
}
}
.printing-colorlist .design-banner-link .pr-flx-box > a p:hover {
background: url(https://www.shop-stationery.com/html/user_data/assets/img/common/arrow3_on.png) no-repeat right 17px center;
color: #e8373d;
background-color: #fff5f5;
border-color: #f9ccbf;
transition: 0.3s ease;
}
.printing-colorlist .design-banner-link .pr-flx-box > a {
padding: 0;
}
.printing-colorlist .p-faq-box dl dt {
background: url("https://www.shop-stationery.com/assets/img/common/icn_faq_q.png") left top 0/17px auto no-repeat;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-faq-box dl dt {
background-size: calc(19 / 3.75* 1vw);
;
}
}
.printing-colorlist .p-faq-box dl dd {
background: url("https://www.shop-stationery.com/assets/img/common/icn_faq_a.png") left top 1px/17px auto no-repeat;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-faq-box dl dd {
background-size: calc(19 / 3.75* 1vw);
;
}
}
.printing-colorlist .p-faq-box a.indent {
text-indent: 1em;
display: block;
}
.printing-colorlist .p-faq-box .p-link-box .type01 {
max-width: 360px;
margin-top: 30px;
height: 50px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-faq-box .p-link-box .type01 {
max-width: 100%;
margin-top: calc(25 / 3.75* 1vw);
font-size: calc(14 / 3.75* 1vw);
height: calc(50 / 3.75* 1vw);
}
}
.printing-colorlist .block-relation-page .link-btn-upper {
width: 661px;
}
.printing-colorlist .block-relation-page .link-btn-upper::after {
width: 661px;
}
.printing-colorlist .block-relation-page .flx-wrap {
width: 100%;
}
.printing-colorlist .block-relation-page .flx-box {
width: 280px;
}
.printing-colorlist .block-relation-page .flx-box a {
background: url(https://www.shop-stationery.com/html/user_data/assets/img/common/xarrow3.png.pagespeed.ic.lyRHuMFIav.webp) right 20px center no-repeat;
}
.printing-colorlist .block-relation-page .link-icon::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
margin-right: 11px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .block-relation-page .link-icon::before {
width: calc(24 / 3.75* 1vw);
height: calc(24 / 3.75* 1vw);
margin-right: calc(11 / 3.75* 1vw);
}
.printing-colorlist .block-relation-page .link-icon:hover {
color: #E8373D;
}
}
.printing-colorlist .block-relation-page .link-novelty::before {
background: url(https://www.shop-stationery.com/html/user_data/assets/img/common/icn_novelty.png) no-repeat center / 100% auto;
}
.printing-colorlist .block-relation-page .link-towel::before {
background: url(https://www.shop-stationery.com/html/user_data/assets/img/common/icn_towel.png) no-repeat center / 100% auto;
}
.printing-colorlist .block-relation-page .link-wear::before {
background: url(https://www.shop-stationery.com/html/user_data/assets/img/common/icn_wear.png) no-repeat center / 100% auto;
width: 26px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .block-relation-page .link-wear::before {
width: calc(26 / 3.75* 1vw);
}
}
.printing-colorlist .block-relation-page .flx-box a.aqua {
color: #1DB9C6;
background-size: 8px auto;
}
.printing-colorlist .block-relation-page .flx-box a.aqua:hover {
background-color: #1DB9C6;
color: #fff;
border-color: #DCDCDC;
background-image: url(https://www.shop-stationery.com/assets/img/common/arrow4_w.png);
background-size: 8px auto;
}
.printing-colorlist .block-relation-page .flx-box a.pink {
color: #CC468D;
background-size: 8px auto;
}
.printing-colorlist .block-relation-page .flx-box a.pink:hover {
background-color: #CC468D;
color: #fff;
border-color: #CCCCCC;
background-image: url(https://www.shop-stationery.com/assets/img/common/arrow4_w.png);
background-size: 8px auto;
}
.printing-colorlist .block-relation-page .flx-box a.gold {
color: #BEAB25;
background-size: 8px auto;
}
.printing-colorlist .block-relation-page .flx-box a.gold:hover {
background-color: #BEAB25;
color: #fff;
border-color: #DCDCDC;
background-image: url(https://www.shop-stationery.com/assets/img/common/arrow4_w.png);
background-size: 8px auto;
}
.printing-colorlist .block-relation-page .flx-box p {
color: #777;
}
.printing-colorlist .link-design-box.link-design-box {
width: 100%;
}
.printing-colorlist .link-design-box.link-design-box02 {
justify-content: flex-start;
gap: 72px;
}
.printing-colorlist .link-box.pr.right {
width: 29%;
}
.printing-colorlist .link-box a {
color: #777;
font-size: 14px;
}
.printing-colorlist .link-box a:hover {
color: #E8343D;
}
.printing-colorlist .block-relation-page .p-h3-type01 {
margin-bottom: 25px;
}
.printing-colorlist .block-relation-page2 {
padding-bottom: 350px;
position: relative;
}
.printing-colorlist .block-relation-page2 .flx-wrap {
padding-top: 10px;
}
.printing-colorlist .block-relation-page2 .flx-box a {
font-size: 14px;
}
.printing-colorlist .block-relation-page2 .flx-box a:hover {
background-color: #FFF5F5;
color: #E8373D;
border-color: #F9CCBF;
opacity: 1;
background-image: url(https://www.shop-stationery.com/assets/img/common/icn_link_arr_g_on.png);
}
.printing-colorlist .block-relation-page2 .flx-box:nth-child(n+2) a {
justify-content: flex-start;
padding-left: 17px;
}
.printing-colorlist .block-relation-page2 .link-design-box {
justify-content: space-between;
}
.printing-colorlist .block-relation-page2 .link-design-box02 {
justify-content: flex-start;
gap: 60px;
position: absolute;
}
.printing-colorlist .link-box02 {
width: 280px;
display: flex;
flex-direction: column;
gap: 6px;
}
.printing-colorlist .link-box02 a {
display: flex;
align-items: center;
gap: 10px;
}
.printing-colorlist .link-box02 a {
padding-left: 20px;
}
.printing-colorlist .link-box02 a::before {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-left: 1px solid #777777;
border-bottom: 1px solid #777777;
}
.printing-colorlist .block-relation-page .link-btn-upper-sp p {
font-size: calc(12 / 3.75* 1vw);
}
.printing-colorlist .block-relation-page.-sp a {
font-size: calc(15 / 3.75* 1vw);
}
.printing-colorlist .block-relation-page.-sp .link-btn-lower .sub-link-box .inner p {
font-size: calc(12 / 3.75* 1vw);
}
.printing-colorlist .block-relation-page.-sp .link-btn-lower .sub-link-box:last-of-type {
margin-bottom: 0;
}
.printing-colorlist .block-relation-page .link-btn-lower .sub-link-box a.aqua {
color: #1DB9C6;
}
.printing-colorlist .block-relation-page .link-btn-lower .sub-link-box a.pink {
color: #CC468D;
}
.printing-colorlist .block-relation-page .link-btn-lower .sub-link-box a.gold {
color: #BEAB25;
}
.printing-colorlist .p-search-item-block02 .sub-link-box:not(:nth-of-type(1)) {
margin-top: 32px;
}
@media not screen and (min-width: 768px) {
.printing-colorlist .p-search-item-block02 .sub-link-box:not(:nth-of-type(1)) {
margin-top: calc(33 / 3.75* 1vw);
}
}
.printing-colorlist .block-relation-page.p-search-item-block02 .link-btn-lower .sub-link-box::before {
display: none;
}
.printing-colorlist .p-search-item-block02 .sub-link-box-small {
display: flex;
flex-direction: column;
gap: calc(20 / 3.75* 1vw);
}
.printing-colorlist .p-search-item-block02 .sub-link-box-small a {
font-size: calc(12 / 3.75* 1vw);
color: #777777;
font-weight: 500;
text-decoration: underline;
padding-left: 2.8em;
margin: 0;
}
.printing-colorlist .p-search-item-block02 .sub-link-box-small a:hover {
color: #E8373D;
}
.printing-colorlist .p-search-item-block02 .sub-link-box-small a::before {
content: '';
display: inline-block;
width: calc(6 / 3.75* 1vw);
height: calc(6 / 3.75* 1vw);
border-left: 1px solid #777;
border-bottom: 1px solid #777;
margin-right: calc(8 / 3.75* 1vw);
}
.printing-colorlist .p-search-item-block02 .sub-link-box-small a::after {
display: none;
}
.printing-colorlist .block-relation-page.-sp .link-btn-lower02 {
padding-left: 5.33vw;
margin-top: calc(15 / 3.75* 1vw);
;
}
.printing-colorlist .block-relation-page.-sp a::after {
width: calc(6 / 3.75* 1vw);
height: calc(6 / 3.75* 1vw);
}
.printing-colorlist .block-relation-page .link-btn-lower .sub-link-box::before {
top: 0;
}
.printing-colorlist #print-color.anc-padding, .printing-colorlist #print-jacquard02.mtResponsive.anc-padding, .printing-colorlist #print-jacquard01.mtResponsive.anc-padding, .printing-colorlist #haku-color.anc-padding {
padding-top: 98px !important;
margin-top: -80px !important;
}
/* アンカーリンク */
.print .featureNav {
display: flex;
justify-content: center;
width: 100%;
min-height: 90px;
list-style: none;
box-sizing: border-box;
}
@media only screen and (not (min-width: 768px)) {
.print .featureNav {
padding-bottom: 6%;
}
}
.print .featureNav.txt-only {
min-height: auto;
margin-bottom: 60px;
}
@media only screen and (not (min-width: 768px)) {
.print .featureNav.txt-only {
padding-bottom: 4%;
margin-bottom: calc(35 / 3.75 * 1vw);
}
.print .featureNav.txt-only li {
height: auto;
min-height: auto;
}
.print .featureNav.txt-only li span {
margin-top: 5px;
background: none;
}
.print .featureNav.txt-only li a.fNav_txt p {
margin-bottom: 12px;
}
.print .featureNav.txt-only li a.fNav_txt::after {
width: 8px;
height: 8px;
}
}
.print .featureNav li {
border-left: 1px solid #ddd;
width: calc(33.3333333% - 14px);
min-height: 70px;
cursor: pointer;
pointer-events: auto;
padding: 0;
}
@media only screen and (not (min-width: 768px)) {
.print .featureNav li {
width: 50%;
height: 21.3333333333vw;
border-left: none;
position: relative;
}
.print .featureNav li::before {
content: "";
display: block;
width: 1px;
height: 126%;
position: absolute;
left: 0;
top: 0;
background: #ddd;
}
}
@media (any-hover: hover) {
.print .featureNav li:hover span {
background-position: 0% bottom;
}
}
.print .featureNav li:last-child {
border-right: 1px solid #ddd;
}
@media only screen and (not (min-width: 768px)) {
.print .featureNav li:last-child {
border-right: none;
}
.print .featureNav li:last-child::after {
content: "";
display: block;
width: 1px;
height: 126%;
position: absolute;
right: 0;
top: 0;
background: #ddd;
}
}
@media screen and (min-width: 768px) {
.print .featureNav li span {
padding-bottom: .2em;
background: linear-gradient(to right, #ffed98 50%, transparent 50%) 100% bottom/200% 60% no-repeat;
transition: background-position .2s ease-out;
display: inline;
}
}
@media only screen and (not (min-width: 768px)) {
.print .featureNav li span {
margin-top: 3px;
display: block;
}
}
.print .featureNav li a.fNav_txt {
display: inline-block;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
width: 100%;
height: 100%;
position: relative;
box-sizing: border-box;
text-decoration: none;
padding-top: 0;
}
.print .featureNav li a.fNav_txt::after {
content: "";
display: block;
width: 10px;
height: 10px;
border-bottom: 2px solid #ccc;
border-left: 2px solid #ccc;
transform: rotate(-45deg) translateX(-50%);
position: absolute;
bottom: 23%;
left: 50%;
z-index: 2;
}
@media only screen and (not (min-width: 768px)) {
.print .featureNav li a.fNav_txt::after {
bottom: -1.8666666667vw;
left: 48%;
width: 2.6666666667vw;
height: 2.6666666667vw;
border-bottom: .5333333333vw solid #ccc;
border-left: .5333333333vw solid #ccc;
}
}
.print .featureNav li a.fNav_txt p {
font-size: 13px;
font-weight: bold;
line-height: 1.5;
text-align: center;
color: #555;
margin-bottom: 20px;
}
@media only screen and (not (min-width: 768px)) {
.print .featureNav li a.fNav_txt p {
font-size: 3.4666666667vw;
}
}
.print .featureNav li a.fNav_txt p img {
margin-right: 10px;
max-width: 34px;
width: 100%;
}
@media only screen and (not (min-width: 768px)) {
.print .featureNav li a.fNav_txt p img {
margin-right: 0;
}
}
@media screen and (min-width: 768px) {
.print .featureNav li span {
padding-bottom: .2em;
background: linear-gradient(to right, #ffed98 50%, transparent 50%) 100% bottom/200% 60% no-repeat;
transition: background-position .2s ease-out;
display: inline;
}
}
@media only screen and (not (min-width: 768px)) {
.print #printContents .mtResponsive {
padding: 0 10px 15px;
}
}
/* アンカーリンク終わり */
/* アンカーリンク3列 */
.print .featureNav.line_03 li {
width: calc(27.3333333% - 14px);
}
@media only screen and (not (min-width: 768px)) {
.print .featureNav.line_03 li {
width: 50%;
}
}
/* アンカーリンク3列終わり */
/* パッド印刷調整 */
.print-about #guide01, .print-about #guide02, .print-about #guide03, .print-about #guide04, .print-about #guide05, .print-about #guide06 {
padding-top: 130px;
margin-top: -130px;
}
@media only screen and (not (min-width: 768px)) {
.print-about #guide01, .print-about #guide02, .print-about #guide03, .print-about #guide04, .print-about #guide05, .print-about #guide06 {
padding-top: calc(80 / 3.75* 1vw);
margin-top: calc(-80 / 3.75* 1vw);
}
}
.print #printContents .post__items .position {
height: 47px;
}
@media only screen and (not (min-width: 768px)) {
.print #printContents .post__items .position {
height: calc(47 / 3.75* 1vw);
}
.print #printContents p {
font-size: calc(13 / 3.75* 1vw);
}
}
/* パッド印刷調整終わり */
/* 改修時のジャンプリンク矢印向き修正 */
.print #printContents .difference-table.print_1c_02 .print_1c-pl .linkButton {
padding: 15px 15px 15px 0;
background: url(/html/user_data/assets/img/common/arrow1_up.png) no-repeat right 15px center;
}
.print #printContents .difference-table.print_4c_02 .print_4c-pl .linkButton {
background: url(/html/user_data/assets/img/common/arrow1_up.png) no-repeat right 11px center;
padding: 15px 17px 15px 0;
}
.print #printContents .difference-table.print_4c_02 .print_4c-pl .linkButton:hover {
background-color: #fff5f5;
}
.print #printContents .difference-table.print_4c_02 .print_4c-l2 .linkButton {
padding: 7px 15px 6px 0;
}
.print #printContents .difference-table .txt-long {
padding: 15px 12px 15px 0;
background: url(/html/user_data/assets/img/common/arrow1.png) no-repeat right 9px center;
}
.print #printContents .difference-table.print_4c_02 .print_4c-l2 .linkButton:hover {
background-color: #fff5f5;
}
.print #printContents .difference-table.print_1c_02 .print_1c-pl .linkButton:hover {
background-color: #fff5f5;
}
/* 昇華転写印刷調整 */
.print_shouka-tenshaMV .blueLineLink {
margin-bottom: 0 !important;
}
.print_shouka-tenshaMV .p-sub-kv-box .title-txt {
margin-bottom: 0 !important;
}
.print-flex {
display: flex;
justify-content: space-between;
column-gap: 40px;
margin: 50px 0 40px;
}
.print_shouka-tenshaContents {
margin-bottom: 80px;
}
.print_shouka-tenshaContents .p-type03 {
font-size: 14px;
justify-content: center;
}
/*.print_shouka-tenshaContents .item-detail-wrap .modal-images-thumb {
border: none;
width: 100%;
margin-bottom: 16px;
}
.print_shouka-tenshaContents .item-detail-wrap .modal-images-thumb {
aspect-ratio: 0 / 1;
}*/
.print_shouka-tenshaContents .item-detail-wrap .modal-images-thumb.modal-images-thumb-at {
border: none;
width: 100%;
margin-bottom: 16px;
aspect-ratio: 0 / 1;
}
@media only screen and (not (min-width: 768px)) {
.print_shouka-tenshaContents .mtResponsive {
padding: 0 10px 150px !important;
}
.print_shouka-tenshaContents .print-flex {
display: block;
column-gap: 0;
}
.print_shouka-tenshaContents .p-gallery-box {
margin-bottom: 30px;
}
.print_shouka-tenshaContents .p-type03 {
padding: 0 10px;
font-size: 12px;
}
}
/* 昇華転写印刷調整 終わり */
/* 箔押し・空押しの注意点 */
.print #printContents #haku-about .print-about01 .left-container.inkjet03 {
width: 95%;
}
.bold-13px {
font-size: 13px;
font-weight: bold;
}
.flex-box_between {
display: flex;
justify-content: space-between;
}
.caution_haku .caution-group {
margin: 0 60px 75px 0;
}
.caution_haku .flex-box_between {
margin-bottom: 20px;
}
.caution_haku .flex-box_between .img-sec {
width: 308px;
}
.caution_haku .flex-box_between .txt-sec {
width: 563px;
}
.caution_haku .flex-box_between .img-sec p {
margin-top: 10px;
display: inline-block;
}
.caution_haku .modal-img-2col {
margin: 20px 0 25px;
}
.caution_haku .modal-img-2col ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.caution_haku .modal-img-2col ul li {
width: 48%;
}
.caution_haku .modal-img-2col ul li .modal-images-thumb {
border: #d4d4d4 solid 1px;
position: relative;
width: 100%;
aspect-ratio: auto;
}
.caution_haku .modal-img-2col ul li img {
width: 100%;
height: auto;
}
.caution_haku .modal-img-2col ul li figcaption {
font-size: 13px;
font-weight: bold;
text-align: center;
margin-top: 10px;
}
.caution_haku .modal-img-2col .item-detail-wrap .item-lupe-button {
width: 36px;
height: 36px;
background-size: 20px;
}
@media screen and (min-width: 768px) {
.caution_haku .modal-img-2col .item-detail-wrap .item-modal .item-modal-images {
max-height: 50vh;
max-width: 50vw;
}
}
@media only screen and (not (min-width: 768px)) {
.print #printContents #haku-about .print-about01 .left-container.inkjet03 {
width: 100%;
}
.caution_haku .caution-group {
margin: 0 0 calc(60 / 3.75 * 1vw);
}
.caution_haku .flex-box_between {
flex-flow: column;
margin-bottom: calc(30px / 3.75 * 1vw);
}
.caution_haku .flex-box_between .img-sec, .caution_haku .flex-box_between .txt-sec {
width: 100%;
}
.caution_haku .flex-box_between .txt-sec {
margin-bottom: calc(17 / 3.75 * 1vw);
}
.caution_haku .flex-box_between .img-sec {
text-align: center;
}
.caution_haku .flex-box_between .img-sec p {
margin-top: calc(15 / 3.75 * 1vw);
text-align: left;
}
.caution_haku .flex-box_between .modal-img-2col {
margin: calc(15px / 3.75 * 1vw) 0 0;
}
.caution_haku .modal-img-2col ul li figcaption {
line-height: 1.8;
}
}
.caution_haku .flex-box_between .txt-sec {
width: 580px;
}
.caution_haku .modal-img-2col {
margin: 20px 60px 25px;
}
.caution_haku .modal-img-2col ul {
row-gap: 20px;
}
.caution_haku .caution-group {
margin-right: 0;
}
@media only screen and (not (min-width: 768px)) {
.caution_haku .flex-box_between .txt-sec {
width: 100%;
}
.caution_haku .modal-img-2col {
margin: 20px 0 25px;
}
}
/* 箔押し・空押しの注意点 終わり */
/* 回転シルク印刷の注意点 始まり */
#kaitensilk-about .caution_haku .flex-box_between .img-sec {
width: 415px;
}
@media only screen and (not (min-width: 768px)) {
#kaitensilk-about .caution_haku .flex-box_between .img-sec {
width: 100%;
}
}
/* 回転シルク印刷の注意点 終わり */
/* 印刷の工程 左寄せに */
@media screen and (min-width: 768px) {
.print #printContents ol.print-about03 {
justify-content: flex-start;
column-gap: 10px;
}
}
/* /印刷の工程 左寄せに */
/* 台紙印刷ページ改修デザイン */
@media screen and (min-width: 768px) {
.print.daishi #printContents .kv-box h1 {
left: 35%;
width: 30%;
}
}
.print #printContents #daishi-about .caution-box {
padding: 30px 30px 15px;
width: 92%;
margin: 0 auto 50px;
}
.print #printContents #daishi-about .caution-box h3 {
padding: 0 0 10px 0px;
}
.print #printContents #daishi-about .caution-box h3::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(/html/user_data/assets/img/common/ic7.png);
background-size: contain;
vertical-align: middle;
margin-right: 12px;
}
.print #printContents #daishi-about .caution-box .caution-txt {
margin-left: 5px;
}
.print-price-meyasu .plus.cross {
transform: rotate(45deg);
}
.print #printContents #daishi-about .print-price-meyasu .meyasu-title {
margin-left: -96px;
padding-bottom: 20px;
}
.print-naire #printContents #daishi-about .print-price-meyasu .meyasu-price-box .meyasu-price {
font-weight: 500;
}
.caution_daishi .flex-box_between .txt-sec {
width: 500px;
margin-right: 20px;
}
.caution_daishi .flex-box_between .img-sec {
width: 440px;
}
.caution_daishi .caution-group {
margin: 0 0 75px 0;
}
@media screen and (min-width: 768px) {
.print-naire #printContents #daishi-about .print-price-meyasu .meyasu-price-box .meyasu-rei {
margin-bottom: 0;
}
}
@media only screen and (not (min-width: 768px)) {
.print-naire.daishi ul.featureNav li {
border: none;
width: 50%;
}
.print-naire.daishi ul.featureNav li a.fNav_txt {
height: 100%;
}
.print-naire.daishi ul.featureNav li a.fNav_txt p {
padding-bottom: 0;
}
.print.daishi #printContents .mtResponsive {
margin: 0 0 calc(35 / 3.75* 1vw);
width: 100%;
}
.print #printContents #daishi-about .caution-box {
padding: 30px 10px 20px;
width: 100%;
margin: 0 auto 70px;
}
.print #printContents #daishi-about .print-price-meyasu .meyasu-title{
margin-left: 0;
padding-bottom: 0;
}
.print #printContents #daishi-about .print-price-meyasu li.meyasu-waku2.short-txt, .print #printContents #daishi-about .print-price-meyasu li.meyasu-waku.short-txt {
display: flex;
justify-content: center;
align-items: center;
}
.print #printContents #daishi-about .print-price-meyasu li.meyasu-waku2 {
height: calc(50 / 3.75* 1vw);
font-size: calc(14 / 3.75* 1vw);
line-height: 1.5;
}
.print #printContents #daishi-about .print-price-meyasu .plus {
line-height: calc(50 / 3.75* 1vw);
height: calc(50 / 3.75* 1vw);
font-size: calc(40 / 3.75* 1vw);
margin: 0 12px;
}
.print-naire #printContents #daishi-about .meyasuContainer ul {
margin-top: calc(10 / 3.75* 1vw);
}
.print #printContents #daishi-about .meyasuContainer .plus.small {
font-size: calc(20 / 3.75* 1vw);
line-height: calc(50 / 3.75* 1vw);
height: calc(50 / 3.75* 1vw);
margin: 0;
}
.print #printContents #daishi-about .print-price-meyasu li.meyasu-waku {
width: calc(219 / 3.75* 1vw);
border: 3px solid #dfdfdf;
border-radius: 10px;
text-align: center;
color: #e8373d;
background-color: #f3f3f3;
font-weight: bold;
vertical-align: middle;
height: calc(50 / 3.75* 1vw);
font-size: calc(14 / 3.75* 1vw);
line-height: 1.5;
padding: 0;
}
.caution_daishi .flex-box_between {
flex-flow: column;
margin-bottom: calc(30 / 3.75* 1vw);
}
.caution_daishi .flex-box_between .txt-sec {
width: 100%;
margin: 0 0 calc(17 / 3.75* 1vw);
}
.caution_daishi .flex-box_between .img-sec {
width: 100%;
}
.caution_daishi .caution-group {
margin: 0 0 calc(60 / 3.75* 1vw);
}
}
/* /台紙印刷ページ改修デザイン */
/* 細かいデザインページ 始まり */
/* 追加 丁寧にサポートいたします */
.printing-datails .c-support {
margin: 0 auto 40px;
}
/* /追加 丁寧にサポートいたします */
/* 既存CSSの編集 */
.printing-datails .p-type03 small {
font-size: calc((15/18) * 1em);
margin-left: 0.5em;
}
.printing-datails img {
height: auto;
}
@media only screen and (not (min-width: 768px)) {
.printing-datails .p-type03 small {
display: block;
margin-left: 0;
margin-top: calc(10 / 3.75 * 1vw);
font-size: calc((14/18) * 1em);
}
}
/* 汎用的なスタイル */
.printing-datails .pd-section-text {
margin-bottom: 20px;
}
.printing-datails .pd-section-text:has(+ .p-h3-type01) {
margin-bottom: 30px;
}
.printing-datails .pd-bold {
font-weight: bold;
}
.printing-datails .pd-spacer {
border-top: 1px dotted #dcdcdc;
margin: 34px auto 20px;
}
.printing-datails .pd-text-link-wrap {
display: flex;
align-items: center;
gap: 10px;
width: fit-content;
margin-left: auto;
padding: 2px 0;
line-height: 1;
text-align: right;
}
.printing-datails .pd-text-link-wrap::after {
content: "";
width: 8px;
height: 12px;
background: url("https://www.shop-stationery.com/html/user_data/assets/img/common/icn_link_arr_g.png") center / contain no-repeat;
}
.printing-datails .pd-text-link {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
color: #28A3CD;
}
.printing-datails .pd-text-link:hover {
text-decoration: none;
color: #28A3CD;
}
/* .pd-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
gap: 24px 17px;
} */
@media only screen and (not (min-width: 768px)) {
.printing-datails .pd-section-text {
margin-bottom: calc(20 / 3.75 * 1vw);
}
.printing-datails .pd-section-text:has(+ .p-h3-type01) {
margin-bottom: calc(30 / 3.75 * 1vw);
}
.printing-datails .pd-spacer {
margin: calc(30 / 3.75 * 1vw) auto calc(25 / 3.75 * 1vw);
}
.printing-datails .pd-text-link-wrap {
gap: calc(10 / 3.75 * 1vw);
padding: calc(2 / 3.75 * 1vw) 0;
}
.printing-datails .pd-text-link-wrap::after {
width: calc(8 / 3.75 * 1vw);
height: calc(12 / 3.75 * 1vw);
}
.printing-datails .pd-text-link {
font-size: calc(14 / 3.75 * 1vw);
}
/* .pd-grid {
grid-template-columns: auto;
gap: 0;
} */
}
/* 吹き出しのレイアウト */
.printing-datails .pd-fukidashi {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 20px;
margin-bottom: 20px;
}
.printing-datails .pd-fukidashi__chat {
position: relative;
width: 680px;
padding: 19px;
border-radius: 10px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.printing-datails .pd-fukidashi__chat::after {
position: absolute;
top: 56px;
left: -16px;
content: "";
width: 16px;
height: 16px;
background: #fff;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
box-sizing: border-box;
transform-origin: top right;
rotate: -45deg;
}
.printing-datails .pd-fukidashi__title {
display: flex;
align-items: center;
gap: 10px;
margin: -4px 0;
font-size: 15px;
font-weight: bold;
line-height: 1.5;
background-image: url(https://www.shop-stationery.com/html/user_data/free/towel/care_point.png);
background-repeat: no-repeat;
background-position: left 0 center;
background-size: 58px;
padding-left: 68px;
}
.printing-datails .pd-fukidashi__text {
margin-top: 9px;
}
.printing-datails .pd-fukidashi__icon {
flex-shrink: 0;
}
.printing-datails .pd-fukidashi__link {
margin-top: 14px;
}
@media only screen and (not (min-width: 768px)) {
.printing-datails .pd-fukidashi {
gap: calc(13 / 3.75 * 1vw);
}
.printing-datails .pd-fukidashi__chat {
width: auto;
padding: calc((15 / 3.75 * 1vw) - 1px);
border-radius: calc(10 / 3.75 * 1vw);
}
.printing-datails .pd-fukidashi__chat::after {
top: calc(19 / 3.75 * 1vw);
left: calc(-16 / 3.75 * 1vw);
width: calc(16 / 3.75 * 1vw);
height: calc(16 / 3.75 * 1vw);
}
.printing-datails .pd-fukidashi__title {
flex-direction: column;
align-items: flex-start;
gap: calc(7 / 3.75 * 1vw);
margin: 0 0 calc(-4 / 3.75 * 1vw);
font-size: calc(15 / 3.75 * 1vw);
background-size: calc(58 / 3.75 * 1vw);
background-position: inherit;
padding: calc(20 / 3.75* 1vw) 0 0;
}
.printing-datails .pd-fukidashi__text {
margin-top: calc(10 / 3.75 * 1vw);
}
.printing-datails .pd-fukidashi__icon {
width: calc(60 / 3.75 * 1vw);
}
.printing-datails .pd-fukidashi__link {
margin-top: calc(15 / 3.75 * 1vw);
}
}
/* pointコンテンツ */
.printing-datails .point-box .inner {
display: flex;
align-items: flex-start;
gap: 28px;
}
.printing-datails .point-box .point-box__img {
flex-shrink: 0;
}
.printing-datails .pd-point-link {
margin-right: 30px;
}
@media only screen and (not (min-width: 768px)) {
.printing-datails .point-box .inner {
flex-direction: column;
align-items: stretch;
gap: calc(14 / 3.75 * 1vw);
}
.printing-datails .point-box .point-box__img img {
width: 100%;
}
.printing-datails .pd-point-link {
margin-right: 0;
padding-bottom: calc(20 / 3.75 * 1vw);
}
}
/* 細かいデザインページ 終わり */