html,body { overflow: auto;}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-feature-settings : "palt";
}
h1,h2,h3,h4,h5,h6{
	font-weight: bold;
}
.mincyo {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.hidden {
	display: block;
	height: 0px;
	width: 0px;
	overflow: hidden;
}

.al-l { text-align: left !important; }
.al-c { text-align: center !important; }
.al-r { text-align: right !important; }

.img img {
/*
	max-width: 100%;
*/
	height: auto;
	vertical-align: bottom;
}

.section {
	min-height: calc(100vh - 100px);
	display: block;
	position: relative;
	overflow: hidden;
}
.section.fp-auto-height {
	min-height: 0;
}

/*===============================================
PC用css 画面の横幅が737px以上
===============================================*/
@media all and (min-width: 737px) {

	.sp {display: none;}

	body {
		font-size: 16px;
		line-height: 1.5em;
		text-align: justify;
	}
	body a:hover {
		opacity: 0.7;
	}
	body button:hover {
		opacity: 0.7;
		cursor: pointer;
	}
	body .hrefbox a:hover {
		opacity: 1;
	}
	body .hrefbox:hover {
		opacity: 0.7;
	}

	#head {
		padding: 45px 45px 15px;
		height: 40px;
		position: relative;
		border-bottom: 1px solid #999;
		min-width: 0;
		background: #FFF;
	}
	#head.home {
		position: fixed;
		width: calc(100% - 90px);
		z-index: 99999;
	}
	#head .toplogo {
		display: inline-block;
		height: 40px;
		top: 45px;
		left: 45px;
		width: 300px;
	}
	#head ul {
		font-size: 14px;
		font-weight: bold;
		float: right;
		border-right: 1px solid #000;
		margin-top: 10px;
	}
	#head ul li {
		display: inline-block;
		border-left: 1px solid #000;
	}
	#head ul li a {
		width: 130px;
		height: 20px;
		display: block;
		text-align: center;
		text-decoration: none;
		color: #000;
		line-height: 20px;
		font-feature-settings : "palt";
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

	.contact {
		position: fixed;
		top: 120px;
		right: 0;
		z-index: 9999;
	}
	.contact a img {
		width: 40px;
		display: block;
		border: 1px solid #FFF;
		border-right: none;
	}
	.shopping {
		position: fixed;
		top: 310px;
		right: 0;
		z-index: 9999;
	}
	.shopping a img {
		width: 40px;
		display: block;
		border: 1px solid #FFF;
		border-right: none;
	}
	.seeCart {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 9999;
	}
	.seeCart a img {
		width: 90px;
		display: block;
		border: 1px solid #FFF;
		border-radius: 2px;
	}
	label {
		display: inline-table;
	}

	.mainimg {
		height: calc(50% - 50px);
		height: 500px;
		width: 100%;
		overflow: hidden;
		background: url(../common/index_mainimg.jpg) center;
		background-size: cover;
		position: relative;
		padding-top: 100px;
		display: block;
		vertical-align: center;
	}
	.mainimg img {
		height: 100%;
		display: block;
		margin: auto;
	}
	.leftimg {
		display: none;
		width: 320px;
		top: 515px;
		left: 20px;
		position: absolute;
	}
	.rightimg {
		width: 535px;
		top: 150px;
		right: -100px;
		position: absolute;
	}
	.indexnews {
		position: relative;
		width: 950px;
		max-width: 100%;
		padding: 20px 0 30px;
		margin: 50px auto 70px;
		border: 1px solid #999;
		display: block;
	}
	.indexnews h2 {
		text-align: center;
		margin: 10px auto;
	}
	.indexnews h2 img {
		width: 160px;
	}
	.indexnews .indexnews_inner {
		max-height: 18em;
		overflow-y: scroll;
	}
	.indexnews dl {
		padding: 0 70px;
	}
	.indexnews dl dt {
		float: left;
		padding: 10px 0 0;
	}
	.indexnews dl dd {
		padding: 10px 0 0 110px;
	}

	.index-inner {
		height: calc(100% - 100px);
		height: auto;
		width: 1000px;
		max-width: 100%;
		margin: 100px auto 0;
		margin: 0px auto 0;
		position: relative;
	}
	#page2 h2 img, #page3 h2 img, #page4 h2 img  {
		width: 570px;
		padding: 80px 0 40px;
	}
	#page2 p.read, #page3 p.read, #page4 p.read  {
		font-size: 25px;
		line-height: 1.8em;
		font-weight: bold;
		margin: 0;
	}
	#page2 img.reimen {
		width: 860px;
		position: absolute;
		top: 20px;
		right: -300px;
		z-index: -999;
	}
	#page2 p, #page3 p, #page4 p  {
		line-height: 1.6em;
		margin: 30px 0;
		width: 440px;
		text-align: justify;
	}
	#page2 .textbot, #page3 .textbot, #page4 .textbot  {
		display: block;
		width: 210px;
		margin: 10px 0 0;
	}
	#page2 .bnr {
		position: absolute;
		top: 550px;
		right: 0;
	}
	#page2 .bnr li {
		display: block;
		width: 340px;
		margin: 15px 0 0;
	}
	#page2 .bnr img {
		width: 340px;
	}
	#page3 p.ceo {
		margin: -10px 0 50px;
	}
	#page3 p span {
		font-size: 23px;
	}
	#page3 {
		height: 630px;
		background: url(../common/index-03img.jpg) right 0 no-repeat;
		background-size: auto 100%;
	}

	#page4 {
		background: url(../common/index-04img.jpg) right 0 no-repeat;
		background-size: auto 100%;
	}
	.s-arrow {
		display: block;
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		width: 80px;
		margin: auto;
	}
	.s-arrow img {
		width: 80px;
	}


	#pagetitle {
		min-width: 1000px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#pagetitle.outline {
		height: 230px;
		background: url(../common/title-bg-outline.jpg) center no-repeat;
		background-size: cover;
	}
	#pagetitle h1 {
		font-size: 50px;
		line-height: 1.4em;
		letter-spacing: 0.2em;
		font-weight: bold;
		padding: 85px 0 0;
		margin: auto;
		width: 1000px;
	}
	#pagetitle p {
		font-size: 16px;
		line-height: 1.5em;
		padding: 20px 0 0;
		margin: auto;
		width: 1000px;
	}

	#contents {
		min-width: 1000px;
		margin: auto;
	}
	input,
	select,
	textarea {
		margin: 2px 0;
		padding: 4px 1%;
		max-width: 98%;
		border: 1px solid #ccc;
		border-radius: 4px;
		background-color: #fff;
	}
	select {
		padding: 3px 4px;
	}
	button {
		white-space: nowrap;
	}

	.inner300 {
		width: 300px;
		padding: 70px 0;
		margin: auto;
		overflow: auto;
	}
	.inner860 {
		width: 860px;
		margin: auto;
		padding: 70px;
		overflow: auto;
	}
	.inner1000 {
		width: 1000px;
		padding: 70px 0;
		margin: auto;
		overflow: auto;
	}


	/*会社概要*/
	.companymenu {
		background: #EEEFEF;
		overflow: auto;
	}
	.companymenu ul {
		width: 1000px;
		margin: auto;
	}
	.companymenu ul li {
		width: 333px;
		float: left;
		display: block;
	}
	.companymenu ul li:nth-child(2) {
		width: 332px;
		border-left: 1px solid #FFF;
		border-right: 1px solid #FFF;
	}
	.companymenu ul li a {
		display: block;
		padding: 15px 0;
		font-size: 20px;
		text-align: center;
		text-decoration: none;
		color: #000;
		background: #D3D4DB;
	}
	.companymenu ul li.active a {
		background: #FFF;
	}

	.greeting {
		margin: 0 auto;
		padding: 0;
		background: linear-gradient(to bottom right, #FFF, #E2E3E3);
	}
	.greeting h2 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
	}
	.greeting p {
		font-size: 18px;
		line-height: 1.8em;
		margin-bottom: 50px;
	}
	.greeting .ceo {
		font-size: 16px;
		text-align: right;
	}
	.greeting .ceo span {
		font-size: 22px;
		margin-left: 10px;
	}

	.coinfo h2 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
	}
	.coinfo dl {
		border-bottom: 1px solid #999;
		line-height: 26px;
	}
	.coinfo dl dt {
		padding: 11px 0 10px;
		float: left;
		clear: left;
	}
	.coinfo dl dd {
		border-top: 1px solid #999;
		padding: 10px 0 10px 150px;
	}
	.coinfo dl dd.office span {
		border: 1px solid #999;
		font-size: 12px;
		line-height: 18px;
		width: 100px;
		text-align: center;
		display: inline-block;
	}

	.philosophy {
		border-top: 1px solid #999;
	}
	.philosophy h2 {
		font-size: 30px;
		text-align: center;
	}
	.philosophy p {
		font-size: 20px;
		line-height: 1.5em;
		margin-top: 50px;
		text-align: center;
	}
	.philosophy ul li {
		font-size: 20px;
		line-height: 1.5em;
		margin: 50px 0 0 50px;
		text-align: left;
	}
	.philosophy img:not(.no-float) {
		margin: 50px 50px 0 0;
		float: right;
		height: 200px;
	}
	.philosophy #signature {
		position: relative;
		margin-top: 50px;
		text-align: right;
	}
	.philosophy #signature_inner {
		display: inline-block;
		position: relative;
		top: 0;
		right: 0;
		white-space: nowrap;
		text-align: left;
	}

	/*事業内容*/
	#pagetitle.business {
		height: 360px;
		background: url(../common/title-bg-business.jpg) center no-repeat;
		background-size: cover;
		color: #EEE;
	}
	.items h2, .oem h2 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
	}
	.items dl {
		border-bottom: 1px solid #999;
		line-height: 26px;
	}
	.items dl dt {
		padding: 21px 0 20px;
		float: left;
		clear: left;
	}
	.items dl dd {
		border-top: 1px solid #999;
		padding: 20px 0 20px 150px;
	}
	.bggr {
		background: #EEE;
	}
	.oem p {
		margin: 0 0 30px;
	}
	.oem .step {
		width: 100%;
		margin: 5px 0 30px;
	}
	.oem .telfax {
		width: 390px;
		float: left;
	}
	.oem .contactbot {
		width: 405px;
		float: right;
	}


	/*商品ラインナップ*/
	.lineup {
		background: #D89249;
		position: relative;
		height: 360px;
		color: #FFF;
	}
	#pagetitle.lineup p {
		font-size: 22px;
		line-height: 1.5em;
	}
	.lineup img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 10px auto 0;
		padding-left: 500px;
		width: 440px;
	}

	.package h2 {
		font-size: 30px;
		line-height: 1.5em;
		border-bottom: 1px solid #000;
	}

	.gift h2 {
		font-size: 30px;
		line-height: 1.5em;
		border-bottom: 1px solid #000;
		width: 300px;
	}

	.osusume {
		display: inline-block;
		vertical-align: top;
	}
	.gift {
		display: inline-block;
		vertical-align: top;
		margin-left: 56px;
	}

	.osusume h2 {
		font-size: 30px;
		line-height: 1.5em;
		border-bottom: 1px solid #000;
		width: 300px;
	}

	.package ul, .gift ul, .osusume ul {
		margin: 0 0 0 -56px;
	}
	.package ul li {
		width: 250px;
		padding: 23px;
		margin: 56px 0 0 56px;
		float: left;
		background: #D4AAA2;
	}
	.gift ul li {
		width: 250px;
		padding: 23px;
		margin: 56px 0 0 56px;
		float: left;
		background: #A8BAD0;
	}

	.osusume ul li {
		width: 250px;
		padding: 23px;
		margin: 56px 0 0 56px;
		float: left;
		background: #D4AAA2;
	}
	.package ul li:nth-child(2n), .gift ul li:nth-child(2n) {
		background: #A8BAD0;
	}
	.package ul li img, .gift ul li img, .osusume ul li img {
		width: 250px;
	}
	.package ul li h3, .gift ul li h3, .osusume ul li h3 {
		text-align: center;
		font-size: 21px;
		line-height: 1.5em;
		margin: 0 0 10px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}

	/*商品カテゴリー*/
	.pdcttitle {
		background: #D89249;
		position: relative;
		height: 360px;
		color: #FFF;
	}
	#pagetitle.pdcttitle p {
		font-size: 22px;
		line-height: 1.5em;
		width: 530px;
		padding: 20px 470px 0 0;
	}
	#pagetitle.pdcttitle.aoki p {
		font-size: 22px;
		line-height: 1.5em;
		width: 1000px;
		padding: 20px 0 0 0;
	}
	.pdcttitle img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 50px auto 0;
		padding-left: 530px;
		width: 450px;
	}
	.pdcttitle  img.changya_main {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 50px auto 0;
		padding-left: 530px;
		width: 358px;
	}
	.pdct ul h2 {
		font-size: 30px;
		line-height: 1.5em;
		border-bottom: 1px solid #999;
		padding: 0 0 10px;
		margin: 0 0 40px;
		text-align: center;
		color: #5D4D41;
	}
	.pdct ul {
		margin: 0 0 60px;
	}
	.pdct ul li {
		position: relative;
		padding: 0 0 40px 430px;
		margin: 0 0 40px;
		border-bottom: 1px solid #999;
		min-height: 215px;
	}
	.pdct ul li img {
		position: absolute;
		top: 0;
		left: 0;
		height: 215px;
	}
	.pdct ul li h3 {
		font-size: 24px;
		line-height: 1.5em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.pdct ul li h3 span {
		font-size: 20px;
		line-height: 1.5em;
		margin: 0 0 0 1em;
	}
	.pdct ul li p {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin: 10px 0;
	}
	.pdct ul li dl {
		font-size: 12px;
		line-height: 1.7em;
		margin: 10px 0 15px;
	}
	.pdct ul li dl dt {
		float: left;
	}
	.pdct ul li dl dd {
		margin: 0 0 0 90px;
	}
	.pdct.aoki ul li dl {
		font-size: 14px;
		line-height: 1.5em;
		margin: 0;
		border-bottom: 1px solid #999;
	}
	.pdct.aoki ul li dl dt {
		float: left;
		padding: 6px 15px 0;
	}
	.pdct.aoki ul li dl dd {
		margin: 0;
		padding: 5px 0 5px 350px;
		border-top: 1px solid #999;
	}
	.pdct.aoki ul li dl dd:nth-child(4n-2) {
		background: #EEE;
	}
	.pdct ul li .osusume h3 {
		font-size: 14px;
		line-height: 1.5em;
	}
	.pdct ul li .osusume p {
		font-size: 14px;
		line-height: 1.5em;
		margin: 0;
	}
	.textbot {
		border: 1px solid #000;
		display: inline-block;
		padding: 15px 70px 15px 20px;
		text-decoration: none;
		color: #000;
		background: url(../common/textbot-arrow.png) right center no-repeat;
		background-size: 40px;
	}

	.btn {
		text-align: center;
	}
	.textbot_btn {
		display: inline-block;
		padding: 20px 90px 20px 40px;
		text-decoration: none;
		color: #fff;
		background: url(../common/textbot-arrow_w.png) right center no-repeat;
		background-size: 40px;
		background-color: #D89249;
	}

	.pdct ul li .textbot {
		font-size: 14px;
		line-height: 20px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin: 15px 0 0;
		letter-spacing: 0.2em;
	}
	.col.line {
		margin: -140px 0 -20px;
	}
	.col.line h2 {
		font-size: 22px;
		line-height: 1.5em;
		margin: 0 0 10px;
	}
	.col.line ul {
		margin: 0 0 0 -20px;
	}
	.col.line ul li {
		width: 130px;
		padding: 10px;
		margin: 0 0 20px 20px;
		float: left;
		text-align: center;
		background: #D4AAA2;
	}
	.col.line ul li:nth-child(2n) {
		background: #A8BAD0;
	}
	.col.line ul li.gift {
		width: 130px;
		padding: 10px;
		margin: 0 0 20px 20px;
		float: left;
		text-align: center;
		background: #A8BAD0;
	}
	.col.line ul li img {
		width: 130px;
	}
	.col.line ul li h3 {
		font-weight: normal;
		font-size: 14px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}


	/*オンラインショップ*/
	#pagetitle.shoptitle {
		height: 230px;
		background: url(../common/title-bg-onlinestore.jpg) center;
		background-size: cover;
	}
	#pagetitle.shoptitle h1 {
		letter-spacing: 0.1em;
		color: #000;
	}
	.shopintro {
		width: 860px;
		padding: 0 70px;
		margin: 50px auto;
		position: relative;
	}
	.shopintro h2 {
		font-size: 30px;
		line-height: 1.5em;
		border-bottom: 1px solid #999;
		padding: 0 0 10px;
	}

  .shopintro .toguide {
      font-size: 16px;
      position: absolute;
      display: block;
      line-height: 40px;
      width: 200px;
      text-align: center;
      text-decoration: none;
      color: #000;
      border: 1px solid #999;
      border-radius: 3px;
      margin: 20px auto;
      position: relative;
      right: auto;
  }









	.shopintro .toguide:hover {
		opacity: 1;
		color: #fff;
		background-color: #D36F3A;
	}
	.shopintro p {
		padding: 10px 0;
	}

	.shopintro_note{
		width: 860px;
		margin: 0 auto;
		text-align: right;
	}

	.shop ul {
		width: 860px;
		padding: 0 70px;
		margin: 10px auto 70px;
	}
	.shop ul li {
		padding: 35px 0;
		overflow: auto;
		border-top: 1px solid #999;
	}
	.shop ul li .right {
		float: right;
		width: 600px;
	}
	.shop ul li .right h3 {
		font-size: 24px;
		line-height: 1.5em;
		color: #776A58;
	}
	.shop ul li .right img {
		display: none;
	}
	.shop ul li .right p {
		font-size: 14px;
		line-height: 1.5em;
		padding: 10px 0;
	}
	.shop ul li .right p.red {
		font-size: 14px;
		line-height: 1.5em;
		padding: 10px 0;
		color: #BB1B21;
	}
	.shop ul li .right .price {
		padding: 0;
	}
	.shop ul li .right .price span {
		font-size: 22px;
		line-height: 1.5em;
	}
	.shop ul li .right .price span.small{
		font-size: 17px;
		line-height: 1.5em;
	}
	.shop ul li .right dl {
		font-size: 14px;
		line-height: 1.5em;
		margin: 10px 0 0;
	}
	.shop ul li .right dl dt {
		float: left;
		clear: left;
		padding: 5px 10px;
	}
	.shop ul li .right dl dd {
		padding: 5px 10px 5px 150px;
	}
	.shop ul li .right dl dd:nth-child(4n-2) {
		background: #EEE;
	}
	.shop ul li .left {
		float: left;
		width: 220px;
	}
	.shop ul li .left img {
		width: 100%;
	}
	.shop ul li .left input {
		width: calc(100% - 22px);
		padding: 5px 10px;
		border-radius: 3px;
		border:solid 1px #ccc;
		font-size: 14px;
	}
	.shop ul li .left button {
		display: block;
		border-radius: 3px;
		background: #D36F3A;
		width: 100%;
		text-decoration: none;
		text-align: center;
		color: #FFF;
		padding: 6px 0;
		margin-top: 10px;
	}
	.shop ul li .left .qtyNote{
		color: #BB1B21;
		font-size: 12px;
		margin: 5px 0 2px;
	}
	.shop ul li .right .itemNote{
		margin: 10px 0 0;
		padding-left: 1rem;
		text-indent: -1rem;
	}


	/*購入ガイド*/
	.guide {
		width: 860px;
		padding: 0 70px;
		margin: 50px auto;
		position: relative;
	}
	.guide .note{
		width: 860px;
		margin: 70px auto 70px;
		}
	.guide .note h2 {
		font-size: 30px;
		line-height: 1.5em;
		border-bottom: 1px solid #999;
		padding: 0 0 10px;
	}
	.guide .note p {
		padding: 10px 0;
	}
	.guide .note .red{
		color: #BB1B21;
	}
	.guide .col {
		width: 860px;
		margin: 70px auto 70px;
	}
	.guide .col h2 {
		font-size: 24px;
		line-height: 1.5em;
		color: #776A58;
		padding: 0 0 10px;
	}
	.guide .attention table {
		border-top: 1px solid #CCC;
		font-size: 15px;
		line-height: 21px;
		width: 100%;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		margin-top: 40px;
	}
	.guide .attention table th,.guide .attention table td {
		padding: 10px 15px;
		text-align: center;
		border-bottom: 1px solid #CCC;
	}
	.guide .attention table .lead{
		background: #DE732C;
		color: #FFF;
		text-align: center;
		font-size: 16px;
	}
	.guide .attention table th {
		border-left: none;
		background: #F9F0E0;
		width: 20%;
	}
	.guide .attention table tr td {
		border-left: 1px solid #CCC;
		text-align: left;
	}
	.guide .list table {
		border-top: 1px solid #CCC;
		font-size: 15px;
		line-height: 21px;
		width: 100%;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}
	.guide .list table th,.guide .list table td {
		padding: 10px 10px;
		text-align: center;
		border-bottom: 1px solid #CCC;
	}
	.guide .list table .lead{
		background: #DE732C;
		color: #FFF;
		text-align: center;
		font-size: 16px;
	}
	.guide .list table th {
		border-left: none;
		background: #F9F0E0;
	}
	.guide .list table tr td {
		padding: 10px 10px;
		border-left: 1px solid #CCC;
		text-align: left;
	}
	.guide .list table tr td.price{
		text-align: center;
	}


	/*カート*/
	.cart .col {
		width: 860px;
		padding: 0 70px 70px;
		margin: 0px auto 0;
	}
	.cart .col:first-of-type{
		padding: 70px 70px;
	}
	.cart .col h2 {
		font-size: 24px;
		line-height: 1.5em;
		color: #776A58;
		padding: 0 0 10px;
	}
	.cart .annotation {
		margin: 0 auto 20px;
		width: 860px;
		font-size: 14px;
		line-height: 1.5em;
	}
	.cart .required {
		color: #BB1B21;
	}
	.cart table {
		border-top: 1px solid #CCC;
		font-size: 14px;
		line-height: 21px;
		width: 100%;
		border-bottom: 1px solid #CCC;
	}
	.cart table thead {
		background: #DE732C;
		color: #FFF;
	}
	.cart table thead th {
		padding: 10px 10px;
		border-left: 1px solid #CCC;
		text-align: center;
		white-space: nowrap;
	}
	.cart table thead th:nth-child(1) {
		border-left: none;
	}
	.cart table tbody tr:nth-child(2n+1) {
		background: #F9F0E0;
	}
	.cart table tbody tr th {
		width: 22%;
		padding: 10px 10px;
		text-align: left;
	}
	.cart table tbody tr td {
		padding: 10px 10px;
		border-left: 1px solid #CCC;
		text-align: center;
	}
	.cart table tbody tr td:nth-child(1) {
		border-left: none;
	}
	.cart table tbody tr th.first {
		/* width:100%; */
	}
	.cart table tbody tr td.img img {
		margin: 0 auto;
		height: 60px;
		vertical-align: bottom;
	}
	.cart table tbody tr td.name {
		width:50%;
		/*min-width: 30%;*/
	}
	.cart table tbody tr td.price {
		/* width:90px; */
		text-align: right;
		white-space: nowrap;
	}
	.cart table tbody tr td.volume {
		/*width:60px;*/
		text-align: left;
	}
	.cart table tbody tr td.delete{
		/* width:50px; */
		white-space: nowrap;
	}
	.cart table tbody tr td.num{
		/* max-width: 140px; */
		white-space: nowrap;
	}
	.cart table tbody tr td.num .formError_msg{
		margin-top: 5px;
		text-align: center;
		padding: 0;
		max-width: 100%;
	}




	.cart table tbody tr td.noshi input[type="text"] {
		width: calc(100% - 6px);
	}
	.cart table tbody tr td.name, .cart table tbody tr td.noshi, .purpose table tbody tr td {
		text-align: left;
	}
	.cart table tbody tr#sum2 {
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
		background: #F1C295;
	}
	.cart table tbody tr#sum {
		border-top: 1px solid #CCC;
		background: #F1C295;
	}
	.cart table tbody tr td .label{
		float: left;
	}
	.cart table tbody tr td .price{
		float: right;
	}
	.cart table tbody tr td.delete button{
		font-size: 12px;
		line-height: 18px;
		text-decoration: none;
		color: #000;
		margin: 0 auto;
		padding: 4px 12px;
		display: block;
		border: 1px solid #999;
		border-radius: 3px;
		background: #EEE;
	}
	.cart table tbody tr td.recalculation{
		text-align: right;
		font-size: 12px;
	}
	.cart table tbody tr td.recalculation button{
		font-size: 12px;
		line-height: 18px;
		text-decoration: none;
		color: #000;
		padding: 4px 12px;
		display: block;
		border: 1px solid #999;
		border-radius: 3px;
		background: #EEE;
		display: inline-block;
	}
	.cart table tbody tr td .note {
		margin-left: 1em;
		color: #666;
	}
	.cart .purpose label {
		margin-right: 20px;
		white-space: nowrap;
	}
	.cart .shipping th {
		width: 22%;
	}
	.cart #sectionOrderer table tbody tr td, .cart #sectionSend table tbody tr td, .cart #other table tbody tr td {
		text-align: left;
	}
	.cart table tbody tr td.addr {
		line-height: 2.5em;
	}
	.cart table tbody tr td #fPostalCode,
	.cart table tbody tr td #sPostalCode{
		width: 95px;
	}
	.cart table tbody tr td #fMail,
	.cart table tbody tr td #sMail{
		width: 230px;
	}
	.cart table tbody tr td #fAddress,
	.cart table tbody tr td #sAddress{
		width: 100%;
		height: 3em;
	}
	.cart table tbody tr td #fTel,
	.cart table tbody tr td #sTel{
		width: 120px;
	}
	.cart #other table {
		margin: 0 0 30px;
	}
	.cart #other table tbody tr td #fContent {
		width: calc(100% - 2px);
	}
	.cart .inner {
		background: #F9F0E0;
		padding: 10px 10px;
		text-align: left;
		border-top: 1px solid #CCC;
		font-size: 14px;
		line-height: 21px;
		border-bottom: 1px solid #CCC;
	}
	.cart .mailmag {
		margin: 0 0 30px;
		background: #F9F0E0;
		padding: 10px 10px;
		text-align: center;
		border-top: 1px solid #CCC;
		font-size: 14px;
		line-height: 21px;
		border-bottom: 1px solid #CCC;
	}
	.cart .cartbots {
		text-align: center;
	}
	.cart .cartbots button {
		display: inline-block;
		padding: 15px 20px;
		margin: 0 10px;
		/* width: 170px; */
		background: #DE732C;
		color: #FFF;
		text-decoration: none;
		border-radius: 3px;
		border: none;
		font-size: 16px;
		line-height: 1.5em;
	}
	.cart .cartbots button#buttonConfirm {
		background: #BB1B21;
	}

	.cart_none{
		display: none;
	}
	.cart table tbody tr td.none{
		font-size: 19px;
		padding: 20px;
		color: #BB1B21;
		font-weight: bold;
	}
	.cart .continueShopping{
		padding-bottom: 10px;
		text-align: center;
	}
	.cart .continueShopping p{
		padding: 20px 0;
		text-align: center;
	}
	.cart .continueShopping .cartbots button {
		display: inline-block;
		padding: 15px 20px;
		margin: 0 10px;
		width: auto;
		background: #DE732C;
		color: #FFF;
		text-decoration: none;
		border-radius: 3px;
		border: none;
		font-size: 16px;
		line-height: 1.5em;
	}
	.cart option {
		font-weight: normal;
		background-color: #fff;
	}
	.cart optgroup {
		font-weight: bold;
		background-color: #ddd;
	}

	/*---- error　message ----*/
	.error_msg{
		background-color: #ffeeee!important;
		color: #BB1B21;
		border: 2px solid #BB1B21;
		border-radius: 4px;
		font-size: 0.9em;
		line-height: 1.5em;
		padding: 15px 25px;
		display: block;
		margin: 20px auto;
	}
	.cart table input.formError, .cart table select.formError, .cart table textarea.formError,.shop .left .formError {
		background-color: #ffeeee!important;
		border: 1px solid #BB1B21!important;
	}
	.cart table span.formError_msg,.shop .left .formError_msg {
		color: #BB1B21;
		font-size: 80%;
		line-height: 1.5em;
		padding: 3px 0;
		display: block;
	}
	.cart table tbody tr td.addr span.formError_msg {
		padding: 0 0 3px;
		display: block;
	}
	.cart span.formError_side{
		color: #BB1B21;
		font-size: 80%;
		line-height: 1.5em;
		padding: 0 0 3px;
		text-align: right;
		margin-top: -15px;
		display: block;
	}


	.thanks .col {
		border: 1px solid #999;
		width: 660px;
		padding: 80px 100px;
		margin: 120px auto 40px;
	}
	.thanks .col h2 {
		font-weight: normal;
		font-size: 34px;
		line-height: 1.5em;
		letter-spacing: 0.1em;
		margin: 0 0 30px;
		text-align: center;
		color: #776A58;
	}
	.thanks .col p {
		line-height: 2em;
		text-align: center;
	}
	.thanks .cartbots {
		text-align: center;
	}
	.thanks .cartbots button {
		display: inline-block;
		padding: 15px 30px;
		margin: 0 auto 120px;
		background: #DE732C;
		color: #FFF;
		text-decoration: none;
		border-radius: 3px;
	}



	/*ココがちがう！アオキの麺*/
	#pagetitle.noodle {
		height: 230px;
		background: #49285F;
	}
	#pagetitle.noodle h1 {
		letter-spacing: 0.1em;
		color: #FFF;
	}
	.texture h2 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
	}
	.texture p {
		font-size: 18px;
		line-height: 1.8em;
	}
	.leader {
		height: 380px;
		background: #E6DCCD url(../common/noodle-leader-bg.png) center top no-repeat;
		background-size: auto 390px;
	}
	.leader .inner860 {
		width: 540px;
		margin: auto;
		padding: 80px 70px 0 390px;
	}
	.leader h2 {
		font-size: 28px;
		margin-bottom: 30px;
	}
	.leader p {
		font-size: 16px;
		line-height: 1.8em;
	}
	.qualitymanage .inner860 {
		position: relative;
		height: 290px;
	}
	.qualitymanage h2 {
		font-size: 28px;
		text-align: center;
		margin-bottom: 50px;
	}
	.qualitymanage p {
		width: 388px;
		font-size: 16px;
		line-height: 1.8em;
	}
	.qualitymanage img {
		width: 500px;
		position: absolute;
		top: 120px;
		right: 70px;
	}
	.noodle .point {
		background: #EEEFEF;
	}
	.noodle .point h2 {
		font-size: 28px;
		text-align: center;
		margin-bottom: 50px;
	}
	.noodle .point ul {
		padding-left: 00px;
	}
	.noodle .point ul li {
		display: block;
		float: left;
		width: 384px;
	}
	.noodle .point ul li:nth-child(1) {
		padding: 0 45px 45px 0;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
	}
	.noodle .point ul li:nth-child(2) {
		padding: 0 0 45px 45px;
		border-bottom: 1px solid #999;
	}
	.noodle .point ul li:nth-child(3) {
		padding: 30px 45px 0 0;
		border-right: 1px solid #999;
	}
	.noodle .point ul li:nth-child(4) {
		padding: 30px 0 0 45px;
	}
	.noodle .point ul li h3 {
		color: #5D4D41;
		font-size: 19px;
		line-height: 80px;
		height: 80px;
		text-align: center;
		background: url(../common/noodle-point-h3bg.png) center no-repeat;
		background-size: 80px;
		margin: 0 0 10px;
	}
	.noodle .point ul li p {
		min-height: 4.5em;
	}
	.noodle .commit {
		border-top: 1px solid #999;
	}
	.noodle .commit.first {
		border-top: none;
	}
	.noodle .commit ul li {
		width: 380px;
		float: left;
	}
	.noodle .commit ul li:nth-child(2) {
		float: right;
	}
	.noodle .commit .claw {
		margin: -40px 0 70px -70px;
		padding: 5px 15px;
		display: inline-block;
		color: #FFF;
		background: #374974;
	}
	.noodle .commit .claw.red {
		background: #791113;
	}
	.noodle .commit .claw.green {
		background: #0C522C;
	}
	.noodle .commit .claw.brown {
		background: #916011;
	}
	.noodle .commit h2 {
		font-size: 28px;
		text-align: center;
		margin-bottom: 20px;
	}
	.noodle .commit .metadata{
		text-align: center;
		margin-bottom: 50px;
	}
	.noodle .commit ul li h3 {
		font-size: 20px;
		text-align: center;
		margin-bottom: 20px;
	}
	.noodle .commit ul li p {
		font-size: 16px;
		line-height: 1.8em;
	}

	/*アクセスMAP*/
	.maps h2 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
	}
	.maps ul {
		overflow: auto;
		border-bottom: 1px solid #999;
	}
	.maps ul li {
		position: relative;
		border-top: 1px solid #999;
		height: 350px;
		padding: 40px 0;
	}
	.maps ul li h3 {
		font-size: 20px;
		line-height: 1.5em;
		margin: 0 0 5px;
		color: #776A58;
	}
	.maps ul li iframe {
		position: absolute;
		top: 40px;
		right: 0;
	}


	/*お問い合わせ*/
	#pagetitle.ctitle {
		height: 230px;
		background: url(../common/title-bg-contact.jpg) center no-repeat;
		background-size: cover;
		color: #5D4D41;
	}
	.cform .telfax {
		border-bottom: 1px solid #999;
	}
	.cform .telfax li {
		position: relative;
		padding: 30px 20px;
		overflow: auto;
		border-top: 1px solid #999;
	}
	.cform .telfax h2 {
		width: 330px;
		position: absolute;
		top: 45px;
	}
	.cform .telfax h2 img {
		width: 330px;
	}
	.cform .telfax .contactno {
		width: 435px;
		padding: 0 0 0 385px;
	}
	.cform dl {
		margin: 30px 0;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.cform .mform {
		width: 485px;
		padding: 50px 20px 20px;
	}
	.cform .mform img {
		width: 485px;
	}
	.cform .privacylink {
		padding: 0 20px;
	}
	.cform .privacylink a {
		color: #000;
	}
	.cform dl dt {
		float: left;
		padding: 10px 20px 0;
		line-height: 30px;
		min-height: 30px;
	}
	.cform dl dd {
		padding: 10px 20px 10px 240px;
		line-height: 30px;
		min-height: 30px;
	}
	.cform dl dd:nth-child(4n-2) {
		background: #F9F0E0;
	}
	.cform .submit {
		text-align: center;
	}
	.cform [type="button"],
	.cform [type="submit"] {
		background-image: linear-gradient(0deg, #DDD, #FFF); /* グラデーション */
		border: 1px solid #999; /* 枠線 */
		border-radius: 0.3em;      /* 角丸 */
		padding: 5px 60px;
		font-size: 100%;
	}
	.cform [type="checkbox"],
	.cform [type="radio"] {
		margin-right: 5px;
	}
	.cform .full {
		width: 100%;
	}
	.cform .required {
		color: #dd0000;
	}
	.cform .error {
		margin-top: 20px;
		padding: 10px 20px;
		border: 1px solid #dd0000;
	}
	.cform .error p {
		color: #dd0000;
		font-size: 90%;
	}
	.cform .complete_message {
		margin: 100px 0;
		text-align: center;
	}
	.cform .errorMsg {
		color: #dd0000;
		font-size: 90%;
	}
	.cform .errorBox input,
	.cform .errorBox select,
	.cform .errorBox textarea {
		border: 1px solid #dd0000;
		background-color: #ffeeee;
	}


	/*プライバシー*/
	#pagetitle.privacy {
		height: 230px;
		background: url(../common/title-bg-privacy.jpg) center no-repeat;
		background-size: cover;
		color: #5D4D41;
	}
	.col.privacy h2 {
		font-size: 30px;
		text-align: center;
		margin-bottom: 50px;
	}
	.col.privacy ul {
		border-bottom: 1px solid #999;
	}
	.col.privacy ul li {
		position: relative;
		padding: 40px 0;
		overflow: auto;
		border-top: 1px solid #999;
	}
	.col.privacy ul li h3 {
		font-size: 20px;
		margin-bottom: 20px;
		color: #776A58;
	}


	/*採用情報*/
	#pagetitle.recruit {
		height: 230px;
		background: url(../common/title-bg-recruit.jpg) center no-repeat;
		background-size: cover;
	}


	#foot {
		position: relative;
		padding: 35px;
		text-align: center;
		border-top: 1px solid #999;
	}
	#foot .companyname {
		font-weight: bold;
		font-size: 20px;
		padding: 0 0 20px;
	}
	#foot p {
		display: inline-block;
		line-height: 26px;
		margin: 0;
		padding: 0;
	}

	#foot:after {
		display: inline-block;
		position: absolute;
		bottom: 23px;
		margin-left: 20px;
		width: 130px;
		height: 130px;
		content: "";
		background-image: url(../common/jfsm.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		overflow: visible;
	}
	.backtotop {
		position: fixed;
		bottom: 0px;
		right: 20px;
	}
	.backtotop a img {
		width: 190px;
		border-radius: 10px 10px 0 0;
		display: block;
	}

#end {}
}



@media all and (max-width: 1200px) {
	#head {
		padding: 14px 45px 15px;
		height: auto;
		position: relative;
		border-bottom: 1px solid #999;
		min-width: 0;
		background: #FFF;
		overflow: hidden;
	}
}