@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-bottom: 2rem;
}

p.intriimg02{
	background: white;
	padding-bottom: 2rem;
}

p.intriimgp02{
	width: 70%;
    text-align: center;
    margin: 0 auto;
}

.intimg01{
    width: 50%;
    margin: 0 auto;
    display: flex;
    padding: 2rem 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;
}
.content_box_wrapper {
  background: #ffffff;
  border-radius: 20px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 40px;
  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%;
}
.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: 1rem 2% 5rem;
  /*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: 20px;
  margin-bottom: 20px;
  border-top: 2px dashed #b8b8b8;
  padding-bottom: 10px;
}
	
.intrbtnp a {
  max-width: 300px;
  margin: 0 auto !important;
  padding: 10px;
  font-size: 100% !important;
}
	
  .intrp02 {
    font-size: 120%;
	padding: 30px 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;
  }
  .intrbtn {
    margin-top: 0px;
	text-align: center;
  }
  .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.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;

    }
/*/新商品ラインナップ*/
	
  /*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*/
}