/*	common
@import "01_setting/**";
================================================ */
.clearfix:after {
  display: block;
  content: "";
  clear: both; }

/*	media
================================================ */
@media all and (max-width: 639px) {
  #media .innerTtl {
    font-size: 20px;
    display: block;
    margin: 0 auto 2%;
    padding: 10px 0;
    text-align: center;
    width: 90%; }
  #media .updateMgz {
    font-size: 14px; }
  #media .backnumber {
    display: block;
    margin: 0 auto 2%;
    width: 100%; }
  #media .updateMgz {
    display: block;
    margin: 0 auto 2%;
    width: 90%; }
  #media .backnumber li {
    border-top: 1px solid #ccc;
    display: block;
    float: left;
    margin: 2% 2% 0;
    padding: 10px 10px 0;
    width: 96%;
    box-sizing: border-box; }
  #media .magazineImg {
    float: left;
    padding: 1%;
    width: 23%; }
  #media .magazineTxt {
    float: left;
    padding: 1%;
    width: 73%; }
  #media .ttlArea {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px 0; }
  #media .txtArea {
    line-height: 1.5; } }
@media all and (min-width: 640px) {
  #media h1 {
    text-align: center; }
  #media .innerTtl {
    margin: 0 auto;
    padding: 40px 0 20px;
    width: 1060px;
    max-width: 100%; }
  #media .backnumber, #media .updateMgz, #media .menu {
    display: block;
    margin: 0 auto;
    width: 1060px;
    max-width: 100%; }
  #media .updateMgz {
    padding-left: 20px;
    font-size: 16px; }
  #media .backnumber li, #media #links01 li {
    border-top: thin solid #ccc;
    display: block;
    float: left;
    height: 150px;
    margin: 2%;
    padding: 10px 10px 0;
    width: 46%; }
  #media .magazineImg {
    float: left;
    padding: 1%;
    width: 23%; }
  #media .magazineTxt {
    float: left;
    padding: 1%;
    width: 73%; }
  #media .ttlArea {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0; }
  #media .txtArea {
    line-height: 1.7; }
  #media .menu label, #media .menu input {
    display: none; }
  #media .clearfix:after {
    content: "";
    clear: both;
    display: block; } }
@media all and (min-width: 1025px) {
  #media .innerTtl {
    max-width: 1060px; }
  #media .backnumber, #media .updateMgz, #media .menu {
    max-width: 1060px; } }

/*	news
================================================ */
#news h2 {
  color: #666666;
  text-align: center; }
#news h2 a {
  color: #666666; }
#news .news p a {
  text-decoration: underline; }
#news .section {
  padding-top: 2em;
  border-top: 1px  solid #ccc;
  font-size: 1.6rem; }
#news .section a {
  text-decoration: underline; }
#news .section p + p {
  margin-top: 1.5em; }
@media all and (min-width: 1025px) {
  #news h2 {
    font-size: 2.8rem;
    padding: 40px 0 0; }
  #news .news {
    font-size: 120%;
    width: 1060px;
    margin: 0 auto; }
  #news .news div {
    padding-top: 35px;
    text-indent: 2em; }
  #news .news p {
    padding: 30px 0 35px;
    padding-left: 9.5em; }
  #news .news .main {
    margin: 0 auto;
    text-align: center;
    width: 1060px; }
  #news .news p,
  #news .news div {
    margin: 0 auto;
    width: 600px; }
  #news .section {
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto 50px;
    width: 1060px; }
  #news .section .textArea {
    font-size: 16px;
    line-height: 1.5em;
    line-height: 1.7;
    padding: 20px 10px 0; }
  #news .btnJoin {
    background-color: #efa8b3;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    width: 300px; }
  #news .btnJoin a {
    color: #fff;
    font-size: 20px; }
  #news .textArea_sp {
    display: none; } }
@media all and (min-width: 640px) {
  #news .page-contentspages .newsTtl {
    font-size: 20px; }
  #news .news li {
    font-size: 12px;
    letter-spacing: 0.03em;
    margin: 0 auto;
    width: 90%; }
  #news .news p {
    padding-bottom: 20px; }
  #news .news div {
    padding: 20px 0 10px; }
  #news .news {
    font-size: 120%;
    max-width: 1060px;
    margin: 0 auto; }
  #news .news div {
    padding-top: 35px;
    text-indent: 2em; }
  #news .news p {
    padding: 30px 0 35px;
    padding-left: 9.5em; }
  #news .news .main {
    margin: 0 auto;
    text-align: center;
    width: 1060px; }
  #news .news p,
  #news .news div {
    margin: 0 auto;
    width: 600px; }
  #news .section .textArea {
    font-size: 16px;
    line-height: 1.5em;
    line-height: 1.7;
    padding: 20px 10px 0;
    width: 96%;
    margin: 0 auto; }
  #news .btnJoin {
    background-color: #efa8b3;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 200px; }
  #news .btnJoin a {
    color: #fff;
    font-size: 15px; } }
@media all and (max-width: 639px) {
  #news .shop_info_title {
    width: 20vw; }
  #news .page-contentspages .newsTtl {
    font-size: 20px; }
  #news .news li {
    font-size: 12px;
    letter-spacing: 0.03em;
    margin: 0 auto;
    width: 96%; }
  #news .news p {
    padding-bottom: 20px; }
  #news .news div {
    padding: 20px 0 10px; }
  #news .section {
    font-size: 12px; }
  #news .btnJoin {
    background-color: #efa8b3;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 200px; }
  #news .btnJoin a {
    color: #fff;
    font-size: 15px; } }
@media all and (min-width: 640px) {
  #news .shop_info_title {
    width: 100px; } }

/*	ABOUT
================================================ */
@media all and (min-width: 640px) {
  #about .block-about-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 1150px;
    margin-top: 40px;
    padding-top: 455px;
    /*background: url(../images/about/bg_about_pc.png) top 633px right 0 no-repeat;*/
    background-size: 310px 273px; }
  #about .block-about-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 22px;
	  margin-top: 30px;
    color: #000;
    font-size: 4.8rem;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    letter-spacing: .08em; }
  #about .block-about-ttl span {
    display: block;
    margin-top: 8px; }
  #about .block-about-ttl-comment {
    font-size: 1.5rem;
    text-align: center;
    line-height: 2;
    letter-spacing: .08em; }
  #about .block-about-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute; }
  #about .block-about-modelface {
    top: 0;
    left: 70px;
    min-height: 428px;
    padding: 40px 0 0 232px;
    background: url(../images/about/bg_about_pc.png) top left no-repeat;
    background-size: 310px 273px;
	filter: brightness(1.1);
	}
  #about .block-about-moisture {
    top: 132px;
    right: 85px;
    min-width: 366px;
    min-height: 428px;
    padding: 146px 0 0;
    background: url(../images/about/sandal_new_gel.png) top right no-repeat;
    background-size: 225px; }
  #about .block-about-fragrance {
    bottom: 0;
    left: 27px;
	  top: 76%;
    min-width: 453px;
    min-height: 349px;
    padding: 68px 0 0 114px;
    background: url(../images/about/bg_about_pc_fragrance.png) top left no-repeat;
    background-size: 453px 349px; }
  #about .block-about-item-ttl {
    position: relative;
    min-width: 131px;
    min-height: 85px;
    margin: 0;
    padding: 40px 0 0 28px;
    background: url(../images/about/bdr_pink_tilt.png) top left no-repeat;
    background-size: 131px 85px;
    color: #000;
    font-size: 3.1rem;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    letter-spacing: .08em; }
  #about .block-about-item-comment {
    padding-left: 28px;
    font-size: 1.2rem;
    line-height: 1.9; } }
@media all and (max-width: 639px) {
  #about h1.block-about-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 92vw;
    margin: 0 auto;
    padding-bottom: 5.8vw;
    color: #000;
    font-size: 5.6vw;
    font-family: futura-pt, sans-serif;
    text-align: center;
    letter-spacing: .08em; }
  #about h1.block-about-ttl::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0vw;
    width: 4.4vw;
    height: 4.4vw;
    background: url(../images/about/bdr_about_black.png) center no-repeat;
    -webkit-transform: translate(-50%);
    transform: translate(-50%); }
  #about h1.block-about-ttl span {
    display: block;
    position: relative; }
  #about h1.block-about-ttl span::before {
    position: relative;
    content: "";
    display: block;
    height: 73vw;
    background: url(../images/about/SDP_TheModelFaceGel_04.jpg) top center/100% no-repeat; }
  #about .block-about-ttl-comment {
    margin-top: 1vw;
    font-size: 3.2vw;
    text-align: center;
    letter-spacing: 0;
    line-height: 2; }
  #about .block-about-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12vw; }
  #about .block-about-item-ttl {
    position: relative;
    margin-top: 4vw;
    padding-bottom: 5.8vw;
    color: #000;
    font-size: 5.6vw;
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    text-align: center;
    letter-spacing: .08em; }
  #about .block-about-item-ttl::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0vw;
    width: 4.4vw;
    height: 4.4vw;
    background: url(../images/about/bdr_about_black.png) center no-repeat;
    -webkit-transform: translate(-50%);
    transform: translate(-50%); }
  #about .block-about-item-comment {
    margin-top: 2vw;
    font-size: 3.2vw;
    text-align: center;
    line-height: 2;
    letter-spacing: 0; }
  #about .block-about-modelface > div > img {
    width: 40.27vw; }
  #about .block-about-moisture > div > img {
    width: 44vw;
    margin-bottom: 3vw; }
  #about .block-about-fragrance > div > img {
    width: 42vw; } }

/*	ambassador
================================================ */
@media all and (max-width: 639px) {
  #ambassador .shop_info_title {
    width: 25vw; } }
@media all and (min-width: 640px) {
  #ambassador .shop_info_title {
    width: 190px;
    margin-bottom: -20px; } }

/*	comapny
================================================ */
@media all and (max-width: 639px) {
  #company h1 {
    font-size: 6vw; }
  #company table td, #company table th {
    font-size: 14px;
    line-height: 25px;
    line-height: calc(25/14);
    display: block;
    width: 100%;
    padding: 10px 0; }
  #company table th, #company table th.office2 {
    padding-bottom: 1px; }
  #company table th {
    font-weight: 600; }
  #company table td {
    padding-top: 1px;
    border-bottom: 1px solid #ccc; }
  #company th, #company th.office2 {
    border-bottom: none !important; }
  #company tr.office {
    padding-top: 3px !important; }
  #company th.office2 {
    padding-top: 12px; }
  #company td.place {
    padding-top: 10px; }
  #company tr {
    border-bottom: none !important; } }
@media all and (min-width: 640px) {
  #company table {
    width: 100%; }
  #company .block-company--contents {
    width: 100%; }
  #company tr {
    border-bottom: 1px solid #ccc; }
  #company td, #company th {
    font-size: 15px;
    padding: 15px 0;
    line-height: 27px;
    line-height: calc(27/15); }
  #company tr.office {
    border-bottom: none !important; }
  #company th.office2 {
    border-bottom: 1px solid #ccc;
    margin-right: -2px; }
  #company th {
    width: 21%;
    text-align: left; }
  #company td {
    width: 70%;
    text-align: left;
    border-bottom: 1px solid #ccc; }
  #company td.address {
    float: none;
    width: 100%; } }

/*	privacy
================================================ */
#privacy li {
  list-style-type: none; }
#privacy .madoguchi {
  line-height: 0.5em; }
@media all and (max-width: 639px) {
  #privacy .block-privacy h2 {
    margin-bottom: 10px;
    font-size: 20px; }
  #privacy .block-privacy p, #privacy .block-privacy ul, #privacy .block-privacy li {
    font-size: 14px;
    line-height: 1.8; }
  #privacy .block-privacy p, #privacy .block-privacy ul {
    margin-top: 10px; }
  #privacy .block-privacy li {
    margin-top: 5px; }
  #privacy .block-privacy .block-privacy--contents + .block-privacy--contents {
    margin-top: 40px; } }

/*	SHOP
================================================ */
@media print {
  #shop .sp {
    display: none; }
  #shop td.lastcell, #shop tr.lastcell {
    border-bottom: none; }
  #shop tr.AREA_name {
    border: none; } }
#shop .block-company--ttl {
  border: none;
  padding: 3px 0;
  background-color: #fbe9eb;
  text-align: center; }
#shop li.area_link a {
  color: #df8191 !important;
  text-decoration: none !important; }
@media all and (max-width: 639px) {
  #shop tr td .pc {
    display: none; }
  #shop tr td .sp {
    display: block; }
  #shop h1 {
    font-size: 6vw; }
  #shop .shop_info_title {
    width: 25vw; }
  #shop table th {
    font-size: 14px;
    line-height: 25px;
    display: block;
    width: 100%;
    padding: 15px 0; }
  #shop table td {
    font-size: 12px;
    line-height: 23px;
    display: block;
    width: 100%;
    padding: 15px 0; }
  #shop ul li.area_link {
    list-style-type: none;
    display: inline-block;
    margin: 5px !important; }
  #shop table th, #shop table th.office2 {
    padding-bottom: 1px;
    font-weight: 600; }
  #shop table td {
    padding-top: 1px;
    border-bottom: 1px solid #ccc; }
    #shop table td.lastcell {
      border-bottom: 0px solid #ccc; }
  #shop th, #shop th.office2 {
    border-bottom: none !important; }
  #shop tr.office {
    padding-top: 3px !important; }
  #shop th.office2 {
    padding-top: 12px; }
  #shop td.place {
    padding-top: 10px; }
  #shop tr {
    border-bottom: none !important; }
  #shop .block-company ul {
    width: 100% !important;
    margin: 25px auto 10px;
    overflow: hidden;
    text-align: center !important; } }
@media all and (min-width: 640px) {
  #shop tr td .sp {
    display: none; }
  #shop tr td .pc {
    display: block; }
  #shop th.lastcell, #shop td.lastcell, #shop tr.lastcell {
    border-bottom: none; }
  #shop ul.area_nav {
    margin: 5px auto; }
  #shop .area_nav li {
    margin: 5px; }
  #shop tr.AREA_name {
    border: none; }
  #shop tr.border_cell {
    border-bottom: 1px solid #ccc; }
  #shop .shop_info_title {
    width: 160px;
    margin-top: 40px;
    margin-bottom: 10px; }
  #shop table {
    width: 100%; }
  #shop .block-company--contents {
    width: 100%; }
  #shop td #area {
    padding: 0 10px !important important;
    margin-top: -2px;
    z-index: 1; }
  #shop ul li.area_link {
    list-style-type: none;
    display: inline-block;
    margin: 5px 10px; }
  #shop .block-company ul {
    width: 300px;
    margin: 25px auto 10px;
    overflow: hidden;
    text-align: center; }
  #shop tr {
    border-bottom: 1px solid #ccc; }
  #shop th {
    font-size: 15px;
    padding: 20px 0;
    line-height: 25px; }
  #shop td {
    font-size: 13px;
    padding: 20px 0;
    line-height: 23px; }
  #shop tr.office {
    border-bottom: none !important; }
  #shop th.office2 {
    border-bottom: 1px solid #ccc;
    margin-right: -2px; }
  #shop th.lastcell, #shop td.lastcell {
    border-bottom: none; }
  #shop th {
    width: 40%;
    text-align: left; }
  #shop td {
    width: 60%;
    text-align: left;
    border-bottom: 1px solid #ccc; }
  #shop td.address {
    float: none;
    width: 100%; } }

.block-company h1,
.block-privacy h1 {
  font-size: 2.8rem;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  margin-bottom: 10px; }
  @media all and (max-width: 639px) {
    .block-company h1,
    .block-privacy h1 {
      font-size: 20px;
      margin-bottom: 10px; } }

.block-privacy h1 {
  margin-bottom: 30px; }

@media all and (max-width: 639px) {
  #block_of_top_free2 .vsm-slider {
    margin: 0; } }

/*	404
================================================ */
.error404 .page404 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 545px); }
  .error404 .page404 p {
    font-size: 18px;
    text-align: center; }
  @media all and (max-width: 639px) {
    .error404 .page404 {
      height: calc(100vh - 410px); }
      .error404 .page404 p {
        font-size: 15px; } }