@charset "utf-8";

/*============================================================
	コンテンツ　H2タイトル
*/

.h2 {
	overflow: hidden;
	min-width: 1020px;	/*両サイドマージン10px*/
	/*background: url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/h2-image-3.jpg) no-repeat center top;*/
	background-size: cover;
	height: 187px;
	position: relative;
}

[data-element-id].h2{
  display: block;
  width: 100%;
}


.h2:after{
  content: "";
    display: block;
    position: absolute;
    bottom: 27px;
    left: 0;
    right: 0;
    top: 0;
     background: url('/upload/tenant_1/33c9f1c74af353e7de1bcf04128c0895.png') center center no-repeat;
    background-size: 100% 187px;
    /*width: 1800px;*/
    width:100%;
    min-width: 1020px;
    height: 187px;
    margin: auto;
    z-index: 1;
}

.h2 img{
  position: absolute;
  z-index: 0;
  margin:0 auto;
  width:100%;
}


.h2.features {
	/*background: url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/h2-image-1.jpg) no-repeat center top;
	background-size: cover;*/
}
.h2.news {
	/*background: url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/h2-image-2.jpg) no-repeat center top;
	background-size: cover;*/
}

.h2 .inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.h2 .h2box {
	height: 64px;
	border-left: 10px solid #ffd154;
	padding-left: 30px;
	position: absolute;
	left: 0;
	top: 50px;
	color: #630;
}

.h2 .h2box h2 {
	font-size: 32px;
	margin-bottom: 21px;
}

.h2 .h2box p {
	font-size: 11px;
	font-family: Arial, Helvetica, "sans-serif";
	letter-spacing: 0.3em;
}
  .h2 img{
   height: 187px; 
  }


@media print, screen and (max-width: 768px) {
  .h2:after{
    display: none;
}
  
  
  .h2 img{
   height: 150px; 
  }
  
	.h2 {
		min-width: 100%;
	/*	background: #fdf8f2 url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/h2-image-sp-3.jpg) no-repeat right top;
		background-size: auto 105px;*/
		height: 105px;
	}
	.h2.features {
	/*	background: #fdf8f2 url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/h2-image-sp-1.jpg) no-repeat right top;
		background-size: auto 105px;*/
	}
	.h2.news {
		/*background: #fdf8f2 url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/h2-image-sp-2.jpg) no-repeat right top;*/
		background-size: auto 105px;
	}

	
	.h2 .inner {
		width: 100%;
	}

	.h2 .h2box {
		height: auto;
		border-left: none;
		padding-left: 15px;
		position: absolute;
		left: 0;
		top: 35px;
	}

	.h2 .h2box h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.h2 .h2box p {
		font-size: 6px;
	}
}

/*============================================================
	コンテンツ
*/

.contents {
	width: 1020px;	/*両サイドマージン10px*/
	margin: 0 auto 30px;
	padding: 0 10px 15px;	/*両サイドマージン10px*/
	padding-top: 15px;
}

.pankuzu {
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 30px;
}

.pankuzu a:hover {
	text-decoration: none;
}

@media print, screen and (max-width: 768px) {
	.contents {
		width: 100%;
		margin: 0 0 30px;
		padding: 15px 10px 0;
	}

	.pankuzu {
		font-size: 11px;
		margin-bottom: 20px;
	}
	.news_com{
	  display: none;
	}
	
}

/*============================================================
	コンテンツ　左
*/

.contents-left {
	width: 730px;
	float: left;
}

.contents-left.one-column {
	width: 100%;
	float: none;
}

article > h3 {
	color: #630;
	font-weight: bold;
	font-size: 22px;
	padding-bottom: 15px;
	border-bottom: 2px solid #FEBE00;
	margin-bottom: 25px;
	line-height: 1.3;
}

article > h3::before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	border: 5px solid #FEBE00;
	border-radius: 50%;
	margin-right: 18px;
	vertical-align: middle;
}

.article {
	background-color: #fff;
	padding: 30px;
}

.article .h3box {
	margin-bottom: 30px;
}

.article .h3box h3 {
	color: #630;
	font-weight: bold;
	font-size: 22px;
	padding: 24px 0;
	border-top: 3px solid #ffd154;
	border-bottom: 1px dashed #b5b5b5;
	margin-bottom: 15px;
	line-height: 1.3;
}

.article .h3box .date {
	font-size: 12px;
	line-height: 1.5;
	margin-bottom: 15px;
	margin-top: -10px;
}

.article .h3box .date a {
	color: #630;
}

.article .h3box .date a:hover {
	text-decoration: none;
}

.article .h3box .keywords {
	font-size: 12px;
}

.article .h3box .keywords .a {
	display: inline-block;
	color: #630;
	text-decoration: none;
	background-color: #f0f0f0;
	margin-right: 14px;
	margin-bottom: 10px;
	padding: 6px;
	transition: background-color 0.3s ease;
}

.article .h3box .keywords .a:hover {
	background-color: #ffe59d;
}

/*-----------------先方編集パーツ用スタイル-----------------*/
.article h4 {
	background-color: #ffe59d;
	padding: 12px 20px;
	color: #630;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 1.5em;
	line-height: 1.3;
}

.article h5 {
	border-left: 7px solid #ffd154;
	padding: 5px 0 5px 15px;
	color: #630;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 1em;
	line-height: 1.3;
}

.article .honbun {
	line-height: 2;
	font-size: 16px;
}

.article img {
	max-width: 480px;
	height: auto;
	margin-bottom: 20px;
}

.article .aligncenter {
	display: block;
	margin: 0 auto 20px;
}

.article .alignright {
	max-width: 300px;
	float: right;
	margin: 0 0 20px 20px;
}

.article .alignleft {
	max-width: 300px;
	float: left;
	margin: 0 20px 20px 0;
}

.article .orange {
	color: #f90;
}

.article .bold {
	font-weight: bold;
}

.article a {
	color: #690;
}

.article a:hover {
	text-decoration: none;
}

.article hr {
    border: 0;
    border-bottom: 1px dashed #b5b5b5;
}

.article li {
	line-height: 1.5;
	margin-bottom: 15px;
}

.article li::before {
	content: '● ';
	color: #9EC829;
}

.article blockquote {
    position: relative;
    padding: 10px 15px 10px 60px;
    box-sizing: border-box;
    font-style: italic;
    background: #F6F5F3;
    color: #333;
    border-left: 4px solid #ffd154;
}

.article blockquote:before{
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
    vertical-align: middle;
    content: "“";
    font-family: sans-serif;
    color: #ffd154;
    font-size: 90px;
    line-height: 1;
}

.article blockquote p {
    padding: 0;
    margin: 7px 0;
    line-height: 1.7;
}

.article blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

.article .youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.article .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.article table {
	width: 100%;
	font-size: 16px;
	line-height: 1.5;
	border-bottom: 1px dashed #b5b5b5;
	margin-bottom: 20px;	
}
.article tr {
	width: 100%;
}
.article th, .article td {
	border-top: 1px dashed #b5b5b5;	
	padding: 1em;
}
.article th {
	width: 30%;
	background-color: #F6F5F3;
	vertical-align: middle;
}
.article td {
	vertical-align: middle;
}

.article .clear {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

/*	お問い合わせフォーム表組	*/
.article .table {
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}

.article .tr {
	display: table;
	width: 100%;
}

.article .table .th, .article .table .td {
	border-top: 1px dotted #999;
	display: table-cell;
	font-size: 14px;
	padding: 1em;
	line-height: 1.5;
}

.article .table .th {
	background-color: #F6F5F3;
	width: 200px;
	vertical-align: middle;
	font-weight: normal;
}

@media print, screen and (max-width: 768px) {
	.contents-left {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}

	article > h3 {
		font-size: 16px;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}

	article > h3::before {
		width: 5px;
		height: 5px;
		border: 3px solid #FEBE00;
		margin-right: 10px;
	}

	.article {
		padding: 10px;
	}

	.article .h3box {
		margin-bottom: 12px;
	}
	
	.article .h3box h3 {
		font-size: 16px;
		padding: 20px 0;
		margin-bottom: 10px;
	}

	.article .h3box .date {
		margin-bottom: 15px;
		margin-top: 5px;
	}

	.article .h3box .keywords span {
		display: none;
	}

	.article .h3box .keywords .a {
		margin-right: 12px;
		margin-bottom: 8px;
		font-size: 12px;
	}

	/*-----------------先方編集パーツ用スタイル-----------------*/
	.article h4 {
		padding: 10px 14px;
		font-size: 14px;
	}

	.article h5 {
		font-size: 14px;
	}
	
	.article .honbun {
		font-size: 14px;
	}
	
	.article img, .article .alignright, .article .alignleft {
		width: 100%;
		max-width: 640px !important;
		float: none;
		margin: 0 auto 20px;
		display: block;
	}
	
	.article th, .article td {
		display: block;
		width: 100%;
	}
	.article th {
		padding: 0.3em 1em;
	}
	
	/*お問い合わせフォーム表組*/
	.article .table .th, .article .table .td {
		display: block;
		width: 100%;
		padding: 1.5em 1em;
	}

	.article .table .th {
		font-weight: bold;
		padding: 0.5em 1em;
	}
	.article .table .td textarea{
	  width: 100%;
	}

}


/*============================================================
	コンテンツ　右
*/

.contents-right {
	width: 240px;
	float: right;
}

.contents-right .sub-menu {
	margin-bottom: 30px;
}

.contents-right .sub-menu .h6box {
	background-color: #fff;
	border-top: 5px solid #ffd154;
	padding: 24px 20px;
	color: #630;
	border-bottom: 1px solid #dcdcdc;
}

.contents-right .sub-menu .h6box h6 {
	font-size: 15px;
	font-weight: bold;
	position: relative;
}

.contents-right .sub-menu .h6box p {
	font-size: 7px;
	font-family: Arial, Helvetica, "sans-serif";
	letter-spacing: 0.2em;
	margin-top: 10px;
}

.contents-right .sub-menu.category li {
	border-bottom: 1px solid #dcdcdc;
}

.contents-right .sub-menu.category li:last-child {
	border-bottom: none;
}

.contents-right .sub-menu.category li a {
	display: block;
	background-color: #fff;
	padding: 24px 14px 24px 40px;
	line-height: 1.3;
	color: #630;
	text-decoration: none;
	position: relative;
	transition: background-color 0.3s ease;
}

.contents-right .sub-menu.category li a::before {
	content: '';
	position: absolute;
	left: 14px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/arw-submenu.png) no-repeat left top;
	background-size: cover;
	width: 14px;
	height: 14px;
	display: inline-block;
}

.contents-right .sub-menu.category li a:hover, .contents-right .sub-menu.category li.current_page_item a, .contents-right .sub-menu.category li.current-cat a {
	background-color: #f6f5f3;
}

.contents-right .sub-menu.category li a:hover::before, .contents-right .sub-menu.category li.current_page_item a::before, .contents-right .sub-menu.category li.current-cat a::before {
	background: url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/arw-submenu-on.png) no-repeat left top;
	background-size: cover;
}

.tags {
	background-color: #fff;
	padding: 24px 14px;
}

.tags a {
	display: inline-block;
	padding: 8px;
	background-color: #f0f0f0;
	text-decoration: none;
	margin: 0 10px 10px 0;
	color: #630;
	transition: background-color 0.3s ease;
}

.tags a:hover {
	background-color: #ffe59d;
}

.contents-right .sub-menu.backnumber ul {
	background-color: #fff;
	padding: 24px 20px;
}

.contents-right .sub-menu.backnumber li {
	margin-bottom: 20px;
}

.contents-right .sub-menu.backnumber li:last-child {
	margin-bottom: 0;
}

.contents-right .sub-menu.backnumber li a {
	color: #630;
	text-decoration: none;
}

.contents-right .sub-menu.backnumber li a:hover {
	text-decoration: underline;
}

.contents-right .old-link a {
	background-color: #ffd154;
	color: #630;
	font-weight: bold;
	font-size: 16px;
	display: block;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
	line-height: 1.3;
	padding: 14px 0;
	transition: all 0.3s ease;
	margin-bottom: 30px;
}

.contents-right .old-link a:hover {
	opacity: 0.7;
}

@media print, screen and (max-width: 768px) {
	.contents-right {
		width: 100%;
		float: none;
	}

	.contents-right .sub-menu {
		margin-bottom: 30px;
	}

	.contents-right .sub-menu .h6box {
		background-color: #ffd154;
		border-top: none;
		padding: 16px 10px;
		border-bottom: none;
		text-align: center;
	}

	.contents-right .sub-menu .h6box h6 {
		font-size: 14px;
	}

	.contents-right .sub-menu .h6box p {
		display: none;
	}

	.contents-right .sub-menu.category li a {
		padding: 20px 14px 20px 36px;
	}

	.contents-right .sub-menu.category li a::before {
		background-size: cover;
		left: 10px;
		width: 12px;
		height: 12px;
	}

	.contents-right .sub-menu.category li a:hover::before, .contents-right .sub-menu.category li.current_page_item a::before {
		background-size: cover;
	}

	.contents-right .sub-menu.tagcloud .tags {
		padding: 20px 10px;
	}

	.contents-right .sub-menu.tagcloud a {
		margin: 0 12px 12px 0;
	}
	
	.contents-right .sub-menu.backnumber h6::after {
		content: '';
		position: absolute;
		right: 10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background: url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/arw-brw.png) no-repeat left top;
		background-size: cover;
		width: 7px;
		height: 11px;
		display: inline-block;
	}

	.contents-right .sub-menu.backnumber.is-active h6::after {
		width: 11px;
		height: 7px;
		background: url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/arw-brw-active.png) no-repeat left top;
		background-size: cover;
	}
	
	.contents-right .sub-menu.backnumber ul {
		padding: 0;
		height: 0;
		overflow: hidden;
	}

	.contents-right .sub-menu.backnumber.is-active ul {
		height: 100%;
	}
	
	.contents-right .sub-menu.backnumber li {
		margin-bottom: 0;
		border-bottom: 1px solid #dcdcdc;
	}

	.contents-right .sub-menu.backnumber li:last-child {
		border-bottom: none;
	}
	
	.contents-right .sub-menu.backnumber li a {
		padding: 20px 0;
		display: block;
		text-align: center;
	}
	
	.contents-right .old-link a {
		background-color: #fff;
		border: 3px solid #ffd154;
		font-size: 16px;
	}
}


/*============================================================
	ニュース一覧
*/

.news-posts li {
	width: 226px;
	background-color: #fff;
	float: left;
	margin-right: 26px;
	margin-bottom: 26px;
}
.news-posts.page li {
	width: 316px;
}
.news-posts li:nth-child(3n) {
	margin-right: 0;
}
.news-posts li a {
	text-decoration: none;
	display: block;
	/*height: 365px;*/
	/*min-height: 365px;*/
}
.news-posts.page li a {
/*	height: 405px;*/
}
.news-posts img {
	width: 100%;
	height: auto;
	transition: opacity 0.3s ease;
}
.news-posts img:hover {
	opacity: 0.7;
}
.news-posts h3 {
	color: #663300;
	font-weight: bold;
	padding: 0 1em 1em;
	line-height: 1.5;
}
.news-posts p {
	padding: 0 1em 1em;
	line-height: 1.5;
}
.news-posts div.news_com a{
    display: inline-block;
    padding: 8px;
    background-color: #f0f0f0;
    text-decoration: none;
    margin: 0 10px 10px 0;
    color: #630;
    transition: background-color 0.3s ease;
  
}

.news-posts div.news_com a{
  height: 0px !important;
  
}


.news-posts div.news_com img,.news-posts div.news_com h5,.news-posts div.news_com h3,.news-posts div.news_com h4{
  display: none !important;
  
}
.news-posts div.news_com p{
  display: none;
}

.news-posts div.news_com p:first-of-type{
  display: inline-block;
  max-height: 106px;
    overflow: hidden;
}
.news-posts div.news_com .honbun.cf,.news-posts div.news_com .honbun.cf span,.news-posts div.news_com blockquote,.news-posts div.news_com .text_exposed_show p{
  display: none;
  height: 0;
}


.news-posts div.news_com .honbun.cf:first-of-type{
  display: block;
  
}

.news-posts div.news_com .honbun.cf .honbun.cf{
   display: none;
}
.news-posts div.news_com .honbun.cf div:nth-child(2) p,.news-posts div.news_com .honbun.cf div.entry-more p{
   display: none;
}





@media print, screen and (max-width: 768px) {
	.news-posts ul {
		margin-bottom: 20px;
	}
	.news-posts li {
		width: 100%;
		height: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.news-posts.page li {
		width: 100%;
	}
	.news-posts li a, .news-posts.page li a {
		height: auto;	
	}
	.news-posts img {
		display: inline-block;
		vertical-align: middle;
		/*width: 30%;*/	
		height: auto;
		margin-right: 5%;
	}
	.news-posts h3 {
		display: inline-block;
		vertical-align: middle;
		/*width: 60%;*/
		padding: 0;
	}
	.news-posts p {
		display: none;
	}
}


/*============================================================
	お知らせリスト
*/

.infolist-box {
	background-color: #fff;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.infolist-box h3 {
	padding: 16px 24px;
	border-top: 5px solid #9ec823;
	color: #630;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #dcdcdc;
}

.infolist-box ul {
	margin: 0 24px;
}

.infolist-box li {
	padding: 16px 0;
	border-bottom: 1px dashed #c9c9c9;
	display: table;
	width: 100%;
}

.infolist-box li:last-child {
	border-bottom: none;
}

.infolist-box li div {
	display: table-cell;
	line-height: 1.5;
}

.infolist-box li div.date {
	color: #669900;
	width: 120px;
}

.infolist-box li div.link a {
	color: #630;
}

.infolist-box li div.link a:hover {
	text-decoration: none;
}

@media print, screen and (max-width: 768px) {
	.infolist-box h3 {
		padding: 14px;
		border: none;
		color: #fff;
		background-color: #9ec823;
		font-size: 16px;
		text-align: center;
	}

	.infolist-box ul {
		margin: 0 10px;
	}

	.infolist-box li {
		display: block;
	}

	.infolist-box li div {
		display: block;
	}

	.infolist-box li div.date {
		width: 100%;
	}
}


/*============================================================
	wp-pagenavi
*/

.wp-pagenavi {
	clear: both;
	text-align: center;
	margin-top: 20px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 10px 12px;
	margin: 5px;
	display: inline-block;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	color: #630;
	transition: background-color 0.3s ease;
}

.wp-pagenavi .pages, .wp-pagenavi .extend {
	background-color: transparent;
	border-color: transparent;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color: #FFE59D;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

@media print, screen and (max-width: 768px) {
	.wp-pagenavi a, .wp-pagenavi span {
		display: none;
	}
	
	.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
		display: inline-block;
		width: 45%;
	}
	
	.wp-pagenavi .previouspostslink::after {
		content: ' 前のページ';
	}
	
	.wp-pagenavi .nextpostslink::before {
		content: '次のページ ';
	}
}


/*============================================================
	サイトマップ
*/

.sitemap-box {
	width: 50%;
	float: left;
}

.sitemap-box a {
	color: #663300;
}
.sitemap-box a:hover {
	text-decoration: none;
}
.sitemap-list li {
	margin-bottom: 2em;
	line-height: 1.3;
}
.sitemap-list li::before {
	content: '・';
	color: #000;
}
.sitemap-list .children {
	margin: 2em 0 3.5em 3em;
}
.sitemap-list .children li {
	position: relative;
	padding-left: 13px;
}
.sitemap-list .children li::before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 7px;
	height: 13px;
	background: url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/sitemap-li-icon.png) no-repeat left top;
	padding-right: 0.5em;
	left: 0;
	top: 2px;
}
.sitemap-list .children li:last-child::before {
	background: url(/import/tenant_1/www.gokomachi.com/wp/wp-content/themes/gokomachi/images/common/sitemap-li-iconbtm.png) no-repeat left top;
}


@media print, screen and (max-width: 768px) {
	.sitemap-box {
		width: 100%;
		float: none;
	}
	.sitemap-list li {
		margin-bottom: 1.5em;
	}
	.sitemap-list .children {
		margin: 1.5em 0 2em 2em;
	}
	
}


/*============================================================
	検索結果ページ
*/
.results li {
	line-height: 1.5;
}
.results li::before {
	content: '';
}
.results li a {
	color: #663300;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 10px;
}
.results li a:hover {
	text-decoration: none;
}
.results li {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px dashed #b5b5b5;
}
.results li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: 0;
}

@media print, screen and (max-width: 768px) {
	.results li a {
		font-size: 16px;
	}
}


/*============================================================
	お問い合わせフォーム
*/

.contactform .need {
	color: #FF0004;
	margin-left: 5px;
}
.contactform .txt {
	width: 100%;
}
.contactform input,select,textarea {
	padding: 0.4em;
	border: 1px solid #999;
	/* -webkit-appearance : none; */
	display:inline-block;
}
.contactform input:focus, textarea:focus {
	background-color: #f6f5f3;
}
.contactform .radio label {
	line-height: 3em;
	display: inline-block;
    padding-left: 10px;
    width: 98%;
}
.contactform .select label {
	line-height: 3em;
	display: inline-block;
    padding-left: 10px;
    width: 98%;
	
}
.submitbtn button {
	display: block;
	
	width: 370px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 3em;
	border-radius: 0.3em;
	background-color: #f0af05;
	margin: 0 auto;
	margin-bottom: 20px;
	transition: background-color 0.3s;
	border: none;
}
.submitbtn button:hover {
	background-color: #663300;
}

@media print, screen and (max-width: 768px) {
	.contactform .radio label {
		line-height: 2em;
    width: 95%;
	}
	.contactform .select label {
		line-height: 2em;
		width: 95%;
	}
	.submitbtn button {		
		width: 100%;
		border-radius: 0;
	}
}

.float_non{
  float: none !important;
  margin:0 auto;
  margin-top:20px;
}
/* resetcss */

/*フォント系*/
.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}

.fs-34 {
    font-size: 34px;
}

.fs-36 {
    font-size: 36px;
}

.bold {
    font-weight: bold;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}

/*クリアフィックス*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:before {
    display: block;
    content: "";
    clear: both;
}

.clearfix {
    /*display: inline-block;*/
    margin: 0 auto;
    display: block;
}



a {
    text-decoration: none;
    color: #000000;
}

a:hover {
    opacity: 0.6;
    color: inherit;
    text-decoration: none;
}

a[href*="tel"] {
    pointer-events: none;
}

a[data-href="#"] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."] {
    border: solid red 5px;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[data-element-id][data-uk-slideshow]:hover:before {
    content: "※こちらは見たまま編集ができません。①画像をダブルクリック、②変更（歯車マーク）、③スライドショーから編集してください。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}

[data-collection-list-content]:hover:before {
    content: "※こちらは見たまま編集ができません。①ページのどこかをダブルクリック、②左下（もしくは左上）のCMSロゴをクリック、③画面右上のメニュー（三本線マーク）から「カスタムコンテンツ管理」をクリック、④編集したいカスタムコンテンツの一覧（三本線マーク）から記事投稿・記事編集ができます。";
    display: block;
    line-height: 1.8;
    font-weight: bold;
    color: red;
    clear: both;
    background: #4c4c4c;
    padding: 5px;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    z-index: 1000;
    font-size: 12px;
}



/*トランスフォーム親*/

.tfm_p {
    position: relative;
}

/*左右中央寄せ*/

.tfm_x {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

/*上下中央寄せ*/

.tfm_y {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/*上下左右中央寄せ*/

.tfm_xy {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/*トリミング*/

.trimming {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.trimming:after {
    display: block;
    content: "";
    padding-top: 100%;
    /*100%で正方形にカット。100%以下で横長、100%以上で縦長*/
}
.pt18.trimming:after {
    display: block;
    content: "";
    padding-top: 18%;
    /*18%にカット*/
}

.pt67.trimming:after {
    display: block;
    content: "";
    padding-top: 67%;
    /*67%にカット*/
}
.pt75.trimming:after {
    display: block;
    content: "";
    padding-top: 75%;
    /*75%にカット*/
}

.pt110.trimming:after {
    display: block;
    content: "";
    padding-top: 110%;
    /*110%でカット。*/
}


.pt125.trimming:after {
    display: block;
    content: "";
    padding-top: 125%;
    /*125%でカット。*/
}

.trimmingInner {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



span.af,a.af{
    width: 100%;
    position: relative;
    overflow: hidden;
    display:block;
}
span.af:after,a.af:after {
    display: block;
    content: "";
    padding-top:200%;
}
span.af img,a.af img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    /*width: 100%;
    height:100% !important;*/
    object-fit: contain;
    object-position: bottom;
    font-family: 'object-fit: contain; object-position: bottom;'
}

/*フレックス*/

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*フレックスセンター*/

.flex_c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex > div[data-collection-list-content],
.flex_c > div[data-collection-list-content] {
    width: 100%;
}

.flex > div[data-recommend-collection-list-content],
.flex_c > div[data-recommend-collection-list-content] {
    width: 100%;
}

.flex .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec2 {
    width: 46%;
    margin: 0% 2% 4% 2%;
}

.flex .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec3 {
    width: 29%;
    margin: 0% 2% 4% 2%;
}

.flex .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec4 {
    width: 21%;
    margin: 0% 2% 4% 2%;
}
.flex .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

.flex_c .sec5 {
    width: 16%;
    margin: 0% 2% 4% 2%;
}

@media only screen and (max-width: 1024px) {

    .flex .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 29%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec5 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }

}

@media only screen and (max-width: 599px) {
    .flex .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec3 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
    .flex_c .sec4 {
        width: 46%;
        margin: 0% 2% 4% 2%;
    }
}

.fead-mv {
    opacity: 0;
    transition: 1.5s;
}
.mv {
    opacity: 1;
}


.fit_img{
  object-fit: cover;
  object-position: bottom;
  font-family: 'object-fit: cover; object-position: bottom;'
}



@media print, screen and (max-width: 768px){
  span.pic{
  width:30%;
  display: block;
}
span.flex_text{
  width:60%;
  display: block;
  margin-left: 6%;
  /*margin-top: 8%;*/
  margin-top: 2%;
}
.news-posts li a{
  display: flex;
  min-height: auto;
}


a[href*="tel"] {
    pointer-events: auto;
}

}

/**2026/06/12**/
.under-bnr {
  position: fixed;
  width: 500px;
  bottom: 10px;
  right: 70px;
  padding: 20px;
  background: #fff;
  z-index: 9999;
}
.under-bnr ul {
  width: 100%;
  display: flex;
}
.under-bnr ul li {
  width: 48%;
  margin: auto;
}
.under-bnr ul a {
  display: block;
  width: 100%;
  padding: 15px 0;
  background: #9ec823;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.under-bnr ul .tel-link a {
  background: #f0af05;
}
.under-bnr ul a:hover {
  opacity: 0.6;
}
.other-menu .under-bnr li::after {
  content: none;
}
.other-menu .under-bnr li a::before {
  content: none;
}

@media (max-width: 1024px){
  .under-bnr {
    padding: 15px;
  }
  .under-bnr ul a {
    font-size: 16px;
  }
}

@media (max-width: 599px){
  .under-bnr {
    width: 100%;
    right: 0;
    bottom: 0;
    padding: 0;
  }
  .under-bnr ul li {
    width: 50%;
    margin: 0;
  }
}