@charset "UTF-8";

#table_t + section.contents_box01 table, #table_case + section.contents_box01 table {
     width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: solid 1px #000;
    text-align: center;
    margin: 0 auto;
}
#table_t + section.contents_box01 th, #table_t + section.contents_box01 td,#table_case + section.contents_box01 th, #table_case + section.contents_box01 td {
    border: solid 1px #000;
    padding: 10px 5px;
    width: 80px;
}
 #table_t + section.contents_box01 tr:nth-child(1) th,  #table_case + section.contents_box01 tr:nth-child(1) th {
    background: #c5c5c5;
}

#table_t + section.contents_box01 tr:nth-child(1) th:nth-child(1) {
    background: none;
}

#table_t + section.contents_box01 tr:nth-child(2) th, #table_t + section.contents_box01 tr:nth-child(2) td {
    background: #c5c5c5;
}
#t_img + div.composite_box01 .heading.block_header_6 .h {
    font-size: 2.6rem !important;
}
#t_img + div.composite_box01 .heading.block_header_4 .h {
    font-size: 3rem!important;
    font-weight: 600;
}

#t_img + div.composite_box01 .inner_item .heading p {
    font-size: 2rem;
}

#text + section .content_wrapper::after {
    /*background: #FFF4EE;*/
    background: #FFFFFF;
}

#text + section .content_wrapper .inner_item_txt p{
   font-family: 'Noto Serif JP', "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
   font-size:2rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 3em;
  line-height: 2em;
}
#text + section .content_wrapper .inner_item_txt p::before, #text + section .content_wrapper .inner_item_txt p::after {
  content: "";
  width: 2em;
  height: 2em;
}
#text + section .content_wrapper .inner_item_txt p::before {
  margin-right: 5em;
  border-top: 3px double #333;
  border-left: 3px double #333;
  margin-top: -2em;
}
#text + section .content_wrapper .inner_item_txt p::after {
  margin-left: 5em;
  border-bottom: 3px double #333;
  border-right: 3px double #333;
  margin-bottom: -2em;
}

@media screen and (max-width:768px){
#text + section .content_wrapper .inner_item_txt p::before {
  margin-right: 2em;
}
#text + section .content_wrapper .inner_item_txt p::after {
  margin-left: 2em;
}
}

@media screen and (max-width:527px){
#text + section .content_wrapper .inner_item_txt p::before {
  margin-right: 1rem;
}
#text + section .content_wrapper .inner_item_txt p::after {
  margin-left: 1rem;
}
}

#three_pack + .composite_box01 .inner_item_img img{
   height:100% !important;
}


/*----------------------------こんなお悩みありませんか？----------------------------*/
#commodity_worries + section .content_wrapper {
    text-align: center;
}

#commodity_worries + section .commodity_text span {
    position: relative;
    display: inline-block;
    padding-left: 25px;
}

#commodity_worries + section .commodity_text span:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url(/common/upload_data/brandlab-newcom/image/20230424092642.png);
    background-size: contain;
}

.commodity_wrap{
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid var(--i_border_color);
    padding: 1rem 1.5rem;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

@media screen and (max-width: 500px){
   .commodity_wrap{
     width: 90%;
  }
}

@media screen and (max-width: 350px){
  #commodity_worries + section .commodity_text span {
    font-size: 1.4rem;
}
}


/*----------------------------表----------------------------*/
@media screen and (max-width: 900px) {
#table_t + section .inner_item_txt,
#table_case + section .inner_item_txt,
#pack_price + div .outer {
overflow: scroll;
}

table {
   white-space: nowrap;
}
}


/*--------------------テーブル横並び-------------------------*/
.teble_left td{
    border: solid 1px #000;
    padding: 10px 5px;
    text-align: center;
}

.teble_left th{
    border: solid 1px #000;
    padding: 10px 5px;
}

.teble_right td{    
    border: solid 1px #000;
    padding: 10px 5px;
    font-size: 1.45rem;
    text-align: center;
}

.teble_right th{  
    border: solid 1px #000;
    padding: 10px 5px;
}

/*テーブル2つ*/
.teble_left{
/*width: 70%;*/
}

/*テーブル1つ*/
.teble_left{
width: 100%;
}

.teble_right{
  width: 30%;
  margin-left: 3rem;
  position: relative;
}

.teble_right::before{
  content:"";
  width: 18px;
  height: 18px;
  margin: 0 10px;
  border-left: 4px solid #c5c5c5;
  border-bottom: 4px solid #c5c5c5;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%) rotate(45deg);
}

.table_flex{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
}

.border-none{
  border: none !important;
}

@media screen and (max-width:900px){

    .table_flex{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
      overflow: scroll;
    }

    .teble_left{
     width: 100%;
    }

.teble_right{
  width: 100%;
  margin-left: 0;
  margin-top: 3rem;
  min-width: 538px;
}

.teble_right::before{
  top: -15px;
    left: 50%;
    transform: translateX(-50%) rotate(135deg);
}

}

@media screen and (min-width:901px) and ( max-width:1100px){
  .teble_right th {
    font-size: 1.4vw;
  }
}

@media screen and (max-width:500px){
  .postage{
     font-size: 3.3vw;
  }
  #postage + section p{
      font-size: 3.3vw;
  }
}

/*-------------------#annual_pack-----------------------*/

#annual_pack_sp + section{
  display: none;
}

@media screen and (max-width:768px){
#annual_pack_pc + section{
  display: none;
}

#annual_pack_sp + section{
  display: block;
}
}

/*-------------------グラフ----------------------*/
#img_sp + section{
    display: none;
}
@media(width <= 900px){
#img_pc + section{
    display: none;
}
#img_sp + section{
    display: block;
}
}
/*-----------選べるかおり英語表記の拝背景------------*/
#tag_bg + .contents_box01 .block_header_2 p{
  width: fit-content;
  background: #d88e4d;
  padding: 0.2em 0.5em;
  color: #4d4d4d !important;
}

#tag_bg + .contents_box01 .wrapper_item{
  background: #AA9A69;
}
#tag_bg + .contents_box01 .heading.block_header_2 .h,
#tag_bg + .contents_box01 .inner_item_txt p:nth-last-of-type(1){
  color: #fff;
}
/*-----------02----------*/
#tag_bg_02 + .contents_box01 .block_header_2 p{
  width: fit-content;
  background: #268D12;
  padding: 0.2em 0.5em;
  color: #4d4d4d !important;
}

#tag_bg_02 + .contents_box01 .wrapper_item{
  background: #85A460;
}
#tag_bg_02 + .contents_box01 .heading.block_header_2 .h,
#tag_bg_02 + .contents_box01 .inner_item_txt p:nth-last-of-type(1){
  color: #fff;
}

/*-----------03----------*/
#tag_bg_03 + .contents_box01 .block_header_2 p{
  width: fit-content;
  background: #A0980F;
  padding: 0.2em 0.5em;
  color: #4d4d4d !important;
}

#tag_bg_03 + .contents_box01 .wrapper_item{
  background: #D0B820;
}
#tag_bg_03 + .contents_box01 .heading.block_header_2 .h,
#tag_bg_03 + .contents_box01 .inner_item_txt p:nth-last-of-type(1){
  color: #fff;
}


/*-----------フレグランス----------*/
#tag_bg + .contents_box01 .block_header_2 p,
#tag_bg_02 + .contents_box01 .block_header_2 p,
#tag_bg_03 + .contents_box01 .block_header_2 p {
    color: #fff !important;
}

/*-----------選べるかおり英語表記の拝背景2------------*/
/*-----------04----------*/
#tag_bg_04 + .contents_box01 .block_header_2 p{
  width: fit-content;
  background: #d88e4d;
  padding: 0.2em 0.5em;
  color: #4d4d4d !important;
}

#tag_bg_04 + .contents_box01 .wrapper_item{
  background: #fff;
}
#tag_bg_04 + .contents_box01 .heading.block_header_2 .h,
#tag_bg_04 + .contents_box01 .inner_item_txt p:nth-last-of-type(1){
  color: var(--i_txt_color);
}
/*-----------05----------*/
#tag_bg_05 + .contents_box01 .block_header_2 p{
  width: fit-content;
  background: #268D12;
  padding: 0.2em 0.5em;
  color: #4d4d4d !important;
}

#tag_bg_05 + .contents_box01 .wrapper_item{
  background: #fff;
}
#tag_bg_05 + .contents_box01 .heading.block_header_2 .h,
#tag_bg_05 + .contents_box01 .inner_item_txt p:nth-last-of-type(1){
  color: var(--i_txt_color);
}

/*-----------06----------*/
#tag_bg_06 + .contents_box01 .block_header_2 p{
  width: fit-content;
  background: #A0980F;
  padding: 0.2em 0.5em;
  color: #4d4d4d !important;
}

#tag_bg_06 + .contents_box01 .wrapper_item{
  background: #fff;
}
#tag_bg_06 + .contents_box01 .heading.block_header_2 .h,
#tag_bg_06 + .contents_box01 .inner_item_txt p:nth-last-of-type(1){
  color: var(--i_txt_color);
}


/*-----------フレグランス----------*/
#tag_bg_04 + .contents_box01 .block_header_2 p,
#tag_bg_05 + .contents_box01 .block_header_2 p,
#tag_bg_06 + .contents_box01 .block_header_2 p {
    color: var(--i_txt_color);
}


/*-----------グラフ画像----------*/
#content_img + section .inner_item_img {
    max-width: 40%;
}

#content_img + section .inner_item_img img {
    max-height: 500px;
    object-fit: contain;
}

@media screen and (max-width: 900px) {
#content_img + section .inner_item_img img {
    max-height: 400px;
}

}