/**********************
*** common ***
**********************/

#main .text_c {text-align:center;}
#main .u-wbr{word-break: keep-all;}
#main .c-col--nomargin{margin-top: 0 !important;}
#main #l-container {margin-bottom: 0;}
#main .c-row{position: relative;z-index: 10;}
/* opacity */
.opacity img {transition: opacity 0.5s ease-out;}
.opacity:hover img,
.opacity a:hover img {opacity: .8;}
/* carousel */
#main .js-carousel--single .slick-dots li.slick-active button:before {background-color: #1c6aa2;}
#main .js-carousel--round{border-radius: 15px;overflow: hidden;}

#main *[class^=c-text]:not(.c-text-xsmall-note) + .c-text-xsmall-note { margin-top: 1em; }
#main .c-text-xsmall-note { font-size: 80%;line-height: 20px; }
#main .c-text-xsmall-note a { color: #fff;text-decoration: none; }
#main .c-text-xsmall-note a:hover { color: #dbf8ff; }
#main .publication-note { text-align: left;display: flex;justify-content: flex-end; }

#main .c-container + .c-container { margin-top: 64px; }
#main .c-row + .c-row { margin-top: 32px; }
@media screen and (max-width: 767px) {
  #main .c-container + .c-container { margin-top: 32px; }
  #main .c-row + .c-row { margin-top: 16px; }
}
#main .c-row.c-row-head + .c-row { margin-top: 80px; }
@media screen and (max-width: 767px) {
  #main .c-row.c-row-head + .c-row { margin-top: 80px; }
}
#main .c-text-small--thick + .c-text-small--thick { margin-top: 16px; }

@media screen and (min-width: 1120px) {
  #main .c-col--12.p-media__imageCombiblock + .c-col--12.p-media__imageCombiblock {margin-top: 48px;}
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .c-col-md--12.p-media__imageCombiblock + .c-col-md--12.p-media__imageCombiblock {margin-top: 48px;}
}
@media screen and (max-width: 767px) {
  #main .c-col-sm--12.p-media__imageCombiblock + .c-col-sm--12.p-media__imageCombiblock {margin-top: 48px;}
}

/* col-reverse */
@media screen and (min-width: 1120px) {
  #main .c-row-reverse-pc { -webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;flex-direction: row-reverse; }
}
@media screen and (max-width: 1119px) {
  #main .c-row-reverse { -webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;flex-direction: column-reverse; }
  #main .c-row-reverse .c-col-sm--12 + .c-col-sm--12 { margin-top: 0; }
  #main .c-row-reverse .p-media__imageblock:not(:only-child) { margin-top: 48px; }
}
/* col-middle */
@media screen and (min-width: 1120px) {
  #main .c-row.c-row-middle { align-items: center; }
}
/* col-stretch */
@media screen and (min-width: 1120px) {
  #main .c-row.c-row-stretch { align-items: stretch; }
}
#main .c-row.c-row-stretch .c-col-stretch { align-items: stretch;display: flex; }

#main .p-media__image + .p-media__image {margin-top: 32px;}
#main .p-media-caption { line-height: 24px; }
#main .c-title{ font-size: 36px;text-align: center;font-weight: 500;letter-spacing: 0.1em; }
@media screen and (min-width: 481px) and (max-width: 767px) {
  #main .c-title{ font-size: 5vw; }
}
@media screen and (max-width: 480px) {
  #main .c-title{ font-size: 20px; }
}
#main .c-title { margin-bottom: 1em; }
#main .c-image-visual img{ max-width: 100%; }

#main .p-media__image img { width: 100%; }
#main .js-carousel--radius,
#main .p-media__image-radius{border-radius:30px;overflow:hidden;}
@media screen and (max-width: 767px) {
  #main .js-carousel--radius,
  #main .p-media__image-radius{border-radius:15px;}
}

/* carousel */
#main .js-carousel--single .slick-dots li.slick-active button:before { background-color: #fc6225; }

/* background */
#main .c-section--thick--bg{background-color: #1da6e3;}

/* Button */
#main .c-button {background-color: #3e377f;}
#main .c-button:hover {background-color: #705199;}

#main .u-blue { background-color: #1da6e3;color: #fff; }
#main .u-light-blue { background-color: #42bede;color: #fff; }
#main .u-orange { background-color: #fc7625;color: #fff; }
#main .u-red-orange { background-color: #fc6225;color: #fff; }
#main .u-orange .c-title,
#main .u-orange .c-food-name,
#main .u-orange .c-headline-2 { color: #fff9ce; }

#main .u-blue .c-member-name { color: #feed8f; }

#main .p-box-border .c-headline-2{ text-align: left;display: inline-block; }

/**********************
*** introduce ***
**********************/

#main .p-introduce-area__link{text-align: center;}
#main .p-introduce-area__link > .u-inner{text-align: left;display: inline-block;}
#main .p-introduce-area__link .u-indent{margin-left: -.5em;margin-right: -.5em;}
#main .p-introduce-area__link .u-middle{font-size: 85%;}

#main .p-introduce-row .p-introduce-header {width: 256px;}
#main .p-introduce-row .p-introduce-person,
#main .p-introduce-row .p-introduce-area {width: calc(100% - 256px);}

#main .p-introduce-note {padding-bottom: 24px;}
#main .c-section--thick--bg.p-introduce{padding-top:24px;padding-bottom:24px;}
@media screen and (min-width: 320px) {
#main .p-introduce .p-introduce-person__position{word-break: keep-all;}
}
#main .p-introduce .p-introduce-person::after{right:96px;}
#main .p-introduce .p-introduce-person__img-1::after{background:url(/areahighlights/tohoku/sanriku-jyoban/img/bg_introduce_01.png) no-repeat;}
#main .p-introduce .p-introduce-area::after{background:url(/areahighlights/tohoku/sanriku-jyoban/img/bg_map.png) no-repeat;}
#main .p-introduce .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-area::after{content:'';position:absolute;background-position:right bottom;}
#main .p-introduce .p-introduce-person__img-1::after{bottom:-18px;height:232px;width:168px;}
#main .p-introduce .p-introduce-area::after{bottom:-6px;top:-6px;right:96px;width:168px;}
#main .p-introduce .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-area::after{background-size:contain;}
@media screen and (min-width: 1120px) {
#main .p-introduce__name{margin-top:0;}
#main .p-introduce-row .p-introduce__text {width:calc(100% - 300px);}
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
#main .p-introduce__name{margin-top:0;}
#main .p-introduce-row .p-introduce-header {width: 100px;}
#main .p-introduce-row .p-introduce-person,
#main .p-introduce-row .p-introduce-area {width: calc(100% - 100px);}

#main .p-introduce-row .p-introduce-person::after,
#main .p-introduce-row .p-introduce-area::after{right:24px;}
#main .p-introduce-row .p-introduce__text {width: 68%;}
#main .p-introduce-row .p-introduce-person::after {bottom: -48px;}
}
@media screen and (max-width: 767px) {
#main .p-introduce-row .p-introduce-person,
#main .p-introduce-row .p-introduce-area,
#main .p-introduce-row .p-introduce__text,
#main .p-introduce-row .p-introduce-header{width: 100%;}

#main .p-introduce .p-introduce-person__img-1::after{height:140px;width:100px;right:0;top:24px;}
#main .p-introduce .p-introduce-area::after{right:4px;top:5px;height:100px;width:116px;}
#main .p-introduce-person .p-introduce__titleblock{width:calc(100% - 100px);}
#main .p-introduce-person .p-introduce__titleblock .p-introduce__name{font-size: 22px;}
}
@media screen and (min-width: 768px) {
#main .p-introduce-row .p-introduce-person + .p-introduce-person{border-left:2px solid #f0f0f0;}
}

/**********************
*** 掲載情報 ***
**********************/

#main .publication-note {margin-top: 24px;font-size: 14px;line-height: 1.4;text-align: left;display: flex;justify-content: flex-end;color: #fff;}

/**********************
*** メインビジュアル ***
**********************/

/** reset commons **/
#main .c-section--main-visual{margin-top: 60px;}
#main .p-main-visual{margin: 0;display: block;}/** cannot be deleted! **/
#main .p-main-visual__body--md {padding: 0;margin-top: 0;}/** cannot be deleted! **/

/** unique side **/
#main .p-main-visual__container { background: url(/areahighlights/tohoku/sanriku-jyoban/img/img_mainvisual.jpg) no-repeat center center;background-size: cover;aspect-ratio:2; }

#main .p-main-visual__container-inner,
#main .p-main-visual__description-inner { width: auto;max-width: 1120px;box-sizing: border-box;margin-left: auto;margin-right: auto;height: 100%; }
@media screen and (max-width: 1200px) {
  #main .p-main-visual__container-inner,
  #main .p-main-visual__description-inner { max-width: 1200px;padding-left: 40px;padding-right: 40px; }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-main-visual__container-inner,
  #main .p-main-visual__description-inner { padding-left: 40px;padding-right: 40px; }
}
@media screen and (max-width: 767px) {
  #main .p-main-visual__container-inner,
  #main .p-main-visual__description-inner { padding-left: 20px;padding-right: 20px; }
}

#main .p-main-visual__context-area { width: 100%;height: 100%;position: relative; }

#main .p-main-visual__context-area-inner { position: absolute;left: 0;right: 0;top: 8%; }

#main .p-main-visual__context-box { display: flex;gap: 32px;height: 100%; }
#main .p-main-visual__context-box::after { content: ""; }
#main .p-main-visual__contexts,
#main .p-main-visual__context-box::after { width: calc(256px * 2 + 32px * 1);flex-basis:  calc(256px * 2 + 32px * 1); }

#main .p-main-visual__description { background-color: #1da6e3;padding-top: 60px;padding-bottom: 12px; }

@media screen and (min-width: 768px) {
  #main .p-main-visual__contexts > * + * { margin-top: 32px; }
}

@media screen and (max-width: 767px) {
  #main .p-main-visual__container { background-size: 100% auto;padding-top: 53%;aspect-ratio: auto;background-position: center top; }
  #main .p-main-visual__container-inner { position: relative; }
  #main .p-main-visual__container-inner::after { background-color: #1da6e3;content: "";top: 0;bottom: 0;left: 0;right: 0;position: absolute;margin-top: 2%;z-index: -1; }
  #main .p-main-visual__contexts { width: 100%;flex-basis: 100%; }
  #main .p-main-visual__context-area-inner { position: static;bottom: auto;left: 0;right: 0; }
  #main .p-main-visual__context-box { height: auto;display: block; }
  #main .p-main-visual__context-box::after { content: none; }
  #main .p-main-visual__description { padding-top: 12px;padding-bottom: 12px; }
}
#main .p-main-visual__title { max-width: 483px; }
#main .p-main-visual__title img { max-width: 100%; }

#main .p-main-visual__text { color: #fff;font-weight: bold;font-size: 16px;position: relative;letter-spacing: .5px;line-height: 32px; }
#main .p-main-visual__loading { z-index: 999; }

/**********************
*** セクションタイトル - 背景 ***
**********************/

/** sec-01 **/
#main .p-media--staticheigh .p-media__image-1 { background: url(/areahighlights/tohoku/sanriku-jyoban/img/bg_full_01.jpg) no-repeat center center;background-size: cover; }
#main .p-media--staticheigh .p-media__overlap-bgimg-1::before { background: url(/areahighlights/tohoku/sanriku-jyoban/img/bg_img-overlap_01_wave.svg) no-repeat left top;background-size: auto 100%; }
#main .p-media--staticheigh .p-media__overlap-wrapper-1::after,
#main .p-media--staticheigh .p-media__overlap-bgimg-1::after { background-color: #1da6e3; }
/** sec-04 **/
#main .p-media--staticheigh .p-media__image-4 { background: url(/areahighlights/tohoku/sanriku-jyoban/img/bg_full_04.jpg) no-repeat center center;background-size: cover; }
#main .p-media--staticheigh .p-media__overlap-bgimg-4::before { background: url(/areahighlights/tohoku/sanriku-jyoban/img/bg_img-overlap_04_wave.svg) no-repeat left top;background-size: auto 100%; }
#main .p-media--staticheigh .p-media__overlap-wrapper-4::after,
#main .p-media--staticheigh .p-media__overlap-bgimg-4::after { background-color: #fc7625; }
/** sec-07 **/
#main .p-media--staticheigh .p-media__image-7 { background: url(/areahighlights/tohoku/sanriku-jyoban/img/bg_full_07.jpg) no-repeat center center;background-size: cover; }


/** visual-pattern **/
#main .p-media--staticheigh { position: relative; }

#main .p-media--staticheigh .p-media__image-visual.p-media__image-1,
#main .p-media--staticheigh .p-media__image-visual.p-media__image-4 { height: auto;aspect-ratio:2; }

#main .p-media--staticheigh .p-media__overlap-bgimg-1,
#main .p-media--staticheigh .p-media__overlap-bgimg-4{ margin-top: -1px;padding-bottom: 28px; }

#main .p-media--staticheigh .p-media__overlap-bgimg-1::before,
#main .p-media--staticheigh .p-media__overlap-bgimg-4::before{ content: "";position: absolute;top: 0;left: 0;z-index: 1;bottom: 0;right: 0; }

#main .p-media--staticheigh .p-media__overlap-bgimg-1::after,
#main .p-media--staticheigh .p-media__overlap-bgimg-4::after{ content: "";height: 1px;position: absolute;top: 0;left: 50%;z-index: 2;width: 100vw;transform: translate(-50%, 0); }

#main .p-media--staticheigh .p-media__overlap-image-1,
#main .p-media--staticheigh .p-media__overlap-image-4 { height: 11.5vw;min-height: 56px;max-height: 118px;position: relative;z-index: 3;transform: translate(0, -12.4%); }

#main .p-media--staticheigh .p-media__overlap { width: auto;max-width: 1120px;box-sizing: border-box;margin-left: auto;margin-right: auto;height: auto;position: absolute;left: 0;right: 0;top: 0;z-index: 2; }
@media screen and (min-width: 1201px) {
  #main .p-media--staticheigh .p-media__overlap-wrapper-1,
  #main .p-media--staticheigh .p-media__overlap-wrapper-4 {position: relative;}
  #main .p-media--staticheigh .p-media__overlap-wrapper-1::after,
  #main .p-media--staticheigh .p-media__overlap-wrapper-4::after {content: "";position: absolute;left: calc(-1 * (100vw - 1120px) / 2);top: 0;bottom: 0;width: calc((100vw - 1120px) / 2 + 1px);z-index: 1;}
}
@media screen and (max-width: 1200px) {
  #main .p-media--staticheigh .p-media__overlap { max-width: 1200px;padding-left: 40px;padding-right: 40px; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-1,
  #main .p-media--staticheigh .p-media__overlap-bgimg-4{ padding-bottom: 2.3vw; }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-media--staticheigh .p-media__overlap { padding-left: 40px;padding-right: 40px; }
}
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__overlap { padding-left: 20px;padding-right: 20px; }
}

#main .p-media--staticheigh .p-media__image { position: relative;z-index: 1; }

@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-1,
  #main .p-media--staticheigh .p-media__image-visual.p-media__image-4 { aspect-ratio:3/2; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-1,
  #main .p-media--staticheigh .p-media__overlap-bgimg-4{ padding-bottom: 2.3vw; }
  #main .p-media--staticheigh .p-media__overlap__caption { font-size: 10px; }
  #main .p-media--staticheigh .p-media__overlap__title { font-size: 20px; }
}

/**********************
*** p-box-border ***
**********************/

#main .p-box-border-wave { border: none;border-radius: 10px;background-color: #1da6e3;padding: 50px 64px; }
#main .p-box-border-wave .c-container__header { text-align: center;color: #e0f4fb;font-size: 24px; }

@media screen and (min-width: 1201px) {
  #main .p-box-border-wave { margin-left: -32px;margin-right: -32px; }
}

@media screen and (max-width: 767px) {
  #main .p-box-border-wave { padding: 25px 20px; }
}

/**********************
*** セクション ***
**********************/

#main .c-section-wave{position: relative;margin-top: 24px;}
#main .c-section-wave::after { background-repeat: repeat-x;background-size: auto 24px;width: 100%;height: 24px;position: absolute;left: 0;right: 0;top: -24px;content: ""; }

#main .c-section-blue-wave::after { background-image: url(/areahighlights/tohoku/sanriku-jyoban/img/bg_wave.svg);background-color: #42bede; }
#main .c-section-orange-wave{ background-color: #f8f8f8; }
#main .c-section-orange-wave::after { background-image: url(/areahighlights/tohoku/sanriku-jyoban/img/bg_wave-gray.svg);background-color: #fc7625; }

#main .c-container__header .c-title-visual.c-title-visual-c2 { margin-bottom: 64px;text-align: center; }
#main .c-container__header .c-title-visual.c-title-visual-c2 img { max-height: 116px;min-height: 45px;height: 10.4vw; }
@media screen and (max-width: 767px) {
  #main .c-container__header .c-title-visual.c-title-visual-c2 { margin-bottom: 32px; }
  #main .c-container__header .c-title-visual.c-title-visual-c2 img { height: 12.4vw;min-height: 42px; }
}

#main .c-container__header .c-title-visual.c-title-visual-c1 { margin-bottom: 64px;text-align: center; }
#main .c-container__header .c-title-visual.c-title-visual-c1 img { max-height: 45px;min-height: 36px;height: 4vw; }
@media screen and (max-width: 767px) {
  #main .c-container__header .c-title-visual.c-title-visual-c1 { margin-bottom: 32px; }
  #main .c-container__header .c-title-visual.c-title-visual-c1 img { height: 6vw;min-height: 20px; }
}

#main .c-container__header .c-title-visual.c-title-visual-c1m { margin-bottom: 32px;text-align: center; }
#main .c-container__header .c-title-visual.c-title-visual-c1m img { max-height: 32px;min-height: 28px;height: 2.9vw; }
@media screen and (max-width: 767px) {
  #main .c-container__header .c-title-visual.c-title-visual-c1m { margin-bottom: 20px; }
  #main .c-container__header .c-title-visual.c-title-visual-c1m img { height: 3vw;min-height: 16px; }
}

#main .c-container__header .c-title-visual.c-title-visual-c1xm { margin-bottom: 32px;text-align: center; }
#main .c-container__header .c-title-visual.c-title-visual-c1xm img { max-height: 32px;min-height: 28px;height: 2.9vw; }
@media screen and (max-width: 767px) {
  #main .c-container__header .c-title-visual.c-title-visual-c1xm { margin-bottom: 20px; }
  #main .c-container__header .c-title-visual.c-title-visual-c1xm img { height: 3.8vw;min-height: 16px; }
}

/**********************
*** セクション ***
**********************/

#main .c-food-name { font-size: 1.3em;margin-bottom: 1em;line-height: 1.6;font-weight: 600; }
#main .c-member-name { font-size: 1.05em;margin-bottom: 1em;line-height: 1.7;font-weight: 600; }

@media screen and (max-width: 767px) {
  #main .c-food-name { font-size: 1.1em; }
  #main .c-member-name { font-size: 1.05em; }
}

/** sec-03 **/
#main .p-media__food-image { position: relative;z-index: 10; }
#main .p-media__food-image .p-media__food-label { width: 96px;height: 96px;line-height: 1.2;border-radius: 50%;background-color: #fca125;color: #fff9ce;text-align: center;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;z-index: 11;transform: translate(-25%, -25%);font-size: 18px;font-weight: 600; }
#main .p-media__food-image .p-media__food-name { line-height: 1.2;background-color: #ffefc1;color: #fc7625;text-align: center;position: absolute;left: 0;right: 0;bottom: 0;z-index: 11;text-align: center;font-size: 18px;font-weight: 600;padding-top: .8em;padding-bottom: .8em;border-radius:0 0 30px 30px; }
@media screen and (max-width: 1119px) {
  #main .p-media__food-image .p-media__food-label { width: 64px;height: 64px;font-size: 12px; }
  #main .p-media__food-image .p-media__food-name { font-size: 12px; }
}
@media screen and (max-width: 767px) {
  #main .p-media__food-image .p-media__food-name { border-radius:0 0 15px 15px; }
}

/** sec-05 **/
#main .c-company-box { padding: 24px 32px 32px;background-color: #fff;border-radius: 10px; }
#main .c-company-name { padding: 12px 30px;border-radius: 5px;background-color: #fc6225;color: #fff;font-weight: 600;font-size: 16px;display: inline-block; }
#main .c-company-member { color: #fc6225;font-weight: 600;margin-top: 2em;margin-bottom: 1em; }

@media screen and (max-width: 767px) {
  #main .c-company-box { padding: 20px; }
}