/*** grid ** gs-simple ***************************************************************************/

 div.gd, div.gx {display:grid; border-left:solid 1px #e8e8e8; border-top:solid 1px #e8e8e8;}
 div.gd > div, div.gd > span, div.gd > a {border-right:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8; padding:5px;}
 div.gx > div, div.gx > a {border-right:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8;}
 div.gd a:hover {background-color:#d8ffff; color:blue;}

 div.gs {display:grid;}

 div.agd {display:grid; font-size:95%;}
 div.agd a {padding:5px 0px; background-color:#f0f0f0; border-left:1px solid white; border-top:1px solid white;}
 div.agd a:hover {background-color:#d8ffff; color:blue;}
 div.agd div {margin:auto;}

@media (max-width:500px) {
 div.gd, div.gx, div.gs {font-size:95%;}
}

 /*** base *****************************************************************************/

 div, table, span {box-sizing:border-box;}
 table {border-collapse:collapse;}

 /*** ins ********************************************************************************/
 ins {margin-top:5px;}
 /*** sns icon ********************************************************************************/
 
 #tw {fill:#03A9F4; d:path("M50 9.497a21.372 21.372 0 01-5.906 1.619 10.193 10.193 0 004.51-5.666 20.484 20.484 0 01-6.5 2.481 10.272 10.272 0 00-7.488-3.244c-5.675 0-10.244 4.607-10.244 10.254 0 .812.069 1.593.237 2.337-8.522-.415-16.062-4.5-21.128-10.722a10.32 10.32 0 00-1.403 5.182c0 3.55 1.828 6.696 4.553 8.518-1.647-.031-3.262-.51-4.631-1.262v.112c0 4.981 3.553 9.119 8.213 10.072-.835.228-1.744.338-2.688.338-.656 0-1.319-.038-1.94-.175 1.327 4.059 5.096 7.043 9.578 7.14a20.596 20.596 0 01-12.71 4.372c-.84 0-1.647-.037-2.453-.14 4.54 2.928 9.922 4.6 15.725 4.6 18.862 0 29.175-15.626 29.175-29.17 0-.452-.016-.89-.038-1.324 2.035-1.444 3.744-3.247 5.138-5.322z");}
 #twx {fill:#000000; d:path("M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z");}
 #fbx {fill:#1778F2; d:path("M25 .105c-13.807 0-25 11.193-25 25C0 37.488 9.013 47.744 20.83 49.73V30.32H14.8v-6.984h6.03v-5.15c0-5.975 3.65-9.232 8.982-9.232 2.553 0 4.747.19 5.385.274v6.247l-3.698.001c-2.899 0-3.458 1.377-3.458 3.4v4.457h6.917l-.902 6.984H28.04v19.58C40.411 48.39 50 37.875 50 25.098 50 11.298 38.807.105 25 .105z");}
 #fb {fill:#1778F2; d:path("M12,27V15H8v-4h4V8.852C12,4.785,13.981,3,17.361,3c1.619,0,2.475,0.12,2.88,0.175V7h-2.305C16.501,7,16,7.757,16,9.291V11 h4.205l-0.571,4H16v12H12z");}

 #snsb a {background-color:white; border-radius:25px; display:flex; align-items:center; width:50px; height:50px; justify-content:center; margin-left:8px;}
 #menu {fill:#FFFFFF; d:path("M21,6H3V5h18V6z M21,11H3v1h18V11z M21,17H3v1h18V17z");}

 #arr1 {width:20px; height:15px;} #arr1 path {fill:#ffd000; d:path("M14 5v10l-9-5 9-5z");}
 #arr2 {width:20px; height:15px;} #arr2 path {fill:#ffd000; d:path("M15 10l-9 5v-10l9 5z");}

 /*** side menu ********************************************************************************/

 a.smenu {background-color:white;} 
 a.smenuhd {color:white; background-color:#e00000; background:URL("/jpgif/pred.gif");}
 
 /*** shop migi *****************************************************************************/

 div.fxmigi {line-height:1.2em; text-align:left; display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));}
 div.fxmigi > a > img {margin-right:5px; float:left; width:76px; height:76px;}
 div.fxmigi a {color:black; padding:3px;}
 div.fxmigi a:hover {background-color:#d8ffff;}
 div.fxmigi span {color:red; font-weight:bold;}

 a.ahd {display:block; padding:4px 15px; background-color:#e8e8e8; color:blue; text-decoration:underline; text-align:left; margin-top:5px;}

 /*** title ********************************************************************************/
 
 div.title {width:100%;}
 div.title h1 {margin:auto; font-weight:bold; max-width:1200px; padding:0.3% 0.5%; border-bottom:solid 1px #e8e8e8;}

 /*** top *-*******************************************************************************/

.topback {width:100%; background-color:#0040c0; padding-bottom:5px; min-width:100px;}
.topbackred {width:100%; background-color:#d00000; padding-bottom:5px; min-width:100px;}

.topmenufx {
 height:45px; width:100%; align-items:center; text-align:center; display:flex; display:-ms-flexbox; padding:0px;
 max-width:1450px; margin-right:auto; margin-left:auto;
}

.topmenuleft {flex-grow:1 ; padding:0px; vertical-align:bottom; min-width:180px;}
.topmenuleft svg {margin-right:5px; cursor:pointer;}   
.topmenuleft img {vertical-align:inherit;}   
.topmenucenter {flex-grow:2 ;padding:10px;}
.topmenuright {flex-grow:1 ;padding:10px;}

/*** main ********************************************************************************/

   #tmain {
    display:grid; margin-right:auto; margin-left:auto;margin-top:0.3rem; width:1300px;
    grid-template-columns:minmax(110px, 1fr) 320px;
   }

   #td1 {display:none;}
   #td2 {display:block; padding:0 10px 10px 10px; width:100%;}
   #td2 table.gbox {min-width:500px;}
   #td3 {width:100%; display:block; font-size:95%;}

/*** screen ********************************************************************************/
/*1100-1300*/ 
@media (max-width:1300px) {
   #tmain {width:100%;}
}

/*960-*/ 
@media (max-width:960px) {
   #tmain {grid-template-columns:100%;}
}

/*780-*/ 
@media (max-width:780px) {
   div.title h1 {font-size:1.5rem; margin:0 5px;}
   #td2 {padding:0 5px; font-size:95%;}
   .mfx {line-height:1.2rem;}
}

/*** footer *-*******************************************************************************/
footer {
   display:block; text-align:center; padding:15px 0px 20px 0px;
}

/*** back & search ********************************************************************************/

div.fullback {
 position:fixed; top:0;  right:0;  bottom:0;  left:0;
 display:none; padding:0px; background-color:rgba(0, 0, 0, 0.6);
 tsext-align:center;
 overflow-y:auto;
}

div.fullmenufx {display:grid; grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));}
div.fullmenufx {width:930px; padding-top:110px; font-size:1em; margin:auto;}
div.fullmenufx div {display:block; padding:5px;}
div.fullmenufx a {display:block; margin:1px; padding:7px; background-color:white;}
div.fullmenufx span {display:block; margin:1px; padding:7px;}
div.fullmenufx a:hover {background-color:#d8ffff; color:blue; text-decoration:underline;}

 #qrci a {cursor:pointer; background-color:white;}  #qrci a:hover {background-color:#d8ffff; color:blue;}

/*** hotmenu ********************************************************************************/

div.hotmenufx {display:grid; grid-template-columns:repeat(auto-fit, minmax(10%,1fr)); width:100%; padding:0px; font-size:15px;}

/* 900以下 */
@media (max-width:900px) {
  div.hotmenufx {grid-template-columns:repeat(auto-fit, minmax(24%,1fr));}
  div.hotmenufx > a:nth-of-type(8)  {display:none;} 
}

/* 500以下 */
@media (max-width:500px) {
  div.hotmenufx {grid-template-columns:repeat(auto-fit, minmax(33%,1fr));}
  div.hotmenufx > a:nth-of-type(8)  {display:block;} 
}

div.hotmenufx > a {color:black; padding:4px 0px 1px 0px; background-color:#ffffff; border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; white-space:nowrap; overflow:hidden;}
div.hotmenufx > div {padding:0 20px; background-color:#ffffff; border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
div.hotmenufx > div > a {flex-grow:1; display:flex; align-items:center; width:27px; height:27px; justify-content:center;}
div.hotmenufx > a.but {width:60px; cursor:pointer;}
div.hotmenufx > a:hover {background-color:#d8ffff; color:blue; text-decoration:underline;}

/*** body ********************************************************************************/
.center {
    -webkit-justify-content:center;
            justify-content:center;
              -ms-flex-pack:center;
}
  
.space-between {
    -webkit-justify-content:space-between;
            justify-content:space-between;
              -ms-flex-pack:space-between;
}

/*** @media ********************************************************************************/
/* 950以下 */
@media (max-width:950px) {
   div.fullmenufx {width:620px;}
}

/* 640以下 */
@media (max-width:640px) {
   div.fullmenufx {width:310px;}
   div.fullmenufx > div {width:100%;}   
}