@charset "UTF-8";

/*=================================
    海のごちそう頒布会
    260602
=================================*/
/* 基本
=========================================*/
* {
    margin: 0;
    padding: 0;
}

img{
	border:0;
  max-width:100%;
  vertical-align:bottom;
}

a:hover img{
	opacity:.8;
}

ul,
ol{
	list-style-type: none;
}

    body .container .block h2 {
    border-bottom: none !important;
    padding: 0px 0px;
    }

    body .container .block h3 {
    border-bottom: none !important;
    padding: 0px 0px;
    }

/* 調整
----------------------------------------*/
.boxC,
.imgC,
.txtC{
	text-align:center;
}
.txtL{
	text-align:left;
}
.txtR{
	text-align:right;
}
.none{
	display:none;
}

.width100{width:100%;}

.sp{display:none;}

@media only screen and (max-width: 767px){
.sp{display:block;}
.pc{display:none;}
  br.sp{display:inline;}
}


/* レイアウト
=========================================*/
html {
	scroll-behavior: smooth;
}
body{
/* 	text-align:center;*/
  background:#fff;
}

a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#f00;
	text-decoration:underline;
}


.sp{display:none;}
@media only screen and (max-width: 767px){
  .sp{display:block;}
  .pc{display:none;}
  br.sp{display:inline;}
}


main{
  width:100%;
  max-width:960px;
  margin:0 auto;
}
.slick01,
.slick02{
  margin:min(3.75vw , 36px) auto;
}
.slick01{
  margin-bottom:0;
}
.slick01 img,
.slick02 img{
  height:min(46.25vw , 444px);
  margin:0 min(1.88vw , 18px);
}

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
  }
}


/* ヘッダ
=========================================*/
.hdr{
  position:relative;
}
.hdr_logo {
  padding: 30px 0;
}
@media screen and (max-width: 960px) {
  .hdr_wrap {
    padding: 10px 15px;
  }
  .hdr_logo {
    padding: 0;
  }
}


/* フッタ
=========================================*/
footer{
  color: #000;
  text-align:left;
  font-weight: 500;
}
footer .ftr_name h3{
  font-weight:bold;
}
footer .copy{
  box-sizing: border-box;
}
.pagetop.pc-on{
  display:none;
}
@media screen and (max-width: 960px) {
  .ftr {
      padding: 20px 0 0;
  }
}