@charset "utf-8";
/*
Theme Name:森のファーム山形
Theme URI:
Description:WordPressテーマ「AMORE」
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Template:amore_tcd028
Version:4.2
*/

/* recaptcha v3
----------------------------------*/
.grecaptcha-badge {
    visibility:hidden;
}

body.page-id-28 .grecaptcha-badge {
    visibility:unset;
}

/* Header
----------------------------------*/
.site-navigation {
    background-color: rgba(40, 40, 40, 0.5);
}
#header #logo img {
	max-height:50px;
}
h1#logo, #logo {
    top: 12px !important;
}
#main-menu > li > a {
    padding-left: 12px;
    padding-right: 12px;
}
#bread_crumb li.home a:hover:before,
#bread_crumb li:after,
#bread_crumb li,
#bread_crumb li a:hover {
    color: #5a0b13;
	font-size: 14px;
}
.categories-wrap,hr {
	display:none;
}
section .blog-load-btn {
    margin-bottom: 0;
    margin-top: 0;
}
.blog-list-title a {
	color:#5a0b13 !important;
}


/* Content
----------------------------------*/
.second-lead h2 {
    font-size: 40px;
}
.home h4,
.side_headline,
.sidebar-padder .date {
	font-family: "Noto Sans JP", sans-serif;
	font-weight:normal;
	color:#5a0b13;
}
.square-banner-label {
    background: #5a0b13;
}
.top-slider-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.slider span {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
	top:0;
    position: absolute;
}
.bg_wrap {
    height: calc(100vh - -230px);
}
.top-slider-wrapper .slider {
    position: static;
}

.top-headline {
	text-align:center;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:1.8;
}
.top-headline small {
	display:block;
	font-weight:normal;
	font-size:2.5rem;
	letter-spacing:0.1em;
	color:#fff;
	font-family: "Noto Sans JP", sans-serif;
}

.third-banner-headline,
.fifth-banner-headline {
    font-size: 24px;
}
.fifth-banner-headline {
    text-align: center;
}
.fifth-banner-btn {
    text-align: center;
}
#fifth.container {
	width:100%;
	padding:0;
	background:#fdedd3;
}
#fifth h4 {
	margin-bottom:48px !important;
}
#fourth_content a .has-background,
#fifth a .has-background {
	transition:.6s;
}
#fourth_content a:hover .has-background,
#fifth a:hover .has-background {
	transform:translateY(0) !important;
	transform:  scale(1.2,1.2) !important;
}
#fourth .hentry,
#recipe .hentry {
    margin: 0;
    overflow: hidden;
}

.icon-box {
	padding-top:100px;
	position:relative;
}
.icon-box:before {
	content:"";
	background:url('images/icon-project.png') no-repeat center top;
	background-size:auto 90px;
	width:100%;
	height:245px;
	position:absolute;
	top:0;
	left:0;
}


.amore-inner-container {
	margin-bottom:0 !important;
}
#product .amore-section {
	letter-spacing:-0.4em;
}
#product .amore-section > div {
	letter-spacing:normal;
	display:inline-block;
	float:none;
	vertical-align:top;
}
#product .amore-section > div.button {
	display:block;
}

#product .row .col-sm-38:nth-child(3n+1) {
	margin-left:0 !important;
}
#product img {
	width:100%;
}

#movie {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.movie_wrapper {
    /*height: calc(100vh - 0px);*/
}
#movie .bg_movie {
  background-image: url("images/bg_movie.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
#movie .inner {
	background-color:rgba(255,255,255,0.5);
    height: 100%;
}
#movie p {
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	font-size:32px;
	width:100%;
	text-align:center;
	font-family: "Noto Sans JP", sans-serif;
	line-height:2;
}
#movie .container,
#movie .container div {
}
#movie .row {
  padding: 100px 0;
  text-align: center;
  width: 100%;
}
#movie .row > div {
  width: 800px;
  margin: 0 auto;
  float: none;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



#profile {
	background:#fdedd3;
	position:relative;
}
#profile .prof {
	margin-bottom:16px;
}
#profile dl {
	font-family: "Noto Sans JP", sans-serif;
	white-space:nowrap;
	margin:0;
}
#profile dl dt {
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: normal;
    letter-spacing: 0.5em;
}
#profile dl dd {
}
#profile dl dd:nth-child(2) {
    font-size: 12px;
}
#profile dl dd:nth-child(3) {
    font-size: 26px;
}
#profile dl dd:nth-child(4) {
    font-size: 12px;
}



.news h2 {
	margin:0;
	line-height:1.7;
	color:#77222e;
	font-size:24px;
}
.news .button {
	position:absolute;
	top:0;
	right:15px;
}
#news {
	list-style:none;
	margin:16px 0 0;
	padding:0;
	border-top:1px dashed #444;
}
#news > li {
	border-bottom:1px dashed #444;
}
.home #news li a > h4,
.home #news li a > time {
	margin:0;
}
.home #news li a:hover h4,
.home #news li a:hover time {
}
#news li a {
	text-decoration:none;
	display:block;
	padding:16px 0;
	-webkit-transition:.6s;
	transition:.6s;
}
#news li a:hover h4 {
	text-decoration:underline;
}

#instagram .amore-section {
	padding-top:0;
}
.instagram .amore-section {
	padding-bottom:0;
}
.ttl-instagram {
	position:relative;
}
.ttl-instagram .button {
	position:absolute;
	top:32px;
	right:15px;
}
.ttl-instagram h2 img {
	height:28px;
}

.button {
	font-size:13px;
	font-family: "Noto Sans JP", sans-serif;
	font-weight:normal;
	clear:both;
}
.button a {
	border-radius:2px;
}
.timestamp {
    color: #333;
}
.list-title a {
    color: #5a0b13;
}
#blog-index > div {
	margin-top:0;
}

.single-page .article > .row h4 {
    font-family: "Noto Sans JP", sans-serif;
}


#blog {
    line-height: 1.42857;
}
#blog .list-title {
    color: #5a0b13;
    display: block;
    font-size: 16px;
    line-height: 170%;
    margin: 5px 0;
	padding:0;
    font-family: "Noto Sans JP",sans-serif;
    font-weight: normal;
}
#blog .list-body {
    font-size: 12px;
    line-height: 200%;
}




/* CONTACT
----------------------------------*/
.addon .input-group #basic-addon1 {
    border-radius: 4px 0 0 4px;
}
.addon .input-group .form-control {
    border-radius: 0 4px 4px 0;
	background:#fff;
	border-right:1px solid #ccc !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
}
.addon .input-group .form-control:focus {
    border: 1px solid #bbb !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2) inset !important;
}
.caution {
    color: #d44950;
    font-size: 1.2rem;
}


.wpcf7 input.wpcf7-submit {
    background-color: #333333;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: auto;
	padding: 8px;
    line-height: 1.5;
    margin: 0 auto;
    outline: medium none;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 225px;
}
.wpcf7c-elm-step2.wpcf7-back {
    background-color: #ffffff;
    color: #333333 !important;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: auto;
	padding: 8px;
    line-height: 1.5;
    margin: 30px auto 0;
    outline: medium none;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    width: 225px;
}



/* Footer
----------------------------------*/
footer #footer {
    background: #fff;
	margin-top:72px;
}
footer .footer_main .container {
	padding:40px !important;
}
footer #footer_logo img {
	height:70px;
}
footer h3#footer_logo {
    margin: 0;
    padding: 0;
}
footer .scrolltotop_arrow {
	background-image:none;
	font-weight:bold;
}
footer .scrolltotop_arrow a {
	color:#5a0b13;
}
footer .copr {
    background: #5a0b13;
}
.copyright +span a {
    color: #fff;
}





/* Reset
----------------------------------*/
body {
	font-feature-settings: "palt";
	letter-spacing:0.1em;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.map {
    background: #f0f0f0;
    border: 1px solid #ddd;
    padding: 4px;
}
googlemap {
    height: 0;
    overflow: hidden;
    padding-bottom: 46.25%;
    position: relative;
}
googlemap iframe,
googlemap object,
googlemap embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.span span {
	display:block;
}
.pjct p {
	line-height:2;
}

/* Media Queries
----------------------------------*/
@media screen and (min-width:1024px) {
	#fourth .thumb {
		height:120px;
		width:120px;
		overflow:hidden;
	}
	#fourth .thumb img,
	.thumb:after {
		transition:.4s;
	}
	#fourth .thumb:hover img {
		transform:  scale(1.2,1.2) !important;
	}
}

@media screen and (max-width:1024px) {
	html {overflow: auto;}
	body {overflow: hidden;}
	.pc #global_menu ul li a {
		padding: 15px 12px;
	}
	#controls {
		width: 100px;
	}
	.bg_wrap.slider {
		display:block !important;
	}
	.bg_wrap {
		height: calc(100vh - 0px);
	}
	.top-headline {
		transform: translateY(20px);
	}
	.movie_wrapper {
		/*height: calc(100vh - 100px);*/
	}
	footer .footer_main .container .row {
		width:100% !important;
	}
}


@media screen and (max-width:768px) {
	.site-navigation {
		height: 75px !important;
	}
	#logo_image #logo img {
		height: 48px !important;
	}
	a.menu_button {
		height: 74px;
	}
	a.menu_button:before {
		top: 26px;
	}	
	.mobile #global_menu {
		top: 74px;
	}
	.movie_wrapper {
		/*height: calc(100vh - 500px);*/
	}
	#product .square-banner,
	#product .square-banner-image {
		height: 136px;
	}
	#fourth {
		padding-bottom:40px;
	}
	#profile {
		padding-top:16px;
	}
	.amore-section .news {
		margin-top:40px;
	}

	.top-headline {
		transform: translateY(60px);
	}
	.top-headline {
		height: 200px;
	}
   .photo {
	   text-align:center;
	}
   .photo img {
	   display:inline;
	}


	.styled_post_list1 li {
		margin-bottom: 24px;
		padding-bottom: 24px;
		border-bottom: 2px dashed #ddd;
	}
	.styled_post_list1 li:last-child {
		border-bottom: none;
	}
	.styled_post_list1_thumb {
		width: 100%;
		height: 200px;
		float: none;
		margin-right: 0;
		margin-bottom: 8px;
	}
	.styled_post_list1_thumb img {
		vertical-align: middle;
		width: 100%;
		height: 100%;
	}
  #movie .container {
    padding-bottom: 0;
  }
  #movie .row {
    margin: 0 !important;
    padding: 32px 0;
  }
  #movie .row > div {
    padding: 0;
  }
}

@media screen and (max-width:767px) {
	p.span span {
		display:inline;
	}
	.movie_wrapper {
		/*height: calc(100vh - 360px);*/
	}
	#movie p {
		font-size:18px;
		left: 0;
	}
	#movie .row > div {
      width: 100%;
    }
	.top-headline {
		font-size: 30px !important;
	}
	.top-headline small {
		font-size: 1.7rem;
	}
	#product .square-banner,
	#product .square-banner-image {
		height: 200px;
	}
	.pjct {
		margin-top:16px;
	}
	#profile .prof + .row {
		text-align:center;
	}
	#profile .prof + .row dl {
		display:inline-block;
		width:auto;
	}


	.instagram .button a {
		background-color: transparent;
		color:#5a0b13;
		transition:.3s;
	}
	.instagram .button a:hover {
		background-color: transparent !important;
		color:#ccc;
	}
	.ttl-instagram .button {
		right: -15px;
		top: 70px;
	}
	.instagram .fifth-banner-btn a:after {
		color:#5a0b13;
		right: 24px;
	}
	#sbi_load {
		display:none !important;
	}
	#footer .row.visible-xs {
		display:none !important;
	}
	footer #footer {
		margin-top: 0;
	}
.fifth-banner-btn a {
    height: auto !important;
}
}

@media screen and (max-width:400px) {
}