@charset 'UTF-8';


/*header css*/
#popMenu-wrapper,
#popMenu-wrapper-ext {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0.8);
  top: 0;
  left: 0;
  right: 0;
  text-align: left;
  z-index: 25;
}
#popMenu-wrapper.disp,
#popMenu-wrapper-ext.disp {
    display: block;
}

#popMenu {
    margin: 0 auto;
    width: 640px;
	background:#E6E6E6;
    position: relative;
}
#popMenu .link_btn{
    position: absolute;
    right: 20px;
    top: 20px;
}
#popMenu nav{
	margin:0 auto;
	padding:100px 0 0 0;
}
#popMenu nav ul.btn{
	margin:0 9px;
	overflow:hidden;
}
#popMenu nav ul.btn li {
	float:left;
	margin:5px;
}
#popMenu nav .list{
	/* background:url(/fpark/assets/img/popMenuListBg.png) no-repeat left bottom; */
	background:#E6E6E6;
	/* background-size:222px auto;
	-webkit-background-size:222px auto; */
	margin:0 auto 10px;
	width:100%;
}
#popMenu nav .list ul{
	width:100%;
}
#popMenu nav .list ul li{
	border-bottom:1px solid #555;
	line-height: 2.0em;
    padding-left: 10px;
}

#popMenu nav .list ul li a{
	color:#555;
	display:block;
	font-weight: normal;
	padding:10px 25px 10px 10px;
	text-decoration:none;
}
#popMenu nav .list ul li a:focus {
    outline: none;
}

.ui-dialog{
	position:relative;
	line-height: 1.5em;
    margin: 0 auto !important;
	margin-top: 20px;
}
.ui-button{
	background:url(/assets/img/renew/top/menu.png) no-repeat 0 0;
	background-size:100%;
	cursor:pointer;
	border:none;
	width:53px;
	height:60px;
	position:absolute;
	top:22px;
	right:20px;
	text-indent:-9999px;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0 !important;
}
.ui-dialog .ui-dialog-titlebar {
    margin: 0;
    height: 80px;
}
.ui-widget-header{
	background:#E6E6E6 !important;
    border:none !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none!important;
	background:url(/assets/img/renewal/top/menu.png) no-repeat 0 0 !important;
	background-size:100% !important;
    width: 53px !important;
    height: 61px !important;
    position: absolute !important;
    top: 25px !important;
    right: 14px !important;
}

/*pickup*/
#container-gallery{
	border: none;
	background-color: #E6E6E6;
	width: 100%;
	padding: 30px;
	margin: 0 auto;
}
#container-gallery .ad-gallery{
	width: 580px;
	background-color: #FFF;
    padding: 0 10px;
}
#container-gallery .ad-gallery .ad-image-wrapper{
	height: 320px;
} 
#container-gallery .ad-gallery .ad-nav{
	padding-bottom: 10px;
}
#container-gallery .ad-gallery .ad-back{
	background-position: 0 10px;
}
#container-gallery .ad-gallery .ad-forward{
	background-position: 25px 10px;
}


/*corner_top_line*/
#corner_line #contents_info a {
    font-size: 1.0em;
    color: #e72d30;
    font-weight: bold;
}
#corner_line #contents_info img {
    margin: 0;
    padding: 0;
    line-height: 0;
}
#corner_line #contents_info article dl{
	margin-top: 30px;
	background-color: #FFF;
}

#corner_line #contents_info article dt {
    width: 44%;
    overflow: hidden;
    float: left;
	margin-right: 15px;
}
#corner_line #contents_info article dt img{
    width: 100%;
}

#corner_line #contents_info article dd {
    width: 52%;
    float: left;
    margin: 10px 0;
}

#corner_line #contents_info h3 img {
    width: auto;
}
#corner_line #contents_info h4{
	margin: 50px auto 10px;
    position: relative;
}
#corner_line #contents_info h4 span{
    position: absolute;
    right: 0;
}

#corner_line .relative {
    position: relative;
}
#corner_line .absolute {
    position: absolute;
    width: auto;
    height: 25px!important;
    top: 10px;
    right: 0;
}
#corner_line .clearfix {
    display: block;
}

#corner_line .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#corner_line .box_2 {
    width: 50%;
}
#corner_line .box_4 {
    width: 315px;
}
#corner_line .box_4 h3 {
    overflow: hidden;
}
#corner_line .left {
    float: left;
}
#corner_line .right {
    float: right;
}
#corner_line #present {
	padding: 30px;
}

#corner_line #contents_info #present p {
    font-weight:bold;
    margin-top:5px;
    text-align: left;
}


#corner_line #line_cnt {
    background-color: #CEEFEA;
	padding: 30px;
}
#corner_line #line_cnt li {
    width: 32%;
    height: auto;
    float: left;
    vertical-align: middle;
    margin-left: 2%;
}
#corner_line #line_cnt li img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
#corner_line #line_cnt li:nth-child(1){
    margin-left: 0;
}

#corner_line #app_cnt {
    border: 1px solid #657ebe;
}

#corner_line .bnr li{
    padding:10px 10px 0 10px;
}
#corner_line #contents_info .box_2 {
    width: 100%!important;
}
#corner_line #contents_info .box_4 {
    width: 100%;
}

#corner_line #contents_info #present dt img {
    width: 100%;
    height: 100%;
}
#corner_line #contents_info #present p {
    margin-top:15px;
}
#corner_line #contents_info article dd {
    text-align: left;
}
.right {
    padding-left: 0;
}
#corner_line .absolute {
    height: 45px!important;
    top: 0;
}
#corner_line {
    max-width: 640px;
}
#corner_line .right {
    float: left;
}

.line_official {
    padding:10px 15px;
}

/*news*/
#container-news {
	background-color: #F5CDC8;
	padding: 30px;
}
.fb-container {
    text-align: center;
	width: 100%;
    margin: 30px auto 0;
    height: 640px;
}

/*other_corner*/
#other_corner{
	padding: 30px;
}
#other_corner #cnt_01 img {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}
#other_corner #contents_info a {
    font-size: 1.0em;
    color: #e72d30;
    font-weight: bold;
}
#other_corner #contents_info img {
    margin: 0;
    padding: 0;
    line-height: 0;
}
#other_corner #contents_info h3 img {
    width: auto;
}
#other_corner #contents_info h4 {
	margin-top: 30px;
}

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

#other_corner #cnt_01 {
    width: 100%;
}
#other_corner .box_2 {
    width: 100%;
}
#other_corner .box_4 {
    width: 100%;
}
#other_corner .left {
    float: left;
    padding-right: 0;
}
#other_corner .right {
    float: right;
    padding-left: 0;
}
#other_corner #contents_info .box_2 {
    width: 100%!important;
}
#other_corner #contents_info .box_4 {
    width: 100%;
}

#other_corner #contents_info article dl {
	background-color: #FFF;
	margin-top: 30px;
}
#other_corner #contents_info article dt {
    width: 20%;
	margin: 3%;
	float: left;

}
#other_corner #contents_info article dd {
    width: 68%;
    text-align: left;
	margin: 3%;
	float: left;
}
#other_corner #contents_info article dd ul li:nth-child(2){
    margin-top: 10px;
    font-size: 80%;
}

#other_corner .tag{
    font-size: 60%;
    font-weight: bold;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    float: right;
    margin-left: 5px;
}
#other_corner .tag.ios{
    background-color: #00B0F0;
}
#other_corner .tag.and{
    background-color: #70AD47;
}

#cnt_02 h4 {
    font-size: 1.3em;
}
#cnt_01, #cnt_02 ul {
    margin: 0 10px 10px;
}
#cnt_02 .center {
    color: #fc0c30;
    text-align: center;
    margin-bottom: 10px;
}

#cnt_01 li, #cnt_02 li {
    width: 50%;
}

#other_corner {
    max-width: 640px;
}

#animation-area{
	background-color: #E6E6E6;
	padding: 30px;
}
#animation-area .bnr li{
	margin-top: 30px;
}

#animation-area h4 {
	margin-top: 30px;
}

.global-link-container{
	background-color: unset;
}
.global-link-container .link-area li a:visited{
    color:#000;
}

#global-footer img{
	margin-bottom: 30px;
}