@charset "utf-8";

/* =====================================================================
 * main
 * =================================================================== */
#column, #details, #e-contents section, #ds-products article, #ds-products li, .nutrition-text, #rutin-list, 
#character, #taikenshitsu, .taikenDetails, #parking, #jitenList li, #recipeList section {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
h3 {
	margin-bottom: 18px;
}
h3.subTitle, h3.subTitle2 {
	height: 26px;
	text-align: left;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
h3.subTitle2 {
	height: 23px;
}
h3#ttl_column        { background: url(images/ttl_column.png) no-repeat center; }
h3#ttl_sobajiten     { background: url(images/sobajiten/ttl_sobajiten.gif) no-repeat; }
h3#ttl_power         { background: url(images/dattansoba/ttl_power.gif) no-repeat; }
h3#ttl_mamechishiki1 { background: url(images/dattansoba/ttl_mamechishiki1.gif) no-repeat; }
h3#ttl_mamechishiki2 { background: url(images/dattansoba/ttl_mamechishiki2.gif) no-repeat; }
h3#ttl_mamechishiki3 { background: url(images/dattansoba/ttl_mamechishiki3.gif) no-repeat; }
h3#ttl_mamechishiki4 { background: url(images/dattansoba/ttl_mamechishiki4.gif) no-repeat; }
h3#ttl_nutrition     { background: url(images/dattansoba/ttl_nutrition.gif) no-repeat; }
h3#ttl_rutin1        { background: url(images/dattansoba/ttl_rutin1.gif) no-repeat; }
h3#ttl_rutin2        { background: url(images/dattansoba/ttl_rutin2.gif) no-repeat; }
h3#ttl_rutin3        { background: url(images/dattansoba/ttl_rutin3.gif) no-repeat; }
h3#ttl_difference    { background: url(images/ttl_difference.gif) no-repeat; }

.subtxt {
	width: 678px;
	height: 56px;
	background: url(images/subtxt_entertainment.svg) no-repeat;
	background-size: 100% auto;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.lead {
	margin-bottom: 35px;
}
.articleBox {
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 30px;
	background: url(../images/dotline.svg) repeat-x bottom;
}
.details {
	margin-top: 20px;
	text-align: center;
}
.textBox {
	width: 345px;
}
.textBox2 {
	width: 365px;
}
#column, #details {
	padding: 18px;
	width: 638px;
	background-color: #f6efcf;
	border: solid 2px #d1c58f;
}
#column h3 {
	margin-bottom: 15px;
}
#column ul {
	width: 638px;
	text-align: center;
}
#column li {
	display: inline-block;
	margin: 0 5px;
	padding: 2px;
	width: 200px;
	height: 200px;
	border: solid 1px #cccccc;
	background: #ffffff;
}
#e-contents {
	margin-right: -20px;
	width: 698px;
}
#e-contents section {
	float: left;
	margin: 20px 20px 0 0;
	padding: 10px;
	width: 307px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
}
#e-contents section h3 {
	margin-bottom: 15px;
}
#e-contents section p {
	padding: 0 7px;
	line-height: 1.6;
}
#e-contents section .details {
	margin-top: 15px;
	padding-bottom: 7px;
	line-height: 1;
}
ul#link-contents, ul#link-contents2 {
	overflow: hidden;
	margin-right: -12px;
	width: 690px;
}
ul#link-contents li, ul#link-contents2 li {
	float: left;
	margin-right: 12px;
}
/* はじめまして！にっこくです！ */
h3.ttlHajimemashite {
	margin-bottom: 30px;
	padding-bottom: 12px;
	width: 678px;
	border-bottom: 1px solid #bbbbbb;
}
.letterBody {
	padding: 40px;
	width: 558px;
	background-color: #ffffff;
}
.letterBody dt {
	margin-bottom: 35px;
	text-align: center;
}
.letterBody dd p.txt {
	margin-bottom: 30px;
}
/* 韃靼そばうんちく話 */
#power {
	margin-bottom: 50px;
}
#power p {
	margin-bottom: 30px;
}
#ttl_dattansoba_poducts { height: 20px; background: url(images/dattansoba/ttl_dattansoba_poducts.gif) no-repeat; }
#ds-products article,
#ds-products li {
	padding: 15px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
}
#ds-products article {
	margin-bottom: 20px;
	width: 297px;
}
#ds-products article h3 {
	margin-bottom: 8px;
}
#ds-products article h3 a,
#ds-products li a {
	line-height: 1.6;
	font-size: 108%;
}
.dsp-image,
#ds-products li img {
	margin-bottom: 15px;
	text-align: center;
}
#ds-products ul {
	margin-right: -17px;
	width: 695px;
}
#ds-products li {
	float: left;
	margin-right: 17px;
	width: 90px;
}
.articleBox p {
	overflow: hidden;
}
#nutrition-box {
	background: url(images/dattansoba/nutrition_image.png) no-repeat center top;
	background-size: 237px;
}
.nutrition-text {
	padding: 20px;
	width: 190px;
	background-color: #ffffe3;
	border: solid 2px #d1c58f;
}
.nutrition-text dt {
	text-align: center;
	margin-bottom: 15px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
#ttl_nutrition2 { height: 21px; background: url(images/dattansoba/ttl_nutrition2.png) no-repeat center; }
#ttl_nutrition3 { height: 48px; background: url(images/dattansoba/ttl_nutrition3.png) no-repeat center; }
#seibun {
	position: relative;
}
.amount {
	position: absolute;
	top: 15px;
	right: 0;
	font-size: 93%;
}
#tb-nutrition {
	margin-bottom: 8px;
	width: 678px;
}
#tb-nutrition,
#tb-nutrition tr {
	border: solid 1px #cccccc;
}
#tb-nutrition th,
#tb-nutrition td {
	padding: 4px 20px;
	border-right: solid 1px #cccccc;
	vertical-align: middle;
}
#tb-nutrition td {
	text-align: right;
	font-size: 108%;
}
#tb-nutrition th {
	background-color: #f6efcf;
}
#tb-nutrition thead th {
	text-align: center;
}
#tb-nutrition thead th:nth-of-type(2) {
	background-color: #fed9d9;
	text-align: center;
	font-size: 108%;
	color: #f86479;
}
#tb-nutrition td:nth-of-type(1) {
	background-color: #fff3f3;
	font-size: 123.1%;
}
#tb-nutrition td:nth-of-type(2),
#tb-nutrition td:nth-of-type(3),
#tb-nutrition td:nth-of-type(4) {
	background-color: #ffffee;
}
#tb-nutrition colgroup:nth-of-type(2),
#tb-nutrition colgroup:nth-of-type(3),
#tb-nutrition colgroup:nth-of-type(4),
#tb-nutrition colgroup:nth-of-type(5) {
	width: 130px;
}
#rutin-list {
	margin: 15px 0;
	padding: 15px 20px;
	background: #cccccc;
	background-color: #ffffe3;
	border: solid 2px #d1c58f;
}
#rutin-list li {
	margin-left: 15px;
	list-style: disc;
}
.note {
	text-align: right;
	font-size: 85%;
}
#tb-difference {
	margin: 20px 0 0 0;
	width: 678px;
}
#tb-difference,
#tb-difference tr {
	border: solid 1px #cccccc;
}
#tb-difference th,
#tb-difference td {
	padding: 10px 20px 9px;
	border-right: solid 1px #cccccc;
}
#tb-difference th {
	background-color: #f6efcf;
	vertical-align: middle;
	text-align: center;
}
#tb-difference td {
	vertical-align: top;
}
#tb-difference td img {
	display: block;
	margin: 5px auto 8px;
}
#tb-difference .saibai td img {
	margin: 6px auto 20px;
}
#tb-difference thead th {
	font-weight: bold;
}
#tb-difference thead th:nth-of-type(2) {
	background-color: #cee5ff;
	color: #2372c1;
}
#tb-difference thead th:nth-of-type(3) {
	background-color: #d2efcc;
	color: #3f8c29;
}
#tb-difference colgroup:nth-of-type(2),
#tb-difference colgroup:nth-of-type(3) {
	width: 270px;
}
#mainBanner {
	clear: both;
}
#mainBanner a {
	display: block;
	background-color: #ffffff;
}
.note2 {
	margin-bottom: 30px;
}
.note3 {
	margin-top: 3%;
}
/* 関連レシピ */
.newline {
	display: inline-block;
}
#recipeBox {
	clear: both;
	margin-top: 30px;
	padding-top: 30px;
	background: url(../images/dotline.svg) repeat-x top;
}
#recipeList {
	overflow: hidden;
	margin: 0 -14px -14px 0;
	width: 692px;
}
.recipeTtl, .bnRecipe a {
	background-color: #ece4c0;
	background-image: -webkit-linear-gradient(-45deg, #f6efcf 25%, transparent 25%, transparent 50%, #f6efcf 50%, #f6efcf 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #f6efcf 25%, transparent 25%, transparent 50%, #f6efcf 50%, #f6efcf 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #f6efcf 25%, transparent 25%, transparent 50%, #f6efcf 50%, #f6efcf 75%, transparent 75%, transparent);	
	background-size: 25px 25px;
	border: solid 1px #d1c58f;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	line-height: 1.4;
}
.recipeTtl {
	padding: .7em 1em .6em;
	font-size: 153.9%;
	font-weight: bold;
	color: #79490e;
}
.recipeTtl span {
	font-weight: bold;	
}
#recipeList section {
	float: left;
	margin: 0 14px 14px 0;
	padding: 15px;
	width: 300px;
	background-color: #ffffff;
	border: 1px solid #d1c58f;
	line-height: 1.6;
}
#recipeList h4 {
	margin-bottom: 12px;
	font-size: 116%;
}
.ttlIcon {
	float: left;
	margin-bottom: 5px;
	width: 160px;
}
p.recipeThumb {
	float: right;
	width: 125px;
	margin-bottom: 12px;
}
#recipeList dl {
	float: right;
	width: 155px;
}
#recipeList dt {
	margin-right: 15px;
}
#recipeList dd {
	overflow: hidden;
}
.categoryMarkS li {
	float: left;
	margin: 0 5px 7px 0;
}
.bnRecipe a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 25px;
	padding: .8em 1em;
	text-decoration: none;
	font-size: 161.6%;
}
.bnRecipe a > span {
	position: relative;
	top: 1px;
}
.bnRecipe a span {
	font-weight: bold;	
}
.bnRecipe a::after {
	content: "";
	margin-left: 0.7em;
	width: 10px;
	height: 10px;
	border-top: 2px solid #79490e;
	border-right: 2px solid #79490e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bnRecipe a {
	transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
}
.bnRecipe a:hover {
	opacity: .6;
}
/* ファームめぶき関連商品 */
#saibaiWra {
  overflow: hidden;
}
#relationMebiki {
  padding-top: 30px;
}
#mebukiTtl, #mebukiTtl span {
  font-weight: bold;
  color: #82292d;
}
#mebukiTtl {
  line-height: 1.4;
  text-align: center;
  font-size: 131%;
}
#mebukiTtl {
	display: flex;
	justify-content: center;
	align-items: center;
}
#mebukiTtl::before,
#mebukiTtl::after {
	content: '';
	width: 2px;
	height: 20px;
	background-color: #82292d;
}
#mebukiTtl::before {
	margin-right: 15px;
	transform: rotate(-25deg)
}
#mebukiTtl::after {
	margin-left: 15px;
	transform: rotate(25deg)
}
#mebukiBanner {
  margin: 18px 0 4px;
}
#mebukiList {
  margin: 0 -14px 0 0;
  width: 692px;
  text-align: left;
}
#mebukiList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -14px 0 0;
  width: 692px;
}
#mebukiList li {
  overflow: hidden;
  margin: 14px 14px 0 0;
  padding: 20px 10px 10px 10px;
  width: 137px;
  line-height: 1.6;
  border: 1px solid #ccc;
  border-radius: 5px;
}
#mebukiList li dl dt {
  text-align: center;
}
#mebukiList li dl dt a {
  display: block;
}
.largetxt {
  margin-top: 10px;
  font-size: 108%!important;
}
/* そばふれあい館 */
figcaption {
	font-size: 93%;
}
#m-lead {
	position: relative;
	margin-bottom: 40px;
}
p.m-leadSub {
	background: url(images/museum/lead_museum.svg) no-repeat;
	background-size: 100%;
	width: 678px;
	height: 79px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;	
}
p.sara {
	position: absolute;
	bottom: -80px;
	right: -7px;
}
#character {
	padding: 20px;
	height: 280px;
	background-color: #ffffff;
	border: solid 2px #87c98e;
}
#character p {
	margin: -27px 0 0 10px;
	background: url(images/museum/sara.png) no-repeat center top;
	background-size: 100%;
	width: 622px;
	height: 267px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.museumInquiry {
	padding: 12px 0;
	width: 676px;
	background: #fffde1;
	border: 1px solid #d1c58f;
	text-align: center;
	line-height: 1;
}
.museumInquiry dt, .museumInquiry dd {
	display: inline-block;
	vertical-align: middle;
}
.museumInquiry dt {
	margin: 0 21px 0 -6px;
}
#taikenshitsu .museumInquiry {
	width: 612px;
	background: #ffffff;
}
#taikenshitsu {
	position: relative;
	margin-bottom: 25px;
	padding: 30px;
	background-color: #ffffe3;
}
#taikenshitsu {
	border: solid 2px #fda2af;
}
#taikenshitsu h3 {
	margin-bottom: 12px;
}
#taikenshitsu h4, .circle {
	height: 20px;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
#taikenshitsu h4 span {
	display: inline-block;
}
h3#ttl_museum          { background: url(images/museum/ttl_museum.gif) no-repeat; }
h3#ttl_character       { background: url(images/museum/ttl_character.png) no-repeat; }
h4#subttl_sobauchi     { background: url(images/museum/subttl_sobauchi.png) no-repeat; }
h4#subttl_galette      { background: url(images/museum/subttl_galette.png) no-repeat; }
h4#subttl_takoyaki     { background: url(images/museum/subttl_takoyaki.png) no-repeat; }
h4#ttl_pickup          { background: url(images/museum/ttl_pickup.png) no-repeat; }
h3#ttl_price_hours     { background: url(images/museum/ttl_hours.gif) no-repeat; }
h3#ttl_calendar        { background: url(images/museum/ttl_calendar.gif) no-repeat; }
h3#ttl_access          { background: url(images/museum/ttl_access.gif) no-repeat; }

#taikenshitsu h3.midashi {
	margin-bottom: 15px;
}
#taikenshitsu .taiken-text {
	margin-bottom: 30px;
	width: 330px;
}
#taikenshitsu .illustSaraOnly {
	width: 480px;
}
.galetteTxt {
	margin-bottom: 20px;
}
#taikenshitsu section {
	margin-bottom: 35px;
}
#taikenshitsu section:nth-of-type(3) {
	margin-bottom: 30px;
}
#taikenshitsu h4 {
	margin-bottom: 15px;
}
.imageBox figure:first-child {
	margin-bottom: 25px;
}
.spImg {
	display: none;
}
.tb-top {
	margin-top: 120px;
}
p.family-illust1 {
	position: absolute;
	top: -25px;
	right: 58px;
}
p.family-illust2 {
	position: absolute;
	top: 37px;
	left: 395px;
}
p.family-illust4 {
	position: absolute;
	top: -88px;
	right: 15px;
}
p.m-sara1 {
	position: absolute;
	top: 20px;
	right: 20px;
}
p.m-sara2 {
	position: absolute;
	top: 15px;
	right: 15px;
}
figcaption {
	margin-top: 10px;
	line-height: 1;
}
.taikenDetails {
	clear: both;
	margin-top: 25px;
	padding: 23px 30px;
	background-color: #ffffff;
	border: solid 2px #d1c58f;
}
.tb-taiken {
	margin-bottom: 15px;
	width: 550px;
	border-top: solid 1px #bbbbbb;
}
.tb-taiken caption {
	margin-bottom: 8px;
	text-align: center;
	font-size: 138.5%;
	color: #79490e;
}
.tb-taiken th, .tb-taiken td {
	padding: 8px 10px;
	border-bottom: solid 1px #bbbbbb;
	vertical-align: middle;
}
.tb-taiken th {
	width: 130px;
}
.taikenDetails ul span {
	color: #ff5050;
}
#fureai-text {
	margin: 0 0 18px 137px;
	width: 355px;
}
#fureaihiroba section {
	overflow: inherit;
	position: relative;
	padding-top: 30px;
}
#fureaihiroba h4 {
	margin: 0 0 20px 170px;
}
p.pickup {
	position: absolute;
	top: 20px;
	left: -17px;
}
.sweetsImg {
	float: right;
	margin-bottom: 20px;
}
.textPickup {
	float: left;
	margin-bottom: 10px;
	padding-left: 107px;
	width: 175px;
}
#price_hours {
	margin-bottom: 50px;
}
.tb-info {
	width: 678px;
	border-top: solid 1px #cccccc;
}
.tb-info th, .tb-info td {
	padding: 8px 0 8px 15px;
	border-bottom: solid 1px #cccccc;
	vertical-align: middle;
}
.tb-info th {
	width: 120px;
	background-color: #ecf3fa;
}
.tb-info p.infoTel {
	margin-top: 5px;
	color: #f38300;
	text-align: left;
	line-height: 1.4;
}
.tb-info p.infoTel span {
	display: inline-block;
}
.tb-info p.infoTel span.telLink {
	font-size: 153.9%;
}
.tb-info p.infoTel span.telLink a {
	color: #f38300;
}
dl.access {
	margin-bottom: 20px;
}
dl.access dt, dl.access dd {
	padding-bottom: 8px;
}
dl.access dt {
	float: left;
	clear: left;
	margin-right: 15px;
	width: 132px;
}
dl.access dd {
	display: table-cell;
	vertical-align: middle;
	height: 24px;
	line-height: 1.5;
	text-align: left;
}
dl.access dd span {
	display: inline-block;
}
#calendar {
	position: relative;
	padding-bottom: 35px;
	width: 678px;
}
#calendar p.close {
	position: absolute;
	top: 9px;
	right: 20px;
}
#gmap {
	margin: 30px 0;
	width: 678px;
	height: 400px;
}
#guideMap {
	position: relative;
	margin-bottom: 20px;
}
#parking {
	margin-bottom: 25px;
	padding: 15px 20px;
	background-color: #ffffe3;
	border: solid 2px #d1c58f;
}
#parking dl {
	display: table;
	margin-top: 8px;
}
#parking dt, #parking dd {
	display: table-cell;
	vertical-align: middle;
}
#parking dt {
	width: 72px;
}
#parking dd {
	padding-left: 20px;
}
.lc-museum {
	margin: 25px 0 12px 0;
}
span.point, .notes {
	display: block;
	padding-top: 5px;
	font-size: 123.1%;
	color: #df3c34;
	line-height: 1.5;
}
.notes {
	margin-top: 15px;
	color: #ff5050;
}
#map_fukidashi {
	margin: 5px;
	padding: 0 0 2px 20px;
}
#map_fukidashi p {
	margin-bottom: 5px;
	font-size: 108%;
	text-align: center;
}
/*Google Maps 情報ウィンドウの縦スクロール防止*/
.gm-style-iw {
    overflow: hidden!important;
}
.gm-style-iw div {
    overflow: hidden!important;
}
/* そば辞典 */
#jitenTop p {
	margin-bottom: 30px;
}
#jitenList {
	margin-right: -20px;
	width: 698px;
}
#jitenList li {
	float: left;
	margin: 0 20px 10px 0;
	padding: 5px 12px;
	width: 305px;
	background: #fae9d9;
	list-style: decimal inside;
	font-size: 116%;
	color: #79490e;
}
#jitenList li.listColor {
	background: #f6efcf;
}
#jitenList li a       { text-decoration: none; }
#jitenList li a:hover { text-decoration: underline; }

#sobajiten {
	margin-bottom: 45px;
}
#sobajiten h3 {
	font-size: 167%;
	color: #fe7588;
}
#sobajiten dl,
#sobajiten figure {
	margin-bottom: 30px;
}
#sobajiten dl {
	float: left;
	width: 436px;
}
#sobajiten dt {
	margin-bottom: 10px;
    font-size: 123.1%;
    color: #79490e;
}
#sobajiten dd {
	margin-bottom: 5px;
}
#sobajiten figure {
	float: right;
}
#sobajiten figcaption {
	text-align: right;
	font-size: 85%;
}
#page {
	clear: both;
	padding-top: 15px;
	background: url(../images/dotline.gif) repeat-x top;
}
/* バーチャル工場見学 */
section#factory {
	overflow: visible;
	position: relative;
}
h3#ttlFactory {
	position: relative;
	left: -6px;
	margin-bottom: 0;
}
.saraFactory {
	position: absolute;
	top: 23px;
	right: 32px;
}
#factory li {
	float: left;
	margin-right: 10px;
	width: 334px;
}
#factory li:nth-child(2n) {
	margin-right: 0;
}
#factory li:nth-child(-n+2) {
	margin-bottom: 10px;
}
#kako {
	overflow: hidden;
	background: #ffffff;
}
#kakoInner {
	position: relative;
	margin: 0 auto;
	margin-top: 14px;
	width: 830px;
	height: 470px;
}
#kakoInner p {
	text-align: center;
}
#kakoInner ul li {
	position: absolute;
}
#kakoDetail {
	overflow: hidden;
	margin: 0 auto;
	padding: 40px 40px 50px;
	width: 400px;
	line-height: 1.9;
	background: url(../../images/bg.gif) repeat;
}
#kakoDetail dl {
	overflow: hidden;
}
#kakoDetail dt {
	margin-bottom: 15px;
	font-size: 123.1%;
}
#kakoDetail dd ul li a {
	display: block;
	margin-top: 15px;
	padding: 7px;
	border: solid 1px #79490e;
	background: #ffffff;
	text-align: center;
	text-decoration: none;
}
#kakoDetail p img {
	float: right;
	margin-left: 30px;
}
.sobamoyashi {
	top: 114px;
	left: 364px;
}
.rutin {
	top: 158px;
	left: 238px;
}
.sobacha {
	top: 148px;
	right: 33px;
}
.sobamai {
	top: 192px;
	right: 310px;
}
.furikake {
	top: 179px;
	right: 33px;
}
.sobazosui {
	top: 210px;
	right: 33px;
}
.sobamiso {
	bottom: 141px;
	left: 256px;
}
.sobagayu {
	bottom: 169px;
	left: 392px;
}
.sobazosui2 {
	bottom: 141px;
	left: 392px;
}
.sobagaki2 {
	bottom: 110px;
	left: 304px;
	height: 24px;
}
.sobako {
	bottom: 46px;
	left: 51px;
}
.alphasoba {
	bottom: 83px;
	right: 282px;
}
.men2 {
	bottom: 83px;
	right: 192px;
}
.men {
	bottom: 41px;
	left: 133px;
}
.sobagaki {
	bottom: 41px;
	right: 256px;
}
.pancake {
	bottom: 41px;
	right: 33px;
}
.sobasoup {
	bottom: 14px;
	left: 133px;
	height: 24px;
}
.sobasuiton {
	bottom: 14px;
	left: 236px;
}
.crepe {
	bottom: 14px;
	right: 256px;
}
.pudding{
	bottom: 14px;
	right: 33px;
}
/*オンラインショップリンクバナー*/
.bnOsLink {
	width: 100%;
	max-width: 678px;
}
.bnOsLink a {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px;
	padding: 0 40px;
	border-left: solid 3px #ff5050;
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
	letter-spacing: .04em;
	font-size: 182%;
	color: #ff5050;
	transition: opacity .5s ease;
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
}
.bnOsLink a:hover {
	opacity: .6;
}
.bnOsLink a::after {
	content: "";
	background: url(images/sobajiten/bn_oslink_arrow.svg) no-repeat;
	background-size: 100%;
	margin-left: 40px;
	width: 23px;
	height: 24px;
}
.bnOsLink a p span {
	display: inline-block;
}
.bnOsLink a p + p {
	margin-left: 30px;
}
.bnOsTxt {
	width: 220px;
	line-height: 1.4;
}
.bnOsTxt::after {
	content: "";
	position: relative;
	top: -.1em;
	display: inline-block;
	vertical-align: middle;
	background: url(images/sobajiten/bn_oslink_cart.svg) no-repeat;
	background-size: 100%;
	margin-left: 5px;
	width: 24px;
	height: 24px;
}
/* そば辞典記事内バナー追加2024 */
.link-banner {
	display: block;
	width: 436px;
}
.link-banner img {
	width: 100%;
}
.link-banner + #page {
	margin-top: 38px;
}

/* =====================================================================
 * mediaqueries
 * =================================================================== */
@media screen and (max-width: 960px) {
	h3 {
		margin-bottom: 2.8%;
	}
	h3.subTitle, h3.subTitle2 {
		margin-bottom: 2.2%;
		height: auto;
		font-size: 182%;
		font-weight: bold;
		color: #fe7588;
		line-height: 1.5;
		text-indent: inherit;
		white-space: inherit;		
	}
	h3.subTitle2 {
		font-size: 167%;	
		line-height: 1.4;
	}
	h3.subTitle span, h3.subTitle2 span {
		display: inline-block;
		font-weight: bold;
	}
	h3#ttl_column, h3#ttl_sobajiten, h3#ttl_power,
	h3#ttl_mamechishiki1, h3#ttl_mamechishiki2, h3#ttl_mamechishiki3, h3#ttl_mamechishiki4,
	h3#ttl_nutrition, h3#ttl_rutin1, h3#ttl_rutin2, h3#ttl_rutin3, h3#ttl_difference {
		background: none;
	}
	.textBox h3, .textBox2 h3 {
		margin-bottom: 4.5%;
	}
	.lead {
		margin-bottom: 5%;
	}
	#main section {
		width: 100%;
	}
	.articleBox {
		margin-bottom: 5%;
		padding-bottom: 5%;
	}
	.subtxt {
		padding-top: 8%;
		width: 100%;
		height: 0;
	}
	.imgBox {
		width: 44.2%;
	}
	.imgBox2 {
		width: 41.2%;
	}
	.textBox {
		width: 50.8%;
	}
	.textBox2 {
		width: 53.8%;
	}
	.textBox2 h3 {
		margin-bottom: 4.9%;
	}
	#column h3 {
		margin-bottom: 8px;
		text-align: center;
	}
	#column, #details {
		width: 100%;
	}
	#column ul {
		overflow: hidden;
		width: 100%;
		margin-right: 0;
	}
	#column li {
		margin-right: 1.7%;
		width: 35%;
		height: auto;
	}
	#column li:last-child, #e-contents section:nth-child(2n) {
		margin-right: 0;
	}
	#e-contents {
		width: 100%;
		margin-right: 0;
	}
	#e-contents section {
		margin: 3.2% 3.2% 0 0;
		width: 48.4%;
	}
	ul#link-contents, ul#link-contents2 {
		overflow: hidden;
		margin-right: 0;
		padding-bottom: 1.8%;
		width: 100%;
	}
	ul#link-contents2 {
		margin-bottom: 1.7%;
		padding-bottom: 0;
	}
	ul#link-contents li {
		width: 32.2%;
		margin-right: 1.7%;
	}
	ul#link-contents li:last-child, ul#link-contents2 li:last-child {
		margin-right: 0;
	}
	/* はじめまして！にっこくです！ */
	h3.ttlHajimemashite {
		margin-bottom: 4.4%;
		width: 100%;
	}
	.letterBody {
		padding: 6.2%;
		width: 100%;
	}
	.letterBody dt {
		margin-bottom: 6.5%;
	}
	.letterBody dt img {
		width: 75%;
	}
	/* そば辞典 */
	#jitenTop h3 img {
		width: auto;
		height: 24px;
	}
	#jitenTop p {
		margin-bottom: 4.4%;
	}
	#jitenList {
		margin-right: 0;
		width: 100%;
	}
	#jitenList li {
		margin: 0 2.8% 10px 0;
		width: 48.6%;
		text-align: left;
	}
	#jitenList li:nth-child(2n) {
		margin-right: 0;
	}
	#jitenList li:nth-last-child(-n+2) {
		margin-bottom: 0;
	}
	#sobajiten {
		margin-bottom: 6.6%;
	}
	#sobajiten dl {
		width: 64.3%;
	}
	#sobajiten figure {
		width: 31.2%;
	}
	#sobajiten figcaption {
		line-height: 1.6;
	}
	#sobajiten figcaption span {
		display: inline-block;
	}
	/* 韃靼そばうんちく話 */
	#power {
		margin-bottom: 7.5%;
	}
	#power p {
		margin-bottom: 5%;
	}
	#ttl_dattansoba_poducts {
		background: none;
	}
	#ds-products article {
		margin-bottom: 3%;
		width: 48.5%;
	}
	#ds-products ul {
		margin-right: 0;
		width: 100%;
	}
	#ds-products li {
		margin-right: 2.5%;
		width: 18%;
	}
	#ds-products li:last-child {
		margin-right: 0;
	}
	.nutrition-text {
		width: 33.9%;
	}
	.nutrition-text dt {
		margin-bottom: 10px;
		line-height: 1.4;
		font-size: 161.6%;
		color: #4bb558;
		text-indent: inherit;
		white-space: inherit;
	}
	.nutrition-text dt span {
		display: inline-block;
	}
	#nutrition-box {
		background-size: 35%;
	}
	#ttl_nutrition2, #ttl_nutrition3 {
		height: auto;
		background: none;
	}
	#tb-nutrition {
		width: 100%;
	}
	#tb-nutrition th,
	#tb-nutrition td {
		padding: 6px 10px;
		line-height: 1.4;
	}
	#tb-nutrition colgroup:nth-of-type(2),
	#tb-nutrition colgroup:nth-of-type(3),
	#tb-nutrition colgroup:nth-of-type(4),
	#tb-nutrition colgroup:nth-of-type(5) {
		width: 20%;
	}
	.textBox p.lv25 {
		margin-bottom: 7.2%;
	}
	#tb-difference {
		width: 100%;
	}
	#tb-difference th,
	#tb-difference td {
		padding: 10px 10px 9px;
	}
	#tb-difference td img {
		margin: 0 auto 8px;
	}
	#tb-difference .saibai td img {
		margin: 0 auto 15px;
	}
	#tb-difference colgroup:nth-of-type(2),
	#tb-difference colgroup:nth-of-type(3) {
		width: 40%;
	}
	.note2 {
		margin-bottom: 5%;
	}
  /* 関連レシピ */
	#recipeBox {
		margin-top: 3.2%;
		padding-top: 5%;
	}
	#recipeList {
		margin: 0 0 -2.2% 0;
		width: 100%;
	}
	#recipeList section {
		margin: 0 2.2% 2.2% 0;
		padding: 2.5%;
		width: 48.9%;
	}
	#recipeList section:nth-of-type(2n) {
		margin-right: 0;
	}
	.ttlIcon {
		width: 53.3%;
	}
	p.recipeThumb {
		width: 41.6%;
	}
	#recipeList dl {
		width: 51.6%;
	}
	.bnRecipe a {
		margin-top: 2%;
		font-size: 146.5%;
	}
  /* ファームめぶき関連商品 */
  #relationMebiki {
    padding-top: 4%;
  }
  #mebukiBanner {
    margin: 2.8% 0 .6%;
  }
  #mebukiList {
    margin: 0;
    width: 100%;
  }
  #mebukiList li {
    margin: 2.2% 2.2% 0 0;
    padding: 2.9% 1.4% 1.8%;
    width: 23.35%;
  }
  #mebukiList li:nth-child(4n) {
    margin-right: 0;
  }
	/* そばふれあい館 */
	#about-museum p {
		width: 60.7%;
	}
	#about-museum dl {
		width: 33.4%;
	}
	p.m-leadSub {
		padding-top: 12%;
		width: 100%;
		height: 0;
	}
	p.sara img {
		width: 100px;
	}
	#m-info, #floormap {
		margin-bottom: 3.6%;
	}
	.lc-museum {
		margin-top: 3.6%;
	}
	#m-info {
		margin-right: 0;
		width: 100%;
	}
	#m-info dl {
		margin-right: 2%;
		width: 32%;
	}
	#m-info dl:last-child {
		margin-right: 0;
	}
	#m-info dd {
		padding: 0 7%;
	}
	#floormap, #character {
		padding: 3.5% 4.5%;
	}
	#floormap div {
		padding: 35.3%;
		width: 100%;
		height: 0;
		background: url(images/museum/floormap2.svg) no-repeat;
		background-size: 100%;
	}
	#floormap li {
		width: 19.7%;
		padding: 2px;	
		background: #fff;
	}
	#fm-tenjishitsu {
		top: 2.5%;
		left: 32.1%;
		border: 1px solid #4bb558;
	}
	#fm-shop {
		top: 56.3%;
		left: 51%;
		border: 1px solid #9488c8;
	}
	#fm-taikenshitsu {
		top: 56.3%;
		right: 0;
		border: 1px solid #fe7588;
	}
	#character {
		height: auto;
	}
	#character p {
		margin-left: 0;
		padding: 21.6% 0;
		width: 100%;
		height: 0;
	}
	.museumInquiry {
		width: 100%;
	}
	.museumInquiry dt img, .museumInquiry dd img {
		width: auto;
		height: 22px;
	}
	.museumInquiry dt {
		margin-right: 3%;
	}
	#taikenshitsu .museumInquiry {
		width: 100%;
	}
	#tenjishitsu, #taikenshitsu, #fureaihiroba {
		margin-bottom: 3.6%;
		padding: 4.4%;
	}
	#tenjishitsu h3.midashi {
		margin-bottom: 4.5%;
	}
	#taikenshitsu h3.midashi {
		margin-bottom: 2.5%;
	}
	#taikenshitsu .taiken-text {
		margin-bottom: 5%;
		width: 54%;
	}
	#taikenshitsu .illustSaraOnly {
		width: 77%;
	}
	.galetteTxt {
		margin-bottom: 3.2%;
	}
	#taikenshitsu section {
		margin-bottom: 5.3%;
	}
	#taikenshitsu section:nth-of-type(3) {
		margin-bottom: 4.4%;
	}
	#tenjishitsu .textBox {
		width: 51%;
	}
	#tenjishitsu .textBox p:nth-of-type(1) {
		margin-bottom: 11%;
	}
	.imageBox {
		width: 43.6%;
	}
	.imageBox2 p {
		width: 49%;
	}
	#tenjishitsu .textBox h3, #taikenshitsu h4, #fureaihiroba h4, .circle {
		margin-bottom: 10px;
		height: auto;
		text-indent: inherit;
		white-space: inherit;
		background: none;
		font-size: 153.9%;
		font-weight: bold;
		text-align: left;
		line-height: 1.4;
		color: #79490e;
	}
	h3#ttl_price_hours, h3#ttl_calendar, h3#ttl_access,
	h3#ttl_museum_info, h3#ttl_floormap, h3#ttl_character, h3#ttl_museum {
		background: none;		
	}
	.circle {
		margin-bottom: 10px;
		color: #fe7588;
	}
	.circle:before {
		content: "";
		display: inline-block;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		vertical-align: middle;
		margin-right: 5px;
		height: 8px;
		width: 8px;
		border: 3px solid #fe7588;
		position: relative;
		top: -3px;	
	}
	.blown {
		color: #79490e;
	}
	.blown:before {
		border-color: #79490e;	
	}
	#tenjishitsu .textBox h3 span, #taikenshitsu h4 span, #fureaihiroba h4 span {
		font-weight: bold;
	}
	#tenjishitsu h3.midashi img, #taikenshitsu h3.midashi img, #fureaihiroba h3 img {
		width: auto;
		height: 25px;
	}
	.tb-top {
		margin-top: 19%;
	}
	.sobahakase {
		margin: 5.5% 0 0 5.9%; 
	}
	p.family-illust1 {
		top: -1.8%;
		right: 7.3%;
		width: 41%;
	}
	p.family-illust2 {
		top: 1.8%;;
		left: 58.2%;
		width: 17.2%;
	}
	p.family-illust3 {
		top: -1.5%;
		left: 1.4%;
		width: 21.1%;
	}
	p.family-illust4 {
		top: -1.8%;
		right: 7.3%;
		width: 41%;
	}
	p.m-sara1 {
		top: 1%;
		right: 2.5%;
		width: 19.7%;
	}
	p.m-sara2 {
		top: 2.9%;
		right: 3%;
		width: 17.9%;
	}
	.taikenDetails {
		margin-top: 3.6%;
		padding: 4% 5.2%;
	}
	.tb-taiken {
		width: 100%;
	}
	#price_hours {
		margin-bottom: 7.3%;
	}
	#fureaihiroba h4 {
		margin: 0 0 3% 0;
		text-align: center;
	}
	#fureai-text {
		margin: 0 0 18px 23%;
		width: 56%;
	}
	#sobaSweets {
		text-align: center;
	}
	.sweetsImg {
		width: 58%;
		float: none;
	}
	p.pickup {
		position: inherit;
		top: inherit;
		left: inherit;
		width: 28%;
		margin: 0 20px 20px 0;
	}
	.sweetsImg, p.pickup {
		display: inline-block;
		vertical-align: middle;
	}
	.textPickup {
		clear: both;
		float: none;
		margin-bottom: 10px;
		padding-left: 0;
		width: 100%;
	}
	.textPickup, #sobaSweets ul {
		text-align: left;	
	}
	.tb-info {
		width: 100%;
	}
	.tb-info th {
		width: 21%;
	}
	#calendar {
		padding-bottom: 5.1%;
		width: 100%;
	}
	#calendar p.close {
		top: 3px;
		right: 0;
	}
	#gmap {
		width: 100%;
	}
	/*バーチャル工場見学*/
	h3#ttlFactory {
		left: -1%;
	}
	.saraFactory {
		top: 4%;
		right: 4%;
		width: 18.5%;
	}
	h3#ttlFactory img {
		max-width: 102%;
	}
	#factory li {
		margin-right: 1.6%;
		width: 49.2%;
	}
	#factory li:nth-child(-n+2) {
		margin-bottom: 1.6%;
	}
	/*オンラインショップリンクバナー*/
	.bnOsLink a {
		margin-top: 3.6%;
		padding: 0 15px;
		letter-spacing: .02em;
		font-size: 161.6%;
	}
	.bnOsLink a:hover {
		opacity: 1;
	}
	.bnOsLink a::after {
		margin-left: 3%;
		width: 20px;
		height: 21px;
	}
	.bnOsLink a p + p {
		margin-left: 3%;
		width: 52%;
	}
	.bnOsTxt {
		width: 36%;
	}
	.bnOsTxt::after {
		width: 22px;
		height: 22px;
	}
	/* そば辞典記事内バナー追加2024 */
	.link-banner {
		width: 64.3%;
	}
}
@media screen and (max-width: 860px) {
	.museumInquiry dt, .museumInquiry dd {
		display: block;
	}
	.museumInquiry dt {
		margin: 0 0 8px 0;
	}	
	p.family-illust4 {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	#character p {
		margin-top: 0;
	}
	p.family-illust2 {
		top: 2%;;
	}
	p.m-sara1 {
		top: 1.3%;
	}
	p.m-sara2 {
		top: 3.2%;
	}
	/*オンラインショップリンクバナー*/
	.bnOsLink a {
		font-size: 146.5%;
	}	
	.bnOsTxt::after {
		width: 20px;
		height: 20px;
	}
}
@media screen and (max-width: 640px) {
	.letterBody dt img {
		width: 80%;
	}
	#m-lead {
		margin-bottom: 30px;
	}
	p.sara {
		bottom: -70px;
	}
	p.sara img {
		width: 90px;
	}
	.amount {
		position: static;
		margin: -5px 0 10px;
		text-align: right;
	}
}
@media screen and (max-width: 480px) {
	.subtxt {
		margin: 0 auto;
		padding-top: 28%;
		background: url(images/subtxt_entertainment_s.svg) no-repeat center;
		background-size: 95% auto;
	}
	.articleBox {
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
	.articleBox .fl, .articleBox .fr {
		float: none;
	}
	.imgBox, .imgBox2 {
		width: 100%;
		text-align: center;
	}
	.imgBox img, .imgBox2 img {
		width: 270px;
	}
	.textBox, .textBox2 {
		margin-bottom: 15px;
		width: 100%;
	}
	.textBox h3, .textBox2 h3 {
		margin-bottom: 2.2%;
	}
	.textBox p a {
		display: block;
		margin-bottom: 5px;
		text-align: center;
	}
	#details {
		padding: 2.8%;
	}
	#column {
		padding: 4%;
	}
	#column h3 {
		margin-bottom: 5px;
	}
	#column li {
		width: 45%;
	}
	ul#link-contents2 {
		margin-bottom: 10px;
	}
	h3.ttlHajimemashite {
		margin-bottom: 20px;
		padding-top: 5px;
	}
	h3.ttlHajimemashite img {
		width: auto;
		height: 25px;
	}
	h3.subTitle {
		font-size: 146.5%;
	}
	h3.subTitle2 {
		font-size: 138.5%;
	}
	#jitenTop h3 img {
		width: 100%;
		height: inherit;
	}
	#jitenList li {
		float: none;
		margin-right: 0;
		width: 100%;
		padding: 8px 12px;
		line-height: 1.5;
		font-size: 100%;
	}
	#jitenList li:nth-last-child(2) {
		margin-bottom: 10px;
	}
	#jitenList li.listColor {
		background: #fae9d9;
	}
	#jitenList li:nth-of-type(2n) {
		background: #f6efcf;
	}
	#sobajiten h3 {
		font-size: 146.5%;
	}
	#sobajiten dl, #sobajiten figure {
		float: none;
		width: 100%;
	}
	#sobajiten dl {
		margin-bottom: 20px;
	}
	#sobajiten figure, #sobajiten figcaption {
		text-align: center;
	}
	/* 韃靼そばうんちく話 */
	#ds-products article img {
		width: 80%;
	}
	#ds-products li {
		overflow: hidden;
		float: none;
		margin: 0 0 10px 0;
		padding: 5px 20px;
		width: 100%;
	}
	#ds-products li img {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		padding-right: 20px;
		width: 20%;
	}
	#nutrition-box {
		padding-top: 215px;
		background-size: 200px 201px;
	}
	#nutrition-box fl, #nutrition-box fr {
		float: none;
	}
	.nutrition-text {
		margin-bottom: 10px;
		width: 100%;
	}
	.nutrition-text:last-child {
		margin-bottom: 0;
	}
	.nutrition-text dt {
		margin-bottom: 2%;
		font-size: 153.9%;
	}
	#tb-nutrition thead {
		display: none;
	}
	#tb-nutrition th,
	#tb-nutrition td {
		display: block;
		padding: 9px 20px 8px;
		width: 100%;
		border-right: none;
		text-align: left;
		font-size: 100%;
	}
	#tb-nutrition th {
		border-bottom: solid 1px #cccccc;
	}
	#tb-nutrition td:nth-of-type(1) {
		font-size: 108%;
		color: #f86479;
	}
	#tb-nutrition td:nth-of-type(2), #tb-nutrition td:nth-of-type(3), #tb-nutrition td:nth-of-type(4) {
		padding: 7px 20px 0;		
	}
	#tb-nutrition td:nth-of-type(4) {
		padding-bottom: 10px;		
	}
	#tb-nutrition td:nth-of-type(1):before { content: "韃靼そば（全層粉）："; }
	#tb-nutrition td:nth-of-type(2):before { content: "そば（全層粉）："; }
	#tb-nutrition td:nth-of-type(3):before { content: "米（精白米）："; }
	#tb-nutrition td:nth-of-type(4):before { content: "小麦（強力一等粉）："; }
	#tb-difference {
		margin: 15px 0 0 0;
	}
	#tb-difference thead {
		display: none;
	}
	#tb-difference th,
	#tb-difference td {
		display: block;
		padding: 9px 20px 8px;
		width: 100%;
		border-right: none;
	}
	#tb-difference th {
		border-bottom: solid 1px #cccccc;
	}
	#tb-difference td {
		padding: 0;
	}
	#tb-difference td span {
		display: block;
		padding: 10px 20px 9px;	
	}
	#tb-difference td img {
		margin: 5px auto 8px;
	}
	#tb-difference td:before {
		display: block;
		padding: 6px 20px 4px;
		background-color: #cee5ff;
		color: #2372c1;
		text-align: center;
	}
	#tb-difference td:nth-of-type(2):before {
		background-color: #d2efcc;
		color: #3f8c29;
	}
	#tb-difference td:nth-of-type(1):before { content: "韃靼そば（ダッタンそば）"; }
	#tb-difference td:nth-of-type(2):before { content: "普通そば"; }
	#mainBanner li.lv20 {
		margin-bottom: 10px;
	}
	.note {
		text-align: left;
	}
	.note2 {
		margin-bottom: 20px;
	}
	.imgRutin {
		margin-top: -20px;
	}
  /* 関連レシピ */
	#recipeBox {
		margin-top: 10px;
		padding-top: 20px;
	}
	#recipeList {
		margin: 0;
	}
	.recipeTtl {
		font-size: 123.1%;
	}
	#recipeList section {
		float: none;
		padding: 15px 20px;
		width: 100%;
	}
	#recipeList section:nth-of-type(2n) {
		margin: 0 auto 15px;
	}
	#recipeList section:last-child {
		margin-bottom: 0;
	}
	p.recipeThumb {
		text-align: right;
	}
	.bnRecipe a {
		padding: .6em 1em;
		font-size: 116%;
	}
	.bnRecipe a::after {
		width: 8px;
		height: 8px;
	}
  /* ファームめぶき関連商品 */
  #relationMebiki {
    padding-top: 6.7%;
  }
  #mebukiList li {
    margin: 3% 3% 0 0;
    padding: 4% 3% 3.2%;
    width: 48.5%;
    line-height: 1.5;
  }
  #mebukiList li:nth-child(2n) {
    margin-right: 0;
  }
	#mebukiTtl {
	  font-size: 116%;
	}
	#mebukiTtl .newline {
		display: block;
	}
	#mebukiTtl::before,
	#mebukiTtl::after {
		height: 40px;
	}
	.textBox p.lv25 {
		margin-bottom: 13px;
	}
	p.m-leadSub {
		margin: 0 auto;
		padding-top: 26%;
		background: url(images/museum/lead_museum2.svg) no-repeat center bottom;
		background-size: 70% auto;
	}
	p.sara {
		bottom: -50px;
	}
	.lc-museum {
		margin-top: 20px;
	}
	#character {
		padding: 5% 4%;
	}
	.museumInquiry dt img, .museumInquiry dd img {
		height: 20px;
	}
	#character p {
		margin: -20px auto 0;
		padding: 42.5% 0;
		background: url(images/museum/sara2.png) no-repeat center top;
		background-size: 100%;
		width: 75%;
	}
	#taikenshitsu {
		padding: 5% 4%;
	}
	#taikenshitsu h4 .circle {
		font-size: 131%;
	}
	#taikenshitsu h4 {
		text-align: center;
	}
	#taikenshitsu h3.midashi {
		line-height: 1;
	}
	#taikenshitsu h3.midashi {
		margin-bottom: 3%;	
	}
	#taikenshitsu h3.midashi img {
		height: 24px;
	}
	.imageBox, .imageBox2 {
		margin: 0 auto;
		width: 250px;
		text-align: center;
	}
	.imageBox figure:first-child {
		display: none;
	}
	.imageBox2 .fr, .imageBox2 .fl {
		float: none;
	}
	.imageBox2 p {
		width: 100%;
	}
	.imageBox2 p:first-child {
		margin-bottom: 10px;
	}
	.textBox figure {
		margin-bottom: 25px;
	}
	.spImg {
		display: inherit;
	}
	.tb-top {
		margin-top: 0;
	}
	#taikenshitsu section {
		margin-bottom: 25px;
	}
	#taikenshitsu .taiken-text {
		width: 72%;
	}
	#taikenshitsu .illustSaraOnly {
		width: 100%;
	}
	p.family-illust1 {
		top: -1.2%;
		right: 5%;
		width: 45%;
	}
	p.family-illust2 {
		left: inherit;
		top: 1.3%;
		right: 2.5%;
		width: 21%;
	}
	p.m-sara1, p.m-sara2 {
		display: none;
	}
	.tb-taiken caption {
		margin-bottom: 5px;
		font-size: 116%;
	}
	.tb-taiken th, .tb-taiken td {
		display: block;
	}
	.tb-taiken th {
		padding: 8px 0 0;
		width: 100%;
		border: none;
		color: #79490e;
	}
	.tb-taiken td {
		padding: 2px 0 8px;
	}
	.sweetsImg {
		width: 70%;
		float: right;
	}
	p.pickup {
		display: inherit;
		position: absolute;
		top: 13%;
		margin-bottom: 0;
		width: 36%;
	}
	#fureai-text {
		margin: 0 0 18px 28%;
		width: 72%;
	}
	.tb-info th, .tb-info td {
		display: block;
		width: 100%;
		padding: 9px 10px;
	}
	.tb-info th {
		border-bottom: none;
		padding: 6px 10px;
	}
	dl.access dt {
		float: none;
		clear: none;
		margin-right: 0;
		width: 100%;
	}
	dl.access dd {
		display: block;
		height: auto;
	}
	#parking {
		padding: 5% 4%;
	}
	span.point, .notes {
		font-size: 116%;
	}
	.saraFactory {
		top: 3%;
	}
	#factory li {
		float: none;
		margin: 0 0 8px 0;
		width: 100%;
		text-align: center;
	}
	#factory li:nth-child(-n+2) {
		margin-bottom: 8px;
	}
	#factory li img {
		width: 80%;
	}
	/*オンラインショップリンクバナー*/
	.bnOsLink a {
		padding: 0 5px 0 3vw;
		height: auto;
		font-size: 116%;
	}
	.bnOsLink a::after {
		width: 14px;
		height: 15px;
	}
	.bnOsTxt {
		width: 130px;
	}
	.bnOsTxt::after {
		margin-left: 3px;
		width: 18px;
		height: 18px;
	}
	/* そば辞典記事内バナー追加2024 */
	.link-banner {
		width: 100%;
	}
	.link-banner + #page {
		margin-top: 30px;
	}
}
@media screen and (max-width: 414px) {
	h3.ttlHajimemashite {
		margin-bottom: 15px;
		padding-bottom: 9px;
	}
	h3.ttlHajimemashite img {
		height: 24px;
	}
	#details {
		padding: 3.5%;
	}
	#m-lead {
		margin-bottom: 25px;
	}
	p.m-leadSub {
		margin: 0 0 0 7%;
		background-position: left bottom;
	}
	p.sara {
		bottom: -45px;
		right: -3px;
	}
	#taikenshitsu h3.midashi img {
		height: 22px;
	}
	#taikenshitsu .taiken-text {
		width: 100%;
	}
	p.family-illust1 {
		top: -.6%;
	}
	p.family-illust2 {
		display: none;
	}
	/*オンラインショップリンクバナー*/
	.bnOsLink a {
		font-size: 100%;
	}
	.bnOsTxt {
		width: 130px;
	}
	.bnOsTxt::after {
		width: 16px;
		height: 16px;
	}
}
@media screen and (max-width: 375px) {
	.subtxt {
		padding-top: 30%;
		background-size: 100% auto;
	}
	.imgBox img, .imgBox2 img {
		width: 230px;
	}
	.details {
		margin-top: 15px;
	}
	#column h3 {
		margin: 0 0 5px -5px;
	}
	#column ul {
		font-size: 0;
		text-align: center;
	}
	#column li {
		float: none;
		display: inline-block;
		margin: 0 2% 2% 0;
		width: 49%;
	}
	#column li:last-child {
		margin-bottom: 0;
	}
	#column li:not(:first-child) {
		margin-right: 0;
	}	
	#e-contents section {
		margin: 15px 0 0 0;
		padding: 18px 10px 13px;
		width: 100%;
	}
	#e-contents section h3 {
		margin: 0 auto 10px;
		width: 90%;
		text-align: center;
	}
	ul#link-contents li, ul#link-contents2 li {
		float: none;
		margin: 0 0 10px 0;
		width: 100%;
		text-align: center;
	}
	ul#link-contents {
		padding-bottom: 0;
		text-align: center;
		font-size: 0;
	}
	ul#link-contents li {
		display: inline-block;
		width: 48.5%;
	}
	ul#link-contents li:first-child {
		margin-right: 3%;
	}
	ul#link-contents2 li:last-child {
		margin-bottom: 0;
	}
	ul#link-contents li img {
		width: 180px;
	}
	h3.subTitle {
		font-size: 138.5%;
	}
	h3.subTitle2 {
		font-size: 131%;
	}
	.letterBody {
		padding: 7% 6.2% 6.2%;
	}
	.letterBody dt img {
		width: 95%;
	}
	.letterBody dt {
		margin-bottom: 20px;
	}
	.letterBody dd p.txt {
		margin-bottom: 20px;
	}
	#jitenList li, #jitenList li:nth-last-child(2) {
		margin-bottom: 7px;
	}
	#sobajiten h3 {
		margin-bottom: 5px;
		font-size: 131%;
		font-weight: bold;
	}
	#sobajiten dt {
		font-size: 108%;
		font-weight: bold;
		line-height: 1.5;
	}
	#sobajiten figure {
		margin-bottom: 20px;
	}
	#ds-products article {
		padding: 10px;
		text-align: left;
	}
	#ds-products article img {
		width: 100%;
	}
	#ds-products li img {
		width: 25%;
	}
	.nutrition-text {
		padding: 6% 5%;
	}
	.nutrition-text dt {
		font-size: 138.5%;
	}
	.nutrition-text dt, .nutrition-text dt span {
		font-weight: bold;	
	}
	h3#ttl_nutrition {
		margin-bottom: 5px;
	}
  /* 関連レシピ */
	#recipeList section, #recipeList section:nth-of-type(2n) {
		margin: 0 0 10px 0;
		width: 100%;
	}
	.lc-museum {
		margin-top: 15px;
	}
	p.sara img {
		width: 85px;
	}
	p.m-leadSub {
		margin: 0 0 0 3.5%;
		padding-top: 29%;
		background-size: 75% auto;
	}
	#character p {
		padding: 48% 0;
		width: 85%;
	}
	#taikenshitsu h4, .circle {
		font-size: 123.1%;
	}
	#taikenshitsu h3.midashi img {
		height: 20px;
	}
	p.pickup {
		top: 11%;
	}
	#price_hours {
		margin-bottom: 30px;
	}
	#calendar {
		padding-bottom: 15px;
	}
	#gmap {
		margin: 20px 0;
		height: 320px;
	}
	dl.access {
		margin-bottom: 10px;
	}
	#parking p {
		text-align: center;
	}
	#parking dl {
		display: inherit;
		margin-top: 10px;
	}
	#parking dt, #parking dd {
		display: block;
	}
	#parking dt {
		margin-bottom: 10px;
		width: 100%;
		text-align: center;
	}
	#parking dd {
		padding-left: 0;
	}
}
@media screen and (max-width: 320px) {
	h3.ttlHajimemashite img {
		height: 21px;
	}
	.museumInquiry dt img, .museumInquiry dd img {
		height: 18px;
	}
	p.sara {
		bottom: -25px;
	}
	p.sara img {
		width: 75px;
	}
	p.m-leadSub {
		margin: 0 0 0 2%;
	}
	#character p {
		margin: -15px auto 0;
		padding: 54% 0;
		width: 95%;
	}
	#taikenshitsu h3.midashi img {
		height: 19px;
	}
	p.family-illust1 {
		top: -.4%;
		right: 4%;
		width: 48%;
	}
	#factory li img {
		width: 90%;
	}
}