@charset "utf-8";
/* CSS Document */
/*
@media screen and (max-width: 768px) {
@media screen and (min-width: 600px) {
@media screen and (min-width: 480px) {
@media screen and (min-width: 960px) {
@media screen and (min-width: 1200px) {
@media screen and (max-width: 1024px) {  .fs-c-photoswipe .pswp__preloader {
*/

/*カート画面から発送日時を消す*/
/* ご注文手続き画面の『明日XX時XX分までのご注文でXXXXのお届けが可能です』を非表示にするCSS */
.fs-c-checkout-shippingDetail__deliveryDateInfo{
display:none;
}

/*会員特典*/
h3.mypage_h3{
background:#dedede;
color:#41a5cb;
padding:4px;
border-radius:20px;
text-align:center;
}
.kaiin_card{
max-width:400px;
margin:0 auto;
text-align:center;
}

@media screen and (min-width: 1200px) {
.kaiin_card{
width:400px;
margin:0 auto;
text-align:center;
}
.login_top{
display:block;
max-width:700px;
margin:0 auto;
}
.tokuten_4{
display:block;
max-width:700px;
margin:0 auto;
}
}


/*40周年記念サイトバナー*/
.ogawanosho40{
margin:32px 0 32px 0;
}
h3.retoro_h3{
    background:#f1eedd;
    font-size:24px;
    padding:10px;
    margin:20px 0;
    text-align:center;
color:#795548;
}

a.go_cal{
display:block;
background:#b3e7ff;
padding:6px;
margin:30px 0 20px 0;
width:280px;
border-radius:30px;
text-align:center;
}



.maru {
font-size:85%;
line-height:1.2em;
}
.maru img {
    width: 100%; /* 画像の幅を親要素に合わせる */
    height: auto; /* 高さを自動調整 */
    border-radius: 50%; /* 楕円形の切り抜き */
    background-color: white; /* 背景を白に設定 */
    object-fit: cover; /* 画像を枠内に収める */
}



body {
	font-family : 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	position : relative;
}
* {
	box-sizing : border-box;
}
div.fs-l-page {
}
/*----------------------------------------
■clearfix
----------------------------------------*/
.clearfix:after {
	content : "";
	display : block;
	clear : both;
	overflow : hidden;
	font-size : 0.1px;
	line-height : 0;
}
/*----------------------------------------
■ヘッダ　header
----------------------------------------*/
header.fs-l-header {
	margin : 0;
	padding : 0;
	background : #1b2a5c;
	position : fixed;
	top : 0;
	left : 0
	right : 0;
	width : 100%;
	height : auto;
	z-index : 9999;
}
.fs-l-header__contents {
	margin : 0;
	padding : 0;
	width : 100%;
	display : block;
	height : 60px;
}
.fs-l-header__contents:after {
	content : "";
	display : block;
	clear : both;
	overflow : hidden;
	font-size : 0.1px;
	line-height : 0;
}
.fs-l-header__contents *, .fs-l-header__contents a:link, .fs-l-header__contents a:visited {
	color : #fff;
}
.fs-l-header__contents a:hover {
	color : #fc0;
}
.fs-l-header__leftContainer, .fs-l-header__logo, .fs-l-header__utility {
	padding : 0;
}
.fs-l-header__leftContainer {
	float : left;
	margin : 0 0 0 8px;
	width : 60px;
}
.fs-l-header__drawerOpener {
}
i.fs-p-drawerButton__icon {
	font-size : 32px;
}
.fs-l-header__welcomeMsg {
	display : none!important;
}
.fs-l-header__logo {
	float : left;
	width : calc( 100% - 136px );
	margin : 0;
	text-align : center;
}
.fs-p-logo__lead {
	display : none;
}
.fs-l-header__logo img {
	max-height : 40px;
	margin : 0 auto;
}
.fs-l-header__contents .fs-p-scrollingCartButton {
	display : block;
	position : static;
	float : right;
	width : 60px;
}
.fs-l-header__contents i.fs-icon--cart {
	font-size : 40px;
	color : #fff;
	background : transparent;
}
.fs-l-header__contents .fs-p-scrollingCartButton__label {
	display : none;
}
.fs-l-header__utility {
	display : none!important;
}
header.fs-l-header--min {
	margin : 0;
	padding : 0;
	width : 100%;
	display : block;
	height : 60px;
}
@media screen and (min-width: 1200px) {
header.fs-l-header {
	position : static;
}
.fs-l-header__contents {
	margin : 0 auto;
	padding : 0;
	width : 1200px;
}
.fs-l-header__leftContainer {
	float : left;
	margin : 0;
	text-align : left;
}
.fs-l-header__logo {
	clear : both;
	float : left;
	max-width : 239px;
	margin : 0;
	text-align : left;
}
.fs-p-logo__lead {
	display : none;
}
.fs-l-header__utility {
	display : block!important;
	max-width : 50%;
	float : right;
}
.fs-l-header__contents .fs-p-scrollingCartButton {
}
}
/*----------------------------------------
■gnav
----------------------------------------*/
.mori-p-headerNavBar {
	display : none;
	background : #f4d47a;
	padding : 10px 0;
	border-bottom : none;
}
nav#mori-p-headerNavigation {
	display : block;
	padding : 0;
	margin : 0;
}
@media screen and (min-width: 1200px) {
nav#mori-p-headerNavigation {
	margin : 0 auto;
	padding : 0;
	width : 1200px;
}
}
ul.mori-p-headerNavigation__list {
	display : flex;
	justify-content : center;
	align-items: left;
	margin : 0;
	padding : 0;
}
.mori-p-headerNavBar nav.mori-p-headerNavigation li {
	list-style : none;
	width : auto;
	padding : 0;
	margin : 0;
	padding-left : 18px;
	margin-right : 15px;
	font-size : 15px;
	line-height : 19px;
	background : url( https://ogawanosho.itembox.design/item/sankaku.png?t=20250521150846) no-repeat;
}
.mori-p-headerNavBar nav.mori-p-headerNavigation li a {
	margin : 0;
	padding : 0;
	color : #000;
}
@media screen and (min-width: 1200px) {
.mori-p-headerNavBar {
	display : block;
}
}
/*----------------------------------------
■メイン・コンテンツ　main
----------------------------------------*/
main.fs-l-main {
	padding : 60px 8px 0 8px;
	margin : 0;
	width : 100%;
}
@media screen and (min-width: 1200px) {
main.fs-l-main {
	padding : 30px 0;
	margin : 0 auto;
	width : 1200px;
}
}
/*----------------------------------------
■メインカラム・本文・.fs-l-pageMain
----------------------------------------*/
nav.fs-c-breadcrumb {
	margin : 0 auto;
	width : 1200px;
	max-width : 100%;
}
div.fs-c-breadcrumb {
	display : none;
}
/*----------------------------------------
■メインカラム・本文・.fs-l-pageMain
----------------------------------------*/
section.fs-l-pageMain, section.fs-l-pageMain p {
	font-size : 17px;
	line-height : 1.8;
	font-weight: 400;
}
section.fs-l-pageMain p {
	margin : 0 0 2em 0!important;
}
@media only screen and (max-width: 768px) {
section.fs-l-pageMain, section.fs-l-pageMain p {
	font-size : 15px;
	line-height : 1.8;
	font-weight: 400;
}
}
/*ーーーーーーーーーーーーーーーーーーーーーーーー
カルーセル解除
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.un_carousel .fs-c-productListCarousel.fs-c-slick {
	display: block;
}
.un_carousel span.fs-c-productListCarousel__ctrl {
	display: none !important;
}
.un_carousel .fs-c-productListCarousel__list {
	display: block;
}
.un_carousel div.slick-track {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-gap: 16px;
	width: 100% !important;
	transform: none !important;
}
.un_carousel div.slick-track::before {
	content: none !important;
}
.un_carousel article.fs-c-productListCarousel__list__item.fs-c-productListItem {
	min-width: 100%;
	margin: 0;
}
/*----------------------------------------
■おすすめ商品ランキング　グリッド4列・スマホ2列
----------------------------------------*/
.fs-c-productMarks{
margin-bottom:8px!important;
}
.un_carousel div.slick-track {
	display : grid;
	grid-template-columns : repeat(2, 1fr)!important;
	justify-content : space-between!important;
	grid-gap : 20px!important;
}
.un_carousel div.slick-track div {
	margin : 0 0 8px 0!important;
}
.un_carousel div.slick-track div img{
	display:block;
/*	border:1px solid #ddd;*/
}
.un_carousel div.slick-track .fs-c-productName__name{
	font-size:14px;
	line-height:1.2em;
}
@media screen and (min-width: 640px) {
.un_carousel div.slick-track {
	display : grid!important;
	grid-template-columns : repeat(4, 1fr)!important;
	justify-content : space-between!important;
	grid-gap : 20px!important;
}
}
@media screen and (min-width:1100px) {
.un_carousel div.slick-track .fs-c-productName__name{
font-size:16px;
line-height:1.2em;
}
}
/*----------------------------------------
■王冠
----------------------------------------*/
#wm_ranking .fs-c-productListCarousel {
	counter-reset : item;
}
#wm_ranking article.fs-c-productListCarousel__list__item:before {
	counter-increment : item;
	content : counter(item)'位';
	background : url(https://ogawanosho.itembox.design/item/ranking01.png?t=20250521150846) center center no-repeat;
	background-size : contain;
	display : block;
	padding : 44px 0 0 0;
	margin : 0 0 5px 0;
	text-align : center;
	font-size : 10px;
	color : #ae8700;
	font-weight : bold;
	line-height : 20px;
}
#wm_ranking .slick-slide:nth-of-type(2) article.fs-c-productListCarousel__list__item:before {
	background : url(https://ogawanosho.itembox.design/item/ranking02.png?t=20250521150846) center center no-repeat;
	background-size : contain;
	color : #898989;
}
#wm_ranking .slick-slide:nth-of-type(3) article.fs-c-productListCarousel__list__item:before {
	background : url(https://ogawanosho.itembox.design/item/ranking03.png?t=20250521150846) center center no-repeat;
	background-size : contain;
	color : #f07149;
}
#wm_ranking .slick-slide:nth-of-type(4) article.fs-c-productListCarousel__list__item:before {
	background : url(https://ogawanosho.itembox.design/item/ranking04.png?t=20250521150846) center center no-repeat;
	background-size : contain;
	color : #6582cc;
}
/*----------------------------------------
■新着情報RSS iframe
----------------------------------------*/
#new_post,
#new_posts,
#new_posts iframe {
	width : 100%;
	border : none;
	hieght : auto;
}
#new_post {
	margin : 0 0 10px 0;
}
#new_post_icon {
	text-align : left;
}
/*----------------------------------------
■サイドバー・aside
----------------------------------------*/
aside.fs-p-drawer {
	background : #fff1d7 !important;
}
@media only screen and (max-width: 1199px) {
aside.fs-p-drawer {
	background : #1a2a5e!important;
	color : #fff;
	padding-top : 60px;
	width : 80%;
}
}
/*----------------------------------------
■商品詳細ページ
----------------------------------------*/
ul.set_naiyou {
	list-style : none;
	padding : 0;
	margin : 0;
}
.fs-c-productPrice__main__price {
	color : #f00!important;
}
/*----------------------------------------
■フッタ ページトップ
----------------------------------------*/
a.ReturnToTop {
	display : block;
	position : fixed;
	bottom : 75px;
	right : 20px;
	width : 50px;
	height : 50px;
	border-radius : 25px;
	background : #fcedc6;
	font-family : "fs-icon"!important;
	color : #000;
	font-size : 40px;
	line-height : 50px;
	text-indent : 0!important;
	text-align : center;
}
/*----------------------------------------
■フッタースマホ用バナー　ul.wm_sp_footerBanners
----------------------------------------*/
footer.fs-l-footer {
}
ul.wm_sp_footerBanners {
	display : grid;
	grid-template-columns : repeat(5, 1fr);
	justify-content : space-between;
	position : fixed;
	bottom : 0;
	left : 0;
	right : 0;
	background : #f3d37c;
	padding : 0;
	margin : 0;
	height : 60px;
	z-index : 9999;
}
ul.wm_sp_footerBanners li {
	list-style : none;
	padding : 5px;
	margin : 0;
	text-align : center;
}
ul.wm_sp_footerBanners li img {
	max-height : 100%;
}
@media only screen and (min-width: 1200px) {
footer.fs-l-footer {
	padding-bottom : 0;
}
ul.wm_sp_footerBanners {
	display : none;
}
}
/*----------------------------------------
■商品一覧　コピー・商品名リンク色・当店特別価格サイズ
----------------------------------------*/
a .fs-c-productName__copy {
	color : #c51616!important;
}
a .fs-c-productName__name {
	color : #742727!important;
}
.fs-c-productPrice__main__label {
	font-size : 11px;
}
/*----------------------------------------
■商品詳細ページ
----------------------------------------*/
.fs-c-productNameHeading__copy {
	display : block;
	margin : 0;
}
/*--------------------------
■grid2-1 2列一覧表示
------------------------*/
.grid2-1 {
	display : block;
	margin : 0;
	padding : 0;
}
.grid2-1 div {
	margin : 0 0 2em 0;
}
.grid2-1-50 {
	display : block;
	margin : 0;
	padding : 0;
}
.grid2-1-50 div {
	margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid2-1-50 {
	display : grid;
	grid-template-columns : repeat(2, 50%);
	justify-content : space-between;
}
.grid2-1 {
	display : grid;
	grid-template-columns : repeat(2, 48%);
	justify-content : space-between;
}
}
/*------------------------
■3-1col 3列一覧表示
------------------------*/
.grid3-1 {
	display : block;
}
.grid3-1 div {
	margin : 0 0 20px 0;
}
@media screen and (min-width: 640px) {
.grid3-1 {
	display : grid;
	grid-template-columns : repeat(3, 30%);
	justify-content : space-between;
}
}
/*------------------------
■3-2col 3列一覧表示
--------------------------*/
.grid3-2 {
	display : grid;
	grid-template-columns : repeat(2, 48%);
	justify-content : space-between;
}
.grid3-2 div {
	margin : 0 0 20px 0;
}
@media screen and (min-width: 640px) {
.grid3-2 {
	display : grid;
	grid-template-columns : repeat(3, 30%);
	justify-content : space-between;
}
}
/*------------------------
■4-1col 4列一覧表示
--------------------------*/
.grid4-1 {
	display : block;
}
.grid4-1 div {
	margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid4-1 {
	display : grid;
	grid-template-columns : repeat(4, 23%);
	justify-content : space-between;
}
}
/*--------------------------
■4-2col 4列一覧表示
------------------------*/
.grid4-2 {
 display : grid;
 grid-template-columns : repeat(2, 49%);
 justify-content : space-between;
}
.grid4-2 div {
 margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid4-2 {
 display : grid;
 grid-template-columns : repeat(4, 24%);
 justify-content : space-between;
}
}
/*--------------------------
■5-1col 5列一覧表示
------------------------*/
.grid5-1 {
	display : block;
}
.grid5-1 div {
	margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid5-1 {
	display : grid;
	grid-template-columns : repeat(5, 18%);
	justify-content : space-between;
}
}







/*----------------------------------------
■■■■■ここから下momonga追加■■■■■
----------------------------------------*/
#cvp {
	display: none;
}
/*ウェルカムメッセージ　PC*/
@media screen and (min-width:769px) {
#cvp_sp {
	display: none;
}
#cvp {
	display: block;
	width: 100%;
	background: url(https://ogawanosho.itembox.design/item/site/cvp_bg.jpg);
margin:0 0 36px 0;
}
#cvp img {
	display: block;
	width: 250px;
	margin: 0 10px 0 0;
	float: left;
}
#cvp h2.cvp_h2 {
	font-size: 15px;
	line-height: 1.5em;
	font-weight: bold;
	margin: 2px 2px 8px 8px;
	padding: 0 0 8px 0;
	clear: none;
	text-align: left;
	color: #6a4131;
	border-bottom: 2px solid #d0ba84;
}
#cvp h3.cvp_h3 {
	font-size: 15px;
	line-height: 1.5em;
	font-weight: normal;
	margin: 0 6px 6px 0;
	clear: none;
	text-align: left;
}
}
/*フッター*/
.fs-l-footer {
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
}
.fs-l-footer a{
  color: #162fbc;
  text-decoration: none;
font-weight:bold;

}
.fs-l-footer h4{
font-weight:bold;
margin:0 0 8px 0;
}
table.souryou_tbl {
	border-collapse: collapse;
	width: 100%;
	border-top: 2px solid rgb(102, 102, 102);
	border-bottom: 2px solid rgb(102, 102, 102);
	margin: 10px auto;
	background: rgb(255, 255, 255);
}
table.souryou_tbl th, table.souryou_tbl td {
	font-size: 14px;
	line-height: 1.4em;
}
table.souryou_tbl th {
	padding: 2px;
	font-weight: bold;
	text-align: center;
	background: rgb(222, 222, 222);
}
table.souryou_tbl td {
	text-align: center;
	padding: 10px 0;
	vertical-align: top;
}
table.souryou_tbl tr {
	border-bottom: 2px solid rgb(102, 102, 102);
}
table.souryou_tbl td em {
	font-size: 80%;
	font-style: normal;
}
footer ul {
	margin: 6px 0px;
	padding-left: 0px;
	list-style-type: none;
	border-top: 1px dotted rgb(221, 221, 221);
}
footer ul li {
	margin: 0px;
	padding: 6px 0px;
	list-style-type: none;
	border-bottom: 1px dotted rgb(34, 34, 34);
}
/*商品詳細の上部　独自コメント1～５*/
#item_top {
	width: 740px;
	margin: 0 auto 32px auto;
}
 @media only screen and (max-width: 740px) {
#item_top {
	width: 100%;
	margin: 16px 0 32px 0;
}
}
/*商品詳細ページ一番上の商品名*/
.fs-p-productDescription {
	font-size: 170%;
	font-weight: bold;
	margin: 0 0 36px 0!important;
	line-height: 1.2em;
text-align:center;
}
/*今スグご注文の方はこちら*/
#item_top .btn_link2 {
display:block;
width:300px;
color:#fff!important;
font-weight:bold;
text-align:center;
border-radius:4px;
background:#3949ab;
margin:0 auto 32px auto;
}
#item_top .btn_link2:link{
	color: #ffffff;
}
#item_top .btn_link2:hover {
	background-color: #0b3c8c;
}
#item_top .btn_link2:active {
	position: relative;
	top: 1px;
}
/*ここから↓は使ってない装飾ボタン*/
#item_top .btn_link {
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: linear-gradient(to bottom, #3d94f6 5%, #0b3c8c 100%);
	background-color: #3d94f6;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: block;
	cursor: pointer;
	color: #ffffff;
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	padding: 8px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #1570cd;
	text-align: center;
	width: 300px;
	margin: 32px auto;
}
#item_top .btn_link:link {
	color: #ffffff;
}
#item_top .btn_link:hover {
	background: linear-gradient(to bottom, #0b3c8c 5%, #3d94f6 100%);
	background-color: #0b3c8c;
}
#item_top .btn_link:active {
	position: relative;
	top: 1px;
}
/*ここまで*/
h2.item_h2 {
	font-size: 170%;
	font-weight: bold;
	margin: 0 0 36px 0;
	line-height: 1.4em;
	color: rgb(204, 0, 0);
	margin: 36px 0;
}
@media only screen and (max-width: 768px) {
h2.item_h2 {
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 36px 0;
	line-height: 1.4em;
	color: rgb(204, 0, 0);
	margin: 36px 0;
}
}
h3.item_h3 {
    background: rgb(234, 233, 223);
    font-size: 20px;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: bold;
}
@media only screen and (max-width: 768px) {
h3.item_h3 {
    background: rgb(234, 233, 223);
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 6px;
    font-weight: bold;
}
}
h4.item_h4 {
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 36px 0;
	line-height: 1.4em;
	margin: 36px 0;
}
@media only screen and (max-width: 768px) {
h4.item_h4 {
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 18px 0;
	line-height: 1.4em;
	margin: 36px 0;
}
}
/*商品責任表の仕様テーブル*/
table.siyou_table {
	border-collapse: collapse;
	border-spacing: 0px;
	border-bottom: 1px solid rgb(102, 102, 102);
	border-right: 1px solid rgb(102, 102, 102);
	margin: 36px 0;
}
table.siyou_table th {
	border-top: 1px solid rgb(102, 102, 102);
	border-left: 1px solid rgb(102, 102, 102);
	background: rgb(245, 245, 245);
	width: 25%;
	letter-spacing: 0.6em;
	text-align: center;
	font-weight: bold;
}
table.siyou_table td {
	border-top: 1px solid rgb(102, 102, 102);
	border-left: 1px solid rgb(102, 102, 102);
	padding: 16px 8px;
}
 @media only screen and (max-width: 600px) {
table.siyou_table th {
	letter-spacing: normal;
}
}
.fs-c-productNameHeading__copy {
	color: rgb(204, 0, 0);
}
.fs-c-productNameHeading__name {
	color: #802a2a;
	font-size: 2rem;
}
/*商品詳細*/
.fs-l-product4 .fs-l-productLayout h3.cate_h3 {
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	background: #1b2a5c;
	border-radius: 16px;
	margin: 30px 0px;
	text-align: center;
}
h3.h3_brown{
color:#802a2a;
font-weight:bold;
}

h3.reason_h3 {
	font-weight: 700;
	font-size: 22px;
	padding: 6px;
	color: #1b2a5c;
	margin: 10px 0px 0px;
}
img.photoL {
	width: 50%;
	float: left;
	display: block;
	margin: 0px 16px 0px 0px;
}
 @media only screen and (max-width: 480px) {
img.photoL {
	width: 100%;
	float: none;
	display: block;
	margin: 0px 0px 16px 0px;
}
}
ul.set_naiyou {
	display: grid;
	grid-template-columns: repeat(2, 49%);
	justify-content: space-between;
}
ul.set_naiyou li {
	margin: 0px 0px 32px 0;
	font-size: 85%;
	line-height: 1.4em;
}
 @media only screen and (max-width: 480px) {
ul.set_naiyou {
	display: block;
}
}
/*商品詳細*/
img.center{
display:block;
margin:0 auto;
}
@media only screen and (max-width: 500px) {
img.center{
width:400%;
height:auto;
}
}
.naiyou{
font-size: 85%;
	line-height: 1.4em;
}
/*高原贅沢野菜*/
table.erabareru { width: 100%; margin: 0px 0px 10px; background: rgb(229, 227, 217); border: 0px; text-align: left; }
table.erabareru td { font-size: 14px; line-height: 1.8em; font-weight: 600; color: rgb(0, 0, 0); padding: 10px; }
table.erabareru td p { margin: 0px; padding: 0px; }
table.erabareru td img.ttl_photo { display: block; width: 200px; height: auto; float: left; margin: 0px 20px 0px 0px; }
h3.erabareru_h3 { margin: 10px 0px 20px; padding: 0px; font-size: 24px; line-height: 1.2em; color: rgb(99, 34, 34); font-family: "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-style: normal; font-weight: 800; }
@media only screen and (max-width: 730px) {
  table.erabareru td img.ttl_photo { width: 300px; height: auto; }
}
@media only screen and (max-width: 500px) {
  table.erabareru td img.ttl_photo { width: 200px; height: auto; }
  h3.erabareru_h3 { font-size: 20px; line-height: 1.2em; }
  table.erabareru td { font-size: 13px; line-height: 1.5em; font-weight: 400; }
}
@media only screen and (max-width: 400px) {
  table.erabareru td img.ttl_photo { width: 100%; height: auto; float: none; margin: 0px 10px 0px 0px; }
  h3.erabareru_h3 { font-size: 18px; line-height: 1.2em; }
  table.erabareru td { font-size: 13px; line-height: 1.5em; font-weight: 400; }
}
/*笹巻きおやき　野沢菜入り【秋の特別セット】*/
.sasamaki-grid2 {
	display : grid;
	grid-template-columns : repeat(2, 48%);
	justify-content : space-between;
}
.sasamaki-grid2 {
	margin : 10px 0 20px 0;
}
@media screen and (max-width: 640px) {
.sasamaki-grid2 {
	grid-template-columns : repeat(1, 100%);
}
}
/*プレミアムギフト*/
/*選ばれる理由*/
.reason_box{
    background:url(https://ogawanosho.itembox.design/item/premium/wasi.jpg);
    padding:20px;
    margin:30px 0;
    border-radius:10px;
}
h2.reason{
font-weight:700;
    font-size:22px;
    padding:6px;
    border-bottom:2px solid #4b5a8d;
    margin:20px 0 20px 0;
    text-align:center;
}
h3.reason_h3{
font-weight:700;
    font-size:22px;
    padding:6px;
    color:#a76623;
    margin:10px 0 0 0;
}
/*カテゴリーヘッダー*/
.cate_h{
    	width: 100%;
	background: #F2E3DB;
display:block;
}
.cate_h div.box2 img{
display:block;
margin:0 auto;
}
h2.h2_cate {
	font-size: 22px;
	text-align: center;
	line-height: 1.2em;
	margin:16px 0;
	padding: 0;
}
h3.h3_cate {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 16px;
	text-align:left;
	line-height: 1.2em;
}
h3.h3_cate br{
display:none;
}
@media only screen and (min-width: 600px) {
.cate_h{
display:grid;
	grid-template-columns : repeat(2, 48%);
	justify-content : space-between;
}
.cate_h div.box1{
text-align:center;
       padding:10px 0 0 0; 
}
.cate_h div.box2{
    padding:4px 4px 0 4px;
}
h2.h2_cate {
	font-size: 22px;
	text-align: center;
	line-height: 1.2em;
	margin:16px 0;
	padding: 0;
}
h3.h3_cate {
	margin: 16px;
	padding: 0;
	font-size: 16px;
	text-align:left;
	line-height: 1.2em;
}
}
@media only screen and (min-width: 1100px) {
h2.h2_cate {
	font-size: 32px;
	text-align: center;
	line-height: 1.2em;
	margin:32px 0;
	padding: 0;
}
h3.h3_cate {
	margin: 16px;
	padding: 0;
	font-size: 16px;
	text-align:center;
	line-height: 1.2em;
}
h3.h3_cate br{
display:block;
}
}
/*カテゴリートップ*/
#cate_top{
    text-align:left;
    font-size:15px;
    line-height:1.8em;
}
#cate_top p{
    margin:1em 0;
}
h3.big_h3{
    background:#ededed;
    font-size:24px;
    padding:10px;
    margin:10px 0;
    text-align:center;
}
h1.tanpin{
background:#ededed;
    font-size:15px;
    line-height:1em;
    text-align:center;
    border-radius:10px;
    padding:4px;
    margin:32px 0;
}
/*単品おやきラインナップ*/
h3.midasi{
    font-size:22px;
    line-height:1em;
    text-align:center;
    border-radius:10px;
    padding:8px;
    margin:0 0 6px 0;
    color:#fff;
    clear:both;
}
h3.teiban{
    background:#c6b17f;
}
h3.haru{
    background:#b9d962;
}
h3.natu{
    background:#62b2d9;
}
h3.akifuyu{
    background:#db6e69;
}
ul.zen {
	margin : 30px 0;
	padding : 0;
}
ul.zen li {
	display : block;
    float:left;
	width : 15%;
	list-style : none;
	line-height : 1.3em;
	text-align :center;
	font-size : 14px;
	padding : 0 0 20px 0;
	margin : 0 8px 10px 0;
}
ul.zen li img {
	display : block;
	padding : 0;
height:auto;
}
ul.zen li a{
    display:block;
}
@media only screen and (max-width: 740px) {
    ul.zen li {
	display : block;
	width : 30%;
    }
}
@media only screen and (max-width: 460px) {
ul.zen li {
	display : block;
	width : 46%;
    }
}
.category-item-list-head{
    clear:both;
    background:#ededed;
}
/*アイテムリストを４列に*/
@media only screen and (min-width: 769px) {
.item-list {
  width: calc(100% / 4);
  padding: 8px;
  position: relative;
}
}
/*おやき単品　grid*/
.oyaki-grid6retu {
	display : grid;
	grid-template-columns : repeat(3, 33%);
	justify-content : space-between;
}
.oyaki-grid6retu div {
    margin: 0px 0 10px 0;
    text-align: center;
}
@media screen and (min-width: 640px) {
.oyaki-grid6retu {
	display : grid;
	grid-template-columns: repeat(6, 16%);
	justify-content : space-between;
}
}
/*温め方*/
h3.atatame{
font-size:22px;
    text-align:center;
    background:#ededed;
    padding:4px;
    border-radius:10px;
    margin:0 0 20px 0;
}
ul.atatamekata {
    background:antiquewhite;
	margin : 30px 0;
	padding : 0;
	display : -webkit-flex;
	display : -moz-flex;
	display : -ms-flex;
	display : -o-flex;
	display : flex;
	-webkit-flex-wrap : wrap;
	flex-wrap : wrap;
	justify-content : space-between;
	align-items : stretch;
}
ul.atatamekata li {
	display : block;
	width : 32%;
	list-style : none;
	border-bottom : 1px dotted #2584D1; 
	padding : 0 0 10px 0;
	margin : 0 0 10px 0;
}
ul.atatamekata li img {
	display : block;
	padding : 0 0 6px 0;
    height:auto;
}
@media only screen and (max-width: 520px) {
ul.atatamekata {
	margin : 10px 0;
	padding : 0 10px;
}
ul.atatamekata li {
	width:100%;
}
}
/*-------------
■■■■■■■■■■home　商品カテゴリー一覧■■■■■■■■■■
------------*/
.fs-p-sideMenu{
margin-bottom:32px;
}
#side_cate{
margin-bottom:32px;
}
ul.home-icon-list {
	margin : 0;
	padding:0;
	display : grid;
	grid-template-columns : repeat(1, 1fr);
	gap: 10px;
	justify-content : space-between;
}
ul.home-icon-list li.home-icon {
	padding: 0;
	margin:0;
}
ul.home-icon-list li.home-icon a {
	position: relative;
	display: flex;
	box-sizing : border-box;
	width : 100%;
	height:64px;
	padding: 10px 5px;
	margin:0;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: linear-gradient(to bottom, #fff 5%, #e9e9e9 100%);
	background-color: #f9f9f9;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	cursor: pointer;
	color: #000;
	text-decoration:none;
	align-items : center;
}
ul.home-icon-list li.home-icon .cat-img {
	display: block;
	width: 56px!important;
	height: 56px;
	float : left;
padding-top:8px;
}
ul.home-icon-list li.home-icon .cat-name {
width:100%;
	font-size: 15px;
line-height:1.2em;
padding:0 6px;
}
ul.home-icon-list li.home-icon .cat-name {
width:100%;
	font-size: 15px;
line-height:1.2em;
padding:0 6px;
}
.imgauto {
	height: auto;
	width: 100%;
	box-sizing: unset;
	line-height: 1rem;
	display: block;
}
ul.home-icon-list li a:hover {
	background: linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color: #e9e9e9;
	text-decoration: none;
}
ul.home-icon-list .navi-none {
	display: none;
}
ul.home-icon-list li a:hover img {
	opacity: 1;
}
h2.ttl_a{
font-size:14px;
font-weight:normal;
margin:0 0 16px 0;
padding:0;
text-align:center;
}
/*グリッド*/
.grid1{
	display : block;
	margin : 0 0 2em 0;
	padding : 0;
}
@media screen and (min-width: 640px) {
.grid1{
	display : block;
	margin : 0 0 4em 0;
	padding : 0;
}
}
/*-------------
■grid2-1 2列一覧表示
------------*/
.grid2-1 {
	display : block;
	margin : 0;
	padding : 0;
}
.grid2-1 div {
	margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid2-1 {
	margin : 0 0 4em 0;
	display : grid;
	grid-template-columns : repeat(2, 49%);
	justify-content : space-between;
}
}
/*-------------
■3-1col 3列一覧表示
------------*/
.grid3-1 {
	display : block;
}
.grid3-1 div {
	margin : 0 0 1em 0;
}
@media screen and (min-width: 640px) {
.grid3-1 {
	display : grid;
	grid-template-columns : repeat(3, 32%);
	justify-content : space-between;
}
}
/*-------------
■4-1col 4列一覧表示
------------*/
.grid4-1 {
	display : block;
}
.grid4-1 div {
	margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid4-1 {
	display : grid;
	grid-template-columns : repeat(4, 22%);
	justify-content : space-between;
}
}
/*-------------
■4-2col 4列一覧表示
------------*/
.grid4-2 {
	display : grid;
	grid-template-columns : repeat(2, 49%);
	justify-content : space-between;
}
.grid4-2 div {
	margin : 0 0 2em 0;
}
@media screen and (min-width: 640px) {
.grid4-2 {
	display : grid;
	grid-template-columns : repeat(4, 24%);
	justify-content : space-between;
}
}





/*送料無料セット*/
h4.item_h4 {
    background: #eae9df;
    font-size: 18px;
font-weight:normai;
    border-radius: 4px;
    color: #000;
    margin:0 0 16px 0;
    text-align: center;
}
h3.item_h3 {
    background: #eae9df;
    font-size:16px;
    padding:4px 10px;
    border-radius:6px;
    font-weight:bold;
margin-bottom:32px!important;
}
/*ウェルカムメッセージ　カテゴリー*/
#cate_cvp{
    display:block;
width:100%;
    background:url(https://ogawanosho.itembox.design/item/site/cvp_bg.jpg);
        padding:10px;
}
#cate_cvp img{
	display:block;
	width:250px;
	margin:0 10px 0 0;
    	float:left;
}
#cate_cvp h2.cvp_h2{
	font-size:20px;
	line-height:1.5em;
	font-weight:bold;
	margin:2px 2px 8px 8px;
    padding:0 0 8px 0;
    clear:none;
        text-align:left;
    color:#6a4131;
    border-bottom:2px solid #d0ba84;
}
#cate_cvp h3.cvp_h3{
		font-size:15px;
	line-height:1.5em;
	font-weight: normal;
	margin:0 6px 6px 0;
    clear:none;
    text-align:left;
}
/*おやきセット*/
.bn123{
    width:80%;
    margin:32px auto 32px auto;
}
@media only screen and (max-width: 520px) {
.bn123{
    width:100%;
    margin:20px auto 10px auto;
}
}
h3.osusume_h3{
        margin:32px 0 32px 0;
    font-weight: bold;
    text-align: center;
    background: #dfdf5c;
    font-size: 16px;
    color: black;
        padding:4px;
    border-radius:10px;
}
h4.osusume_h4{
        margin:6px 0;
    font-weight: normal;
    text-align: left;
    font-size: 15px;
    line-height:1.2em;
    color: black;
    padding:4px;
}
#item_top em{
display:block;
font-style: normal;
background:#ededed;
margin:16px 0;
padding:16px;
}
  .fs-c-heading--page {
    padding-top:0!important;
  }
@media screen and (min-width: 1200px) {
  .fs-c-heading--page {
    padding:0 0 1.8em 0!important;
  }
}
/*フッターバナー*/
.f_bunner{
background:#fff;
padding:8px;
}
.f_bunner a{
  color: #162fbc;
  text-decoration: none;
font-weight:bold;
}
/*Homeのトップバナー*/
.w80par .fs-pt-column__heading{
font-weight:normal;
font-size:16px;
line-height:1.4em;
margin-bottom:32px;
}
.w80par a{
color:#000!important;
}
@media only screen and (min-width: 600px) {/*PCサイトでは*/
.w80par {
width:80%;
margin:32px auto;
}
}
/*野菜のおいしさの秘密*/
.mincho {
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
h2.point_ttl{
font-weight:bold;
font-size:22px;
text-align:center;
color:#fff;
background:#5ca52a;
padding:6px;
border-radius:20px;
margin:0;
}
h3.point_h3{
font-weight:bold;
font-size:24px;
text-align:center;
color:#632222;
}
.grid_picasso{
    display: block;
}
.grid_picasso div{
margin:24px 10px;
font-size:120%;
line-height:1.8em;
}
@media screen and (min-width: 640px) {
.grid_picasso{
    display: grid;
    grid-template-rows:1fr;
    grid-template-columns:350px 1fr;
}
}
a.go_btn{
        border-radius: 4px;
    display: block;
    margin: 20px auto;
    padding: 10px 0;
    width: 40%;
    text-align: center;
    font-size: 1.4rem;
    text-decoration: none !important;
    background: #f4d47a;
    margin-bottom: 24px;
    color: #000;
}

/*表紙のランキング任意商品パーツ*/

/*ランキング表示*/

h2.rank_ttl{
	font-size : 12px;
	text-align : center;
	color : #222!important;
	background : transparent!important;
margin:40px 0;
font-weight:normal;
}

h2.rank_ttl strong{
display:block;
font-family:"游明朝体", "YuMincho", serif!important;
color:#1b2a5c;
font-size:32px;
font-weight:bold;
text-align : center;
margin-bottom:8px;
}

@media screen and (min-width: 1100px) {
h2.rank_ttl{
	font-size : 18px;
}
h2.rank_ttl strong{
font-size:48px;
}
}


h2.rank_ttl::before{
content:url(https://ogawanosho.itembox.design/item/site/rank_red.png);
height:30px;

overflow:hidden;
display:block;
margin:8px auto;
width:auto;
}



h4.link_list a{
display:block;
width:280px;
height:auto;
font-size:14px;
background:#fff;
border:1px solid #999;
color:#222;
line-height:14px;
margin:0 auto 40px auto;
border-radius:16px;
font-weight:bold;
text-align:center;
padding:8px;
}

.sub{
font-size:90%;
margin-bottom:32px;
font-weight:bold;
}



@media screen and (min-width: 1100px) {
.sub{
text-align:center;
}

h4.link_list a{
width:280px;
display:block;
float:right;
}

h4.link_list a:hover{
text-decoration:none;
color:#fff;
background:#eab8b8;
}
}

@media screen and (min-width: 740px) {
.main_img{
width:740px;
text-align:center;
margin:0 auto;
}
.main_img img{
display:block;
width:500px;
height:auto;
margin:0 auto 80px auto;
}
}

/*ネットショップシステム移転の告知*/

.cart_kokuti{
border-top:2px dotted #1B2A5C;
border-bottom:2px dotted #1B2A5C;
margin:0 0 32px 0;
}

h2.kokuti_ttl{
color:red;
font-weight:bold;
font-size:20px;
}
h3.kokuti_h3{
background:#2F95B8;
color:#fff;
font-weight:bold;
font-size:16px;
padding:6px;
border-radius:4px;
margin:12px auto 12px 0;
width:360px;
}
img.ppp{
vertical-align:bottom;
}
.orange{
color:#ff8300;
}
.tabekata{
border:2px dotted #ac6e1e;
margin:24px 0;
padding:8px;
font-size:85%;
line-height:1.2em;
}

.tabekata h4{
font-weight:bold;
color:#ac6e1e;
margin:8px 0;
}

.red{
color:red;
}
.ss,
.ss p{
font-size:90%!important;
line-height:1.2em!important;
}
/*パスワード発行画面でのエラー表示とOK表示*/
.fs-c-panel--info {
  color: #1095ff!important;
font-size:200%!important;
font-weight:bold!important;
  border: #4caf50 3px solid!important;
}
.fs-c-panel--error {
  color: #da4453;
font-size:200%!important;
  border-color: #da4453 3px solid!important;
}


a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
}

@media screen and (min-width: 640px) {
  div.cate_sub { margin: 3em auto; width: 80%; }
  div.cate_sub div { margin-bottom: 2em; }
}

/*マイページのポイントの案内*/
.waku{
border:1px solid #F60;
padding:10px;
}
.waku h4{
font-weight:bold;
color:#CC0000;
}
.go_login{
width:640px;
margin:120px auto 0 auto;
border:1px solid #F60;
padding:10px;
text-align:center;
}
@media only screen and (max-width: 640px) {
.go_login{
width:100%;
}

}

/*パスワードを確認する方法*/
.pass_kakunin{
width:100%;
margin:120px auto 0 auto;
border:4px solid #41a5cb;
padding:20px;
text-align:center;
}
@media only screen and (max-width: 640px) {
.go_login{
width:100%;
}

}

/*開店後エラー対処*/
/*スマホサイドメニューログインボタン*/
.fs-p-drawer__loginLogout a.fs-p-drawer__loginLogout__login,
.fs-p-drawer__loginLogout a.fs-p-drawer__loginLogout__logout {
	background : #fff;
	text-align : center;
	color : #000!important;
	font-size : 100%!important;
}
.fs-p-drawer__loginLogout a.fs-p-drawer__loginLogout__login:hover,
.fs-p-drawer__loginLogout a.fs-p-drawer__loginLogout__logout:hover {
	background : rgb(65, 165, 203);
	color : #fff!important;
}
/*スマホサイドメニュー会員登録ボタン*/
.fs-p-drawer .fs-clientInfo {
	display : none;
}
@media only screen and (max-width: 1200px) {
.fs-p-drawer .fs-clientInfo {
	display : block;
	text-align : center;
	margin-bottom : 10px;
}
.fs-p-drawer .fs-clientInfo a {
	font-size : 110%;/*momonga 文字を小さくしました。もとは140だった*/
	color : #fff;
}
/*サイドバーからCategoryの表記を非表示にする*/
h2.fs-p-drawer__heading{
display:none;
}
}

.hosoku{
text-align:left;
font-size:17px;
}
.fs-clientInfo span {
margin-right: 10px;
display: inline;
font-size: 100%!important;
}


/*ボタンデザインのためのリセット*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -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;
  color: #212529;
  border-radius: 0.5rem;
}