/*Q4OS CSS*/
html{font-size: 10px;}/*1remを10pxに設定*/
/* ALL */
.enclose	{width:800px;font-family:sans-self;text-align: center;margin-left: auto;margin-right: auto;}
/* TITLE */
.title	{width:100%;border-bottom: 1px #585454 solid;}
/* PAN MENU */
nav				{width: 95%;text-align: left;font-size: 1.2rem;margin-top: 5px;margin-bottom: 1em;}
nav a			{color:blue;}
/*見出し*/
h1			{width: 100%;text-align: left;border-bottom: 1px #2383c2 solid;padding-left: 16px;color: #2383c2;margin:0px;font-size: 3.2rem;}
.moku       {width: 100%;text-align: left;}
.moku p		{width:100%;font-size:1.6rem;text-align: left;padding-left: 1em;margin-bottom: 5px;}
.moku a     {color: blue;}
.moku img {padding-left: 1em;margin-top: 0px;}
/*目次*/
/*.mokuji     {width:100%;text-align: left;}*/
.mokuji  {width:90%;background-color: #2383c2;color:whitesmoke;margin-left: 15px;}
.mokuji p   {font-size:16px;padding-top: 0px;padding-left: 10px;margin-bottom: 0px;}
.mokuji ul  {padding-top: 15px  ;text-align: left;font-size: 1.6rem;padding-bottom: 15px;}
.mokuji li  {margin-top: 3px;margin-left: 30px;}
.mokuji a   {color:whitesmoke;}
.mokuji dl  {padding: 1em;text-align: left;font-size: 1.6rem;margin-top: 5px;margin-bottom: 10px;}
.mokuji dt  {margin-top: 3px;margin-bottom: 3px;margin-left: 10px;}
.mokuji dt::before {content: "※  ";}
.mokuji dd {margin-top: 3px;}
.mokuji dd::before {content: "◇ ";}
/* PLEASE */
h4			{width:100%;color:red;padding:0px;margin-bottom:0px;text-align: left;font-size: 1.6rem;}
.com 		{width:100%;color:#000066;padding-left:16px;margin-top:0px;font-size:1.6rem;text-align:left;}
/* MAIN CONTENTS*/
.menu			{width:100%;text-align:left;}
.menu h3		{width:100%;margin-top:20px;margin-bottom:10px;color: #2383c2;border-bottom: 1px #2383c2 solid;padding-left: 16px;font-size: 2.2rem;}
.menu h5    {width: 100%;margin-top: 0px;color: #2383c2;padding-left: 1em;font-size: 1.8rem;margin-bottom: 10px;}
.menu ul		{width:100%;margin-left:1em;padding:0px;margin-top: 5px;font-size: 1.6rem;}
.menu li		{width:100%;margin-left:2em;padding-left:0px;color:#000066;text-align:left;font-size:1.6rem;list-style-type: square;}
.menu li a {color: blue;}
.menu p			{margin-top:0px;padding-left:15px;text-align:left;font-size:1.6rem;margin-bottom: 10px;}
.menu p span    {font-size: 1.6rem;padding-top:3em;}
.menu p a		{color:blue;}
.menu img		{margin-right: 20px;margin-top:5px;padding-left: 15px;margin-bottom: 5px;}
.console        {width:90%;padding: 10px;background-color:black;font-size: 1.4rem;margin-left: 15px;color: white;margin-bottom: 10px;}
.edit        {width:90%;padding: 10px;font-size: 1.4rem;margin-left: 15px;margin-bottom: 10px;border: 1px #2383c2 solid;}
/* ADSENSE */
.ads		{width:95%;text-align:center;margin:10px 0px 0px 0px;}
.ads p		{font-size:1rem;color:#000066;text-align:left;margin:0px;padding-left:3em;}
.ads2		{width:95%;text-align:left;margin:30px 0px 0px 0px;}
.ads2 p		{font-size:1rem;color:#000066;text-align:left;margin:0px;padding:0;}
/* FOOTER */
.fot		{width:100%;font-size:1.3rem;margin-top:5em;font-weight:bold;}
.fot a		{color:blue;}
@media screen and (max-width: 480px) {
    .enclose	{width:100%;font-family:sans-self;text-align: center;margin-left: auto;margin-right: auto;}
    .title	{width:100%;}
    .title img {width: 100%;}
    nav				{width: 95%;text-align: left;font-size: 2.4vw;margin-top: 5px;margin-bottom: 10px;}
    nav a			{color:blue;}
    h1			{width: 95%;text-align: left;border-bottom: 1px #2383c2 solid;padding-left: 5px;color: #2383c2;margin:0px;font-size: 4.5vw;}
    .moku       {width: 95%;text-align: left;}
    .moku p		{width:100%;font-size:2.8vw;text-align: left;padding-left: 1em;}
    .moku a     {color: blue;}
    .moku img {padding-left: 1em;width: 100%;}
     h2			{width: 95%;text-align: left;border-bottom: 1px #2383c2 solid;padding-left: 5px;color: #2383c2;margin:0px;font-size: 4.5vw;}
    h4			{width:95%;color:red;padding:0px;margin-bottom:0px;text-align: left;font-size: 2.8vw;}
    .com 		{width:95%;color:#000066;padding-left:16px;margin-top:0px;font-size:2.8vw;text-align:left;}
    .mokuji     {width:95%;text-align: left;}
    .mokuji div {width:90%;background-color: #2383c2;color:whitesmoke;}
    .mokuji p   {font-size:16px;padding-top: 0px;padding-left: 1em;margin-bottom: 0px;}
    .mokuji ul  {padding: 1em;text-align: left;font-size: 2.8vw;margin-top: 5px;margin-bottom: 5px;}
    .mokuji li  {margin-top: 4px;margin-left: 3em;}
    .mokuji a   {color:whitesmoke;}
    .menu			{width:100%;text-align:left;}
    .menu h3		{width:95%;margin-top:1em;margin-bottom:6px;color: #2383c2;border-bottom: 1px #2383c2 solid;padding-left: 5px;font-size: 3.2vw;}
    .menu h5    {width: 100%;color: #2383c2;padding-left: 1em;font-size: 3.2vw;margin-bottom: 10px;margin-top: 0px;}
    .menu ul		{width:95%;margin-left:1em;padding:0px;margin-top: 5px;font-size: 2.8vw;}
    .menu li		{width:95%;margin-left:2em;padding-left:0px;color:#000066;text-align:left;font-size:2.8vw;list-style-type: square;}
    .menu p			{margin:0px;padding-left:1em;text-align:left;font-size:2.8vw;}
    .menu p span    {font-size: 2.8vw;padding-top:3em;}
    .menu p a		{color:blue;}
    .menu img		{margin-right: 2em;margin-top:20px;padding-left: 1em;margin-bottom: 5px;width: 95%;}
    .console        {width:90%;padding: 10px;background-color:black;font-size: 2.6vw;margin-left: 15px;color: white;margin-bottom: 20px;}       
    .edit        {width:90%;padding: 10px;font-size: 1.4rem;margin-left: 15px;margin-bottom: 10px;border: 1px #2383c2 solid;}
}