/*セット定期商品ページ　PC用*/

p {
  font-size:1.2em;
  line-height:160%;
  margin-bottom:1em;
}
section {margin-bottom:60px;}

.red {color:red;}
.orange {color:darkorange;}
.blue {color:blue;}
.darkblue {color:darkblue;}
.purple {color:purple}
.brown {color:brown}
.ta_center {text-align:center;}
.ttl_h2 {
  font-weight:bold;
/*  font-size:2em;*/
  padding-left:6px;
  padding-bottom:12px;
  margin-bottom:24px;
  border-bottom:2px dotted green;
}
.ttl_h3m {
  font-weight:bold;
  font-size:1.25em;
  margin-bottom:16px;
}
.cta_3s {
  display:flex;
  margin-bottom:50px
}
.cta_3s form {
  width:calc(100% / 3);
  text-align:center;
}
.cta_3s form input {
  width:98%;
}
.att_li {
  margin-bottom:16px;
}
.att_li p {
  text-indent:-1em;
  padding-left:3em;
}
.ind_1 {padding-left:1em;}
.btm_1 {margin-bottom:40px!important;}
.bg_pbl {
  font-size:90%;
  background-color:lightsteelblue;
}

.item_info {display:flex;}
.item_info-l {display:inline-block; width:322px; padding:10px;}
.item_info-r {display:inline-block; width:388px; padding:10px;}
.item_info img {
  width:100%;
/*  height:300px;*/
  margin-bottom:4px;
  border:1px solid gray;
}
.item_info {
  margin-bottom:24px;
}
.item_info .iconf {
  display:block;
  padding:6px 8px 2px;
  margin:0 0 4px 0;
  text-align:center;
  font-weight:normal;
  color:white;
  font-size:1.25em;
  letter-spacing:0.2em;
}
.bgc_red{background-color:red; border-right:1px solid darkred; border-bottom:1px solid darkred;}
.bgc_blue{background-color:blue; border-right:1px solid darkblue; border-bottom:1px solid darkblue;}
.bgc_orange{background-color:orange; border-right:1px solid darkorange; border-bottom:1px solid darkorange;}
.bgc_green{background-color:green; border-right:1px solid darkgreen; border-bottom:1px solid darkgreen;}
.bgc_black{background-color:black; border-right:1px solid dimgray; border-bottom:1px solid dimgray;}
.bgc_purple{background-color:purple; border-right:1px solid #301934; border-bottom:1px solid #301934;}

.item_catch {
  padding:16px 0;
  margin-bottom:16px;
/*  background-color:#fbfbfb;*/
}
.item_catch_m {
  font-weight:bold;
  font-size:2.2em;
  line-height:120%;
  margin-bottom:8px;
  letter-spacing:0.12em;
  text-shadow:1px 1px 3px gray;
}
.item_catch_s {
  font-weight:bold;
  font-size:1.8em;
  line-height:120%;
  letter-spacing:0.1em;
  text-shadow:1px 1px 2px gray;
}
.infs_box {display:flex;}
.infs {
    display: block;
    position: relative;
    width:50%;
    padding: .5em 1.3em .5em 1em;
    background-color: #e0e0e0;
    color: #333333;
    margin-bottom:20px;
    margin-right:12px;
}
.infs::before {
    position: absolute;
    bottom: -1px;
    right: 9px;
    z-index: -1;
    transform: rotate(5deg);
    width: 70%;
    height: 50%;
    background-color: #d0d0d0;
    content: "";
    filter: blur(4px);
}
a.infl {
  display:block;
  text-align:right;
  font-size:110%;
  color:#0000FF;
  background-color:initial;
  padding:0px;
}
a.infl::before {content: "";}
a.infl::after {content: "\00A0 \00BB";}


.func_head {
  border-radius:15px 15px 0 0;
  background-color:darkorange;
  padding:8px 12px 8px;
  text-align:center;
  color:white;
  font-size:120%;
  font-weight:bold;
  letter-spacing:0.1em;
}
.func_body {
  display:flex;
  border:12px solid Bisque;
  padding:8px;
  margin-bottom:24px;
}
.func_body_l {
  width:12%;
  margin-right:12px;
  text-align:center;
}
.func_body_l b {
  display:block;
  font-size:105%;
  letter-spacing:0.1em;
  margin-bottom:4px;
}
.func_body_r {
  width:88%;
}
.func_box {
  border:1px solid black;
  padding:0;
  text-align:center;
}
.func_box_ttl {
  background-color:black;
  padding:4px 0 2px 0;
  text-align:center;
  color:white;
}
.bg_pattern {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: -1;
}
.Paper_v2 {
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),
  
    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
}

._fs_box {
    text-align: center;
    width: calc(100% - 2px);
    max-width: 600px;
    background-color: #FFFFEF;
    padding: 20px 0;
    margin: 24px auto;
    border-top: 1px solid #eee;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #eee;
}

._fs_teltext {
    font-size: 20px;
    font-weight: bold;
}

._fs_tel {
    text-align: center;
    margin-bottom: 0;
    white-space: nowrap;
}


@media screen and (max-width: 480px) {
/*セット定期商品ページ　SP用*/

p {
/*  font-size:1.0em;
  line-height:160%;*/
}
section {margin-bottom:60px;}

.red {color:red;}
.orange {color:darkorange;}
.blue {color:blue;}
.darkblue {color:darkblue;}
.purple {color:purple}
.brown {color:brown}
.ta_center {text-align:center;}
.ttl_h2 {
  font-weight:bold;
/*  font-size:2em;*/
  padding-left:6px;
  padding-bottom:12px;
  margin-bottom:24px;
  border-bottom:2px dotted green;
}
.ttl_h3m {
  font-weight:bold;
  font-size:1.25em;
  margin-bottom:16px;
}
.cta_3s {
  display:block;
  margin-bottom:50px;
}
.cta_3s form {
  width:100%;
  text-align:center;
  margin-bottom:12px;
}
.cta_3s form input {
  width:90%;
  border:none;
  box-sizing:content-box;
  padding:0!important;
}
.att_li {
  margin-bottom:16px;
}
.att_li p {
  text-indent:-1em;
  padding-left:3em;
}
.ind_1 {padding-left:1em;}
.btm_1 {margin-bottom:40px!important;}
.bg_pbl {
  font-size:90%;
  background-color:lightsteelblue;
}

.item_info {display:block;}
.item_info-l {display:block; width:100%; padding:0;}
.item_info-r {display:block; width:100%; padding:0;}

.item_info img {
  width:100%;
/*  height:300px;*/
  margin-bottom:4px;
  border:1px solid gray;
}
.item_info {
  margin-bottom:24px;
}
.item_info .iconf {
  display:block;
  padding:6px 8px 2px;
  margin:0 0 4px 0;
  text-align:center;
  font-weight:normal;
  color:white;
  font-size:1.25em;
  letter-spacing:0.2em;
}
.bgc_red{background-color:red; border-right:1px solid darkred; border-bottom:1px solid darkred;}
.bgc_blue{background-color:blue; border-right:1px solid darkblue; border-bottom:1px solid darkblue;}
.bgc_orange{background-color:orange; border-right:1px solid darkorange; border-bottom:1px solid darkorange;}
.bgc_green{background-color:green; border-right:1px solid darkgreen; border-bottom:1px solid darkgreen;}
.bgc_black{background-color:black; border-right:1px solid dimgray; border-bottom:1px solid dimgray;}
.bgc_purple{background-color:purple; border-right:1px solid #301934; border-bottom:1px solid #301934;}

.item_catch {
  padding:16px 0;
  margin-bottom:16px;
/*  background-color:#fbfbfb;*/
}
.item_catch_m {
  font-weight:bold;
  font-size:2.2em;
  line-height:120%;
  margin-bottom:8px;
  letter-spacing:0.12em;
  text-shadow:1px 1px 3px gray;
}
.item_catch_s {
  font-weight:bold;
  font-size:1.8em;
  line-height:120%;
  letter-spacing:0.1em;
  text-shadow:1px 1px 2px gray;
}
.infs {
  display: block;
  position: relative;
  width:calc50%;
  padding: .5em 1.3em .5em 1em;
  background-color: #e0e0e0;
  color: #333333;
  margin-bottom:20px;
  margin-right:12px;
}
.infs::before {
  position: absolute;
  bottom: -1px;
  right: 9px;
  z-index: -1;
  transform: rotate(5deg);
  width: 70%;
  height: 50%;
  background-color: #d0d0d0;
  content: "";
  filter: blur(4px);
}
a.infl {
  display:block;
  text-align:center;
  font-size:110%;
  color:white;
  background-color:green;
  padding:12px;
}
a.infl::before {content: "\00BB \00A0";}
a.infl::after {content: "";}

.func_head {
  border-radius:15px 15px 0 0;
  background-color:darkorange;
  padding:8px 12px 8px;
  text-align:center;
  color:white;
  font-size:120%;
  font-weight:bold;
  letter-spacing:0.1em;
}
.func_body {
  display:block;
  border:12px solid Bisque;
  padding:16px;
  margin-bottom:24px;
}
.func_body b.ttl {
  display:block;
  font-size:120%;
  letter-spacing:0.2em;
  margin-bottom:8px;
  text-align:center;
  border-bottom:1px dotted black;
}
.func_body_l {
  display:block;
  float:left;
  width:30%;
  margin-right:12px;
}
.func_body_r {}
.func_box {
  display:block;
  border:1px solid black;
  padding:0;
  text-align:center;
  margin-bottom:12px;
}
.func_box_ttl {
  background-color:black;
  padding:4px 0 2px 0;

  color:white;
}
.bg_pattern {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  z-index: -1;
}
.Paper_v2 {
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),
  
    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
}

._fs_box {
    text-align: center;
    width: calc(100% - 2px);
    max-width: 600px;
    background-color: #FFFFEF;
    padding: 20px 0;
    margin: 24px auto;
    border-top: 1px solid #eee;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: 1px solid #eee;
}

._fs_teltext {
    font-size: 20px;
    font-weight: bold;
}

._fs_tel {
    text-align: center;
    margin-bottom: 0;
    white-space: nowrap;
}

}