/*
	Theme Name: WerkStatt Child Theme
	Theme URI: http://themeforest.net/user/fuelthemes
	Description: <strong>A Premium theme for magazine, editor, community and more! WordPress Theme by <a href="http://www.themeforest.net/user/fuelthemes">fuelthemes</a></strong> – Update notifications available on Twitter and Themeforest <a href="http://twitter.com/anteksiler">Follow us on twitter</a> – <a href="http://themeforest.net/user/fuelthemes">Follow us on Themeforest</a>
	Version: 1.0.0
	Author: fuelthemes
	Template: werkstatt
	Text Domain: werkstatt
*/
/*
#about{
	background-image:url(http://localhost:8888/wordpress2/wp-content/uploads/2025/08/back.png);
	background-repeat:no-repeat;
	background-position: right -100px bottom -160px!important;
	background-size: 500px;
	background-color: rgba(255, 255, 255, 0.8);
	background-blend-mode: overlay;
	animation: blurLoop 4s infinite ease-in-out;
}
*/

body, .post.style9 .post-meta{
	font-family: "times-new-roman", "hiragino-mincho-pron", serif;
	font-weight: 300;
	color:#1F403D;
}

.header.hover{
	background-color:#F5F5F5;
}

.menu-item a{
	letter-spacing: 0.1em;
	font-family: "times-new-roman", "hiragino-mincho-pron", serif;
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6{
	font-family: "times-new-roman", "hiragino-mincho-pron", serif;
	font-weight: 600;
	color:#1F403D;
}

h1, h2, h3, h4, h5, h6{
	letter-spacing: 1px;
	line-height: 1.6;
}


footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	color:#fff;
	margin-bottom:0;
}


h1{
	font-size: 36px;
}

h2{
	font-size: 28px;
}

h3{
	font-size: 24px;
}

h4{
	font-size: 21px;
}

h5{
	font-size: 18px;
}

h6{
	font-size: 16px;
}

p{
	font-size:16px;
	line-height : 1.8;
}

li{
	font-size: 14px;
	line-height: 2;
}

footer p, .widget p, .widget{
	font-size: 16px;
}

label{
	font-size: 14px;
}

body .wpcf7-spinner{
	display:none;
}

body input[type="submit"], body .button, body .btn{
	border: 2px solid #AA997A;
	width:100%;
	background-color : #AA997A;
	height:60px;
	display : inline-block;
	line-height: 60px;
	text-align: center;
}

body input[type="submit"]:hover, body .button:hover, body .btn:hover{
	background-color: #6a8b87!important;
	color: #fff;
	border: 2px solid #6a8b87;
	opacity:1;
}

p:has(input[type="submit"]){
	text-align: center;
}

#sb_instagram .sb_instagram_header, .sb_instagram_header{
	padding: 0 0 12px 0;
}

body #sb_instagram #sbi_load .sbi_load_btn, body #sb_instagram .sbi_follow_btn a{
	color: #fff!important;
}

body .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-outline{
	color: #111;
	border-color: #111;
	font-weight: 500;
	min-width:150px;
}

input[type="submit"].thb-border-style, .button.thb-border-style, .btn.thb-border-style{
	font-weight: 500;
}

body .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-outline:focus, body .vc_btn3.vc_btn3-color-inverse.vc_btn3-style-outline:hover{
	border-color: #111;
	background-color: #111;
}

#mobile-menu .thb-close path{
	stroke: #fff;
}

#mobile-menu .menu-footer{
	color: #111111;
}

.thb-portfolio .type-portfolio.title-center .portfolio-link{
	background: rgba(211, 202, 178, 0.7);
}

#mobile-menu{
	background: #d3cab2;
}

.thb-mobile-menu a{
	color: #111111;
}

#scroll_to_top{
	border: 1px solid #777777;
}

#scroll_to_top svg{
	fill: #777777;
}

.pc{
	display: flex;
}

.sp{
	display: none!important;
}

.grecaptcha-badge{
	z-index:-9999;
}

.link_button{
	position : absolute;
	left : 0;
	bottom : 30px;
}

.link_button a{
	padding:20px 40px;
}


.link_button a:after{
	display:none;
}

.negative_area .link_button{
	bottom : -70px;
}

.link_button h3{
	color:#fff;
}

.link_green{
	background:#6A8B87;
}

.link_khaki{
	background:#AA997A;
}

body .home-back, body .about-back{
	background-size: 700px !important;
    background-position: left 30px bottom 30px !important;
}


body .company-back{
	background-size: 700px !important;
    background-position: right 50px top 50px !important;
}

body .product-back{
	background-size: 700px !important;
    background-position: left 50px bottom 50px !important;
}

body .contact-back, body .news-back{
	background-size: 700px !important;
    background-position: right 50px top 50px !important;
}


.news-column .date, .news-column .dnews-title{
	line-height:30px;
}

.post.style9 .post-meta{
	font-size :16px;
}

.post.style9 h5{
	font-size :18px;
}

.page h1{
	font-size:112px;
	color:#6A8B87;
	letter-spacing:20px;
}

table{
	table-layout: fixed;
}

table {
    width: 100%;
    /* 1. テーブルのレイアウトを固定モードにする（これでthの幅が絶対守られる） */
    table-layout: fixed; 
    border-collapse: collapse;
}

table th {
    /* 2. max-widthではなく、widthで30%を直接指定する */
    width: 30%;
}

table td {
    /* 4. 右側のセルでは、長いURLなども強制的に改行させる */
    word-break: break-all;
    overflow-wrap: break-word;
}

table tbody th, table tbody td{
	padding : 20px!important;
	background-color:transparent!important;
	border: 1px solid #ccc;
}

table:not(.variations):not(.shop_table):not(.group_table) tbody tr:nth-child(even){
	background-color:transparent;
}

table:not(.variations):not(.shop_table):not(.group_table) thead, table:not(.variations):not(.shop_table):not(.group_table) tbody, table:not(.variations):not(.shop_table):not(.group_table) tfoot{
	border: 1px solid #ccc;
	background-color:transparent;
}

.large-title h2{
	font-size:48px;
}

body .vc_btn3.vc_btn3-color-grey, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
    background-color: #6A8B87;
    color: #fff;
	min-width: 300px;
}

body .vc_btn3.vc_btn3-color-grey:hover, body .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat:hover {
    background-color: #AA997A;
	color: #fff;
}

a{
	color:#6A8B87;
}

a:hover{
	color:#AA997A;
}

.wpb_text_column a:after{
	 border-bottom: 1px solid #AA997A;
}

.thb-full-menu>li a{
	color:#1f403d;
}

.thb-full-menu>li a:hover{
	color:#AA997A!important;
}

a img:hover{
	opacity:0.5;
}

.footer.light .widget ul li a:before{
	background:#fff;
}

.link_area>div{
	position:relative;
}

.post-gallery.parallax{
	display:none;
}

.blog-container article{
	padding-top:100px;
}

.thb-mobile-menu li{
	padding-bottom:10px;
}

#mobile-menu .menu-footer{
	color:#fff;
}

.page a.instagram, .full-menu a.instagram, .post .post-content a.instagram{
	 color: #1f403d;
}

.link_button h3 a{
	color:#fff;
	text-decoration:none;
}

.link_button h3 a:hover{
	opacity:0.5;
}

.grecaptcha-badge { 
	visibility: hidden; 
}

table {
  width: 100%;
  table-layout: fixed; /* テーブルの幅を固定し、はみ出しを防ぐ */
  word-break: break-all; /* どこでも改行を許可する */
  word-wrap: break-word;
}

@media screen and (max-width: 1024px) {
		.page h1{
		font-size: 10vw;
	}
}

@media screen and (max-width: 768px) {
	.pc{
		display: none!important;
	}

	.sp{
		display: flex!important;
	}
	
	body .vc_custom_1762748711489{
		background-size: 500px !important;
		 background-position: center bottom !important;
	}
	.link_button{
		    margin-left: .625rem;
	}
	.negative-margin>div{
		margin-top: 0!important;
	}
	.post.style9 .post-meta{
		font-size:14px;
		margin-bottom:5px;
	}
	.post.style9 .post-title{
		font-size:16px;
	}
	
	.link_button h3{
		font-size: 18px;
	}
	.link_button a{
		padding:15px 20px;
		width:auto;
		min-width: 200px;
	}
	body .home-back, body .about-back{
	background-size: 500px !important;
    background-position: left 30px top 30px !important;
}


body .company-back{
	background-size: 500px !important;
    background-position: right 50px top 50px !important;
}

body .product-back{
	background-size: 500px !important;
    background-position: left 50px top 50px !important;
}

 body .news-back{
	background-size: 500px !important;
    background-position: right 50px top 50px !important;
}
	
	
body .contact-back{
	background-size: 500px !important;
    background-position: right 50px bottom 50px !important;
}
	
	.footer.full-width-footer .row{
		width:83.33333%;
	}
	.page h1{
		font-size: 10vw;
	}
	.large-title h2{
		font-size:36px;
	}
	body .short-bottom{
		padding-bottom:30px!important
	}
	
.link_button{
	left : 0;
	bottom : 30px;
	margin-left:0;
}

.negative_area .link_button{
	bottom : 30px;
}
	
	table th {
    /* 2. max-widthではなく、widthで30%を直接指定する */
    width: 35%;
}
	
	.full-width a{
		width:100%;
	}
}

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

@media only screen and (min-width: 90.0625em) {
}