@charset "utf-8";
/* CSS Document */
/* PCでは改行を無効化 */
.sp-br {
  display: none;
}
.pc-br {
  display: block;
}
.scroll-target {
  /* ヘッダーの高さ分を確保する（例：80px） */
  scroll-margin-top: 80px;
}
#Wrapperaj {
  font-family: "GSanSerif-B", "Noto Sans JP", sans-serif;
  font-weight: 700;
}
/*main*/
.c_wrapper {
  padding-top: 2rem;
  width: 100%;
  height: auto;
  background: url(https://onkyodirect.jp/img/usr/visual/aj/onani_00.png), #fffaf0;
  background-repeat: repeat-y;
  background-position: top center;
  background-size: auto;
  background-size: contain;
}
#kv_area {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 2rem;
  /*background: url(https://onkyodirect.jp/img/usr/visual/aj/onani_03.png), url(https://onkyodirect.jp/img/usr/visual/aj/onani_01.png),url(https://onkyodirect.jp/img/usr/visual/aj/onani_00.png), #fffaf0;/*url(https://onkyodirect.jp/img/usr/visual/aj/onani_00.png), #fffaf0*/ ;
  /*background: url(https://onkyodirect.jp/img/usr/visual/aj/onani_01.png), url(https://onkyodirect.jp/img/usr/visual/aj/onani_00.png), #fffaf0;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: top center;
  background-size: auto;
  background-size: contain;*/
  /*margin: -20px auto -20px;
  max-width: 1080px;*/
  position: relative;
  margin: 0 auto;
  /*z-index: 1;*/
}
.image02 {
  position: absolute; /* 画面に対して固定（スクロールしても付いてくる） */
  top: 50%; /* 上から50%の位置 */
  left: 50%; /* 左から50%の位置 */
  transform: translate(-50%, -50%); /* 自身の幅・高さの半分だけ戻して完全に中央へ */
  z-index: -2; /* 他の要素より手前に出す */
  /* レスポンシブ対応 */
  width: 100%; /* スマホでは画面幅いっぱいに近く */
}
.image01 {
  position: absolute; /* 画面に対して固定（スクロールしても付いてくる） */
  top: 50%; /* 上から50%の位置 */
  left: 50%; /* 左から50%の位置 */
  transform: translate(-50%, -50%); /* 自身の幅・高さの半分だけ戻して完全に中央へ */
  z-index: -1; /* 他の要素より手前に出す */
  /* レスポンシブ対応 */
  width: 100%; /* スマホでは画面幅いっぱいに近く */
}
#Wrapperaj * {
  box-sizing: border-box;
}
.kv_wrapper {
  /*max-width: 1080px;*/
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.kv_wrapper h1 {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  /*gemini*/
  text-align: center;
  padding: 0;
  /*/gemini*/
}
.kv_wrapper .mv_btn_red {
  width: 100%;
  height: auto;
  display: block;
  max-width: 360px;
  margin: 0;
  position: absolute;
  top: 20%;
  left: -8%;
  animation: mv_btn_red 3s ease-in-out infinite alternate-reverse;
}
/*a.btn {
  -webkit-transition: all .3s;
  transition: all .5s;
}
main a {
  color: #666;
  transition: 0.3s ease 0s;
  text-decoration: underline;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}*/
/*intro_area*/
.c_wrapper02 {
  padding-top: 2rem;
  width: 100%;
  height: auto;
}
#intro_area {
  background-color: #fdbd44;
  /*background-color: #231915;*/
  /*position: relative;
    top: 20px;*/
  height: auto;
  width: 100%;
  padding: 5rem 7%;
}
.intro_cs {
  text-align: center;
}
.intro_cs p {
  width: 100%;
  text-align: center;
  font-size: 700%;
  color: white;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 800;
  letter-spacing: 0.2rem;
  -webkit-text-stroke: 1px #FFF;
  text-stroke: 1px #FFF;
  text-shadow:
    3px 3px 3px #000, -3px -3px 3px #000, -3px 3px 3px #000, 3px -3px 3px #000, 3px 0px 3px #000, -3px -0px 3px #000, 0px 3px 3px #000, 0px -3px 3px #000;
}
.intro_cs img {
  width: 80%;
  margin: 0 auto;
}
.intro_area2 {
  /*display: flex;*/
  display: block;
  background-color: white;
  padding-bottom: 20px;
  border-radius: 20px;
  max-width: 1080px;
  margin: 0 auto;
}
.introbox {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  color: white;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: solid 2px #000000; */
  border-radius: 50px;
  /* margin: 2rem 0 0; */
  margin-right: 3rem;
  background-color: white;
  border-radius: 20px;
  padding: 0 0 20px;
}
/*intro_area box*/
.intro_area2 {
  width: 100%;
  margin-bottom: 4rem;
}
.introbox2 {}
.introbox2h2 {
  width: 100%;
}
.introbox2h2 h2 {
  width: 100%;
  height: auto;
  /* display: flex; */
  background: #221815;
  border-radius: 20px 20px 0 0;
  justify-content: space-between;
  /* align-items: center; */
  padding: 10px;
  text-align: center;
  color: white;
  font-size: 220%;
  font-family: fantasy;
  font-weight: 600;
  position: relative;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1rem;
}
.introbox2h2 h2 span.colabo_1 {
  display: inline-block;
  position: absolute;
  font-size: 3.8em;
  transform: rotate(-10deg);
  top: -70px;
  left: 50px;
  z-index: 1;
  pointer-events: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 900;
}
.intrimg {
  padding: 10px 0
}
p.intriimg01 {
  background: #3E3E42;
  padding-top: 2rem;
  /*padding-bottom: 2rem;*/
}
p.intriimg02 {
  background: white;
  padding-bottom: 2rem;
}
p.intriimgp02 {
  width: 70%;
  text-align: center;
  margin: 0 auto;
}
.intimg01 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  /*padding: 2rem 0;*/
  padding: 0;
}
.intimg02 {
  width: 90%;
  margin: 0 auto;
  display: flex;
  padding: 2rem 0;
}
.intrp {
  font-weight: bold;
  font-size: 180%;
  text-align: center;
  line-height: 2.4rem;
  text-align: left;
  padding: 30px;
}
.intrp01 {
  font-weight: bold;
  font-size: 180%;
  text-align: center;
  line-height: 2.4rem;
  text-align: left;
  padding: 0 30px 30px;
  text-align: center;
  line-height: 2.6rem;
  /*max-width: 600px;*/
  margin: 0 auto;
}
.intrp02 {
  font-weight: bold;
  font-size: 180%;
  text-align: center;
  line-height: 2.4rem;
  text-align: left;
  padding: 30px;
  text-align: center;
  line-height: 2.6rem;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}
.link_box01 {
  width: 95%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.link_box01 p {
  font-weight: bold;
  font-size: 160%;
  /*line-height: 1.2;*/
}
.order {
  width: 50%;
  padding: 2rem 10px 10px;
}
.textp02 {
  line-height: 2.4rem;
  margin-bottom: 2rem;
  max-width: 450px;
  margin-top: 2rem !important;
  text-align: left;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.intrbtn {
  width: 85%;
  margin: 0 auto;
  padding-top: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-top: 2px dashed #b8b8b8;
  padding-bottom: 10px;
}
.intrbtnp {
  /*width: 100% !important;
  display: block;
  background: #E32226;
  border-radius: 50px;
  max-width: 500px;
  margin: 0 auto !important;
  padding: 10px;
  color: #ffffff;
  font-size: 120% !important;
  font-weight: bold;
  text-align: center;*/
}
.intrbtn01 {
  width: 85%;
  margin: 0 auto;
  padding-top: 10px;
  margin-top: 30px;
  margin-bottom: 20px;
  /*border-top: 2px dashed #b8b8b8;*/
  padding-bottom: 10px;
  text-align: center;
}
.intrbtnp01 a {
  /* width: 35%;
    height: auto;
    text-decoration: none;
	color: #ffffff;
	 -webkit-transition: all .3s;
    transition: all .3s;*/
  width: 100% !important;
  display: inline-block;
  /*background: #E32226;*/
  background: lightcoral;
  border-radius: 50px;
  max-width: 300px;
  margin: 0 auto !important;
  padding: 10px;
  color: #ffffff;
  font-size: 100% !important;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.intrbtnp01 a:hover {
  animation: none;
  transform: scale(1.1, 1.1);
  opacity: .5;
}
.intrbtnp a {
  /* width: 35%;
    height: auto;
    text-decoration: none;
	color: #ffffff;
	 -webkit-transition: all .3s;
    transition: all .3s;*/
  width: 100% !important;
  display: block;
  background: #E32226;
  border-radius: 50px;
  max-width: 500px;
  margin: 0 auto !important;
  padding: 13px;
  color: #ffffff;
  font-size: 160% !important;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.intrbtnp a:hover {
  animation: none;
  transform: scale(1.1, 1.1);
  opacity: .5;
}
/*/intro_area box*/
/*main_contents ボックス*/
.colabo_box_wrapper {
  margin-top: -7%;
}
.colabo_box_wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1080px;
  margin: 0 auto;
}
.package {
  align-items: flex-end;
}
.colabo_box {
  width: 48.5%;
  height: auto;
  background: #ffffff;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.colabo_box.snscp h2 {
  display: block;
  background: #84bae5;
  border-radius: 20px 20px 0 0;
  padding: 15px;
}
.colabo_box h2 {
  width: 100%;
  height: auto;
  display: flex;
  background: #ba0f3d;
  border-radius: 20px 20px 0 0;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
}
.snscp h2 .colabo_head {
  width: 60%;
}
.colabo_box h2 .colabo_head {
  width: 80%;
  margin: 10px;
}
img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.colabo_box.booth {
  margin-top: 3%;
}
.colabo_box_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.tokuten .colabo_box_content {
  margin-top: -30px;
}
.colabo_box_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
}
.tokuten .colabo_box_content .img_box {
  width: 55.5%;
}
.colabo_box_content .img_box {
  width: 52.5%;
}
/*/intro_area*/
/*taiken_box*/
.taiken_box {
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1080px;
  margin: 40px auto 0;
  position: relative;
  z-index: 49;
}
.taiken_box .text_box {
  background: #fcedc2;
  border-radius: 20px 0 0 20px;
  padding: 20px;
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cs {
  background: #3E3E42;
  padding: 2rem 0 4rem;
  border-radius: 20px; /* 角の丸み */
  overflow: hidden; /* 画像が枠をはみ出さないようにする */
}
.cs img {
  width: 50%;
  margin: 0 auto;
  display: flex;
}
img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
.taiken_box .img_box {
  width: 68%;
  padding: 10px;
}
/*main_contents*/
.main_contents {
  /* width: 100%;
  height: auto;
  display: block;
  background: url(https://onkyodirect.jp/img/usr/visual/aj/onani_01.png), url(https://onkyodirect.jp/img/usr/visual/aj/onani_00.png), #fffaf0;
  background-repeat: repeat-y, repeat-y;
  background-size: contain, cover;
  background-attachment: scroll, fixed;
  position: relative;
  z-index: 1;
  padding-bottom: 80px;*/
  /*gemini*/
  width: 100%;
  height: auto;
  display: block;
  background-image: /*url(https://onkyodirect.jp/img/usr/visual/aj/onani_01.png),*/ url(https://onkyodirect.jp/img/usr/visual/aj/onani_07.png), url(https://onkyodirect.jp/img/usr/visual/aj/onani_00.png);
  background-color: #fffaf0;
  position: relative;
  /* 【ここを修正】 */
  /* 1つ目(07)は横幅100%に合わせる / 2つ目(00)は元のサイズ(auto)を維持 */
  background-size: 100% auto, auto;
  /* リピート設定 */
  /* 07は繰り返さない / 00は縦横に繰り返す(repeat) */
  background-repeat: repeat, repeat;
  /* 位置設定 */
  background-position: top center, top left;
  background-color: #fffaf0;
}
.font-gsanserif {
  font-family: "GSanSerif-B", "Noto Sans JP", sans-serif;
  font-weight: 700;
  display: block;
  text-align: center;
}
/*/gemini*/
/*.main_contents:before {
  content: '';
  display: block;
  width: 100%;
  background: url(/view/promotion/c107/img/pink_bg_top.png) center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 9vw;
  position: relative;
  top: -8.5vw;
  pointer-events: none;
}*/
.main_contents_w {
  padding: 0 7%;
  padding-top: 3rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
.content_box_wrapper {
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 0;
  max-width: 1080px;
  position: relative;
  z-index: 49;
  padding: 30px 2%;
}
.content_box_wrapper h2 {
  background: crimson;
  border-radius: 10px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 20px 10px;
  color: #ffffff;
  font-size: 180%;
  text-align: center;
  letter-spacing: 0.2rem;
}
.content_box {
  /*display: flex;*/
  display: block;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  padding: 10px 1%;
}
.content_box h3 {
  text-align: center;
  font-size: 120%;
  padding-bottom: 2rem;
}
.c_at3 h3{
  text-align: center;
  font-size: 120%;
  padding-bottom: 2rem;
}

.c_at {
    font-size: 100%;
    padding-left: 1em;
    text-indent: -1em;
    font-weight: normal;
	line-height: 1.8rem;
  }

.Package .content_box .text_box {
  display: block;
  /*width: 55%;*/
  width: 100%;
  position: relative;
  z-index: 10;
}
span.move {
  width: 35%;
  display: block;
  position: relative;
  position: absolute;
  top: -95px;
  left: 70%;
}
/* アニメーションの定義：左右に30px揺れる */
@keyframes sideToSide {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(20px); /* 右に動く距離。調整可能です */
  }
  100% {
    transform: translateX(0);
  }
}
/* 画像を囲んでいる .move クラスに適用 */
.move {
  display: inline-block; /* アニメーションを正しく適用させるために必要 */
  animation: sideToSide 2s ease-in-out infinite; /* 2秒周期で無限に繰り返す */
}
/* 画像自体の微調整（必要に応じて） */
.move img {
  vertical-align: middle;
}
.Package .content_box .text_box h3 {
  width: 100%;
  display: block;
  font-size: 220%;
  color: lightcoral;
  font-weight: bold;
  line-height: 2.8rem;
  text-align: center;
  max-width: 550px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.Package .content_box .text_box .price_box {
  display: block;
  width: 100%;
  background: #44cbd8;
  border-radius: 10px;
  color: #ffffff;
  padding: 8px 10px;
  text-align: center;
  margin: 16px 0 30px;
  font-size: 180%;
  line-height: 1.2;
}
.Package .content_box .text_box .clearcard {
  width: 108%;
}
.Package .content_box .img_box {
  /*display: flex;*/
  justify-content: flex-end;
  align-items: center;
  width: 43%;
  margin-right: -10px;
}
.store_link_box {
  margin: 1rem;
}
.store_link_box p {
  font-size: 180%;
  line-height: 1.2;
}
/*onbeauty*/
.swiper {
  width: 90%;
}
.h3_text01 {
  color: black !important;
}
.container_onb01 {
  margin: 5rem 0 2rem;
}
.h3_text02 {
  padding: 2rem 0 0.2rem !important;
}
.line_m {
  padding: 0 !important;
}
/*/onbeauty*/
/*/main_contents*/
/*新商品ラインナップ*/
.full-width-section {
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 40px;
  max-width: 1080px;
  position: relative;
  padding: 30px 2%;
}
.wrap_newlineup {
  margin: 0 auto;
  /* padding: 0 7%; */
}
.new_up {
  margin: 2rem 0 0;
  background: white;
  padding: 2rem 2rem 1rem;
  border-radius: 0.5rem;
}
.linename {
  /*font-family: Roboto, '游ゴシック Medium', sans-serif;*/
  border-bottom: 1px solid lightgray;
  font-size: 200%;
}
.lines {
  margin: 0 auto;
  /* padding: 0 3% 0 3%; */
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  /* justify-content: space-between; */
  margin-bottom: 4rem;
}
.lines li {
  width: 25%;
  width: calc(25% - 22px);
  margin: 1px;
  box-sizing: border-box;
  padding: 10px 10px 12px 10px;
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  /* border: solid 1px #333; */
  margin-right: 20px;
}
/*/新商品ラインナップ*/
/*oa_area*/
.oa_area {
  display: flex;
  justify-content: space-between;
  /*margin:2rem 0;*/
  /*padding: 0 2%;*/
  padding: 5rem 2% 2rem;
  /*background-color: #ffc75e;*/
  /*background:  url(https://onkyodirect.jp/img/usr/visual/aj/onani_00.png), #fffaf0;
   background-repeat: no-repeat;
   background-position: top center;
   background-size: auto;
   background-size: cover;*/
}
.oa_area div:first-child {
  padding-right: 15px;
}
.oa_area img {
  filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.5));
}
/*/oa_area*/
@media screen and (max-width: 768px) {
  html, body {
    overflow-x: hidden;
    width: 100%;
  }
  .sp-br {
    display: block;
  }
  .pc-br {
    display: none;
  }
  /*main*/
  .c_wrapper {
    box-sizing: border-box;
    padding-top: 3.5rem;
  }
  .Wrapperaj {
    width: 100%;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  #kv_area {}
  /*gemini*/
  .kv_wrapper h1 {
    text-align: center;
  }
  /*/gemini*/
  .image02 {
    /*width: 90%;          /* スマホでは画面幅いっぱいに近く */
    /* max-width: 500px;*/ /* デスクトップでは広がりすぎないように制限 */
    width: 110vw;
    max-width: none;
  }
  .image01 {
    /* レスポンシブ対応 */
    /*width: 90%;          /* スマホでは画面幅いっぱいに近く */
    /*max-width: 500px;*/ /* デスクトップでは広がりすぎないように制限 */
    width: 135vw;
    max-width: none;
  }
  /*gemini*/
  .swing-image {
    width: 105vw;
    display: block !important;
    width: 110vw !important;
    margin-left: -7vw !important; /* 110vwの半分（55vw）を引いて中央に合わせる計算 */
    position: relative;
    top: -30px;
  }
  /*/gemimi*/
  /*main*/
  /*main_contents*/
  .main_contents {
    /*width: 100%;
    height: auto;
    display: block;
    z-index: 1;*/
    /*gemimi*/
    /* スマホでは水玉を少し小さくして密度を調整（例: 300px） */
    background-size: contain, 300px;
    /* 下の余白もスマホ用に調整が必要であれば */
    padding-bottom: 40px;
    /*/gemimi*/
  }
  /*main_contents*/
  /*intro_area*/
  #intro_area {
    /*position: relative;
    top: 20px;*/
    height: auto;
    width: 100%;
    padding: 3rem 5%;
    margin-top: 2rem;
  }
  .intro_cs p {
    font-size: 450%;
  }
  .intro_area2 {
    /*display: flex;*/
    display: block;
    /*background-color: white;*/
    padding-bottom: 20px;
    border-radius: 20px;
  }
  .introbox {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    color: white;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* border: solid 2px #000000; */
    border-radius: 50px;
    /* margin: 2rem 0 0; */
    margin-right: 3rem;
    background-color: white;
    border-radius: 20px;
    padding: 0 0 20px;
  }
  .intrbtnp01 a {
    min-width: 300px;
  }
  .intrbtn {
    padding-top: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 2px dashed #b8b8b8;
    padding-bottom: 10px;
	text-align: center;
	  
  }
/*.intrbtn {
    margin-top: 0px;
    text-align: center;
  }*/
  .intrbtnp a {
    max-width: 300px;
    margin: 0 auto !important;
    padding: 10px;
    font-size: 100% !important;
  }
  .intrp02 {
    font-size: 120%;
    padding: 30px 10px 10px;
  }
  /*intro_area box*/
  .introbox2h2 h2 {
    font-size: 140%;
    font-family: "fantasy", "GSanSerif-B", "Noto Sans JP", sans-serif;
    osition: relative;
    min-height: 55px;
  }
  .introbox2h2 h2 span.colabo_1 {
    font-size: 3em;
    top: -40px;
    left: 5px;
  }
  .intrimg {
    padding: 10px 0
  }
  .intrp {
    font-weight: bold;
    font-size: 140%;
    line-height: 1.2;
    text-align: center;
    padding: 10px 1rem;
  }

  .intrbtn01 {
    /*width: 85%;*/
    margin: 0 auto;
    padding-top: 0px;
    margin-top: 20px;
    margin-bottom: 5px;
    border-top: none;
    padding-bottom: 10px;
    max-width: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .intrbtnp {
    width: 100% !important;
    display: block;
    max-width: 300px;
    margin: 0 auto !important;
    padding: 10px 0;
    font-size: 110% !important;
    text-align: center;
  }
  .link_box01 {
    display: block;
    width: 95%;
  }
  .link_box01 p {
    font-size: 110%;
    text-align: center;
    line-height: 2.2rem;
  }
  .order {
    width: 100%;
    padding: 2rem 10px 10px;
  }
  .textp02 {
    line-height: 2rem;
    margin-bottom: 2rem;
    max-width: 350px;
    margin: 0 auto;
  }
  .intrp {
    font-weight: bold;
    font-size: 105%;
    line-height: 2.4rem;
    text-align: left;
    padding: 15px;
    text-align: center;
  }
  .intrp01 {
    font-size: 120%;
    padding: 0 30px 30px;
  }
  p.mr{
	margin-bottom:1rem; 	
	}
  p.intriimg02 {
    background: white;
    padding-bottom: 0;
  }
  /*/intro_area box*/
  /*main_contents*/
  .main_contents_w {
    padding: 3rem 5% 0;
    padding-top: 2rem;
  }
  span.move {
    top: -38px;
    left: 65%;
  }
  .content_box_wrapper {
    padding: 1px 2%;
  }
  .content_box_wrapper h2 {
    padding: 10px 10px;
    color: #ffffff;
    font-size: 125%;
    margin-top: 1.5rem !important;
    margin: 0 auto;
    text-align: center;
  }
  .Package .content_box .text_box h3 {
    font-size: 140%;
    line-height: 2.4rem;
    max-width: 250px;
  }
  .store_link_box p {
    line-height: 2rem;
    font-size: 110%;
    max-width: 270px;
    margin: 0 auto;
  }
  .cs {
    padding: 2rem 0 3rem;
  }
  .cs img {
    width: 50%;
    margin: 0 auto;
    display: flex;
  }
  /*onbeauty*/
  .container_onb01 {
    margin: 3rem 0 2rem !important;
  }
  .h3_text02 {
    padding: 0 0 0.2rem !important;
  }
  .or2 {
    margin-top: -20px;
  }
  /*/onbeauty*/
  /*/main_contents*/
  /*新商品ラインナップ*/
  .full-width-section {}
  .wrap_newlineup {}
  .new_up {
    margin: 0;
    padding: 0rem 0.3rem 1rem;
    border-radius: 0.5rem;
  }
  .strong {
    font-size: 160% !important;
  }
  li.one span.text {
    font-size: 100%;
  }
  span.price_01 {
    display: block;
    text-align: left;
    padding-left: 6px;
    font-size: 110%;
  }
  .linename {
    font-size: 100%;
  }
  .lines {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    margin-top: 2rem;
    box-sizing: border-box;
    justify-content: space-between;
  }
  .lines li {
    margin: 10px 7px 10px;
    padding: 0;
    list-style: none;
    width: 45%;
    width: calc(90% / 2);
    font-size: 0.8rem;
  }
  .content_box h3 {
    padding-bottom: 0;
  }
.c_at3 h3{
  text-align: center;
  font-size: 100%;
  padding-bottom: 2rem !important;
  padding-top: 2rem;
}
  .c_at {
    font-size: 80% !important;
    padding-left: 1em;
    text-indent: -1em;
    font-weight: 400;
	line-height: 1.4rem;
  }
	.c_at3 h3 span.no{
		display: none;
	}

  /*/新商品ラインナップ*/
  /*oa_area*/
  .oa_area {
    display: block;
    justify-content: space-between;
    margin:2rem 0;
    /*padding: 0 2%;*/
    padding: 0 3% 1rem;
    /*background-color: #ffc75e;*/
  }
  .oa_area div:first-child {
    padding-right: 0;
    padding-bottom: 1rem;
  }
  /*/oa_area*/
}