@charset "UTF-8";
/* CSS Document */

.clearfix:after {
content:"";
clear:both;
display:block;
}

body {
background:#00a7eb;
margin:0;
padding:0;
}

img {vertical-align:bottom;}

/*==================================================
For Smartphone
==================================================*/

@media all and (max-width:640px) {

#body {display:none;}

#header {
background:#232323;
width:100%;
}

#header:after {
content:"";
display:block;
clear:both;
height:0;
}

#header {display:inline-block;}
#header {display:block;}

#header h1 {
float:none;
margin:0 auto;
}

#navi {display:none;}

#footer {display:none;}

#app_title {
margin:0;
width:100%;
}

#app_title .icon {
text-align:center;
margin:1em 0 0;
}

#app_title .icon img {width:60px;}

#app #pagetitle {
color:#fff;
font-family:'Shin Go DeBold', sans-serif;
font-size:3em;
line-height:1.3em;
text-align:center;
padding:20px 0;
}

#app_title_detail h2 span {
display:block;
}

#app_title_detail .download {display:none;}

#app_title_image {
text-align:center;
padding:0;
}

#app_title_image img {width:25%;}

#app_detail_content {
background:#ffffff;
padding:1em 2em;
}

#app_detail_content p {margin:0 0 1em;}

#app_detail img {width:100%;}

#dl_sp a {
display:inline-block;
margin:1em 0 2em;
padding:1em 2em;
border-radius:2em;
font-family:'Shin Go DeBold', sans-serif;
font-size:15px;
font-weight:500;
}

#dl_sp a:link {
background:#232323;
color:#ffffff;
}

#dl_sp a:visited {
background:#3f3a39;
color:#ddd;
}

#dl_sp a:hover {
background:#575454;
color:#00b5ff;
}


#present {
margin:0;
padding:0;
}

#present h3 {
border-top:2px #00a7ea solid;
border-bottom:2px #00a7ea solid;
color:#00a7ea;
font-family:'Shin Go Bold', sans-serif;
font-size:2em;
line-height:1.6em;
text-align:center;
margin:0.3em 0 0;
}

#present h3 strong {
font-size:1.5em;
line-height:1.2em;
}

#present h3 strong .letter-spacing {letter-spacing:-0.2em;}

#present h3 .letter-spacing2 {letter-spacing:-0.3em;}

#present .subtitle {
color:#000;
font-family:'Shin Go Medium', sans-serif;
font-size:1.2em;
text-align:center;
margin:0;
}

#present .line-m {display:block;}

#present .item {
border-top:1px #ccc solid;
border-bottom:0;
margin:1em 0 0;
padding:1em 0 0;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.2em;
text-align:center;
}

#present .item:first-child {border:0;}

#present .item .line {display:block;}

#present .item .number {
display:block;
font-family:'Shin Go Regular', sans-serif;
}

#present .item p {margin:0;}

#present .item img {width:80%;}

#present .item .detail {margin:0.5em 0 0;}

#moushikomi {margin:2em 0 0;}

#moushikomi h4 {
background:#00a7ea;
border-radius:0.5em;
color:#fff;
padding:0.3em;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.5em;
text-align:center;
}

#moushikomi .step {
border:1px #00a7ea solid;
margin:1em 0 0;
padding:1em;
text-align:center;
}

#moushikomi .step h5 {
color:#00a7ea;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.5em;
text-align:center;
}

#moushikomi .step .number {
background:#00a7ea;
border-radius:2em;
color:#fff;
display:inline-block;
margin:0 auto;
padding:0.3em 1em;
font-family:'Shin Go DeBold', sans-serif;
font-size:1em;
text-align:center;
}

#moushikomi .step .detail {
text-align:justify;
}

#oubo_kikan {
margin:2em 0 0;
}

#oubo_kikan h4 {
background:#00a7ea;
border-radius:0.5em;
color:#fff;
padding:0.3em;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.5em;
text-align:center;
}

#oubo_kikan h5 {
color:#000;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.3em;
text-align:center;
margin:1em 0 0;
}

#oubo_kikan h5 strong {font-size:1.5em;}

#oubo_kikan h5 .letter-spacing {letter-spacing:-0.4em;}

#oubo_kikan h5 .letter-spacing2 {letter-spacing:-0.1em;}

#oubo_kikan .note li {
list-style:disc;
line-height:1.5em;
margin:0.7em 0 0 2em;
}

}

/*==================================================
For PC
==================================================*/

@media all and (min-width:641px) {

#app_title {
margin:0 auto;
padding:120px 0 0;
width:960px;
}

#app_title:after {
content:"";
display:block;
clear:both;
height:0;
}

#app_title {display:inline-block;}
#app_title {display:block;}

#app_title .icon {text-align:center;}

#app_title .icon img {width:100px;}

#app_title_detail {
float:left;
width:650px;
padding:2em 0 0;
}

#app #pagetitle {
color:#fff;
font-family:'Shin Go DeBold', sans-serif;
font-size:4em;
text-align:center;
line-height:1.3em;
padding:20px 0;
}

#app_title_detail h2 .line {display:block;}

#app_title_detail h2 img {width:550px;}

#app_title_detail .download ul {
text-align:center;
padding-left:160px;
}

#app_title_detail .download ul:after {
content:"";
display:block;
clear:both;
height:0;
}

#app_title_detail .download ul {display:inline-block;}
#app_title_detail .download ul {display:block;}

#app_title_detail .download li {
float:left;
display:block;
}

.dl_astore a {
display:block;
margin:0 1em 0 0;
}

.dl_astore img {height:50px;}

.dl_gplay img {height:50px;}

#app_title_detail .download .dl_title {
color:#ffffff;
font-size:2em;
font-family:'Shin Go DeBold', sans-serif;
text-align:center;
padding:0 0 1em;
}

#app_title_image {
float:right;
width:310px;
}

#app_title_image img {width:256px;}

#app_title_image #dl_sp {display:none;}

#app_detail {
text-align:center;
margin:0 auto;
width:960px;
}

#app_detail_content {
padding:50px;
background:#ffffff;
margin:50px auto 50px;
}

#present h3 {
border-top:2px #00a7ea solid;
border-bottom:2px #00a7ea solid;
padding:0.5em;
color:#00a7ea;
font-family:'Shin Go Bold', sans-serif;
font-size:3em;
text-align:center;
}

#present h3 strong {
font-size:1.5em;
line-height:1.2em;
}

#present h3 strong .letter-spacing {letter-spacing:-0.2em;}

#present h3 .letter-spacing2 {letter-spacing:-0.3em;}

#present h3 .letter-spacing3 {letter-spacing:1em;}

#present .line {display:block;}

#present .subtitle {
color:#000;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.5em;
margin:0 0 0.5em;
text-align:center;
}

.present_list {
margin:2em 0 0;
}

#present .item {
border:0;
font-family:'Shin Go DeBold', sans-serif;
float:left;
text-align:center;
margin:0;
padding:0;
width:33.33%;
}

#present .item img {width:100%;}

#present .item .number {
display:block;
font-family:'Shin Go Regular', sans-serif;
}

#app_detail_content p {
margin:0 0 1em;
}

#app_detail img {width:780px;}

#moushikomi h4 {
background:#00a7ea;
border-radius:0.5em;
color:#fff;
padding:0.3em;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.5em;
text-align:center;
}

#moushikomi .step {
border:1px #00a7ea solid;
margin:1em 0 0;
padding:1em;
}


#oubo_kikan h4 {
background:#00a7ea;
border-radius:0.5em;
color:#fff;
margin:2em 0 0;
padding:0.3em;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.5em;
text-align:center;
}

#moushikomi .step {
border:1px #00a7ea solid;
margin:1em 0 0;
padding:1em;
text-align:left;
}

#moushikomi .step h5 {
color:#00a7ea;
display:inline-block;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.5em;
text-align:left;
vertical-align:-0.2em;
}

#moushikomi .step .number {
background:#00a7ea;
border-radius:2em;
color:#fff;
display:inline-block;
margin:0 auto;
padding:0.2em 1em;
font-family:'Shin Go DeBold', sans-serif;
font-size:1em;
text-align:center;
}

#moushikomi .step .detail {
margin:0.5em 0 0;
}

#oubo_kikan h5 {
color:#000;
font-family:'Shin Go DeBold', sans-serif;
font-size:1.3em;
text-align:left;
margin:1em 0 0;
}

#oubo_kikan h5 strong {font-size:1.5em;}

#oubo_kikan h5 .letter-spacing {letter-spacing:-0.4em;}

#oubo_kikan h5 .letter-spacing2 {letter-spacing:-0.1em;}

#oubo_kikan .note li {
text-align:left;
list-style:disc;
line-height:1.5em;
margin:0.3em 0 0 1.5em;
}

}