/*
Theme Name:		Welcart Mode Child Theme
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');
/* Roboto Condensed */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&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; }
}
/* ////////////////////
//
// Formulaenergy
//
//////////////////// */
/* ====================
= Mode Reset
==================== */
ul, li, ol{ list-style: none; }
.site-content .entry-content ul { margin-left: 0; padding-inline-start: 0; }
/* --------------------
- 会員ページ
-------------------- */
/*
#wc_newmemberform .send input{ margin-left: 4px; margin-right: 4px; }
*/
.is-product .add-to-cart form{ margin-top: 40px; }
.is-product .add-to-cart .skuform { margin-top: 6px; }
.is-product .add-to-cart .skuform:not(:last-child) { margin-bottom: 6px; }
.is-product .add-to-cart .skuform::before { width: 100%; }
@media screen and (min-width: 55em){
.error_message { margin-bottom: 6px; }
}
/* ====================
= Site Base
==================== */
/* --------------------
- Tag
-------------------- */
p.attention{ font-size: 0.75rem; color: #ff6666; margin-bottom: 10px; }
/* --------------------
- Group
-------------------- */
/* header */
.header-group { padding: 4px 10px; }
/* navi */
/*.header-group nav.type-mega.global-navigation ul.default-menu > li:hover > .sub-menu { background-color: #333; z-index: 3; }*/
.header-group nav.type-mega.global-navigation ul.default-menu > li > .sub-menu { background-color: #333; z-index: 10; }
.header-group nav.type-mega.global-navigation ul ul li:has(a:not([href])) { margin: 0; padding: 0; }
.header-group nav.type-mega.global-navigation ul ul a:not([href]) { color: #efefef; font-style: italic; cursor: default; padding: 0 0 6px; }
.header-group nav.type-mega.global-navigation ul ul li:has(a[href*="/"]) { margin-bottom: 10px; }
.header-group nav.type-mega.global-navigation ul ul a[href*="/"] { color: #0F6AA3; border-radius: 4px; background-color: #fff; padding: 8px 20px; }
.header-group nav.type-mega.global-navigation ul ul a[href*="/"]:hover { color: #fff; background-color: #204060; }
/* navi sp */
.header-group nav.type-mega.global-navigation ul.default-menu > li > .sub-menu{ margin: 0 10px 6px; padding: 2px 10px 2px 10px; }
.header-group nav.type-mega.global-navigation li a ~ span:before{ font-weight: bold; font-size: 1.4rem; color: #0F6AA3; }
/* Breadcrumb */
nav.breadcrumb{ display: inline-block; font-size: 0.75rem; margin-bottom: 20px; }
nav.breadcrumb a{ color: #0F6AA3; }
/* site */
.site-content { margin-top: 10px; padding: 0 6px; }
/* --------------------
- Menu
-------------------- */
/* instagram */
.menu-header-navigation-container .menu-item-1039 img{ width: 20px; height: 20px; }
.footer-navigation .menu-item-1041{ width: 20px; height: 20px; }
/* ////////////////////
//
// TOP PAGE
//
//////////////////// */
/* ====================
= home
==================== */
body.home main{ background-color: #efefef; }
body.home .section-home .column1120{ margin-top: 20px; }
body.home .widget_mode_item_list{ text-align: center; }
body.home .section-home.widget_media_image + .widget_media_image { margin-top: 0; }
/* Logo */
.home-slide-container img{ height: 24px; width: auto; }
.home-slide-container h2{ margin-top: 6px; margin-left: 6px; }
@media screen and (max-width: 580px) {
.home-slide-container img{ height: 20px; }
}
/* --------------------
- Cover
-------------------- */
/* mask */
.home-slide-container .mask{ position: absolute; top: 0; left: 0; margin: 0; width: 100%; height: 100%; z-index: 2; background-color: rgba(0,0,0, 0.1); }
/* copy */
/*.home-slide-container .copy{ display: none; }*/
.home-slide-container .copy{ position: absolute; top: 40px; left: 40px; margin: 0; z-index: 3; color: #fff; }
.home-slide-container .copy h1{ font-size: 2rem; line-height: 2.6rem; text-align: left; }
.home-slide-container .copy h2{ font-size: 0.75rem; text-align: left; }
/* スクロールボタン */
.home-slide-container{ position: relative; }
.home-slide-container .scrollbutton{ position: absolute; left: calc(50% - 30px); bottom: 10px; z-index: 3; width: 60px; height: 60px; border-radius: 50%; background-color: rgba(255,255,255,0.0); cursor: pointer; }
.home-slide-container .scrollbutton.none{ display: none; }
.home-slide-container .scrollbutton .arrow img { position: absolute; top: calc(50% - 8px); left: calc(50% - 5px); height: 16px; width: 10px; }
.home-slide-container .scrollbutton .round { animation: scrollbutton 20s linear infinite; margin: 0; padding-left: 0; padding-right: 0; }
.home-slide-container .scrollbutton .round img { width: 60px; height: 60px; }
@keyframes scrollbutton {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* Arrow */
.home-slide-container .scrollbutton .arrow{ position: absolute; bottom: 15px; left: 15px; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; }
.home-slide-container .scrollbutton .arrow img{ animation: scrollarrow 3000ms linear infinite; }
@keyframes scrollarrow {
  0%   { transform: translateY(-160%); }
  100% { transform: translateY(160%); }
}
@media screen and (max-width: 580px) {
.home-slide-container .copy{ left: 0; width: 100%; text-align: left; }
.home-slide-container .copy .wrapper{ display: inline-block; margin-left: 10px; }
.home-slide-container .copy h1{ font-size: 1.6rem; line-height: 1.6rem; }
.home-slide-container .copy h2{ font-size: 0.875rem; }  
}
/* --------------------
- Widget
-------------------- */
body.home .section-home { margin-bottom: 0; }
/*#block-10.section-home { margin-bottom: 40px; }*/
body.home .section-home.widget_mode_item_list{ background-color: #fff; margin-bottom: 20px; padding: 20px 0; }
/* reset */
@media screen and (min-width: 55em){
body.home .section-home { margin-bottom: 0; }
body.home .section-home.widget_media_image + .widget_media_image { margin-top: 0; }
}

/* productlist */
body.home #mode_item_list-4.section-home{ margin-top: 40px; }
/* ////////////////////
//
// PAGE
//
//////////////////// */
/* ====================
= Common
==================== */
body.page .entry-content{ padding-left: 6px; padding-right: 6px; }

/* ====================
= Technology
==================== */
/* --------------------
- font
-------------------- */
.entry-content .tech p { font-size: 15px; line-height: 2; font-size: 0.875rem; line-height: 1.6rem; color: #444; font-weight: normal; font-family: "Roboto Condensed"; }
/*.entry-content .tech p strong{ color: #333; }*/
.entry-content .tech p a, .entry-content .tech a{ color: #0F6AA3; }
.entry-content .tech p a:hover, .entry-content .tech a:hover{ color: #4ebbff; }
/* ====================
= Boardmodel
==================== */
/* --------------------
- breadcrumbslist
-------------------- */
.breadcrumbslist{ font-size: 0.75rem; margin: 6px 6px 20px 6px; color: #666; }
.breadcrumbslist a{ font-size: 0.75rem; color: #0F6AA3; }
.breadcrumbslist a:hover{ color: #4ebbff; }
/* --------------------
- Gallery
-------------------- */
body.single-boardmodel .gallery { position: relative; overflow: hidden; width: 100%; max-width: 1024px; margin: auto; }
body.single-boardmodel .gallery .gallery-track { display: flex; transition: transform 0.4s ease; }
body.single-boardmodel .gallery figure { min-width: 100%; margin: 0; }
body.single-boardmodel .gallery img { width: 100%; height: auto; display: block; pointer-events: none; }
/* Gallery Navi */
body.single-boardmodel .gallery-nav { display: inline-block; position: absolute; top: 50%; width: 16px; height: 16px; color: #333; cursor: pointer; z-index: 2; }
body.single-boardmodel .gallery-nav.prev { left: 10px; transform: translateX(25%) rotate(-135deg); }
body.single-boardmodel .gallery-nav.next { right: 10px; transform: translateX(25%) rotate(45deg); }
body.single-boardmodel .gallery-nav::before, body.single-boardmodel .gallery-nav::after { content: ''; position: absolute; background: currentColor; border-radius: 0.1em; }
body.single-boardmodel .gallery-nav::before { top: 0; left: 0; right: 0; height: 1px; }
body.single-boardmodel .gallery-nav::after { top: 0; right: 0; bottom: 0; width: 1px; }
/* Dots */
body.single-boardmodel .gallery-dots { text-align: center; margin-top: 10px; }
body.single-boardmodel .gallery-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #ccc; margin: 5px; cursor: pointer; }
body.single-boardmodel .gallery-dot.active { background: #333; }
/* single */
body.single-boardmodel .gallery.single .gallery-nav{ display: none; }
body.single-boardmodel .gallery.single .gallery-dots{ display: none; }
/* --------------------
- product
-------------------- */
body.single-boardmodel .product{ padding-left: 10px; padding-right: 10px; }
/* --------------------
- Common
-------------------- */
/* Common */
body.single-boardmodel .item.pear{ margin-top: 6px; }
body.single-boardmodel .label{ display: inline-block; font-size: 0.75rem; line-height: 0.75rem; color: #333; padding: 2px 4px 1px 4px; background-color: #efefef; border-radius: 1px; }
body.single-boardmodel .value{ font-size: 1.0rem; line-height: 1.2rem; color: #333; }
/* Name */
body.single-boardmodel .name{ margin-top: 40px; }
body.single-boardmodel .name h2{ font-size: 2.2rem; }
body.single-boardmodel .name h3{ font-size: 1.2rem; }
/* Price */
body.single-boardmodel .price{ margin-top: 6px; margin-bottom: 6px; }
body.single-boardmodel .price .value{ font-size: 1.6rem; line-height: 1.8rem; font-weight: bold; }
/* Copy */
body.single-boardmodel h3.copy{ display: inline-block; margin-top: 20px; }
/* Contact */
body.single-boardmodel p.contactbutton{ margin-top: 10px; display: inline-block;  }
body.single-boardmodel p.contactbutton a{ display: flex; align-items: center; background: #eee; color: #333; font-size: 1rem; text-align: center; /*width: 100%; height: 46px;*/ line-height: 1rem; border-radius: 4px; padding: 10px 20px; }
body.single-boardmodel p.contactbutton span{ margin-right: 6px; font-size: 1.0rem; }
/* --------------------
- Detail
-------------------- */
/* Table of contents */
body.single-boardmodel .detail .tableofcontents p{ display: inline-block; background-color: #333; border: 1px solid #555; color: #fff; border-radius: 20px; margin-top: 10px; margin-right: 6px; padding: 2px 10px; cursor: pointer; }
/* Block */
body.single-boardmodel .detail .block{ display: none; margin-top: 20px; }
body.single-boardmodel .detail.description .block.description{ display: block; }
body.single-boardmodel .detail.spec .block.spec{ display: block; }
body.single-boardmodel .detail.volumes .block.volumes{ display: block; }
body.single-boardmodel .detail.videos .block.videos{ display: block; }
body.single-boardmodel .detail.description .block.description p:nth-child(n+2){ margin-top: 10px; }
/* Tableofcontents */
body.single-boardmodel .detail.description .tableofcontents p.description{ background-color: #fff; color: #333; }
body.single-boardmodel .detail.spec .tableofcontents p.spec{ background-color: #fff; color: #333; }
body.single-boardmodel .detail.volumes .tableofcontents p.volumes{ background-color: #fff; color: #333; }
body.single-boardmodel .detail.videos .tableofcontents p.videos{ background-color: #fff; color: #333; }
/* --------------------
- Videos
-------------------- */
/* videos */
body.single-boardmodel .detail .block.videos iframe{ width: 500px; height: 280px; }
@media screen and (max-width: 580px) {
  body.single-boardmodel .detail .block.videos iframe{ width: 100%; height: initial; }
}
/* --------------------
- Archive
-------------------- */
body.post-type-archive-boardmodel .entry-head{ margin-bottom: 0; }
body.post-type-archive-boardmodel .layout-list-column{ display: flex; flex-wrap: wrap; }
body.post-type-archive-boardmodel article { width: calc(33.3%); margin-top: 60px; padding: 0 6px; }
body.post-type-archive-boardmodel article .img.bg-img{ width: 100%; height: auto; }
body.post-type-archive-boardmodel article img{ width: 100%; height: auto; }
body.post-type-archive-boardmodel article .info{ margin-top: 20px; }
body.post-type-archive-boardmodel article h2{ text-align: center; }
@media screen and (max-width: 580px) {
body.post-type-archive-boardmodel article { width: calc(100%); }
}
/* ////////////////////
//
// 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.end{ align-items: flex-end; }
/* justify-content: center; align-items: center; */
/* option : 改行なし */
.flex.nowrap{ flex-wrap: nowrap; }
/* 高さを揃えない */
.flex.start{ align-items: flex-start; }
/* 等間隔 */
.flex.between{ justify-content: space-between; }
/* 縦並び */
.flex.column{ flex-direction: column; }
/* --------------------
- flex son
-------------------- */
/* side */
.flexson > div{ display: flex; flex-direction: row; flex-wrap: wrap; }
.flexson.start > div{ display: flex; flex-direction: row; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
/* 縦中央 */
.flexson.center > div{ display: flex; justify-content: center; align-items: center; }
/* option */
.flexson.justify > div{ justify-content: space-between; }
.flexson.align > div{ align-items: center; }
.flexson.end > div{ align-items: flex-end; }
/* justify-content: center; align-items: center; */
/* option : 改行なし */
.flexson.nowrap > div{ flex-wrap: nowrap; }
/* 高さを揃えない */
.flexson.start > div{ align-items: flex-start; }
/* 等間隔 */
.flexson.between > div{ justify-content: space-between; }
/* 縦並び */
.flexson.column > div{ flex-direction: column; }
/* ====================
= Button
==================== */
/* --------------------
- link
-------------------- */
a.button.blue, p.button.blue a
{ font-size: 0.875rem; line-height: 1.25rem; margin: 0;display: inline-block; position: relative; padding: 6px 24px 5px 14px; color: #0F6AA3; background-color: #ffffff; border: 1px solid #0F6AA3; border-radius: 4px; font-size: 0.875rem; text-decoration: none; white-space: nowrap; }
a.button.blue:hover, p.button.blue a:hover{ color: #fff; background-color: #0F6AA3; }
/* slim */
a.button.blue.slim, p.button.blue.slim a{ padding: 2px 6px 1px 6px; }
/* arrow */
a.button.blue.arrow::before, p.button.blue.arrow a::before
{ content: ''; position: absolute; width: 8px; height: 8px; border: 1.6px solid currentColor; border-left: 0; border-bottom: 0; transform: rotate(45deg); transform-origin: top right; top: calc(50% + 0.5px); right: 9px; box-sizing: border-box; }
/* diagonal */
a.button.blue.diagonal, p.button.blue.diagonal a { padding: 1px 14px 0px 6px; position: relative; }
a.button.blue.diagonal::before, p.button.blue.diagonal a::before, a.button.blue.diagonal::after, p.button.blue.diagonal a::after
{ content: ''; position: absolute; }
a.button.blue.diagonal::before, p.button.blue.diagonal a::before
{ width: 10px; height: 1px; background: #0F6AA3; -webkit-transform: rotate(135deg); transform: rotate(135deg); top: 8px; right: 3px; }
a.button.blue.diagonal::after, p.button.blue.diagonal a::after
{ width: 6px; height: 6px; border-top: 1px solid #0F6AA3; border-right: 1px solid #0F6AA3; top: 4px; right: 4px; }
/* hover */
.is-product .add-to-cart .sb_detail dd a.button.blue.diagonal:hover,
.is-product .add-to-cart .sb_detail dd p.button.blue.diagonal a:hover { color: #ffffff; }
a.button.blue.diagonal:hover::before, p.button.blue.diagonal a:hover::before{ background: #ffffff; }
a.button.blue.diagonal:hover::after, p.button.blue.diagonal:hover a::after{ border-color: #ffffff; }
/* p */
p a.button.blue{ margin-left: 4px; margin-right: 4px; }
/* ====================
= Size
==================== */
/* --------------------
- Margin
-------------------- */
.mgntop-4{ margin-top: 4px; }
.mgntop-6{ margin-top: 6px; }
.mgntop-10{ margin-top: 10px; }
.mgntop-20{ margin-top: 20px; }
.mgntop-40{ margin-top: 40px; }
/* ====================
= List
==================== */
/* --------------------
- Furigana
-------------------- */
ul.furigana li:first-child{ font-size: 0.75rem; color: #666; line-height: 1.0rem; }
ul.furigana li:last-child{ font-size: 0.875rem; line-height: 1.4rem; }
/* ====================
= Slick
==================== */
/* --------------------
- Slick
-------------------- */
.home-slide-container .slider.slick-slider ul.slide-dots{ display: none; }
.home-slide-container .slider.slick-slider .slick-list{ height: 100%; }
.home-slide-container .slider.slick-slider .slick-track{ height: 100%; }
.home-slide-container .slider.slick-slider .slick-slide{ height: 100%; }
.home-slide-container .slider.slick-slider figure{ height: 100%;
display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; }

.home-slide-container .slider.slick-slider video { width: 100%; height: auto; }
@media screen and (max-width: 580px) {
.home-slide-container .slider.slick-slider video{ transform: translateX(calc(-50% + 50vw)); height: 100%; width: auto; }
}
/*
.home-slide-container .slider.slick-slider video{ transform: translateX(calc(-50% + 50vw)); height: 100%; width: auto; }
*/
/* ////////////////////
//
// Welcart
//
//////////////////// */
/* ====================
= Item
==================== */
/* --------------------
- Common
-------------------- */
/* Photo */
article.layout-default{ margin-top: 0; }
article.layout-default .is-product { margin-top: 0; }
/* カートに入れる */
.is-product .add-to-cart .cart-button input.skubutton { background-color: #0F6AA3; }
.is-product .add-to-cart .cart-button input.skubutton:hover { background-color: #4ebbff; }
/* 商品情報 */
.is-product .add-to-cart .toggle .title span.button{ position: relative; width: 34px; height: 34px; display: inline-block; box-shadow: 3px 3px 3px #ccc; margin-left: 10px; margin-bottom: -4px; background-color: #ffffff; border-radius: 50%; cursor: pointer; }
.is-product .add-to-cart .toggle .title span.button::before,
.is-product .add-to-cart .toggle .title span.button::after
{ content: ''; position: absolute;  display: inline-block; top: 16px; left: 7px; width: 20px; height: 3px; background-color: #333; transition-duration: 0.1s; }
.is-product .add-to-cart .toggle .title span.button::after{ transform: rotate(0deg); }
.is-product .add-to-cart .toggle.close .title span.button::after{ transform: rotate(90deg); }
.is-product .add-to-cart .toggle .content{ overflow: hidden; transition: 500ms height ease; height: auto; }
.is-product .add-to-cart .toggle.close .content{ height: 0; }
.is-product .add-to-cart .toggle.close .attention{ display: inline-block; }
.toggle.open p.attention{ display: none; }
.is-product .add-to-cart span.iconplus{ display: inline-block; width: 14px; height: 14px; line-height: 11px; text-align: center; background-color: #ffffff; color: #323232; border-radius: 50%; border: solid 1px #dfdfdf; margin-right: 4px; }
/* --------------------
- Itemname
-------------------- */
.is-product .add-to-cart .itemname h1{ display: block; font-size: 2rem; line-height: 1.8rem; }
.is-product .add-to-cart .itemname .itemcode{ font-size: 0.75rem; margin-left: 0; text-align: left; }
/* --------------------
- 3D
-------------------- */
.is-product .add-to-cart .sb_3d .attention span{ display: inline-block; padding: 0 4px; background-color: #4FBBFF; color: #323232; border-radius: 4px; margin-right: 4px; }
.is-product .add-to-cart .sb_3d dl{ width: 33.3%; }
.is-product .add-to-cart .sb_3d dl{ padding-right: 6px; }
.is-product .add-to-cart .sb_3d dd{ margin-top: 6px; margin-bottom: 6px; }
.is-product .add-to-cart .sb_3d img{ width: 100%; }
/* --------------------
- Detail
-------------------- */
.is-product .add-to-cart .sb_detail{ margin-top: 20px; }
.is-product .add-to-cart .sb_detail dl{ border-bottom: 1px solid #dcdcdc; margin-top: 10px; padding-bottom: 6px; }
.is-product .add-to-cart .sb_detail dl.sidebyside{ display: flex; flex-direction: row; flex-wrap: wrap; }
.is-product .add-to-cart .sb_detail dt{ font-family: "Roboto Condensed"; font-size: 0.875rem; line-height: 1.2rem; font-weight: bold; margin-right: 6px; }
.is-product .add-to-cart .sb_detail dd{ font-family: "Roboto Condensed"; font-size: 1.0rem; line-height: 1.3rem; }
.is-product .add-to-cart .sb_detail dd a{ color: #0F6AA3; }
.is-product .add-to-cart .sb_detail dd a:hover{ color: #4ebbff; }
/* --------------------
- Volumes
-------------------- */
.is-product .add-to-cart .sb_volume{ margin-top: 20px; }
.is-product .add-to-cart .sb_volume dl{ display: flex; flex-direction: row; flex-wrap: wrap; font-family: "Roboto Condensed"; font-size: 0.875rem; text-align: center; border-bottom: 1px solid #dcdcdc; }
.is-product .add-to-cart .sb_volume dl:first-child{ border-top: 1px solid #dcdcdc; margin-top: 6px; }
.is-product .add-to-cart .sb_volume dt{ font-weight: bold; width: 25%; border-right: 1px solid #dcdcdc; padding-top: 6px; }
.is-product .add-to-cart .sb_volume dt:first-child{ border-left: 1px solid #dcdcdc; }
.is-product .add-to-cart .sb_volume dd{ width: 25%; border-right: 1px solid #dcdcdc; padding-top: 6px; }
.is-product .add-to-cart .sb_volume dd:first-child{ border-left: 1px solid #dcdcdc; }
/* --------------------
- Option
-------------------- */
.is-product .skuform{ margin-top: 20px; }
/* option */
.is-product .add-to-cart .item-option{ margin-top: 10px; }
.is-product .add-to-cart .item-option dt { font-family: "Roboto Condensed"; color: #666; font-size: 0.75rem; font-weight: normal; margin-bottom: 0px; }
.is-product .add-to-cart .item-option dd:not(:last-child) { margin-bottom: 8px; }
.is-product .add-to-cart .item-option input[type="text"]{ width: 100%; height: 32px; padding: 0 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; }
.is-product .add-to-cart .item-option select{ width: 100%; height: 32px; padding: 0 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 1rem; }
/* --------------------
- SKU
-------------------- */
.is-product .add-to-cart .skuform.cf .skuname{ font-size: 1.6rem; font-weight: bold;  }
/* ====================
= Cart
==================== */
/* --------------------
- 
-------------------- */
body.page-template-uscescart #cart-table td.productname{ font-weight: normal; font-size: 0.75rem; }
body.page-template-uscescart #cart-table td.productname a.itemname{ font-weight: bold; font-size: 1.2rem; color: #0F6AA3; }
body.page-template-uscescart #cart-table td.productname a.itemname:hover{ color: #4ebbff; }
/* ====================
= Calendar
==================== */
/* --------------------
- 
-------------------- */
.welcart-calendar{ padding-left: 40px; }
.entry-content .welcart-calendar h4{ font-size: 1rem; margin-bottom: 20px; }
.welcart-calendar .this-month, .welcart-calendar .next-month{ display: inline-block;  }
.welcart-calendar .next-month{ margin-left: 20px;  }
.entry-content .welcart-calendar table caption { font-size: 1rem; }
.entry-content .welcart-calendar table th { font-size: 1rem; }
.entry-content .welcart-calendar table caption { font-size: 1rem; }
.entry-content .welcart-calendar table caption { font-size: 1rem; }
.entry-content .welcart-calendar table th, .entry-content .welcart-calendar table td { font-size: 0.75rem; }
.entry-content .welcart-calendar table td.businessday { background-color: pink; }
.entry-content .welcart-calendar .business_days_exp_box.businessday { background-color: pink; margin-left: 4px; }
@media screen and (max-width: 580px) {
.welcart-calendar .next-month{ margin-left: 0; margin-bottom: 20px; }
}
/* ////////////////////
//
// MW WP FORM
// inquiry
//
//////////////////// */
/* ====================
= お問合せ
==================== */
/* comment */
.inquiry-flow .comment{ display: block; font-size: 0.75rem; color: #666; margin-bottom: 4px; }

/* 流れ */
.entry-content .inquiry-flow ul { margin-left: 0; }
.inquiry-flow ul, .inquiry-flow li{ list-style: none; }
.inquiry-flow ul{ position: relative; width: 80%; }
.inquiry-flow ul::after{ content: ''; position: absolute; top: 50%; display: inline-block; width: 100%; border-bottom: 1px solid #e5e5e5; }
.inquiry-flow ul li{ border-radius: 50%; background-color: #e5e5e5; width: 100px; height: 100px; z-index: 2; }
.inquiry-flow ul li p{ border-radius: 50%; background-color: #fff; width: 90px; height: 90px; margin: 5px; color: #aaa; }
.inquiry-flow ul li span:first-child{ font-size: 0.75rem; }
.inquiry-flow ul li span:last-child{ font-weight: bold; }
.inquiry-flow ol.comment{ width: 80%; margin-top: 10px; margin-left: auto; margin-right: auto; }
/* ページ遷移: Circle */
.mw_wp_form_input .inquiry-flow ul li:first-child{ background-color: #9ea640; }
.mw_wp_form_input .inquiry-flow ul li:first-child p{ background-color: #9ea640; color: #ffffff; }
.mw_wp_form_confirm .inquiry-flow ul li:nth-child(2){ background-color: #9ea640; }
.mw_wp_form_confirm .inquiry-flow ul li:nth-child(2) p{ background-color: #9ea640; color: #ffffff; }
.inquiry-flow.sended ul li:nth-child(3){ background-color: #9ea640; }
.inquiry-flow.sended ul li:nth-child(3) p{ background-color: #9ea640; color: #ffffff; }
/* ページ遷移: Cooment */
.mw_wp_form_input .forconfirm{ display: none; }
.mw_wp_form_confirm .forinput{ display: none; }
/* ページ遷移: Smartphone */
@media screen and (max-width: 580px) {
.inquiry-flow ul{ width: 100%; }
.inquiry-flow ul li{ width: 70px; height: 70px; }
.inquiry-flow ul li p{ width: 60px; height: 60px; }
.inquiry-flow ol.comment{ width: 100%; }
}

#inquiry{ max-width: 1000px; margin-left: auto; margin-right: auto; }
/* 概要、全体枠 */
/*#inquiry #lead{ font-size: 0.875rem; letter-spacing: -0.02rem; margin: 0 0 20px; color: #333; }*/
#inquiry #lead, #inquiry #flow, #inquiry #base.form, #inquiry #service.form{ background-color: #efefef; border: 1px solid #e6e6e6; padding: 4px 4px 0; }
#inquiry #lead h2{ font-family: 'M PLUS Rounded 1c', 'Open Sans Condensed', sans-serif; font-weight: normal; color: #228fe2; width: 100%; font-size: 1.25rem; margin-bottom: 6px; }
#inquiry #lead p{ font-size: 0.875rem; }
/* サブタイトル */
#inquiry .subtitel{ background-color: #444444; color: #ffffff; text-align: center; font-size: 1.2rem; margin-bottom: 6px; }
#inquiry section{ margin-bottom: 20px; }
/* list */
#inquiry #lead ul li{ text-indent: -27px; margin-left: 27px; margin-top: 10px; }
#inquiry #lead .tel::before{ content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: top; margin-right: 6px; background-image: url(./images/icon-phone.svg); background-repeat: no-repeat; background-position: 0 0; }
#inquiry #lead .line::before{ content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: top; margin-right: 6px; background-image: url(./images/icon-line.svg); background-repeat: no-repeat; background-position: 0 0; }
#inquiry #lead .mail::before{ content: ''; display: inline-block; width: 20px; height: 20px; vertical-align: top; margin-right: 6px; background-image: url(./images/icon-mail.svg); background-repeat: no-repeat; background-position: 0 0; }
/* --------------------
- 電話連絡
-------------------- */
#inquiry .contact{ margin: 20px 0; padding: 10px 20px; border: 4px solid #efefef; text-align: center; font-size: 0.875rem; }
#inquiry .contact .tel a{ font-size: 1.75rem; font-weight: bold; color: rgb(51,122,183); }
#inquiry .contact .tel i{ margin-right: 6px; }
/* --------------------
- LINE
-------------------- */
#inquiry .contact .line a{ font-size: 1.75rem; font-weight: bold; color: rgb(6,199,85); }
#inquiry .contact .line i{ margin-right: 6px; }
/* --------------------
- flow
-------------------- */
#flow .message{ margin-top: 10px; }
#flow .message p{ font-size: 1rem; color: #ff0000; font-weight: bold; }
/* --------------------
= 基本枠
-------------------- */
/* fieldset */
.form-item-group{ margin-bottom: 4px; padding-bottom: 4px; background-color: #ffffff; border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; }
/* title */
.form-item-group .form-item-title{ background-color: #444444; /*padding: 5px 0 5px 0px;*/ }
.form-item-group .form-item-title p{ font-size: 0.875rem; color: #fff; margin-bottom: 0; padding: 2px 10px 1px 10px; display: block; }
.form-item-group .required{ color: #F08080; padding-left: 2px; font-size: 0.75rem; }
/* center */
.form-item-group .form-item-center{ clear: both; padding-top: 10px; margin-left: 35px; }
.form-item-group .toggle .form-item-center{ margin-left: 10px; }
/* prefix */
.form-item-group .form-item-prefix { display: block; margin-bottom: 4px; }
.form-item-group .toggle .form-item-prefix { margin-left: -18px; }
.form-item-group .form-item-prefix.pink { padding: 4px 10px 2px; background-color: #F08080; border-radius: 4px; display: inline-block; color: #ffffff; }
/* comment */
.form-item-group .form-item-label{ display: block; font-size: 0.75rem; color: #666; margin-bottom: 4px; }
.form-item-group .form-item-comment{ display: block; font-size: 0.75rem; color: #5F3D13; line-height: 1rem; margin-top: 4px; }
.mw_wp_form .form-item-group .error{ font-size: 0.75rem; line-height: 1rem; margin-top: 4px; margin-bottom: 4px; }
/* file */
.form-item-group .form-item-file .form-item-label{ margin-bottom: 0; margin-top: 12px; }
.form-item-group .form-item-file input[type=file]{ margin: 0 0; width: 100%; }
/* --------------------
= subtitle
-------------------- */
.form .subtitel{ margin-bottom: 8px; background-color: #fff; /* display: inline-block; */ padding: 6px 16px 4px 14px; border-radius: 2px; border-bottom: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; text-align: center; }
/* --------------------
= input, textarea
-------------------- */

/* 表示・非表示 */
form .form-item-group.personal, form .form-item-group.corporation{ display: none; }
form.personal .form-item-group.personal{ display: block; }
form.corporation .form-item-group.corporation{ display: block; }
.form-item-group .toggle{ display: none; }
.form-item-group .toggle.active{ display: block; }
/* input */
.form-item-group .form-item-center input[type=text]{ font-size: 18px; color: #111; width:90%; border: 1px solid #A4B2D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 20px; height: 40px; vertical-align: middle; /*padding: 0 10px;*/ outline: 0; padding-left: 10px; }
.form-item-group .form-item-center input.money[type=text] { max-width: 200px; }
.form-item-group .form-item-center input.number[type=text] { max-width: 200px; }
.form-item-group .form-item-center input.year[type=text] { max-width: 80px; }
.form-item-group .form-item-center input.calendar[type=text] { max-width: 200px; }
.form-item-group .form-item-center input[type=number]{ font-size: 16px; color: #111; width:90%; border: 1px solid #A4B2D1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 4px; line-height: 20px; height: 40px; vertical-align: middle; padding: 0 10px; outline: 0; }
.form-item-group .form-item-center input[type=email]{ font-size: 18px; color: #111; width:90%; border: 1px solid #A4B2D1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 20px; height: 40px; vertical-align: middle; padding: 0 10px; outline: 0; }
.form-item-group .form-item-center input[type=file]{ font-size: 16px; color: #111; outline: 0; }
/* textarea */
.form-item-group .form-item-center textarea{ border: 1px solid #A4B2D1; -webkit-border-radius: 8px; -moz-border-radius: 4px; border-radius: 4px; height: 100px; font-size: 18px; width: 90%; outline: 0; padding: 6px; }
/* select */
.form-item-group select{ width: 90%; height: 40px; border: 1px solid #A4B2D1; background-color: #fefefe; color: #333; font-size: 16px; }
.form-item-group select#categories{ margin-right: 10px; }
.form-item-group .date .form-item-select { margin-left: 10px; }
/* half */
.form-item-group .half:first-child{ margin-right: 10px; }
.form-item-group .half{ width: calc(50% - 5px); float: left; }
/* radio */
.form-item-group .mwform-radio-field input{ vertical-align: 2px; cursor: pointer; }
.form-item-group .mwform-radio-field label{ display: inline-block; background-color: #fff; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 80%, rgba(246,246,246,1) 100%); border: 1px solid #dfdfdf; border-radius: 4px; margin-bottom: 10px; padding-left: 8px; cursor: pointer; }
.form-item-group .mwform-radio-field label span{ display: inline-block; padding: 8px 12px 4px 8px; border-left: 1px solid; border-image: linear-gradient(to bottom, #f6f6f6 0%, #dfdfdf 100%); border-image-slice: 0 0 0 1; }
.form-item-group .mwform-radio-field label:hover{ background: linear-gradient(to bottom, rgba(243,243,243,1) 0%, rgba(255,255,255,1) 80%, rgba(246,246,246,1) 100%); }
.form-item-group .mwform-radio-field label:hover span{ border-image: linear-gradient(to bottom, #dfdfdf 0%, #f6f6f6 100%); border-image-slice: 0; }
/* checkbox */
.form-item-group .mwform-checkbox-field input{ vertical-align: 2px; cursor: pointer; }
.form-item-group .mwform-checkbox-field label{ display: inline-block; background-color: #fff; background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 80%, rgba(246,246,246,1) 100%); border: 1px solid #dfdfdf; border-radius: 4px; margin-bottom: 10px; padding-left: 8px; cursor: pointer; }
.form-item-group .mwform-checkbox-field label span{ display: inline-block; padding: 8px 12px 4px 8px; border-left: 1px solid; border-image: linear-gradient(to bottom, #f6f6f6 0%, #dfdfdf 100%); border-image-slice: 0 0 0 1; }
/* label */
.form-item-group .long label{ width: 30%; }
.form-item-group .long.longfull label{ width: calc(100% - 40px); max-width: 280px; }
/* reset */
.mw_wp_form .horizontal-item { margin-right: 2px; }
.mw_wp_form .horizontal-item + .horizontal-item { margin-left: 0 !important; }
.mw_wp_form .horizontal-item:last-child{ margin-right: 0; }
/* --------------------
- 同意する
-------------------- */
.form-item-group.agree{ margin-top: 20px; padding-bottom: 4px; border-left: none; border-right: none; border-bottom: 1px solid #C6C1A2; border-bottom: 1px solid #DCDCDC; }
.form-item-group.agree .form-item-title { background-color: #fff; }
.form-item-group.agree .form-item-title p { padding-left: 0; color: #444; font-weight: 600; font-size: 1rem; }
.form-item-group.agree .form-item-center { padding-top: 0px; }
/*  */
.form-item-group.agree .mwform-checkbox-field label { display: inline-block; background-color: #fff; background: none; border: none; border-radius: 0; margin-bottom: 2px; padding-left: 0px; cursor: pointer; }
.form-item-group.agree input.agree{ display: none; }
.form-item-group.agree .mwform-checkbox-field label span.mwform-checkbox-field-text{ padding-left: 30px;  position: relative; border-left: none; border-image: none; font-weight: 600; color: #222; }
.form-item-group.agree .mwform-checkbox-field-text::before{ content: ""; display: block; position: absolute; top: 8px; left: 0; width: 20px; height: 20px;  border: 1px solid #C6C1A2; border-radius: 2px; background-color: #f4f9fc; }
/* チェック */
.form-item-group.agree input.agree:checked + .mwform-checkbox-field-text{ display: inline-block; }
.form-item-group.agree input.agree:checked + .mwform-checkbox-field-text::after{ content: ""; display: block; position: absolute; top: 6px; left: 6px; width: 10px; height: 14px; transform: rotate(40deg); border-bottom: 3px solid #444; border-right: 3px solid #444; }
/* --------------------
- 外部リンク
-------------------- */
.form-item-group a.outlink{ font-size: 0.875rem; display: inline-block; text-decoration: none; margin-bottom: 10px; position: relative; font-size: 0.875rem; background-color: #Fff; border: 1px solid #C6C1A2; padding: 8px 34px 6px 10px; text-align: center; cursor: pointer; border-radius: 2px; font-weight: normal; color: #444; vertical-align: 2px; }
.form-item-group a.outlink::before{ content: ''; display: inline-block; position: absolute; width: 14px; height: 10px; border: 1px solid #444; border-top: 2px solid #444; background-color: #fff; top: 10px; right: 12px; }
.form-item-group 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; top: 6px; right: 8px; }
/* line */
.form-item-group a.outlink-s{ font-size: 0.875rem; display: inline-block; text-decoration: none; margin-right: 4px; position: relative; font-size: 0.875rem; background-color: #Fff; border: 1px solid #C6C1A2; padding: 4px 34px 3px 10px; text-align: center; cursor: pointer; border-radius: 2px; font-weight: normal; color: #444; vertical-align: 2px; }
.form-item-group a.outlink-s::before{ content: ''; display: inline-block; position: absolute; width: 14px; height: 10px; border: 1px solid #444; border-top: 2px solid #444; background-color: #fff; top: 10px; right: 12px; }
.form-item-group a.outlink-s::after{ content: ''; display: inline-block; position: absolute; width: 14px; height: 10px; border: 1px solid #444; border-top: 2px solid #444; background-color: #fff; top: 6px; right: 8px; }
/* --------------------
- ボタン
-------------------- */
#inquiry .button-wrapper{ margin-top: 30px }
#inquiry .button-group input{ -webkit-appearance: none; appearance: none; display: block; height: 66px; width: 300px; margin: 0 auto 10px; border: 1px solid #DCDCDC; font-size: 1.2rem; font-weight: bold; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; cursor: pointer; }
#inquiry .button-group input[name="submitBack"]{ color: rgba(0, 0, 0, 0.847); }
#inquiry .button-group input:hover{ box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.0); }
/* お問い合わせ内容確認 */
.mw_wp_form_confirm #inquiry #lead, .mw_wp_form_confirm #inquiry .contact, .mw_wp_form_confirm #inquiry #flow .forinput{ display: none; }
.mw_wp_form_confirm .form-item-group .form-item-prefix{ display: none; }
#inquiry .button-group input[name="submitConfirm"]{ background-color: #0F6AA3; color: #ffffff; }
#inquiry .button-group input[name="submitConfirm"]:hover{ background-color: #4ebbff; }
/* 入力画面に戻る */
#inquiry .button-group input[name="submitBack"]{ background-color: #ffffff; }
/* 送信 */
#inquiry .button-group input[name="submit"]{ background-color: #0F6AA3; color: #ffffff; }
#inquiry .button-group input[name="submit"]:hover{ background-color: #4ebbff; }
/* --------------------
- モバイル
-------------------- */
@media screen and (max-width: 800px){
#inquiry #base.form, #inquiry #common.form, #inquiry #personal.form, #inquiry #corporation.form { padding: 4px; }
.form-item-group .form-item-center{ margin-left: 20px; margin-right: 20px; }
.form-item-group .form-item-center.date input.year[type=text] { max-width: 60px; }
.form-item-group .date .form-item-select { margin-left: 0; }
/* label ロング */
.form-item-group .long .mwform-radio-field label,
.form-item-group .long .mwform-checkbox-field label{ width: calc(50% - 14px); }
.form-item-group .long.longfull .mwform-radio-field label,
.form-item-group .long.longfull .mwform-checkbox-field label,
.form-item-group .long.long100 .mwform-radio-field label,
.form-item-group .long.long100 .mwform-checkbox-field label{ width: calc(100% - 20px); }
/* チェックボックス, ラジオボタン */
.form-item-group .mwform-checkbox-field label span{ padding: 8px 12px 8px 8px; vertical-align: 2px; font-size: 14px; }
.form-item-group .mwform-radio-field label span{ padding: 8px 12px 8px 8px; vertical-align: 2px; font-size: 14px; }
.form-item-group .long.longfull label{ width: calc(100% - 40px); max-width: calc(100% - 20px); }
/* 外部リンク */
.form-item-group a.outlink{ padding: 10px 34px 8px 10px; }
.form-item-group a.outlink::before{ top: 12px; }
.form-item-group a.outlink::after{ top: 8px; }
}
/* ////////////////////
//
// MW WP FORM
// inquiry
//
//////////////////// */
/* ====================
= Contact page : Snow Monkey Forms
==================== */
.snow-monkey-form .smf-form{ background-color: #efefef; border: 1px solid #e6e6e6; padding: 10px; }
.snow-monkey-form .smf-form .smf-item{ margin-bottom: 10px; padding-top: 0; padding-bottom: 10px; background-color: #fff; }
/* label */
.snow-monkey-form .smf-form .smf-item__col--label{ display: flex; align-items: center; font-size: 1.0rem; padding: 5px 0 5px 10px; }
.snow-monkey-form .smf-form .smf-item__description{ display: inline-block; margin: 0 0 0 6px; background-color: #900; border-radius: 4px; color: #fff; padding: 1px 6px 0px; font-size: 0.75rem; }
/* input */
.snow-monkey-form .smf-form .smf-item__col--controls{ padding: 10px; }
.snow-monkey-form .smf-form .horizontal .smf-placeholder{ display: flex; align-items: center; }
.snow-monkey-form .smf-form .smf-item .smf-radio-buttons-control__control{ display: flex; }
.snow-monkey-form .smf-form .smf-item .smf-radio-buttons-control__control .smf-label:nth-child(n+2){ margin-left: 20px; }
.snow-monkey-form .smf-form .smf-item input{ font-size: 1.0rem; margin-top: 0; }
.snow-monkey-form .smf-form .smf-item input[type="checkbox"]{ opacity: 1; width: 20px; height: 20px; }
input[type="checkbox"] + .checkmark { display: none; }
.snow-monkey-form .smf-form .smf-item textarea{ font-size: 1.0rem; }
.snow-monkey-form .smf-form .smf-item select{ font-size: 1.0rem; }
.snow-monkey-form .smf-form .smf-item .short{ max-width: 200px; }
/* input description */
.snow-monkey-form .smf-form .smf-control-description{ font-size: 1.0rem; margin-left: 6px; }
.snow-monkey-form .smf-form .caution .smf-control-description{ color: #990000; }
.snow-monkey-form .smf-form .comments .smf-control-description{ color: #336699; }
/* smf-button-control */
.snow-monkey-form .smf-action .smf-button-control button{ font-size: 1.0rem; }
/* outline */
.snow-monkey-form:not([data-screen="input"]) .smf-form .smf-item.outline{ display: none; }
.snow-monkey-form .smf-form .smf-item.outline{ margin-bottom: 0; padding-top: 0; padding-bottom: 0; background-color: initial; } 
.snow-monkey-form .smf-form .outline .smf-item__col--label{ display: none; }
.snow-monkey-form .smf-form .outline .smf-item__col--controls{ padding: 0; }
/* post */
.snow-monkey-form .smf-form .post{ max-width: 200px; }
@media screen and (max-width: 580px) {
.snow-monkey-form .smf-form .smf-item input{ font-size: 1.2rem; }
.snow-monkey-form .smf-form .smf-item textarea{ font-size: 1.2rem; }
.snow-monkey-form .smf-form .smf-item select{ font-size: 1.2rem; }
.snow-monkey-form .smf-action .smf-button-control button{ font-size: 1.2rem; }
}

/* ////////////////////
//
// 
// 
//
//////////////////// */
/* ====================
= 
==================== */
.welcart-calendar{ display: flex; flex-wrap: wrap; }
.welcart-calendar h4{ width: 100%; }
.welcart-calendar .business_days_exp_box.businessday{ height: 20px; }
@media screen and (max-width: 580px) {
.welcart-calendar{ display: block; }
}




/* ====================
= 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
==================== */
/* --------------------
- SiteLogo
-------------------- */
/*
.sty-fnt-sitelogo{ font-family: 'Roboto Slab', serif; }
*/
/* --------------------
- Size
-------------------- */
/*
.sty-fnt-14{ font-size: 0.875rem; }
*/
/* --------------------
- awesome
-------------------- */
/*
.sty-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; }
.sty-awesome-hnddwn:before{ content: "\f0a7"; }
.sty-awesome-hnddwn:hover{ text-decoration: none; border-bottom: 1px #246 solid; }
.sty-awesome-updown{ position: absolute; right: 6px; color: #999; }
.sty-awesome-updown .fa-file-text-o{ padding: 0 0.2em; }
.sty-awesome-link{ position: absolute; right: 6px; color: #BFA687; font-size: 1rem; }
*/
/* --------------------
- indent
-------------------- */
/*
.sty-fnt-indent-75{ text-indent: -0.75rem; margin-left: 0.75rem; }
.sty-indent-asterisk{ text-indent: -1.8rem; margin-left: 1.8rem; }
*/
/* --------------------
- Strong
-------------------- */
/*
.sty-fnt-strong{ position: relative; z-index: 2; color: #fff; margin-right: 4px; }
.sty-fnt-strong::before{ content: ''; position: absolute; width: 1.4rem; height: 1.4rem; border-radius: 50%; background-color: #594736; z-index: -1; top: -0.2rem;; left: -0.2rem;; }
*/
/* --------------------
- Word Strong
-------------------- */
/*
.sty-word-strong-yellow{ background: linear-gradient(transparent 60%,rgba(247,222,28,.5) 40%); }
*/
/* --------------------
- chapter
-------------------- */
/*
.sty-chp-leftimg .image{ border-radius: 50%; width: 200px; height: 200px; overflow: hidden; margin: 0 20px 10px 0; }
*/
.sty-chp-leftimg .image img{ width: 100%; }
/* --------------------
- align
-------------------- */
/*
.sty-algn-cntr{ text-align: center; }
.sty-algn-left{ text-align: left; }
*/
/* --------------------
- post
-------------------- */
/*
.sty-pst-ast{ font-size: 0.75rem; color: #434; }
*/
/* ====================
= button
==================== */
/* ボタン */
/*
.button-wrapper{ margin: 10px auto 10px; text-align: center; }
.button-group input{ display: block; height: 66px; width: 300px; margin: 0 auto 10px; background-color: #ffffff; border: 1px solid #DCDCDC; border-radius: 6px; cursor: pointer; font-size: 1.2rem; font-weight: bold; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); -webkit-appearance: none; appearance: none; }
.button-group input.blue{ background-color: #1D2737; color: #ffffff; }
.button-group input.sdgray { border: 1px solid #333333; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); }
*/
/**/
/*
.button-group .to-confirm span{ text-align: left; display: inline-block; color: #333; font-size: 12px; line-height: 1.6em; }
*/
/**/
/*
.icon-arrow-round-top{ display: inline-block; position: relative; margin-left: 4px; }
.icon-arrow-round-top::before, .icon-arrow-round-top::after{ content: ''; position: absolute; margin: auto; vertical-align: middle; }
.icon-arrow-round-top::before{ top: -16px; box-sizing: border-box; width: 20px; height: 20px; border: 1px solid #A31D3C; -webkit-border-radius: 50%; border-radius: 50%; }
.icon-arrow-round-top::after{ top: -9px; left: 5px; width: 8px; height: 8px; border-top: 1px solid #A31D3C; border-right: 1px solid #A31D3C; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
*/
/**/
/*
.icon-arrow-right{ display: inline-block; position: relative; margin-left: 4px; }
.icon-arrow-right::before{ content: ''; position: absolute; margin: auto; vertical-align: middle; }
.icon-arrow-right::before{ left: 3px; top: -12px; width: 10px; height: 10px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 580px) {
.icon-arrow-right::before{ top: -10px; width: 8px; height: 8px; }
}
*/
/* --------------------
- button
-------------------- */
/*
a.sty-btn{ display: inline-block; position: relative; margin-left: 2px; margin-right: 2px; padding: 6px 24px 4px 10px; text-indent: 0; }
a.sty-btn.blue{ color: #0F6AA3; }
a.sty-btn.round.blue{ border: 1px solid #0F6AA3; border-radius: 4px; }
*/
/* leftarrow */
/*
a.sty-btn.leftarrow::before { position: absolute; content: ''; width: 17px; height: 17px; border-radius: 50%; top: 42%; right: 6px; margin-top: -7px; }
a.sty-btn.leftarrow::after { position: absolute; content: ''; width: 4px; height: 4px; border-top: solid 1px #fff; border-right: solid 1px #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 44%; right: 12px; margin-top: -1px; }
a.sty-btn.leftarrow.blue::before { background: #0F6AA3; }
a.sty-btn.leftarrow.blue::after { border-top: solid 1px #0F6AA3; border-right: solid 1px #0F6AA3; }
a.sty-btn.leftarrow.black::before { background: #000000; }
a.sty-btn.leftarrow.gray::before { background: #444444; top: 46%; }
a.sty-btn.leftarrow.gray::after { top: 46%; }
*/
/* middle */
/*
a.sty-btn.middle{ padding: 2px 8px 2px 8px; font-size: 0.875rem; line-height: 1.25rem; }
a.sty-btn.middle.leftarrow::before { display: none; }
a.sty-btn.middle.leftarrow::after { display: none; }
*/
/* small */
/*
a.sty-btn.small{ padding: 2px 18px 2px 8px; font-size: 0.75rem; line-height: 1.25rem; }
a.sty-btn.leftarrow::before { display: none; }
a.sty-btn.small.leftarrow::after { width: 6px; height: 6px; border-top: solid 1px #0F6AA3; border-right: solid 1px #0F6AA3; top: 34%; right: 7px; margin-top: 0; }
*/
/* ////////////////////
//
// Common Page
//
//////////////////// */
/* ====================
= Header
==================== */
/*
header#site-header .site-branding{ margin: 0 50px 0 20px; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; }
*/





/* ////////////////////
//
// Top Page
//
//////////////////// */
/* ====================
= 
==================== */
/* --------------------
- Main 
-------------------- */
/*
body.home main{ position: relative; }
*/
/* --------------------
- Main > container
-------------------- */
/*
body.home .home-slide-container{ margin-bottom: 40px; }
body.home .home-slide-container .slide-dots{ display: none; }
body.home section#block-10.section-home.widget.widget_block{ position: absolute; top: 20px; }
*/
/* --------------------
- Main > site-content
-------------------- */
/*
body.home .section-home{ margin-bottom: 20px; }
*/


/* ////////////////////
//
// Second Page
//
//////////////////// */
/* ====================
= Common
==================== */

/* ////////////////////
//
// Plugin
//
//////////////////// */
/* ====================
= Welcart
==================== */
/* --------------------
- product page
-------------------- */

/* --------------------
- cart
-------------------- */
/* sku code */
/*
#cart-table td.productname .name{ font-size: 1rem; }
#cart-table td.productname .skucode{ font-weight: normal; color: #555555; }
*/
/* 配送・支払方法：クレジット決済の分割払いのマージン設定 */
/*
@media screen and (min-width: 55em){
.customer_form tr:last-child th, .customer_form tr:last-child td { padding-bottom: 48px; }
}
*/
/* 配送・支払方法：クレジット決済の分割払いのBorder Bottom設定 */
/*
@media screen and (min-width: 55em){
#zeus.customer_form { margin-bottom: 36px; border-bottom: 1px solid #eaeaea; }
}
#zeus.customer_form tr#div_zeus::after { display: block; content: ""; margin: 24px auto; width: calc( 100% - 12px ); height: 1px; border-bottom: 1px dashed #eaeaea; }
*/
/* --------------------
- wc_customer_page
-------------------- */
/*
.cart-page #wc_customer #nav a.lostpassword{ font-size: 14px; margin-top: 6px; display: inline-block; }
*/
/* ====================
= Welcart : 複数配送先
==================== */
/* ヘッダーの位置調整 */
/*
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-draggable-handle{ margin-bottom: 40px; }
*/
/* 配送・支払方法ページ */
/*
#delivery_flag + .customer_form { margin-bottom: 10px; }
.multiple_shipping_comment{ margin-bottom: 24px; }
.multiple_shipping_comment::after { display: block; content: ''; margin: 24px auto; width: calc( 100% - 12px ); height: 1px; border-bottom: 1px dashed #eaeaea; }
.multiple_shipping_comment p{ font-size: 0.875rem; line-height: 22px; }
*/
/* ====================
= mw_wp_form
==================== */
/* --------------------
- confirm
-------------------- */