@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.wrap{
	width:100%;
}
.sp{
	display:none;
}
.font-s{
	font-size:15px;
}
.font-l{
	font-size: 25px;
}
.margin-t3{
	margin-top:3em;
}
.margin-b2{
	margin-bottom:2em;
}
.cf{
	clear:both;
}
.site-logo-image{
	background:#fff;
}

#top-photo{
	width: 95%;
    height: 0;
    padding-top:calc(919 / 1378 *80%); 
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	margin:0 auto;
}

#container .article p{
	margin-bottom:0;
}
.text-center{
	text-align:center;
}
.align-center{
	align-items:center;
	display:flex;
}
body{
	width:90%;
	margin:0 auto;
	color:#fff;
}

a{
	color:#fff;
	font-size: 17px;
}
/*header-------------*/
.header{
	background-position:center center;
	position:relative;
}
.header-in .logo-image{
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
.page-id-103 #header{
	background-image:url('https://yamagen-i.co.jp/wp-content/uploads/2021/04/16.jpg');
}
.page-id-38 #header{
	background-image:url(https://yamagen-i.co.jp/wp-content/uploads/2021/04/1.jpg);
}
.page-id-40 #header{
	background-image:url(https://yamagen-i.co.jp/wp-content/uploads/2021/04/5.jpg);
}
.page-id-42 #header{
	background-image:url(https://yamagen-i.co.jp/wp-content/uploads/2021/04/3.jpg);
}
/*navi*/
#navi .navi-in ul{
	font-family: rocknroll-one,sans-serif;
}
#navi .navi-in ul li:hover{
	background:#4b4339;
	
}
#navi .navi-in ul li{
	width:max-content;
	padding: 0 1.4em;
	 border-right: 1px #fff dashed;
	
}
#navi .navi-in ul li:first-child{
	 border-left: 1px #fff dashed;
}
#navi .navi-in ul li a{
	padding:0;
	font-family: 'Yusei Magic', sans-serif;
}
#navi ul li.current-menu-item a:after{
position: absolute;
content: "";
left: 0px;
bottom: 10px;
height: 3px;
width: 100%;
background: #e1aa0f;
}
 #navi .navi-in ul li{
    padding: 0 1em;
}
/*/navi*/
.main{
	background:#000;
}


h1.entry-title{
	text-align:center;
	font-size: 30px;
	margin-bottom:1em;
	color:#fff;
	font-family: 'Yusei Magic', sans-serif;
}
h2.title, .article h2{
	padding-left:0;
	background-color:#000;
	line-height: 1.8;
	font-size:30px;
	font-family: 'Yusei Magic', sans-serif;
}
h2.woocommerce-loop-product__title{
	color:#fff;
}
.article h3 {
	background-color:#4b4339;
   border-left: 7px solid;
    border-right:none;
    border-top: none;
    border-bottom: none;
	padding:12px 0 12px 7px;
	margin-bottom: 2em;
	font-family: 'Yusei Magic', sans-serif;
}
.article h4{
	border-top:none;
    border-bottom:none;
	margin-top:5em;
	margin-bottom:2em;
}
.main-caption{
	text-align:center;
}
.item-label{
	font-weight:bold;
	font-size:20px;
}
.caption-wrap .item-label:hover{
	background:#4b4339;
}
h3.point-h3{
	text-align:center;
	padding:0;
	border-left:none;
	background: #000;
    font-size: 27px;
}
.point{
	position:relative;
	width:230px;
	height:230px;
	overflow:hidden;
	border-radius:50%;
}
.point p.point-title{
	position:absolute;
	width:75%;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
	font-size:13px;
	text-align:center;
}
.mask{
	width:100%;
	height:100%;
	position:absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	opacity:0;	
	background-color:rgba(0,0,0,0.4);	
	transition:		all 0.2s ease;
	color:#fff;
	
}
.point:hover .mask{
	opacity:1;
}

.flex{
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
}
.flex-left{
	display:flex;
	flex-wrap:wrap;
}
.justify-center{
	justify-content:center;
}
.senbero-example{
	display:flex;
	justify-content:space-evenly;
	flex-wrap:wrap;
}
.variety{
	display:flex;
	width: 48%;
    align-items: center;
	margin-bottom:3em;
}
.variety p{
	margin-left:0.5em;
}
.owner{
	display:flex;
	width: 48%;
    align-items: center;
	margin-bottom:3em;
}
.owner p{
	margin-left:0.5em;
}
.saiji{
	margin-right:1em;
}
.senbero-illust{
	width: max-content;
    text-align: center;
}
.inline{
	display:inline-block;
}
p.align-right{
	text-align:right;
}
.service-pic{
	margin-top: 1.5em;
    justify-content: flex-end;
    display: flex;
}
.service-pic img{
	margin-right:1em;
}
.frame{
	border: 2px solid #4d3522;
    width: max-content;
    border-radius: 15px;
    padding: 1em;
	background:#fff;
	color:#000;
}
.senbero-main{
	display: flex;
    flex-wrap: wrap;
	margin-top:3em;
}
.senbero-illust{
	width:40%;
}
.senbero-illust-child{
	width:30%;
}
.press{
	border:1px solid #fff;
}
/*アクセス*/

.access-map {
margin-bottom:5em;
border:5px solid;
width:600px;
box-sizing:border-box;
height: 0;
overflow: hidden;
padding-bottom: 42.25%;
position: relative;
}
.access-map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
/*コンタクトフォーム*/
.haveto{
	color:red;
}
table th,td{
	background-color:#000;
}
table th, table td {
    border: none;
    padding: 30px 20px;
	text-align:left;
}
.shop_table th, .shop_table td{
	background:#fff;
}
.shop_table td.actions button{
	background:#e1aa0f;
	color:#000;
}
.contact{
	width: 80%;
    margin: 0 auto;
}
input[type='submit'] {
    -webkit-appearance: none;
    border: 1px solid#4d3522;
    background-color: #fff;
	border-radius:5px;
}
.inquiry{
	color:#fff;
}
.inquiry tr{
	border:solid 0.8px #fff;
}

.inquiry th{
	background:#4b4339;
}
input[type='submit'], #bbp_reply_submit, .bp-login-widget-register-link a{
	width:30%;
}
.wpcf7 .ajax-loader{
	display:none !important;
}
input[type='submit']{
	font-family: 'Yusei Magic', sans-serif;
	font-size:18px;
}
/*フッター*/
.footer-bottom-logo { 
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 10px;
}
.footer-bottom-logo img {
    height: 60px;
}
.footer-bottom-content { 
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { 
  justify-content: center;
  margin-bottom: 1em;
}
.footer{
	margin-top:-27px;
}
.navi-footer-in > .menu-footer li a{
	color:#fff;
}
.navi-footer-in > .menu-footer li a:hover{
	background:#000;
}
/*買い物かご----------------------*/
.woocommerce div.product .woocommerce-tabs ul.tabs{
	color:#000;
}
.woocommerce a{
	color:#000;
}
.woocommerce-cart-form__cart-item, table.shop_table{
	color:#000;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background:#4b4339 !important;
}
.woocommerce-MyAccount-navigation ul{
	list-style:none;
}
.woocommerce-checkout-payment{
	background:#000 !important;
}
.woocommerce a{
	color:#fff;
}
.select2-results__option[aria-selected], .select2-results__option[data-selected]{
	color:#000;
}
.pp{
	margin-bottom:1em;
}
.pp h4{
	margin-bottom:0.5em;
	margin-top:0;
}
/*コロナ対策*/
.covid{
	margin-top: 2em;
	margin-bottom:2em;
    padding: 1em;
    border: 5px solid #fff;
    font-size: 15px;
}
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1025px以下*/
@media screen and (max-width: 10245px){
  /*必要ならばここにコードを書く*/
	.variety{
		display:block;
	}
	.flex-pic{
		width:250px;
	}
	.service-pic {
    margin-top: 2em;
}
	.item-label{
		font-size:16px;
	}

	.senbero-main .frame{
		width:50%;
		margin-right:0;
	}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.sp{
		display:block;
	}
	.flex-pic{
		width:200px;
	}
	#wp-toolbar{
		color:#000;
	}
	.header{
		padding-top: calc(919/1378*100%);
	}
	.page-id-42 #header{
	padding-top: calc(1512/2016*100%);
}
	.page-id-38 #header {
    padding-top: calc(919/1378*100%);
	}	
	.page-id-40 #header{
	padding-top: calc(919/1378*100%);
	}
	.page-id-103 #header {
    padding-top: calc(1512/2016*100%);
}
	
	
	
		/*アクセス*/
	.access-map {
padding-bottom: 52.25%;
	width:100%;
}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
	.pc{
		display:none;
	}
	main.main, div.sidebar {
		padding: 16px 10px;align-content}
	body{
		width:100%;
	}
	.margin-t3 {
    margin-top: 0;
}
	.main-caption {
    margin-bottom: 3em;
}
	h1.entry-title{
		padding:0;
	}
	h2.title, .article h2 {
 
    font-size: 21px;
	}
	.menu-button{
		color:#000;
	}
	.menu-close-button {
    text-align: right;
    font-size: 1.5em;
    padding-right: 0.5em;
	}
	/*店舗*/
	.center-sp{
		text-align:center;
    margin-bottom: 1em;
	}
	.access-map {
		margin-bottom: 1em;align-content
	}
	
	
	.flex-pic {
    width: 90%;
    margin: 0 auto;
	text-align: center;
}
	p.align-right {
    font-size: 20px;
	margin-top:1em;
}
	img.alignright{
		margin-left:0;
		float:none;
	}
	img.alignleft{
		margin-right:0;
		float:none;
	}
	
	.sp-float{
		text-align:center;
	}
	.point{
		margin:0 auto;
	}
	.flex{
		display:block;
	}
	.variety{
		width:100%;
		display:block;
		margin:0 auto;
		text-align:center;
	}
	.variety p {
    margin-left: 0;
}
	.owner{
		width:100%;
		display:block;
	}
	.frame{
		width:100%;
		background:#fff;
		color:#000;
	}
	.saiji{
		margin:0 auto;
		text-align:center;
	}
	.article h4{
		margin-top:2em;
	}
	.article h2{
		margin-top:0;
		margin-bottom: 0;
	}
	.senbero-main .frame{
		width:100%;
	}
	.senbero-illust {
    margin: 1em auto;
}
	
	.senbero-illust p{
		margin:0;
	}
	p.sp-p{
		text-align:left;
	}
	.align-center {
    margin: 0 auto;
}
	.service-pic{
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.service-pic-child{
		width:49%;
	}
	
	.contact {
    width: 100%;
}
	table th, table td {
    padding: 10px 0;
}
 table td {
    text-align: right;
}
	
table th{
    padding-left: 1em;
}
	table td{
		padding-right:1em;
	}
	


	.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
    width: 90%;
}
	/*footer*/
.navi-footer-in > .menu-footer li.menu-item {
    width: 48%;
    border: 1px solid;
    padding: 0.5em 0;
}
	
	.footer{
		margin-top:0;
	}
	.sns-share, .sns-follow {
    margin: 0;
}
	
}