/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	font-family: "Open Sans", 游ゴシック, YuGothic, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	padding-top: 110px;
	padding-bottom: 40px;
	line-height: 1.6;
	color: #222;
	position: relative; /*topBtnの親要素に指定*/
}
@media only screen and (max-width: 991px) {
	body { padding-top: 50px; padding-bottom: 0 }
}
a{/*color: #222;*/ text-decoration: none;}
/*a:hover,a:focus,a:active,a.active{color:#40210d}*/
a:hover img {
	opacity: 0.7;
	filter: menu_right(opacity=70);
	-ms-filter: "menu_left(opacity=70)";
}
p{font-size:15px;line-height:1.6}
/*h1,h2,h3,h4,h5,h6{font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;text-transform:uppercase;font-weight:700}*/
h1,h2,h3,h4,h5,h6{font-family: "Open Sans", 游ゴシック, YuGothic, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;text-transform:uppercase;font-weight:500}
h1 {
	margin: .5em auto;
	font-size: 28px;
}
h2 {
	font-size: 25px;
	margin: 3em auto 1em;
}
h2.index{color: #dc2772;}
h2.index span {
	display: inline-block;
	margin-left: 100px;
	font-size: 15px;
	font-weight: 400;
	color: #222;
}
h2.about {
    color: #dc2772;
    padding: 5px 5px 5px 30px;
    position: relative;
}
h2.about:before{
	background-color: #dc2772;
	border-radius: 5px;
	content: '';
	position: absolute;
	top: 0;
	left: 3px;
	width: 5px;
	height: 100%;
}
h2.about:after{
	background-color: #f3cbd0;
	border-radius: 5px;
	content: '';
	position: absolute;
	top: 0;
	left: 12px;
	width: 5px;
	height: 100%;
}
h2.topics{
	color: #5e3819;
	border-bottom: 2px dotted #5e3819;
	margin-top: 0;
}
/*
@media only screen and (min-width: 992px) {
	p.lnk_topics {margin: -3.5em 13px 30px 40em;}
}
*/
p.lnk_topics a {
	color: #5e3819;
	margin-left: 2em;
}
@media only screen and (min-width: 992px) {
	p.lnk_access {margin: -3.5em auto 30px 15em;}
}
p.lnk_access a {color: #5e3819;}
h2.privacy {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0.5em;
	color: #dc2772;
}
h3 {font-size: 22px; margin: 1.5em auto .1em;}
h3.technic {
    color: #dc2772;
	position: relative;
	padding: .25em .5em .5em 1.8em;
}
h3.technic::before,
h3.technic::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h3.technic::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(220, 39, 114, 1);
}
h3.technic::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(243, 203, 208, 1);
}



.brown { color: #5e3819; }

.space_top     { padding-top: 50px; }
/*.space_top2    { padding-top: 30px; }*/
.space_bottom  { padding-bottom: 50px; }
.space_bottom2 { padding-bottom: 300px; }
.space_bottom3 { padding-bottom: 20px; }


/* index */
#special {
	position: relative;
	padding-top: 17%;
}
#special .special_move {
	position: absolute;
	top: -55%;
}
#special_sp {
	position: relative;
	padding-top: 1%;
	padding-bottom: 30%;
}
#special_sp .special_move {
	position: absolute;
	top: -40%;
}
#special .special_move2 {
	position: absolute;
	top: -180%;
}
#special img, #special_sp img {
	max-width: 100%;
}
.lettuce_name {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: -0.05em;
	color: #dc2772;
}
.lettuce_desc {
	font-size: 16px;
	font-weight: 500;
	color: #5e3819;
	border-bottom: solid 1px #5e3819;
}
.label1 {
	display: inline-block;
	margin-bottom: 5px;
    padding: 1px 10px;
    text-decoration: none;
	font-weight: 500;
	letter-spacing: -0.1em;
    color: #fff;
	border-radius: 3px;
}
.l_pink	  { background-color: #dc2772; }
.l_orange { background-color: #db9027; }
.l_ygreen { background-color: #72db27; }
.l_green  { background-color: #27db90; }
.l_blue   { background-color: #2772db; }
.l_purple { background-color: #9027db; }
.box_recipe {
	display: block;
	background-color: rgba(139,174,63,0.4);
	border-radius: 3px;
}

.bg-logo-pink { background-color: #dc2772; }


.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

.outer {
	display: flex;
	justify-content: center;
	align-items: center;
}





/* CUSTOMIZE THE SLIDER
-------------------------------------------------- */




/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.container {
	border: none;
}
.navbar {
	margin: 0;
	padding: 0;
}
.navbar-wrapper {
	background-color: #fff;
	color: #fff;
}
.navbar-default .navbar-toggle {
	border-color: #dc2772;
	border: 2px solid #dc2772;
	z-index: 20;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #dc2772;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	background-color: #dc2772;
}
/*
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
	border-color: #65baad;
}
*/
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
	background-color: #fff;
}


/* 992px以上の場合 */
@media only screen and (min-width: 992px) {
	.navbar .nav li a {
		font-weight: 500;
		color: #5e3819;
		position: relative;
		display: inline-block;
		text-decoration: none;
		transition: .3s;
	}
	.navbar .nav li a:after {
		position: absolute;
		bottom: 10px;
		left: 50%;
		content: '';
		width: 0;
		height: 3px;
		background-color: #dc2772;
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.navbar .nav li a:hover:after {
		width: 80%;
	}
}


/* 991px以下の場合 */
@media only screen and (max-width: 991px) {
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	.navbar-collapse.collapse.in {
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}

	.navbar-brand {
		background: url("img/header_logo.png") no-repeat left center;
		background-size: contain;
		position: fixed;
		z-index: 10;
		width: 100%;
		margin-left: 10px;
	}
/*
	.navbar .nav li a {
		font-weight: 500;
		color: #5e3819;
		position: relative;
		display: inline-block;
		text-decoration: none;
		transition: .3s;
	}
	.navbar .nav li a:after {
		position: absolute;
		bottom: 8px;
		left: 30px;
		content: '';
		width: 0;
		height: 3px;
		background-color: #dc2772;
		transition: .3s;
	}
	.navbar .nav li a:hover:after {
		width: 80%;
	}
*/
}
/* 767px以下の場合 */
@media only screen and (max-width: 767px) {

}
/* 544px以下の場合 */
@media only screen and (max-width: 544px) {

}





/* CUSTOMIZE FOR MAIN
-------------------------------------------------- */

/* header */

.inner_header {
	border: solid 4px #dc2772;
}

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}


/* main */

.breadcrumb {
  padding: 0;
  margin-left:0;
  padding-left:0;
  background: none;
}
.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-size: 12px;
  font-weight: 500;
}
.breadcrumb>li+li:before {
  content: none;
}
.breadcrumb li:after{/* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #555;
}
.breadcrumb li:last-child:after{
  content: '';
}
.breadcrumb li a {
    text-decoration: none;
    color: gray;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}

.contents {
	background-image: url("img/bg.jpg");
}


.ggmap {
	position: relative;
/*	padding-bottom: 56.25%;*/
	padding-bottom: 37.5%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 1em auto;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}


ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop i {
  padding-top: 6px
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 5px 0 0;
  border-radius: 5px;
  width: 50px;
  height: 50px;
  background-color: #dc2772;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


/* side */
ul.side-nav {
	margin: auto 20px 50px;
/*	margin-top: 50px;*/
	padding: 0;
	position: relative;
}
ul.side-nav > li {
	list-style: none;
	line-height: 1.5;
	margin: 1em auto;
/*	padding-left: 1em;
	text-indent: -1em;*/
/*	list-style-position: inside;*/
}
ul.side-nav a {
	text-decoration: none;
/*	width: 188px;*/
	width: 100%;
	padding: 0.1em 0 0.1em 1em;
	display: inline-block;
/*	color: #222;*/
	background-color: #dc2772;
/*	border: 1px solid #e5e5e5;*/
	border-radius: 10px;
}
ul.side-nav a:hover {
	text-decoration: none;
	background-color: #27db90;
/*	color: #fff;*/
}



/* footer */

footer{/*margin-top: 50px; padding:25px 0 10px; padding:25px 0; background-color: #f2f2f2;*/}
footer span.copyright{line-height:4em;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px; text-transform:uppercase;text-transform:none;color:#fff;background-color: #dc2772;}
/*footer span.copyright{padding: 5em auto;font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;text-transform:none;color:#fff;background-color: #dc2772;}*/
footer ul.quicklinks{
/*	margin-top:60px;*/
	margin-bottom: 1em;
	font-size: 1em;
/*	line-height:40px;*/
	line-height: 1.5em;
	font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	text-transform:none
}
.inner_footer{padding: 20px 0;}
.sp_menu{
	margin: 0;
	padding: 0;
	line-height: 2;
}


/* INDEX.PHP
-------------------------------------------------- */
.btn_recipe {
    display: inline-block;
	margin: 0 10px 10px;
    padding: 1px 10px;
    text-decoration: none;
	font-weight: 500;
    color: #fff;
	background-color: #8bae3f;
    border: solid 2px #8bae3f;
    border-radius: 3px;
    transition: .4s;
}
.btn_recipe:hover, .btn_recipe a:hover {
    background: none;
    color: #8bae3f;
	text-decoration: none;
}




/* CONCEPT.HTML
-------------------------------------------------- */
.box_concept {
	position: relative;
	margin: 5em 0;
	padding: 1em;
	border: solid 3px #dc2772;
	border-radius: 5px;
}
.box_concept .box-title {
	position: absolute;
	display: inline-block;
	top: -2.5em;
	left: -3px;
	padding: .1em 1em;
	height: 2.5em;
	line-height: 2.5em;
	vertical-align: middle;
	font-size: 17px;
	background: #dc2772;
	color: #ffffff;
	font-weight: 500;
	border-radius: 5px 5px 0 0;
}
.box_concept p {
    margin: 0; 
    padding: 0;
}
.box_concept2 {
	padding: 0.2em 0.5em;
	margin: 2em 0;
	color: #565656;
	background: #ffeaea;
	box-shadow: 0px 0px 0px 10px #ffeaea;
	border: dashed 2px #ffc3c3;
	border-radius: 8px;
}
.box_concept2 p {
	margin: 0; 
	padding: 0;
}


/* TECHNIC.HTML
-------------------------------------------------- */



/* FLOW.HTML
-------------------------------------------------- */




/* ABOUT.HTML
-------------------------------------------------- */
.table_about{margin-top: 10px; border-bottom: 1px solid #ddd; border-left: none; border-right: none; }
.table_about th{font-weight:normal;vertical-align: middle;width:15%;}
.table_about td{}

.table_about2{margin-top: 10px; border-bottom: 1px solid #ddd; border-left: none; border-right: none; }
.table_about2 th{font-weight:normal;vertical-align: middle;width:15%;}
@media only screen and (max-width: 991px) {
	.table_about2 th{width: 4.5em;}
}
.table_about2 td{}



/* MEDIA.HTML
-------------------------------------------------- */
.media1 {
	font-size: 18px;
    padding: 5px 5px 5px 30px;
    position: relative;
}
.media1:before{
	background-color: #dc2772;
	border-radius: 5px;
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 5px;
	height: 80%;
}
.media2 {
	font-size: 16px;
	font-weight: 500;
	color: #dc2772;
}
.btn_media {
    display: inline-block;
	margin: 0 10px 10px 0;
    padding: 5px 15px;
    text-decoration: none;
	font-weight: 500;
    color: #222;
	background-color: #eee;
    border: solid 1px #999;
    border-radius: 3px;
    transition: .4s;
}
.btn_media:hover, .btn_media a:hover {
    background: none;
    color: #222;
    border: solid 1px #222;
	text-decoration: none;
}




/* RECRUIT.HTML
-------------------------------------------------- */






/* CONTACT.HTML
-------------------------------------------------- */






/* PRIVACY.HTML
-------------------------------------------------- */

.privacy_text {
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin-top: 5px;
	margin-bottom: 30px;
	font-size: 14px;
}





/* INDEX.PHP
-------------------------------------------------- */
/* --- WordPress新着記事 --- */

li.article-list{
	list-style: none;
}
span.article-cat {
	display: inline-block;
	width: 70px;
	padding: 0.1em 0.4em;
	text-align: center;
}
.article-date {
	display: inline-block;
	height: 15px;
	text-align: center;
/*	margin-left: 10px;*/
}
.article-title {
	display: inline-block;
	height: 15px;
/*	margin-left: 10px;*/
}
.article-title2 {
	display: inline-block;
	height: 3em;
	font-weight: 500;
/*	margin-left: 10px;*/
}
.article-title2 a {
	color: #fff;
}
.article-content {
	display: inline-block;
/*	line-height: 20px;*/
	line-height: 3em;
	margin: 0 20px;
}
/* カテゴリ別に背景を色分け(span.カテゴリスラッグ) */
span.group1	{ background: #dc2772; }
span.group2	{ background: #db9027; }
span.group3	{ background: #27db90; }
span.group4	{ background: #2772db; }
span.group5	{ background: #9027db; }
span.others	{ background: #666; }

span.group1, span.group2, span.group3, span.group4, span.group5, span.others {
	color: #fff;
	font-size: 11px;
	font-weight: 500;
	border-radius: 3px;
}

hr.news_line {
	color: #5e3819;
	border-bottom: 1px dotted #5e3819;
}
.next {
	float: right;
	font-size: 14px;
}

.prev {
	float: left;
	font-size: 14px;
}



/* CONTACT.PHP
-------------------------------------------------- */
/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { color: #222; border:2px solid #222; padding:0px; margin:0 0 30px 0; }
div.wpcf7 p { padding:30px 30px 0; margin:0; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #222; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:300px; }
/* 544px以下の場合 */
@media screen and (max-width:544px){
	div.wpcf7 input, div.wpcf7 p, div.wpcf7 text { width:97.5%; }
}
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; display: inline-block; padding: 0.3em 1em; text-decoration: none;
   background: none; color: #222; font-weight: 500; border: solid 2px #222; border-radius: 3px; transition: .4s;
}
div.wpcf7 input.wpcf7-submit:hover { background: #222; color: white; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #222; }
.wpcf7-captchac { border:1px solid #222; }

/* ラジオボタン縦表示 */
.wpcf7-list-item {
    display: block;
}

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* 必須赤色表示 */
.wpcf7 .required { color: #f00; font-weight: 500; }
/* 任意緑色表示 */
.wpcf7 .any{ color: #080; font-weight: 500; }






/* RESPONSIVE CSS
-------------------------------------------------- */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
/*.pc { display: block !important; }*/
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
/*@media only screen and (max-width: 544px) {*/
@media only screen and (max-width: 991px) {
	.pc { display: none !important; }
	.sp { display: block !important; }
	.sp li{
		margin: 10px 0 10px 50px;
		a,a:hover,a:focus,a:active,a.active{outline:0}
		a{color:#726256}
		a:hover,a:focus,a:active,a.active{color:#fec503;text-decoration: none;}
	}
}
.pc_album { display: block !important; }
.sp_album { display: none !important; }
@media only screen and (max-width: 991px) {
	.pc_album { display: none !important; }
	.sp_album { display: block !important; }
}