@charset "UTF-8";
/* ----------------------------------------------------------------------------------
		Header
------------------------------------------------------------------------------------- */
#header {
	/*padding: 1em 0 0 0;*/
	border-bottom: solid 6px #233C28;
}

#header_pro {
	/*padding: 1em 0 0 0;*/
	border-bottom: solid 6px #233C28;
}

#globalNav {
margin-top:-15px;
}

#clear{
clear:both;
height:10px;
}

#space10{
height:10px;
clear:both;
}

#space{
height:30px;
clear:both;
}

div.col-md-12.text-right.top_text{
	width:100%;
	background-color: #f2f2f2;
	padding: 10px 100px 0 0;
	height: 35px;
	margin-bottom: 27px;
}
@media (max-width: 880px) {
#globalNav {
margin-top:0;
}
}
@media (max-width: 767px) {
	#header {
		border-bottom: none;
}
}
@media (max-width: 480px) {
	div.col-md-12.text-right.top_text{
		padding: 10px 20px 0 0;
	}
}

/* ----------------------------------------------------------------------------------
		GlobalNav
------------------------------------------------------------------------------------- */
.list-inline{
	margin-top: 8px !important;
}

/* ----------------------------------------------------------------------------------
		SubNav
------------------------------------------------------------------------------------- */
#subNav {
	background-color: #f9f9f9;
	margin-bottom: 2em;
	padding: 2em 0 1em;
}
#subNav-recipes {
	background-color: #f8f8f8;
	margin-bottom: 0;
	padding: 1.5em 0 0;
	font-size:1.125em;
}
#subNav-recipes-thumbnail {
	background-color: #ededed;
	margin-bottom: 3em;
	padding: 1.5em 0;
}
#subNav-recipes ul{
	margin-bottom:0.75em;
}

#subNav-recipes li {
	margin-right:1em;
	margin-bottom:0.75em;
}
#subNav-recipes li.active {
	font-weight:bold;
	background-image: url(../images/arrow_title.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#subNav-recipes li.active a {
	text-decoration:none;	
}



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

#cover {
	background-color: #000;
	position: relative;
	padding-bottom: 28.125%;
	height: 0;
	margin-bottom:1.5em;
}
#cover > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cover-left, #cover-right {
	float: left;
	width: 25%;
	height: 100%;
}
#cover-center {
	float: left;
	width: 50%;
	height: 100%;
}

@media screen and (max-width:991px) {
#cover {
	padding-bottom: 56.25%;
}
#cover-left, #cover-right {
	display: none;
}
#cover-center {
	width: 100%;
	float: none;
}
}
/* ----------------------------------------------------------------------------------
		Contents
------------------------------------------------------------------------------------- */
#contents {
	padding: 2em 0 4em 0;
}

#space_s {
clear:both;
height:10px;
}

.container .left-box{
width:48%;
float:left;
}

.container .right-box{
width:48%;
float:right;
}

@media screen and (max-width:1200px) {
.container .left-box{
width:auto;
float:none;
}

.container .right-box{
width:auto;
float:none;
}
}

/* ----------------------------------------------------------------------------------
		Top Whats New（トップページ 最新情報）
------------------------------------------------------------------------------------- */
#top_whatsNew {
	margin-bottom: 3em;
}
@media screen and (min-width:768px) {
	#top_whatsNew .row{
		margin-bottom: 30px;
	}
}
#top_whatsNew a {
	text-decoration: none;
	color: #8cc63f;
}
#top_whatsNew a:hover, #top_whatsNew a:focus {
	text-decoration: underline;
}
.news-more {
	font-size:120%;
}

/* ----------------------------------------------------------------------------------
		Top Products（トップページ 商品のご紹介）
------------------------------------------------------------------------------------- */
#top_products {
	margin-bottom: 2em;
}
#top_products h6 {
	margin-bottom: 0;
}
#top_products small {
	font-size: 0.75em;
}
/* ----------------------------------------------------------------------------------
		Top My Photos（トップページ マイフォト）
------------------------------------------------------------------------------------- */
#top_myPhotos {
	margin-bottom: 3em;
	position:relative;
}
#top_myPhotos a, #top_myPhotos a:hover, #top_myPhotos a:focus {
	color: #8cc63f;
}
#instagram-icon{
	position:absolute;
	top:0;
	right:0;
	margin-right:0px;
	margin-top:-14px;
	width:40px;
}
@media screen and (min-width:768px) {
#instagram-icon{
	position:absolute;
	top:0;
	right:0;
	margin-right:62px;
	margin-top:-14px;
	width:50px;
}
}

@media screen and (min-width:992px) {
#top_myPhotos {
	padding-right: 60px;
}
}
/* ----------------------------------------------------------------------------------
		From Kitchen（トップページフロムキッチン）
------------------------------------------------------------------------------------- */
#top_fromKitchen {
	margin-bottom: 3em;
}
#top_fromKitchen a, #top_fromKitchen a:hover, #top_fromKitchen a:focus {
	color: #8cc63f;
}
/* ----------------------------------------------------------------------------------
		Links
------------------------------------------------------------------------------------- */
#links {
	background-color: #f9f9f9;
	padding: 4em 0;
	text-align: center;
}
#links li {
	overflow: hidden;
	margin: 0 1em;
}
#links a {
	padding-top: 1em;
	display: block;
	width: 10em;
	height: 10em;
	border-radius: 5em;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	transition: all .15s;
}
#links a:hover, #links a:focus {
	opacity: .5;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
#links h1 {
	margin-bottom: 0;
}

/* ----------------------------------------------------------------------------------
		Footer
------------------------------------------------------------------------------------- */
#footer {
	background-color: #f2f2f2;
	padding: 2em 0;
}
#footer h5 {
	margin-bottom: 1.25em;
}
#footer dt {
	font-weight: normal;
	color: #8cc63f;
	width: 7em;
	text-align: left;
	margin-bottom: 0.25em;
}
#footer dd {
	margin-bottom: 0.25em;
}

@media screen and (min-width:768px) {
#footer dd {
	margin-left: 8em;
}
}

/* ----------------------------------------------------------------------------------
		Copyright
------------------------------------------------------------------------------------- */
#copyright {
	text-align: right;
}

@media screen and (max-width:767px) {
#copyright {
	text-align: center;
}
}
/* ----------------------------------------------------------------------------------
		Shop List
------------------------------------------------------------------------------------- */
#shopList {
	margin-bottom: 3em;
}
#shopList .nav-tabs {
	border-bottom-color: #8cc63f;
}
#shopList li {
	width: 14.2857%;
	text-align: center;
	font-size: 0.75em;
}
#shopList a, #shopList a:hover, #shopList a:focus {
	text-decoration: none;
}
#shopList a:hover, #shopList a:focus {
	color: #8cc63f;
	background-color: rgba(140,198,63,0.05);
	border-color: rgba(140,198,63,0.30) rgba(140,198,63,0.30) transparent rgba(140,198,63,0.30);
}
#shopList li.active a, #shopList li.active a:hover {
	border-color: #8cc63f #8cc63f #fff #8cc63f;
	color: #8cc63f;
	background-color: transparent;
}
.sub-title2{
	font-size: 0.75em;
	margin-bottom: 25px;
}

/* ----------------------------------------------------------------------------------
		Shop List2
------------------------------------------------------------------------------------- */
#shopList2 {
	margin-bottom:15px;
}
#shopList2 ul {
	padding-left: 0;
}
#shopList2 li {
	list-style: none;
	float: left;
	margin-right: 1.5625%;
	margin-bottom: 5px;
	width: 28%;
	text-align: center;
	padding: 8px 10px;
	background-color: #ffffff;
	border: solid 1px #c5bfbf;
}
#shopList2 a, #shopList a:hover, #shopList a:focus {
	text-decoration: none;
}
#shopList2 a:hover, #shopList a:focus {
	color: #8cc63f;
	background-color: rgba(140,198,63,0.05);
	border-color: rgba(140,198,63,0.30) rgba(140,198,63,0.30) transparent rgba(140,198,63,0.30);
}
#shopList2 li.active a, #shopList li.active a:hover {
	border-color: #8cc63f #8cc63f #fff #8cc63f;
	color: #8cc63f;
	background-color: transparent;
}
#shopList2 img {
}
@media screen and (min-width:1200px) {
	#shopList2 li {
	width: 42%;
	}
}
/* ----------------------------------------------------------------------------------
		Buy
------------------------------------------------------------------------------------- */
#buy {
	background-color: #f5f5f5;
	margin-bottom: 3em;
	padding: 2em 0 1em;
	text-align: center;
}
/* ----------------------------------------------------------------------------------
		Products Detail
------------------------------------------------------------------------------------- */

#products-detail {
	background-color: #f5f5f5;
	margin-bottom: 2em;
}
.detail-text {
	padding: 1.5em 1em 1em 1em;
}
.detail-title {
	border-left: 3px solid #8cc220;
	padding-left: 1em;
}

@media screen and (min-width:768px) and (max-width:991px) {
.detail-text p {
	line-height: 1;
}
.detail-text small {
	font-size: 0.6875em;
}
}
/* ----------------------------------------------------------------------------------
		Recipes Menu
------------------------------------------------------------------------------------- */
#recipes-menu {
	text-align: right;
	margin-bottom: 0;
}

@media screen and (min-width:768px) and (max-width:991px) {
#recipes-menu {
	text-align: left;
	padding-top: 1em;
}
}
/* ----------------------------------------------------------------------------------
		Recipe
------------------------------------------------------------------------------------- */
#recipe {
	background-color: #fff;
	padding: 1em;
	position: relative;
	background-color:#f2f2f2;
}

.recipe-next, .recipe-prev {
	width: 3em;
	height: 3em;
	border-radius: 1.5em;
	background-color: #85bf12;
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	line-height: 3em;
	text-align: center;
	z-index:100000;
}
.recipe-next.disabled, .recipe-prev.disabled {	
	background-color: #c9c9c9;
}

.recipe-next {
	right: -1.5em;
}
.recipe-prev {
	left: -1.5em;
}
.recipe-next a, .recipe-prev a {
	color: #fff;
	text-decoration: none;
	display: block;
}

.recipe-next a:hover, .recipe-next a:focus, .recipe-prev a:hover, .recipe-prev a:focus {
	color: #fff;
	font-size: 1.5em;
}
.recipe-next.disabled a, .recipe-prev.disabled a {	
	cursor:default;
}
.recipe-next.disabled a:hover, .recipe-prev.disabled a:hover , .recipe-next.disabled a:focus, .recipe-prev.disabled a:focus {	
	font-size: inherit;
}
.recipe-pagination {
	text-align: center;
	padding: 1em 0 0;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 1em;
	height: 1em;
	border-radius: 1em;
	margin: 0 0.5em;
	background-color: #e8f4d9;
	border: 1px solid #d1e8b2;
	cursor: pointer;
	transition: all .25s linear;
}
.swiper-active-switch {
	background-color: #8cc63f;
}


/* ----------------------------------------------------------------------------------
		News
------------------------------------------------------------------------------------- */
.news #top_whatsNew{
	 margin-top:40px;
}
.news .title-top{
	 font-size:140%;
}
.news-box{
	border-bottom:dotted 1px #D3D3D3;
		margin-bottom:20px !important;
}
.news-title{
	font-size:119%;
	padding-left:0.5em;
	border-left:solid 2px #D3D3D3;
}
@media screen and (min-width:767px) {
.news-title-top{
	padding-bottom:20px;
}
	.news-box{
		padding-bottom:20px;
		margin-bottom:50px !important;
	}
}



@media screen and (min-width:767px) {
	.line2 {
		height:2.4em;
	}
}




/* ----------------------------------------------------------------------------------
		PASCOキャンペーン2015
------------------------------------------------------------------------------------- */
.pr-spring2015 #contents {
	background:url(../pr_2015spring/images/background.png);
	padding:0 0 50px 0;
}
.pr-spring2015 .contents h1 {
	margin:0 auto;
	padding:0.5em auto;
}

.pr-spring2015 .header {
	 background:url(../pr_2015spring/images/head_back.jpg) no-repeat;
	 background-size:contain;
	 background-color:#FFFFFF;
	 border-bottom-left-radius: 10px;
	 border-bottom-right-radius: 10px;
}

.pr-spring2015 h2.header-title {
	width:100%;
	text-align:center;
	padding-top:50px;
	padding-bottom:40px;
}
.pr-spring2015 h2.header-title img{
	width:100%;
}
.pr-spring2015 h3.about{
	text-align:left;
	color:#b28850;
	padding-left:5px;
	border-left:solid 5px #f8b551;
	margin-top:2em;
	margin-bottom:1em;
	font-size:150%;
}

.pr-spring2015 .header p{
	line-height:1.8em;
}

.pr-spring2015 a.orange{
	color:#ea7703;
}
.panini-title{
	margin:2em;
}

.panini{
	background-color:#FFF;
 border-radius: 10px;
 text-align:left;
}
.panini-header{
	background-color:#f9f8f7;
	border-radius: 10px;
	margin-top:1.5em;
	padding-left:4em;
}
.panini-title{
	margin-left:-8px;
}
.panini h2{
	display:inline-block;
	padding-top:8px;
	margin-top:0.5em;
	float:left;
	font-weight:bold;
	font-size:200%;
}
.zairyo{
	display:inline-block;
	background-color:#FFF;
	border-radius:10px;
	padding:4px;
	margin-left:1em;
	margin-top:1.8em;
	float:left;
	color:#b28850;
}
.zairyo-text{
	clear:both;
}
.zairyo-text span{
	letter-spacing:-0.6em;
	font-size:90%;
	margin-right:0.4em;
}
.panini h3{
	color:#efa068;
}
.panini .col-sm-5 p{
	width:85%;
}
.step{
	margin-bottom:1em;
}

.step-box h3{
	line-height:1.4em;
}

.yanase-wrap{
	padding:20px;
}
.yanase{
	background:url(../pr_2015spring/images/kansyu_back.png) no-repeat bottom right;
	background-size:cover;
	box-shadow:none;
}
.yanase-name {
}
.yanase-name > div{
}
.yanase-name p {
	color:#ea7703;
	font-size:125%;
	margin-top:132px;
}

.yanase-name img {
	margin-top:4em;
}
#yanase{
	box-shadow:-2px -2px 2px 2px rgba(0,0,0,0.08);
}

.youtube-box{
	padding:0;
}
.youtube-wrap{
	background-color:#fce5b4;
	border-radius:10px;
	width:100%;
	padding:10px;
}
.inline-wrap{
	background-color:#fff;
	border-radius:5px;
}

.youtube-box h2{
	text-align:left;
	color:#b28850;
	padding-left:0.4em;
	border-left:solid 5px #f8b551;
	margin-top:1.4em;
	margin-bottom:0.6em;
	font-size:140%;
}

#campain{
	margin:2em auto;
}
.yanase-wrap p{
	width:90%;
}
.san{
	font-size:90%;
}

.step-box{
	margin-bottom:90px;
}
.food-coordinator{
	margin-top:30px;
}

@media screen and (min-width:1200px) {
	.yanase-name p {
		margin-top:114px;
	}
	
	.yanase-name img {
		margin-top:3em;
		margin-bottom:10%;
	}
		
}

@media screen and (min-width:768px) and (max-width:991px) {
	.pr-spring2015 h2.header-title {
		padding-top:14px;
	}
	.yanase-name p {
		color:#ea7703;
		font-size:125%;
		margin-top:136px;
		margin-bottom:0;
		margin-left:1em;
		text-align:left;
	}

	.yanase-name img {
		margin-top:6em;
		margin-bottom:1em;
	}
	
	.pr-spring2015 #p01{
		margin-bottom:1.4em;
	}
	
	
	.panini-header{
		padding-left:1.5em;
	}
	.zairyo{
		margin-top:1.6em;
		margin-left:1em;
	}
}

@media screen and (max-width:767px) {
	
	.pr-spring2015 .container h1 {
		margin:0 auto;
		padding:0.5em auto;
	}
	.pr-spring2015 .header {
		background:none;
	  background-color:#FFFFFF;
	}
	
	.pr-spring2015 #p01{
		margin-bottom:1.4em;
	}
	
	.pr-spring2015 #p03{
		margin:1.4em 0;
	}
	
	.panini-header{
		margin:1em 1em;
		padding:0 2em;
	}
	
	.panini h2{
		font-size:140%;
	}
	.zairyo-text{
		padding-bottom:2em;
	}
	
	.pr-spring2015 h2.header-title {
		width:100%;
		text-align:center;
		padding-top:0px;
		padding-bottom:0px;
	}
	
	.header-col {
		padding:0;
	}
	
	.yanase-name p {
		color:#ea7703;
		font-size:125%;
		margin-top:86px;
		margin-bottom:0;
		margin-left:1em;
		text-align:left;
	}
	
	.yanase-name img {
		margin-top:1em;
	}
	
	.inline-wrap .col-sm-5 h2 {
		margin-left:10px;
	}
	.inline-wrap .col-sm-5 p{
		padding:0 10px 10px;
	}
	
	.panini-title{
		margin-left:auto;
		width:86%;
	}
	
	
	.zairyo{
		display:block;
		margin-left:0;
		margin-top:0;
	}
		
	.youtube-wrap{
		width:96%;
		margin:auto;
	}
	
	.youtube-box h2{
		font-size:120%;
	}
	#campain{
		width:90%;
	}
	.about-campain{
		padding:0 34px;
	}
	.step-box{
		margin-bottom:40px;
	}
	
	.food-coordinator{
		margin-top:10px;
	}
}



/* ----------------------------------------------------------------------------------
		業務用製品
------------------------------------------------------------------------------------- */

@media screen and (min-width:768px) {
	.products-list div {
		height: 400px;
	}
}



/* ----------------------------------------------------------------------------------
		製品カスタム
------------------------------------------------------------------------------------- */
#program{
	margin: 0 0 20px;
	padding:30px 0 5px;
	background-color: #dbdbdb;
}
.product-program {
	margin: 0;
	padding: 0;
	padding-left: 10px;
}
.product-program li{
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 1em;
}
.program-comment{
	margin-top: 10px;
}
#btn-youtube{
	width: 50%;
	margin:20px auto 30px;
}

@media screen and (min-width:768px) and (max-width:991px) {
	#program small {
		font-size: 0.6875em;
	}
}
@media screen and (min-width:1200px) {
	.product-program {
		margin: 0;
		padding: 0;
		padding-left: 0px;
	}
	.products-list div {
		height: 400px;
	}

	#btn-youtube{
		width: 50%;
		margin:50px auto 0;
	}
}




/* ----------------------------------------------------------------------------------
		オートブレンダー
------------------------------------------------------------------------------------- */

.auto-blender h3{
	display: inline-block;
}

.auto-blender a.btn-youtube{
	float: right;
	margin-top: -16px;
	text-align: right;
}
.auto-blender a.btn-youtube img{
	width: 80%;
}
.auto-blender .thumbnailIcon,
.auto-blender h5{
	font-size:130%;
}
.auto-blender #subNav-recipes-thumbnail{
	background-color: #f1fae5;
	margin-bottom: 0;
}
.program-link {
	list-style: none;
	margin: 0;
	padding: 0;
}
.program-link li{
	margin: 0;
	padding: 0;
	line-height: 1.8em;
}
#program-header {
	background-color: #e6f7d0;
	padding: 2% 0 1%;
	margin-bottom: 4%;
}
#program-header h6{
	background-color: #8cc63f;
	text-align: center;
	display: inline-block;
	padding: 6px 14px;
	color: #fff;

	border-radius: 4px;
}
#program-header p{
	margin: 0;
	font-size: 100%;
}
.program-box{
	background-color: #f2f2f2;
	padding: 1em;
	margin: 0 0 4%;
}
.program-box .program-inner{
	padding: 2em 1em 0;
	background-color: #ffffff;
	overflow: hidden;
}
.program-box table tr:first-child td{
	border: none;
}
.program-box table tr:last-child td{
	border-bottom: solid 1px #ddd;
}
.program-box table tr td:first-child{
	width: 30%;
}

.program-title{
	background-color: #f2f2f2;
	background: url("../recipes/images/bg_diagonal.png") no-repeat bottom right;
	margin: 0;
	display: inline-block;
	padding: 1em 4em 0em 1em !important;
	margin-bottom: 0;
	font-size: 88%;
}
.program-title span{
	display: inline-block;
	border-radius: 6px;
	padding: 0.2em 0.5em;
	background-color: #9e9e9e;
	color: #ffffff;
	margin-right: 1.2em;
}
.program-menu {
	margin: 1em 0;
}
.program-menu p {
	background-color: #8cc63f;
	text-align: center;
	display: inline-block;
	padding: 6px 14px;
	color: #fff;
	font-size: 88%;
	border-radius: 4px;
}
.program-menu ol{
	margin: 0;
	padding: 0 0 0 2em;
}
.program-menu ol > li {
	color: #8cc63f;
	padding-bottom: 2em;
}

.program-menu ol > li span{
	color: #333333;
}
.groupA:after{
	content: "　";
	background: url("../recipes/images/icon_a.png") no-repeat right;
	background-size: contain;
	padding-left: 0.5em;
	display: inline-block;
}

.link-brander a{
	display: block;
	font-size:138%;
	color: #8cc63f;
	background-color: #8cc63f;
	text-align: center;
	display: inline-block;
	padding: 6px 14px;
	color: #fff !important;
	text-decoration: none;
	font-size: 88%;
	border-radius: 4px;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
}
.link-brander a:hover{
	opacity: 0.5;
}
.program-recipe-link a{
	color: #8cc63f;
	margin-left: 10px;
}
@media screen and (min-width:768px) {
	.program-recipe-link{
		font-size: 88%;
		margin-top: -30px;
		padding-right: 30px;
		text-align: right;
	}

	.groupA:after{
		content: "　";
		background: url("../recipes/images/icon_a.png") no-repeat right;
		background-size: auto;
		padding-left: 0.5em;
		display: inline-block;
		width: 20px;
		height: 20px;
	}
}
@media screen and (min-width:992px) {

	.auto-blender a.btn-youtube img{
		width: 100%;
	}
	.program-link li{
		line-height: 3em;
		font-size: 90%;
	}
	.program-link li.last{
		padding-left: 30px;
	}
	#program-header {
		background-color: #e6f7d0;
		padding: 2% 0 2%;
		margin-bottom: 2%;
	}
	#program-header p{
		margin: 0;
		font-size: 125%;
	}
	.program-menu {
		margin: 2em;
	}
	.link-brander a{
		font-size:138%;
		color: #8cc63f;
	}
}
@media screen and (min-width:1200px) {

	.program-link li{
		font-size: 100%;
	}
}

.title-products-proUse{
	position: relative;
}
.link-waring-cut{
	position: absolute;
	right:6%;
	top: 12px;
	width: 96px;
}
.link-waring-cut img{
	width: 100%;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
}

@media screen and (min-width:768px) {
	.link-waring-cut{
		right:4%;
		top: 12px;
		width: 160px;
	}
}
@media screen and (min-width:992px) {
	.link-waring-cut{
		right:2%;
		top: 40px;
		width: 20%;
	}

}

.productsIcon{
	min-height: 3.4em;
}