/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/
*{
/*     background-color: #fbf8f2; */
    color: #293030;
    letter-spacing: 1.2px;
/*     font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif !important; */
/*     -webkit-font-smoothing: antialiased;
    opacity: 0; */
    transition: 0.5s;

}
p{
	color: #333;
	text-align: justify;
}
body{
    background-color: #fbf8f2;
}
h2{
	background: transparent !important;
	border: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
	font-weight: bold;
	color: #512401;
	
}
h2.accesse-ttl{
	padding: 15px;
}
h2.top3-ttl{
	margin-bottom: 0 !important;
}
h3{
	margin-top: 0 !important;
	margin-bottom: 0 !Important;
/* 	background: #c79b72 !important; */
/* 	color: #fff !important; */
	text-align: center;
}
.top2-ttl,.top3-ttl,.top3-sol-ttl,.top4-ttl,.top5-ttl{
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}
.access-ttl{
	background:#f5ebe7 !important;
	color: #333 !important;
	margin-bottom: 0!important;
}
.btn{
	margin: 2em auto;
}
section{
	margin-bottom: 2em;
}
.top4-flex, .top4-flex-direction{
	margin-bottom: 1.5em;
}
.top4-about-txt,.top5-merit-txt{
	padding: 5px;
}
.top5-merit{
	margin-bottom: 1.5em;
}
.top6-ttl{
	margin-top: 2em !important;
	margin-bottom: 0 !important;
}

.g-map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
.access-info {
  border-collapse: collapse;
  width: 100%;
/*   max-width: 700px; */
}
.access-info table{
  width: 100%;
/*   max-width: 700px; */
}
.access-info th, .access-info td {
  border: 2px solid #fff;
  background-color: #fff;
  padding: 1em;
}
.access-info th {
  background-color: #c79b72;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}
h3.footerlogo .st-text-logo-bottom{
	background: transparent !important;
}
 
/* Google Mapのiframe */
.g-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top5-merit{
	margin-bottom: 1em;
}
.cv-btn{
	margin: 1em;
}
.top3-ttl-wide{
	margin-bottom: 0 !important;
/* 	padding-bottom: 0 !important; */
}
#headbox-bg,#st-menuwide{
	background-color: rgba(219, 213, 195, .8) !important;
}
.why-flex, .why-flex-direction, .habit-flex{
		margin-top: 2em;
	}
	.why-txt-n p, .why-txt-d p, .habit-txt p{
		padding: 10px;
	}

.txt-redb{
	color: red;
	font-weight: bold;
}
.list1, .list2, .list3{
	margin-bottom: 2em;
	border: 1px solid;
	padding: 1em;
}
.list2{
	border: 2px solid;
	position: relative;
}
.list3{
	margin-bottom: 1em;
}
.no1{
position: absolute;
    width: 26%;
    top: -25px;
    left: -1px;
    transform: rotate(-10deg);
	
}

.list-txt{
/* 	text-align: center; */
	font-weight: bold;
	margin-top: 0;
}
.list-txt p{
	text-align: left;
	font-size: 18px !important;
	margin-top: 1em;
}
.list-price p{
	font-size: 24px !important;
	color: #ad2424;
/* 	margin-bottom: 2em; */
	text-align: right;
	
}
.price-list-img{
	text-align: center;
	margin-top: 2em;
}
.reserve-img2{
	text-align: center;
}

/* .top-sol-img img{
	background: #B79B77;
	padding: 10px;
} */
/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	header .sitename{
		text-align: center;
	}
	.top2-grid,.top3-grid,.top6-grid-container,.top7-grid{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	hr{
display: none;
}
	.top6-flow-txt p{
		line-height: 1.4 !important;
    padding: 3px !important;
	}
	.customer-txt{
		padding: 10px;
		text-align: justify;
	}
	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {
	.top2-grid,.top3-grid,.top6-grid-container,.top7-grid{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 10px;
	}
	.btn{
		margin: 2em auto;
		max-width: 500px;
}
	.top4-flex{
		display: flex;
		margin-bottom: 4em;
	}
	.top4-flex-direction{
		display: flex;
		flex-direction: row-reverse;
		margin-bottom: 4em;
	}
	.top4-about-left,.top4-about-right-d,.top4-about-right-n{
		flex: 1;
	}
	.top4-about-right-n{
		padding: 1em;
		padding-top: 0;
		padding-right: 0;
	}
	.top4-about-right-d{
		padding: 1em;
		padding-top: 0;
		padding-left: 0;
	}
	hr{
		width: 30%;
		color: #dbd5c3;
		margin: 40px auto;
		height: 2px;
	}
	.top4-about-txt{
		padding: 5px;
	}
	.top5-flex{
		display: flex;
	}
	.top5-merit{
		flex: 1;
		padding: 10px;
	}
	.top5-merit-txt{
		text-align: left;
		padding: 10px;
	}
	.voice-img{
		text-align: center;
	}
	.why-flex{
		display: flex;
		margin-top: 20px;
	}
	.why-img,.habit-img{
		flex: 1;
	}
	.why-txt-n,.habit-txt{
		flex: 1;
		margin-left: 1em;
	}
	.why-txt-d{
		flex: 1;
		margin-right: 1em;
	}
	.why-flex-direction{
		display: flex;
		flex-direction: row-reverse;
		margin-top: 2em;
	}
	.habit-flex{
		display: flex;
	}
	.why-txt-n p, .why-txt-d p, .habit-txt p{
		padding: 10px;
	}
	.list1, .list2, .list3{
		display: flex;
		margin-top: 3em;
		padding: 1em;
	}
	.list1, .list3{
		border: 1px solid;
	} 
	.list2{
		border: 2px solid;
/* 		scale: 1.1; */
	}
	.list-img{
		width: 40%;
	}
	.list-txt{
		width: 100%;
		padding-left: 1em;
		padding-top: 0;
		padding-right: 0;
	}
	.list-txt p{
		font-size: 18px !important;
		margin: 1em;
	}
	.list-price p{
		font-size: 24px !important;
		color: #ad2424;
		text-align: right;
	}
	.no1{
	 position: absolute;
    width: 11%;
    top: -25px;
    left: -20px;
    transform: rotate(-10deg);
	}
	.access-flex{
		display: flex;
	}
	.access-info,.access-img{
		flex: 1;
	}
	
	.table-scroll {
  overflow-x: auto;
}
.table_design11 {
  border-collapse: collapse;
  min-width: 700px;
  font-weight: bold;
  text-align: center;
}
.table_design11 th, .table_design11 td {
  padding: .5em 1em;
}
.table_design11 th {
  border-top: 2px solid #4d9bc1;
  border-bottom: 2px solid #4d9bc1;
  color: #4d9bc1;
}
	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	nav.smanone{
		max-width: 1120px !important;
	}

	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}