/*===============================================
●smart.css 画面の横幅が736px以下
===============================================*/
@media screen and (max-width: 736px){

	.pc {display: none;}

	body {
		padding-top: 0%;
		font-size: 13px;
		line-height: 19px;
	}
	body a {
		color: #000;
	}

	.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: 0;
		overflow: auto;
	}

	.drawer-hamburger {
		z-index: 999!important;
		padding: 10px .60rem 20px!important;
	}
	.drawer-nav {
		z-index: 998!important;
	}
	.drawer-overlay {
		z-index: 950!important;
	}
	.drawer-menu h2 {
		padding: 8px 12px;
		text-align: center;
		color: #999;
	}
	.drawer-menu li a {
		padding: 8px 12px;
		border-top: 1px solid #AAA;
		display: block;
		color: #666;
		text-decoration: none;
	}
	.drawer-menu li ul {
		padding-left: 2em;
	}

	#head {
		position: fixed;
		width: 96%;
		padding: 9px 2%;
		top: 0;
		border-bottom: 1px solid #999;
		background: #FFF;
		z-index: 98;
	}
	#head .toplogo {
		width: 180px;
	}
	#head .toplogo img {
		width: 100%;
		display: block;
	}
	#head ul {
		display: none;
	}

	.contact {
		position: fixed;
		top: 0;
		right: 53px;
		width: 70px;
		z-index: 99;
	}
	.contact a img {
		padding-top: 10px;
		width: 100%;
		display: block;
		border: 1px solid #FFF;
		border-right: none;
	}
	.shopping{
		display: none;
	}
	/*.shopping_sp{
		display: none;
	}*/
	/* .seeCart{
		display: none;
	} */
	.seeCart {
		position: fixed;
		top: 50px;
		right: 5px;
		z-index: 9999;
	}
	.seeCart a img {
		width: 60px;
		display: block;
		border: 1px solid #FFF;
		border-radius: 2px;
	}

	label {
		display: inline-table;
	}

	/*index*/
	.mainimg {
		height: 320px;
		width: 100%;
		overflow: hidden;
		background: url(../common/index_mainimg.jpg) center;
		margin-top: 40px;
		background-size: cover;
	}
	.mainimg img {
		height: 100%;
		display: block;
		margin: auto;
	}
	.leftimg {
		display: none;
		width: 45%;
		top: 330px;
		right: 2%;
		position: absolute;
		z-index: 800;
	}
	.rightimg {
		width: 40%;
		top: 20%;
		right: 0;
		position: absolute;
	}

	.indexnews {
		width: 72%;
		padding: 2% 0;
		margin: 10% auto;
		border: 1px solid #999;
	}
	.indexnews h2 {
		text-align: center;
		margin: 10px auto;
	}
	.indexnews h2 img {
		width: 38%;
	}
	.indexnews .indexnews_inner {
		padding: 0 6%;
		max-height: 18em;
		overflow-y: scroll;
	}
	.indexnews dl {
		padding: 0;
	}
	.indexnews dl dt {
		padding: 0;
	}
	.indexnews dl dd {
		padding: 0 0 4%;
	}

	.index-inner {
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	#page2 .index-inner {
		padding-bottom: 10%;
	}
	#page3 .index-inner {
		padding: 35% 0 10%;
	}
	#page4 .index-inner {
		padding: 25% 0;
	}

	#page2 h2 img, #page3 h2 img, #page4 h2 img  {
		width: 100%;
		padding: 6% 0 1%;
	}
	#page2 p.read, #page3 p.read, #page4 p.read  {
		font-size: 16px;
		line-height: 1.5em;
		font-weight: bold;
		margin: 0;
		text-align: center;
	}
	#page2 img.reimen {
		width: 80%;
		padding: 0 7%;
	}
	#page2 p, #page3 p, #page4 p  {
		width: 100%;
		text-align: justify;
		padding: 0 0 4%;
	}
	#page3 p  {
		padding: 0 0 4%;
	}
	#page2 .textbot, #page3 .textbot, #page4 .textbot  {
		display: block;
		width: 160px;
		margin: 10px 0 0;
	}
	#page3 p.ceo {
		margin: 0;
	}
	#page3 p span {
		font-size: 16px;
		line-height: 1.5em;
	}
	#page3 {
		background: url(../common/index-03img.jpg) right top no-repeat;
		background-size: 80% auto;
		padding-top: 25%;
	}
	#page4 {
		background: url(../common/index-04spimg.jpg) bottom center no-repeat;
		background-size: cover;
	}
	#page4 p.read {
		text-align: left;
		padding-bottom: 4%;
	}

	.textbot {
		border: 1px solid #000;
		display: inline-block;
		padding: 7px 35px 7px 10px;
		text-decoration: none;
		color: #000;
		background: url(../common/textbot-arrow.png) right center no-repeat;
		background-size: 20px;
	}


	#pagetitle {
		margin-top: 10%;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	#pagetitle.outline {
		height: 100px;
		background: url(../common/title-bg-outline.jpg) center no-repeat;
		background-size: cover;
	}
	#pagetitle h1 {
		font-size: 25px;
		line-height: 1.4em;
		letter-spacing: 0.2em;
		font-weight: bold;
		padding: 32.5px 4% 0;
		margin: auto;
	}

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

	.inner300 {
		padding: 0;
		overflow: auto;
	}
	.inner860 {
		padding: 0;
		overflow: auto;
	}
	.inner1000 {
		padding: 0;
		overflow: auto;
	}

	/*会社概要*/
	.greeting .inner860 {
		padding: 0 6%;
	}
	.coinfo .inner860 {
		padding: 0 6% 6%;
	}
	.companymenu {
		background: #EEEFEF;
		overflow: auto;
	}
	.companymenu ul {
		width: 92%;
		padding: 4% 4% 0;
	}
	.companymenu ul li {
		width: 33%;
		float: left;
		display: block;
	}
	.companymenu ul li:nth-child(2) {
		border-left: 1px solid #EEEFEF;
		border-right: 1px solid #EEEFEF;
	}
	.companymenu ul li a {
		display: block;
		padding: 10px 0;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		color: #000;
		background: #D3D4DB;
	}
	.companymenu ul li.active a {
		background: #FFF;
	}

	.greeting {
		margin: 0 auto;
		padding: 20px 0;
		background: linear-gradient(to bottom right, #FFF, #E2E3E3);
	}
	.greeting h2 {
		font-size: 16px;
		text-align: center;
		padding: 0 6% 6%;
	}
	.greeting p {
		text-align: justify;
	}
	.greeting .ceo {
		font-size: 11px;
		text-align: right;
		margin-top: 25px;
	}
	.greeting .ceo span {
		font-size: 14px;
		margin-left: 10px;
	}

	.coinfo h2 {
		font-size: 16px;
		text-align: center;
		padding: 6%;
	}
	.coinfo dl {
		border-bottom: 1px solid #999;
	}
	.coinfo dl dt {
		border: 1px solid #999;
		border-bottom: none;
		background: #EEE;
		padding: 5px 7px;
		font-weight: bold;
	}
	.coinfo dl dd {
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		background: #FFF;
		padding: 5px 7px;
	}
	.coinfo dl dd.office {
		line-height: 24px;
	}
	.coinfo dl dd.office span {
		border: 1px solid #999;
		font-size: 11px;
		line-height: 16px;
		width: 75px;
		margin-right: 2px;
		text-align: center;
		display: inline-block;
	}

	.philosophy {
		border-top: 1px solid #999;
		padding: 6%;
	}
	.philosophy h2 {
		margin: 0 0 6%;
		font-size: 16px;
		text-align: center;
	}
	.philosophy p {
		margin-bottom: 25px;
		text-align: center;
	}
	.philosophy p span {
		display: block;
	}
	.philosophy ul li {
		font-size: 14px;
		line-height: 1.5em;
		margin: 25px 0;
		text-align: left;
	}
	.philosophy img:not(.no-float) {
		margin: 25px 25px 0 0;
		float: right;
		height: 100px;
	}
	.philosophy #signature {
		position: relative;
		margin-top: 25px;
		text-align: right;
	}
	.philosophy #signature_inner {
		display: inline-block;
		position: relative;
		top: 0;
		right: 0;
		white-space: nowrap;
		text-align: left;
	}


	/*事業内容*/
	#pagetitle.business {
		background: url(../common/title-bg-business.jpg) center no-repeat;
		background-size: cover;
		color: #EEE;
	}
	#pagetitle.business h1 {
		padding: 6% 6% 0;
		filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	}
	#pagetitle.business p {
		padding: 4% 6% 6%;
		filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.6));
	}
	.items .inner860 {
		padding: 0 6% 6%;
	}
	.items h2, .oem h2 {
		font-size: 16px;
		text-align: center;
		padding: 6%;
	}
	.items dl {
		border-bottom: 1px solid #999;
	}
	.items dl dt {
		border: 1px solid #999;
		border-bottom: none;
		background: #EEE;
		padding: 5px 7px;
		font-weight: bold;
	}
	.items dl dd {
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		background: #FFF;
		padding: 5px 7px;
	}

	.bggr {
		background: #EFEFEF;
	}
	.oem {
		padding: 0 6% 6%;
	}
	.oem p {
		margin: 0 0 15px;
	}
	.oem .step {
		width: 100%;
		margin: 5px 0 15px;
	}
	.oem .telfax {
		width: 100%;
		padding: 0 0 4%;
	}
	.oem .contactbot {
		width: 100%;
	}


	/*商品ラインナップ*/
	.lineup {
		background: #D89249;
		position: relative;
		color: #FFF;
	}
	#pagetitle.lineup h1 {
		letter-spacing: 0em;
		padding: 6% 4% 0;
	}
	#pagetitle.lineup p {
		padding: 2% 4% 6%;
	}
	.lineup img {
		position: absolute;
		top: 0;
		right: 0;
		width: 42%;
		padding: 1%;
	}

	.package h2 {
		font-size: 16px;
		line-height: 1.5em;
		border-bottom: 1px solid #999;
		margin: 0 4%;
		padding: 4% 0 0;
	}
	.osusume h2 {
		font-size: 16px;
		line-height: 1.5em;
		border-bottom: 1px solid #999;
		margin: 0 4%;
		padding: 4% 0 0;
	}
	.gift h2 {
		font-size: 16px;
		line-height: 1.5em;
		border-bottom: 1px solid #999;
		margin: 0 4%;
		padding: 4% 0 0;
	}

	.osusume {
		display: inline-block;
		vertical-align: top;
		float: left;
	}
	.gift {
		display: inline-block;
		vertical-align: top;
		margin: 0 0 4%;
	}
	.package ul li {
		width: 38%;
		padding: 3%;
		margin: 4% 0 0 4%;
		float: left;
		background: #D4AAA2;
	}
	.osusume ul li {
		width: 38%;
		padding: 3%;
		margin: 4% 0 0 4%;
		float: left;
		background: #D4AAA2;
	}
	.gift ul li {
		width: 38%;
		padding: 3%;
		margin: 4% 0 0 4%;
		float: left;
		background: #A8BAD0;
	}
	.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: 100%;
	}
	.package ul li p, .gift ul li p, .osusume ul li p {
		height: 4.5em;
	}

	/*商品カテゴリー*/
	.pdcttitle {
		background: #D89249;
		position: relative;
		color: #FFF;
	}
	.pdcttitle.changya {
		overflow: hidden;
	}
	#pagetitle.pdcttitle h1 {
		padding: 6% 4% 0;
	}
	#pagetitle.pdcttitle p {
		padding: 2% 45% 6% 4%;
	}
	#pagetitle.pdcttitle.aoki p {
		padding: 2% 4% 6% 4%;
	}
	.pdcttitle img {
		position: absolute;
		margin: -5% auto 0;
		top: 15%;
		left: 55%;
		width: 55%;
		display: block;
	}
	.pdcttitle.changya img {
		position: absolute;
		height: 100%;
		width: auto;
		margin: 0;
		top: 0;
		left: 57%;
	}
	.pdct ul h2 {
		font-size: 20px;
		line-height: 1.5em;
		border-bottom: 1px solid #999;
		padding: 2% 4%;
		margin: 0;
		color: #5D4D41;
	}
	.pdct ul {
		margin: 0;
	}
	.pdct ul li {
		position: relative;
		padding: 4%;
		margin: 0;
		border-bottom: 1px solid #999;
		text-align: justify;
	}
	.pdct ul li img {
		display: block;
		width: 85%;
		margin: auto;
		padding: 2% 0;
	}
	.pdct.changya ul li img {
		width: 65%;
	}
	.pdct ul li h3 {
		text-align: center;
		padding: 0 0 3%;
		font-size: 17px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.pdct ul li h3 span {
		display: block;
		font-size: 12px;
		line-height: 1.5em;
	}
	.pdct ul li p {
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		margin: 5px 0;
	}
	.pdct ul li dl {
		font-size: 12px;
		line-height: 1.5em;
		margin: 10px 0 15px;
	}
	.pdct ul li dl dt {
		float: left;
	}
	.pdct ul li dl dd {
		padding: 2px 0 2px 90px;
	}
	.pdct.aoki ul li dl {
		font-size: 12px;
		line-height: 1.5em;
		margin: 5% 7% 6%;
		border-bottom: 1px solid #999;
	}
	.pdct.aoki ul li dl dt {
		float: none;
		padding: 2% 3% 0;
		border-top: 1px solid #999;
	}
	.pdct.aoki ul li dl dd {
		margin: 0;
		padding: 0 3% 2%;
	}
	.pdct.aoki ul li dl dt:nth-child(4n-3) {
		background: #EEE;
	}
	.pdct.aoki ul li dl dd:nth-child(4n-2) {
		background: #EEE;
	}
	.pdct.aoki ul li p {
		padding: 0 7% 2%;
	}
	.pdct ul li .osusume {
		float: none;
	}
	.pdct ul li .osusume h3 {
		text-align: left;
		padding: 0 0 1%;
		font-size: 14px;
		line-height: 1.5em;
	}
	.pdct ul li .osusume p {
		margin: 0;
	}

	.col.line {
		margin: 0 0 1%;
	}
	.col.line h2 {
		font-size: 15px;
		line-height: 1.5em;
		padding: 2% 4% 1%;
		margin: 0;
	}
	.col.line ul {
		margin: 0;
		padding: 0 0 0 1%;
		overflow: auto;
	}
	.col.line ul li {
		width: 25%;
		padding: 2%;
		margin: 0 0 3% 3%;
		float: left;
		text-align: center;
		background: #D4AAA2;
	}
	.col.line ul li:nth-child(2n) {
		background: #A8BAD0;
	}
	.col.line ul li.gift {
		background: #A8BAD0;
	}
	.col.line ul li img {
		width: 100%;
	}
	.col.line ul li h3 {
		font-weight: normal;
		font-size: 12px;
	}


	/*オンラインショップ*/
	#pagetitle.shoptitle {
		background: url(../common/title-bg-onlinestore.jpg) center;
		background-size: cover;
	}
	#pagetitle.shoptitle h1 {
		letter-spacing: 0em;
		color: #000;
		padding: 7% 4%;
	}
	.shopintro {
		margin: 4%;
		position: relative;
	}
	.shopintro h2 {
		font-size: 16px;
		line-height: 1.5em;
		border-bottom: 1px solid #999;
		padding: 0 0 5px;
	}
  .shopintro .toguide {
      font-size: 14px;
      position: absolute;
      /* top: 0%; */
      right: 0%;
      display: block;
      line-height: 30px;
      /* margin-top: -30px; */
      width: 100px;
      text-align: center;
      text-decoration: none;
      color: #000;
      border: 1px solid #999;
      border-radius: 3px;
      position: relative;
      margin: 20px auto;
  }
	.shopintro .toguide:hover {
		opacity: 1;
		color: #fff;
		background-color: #D36F3A;
	}
	.shopintro p {
		padding: 10px 0 0;
		text-align: justify;
	}
	.shopintro_note{
		margin: 0 4%;
		text-align: right;
	}

	.shop ul {
		padding: 0;
		margin: 10px 0 0;
	}
	.shop ul li {
		padding: 4%;
		overflow: auto;
		border-top: 1px solid #999;
	}
	.shop ul li .right h3 {
		font-size: 16px;
		line-height: 1.5em;
		color: #776A58;
		margin: 0 0 5px;
	}
	.shop ul li .right img {
		width: 100%;
	}
	.shop ul li .right p {
		font-size: 14px;
		line-height: 1.5em;
		padding: 5px 0;
	}
	.shop ul li .right p.red {
		font-size: 14px;
		line-height: 1.5em;
		padding: 5px 0;
		color: #BB1B21;
	}
	.shop ul li .right .price {
		padding: 0;
	}
	.shop ul li .right .price span {
		font-size: 24px;
		line-height: 1.5em;
	}
	.shop ul li .right dl {
		font-size: 12px;
		line-height: 1.5em;
		margin: 5px 0 0;
	}
	.shop ul li .right dl dt {
		float: left;
		clear: left;
		padding: 3px 5px;
	}
	.shop ul li .right dl dd {
		padding: 3px 5px 3px 100px;
	}
	.shop ul li .right dl dd:nth-child(4n-2) {
		background: #EEE;
	}

	.shop ul li .left {
		position: relative;
		margin: 0;
		padding: 0;
		font-size: 0;
	}
	.shop ul li .left img {
		display: none;
	}
	.shop ul li .left input {
		display: block;
		width: 98%;
		margin: 0 auto;
		padding: 15px 10px;
		border-radius: 3px;
		border:solid 1px #ccc;
		font-size: 14px;
		box-sizing: border-box;
	}
	.shop ul li .left button {
		display: block;
		width: 98%;
		border-radius: 3px;
		background: #D36F3A;
		text-decoration: none;
		text-align: center;
		color: #FFF;
		padding: 15px 10px;
		margin: 10px auto 0;
		font-size: 14px;
		box-sizing: border-box;
	}
	.shop ul li .left .qtyNote{
		color: #BB1B21;
		font-size: 11px;
		margin: 5px 0 2px;
		clear: both;
	}
	.shop ul li .right .itemNote{
		font-size: 13px;
		margin: 5px 0;
		padding-left: 1rem;
		text-indent: -1rem;
	}


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

	.guide .list table {
		border-top: 1px solid #CCC;
		line-height: 21px;
		width: auto;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}
	.guide .list table th,.guide .list table td {
		padding: 7px 7px;
		text-align: center;
		border-bottom: 1px solid #CCC;
	}
	.guide .list table .lead{
		background: #DE732C;
		color: #FFF;
		text-align: center;
	}
	.guide .list table th {
		border-left: none;
		background: #F9F0E0;
		width: 20%;
	}
	.guide .list table tr td {
		padding: 7px 10px;
		border-left: 1px solid #CCC;
		text-align: left;
	}
	.guide .list table tr td.price{
		text-align: center;
		width: 25%;
	}


	/*カート*/
	.cart .col {
		margin: 0 auto;
		padding: 0 0 4%;
	}
	.cart .col:first-of-type{
		padding: 4% 0;
	}
	.cart h2 {
		color: #776A58;
		font-size: 16px;
		line-height: 1.5em;
		padding: 4% 4% 5px;
	}
	.table_wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 8px;
	}
	.cart .annotation {
		font-size: 0.9em;
		line-height: 1.4em;
		padding: 4% 4% 5px;
	}
	.cart .required {
		color: #BB1B21;
	}
	.cart table {
		border-top: 1px solid #CCC;
		max-width: 700px;
		min-width: 100%;
		border-bottom: 1px solid #CCC;
		margin: 0 auto;
	}
	.cart .order{
		/* width: calc(700px + 2%);
		padding: 0 4%; */
	}
	.cart .short table {
		width: 100%;
	}
	.cart .short table br {
		display: none;
	}
	.cart table thead {
		background: #DE732C;
		color: #FFF;
	}
	.cart table thead th {
		padding: 7px 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 {
		padding: 7px 10px;
		text-align: left;
		width: 32%;
		/* white-space: nowrap; */
	}
	.cart table tbody tr td {
		padding: 7px 10px;
		/* border-left: 1px solid #CCC; */
		text-align: center;
	}
	.cart table tbody tr td:nth-child(1) {
		border-left: none;
	}
	.cart table tbody tr td.img img {
		margin: 0 auto;
		height: 50px;
		vertical-align: bottom;
	}
	.cart table tbody tr td.name {
		width:50%;
		min-width: 250px;
		/*min-width: 30%;*/
	}
	.cart table tbody tr td.price {
		/* width:70px; */
		text-align: right;
		white-space: nowrap;
	}
	.cart table tbody tr td.volume {
		/*width:40px;*/
		text-align: left;
		white-space: nowrap;
	}
	.cart table tbody tr td.delete{
		/* width:50px; */
		white-space: nowrap;
	}
	.cart table tbody tr td.num{
		/* max-width: 160px; */
		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, .shipping table tbody tr td {
		text-align: left;
	}
	.cart .shipping table{
		width: 100%;
	}
	.cart .shipping table th{
		width:30%;
	}
	.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: 6px 20px;
		display: block;
		border: 1px solid #999;
		border-radius: 3px;
		background: #EEE;
		white-space: nowrap;
	}
	.cart table tbody tr td.recalculation{
		text-align: right;
		font-size: 11px;
	}
	.cart table tbody tr td.recalculation button {
		font-size: 12px;
		line-height: 18px;
		text-decoration: none;
		color: #000;
		padding: 6px 20px;
		display: block;
		border: 1px solid #999;
		border-radius: 3px;
		background: #EEE;
		display: inline-block;
	}
	.cart table tbody tr td .note {
		display: block;
		font-size: 0.9em;
		line-height: 1.4em;
		color: #666;
	}
	.cart .purpose label {
		margin-right: 5%;
	}
	.cart .purpose label:last-of-type {
		margin-right: 0;
	}
	.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 #fAddress,
	.cart table tbody tr td #sAddress{
		/* width: 98%; */
		width: 95%;
		height: 4.5em;
	}
	.cart table tbody tr td #fTel,
	.cart table tbody tr td #sTel{
		width: 120px;
	}
	.cart table tbody tr td #fMail,
	.cart table tbody tr td #sMail{
		/* width: 230px; */
		width: 95%;
	}
	.cart table tbody tr td #fName,
	.cart table tbody tr td #sName,
	.cart table tbody tr td #fFurigana,
	.cart table tbody tr td #sFurigana{
		width: 95%;
	}
	.cart #other table {
		width: 100%;
		margin: 0 0 20px;
		/* width: 92%;
		margin: 0 4% 4%; */
	}
	.cart #other table tbody tr td #fContent {
		/* width: calc(100% - 12px); */
		width: 95%;
		border: solid 1px #ccc;
		/* padding: 0 5px; */
	}
	.cart .inner {
		background: #F9F0E0;
		padding: 10px 10px;
		margin: 0 4%;
		text-align: left;
		border-top: 1px solid #CCC;
		font-size: 14px;
		line-height: 21px;
		border-bottom: 1px solid #CCC;
	}
	.cart .mailmag {
		margin: 0 4% 6%;
		background: #F9F0E0;
		padding: 10px 10px;
		text-align: center;
		border-top: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
	.cart .cartbots {
		text-align: center;
		padding: 0 0 2%;
	}
	.cart .cartbots button {
		display: inline-block;
		padding: 12px 20px;
		margin: 0 2%;
		/* width: 40%; */
		background: #DE732C;
		color: #FFF;
		text-decoration: none;
		border-radius: 3px;
		border: none;
	}
	.cart .cartbots button#buttonConfirm {
		background: #BB1B21;
	}
	.cart .cartbots a {
		display: inline-block;
		padding: 12px 0;
		margin: 0 2%;
		width: 40%;
		background: #DE732C;
		color: #FFF;
		text-decoration: none;
		border-radius: 3px;
	}
	.cart .cartbots a#buttonConfirm {
		background: #BB1B21;
	}
	.cart_none{
		display: none;
	}
	.cart table tbody tr td.none{
		font-size: 17px;
		padding: 20px;
		color: #BB1B21;
		font-weight: bold;
		text-align: center;
	}
	.cart .continueShopping{
		padding-bottom: 10px;
		text-align: center;
	}
	.cart .continueShopping p{
		padding: 20px;
		text-align: center;
	}
	.cart .continueShopping .cartbots button {
		display: inline-block;
		padding: 15px 20px;
		text-align: center;
		margin: 0;
		width: auto;
		background: #DE732C;
		color: #FFF;
		text-decoration: none;
		border-radius: 3px;
		border: none;
		font-size: 13px;
		line-height: 1.5em;
	}


	/*---- error　message ----*/
	.error_msg{
		background-color: #ffeeee!important;
		color: #BB1B21;
		border: 2px solid #BB1B21;
		border-left: none;
		border-right: none;
		font-size: 0.9em;
		line-height: 1.5em;
		padding: 20px 20px;
		display: block;
		margin: 20px auto;
		box-sizing: border-box;
	}
	.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 4% 3px;
		text-align: right;
		margin-top: -15px;
		display: block;
	}

	.thanks .col {
		border: 1px solid #999;
		padding: 8%;
		margin: 6% 4%;
	}
	.thanks .col h2 {
		font-weight: normal;
		font-size: 22px;
		line-height: 1.5em;
		letter-spacing: 0em;
		margin: 0 0 15px;
		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: 12px 0;
		margin: 0 2% 6%;
		width: 60%;
		background: #DE732C;
		color: #FFF;
		text-decoration: none;
		border-radius: 3px;
	}


	/*ココがちがう！アオキの麺*/
	#pagetitle.noodle {
		background: #49285F;
	}
	#pagetitle.noodle h1 {
		padding: 6% 4%;
		letter-spacing: 0.1em;
		color: #FFF;
	}
	.texture h2 {
		font-size: 20px;
		line-height: 28px;
		text-align: center;
		padding: 6% 4% 5%;
	}
	.texture p {
		font-size: 15px;
		line-height: 1.8em;
		padding: 0 6% 6%;
		text-align: justify;
	}
	.leader {
		background: #E6DCCD url(../common/pdct-reimen-title-img.png) center top -25% no-repeat;
		background-size: 90% auto;
	}
	.leader .inner860 {
		padding: 60% 6% 6%;
	}
	.leader h2 {
		text-align: center;
		font-size: 18px;
		line-height: 1.5em;
		margin-bottom: 15px;
	}
	.leader p {
		font-size: 15px;
		line-height: 1.8em;
		text-align: justify;
	}

	.qualitymanage .inner860 {
		padding: 6%;
	}
	.qualitymanage h2 {
		text-align: center;
		font-size: 18px;
		line-height: 1.5em;
	}
	.qualitymanage p {
		font-size: 15px;
		line-height: 1.8em;
		text-align: justify;
	}
	.qualitymanage img {
		width: 80%;
	}

	.noodle .point {
		padding: 6%;
		background: #EEEFEF;
	}
	.noodle .point h2 {
		font-size: 18px;
		line-height: 1.5em;
		text-align: center;
	}
	.noodle .point ul {
		padding-left: 00px;
	}
	.noodle .point ul li {
		padding: 6% 0;
		display: block;
		border-bottom: 1px solid #AAA;
	}
	.noodle .point ul li:nth-child(4) {
		border-bottom: none;
	}
	.noodle .point ul li h3 {
		color: #5D4D41;
		font-size: 16px;
		line-height: 24px;
		padding: 23px 0;
		text-align: center;
		background: url(../common/noodle-point-h3bg.png) center no-repeat;
		background-size: 70px;
		margin: 0 0 10px;
	}
	.noodle .commit {
		border-top: 1px solid #999;
	}
	.noodle .commit.first {
		border-top: none;
	}
	.noodle .commit ul li {
		padding: 0 6% 6%;
		text-align: justify;
	}
	.noodle .commit .claw {
		margin: 6% 0;
		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: 18px;
		line-height: 1.5em;
		text-align: center;
		padding: 0 6%;
	}
	.noodle .commit .metadata{
		text-align: center;
		padding: 1% 6% 6%;
	}
	.noodle .commit ul li h3 {
		font-size: 16px;
		text-align: center;
		margin-bottom: 10px;
	}

	/*アクセスMAP*/
	.maps h2 {
		font-size: 16px;
		line-height: 1.5em;
		text-align: center;
		padding: 4%;
	}
	.maps ul {
		overflow: auto;
	}
	.maps ul li {
		position: relative;
		border-top: 1px solid #999;
		padding: 6%;
	}
	.maps ul li h3 {
		font-size: 16px;
		line-height: 1.5em;
		margin: 0 0 5px;
		color: #776A58;
	}
	.maps ul li iframe {
		margin: 5px 0 0;
		width: 100%;
		height: 150px;
	}


	/*お問い合わせ*/
	#pagetitle.ctitle {
		height: 80px;
		background: url(../common/title-bg-contact.jpg) center no-repeat;
		background-size: cover;
		color: #5D4D41;
	}
	#pagetitle.ctitle h1 {
		letter-spacing: 0em;
		padding: 24px 4% 0;
	}
	.cform .telfax {
		border-bottom: 1px solid #999;
	}
	.cform .telfax li {
		position: relative;
		padding: 6% 10% 5%;
		overflow: auto;
		border-top: 1px solid #999;
	}
	.cform .telfax h2 {
		width: 60%;
	}
	.cform .telfax h2 img {
		width: 100%;
	}
	.cform .telfax .contactno {
		width: 100%;
		padding: 2% 0 0;
	}
	.cform dl {
		margin: 6% 0%;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.cform .mform {
		width: 70%;
		padding: 6% 10% 1%;
	}
	.cform .mform img {
		width: 100%;
	}
	.cform .privacylink {
		padding: 0 10%;
	}
	.cform .privacylink a {
		color: #000;
	}
	.cform dl dt {
		padding: 10px 4% 0;
		line-height: 30px;
		min-height: 30px;
		background: #FFF;
	}
	.cform dl dd {
		padding: 0 4% 10px 4%;
		line-height: 30px;
		min-height: 30px;
		background: #FFF;
	}
	.cform dl dt:nth-child(4n-3) {
		background: #F9F0E0;
	}
	.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;
		margin-bottom: 10%;
	}
	.cform [type="checkbox"],
	.cform [type="radio"] {
		margin-right: 5px;
	}
	.cform .full {
		width: 100%;
	}
	.cform .required {
		color: #dd0000;
	}
	.cform .error {
		margin: 20px auto 0;
		padding: 10px 20px;
		width: 70%;
		border: 1px solid #dd0000;
	}
	.cform .error p {
		color: #dd0000;
		font-size: 90%;
	}
	.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: 100px;
		background: url(../common/title-bg-privacy.jpg) center no-repeat;
		background-size: cover;
		color: #5D4D41;
	}
	#pagetitle.privacy h1 {
		letter-spacing: 0em;
	}
	.col.privacy h2 {
		font-size: 18px;
		line-height: 1.5em;
		text-align: center;
		padding: 4%;
	}
	.col.privacy ul li {
		position: relative;
		padding: 6%;
		overflow: auto;
		border-top: 1px solid #999;
	}
	.col.privacy ul li h3 {
		font-size: 16px;
		margin-bottom: 5px;
		color: #776A58;
	}
	.col.privacy ul li p {
		text-align: justify;
	}


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

	#foot {
		position: relative;
		margin-top: 40px;
		padding: 15px;
		text-align: center;
		border-top: 1px solid #999;
	}
	#foot .companyname {
		font-weight: bold;
		font-size: 16px;
		padding: 10px 0 0;
	}

	#foot p {
		display: inline-block;
		margin: 0;
		padding: 10px 0;
		font-size: 12px;
		line-height: 1.6em;
	}
	#foot p span {
		display: block;
	}
	#foot:after {
		display: inline-block;
		margin-left: 10px;
		width: 100px;
		height: 100px;
		content: "";
		background-image: url(../common/jfsm.jpg);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.backtotop {
		position: fixed;
		bottom: 0px;
		right: 20px;
	}
	.backtotop a img {
		width: 120px;
		border-radius: 8px 8px 0 0;
		display: block;
	}

}

@media screen and (max-width: 360px){
	.cart table tbody tr th,
	.cart table tbody tr td{
		padding: 6px 5px;
	}
	.cart .purpose label {
    margin-right: 2%;
}
}