@charset "utf-8";

/*-------------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
}
html {
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}
a {
  color: #06f;
}
a:hover, a:focus {
  text-decoration: none;
}
body {
	font-family: -apple-system,BlinkMacSystemFont,"游ゴシック Medium",Yu Gothic Medium,"游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN",Hiragino Kaku Gothic ProN,"メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-touch-callout: none;
	word-break: break-all;
	line-height: 1.5;
	text-align: center;
	color: #666;
	background: #fffbfe url(../img/bg.png);
}
/* ie6,ie7,ie8 fix */
#ie6 body, #ie7 body, #ie8 body {
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  line-height: 1.1;
  font-weight: normal;
}
small {
  font-size: 100%;
}
em {
  font-style: normal;
}
table, th, td {
  border: none;
  font-size: 100%;
  line-height: 1.2;
  text-align: left;
  font-weight: normal;
  color: #6d6b6c;
}
input[type=text], textarea, select {
  font-family: -apple-system,BlinkMacSystemFont,"游ゴシック Medium",Yu Gothic Medium,"游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN",Hiragino Kaku Gothic ProN,"メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  font-size: 100%;
  padding: 5px 0;
}
input[type=submit],
input[type=button] {
  padding: 0;
  cursor: pointer;
}
option {
  padding: 0 3px;
}
img {
  border: none;
  vertical-align: bottom;
}


/* =wrapper
----------------------------------------------- */
#wrapper {
	margin: 20px auto;
	text-align: left;
 	border-top: 5px solid #fb7b97;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#container {
  clear: both;
  padding-bottom: 20px;
}

@media screen and (min-width:800px) {
  #wrapper {
    max-width: 1200px;
  }
}

/* =header
----------------------------------------------- */
#header h1 {
  width: 100%;
  height: 365px; height: 48vw;
}

#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../img/top.png) 0 0 no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	background-size: contain;
}

#header .wrap {
  margin: 2px 0.5% 0 0;
  text-align: center;
}

@media screen and (min-width:800px) {
  #header h1 {
    float: left;
    width: 75%;
    height: 365px; height: 35.5vw;
    max-height: 435px;
    margin-bottom: 1px;
  }
  #header .wrap {
    float: right;
    width: 24%;
  }
}

/* =navigation
----------------------------------------------- */
#navigation {
	border-top: 1px solid #ccc;
}
#navigation li {
	display: block;
	text-align: center;
	font-size: 81.81%;
	border-bottom: 1px solid #ccc;
}

#navigation li a {
	display: block;
	width: 100%;
	padding: 15px 0;
	color: #555555;
	background: url(../img/icon.png) 3% no-repeat;
} 

#navigation li:focus,
#navigation li:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

/* =downloadBtn
----------------------------------------------- */
.downloadBtn {
  margin-top: 15px;
  margin-bottom: 15px;
}

.downloadBtn li {
  list-style: none;
}

.downloadBtn img {
  width: 85%;
  max-width: 300px;
  margin: 0 auto;
}

.downloadBtn a:focus,
.downloadBtn a:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

/* =footer
----------------------------------------------- */
#footer {
	clear: both;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 81.81%;
	color: #fff;
	background-color: #fb7b97;
}

/* =contents
----------------------------------------------- */
/* common */
.cap {
	width: 100%;
	padding: 10px 0;
	margin-bottom: 20px;
	color: #fff;
	background-color: #fb7b97;
	
}
.cap span {
	display: block;
	text-align: center;
	font-size: 125%;
	color: #fff;
}

.atContent {
	padding: 0 15px;
}
.atContent .lead {
  margin: 10px 0;
}
@media screen and (min-width:800px) {
  .atContent {
    padding: 0 30px;
  }
}

/* appImg */
.appImg {
  margin: 20px 0;
  text-align: center;
}
.appImg img {
  display: block;
  width: 80%;
  margin: 0 auto 5px;
}
@media screen and (min-width:500px) {
  .appImg img {
    display: inline-block;
    width: 33%;
  }
}

/* summaryCt */
.section {
	font-size: 90.90%;
	line-height: 1.5;
}
.section h3 {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #fb7b97;
	border: 1px solid #fb7b97;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.section p {
  padding: 10px 0;
}

@media screen and (min-width:800px) {
  .section {
    float: left;
    width: 49%;
    min-height: 180px;
    margin-right: 0.5%;
    margin-bottom: 10px;
  }
  .section:nth-child(even) {
    float: right;
    margin-right: 0;
  }
  .point5-, .point6 {
    clear: both;
    width: 99.5%;
    min-height: 0;
  }
  .section p {
    padding: 20px;
  }
}

/* etc contents */
#privacyCt .atContent,
#tokushoCt .atContent,
#agreeCt .atContent {
  font-size: 90.90%;
}
#contents dt {
	padding-top: 15px;
	padding-bottom: 5px;
	color: #555;
	border-top: 1px dotted #999;
	font-weight: bold;
}
#contents dt:first-child { border: none; }
#contents dd {
  margin-bottom: 15px;
}

/* agreeCt */
#agreeCt ol {
  margin-left: 2em;
}
#agreeCt ul {
  margin-top: 5px;
  margin-left: 1.5em;
}
#agreeCt ol ul {
  margin-top: 5px;
  margin-bottom: 10px;
}

/* privacyCt */
#privacyCt ul {
  margin-top: 5px;
  margin-left: 1.5em;
}

/*---------------------
   clearfix
---------------------*/
#summaryCt .atContent:after,
#header:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

#summaryCt .atContent,
#header,
.clearfix {
  zoom: 1;
}