/*
Theme Name:		Welcart Mode Child / Konditorei Kawaguchi
Template:		welcart_mode
Theme URI:		https://www.welcart.com/archives/12623.html
Author:			Collne.Inc
Author URI:		https://www.collne.com/
Description:	Mode Child is the Welcart Mode Child Theme.
Version:		1.0.0
License:		GNU General Public License v2 or later
License URI:	http://www.gnu.org/licenses/gpl-2.0.html
Tags:			responsive-layout, mode, one-columns, left-sidebar or right-sidebar
*/
/*
body { background-color: red !important; }
img {
max-width: 40%;
border: 4px solid #000;
}
*/
/* ////////////////////
//
// Out of Site
//
//////////////////// */
/* ====================
= Google Fonts
==================== */
/* Raleway font-family: 'Raleway', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;400;600;900&display=swap');
/* Open Sans font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;800&display=swap');
/* Baskervville : font-family: 'Baskervville', serif; */
@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital@0;1&family=Open+Sans:wght@300;400;800&display=swap');
/* ////////////////////
//
// Common
//
//////////////////// */
/* ====================
= Base
==================== */
/* --------------------
- Defalt
-------------------- */
html{ font-size: 16px; }
body{ font-size: 1rem; 
/*font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;*/
font-family: Lato, -apple-system, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", 游ゴシック, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 580px) {
html{ font-size: 14px; }
}
/* ////////////////////
//
// Konditorei Kawaguchi
//
//////////////////// */
/* ====================
= Mode Reset
==================== */
/* --------------------
- 投稿
-------------------- */
/* メタ削除 */
body.single-post .entry-meta { /*display: none;*/ margin-left: 6px; }
body.single-post .entry-meta .cat{ display: none; }
body.single-post .entry-meta .author{ display: none; }
body.single-post .entry-img{ margin-top: 40px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; }
body.single-post .entry-img img{ object-fit: cover; width: 100%; height: 100%; }


/* ====================
= Custom Property
==================== */
/* --------------------
- Color
-------------------- */
:root {
  --kk-color-basic: #1b1430;
  --kk-color-green: #f0fff0;
  --kk-guide-pink: #EB2E8C;
  --kk-announce-pink: rgba(235, 46, 140, 0.8);
  --kk-guide-lblue: #2EB9EB;
  --kk-guide-blue: #1E79C4;
}
/* --------------------
- Font
-------------------- */
.font-zenkaku { font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 900; letter-spacing: -0.02em; /* 少し詰める */ }
.font-mplus   { font-family: "M PLUS 1p", sans-serif; font-weight: 900; letter-spacing: -0.03em; }
/* ////////////////////
//
// PARTS
//
//////////////////// */
/* ====================
= Align
==================== */
/* --------------------
- float
-------------------- */
.clearfix:after	{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix		{ display: inline-table; min-height: 1px; }
* html .clearfix{ height: 1px; }
.clearfix		{ display: block; }
.floatleft		{ float: left; }
.floatright		{ float: right; }
/* --------------------
- flex
-------------------- */
/* side */
.flex{ display: flex; flex-direction: row; flex-wrap: wrap; }
.flex.start{ display: flex; flex-direction: row; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
/* 縦中央 */
.flex.center{ display: flex; justify-content: center; align-items: center; }
/* option */
.flex.justify{ justify-content: space-between; }
.flex.align{ align-items: center; }
.flex.nowrap{ flex-wrap: nowrap; }
/* 下揃え */
.flex.alignend{ align-items: flex-end; }
/* direction */
.flex.direction{ flex-direction: column; }
/* ====================
= mark
==================== */
/* ひし形（鋭） */
.style-mrk-diamond { position: relative; width: 0; height: 0; border: 3px solid transparent; border-bottom: 5px solid #BFA687; top: -11px; margin-right: 4px; }
.style-mrk-diamond:after { content: ''; position: absolute; left: -3px; top: 17px; width: 0; height: 0; border: 3px solid transparent; border-top: 5px solid #BFA687; }
/* toggle */
.style-mrk-toggle::before, .style-mrk-toggle::after{ display: block; content: ''; width: 2px; height: 14px; -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); background-color: #BFA687; border-radius: 2px; position: absolute; top: 22px; right: 14px; transition: all 0.4s ease 0s; }
.style-mrk-toggle::after{ -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.style-mrk-toggle.on::before{ -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
/* リンク */
.style-mrk-link::before{ display: block; content: ''; position: absolute; right: 14px; top: 23px; width: 9px; height: 9px; border-top: 2px solid #BFA687; border-right: 2px solid #BFA687; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 400ms ease 0s; }
li.on .style-mrk-link::before{ -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
/* ====================
= font
==================== */
/* --------------------
- Size
-------------------- */
.fnt-14{ font-size: 0.875rem; }
/* --------------------
- awesome
-------------------- */
.awesome-hnddwn{ color: #246; border-bottom: 1px #246 dashed; display: inline; word-wrap: break-word; word-break: break-all;
font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.awesome-hnddwn:before{ content: "\f0a7"; }
.awesome-hnddwn:hover{ text-decoration: none; border-bottom: 1px #246 solid; }
.awesome-updown{ position: absolute; right: 6px; color: #999; }
.awesome-updown .fa-file-text-o{ padding: 0 0.2rem; }
.awesome-link{ position: absolute; right: 6px; color: #BFA687; font-size: 1rem; }
/* --------------------
- indent
-------------------- */
.indent-75{ text-indent: -0.75rem; margin-left: 0.75rem; }
.indent-875{ text-indent: -0.875rem; margin-left: 0.875rem; }
.indent-1{ text-indent: -1.0rem; margin-left: 1.0rem; }
.indent-asterisk{ text-indent: -1.8rem; margin-left: 1.8rrem; }
/* --------------------
- Word Strong
-------------------- */
.word-strong-yellow{ background: linear-gradient(transparent 60%,rgba(247,222,28,.5) 40%); }
/* --------------------
- align
-------------------- */
.algn-cntr{ text-align: center; }
.algn-left{ text-align: left; }
/* --------------------
- post
-------------------- */
.sty-pst-ast{ font-size: 0.75rem; color: #434; }
/* ====================
= margin
==================== */
.mgn-top-4px{ margin-top: 4px; }
.mgn-top-6px{ margin-top: 6px; }
.mgn-top-10px{ margin-top: 10px; }
.mgn-top-16px{ margin-top: 16px; }
.mgn-top-20px{ margin-top: 20px; }
.mgn-top-40px{ margin-top: 40px; }
.mgn-top-60px{ margin-top: 60px; }
.mgn-btm-4px{ margin-bottom: 4px; }
.mgn-btm-6px{ margin-bottom: 6px; }
.mgn-btm-10px{ margin-bottom: 10px; }
.mgn-btm-16px{ margin-bottom: 16px; }
.mgn-btm-20px{ margin-bottom: 20px; }
.mgn-btm-40px{ margin-bottom: 40px; }
.mgn-btm-60px{ margin-bottom: 60px; }
.mgn-lft-4px{ margin-left: 4px; }
.mgn-lft-6px{ margin-left: 6px; }
.mgn-lft-10px{ margin-left: 10px; }
.mgn-lft-16px{ margin-left: 16px; }
.mgn-lft-20px{ margin-left: 20px; }
.mgn-lft-40px{ margin-left: 40px; }
.mgn-lft-60px{ margin-left: 60px; }
.mgn-rgt-4px{ margin-right: 4px; }
.mgn-rgt-6px{ margin-right: 6px; }
.mgn-rgt-10px{ margin-right: 10px; }
.mgn-rgt-16px{ margin-right: 16px; }
.mgn-rgt-20px{ margin-right: 20px; }
.mgn-rgt-40px{ margin-right: 40px; }
.mgn-rgt-60px{ margin-right: 60px; }
/* auto */
.mgn-lft-auto{ margin-left: auto; }
.mgn-rgt-auto{ margin-right: auto; }
/* padding */
.pdn-btm-6px{ padding-bottom: 6px; }
.pdn-btm-6px{ padding-top: 6px; }
.pdn-rgt-6px{ padding-right: 6px; }
.pdn-rgt-6px{ padding-right: 6px; }
/* ====================
= button
==================== */
/* --------------------
- button
-------------------- */
/* Arrow */
.button.dark.round{ display: inline-block; padding: 8px 10px; background-color: var(--kk-color-basic); color: #fff; border-radius: 2px; }
.button.arrow::after{ content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 6px; background-repeat: no-repeat; }
.button.arrow::after{ background-image: url(/wp-content/uploads/button-arrow.svg); vertical-align: -14px; }
.button.arrow.round::after{ background-image: url(/wp-content/uploads/button-arrow-fill.svg); vertical-align: -6px; }
.button.arrow.round.dark::after{ background-image: url(/wp-content/uploads/button-arrow-stroke.svg); vertical-align: -6px; }
/* Rectangle */
.button.rectangle{ display: inline-block; background-color: #fff; border: 1px solid #A99A69; border-radius: 4px; padding: 4px 8px 2px; padding-right: 34px; font-size: 0.875rem; line-height: 2.0rem; }
.button.rectangle::after{ content: ''; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; }
.button.rectangle::after{ background-image: url(/wp-content/uploads/button-arrow.svg); vertical-align: -14px; }
/* Instagram */
.button.insta::after{ content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 6px; background-repeat: no-repeat; }
.button.insta::after{ background-image: url(/wp-content/uploads/kk-icon-instagram.svg); /*background-image: url(/wp-content/uploads/icon-instagram.svg);*/ vertical-align: -6px; }
/* Outlink */
a.outlink{ display: inline-block; position: relative; padding: 4px 34px 4px 4px; border: 1px solid var(--kk-color-basic); border-radius: 4px; }
a.outlink::before, a.outlink::after{ content: ''; display: inline-block; position: absolute;  width: 14px; height: 10px; border: 1px solid #444; border-top: 2px solid #444; background-color: #fff; padding-top: 0; }
a.outlink::before{ top: 10px; right: 12px; }
a.outlink::after{ top: 7px; right: 8px; }
a.outlink:hover::after { top: 6px; right: 7px; }
/* Guide */
a.button.radius { display: inline-block; background-color: #fff; color: #A99A69; /*background-color: #A99A69; color: #fff;*/ font-size: 0.75rem; border: 1px solid #A99A69; border-radius: 4px; text-indent: 0rem; padding: 2px 6px 1px; }
a.button.down::after { content: ''; display: inline-block; width: 15px; height: 13px; background-image: url(/wp-content/uploads/kk-icon-index-back.svg); background-position: 0 1px; background-repeat: no-repeat; background-size: contain; margin-left: 6px; vertical-align: 0px; }
/* ====================
= Movie System
==================== */
.mediaset div{ width: calc(50% - 5px); }
.mediaset div:last-child{ margin-left: 10px; }
.mediaset div figure, .mediaset div figure img{ width: 100%; }
/* Cover */
.moviesystem-cover{ display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }
.moviesystem-cover .close{ position: absolute; top: 60px; right: 40px; width: 40px; height: 40px; background-color: #ddd; border-radius: 50%; cursor: pointer; }
.moviesystem-cover .close::before, .moviesystem-cover .close::after{ content: ''; position: absolute; top: 50%; left: 50%; width: 70%; height: 3px; background-color: #333; border-radius: 2px; }
.moviesystem-cover .close::before{ transform: translate(-50%, -50%) rotate(45deg); }
.moviesystem-cover .close::after{ transform: translate(-50%, -50%) rotate(-45deg); }
/* Active */
body.moviesystem-active{ height: 100%; overflow: hidden; }
body.moviesystem-active .moviesystem-cover{ display: block; }
/* --------------------
- Moviesystem > thumb
-------------------- */
.moviesystem .thumb{ position: relative; cursor: pointer; }
.moviesystem .thumb::before{ content: ''; display: block; position: absolute; z-index: 3; top: 50%; left: calc(50% + 2px); transform: translateX(-50%) translateY(-50%); width: 0; height: 0; border-left: 20px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.moviesystem .thumb::after{ content: ''; display: block; position: absolute; z-index: 2; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 4px solid #fff; }
.moviesystem .thumb img{ pointer-events: none; touch-action: none; }
/* --------------------
- Moviesystem > movie
-------------------- */
.moviesystem .movie{ display: none; }
.moviesystem .movie.active{ display: block; position: fixed; z-index: 1001; width: calc(100% - 80px); max-width: 600px; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
/* ////////////////////
//
// Common Page
//
//////////////////// */
#site{ position: relative; }
/* ====================
= Header
header.header-group .site-branding
header.header-group .incart

header.header-group .drawer-sp .drawer-menu-sp .in .global-navigation .menu-global-navigation-container .menu-global-navigation .menu-item menu-item-type-post_type
header.header-group .drawer-sp .drawer-menu-sp .in .drawer-menu-pc .trigger-menu .bar
header.header-group .drawer-sp .drawer-menu-sp .in .drawer-menu-pc .trigger-menu .in .shopping-navigation form
header.header-group .drawer-sp .drawer-menu-sp .in .drawer-menu-pc .trigger-menu .in .shopping-navigation .membership
==================== */
/* --------------------
- Header : Menu 
-------------------- */
/* Fixed */
.header-group.fixed_header { padding: 0 0 4px; }
body.home .header-group.fixed_header { padding: 0; }
/* Logo : .site-branding*/
header.header-group .site-logo a{ padding: 4px 8px 6px; background-color: var(--kk-color-basic); }
header.header-group .site-logo img{ height: 24px; width: auto; }
/* Cart */
.incart { right: 80px; }
.incart > .in { padding-bottom: 2px; }
/* Button       : .drawer-menu-pc .trigger-menu .bar */
header.header-group .drawer-sp .trigger-menu{ padding: 30px 20px; right: 6px; }
/* ====================
= Page
==================== */
/* --------------------
- Page : Entry > Header 
-------------------- */
header.entry-header{ display: block; margin-top: 20px; margin-bottom: 20px; font-family: serif; text-align: center; font-size: 1.5rem; }
header.entry-header h1.entry-title { display: inline-block; padding-left: 6px; padding-right: 6px; font-size: 1.8rem; color: var(--kk-color-basic); border-bottom: 2px solid var(--kk-color-basic); }
header.entry-header h1.entry-title { font-family: "M PLUS 1p", sans-serif; font-weight: 700; letter-spacing: -0.00em; }
/* --------------------
- Page : Entry > Content 
-------------------- */
body .entry-content p{ font-size: 1.0rem; line-height: 1.5rem; }
body .entry-content ul.decimal{ list-style-type: decimal; margin-left: 30px; }
body .entry-content ul.decimal li{ font-size: 1.0rem; line-height: 1.5rem; }
body .entry-content dt, body .entry-content dd{ font-size: 1.0rem; line-height: 1.5rem; }
/* --------------------
- Page : To Top
-------------------- */
#site #toTop { right: 10px; bottom: 16px; }
#site #toTop a{ background-color: rgba(27, 20, 48, 1.0); }
#site #toTop a:hover{ background-color: rgba(27, 20, 48, 0.7); }
#site #toTop span{ pointer-events: none; }
/* --------------------
- Page : Footer
-------------------- */
footer{ position: relative; }
footer.footer-group .in { background-color: var(--kk-color-green); padding: 16px 10px; }
footer.footer-group .copyright { background-color: var(--kk-color-basic); }
footer.footer-group .copyright img { height: 40px; }
/* --------------------
- @media : スマホ / パソコン
-------------------- */
@media screen and (max-width: 580px) {
header.header-group{ padding-left: 0; }
header.header-group .drawer-sp .trigger-menu{ right: 6px; padding: 30px 20px; }
header.entry-header h1.entry-title { font-size: 1.4rem; }
header.header-group .drawer-sp .trigger-menu { right: 20px; right: 10px; padding-left: 20px; padding-right: 20px; padding-top: 16px; padding-bottom: 30px; }
.trigger-menu .bar-top { top: 39px; }
.trigger-menu .bar-middle::before, .trigger-menu .bar-middle::after { top: 68%; }
.trigger-menu .bar-bottom { bottom: 22px; }
}
@media screen and (min-width: 55em){
.site-branding { padding: 16px 0 4px 20px; }
header.header-group .drawer-menu-pc .trigger-menu { top: 10px; right: 356px; }
}
/* ====================
= Post
==================== */
body.single-post .site-column2 .site-content{ display: block; }
body.single-post .site-column2 #content { width: 100%; }
/* --------------------
- Post : News
-------------------- */
body.single-post .entry-content{ margin-left: 10px; margin-right: 10px; }
body.single-post .pinup{ margin-top: 10px; padding: 6px; border: 1px solid var(--kk-color-basic); } 
body.single-post .pinup a::after{ content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 6px; vertical-align: -6px; background-image: url(/wp-content/uploads/button-arrow.svg); background-repeat: no-repeat; vertical-align: -12px; }
/* ////////////////////
//
// Top Page
//
//////////////////// */
/* ====================
= header.php
==================== */
/* --------------------
- header
-------------------- */
body.home header.header-group{ background-color: initial; }
body.home header.header-group .header_inner{ position: absolute; top: 0; left: 0; z-index: 3; width: 100%; background-color: rgba(17, 13, 28, 0.0); transition: all 0.6s ease-in-out 0s; }

body.home header.header-group .header_inner:has(.drawer-menu-sp.open){ background-color: var(--kk-color-basic); }

body.home header.header-group .header_inner.scrolled{ background-color: rgba(17, 13, 28,1.0); }
body.home header.header-group .header_inner .site-branding{ margin: 0; padding: 0; }

body.home header.header-group .header_inner .site-logo{ display: inline-block; margin-left: 10px; margin-top: 20px; }
body.home header.header-group .header_inner .site-logo a{ background-color: initial; padding: 0; }
body.home header.header-group .drawer-sp .trigger-menu .bar-top, body.home header.header-group .drawer-sp .trigger-menu .bar-middle:before, body.home header.header-group .drawer-sp .trigger-menu .bar-middle:after, body.home header.header-group .drawer-sp .trigger-menu .bar-bottom
{ background-color: #fff; }
body.home header.header-group .incart { top: 60px; right: 6px; }
body.home header.header-group .header_inner.scrolled .incart { top: 4px; right: 60px; }
body.home header.header-group .incart .welicon-shopping-cart:before{ color: #fff; }

.header_inner:has(.drawer-menu-sp.open){ background-color: var(--kk-color-basic); }
.drawer-menu-sp.open{ top: 44px; }
.header_inner:has(.drawer-menu-sp.open) .trigger-menu .bar-top,
.header_inner:has(.drawer-menu-sp.open) .trigger-menu .bar-middle:before,
.header_inner:has(.drawer-menu-sp.open) .trigger-menu .bar-middle:after,
.header_inner:has(.drawer-menu-sp.open) .trigger-menu .bar-bottom { background-color: #ccc; }
.header_inner:has(.drawer-menu-sp.open) .incart .welicon-shopping-cart::before{ color: #ccc; }
.header_inner:has(.drawer-menu-sp.open) .drawer-menu-sp{ background-color: var(--kk-color-basic); }
.header_inner:has(.drawer-menu-sp.open) .shopping-navigation form { background-color: var(--kk-color-basic); }

.header_inner:has(.drawer-menu-sp.open) .membership li { color: #ccc; }
.header_inner:has(.drawer-menu-sp.open) .membership li a{ color: #ccc; border-color: #888; }
.header_inner:has(.drawer-menu-sp.open) .membership li:first-child::before{ color: #ccc; }
/*.header-group .header_inner:has(.drawer-menu-sp.open) a{ color: #ccc; }*/
.header_inner:has(.drawer-menu-sp.open) .global-navigation li{ border-bottom: 0.4px solid #ddd; }
.header_inner:has(.drawer-menu-sp.open) .global-navigation li a{ color: #ccc; padding: 24px 20px 24px 40px; }
/* sub navigation */
.header_inner .sub-navigation { background-color: initial; }
.header_inner:has(.drawer-menu-sp.open) .sub-navigation li{ border-bottom: 0.4px solid #ddd; }
.header_inner:has(.drawer-menu-sp.open) .sub-navigation li a{ color: #ccc; padding: 24px 20px 24px 40px; }
/* Instagram */
.sub-navigation li.menu-item.instagram{ display: flex; }
.sub-navigation li.menu-item.instagram::before{ content: ''; display: inline-block; width: 20px; height: 20px; margin-top: 16px; margin-left: 20px; background-repeat: no-repeat; background-image: url(/wp-content/uploads/icon-instagram.svg); }
.header_inner:has(.drawer-menu-sp.open) .sub-navigation li.menu-item.instagram a{ padding: 14px 20px 14px 10px; }

/* --------------------
- Menu : .drawer-sp .drawer-menu-sp .in
-------------------- */
body.home header.header-group .drawer-menu-sp{ background-color: #110D1C; background-color: #1b1430; background-color: #ffffff; }
/* --------------------
- main
-------------------- */
body.home .header-group.fixed_header + main{ margin-top: 0; }
/* ====================
= Topvisual
==================== */
/* --------------------
- カバー
-------------------- */
/* Initial*/
/* Cover : スクロールが最後まで行った時に背景を隠すためのカバー */
body.home .scrollcover{ display: none; position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 4; background-color: #fff; }
body.home:has(footer.scrolled) .scrollcover{ display: block; }
/* Cover : 最初に表示するローディングカバー */
body.home .toppagecover{ position: fixed; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; z-index: 1001; background-color: #fff; }
body.home .toppagecover .logo{ position: absolute; z-index: 2; top: 50%; left: 50%; width: 40%; transform: translateX(-50%) translateY(-100%); }
/* Animation */
body.home .toppagecover{ opacity: 1.0; transition: opacity 3.0s ease-out; transition-delay: 1.0s; }
body.home .toppagecover .logo{ opacity: 1.0; transition: opacity 1.6s ease-out; transition-delay: 0.6s; }
/* Loaded */
body.home.loaded .toppagecover{ opacity: 0; pointer-events: none; }
body.home.loaded .toppagecover .logo{ opacity: 0; }
/* Complete */
body.home.complete.covernone .toppagecover{ display: none; }
/* --------------------
- レイアウト：破線
-------------------- */

body.home .toplayout.vertical{ position: absolute; z-index: 3; top: 0; right: 48px; border-left: 1px dotted rgba(255,255,255,0.8); width: 1px; height: 0%; }
body.home .toplayout.horizontal{ border-top: 1px dotted rgba(255,255,255,0.8); width: 0%; height: 1px; margin-top: 14px; }
/* Animation */
body.home .toplayout.vertical{ transition: height 1.6s ease; transition-delay: 0.0s; }
body.home .toplayout.horizontal{ transition: width 1.0s ease; transition-delay: 2.4s; }
/* Complete */
body.home.complete .toplayout.vertical{ height: 100%; }
body.home.complete .toplayout.horizontal{ width: 100%; }
/* --------------------
- ナビゲーション：ボタン
-------------------- */
body.home .topvisual .button-shop-user{ position: absolute; top: 130px; right: 6px; width: 30px; height: 30px; z-index: 2; }
body.home .topvisual .button-shop-user img{ width: 100%; }
body.home .topvisual .button-side-onlineshop{ position: absolute; top: 320px; right: 8px; width: 28px; height: 100px; transform: translateY(-100%); z-index: 2; }
body.home .topvisual .sidenavi-onlineshop img{ width: 100%; }
/* Animation */
body.home .drawer-sp > .trigger-menu{ top: 4px; right: 4px; transform: translateX(60px); transition: transform 1.4s ease; transition-delay: 1.0s; }
body.home .incart{ transform: translateX(60px); transition: transform 1.2s ease 1.2s, top 1.0s ease 0s, right 1.0s ease 0s; }
body.home .topvisual .button-shop-user{ transform: translateX(60px); transition: transform 1.0s ease; transition-delay: 1.4s; }
body.home .topvisual .button-side-onlineshop{ transform: translateX(60px); transition: transform 0.8s ease; transition-delay: 1.6s; }
/* Complete */
body.home.complete .drawer-sp > .trigger-menu{ transform: translateX(0); }
body.home.complete .incart{ transform: translateX(0); }
body.home.complete .topvisual .button-shop-user{ transform: translateX(0); }
body.home.complete .topvisual .button-side-onlineshop{ transform: translateX(0); }
/* --------------------
- ナビゲーション：ページスクロール
-------------------- */
body.home .topvisual .scrolldown{ position: absolute; right: 24px; bottom: 140px; color: rgba(255,255,255, 1.0); z-index: 10; }
body.home .topvisual .scrolldown .more{ position: absolute; top: 8px; left: -10px; font-size: 0.875rem; transform: rotate(90deg); display: block; }
body.home .topvisual .scrolldown .arrow { position: absolute; top: 44px; left: 6px; position: relative; display: inline-block; width: 1px; height: 16px; background-color: rgba(255,255,255,0.8); }
body.home .topvisual .scrolldown .arrow::before { content: ''; position: absolute; bottom: -1.0px; left: calc(50% - 0.0px); width: 1px; height: 7px; background-color: rgba(255,255,255,0.8); transform: rotate(45deg); transform-origin: 50% calc(100% - 1px); }
body.home .topvisual .scrolldown .scrolldownindicator{ position: absolute; top: 0; left: 0; display: block; width: 0.6px; height: 180px; opacity: 0; background-color: rgba(255,255,255, 0.6); margin: 0; padding: 0; z-index: 3; }
body.home.slide .topvisual .scrolldown .scrolldownindicator { animation: 3000ms scrollIndicator ease-in-out infinite; opacity: 1; }
@keyframes scrollIndicator {
  	0% { transform-origin: center top; transform: scale(1, 1); }
	 25% { transform: scale(1, 0); transform-origin: center top; }
   50% { transform:  scale(1, 0); transform-origin: center bottom; }
  100%  { transform-origin: center bottom; transform:  scale(1, 1); }
}
/* Animation */
body.home .topvisual .scrolldown{ transform: translateX(60px); transition: transform 0.6s ease; transition-delay: 1.8s; }
/* Complete */
body.home.complete .topvisual .scrolldown{ transform: translateX(0); }
/* --------------------
- ニュース：固定
-------------------- */
body.home .toppinup { position: absolute; top: 60px; left: 0; z-index: 3; width: calc(100% - 48px); }
body.home .toppinup h3{ color: #fff; font-size: 0.75rem; font-weight: normal; margin-left: 10px;  border: solid 0.8px #fff; padding: 0px 4px; display: inline-block; }
body.home .toppinup .pinup{ color: #fff; font-size: 0.875rem; line-height: 1.2rem; width: calc(100% - 20px); margin-top: 4px; margin-left: 10px; }
body.home .toppinup a{ color: #fff; line-height: 1.4rem; }
body.home .toppinup a::after{ content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 6px; vertical-align: -6px; background-image: url(/wp-content/uploads/button-arrow-stroke.svg); background-repeat: no-repeat; }
/* Animation */
body.home .toppinup .news{ opacity: 0.0; transition: opacity 1.4s ease; transition-delay: 3.0s; }
/* Complete */
body.home.complete .toppinup .news{ opacity: 1.0; }
/* --------------------
- トップビジュアル：ヒーローイメージ
-------------------- */
body.home .topvisual { position: relative; width: 100%; height: 100vh; overflow: hidden; }
/* Logo */
body.home .topvisual .logo{ position: absolute; z-index: 2; width: 40%; left: 50%; top: 50%; transform: translate(-50%, -100%); }
body.home .topvisual .logo img{ width: 100%; height: auto; opacity: 1.0; transition: opacity 3.0s ease; transition-delay: 1.0s; }
body.home.complete.covernone .topvisual .logo img{ opacity: 0.6; }
/* --------------------
- トップビジュアル：ナビゲーション
-------------------- */
body.home .topvisual .visualnavi{ display: flex; position: absolute; left: 10px; bottom: 20px; z-index: 2; }
body.home .topvisual .visualnavi span{ width: 30px; height: 30px; margin-right: 16px; cursor: pointer; }
body.home .topvisual .visualnavi span:last-child{ margin-right: 0; }
body.home .topvisual .visualnavi .play				{ display: none; }
body.home .topvisual .visualnavi.pause .pause	{ display: none; }
body.home .topvisual .visualnavi.pause .play	{ display: inline-block; }
body.home .topvisual .visualnavi span img{ width: 100%; height: 100%; }
/* Animation */
body.home .topvisual .visualnavi{ opacity: 0.0; transition: opacity 1.0s ease; transition-delay: 5.0s; }
/* Complete */
body.home.complete .topvisual .visualnavi{ opacity: 1.0; }
/* --------------------
- トップビジュアル：プログレス
-------------------- */
body.home .topvisual .progress { position: absolute; left: 10px; bottom: 70px; width: calc(100% - 100px); height: 1px; background: rgba(0,0,0,0.2); z-index: 2; overflow: hidden; }
body.home .topvisual .progress-bar { display: block; width: 100%; height: 100%; background: rgba(255,255,255,0.8); transform-origin: left center; }
/* Animation */
body.home .topvisual .progress{ opacity: 0.0; transition: opacity 1.0s ease; transition-delay: 5.0s; }
/* Complete */
body.home.complete .topvisual .progress{ opacity: 1.0; }
/* --------------------
- トップビジュアル：スライド
-------------------- */
/* スライド全体 */
body.home .topvisual .wrapper { position: fixed; width: 100%; height: 100%; }
/* 各スライド */
body.home .topvisual .item { position: absolute; inset: 0; opacity: 0; transform: scale(1.05); filter: blur(6px); transition: opacity 2.0s ease, transform 1.4s ease; pointer-events: none; }
/* 表示中 */
body.home .topvisual .item.is-active { opacity: 1; transform: scale(1); filter: blur(0); pointer-events: auto; z-index: 1; }
/* 画像 */
body.home .topvisual .photo { position: absolute; inset: 0; z-index: 1; }
body.home .topvisual .photo img { width: 100%; height: 100%; object-fit: cover; }
/* マスク */
body.home .topvisual .mask { position: absolute; inset: 0; background-color: rgba(0,0,0,0.2); z-index: 2; }
/* テキスト */
body.home .topvisual .profile{ position: absolute; left: 0; bottom: 80px; color: #fff; z-index: 3; width: calc(100% - 48px); overflow: hidden; padding-left: 10px; }
body.home .topvisual .announce{ display: inline-block; margin: 0 0 10px 0; padding: 2px 6px; opacity: 0; transition: opacity 1.0s ease-in; transition-delay: 1.2s; background-color: var(--kk-color-basic); background-color: var(--kk-announce-pink); letter-spacing: -0.01rem; font-weight: 600; border-top-left-radius: 10px; border-bottom-right-radius: 10px; }
body.home .topvisual .head{ align-items:center; }
body.home .topvisual .name-jp { font-size: 1.2rem; line-height: 1.2rem; transform: translateX(-110%); transition: transform 1.0s ease; transition-delay: 1.0s; }
body.home .topvisual .button-goto{ margin-left: 20px;  }
body.home .topvisual .button-goto a{ display: inline-block; width: 100px; transform: translateX(100%); opacity: 0; transition: opacity 0.4s ease-in, transform 1.0s ease-in; transition-delay: 1.2s; }
body.home .topvisual .name-en { font-size: 0.75rem; opacity: 0.8; margin-top: 4px; transform: translateX(-110%); transition: transform 0.6s ease; transition-delay: 1.4s; }
body.home .topvisual .context { font-size: 1.0rem; line-height: 1.45;  margin-top: 10px; margin-right: 6px; border-radius: 2px; padding-right: 20px; opacity: 0; transition: opacity 1.0s ease-in; transition-delay: 1.2s; background-color: rgba(0,0,0,0.2); padding: 6px; }
/* Active */
body.home .topvisual .item.is-active .name-jp, body.home .topvisual .item.is-active .name-en{ transform: translateX(0); }
body.home .topvisual .item.is-active .button-goto a, body.home .topvisual .item.is-active .announce, body.home .topvisual .item.is-active .context{ opacity: 1; }
body.home .topvisual .item.is-active .button-goto a{ transform: translateX(0); }
/* Animation */
/*
body.home .topvisual .item .profile{ transform: translateY(200%); transition: transform 1.4s ease; transition-delay: 3.6s; }
*/
/* Complete */
/*
body.home.complete .topvisual .item .profile{ transform: translateY(0); }
*/

body.home .topvisual .item .profile{ opacity: 0; transition: opacity 1.4s ease; transition-delay: 3.6s; }
body.home.complete .topvisual .item .profile{ opacity: 1; }

/* --------------------
- @media スマートフォン用
-------------------- */
@media screen and (max-width: 580px) {
}
/* --------------------
- @media パソコン用
-------------------- */
@media screen and (min-width: 581px) {
body.home .toppinup h3{ margin-left: 20px; }
body.home .toppinup .pinup{ margin-left: 20px; }
body.home .topvisual .visualnavi{ left: 20px; bottom: 10px; }
body.home .topvisual .progress { left: 20px; bottom: 60px; width: 200px; height: 2px; }
body.home .topvisual .name-jp { font-size: 1.6rem; }
body.home .topvisual .button-goto a{ width: 120px; } 
body.home .topvisual .profile{ padding-left: 20px; }
}
/* ====================
= コンテンツ
==================== */
/* --------------------
- primary
-------------------- */
body.home #primary{ position: relative; background-color: #1b1430; padding-top: 20px; }
body.home #primary #content{ background-color: #fff; }
section.section-home{ margin-top: 40px; margin-bottom: 0; padding-bottom: 26px; border-bottom: 0.8px solid #ccc; }
/* --------------------
- セクション：洋菓子のカワグチ
-------------------- */
section.section-home#block-2{ border-bottom: none; }
section.section-home#block-2 figure{ padding-top: 40px; }
section.section-home#block-2 figure img{ margin-right: 20px; }
section.section-home#block-3{ margin-top: 0; padding-bottom: 0; border-bottom: none; }
/* --------------------
- セクション：ニュース一覧
-------------------- */
body.home .newslist h2{ text-align: center; font-size: 1.4rem; margin-bottom: 10px; }
body.home .newslist ul{ margin-left: 10px; margin-right: 10px; }
body.home .newslist li h3{ display: inline-block; font-size: 1.0rem; margin-left: 10px; }
body.home .newslist li span{ font-size: 0.75rem; }
body.home .newslist li a::after{ content: ''; display: inline-block; width: 20px; height: 20px; margin-left: 6px; vertical-align: -6px; background-image: url(/wp-content/uploads/button-arrow.svg); background-repeat: no-repeat; vertical-align: -10px; }
/* --------------------
- セクション：特集
-------------------- */
section.section-home.features{ padding: 16px 0; background-color: #efefef; background-color: #e6f4ff; border-bottom: none; }
section.section-home.features .entryhead{ text-align: center; }
section.section-home.features .entryhead .en{ font-size: 1.8rem; color: rgba(60, 50, 80,1.0); }
section.section-home.features .entryhead h1.small{ font-weight: bold; }
/* 仮処置 */
section.section-home.features .entryfoot{ display: none; }
/* --------------------
- 一覧：特集、商品
-------------------- */
body.home .slick-list .slick-track article{ margin-left: 5px; margin-right: 5px; overflow: hidden; }
.section-home.widget_mode_item_list .slick-slider article.list { margin-right: 5px; }
body.home .slick-list .slick-track article .list h2 { height: 40px; overflow: hidden; }
/* オンラインショップ商品 */
section.section-home#block-16{ border-bottom: 0; padding-bottom: 0; }
section.section-home#block-16 h2{ text-align: center; font-size: 1.4rem; }
/* --------------------
- @media : スマフォ対策
-------------------- */
@media screen and (max-width: 580px) {
/* 修正：スマフォのフッターナビの可変対策 */
.drawer-menu-sp > .in { height: 100vh; }
body.home .bunnerset p{ width: calc(50% - 10px); margin-left: 5px; margin-right: 5px; }
body.home .bunnerset p a{ width: 100%; text-align: center; }
}
/* --------------------
- @media : PC対応
-------------------- */
@media screen and (min-width: 55em){
body.home header.header-group .header_inner .site-logo { margin-left: 20px; }
/* サイドメニュー */
body.home header.header-group .drawer-menu-sp{ background-color: initial; }
/* ヘッダーのメニュー文字 */
body.home .global-navigation ul.default-menu li a { color: #fff; }
/* メニューボタン：オープン時 */
body.home #site.open header.header-group .drawer-sp .trigger-menu .bar-top, body.home #site.open header.header-group .drawer-sp .trigger-menu .bar-middle:before, body.home #site.open header.header-group .drawer-sp .trigger-menu .bar-middle:after, body.home #site.open header.header-group .drawer-sp .trigger-menu .bar-bottom
{ background-color: #333; }
}

/* ////////////////////
//
// Second Page
//
//////////////////// */
/* ====================
= Common
==================== */
.site-content{ margin: 0; padding: 0; }
/* --------------------
- Lead
-------------------- */
.lead{ padding: 20px 20px; text-align: center; }
.lead p{ display: inline-block; text-align: left; }
.lead.greenthin{ background-color: var(--kk-color-green); }
.lead ul.index{ list-style: none; text-align: left; }
.lead ul.index li{ text-indent: -1.4rem; margin-left: 1.4rem; height: 1.8rem; }
.lead ul.index a{ position: relative; font-size: 0.875rem; line-height: 2.2rem; }
.lead ul.index.down a::before{ content: ''; display: inline-block; width: 12px; height: 0.875rem; background-image: url(/wp-content/uploads/kk-mark-index-front.svg); background-position: 0 0; background-repeat: no-repeat; background-size: contain; margin-right: 6px; }
.lead ul.index.down a::after{ content: ''; display: inline-block; width: 15px; height: 13px; background-image: url(/wp-content/uploads/kk-icon-index-back.svg); background-position: 0 1px; background-repeat: no-repeat; background-size: contain; margin-left: 6px; vertical-align: 0px; }
/* --------------------
- Main
-------------------- */
.main{ padding: 0 10px; }
/* --------------------
- list
-------------------- */
.list.wide { border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; padding-bottom: 20px; }
.list.wide .left{ width: 33%; }
.list.wide .right{ width: calc(67% - 20px); margin-left: 20px; }
.list.wide .name { font-size: 1.2rem; font-weight: bold; color: var(--kk-color-basic); }
.list.wide .comment { font-size: 0.875rem; line-height: 1.0rem; color: #446688; }
/* --------------------
- Calendar
-------------------- */
/*
#content .entry-content section.guide table.usces_calendar td{ text-align: center; padding: 8px 0; }
#content .entry-content section.guide table.usces_calendar td.businessday{ background-color: #FFECCE; color: #ff0000; }
*/




.entry-content .calendar .this-month{ margin-bottom: 20px; float: left; max-width: calc(50% - 10px); margin-right: 20px; }
.entry-content .calendar .next-month{ margin-bottom: 20px; max-width: calc(50% - 10px); }
.entry-content .calendar table caption,
.entry-content .calendar table th,
.entry-content .calendar table td{ font-size: 0.875rem; }
.entry-content .calendar table td{ text-align: center; padding: 8px 0; }
/* 休日 */
.entry-content .calendar .businessday { background-color: #ffaeae; color: #fff; }
/* 本日 */
.entry-content .calendar .businesstoday { position: relative; color: #000000; font-weight: bold; }
.entry-content .calendar .businesstoday::after{ content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border: 2px solid var(--kk-color-basic); border-radius: 50%; }
/* --------------------
- @media : スマフォ対策
-------------------- */
@media screen and (max-width: 580px) {
.list.wide .left{ width: 100%; }
.list.wide .right{ width: 100%; margin-top: 10px; margin-left: 0; }
}
/* ====================
= Page
==================== */
/* --------------------
- Entry Content : ptn-cntxt01
-------------------- */
.entry-content .ptn-cntxt01 h3{ font-family: serif; font-weight: bold; font-size: 1.0rem; color: #A99A69; padding: 0; border-bottom: 1px solid #A99A69; }
.entry-content .ptn-cntxt01 h4{ display: inline-block; margin-bottom: 10px; border-bottom: 1px solid #04B1B7; color: #002555; font-size: 1.4rem; }
/* --------------------
- オンラインショップ（商品一覧）
-------------------- */
/* Item list */
.itemlist h3{ font-size: 0.75rem; font-weight: normal; color: var(--kk-color-basic); }
.itemlist h2{ font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 20px; padding-bottom: 4px; color: var(--kk-color-basic); border-bottom: 0.6px solid #1B1430; }
.itemlist a.item{ display: block; width: calc(50% - 10px); max-width: 280px; margin-bottom: 40px; margin-left: 5px; margin-right: 5px; }
.itemlist h4{ font-size: 1.0rem; line-height: 1.25rem; margin-top: 6px; }
.itemlist .price{ font-size: 0.875rem; text-align: right; }
.itemlist .button{ font-size: 0.875rem; }
/* Slide */
.itemlist.slide .wrapper{ overflow-x: scroll; scrollbar-width: none; }
.itemlist.slide .wrapper::-webkit-scrollbar { display: none; }
.itemlist.slide .flex{ flex-wrap: nowrap; }
.itemlist.slide a.item{ flex: 0 0 calc(100% - 20px) }
.itemlist.slide h4{ font-size: 0.875rem; font-weight: normal; line-height: 1.4; margin-top: 10px; }
.itemlist.slide .price { font-size: 0.875rem; margin-top: 4px; text-align: left; }
/* .entry-content Item list */
.entry-content .itemlist h3{ font-size: 0.75rem; font-weight: normal; color: var(--kk-color-basic); }
.entry-content .itemlist h2{ font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 20px; padding-bottom: 4px; color: var(--kk-color-basic); border-bottom: 0.6px solid #1B1430; }
.entry-content .itemlist a.item{ display: block; width: calc(50% - 10px); max-width: 280px; margin-bottom: 40px; margin-left: 5px; margin-right: 5px; }
.entry-content .itemlist h4{ font-size: 1.0rem; line-height: 1.25rem; margin-top: 6px; }
.entry-content .itemlist .price{ font-size: 0.875rem; text-align: right; }
.entry-content .itemlist .button{ font-size: 0.875rem; }
/* Slide */
.entry-content .itemlist.slide .wrapper{ overflow-x: scroll; scrollbar-width: none; }
.entry-content .itemlist.slide .wrapper::-webkit-scrollbar { display: none; }
.entry-content .itemlist.slide .flex{ flex-wrap: nowrap; }
.entry-content .itemlist.slide a.item{ flex: 0 0 calc(100% - 20px) }
.entry-content .itemlist.slide h4{ font-size: 0.875rem; font-weight: normal; line-height: 1.4; margin-top: 10px; }
.entry-content .itemlist.slide .price { font-size: 0.875rem; margin-top: 4px; text-align: left; }
/* --------------------
- ショッピングガイド
-------------------- */
section.guide h3{ font-family: serif; font-weight: bold; font-size: 1.0rem; color: #A99A69; padding: 0; border-bottom: 1px solid #A99A69; }
section.guide h4{ display: inline-block; margin-bottom: 10px; border-bottom: 1px solid #04B1B7; color: #002555; font-size: 1.4rem; }
section.guide .set{ margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; }
section.guide .title{ align-items: center; margin-bottom: 10px; }
section.guide .title .no{ font-size: 1.8rem; letter-spacing: -0.1rem; font-weight: bold; font-family: 'Bowlby One SC', cursive; font-family: sans-serif; margin-right: 10px; }
section.guide .title .label h5{ font-size: 1.0rem; line-height: 1.4rem; }
section.guide .title .label p{ font-size: 0.875rem; line-height: 1.4rem; font-weight: bold; }
section.guide#guide-delivery .title .label h5{ border-bottom: 1px solid #000; }
section.guide#guide-delivery .title .label p{ font-size: 1.0rem; line-height: 1.4rem; }
section.guide .point{ list-style: none; margin-left: 0; }
section.guide .point li { position: relative; padding-left: 2rem; font-size: 0.875rem; font-size: 1.0rem; line-height: 1.4rem; letter-spacing: 0.04rem; margin-bottom: 4px; }
section.guide .point dt{ font-size: 0.875rem; line-height: 1.2rem; letter-spacing: 0.04rem; }
section.guide .point dd { font-size: 0.875rem; line-height: 1.4rem; letter-spacing: 0.04rem; border-bottom: 1px dotted rgba(235, 46, 140,0.4); margin-bottom: 4px; }
section.guide .point li:before { position: absolute; left: 5px; top: 0px; z-index: 2; font-size: 0.7rem; color: #fff; font-weight: bold; width: 18px; height: 18px; border-radius: 50%; text-align: center; }
li.no1:before { content: '1'; }
li.no2:before { content: '2'; }
li.no3:before { content: '3'; }
li.no4:before { content: '4'; }
li.no5:before { content: '5'; }
li.no6:before { content: '6'; }
li.no7:before { content: '7'; }
li.no8:before { content: '8'; }
li.no9:before { content: '9'; }
li.no10:before { content: '10'; }
li.no11:before { content: '11'; }
li.no12:before { content: '12'; }
li.no13:before { content: '13'; }
li.no14:before { content: '14'; }
li.no15:before { content: '15'; }
/* Pink */
section#guide-flow.guide .title .no,
section#guide-flow.guide .label h5 ,
section#guide-flow.guide .point li ,
section#guide-flow.guide .point dt ,
section#guide-flow.guide .point dd { color: var(--kk-guide-pink); }
section#guide-flow.guide .point li:before{ background-color: var(--kk-guide-pink); }
/* Blue */
section#guide-multiple-shipping.guide .title .no,
section#guide-multiple-shipping.guide .label h5 ,
section#guide-multiple-shipping.guide .point li ,
section#guide-multiple-shipping.guide .point dt ,
section#guide-multiple-shipping.guide .point dd { color: var(--kk-guide-lblue); }
section#guide-multiple-shipping.guide .point li:before{ background-color: var(--kk-guide-lblue); }
/* List */
section.guide ol{ margin-left: 10px; }
section.guide ol li{ font-size: 1.0rem; line-height: 1.4rem; }
/* block */
section.guide .triangle svg{ display: block; margin: 0 auto; }
section.guide .block{ margin-bottom: 20px; border: 1px solid #979797; background-color: #ffffff; font-size: 0.875em; }
section.guide .block .topside{ padding: 6px; border-bottom: 1px solid #979797; }
section.guide .block .bottomside{ padding: 6px; }
section.guide .block .blue { color: var(--kk-guide-blue); }
/* Derivery Table */
#content .entry-content section.guide table.price{ width: 100%; border: solid 1px #008DA1; }
#content .entry-content section.guide table.price .pink{ color: #E35667; }
#content .entry-content section.guide table.price .small{ font-size: 0.6em; margin-left: 1px; }
/* th */
#content .entry-content section.guide table.price th{ background-color: #008DA1; color: #ffffff; width: 11%; text-align: center; font-size: 0.875em; font-weight: bold; border-bottom: 0.5px solid #FFFDEE; }
#content .entry-content section.guide table.price tr:first-child th{ font-size: 0.725em; line-height: 1.2em; padding: 4px 0 3px; vertical-align: top; border-bottom: 0.5px solid #008da1; }
#content .entry-content section.guide table.price th:first-child{ border-left: solid 1px #008DA1; }
#content .entry-content section.guide table.price th:last-child{ border-right: solid 1px #008DA1; }
#content .entry-content section.guide table.price th:not(last-child){ border-right: 0.5px solid #FFFDEE; }
#content .entry-content section.guide table.price tr:first-child th{ border-top: 0.5px solid #008da1; }
/* td */
#content .entry-content section.guide table.price td{ background-color: #FFFDEE; color: #162F60; text-align: right; font-size: 0.7em; padding: 6px 2px 0 0; line-height: 1.2em; }
#content .entry-content section.guide table.price td:first-child{ border-left: solid 1px #008DA1; }
#content .entry-content section.guide table.price td:last-child{ border-right: solid 1px #008DA1; }
#content .entry-content section.guide table.price tr:last-child td{ border-bottom: 0.5px solid #008da1; }
/* 宅急便 */
#content .entry-content section.guide table.price .normal td{ border-top: none; border-bottom: 0.5px dashed #008da1; }
/* クール便 */
#content .entry-content section.guide table.price .cool td{ color: #E35667; }
#content .entry-content section.guide table.price td:not(last-child){ border-right: 0.5px solid #008DA1; }
/* caption */
#content .entry-content section.guide table.price .caption td{ background-color: #67B17D; color: #FFFDEE; text-align: left; padding: 4px 0 2px 6px; line-height: 1.6em; }
/* 代引き手数料 */
section.guide#guide-pay table{ max-width: 300px; }
/* --------------------
- お問い合わせページ
-------------------- */
/* flow */
.contactform.flow ul{ position: relative; list-style: none; justify-content: space-between; width: 80%; margin-left: auto; margin-right: auto; }
.contactform.flow ul::after { content: ''; position: absolute; top: 50%; display: inline-block; width: 100%; border-bottom: 1px solid #e5e5e5; z-index: 1; }
.contactform.flow li{ color: #aaa; background-color: #e5e5e5; width: 80px; height: 80px; border-radius: 50%; line-height: 1.4rem; z-index: 2; }
.contactform.flow li.active{ color: #fff; background-color: var(--kk-color-basic); }
.contactform.flow li span{ display: block; }
.contactform.flow li span:first-child{ font-size: 0.875rem; }
.contactform.flow li span:last-child{ font-size: 1.25rem; font-weight: bold; }
/* form */
#contactform .box{ padding: 10px; background-color: #efefef; }
#contactform .box .fieldsets{ border: 1px solid #DCDCDC; background-color: #ffffff; }
#contactform .box .form-item-group{ margin-bottom: 10px; }
#contactform .box .form-item-group .form-item-title{ background-color: #444444; }
#contactform .box .form-item-group .form-item-center{ clear: both; padding-top: 20px; margin-left: 16px; margin-right: 16px; margin-bottom: 10px; }
#contactform .box .form-item-group .form-item-label{ display: block; margin-bottom: 4px; font-size: 0.75em; color: #666; }
#contactform .box .form-item-group .form-item-center input[type=text]{ font-size: 0.875em; color: #111; width: 90%; border: 1px solid #A4B2D1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 4px; line-height: 40px; height: 40px; vertical-align: middle; font-size: 1em; margin-left: 0; margin-right: 0; padding: 0 10px; }
#contactform .box .form-item-group .form-item-title p{ font-size: 0.875em; color: #fff; padding: 2px 10px 1px 10px; display: block; }
#contactform .box .form-item-group .required{ color: #F08080; padding-left: 2px; font-size: 0.75rem; }
#contactform .box .form-item-group .form-item-comment{ display: block; font-size: 0.75em; color: #5F3D13; line-height: 16px; margin-top: 4px; }
#contactform .box .form-item-group .form-item-label{ display: block; margin-bottom: 4px; font-size: 0.875rem; line-height: 1.3rem; color: #333; }
#contactform .box .form-item-group .form-item-prefix{ display: block; margin-bottom: 4px; font-size: 0.875rem; color: #333; }
#contactform .box .form-item-group input#zip{ margin-right: 10px; width: calc(100% - 20px); max-width: 200px; }
#contactform .box .form-item-group select{ height: 40px; border: 1px solid #A4B2D1; background-color: #fefefe; color: #333; font-size: 0.875em; }
#contactform .box .form-item-select, #contactform .box .form-item-group .city, .form-item-group .building, .form-item-group .mailchk{ clear: both; padding-top: 10px; }
.form-item-group .form-item-center textarea{ border: 1px solid #A4B2D1; -webkit-border-radius: 8px; -moz-border-radius: 4px; border-radius: 8px; height: 100px; font-size: 1em; width: 90%; }
.form-item-group .form-item-comment{ display: block; font-size: 0.75em; color: #5F3D13; line-height: 16px; margin-top: 4px; }
#contactform .box .button-group{ padding-top: 20px; margin-bottom: 0; }
#contactform .box .button-wrapper{ margin: 0 auto; text-align: center; }
#contactform .box .button-group input{ display: block; height: 66px; width: 300px; margin: 0 auto 20px; background-image: none; background-color: #ffffff; border: 1px solid #DCDCDC; color: #000; font-size: 1.25em; font-weight: bold; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
#contactform .box .button-group input:hover{ background-color: #444; color: #fff; }
/* complete */
.mw_wp_form_complete{ padding-left: 20px; padding-right: 20px; }
/* ====================
= Archive
==================== */
body.archive.category main{ margin-left: 10px; margin-right: 10px; margin-bottom: 40px; }
body.archive.category .entry-head{ margin-top: 20px; margin-bottom: 0; }
body.archive.category .entry-head .en{ font-size: 0.875rem; font-weight: normal; color: #1B1430; }
body.archive.category .entry-head h1{ font-size: 1.6rem; font-weight: bold; line-height: 1.4rem; margin-bottom: 20px; }
body.archive.category .list-info h2{ display: none; }
body.archive.category .inbox{ display: none; }
body.archive.category .count-items{ text-align: right; }
body.archive.category .count-items span{ font-size: 0.875rem; font-weight: normal; }
/* お知らせ 一覧 */
body.archive.category .layout-list .list .in { align-items: center; }
body.archive.category .layout-list .list .in .img{ border-radius: 50%; width: 100px; height: 100px; }
/* ====================
= Search
==================== */
body.search.search-results main{ margin-left: 10px; margin-right: 10px; margin-bottom: 40px; }
body.search.search-results .entry-head{ margin-top: 20px; margin-bottom: 0; }
body.search.search-results .entry-head .en{ font-size: 0.875rem; font-weight: normal; color: #1B1430; }
body.search.search-results .entry-head h1{ font-size: 1.6rem; font-weight: bold; line-height: 1.4rem; margin-bottom: 20px; }
body.search.search-results .list-info h2{ display: none; }
body.search.search-results .inbox{ display: none; }
body.search.search-results .count-items{ text-align: right; }
body.search.search-results .count-items span{ font-size: 0.875rem; font-weight: normal; }
/* --------------------
- @media : スマフォ対策
-------------------- */
@media screen and (max-width: 580px) {
section.guide .triangle svg{ width: 40px; }
}
/* --------------------
- @media : パソコン
-------------------- */
@media screen and (min-width: 55em){
section.guide .point li:before { display: flex; justify-content: center; align-items: center; }
}
/* ====================
= Features Page
==================== */
/* ヘッダー */
body.single-features header.entry-header{ display: block; }
body.single-features header.entry-header{ margin-top: 20px; margin-bottom: 20px; font-family: serif; text-align: center; font-size: 1.5rem; color: var(--kk-color-basic); }
body.single-features header.entry-header h1{ padding-left: 6px; padding-right: 6px; }
/* 本文 */
body.single-features .entry-content section{ margin-left: 20px; margin-right: 20px; }
body.single-features .entry-content p{ font-size: 1.0rem; line-height: 1.5rem; }
/* --------------------
- Process
-------------------- */
body.single-features .entry-content section.process h2{ font-size: 1.2rem; display: inline-block; margin-top: 20px; padding-bottom: 2px; border-bottom: 1px solid #D0021B; color: var(--kk-color-basic); }
/* ====================
= Welcart : Login / Sign up
==================== */
article#wc_login, article#wc_newmemberform, article#wc_member, article#wc_member_msa, article#wc_cart, article#wc_delivery, article#wc_customer, article#wc_lostmemberpassword, article#wc_confirm, article#wc_ordercompletion
{ width: calc(100% - 40px); margin-left: auto; margin-right: auto; }
article#wc_newmemberform ul{ list-style: none; padding-left: 0; }
/* --------------------
- Input Area
-------------------- */
body .msa_field .member_name, body .msa_field .member_name{ padding-left: 0; }
body .msa_field #msa_name, body .msa_field #msa_name2, body .msa_field #msa_furigana, body .msa_field #msa_furigana2{ width: 38%; max-width: 300px; }

/* --------------------
- Button
-------------------- */
body #wc_lostmemberpassword .send input,
body #wc_changepassword .send input,
body #wc_newmemberform .send input,
body #wc_editmemberform .send input.editmember,
body #wc_member .send input.editmember,
body .gotoedit a,
body #wc_member .member_submenu li a,
body #wc_member_mda .member_submenu li a, body #wc_member_mda .member_submenu div a,
body .send input.to_customerinfo_button, body .send input.to_memberlogin_button, body .send input.to_deliveryinfo_button, body .send input.to_confirm_button, body .send input.to_reganddeliveryinfo_button, body .send input.checkout_button, body .send input.member_login_button, body .send input.card-register,
body .entry-member a,
body .widget_welcart_login #member_loginw,
body #checkout_review #purchase_button
{ background-color: var(--kk-color-basic); }

body #wc_member .member_submenu li a.usces_logout_a,
body #wc_member_mda .member_submenu li a.usces_logout_a, body #wc_member_mda .member_submenu div a.usces_logout_a,
body #cart_completion .send a,
body #member_completion .send a,
body .send input,
body .member_submenu li a,
body input[type="button"],body input[type="submit"], body input[type="reset"], 
body #checkout_review .back_to_delivery_button, body #checkout_review .login-backbtn,
body #wc_member_favorite_page .send a,
body #tofavorite-content a
{ background-color: var(--kk-color-basic); color: #fff; }

body #wc_member_msa .member_submenu a, 
body #AllAllocationPDF, 
body #del_destination, 
body #cancel_destination, 
body .allocation_delete_button, 
body .ui-button-text-only .ui-button-text, 
body input[type=button].allocation_delete_button
{ background-color: var(--kk-color-basic); color: #fff; }

#wc_member_update_settlement .send input.card-update, 
body #wc_member_msa .member_submenu li:not(.edit_member) a, 
body #new_destination, 
body #add_destination, 
body #edit_destination, 
body .open_allocation_bt, 
body .ui-widget-content .go_destination a, 
body .return_navi a, 
body #determine, 
body #new_alloc_button, 
body input[type=button].allocation_edit_button, 
body table#delivery_table tr td.delivery-address-book a.new-delivery-address-button
{ background-color: var(--kk-color-basic); color: #fff; }

body .open_allocation_bt, body .msa_field .search-zipcode
{ background-color: var(--kk-color-basic); color: #fff; }

/* ////////////////////
//
// Welcart
//
//////////////////// */
/* ====================
= Cart
==================== */
/* --------------------
- Delivery
-------------------- */
/* お支払いの流れが変わりました */
#delivery-info .header_explanation { text-align: center; }
#delivery-info .header_explanation .announce{ display: inline-block; border: 1px solid var(--kk-color-basic); padding: 10px; text-align: center; }
#delivery-info .header_explanation .announce h2,
#delivery-info .header_explanation .announce h3,
#delivery-info .header_explanation .announce li,
#delivery-info .header_explanation .announce p
{ line-height: 1.6rem; }
#delivery-info .header_explanation .announce .wrapper{ display: inline-block; text-align: left; }
#delivery-info .header_explanation .announce h3{ margin-top: 6px; }
#delivery-info .header_explanation .announce .greet{ text-align: center; }
#delivery-info .header_explanation .announce .lead{ margin-top: 6px; text-align: left; padding: 0; }
#delivery-info .header_explanation .announce .supplement{ margin-top: 10px; }
/* 配送先 */
#delivery-info #delivery_flag{ margin-bottom: 0; border-bottom: none; }
#delivery-info #delivery_flag tr:last-child::after { display: none; }
/* 複数配送先： */
#delivery-info form table.customer_form:nth-child(2) tr::after { content: ''; display: block; width: calc(100% - 12px); height: 1px; margin: 24px auto; border-bottom: 1px dashed #eaeaea; }
/* 複数配送先：確認画面 */
#delivery-info #multi_cart_table table,
#delivery-info #multi_cart_table table thead,
#delivery-info #multi_cart_table table tbody,
#delivery-info #multi_cart_table table tr,
#delivery-info #multi_cart_table table th:nth-child(3),
#delivery-info #multi_cart_table table td.productname{ display: block; width: 100%; }
#delivery-info #multi_cart_table table tbody tr:has(td.num){ margin-top: 20px; border-top: 1px dashed #dfdfdf; padding-top: 10px; }
#delivery-info #multi_cart_table table tbody tr:last-child{ border-bottom: 1px dashed #dfdfdf; padding-bottom: 20px; }
/* --------------------
- カスタムフィールド：備考追加
- 廃止
-------------------- */
/* Custom Filed */
/*
#delivery-info #custom_order .customkey_custombiko{ border-top: 1px solid #e8e8e8; }
#delivery-info #custom_order .customkey_custombiko th{ padding-top: 36px; }
#delivery-info #custom_order .customkey_custombiko td textarea{ margin-top: 36px; }
*/
/* 備考 */
/*
#delivery-info #notes_table{ display: none; }
article#wc_confirm table#confirm-table .notes{ display: none; }
*/
/* Gift Comment */
#delivery-info .gift-comment{ margin-bottom: 40px; padding: 10px 6px; font-size: 0.875rem; }
#delivery-info .gift-comment h3{ font-family: serif; font-weight: bold; font-size: 1.0rem; color: #A99A69; margin-bottom: 10px; padding: 0; border-bottom: 1px solid #A99A69; }
#delivery-info .gift-comment h4{ display: inline-block; margin-top: 10px; padding: 2px 4px 1px 4px; color: #ffffff; background-color: var(--kk-color-basic); border-radius: 2px; }
#delivery-info .gift-comment p{ margin-top: 4px; }
#delivery-info .gift-comment p.indent{ text-indent: -0.875rem; margin-left: 0.875rem; }
@media screen and (min-width: 55em){
#delivery-info form table.customer_form:nth-child(2){ margin-bottom: 36px; border-bottom: 1px solid #e8e8e8; }
#delivery-info form table.customer_form:nth-child(2) th, #delivery-info form table.customer_form:nth-child(2) td{ padding-bottom: 24px; }
}
/* ====================
= Item Single
==================== */
body.wp-singular:has(.gallery) .site-content { margin-top: 12px; }
.is-product .info { margin-top: 24px; }
/* --------------------
- Gallery
-------------------- */
.is-product .gallery .itemimg-sub .list{ padding-left: 4px; padding-right: 4px; }
/* --------------------
- Cart
-------------------- */
.is-product .add-to-cart{ padding-left: 20px; padding-right: 20px; }
.is-product .add-to-cart .skuname { font-size: 1.2rem; line-height: 1.4rem; }
.is-product .add-to-cart .field_price{ font-size: 1.2rem; font-weight: bold; }
.is-product .add-to-cart .tax{ font-size: 0.875rem; }
.is-product .add-to-cart .skuquantity { margin: 0 2px; }
.is-product .add-to-cart .minus{ display: inline-block; width: 40px; height: 40px; margin: 0 2px 0 6px; border-radius: 4px; font-size: 1rem; font-weight: bold; }
.is-product .add-to-cart .plus{ display: inline-block; width: 40px; height: 40px; margin: 0 6px 0 2px; border-radius: 4px; font-size: 1rem; font-weight: bold; }
.is-product .add-to-cart .is-cart .cart-button .skubutton{ background-color: var(--kk-color-basic) }
.is-product .add-to-cart .error_message { margin-bottom: 10px; }
.is-product .add-to-cart .skuform:not(:last-child) { margin-bottom: 10px; }
/* icon */
.is-product .add-to-cart .is-cart .cart-button{ position: relative; }
.is-product .add-to-cart .is-cart .cart-button .welicon-shopping-cart{ position: absolute; left: 20px; top: 50%; transform: translate(0, -50%); }
.is-product .add-to-cart .is-cart .cart-button .welicon-shopping-cart::before{ content: "\e907"; color: #fff; font-size: 24px; }
/* Spec */
.is-product .spec-group{ margin-top: 20px; margin-left: 20px; margin-right: 20px; }
.is-product .spec-group .wrapper, .is-product .shipping-group .wrapper{ margin-top: 10px; }
.is-product .spec-group h4{ display: inline-block; padding-bottom: 4px; border-bottom: 1px solid #D0021B; color: var(--kk-color-basic); font-size: 1rem; line-height: 1.0rem; margin-bottom: 0; }
.is-product .spec-group dl{ font-size: 1.0rem; line-height: 1.5rem; margin-block-start: 0; margin-block-end: 0; margin-bottom: 10px; padding-bottom: 6px; border-bottom: 1px dotted #CCDABA; }
.is-product .spec-group dt{ font-size: 1.0rem; line-height: 1.5rem; width: 60px; margin-right: 10px; font-weight: bold; color: var(--kk-color-basic); }
/* Spec button */
.is-product .spec-group{ margin-left: 6px; }
.is-product .spec-group .spec_header .icon{ position: relative; margin-left: auto; width: 40px; height: 40px; }
.is-product .spec-group .spec_header .icon::before,
.is-product .spec-group .spec_header .icon::after{ content: ''; display: block; position: absolute; background-color: #333; top: 20px; left: 10px; width: 15px; height: 2px; transition: transform .6s; }
.is-product .spec-group .spec_header .icon.open::before{ transform: rotate(0); }
.is-product .spec-group .spec_header .icon::before{ transform: rotate(90deg); }
.is-product .spec-group .wrapper{ max-height: 0; overflow: hidden; transition: max-height 0.3s; }
.is-product .spec-group:has(.open) .wrapper{ max-height: 1000px; }
/* Detail */
/* Detail : pc */
section.is-product .tabs-pc .tabs li.active{ background-color: initial; color: #000; }
section.is-product .tabs-pc .tabs li .label { padding: 0 0 10px 6px; }
/* Detail : common */
.is-product .tabs li .label h4{ display: inline-block; padding-bottom: 4px; border-bottom: 1px solid #D0021B; color: var(--kk-color-basic); font-size: 1rem; line-height: 1.0rem; margin-bottom: 0; }
.is-product .entry-box h5 { font-size: 1.2rem; line-height: 1.5rem; margin-bottom: 6px; }
.is-product .entry-box h5.gold { font-weight: bold; font-size: 1.0em; color: #A99A69; padding: 0 0 0 0; border-bottom: 0.8px solid #A99A69; }
.is-product .entry-box p { margin-bottom: 10px; font-size: 1.0rem; line-height: 1.5rem; }
.is-product .entry-box p.dark, .is-product .entry-box span.dark{ font-weight: bold; color: var(--kk-color-basic); }
/* --------------------
- @media : スマフォ対策
-------------------- */
@media screen and (max-width: 580px) {
.is-product .tabs li {  border-bottom: none; }
.is-product .spec-group{ margin-left: 14px; }
}
/* --------------------
- @media : PC対応
-------------------- */
@media screen and (min-width: 38.75em){
.is-product .tabs-sp, .is-product .tabs-pc { width: 100%; }
}