@charset "UTF-8";
/* ----------------------------------------------------------------------------------
		Base
------------------------------------------------------------------------------------- */
html, body {
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-transform: none;
	font-size: 100%;/*ブラウザデフォルト16px*/
	color: #666;
}
* {
	box-sizing: border-box;
}
a:active,a:focus{ outline:none; }

@media screen and (max-width:767px) {
html, body {
	font-size: 87.5%;
}
}
img {
	vertical-align: middle;
	max-width: 100%;
	border: none;
}
a, a:hover, a:focus {
	color: #666;
}
a {
	text-decoration: underline;
}
a:hover, a:focus {
	text-decoration: none;
}
p, ul, ol {
	margin-bottom: 1.5em;
}

.img100 { width:100%; }

.mg-top-10 { margin-top:10px; }
.mg-top-15 { margin-top:15px; }
.mg-top-20 { margin-top:20px; }
.mg-top-25 { margin-top:25px; }
.mg-top-30 { margin-top:30px; }
.mg-top-35 { margin-top:35px; }
.mg-top-40 { margin-top:40px; }
.mg-top-45 { margin-top:45px; }
.mg-top-50 { margin-top:50px; }


.mg-bottom-10 { margin-bottom:10px; }
.mg-bottom-15 { margin-bottom:15px; }
.mg-bottom-20 { margin-bottom:20px; }
.mg-bottom-25 { margin-bottom:25px; }
.mg-bottom-30 { margin-bottom:30px; }
.mg-bottom-35 { margin-bottom:35px; }
.mg-bottom-40 { margin-bottom:40px; }
.mg-bottom-45 { margin-bottom:45px; }
.mg-bottom-50 { margin-bottom:50px; }
.mg-bottom-90 { margin-bottom:90px; }



.x-small{
	font-size: 75%;
}

@media screen and (min-width:992px) {

	.x-small{
		font-size: 88%;
	}
}


/* ----------------------------------------------------------------------------------
		Link Image
------------------------------------------------------------------------------------- */
a img {
	opacity: 1;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	transition: all .15s;
}
a:hover img, a:focus img {
	opacity: .5;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
/* ----------------------------------------------------------------------------------
		FONT
------------------------------------------------------------------------------------- */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-ploc37');
	src:url('../fonts/icomoon.eot?#iefix-ploc37') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-ploc37') format('woff'),
		url('../fonts/icomoon.ttf?-ploc37') format('truetype'),
		url('../fonts/icomoon.svg?-ploc37#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.icon-limited:before {
	content: "\e600";
}
.icon-recipes:before {
	content: "\e601";
}
.icon-proUse:before {
	content: "\e602";
}
.icon-dl:before {
	content: "\e60c";
}
.icon-parts:before {
	content: "\e601";
}
.icon-inquiry2:before {
	content: "\e603";
}
.icon-blender:before {
	content: "\e604";
}
.icon-blender2:before {
	content: "\e604";
	color: #8cc63f;
	font-size:115%;
}
.icon-whatsNew:before {
	content: "\e605";
}
.icon-menu:before {
	content: "\e606";
}
.icon-inquiry:before {
	content: "\e607";
}
.icon-oven:before {
	content: "\e608";
}
.icon-oven2:before {
	content: "\e608";
	color: #2c7e86;
}
.icon-foodProcessor:before {
	content: "\e609";
}
.icon-foodProcessor2:before {
	content: "\e609";
	color: #00CC99;
	font-size:115%;
}
.icon-handBlender:before {
	content: "\e60a";
}
.icon-handBlender2:before {
	content: "\e60a";
	color: #006934;
	font-size:115%;
}
.icon-fromKitchen:before {
	content: "\e60b";
}
.icon-myPhoto:before {
	content: "\e60c";
}
.icon-products:before {
	content: "\e60d";
}
.icon-store:before {
	content: "\e60e";
}
.icon-facebook:before {
	content: "\e60f";
}
.icon-facebook:before {
	content: "\e60f";
}
@font-face {
	font-family: 'icomoon2';
	src:url('../fonts/icomoon2.eot?7kjst9');
	src:url('../fonts/icomoon2.eot?#iefix7kjst9') format('embedded-opentype'),
		url('../fonts/icomoon2.woff?7kjst9') format('woff'),
		url('../fonts/icomoon2.ttf?7kjst9') format('truetype'),
		url('../fonts/icomoon2.svg?7kjst9#icomoon2') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon2-"], [class*=" icon2-"] {
	font-family: 'icomoon2';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon2-instagram2:before {
	content: "\e600";
}

.icon2-instagram:before {
	content: "\ea90";
}


/* ----------------------------------------------------------------------------------
		Gutter（Gridのガター：30px→20px）
------------------------------------------------------------------------------------- */
.gutter-small .row {
	margin-right: -10px;
	margin-left: -10px;
}
.gutter-small .col-xs-1, .gutter-small .col-sm-1, .gutter-small .col-md-1, .gutter-small .col-lg-1, .gutter-small .col-xs-2, .gutter-small .col-sm-2, .gutter-small .col-md-2, .gutter-small .col-lg-2, .gutter-small .col-xs-3, .gutter-small .col-sm-3, .gutter-small .col-md-3, .gutter-small .col-lg-3, .gutter-small .col-xs-4, .gutter-small .col-sm-4, .gutter-small .col-md-4, .gutter-small .col-lg-4, .gutter-small .col-xs-5, .gutter-small .col-sm-5, .gutter-small .col-md-5, .gutter-small .col-lg-5, .gutter-small .col-xs-6, .gutter-small .col-sm-6, .gutter-small .col-md-6, .gutter-small .col-lg-6, .gutter-small .col-xs-7, .gutter-small .col-sm-7, .gutter-small .col-md-7, .gutter-small .col-lg-7, .gutter-small .col-xs-8, .gutter-small .col-sm-8, .gutter-small .col-md-8, .gutter-small .col-lg-8, .gutter-small .col-xs-9, .gutter-small .col-sm-9, .gutter-small .col-md-9, .gutter-small .col-lg-9, .gutter-small .col-xs-10, .gutter-small .col-sm-10, .gutter-small .col-md-10, .gutter-small .col-lg-10, .gutter-small .col-xs-11, .gutter-small .col-sm-11, .gutter-small .col-md-11, .gutter-small .col-lg-11, .gutter-small .col-xs-12, .gutter-small .col-sm-12, .gutter-small .col-md-12, .gutter-small .col-lg-12 {
	padding-left: 10px;
	padding-right: 10px;
}

/* ----------------------------------------------------------------------------------
		Heading
------------------------------------------------------------------------------------- */
h1 {
	font-size: 3em; /*48px*/
}
h2 {
	font-size: 2.25em; /*36px*/
}
h3 {
	font-size: 1.5em; /*24px*/
}
h4 {
	font-size: 1.25em; /*20px*/
}
h5 {
	font-size: 1.125em; /*18px*/
}
h6 {
	font-size: 1em; /*16px*/
}
h2, h3, h4, h5, h6 {
	margin-top: 0;
}
h1.visible-xs.menuToggle{
	font-size:3em;
}
h1 .img-icon{
	font-size: 2em; 
}
h1#menu-title{
	font-size:30px;
	color:#666666;
	font-weight:bold;
	margin-top: 0;
}
h3.green_title1{
	font-size:18px;
	color:#8dc21f;
}
h3.green_title1:before{
	content:"● ";
	color:#d0e6a3;
}
h3.green_title4{
	font-size:18px;
	color:#2c7e86;
}
h3.green_title4:before{
	content:"● ";
	color:#9ac1c5;
}
h3.green_title2{
	font-size:18px;
	color:#006934;
}
h3.green_title2:before{
	content:"● ";
	color:#006934;
}
h3.green_title3{
	font-size:18px;
	color:#00a199;
}
h3.green_title3:before{
	content:"● ";
	color:#00a199;
}
h3.pink_title3{
	font-size:18px;
	color:#FF84FF;
}
h3.pink_title3:before{
	content:"● ";
	color:#FF84FF;
}
h3.orange_title3{
	font-size:18px;
	color:#E7A907;
}
h3.orange_title3:before{
	content:"● ";
	color:#E7A907;
}
h3.pink_title4{
	font-size:18px;
	color:#FF84FF;
}
h3.pink_title4:before{
	content:"● ";
	color:#FF84FF;
}
h3.orange_title4{
	font-size:18px;
	color:#E7A907;
}
h3.orange_title4:before{
	content:"● ";
	color:#E7A907;
}
/* ----------------------------------------------------------------------------------
		Color
------------------------------------------------------------------------------------- */
.color-green1 {
	color: #8cc63f;
}
.color-green2 {
	color: #006934;
}
.color-green3 {
	color: #8ec449;
}
.color-blueGray {
	color: #666c82;
}
.bgColor-green0 {
	background-color: #233C28;
}
.bgColor-green1 {
	background-color: #8cc63f;
}
.bgColor-green102 {
	background-color: #FFFFFF;
	border:3px #8cc63f solid;
	padding-top:6px;
}
.bgColor-green2 {
	background-color: #39b54a;
}
.bgColor-green3 {
	background-color: #233C28;
}
.bgColor-green4 {
	background-color: #006934;
}
.bgColor-green402 {
	background-color: #FFFFFF;
	border:3px #006934 solid;
	padding-top:6px;
}
.bgColor-green5 {
	background-color: #00a199;
}
.bgColor-green6 {
	background-color: #2c7e86;
}
.bgColor-green602 {
	background-color: #FFFFFF;
	border:3px #2c7e86 solid;
	padding-top:6px;
}
.bgColor-green7 {
background-color: #cbe097;
}
.bgColor-green8 {
background-color: #00CC99;
}
.bgColor-green802 {
background-color: #FFFFFF;
border:3px #00CC99 solid;
padding-top:6px;
}
.bgColor-blueGray {
	background-color: #666c82;
}
.bgColor-glay1{
	background-color:#f5f5f5;
}
.bgColor-glay2{
	background-color:#9fa0a0;
}
.bgColor-glay3{
	background-color:#828282;
	border-bottom:#FFFFFF 10px solid;
}
.bgColor-brown1{
	background-color:#7F6000;
	padding-top:8px;
}
.bgColor-brown1 img{
	width:50%;
	margin:0 auto;
}
.bgColor-brown102{
background-color: #FFFFFF;
border:3px #7F6000 solid;
padding-top:8px;
}
.bgColor-brown102 img{
	width:50%;
	margin:0 auto;
}
.bgColor-pink1{
	background-color:#FF84FF;
	padding-top:8px;
}
.bgColor-pink1 img{
	width:50%;
	margin:0 auto;
}
.bgColor-pink102{
	background-color:#FFFFFF;
	border:3px #FF84FF solid;
	padding-top:8px;
}
.bgColor-pink102 img{
	width:50%;
	margin:0 auto;
}
.bgColor-orange1{
	background-color:#ECB100;
	padding-top:8px;
}
.bgColor-orange1 img{
	width:50%;
	margin:0 auto;
}
.bgColor-orange102{
	background-color:#FFFFFF;
	border:3px #ECB100 solid;
	padding-top:8px;
}
.bgColor-orange102 img{
	width:50%;
	margin:0 auto;
}
.bgColor-red1{
	background-color:#BF2F60;
	padding-top:8px;
}
.bgColor-red1 img{
	width:50%;
	margin:0 auto;
}
.bgColor-red102{
	background-color:#FFFFFF;
	border:3px #BF2F60 solid;
	padding-top:8px;
}
.bgColor-red102 img{
	width:50%;
	margin:0 auto;
}

.bgColor-ot1{
	background-color:#8B898B;
	padding-top:8px;
}
.bgColor-ot1 img{
	width:50%;
	margin:0 auto;
}
.bgColor-ot102{
	background-color:#FFFFFF;
	border:3px #8B898B solid;
	padding-top:8px;
}
.bgColor-ot102 img{
	width:50%;
	margin:0 auto;
}

.bgColor-glay4{
	background-color:#828282;
	padding-top:8px;
	border-bottom:#FFFFFF 9px solid;
}
.bgColor-glay4 img{
	width:50%;
	margin:0 auto;
}



/* ----------------------------------------------------------------------------------
		Title
------------------------------------------------------------------------------------- */
.title-top {
	margin-bottom: 1.5em;
	font-weight: lighter;
	letter-spacing: 0.1em;
}
.title-top span {
	font-size: 1.5em;
	vertical-align: middle;
	display: inline-block;
	margin-top: -0.3em;
	margin-right: 0.2em;
}
.title-page {
	padding-left: 0;
	margin-bottom: 1.5em;
	font-size:1.9em;
}
.title-page-pro {
	border-left: 4px solid #000;
	padding-left: 0.5em;
	margin-bottom: 1.5em;
	background:#666666;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

.title-page-new {
	border-left: 4px solid #990000;
	padding-left: 0.5em;
	margin-bottom: 1.5em;
	background:#FF0000;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

.title-page-nx {
	border-left: 4px solid #F38758;
	padding-left: 0.5em;
	margin-bottom: 1.5em;
	background:#F6AD8E;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

.title-page-n7 {
	border-left: 4px solid #EA9E00;
	padding-left: 0.5em;
	margin-bottom: 1.5em;
	background:#FFCC62;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

.title-page-10 {
	border-left: 4px solid #4A7735;
	padding-left: 0.5em;
	margin-bottom: 1.5em;
	background:#84BC69;
	color:#FFFFFF;
	padding-top:10px;
	padding-bottom:10px;
}

.title-sub {
	border-bottom: 1px solid #8dc21f;
	color: #8dc21f;
	padding-bottom: 0.1em;
	margin-bottom: 1.5em;
}
.title-area {
	border-bottom: 1px dotted #aaa;
	padding-bottom: 0.25em;
	font-weight: 600;
}
.title-arrow {
	background-image: url(../images/arrow_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 1em;
}
.title-arrow-pro {
	background-image: url(../images/arrow_title_pro.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 1em;
}
.title-category {
	color: #8cc63f;
	font-weight: bold;
	margin-bottom: 1em;
}
.title-category-pro {
	color: #666c82;
	font-weight: bold;
	margin-bottom: 1em;
}


.title-article {
	color: #8cc63f;
	margin-bottom: 1em;
	line-height: 1.25;
}
.title-proUse {
	border-left: 3px solid #c3c6d0;
	padding-left: 0.5em;
	margin-bottom: 1.5em;
	color: #666c82;
}
.title-products {
	height: 12em;
	padding-top: 6.5em;
	padding-left: 52%;
	margin-bottom: 3em;
}

@media screen and (max-width:767px) {
.title-products {
	height: 6em;
	padding: 1em;
	margin-bottom: 3em;
}
.title-article {
	font-size:1.5em;
	margin-bottom:1.5em;
}
}
.title-products h3 {
	margin-bottom: 0;
	margin-top: 0.4em;
}
.title-products small {
	letter-spacing: 2px;
	font-size: 0.75em;
}
.title-products .productsIcon {
	width: 4em;
	height: 4em;
	background-color: #000;
	margin-right: 0.75em;
	background-color: #fff;
}
.title-products .productsIcon span {
	font-size: 3em;
	line-height: 1.25;
}
.title-products-blender {
	background-color: #8dc21f;
	background-image: url(../images/title_blender.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}

.title-products-blender .productsIcon {
	color: #8dc21f;
}

.title-products-blender02 {
	background-color: #828282;
	background-image: url(../images/title_blender02.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}

.title-products-blender02 .productsIcon {
	color: #8dc21f;
}


.title-products-handblender {
	background-color: #006934;
	background-image: url(../images/title_handblender.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-handblender .productsIcon {
	color: #006934;
}
.title-products-handblender02 {
	background-color: #828282;
	background-image: url(../images/title_handblender02.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-handblender02 .productsIcon {
	color: #006934;
}
.title-products-handmixer {
	background-color: #FF84FF;
	background-image: url(../images/title_handmixer.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-handmixer .productsIcon {
	color: #006934;
	padding-top:8px;
}
.title-products-handmixer .productsIcon img {
	width:55%;
	margin:0 auto;
}
.title-products-handmixer02 {
	background-color: #828282;
	background-image: url(../images/title_handmixer02.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-handmixer02 .productsIcon {
	color: #006934;
	padding-top:8px;
}
.title-products-handmixer02 .productsIcon img {
	width:55%;
	margin:0 auto;
}
.title-products-foodprocessor {
	background-color: #00a199;
	background-image: url(../images/title_foodprocessor.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-foodprocessor .productsIcon {
	color: #00a199;
}
.title-products-foodprocessor02 {
	background-color: #828282;
	background-image: url(../images/title_foodprocessor02.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-foodprocessor02 .productsIcon {
	color: #00a199;
}
.title-products-tablecooking {
	background-color: #ECB100;
	background-image: url(../images/title_tablecooking.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-tablecooking .productsIcon {
	color: #ECB100;
	padding-top:8px;
}
.title-products-tablecooking .productsIcon img {
	width:55%;
	margin:0 auto;
}
.title-products-tablecooking02 {
	background-color: #828282;
	background-image: url(../images/title_tablecooking02.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-tablecooking02 .productsIcon {
	color: #ECB100;
	padding-top:8px;
}
.title-products-tablecooking02 .productsIcon img {
	width:55%;
	margin:0 auto;
}
.title-products-coffeemaker {
	background-color: #7F6000;
	background-image: url(../images/title_coffeemaker.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-coffeemaker .productsIcon {
	color: #7F6000;
	padding-top:8px;
}
.title-products-coffeemaker .productsIcon img {
	width:55%;
	margin:0 auto;
}
.title-products-coffeemaker02 {
	background-color: #828282;
	background-image: url(../images/title_coffeemaker02.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-coffeemaker02 .productsIcon {
	color: #7F6000;
	padding-top:8px;
}
.title-products-coffeemaker02 .productsIcon img {
	width:55%;
	margin:0 auto;
}
.title-products-pressurecooker {
	background-color: #BF2F60;
	background-image: url(../images/title_pressurecooker.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-pressurecooker .productsIcon {
	color: #BF2F60;
	padding-top:8px;
}
.title-products-pressurecooker .productsIcon img {
	width:55%;
	margin:0 auto;
}
.title-products-pressurecooker02 {
	background-color: #828282;
	background-image: url(../images/title_pressurecooker02.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-pressurecooker02 .productsIcon {
	color: #BF2F60;
	padding-top:8px;
}
.title-products-pressurecooker02 .productsIcon img {
	width:55%;
	margin:0 auto;
}

.title-products-oventoaster {
	background-color: #8B898B;
	background-image: url(../images/title_oventoaster.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-oventoaster .productsIcon {
	color: #8B898B;
	padding-top:8px;
}
.title-products-oventoaster .productsIcon img {
	width:55%;
	margin:0 auto;
}

.title-products-oventoaster02 {
	background-color: #828282;
	background-image: url(../images/title_oventoaster02.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-oventoaster02 .productsIcon {
	color: #828282;
	padding-top:8px;
}
.title-products-oventoaster02 .productsIcon img {
	width:55%;
	margin:0 auto;
}


.title-products-oven {
	background-color: #2c7e86;
	background-image: url(../images/title_other03.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-oven .productsIcon {
	color: #2c7e86;
}
.title-products-oven02 {
	background-color: #828282;
	background-image: url(../images/title_other02.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-oven02 .productsIcon {
	color: #2c7e86;
}
.title-products-limited {
	background-color: #cbe097;
	background-image: url(../images/title_limited.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-limited .productsIcon {
	color: #cbe097;
}
.title-products-proUse {
	background-color: #666c82;
	background-image: url(../images/title_proUse.jpg);
	color: #fff;
	background-repeat: no-repeat;
	background-size: 50% auto;
	background-position: left center;
}
.title-products-proUse .productsIcon {
	color: #666c82;
}

@media screen and (max-width:767px) {
.title-products-blender, .title-products-handblender,.title-products-handmixer, .title-products-foodprocessor,.title-products-tablecooking,.title-products-coffeemaker, .title-products-oven, .title-products-oventoaster,  .title-products-pressurecooker, .title-products-blender02, .title-products-handblender02,.title-products-handmixer02, .title-products-foodprocessor02,.title-products-tablecooking02,.title-products-coffeemaker02, .title-products-oven02, .title-products-oventoaster02,  .title-products-pressurecooker02, .title-products-proUse {
	background-image: none;
}
}
/* ----------------------------------------------------------------------------------
		Margin Bottom
------------------------------------------------------------------------------------- */
.mb_0 {
	margin-bottom: 0;
}

.mb_15m {
	margin-bottom: 1.5em;
}

.mb_3m {
	margin-bottom: 3em;
}
.mb_1m {
	margin-bottom: 1em;
}
/* ----------------------------------------------------------------------------------
		Padding Left
------------------------------------------------------------------------------------- */
.pl_1em {
	padding-left: 1em;
}
.pl_15em {
	padding-left: 1.0em;
}
.pr_1em {
	padding-right: 1.0em;
}

/* ----------------------------------------------------------------------------------
		AlignCenter if Mobile
------------------------------------------------------------------------------------- */


@media screen and (max-width:767px) {
.text-center-ifMobile {
	text-align: center;
}
}
/* ----------------------------------------------------------------------------------
		Menu Toggle
------------------------------------------------------------------------------------- */
.menuToggle {
	padding: 0;
	margin: 0;
}
.menuToggle a {
	color: #dcdcdc;
}
/* ----------------------------------------------------------------------------------
		Products Icon
------------------------------------------------------------------------------------- */
.productsIcon {
	width: 3.4em;
	height: 2em;
	text-align: center;
	margin-bottom: 2em;
	margin-right: 0.5em;
	float: left;
	color: #fff;
}
.productsIcon span {
	font-size: 1.75em;
	line-height: 1.2;
}
/* ----------------------------------------------------------------------------------
		DIVの高さを揃える
------------------------------------------------------------------------------------- */
.equalHeight {
	box-sizing: content-box;
}
/* ----------------------------------------------------------------------------------
		hr
------------------------------------------------------------------------------------- */
.hr-dotted {
	border: none;
	border-bottom: 1px dotted #cfc08e;
	margin-bottom: 4em;
}

.hr-ingredient {
	border: none;
	border-bottom: 2px dotted #8ec449;
	margin-bottom: 1.5em;
}
/* ----------------------------------------------------------------------------------
		Download
------------------------------------------------------------------------------------- */
.list-download {
	padding-left: 0;
	margin-bottom: 3em;
}
.list-download li {
	list-style-type: none;
	margin-bottom: 0.5em;
}
.list-download li:before {
	content: "● ";
	color: #8cc63f;
}

.instructions {
	display: inline-block;
	background: #f59602;
	width: 42px;
	line-height: 1.4em;
	margin-left: 15px;
	margin-right: -10px;
	color: #fff;
	font-size: 78.5%;
	text-align: center;
}

.purple {
	display: inline-block;
	background: #FF0000;
	width: 42px;
	line-height: 1.4em;
	margin-left: 15px;
	margin-right: -10px;
	color: #fff;
	font-size: 78.5%;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.business .instructions {
		margin-left: 0;
	}
	.business .dxf {
		margin-left: 0;
	}
	.business .col-sm-13,
	.business .col-sm-14 {
		margin-left: 15px;
	}
	.business .col-sm-13 small,
	.business .col-sm-14 small {
		width: 8em;
		display: inline-block;
	}
	.purple {
	margin-left: 0;
}

}


.dxf {
	display: inline-block;
	background: #64aadc;
	width: 42px;
	line-height: 1.4em;
	margin-left: 9px;
	margin-right: -10px;
	color: #fff;
	font-size: 78.5%;
	text-align: center;
}
.pdf {
	display: inline-block;
	background: #ee859b;
	width: 42px;
	line-height: 1.4em;
	margin-left: 5px;
	margin-right: -10px;
	color: #fff;
	font-size: 78.5%;
	text-align: center;
}
.dwg {
	display: inline-block;
	background: #87c215;
	width: 42px;
	line-height: 1.4em;
	margin-left: 5px;
	margin-right: -10px;
	color: #fff;
	font-size: 78.5%;
	text-align: center;
}

 @media (min-width: 768px) {
.business{
	width: 735px;
}
.business:after {
  content: " ";
  display: table;
}

.business:after {
  clear: both;
}
}

 @media (min-width: 992px) {
.business{
	width: 715px;
}
.business:after {
  content: " ";
  display: table;
}

.business:after {
  clear: both;
}
}

@media (min-width: 1115px) {
.business{
	width: 776px;
}
.business:after {
  content: " ";
  display: table;
}

.business:after {
  clear: both;
}
}

/* ----------------------------------------------------------------------------------
		Paper
------------------------------------------------------------------------------------- */
.paper {
	position: relative;
	background-color: #f6fcef;
	padding: 2em 2em 1em 2em;
	margin-bottom: 1.5em;
	border: 1px solid rgba(140,198,63,0.20);
}

.paper:before, .paper:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #b5b5b5;
	-webkit-box-shadow: 0 15px 10px rgba(140,198,63,0.50);
	-moz-box-shadow: 0 15px 10px rgba(140,198,63,0.50);
	box-shadow: 0 15px 10px rgba(140,198,63,0.50);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.paper:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.photo-paper{
	border: 5px solid #fff;
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.10);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.10);
}
/* ----------------------------------------------------------------------------------
		Pro Use
------------------------------------------------------------------------------------- */
.id-proUse {
	border-left: 3px solid #c3c6d0;
	padding-left: 1em;
	color: #888888;
}
.id-proUse h4 {
	color: #666c82;
	font-weight: bold;
}
.feature-proUse {
	background-color: #f6f7f9;
	padding: 0.5em;
	color: #666c82;
	margin-bottom: 1em;
}
.feature-proUse ul {
	margin-bottom: 0;
}
.feature-proUse li {
	margin: 0.5em 0;
	list-style-image: url(../images/arrow_proUse.png);
}
.spec-proUse {
	font-size: 0.75em;
	color: #666c82;
}
.spec-proUse td, .spec-proUse th {
	border-color: #cbcfda !important;
}
.spec-proUse th {
	text-align: center;
	background-color: #eaecf0;
}
.btn-proUse {
	background-color: #666c82;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
}
.btn-proUse:hover, .btn-proUse:focus {
	background-color: #9498a7;
	color: #fff;
}
.btn-proUseRed {
	background-color: #FF0000;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
}
.btn-proUseRed:hover, .btn-proUseRed:focus {
	background-color: #FF6699;
	color: #fff;
}
.btn-proUse_ct {
	background-color: #7BAF34;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	margin-top:5px;
}
.btn-proUse_ct:hover, .btn-proUse:focus {
	background-color: #8CC63F;
	color: #fff;
}

/* ----------------------------------------------------------------------------------
		Form
------------------------------------------------------------------------------------- */
.spec-Event {
	font-size:1.0em;
	color: #000;
}

.spec-Event td, .spec-Event th {
	border-color: #cbcfda !important;
}
.spec-Event th {
	text-align: center;
	background-color: #eaecf0;
}

/* ----------------------------------------------------------------------------------
		Form
------------------------------------------------------------------------------------- */
.formArea {
	background-color: #f1f1f1;
	padding: 2em;
	display:none;
}
.btn-confirm {
	background-color: #9d9d9d;
	border-color: #fff;
	color: #fff;
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.20);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.20);
}
.btn-confirm:hover, .btn-confirm:focus {
	background-color: #c7c7c7;
	color: #fff;
}
/* ----------------------------------------------------------------------------------
		Sub Nav
------------------------------------------------------------------------------------- */
.subNav_btn {
	background-color: #fff;
	padding: 1em;
	border: 1px solid #cccccc;
	margin-bottom: 1em;
	height:85px;
}
.subNav_btn-active {
	background-color: #f2f2f2;
}
.subNav_btn a {
	display: block;
	text-decoration: none;
}
.subNav_btn-active a {
	cursor: default;
}
.subNav_btn a:hover, .subNav_btn a:focus {
	opacity: .5;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.subNav_btn-active a:hover, .subNav_btn-active a:focus {
	opacity: 1;
}
.subNav_btn-active .productsIcon {
	background-color: #c8c9ca !important;
}
.subNav_btn h5 {
	font-weight: 600;
	margin-bottom: 0;
}
.subNav_btn small {
	color: #888;
	font-size: 0.625em;
	letter-spacing: 2px;
}

.subNav_btn .small_w {
	color: #888;
	padding-top:5px;
	font-size: 0.625em;
	letter-spacing: 1.3px;
	letter-spacing: 1.2px;
}

.subNav_btn02 {
	background-color: #fff;
	width:100%;
	padding:10px 0 15px;
	border-bottom:2px #888 solid;
	margin-bottom: 40px;
}

/* ----------------------------------------------------------------------------------
		Photo Products
------------------------------------------------------------------------------------- */
.photo-products {
	position: relative;
}
.photo-products-num {
	position: absolute;
	top: 0;
	left: 0;
	width: 4em;
	height: 4em;
	margin-left: 15px;
	font-size: 1.25em;
	color: #fff;
	padding: 0.25em 0 0 0.75em;
	background-image: url(../products/images/bg_num.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top -10px;
}
.photo-products h4 {
	color:#85bf12;
}
/* ----------------------------------------------------------------------------------
		Btn Buy
------------------------------------------------------------------------------------- */
.btn-buy{
	background-color: #9d9d9d;
	color: #fff;
	text-decoration: none;
	padding: 1em 5em;
	border: 3px solid #fff;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.10);
}

.btn-buy:hover, .btn-buy:focus{
	background-color: #c9c9c9;
	color: #fff;
}

.btn-buy02{
	background-color: #9d9d9d;
	color: #fff;
	text-decoration: none;
	padding: 1em 3em;
	border: 3px solid #fff;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.10);
}

.btn-buy02:hover, .btn-buy02:focus{
	background-color: #c9c9c9;
	color: #fff;
}

.btn-buy03{
	background-color: #9d9d9d;
	color: #fff;
	text-decoration: none;
	text-align:center;
	padding: 1em 0;
	border: 3px solid #fff;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.10);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.10);
	width:96%;
	letter-spacing:-0.02em;
}

.btn-buy03:hover, .btn-buy02:focus{
	background-color: #c9c9c9;
	color: #fff;
}

/* ----------------------------------------------------------------------------------
		Recipess Icon
------------------------------------------------------------------------------------- */
.recipesIcon {
	width: 2.5em;
	height: 2.5em;
	text-align: center;
	margin-right: 0.5em;
	margin-top:-0.5em;
	float: left;
	color: #fff;
}
.recipesIcon span {
	font-size: 1.75em;
	line-height: 1.5;
}
.thumbnailIcon {
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	margin-right: 0.5em;
	margin-top:-0.2em;
	float: left;
	color: #fff;
}
.thumbnailIcon span {
	font-size: 1.25em;
	line-height: 1.25;
}
/* ----------------------------------------------------------------------------------
		You Tube
------------------------------------------------------------------------------------- */

.youtube {
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.youtube iframe {
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
}

.youtube2 {
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin-bottom: 0;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 15%;
  width: 70%;
  top: 10%;
  height: 70%;
}

/* ----------------------------------------------------------------------------------
		Recipe
------------------------------------------------------------------------------------- */
.recipe-title{
	border-left:5px solid #8ec449;
	padding-left:1em;
	margin-bottom:1.5em;
}
.recipe-table th{
	color:#8ec449;
	white-space:nowrap;
}
.recipe-table th, .recipe-table td{
	padding:0.25em 0;
}

.ingredient ul{
	margin-bottom:0;
}
.ingredient li{
	padding-bottom:0.25em;
	margin-bottom:0.25em;
	border-bottom:1px dotted #cdcdcd;
}
.recipe-flow{
	background-color:#fff;
	padding:1.5em 3em;
	height:240px;
}
@media screen and (min-width:768px) {
.ingredient ul li:last-child{
	border-bottom:none;
}
.recipe-flow{
	height:360px;
	padding-top:4em;
}
.recipe-flow p{
	font-size:1.125em;
}
}

/* ----------------------------------------------------------------------------------
		Cover Btn
------------------------------------------------------------------------------------- */

.cover-btn{
	padding:0;
	list-style:none;
}
.cover-btn li{
	float:left;
	width:21%;
	margin:0 2%;
}
.cover-btn .active{
	border:2px solid #8cc63f;
}

/* ----------------------------------------------------------------------------------
		Contact
------------------------------------------------------------------------------------- */

.table-contact{
	width:100%;
	margin-bottom:2em;
}
input::-webkit-input-placeholder {
  color:    #c9c9c9 !important;
}
input:-moz-placeholder {
  color:    #c9c9c9 !important;
}

.table-contact th{
	background-color:#f9f9f9;
	border:1px solid #ccc;
	font-weight:normal;
	padding:1em !important;
}
.table-contact td{
	border:1px solid #ccc;
	padding:1em !important;
}
@media screen and (max-width:767px) {
.table-contact select, .table-contact .input-group{
	margin-bottom:1em;
}
}

/* ----------------------------------------------------------------------------------
		Products Category
------------------------------------------------------------------------------------- */
.products-category img{
	width:3em;
	height:3m;
	float:left;
	border:1px solid #666;
	margin:0 5px 20px 0;
}
.products-category li{
	vertical-align:top;
}
.products-top a{
	color:#8cc63f;
}
.products-top li{
	margin:0 0.5em;
}

/* ----------------------------------------------------------------------------------
		Dot
------------------------------------------------------------------------------------- */
.dot{
	letter-spacing: -7px;
	margin-right:7px;
}



/* ----------------------------------------------------------------------------------
		contact
------------------------------------------------------------------------------------- */
.contact h4.title-arrow{
	color:#8dc21f !important;
}
.contact-box{
	background-color:#f1fae0;
}
.contact-box{
	width:560px;
	padding:26px;
	margin-bottom:10px;
}
.contact-box p{
	font-size:107%;
	font-weight:bold;
	margin:0;
	margin-bottom:0.4em;
}
.contact-box p.phone{	
	background-image: url(../images/icon_free_phone.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	margin:0;
	font-size:187%;
	font-weight:normal;
}
.contact-box p.phone a{
	text-decoration:none;
}
.text-bold{
	font-weight:bold;
}
.amazon{
	font-size:103%;
	font-weight:bold;
}
.amazon a{
	text-decoration:none;
	color:#8dc21f;
}


@media screen and (max-width:767px) {
	.contact-box{
		width:100%;
	}
}