body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 1.08rem;
  font-family: 游明朝 ;
  
}
html{ height: 100%}
a{ text-decoration-line: none}
a:hover{ color: #f73512}

ul { list-style: none;
     margin: 0 ;
     padding: 0}


#rever{ max-width: 100%;margin: auto;padding: 0;text-align: center;
   border: solid 0px #999;
        
 }
 .secander{ max-width: 1900px; margin: auto;padding: 0px;margin-bottom: 793px;
            border: solid;border-width: 3px 0 0 0;border-color: #0094ff;
 }
/*左 売市場 画像*/
 .mpcitaba{ max-width: 600px;margin: auto;
            display:block; position:absolute ;top: 0;left:0;z-index:-1;
   border: solid 0px #555;
 }
   /* 全画面 表示 */ 
   @media (max-width:1226px) {
    .mpcitaba{max-width: 2000px;margin: auto; 
            display:block; position:absolute ;top: 0;left:0;z-index:-1;}
      .infoin-1{color: #FFF}
   }
   
  /* 西海岸急魚 画像 */ 
.mpcichiba{ max-width: 630px; margin: auto;
            display:block; position:absolute ;top:0;right: 0 ;z-index:-5;
   border: solid 0px #555;}
      .ichsetu{ display: block; position: absolute ;top: 0;right: 80px;color: #fff;font-weight: 600}
 
 /* 有・中野 */
 .yugen{ width:100%; height: 157px ;display: inline-block; position: absolute;top: 0 ; left: 0;
border: solid 0px #444;z-index: 5}
     .nakano{ max-width: 350px;margin: auto ;margin-top: 80px;font-size: 3.2rem;color: #3394ff;
              font-weight: 700;
border: solid 0px #444 }
     .yug{ font-size: 2rem} 
 
   @media (max-width:1226px) {
      .nakano{ margin-top:148px  ;color: #FFF}
   }
   @media (max-width:425px) {
      .nakano{ margin-top:120px  ;color: #FFF}
   }
   @media (max-width:284px) {
      .nakano{ font-size:2rem;color: #FFF}
        .yug{ font-size: 1.3rem} 
   .mpcichiba{ display: none}
   }
   
 
  /* 蜆 画像 */
.shijimin{width:100%; height:auto ;display: inline-block; position: absolute;top: 220px ; left: 0;
border: solid 0px #444;z-index: 5}

/* .shijimin{width:100%; height:auto ;display: inline-block; position: absolute;top: 220px ; left: 0;
border: solid 2px #444;z-index: 5}
 */

      .mpcshijimi{ max-width: 598px; height:auto; display: block ;margin: auto;border: solid 1px #444;}
       .mpcshijimi img{display: block ;}/*下部 隙間 防止 */

   @media (max-width:1708px) {
.shijimin{width:100%; height:auto ;display: inline-block; position: absolute;top: 300px ;}
   }

   @media (max-width:1440px) {
.shijimin{width:100%; height:auto ;display: inline-block; position: absolute;top: 300px ;}
   }
  /*Link・Menu Bar */
.topmeny{ max-width:100% ;height: auto;margin: auto;margin-top: 0px;margin-bottom: 5px;
          text-align: center; z-index:1;
border: solid 0px #fff;
   }
   .topmen-1{ width: 200px; font-size: 1.1rem ;
              display:inline-block;vertical-align: top; z-index:1;
border: solid 0px #FFF;              
   }
.topmen-1 a:hover{ color: #ece19c}
.topmen-1 a{display: block;background-color: #3394ff;color: #FFF}





   @media (max-width:617px) {
       .topmen-1{ width: 100px; margin-top: 0 ;padding: 0px 0px;}
   .topmeny{ background-color: #3394ff;}
   }
   @media (max-width:316px) {
   .topmen-1 {
    width: 100%;
    padding: 8px 0;
    margin-bottom: -5px;
    margin-top: 0px;
    font-size: 1.0888rem;border:solid;border-width:1px 0 0;border-color: #fff   }
   }

.fixed {
position: fixed;
top: 0; /*ページ上部の固定する位置*/
width: 100%;
z-index: 9999;
    }
 
.nakanoifo{ width: 600px;margin: auto;
            display:block; position:absolute ;top:225px;right: 0 ;z-index:-1;
   border: solid 0px #555;}
 
     .infoin-1{ width:490px; display: inline-block;margin-right: -20px ;
border: solid 0px #444;
 }
 
     .fo-1{ text-align: right;padding-right: 11px;font-size: 0.8333rem;} 
     .fo-2{ text-align: left;padding-left: 11px;  font-size: 0.833rem;border: solid 0px #444;}
     .fo-3{ width: 302px;text-align:center; margin-top: 15px;margin-left:188px;border: solid 0px #444;}
     .fo-4{ font-size: 0.8999rem;}

   @media (max-width:885px){
      .fo-2{display: none; }
   }
 
 /* JPG西海岸 */
.telmailqr{ max-width:100%;margin: auto;
            display:block; position:absolute ;top:301px;right: 0 ;
   border: solid 0px #555;}
     .west{ width: 596px; height:auto; display:block; right: 0;
             text-align: right; z-index: -1 ;
border: solid 0px #666;}
     .west img{ display: block}
   @media (max-width:1440px){
      .west{ width:400px; }
   }
   @media (max-width:1404px){
      .west{ width:403px; }
   }
     .tmqr{ width: 556px; height:auto;padding: 0px 0px;display:block; right: 0;
             text-align: right;
border: solid 1px #666;}
     .qr{ width: 90px;height:auto;text-align: center; display: inline-block;vertical-align: top;
           font-size: 0.8rem;  line-height: 0.8;}
 

 /* JPG西海岸 下 取扱い商品 */
.hinmei{ width:100%; height: 237px; margin:auto; 
            display:block; position:absolute ;top:452px; right: 0;
            
border: solid 0px #555;}
 
      .hnemu{ width: 422px; height:auto; font-size: 1.4rem;
             text-align:center;display:block; position:absolute; right: 0;
                 /*  background: url(mpc/menuee.png) no-repeat ;*/
border: solid 0px #f00;}
 
      .hnemu22{ width:722px; height:225px;
             display:block; position:absolute; right: 0;
               background: url(mpc/menuee3.png) no-repeat ;z-index: -1;
border: solid 0px #f00;}
 
      .hensiz{ margin-left: 10px; text-align: left;font-size: 1.079rem;
               border: solid;border-width: 1px 0 1px 0;border-color:#cfcfcf ;
               padding: 12px 8px;
 }
      .lefr{ font-size: 1.19rem}
   @media (max-width:1440px) {
      .hinmei{top:422px;}
      .hnemu{width: 400px;}
   }
   @media (max-width:1404px) {
      .hinmei{top:398px;}
      .hnemu{width: 303px;}
   }

 /* 表示 消す */ 
   @media (max-width:1226px) {
      .hinmei, .telmailqr, .nakanoifo{display: none}
   }
 
   
   
 /* 各種商品 表示 */ 
.xmenuup{ max-width: 100%;height: 300px ;margin: auto; margin-top: 725px;
border: solid 1px #666;       
 }    
 /* 各種 情報 表示 */ 
.menundata{ max-width: 100%;height:90px;margin: auto; margin-top: -200px ;padding: 30px;
border: solid 0px #666;       
 }    
   .undata-left{ max-width: 500px;padding: 0px;display:inline-block; position:absolute ; left: 60px;
                 font-size: 1.3rem ; color: #0094ff;border: solid 0px #666; }
   .undata-right{ width:300px;display:inline-block; position:absolute ;right: 110px ;
                  font-size: 1.3rem ;text-align: center;border: solid 0px #666;z-index:5;}

a.un{display:block;
  padding: 15px 10px;
  border: 1px solid #fff;
  background: rgba(0, 144, 249, 0.89);
  color: #fff;
  text-align: center;
  transition: .3s; }
.un:hover{color: #cfcfcf;
  background-color:rgba(0, 144, 249, 0.89); }

   @media (max-width:1490px) {
    .undata-right{width:200px;}
    .undata-left{width:227px;}
   }
   @media (max-width:1269px) {
    .undata-right{right: 40px ;}
    .undata-left{left:27px;}   
   }
   
   @media (max-width:1226px) {
    .undata-right{display: none;}
    .undata-left{display: none;}
   }





 /* 取扱い商品 */ 
.menunemu{ max-width: 100%;height:auto;margin: auto; padding: 20px;
           font-size: 1.8rem; color: #0094ff;
border: solid 0px #666;       
 }    
 /* 最新商品 */ 
.mesaishin{ max-width: 100%;margin: auto; padding-bottom: 6px;
           font-size: 1.1rem;
border: solid 0px #666;}

 /* 各種商品 外枠 */ 
.menuoll{ max-width: 100%;height:auto ;margin: auto; margin-top: 125px;margin-bottom:90px ;text-align: center;
border: solid 0px #666;       
 }    
.menuoin{ max-width: 1228px;height:auto ;margin: auto;text-align:left;
border: solid 0px #666;       
 }    
 
 /* 各種商品 枠 */ 
     .innoll{ max-width:301px; height: auto; margin-bottom: 6px;text-align: center;display:inline-block;vertical-align: top;
              border: solid 1px rgba(206, 206, 206, 0.27); }
 
   @media (max-width:1249px) {
    .menuoin{max-width: 997px;}
    .innoll{max-width: 243px;}
   }
   @media (max-width:1017px) {
    .menuoin{max-width: 875px;}
    .innoll{max-width: 433px;}
   }
   @media (max-width:898px) {
    .menuoin{max-width: 815px;}
    .innoll{max-width: 403px;}
   }
   @media (max-width:838px) {
    .menuoin{max-width: 530px;}
    .innoll{max-width: 260px;}
   }
   @media (max-width:543px) {
    .menuoin{max-width: 430px;}
    .innoll{max-width: 433px;}
    .xmenuup{height: 100px ;}
   }
 
.menuoll-2{ max-width: 100%;height:354px ;margin: auto; margin-top: 125px;
border: solid 0px #666;       
 } 
   @media (max-width:1708px) {
    .menuoll{margin-top: 200px;}
   }
 
   @media (max-width:1440px) {
    .menuoll{margin-top: 176px;}
   }
   @media (max-width:1226px) {
    .menuoll{margin-top: 218px;}
   }
      @media (max-width:1140px) {
    .menuoll{margin-top: 108px;}
   }
   @media (max-width:1113px) {
    .menuoll{margin-top: 118px;}
   }
   
   @media (max-width:1024px) {
    .menuoll{margin-top: 50px;}
   }
 
   @media (max-width:970px) {
    .menuoll{margin-top:55px;}
   }
      @media (max-width:596px) {
    .menuoll{margin-top:10px;}
   }

   @media (max-width:538px) {
      .menuoll-2{height:90px ;margin-top: 0px;}
    .menuoll{margin-top: 130px;}
   }
   
   @media (max-width:504px) {
    .menuoll-2{height:60px ;margin-top: 0px;}
   }
   
   @media (max-width:430px) {
    .menuoll{margin-top: 99px;}   
   }
   
   @media (max-width:425px) {
    .menuoll-2{height:1px ;margin-top: 0px;}
      .menuoll{margin-top: 98px;}   

   }
   @media (max-width:412px) {
    .menuoll-2{height:1px;margin-bottom: -40px}
   .menunemu{ padding-top: 40px }
   }
   
   @media (max-width:375px) {
    .menuoll-2{display:none;}
   .menunemu{ padding-top: 40px }
   }
   @media (max-width:320px) {
    .menuoll{margin-top: -20px}
   .menunemu{ padding-top: 15px }
   }
    @media (max-width:284px) {
   .menunemu{ font-size: 1.7rem;padding-top: 5px }    
   }

    
 .innollin{  max-width:300px;height: 280px; text-align: center ;position:absolute;left: 0;display:inline-block;
             border: solid 0px #cecece;}
 .innollin-2{  max-width:300px;height: 280px; text-align:center;position:absolute;right: 0;display:inline-block;
             border: solid 0px #cecece;}
 
   @media (min-width:1227px) {
    .innollin,.innollin-2{display: none;}
    .menuoll-2{height: 170px;}
   }
   @media (max-width:1013px) {
    .innollin,.innollin-2{display: none;}
   }
   
.llinin{ max-width: 100%; margin: auto; text-align: left   ; border: solid 0px #cecece;}
 
.llinund{ max-width: 100%; margin: auto; text-align:center; padding: 20px }   
.linud{ max-width: 100%; margin: auto; text-align:center; padding: 20px ;border: solid 0px #cecece;}   
 
   @media (max-width:501px) {
    .linud{padding: 40px;}
   }
   @media (max-width:497px) {
    .llinund{max-width: 338px;border: solid 1px #cecece;}
   }
 
  
   
   .footlink{ max-width: 100%;height:auto; padding: 10px ;margin: auto; margin-top: 110px;  padding-bottom: 110px;text-align: center;
border: solid;border-width: 1px 0 0;border-color: #cfcfcf 
   }
   
    @media (max-width:891px) {
.outlinin{max-width:450px; margin: auto ;border: solid 0px #666; }
   }
.lltd{ margin-top: 40px; font-size: 1.6rem}

.icnqr{ max-width:450px; margin: auto; margin-top: 20px ;border: solid 0px #666;}
   .dic{ width: 200px;display: inline-block;vertical-align: top;}
   .dqr{ width: 200px; font-size: 0.888rem; line-height: 1  ;display: inline-block;vertical-align: top;border: solid 0px #666;}
   
/* left */   
   .flinkin{ max-width:390px;height:auto; margin-top: 30px;display: inline-block;vertical-align: top;
             padding: 0 14px;
border: solid 0px #666;   }
   
   .qrlin{ max-width:130px;height:auto; margin-top: 30px;display: inline-block;vertical-align: top;
             padding: 0 14px;text-align:center ;
border: solid 0px #666;   }
   
   
   .nalabi{ display: inline-block;}
   .lefthe{ text-align: left; padding: 15px ;font-size: 0.999rem}
   .uew{ padding-top: 5px;font-size: 1.09999rem;font-weight: 600;color: #0808d9}
   .yga{ font-weight: 500; font-size: 1.09rem}
   .tak{ margin-top: 30px}
   
   @media (max-width:501px) {
    .footlink{height: 460px;}
   }
   
.mapink{ max-width: 100%;height:600px;margin: auto; margin-top: 0px;text-align: center;
border: solid;border-width: 1px 0 0;border-color: #cfcfcf 
   }
   
   
   
 #footarow {
 width: 43px;
 height:22px ;
 display: block;
 position:fixed;right: 0;bottom:43px; z-index: 5;
	padding: 0 10px 18px 10px ;
 text-align: center;
		/*background-color: #3da307;*/
  border-top-left-radius: .29999rem
	}
  
.footer{ max-width: 100%; height:60px; margin: auto;padding: 15px 30px; text-align: center;
         background-color: #3394ff;
border: solid 1px #666;
   }
   
.fot{ width: 100%; margin: auto; padding: 8px; text-align: center; font-size: 0.8rem;
      display: block;position:fixed;bottom: 0; background-color: #3394ff;z-index: 5;
      border: solid;border-width: 1px 0 0 0;border-color: #0094ff;color:#FFF ;
}  

/* 
     .leftop{opacity: 1; transition: all 0.9s ease-out;}
     .rightop{opacity: 1; transition: all 0.9s ease-out;} 
 */