@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: "myFont";
  src: url("../font/Hannari.woff")  format('woff');
}
.myFontClass {
  font-family: "myFont";
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	font-size: 14px;
}
#pageTop {
 position: fixed;
 bottom: 20px;
 right: 20px;
}

#pageTop a {
 display: block;
 z-index: 999;
 padding: 8px 8px 8px 8px;
 border-radius: 30px;
 width: 35px;
 height: 35px;
 background-color: #9FD6D2;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
font-size: 20px;
}

#pageTop a:hover {
 text-decoration: none;
 opacity: 0.7;
}

header,main {
	display: block;
}

a {
	text-decoration: none;
}

h2,p,li,ul,dl,dt,dd,ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.breadcrumb { font-size: 11px;}
.breadcrumb a { color: #3d3d3d;}
header > div {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

@media screen and (max-width:1000px) {
	header > div {
		width: auto;
		padding: 0 10px;
	}
}

@media screen and (max-width:780px) {
	header > div {
		width: auto;
	}
}

#logo {
	width: 260px;
	padding: 45px 0;
	line-height: 100%;
}

@media screen and (max-width:780px) {
	#logo {
		width: 200px;
		padding: 45px 0;
	}
}

@media screen and (max-width:710px) {
	#logo {
		width: 200px;
		padding: 10px 0;
	}
}

#logo a:hover img {
	opacity: 0.7;
}

#logo img {
	width: 100%;
}

#logo img {
	width: 100%;
}

div > .header-language {
	position: absolute;
	top: 39px;
	right: 247px;
	width: 230px;
}

@media screen and (max-width:1000px) {
	.header-language {
		right: 257px;
	}
}

@media screen and (max-width:710px) {
	div > .header-language {
		display: none;
	}
}

.header-language ul {
	display: inline-block;
	font-size: 10px;
	margin-right: 15px;
}

.header-language li {
	display: inline-block;
}

.header-language li a {
	color: #646464;
}

.header-language li a:hover {
	text-decoration: underline;
}

.header-language li:first-child a {
	border-right: 1px solid #646464;
	padding-right: 10px;
font-size: 1.2em;
}

.header-language li:last-child a {
	padding-left: 10px;
font-size: 1.2em;
}

.header-language p:nth-child(2) {
	display: inline-block;
	font-size: 10px;
}

.header-language p:nth-child(2) a {
	color: #646464;
}

.header-language p:nth-child(2) a:hover {
	text-decoration: underline;
}

.header-language p:nth-child(3) {
	display: block;
	font-size: 11px;
	margin-top: 10px;
}

.header-language p:nth-child(3) a {
	background: #212121;
	color: #fff;
	display: block;
	border-radius: 4px;
	padding: 8px 0;
	text-align: center;
}

.header-language p:nth-child(3) a:before {
	background: url(../img/common/icon-page.gif) no-repeat;
	width: 10px;
	height: 15px;
	display: inline-block;
	content: "";
	margin-right: 5px;
	vertical-align: middle;
}

.header-language p:nth-child(3) a:hover {
	opacity: 0.7;
}

div > .header-contact {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 240px;
	box-sizing: border-box;
}

@media screen and (max-width:1000px) {
	.header-contact {
		right: 10px;
	}
}

@media screen and (max-width:710px) {
	div > .header-contact {
		display: none;
	}
}

.header-contact p:nth-child(1) {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 3px;
	text-align: center;
}

.header-contact div {
	background: #ddd;
	padding: 3px;
	border-radius: 4px;
}

.header-contact div > a {
	color: #000;
}

.header-contact div p:nth-child(1) span {
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 5px;
}

.header-contact div p:nth-child(1) {
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
	padding: 7px 0 3px 0;
}

.header-contact ul:after {
	display: block;
	content: "";
	clear: both;
}

.header-contact li:nth-child(1) {
	float: left;
	width: 49.5%;
}

.header-contact li:nth-child(2) {
	float: right;
	width: 49.5%;
}

.header-contact li a {
	color: #fff;
	display: block;
	background: #ff1822;
	padding: 6px 0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #fff;
}

.header-contact li a:before {
	content: "> ";
}

.header-contact li a:hover {
	opacity: 0.7;
}

nav {
	clear: both;
	border-top: 1px solid #c6c6c6;
}

nav > ul {
	max-width: 1000px;
	margin: 0 auto;
}

nav > ul:after {	
	content: "";
	display: block;
	clear: both;
}

nav > ul li {
	width: 20%;
	float: left;
	text-align: center;
}

nav > ul li a {
	padding: 5px 0;
	margin: 15px 0;
	display: block;
	cursor: pointer;
	font-family: "myFont";
	color: #000;
	font-size: 16px;
}

nav > ul li a:hover img {
	opacity: 0.6;
}

nav > ul li:not(:last-child) a {
	border-right: 1px dotted #919191;
}

nav > ul li a:hover {
	opacity: 0.5;
}

nav > ul li:nth-child(1) img {
	width: 103px;
}

nav > ul li:nth-child(2) img {
	width: 81px;
}

nav > ul li:nth-child(3) img {
	width: 68px;
}

nav > ul li:nth-child(4) img {
	width: 55px;
}

nav > ul li:nth-child(5) img {
	width: 55px;
}

nav .header-language {
	display: none;
	position: static;
}

@media screen and (max-width:710px) {
	nav .header-language {
		display: block;
	}
}

nav .header-contact {
	display: none;
	position: static;
}

@media screen and (max-width:710px) {
	nav .header-contact {
		display: block;
	}
}

#nav-toggle {
	display: none;
	position: absolute;
	right: 0;
	top: 12px;
	width: 28px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
	transition: .35s ease-in-out;
}

.open #nav-toggle {
	top: 10px;
	transition: .35s ease-in-out;
}

#nav-toggle div {
		position: relative;
}

#nav-toggle span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #212121;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	border-radius: 10px;
}

#nav-toggle span:nth-child(1) {
	top: 0;
}

#nav-toggle span:nth-child(2) {
	top: 8px;
}

#nav-toggle span:nth-child(3) {
	top: 16px;
}

@media screen and (max-width: 710px) {
	nav {
		position: absolute;
		top: -608px;
		left: 0;
		text-align: left;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		width: 100%;
		margin:	0;
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
		z-index: 1;
		background: #fff;
		text-align: center;
		padding-bottom: 10px;
	}
	
	nav > ul {
		margin-bottom: 10px;
	}
	
	nav > ul li {
		display: block;
		width:	100%;
		border-bottom: 1px dotted #ddd;
	}
	
	body nav > ul li:not(:last-child) a {
		display: block;
		padding: 10px 0;
		margin: 0;
		text-align: center;
		border-right: none;
	}
	
	body nav > ul li:last-child a {
		padding: 0;
		line-height: 100%;
	}
	
	nav > ul li:after {
		display: none;
	}
	
	#nav-toggle {
			display: block;
	}
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	.open nav {
		-moz-transform: translateY(651px);
		-webkit-transform: translateY(651px);
		transform: translateY(651px);
	}
	
	nav .header-language {
		margin: 0 10px 10px 10px;
	}
	
	nav .header-contact {
		margin: 0 10px;
	}
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff;}
.slider_next {background: #fff;}

.pagination {
	display: none;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

main {
	max-width: 1000px;
	margin: 0 auto;
}

@media screen and (max-width: 1000px) {
	main {
		padding: 0 0 20px 0;
		margin: 0 auto 0 auto;
	}
}

#notice {
	padding: 44px 0 0 0;
	margin-bottom: 69px;
	position: relative;
}

@media screen and (max-width: 1000px) {
	#notice {
		padding: 20px 0 0 0;
		margin-bottom: 30px;
	}
}

#notice h2 {
	text-align: center;	
	margin-bottom: 5px;
	font-family: "myFont";
	color: #e01b22;
	font-weight: normal;
	font-size: 24px;
}

@media screen and (max-width: 1000px) {
	#notice h2 {
		margin-bottom: 0;
	}
}

#notice h2 img {
	width: 84px;
}

#notice p {
	position: absolute;
	top: 50px;
	right: 0;
	width: 80px;
	text-align: center;
	line-height: 100%;
}

@media screen and (max-width: 1000px) {
	#notice p {
		top: 23px;
	}
}

#notice p a {
	display: block;
	background: #e11c25;
	color: #fff;
	font-size: 11px;
	padding: 3px 0;
}

#notice p a:hover {
	opacity: 0.7;
}

#notice p a:before {
	content: ">>";
}

#notice table {
	border-collapse: collapse;
	font-size: 12px;
	width: 100%;
	margin-bottom: 53px;
}

@media screen and (max-width: 1000px) {
	#notice table {
		margin-bottom: 20px;
	}
}

#notice th {
	font-weight: normal;
	text-align: left;
	padding: 10px 0;
	width: 160px;
	border-bottom: 1px dotted #919191;
}

@media screen and (max-width: 500px) {
	#notice th {
		padding: 10px 0 0 0;
		width: 100%;
		display: block;
		border-bottom: none;
	}
}

#notice th span {
	padding: 4px 7px;
	display: inline-block;
	color: #fff;
	font-size: 10px;
	margin-right: 13px;
}

#notice th .midori {
	background: #729696;
}

#notice th .chairo {
	background: #81655a;
}
#notice th .aka {
	background: red;
}
#notice th .ao {
	background: blue;
}
#notice th .kiro {
	background: yellow;
}

#notice td {
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #919191;
}

@media screen and (max-width: 500px) {
	#notice td {
		padding: 5px 0 10px 0;
		width: 100%;
		display: block;
	}
}

#notice ul:after {
	clear: both;
	display: block;
	content: "";
}

#notice li {
	float: left;
	line-height: 100%;
	width: 49%;
}

@media screen and (max-width: 500px) {
	#notice li {
		float: none;
		width: 100%;
	}
}

#notice li img {
	width: 100%;
}

#notice li:first-child {
	margin-right: 2%;
}

@media screen and (max-width: 500px) {
	#notice li:first-child {
		margin: 0 0 10px 0;
	}
}

#notice li a:hover {
	opacity: 0.7;
}

#product-list:after {
	content: "";
	display: block;
	clear: both;
}

#product-list h2 {
	text-align: center;
	border-bottom: 1px solid #170b0b;
	line-height: 100%;
	padding-bottom: 14px;
	font-weight: normal;
	margin-bottom: 37px;
	font-family: "myFont";
	font-size: 24px;
}

@media screen and (max-width: 1000px) {
	#product-list h2 {
		margin-bottom: 20px;
	}
}

#product-list h2 img {
	width: 117px;
}

#product-list a:hover {
	opacity: 0.7;
}

#product-list p {
	float: left;
	width: 32%;
	margin-right: 2%;
	line-height: 0;
}

@media screen and (max-width: 500px) {
	#product-list p {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
}

#product-list p a {
	display: block;
}

#product-list p img {
	width: 100%;
}

@media screen and (max-width: 500px) {
	#product-list p img {
		width: 80%;
		margin: 0 auto;
		display: block;
	}
}

#product-list ul:after {
	display: block;
	content: "";
	clear: both;
}

#product-list li {
	float: left;
	width: 32%;
	line-height: 0%;
	margin-bottom: 1.9%;
}

@media screen and (max-width: 500px) {
	#product-list li {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
}

#product-list li img {
	width: 100%;
}

#product-list li:nth-child(2n) {
	margin-left: 2%;
}

@media screen and (max-width: 500px) {
	#product-list li:nth-child(2n) {
		margin-left: 0;
	}
}

footer {
	background: url(../img/common/bg-footer.gif) repeat-x top #000;
	font-size: 10px;
	padding-top: 16px;
	color: #fff;
}

@media screen and (max-width: 1000px) {
	footer {
		padding: 10px 10px 0 10px;
	}
}

footer > div {
	max-width: 1000px;
	margin: 0 auto;
}

footer a {
	color: #fff;
}

footer div > ul {
	margin-bottom: 30px;
}

footer > div > ul li {
	display: inline-block;
}

footer > div > ul li:not(:first-child):before {
	content: "|";
	padding: 0 5px;
}

.left-box {
	float: left;
	width: 53%;
}

.left-box:after {
	display: block;
	clear: both;
	content: "";
}

@media screen and (max-width: 1000px) {
	.left-box {
		float: none;
		width: 100%;
	}
}

footer a:hover {
	text-decoration: underline;
}

.left-box > div:after {
	display: block;
	content: "";
	clear: both;
}

@media screen and (max-width: 500px) {
	.left-box > div {
		width: 100%;
		float: left;
	}
	
	.left-box > div:nth-child(2) {
		margin-left: 4%;
	}
}

@media screen and (max-width: 500px) {
	.left-box > div:nth-child(2) ul {
		margin-bottom: 0;
	}
}

.left-box > div:nth-child(2) > p {
	margin-bottom: 10px;
}

.left-column {
	width: 47.81%;
	float: left;
}

.right-column {
	width: 47.81%;
	float: right;
}

.left-box img {
	width: 100%;
}

.left-box p {
	border-bottom: 1px dotted #fff;
	padding-bottom: 4px;
	line-height: 100%;
	margin-bottom: 13px;
}

.left-box .link:before {
	content: ">";
	padding-right: 10px;
}

.left-box dl {
	margin-bottom: 20px;
}

.left-box dt {
	border-bottom: 1px dotted #fff;
	padding-bottom: 4px;
	line-height: 100%;
	margin-bottom: 10px;
}

.left-box dd {
	padding-bottom: 7px;
	line-height: 100%;
}

.left-box dd:before {
	content: ">";
	padding-right: 10px;
}

.left-box .tree:before {
	display: none;
}

.left-box .tree dl dt {
	border-bottom: none;
	margin-bottom: 5px;
}

.left-box .tree dl dd {
	margin-left: 16px;
}

.left-box .tree dl dd:before {
	content: "L";
}

.left-box .tree dl {
	margin-bottom: 0;
}

.left-box li:before {
	content: ">";
	padding-right: 10px;
}

#footer-rikunavi {
	border: none;
}

#footer-rikunavi:before {
	display: none;
}

#footer-rikunavi a:hover {
	opacity: 0.7;
}

#footer-rikunavi a:hover {
	opacity: 0.7;
}

#footer-katsuobushi {
	border: none;
}

@media screen and (max-width: 500px) {
	#footer-katsuobushi {
		padding-top: 20px;
	}
}

#footer-katsuobushi a:hover {
	opacity: 0.7;
}

#footer-katsuobushi img {
	margin: 0 0 5px 0;
	display: block;
}

@media screen and (max-width: 350px) {
	#footer-katsuobushi img {
		width: 100%;
	}
}

.right-box {
	float: right;
	width: 355px;
}

@media screen and (max-width: 1000px) {
	.right-box {
		float: none;
		width: 100%;
	}
}

.right-box > div:nth-child(1):after {
	display: block;
	content: "";
	clear: both;
}

.right-box dl:nth-child(1) {
	margin-bottom: 22px;
}

.right-box dl:nth-child(1) dt {
	border-bottom: 1px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 25px;
	text-align: left;
}

.right-box dl:nth-child(1) dt img {
	width: 82px;
}

.right-box dl:nth-child(1) dd {
	line-height: 0;
}

.right-box dl:nth-child(1) dd:nth-child(2) img {
	width: 355px;
	margin-bottom: 25px;
}

@media screen and (max-width: 385px) {
	.right-box dl:nth-child(1) dd:nth-child(2) img {
		width: 100%;
	}
}

.right-box dl:nth-child(1) dd:nth-child(3) img {
	width: 355px;
	margin-bottom: 8px;
}

@media screen and (max-width: 385px) {
	.right-box dl:nth-child(1) dd:nth-child(3) img {
		width: 100%;
	}
}

.right-box dl:nth-child(1) dd:nth-child(4) img {
	width: 313px;
	margin-bottom: 8px;
}

@media screen and (max-width: 385px) {
	.right-box dl:nth-child(1) dd:nth-child(4) img {
		width: 89%;
	}
}

.right-box dl:nth-child(1) dd:nth-child(5) img {
	width: 265px;
	margin-bottom: 8px;
}

@media screen and (max-width: 380px) {
	.right-box dl:nth-child(1) dd:nth-child(5) img {
		width: 80%;
	}
}

.right-box dl:nth-child(1) dd:nth-child(6) img {
	width: 337px;
	margin-bottom: 8px;
}

@media screen and (max-width: 380px) {
	.right-box dl:nth-child(1) dd:nth-child(6) img {
		width: 100%;
	}
}

.right-box dl:nth-child(1) dd:nth-child(7) img {
	width: 217px;
}

@media screen and (max-width: 380px) {
	.right-box dl:nth-child(1) dd:nth-child(7) img {
		width: 64%;
	}
}

.right-box  dl:nth-child(2) {
	background: #fff;
	text-align: center;
	padding-bottom: 15px;
}

.right-box  dl:nth-child(2) dt {
	text-align: left;
	margin-bottom: 15px;
}

.right-box  dl:nth-child(2) dt a {
	background: #4b4239;
	display: block;
	padding: 8px;
}

.right-box  dl:nth-child(2) a:hover {
	opacity: 0.7;
}

.right-box  dl:nth-child(2) dt img {
	width: 105px;
}

.right-box  dl:nth-child(2) dd {
	display: inline-block;
}

@media screen and (max-width: 450px) {
	.right-box dl:nth-child(2) dd {
		display: block;
		text-align: center;
	}
}

.right-box  dl:nth-child(2) dd:nth-child(2) img {
	width: 111px;
}

.right-box  dl:nth-child(2) dd:nth-child(3) {
	padding: 0 26px;
}

@media screen and (max-width: 450px) {
	.right-box  dl:nth-child(2) dd:nth-child(3) {
		padding: 10px 0;
	}
}

.right-box  dl:nth-child(2) dd:nth-child(3) img {
	width: 58px;
}

.right-box  dl:nth-child(2) dd:nth-child(4) img {
	width: 93px;
}

#copyright {
	clear: both;
	text-align: center;
	font-size: 11px;
	padding: 18px 0;
	line-height: 100%;
}

/* 商品ページ共通 */

#main-visual {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 100%;
}

#main-visual img {
	width: 100%;
}

#breadcrumbs {
	margin: 0 0 20px 0;
	font-size: 11px;
	padding-bottom: 22px;
	border-bottom: 1px solid #9e9e9e;
}

@media screen and (max-width: 500px) {
	#breadcrumbs {
		display: none;
	}
}

#breadcrumbs li {
	display: inline-block;
}

#breadcrumbs li a {
	color: #000;
}

#breadcrumbs li a:hover {
	text-decoration: underline;
}

#breadcrumbs li:after {
	content: " > ";
}

#breadcrumbs li:last-child:after {
	display: none;
}

#pattern {
	background-repeat: no-repeat,no-repeat;
	background-position: left top, left bottom;
	padding-bottom: 90px;
}

@media screen and (max-width: 500px) {
	#pattern {
		padding: 10px;
	}
}

@media screen and (max-width: 500px) {
	#pattern {
		padding-bottom: 0px;
	}
}

#pattern:after {
	display: block;
	clear: both;
	content: "";
}

#products-menu {
	margin-bottom: 86px;
}

@media screen and (max-width: 500px) {
	#products-menu {
		padding-top: 10px;
		margin-bottom: 10px;
	}
}

#products-menu:after {
	display: block;
	content: "";
	clear: both;
}

#products-menu li {
	float: left;
	width: 25%;
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 17px;
	font-family: "myFont";
	font-size: 22px;
	border-right: 1px solid #170909;
}

@media screen and (max-width: 700px) {
	#products-menu li {
		font-size: 20px;
	}
}

#products-menu li:nth-child(1) {
	border-left: 1px solid #170909;
}

@media screen and (max-width: 700px) {
	#products-menu li {
		width: 50%;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	
	#products-menu li:nth-child(3) {
		border-left: 1px solid #170909;
	}
}

#products-menu li a {
	display: block;
	line-height: 100%;
	color: #000;
	border-bottom: 1px solid #cc2225;
	padding: 7px 0;
	margin: 0 20px;
	letter-spacing: -0.06em;
}

#products-menu li a:hover {
	border-bottom: 1px solid #9e9e9e;
	color: #9e9e9e;	
}

#products-menu li a img {
	width: 100%;
	border-left: 1px solid #16090a;
}

#products-menu li:last-child a img {
	border-right: 1px solid #16090a;
}

@media screen and (max-width: 500px) {
	#products-menu li:nth-child(2) a img {
		border-right: 1px solid #16090a;
	}
}

.products-title {
	background: #eeebdc;
	padding: 3.5%;
	display: table;
	margin-bottom: 90px;
}

@media screen and (max-width: 600px) {
	.products-title {
		margin-bottom: 20px;
	}
}

.products-title:after {
	display: block;
	content: "";
	clear: both;
}

.products-title dt {
	width: 300px;
	display: table-cell;
	vertical-align: middle;
	font-family: "myFont";
	font-size: 38px;
}

@media screen and (max-width: 600px) {
	.products-title dt {
		display: block;
		text-align: center;
		width: 100%;
		margin: 10px 0 10px 0;
		font-size: 30px;
	}
	
	
	.products-title dt img {
		height: 25px;
	}
}

.products-title dd {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	line-height: 150%;
}

@media screen and (max-width: 600px) {
	.products-title dd {
		display: block;
	}
}

.product-special {
	clear: both;
	display: block;
	content: "";
	margin-bottom: 80px;
}

@media screen and (max-width: 500px) {
	.product-special {
		margin-bottom: 30px;
	}
}

.product-special > p:nth-child(1) {
	float: left;
	width: 47.9%;
}

@media screen and (max-width: 500px) {
	.product-special > p:nth-child(1) {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
}

.product-special > p:nth-child(1) img {
	width: 100%;
}

.product-special div {
	margin-left: 52.3%;
}

@media screen and (max-width: 500px) {
	.product-special div {
		margin-left: 0;
	}
}

.product-special div p:first-child {
	line-height: 100%;
	margin-bottom: 20px;
	font-family: "myFont";
	font-size: 28px;
	letter-spacing: -0.1em;
	border-bottom: 1px solid #170b0b;
	padding-bottom: 10px;
}

.product-special div p:first-child span {
	display: block;
	font-size: 20px;
	line-height: 200%;
}

@media screen and (max-width: 500px) {
	.product-special div p:first-child span {
		display: block;
		font-size: 16px;
	}
}

.product-special div p:first-child span:before {
	display: inline-block;
	content: "";
	background: url(../img/common/apple-touch-icon.png) no-repeat;
	background-size: 34px;
	vertical-align: middle;
	width: 34px;
	height: 34px;
}

@media screen and (max-width: 500px) {
	.product-special div p:first-child span:before {
		display: inline-block;
		content: "";
		background: url(../img/common/apple-touch-icon.png) no-repeat;
		background-size: 25px;
		vertical-align: middle;
		width: 25px;
		height: 25px;
	}
}

@media screen and (max-width: 500px) {
	.product-special div p:first-child {
		margin-bottom: 10px;
		font-size: 22px;
	}
}

.product-special div p:first-child img {
	width: 100%;
}

.product-special div p:last-child {
	line-height: 150%;
}

.product-normal {
	margin-bottom: 40px;
}

.product-normal:after {
	display: block;
	content: "";
	clear: both;
}

.product-normal div {
	float: left;
	width: 47.8%;
	margin-bottom: 42px;
}

@media screen and (max-width: 500px) {
	.product-normal div {
		float: none;
		width: 100%;
		margin-bottom: 42px;
	}
}

@media screen and (min-width: 501px) {
	.product-normal div:nth-child(even) {
		margin-left: 4.4%;
	}
}

.product-normal div:nth-child(odd){
	clear: left;
}

.product-normal div p:nth-child(1) {
	text-align: center;
	line-height: 100%;
	margin-bottom: 32px;
}

@media screen and (max-width: 500px) {
	.product-normal div p:nth-child(1) {
		font-size: 24px;
	}
}

.product-normal div p:nth-child(2) {
	text-align: center;
	margin-bottom: 10px;
	font-size: 24px;
	font-family: "myFont";
	letter-spacing: -0.1em;
	line-height: 100%;
}

@media screen and (max-width: 500px) {
	.product-normal div p:nth-child(2) {
		font-size: 18px;
	}
}

.product-normal div p:nth-child(2) span {
	font-size: 31px;
	display: block;
	border-bottom: 1px solid #170b0b;
	letter-spacing: 0em;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

@media screen and (max-width: 500px) {
	.product-normal div p:nth-child(2) span {
		padding-bottom: 10px;
		margin-bottom: 5px;
		font-size: 22px;
	}
}

.product-normal div p:nth-child(3) {
	line-height: 150%;
}

/*------------------------------------------------------------------------------------------

	下層  page

------------------------------------------------------------------------------------------*/
.page { padding: 0 4% 20px;}
.main-visual { text-align: center; margin: 0 auto 60px; max-width: 1000px;}
.main-visual img { width: 100%;}


/*------------------------------------------------------------------------------------------

	サイトマップ  sitemap

------------------------------------------------------------------------------------------*/
ul.sitemap {
width: 100%; /* サイトマップエリアの幅 */
margin: 0;
padding: 0;
font-weight: bold; /* 一旦全ての文字を太字にする */
list-style-type: none;
font-size: 80%;
color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url(v_line1.gif) no-repeat left top; /* 1階層目の背景 */
line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
ul.sitemap ul.section {
width: 49.9%; /* セクションの幅 */
float: left;
}
ul.sitemap ul.separator {
background: url(v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
background: url(v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
ul.sitemap ul.section ul li li {
padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
background: url(square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/*------------------------------------------------------------------------------------------

	採用  recruit/employee-a,employee-b,employee-c

------------------------------------------------------------------------------------------*/
.recruit img { max-width: 100%;}
.recruit h2 { font-size: 44px; text-align: center; padding: 0 0 90px; font-family: "myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal;}
.recruit h3 { font-size: 29px; margin-top: 0; font-family: "myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal;}
.recruit .column p { font-size: 15px; line-height: 2;}
#recruit-menu {
	overflow: hidden;
}
#recruit-menu div {
	float: left;
	width: 330px;
	text-align: center;
}
#recruit-menu div dt { margin-bottom: 10px;}
#recruit-menu div dd { padding-bottom: 17px;}
#recruit-menu a {
	display: block;
	line-height: 100%;
	color: #000;
	border-bottom: 1px solid #000;
	margin: 0 20px;
	font-family: "myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 21px;
	padding: 7px 0 10px;
}
#recruit-menu a:hover {
	border-bottom: 1px solid #9e9e9e;
	color: #9e9e9e;	
}
.btn-entry a { display: block; background: #382E25; color: #fff; padding: 46px 10px; text-align: center;
font-size: 32px; font-family: "myFont"; margin-bottom: 170px;}
.btn-entry a:hover { background: #635242;}

.recruit-top .main-visual { margin-bottom: 10px;}
.recruit-top .top-column { text-align: center; padding-top: 250px; background: url(../img/recruit/recruit_1.jpg) no-repeat 50% 0; background-size: 1000px auto; -webkit-background-size: 1000px auto;}
.recruit-top .top-column p { font-size: 20px; line-height: 2.5; margin-bottom: 100px; font-family: "myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}
.recruit-top .btn-entry a { margin-bottom: 100px;}

@media screen and (min-width: 1001px) {
	#recruit-menu div:nth-child(2) dt { padding: 0 3px;}
	#recruit-menu div:nth-child(2) { margin: 0 2px; width:336px;}
}
@media screen and (max-width: 1000px) {
	#recruit-menu div {
	width: 33%;
	}
	#recruit-menu div:nth-child(2) { margin: 0 0.5%;}
}
@media screen and (min-width: 641px) {
.employee-a .column-1 div:first-child { width: 36%; margin-right: 4%}
.employee-a .column-1 div:last-child { width: 60%;}
.employee-a .column-2 div:nth-child(2) { width: 100%;}
.employee-a .column-2 div:nth-child(2) { width: 60%; margin-right: 4%}
.employee-a .column-2 div:nth-child(3) { width: 36%;}
.employee-a .column-1 { margin-bottom: 50px;}
.employee-a .column-2 { margin-bottom: 70px;}
.employee-a .column-2+.column-1 { margin-bottom: 110px;}
#recruit-menu div:nth-child(2) dd { border: solid 1px #000; border-width: 0px 1px;}
#recruit-menu div:nth-child(1) dd { border-left: solid 1px #000;}
#recruit-menu div:nth-child(3) dd { border-right: solid 1px #000;}
#recruit-menu {
	margin-bottom: 80px;
}
}
@media screen and (max-width: 640px) {
.recruit-top .top-column { text-align: center; padding-top: 250px; background: url(../img/recruit/recruit_1.jpg) no-repeat 50% 0; background-size: 1000px auto; -webkit-background-size: 600px auto;}
.recruit-top .top-column p { font-size: 13px; line-height: 2.0; margin-bottom: 100px; font-family: "myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; text-align:left;}
.recruit-top h2 { font-size: 20px; }
.recruit h2 { font-size: 20px; text-align: center; padding: 0 0 20px; font-family: "myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal;}
.recruit-top .top-column p { letter-spacing: -1px;}
.employee-a .column { margin-bottom: 50px;}
.btn-entry a { font-size: 22px; margin-bottom: 50px;}
#recruit-menu div { width: 100%; margin-bottom: 50px;}
#recruit-menu div:nth-child(2) { margin: 0 0 50px;}
#recruit-menu {
	margin-bottom: 0px;
}
}
/*------------------------------------------------------------------------------------------

	採用1  recruit/employee-a

------------------------------------------------------------------------------------------*/
.employee img { max-width: 100%;}
.employee h2 { font-size: 44px; text-align: center; padding: 60px 0 90px; font-family: "myFont"; font-weight: normal;}
.employee h3 { font-size: 29px; margin-top: 0; font-family: "myFont"; font-weight: normal;}
.employee .column p { font-size: 15px; line-height: 2;}
#recruit-menu {
	overflow: hidden;
}
#recruit-menu div {
	float: left;
	width: 330px;
	text-align: center;
}
#recruit-menu div dt { margin-bottom: 10px;}
#recruit-menu div dd { padding-bottom: 17px;}
#recruit-menu a {
	display: block;
	line-height: 100%;
	color: #000;
	border-bottom: 1px solid #000;
	margin: 0 20px;
	font-family: "myFont";
	font-size: 21px;
	padding: 7px 0 10px;
}
#recruit-menu a:hover {
	border-bottom: 1px solid #9e9e9e;
	color: #9e9e9e;	
}
.btn-entry a { display: block; background: #382E25; color: #fff; padding: 46px 10px; text-align: center;
font-size: 32px; font-family: "myFont"; margin-bottom: 170px;}
.btn-entry a:hover { background: #635242;}

@media screen and (min-width: 1001px) {
	#recruit-menu div:nth-child(2) dt { padding: 0 3px;}
	#recruit-menu div:nth-child(2) { margin: 0 2px; width:336px;}
}
@media screen and (max-width: 1000px) {
	#recruit-menu div {
	width: 33%;
	}
	#recruit-menu div:nth-child(2) { margin: 0 0.5%;}
}
@media screen and (min-width: 641px) {
.employee-a .column-1 div:first-child { width: 36%; margin-right: 4%}
.employee-a .column-1 div:last-child { width: 60%;}
.employee-a .column-2 div:nth-child(2) { width: 100%;}
.employee-a .column-2 div:nth-child(2) { width: 60%; margin-right: 4%}
.employee-a .column-2 div:nth-child(3) { width: 36%;}
.employee-a .column-1 { margin-bottom: 50px;}
.employee-a .column-2 { margin-bottom: 70px;}
.employee-a .column-2+.column-1 { margin-bottom: 110px;}
#recruit-menu div:nth-child(2) dd { border: solid 1px #000; border-width: 0px 1px;}
#recruit-menu div:nth-child(1) dd { border-left: solid 1px #000;}
#recruit-menu div:nth-child(3) dd { border-right: solid 1px #000;}
#recruit-menu {
	margin-bottom: 80px;
}

}
@media screen and (max-width: 640px) {
main { padding-top: 10px;}
.employee .column p { font-size: 13px; line-height: 2; margin: 0 10px;}
.employee-a .column { margin-bottom: 50px;}
.btn-entry a { font-size: 13px; margin-bottom: 50px;}
#recruit-menu div { width: 100%; margin-bottom: 50px;}
#recruit-menu div:nth-child(2) { margin: 0 0 50px;}
#recruit-menu {
	margin-bottom: 0px;
margin-top: 100px;
}
.employee h2 { font-size: 18px; text-align: center; padding: 0px 10px 40px; font-family: "myFont"; font-weight: normal;}
.employee h3 { font-size: 18px; margin: 0 10px 40px; font-family: "myFont"; font-weight: normal;}
}
/* お問い合わせ */

#noimg-title {
	background: #ece9da;
	padding: 50px;
	font-size: 40px;
	font-family: "myFont";
	font-weight: normal;
	margin: 0 0 20px 0;
}

@media screen and (max-width: 1000px) {
	#noimg-title {
		font-size: 30px;
		padding: 30px 10px;
	}
}

@media screen and (max-width: 500px) {
	#noimg-title {
		font-size: 20px;
		padding: 30px 10px;
	}
}

form table {
	border-collapse: collapse;
	width: 100%;
	margin: 80px 0 40px 0;
}

@media screen and (max-width: 500px) {
	form table {
		margin: 0 0 20px 0;
	}
}

form table th {
	font-weight: normal;
	text-align: left;
	padding: 18px 0 10px 0;
	vertical-align: top;
	width: 220px;
}

@media screen and (max-width: 700px) {
	form table th {
		width: 100%;
		display: block;
		padding: 18px 0 0 0;
	}
}

form table td {
	font-weight: normal;
	text-align: left;
	padding: 10px 0;
	vertical-align: top;
}

@media screen and (max-width: 700px) {
	form table td {
		width: 100%;
		display: block;
	}
form table {
	border-collapse: collapse;
	width: 100%;
	margin: 0px 0 40px 0;
}
table.inquiry_form{
margin-top:-90px;
border-collapse: collapse;
width: 100%;
margin: -30px 0 40px 0;
}
}

form table th span {
	color: red;
	padding-left: 5px;
}
.inquiry_form .require th {
    font-weight: normal;
    text-align: left;
    padding: 10px 0 0px 0; */
    vertical-align: top;
    width: 220px;
}
.inquiry_form th{
    font-weight: normal;
    text-align: left;
    padding: 10px 0 0px 0; */
    vertical-align: top;
    width: 220px;
}
form table input[type="text"],
form table input[type="email"] {
	width: 440px;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 16px;
	box-sizing: border-box;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 1000px) {
	form table input[type="text"],
	form table input[type="email"] {
		width: 100%;
		font-size: 14px;
	}
}

textarea {
	width: 100%;
	height:150px;
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 16px;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 1000px) {
	textarea {
		font-size: 14px;
	}
}

.single-line label {
	padding: 0 10px 0 0;
	display: inline-block;
}

.multi-line label {
	display: block;
	padding: 5px 0 0 0;
}

form input[type="submit"] {
	background: #212121;
	padding: 20px 100px;
	font-size: 18px;
	margin: 0 auto;
	display: block;
	color: #fff;
	border: none;
	-webkit-box-sizing: content-box;
  -webkit-appearance: button;
	border-radius: 4px;
}

#contact-agreement {
	text-align: center;
	margin-bottom: 40px;
}

@media screen and (max-width: 500px) {
	#contact-agreement {
		text-align: left;
		margin-bottom: 20px;
	}
}

#contact-agreement a {
	color: #333;
	text-decoration: underline;
}

#contact-agreement p {
	padding-bottom: 10px;
}

#contact-tel-text,
#contact-email-text,
#trigger-ad-text,
#trigger-acquaintance-text,
#trigger-etc-text {
	display: none;
	margin: 5px 0 10px 0;
}

/*------------------------------------------------------------------------------------------

	商品一覧  products

------------------------------------------------------------------------------------------*/
.products-top h2 { background: #ECE9DA; color: #534741; font-weight: normal; padding: 10px 16px; line-height:1; font-size: 24px; margin-bottom: 60px;font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}
.products-top dl { float: left; margin: 0 1% 6%;}
.products-top dd { font-size: 16px; padding: 10px; text-align: center; border: solid 1px #9e9e9e; border-width: 1px 0;}
.products-top dt img { width: 100%;} 
.products-top .items { overflow: hidden;}
.products-top .item-3 dl { width: 31%;}
.products-top .item-4 dl { width: 23%;}
.products-top .item-2 dl { width: 48%;}
.products-top a { color: #666;}
.products-top a:hover { color: #000;}
@media screen and (max-width: 640px) {
.products-top .item-2 dl { width: 100%;}
	.products-top .item-3 dl { width: 100%;}
	.products-top .item-4 dl { width: 100%;}
	.products-top dd { font-size: 13px;}
}
@media screen and (max-width: 320px) {
	.products-top .item-2 dd { font-size: 11px;}
}

/*------------------------------------------------------------------------------------------

	らーめん店へのおすすめ  ramen

------------------------------------------------------------------------------------------*/
.contents-header {
	max-width: 1000px;
	margin: 0 auto;
}

.recommend h2 { 
	background: #000 url(../img/common/logo-sa.png) 0 0 no-repeat;
	height: 68px;
	padding-left: 90px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 40px;
	color: #fff;
	line-height: 68px;
	margin-bottom: 35px;
}
.recommend article { margin-bottom: 70px;}
.contents-header img { width: 100%;}
.main-wrapper-recommend { background: url(../img/common/recommend-bg.png); padding: 100px 0 130px;}
.panel { border: solid 1px #F2EAE4; background-color: #fff; padding: 35px; min-height: 170px;}
.panel-ttl { font-size: 26px; color: #97886B; width: 100%; margin-bottom: 20px;}
.panel-ttl-single { font-size: 26px; color: #97886B;}
.panel dl { overflow: hidden; font-size: 20px; line-height: 2; width: 326px; margin-right: 30px;}
.panel dt { float: left;}
.panel dd { border-bottom: solid 1px #C5BC8C; text-align: right;}
.panel-single { border: solid 1px #F2EAE4; background-color: #fff; padding: 20px 35px;}
.panel-single .panel-ttl { margin: 0;}
.panel dl.single { width: 682px}
.flow { overflow: hidden;}
.flow dd { font-size: 16px; padding: 27px 0; line-height:3;}
.flow li { padding: 27px 0; font-size: 16px; padding-left: 80px; text-indent: -85px; background: url(../img/common/dot.png) repeat-x 0 bottom;}
.flow li:last-child { background: none;}
.flow li:first-letter { font-size: 26px; color:#97886B; font-weight: normal; padding: 0 35px;}
.dashi-consul { background: #EFEAD3; padding: 24px 30px; overflow: hidden;}
.dashi-consul .figure { float: left; margin-right: 25px; width: 270px;}
.dashi-consul .figure img { width: 100%;}
.dashi-consul .inner { float: left;}
.dashi-consul .inner img { width: 100%; max-width: 384px; height: auto;}
.dashi-consul .inner p:first-child { padding: 5px 0 10px;}
.dashi-consul .inner p:nth-child(2) { margin-bottom: 20px; line-height: 2;}
.dashi-consul .dashi-consul-contact {
	background: #fff;
	padding: 10px 15px 10px;
	border-radius: 4px;
	overflow: hidden;
}
.dashi-consul div > a,.dashi-consul-contact p a {
	color: #000;
}
.dashi-consul .dashi-consul-contact p span {
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 5px;
}

.dashi-consul .dashi-consul-contact p {
	font-size: 33px;
	font-weight: bold;
	text-align: center;
	line-height: 1.1;
	letter-spacing: 0px;
	float: left;
	margin-right: 15px;
}
.dashi-consul ul { width: 286px; padding-top: 5px;}
.dashi-consul ul:after {
	display: block;
	content: "";
	clear: both;
}

.dashi-consul li:nth-child(1) {
	float: left;
	width: 49.5%;
}

.dashi-consul li:nth-child(2) {
	float: right;
	width: 49.5%;
}

.dashi-consul li a {
	color: #fff;
	display: block;
	background: #ff1822;
	padding: 6px 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #fff;
}

.dashi-consul li a:before {
	content: "> ";
}

.dashi-consul li a:hover {
	opacity: 0.7;
}
.ramen .panel-1 { background:url(../img/ramen/image-1.png) no-repeat right 20px top 20px #fff}
.ramen .panel-2 { background:url(../img/ramen/image-2.jpg) no-repeat right 20px top 20px #fff}
.ramen .panel-3 { background:url(../img/ramen/image-3.jpg) no-repeat right 20px top 20px #fff}


@media screen and (min-width: 1001px) {
	.dashi-consul .inner { width: auto;}
	.dashi-consul ul { display: inline-block;}
}
@media screen and (max-width: 1000px) {
	.contents-header {
	padding: 0 3%;
	}
	.main-wrapper-recommend { padding: 50px 0;}
	.panel dl { width: 100%; margin-right: 300px;}
	.dashi-consul .inner { width: auto; margin-left: 300px; float: none;}
	.dashi-consul ul { width: 100%}
}
@media screen and (max-width: 750px) {
	.dashi-consul .figure { float: none; margin-right: 0; width: 100%;}
	.dashi-consul .dashi-consul-contact p { float: none;}
	.dashi-consul .inner { margin-left: 0; float: none;}
.main-visual { text-align: center; margin: 0 auto 0px; max-width: 1000px;}
	.main-wrapper-recommend { padding: 20px 0;}
.recommend h2 { 
	background: #000 0 0 no-repeat;
	height: auto;
width:100%;
	padding-left: 0px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 30px;
	color: #fff;
	line-height: 68px;
	margin-bottom: 35px;
}
}
@media screen and (max-width: 640px) {
	.contents-header {
		padding: 0 5%;
	}
.dashi-consul .inner p:first-child { padding: 5px 0 10px; font-size: 1.6em;}
.panel-ttl { margin-bottom: 250px;}
.ramen .panel-1,.ramen .panel-2,.ramen .panel-3 { background-position : center 100px}
.flow li { padding: 27px 0; font-size: 16px; padding-left: 80px; padding-right: 36px; text-indent: -85px; background: url(../img/common/dot.png) repeat-x 0 bottom;}
.recommend h2 { 
	background: #000 0 0 no-repeat;
	height: auto;
width:100%;
	padding-left: 0px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 20px;
	color: #fff;
	line-height: 68px;
	margin-bottom: 35px;
}
	.panel dl { margin-right: 0px;}
}
@media screen and (max-width: 480px) {
	.dashi-consul img { width: 100%;}
.recommend h2 { 
	background: #000 0 0 no-repeat;
	height: auto;
width:100%;
	padding-left: 0px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 18px;
	color: #fff;
	line-height: 68px;
	margin-bottom: 35px;
}

}

/*------------------------------------------------------------------------------------------

	うどん店へのおすすめ  udon

------------------------------------------------------------------------------------------*/
.udon .panel-1 { background:url(../img/udon/image-1.jpg) no-repeat right 20px top 20px #fff}
.udon .panel-2 { height: 40px;}
.panel2 { border: solid 1px #F2EAE4; background-color: #fff; padding: 35px;}
@media screen and (max-width: 640px) {
.udon .panel-1,.udon .panel-2,.udon .panel-3 { background-position : center 100px}
}

/*------------------------------------------------------------------------------------------

	そば店へのおすすめ  soba

------------------------------------------------------------------------------------------*/
.soba .panel-1 { background:url(../img/soba/image-1.jpg) no-repeat right 20px top 20px #fff}
.soba .panel-2 { height: 40px;}
.panel2 { border: solid 1px #F2EAE4; background-color: #fff; padding: 35px;}
@media screen and (max-width: 640px) {
.soba .panel-1,.soba .panel-2,.soba .panel-3 { background-position : center 100px}
}
/*------------------------------------------------------------------------------------------

	日本料理店へのおすすめ  ni

------------------------------------------------------------------------------------------*/
.ni .panel-1 { background:url(../img/ni/image-1.jpg) no-repeat right 20px top 20px #fff}
.ni .panel-2 { height: 40px;}
.panel2 { border: solid 1px #F2EAE4; background-color: #fff; padding: 35px;}
@media screen and (max-width: 640px) {
.ni .panel-1,.ni .panel-2,.ni .panel-3 { background-position : center 100px}
}
/*------------------------------------------------------------------------------------------

	会社案内  company

------------------------------------------------------------------------------------------*/
main article { padding-top: 56px;}
.page-header {
	max-width: 1000px;
	margin: 0 auto;
	}
.page-header h1 { font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 50px; font-weight: normal; line-height: 150px; margin: 0; padding-left: 56px; margin-bottom: 56px; background: #ECE9DA;}
.company a { color: #000;}
.company h2 { border-bottom: solid 1px #de1c24; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; padding-bottom: 18px; margin-bottom: 35px; font-size: 28px;}
.company article { margin-bottom: 50px}
.company table { width: 100%;}
.company th { width: 167px; text-align: left; font-weight: normal; padding: 6px 11px;}
.company td { padding: 6px 21px;}
.company #outline th { background: #ECE9DA;}
.company #outline td { padding: 0 21px;}
.company #outline td p { border-bottom: solid 1px #DFE0E0; padding: 6px 0;}
.company #history th { background: #534741; color: #fff;}
.company #history td { background: #ECE9DA;}
.company iframe { margin: 10px 0 20px;}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width: 640px) {
main article { padding-top: 0px;}
.company th{ width: 100%; display: block; padding: 6px 0px;}
.company td{ width: 100%; display: block; padding: 6px 0px;}
.company #outline td { padding: 0px;}
}
@media screen and (max-width: 480px) {
main article { padding-top: 0px;}
.company th{ width: 100%; display: block; padding: 6px 0px;}
.company td{ width: 100%; display: block; padding: 6px 0px;}
.company #outline td { padding: 0spx;}
}


/*------------------------------------------------------------------------------------------

	資料ダウンロード  download

------------------------------------------------------------------------------------------*/
.download { margin-bottom: 20px;}
.download h2 { background: #ECE9DA; color: #534741; font-weight: normal; padding: 10px 16px; line-height:1; font-size: 20px; margin-bottom: 60px;}
.download .article-inner { overflow: hidden; margin-bottom: 60px;}
.download .article-inner dl { display: inline-block;}
.download .article-inner a { color:#DE1C24; text-decoration:underline;}
.download .document-1 img { width: 210px; height: auto;}
.download .document-2 img { width: 150px; height: auto;}
.download .document-1 { border-bottom: solid 1px #DFE0E0; padding-bottom: 60px;}
.download .document-2 dl { width: 33%}
.download .article-inner dt { display: table-cell;}
.download .article-inner dd { display: table-cell; vertical-align: bottom; padding-left: 15px;}
#banner-contact-1 { background: #ECE9DA; padding-bottom: 13px;}
#banner-contact-1 .banner-ttl { font-family: "myFont"; font-size: 30px; padding: 13px 30px; margin-bottom: 13px; border-bottom: solid 1px #DE1C24;}
#banner-contact-1 .inner { overflow:hidden; padding: 0 30px;}
#banner-contact-1 .inner div { float: left; width: 50%;}
#banner-contact-1 dl { border-radius: 5px; width: 50%; float: right;}
#banner-contact-1 dt { background:#534741; color: #fff; padding: 5px 10px; border-radius: 5px 5px 0 0; text-align: center; font-size: 18px;}
#banner-contact-1 dd { background:#fff; padding: 10px; border-radius: 0 0 5px 5px;}
#banner-contact-1 ul { overflow: hidden; margin: 0 auto; width: 80%;}
#banner-contact-1 li { float: left; margin: 0 2%; width: 46%;}
#banner-contact-1 li a { display: block; background: #FB0024; border-radius: 3px; color: #fff; text-align: center; font-size: 18px; padding: 5px;}
#banner-contact-1 li a:before { content:" > ";}
#banner-contact-1 .inner div p:first-child { font-size: 40px; font-weight: bold;}
#banner-contact-1 .inner div p span { font-size: 22px; font-weight: bold; vertical-align: middle; padding-right: 5px;}
@media screen and (max-width: 1000px) {
.download .article-inner { margin: 0 4% 60px;}
.download .article-inner dl { width: 32%;}
.download .article-inner dt { display: table;}
.download .article-inner dd { display: table; padding-left: 0;}
main { padding-bottom: 50px;}
}
@media screen and (max-width: 920px) {
#banner-contact-1 .inner div { width: 53%; padding-right: 2%}
#banner-contact-1 dl { width: 45%;}
#banner-contact-1 ul { width: 100%;}
}
@media screen and (max-width: 780px) {
#banner-contact-1 li a { display: block; background: #FB0024; border-radius: 3px; color: #fff; text-align: center; font-size: 16px; padding: 5px;}
#banner-contact-1 .inner div p span { font-size: 18px; font-weight: bold; vertical-align: middle; padding-right: 5px;}

#banner-contact-1 .inner div p:first-child { font-size: 1.6em; font-weight: bold;}

.page-header h1 { font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 33px; font-weight: normal; line-height: 150px; margin: 0; padding-left: 26px; margin-bottom: 56px; background: #ECE9DA;}
.download .document-2 dl { width: 48%; margin-bottom: 20px;}
#banner-contact-1 .inner div { float: none; width: 100%; margin-bottom: 20px;}
#banner-contact-1 dl { float: none; width: 100%;}
.download .article-inner dl { width: 100%;}
.download .article-inner dt { display: table; text-align:center; width:100%;}
.download .article-inner dd { display: table; padding-left: 0; text-align:center; width:100%;}
}

/*------------------------------------------------------------------------------------------

	ご購入方法  buy

------------------------------------------------------------------------------------------*/
.buy h2 { border-bottom: solid 1px #de1c24; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; padding-bottom: 18px; margin-bottom: 35px; font-size: 28px;}
.buy h3 { color: #534741; margin: 0 0 10px; font-size: 18px;}
.buy article dl { border-bottom: solid 1px #9B9C9C; padding-bottom: 23px; margin-bottom: 23px;}
.buy article dl dt { display: table-cell; width: 250px; padding: 25px; background: #ECE9DA; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; font-size: 24px; letter-spacing: -2px; vertical-align: top;}
.buy article dl dd { display: table-cell; vertical-align: top; max-width: 650px; padding: 25px;}
.buy article dl:last-child { border: 0;}
.buy dd p { line-height:2;}
.buy .icon-list li { font-size: 46px; font-weight: 700; font-family: 'Open Sans', sans-serif; position: relative; padding-left: 55px; margin-bottom: 17px;}
.buy .icon-list li:before { display: inline-block; top: 7px; left: 0; position: absolute;}
.buy .icon-list li.tel:before { content:url(../img/buy/icon-tel.png);}
.buy .icon-list li.fax:before { content:url(../img/buy/icon-fax.png);}
.buy .icon-list li.mail:before { content:url(../img/buy/icon-mail.png);}
.buy .icon-list li.cart:before { content:url(../img/buy/icon-cart.png);}
.buy .icon-list li a { color: #000;}
.buy .inner { overflow: hidden; padding-top: 20px;}
.buy .inner table { width: 240px; border-collapse: separate; border-spacing: 0;}
.buy th { text-align: left; font-weight: normal; padding: 3px;}
.buy tr:first-child th { background:#534741; color: #fff; text-align: center;}
.buy tr:nth-child(2) th,.buy tr:nth-child(4) th { background:#ECE9DA;}
.buy tr:nth-child(2) td,.buy tr:nth-child(4) td { background:#cac8bb;}
.buy tr:nth-child(3) td { background:#dadbdb;}
.buy td { text-align: right; padding: 4px;}
.contact-btn { border-radius: 5px; width: 100%; max-width: 450px;}
.contact-btn .contact-btn-ttl { background:#534741; color: #fff; padding: 5px 10px; border-radius: 5px 5px 0 0; text-align: center; font-size: 18px;}
.contact-btn .contact-btn-body { background:#fff; padding: 15px 10px; border-radius: 0 0 5px 5px; background:#ECE9DA;}
.contact-btn ul { overflow: hidden; margin: 0 auto; width: 87%;}
.contact-btn li { float: left; margin: 0 1%; width: 46%; padding-left: 0;}
.contact-btn li a { display: block; background: #FB0024; border-radius: 3px; color: #fff; text-align: center; font-size: 18px; font-weight: normal; padding: 5px;}
.contact-btn li a:before { content:" > ";}
.shipping { background: #DE1C24; color: #fff; width: 150px; text-align: center; padding: 10px 10px 5px;}
.shipping p { line-height: 1.5!important;}
.shipping p:first-child { border-bottom: solid 1px #fff; letter-spacing: 1.5px; padding-bottom: 2px; text-rendering: optimizeLegibility}
.shipping p:last-child { font-size: 36px;}
@media screen and (max-width: 1000px) {
.buy article dl { width: 100%;}
.buy article dl dt { display: table; width: 100%; padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;}
.buy article dl dd { display: table;}
.buy .icon-list li { font-size: 40px;}
}
@media screen and (min-width: 701px) {
.buy .inner .shipping { margin-left: 250px;}
.buy .inner table { float: left;}
}
@media screen and (max-width: 700px) {
.buy .icon-list { margin-top: 10px;}
.buy .icon-list li:before { top: -10px;}
.buy .icon-list li { font-size: 18px; margin-bottom: 40px; word-wrap: break-word}
.contact-btn ul { margin: 0 auto; width: 90%;}
.contact-btn li { float: none; margin: 0 1% 5px; width: 100%; padding-left: 0;}
.buy .inner table { width: 100%; margin-bottom: 20px;}
.buy .inner .shipping { margin: 0 auto;}
}

/*------------------------------------------------------------------------------------------

	マルサヤのこだわり  about

------------------------------------------------------------------------------------------*/
.about #breadcrumbs { border-width: 1px 0 0 0; border-top: 1px solid #9e9e9e; padding-top:15px;}
.about h1,.about h2,.about h3 { font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal;}
.about h1 { font-size: 22px;}
.about h2 { font-size: 56px;}
.about h3 { font-size: 26px;}
.about .main-visual { text-align: center; background: url(../img/about/kodawari_bg.jpg) no-repeat 50%; background-size: cover; -webkit-background-size: cover; margin-bottom: 100px; padding-bottom: 100px;}
.about .main-visual p { font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 3; font-size: 20px; letter-spacing: 0;}
.about article { overflow: hidden;}
.about .figure img { width: 100%; height: auto;}
ul.tab {
    list-style: none;
	width: 100%;
}
ul.tab li:first-child { border-left: solid 1px #000;}
ul.tab li {
    float: left;
	width: 47.5%;
	text-align: center;
	color: #808080;
	font-size: 26px;
	margin: 0 auto 65px;
	padding: 10px 1% 20px;
	border-right: solid 1px #000;
    cursor: pointer;
	font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	position: relative;
}
ul.tab li span {
	background: #808080;
	width: 94%;
	height: 1px;
	position: absolute;
	bottom: 15px;
	left: 3%;
}
ul.tab li.active span,ul.tab li:hover span {
	background: #E01C24;
}
ul.tab li:hover {
    color: #000;
}
ul.tab li.active {
	color: #000;
}
div.tabContent {
    clear: both;
    display: none;
}
div.tabContent article div p { line-height: 2; font-size: 15px;}
div.active {
    display: block;
}

@media screen and (min-width: 701px) {
	ul.tab li.active:before {
	content:url(../img/common/arrow-1.png);
	}
	.tab-1 div { float: left; width: 46%;}
	.tab-1 .figure { float: right;  width: 50%;}
	.tab-1 img { max-width: 510px; height: auto;}
	.tab-2 { margin-bottom: 50px;}
	.tab-2 div { float: right; width: 60%;}
	.tab-2 .figure { float: left; width: 40%;}
	.tab-2 img { max-width: 320px; height: auto;}
	.tab-3 div { float: right; width: 60%;}
	.tab-3 .figure { float: left; width: 36%;}
	.tab-3 img { max-width: 360px; height: auto;}
	.tab-4 { margin-bottom: 50px;}
	.tab-4 div { float: left; width: 60%;}
	.tab-4 .figure { float: right; width: 40%; text-align: right;}
	.tab-4 img { max-width: 360px; height: auto;}
}
@media screen and (max-width: 700px) {
.about .main-visual { text-align: center; background: url(../img/about/kodawari_bg.jpg) no-repeat 50%; background-size: cover; -webkit-background-size: cover; margin-bottom: 100px; padding-bottom: 0px;}
	.about h2 { font-size: 19px; margin-bottom: 20px;}
.about h3 { font-size: 16px;}
div.tabContent article div p { line-height: 2; font-size: 12px;}
	.about .main-visual { background-size: 100% auto; -webkit-background-size: 100% auto; margin-bottom: 60px;}
	.about .main-visual p { line-height: 2; font-size: 14px; letter-spacing: 0; letter-spacing: -1px; text-align: left;}
	ul.tab li { font-size: 14px;}
	.about .figure { margin: 20px auto;}
.katsuobushi p {line-height: 2;
    font-size: 12px;
}
main article { padding-top: 0px; padding-bottom: 0px;}
.recommend article { margin-bottom: 40px;}

}

/*------------------------------------------------------------------------------------------

	本枯本節二年物  ninenmono

------------------------------------------------------------------------------------------*/
.products h2 { border-bottom: solid 1px #de1c24; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; padding-bottom: 18px; margin-bottom: 35px; font-size: 28px;}
.ninenmono p { margin-bottom: 1em;}
.ninenmono .column-2 p,.ninenmono .column-3 p { margin-bottom: 2em;}
.ninenmono .column-1 { overflow: hidden;}
.ninenmono .column-1 .figure { float: left; width: 52%; text-align: center;}
.ninenmono .column-1 .figure img { width: 100%; max-width:300px}
.ninenmono .column-1 div { float: right; width: 48%;}
.ninenmono .column-1 p,.ninenmono .column-2 p,.ninenmono .column-3 p { font-size: 15px; line-height:2;}
.ninenmono .column-1 div p:first-child { background:url(../img/common/logo-sa-2.png) no-repeat 0 6px; background-size: 36px auto; -webkit-background-size: 36x auto; padding-left: 50px; font-size: 34px; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1.4; letter-spacing: -1px; margin-bottom: 0;}
.ninenmono .column-1 div p:nth-child(2) { padding: 0 0 10px 30px; margin-bottom: 20px; font-size: 32px; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1; letter-spacing: -2px; border-bottom: solid 1px #000;}
.br-sp { display:none;}
.br-pc { display:block;}
.ninenmono .column-2 { background: url(../img/products/ninenmono/image-bg.jpg) no-repeat 50% 250px; background-size: 40% auto; -webkit-background-size: 40% auto;}
.ninenmono .column-2 ul { overflow: hidden;}
.ninenmono .column-2 li { float: left; text-align: center; width: 50%;}
.ninenmono .column-2 li img { width: 100%;}
.ninenmono .column-4 { background: #EEEBDC; padding: 55px 30px;}
.ninenmono .column-4 h2 { padding-bottom: 2px; margin-bottom: 17px;}
.ninenmono .article-inner { margin-bottom: 50px;}

@media screen and (max-width: 700px) {
	.ninenmono .column-1 .figure { float: none; width: 100%;}
	.ninenmono .column-1 .figure img { max-width:200px}
	.ninenmono .column-1 div { float: none; width: 100%;}
	.ninenmono .column-1 .figure,.ninenmono .column-1 div { float: none; width: 100%;}
	.ninenmono .column-2 li { float: none; text-align: center; width: 100%;}
.ninenmono .column-1 div p:first-child { background:url(../img/common/logo-sa-2.png) no-repeat 0 6px; background-size: 36px auto; -webkit-background-size: 36x auto; padding-left: 50px; font-size: 40px; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1.4; letter-spacing: -1px; margin-bottom: 0;}
.ninenmono .column-1 div p:nth-child(2) { padding: 0 0 10px 30px; margin-bottom: 20px; font-size: 20px; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1; letter-spacing: -2px; border-bottom: solid 1px #000;}
.products h2 { border-bottom: solid 1px #de1c24; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; padding-bottom: 18px; margin-bottom: 35px; font-size: 16px;}
.ninenmono .column-1 p,.ninenmono .column-2 p,.ninenmono .column-3 p { font-size: 12px; line-height:2;}
.br-sp { display:block;}
.br-pc { display:none;}
}

/*------------------------------------------------------------------------------------------

	ハングル  korea

------------------------------------------------------------------------------------------*/
main.korea { font-family:"Malgun Gothic","Yoon Gothic","sans-serif";}
.korea h2 { font-size: 46px; font-weight: normal; margin-bottom: 30px;}
.korea h3 { text-align: center; background: #000; font-size: 22px; color: #fff; font-weight: normal;}
.korea .main-visual { margin-bottom: 10px;}
.korea .top-column { text-align: center; padding-top: 120px; background: url(../img/korea/korea_2.jpg) no-repeat 50% 0; background-size: 1000px auto; -webkit-background-size: 1000px auto;}
.korea .top-column p { font-size: 20px; line-height: 2.8; margin-bottom: 100px;}
.korea .btn-entry a { margin-bottom: 100px;}
.korea table { width: 100%;}
.korea th { text-align: left; font-weight: normal; background: #ECE9DA; width: 167px; padding: 4px 15px; vertical-align: top; border-right: solid 20px #fff;}
.korea td { padding: 4px 15px; border-bottom: solid 1px #DFE0E0;}
.korea td a { color: #000;}
section.korea { margin: 0 auto 200px; max-width: 1000px;}
.korea .info-contact { margin-bottom: 75px;}
.korea .info-contact dt { background: #000; text-align: center; font-weight: bold; border-radius: 10px 10px 0 0; color: #fff; font-size: 18px; padding: 5px; letter-spacing: 1px;}
.korea .info-contact dd { color: #f00; font-weight: bold; background: #ECE9DA; border-radius: 0 0 10px 10px; padding: 20px 30px; overflow: hidden; font-family: 'Open Sans', sans-serif;}
.korea .info-contact dd p { font-size: 50px; float: left; margin-right: 30px; line-height:1.3;}
.korea .info-contact dd p a { color: #f00;}
.korea .info-contact dd p span { font-size: 32px; vertical-align: middle;}
.korea .info-contact li { font-size: 38px; line-height: 1.4;}
.comin{ font-size: 20px;}
.korea .info-contact li:before { content: "> ";}
.korea .info-banner { overflow: hidden;}
.korea .info-banner dl { float: left;}
.korea .info-banner .shopping { margin-right: 4%; width: 59%;}
.korea .info-banner .info { width: 37%;}
.korea .info-banner dt { border-bottom: solid 1px #999; color: #333; margin-bottom: 20px;}
.korea .info-banner dd { overflow: hidden;}
.fifl{ float: left; padding-right: 40px;}
.korea .info-banner dd p {
	 float: left; text-align: center;
	 padding: 10px;
	 height: 110px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
		  }
.korea .info-banner dd p img { width: 100%;}
.korea .info-banner .shopping p { width: 33%; padding-top: 40px;}
.korea .info-banner .shopping p:nth-child(2) { border: solid 1px #ccc; border-width: 0 1px;}
.korea .info-banner .shopping p:nth-child(1) img { max-width: 154px;}
.korea .info-banner .shopping p:nth-child(2) img { max-width: 90px;}
.korea .info-banner .shopping p:nth-child(3) img { max-width: 130px;}
.korea .info-banner .info p { width: 50%; padding-top: 10px;}
.korea .info-banner .info p:first-child { border-right: solid 1px #ccc; padding-top: 20px;}
.korea .info-banner .info p:nth-child(2) img { max-width: 90px;}
@media screen and (max-width: 1000px) {
.fifl{ float: none; padding-right: 0px;}
.korea .info-contact dd ul li { text-align: center; font-size: 30px;}
section.korea { padding: 0 4%;}
.korea .info-contact dd p { font-size: 50px; float: none; text-align: center; margin-right: 0; line-height:1.3;}
.korea .info-contact dd ul li { text-align: center;}
.clear { clear:both;}
}
@media screen and (max-width: 640px) {
.fifl{ float: none; padding-right: 0px;}
.comin{ font-size: 17px;}
.korea .info-contact dd ul li { text-align: center; font-size: 19px;}
section.korea { margin: 100px auto; max-width: 1000px;}
.korea .info-contact dd p { font-size: 30px; margin-bottom: 20px;}
.korea .info-contact dd p span { font-size: 20px;}
.korea h2 { font-size: 38px;}
.korea .top-column p { letter-spacing: -1px; font-size: 18px;}
.korea .top-column { background-size: 100% auto; -webkit-background-size: 100% auto;}
.korea th { width: 100px; border-right: 0px;}
.korea .info-banner .shopping,.korea .info-banner .info { float: none; width: 100%; margin-bottom: 30px;}
}

/*------------------------------------------------------------------------------------------

	鰹節をもっと知る  katsuobushi

------------------------------------------------------------------------------------------*/
.katsuobushi .main-visual { margin-bottom: 20px;}
.katsuobushi .content img { width: 100%;}
.katsuobushi .content-ttl { background: url(../img/common/bg-h.jpg) no-repeat 0 0 #EFEAD3; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; width: 100%;}
.katsuobushi h2 { font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; transform: scale(0.9, 1);}
.katsuobushi h2 span { vertical-align: middle;}
.katsuobushi h3 { font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; margin-bottom: 30px; font-size: 28px; letter-spacing: -1px; margin-top: 0;}
.katsuobushi h4 { color: #97886B; margin-bottom: 0; font-size: 19px; font-weight: normal;}
.katsuobushi article a { color: #DB1C24;}
.katsuobushi .tab-2-dashi { margin-bottom: 80px;}
/*
.katsuobushi .page-banner-nav { background: #382E25; font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;}
.katsuobushi .page-banner-nav li { font-size: 36px; color: #fff; border: none; letter-spacing: -1px; transform: scale(0.9, 1); margin: 0; position: relative;}
.katsuobushi .page-banner-nav li span { 
	 background: none;
	 width: 100%;
	 height: 30px;
	 position: absolute;
	 top: 25px;
	 right: 30px;
	 font-size: 20px;
	 text-align: right;
}
.katsuobushi .page-banner-nav:hover { background: #544538;}
.katsuobushi .page-banner-nav li span:after { content: url(../img/common/arrow-2.png); margin-left: 10px;}
.katsuobushi .page-banner-nav li:hover { color: #fff;}
.katsuobushi .page-banner-nav li:hover span,.katsuobushi .page-banner-nav li:active span { background: none!important;}
*/
.katsuobushi .page-banner-nav-1 li:first-child,
.katsuobushi .page-banner-nav-1 li:last-child { display:none;}
.katsuobushi .page-banner-nav-1 li:nth-child(2) { width: 100%; border: none; padding: 0;}
.katsuobushi .page-banner-nav-2 li:first-child,
.katsuobushi .page-banner-nav-2 li:nth-child(2) { display:none;}
.katsuobushi .page-banner-nav-2 li:last-child { width: 100%; border: none; padding: 0;}
@media screen and (min-width: 641px) {
	.katsuobushi .tab-top-img { margin-bottom: 60px;}
	.katsuobushi .content-ttl { position: relative; height: 149px; margin-bottom: 60px;}
	.katsuobushi h2 { position: absolute; font-size: 36px; top: 45px; left: 60px;}
	.katsuobushi h2 span { font-size: 26px; margin-right: 1em;}
	.katsuobushi article { overflow: hidden; padding: 0; margin-bottom: 50px;}
	.katsuobushi article div { float: left; max-width: 60%;}
	.katsuobushi article p { font-size: 15px; line-height: 2;}
	.katsuobushi article p+p { margin-top: 2em;}
	.katsuobushi article .figure { float: right; max-width: 36%;}
}
@media screen and (max-width: 640px) {
.katsuobushi h3 { font-family:"myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; margin-bottom: 20px; font-size: 18px; letter-spacing: -1px; margin-top: 0;}
	.katsuobushi .content-ttl { padding: 20px 5px;}
	.katsuobushi .content-ttl h2 span { display: block;}
	.katsuobushi article div { margin-bottom: 30px;}
	.katsuobushi h2 { font-size: 20px;}
	.katsuobushi h2 span { font-size: 18px;}
.katsuobushi ul.tab li {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    width: 33.33%;
font-size: 0.7em;
}
}

.katsuobushi ul.tab{
	display: table;
	width: 100%;
	box-sizing: border-box;
  	z-index: 200;
}
.katsuobushi ul.tab li {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    box-sizing: border-box;
    width: 33.33%;

}

.katsuobushi ul.tab li.current a,.katsuobushi ul.tab li:hover { color: #000;}
.katsuobushi ul.tab li.current span,
.katsuobushi ul.tab li:hover span {
	background: #E01C24;
}
.katsuobushi .tab_wrap .content_wrap{
	position: relative;
}
.katsuobushi .tab_wrap .content_wrap .content {
    position: absolute;
    top:0;
    left: 0;
    right: auto;
    bottom:auto;
    width: 100%;
    box-sizing: border-box;
    z-index: 100;
}
.katsuobushi .tab_wrap .content_wrap .content{
	display: none;
}
.katsuobushi .tab_wrap .content_wrap .content.current{
	display: block;
}
.tabSection {
    max-width: 1000px;
    margin: 0 auto;
}
.katsuobushi .tab a { color: #808080;}
.katsuobushi .tab a:hover,.katsuobushi .tab a:active { color: #000;}

ul.top { margin-top: 50px;}
ul.bottom { margin: 80px auto 0; width: 210px!important;}
ul.bottom li { padding: 0; font-size: 24px;}

/*------------------------------------------------------------------------------------------

	社内ききダシ会  tasting

------------------------------------------------------------------------------------------*/
main.tasting.con01 {
	padding:0;
}
.tasting.page, .tasting .page {
    padding: 0 0 20px;
}
.tasting #breadcrumbs {
	border:0;
}
.tasting_title h2 {
    font-family: "myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: normal;
    padding-bottom: 18px;
    margin-bottom: 35px;
    font-size: 30px;
    text-align: center;
	position: relative;
}
.tasting_title h2:after {
	position: absolute;
	content: "";
	background: #FF1722;
	width: 100%;
	height: 1px;
	left:0;
	bottom: 0;
}
.tasting p {
	line-height: 2.0;
    margin-bottom: 1em;
}
.tasting dl { float: left; margin: 0 1%;}
.tasting dt img { 
	width: 100%;
	max-width: 235px;
} 
.tasting .photo { 
    overflow: hidden;
    width: 80%;
    margin: 6% auto 8%;
}
.tasting .photo-3 dl { width: 31%;}
.tasting #pattern {
    padding-bottom: 130px;
}
.archive h3 {
    font-family: "myFont","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
    background: #382E25;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 0px 0 5px;
    margin: 0;
    letter-spacing: 0;
}
.archive table {
    background: #ECE9DB;
	padding:30px 30px 100px;
	width:100%;
}
.archive table th {
	width: 7%;
	text-align: left;
	padding: 5px 0;
}
.archive table td {
	width: 80%;
	padding: 5px 0;
}
.archive table a {
	color: #FF1722;
}
.archive table a:hover {
	text-decoration: underline;
}
@media screen and (max-width:850px) {
.archive table th {
    width: 30%;
}
.archive table td {
    width: 70%;
}
}
@media screen and (max-width:710px) {
.archive table {
	padding:20px 20px 40px;
}
.archive table th, .archive table td {
    width: 100%;
	display: block;
}
.tasting .photo {
    width: 100%;
}
.tasting .photo-3 dl {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.tasting #pattern {
    padding-bottom: 90px;
}
.tasting.page, .tasting .page {
    padding: 0 4% 20px;
}
}