@charset 'utf-8';

/* ============================
  ベース
/* ============================ */
img{
	vertical-align:bottom;
}

/*ホバーエフェクト*/
a {
	color:#333;
	text-decoration: underline;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:hover{
	color:#333;
	text-decoration: none;
}

.entry-content a{
	color:#0265c1;
}

/*明朝フォント*/
.mincho{
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
}



/*動く下線パターン1*/
.txt a{
	text-decoration: none;
	background: linear-gradient(#333,#333) 100% 100%/100% 1px no-repeat;
}
.txt_g a{
	text-decoration: none;
	background: linear-gradient(#aaa,#aaa) 100% 100%/100% 1px no-repeat;
}
.txt_w a{
	text-decoration: none;
	background: linear-gradient(#fff,#fff) 100% 100%/100% 1px no-repeat;
}
span.txt:hover,
.txt a:hover,
.txt_g a:hover,
.txt_w a:hover{
	animation: u_line .8s cubic-bezier(.23,1,.32,1) 0s;
}
@keyframes u_line{
	0%{background-size:100% 1px;background-position:100% 100%}
	50%{background-size:0 1px;background-position:100% 100%}
	51%{background-size:0 1px;background-position:0 100%}
	to{background-size:100% 1px;background-position:0 100%}
}
/*動く下線パターン2*/
.txt2 a{
	text-decoration: none;
	background: linear-gradient(#333,#333) 100% 100%/0 1px no-repeat;
	transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s;
}
.txt2_g a{
	text-decoration: none;
	background: linear-gradient(#aaa,#aaa) 100% 100%/0 1px no-repeat;
	transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s;
}
.txt2_w a{
	text-decoration: none;
	background: linear-gradient(#fff,#fff) 100% 100%/0 1px no-repeat;
	transition: background-size .4s cubic-bezier(.23,1,.32,1) 0s;
}
.txt2 a:hover,
.txt2_g a:hover,
.txt2_w a:hover{
	background-size: 100% 1px;
	background-position: 0 100%;
}

.red{
	color:#fa0f00;
}


/*選択時の色*/
::-moz-selection {
    background: #ddd;
}
::selection {
    background: #ddd;
}
::-moz-selection {
    background: #ddd;
}

.fa {
    padding: 0 5px;
}


/*見出し*/

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	font-weight: bold;
	letter-spacing:0.05em;
	line-height: 1.2em;
	position: relative;
	margin: 2.5em 0 1.5em 0;
	padding:0;
}

#content h1 {
	font-size:2.5em;
	line-height: 1.6em;
}
#content h2 {
	font-size: 2rem;
	margin: 2.5em 0 2em 0;
}
#content h3 {
	font-size:1.6rem;
}
#content h4 {
	font-size: 1.3rem;
}
#content h5 {
	font-size: 1.2rem;
}
#content h6 {
	font-size: 1em;
	margin: 2em 0 0.5em 0;
}

/* テーブル
----------------------------- */

/*ノーマル*/
#content table {
	font-size:1rem;
	line-height: 1.8em;
	width: 100%;
	margin: 1em 0;
	border-collapse: collapse;
	text-align: left;
	border:none;
	border-top: 1px solid #d9d7ce;
}

#content table th {
	width: 20%;
	font-weight: bold;
	padding: 1.2em  1em;
	text-align: left;
	vertical-align: top;
	border:none;
	border-bottom: 1px solid #d9d7ce;
	word-break: break-all;
	background-color:#ececec;
}

#content table td {
	padding: 1.2em  1em;
	vertical-align: top;
	border:none;
	border-bottom: 1px solid #d9d7ce;
	word-break: break-all;
}

#content .center table th {
	text-align: center;
}

/*th幅30%*/
#content .th_w30 table th {
	width: 30%;
}


/*ボタンスタイル*/
.btn a {
	font-size:1rem;
	max-width:390px;
	line-height: 60px;
	letter-spacing:0.05em;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #6a5920;
	background: #fff;
	border:solid 1px #ccc;
	position: relative;
}

.center.btn a,
.center .btn a {
	margin:0 auto;
}
.right.btn a{
	margin:0 0 0 auto;
}

/*大きいボタン*/
.btn.btn_w a {
	max-width:580px;
	font-family: "Zen Old Mincho", serif;
	font-weight: 500;
	font-style: normal;
	font-size:1.2rem;
	line-height: normal;
	display:flex;
	justify-content: center;
	align-items: center;
	height:80px;
	color:#222;
	background:url("../img/home/arrow_right.svg") 93% center no-repeat #fff;
	background-size:65px auto;
	position:relative;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.btn.btn_w a:hover{
	opacity:0.6;
	background-position: 94% center;
}

	/*大きいボタンの最大*/
	.btn.btn_w.btn_max a {
		max-width:100%;
	}

.more{
	padding:2rem 0;
}
.more>a{
	font-weight:500;
	display: inline-block;
	letter-spacing: 0.05em;
	text-decoration:none;
}

.center.more a,
.center .more a {
	margin:0 auto;
}
.right.more a{
	margin:0 0 0 auto;
}






/*リンクスタイル*/
.txtlink a{
	line-height: 1.3em;
	display: block;
	margin: 2em 0;
	padding:1rem 5rem 1rem 1rem;
	color:#0f7639;
	border: solid 1px #0f7639;
	position: relative;
}
.txtlink a::before,
.txtlink a::after{
	position: absolute;
	top: 10%;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.txtlink a::before{
	right: 1rem;
	width: 45px;
	height: 1px;
	background: #0f7639;
}
.txtlink a::after{
	right: 1.2rem;
	width: 15px;
	height: 15px;
	border-top: 1px solid #0f7639;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
}

/*青色リンク*/
a.blue{
	color:#0265c1;
}

/*ギャラリー調整*/
#content ul.blocks-gallery-grid{
	margin:2rem 0;
}
#content .margin0 ul.blocks-gallery-grid{
	margin:0;
}
#content ul.blocks-gallery-grid li{
	padding:0;
}
.wp-block-gallery .blocks-gallery-item figcaption{
	line-height:1.5em;
}

/*1枚画像*/
.wp-block-image img{
	height: auto;
}
.wp-block-image.img_right{
	padding-top:1rem;
}
.wp-block-image.img_right img{
	height: 22vw;
	max-height:260px;
	object-fit: cover;
}



/*タイトル本文付写真リスト*/
#content ul.photolist{
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin:2rem 0;
    padding:0;
    list-style:none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#content ul.photolist li{
    margin:0 0 1rem 0;
    padding:1.7rem;
    background: url(../img/bg_tile.gif) 0 0 repeat;
}
#content ul.photolist.column3 li{
	width:32%;
}
#content ul.photolist h4{
	font-size:1.1rem;
	line-height:1.5em;
	margin:0;
	padding:1.5rem 0 1rem 0;
	border:none;
}
#content ul.photolist p{
	font-size:0.95em;
	line-height:1.5em;
}


/*タイトル本文付写真リスト背景梨*/
#content ul.itemlist{
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin:2rem 0;
    padding:0;
    list-style:none;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#content ul.itemlist li{
    margin:0 0 2rem 0;
}
#content ul.itemlist.column2 li{
	width:47%;
}
#content ul.itemlist h4{
	font-size:1.2rem;
	line-height:1.5em;
	margin:0;
	padding:1.5rem 0 0.5rem 0;
	border:none;
	color:#0f7639;
}
#content ul.itemlist .img img{
	width: 100%;
	height: 30vw;
	max-height: 400px;
	margin:0 auto;
	object-fit: cover;
}

#content ul.itemlist p{
	line-height:1.5em;
}



/*dl*/
dl.dl_normal dt{
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
}
dl.dl_normal dd{
	padding:0 0 0 2rem;
}

/*セレクトボックス*/
.select-box{
	font-size: 0.9em;
}
.select-box span.flame-select{
	position: relative;
}
.select-box span.flame-select::after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #222;
	border-right: solid 2px #222;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 1.3rem;
	margin-top: -4px;
	pointer-events: none;
}
.select-box select{
	margin-left:0.2rem;
	padding:0 3em 0 1em;
	width:100%;
	height:3em;
	background-color:#ffff;
	border:solid 1px #6a5920;
	cursor: pointer;
}
.select-box select:focus {
	outline: none;
}

/*ライトボックス調整*/
.tos-wrapper{
	box-sizing: initial;
}

/*iframe*/
#content iframe{
	border:none;
	display: block;
	margin: 1rem 0;
}

	#content .box_youtube {
		height: 0;
		padding-top: 56.25%;
		position: relative;
		width: 100%;
		margin:2rem 0;
	}
	#content .box_youtube iframe {
		margin: 0;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

/*サムネイル*/
.thumbnail img{
	object-fit: cover;
}

/*ページトップ*/
.pagetop {
}

.pagetop a {
    font-size: 2em;
    font-weight: bold;
    line-height: 1.7;
    display: block;
    width: 2em;
    height: 2em;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    color: #aaa;
    background: none;
    box-shadow: none;
}

.pagetop a::before {
        font-family: Font Awesome\ 5 Free, FontAwesome;
        font-weight: bold;
    content: '\f077';
}

.pagetop a:hover {
    color: #aaa;
	background: none;
}


/*縦文字*/
.tate{
	writing-mode: vertical-rl;
	text-orientation: upright;
}

/*フェード*/
.fuwa:before,
.fuwa:after,
.fuwa {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 1s;
}
.fuwa.fuwa-scroll.fuwa:before,
.fuwa.fuwa-scroll.fuwa:after,
.fuwa.fuwa-scroll {
	opacity : 1;
	transform : translate(0, 0);
}



/*  ナビゲーション
----------------------------- */
#wrapper{
	padding-top:100px;/*ヘッダの高さ*/
}
#wrapper:before{
	content:"";
	width:100%;
	height:200px;
	background-color:#efeeea;
	position:absolute;
	top:0;
	left:0;
}

header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	-moz-transition: height 0.3s;
	-o-transition: height 0.3s;
	-webkit-transition: height 0.3s;
	transition: height 0.3s;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	border-bottom:solid 1px #dad9d6;
	padding:0 1vw;
	background-color:#efeeea;
}

#sitetitle a{
	display:block;
}

nav {
	height:100px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
	-moz-transition: height 0.3s;
	-o-transition: height 0.3s;
	-webkit-transition: height 0.3s;
	transition: height 0.3s;
	box-sizing: content-box;
}

nav ul li a {
	display: block;
	text-decoration: none;
}

/*ヘッダーメニュー*/
#pcnavi ul#menu-main{
	display: flex;
	list-style: none;
}
#pcnavi ul#menu-main>li {
	text-align: center;
	position: relative;
}

#pcnavi ul#menu-main>li>a{
	color:#222;
	font-size:1rem;
	font-weight:bold;
	letter-spacing:0.05em;
	padding:0 1em;
	white-space:nowrap;
	height:100px;
	display:flex;
	align-items: center;
}

#pcnavi ul#menu-main>li>a:hover{
	color:#6a5920;
}

/*メニューカレント*/
#pcnavi ul#menu-main>li.current-page-ancestor>a,
#pcnavi ul#menu-main>li.current-menu-item>a{
	color:#6a5920;
}

nav .b_cart{
	padding: 0 0 0 1rem ;
}
nav .b_cart a{
	font-size:1.2rem;
	display: block;
	width: 49px;
	height: 49px;
	line-height: 48px; 
	border: solid 1px #222;
	border-radius: 50%;
	text-align: center;
	padding-right: 2px;
}

nav .language{
	font-size:1rem;
	white-space:nowrap;
	padding: 0 2rem 1rem 1rem;
}


/*  メガメニュー
-----------------------------
#pcnavi ul#menu-main>li>ul.sub-menu{
	overflow:hidden;
	position: fixed;
	left: 0;
	right:0;
	margin:auto;
	top:160px;
	width:100%;
	transition: 0.6s;
	background:#f8f8f8;
	max-height:0;
	list-style:none;
	text-align:left;
	transition: 0.3s;
}

#pcnavi ul#menu-main>li>ul.sub-menu:hover,
#pcnavi ul#menu-main>li:hover>ul.sub-menu {
	max-height:500px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
}

#pcnavi ul.sub-menu li {
	font-size:0.95em;
	letter-spacing:0.05em;
	margin:0;
	padding:0 0 1rem 0;
	width:25%;
	padding-right: 1.5%;
	list-style:none;
}
#pcnavi ul.sub-menu li:not(.name_parent,.box_sub)>a{
	display:block;
	font-weight:500;
	text-decoration:none;
	padding:1em 1.1em;
	border:solid 3px #eee;
	border-radius:10px;
	background-color:#fff;
	position:relative;
}
#pcnavi ul.sub-menu li:not(.name_parent,.box_sub)>a:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	content:"\f054";
	position: absolute;
	display: block;
	width:1em;
	height:0.9em;
	line-height:1em;
	right:0.7em;
	top:0;
	bottom:0;
	margin:auto;
}

#pcnavi ul.sub-menu li:not(.name_parent,.box_sub)>a:hover{
	border-color:#aaa;
}

#pcnavi ul.sub-menu li.current-menu-item:not(.name_parent,.box_sub) a{
	color:#284280;
	border:solid 3px #284280;
}

#pcnavi ul.sub-menu li.box_sub{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:3rem 0 2rem 0;
}

#pcnavi ul.sub-menu li.box_sub>a{
	display:block;
	font-size:1.3em;
	letter-spacing: 0.05em;
	text-decoration:none;
	font-weight:bold;
	pointer-events:none;
	padding:0 0 1rem 0;
}

#pcnavi ul.sub-menu li.name_parent>a{
	display:block;
	font-size:1em;
	text-decoration:none;
	font-weight:bold;
	pointer-events:none;
	padding:0 0 0.3rem 0;
}
#pcnavi li.box_sub ul.sub-menu{
	display:flex;
	flex-wrap: wrap;
}

*/

	/*
	孫メニュー構造
	#pcnavi li.mm01 ul.sub-menu li.box_sub>ul.sub-menu,
	#pcnavi li.mm03 ul.sub-menu li.box_sub>ul.sub-menu{
		display:block;
	}
	#pcnavi li.mm01 ul.sub-menu li.box_sub>ul.sub-menu>li,
	#pcnavi li.mm03 ul.sub-menu li.box_sub>ul.sub-menu>li{
		width:100%;
	}*/




/*  ハンバーガーメニュー
----------------------------- */
/* チェックボックスは非表示に */
.drawer-hidden {
  display: none;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
  display: flex;
  height: 50px;
  width: 50px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上に */
  cursor: pointer;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

/* ハンバーガーメニューのアイコン */
.drawer-open span{
	display: block;
	height: 2px;
	width: 35px;
	position: absolute;
	background: #222;
	transition: 0.5s;
}
.drawer-open span:before,
.drawer-open span:after {
	content: '';
	display: block;
	height: 2px;
	width: 35px;
	background: #222;
	transition: 0.5s;
	position: absolute;
}


/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
  bottom: 9px;
}
/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
  top: 9px;
}
/*アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
  background: rgba(255, 255, 255, 0);
}
/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
  bottom: 0;
  transform: rotate(45deg);
  background: #fff;
}
#drawer-check:checked ~ .drawer-open span::after {
  top: 0;
  transform: rotate(-45deg);
  background: #fff;
}
/* メニューのデザイン*/
.drawer-content{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 100%;/* メニューを画面の外に飛ばす */
	z-index: 99;
	transition: .5s;
	background-color:#1d201f;
	overflow: scroll;
	/* IE, Edge 対応 */
	-ms-overflow-style: none;
	/* Firefox 対応 */
	scrollbar-width: none;
}
	/* Chrome, Safari 対応 */
	.drawer-content::-webkit-scrollbar {
		display:none;
	}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content{
	left: 0;/* メニューを画面に入れる */
}
.drawer-content .menu_scroll{
	padding:4rem 8vw 7rem 8vw;
	min-height:100%;
	-webkit-overflow-scrolling: touch;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#spnavi .menu_scroll>div{
	width:48%;
}

#spnavi ul {
	margin:0;
	padding: 0;
	list-style:none;
}
#spnavi li {
	margin:0;
	padding:0;
}

#spnavi li a{
	display:block;
	font-size:1rem;
	font-weight:400;
	padding: 0 0 0.8em 0;
	color:#fff;
}

#drawer-menu1 .fm_group>a{
	display:none;
}

#drawer-menu1 .sub-menu .sub-menu{
	padding-left:2rem;
	max-height:0;
	overflow: hidden;
	transition: all 0.7s ease-in-out;
}
#drawer-menu1 .sub-menu li.menu-item-has-children.open ul.sub-menu{
	max-height:500px;/*数字いる*/
	padding-bottom:2rem;
	transition: all 0.5s ease-in-out;
}



#drawer-menu1>li.fm_group>ul.sub-menu>li.menu-item-has-children{
	padding:0 2rem 0.2em 0;
	position: relative;
	cursor:pointer;
}
#drawer-menu1>li.fm_group>ul.sub-menu>li.menu-item-has-children>a{
	pointer-events: none;
}


#drawer-menu1>li.fm_group>ul.sub-menu>li.menu-item-has-children:before,
#drawer-menu1>li.fm_group>ul.sub-menu>li.menu-item-has-children:after{
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	top:1rem;
	margin:auto;
	width: 17px;
	height: 2px;
	background-color: rgba(255,255,255,0.7);
	transition: all .5s;
	box-sizing: border-box;
}
#drawer-menu1>li.fm_group>ul.sub-menu>li.menu-item-has-children:before{
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
#drawer-menu1>li.fm_group>ul.sub-menu>li.menu-item-has-children:after{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
#drawer-menu1>li.fm_group>ul.sub-menu>li.menu-item-has-children.open:before {
	display:none;
}
#drawer-menu1>li.fm_group>ul.sub-menu>li.menu-item-has-children.open:after{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}



#drawer-menu1>li.fm_group>ul.sub-menu>li.menu-item-has-children>a{
	padding-bottom:0.7em;
}

#drawer-menu1 .sub-menu .sub-menu li a{
	font-size:0.85em;
	padding: 0 0 0.5em 0;
	font-weight:normal;
	color: rgba(255, 255, 255, 0.7);
}


#spnavi li a[target="_blank"]:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	content:"\f08e";
	margin-left:0.3em;
}


/*スモールヘッダー*/
header.smaller{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
header.smaller #sitetitle img{
	width:150px;
}


/*動き*/
header,
header #sitetitle a,
header #sitetitle a img
header .b_cart a,
header .language,
header .language a,
header #pcnavi ul#menu-main>li>a{
	transition: 0.5s;
}


/*トップページのみ調整*/
.home #wrapper{
	padding-top:0;
}
.home #wrapper:before{
	display:none;
}
.home header:not(.smaller){
	background:none;
	border-color:rgba(255,255,255,0.2);
}

.home header:not(.smaller) #sitetitle a{
	background:url("../img/logo_w.svg") center no-repeat;
	background-size:100% auto;
	width:170px;
	height:48px;
}
.home header:not(.smaller) #sitetitle a img{
	display:none;
}

.home header:not(.smaller) .b_cart a,
.home header:not(.smaller) .language,
.home header:not(.smaller) .language a,
.home header:not(.smaller) #pcnavi ul#menu-main>li>a{
	color:#fff;
}

.home header:not(.smaller) .b_cart a{
	border-color:#fff;
}

.home header:not(.smaller) .drawer-open span,
.home header:not(.smaller) .drawer-open span:before,
.home header:not(.smaller) .drawer-open span:after {
	background: #fff;
}


/*  フッター
----------------------------- */
footer {
	color:#fff;
	position: relative;
	background-color:#1d201f;
}
footer a,
footer a:hover{
	color:#fff;
}

.pagetop{
  transition: .3s;
  opacity: 0;
  visibility: hidden;
}
.pagetop.active{
  opacity: 1;
  visibility: visible;
}
.pagetop.absolute{
  position: absolute;
  top: -70px;
  bottom: auto;
}


/*フッターメニュー*/
ul#menu-footermenu{
	margin:0;
	padding:8rem 0 4rem 0;
}

ul#menu-footermenu li{
	list-style:none;
	margin:0;
	padding:0;
	font-size:0.95rem;
	letter-spacing: 0.05em;
	font-weight:500;
}

ul#menu-footermenu li:not(.fm_group):before{
	content:"- ";
}

ul#menu-footermenu li.fm_group>a{
	display:none;
}
	ul#menu-footermenu .sub-menu .sub-menu li{
		font-weight:normal;
		font-size:0.85rem;
		padding-left:2rem;
		padding-bottom:0.5rem;
	}
	ul#menu-footermenu .sub-menu .sub-menu li:before{
		display:none;
	}
	
	ul#menu-footermenu .sub-menu .sub-menu li a{
		color:rgba(255,255,255,0.8);
	}
		ul#menu-footermenu .sub-menu .sub-menu .sub-menu li{

		}

ul#menu-footermenu>li.fm_group>ul.sub-menu>li{
	padding-bottom:1rem;
}

ul#menu-footermenu li a[target="_blank"]:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	content:"\f08e";
	margin-left:0.3em;
}


/*フッターボトム*/
.footerbottom{
	font-size:1rem;
	letter-spacing:0.05em;
	padding:4rem 0;
	border-top:solid 1px #2f3231;
	align-items: center;
}
.footerbottom.col3>*{
	width:auto;
}

.footerbottom h4{
	padding-right:2rem;
}

p.f_add{
	font-size:0.9rem;
	color:#aaa;
	margin:0;
}
p.f_add a{
	color:#aaa;
}

p#copyright{
	font-size:0.9rem;
	color:#aaa;
	margin:0 0 0 auto;
}


/* レイアウト
----------------------------- */
.contentbox {
    max-width: 1200px;
    margin: auto;
}
	.contentbox.w600 {
		max-width: 600px;
	}
	.contentbox.w800 {
		max-width: 800px;
	}
	.contentbox.w1000 {
		max-width: 1000px;
	}
	.contentbox.w1600 {
		max-width: 1600px;
	}
.widebox {
    max-width: 100%;
}

.entry-content{
	word-break: break-all;
}

/*背景色*/
.bg_beige{
	background-color:#efeeea;
}
.bg_gray{
	background-color:#ececec;
}


/* トップページ
----------------------------- */
#mainimage{
	position:relative;
}

#mainimage .copy{
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:6em;
	line-height:1.5em;
	z-index:2;
	text-align:center;
	font-size:4vw;
	color:#fff;
}


ul.mv_link{
	margin:0;
	padding:4rem 0 0 0;
	list-style:none;
	justify-content: center;
}

ul.mv_link li{
	margin:0;
	padding:0 1rem ;
}

ul.mv_link li a{
	color:#6a5920;
	display:block;
	width:450px;
	font-size:1.2rem;
	font-weight: 500;
	line-height:80px;
	letter-spacing:0.05em;
	background-color:rgba(255,255,255,0.9);
	text-decoration:none;
	position:relative;
}

ul.mv_link li a:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	margin-left:-50px;
}

.mv_inq a:before{
	width:61px;
	height:30px;
	margin-right:0.5rem;
	background:url("../img/home/icon_inq.svg") center no-repeat;
	background-size:contain;
}
.mv_free a:before{
	width:85px;
	height:30px;
	background:url("../img/home/icon_free.svg") center no-repeat;
	background-size:contain;
}

/*#mainimage .copy{
}
#mainimage .copy img{
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	height:30vw;
	max-height:500px;
	z-index:2;
}*/

#mainimage figure{
	position:relative;
	overflow:hidden;
	z-index:-1;
}

#mainimage figure:after{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:rgba(0,0,0,0.2);
}

#mainimage figure img{
	width:100%;
	height:60vw;
	max-height:1000px;
	object-fit: cover;
}

#mainimage .appeal{
	width:50%;
	max-width:1000px;
	position:absolute;
	margin:auto;
	right:2%;
	bottom:-1vw;
	list-style:none;
	gap:2%;
}


.home #content .contentbox{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
	.home #content .contentbox.box_sub{
		padding-top: 8rem;
		padding-bottom: 8rem;
	}

.home #content h2{
	font-size: 1.2rem;
	margin:0;
	padding: 2.5em 0 2em 0;
}
.home #content h2:before{
	content:"－ ";
}

.home #content ul{
	list-style:none;
	margin:0;
}

.home #content .btn.btn_w a{
	border:none;
}
.home #content .btn.btn_w.btn_choice a:before{
	content:"";
	position: absolute;
	display:block;
	width:49px;
	height:33px;
	background:url("../img/home/icon_ko.png") center no-repeat;
	background-size:contain;
	left:11%;
	top:0;
	bottom:0;
	margin:auto;
}
.home #content .btn.btn_w.btn_voice a:before{
	content:"";
	position: absolute;
	display:block;
	width:28px;
	height:37px;
	background:url("../img/home/icon_voice.png") center no-repeat;
	background-size:contain;
	left:16%;
	top:0;
	bottom:0;
	margin:auto;
}
.home #content .btn.btn_w.btn_voice{
	padding-top:4rem;
}



/*カード型（共通）*/
#content .card {
	margin:0;
	padding:0;
}
#content .card li{
	list-style:none;
	margin:0;
	padding:0 0 2rem 0;
}
.card li a{
	display:block;
	text-decoration:none;
}
.card figure{
	width:100%;
	height:25vw;
	max-height:250px;
	overflow:hidden;
}
	.card figure img{
		width:100%;
		height:25vw;
		max-height:250px;
		object-fit: cover;
	}
	.card li figure img:hover{
		transform: scale(1.1);
	}
#content .card h3{
	font-size:1rem;
	font-weight:500;
	margin:0;
	padding:1rem 0;
}

	/*画像拡大*/
	#content .card_sub li>a,
	#content .card li>a{
		display:block;
		overflow:hidden;
	}
	#content .card_sub li>a img,
	#content .card li>a img{
		transition: all 0.5s;
	}
	#content .card_sub li>a:hover img,
	#content .card li>a:hover img{
		scale: 1.05;
	}

/*カード型サブ（共通）*/
#content .card_sub {
	margin:0;
	padding:0;
}
#content .card_sub li{
	list-style:none;
	margin:0;
	padding:0 0 5rem 0;
}
	.home #content .card_sub li{
		padding:0;
	}

#content .card_sub h2{
	font-size: 1.2rem;
	margin:0;
	padding:1.5em 0;
}
#content .card_sub h2 a{
	color:#222;
	text-decoration:none;
}
#content .card_sub p{
	margin:0;
}


/*トップバナー*/
.home #content .contentbox.box_topbnr{
	padding-top:8rem;
	padding-bottom:0;
}
.box_topbnr>div{
	padding-bottom:3rem;
}
.box_topbnr>div:last-of-type{
	padding-bottom:0;
}


/*取り扱い商品*/
.home #content .contentbox.box_goods{
	padding-bottom:0;
}


#content .ul_goods li h3{
	font-size:1.2rem;
	font-weight:bold;
	margin:0;
	padding:1em 0 0.7em 0;
}
#content .ul_goods li h3 a{
	color:#6a5920;
}
#content .ul_goods li p{
	font-size:1rem;
}

/*業種別ご案内*/
.home #content .contentbox.box_business{
	padding-top:0;
	padding-bottom:8rem;
	position:relative;
}
.home #content .contentbox.box_business:after{
	position:absolute;
	content:"";
	background:url("../img/home/illust_fushi01.png") center no-repeat;
	background-size:contain;
	display:block;
	width:180px;
	height:220px;
	right:0;
	bottom:-60px;
}
.home #content .contentbox.box_business.fuwa.fuwa-scroll:after{
	animation: hoahoa 3s ease-in-out infinite alternate;
	transition: 3s ease-in-out;
}


@keyframes hoahoa {
  0% {
    /*transform:translate(0, 0) rotate(0deg);*/
  }
  50% {
    transform:translate(0, 10px) rotate(-3deg);
  }
  100% {
    transform:translate(0, 0) rotate(0deg);
  }
}

.ul_business li a{
	color:#6a5920;
	font-size:1rem;
	line-height:60px;
	font-weight:600;
	display:block;
	background-color:#fff;
	padding:0 0 0 1.5em;
	text-decoration:none;
	white-space: nowrap;
}


/* 小林食品ができること */
#content .head_choice .copy h3{
	font-size:3rem;
	font-weight:500;
	letter-spacing:0.05em;
	line-height:1.4em;
	margin:1.5em 0;
	position:relative;
}
#content .head_choice .copy h3:after{
	position:absolute;
	content:"";
	background:url("../img/home/illust_fushi02.png") center no-repeat;
	background-size:contain;
	display:block;
	width:236px;
	height:231px;
	right:-300px;
	bottom:0;
}

#content .head_choice .copy h3.fuwa.fuwa-scroll:after{
	animation: hoahoa2 3s ease-in-out infinite alternate;
	transition: 3s ease-in-out;
}

@keyframes hoahoa2 {
  0% {
    /*transform:translate(0, 0);*/
  }
  50% {
    transform:translate(0, -10px);
  }
  100% {
    transform:translate(0, 0);
  }
}



#content .head_choice .copy p{
	line-height:1.9em;
}




/*お客様インタビュー*/
.box_voice{
	padding-bottom: 10rem;
}
#content .head_voice h3{
	line-height: 2.1em;
	font-size: 2rem;
	font-weight: 500;
}

#content .ul_voicelist.ul_topvoice li{
	padding:0;
	background-color: rgba(255,255,255,0.5);
}
.ul_topvoice .detail a{
	display:block;
	text-decoration:none;
	padding:1.5rem;
}
#content .ul_voicelist.ul_topvoice p{
	padding:0 0 1em 0;
	font-size: 1em;
}

/* お知らせ */
.home #content .box_news .contentbox{
	padding-bottom:0;
}

#content .ul_news{
	margin:0;
	padding:0;
}
#content .ul_news li{
	margin:0;
	padding:1rem 0;
	list-style:none;
	border-bottom:solid 1px #eae8e2;
}
.ul_news .date{
	font-size:0.9rem;
	letter-spacing:0.05em;
	display:block;
	margin-right:1em;
	color:#666;
}

.ul_news .title{
	display:block;
	line-height:1.3em;
}


/*TOP_バナーエリア*/
.home #content .box_banner.contentbox{
	padding-top:0;
}
#content .box_banner ul{
	margin:0;
	padding:0;
}
#content .box_banner ul li{
	margin:0;
	padding:0;
	max-width:380px;
	list-style:none;
	text-align:center;
}


/*CTA（共通）*/
.box_cta{
	letter-spacing:0.05em;
	padding:8rem 0;
}
	.box_cta.top_cta{
		padding:4rem 0;
	}
.box_cta p{
	font-weight:bold;
	margin:0;
	padding-bottom:2rem;
}
#content .box_cta p,
#content .box_cta ul{
	margin:0;
}
.box_cta li{
	list-style:none;
	margin:0;
}
.box_cta li a{
	color:#222;
	font-size:1.7rem;
	font-weight:700;
	display:flex;
	justify-content: center;
	align-items: center;
	height:150px;
	white-space:nowrap;
	background:url("../img/home/arrow_bottom.svg") 92% 70% no-repeat;
	background-size:60px auto;
	background-color:#fff;
	text-decoration:none;
	position:relative;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.box_cta li a:hover{
	opacity:0.6;
	background-position: 92% 80%;
}

.box_cta li .oisogi{
	display:block;
	font-size:0.8em;
	color:#666;
	padding-top:0.3em;
}

.box_cta li.b_inq a{
	padding-right:51px;
}
.box_cta li.b_free a{
	padding-right:75px;
}

.box_cta li a:before{
	content:"";
	width:61px;
	height:41px;
	margin-right:1rem;
	background:url("../img/home/icon_inq.svg") center no-repeat;
	background-size:contain;
}
.box_cta li.b_free a:before{
	width:85px;
	height:46px;
	background:url("../img/home/icon_free.svg") center no-repeat;
	background-size:contain;
}




/* サブページ
----------------------------- */
#content{
	padding:0 0 6rem 0;
	/*font-size: 1rem;
	letter-spacing: 0.02em;*/
}


/*ページタイトルと背景*/
.pagetitle{
	background-color:#efeeea;
}
.pagetitle h1{
	color:#6a5920;
	opacity:0.7;
	font-size: 1.5em;
	padding: 4rem 0 2rem 0;
	letter-spacing: 0.05em;
}
.pagetitle h1:before{
	content:"－ ";
}


#pankuzu{
	color:#888;
	font-size: 0.8em;
	padding:1rem 0;
}
#pankuzu a{
	color:#888;
}

#pankuzu span.current-item,
#pankuzu span[property="name"]{
	margin:0 0.2rem;
}


#main{
	overflow: hidden;/*box_over用*/
}
.box_over{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}


/*固定ページのサムネイル*/
.page_thumbnail{
	position: relative;
	overflow: hidden;
	display: block;
}

.page_thumbnail::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.8);
	opacity:0.5;
}
.page_thumbnail img{
	width:100%;
	height:25vw;
	max-height:350px;
	min-height:200px;
	object-fit:cover;
}


/* サイドバー
----------------------------- */
/*サイドボックス*/
#sidebox>.contentbox{
	border-top:solid 1px #dad9d6;
	padding-top:4rem;
	padding-bottom:6rem;
}

#sidebox h5{
	color:#6a5920;
	font-size:1.3rem;
	letter-spacing:0.05em;
	margin:0;
	padding:0 0 1.5rem 0;
}
#sidebox h5:before{
	content:"－ ";
}

/*サブページメニュー*/
.tax-goodslist #sidebox>.contentbox{
	padding-bottom:4rem;
}

.subpagemenu ul{
	margin:0;
	padding:0;
	list-style:none;
}
.subpagemenu ul li{
	font-size:0.9em;
	letter-spacing:0.05em;
	margin:0;
	padding:0 0 1rem 0;
}
.subpagemenu ul li:not(.name_parent)>a{
	display:block;
	font-weight:500;
	text-decoration:none;
	padding:0.8em 1.1em;
	color:#6a5920;
	border:solid 1px #ccc;
	background-color:#fff;
	position:relative;
}
/*.subpagemenu ul li:not(.name_parent)>a:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	content:"\f054";
	position: absolute;
	display: block;
	width:1em;
	height:0.9em;
	line-height:1em;
	right:0.7em;
	top:0;
	bottom:0;
	margin:auto;
}*/

.subpagemenu ul li:not(.name_parent)>a:hover,
.subpagemenu ul li.current-cat-parent>a,
.subpagemenu ul li.current-cat>a,
.subpagemenu ul li.current_page_item a,
.subpagemenu ul li.current-menu-item:not(.name_parent) a{
	color:#fff;
	background-color:#bdb493;
	border-color:#bdb493;
	opacity:1;
}

.subpagemenu ul li.name_parent>a{
	display:block;
	color:#6a5920;
	font-size:1em;
	text-decoration:none;
	font-weight:bold;
	pointer-events:none;
	padding:0 0 0.7rem 0;
}

/*商品用：子カテゴリ*/
.subpagemenu ul.children{
	display:block;
	padding:0.5rem 0;
}
.subpagemenu ul.children li{
	width:100%;
	padding:0;
}
.subpagemenu ul.children li a{
	padding:0.2em 0 0 1.3em;
	line-height: 1.5em;
	border:none;
	background:none;
}
.subpagemenu ul.children li a:hover{
	background:none;
	color:#6a5920;
	text-decoration:underline;
}
.subpagemenu ul.children li.current-cat a{
	font-weight: bold;
	color:#6a5920;
	border:none;
	background:none;
	opacity:10.7;
}


/*投稿ページ*/
#sidebox .select-box{
	display:inline-block;
	width:90%;
}
#sidebox #box_cate{
	padding-left:2rem;
	display:inline-block;
}

span.sidetitle{
	display:inline-block;
	width:5em;
}

#box_cate{
}
#content ul.catelist{
	margin:0;
	padding:0;
	list-style:none;
	display:inline-block;
}
#content ul.catelist li{
	margin:0;
	padding:0;
	display:inline-block;
}
#content ul.catelist li::after{
	content:"・";
}
#content ul.catelist li:last-of-type::after{
	display:none;
}
.catelist a{
	color:#3279fc;
}

#content ul.catelist ul.children{
	margin:0;
	padding:0;
	display:inline-block;
}
#content ul.catelist ul.children::before{
	content:"(";
	display:inline-block;
	margin:0 0.2rem;
}
#content ul.catelist ul.children::after{
	content:")";
	margin:0 0.2rem;
}
#content ul.catelist .current-cat>a{
	font-weight:bold;
}
.box_articlelist #box_cate,
.box_workslist #box_cate{
	padding-bottom:0;
}


/* お知らせ
----------------------------- */
/*一覧*/
#content.archivemain h2{
	margin: 1.5em 0;
}

/*詳細*/
.single .entry-content{
	padding-bottom:4rem;
}
.entry-meta{
	text-align:right;
}
.entry-meta .day{
	font-size:0.9em;
	color: #666;
}
#content h2.post-title{
	margin:0.5em 0 1.5em 0;
}


/* 固定ページパーツ
----------------------------- */

/*キャプション*/
figcaption.wp-element-caption{
	font-size:0.95rem;
	font-weight:500;
	letter-spacing:0.05em;
	margin-top: 0.5rem;
	margin-bottom:2rem;
	line-height: 1.5em;
}

/*タイトル装飾*/
#content .entry-content h3{
	color:#6a5920;
	line-height: 1.4em;
}

#content .entry-content h4{
	padding-bottom:0.5em;
}

#content .entry-content h4:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #d9d7ce;
}

#content .entry-content h5{
}

#content .entry-content h6{
	color:#6a5920;
}

/*区切り線*/
#content .entry-content .wp-block-separator{
	border-top: 2px solid #d9d7ce;
	margin: 4rem 0;
}

/*枠線*/
.waku{
	font-size:0.9em;
	margin:2rem 0;
	padding:2rem;
	background: #efeeea;
}
.waku>.wp-block-group__inner-container>*:first-child{
	margin-top:0 !important;
}
.waku>.wp-block-group__inner-container>*:last-child{
	margin-bottom:0 !important;
}

.waku.waku_wide{
	padding:3.5rem;
}

/*枠線（カラムのフロー用）*/
.waku.waku_flow>.wp-block-column>*:first-child{
	margin-top:0 !important;
}
#content .waku.waku_flow h5{
	margin:0;
	padding:1rem 0;

}

/*枠線（白背景）*/
.waku.waku_sen{
	margin:4rem 0;
	padding:3rem;
	background: none;
	border: 15px solid #d9d7ce;
}


/*ページ内リンク*/
#content ul.list_link.page_link{
	padding:4rem 0;
}
#content ul.list_link li a:after{
	content:"\f078";
	right:1em;
}

/*線なしテーブル*/
#content .no_border>table {
	width: auto;
	border:none;
}
#content .no_border>table th,
#content .no_border>table td{
	width: auto;
	border:none;
	padding:0.3em;
	background:none;
}

/*ノーマルボタン*/
a.wp-block-button__link{
	color: #6a5920;
	font-size: 1em;
	padding: calc(0.5em + 2px) calc(2em + 2px);
	border:solid 1px #ccc;
	background:#fff;
	border-radius:0;
}
/*ボタン幅広*/
#content .btn_wide a.wp-block-button__link{
	width:100%;
}
/*ボタン白*/
#content .btn_next a.wp-block-button__link{
	display:inline-block;
	min-width: 350px;
	font-weight:500;
	line-height:65px;
	letter-spacing: 0.05em;
	color:#444;
	border:solid 3px #eee;
	text-decoration:none;
	border-radius:10px;
	padding: 0 3em 0 1.5em;
	position:relative;
	background:none;
	white-space:nowrap;
}

#content .btn_next a.wp-block-button__link:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	content:"\f054";
	position: absolute;
	display: block;
	width:1em;
	height:0.8em;
	line-height:1em;
	right:0.7em;
	top:0;
	bottom:0;
	margin:auto;
}

#content .btn_back a.wp-block-button__link{
	display:inline-block;
	min-width: 350px;
	font-weight:500;
	line-height:65px;
	letter-spacing: 0.05em;
	color:#444;
	border:solid 3px #eee;
	text-decoration:none;
	border-radius:10px;
	padding: 0 1.5em 0 3em;
	position:relative;
	background:none;
	white-space:nowrap;
}

#content .btn_back a.wp-block-button__link:after{
	font-family: Font Awesome\ 6 Free, FontAwesome;
	font-weight: bold;
	content:"\f053";
	position: absolute;
	display: block;
	width:1em;
	height:0.8em;
	line-height:1em;
	left:0.7em;
	top:0;
	bottom:0;
	margin:auto;
}


/*ギャラリーの数合わせ*/
.wp-block-gallery .noimage img{
	display:none !important;
}

/* インデックス用
----------------------------- */
#content .box_index .wp-block-column{
	padding-bottom:5rem;
}
#content .box_index figure a{
	display:block;
	overflow:hidden;
}
#content .box_index figure img{
	aspect-ratio: 29 / 10 !important;
	object-fit: cover;
	transition: all 0.5s;
}

#content .box_index figure a:hover img{
	scale: 1.05;
}

#content .box_index h3{
	color:#222;
	font-size: 1.4rem;
	margin: 0;
	padding: 1.5em 0 1em 0;
}
#content .box_index h3:before{
	content:"－ ";
}
#content .box_index h3 a{
	color:#222;
	text-decoration:none;
}
#content .box_index p{
	margin:0;
}


/* はじめてのお客様へ
----------------------------- */
#content .box_teikyo ul{
	margin-top:1rem;
}
#content .box_teikyo ul li{
	padding-bottom:0.3em;
}

/* 小林食品ができること
----------------------------- */

/* 安心の製造環境
----------------------------- */
#content .box_numbers h6 {
	font-size: 1.1em;
}
#content .box_numbers .wp-block-image{
	padding:1.5rem 0;
}
#content .box_numbers p{
	line-height:1.5em;
}
#content .box_numbers p span{
	display:inline-block;
	margin:0 0.05em;
}

/* 会社案内
----------------------------- */
#content .box_add{
	padding-bottom:2rem;
}
#content .box_add iframe{
	margin:0;
}
#content .box_add p{
	padding-top:1rem;
}


/* SDGsの取り組み
----------------------------- */
#content table.tbl_sdgs tr:nth-child(odd) td{
	background-color:#f8f8f8;
}
#content table.tbl_sdgs td.sign{
	zoom: 1;
}
#content table.tbl_sdgs td.sign::after {
	display: block;
	clear: both;
	content: '';
}
#content table.tbl_sdgs td.sign img{
	width:100px;
	height:100px;
	display:block;
	float:left;
}


/* 取り扱い商品
----------------------------- */
/*ご注文について枠*/
#content .box_order{
	font-size:0.9em;
	border:solid 2px #d9d7ce;
	padding:2.5rem;
	margin-top:4rem;
}
#content .box_order h2{
	font-size: 1.5rem;
	margin-top:1em;
}
#content .box_order h3{
	margin: 2em 0 1em 0;
	font-size: 1.3rem;
}
#content .box_order table{
	margin: 0;
}
#content .entry-content .box_order h4 {
	margin: 2em 0 1em 0;
	font-size: 1.1rem;
}

/* 商品一覧（大カテゴリ）
----------------------------- */
#content.box_goodslist h2{
	margin:1em 0 0 0;
}
#content.box_goodslist .allcomment{
	padding:4rem 0 0 0;
}

/*ページ内リンク*/
#content ul#link_goods{
	margin:0;
	padding:4rem 0 0 0;
	letter-spacing: -.40em;
	text-align:center;
}
#content ul#link_goods li{
	line-height:1em;
	margin:0;
	padding:0 10px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	border-right:solid 1px #111;
}
#content ul#link_goods li:last-child{
	border:none;
}


#content ul#goodslist{
	margin:0;
	padding:0;
	list-style:none;
}
#content ul#goodslist li{
	border-bottom: 2px solid #d9d7ce;
	padding:4rem 0;
}
#content ul#goodslist h3{
	margin-top:0;
}

#content .itemcomment{
	font-size:0.9em;
}
#content .go_detail .btn.btn_free a:before{
	content:"";
	display:inline-block;
	vertical-align: middle;
	width:50px;
	height:25px;
	margin-left: -20px;
	margin-right:0.5rem;
	background:url("../img/home/icon_free.svg") center no-repeat;
	background-size:contain;
}

/*購入エリア*/
#content table.buy{
	margin:3rem 0 0 0;
	border:4px solid #d9d7ce;
}
#content table.buy th{
	font-size: 0.9rem;
	text-align: center;
	width:auto;
	padding:0;
	border:1px solid #d9d7ce;
}
#content table.buy td{
	padding:1rem;
	vertical-align:middle;
	border:1px solid #d9d7ce;
}
#content table.buy td.ban,
#content table.buy td.price{
	width: 1%;
	white-space:nowrap;
}

#content table.buy input{
	margin:0;
	padding:0 5px;
}
#content table.buy input.product_cart[type='submit']{
	width:250px;
	cursor: pointer;
	text-decoration: none;
	font-size:0.9rem;
	font-weight: 500;
	line-height:45px;
	text-align: center;
	color: #FFFFFF;
	background-color:#6a5920;
	border:none;
	padding:0;
}
#content table.buy input.product_cart[type='submit']:hover{
	opacity:0.7;
}




/* 商品詳細（小カテゴリ）
----------------------------- */

#content #detailbox{
	padding-top:4rem;
}
#content #detailbox .thumbnail span{
	display:block;
}
#content #detailbox .thumbnail span:nth-child(2){
	margin-top:3rem;
}

#content .comment{
	font-size:0.9em;
}
#content .comment h3{
	margin: 3rem 0 1rem 0;
}

/*カテゴリ登録内容用*/
#goodsdetail .scroll-table{
	margin-bottom:2rem;
}

#content table.tbl_rei{
	font-size: 0.85em;
	line-height: 1.2em;
}
#content table.tbl_rei tr:first-child th{

}
#content table.tbl_rei th{
	width:auto;
	padding:0.5em;
	vertical-align:middle;
}
#content table.tbl_rei td{
	white-space:nowrap;
	padding:0.5em;
	vertical-align:middle;
}

/* 商品使用例紹介
----------------------------- */
#content .box_recipe h6{
	margin-top:1em;
}
#content .box_recipe h6 a{
	color: #6a5920;
	text-decoration:none;
}
	#content .box_recipe h6 a:hover{
		text-decoration:underline;
	}

#content .box_recipe p{
	font-size:1rem;
}

.box_recipe>.wp-block-column{
	padding-bottom:4rem;
}



/* 業種別ご案内
----------------------------- */
.box_nayami{
	border: 15px solid #d9d7ce;
	margin-bottom: 2rem;
	padding: 1rem;
}
#content .box_nayami p:last-of-type{
	margin-bottom: 0;
}




/* お客様インタビュー
----------------------------- */
/*一覧*/
#content .ul_voicelist{
	margin:0;
	padding:2rem 0 0 0;
	list-style:none;
}
#content .ul_voicelist li{
	margin:0;
	padding:0 0 4rem 0;
	list-style:none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.ul_voicelist .thumbnail{
	width:100%;
}

.ul_voicelist .thumbnail a,
.ul_voicelist .thumbnail img{
	height:24vw;
	max-height: 300px;
	object-fit: cover;
}
.ul_voicelist .thumbnail a{
	display:block;
	overflow:hidden;
}
.ul_voicelist .thumbnail img{
	width:100%;
	object-fit: cover;
	transition: all 0.3s;
}
	.ul_voicelist .thumbnail img:hover{
		transform: scale(1.1);
	}

#content .ul_voicelist p{
	color:#6a5920;
	font-weight:bold;
	font-size: 1.1em;
	line-height: 1.4em;
	letter-spacing:0.05em;
	margin:0;
	padding:1em 0 0.5em 0;
}
.ul_voicelist .name{
	display:block;
	font-size:0.9em;
	font-weight:500;
	line-height:1.5em;
	padding-bottom:1em;
}

#content .ul_voicelist .btn{
	margin-top: auto;
	width: 100%;
}
#content .ul_voicelist .btn a{
	height: 60px;
	font-weight: bold;
	font-size: 1rem;
}

/*詳細*/
#content .voice_head{
	padding-bottom:3rem;
}
#content .voice_head h2{
	margin:1em 0 0 0;
	font-size: 2.5rem;
	line-height: 1.4em;
	color: #6a5920;
}
#content .voice_head h5{
	margin-top:1.5em;
	line-height:1.5em;
}

#voicedetail .thumbnail img{
	width:100%;
	height:40vw;
	max-height:800px;
	min-height:400px;
}


/* お問い合わせ
----------------------------- */
/*セレクトボックス*/
.wpcf7-form-control-wrap[data-name='sort']{
	position: relative;
	margin-top:0.5rem;
	display:inline-block;
}
.wpcf7-form-control-wrap[data-name='sort']::after{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #222;
	border-right: solid 2px #222;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 1.3rem;
	margin-top: -4px;
	pointer-events: none;
}
.wpcf7-form-control-wrap[data-name='sort'] select{
	color:#222;
	padding:0 3em 0 1em;
	min-width: 13em;
	height:3em;
	background-color:#ffff;
	border:solid 2px #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}
.wpcf7-form-control-wrap[data-name='sort'] select:focus {
	outline: none;
}


/* ショッピングカート
----------------------------- */

/*カートスタイル上書き*/

/*フロー*/
#content #net_shop_admin_flow{
	margin:0;
	padding:0 0 4rem 0;
	height:auto;
}
#content #net_shop_admin_flow ol{
	margin:0;
	float:none;
	left:auto;
	display:flex;
	justify-content: center;
}
#content #net_shop_admin_flow ol li{
	list-style-type:none;
	margin:0;
	padding:0;
	height:auto;
	float:none;
	right: auto;
}

/**/
#net_shop_admin_shopping_cart p.textCenter{
	margin: 0 auto;
	padding:4rem 0;
}


/*数量変更*/
#content .net_shop_admin_update_quantity input{
	padding:0;
}

/*合計*/
#content .net_shop_admin_subtotal{
	word-break: break-word;
}


/*テーブル*/
#content .form-table thead th{
	text-align:center;
	width:auto;
	font-size: 0.9em;
	border:1px solid #d9d7ce;
	padding:5px 0 !important;
}
#content .form-table th{
	position:relative;
	width:auto;
}
#content .form-table td{
	vertical-align:middle;
	border:1px solid #d9d7ce;
	padding:5px 2% !important;
}
	#content .form-table td:empty{
		width:80%;
	}


#content .form-table td a:hover{
	text-decoration:none;
}
#content .form-table td.code{
	width:6em;
	white-space:nowrap;
}
#content .form-table td.price,
#content .form-table td.subtotal{
	text-align:right;
}
#content .form-table td .thumbnail_table td{
	padding:0 !important;
}
#content .checkout_step{
	border:none;
}
#content .checkout_step th{
	border:none;
	background:none;
	padding:0;
}


/*商品テーブル*/
#content #net_shop_admin_shopping_cart .thumbnail_table{
	margin:0;
}
#content .form-table .thumbnail_table td:empty{
	width:auto;
}

#content #net_shop_admin_shopping_cart .thumbnail_table a{
	pointer-events: none;
	color:#222;
	text-decoration:none;
	line-height: 1.3em;
}

/*戻るボタン*/
#content .checkout_step input:not(#continue):not(#shipping_information):not(.submit)[type='submit'],
#content net_shop_admin_shopping_cart button{
	margin: 2rem 0 !important;
	float:none !important;
	width:30% !important;
	display: block;
	cursor: pointer;
	text-decoration: none;
	font-size:1rem;
	padding:0 20px;
	line-height:40px;
	text-align: center;
	color: #6a5920;
	background-color:#fff;
	border:solid 1px #6a5920;
}
#net_shop_admin_shopping_cart button{
	float:left;
}
#content .checkout_step input[type='submit']:hover,
#content #net_shop_admin_shopping_cart button:hover{
	opacity:0.7;
}

/*決定ボタン*/
#content .net_shop_admin_checkout input,
.checkout_step input#continue,
.checkout_step input#shipping_information,
.checkout_step .textRight input{
	margin: 1rem 0 !important;
	display: block;
	width:100%;
	cursor: pointer;
	text-decoration: none;
	font-size:1.2rem;
	padding:0 1em;
	line-height:65px;
	text-align: center;
	color: #FFFFFF;
	background-color:#6a5920;
	border:none;
}
.checkout_step input#continue:hover,
.checkout_step .textRight input:hover,
#content .net_shop_admin_checkout input:hover{
	opacity:0.7;
}


/*注文確定ボタン*/
#content #thank_you input[type='submit']{
	margin: 3rem 0 !important;
	display: block;
	width:100%;
	cursor: pointer;
	text-decoration: none;
	font-size:1.2rem;
	font-weight:bold;
	font
	padding:0;
	line-height:75px;
	text-align: center;
	color: #FFFFFF;
	background-color:#d40000;
	border:none;
	border-radius: 3px;
}
#content #thank_you input[type='submit']:hover{
	opacity:0.7;
}
#content form#thank_you .textRight{
	text-align:center;
}

/*inputリンクを青に*/
#content input[name='shipping_address_edit_3'],
#content input[name='shipping_address_delete_3'],
#content input[name='shipping_address_add']{
	color: #0265c1;
	text-decoration:underline;
}
#content input[name='shipping_address_edit_3']:hover,
#content input[name='shipping_address_delete_3']:hover,
#content input[name='shipping_address_add']:hover{
	opacity:0.7;
	text-decoration:none;
}

/*必須*/
span.required {
	color: #fff;
	font-size: .8em;
	font-weight:normal;
	display:inline-block;
	line-height:1.7em;
	padding:0 0.5em;
	letter-spacing: 0.3em;
	background-color: #d40000;
	position:absolute;
	right:1.4rem;
	top:1.4rem;
	margin:auto;
}


/*  注文者情報入力テーブル
----------------------------- */
#content #net_shop_admin_checkout_body p{
	margin:0;
}

#content #net_shop_admin_checkout_body input[type="text"]{
	font-size:18px;
	margin:5px 0 !important;
	padding:7px;
}

/*テキストエリア入力欄*/
#content #net_shop_admin_checkout_body textarea{
	height: 10em;
	margin: 0.5em 0;
}

/*都道府県選択*/
.entry-content select#pref{
	margin:0;
	padding:0.3em;
	border:solid 1px #6a5920;
	cursor: pointer;
	-webkit-appearance: auto;
	background-color:#f9f9f9;
}
.select-box select:focus {
	outline: none;
}

/*修正・次へ*/
#content table.form-table.checkout_step,
#content table.form-table.checkout_step tbody,
#content table.form-table.checkout_step tr,
#content table.form-table.checkout_step th,
#content table.form-table.checkout_step td{
	display:block;
	width:auto;
}



input#company{
	width:70%;
}
#cartbox .entry-content select{
	font-size:18px;
	margin:5px 0;
}
#cartbox #net_shop_admin_checkout_body textarea{
	width:80%;
}

.billing_information_attribute tr th{
	width:20%;
}

/*支払方法選択*/
#content #net_shop_admin_checkout_body dl{
	background-color: #efeeea;
	padding: 2rem;
	margin: 1rem 0;
}
#content #net_shop_admin_checkout_body .inner-table td dl,
#content #net_shop_admin_checkout_body .inner-table td dt,
#content #net_shop_admin_checkout_body .inner-table td dd{
	display:block;
}



/*  確認画面 
----------------------------- */
#content .form-table tbody th.changebox{
	background-color:#efeeea;
	width: 10em;
	border:1px solid #d9d7ce;
}
	/*inputリンクを青に*/
	#content .form-table tbody th.changebox input[type="submit"]{
		color: #0265c1;
		text-decoration:underline;
	}
	#content .form-table tbody th.changebox input[type="submit"]:hover{
		opacity:0.7;
		text-decoration:none;
	}


/* お試しサンプル
----------------------------- */
#content #sample{
	font-size:1rem;
}
#content #sample h5{
	margin:1rem 0 0 0;
}

#content #sample .itemlink.col{
	margin:0;
	padding:0;
	display:flex;
	justify-content:flex-start;
	flex-wrap: wrap;
}
#content #sample .itemlink.col>li{
	margin:0;
	padding:0 0 3% 0;
	list-style:none;
}

#content #sample .itemlink span.thum{
	display:block;
	padding-bottom:0.5rem;
}


#content #sample .itemlink span.thum a{
	display:block;
}

#content #sample .itemlink .thum img{
	object-fit:cover;
	aspect-ratio: 1 / 1;
}

#content #sample span.wpcf7-list-item {
	white-space: normal;
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 0.2rem;
	line-height: 1.3em;
}

/* ============================
  PC
/* ============================ */
@media(min-width: 900px) {

.center_pc{
	text-align:center;
}

/*カラム*/
.col,
.col2,
.col3{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.wrap{
	flex-wrap: wrap;
}

.col2>*{
	width:50%;
}
.col3>*{
	width:33.333%;
	width:calc(100% / 3);
}
.col_reverse{
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

/*セレクトボックス*/
.select-box{
	font-size: 1em;
}

/*電話番号リンク*/
a.tel{
	pointer-events:none;
	text-decoration:none;
}
.entry-content a.tel{
	color:#222;
}
.txt a.tel{
	background:none;
}


/* PC_ナビゲーション
----------------------------- */
/* ハンバーガーメニュー*/
.drawer-content{
	width: 90%;
}
#drawer-check:checked ~ .drawer-content{
	left: 50%;
}

/* スモールヘッダー（サイズ変更）
----------------------------- */
header.smaller nav {
	height:70px;
}
header.smaller #pcnavi ul#menu-main>li>a{
	height:70px;
}
header.smaller #pcnavi ul#menu-main>li>ul.sub-menu{
	top:70px;
}



/* PC_フッター
----------------------------- */
/*フッターメニュー*/
ul#menu-footermenu{
	display:flex;
	 justify-content: space-between;
}
ul#menu-footermenu li.fm_group{
	width:33.333%;
	padding-right:2%;
}
/*フッターボトム*/
.footerbottom.col2 > *{
	width:auto;
}



/* PC_レイアウト
----------------------------- */


/* PC_トップページ
----------------------------- */
#content .card li,
#content .card_sub li,
.home #content .col2>li{
	width:48%;
}

/*PC_トップバナー*/
.box_topbnr>div.bnr_oem a{
	display:flex;
	flex-direction: row-reverse;
}
.box_topbnr>div.bnr_oem a img{
	width:50%;
}
.box_topbnr>div.bnr_halal a{
	display:flex;
}
.box_topbnr>div.bnr_halal a img{
	width:50%;
}



/*PC_業種別ご案内*/
.ul_business.col3>li{
	width:32.7%;
}

/* *PC_小林食品ができること */
.box_choice{
	padding-top: 8rem;
}
.head_choice.col2{
	justify-content: flex-start;
}
.head_choice.col2 .snap{
	width:55%;
	max-height:1200px;
}
.head_choice .snap img {
	object-fit: cover;
	width:100%;
	height: 100%;
}

.head_choice.col2 .copy{
	width:45%;
	max-width:530px;
	padding:2rem 0 6rem 6rem;
}

.box_choice .bg_beige{
	margin-top:-6rem;
	padding:8rem 0 4rem 0;
}



/* PC_お知らせ */
.box_news .snap{
	margin-top: -4rem;
	padding-left: 10vw;
}
.home #content .box_news h2{
	padding-top:1em;
}
.box_news .col2>*{
	width:auto;
}
.box_news .col2>ul{
	width:70%;
}
#content .ul_news li{
	display:flex;
}



/*PC_バナーエリア*/
#content .box_banner ul.col3{
	flex-wrap:wrap;
	justify-content: left;
	gap:1.5rem 3rem;
}
#content .box_banner ul li{
	width:30%;
	padding-bottom: 1.5rem;
}


/*PC_CTA（共通）*/
.box_cta .col2>li{
	width:48%;
}



/* PC_サブページ
----------------------------- */

/* PC_サイドバー
----------------------------- */
/* PCサブページメニュー*/
.subpagemenu ul{
	display:flex;
	flex-wrap: wrap;
}
.subpagemenu ul li{
	width:33%;
	padding-right: 1.5%;
}
.subpagemenu ul li.name_parent{
	width:100%;
}

.box_date.col2{
	justify-content: left;
}
.box_date.col2>ul{
	width:33%;
}



/* PC_固定ページパーツ
----------------------------- */
/* PCページ内リンク*/
#content ul.list_link.page3 li{
	width:32%;
}

/* PCボタン幅広*/
.btn_wide .wp-block-button{
	width:600px;
}

/* PC_インデックス用
----------------------------- */
.col2.ul_index li{
	width:48%;
}


/* PC_小林食品ができること
----------------------------- */
.box_nayami.box_sptate ol{
	padding:1.5rem 0;
}


/* PC_会社案内
----------------------------- */
#content .box_add figure{
	padding-right:3%;
}


/* PC_SDGsの取り組み
----------------------------- */
#content table.tbl_sdgs td{
	vertical-align:middle;
}
#content table.tbl_sdgs td.sign{
	width:350px;
}


/* PC_取り扱い商品
----------------------------- */

/* PC_商品一覧（大カテゴリ）
----------------------------- */
#content #goodslist .col2>.thumbnail{
	width:25%;
}
#content #goodslist .col2>.itemmain{
	width:70%;
}
#content #goodslist .itemcomment .btn_dashi{
	margin-bottom:3rem;
}


#content .itemmain .btn.btn_w a{
	height:62px;
}

#content .go_detail.col2>.btn_w{
	width:60%;
}
#content .go_detail.col2>.btn_free{
	width:38%;
}


/*購入エリア*/
#content table.buy td.go{
	white-space:nowrap;
	width: 1%;
}

#content table.buy input.product_cart[type='submit']{
	margin-left:1rem;
}

/* PC_商品詳細（小カテゴリ）
----------------------------- */
#content #detailbox.col2>.thumbnail{
	width:25%;
}
#content #detailbox.col2>.comment{
	width:70%;
}


/* PC_商品使用例紹介
----------------------------- */
.box_recipe>.wp-block-column{
	justify-content: space-between;
	display: flex;
	flex-direction: column;
}
.box_recipe .bottom{
	margin-top:auto;
}


/* PC_お客様インタビュー
----------------------------- */
/*  PC一覧*/
.ul_voicelist li{
	display:flex;
	flex-direction: column;
}
.ul_voicelist.col2 li{
	width:48%;
}




/* PC_お問い合わせ
----------------------------- */
#content .wpcf7 table tr th.need{
	width:30%;
}





/* PC_ショッピングカート
----------------------------- */

/*カートスタイル上書き*/

/*フロー*/
#content #net_shop_admin_flow ol{
	justify-content: space-between;
}
#content #net_shop_admin_flow ol li{
	width: 25%;
}
#content #net_shop_admin_flow ol li span{
	text-align:center;
	line-height:50px;
	color:#fff;
	background-color:#ccc;
	display:block;
	position:relative;
	margin-right:30px;
	white-space:nowrap;
}
#content #net_shop_admin_flow ol li span:after{
	content:"";
	display: block;
	position:absolute;
	right:-20px;
	top:0;
	border-style: solid;
	border-width: 25px 0 25px 20px;
	border-color: transparent transparent transparent #ccc;
}

#content #net_shop_admin_flow ol li:last-of-type span:after{
	display:none;
}
#content #net_shop_admin_flow ol li span.current{
	background-color:#bdb493;
}
#content #net_shop_admin_flow ol li span.current:after{
	border-color: transparent transparent transparent #bdb493;
}




/* PC_お試しサンプル
----------------------------- */
/*#content #sample span.wpcf7-list-item{
	display:inline-block;
	width:33.33%;
}*/
#content #sample table th{
	width: 15%;
}

#content #sample .itemlink.col{
	gap:2%;
}

#content #sample .itemlink.col>li{
	width: 23.5%;
}



}
/* ============================
  PC（1600px以以上）
/* ============================ */
@media(min-width: 1600px) {
	#content .box_about>.col2 h3{
		font-size:3.2rem;
	}

	#mainimage .copy{
		font-size:4em;
	}

}

/* ============================
  PC（1400px以下）
/* ============================ */
@media(max-width: 1400px) {

.contentbox.w1400{
	padding: 0 4%;
}


/* PC4_ナビゲーション
----------------------------- */
#pcnavi ul#menu-main>li>a{
	font-size:0.8rem;
	letter-spacing:0;
}


/* PC4_サブページ
----------------------------- */
#content{
	padding:0 4vw 6rem 4vw;
}
.home #content{
	padding:0;
}


}
/* ============================
  PC（1200px以下）
/* ============================ */
@media(max-width: 1200px) {






/* PC2_メガメニュー
----------------------------- */
#pcnavi ul.sub-menu li.box_sub{
	padding-left:2%;
	padding-right:2%;
}


/* PC2_フッター
----------------------------- */
.col2.footermain{
	align-items: flex-start;
	flex-direction: column-reverse;
}
.col2.footermain>*{
	width:100%;
}
.fmain_right{
	border:none;
	padding:0 0 6rem 0;
}

/* PC2_レイアウト
----------------------------- */
.contentbox {
	padding: 0 4%;
}

/* PC2_サブページ
----------------------------- */
#pankuzu {
	padding: 0.5rem 4vw;
}

}
/* ============================
  SP（タブレット）
/* ============================ */
@media(max-width: 900px) {

/*見出し*/
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	margin: 1.8em 0 0.8em 0;
}
#content h1 {
	font-size:2em;
	line-height: 1.4em;
}
#content h2 {
	font-size: 1.5rem;
}
#content h3 {
	font-size:1.2em;
}
#content h4 {
	font-size: 1.05em;
}
#content h5 {
	font-size: 1em;
}
#content h6 {
	font-size: 1em;
}

/* SP_テーブル
----------------------------- */

/*SPノーマル*/
#content table th,
#content table td {
	padding: 0.8em;
	line-height: 1.6em;
}

/*SPスマホでブロック化*/
#content figure.wp-block-table.sp_block table,
#content figure.wp-block-table.sp_block tbody,
#content figure.wp-block-table.sp_block tr,
#content figure.wp-block-table.sp_block tr th,
#content figure.wp-block-table.sp_block tr td,
#content table.sp_block,
#content table.sp_block tbody,
#content table.sp_block tr,
#content table.sp_block tr th,
#content table.sp_block tr td{
	display: block;
	width: 100%;
}

#content figure.wp-block-table.sp_block th,
#content figure.wp-block-table.sp_block td,
#content table.sp_block tr th,
#content table.sp_block tr td{
	border-left:none;
}

#content figure.wp-block-table.sp_block th,
#content table.sp_block tr th{
	border-bottom:none;
	border-top:none;
}




/*SP横スクロール*/
.scroll-table{
	display: block;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}
.scroll-table::-webkit-scrollbar{
	height: 8px;
}
.scroll-table::-webkit-scrollbar-track{
	background: #f1f1f1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.scroll-table::-webkit-scrollbar-thumb {
	background: #bcbcbc;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#content .scroll-table table{
	margin-bottom:0.5rem;
}
.scroll-hint-icon-wrap.is-active{
	background-color:rgba(0,0,0,0.05);
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon{
	height: 70px;
}
.scroll-hint-text{
	display:none;
}

/*SPボタンスタイル*/
.btn_back a,
.btn_next a,
a.btn {
	font-size: 0.95rem;
}
.btn_back,
.btn_next{
	padding-top:2rem;
}
.more>a:after{
	width:40px;
	height:40px;
	right:-45px;
}


.btn.btn_app a{
	font-size:1.1rem;
	line-height: 70px;
}

/*大きいボタン*/
.btn.btn_w a {
	width:100%;
	height:auto;
	font-size:1rem;
	line-height:1.2em;
	padding:1.5em 4em 1.5em 1em;
	background-size:50px auto;
}


/*SP1枚画像*/
.wp-block-image.img_right img{
	height: 60vw;
	max-height:300px;
}

/*SPタイトル本文付写真リスト*/
#content ul.photolist{
   display:block;
}
#content ul.photolist.column3 li{
	width:auto;
}


/*SP-dl*/
dl.dl_normal dt{
	font-size:1em;
}
dl.dl_normal dd{
	padding:0 0 0 1rem;
}


/* SP_ナビゲーション
----------------------------- */
#wrapper{
	padding-top:60px;
}
#wrapper:before{
	height:60px;
}

header{
	padding:0 0.5rem;
}

header nav{
	height:60px;
	margin-left:auto;
	border:none;
}

header #sitetitle img{
	width:150px;
}

nav .b_cart a{
	font-size:1rem;
	width: 38px;
	height: 38px;
	line-height: 38px;
}


nav .language{
	font-size:1rem;
	white-space:nowrap;
	padding: 0 0.7rem 0.5rem 0.7rem;
}

.drawer-content .menu_scroll{
	display:block;
}
#spnavi .menu_scroll>div{
	width:auto;
}


/*トップページのみ調整*/
.home header:not(.smaller) #sitetitle a{
	width:150px;
	height:39.44px;
}



/* SP_フッター
----------------------------- */
.pagetop {
	bottom: 3.5em;
}


/*フッターボトム*/
.footerbottom{
	padding:6rem 0 4rem 0;
}
p.f_add{
	font-size:0.8rem;
	padding:1rem 0 3rem 0;
}

p#copyright{
	font-size:0.7rem;
	text-align:center;
}


/* SP_トップページ
----------------------------- */
.home #content {
	overflow: hidden;
}


/* SPメインイメージ */
#mainimage figure img{
	height: 90vh;
	max-height: 1000px;
	min-height: 800px;
	object-fit: cover;
}
#mainimage .copy{
	top:10%;
	bottom:auto;
	font-size:2em;
	line-height:1.5em;
}

ul.mv_link{
	padding:2rem 0 0 0;
}


ul.mv_link li{
	margin:0;
	padding:0 0 1rem 0;
	text-align:center;
}

ul.mv_link li a{
	width:300px;
	margin:0 auto;
}

.mv_inq a:before{
	width:61px;
	height:20px;
}
.mv_free a:before{
	width:85px;
	height:20px;
}



/*#mainimage .copy img{
	height:60vw;
	max-height:300px;
	top:20%;
	bottom:auto;
}*/
#mainimage .appeal{
	width:80%;
	max-width:300px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	right:0;
	left:0;
	bottom:-5vw;
}
#mainimage .appeal li{
	width:48%;
	padding-top:4%;
}



.home #content .contentbox{
}
	.home #content .contentbox.box_sub{
		padding-top: 6rem;
		padding-bottom: 6rem;
	}

.home #content .btn.btn_w.btn_voice a,
.home #content .btn.btn_w.btn_choice a{
	padding:1.5em 3em;
}
.home #content .btn.btn_w.btn_choice a:before{
	width:40px;
	left:8%;
}
.home #content .btn.btn_w.btn_voice a:before{
	left:13%;
}


.home #content .snap img{
	aspect-ratio: 3 / 4;
	object-fit: cover;
}

.home #content .box_news .snap img{
	object-position: right center;
	width: 100%;
	height: 70vw;
}


/*SP_カード型サブ（共通）*/
.home #content .card_sub li,
#content .card_sub li{
	padding:0 0 2rem 0;
}
.home #content .card_sub li:last-of-type,
#content .card_sub li:last-of-type{
	padding:0;
}


/*sp_トップバナー*/
.home #content .contentbox.box_topbnr{
	padding-top:4rem;
}
.box_topbnr>div{
	padding-bottom:2rem;
}


/*SP_取り扱い商品*/
.home #content .contentbox.box_goods{
	padding-top:2rem;
}


#content .ul_goods li p{
	font-size:0.95rem;
	line-height: 1.4em;
}


/*SP_業種別ご案内*/
.home #content .contentbox.box_business:after{
	width:90px;
	height:110px;
	right:4%;
	bottom:-20px;
}


/* SP_小林食品ができること */
#content .head_choice .copy{
	padding: 2rem 4%;
}
#content .head_choice .copy h3{
	font-size:2.2rem;
	margin:1.5em auto 4em auto;
	white-space: nowrap;
}
#content .head_choice .copy h3:after{
	width:118px;
	height:116px;
	right:-120px;
	bottom:-100px;
}


#content .head_choice .copy p{
	font-size:1rem;
}

/*SP_お客様インタビュー*/
.box_voice{
	padding-bottom: 5rem;
}


#content .head_voice h3{
	font-size: 1.3rem;
	line-height: 1.8em;
	margin-left: auto;
}
#content .ul_voicelist.ul_topvoice li{
	margin-bottom:2rem;
}
	#content .ul_voicelist.ul_topvoice li:last-of-type{
		margin-bottom:0;
	}


/* SP_お知らせ */
#content .ul_news li{
	padding-bottom:1.5rem;
}
.ul_news .date{
	font-size:0.85rem;
}


/*SP_バナーエリア*/
#content .box_banner ul li{
	margin:0 auto;
	padding:0 0 1rem 0;
}


/*SP_CTA（共通）*/
.box_cta{
	padding:4rem 0 6rem 0;
}
	.home .box_cta.top_cta{
		padding:0 0 1rem 0;
	}
.box_cta p{
	font-size:1rem;
}
#content .box_cta li.b_inq,
.box_cta li.b_inq{
	padding-bottom:2rem;
}
.box_cta li a{
	font-size:1.2rem;
	height:100px;
	background-position:95% 60%;
	background-size:35px auto;
}
.box_cta li a:hover{
	background-position: 95% 70%;
}

.box_cta li.b_inq a{
	padding-right:39px;
}
.box_cta li.b_free a{
	padding-right:47px;
}
.box_cta li a:before{
	width:49px;
	height:33px;
}
.box_cta li.b_free a:before{
	width:57px;
	height:31px;
}
.box_cta li .oisogi{
	font-size: 0.7em;
	letter-spacing: normal;
	padding-top:0;
}


/* SP_サブページ
----------------------------- */
.pagetitle h1{
	font-size: 1em;
	line-height: 1.4em;
	padding:2rem 4% 1.5rem 4%;
}

#content .page .entry-content{
	padding-top:2rem;
}

#content .page .entry-content p{
	font-size: 1rem;
}

/*固定ページのサムネイル*/
.page_thumbnail img{
	height:20vw;
	max-height:200px;
	min-height:120px;
}

/*枠線*/
.waku{
	padding:1.5rem;
}

.waku.waku_wide{
	padding:2rem;
}

/*枠線（白背景）*/
.waku.waku_sen{
	padding:2rem;
}




/* SP_サイドバー
----------------------------- */
/*サイドボックス*/
#sidebox h5{
	font-size:1.2rem;
	padding-bottom:1rem;
}
/*サブページメニュー*/
.subpagemenu ul li{
	font-size:0.9em;
	padding:0 0 0.7rem 0;
}


/* SP_お知らせ
----------------------------- */

/*詳細*/
.entry-meta{
	padding-top:1em;
}
.entry-meta .day{
	font-size:0.8em;
}
.entry-meta .term{
	line-height:1.2em;
}
#content h2.post-title{
	font-size:1.8rem;
}





/* SP_固定ページパーツ
----------------------------- */

/*ボタン幅広*/
.btn_wide .wp-block-button{
	width:100%;
}
/*ボタン白*/
#content .btn_next a.wp-block-button__link{
	min-width: 250px;
	padding: 1em 3em 1em 1.5em;
	line-height:1.6em;
	white-space:normal;
}
#content .btn_back a.wp-block-button__link{
	min-width: 250px;
	padding: 1em 1.5em 1em 3em;
	line-height:1.6em;
	white-space:normal;
}

/*ご相談・ご注文はこちら*/
.box_tel a{
	display:block;
}


/* インデックス用
----------------------------- */
#content .box_index .wp-block-column{
	padding-bottom:2rem;
}

#content .box_index h3{
	font-size: 1.2rem;
}


/* SP_はじめてのお客様へ
----------------------------- */
body .box_annakonna .is-layout-flex{
	flex-direction: column;
	padding-bottom:4rem;
}
body .box_annakonna .is-layout-flex:last-of-type{
	padding-bottom:0;
}

.box_annakonna .wp-block-image .alignleft,
.box_annakonna .wp-block-image .alignright {
	float: none;
	margin: 0 auto;
}
body .box_annakonna .box_rev.is-layout-flex{
	flex-direction: column-reverse;
}
.box_rev .has-text-align-right{
	text-align: left;
}


/* SP_小林食品ができること
----------------------------- */
.box_nayami.box_sptate .wp-block-image .alignright{
	float:none;
	margin: auto;
}


/* SP_会社案内
----------------------------- */
#content .tbl_result table th{
	white-space:nowrap;
}



/* SP_SDGsの取り組み
----------------------------- */
#content table.tbl_sdgs td.sign{
	border-bottom:none;
	padding-bottom:0;
}



/* SP_業種別ご案内
----------------------------- */
.box_nayami{
	border: 8px solid #d9d7ce;
	padding: 0.8rem;
	font-size: 0.8em;
}

.page_business .box_nayami.is-layout-flex{
	flex-direction: column;
}
.page_business .box_nayami.box_rev.is-layout-flex{
	flex-direction: column-reverse;
}

.page_business .box_nayami .wp-block-image .alignleft,
.page_business .box_nayami .wp-block-image .alignright {
	float: none;
	margin: 0 auto;
}


/* SP_お客様インタビュー
----------------------------- */
#voicedetail .thumbnail img,
.ul_voicelist .thumbnail a,
.ul_voicelist .thumbnail img{
	height:60vw;
}

/*詳細*/
#voicedetail .thumbnail{
	padding-top:2rem;
}

#content .voice_head h2{
	font-size: 1.2rem;
}
#content .voice_head h5{
	font-size: 0.9rem;
}



/* SP_取り扱い商品
----------------------------- */
/*ご注文について枠*/
#content .box_order{
	padding:0;
	border:none;
	border-top:solid 2px #d9d7ce;
}


/* 商品一覧（大カテゴリ）
----------------------------- */
#content ul#goodslist .thumbnail{
	text-align:center;
}
#content .itemcomment{
	margin-top:2rem;
}

#content .itemmain .go_detail{
	margin-top:3rem;
}
#content .itemmain .btn.btn_free{
	margin-top:1rem;
}

/*ページ内リンク*/
#content ul#link_goods{
	padding-top:2rem;
}


/*購入エリア*/
#content table.buy tr {
	display:flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-bottom:1px solid #d9d7ce;
}
#content table.buy tr:first-of-type {
	background-color:#ececec;

}
#content table.buy tr:first-of-type th{
	flex-grow: 1;
}

#content table.sp_block.buy th,
#content table.sp_block.buy td {
	border: none;
}
#content table.sp_block.buy td {
	padding:0.5rem;
}
#content table.buy td.go {
	width: 100%;
	text-align: right;
}

#content table.buy th:nth-child(1),
#content table.buy td:nth-child(1) {
	width: 15%;
}
#content table.buy th:nth-child(2),
#content table.buy td:nth-child(2) {
	width: 60%;
}
#content table.buy th:nth-child(3),
#content table.buy td:nth-child(3) {
	width: 20%;
}
#content table.buy td:nth-child(3) {
	text-align:right;
}
#content table.buy th:nth-child(4) {
	display: none;
}

#content table.buy td:nth-child(4) {
	display:block;
	width: 100%;
	padding-top:0;
}
#content table.buy input.product_cart[type='submit']{
	display:block;
	width:100%;
	margin-top:0.5rem;
	line-height: 50px;
}

/* SP_商品詳細（小カテゴリ）
----------------------------- */
#content #goodsdetail .thumbnail{
	text-align:center;
}
#content #goodsdetail .comment{
	margin-top:2rem;
}

/*カテゴリ登録内容用*/
#content .scroll-table table.tbl_rei{
	width:700px;
}


/* SP_商品使用例紹介
----------------------------- */
.box_recipe>.wp-block-column:empty {
	display:none;
}


/* SP_お問い合わせ
----------------------------- */
/*フォーム*/
#content table.tbl_form.sp_block th {
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
}
#content table.tbl_form.sp_block td {
	padding-left:0;
	padding-right:0;
}

#content .wpcf7 table input[type='text'],
#content .wpcf7 table input[type='email'],
#content .wpcf7 table textarea,
#content input.wpcf7-submit[type="submit"]{
	width:100%;
}
#content input.wpcf7-submit[type="submit"]{
	max-width: 400px;
}
#content .wpcf7 table input.text_short{
	max-width: 8em;
	width: 30%;
}
#content .wpcf7 table input[type='text'].short{
	width: 8em;
}
#content .wpcf7 table input[type='text'].half {
	width: 44%;
}

#content .wpcf7 table tr th.need:after {
	right:0.8em;
	top:1rem;
}


/* SP_ショッピングカート
----------------------------- */
/*カートスタイル上書き*/


/*フロー*/
#content #net_shop_admin_flow{
	padding:2rem 0;
	font-size:1rem;
	color:#888;
}
#content #net_shop_admin_flow ol li{
	padding-right:0.2em;
	white-space:nowrap;
}
	#content #net_shop_admin_flow ol li:last-of-type{
		padding:0;
	}
#content #net_shop_admin_flow ol li span.current{
	color:#6a5920;
}

/*かごの中身*/
#net_shop_admin_shopping_cart>p:not(.net_shop_admin_update_quantity):not(.net_shop_admin_subtotal):not(.net_shop_admin_checkout),
#net_shop_admin_shopping_cart>form>p:not(.net_shop_admin_update_quantity):not(.net_shop_admin_subtotal):not(.net_shop_admin_checkout){
	font-size:1rem;
	border:1px solid #d9d7ce;
	padding:1rem;
}

/*数量変更*/
#content .net_shop_admin_update_quantity{
	font-size:0.9rem;
	padding-bottom:1rem;
}

/*inputリンクを青に*/
#content #net_shop_admin_checkout_body>dl>dt>form input[type='submit'],
#content .net_shop_admin_update_quantity input[type='submit']{
	font-size:0.9rem;
	color: #0265c1;
	text-decoration:underline;
}
#content #net_shop_admin_checkout_body>dl>dt>form input[type='submit']:hover,
#content .net_shop_admin_update_quantity input[type='submit']:hover{
	opacity:0.7;
	text-decoration:none;
}



/* SP_注文者情報入力
----------------------------- */
#content #net_shop_admin_checkout_body dl{
	padding: 1rem;
	font-size: 1rem;
}

#content #net_shop_admin_checkout_body dl dt{
	position:relative;
}

#content #net_shop_admin_checkout_body dl dt span.required{
	right:0;
	top:0.5em;
}

/*戻るボタン*/
#content .checkout_step input:not(#continue):not(#shipping_information):not(.submit)[type='submit'],
#content net_shop_admin_shopping_cart button{
	width:50% !important;
}

/*決定ボタン*/
#content input#continue{
	margin: 1rem 0 !important;
	display: block;
	width:100%;
	cursor: pointer;
	text-decoration: none;
	font-size:1.2rem;
	padding:0 1em;
	line-height:65px;
	text-align: center;
	color: #FFFFFF;
	background-color:#6a5920;
	border:none;
}
#content input#continue:hover{
	opacity:0.7;
}

/* SP_確認画面 
----------------------------- */
#net_shop_admin_checkout_body>dl>dt>form{
	display: flex;
	justify-content: space-between;
}

#net_shop_admin_checkout_body dd>ul{
	margin:0;
	padding-top:0.5rem;
	list-style:none;
}
#net_shop_admin_checkout_body dd>ul>li{
	text-indent: -1em;
	padding-left: 1em;
}

#content #net_shop_admin_checkout_body dl .red{
	font-size: 0.8rem;
	display: inline-block;
	background: #ff000033;
	width: 100%;
	padding: 0 1em;
}


/* SP_お試しサンプル
----------------------------- */
#content #sample .itemlink.col{
	gap:4%;
}

#content #sample .itemlink.col>li{
	width: 48%;
	padding:0 0 5% 0;
}

}

/* ============================
  スマホ（小）
/* ============================ */
@media(max-width: 500px) {

/* ページネーション　タイプ：[<前へ] [次へ>] */
#nav-below .back a,
#nav-below .nav-previous a,
#nav-below .nav-next a {
	width: 7em;
}

/* SPs_トップページ
----------------------------- */
/*SPs_メインイメージ*/
#mainimage .copy{
	top:15%;
	font-size:7vw;
}

ul.mv_link li a{
	width: 280px;
	font-size:1rem;
	font-weight: 500;
	line-height:60px;
}


/* SPs_ショッピングカート
----------------------------- */
/*カートスタイル上書き*/


/*フロー*/
#content #net_shop_admin_flow{
	font-size:0.7rem;
}
/*合計*/
#content .net_shop_admin_subtotal{
	font-size:1rem;
}

/* SPs_注文者情報入力
----------------------------- */
#content #net_shop_admin_checkout_body.net_shop_admin_checkout_body_sp input[type='text']{
	width:100%;
	display:block;
}



}