@charset "UTF-8";

/*!
Theme Name: omotechou
Author: J.
Author URI: https://web.ekaki-j.com
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*###### ローディング ######*/
#loading-container {
width: 100vw;
height: 100vh;
transition: all 1s;
background-color: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
opacity: 0.9;
}
#loading-container .loading {
width: 80px;
height: 80px;
/*margin: 200px auto;
position: relative;*/
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.loading .inner-circle {
position: absolute;
top: 0;
right: 0;
/*left: 23.431px;*/
width: 50px;
height: 50px;
border-radius: 50% 0 50% 0;
background-color: rgba(218, 113, 21, 0.6);
animation: loading 2s linear infinite;
}
.loading .inner-circle.circle-1 {
}
.loading .inner-circle.circle-2 {
animation-delay: .4s;
}
.loading .inner-circle.circle-3 {
animation-delay: .8s;
}
.loading .inner-circle.circle-4 {
animation-delay: 1.2s;
}
.loading .inner-circle.circle-5 {
animation-delay: 1.6s;
}
#loading-container.loaded .loading .inner-circle {
animation: fadeOut .5s forwards;
}
#loading-container.loaded {
animation: loaded 1s forwards;
}
/*###### 共通 ######*/
* {
-webkit-tap-highlight-color: transparent; /* 強調をなくす */
}
.clearfix:after {
content:" ";
display:block;
clear:both;
}
button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
.speech-balloon ul {
margin-bottom: 0;
padding-left: 0;
}
.speech-balloon.question ul li {
list-style: none;
text-indent: -1.5em;
padding-left: 1.5em;
}
.speech-balloon.question ul li:before {
content: "\f059";
font-family: "Font Awesome 5 Free";
font-weight: 400;
margin-right: .5em;
color: #ccbb66;
}
figure,
figure figcaption {
text-align: center;
}
.column-wrap div {
text-align: left;
}
.free-dial-mark {
width: 2em;
height: auto;
margin-right: 0.5em;
}
body a.tel-num .anchor-icon {
display: none;
}
/*** flex box ***/
body .flex-container {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
justify-content: center;
}
ul.flex-container,
ol.flex-container {
list-style: none;
}
.flex-container .flex-item {
height: auto;
box-sizing: border-box;
position: relative;
text-align: center;
display: block;
}
.flex-container .flex-item a {
display: block;
text-decoration: none;
}
.flex-container .flex-item span {
/*display: block;*/
}
.flex-container .inner {
display: block;
position: relative;
margin: 0 auto 0;
box-sizing: border-box;
padding: 25px 8.33333%;
width: 100%;
background-color: white;
text-decoration: none;
color: #444;
}
.flex-container .flex-item dd {
margin-left: 0;
}
.flex-container.line h4 {
margin-top: 1em;
margin-bottom: 1em;
margin: 1em;
border-top: 1px solid #06c755;
border-bottom: 1px solid #06c755;
width: 100%;
}
/*** リスト ***/
ul.komelist {
list-style: none;
padding-left: 0;
}
ul.komelist li {
padding-left: .5em;
text-indent: -.5em;
}
ul.komelist li:before {
content: "*";
}
ol.list-none {
list-style: none;
padding-left: 0;
}
.dl-single-line > dt {
font-weight: bold;
float: left;
clear: left;
margin-right: 0.5em;
}
dl dt {
font-weight: bold;
}
dl.komelist dt {
clear: left;
float: left;
margin-right: 0.5em;
}
dl.check > dt {
text-indent: -1.5em;
padding-left: 1.5em;
}
dl.check > dt:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: .5em;
color: #ccbb66;
}
dl.number > dt {
/*text-indent: -1.5em;
padding-left: 1.5em;*/
position: relative;
padding-left: 2.5em;
text-indent: -2.5em;
line-height: 100%;
}
dl.number > dt:before,
ol.number > li dl dt:before {
display: inline-flex;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
border-radius: 50%;
margin-right: .5em;
padding-left: 0;
text-indent: 0;
}
dl.number > dt:before {
background-color: #f6dcc5;
color: #aa003e;
}
ol.number > li dl dt:before {
background-color: #aa003e;
color: #f6dcc5;
}
dl.number > dt:nth-of-type(1):before,
ol.number > li:nth-of-type(1) dl dt:before {
content: "1";
}
dl.number > dt:nth-of-type(2):before,
ol.number > li:nth-of-type(2) dl dt:before {
content: "2";
}
dl.number > dt:nth-of-type(3):before,
ol.number > li:nth-of-type(3) dl dt:before {
content: "3";
}
dl.number > dt:nth-of-type(4):before,
ol.number > li:nth-of-type(4) dl dt:before {
content: "4";
}
dl.number > dt:nth-of-type(5):before,
ol.number > li:nth-of-type(5) dl dt:before {
content: "5";
}
dl.number > dt:nth-of-type(6):before,
ol.number > li:nth-of-type(6) dl dt:before {
content: "6";
}
/*** カウンター連番 ***/
/* カウンターのリセット */
.counter-wrap {
  counter-reset: number; /* dt 用のカウンターをリセット */
}
/* dt のスタイル調整 */
.counter-wrap dl:not(.check) > dt {
  display: flex;
  align-items: center;
  gap: 0.5em; /* 番号とテキストの間隔 */
  line-height: 1.4;
  margin-bottom: 0.5em;
}
/* 番号をつける */
.counter-wrap dl:not(.check) > dt::before {
  content: counter(number); /* カウンターの値を表示 */
  counter-increment: number; /* カウンターをインクリメント */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2em;
  height: 2em;
  min-width: 2em;
  border-radius: 50%;
  font-weight: bold;
background-color: #f6dcc5;
color: #aa003e;
/*flex-direction: column;*/ /* 番号とテキストを縦並びに */
flex-shrink: 0;
}

ul.check {
list-style: none;
padding-left: 0;
overflow: hidden; /* フロートの影響を防ぐ 20250120追加 */
}
ul.check > li {
/*text-indent: -1.5em;
padding-left: 1.5em;*/
  display: flex; /* アイコンとテキストを同じ行に */
  align-items: center; /* 垂直方向の位置を中央に */
  gap: 0.5em; /* アイコンとテキストの間隔 */
  padding-left: 0; /* `text-indent` は不要なので削除 */
}
ul.check > li:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
/*margin-right: .5em;*/
  display: inline-flex; /* アイコンをインラインフレックスに */
  align-items: center; /* 垂直方向の位置を中央に */
  justify-content: center;
color: #ccbb66;
align-self: flex-start; /* 番号を左揃え */
}
/*** ページリンクボタン ***/
div.request-wrap {
display: flex;
flex-direction: column;
align-items: center;
font-size: 200%;
margin-bottom: 20px;
}
.request-wrap a .anchor-icon {
display: none;
}
a.page-link-btn {
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
border-radius: 0.5rem;
font-size: 1.5rem;
padding: 1.5rem 3rem 1.5rem 2rem;
}
a.page-link-btn.contact {
color: #fff;
background-color: #ff8000;
}
a.page-link-btn.contact:hover {
background: #ffcc00;
}
a.page-link-btn i.fa,
a.page-link-btn i.fas {
margin-right: 1rem;
}
a.page-link-btn:before {
font-family: 'Font Awesome 5 Free';
font-size: 1.3rem;
line-height: 1;
position: absolute;
top: calc(50% - .6rem);
right: 1rem;
margin: 0;
padding: 0;
content: '\f054';
}
/*** 内部リンクボタン ***/
a.internal-link-btn {
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
border-radius: 0.5rem;
font-size: 1.5rem;
padding: 1.5rem 3rem 1.5rem 2rem;
}
a.internal-link-btn {
color: #fff;
background-color: #005bab;
}
a.internal-link-btn:hover {
opacity: 0.8;
}
a.internal-link-btn i.fa,
a.internal-link-btn i.fas {
margin-right: 1rem;
}
a.internal-link-btn:before {
font-family: 'Font Awesome 5 Free';
font-size: 1.6rem;
line-height: 1;
position: absolute;
top: calc(50% - .8rem);
right: 1rem;
margin: 0;
padding: 0;
content: '\f054';
}
/*** 印刷ボタン ***/
.print-button {
border: solid 2px #f6dcc5;
border-radius: 10px;
background-color: #da7115;
padding: .5em 1em;
color: #fff;
transition: all .5s;
}
.print-button:hover {
border: solid 2px #da7115;
background-color: #fbf1e8;
color: #da7115;
}
.print-button:before {

}
/*** ダウンロードボタン ***/
.dl-button {
border: solid 2px #f6dcc5;
border-radius: 10px;
background-color: #da7115;
padding: .5em 1em;
color: #fff;
transition: all .5s;
 & a {
 color: #fff;
 text-decoration: none;
  .anchor-icon {
  display: none;
  }
 }
}
.dl-button:hover {
border: solid 2px #da7115;
background-color: #fbf1e8;
color: #da7115;
 & a {
 color: #da7115;
 }
}
/*** LINE登録 ***/
.line-container {
border: 2px solid #06c755;
border-radius: 4px;
padding: 1em;
}
/*** カラム ***/
body.category #main,
body.error404 #main,
body.search #main/*,
body.blog #main*/ {
width: 100%;
margin-right: 0;
}
body.category #sidebar,
body.error404 #sidebar,
body.search #sidebar/*,
body.blog #sidebar*/ {
display: none;
}
/*###### ヘッダー ######*/
.header-in .logo {
text-align: left;
margin-left: 20px;
margin-right: 20px;
}
.header-site-logo-image {
opacity: 0;
animation: logoRising 1.5s ease 0.5s alternate forwards;
}
.header-in .tagline {
/*text-align: left;*/
display: none;
}
/*** ヘッダー挿入 ***/
.header-in {
position: relative;
}
.header-in .header-item-wrap {
display: flex;
flex-direction: row-reverse;
position: absolute;
right: 0;
bottom: 0;
margin-bottom: 0;
margin-right: 20px;
font-weight: normal;
margin-left: 400px;
z-index: 1;
}
.header-item-wrap > div {
margin-left: 10px;
}
.header-item-wrap div {
/*margin-top: 0;
margin-bottom: 0;*/
}
.header-in .header-item-wrap .title {
/*color: #444;*/
}
.header-in .header-item-wrap .description {
color: #32302e;
font-size: 14px;
}
.header-item-wrap .description > span {
display: block;
}
.header-item-wrap .description > span span:not(:last-child),
.header-item-wrap .description i {
margin-right: .5em;
}
.header-item-wrap .header-tel-num,
.header-item-wrap .header-contact-button {
text-align: center;
}
.header-item-wrap .tel-num {
margin-top: 0;
}
.header-item-wrap .free-dial-mark {
/*width: 2em;
height: auto;
margin-right: 0.5em;*/
}
.header-item-wrap .tel-num > span {
/*display: inline-block;*/
}
.header-item-wrap .tel-num a {
color: #da7115;
text-decoration: none;
transition: all .5s;
position: relative;
font-size: 200%;
line-height: 0;
}
.header-item-wrap .tel-num a:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 0;
border-bottom: 2px solid #e39550;
transition: all .5s;
}
.header-item-wrap .tel-num a:hover {
color: #e39550;
}
.header-item-wrap .tel-num a:hover:after {
width: 100%;
}
.header-item-wrap .tel-num a {
/*font-size: 200%;*/
/*margin: 0;*/
}
.header-item-wrap .tel-num i {
font-size: 180%;
margin: 0;
position: relative;
bottom: 3px;
margin-right: .25em;
color: #5c9734;
}

.header-item-wrap .header-tel-num {
/*color: #f6dcc5;
text-shadow: 3px 3px 0 #fff, -3px -3px 0 #fff,
             -3px 3px 0 #fff, 3px -3px 0 #fff,
             0px 3px 0 #fff,  0 -3px 0 #fff,
             -3px 0 0 #fff, 3px 0 0 #fff;*/
}

.header-contact-button .contact-button {
display: flex;
flex-direction: column;
align-items: center;
font-size: 150%;
margin-bottom: 10px;
}
.header-contact-button .contact-button a {
font-weight: 700;
line-height: 1.5;
position: relative;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
border-radius: 2rem 0 2rem 0;
font-size: 1.0rem;
padding: 1.0rem 2.5rem 1.0rem 1.5rem;
}
.header-contact-button .contact-button a {
color: #fbf1e8;
background-color: #da7115;
}
.header-contact-button .contact-button a:hover {
background: #e39550;
}
.header-contact-button .contact-button a i.fa,
.header-contact-button .contact-button a i.fas {
margin-right: .5rem;
}
.header-contact-button .contact-button a:before {
font-family: 'Font Awesome 5 Free';
font-size: 1.1rem;
line-height: 1;
position: absolute;
top: calc(50% - .55rem);
right: 1rem;
margin: 0;
padding: 0;
content: '\f054';
}
/*** ナビゲーション ***/
#header-container .navi {
/*padding-top: 5px;
padding-bottom: 5px;*/
}
#navi {
top: 0;
z-index: 2;
width: 100%;
box-shadow: 0 4px 4px rgba(0,0,0,0.4);
transition: all 0.3s;
margin: auto;
}
#navi.fixed {
position: fixed;
left: 0;
right: 0;
margin: auto;
background-color: #fbf1e8;
width: 50%;
min-width: 1255px;
border-radius: 0 0 20px 20px;
transition: all 0.3s;
}
#navi:not(.fixed) .navi-in > ul > li > a {
animation: mainNaviA .6s ease forwards;
opacity: 0;
}
#navi.fixed li {
background-color: #fbf1e8;
}
#navi.fixed li a {
color: #32302e;
}
#navi .navi-in {
/*width: 100% !important;*/
}
#navi.fixed .navi-in {
}
#navi #navi-in.navi-in > ul > li:first-child {
width: 40px;
padding-top: 5px;
padding-bottom: 5px;
margin-right: 20px;
height: auto;
display: none;
}
#navi.fixed #navi-in.navi-in > ul > li:first-child {
display: block;
overflow: hidden;
}
#navi.fixed .navi-in > ul > li:first-child a .caption-wrap {
/*position: relative;*/
/*overflow: hidden;*/
background-image: url(./img/home-icon.png);
background-repeat: no-repeat;
background-size: contain;
animation: logoRising 1.0s ease alternate forwards;
opacity: 0;
}
#navi .navi-in > ul > li:first-child a .caption-wrap div {
display: none;
}
#navi .navi-in > ul > li:first-child a .caption-wrap:before {
/*content: url(./img/home-icon.png);
display: block;
width: 50px;
height: 50px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;*/
}
/*** メニューボタン ***/
.navi-in .menu-header li a {
overflow: hidden;
}
.navi-in .menu-header li a .caption-wrap {
position: relative;
z-index: 1;
}
.navi-in .menu-header li a .has-sub {
z-index: 1;
}
#navi:not(.fixed) .navi-in .menu-header li:not(:first-child) a:before,
#navi:not(.fixed) .navi-in .menu-header li:not(:first-child) a:after {
position: absolute;
content: "";
transition: all .3s linear;
background-color: rgba(227, 149, 80, 1.0);
display: block;
width: 100px;
height: 100px;
box-sizing: border-box;
border-radius: 50%;
}
#navi:not(.fixed) .navi-in .menu-header li:not(:first-child) ul.sub-menu li a:before,
#navi:not(.fixed) .navi-in .menu-header li:not(:first-child) ul.sub-menu li a:after {
position: absolute;
content: "";
transition: all .3s linear;
background-color: rgba(227, 149, 80, 1.0);
display: block;
width: 200px;
height: 200px;
box-sizing: border-box;
border-radius: 50%;
}
#navi.fixed .navi-in .menu-header li:not(:first-child) a {
color: #fbf1e8;
}
#navi.fixed .navi-in .menu-header li:not(:first-child) ul.sub-menu li {
background-color: rgba(227, 149, 80,1.0);
}
#navi.fixed .navi-in .menu-header li:not(:first-child) a:before,
#navi.fixed .navi-in .menu-header li:not(:first-child) a:after {
position: absolute;
content: "";
transition: all .3s linear;
background-color: rgba(218, 113, 21,1.0);
display: block;
width: 100px;
height: 100px;
box-sizing: border-box;
border-radius: 50%;
}
#navi.fixed .navi-in .menu-header li:not(:first-child) ul.sub-menu li a:before,
#navi.fixed .navi-in .menu-header li:not(:first-child) ul.sub-menu li a:after {
position: absolute;
content: "";
transition: all .3s linear;
background-color: rgba(218, 113, 21,1.0);
display: block;
width: 200px;
height: 200px;
box-sizing: border-box;
border-radius: 50%;
}
.navi-in .menu-header li a:before,
.navi-in .menu-header li ul.sub-menu li a:before {
top: 0;
left: 0;
}
.navi-in .menu-header li ul.sub-menu li a:before {
transform: translate(-20px, 0);
}
.navi-in .menu-header li a:after,
.navi-in .menu-header li ul.sub-menu li a:after {
bottom: 0;
right: 0;
}
.navi-in .menu-header li ul.sub-menu li a:after {
transform: translate(20px, 0);
}
#navi:not(.fixed) .navi-in .menu-header li:hover > a:before {
transform: translate(0, -60px);
background-color: rgba(218, 113, 21,1.0);
}
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu > li:hover > a:before {
transform: translate(-20px, -160px);
background-color: rgba(218, 113, 21,1.0);
}
#navi:not(.fixed) .navi-in .menu-header li:hover > a:after {
transform: translate(0, 60px);
background-color: rgba(218, 113, 21,1.0);
}
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu > li:hover > a:after {
transform: translate(20px, 160px);
background-color: rgba(218, 113, 21,1.0);
}
#navi.fixed .navi-in .menu-header li:hover > a:before {
transform: translate(0, -60px);
background-color: rgba(227, 149, 80,1.0);
}
#navi.fixed .navi-in .menu-header li ul.sub-menu > li:hover > a:before {
transform: translate(-20px, -160px);
background-color: rgba(227, 149, 80,1.0);
}
#navi.fixed .navi-in .menu-header li:hover > a:after {
transform: translate(0, 60px);
background-color: rgba(227, 149, 80,1.0);
}
#navi.fixed .navi-in .menu-header li ul.sub-menu > li:hover > a:after {
transform: translate(20px, 160px);
background-color: rgba(227, 149, 80,1.0);
}
#navi:not(.fixed).navi .menu-header > .menu-item.current-menu-item > a:before,
#navi:not(.fixed).navi .menu-header > .menu-item.current-menu-ancestor > a:before,
#navi:not(.fixed).navi .menu-header > .menu-item > .current-menu-item > a:before {
transform: translate(0, -60px);
background-color: rgba(218, 113, 21,1.0);
}
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu li.current-menu-item > a:before,
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu li.current-menu-ancestor > a:before {
transform: translate(-20px, -160px);
background-color: rgba(218, 113, 21,1.0);
}
#navi:not(.fixed).navi .menu-header > .menu-item.current-menu-item > a:after,
#navi:not(.fixed).navi .menu-header > .menu-item.current-menu-ancestor > a:after,
#navi:not(.fixed).navi .menu-header > .menu-item > .current-menu-item > a:after {
transform: translate(0, 60px);
background-color: rgba(218, 113, 21,1.0);
}
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu li.current-menu-item > a:after,
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu li.current-menu-ancestor > a:after {
transform: translate(20px, 160px);
background-color: rgba(218, 113, 21,1.0);
}
#navi.fixed.navi .menu-header > .menu-item.current-menu-item > a:before,
#navi.fixed.navi .menu-header > .menu-item.current-menu-ancestor > a:before,
#navi.fixed.navi .menu-header > .menu-item > .current-menu-item > a:before {
transform: translate(0, -60px);
background-color: rgba(227, 149, 80,1.0);
}
#navi.fixed .navi-in .menu-header li ul.sub-menu li.current-menu-item > a:before,
#navi.fixed .navi-in .menu-header li ul.sub-menu li.current-menu-ancestor > a:before {
transform: translate(-20px, -160px);
background-color: rgba(227, 149, 80,1.0);
}
#navi.fixed.navi .menu-header > .menu-item.current-menu-item > a:after,
#navi.fixed.navi .menu-header > .menu-item.current-menu-ancestor > a:after,
#navi.fixed.navi .menu-header > .menu-item > .current-menu-item > a:after {
transform: translate(0, 60px);
background-color: rgba(227, 149, 80,1.0);
}
#navi.fixed .navi-in .menu-header li ul.sub-menu li.current-menu-item > a:after,
#navi.fixed .navi-in .menu-header li ul.sub-menu li.current-menu-ancestor > a:after {
transform: translate(20px, 160px);
background-color: rgba(227, 149, 80,1.0);
}

#navi:not(.fixed) .navi-in .menu-header li a:hover,
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu > li a:hover {
background-color: rgba(227, 149, 80,1.0);
}
#navi.fixed .navi-in .menu-header li:not(:first-child) a:hover,
#navi.fixed .navi-in .menu-header li:not(:first-child) ul.sub-menu > li a:hover {
background-color: rgba(251, 241, 232,1.0);
}
#navi.fixed .navi-in .menu-header li:first-child a:hover {
background-color: rgba(251, 241, 232,1.0);
}
#navi .navi-in .menu-header li a:hover {
/*background-color: rgba(170,0,62,1.0);*/
}
#navi:not(.fixed) .navi-in .menu-header > li > a:hover div,
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu > li > a:hover div {
color: #fbf1e8;
font-weight: bold;
}
#navi.fixed .navi-in .menu-header li > a:hover div,
#navi.fixed .navi-in .menu-header li ul.sub-menu > li > a:hover div {
color: #2d1e10;
font-weight: bold;
}
#navi:not(.fixed).navi .menu-header > .menu-item.current-menu-item,
#navi:not(.fixed).navi .menu-header > .menu-item.current-menu-ancestor,
#navi:not(.fixed).navi .menu-header > .menu-item > .current-menu-item,
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu li.current-menu-item,
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu li.current-menu-ancestor {
background-color: rgba(227, 149, 80,1.0);
}
#navi.fixed.navi .menu-header > .menu-item.current-menu-item:not(:first-child),
#navi.fixed.navi .menu-header > .menu-item.current-menu-ancestor:not(:first-child),
#navi.fixed.navi .menu-header > .menu-item:not(:first-child) > .current-menu-item,
#navi.fixed .navi-in .menu-header li:not(:first-child) ul.sub-menu li.current-menu-item,
#navi.fixed .navi-in .menu-header li:not(:first-child) ul.sub-menu li.current-menu-ancestor {
background-color: rgba(251, 241, 232,1.0);
}
#navi:not(.fixed).navi .menu-header > .menu-item.current-menu-item > a div,
#navi:not(.fixed).navi .menu-header > .menu-item.current-menu-ancestor > a div,
#navi:not(.fixed).navi .menu-header > .menu-item > .current-menu-item > a div,
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu li.current-menu-item > a div,
#navi:not(.fixed) .navi-in .menu-header li ul.sub-menu li.current-menu-ancestor > a div {
/*color: #aa003e;*/
color: #fbf1e8;
font-weight: bold;
}
#navi.fixed.navi .menu-header > .menu-item.current-menu-item > a div,
#navi.fixed.navi .menu-header > .menu-item.current-menu-ancestor > a div,
#navi.fixed.navi .menu-header > .menu-item > .current-menu-item > a div,
#navi.fixed .navi-in .menu-header li ul.sub-menu li.current-menu-item > a div,
#navi.fixed .navi-in .menu-header li ul.sub-menu li.current-menu-ancestor > a div {
color: #2d1e10;
font-weight: bold;
}
/*** grid layout ***/
.grid-container {
display: grid;
gap: 0.25rem;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.grid-container > .grid-item {
align-items: start;
overflow: hidden;
height: auto;
box-sizing: border-box;
position: relative;
text-align: center;
/*aspect-ratio: 4 / 3;*/
}
.grid-container > .grid-item:not(.line) {
display: flex;
}
.grid-container > .grid-item.line {
display: block;
}
ul.grid-container,
ol.grid-container {
list-style: none;
padding: 0;
margin: 0;
}
.grid-container .grid-item a {
display: block;
text-decoration: none;
}
.grid-container .inner {
display: block;
position: relative;
margin: 0 auto 0;
box-sizing: border-box;
padding: 25px 8.33333%;
width: 100%;
background-color: white;
text-decoration: none;
color: #444;
}
.grid-container .grid-item dd {
margin-left: 0;
}
.grid-container.line h4 {
margin-top: 1em;
margin-bottom: 1em;
margin: 1em;
border-top: 1px solid #06c755;
border-bottom: 1px solid #06c755;
width: 100%;
}
/*###### アピールエリア ######*/
.home #container {

}
.home #content {/*20241001追加（試験的）*/
  /*margin-top: 0;
  padding-top: 0;*/
}
.appeal {
/*background-size: cover;*/
/*background-size: contain;*/
background-position: center bottom 1px;/*20241001追加（試験的）*/
}
#appeal {
height:calc(100vw * 0.3);
position: relative;
overflow: hidden;
/*margin: 0;*//*20241001追加（試験的）*/
/*padding: 0;*//*20241001追加（試験的）*/
 #appeal-in {/*20241001追加（試験的）*/
 /*margin: 0;
 padding: 0;*/
 }
}
#appeal-in:after {
content: "";
width: 100%;
height: 209px;
background-image: url(img/appeal-after.png);
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;
position: absolute;
left: 0;
right: 0;
bottom: 0;/*20241001変更（試験的）*/
/*transform: translateY(5px);*/
}
.appeal-content {
background-color: transparent;
}
.appeal-content .appeal-title {
font-weight: 500;
line-height: 130%;
text-shadow: -1px 1px 2px rgba(255,255,255,1.0),
             1px 1px 2px rgba(255,255,255,1.0),
             1px -1px 2px rgba(255,255,255,1.0),
             -1px -1px 2px rgba(255,255,255,1.0),
             -4px 0px 4px rgba(255,255,255,0.7),
             0px 4px 4px rgba(255,255,255,0.7),
             4px 0px 4px rgba(255,255,255,0.7),
             0px -4px 4px rgba(255,255,255,0.7);
opacity: 0;
animation: appealFalling 1.5s ease 0.5s alternate forwards;
}
.appeal-content .appeal-message {
font-weight: 500;
line-height: 130%;
text-shadow: -1px 1px 2px rgba(255,255,255,1.0),
             1px 1px 2px rgba(255,255,255,1.0),
             1px -1px 2px rgba(255,255,255,1.0),
             -1px -1px 2px rgba(255,255,255,1.0),
             -4px 0px 4px rgba(255,255,255,0.7),
             0px 4px 4px rgba(255,255,255,0.7),
             4px 0px 4px rgba(255,255,255,0.7),
             0px -4px 4px rgba(255,255,255,0.7);
opacity: 0;
animation: appealRiging 1.5s ease 0.5s alternate forwards;
}
/*###### サイドバー ######*/
.widget-sidebar .widget-title {
background-color: transparent;
font-weight: normal;
display: flex;
align-items: center;
}
.widget-sidebar .widget-title:before,
.widget-sidebar .widget-title:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #f6dcc5;
}
.widget-sidebar .widget-title:before {
margin-right: .5em;
}
.widget-sidebar .widget-title:after {
margin-left: .5em;
}
/*** ウィジェット ***/
/** アーカイブ **/
.widget_archive ul li:last-child,
.widget_archive ul li:nth-last-child(2) {
display: none;
}
/*###### フッター ######*/
.footer-bottom-logo img {
height: auto;
}
.navi-footer-in > .menu-footer li {
border-left-color: rgba(170,0,62,0.1);
}
.navi-footer-in > .menu-footer li:last-child {
border-right-color: rgba(170,0,62,0.1);
}
.copyright {
font-family: Verdana,"Droid Sans",sans-serif;
}
/*###### 本文 ######*/
header.entry-header {
text-align: center;
}
h1.entry-title {
/*text-align: center;*/
text-align: left;
display: inline-block;
/*margin-left: auto;
margin-right: auto;
padding: 0;*/
font-weight: normal;
color: #371f28;
font-size: 180%;
/*position: relative;*/
}
h1.entry-title span {
display: inline-block;
}
.entry-content h2 {
font-weight: normal;
color: #32302e;
background: none;
padding-left: 0;
padding-bottom: 0;
border-bottom: 2px solid #fbf1e8;
position: relative;
font-size: 160%;
}
.entry-content h2:before {
content: "\f06c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: .5em;
color: #da7115;
}
.entry-content h2:after {
position: absolute;
content: "";
border-bottom: solid 5px #da7115;
bottom: -5px;
left: 0;
width: 30%;
}
.entry-content h3,
.entry-content .h3 {
font-weight: normal;
color: #32302e;
display: flex;
align-items: center;
justify-content: left;
border: none;
padding: 0;
font-size: 130%;
/*position: relative;*/
border-left: 2px solid #da7115;
padding-left: .5em;
}
.entry-content h3:before,
.entry-content .h3:before {
/*content: "";
position: absolute;
border-bottom: solid 5px #f6dcc5;
bottom: -5px;
left: 0;
width: 10%;*/
}
.entry-content h3:after,
.entry-content .h3:after {
/*position: absolute;*/
content: "";
height: 1px;
flex-grow: 1;
background-color: #fbf1e8;
/*border-bottom: solid 5px #f6dcc5;
bottom: -5px;
left: 0;
width: 30%;*/
}
.entry-content h4 {
font-weight: normal;
color: #32302e;
display: flex;
align-items: center;
justify-content: left;
border-top: 1px solid #da7115;
border-bottom: 1px solid #da7115;
}
.entry-content .line-container h4 {
margin-top: 0;
margin-bottom: 0;
border-top: 1px solid #06c755;
border-bottom: 1px solid #06c755;
}
.entry-content h5 {
font-weight: normal;
color: #32302e;
border: none;
border-left: 2px solid #da7115;
padding: 0;
padding-left: .5em;
}
.clearfix.large-photo > img,
.clearfix.large-photo > p img,
.clearfix.large-photo > figure,
.clearfix.large-photo > .wp-block-image {
max-width: 50%;
height: auto;
}
/*### まとめ ###*/
ul.matome {
list-style: none;
padding-left: 0;
}
ul.matome > li {
text-indent: -1.5em;
padding-left: 1.5em;
}
ul.matome > li a .anchor-icon {
text-indent: 0;
padding-left: 0;
}
ul.matome > li:before {
content: "\f18c";
font-family: "Font Awesome 5 Brands";
font-weight: 900;
margin-right: .5em;
color: #f6dcc5;
}
/*###### トップページ ######*/
.home .large-photo img {
/*width: 50%;
height: auto;*/
}
/*** flex box ***/
.home.page .flex-container.pict .flex-item {
width: 20%;
padding-left: 2%;
padding-right: 2%;
}
.home.page .flex-container.pict .flex-item .item-title {
display: inline-block;
line-height: 110%;
font-size: 80%;
}
.home.page .flex-container.pict .flex-item .item-title span {
display: inline-block;
}
.home.page .flex-container.menu {
justify-content: space-around;
}
.home.page .flex-container.menu > .flex-item {
width: 31.333333%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 1em;
justify-content: space-around;
border: 4px solid #da7115;
border-radius: 40px 0 40px 0;
padding: 0;
transition: all .5s;
overflow: hidden;
}
.home.page .flex-container.menu > .flex-item.line {
border-color: #06c755;
}
.home.page .flex-container.menu .flex-item p {
/*margin: 0;*/
margin-bottom: 0;
}
.home.page .flex-container.menu > .flex-item a .item-title {
color: #da7115;
/*color: #fff;*/
text-shadow: -1px 1px 4px #fbf1e8,
             1px 1px 4px #fbf1e8,
             1px -1px 4px #fbf1e8,
             -1px -1px 4px #fbf1e8,
             -4px 0px 6px rgba(251,241,232,0.7),
             0px 4px 6px rgba(251,241,232,0.7),
             4px 0px 6px rgba(251,241,232,0.7),
             0px -4px 6px rgba(251,241,232,0.7);
}
.home.page .flex-container.menu > .flex-item a:hover .item-title {
/*color: initial;*/
color: #da7115;
text-shadow: -1px 1px 4px rgba(255,255,255,1.0),
             1px 1px 4px rgba(255,255,255,1.0),
             1px -1px 4px rgba(255,255,255,1.0),
             -1px -1px 4px rgba(255,255,255,1.0),
             -4px 0px 6px rgba(255,255,255,0.7),
             0px 4px 6px rgba(255,255,255,0.7),
             4px 0px 6px rgba(255,255,255,0.7),
             0px -4px 6px rgba(255,255,255,0.7);
}
.home.page .flex-container.menu > .flex-item > a,
.home.page .flex-container.menu > .flex-item.no-anchor {
padding: 1em;
position: relative;
}
.home.page .flex-container.menu > .flex-item > a img {
width: 50%;
display: block;
margin: auto;
margin-top: 1em;
margin-bottom: 1em;
transition: all .5s;
}
.home.page .flex-container.menu > .flex-item.supplement > a img {
width: 90%;
}
.home.page .flex-container.menu > .flex-item:not(.no-anchor):hover {
background-color: #fbf1e8;
/*border: 4px solid #aa003e;*/
}
.home.page .flex-container.menu > .flex-item:not(.no-anchor):hover > a img {
transform: scale(1.1);
opacity: 0.7;
}
.home.page .flex-container.line .flex-item > a img {
transition: all .5s;
}
.home.page .flex-container.line .flex-item > a:hover img {
opacity: 0.7;
}
.home.page .flex-container.menu .flex-item > span {
display: inline-block;
}
.home.page .flex-container.menu .flex-item > h4 {
display: inline-block;
/*margin: 1em 1em .5em 1em;*/
margin: 0;
}
.home.page .flex-container.menu .flex-item .item-title {
font-size: 120%;
font-weight: 500;
border-top: 1px solid #da7115;
border-bottom: 1px solid #da7115;
line-height: 130%;
padding: 6px 0;
}
.home.page .flex-container.menu .flex-item.line .item-title {
border-color: #06c755;
}
.home.page .flex-container.menu .flex-item .item-description {
text-align: left;
color: initial;
}
.home.page .flex-container.menu .flex-container.line {
margin-top: 1em;
}
.home.page .flex-container.menu .flex-item dl {
margin: 0;
}
.home.page .flex-container.menu .flex-item dd {
text-align: left;
}
.home.page .flex-container.menu .flex-item a .anchor-icon {
display: none;
}
.home.page .flex-container.menu > .flex-item > a:before {
content: "\f00e";
font-family: "Font awesome 5 Free";
font-weight: 900;
font-size: 400%;
color: #fff;
width: 50%;
height: 50%;
position: absolute;
top: .5em;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
transition: all .5s;
z-index: 1;
}
.home.page .flex-container.menu > .flex-item a:hover:before {
opacity: 1;
}
/*** grid layout ***/
.home.page .grid-container.menu > .grid-item {
border: 4px solid #da7115;
border-radius: 40px 0 40px 0;
padding: 0;
transition: all .5s;
overflow: hidden;
}
.home.page .grid-container.menu > .grid-item.line {
border-color: #06c755;
}
.home.page .grid-container.menu > .grid-item > .line {
/*margin-top: .5em;
margin-bottom: .5em;*/
}
.home.page .grid-container.menu .grid-item p {
/*margin: 0;*/
margin-bottom: 0;
}
.home.page .grid-container.menu > .grid-item a .item-title {
color: #da7115;
/*color: #fff;*/
text-shadow: -1px 1px 4px #fbf1e8,
             1px 1px 4px #fbf1e8,
             1px -1px 4px #fbf1e8,
             -1px -1px 4px #fbf1e8,
             -4px 0px 6px rgba(251,241,232,0.7),
             0px 4px 6px rgba(251,241,232,0.7),
             4px 0px 6px rgba(251,241,232,0.7),
             0px -4px 6px rgba(251,241,232,0.7);
display: block;
}
.home.page .grid-container.menu > .grid-item a:hover .item-title {
/*color: initial;*/
color: #da7115;
text-shadow: -1px 1px 4px rgba(255,255,255,1.0),
             1px 1px 4px rgba(255,255,255,1.0),
             1px -1px 4px rgba(255,255,255,1.0),
             -1px -1px 4px rgba(255,255,255,1.0),
             -4px 0px 6px rgba(255,255,255,0.7),
             0px 4px 6px rgba(255,255,255,0.7),
             4px 0px 6px rgba(255,255,255,0.7),
             0px -4px 6px rgba(255,255,255,0.7);
}
.home.page .grid-container.menu > .grid-item > a,
.home.page .grid-container.menu > .grid-item.no-anchor {
padding: 1em;
position: relative;
}
.home.page .grid-container.menu > .grid-item > a img {
width: 50%;
display: block;
margin: auto;
margin-top: 1em;
margin-bottom: 1em;
transition: all .5s;
}
.home.page .grid-container.menu > .grid-item.supplement > a img {
width: 90%;
}
.home.page .grid-container.menu > .grid-item:not(.no-anchor):hover {
background-color: #fbf1e8;
/*border: 4px solid #aa003e;*/
}
.home.page .grid-container.menu > .grid-item:not(.no-anchor):hover > a img {
transform: scale(1.1);
opacity: 0.7;
}
.home.page .grid-container.line .grid-item > a img {
transition: all .5s;
}
.home.page .grid-container.line .grid-item > a:hover img {
opacity: 0.7;
}
.home.page .grid-container.menu .grid-item > span {
display: inline-block;
}
.home.page .grid-container.menu .grid-item > h4 {
display: inline-block;
/*margin: 1em 1em .5em 1em;*/
margin: 0;
}
.home.page .grid-container.menu .grid-item .item-title {
font-size: 120%;
font-weight: 500;
border-top: 1px solid #da7115;
border-bottom: 1px solid #da7115;
line-height: 130%;
padding: 6px 0;
}
.home.page .grid-container.menu .grid-item.line .item-title {
border-color: #06c755;
}
.home.page .grid-container.menu .grid-item .item-description {
text-align: left;
color: initial;
}
.home.page .grid-container.menu .grid-container.line {
margin-top: 1em;
}
.home.page .grid-container.menu .grid-item dl {
margin: 0;
}
.home.page .grid-container.menu .grid-item dd {
text-align: left;
}
.home.page .grid-container.menu .grid-item a .anchor-icon {
display: none;
}
.home.page .grid-container.menu > .grid-item > a:before {
content: "\f00e";
font-family: "Font awesome 5 Free";
font-weight: 900;
font-size: 400%;
color: #fff;
width: 50%;
height: 50%;
position: absolute;
top: .5em;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
transition: all .5s;
z-index: 1;
}
.home.page .grid-container.menu > .grid-item a:hover:before {
opacity: 1;
}
.home.page .column-wrap > div {
padding: .5em;
}
/*###### 処方せん ######*/
.prescription.page .flex-container.merit .flex-item p,
.prescription.page .flex-container.flow .flex-item p {
margin: 0;
}
.prescription.page .flex-container.merit .flex-item img,
.prescription.page .flex-container.flow > .flex-item > p img {
width: 50%;
}
.prescription.page .flex-container.merit .flex-item {
width: 31.333333%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 1em;
padding: 1em;
justify-content: space-around;
border: 2px solid #f6dcc5;
border-radius: 20px;
}
.prescription.page .flex-container.merit .flex-item dl {
margin: 0;
}
.prescription.page .flex-container.merit .flex-item dd {
text-align: left;
}
.prescription.page .flex-container.flow > .flex-item {
width: 31.333333%;
margin-left: 1%;
margin-right: 1%;
padding: 1em;
justify-content: space-around;
position: relative;
border: 2px solid #f6dcc5;
border-radius: 20px;
}
/*.prescription.page .flex-container.flow > .flex-item:not(:last-child)*/
.prescription.page .flex-container.flow > .flex-item {
margin-bottom: 1.2em;
}
.prescription.page .flex-container.flow > .flex-item:not(:last-child):after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 3rem;
height: 3rem;
font-size: 3rem;
transform: translate(2.4rem,-1rem);
color: #aa003e;
z-index: 1;
}
.prescription.page .flex-container.flow .flex-item dl {
margin: 0;
}
.prescription.page .flex-container.flow .flex-item dl > dt {
margin-bottom: .5em;
}
.prescription.page .flex-container.flow .flex-item dd {
text-align: left;
}
.prescription.page .flex-container.flow .flex-item dd:not(:last-child) {
/*margin-bottom: 1.0em;*/
}
.prescription.page .flex-container.flow .flex-item dd:last-child {
margin-bottom: 1.0em;
}
/*** あんしんカード ***/
.column-wrap.anshin-card dl dt {
margin-bottom: 1em;
}
.column-wrap.anshin-card dl dd {
margin-left: 0;
}
img.anshin-card {
border: 1px solid #f6dcc5;
box-sizing: border-box;
}
/*###### 零売 ######*/
.reibai.page .flex-container.merit .flex-item p,
.reibai.page .flex-container.flow .flex-item p {
margin: 0;
}
.reibai.page .flex-container.merit .flex-item img,
.reibai.page .flex-container.flow > .flex-item > p img {
width: 50%;
}
.reibai.page .flex-container.merit .flex-item {
width: 31.333333%;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 1em;
padding: 1em;
justify-content: space-around;
border: 2px solid #f6dcc5;
border-radius: 20px 0 20px 0;
}
.reibai.page .flex-container.merit .flex-item dl {
margin: 0;
}
.reibai.page .flex-container.merit .flex-item dd {
text-align: left;
}
.reibai.page .flex-container.flow > .flex-item {
width: 31.333333%;
margin-left: 1%;
margin-right: 1%;
padding: 1em;
justify-content: space-around;
position: relative;
border: 2px solid #f6dcc5;
border-radius: 20px 0 20px 0;
}
/*.reibai.page .flex-container.flow > .flex-item:not(:last-child)*/
.reibai.page .flex-container.flow > .flex-item {
margin-bottom: 1.2em;
}
.reibai.page .flex-container.flow > .flex-item:not(:last-child):after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
width: 3rem;
height: 3rem;
font-size: 3rem;
transform: translate(2.4rem,-1rem);
color: #5c9734;
z-index: 1;
}
.reibai.page .flex-container.flow .flex-item dl {
margin: 0;
}
.reibai.page .flex-container.flow .flex-item dd {
text-align: left;
}
.reibai.page .flex-container.flow .flex-item dd:not(:last-child) {
margin-bottom: 1.0em;
}
/*###### 漢方相談 ######*/
.kanpou dl.review dd {
margin-left: 0;
}
.kanpou dl.review ul {
list-style: none;
padding-left: 0;
}
.kanpou dl.review ul > li {
text-indent: -1.5em;
padding-left: 1.5em;
}
.kanpou dl.review ul > li:before {
content: "\f299";
font-family: "Font Awesome 5 Brands";
font-weight: 900;
margin-right: .5em;
color: #f6dcc5;
}
/*###### 病気の症状と原因 ######*/
.disease dl.check dd {
margin-left: 0;
}
.disease dl.check dd {
margin-bottom: 1.5em;
}
.disease dl.check > dt {
font-weight: normal;
color: #371f28;
display: flex;
align-items: center;
justify-content: left;
border: none;
padding: 0;
font-size: 130%;
text-indent: 0;
padding-left: 0;
}
.disease dl.check > dt:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #ccbb66;
}
/*###### 会社概要 ######*/
.company .entry-content .fa,
.company .entry-content .fas {
margin-right: 0.5em;
}
.company dl dd span {
display: inline-block;
margin-right: .5em;
}
.company .free-dial-mark {
/*width: 2em;
height: auto;
margin-right: 0.5em;*/
}
.company dl:not(.dl-single-line) > dd {
margin-left: 0;
}
.company dl:not(.dl-single-line) > dt:not(:first-child) {
margin-top: 1.5em;
}
.company .dl-single-line > dt {
width: 5em;
text-align: right;
}
.company .dl-single-line > dd {
margin-left: 5.5em;
}
/*** flex box ***/
.column-wrap.store .column-left {
/*position: relative;*/
}
.column-wrap.store .column-right {
/*position: relative;*/
}
.column-wrap.store > div {
/*padding-bottom: 0;*/
}
.column-wrap.store .flex-container.store {
align-items: flex-start;
justify-content: space-between;
}
.column-wrap.store .flex-container.store .flex-item {
/*display: flex;
align-items: center;
justify-content: center;*/
width: 50%;
border: 1px solid #fff;
/*margin-bottom: 1%;*/
overflow: hidden;
/*transition: all .5s;*/
}
.column-wrap.store .column-left:before,
/*.column-wrap.store .column-right:before {
content: "";
display: block;
padding-top: 75%;*/
}
.column-wrap.store .column-left img,
.column-wrap.store .column-right .flex-container.store {
/*position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;*/
}

.column-wrap.store .flex-container.store .flex-item:nth-of-type(2n) {
/*margin-left: 1%;*/
}
.column-wrap.store .flex-container.store .flex-item a,
.column-wrap.store .flex-container.store .flex-item img {
display: block;
transition: all .5s;
}
.company.page .flex-container.store .flex-item:hover img {
transform: scale(1.1);
}
/*###### あいさつ ######*/
.concept dl:not(.dl-single-line) > dd {
margin-left: 0;
}
.concept dl:not(.dl-single-line) > dt:not(:first-child) {
margin-top: 1.5em;
}
/*###### 求人 ######*/
/*###### 栄養療法 ######*/
/*### 温冷比 ###*/
.foods .flex-container {
justify-content: space-around;
}
.foods .flex-container .flex-item {
width: auto;
/*height: 40px;*/
height: auto;
/*margin: .2em 1em .2em 0;
padding: .3em 1em;
border-radius: 20px;*/
box-sizing: border-box;
position: relative;
/*background: #f6dcc5;*/
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
margin-bottom: 1em;
}
.foods .flex-container .flex-item span {
width: auto;
height: 40px;
margin: .2em 1em .2em -1em;
padding: .3em 1.1em;
border-radius: 20px;
z-index: -1;
}
.foods.warm .flex-container .flex-item span {
background: #f6dcc5;
}
.foods.cool .flex-container .flex-item span {
background: #e6f3f7;
}
dl.foods > dt {
margin-bottom: .5em;
position: relative;
padding-left: 2.5em;
text-indent: -2.5em;
line-height: 100%;
}
dl.foods > dt:before {
display: inline-flex;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
border-radius: 50%;
margin-right: .5em;
padding-left: 0;
text-indent: 0;
}
dl.foods.warm > dt:before {
content: "温";
color: #aa003e;
background-color: #f6dcc5;
}
dl.foods.cool > dt:before {
content: "冷";
color: #0082aa;
background-color: #e6f3f7;
}
dl.foods > dd {
margin-left: 0;
}
dl.foods > dd dd {
margin-left: 0;
}
/*### 食事の順序 ###*/
.flex-container.order {
justify-content: flex-start;
margin-bottom: 40px;
}
.flex-container.order .flex-item {
width: auto;
height: auto;
margin: 0 1em .2em 0;
padding: .3em 1em;
border-radius: 30px;
box-sizing: border-box;
position: relative;
background: #f6dcc5;
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: 500;
}
.flex-container.order .flex-item dl {
margin-bottom: 0;
text-align: left;
}
.flex-container.order .flex-item dl dt {
/*text-align: left;*/
}
.flex-container.order .flex-item dl dd {
font-size: 90%;
}
.flex-container.order .flex-item:not(:last-child):after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
top: 0;
bottom: 0;
right: -.7em;
margin: auto;
display: flex;
align-items: center;
color: #aa003e;
}
.flex-container.order .flex-item:first-child {
margin-left: 0;
}
.flex-container.order .flex-item:last-child {
margin-right: 0;
}
.flex-container.order.last {
margin-bottom: 1em;
}
/*### 季節の食べ物 ###*/
.seasonalfoods .flex-container {
justify-content: space-around;
}
.seasonalfoods .flex-container .flex-item {
width: auto;
/*height: 40px;*/
height: auto;
/*margin: .2em 1em .2em 0;
padding: .3em 1em;
border-radius: 20px;*/
box-sizing: border-box;
position: relative;
/*background: #f6dcc5;*/
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
margin-bottom: 1em;
}
.seasonalfoods .flex-container .flex-item span {
width: auto;
height: 40px;
margin: .2em 1em .2em -1em;
padding: .3em 1.1em;
border-radius: 20px;
background: #f6dcc5;
z-index: -1;
}
dl.seasonalfoods > dt {
margin-bottom: .5em;
}
dl.seasonalfoods > dd {
margin-left: 0;
}
dl.seasonalfoods > dd dd {
margin-left: 0;
}
/*###### LINE友だち募集 ######*/
.flex-container.line .flex-item {
/*width: 50%;*/
display: flex;
align-items: center;
justify-content: center;
margin-top: .5em;
margin-bottom: .5em;
}
.flex-container.line .flex-item a {
}
.flex-container.line .flex-item img {
display: block;
}
/*###### 問い合せフォーム ######*/
dl#Inquiry dt {
clear: left;
float: left;
width: 11em;
text-align: right;
font-weight: bold;
}
dl#Inquiry dd {
margin-left: 11.5em;
margin-bottom: 20px;
}

.contact .hide {
display: none;
}
.contact dd.has-parent.hide {
/*margin: 0;
max-height: 0;
opacity: 0;
transform: translateY(-20px);
transition: all 0.4s ease;*/
}
.contact dd.has-parent:not(.hide) {
/*margin: auto;
max-height: auto;
opacity: 1;
transform: translateY(0);
transition: all 0.4s ease;*/
}

.contact dl.inquiry.dl-single-line > dt {
width: 9em;
/*text-align: right;*/
}
.contact dl.inquiry.dl-single-line > dd {
margin-left: 9.5em;
}
.contact dl.inquiry.dl-single-line > dd.has-parent {
margin-left: 1em;
 & dt {
 width: 11em;
 /*font-weight: normal;*/
 }
 & dd {
 margin-left: 11.5em;
 }
}
.contact dl.inquiry > dd.has-parent {
margin-left: 1em;
 .dl-single-line dt {
 width: 11em;
 /*font-weight: normal;*/
 }
 .dl-single-line dd {
 margin-left: 11.5em;
 }
}
.contact dl.inquiry {
 & input[type="number"],
 & input[type="date"] {
 width: 10em;
 }
 & span.unit {
 margin-left: .5em;
 }
 & dt > span {
 /*margin-left: .5em;*/
 font-weight: normal;
 font-size: 90%;
 }
 & dt ul.komelist {
 font-weight: normal;
 line-height: 130%;
 font-size: 90%;
 }
}
.contact .monshin dl.inquiry > dd.has-parent {
margin-left: 2em;
}
.contact .monshin input.your-age {
width: 3.5em;
}
dl.inquiry {
 & dt {
 /*clear: left;
 float: left;
 width: 11em;
 text-align: right;
 font-weight: bold;*/
 }
 & dd {
 /*margin-left: 11.5em;*/
 margin-bottom: 20px;
 }
 & dl.has-parent > dt {
 font-weight: normal;
 }
 & dl.has-child > dd {
 /*margin-left: 1em;*/
 }
 & dl.has-parent {
 }
 & dl > dd:not(.has-parent) {
 /*margin-left: 10em;
 margin-bottom: 20px;*/
 }
 & dl > dd.has-parent dd {
 /*margin-left: 9em;*/
 }
 & dl.has-parent dt {
 /*width: 8.5em;*/
 }
}
dl#Inquiry dd.before-interpretation,
dl.inquiry dd.before-interpretation {
text-align: right;
}
p.submit,
p.send_button {
width: 10em;
margin-left: auto;
margin-right: auto;
}

p.submit input[type="submit"].wpcf7-submit,
p.send_button input[type="submit"].wpcf7-submit {
border-radius: 40px;
border: none;
font-weight: bold;
font-size: 100%;
background: #00aa11;
box-shadow: 0 3px 1px #00660a;
color: #fff;
transition: 0.3s;
padding: 1em;
}
p.submit input[type="submit"].wpcf7-submit:before,
p.send_button input[type="submit"].wpcf7-submit:before {
font-family: "Font Awesome 5 Free";
content: "\f0e0";
font-weight: 900;
}
p.submit input[type="submit"].wpcf7-submit:hover,
p.send_button input[type="submit"].wpcf7-submit:hover {
/*background: rgba(74,186,0,0.7);*/
background: #4dc458;
box-shadow: 0 -3px 1px #00660a;
transform: translateY(3px);
}
p.submit input[type="submit"].wpcf7-submit:focus,
p.send_button input[type="submit"].wpcf7-submit:focus {
outline: 0;
background: #00aa11;
}
dl#Inquiry b,
dl.inquiry b {
color: red;
font-weight: normal;
}
dl#Inquiry input:focus,
dl#Inquiry textarea:focus,
dl.inquiry input:focus,
dl.inquiry textarea:focus {
/*border: 1px solid #005bab;
outline: 0;*/
outline-color: #f6dcc5;
}
.tel-num.big.center {
text-align: center;
font-size: 200%;
font-weight: bold;
color: #4aba00;
}
.contact .tel-num span {
display: inline-block;
}
.contact .tel-num i.fa {
margin-right: .5em;
}
.contact p > span {
display: inline-block;
}
.contact p > span:not(:last-child) {
margin-right: .5em;
}
/*** 求人フォーム ***/
.entry {
/* ファイル選択ボタン */
 & input[type='file'] {
 color: rgb(31, 41, 55);
 cursor: pointer;
 border: 1px solid rgb(191, 194, 199);
 border-radius: 0.375rem;
 padding-right: 0.5rem;
 width: 100%;
 max-width: 24rem;
 }
 ::file-selector-button,
 ::-webkit-file-upload-button {
 background-color: rgb(209, 213, 219);
 color: rgb(31, 41, 55);
 border: none;
 cursor: pointer;
 border-right: 1px solid rgb(191, 194, 199);
 padding: 0.25rem 1rem;
 margin-right: 1rem;
 }
}
.entry {
 & dl.inquiry.dl-single-line > dt {
 width: 14em;
 }
 & dl.inquiry.dl-single-line > dd {
 margin-left: 14.5em;
  & span.supplement {
  display: inline-block;
  font-size: 80%;
  }
 }
 & dl.inquiry.dl-single-line > dd.has-parent {
 margin-left: 1em;
  & dt {
  width: 13em;
  }
  & dd {
  margin-left: 13.5em;
  }
 }
 & dl.inquiry > dd.has-parent {
 margin-left: 1em;
  .dl-single-line dt {
  width: 13em;
  }
  .dl-single-line dd {
  margin-left: 13.5em;
  }
 }
 & dl.inquiry {
  & input[type="number"],
  & input[type="date"] {
  width: 10em;
  }
  & dt > span {
  font-weight: normal;
  font-size: 90%;
  }
  & dt ul.komelist {
  font-weight: normal;
  line-height: 130%;
  font-size: 90%;
  }
 }
}
/*###### Welcart ######*/
/* 商品一覧ページ */
input[type="submit"].skubutton {
border-radius: 1.5em;
border: none;
background: #ff8000;
box-shadow: 0 3px 1px #cc6600;
color: #fff;
transition: 0.3s;
font-weight: bold;
font-size: 150%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
/*max-width: 400px;*/
width: 10em;
text-align: center;
padding: .5em;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
input[type="submit"].skubutton:hover {
/*background: #eb3b00;*/
background: #ffcc00;
transform: translateY(3px);
box-shadow: 0 -3px 1px #e67300;
}
input[type="submit"].skubutton:focus {
outline: 0;
background: #ff8000;
/*background: #eb3b00;
box-shadow: 0 -3px 1px #ccc;
transform: translateY(3px);*/
box-shadow: 0 -3px 1px #cc6600;
}
.page.supplement .goto-itempage {
display: block;
text-align: right;
}
.page.supplement .status-wrap .tax {
font-size: 90%;
font-style: normal;
}
.supplement .how-to-buy {
margin: auto;
text-align: center;
}
.supplement .how-to-buy .fa,
.supplement .how-to-buy .fas {
margin-right: 0.5em;
}
.supplement .how-to-buy span {
display: inline-block;
}
.supplement .how-to-buy span {
font-size: 150%;
}
.supplement .how-to-buy.tel span:first-child {
margin-right: 1em;
}

/* 商品詳細ページ */
.single.item .header {
/*height: 100px;*/
}
.single.item .widget-below-single-content-title .catch {
text-align: center;
line-height: 150%;
}
.single.item .widget-below-single-content-title .catch p {
line-height: 150%;
}
.single.item .widget-below-single-content-title .catch > span {
display: inline-block;
}
.single.item .widget-below-single-content-title .catch .bold {
font-size: 150%;
}
.single.item .widget-below-single-content-title .catch .title {
display: inline-block;
border-top: 1px solid #f6dcc5;
border-bottom: 1px solid #f6dcc5;
margin: auto;
margin-bottom: 1em;
padding: .3em .5em;
}
.single.item #itempage form dl {
margin-left: 234px;
position: relative;
}
.single.item #itempage form dl dt {
/*font-weight: bold;*/
float: left;
clear: left;
width: 4em;
/*text-align: right;*/
position: absolute;
}
.single.item #itempage form dl dd {
margin-left: 4.5em;
}
.single.item .item-caption.safety dl dt {
float: left;
clear: left;
/*width: 17em;*/
/*text-align: right;*/
/*position: absolute;*/
}
.single.item .item-caption.safety dl dd {
/*margin-left: 17.5em;*/
}
.single.item .item-caption ul:not(.worry) {
margin-left: 240px;
}
.single.item .entry-categories-tags {
display: none;
}
#itempage .itemimg {
	/*width: 300px;*/
/*max-width: 240px;*/
	text-align: center;
float: left;
margin-right: 10px;
}
.entry-content #itempage .itemimg + h3 {
background-color: #f6dcc5;
border: none;
color: #aa003e;
font-weight: bold;
/*padding-top: .3em;
padding-bottom: .2em;
padding-left: 1em;*/
padding: .4em 1em .3em 1em;
border-radius: 20px;
}
#itempage .item-caption h3 {
font-weight: normal;
color: #371f28;
display: flex;
align-items: center;
justify-content: left;
border: none;
padding: 0;
font-size: 130%;
background-color: transparent;
}
#itempage .exp .field {
/*text-shadow: -1px 1px 0 #fff, 1px 1px 0 #fff,
             1px -1px 0 #fff, -1px -1px 0 #fff;*/
border: none;
}
#itempage .exp .field .field_name,
#itempage .exp .field .field_price {
display: inline-block;
}
#itempage .exp .field .field_price {
color: #e5764f;
}
#itempage .exp .field .field_name {
font-weight: bold;
}
#itempage .exp .field .field_name > .tax {
font-size: 90%;
font-weight: normal;
font-style: normal;
}
/*.single.item */.widget_text h3 {
font-weight: normal;
color: #371f28;
display: flex;
align-items: center;
justify-content: left;
border: none;
padding: 0;
font-size: 130%;
background-color: transparent;
}
/*.single.item */.widget_text h3:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: .5em;
color: #f6dcc5;
}
/*.single.item */.widget_text h4 {
font-weight: normal;
color: #371f28;
display: flex;
align-items: center;
justify-content: left;
border-top: 1px solid #f6dcc5;
border-bottom: 1px solid #f6dcc5;
background-color: transparent;
}
.widget_text h5 {
font-weight: normal;
color: #371f28;
border: none;
border-left: 2px solid #f6dcc5;
padding: 0;
padding-left: .5em;
}
.single.item .widget_text .flex-container.worry {
margin-bottom: 20px;
}
/*** ショップページ,商品カテゴリページ ***/
.gr-item .gr-item-img {
float: left;
/*margin-top: 20px;*/
display: inline-block;
}
.gr-item input.skuquantity,
input.skuquantity {
display: inline-block;
width: 5em;
}
.gr-item .more-link {
display: inline;
}
.gr-item .category-item {
border-bottom: 1px dashed #ccc;
}
.usces_calendar {
margin: auto;
width: 100%;
}
.widget_welcart_calendar {
text-align: center;
}
.gr-item .loopimg {
display: none;
}
.gr-item .item-caption dl {
margin-left: 249px;
position: relative;
}
.gr-item .item-caption dl dt {
font-weight: bold;
/*float: left;
clear: left;*/
width: 4em;
/*text-align: right;*/
position: absolute;
}
.gr-item .item-caption dl dd {
margin-left: 4.5em;
}
.gr-item .item-caption ul {
/*margin-left: 160px;*/
}
.gr-item .status-wrap {
text-align: right;
}
.gr-item .storytitle {
/*color: #fff;*/
/*font-weight: normal;
color: #113f8f;
font-size: 160%;
background: none;
padding-left: 0;
padding-bottom: 0;
border-bottom: 1px solid;*/
}
.gr-item .storytitle a {
color: #371f28;
text-decoration: none;
}
.gr-item .storytitle {
/*font-weight: normal;
color: #371f28;
background: none;
padding-left: 0;
padding-bottom: 0;
border-bottom: 2px solid #aa003e;
position: relative;
font-size: 160%;*/
font-weight: normal;
color: #371f28;
display: flex;
align-items: center;
justify-content: left;
border: none;
padding: 0;
font-size: 150%;
border-left: 2px solid #cc668b;
padding-left: .5em;
}
.gr-item .storytitle:before {
/*content: "\f484";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: .5em;
color: #aa003e;*/
}
.gr-item .storytitle:after {
/*position: absolute;
content: "";
border-bottom: solid 5px #f6dcc5;
bottom: -5px;
left: 0;
width: 30%;*/
content: "";
height: 2px;
flex-grow: 1;
background-color: #f6dcc5;
}
.gr-item .storycontent h2 {
font-weight: normal;
color: #371f28;
display: flex;
align-items: center;
justify-content: left;
border: none;
padding: 0;
font-size: 130%;
background-color: transparent;
}
body.supplement .gr-item .storycontent .item-caption {
}
.supplement .gr-item .goto-itempage-wrap {
/*color: #aa003e;
background-color: #f6dcc5;
padding: .3em 1em;
border-radius: 0 25px 25px 0;*/
text-align: right;
margin-top: -1.5em;
margin-bottom: 1em;
}
.supplement .gr-item a.goto-itempage {
/*display: inline-block;*/
display: flex;
align-items: center;
justify-content: center;
color: #aa003e;
text-decoration: none;
position: relative;
/*background-color: #f6dcc5;
padding: .3em 1em;
border-radius: 0 25px 25px 0;
text-align: right;*/
}
.supplement .gr-item a.goto-itempage:before {
content: "";
height: 2px;
flex-grow: 1;
background-color: #f6dcc5;
margin-right: 1em;
}

/*** メンバーページ ***/
h1.member_page_title {
text-align: center;
font-weight: normal;
color: #371f28;
font-size: 180%;
}
.usces-member #memberpages .loginbox {
border: none;
width: 50%;
border-radius: 4px;
}
.usces-member #memberpages #newmember .customer_form {
width: 80%;
margin: auto;
}
.usces-member #memberpages #newmember .customer_form th {
width: 15.5em;
background-color: #efebed;
}
.usces-member #memberpages #newmember .customer_form th,
.usces-member #memberpages #newmember .customer_form td {
border-color: #d9ced2;
border-left: none;
border-right: none;
}
.usces-member #memberpages .loginbox p.submit {
text-align: right;
margin-right: 0;
margin-left: auto;
}
.usces-member #memberpages .loginbox #member_login,
.usces-member #memberpages input[type="submit"] {
/*text-align: right;
margin-right: 0;
margin-left: auto;*/
background-color: #aa003e;
color: #fff;
transition: all .3s;
/*box-shadow: 0 3px 1px #cc668b;*/
box-shadow: 0 3px 1px #660025;
border-radius: 1.5em;
}
.usces-member #memberpages .loginbox #member_login:hover,
.usces-member #memberpages input[type="submit"]:hover {
/*background-color: #f6dcc5;*/
background-color: #db3552;
/*color: #aa003e;*/
transform: translateY(3px);
/*box-shadow: 0 -3px 1px #440019;*/
/*box-shadow: 0 -3px 1px #cc668b;*/
box-shadow: 0 -3px 1px #aa003e;
}
.usces-member #memberpages .loginbox #member_login:focus,
.usces-member #memberpages input[type="submit"]:focus {
background-color: #aa003e;
box-shadow: 0 -3px 1px #660025;
/*color: #fff;*/
}
.usces-member #memberpages .loginbox .forgetmenot {
float: left;
}
.usces-member #memberpages .loginbox .new-entry {
background-color: #f6f4f4;
border-radius: 4px;
}
.usces-member #memberpages .loginbox .new-entry #nav a {
background-color: #aa003e;
color: #fff;
transition: all .3s;
/*box-shadow: 0 3px 1px #cc668b;*/
box-shadow: 0 3px 1px #660025;
border-radius: 1.5em;
}
.usces-member #memberpages .loginbox .new-entry #nav a:hover {
/*background-color: #f6dcc5;*/
background-color: #db3552;
/*color: #aa003e;*/
transform: translateY(3px);
/*box-shadow: 0 -3px 1px #cc668b;*/
box-shadow: 0 -3px 1px #aa003e;
}
.usces-member #memberpages .loginbox .new-entry #nav a:focus {
background-color: #aa003e;
box-shadow: 0 -3px 1px #660025;
/*color: #fff;*/
}
.usces-member #memberpages input:focus,
.usces-member #memberpages select:focus {
/*border: 2px solid #aa003e;
outline: 0;*/
outline-color: #f6dcc5;
}

.usces-member #memberpages #newmember .header_explanation ul {
padding-left: 0;
list-style: none;
}
.usces-member #memberpages #newmember .header_explanation ul li {
text-indent: -1.5em;
padding-left: 1.5em;
}
.usces-member #memberpages #newmember .header_explanation ul li:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: .5em;
color: #cc668b;
}
/*** カートページ ***/
h1.cart_page_title {
text-align: center;
font-weight: normal;
color: #371f28;
font-size: 180%;
}
.cart_navi ul {
list-style: none;
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
justify-content: flex-start;
}
.cart_navi ul li {
width: 25%;
height: auto;
margin: .2em 0 .2em 0;
padding: .3em 1em;
/*border-radius: 20px;*/
box-sizing: border-box;
position: relative;
/*background-color: #f6dcc5;*/
/*background-color: #efebed;*/
background-color: #f6f4f4;
color: #371f28;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
/*border: 1px solid #fff;*/
}
.cart_navi ul li.current {
background-color: #f6dcc5;
/*background-color: #aa003e;*/
color: #aa003e;
font-weight: 500;
}
.cart_navi ul li:not(:last-child):after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
/*top: .2em;*/
top: 0;
bottom: 0;
right: -0.25em;
margin: auto;
margin: auto;
display: flex;
align-items: center;
color: #db3552;
z-index: 1;
}
.cart_navi ul li:first-child {
margin-left: 0;
border-radius: 20px 0 0 20px;
}
.cart_navi ul li:last-child {
margin-right: 0;
border-radius: 0 20px 20px 0;
}
.usces-cart #cart #cart_table {
border: none;
}
.usces-cart #cart #cart_table th,
.usces-cart #cart #cart_table td {
border-color: #d9ced2;
border-left: none;
border-right: none;
}
.usces-cart .cart-page .send input {
border-radius: 20px;
}
/*** カート入数ボタン ***/
.cart-totalquantity-wrap {
position: fixed;
top: 177px;
left: 0;
background-color: rgba(238,204,216,0.4);
color: #cc668b;
width: 55px;
height: 55px;
border-radius: 0 50% 50% 0;
transition: all .2s;
}
.cart-totalquantity-wrap a {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
juxtify-content: center;
text-decoration: none;
padding: 6px 4px 4px 0;
color: #cc668b;
}
.cart-totalquantity-wrap a i {
display: block;
font-size: 130%;
}
.cart-totalquantity-wrap a .cart-totalquantity-inner {
display: block;
font-size: 90%;
}
.cart-totalquantity-wrap.move {
top: 50px;
left: 0;
}

/*###### お支払い送料 ######*/
table.daibiki td:nth-of-type(2),
table.shipping td:nth-of-type(2) {
text-align: right;
}
table.shipping td:nth-of-type(3) {
text-align: center;
}
/*###### 投稿/固定ページ本文上下 ######*/
.item.single .article-footer {
/*margin-top: -100px;*/
}
.widget_text h2 {
font-weight: normal;
color: #371f28;
background: none;
padding-left: 0;
padding-bottom: 0;
border-bottom: 2px solid #aa003e;
position: relative;
font-size: 160%;
text-align: left;
}
.widget_text h2.check {
color: #37331f;
border-bottom: 2px solid #ccbb66;
}
.widget_text h2:before {
content: "\f484";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: .5em;
color: #aa003e;
}
.widget_text h2.check:before {
content: "\f00c";
color: #ccbb66;
}
.widget_text h2:after {
position: absolute;
content: "";
border-bottom: solid 5px #f6dcc5;
bottom: -5px;
left: 0;
width: 30%;
}
.widget_text h2.check:after {
border-bottom: solid 5px #f7f4e6;
}
.widget_text h3 {
font-weight: normal;
color: #371f28;
display: flex;
align-items: center;
justify-content: left;
border: none;
padding: 0;
font-size: 130%;
background-color: transparent;
position: relative;
}
.widget_text h3.check {
color: #37331f;
border-bottom: 2px solid #f6dcc5;
}
.widget_text h3.check:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #aa003e;
margin-right: .5em;
}
.widget_text h3.check:after {
position: absolute;
content: "";
border-bottom: solid 5px #aa003e;
bottom: -5px;
left: 0;
width: 30%;;
}
.widget_text dl.check dt:before {
/*content: "\f00c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin-right: .5em;
color: #ccbb66;*/
}
.widget_text dl.check dt {
/*text-indent: -1.5em;
padding-left: 1.5em;*/
}
.flex-container.process,
.flex-container.worry,
.flex-container.review {
justify-content: flex-start;
}
.flex-container.process .flex-item {
width: auto;
height: 40px;
margin: .2em 1em .2em 0;
padding: .3em 1em;
border-radius: 20px;
box-sizing: border-box;
position: relative;
background: #f6dcc5;
display: flex;
justify-content: center;
align-items: center;
font-weight: 500;
}
.flex-container.worry .flex-item {
width: auto;
height: auto;
margin: .1em .2em .1em 0;
padding: .3em 1em;
/*border-radius: 20px;*/
box-sizing: border-box;;
background: #f6dcc5;
font-weight: 500;
text-align: left;
}
.flex-container.review .flex-item {
width: auto;
height: auto;
margin: .1em .2em .1em 0;
padding: .3em 1em;
/*border-radius: 20px;*/
box-sizing: border-box;
color: #fff;
background: #aa003e;
font-weight: 500;
text-align: left;
}
.flex-container.process .flex-item:not(:last-child):after {
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
/*top: .2em;*/
top: 0;
bottom: 0;
right: -.7em;
margin: auto;
margin: auto;
display: flex;
align-items: center;
color: #aa003e;
}
.flex-container.process .flex-item:first-child {
margin-left: 0;
}
.flex-container.process .flex-item:last-child {
margin-right: 0;
}
img.spirulinaphoto {
max-width: 224px;
}
img.vegetables {
max-width: 300px;
}
img.oyster-meat {
max-width: 300px;
}
img.vegetables-420 {
max-width: 420px;
}
img.kaki-chan.size-medium {
max-width: 206px;
}
img.hie-meta.size-medium {
max-width: 294px;
}
img.hie-chan.size-medium {
max-width: 173px;
}
img.meta-bo.size-medium {
max-width: 161px;
}
figure.dic-spirulina img {
/*max-width: 300px;*/
}
.flex-container.site-spirulina {
justify-content: space-around;
}
.flex-container.site-spirulina .flex-item {
width: 25%;
}
/*** 固定ページ本文下挿入 ***/
.info-container {
border: 1px solid #aa003e;
padding: 1em;
border-radius: 4px;
}
.info-container .info-inner {
margin-bottom: 0;
text-align: left;
}
.info-container > .info-inner {
border-bottom: 1px dashed #f6dcc5;
}
.info-container .info-inner dt.title {
text-align: center;
font-size: 150%;
font-weight: normal;
}
.info-container .info-inner dd {
margin-left: 0;
}
.info-container .info-inner span {
display: inline-block;
}
.info-container .flex-container .flex-item {
width: 50%;
}
.info-container .flex-container .flex-item:nth-of-type(1) {
display: flex;
justify-content: flex-start;
}
.info-container .flex-container .flex-item:nth-of-type(2) {
display: flex;
align-items: center;
justify-content: center;
}
.info-container .flex-container .flex-item .request-wrap {
margin: auto;
}
.info-container dl dt.company-name {
font-size: 120%;
}
.info-container .address,
.info-container .tel,
.info-container .date > dd span:not(:last-child) {
margin-right: 1em;
}
.info-container .address > span.zip,
.info-container .address > span.sub-before {
margin-right: .5em;
}
.info-container .tel i {
margin-right: .5em;
}
.info-container .tel a {
display: inline;
}
.info-container .date dt {
width: 5em;
}
.info-container .date dd {
margin-left: 5.5em;
}
/*###### インフォメーションボックス（補足情報） ######*/
.information-box {
border-color: #005bab;
}
.information-box p,
.information-box .qualification {
border-bottom: 1px dashed #005bab;
}
.information-box span {
display: inline-block;
}
.information-box::before {
color: #005bab;
border-right: none;
}
.information-box dl dt.company-name {
font-size: 120%;
}
.information-box .address,
.information-box .tel {
margin-right: 1em;
}
.information-box .address > span.zip,
.information-box .address > span.sub-before {
margin-right: .5em;
}
.information-box .tel i {
margin-right: .5em;
}
/*###### プライバシーポリシー ######*/
.page.privacy-policy dl dt,
.page.tokushoho dl dt {
font-weight: bold;
}
dd.mail-form-dd input[name="e1"] {
width: 3em;
margin-bottom: 10px;
}
dd.mail-form-dd input[name="e2"] {
width: 10em;
margin-bottom: 10px;
}
dd.mail-form-dd input[type="button"] {
border-radius: 40px;
border: none;
background: #da7115;
box-shadow: 0 3px 1px #a45510;
color: #fff;
transition: all 0.3s;
padding: .5em 1em;
cursor: pointer;
/*margin-top: 20px;*/
}
dd.mail-form-dd input[type="button"]:hover {
background: #e39550;
/*box-shadow: 0 -3px 1px #aa003e;*/
}
dd.mail-form-dd input[type="button"]:focus {
outline: 0;
background: #da7115;
box-shadow: 0 -3px 1px #a45510;
transform: translateY(3px);
}
dl.mail-form-dl dt {
clear: left;
float: left;
width: 8em;
}
dl.mail-form-dl dd {
margin-left: 8.5em;
margin-bottom: 1em;
}
/*###### 特商法 ######*/
.page.tokushoho th {
min-width: 8em;
}
.page.tokushoho th span,
.page.tokushoho td span {
display: inline-block;
}
.page.tokushoho td span:not(:last-child) {
margin-right: .5em;
}
/*###### 投稿ページ ######*/
.single:not(.item) .search-box input {
}
.search-box input.search-edit {
border-radius: 25px;
}
.search-box input.search-edit:focus {
outline-color: #f6dcc5;
}
/*###### コメント欄 ######*/
.comment-area .comment-title:before {
content: "\f075";
font-family: "Font Awesome 5 Free";
font-weight: 900;
/*margin-right: .5em;*/
color: #f6dcc5;
}
.comment-area .comment-title .sub-caption {
display: block;
}
.comment-form .comment-btn {
/*background-color: #f7e6ec;*/
/*border-color: #cc668b;*/
color: #30292b;
/*transition: all .3s;*/
}
.comment-form .comment-btn:hover {
/*background-color: #f7e6ec;*/
}
.comment-form .form-submit {
text-align: center;
}
.comment-form .form-submit input[type="submit"] {
width: 11em;
margin-left: auto;
margin-right: auto;
border-radius: 1.5em;
background-color: #f7e6ec;
border-color: #f6dcc5;
color: #30292b;
transition: all .3s;
}
.comment-form .form-submit input[type="submit"]:hover {
background-color: #efebed;
}
.comment-form textarea:focus,
.comment-form input:focus {
outline-color: #f6dcc5;
}
/*###### サイトマップ ######*/
div.sitemap ul {
list-style: none;
margin-left: 0;
}
div.sitemap > ul {
padding-left: 0;
}
div.sitemap ul > li {
/*list-style: none;*/
margin-left: 0;
}
div.sitemap ul li:before {
}
.sitemap .entry-title:before {
/*font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f0e8";
color: #f6dcc5;*/
}
/*###### SNS ######*/
.sns-buttons a {
border-radius: 20px 0 20px 0;
}
.sns-share,
.sns-follow {
position: relative;
text-align: center;
/*color: #aa003e;*/
color: #87787d;
}
.sns-share-message::before,
.sns-share-message::after,
.sns-follow-message::before,
.sns-follow-message::after {
font-family: "Font Awesome 5 Brands";
font-weight: 900;
content: "\f18c";
padding-right: .5em;
padding-left: .5em;
/*color: #aa003e;*/
color: #f6dcc5;
}
/*###### reCAPTCHA v3 表示 ######*/
.grecaptcha-badge {
margin-bottom: 60px;
}
/*###### モバイルメニュー ######*/
/*** ヘッダーモバイルボタン ***/
.mobile-header-menu-buttons {
/*box-shadow: none;*/
background-color: #fbf1e8;
}
.logo-menu-button .menu-button-in {
padding-left: 10px;
padding-right: 10px;
}
.menu-button-in .site-logo-image {
/*max-width: 95%;
height: auto;*/
vertical-align: middle;
display: inline-block;
opacity: 0;
animation: logoRising 1.5s ease 0.5s alternate forwards;
/*margin-bottom: 5px;*/
}
/*** サブメニュー折りたたみ ***/
.navi-menu-content .button:not(.current-menu-item):not(.current-menu-ancestor) > .sub-menu:not(.active) {
display: none;
}
/* ハンバーガーメニューアニメーション */
#navi-menu-close {
background-color: rgba(0,0,0,0.4) !important;
}
.mobile-header-menu-buttons {
 .navi-menu-button label.menu-button-in {
 overflow: hidden;
 display: block;
 position: relative;
 /*width: 30px;*/
 width: 100%;
 height: 40px;
 z-index: 0;
 /*margin-left: 20px;*/
 margin: auto;
 }
 .menu-button {
 border-left: 1px solid #fff;
 background-color: #fbf1e8;
  .menu-button-in {
   .menu-caption {
   display: none;
   }
   .menu-icon span {
   color: #da7115;
   font-size: 27px;
   /*padding-top: 2px;*/
   }
  }
 }
 .navi-menu-button:last-child {
 border-left: 1px solid #fbf1e8;
 background-color: #fff;
  & a.menu-button-in .menu-icon span {
  color: #aa003e;
  }
 }
 .navi-menu-button a.menu-button-in .menu-icon,
 .search-menu-button label.menu-button-in .menu-icon {
 /*margin-top: 9px;*//*Cocoonバージョン: 2.7.3.1でコメントアウト*/
 }
 .navi-menu-button {
  & label.menu-button-in span,
  & label.menu-button-in:before,
  & label.menu-button-in:after {
  display: block;
  position: absolute;
  /*top: 5px;*//*Cocoonバージョン: 2.7.3.1で変更*/
  top: 0;/*Cocoonバージョン: 2.7.3.1で変更*/
  bottom: 0;
  left: 0;
  right: 0;
  width: 27px;
  height: 2px;
  margin: auto;
  background-color: #da7115;
  }
  .navi-menu-icon {
  display: none;
  }
  & label.menu-button-in span {
  overflow: hidden;
  z-index: 1;
  opacity: 1;
  transition: opacity 300ms 100ms;
  }
  & label.menu-button-in:before {
  z-index: 2;
  transform: translate(0, -9px);
  content: "";
  transition: transform 400ms;
  }
  & label.menu-button-in:after {
  z-index: 2;
  transform: translate(0, 9px);
  content: "";
  transition: transform 400ms;
  }
  #navi-menu-input:checked + label.menu-button-in span {
  opacity: 0;
  transition: opacity 300ms;
  }
  #navi-menu-input:checked + label.menu-button-in:before {
  transform: rotate(-225deg);
  }
  #navi-menu-input:checked + label.menu-button-in:after {
  transform: rotate(225deg);
  }
  .navi-menu-content {
  width: 400px;
  padding-top: 20px;
  }
  .navi-menu-close-button {
  display: none;
  }
 }
}


/*.navi-menu-content .menu-item:not(.current-menu-item):not(.current-menu-parent) > a:hover:after*/
.navi-menu-content {
 .menu-item:not(.current-menu-item) > a:hover:after {
 content: "\f18c";
 font-family: "Font Awesome 5 Brands";
 font-weight: 400;
 margin-left: .5em;
 color: #f6dcc5;
 vertical-align: bottom;
 /*font-size: 90%;*/
 }
 .current-menu-item > a:after/*,
 .navi-menu-content .current-menu-parent > a:after*/ {
 content: "\f06c";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 margin-left: .5em;
 color: #f6dcc5;
 font-size: 90%;
 }
}

body .mobile-menu-buttons .search-menu-button {
display: none;
}
body.blog .mobile-menu-buttons .search-menu-button,
body.single:not(.item) .mobile-menu-buttons .search-menu-button {
display: block;
}
/*** フッターモバイルボタン ***/
.mobile-footer-menu-buttons {
background-color: transparent;
 & li.menu-button {
 background-color: rgba(255,255,255,0.8);
 }
 .menu-button {
  .menu-button-in {
  /*overflow: hidden;
  display: block;
  position: relative;
  width: 30px;
  height: auto;
  margin: auto;*/
  /*height: 40px;
  z-index: 0;*/
  /*margin-left: 20px;*/
   .menu-caption {
   color: #da7115;
   }
   .menu-icon span {
   color: #da7115;
   }
  }
  .sidebar-menu-close-button {
  color: #da7115;
  }
 }
}
body:not(.blog):not(.single) .mobile-footer-menu-buttons {
display: none;
}
body.blog .mobile-footer-menu-buttons,
body.single:not(.item) .mobile-footer-menu-buttons {
/*display: flex;*/
}

/* ###### トップへ戻る ###### */
.go-to-top-button {
border-radius: 50%;
}
.go-to-top-button span {
font-size: 150%;
}

/* ###### パララックス ###### */
.moving-wrap {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.moving-wrap.vertical {
transform: translateY(2em);
}
.moving-wrap.vertical.active {
transform: translateY(0);
}
.moving-wrap.horizontal {
transform: translateX(-100%);
opacity: 0;
}
.moving-wrap.horizontal.active {
transform: translateX(0);
opacity: 1;
}

.flex-container .flex-item.moving-wrap.horizontal:nth-of-type(2n),
.grid-container .grid-item.moving-wrap.horizontal:nth-of-type(2n) {
transition-delay: 0.1s;
}
/*###### 非表示項目 ######*/
.page .date-tags,
.single.item .date-tags {
display: none;
}
.contact,
.privacy-policy,
.tokushoho,
.sitemap,
.entry {
 .sns-share,
 .sns-follow {
 display: none;
 }
}
.contact .sns-share,
.contact .sns-follow,
.privacy-policy .sns-share,
.privacy-policy .sns-follow,
.tokushoho .sns-share,
.tokushoho .sns-follow,
.sitemap .sns-share,
.sitemap .sns-follow {
/*display: none;*/
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以上*/
@media screen and (min-width: 1024px){
 .header-in .tagline {
 display: inline-block;
 }
 /*###### コメント欄 ######*/
 .comment-form .comment-btn {
 /*width: 50%;
 margin-left: auto;
 margin-right: auto;*/
 }
 /*###### フッター ######*/
 .footer-bottom-logo .logo-image {
 max-width: 200px;
 }
 .navi-footer-in {
 margin-left: 200px;
 }
}
/*1255px以下*/
@media screen and (max-width: 1255px){
 #navi.fixed {
 width: initial;
 min-width: initial;
 border-radius: 0 0 0 0;
 }
}
/*1179px以下*/
@media screen and (max-width: 1179px){
 /*###### 商品詳細ページ ######*/
 .single.item .item-caption.safety dl dt {
 float: none;
 /*width: 100%;*/
 }
 .single.item .item-caption.safety dl dd {
 /*margin-left: 2em;*/
 }
}
/*1023px以下*/
@media screen and (max-width: 1023px){
 .mobile-menu-buttons {
 align-items: stretch; /*Cocoon2.6.9継承*/
 }
 .mobile-menu-buttons > li {
 padding-top: 3px; /*Cocoon2.6.9継承*/
 }
  /*###### ナビゲーション ######*/
  #navi {
  /*box-shadow: none;*/
  }
  /*###### アピールエリア ######*/
  #appeal {
  height:calc(100vw * 0.5);
  }
  /*###### 零売 ######*/
  .reibai.page .flex-container.merit .flex-item {
  width: 48%;
  }
  /*** カート入数ボタン ***/
  .cart-totalquantity-wrap {
  top: 50px;
  left: 0;
  }
  .cart-totalquantity-wrap.move {
  top: 0px;
  left: 0;
  }
  .flex-container.site-spirulina .flex-item {
  width: 50%;
  }
  /*** grid layout ***/
  .grid-container {
  grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  /*###### 処方せん ######*/
  .prescription.page .flex-container.flow > .flex-item > p img {
  width: 33%;
  }
  .prescription.page .flex-container.flow .flex-item {
  width: 98%;
  }
  .prescription.page .flex-container.flow > .flex-item:not(:last-child):after {
  top: initial;
  left: 0;
  transform: rotate(90deg) translate(2.4rem,-1rem);
  }
  /*** パララックス ***/
  .prescription.page .flex-container.flow .moving-wrap.horizontal:not(:first-child) {
  transform: translateX(0) translateY(2em);
  }
  .prescription.page .flex-container.flow .moving-wrap.horizontal.active,
  .prescription.page .flex-container.flow .moving-wrap.horizontal:first-child {
  transform: translateX(0) translateY(0);
  opacity: 1;
  }
  /*###### 零売 ######*/
  .reibai.page .flex-container.merit > .flex-item img,
  .reibai.page .flex-container.flow:not(.line) > .flex-item > img,
  .reibai.page .flex-container.flow:not(.line) > .flex-item > a img {
  width: 33%;
  }
  .reibai.page .flex-container.merit > .flex-item,
  .reibai.page .flex-container.flow:not(.line) > .flex-item {
  width: 98%;
  }
  .reibai.page .flex-container.flow:not(.line) > .flex-item:not(:last-child):after {
  top: initial;
  left: 0;
  transform: rotate(90deg) translate(2.4rem,-1rem);
  }
  .reibai.page .flex-container.line .flex-item {
  }
  .reibai.page .flex-container.line > .flex-item > a img {
  }
  /*** パララックス ***/
  .reibai.page .flex-container.flow:not(.line) .moving-wrap.horizontal:not(:first-child) {
  transform: translateX(0) translateY(2em);
  }
  .reibai.page .flex-container.flow:not(.line) .moving-wrap.horizontal.active,
  .reibai.page .flex-container.flow:not(.line) .moving-wrap.horizontal:first-child {
  transform: translateX(0) translateY(0);
  opacity: 1;
  }
  /*** メンバーページ ***/
  .usces-member #memberpages .loginbox,
  .usces-member #memberpages #newmember .customer_form {
  width: 100%;
  }
}
/*780px以下*/
@media screen and (max-width: 780px){
 /*###### トップページ ######*/
 .home.page .flex-container.menu .flex-item {
 width: 48%;
 }
}
/*768px以下*/
@media screen and (max-width: 768px){
 /*Welcart商品ページ*/
 .single.item #itempage form dl {
 margin-left: 0;
 margin-left: auto;
 }
 .single.item #itempage form ul:not(.worry) {
 margin-left: 0;
 margin-left: auto;
 }
 .single.item #itempage form dl dt {
 position: static;
 float: none;
 clear: none;
 text-align: left;
 width: auto;
 }
 .single.item #itempage form dl dd {
 margin-left: auto;
 }
 /*###### 問い合せ（求人）フォーム ######*/
 dl#Inquiry dt,
 dl.inquiry dt {
 width: auto;
 text-align: left;
 }
 dl#Inquiry dt,
 dl.inquiry:not(.not-float-none) dt {
 float: none;
 }
 dl#Inquiry dd,
 dl.inquiry:not(.not-float-none) dd {
 margin-left: 0;
 }
 .contact,
 .entry {
  & dl.inquiry.dl-single-line > dt,
  & dl.dl-single-line > dt {
  width: auto;
  }
  & dl.inquiry.dl-single-line:not(.not-float-none) > dt,
  & dl.dl-single-line:not(.not-float-none) > dt {
  float: none;
  }
  & dl.inquiry.dl-single-line > dd,
  & dl.dl-single-line > dd {
  margin-left: 0;
  }
  & dl.inquiry.dl-single-line > dd.has-parent,
  & dl.inquiry > dd.has-parent {
   & dt {
   float: none;
   width: auto;
   }
   & dd {
   margin-left: 0;
   }
  }
 }
 .contact .monshin dl.inquiry > dd.has-parent {
 /*margin-left: 0;*/
 }
}
/*739px以下 */
@media screen and (max-width: 739px){
 /*** メンバーページ ***/
 .usces-member #memberpages #newmember .customer_form th {
 width: 100%;
 background-color: transparent;
 padding-top: .3em;
 }
 .usces-member #memberpages #newmember .customer_form .inp1 td {
 width: 50%;
 }
}
/*599px以下*/
@media screen and (max-width: 599px){
  /*必要ならばここにコードを書く*/
  /*###### 共通 ######*/
 .entry-content img.alignleft:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan),
 .entry-content img.alignright:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan),
 .item-caption img.alignleft:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan),
 .item-caption img.alignright:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan),
 figure.alignleft,
 figure.alignright,
 .wp-block-image.alignleft,
 .wp-block-image.alignright/*,
 .wp-block-image figure.alignleft,
 .wp-block-image figure.alignright*/ {
 width: 50%;
 height: auto;
 }
 img.kaki-chan.size-medium,
 img.hie-meta.size-medium,
 img.hie-chan.size-medium,
 img.meta-bo.size-medium,
 img.rina-chan.size-medium {
 width: 33%;
 height: auto;
 }
 /*###### アピールエリア ######*/
 .appeal-content {
 /*margin-top: 60px;*/
 position: absolute;
 top: 20%;
 left: 0;
 right: 0;
 margin: auto;
 }
 /*###### トップページ ######*/
 .home.page .flex-container.pict .flex-item {
  width: 33.333333%;
 }
 /*###### 商品詳細ページ ######*/
 .single.item .item-caption.safety dl dt {
 float: left;
 clear: left;
 /*width: 17em;*/
 }
 .single.item .item-caption.safety dl dd {
 /*margin-left: 17.5em;*/
 }
 /*###### 食事の順序 ######*/
 .flex-container.order .flex-item {
 width: 100%;
 margin: 0 0 1em 0;
 }
 .flex-container.order .flex-item:not(:last-child):after {
 content: "\f0d7";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 top: 0;
 bottom: -1.2em;
 right: 0;
 left: 0;
 align-items: flex-end;
 justify-content: center;
 }
}
/*536px以下*/
@media screen and (max-width: 536px){
  /*必要ならばここにコードを書く*/
  /*** grid layout ***/
  .grid-container {
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
 /*###### 商品詳細ページ ######*/
 .single.item .item-caption.safety dl dt {
 float: none;
 }
 .single.item .item-caption.safety dl dd {
 }
 /*###### カートページ ######*/
 .cart_navi ul li {
 /*width: 50%;*/
 font-size: 12px;
 }
 /*###### プライバシーポリシー・特商法 ######*/
 dl.mail-form-dl dt {
 float: none;
 width: auto;
 }
 dl.mail-form-dl dd {
 margin-left: 0;
 }
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  /*###### 共通 ######*/
 .entry-content img.alignleft:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan),
 .entry-content img.alignright:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan),
 .item-caption img.alignleft:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan),
 .item-caption img.alignright:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan),
 figure.alignleft,
 figure.alignright,
 .wp-block-image.alignleft,
 .wp-block-image.alignright/*,
 .wp-block-image figure.alignleft,
 .wp-block-image figure.alignright,*/ {
 float: none;
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 20px;
 width: 100%;
 }
 .clearfix.large-photo > img,
 .clearfix.large-photo > p img,
 .clearfix.large-photo > .wp-block-image {
 max-width: 100%;
 }
 /*###### トップページ ######*/
 .home.page .flex-container.menu .flex-item {
 width: 98%;
 }
  /*###### 処方せん ######*/
  .prescription.page .flex-container.flow > .flex-item > p img {
  width: 50%;
  }
 /*###### 零売 ######*/
 .reibai.page .flex-container.flow .flex-item {
 /*width: 98%;*/
 }
 /*Welcart商品一覧*/
 .gr-item .item-caption dl {
 margin-left: 0;
 margin-left: auto;
 }
 .gr-item .item-caption dl dt {
 position: static;
 float: left;
 clear: left;
 }
 .gr-item .item-caption dl dd {
 }
 .gr-item .item-caption ul:not(.worry) {
 margin-left: 0;
 margin-left: auto;
 }
 .gr-item-img.alignleft,
 .gr-item-img.alignright {
 float: none;
 display: block;
 text-align: center;
 }
 /*商品ページ*/
 .single.item #itempage form dl {
 margin-left: 0;
 margin-left: auto;
 }
 .single.item #itempage form dl dt {
 position: static;
 float: left;
 clear: left;
 }
 .single.item #itempage form dl dd {
 }
 #itempage .item-caption ul:not(.worry) {
 margin-left: 0;
 margin-left: auto;
 }
 #itempage .itemimg {
 float: none;
 display: block;
 text-align: center;
 }
 /*###### カートページ ######*/
 .cart_navi ul li {
 width: 100%;
 font-size: 14px;
 margin-bottom: .5em;
 border-radius: 20px;
 }
 .cart_navi ul li:first-child {
 border-radius: 20px;
 }
 .cart_navi ul li:last-child {
 border-radius: 20px;
 }
 .cart_navi ul li:not(:last-child):after {
 content: "\f0d7";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 top: 0;
 bottom: -1.2em;
 right: 0;
 left: 0;
 align-items: flex-end;
 justify-content: center;
 }
 /*###### 求人 ######*/
 .recruitment dl {
 /*margin-bottom: 0.5em;*/
 }
 .recruitment dl > dd {
 margin-left: 0.5em;
 }
 .recruitment .dl-single-line > dt {
 /*float: none;*/
 }
 /*投稿ページ本文下*/
 .widget_text img.alignleft:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan),
 .widget_text img.alignright:not(.kaki-chan):not(.hie-chan):not(.meta-bo):not(.hie-meta):not(.rina-chan) {
 float: none;
 display: block;
 text-align: center;
 }
 .flex-container.site-spirulina .flex-item {
 width: 100%;
 }
 /*** 固定ページ本文下 ***/
 .info-container .flex-container .flex-item {
 width: 100%;
 }
 .info-container .flex-container .flex-item a.page-link-btn:before {
 font-size: .9rem;
 top: calc(50% - .55rem);
 right: 1rem;
 }
 /*** ページリンクボタン ***/
 div.request-wrap {
 font-size: 150%;
 }
 a.page-link-btn {
 font-weight: 700;
 letter-spacing: 0em;
 font-size: 1.0rem;
 padding: 1.0rem 2.2rem 1.2rem 1.0rem;
 }
 a.page-link-btn i.fa,
 a.page-link-btn i.fas {
 margin-right: 0.5rem;
 }
 /*** 内部リンクボタン ***/
 a.internal-link-btn {
 font-size: 80%;
 }
 /*** モバイルメニュー ***/
 .mobile-menu-buttons .navi-menu-button .navi-menu-content {
 width: 290px;
 }
 /*** カウンター ***/
 .counter-wrap dl:not(.check) > dt {
 /*flex-direction: column;*/ /* 縦並びに変更 */
 align-items: flex-start; /* 小さい画面では上寄せ */
 gap: .25em; /* 番号とテキストの間隔をなくす */
 }
 .counter-wrap dl:not(.check) > dt::before {
 flex-shrink: 1; /* 番号部分の縮小を許可 */
 width: 1.5em;  /* 少し小さくしてバランス調整 */
 height: 1.5em;
 min-width: 1.5em;
 align-self: flex-start; /* 番号を左揃え */
 }
 .counter-wrap dl dd {
 margin-left: 0;
 }
 .counter-wrap.with-image dl:not(.check) > dt {
 flex-direction: column; /* 縦並びに変更 */
 gap: .25em 0; /* 番号とテキストの間隔をなくす */
 }
 /*** チェックリスト ***/
 ul.check > li {
 align-items: flex-start; /* 小さい画面では上寄せ */
 gap: .25em; /* アイコンとテキストの間隔を狭く */
 }
 ul.check > li:before {
 width: 1.5em;  /* 少し小さくしてバランス調整 */
 height: 1.5em;
 min-width: 1.5em;
 align-self: flex-start; /* アイコンを左揃え */
 }
}
/*************************
** 印刷用のメディアクエリ
**************************/
@page {
 /*size: A4 portrait;*/
 size: A4;
 margin: 0;
}
@media print {
 *{
 margin: 0mm;
 padding: 0mm;
 }
 body {
 width: 210mm;
 }
 #print h2 {
 margin-bottom: 1em;
 }
 #print.print-seasonal h2 {
 font-size: 14pt;
 }
 #print p {
 margin-bottom: 1em;
 /*font-weight: bold;*/
 padding: .05em .5em;
 background-color: #ff9;
 color: #371f28;
 }
 .print-off,
 #print h2 + p {
 display: none;
 }
 #print {
 /*top:0 !important;
 left:0 !important;*/
 width: 210mm;
 height: 296.5mm;
 /*page-break-after: always;*/
 box-sizing: border-box;
 padding: 10mm 10mm;
 font-size: 11pt;
 }
 #print .company-name-wrap {
 position: absolute;
 top: 0;
 right: 0;
 margin: 10mm 10mm;
 padding: 3mm;
 width: auto;
 line-height: 130%;
 font-size: 9pt;
 border: solid 0.3mm #aa003e;
 box-sizing: border-box;
 border-radius: 3mm;
 }
 #print .company-name-wrap .zip {
 margin-right: .5em;
 }
 #print .company-name-wrap .free-dial-mark,
 #print .company-name-wrap i.fa {
 width: 1.5em;
 height: auto;
 }
 #print.print-seasonal .company-name-wrap {
 position: absolute;
 top: 0;
 right: 0;
 margin: 10mm 10mm;
 padding: 1mm 2mm;
 width: auto;
 line-height: 120%;
 font-size: 8pt;
 border: solid 0.3mm #aa003e;
 box-sizing: border-box;
 border-radius: 3mm;
 }
 #print .flex-container .flex-item {
 margin-bottom: .5em;
 margin-right: 0;
 margin-left: 0;
 }
 #print .flex-container .flex-item span {
 height: auto;
 margin: .2em .2em 0em 0em;
 padding: .2em .5em .2em .5em;
 border-radius: 1em;
 font-size: 10pt;
 }
 #print .flex-container .flex-item img + span {
 margin: .2em .2em 0em -1em;
 padding: .2em .5em .2em 1.1em;
 }
 #print.print-seasonal h2 {
 margin-bottom: 0em;
 }
 #print.print-seasonal .seasonalfoods dt,
 #print.print-seasonal .seasonalfoods dd {
 margin-bottom: 0em;
 font-size: 10pt;
 }
 #print.print-seasonal .flex-container .flex-item img {
 width: 8mm;
 height: auto;
 }
 #print.print-seasonal .flex-container .flex-item span {
 margin: .1em .1em 0em -1em;
 padding: .2em .5em .2em 1em;
 font-size: 8pt;
 }
 #print.print-seasonal .flex-container .flex-item {
 margin-bottom: .05em;
 }
 #print.print-seasonal p,
 #print.print-seasonal .osechi {
 display: none;
 }
}