@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);

.mt60 {
    margin-top: 60px;
}
.mb30 {
    margin-bottom: 30px;
}
/*******************************
global
********************************/
.nav-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.global-wrapper {
    top: 46px;
    position: relative;
    z-index: 1;
}
.business_home:not(:first-child) {
    margin-left: 1em;
    width: 50%;
}
.header_grobal__list a {
    width: 100%;
    max-width: 110px;
    display: block;
    z-index: 9999;
    position: relative;
    margin: auto;
}
.header_grobal__list a img {
    /* padding: 5px; */
    box-sizing: border-box;
}
.pro_hover {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 1;
    text-align: left;
    padding: 30px 0;
    top: 60px;
    z-index: 9999;
}
@media screen and (max-width: 887px) {
    .pro_hover {
     top: 7.2vw;
    }
}
.cat_outer {
    border: 1px solid #fff;
    padding: 1em;
    font-size: 1.3rem;
}
.cat_outer-leftcat {
    width: 40%;
    box-sizing: border-box;
    float: left;
    padding-right: 1em;
}
.cat_outer-leftcat .product_list-li {
    color: #fff;
    margin-bottom: 0;
    box-sizing: border-box;
    width: calc(100% / 3);
    float: right;
}
.product_list-li {
    text-align: center;
}
.product .product_list-li {
    color: #494848;
    font-size: 1.5rem;
    font-weight: bold;
    padding: 0 10px;
    box-sizing: border-box;
}
.cat_outer-rightcat {
    float: right;
    box-sizing: border-box;
    width: 60%;
}
.other_cat {
    float: left;
    width: 60%;
    box-sizing: border-box;
    color: #fff;
    padding-right: 1em;
}
.other_cat li {
    margin-bottom: 0.5em;
    text-indent: -1em;
    padding-left: 1em;
}
.other_cat li::before {
    content: "▶ ";
    font-size: 12px;
}
.other_cat li .link {
    display: inline;
}
.other_cat.horizontal {
    float: none;
    width: 100%;
    padding: 0;
}
.other_cat.horizontal li {
    display: inline-block;
    margin: 0 2em 1em 0;
}
.business_home {
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: space-between;
}
.business_home li {
    width: calc(50% - 5px);
}
.business_home li a {
    display: block;
    border: 1px solid #fff;
    text-align: center;
    padding: 1em;
    font-size: 1.6rem;
}
.business_home li .bannar img {
}
.cat_outer {
    padding: 1em 5em;
}
.pc_gro_outer {
    background: #FFF;
    position: relative;
    z-index: 1;
}
/*******************************
共通
********************************/
html {
    font-size: 62.5%;
    /* sets the base font to 10px for easier math */
}
body {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 1.4rem;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    position: relative;
}
ul {list-style: none;}
ol {list-style: none;}
li {list-style: none;}
a {text-decoration: none;color: inherit;}
img {vertical-align: bottom;}
figcaption {text-align: center;}
.clearfix {clear: both;}
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}
.dispNone {display: none;}
.block {display: block;}
.overflowHidden {overflow: hidden;}
.tx-center {text-align: center;}
.tx-left {text-align: left;}
.tx-right {text-align: right;}
.tx-indent {
    text-indent: 1em;
    display: inline-block;
}
.tx-indent-o {
    text-indent: -1em;
    padding-left: 1em;
    display: inline-block;
}
.flex {
    display: flex;
    justify-content: space-between;
}
span.super{letter-spacing:-0.3em;}
#page-top {
    position: fixed;
    background: #fe4848;
    color: #fff;
    text-align: center;
    display: none;
    z-index: 9999;
    right: 0;
}
#page-top:hover {
    background: #d13e3e;
}
#page-top a {
    display: block;
    padding-top: 0.25em;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
}
#page-top span {
    display: block;
    line-height: 1.4;
}
/** リンク **/
.link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 1;
    text-decoration: none;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
}
.link-img {width: 100%;}
.link:not(.link-underline):hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    zoom: 1;
}
.linkBox {position:relative;}
.linkBox > a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.faq_link {
    color: #56b441;
    text-decoration: underline;
}
.link-circle {
    /* padding: 0 10px; */
}
.link-circle,
.link-circle img {
    border-radius: 50%;
    vertical-align: baseline;
    max-width: 100%;
    box-sizing: border-box;
}
.cat_outer-leftcat .product_list-li a {
    padding: 0 10px;
}
.link-circle-name {
    margin-top: 0.5em;
}
.link-underline:hover {
    text-decoration: underline;
}
.newstxt .irPdf__title {
    color: #3078c2;
}
.newstxt .irPdf__title:hover {
    text-decoration: underline;
}
.irPdf__size {
    color: #1B1B1B;
}

/*******************************
フォント
********************************/
/** Webフォント **/
.sawarabi { font-family: "Sawarabi Mincho","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
/** Webフォント以外 **/
.mincho{ font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }

/*******************************
yahoo検索ボックス
********************************/
header #srchBox {
    width: 258px;
    _width: 258px;
    /*margin-bottom: 10px;*/
    /* background-color: #000000; */
    border-style: none;
    border-width: 1px;
    border-color: #EEEEEE;
    color: #000000;
    text-align: right;
}
header #srchBox * {
    margin:0;
    padding:0;
    font-size:13px;
    *font-size:small;
    *font:x-small;
}
header #srchBox a img {
    border:none;
}
header #srchBox #srch {
    /*padding:10px 10px 0 10px;*/
}
header #srchBox #srch #srchForm
{
    white-space:nowrap;
}
header #srchBox #srchInput
{
    width: 168px;
    margin-right: 6px;
    vertical-align: bottom;
    height: 21px;
}
header #srchBox #srchBtn {
    width: 60px !important;
    height: 25px !important;
}
*html header #srchBox #srchBtn {
    padding-top:2px;
}
*:first-child+html header #srchBox #srchBtn {
    padding-top:2px;
}
header #srchBox ul {
    margin-top:6px;
    text-align:left;
}
header #srchBox li {
    list-style-type:none;
    display:inline;
    zoom:1;
    padding-right:10px;
}
header #srchBox li input {
    zoom:1;
    margin-right:2px;
    _margin:-4px 0 -4px -4px;
    vertical-align:middle;
    border:0;
}
*:+html header #srchBox li input {
    margin:-4px 0 -4px -4px;
}
header #srchBox #srchLogo {
    margin:6px 6px 6px 0;
    text-align:right;
}
header #srchBox #srchLogo a {
    color:#666666;
    text-decoration:none;
    font-size:85%;
}
header #srchBox #srchLogo a:hover {
    text-decoration:underline;
}
/*モーダル用*/
#modal-overlay{
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-close {
    cursor: pointer;
}
.modal-content {
    display: none;
    position: fixed;
    z-index:999;
    text-align: center;
    max-width: 899px;
    padding: 20px;
    max-height: 550px;
}
.modal-content p {
    text-align: right;
    color: #fff;
}
.modal-syncer.button-link {
    cursor: pointer;
}
a#modal-close {
    cursor: pointer;
}
.modal-content video {
    /* height: 100%; */
    margin: 0 auto;
    display: block;
    /* max-width:900px */
    width: 100%;
    height: auto;
}
/*******************************
bx slider
********************************/
.bx-wrapper {
    box-shadow: none;
    border: none;
    background: none;
    margin-bottom: 0;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    background-position: 0;
}
.bx-wrapper .bx-controls-direction a {
    width: 40px;
    height: 40px;
    z-index: 9997;
}
.bx-wrapper .bx-next {
    right: 5px;
    background: url(/europe/images/top/pick_next.png) no-repeat;
    background-size: contain;
}
.bx-wrapper .bx-prev {
    left: 5px;
    background: url(/europe/images/top/pick_pre.png) no-repeat;
    background-size: contain;
}

/*******************************
レイアウト
********************************/
.content {
    max-width: 1020px;
    margin: 0px auto;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
}
.under__wrapper {
    padding-bottom: 50px;
    width: 100%;
}
.under__side {
    float: left;
    width: 27%;
    padding-right: 3%;
    box-sizing: border-box;
}
.under__main {
    float: left;
    width: 100%;
    box-sizing: border-box;
}
.ir .under__main{
    width: 73%;
}

/*******************************
ヘッダー
********************************/
header {
    position: relative;
    z-index: 9999;
}
.logo_img {
    display: block;
    margin: 0 auto;
}
.logo_img:not(.logo_star-img) {
    width: 100%;
}
.header-nav {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}
.header_main_img.Safety_food_header_img {
    height: 141px;
}
.pro_hover-title {
    color: #fff;
    font-size: 1.8rem;
    border-bottom: 1px solid #fff;
    margin-bottom: 1em;
    padding: 1rem 0;
    line-height: 1;
    font-weight: 500;
}
 	.switch_anguage_sp {
		display: none;
	}
/*******************************
フッター
********************************/
.footer {
    background: #1B1B1B;
    overflow: hidden;
    clear: both;
    margin-top: 50px;
}
.is-safety-food .footer {
    margin-top: 0;
}
.footer__box {
    padding-top: 20px;
    max-width: 930px;
}
.footer__nav {
    width: 100%;
    box-sizing: border-box;
    clear: both;
    color: #fff;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.footer__nav__list {
    display: inline-block;
}
.footer__nav__list > a {
    font-size: 1.2rem;
    color: #FFFFFF;
    padding: 0 5px;
}
.footer__nav__list:after {
    content:"|";
    margin: 0 5px;
    color: #FFFFFF;
}
.footer__nav__list:last-child:after {
    display: none;
}
.footer__logo {
    text-align: right;
    box-sizing: border-box;
}
.footer__nav .sitemap_ul {padding-left: 1em;}
.footer__nav .sitemap_ul li:before {
    content: "- ";
}
.footer__nav .sitemap_ul li a {
    display: inline;
}
.footer__nav .sitemap_ul li {
    text-indent: -.5em;
    padding-left: .5em;
}
.footer__nav .sitemap_ul .sitemap_nest_ul {
    padding-left: 1em;
}
.footer__nav .siteMap_title {
    margin: 10px 0px 3px;
    background-repeat: no-repeat;
    background-size: 25px;
    padding-left: 27px;
}
.footer__nav .siteMap_title.footer1 {
    background-image: url(/europe/images/footer/foot_icon1.png);
}
.footer__nav .siteMap_title.footer2 {
    background-image: url(/europe/images/footer/foot_icon2.png);
}
.footer__nav .siteMap_title.footer3 {
    background-image: url(/europe/images/footer/foot_icon3.png);
}
.footer__nav .siteMap_title.footer4 {
    background-image: url(/europe/images/footer/foot_icon4.png);
}
.footer__nav .siteMap_title.footer5 {
    background-image: url(/europe/images/footer/foot_icon5.png);
}
.footer__nav .siteMap_title.footer6 {
    background-image: url(/europe/images/footer/foot_icon6.png);
}
.footer__nav .siteMap_title.footer7 {
    background-image: url(/europe/images/footer/foot_icon7.png);
}
.sitemap_left {
    box-sizing: border-box;
}
.footer__copyright {
    text-align: center;
    padding: 10px 0;
    color: #FFFFFF;
    box-sizing: border-box;
}

/*******************************
パンくず
********************************/
.bread {
    padding: 15px 0;
    font-size: 1.3rem;
}
.bread__list {
    display: inline-block;
}
.bread__list:last-child {
    color: #58B53E;
}
.bread__list:after {
    content: ">>";
}
.bread__list:last-child:after {
    content: none;
}

/*******************************
ページカテゴリ、ページタイトル
********************************/
.page_category {
    padding: 20px 0;
}
.page_category__text {
    font-weight: 500;
}
.page_category__icon {
    vertical-align:inherit;
}
.page_title {
    font-weight: 500;
    margin-bottom: 20px;
}
.page_title__text {
    padding-bottom: 30px;
}

/*******************************
サイドメニュー
********************************/
.sideMenu {
    border: solid 1px #C9CACA;
    border-bottom: none;
}
.sideMenu__list {
    position: relative;
    border-bottom: solid 1px #C9CACA;
    cursor: pointer;
}
.sideMenu-first {
    padding: 5px;
    color: #fff;
    font-size: 18px;
    border-bottom: solid 1px #C9CACA;
}
.sideMenu-first__link {
    position: relative;
    display: block;
    background: #B5B5B6;
    padding: 8px 0 8px 30px;
}
.sideMenu-first__link.sideMenu__current{
    background: #f93a3e;
}
.sideMenu-first__link:before {
    content: "";
    position: absolute;
    border: solid 2px #fff;
    display: inline-block;
    height: 13px;
    top: 14px;
    left: 18px;
}
.sideMenu-second {
    padding: 5px;
    color: #fff;
    font-size: 1.6rem;
    border-bottom: solid 1px #C9CACA;
}
.sideMenu-second__link {
    position: relative;
    display: block;
    background: #58b53e;
    padding: 10px 0 10px 30px;
}
.sideMenu__list > a,
.sideMenu__list > span {
    display: block;
    color: #000;
    font-size: 1.5rem;
    padding: 15px 0;
}
.sideMenu__list > a:before,
.sideMenu__list > span:before {
    content: "";
    margin-right: 15px;
    margin-left: 10px;
    border:solid;
    color: #f93a3e;
}
.sideMenu__list > a:hover,
.sideMenu__list > span:hover {
    opacity: 0.6;
}
.sideMenu_sub__list {
    position: relative;
    border-bottom: solid 1px #C9CACA;
}
.sideMenu_sub__list > a {
    display: block;
    color: #595757;
    font-size: 1.5rem;
    padding: 15px 0;
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.sideMenu_sub__list > a:before {
    content: url(/europe/images/product/menubar_gray.png);
    padding-right: 4px;
    padding-left: 10px;
}
.sideMenu_sub__list > a:hover {
    opacity: 0.6;
}

/** 画面表示時 **/
.sideMenu__list > a.sideMenu__current{
    color: #fff;
    cursor: pointer;
    background: #F93A3E;
}
.sideMenu__list > a.sideMenu__current:before {
    color: #fff;
}
.sideMenu_sub__list > a.sideMenu__current {
    color: #fff;
    cursor: pointer;
    background: #F93A3E;
}
.sideMenu_sub__list > a.sideMenu__current:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 8px;
    border-color: transparent transparent transparent #F93A3E;
    position: absolute;
    right: -8px;
    top: 19.5px;
}
.sideMenu_sub__list > a.sideMenu__current:before {
    color: #fff;
}

/*******************************
タイトルバー
********************************/
.titlebar {
    background: #ededed;
    padding: 4px 15px;
    font-size: 2.3rem;
    font-weight: 500;
    position: relative;
}
.titlebar__indent-1digit {
    padding-left: 1.0em;
    text-indent: -1.0em;
}
.titlebar__indent-2digit {
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.titlebar__text {
    padding: 20px 0 30px;
}

/*******************************
テーブル
********************************/
.table {
    margin: 30px 0;
    width: 100%;
}
.table, .table td, .table th {
    border:1px solid #e9e8e6;
}
.table td, .table th {
    padding: 20px;
    vertical-align: middle;
}
.table th {
    font-weight: normal;
    background-color: #f7f3e4;
    text-align: left;
}
/*******************************
ニュースカテゴリーアイコン
********************************/
.irPdf__infoList__category {
    padding: 1px 0!important;
    max-width: 5em!important;
}
#irp-corptop-list .irPdf__infoList__category.news_tanshin,
#irp-press-list .irPdf__infoList__category.news_tanshin,
#irp-press-archive-top-list .irPdf__infoList__category.news_tanshin,
#irp-top-list .irPdf__infoList__category.news_tanshin,
.irp-press-list .irPdf__infoList__category.news_tanshin
 {
  /*content:"短信";*/
  background: #f39f05;
}

#irp-corptop-list .irPdf__infoList__category.news_press,
#irp-press-list .irPdf__infoList__category.news_press,
#irp-press-archive-top-list .irPdf__infoList__category.news_press,
#irp-top-list .irPdf__infoList__category.news_press,
.irp-press-list .irPdf__infoList__category.news_press
 {
  /*content:"適時開示"*/
  background: #f97676;
}

#irp-corptop-list .irPdf__infoList__category.news_yuho,
#irp-press-list .irPdf__infoList__category.news_yuho,
#irp-press-archive-top-list .irPdf__infoList__category.news_yuho,
#irp-top-list .irPdf__infoList__category.news_yuho,
.irp-press-list .irPdf__infoList__category.news_yuho
 {
  /*content:"有報"*/
  background: #4198f9;
}

#irp-corptop-list .irPdf__infoList__category.news_pr,
#irp-press-list .irPdf__infoList__category.news_pr,
#irp-press-archive-top-list .irPdf__infoList__category.news_pr,
#irp-top-list .irPdf__infoList__category.news_pr,
.irp-press-list .irPdf__infoList__category.news_pr
 {
  /*content:"PR"*/
  background: #cfcf18;
}

#irp-corptop-list .irPdf__infoList__category.news_jinji,
#irp-press-list .irPdf__infoList__category.news_jinji,
#irp-press-archive-top-list .irPdf__infoList__category.news_jinji,
#irp-top-list .irPdf__infoList__category.news_jinji,
.irp-press-list .irPdf__infoList__category.news_jinji
 {
  /*content:"人事"*/
  background: #5e58a5;
}

#irp-corptop-list .irPdf__infoList__category.news_jinji2,
#irp-press-list .irPdf__infoList__category.news_jinji2,
#irp-press-archive-top-list .irPdf__infoList__category.news_jinji2,
#irp-top-list .irPdf__infoList__category.news_jinji2,
.irp-press-list .irPdf__infoList__category.news_jinji2
 {
  /*content:"人事"*/
 background: #8d4040;
}

#irp-corptop-list .irPdf__infoList__category.news_info,
#irp-press-list .irPdf__infoList__category.news_info,
#irp-press-archive-top-list .irPdf__infoList__category.news_info,
#irp-top-list .irPdf__infoList__category.news_info,
.irp-press-list .irPdf__infoList__category.news_info
 {
  /*content:"お知らせ"*/
  background: #87ceeb;
}

#irp-corptop-list .irPdf__infoList__category.news_info2,
#irp-press-list .irPdf__infoList__category.news_info2,
#irp-press-archive-top-list .irPdf__infoList__category.news_info2,
#irp-top-list .irPdf__infoList__category.news_info2,
.irp-press-list .irPdf__infoList__category.news_info2
 {
  /*content:"お知らせ"*/
  background: #87ceeb;
}

#irp-corptop-list .irPdf__infoList__category.news_other,
#irp-press-list .irPdf__infoList__category.news_other,
#irp-press-archive-top-list .irPdf__infoList__category.news_other,
#irp-top-list .irPdf__infoList__category.news_other,
.irp-press-list .irPdf__infoList__category.news_other
 {
  /*content:"その他"*/
  background:;
}

#irp-corptop-list .irPdf__infoList__category.news_other2,
#irp-press-list .irPdf__infoList__category.news_other2,
#irp-press-archive-top-list .irPdf__infoList__category.news_other2,
#irp-top-list .irPdf__infoList__category.news_other2,
.irp-press-list .irPdf__infoList__category.news_other2
 {
  /*content:"その他"*/
  background:;
}

#irp-corptop-list .irPdf__infoList__category.news_kabu,
#irp-press-list .irPdf__infoList__category.news_kabu,
#irp-press-archive-top-list .irPdf__infoList__category.news_kabu,
#irp-top-list .irPdf__infoList__category.news_kabu,
.irp-press-list .irPdf__infoList__category.news_kabu
 {
  /*content:"株主通信"*/
  background: #437a78;
}

#irp-corptop-list .irPdf__infoList__category.news_annual,
#irp-press-list .irPdf__infoList__category.news_annual,
#irp-press-archive-top-list .irPdf__infoList__category.news_annual,
#irp-top-list .irPdf__infoList__category.news_annual,
.irp-press-list .irPdf__infoList__category.news_annual
 {
  /*content:"レポート"*/
  background: #3878a9;
}


/*******************************
お問い合わせリンク
********************************/
.inquiry {
    clear: both;
    overflow: hidden;
    border: solid #DCDDDD 4px;
    padding: 10px;
    max-width: 390px;
    margin: 0 auto;
    box-sizing: border-box;
}
.inquiry__title {
    box-sizing: border-box;
    text-align: center;
    font-size: 2.0rem;
    border-bottom: solid 1px #ccc;
    padding-bottom: 3px;
    font-weight: 500;
}
.inquiry__box {
    padding-top: 20px;
    display: flex;
    justify-content: center;
}
.inquiry__box-tel {
    padding-right: 10px;
}
.box-tel__name {
    font-size: 1.7rem;
}
.box-tel__no {
    font-weight: 700;
    color: #f93a3e;
    line-height: 1;
    font-size: 3.5rem;
}
.box-tel__no:before {
    content: url(/europe/images/common/red_tel.png);
}
.inquiry__box-mail {
}
.box-mail__link {
    overflow: hidden;
    padding: 10px 15px;
    background-color: #f93a3e;
    position: relative;
}
.box-mail__arrow {
    float: left;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 12px;
    border-color: transparent transparent transparent #ffffff;
    opacity: 0.5;
    text-indent: -5000px;
    position: absolute;
    top: 17px;
}
.box-mail__text {
    float: left;
    display: block;
    color: #fff;
    margin: 0 25px 0 35px;
    line-height: 1.4;
}
.box-mail__icon {
    float: left;
    display: block;
}

/*******************************
ブランドバナー
********************************/
.product-brand-bannar a {
    vertical-align: bottom;
    display: block;
}
.business_home li .bannar {
    border: none;
    padding: 0;
}

/*******************************
お問い合わせバナー
********************************/
.assurance-banner {
    border: 4px solid #fc3737;
    box-sizing: border-box;
    padding: 1.75em 2em;
    margin: 0 auto;
    display: inline-block;
}
.assurance-banner__content {
    margin-top: 1em;
}
.assurance-banner__title {
    font-size: 2.8rem;
    font-weight: bold;
    color: #fc3737;
    text-align: center;
    line-height: 1;
}
.assurance-banner__mail {
    font-size: 1.6rem;
    font-weight: bold;
    background: url(/europe/images/common/red_mail.png) no-repeat left 0.25em;
    padding-left: calc(24px + 0.5em);
}
.assurance-banner__mail .link {
    color: #fc3737;
}
.assurance-banner__tel {
    font-size: 1.6rem;
    font-weight: bold;
    background: url(/europe/images/common/red_tel_o.png) no-repeat left 0.25em;
    padding-left: calc(24px + 0.5em);
    margin-top: 0.5em;
}
.assurance-banner__tel .telnum {
    font-size: 3.8rem;
    line-height: 1;
    color: #fc3737;
}
.assurance-banner__tel .brackets {
    font-size: 1.2rem;
}

/*******************************
yahoo検索ボックス
********************************/
#srchBox #srchInput {
    margin-right: 6px;
    vertical-align: bottom;
}
#srchBox #srchBtn {
    width: 60px;
    height: 25px;
    cursor: pointer;
}
*html #srchBox #srchBtn {
    padding-top: 2px;
}
*:first-child+html #srchBox #srchBtn {
    padding-top: 2px;
}
#srchBox ul {
    margin-top: 6px;
    text-align: left;
}
#srchBox li {
    list-style-type: none;
    display: inline;
    zoom: 1;
    padding-right: 10px;
}
#srchBox li input {
    zoom: 1;
    margin-right: 2px;
    _margin: -4px 0 -4px -4px;
    vertical-align: middle;
    border: 0;
}
*:+html #srchBox li input {
    margin: -4px 0 -4px -4px;
}
#srchBox #srchLogo {
    margin: 6px 6px 6px 0;
    text-align: right;
}
#srchBox #srchLogo a {
    color: #666666;
    text-decoration: none;
    font-size: 85%;
}
#srchBox #srchLogo a:hover {
    text-decoration: underline;
}
#srchBox.watermark {
    margin-left: 10px;
}
#srchBox.watermark #srchInput {
    padding: 1px 1px 1px 1px;
    border: 1px solid #c1bfbf;
    background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark.for-product #srchInput {height: 21px;}
#srchBox.watermark #srchInput.nomark {
    background: #fff;
}
#srchBox.watermark #srchLogo {
    display: none;
}
#srchBtn {
    border: none;
    background: #fe4747;
    color: #fff;
}

/********************************
商品index
********************************/
.product_group {
    border: solid 5px #eeeeee;
    position: relative;
    margin: 40px auto;
    border-radius: 8px;
    clear: both;
}
.product_group-head {
    font-size: 2.8rem;
    position: absolute;
    top: -32px;
    width: 100%;
    text-align: center;
}
.product_list {
    padding: 40px 20px 20px;
}
.product-brand-bannar {
    max-width: 730px;
    margin: 0px auto;
    width: calc(100% / 3);
    box-sizing: border-box;
    margin-left: 15px;
}
.product_group-head-text {
    padding: 0 20px;
    display: inline-block;
    background: #fff;
}
.product_group.shokuniku {
    width: calc((100% / 3) * 2);
    box-sizing: border-box;
}
.shokuniku_wrap {
    overflow: hidden;
}
.product-brand-bannar .product-brand-bannar-l,.product-brand-bannar .product-brand-bannar-r {
    width: 100%;
}
.recipe_Osusume_left {
    background: #e5d9c6;
    border-radius: 6px;
    padding: 10px;
    margin-top: 62px;
    float: left;
    width: calc(100% / 3 - 20px);
    margin-left: 20px;
    box-sizing: border-box;
}
.Osusume-img {
    display: block;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    margin: auto;
}
.recipe_Osusume .bx-wrapper .bx-controls-direction a {
    top: 110px;
    width: 30px;
    height: 30px;
}
.recipe_Osusume_title {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
}
.recipe_Osusume_Name {
    text-align: center;
    font-size: 1.8rem;
    margin-top: 0.5em;
}
.reci_bn {
    display: block;
    margin-left: 15px;
    width: calc(100% / 3 - 15px);
    box-sizing: border-box;
}
.reci_bn img {
    border: solid 1px #CCC;
}

/* ===================================================================================
for PC min-width: 741px
=================================================================================== */
@media screen and (min-width: 741px),print {
    #srchBox #srchBtn:hover {
        opacity: 0.7;
    }
    .telnum {pointer-events: none;}
    .sp {display: none;}
    /*******************************
    ヘッダーパンくず
    ********************************/
    .header_main_img {
        /* height: 430px; */
    }
    .result_mainImg {
        height: auto;
    }
    .header_bread {
        text-align: right;
        background: #1b1b1b;
    }
    .header_bread__area {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header_bread__list {
        display: inline-block;
        font-size: 14px;
        color: #fff;
        padding-right: 0px;
        position: relative;
        padding-left: 0.5em;
    }
    /*******************************
    ヘッダーロゴ
    ********************************/
    .header_logo {
        text-align: center;
        background: #fff;
        box-sizing: border-box;
        float: left;
        max-width: 250px;
    }
    .header_logo__text {
        line-height: 1.8;
        margin: 5% auto;
    }
    /*******************************
    ヘッダーグローバル
    ********************************/
    .header_grobal {
        text-align: right;
        max-width: 80%;
        box-sizing: border-box;
        float: right;
        position: relative;
        z-index: 1;
    }
    .header_grobal__list {
        float: left;
        text-align: center;
        vertical-align: middle;
        flex-grow: 1;
        width: 100%;
        position: relative;
    }
    .header_grobal__list:after {
        content: "";
        border-left: solid #fff 1px;
        position: absolute;
        height: 75px;
        right: 0;
        top: 10px;
        opacity: 0.6;
    }
    .header_grobal__list:last-child:after {
        display: none;
    }
    .header_grobal__list:hover {
        background: #fee8e8;
    }
    .header_grobal__list:hover a {
        position: relative;
    }
    .header_grobal__list:hover a img {
        /* opacity: 0.6; */
    }
    .header_grobal__list:hover:after {
        /*display: none;*/
    }
    .grobalList-on {
        background: #F93A3E;
    }
    .grobalList-on:after {
        display: none;
    }
    .header-gro-sp {
        display: none !important
    }

    /*******************************
    ページカテゴリ、ページタイトル
    ********************************/
    .page_category__text {
        font-size: 3.8rem;
    }
    .page_category__icon {
        vertical-align: middle;
    }
    .page_category__main {
        vertical-align: middle;
    }
    .page_category__sub {
        font-size: 1.7rem;
    }
    .page_title {
        font-size: 3.0rem;
    }
    /*******************************
    サイドメニュー
    ********************************/
    /** 画面表示時 **/
    .sideMenu__list > a.sideMenu__current:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7.5px 0 7.5px 8px;
        border-color: transparent transparent transparent #F93A3E;
        position: absolute;
        right: -8px;
        top: 19.5px;
    }

    /*******************************
    お問い合わせバナー
    ********************************/
    .nav_area-left .assurance-banner {
        padding: 1.75em 2em;
        height: 100%;
        max-width: 100%;
        width: 100%;
        line-height: 1.4;
    }

    /********************************
    商品index
    ********************************/
    .product-brand-bannar-l {
        width: 49.5%;
        box-sizing: border-box;
        /* padding-right: 5px; */
        display: inline-block;
    }

    .product-brand-bannar-r {
        width: 49.5%;
        box-sizing: border-box;
        display: inline-block;
        margin-top: 14px;
    }
    .product_list {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
    }

    .banner-item__link {
    margin: 10px;
    }

}

/* ===================================================================================
for PC max-width: 1020px and min-width: 741px
======================================================================================*/
@media screen and (max-width: 1020px) and (min-width: 741px), print {
    /*******************************
    ヘッダーロゴ
    ********************************/
    .header_logo {
    margin-right: 1em;
    }
    .header_logo__text {
        font-size: 1.333vw;
    }
    .logo_star-img {
        width: 3vw;
    }
    /*******************************
    ヘッダーグローバル
    ********************************/
    .header_grobal {
        /* width: 83%; */
    }
    .header_grobal__list:after {
        height: 6vw;
        top: 1.5vw;
    }
}

/* ===================================================================================
for SP max-width: 740px
=================================================================================== */
@media screen and (max-width: 740px) {
    .pc {display: none;}

    /*******************************
    共通
    *******************************/
    .flex.flex-sp-vertical {
        flex-direction: column;
    }
    .flex.flex-center {
        align-items: center;
    }

    /*******************************
    レイアウト
    ********************************/
    .content {padding: 0 15px;}
    .under__main {
        float: inherit;
        width: 100%;
        padding: 0 0 50px;
    }
    .under__side {
        float: inherit;
        width:100%;
        padding: 0;
    }
    /*******************************
    ヘッダー
    ********************************/
    header {
        height: 60px;
        padding: 13px;
        box-sizing: border-box;
        border-bottom: 1px solid #fe4848;
    }
    .header_main_img {
        height: auto !important;
    }
    .logo_star-img {
        max-width: 20px;
    }
    .header_main_img {
        background: #fff !important;
        overflow: hidden;
    }
    .header_main_img.Safety_food_header_img {
        height: auto;
    }
    .header-gro-sp {
        position: absolute;
        z-index: 9998;
        width: 100%;
        display: none;
        left: 0;
        top: 60px;
    }
    .header-gro-wrap {
        text-align: left;
        background-color: rgba(27, 27, 27, 0.79);
        color: #fff;
    }
    .header-gro-sp__item {
        border-bottom: solid 1px;
    }
    .header-gro-link {
        color: #fff;
        display: block;
        padding: 10px;
        text-align: center;
        box-sizing: border-box;
    }
    .menu-btn {
        position: absolute;
        right: 11px;
        top: 11px;
        padding: 6px;
        background: #000;
        border-radius: 4px;
    }
    .menu-trigger {
        vertical-align: bottom;
        position: relative;
        width: 30px;
        height: 26px;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 11px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(11px) rotate(-45deg);
        transform: translateY(11px) rotate(-45deg);
    }
    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-11px) rotate(45deg);
        transform: translateY(-11px) rotate(45deg);
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        border-radius: 4px;
        background-color: #fff;
    }
    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    .switch_anguage_sp {
		display: block;
		position: absolute;
		right: 65px;
		top: 17px;
		font-size: 12px;
	}
    /*******************************
    ヘッダーロゴ
    ********************************/
    .header_logo {
        position: absolute;
        top: 0;
        padding: 0.5em;
        text-align: center;
        background: #F1EBD2;
        box-sizing: border-box;
        width: 140px;
    }
    .header_logo__text {
        line-height: 1.4;
        font-size: 1.2rem;
    }
    .logo-area a {
        vertical-align: bottom;
        max-width: 145px;
    }

    /*******************************
    ページカテゴリ、ページタイトル
    ********************************/
    .page_category__text {
        font-size: 2.5rem;
    }
    .page_category__icon {
        vertical-align: middle;
        padding-right: 0;
        margin-right: 0.25em;
    }
    .page_category__main {
        vertical-align: middle;
    }
    .page_category__sub {
        font-size: 2.0rem;
        vertical-align: middle;
    }
    .page_title {
        font-size: 2.5rem;
    }

    /*******************************
    サイドメニュー
    ********************************/
    .sideMenu__list > a, .sideMenu__list > span {
        padding: 10px 0;
    }
    .sideMenu_sub {
        overflow: hidden;
    }
    .sideMenu_sub__list > a {
        /*padding: 10px 0;*/
    }

    /*******************************
    フッター
    ********************************/
    .footer__nav {
        float: inherit;
        width: 100%;
        padding: 10px 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer__nav__list {
        display: inherit;
        text-align: center;
        line-height: 2.0;
    }
    .footer__nav__list > a {
        font-size: 1.3rem;
    }
    .footer__nav__list:after {
        display: none;
    }
    .footer__logo {
        float: inherit;
        width: 100%;
        text-align: center;
    }
    .footer__copyright {
        font-size: 1.2rem;
    }

    /*******************************
    タイトルバー
    ********************************/
    .titlebar {
        padding: 4px;
        font-size: 2.0rem;
    }

    /*******************************
    テーブル
    ********************************/
    .table td,.table th {
        display: block;
        padding: 10px;
        box-sizing: border-box;
    }

    /*******************************
    お問い合わせリンク
    ********************************/
    .inquiry {
        width: 100%;
    }
    .inquiry__title {
        font-size: 1.7rem;
    }
    .inquiry__box {
        float: inherit;
    }
    .inquiry__box-tel {
        padding-right: 0;
    }
    .box-tel__name {
        text-align: center;
    }
    .box-tel__no {
        text-align: center;
    }
    .inquiry__box-mail {
        text-align: center;
    }

    /*******************************
    お問い合わせバナー
    ********************************/
    .assurance-banner {
        padding: 1em 0.5em;
        width: 100%;
        max-width: 365px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .assurance-banner__title {
        font-size: 2.4rem;
    }
    .assurance-banner__mail {
        font-size: 1.4rem;
    }
    .assurance-banner__tel {
        font-size: 1.4rem;
    }
    .assurance-banner__tel .telnum {
        font-size: 3rem;
    }
    .assurance-banner__tel .brackets {
        font-size: 1.2rem;
    }

    /********************************
    商品index
    ********************************/
    .product-brand-bannar-l {
        padding-bottom: 20px;
    }
    .product_list {
        padding: 40px 10px 0px;
        overflow: hidden;
    }
    .product_group-head-text {
        font-size: 24px;
    }
    .product_group-head-text img {
        height: 24px;
    }

    .banner-item__link:not(:first-child) {
        display: block;
        margin: 20px auto 0;
        max-width: 176px;
    }
    .product_group.shokuniku {
    width: 100%;
    }

    .product-brand-bannar {
        margin: 0;
        padding: 50px 0;
        width: 100%;
    }

    .product-brand-bannar-l, .product-brand-bannar-r {
        width: 50;
    }
    .recipe_Osusume_left {
    width: 100%!important;
    margin-left: 0;
    max-width: 100%!important;
    }
    .reci_bn {
    width: 100%;
    text-align: center;
    margin-left: 0;
    }
    /********************************
    修正
    ********************************/
    .link_a_block{
        display: block;
    }
    .sitemap_left {
        width: 100%;
    }

    .footer__nav .siteMap_title {
        border: 1px solid;
        /* padding: 10px 10px 10px 35px; */
        background-position: 5px 50%;
    }

    .siteMap_title .link {
        display: block;
        padding: 10px 10px;
    }

    .footer__nav .sitemap_ul > li a {
        display: block;
        padding: 10px 10px 10px 0px;
        border-bottom: dotted 1px;
        text-indent: 0;
    }

    .footer__nav .sitemap_ul li:before {
        content: "";
    }

    .siteMap_title .link:after {
        /*content: "▶";
        display: block;
        float: right;*/
    }

    .footer__nav .sitemap_ul > li a:after {
        content: " ▶";
        display: block;
        float: right;
        font-size: 1.0rem;
    }
    .footer__nav .siteMap_title.footer6 {
        padding: 10px 10px 10px 35px;
    }
}