#wrapper{
	width:100%;
	margin:0;
	border:0;
	padding:0;
}

/* 回り込み解除系 */
.cl:after {
	display: block;
	clear:both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0.1em;
}
.cl {
	display: inline-block;
}
/* Hides from Mac-IE \*/
* html .cl {
	height: 1%;
}
.cl {
	display: block;
}
/* End hide from Mac-IE */

#geoAppWrapper{
	width:994px;
	margin:0 auto;
}

#topImage{
	text-align: center;
}

#topImage h1,
#topImage strong{
	display:none;
}

#topImage.bgNone{
	background: none;
}

.-col2 .dlBtn_area,
#topDlBtn,
#btmDlBtn{
	background: #4572fb;
	width:994px;
	margin:0 auto;
	padding: 20px 0 15px;
	text-align: center;
}

.-col2 .dlBtn_area ul,
#topDlBtn ul,
#btmDlBtn ul{
	width: 430px;
	margin: 10px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#topDlBtn ul li:first-of-type,
#btmDlBtn ul li:first-of-type{
	width: 216px;
}
#topDlBtn ul li:last-of-type,
#btmDlBtn ul li:last-of-type{
	width: 202px;
}
#topDlBtn li a,
#btmDlBtn li a{
	display: block;
}
#topDlBtn li img,
#btmDlBtn li img{
	vertical-align: bottom;
}

.-col2 .dlBtn_area.-bottom {
	margin-top: 40px;
}

.-col2 .dlBtn_area p {
	font-size: 24px;
	text-align: center;
	line-height: 1;
	color: #fff;
	margin-bottom: 16px;
}

.-col2 .dlBtn_area p::after {
	content: '';
	width: 16px;
	height: 16px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: inline-block;
	position: relative;
    top: -0.2em;
    left: 0.5em;
	transform: rotateZ(45deg);
}

.-col2 .dlBtn_area ul {
	width: 405px;
}

.-col2 .scroll_area {
	width: 100%;
	margin-top: 35px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.-col2 .scroll_area a {
	width: 49%;
	text-decoration: none;
	line-height: 1;
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.-col2 .scroll_area a div {
	display: flex;
	align-items: center;
}

.-col2 .scroll_area a p {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

.-col2 .scroll_area a .triangle {
	content: '';
	width: 12px;
	height: 12px;
	border-right: 2px solid #192B5B;
	border-bottom: 2px solid #192B5B;
	display: inline-block;
	position: relative;
    top: -18%;
	right: 3px;
	transform: rotateZ(45deg);
}

.-col2 span.point_label {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
	margin-right: 12px;
	padding: 0 .3em;
	background-color: #4572fb;
	display: inline-block;
}

.-col2 h2.title {
	font-size: 36px;
	text-align: center;
	line-height: 1;
	color: #fff;
	margin: 60px 0 40px;
	padding: 18px 0;
	background-color: #192B5B;
}

#title01{
	width:994px;
	height:94px;
	margin:30px auto 0;
	background:url("/appVer2/pc/img/title01.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#title05{
	width:994px;
	height:80px;
	margin:50px auto 20px;
	background:url("/appVer2/pc/img/title05.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

.bgNone #title01,
.bgNone #title05{
	text-indent: 0;
	background: none;
}

#functionTitleUnder{
	margin:3px 10px 10px 0;
	font-size:12px;
	line-height:18px;
	text-align:right;
}

.functionText{
	font-size:16px;
	line-height:32px;
}

#function01,
#function02{
	margin-bottom:30px;
	border-bottom:2px solid #000;
	padding-bottom:30px;
}
#function03{
	margin-bottom:50px;
	border-bottom:2px solid #000;
	padding:50px 0;
}

#function01 .textBox{
	float:right;
	width:517px;
	margin-top:120px;
}

#function01 .textBox h3{
	width:480px;
	height:120px;
	background:url("/appVer2/pc/img/function_title01.png?v=2") no-repeat;
	margin-left: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#function01 .textBox .functionText{
	margin:15px 30px 30px 135px;
}
#function01 .imageBox{
	width:477px;
	float:left;
}

#function02 .textBox{
	float:left;
	width:564px;
	margin-top: 125px;
}

#function02 .textBox h3{
	width:525px;
	height:115px;
	background:url("/appVer2/pc/img/function_title02.png?v=2") no-repeat;
	margin-left: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#function02 .textBox .functionText{
	margin:15px 30px 30px 118px;
}

#function02 .imageBox{
	float:right;
	width:430px;
}

#function03 .textBox{
	float:right;
	width:637px;
	margin-top: 60px;
}

#function03 .textBox h3{
	width: 540px;
    height: 155px;
	background:url("/appVer2/pc/img/function_title03.png?v=2") no-repeat;
	margin-left: 80px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#function03 .textBox .functionText{
	margin:15px 30px 30px 182px;
}

#function03 .imageBox{
	width:357px;
	float:left;
	text-align: right;
}

.bgNone #function01 .textBox h3,
.bgNone #function02 .textBox h3,
.bgNone #function03 .textBox h3{
	text-indent: 0;
	height: auto;
	background: none;
}

.functionOther{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.functionOther > div{
	margin-right: 30px;
}

.functionOther > div:last-child{
	margin-right: 0;
}

#function04 > img,
#function05 > img,
#function06 > img{
	display: block;
	margin: 0 auto 20px;
}

#function04{
	width:331px;
}

#function04 h3{
	width:300px;
	margin-left: 20px;
}

#function04 .functionText{
	margin:10px 20px 0;
}

#function05{
	width:331px;
}

#function05 h3{
	width:300px;
}

#function05 .functionText{
	margin:10px 10px 0 10px;
}

#function06{
	width:331px;
}

#function06 h3{
	width:300px;
	margin-left: 25px;
}

#function06 .functionText{
	margin:10px 5px 0 25px;
}

.bgNone #function04 h3,
.bgNone #function05 h3,
.bgNone #function06 h3{
	text-indent: 0;
	height: auto;
	background: none;
}

.-col2 .functionBox {
	width: 100%;
	display: flex;
	align-items: center;
}

.-col2 .functionBox + .functionBox {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #ddd;
}

.-col2 .functionBox > div {
	width: 50%;
}

.-col2 .functionBox:nth-of-type(odd) .imageBox,
.-col2 .functionBox:nth-of-type(even) .textBox {
	order: 1;
}

.-col2 .functionBox:nth-of-type(odd) .textBox,
.-col2 .functionBox:nth-of-type(even) .imageBox {
	order: 2;
}

.-col2 .textBox {
	display: flex;
	align-items: flex-start;
}

.-col2 .textBox .icon {
	width: 70px;
	height: 70px;
	margin-right: 16px;
}

.-col2 .functionText {
	width: calc(100% - 86px);
}

.-col2 .functionText span.point_label {
	font-size: 20px;
	margin: 0;
}

.-col2 .functionText h3 {
	font-size: 32px;
    font-weight: bold;
	letter-spacing: -0.05em;
    line-height: 1.3;
	margin: 11px 0 20px;
}

.-col2 .functionText p {
	line-height: 1.6;
	width: 360px;
}

.-col2 .imageBox {
	text-align: center;
}

#title02{
	width:994px;
	height:80px;
	margin:50px auto 0;
	background:url("/appVer2/pc/img/title02.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#signupTitleUnderText{
    margin: 5px 0 20px;
    text-align: right;
}

#signup ol{
	margin: 38px auto 0;
	padding:0;
	list-style-type:none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#signup li{
	position: relative;
	width: 25%;
}
#signup li:after{
	position: absolute;
	content: "";
	background:url("/appVer2/pc/img/signup_arrow.png?v=2") no-repeat center center;
	width: 36px;
	height: 35px;
	top: -160px;
	bottom: 0;
	right: -11px;
	margin: auto 0;
}

.-col2 #signup li:after{
	right: -15px;
}

#signup ol li:last-of-type:after{
	display: none;
}

.-col2 #signup li .img_area {
	max-width: 233px;
	margin-top: 0;
	padding: 30px 15px 0;
	position: relative;
}

.-col2 #signup li .step_icon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.-col2 #signup li .signup_img {
	width: auto;
	height: 296px;
	margin: 0 auto;
	position: relative;
	display: block;
}

.-col2 #signup li p {
	font-size: 16px;
	font-weight: bold;
	margin: 38px 0 0;
	padding: 0 7px;
}

#signup li div{
	margin: 38px 0 0;
}

#geoAppWrapper:not(.-col2) #signup01 div{
	height:139px;
	background:url("/appVer2/pc/img/signup_text01.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#geoAppWrapper:not(.-col2) #signup02 div{
	height:139px;
	background:url("/appVer2/pc/img/signup_text02.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#geoAppWrapper:not(.-col2) #signup03 div{
	height:139px;
	background:url("/appVer2/pc/img/signup_text03.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#geoAppWrapper:not(.-col2) #signup04 div{
	height:139px;
	background:url("/appVer2/pc/img/signup_text04.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#title03{
	width:994px;
	height:80px;
	margin:30px auto;
	background:url("/appVer2/pc/img/title03.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#pontaImage{
	float:left;
	width:359px;
	text-align: right;
    padding-right: 35px;
}

.-col2 #pontaImage {
	text-align: center;
}

.-col2 #pontaImage p{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-top: 22px;
}

#pontaText{
	float:left;
	width:633px;
}

#geoAppWrapper:not(.-col2) #pontaText ul{
	width:633px;
	height:260px;
	background:url("/appVer2/pc/img/ponta_text.png?v=2") no-repeat left center;
	margin-top: 10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

.-col2 #pontaText ul{
	margin-bottom: 26px;
	padding-left: 58px;
}

.-col2 #pontaText ul li{
	font-size: 24px;
	font-weight: bold;
	list-style: disc;
}

.-col2 #pontaText > img {
	width: 450px;
    height: auto;
    margin: 0 auto;
    display: block;
}

.bgNone #pontaText .pontaTextList {
	margin: 24px 0;
}

#signupPontaBtn{
	display:block;
	width:493px;
	height:67px;
	margin-left:30px;
	background:url("/appVer2/pc/img/pontaBtn.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

.bgNone #signupPontaBtn{
	text-indent: 0;
	margin: 20px auto 0;
	background: none;
}

#title04{
	width:994px;
	height:80px;
	margin:30px auto 0;
	background:url("/appVer2/pc/img/title04.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}


.bgNone #title02,
.bgNone #title03,
.bgNone #title04{
	text-indent: 0;
	background: none;
}

#geoidText{
	margin:44px auto 62px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

#geoidFrameWrap{
	border:3px solid #4572fb;
	border-radius: 10px;
	position: relative;
	width:934px;
	margin:0 auto;
	padding: 0 30px;
}
#geoidFrameTop{
	position: absolute;
	margin:0;
	top: -18px;
	left: 20px;
	width: 222px;
	height: 33px;
}
#geoidFrameTitle{
	font-size: 20px;
	font-weight: bold;
	color: white;
	padding: 0 .4em;
	background-color: #4572fb;
	position: absolute;
	margin:0;
	top: -18px;
	left: 20px;
}
#geoidFrame{
	display:block;
	padding:0;
	list-style-type:none;
}

#geoidFrame li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#geoidFrame .cl{
	margin:0;
	padding:0;
	border-bottom:1px solid #4572fb;
}

#geoidFrame .cl.last{
	border-bottom:none;
}

#geoidFrame .cl > span,
#geoidFrame .cl > a{
	margin: 45px 0 45px 30px;
}

#geoAppIcon,
#secondStOnlineIcon,
#secondStAppIcon,
#tamepochiAppIcon,
#megryAppIcon,
#kuchikoAppIcon,
#geoMangaAppIcon,
#geoTVAppIcon,
#geoTakuhaiIcon{
	display:block;
	float:left;
	width:342px;
	height:96px;
	margin:0;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	background-repeat:no-repeat;
}

#geoAppIcon{
	background-image:url("/appVer2/pc/img/btn_geoapp.png?v=2");
}

#secondStOnlineIcon{
	background-image:url("/appVer2/pc/img/btn_2st_online.png?v=2");
}

#secondStAppIcon{
	background-image:url("/appVer2/pc/img/btn_2st_app.png?v=2");
}

#tamepochiAppIcon{
	background-image:url("/appVer2/pc/img/btn_tamepochi.png?v=2");
}

#megryAppIcon{
	background-image:url("/appVer2/pc/img/btn_megry.png?v=2");
}

#kuchikoAppIcon{
	background-image:url("/appVer2/pc/img/btn_kuchiko.png?v=2");
}

#geoMangaAppIcon{
	background-image:url("/appVer2/pc/img/btn_geomanga.png?v=2");
}

#geoTVAppIcon{
	background-image:url("/appVer2/pc/img/btn_geotv.png?v=2");
}

#geoTakuhaiIcon{
	background-image:url("/appVer2/pc/img/btn_takuhai.png?v=2");
}

.bgNone #geoAppIcon,
.bgNone #secondStOnlineIcon,
.bgNone #secondStAppIcon,
.bgNone #tamepochiAppIcon,
.bgNone #megryAppIcon,
.bgNone #kuchikoAppIcon,
.bgNone #geoMangaAppIcon,
.bgNone #geoTVAppIcon,
.bgNone #geoTakuhaiIcon{
	text-indent: 0;
	background: none;
}

.geoIdText{
	width: 450px;
	display:block;
	margin:45px 30px 40px 0;
	font-size:13px;
	line-height:22px;
	float: right;
}

#geoAppIcon.geoidIconArea,
#secondStOnlineIcon.geoidIconArea,
#secondStAppIcon.geoidIconArea,
#tamepochiAppIcon.geoidIconArea,
#megryAppIcon.geoidIconArea,
#kuchikoAppIcon.geoidIconArea,
#geoMangaAppIcon.geoidIconArea,
#geoTVAppIcon.geoidIconArea,
#geoTakuhaiIcon.geoidIconArea{
	text-decoration: none;
	color: #000;
	width: 323px;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	float:left;
	margin:0;
}

.geoidIconArea > img{
	width: auto;
	height: auto;
}

.geoidIconArea>div{
	width: 213px;
}

.geoidDevice{
	font-size: 11px;
	font-weight: bold;
	color: white;
	padding: 0 0.6em;
	background-color: black;
	display: inline-block;
}

.geoidAppname{
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 0.3em;
	display: block;
}

.geoidAppLink{
	font-size: 17px;
	font-weight: bold;
	color: #175482;
	position: relative;
	display: block;
}

.geoidAppLink.detailIcon {
	padding-left: 29px;
}

.geoidAppLink.detailIcon::before,
.geoidAppLink.detailIcon::after{
	position: absolute;
}

.geoidAppLink.detailIcon::before{
	content: "";
	width: 22px;
	height: 22px;
	background-color: #000;
	border-radius: 50%;
	top: 3px;
	left: 2px;
}

.geoidAppLink.detailIcon::after{
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid white;
	border-right: 2px solid white;
	transform: rotateZ(45deg);
	top: 9px;
	left: 6px;
}

#geoidFooterText{
	text-align:right;
}

#btmDlBtn{
	margin:30px auto;
}

#media{
	margin-bottom:30px;
	border:1px solid #b1b1b1;
}

#mediaTitle{
	width:992px;
	height:69px;
	margin:0;
	background:url("/appVer2/pc/img/media_title.png?v=2") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
}

#bnrBox{
	width:932px;
	margin:0 auto 15px;
}

#bnrBox th,
#bnrBox td{
	padding-bottom:15px;
	white-space: nowrap;
	vertical-align:middle;
	font-size:14px;
	line-height:1.5em;
	text-align:left;
}

#bnrBox a{
	color:#000;
	text-decoration:underline;
}

#otherTrackRecord{
	padding:20px 30px;
	font-size:14px;
	line-height:1.5em;
}