@charset "utf-8";

/*----------------------------------------------------------------------------------------------------

  Main visual
  
----------------------------------------------------------------------------------------------------*/

.mainVisual {
  width:100%;
  position:relative;
  overflow:hidden;
}

.mainVisual .lead {
  display:none;
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:100;
}

.mainVisual .lead__txt {
  color:#fff;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.mainVisual .lead p {
  padding-top:0.5em;
}

.mv-slider {
  list-style:none;
  width:100%;
  height:100%;
  margin-left:auto;
  margin-right:auto;
}

.mv-slider li {
  overflow:hidden;
}

.mv-slider img {
  width:100%;
  object-fit:cover;
  font-family:'object-fit: cover;'
}

@media print,screen and (min-width:641px) {
  .mv-slider {
    max-width:1180px;
    min-width:1000px;
  }
  
  .mainVisual,
  .mv-slider img {
    height:700px !important;
  }
  
  .mv-slider.left {
    width:1180px;
    position:absolute;
    right:-webkit-calc(50% + 590px);
    right:calc(50% + 590px);
    top:0;
  }
  
  .mv-slider.right {
    width:1180px;
    position:absolute;
    left:-webkit-calc(50% + 590px);
    left:calc(50% + 590px);
    top:0;
  }
}

@media screen and (max-width:640px) {
  .mainVisual .lead p {
    font-size:1.1em;
  }
  
  .mainVisual,
  .mv-slider img {
    height:-webkit-calc(500 / 640 * 100vw) !important;
    height:calc(500 / 640 * 100vw) !important;
    min-height:300px;
  }
  
  .mv-slider.left,
  .mv-slider.right {
    display:none;
  }
}

@media screen and (max-width:480px) {
  .mainVisual .lead {
    font-size:3vw;
  }
  
  .mainVisual .lead p {
    font-size:1em;
  }
}

@media screen and (max-width:320px) {
  .mainVisual .lead {
    font-size:74%;
  }
}


/*----------------------------------------------------------------------------------------------------

  お知らせ
  
----------------------------------------------------------------------------------------------------*/

.info {
  text-align:left;
  line-height:1.6;
}

.info-box .photo {
  background-color:#fff;
}

.info-box .date {
  color:#848993;
  font-size:0.9em;
  display:inline-block;
  margin-bottom:0.25em;
}

.info-box p .ttl {
  display:block;
  width:100%;
  height:3.5em;
  overflow:hidden;
}

.info-box p a[target="_blank"] .ttl:after {
  content:"";
  width:1em;
  height:1em;
  background:url(../image/icon/gLink.svg) no-repeat center center;
  background-size:auto 1rem;
  display:inline-block;
  vertical-align:middle;
  margin-bottom:0.2em;
  margin-left:0.25em;
}

@media print,screen and (min-width:641px) {
  .sec-info {
    padding-top:80px;
  }
  
  .info {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin-left:-1.65%;
    margin-right:-1.65%;
    padding-top:60px;
  }
  
  .info-box {
    width:33.333333%;
    padding:0 1.65%;
  }
  
  .info-box .photo {
    margin-bottom:0.75em;
  }
  
  .info-box .photo img {
    height:-webkit-calc(280 / 1300 * 100vw);
    height:calc(280 / 1300 * 100vw);
    max-height:280px;
    min-height:220px;
  }

  .info-box p .ttl.is-truncate {
    margin-bottom:1em;
  }

  .info-view {
    display:inline-block;
    position:absolute;
    right:1.65%;
    top:-1.75em;
  }
}

@media screen and (max-width:640px) {
  .sec-info {
    padding-top:2.5em;
  }
  
  .info {
    margin-top:2em;
  }
  
  .info-box {
    background-color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    padding:4%;
  }
  
  .info-box:not(:first-of-type) {
    border-top:1px solid rgba(15,30,60,0.1);
  }
  
  .info-box .photo {
    width:30%;
  }
  
  .info-box .photo img {
    max-height:-webkit-calc(120 / 640 * 100vw);
    max-height:calc(120 / 640 * 100vw);
    min-height:70px;
  }
  
  .info-box p {
    width:70%;
    padding-left:1em;
  }
  
  .info-view {
    text-align:right;
    padding-top:1.75em;
  }
}


/*----------------------------------------------------------------------------------------------------

  三陸からお届け
  
----------------------------------------------------------------------------------------------------*/

.sec-sanriku {
  position:relative;
  overflow:hidden;
}

.sec-sanriku:before {
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  left:0;
  background:rgba(234,222,200,0.4);
}

.sanriku {
  text-align:left;
  position:relative;
}

.sanriku .lead {
  font-weight:600;
  position:absolute;
  left:0;
  top:0;
}

.sanriku .photos {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  position:relative;
}

.sanriku .photos:after {
  content:"";
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  left:42%;
  background-image:url(../image/pattern/amime.svg?t=04201411);
  background-repeat:repeat;
  background-position:left bottom;
  filter:blur(0);
}

.sanriku .photos img {
  z-index:1;
  position:relative;
  width:100%;
  height:100%;
  object-fit:cover;
  font-family:"object-fit:cover;"
}

.sanriku .photos .p01 {
  width:28%;
  position:relative;
}

.sanriku .photos .p01:before {
  content:"";
  width:50%;
  height:16%;
  display:block;
  position:absolute;
  left:-12%;
  top:-8%;
  z-index:2;
  background-image:url(../image/pattern/amime.svg?t=04201411);
  background-repeat:repeat;
  background-position:left top;
  filter:blur(0);
}

.sanriku .photos .p02 {
  width:68%;
  position:relative;
}

.sanriku .photos .label {
  position:absolute;
  left:1em;
  top:-1em;
  z-index:3;
}

.sanriku .photos .label,
.sanriku .photos .label span {
  display:inline-block;
}

.sanriku .photos .label span {
  background-color:#d7b94b;
  color:#fff;
  line-height:1;
  padding:0.5em 0.4em;
  margin-left:0.5em;
}

@media print,screen and (min-width:641px) {
  .sec-sanriku {
    margin-top:80px;
  }
  
  .sec-sanriku:before {
    top:100px;
  }
  
  .sanriku {
    padding-top:200px;
    padding-left:24.5%;
  }
  
  .sanriku .lead {
    font-size:2em;
    padding-left:1em;
  }
  
  .sanriku .txt {
    position:relative;
    padding-right:44%;
  }

  .sanriku .txt:before {
    content:"";
    width:40%;
    height:330px;
    position:absolute;
    right:0;
    background:url(../image/sanriku.svg) no-repeat center bottom;
    background-size:contain;
  }
  
  .sanriku .txt:before {
    bottom:0;
  }
  
  .sanriku .photos {
    padding-top:80px;
    padding-bottom:80px;
  }
  
  .sanriku .photos:after {
    top:160px;
  }
  
  .sanriku .photos:after,
  .sanriku .photos .p01:before {
    background-size:auto 26px;
  }
  
  .sanriku .photos .p01 {
    margin-top:60px;
  }
  
  .sanriku .photos .p02 {
    padding-bottom:60px;
  }
}

@media screen and (max-width:640px) {
  .sec-sanriku {
    margin-top:3.5em;
  }
  
  .sec-sanriku:before {
    top:3em;
  }
  
  .sanriku {
    padding-top:55%;
  }

  .sanriku:before {
    content:"";
    width:40%;
    height:100%;
    position:absolute;
    right:2%;
    top:0;
    background:url(../image/sanriku.svg) no-repeat center top;
    background-size:contain;
  }
  
  .sanriku .lead {
    font-size:1.77em;
    padding-left:0.5em;
  }
  
  .sanriku .txt {
    padding-left:36%;
  }
  
  .sanriku .photos {
    padding-top:3.5em;
    padding-bottom:3em;
  }
  
  .sanriku .photos:after {
    top:8em;
  }
  
  .sanriku .photos:after,
  .sanriku .photos .p01:before {
    background-size:auto 1.25em;
  }
  
  .sanriku .photos .p01 {
    margin-top:4em;
  }
  
  .sanriku .photos .p02 {
    padding-bottom:4em;
  }
  
  .sanriku .photos img {
    height:-webkit-calc(300 / 640 * 100vw);
    height:calc(300 / 640 * 100vw);
    min-height:200px;
  }
  
  .sanriku .photos .label {
    font-size:0.88em;
  }
}

@media screen and (max-width:480px) {
  .sec-sanriku .js__rpsBlock__item {
    min-width:420px;
  }
}


/*----------------------------------------------------------------------------------------------------

  ショッピング
  
----------------------------------------------------------------------------------------------------*/

.sec-shopping {
  background-image:url(../image/pattern/samekomon.svg?t=04201411);
  background-repeat:repeat;
  background-position:center top;
  filter:blur(0);
}

.shopping {
  text-align:left;
  color:#fff;
}

.shopping-hdLine {
  font-weight:600;
  line-height:1.2;
}

.shopping-hdLine b {
  display:inline-block;
  margin-left:0.25em;
}

.shopping .photo {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.shopping .photo .p01 {
  width:32%;
}

.shopping .photo .p02 {
  width:68%;
}

.shopping .photo img {
  width:100%;
  object-fit:cover;
  font-family:"object-fit:cover;"
}

@media print,screen and (min-width:641px) {
  .sec-shopping {
    padding-top:80px;
    padding-bottom:80px;
    background-size:auto 50px;
  }

  .shopping {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  
  .shopping .photo {
    width:48.65%;
  }

  .shopping .photo .p01 img {
    height:150px;
  }
  
  .shopping .photo .p02 img {
    height:300px;
  }
  
  .shopping .ct {
    -ms-flex-item-align:center;
    align-self:center;
    padding-left:6.8%;
  }

  .shopping .ct p {
    padding-top:1.5em;
    padding-bottom:2.5em;
  }
  
  .shopping-view a {
    width:220px;
  }
}

@media screen and (max-width:640px) {
  .sec-shopping {
    padding-top:2.5em;
    padding-bottom:3.5em;
    background-size:auto 40px;
  }

  .shopping .photo .p01 img {
    height:-webkit-calc(125 / 640 * 100vw);
    height:calc(125 / 640 * 100vw);
    min-height:75px;
  }
  
  .shopping .photo .p02 img {
    height:-webkit-calc(250 / 640 * 100vw);
    height:calc(250 / 640 * 100vw);
    min-height:150px;
  }
  
  .shopping .ct {
    padding-top:2.25em;
  }

  .shopping .ct p {
    padding-top:1em;
    padding-bottom:2.5em;
  }
  
  .shopping-view {
    text-align:center;
  }
  
  .shopping-view a {
    width:60%;
    min-width:200px;
    text-align:center !important;
    padding-left:2em !important;
  }
}


/*----------------------------------------------------------------------------------------------------

  いわやについて
  
----------------------------------------------------------------------------------------------------*/

.sec-about {
  width:100%;
  position:relative;
}

.sec-about:before {
  content:"";
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  left:0;
  top:0;
  z-index:-1;
  background:url(../image/about_bg.jpg) no-repeat center top;
  background-size:cover;
}

.about-box {
  width:100%;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.about-box--safe {
  -webkit-box-pack:end;
  -ms-flex-pack:end;
  justify-content:flex-end;
}

.about-box:before {
  content:"";
  display:block;
  position:absolute;
  background-image:url(../image/about_p01.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
}

.about-box--mission:before {
  background-image:url(../image/about_p01.jpg);
  right:0;
}

.about-box--safe:before {
  background-image:url(../image/about_p02.jpg);
  left:0;
}

.about-box .ct {
  background-color:#fff;
  text-align:left;
  position:relative;
  z-index:1;
}

.about-hdLine {
  color:#2396c8;
  font-weight:600;
  position:absolute;
  top:-1em;
  font-size:3em;
}

.about-box .ct p {
  line-height:2;
}

.about-box .ct .lead {
  padding-bottom:1em;
  line-height:1.8;
  font-weight:600;
  font-size:1.33em;
}

@media print,screen and (min-width:641px) {
  .sec-about {
    padding-bottom:120px;
  }
  
  .about-box {
    padding-top:180px;
  }
  
  .about-box:before {
    width:66%;
    top:100px;
    height:-webkit-calc(100% - 140px);
    height:calc(100% - 140px);
  }
  
  .about-box .ct {
    width:55.5%;
    padding:6% 5%;
  }

  .about-hdLine {
    left:9%;
  }
}

@media screen and (max-width:640px) {
  .sec-about {
    min-width:400px;
    padding-bottom:5em;
  }
  
  .about {
    padding-left:0;
    padding-right:0;
  }
  
  .about-box {
    padding-top:5em;
  }
  
  .about-box:before {
    width:66%;
    top:3em;
    height:-webkit-calc(100% - 6.5em);
    height:calc(100% - 6.5em);
  }
  
  .about-box--safe:before {
    background-position:left 60% center;
  }
  
  .about-box .ct {
    width:80%;
    padding:3em 2.5em 2.5em 2.5em;
    margin-top:4em;
  }

  .about-hdLine {
    left:4.2rem;
  }
  
  .about-box .ct .lead {
    font-size:1.22em;
  }
}


/*----------------------------------------------------------------------------------------------------

  お支払いについて
  
----------------------------------------------------------------------------------------------------*/

.sec-payment {
  position:relative;
}

@media print,screen and (min-width:641px) {
  .sec-payment {
    padding-top:80px;
    padding-bottom:100px;
  }
}

@media screen and (max-width:640px) { 
  .sec-payment {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
}


/* クレジットカード
----------------------------------------------------------------------*/

.payment-cc .ccList {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  padding-top:1em;
}

.payment-cc .ccList li {
  padding-left:0.5em;
  padding-right:0.5em;
  padding-top:1em;
}

@media print,screen and (min-width:641px) {
  .payment-cc {
    padding-top:50px;
  }

  .payment-cc .ccList li img {
    max-height:35px;
  }
}

@media screen and (max-width:640px) {
  .payment-cc {
    padding-top:2.5em;
  }
  
  .payment-cc .ccList {
    padding-left:1em;
    padding-right:1em;
  }
  
  .payment-cc .ccList li img {
    height:-webkit-calc(35 / 640 * 100vw);
    height:calc(35 / 640 * 100vw);
    min-height:22px;
  }
}


/*--------------------------------------------------------------------------------
  支払い方法
--------------------------------------------------------------------------------*/

.payment-pay {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}

.payment-pay dl {
  background-color:#fff;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}

.payment-pay dt {
  color:#fff;
  background-color:#aa0500;
  padding:0.5em 1em;
  font-weight:600;
}

.payment-pay dd {
  padding:2.5em 1.5em 3em 1.5em;
  width:100%;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  text-align:center;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}

.payment-pay dd img {
  width:70%;
  max-width:260px;
  min-width:180px;
  margin-bottom:1.5em;
}

.payment-pay dd .payment-view {
  margin-top:auto;
  padding-top:2em;
}

@media print,screen and (min-width:641px) {
  .payment-pay {
    padding-top:60px;
  }
  
  .payment-pay dl {
    width:50%;
  }
  
  .payment-pay dl:not(:first-of-type) dt {
    border-left:1px solid rgba(255,255,255,0.2);
  }
  
  .payment-pay dl:not(:first-of-type) dd {
    border-left:1px solid rgba(15,30,60,0.08);
  }

  .payment-pay dd .payment-view a {
    width:200px;
  }
}

@media screen and (max-width:640px) {
  .payment-pay {
    padding-top:3em;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
  }
  
  .payment-pay dl:not(:first-of-type) {
    margin-top:2em;
  }

  .payment-pay dd .payment-view a {
    width:60%;
    min-width:200px;
  }
}