@charset "UTF-8";
/* CSS Document */

/* PC用のCSSはメディアクエリの外に記述する */
body#shio {
    background-image: url(../image/diagonal_05.png)
}
.wrap {
  padding: 0px 0 0 0; 
  width: 100%;
  max-width: 1000px;
  }

.content {
  
}

.right {text-align: right;}




ol.list-numbers {
    list-style-type: decimal!important;
    text-align: justify;
    text-justify: inter-ideograph;
}
ol.list-numbers li {
    width: 95%;
    padding: 6px 6px 6px 1.0em;
}
ol.list-numbers li img {width: 100%;}

.new ul li:first-child  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    padding: 10px 10px;
}
.new ul li  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: none;
    padding: 10px 10px;
}
.new ul li ul li.date  {
    width: 20%;
    display: inline;
    float: left;
    border:none;
    font-size: 1.2rem;
}
.new ul li ul li.data  {
    width: 80%;
    border: none;
    font-size: 1.2rem;   
}
.tabiiro {
    width: 100%;
    margin: 20px auto 0;
    padding: 0;
    text-align: center;
}
.sns {width: auto;margin: 20px 0 0 0;text-align: center;}
.sns ul li{display: inline;margin-right:15px; }
.sns ul li:last-child{margin-right:0; }
.sns ul li img {width: 50px;height: auto;}
.content2{
  
}

table.gaiyo {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
table th, table td { 
padding: 4px;
border: 1px solid #ffffff;
}
table th { 
/*background-color: #AAA;*/
width: 38%;
color:#ffffff;
font-weight: nomal;
}
table.border-none th,table.border-none td  {border: none;font-size: 1rem;}
table.border-none th {width: 30%;font-weight: 500;}
table.border-none td  {text-align: left;font-weight: 300;}
table.border-none th img {width: 70%;}
table.border-none th.bk-clear {background-color: none;}
table.border-yoko {margin: 10px 0;
    border-collapse: collapse;
    width: 100%;
    }
table.border-yoko th {padding: 6px; border-top: solid 1px #fff;border-bottom: solid 1px #fff;border-left: none;border-right:none;text-align: left;}
table.border-yoko td {padding: 6px; border-top: solid 1px #fff;border-bottom: solid 1px #fff;border-left: none;border-right:none;}

div.privacy {margin-top: 2rem;padding: 0 6rem;font-weight: 300;}
div.privacy h2 {font-size: 1.8rem;font-weight: 500;}
div.privacy h3 {font-size: 1.4rem;margin-top: 2rem;font-weight: 500;}
div.privacy p {font-size: 1rem;margin-top: 0.5rem;line-height: 1.6rem;letter-spacing:0.1rem;}
div.privacy ul {list-style-type: decimal;margin-top: 0.5rem;letter-spacing:0.1rem;line-height: 1.6rem;}
div.privacy ul li {font-size: 1rem;margin-left: 2rem;}

/*新着テーブル*/
table.whoatnew {width: 100%;border-collapse:collapse;}
/*table.whoatnew tr {border-top: solid 1px #ffffff;border-bottom: solid 1px #ffffff;}*/
table.whoatnew th {width: 20%;text-align:left;font-weight:normal;font-size:1.2em;border:none;padding: 1.0em;}
table.whoatnew td {width: 80%;font-size:1.2em;border:none;padding: 1.0em;}

p.smponly{display: none;}

/**アイコンPC３列スマホ２列**/
.nav-center-tri{
    list-style-type: none;
    padding-left: 0;
    text-align: center!important;
}
ul.nav-center-tri li {
    width: 30%;
    padding: 2px;
    margin: 2px;
    display: inline-block;
    float: none;
    
}
/**アイコンPC４列スマホ２列**/
.nav-center-quad{
    list-style-type: none;
    padding-left: 0;
    text-align: center!important;
}
ul.nav-center-quad li {
    width: 20%;
    padding: 2px;
    margin: 2px;
    display: inline-block;
    float: none;
    
}
ul.nav-center-tri li img,ul.nav-center-quad li img {width: 90%;height: auto;}
ul.nav-center-quad li p{font-size: 0.8em;}

img topiconspace {height: 30px!important;}

@media screen and (max-width: 640px) {
	/* 480px以下に適用されるCSS（スマホ用） */

ol.list-numbers{font-size: 0.65em;}
    
/**アイコンPC３列スマホ２列**/    
ul.nav-center-tri li,ul.nav-center-quad li  {
    width: 48%;
    padding: 2px;
    margin: 2px auto;
    display: inline-block;
    float: none;
    
}
ul.nav-center-tri li img,ul.nav-center-quad li img {width: 90%;height: auto;}
   

    
.wrap {
  padding: 100px 0 0 0;
}

.content {
  text-align: center;
  font-size: 22px;
  padding: 0;
}

h3.contents{display: none;}



    
.new {
    width: 100%;
    text-align: center;
    }
.new ul {
    width: 98%;
    margin: 0 auto;
    }
.new ul li:first-child  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: solid 1px #ffffff;
    padding: 10px 0px;
    text-align: left;
    margin: 0;
}
.new ul li  {
    width: 98%;
    color: #ffffff;
    border-bottom: solid 1px #ffffff;
    border-top: none;
    padding: 10px 0px;
    text-align: left;
    margin: 0;
}
.new ul li ul li.date  {
    width: 98%;
    border-bottom: dotted 1px #ffffff;
    font-size: 1.2rem;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom:15px;
    margin: 0 0 15px 0;
}
.new ul li ul li.data  {
    width: 98%;
    border: none;
    font-size: 1.2rem;  
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    
    
}
    
 .tabiiro {
    width: 98%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.tabiiro img {width: 90%;height: auto;}

.sns ul li{display: inline;margin-right:30px; }
.sns ul li:last-child{margin-right:0; }
.sns ul li img {width: 80px;height: auto;}
    
.content2{
  font-size: 22px;
  padding-top: 0;
  text-align: center;
}

  
table.gaiyo {
    margin: 10px 0;
    border-collapse: collapse;
    width: 100%;
}
table.gaiyo th {
    width: 98%;
    display: block;
    border: 1px solid #ffffff;
    background-color: #C5C5C5;
    color: #4F4F4F;
    padding: 4px;
} 
table.gaiyo td {
    width: 98%;
    display: block;
    border: 1px solid #ffffff;
    text-align: left;
} 
table.border-none {
    margin: 10px 0;
    border-collapse: collapse;
    width: 100%;
}
table.border-none th {
    width: 98%;
    display: block;
    border: 1px solid #c5c5c5;
    background-color: #C5C5C5;
    color: #4F4F4F;
    padding: 4px;
    font-size: 1.2rem;
    }
table.border-none td  {
    width: 98%;
    display: block;
    border: 1px solid #c5c5c5;
    text-align: justify;
    font-size: 1.2rem;
    }
table.border-none th img {width: 50%;}
table.border-none th.bk-clear {background: none;border: none;}
    
table.border-yoko {margin: 10px 0;
    border-collapse: collapse;
    width: 99%;
    font-size: 0.65em;
    }
table.border-yoko th {display: block; width: 98%; padding: 6px; border-top: solid 1px #fff;border-bottom: solid 1px #fff;border-left: none;border-right:none;text-align: left;background-color: #a5a5a5;color: rgba(83,83,83,1.00)}
table.border-yoko td {display: block; width: 98%; padding: 6px; border-top: solid 1px #fff;border-bottom: solid 1px #fff;border-left: none;border-right:none;text-align: left;}    

div.privacy {margin-top: 2rem;padding: 0 1rem;text-align: justify;}
div.privacy h2 {font-size: 1.6rem;font-weight: 900;}
div.privacy h3 {font-size: 1.2rem;margin-top: 1.5rem;font-weight: 900;}
div.privacy p {font-size: 1rem;margin-top: 0.5rem;}
div.privacy ul {list-style-type: decimal;margin-top: 1rem;}
div.privacy ul li {font-size: 1rem;margin-left: 1.5rem;}  
  
    
table.whoatnew th {display: block;text-align: left;font-size: 1.0em;padding: 0 1.0em 0 1.0em;}
    
    table.whoatnew td {display: block;text-align: left;font-size: 1.0em;padding: 0 1.0em 1.0em 1.0em;margin-left: auto;margin-right: auto;border-bottom: dotted 1px #ffffff;}
    
p.pconly{display: none;} 
    
}