@charset "utf-8";
/*-------------------
   clearfix
-------------------*/
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
/*-------------------
   common
-------------------*/
.wrapper {
	font: 1.0em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings: "palt";
	letter-spacing: .1em;
	padding: 0 0 20px;
	position: relative;
}
.wrapper * {
	box-sizing: border-box;
}
.wrapper a {
	color: inherit;
	display: block;
}
.wrapper img {
	height: auto;
	max-width: 100%;
}

/*---7esthe_mobile.css リセットOP対策----*/
#container h3,
#container h4,
#container h5 {
	background: none;
	color: #000;
	cursor: auto;
	float: none;
}
#container h3 span,
#container h4 span,
#container h5 span {
	background: none;
	color: #000;
	cursor: auto;
	float: none;
}
#container .flex {
    align-items: flex-start;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
/*--7esthe_mobile.css 商品ページ用リセットOP対策　----*/
.write_box {
    margin: 0;
    padding: 0;
}
#mobile_detail_content {
	font-size: 1.0em;
}
.item_explanation .cont {
	margin: 0;
	padding: 0;
}
/*ブレイクポイントのルール*/
/* -スマホ基本設計 解像度に依存しない-
 *350pxまで：SP縦 i5 SE
 *350px〜480px：SP縦 i6-8　****一番重要****
 *480px〜960px：SP横からタブレット
 *960px〜小型PC　大型PC
 
 /*  全体指定 スマホ縦 i5 i5SE　350pxまで  */
 
 
/* ボタンデザイン自由に変えてください  */
#container .buy_btn {
	background: #9dd53a;
	background: -moz-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%);
	background: -webkit-linear-gradient(top, #9dd53a 0%, #7cbc0a 100%);
	background: linear-gradient(to bottom, #9dd53a 0%, #7cbc0a 100%);
	border: #99b61e 1px solid;
	border-radius: 5px;
	color: #fff;
	display: block;
	font: bold 1.5rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	position: relative;
	margin: 20px auto 15px;
	text-align: center;
	width: 85%;
}
.buy_btn a {
	color: #fff;
	display: block;
	text-decoration: none;
}
.buy_btn a::before {
	border: solid 5px transparent;
	border-left: solid 7px #fff;
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	position: relative;
	top: -1px;
}
.buy_btn:hover {
	filter: alpha(opacity=90);
	opacity: 0.7;
	transition: all ease-in 0.4s;
}
/*-- 画面外にいる状態 --*/
.fadein {
	opacity : 0;
	transform : translate(0, 20px);
	transition: ease-in 400ms;
}
/*-- 画面内に入った状態 --*/
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	z-index:1;
}
#container section {
	margin: 0 auto 0;
	padding: 0;
}


/*-------------------
   mainvisual
-------------------*/
.mainvisual{
	background:url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/sp-top.jpg);
	background-size:cover;
	text-align:center;
	padding-bottom:1px;
}
.mainvisual img{
	margin:0 auto;
	width:20%;
	padding:8px 0;
}
#container .title-desc{
	background-color:#d0d0ff;
	display:inline-block;
	color:#464698;
	font: bold 1.2em/1.3 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	padding:0.1em 1em;
	border-radius:1em;
	margin-bottom:0.8em
}
#container .headtitle{
	font: bold 2em/1.2 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	color:#464698;
	margin-bottom:8px;
}
#container .headtitle em {
	color:#464698;
}
#container .headtitle em:before{
	content:"\A";
	white-space: pre;
}
.borderbox li{
	color:#464698;
	background:rgba(255,255,255,0.1);
	border:1px solid #464698;
	display:inline-block;
	padding:0.2em 0.8em;
	margin:0 auto;
}
#container .item-info{
	font-size:90%;
	line-height:170%;
	color:#333;
	width: 40%;
    margin: 10px 10px 0 auto;
	text-align:left;
}
#container .item-info .small{
	color:#333;
	font-size:0.7rem;
}
.item-info .blue-box{
	background-color:#464698;
	color:#fff;
	padding:2px;
}
.item-info .blue-box em {
    color: #fff;
}
#container .item-info .price-red{
	color:#c00;
	font-size:1.2em;
}
#container .come{
	font-size:6px;	
}
.item-info p{
	text-align:right;
}


#container .sec1 h2{
	background-color:#464698;
	font-size:1.4em;
	text-align:center;
	color:#fff;
	padding:1.3em 0.2em;
	letter-spacing:2px;
	margin:0;
}
#container .sec1 p{
	position:relative;
	width:80%;
	margin:-2.5em auto 1.5em;
	line-height:160%;
	z-index:2;
}
.sec1{
	position:relative;
}
#container .sec1 .fukidasi{
	position:absolute;
	width:25%;
	top:5em;
	left:25%;
	z-index:3;
}

.sec2{
	background-color:#464698;
	background-image:url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/balm_bg.png);
	background-size:30%;
}
#container .sec2 h2{
	font-size:1.5em;
	text-align:center;
	color:#fff;
	padding:1em 0.2em;
}
.sec2 ul{
	width:80%;
	margin:0 auto;
	padding-bottom:20px;
}
.sec2 li{
	color:#3b3b70;
	background-color:#fff;
	font: normal 1.0rem/1.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	display:inline-block;
	width:100%;
	margin:3px 0;
	padding:4px 4px 4px 8px;
	position:relative;
}
.sec2 li:before{
	content:"□";
	color:#999;
}
.sec2 li:after{
	content:"V";
	color:#ef8f00;
	position:absolute;
	left:10px;
	top:2px;
}

#container .sec3{
	background:url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/balm_04.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:right;
	background-color:#e1e5ee;
	padding:5%;
	position:relative;
}
#container .sec3 .fukidasi{
	position:absolute;
	width:25%;
	top:0;
	left:25%
}
#container .sec3 span{
	background:#464698;
	color:#fff;
	padding:3px;
	margin-right:5px;
	font-size:90%;
}
#container .sec3 p{
	width:55%;
	margin:1em 0 0.6em;
}
#container .sec3 em{
	font-size:8px;
}
#container .sec3 h2{
	font: bold 1.8em/1.5 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	color:#464698;
	margin:8px 0;
}
#container .sec4 h2,#container .sec6 h2{
	color:#5a57a0;
	font: bold 1.5rem/1.8 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-align:center;
	background:url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/balm_dotline.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-size:2.4%;
	width:90%;
	margin: 3vh auto;
}
.sec4 ul{
	width:90%;
	margin:-5vh auto 0;
	background:url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/balm_dotline.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-size:2.5%;
	padding:0 0 1.2em;
}
.sec4 ul:nth-child(4){
		background:none
}
.sec4 .sec_flex p {
	font-size: 1rem;
    line-height: 1.2rem;
}
#container .sec4 h3{
	color:#5a57a0;
	font: normal 1.2rem/1.3 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	text-align:center;
	margin:1.2em 0;
	max-height:2em;
}

.point1,.point2,.point3{
	width:25%;
	position:relative;
	top:7vh;
}
.sec5_1{
	text-align:center;
	padding-top:15px;
}
#container .sec5 h2{
	text-align:center;
	font-size:1.5em;
	margin-top:5px;
	letter-spacing:2px;
}
#container .sec5{
	background-color:#d0d0ff;
	padding-bottom:15px;
}
.sec5 h3{
	text-align:center;
	font-size:1.1em;
	margin:0.5em auto;
}

.comp_box{
	width:90%;
	border:1px solid #5a57a0;
	background-color:#fff;
	margin:15px auto;
	padding:4%;
}
.comp_box span{
	color:#3333d4
}
.sec5 .box1 li:nth-of-type(1) {
	text-align: center;
}
.sec5 .box1 img{
	width:60%;
	margin:0 auto;
}
.sec5 .box2 ul{
	display:flex;
	flex-flow:wrap;
}
.sec5 .box2 li{
	width:32%;
	margin:8px auto;
}

#container .sec6 h2 img{
	width:50%;
	margin:0 auto;
	padding-bottom:6px
}
#container .sec6 .sec_flex {
	margin: 0 auto;
	padding: 0 10px;
}
.sec6 dl {
	display:flex;
	margin-bottom: 20px;
}
.sec6 dt {
	margin-right: 5px;
    width: 70vw;
}
.sec6 dt img {
	display: inline-block;
	width: 100%;
}
.sec6 dd {
	text-align: justify;
    width: 100%;
}
.sec6 dd p {
	font-size: 0.8rem;
}
#container .sec6 h3 {
	font-size: 1.0em;
    color: #333;
    border-bottom: 3px solid #d0d0ff;
    display: inline-block;
    margin-bottom: 5px;
}

.sec7 .mainvisual{
	background: url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/sp-top.jpg) top -110px left 0px no-repeat;
    background-size: 110%;
}
.sec7 .mainvisual img{
	margin:0 auto;
	width:30%;
	padding:20px 0;
}
#container .sec7 .item-info{
	font-size: 100%;
	line-height: 150%;
	width: 44%;
	margin: 0 5px 0 auto;
}
.hl_under{
	width:20%;
	height:4px;
	background:#fff;
	margin:10px auto;
}

.item-info .sec7 .blue-box{
	background-color:#464698;
	color:#fff;
	padding:2px;
}
#container .sec7 .mainvisual .price-red{
	color:#c00;
	font-size:1.2em;
}

#container .item-info p{
	text-align:right;
}
#container .item-info em{
	font-size: 0.8em;
}

#container .page-top img{
	display: none;
	margin:0;
}

@media screen and (min-width:350px) and ( max-width:480px) {
/*　スマホ縦　i6 / i6plus / i7  350pxから480pxまではここを読み込む　*/
#container .title-desc {
    display: block;
	width: 80%;
}
#container .item-info{
	margin: 42px 20px 0px auto;
}
#container .buy_btn {
    margin: 10px auto 20px;
}
.sec7 .mainvisual img{
	margin:0 auto;
	width:30%;
	padding:25px 0;
}
.sec7 .mainvisual {
	background: url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/sp-top.jpg) top -120px left 0px no-repeat;
    background-size: 100%;
}
#container .sec7 .item-info {
    font-size: 100%;
    line-height: 150%;
    width: 54%;
    margin: 0 0 0 auto;
}
#container .sec7 .item-info em{
	font-size:80%;
}
#container .sec7 .buy_btn {
	margin: 40px auto 20px;
}
}
 @media screen and (min-width:480px) {
/*　スマホ横～タブレット 480pxからタブレット、PCはここを読み込む　*/
.mainvisual{
	background: url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/pc-top.jpg) top 0px left 0px no-repeat;
	background-size: 110%;
	padding: 10px 20px 10px 40%;
}
.mainvisual img {
	display:none;
}
.item-info .blue-box {
	padding:5px;
	margin-right:6px;
}
#container .title-desc {
	background-color:#d0d0ff;
	display:inline-block;
	color:#464698;
	font: bold 1.6em/1.3 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	padding:0.2em 1.5em;
	border-radius:1em;
	margin:1.5em auto 0.5em;
}
#container .headtitle{
	font: bold 3.5em/1.3 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	color:#464698;
	margin-bottom:8px;
	}
#container .headtitle em:before{
	content:"\A";
	white-space: pre;
}
.borderbox li{
	background:rgba(255,255,255,0.3);
	padding:0.3em 1em;
}
#container .item-info{
	font: normal 1.8em/1.7 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
#container .item-info .small {
    color: #333;
    font-size: 0.9rem;
}
#container .item-info em{
	font: normal 0.6em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display:inline-block;}

#container .sec1 .fukidasi{
	width:20%;
	top:8em;
	left:20%
}
#container .sec1 h2,#container .sec2 h2{
	font-size:2.2em;
}
.sec2 ul {
	width: 90%;
}
.sec2 li {
	font-size: 1.3rem;
	margin: 0 5px 15px;
	width: calc(96%/2);
}
#container .sec3 h2{
	font: bold 3.5em/1.8 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	margin:30px 0;
	letter-spacing:3px;
	}
#container .sec1 p,#container .sec3 p,
#container .comp_box p,#container .sec6 p{
	font-size:1rem;
	line-height:170%
}
#container .sec1 p{
	color:#555;
	margin-bottom:4em;
}
.sec_flex{
	display:flex;
	flex-flow:nowrap;
	justify-content:flex-start;
	width:92%;
	margin:0 auto;
}
.sec4 .sec_flex{
	display:flex;
	flex-flow:wrap;
}
.sec4 .sec_flex ul{
	background-size:1%;
	display:flex;
	flex-flow:nowrap;
	width:90%;
	padding:40px 0;
	margin:0px auto;
}

.sec4 ul:nth-child(3){
	background:none;
} 

.sec4 .sec_flex .point2_box{
	flex-flow:row-reverse;
}
.sec4 .sec_flex li{
	position:relative;
	width:50%;
}
#container .sec4 h3 {
    font-size: 1.5rem;
	margin: 10px auto;
}
.sec4 .sec_flex li p{
	padding-left: 20px;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.01rem;
    text-align: justify;
    text-justify: inter-ideograph;
}
.sec4 .sec_flex  .point2_box p{
	padding-right: 20px;
}

.point1,.point3{
	width:100px;
	position:absolute;
	top:-30px;
	left:-20px;
}
.point2{
	width:100px;
	position:absolute;
	top:-30px;
	right:-20px;
}

.box1 ul{
	display:flex;
}
.box1 li{
	width:50%;
	font-size:1.2em;
}

#container .sec5 h2{
	font-size:2em;
	margin-top:15px;
}
.sec5 .box2 h3 br {
	display: none;
}
.sec5 .box2 li{
	width:16%;
	margin:8px auto;
}
#container .sec4 h2,#container .sec6 h2{
	background-size:1%;
	width:85%;
	margin: 4vh auto;
}
#container .sec6 h2 img{
	width:30%;
	margin:0 auto;
	padding-bottom:8px
}
.sec6 dl {
    display: block;
    margin: 0 10px 50px;
    width: 100%;
}
.sec6 dt {	
	flex-flow: wrap;
	margin: 0 auto 30px;
	width: 100%;
}
.sec6 dt img{
	max-width:100%;
	margin-bottom:15px;
}
.sec6 .sec_flex p{
	min-height:10em;
}

.sec7 .mainvisual{
	background: url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/pc-top.jpg);
    background-size: 110%;
    background-position: left;
    text-align: center;
    padding: 10px 0 30px;
}
.sec7 .mainvisual img{
	margin:0 auto;
	width:30%;
	padding:20px 0;
}
#container .sec7 .item-info{
	font-size:170%;
	line-height:160%;
	width:50%;
	margin:1em 5% 0 45%;
}
#container .sec7 .buy_btn {
	font: bold 1.5rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 30px 5% 25px 50%;
	width: 45%;
}
#container .sec6 h3{
	font-size:1.5em;
}
/*-- 画面外にいる状態 --*/
.fadein {
	opacity : 0;
	transform : translate(0, 60px);
	transition: ease-in 450ms;
}
}

 @media screen and (min-width:960px) {
/*　小・大画面デスクトップ　960pxからはここを読み込む　*/
#container {
	margin: 0 auto;
	width: 960px;
}
.mainvisual{
	background: url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/pc-top.jpg) top 0px left 0px no-repeat;
	background-size: 110%;
	padding: 10px 20px 50px 40%;
}
.mainvisual img {
	display:none;
}
.item-info .blue-box {
	padding:5px;
	margin-right:6px;
}
#container .title-desc {
	background-color:#d0d0ff;
	display:inline-block;
	color:#464698;
	font: bold 1.6em/1.3 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	padding:0.2em 1.5em;
	border-radius:1em;
	margin:1.5em auto 0.5em;
}
#container .headtitle{
	font: bold 3.5em/1.3 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	color:#464698;
	margin-bottom:8px;
	}
#container .headtitle em:before{
	content:"\A";
	white-space: pre;
}
.borderbox li{
	background:rgba(255,255,255,0.3);
	padding:0.3em 1em;
}
#container .item-info{
	font: normal 1.8em/1.7 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
    width: 100%;
    margin: 0 auto;
    padding: 0 50px;
}
#container .item-info .small {
    color: #333;
    font-size: 0.9rem;
}
#container .item-info em{
	font: normal 0.6em/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display:inline-block;
}
.fadein.scrollin {
    width: 100%;
}
#container .sec1 .fukidasi{
	width:20%;
	top:8em;
	left:20%
}
#container .sec1 h2,#container .sec2 h2{
	font-size:2.2em;
}
.sec2 ul {
	width: 90%;
}
.sec2 li {
	font-size: 1.3rem;
	margin: 0 5px 15px;
	width: calc(96%/2);
}
#container .sec3 h2{
	font: bold 3.5em/1.8 "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGP明朝E", "ＭＳ Ｐ明朝", serif;
	margin:30px 0;
	letter-spacing:3px;
	}
#container .sec1 p,#container .sec3 p,
#container .comp_box p,#container .sec6 p{
	font-size:1rem;
	line-height:170%
}
#container .sec1 p{
	color:#555;
	margin-bottom:4em;
}
.sec_flex{
	display:flex;
	flex-flow:nowrap;
	justify-content:flex-start;
	width:92%;
	margin:0 auto;
}
#container .sec3 {
    background: url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/balm_04.jpg) top -190px right 0px no-repeat;
    background-size: 100%;
}
.sec4 .sec_flex{
	display:flex;
	flex-flow:wrap;
}
.sec4 .sec_flex ul{
	background-size:1%;
	display:flex;
	flex-flow:nowrap;
	width:90%;
	padding:40px 0;
	margin:0px auto;
}
.comp_box {
    padding: 20px 80px;
}
.sec4 ul:nth-child(3){
	background:none;
} 

.sec4 .sec_flex .point2_box{
	flex-flow:row-reverse;
}
.sec4 .sec_flex li{
	position:relative;
	width:50%;
}
#container .sec4 h3 {
    font-size: 1.5rem;
	margin: 10px auto;
}
.sec4 .sec_flex li p{
	padding-left: 20px;
    font-size: 1rem;
    line-height: 150%;
    letter-spacing: -0.01rem;
    text-align: justify;
    text-justify: inter-ideograph;
}
.sec4 .sec_flex  .point2_box p{
	padding-right: 20px;
}

.point1,.point3{
	width:100px;
	position:absolute;
	top:-30px;
	left:-20px;
}
.point2{
	width:100px;
	position:absolute;
	top:-30px;
	right:-20px;
}

.box1 ul{
	display:flex;
}
.box1 li{
	width:50%;
	font-size:1.2em;
}

#container .sec5 h2{
	font-size:2em;
	margin-top:15px;
}
.sec5 .box2 h3 br {
	display: none;
}
.sec5 .box2 li{
	width:16%;
	margin:8px auto;
}
#container .sec4 h2,#container .sec6 h2{
	background-size:1%;
	width:85%;
	margin: 4vh auto;
}
#container .sec6 h2 img{
	width:30%;
	margin:0 auto;
	padding-bottom:8px
}
.sec6 dl {
    display: block;
    margin: 0 10px 50px;
    width: 100%;
}
.sec6 dt {	
	flex-flow: wrap;
	margin: 0 auto 30px;
	width: 100%;
}
.sec6 dt img{
	max-width:100%;
	margin-bottom:15px;
}
.sec6 .sec_flex p{
	min-height:10em;
}
.sec7 .mainvisual{
	background: url(/contents/shop/sevenbeauty/img/freepage/md_cleansingbalm/pc-top.jpg) top -130px left 0px no-repeat;
    background-size: 100%;
    text-align: center;
    padding: 10px 0 80px;
}
.sec7 .mainvisual img{
	margin:0 auto;
	width:30%;
	padding:20px 0;
}
#container .sec7 .item-info{
	font-size:170%;
	line-height:160%;
	width:50%;
	margin:1em 5% 0 45%;
}
#container .sec7 .buy_btn {
	font: bold 1.5rem/2.6 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	margin: 30px 5% 25px 50%;
	width: 45%;
}
#container .sec6 h3{
	font-size:1.5em;
}
/*-- 画面外にいる状態 --*/
.fadein {
	opacity : 0;
	transform : translate(0, 60px);
	transition: ease-in 450ms;
}
}

/*-------------------
   footer
-------------------*/
#container .page-top {
	display: block;
	margin: 30px auto;
	text-align: center;
}