@charset "utf-8";

h3{
display:block;
padding:8px 14px;
font-size:17px;
background-color:#2EB5C9;
border-radius:10px;
color:#fff;
margin:0px 0 0.8em;
}

#box_agreement :first-child{
margin-top:0px;
}

h2.head{
font-size:24px;
padding:10px 0 30px;
color:#09d;
text-shadow:none;
}

#category_num:after{
  content:' ';
}


.p_point{color:#3f7ba1;}
.p_pow{color:#b82651;}
.p_tec{color:#29b053;}
.p_stm{color:#cfb73c;}
.p_apl{color:#8689c3;}

.p_main{color:#c77c24;}
.p_daily{color:#d058a7;}
.p_event{color:#7fd650;}




#box_agreement{width:1100px;margin-top:40px;padding:40px 0 80px;display:flex;flex-wrap: wrap;}
#box_agreement li{padding-left: 0em;text-indent: 0em;}


.help-navi ol{counter-reset : item;list-style : none ;}
#box_agreement .navi-list li{ display: block ; }
#box_agreement .navi-list li a{ display: block ; }
#box_agreement .navi-list li:before {content:'';}
#box_agreement .navi-list li a:before {
  content: counters(item, "-") " ";
  counter-increment: item ;
}


.help-navi{
  width:330px;
  box-sizing:border-box;
  padding:0 30px;
  border-right:1px solid #eee;
}

.help-navi #logo{
  width:120%;
  margin-left:-10%;
}

.help-navi h1{
  font-size:16px;
  margin:0 0 20px;
}

.navi-list li a{
  font-size:14px;
  padding:8px 12px;
  border-radius:10px;
  background-color:transparent;
  color:#2aa4b7;
  border:1px solid #30bdd2;
  margin-bottom:5px;
  line-height:1.4;
}

.navi-list li a:hover{
  background-color:#2EB5C9;
  color:#fff;
  border:1px solid #2EB5C9;
}

.navi-list li.on a{
  background-color:#2EB5C9;
  color:#fff;
  border:1px solid #2EB5C9;
}

.navi-list .navi-list-sub{
  padding:0 0 10px;
}

.help-navi .navi-list-sub li a{
  font-size:13px;
  padding:4px 12px;
  border-radius:6px;
  background-color:transparent;
  color:#2aa4b7;
  border:none;
  margin-bottom:0px;
}

.help-navi .navi-list-sub li a:hover{
  background-color:#dedede;
  color:#2aa4b7;
  border:none;
}


.help-content{
  width:690px;
  padding:0 40px;
}

.help-content ol{
  list-style:none;
  counter-reset : item;
}

.help-content p{padding-bottom:2.5em;width:98%;margin:0 auto;}

#box_agreement .help-content li{
  display: block;
  margin-left: 0;
  padding-left: 0em;
  text-indent: 0em;
  font-size:15px;
}

#box_agreement .help-content li:before{
  content:'';
}

#box_agreement .help-content li h3 .sc_num{
  display:inline-block;
  margin-right:0.5em;
}

#box_agreement .help-content li h3 .sc_num:after {
  content: "-" counters(item, "-");
  counter-increment: item ;
}

.date-update{
  color:#F06FAB;
  font-size:13px;
  margin-left:1em;
}

.navi-list-sub{
  display:none;
}

.navi-news{
  border-top:1px solid #dedede;
  margin:20px 0 0;
  padding:20px 0 0;
}

#box_agreement .navi-news li:before{
content:'';
}
.navi-news__title{
  font-size:16px;
  color:#F06FAB;
  margin-bottom:10px;
  line-height:1;
}

.navi-news .news-date{
  display:inline;
  margin-right:1em;
}


.navi-news .news-text{
  display:inline;
}

.navi-news .news-text a{
  font-size:11px;
  color:#F06FAB!important;
  line-height:1.6!important;
  display:block;
  padding-left:7em;
  text-indent:-7em;

}


#mini_boxAgreement .navi-news li:before {
content: '';
}

#mini_boxAgreement .help-content li:before {
content: '';
}

#mini_boxAgreement .help-content li h3 .sc_num {
display: inline-block;
margin-right: 0.5em;
}

#mini_boxAgreement .help-content li h3 .sc_num:after {
content: "-" counters(item, "-");
counter-increment: item;
}

/*以下アコーディオンメニューのタグ*/
.secretbox {
    margin: 0.2em 0;
    padding: 0;
    max-width: 750px;/*最大幅*/
	background :#faffff;/*ボタンの色*/
    border-radius: 10px; /*角丸*/
    box-shadow: -0px 1px 1px 1px rgba(150, 150, 150, 0.05);/*ドロップシャドウ*/

}

/*開閉ボタン本体*/
.secretbox label {
    font-size: large; /*文字サイズ*/
    color: #6cb4e4;/*文字色*/
    display: block;/*画面と等幅にする*/
    padding: 0.25em;/*ボタンの縦幅*/
    background :#f0ffff;/*ボタンの色*/
    border-radius: 10px; /*角丸*/
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.45);/*ドロップシャドウ*/
    transition: .2s;   
}

/*マウスオーバー時*/
.secretbox label:hover {
    background: #e6e6fa;/*マウスオーバー時の色*/
}

/*内部的に利用しているチェックボックスを隠す処理*/
.secretbox input {
    display: none;
}

/*コンテンツ部分を非表示にする処理*/
.secretbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}

/*クリックしてコンテンツを表示する処理*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 5px;
    opacity: 1;
}
.milk{
background:repeating-linear-gradient(-45deg,#BCBCBC,#B0B0B0 10px);
width:675px; 
height:180px;
border-radius:15px; 
border:solid 4px #E5E5E5;
}

.milkindex {
border-radius:15px; 
background-color:#800916;
padding:0px 5px 0 5px;
}

.milktext{
color:white;font-weight:600;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
0px 8px 13px rgba(0,0,0,0.1),
0px 18px 23px rgba(0,0,0,0.1);
}
.eventywrkskillheadertext{
	color:#fdff67;
	font-weight:900;
	font-size:20px;
	text-shadow: 2px 2px 3px rgba(12,174,250,1.0),
	-2px -2px 3px rgba(12,174,250,1.0),
	2px -2px 3px rgba(12,174,250,1.0),
	-2px 2px 3px rgba(12,174,250,1.0);
	}

	
	/* Quest Table Style*/	
	.quest-table{
		border: 2px solid #C9EAFB;
		border-radius:15px;
		overflow:hidden; /*Note that overflow is not supported in IE or Edge*/
	}
	

/* Quest Table Header Style*/
	.quest-table th {
		border-bottom:2pt solid #C9EAFB;
		background-image: linear-gradient(to bottom, #C9EAFB , white);
		color:#093C42;
		padding-left: 15px;
		padding-right: 15px;
		font-size:14px;
		text-align:center;
	}
	.quest-table th:nth-child(1) {
		border-top: 1px solid #C9EAFB;
		border-top-left-radius:15px;
	}
	.quest-table th:nth-last-child(1) {
		border-top: 1px solid #C9EAFB;
		border-top-right-radius:15px;
	}
	.quest-table tr:nth-last-child(1) td:nth-child(1) {
		border-top: 1px solid #C9EAFB;
		border-bottom-left-radius:15px;
	}
	.quest-table tr:nth-last-child(1) td:nth-last-child(1) {
		border-top: 1px solid #C9EAFB;
		border-bottom-right-radius:15px;
	}

/* Quest Table Row Style*/
	.quest-table tr{
		background-color:#C9EAFB;
		padding-left: 15px;
		padding-right: 15px;
		color:#093C42;
		font-size:12px;
		text-align:center;
	}
	.quest-table td{
		padding-left:5px;
	}
	
	.quest-table tr:nth-child(odd){
		border-top: 1px solid #e3e6ea;
	}
	
	.quest-table tr:nth-child(even){
		background-color:#dbe3f9;
	}
	
	.quest-reward-table tr{
		border:5px solid black !important;
		background-color:transparent !important;
		padding-left: 5px !important;
		text-align:left;
	}