@charset "UTF-8";


/* clear
   =================================================================== */
/* float */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */

body {
	-webkit-text-size-adjust: 100%;
}

/*--------------------------main--------------------------*/
#main_body_container{
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	overflow:hidden;
	font-size:14px;
	line-height: 1.8em;
	letter-spacing: 0.1em;
}

#main_body_container a {
	cursor: pointer;
}


/* =========================================================
main_visual_area
========================================================= */
#main_visual_area {
	border-top: 1px solid #d9d9d9;
}

#main_visual_area h1 {
	line-height: 0;
}

/* =========================================================
main_sns_area
========================================================= */
#main_sns_area {
	background: #f7f7f7;
	padding: 20px;
	text-align: right;
	border-top: 1px solid #c6c6c6;
}

#main_sns_area iframe {
	display: inline-block;
	vertical-align: top;
}

#main_sns_area .twitter-share-button {
	margin-right: 13px;
}

#main_sns_area .fb_iframe_widget span {
	vertical-align: top!important;
}

/* =========================================================
main_area
========================================================= */
#main_area {
	position: relative;
	/*height:3371px;*/
    /*height:2000px;*/
}

#main_area .bg {
	position: absolute;

}

#main_area .bg img {
	float: left;
}

#main_area .bg .liquid1 {
	position: absolute;
	top:0;
	left: 0;
	height: 649px;
	width: 948px;
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/liquid_1.png) no-repeat;
}

#main_area .bg .liquid2 {
	position: absolute;
	top:805px;
	right: 0;
	height: 583px;
	width: 948px;
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/liquid_2.png) no-repeat top right;
	z-index: 1;
}

#main_area .bg .liquid3 {
	position: absolute;
	top:1275px;
	left: 0;
	height: 778px;
	width: 605px;
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/liquid_3.png) no-repeat;
}

#main_area .bg .liquid3 .case {
	position: absolute;
	top: -49px;
	left: 447px;
}

#main_area .content {
	position: relative;
	z-index: 10;
}

#main_area .content .intro {
	padding-top: 104px;
	padding-left: 125px;
	height: 733px;
}

#main_area .content .intro .puffs {
	position: relative;
}

#main_area .content .intro .puffs .shadow {
	position: absolute;
	top:42px;
	left:42px;
}

#main_area .content .intro .puffs .shadow .part_1 {
	position: absolute;
	top:0;
	left:0;
}

#main_area .content .intro .puffs .shadow .part_2 {
	position: absolute;
	top: 27px;
	left: -25px;
	opacity: 0;
}

#main_area .content .intro .puffs .puff {
	position: absolute;
	top: -28px;
	left: 13px;
}

#main_area .content .intro .puffs .puff .part_1 {
	position: absolute;
	top:0;
	left:0;
	z-index: 11;
}

#main_area .content .intro .puffs .puff .part_2 {
	position: absolute;
	top:29px;
	left:0;
	opacity: 1;
}

#main_area .content .intro .puffs .text {
	position: absolute;
	top: 109px !important;
	left: 142px;
	width: 430px;
	line-height: 1.6;
	z-index: 12;
	letter-spacing: 0;
    font-size:17px;
}

#main_area .content .intro .puffs .text h2 {
	padding-bottom: 30px;
	text-align: center;
}

#main_area .content .intro .puffs .text p {
	margin-left: 10px;
}

#main_area .content .artist {
	position: relative;
	padding-top: 85px;
	padding-left: 405px;
	height: 762px;
	box-sizing:border-box;
}

#main_area .content .artist .photo {
	position: absolute;
	top:0;
	left:30px;
}

#main_area .content .artist .photo .main_artist_1 {
	position: absolute;
	top:0;
	left:0;
}

#main_area .content .artist .photo .main_artist_2 {
	position: absolute;
	top:0;
	left:0;

	opacity: 0;
}

#main_area .content .artist .text h2 {
	font-size: 28px;
	padding-bottom: 40px;
}

#main_area .content .artist .text .name {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0px;
	margin-bottom: 10px;
}

#main_area .content .artist .text .name .position {
	font-size: 12px;
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px solid #000;
	vertical-align: middle;
	height: 22px;
}

#main_area .content .artist .text .sentence {
    width: 90%;
    font-size:17px;
	font-style: italic;
}

#main_area .content .product {
	width: 838px;
	margin: 0 auto;
}

#main_area .content .product .information {
	width: 305px;
	text-align: center;
	padding-bottom: 70px;
    font-size:17px;
}

#main_area .content .product .information h2 {
	padding-bottom: 34px;
}

#main_area .content .product .information h3 {
	font-size: 26px;
	line-height: 1.6em;
	letter-spacing: 0;
	padding-bottom: 20px;
	position: relative;
}

#main_area .content .product .information h3 img {
	position: absolute;
	top:-5px;
	left: 0px;
}

#main_area .content .product .information .price img {
	padding: 5px 0;
}

#main_area .content .product .information .purchase {
	color: #8470b1;
	font-size: 16px;
	display: block;
	border:2px solid #8470b1;
	padding: 15px;
	margin-top: 30px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
}

#main_area .content .product .information .purchase:hover {
	text-decoration: none;
	color: #fff;
	background: #8470b1;
}

#cushion_puff_area .description {
    width: 838px;
    margin:0 auto;
	/*border-top:1px solid #cccccc;*/
	padding-top: 40px;
	padding-bottom: 60px;
}

#cushion_puff_area .description h4 {
	font-size: 22px;
	line-height: 1.6;
	padding-bottom: 25px;
}

#cushion_puff_area .description .attention {
	font-size: 12px;
	color: #444444;
	padding-top: 20px;
}

#cushion_puff_area .aboutpuff {
	width: 890px;
	margin: 0 auto;
	background: #fff url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/puff_img_2.png) right bottom no-repeat;
	padding: 56px 30px 80px;
	box-sizing:border-box;
}

#cushion_puff_area .aboutpuff h2 {
	padding-bottom: 35px;
	text-align: center;
}

#cushion_puff_area .aboutpuff h3 {
	padding-bottom: 20px;
	font-size: 28px;
	line-height: 1.6;
	text-align: center;
}

#cushion_puff_area .aboutpuff .lead {
	padding-bottom: 50px;
	text-align: center;
}

#cushion_puff_area .aboutpuff .fig {
	border-top:1px solid #cccccc;
	padding-top: 45px;
}

#cushion_puff_area .aboutpuff .fig img {
	float: left;
	margin: 0 30px 120px 10px;
}

#cushion_puff_area .aboutpuff .fig p {
	float: left;
	margin-top: 50px;
	text-align: left;
}

#cushion_puff_area .aboutpuff h4 {
	clear: both;
	font-size: 22px;
	padding-bottom: 30px;
}

#cushion_puff_area .aboutpuff h4 strong {
	color: #7c64af;
}

/* =========================================================
technology_area
========================================================= */
#technology_area {
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/technology_bg.jpg) top center;
	background-size: cover;
	padding-bottom: 75px;
	position: relative;
	z-index: 11;
}

#technology_area h2 {
	text-align: center;
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/technology_line.png) center bottom no-repeat;
	padding: 50px 0 47px;
	margin-bottom: 7px;
}

#technology_area table {
	width: 891px;
	margin: 0 auto;
}

#technology_area table {
	border-collapse:separate;
	border-spacing:14px 2px;
}

#technology_area table th,
#technology_area table td {
	vertical-align: top;
}

#technology_area table .title th h3 {
	text-align: center;
	padding: 47px 0 25px;
}

#technology_area table .caption td h4 {
	text-align: center;
}

#technology_area table .content td {
	background: #f7f0fb;
	padding: 20px;
}

#technology_area table .content td {
	position: relative;
}

#technology_area table .content td h5 {
	font-size: 20px;
	line-height: 1.8em;
	font-weight: bold;
	letter-spacing: 1px;
}

#technology_area table .content td p {
	margin-bottom: 10px;
}

#technology_area table .content td .technology_img_1_1 {
	position: absolute;
	top:35px;
	right: 20px;
}

#technology_area table .content td .technology_img_1_1 span {
	position: absolute;
	left: 0;
	bottom: -1.4em;
	font-size: 12px;
	color:#888888;
}

#technology_area table .content td .technology_img_1_2 {
	position: relative;
}

#technology_area table .content td .technology_img_1_2 span {
	position: absolute;
	left: 0;
	bottom: -1.8em;
	font-size: 12px;
	color:#888888;
}

#technology_area table .content td h5.part2 {
	clear: both;
	margin-top: 30px;
}

#technology_area .moreBtnArea {
	padding: 50px 0 0 0;
	text-align: center;
}

#technology_area .moreBtnArea .moreBtn {
	display: inline-block;
	border: 2px solid #fff;
	color: #fff;
	padding: 15px 40px;
	font-size: 14px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
}

#technology_area .moreBtnArea .moreBtn:hover {
	text-decoration: none;
	color: #8470b1;
	background: #fff;
}

/* =========================================================
about puff
========================================================= */
#cushion_puff_area {
    background: url(../images/main_bg_2.jpg) top center;
    background-size: cover;
    padding-bottom: 75px;
    position: relative;
    z-index: 11;
    font-size:17px;
}

/* =========================================================
mechanism_area
========================================================= */
#mechanism_area {
	background: #000 url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/mechanism_shine.png) top center no-repeat;
	padding: 0 30px 50px 30px;
	color: #fff;
    font-size:17px;

}

#mechanism_area h2 {
	text-align: center;
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/mechanism_line.png) center bottom no-repeat;
	padding: 50px 0 47px;
	margin-bottom: 45px;
}

#mechanism_area .mechanism_img {
	float: left;
	margin-right: 30px;
}

#mechanism_area h3 {
	font-size: 28px;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 20px;
}

#mechanism_area p {
	color: #aaaaaa;
}

#mechanism_area .description {
	width:468px;
	display: inline-block;
	margin-top: 24px;
	border: 1px solid #fff;
	box-sizing:border-box;
	padding: 20px;
}

#mechanism_area .description h4 {
	margin-bottom: 10px;
}

#mechanism_area .description h4.part2 {
	margin-top: 25px;
}

#mechanism_area .description h4 img {
	vertical-align: middle;
	margin-right: 5px;
}

#mechanism_area .attention {
	text-align: right;
	font-size: 10px;
}

/* =========================================================
family_area
========================================================= */
#family_area {
	padding-top: 50px;
	position: relative;
}

#family_area h2 {
	padding-left: 40px;
	padding-bottom: 50px;
}

#family_area p {
	position: absolute;
	top:42px;
	right: 40px;
}

#family_area table {
	width: 100%;
	table-layout: fixed;
	border-top:1px solid #b8b8b8;
}

#family_area table tr th {
	background: #efefef;
	vertical-align: middle;
	text-align: center;
	line-height: 0;

	border-right:1px solid #b8b8b8;
	border-bottom:1px solid #b8b8b8;
}

#family_area table tr td {
	vertical-align: top;
	text-align: center;
	height: 507px;

	border-right:1px solid #b8b8b8;
}

#family_area table tr .part1 {
	border-right:none;
}

#family_area table tr a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 15px;
	font-weight: bold;
	padding-top: 20px;
	box-sizing:border-box;
	letter-spacing: -0.5px;
}

#family_area table tr a:hover {
	text-decoration: none;
}

#family_area table tr .part1 a {
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/family_product_1.png) no-repeat;
}

#family_area table tr .part2 a {
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/family_product_2.png) no-repeat;
}

#family_area table tr .part3 a {
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/family_product_3.png) no-repeat;
}

#family_area table tr .part4 a {
	background: url(http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/family_product_4.png) no-repeat;
}



.bg{
    background-color: #ffffff;
}
.is_css_anime #main_area .bg .liquid1 {
	width: 0%;
	transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
	-webkit-transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
	-moz-transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
	-ms-transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
}

.is_css_anime #main_area .bg .liquid1.isShow {
	width: 100%;
}

.is_css_anime #main_area .bg .liquid2 {
	width: 0%;
	transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
	-webkit-transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
	-moz-transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
	-ms-transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
}

.is_css_anime #main_area .bg .liquid2.isShow {
	width: 100%;
}

.is_css_anime #main_area .bg .liquid3 {
	width: 0;
	transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
	-webkit-transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
	-moz-transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
	-ms-transition: width cubic-bezier(0.215, 0.610, 0.355, 1.000) 0.7s;
}

.is_css_anime #main_area .bg .liquid3.isShow {
	width: 605px;
}

.is_css_anime #main_area .bg .liquid3 .case {
	opacity: 0;
	transition: opacity ease-out 1.5s 0.7s;
	-webkit-transition: opacity ease-out 1.5s 0.7s;
	-moz-transition: opacity ease-out 1.5s 0.7s;
	-ms-transition: opacity ease-out 1.5s 0.7s;
}

.is_css_anime #main_area .bg .liquid3.isShow .case {
	opacity: 1;
}



.is_css_anime .fadein {
	opacity: 0;
	transition: opacity ease-in 0.6s;
	-webkit-transition: opacity ease-in 0.6s;
	-moz-transition: opacity ease-in 0.6s;
	-ms-transition: opacity ease-in 0.6s;
}

.is_css_anime .fadein.isShow {
	opacity: 1;
}


.is_css_anime .fadebounce {
	opacity: 0;
	position: relative;
	top:-30px;
}







.is_css_anime #main_area .content .intro .puffs {
	opacity:0;
}


.is_css_anime #main_area .content .intro .puffs .puff .part_1 {
	opacity:0;
}




/* =========================================================
modalArea
========================================================= */
.modalArea {
    display: table;
	display: none;
    position: fixed;
    width: 100%;
    height: 100%;
	min-width: 980px;
    top: 0px;
    left: 0px;
    z-index: 9999;
    opacity: 1;
    text-align: center;

	font-size:14px;
	line-height: 1.8em;
	letter-spacing: 0.1em;
}

.modalArea a {
	cursor: pointer;
}

.modalArea .modalWrap {
	position: relative;
	margin: 0 auto;
	display:table-cell;
    width: 100%;
    height: 100%;
	vertical-align: middle;
    overflow-y: hidden;
}

.modalArea .modalWrap .modalBg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000;
    opacity: 0.8;
}

.modalArea .modalWrap .close {
	position: absolute;
	top:0px;
	right:0px;;
    z-index: 10001;
}

.modalArea .modalWrap .modalCont {
	width: 770px;
	margin: 0 auto;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 10000;
}

.modalArea .modalWrap .modalCont {
	animation: modalArea-animationFrames-hide ease-out 0.27s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: modalArea-animationFrames-hide ease-out 0.27s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: modalArea-animationFrames-hide ease-out 0.27s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-ms-animation: modalArea-animationFrames-hide ease-out 0.27s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
}

@keyframes modalArea-animationFrames-hide{
  0% {
    transform: scaleX(1.0) scaleY(1.0) ;
    opacity: 1;
  }
  100% {
    transform: scaleX(1.0) scaleY( 1.0) ;
    opacity:0;
  }
}

@-moz-keyframes modalArea-animationFrames-hide{
  0% {
    -moz-transform: scaleX(1.0) scaleY(1.0) ;
    opacity: 1;
  }
  100% {
    -moz-transform: scaleX(1.0) scaleY( 1.0) ;
    opacity:0;
  }
}

@-webkit-keyframes modalArea-animationFrames-hide {
  0% {
    -webkit-transform: scaleX(1.0) scaleY(1.0) ;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1.0) scaleY( 1.0) ;
    opacity:0;
  }
}

@-ms-keyframes modalArea-animationFrames-hide {
  0% {
    -ms-transform: scaleX(1.0) scaleY(1.0) ;
    opacity: 1;
  }
  100% {
    -ms-transform: scaleX(1.0) scaleY( 1.0) ;
    opacity:0;
  }
}

.modalArea.isShow .modalWrap .modalCont {
	animation: modalArea-animationFrames ease-out 0.27s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: modalArea-animationFrames ease-out 0.27s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: modalArea-animationFrames ease-out 0.27s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-ms-animation: modalArea-animationFrames ease-out 0.27s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
}

@keyframes modalArea-animationFrames{
  0% {
    transform: scaleX(1.0) scaleY( 1.0) ;
    opacity:0;
  }
  100% {
    transform: scaleX(1.00) scaleY(1.00) ;
    opacity: 1;
  }
}

@-moz-keyframes modalArea-animationFrames{
  0% {
    -moz-transform: scaleX(1.0) scaleY(1.0) ;
    opacity:0;
  }
  100% {
    -moz-transform: scaleX(1.00) scaleY(1.00) ;
    opacity: 1;
  }
}

@-webkit-keyframes modalArea-animationFrames {
  0% {
    -webkit-transform: scaleX(1.0) scaleY(1.0) ;
    opacity:0;
  }
  100% {
    -webkit-transform: scaleX(1.00) scaleY(1.00) ;
    opacity: 1;
  }
}

@-ms-keyframes modalArea-animationFrames {
  0% {
    -ms-transform: scaleX(1.0) scaleY(1.0) ;
    opacity:0;
  }
  100% {
    -ms-transform: scaleX(1.00) scaleY(1.00) ;
    opacity: 1;
  }
}


.modalArea .modalWrap .modalCont .contentsArea {
	width: 770px;
	margin: 0 auto;
	//overflow-y: auto;
	background: #ece3ff;
	min-height: 100%;
}

.modalArea .modalWrap .modalCont .contentsArea {
	position: absolute;
	top: -99999px;
	animation: modalAreaContent-animationFrames-hide ease-out 0.27s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: modalAreaContent-animationFrames-hide ease-out 0.27s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: modalAreaContent-animationFrames-hide ease-out 0.27s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-ms-animation: modalAreaContent-animationFrames-hide ease-out 0.27s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
}

@keyframes modalAreaContent-animationFrames-hide{
  0% {
    transform: scaleX(1.0) scaleY(1.0) ;
    opacity: 1;
  }
  100% {
    transform: scaleX(1.0) scaleY(1.0) ;
    opacity:1;
  }
}

@-moz-keyframes modalAreaContent-animationFrames-hide{
  0% {
    -moz-transform: scaleX(1.0) scaleY(1.0) ;
    opacity: 1;
  }
  100% {
    -moz-transform: scaleX(1.0) scaleY(1.0) ;
    opacity:1;
  }
}

@-webkit-keyframes modalAreaContent-animationFrames-hide {
  0% {
    -webkit-transform: scaleX(1.0) scaleY(1.0) ;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1.0) scaleY(1.0) ;
    opacity:1;
  }
}

@-ms-keyframes modalAreaContent-animationFrames-hide {
  0% {
    -ms-transform: scaleX(1.0) scaleY(1.0) ;
    opacity: 1;
  }
  100% {
    -ms-transform: scaleX(1.0) scaleY(1.0) ;
    opacity:1;
  }
}

.modalArea .modalWrap .modalCont .contentsArea.isShow {
	position:relative;
	top: 0px;
	//display: block;
	animation: modalAreaContent-animationFrames ease-out 0.27s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: modalAreaContent-animationFrames ease-out 0.27s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: modalAreaContent-animationFrames ease-out 0.27s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-ms-animation: modalAreaContent-animationFrames ease-out 0.27s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
}

@keyframes modalAreaContent-animationFrames{
  0% {
    transform: scaleX(1.0) scaleY(1.0) ;
    opacity:1;
  }
  100% {
    transform: scaleX(1.00) scaleY(1.00) ;
    opacity: 1;
  }
}

@-moz-keyframes modalAreaContent-animationFrames{
  0% {
    -moz-transform: scaleX(1.0) scaleY(1.0) ;
    opacity:1;
  }
  100% {
    -moz-transform: scaleX(1.00) scaleY(1.00) ;
    opacity: 1;
  }
}

@-webkit-keyframes modalAreaContent-animationFrames {
  0% {
    -webkit-transform: scaleX(1.0) scaleY(1.0) ;
    opacity:1;
  }
  100% {
    -webkit-transform: scaleX(1.00) scaleY(1.00) ;
    opacity: 1;
  }
}

@-ms-keyframes modalAreaContent-animationFrames {
  0% {
    -ms-transform: scaleX(1.0) scaleY(1.0) ;
    opacity:1;
  }
  100% {
    -ms-transform: scaleX(1.00) scaleY(1.00) ;
    opacity: 1;
  }
}

#modalConsumerArea .modalCont {
	max-height: 100%;
	overflow-y: auto;
}


#modalConsumerArea .contentsWrap h2 {
	padding-top: 55px;
	padding-bottom: 35px;
	text-align: center;
    width:600px;
    margin:0 auto;
    text-align: left;
}

#modalConsumerArea .contentsWrap .texts {
	width: 600px;
	margin: 0 auto;
	text-align: left;
}

#modalConsumerArea .contentsWrap h3 {
	margin-bottom: 20px;
	font-size: 20px;
	padding-bottom: 10px;
}
#modalConsumerArea .contentsWrap h3 sup {
	font-size: 12px;
}

#modalConsumerArea .contentsWrap .text1 {
	margin-bottom: 40px;
}

#modalConsumerArea .contentsWrap .text2 {
	margin-bottom: 20px;
}

#modalConsumerArea .contentsWrap .text2 img {
	margin-top: 20px;
}

#modalConsumerArea .contentsWrap .caption {
	padding-bottom: 50px;
	font-size: 12px;
	line-height: 1.6;
}

.wrap_tw,.wrap_fb{
    display:inline-block;
}

.back-to-top {
    background: rgba(0, 0, 0, 0) url("http://shuuemuramy.com/whats-new/blanc-chroma-brightening-uv-cushion-foundation/images/arrows.png") no-repeat scroll right top;
    bottom: 50px;
    height: 40px;
    margin: 0 auto 0 960px;
    position: fixed;
    width: 40px;
    cursor: pointer;
}