@charset "utf-8";

/* 調整CSS */
.mt50 {
  margin-top: 50px;
}
.mb15 {
  margin-bottom: 15px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb50 {
  margin-bottom: 50px;
}

.red {
  color:#d71717;
}

.orange {
  color:#e95513;
}

.blue {
  color:#1c4cd0;
}

/* 要素を中央に */
.cntAuto {
  margin-left:auto;
  margin-right:auto;

}
img {
  width:100%;
}

/*PCSP表示*/
.viewPc,
.viewSp {
    display: none !important;
}
.viewPc {
    display: block !important;
}
@media screen and (max-width: 767px) {
    .viewPc,
    .viewSp {
        display: none !important;
    }
    .viewSp {
        display: block !important;
    }

}


/* 注文ボタン　*/

.order_btn0 {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  /*max-width: 1200px;*/
  margin-top: -120px;
  width: 960px;
}

.order_btn {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  /*max-width: 1200px;*/
  width: 960px;
}

.order_btn0 a:hover,
.order_btn a:hover {
  opacity: 0.6;
}
.main1c a, .open-link a span, .hidden-link a span {
  color: #000;
  text-decoration: underline;
  transition: all 0.3s;
}

.redundline {
  text-decoration: underline #d01313;
  text-decoration-thickness: 3px;
  text-underline-offset: 4px;
}

/* //調整CSS */

.contentsWrap {
  width:100%;
  max-width:1000px;
  margin:0 auto;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.03em;
  line-height: 1.3;
}

.contentsWrap img {
  width:100%;
}
.contentsWrap #main-visual h1 {
  margin-bottom: 0px;
}
.contentsWrap #main-visual h1 img {
  width:100%;
}

.contentsWrap ul li{list-style: none;}

.giftBnr {
  background-color: #caf3ff;
  padding: 20px 0;
  margin: 0 0 20px;
}

.giftBnr p {
  max-width: 1200px;
}

section#voice01 {
  width:80%;
  margin-bottom: 40px;
}

section#voice01 h2 {
  width:80%;
  margin: 0 0 -50px auto;
  border-top: none;
}

section#voice01 h2::after {
  content: none;
}

.voice_frame {
  border:solid 2px #fcb54f;
  border-radius: 15px;
  padding:40px 30px 0px 45px;
  box-sizing: border-box;
  background-color: #fff7b5;
  margin-bottom: 20px;
}

.voice_frame ul#voice01 {
  list-style-type:none;
  display: flex;
  justify-content:space-between;
  flex-wrap: wrap;
}
  
.voice_frame ul#voice01 li {
  width:45%;
  line-height: 1.2;
  font-size: 1.2em;
  margin-bottom: 20px;
  /*font-family: "M PLUS Rounded 1c", serif;*/
  font-weight: bold;
  font-style: normal;
  
}


.voice_frame ul#voice01 li:before{
  content:"● ";
  margin-left:-25px;
}

.voice_frame ul#voice01 li span {
  color:#000;
  font-size: 0.8em;
}

.voice_frame .voice_cap{font-size: 80%; padding: 0 0 10px;}

section#voice01 p.voice_link {
  padding:5px 10px;
  background-color: #fcb54f;
  text-align: center;
  display: block;
  width:fit-content;
  margin: 0 auto 0px;
}

div#wgiftbnr .cntAuto{width: 1000px;}

section#tokuten {
  background-color: #ffebf4;
  padding: 20px 0;
  margin: 20px 0 ;
}

section#tokuten div#megane {
  /*background-color:#e1c79c;*/
  max-width:1000px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
}

section#tokuten div#megane .meganeTxt {
  font-family: "M PLUS Rounded 1c", serif;
  font-weight: bold;
  font-style: normal;
  position: absolute;
  top:420px;
  left:30px;
  width:95%;
}

section#tokuten div#megane div.bt_megane {
  width:80%;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  bottom:0px;
}

section#tokuten a:hover {
  opacity: 0.6;
}

p.shiyou {
  font-size: 0.8em;
  line-height: 1.1;

}

p.shiyou span {
  color:#ff9f18
}

section#tokuten div#catalog {
 /* background-color:#3c54b4;*/
  max-width:1000px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
}

section#tokuten div#catalog div.bt_catalog {
  width:80%;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  bottom:5px;
}

.contentsWrap section#about{/*background: #eee;*/
padding: 30px;
position: relative;
/*background-image: url("/defaultShop/penji/img/bg_img.png");*/
}

.contentsWrap section#about h2 {
  padding: 0;
  margin: 0;
  border: 0px;
}
  
.contentsWrap section#about h2::after {
    content: none;
  }
  
.contentsWrap section#about .pen_img{position: absolute; width: 125px; right: 80px; top:480px;}


.contentsWrap section#about .about_txt p {
  line-height: 1.5;
  text-align: center;
  
}

p span.red {
  color:#ff0000;
}

.contentsWrap section#about .about_txt p span.bld {
  font-weight: bold;
}

.contentsWrap section#about .about_txt p.txt01 {
  color:#ff1599;
  font-size: 1.3em;
  line-height: 1.8;
  font-weight: 700;
}


.contentsWrap section p.m-plus-rounded-1c-black {
  /*font-family: "M PLUS Rounded 1c", serif;*/
  font-weight: 500;
  font-style: normal;
  font-size: 1.1em;
}

.contentsWrap section#about2 {
  display: flex;
  box-sizing: border-box;
  justify-content:space-between;
  flex-wrap: wrap;
}


.contentsWrap section#about2 .about2_txt {
  width:45%;
  padding:20px;
}


.contentsWrap section#about2 .about2_txt p.txt01 {
  color:#ff1599;
  font-size: 1.3em;
  margin-bottom: 30px;
  border-bottom:2px solid #ff1599;
  padding-bottom:20px;
  font-weight: 700;
}



/* section mokuji */
.contentsWrap section#mokuji {
  background-color: #ddebf7;
  padding:30px 20px 0px;
  margin-bottom: 50px;
  margin-top: 50px;
}
.contentsWrap section#mokuji h3::before {
  content:none;
}

.contentsWrap section#mokuji h3 {
  padding:0 0 10px;
  font-size: 2em;
  border-bottom:2px solid #044d89
}

.contentsWrap section#mokuji .mokujiWrap {
  display: flex;
  box-sizing: border-box;
  justify-content:space-between;
}

.contentsWrap section#mokuji .mokujiWrap ul {
  width:49.5%;
}

.contentsWrap section#mokuji .mokujiWrap ul li {
  background:#fff;
  padding:8px;
  margin-bottom: 10px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  line-height: 1.5;
}

.contentsWrap section#mokuji .mokujiWrap ul li div img {
  width:45px;
  filter: drop-shadow(2px 2px 4px #666);
}

.contentsWrap section#mokuji .mokujiWrap ul li div:last-child {
  padding:5px 5px 5px 10px;
}

.contentsWrap section#mokuji .mokujiWrap ul li div span.ttl {
 background-color: #044d89;
 padding:0 3px;
 color:#fff;
 font-weight: bold;
 display: table;
}

.contentsWrap section#mokuji .mokujiWrap ul li div a {
  font-size:1.1em;
  color: #044d89;
}

/* section kawashima */
.contentsWrap section#kawashima {
  width:95%;
  border-radius: 30px;
  border:solid 3px #044d89;
  margin: 0 auto 50px;
}

.contentsWrap section#kawashima #ttl_kawashima {
  background-color: #ffff72;
  border-radius: 30px 30px 0 0;
  padding:30px 30px 30px 20px;
  align-items: center;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-feature-settings: "palt";
}

.contentsWrap section#kawashima #ttl_kawashima p {
  color:#044d89;
  font-size:1.5em;
  font-weight: normal;
  text-align: center;
  letter-spacing: -0.1em;
}

.contentsWrap section#kawashima #ttl_kawashima p span {
  vertical-align: middle; 

}

.contentsWrap section#kawashima #ttl_kawashima p span:last-child  {
  font-weight: normal;
  font-size:1.5em;
  font-weight: 900; 
  margin-left: 10px;
  font-feature-settings: "palt";
  text-shadow: 4px 4px 3px #fff, 
  -4px -4px 3px #fff, 
  -4px 4px 3px #fff, 
  4px -4px 3px #fff, 
  4px 0px 3px #fff, 
  -4px 0px 3px #fff, 
  0px 4px 3px #fff, 
  0px -4px 3px #fff 



}

.contentsWrap section#kawashima .kawaCntWrap {
  padding:30px;
  display: flex;
  box-sizing: border-box;
  justify-content:space-between;

}

.contentsWrap section#kawashima .kawaCntWrap .kawaProfile {
  width:35%;
}

.contentsWrap section#kawashima .kawaCntWrap .kawaProfile p {
  margin-top: 20px;
  font-size:0.9em;
  line-height: 1.5;
}

.contentsWrap section#kawashima .kawaCntWrap .kawaProfile p span {
  font-size:1.15em;
}

.contentsWrap section#kawashima .kawaCntWrap .kawaMessege {
  padding-left: 30px;
  line-height: 2;
  font-size:1em;
  width:65%;
}

.contentsWrap section#kawashima .kawaCntWrap .kawaMessege p.msgTtl {
  font-size:1.5em;
  color:#044d89;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 1.4;

}

.contentsWrap section#kawashima .kawaCntWrap .kawaMessege p.msgTtl span:last-child{padding-left: 4em;}

.contentsWrap section#kawashima .kawaCntWrap .kawaMessege p span {
  font-weight: 900;
}

/* kouka */

.contentsWrap section#kouka {
  background-color:#e2cfa8;
  padding:30px;
  background-image: url("/defaultShop/penji/img/bg_img3.webp");

  }

.contentsWrap section#kouka h2 {
  border-top: none;
  padding:0;
  margin:0 0 30px;
  font-size:2.6em;
  color: #5a2400;
  font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-weight: 800;
  font-feature-settings: "palt";
  text-align: center;
  text-shadow: 0.05em 0.05em 0.05em #fff, -0.05em -0.05em 0.05em #fff, -0.05em 0.05em 0.05em #fff, 0.05em -0.05em 0.05em #fff;
}

.contentsWrap section#kouka h2::after {
  content:none;
}

.contentsWrap section#kouka h3 {
  color:#db0000;
  text-align: center;
  font-size: 1.7em;
  padding: 1rem 2rem;
  border-top: 3px solid #db0000;
  border-bottom: 3px solid #db0000;
}

.contentsWrap section#kouka h3::before {
  content:none;
}

.contentsWrap section#kouka p {
  line-height: 1.8;
}

.contentsWrap section#kouka .koukaCntWrap {
  display: flex;
  box-sizing: border-box;
  justify-content:space-between;

}

.contentsWrap section#kouka .koukaCntWrap_box{width: 48%;}

.contentsWrap section#kouka .koukaCntWrap_box2{width: 38%;}
.contentsWrap section#kouka .koukaCntWrap_box3{width: 58%;}

p span.red,
.contentsWrap section#kouka p span.red,
.contentsWrap section#kouka p span.blue{font-weight: bold;}



/* miryoku */

.contentsWrap section#miryoku{
padding: 30px;
/*background-image: url("/defaultShop/penji/img/bg_img.png");*/
}

.contentsWrap section#miryoku p.miryokuTl {
  padding: 1rem 2rem;
  border-top: 3px solid #db0000;
  border-bottom: 3px solid #db0000;
  
}

.contentsWrap section#miryoku p.miryokuTl img {
  max-width: 796px;
  margin: 0 auto;
}

.contentsWrap section#miryoku .miryokuCnt p.miryokuCntTl {
  max-width: 600px;
}

.contentsWrap section#miryoku .miryokuCnt p.miryokuCntTxt {
  font-size:1.1em;
  line-height: 1.6;
  font-weight: 500;
  padding: 2rem 3rem;
  border-bottom: 3px dotted #db0000;

}

.contentsWrap section#miryoku p span.red{font-weight: bold;}

/* naiyou */

.contentsWrap section#naiyou {
  text-align: center;
/*  background-image: url("/defaultShop/penji/img/bg_img.png");*/
}

.contentsWrap section#naiyou p.naiyouTl img {
  max-width:590px ;
  margin:0 auto;  
}

.contentsWrap section#naiyou p.naiyouLead {
  font-size: 1.4em;
  font-weight: 700;

}




.contentsWrap section#naiyou .naiyouDetail p.naiyouDetailTl {
  border-radius: 30px;
  padding:10px;
  width:70%;
}

.contentsWrap section#naiyou .naiyouDetail p.tl_scratch {
  background-color:#bc8edd ;
  margin: -30px auto 0;
}

.contentsWrap section#naiyou .naiyouDetail p.tl_scratch img {
  max-width: 311px;
  margin: 0 auto;
}

.contentsWrap section#naiyou .naiyouDetail {

  background-color: rgba(255, 255, 255, 0.7);
  width: 940px; margin: auto;
}

.contentsWrap section#naiyou .naiyouDetail .naiyouImg img {
  max-width: 895px;
  margin: 0 auto;
}

.contentsWrap section#naiyou .naiyouDetail .naiyouImg{margin: 20px 0 0;}
/*.contentsWrap section#naiyou .naiyouDetail .naiyouImg1,
.contentsWrap section#naiyou .naiyouDetail .naiyouImg2,
.contentsWrap section#naiyou .naiyouDetail .naiyouImg3,
.contentsWrap section#naiyou .naiyouDetail .naiyouImg4{display: flex;}
*/

.contentsWrap section#naiyou .naiyouDetail p.tl_nazori {
  background-color:#c6e8b1 ;
  margin: -50px auto 0;
}

.contentsWrap section#naiyou .naiyouDetail p.tl_nazori img {
  max-width: 353px;
  margin: 0 auto;
}

.contentsWrap section#naiyou .naiyouDetail p.tl_text {
  background-color:#9dc3e6 ;
  margin: -50px auto 0;
}

.contentsWrap section#naiyou .naiyouDetail p.tl_text img {
  max-width: 353px;
  margin: 0 auto;
}

.contentsWrap section#naiyou .naiyouDetail p.tl_guide {
  background-color:#f8cbad ;
  margin: -38px auto 0;
}

.contentsWrap section#naiyou .naiyouDetail p.tl_guide img {
  max-width: 335px;
  margin: 0 auto;
}


/* voice */

.contentsWrap section#voice {
  background-color:#fffde0 ;
  padding:50px 0;
  margin-bottom: 50px;
  width: 940px; margin: 0 auto 50px;
}

.contentsWrap section#voice p.voiceTl {
  display: block;
}

.contentsWrap section#voice p.voiceTl img {
  max-width:605px ;
  margin: 0 auto 30px;
}

.contentsWrap section#voice p.voiceTxt {
  text-align: center;
  font-size:0.85em;
}


/*syuroku */

.contentsWrap section#syuroku p.syurokuLead {
  font-size: 1.4em;
  font-weight: 700;
  text-align: center;
margin: 0 0 50px;
}

.contentsWrap section#syuroku .syurokuDetail {
  /*background-color:rgba(215,238,249,.40) ;*/
  background-color:rgba(255,255,255,0.40) ;
  background-blend-mode:lighten;
  padding: 80px 50px 0;
  background-image: url("/defaultShop/penji/img/bg_img_2.jpg");
  background-size: cover;
  width: 840px; margin: auto;
}

.contentsWrap section#syuroku .syurokuDetail p.syurokuTtl {
  border-radius:40px;
  padding:10px;
  width:70%;
  background-color:#f8cbad;
  margin:-115px auto 0;
}

.contentsWrap section#syuroku .syurokuDetail p.syurokuTtl img {
  max-width: 346px;
  margin:0 auto;
}

.contentsWrap section#syuroku .syurokuDetail .syurokuWrap {
  display: flex;
  box-sizing: border-box;
  justify-content:space-between;
}

.contentsWrap section#syuroku .syurokuDetail .syurokuWrap div {
  width:48%;
}

.contentsWrap section#syuroku .syurokuDetail .syurokuWrap div p.syurokuTitle {
  font-size: 1.2em;
  font-weight: bold;
  color:#044d89;
  margin-bottom: 20px;
}

.contentsWrap section#syuroku .syurokuDetail .syurokuWrap div ul li {
  line-height: 1.5;
  font-size: 0.9em;
  margin-bottom: 12px;
}

.contentsWrap section#syuroku .syurokuDetail .syurokuWrap div ul li::before{content: '●'; margin-left: -1em;}

/*penset */

.contentsWrap section#penset {
  /*background-color:#f4e9d2 ;*/
  background-color:rgba(255,255,255,.40) ;
  background-blend-mode:lighten;
  padding: 30px 50px 0;
  background-image: url("/defaultShop/penji/img/bg_img3.webp");
  width: 840px; margin: auto;
}

.contentsWrap section#penset p.pensetLead {
  font-size: 1.4em;
  font-weight: 700;
  text-align: center;
}

.contentsWrap section#penset p.pensetTl img{
  max-width: 443px ;
  margin: 0 auto 20px;
  
}

.contentsWrap section#penset .pensetWrap {
  display: flex;
  box-sizing: border-box;
  justify-content:space-between;
  flex-wrap: wrap;
}

.contentsWrap section#penset .pensetWrap div {
  margin-bottom: 30px;
  width: calc((100% - 40px)/2);
}

.contentsWrap section#penset .pensetWrap div img {
  margin-bottom: 15px;
}

.contentsWrap section#penset .pensetWrap div p {
  font-size: 0.9em;font-weight: bold;
}

.contentsWrap section#penset .pensetWrap div p.pensetItemTl {
  font-weight: bold;
  font-size:1.1em;
}

.contentsWrap .endMsg p {
  font-family: Reimin Y10 Heavy, YakuHanMPs, 'NotoserifJP', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
  text-align: center;
  color:#002442;
  font-weight: 900;
  font-size: 1.6em;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.contentsWrap .endMsg p img {
  max-width:612px;
  margin: 15px auto 0;
}




.bg_wrap{background-image: url("/defaultShop/penji/img/bg_img.png");}


/* 20250120追加 */
p._20250120chu {
  width:90%;
  max-width:900px; 
  margin: 0 auto; 
  padding:15px 0; 
  font-size:0.7em; 
  margin-top: -20px;
}


@media screen and (max-width: 767px){
.order_btn0{display: block; width: 90%; /*margin-top: 0;*/ margin: 0px auto 0;}
.order_btn{display: block; width: 90%;}

.contentsWrap section#naiyou .naiyouDetail{width: 90%;}
.contentsWrap section#voice{width: 90%; padding: 20px 5%;}
.contentsWrap section#syuroku .syurokuDetail{width: calc(95% - 40px); padding: 80px 20px 20px;}
.contentsWrap section#syuroku .syurokuDetail .syurokuWrap{display: block;}
.contentsWrap section#syuroku .syurokuDetail .syurokuWrap div{width: 95%;}
.contentsWrap section#penset{width: 94%; padding: 1em 3%;}
.contentsWrap section#naiyou p.naiyouLead{padding:0 0 20px;}
.contentsWrap section#syuroku p.syurokuLead{margin: 0 0 20px;}

#megane,
#catalog,
div#wgiftbnr .cntAuto{width: 95%;}

section#tokuten div#megane .meganeTxt{}

.contentsWrap section#voice p.voiceTxt{text-align: left;}

section#voice01{width: 95%;}
section#voice01 h2{margin: 0 auto 10px; width: 100%; padding: 0 0 10px;}
.voice_frame ul#voice01{display: block; width: 60%; margin-bottom: 0; font-size: 3.5vw;}
.voice_frame ul#voice01 li{width: 100%; }
.voice_frame ul#voice01 li:last-child{margin-bottom: 0;}
.voice_frame{padding: 10px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.voice_frame .voice_hito{width: 38%;}
.voice_frame .voice_cap{width: 100%; line-height: 1.2em; padding: 10px 0; font-size: 3vw;}

section#tokuten div#megane div.bt_megane{bottom: 0px;}
section#tokuten div#megane .meganeTxt {
top:auto;
  left:2%;
  /*bottom: 95px;*/
  bottom: 21vw;
  width:96%;
  font-size: 3vw;
}
section#tokuten div#megane .meganeTxt p{font-size: 3.1vw; line-height: 1.3em; margin-bottom: 10px; font-feature-settings: "palt";}
section#tokuten div#megane .meganeTxt p.shiyou{font-size: 2.5vw;}
.redundline{text-underline-offset: 1px;}

.contentsWrap section#about{padding: 0px 10px 30px;}
.contentsWrap section#about2{display: block}
.contentsWrap section#about2 .about2_txt{width: calc(100% - 40px);}

.contentsWrap section#mokuji .mokujiWrap{display: block;}
.contentsWrap section#mokuji .mokujiWrap ul{width: 100%; margin-bottom: 0;}
.contentsWrap section#mokuji{padding: 20px;}

.contentsWrap section#kawashima #ttl_kawashima{padding: 20px 10px;}
.contentsWrap section#kawashima #ttl_kawashima p span{display: block;}
.contentsWrap section#kawashima #ttl_kawashima p span:last-child{margin:5px auto; line-height: 1.2em;}
.contentsWrap section#kawashima .kawaCntWrap .kawaProfile p{font-size: 0.8em;}

.contentsWrap section#kawashima .kawaCntWrap{flex-wrap: wrap; flex-direction: column-reverse; padding: 20px 10px;}

.contentsWrap section#kawashima .kawaCntWrap .kawaMessege{width: 100%; padding: 0;}
.contentsWrap section#kawashima .kawaCntWrap .kawaMessege p.msgTtl{font-size: 1.3em; text-align: center;}
.contentsWrap section#kawashima .kawaCntWrap .kawaMessege p.msgTtl span:last-child{padding-left: 1em;}
.contentsWrap section#kawashima .kawaCntWrap .kawaProfile{width: 100%;}
.contentsWrap section#kawashima .kawaCntWrap .kawaProfile img{width: 60%; display: block; margin: auto;}

.contentsWrap section#kouka h2{font-size: 1.8em;}
.contentsWrap section#kouka h3{font-size: 6vw; padding: 0.5em 0em;}
.contentsWrap section#kouka .koukaCntWrap{display: block;}
.contentsWrap section#kouka .koukaCntWrap_box{width: 100%;}
.contentsWrap section#kouka .koukaCntWrap_box2{width: 100%;}
.contentsWrap section#kouka .koukaCntWrap_box3{width: 100%;}
.contentsWrap section#kouka .kuk_caption{font-size: 90%;}

.contentsWrap section#miryoku{padding: 20px 10px;}
.contentsWrap section#miryoku p.miryokuTl{padding: 0; border-top: 0px;}


.contentsWrap section#penset .pensetWrap{display: block;}
.contentsWrap section#penset .pensetWrap div{width: 100%;}

.contentsWrap section#mokuji .mokujiWrap ul li{margin: 0 0 10px;}

.contentsWrap section#about .pen_img{display: none;}


.contentsWrap section#mokuji h3{font-size: 5vw; padding: 0 0 3px;}
.contentsWrap section#mokuji .mokujiWrap ul li div p{font-size: 3.5vw;}
.contentsWrap section#mokuji .mokujiWrap ul li div img{width: 25px;}
.contentsWrap section#mokuji .mokujiWrap ul li{padding: 0 8px; margin: 0 0 5px;}
.contentsWrap section#mokuji .mokujiWrap ul li div span.ttl{display: inline; margin-right: 5px;}

.contentsWrap .endMsg p{line-height: 1.3em;}
}



/*追従購入バナー*/

#head_giftbanner_fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff6c9;
	border-top: 2px solid #d9c77f;
	z-index: 100000000;
	height: 120px;
}
#head_giftbanner_fixed a:hover{opacity: 0.7;}
#head_giftbanner_fixed .order-btn{padding: 0px 0 0;}

#head_giftbanner_fixed .section{width: 950px!important;}
#head_giftbanner_fixed .col2-1,
#head_giftbanner_fixed .col2-2{width: 50%!important;}

@media screen and (max-width: 767px){
#head_giftbanner_fixed {height: auto;}
#head_giftbanner_fixed .section{width: 100%!important;}
#head_giftbanner_fixed .col2-1,
#head_giftbanner_fixed .col2-2{width: 50%!important;}
#head_giftbanner_fixed .col2-1 p,
#head_giftbanner_fixed .col2-2 p,
#head_giftbanner_fixed .col2-1 img,
#head_giftbanner_fixed .col2-2 img{margin-bottom: 0;}
}




#sp_top_lead{background:url("/defaultShop/penji/img/bg_img.png");
text-align: center;
margin: 20px 0;}
#sp_top_lead .sp_top_maruwaku{
color: #ff1a98;
border: 2px solid #ffba50;
background-color:#fff4b6 ;border-radius: 50px;
text-align: center;
font-feature-settings: "palt";
font-size: 4vw;
display: inline-block;
padding: 5px;
margin: 8px 0 0;
/*font-family: "M PLUS Rounded 1c", serif;*/
font-weight: 900;
}



/*アコーディオン*/

.accordion-box label,
.accordion-box input{display: none;}

@media screen and (max-width: 767px){
.accordion-box {
	position: relative;
    margin-bottom: 80px;
}
.accordion-box label {
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	font-size: 18px;
    font-weight: bold;
	position: absolute;
	bottom: 0;
	width: 100%;
    display: block;
  
	/* 以下グラデーションは「背景が白」に併せて設定しています */	
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.accordion-box input:checked + label {
	background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:after {
	content: "すべての収録内容をみる↓"; /* ラベルの文字 */
	letter-spacing: .05em;
	line-height: 2.5rem;
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #fff;
	background-color: #b22222;
    border: 3px solid #fff;
	width: 80vw;
    line-height: 3em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 50px;
box-shadow: 0 1px 6px #666;
    
}
/*.accordion-box label:before {
	content: "↓";
	font-weight: 700;
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translate(-140px, 0);
	transform: translate(-140px, 0);
	background-color: #fff;
	z-index: 1;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
}*/
.accordion-box input {
	display: none;
}
.accordion-box .accordion-container {
	overflow: hidden;
	height: 300px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    
    padding: 50px 0 0;
}


.accordion-box input:checked + label {
	/* display: none ; 閉じるボタンは要らないとき */
}
.accordion-box input:checked + label::after {
	content: "閉じる↑";
}
/*.accordion-box input:checked + label::before {
	content: "↑";
}*/
.accordion-box input:checked ~ .accordion-container {
    height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}
}


/*アコーディオンその２*/

.accordion-box2 label,
.accordion-box2 input{display: none;}

@media screen and (max-width: 767px){
.accordion-box2 {
	position: relative;
    margin-bottom: 80px;
}
.accordion-box2 label {
	height: 140px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	font-size: 18px;
    font-weight: bold;
	position: absolute;
	bottom: 0;
	width: 100%;
    display: block;
  
	/* 以下グラデーションは「背景が白」に併せて設定しています */	
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(249, 237, 211, 0.95) 90%);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(249, 237, 211, 0.95) 90%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(249, 237, 211, 0.95) 90%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(249, 237, 211, 0.95) 90%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(249, 237, 211, 0.95) 90%);
}
.accordion-box2 input:checked + label {
	background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box2 label:after {
	content: "すべての内容をみる↓"; /* ラベルの文字 */
	letter-spacing: .05em;
	line-height: 2.5rem;
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	color: #fff;
	background-color: #b22222;
    border: 3px solid #fff;
	width: 80vw;
    line-height: 3em;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 50px;
box-shadow: 0 1px 6px #666;
    
}

.accordion-box2 input {
	display: none;
}
.accordion-box2 .accordion-container {
	overflow: hidden;
	height: 300px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    
    padding: 50px 0 0;
}

/*
.accordion-box2 input:checked + label {
	 display: none ; 閉じるボタンは要らないとき 
}*/

.accordion-box2 input:checked + label::after {
	content: "閉じる↑";
}
/*.accordion-box2 input:checked + label::before {
	content: "↑";
}*/
.accordion-box2 input:checked ~ .accordion-container {
    height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

/* 20250120追加 */
p._20250120chu {
  width:90%;
  font-size:0.5em; 
  line-height: 1.2;
}


}