@charset "UTF-8";

body{width:100%; margin:0 !important; -webkit-text-size-adjust:none;margin:0; padding:0;
font-family: "HelveticaNeue","HiraKakuProN-W3","メイリオ",sans-serif;}
img{border:0; vertical-align:bottom}
h1,h2,h3,p,ul,li,dl,dt,dd{margin:0; padding:0;}
li{list-style:none;}

.clearfix:after{content:"."; display:block; clear:both; height:0; visibility:hidden}

.pbPage{width:100%;}
.pbAreaWrapper1, .pbLeftArea{float:none; width:100% !important}
.pbAreaWrapper2{border-width: 0;float: none; margin: 0; padding: 0}
.btnBase{background-color:#de1961; border-bottom:2px solid #b01658; border-radius:3px; display:block; width:190px; color:#fff; font-size:12px; font-weight:bold; text-align:center; text-decoration:none; line-height:1; padding:7px 4px; -webkit-box-shadow:1px 1px 2px 1px #ccc; -moz-box-shadow:1px 1px 2px 1px #ccc; -o-box-shadow:1px 1px 2px 1px #ccc; -ms-box-shadow:1px 1px 2px 1px #ccc; -pie-box-shadow:1px 1px 2px 1px #ccc; box-shadow:1px 1px 2px 1px #ccc; position:relative; behavior:url(../../img/ppdis00392/PIE.htc)}
.btnBase:hover{background-color:#f4387d}

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

/*メインコンテンツ*/
.pbMainArea{width:100%}


/*ページ上へ*/
#goToTp{display:none}


/* フッタ */
.ftArea_02{
	width:100%;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
	padding-bottom: 30px;
}
.ftArea_02 ul{margin:0 auto 5px; text-align:center}
.ftArea_02 ul li{display:inline; margin:0 0 0 0.3em; padding:0 0 0 0.8em; font-size:12px; list-style:none; border-left:1px solid #999}
.ftArea_02 ul li.fLst{margin:0; padding:0; border-left:none}
.ftArea_02 p{padding:30px auto 50px; font-size:12px; text-align:center}

a{ color:#ffffff; text-decoration:none; display: inline-block;word-break: break-word;}
a:hover { opacity:0.7; text-decoration: underline;transition: opacity 0.3s ease-out; }

html { font-size: 62.5%; }
body { font-size: 1.0rem; }
li   { font-size: 1.4rem; }


/* ---------------------------------------------------------------------------------- */
/*                                   イケメンPLANET                                    */
/* ---------------------------------------------------------------------------------- */
/** header **/
.header{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding:10px 15px 15px;
	background-color: #000;
	box-sizing: border-box;
}
.header .header-logo{
	margin:0 auto;
	max-width: 1200px;
}
.header .header-logo img{
	height:26px;
}
.header .header-login{
	float:right;
	margin:0;
	vertical-align:bottom;
	line-height:26px;
}

@media screen and (max-width:959px){
	.header .header-logo{
		float:none;
	}
	.header .header-logo img{
		width:100%;
		height:auto;
	}
	.header .header-login{
		display:none;
	}
}

/** footer **/
.footer{
	width:100%;
	margin:30px auto 0;
	overflow:hidden;
	padding:20px 15px 10px;
	box-sizing: border-box;
	background: #000;
}
.footer .copyright{
	text-align:center;
	font-size: 12px;
	font-size: 1.2rem;
}
@media screen and (max-width:959px){
	.footer{
		width:100%;
		padding:10px 15px 15px;
	}
	.footer .copyright{
		margin-top:20px;
	}
}


/*-------共通-------*/
.wrapper{
	position: relative;
	width:100%;
	margin:0px;
	padding:0px;
	background-color: #fff;
}
.contentArea {
	position: relative;
	color: #fff;
	font-size:17px;
	font-size: 1.7rem;
	line-height: 1.6;
	margin: 0 auto;
	padding: 0 ;
}

.content{
    max-width: 1040px;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width:959px){
.content{
	margin: 0 auto;
	padding: 0;
	max-width: 100%;
}
}

/** hide **/
.hide_pc{display:none;}
.hide_sp{display:block;}
@media screen and (max-width:959px){
	.hide_pc{display:block;}
	.hide_sp{display:none;}
}

/** BG **/
.bg01 {	background: url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/bg_01.jpg) repeat-x 50% 50%;}
.bg02 { background: url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/bg_02.jpg) repeat-x 50% 50%;}
@media screen and (max-width:959px){
.bg01,.bg02 { background:none;}
.bg03 { background: url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/bg_01.jpg) repeat-x 50% 50%;}
}

/*-------メイン画像-------*/
.top_Area{
	position: relative;
	margin:0 auto;
	padding: 0 ;
	background-color: #003090;
	background: linear-gradient(#003090,#00a6cc,#00dec0);
}
.top_Area ul {
	margin: 0 auto;
	text-align: center;
}
.filter01{
	z-index: 0;
}
.filter02{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	background: url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/main_cloud.png) repeat-x bottom center;
}



/*-------プレゼント-------*/
.preA,.preB {margin: 15px auto 0;}
.preA img,.preB img {margin: 0;padding: 0;}

@media screen and (max-width: 959px) {
  #container {
    width: 100%;
	margin: 0 auto;
  }
  #container img {
      width:100%;
  }
  .cont_top,.cont_btm,.cont-line{
      background:none;
  }
}
@media screen and (min-width: 960px) {
  #container {
    margin: 0 auto;
  }
  #container .img {
      display:none;
      text-align:center;
  }
  .cont_top {
      background:url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/img_preA_top.png) bottom center no-repeat;
      height:200px;
      max-width:1040px;
  }
  .cont_btm {
      background:url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/img_preA_btm.png) top center no-repeat;
      height:150px;
      max-width:1040px;
  }
  .cont_btm img {
    vertical-align: top;
}
  .cont_line {
      background:url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/line.png) top center no-repeat;
      height:15px;
      max-width:1040px;
  }
}

.cont_bg{
	background:url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/img_preA_bg.png) top center repeat-y;
}
ul.listup {
	width:860px;
	margin: 0 auto;
}
ul.listup li {
	width:172px;
	text-align: center;
	float: left;
	box-sizing: border-box;
	margin-bottom: 10px;
}
@media screen and (max-width:959px){
  .cont_bg{
	background:url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/img_preA_bg_sp.jpg) top center repeat-y;
	background-size: 100%;
}
  ul.listup {
	width:90%;
	margin: 0 auto;
	padding: 0 5%;
}
  ul.listup li {
	width:20%;
	text-align: center;
	float: left;
}
 ul.listup li:nth-child(5n+1){
 	clear: both;
 }
.listup p {font-size: 10px;font-size: 1.0rem;}
}

/*-------応募要項-------*/
.guideLine {
	width: 960px;
	margin: 30px auto 0;
	color: #000;
}
.guideLine img.ttl{
	width: 120px;
	height: 30px;
}
.guideLine dl{
	padding: 10px 30px;
	font-size: 16px;
	font-size: 1.6rem;
}
.guideLine dt {
	margin: 10px 0 0;
}
@media screen and (max-width:959px){
.guideLine {
	width: 90%;
	margin: 15px auto 0;
}
.guideLine img.ttl{
	width: 100px!important;
	height: auto;
}
.guideLine dl{
	padding: 10px 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.guideLine dt {
}
}

.txtBtn a {
	font-size: 14px;
	font-size: 1.4rem;
	color: #000;
	text-decoration: underline;
}
.txtBtn a:hover {
	text-decoration: none;
}

/** ボタン **/
.btnArea {
	margin: 45px auto 55px;
	padding: 10px;
	text-align: center;
}
.btnArea img {
	width: 603px;
	height: 102px;
}
@media screen and (max-width:959px){
.btnArea {
	margin: 10px auto 15px;
	padding: 10px;
	text-align: center;
}
.btnArea img {
	width: 100%;
	height: auto;
}
}

/** ライン **/
@media screen and (max-width: 959px) {
.cont-line{
      background:none;
  }
}
@media screen and (min-width: 960px) {
  .cont_line {
      background:url(/library/dis/cms/img/dcp/feature/ikepura/pre_cp/line.png) top center no-repeat;
      height:15px;
      max-width:1040px;
  }
}

/** Setting **/
.center{text-align: center;}
.mt15 {margin-top: 15px;}
.notes{font-size: 12px;font-size: 1.2rem;}