@charset "UTF-8";
/*
Theme Name: 株式会社めんつう
Author: ProntoNet
Author URI: http://www.prontonet.ne.jp/
Version: 1.0
*/
/* ----------------------------- リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

img { vertical-align: top; font-size: 0; line-height: 0; }

sup { font-size: 8px; }

em { font-style: normal; }

div:before, div:after, ul:before, ul:after, ol:before, ol:after, dl:before, dl:after { content: ""; display: block; }

div:after, ul:after, ol:after, dl:after { clear: both; }

div, ul, ol, dl { zoom: 1; }

ul#wp-admin-bar-root-default:after { clear: none; }

/* =======================================
記事詳細
========================================*/
#entry { margin: 0 auto; }

#entry_title { margin: 0 0 30px; border-bottom: 1px solid #ccc; padding: 0 0 12px; }

#entry_title h3 { padding: 2px 0; font-size: 130%; }

#entry_title span { font-size: 85%; padding: 2px 0; }

#entrybody { font-size: 100%; margin-top: 0; word-break: break-all; }

#entrybody ul, #entrybody ol { margin: 12px 0 12px 2em; list-style-position: inside; text-align: left; }

#entrybody ul li { text-align: left; }

#entrybody ol li { text-align: left; }

#entrybody strong { font-weight: bold !important; }

#entrybody strong span { font-weight: bold !important; }

#entrybody span strong { font-weight: bold !important; }

#entrybody del strong { font-weight: bold !important; }

#entrybody em strong { font-weight: bold !important; }

#entrybody em { font-style: italic; }

#entrybody p { line-height: 170%; margin: 0 0 1.2em; }

td #entrybody p { margin-bottom: 0; }

#entrybody em { font-style: italic !important; }

#entrybody blockquote { margin: 15px 0 15px 24px; }

#entrybody img { margin: 0 0 1em; }

#entrybody iframe { width: 100%; height: auto; }

.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }

.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }

.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

.wp-caption { border: none; background: #f1f1f1; color: #888; font-size: 12px; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px; -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.wp-caption img { margin: 5px; }

.wp-caption p.wp-caption-text { margin: 0 0 4px; }

.wp-smiley { margin: 0; }

body#tinymce ul, body#tinymce ol { margin: 0 0 0 1.5em; }

body#tinymce ul li { list-style: disc; }

body#tinymce ol li { list-style: decimal; }

#entrybody h1 { font-size: 200%; line-height: 150%; }

#entrybody h2 { font-size: 180%; line-height: 150%; }

#entrybody h3 { font-size: 150%; line-height: 150%; }

#entrybody h4 { font-size: 132%; line-height: 150%; }

#entrybody h5 { font-size: 116%; line-height: 150%; }

#entrybody h6 { font-size: 108%; line-height: 150%; }

#social { margin: 30px 0 10px; clear: both; }

#social:before, #social:after { content: ""; display: table; }

#social:after { clear: both; }

#social { zoom: 1; }

#social li, #social div { float: left; }

#social li { border: 0; }

#social .facebook { width: 120px; }

#social .twitter { width: 105px; }

#social .hatena { width: 130px; }

#social .google { width: 80px; }

#social .line img { width: 88px; height: auto; }

#entry .fbcomments, #entry .fb_iframe_widget, #entry .fb_iframe_widget[style], #entry .fb_iframe_widget iframe[style], #entry .fbcomments iframe[style], #entry .fb_iframe_widget span { width: 100% !important; }

/* ----------------------------- ページネーション */
.pagination {
    clear: both;
    position: relative;
    display: table;
    width: 300px;
    padding: 20px 0;
    margin: 20px auto 0;
    text-align: center;
    font-size: 1.1em;
    }
.pagination span, .pagination a { display: inline-block; *display: inline; *zoom: 1; width: auto; padding: 5px; margin: 0 10px; color: #333; text-decoration: none !important; cursor: pointer; color: #000; /*font-size: 128.5%;*/ border-bottom: 2px solid transparent; }
.pagination span.current, .pagination a.current { border-bottom-color: #000; }
.pagination a:link, .pagination a:visited { color: #000; }
.pagination a:hover { color: #000; text-decoration: underline; opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
.pagination .numeric, .pagination .prev, .pagination .next { display: table-cell; vertical-align: middle; }
.pagination .numeric { text-align: center; width: 70%; }
.pagination .prev, .pagination .next { /*width: 15%;*/ }
.pagination a.prev , .pagination a.next  { margin: 0; background-repeat: no-repeat;  width: 80px; }
.pagination .prev { /*text-align: left;*/ }
.pagination a.prev  { padding-left: 25px; background-image: url(img/common/arrow_icon02_2.png); background-position: left center; }
.pagination .next { /*text-align: right;*/ }
.pagination a.next  { padding-right: 25px; background-image: url(img/common/arrow_icon02.png); background-position: right center; }

.pagination .page_count{  margin: 0;  padding: 5px; font-weight: bold; min-width: 60px; }
.pagination .link_none{ pointer-events: none;      width: 70px;   }


@media screen and (max-width: 640px) { .pagination { padding: 10px 0; }
  .pagination span, .pagination a { font-size: 100%; margin: 3px 4px; padding: 3px 5px; }
  .pagination .prev a { padding-left: 15px; background-image: url(img/common/icon3_left.svg); }
  .pagination .next { text-align: right; }
  .pagination .next a { padding-right: 15px; background-image: url(img/common/icon3.svg); } }
/* ----------------------------- 全体 */
body { font-size: 14px; line-height: 1.8em; color: #333; font-family: "メイリオ", Meiryo, "游ゴシック体", "游ゴシック", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; background: #fff; position: relative; }

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a, a img { -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all; }
a:hover img { opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }

.sp-only { display: none !important; }

img, .bx-wrapper img { max-width: 100%; height: auto; }

/* ----------------------------- 1. 各ページ共通 */

body { min-width: 1410px; }

.wid{ width: 1200px; margin: 0 auto; }
.f-wid{ width: 1000px; margin: 0 auto; }

hr{  border-top: 1px solid #000;  width: 50px;  margin: 17px auto;  }

/*=======================================
ヘッダー
=========================================*/
/*=======================================
メニュー
=========================================*/
/*=======================================
フッター
=========================================*/

.f_contact {  background-image: url(./img/common/bg_img01.jpg);  background-repeat: no-repeat;  background-size: cover;  background-position: center;  padding: 100px 0;  color: #FFF;    }

.f_contact iframe{  float: left;  }

.f_contact > div > div{  float: right;  width: 530px;  }

.f_contact h3{  text-align: center;  font-weight: normal;  border-top: 1px #FFF solid;  border-bottom: 1px #FFF solid;  font-size: 1.1em;  padding: 10px 0px;  }

.f_contact .tel_fax {  /* padding: 25px 0 15px; */  padding: 15px 0 8px;  }
.f_contact .tel_fax p{ text-align: center;  padding: 10px 0; }

.f_contact .tel_fax p.tel, .f_contact .tel_fax p.fax{  width: 50%;   float: left;   font-size: 1.65em;  }
.f_contact .tel_fax p a, .f_contact .tel_fax p span{  text-decoration: none;   color: #FFF;   font-size: 1.2em;  }
.f_contact .tel_fax p.tel{  text-align: left;  }
.f_contact .tel_fax p.fax{  text-align: right;  }


.f_contact .calendar{ text-align: center;    /* margin-top: 33px; */ margin-top: 21px;  }
.f_contact .calendar > div{  display: inline-block;     width: 240px;  /* height: 200px; */ height: 230px;  color: #000;  background: #FFF;  padding: 10px;  box-sizing: border-box;      margin: 0px 8px;  }
.f_contact .calendar > div table{    width: 100%;  margin-top: 5px;  font-size: 0.9em;  }
.f_contact .calendar > div h4{  text-align: left;  font-size: 1.1em;  line-height: 1.3em;  padding-left: 5px;  }
.f_contact .calendar > div p{  text-align: right;  margin-top: -1.7em;  margin-right: 8px;  font-size: 0.9em;  font-weight: bold;     line-height: 20px; }
.f_contact .calendar > div p i{  display: inline-block;  width: 20px;  height: 20px;  background: #FFCCCC;  vertical-align: middle;  margin-right: 5px;  }

.f_contact .calendar > div .d-week th{     font-weight: normal; }
.f_contact .calendar > div .d-week th:last-child { color: #D20000; }

.f_contact .calendar > div td{  background:#EEEEEE;  border: 1px #FFF solid;  }
.f_contact .calendar > div td.ho{  background: #FFCCCC;  }


.f_news_list {  padding: 50px 0px 100px;  }
.f_news_list .news_t{  float: left;  width: 240px;  }
.f_news_list .news_list_block{  float: right;  width: 720px;  }

.f_news_list .news_t h2{ font-size: 1.8em;  margin-bottom: 25px; }

.f_news_list .news_t a{ display: inline-block;  background: #D90000;  color: #FFF;  text-decoration: none;  width: 220px;  box-sizing: border-box;
  padding: 10px;  padding-left: 50px;  background-image: url(./img/common/arrow_icon01.png);  background-repeat: no-repeat;  background-position: center left 15px;
  }
.f_news_list .news_t a:hover{  opacity: 0.75; -ms-filter: "alpha(opacity=75)"; filter: alpha(opacity=75);  }

.f_news_list .news_list_block .post:first-child {  border-top: 1px #CCCCCC dotted;  }


.news_list_block {  font-size: 1.1em;  }
.news_list_block .post { border-bottom: 1px #CCCCCC dotted;  }
.news_list_block .post a{  display: block;  position: relative;  padding: 12px;  padding-left: 165px;  background-image: url(./img/common/arrow_icon02.png);  background-repeat: no-repeat;  background-position: top 22px left 10px;  }
.news_list_block .post .date{  position: absolute;  left: 55px;  color: #666;  }



.l-footer{  background: #EEEEEE;  padding: 20px 0 40px;  }

.l-footer__nav { float: right; }
.l-footer__nav .sdgs { text-align: right; margin-top: 45px; }
.l-footer__logo { float: left; }

.f_logo{  margin-bottom: 20px;  display: inline-block; }

.f_navi1{ float: right;  margin-top: 5px; }
.f_navi2{ padding-top: 40px; font-size: 0.9em; clear: both; }
.f_navi1 li, .f_navi2 li {  display: inline-block;  float: left;  border-right: 1px #000 solid;  line-height: 1.2em;  padding: 0 5px;  }
.f_navi1 li a, .f_navi2 li a{  text-decoration: none;  }
.f_navi1 li:last-child {   border-right: 0px #000 solid;   }
.f_navi2 li:first-child {   border-left: 1px #000 solid;   }


.copyright{  float: right;  margin-top: -1.5em;  font-size: 0.9em;  }


/*=======================================
ページトップへ
=========================================*/
.l-pagetop { position: fixed; right: 30px; bottom: 30px; z-index: 999; }

/* ----------------------------- 2. トップページ */
/*=======================================
メインビジュアル
=========================================*/

.l-header .mv { /*max-width: 1600px;*/  margin: 0 auto;  }
.top_slider_box{ position: relative;    /*width: 80%;   padding-left: 300px; */     overflow: hidden; }
.top_slider_box > img{  position: absolute;  z-index: 999;  top: 12%;  margin: 0 auto;  left: 0;  right: 0;  }
.top-slider{ width: 100%; min-width: 1200px; }


/*=======================================
トップページ
=========================================*/


.top_menu{ width: 300px; float: left;  box-sizing: border-box;  padding: 40px 30px 0px; }
.top_menu ul{  margin: 20px 0px 10px 10px; }

.top_menu a{  text-decoration: none; }
.top_menu a img{  opacity: 1; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100);  }

.top_menu a:hover{  opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65);  }
.top_menu li a{  font-weight: bold;  font-size: 1.1em;  padding: 7px 0px;  display: block; }
.top_menu h3 {  border-top: 1px #C6BBA4 solid;  border-bottom: 1px #C6BBA4 solid;  padding: 7px 0px;  margin-top: 35px; }

.top_menu .h_logo{ display: block;  text-align: center; }

.top_menu .h_info{  text-align: center;  }
.top_menu .h_info p{  font-size: 1.5em;  font-weight: bold;  margin: 12px 0px;  }

.top_menu .h_recruit { text-align: left;  margin-top: 10px !important; }
.top_menu .h_recruit img{  margin-left: 8px;  vertical-align: middle;     margin-top: -3px;  }

.top_menu .h_info li a{ padding: 6px 0px; padding-left: 25px;   background-image: url(./img/common/arrow_icon03.png);  background-repeat: no-repeat;  background-position: center left 5px;   }


.top_menu li{ position: relative;  }
.top_menu li ul{  display: none;  }
.top_menu li ul{  position: absolute;  left: 0;  margin-left: 230px;  width: 280px;  background: #FFF;  z-index: 999;  margin-top: -50px;     padding: 7px 0; }
.top_menu li:hover ul{  display: block;  }

.top_menu li ul li{  padding-left: 70px;  background-image: url(./img/common/arrow_icon03.png);  background-repeat: no-repeat;  background-position: center left 45px;   }

.top_menu hr{ margin: 25px auto; }

.top_menu2 {  position: relative; padding: 18px 0;  }
.top_menu2 .h_logo{ float: left; margin-left: 25px; }
.top_menu2 > div > ul{ float: left;  margin: 10px 0px 10px 50px;     font-size: 1.1em; }
.top_menu2 .h_info2{  position: absolute;  right: 0;  width: 220px;  text-align: center;  background: #016108;  color: #FFF;  top: 0;  bottom: 0;  padding: 10px 0;  box-sizing: border-box;  z-index: 999;  }
.top_menu2 .h_info2 h3{  font-size: 0.95em;  padding: 3px 0px;  }
.top_menu2 .h_info2 p{  font-size: 1.2em;  }
.top_menu2 .h_info2 a{  font-size: 1.25em;  color: #FFF;  text-decoration: none;  }

.top_menu2 li{ /*position: relative; */    display: inline-block;      font-weight: bold;   padding: 0 10px; }
.top_menu2 li ul{  display: none;  }
.top_menu2 li ul{  position: absolute;  left: 0;   background: #FFF;  z-index: 999;   padding: 8px 3px;  padding-top: 35px;  }
.top_menu2 li:hover ul{  display: block;  }
.top_menu2 li ul li{  padding-left: 30px;  background-image: url(./img/common/arrow_icon03.png);  background-repeat: no-repeat;  background-position: center left 12px;   }
.top_menu2  a{  text-decoration: none;      position: relative;  }

.top_menu2 > div > ul >li.active > a::before,
.top_menu2 > div > ul >li:hover > a::before{  content: "";  width: 1px;  height: 50px;  top: -60px;  left: 50%;  background: #D90000;  display: block;  position: absolute;  }

.h_recruit .tc{ padding-top: 8px; }
.tc{ text-align: center; }

.top_menu2 li ul li img{  margin-left: 8px;   vertical-align: middle;   margin-top: -3px;  }

.nav_s01{  margin-left: 390px;  }
.nav_s02{  margin-left: 475px;  }
.nav_s03{  margin-left: 660px;  }
.nav_s04{  margin-left: 800px;  }
.nav_s05{  margin-left: 885px;  }

.smv{   background-repeat: no-repeat;  background-size: cover;  background-position: center;  height: 300px;    position: relative;  }
.smv h2{  font-size: 2em; padding: 140px 30px;  letter-spacing: 0.1em;    color: #000;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.7), 
               0 0 20px rgba(255, 255, 255, 0.7), 
               0 0 20px rgba(255, 255, 255, 0.6), 
               0 0 12px rgba(255, 255, 255, 0.6), 
               0 0 12px rgba(255, 255, 255,   1), 
               0 0  8px rgba(255, 255, 255,   1);  }
.smv .breadcrumbs{  position: absolute;   bottom: 15px;   left: 30px;  color: #000;
  text-shadow: 0 0 18px rgba(255, 255, 255,   1), 
               0 0 15px rgba(255, 255, 255,   1), 
               0 0 15px rgba(255, 255, 255, 0.8), 
               0 0 12px rgba(255, 255, 255, 0.8), 
               0 0 12px rgba(255, 255, 255, 0.8), 
               0 0 12px rgba(255, 255, 255, 0.7), 
               0 0 12px rgba(255, 255, 255, 0.7), 
               0 0  7px rgba(255, 255, 255, 0.7), 
               0 0  7px rgba(255, 255, 255, 0.7), 
               0 0  5px rgba(255, 255, 255, 0.7);  }
.smv .breadcrumbs li a{     text-decoration: none;  }
.smv .breadcrumbs li{ display: inline-block;     position: relative;  padding-right: 18px; }
.smv .breadcrumbs li:after{ display:block;  content:">";    position: absolute;   right: 3px;  top: 0; } 

.smv .breadcrumbs li:last-child{  padding-right: 0px;  } 
.smv .breadcrumbs li:last-child:after{  content:""; display:none;  } 


.point_box {  margin: 100px 0px 50px;  }
.point_box > div{ position: relative;   height: 460px; }
.point_box .bg_block{   position: absolute;  top: 30px;  width: 43%;  height: 430px;  z-index: -5;  }
.point_box .point_01 .bg_block{ background:#FEF2F2; left: 0;   }
.point_box .point_02 .bg_block{ background:#F2F7F2; right: 0;   }
.point_box .point_03 {  }

.point_box .point_01 img{  position: absolute;   right: 50%;   margin-right: -50px;  }
.point_box .point_02 img{  position: absolute;   left: 50%;    margin-left:  -30px;  }
.point_box .point_03 img{  position: absolute;   right: 50%;   margin-right: 50px;  }

.point_box .point_01 .txt{  position: absolute;   left: 50%;   top: 130px;   margin-left:  105px;  }
.point_box .point_02 .txt{  position: absolute;   right: 50%;  top: 130px;   margin-right: 100px;  }
.point_box .point_03 .txt{  position: absolute;   left: 50%;   top: 130px;   margin-left:   90px;  }

.point_box .txt h2{ font-size: 2.2em;  line-height: 1.2em; }
.point_box .txt div{  padding-left: 20px;  font-size: 1.3em;  line-height: 2em;  margin-top: 40px;  margin-left: 5px; }

.point_box .point_01 .txt div{   border-left: 1px #D90000 solid;  }
.point_box .point_02 .txt div{   border-left: 1px #016108 solid;  }
.point_box .point_03 .txt div{   border-left: 1px #666666 solid;  }


/* ----------------------------- 3. 下層ページ */
/*=======================================
下層ページ
=========================================*/

.p-page p{ font-size: 1.05em;  line-height: 2em; }

.p_catch{  text-align: center;   margin: 50px 0 35px;  }
.p_catch h2{  font-size: 2.2em;  letter-spacing: 0.05em;  line-height: 1.5em;  }
.p_catch p {  font-size: 1.3em;  line-height: 2em;  margin-top: 23px;  }


.p-page .layout01 > div {  margin-bottom: 40px;     padding-top: 10px; }
.p-page .layout01 div h3{  font-size: 1.4em;  color: #D80000;  border-bottom: 1px #DDD solid; margin-bottom: 15px; }
.p-page .layout01 div h3:after{  content: "";  display: block;  border-bottom: 1px #D90000 solid;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }
.p-page .layout01 div table.typea{  width: 100%;  clear: both;  margin: 30px 0 10px;  }
.p-page .layout01 div table.typea th,
.p-page .layout01 div table.typea td{  border: 1px #CCC solid;   text-align: center;  }
.p-page .layout01 div table.typea th{  padding: 6px 0;  color: #000;  vertical-align: middle;  background: #F5F3EF;   font-weight: normal;  }
.p-page .layout01 div table.typea td{  padding: 6px 0;   }
.p-page .layout01 div .sm{  width: 100%;  font-size: 0.9em;  line-height: 1.7em;  }
.p-page .layout01 div table.typea .tl{  text-align: left !important;  padding-left: 15px !important; }
.p-page .layout01 div img{  float: right;  }
.p-page .layout01 div span{  font-size: 1.1em;   margin: 18px 0px 8px;   display: block;  }
.p-page .layout01 div p{  line-height: 1.9em;   width: 700px;  }
.p-page .layout01 div h4{  margin: 25px 0 10px;  font-size: 1.05em;  line-height: 1.5em; }
.p-page .layout01 div h4.border:after {  content: "";  display: block;  border-bottom: 1px #666666 dotted;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }

.p-page .layout01 div table tr:first-child .line_b{
  box-shadow: 3px 0px 0px 0px #666 inset, -3px 0px 0px 0px #666 inset, 0px 3px 0px 0px #666 inset;
  -webkit-box-shadow: 3px 0px 0px 0px #666 inset, -3px 0px 0px 0px #666 inset, 0px 3px 0px 0px #666 inset;
  -moz-box-shadow: 3px 0px 0px 0px #666 inset, -3px 0px 0px 0px #666 inset, 0px 3px 0px 0px #666 inset;
  }

.p-page .layout01 div table tr:last-child .line_b{
  box-shadow: 3px 0px 0px 0px #666 inset, -3px 0px 0px 0px #666 inset, 0px -3px 0px 0px #666 inset;
  -webkit-box-shadow: 3px 0px 0px 0px #666 inset, -3px 0px 0px 0px #666 inset, 0px -3px 0px 0px #666 inset;
  -moz-box-shadow: 3px 0px 0px 0px #666 inset, -3px 0px 0px 0px #666 inset, 0px -3px 0px 0px #666 inset;
  }

.p-page .layout01 div table .line_b{
  box-shadow: 3px 0px 0px 0px #666 inset, -3px 0px 0px 0px #666 inset;
  -webkit-box-shadow: 3px 0px 0px 0px #666 inset, -3px 0px 0px 0px #666 inset;
  -moz-box-shadow: 3px 0px 0px 0px #666 inset, -3px 0px 0px 0px #666 inset;
  }



.type_list { text-align: center;    margin-bottom: 80px;  }
.type_list div{  width: 390px;  display: inline-block;  float: left; }
.type_list div h3{  font-size: 1.5em;  padding-top: 30px;     color: #333;  border: 0;  }
.type_list div h3:after{ display: none; }
.type_list div p {  text-align: left;  padding: 10px 8px 0;  font-size: 1.1em;  line-height: 1.7em;  min-height: 80px;  }
.type_list div:nth-child(2){  margin: 0 15px; }

.type_list div a {  background-image: url(./img/common/arrow_icon02.png);  background-repeat: no-repeat;  background-position: center left 18px;
    display: block;  text-align: left;  text-decoration: none;  border: 1px #CCC solid;  margin: 8px auto;  width: 320px;  box-sizing: border-box;  padding: 10px 10px 10px 45px;  font-size: 1.1em;  }
.type_list div a:hover{ opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }



.type1_list {  margin: 30px 0px 70px; }
.type1_list div{  width: 390px;  display: inline-block;  float: left; }
.type1_list div:nth-child(3n+2){  margin: 0 15px; }
.type1_list p{ text-align: center;  padding: 20px 0 25px; }


.type2_list {  margin-bottom: 50px;  }


.type3_list {  margin-bottom: 50px;  }
.type3_list div ul{  color: #000000;  width: 700px;  font-size: 1.05em;   margin-top: 15px; }

.type3_list div table.type3-1 th{ padding: 2px 0 !important; }
.type3_list .type3_etc{  text-align: center;  font-weight: bold;  font-size: 1.15em;  color: #000000;  line-height: 2em;  padding: 37px 0px !important;
    background-color:#F5F3EF;  background-image: url(./img/product/type3_img01.jpg);  background-repeat: no-repeat;  background-position: center right; }


.delivery_list {  margin-bottom: 50px;  }
.delivery_list table{     margin-top: 15px !important; }
.delivery_list #disclaimer > div {  background: #F5F3EF;    padding: 10px 18px;   margin-top: 30px;  }
.delivery_list #disclaimer > div p{  width: 100%;   padding: 8px;  }
.delivery_list #disclaimer > div span{     margin: 0;   display: inline-block;  width: 145px;    font-weight: bold;  font-size: 1em;  color: #000;  }
.delivery_list #disclaimer > div a{  padding-left: 30px;      background-image: url(./img/common/link_icon.png);  background-repeat: no-repeat;  background-position: center left;  }


.discerning_list {  margin-bottom: 50px;  }
.discerning_list .txt_box{  margin-bottom: -10px !important;  }
.discerning_list .txt_box p{  font-size: 1.15em;  }

.manufactur_list {  margin-bottom: 50px;  }
.manufactur_list th{  font-weight: bold !important;  }


.process_list {  margin-bottom: 50px;  }

.p-page .layout02 div { position: relative; /* margin-bottom: 40px;     padding-top: 10px;*/ }
.p-page .layout02 div h3{  font-size: 1.4em;  color: #D80000;  border-bottom: 1px #DDD solid; margin-bottom: 15px; }
.p-page .layout02 div h3:after{  content: "";  display: block;  border-bottom: 1px #D90000 solid;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }
.p-page .layout02 div table{  width: 100%;  clear: both;  margin: 30px 0 10px;  }
.p-page .layout02 div table th,
.p-page .layout02 div table td{  border: 1px #CCC solid;   text-align: center;  }
.p-page .layout02 div table th{  padding: 6px 0;  color: #000;  vertical-align: middle;  background: #F5F3EF;   font-weight: normal;  }
.p-page .layout02 div table td{  padding: 6px 0;   }
.p-page .layout02 div .sm{  width: 100%;  font-size: 0.9em;  line-height: 1.7em;  }
.p-page .layout02 div table .tl{  text-align: left !important;  padding-left: 15px !important; }
.p-page .layout02 div img{  float: right;  }
.p-page .layout02 div span{  font-size: 1.1em;   margin: 18px 0px 8px;   display: block;  }
.p-page .layout02 div p{  line-height: 1.9em;   width: 600px;  }
.p-page .layout02 div h4{  margin: 25px 0 10px;  font-size: 1.05em;  line-height: 1.5em; }
.p-page .layout02 div h4.border:after {  content: "";  display: block;  border-bottom: 1px #666666 dotted;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }

.p-page .layout02 > div { border-left: 1px #BBB dashed;  margin-left: 30px; }
.p-page .layout02 > div:last-child { border-left: 0px #BBB dashed; }
.p-page .layout02 div div { margin-left: 70px;  padding-bottom: 50px; }
.p-page .layout02 .step{  position: absolute;  background: #D90000;  color: #FFF;  width: 60px;  height: 60px;  margin: 0;  top: 0px;  left: -30px;  text-align: center;  box-sizing: border-box;  padding-top: 5px;  font-size: 0.9em;  }
.p-page .layout02 .step i{  font-style: normal;  display: block;  font-size: 1.8rem;  line-height: 0.8em;  }



.test-kitchen_list {  margin-bottom: 50px;  }

.test-kitchen_list .img_box{  margin-top: 20px;  }
.test-kitchen_list .fl{ float: left !important; }
.test-kitchen_list .fr{ float: right !important; }
.test-kitchen_list .img_box div div{ margin: 0 !important;  padding: 0 !important; }
.test-kitchen_list .img_box div{ margin: 0 -0.4px !important;  padding: 0 !important; }
.test-kitchen_list .img_box img{   margin: 0.5px; }

.test-kitchen_list .use div{ width: 580px;   display: inline-block;   vertical-align: top; }
.test-kitchen_list .use div:nth-child(2n+1){  margin-left: 35px; }
.test-kitchen_list .use h3{  margin-bottom: 0px !important; }
.test-kitchen_list .use h4{  border-bottom: 1px #DDDDDD solid;   padding-bottom: 8px;      margin: 22px 0px 15px !important; }
.test-kitchen_list .use_contact{ background: #F5F3EF;  text-align: center;  padding: 25px 350px 18px !important; }
.test-kitchen_list .use_contact       h3{    padding: 12px 0;  margin: 18px 0 20px !important;    border-bottom: 1px #000 solid !important;  border-top: 1px #000 solid;  color: #000 !important;  }
.test-kitchen_list .use_contact h3:after{ display: none !important;  }
.test-kitchen_list .use_contact      p{  width: 100% !important;      font-weight: bold;  color: #000; }
.test-kitchen_list .use_contact      a{  font-size: 1.4em;  color: #D80000;  font-weight: bold;  text-decoration: none; }
.test-kitchen_list .use_contact      a:hover{ opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65);  }
.test-kitchen_list .use_contact a span{ display: initial;  font-size: 1.2em;  }
.test-kitchen_list .use_contact   span{  color: #D80000;     margin-top: 12px !important; }



.qa_list {  margin-bottom: 100px;  }

.qa_list .qa_item{  margin-top: 20px;  }
.qa_list .qa_item .acdn-button{  -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; -ms-transition: 0.4s ease all; transition: 0.4s ease all;  }
.qa_list .qa_item .acdn-button i{  -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; -ms-transition: 0.2s ease all; transition: 0.2s ease all;  }

.qa_list .qa_item .acdn-button{  cursor: pointer;    margin: 0;  margin-bottom: 10px;   border: 1px #CCCCCC solid;  font-weight: normal;  font-size: 1.15em;  padding: 10px 10px 10px 60px;  position: relative;
    -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;    }
.qa_list .qa_item .acdn-button i{ position: absolute;  left: 20px;  top: -3px;  bottom: 0;  margin: auto;  width: 15px;  height: 15px;   display: block;  border: 2px #666666 solid;   box-sizing: border-box;  }
.qa_list .qa_item .acdn-button.open{ margin-top: 15px;   color: #FFF;  background: #666666;  border: 1px #666666 solid;  font-size: 1.27em; }
.qa_list .qa_item .acdn-button.open i{  border: 3px #FFF solid;  width: 20px;  height: 20px;  left: 19px; }
.qa_list .qa_item .acdn-area{ margin-bottom: 30px;  box-sizing: border-box;  padding: 10px 20px;  font-size: 1.1em;
display: none;   border: 1px #CCCCCC solid;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;   }


.company_list {  margin-bottom: 60px;  }

.company_list h4{ color: #000;  }
.company_list p{ margin-bottom: 12px; }
.company_list .sign{ width: 700px;  margin-top: 50px; }

.company_list .r-img-box{ width: 450px;  float: right; }

.company_list table.w700p{ width: 700px !important;  clear: none !important; }

.company_list iframe{     margin-top: 15px; }

.gray_box{  background: #F5F3EF;  text-align: center; padding: 18px;  margin-top: 30px; }
.gray_box h4{  background: #F5F3EF;  text-align: center;  padding: 35px 0px;  font-size: 1.45em !important;  margin: 0 !important;  }
.gray_box img{  float: none !important;  }
.gray_box dl{ margin: 0;  font-size: 1.1em;  color: #000; }
.gray_box dt, .gray_box dd{ display: inline-table;  padding: 0px 12px;  vertical-align: middle;  text-align: left; }
.gray_box p{  width: 100%;  margin: 10px;  font-weight: bold;  color: #000;  }


.p-page .layout01 div table.typeb{  width: 100%;  clear: both;  margin: 10px 0 10px;  }
.p-page .layout01 div table.typeb th{  text-align: left;  color: #000;  font-weight: normal;  width: 206px; }

.p-page .layout01 div table.typeb th,
.p-page .layout01 div table.typeb td
{  border-bottom: 1px #DDD solid;   padding: 17px 3px 7px 11px;  }

.p-page .layout01 div table.typeb .none{   border-bottom: 0px #DDD solid;    width: 20px;    box-sizing: border-box;  }
.p-page .layout01 div table.typeb span{   display: inline-block;   width: 140px;   margin: 0px;  }



.news_list{ margin: 50px 0 100px; }
.news_list span.date{ color: #333 !important;  }

.news_list h3{  font-size: 1.4em;  color: #D80000;  border-bottom: 1px #DDD solid; margin-bottom: 15px; }
.news_list h3:after{  content: "";  display: block;  border-bottom: 1px #D90000 solid;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }



.sitemap_list{ margin: 50px 0 60px; }

.sitemap_list h3{  font-size: 1.4em;  color: #D80000;  border-bottom: 1px #DDD solid; margin-bottom: 15px; }
.sitemap_list h3:after{  content: "";  display: block;  border-bottom: 1px #D90000 solid;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }

.sitemap_list .fl{ float: left; }
.sitemap_list .fr{ float: right; }
.sitemap_list > div { width: 587px; }
.sitemap_list > div > div{ width: 280px; }

.sitemap_list h4{ border-bottom: 1px #DDDDDD solid;  margin-bottom: 10px;   font-size: 1.1em; line-height: 2.5em;  }
.sitemap_list a{   display: block;   text-decoration: none; }
.sitemap_list a:hover{     text-decoration: none;    opacity: 0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65);  }
.sitemap_list ul{  margin-bottom: 30px;  }
.sitemap_list li{  padding-left: 27px;   background-image: url(./img/common/arrow_icon02.png);   background-repeat: no-repeat;   background-position: center left;  }
.sitemap_list li a{     padding: 8px 0;   font-size: 1.1em; }
.sitemap_list li a img{  vertical-align: middle;  margin-left: 8px;  }


.policy_list {  margin: 50px 0 100px;  }
.policy_list h4{  font-size: 1.4em;  margin: 28px 0 18px !important; line-height: 1.3em !important; }
.policy_list h4:after{  content: "";  display: block;  border-bottom: 1px #DDDDDD solid;  width: 220px;  padding-bottom: 8px;  margin-bottom: -1px;  }

.policy_list .gray_box{     margin-top: 20px; }


.w100{ width: 100% !important; }


/* ----------------------------- 4. 投稿 */

.post_data{     margin-bottom: 25px; }
.page-n{  text-align: center;   font-size: 1.1em;   margin-top: 65px;   padding-top: 20px;   border-top: 1px #DDD solid; }
.page-n li {  display: inline-block;   margin: 0px 5px; }


/*=======================================
サイドバー
=========================================*/
/* ----------------------------- 9. 共通パーツ */
.u-mt0 { margin-top: 0px; }

.u-mt5 { margin-top: 5px; }

.u-mt10 { margin-top: 10px; }

.u-mt15 { margin-top: 15px; }

.u-mt20 { margin-top: 20px; }

.u-mt30 { margin-top: 30px; }

.u-mt40 { margin-top: 40px; }

.u-mt50 { margin-top: 50px; }

.u-mt60 { margin-top: 60px; }

.u-mt70 { margin-top: 70px; }

.u-mt80 { margin-top: 80px; }

.u-mt90 { margin-top: 90px; }

.u-mb0 { margin-bottom: 0; }

.u-mb5 { margin-bottom: 5px; }

.u-mb10 { margin-bottom: 10px; }

.u-mb15 { margin-bottom: 15px; }

.u-mb20 { margin-bottom: 20px; }

.u-mb30 { margin-bottom: 30px; }

.u-mb40 { margin-bottom: 40px; }

.u-mb50 { margin-bottom: 50px; }

.u-mb60 { margin-bottom: 60px; }

.u-mb70 { margin-bottom: 70px; }

.u-mb80 { margin-bottom: 80px; }

.u-mb90 { margin-bottom: 90px; }

.u-pb0 { padding-bottom: 0px; }

.u-col { color: #000; }
.u-col__red { color: #F00; }

.u-mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.u-gothic { font-family: "游ゴシック体", "游ゴシック", "YuGothic", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif; }

.u-italic { font-style: italic; }

.u-center { text-align: center !important; }
.u-center th, .u-center td { text-align: center !important; }

.u-right { text-align: right !important; }
.u-right th, .u-right td { text-align: right !important; }

.u-left { text-align: left !important; }
.u-left th, .u-left td { text-align: left !important; }

.c-wrap { max-width: 1000px; margin-left: auto; margin-right: auto; }

.c-table__nostyle { width: 100%; }
.c-table__nostyle th, .c-table__nostyle td { padding: 2px 0 !important; border: 0; font-weight: normal; text-align: left; vertical-align: top; background: transparent; }

.u-indent { text-indent: -1em; padding-left: 1em; }

#__bs_notify__ { display: none !important; }

.post{font-size:100%;}
.post a{text-decoration:none;}
.post a:hover{color:#D90000;}