@charset "utf-8";


/* **************************
  全体
************************** */

body {
font-family: var(--font-en), var(--font-jp);
-webkit-text-size-adjust: 100%;
background: var(--color-white);
color: var(--color-font);
line-height: 1.8;
}

.clearfix:after {
content: "";
clear: both;
display: block;
}

/*.each_product_detail {
	max-width: none;
}*/

.main_contents_area ul {
    list-style: none;
}

.main_contents_area ol {
    list-style: none;
}

.main_contents_area li {
    line-height:1.8;
	font-size: var(--text-xxl);
}

.main_contents_area dl {
    line-height:1.8;
	font-size: var(--text-xxl);
}

.main_contents_area dt{
    margin-bottom: 0.5rem;
	font-size: var(--text-xxl);
}


/* **************************
商品説明4の幅について
************************** */
.main_contents_area {
   /*  max-width: 118rem; ※※※※※レイアウト崩れた時はコメントアウトはずす※※※※※*/
      width: 100%;
/*	 margin: auto;*/
    }

/* **************************
  メイン
************************** */
.layout_body {
width: 100%;
}
.main_contents_area {
color: var(--color-font);
font-size: var(--text-xxl);
line-height: 1.8;
}
.main_contents_area img,
.main_contents_area svg {
max-width: 100%;
height: auto;
}
.layout_780 .main_contents_area{
padding: 8rem 0;
}
.layout_980 .main_contents_area{
padding: 8rem 0;
}
.main_contents_area .inner_l,
.main_contents_area .inner_m,
.main_contents_area .inner_g{
padding: 8rem 2rem;
}
.main_contents_area .inner_g {
text-align: justify;
}
.main_contents_area table,
.main_contents_area th,
.main_contents_area td,
.main_contents_area tr{
box-sizing: border-box;
word-break: break-all;
}
.main_contents_area th {
font-weight: normal;
}

.main_contents_area input, button, textarea {
    appearance: auto;
    margin: revert;
}


/* **************************
  装飾
************************** */
.main_contents_area .pt00{
padding-top: 0!important;
}
.main_contents_area .mt10{
margin-top: 10px !important;
}
.main_contents_area .mt40{
margin-top: 40px !important;
}
.main_contents_area .mt50{
margin-top: 50px !important;
}
.main_contents_area .mb30{
margin-bottom: 30px !important;
}
.main_contents_area .mb50{
margin-bottom: 50px !important;
}
.main_contents_area .display_ib{
display: inline-block;
}

/* 文字 */
.main_contents_area a {
color: var(--color-link);
text-decoration: underline;
}

.main_contents_area a:hover {
text-decoration: none;
}
.main_contents_area .t_align_c{
text-align: center;
}
/*.main_contents_area .t_align_c p{
text-align: center;
}*/
.main_contents_area .t_align_r{
text-align: right;
}
/*.main_contents_area .t_align_r p{
text-align: right;
}*/
.main_contents_area .t_color_red{
color: var(--color-text-attention);
}
.main_contents_area .f_weight_b{
font-weight: 500;
}
.main_contents_area p+p,
.main_contents_area p+ .col_three{
margin-top: 1em;
}
.main_contents_area .f_size_12{
font-size: var(--text-s);
line-height: 1.3;
}

.main_contents_area p {
font-size: var(--text-xl);
line-height: 1.8;
}


/* 見出し */
.main_contents_area .ttl_a {
padding: 2.2rem 0;
margin: 0px;
font-family:var(--font-en), var(--font-jp);
font-size: var(--title-xxl);
font-weight: 400;
line-height: 2.3;
text-align: center;
color: var(--color-title);
border-bottom: 1px solid var(--color-title_line);
}
.main_contents_area .ttl_a_sub {
font-family:var(--font-en), var(--font-jp);
padding: 3rem 0;
font-size: var(--title-l);
line-height: 1.7;
color: var(--color-title);
}

.main_contents_area .ttl_a_sub p{
font-family:var(--font-en), var(--font-jp);
padding: 3rem 0;
font-size: var(--title-l);
line-height: 1.7;
color: var(--color-title);
}

.main_contents_area .ttl_a_sub .description{
font-family:var(--font-en), var(--font-jp);
font-size: var(--title-xs)!important;
}

.main_contents_area .ttl_b {
font-family: var(--font-en), var(--font-jp);
margin-bottom: 4rem !important;
font-size: var(--title-xl);
font-weight:400;
line-height: 1.5;
text-align: center;
color: var(--color-title);
}
.main_contents_area .ttl_c {
    font-family: var(--font-en), var(--font-jp);
    font-size: var(--title-xl);
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-title)!important;
    text-align: center;
    padding: 9rem 2rem 6rem!important;
}
.main_contents_area .ttl_c_sub {
background: var(--color-white);
color: var(--color-title);
font-size: var(--title-s);
font-weight:400;
line-height: 1.6;
margin: 5rem 1.2rem -3rem 1.2rem;
padding: 3.5rem 1rem 1rem 1rem;
}
.main_contents_area .ttl_d {
position: relative;
padding-bottom: 1rem !important;
margin-bottom: 4rem !important;
font-family: var(--font-en), var(--font-jp);
font-size: var(--title-l);
line-height: 1.4;
font-weight: 400;
color: var(--color-title);
border-bottom: 1px solid var(--color-title_line)!important;
}
.main_contents_area .ttl_d:after{
content: "";
position: absolute;
bottom: -0.5rem;
left: 0;
height: 0;
width: 17.2rem;
border-bottom: 5px solid var(--color-point);
}
.main_contents_area .ttl_e {
font-family: var(--font-en), var(--font-jp);
margin-bottom: 2.5rem !important;
font-size: var(--title-m2);
line-height: 1.3;
color: var(--color-title);
font-weight: 400;
}
.main_contents_area .ttl_e:before {
position:relative;
margin-right: 0.8rem;
font-family: "Font Awesome 5 Free";
content: "\f45c";
font-weight: bold;
font-size: 1.2rem;
color: var(--color-point);
top: -4px;
}
.main_contents_area .ttl_f {
font-family: var(--font-en), var(--font-jp);
margin-bottom: 2.5rem !important;
font-size: var(--title-m2);
line-height: 1.3;
color: var(--color-title);
font-weight: 400;
}

.main_contents_area .ttl_g {
line-height: 0;
text-align: center;
border-bottom: 1px solid #e0dede;
padding-bottom: 0;
}

.main_contents_area .ttl_b:not(:first-child){ margin-top: 9rem !important;}
.main_contents_area .ttl_d:not(:first-child) { margin-top: 3.5rem !important; }
.main_contents_area .ttl_e:not(:first-child),
.main_contents_area .ttl_f:not(:first-child){ margin-top: 3.5rem !important; }






/* リスト */
.main_contents_area .list_a {
margin-left: 1em;
}
.main_contents_area .list_a li{
text-indent:-1em;
padding-left:1em;
}
.main_contents_area .list_a li:before{
content: "\0025aa";
color: var(--color-title);
}
.main_contents_area .list_b {
margin-left: 1em;
}
.main_contents_area .list_b li {
list-style-type: none;
counter-increment: number;
text-indent:-2.5em;
}
.main_contents_area .list_b li:before{
content: counter(number) ". ";
font-weight: bold;
color: var(--color-text-attention);
}
.main_contents_area .list_c {
margin-left: 1em;
}
.main_contents_area .list_c li:before{
margin-right: 0.3rem;
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: bold;
color: var(--color-point);
}
.main_contents_area .list_d dt{
font-weight: bold;
}
.main_contents_area .list_d dt:not(:first-child){
margin-top: 1em;
}
.main_contents_area .list_e {
margin-left: 1em;
}
.main_contents_area .list_e li {
list-style-type: none;
counter-increment: number;
text-indent: -1.5em;
}
.main_contents_area .list_e li:before{
margin-right: 0.5em;
font-family: "Font Awesome 5 Free";
content: "\f14a";
font-weight: bold;
color: var(--color-point);
}

.main_contents_area p+.list_a,
.main_contents_area p+.list_b,
.main_contents_area p+.list_c,
.main_contents_area p+.list_d,
.main_contents_area p+.list_e,
.main_contents_area .list_a+p,
.main_contents_area .list_b+p,
.main_contents_area .list_c+p,
.main_contents_area .list_d+p,
.main_contents_area .list_e+p{
margin-top: 1em;
}

/* アイコン */
.main_contents_area .icon_external:after,
#defaultFooter2018 .icon_external:after{
font-family: "Font Awesome 5 Free";
content: "\f35d";
font-weight: bold;
}
.main_contents_area .icon_download:before{
font-family: "Font Awesome 5 Free";
content: "\f019";
font-weight: bold;
margin-right: 0.5rem;
}

/* 表 */
.main_contents_area .table_a,
.main_contents_area .table_b{
width: 100%;
border-collapse: collapse;
}
.main_contents_area .table_a th,
.main_contents_area .table_a td,
.main_contents_area .table_b th,
.main_contents_area .table_b td{
padding: 2rem;
border: 1px solid var(--color-table_line);
text-align: left;
line-height: 1.4;
}
.main_contents_area .table_a th {
border-top: 4px solid var(--color-point);
background:  var(--color-table_bg);
color: var(--color-title);
}
.main_contents_area .table_b th {
border-left: 4px solid var(--color-point);
background: var(--color-table_bg);
color: var(--color-title);
}
.main_contents_area p + .table_a,
.main_contents_area p + .table_b,
.main_contents_area p + .table_scroll {
margin-top: 1em;
}
.main_contents_area .table_scroll {
overflow-x: scroll;
}
.main_contents_area .table_scroll .table_a{
width: 107.4rem;
max-width: 1074px;
}

.table_responsive {
width: auto;
}
.table_responsive tr,
.table_responsive th,
.table_responsive td {
display: block;
width: 100% !important;
box-sizing: border-box;
}
.table_responsive tr+tr th{
margin-top: 1rem;
}

/* レイアウト */
.main_contents_area .col_two,
.main_contents_area .col_two_narrow,
.main_contents_area .col_three,
.main_contents_area .col_four {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main_contents_area .col_two li,
.main_contents_area .col_two_narrow li,
.main_contents_area .col_three li{
margin: 1rem 0;
min-width: 100%;
box-sizing: border-box;
}
.main_contents_area .col_four li{
margin: 1rem 0;
width: 48%;
}
.main_contents_area .col_two .thumb,
.main_contents_area .col_two_narrow .thumb,
.main_contents_area .col_three .thumb,
.main_contents_area .col_four .thumb {
line-height: 0;
    text-align: center;
}
.main_contents_area .col_two .caption,
.main_contents_area .col_two_narrow .caption,
.main_contents_area .col_three .caption,
.main_contents_area .col_four .caption,
.main_contents_area .col_two_floatbox .caption{
margin-top: 0;
font-size: var(--title-s);
line-height: 1.5;
}

.main_contents_area .col_two_floatbox+.col_two_floatbox,
.main_contents_area .col_two_floatbox > div + div{
  margin-top: 1em;
}

.main_contents_area .thumblist_five {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.main_contents_area .thumblist_five li{
margin-top: 2rem;
width: 33%;
text-align: center;
}
.main_contents_area .thumblist_five li:nth-child(3n+2):last-child { margin-right: 33.5%}

.main_contents_area .thumblist_five a{
font-size: var(--text-xxl);
line-height: 1.8;
font-weight: 500;
font-feature-settings: "palt";
}
.main_contents_area .thumblist_five .thumb {
line-height: 0;
}
.main_contents_area .thumblist_five p + p{
margin-top: 0;
}
.main_contents_area .thumblist_five .description{
margin-top: 1rem;
font-size: var(--text-xxl);
line-height: 1.5;
font-feature-settings: "palt";
text-align: justify;
display: none;
}

.main_contents_area .thumblist_five p{
	text-align: center;
}

/* ボタン*/
.main_contents_area .btn_a{
  --button-width: 34rem;
  --button-minheight: 5.6rem;
  width: var(--button-width);
  min-height: var(--button-minheight);
　min-width: 190px;
  background-color: var(--color-point);
  font-size: var(--text-xxl);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.1em;
  --button-color: #fff;
  color: var(--button-color);
  border-radius: calc(var(--button-minheight) / 2);
  display: flex!important;
  justify-content: center;
  align-items: center;
  margin: auto;
  --vertical-padding: 1.7rem;
  --horizontal-padding: 2.2rem;
  padding: var(--vertical-padding) var(--horizontal-padding);
  transition: opacity var(--transition-default);
  position: relative;
text-decoration: none!important;
}


.main_contents_area .btn_a::after {
  content: '';
  display: block;
  width: 0.8rem;
  height: 1rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10' viewBox='0 0 8 10'%3E%3Cpath id='パス_3572' data-name='パス 3572' d='M5,0l5,8H0Z' transform='translate(8) rotate(90)' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: var(--horizontal-padding);
  transform: translateY(-50%);
  transition: right var(--transition-default);
text-decoration: none!important;
}

/* ボタン*/
.main_contents_area .col_four .btn_a{
min-width: auto;
max-width: 85%;
}

.main_contents_area .btn .btn_a{
    max-width: 85%;
}

/* 囲みパターン */
.main_contents_area .frame_a {
padding: 3rem 2rem;
background: var(--color-white);
border:dotted 2.5px var(--color-frame_a);/*線の種類・太さ・色*/
border-radius: 3rem;/*角の丸さ*/
color: var(--color-font);
}


.main_contents_area .frame_b {
padding: 3rem 2rem;
background: var(--color-white);
border: 1px solid var(--color-frame_b);/*線の種類・太さ・色*/
border-radius: 3rem;/*角の丸さ*/
color: var(--color-font);
}
.main_contents_area .frame_b2 {
padding: 3rem 2rem;
background: var(--color-frame_z_bg);
border: 1px solid var(--color-frame_z);/*線の種類・太さ・色*/
border-radius: 3rem;/*角の丸さ*/
color: var(--color-font);
}

.main_contents_area .frame_z {
padding: 3rem 2rem;
background: var(--color-frame_z_bg);
border: 1px solid var(--color-frame_z);/*線の種類・太さ・色*/
border-radius: 3rem;/*角の丸さ*/
color: var(--color-font);
}


.main_contents_area .frame_c,
.main_contents_area .frame_d{
display: block;
padding: 0 0 3rem 0;
margin-top: 2.5rem;
text-align: center;
border: 1px solid var(--color-title_line);
box-sizing: border-box;
}


.main_contents_area .frame_d {
border: none;
}
.main_contents_area .frame_c .name,
.main_contents_area .frame_d .name{
margin-top: 2.5rem;
font-size: var(--title-m);
line-height: 1.2;
font-weight: 400;
text-align: center;
}
.main_contents_area .frame_c .description,
.main_contents_area .frame_d .description{
font-size: var(--text-xxl);
line-height: 1.5;
margin-bottom: 2.5rem;
text-align: justify;
}


.main_contents_area .frame_c img,
.main_contents_area .frame_d img {
width: 100%;
}
.main_contents_area .frame_c .description,
.main_contents_area .frame_c .description {
padding-left: 3rem;
padding-right: 3rem;
}

/* 背景パターン */

.main_contents_area .bg_deepgreen{
color: var(--color-font);
background: var(--color-bg1);
}

.main_contents_area .bg_deepgreen .ttl_b,
.main_contents_area .bg_deepgreen .ttl_e,
.main_contents_area .bg_deepgreen .frame_a .ttl_b,
.main_contents_area .bg_deepgreen .frame_a .ttl_e,
.main_contents_area .bg_deepgreen .frame_b .ttl_b,
.main_contents_area .bg_deepgreen .frame_b .ttl_e,
.main_contents_area .bg_deepgreen .frame_b2 .ttl_b,
.main_contents_area .bg_deepgreen .frame_b2 .ttl_e,
.main_contents_area .bg_deepgreen .frame_z .ttl_b,
.main_contents_area .bg_deepgreen .frame_z .ttl_e{
color: var(--color-title) !important;
}
.main_contents_area .bg_deepgreen .frame_a .ttl_e:before,
.main_contents_area .bg_deepgreen .frame_b .ttl_e:before,
.main_contents_area .bg_deepgreen .frame_b2 .ttl_e:before,
.main_contents_area .bg_deepgreen .frame_z .ttl_e:before{
color: var(--color-point)!important;
}

.main_contents_area .bg_deepgreen .frame_a a,
.main_contents_area .bg_deepgreen .frame_b a,
.main_contents_area .bg_deepgreen .frame_b2 a,
.main_contents_area .bg_deepgreen .frame_z a{
color: var(--color-link)!important;
}
.main_contents_area .bg_deepgreen .btn_a{
background: var(--color-button);
color: var(--color-white)!important;
}
.main_contents_area .bg_deepgreen .frame_a .btn_a,
.main_contents_area .bg_deepgreen .frame_b .btn_a,
.main_contents_area .bg_deepgreen .frame_b2 .btn_a,
.main_contents_area .bg_deepgreen .frame_z .btn_a{
background: var(--color-button);
color: var(--color-white)!important;
}

.main_contents_area .bg_lightgreen{
background: var(--color-bg2);
}
.main_contents_area .bg_lightgreen.ttl_b,
.main_contents_area .bg_lightgreen .ttl_e,
.main_contents_area .bg_lightgreen .frame_a .ttl_b,
.main_contents_area .bg_lightgreen .frame_a .ttl_e,
.main_contents_area .bg_lightgreen .frame_b .ttl_b,
.main_contents_area .bg_lightgreen .frame_b .ttl_e,
.main_contents_area .bg_lightgreen .frame_b2 .ttl_b,
.main_contents_area .bg_lightgreen .frame_b2 .ttl_e,
.main_contents_area .bg_lightgreen .frame_z .ttl_b,
.main_contents_area .bg_lightgreen .frame_z .ttl_e{
color: var(--color-title) !important;
}
.main_contents_area .bg_lightgreen .frame_a .ttl_e:before,
.main_contents_area .bg_lightgreen .frame_b .ttl_e:before,
.main_contents_area .bg_lightgreen .frame_b2 .ttl_e:before,
.main_contents_area .bg_lightgreen .frame_z .ttl_e:before{
color: var(--color-point)!important;
}

.main_contents_area .bg_lightgreen .frame_a a,
.main_contents_area .bg_lightgreen .frame_b a,
.main_contents_area .bg_lightgreen .frame_b2 a,
.main_contents_area .bg_lightgreen.frame_z a{
color: var(--color-link)!important;
}
/*.main_contents_area .bg_lightgreen .btn_a{
background: var(--color-white);
color: var(--color-button)!important;
}*/
.main_contents_area .bg_lightgreen .frame_a .btn_a,
.main_contents_area .bg_lightgreen .frame_b .btn_a,
.main_contents_area .bg_lightgreen .frame_b2 .btn_a,
.main_contents_area .bg_lightgreen .frame_z .btn_a{
background: var(--color-button);
color: var(--color-white)!important;
}

.main_contents_area .bg_3{
background: var(--color-bg3);
border-top: 1px solid var(--color-bg3);
border-bottom: 1px solid var(--color-bg3);
}

.main_contents_area .bg_3 .ttl_b,
.main_contents_area .bg_3 .ttl_e,
.main_contents_area .bg_3 .frame_a .ttl_b,
.main_contents_area .bg_3.frame_a .ttl_e,
.main_contents_area .bg_3 .frame_b .ttl_b,
.main_contents_area .bg_3.frame_b .ttl_e,
.main_contents_area .bg_3.frame_b2 .ttl_b,
.main_contents_area .bg_3 .frame_b2 .ttl_e,
.main_contents_area .bg_3 .frame_z .ttl_b,
.main_contents_area .bg_3 .frame_z .ttl_e{
color: var(--color-title) !important;
}
.main_contents_area .bg_3 .frame_a .ttl_e:before,
.main_contents_area .bg_3 .frame_b .ttl_e:before,
.main_contents_area .bg_3 .frame_b2 .ttl_e:before,
.main_contents_area .bg_3 .frame_z .ttl_e:before{
color: var(--color-point)!important;
}

.main_contents_area .bg_3 .frame_a a,
.main_contents_area .bg_3 .frame_b a,
.main_contents_area .bg_3 .frame_b2 a,
.main_contents_area .bg_3 .frame_z a{
color: var(--color-link)!important;
}
.main_contents_area .bg_3 .btn_a{
background: var(--color-white);
color: var(--color-button)!important;
}
.main_contents_area .bg_3 .frame_a .btn_a,
.main_contents_area .bg_3 .frame_b .btn_a,
.main_contents_area .bg_3 .frame_b2 .btn_a,
.main_contents_area .bg_3 .frame_z .btn_a{
background: var(--color-button);
color: var(--color-white)!important;
}

/*フォーム*/
.form_a select, .form_a input, .form_a textarea, .form_a button {
vertical-align: 0.2em;
}
.form_a input[type="text"], .form_a input[type="email"], .form_a input[type="url"] {
width: 100%;
font-size: 1.8rem;
padding: 1rem;
box-sizing: border-box;
}
.form_a input[type="radio"] {
margin-right: 3rem;
}
.form_a textarea {
width: 100%;
height: 30rem;
font-size: 1.8rem;
padding: 1rem;
box-sizing: border-box;
}
.form_a input[type="submit"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
display: inline-block;
background: var(--color-bg1);
color: var(--color-white);
transition: all 0.2s;
font-size: 30px;
padding: 10px;
margin: auto;
border-radius: 5px;
cursor: pointer;
width: 300px;
max-width: 100%;
}
.form_a  input[type="submit"]:hover {
opacity: 0.5;
}
.form_a  input[type="submit"]:active {
opacity: 0.3;
}


/* **************************
  トップページ
************************** */


/* キービジュアル */


div#skinstructure .section1 .pc {
display: none;
}
div#skinstructure .section1 .knowledges {
margin-top: 70px;
}
div#skinstructure .section1 .knowledges > li {
border-style: solid;
border-width: 6px 6px 6px 6px;
border-image: url("/Contents/image/img/common/section1_bg_01.png") 6 6 6 6 repeat;
display: flex;
padding: 25px;
}
div#skinstructure .section1 .knowledges > li+li {
margin-top: 20px;
}
div#skinstructure .section1 .knowledges .box_a {
width: 150px;
padding: 20px 20px 0 0;
}
div#skinstructure .section1 .knowledges .box_b {
flex: 1 auto;
}
div#skinstructure .section1 .knowledges .box_b .col_a {
font-weight: bold;
font-size: 21px;
line-height: 1.2;
}
div#skinstructure .section1 .knowledges .box_b .col_b {
font-size: 16px;
line-height: 1.4;
margin: 15px 0;
}
div#skinstructure .section1 .knowledges .btn_a {
min-width: 150px;
}


body#toppage .section2 .text { display: none; }
body#toppage .section4 .ttl,
body#toppage .section7 .ttl{
font-family: var(--font-en), var(--font-jp);
text-align: center;
font-size: 30px;
line-height: 1.3;
font-feature-settings: "palt";
}
body#toppage .section4 .text{
margin: 50px auto;
}
body#toppage .section3 .thumblist_five .description{ display: none; }
body#toppage .section4 .thumblist_five .description{ display: none; }

body#toppage .section5 .ttl{
padding-bottom: 20px !important;
font-family: var(--font-en), var(--font-jp);
font-size: 26px;
line-height: 1.3;
text-align: center;
font-feature-settings: "palt";
}
body#toppage .section5 .events{
margin-top: 30px;
display: block;
}
body#toppage .section5 .events td:last-child{
border-bottom: 1px dotted #e0d3c0;
}
body#toppage .section5 .events .type{
display: inline-block;
color: var(--color-white);
word-break: keep-all;
}
body#toppage .section5 .events .tag{
display: inline-block;
width: 120px;
}
body#toppage .section5 .events .topic{
display: block;
width: 100%;
padding: 10px 0;
margin: 0 0 20px 0;
}
body#toppage .section5 .links{
text-align: center;
}
body#toppage .section5 .links li+li{
margin-top: 15px;
}

body#toppage .section7{
text-align: center;
}
body#toppage .section7 .text{
margin-top: 35px;
text-align: left;
}

body#toppage .section7 .sns li{
display: inline-block;
vertical-align: middle;
padding: 0 5px;
}
body#toppage .section7 .actions li{
margin-top: 10px;
}

/* **************************
  肌のしくみを活かす
************************** */

div#skinstructure .lay_zendama{
  margin-top: 50px;
}
div#skinstructure .list_e{
  margin-left: 0;
}
div#skinstructure .keyv .inner{
  padding: 1rem;
}
div#skinstructure .keyv .txt {
  padding: 4rem 0;
}
div#skinstructure .main_contents_area .inner_g .col_two li li {
  margin: 0;
}
.contentInnerNav li{
  text-align: center;
  color: var(--color-title_line);
  line-height: 2;
  margin: 1rem 0;
}
.contentInnerNav li:nth-child(1){
  background: #EAF3EF;
  background: url("/Contents/image/img/common/nav-bg-left.png") no-repeat left center;
  box-sizing: border-box;
}

.contentInnerNav li:nth-child(3){
  background: url("/Contents/image/img/common/nav-bg-right.png") no-repeat right center;
  box-sizing: border-box;
}
.contentInnerNav li.blank{
  background-image: none;
}
@media screen and (max-width: 767px){
  div#skinstructure .col_three .thumb a{
    display: block;
    height: 180px;
    position: relative;
    overflow: hidden;
  }
  div#skinstructure .col_three .thumb a img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
  }
  div#skinstructure .flex > .noshrink{
    width: auto !important;
    text-align: center;
  }
  div#skinstructure .flex > .margin_right {
    margin-bottom: 20px;
  }
  div#skinstructure .balloon_left{
    padding: 20px;
    border: 4px solid #ccc;
    box-sizing: border-box;
    border-radius: 20px;
  }
}

/* **************************
  ネオナチュラルの理念と活動
************************** */
#aboutNeonatural .section1{
background: url("/Contents/image/img/common/bg_01.jpg") no-repeat top;
}
#aboutNeonatural .section1 .inner_l{
padding-top: 0;
padding-bottom: 0;
}
#aboutNeonatural .section1 .description{
text-align: left;
}

/* **************************
  商品一覧ページ
************************** */
.itemVerticalBox li {
display: flex;
}
.itemVerticalBox .box_a {
width: 12rem;
max-width: 120px;
}
.itemVerticalBox .box_b{
padding-left: 1.5rem;
flex: 1;
}
.itemVerticalBox .copy{
margin-top: 0;
font-size: 1.5rem;
line-height: 1.5;
font-weight: 400;
}

.itemVerticalBox .num{
font-size: 1.4rem;
line-height: 1.5;
}
.itemVerticalBox .name{
margin: 0.3rem 0;
font-weight: 400;
line-height: 1.3;
}
.itemVerticalBox .description{
margin-top: 0;
font-size: var(--text-xxl);
line-height: 1.8;
}

.eventVerticalBox {
margin-bottom: 3rem;
}
.eventVerticalBox .box_a {
text-align: center;
}
.eventVerticalBox .name{
margin-top: 0.5rem;
text-align: center;
font-weight: 500;
line-height: 1.3;
}
.eventVerticalBox .description{
max-width: 338px;
margin: 0.5rem auto 2rem auto;
font-size: 1.6rem;
line-height: 1.5;
}

.groupHeaderArea_a{
padding: 4rem 1rem 10rem 1rem;
border-bottom: 1px solid #d3cabc;
}
.groupHeaderArea_a .ttl{
background: url("/Contents/image/img/common/group_header_a_bg.png") center;
border-radius: 0.9rem;
padding: 2rem;
}
.groupHeaderArea_a .ttl h1{
font-family: var(--font-en), var(--font-jp);
font-size: 3rem !important;
font-weight:400;
line-height: 1.2;
text-align: center;
color: #2d1b08;
border-radius: 0.9rem;
}
.groupHeaderArea_a .ttl .icon{
display: block;
margin: auto;
}
.groupHeaderArea_a .ttl_f{
text-align: center;
}
.groupHeaderArea_a .selection {
text-align: center;
margin-top: 5rem;
}
.groupHeaderArea_a .selection.links{
text-align: center;
}
.groupHeaderArea_a .selection.links li+li{
margin-top: 1.5rem;
}
.thumblist_five.teiki li:nth-child(-n + 3){
margin-top: 0;
}
.thumblist_five.teiki .price {
display: block;
text-align: right;
color: #ce5f43;
font-weight: bold;
}
.main_contents_area .thumblist_five.teiki .name {
margin-top: 1.5rem;
}
.main_contents_area .thumblist_five.teiki .description {
margin-top: 0.5rem;
}

#itemgroup2018.main_contents_area .bg_deepgreen .inner_l,
#itemgroup2018.main_contents_area .bg_lightgreen .inner_l,
#itemgroup2018.main_contents_area .bg_3 .inner_l{
padding: 4rem 1rem;
}
#itemgroup2018.main_contents_area .bg_deepgreen .ttl_b,
#itemgroup2018.main_contents_area .bg_lightgreen .ttl_b,
#itemgroup2018.main_contents_area .bg_3 .ttl_b{
margin-bottom: 2rem !important;
}

.main_contents_area .sampleMonthlyArea {
/*border-top: 1px solid #e4e1dc;
border-bottom: 1px solid #e4e1dc;*/
display: flex;
}
.main_contents_area .sampleMonthlyArea .box_a,
.main_contents_area .sampleMonthlyArea .box_b{
width: 50%;
}
.main_contents_area .sampleMonthlyArea .container{
display: flex;
flex-direction: column;
}
.main_contents_area .sampleMonthlyArea .container .col_a{
margin-top: 20px;
order: 2;
}
.main_contents_area .sampleMonthlyArea .container .col_b{
order: 1;
}
.main_contents_area .sampleMonthlyArea .copy{
font-weight: 400;
font-size: 1.7rem;
color: var(--color-title);
line-height: 1.3;
text-align: center;
display: block;
}
.main_contents_area .sampleMonthlyArea .ttl{
font-family: var(--font-en), var(--font-jp);
font-size: 2rem;
font-feature-settings: "palt";
color: var(--color-title);
line-height: 1.3;
text-align: center;
font-weight: 500;
}

/* 横幅320px端末（iPhone SE等）対策 */
.main_contents_area .sampleMonthlyArea .box_a .ttl{
margin-top: 0.2rem;
}
.main_contents_area .sampleMonthlyArea .box_b .ttl{
margin: 2.1rem 0 3rem 0;
}
@media screen and (min-width:370px) {
  .main_contents_area .sampleMonthlyArea .box_a .ttl{
    margin: 2.1rem 0 3rem 0;
  }
}
/* 横幅414px端末（iPhone 6等）対策 */
/*
@media screen and (min-width: 410px){
  .main_contents_area .sampleMonthlyArea .box_a .ttl{
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 470px){
  .main_contents_area .sampleMonthlyArea .box_a .ttl{
    margin-top: 2.1rem;
  }
}
*/

.main_contents_area .sampleMonthlyArea .description{
font-size: var(--text-xxl);
line-height: 1.8;
display: none;
}
.main_contents_area .sampleMonthlyArea .box_a{
background: var(--color-bg1);
/*border-right: solid 1px #e4e1dc;*/
}
.main_contents_area .sampleMonthlyArea .box_b{
background: var(--color-bg3);
}
.main_contents_area .sampleMonthlyArea .container{
padding: 3rem 1.5rem;
}
.main_contents_area .sampleMonthlyArea .btn{
text-align: center;
}
.main_contents_area .sampleMonthlyArea .btn_a{
min-width: auto;
}

/* サイトマップ */
.main_contents_area .col_two li .sitemap li{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.main_contents_area .col_two li .sitemap > li + li{
margin-top: 2em;
}
.main_contents_area .sitemap li a{
text-decoration: none;
}
.main_contents_area .sitemap li a:hover{
text-decoration: underline;
}
.main_contents_area .sitemap > li > a:before{
content: "■ ";
}
.main_contents_area .sitemap > li > ul > li > a:before{
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: bold;
margin-right: 5px;
text-decoration: none;
}
.main_contents_area .sitemap > li > ul > li > ul > li > a:before{
content: "・";
font-weight: bold;
}
.main_contents_area .sitemap > li > ul > li > ul > li > ul > li{
margin-left: 1em;
}
.main_contents_area .sitemap > li > ul > li.series {
margin-top: 1em;
}
.main_contents_area .sitemap > li > ul > li.series > ul > li > a{
font-weight: bold;
}
.main_contents_area .sitemap > li > ul > li > ul> li > ul{
font-size: 1.6rem;
line-height: 1.6;
margin-left: 1em;
margin-bottom: 1em;
}
.main_contents_area .sitemap dl {
font-size: 1.6rem;
line-height: 1.6;
margin-left: 2em;
margin-bottom: 1em;
}
.main_contents_area .sitemap dt{
font-weight: bold;
}
.main_contents_area .sitemap dl dd ul{
margin-left: 1em;
}
.main_contents_area .sitemap dd+dt{
margin-top: 1em;
}
.main_contents_area .sitemap > li > ul,
.main_contents_area .sitemap > li > ul > li > ul{
margin-left: 1em;
}



@media screen and (max-width: 1024px){
	#Wrap_lower{
		 margin: 8rem 0 10rem; 
		 padding: 0; 
	}
	#Wrap_lower.onlyDefault{
		 margin: 12rem 0 10rem; 
		 padding: 0; 
	}}

@media screen and (min-width: 768px){

/*
  body {
  min-width: 1134px;
  }
*/

	


  /* **************************
    PC: メイン
  ************************** */
  .main_contents_area{
  background: var(--color-white);
  box-sizing: border-box;
　line-height: 1.8;
  font-size: var(--text-xxl);
  }

	 .layout_780 .main_contents_area{
  width: 78rem;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 0 8rem 0;
  float: none !important;
 max-width: 780px;
  }
  .layout_980 .main_contents_area{
  width: 98rem;
  margin-left: auto;
  margin-right: auto;
max-width: 980px;
  }
  .main_contents_area .inner_l{
    width: 107.4rem;
  padding: 8rem 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1074px;
  }
  .main_contents_area .inner_m{
  width: 94.7rem;
  padding: 8rem 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 947px;
  }
  .main_contents_area .inner_s{
  width: 74rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 740px;
  }
  .main_contents_area .inner_g{
  width: 89rem;
  padding: 8rem 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 890px;
  }
  .main_contents_area .inner_h{
  width: 79.6rem;
  padding: 8rem 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 796px;
  }
	
	
  .main_contents_area .t_align_c_pc{
  text-align: center;
  }

	.main_contents_area iframe{
		width: 100%!important;
	}

  /* **************************
    PC: 装飾
  ************************** */

  /* 見出し */
  .main_contents_area .ttl_a {
  line-height: 1.4;
  padding: 7rem 0;
  }
  .main_contents_area .ttl_a_sub {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 11rem 0 8rem 0;
  line-height: 1.8;
  max-width: 1074px;
  }
  .main_contents_area .ttl_a_sub .description{
  line-height: 1.8;
  }
  .main_contents_area .ttl_b {
  margin-bottom: 5rem !important;
  line-height: 1.4;
  }
  .main_contents_area .ttl_c {
  line-height: 1.2;
  }
  .main_contents_area .ttl_c_sub {
    /* width: 100%; */
    margin: auto;
    padding: 3rem;
    box-sizing: border-box;
    position: relative;
    bottom: -1px;
    /* max-width: 1135px; */
    width: 107.4rem;
}
  .main_contents_area .ttl_d {
  margin: 0 0 4rem 0 !important;
  line-height: 1.4;
  }
  .main_contents_area .ttl_d:after{
  width: 25.8rem;
  }
  .main_contents_area .ttl_e {
 font-size: var(--title-m2);
  line-height: 1.3;
  }
  .main_contents_area .ttl_f {
  font-size: var(--title-m2);
  line-height: 1.3;
  }
  .main_contents_area .ttl_d:not(:first-child) { margin: 10rem 0 4rem 0 !important; }
  .main_contents_area .ttl_e:not(:first-child),
  .main_contents_area .ttl_f:not(:first-child){ margin: 5rem 0 3rem 0 !important; }

.main_contents_area p {
font-size: var(--text-xxl);
line-height: 1.8;
}

  /* ボタン*/
  
  .main_contents_area .btn_a { min-width: 19rem; }

  /* レイアウト */
  .main_contents_area .col_two_narrow {
  width: 70.4rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 704px;
  }
  .main_contents_area .col_two li{
  width: 52.2rem;
  min-width: auto;
  }
  .main_contents_area .inner_g .col_two li{
  width: 43rem;
  min-width: auto;
  }
  .main_contents_area .col_two_narrow li,
  .main_contents_area .col_three li{
  width: 33.8rem;
  min-width: auto;
  box-sizing: border-box;
  }
  .main_contents_area .inner_g .col_three li{
  width: 27.6rem;
  min-width: auto;
  box-sizing: border-box;
  max-width: 276px;
  }
  .main_contents_area .col_three li:nth-child(3n+2):last-child { margin-right: 36.8rem;}
  .main_contents_area .col_four li{ width: 24.7rem; }
  .main_contents_area .col_four li:nth-child(4n+2):last-child { margin-right: 55.2rem;}
  .main_contents_area .col_four li:nth-child(4n+3):last-child { margin-right: 27.6rem;}
  .main_contents_area .col_two_narrow li,
  .main_contents_area .col_two li,
  .main_contents_area .col_three li,
  .main_contents_area .col_four li{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  }

  .main_contents_area .inner_h .col_three li{ width: 24.7rem; }
  .main_contents_area .inner_h .col_three li:nth-child(3n+2):last-child { margin-right: 26rem;}

  .main_contents_area .thumblist_five li{
  width: 19rem;
  margin-top: 5rem;
  }
  .main_contents_area .thumblist_five a{
  font-size: var(--text-xxl);
  line-height: 1.5;
  }
  .main_contents_area .thumblist_five .description {
  display: block;
  margin-top: 1.5rem;
  font-size: var(--text-xxl);
  line-height: 1.5;
  }
  .main_contents_area .thumblist_five li:nth-child(3n+2):last-child { margin-right: 0}
  .main_contents_area .thumblist_five li:nth-child(5n+2):last-child { margin-right: 66.3rem;}
  .main_contents_area .thumblist_five li:nth-child(5n+3):last-child { margin-right: 44.2rem;}
  .main_contents_area .thumblist_five li:nth-child(5n+4):last-child { margin-right: 22.1rem;}

  .main_contents_area .col_two_floatbox {
  display: flex;
  }
  .main_contents_area .col_two_floatbox img{
  max-width: initial;
  }
  .main_contents_area .col_two_floatbox div:nth-child(2){
  margin-left: 4rem;
  }
  .main_contents_area .col_two_floatbox > div + div{
  margin-top: 0;
  }

.goTop_pc{
position: fixed;
bottom: 20px;
display: block;
right:100px;
z-index:1;
loading:lazy;
}
	
	

  /* 表 */
  .table_responsive tr {
    display: table-row;
    width: auto !important;
    margin-top: 0;
  }
  .table_responsive th,
  .table_responsive td {
  display: table-cell;
  width: auto !important;
  }

  /* 囲みパターン */
  .main_contents_area .frame_a{
  padding: 5rem;
display: block;
  }
    
  .main_contents_area .frame_b{
  padding: 5rem;
display: block;
  }
 .main_contents_area .frame_b2{
  padding: 5rem;
     display: block;
  }
.main_contents_area .frame_z{
  padding: 5rem;
    display: block;
  }
    
  .main_contents_area .frame_d {
  display: flex;
  flex-direction: column;
  }
  .main_contents_area .frame_c .name,
  .main_contents_area .frame_d .name{
  font-size: var(--title-m);
  line-height: 1.2;
  margin-right:1rem;
  margin-left:1rem;
  text-align: center;
  }
  .main_contents_area .frame_c .description,
  .main_contents_area .frame_d .description{
  font-size: var(--text-xxl);
  line-height: 1.5;
  }
  .main_contents_area .frame_c .description br,
  .main_contents_area .frame_d .description br{
  display: block;
  }
  .main_contents_area .frame_c .btn,
  .main_contents_area .frame_d .btn{
  margin-top: auto;
  }
  /* 背景 */


  /* **************************
    PC: トップページ
  ************************** */

  /* キービジュアル */

  body#toppage .keyvWrapper .keyv_sp{ display: none; }
  body#toppage .keyvWrapper .keyv_pc{
  display: block;
  margin: 0 auto;
  }
  body#toppage .headline {
  padding: 10px 0 6px 0;
  text-align: center;
  }
  body#toppage .headline table,
  body#toppage .headline th,
  body#toppage .headline td{
  display: inline;
  }
  body#toppage .section1 .text{
  padding: 0 20px;
  max-width: 740px;
  margin: auto;
  font-size: 20px;
  line-height: 2;
  }

  div#skinstructure .section1 .pc {
  display: inline-block;
  }
  div#skinstructure .section1 .sp {
  display: none;
  }

  div#skinstructure .section1 .knowledges {
  display: flex;
  text-align: center;
  }
  div#skinstructure .section1 .knowledges > li {
  padding: 38px;
  display: block;
  }
  div#skinstructure .section1 .knowledges > li+li {
  margin-top: 0;
  margin-left: 30px;
  }
  div#skinstructure .section1 .knowledges .box_a {
  width: auto;
  padding: 0;
  }
  div#skinstructure .section1 .knowledges .box_b {
  margin-top: 5px;
  }
  div#skinstructure .section1 .knowledges .box_b .col_b {
  font-size: 16px;
  margin: 25px 0;
  line-height: 1.5;
  }
  div#skinstructure .section1 .knowledges .btn_a {
  min-width: 190px;
  }

  /* **************************
    PC: グループページ
  ************************** */

  #itemgroup2018.main_contents_area .bg_deepgreen .inner_l, #itemgroup2018.main_contents_area .bg_lightgreen .inner_l {
  padding: 4rem 0;
  }
  #itemgroup2018.main_contents_area .bg_deepgreen .col_three li {
  margin-bottom: 0;
  }
  .eventVerticalBox li {
  display: flex;
  }
  .eventVerticalBox .box_a {
  width: 24.7rem;
  }
  .eventVerticalBox .box_b{
  padding-left: 1.5rem;
  flex: 1;
  }
  .eventVerticalBox .name{
  margin-top: 0;
  text-align: left;
  }
  .eventVerticalBox .description{
  max-width: unset;
  margin: 0;
  }
  .main_contents_area .sampleMonthlyArea .container{
  display: flex;
  padding: 7rem 3rem;
  text-align: left;
  }
  .main_contents_area .sampleMonthlyArea .box_a .container{
  flex-direction: row;
  width: 56.7rem;
  padding: 7rem 3rem 7rem 0;
  margin-left: auto;
  box-sizing: border-box;
  max-width: 567px;
  }
  .main_contents_area .sampleMonthlyArea .box_b .container{
  flex-direction: row;
  width: 56.7rem;
  padding: 7rem 0 7rem 3rem;
  margin-right: auto;
  box-sizing: border-box;
  max-width: 567px;
  }
  .main_contents_area .sampleMonthlyArea .box_a .container .col_a,
  .main_contents_area .sampleMonthlyArea .box_b .container .col_a{
  margin-top: 0;
  order: 1;
  width: 50%;
  }
  .main_contents_area .sampleMonthlyArea .box_a .container .col_b,
  .main_contents_area .sampleMonthlyArea .box_b .container .col_b{
  margin-top: 4rem;
  order: 2;
  }
  .main_contents_area .sampleMonthlyArea .box_a img,
  .main_contents_area .sampleMonthlyArea .box_b img{
  
  }
  .main_contents_area .sampleMonthlyArea .ttl {
  font-size: 3.4rem;
  text-align: left;
  }
  .main_contents_area .sampleMonthlyArea .box_a .ttl,
  .main_contents_area .sampleMonthlyArea .box_b .ttl{
  margin: 0;
  }
  .main_contents_area .sampleMonthlyArea .description{
  display: block;
  }
  .main_contents_area .sampleMonthlyArea .copy {
  text-align: left;
  }
  .main_contents_area .sampleMonthlyArea .btn{
  text-align: left;
  }
  .main_contents_area .sampleMonthlyArea .btn_a{
  min-width: 190px;
  }
  .groupHeaderArea_a{
  width: 107.4rem;
  margin: auto;
  padding: 4rem 0 10rem 0;
  }
  .groupHeaderArea_a .ttl{
  display: table;
  width: 100%;
  padding: 0 2rem;
  box-sizing: border-box;
  }
  .groupHeaderArea_a .ttl h1{
  height: 22rem;
  font-size: 4rem !important;
  line-height: 1.2;
  display:table-cell;
  vertical-align: middle;
  }
  .groupHeaderArea_a .ttl .icon{
  display: inline;
  vertical-align: middle;
  margin-right: 20px;
  }
  .groupHeaderArea_a .ttl.skinlotion .icon{ vertical-align: -4.5rem; }
  .groupHeaderArea_a .ttl.essence .icon{ vertical-align: -3.8rem; }
  .groupHeaderArea_a .ttl.bayucream .icon{ vertical-align: -2.8rem; }
  .groupHeaderArea_a .ttl.bayusoap .icon{ vertical-align: -2.8rem; }
  .groupHeaderArea_a .ttl.uvcare .icon{ vertical-align: -5.5rem; }
  .groupHeaderArea_a .ttl.makeup .icon{ vertical-align: -5.5rem; }
  .groupHeaderArea_a .ttl.haircare .icon{ vertical-align: -5rem; }
  .groupHeaderArea_a .ttl.baby-mama .icon{ vertical-align: -3.8rem; }
  .groupHeaderArea_a .ttl.dailygoods .icon{ vertical-align: -4.3rem; }
  .groupHeaderArea_a .ttl.naturalfood .icon{ vertical-align: -4.3rem; }
  .groupHeaderArea_a .selection {
  text-align: center;
  margin-top: 5rem;
  }
  .groupHeaderArea_a .selection.links{
  margin-top: 3rem;
  }
  .groupHeaderArea_a .selection.links li{
  display: inline-block;
  }
  .groupHeaderArea_a .selection.links li+li{
  margin-top: 0;
  margin-left: 2rem;
  }
  .groupHeaderArea_a .description{
  text-align: center;
  }
  .groupHeaderArea_a+.inner_l{
  padding-top: 2.5rem;
  }
  .thumblist_five.teiki li:nth-child(-n + 5){
  margin-top: 0;
  }

  /* 理念と活動 */
  #aboutNeonatural .section1 .description{
  text-align: center;
  }
	
	/* **************************
		PC: 肌のしくみを活かす
	************************** */
	div#skinstructure .pc_center {
		text-align: center;
	}
		div#skinstructure .flex_center{
		display: flex;
		justify-content: space-between;
		text-align: center;
		align-items: center;
	}
	div#skinstructure .flex{
		display: flex;
	}
	div#skinstructure .flex > .noshrink{
		flex-shrink: 0;
	}
	div#skinstructure .flex > .margin_right {
		margin-right: 4rem;
	}
	div#skinstructure .noshrink.w200{
		width: 20rem;
	}
	div#skinstructure .noshrink.w300{
		width: 30ren;
	}
	div#skinstructure .balloon_left {
		position: relative;
		display: inline-block;
		margin: 1.5em 0 1.5em 15px;
		padding: 3rem;
		min-width: 120px;
		max-width: 100%;
		color: #555;
		font-size: var(--text-xxl);
		background: var(--color-white);
		border: 7px solid #ccc;
		box-sizing: border-box;
		border-radius: 4rem;
	}

	div#skinstructure .balloon_left:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -5.4rem;
		margin-top: -1rem;
		border: 24px solid transparent;
		border-right: 36px solid var(--color-white);
		z-index: 2;
	}
	div#skinstructure .balloon_left:after {
		content: "";
		position: absolute;
		top: 50%;
		left: -70px;
		margin-top: -14px;
		border: 28px solid transparent;
		border-right: 40px solid #ccc;
		z-index: 1;
	}
	div#skinstructure .lay_zendama .image{
		width: 36rem;
		float: left;
		text-align: right;
		max-width: 360px;
	}
	div#skinstructure .lay_zendama .text{
		width: 50rem;
		float: right;
		max-width: 500px;
	}
	div#skinstructure .keyv .inner{
		width: 1074px;
		margin: auto;
		display: flex;
		align-content: center;
		justify-content: space-between;
	}
	div#skinstructure .keyv .img {
		width: 40rem;
		line-height: 0;
		max-width: 400px;
	}
	div#skinstructure .keyv .txt {
		width: 66rem;
		text-align: center;
		align-self: center;
		max-width: 660px;
	}
	.contentInnerNav {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.contentInnerNav li{
		width: 35rem;
		margin: 0;
	}
	.contentInnerNav li:nth-child(1){
		padding-right: 3rem;
	}

	.contentInnerNav li:nth-child(3){
		padding-left: 3rem;
	}
}



/* **************************
  980px以下〜480px以上　(iPad縦 調整用)
************************** */
/*@media screen and (min-width: 480px) and (max-width: 980px) {

.main_contents_area .ttl_c_sub {
width: auto;
	}

}*/



/* **************************
  FAQ
************************** */

/*FAQ indexページ
ーーーーーーーーーーーーーーーーーーーーーーーー*/

#sig_faq .lay_faqindex {
	margin:11rem 0;
	}
#sig_faq .lay_faqindex .frame_a {
	margin:2rem 0;
	}
#sig_faq .lay_faqindex .frame_a ul {
	margin-bottom:2rem;
	}

/*詳細ページ
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*タイトル部分余白調整*/
#sig_faq .ttl_a_sub+.inner_m {
	padding-top:0px;
	}


/*ページ内リンク*/
#sig_faq .lay_faqlist li,
#sig_faq .lay_faqindex li {
	text-indent:-2em;
	margin-left:2em;
	}


/*FAQコンテンツ欄*/
#sig_faq .lay_faqcon {
	display:flex;
	flex-wrap:wrap;
	margin-top:7rem;
	}
#sig_faq .lay_faqcon .box_a {
	width:7rem;
	font-weight:bold;
	font-size:3rem;
	margin-top:1rem;
	}

#sig_faq .lay_faqcon .box_a.type_a {
	color: var(--color-text-attention);
	}
#sig_faq .lay_faqcon .box_b {
	width:86.7rem;
	margin-top:1rem;
	padding-top:0.5rem;
	max-width: 867px;
	}
#sig_faq .lay_faqcon .box_b p:first-child {
	font-weight:bold;
	font-size:2.4rem;
	}
#sig_faq .lay_faqcon .box_b th p:first-child,
#sig_faq .lay_faqcon .box_b td p:first-child {
	font-weight: normal;
	font-size:1.8rem;
	}
#sig_faq .lay_faqcon .box_b p:first-child {
	font-weight:bold;
	font-size:2.4rem;
	}
#sig_faq .lay_faqcon .box_b.type_a {
	align-self: center;
	color: var(--color-text-attention);
	font-weight:bold;
	font-size:2.4rem;
	}
#sig_faq .lay_faqcon .box_b table + p {
	margin-top:2rem;
	}



/*文末リンク*/
#sig_faq .lay_faqbtn {
	text-align:center;
	margin-top:8rem;
	}


/*リスト調整*/

#sig_faq .list_a li {
	text-indent:-1em;
	margin-left:1em;
	}

/*テーブル調整*/
.main_contents_area #sig_faq .table_b th + th {
border-left: 1px solid var(--color-table-line);
}


/*電話リンク*/
#sig_faq .link_tel {
	cursor:text;
	text-decoration:none;
	}

/*表示切り替え
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.display_pc {display:block!important;}
.display_smp {display:none!important;}
img.display_pc {display:inline-block!important;}
img.display_smp {display:none!important;}
.display_none_pc {display:none!important;}
@media screen and (max-width:767px) {
.display_pc {display:none!important;}
.display_smp {display:block!important;}
img.display_pc {display:none!important;}
img.display_smp {display:inline-block!important;}
.display_none_pc {display:block!important;}
img.display_none_pc {display:inline-block!important;}
.display_none_smp {display:none!important;}
}




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

  #sig_faq .ttl_a_sub {
    margin-right:10px;
    margin-left:10px;
    }
  #sig_faq .lay_faqlist li {
    margin-top:15px;
    line-height:1.3;
    }

  #sig_faq .lay_faqcon .box_a {
    width:13%;
    font-weight:bold;
    font-size:24px;
    margin-top:10px;
    }

  #sig_faq .lay_faqcon .box_b {
    width:87%;
    margin-top:10px;
    padding-top:0px;
    }
  #sig_faq .lay_faqcon .box_b p:first-child {
    line-height:1.5;
    }

  #sig_faq .lay_faqcon .box_b.type_a {
    line-height:1.5;
    }

  #sig_faq .lay_faqcon .box_b th,
  #sig_faq .lay_faqcon .box_b td {
    display:block;
    }

  #sig_faq .link_tel {
    cursor: pointer;
    text-decoration: underline;
    color:　var(--color-link);
    }

  #sig_faq .lay_faqindex {
    margin:110px 10px;
    }

}





/*ここから 2019.6 disolo*/


/*ーーーーーーーーーーーーーーーーーーーーーーーー
PC 共通設定(カテゴリー毎に切り分け有り)
ーーーーーーーーーーーーーーーーーーーーーーーー*/


/*PC フッター直前マージン*/
.layout_table {
	margin-bottom:10rem;
	}

/*PC アラート*/
.error_content {
	border: solid 1px var(--color-error);
	border-radius:3px;
	padding:1rem 1.5rem;
	background: var(--color-frame_z_bg);
	color: var(--color-error);
	margin-top:4rem;
	font-size:1.6rem;
	font-weight:400;
	text-align:left;
	line-height:1.8;
	}


/*PC ページング*/

.pager {
	width:89rem !important;
	margin:4rem auto 2rem;
	font-size:16px;
	border-bottom: none;
	color:var(--color-title);
	max-width: 890px;
	}

/*PC 注釈*/
.error_content {
	max-width:78rem;
	margin-right:auto;
	margin-left:auto;
	max-width: 780px;

	}




/*PC フォント
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*その他*/

.main_contents_area .t_align_l{
text-align: left;
}



/*PC リンク
ーーーーーーーーーーーーーーーーーーーーーーーー*/


.main_contents_area a:link,
.main_contents_area a:visited {
color: var(--color-link);
text-decoration: underline;
}

.main_contents_area a:hover{
color: var(--color-link);
text-decoration: none;
}

.main_contents_area a.btn_a:link,
.main_contents_area a.btn_a:visited {
text-decoration: none;
color: var(--color-white);
}





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

/*ーーーーーーーーーーーーーーーーーーーーーーーー
スマホ 共通設定(カテゴリー毎に切り分け有り)
ーーーーーーーーーーーーーーーーーーーーーーーー*/


/*スマホ レイアウト
ーーーーーーーーーーーーーーーーーーーーーーーー*/

body {
	font-family: var(--font-en), var(--font-jp);
	}


.comment_pattern {
	margin:10px;
	}


/*スマホ 注釈*/
.error_content {
	width:92%;
	max-width: initial;
	margin-right:2%;
	margin-left:2%;
	padding:2%;
	}


		
.goTop{
position: fixed;
bottom: 20px;
display: block;
right:5px;
z-index:1;
loading:lazy;
}

	
/*スマホ フォント
ーーーーーーーーーーーーーーーーーーーーーーーー*/
body {
	color:var(--color-font);
	line-height:1.6;
	font-size:1.6rem;
	}



/*ーーーーーーーーーーーーーーーーーーーーーーーー
スマホ 個別ページ
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*スマホ 既存CSS修正
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.thumblist_five .img_a {
	width:80%;
	height:auto;
	margin-top:11px;
	margin-bottom:10px;
	}
.main_contents_area table {
	line-height:1.7;
}

.main_contents_area .ttl_a_sub {
	margin-right:10px;
	margin-left:10px;
    font-size: var(--title-m2);
	}
    
    .main_contents_area .ttl_a_sub p {
    font-size: var(--title-m2);
	}
    
/*スマホ ボタン
ーーーーーーーーーーーーーーーーーーーーーーーー*/
 .main_contents_area .btn_a {
    --button-width: 30rem;
    --button-minheight: 4.8rem;
    --vertical-padding: 1.4rem;
    font-size: var(--text-l);
  }
  .main_contents_area .btn_a::after {
    width: 0.64rem;
    height: 0.8rem; }
      
  .main_contents_area .btn_a:hover {
    opacity: 0.8;
  }
  .main_contents_area .btn_a:hover::after {
    right: calc(var(--horizontal-padding) - 0.4rem);
  }
    
.main_contents_area .col_four .btn_a{
min-width: -webkit-fill-available;
}
    
    
}

/*smp end*/





/*ーーーーーーーーーーーーーーーーーーーーーーーー
商品詳細
ーーーーーーーーーーーーーーーーーーーーーーーー*/



/*お客様の声
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area .goods_voice {
	display:flex;
	flex-wrap:wrap;
	margin:0 1.5rem;
	}
.main_contents_area .goods_voice h3 {
	font-family: var(--font-en), var(--font-jp);
	font-size: var(--title-m2);
    font-weight: 400;
	line-height: 1.5;
	}
.main_contents_area .goods_voice p {
	margin-top:1rem;
	}
.main_contents_area .goods_voice .box_a {
	width:9.5rem;
	margin-top:5rem;
	}
.main_contents_area .goods_voice .box_b {
	width: 73rem;
	margin-top:5rem;
	margin-left:3.5rem;
	max-width:730px;
	}

.main_contents_area .goods_voice .box_a:first-child {
	margin-top:0px;
	}
.main_contents_area .goods_voice .box_b:nth-child(2) {
	margin-top:0px;
	}

@media screen and (max-width:767px) {
.main_contents_area .goods_voice {
	display: block;
	margin:0px;
	}

.main_contents_area .goods_voice .box_a {
	width:auto;
	text-align:center;
	margin-top:40px;
	}
.main_contents_area .goods_voice .box_b {
	width:auto;
	margin-top:10px;
	margin-left:0px;
	}

.main_contents_area .goods_voice .box_b:nth-child(2) {
	margin-top:10px;
	}
}

/*ネオナチュラルが目指すのは根幹から美しい肌
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area .neo_concept {
	margin-top:6rem;
	background:url(/Contents/image/item/common/neo_concept.jpg) no-repeat center top;
	background-size: cover;
	min-height:353px;
	padding:6rem 0 7rem;
	}
.main_contents_area .neo_concept .box_a {
	background-color:rgba(255,255,255,0.85);
	width:71rem;
	padding:5rem 9rem;
	margin-right:auto;
	margin-left:auto;
	}
.main_contents_area.main_contents_area .neo_concept .ttl_b {
	margin-bottom:3rem !important;
	}
@media screen and (max-width:767px) {
.main_contents_area .neo_concept {
	background-size: cover;
	padding:8rem 1rem 6.5rem;
	}
.main_contents_area .neo_concept .box_a {
	width:auto;
	padding:5.5rem 1rem 4.5rem;
	}
.main_contents_area.main_contents_area .neo_concept .ttl_b {
	margin-bottom:3rem !important;
	}
.main_contents_area.main_contents_area .neo_concept p {
	margin-right:1rem;
	margin-left:1rem;
	}
.main_contents_area.main_contents_area .neo_concept p.list_indent {
	margin-left:1.6em;
	}
}


/*はじめての方へ・お得なお買い物方法
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area #goods_beginner .frame_f {
	display: table;
	padding:0px;
	}
.main_contents_area #goods_beginner .frame_f .box_a {
	width:31rem;
	padding-left:3rem;
	display:table-cell;
	font-size: var(--title-m2);
	font-family: var(--font-en), var(--font-jp);
	color: var(--color-link);
	vertical-align:middle;
	}
.main_contents_area #goods_beginner .frame_f .box_a img {
	vertical-align:middle;
	margin-right:1rem;
	}
.main_contents_area #goods_beginner .frame_f .box_b {
	display:table-cell;
	margin-top:0px !important;
	vertical-align:top;
	padding:3rem;
	}
.main_contents_area #goods_otoku .img_col_two {
	margin-top:1rem;
	}

@media screen and (max-width:767px) {
.main_contents_area #goods_otoku div:nth-child(3) {
	margin-top:4rem;
	}
.main_contents_area #goods_otoku .frame_f,
.main_contents_area #goods_beginner .frame_f {
	display: block;
	background: var(--color-white)!important;
    padding: 0px;
	}
.main_contents_area #goods_otoku .frame_f .box_a,
.main_contents_area #goods_beginner .frame_f .box_a {
	width:auto;
	padding:0;
	display:block;
	}
.main_contents_area #goods_otoku .frame_f .box_b,
.main_contents_area #goods_beginner .frame_f .box_b {
	display:block;
	padding:0;
	margin-top:1.5rem !important;
	}
	.main_contents_area #goods_beginner .frame_f .box_b {
		margin-bottom: 3rem;
	}
}

/*ランキング　雑誌掲載　SNS
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area #goods_beginner .col_two_floatbox p.ranking {
	font-size: var(--title-m2);
	color: var(--color-text-attention);
	font-family: var(--font-en), var(--font-jp);
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.5;
	}

.main_contents_area #goods_beginner .col_two_floatbox span.ranking {
	font-size: var(--title-m);
	background-color: var(--color-text-attention);
	font-weight: 400;
	color: var(--color-white);
	padding: 7px;
	line-height: 200%;
	word-break: keep-all;
	}

/*商品ページ　製品概要のtable表
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.table_outline td {
	font-size: var(--text-m);
    line-height: 1.8;
	}

.table_outline th {
	font-size: var(--text-l);
    line-height: 1.8;
	}

/*スマホ*/
@media screen and (max-width:767px) {

.table_outline td {
	font-size: var(--text-xl);
    line-height: 1.8;
	}
	
.table_outline th {
	font-size: var(--text-xxl);
    line-height: 1.8;
	}
	}

/*スマホ終わり*/


/*商品説明内アイコン*/

.goods_matome_icon {
	margin:1.5rem 0 0;
	}

.goods_etc_icon {
	margin:1rem 0 0;
	}
.goods_etc_icon li {
	display:inline;
	}
.goods_etc_icon li img {
	margin:0 0.8rem 0.8rem 0;
	}
.goods_etc_list {
	margin:1rem 0rem 0rem;
	}
.goods_etc_list li {
	font-weight:400;
	font-size:1.6rem;
	}




/*ーーーーーーーーーーーーーーーーーーーーーーーー
見出し余白修正 .main_contents_areaのdivに.ttl_set_aを付与
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*h1*/
.main_contents_area .ttl_set_a h1,
.main_contents_area.ttl_set_a h1 {
padding: 7rem 0;
font-family: var(--font-en), var(--font-jp);
font-size: var(--title-xxl);
font-weight: 400;
line-height: 1.4;
text-align: center;
color: var(--color-title);
border-bottom: 1px solid var(--color-title_line);
}
.main_contents_area .ttl_set_a h1 .txt_a,
.main_contents_area.ttl_set_a h1 .txt_a {
	font-size: var(--title-s);
	font-weight:normal;
	}


/*h2*/
.main_contents_area .ttl_set_a h2,
.main_contents_area.ttl_set_a h2 {
font-family: var(--font-en), var(--font-jp);
margin-bottom: 40px !important;
font-size: var(--title-xl);
font-weight:400;
line-height: 1.2;
text-align: center;
color: var(--color-title);
}

/*h3*/
.main_contents_area .ttl_set_a h3,
.main_contents_area.ttl_set_a h3 {
position: relative;
padding-bottom: 1rem !important;
margin-bottom: 4rem !important;
font-family: var(--font-en), var(--font-jp);
font-size: var(--title-l);
line-height: 1.4;
font-weight: 400;
color: var(--color-title);
border-bottom: 1px solid #e0dede !important;
}
.main_contents_area .ttl_set_a h3:after,
.main_contents_area.ttl_set_a h3:after{
content: "";
position: absolute;
bottom: -0.5rem;
left: 0;
height: 0;
width: 17.2rem;
max-width: 172px;
border-bottom: 5px solid  var(--color-point);
}

/*h4*/
.main_contents_area .ttl_set_a h4,
.main_contents_area.ttl_set_a h4 {
font-family: var(--font-en), var(--font-jp);
margin-bottom: 2rem !important;
font-size: var(--title-m);
line-height: 1.3;
color: var(--color-title);
font-weight: 400;
}
.main_contents_area .ttl_set_a h4:before,
.main_contents_area.ttl_set_a h4:before {
position:relative;
margin-right: 8px;
font-family: "Font Awesome 5 Free";
content: "\f45c";
font-weight: 400;
font-size: 1.2rem;
color: var(--color-point);
top: -4px;
}

/*h5*/
.main_contents_area .ttl_set_a h5,
.main_contents_area.ttl_set_a h5 {
	font-family: var(--font-en), var(--font-jp);
	font-size: var(--title-m2);
	font-weight: 400;
	color: var(--color-title);
	margin-bottom:2rem !important;
	}

/*h6*/
.main_contents_area .ttl_set_a h6,
.main_contents_area.ttl_set_a h6 {
	font-family: var(--font-en), var(--font-jp);
	font-size: var(--title-m2);
	color: var(--color-title);
	margin:2rem 0 1rem !important;
	}

.main_contents_area .ttl_set_a h2:not(:first-child),
.main_contents_area.ttl_set_a h2:not(:first-child) { margin-top: 140px !important; }
.main_contents_area .ttl_set_a h3:not(:first-child),
.main_contents_area.ttl_set_a h3:not(:first-child) { margin-top: 60px !important; }
.main_contents_area .ttl_set_a h4:not(:first-child),
.main_contents_area.ttl_set_a h4:not(:first-child) { margin-top: 40px !important; }
.main_contents_area .ttl_set_a h5:not(:first-child),
.main_contents_area.ttl_set_a h5:not(:first-child) { margin-top: 30px !important; }

.main_contents_area .ttl_set_a .col_three+h2:not(:first-child),
.main_contents_area.ttl_set_a .col_three+h2:not(:first-child) { margin-top: 115px !important; }

@media screen and (max-width:767px) {
	
.main_contents_area .ttl_set_a h1,
.main_contents_area.ttl_set_a h1 {
	font-size: var(--title-xxl);
	padding: 2.2rem 0;
	}

.main_contents_area .ttl_set_a h1 .txta,
.main_contents_area.ttl_set_a h1.txta {
	display:inline-block;
	margin:.5rem 1rem 0;
	font-size:1.4rem;
	}
.main_contents_area .ttl_set_a h3,
.main_contents_area.ttl_set_a h3 {
margin-bottom: 2rem !important;
}

.main_contents_area .ttl_set_a h2,
.main_contents_area.ttl_set_a h2 { font-size: var(--title-xl); }
.main_contents_area .ttl_set_a h3,
.main_contents_area.ttl_set_a h3 { font-size: var(--title-l); }
.main_contents_area .ttl_set_a h4,
.main_contents_area.ttl_set_a h4 { font-size: var(--title-m); }
.main_contents_area .ttl_set_a h5,
.main_contents_area.ttl_set_a h5 { font-size: var(--title-m2); }
.main_contents_area .ttl_set_a h6,
.main_contents_area.ttl_set_a h6 { font-size: var(--title-m2); }

.main_contents_area .ttl_set_a h2:not(:first-child),
.main_contents_area.ttl_set_a h2:not(:first-child) { margin-top: 80px !important; }
.main_contents_area .ttl_set_a h3:not(:first-child),
.main_contents_area.ttl_set_a h3:not(:first-child) { margin-top: 40px !important; }
.main_contents_area .ttl_set_a h4:not(:first-child),
.main_contents_area.ttl_set_a h4:not(:first-child) { margin-top: 30px !important; }
.main_contents_area .ttl_set_a h5:not(:first-child),
.main_contents_area.ttl_set_a h5:not(:first-child) { margi-topn: 20px !important; }

/*smp end*/}


/*ーーーーーーーーーーーーーーーーーーーーーーーー
見出し余白修正ver2 包括divに.ttl_set_newを付与
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*見出し余白修正ver2 全般
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*レベル1*/
.main_contents_area .ttl_set_new .ttl_a,
.main_contents_area .ttl_set_new .ttl_a {/*修正無し*/}

/*レベル1内に小テキストを入れたい場合*/
.main_contents_area .ttl_set_new h1 .txt_a,
.main_contents_area.ttl_set_new h1 .txt_a {
	font-size: var(--title-s);
	font-weight:normal;
	}


/*レベル2*/
.main_contents_area.ttl_set_new .ttl_b,
.main_contents_area .ttl_set_new .ttl_b {
margin-bottom: 4rem !important;
}

/*レベル2背景グリーン*/
.main_contents_area.ttl_set_new .ttl_c,
.main_contents_area .ttl_set_new .ttl_c {/*修正無し*/}


/*レベル3*/
.main_contents_area.ttl_set_new .ttl_d,
.main_contents_area .ttl_set_new .ttl_d {
margin-bottom: 4rem !important;
}


/*レベル4*/
.main_contents_area.ttl_set_new .ttl_e,
.main_contents_area .ttl_set_new .ttl_e,
.main_contents_area.ttl_set_new .ttl_f,
.main_contents_area .ttl_set_new .ttl_f {
margin-bottom: 2rem !important;
}


/*見出し余白修正ver2 上マージン
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*レベル1*/
.main_contents_area.ttl_set_new .ttl_a:not(:first-child),
.main_contents_area .ttl_set_new .ttl_a:not(:first-child) {/*修正無し*/}

/*レベル2*/
.main_contents_area.ttl_set_new .ttl_b:not(:first-child),
.main_contents_area .ttl_set_new .ttl_b:not(:first-child) { margin-top: 14rem !important; }

/*レベル2背景グリーン*/
.main_contents_area.ttl_set_new .ttl_c:not(:first-child),
.main_contents_area .ttl_set_new .ttl_c:not(:first-child) {/*修正無し*/}

/*レベル3*/
.main_contents_area.ttl_set_new .ttl_d:not(:first-child),
.main_contents_area .ttl_set_new .ttl_d:not(:first-child) { margin-top: 6rem !important; }

/*レベル4*/
.main_contents_area.ttl_set_new .ttl_e:not(:first-child),
.main_contents_area .ttl_set_new .ttl_e:not(:first-child),
.main_contents_area.ttl_set_new .ttl_f:not(:first-child),
.main_contents_area .ttl_set_new .ttl_f:not(:first-child) { margin-top: 4rem !important; }


/*見出し余白修正ver2 スマホ
ーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width:767px) {
.main_contents_area .ttl_set_new .ttl_a,
.main_contents_area.ttl_set_new .ttl_a {
	padding: 2.2rem 0;
	}
.main_contents_area .ttl_set_new .ttl_a .txta,
.main_contents_area.ttl_set_new h.ttl_a1.txta {
	display:inline-block;
	margin:0.5rem 1rem 0;
	font-size: var(--text-xxl);
	}
.main_contents_area.ttl_set_new .ttl_d,
.main_contents_area .ttl_set_new .ttl_d {
margin-bottom: 2rem !important;
}

.main_contents_area .ttl_set_new .ttl_b,
.main_contents_area.ttl_set_new .ttl_b { font-size: var(--title-xl); }
.main_contents_area .ttl_set_new .ttl_d,
.main_contents_area.ttl_set_new .ttl_d { font-size: var(--title-l); }
.main_contents_area .ttl_set_new .ttl_e,
.main_contents_area.ttl_set_new .ttl_e,
.main_contents_area .ttl_set_new .ttl_f,
.main_contents_area.ttl_set_new .ttl_f { font-size:2rem; }

.main_contents_area .ttl_set_new .ttl_b:not(:first-child),
.main_contents_area.ttl_set_new .ttl_b:not(:first-child) { margin-top: 8rem !important; }
.main_contents_area .ttl_set_new .ttl_d:not(:first-child),
.main_contents_area.ttl_set_new .ttl_d:not(:first-child) { margin-top: 4rem !important; }
.main_contents_area .ttl_set_new .ttl_e:not(:first-child),
.main_contents_area.ttl_set_new .ttl_e:not(:first-child),
.main_contents_area .ttl_set_new .ttl_f:not(:first-child),
.main_contents_area.ttl_set_new .ttl_f:not(:first-child) { margin-top: 3rem !important; }

/*smp end*/}



/*ーーーーーーーーーーーーーーーーーーーーーーーー
汎用クラス
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*フォント
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area .f_size_14 {
	font-size: var(--text-m);
	}
.main_contents_area .f_size_15 {
	font-size: var(--text-xl);
	}
.main_contents_area .f_size_16 {
	font-size: var(--text-xxl);
	}
.main_contents_area .f_family_mincho {
font-family: var(--font-en), var(--font-jp);
font-weight: 400;
}

.main_contents_area .f_note {
font-size: var(--text-xl);
}

@media screen and (max-width:767px) {
.main_contents_area .t_align_c_smp {
text-align: center;
}
}


/*アイコン
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.icon_a {
font-family: var(--font-en), var(--font-jp);
font-size: 1.6rem;
font-weight:600;
color: var(--color-text-attention);
border: solid 2px var(--color-text-attention);
border-radius:2px;
padding:0 0.5rem;
margin:0 0.5rem 0.5rem 0 !important;
display:inline-block;
background: var(--color-white);
}



/*リンク
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*アロー*/
.main_contents_area .arrow:before{
font-family: "Font Awesome 5 Free";
content: "\f105  ";
font-weight: bold;
color: var(--color-point);
}
.main_contents_area .arrow_back:before{
font-family: "Font Awesome 5 Free";
content: "\f104  ";
font-weight: bold;
color: var(--color-point);
}

.main_contents_area .arrow_down:before{
font-family: "Font Awesome 5 Free";
content: "\f107  ";
font-weight: bold;
color: var(--color-point);
}

.main_contents_area .arrow_up:before{
font-family: "Font Awesome 5 Free";
content: "\f106  ";
font-weight: bold;
color: var(--color-point);
}



/*ページ内リンク*/
.inner_link {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	}
.inner_link li {
	margin:1rem 1.5rem 0;
	font-size: var(--text-xxl);
	}
.inner_link li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f107  ";
	font-weight: bold;
	}
.inner_link li.txt_a:before {
	font-family: "Font Awesome 5 Free";
	content: "\f105  ";
	font-weight: bold;
	}
@media screen and (max-width:767px) {
.inner_link li {
	margin:1rem 3% 0;
	width:100%;
	line-height:1.3;
	text-align:left;
	}
.inner_link.type_b li {
	width:auto;
	display:inline-block;
	}
}



/*リスト
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.list_indent {
	margin-top:1em;
	}
div .list_indent:first-child {
	margin-top:0px;
	}
.list_indent li {
	margin-left:1em;
	text-indent:-1em;
	margin-top:1rem;
	}
.list_indent.two_letters li {
	margin-left:2em;
	text-indent:-2em;
	}
.list_indent.three_letters li {
	margin-left:3em;
	text-indent:-3em;
	}
.list_indent.four_letters li {
	margin-left:4em;
	text-indent:-4em;
	}
p.list_indent {
	margin-left:1em;
	text-indent:-1em;
	}

.list_c.type_b li,
.list_b.type_b li,
.list_a.type_b li {
	margin-top:1rem;
	}




/*インデント
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.indent_pc {
	display:inline;
	}
@media screen and (max-width:767px) {
.indent_pc {
	display:none;
	}
}



/*ワイド
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.w760 {
	width:760px;
	margin-right:auto;
	margin-left:auto;
	}
@media screen and (max-width:767px) {
.w760 {
	width:auto;
	margin-right:1rem;
	margin-left:1rem;
	}
}


/*画像関係
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*キャプチャ(画面のスクリーンショット)*/
.img_capture {
	width:80%;
	margin-right:auto;
	margin-left:auto;
	background:#ddd;
	padding:0.5rem 1rem 1rem;
	}
.img_capture img {
	margin-top:0.5rem;
	}
.img_capture:before {
	content:"画面イメージ";
	font-size:1.4rem;
	}

/*キャプション(画像下の補足)*/
.img_caption {
	font-size:var(--text-xl);
	line-height:1.5;
	width:min-content;
	margin-right:auto;
	margin-left:auto;
    text-align: center;
	}
.img_caption img {
	max-width:initial;
	margin-bottom:5px;
	}
@media screen and (max-width:767px) {
.img_caption {
	width:auto;
	}
.img_caption img {
	max-width:100%;
	}
}


/*画像左右寄せ*/

.img_right {
	float:right;
	margin-left:3rem;
	margin-bottom:2rem;
	max-width:40%;
	}
.img_left {
	float:left;
	margin-right:3rem;
	margin-bottom:2rem;
	max-width:40%;
	}

@media screen and (max-width:767px) {
.img_right,
.img_left {
	float:none;
	margin-right:0;
	margin-left:0;
	margin-bottom:0;
	text-align:center;
	max-width:initial;
	}
}



/*画像2段組*/

.img_col_two {
	display: table;
	margin:2rem auto 0;
	}
.img_col_two .box_a {
	display:table-cell;
	padding-right:3rem;
	vertical-align:top;
	}
.img_col_two .box_a img,
.img_col_two .box_b img {
	max-width:initial;
	}
.img_col_two .box_b {
	display:table-cell;
	vertical-align:top;
	}
@media screen and (max-width:767px) {
.img_col_two .box_a img,
.img_col_two .box_b img {
	max-width:100%;
	}
.img_col_two {
	display: block;
	margin-top:0px;
	}
.img_col_two .box_a {
	display:block;
	padding-right:0px;
	}
.img_col_two .box_a img,
.img_col_two .box_b img {
	max-width:100%;
	display:block;
	margin-right:auto;
	margin-left:auto;
	}
.img_col_two .box_a img+br,
.img_col_two .box_b img+br {
display: none;
	}
.img_col_two .box_b {
	display:block;
	margin-top:2.5rem;
	}

}


/*画像3段組*/
.img_col_three {
	text-align:center;
	white-space:nowrap;
	width: 100%;
	}
.img_col_three img {
	margin-right:4rem;
	}
.img_col_three.rl15 img {
	margin-right:4rem;
	max-width: fit-content;
	width:calc((100% - 4rem*2)/3);
	}

/*3段組 最終行設定*/
.img_col_three.rl15 :last-child {
	margin-right:0;
	}

@media screen and (max-width:767px) {
.img_col_three img,
.img_col_three.rl15 img {
	width:calc(100%/3);
	height:auto;
	margin-right:0;
	margin-left:0;
	}
}


/*サムネイル
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*2段組*/
.thum_2rows {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}
.thum_2rows .box_a,
.thum_2rows li {
	width:46%;
	margin:4rem 2% 0;
	}

/*2段組ワイド350px*/
.thum_2rows.type_b .box_a {
	width: 35rem;
	margin:0rem 4.7rem;
	}
.thum_2rows.type_b .box_a p {
	font-size: var(--text-xxl);
	line-height:1.6;
	}

.thum_2rows img {
	width: 100%;	
}

@media screen and (max-width:767px) {
.thum_2rows .box_a,
.thum_2rows li {
	font-size: var(--text-xxl);
	line-height:1.6;
	}
.thum_2rows.type_b .box_a {
	width:auto;
	margin:35px 0px 0px;
	}
.thum_2rows.type_b .box_a:first-child {
	margin:0px;
	}
.thum_2rows.type_b .box_a p {
	font-size: var(--text-xxl);
	line-height:1.6;
	}
.thum_2rows.type_b .box_a p:nth-child(2) img {
	margin-right:auto;
	margin-left:auto;
	display:block;
	}
}




/*3段組*//*商品ページ看板下3つのポイント*/

.thum_3rows {
	display:flex;
	flex-wrap:wrap;
	width: 100%;
	}


.thum_3rows .box_a {
	width: 27.5rem;
	margin-right: 3.2rem;
	}

.thum_3rows .box_a p {
	line-height:1.6;
	margin-top:1rem;
	}
/*3段組 ワイド285px*/

.thum_3rows .type_b .box_a {
	width: 28.5rem;
	margin-right: 1.7rem;
	}


/*3段組 最終行設定*/
.thum_3rows .box_a:last-child {
	margin-right:0px;
	}
/*3段組 テキストパターンA*/
.thum_3rows .txt_a {
	font-family: var(--font-en), var(--font-jp);
	font-size: var(--title-m);
    text-align: center;
	}
/*3段組 テキストパターンB*/
.thum_3rows  .txt_b {
	letter-spacing:-0.1em;
	}


/*3段組 テキストパターンC*//*商品ページ内　ブランド詳細コンテンツ*/


.thum_3rows .txt_c {
	background-size:23px auto !important;
	font-family: var(--font-en), var(--font-jp);
	font-size: var(--title-m2);
	line-height:1.4;
    font-weight: 400;
	}


.thum_3rows .txt_c:before {
    position:relative;
	content: "\f05d";
	margin-bottom: 0;
	margin-top: 0.3rem;
	font-family: "Font Awesome 5 Free";
    padding-right:1rem !important;
	font-size:2.4rem;
	line-height:1.4;
    color: var(--color-point);
	}


@media screen and (max-width:767px) {
.thum_3rows.type_b .box_a,
.thum_3rows .box_a {
	width:100%;
	margin-right:0;
	margin-top:5rem;
    text-align: center;
	}
.thum_3rows.type_b .box_a:first-child,
.thum_3rows .box_a:first-child {
	margin-top:0;
	}
.thum_3rows .box_a p {
    margin-top: 1rem;
    text-align: center;
}
.thum_3rows .txt_c {
	margin-bottom:2rem !important;
	}
}





/*4段組
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.thum_4rows {
	display:flex;
	flex-wrap:wrap;
	}
ul.thum_4rows li,
.thum_4rows .box_a {
	width: 18rem;
	margin-right: 5.6rem;
	font-size:var(--text-xxl);
	line-height:1.6;
	}
ul.thum_4rows li:nth-child(n+5),
.thum_4rows .box_a:nth-child(n+5) {
	margin-top:5rem;
	}
ul.thum_4rows li:nth-child(4n),
.thum_4rows .box_a:nth-child(4n) {
	margin-right:0;
	}

.thum_4rows .txt_a {
	font-size:var(--title-m2);
	font-weight:400;
	margin-bottom:1rem;
	display:block;
	text-align:center;
	}
.thum_4rows img {
	margin-bottom:1rem;
	}
@media screen and (max-width:767px) {
ul.thum_4rows li,
.thum_4rows .box_a {
	width:45%;
	margin-right:10%;
	font-size: var(--text_xxl);
	line-height:1.5;
	}
ul.thum_4rows li:nth-child(n+3),
.thum_4rows .box_a:nth-child(n+3) {
	margin-top:5rem;
	}
ul.thum_4rows li:nth-child(2n),
.thum_4rows .box_a:nth-child(2n) {
	margin-right:0px;
	}

}



/*テーブルして2段組(左セル改行禁止／右セル可変)
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area .col_table {
	display:table;
	}
.main_contents_area .col_table .box_a {
	display:table-cell;
	white-space:nowrap;
	padding:0.5rem;
	}
.main_contents_area .col_table .box_b {
	display:table-cell;
	padding:0.5rem;
	}
@media screen and (max-width:767px) {
.main_contents_area .col_table {
	display:block;
	}
.main_contents_area .col_table .box_a {
	display:block;
	white-space:initial;
	padding:0;
	}
.main_contents_area .col_table .box_b {
	display:block;
	padding:0;
	}
}





/*背景色
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*ブラウン*/

.bg_brown {
	background: var(--color-bg_tokuten);
	}
.bg_brown .frame_a {
	background: var(--color-white);
	}


/*背景ライトグリーン＆内側白*/
.bg_lightgreen_white {
	background: var(--color-bg2);
	padding:6rem;
	}
.bg_lightgreen_white .inner_g {
	padding-top:0;
	padding-bottom:0;
	}
.bg_lightgreen_white .bg_lightgreen_white_inner_a {
	background: var(--color-white);
	max-width:1130px;
	margin-right:auto;
	margin-left:auto;
	border-radius: 3rem;
	}
.bg_lightgreen_white .bg_lightgreen_white_inner_b {
	width: 89rem;
	margin-right:auto;
	margin-left:auto;
	padding:8rem 0;
	}
@media screen and (max-width:767px) {
.bg_lightgreen_white {
	background:var(--color-bg2);
	padding:6rem 2rem;
	}

.bg_lightgreen_white .bg_lightgreen_white_inner_a {
	max-width:initial;
	padding:6rem 2rem;
	}
.bg_lightgreen_white .bg_lightgreen_white_inner_b {
	width:auto;
	padding:0;
	}
.bg_lightgreen_white .btn_a {
	width:100%;
	min-width:initial;
	}

}


/*よくある質問
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.faq_area p{
      line-height: 1.5;
}

.faq_area .box_a {
	font-size:2.3rem;
	font-family: var(--font-en), var(--font-jp);
    margin-top:4.5rem;
	}

.faq_area .box_a p:before{
    position:relative;
	font-size:5rem;
	font-family: var(--font-en), var(--font-jp);
	content:"Q.";
    padding-right:1rem !important;
    font-weight: 600;
    color: var(--color-point);
	}
.faq_area .box_a:first-child {
	margin-top:0;
	}
.faq_area .box_b {
	font-size:1.6rem;
	font-family: var(--font-en), var(--font-jp);
    margin-top:0px;
	}

.faq_area .box_b p:before {
    position:relative;
	font-size:5rem;
	font-family: var(--font-en), var(--font-jp);
	content:"A.";
    padding-right:1rem !important;
    padding-left: 0.5rem!important;
    font-weight: 600;
    color: var(--color-text-attention);
	}

@media screen and (max-width:767px) {
.faq_area .box_a {
	font-size:2rem;
	}
}



/*枠追加
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.frame_e {
	padding:6rem 4.5rem 3.5rem;
	border: solid 2px #efe7e0;
	background: var(--color-white);
	border-radius: 3rem;
	}
@media screen and (max-width:767px) {
.frame_e {
	padding:5rem 2rem;
	}
}
.frame_f {
	background:#f4f7fd;
	padding:3rem 3rem;
	border-radius:0.5rem;
	margin-top:1rem;
	border-radius: 2rem;
	}
.frame_f.rl70 {
	padding-right: 7rem;
	padding-left: 7rem;
	}
/*@media screen and (max-width:767px) {
.frame_f,
.frame_f.rl70 {
	padding: 0;
	}
}*/


.frame_error {
	border: solid 1px #ce5f43;
	border-radius:3px;
	padding:1rem 1.5rem;
	background: var(--color-frame_z);
	color: var(--color-error);
	margin-top:4rem;
	font-size:1.6rem;
	font-weight:400;
	text-align:left;
	line-height:1.8;
	}



/*テーブル
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area .table_c {
width:100%;
border-collapse: collapse;
border-top: 4px solid var(--color-point);
	}

.main_contents_area .table_c th,
.main_contents_area .table_c td {
padding: 2rem;
border: 1px solid var(--color-table_line);
text-align: left;
}
.main_contents_area .table_c th {
background: #ebf1ec;
color: var(--color-title);
}
.main_contents_area p + .table_c {
margin-top: 1em;
}

@media screen and (max-width:767px) {
.main_contents_area .table_scroll .table_c th,
.main_contents_area .table_scroll .table_c td {
white-space:nowrap;
}
}



/*STEP(ステップ)
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area .step_area .txt_a {
font-size:3.2rem;
font-family: var(--font-en), var(--font-jp);
}
.main_contents_area .step_area .txt_a span {
display: inline-block;
line-height: 1.5;
padding:2px 0px;
color: var(--color-white);
font-family: var(--font-en), var(--font-jp);
font-weight: 400;
font-size: 2rem;
background:  var(--color-text-attention);
text-align: center;
width:18rem;
max-width:180px;
margin-right: 2rem;
vertical-align: top;
margin-top:1rem;
}

.main_contents_area .step_area .box_a {
display:flex;
flex-wrap: wrap;
margin-top:2rem;
border-bottom:dotted 1px #e0dede;
margin-bottom:5.5rem;
padding-bottom:4.7rem;
position:relative;
}
.main_contents_area .step_area .box_a:after {
content:"　";
display: inline-block;
background:url("/Contents/image/img/common/arrow_step_down@2x.png") no-repeat center center;
background-size: contain;
position:absolute;
bottom:-3.2rem;
left:6.8rem;
width:1.5rem;
height:5.6rem;
}
.main_contents_area .step_area .box_a:last-child {
margin-bottom:0;
}
.main_contents_area .step_area .box_a:last-child:after {
content:none;
}

.main_contents_area .step_area .box_a .col_a {
width:15rem;
margin-right:3rem;
max-width: 150px;
}
.main_contents_area .step_area .box_a .col_b {
width:71rem;
max-width: 710px;
}

@media screen and (max-width:767px) {
.main_contents_area .step_area .txt_a span {
width:auto;
padding-right:2rem;
padding-left:2rem;
}

.main_contents_area .step_area .box_a {
display: block;
}
.main_contents_area .step_area .box_a:after {
left:4.8rem;
}
.main_contents_area .step_area .box_a .col_a {
width:auto;
margin-right: 0;
}
.main_contents_area .step_area .box_a .col_a img {
width:50%;
}
.main_contents_area .step_area .box_a .col_b {
width:auto;
margin-top:1rem;
}

/*smp end*/}



/*ーーーーーーーーーーーーーーーーーーーーーーーー
ページ個別
ーーーーーーーーーーーーーーーーーーーーーーーー*/


/*メディア紹介・スタッフ紹介
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area .intro_area {
	display:flex;
	flex-wrap:wrap;
	line-height:1.6;
	}
.main_contents_area .intro_area dt {
	width:10rem;
	padding-right:3rem;
	padding-bottom:2.5rem;
	margin-bottom:2.5rem;
	border-bottom: solid 1px #e0dede;
	max-width: 100px;
	}
.main_contents_area .intro_area dd {
	width:76rem;
	padding-bottom:2.5rem;
	margin-bottom:2.5rem;
	border-bottom: solid 1px #e0dede;
	max-width: 760px;
	}
.main_contents_area .intro_area dd:first-line {
	font-weight:400;
	}
.main_contents_area .intro_area dd .txt_a {
	font-family: var(--font-en), var(--font-jp);
	font-weight:400;
	font-size:2.2rem;
	margin:0.5rem auto;
	}
.main_contents_area .intro_area dd .txt_a:first-child {
	margin-top:0px;
	}
.main_contents_area .intro_area .txt_b {
	display:inline-block;
	margin-top:0.7rem;
	font-weight:400;
	}

@media screen and (max-width:767px) {
.main_contents_area .intro_area dt {
	width:25%;
	margin-right:0;
	margin-left:0;
	padding-right:5%;
	}
.main_contents_area .intro_area dd {
	width:70%;
	line-height:1.6;
	margin-right:0;
	margin-left:0;
	}
.main_contents_area .intro_area .txt_a {
	font-size:1.8rem;
	}
.main_contents_area .intro_area .txt_b {
	display:block;
	}
}




/*取扱い店舗
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*取扱商品アイコン*/
.main_contents_area .icon_lar,
.main_contents_area .icon_ikeda,
.main_contents_area .icon_neobaby,
.main_contents_area .icon_eau,
.main_contents_area .icon_bayu,
.main_contents_area .icon_hihyaku {
	display:inline-block;
	margin-right:1rem;
	}
.main_contents_area .icon_lar:before {
	content:"●";
	color:#3399ff;
	}
.main_contents_area .icon_ikeda:before {
	content:"●";
	color:#ff9900;
	}
.main_contents_area .icon_neobaby:before {
	content:"●";
	color:#e9e466;
	}
.main_contents_area .icon_eau:before {
	content:"●";
	color:#99cc33;
	}
.main_contents_area .icon_bayu:before {
	content:"●";
	color:#facd89;
	}
.main_contents_area .icon_hihyaku:before {
	content:"●";
	color:#3e7740;
	}



/*テーブル*/
.main_contents_area#shop_list .table_b {
	margin-top:2rem;
	}
.main_contents_area#shop_list .table_b th,
.main_contents_area#shop_list .table_b td {
	vertical-align:top;
	font-size:1.5rem;
	}
.main_contents_area#shop_list .table_b th {
	font-weight:400 !important;
	width:30rem !important;
	max-width: 300px;
	}
.main_contents_area#shop_list {}

@media screen and (max-width:767px) {
.main_contents_area#shop_list .table_responsive tr+tr th {
	margin-top:0px;
	border-top:none;
	}
.main_contents_area#shop_list .table_b td {
	border-top:none;
	}
.main_contents_area#shop_list .table_b th {
	width:auto !important;
	}

}



/*使用成分一覧
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area#element_area .table_a th,
.main_contents_area#element_area .table_a td {
	word-break:initial;
	}
.main_contents_area#element_area .table_a tbody tr:first-child th:first-child,
.main_contents_area#element_area .table_a tbody tr:first-child th:nth-child(2) {
	width:20rem;
	max-width: 200px;
	}

@supports (-ms-ime-align: auto) {
  /* Edge のみ適用 */
.main_contents_area#element_area .table_a tbody tr:first-child th:first-child,
.main_contents_area#element_area .table_a tbody tr:first-child th:nth-child(2) {
	width:auto;
	}
}


@media screen and (max-width:767px) {
.main_contents_area#element_area .table_a tbody tr:first-child th:first-child,
.main_contents_area#element_area .table_a tbody tr:first-child th:nth-child(2) {
	width:15rem;
	max-width: 150px;
	}
.main_contents_area#element_area .table_scroll .table_a {
	width:60rem;
	max-width: 600px;
	}
.main_contents_area#element_area .table_scroll:before {
	content:"←横にスライドします。";
	font-size:1.4rem;
	}
}



/*食と生活雑貨
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.main_contents_area#foodsandgoods .benefit_four {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top:4rem;
}

.main_contents_area#foodsandgoods .benefit_four li {
width:16rem;
margin-right:2.2rem;
margin-left:2.2rem;
text-align: center;
font-size: 2.2rem;
font-weight: 400;
max-width: 160px;
}
.main_contents_area#foodsandgoods .benefit_four li:nth-child(2) {
width:20rem;
max-width: 200px;
}



/*肌の仕組みを活かすINDEX
ーーーーーーーーーーーーーーーーーーーーーーーー*/

#skinstructure .main_contents_area #neo_labo {
background:#f4f8f6;
border-top: solid 1px #e0dede;
border-bottom: solid 1px #e0dede;
}
#skinstructure .main_contents_area #neo_labo .inner_g {
display: block;
padding:0;
}
#skinstructure .main_contents_area #neo_labo .inner_g .box_a {
width:auto;
}
#skinstructure .main_contents_area #neo_labo .inner_g .box_a p {
margin-top: 0 !important;
}
#skinstructure .main_contents_area #neo_labo .inner_g .box_b {
width:auto;
margin:0 2rem 2rem;
}
#skinstructure .main_contents_area #neo_labo .ttl_b {
margin-top:0 !important;
margin-bottom:1.5rem !important;
}
#skinstructure .main_contents_area #neo_labo .ttl_b span {
font-size: 1.8rem;
}


@media screen and (min-width:768px) {
#skinstructure .main_contents_area #neo_labo {
background:url("/Contents/image/img/common/lab_img01_bg.jpg") no-repeat center top;
}
#skinstructure .main_contents_area #neo_labo .inner_g {
display:flex;
flex-wrap:wrap;
flex-flow: row-reverse;
}
#skinstructure .main_contents_area #neo_labo .inner_g .box_a {
width:47.6rem;
line-height: 0;
max-width: 476px;
}
#skinstructure .main_contents_area #neo_labo .inner_g .box_a .display_smp {
display:none;
}
#skinstructure .main_contents_area #neo_labo .inner_g .box_b {
width:33rem;
max-width: 330px;
}

#skinstructure .main_contents_area #neo_labo .ttl_b {
text-align: left;
margin-top:6.8rem !important;
margin-bottom:3rem !important;
}
#skinstructure .main_contents_area #neo_labo .ttl_b span {
font-size: 2.2rem;
font-family: var(--font-en), var(--font-jp);
}

/*PC end*/}

/*私たちについてINDEX
ーーーーーーーーーーーーーーーーーーーーーーーー*/

#aboutNeonatural .main_contents_area #neo_labo {
background:#f4f8f6;
border-top: solid 1px #e0dede;
border-bottom: solid 1px #e0dede;
}
#aboutNeonatural .main_contents_area #neo_labo .inner_g {
display: block;
padding:0;
}
#aboutNeonatural .main_contents_area #neo_labo .inner_g .box_a {
width:auto;
}
#aboutNeonatural .main_contents_area #neo_labo .inner_g .box_a p {
margin-top: 0 !important;
}
#aboutNeonatural .main_contents_area #neo_labo .inner_g .box_b {
width:auto;
margin:0 2rem 2rem;
}
#aboutNeonatural .main_contents_area #neo_labo .ttl_b {
margin-top:0px !important;
margin-bottom:1.5rem !important;
}
#aboutNeonatural .main_contents_area #neo_labo .ttl_b span {
font-size: 1.8rem;
}


@media screen and (min-width:480px) {
#aboutNeonatural .main_contents_area #neo_labo {
background:url("/Contents/image/img/common/lab_img01_bg.jpg") no-repeat center top;
}
#aboutNeonatural .main_contents_area #neo_labo .inner_g {
display:flex;
flex-wrap:wrap;
flex-flow: row-reverse;
}
#aboutNeonatural .main_contents_area #neo_labo .inner_g .box_a {
width:47.6rem;
line-height: 0;
max-width: 476px;
}
#aboutNeonatural .main_contents_area #neo_labo .inner_g .box_a .display_smp {
display:none;
}
#aboutNeonatural .main_contents_area #neo_labo .inner_g .box_b {
width:33rem;
max-width: 330px;
}

#aboutNeonatural .main_contents_area #neo_labo .ttl_b {
text-align: left;
margin-top:6.8rem !important;
margin-bottom:3rem !important;
}
#aboutNeonatural .main_contents_area #neo_labo .ttl_b span {
font-size: 2.2rem;
font-family: var(--font-en), var(--font-jp);
}

/*PC end*/}




/*プレスリリース
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.p_release_area {
display: flex;
flex-wrap:wrap;
}
.p_release_area dt {
width:27rem;
font-weight: 400;
border-bottom: dotted 1px #e0dede;
padding-bottom:2.5rem;
margin-bottom:2.5rem;
max-width: 270px;
}
.p_release_area dd {
width:62rem;
font-weight: 400;
border-bottom: dotted 1px #e0dede;
padding-bottom:2.5rem;
margin-bottom:2.5rem;
max-width: 620px;
}
.p_release_area .icon_cate_a,
.p_release_area .icon_cate_b,
.p_release_area .icon_cate_c,
.p_release_area .icon_cate_d {
padding:1rem 3rem;
color: var(--color-white);
display:inline-block;
margin-right:1em;
}

.p_release_area .icon_cate_a {
background: var(--color-point);
}
.p_release_area .icon_cate_b {
background: var(--color-point);
}
.p_release_area .icon_cate_c {
background: var(--color-point);
}
.p_release_area .icon_cate_d {
background: var(--color-point);
}

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

.p_release_area {
display: block;
}
.p_release_area dt {
width:auto;
border-bottom: none;
padding-bottom:0;
margin-bottom:1rem;
}
.p_release_area dd {
width:auto;
}



/*smp end*/}


/*ーーーーーーーーーーーーーーーーーーーーーーーー
既存CSSの追加・修正
ーーーーーーーーーーーーーーーーーーーーーーーー*/


.inner_s.type_b {
	margin:8rem auto;
	}
@media screen and (max-width:767px) {
.inner_s.type_b {
	margin:8rem 1rem;
	}
}




.table_b.th_nowrap th {
	white-space:nowrap;
	}

.main_contents_area .table_scroll {
	overflow-x: auto;
	}
.main_contents_area .table_scroll.type_b .table_b,
.main_contents_area .table_scroll.type_b .table_a {
	width:auto;
	}
@media screen and (max-width:767px) {
.main_contents_area .table_scroll {
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	height:auto;
	}
.main_contents_area .table_scroll.type_b {
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	height:auto;
	}
.main_contents_area .table_scroll.type_b .table_b,
.main_contents_area .table_scroll.type_b .table_a {
	width:107.4rem;
	max-width: 1074px;
	}

}

@media screen and (max-width:767px) {
.table_responsive .display_none_smp {
	display:none;
	}
}


.col_three.type_b .thumb img {
	max-width:20rem;
	}
.col_three.type_b .thumb img.img_a {
	max-width:15rem;
	}

.col_three.type_c {
	justify-content:left;
	}
.col_three.type_c li {
	max-width:initial;
	width:min-content !important;
	margin-right:3rem;
	}
.col_three.type_c li:last-child {
	margin-right:0;
	}
.col_three.type_c li img {
	max-width:initial;
	}


.col_three.type_d {
	justify-content:center;
	}
.col_three.type_d li {
	width: 27.6rem;
	margin-right:3rem;
max-width: 276px;
	}
.col_three.type_d li:last-child {
	margin-right:0;
	}
.col_three.type_d li img {
	width:20rem;
	max-width: 200px;
	}
  .main_contents_area .col_three.type_d li:nth-child(3n+2):last-child { margin-right: 0;}


.col_three.type_e {
	justify-content:center;
	}
.main_contents_area .col_three.type_e li:nth-child(3n+2):last-child { margin-right: 0;}
  
.col_three.type_e li {
margin-right:2.9rem;
}
.col_three.type_e li:last-child {
margin-right:0;
}



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

    div#skinstructure .col_three .thumb a{
        height: 17rem;
		max-height: 170px;
    }

    div#skinstructure .col_three.type_b .thumb a {
        height:auto;
        }
    div#skinstructure .col_three.type_b .thumb a img {
        position:initial;
        transform:initial;
        width:auto;
        }
    div#skinstructure .col_three.type_b .name,
    div#skinstructure .col_three.type_b .btn {
        margin-top:1rem !important;
        }
    div#skinstructure .col_three.type_b .description {
        margin-bottom:0 !important;
        margin-top:1rem !important;
        }
    div#skinstructure .col_three.type_b .frame_d {
        margin-top:4rem;
        }

    .col_three.type_c li {
        width:47% !important;
        min-width:initial;
        margin-right:5%;
        }
    .col_three.type_c li:nth-child(2n) {
        margin-right:0;
        }
    .col_three.type_c li img {
        max-width:100%;
        }

    .col_three.type_d {
        justify-content:center;
        }
    .col_three.type_d li {
        width:auto;
        margin-right:0;
        }
    
    .main_contents_area .col_three.type_e li:nth-child(3n+2):last-child {
    margin-right: 0;
    }
    .col_three.type_e li {
    margin-right:0;
    }

    .main_contents_area iframe {
        max-width:100%;
        height:30rem;
		max-height: 300px;
        }
/*smp end*/}

@media screen and (min-width:480px) {

    .col_three.type_e li {
    margin-right:2.9rem;
    }

/*smp end*/}



.main_contents_area .table_a.type_b th,
.main_contents_area .table_a.type_b td,
.main_contents_area .table_b.type_b th,
.main_contents_area .table_b.type_b td{
padding: 10px;
}


  .main_contents_area .frame_c .name+.btn,
  .main_contents_area .frame_d .name+.btn{
  margin-top: 1em;
  }

/*子要素の高さ揃え*/
@media screen and (min-width:768px) {
.main_contents_area .frame_c {
  display: flex;
  flex-direction: column;
}
/*pc end*/}
/*子要素の高さ揃え end*/


.main_contents_area .col_three li li {
  margin-top:0px;
  margin-bottom:0px;
  width:auto;
  }
.main_contents_area .col_three li li:nth-child(3n+2):last-child { margin-right: 0px;}



/*ヘッダー・フッター*/

#defaultHeader2018 .logo_pc {
text-align: left;
margin-left: 2.8rem; 
}

@media screen and (max-width:767px) {
#defaultHeader2018 .logo_sp {
margin:1.5rem 0 2.2rem;
}
#FS2_header #defaultHeader2018 .logo_sp {
margin-top:2.3rem;
}
.panWrapper .pan{
padding:0.5rem;
}


#defaultFooter2018 .copyright img,
#defaultHeader2018 .logo_sp img {
width:16rem;
height:auto;
max-width: 160px;
}
/*smp end*/}


/*TOP*/

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

div#skinstructure .section1 .knowledges .box_a {
width: 30rem;
padding: 0 10rem 0 0;
max-width: 300px;
}
div#skinstructure .section1 .knowledges > li {
padding: 2.5rem 1rem;
}


/*その他*/

.col_two_narrow li.frame_c.mt0.mb0:first-child {
margin-bottom:2rem !important;
}

/*smp end*/}


@media screen and (min-width:768px) {
  .main_contents_area.inner_g .col_four li,
  .main_contents_area .inner_g .col_four li { width: 19.7rem; }
/*pc end*/}



.main_contents_area .ttl_d .txt_a {
display:block;
font-size: var(--title-s);
margin-bottom:5px;
}
@media screen and (max-width:767px) {
.main_contents_area .ttl_d .txt_a {
font-size: var(--title-s);
}
/*smp end*/}




/*frame_c・frame_d内に設置するリストの修正*/
.main_contents_area .frame_c .list_a,
.main_contents_area .frame_c .list_b,
.main_contents_area .frame_c .list_d,
.main_contents_area .frame_c .list_e {
margin:0 3rem !important;
font-size: var(--text-xxl);
}
.main_contents_area .frame_d .list_a,
.main_contents_area .frame_d .list_b,
.main_contents_area .frame_d .list_d,
.main_contents_area .frame_d .list_e {
margin-top:0px !important;
font-size: var(--text-xxl);
}
.main_contents_area .frame_c .list_a li,
.main_contents_area .frame_d .list_a li,
.main_contents_area .frame_c .list_b li,
.main_contents_area .frame_d .list_b li,
.main_contents_area .frame_c .list_e li,
.main_contents_area .frame_d .list_e li {
width:auto;
margin:1rem 0;
text-align:left;
font-size: var(--text-xxl);
}

.main_contents_area .frame_c .list_d dt,
.main_contents_area .frame_d .list_d dt,
.main_contents_area .frame_c .list_d dd,
.main_contents_area .frame_d .list_d dd {
width:auto;
text-align:left;
font-size: var(--text-xxl);
}




/*ーーーーーーーーーーーーーーーーーーーーーーーー
スペース調整
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt140 {margin-top: 140px !important;}
.mt150 {margin-top: 150px !important;}
.mt160 {margin-top: 160px !important;}
.mt170 {margin-top: 170px !important;}
.mt180 {margin-top: 180px !important;}
.mt190 {margin-top: 190px !important;}
.mt200 {margin-top: 200px !important;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr60 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb60 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb150 {margin-bottom: 150px !important;}
.mb160 {margin-bottom: 160px !important;}
.mb170 {margin-bottom: 170px !important;}
.mb180 {margin-bottom: 180px !important;}
.mb190 {margin-bottom: 190px !important;}
.mb200 {margin-bottom: 200px !important;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml60 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}

.pt0 {padding-top:0px !important;}
.pb0 {padding-bottom:0px !important;}

@media screen and (max-width:767px) {
	
.mt0_smp {margin-top: 0px !important;}
.mt5_smp {margin-top: 5px !important;}
.mt10_smp {margin-top: 10px !important;}
.mt15_smp {margin-top: 15px !important;}
.mt20_smp {margin-top: 20px !important;}
.mt25_smp {margin-top: 25px !important;}
.mt30_smp {margin-top: 30px !important;}
.mt35_smp {margin-top: 35px !important;}
.mt40_smp {margin-top: 40px !important;}
.mt45_smp {margin-top: 45px !important;}
.mt50_smp {margin-top: 50px !important;}
.mt55_smp {margin-top: 55px !important;}
.mt60_smp {margin-top: 60px !important;}
.mt65_smp {margin-top: 65px !important;}
.mt70_smp {margin-top: 70px !important;}
.mt75_smp {margin-top: 75px !important;}
.mt80_smp {margin-top: 80px !important;}
.mt85_smp {margin-top: 85px !important;}
.mt90_smp {margin-top: 90px !important;}
.mt95_smp {margin-top: 95px !important;}
.mt100_smp {margin-top: 100px !important;}
.mt110_smp {margin-top: 110px !important;}
.mt120_smp {margin-top: 120px !important;}
.mt130_smp {margin-top: 130px !important;}
.mt140_smp {margin-top: 140px !important;}
.mt150_smp {margin-top: 150px !important;}
.mt160_smp {margin-top: 160px !important;}
.mt170_smp {margin-top: 170px !important;}
.mt180_smp {margin-top: 180px !important;}
.mt190_smp {margin-top: 190px !important;}
.mt200_smp {margin-top: 200px !important;}

/*smp end*/}


/*itemページレイアウト変更*/
.item_new p.copy{
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: bold;
}
.item_new li{
			text-align: center;
			}
	
.item_new ul.col_four p.description{
			text-align: left !important;
			font-size: 1.6rem !important;
			margin: 1.6rem 0 2.5rem 0 !important;
		}
		
.item_new ul.col_four p.name{
			font-size: 1.8rem !important;
			margin-bottom: auto !important;
			font-weight: 400;
			line-height: 1.5;
		}
		
@media screen and (min-width : 768px){
.item_new p.thumb img{
			width: 12rem;
			height: 12rem;
		  }
.item_new img{
			width: 15rem !important;
			height: 15rem !important;
		}
}
		
@media screen and (max-width : 767px) {

.item_new p.description{
			display: none !important;
		}
.item_new ul.col_four p.name{
			font-size: 16px !important;
		}
	
}

/*itemページレイアウト変更ここまで*/

/*wordpress 修正用*/
#defaultHeader2018 table .topic {padding: 0px!important;}


/*ボタン動作指定*/

@media (hover: hover) {
  .main_contents_area .btn_a:hover {
    opacity: 0.8;
  }
  .main_contents_area .btn_a:hover::after {
    right: calc(var(--horizontal-padding) - 0.4rem);
  }
}



/*
※※※※下記全てTOPのスタイル※※※あとからCSSに追加する！！！！！！
*/

/*お試しPC・SP共通*/



.main_contents_area .series-item::before {
  --bg-height: 32rem;
}
.main_contents_area .series-item figcaption {
  --text-gap: 2.3rem;
  --top-padding: 3.5rem;
  --side-padding: 4.5rem;
  --detail-height: 21.2rem;
}
.main_contents_area .series-item .series-name {
  width: 26rem;
  margin: 0 auto;
}
        

/*お試しPCのみ*/
    @media screen and (min-width: 768px){
    
#Tester .main_contents_area .l-home__content__inner {
    width: 60%;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
}
#Tester .main_contents_area .c-heading .c-heading--main {
    font-size: var(--title-l);
}
        
.main_contents_area .l-home__content__inner .img_col_two .box_a {
    display: table-cell;
    padding-right: 3rem;
    vertical-align: top;
    width: 50%;
}
    
.main_contents_area .l-home__content__inner .img_col_two .box_b img {
    width: 50rem;
    max-width: 50%;
    position: absolute;
    bottom: 0rem;
    right: 3rem;
}
#Tester .main_contents_area .btn_a {
    width: 20rem;
}
        .main_contents_area .series-item figcaption {
    --text-gap: 0rem;
    --top-padding: 1rem;
    --side-padding: 5rem;
    --detail-height: 15rem;
}
#Tester .main_contents_area .series-item::before {
    --bg-height: 22rem;
}
        
    }
    
/*お試しSPのみ*/
@media (max-width: 767px) {
.main_contents_area .series-item .series-name {
    width: 100%;
  }

.main_contents_area .img_col_two {
  display: flex;
  flex-direction: column-reverse;
  }
    
.main_contents_area .series-item::before {
    --bg-height: 72%;
  }
.main_contents_area .series-item figcaption {
    --text-gap: 1.1rem;
    --top-padding: 1.8rem;
    --side-padding: 3.3rem;
    --detail-height: unset;
    padding-bottom: 4rem;
  }
.main_contents_area .series-item .series-name {
    width: 100%;
  }
}

/*定期PC・SP共通*/

#Rp .main_contents_area .series-item {
    font-size: var(--text-xxl);
    font-weight: 400;
    line-height: 1.8;
    text-align: justify;
}
#Rp .main_contents_area img{
        width: 100%;
    }
#Rp .series-item::before {
    display: none;
}
#Rp .main_contents_area .series-item {
    font-size: var(--text-xxl);
    font-weight: 400;
    line-height: 1.8;
    text-align: justify;
}

/*定期PCのみ*/

@media screen and (min-width: 768px){

#Rp .main_contents_area .tp_img{
        width: 70%;
        margin: 0 auto;
    }
#Rp .main_contents_area p {
    text-align: center;
}
#Rp .m-grid {
    width: 80%;
    margin: auto;
}
}

/*定期SPのみ*/
@media screen and (max-width: 767px){
#Rp .main_contents_area .tp_img{
        width: 60%;
        margin: auto;
    }
#Rp .main_contents_area .series-item {
    display: flex;
}
#Rp .main_contents_area .series-item figcaption {
    --side-padding: 0;
    --text-gap: 0;
    width: 80%;
    padding: 0 2rem var(--top-padding) 2rem;
}
#Rp .main_contents_area .m-grid {
        padding: 0;
    }
    #Topics .main_contents_area .tpics-name {
    font-size: var(--title-s);
    font-weight: 500;
    text-align: center;
}

#Rp .main_contents_area .series-item {
    font-size: var(--text-xl);
    font-weight: 400;
    line-height: 1.8;
    text-align: justify;
}
#Rp .main_contents_area .btn_a{
    margin: 2rem auto;
}
#Rp .main_contents_area .tpics-detail {
        font-size: var(--text-xxl);
        
    }
}


/*トピックスPC・SP共通*/

#Topics .main_contents_area .tpics-name {
    font-size: var(--title-m2);
    font-weight: 500;
    text-align: center;
}

#Topics .main_contents_area .series-item {
    font-size: var(--text-xxl);
    font-weight: 400;
    line-height: 1.8;
    text-align: justify;
}

    #Topics .main_contents_area img{
        width: 100%;
    }


/*トピックスPCのみ*/

@media screen and (min-width: 768px){
#Topics .main_contents_area .btn_a{
    width: 20rem;
    margin: 2rem auto 3rem;
}
#Topics .main_contents_area .tp_img{
        width: 40%;
        margin: 0 auto;
    }
}

/*トピックスSPのみ*/
@media screen and (max-width: 767px){
#Topics .main_contents_area .series-item::before {
    --bg-height: 100%;
}
    #Topics .main_contents_area .tp_img{
        width: 100%;
        margin: auto;
    }
#Topics .main_contents_area .series-item {
    display: flex;
}
#Topics .main_contents_area .series-item figcaption {
    --side-padding: 0;
    --text-gap: 0;
    width: 60%;
    padding: 0 2rem var(--top-padding) 0;
}
#Topics .main_contents_area .m-grid {
        padding: 0;
    }
    #Topics .main_contents_area .tpics-name {
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
}

#Topics .main_contents_area .series-item {
    font-size: var(--text-xl);
    font-weight: 400;
    line-height: 1.8;
    text-align: justify;
}
}
    
/*メディア掲載情報PC・SP共通*/

    [data-content=medhia] {
    padding: 7.6rem 0 13rem;
}

.main_contents_area .magazines{
margin-top: 3rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 4rem;
}
.main_contents_area .magazines li{
width: 24%;
}

/*メディア掲載情報PCのみ*/

@media screen and (min-width: 768px){
.main_contents_area .magazines li{
  width: 11%;
    }
}
/*母袋PC・SP共通*/
#Motai .main_contents_area .blog a, 
#Motai .main_contents_area .blog a:link, 
#Motai .main_contents_area .blog a:visited, 
#Motai .main_contents_area .blog a:hover {
    text-decoration: none;
    color: var(--color-font);
}

#Motai .main_contents_area .blog ul.mb p.date {
    font-size: var(--text-xxl)!important;
    margin-bottom: auto !important;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    width: 15rem;
    margin: 1rem 0;
    text-decoration: none;
    color: var(--color-point);
}

#Motai .main_contents_area .blog ul.mb p.mb_title {
    font-size: var(--text-xxl)!important;
    margin-bottom: auto !important;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    width: 15rem;
    margin: 0;
    text-decoration: none;
}

#Motai .main_contents_area .mb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/*母袋PCのみ*/
@media screen and (min-width: 768px){
#Motai img{
        width: 80%;
    }
.newtopic_pc{
		min-height: 330px;
	}
    }

/*母袋SPのみ*/
@media screen and (max-width: 767px){
.main_contents_area .mb li {
    margin: 10px 0;
    width: 48%;
}
.main_contents_area .mb li:nth-child(n+5){
    display: none;
    }
 }


/*ストーリーPCのみ*/
@media screen and (min-width: 768px){
#Story img{
        width: 80%;
    }
 }

/*商品詳細1のキャンペーンバナー　SPのみ*/
@media screen and (max-width: 767px){
.main_contents_ara .bana img {
width:100%;
}
    }


/*モーダル表示のためのCSS(ポップアップウインドウ)*/

/*infoエリアをはじめは非表示*/
#info{
  display: none;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 600px;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
  background:#ccc;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}