@charset "UTF-8";
/*====================================================
 下層ページ追加
====================================================*/

.text_red {color:#ee0000;}
.text_smaller {font-size:0.7em;}
.text_bold {font-weight:bold;}
.notes {margin-top:0.5em; font-size:1.6em; line-height:1.8em;}

.short-story-show__wrap .block h4 {font-size: 18px; font-weight:bold;}
@media (min-width: 768px) {
.short-story-show__wrap .block h4 {font-size: 24px;}
}

.short-story-show__wrap a.btn:hover {
    background-color: #630;
    color: #fff;
}
.short-story-show__wrap a.btn {
    margin: 15px 0 0;
    font-size: 2.0rem;
    color: #000;
    border: 1px solid #c8c8c8;
    text-align: center;
    padding: 6px;
    transition: all .3s;
}

/*====================================================
 以下AjiDesign
====================================================*/
/* PC全体テキストサイズ　2.0rem→変更 */
@media (min-width: 768px) {
.cmn-subtitle .detail p { font-size: 1.6rem; }
}

/* TOP店舗情報タイトル*/
/*PC左帯削除*/
.cmn-subtitle .title:before { display: none; }
/* PC高さ195→修正 */
@media (min-width: 768px) {
.cmn-subtitle .title { height: 120px; }
.cmn-subtitle .title h2 { margin: 0;}
}
/* PC文章位置*/
@media (min-width: 768px) {
.cmn-subtitle .detail { padding: 5px 0 0 40px; }
}
/* PCTOPショップ住所　1.8rem→1.6rem */
@media (min-width: 768px) {
.top-shops__content .detail .info { font-size: 1.6rem; }
}
.top-shops__content .detail .info a {
    color: #f4542f;
    text-decoration: underline;
}

/*ーーーーー　ヘッダー　ーーーーー*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #630;
    z-index: 11;
}
/*ショップアイコン*/
.header__shop { top: 0; }
@media (min-width: 768px) {
.header__shop { top: 10px; }
}
@media (min-width: 992px) {
.header__head { padding: 20px; }
}
/*ロゴ*/
.header__head-imgs>img {
    max-width: 100%;
    margin: 0 10px 0 0;
    padding: 5px 0 5px 10px;
}
@media (min-width: 992px) {
.header__head-imgs>img {
    padding: 0;
}
.header__head-imgs>img:nth-child(1) {
    padding: 0;
}
}
@media (max-width: 767px) {
.header__head-imgs>img {
    max-width: 240px;
}
.header__head-imgs>img:nth-child(1) {
    width: 240px;
}
}
/*ハンバーガーメニュー*/
.header__hbgicon {
    background-color: #c2ad99;
}
.header__hbgicon span {
    display: block;
    content: "";
    background-color: #630;
    width: 29px;
    height: 2px;
    transition: all .3s;
}
.header__hbgicon span:not(:last-child) {
    margin: 0 0 5px;
}
.header__hbgicon.close span {
    margin: 0 0 -2px;
}
@media (min-width: 992px) {
.header__menu-inner {
    flex-direction: row;
    padding: 0 0 15px 20px;
}
}
@media (min-width: 992px) {
.header__menu-inner>a {
    margin: 0;
    padding: 3px 25px;
    border-left: 1px solid rgba(255,255,255,.5);
}
.header__menu-inner>a:last-child {
    border-right: 1px solid rgba(255,255,255,.5);
}
}
.header__menu-inner>a p {
    color: #fff;
    font-size: 1.4rem;
    margin: 0 0 0 10px;
}
@media (min-width: 992px) {
.header__menu-inner>a p {
    margin: 0;
}
}
.header__menu.open {
    background-color: #754;
}



/*ーーーーー　フッター　ーーーーー*/
/*メニュー中の3社合同出張特売会*/
.footer a {
    line-height: 1.2em;
}
.footer a span {
    font-size: 0.8em;
}


/*ーーーーー　TOPページ　ーーーーー*/
.bnr-wakadanna { max-width:90%; margin:60px auto 0; }

.top-topics h2 {
margin-top:60px;
text-align:center;
font-weight:700;
font-size: 2.9rem;
color: #630;
}
@media (min-width: 768px) {
.top-topics h2 { margin-top:100px; }
.bnr-wakadanna { max-width:600px; margin:90px auto 0; }
}



/*ーーーーー　下層ページ共通処理　ーーーーー*/
/* 
short_story　海苔小ばなし（一部海苔人生）
nori_life　我が海苔人生
kodawari　宮永産業のこだわり
company　会社情報
gyomuyou　業務用海苔
*/

/*ページタイトル*/
body.short-story h1,
body.kodawari h1,
body.company h1,
body.gyomuyou h1  { font-size: 24px; letter-spacing: 0; }
@media (min-width: 768px) {
body.short-story h1,
body.kodawari h1,
body.company h1,
body.gyomuyou h1 { font-size: 32px; padding: 0 0 35px; }
}
.lower-kv { border-top: 2px solid #663300; }
/* ぱんくず（海苔小ばなし／海苔人生） */
.cmn-breadcrumbs a, .cmn-breadcrumbs p {
    font-size: 14px;
    margin: 0 20px 5px 0;
}
/*サブメニュー（会社情報／海苔人生）*/
.cmn-nav {
border-top: 2px solid #663300;
}
.cmn-nav p {
    font-size: 15px;
    font-weight: 700;
    height: 36px;
    line-height: 36px;
}
@media (min-width: 768px) {
.cmn-nav p { font-size: 18px; }
.cmn-nav p:before { top: 7px;}
}


/*ーーーーー　海苔小ばなし（short_story）ページ　ーーーーー*/
@media (min-width: 768px) {
body.short-story { padding: 40px 0 0; }
}

/*タイトル罫線*/
.short-story-index {
    border-top: 2px solid #663300;
}
@media (min-width: 768px) {
.short-story-index {
    padding: 0 0 400px;
}
}
/*目次中の各記事タイトル*/
.short-story-index h2 {
    font-size: 21px;
}
.short-story-index__inner .block {
    padding: 0 0 20px;
    width: 100%;
}
@media (min-width: 768px) {
.short-story-index__inner .block {
    margin: 0 0 85px;
    width: 32%;
}
}
/*個々のページのタイトル画像罫線*/
.short-story-show__title {
    position: relative;
    border-top: 2px solid #663300;
}
/*個々のページの本文と見出し*/
@media (min-width: 768px) {
.short-story-show__wrap .block p {
    font-size: 16px;
}
.short-story-show__wrap .block h3 {
    font-size: 25px;
}
}
/*個々のページの画像*/
.short-story-show__wrap .block.flex .img img {
    max-width: 400px;
    margin: auto;
}
@media (max-width: 767px) {
.short-story-show__wrap .block.flex .img img {
    max-width: 345px;
}
}


/*ーーーーー　海苔人生（nori_life）ページ　ーーーーー*/
.nori-life__intro { border-top: 2px solid #663300; }

@media (min-width: 768px) {
.nori-life__intro .txt p:nth-child(1) { font-size: 16px; }
.nori-life__intro .txt p:nth-child(2) { font-size: 13px; }
}
.nori-life__history .block .subtitle img { max-width: 200px; }

@media (min-width: 768px) {
.nori-life__history .block .topics-wrap .topic h3 { font-size: 22px;}
.nori-life__intro .img { max-width: 220px; }
}
.nori-life__intro .img img { max-width: 220px; }
.nori-life__history .block .topics-wrap .topic h3 { padding: 0 }
.nori-life__history .block .topics-wrap .topic h3:before { top: calc(50% - 8px); }

@media (min-width: 768px) {
.nori-life__article p { font-size: 15px; }
}
.nori-life__article h2 { font-size: 24px; }
.nori-life__pager a {
    width: 40px;
    height: 40px;
    margin: 0 20px;
}


/*ーーーーー　こだわり（kodawari）ページ　ーーーーー*/
.kodawari { margin-bottom:80px; }
/*序文*/
.kodawari-intro {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.7em;
}
@media (min-width: 768px) {
.kodawari-intro { font-size: 18px; padding: 60px 0 0; }
}
/*見出し*/
@media (min-width: 768px) {
body.kodawari h2 { font-size: 22px; }
}
/*本文*/
.kodawari-flex__top .txt p,
.kodawari-flex__bottom .txt p { line-height: 1.7em; }
@media (min-width: 768px) {
.kodawari-flex__top .txt p,
.kodawari-flex__bottom .txt p { font-size: 16px; }
}
/*コメ*/
.kodawari-flex__bottom .txt p.kome { font-size:1.2em; }



/*ーーーーー　会社情報（company）ページ　ーーーーー*/
/*見出し*/
@media (min-width: 768px) {
body.company h2 { font-size: 24px; }
}
/*ご挨拶本文*/
.company-greeting p.msg {
    font-size: 15px;
    line-height: 1.7em;
}
/*ご挨拶サブタイトル*/
.company-greeting p.subtitle {
    padding: 20px 0 0;
    font-size: 18px;
    font-weight: 700;
}

@media (min-width: 768px) {
.company-greeting p.msg {
    font-size: 16px;
    padding: 10px 0 0;
}
}
/*署名*/
.company-greeting .signature p:nth-child(1) { font-size: 13px; }
.company-greeting .signature p:nth-child(2) { font-size: 18px; }
@media (min-width: 768px) {
.company-greeting .signature p:nth-child(1) { font-size: 13px; }
.company-greeting .signature p:nth-child(2) { font-size: 18px; }
}
/*表組み*/
@media (min-width: 768px) {
.company-table table { margin: 10px 0 0; font-size: 15px; }
.company-table table th,
.company-table table td { padding: 10px 0 10px 20px; }
.company-table table.th-center th { padding: 10px 0; }
}
/*拠点*/
@media (min-width: 768px) {
.company-location .flex { padding: 20px 0 0; }
.company-location .flex .block h3 { font-size: 24px; }
.company-location .flex .block p { font-size: 16px; }
}


/*ーーーーー　業務用海苔（gyomuyou）ページ　ーーーーー*/
/*序文*/
.gyomuyou-intro p {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.7em;
}
@media (min-width: 768px) {
.gyomuyou-intro p { font-size: 18px; }
}
/*見出し*/
@media (min-width: 768px) {
body.gyomuyou h2 { font-size: 22px; }
}
/*本文*/
@media (min-width: 768px) {
.gyomuyou-content .block .txt p { font-size: 15px; }
}
/*サンプル*/
@media (min-width: 768px) {
.gyomuyou-campaign h2 { top: 40px; }
.gyomuyou-campaign h2 img { width: 350px; }
.gyomuyou-campaign .top .txt p { font-size: 16px; }
.gyomuyou-campaign .top .txt a img { width: 260px; }
.gyomuyou-campaign .step li { font-size: 16px; }
.gyomuyou-campaign>p { font-size: 14px; }
}
.phone-number {
    font-weight: 700;
    font-size: 22px;
    line-height: 1.7em;
}

/*ーーーーー　日本橋室町若旦那会（wakadanna）ページ　ーーーーー*/
.wakadanna-info .bnr-area a img { max-width: 400px; margin: 0 auto; }

@media (min-width: 768px) {
.wakadanna-info .img-area img { max-width: 253px; }
}