@charset "UTF-8";
/* CSS Document */
html {
font-size:62.5%;/*10px*/
color:#2d2162;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
body{
background: url(../img/contents/repeatBG.png),linear-gradient(#dfffff, #52c2ea);
font-size:1.6rem;
line-height:2rem;
color:#3a3441;
}
ul, li {
list-style-type:none;
}
h1, h2, h3, p, div, ul, ol, dl, li {
margin:0;
padding:0;
}
/*差替*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

img{
max-width:100%;
}
a{
cursor: pointer;
}
a:link{
color:#ff9f00;
text-decoration:none;
font-weight:bold;
}
a:visited{
color:#ff9f00;
}
a:hover{
background:#ff9f00;
color:#fff;
}
a:active{
background:#12a8a5;
color:#fff;
}
h1{
height:0;
color:#fff;
text-indent:-9999px;
}
footer a:hover{
background:none;
color:none;
}
#contentsALL{
clear:both;
}
#contentsALL .conbox:nth-child(even){
background:none; 
}
#contentsALL .conbox:nth-child(odd){
background:url(../img/contents/BG.png);	
}
#contentsALL p.link a{
display: block;
width:96%;
padding:16px 0 ;
margin:20px auto;
background: linear-gradient(#18288b,#00ace7,#18288b);
border-radius: 60px;
text-align: center;
border:6px solid #18288b;
color:#fff;
font-size:20px;
box-sizing:border-box;
}
#contentsALL p.link a:hover{
background: linear-gradient(#00ace7,#18288b,#00ace7);
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
/****main************/
body{	
}
.conbox {
width:100%;
margin:0 auto;
padding:20px 0;
clear:both;
}
img {
max-width:100%;
}
.spNo{
display:none;
}
.innerBox{
clear:both;
margin-bottom:30px;
}
/****header****/
header{
background:#2d2162;
}
header .conbox {
padding:10px 0;
}
header ul{
width:60%;
margin:0 auto;
padding:0 ;
display: flex;
flex-wrap: wrap;
}
header ul li {
margin:0 auto ;
float:left;
width:30%;
}
header ul li a{
display:block;
background:#ff9f00;
padding:5px 10px;
border-radius:20px;
opacity:0.6;
}
header ul li a:hover{
background:#12a8a5;
text-decoration:none;
opacity:1.0;
}
header ul li a:active{
background:#0070ef;
}
header ul li img{
width:100%;
magin:0 auto;
text-align:center;
vertical-align: middle;
}
header ul li.now a{
background:#0070ef;
opacity:1.0;
}
/****footer****/
footer{
width:100%;
position:relative;
color:#fff;
text-align:center;
font-size:1.2rem;
clear: both;
background:#2d2162;
}
footer .conbox{
width:100%;
padding:0;
}
footer .conbox .innerBox{
width:100%;
margin:0 auto;
position:relative;
display:inline-block;
padding:0;
}
footer .platform li img {
height:36px;
}
footer .platform {
width:100%;
margin:20px auto;
padding:0;
display: flex;
flex-wrap: wrap;
}
footer .platform li {
margin:0 auto;
float:left;
text-align:center
}
footer .notice  {
width:90%;
margin:0 auto 30px;
text-align:center;
}
footer .notice img {
height:15px;
}
footer .link{
border-top:1px solid #fff;
padding-top:20px;
}
footer .link img{
width:240px;
}
footer .copyright{
padding:10px 0 120px;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
body{	
}
.pcNo{
display: none;
}
#wrapper{
width:100%;
margin:0 auto;
position: relative;
}
.conbox {
width:100%;
margin:0 auto;
padding:10px 0;
clear:both;
}
.innerBox{
width:960px;
clear:both;
padding:30px 0;
margin:0 auto 30px;
text-align: center;
}
/****header****/
header{
background:#2d2162;
}
header .conbox {
/*width:540px;*/
padding:10px 0;
}
header ul{
width:360px;
margin:0 auto;
padding:0 ;
display: flex;
flex-wrap: wrap;
}
header ul li {
margin:0 auto ;
float:left;
width:108px;
text-align:center;
}
header ul li a{
display:block;
background:#ff9f00;
padding:10px;
border-radius:20px;
opacity:0.6;
}
header ul li a:hover{
background:#12a8a5;
text-decoration:none;
opacity:1.0;
}
header ul li a:active{
background:#f86cc9;
}
header ul li img{
width:90%;
magin:0 auto;
vertical-align: middle;
}
header ul li.now a{
background:#0070ef;
opacity:1.0;
}
/***footer****/
footer{
width:100%;
position:relative;
color:#fff;
text-align:center;
font-size:15px;
clear: both;
background:#2d2162;
line-height: 150%;
}
footer .conbox{
width:100%;
padding:0;
}
footer .conbox .innerBox{
width:100%;
margin:0 auto;
position:relative;
display:inline-block;
padding:0;
}
footer .platform li img {
height:40px;
margin-bottom:10px;
}
footer .platform {
width:1080px;
margin:40px auto 20px;
padding:0;
display: flex;
flex-wrap: wrap;
}
footer .platform li {
margin:0 auto;
float:left;
text-align:center;
}
footer .notice  {
width:1080px;
margin:0 auto 30px;
text-align:center;
}
footer .notice img {
height:15px;
}
footer .link{
border-top:1px solid #fff;
padding-top:20px;
}
footer .link img{
width:240px;
}
footer .copyright{
padding:10px 0 120px;
}
}