@charset "utf-8";
@import "reset.css";


/* CSS Document */


/*************************************
 clearfix
 *************************************/
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}
.clearfix {
    zoom:1;
}

/*************************************
 全体
 *************************************/
html {-webkit-text-size-adjust: none}
body {
	width:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro W3", sans-serif !important;
	color:#333;
	background:#666;
	font-size:140%;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
p, a {
	font-size:100%;
}

#wrap {
	width:640px;
	background:#fff;
}

/*************************************
 クラス
 *************************************/
.left {
	float:left;
}
.right {
	float:right;
}
.half {
	width:49%;
}
.shadow {
	box-shadow:#999 2px 2px 3px;
	-moz-box-shadow:#999 2px 2px 3px;  
    -webkit-box-shadow:#999 2px 2px 3px; 
}
.radius16 {
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
}
.radius20 {
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
.yellow {
	color:#ff9900;
}
/*************************************
 グラデ角丸ボタン
 *************************************/
.btn-text {
	color:#fff;
	font-size:100%;
	text-align:center;
}
.btn-p {
	padding:8px 0;
	background: -webkit-gradient(linear, left top, left bottom,
	color-stop(1.00, #ff156a), color-stop(0.00, #ff99cc));
	background: -webkit-linear-gradient(top, #ff99cc 0%, #ff156a 100%);
	background: -moz-linear-gradient(top, #ff99cc 0%, #ff156a 100%);
	background: -o-linear-gradient(top, #ff99cc 0%, #ff156a 100%);
	background: -ms-linear-gradient(top, #ff99cc 0%, #ff156a 100%);
	background: linear-gradient(top, #ff99cc 0%, #ff156a 100%);
}
.btn-b {
	padding:8px 0;
	background: -webkit-gradient(linear, left top, left bottom,
	color-stop(1.00, #1f7882), color-stop(0.00, #4ea0aa));
	background: -webkit-linear-gradient(top, #4ea0aa 0%, #1f7882 100%);
	background: -moz-linear-gradient(top, #4ea0aa 0%, #1f7882 100%);
	background: -o-linear-gradient(top, #4ea0aa 0%, #1f7882 100%);
	background: -ms-linear-gradient(top, #4ea0aa 0%, #1f7882 100%);
	background: linear-gradient(top, #4ea0aa 0%, #1f7882 100%);
}
.icon {
	background:url(../img/play-icon.gif) no-repeat 12px 0 ;
	width:100%;
	padding-left:48px;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	text-align:left !important;
}
/*************************************
 登録ボタン
 *************************************/
.regist {
	width:100%;
	margin:25px auto 0;
}
.regist p.copy {
	margin:0 0 5px;
}
.regist p.btn a {
	border-radius:16px;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	margin:0;
}
/*************************************
 ヘッダー
 *************************************/
header {
	width:100%;
}
header .top-image {
	background: #444;
}
header .top-image h1 {
	margin:0 auto;
	padding:0;
}
header .marqee {
	width:100%;
	background:#333;
	padding:8px 0;
	margin:0;
	overflow: hidden;
	overflow: -webkit-marquee;
	marquee-style: slide;
	-wap-marquee-style: slide;
}
header .marqee h2 {
	font-size:100%;
	text-align:center;
	color:#fff;
	white-space:nowrap;
}
/*************************************
 各コンテント背景
 *************************************/
.wContent {
	width:92%;
	background:#fff;
	margin:0 auto;
}
.pContent {
	width:100%;
	background:#ff99cc;
	padding:0;
	margin:20px 0;
	padding:5px 0 
}
.pContent02 {
	width:100%;
	background:#ffd6fe;
	padding:0;
	margin:20px 0;
	padding:5px 0 ;
}
.content {
	width:92%;
	margin:10px auto;
}

/*************************************
 ピンクコンテンツの中身
 *************************************/
.tit {
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border:1px solid #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff156a), color-stop(0.00, #ff4a86));
	background: -webkit-linear-gradient(top, #ff4a86 0%, #ff156a 100%);
	background: -moz-linear-gradient(top, #ff4a86 0%, #ff156a 100%);
	background: -o-linear-gradient(top, #ff4a86 0%, #ff156a 100%);
	background: -ms-linear-gradient(top, #ff4a86 0%, #ff156a 100%);
	background: linear-gradient(top, #ff4a86 0%, #ff156a 100%);
}

.box {
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	background:#fff;
	width:100%;
	margin:10px 0 20px;
	padding:20px 0;
}
/*************************************
 Mocom限定顔写メ大特集！
 *************************************/
ul.tokushuu {
	width:95%;
	margin:0 auto;
	padding:0 ;
	overflow:hidden;
}
ul.tokushuu li {
	margin: 0 9px;
	width:30%;
	text-align:center;
	line-height:1.3;
}
ul.tokushuu li a span {
	font-size:100%;
	color:#ff156a;
	text-decoration:underline;
}
/*************************************
 特選無料MOVIE＆写メ
 *************************************/
.half-area {
	width:85%;
	margin:0 auto;
}
.half-area .link {
	width:100%;
	margin:10px 0;
}
.half-area .link .btn-image {
	width:45%;
}
.half-area .link .btn-txt {
	width:50%;
}
.half-area .link .btn-txt p {
	font-size:100%;
	line-height:1.1;
}
.half-area .link .btn-txt p a {
	color:#333;
}
/*************************************
 
 *************************************/
.slide-area {
	margin:20px 0 0;
	width:100%;
}
.slide-area p {
	text-align:center;
	font-size:100%;
}
#wrapper {
position:relative;
z-index:1;
width:auto;
height:auto;
overflow:hidden;
background:#999;
border:2px solid #ff99cc;
margin:15px auto 0;
text-align:center;
}

#scroller {
float:left;
width:5500px;
background:#dedede;
padding:6px;
}

#scroller img {
margin:8px;
}

#back,#next {
	width:30%;
	margin:15px 0;
}

/*************************************
 フッター
 *************************************/
footer {
	margin:20px 0 0;
	padding:0;
	color:#fff;
	text-align:center;
}
footer .go-top {
	width:30%;
	background:#333;
	border-radius:8px 8px 0 0 ;
	-webkit-border-radius:8px 8px 0 0 ;
	-moz-border-radius:8px 8px 0 0 ;
	padding: 10px 20px;
	margin-right:10px;
}
footer .go-top a {
	color:#fff;
	font-size:100%;
	text-align:center;
}
footer .footerbg {
	width:100%;
	background:#333;
	clear:both;
	padding:20px 0 25px;
}
footer .footerbg p {
	font-size:80%;
	line-height:1.3;
	color:#fff;
	text-align:center;
}