@charset "shift_jis";
div.container_,
div.container_ div.contents_ {
	width: 100%;
}

#masserchan_index {
	color: #565656;
	font-family: "dnp-shuei-gothic-kin-std";
	margin-bottom: 100px;
}
#masserchan_index .masserchan_inner_ {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
#masserchan_index .pc_only_ {
	display: inline-block;
}
#masserchan_index .sp_only_ {
	display: none;
}
#masserchan_index .slide_arrow_ {
	display: none;
}
#masserchan_index span.line_ {
	font-size: inherit;
	font-weight: bold;
	background: linear-gradient(transparent 20%, #fffda5 0%);
	display: inline;
	padding: 0 1px 0px;
}

#masserchan_index_header {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
#masserchan_index_header .deco_butterfly {
	position: absolute;
	left: 369px;
	top: 236px;
}
#masserchan_index_header .character_masser01 {
	position: absolute;
	left: 524px;
	top: 342px;
}
#masserchan_index_header .character_masser01 img {
	width: 160px;
}
#masserchan_index_header .character_fer01 {
	position: absolute;
	left: 171px;
	top: 548px;
}
#masserchan_index_header .character_fer01 img {
	width: 101px;
}
#masserchan_index_header .character_clayrin01 {
	position: absolute;
	right: 61px;
	top: 634px;
}
#masserchan_index_header .character_clayrin01 img {
	width: 119px;
}
#masserchan_index_header .deco_flower {
	position: absolute;
	left: 91px;
	top: 699px;
}
#masserchan_index_header .deco_kirakira {
	position: absolute;
	right: 275px;
	top: 530px;
}
#masserchan_index_header h2 {
	margin: 27px 0 33px;
}
#masserchan_index_header p {
	font-size: 20px;
	line-height: 1.9;
	letter-spacing: 0.2em;
	font-feature-settings : "palt";
}

#masserchan_index_nav {
	width: 100%;
	max-width: 1200px;
	margin: 64px auto 100px;
}
#masserchan_index_nav ul {
	display: flex;
	justify-content: space-between;
}
#masserchan_index_nav ul li {
	width: calc((100% - 20px * 3) / 4);
}
#masserchan_index_nav ul li a {
	color: #FFFFFF;
	font-size: 20px;
	letter-spacing: 0.2em;
	font-feature-settings : "palt";
	line-height: 1.0;
	text-decoration: none;
	text-align: center;
	display: block;
	background-color: #b1a096;
	border-radius: 20px;
	padding: 30px 0;
	transition: all .3s;
}
#masserchan_index_nav ul li a:hover {
	opacity: 0.7;
}


#character {
	width: 100%;
	padding: 100px 0;
	background-color: #ddedec;
}
#character .masserchan_inner_ {
	display: flex;
	justify-content: space-between;
}
#character h2 {
	display: none;
}
#character .character_box_ {
	padding: 45px 28px 24px;
	border-radius: 40px;
	width: calc((100% - 30px * 2) / 3);
	background-color: #FFFFFF;
	box-sizing: border-box;
}
#character .character_box_ .character_img_ {
	width: 100%;
	height: 202px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px;
}
#character .character_box_ .character_name_ {
	text-align: center;
	margin-bottom: 15px;
}
#character .character_box_ p {
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 1.6;
	text-align: center;
	margin: 0 0 30px;
}
#character .character_box_ dl.spec_ {
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}
#character .character_box_ dl.spec_ dt,
#character .character_box_ dl.spec_ dd {
	font-size: 13px;
	line-height: 1.69;
	letter-spacing: 0.05em;
}
#character .character_box_ dl.spec_ dt {
	text-align: center;
	width: 96px;
	background-color: #ece0f4;
	margin-right: 15px;
	padding: 1px 0;
}
#character .character_box_ dl.spec_ dd {
	flex: 1;
}

#character .character_box_ .item_ {
	background-color: #f1f1f1;
	border-radius: 20px;
	padding: 30px 26px 20px;
	margin-top: 40px;
	position: relative;
}
#character .character_box_ .item_ .item_img_ {
	text-align: right;
	width: 98px;
	position: absolute;
	left: 26px;
	top: 0;
}
#character .character_box_ .item_ p {
	font-size: 14px;
	line-height: 1.57;
	text-align: left;
}
#character .character_box_ .item_ p span {
	font-size: 13px;
	line-height: 1.69;
	display: block;
}
#character #character_masser .item_ .item_img_ {
	top: 25px;
}
#character #character_masser .item_ p {
	padding-left: 108px;
}
#character #character_fer .spec_.like_ {
	align-items: flex-start;
	margin-bottom: 8px;
}
#character #character_fer .item_ .item_img_ {
	top: -16px;
}
#character #character_fer .item_ p {
	padding-left: 108px;
}
#character #character_clayrin .item_ .item_img_ {
	top: -16px;
	width: 75px;
	text-align: center;
}
#character #character_clayrin .item_ p {
	padding-left: 85px;
}


#character .character_box_ .item_ .btn_ {
	margin-top: 8px;
}
#character .character_box_ .item_ .btn_ a {
	color: #FFFFFF;
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 1.0;
	text-align: center;
	text-decoration: none;
	border-radius: 25px;
	background-color: #b1a096;
	padding: 18px 0 17px;
	display: block;
	transition: all .3s;
}
#character .character_box_ .item_ .btn_ a:hover {
	opacity: 0.7;
}
#character .character_modal_box_ {
	display: none;
}

#question {
	width: 100%;
	margin: 0 0 98px;
}
#question .character_masser_ {
	text-align: center;
	margin: -20px 0 20px;
}
#question h2 {
	text-align: center;
	margin: 0 0 64px;
}
#question .question_line_ {
	display: flex;
	justify-content: space-between;
}
#question .question_box_ {
	width: calc((100% - 44px * 2) / 3);
}
#question .question_head_ {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.66;
	letter-spacing: 0.05em;
	padding-left: 60px;
	background-image: url("../../../img/usr/freepage/beauty/masserchan/index/question_icon.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	margin: 0 0 20px;
}
#question .question_body_ {
	font-size: 14px;
	line-height: 2.0;
	letter-spacing: 0.075em;
	font-feature-settings : "palt";
	padding: 22px 30px 0;
	height: 317px;
	background-image: url("../../../img/usr/freepage/beauty/masserchan/index/question_bg.png");
	background-position: center top;
	background-repeat: no-repeat;
}
#question .masserchan_character_.character_masser04_ {
	width: 114px;
	margin: -72px -18px 0 auto;
}
#question .masserchan_character_.character_masser05_ {
	width: 86px;
	margin: -46px 16px 0 auto;
}
#question .masserchan_character_.character_masser06_ {
	width: 101px;
	margin: -43px 0 0 auto;
}

#masserchan_index #masserchan {
	padding: 100px 0 0;
}
#masserchan_index #masserchan h2 {
	text-align: center;
	margin: 0 auto 45px;
	position: relative;
	width: 321px;
}
#masserchan_index #masserchan h2 .character_masser_ {
	width: 96px;
	position: absolute;
	right: -130px;
	top: -40px;
}
#masserchan_index #masserchan h2.episode_title_ {
	margin: 60px 0 50px;
	width: 100%;
}
#masserchan_index #masserchan h2.episode_title_ img {
	width: 295px;
}
#masserchan_index #masserchan p.lead_ {
	font-size: 20px;
	line-height: 1.7;
	text-align: center;
	margin: 0 0 43px;
}
#masserchan_index #masserchan h3 {
	text-align: center;
	margin: 0 0 50px;
}
#masserchan_index #masserchan ul.backnumber_,
#masserchan_index #masserchan ul.extra_edition_ {
	display: flex;
	justify-content: center;
}
#masserchan_index #masserchan ul.backnumber_ li,
#masserchan_index #masserchan ul.extra_edition_ li {
	width: 118px;
	text-align: center;
	margin: 0 12px 17px;
}
#masserchan_index #masserchan ul.backnumber_ li a,
#masserchan_index #masserchan ul.extra_edition_ li a {
    display: block;
	text-decoration: none;
}
#masserchan_index #masserchan ul.backnumber_ li span,
#masserchan_index #masserchan ul.extra_edition_ li span {
	color: #20582e;
	font-size: 18px;
	line-height: 1.777;
	display: block;
	margin-top: 8px;
} 
#masserchan_index #masserchan .btn_ {
	width: 390px;
	margin: 44px auto 0;
}
#masserchan_index #masserchan .btn_ a {
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.0;
	text-align: center;
	text-decoration: none;
	border-radius: 32px;
	background-color: #b1a096;
	padding: 23px 0 21px;
	display: block;
	transition: all .3s;
}
#masserchan_index #masserchan .btn_ a:hover {
	opacity: 0.7;
}
#masserchan_index #masserchan .btn_ a span,
#masserchan_index #masserchan .btn_ a img {
	display: none;
}

#point {
	width: 100%;
	margin: 0;
	padding: 0 0 100px;
	background-color: #f5f2ef;
}
#point .character_fer_ {
	text-align: center;
	margin: 0 0 35px;
}
#point .character_fer_ img {
	margin-top: -24px;
}
#point h2 {
	text-align: center;
	margin: 0 0 60px;
}
#point .point_line_ {
	display: flex;
	justify-content: space-between;
	margin: 0 0 45px;
}
#point .point_box_ {
	width: calc((100% - 44px * 2) / 3);
} 
#point .point_head_ {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.5;
	font-feature-settings : "palt";
	text-align: center;
	margin: 0 0 17px;
	padding: 83px 0 0;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 64px auto;
}
#point .point_body_ {
	font-size: 14px;
	line-height: 2.0;
	letter-spacing: 0.075em;
	font-feature-settings : "palt";
	padding: 22px 30px;
	background-color: #FFFFFF;
	border-radius: 40px;
}
#point .point_body_ .img_line_ {
	display: flex;
	justify-content: space-between;
}
#point .point_box_.point1_ .point_head_ {
	background-image: url("../../../img/usr/freepage/beauty/masserchan/index/point01.png");
}
#point .point_box_.point1_ .img_line_ {
	align-items: center;
	margin: 15px auto 0;
	width: 242px;
}
#point .point_box_.point1_ .img_line_ .character_masser_ {
	width: 84px;
}
#point .point_box_.point2_ .point_head_ {
	background-image: url("../../../img/usr/freepage/beauty/masserchan/index/point02.png");
}
#point .point_box_.point2_ .character_masser_ {
	text-align: center;
	margin: 23px auto 0;
}
#point .point_box_.point3_ .point_head_ {
	background-image: url("../../../img/usr/freepage/beauty/masserchan/index/point03.png");
}
#point .point_box_.point3_ .img_line_ {
	margin: 26px auto 0;
}
#point .point_box_.point3_ .img_line_ .character_masser_ {
	margin-top: 40px;
}
#point .point_txt_ {
	display: flex;
	justify-content: space-between;
	width: 450px;
	margin: 45px auto 30px;
}
#point .point_txt_ .character_masser_ {
	width: 125px;
}
#point .point_txt_ .point_note_ {
	font-size: 13px;
	line-height: 1.69;
	text-align: center;
	padding: 0 20px;
	width: 305px;
	height: 78px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url("../../../img/usr/freepage/beauty/masserchan/index/point_bubble.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

#point .btn_ {
	width: 390px;
	margin: 0 auto;
}
#point .btn_ a {
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.0;
	text-align: center;
	text-decoration: none;
	border-radius: 32px;
	background-color: #b1a096;
	padding: 23px 0 21px;
	display: block;
	transition: all .3s;
}
#point .btn_ a:hover {
	opacity: 0.7;
}

#benefits {
	width: 100%;
	padding: 100px 0;
	background-color: #f5f2ef;
}
#benefits h2 {
	text-align: center;
	margin: 0 0 40px;
}
#benefits p {
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 1.7;	
}
#benefits p.lead_ {
	text-align: center;
	margin: 0 0 33px;
}
#benefits .benefits_box_ {
	display: flex;
	justify-content: space-between;
	width: 574px;
	margin: 0 auto;
}
#benefits .benefits_img_ {
	text-align: center;
	width: 256px;
} 
#benefits .benefits_desc_ {
	flex: 1;
}
#benefits .benefits_desc_ p {
	margin: 0 0 20px;
}
#benefits .benefits_desc_ .character_clayrin_ {
	width: 128px;
	margin-left: 50px;
}
#benefits .btn_ {
	margin: 40px auto 0;
	width: 341px;
}
#benefits .btn_ a {
	display: block;
}

div.character_ {
	display: flex;
	justify-content: center;
}
div.character_ .character_fer_ {
	margin: -10px 22px 0;
	width: 110px;
}
div.character_ .character_masser_ {
	margin: 40px 22px 0;
	width: 100px;
}
div.character_ .character_clayrin_ {
	margin: -38px 25px 0;
	width: 105px;
}



.animation01 img {
	animation: ani1 1.5s linear infinite;
}
@keyframes ani1 {
  0%, 100% {
    transform: rotate(-4deg)
  }
  50% {
    transform: rotate(4deg)
  }
}
.animation02 img {
  animation: ani2 5s linear infinite
}
@keyframes ani2 {
  0% {
    transform: translate(0, 0px)
  }
  3% {
    transform: translate(0, -8px)
  }
  6% {
    transform: translate(0, 0)
  }
  9% {
    transform: translate(0, -8px)
  }
  12% {
    transform: translate(0, 0)
  }
  15% {
    transform: translate(0, -8px)
  }
  18%, 50% {
    transform: translate(0, 0)
  }
  53% {
    transform: translate(0, -8px)
  }
  56% {
    transform: translate(0, 0)
  }
  59% {
    transform: translate(0, -8px)
  }
  62% {
    transform: translate(0, 0)
  }
  65% {
    transform: translate(0, -8px)
  }
  68% {
    transform: translate(0, 0)
  }
  100% {
    transform: translate(0, 0px)
  }
}
.animation03 {
  animation: ani3 1s linear infinite;
}
@keyframes ani3 {
  0%, 100% {
    transform: translateX(-20px)
  }
  50% {
    transform: translateX(20px)
  }
}
.animation04 img {
  animation: ani4 1.5s ease-in-out infinite alternate-reverse;
}
@keyframes ani4 {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}
.animation05.is-animated img {
  animation: ani5 1s ease-in-out forwards;
}
.animation06 img {
  animation: ani6 3s linear infinite;
}
@keyframes ani6 {
  0%, 100% {
    transform: translateX(-20px)
  }
  50% {
    transform: translateX(0)
  }
}
@keyframes ani5 {
  0%,100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, -20px);
  }
}
@media screen and (max-width:749px) {
	#masserchan_index {
		overflow: hidden;
		margin-bottom: calc(100 / 750 * 100vw);
	}
	#masserchan_index .pc_only_ {
		display: none;
	}
	#masserchan_index .sp_only_ {
		display: inline-block;
	}
	#masserchan_index img {
		max-width: none;
		width: 100%;
	}
	#masserchan_index .masserchan_inner_ {
		margin: 0 calc(30 / 750 * 100vw);
		width: auto;
	}
	#masserchan_index .slide_arrow_ {
		text-align: right;
		margin: calc(20 / 750 * 100vw) calc(30 / 750 * 100vw);
		display: block;
	}
	#masserchan_index .slide_arrow_ img {
		width: calc(70 / 750 * 100vw);
	}
	#masserchan_index_header {
		margin: 0 auto;
		text-align: center;
		position: relative;
	}
	#masserchan_index_header h2 img {
		width: calc(373 / 750 * 100vw);
	}
	#masserchan_index_header h2 {
		margin: 17px 0 17px;
	}
	#masserchan_index_header p {
		font-size: calc(26 / 750 * 100vw);
		line-height: 1.8;
	}
	#masserchan_index_header .deco_butterfly {
		left: calc(112 / 750 * 100vw);
		top: calc(460 / 750 * 100vw);
	}
	#masserchan_index_header .deco_butterfly img {
		width: calc(324 / 750 * 100vw);
	}
	#masserchan_index_header .character_masser01 {
		left: calc(300 / 750 * 100vw);
		top: calc(592 / 750 * 100vw);
	}
	#masserchan_index_header .character_masser01 img {
		width: calc(200 / 750 * 100vw);
	}
	#masserchan_index_header .character_fer01 {
		left: calc(36 / 750 * 100vw);
		top: calc(948 / 750 * 100vw);
	}
	#masserchan_index_header .character_fer01 img {
		width: calc(101 / 750 * 100vw);
	}
	#masserchan_index_header .character_clayrin01 {
		right: calc(32 / 750 * 100vw);
		top: calc(1144 / 750 * 100vw);
	}
	#masserchan_index_header .character_clayrin01 img {
		width: calc(119 / 750 * 100vw);
	}
	#masserchan_index_header .deco_flower {
		left: calc(60 / 750 * 100vw);
		top: calc(1200 / 750 * 100vw);
	}
	#masserchan_index_header .deco_flower img {
		width: calc(78 / 750 * 100vw);
	}
	#masserchan_index_header .deco_kirakira {
		position: absolute;
		right: calc(80 / 750 * 100vw);
		top: calc(808 / 750 * 100vw);
	}
	#masserchan_index_header .deco_kirakira img {
		width: calc(61 / 750 * 100vw);
	}
	#masserchan_index_nav {
		margin: calc(90 / 750 * 100vw) 0 calc(70 / 750 * 100vw);
	}
	#masserchan_index_nav ul {
		flex-wrap: wrap;
		margin: 0 calc(30 / 750 * 100vw);
	}
	#masserchan_index_nav ul li {
		width: calc(335 / 750 * 100vw);
		margin-bottom: calc(20 / 750 * 100vw);
	}
	#masserchan_index_nav ul li a {
		font-size: calc(26 / 750 * 100vw);
		padding: calc(42 / 750 * 100vw) 0;
		border-radius: calc(20 / 750 * 100vw);
	}
	
	#character {
		padding: calc(120 / 750 * 100vw) 0 calc(60 / 750 * 100vw);
	}
	#character .masserchan_inner_ {
		display: block;
		margin: 0 calc(60 / 750 * 100vw);
		width: auto;
	}
	#character h2 {
		text-align: center;
		margin: 0 0 calc(62 / 750 * 100vw);
		display: block;
	}
	#character h2 img {
		width: calc(364 / 750 * 100vw);
	}
	#character .character_box_ {
		width: 100%;
		padding: calc(60 / 750 * 100vw) 0 calc(52 / 750 * 100vw);
		margin-bottom: calc(60 / 750 * 100vw);
		border-radius: calc(40 / 750 * 100vw);
		position: relative;
	}
	#character .character_box_ .character_img_ {
		height: calc(360 / 750 * 100vw);
		margin-bottom: calc(44 / 750 * 100vw);
	}
	#character .character_box_ p {
		font-size: calc(28 / 750 * 100vw);
		line-height: 1.57;
		margin: 0;
	}
	#character .character_box_ dl.spec_,
	#character .character_box_ .item_ {
		display: none;
	}
	
	#character #character_masser .character_img_ img,
	#character #modal_character_masser .character_img_ img {
		width: calc(311 / 750 * 100vw);
	}
	#character #character_masser .character_name_ img,
	#character #modal_character_masser .character_name_ img {
		width: calc(200 / 750 * 100vw);
	}
	#character #character_fer .character_img_ img,
	#character #modal_character_fer .character_img_ img {
		width: calc(310 / 750 * 100vw);
	}
	#character #character_fer .character_name_ img,
	#character #modal_character_fer .character_name_ img {
		width: calc(193 / 750 * 100vw);
	}
	#character #character_clayrin .character_img_ img,
	#character #modal_character_clayrin .character_img_ img {
		width: calc(253 / 750 * 100vw);
	}
	#character #character_clayrin .character_name_ img,
	#character #modal_character_clayrin .character_name_ img {
		width: calc(148 / 750 * 100vw);
	}
	body.js-fixed {
		overflow: hidden;
	}
	.character_modal_bg_ {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.50);
		z-index: 200;
	}
	#character .character_modal_box_ {
		margin: 0;
		padding: calc(50 / 750 * 100vw) calc(45 / 750 * 100vw);
		width: calc(670 / 750 * 100vw);
		overflow-y: auto;
		position: fixed;
		left: calc(40 / 750 * 100vw);
		top: calc(40 / 750 * 100vw);
		display: none;
		z-index: 250;
	}
	#character .character_modal_open_,
	#character .character_modal_close_ {
		position: absolute;
		right: calc(25 / 750 * 100vw);
		top: calc(30 / 750 * 100vw);
		width: calc(74 / 750 * 100vw);
		height: calc(74 / 750 * 100vw);
		background-color: #b1a096;
		border-radius: 50%;
		cursor: pointer;
	}
	#character .character_modal_open_::before,
	#character .character_modal_open_::after,
	#character .character_modal_close_::before,
	#character .character_modal_close_::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: calc(34 / 750 * 100vw);
		height: calc(6 / 750 * 100vw);
		background-color: #FFFFFF;
		margin: calc(-4 / 750 * 100vw) 0 0 calc(-16 / 750 * 100vw);
		border-radius: calc(2 / 750 * 100vw);
	}
	#character .character_modal_open_::after {
		transform: rotate(90deg);
	}
	#character .character_modal_close_::before {
		transform: rotate(-45deg);
	}
	#character .character_modal_close_::after {
		transform: rotate(45deg);
	}
	#character .character_modal_box_ p {
		margin-bottom: calc(50 / 750 * 100vw);
	}
	#character .character_modal_box_ dl.spec_ {
		display: flex;
		margin-bottom: calc(20 / 750 * 100vw);
	}
	#character .character_modal_box_ dl.spec_ dt,
	#character .character_modal_box_ dl.spec_ dd {
		font-size: calc(24 / 750 * 100vw);
		line-height: 1.66;
	}
	#character .character_modal_box_ dl.spec_ dt {
		width: calc(170 / 750 * 100vw);
		margin-right: calc(30 / 750 * 100vw);
	}
	#character .character_modal_box_ .item_ {
		display: block;
		padding: calc(52 / 750 * 100vw) calc(45 / 750 * 100vw) calc(35 / 750 * 100vw);
		margin-top: calc(72 / 750 * 100vw);
	}
	#character .character_modal_box_ .item_ p {
		font-size: calc(26 / 750 * 100vw);
		padding-left: calc(190 / 750 * 100vw);
	}
	#character .character_modal_box_ .item_ p span {
		font-size: calc(24 / 750 * 100vw);
	}
	#character .character_modal_box_ .item_ .item_img_ {
		left: calc(45 / 750 * 100vw);
	}
	#character #modal_character_masser .item_ .item_img_ {
		width: calc(164 / 750 * 100vw);
		top: calc(45 / 750 * 100vw);
	}
	#character #modal_character_masser .item_ .item_img_ img {
		width: calc(128 / 750 * 100vw);
	}
	#character #modal_character_fer dl.spec_.like_ {
		align-items: flex-start;
	}
	#character #modal_character_fer .item_ .item_img_ {
		width: calc(175 / 750 * 100vw);
		top: calc(-30 / 750 * 100vw);
	}
	#character #modal_character_fer .item_ .item_img_ img {
		width: calc(159 / 750 * 100vw);
	}
	#character #modal_character_clayrin .item_ .item_img_ {
		width: calc(135 / 750 * 100vw);
		top: calc(-30 / 750 * 100vw);
	}
	#character #modal_character_clayrin .item_ .item_img_ img {
		width: calc(71 / 750 * 100vw);
	}
	#character #modal_character_clayrin .item_ p {
		adding-left: calc(175 / 750 * 100vw);
	}
	#character .character_modal_box_ .item_ .btn_ a {
		font-size: calc(26 / 750 * 100vw);
		padding: calc(32 / 750 * 100vw) 0;
	}
/*	#character #modal_character_masser .item_ p {
	  padding-left: 108px;
	}
	#character #modal_character_fer .item_ p {
	  padding-left: 108px;
	}
	#character #modal_character_clayrin .item_ p {
	  padding-left: 85px;
	}*/
	
	
	#question .masserchan_inner_ {
		margin: 0;
	}
	#question .character_masser_ img {
		width: calc(207 / 750 * 100vw);
	}
	#question h2 {
		margin-bottom: calc(70 / 750 * 100vw);
	}
	#question h2 img {
		width: calc(500 / 750 * 100vw);
	}
	#question .question_warp_ {
		overflow-y: auto;
		margin: 0 0 0 calc(40 / 750 * 100vw);
	}
	#question .question_line_ {
		width: max-content;
	}
	#question .question_box_ {
		width: calc(650 / 750 * 100vw);
		margin-right: calc(40 / 750 * 100vw);
		margin-bottom: calc(48 / 750 * 100vw);
	}
	#question .question_head_ {
		font-size: calc(32 / 750 * 100vw);
		line-height: 1.625;
		padding-left: calc(112 / 750 * 100vw);
		background-size: calc(80 / 750 * 100vw) auto;
	}
	#question .question_body_ {
		font-size: calc(24 / 750 * 100vw);
		height: calc(597 / 750 * 100vw);
		padding: calc(44 / 750 * 100vw) calc(50 / 750 * 100vw) calc(50 / 750 * 100vw);
		background-image: url("../../../img/usr/freepage/beauty/masserchan/index/sp/question_bg.png");
		background-size: calc(650 / 750 * 100vw) auto;
		box-sizing: border-box;
		margin-bottom: 0;
	}
	
	#question {
		margin-bottom: calc(120 / 750 * 100vw);
	}
	#question .masserchan_character_.character_masser04_ {
		width: calc(200 / 750 * 100vw);
		margin: calc(-140 / 750 * 100vw) calc(-15 / 750 * 100vw) 0 auto;
	}
	#question .masserchan_character_.character_masser05_ {
		width: calc(151 / 750 * 100vw);
		margin: calc(-70 / 750 * 100vw) calc(30 / 750 * 100vw) 0 auto;
	}
	#question .masserchan_character_.character_masser06_ {
		width: calc(177 / 750 * 100vw);
		margin: calc(-80 / 750 * 100vw) 0 0 auto;
	}
	
	#point {
		padding-bottom: calc(120 / 750 * 100vw);
	}
	#point .masserchan_inner_ {
		margin: 0;
	}
	#point .character_fer_ {
		text-align: left;
		margin: 0 calc(40 / 750 * 100vw) calc(20 / 750 * 100vw);
	}
	#point .character_fer_ img {
		width: calc(128 / 750 * 100vw);
	}
	#point h2 {
		margin-bottom: calc(56 / 750 * 100vw);
	}
	#point h2 img {
		width: calc(547 / 750 * 100vw);
	}
	#point .point_wrap_ {
		overflow-y: auto;
		margin: 0 0 0 calc(40 / 750 * 100vw);
	}
	#point .point_line_ {
		width: max-content;
		margin-bottom: calc(48 / 750 * 100vw);
	}
	#point .point_box_ {
		width: calc(650 / 750 * 100vw);
		margin-right: calc(40 / 750 * 100vw);
	}
	#point .point_head_ {
		font-size: calc(36 / 750 * 100vw);
		background-size: calc(110 / 750 * 100vw) auto;
		margin-bottom: calc(30 / 750 * 100vw);
		padding-top: calc(150 / 750 * 100vw);
	}
	#point .point_body_ {
		font-size: calc(24 / 750 * 100vw);
		border-radius: calc(40 / 750 * 100vw);
		padding: calc(40 / 750 * 100vw) calc(55 / 750 * 100vw);
	}
	#point .point_box_.point1_ .img_line_ .character_masser_ {
		width: calc(129 / 750 * 100vw);
	}
	#point .point_box_.point1_ .img_line_ .point01_img_ {
		width: calc(242 / 750 * 100vw);
	}
	#point .point_box_.point2_ .character_masser_ img {
		width: calc(245 / 750 * 100vw);
	}
	#point .point_box_.point3_ .img_line_ {
		margin-top: calc(60 / 750 * 100vw);
	}
	#point .point_box_.point3_ .img_line_ .point03_img_ {
		width: calc(396 / 750 * 100vw);
	}
	#point .point_box_.point3_ .img_line_ .character_masser_ {
		width: calc(130 / 750 * 100vw);
		margin-top: calc(60 / 750 * 100vw);
	}
	#point .point_txt_ {
		width: calc(650 / 750 * 100vw);
	}
	#point .point_txt_ .character_masser_ {
		width: calc(219 / 750 * 100vw);
		margin-left: calc(40 / 750 * 100vw);
	}
	#point .point_txt_ .point_note_ {
		font-size: calc(22 / 750 * 100vw);
		width: calc(347 / 750 * 100vw);
		padding: 0 calc(22 / 750 * 100vw);
		height: calc(166 / 750 * 100vw);
		background-image: url("../../../img/usr/freepage/beauty/masserchan/index/sp/point_bubble.png");
		background-size: calc(347 / 750 * 100vw) auto;
	}
	#point .btn_ {
		width: calc(650 / 750 * 100vw);
	}
	#masserchan_index #masserchan {
		padding-top: calc(120 / 750 * 100vw);
		margin-bottom: calc(120 / 750 * 100vw);
	}
	#masserchan_index #masserchan h2 {
		margin-bottom: calc(52 / 750 * 100vw);
	}
	#masserchan_index #masserchan h2 img {
		width: calc(366 / 750 * 100vw);
	}
	#masserchan_index #masserchan h2 .character_masser_ {
		right: -14px;
		top: -23px;
		width: calc(111 / 750 * 100vw);
	}
	#masserchan_index #masserchan h2 .character_masser_ img {
		width: calc(111 / 750 * 100vw);
	}
	#masserchan_index #masserchan h2.episode_title_ {
		margin: calc(60 / 750 * 100vw) 0 calc(50 / 750 * 100vw);
	}
	#masserchan_index #masserchan h2.episode_title_ img {
		width: calc(332 / 750 * 100vw);
	}
	#masserchan_index #masserchan p.lead_ {
		font-size: calc(24 / 750 * 100vw);
		line-height: 1.66;
		margin: 0 0 calc(50 / 750 * 100vw);
	}
	#masserchan_index #masserchan h3 {
		margin-bottom: calc(50 / 750 * 100vw);
	}
	#masserchan_index #masserchan h3 img {
		width: calc(331 / 750 * 100vw);
	}
	#masserchan_index #masserchan ul.backnumber_ li,
	#masserchan_index #masserchan ul.extra_edition_ li {
		width: calc(160 / 750 * 100vw);
		margin: 0 calc(10 / 750 * 100vw) calc(16 / 750 * 100vw);
	}
	#masserchan_index #masserchan ul.backnumber_ li span,
	#masserchan_index #masserchan ul.extra_edition_ li span {
		font-size: calc(26 / 750 * 100vw);
		margin-top: calc(5 / 750 * 100vw);
	}
	#masserchan_index #masserchan .btn_ {
		width: calc(650 / 750 * 100vw);
		margin-top: calc(95 / 750 * 100vw);
	}
	#masserchan_index #masserchan .btn_ a {
		font-size: calc(26 / 750 * 100vw);
		padding: calc(38 / 750 * 100vw) 0 calc(36 / 750 * 100vw);
	}
	#benefits {
		padding: calc(120 / 750 * 100vw) 0;
	}
	#benefits h2 {
		margin-bottom: calc(55 / 750 * 100vw);
	}
	#benefits h2 img {
		width: calc(574 / 750 * 100vw);
	}
	#benefits p {
		font-size: calc(24 / 750 * 100vw);
		line-height: 1.66;
	}
	#benefits p.lead_ {
	}
	#benefits .benefits_box_ {
		width: calc(580 / 750 * 100vw);
	}
	#benefits .benefits_img_ {
		width: calc(212 / 750 * 100vw);
		margin-right: calc(60 / 750 * 100vw);
	}
	#benefits .benefits_desc_ .character_clayrin_ {
		width: calc(160 / 750 * 100vw);
		margin-left: calc(60 / 750 * 100vw);
	}
	
	
	#benefits .btn_ {
		width: calc(514 / 750 * 100vw);
		margin-top: calc(40 / 750 * 100vw);
	}
	
	div.character_ .character_fer_ {
		width: calc(138 / 750 * 100vw);
		margin: calc(-36 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
	}
	div.character_ .character_masser_ {
		width: calc(125 / 750 * 100vw);
		margin: calc(26 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
	}
	div.character_ .character_clayrin_ {
		width: calc(131 / 750 * 100vw);
		margin: calc(-74 / 750 * 100vw) calc(30 / 750 * 100vw) 0;
	}
	.scroll_box_ {
	  -webkit-overflow-scrolling: touch;
	}
	/*===========
	scrollbar
	===========*/
	.simplebar-track.simplebar-horizontal {
	  height: 10px;
	  background: #e0e5e6;
	  max-width: calc(670 / 750 * 100vw);
	  margin: 0 auto;
	  border-radius: 10px;
	  right: calc(30 / 750 * 100vw);
	}
	.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	  height: 10px;
	  background: #b1a096;
	  border-radius: 10px;
	  top: 0;
	}
	.simplebar-scrollbar.simplebar-visible:before {
	 opacity: 0;
	}
}