@charset "utf-8";
/* WANTの目次 ナビ */



/* ########### 500以下 ########### */
@media (max-width: 500px) {
 .mokuzi {
margin-left:auto;
margin-right:auto;
margin-top:20px;
width:90%;
padding:15px;
border-radius:20px;
background-color:#FFFAE8
}			
.mokuzi h2{
font-size:16px;
color:#783F1F;
letter-spacing: 0.15em;
text-align:center;
padding: 0.3em;/*文字周りの余白*/
margin-bottom:10px
}	
	
/* ●こんなタイトル */
.mokuzi ul {
margin:0;
padding:0;
list-style:none
}
.mokuzi li a{
display:block;
font-size:14px;
color:#E95405;
letter-spacing: 0.00em;
line-height:1.4;
text-align:left;
border-bottom: solid 1px #FBCA47;/*下線*/
padding: 0.2em;/*文字周りの余白*/
margin-bottom:5px;
text-decoration:none	
}
.mokuzi li a:before {
  content: '●';
  color: #E95405;
  margin-right: 5px;
}
.mokuzi li a:hover { position:relative; top:1px; left: 1px;}

}
/* ########### 501px-767px以下 ########### */
@media (min-width: 501px) and (max-width: 767px) {
.mokuzi {
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:85%;
padding:20px;
border-radius:20px;
background-color:#FFFAE8
}			
.mokuzi h2{
font-size:17px;
color:#783F1F;
letter-spacing: 0.15em;
text-align:center;
padding: 0.3em;/*文字周りの余白*/
margin-bottom:10px
}	
	
/* ●こんなタイトル */
.mokuzi ul {
margin:0;
padding:0;
list-style:none
}
.mokuzi li a{
display:block;
font-size:15px;
color:#E95405;
letter-spacing: 0.05em;
line-height:1.4;
text-align:left;
border-bottom: solid 1px #FBCA47;/*下線*/
padding: 0.2em;/*文字周りの余白*/
margin-bottom:5px;
text-decoration:none	
}
.mokuzi li a:before {
  content: '●';
  color: #E95405;
  margin-right: 5px;
}
.mokuzi li a:hover { position:relative; top:1px; left: 1px;}
}

/* ########### 768px-1024px以下 ########### */
@media (min-width: 768px) and (max-width: 1024px) {
.mokuzi {
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:80%;
padding:25px;
border-radius:20px;
background-color:#FFFAE8
}			
.mokuzi h2{
font-size:18px;
color:#783F1F;
letter-spacing: 0.15em;
text-align:center;
padding: 0.3em;/*文字周りの余白*/
margin-bottom:20px
}	
	
/* ●こんなタイトル */
.mokuzi ul {
margin:0;
padding:0;
list-style:none
}
.mokuzi li a{
display:block;
font-size:16px;
color:#E95405;
letter-spacing: 0.05em;
line-height:1.7;
text-align:left;
border-bottom: solid 1px #FBCA47;/*下線*/
padding: 0.2em;/*文字周りの余白*/
margin-bottom:5px;
text-decoration:none	
}
.mokuzi li a:before {
  content: '●';
  color: #E95405;
  margin-right: 5px;
}
.mokuzi li a:hover { position:relative; top:1px; left: 1px;}
}

/* ########### 1025px以上 ########### */
@media (min-width: 1025px) {
.mokuzi {
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:70%;
padding:25px;
border-radius:20px;
background-color:#FFFAE8
}			
.mokuzi h2{
font-size:18px;
color:#783F1F;
letter-spacing: 0.15em;
text-align:center;
padding: 0.3em;/*文字周りの余白*/
margin-bottom:20px
}	
	
/* ●こんなタイトル */
.mokuzi ul {
margin:0;
padding:0;
list-style:none
}
.mokuzi li a{
display:block;
font-size:16px;
color:#E95405;
letter-spacing: 0.05em;
line-height:1.7;
text-align:left;
border-bottom: solid 1px #FBCA47;/*下線*/
padding: 0.2em;/*文字周りの余白*/
margin-bottom:5px;
text-decoration:none	
}
.mokuzi li a:before {
  content: '●';
  color: #E95405;
  margin-right: 5px;
}	
.mokuzi li a:hover { position:relative; top:1px; left: 1px;}
}

/* ########### 1220px 以上 ########### */
@media (min-width: 1220px) {

}