@charset "utf-8";
/* default */
@import url(https://fonts.googleapis.com/css?family=Cinzel|M+PLUS+1p:700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Quintessential&family=Roboto+Condensed:wght@400;700&display=swap);
@import url("/css/usr/shared/responsive/lightbox.min.css");

* { 
 margin: 0;
 padding: 0;
}

.block-category-list--header, .block-category-list--promotion-freespace, .block-category-list--promotion-freespace{display: none; height:0;}
.block-category-list--comment{display: none; border-bottom: 0; height:0;}

.subscWrap{
 font-family: 'Noto Sans JP', sans-serif;
 flex-grow: 0!important;
}

/******************************************
共通
******************************************/
.subscWrap .subscCntns h2{
 border-bottom: dashed 2px #db717d;
 border-top: dashed 2px #db717d;
 color: #db717d;
 font-weight: bold;
 line-height: 1;
 margin: 3em 0 1em;
 padding: 1.3em 0;
 text-align: left;
 /*text-shadow: 1px 1px 3px #884A51;*/
}
.subscWrap .subscCntns h2 span.mention{
 font-size: 15px;
 font-weight: normal;
}
.subscWrap .subscCntns h2 span.mention .mention-2{
 font-size: 16px;
 font-weight: bold;
 background: linear-gradient(transparent 50%, #ffff00 50%);
}
@media print, screen and (min-width: 600px) {
.subscWrap .subscCntns h2,
.subscWrap .moshikomiArea h2{
 text-align: center;
}
}
@media screen and (min-width: 768px){
a[href^="tel:"]{
 pointer-events: none;
 color:#333;
}
}
@media screen and (min-width : 900px) {
.subscWrap .subscCntns h2{
 font-size: 35px;
}
.subscWrap .moshikomiArea h2{
 font-size: 30px;
}
}
/******************************************
ヘッダー
******************************************/
/*タイトルリボン*/
div.rbnWrap{
 font-size: 14px;
 max-width: 90%;
 margin: 0 auto;
}
p.rbn {
 position: relative;
 margin: 30px;
 text-align: center;
}
p.rbn::before,
p.rbn::after {
 position: absolute;
 z-index: 0;
 bottom: -10px;
 display: block;
 content: '';
 border: 1em solid #db717d;
}
p.rbn::before {
 left: -21px;
 border-left-width: 15px;
 border-left-color: transparent;
}
p.rbn::after {
 right: -21px;
 border-right-width: 15px;
 border-right-color: transparent;
}
p.rbn span {
 position: relative;
 z-index: 1;
 display: block;
 padding: .5em 1em;
 color: #fff;
 background: #de828c;
}
p.rbn span::before,
p.rbn span::after {
 position: absolute;
 bottom: -10px;
 display: block;
 width: 10px;
 height: 10px;
 content: '';
 border-style: solid;
 border-color: #be606a transparent transparent transparent;
}
p.rbn span::before {
 left: -1px;
 border-width: 10px 0 0 10px;
}
p.rbn span::after {
 right: -1px;
 border-width: 10px 10px 0 0;
}
.subscWrap h1{
 font-size: 30px;
 text-align: center;
}
.subscWrap h1 img{
 display: block;
 margin: 1em auto;
 max-width: 90%;
}
@media screen and (min-width: 768px){
/*タイトルリボン*/
div.rbnWrap{
 font-size: 18px;
 max-width: 70%;
 margin: 0 auto;
}
p.rbn::before {
 left: -24px;
}
p.rbn::after {
 right: -24px;
}
.subscWrap h1{
 font-size: 40px;
}
}
@media screen and (min-width : 900px) {
.subscWrap h1{
 font-size: 55px;
}
}
/******************************************
サービス内容
******************************************/
.aboutSbsc {
}
.aboutSbsc .service {
 display: block;
 padding: 2em 1.8em;
}
.aboutSbsc .service1 {
 background: rgba(206,229,184,.8);
}
.aboutSbsc .service2 {
 background: rgba(173,205,236,.8);
}
.aboutSbsc .service3 {
 background: rgba(253,211,194,.8);
}
.aboutSbsc .service4 {
 background: rgba(255,223,173,.8);
}
.aboutSbsc .service5 {
 background: rgba(203,232,221,.8);
}
.aboutSbsc .service .srvcText {
 font-size: 18px;
 font-weight: bold;
 line-height: .6;
}
.aboutSbsc .service .srvcText .new {
 position: relative;
 padding: 0 30px;
 display: inline-block;
 color: rgba(11,106,70,1.00);
 font-weight: bold;
}
.aboutSbsc .service .srvcText .new::before,
.aboutSbsc .service .srvcText .new::after {
 content: '';
 position: absolute;
 top: 50%;
 width: 2px;
 height: 1em;
 background-color: rgba(11,106,70,1.00);
}
.aboutSbsc .service .srvcText .new::before{
 transform: translateY(-50%) rotate(-25deg);
}
.aboutSbsc .service .srvcText .new::after {
 transform: translateY(-50%) rotate(25deg);
}
.aboutSbsc .service .srvcText .new::before {
 left: 10px;
}
.aboutSbsc .service .srvcText .new::after {
 right: 10px;
}
.aboutSbsc .service::first-letter {
 color:#fff;
 display: inline-block;
 float: left;
 font-size: 60px;
 font-weight: bold;
 line-height: 0.6;
 margin: 5px 10px 10px 0;
 text-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
/*
.aboutSbsc .service:last-child {
 -ms-flex: 0 0 calc(100% - 15px);
 flex: 0 0 calc(100% - 15px);
 max-width: calc(100% - 15px);
}
*/
.aboutSbsc img{
 display: block;
 margin: 1.5em auto;
 max-width: 80%;
}
.aboutSbsc .wsArea{
 background: rgba(255,255,255,.5);
 border-radius: 10px;
 margin: 1em 0;
 padding: .5em .2em;
 font-size: 13px;
}
.aboutSbsc .wsArea .wsTtl{
 font-weight: bold;
}
.aboutSbsc .wsArea img{
 margin: .2em 0;
 max-width: 100%;
}
.aboutSbsc .wsArea .memberFee{
 color: #db717d;
 display: inline-block;
 font-weight: bold;
}
.aboutSbsc .wsArea .memberFee{
 color: #db717d;
 font-weight: bold;
}
.aboutSbsc .wsArea .memberFee::before{
 content: "※ステッチイデー・クラブ価格";
 display: inline-block;
 font-size: 14px;
 margin-right: .5em;
}
.aboutSbsc .wsArea .leadTxt{
 display: block;
 margin-top: .5em;
 paddiong-top: .5em;
 border-top: 1px dotted rgba(93,164,137,1.00);
}
.aboutSbsc .wsMoshikomi{
 margin-top: 1.5em;
 border-top: 2px dashed rgba(93,164,137,1.00);
 padding-top: .5em;
}
.aboutSbsc .moshikomi{
 color: #db717d;
 display: block;
 font-weight: bold;
 margin-top: .5em;
}
.aboutSbsc .moshikomi em{
 background-color: #db717d;
 border-radius: 5px;
 color: #fff;
 display: inline-block;
 padding: 0 .5em;
 margin-right: .5em;
}
.aboutSbsc .wsMoshikomi span{
 font-weight: bold;
}
.aboutSbsc .wsMoshikomi span::before {
 content: "\f111";
 color: rgba(93,164,137,1.00);
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 margin-right: .3em;
}
@media screen and (min-width: 768px){
.aboutSbsc .service {
 padding: 2.5em 2em;
}
.aboutSbsc .service .srvcText {
 font-size: 20px;
 margin: 5px 10px 0 0;
}
.aboutSbsc .service::first-letter {
 font-size: 70px;
}
/*
.aboutSbsc .service:last-child {
 -ms-flex: 0 0 calc(100% - 30px);
 flex: 0 0 calc(100% - 30px);
 max-width: calc(100% - 30px);
}
*/
.aboutSbsc img{
 max-width: 90%;
}
.aboutSbsc .wsArea{
 font-size: 16px;
}
}
@media screen and (min-width: 960px){
.aboutSbsc .service::first-letter {
 font-size: 80px;
}
.aboutSbsc .service .srvcText {
 font-size: 28px;
}
}
/******************************************
料金・締切
******************************************/
.priceArea,
.closingArea{
}
.priceArea p,
.closingArea p{
}
.priceArea span.price{
 font-family: 'Roboto Condensed', sans-serif;
 font-weight: 700;
 line-height: 0;
}
.priceArea span.priceSp{
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 20px;
 font-weight: 700;
 letter-spacing: 0;
 line-height: 0;
}
.priceArea span.postage{
 color: #d8025f;
 display: block;
 font-size: 20px;
 font-weight: 700;
}
.closingArea p.closingDay{
 font-weight: 700;
}
@media screen and (min-width: 768px){
.priceArea p,
.closingArea p{
 text-align: center;
}
.priceArea span.price{
 font-size: 23px;
}
.priceArea span.priceSp{
 font-size: 40px;
}
.priceArea span.postage{
 display: inline-block;
 font-size: 40px;
}
.closingArea p.closingDay{
 font-size: 18px;
}
}
/******************************************
申し込み
******************************************/
.moshikomiArea{
 background: rgba(222,130,140,.05);
 margin: 3em 0;
 padding: 1em;
}
.moshikomiArea .item{
 border-radius: 5px;
 background: #de828c;
 color: #fff;
 font-size: 18px;
 padding: .3em 1em;
 text-align: center;
}
.moshikomiArea ul.detail{
 margin: 1em 0 1.5em;
}
.moshikomiArea ul.detail li{
 font-size: 14px;
 list-style: none;
 margin: 0;
 position: relative;
 padding: 0 0 .8em 1.5em;
}
.moshikomiArea ul.detail li::before{
 color: rgba(222,130,140,.8);
 content: "\f111";
 font-family:"Font Awesome 5 Free";
 font-weight: 900;
 left: 0;
 position: absolute;
}
.moshikomiArea ul.detail strong{
 color: #d8025f;
}
.moshikomiArea .freedial{
 font-family: 'Roboto Condensed', sans-serif;
 font-size: 43px;
 font-weight:700;
 line-height: 0.5;
 margin: .3em 0;
}
.moshikomiArea .freedial img{
 max-height: 30px;
 width: auto;
}
.moshikomiArea .freedial a{
 color: #444444;
}
.moshikomiArea .freedial a:hover{
 color: #444444;
}
.moshikomiArea .toiawase {
 border-top: 1px dashed #444444;
 margin: 1.5em 0;
 padding: 1.5em;
 font-size: 13px;
}
.btnTeiki {
 text-align: center;
}
.btnTeiki a {
 display: block;
 position: relative;
 max-width: 900px;
 height: 65px;
 background: rgba(216,2,95,1);
 border: 2px solid #fff;
 border-radius: 50px;
 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
 -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
 box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
 color: #fff;
 font-size: 18px;
 line-height: 1;
 padding: 18px 30px 18px 10px;
 margin: 10px auto;
 text-decoration: none;
 -webkit-transition: all .5s ease;
 -moz-transition: all .5s ease;
 -o-transition: all .5s ease;
 transition: all .5s ease;
}
.moshikomiArea .btnTeiki a {
 margin: 10px 0;
 max-width: 750px;
}
.btnTeiki a:hover {
 background: #fff;
 border: 2px solid rgba(216,2,95,1);
 color: rgba(216,2,95,1);
 text-decoration: none;
}
.btnTeiki a::after {
 position: absolute;
 right: 10px;
 top: 20px;
 color: #fff;
 content: "\f138";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
}
.btnTeiki a:hover::after {
 color: rgba(216,2,95,1);
 text-decoration: none;
}
@media screen and (min-width: 768px){
.moshikomiArea .toiawase {
 margin: 1.5em;
 font-size: 14px;
}
.btnTeiki a {
 font-size: 22px;
}
}
@media screen and (min-width : 900px) {
.moshikomiArea .item{
 display: block;
 font-size: 16px;
 padding: .5em 0;
}
}
@media screen and (min-width : 1024px) {
.moshikomiArea ul.detail{
 margin: 0 0 2em;
}
.moshikomiArea ul.detail li{
 font-size: 16px;
}
}
/*2025/12/8追加*/
.service5 {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
}
/* PCレイアウト */
@media (min-width: 768px) {
  .cal2 {
    width: 16.666% !important;
    flex: 0 0 16.666% !important;
    align-self: flex-start !important;
  }
  .cal10 {
    width: 83.333% !important;
    flex: 0 0 83.333% !important;
    padding-left: 10px;
  }
}
/* スマホ */
@media (max-width: 767px) {
  .service5 {
    flex-wrap: wrap !important;
  }
  .cal2, .cal10 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
}

.cal2 img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: top;
}