@charset "utf-8";

/*======================================

reset

=======================================*/
p,
pre,
blockquote,
address,
cite {
margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}

ul,
ol,
dl {
margin: 0;
padding: 0;
}

ul,
ol,
dl {
list-style-position: inside;
}

ul {
list-style: none;
}
li,
dt,
dd {
margin: 0;
}
img {
vertical-align: bottom;
border: none;
-ms-interpolation-mode: bicubic;
}


/*======================================

body,contents

=======================================*/
html,body {
min-height: 100%;
}
body {
color: #333333;
background: #fff;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0;
padding: 0;
overflow-x: hidden;
min-width:100%;
}

#contents .inner{
width:1000px;
margin:0 auto;
}



#campaign .sp{
display:none;
}
#campaign .main-visual {
background:url(../img/pmltt_cmp_mv_bg.jpg) top center no-repeat;
height:445px;
margin:0;
padding:0;
}
#campaign .main-visual .inner {
position:relative;
}
#campaign .main-visual h1{
padding:42px 0 0 268px;
}
#campaign #date {
background:url(../img/pmltt_cmp_date_bg.gif) top center repeat;
text-align:center;
margin:0;
color:#ffffff;
font-size:24px;
font-weight:bold;
}
#campaign #date p{
padding:28px 0;
}
#campaign #date p.close{
padding:18px 0;
}
#campaign .lead{
width:1000px;
margin:0 auto;
padding:40px 0 60px 0;
text-align:center;
}
#campaign .lead h2{
font-size:18px;
font-weight:normal;
background:url(../img/pmltt_cmp_lead_icon.gif) top center no-repeat;
background-size:48px;
line-height:2.2em;
padding:60px 0 0 0;
}
#campaign .lead h2 strong{
color:#d758b5;
}
#campaign .lead h2 span{
font-weight:bold;
color:#ff5294;
}

#present {
width:1000px;
background:url(../img/pmltt_cmp_pst_bg.gif) top;
margin:0 auto;
height:568px;
padding:0;
position:relative;
}
#present h3 {
position: absolute;
left: 286px;
top: -33px;
}
#present p{
text-align:center;
margin:0 0 22px 0;
padding:45px 0 0 0;
}
#present ul{
width:470px;
margin:0 auto;
}
#present ul li{
float:left;
margin:0 36px 0 0;
position:relative;
}
#present ul li span{
	position: absolute;

}
#present ul li span.nb{
left: -172px;
	top: 42px;
}
#present ul li span.ab{
	left: 226px;
	top: 93px;
}
#present ul li:last-child{
margin:0;
}
#present ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #present ul { display:inline-block; }
*:first-child+html #present ul { display:inline-block; }

#present h4{
margin:15px 0 0 0;
text-align:center;
font-weight:bold;
font-size:18px;
}

#campaign #feature{
width:1000px;
background:url(../img/pmltt_cmp_ftr_bg.gif) top no-repeat;
margin:0 auto;
height:413px;
position:relative;
}
#campaign #feature h3{
position: absolute;
left: 109px;
top: -47px;
}
#campaign #feature ul{
padding:55px 0 0 125px;
}
#campaign #feature ul li{
float:left;
margin:0 20px 0 0;
}
#campaign #feature ul li:last-child{
margin:0;
}
#campaign #feature ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #campaign #feature ul { display:inline-block; }
*:first-child+html #campaign #feature ul { display:inline-block; }


#campaign #feature p.button{
	margin: 0;
	background: #ec3f6c;
	width: 334px;
	text-align: center;
	position: absolute;
	left: 607px;
	top: 296px;
}
#campaign #feature p.button a{
display:block;
padding:15px 0;
color:#ffffff;
text-decoration:none;
}
#campaign #feature p.button a:hover{
background:#f44b77;
}
#campaign #feature p.item{
	position: absolute;
	left: 59px;
	top: -49px;
}


#campaign #feature p.caption{
	font-size: 10px;
	position: absolute;
	right: 0;
	top: 387px;
	border:none;
}



#flow {
background:#ffffff;
padding:50px 0;
}
#flow h2 {
text-align:center;
margin:0 0 20px 0;
font-size:30px;
}
#flow p.text {
text-align:center;
margin:0 0 34px 0;
}
#flow .step {
width:282px;
height:312px;
float:left;
position:relative;
}
#flow .step p {
text-align:center;
margin:-20px 0 0 0;
}
#flow .step p.arrow {
position:absolute;
right:-19px;
top:43%;
margin:0;
}
#flow .step:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #flow .step { display:inline-block; }
*:first-child+html #flow .step { display:inline-block; }

#flow .step1{
border:#c092b6 4px solid;
margin:0 37px 0 40px;
}
#flow .step2{
border:#f899bd 4px solid;
margin:0 37px 0 0;
}
#flow .step3{
border:#ffca62 4px solid;
}

#flow .step dl {
margin:10px 25px;
text-align:center;
}
#flow .step dl dt{
font-size:30px;
font-weight:bold;
}
#flow .step dl dd.image{
margin:0 0 10px 0;
}
#flow .step dl dd.text{
text-align:left;
font-size:13px;
}
#flow .step dl dd.account{
background:#efefef;
font-size:13px;
width:200px;
margin:5px auto 0 auto;
}
#flow .step dl dd.account a{
padding:2px 0;
display:block;
color:#333333;
text-decoration:none;
}
#flow p.date{
clear:both;
text-align:center;
font-size:25px;
font-weight:bold;
padding:40px 0 30px 0;
}
#flow p.date-close{
clear:both;
text-align:center;
font-size:25px;
font-weight:bold;
padding:40px 0 0 0 ;
}
#flow p.close{
font-size: 15px;
color: #e36da1;
text-align: center;
padding: 10px 0 20px 0;
font-weight: bold;
}
#campaign #flow p.instagram-button{
font-size:19px;
margin:0 auto;
background: #ec3f6c;
width: 577px;
text-align: center;
border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#campaign #flow p.instagram-button a{
display:block;
padding:30px 0;
color:#ffffff;
text-decoration:none;
background:url(../img/pmltt_cmp_inst_icn_wht.gif) 10% no-repeat;
background-size:54px;
}
#campaign #flow p.instagram-button a:hover{
border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:#f44b77 url(../img/pmltt_cmp_inst_icn_wht.gif) 10% no-repeat;
background-size:54px;
}
#campaign #flow ul.caution{
font-size:12px;
margin:40px 0 0 0;
}



#movie{
background:#f6f6f6;
text-align:center;
padding:0 0 20px 0;
}
#movie h2{
background:#9a819b;
padding:18px 0;
text-align:center;
margin:0 0 30px 0;
color:#ffffff;
font-size:18px;
line-height:1.4em;
}
#movie .youtube{
text-align:center;
margin:0 auto 25px auto;
}

#movie p.button-item{
margin:0 auto;
background: #ec3f6c;
width: 455px;
text-align: center;
}
#movie p.button-item a{
display:block;
padding:15px 0;
color:#ffffff;
text-decoration:none;
}
#movie p.button-item a:hover{
background:#f44b77;
}

#movie p.button-corp{
margin:8px auto;
background: #00a1e5;
width: 455px;
text-align: center;
}
#movie p.button-corp a{
display:block;
padding:15px 0;
color:#ffffff;
text-decoration:none;
}
#movie p.button-corp a:hover{
background:#1caeec;
}
#sns{
text-align:center;
padding:30px 0;
}
#sns img{
margin:10px 10px 0 0;
}

#terms{
font-size:13px;
}
#terms h2{
background:#c7aecb;
padding:8px 0;
text-align:center;
margin:0 0 30px 0;
color:#ffffff;
}
#terms .inner{
padding-bottom:30px;
}
#terms h2#kiyaku{
background:#c7aecb;
text-indent:-9999px;
}
#terms ul {
padding:15px 0 0 0;
}
#terms p.text{
padding:15px 0 0 0;
}
#terms p.text span{
color:#C40003;
}
#terms ul li {
word-wrap:break-word;
text-indent:-1.0em;
margin:0 0 0.8em 1.0em;
}
#terms ul.number li {
text-indent:-2.0em;
margin:0 0 0.8em 1.8em;
}
#terms ul li ul {
margin:0 0 0.5em 0;
}
#terms ul.number li ul li {
word-wrap:break-word;
text-indent:-1.0em;
margin:0 0 0 1.0em;
font-size:13px;
}
#terms h2#gaiyou{
background:#c7aecb;
}
#terms .gaiyou h3{
margin:30px 0 0 0;
padding:0 0 5px 0;
border-bottom:#ff88aa 1px dotted;
}
#terms .gaiyou h4{
font-weight:bold;
}
#terms a{
color:#ff5585;
}
#terms h2#faq{
background:url(../img/lftcp_trm_h2_03.gif) center no-repeat #ff88aa;
text-indent:-9999px;
}
#terms .faq dl{
margin:0 0 30px 0;
}
#terms .faq dl dt{
font-size:14px;
font-weight:bold;
margin:0 0 5px 0;
}





#campaign .sp #footer{
background:#ffeaee;
padding:25px 0 27px 0;
margin:30px 0 0 0;
text-align:center;
}
#campaign .sp #footer ul{
margin:0 auto;
width:1000px;
}
#campaign .sp #footer ul li{
float:left;
border-left:#9a724f 1px solid;
margin:0;
font-size:12px;
text-align:center;
width:16.5%;
height:30px;
vertical-align:baseline;
}
#campaign .sp #footer ul li a{
display:block;
height:100%;
padding:5px 0 0 0;
color:#674120;
text-decoration:none;
}
#campaign .sp #footer ul li.line a{
display:block;
height:100%;
padding:0;
}
#campaign .sp #footer ul li a:hover{
text-decoration:underline;
}
#campaign .sp #footer ul li img{
vertical-align:middle;
padding:0;
margin:0;
}
#campaign .sp #footer ul li span{
display:none;
}
#campaign .sp #footer ul li:last-child{
border-right:#9a724f 1px solid;
}
#campaign .sp #footer ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #campaign .sp #footer ul { display:inline-block; }
*:first-child+html #campaign .sp #footer ul { display:inline-block; }

#campaign .sp p.copyright{
text-align:center;
font-size:11px;
margin:10px 0;
}

#campaign .sp #pagetop{
width:1000px;
text-align:right;
margin:15px auto;
}

p.copyright{
background:#ad85b3;
text-align:center;
font-size:11px;
color:#ffffff;
padding:10px 0;
}
p.pagetop{
text-align:center;
padding:0 0 10px 0;
}




/* sp */
@media screen and (max-width: 750px) {
#campaign .pc{
display:none;
}
#campaign .sp{
display:inherit;
}

#campaign .main-visual{
width:100%;
height:auto;
position:relative;
}
#campaign .main-visual span.item-image{
	position: absolute;
	top: 180px;
	left: 10px;
}

#campaign .inner{
	width:100%;
}

#campaign #date {
color:#ffffff;
font-size:16px;
font-weight:bold;
height:auto;
}
#campaign #date p{
padding:10px 0;
}
#campaign #date p img{
width: 90%;
margin: 0 auto;
}
#campaign .lead{
width:90%;
margin:0 auto;
padding:20px 0 10px 0;
text-align:center;
}
#campaign .lead h2{
font-size:13px;
font-weight:normal;
background:url(../img/pmltt_cmp_lead_icon.gif) top center no-repeat;
background-size:30px;
line-height:1.6em;
padding:30px 0 0 0;
}
#present {
width:100%;
background:url(../img/pmltt_cmp_pst_bg.gif) top;
margin:0 auto;
height:auto;
padding:20px 0 30px 0;
}
#present h3 {
position:inherit;
left:inherit;
top:inherit;
text-align:center;
margin:-20px 0 0 0;
}
#present h3 img {
width:100%;
}
#present p{
text-align:center;
margin:0 auto 20px auto;
padding:15px 0 0 0;
}
#present p img{
width:30%;
}


#present ul{
width:470px;
margin:0 auto;
}
#present ul{
width:300px;
margin:0 auto;
}
#present ul li{
float:left;
margin:0 8% 0 0;
position:relative;
width:45%;
}
#present ul li img{
float:left;
width:100%;
position:relative;
margin:0 5px 0 0;
}
#present ul li span{
position:absolute;
}
#present ul li span.nb{
left:-30px;
top:-35px;
}
#present ul li span.nb img,
#present ul li span.ab img{
width:70px;
height:auto;
z-index:101;
}
#present ul li span.ab{
left:100px;
top:-40px;
}
#present ul li:last-child{
margin:0;
}
#present ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #present ul { display:inline-block; }
*:first-child+html #present ul { display:inline-block; }

#present h4{
margin:15px 0 0 0;
text-align:center;
font-weight:bold;
font-size:14px;
}

#campaign #feature{
background:url(../img/pmltt_cmp_ftr_bg.gif) top repeat-y;
width:100%;
margin:0 auto;
height:auto;
padding:0 0 20px 0;
position:relative;
}
#campaign #feature h3{
position:absolute;
left:5%;
top:-5%;
margin:0 auto;
padding:0 0 10px 0;
text-align:center;
width:90%;
}
#campaign #feature h3 img{
width:100%;
}
#campaign #feature ul{
margin:0;
padding:15% 0 0 0;
text-align:center;
}
#campaign #feature ul li{
float:none;
margin:0 0 20px 0;
padding:0;
}
#campaign #feature ul li img{
width:90%;
}
#campaign #feature ul li.right img{
width:75%;
}

#campaign #feature p.button{
margin:25px auto 0 auto;
background: #ec3f6c;
width: 80%;
text-align: center;
position:inherit;
left: inherit;
top: inherit;
}
#campaign #feature p.button a{
display:block;
padding:15px 0;
color:#ffffff;
text-decoration:none;
}
#campaign #feature p.button a:hover{
background:#f44b77;
}
#campaign #feature p.item{
position: absolute;
left:0;
display:none;
}


#campaign #feature p.caption{
font-size: 10px;
position:inherit;
right:inherit;
top: inherit;
color:#333333;
margin:20px auto 0 auto;
width:90%;
}

#flow {
width:90%;
margin:0 auto;
background:#ffffff;
padding:20px 0 30px 0;
}
#flow h2 {
text-align:center;
margin:0 0 5px 0;
padding:0;
font-size:24px;
}
#flow p.text {
text-align:center;
margin:0 0 20px 0;
font-size:13px;
}

#flow .step p {
text-align:center;
margin:-20px 0 0 0;
}
#flow .sp-step img {
width:100%;
margin:0 0 5px 0;
}


#flow p.date{
clear:both;
text-align:center;
font-size:18px;
font-weight:bold;
padding:20px 0 20px 0;
}
#flow p.date-close{
clear:both;
text-align:center;
font-size:18px;
font-weight:bold;
padding:20px 0 10px 0;
}
#campaign #flow p.instagram-button{
font-size:16px;
margin:0 auto;
background: #ec3f6c;
width: 100%;
text-align: center;
border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#campaign #flow p.instagram-button a{
display:block;
padding:20px 0;
color:#ffffff;
text-decoration:none;
background:url(../img/pmltt_cmp_inst_icn_wht.gif) 5% no-repeat;
background-size:30px;
}
#campaign #flow p.instagram-button a:hover{
border-radius: 10px; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background:#f44b77 url(../img/pmltt_cmp_inst_icn_wht.gif) 5% no-repeat;
background-size:30px;
}
#campaign #flow ul.caution{
font-size:12px;
margin:20px 0 0 0;
}

#movie{
background:#f6f6f6;
text-align:center;
padding:0 0 20px 0;
}
#movie h2{
background:#9a819b;
padding:10px 0;
text-align:center;
margin:0 0 30px 0;
color:#ffffff;
font-size:16px;
line-height:1.4em;
}
#movie .youtube{
text-align:center;
margin:0 auto 25px auto;
}

#movie p.button-item{
margin:0 auto;
background: #ec3f6c;
width: 80%;
text-align: center;
}
#movie p.button-item a{
display:block;
padding:10px 0;
color:#ffffff;
text-decoration:none;
}
#movie p.button-item a:hover{
background:#f44b77;
}

#movie p.button-corp{
margin:8px auto;
background: #00a1e5;
width: 80%;
text-align: center;
}
#movie p.button-corp a{
display:block;
padding:10px 0;
color:#ffffff;
text-decoration:none;
}
#movie p.button-corp a:hover{
background:#1caeec;
}


#campaign #terms h2#gaiyou,
#campaign #terms h2#kiyaku,
#campaign #terms h2#faq{
background-image:none;
text-indent:0;
font-size:15px;
}
#campaign #terms .gaiyou h3 img{
width:15px;
padding:0 5px 0 0;
vertical-align:middle;
}

#campaign #terms ul li {
word-wrap:break-word;
text-indent:-1.0em;
margin:0 0 0.5em 0.5em;
}
#campaign #terms ul.number li {
text-indent:-1.0em;
margin:0 0 0.8em 1.0em;
}

#campaign #terms ul.number li ul li {
word-wrap:break-word;
text-indent:-1.0em;
margin:0 0 0 0.8em;
font-size:13px;
}
#campaign #terms .inner{
padding-bottom:30px;
width:90%;
margin:0 auto;
}
p.pagetop{
text-align:center;
padding:0 0 10px 0;
}
}