@charset "UTF-8";
#content img {
	max-width: 100%;
	height: auto;
}

#content {
	margin: 0 auto;
	max-width: 860px;
	background: #fff;
}

.title-area {
	text-align: center;
	padding: 25px 0 10px;
}


/*------------------------------
section01
--------------------------------*/

.section01 p {
	font-size: 148%;
	font-weight: bold;
	color: #04447c;
	padding: 2% 2% 1%;
	text-align: center;
}

.section01 p span {
	color: #c9151e;
}

.section01 p.caption {
	font-size: 90%;
	color: #717171;
	font-weight: normal;
	padding: 0 3% 2%;
}


/*------------------------------
section02
--------------------------------*/

section {
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_line.png) repeat-x bottom;
	padding-bottom: 4%;
}

.section02 .contents {
	max-width: 800px;
	margin: 3%;
	font-size: 150%;
	border-top: 7px #04447c solid;
	border-left: 2px #04447c solid;
	border-right: 2px #04447c solid;
	border-bottom: 7px #04447c solid;
}

.section02 .overview01 {
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_line.png) repeat-x top, url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_bg01.png) repeat;
	max-width: 800px;
	margin: 3%;
	font-size: 150%;
	border-top: 7px #04447c solid;
	border-left: 2px #04447c solid;
	border-right: 2px #04447c solid;
	border-bottom: 7px #04447c solid;
	padding: 0 3% 1.8%;
}

.section02 .overview01 h3 {
	font-size: 100%;
	font-weight: bold;
	color: #c9151e;
	width: 34%;
	float: left;
}

.section02 .overview01 .block {
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_line02.png) repeat-x bottom;
	padding: 0.7% 0;
}

.section02 .overview01 .firstchild {
	padding-top: 3%;
}

.section02 .overview01 p {
	width: 66%;
	float: left;
}

.section02 .overview01 p span {
	font-size: 60%;
	color: #717171;
	position: relative;
	top: -8px;
}

.section02 h2 {
	background: #04447c;
	padding: 0.5% 2% 0.5%;
	border-bottom: 4px solid #c9151e;
	color: #fff;
	font-weight: bold;
	font-size: 160%;
	text-align: center;
}

.section02 .overview02 .block01,
.section02 .overview02 .block02 {
	padding: 0 3% 1.8%;
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_bg01.png) repeat;
	background-attachment: fixed;
}

.section02 .overview02 .block01 {
	padding-top: 1.5%;
}

.section02 .overview02 .block01 p {
	color: #c9151e;
	font-weight: bold;
}

.section02 .overview02 .block01 p.caption {
	font-size: 60%;
	color: #717171;
	font-weight: normal;
	padding: 0 0 2%;
	;
}

.section02 .overview02 .block01 ul {
	text-align: center;
	margin-bottom: 0.7%;
}

.section02 .overview02 h3 {
	background: #04447c;
	color: #fff;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	padding: 0.7% 0 0.6%;
}

.section02 .overview02 p.caption {
	font-size: 60%;
	color: #717171;
	font-weight: normal;
	padding: 4px 0 0 2%;
}

.section02 .overview02 .stepbox p {
	font-size: 90%;
	margin: 2% 8%;
}

#content .btnArea {
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.section02 .overview02 .stepbox p.whatdaka {
	text-align: right;
	font-size: 70%;
	margin: 2% 1% 0;
	font-weight: bold;
}

.section03 h2 {
	text-align: center;
	margin: 0 auto;
}

.section03 h2 img {
	border-bottom: 4px solid #04447c;
	padding: 0 0 6px;
	margin-top: 2%;
}

.section03 h2 span {
	font-size: 150%;
	font-weight: bold;
	color: #c9151e;
}

.section03 dl {
	max-width: 750px;
	margin: 2% auto;
	border: 2px solid #04447c;
}

.section03 .faq dt a{
	display: inherit;
	font-size: 170%;
	color: #fff;
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_icon01.png) no-repeat, #04447c;
	background-position: 96% 50%, center;
	border-bottom: 3px solid #c9151e;
	padding: 1% 6.5% 1% 3%;
	background-attachment: scroll, fixed;
	text-decoration: none;
}
.section03 .faq dt a:hover{
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_icon01.png) no-repeat, #005eb1;
	background-position: 96% 50%, center;
}

.section03 .faq dd {
	display: none;
	font-size: 130%;
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_bg01.png);
	padding: 2% 6%;
}

.section04 div {
	margin: 0 auto;
	max-width: 750px;
	padding: 0 2%;
}

.section04 h2 {
	color: #04447c;
	font-weight: bold;
	font-size: 165%;
	margin-top: 4%;
}

.section04 ul li a{
	color: #04447c;
	font-size: 126%;
	line-height: 2em;
	margin: 0 2% 10px;
	padding: 0.7% 3%;
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_icon05.png) no-repeat, #e5ecf2;
	background-position: 97%, center;
	display: block;
}
.section04 ul li a:hover{
	background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_icon05.png) no-repeat, #c7dbeb;
	background-position: 97%, center;
	text-decoration: none;
}
.section04 p {
	padding: 0 3%;
	line-height: 1.5em;
}

.section04 .btnArea {
	margin: 5% auto;
}

.section05 {
	max-width: 780px;
	margin: 0 auto;
	padding: 0 4%;
}

.section05 h2 {
	text-align: center;
	font-weight: bold;
	color: #04447c;
	font-size: 170%;
	margin: 2.4%
}

.section05 .terms {
	margin-top: 4%;
}

.section05 .terms h3 {
	font-weight: bold;
	color: #04447c;
	font-size: 130%;
	margin-bottom: 1.4%;
}

.section05 .terms h4 {
	font-weight: bold;
	margin-bottom: 0.7%;
}

.section05 .terms p {
	margin: 0 auto;
	max-width: 700px;
}

.section05 .terms div {
	margin-bottom: 4%;
}

#content .copyright {
	text-align: center;
	padding: 3% 2% 5%;
	color: #717171;
}

.section02 .contents .block:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

	.section02 .overview02 .block01 ul li {
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_icon01.png) no-repeat, #c9151e;
		background-position: 95%, center;
		background-size: 7%;
		display: inline-block;
		width: 40%;
		font-size: 100%;
		font-weight: bold;
		margin: 2%;

	}
/*------------------------------
SP
--------------------------------*/

@media all and (max-width: 640px) {
	.section03 .faq dt {
		background-size: 5%;
	}

	.section02 .overview02 .terms {
		margin: 0 0 0 auto;
		max-width: 150px;
		padding: 0 0 4px 20px;
		margin-top: 1%;
		font-size: 80%;
		font-weight: bold;
		color: #04447c;
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_icon03.png) no-repeat 0 0.1em;
	}
	.section02 .overview02 h4 {
		font-size: 85%;
		font-weight: bold;
		color: #c9151e;
		padding: 2% 0 15px 9%;
		margin-top: 3%;
	}
	.section02 .overview02 h4.step01 {
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_step01_bg.png) no-repeat;
		background-size: contain;
		background-position: center 26%;
	}
	.section02 .overview02 h4.step02 {
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_step02_bg.png) no-repeat;
		background-position: 96%;
		background-size: contain;
		background-position: center 26%;
	}
	.section02 .overview02 h4.step03 {
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_step03_bg.png) no-repeat;
		background-size: contain;
		background-position: center;
		background-position: center 26%;
	}
	.section02 .overview02 ul.step {
		text-align: center;
		margin-top: 10px;
	}
	.section02 .overview02 ul.step li.point img {
		transform: rotate( 180deg);
		-ms-transform: rotate( 90deg);
		-moz-transform: rotate( 180deg);
		-webkit-transform: rotate( 90deg);
		-o-transform: rotate( 180deg);
		margin-top: 20px;
	}
	.section02 .overview02 .block02 p.caption {
		text-align: center;
	}
}


/*------------------------------
PC
--------------------------------*/

@media all and (min-width: 641px) {
	.section02 .overview02 ul.step {
		float: left;
 position: relative;
 left: 50%;
		margin-top: 2%;
	}
	.section02 .overview02 ul.step li {
		position: relative;
 left: -50%;
 display: table-cell;
 vertical-align: middle;
 float: left;
	}
	.section02 .overview02 ul.step li.point {
		position: relative;
		top: 3em;
		width: 3%;
		margin-left: 10px;
	}
	.section02 .overview02 ul.step li.step {
		width: 30%;
	}
	.section02 .overview02 h4 {
		font-size: 117%;
		font-weight: bold;
		color: #c9151e;
		padding: 2% 0 15px 9%;
		margin-top: 3%;
	}
	.section02 .overview02 h4.step01 {
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_step01_bg.png) no-repeat;
		background-size: contain;
	}
	.section02 .overview02 h4.step02 {
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_step02_bg.png) no-repeat;
		background-size: contain;
	}
	.section02 .overview02 h4.step03 {
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_step03_bg.png) no-repeat;
		background-size: contain;
	}

	.section02 .overview02 .terms {
		margin-left: auto;
		margin-right: 0;
		max-width: 190px;
		padding-left: 20px;
		font-size: 85%;
		font-weight: bold;
		color: #04447c;
		background: url(https://cs1.animestore.docomo.ne.jp/anime_kv/html/CF/img/pristo_danime_icon03.png) no-repeat 0 0.1em;
	}
	
}


/*------------------------------
PC
--------------------------------*/

.section02 .overview02 .block01 li a:link { 
	color: #fff; 
	display: block;
	padding: 3%;
}
.section02 .overview02 .block01 a:visited { color: #fff; }
.section02 .overview02 .block01 a:hover { text-decoration: none; background: rgba(255, 255, 255, 0.26);}

.section05 a:link{
	font-weight: bold;
	color: #04447c;
	text-decoration: underline;
}
.section05 a:hover{
	
	color: #007fef;
	text-decoration: underline;
}