/*
 Theme Name:	 Twenty Seventeen Child
 Template:	 twentyseventeen
*/
/*追加箇所*/
.page-id-61 .custom-header:after {
	content: '”世界の植物を新潟へ”';
	position: absolute;
	top: 39vh;
	left: 10vw;
	text-align: center;
	color: #fff;
	display: block;
	font-size: 85px;
	font-weight: 600;
	z-index: 2;
	line-height: 180%;
	letter-spacing: 15px;
}
.top_main_area {
	padding: 100px 0;
}
section.top_main_area h2.tm_h {
	font-size: 40px;
	letter-spacing: 2px!important;
	color: #222;
	margin: 0;
	position: relative;
	padding: 50px 0;
	margin: 0 0 80px;
	text-align: center;
	font-weight: bold;
}
.top_link_area {
	display: flex;
	justify-content: space-between;
}
.top_link_inner {
	width: 33%;
}
.tl_cover {
	overflow: hidden;
	background: #000;
	position: relative;
}
.tl_cover a {
	display: block;
	position: relative;
}
.tl_cover a:hover img {
	transform: scale(1.05);
	opacity: .6;
}
.tl_cover a img {
	transition: .5s;
	display: block;
	opacity: .9;
	width:100%;
}
.tl_cover p {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background: #000;
	margin: 0;
	padding: 15px 30px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: 0;
	transition:.5s;
}
.tl_cover p i {
	padding: 0 10px 0 0;
}
.tl_cover a:hover p{
	background: #3ec76e;
}
.top_bottom_area {
	padding: 100px 0 0;
	display: flex;
	justify-content: space-between;
}
.tb_inner {
	width: 46%;
}
.top_bottom_area .tb_inner h2 {
	color: #222;
	font-size: 25px;
	padding: 0 0 20px;
	margin: 0 0 50px;
	position: relative;
}
.top_bottom_area .tb_inner h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 55px;
	background: #3bab62;
}
.tb_inner.tb_blog_area .recent-posts {
	background: #eee;
	padding: 30px;
}
.tb_inner.tb_blog_area .recent-posts .entry-title{
	font-size:20px;
	padding: 20px 0;
}
.tb_shop_area {
	padding: 0 0 50px;
}
.sap_online_shop a {
	width: 100%;
	display: block;
	box-shadow: none;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	padding: 50px 0;
	transition: .5s;
	background: #000;
}
.sap_online_shop a:hover {
	color: #fff;
	background: #3ec76e;
}
.tb_map_area_address h3 {
	color: #222;
	font-size: 17px;
}
.tb_map_area_address address {
	font-style: normal;
	margin: 0 0 10px;
	font-weight: 500;
	color: #222;
}
.tb_map_area_address p {
	font-weight: 500;
	font-size: 15px;
	color: #222;
	line-height: 170%;
}
.service_contents_wrap {
	padding: 0 0 60px;
}
.service_contents_wrap h2{
	font-size: 1.5rem;
	color: #222;
	padding: 0 0 30px;
	margin: 0;
}
.service_contents_inner {
	display: flex;
}
.service_contents_description {
	width: 55%;
	padding: 0 5% 0 0;
}
.service_contents_image {
	width: 45%;
}
.service_contents_inner p {
	font-size: 1.1rem;
	line-height: 200%;
	font-weight: 500;
}
.about_description{
	padding: 0 0 50px;
}
.about_description p {
	font-size: 17px;
	font-weight: 500;
	line-height: 200%;
}
.about_company {
	max-width: 900px;
	padding: 70px;
	background: #000;
	margin: 0 0 50px;
	border-radius: 10px;
}
.about_company h2 {
	color: #fff;
	font-size: 17px;
	text-align: center;
	padding: 0 0 20px;
	margin: 0 0 50px;
	border-bottom: 1px solid #fff;
}
.ac_inner {
	display: flex;
	padding: 30px 0;
}
.ac_inner p{
	margin: 0;
	color: #fff;
	line-height: 170%;
	font-size: 15px;
}
.ac_inner p a{
	color: #fff;
	text-decoration: none;
	pointer-events: none;
}
.ac_inner p:first-child {
	width: 25%;
	padding: 0 0 20px;
}
.ac_inner p:last-child {
	padding: 0 0 0 20px;
	font-weight: 500;
}
.pp_inner {
	padding: 0 0 30px;
}
.pp_inner p, .pp_inner h2 {
	color: #222;
}
.pp_inner h2 {
	font-size: 18px;
}
.pp_inner ul {
	padding: 0 0 0 30px;
	line-height: 170%;
}
.pp_inner p a{
	box-shadow:none;
	text-decoration: underline;
	margin: 0 10px;
	color: #3bab62;
	transition: .5s
}
.pp_inner p a:hover {
	color: #3bab62;
	opacity: .8;
}
.contact_description,.wp-block-contact-form-7-contact-form-selector {
	max-width: 750px;
}
.contact_description {
	padding: 0 0 30px;
}
.contact_description p {
	line-height: 200%;
	font-weight: 500;
}
.form_button_area {
	display: flex;
	justify-content: flex-end;
}
.form_button {
	margin: 0 0 0 15px;
}
.footer_address_area img {
    width: 160px;
}
.widget-column.footer-widget-2 nav ul {
	display: flex;
	padding: 0 0 50px;
}
.widget-column.footer-widget-2 nav ul li{
	padding: 5px 0 5px 20px;
	border: none;
	border-left: 1px solid #ddd;
	margin: 0 0 0 20px;
}
.widget-column.footer-widget-2 nav ul .sub-menu {
    display: none;
}
.widget-column.footer-widget-2 nav ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	border: none;
}
.widget-column.footer-widget-2 nav ul li:last-child {
	display: none;
}
.widget-column.footer-widget-2 nav ul li a {
	font-weight: 600;
	transition: .5s;
}
.widget-column.footer-widget-2 nav ul li a:hover {
	color:#3bab62;
}
.footer_contact_area {
	padding: 0 0 50px;
}
.footer_contact_area h3 {
	color: #222;
	font-size: 18px;
	padding: 0 0 20px;
	margin: 0 0 25px;
	position: relative;
}
.footer_contact_area h3:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 55px;
	background: #3bab62;
}
.footer_contact_area .f_clink {
	max-width:500px;
	outline: none;
	box-shadow: none!important;
	-webkit-box-shadow: none!important;
	font-size: 15px;
	font-weight: 600;
	display: block;
	text-align: center;
	margin: 20px 0;
	color: #fff;
	background: #3bab62;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	transition: .5s!important;
}
.footer_contact_area .f_clink i {
	padding: 0 5px 0 0;
}
.footer_contact_area .f_clink:hover{
	background:#3ec76e;
	color:#fff!important;
}
.footer_contact_area p {
	margin: 0;
	font-size: 30px;
	font-weight: 600;
}
.footer_area {
	display: flex;
	justify-content: flex-end;
}
.footer_pp {
	padding: 0 50px 0 0;
}
.footer_pp a {
	text-decoration: underline;
}
.copy_right {
	font-size: 15px;
	font-weight: 500;
}

/*変更箇所*/
body{
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,sans-serif!important;
}
body.has-header-image .site-description,body.has-header-video .site-description {
	opacity: 1;
	font-size: 1rem;
}
.twentyseventeen-front-page.has-header-image .custom-header-media:before{
	height: 100%;
}
a.menu-scroll-down {
	display: none!important;
}
.navigation-top{
	transition: .6s;
	width: 100%;
	border:none;
	background: #3bab62;
	padding: 0 0 0 10vw;
}
.has-header-image.twentyseventeen-front-page .navigation-top {
	padding: 0 0 0 10vw;
	border: none;
}
.navigation-top .wrap {
	padding: 0;
}
.has-header-image.twentyseventeen-front-page .navigation-top ul li a {
	padding: 50px 40px;
}
.has-header-image.twentyseventeen-front-page .site-navigation-fixed.navigation-top{
	width:100%;
}
.has-header-image.twentyseventeen-front-page .site-navigation-fixed.navigation-top ul li a {
	padding: 20px 40px;
}
.main-navigation li {
	display: block;
}
.main-navigation a{
	padding: 25px 30px;
	color: #fff;
	transition: .3s;
	outline: none;
}
.main-navigation a:hover {
	color: #fff;
	background: #3ec76e;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
	color: #fff;
}
nav#site-navigation button:focus, nav#site-navigation button:hover {
	outline: none;
}
.twentyseventeen-front-page .breadcrumbs{
	display: none;
}
#content {
	padding: 0 10vw 10vw;
}
.has-header-image.twentyseventeen-front-page #content{
	padding: 0 5vw;
}
#primary {
	padding: 50px 0 0;
}
.blog #primary,.archive #primary{
    padding: 0;
}
.blog .custom-header {
    padding: 20px 0 0;
}
.blog .page-header,.archive .page-header{
    padding: 50px 0 40px;
}
.blog .custom-header-media,.blog .site-branding {
    display: none;
}
.single-featured-image-header{
	background: #fff;
	border: none;
}
.has-header-image.twentyseventeen-front-page #primary{
	padding:0;
}
.breadcrumbs {
	padding: 20px 0 0;
}
.breadcrumbs a {
	text-decoration: underline;
	transition: .5s;
	color: #3bab62;
}
.breadcrumbs a:hover {
	color: #000;
}
#post-61 .panel-content .wrap {
	max-width: 100%;
	padding: 0;
}
#post-61 .panel-content .wrap .entry-header{
	margin: 0;
}
.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: 100%;
}
.entry-meta a {
	color: #fff;
	background: #3bab62;
	padding: 5px 10px;
	border-radius: 25px;
}
.entry-meta a:hover{
	color:#fff;
	opacity:.7;
	transition: .3s;
	box-shadow: none;
}
.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-weight: 500;
	padding: 10px 0;
	margin: 0;
}
.entry-summary a {
	font-size: 13px;
}
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header{
	margin-bottom: 0;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{
	box-shadow: none;
}
h1.entry-title,.entry-title:not(:first-child) {
	padding: 25px 0;
}
span.author.vcard a {
	background: #fff;
	color: #222;
}
span.byline {
	padding: 0 0 0 15px;
}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title{
	font-size: 25px;
}
h1.page-title,h1.entry-title {
	position:relative;
	padding: 0 0 20px 0;
}
h2.widget-title {
	font-size: 15px;
}
h1.page-title:after,h1.entry-title:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 55px;
	background: #3bab62;
}
article#post-223 .entry-header {
	padding: 0 0 20px;
}
.wrap{
	max-width: 100%;
	padding-right: 0;
	padding-left: 0
}
.navigation-top .wrap{
	max-width: 100%;
}
.site-title {
	font-size: 1.5rem;
}
.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding{
	top:30vh;
	width: auto;
}
.site-branding{
	margin-left:10vw;
}
.widget ul li, .widget ol li {
	padding: 1.5em 0;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea{
	transition: .3s;
	margin: 10px 0 20px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #eee;
	border-color: #eee;
	-webkit-appearance: none;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	border-color: #ddd;
	background: #ddd;
}
button, input[type="button"], input[type="submit"] {
	border-radius: 30px;
	font-size: 13px;
	font-weight: 600;
	transition: .3s;
}
button, input[type="button"], input[type="submit"]{
	background: #3bab62;
}
:not( .mejs-button ) > button:hover, :not( .mejs-button ) > button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {
	background: #3ec76e;
}
.wpcf7-not-valid-tip{
	color: #0075ff;
}
.wpcf7c-conf {
	background: #eee;
	border: none;
}
input + button, input + input[type="button"], input + input[type="submit"] {
	padding: 1em 2em;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output ,.wpcf7 form.sent .wpcf7-response-output{
	border: none;
	padding: 0;
	font-weight: 500;
}
.menu-toggle{
	margin: 0;
}
nav#site-navigation button:focus,nav#site-navigation button:hover{
	background: #fff;
}
.page-one-column .panel-content .wrap {
	max-width: 100%;
}
.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child){
	border: none;
}
.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: 20px;
}
.site-footer .widget-area{
	padding-bottom:0;
}
.site-footer .wrap{
	padding-bottom:2.5em;
}
nav.social-navigation div ul li a {
	transition: .3s;
	background: #3bab62;
}
.social-navigation a:hover, .social-navigation a:focus {
	background: #3ec76e;
}
footer#colophon {
	padding: 0 5vw;
}
a{
	outline: none!important;
}
/*画面サイズ　769px以上*/
@media screen and (min-width:769px){
	#top-menu {
		display: flex;
	}
	.main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #fff;
	}
	.main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}
	.main-navigation ul ul{
		border: 1px solid #3bab62;
		border-top: none;
	}
	.sub-menu li a {
		padding: 25px!important;
		background: #fff;
		color: #3bab62!important;
	}
	.sub-menu li a:hover{
		background: #fff;
		color:#3ec76e!important;
	}
	.navigation-top .current-menu-item .sub-menu li a, .navigation-top .current_page_item .sub-menu li a{
		color: #3bab62;
	}
	.main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul{
		left: 0;
	}
	.smp_header {
		display: none;
	}
	.site-header{
		background: #fff;
	}
	.page_header {
		display: flex;
		padding: 0 10vw 20px;
	}
	.page_header .logo_area{
		width: 135px;
	}
	.title_area {
		padding: 0 0 0 25px;
	}
	.page_header .title_area h1{
		font-size: 25px;
		padding: 40px 0 0;
	}
	.page_header .title_area h1 a span {
		display: block;
		font-size: 16px;
	}
}
/*画面サイズ　768px以下*/
@media screen and (max-width:768px) {
	.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding{
		display: none;
	}
	.page-id-61 .custom-header:after {
		left: 5vw;
		text-align: left;
		font-size: 5vw;
	}
	#content{
		padding: 5vw!important;
		margin: 80px 0 0;
	}
	.custom-header {
		display: none;
	}
	.has-header-image.twentyseventeen-front-page .custom-header{
		display: block;
	}
	.has-header-image.twentyseventeen-front-page #content{
		padding: 0 5vw!important;
		margin:0;
	}
	.top_main_area {
		padding: 0 0 30px;
	}
	section.top_main_area h2.tm_h {
		font-size: 16px;
		margin: 0;
		padding: 30px 0;
		text-align: left;
	}
	.top_link_area {
		display: block;
	}
	.top_link_inner {
		width: 100%;
		margin: 0 0 20px;
	}
	.tl_cover p{
		font-size: 13px;
		padding: 10px 20px;
	}
	.top_bottom_area {
		padding: 50px 0 0;
		display: block;
	}
	.tb_inner {
		width: 100%;
	}
	.top_bottom_area .tb_inner h2 {
		font-size: 18px;
	}
	.tb_shop_area {
		padding: 50px 0;
	}
	.tb_map_area iframe {
		height: 350px;
	}
	.service_contents_inner {
		display: block;
	}
	.service_contents_description {
		width: 100%;
		padding: 0;
	}
	.service_contents_image {
		width: 100%;
	}
	.service_contents_wrap h2{
		font-size: 1.1rem;
		padding: 0 0 15px;
	}
	.service_contents_wrap {
		padding: 0 0 20px;
	}
	.service_contents_inner p {
		font-size: 15px;
	}
	.about_company {
		padding: 25px;
		width:100%;
	}
	.about_company h2 {
		padding: 20px 0;
		margin: 0 0 20px;
	}
	.about_description p{
		font-size: 15px;
	}
	.ac_inner {
		padding: 20px 0;
	}
	.ac_inner p{
		font-size: 13px;
	}
	.ac_inner p:first-child{
		width:30%;
	}
	.ac_inner p:last-child{
		width:70%;
	}
	.about_map_area iframe {
		height: 350px;
	}
	.pp_inner p,.pp_inner h2 {
		font-size: 15px;
	}
	.widget-column.footer-widget-2 nav ul {
		display: none;
	}
	.footer_address_area img {
		width: 90px;
	}
	.footer_address_area h3 {
		font-size: 1rem;
		padding: 0 0 20px;
		margin: 0;
	}
	.footer_address_area p {
		font-size: .8rem;
	}
	.footer_contact_area {
		padding: 30px 0;
	}
	.footer_contact_area h3{
		font-size:15px;
	}
	.footer_contact_area p{
		font-size: 22px;
		padding: 0 0 10px;
	}
	.footer_contact_area .f_clink {
		height: 50px;
		line-height: 50px;
		font-size: 13px;
		margin: 15px 0 0;
	}
	.footer_area {
		display: block;
		padding: 50px 0 0;
	}
	.footer_pp {
		padding: 0 0 30px;
		text-align: center;
	}
	.copy_right {
		text-align: center;
	}
	/*変更*/
	.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title{
		font-size: 18px!important;
	}
	.contact_description p,label span {
		font-size: 15px;
	}
	header.entry-header {
		padding-top: 30px!important;
	}
	.breadcrumbs {
		padding: 0;
	}
	.breadcrumbs span {
		font-size: 13px;
	}
	#primary {
		padding: 20px 0 0;
	}
	footer#colophon .widget {
		padding: 0;
	}
	.page_header{
		display:none;
	}
	.smp_header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
		z-index: 200;
		display: flex;
		padding: 10px;
		height: 80px;
	}
	.logo_area {
		padding: 0 15px 0 0;
	}
	.logo_area img {
		display: block;
		max-height: 60px;
	}
	.title_area{
		padding: 10px 0 0;
	}
	.title_area h1{
		margin: 0;
		line-height: 83%;
	}
	.title_area h1 a {
		font-size: 16px;
	}
	.title_area h1 a span {
		display: block;
		font-size: 11px;
		font-weight: 500;
	}
	.has-header-image.twentyseventeen-front-page .navigation-top,.navigation-top{
		padding: 0;
		background: transparent;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 300;
		width:80px;
	}
	.main-navigation{
		position: relative;
		display: flex;
		justify-content: flex-end;
		height: 80px;
	}
	.main-navigation #top-menu{
		display:block!important;
		position: absolute;
		background: #fff;
		transition: .5s;
		right:-100vw;
		padding: 20px!important;
		width: 100vw;
		top: 80px;
		height: calc(100vh - 80px);
		border: none;
	}
	.main-navigation.toggled-on #top-menu{
		right:0;
	}
	.main-navigation #top-menu li{
		border:none;
	}
	.icon{
		transition: .5s;
	}
	.main-navigation ul ul a:before {
    content: '-';
    position: absolute;
    left: 0;
    color: #ccc;
	}
	.has-header-image.twentyseventeen-front-page .navigation-top #top-menu li a,.main-navigation #top-menu li a{
		padding: 20px;
		font-size:13px;
		color: #222;
	}
	.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
		color: #222;
	}
	.main-navigation ul li a:hover{
		background:#fff;
		color:#222;
	}
	.menu-toggle {
		padding: 32px;
		border-radius:0;
	}
	.menu-toggle .menu{
		height:20px;
		width:20px;
		position: relative;
	}
	.menu-toggle .menu span{
		position: absolute;
		left:0;
		width:20px;
		height:2px;
		background:#222;
		transition: .5s;
	}
	.menu-toggle .menu span:nth-child(1){
		top:0;
	}
	.menu-toggle .menu span:nth-child(2){
		top:6px;
	}
	.menu-toggle .menu span:nth-child(3){
		top:12px;
	}
	nav#site-navigation.toggled-on .menu-toggle .menu span:nth-child(1) {
		transform: rotateZ(45deg);
		top:5px;
	}
	nav#site-navigation.toggled-on .menu-toggle .menu span:nth-child(2){
		opacity:0;
	}
	nav#site-navigation.toggled-on .menu-toggle .menu span:nth-child(3) {
		transform: rotateZ(-45deg);
		top:5px;
	}
}