@charset "utf-8";
/*-------------------
   clearfix
-------------------*/
.cf:before, .cf:after{
	content: " ";
	display: table;
}
.cf:after{
	clear: both;
}
.cf{
 *zoom: 1;
}
/*-------------------
   common
-------------------*/
.wrapper{
    font-family: 'TsukuARdGothic-Regular','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体', 
sans-serif;
    font-weight:bold;
	font-feature-settings: "palt";
	padding: 0 0;
	position: relative;
}
.wrapper *{
	box-sizing: border-box;
}
.wrapper a{
	color: inherit;
	display: block;
}
.wrapper img{
	height: auto;
	max-width: 100%;
}
#container .flex{
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    display: flex;
    justify-content: flex-start;
    align-items: top
}
#container html{
	font-size: 62.5%;
	line-height: 1.5;
}

/*ブレイクポイントのルール*/
/* -スマホ基本設計 解像度に依存しない-
 *350pxまで：SP縦 i5 SE
 *350px〜480px：SP縦 i6-8　****一番重要****
 *480px〜960px：SP横からタブレット
 *960px〜小型PC　大型PC
 
/*  全体指定 スマホ縦 i5 i5SE　350pxまで  */
/* 購入ボタン */
#container .buy-btn a{
	background: #000;
    border-radius: 20px;
    border: solid 2px #ee647d;
    color: #ee647d;;
    font: bold 1rem/2.5 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 60%;
}

#container .buy-btn a:hover{
	background: #ee647d;
    color: #FFF;
    opacity: 1;
}

/*-- 画面外にいる状態 --*/
.fadein{
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 300ms;
}
/*-- 画面内に入った状態 --*/
.fadein.scrollin{
	opacity : 1;
	transform : translate(0, 0);
}
/* フェードイン用のCSS */
.slide-bottom{
	opacity: 0;
	transform: translateY(20px);
	transition: all 1.3s 0s ease-out;
  }

/*----scroll----*/
.scroll{
    opacity: 0;
    transition: all 2s ease;
}
.scroll.show{
    opacity: 1;
    transform: none;
    animation: 2.5s fadeIn;
}
.s-bottom{
    transform: translate(0, 20px);
}
.s-scaleDown{
    transform: scale(1.2);
}
#container .wrapper{
	margin: 0 0 20%;
}
#container {
    color: #FFF;
    overflow: hidden;
}

/*-------------------
   mainvisual
-------------------*/
#container .mainvisual{
    background: #000;
    margin: 0 auto;
}
#container .mv{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/mv.png) right no-repeat;
    background-size: 82%;
    padding: 10px 0;
}
#container h1{
    border: solid 1px;
    border-radius: 20px;
    font-size: 1.6rem;
    line-height: 1.2;
    margin: 8px 0 0 12px;
    text-align: center;
    width: 43%;
}
#container h1 em{
    color: #ee647d;
    font-size: 2.2rem;
    font-weight: bold;
}
#container .free{
    width: 18%;
    position: relative;
    margin: 0 0 4px -34px;
}
#container .icon{
    width: 45%;
    margin: 5px 0 0 10px;
}
#container .text-box h2{
    font-size: 0.8rem;
    text-align: left;
    margin: 0 0 0 15px;
}
#container .text-box h2 em{
    font-size: 1.2rem;
    font-weight: bold;
}
#container .mv .buy-btn{
    margin: 0px 60px 0 -50px;
}
/*-------------------
   ranking
-------------------*/
#container .ranking{
    background: #000;
    margin: 0 auto;
    padding: 0 0 18px;
    text-align: center;
}
#container .ranking h2{
    background: #a5884e;
    color: #FFF;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    font-size: 1.4rem;
    margin: 0 auto;
    padding: 6px 0;
}
#container .ranking h2 em{
    font-size: 1.8rem;
    font-weight: bold;
}
#container .ichii{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/gold.png) top no-repeat;
    background-size: 100%;
    padding: 30px 0 0;
}
#container .ranking img{
    width: 60%;
}
#container .ranking h3{
    color: #d9a64b;
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 7px auto;
    width: 80%;
}
/*-------------------
   LDK
-------------------*/
#container .ldk{
    background: #000;
    margin: 0 auto;
    text-align: center;
}
#container .zassi{
    width: 90%;
    margin: 0 auto;
}
#container .ldk h2{
    font-size: 1.5rem;
    margin: 10px 0 20px;
}
#container .august{
    position: absolute;
    left: 10%;
}
#container .ldk p{
    font-size: 1.2rem;
    line-height: 1.3;
    margin: 20px 0;
    text-align: center;
}
#container .ldk em{
    color: #ee647d;
    font-size: 1.8rem;
    font-weight: bold;
}
#container .ldk .kazari{
    position: relative;
    margin: -108px 0 60px 0;

}
/*-------------------
   hyaluron
-------------------*/
#container .hyaluron{
    background: #000;
    margin: 0 auto;
    text-align: center;
}
#container .clinic{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/clinic.png) right bottom no-repeat;
    background-size: 70%;
}
#container .clinic h2{
    background: #a5884e;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    font-size: 1.4rem;
    margin: 0px 0 12px;
    padding: 5px;
}
#container .clinic h3{
    font-size: 1.2em;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    line-height: 1.4;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}
#container .clinic h3 p{
    color: #33b1ff;
    font-weight: bold;
    margin: 0;
    line-break: strict;
    word-break: keep-all;
}
#container .ase{
    margin: 0 0 8px;
}
#container .hukidashi{
    transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -webkit-transform: rotate(-16eg);
    position: relative;
    margin: -16px 0 0px 0px;
    width: 90%;
}
#container .tyusya {
    width: 366px;
    margin: 0 auto;
}
#container .tyusya .itai{
    width: 34px;
}
#container .tyusya .ase{
    width: 30px;
}
#container .go{
    color: #f4dd44;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0px 1px #000, 0px 2px 1px #000, -2px 0px 1px #000, 0px -2px 1px #000;
    width: 84%;
    text-align: left;
    margin: 20px auto;
}
#container .hari{
    width: 50%;
    margin: 0 175px 30px 0;
}
/*-------------------
   microneedle
-------------------*/
#container .microneedle{
    background: #000;
    margin: 0 auto;
    padding: 20px 0 0;
    text-align: center;
}
#container .microneedle .top{
    font-size: 1.2rem;
}
#container .top{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/water_1.png) right top 90px no-repeat;
    background-size: 180px;
}
#container .top h2{
    font-size: 1.4rem;
    margin: 10px 0;
}
#container .top h2 p{
    display: inline;
    font-weight: bold;
}
#container .top h2 span{
    font-size: 1.4rem;
    display: block;
}
#container .top h3{
    margin: 30px auto 10px;
    line-height: 1.2;
    width: 82%;
}
#container .top h3 em{
    color: #ee647d;
    font-size: 2.5rem;
    font-weight: bold;
    text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0px 1px #000, 0px 2px 1px #000, -2px 0px 1px #000, 0px -2px 1px #000;
}
#container .top img{
    width: 90%;
}
#container .uruoi{
    background: #FFF;
    color: black;
    margin: 0 auto 40px;
    padding: 0 0 20px;
    width: 95%;
}
#container .uruoi h2{
    background: #a5884e;
    color: #FFF;
    font-size: 1.2rem;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    line-height: 1.4;
    padding: 15px;
}
#container span{
    font-size: 0.8rem;
}
#container .zu{
    margin: 10px 0 20px;
    width: 90%;
}
#container .atention{
    font-size: 0.6rem;
    text-align: right;
    margin: 5px 10px 5px 0;
}
#container .uruoi .text{
    font-size: 1.0rem;
    line-height: 1.5;
    width: 90%;
    text-align: left;
}
#container .aging h2{
    background: #ee647d;
    border-radius: 60px;
    color: #FFF;
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0 auto;
    padding: 10px;
    width: 90%;
}
#container .aging{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/agingcare.png) bottom no-repeat;
    background-size: 90%;
    padding: 0 0 44px;
}
#container .toreha{
    FONT-VARIANT: JIS04;
    position: relative;
    margin: 0 83px 126px 0;
    width: 30%;
}
#container .aseteru{
    position: relative;
    margin: 80px 0 0 10px;
    width: 32%;
}
/*-------------------
   maker
-------------------*/
#container .maker{
    background: #000;
    margin: 0 auto;
    padding: 0 0 20px;
    text-align: center;
}
#container .maker h2{
    background: #a5884e;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    font-size: 1.1rem;
    padding: 5px;
}
#container .maker h2 em{
    font-size: 1.3rem;
    text-decoration: underline #FFFF00;
}
#container .maker .nouhau{
    font-size: 1.0rem;
    margin: 20px auto;
    width: 90%;
}
#container .hito{
    font-size: 1.2rem;
    text-align: right;
    margin: 5px 20px 10px 0;
}
#container .pach{
    width: 90%;
    margin: 0 0 10px;
}
#container .promuke{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/water_2.png) left bottom 48px no-repeat;
    background-size: 180px;
}
/*-------------------
   howtouse
-------------------*/
#container .howtouse{
    background: #000;
    margin: 0 auto;
    padding: 0 0 10px;
    text-align: center;
}
#container .use{
    background: #a5884e;
    color: #FFF;
    margin: 0 auto;
    text-align: center;
    width: 95%;
}
#container .use h2{
    background: #FFF;
    color: #000;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    font-size: 1.2rem;
    padding: 5px;
    margin: 0 0 20px;
}
#container .use p{
    font-size: 1.0rem;
    line-height: 1.5;
    text-align: justify;
    text-justify: inter-ideograph;
    width: 90%;
}
#container .use em{
    background: #ee647d;
    border-radius: 50%;
    display: inline-block;
    font-size: 1.2rem;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    padding: 4px 0 0 0;
    width: 34px;
    height: 34px;
    text-align: center;
    margin: 0 8px 0 0;
}
#container img{
    margin: 10px 0 0; 
}
#container .use_text{
    margin: 20px auto;
}
#container .tyuui{
    background: #FFF;
    color: #000;
    font-size: 0.8rem;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    margin: 40px auto 0;
    padding: 20px 26px;
    text-align: left;
}
#container .tyuui h3{
    text-align: center;
    font-size: 1.3rem;
    color: red;
    margin: 0 0 5px;
}
/*-------------------
   mens
-------------------*/
#container .mens_border{
    background: #991e23;
    padding: 10px 0;
}
#container .mens{
    background: #000;
    margin: 0 auto;
    padding: 20px 0 0;
    text-align: center;
}
#container .mens_popular{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/mens.png) bottom right no-repeat;
    padding: 0 0 165px;
    background-size: 90%;
}
#container .mens_popular h2{
    font-size: 2.0rem;
    margin: 10px 0 0;
}
#container .mens_left .eye_mouth{
    margin: 10px 5px;
    width: 42%;
}
#container .memoto{
    font-size: 1.8rem;
    line-break: strict;
    line-height: 1.3;
    width: 80%;
    text-align: left;
    margin: 10px 20px 20px;
}
#container .otoko{
    color: #991e23;
    font-size: 2.6rem;
    font-family: 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', Meiryo,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    font-weight: bold;
    margin: -24px 160px 3px 0;
    position: relative;
    transform: rotate(-16deg);
    -moz-transform: rotate(-16deg);
    -webkit-transform: rotate(-16eg);
}
#container .mens_left .buy-btn{
    margin: -1px 137px 0 -38px;
}
/*-------------------
   link
-------------------*/
#container .link {
    background: #000;
    margin: 0 auto;
    padding: 20px 10px;
}
#container .link h2 {
    color: #c4a752;
    font: 1.0rem/1.5 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','メイリオ', 'Meiryo','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
    text-align: center;
}


@media screen and (min-width:350px) and ( max-width:480px){
/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/

}
@media screen and (min-width:480px) and ( max-width:960px){
/*　スマホ横～タブレット 480pxから960pxまではここを読み込む　*/
/*-------------------
   mainvisual
-------------------*/
#container .mv{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/mv.png) right no-repeat;
    background-size: contain;
}
#container .mv .text-box{
    margin: 0 0 0 60px;
}
#container .mv .buy-btn {
    margin: 0 300px 0 -92px;
}
#container h1 {
    font-size: 2.8rem;
    margin: 15px 0 0 12px;
    padding: 10px;
}
#container h1 em {
    font-size: 3.8rem;
    display: inline-block;
}
#container .text-box h2 {
    font-size: 1.5rem;
}
#container .text-box h2 em {
    font-size: 1.8rem;
}
#container .buy-btn a {
    font-size: 1.3rem;
}
#container .ranking h2 {
    font-size: 2.5rem;
}
#container .ranking h2 em {
    font-size: 3.0rem;
}
#container .ranking h3 {
    font-size: 3.0rem;
    margin: 30px auto 0;
}
#container .ldk h2 {
    font-size: 1.8rem;
}
#container .ldk p {
    font-size: 1.8rem;
    margin: 40px 0;
}
#container .ldk em {
    display: inline-block;
    font-size: 2.5rem;
}
#container .ldk .kazari {
    margin: -170px 0 50px 0;
}
#container .clinic h2 {
    font-size: 1.8rem;
}
#container .clinic h3 {
    font-size: 2.0rem;
    margin: 30px 0 0;
}
#container .tyusya {
    width: 60%;
    margin: 0 auto 0 40px;
}
#container .hukidashi {
    margin: -40px 0 0px 0px;
}
#container .go {
    font-size: 1.8rem;
    text-align: center;
    margin: 30px auto 0 50px;
    width: 50%;
}
#container .hari {
    margin: 0 275px 30px 0;
}
#container .top h2 {
    font-size: 2.3rem;
}
#container .top h2 span {
    font-size: 2.0rem;
}
#container .top {
    background-size: 40%;
}
#container .top h3 {
    font-size: 1.6rem;
}
#container .top h3 em {
    font-size: 2.8rem;
}
#container .uruoi h2,
#container .aging h2 {
    font-size: 1.6rem;
}
#container .aging {
    background-size: 70%;
}
#container .toreha {
    margin: 0 140px 130px 0;
}
#container .aseteru {
    margin: 80px 0 0 50px;
    width: 30%;
}
#container .maker h2 {
    font-size: 1.8rem;
}
#container .maker h2 em {
    font-size: 2.5rem;
}
#container .maker .nouhau {
    font-size: 1.5rem;
    width: 70%;
}
#container .pach {
    width: 70%;
}
#container .promuke {
    background-size: 40%;
}
#container .use p {
    font-size: 1.3rem;
}
#container .use em {
    font-size: 1.8rem;
    width: 50px;
    height: 50px;
}
#container .mens_popular {
    background-size: 60%;
    padding: 0 0 50px;
}
#container .mens_left {
    width: 70%;
}
#container .otoko {
    margin: -35px -310px 3px 0;
}
#container .memoto {
    font-size: 2.0rem;
    width: 60%;
    margin: 10px 30px 30px;
}
/*-------------------
   link
-------------------*/
#container .link {
    padding: 40px 10px;
}
#container .link h2 {
    font-size: 1.3rem;
}
#container .link ul {
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#container .link ul li {
    margin: 0 10px;
    width: calc(94% / 2);
}
}

 @media screen and (min-width:960px){
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
/*-------------------
   mainvisual
-------------------*/
#container .mainvisual{
    width: 1040px;
}
#container .mv{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/mv.png) right no-repeat;
    background-size: contain;
}
#container .text-box {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/water_2.png) left bottom 30px no-repeat;
    background-size: 280px;
    padding: 2% 35% 2% 3%;
}
#container h1 {
    font-size: 3.0rem;
    line-height: 4rem;
    margin: 0 auto;
    padding: 10px 0;
    width: 480px;
}
#container h1 em {
    font-size: 3.6rem;
}
#container .free{
    margin: 2px 0 20px -60px;
    width: 120px;
}
#container .icon {
    margin: 18px 0 0 68px;
    width: 64%;
}
#container .text-box h2 {
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 10px;
    text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0px 1px #000, 0px 2px 1px #000, -2px 0px 1px #000, 0px -2px 1px #000;
}
#container .text-box h2 em{
    font-size: 2.0rem;
    font-weight: bold;
}
#container .mv .buy-btn {
    margin: 0 0;
}
/*-------------------
   ranking
-------------------*/
#container .ranking {
    width: 1040px;
}
#container .ranking h2 {
    font-size: 2.6rem;
}
#container .ranking h2 em {
    font-size: 3.8rem;
}
#container .ranking img {
    width: 448px;
}
#container .ichii{
    padding: 50px 0 0;
}
#container .ranking h3{
    font-size: 2.6rem;
    margin: 20px auto;
}
/*-------------------
   LDK
-------------------*/
#container .ldk {
    width: 1040px;
}
#container .zassi{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/water_1.png) top 80px right no-repeat;
    background-size: 400px;
    width: 100%;
}
#container .ldk h2 {
    font-size: 2.2rem;
    text-shadow: 2px 2px 1px #000, -2px 2px 1px #000, 2px -2px 1px #000, -2px -2px 1px #000, 2px 0px 1px #000, 0px 2px 1px #000, -2px 0px 1px #000, 0px -2px 1px #000;
}
#container .august{
    position: relative;
    top: -383px;
}
#container .magagine{
    margin: 10px 120px 20px 10px;
}
#container .ldk p {
    font-size: 2.0rem;
    line-height: 3.8rem;
    margin: 0 auto;
    width: 590px;
}
#container .ldk em {
    font-size: 3.2rem;
}
#container .ldk .kazari{
    margin: -183px 0 73px;
}
/*-------------------
   hyaluron
-------------------*/
#container .hyaluron {
    width: 1040px;
}
#container .clinic {
    background-size: 55%;
}
#container .clinic h2{
    font-size: 2.6rem;
    margin: 0 0 50px;
}
#container .clinic h3{
    font-size: 2.0rem;
}
#container .ase{
    margin: 0 0 8px;
}
#container .hukidashi{
    margin: -48px 0 0px 34px;
    width: 100%;
}
#container .tyusya{
    width: 700px;
    margin: 0 0 0 40px;
}
#container .go{
    font-size: 2.4rem;
    margin: 25px 0 0 100px;
    width: 516px;
}
#container .hari{
    position: relative;
    margin: 18px 291px 30px 0;
    width: 368px;
}
/*-------------------
   microneedle
-------------------*/
#container .microneedle {
    width: 1040px;
}
#container .microneedle .top{
    font-size: 2.2rem;
}
#container .top img {
    width: 615px;
}
#container .top {
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/water_1.png) right bottom 36px no-repeat;
    background-size: 340px;
}
#container .top h2{
    font-size: 3.2rem;
    line-height: 1.5;
}
#container .top h2 p{
    display: inline;
    font-weight: bold;
}
#container .top h2 span{
    font-size: 3.2rem;
    display: block;
}
#container .top h3{
    margin: 20px auto;
}
#container .top h3 em{
    font-size: 4.0rem;
}
#container .uruoi {
    padding: 0 0 50px;
    width: 85%;
}
#container .uruoi h2 {
    font-size: 2.0rem;
    line-height: 1.4;
    padding: 20px 0;
}
#container span{
    font-size: 0.8rem;
}
#container .zu{
    width: 700px;
    margin: 10px 0 20px;
}
#container .atention {
    font-size: 0.8rem;
    margin: 10px 70px 10px 0;
}
#container .uruoi .text {
    font-size: 1.4rem;
    word-break: keep-all;
    line-break: strict;
    text-align: center;
}
#container .aging h2 {
    font-size: 2.8em;
    padding: 18px;
    width: 80%;
}
#container .aging{
    background-size: 68%;
    padding: 20px 0px 400px;
}
#container .toreha {
    margin: 0 140px 0 0;
    width: 190px;
}
#container .aseteru {
    margin: 0 -20px -250px 90px;
    width: 204px;
}
/*-------------------
   maker
-------------------*/
#container .maker {
    width: 1040px;
}
#container .maker h2{
    font-size: 2.6rem;
}
#container .maker h2 em{
    font-size: 2.8rem;
}
#container .maker p {
    word-break: keep-all;
}
#container .promuke{
    background: url(/contents/shop/sevenbeauty/img/freepage/microneedle_carepatch/water_2.png) left bottom 66px no-repeat;
    background-size: 348px;
}
#container .hito {
    font-size: 1.7rem;
    margin: 0px 150px 30px 0;
}
#container .maker .nouhau {
    font-size: 2rem;
    line-height: 1.5;
}
#container .pach {
    width: 60%;
    margin: 0 0 30px;
}
/*-------------------
   howtouse
-------------------*/
#container .howtouse {
    width: 1040px;
}
#container .use {
    width: 800px;
}
#container .use h2 {
    font-size: 2.0rem;
}
#container .use p {
    font-size: 1.4rem;
    width: 80%;
}
#container .use em {
    font-size: 1.8rem;
    width: 50px;
    height: 50px;
}
#container img {
    margin: 10px 0 0; 
}
#container .use_text {
    margin: 20px auto;
}
#container .tyuui {
    font-size: 1.0rem;
    padding: 20px 40px;
}
#container .tyuui h3{
    text-align: center;
    font-size: 2.0rem;
}
/*-------------------
   mens
-------------------*/
#container .mens {
    width: 1040px;
}
#container .mens_popular{
    background-size: 50%;
    padding: 0 0 40px;
}
#container .mens_popular h2 {
    font-size: 3.0rem;
}
#container .mens_left{
    width: 700px;
    margin: 0 0 0 50px;
}
#container .mens_left .eye_mouth{
    width: 280px;
    margin: 20px 5px;
}
#container .memoto {
    font-size: 3.2rem;
    line-height: 1.2;
    margin: 0 32px 41px;
    word-break: keep-all;
}
#container .otoko{
    font-size: 3.6rem;
    margin: -63px 0 0 320px;
}
#container .mens_left .buy-btn {
    margin: 0 200px 0 -38px;
}
/*-------------------
   link
-------------------*/
#container .link {
    padding: 50px 10px;
    width: 1040px;
}
#container .link h2 {
    font-size: 1.5rem;
}
#container .link ul {
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#container .link ul li {
    margin: 0 10px;
    width: calc(90% / 2);
}
}