/* = Common Layout
-------------------------------------------------------------- */
.content-width {
	position: relative;
	box-sizing: border-box;
	max-width: 1200px;
	width: 100%;
	min-width: 1200px;
	margin: 0 auto;
}
#wrapper {
	min-width: 1200px;
	overflow: hidden;
}
.section-title {
	margin: 0 0 20px;
}
h1, h2, h3, h4, h5, p {
	margin: 0;
}
.center {
	text-align: center;
}
.hiragino {
	font-family: "Hiragino Mincho Pro";
}

img{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	touch-callout:none;
	user-select:none;

	-webkit-user-drag: none;
  }

/* Component
----------------------------------------------------------------- */
/* btn */
.btn {
	display: block;
	position: relative;
	box-sizing: border-box;
	margin: auto;
	padding: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
	color: inherit;
	text-align: center;
}
.btn:hover {
	opacity: .7;
	text-decoration: none;
}
.base-color {
	color: #4d4d4d;
}
/* = izimodal
----------------------------------------------------------------- */
#modal .floatlist li {
	margin: 40px 10px;
}

/* = modal-video
----------------------------------------------------------------- */
.modal-video-close-btn {
	top: -85px !important;
}
.modal-video-movie-wrap iframe {
	padding: 0 50px 30px !important;
	background-color: #fff;
	box-sizing: border-box;
	height: 120% !important;
}
.youtube-title-area {
	position: absolute;
	top: -50px;
	width: 100%;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
}
.youtube-title-area .youtube-main-title {
	font-size: 30px;
}
.youtube-title-area .youtube-detail-title {
	font-size: 20px;
}
.js-modal-btn:hover {
	cursor: pointer;
	text-decoration: none;
	opacity: 0.7;
}

@media screen and (max-width: 640px) {
	.youtube-title-area {
		top: -100px;
		height: 101px;
	}
	.youtube-title-area .youtube-main-title {
		font-size: 20px;
	}
	.youtube-title-area .youtube-detail-title {
		font-size: 15px;
	}
	.modal-video-movie-wrap iframe {
		padding: 0 !important;
	}
	.modal-video-close-btn {
		top: -100px !important;
		right: 30px !important;
		display: none;
	}
}

/* = Header
----------------------------------------------------------------- */
#header.header-fix {
	/* position: fixed; */
	/* top: 0; left: 0; */
	/* width: 100%; */
}
#site-title {
	margin: 0;
	padding: 30px 0;
}
#header {
	background-image: url(../images/header/bg.png);
	background-size: cover;
}
#header .header-contact-button {
	padding: 3px 0;
	width: 135px;
	background-color: #fff;
	text-align: center;
	color: #4d4d4d;
	border: 1px solid #939493;
	margin-top: 40px;
}
#header #gnav .floatlist {
	height: 35px;
	box-sizing: border-box;
	text-align: center;
}
#header #gnav .floatlist li {
	width: 225px;
	height: 35px;
	text-align: center;
	border-right: solid 3px #939493;
	line-height: 2.2;
	color: #4d4d4d;
	font-size: 1.3rem
}
#header #gnav .floatlist li:last-child {
	border-right: none;
}
.menu-text {
	font-size: 12px;
	float: right !important;
	position: relative;
	left: 25px;
}

.mm-listview {
	line-height: 40px !important;
}

/* = MainVisual -top-
-------------------------------------------------------------- */
.mainvisual {
	padding: 20px 0;
}
.bx-wrapper {
   	overflow: visible;
	width: auto;
	border: none !important;
	-webkit-box-shadow: none !important;
	margin-bottom: 0 !important;
}
.bx-viewport{
	overflow: visible!important;
  	width: 900px;
 	margin: 0 auto;
}
.slider li{
	width: 900px ;
}
.slider li img {
	width: 900px;
}
.bx-wrapper .bx-pager {
	display: none !important;
}
/* = LeftSide
-------------------------------------------------------------- */
.leftside {
	width: 330px;
	float: left;
}
.leftside img {
	margin-bottom: 8px;
}

/* = MainContent -top-
-------------------------------------------------------------- */
.main-content {
	float: right;
	width: 70%;
}
.main-content .main-content-bar {
	margin-bottom: 8px;
}
.main-content .main-content-bar img {
	height: 55px;
}
.col-1 {
	margin: 22px 0 10px;
}
.col-2 {
	margin-bottom: 30px;
}
.col-2 a {
	display: inline-block;
	margin-right: 12px;
}
#product-row .main-content-bar {
	margin: 0;
	height: 55px;
}
#product-row .col-1 {
	margin-top: 0;
}
.movie-bottom-text {
	font-size: 18px;
	color: #5a5a5a;
	width: 50%;
	text-align: center;
	margin-bottom: 10px;
}
.col-2.movie-image {
	margin-bottom: 0;
}
.movie-image .js-modal-btn:hover.movie-bottom-text {
	cursor: pointer;
	text-decoration: none;
	opacity: 0.7;
}

/* = MainVisual -trial-
-------------------------------------------------------------- */
.mainvisual-img {
	background-image: url(../images/trial/maincontent/step_bottom.png);
	padding-bottom: 460px;
	background-repeat: no-repeat;
	background-position-y: 390px;
}
.buy-button {
	position: absolute;
	display: block;
	width: 100%;
}
.buy-button img {
	position: relative;
	display: inline-block;
	left: 650px;
	bottom: 145px;
}

.btn_puacnes {
	left: 630px !important;
}


.step-bottom .buy-button img {
	bottom: 125px;
}
.trial-allinone .mainvisual-img {
	background-image: url(../images/trial/maincontent/step_allinone_bottom.png);
}
.trial-puacnes .mainvisual-img {
	background-image: url(../images/trial/maincontent/step_puacnes_bottom.png);
}
.trial-top .mainvisual-img {
	background-image: none;
	padding-bottom: 0;
}
.trial-top .mainvisual-img img {
	vertical-align: bottom;
}
.other-button {
	position: absolute;
	left: 63px;
	top: 294px;
}
.trial-top {
	padding: 0;
}
.trial-top.mainvisual .section-inner {
	background-color: #f5e98f;
	margin-top: 20px;
}
/* = MainContent -trial-
-------------------------------------------------------------- */
.step-title {
	text-align: center;
	margin-top: 40px;
	border-bottom: #e50083 dotted;
	border-top: #e50083 dotted;
	padding: 20px 0 10px;
}
.step-subtitle {
	margin: 50px 0;
}
.step-subtitle p {
	font-size: 4rem;
	letter-spacing: -1px;
}
.trial-allinone .step-title {
	border-bottom: #ff7bac dotted;
	border-top: #ff7bac dotted;
}
.trial-puacnes .step-title {
	border-bottom: #009b8f dotted;
	border-top: #009b8f dotted;
}
.step-flow {
	padding: 0 150px;
}
.trial-allinone .step-flow {
	padding: 0 200px 100px;
}
.step-flow img {
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
}
.trial-allinone .step-flow img {
	margin: 0;
	display: inline-block;
}
.trial-allinone .step-flow .right.pc-only {
	margin-right: 30px;
	margin-top: 130px;
}
.m-left-350 {
	margin-left: 350px;
}
.lineup .section-inner {
	background-image: url(../images/trial/maincontent/lineup_bg_01.png);
	background-size: cover;
	padding-top: 30px;
	margin-bottom: 30px;
}
.lineup-text p {
	font-size: 2.6rem;
	color: #977c52;
}
.lineup-image-area img {
	margin: 30px 10px 50px;
}
/* = MainVisual -bihadalabo-
-------------------------------------------------------------- */
.content-wrap {
	padding: 0 55px;
}
.bl-mainvisual-image {
	margin-bottom: 66px;
}
.content-area img {
	margin-bottom: 20px;
}

/* = MainContent -bihadalabo-
-------------------------------------------------------------- */
.block01,
.block02,
.block03,
.block04  {
	margin-top: 15px;
}
.block01 .text-area {
	width: 380px;
}
.block02 .text-area {
	width: 260px;
	margin-right: 60px;
}
.block03 .text-area {
	width: 300px;
	margin-right: 30px;
}
.block04 .text-area {
	width: 350px;
	margin-right: 90px;
}
.block02 .item-image {
	margin-top: 40px;
}
.block03 .item-image {
	margin-left: 70px;
}
.block04 .item-image {
	margin-right: 50px;
	margin-top: 40px;
}
.m-bo60 {
	margin-bottom: 60px;
}
.text-area {
	margin-top: 30px;
}
.titlebar {
	width: 100%;
	font-size: 30px;
	background-color: #f5bacf;
	padding: 0 50px;
	box-sizing: border-box;
}
/* = MainVisual -interview-
-------------------------------------------------------------- */
.interview-mainvisual-img {
	background-image: none;
}
.interview-maincontent .main-title-image {
	position: absolute;
	left: 400px;
	top: 60px;
}
.interview-maincontent .section-inner {
	padding-bottom: 50px;
}
.interview-maincontent .main-text {
	margin-top: 250px;
	width: 55%;
}
.interview-maincontent .main-text p {
	font-size: 1.8rem;
	line-height: 2.1;

}
/* = qa -interview-
-------------------------------------------------------------- */
.qa .title-image {
	margin: 30px 0;
}
/* = monitorlist -interview-
-------------------------------------------------------------- */
.monitor .content-width {
	background-image: url(../images/interview/monitorlist/monitorlist_bg.png);
	background-size: cover;
}
.monitor .title-image {
	padding-top: 25px;
}
.monitorlist {
	padding: 20px 0;
}
.monitorlist li {
	margin: 0 10px;
}
/* = voice -interview-
-------------------------------------------------------------- */
.voice .section-inner {
	padding-top: 40px;
}
.voice-box {
	padding: 50px 30px;
}

.description-name {
	font-size: 2rem;
}
.description-text {
	font-size: 1.5rem;
	line-height: 2.2;
	margin-top: 30px;
}
.voice-description.right {
	width: 640px;
}
.voice-description.left {
	margin-left: 40px;
}
.trouble {
	margin: 5px 0;
	font-size: 1.5rem;
}
.trouble span {
	display: inline-block;
	text-align: center;
	width: 90px;
	border-radius: 5px;
	color: #ff7b73;
	background-color: #ffe5e3;
	margin-right: 10px;
}
/* = mainvisual -special-
-------------------------------------------------------------- */
.special-main-image {
}
.special-main-text-box {
	background-color: #cedae1;
	text-align: center;
	padding: 35px 0;
	box-sizing: border-box;
}
.special-main-text-box p {
	color: #231815;
	font-size: 2.3rem;
	line-height: 1.7;
	letter-spacing: -2px;
}
.special-mainlist li {
	margin-right: 15px;
}
.special-mainlist li:last-child {
	margin: 0;
}
/* = talk -special-
-------------------------------------------------------------- */
.talk01, talk02 {
	padding: 0 40px;
}
.talk-title {
	margin: 30px 0 60px;
}
.talk-text-area {
	width: 52%;
}
.talk-ishikawa-icon  {
	color: #ec7c9e;
	font-size: 2rem;
	line-height: 1.7;
}
.talk-tsuzimoto-icon {
	color: #426fb5;
	font-size: 2rem;
	line-height: 1.7;
}
.talk-ishikawa {
	font-size: 2rem;
	line-height: 1.7;
	margin-bottom: 45px;
	margin-left: 60px;
	border-left: 2px solid #ec7c9e;
	padding-left: 20px;
}
.talk-tsuzimoto {
	font-size: 2rem;
	line-height: 1.7;
	margin-bottom: 45px;
	margin-left: 60px;
	border-left: 2px solid #426fb5;
	padding-left: 20px;
}
/* = mechanism -special-
-------------------------------------------------------------- */
.mechanism-title {
	margin-bottom: 50px;
	margin-top: 50px;
}
.mechanism-image img {
	margin: 30px 60px;
}
/* = lineup -primeline-
-------------------------------------------------------------- */
.lineup-list-title {
	margin: 45px 0 20px 95px;
}
.lineup-list-wrap {
	background-image: url(../images/primeline/lineup/bg.png);
	padding-bottom: 40px;
	background-size: cover;
}
.lineup-list li {
	vertical-align: bottom;
	margin: 0 10px;
}
.lineup-list li:first-child,
.lineup-list li:last-child {
	margin: 0;
}

/* = primeform - primeline-
-------------------------------------------------------------- */
.item-image {
	position: relative;
}
.buy-button-list {
	position: absolute;
	bottom: 110px;
	left: 50px;
	z-index: 1;
}




.buy-button-list li a {
	display: inline-block;
}
.recommend-image {
	position: absolute;
	bottom: 95px;
	left: 260px;
}
.prime {
	bottom: 90px;
	left: 120px;
}
.prime_re {
	bottom: 75px;
	left: 325px;

}


/* = primelotion - primeline-
-------------------------------------------------------------- */
.item-image {
	position: relative;
}
#primelotion .buy-button-list {
	right: 200px;
	left: auto;
}

#primelotion .item02 {
	right: 200px;
	bottom:120px;
}

#primelotion .recommend-image {
	right: 210px;
	left: auto;
}

#primelotion .item02re {
	right: 210px;
	bottom:105px;
}

/* = primemilk - primeline-
-------------------------------------------------------------- */
.item-image {
	position: relative;
}
#primemilk .buy-button-list {
	right: 50px;
	left: auto;
	z-index: 999;
}
#primemilk .recommend-image {
	right: 60px;
	left: auto;
}
/* = nanoscience - primeline-
-------------------------------------------------------------- */
#nanoscience .section-inner {
	background-color: #efefef;
	padding: 60px 0 110px;
}
.sub-title {
	font-size: 37px;
	line-height: 2.1;
}
.main-title {
	font-size: 4.5rem;
	line-height: 2.2;
}
.detail-area {
	margin: 0 70px;
	background-color: #fff;
	box-sizing: border-box;
	padding: 80px 60px;
}
.detail-area .main-title {
	color: #e73646;
}
.detail-area .sub-title {
	font-size: 2.5rem;
	line-height: 1.5;
	margin-bottom: 30px;
}

.detail-area .sub-title .annotation {
	font-size: 1.5rem;
}

.detail-area .description {
	font-size: 2rem;
	line-height: 2.1;
}
.annotation {
	text-align: right;
}
.description .annotation {
	font-size: 1.5rem;
	position: static;
}
.mechanism_title {
	margin: 50px 0;
}
.mechanism_image {
	position: relative;
	left: 120px;
}

/* = lineup - allinone-
-------------------------------------------------------------- */
#allinone .lineup-list-wrap {
	background-image: url(../images/allinone/lineup/bg.png);
}
#allinone .lineup-list li {
	margin: 0 40px;
}
#allinone .lineup-list li:last-child {

}
#perfectJelly .buy-button-list {
	right: 400px;
	left: auto;
	bottom: 100px;
}
#perfectJelly .recommend-image {
	bottom: 80px;
	left: 615px;
}
#powder .buy-button-list {
	left: auto;
	right: 50px;
	bottom: 80px;
	width: 33%;
}
#powder .buy-button-list li:first-child {
	/* display: block */
}
#powder .recommend-image {
	left: auto;
	right: 55px;
	bottom: 170px;
}
/* = lineup - puacne-
-------------------------------------------------------------- */
#puacnes .lineup-list-wrap {
	background-image: url(../images/puacnes/lineup/bg.png);
}
#puacnes .lineup-list li {
	margin: 0 40px;
}
#puacnes .lineup-list li:last-child {

}
#jellSerum .buy-button-list {
	right: 80px;
	left: auto;
	bottom: 100px;
}
#jellSerum .recommend-image {
	bottom: 80px;
	left: auto;
	right: 90px;;

}
#spots .buy-button-list {
	left: 100px;;
	right: auto;
	bottom: 80px;
}
#spots .recommend-image {
	left: 307px;
	right: auto;
	bottom: 65px;
}

/* = mainvisual - teimerelease-
-------------------------------------------------------------- */
.timerelease-mainvisual-image {
	padding: 50px 0;
}
/* = nanoscience - teimerelease-
-------------------------------------------------------------- */
.nanoscience1 .main-title {
	line-height: 1.3;
	margin-bottom: 40px;
}
.nanoscience-sideimage {
	position: absolute;
	right: 70px;
	top: 120px;
}
#nanoscience .annotation {
	position: static;
}
/* = powderTechnology - teimerelease-
-------------------------------------------------------------- */
#powderTechnology .detail-area {
	margin: 0;
}
#powderTechnology .main-title {
	line-height: 1.4;
	font-size: 50px;
	letter-spacing: -2px;
	color: #231815;
	margin:  20px 0;
}
#powderTechnology .nanoscience-sideimage {
	top: 310px;
	right: 0;
}
/* = faq - faq-
-------------------------------------------------------------- */

.faq-title {
	font-size: 20px;
	color: #4d4d4d;
	line-height: 1.2;
	margin-top: 60px;
	margin-bottom: 25px;
}
.faq-wrapper {
	padding: 50px 175px 100px 175px;
}
.faq-q-text {
	font-size: 17px;
	color: #4d4d4d;
	line-height: 1.4;
	position: relative;
	margin-bottom: 5px;
}
.faq-a-text {
	font-size: 14px;
	line-height: 1.7;
	color: #4d4d4d;
	position: relative;
	margin-bottom: 30px;
}
.faq-q-text::before {
	content: url(../images/faq/maincontent/icon_q.png);
	position: absolute;
	left: -30px
}
.faq-a-text::before {
	content: url(../images/faq/maincontent/icon_a.png);
	position: absolute;
	left: -30px
}
.marker {
	color: #ff0052;
}
.faq-wrapper .faq-link {
	color: #0000ff;
}
/* = Mainvisual - Subscription-
-------------------------------------------------------------- */
.underbar-text {
	background-color: #ff7bac;
	font-size: 30px;
	color: #fff;
	letter-spacing: 3px;
}
/* = privilege - Subscription-
-------------------------------------------------------------- */
.privilege-wrapper {
	border: 1px solid #ff7bac;
	padding: 30px 145px;
	margin: 30px 80px 150px;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.privilege-item {
	border-bottom: 1px dotted #4d4d4d;
	position: relative;
	padding: 20px 0;
}
.privilege-item-text {
	font-size: 38px;
	color: #e50083;
	line-height: 1.3;
	margin-top: 15px;
	position: absolute;
	left: 160px;
}
.privilege-item-text span {
	font-size: 28px;
	color: #4d4d4d;
}
.privilege-item .detail-button {
	position: absolute;
	bottom: 15px;
}
.convenience-text {
	color: #ff5a24;
}
.annotation {
	position: absolute;
	bottom: 15px;
	left: 160px;
}
.subscription-detail-button {
	margin-top: 50px;
}
.detail-button {
	width: 260px;
  margin-left: 32px;
}

@media screen and (max-width: 640px) {
	.detail-button {
		width: 100%;
	  margin-left: 0px;
	}
}


/* = powder - spring-
-------------------------------------------------------------- */
#powderMoist .buy-button-list {
	bottom: 30px;
}
#powderMoist .recommend-image {
	bottom: 15px;
}
#powderMoistDetail .detail-title {
	font-size: 35px;
	color: #e63b6e;
	border-bottom: 1px solid #e63b6e;
	width: 475px;
	display: inline-block;
	line-height: 1.4;
	margin-top: 90px;
}
#powderMoistDetail .detail-text {
	font-size: 25px;
	margin-top: 10px;
}
.middle-label {
	font-size: 60px;
	margin: 200px 0 10px;
}
.large-label {
	font-size: 70px;
	margin-top: 60px
}
#powderMoist .item-image {
	margin-bottom: 100px;
}
/* = contact
-------------------------------------------------------------- */
.contact th {
	background-color: #fff;
	border-right: none;
}
.contact table {
	border-left: none;
}
.contact td {
	border-right: none;
}
.contact input {
	width: 330px;
	background-color: #fff;
}
.contact select {
	width: 350px;
	background-color: #fff;
}
.contact table th {
	font-size: 16px;
}
.contact table th span {
	color: #e73646;
	font-size: 12px;
	margin-left: 5px;
}
.contact textarea {
	width: 640px;
	height: 175px;
	background-color: #fff;
}
.contact .section-inner {
	padding: 50px 0;
}
.contact-maintext {
	font-size: 30px;
	margin-bottom: 10px
}
.contact-detailtext {
	font-size: 12px;
	margin-bottom: 30px
}
.contact-submit-button input {
	width: 340px;
	background-color: #9a9594;
	color: #fff;
	padding: 10px 0;
	letter-spacing: 1px;
	font-size: 20px;
}
.thanks .section-inner {
	padding: 150px 0;
}
.thanks p {
	font-size: 30px;
}
/* = Footer
-------------------------------------------------------------- */
#banner {
	position: fixed;
	bottom: 137px;
	z-index: 2;
	display: block;
	padding: 0 30px;
	box-sizing: border-box;
	right: 0;
}
#banner .hover-appearance {
	display: none;
}
#to-top {
	position: fixed;
	bottom: 20px;
	z-index: 2;
	display: block;
	padding: 0 30px;
	box-sizing: border-box;
	right: 0;
}
#to-top a:hover {
	opacity: 1;
}
#to-top a {
	display: inline-block;
}
#to-top a img {
	height: 80px;
	width: 80px;
}
#to-top .fa {
	position: relative;
	top: 4px;
	font-size: 2rem;
	transition: 0.35s;
}
#to-top a:hover .fa {
	top: 0;
}
#to-top span {
	display: block;
	font-size: 1.4rem;
}
#footer {
	box-sizing: border-box;
	width: 100%;
	background: transparent;
	border-top: 1px solid #ccc;
}
#footer-content {
	padding: 20px 0;
	background: #eee;
}
.f-title {
	margin: 0 0 15px;
	font-size: 1.4rem;
}
.copyright {
	box-sizing: border-box;
	width: 100%;
	padding: 20px 10px;
}
.copyright .copyright-tel-img {
    float: left;
}
.copyright .copyright-logo {
	float: right;
	text-align: right;
	font-size: 1.1rem;
	padding-top: 30px;
}

.footer-menu {
	background-color: #d7d9d9;
}
.footer-menu .floatlist.content-width {
	max-width: 760px;
}
.footer-menu .floatlist li {
	margin: 0 25px;
}
.footer-menu .floatlist li a {
	font-size: 1.5rem;
}
.footer_bottom_area {
	background-color: #595757;
	text-align: center;
	padding:  50px 0 60px;
}


@media screen and (max-width: 640px) {
	.copyright .copyright-tel-img {
		width: 100%;
		margin: 0 auto;
	}
	.copyright .copyright-logo {
		float: right;
		text-align: center;
		font-size: 1.1rem;
		padding-top: 30px;
	}
	.copyright-logo img {
		width: 70%;
	}
}
/* = coming soon
-------------------------------------------------------------- */
.cs-text-area {
	padding: 150px 0 120px;
}
.cs-main-text {
	font-size: 50px;
	color: #f07e9a;
	letter-spacing: 10px;
}
@media screen and (max-width: 640px) {
	.cs-main-text {
		font-size: 40px;
	}
}

/***************************************************************
 * media query
***************************************************************/

@media screen and (max-width: 640px) {
	html {
		font-size: 100%;
	}
	.content-width {
		padding-left: 40px;
		padding-right: 40px;
		min-width: 400px;
	}
	#wrapper {
		min-width: 480px;
	}
	img {
		width: 100%;
	}
	.left, .right {
		float: none;
	}
	.col-2 {
		margin-bottom: 0;
	}
	.col-2 a {
		margin-right: 0;
	}
	.col-2 img {
		width: 100%;
	}
	#header img {
		width: auto;
	}

/* = Header
----------------------------------------------------------------- */
	#header img {
		width: auto;
	}
	#header .header-contact-button {
		width: 160px;
		height: 45px;
	}
	#header .header-contact-button a {
		font-size: 15px;
	}
	#site-title {
		float: left;
		width: 215px;
		position: relative;
		left: -35px;
	}
	#header-content .search-box {
		float: right;
		margin-top: 5px;
		position: relative;
		right: 40px;;
	}
/* = MainVisual -top-
-------------------------------------------------------------- */
	.bx-viewport{
		overflow: visible!important;
  		width: 480px;
		 margin: 0 auto;
	}
	#product-row .main-content-bar {
		margin: 0;
		height: 80px;
	}
	.leftside.sp-only.floatlist li {
		width: 45%;
		margin: 4px 12px;
	}
	.col-2.floatlist li {
		width: 45%;
		margin: 4px 12px;
	}
	.movie-bottom-text {
		width: 100%;
	}
/* = MainVisual -trial-
-------------------------------------------------------------- */
	.mainvisual .content-width {
		padding-left: 0;
		padding-right: 0;
	}
	.mainvisual-img {
		background-size: contain;
		background-position-y: 165px;
		padding-bottom: 170px;
	}
	.buy-button img {
		width: 150px;
		left: 265px;
		bottom: 50px;
	}
	.btn_puacnes {
	left: 255px !important;
}

	.trial-allinone .buy-button img {
		width: 150px;
		left: 257px;
		bottom: 40px;
	}
	.step-bottom .buy-button img {
		bottom: 55px;
	}

	/* = MainContent -trial-
-------------------------------------------------------------- */
	.step-title {
		margin-top: 0;
	}
	.step-flow,
	.trial-allinone .step-flow {
		padding: 0;
	}
	.trial-allinone .step-flow {
		text-align: center;
	}
	.step-subtitle {
		margin-bottom: 20px;
	}
	.step-subtitle p {
		font-size: 25px
	}
	.step-flow img,
	.trial-allinone .step-flow img {
		margin: 20px 0;
	}
	.plus-image {
		width: 15%;
	}
	.lineup-text {
		margin-bottom: 10px;
	}
	.lineup-text p {
		font-size: 20px;
	}
	.lineup-image-area img {
		margin: 10px 0 0;
		width: 70%;
	}
	.trial-puacnes .buy-button img {
		bottom: 45px;
	}
	.trial-puacnes .step-bottom .buy-button img {
		bottom: 60px;
	}

	#primelotion .buy-button-list {
		right: 50px;
		left: auto;
	}
	#primelotion .recommend-image {
		right: 60px;
		left: auto;
	}
	#primelotion .item02 {
		bottom: 50px;
	}
	#primelotion .item02re {
		bottom: 35px;
	}

	.prime {
	bottom: 90px;
	left: 50px;
}
.prime_re {
	bottom: 75px;
	left: 255px;
}
.puacnes {
	bottom: 20px !important;
	left: 50px !important;
}
.puacnes_re {
	bottom: 5px !important;
	left: 255px !important;
}


/* = MainVisual -bihadalabo-
-------------------------------------------------------------- */
	.content-wrap {
		padding: 0;
	}

/* = Maincontent -bihadalabo-
-------------------------------------------------------------- */
	.block02 .item-image,
	.block03 .item-image,
	.block04 .item-image {
		margin: 0;
		text-align: center;
	}
	.block02 .item-image img,
	.block03 .item-image img,
	.block04 .item-image img {
		width: auto;
	}
	.block01 .text-area,
	.block02 .text-area,
	.block03 .text-area,
	.block04 .text-area {
		width: 100%;
	}
	.step-text {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.titlebar {
		font-size: 23px;
		padding: 10px;
		text-align: center;
		white-space: nowrap;
	}
/* = Maincontent -interview-
-------------------------------------------------------------- */
	.interview-maincontent .main-title-image {
		position: static;
	}
	.interview-maincontent .main-text {
		margin: 0;
		width: auto;
	}
	.interview-maincontent .main-text p {
		font-size: 14px;
	}
/* = voice -interview-
-------------------------------------------------------------- */
	.voice-box {
		padding: 0;
	}
	.voice-description.right {
		width: auto;
	}
	.voice-description.left {
		margin: 0;
	}
	.description-name {
		font-size: 18px;
	}
	.description-text {
		font-size: 14px;
	}
	.trouble {
		font-size: 16px;
	}
/* = voice -interview-
-------------------------------------------------------------- */
	.monitor .content-width {
		padding: 0;
	}
	.monitor .title-image {
		padding-left: 40px;
		padding-right: 40px;
	}
	.monitorlist li {
		margin-right: -10px;
		margin-left: 15px;
	}

/* = talk -special-
-------------------------------------------------------------- */
	.talk01, talk02 {
		padding: 0;
	}
	.talk-text-area {
		width: auto;
	}
	.talk-ishikawa-icon  {
		font-size: 18px;
		float: left;
	}
	.talk-tsuzimoto-icon {
		font-size: 18px;
		float: left;
	}
	.talk-ishikawa {
		font-size: 18px;
	}
	.talk-tsuzimoto {
		font-size: 18px;
	}
	.special-mainlist {
		text-align: center;
	}
/* = lineup - primeline-
-------------------------------------------------------------- */
	.item-image {
		position: relative;
		padding: 30px 0 110px;
	}
	.buy-button-list {
		position: absolute;
		bottom: 20px;
		z-index: 999;
	}
	.lineup-list li {
		width: 45%;
	}
/* = primeform - primeline-
-------------------------------------------------------------- */
	.lineup-list-title {
		margin: 40px;
    padding-top: 60px;
	}
	.recommend-image {
		bottom: 5px;
	}
/* = primeform - primeline-
-------------------------------------------------------------- */
	#nanoscience .sub-title {
		font-size: 18px;
	}
	#nanoscience .main-title {
		font-size: 22px;
	}
	.detail-area {
		margin: 0;
		padding: 40px 20px;
	}
	.detail-area .description {
		font-size: 16px;
	}
	.annotation,
	.description .annotation {
		font-size: 12px;
	}

	.detail-area .sub-title .annotation {
    font-size: 1.2px;
}
	.mechanism_image {
		left: auto;
	}

/* = lineup - allinone-
-------------------------------------------------------------- */
	#perfectJelly .buy-button-list {
		right: auto;
		left: auto;
		bottom: 20px;
	}
	#perfectJelly .recommend-image {
		bottom: 5px;
		left: 250px;
	}
	#powder .buy-button-list {
		bottom: -15px;
    width: 100%;
    right: -50px;
	}
	#powder .recommend-image {
		bottom: 0;
	}
	.annotation {
		position: static;
	}
/* = lineup - allinone-
-------------------------------------------------------------- */
	#jellSerum .buy-button-list {
		right: auto;
		bottom: 20px;
		left: 50px;;
	}
	#jellSerum .recommend-image {
		right: auto;
		bottom: 5px;
		left: 260px;
	}
/* = LeftSide
-------------------------------------------------------------- */
	.leftside {
		float: none;
		width: 100%;
	}
/* = MainContent
-------------------------------------------------------------- */
	.main-content {
		float: none;
		width: 100%;
	}

/* = nanoscience - teimerelease-
-------------------------------------------------------------- */
	#nanoscience .section-inner {
		padding-bottom: 30px;
	}
	.timerelease-mainvisual-image {
		padding: 0 40px;
	}
	.nanoscience-sideimage {
		width: 200px;
		right: 8px;
		top: 70px;

	}
/* = powderTechnology - teimerelease-
-------------------------------------------------------------- */
	#powderTechnology .main-title {
		font-size: 22px;
	}
/* = faq - faq-
-------------------------------------------------------------- */
	.faq-wrapper {
		padding: 0 0 0 40px;
	}
	.faq-title {
		margin-left: 0;
	}
/* = Mainvisual - Subscription-
-------------------------------------------------------------- */
	.underbar-text {
		font-size: 18px;
	}
/* = privilege - Subscription-
-------------------------------------------------------------- */
	.privilege-wrapper {
		margin: 20px 0;
		padding: 30px 20px;
	}
	.privilege-item {
		text-align: center;
	}
	.privilege-item-text {
		position: static;
		font-size: 25px;
	}
	.privilege-item-text span {
		font-size: 18px;
	}
	.icon-image {
		width: 30%;
	}
	.privilege-item .detail-button {
		position: relative;
		bottom: -15px;
	}
	.privilege-wrapper .annotation {
		position: relative;
		bottom: 0px;
		left: auto;
		right: 165px;
	}

/* = powder - spring-
-------------------------------------------------------------- */
	.middle-label {
		font-size: 30px;
		margin: 60px 0 10px;
	}
	.large-label {
		font-size: 32px;
		margin-top: 60px
	}
	#powderMoistDetail .detail-title {
		width: auto;
		font-size: 35px;
		margin-top: 50px;
	}
	#powderMoistDetail .detail-text {
		font-size: 20px;
		text-align: left;
	}
	#powderMoist .item-image {
		/* margin-bottom: 200px; */
		margin-bottom: 0;
	}
	#powderMoist .buy-button-list {
		bottom: -150px;
	}
	#powderMoist .recommend-image {
		bottom: -165px;
	}

/* = contact
-------------------------------------------------------------- */
	table, tbody, tr, th, td {
		display: block;
		border: none;
	}
	.contact input {
		width: 93%;
		font-size: 15px;
	}
	.contact textarea {
		width: 93%;
		font-size: 15px;
	}
	.contact select {
		width: 98%;
		font-size: 15px;
	}
	.contact th {
		text-align: left;
		padding-bottom: 0;
	}
	.contact td {
		padding-top: 5px;
	}

/* = Footer
-------------------------------------------------------------- */
	.footer-menu ul {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer-menu .floatlist li {
		display: block;
		font-size: 1.0rem;
	}
	.footer-menu .floatlist li a {
		font-size: 1.0rem;
	}
	.footer_bottom_area {
		padding: 100px 0;
	}
	.footer_bottom_area img {
		width: auto;
	}
	.copyright-logo p {
		font-size: 13px;
	}
	#to-top,
	#banner {
		display: none;
	}

	/* = MainContent -top-
	-------------------------------------------------------------- */
	#main-second .content-width {
		padding: 0 10px;
	}
	#main-second .content-width .col-1 {
		margin: 0;
	}
}