/*
Theme Name: Twenty Seventeen Child
Template: twentyseventeen
*/

@import url(custom.css);

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

ul {
    list-style-type: none;
}
em{
	color:#e00;
	font-style:normal;
}
.site-content-contain {
	background-color: #f8f2e9;
}

.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong,.site-info a,
.entry-content a:hover, .entry-summary a:hover, .comment-content a:hover, .widget a:hover, .site-footer .widget-area a:hover, .posts-navigation a:hover, .widget_authors a strong:hover,.site-info a:hover,
.widget ul li a, .site-footer .widget-area ul li a, .site-footer .widget-area ul li a {
	box-shadow: none;
	text-decoration: none;
	transition: none;
}
.site-info a {
    color: #fff;
}

/*------------------------------------------------------
 * サイト全体の幅調整
------------------------------------------------------*/
.wrap{
	max-width:100%;
}

.contents_area {
	max-width: 1200px;
	margin: 0 auto;
}


/*------------------------------------------------------
 * ヘッダ
------------------------------------------------------*/
.site-branding{
	padding-top:0;
	padding-bottom:0;
}
.site-header {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	background: none;
}
/* サイトロゴ画像 */
.site-title a{
	background: url(http://aokiengei.jp/wp-content/uploads/2019/04/logo_header.png);
	width: 180px;
	height: 75px;
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: block;
}

.site-description{
	display:none;
}
.site-header {
		/* ヘッダーを表示 */
    position: relative!important;
	background: url(http://aokiengei.jp/wp-content/uploads/2019/04/logo_bg.jpg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.navigation-top {
    bottom: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    /* z-index: 7; */
}

@media screen and (min-width: 48em){
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
	margin-bottom:0;
}
}
@media screen and (min-width: 30em){
	/* メニュー上部の隙間を無くす */
	.site-branding{
	padding:0!important;
}
}
body:not(.title-tagline-hidden) .site-branding-text{
	/* メニューが開いているときサイトタイトルは非表示 */
	display:none;
}

@media screen and (max-width:48em){
	body:not(.title-tagline-hidden) .site-branding-text{
	/* メニューがたたまれたときサイトタイトル表示 */
	display:block;
	margin-left:calc((100% - 200px)/2);
	padding:20px 0;	
}

.menu-toggle {
	margin-bottom: 0px;	
	}
}
@media screen and (max-width:37.5em){
.background-fixed {
	margin-top: 0px!important;
}
}

/*--------------------------------------------
 * メニュー
 * ------------------------------------------*/
.navigation-top nav {
    padding: 10px 0;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a,
.navigation-top a:hover {
    color: #ccd0cc;
}
.navigation-top a {
    color: #fff;
}
.navigation-top .wrap {
    max-width: 1500px;
}
.navigation-top {
	background: none;
	border: none;
}

.menu_logo{
	/* これはとても重要で、メニューの左にロゴ画像を表示させると、なぜかメニューがFixしなくなってしまう。
	 * absoluteを入れることでFixする（なおロゴ画像はheader.phpで入れています。） */
	position:absolute;
	background: url(http://aokiengei.jp/wp-content/uploads/2019/04/logo_bg.jpg);
	padding: 80px 40px 80px;
}
.site-navigation-fixed, .navigation-top {
	background: rgba(19,40,28, 0.6);
}
.js .main-navigation.toggled-on > div > ul {
    background: rgba(19,40,28, 0.6);
}
@media screen and (min-width: 67em){
.navigation-top .wrap {
    padding: 0em 2em;
}	
}
@media screen and (min-width: 48em){
.navigation-top nav{
		margin-left:300px;	
	}
}
@media screen and (max-width:48em){
.menu_logo{
	display: none;
	}
.navigation-top {
	/* メニューを表示 */
    position: relative;	
}
.navigation-top nav {
    padding: 0px;
}
}


/*------------------------------------------------------
 * リンク画像の周りの白い枠を消す
------------------------------------------------------*/
.entry-content a img, .comment-content a img, .widget a img {
    -webkit-box-shadow: 0 0 0 0px #fff;
    box-shadow: 0 0 0 0px #fff;
}

/*------------------------------------------------------
 * table
------------------------------------------------------*/
table.staff td:first-child {
    width: 20%;
}
table.staff{
	border-top:solid 1px #ccc;
}
table.staff td{
	border-bottom:solid 1px #ccc;
}
table.staff p{
	margin-bottom:0;
}
table.farm{
	width:60%;
	margin:2em auto;
	border:solid 1px #ccc;
}
table.farm td{
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	padding:0.5em;
	
}

@media screen and (max-width: 640px){
table.farm{
	width:100%;
	}	
}
table.farm td:first-child {
    width: 30%;
}
/*------------------------------------------------------
 * アニメーション
------------------------------------------------------*/
.inview_rightleft{
	opacity: 0;
}
@keyframes RightToLeft {
0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);/* X軸方向に0px */
}
}
.rightleft {
	animation-name: RightToLeft;/* アニメーション名 */
	animation-duration: 0.5s;/* アニメーション時間 */
	opacity: 1;
}

.inview_up{
	opacity: 0;
}
@keyframes up {
0% {
    opacity: 0;/* 透明 */
    transform: translateY(20px);/* Y軸方向に30px */
}
100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);/* Y軸方向に0px */
}
}
.up{
	animation-name: up;/* アニメーション名 */
	animation-duration: 2s;/* アニメーション時間 */
	opacity: 1;
}

/*--------------------------------------------
 * ボタン
 * ------------------------------------------*/
.btn {
	color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    background: #13291d;
    box-shadow: none;
    padding: 0;
}
.btn-square {
	color: #fff;
    width: 220px;
    height: 60px;
    text-align: center;
    background: #13291d;
    box-shadow: none;
    padding: 0;
	display: block;
	margin: 50px auto 150px;
}
@media screen and (max-width: 450px) {
	.btn-square {
	margin: 30px auto 50px;
}
}

/*--------------------------------------------
 * 見出し
 * ------------------------------------------*/
h1.entry-title {
	font-size: 1.5em!important;
    color: #6e786d!important;
	margin-top: 1.5em;
}
h2 {
	text-align: center;
    color: #13281c;
    font-size: 1.8em;
	margin-top: 90px;
	margin-bottom: 100px;
}
h2:after {
    content: url(http://aokiengei.jp/wp-content/uploads/2019/04/line_tate.png);
    position: absolute;
    left: 49.5%;
    margin-top: 1.8em;
}
h2.line-none {
	text-align: center;
    color: #13281c;
    font-size: 1.8em;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 90px;
}
@media screen and (max-width: 450px) {
	h1.entry-title {
		text-align: center;
	}
	h2 {
	margin-top: 50px;
	margin-bottom: 100px;
	padding-top: 0px;
}
}


/*------------------------------------------------------
 * ホーム
------------------------------------------------------*/
.home .entry-header{
	display:none;
}

.home .panel-content .wrap {
	padding-top:0;
	}
.news-content {
	background: #e8ecde;
}
.bg-green {
	background: #e8ecde;
	padding: 50px 0;
}
.news-content {
	background: #fff!important;
	display: flex;
	max-width: 940px;
	margin: 0 auto;
	padding: 30px;
}
@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
    max-width: 100%;
	padding: 0px;
}
}
.top-content {
	max-width: 1200px;
	margin: 0 auto;
}
.news-title {
	float: left;
	width: 20%;
	text-align: center;
    color: #13281c;
    font-size: 1.8em;
	border-right: solid 1px #c4cfaa;
}
.news {
	float: left;
	width: 60%;
}
.news-more {
	float: left;
	width: 20%;
}
.news li {
	clear: both;
}
.top-farm_thumb {
	float: left;
	width: calc(100% / 4);
}
.top-farm_thumb img {
	height: 500px;
	object-fit: cover;
	box-shadow: none!important;
    padding: 10px;
}
.top-farm_thumb a,
.top-farm_thumb a:hover {
	box-shadow: none;
}
.ourflowers_thumb {
	margin: 0 auto;
	text-align: center;
}
.lcp_ourflowers {
	margin: 0 auto 80px;
	text-align: center;
	/*max-width: 1080px;*/
}
.ourflowers_thumb img {
    width: 300px;
    height: 300px;
    object-fit: cover;
	border-radius: 50%;
}
.ourflowers-box {
    width: 33%;
    float: left;
    margin: 15px 0px;
}

ul.lcp_ourflowers:after {
    content: "";
    clear: both;
    display: block;
}

@media screen and (max-width: 930px) {
.ourflowers_thumb img {
    width: 200px;
    height: 200px;
}
}
@media screen and (max-width: 660px) {
.ourflowers_thumb img {
    width: 150px;
    height: 150px;
}
.flowers img {
    height: 150px!important;
    width: 150px!important;
}
}
@media screen and (max-width: 520px) {
	.flowers img {
    height: 100px!important;
    width: 100px!important;
	padding: 5px!important;
}
}

@media screen and (max-width: 460px) {
.ourflowers_thumb img {
    width: 100px;
    height: 100px;
}
}

.wp-image-37 {
    height: 300px;
    object-fit: cover;
}
.blog-content {
	background: #e8ecde!important;
	display: flex;
	max-width: 940px;
	margin: 0 auto;
	padding: 30px;
}
@media screen and (max-width: 820px) {
.news-content,
.blog-content {
	display: block;
	}
.news-title {
	float: none;
	width: 100%;
	border-bottom: solid 1px #c4cfaa;
	border-right: none;
}
.news {
	float: none;
	width: 100%;
}
.news-more {
	float: none;
	width: 100%;
	text-align: center;
}
.news_date {
    width: 150px!important;
}
}
@media screen and (max-width: 580px) {
.news_date {
    float: none!important;
	width: 100%!important;
	text-align: center!important;
	margin: 0px!important;
}
.news_title {
	text-align: center;
	float: none!important;
	margin-bottom: 30px;
}
	.panel-content .wrap {
		padding-left: 0px;
		padding-right: 0px;
	}
.top-farm_thumb {
	width: calc(100% / 2);
}
.top-farm_thumb img {
	height: 250px;
}
}

/*--------------------------------------------
 * 他ページ共通
 * ------------------------------------------*/
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
	max-width: 800px;
}
@media screen and (max-width: 1374px) {
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-top: 150px;
}
}
@media screen and (max-width:48em){
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-top: 0px;
}
}

/*--------------------------------------------
 * flowers
 * ------------------------------------------*/
.flowers img {
    height: 200px;
	width: 200px;
    object-fit: cover;
    box-shadow: none!important;
    padding: 10px;
}
.img_one_center .ourflowers-box {
	width: 100%;
    float: none;
    text-align: center;
}
.img_two_center {
    max-width: 65%;
    margin: 0 auto;
}
.img_two_center .ourflowers-box {
	width: 50%;
    float: left;
    text-align: center;
}

@media screen and (max-width:650px){
ul.lcp_shipment table {
    width: 85%!important;
}
}


/*-------------------------------------------------
	花カレンダー
---------------------------------------------------*/ 
.cal_on {
	background: #D38A98;
}
.calendar h3{
	display:none;
}

.scroll table {
	width: 1000px;
	margin: 0 auto;


}
.scroll table td:first-child, .scroll table th:first-child{
	/* 横スクロールで左端の列を固定します */
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index:999;
  background-color:#fff;
  width:10em;
}
.scroll {
    overflow: auto;
    white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height: 15px;

}
.calendar th {
	font-weight:normal;
	text-align:center;
	background:#fff;
}
.calendar td {
	border:1px solid #eee;
	text-align:center;
}
.scroll::-webkit-scrollbar-track{
 	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
	border-radius:20px;
	background:#ccd0cc;
}
@media screen and (max-width: 640px){
.scroll table{
    width: 640px;
}
}
@media screen and (max-width:48em){
.scroll {
	/* widthが働くようにする */
   white-space:normal;
}	
.scroll table td:first-child, .scroll table th:first-child{
	width:7em;
	}
}

/*--------------------------------------------
 * staff
 * ------------------------------------------*/
@media screen and (max-width:480px){
	.photo {
		text-align: center!important;
	}
}

/*-------------------------------------------------------------
 * 問い合わせフォーム
--------------------------------------------------------------*/
.buttom {
	text-align: center;
	margin: 0 auto;
}
.toiawase dd {
    padding-left: 170px;
    padding-bottom: 20px;
    padding-top: 10px;
    line-height: 1em;
	margin-left: 0;
}
	span.hissu {
	color: #b32935;
    padding: 0 5px;
    font-size: 0.9em;
    margin-right: 0.3em;
}
.toiawase dt {
    width: 170px;
    float: left;
	padding-top: 5px;
    font-weight: normal;
    font-size: 0.9em;
}

.toiawase input[type="text"], .toiawase input[type="email"] {
    line-height: 1em!important;
	background-color: #fff;
	border: none;
}
.toiawase textarea {
	background-color: #fff;	
	border: none;
}

input + input[type="submit"] {
    padding: 1em 2em;
}
button, input[type="button"], input[type="submit"] {
	background-color: #112a1c;
}
.green_big {
	text-align: center;
	font-size: 40px;
	color: #6c9f53;
	font-weight: bold;
}
.toiawase-tel {
	text-align: center;
}

@media screen and (max-width: 500px) {
.green_big {
	font-size: 26px;
}
.toiawase dd {
    padding-left: 0px;
}
.toiawase dt {
    width: 100%;
    float: none;
}
}

/*--------------------------------------------
 * NEIGHBORHOOD
 * ------------------------------------------*/
.ne-title a {
	font-weight: bold;
	color: #112a1d;
}
.ne-title {
	margin-bottom: 5px;
    padding-left: 5px;
	font-size: 1.1em;
}

/*--------------------------------------------
 * Q&A
 * ------------------------------------------*/
.arconix-faq-title:before {
    content: 'Q';
    background-color: #6e786d;
    font-size: 1em;
    color: #fff;
    padding-left: 6px;
    margin-right: 10px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: block;
    float: left;
}
.arconix-faq-title {
	background: none!important;
	padding-left: 0px!important;
}
.arconix-faq-content:before {
    content: 'A';
    background-color: #A60D00;
    font-size: 1em;
    color: #fff;
    padding: 0px 8px;
    margin-right: 10px;
    border-radius: 20%;
    float: left;
}

/*--------------------------------------------
 * LINKS
 * ------------------------------------------*/
.links .fas {
    padding-left: 5px;
    color: #A60D00;
}
.fas {
    font-family: "Font Awesome 5 Free";
}


/*------------------------------------------------------
 * 投稿ページ
------------------------------------------------------*/
.entry-footer .cat-tags-links {
    display: none;
}
.entry-footer .edit-link {
    display: none;
}

.single .byline, .group-blog .byline {
    display: none;
}
.post-navigation {
    display: none;
}

.single_cat {
    background-color: #1C2D22;
    color: #fff;
    padding: 0 10px;
	width: 150px;
    margin-bottom: 0.5em;
    text-align: center;
    border-radius: 1px;
}

/*-----------------------------------------------
 * lcp_top-news
 * --------------------------------------------*/
.news_date {
	float:left;
	width:120px;
	text-align: left;
    margin-bottom: 7px;
	margin-left: 10px;
	margin-right: 10px;
}
.news_title {
	float:left;
}


/*-----------------------------------------------
 * lcp_ichiran
 * --------------------------------------------*/

.ichiran-box_thumb img {
    width: 343px;
    height:229px;
    object-fit: cover;
}
.ichiran-box {
    width: 30%;
    float: left;
    margin: 15px 10px;
}

ul.lcp_ichiran:after {
    content: "";
    clear: both;
    display: block;
}

@media screen and (max-width:638px) {
.ichiran-box {
    width: 100%;
    float: none;
    margin: 2em 0px;
}
.ichiran-box_thumb img {
    width: 100%;
    height:auto;
    object-fit: cover;
}
}

/*-----------------------------------------------
 * lcp_shipment
 * --------------------------------------------*/
ul.lcp_shipment table {
	margin: 0 auto;
    width: 70%;
}
ul.lcp_shipment th {
	text-align: center;
}
ul.lcp_shipment td:nth-child(2) {
	text-align: center;
}

/*-------------------------------------------------
	widget
---------------------------------------------------*/ 
.widget a img, .widget a, .site-footer .widget-area a {
    box-shadow: none;
}

.logo_con {
	background-color:#fff;
    width: 260px;
}

/*-------------------------------------------------
	
---------------------------------------------------*/ 
.site-footer .textwidget a{
	color:#fff!important;
	text-decoration:underline;
}
.site-footer .wrap {
    background: rgba(19,40,28, 0.6);
	color: #fff;
}
.widget ul li a {
	color: #fff;
}
.widget ul li, .widget ol li {
	border-bottom: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
}
.site-footer .widget-column.footer-widget-1 {
	width: 20%;
}
.site-footer .widget-column.footer-widget-2 {
	width: 80%;
}

@media screen and (max-width: 1300px) {
	.site-footer .widget-column.footer-widget-1 {
	width: 50%;
}
.site-footer .widget-column.footer-widget-2 {
	width: 50%;
}
}
@media screen and (max-width: 770px) {
	.site-footer .widget-column.footer-widget-1 {
	width: 100%;
}
.site-footer .widget-column.footer-widget-2 {
	width: 100%;
}
}