@charset "UTF-8";
/*===== 共通 =====*/
body {
	font-family: YakuHanJP, 'Noto Sans JP', sans-serif!important;
}
.c-responsive-table>table tbody th, .p-entry-content>table tbody th, .textwidget>table tbody th, .wp-block-column>table tbody th, .wp-block-cover__inner-container>table tbody th, .wp-block-group__inner-container>table tbody th, .wp-block-latest-posts__post-full-content>table tbody th, .wp-block-media-text__content>table tbody th, .wp-block-table tbody th{
	background-color:#f9f9f9 !important;
}
.c-site-branding .custom-logo, .wpaw-site-branding__logo .custom-logo {
    height: 80px!important;
    width: auto!important;
}
h1, h2:not(.smb-panels__item__title), h3:not(.c-entry-summary__title), h4:not(.lineuppage_thum_block_midashi), h5, h6 {
	font-weight:100 !important;
}
strong {
	font-weight:700 !important;
}
.p-breadcrumbs-wrapper {
    background: #f6f6f6;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
    border-bottom: 1px solid #eee;
	max-width:100vw !important;
}
body.parent-pageid-61 .l-contents__inner:last-child{
	padding-bottom:0 !important;
}
.smb-btn:active, .smb-btn:focus, .smb-btn:hover {
  filter: brightness(80%);
}
/*.wp-block-table{
	width:auto !important;
}*/

.wp-block-gallery:not(.has-nested-images){
	margin:0 auto !important;
}

@media ( min-width: 64em ) {
.p-breadcrumbs-wrapper {

}
}

h2.smb-panels__item__title{
	font-size:1.4rem;
	font-weight:100 !important;
	line-height:1.8rem;
	margin-bottom:30px;
}
.sp_br br{
	display:none;
}
.pc_br br{
	display:block;
}
@media ( min-width: 64em ) {
.pc_br br{
	display:none;
}
.sp_br br{
	display:block !important;
}
}

/*===== トップページ =====*/
/*.home_es_block	{
	padding-top:0 !important;
}*/
.lineup_midashi{
	font-size:2rem;
	line-height:120%;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
    margin-top: 0px !important;
}
.lineup_name{
  display: table;
  margin: 1.5em auto 0;
  line-height: 1.4rem;
  color:#553140 !important;
  padding: 0.4em 1em;
  border: 1px solid #553140 !important;
  font-weight:200;
	text-align:center;
}

@media ( min-width: 64em ) {
	.blocks-gallery-item{
		margin-right:5px !important;
	}
	.home_gallery_block li:nth-child(2),
	.home_gallery_block li:nth-child(6),
	.home_gallery_block li:nth-child(4){
		margin-right:20px !important;
    }
  .lineup_midashi{
      font-size: 2.8rem;
      background: none !important;
      border: none !important;
      padding: 0 !important;
      margin-bottom: 20px !important;
      margin-top: 0px !important;
  }
  .lineup_name{
    display: inline-block;
  margin: 1.5em auto 0;
    line-height: 1;
    color:#553140 !important;
    padding: 0.6em 1em;
    border: 1px solid #553140 !important;
    font-weight:200;
	  text-align:left !important;
  }
}

.gallery_block{
	padding-top:10px;
}
.gallery_block .c-container{
	padding-left:0;
	padding-right:0;
}
.home_voice_block .c-entry-summary__term	{
	display:none;
}
.home_voice_block .c-entry-summary__meta	{
	display:none;
}
body.category-3 .c-meta__item--published	{
	display:none;
}
.contact_btn	{
}
.home_oshirase_block,
.home_voice_block{
	background-color:#F8F5E9;
	border-radius:0px;
	padding:20px;
}
.home_oshirase_block h2,
.home_voice_block h2{
	background-color:inherit !important;
	border-bottom:1px solid #E3D8A8;
	border-left:none;
	font-size:1.2rem;
	padding-left:0;
}
.home_oshirase_block ul,
.home_voice_block ul{
	border-top:0 !important;
}
.home_oshirase_block ul li.c-entries__item,
.home_voice_block ul li.c-entries__item{
	border-bottom:1px dashed #E3D8A8 !important;
}
.home_oshirase_block ul.c-meta{
	border-bottom:none !important;
}
.home_features_block .smb-panels__item__title{
	font-size:1.4rem;
}
.home_features_block .smb-panels__item__content{
	font-size:.875rem;
}
.home_features_block .smb-panels__item__link	{
	background-color:#865a23 !important;
	color:#FFFFFF;
	border-radius:0px;
	padding:12px 0;
	font-size:0.8rem;	
}
.home_repeat_block h2{
	background:none !important;
	border:none !important;
	font-size:1.5rem !important;
	text-align:center;
}
@media ( min-width: 64em ) {
	section h2.smb-section__title{
		font-size:2rem !important;		
	}
	.home_repeat_block .blocks-gallery-item{
		margin-right:5px !important;
        margin-bottom: 5px !important;
    }
}

/*===== メインビジュアル =====*/
.wp-block-image>figure, figure.wp-block-image{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.mainvisuals {
    position: relative;
}
.fv-products {
	position:absolute !important;
    bottom: 4vw;
    left: 14%;
    z-index: 100;
	width: 25vw;
	}
.fv-text {
	font-family:"リュウミン M-KL","Ryumin Medium KL",serif !important;
	position:absolute !important;
	top: 18%;
	left: 12%;	
	font-size: 4vw;
	line-height:140%;
	color:#4c3c1d;
	font-feature-settings: "palt";
	text-shadow: 2px 6px 18px rgb(0 0 0 / 10%), 1px 1px 2px rgb(0 0 0 / 10%);
}

@media screen and (max-width: 63.9375em) {
.fv-products {
	position:absolute !important;
    bottom: 5%;
    left: 5%;
    z-index: 100;
	width: 60vw;
	}
.fv-text {
	font-family:"リュウミン M-KL","Ryumin Medium KL",serif !important;
	position:absolute !important;
	top: 20%;
	left: 5%;	
	font-size: 10vw;
	line-height:140%;
	color:#4c3c1d;
	font-feature-settings: "palt";
    -moz-text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.9);
    -webkit-text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.9);
    -ms-text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.9);
    text-shadow: 2px 2px 3px rgba(255, 255, 255, 0.9);
}
}


/*===== シングル　アーカイブ =====*/
.type-post li.c-meta__item--author{
	display:none !important;
}
.c-prev-next-nav__item-figure > img {
  display: none;
}
.c-prev-next-nav__item > a {
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  color: #000;
}
.c-meta__item--author,
.c-entry-summary__figure .c-entry-summary__term,
.single .c-meta__item--categories {
	display: none;
}


/*===== ヘッダー =====*/
@media screen and (max-width: 63.9375em) {
.c-site-branding .custom-logo, .wpaw-site-branding__logo .custom-logo {
    height: 48px!important;
    width: auto!important;
    margin-top: 5px;
    margin-left: 5px;
}
}
.p-global-nav .c-navbar__item > a:hover,
.p-global-nav--hover-text-color .c-navbar__item a:hover,
.p-global-nav--hover-text-color .c-navbar__item[data-active-menu] a:hover {
    color: #B99146;
}
.c-header-content .c-btn	{
	border-radius:0px !important;
}
/*.c-header-content .c-btn:hover	{
	background-color:#B99146;
}*/
.u-invisible-lg-up {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 5px;
    right: 0;
    color: #4c3c1d;
}
.c-row__col.c-row__col--fit.u-invisible-lg-up {
display: flex;
justify-content: center;
align-items: center;
}
.c-row--margin-s>.c-row__col {
    padding: 0!important;
    margin: 0!important;
}
.c-hamburger-btn__bars {
    width: 32px;
    height: 24px;
}
.c-hamburger-btn__bar {
height: 1px;
}
.c-hamburger-btn__bar:first-of-type {
    top: 0;
}
.c-hamburger-btn__bar:nth-of-type(2) {
    top: 8px;
}
.c-hamburger-btn__bar:nth-of-type(3) {
    top: 16px;
}
.l-header--sticky-overlay-colored-sm .c-hamburger-btn__bar {
    background-color: #4c3c1d!important;
}
.c-hamburger-btn__label {
    font-size: 12px;
}
.c-hamburger-btn[aria-expanded=true] > .c-hamburger-btn__bars > .c-hamburger-btn__bar:nth-of-type(2) {
opacity: 0;
}
.c-hamburger-btn__bars {
  display: block;
  margin: 3px auto 0px;
}

/*===== フッター =====*/
.l-footer{
	background-color:#F8F5E9;
}
#menu-footer-nav li {
  margin: 4px 0px;
}
.c-copyright {
    background-color: #865a23;
    text-align: center;
    font-size: 12px;
}
.footer_block	{
	text-align:center;
	margin:0 auto;
}
.footer_block img {
  width: 150px;
  height: auto;
  margin: 0 0 20px;
}
.footer_name{
  font-size: 1.2rem;
  margin-bottom: 0px;
}
.footer_text {
	font-size:1.4rem;
	font-weight:700;
	margin-top:0 !important;
}
.footer_text p span,
.footer_add p span{
	display:block;
	font-size:0.8rem;
	font-weight:400;
}
.footer_add {
	margin-top:4px !important;
}

#custom_html-2,
#custom_html-3{
	margin-top:30px;
}
.l-footer-widget-area .c-fluid-container	{
	margin:0 auto;
}
nav#footer-sticky-nav {
    background: #4c3c1d;
}
nav#footer-sticky-nav ul li a {
    color: #FFF;
    padding: 12px 0 0 0 ;
    font-weight: 500;
    text-decoration:none;
    line-height: inherit;
    font-size: 11px;
    font-size: .9rem;
}
nav#footer-sticky-nav ul li:first-child {
  border-right: 1px solid #FFFFFF;
}
nav#footer-sticky-nav ul li a::before {
  display:none;
}
.p-footer-sticky-nav[data-clickable=false] .c-navbar {
    opacity: initial!important;
}
@media (min-width: 64em) {
	.l-footer .c-row{
		  align-items: center;
	}
}
@media ( max-width: 30em ) {
	.l-footer-widget-area__item ul.menu {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.l-footer-widget-area__item ul.menu li {
		flex: 0 1 calc(50% - 2px);
		width: calc(50% - 2px);
		margin-top: 0;
		margin-bottom: 4px;
	}
	.l-footer-widget-area__item ul.menu li a {
		color: var(--shizuno-blue);
		display: block;
		border: 1px solid #4c3c1d;
		padding: .5em;
	}
}

/*===== トップページ　商品一覧 =====*/
.lineup_block .smb-panels__item .smb-panels__item__link {
display: block;
  background-color: #4c3c1d;
  color: #FFF;
  padding: 10px;
  border-radius: 50px;	
}

/*===== 商品一覧、商品詳細ページ =====*/
.lineuppage_block .smb-panels__item__body{
	padding:0;
}
.lineuppage_block .smb-panels__item:active, .lineuppage_block .smb-panels__item:focus, .lineuppage_block .smb-panels__item:hover{
  filter: brightness(90%);	
}
.lineuppage_block .smb-panels__item__body .smb-panels__item__link{
	border-radius:0 0 0px 0px !important;
}
.lineuppage_thum_block .smb-media-text__body .lineup_midashi{
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.lineuppage_thum_block_btn a{
	font-size:1.4rem !important;
	
}


/*===== お問い合わせ =====*/
.tbl-tel table th{
	background-color:#f9f9f9 !important;
	width:20%;
}
.wrap_contact .contact_table {
    width: 100%;
    margin-bottom: 25px;
    border-collapse: collapse;
}
.wrap_contact .contact_table th,
.wrap_contact .contact_table td {
    padding: 1em;
    border: 1px solid #eee;
}
.wrap_contact .contact_table th {
    width: 18em;
    text-align: left;
    background: #f9f9f9;
    position: relative;
}
.wrap_contact .contact_table th span {
    padding: 3px 10px;
    font-size: 13px;
    color: #fff;
    border-radius: 0px;
    background-color: #b52121;
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    display: block;
}
.wrap_contact .contact_table input,
.wrap_contact .contact_table textarea {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: solid 1px #ddd;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
.wrap_contact .item_confirmtxt {
    width: 100%;
    margin: 0 auto 20px;
    padding: 1em;
    font-size: 14px;
    border: 1px solid #ccc;
}
.wrap_contact .item_checkbtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px;
    text-align: center;
}
.wrap_contact .item_checkbtn input[type="checkbox"] {
    width: 24px;
    height: 24px;
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 0px;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
}
.wrap_contact .item_checkbtn input[type="checkbox"]:checked {
    background: #cd162c;
    border: 1px solid #cd162c;
}
.wrap_contact .item_checkbtn input[type="checkbox"]:checked:before {
    content: '';
    width: 10px;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    left: 1px;
    top: 14px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}
.wrap_contact .item_checkbtn input[type="checkbox"]:checked:after {
    content: '';
    width: 16px;
    height: 3px;
    background: #fff;
    display: block;
    position: absolute;
    left: 9px;
    top: 14px;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
.wrap_contact span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 12px;
    display: block;
}
.wpcf7-not-valid {
    background: #f4e1e1!important;
}
.wrap_contact .item_submit {
    width: 300px;
    margin: 0 auto;
    padding: 0 10px;
    text-align: center;
}
.wrap_contact .item_submit input {
    width: 100%;
    height: 64px;
    padding: 1rem;
    color: #fff;
    border: none;
    border-radius: 0px;
    background-color: #cd162c;
    cursor: pointer;
    font-size: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
.wrap_contact .item_submit input[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
	line-height: 1;
}
input.wpcf7-form-control.wpcf7-submit {
    font-size: 16px;
    font-weight: 700;
}
.wrap_contact .contact_table .wpcf7-list-item {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 5px;
  padding: 8px;
	border-radius: 0px;
}
.wrap_contact .contact_table .wpcf7-list-item label {
  display: flex;
  align-items: center;
}

.wrap_contact .contact_table .wpcf7-list-item:last-child {
  margin-bottom: 0;
}

.wrap_contact .contact_table .wpcf7-list-item .wpcf7-list-item-label {
  font-size: 16px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
 }

.wrap_contact .contact_table .wpcf7-list-item input[type="checkbox"] {
  background: #fff;
  border: solid 1px #bbbbbb;
  border-radius: 4px;
  height: 24px !important;
  margin: 0;
  margin-right: 10px;
  outline: none;
  padding: 0;
  position: relative;
  -webkit-appearance: none;
  width: 24px !important;
}

.wrap_contact .contact_table .wpcf7-list-item input[type="checkbox"]:checked {
  outline: none;
}

.wrap_contact .contact_table .wpcf7-list-item input[type="checkbox"]:checked:before {
  background: #b10000;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
}

.wrap_contact .contact_table .wpcf7-list-item input[type="radio"] {
  background: #fff;
  border: solid 1px #bbbbbb;
  border-radius: 100%;
  height: 24px !important;
  margin: 0;
  margin-right: 10px;
  outline: none;
  padding: 10px;
  position: relative;
  -webkit-appearance: none;
  width: 24px !important;
}

.wrap_contact .contact_table .wpcf7-list-item input[type="radio"]:checked:before {
  background: #4c3c1d;
  border-radius: 100%;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 16px;
}
@media screen and (max-width: 63.9375em) {
    .wrap_contact .contact_table th,
    .wrap_contact .contact_table td,
	.tbl-tel table th,
	.tbl-tel table td{
        width: 100%;
        border-bottom: none;
        display: block;
    }
    .wrap_contact .contact_table tr:last-child td,
	.tbl-tel table tr:last-child td{
        border-bottom: 1px solid #eee !important;
    }
}

/*===== 会員様向けコンテンツ =====*/
body.post-type-archive-how_to_use .p-archive {
  display: none;
}
body.post-type-archive-how_to_use .c-entries--text .c-entry-summary__body	{
	flex-direction: column-reverse;
}
body.post-type-archive-how_to_use .c-meta__item--published{
	font-size:0.7rem;
	color:#888888 !important;
}
body.post-type-archive-how_to_use .how_to_use_products p{
    margin-top: 5px !important;
    line-height: 140%;
	font-weight:bold;
	font-size:1.0rem;
}

/* 会員様向けコンテンツの動画一覧を4列に */
@media (min-width: 64em) {
.how_to_use_douga .c-entries .c-entries__item {
flex: 0 1 25%;
max-width: 25%;
}
}