@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300i,400');
@import url('https://fonts.googleapis.com/css?family=Playball');
/*
@import url('./css/athlete.css');
@import url('./css/hotel.css');
@import url('./css/senior.css');
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Q&Aブログ h2/h3 見出し装飾用(2025-10-28)ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.single-post .editor_area h2:not(.h2b) {
	position: relative;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	clear: both;
	padding: 0px 0px 10px;
	margin-top: 2em;
	margin-bottom: 1em;
	border-bottom: 4px double #e10000;
}

.single-post .editor_area h3:not(.h3b) {
	position: relative;
	font-size: 20px;
	line-height: 1.4;
	clear: both;
	padding: 10px 0 10px 15px;
	margin-top: 2em;
	margin-bottom: 1em;
	border-left: 8px solid #e10000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
パンくずリスト（Yoast）2025-03-19mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#breadcrumbs {
    padding: 20px 10px;
    font-size: 1.5rem;
    font-weight: bold;
	/* line-height: 1; */
}

#breadcrumbs a{
    text-decoration:none;
    color: inherit;
}

#breadcrumbs .kugiri::before{
    font-family: "fontello";
    content: '\e80f';
    /* font-size: 1.5em; */
    /* vertical-align: middle; */
    color: #e10000;
    padding: 0 5px;
}

#breadcrumbs span.breadcrumb_last {
    color: #9b9b9b;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
YouTubeをLityで表示させる（2024-06-25）mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_yt {
    width: 640px;
    margin: 0 auto;
    background: #000;
    padding: 1px;
}

.cmn_yt a {
    display:block;
    position: relative;
}

.cmn_yt a::before {
    content: '';
    background: url(images/yt.svg) no-repeat 50% 50%/100% auto transparent;
    width: 80px;
    aspect-ratio: 4/3;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
}
.cmn_yt img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.cmn_yt img:hover {
    opacity:1!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
予約カレンダーの削除要望があったため、動線をすべて非表示（2024-06-11）oy
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#home_info p.red a.btn_border,
div#contact_area p.red a.btn_border,
#footer_fixed_zone2 .btn_s.red,
#h_navi_main .inner .reserve
{
display:none;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Q&Aブログ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.article_title_faq h1 {
    background-color: #f1f5f8;
}
.archive dl.faq > dt {
    background-color: #f1f5f8;
	line-height: 1.4;
}
.archive dl.faq > dt:hover {
    background-color: #f1f5f8;
}
.archive dl.faq > dt:before {
    color: #333;
	left: 20px;
}
.archive dl.faq:not(:last-child) {
    border-bottom: none;
}
.archive dl.faq > dt a {
	text-decoration: none;
	font-size: 20px;
}
.archive dl.faq > dt a:hover {
	text-decoration: underline;
}
/*サイドバー用*/
a.btn01 {
    min-width: 280px;
}
#sub_area .widget_black_studio_tinymce a.btn01 {
	background-color: #e10000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Q&Aブログ(投稿日が同日だと不自然なため非表示にする)2023-06-08og
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.multi_column .article_inner .area_b .date{
	display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
予約カレンダー（「予約人数」を非表示に）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
tr.yoyaku_ninzu {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2[class*="h2b"]:before {
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/gohan.svg) repeat 0 0/contain;
    right: calc(50% - 35px - 8px);
}

h2[class*="h2a"],
h2[class*="h2b"] {
    font-weight:bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo .sub_ttl {
    background: #e10000;
    color: #fff;
}
.page_promo .ttl {
    color:#fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
★サービスページ共通★　固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-athlete .page_promo img,
body.page-hotel .page_promo img,
body.page-senior .page_promo img,
body.page-okiben .page_promo img,
body.page-senior-delivery .page_promo img,
body.page-pack .page_promo img,
body.page-kitchen-operation .page_promo img,
body.page-jigyosaisei .page_promo img,
body.page-company-cafeteria .page_promo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

body.page-athlete .page_promo .txt_box,
body.page-hotel .page_promo .txt_box,
body.page-senior .page_promo .txt_box,
body.page-okiben .page_promo .txt_box,
body.page-senior-delivery .page_promo .txt_box,
body.page-pack .page_promo .txt_box,
body.page-kitchen-operation .page_promo .txt_box,
body.page-jigyosaisei .page_promo .txt_box,
body.page-company-cafeteria .page_promo .txt_box {
	height: 100%;
}

body.page-kitchen-operation .page_promo .ttl,
body.page-okiben .page_promo .ttl,
body.page-senior-delivery .page_promo .ttl,
body.page-jigyosaisei .page_promo .ttl,
body.page-company-cafeteria .page_promo .ttl,
body.page-athlete .page_promo .ttl,
body.page-hotel .page_promo .ttl,
body.page-pack .page_promo .ttl,
body.page-senior .page_promo .ttl {
    /*display: none;*/
    color: #281802;
    position: absolute;
    bottom: 0;
    background: #ffb900;
    width: 100vw;
    max-width: 100%;
    font-size: 28px;
    padding: 32px 0 0;
}

body.page-kitchen-operation .page_promo .ttl::before,
body.page-okiben .page_promo .ttl::before,
body.page-senior-delivery .page_promo .ttl::before,
body.page-jigyosaisei .page_promo .ttl::before,
body.page-company-cafeteria .page_promo .ttl::before,
body.page-athlete .page_promo .ttl::before,
body.page-hotel .page_promo .ttl::before,
body.page-pack .page_promo .ttl::before,
body.page-senior .page_promo .ttl::before {
    content: 'セカンドキッチンの';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
★サービス★　高齢者施設向け　定食デリバリー(追加ページ：2020-10-07)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-senior-delivery .page_promo_wrap {
    position: relative;
}

body.page-senior-delivery .page_promo_wrap:before {
    content: "";
    width: 813px;
    height: 402px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/uploads/2020/10/senior_delivery_promo_main.png) no-repeat 0 0/contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

body.page-senior-delivery .page_promo {
    height: calc(100vh - 70px - 190px);
    position: relative;
    z-index: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
★サービス★　置き弁(追加ページ：2020-10-07)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-okiben .page_promo_wrap {
    position: relative;
}

body.page-okiben .page_promo_wrap:before {
    content: "";
    width: 743px;
    height: 308px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/uploads/2020/10/okiben_promo_main.png) no-repeat 0 0/contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

body.page-okiben .page_promo {
    height: calc(100vh - 70px - 190px);
    position: relative;
    z-index: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
★サービス★　食堂運営(追加ページ：2022-05-24 mori)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-kitchen-operation .page_promo_wrap {
    position: relative;
}

body.page-kitchen-operation .page_promo_wrap:before {
    content: "";
    width: 747px;
    height: 324px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/uploads/2022/05/operation_promo_main.png) no-repeat 0 0/contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

body.page-kitchen-operation .page_promo {
    height: calc(100vh - 70px - 190px);
    position: relative;
    z-index: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
★サービス★　会社の事業再生(追加ページ：2022-06-06)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-jigyosaisei .page_promo_wrap {
    position: relative;
}

body.page-jigyosaisei .page_promo_wrap:before {
    content: "";
    width: 747px;
    height: 324px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/uploads/2022/06/jigyosaisei_promo_main.png) no-repeat 0 0/contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

body.page-jigyosaisei .page_promo {
    height: calc(100vh - 70px - 190px);
    position: relative;
    z-index: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
★サービス★　社員食堂(追加ページ：2024-05-23 kami)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-company-cafeteria .page_promo_wrap {
    position: relative;
}

body.page-company-cafeteria .page_promo_wrap:before {
    content: "";
    width: 916px;
    height: 380px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/uploads/2024/05/company_promo_main.png?date=20240529) no-repeat 0 0/contain;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

body.page-company-cafeteria .page_promo {
    height: calc(100vh - 70px - 190px);
    position: relative;
    z-index: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq > dt {
    padding: 20px 25px 20px 45px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-athlete #contents_area,
body.page-hotel #contents_area,
body.page-senior #contents_area,
body.page-okiben #contents_area,
body.page-senior-delivery #contents_area,
body.page-pack #contents_area,
body.page-kitchen-operation #contents_area,
body.page-jigyosaisei #contents_area,
body.page-company-cafeteria #contents_area {
    padding-top: 0!important;
}

body.page-athlete #contents_area,
body.page-hotel #contents_area 
body.page-pack #contents_area 
{
    margin-bottom: 0!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタ－エリア内の画像に下余白を0にリセット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-athlete .editor_area img,
body.page-hotel .editor_area img,
body.page-senior .editor_area img {
    margin-bottom: 0px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイトのテーマ色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.sp[class*="voice"] ul.child_navi a[href*="voice"],
body.sp dl.type01 [class*="current"] > a,
body.sp dl.type01 dt,
a.btn02, 
.list01 li:before,
ol.list02 > li:after, 
a.cmn_color_font, 
[class*="current"] .cmn_color_font_cur, 
.cmn_color_font_bf:before, 
.cmn_color_font_af:after {
    color: #e10000;
}

body.sp dl.type01,
body.sp dl.type01 > dt .arrow,
h3[class*="h3a"], 
h2[class*="h2a"], 
.box02, 
.list02 > li, 
.cmn_color_border, 
.cmn_color_border_bg:before, 
.cmn_color_border_af:after {
    border-color: #e10000;
}

body.sp dl.type01 dd > ul:before,
a.btn01, 
h3[class*="h3b"], 
ol.list02 > li:before, 
.cmn_color_bg, 
.cmn_color_bg_bf:before, 
.cmn_color_bg_af:after {
    background-color: #e10000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table01 th, .table01 td {
    border: 1px solid #dcd6bd;
    padding: 15px;
}

.table01 th {
    text-align: center;
    background-color: #fcf9ec;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.post_archive li .cat > * {
    background: #e10000;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq:not(:last-child) {
    border-bottom: 1px solid #fbf1d6;
}

dl.faq > dt {
    background-color: #ffcfbb;
    text-align:left;
    font-size:24px;
}

dl.faq > dt.open, dl.faq > dt:hover {
    background-color: #f7bba3;
}

dl.faq > dt a {
    color: #333;
}

dl.faq > dt:before {
    color:#fff;
}

dl.faq > dt .arrow:before {
    color:#fff;
}

dl.faq > dd{
    background:#fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
導入の流れol(共通)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id*="flow"] ol.items{
    display:flex;
    justify-content:space-between;
    margin-bottom:100px;
}

[id*="flow"] ol.items li{
    width:250px;
    text-align:center;
    padding:15px 20px;
    position:relative;
}

[id*="flow"] ol.items li:not(:last-child):after{
    font-family: "fontello";
    content: '\e81c';
    font-size: 2.5em;
    position: absolute;
    top: 50%;
    margin-top:-0.5em;
    line-height: 1;
    right: -28px;
    color: #ff0000;
}

[id*="flow"] ol.items li:nth-child(1){
    background:#fff3ba;
}

[id*="flow"] ol.items li:nth-child(2){
    background:#f4e495;
}

[id*="flow"] ol.items li:nth-child(3){
    background:#edd870;
}

[id*="flow"] ol.items li:nth-child(4){
    background:#edbf70;
}

[id*="flow"] ol.items li .ttl{
    background:#fff;
    color:#4e3a25;
    font-size:18px;
    font-weight:bold;
    padding:8px 5px;
    border-radius:5px;
    margin-bottom:8px;
    position:relative;
}

[id*="flow"] ol.items li:nth-child(2) .ttl:before{
    content: "無料試食付";
    color: #fff;
    width: 111px;
    height: 61px;
    margin:0 auto 10px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/muryo_fukidashi.png) no-repeat 50% 50%/contain;
    position:absolute;
    top: -50px;
    left: -8px;

    line-height: 3;
}

[id*="flow"] ol.items li .img{
    width:100%;
    height:180px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:15px;
}

[id*="flow"] ol.items li .txt{
    text-align:left;
    line-height:1.5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ下層　＞　栄養バランスを考えた食事の提供（下層共通）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[id*="balance"] .section_kugiri:nth-of-type(2) {
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/syokuzai_gekisensozai.png) no-repeat;
    background-position: calc(50% - 400px) -40px;
    padding: 0;
}

[id*="balance"] .through {
    background-color: rgba(255,255,255,0.4);
    padding: 50px 0;
}

[id*="balance"] .ttl_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;
    padding: 0 85px 0 185px;
}

[id*="balance"] .ttl_wrap .ttl {
    width: 300px;
    font-size: 36px;
    font-weight: bold;
}

[id*="balance"] .ttl_wrap .txt {
    width: 510px;
    line-height: 1.8;
}

[id*="balance"] ul.items {
    display: flex;
    justify-content: space-between;
}

[id*="balance"] ul.items img {
    margin-bottom: 10px;
}

[id*="balance"] ul.items .ttl {
    font-size: 24px;
    font-family: "my_mincho",serif;
    text-align: center;
}

[id*="balance"] ul.items strong {
    font-size: 40px;
    font-weight: normal;
}

[id*="balance"] ul.items li.gohan strong {
    color: #e10202;
}

[id*="balance"] ul.items li.dashi strong {
    color: #e1a401;
}

[id*="balance"] ul.items li.yasai strong {
    color: #709000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ヘッダー(プロモ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
    background:url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/promo01.jpg) no-repeat 50% 0/cover;
    height: calc(100vh - 70px - 190px);
	min-height: calc(628px - 70px);
    max-height: 677px;
    display:flex;
    justify-content:center;
    align-items:center;
    /*padding-bottom:15vh;*/
}

#promo_frame .main_ttl{
    position:relative;
    width: 78.5vh;
    max-width:85vw;
    height: 27.3vh;
	margin-top:-15vh;
}

#promo_frame .main_ttl:before{
    content: "";
    display: block;
    width: 73.4vh;
    max-width:80vw;
    height: 9.7vh;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/promo_txt.png?date=20220523) no-repeat 50% 50%/contain;
	margin: 0 auto -5vh;
}

#promo_frame .main_ttl:after{
    content: "";
    display: block;
    width: 33.4vh;
    height: 22.1vh;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/promo_fukidashi.png) no-repeat 50% 50%/contain;
    position:absolute;
    right: -28vh;
    top: -12vh;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　インフォ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_info.section_kugiri {
    padding: 27px 0;
    background: #ffb900;
}

div#home_info .info_wrap {
    display: flex;
    justify-content: space-between;
}

div#home_info .num_wrap {
    width: 530px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

div#home_info .num_wrap .free{
    font-size: 56px;
    font-family: 'Roboto', my_gothic;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 1.2;
    margin-top: 20px;
}

div#home_info [data-ruby]{
    position:relative;
}

div#home_info [data-ruby]:before{
    content:attr(data-ruby);
    position:absolute;
    top: -0.7em;
    left:0;
    right:0;
    margin: auto;
    font-size:0.25em;
    letter-spacing:0.05em;
}

div#home_info .num_wrap .free:before {
    content:"";
    display:inline-block;
    width: 60px;
    height: 50px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/freecall.svg) no-repeat 0 0/contain;
    margin-right: 15px;
    vertical-align: -10px;
}

div#home_info .num_wrap .mobile:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 25px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/mobile.png) no-repeat 50% 0%/100%;
    vertical-align: -5px;
    margin-right: 10px;
}

div#home_info .num_wrap .mobile {
    font-weight: bold;
    font-size: 24px;
}

div#home_info .num_wrap .number {
    font-size: 42px;
    font-family: 'Roboto', my_gothic;
    font-weight: bold;
    line-height: 1.2;
    vertical-align: -5px;
    margin-left: 10px;
}

div#home_info .btn {
    background:#fff;
    border-radius: 5px;
}

div#home_info a.btn_border {
    min-width: 265px;
    font-size: 26px;
    font-weight: bold;
    border-radius: 5px;
    color:#fff;
    line-height:1.4;
    position:relative;
}

div#home_info p.green a.btn_border {
    background: repeating-linear-gradient(135deg, #34ab00 0, #34ab00 20px, #5dbc33 20px, #5dbc33 35px);
    padding: 32px 30px 32px 20px;
}

div#home_info p.red a.btn_border {
    background: repeating-linear-gradient(135deg, #db0202 0, #db0202 20px, #e23535 20px, #e23535 35px);
    padding: 22px 30px 42px 20px;
}

div#home_info a.btn_border:after {
    font-family: "fontello";
    content: '\e80f';
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    margin-top: -.55em;
    line-height: 1;
    right: 8px;
    font-weight: normal;
}

div#home_info a.btn_border:hover {
    opacity: .8;
}

div#home_info .btn_border strong {
    color: #ff0;
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　サービスメニュー(2019-06-19）追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_svc_menu {
    padding-top: 40px;
    padding-bottom: 33px;
}

#home_svc_menu ul.items {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

#home_svc_menu ul.items a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

#home_svc_menu ul.items .menu-image-hover-wrapper {
    display: block;
    position: relative;
}

#home_svc_menu ul.items .menu-image-hover-wrapper:after {
    content: "";
    display: block;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 10px solid rgba(225,0,0,0);
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all 0.2s;
}

#home_svc_menu ul.items a:hover .menu-image-hover-wrapper:after, #home_svc_menu ul.items li.home a .menu-image-hover-wrapper:after {
    border-color: rgba(225,0,0,1);
    background: rgba(0,0,0,0);
}

#home_svc_menu ul.items .sub {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 15px;
    display: block;
}

#home_svc_menu ul.items .main {
    font-size: 18px;
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　社員食堂が持てる！
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_shokudo.section_kugiri {
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/hikken_girl.png) no-repeat, url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/zenkokutaio.png) no-repeat, url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/hikken_bg.jpg) repeat;
    background-position: calc(50% - 375px) bottom,calc(50% - 338px) bottom,0 0;
}

div#home_shokudo h2 {
    font-size: 55px;
    font-family: "my_mincho",serif;
    color: #331f0a;
}

div#home_shokudo h2 .fukidashi {
    display: inline-block;
    width: 206px;
    height: 181px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/hikken_fukidashi.png) repeat 0 0/contain;
    margin-right: 10px;
    position: relative;
    vertical-align: -115px;
}

div#home_shokudo h2 .fukidashi .sub {
    display: block;
    font-size: 30px;
    transform: rotate(-38deg);
    position: absolute;
    top: 43px;
    left: 21px;
    color: #66191a;
}

div#home_shokudo h2 .fukidashi .main {
    display: block;
    font-size: 60px;
    transform: rotate(-38deg);
    position: absolute;
    top: 67px;
    left: 54px;
    color: #66191a;
}

div#home_shokudo h2 strong {
    font-weight: normal;
    color: #d81d1e;
    background: linear-gradient(transparent 60%, #ff0 60%);
    padding: 0 5px;
}

div#home_shokudo h2 .small {
    font-size: 30px;
}

div#home_shokudo .price {
    padding: 0 35px 0 380px;
    margin: -70px 0 40px;
}

div#home_shokudo .main_txt {
    padding: 0 0 0 355px;
}
div#home_shokudo .area{
margin-top:20px;
}
div#home_shokudo .area h3{
background:#b60000;
color:#fff;
text-align:center;
padding:3px;
}
div#home_shokudo .area p{
background:#fff;
border:3px solid #b60000;
padding:8px 15px;
}
div#home_shokudo .main_txt strong {
    color: #ff0000;
    background: linear-gradient(transparent 60%, #ff0 60%);
    padding: 0 5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　出張食堂
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_visit.section_kugiri {
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/syutcho_bg.jpg) no-repeat 50% bottom;
}

div#home_visit h2 {
    font-size: 40px;
    font-family: "my_mincho",serif;
    color: #543115;
    text-align: center;
    margin-bottom: 35px;
}

div#home_visit h2 strong {
    font-size: 60px;
    font-weight: normal;
    color: #d81d1e;
    background: linear-gradient(transparent 60%, #ff0 60%);
}

div#home_visit h2:before {
    content: "";
    display: block;
    width: 63px;
    height: 79px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/gohan.svg) no-repeat;
    background-position: calc(50% + 5px) 50%;
    background-size:contain;
    margin: 0 auto;
}

div#home_visit .area_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom:50px;
    position:relative;
}

div#home_visit .area_wrap:before {
    content: "";
    display: block;
    width: 365px;
    height: 267px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/syutcho_fukidashi.png) no-repeat 50% 50%/contain;
    margin: 0 auto;
    position:absolute;
    right: -100px;
    top:-267px;
}

div#home_visit .area_a {
    width: 510px;
    min-height:460px;
    /* チェックパターンのCSS */
    background-color : #fff;
    background-image : repeating-linear-gradient(to bottom, rgba(206, 212, 235, 0.50), rgba(206, 212, 235, 0.50) 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 21px), repeating-linear-gradient(to right, rgba(206, 212, 235, 0.50), rgba(206, 212, 235, 0.50) 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 21px);
    border:1px solid rgba(206, 212, 235, 0.50);
    padding:35px 20px 35px 35px;
    position:relative;
}

div#home_visit .area_a .ttl{
    text-align:center;
    font-size:38px;

    font-family: "my_mincho",serif;
    margin-bottom:30px;
}

div#home_visit .area_a .ttl strong{
    color:#b60000;
}

div#home_visit .area_a .items li{
    font-size:26px;
    font-weight:bold;
    padding: 8px 0 8px 2em;
    position:relative;
}

div#home_visit .area_a .items li:before{
    content: "";
    display: inline-block;
    width: 40px;
    height: 38px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/check.png) no-repeat 50% 50%/contain;
    margin: 0 auto;
    position:absolute;
    left :0;
}

div#home_visit .area_a .items strong{
    background: linear-gradient(transparent 60%, #ff0 60%);

}

div#home_visit .area_a:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 48px 0 48px 50px;
    border-color: transparent transparent transparent #b60000;
    position:absolute;
    top:50%;
    margin-top:-50px;
    right:-85px;
}

div#home_visit dl.area_b {
    width: 480px;
    min-height:460px;
    border: 3px solid #b60000;
    background:#fff;
}

div#home_visit dl.area_b dt{
    font-size:26px;
    background:#b60000;
    color:#fff;
    font-family: "my_mincho",serif;
    text-align:center;
    padding:15px;
}

div#home_visit dl.area_b dt strong{
    color:#ff0;
    font-weight:normal;
}

div#home_visit dl.area_b dd{
    padding: 35px 35px 15px;
}

div#home_visit dl.area_b .items{
    column-count:2;
    margin-bottom:25px;
}

div#home_visit dl.area_b .items li{
    font-size:24px;
    font-weight:bold;
    padding:10px 0 10px 1em;
    position:relative;
}



div#home_visit dl.area_b .items li span{
    font-size:18px;
    padding-left:20px;
}

div#home_visit dl.area_b .items li:before{
    content: "・";
    display: inline-block;
    position:absolute;
    left:0;
}

div#home_visit dl.area_b .lead{
    color:#b60000;
    text-align:center;
    font-size:24px;
    font-weight:bold;
}

div#home_visit ul.photo{
    display:flex;
    margin:0 -14px;
}


div#home_visit ul.photo li{
    margin:0 14px 40px;
}

div#home_visit .main_lead{
    text-align:center;
    font-size:30px;
    font-weight:bold;
    color:#4e2b2b;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　すぐに始められる！
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_fast.section_kugiri {
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/sugu_bg.jpg) repeat 0 0;
}

div#home_fast .sub_ttl{
    display:table;
    margin:0 auto;
    text-align:center;
    font-size:24px;
    color:#4e3a25;
    font-family: "my_mincho",serif;
    background: linear-gradient(transparent 50%, #ff0 50%);
}

div#home_fast h2{
    font-size:30px;
    color:#4e3a25;
    font-family: "my_mincho",serif;
    display:table;
    margin: 0 auto 15px;
    position:relative;
}

div#home_fast h2 strong{
    font-size:46px;
    font-weight:normal;
}

div#home_fast h2:before{
    content: "";
    display: block;
    width: 365px;



    height: 267px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/sugu_itokoro.png) no-repeat 50% 50%/contain;
    margin: 0 auto;
    position:absolute;
    left: -337px;
    top: -78px;
}

div#home_fast .main_txt{
    color:#4e3a25;
    text-align:center;
    margin-bottom:25px;
}

div#home_fast ol.items{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

div#home_fast ol.items li{
    width:350px;
    position:relative;
}

div#home_fast ol.items li.big{
    width:530px;
    margin-bottom:40px;
}

div#home_fast ol.items li:before{
    display:flex;
    justify-content:center;
    align-items:center;
    font-family: 'Playball', cursive;
    font-size:48px;
    color:#fff;
    width:68px;
    height:68px;
    background:#d60808;
    border-radius:50%;
    content: counters(ol_cnt, "");
    position: absolute;
    top: -15px;
    left: -5px;
}

div#home_fast ol.items li.big:before{
    font-size:60px;
    width:85px;
    height:85px;
}

div#home_fast ol.items li [class*="ttl"]{
    color:#fff;
    text-align:center;
    font-size:30px;
    line-height:1.3;
    font-weight:bold;
    display:flex;
    justify-content:center;
    align-items:center;
    height:230px;
    border-radius:10px;
    margin-bottom:20px;
    background:no-repeat 50% 50%/contain;
}

div#home_fast ol.items li.big [class*="ttl"]{
    height:320px;
    font-size:36px;
}

div#home_fast ol.items li .ttl_a{
    background-image: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/sugu_ol_img01.jpg);
}

div#home_fast ol.items li .ttl_b{
    background-image: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/sugu_ol_img02.jpg);
}

div#home_fast ol.items li .ttl_c{
    background-image: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/sugu_ol_img03.jpg);
}

div#home_fast ol.items li .ttl_d{
    background-image: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/sugu_ol_img04.jpg);
}

div#home_fast ol.items li .ttl_e{
    background-image: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/sugu_ol_img05.jpg);
}

div#home_fast ol.items .txt{
    text-align:center;
    color:#4e3a25;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　献立も「こだわり」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_kondate.section_kugiri {
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/higawari_bg.jpg) repeat 0 0;
    padding-bottom:0;
}

div#home_kondate h2 {
    font-size:40px;
    text-align:center;
    font-family: "my_mincho",serif;
    color:#4e2b2b;
    margin-bottom:15px;
}

div#home_kondate h2 strong{
    font-weight:normal;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/higawari_border.png) no-repeat 50% bottom/contain;
}

div#home_kondate .main_txt{
    text-align:center;
    color:#4e2b2b;
    margin-bottom:30px;
}

div#home_kondate:after{
	content:"";
	display:block;
	width:100%;
	padding-top:410px;
	background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/higawari_photo_bg.jpg) no-repeat 50% 0 ;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　食材へのこだわり
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */



div#home_shokuzai.section_kugiri {
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/syokuzai_gekisensozai.png) no-repeat,
    url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/shokuzai_photo_bg.jpg) no-repeat #f7f3e7;
    background-position: calc(50% + 550px) top,50% bottom;
    padding:80px 0;
}

div#home_shokuzai h2 {
    font-size:40px;
    font-family: "my_mincho",serif;
    color:#52300d;
    position:relative;
    display:table;
    margin: 0 auto 15px;

}






div#home_shokuzai h2:before {
    content: "";
    width: 258px;
    height: 86px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/syokuzai_logo.png) no-repeat 50% 50%/contain;
    margin: 0 auto;
    position:absolute;
    left: -235px;
    top: -30px;
}

div#home_shokuzai .main_txt{
    text-align:center;
    color:#4e2b2b;
    margin-bottom: 25px;
}

div#home_shokuzai .main_txt strong{
    font-size:24px;
    font-weight:normal;
}

div#home_shokuzai ul.items{
    background:#fff;
}

div#home_shokuzai ul.items li{
    min-height:268px;
    padding: 30px 70px 30px 610px;
    background-repeat:no-repeat;
    background-size:contain;
    display:flex;
    align-items:center;
}

div#home_shokuzai ul.items li:nth-child(even){
    background-position:right 0;
    padding: 30px 580px 30px 50px;
}

div#home_shokuzai ul.items li.gohan{
	background-image: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/shokuzai_ul_img01.jpg);
}

div#home_shokuzai ul.items li.dashi{
	background-image: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/shokuzai_ul_img02.jpg);
}

div#home_shokuzai ul.items li.yasai{
	background-image: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/shokuzai_ul_img03.jpg);
}



div#home_shokuzai ul.items li.katei{
	background-image: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/shokuzai_ul_img04.jpg);
}

div#home_shokuzai ul.items li .shokuzai .ttl{
    font-size:36px;
    font-family: "my_mincho",serif;
    margin-bottom:10px;
}

div#home_shokuzai ul.items li .shokuzai .ttl strong{
    font-size:60px;
    font-weight:normal;
}

div#home_shokuzai ul.items li.gohan .shokuzai .ttl strong{
    color:#e10202;
}

div#home_shokuzai ul.items li.dashi .shokuzai .ttl strong{
    color:#e1a401;
}

div#home_shokuzai ul.items li.yasai .shokuzai .ttl strong{
    color:#709000;
}

div#home_shokuzai ul.items li.katei .shokuzai .ttl strong{
    color:#e16001;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　お届けから回収まで
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_kaishu.section_kugiri{
    padding-top: 80px;
}

div#home_kaishu h2 {
    font-size:36px;
    font-weight:bold;
    color:#52300c;
    display:table;
    margin:0 auto;
}

div#home_kaishu h2:before {
    content: "";
    display:block;
    width: 51px;
    height: 56px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/cart.svg) no-repeat 50% 50%/contain;
    margin: 0 auto 10px;
}


div#home_kaishu .main_txt {
    font-size:18px;
    text-align:center;
    color:#52300c;
    margin-bottom:20px;
}

div#home_kaishu ol.items1 {
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/otodoke_bg.jpg) repeat-y 0 0/100% auto;
    display:flex;
    justify-content:space-between;
    padding:35px 55px;
    margin-bottom:60px;
    position:relative;
}




div#home_kaishu ol.items1:before {
    content: "";
    display:block;
    width: 414px;
    height: 233px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/otodoke_girl_fukidashi.png) no-repeat 50% 50%/contain;
    margin: 0 auto 10px;
    position:absolute;
    top: -233px;
    right: -60px;
}

div#home_kaishu ol.items1 li{
    position:relative;
}

div#home_kaishu ol.items1 li:before{
    display:flex;
    justify-content:center;
    align-items:center;
    font-family: 'Roboto', my_gothic;
    font-style:italic;
    font-size:32px;
    color:#fff;
    width:50px;
    height:50px;
    background:#d60808;
    border-radius:50%;
    content: counters(ol_cnt, "");
    position: absolute;
    top: -10px;
    left:0;
}

div#home_kaishu ol.items1 .img{
    margin-bottom:15px;
}



div#home_kaishu ol.items1 .img img{
    border-radius:49% 33% 49% 39% / 41% 49% 40% 37% ;
    border:3px solid #e82241;
}

div#home_kaishu ol.items1 p{
    color:#fff;
    text-align:center;
    font-weight:bold;
    line-height:1.2;
}

div#home_kaishu ol.items1 .time{
    font-size:22px;
    margin-bottom:3px;
    position:relative;
}

div#home_kaishu ol.items1 li:not(:last-child) .time:after{
    font-family: "fontello";
    content: '\e81c';

    font-size: 1.2em;
    position: absolute;
    top: 50%;
    line-height: 1;
    right:-15px;
    color:#d60808;
}

div#home_kaishu ul.items2{
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/hanamaru_bg.jpg) no-repeat right 0/auto 100% #f3d26b;
    min-height:220px;
    padding:40px 400px 40px 270px;
    display:flex;
    flex-wrap:wrap;
    align-content:center;
    position:relative;
}

div#home_kaishu ul.items2:before{
    content: "";
    display:inline-block;
    width: 181px;
    height: 135px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/hanamaru.png) no-repeat 50% 50%/contain;
    position:absolute;
    left: 65px;
}

div#home_kaishu ul.items2 li{
    font-size:24px;
    font-weight:bold;
    padding:0 0 5px 1em;
    position:relative;
}

div#home_kaishu ul.items2 li:before{
    content:"・";
    position:absolute;
    left:0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　料金比較
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_hikaku.section_kugiri{
    background:#f5f3e1;
}

div#home_hikaku h2 {
    font-size:36px;
    font-weight:bold;
    color:#4e3a25;
    text-align:center;
}

div#home_hikaku h2:before {
    content: "";
    display:block;
    width: 57px;
    height: 57px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/yen.svg) no-repeat 50% 50%/contain;
    margin: 0 auto;
}

div#home_hikaku .main_lead {
    font-size:30px;
    display:table;
    margin: -25px auto 0;
}

div#home_hikaku .main_lead:before{
    content:"";
    display: inline-block;
    width:162px;
    height:160px;
    margin: -45px 10px 0 -160px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/onayami_bg.png) no-repeat 50% 50%/contain;
    vertical-align: -30px;
}

div#home_hikaku .main_ttl{
    font-size:22px;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
}

div#home_hikaku .table_wrap{
    margin-bottom:30px;
}

div#home_hikaku .table_wrap table{
    border-collapse:collapse;
}

div#home_hikaku .table_wrap table th,
div#home_hikaku .table_wrap table td{
    text-align:center;
    font-size: 22px;
    padding:10px 0;
    font-weight:bold;
    color:#4e3a25;
    border:1px solid #fcb83f;
}

div#home_hikaku .table_wrap table th{
    background:#fff3c1;
}

div#home_hikaku .table_wrap table th.orange{
    background:#ff9600;
    border:1px solid #ff9600;
    color:#fff;
}

div#home_hikaku .table_wrap table th.red{
    background:#bc0f00;
    border:1px solid #bc0f00;
    color:#fff;
}

div#home_hikaku .table_wrap table td{
    background:#fff;
}

div#home_hikaku .cost{
    display:table;
    margin: 0 auto 15px;
    color:#bc0f00;
    font-size:24px;
    font-weight:bold;
    background: linear-gradient(transparent 50%, #ff0 50%);


    line-height:1.4;
}

div#home_hikaku .cost strong{
    font-size:48px;

}

div#home_hikaku .main_txt{
    font-size:24px;
    font-weight:bold;
    text-align:center;
    margin-bottom:40px;
}

div#home_hikaku dl dt{
    display:table;
    margin: 0 auto -35px;
    padding: 8px 50px;
    background:#bc0f00;
    color:#fff;
    font-size:30px;
    font-family: "my_mincho",serif;
    position:relative;
}

div#home_hikaku dl dd{
    display:table;
    margin:0 auto;
    padding: 60px 30px 30px;
    background:#fff;
    border:3px solid #bc0f00;
    color:#bc0f00;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　お客様の声
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_voice .section_kugiri:nth-of-type(1){
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/voice_ttl_bg.jpg) repeat 50% 0/cover;
    min-height:190px;
    padding:20px 0;
}

div#home_voice h2{
    color:#fff;
    text-align:center;
    font-size:36px;
    font-weight:bold;
}

div#home_voice h2:before{
    content: "";
    display: block;
    width: 58px;
    height: 50px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/voice_before.svg) no-repeat 50% 50%/contain;
    margin: 0 auto 15px;
}

div#home_voice .main_txt{
    font-size:20px;
    text-align:center;
    color:#fff;
}

div#home_voice ul.items{
    display:flex;
    flex-wrap:wrap;
    margin:0 -20px -40px;
}

div#home_voice ul.items li{
    width:calc(50% - 40px);
    margin:0 20px 40px;
    border:2px solid #ccbeaa;
    padding:30px 50px;
}


div#home_voice ul.items .ttl{
    font-size:22px;
    border-bottom:2px solid #ccbeaa;
    padding-bottom: 5px;
    margin-bottom:10px;
    font-weight:bold;
}

div#home_voice ul.items .name{
    margin-bottom:20px;
}


div#home_voice ul.items .txt img{
    border-radius:50%;
    width:137px;
    float:left;
    margin: 0 15px 10px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　様々なシーンにも対応可能です。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_scene.section_kugiri {
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/sugu_bg.jpg) repeat 0 0;
}

div#home_scene h2{
    font-family: "my_mincho",serif;
    font-size:36px;
    display:table;
    margin:0 auto 15px;
}

div#home_scene h2:before{
    content: "";
    display: inline-block;
    width: 280px;
    height: 85px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/logo_red.png) no-repeat 50% 50%/contain;
    margin: 0px auto -90px;
    margin-left:-280px;
}

div#home_scene .main_txt{
    text-align:center;
    margin-bottom:30px;
}

div#home_scene ul.items{
    display:flex;
    justify-content:flex-start;
	flex-wrap: wrap;
    margin: 0 -12px -30px;
}

div#home_scene ul.items li{
    width:350px;
    padding:20px;
    background:#fff;
	margin:0 12px 30px;
}

div#home_scene ul.items li .img{
    overflow:hidden;
}

div#home_scene ul.items li a img{
    transition:all .2s;
}

div#home_scene ul.items li:hover{
    opacity:1;
}

div#home_scene ul.items li:hover img{
    transform: scale(1.1);
    opacity:1;
}

div#home_scene ul.items li p.img{
    margin:-20px -20px 20px;
}

div#home_scene ul.items .ttl{
    margin-bottom:20px;
    position:relative;
}

div#home_scene ul.items .ttl a{
    display:flex;
    flex-wrap:wrap;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    color:#302625;
    line-height:1.2;
    height:60px;
    align-items:center;
    transition: all 0.2s;
}



div#home_scene ul.items .ttl a:after{
    font-family: "fontello";
    content: '\e80f';
    display:flex;
    justify-content:center;
    align-items:center;
    font-size: 1em;
    width: 40px;
    height: 40px;
    color:#fff;
    background:#d60808;
    border-radius:3px;
    position:absolute;
    right:0;
    top: 50%;
    margin-top: -20px;
}

div#home_scene ul.items .txt{
    margin-bottom:20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　導入の流れ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_flow h2{
    font-size:36px;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
    color:#302625;
}


div#home_flow h2:before{
    content: "";
    display: block;
    width: 55px;
    height: 53px;
    margin:0 auto 10px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/fork.svg) no-repeat 50% 50%/contain;
}

div#home_flow .main_txt{
    font-size:17px;
    color:#4e3a25;
    text-align:center;
    margin-bottom:50px;
}

div#home_flow .gentei{
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/gentei_girl.png) no-repeat, url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/gentei_bg.jpg) repeat;
    background-position: 15px bottom,0 0;
    border:3px solid #db1e1c;
    min-height:316px;
}

div#home_flow .gentei .ttl{
    display:table;
    margin:0 auto;
    text-align:center;
    color:#fff;
    font-size: 26px;
    font-family: "my_mincho",serif;
    width:510px;
    height:82px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/ribon_fukidashi.png) no-repeat 50% 50%/cover;
    padding-top: 12px;
    margin-top: -44px;
}

div#home_flow .gentei .txt{
    text-align:center;
    font-size:24px;
    font-weight:bold;
    margin-bottom:15px;
}

div#home_flow .gentei .txt strong{
    font-size:36px;
}

div#home_flow .gentei .inner{
    padding: 0 75px 0 190px;
    display:flex;
    justify-content:space-between;
}

div#home_flow .gentei .inner .price{
    background:#fff;
    color:#db1e1c;
    font-size:33px;
    font-weight:bold;
    line-height:1.2;
    border-radius:5px;
    padding:20px 40px;
    position:relative;
}

div#home_flow .gentei .inner .price:after{
    content: "";
    width: 38px;
    height: 38px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/and.png) no-repeat 50% 50%/contain;
    position:absolute;
    top: 50%;
    line-height:1;
    margin-top: -0.55em;
    right: -80px;
}

div#home_flow .gentei .inner .price strong{
    background: linear-gradient(transparent 60%, #ff0 60%);
}

div#home_flow .gentei .inner .price span{
    font-size:66px;
}

div#home_flow .gentei .inner .count{
    font-size:36px;
    font-weight:bold;
    display:table;
}

div#home_flow .gentei .inner .count span{
    font-size:55px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　よくある質問
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#faq_area.section_kugiri{
    background:#fbf1d6;
}

div#faq_area h2{
    text-align:center;
    font-size:24px;
    font-weight:bold;
    color:#302625;
    margin-bottom:65px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　コンタクト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#contact_area.section_kugiri{
    background:#ffb900;
    padding: 40px 0;
    font-size:16px;
    line-height:1.8;
}

div#contact_area .lead{
    text-align:center;
    font-size:30px;
    font-weight:bold;
    display:table;
    margin:0 auto 35px;
}

div#contact_area .lead:after{
    content: "";
    display: inline-block;
    width: 230px;
    height: 70px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/logo_red.png) no-repeat 50% 50%/contain;
    margin-right: -250px;
    margin-top: -31px;
    margin-left: 20px;
}

div#contact_area .lead strong{
    background: linear-gradient(transparent 60%, #ff0 60%);
}

div#contact_area .contact_wrap{
    background:#fff;
    border-radius:10px;
    padding:55px 25px;
    text-align:center;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/contact_girl.png) no-repeat #fff;
    background-position: calc(50% - 353px) bottom;
}

div#contact_area .free {
    font-size: 76px;
    font-family: 'Roboto', my_gothic;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 1.2;
    margin-top: 15px;
}

div#contact_area .free:before {
    content:"";
    display:inline-block;
    width:81px;
    height:64px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/freecall.svg) no-repeat 0 0 /contain;
    margin-right: 15px;
    vertical-align: -10px;
}


div#contact_area [data-ruby]{
    position:relative;
}

div#contact_area [data-ruby]:before{
    content:attr(data-ruby);
    position:absolute;
    top: -0.7em;
    left:0;
    right:0;
    margin: auto;
    font-size:0.25em;
    letter-spacing:0.05em;
}

div#contact_area .mobile {
    font-weight: bold;
    font-size:22px;
    margin-bottom:20px;
}

div#contact_area .mobile:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 34px;
    background: url(https://b2b-kitchen.com/wordpress/wp-content/themes/cyber-child/images/mobile.png) no-repeat 50% 0%/100%;
    vertical-align: -7px;
    margin-right: 15px;
}


div#contact_area .number{
    font-size: 40px;
    font-family: 'Roboto', my_gothic;
    font-weight: bold;
    line-height: 1.2;
    vertical-align: -5px;
    margin-left: 10px;
}

div#contact_area .btn_wrap{
    display:flex;
    align-items:center;
    justify-content:center;    
}

div#contact_area .btn_wrap .btn{
    background-color:#fff;
    border-radius:10px;    
}

div#contact_area a.btn_border {
    min-width: 400px;
    font-size: 30px;
    font-weight: bold;
    border-radius: 10px;
    color:#fff;
    line-height:1.4;
    position:relative;
}

div#contact_area p.green a.btn_border {
    background: repeating-linear-gradient(135deg, #34ab00 0, #34ab00 20px, #5dbc33 20px, #5dbc33 35px);
    margin-right:20px;
    padding: 39px 30px 40px 20px;
}

div#contact_area p.red a.btn_border {
    background: repeating-linear-gradient(135deg, #db0202 0, #db0202 20px, #e23535 20px, #e23535 35px);
    padding: 14px 30px 40px 20px;
}

div#contact_area a.btn_border:after {
    font-family: "fontello";
    content: '\e80f';
    font-size: 1.5em;
    position: absolute;
    top: 50%;
    margin-top: -.55em;
    line-height: 1;
    right: 8px;
    font-weight: normal;
}

div#contact_area a.btn_border:hover {
    opacity: .8;
}

div#contact_area .btn_border strong {
    color: #ff0;
    font-size:18px;
    display:block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　コンタクト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#form_area.section_kugiri{
    background:#fde8bd;
}

div#form_area h2{
    text-align:center;
    font-size: 24px;
    color:#331a0f;
    font-weight:bold;
    margin-bottom: 40px;
}

div#form_area .inner_wrap{
    background:#fff;
    padding:50px;
	font-size:16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定のフッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer_fixed_zone2 {
    background: #fff;
    border-top:1px solid #e4e4e4;
    font-size:16px;
    line-height:1.8;
}

#footer_fixed_zone2.fix_target {
    position: fixed;
    left: 0;
    z-index: 5;
    background: #fff;
    width: 100%;
    transition: bottom .2s;


    bottom: -88px;
}

#footer_fixed_zone2.fix_exe {
    bottom:0;
}


#footer_fixed_zone2 .wrap {



    display:flex;

    justify-content:space-between;
    align-items:center;
    padding:20px 0;
}

#footer_fixed_zone2 .wrap > div{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

#footer_fixed_zone2 .wrap .num_label {
    font-size:14px;
    font-weight:bold;
    margin-right:20px;
}

#footer_fixed_zone2 .wrap .num {
    font-size:24px;

    font-weight:bold;
    font-family: 'Roboto', my_gothic;
    margin-right:20px;
}

#footer_fixed_zone2 .wrap .open {
    font-size:14px;
    font-weight:bold;
}

#footer_fixed_zone2 .btn_s{
    padding: 9px 25px;
    min-width:226px;
    color:#fff;
    font-weight:bold;

    border-radius:5px;
}

#footer_fixed_zone2 .btn_s.green{
    background:#34ab01;
    margin-right:40px;
}

#footer_fixed_zone2 .btn_s.red{
    background:#dc0201;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　インフォメーションエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info {
    display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_frame {
	margin-bottom:87px;
}