@charset "utf-8";
/* CSS Document */
html {
	font-size: 62.5%; 
	overflow: -moz-scrollbars-vertical;
	height: 100%;
}

body {
	word-wrap: break-word;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif, "ＭＳＰゴシック";
    font-size: 1.6rem;
	color:#333333;
    font-weight: 400;
    line-height: 1.61;
	height: 100%;
}
p,
label {
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

button {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}

a:link, a:hover, a:visited{
	text-decoration: none;
	color: #333;
}

img{
	width: 100%;
    height: auto
}

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

container

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

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 980px;
  }
}

.container-full {
	width: auto;
	padding: 0;
	margin: 0;
}


@media (min-width: 992px) {
	.container-full {
		width: 980px;
		margin-right: auto;
  		margin-left: auto;
	}
}


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

テキスト

-------------------------------*/
.text-att{
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.3rem;
}

h3.line {
 position: relative;
  color: #333;
  text-shadow: 0 0 2px white;
}

h3.line:before {
  content: "";
  position: absolute;
  background: #9de5ff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: -15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}


/*h3.line{
  background: #6091d3;/*背景色*/
  padding: 0.4em;/*文字まわり（上下左右）の余白*/
  padding-bottom: .2em;
  border-bottom: 5px double #ffffff;
  margin-top: 30px;
  margin-bottom: 20px;
  color: white;
}
*/
/*
h3.line:before{
	content:url(../compe_now/common/img/default_a.png);
}
*/

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

header

-------------------------------*/
header{
	display: none;
}
    
@media (min-width: 768px){
	header{
		display:block;
		background:#ffffff;
    }
	.header-logo{
		float: center;
		padding-top: 15px;
		max-width: 493px;
		width: 100%;
	}
}

@media (min-width: 992px) {
	.header-logo{
        float: center;
		width: 538px;
		padding-top: 15px;
	}
}
/*------------------------------- 

main-wrap

-------------------------------*/
.main-wrap{
	background: #f0f8ff;
}

.main-wrap img{
	width: 100%;
}

.main-wrap h1{
	margin-bottom: 2px;
}
.main-wrap .main-img{
	margin-bottom: 10px;
}

.download-wrap p:nth-child(3){
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 1.2rem;
	text-align: center;
}

.download-wrap p{
	text-align: center;
}

.download-wrap p a img{
	height: 35px;
    width: auto;
}

.sns-btn{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}

.sns-btn li{
	float: left;
	margin-right: 3px;
}

.sns-btn li:last-child{
	margin-right: 0;
}
/*201902801kanekopadding-bottom80px⇒40px変更*/
@media (min-width: 768px) {
	.main-wrap{
	background: url(../image/mainv_bac_pc.png) no-repeat center bottom #f0f8ff;
	padding-bottom: 40px;
	background-size: 100%;
	}
	.main-box{
		width: 100%;
		/* float: left; */
		padding-top: 0;
	}
	.main-box h1{
        margin-bottom: 20px;
	}
	.download-wrap{
		/* width: 400px; */
		margin-left: auto;
		margin-right: auto;
	}
	.download-wrap p a img{
	height: 50px;
    	width: auto;
    }

	.download-wrap p:nth-child(3){
		margin-top: 50px;
		margin-bottom: 50px;
	}
    	.download-wrap p a img{
	height: 50px;
    width: auto;
}
    
	.sns-btn{
		float: left;
	}
	.sns-btn li{
	margin-right: 20px;
    }
}
	

@media (min-width: 992px) {

		.main-box{
		width: 850px;
		/* float: left; */
		padding-top: 5px;
		margin-left: auto;
		margin-right: auto;
	}
		.sns-btn{
		float: right;
	}
	.main-wrap a:hover{
		text-decoration: none;
		color: #0585a7;
	}
    
	.main-wrap a:visited{
		color: #333;
		text-decoration: underline;
}
}
/*------------------------------- 
20191119kaneko追加
navbar-nav

-------------------------------*/
  .navbar-nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

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

prologue

/*-------------------------------*/   
.prologue{
   /* border-top:0.3px solid #dcdcdc;
    border-bottom:0.3px solid #dcdcdc;*/
    margin-bottom: 20px;
    background-color:#39b54a;
    }
    
.prologue img{
	width: 100%;
    }
/* 20190801kaneko*margin-top 10px⇒0に変更*/ 
.prologue h2{
	font-size: 2.8rem;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 0px;
color: white;
}

.prologue p{
    text-align: center;
    font-weight: bold;
    color: white;

}

@media (min-width: 768px) {
	.prologue h2{
		margin-left: auto;
		margin-right: auto;
        text-align: center;	
	}
}
    
@media (min-width: 992px) {
	.check-wrap h2{
		margin-top: 5px;
	}
	.prologue p{
		width: 100%;
	}
}
/*------------------------------- 

リーダーボード

-------------------------------*/
.block_02_readerboard{
	padding-top: 10px;
	padding-bottom: 100px;
}

.block_02_readerboard img{
	width: 100%;
}

.block_02_readerboard .text-att{
	margin-bottom: 50px;
}

	
@media (min-width: 768px) {
    .block_02_readerboard h2:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	}
	.block_02_readerboard p:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	}
	.block_02_readerboard p:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	} .text-att{
		text-align: right;
		width: 729px;
		margin-left: auto;
		margin-right: auto;
	}
	.block_02_readerboard p:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	} p:last-child{
	/* width: 100%; */
	margin-left: auto;
	margin-right: auto;
	}
}
@media (min-width: 992px) {
	.block_02_readerboard p:last-child{
	width: 831px;
	margin-left: auto;
	margin-right: auto;
	}

}

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

リーダーボード共有機能

-------------------------------*/
.block_03_readerboard-share{
	padding-top: 0px;
	padding-bottom: 5px;
}

.block_03_readerboard-share img{
	width: 100%;
}

.block_03_readerboard-share .text-att{
	margin-bottom: 10px;
}
	
@media (min-width: 768px) {
    .block_03_readerboard-share h2:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
	}
	.block_03_readerboard-share p:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	}
    .text-att{
		text-align: right;
		width: 729px;
		margin-left: auto;
		margin-right: auto;
	}

@media (min-width: 992px) {
	.cblock_03_readerboard-share p:last-child{
	width: 831px;
	margin-left: auto;
	margin-right: auto;
	}

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

ほかの機能

-------------------------------*/
.block_04_otherfunction{
	padding-top: 0px;
	padding-bottom: 15px;
	background-image: url(../image/systemlist_img_0180.png);
	background-repeat: no-repeat;
 	background-size: contain;
	background-position:right;
}

.block_04_otherfunction img{
	width: 100%;
}

.block_04_otherfunction .text-att{
	margin-bottom: 5px;
}
	
@media (min-width: 768px) {
    .block_04_otherfunction h2:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	}
	.block_04_otherfunction p:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	}
	.block_04_otherfunction p:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	} 
    .text-att{
		text-align: right;
		width: 729px;
		margin-left: auto;
		margin-right: auto;
	}
	.block_04_otherfunction p:first-child{
	width: 729px;
	margin-left: auto;
	margin-right: auto;
	} 
    p:last-child{
	/* width: 100%; */
	margin-left: auto;
	margin-right: auto;
	}
}

@media (min-width: 992px) {
	.block_04_otherfunction p:last-child{
	width: 831px;
	margin-left: auto;
	margin-right: auto;
	}

}

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

アプリをダウンロードして使おう

------------------------*/
.foot-app{
	background-color:#f5f5f0;
	background-size: 1025px auto;
	padding: 20px 0 20px;
	position: relative;
	margin-bottom: 0;
    }
.foot-app .box{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #666;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
    width: 85%;
    margin-left: auto;
	margin-right: auto;
	text-align: center;
}
    
.foot-app .app-btn a {
	display: inline-block;
	margin-left: 50px;
	width: 60%;
	max-width: 150px;
	margin-right: 50px;
}
    
.foot-app .app-btn a + a {
    /* margin-left: 0; */
    margin-top: 15px;
}

@media (min-width: 768px) {
	.foot-app .box {
	max-width: 750px;
    }
}
@media (min-width: 992px) {
	.foot-app .box {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
	}
	.foot-app h2{
		width: 100%;
	}

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

お問合せ

------------------------*/
.foot-app .question {
	text-align: center;
    }
    
.foot-app .question img{
	width: 20%;
}
.foot-app .question a{
	font-size: 1.7rem;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 0px;
}

.foot-app .question h3{
	margin-bottom: 15px;
	text-align: center;
}
    
.foot-app .question h4{
	margin-bottom: 15px;
	text-align: center;
}
    
.foot-app .question p{
	margin-bottom: 0px;
	text-align: center;
}
.foot-app .gray-btn{
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #3c3c3c;
    border: solid 1px #3c3c3c;
    border-radius: 3px;
    transition: .4s;
}

.foot-app .gray-btn:active {/*押したとき*/
    background: #3c3c3c;
    color: #f5f5f0;
}
.foot-app .gray-btn{
	text-align: center;
}


@media (min-width: 768px) {
	.question h4{
		margin-left: auto;
		margin-right: auto;
    }
    .question gray-btn a{
	display: inline-block;
	}
}
    
    
@media (min-width: 992px) {
	.foot-app question h4{
		margin-top: 20px;
	}
	.foot-app question p{
		width: 100%;
    }
    .foot-app .gray-btn a {
	max-width: 235px;
	}
}

.foot-app .question h2{
	margin-bottom: 27px;
	line-height: 1;
}


@media (min-width: 768px) {
	.foot-app .gray-btn {
		width: 31%;
		height: 49px;
		padding-top: 13px;
		font-size: 1.6rem;
		top: 58px;
		right: 0;
		left: auto;
	}
}
@media (min-width: 992px) {
	.foot-app .question h2{
		width: 606px;
	}
	
}
    
/*------------------------

ページトップへ戻る

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

#page-top {
	position:absolute;
	z-index: 40px;
	right: 20px;
	bottom: 72px;
	width: 30px;
}

#page-top a {
	display: block;
	cursor: pointer;
	text-align: center;
} 

#page-top a:hover {
	text-decoration: none;
}

#page-top a:hover img{
	 filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

@media (min-width: 768px) {
	#page-top {
		position: fixed;
		z-index: 99999;
		right: 20px;
		bottom: 80px;
		margin-bottom: 0;
	}	
}

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

フッター

------------------------*/
footer{
	border-top:0.3px solid #dcdcdc;
}
    
footer{
	background-color:#39b54a;
	background-size: 1025px auto;
	padding: 5px 0 5px;
	position: relative;
	margin-bottom: 0;
	text-align: center;
	color: #fdfdfd;
	/* margin-top: 6px; */
}	

.sitemap{
	max-width: 500px;
	margin: 0 auto;
}

.sitemap li {
	display: inline-block;
	letter-spacing: normal;
	margin-bottom: 1.5rem;
}
.sitemap li a{
	font-size: 1.2rem;
	/*color: #999999;*/
	color: #ffffff;
	text-decoration: none;
}
.sitemap li a:hover{
text-decoration: none;
}

.sitemap li + li:before{
	content: "";
	display: block;
	float: center;
	background-color: #39b54a;
	width: 1px;
	height: 12px;
	margin: 7px 12px 0 9px;
}

.html.android.sitemap li + li:before{
margin-top: 11px;
}

.sitemap li:nth-child(3):before {
	display: none;
}

@media (min-width : 768px) {
	footer{
		background: repeat-x center bottom #39b54a;
		background-size: 1025px auto;
		text-align: center;
	}
}