@charset "utf-8";

html, body, h1, h2, h3, div, p, ul, li, nav, object{margin:0; padding:0;
font-family:"游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;} /* リセットする */

body   {background: #eee;} 

h1     {font-size:26px; padding:10px 0 10px 0;}
h2     {font-size:16px; padding:8px 0 4px  0;}
h3     {font-size:16px;}
.h1    {font-size:26px; padding:10px 0 10px 0;}
.h2    {font-size:24px; padding:8px 0 8px  0;color: #008;}
.h2red {font-size:24px; padding:8px 0 8px  0;color: #700;}
.h3    {font-size:16px;}

ul     {list-style-type: none; font-size: 14px;}

div    {font-size: 14px;}

.container         {margin:0 auto 0 auto; padding: 0 8px 0 8px; background: #ffc;}
/*
.container         {margin:0 auto 0 auto; padding: 0 8px 0 8px; background: #eee;}
*/
.navbar             {display: flex; margin: 0; padding: 0; list-style-type: none; background: #373;font-size:20px;}
.navbar li a        {display: block; padding: 11px 4px 11px 4px; color: #FFF; text-decoration: none;}
.navbar li a:hover  {background: #fff; color: #373;}
.navbar li p        {display: block; padding: 11px 4px 11px 4px; color: #FFF; text-decoration: none;}

.navbar3            {display: flex; margin: 0; padding: 0; list-style-type: none; background: #373;font-size:18px;}
.navbar3 li a       {display: block; padding: 12px 4px 12px 4px; color: #FFF; text-decoration: none;}
.navbar3 li a:hover {background: #fff; color: #373;}
.navbar3 li p       {display: block; padding: 12px 4px 12px 4px; color: #FFF; text-decoration: none;}

.navbar0            {display: flex; margin: 0; padding: 0; list-style-type: none; background: #373;font-size:18px;}
.navbar0 li a       {display: block; padding: 10px 4px 10px 4px; color: #FFF; text-decoration: none;}
.navbar0 li a:hover {background: #fff; color: #373;}
.navbar0 li p       {display: block; padding: 10px 4px 10px 4px; color: #FFF; text-decoration: none;}

.navbar1            {display: flex; margin: 0; padding: 0; list-style-type: none; background: #444;font-size:16px;}
.navbar1 li a       {display: block; padding: 10px 3px 10px 3px; color: #FFF; text-decoration: none;}
.navbar1 li a:hover {background: #fff; color: #444;}
.navbar1 li p       {display: block; padding: 10px 3px 10px 3px; color: #FFF; text-decoration: none;}

.navbar10           {display: flex; margin: 0; padding: 0; list-style-type: none; background: #444;font-size:15px;}
.navbar10 li a      {display: block; padding: 10px 3px 10px 3px; color: #FFF; text-decoration: none;}
.navbar10 li a:hover{background: #fff; color: #444;}
.navbar10 li p      {display: block; padding: 10px 3px 10px 3px; color: #FFF; text-decoration: none;}
/*
.navbar11           {display: flex; margin: 0; padding: 0; list-style-type: none; background: #444;font-size:14px;}
.navbar11 li a      {display: block; padding: 10px 2px 10px 2px; color: #FFF; text-decoration: none;}
.navbar11 li a:hover{background: #fff; color: #444;}

.navbar2            {display: flex; margin: 0; padding: 0; list-style-type: none; background: #373;font-size:16px;}
.navbar2 li         {display: block; padding: 10px 0px 10px 0px; color: #373; text-decoration: none;}
*/
.btn a       {display:inline-block; margin: 20px 40px; padding: 6px; border-radius: 5px; width:160px; font-size:16px;
              background: #373; color: #FFF; text-decoration: none; text-align: center;}
.btn a:hover {background: #595; color: #FFF;}

span         {padding: 0px 10px 0px 10px;}

.bgnav     {background: #448;}

.bglogin   {background: #078;}

.bgmember  {background: #B33;}

.bgsilver  {background: #444;}

.bggreen   {background: #373;}

.bgarea    {background: #7B7;}

.bgblue    {background: #66A;}

.bgred     {background: #A66;}

.fthcool   {color: #A00;}

.fthstage  {color: #008;}

.fthhidden {color: #DDA;}

.ftblue    {color: #248;}

.ftred     {color: #A22;}

.ftblack   {color: #000;}

.ftgray    {color: #888;}

.ftsilver  {color: #ccc;}

table       {border-collapse: collapse;}

th, td      {border: solid 1px #eee; } 

tr th {color: #fff;background: #4AE;}

tr:nth-child(odd)  {background:#eee;}

tr:nth-child(even) {background:#fff;}
/*
td:nth-child(odd)  {background:#fee;}
*/

.w220 {width:220px;}

.w160 {width:160px;}

.w80  {width:80px;}

.w60  {width:60px;}

.w50  {width:50px;}

.w40  {width:40px;}

.w30  {width:30px;}

.w25  {width:25px;}

.w20  {width:20px;}

.colred {background:rgba(255,224,224,0.5); color: rgba(0,0,0);} 

.center {text-align: center;}

.info0  {background: #fff; padding: 0   0 8px 0;}

.info   {background: #fff; padding: 4px 0 4px 0;}

.map0   {width:90%; height:970px;}

.img0   {text-align:center;}

.img1   {max-width:266px ;width: 100%; height: auto; text-align:center;image-rendering: -webkit-optimize-contrast;}

.img2   {max-width:275px; width: 100%; height: auto; text-align:center;}

.img3   {max-width:450px ;width: 100%; height: auto; text-align:center;}

.img4   {max-width:360px; width: 100%; height: auto; text-align:center;}

@media screen and (min-width: 481px) {
.img0   {display:inline-block; vertical-align:top; margin-right: 4px; margin-left: 4px;}
}

@media screen and (min-width: 897px) {
.img0   {display:inline-block; vertical-align:top; margin-right: 30px; margin-left: 30px;}
}

.comment {font-size:12px; padding: 4px 0 4px 0;}

.qr     {max-width: 100px; width: 100%; height: auto; text-align:center;}

.img2   {display:inline-block; vertical-align:top; text-align:center;}

.formtext0 {margin:10px 0; width:140px; height:18px; font-size:16px; text-align:center;}

.formtext1 {width:280px; height:16px; font-size:14px; border:none; text-align:center}

.formtext2 {width:34px; height:16px; font-size:14px; border:none; text-align:center}

.formtext3 {width:220px; height:16px; font-size:14px; border:none; text-align:center}