/* CSS Document */
img {
  height: auto; }

#wrap {
  max-width: 960px;
  margin: 0 auto; }

#top_pro_banner2 img {
  max-width: 460px; }

#header {
  position: fixed;
  z-index: 5;
  margin: 0 auto;
  width: 100%;
  background: #FFF;
  height: 145px; }

header#common {
  position: relative;
  height: 105px;
  background: #FFF; }
  header#common .head_info {
    margin: 0 auto 0 auto;
    max-width: 960px;
    /*padding: 0px 10px 12px 10px;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative; }
  header#common #logo_img {
    position: absolute;
    left: 8px;
    top: 10px; }
  header#common #tell {
    position: absolute;
    right: 455px;
    top: 70px; }
  header#common #catch {
    position: absolute;
    left: 305px;
    top: 17px; }
  header#common .lang {
    position: absolute;
    right: 150px;
    top: 17px; }
    header#common .lang li {
      float: left;
      padding-right: 10px; }
  header#common .log_cart {
    position: absolute;
    right: 0px;
    top: 10px; }
    header#common .log_cart li {
      float: right;
      width: 20%; }
    header#common .log_cart img {
      width: 100%;
      height: auto; }
    header#common .log_cart li.login {
      width: 44px; }
    header#common .log_cart li.cart {
      width: 44px;
      padding-left: 15px; }
    header#common .log_cart li.menu_btn {
      display: none; }
  header#common .s_log_cart {
    display: none; }
  header#common .sns {
    position: absolute;
    right: 310px;
    top: 65px; }
    header#common .sns li {
      float: left;
      padding-right: 10px; }
  header#common form {
    position: absolute;
    right: 14px;
    top: 65px; }
    header#common form input {
      width: 223px;
      border: solid 1px #999;
      height: 25px;
      font-size: 1em;
      padding: 0; }
    header#common form input[type="submit"] {
      display: none; }

#sform {
  display: none; }

#contents_wrap {
  padding-top: 145px; }

.blue_btn {
  text-align: center;
  background: #103872;
  margin-top: 23px;
  display: block;
  width: 112px;
  height: 82px;
  vertical-align: middle;
  padding-top: 30px; }

#common input#searchsubmit {
  width: 29px;
  height: 29px;
  margin-left: 10px;
  cursor: pointer;
  border-style: none; }

#common_nav {
  width: 100%;
  background: #1F34B4;
  overflow: hidden; }
  #common_nav ul {
    margin: 0 auto;
    max-width: 960px;
    clear: both; }
  #common_nav li {
    float: left; }

#shop_btn img {
  height: 40px; }

#resizeimage2 {
  width: 100%;
  padding-top: 145px;
  background-image: url(../images/fish/fish_top.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  height: 245px; }

@media only screen and (max-width: 1184px) {
  background-size: 100%; }
footer {
  width: 100%;
  background: #1F34B4;
  height: 116px;
  clear: both; }

#foot {
  width: 940px;
  margin: 0 auto; }
  #foot nav p {
    text-align: center;
    font-size: 0.9em;
    line-height: 250%;
    padding-top: 20px; }
    #foot nav p a {
      color: #FFFFFF;
      text-decoration: none; }

.address {
  padding: 20px 0 0 0;
  line-height: 150%;
  width: 650px;
  margin: 0 auto;
  font-size: 1.1em; }

.copy {
  font-size: 0.8em;
  padding: 10px 0;
  text-align: center; }

#main_content {
  margin: 0 auto 12px auto;
  overflow: hidden;
  max-width: 940px;
  -webkit-overflow-scrolling: touch; }

#top_content {
  margin: 0 auto 12px auto;
  overflow: hidden;
  max-width: 940px; }

#other_content {
  margin: 0 auto 12px auto;
  overflow: hidden;
  padding-top: 20px;
  max-width: 940px; }

.top_marign {
  padding-top: 100px; }

#menu-right {
  background: #1F34B4;
  height: 100%; }

.ui-panel-inner {
  padding: 10px 0 0 0; }
  .ui-panel-inner li a, .ui-panel-inner li a:visited {
    color: #FFF;
    text-shadow: none;
    text-decoration: none;
    border-bottom: solid 1px #fff;
    display: block;
    padding: 5px 0 5px 10px; }

.main_top {
  margin: 12px auto 12px auto;
  max-width: 940px; }
  .main_top h2 {
    margin: 20px 0 14px 0;
    clear: both;
    overflow: hidden; }
  .main_top a {
    text-decoration: none; }
  .main_top p.p_top {
    font-size: 1.3em;
    clear: both; }
  .main_top img {
    max-width: 100%; }
  .main_top section {
    width: 32%;
    float: left;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-right: 2%; }
    .main_top section:last-child {
      margin-right: 0;
      float: right; }
    .main_top section img {
      margin-bottom: 6px; }
    .main_top section h3 {
      color: #BB2817;
      font-size: 1.4em;
      font-weight: bold;
      padding: 10px 0; }

#slide_wrap {
  padding-top: 145px;
  max-height: 300px;
  height: 300px;
  overflow: hidden; }

#slide_wrap_shop {
  max-height: 300px;
  height: 300px;
  overflow: hidden; }

#top_images {
  margin-bottom: 20px;
  max-height: 300px;
  overflow: hidden; }
  #top_images .photo {
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center; }
  #top_images #slide_photo_buri {
    background-image: url(../images/slide/buri.jpg); }
  #top_images #slide_photo_ebi {
    background-image: url(../images/slide/ebi.jpg); }
  #top_images #slide_photo_hotaruika {
    background-image: url(../images/slide/hotaruika.jpg); }
  #top_images #slide_photo_ika {
    background-image: url(../images/slide/ika.jpg); }
  #top_images #slide_photo_kani {
    background-image: url(../images/slide/kani.jpg); }
  #top_images #slide_photo_kasago {
    background-image: url(../images/slide/kasago.jpg); }
  #top_images #slide_photo_mukimi {
    background-image: url(../images/slide/mukimi.jpg); }
  #top_images #slide_photo_sashimi {
    background-image: url(../images/slide/sashimi.jpg); }
  #top_images #slide_photo_shiroebi {
    background-image: url(../images/slide/shiroebi.jpg); }

@media only screen and (min-width: 1533px) {
  #top_images .photo {
    background-size: 100%; } }
.pa_20 {
  padding-right: 20px; }

.top_sakana {
  clear: both;
  margin: 0 0 30px 0;
  width: 102%;
  overflow: hidden;
  padding: 0 -2% 0 0; }
  .top_sakana p {
    padding: 5px 0;
    float: left; }
    .top_sakana p strong {
      font-size: 1.2em; }
  .top_sakana p.sakana_text {
    clear: both;
    font-size: 1.1em;
    padding: 0px;
    margin-bottom: 10px; }
  .top_sakana .top_osusume {
    clear: both;
    overflow: hidden;
    padding-bottom: 16px; }
  .top_sakana section {
    width: 25%;
    float: left;
    padding: 0 2% 0 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .top_sakana section h4 {
      font-weight: bold;
      padding: 2% 3% 0 0;
      font-size: 1em; }
      .top_sakana section h4 a {
        color: #000; }
    .top_sakana section img {
      width: 100%; }
    .top_sakana section small {
      font-size: 0.9em; }
    .top_sakana section p {
      text-align: right;
      float: right;
      padding-right: 3%; }
      .top_sakana section p strong {
        font-size: 1.3em; }
      .top_sakana section p span {
        font-size: 0.8em; }
  .top_sakana h3 {
    color: #BB2817;
    font-size: 1.4em;
    font-weight: bold;
    float: left;
    padding-right: 20px; }

.top_info {
  width: 300px;
  float: left;
  margin-bottom: 30px; }

.s_lang, .s_sns, #s_catch, #s_footer {
  display: none; }

.top_news {
  width: 620px;
  float: right;
  margin-bottom: 50px; }
  .top_news h3 {
    text-align: center;
    background: #1924BA;
	width:100%; }
  .top_news li {
    border-bottom: 1px solid #AAAAAA;
    padding: 10px 0 10px 10px;
    overflow: hidden; }
    .top_news li dt {
      float: left;
      padding-right: 20px; }
    .top_news li dd {
      float: left; }
      .top_news li dd a {
        color: #007FFF;
        text-decoration: none; }

#top_pro_banner {
  clear: both;
  overflow: hidden; }
  #top_pro_banner li {
    width: 49%;
    margin-bottom: 10px; }
    #top_pro_banner li:nth-child(odd) {
      float: left; }
    #top_pro_banner li:nth-child(even) {
      float: right; }
    #top_pro_banner li img {
      max-width: 100%; }

#s_banner {
  display: none; }

.no_mail {
  clear: both;
  margin-bottom: 10px;
  border-bottom: 1px solid #AAAAAA; }
  .no_mail h3 {
    color: #FF7F00;
    font-weight: bold;
    font-size: 1.1em; }
  .no_mail p {
    font-size: 0.9em;
    margin: 5px 0 20px 0;
    line-height: 150%; }

.top_pay {
  font-size: 0.9em;
  overflow: hidden;
  line-height: 150%;
  margin-bottom: 30px; }
  .top_pay p.left {
    width: 330px;
    padding: 20px 0 0 60px; }
  .top_pay p.right {
    width: 300px;
    padding: 20px 0 0 0; }

.top_banner {
  clear: both;
  overflow: hidden;
  margin-bottom: 30px; }
  .top_banner li {
    float: left; }
    .top_banner li:first-child {
      padding-right: 20px; }
    .top_banner li:last-child {
      padding-left: 20px; }

header#top_title {
  margin: 180px 0 20px 0;
  border-bottom: #888888 1px solid;
  clear: both; }
  header#top_title h2 {
    font-size: 2.0em; }

.breadcrumbs {
  margin-bottom: 20px; }
  .breadcrumbs span {
    display: inline; }
  .breadcrumbs a {
    color: #39c;
    text-decoration: none; }

header#top_title_nobc {
  margin: 160px 0 20px 0;
  border-bottom: #888888 1px solid; }
  header#top_title_nobc h2 {
    font-size: 2.0em; }

header#top_title2 {
  margin: 20px 0 20px 0;
  border-bottom: #888888 1px solid; }
  header#top_title2 h2 {
    font-size: 2.0em; }

.top_about {
  width: 940px;
  margin: 0 auto 30px auto;
  overflow: hidden; }
  .top_about img {
    float: left; }
  .top_about section h3 {
    font-size: 1.6em; }
  .top_about section p {
    padding: 10px 0;
    line-height: 150%; }

.aboutus {
  width: 780px;
  margin: 20px auto 60px auto; }

.about_title {
  font-size: 1.5em;
  font-weight: bold;
  padding: 0 0 0 5px;
  border-bottom: 1px solid #888888; }

.aboutus table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse; }
  .aboutus table th {
    font-weight: normal;
    text-align: left;
    padding: 10px 0 10px 10px;
    width: 230px;
    border-bottom: 1px solid #888888; }
  .aboutus table td {
    border-bottom: 1px solid #888888;
    padding-bottom: 10px; }

.staff {
  width: 780px;
  margin: 0 auto 30px auto;
  overflow: hidden; }
  .staff div {
    padding: 50px 0;
    width: 380px; }
  .staff section {
    width: 58%;
    float: right; }
  .staff figure {
    width: 40%;
    float: left; }
  .staff h4 {
    font-size: 1.3em;
    padding-bottom: 10px; }
  .staff div:nth-child(odd) {
    float: right; }
  .staff div:nth-child(even) {
    float: left; }

.kitokito_top {
  margin-bottom: 70px; }
  .kitokito_top h2 {
    margin-bottom: 20px; }
  .kitokito_top p {
    line-height: 150%;
    font-size: 1.2em; }
  .kitokito_top div {
    width: 770px;
    margin: 22px auto 34px auto; }
    .kitokito_top div img {
      margin: 16px 0; }
  .kitokito_top ul {
    overflow: hidden; }
    .kitokito_top ul li {
      width: 50%;
      float: left;
      padding-bottom: 12px; }
    .kitokito_top ul a {
      text-decoration: none;
      color: #003FFF; }

.s_kitokito_main {
  display: none; }

#access {
  margin: 60px 0 0 0; }
  #access img {
    margin-bottom: 24px; }
.kitokito_menu{
	overflow:hidden;
}
.kitokito_menu .left img{
	margin-bottom:1rem;
}
.kitokito_menu iframe{
	margin-bottom:1rem;
}

.kitokito_menu div {
  clear: both;
  margin: 0 auto;}
.kitokito_menu .left{
	width:50%;
}
#kito {
   margin-top: -150px;
    padding-top: 150px;
}
/*かに小屋--2020.07.15--*/
.kani_koya{
	width: 940px;
	margin: 0 auto 30px auto;
	overflow: hidden;
}
.kani_koya p{
	margin: 20px auto;
}
.kani_koya table{
	float:left;
	margin-top:2rem;
	width:57%;
	font-size: 1.0rem;
	border-top:solid 1px #000000;
}
.kani_koya table th{
	text-align:left;
	font-weight:normal;
	padding:0.5rem;
	border-bottom:solid 1px #000000;
}
.kani_koya table td{
	padding:0.5rem;
	border-bottom:solid 1px #000000;
}
.kani_koya img.right{
	margin-top:2rem;
	float:right;
	margin-top:2rem;
}
.kani_plan{
	width: 940px;
	margin: 0 auto 30px auto;
	overflow: hidden;
}
.kani_plan section{
    width: 28%;
    float: left;
	margin-right:0.9rem;
	border:solid 1px #1F1713;
	padding:1.2rem;
}
.kani_plan section img{
	width:100%;
	margin-bottom:0.5rem;
}
.kani_plan section:nth-child(3n){
	margin-right:0;
}
p.kani_link{
	width: 95%;
    background: #E94B26;
    padding: 0.5rem;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    margin-top: 1rem;
}
.kani_link a{
	color:#FFF;
	text-decoration:none;
}
.kani_photo{
	width: 940px;
	margin: 0 auto 30px auto;
	overflow: hidden;
}
.kani_photo ul{
	display: flex;
    flex-weap: wrap;
    justify-content: space-between;
}
@media only screen and (max-width: 480px) {
	#kito {
	   margin-top: -100px;
		padding-top: 100px;
	}
}
  .kitokito_menu div section {
    width: 380px; }
    .kitokito_menu div section h4 {
      color: #B92C20;
      font-size: 1.4em;
      font-weight: bold; }
.kitokito_menu ul {
  clear: both;
  width: 100%;
  margin: 0 auto;
  overflow:hidden;}
.kitokito_menu li {
  width: 304px;
  float: left;
  margin-right: 14px;
  padding-bottom: 20px; }
  .kitokito_menu li img {
    width: 100%; }
  .kitokito_menu li:nth-child(3n) {
    margin-right: 0; }
  .kitokito_menu li p {
    text-align: right;
    font-weight: bold; }
.kitokito_menu dl {
  clear: both;
  padding-top: 8px; }
.kitokito_menu dt {
  color: #103872;
  font-weight: bold; }
  .kitokito_menu li dd p {
    text-align: left;
   }
.menu_text {
  width: 780px;
  margin: 0 auto; }

div.s_title {
  border-bottom: solid 1px #888888;
  overflow: hidden;
  margin-bottom: 5px; }
  div.s_title h3 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 30px 20px 0 0;
    padding-bottom: 3px;
    float: left;
    font-weight: normal; }
  div.s_title p {
    float: left;
    margin: 35px 0 0 0;
    font-size: 1.3em; }

.kitokito_main {
  clear: both;
  margin-bottom: 20px; }
  .kitokito_main h3.sub_title {
    border-bottom: solid 1px #888888;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 15px; }
  .kitokito_main img {
    margin-bottom: 8px; }

.fish_top {
  line-height: 150%;
  padding-bottom: 20px;
  font-size: 1.3em; }

.fish_main {
  background: url(../images/fish/fish_img3.png) no-repeat right 80px;
  margin-bottom: 40px;
  overflow: hidden; }
  .fish_main figure img {
    margin: 50px auto 60px auto;
    text-align: center;
    display: block; }
  .fish_main section {
    margin-bottom: 20px; }
    .fish_main section h3 {
      border-bottom: solid 1px #888888;
      padding-bottom: 10px;
      margin-bottom: 10px; }
    .fish_main section p {
      font-size: 1.1em;
      line-height: 160%;
      width: 62%; }
      .fish_main section p span {
        display: block;
        padding-top: 15px; }
    .fish_main section.wi60 {
      width: 62%; }
      .fish_main section.wi60 p {
        width: 100%; }
    .fish_main section.wi100 p {
      width: 100%; }

.s_main_top {
  display: none; }

/*privacy*/
#privacy {
  margin-bottom: 16px; }
  #privacy section {
    margin-bottom: 20px; }
  #privacy h2 {
    font-weight: bold;
    margin: 16px 0 5px 0;
    font-size: 1.3em; }

/*blog*/
#blog_menu {
  width: 300px;
  float: left;
  margin-top: 20px; }
  #blog_menu dl {
    margin-bottom: 40px; }
  #blog_menu dt {
    text-align: center;
    border-bottom: solid 1px #878D97;
    color: #868C97;
    font-size: 1.3em;
    padding: 0 0 12px 0;
    margin-bottom: 12px; }
  #blog_menu dd {
    margin-bottom: 4px; }
  #blog_menu a {
    color: #007FFF; }

#blog {
  width: 620px;
  float: right;
  margin-top: 20px; }
  #blog header {
    margin-bottom: 22px; }
    #blog header h2 {
      font-size: 1.7em;
      border-bottom: solid 1px #878D97;
      padding: 0 0 8px 12px;
      line-height: 130%;
      margin-bottom: 10px; }
    #blog header time {
      margin-left: 10px; }
    #blog header ul {
      float: right; }
    #blog header li {
      float: left;
      margin-right: 18px; }
      #blog header li:last-child {
        margin-right: 0; }
  #blog .blog_text {
    width: 570px;
    margin: 0 auto;
    font-size: 1.1em; }
  #blog .blog_cat {
    border-top: solid 1px #878D97;
    padding: 8px 0 16px 12px;
    background: #ECF0F1;
    margin-top: 16px;
    display: block; }
  #blog article {
    margin-bottom: 90px; }
#blog .blog_text img{
	max-width:100%;
}

/*voice*/
#voice {
  width: 620px;
  float: right;
  margin-top: 20px; }
  #voice header {
    margin-bottom: 12px;
    clear: both;
    background: url(../images/voice/voice_back.gif) no-repeat left bottom #FFDC73;
    display: block;
    padding: 14px 10px 12px 16px;
    overflow: hidden; }
    #voice header p {
      float: left;
      font-size: 0.9em;
      width: 115px; }
      #voice header p strong {
        font-size: 1.6em;
        font-weight: normal; }
    #voice header h2 {
      float: left;
      font-size: 1.7em;
      padding: 0 0 8px 12px;
      line-height: 130%;
      margin-bottom: 10px;
      font-weight: bold; }
  #voice .voice_text {
    clear: both;
    width: 100%;
    font-size: 1.1em;
    line-height: 1.6; }
  #voice .from_shop {
    border: solid 1px #DDDDDD;
    padding: 16px;
    margin-top: 20px; }
    #voice .from_shop h3 {
      font-weight: bold;
      font-size: 1.1em;
      margin-bottom: 5px; }
    #voice .from_shop figure {
      width: 80px;
      float: left;
      margin: 0 16px 6px 0; }
      #voice .from_shop figure img {
        width: 100%; }
  #voice .voice_cat {
    padding: 8px 0 16px 12px;
    background: #ECF0F1;
    display: block;
    margin-top: 12px; }
  #voice article {
    margin-bottom: 90px; }

.btn_acspmb {
  display: block;
  margin: 0 auto;
  width: 500px;
  font-size: 2em; }

.ui-content {
  padding: 0;
  overflow: hidden; }

/*slide*/
#sb-site {
  overflow: hidden; }

.sb-slidebar .sb-toggle-right {
  color: #FFF;
  font-size: 14px;
  padding: 8px 0 8px 10px; }

.sb-slidebar {
  font-size: 15px;
  font-weight: bold;
  position: relative; }
  .sb-slidebar a, .sb-slidebar a:visited, .sb-slidebar span {
    color: #fff;
    text-decoration: none;
    display: block; }
  .sb-slidebar .ui-link:visited {
    color: #FFF; }
  .sb-slidebar ul {
    background-color: #666; }
  .sb-slidebar li {
    border-bottom: #999 solid 1px;
    position: relative;
    text-shadow: none; }
    .sb-slidebar li:last-child {
      border-bottom: none; }
    .sb-slidebar li a, .sb-slidebar li span {
      display: block;
      padding: 10px 12px; }

@media only screen and (min-width: 829px) and (max-width: 959px) {
  #main_content, #top_content, #other_content {
    width: 94%;
    margin: 0 auto; }

  #header {
    position: fixed;
    z-index: 5;
    margin: 0 auto;
    width: 100%; }

  .address, .copy {
    display: none; }

  header#common {
    width: 96%;
    margin: 0 auto;
    background: #FFF; }
    header#common img {
      width: 100%; }
    header#common #logo_img {
      float: none;
      width: 200px; }
    header#common #catch {
      width: 320px;
      left: 26%; }
      header#common #catch img {
        width: 100%; }
    header#common #tell {
      width: 220px;
      left: 26%; }
      header#common #tell img {
        width: 100%; }
    header#common .lang {
      right: 16%; }
    header#common .sns {
      right: 30%; }
    header#common form {
      right: 0;
      width: 30%;
      text-align: right; }
    header#common .searchtext {
      width: 70%; }

  #slide_wrap {
    padding-top: 185px;
    height: 190px; }

  #foot, .address {
    width: 94%; }

  #common_nav {
    width: 100%; }

  #contents_wrap {
    padding-top: 160px; }

  #menu {
    margin-left: 10px; }

  .s_main_top {
    display: none; }

  .main_top {
    margin: 12px 0 12px 0; }
    .main_top h2 img {
      width: 100%;
      display: block; }
    .main_top h2 .left {
      float: none; }
    .main_top h2 .right {
      float: none; }
    .main_top p.p_top {
      margin: 10px 0;
      width: 100%;
      float: none; }
    .main_top section {
      width: 100%;
      margin: 0 auto 20px auto;
      clear: both;
      border-top: #666666 1px solid;
      padding-top: 20px; }
      .main_top section h3 {
        color: #BB2817;
        font-weight: bold;
        padding: 0 0 10px 0;
        width: 54%;
        float: right; }
      .main_top section img {
        width: auto;
        display: block;
        margin: 0 10px;
        width: 40%;
        float: left; }
    .main_top p {
      padding: 0;
      width: 52%;
      margin: 0 10px;
      float: right; }

  .top_banner {
    width: 100%;
    clear: both;
    overflow: hidden; }
    .top_banner li {
      width: 30%;
      float: left; }
      .top_banner li:first-child {
        padding-right: 30px; }
      .top_banner li:last-child {
        padding-left: 30px; }
    .top_banner img {
      width: 100%; }

  .no_mail {
    clear: both;
    margin-bottom: 10px;
    border-bottom: 1px solid #AAAAAA;
    width: 100%; }
    .no_mail h3 {
      color: #FF7F00;
      font-weight: bold;
      font-size: 1.1em; }
    .no_mail p {
      font-size: 0.8em;
      margin: 5px 0 20px 0;
      line-height: 150%; }

  .top_pay {
    font-size: 0.8em;
    overflow: hidden;
    line-height: 150%;
    margin-bottom: 30px;
    width: 100%; }
    .top_pay p.left {
      width: 30%; }
    .top_pay p.right {
      width: 30%; }

  .top_info {
    width: 32%;
    float: left;
    margin-bottom: 50px; }
    .top_info p {
      widows: 100%;
      padding: 10px 0;
      line-height: 150%;
      font-size: 0.9em; }
    .top_info .banner {
      width: 100%; }

  .top_news {
    width: 65%;
    float: right; }
    .top_news ul {
      width: 100%;
      margin: 0 auto;
      font-size: 1.1em; }
      .top_news ul dt {
        float: none;
        padding: 0  20px 10px 0; }
      .top_news ul dd {
        float: none; }
        .top_news ul dd a {
          color: #007FFF;
          text-decoration: none; }

  footer {
    background: url(../images/footer_back.png) repeat-x left top;
    height: 116px;
    clear: both;
    width: 100%; }

  #common input#searchsubbtn_sp {
    display: none; }

  #foot {
    margin: 0 auto; }
    #foot nav p {
      text-align: center;
      font-size: 0.9em;
      line-height: 200%;
      padding-top: 20px; }
      #foot nav p a {
        color: #FFFFFF;
        text-decoration: none; }

  .address {
    padding: 50px 0 0 0;
    line-height: 150%;
    width: 630px;
    margin: 0 auto; }

  .copy {
    font-size: 0.8em;
    padding: 10px 0 0 0;
    text-align: center; }

  #resizeimage, #resizeimage2 {
    width: 100%;
    margin-top: 180px;
    height: 30%;
    background-position: top;
    background-size: 100%; } }
@media only screen and (max-width: 830px) {
  #slide_wrap {
    padding-top: 0;
    height: 200px; }

  .address, .copy {
    display: none; }

  #main_content {
    width: 94%; }

  #other_content {
    width: 94%;
    margin-top: 0;
    padding: 0; }

  #main-content {
    padding-top: 70px; }

  #header {
    position: fixed;
    z-index: 5;
    margin: 0 auto;
    width: 100%; }

  #slide_wrap {
    height: 19.56%; }

  #top_images {
    margin-bottom: 0; }
    #top_images .photo {
      height: 0;
      padding-top: 30%;
      background-size: 100%;
      background-position: center center; }
    #top_images #slide_photo_buri {
      background-image: url(../images/sp_slide/buri.jpg); }
    #top_images #slide_photo_ebi {
      background-image: url(../images/sp_slide/ebi.jpg); }
    #top_images #slide_photo_hotaruika {
      background-image: url(../images/sp_slide/hotaruika.jpg); }
    #top_images #slide_photo_ika {
      background-image: url(../images/sp_slide/ika.jpg); }
    #top_images #slide_photo_kani {
      background-image: url(../images/sp_slide/kani.jpg); }
    #top_images #slide_photo_kasago {
      background-image: url(../images/sp_slide/kasago.jpg); }
    #top_images #slide_photo_mukimi {
      background-image: url(../images/sp_slide/mukimi.jpg); }
    #top_images #slide_photo_sashimi {
      background-image: url(../images/sp_slide/sashimi.jpg); }
    #top_images #slide_photo_shiroebi {
      background-image: url(../images/sp_slide/shiroebi.jpg); }

  .head_info {
    background: #FFF; }

  #sform {
    display: block;
    padding-top: 90px; }
    #sform form {
      background: #ECF0F1;
      width: 100%;
      overflow: hidden;
      text-align: center; }
      #sform form input {
        vertical-align: middle;
        display: inline; }
      #sform form input[type="submit"] {
        display: inline;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -webkit-appearance: none;
        width: 18%;
        background: #1F34B4;
        border: none;
        color: #FFF;
        margin: 5px 0 5px 8px;
        height: 27px;
        font-size: 14px; }
      #sform form input[type="image"] {
        display: none; }
      #sform form input[type="text"] {
        width: 65%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        margin: 10px 0;
        font-size: 1.1em; }

  #header {
    height: 90px; }

  #contents_wrap {
    padding-top: 100px; }

  header#common {
    width: 100%;
    height: 90px; }
    header#common p {
      width: 42%;
      font-size: 12px;
      margin-right: 0; }
    header#common #logo_img {
      width: 156px;
      top: 8px;
      left: 10px; }
      header#common #logo_img img {
        width: 100%; }
    header#common form {
      display: none; }
    header#common #tell, header#common .lang, header#common #catch, header#common .log_cart, header#common .sns {
      display: none; }
    header#common #s_catch {
      display: block;
      width: 100%;
      height: 25px;
      background: #1F34B4;
      padding: 2px 1%;
      text-align: center;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      header#common #s_catch img {
        height: 25px;
        left: 0;
        right: 0; }
    header#common .s_main_top {
      display: none; }
    header#common .s_log_cart {
      display: block;
      position: relative;
      float: right;
      width: 170px; }
      header#common .s_log_cart li {
        text-align: right;
        position: absolute; }
      header#common .s_log_cart img {
        width: 100%; }
      header#common .s_log_cart a {
        display: block; }
      header#common .s_log_cart #hd_menu {
        right: 8px;
        top: 15px;
        width: 42px; }
      header#common .s_log_cart .cart {
        width: 42px;
        right: 53px;
        top: 15px; }
      header#common .s_log_cart .login {
        width: 42px;
        right: 96px;
        top: 15px; }

  #common_nav {
    display: none; }

  #resizeimage, #resizeimage2 {
    width: 100%;
    padding-top: 30%;
    height: 0;
    margin-top: 0;
    background-size: 100%;
    background-position: top; }

  #resizeimage2 {
    background-image: url(../images/fish/fish_top_sp.png); }

  #s_footer {
    display: block;
    text-align: center;
    padding: 15px 0;
    font-size: 12px; }

  .s_sns_guide {
    border-bottom: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA; }

  .s_sns {
    display: block;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    margin: 0 auto; }
    .s_sns li {
      float: left;
      width: 32%;
      margin-right: 2%; }
      .s_sns li:last-child {
        margin-right: 0; }
      .s_sns li img {
        width: 30%; }

  .s_lang {
    display: block;
    overflow: hidden;
    width: 100%;
    margin: 0 auto 14px auto; }
    .s_lang li {
      float: left;
      width: 32%;
      margin-right: 2%;
      text-align: center; }
      .s_lang li:last-child {
        margin-right: 0; }
      .s_lang li img {
        width: 100%; }

  div.s_title h3 {
    float: none;
    font-size: 16px;
    margin: 16px 0 0 0;
    font-weight: bold; }
  div.s_title p {
    float: none;
    font-size: 14px;
    margin: 0;
    margin-bottom: 4px; }

  footer {
    display: none; }

  .top_banner {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin-bottom: 0; }
    .top_banner li {
      width: 47%;
      float: left;
      margin-bottom: 16px; }
      .top_banner li:first-child {
        padding-right: 15px; }
      .top_banner li:last-child {
        display: none; }
    .top_banner img {
      width: 100%; }

  /*top*/
  .top_info {
    width: 100%;
    float: none; }
    .top_info h3 {
      text-align: center;
      background: #103872; }
    .top_info p {
      margin-bottom: 0; }
    .top_info .banner {
      display: none; }

  .top_news {
    width: 100%;
    clear: both;
    float: none;
    margin-bottom: 20px; }
    .top_news ul {
      width: 100%;
      margin: 0 auto;
      font-size: 1.1em; }
      .top_news ul dt {
        float: none;
        padding: 0  20px 10px 0; }
      .top_news ul dd {
        float: none; }
        .top_news ul dd a {
          color: #007FFF;
          text-decoration: none; }

  .top_about {
    margin: 0 auto 20px auto;
    width: 100%; }
    .top_about img {
      width: 20%; }
    .top_about section {
      width: 100%; }
      .top_about section p {
        padding: 0;
        font-size: 14px; }
    .top_about h3 {
      display: none; }

  .main_top {
    display: none; }

  .s_main_top {
    display: block;
    margin: 12px 0 12px 0; }
    .s_main_top h2 img {
      width: 100%; }
    .s_main_top p.p_top {
      margin: 10px 0;
      width: 100%;
      float: none; }
    .s_main_top a {
      color: #000; }
    .s_main_top .pa_20 {
      padding-right: 0; }
    .s_main_top section {
      width: 100%;
      margin: 0 auto 8px auto;
      clear: both;
      border-top: #666666 1px solid;
      padding-top: 16px; }
      .s_main_top section h3 {
        color: #BB2817;
        font-weight: bold;
        width: 57%;
        float: right;
        font-size: 15px; }
      .s_main_top section img {
        width: auto;
        display: block;
        width: 40%;
        float: left;
        margin-bottom: 16px; }
    .s_main_top p {
      padding: 0 0 12px 0;
      width: 57%;
      float: right;
      font-size: 14px; }

  .fish_top, .fish_main {
    font-size: 14px; }

  .staff {
    width: 100%;
    margin: 0 auto 30px auto;
    overflow: hidden; }
    .staff div {
      width: 100%;
      padding: 20px 0 0 0; }
    .staff figure {
      float: left;
      width: 20%; }
      .staff figure img {
        width: 100%; }
    .staff section {
      width: 75%;
      float: right; }
    .staff h4 {
      font-size: 15px;
      padding-bottom: 10px; }
    .staff p {
      font-size: 14px; }
    .staff div:nth-child(odd) {
      width: 100%;
      float: none;
      clear: both; }
    .staff div:nth-child(even) {
      width: 100%;
      float: none;
      clear: both; }

  .fish_main {
    background: none;
    margin-bottom: 40px;
    overflow: hidden; }
    .fish_main figure img {
      margin: 20px auto;
      text-align: center;
      display: block;
      width: 100%; }
    .fish_main section {
      margin-bottom: 20px; }
      .fish_main section h3 {
        border-bottom: solid 1px #888888;
        padding-bottom: 3px;
        margin-bottom: 6px;
        width: 100%; }
        .fish_main section h3 img {
          max-width: 100%; }
      .fish_main section p {
        line-height: 150%;
        width: 100%; }
        .fish_main section p span {
          display: block;
          padding-top: 15px; }
      .fish_main section p.left {
        width: 100%; }
      .fish_main section img.right {
        max-width: 100%;
        float: none; }
      .fish_main section.wi60 {
        width: 100%; }
      .fish_main section.wi100 {
        width: 100%; }

  /*blog*/
  #blog {
    width: 100%;
    float: none; }
    #blog article {
      margin-bottom: 30px; }
    #blog header h2 {
      font-size: 15px;
      font-weight: bold;
      padding: 0 0 8px 0; }
    #blog header time {
      font-size: 12px;
      margin-left: 0; }
    #blog .blog_text {
      font-size: 14px;
      width: 100%; }
    #blog .blog_cat {
      padding: 6px 0 6px 10px;
      font-size: 12px; }

  #blog_menu {
    width: 100%; }
    #blog_menu dl {
      margin-bottom: 20px; }

  #voice {
    width: 100%;
    float: none; }
    #voice article {
      margin-bottom: 30px; }
    #voice header {
      padding: 6px 10px 12px 8px;
      margin-bottom: 8px; }
      #voice header p {
        float: none;
        font-size: 14px; }
        #voice header p strong {
          font-size: 14px; }
      #voice header h2 {
        font-size: 16px;
        float: none;
        padding: 0; }
    #voice .voice_text {
      font-size: 14px; }
    #voice .from_shop {
      padding: 8px;
      font-size: 12px; }
      #voice .from_shop figure {
        width: 60px; }
        #voice .from_shop figure img {
          width: 100%; }
    #voice .voice_cat {
      padding: 6px 0 6px 10px;
      font-size: 12px; }

  #s_banner {
    display: block;
    clear: both;
    padding-bottom: 10px; }
    #s_banner li:first-child {
      padding-top: 0px; }
    #s_banner li {
      width: 100%;
      padding-top: 10px; }
    #s_banner img {
      max-width: 100%; }
.l_banner img {
      max-width: 100%; }

  .kitokito_top {
    width: 100%;
    margin-bottom: 40px; }
    .kitokito_top h2 {
      width: 38%;
      margin: 0 0 4px 0; }
      .kitokito_top h2 img {
        width: 60%; }
    .kitokito_top p {
      width: 100%;
      font-size: 14px;
      padding: 0; }
    .kitokito_top div {
      width: 100%;
      margin: 16px auto 34px auto; }
      .kitokito_top div p img {
        width: 100%;
        height: auto; }
    .kitokito_top ul {
      overflow: hidden; }
      .kitokito_top ul li {
        width: 50%;
        padding-bottom: 10px;
        font-size: 0.9em;
        float: left; }
        .kitokito_top ul li a {
          text-decoration: none;
          color: #003FFF; }
    .kitokito_top img {
      width: 100%;
      height: auto; }

  .kitokito_menu div {
    clear: both;
    margin: 0 auto; }
    .kitokito_menu div img {
      width: 41%; }
    .kitokito_menu div section {
      width: 56%; }
      .kitokito_menu div section h4 {
        color: #B92C20;
        font-weight: bold;
        font-size: 18px; }
      .kitokito_menu div section p {
        font-size: 14px; }
  .kitokito_menu ul {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0; }
  .kitokito_menu li {
    width: 100%;
    float: left;
    margin-right: 14px;
    padding-bottom: 50px; }
    .kitokito_menu li img {
      width: 100%; }
    .kitokito_menu li:nth-child(3n) {
      margin-right: 14px; }
    .kitokito_menu li p {
      text-align: right;
      font-weight: bold; }
  .kitokito_menu dl {
    clear: both;
    padding-top: 8px; }
  .kitokito_menu dt {
    color: #103872;
    font-weight: bold;
    font-size: 14px; }

  #privacy h2 {
    font-size: 15px; }

  header#top_title {
    margin: 20px 0; }
	
	/*かに小屋--2020.07.15 830--*/
	.kani_koya{
		width: 94%;
		margin: 0 auto 30px auto;
		overflow: hidden;
	}
	.kani_koya img{
		width:100%;
	}
	.kani_koya p{
		margin: 20px auto;
	}
	.kani_koya table{
		float:left;
		margin-top:2rem;
		width:60%;
		font-size: 0.8rem;
		border-top:solid 1px #000000;
	}
	.kani_koya table th{
		text-align:left;
		font-weight:normal;
		padding:0.5rem;
		width:25%;
		border-bottom:solid 1px #000000;
	}
	.kani_koya table td{
		padding:0.5rem;
		border-bottom:solid 1px #000000;
	}
	.kani_koya img.right{
	margin-top:2rem;
	float:right;
	margin-top:2rem;
	width:38%;
	}
	.kani_plan{
		width: 94%;
		margin: 0 auto 30px auto;
		overflow: hidden;
	}
	.kani_plan{
		width: 94%;
		margin: 0 auto 30px auto;
		overflow: hidden;
	}
	.kani_plan section{
		width: 26%;
		float: left;
		margin-right:0.9rem;
		border:solid 1px #1F1713;
		padding:1.2rem;
	}
	.kani_plan section img{
		width:100%;
		margin-bottom:0.5rem;
	}
	.kani_plan section:nth-child(3n){
		margin-right:0;
	}
	p.kani_link{
		width: 95%;
		background: #E94B26;
		padding: 0.5rem;
		text-align: center;
		font-weight: bold;
		font-size: 1.2rem;
		margin-top: 1rem;
	}
	.kani_link a{
		color:#FFF;
		text-decoration:none;
	}
	.kani_photo{
		width: 94%;
		margin: 0 auto 30px auto;
		overflow: hidden;
	}
	.kani_photo ul{
		display: flex;
		flex-weap: wrap;
		justify-content: space-between;
	}
	.kani_photo ul li img{
		width:97%;
	}
}
@media only screen and (max-width: 767px) and (min-width: 481px) {
  .top_sakana, .no_mail, .top_pay, .top_info {
    display: none; }

  #main_content, #top_content, #other_content {
    width: 94%; }

  .main_top {
    display: none; }

  #common_nav {
    display: none; }

  .s_img {
    width: 100%;
    margin: 20px 0; }

  header#top_title {
    margin: 15px 0 20px 0;
    border-bottom: #888888 1px solid; }
    header#top_title h2 {
      font-size: 1.6em; }

  .kitokito_main {
    display: none; }

  .s_kitokito_main {
    display: block;
    margin: 50px 0 0 0; }
    .s_kitokito_main h3 {
      font-size: 1.5em;
      border-bottom: solid 1px #888888;
      font-weight: bold;
      padding-bottom: 3px; }
    .s_kitokito_main div img {
      float: left;
      width: 10%;
      height: auto; }

  .purple, .green, .blue {
    clear: both;
    padding: 20px 0 20px 5px;
    border-bottom: solid 1px #888888;
    overflow: hidden; }
    .purple p, .green p, .blue p {
      float: left;
      padding-left: 25px;
      width: 80%; }

  .purple strong {
    font-size: 1.2em;
    color: #C081AE; }

  .green strong {
    font-size: 1.2em;
    color: #52B186; }

  .blue strong {
    font-size: 1.2em;
    color: #458BC3; }

  .aboutus {
    width: 100%;
    margin: 20px auto 60px auto; }

  #resizeimage img {
    width: 100%; }

  #s_banner {
    display: block;
    padding-bottom: 0; }
    #s_banner li:first-child {
      padding-top: 0px; }
    #s_banner li {
      float: none;
      padding-top: 10px;
      width: 100%; }
    #s_banner img {
      width: 96%; }

  #header {
    height: 95px; }

  header#common {
    height: 90px; }
    header#common .s_log_cart #hd_menu {
      right: 16px;
      width: 44px;
      top: 12px; }
    header#common .s_log_cart .login {
      right: 135px;
      width: 44px;
      top: 12px; }
    header#common .s_log_cart .cart {
      right: 75px;
      width: 44px;
      top: 12px; }
    header#common #s_catch {
      text-align: center; }

  .s_lang li img {
    width: 80%; }

  #sform {
    padding-top: 95px; }

  .aboutus table th {
    width: 100px; }

  .kitokito_menu ul {
    padding: 12px 0 0 0; }
  .kitokito_menu li {
    width: 48%;
    margin-right: 0;
    padding-bottom: 14px; }
    .kitokito_menu li:nth-child(even) {
      float: right; }
    .kitokito_menu li:nth-child(odd) {
      float: left; }
    .kitokito_menu li:last-child {
      clear: both; }

  #top_images .photo {
    padding-top: 18%; }

  #resizeimage2 {
    width: 100%;
    padding-top: 15%;
    height: 0;
    margin-top: 0;
    background-image: url(../images/fish/fish_top.jpg);
    background-size: 100%;
    background-position: bottom; }

  .fish_main section h3 {
    padding-bottom: 6px; }
    .fish_main section h3 img {
      width: auto;
      height: 16px; } }
@media only screen and (max-width: 480px) {
  #slide_wrap {
    height: 19.56%; }

  .s_sns {
    display: block;
    overflow: hidden;
    padding: 20px;
    text-align: center;
    margin: 0 auto; }
    .s_sns li {
      float: left;
      width: 32%;
      margin-right: 2%; }
      .s_sns li:last-child {
        margin-right: 0; }
      .s_sns li img {
        width: 50%; }

  /*.top_info, .top_sakana, .main_top, .no_mail, .top_pay {
    display: none; }*/

  .top_news {
    width: 100%;
    clear: both;
    float: none; }
    .top_news h3 {
      background: #1F34B4; }
      .top_news h3 img {
        max-height: 28px; }
    .top_news ul {
      width: 100%;
      margin: 0 auto; }
      .top_news ul dt {
        float: none;
        padding: 0;
        margin: 0;
        font-size: 12px; }
      .top_news ul dd {
        float: none;
        font-size: 14px; }
        .top_news ul dd a {
          color: #007FFF;
          text-decoration: none; }

  header#top_title {
    margin: 20px 0 16px 0;
    border-bottom: #888888 1px solid; }
    header#top_title .breadcrumbs {
      font-size: 12px;
      margin-bottom: 5px; }
    header#top_title h2 {
      font-size: 18px; }

  header#top_title2 {
    margin: 20px 0 8px 0;
    border-bottom: #888888 1px solid; }
    header#top_title2 h2 {
      font-size: 17px; }

  .about_title {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 4px 5px;
    border-bottom: 1px solid #888888; }

  .aboutus {
    width: 100%; }
    .aboutus table {
      width: 100%;
      font-size: 12px; }
      .aboutus table th {
        font-weight: normal;
        text-align: left;
        padding: 8px 0 8px 6px;
        width: 30%;
        border-bottom: 1px solid #888888;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      .aboutus table td {
        padding: 8px 0 8px 0;
        width: 70%;
        border-bottom: 1px solid #888888;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }

  .aboutus {
    margin: 10px auto 30px auto; }

  .kitokito_main {
    display: none; }

  .s_img {
    width: 100%;
    margin: 20px 0; }

  .kitokito_top {
    width: 100%;
    margin-bottom: 40px; }
    .kitokito_top h2 {
      width: 38%;
      margin: 0 0 4px 0; }
      .kitokito_top h2 img {
        width: 100%; }
    .kitokito_top p {
      width: 100%;
      font-size: 14px;
      padding: 0; }
    .kitokito_top div {
      width: 100%;
      margin: 16px auto 34px auto; }
      .kitokito_top div img {
        width: 100%;
        height: auto; }
    .kitokito_top ul {
      overflow: hidden; }
      .kitokito_top ul li {
        width: 100%;
        padding-bottom: 10px;
        font-size: 0.9em;
        float: none; }
        .kitokito_top ul li a {
          text-decoration: none;
          color: #003FFF; }
    .kitokito_top img {
      width: 100%;
      height: auto; }

  .sub_title {
    font-size: 16px;
    border-bottom: solid 1px #888888;
    font-weight: bold;
    padding-bottom: 3px;
    margin-bottom: 16px; }

  .kitokito_menu div {
    width: 100%; }
	.kitokito_menu .left{
	width:100%;
}
    .kitokito_menu div img {
      width: 100%;
      margin: 0 auto 8px auto; }
    .kitokito_menu div section {
      width: 100%; }
      .kitokito_menu div section h4 {
        color: #B92C20;
        font-weight: bold;
        font-size: 18px; }
  .kitokito_menu ul {
    width: 100%;
    font-size: 12px;
    padding: 20px 0; }
    .kitokito_menu ul li {
      width: 100%;
      margin-right: 0;
      margin-bottom: 12px;
      padding-bottom: 0; }

  .s_kitokito_main {
    display: block;
    margin: 50px 0 0 0; }
    .s_kitokito_main div img {
      float: left;
      width: 20%;
      height: auto; }

  .purple, .green, .blue {
    clear: both;
    padding: 20px 0 20px 5px;
    border-bottom: solid 1px #888888;
    overflow: hidden; }
    .purple p, .green p, .blue p {
      float: left;
      padding-left: 20px;
      width: 72%; }

  .purple strong {
    font-size: 1.2em;
    color: #C081AE; }

  .green strong {
    font-size: 1.2em;
    color: #52B186; }

  .blue strong {
    font-size: 1.2em;
    color: #458BC3; }

	/*かに小屋--2020.07.15--*/
	.kani_koya{
		width: 94%;
		margin: 0 auto 30px auto;
		overflow: hidden;
	}
	.kani_koya img{
		width:100%;
	}
	.kani_koya p{
		margin: 20px auto;
	}
	.kani_koya table{
		float:left;
		margin-top:2rem;
		width:100%;
		font-size: 0.9rem;
		border-top:solid 1px #000000;
	}
	.kani_koya table th{
		text-align:left;
		font-weight:normal;
		padding:0.5rem;
		width:25%;
		border-bottom:solid 1px #000000;
	}
	.kani_koya table td{
		padding:0.5rem;
		border-bottom:solid 1px #000000;
	}
	.kani_koya img.right{
		display:none;
	}
	.kani_plan{
		width: 94%;
		margin: 0 auto 30px auto;
		overflow: hidden;
	}
	.kani_plan section{
		width: 88%;
		float: none;
		margin-right:0;
		margin-bottom:1.5rem;
		border:solid 1px #1F1713;
		padding:1.2rem;
	}
	.kani_plan section img{
		width:100%;
		margin-bottom:0.5rem;
	}
	.kani_plan section:nth-child(3n){
		margin-right:0;
	}
	p.kani_link{
		width: 94%;
		background: #E94B26;
		padding: 0.5rem;
		text-align: center;
		font-weight: bold;
		font-size: 1.2rem;
		margin-top: 1rem;
	}
	.kani_link a{
		color:#FFF;
		text-decoration:none;
	}
	.kani_photo{
		width: 94%;
		margin: 0 auto 30px auto;
		overflow: hidden;
	}
	.kani_photo ul{
		display:block;
		flex-weap: wrap;
		justify-content: space-between;
	}
	.kani_photo ul li{
		margin:0 auto 2rem auto;
	}
	.kani_photo ul li img{
		width:100%;
	}
}