/*------------------------------------*\
  リセット
\*------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
	background: transparent;
	border: 0 none;
	font-size: 1rem;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body.single #primary p{
	line-height:2;
}
::-moz-selection {
background-color: #91D8f7;
color: #fff;
}
::selection {
	background-color: #91D8f7;
	color: #fff;
}

a {
	outline: 0;
	color: #6CF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

a {
	color:#c44f4f;
}
p.small{
	font-size:0.8rem;
	line-height:1.4;
}

#secondary a{
	color:#000;
}
#secondary a:hover{
	color:#999;
	text-decoration:none;
}
/*デフォルトカラーを変更*/
:root .has-cyan-bluish-gray-background-color {
    background-color: #eee;
}

a:active {
	outline: none;
	position: relative;
	top: 0px;
}
.clearfix {
	clear: both;
}
img {
	vertical-align:bottom;
}
section a img {
	transition:all linear 0.2s;
	box-shadow:0 0 0 #000;
}
section a img:hover {
	opacity:0.6;
}
figcaption{
	font-size:0.8em;
}

.flex-home{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	max-width: 62em;
	margin:0 auto;
}
.flex-home .flex-item{
	width:100%;
}
.slide{
	padding:20px 0;
}
@media(min-width:40em){
.flex-home .flex-item.item-left{
	width:53%;
}
.flex-home .flex-item.item-right{
	width:43%;
}
}

video{
	width:100%;
}
.modal{
	position:relative;
}
.modal .video{
	position:relative;
	display:block;
}
.modal h4 .video{
	display:inline-block;
	line-height:1;
}
.modal .video:after{
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:100%;
	height:100%;
	text-align:center;
	z-index:2;
}
a.video{transition:all linear 0.3s;}
a.video:hover{opacity:0.7;}
.videoAd{
	margin:20px 0;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom:7px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flex-wrapper h4{
	margin-bottom:7px;
}
.flex-wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.flex-wrapper.two .flex-one{
	width:48%;
}
.flex-wrapper.four .flex-one{
	width:24%;
}
@media(max-width:40em){
.flex-wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.flex-wrapper figure{
	width:40%;
}
.flex-wrapper .text{
	width:56%;
}
.flex-wrapper.two .flex-one{
	width:100%;
}
}
.flex-grid.four{
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	column-gap:20px;
}
@media(max-width:40em){
.flex-grid.four{
	grid-template-columns:1fr 1fr;
	column-gap:20px;
}
}

.show-sp{
	display:none;
}
.hide-sp{
	display:block;
}
@media(max-width:40em){
	.show-sp{
		display:block;
	}
	.hide-sp{
		display:none;
	}
}

/*------------------------------------*\
  基本
\*------------------------------------*/
html {
	overflow-y: scroll;
}/*CSS3でスクロールバーを常に表示*/
body {
	background:#f6f5f0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.row {
    max-width: 64em;
}

@media only screen and (min-width: 64.0625em){
body.home #primary,body.home #secondary {
    position: relative;
    padding-left: 1.2em;
    padding-right:1.2em;
    float: left;
}
body #primary{
	padding-right:2rem;
}
}
h1,h2,h3,h4,h5,h6{
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif!important;
	font-weight:700;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	color:#000;
	font-size:inherit;
	font-weight:700;
}
h1 {
	font-size: 2em;
}
h1.logo {
	width:270px;
	height:52px;
	margin:5px auto;
	background:url(img/logo.png?333) no-repeat top center;
	background-size:270px 52px;
	text-indent:-9999px;
}
h1.logo a{
	width:270px;
	height:52px;
	background:url(img/logo.png?333) no-repeat top center;
	background-size:270px 52px;
	display:block;
}
@media(max-width:767px){
	h1.logo {
		width:180px;
		height:34px;
		background:url(img/logo.png?333) no-repeat top center;
		background-size:180px 34px;
	}
	h1.logo a{
		width:180px;
		height:34px;
		background:url(img/logo.png?333) no-repeat top center;
		background-size:180px 34px;
	}
}


body.archive h1.entry-title {
	margin-bottom:40px;
}
h1.entry-title {
	margin-bottom:40px;
	@media(max-width:767px){
		font-size:24px;
	}
}
h1.entry-title span{
	font-size:0.7em!important;
display:block!important;
}
h1.entry-title a:hover{
color:#999;
text-decoration:none;
}
h2 {
	font-size: 1.5em;
	font-weight: bold;
		margin-bottom:1rem;
	@media(max-width:767px){
		font-size:20px;
	}
}
.entry-content h2{
		margin-bottom:1rem;
}
.entry-content h3{
		margin:1rem 0;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
}
h4{
	font-size: 1em;
	font-weight: bold;
	margin-bottom:5px;
}
h4.entry-title {
	font-size: 1.1em;
}
h4.entry-title img{
	vertical-align:middle;
}
h4.entry-title span{
	font-size: 0.7em;
	padding:2px 5px;
	margin-right:3px;
	display:inline-block;
	color:#999;
}
h4.entry-title span.title{
	font-size: 0.8rem;
	color:#444;
}
h4.entry-title span.label{
	color:#FFF;
}
h4.entry-title a:hover{
	color:#999;
	text-decoration:none;
}
h3.entry-title.box{
	border:2px solid #C00;
	padding:5px;
	text-align:center;
}
h5 {
	font-size: 1.1em;
	font-weight:bold;
	margin-bottom:5px;
}
h6{
	font-size: 0.9em;
	font-weight:bold;
}
.relation-title{
	font-weight:700;
	text-align:center;
	padding-bottom:7px;
	margin-bottom:20px;
	border-bottom:1px solid #aaa;
}
.date{
		font-size: 0.9em;
	color:#666;
}
small {
	font-size: 0.9em;
	line-height: 1.3;
}
.mt5 {
	margin-top:5px
}
.mb5 {
	margin-bottom:5px
}
.mt10 {
	margin-top:10px
}
.mb10 {
	margin-bottom:10px
}
.mt20 {
	margin-top:20px
}
.mb20 {
	margin-bottom:20px
}


h2.entry-title {
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px double #ccc;
}

h2.entry-title a {
	color:#000;
	font-weight:700!important;
}

body.home h2.entry-title{
 text-align:center;
margin-bottom:20px;
}

body.home h2.entry-title a{
	text-align:center;
}

body.home h2.entry-title span{
	font-size: 0.7em;
}

h3.entry-title {
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px double #dfd2c7;
	color:#000;
}
h3.entry-title span{
	font-size:0.8rem;
}

.panel-grid h3.widget-title{
font-size:0.9em;
line-height:1.6;
font-weight:normal;
}

img.thumb{
border:1px solid #ccc;
}

#secondary article{
margin-bottom:10px;
font-size:0.9em;
}
#secondary h2.entry-title,
#secondary h3.entry-title{
	font-size:1em;
}
#secondary h4.entry-title{
	margin-bottom:5px;
	line-height:1.3;
}
#secondary h4.entry-title a{
	font-size:.8rem;
	
}
#secondary figure{
	margin-bottom:5px;
}
#secondary .widget_sp_image-image-link img{
	margin-bottom:20px;
}

/*-------------------------------------------------
UL/OL
-------------------------------------------------*/
ul {
	list-style: none;
}
/*-------------------------------------------------
レイアウト用
-------------------------------------------------*/

#totop {
	bottom: 50px;
	position: fixed;
	height: 49px;
	width: 49px;
	right: 10px;
}
.contents {
	clear: both;
	padding-bottom: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#contact_banner {
	top: 90px;
	position: fixed;
	width: 44px;
	right: 0px;
}
.fullWidth {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
}
#tocontact {
	top: 100px;
	position: fixed;
	width: 40px;
	right: 0px;
}
/*-------------------------------------------------
header
-------------------------------------------------*/
header {
	padding:15px 0;
	box-shadow:0 0 3px #aaa;
	background:#f1e8cb;
}
.desc{
	font-size:0.8rem;
	font-weight:700;
}

header ul.right{
margin-top:10px;
}


/*-------------------------------------------------
nav
-------------------------------------------------*/
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	height:auto;
	margin-bottom: 50px;
	animation-duration: 0.8s;
	animation-name: fadeIn;
	box-shadow:0 0 3px #aaa;
}
.top-bar {
	position: relative;
	background: transparent;
	margin:0;
	height:70px;
	display:flex;
	justify-content:center;
	padding:0;
}
.contain-to-grid {
	background: #FFF;
}
.top-bar-section {
	top:0;
	left: 0;
	position: relative;
	width: auto;
	margin:0 auto;
	transition: left 300ms ease-out;
}
.top-bar-section ul {
	padding: 0;
	width: auto;
	height: auto;
	display: inline-block;
	font-size: 16px;
	margin: 0;
}
.top-bar-section .divider,  .top-bar-section [role="separator"] {
	border-top: solid 1px #1a1a1a;
	clear: both;
	height: 1px;
	width: 100%;
}
.top-bar-section ul {
	margin:0 auto;
	padding:0;
}
.top-bar-section ul li {
	height:auto;
	text-align:center;
	margin:0 3px;
}
.top-bar-section ul li > a {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	padding:6px 10px!important;
	text-decoration:none;
	text-align:center;
	font-size: 0.9rem;
	background:#f6f5f0!important;
	color:#444;
	line-height:1.6!important;
}
.top-bar-section ul li > a:hover {
	color:#999!important;
}
.top-bar .toggle-topbar.menu-icon a {
	height: 34px;
	line-height: 33px;
	padding: 0 40px 0 15px;
	color: #000;
	position: relative;
}
.top-bar.expanded .title-area {
	background: #FFF;
}
.top-bar ul li > a span {
	font-size:0.65rem;
	padding-left:10px;
}
 @media only screen and (max-width: 40.063em) {
.top-bar {
	height:auto;
}	 
.top-bar-section ul.right {
	float:none;
	width:100%;
}
.top-bar-section ul.right li {
	width:100%;
	text-align:center;
}
}
 @media only screen and (min-width: 40.063em) {
.top-bar {
	height:60px;
}
.top-bar ul li > a span {
	display:block;
	text-align:center;
	margin:0!important;
	padding:0!important;
	line-height:1;
	font-weight:normal;
}
.top-bar ul li > a {
}
}


/*-------------------------------------------------
listColumn
-------------------------------------------------*/
.listColumn{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.row.listColumn{
	justify-content:start;
}
.listColumn .list-item{
	width:48%;
}

@media(min-width:40em){
.listColumn .list-item{
	width:23%;
}
}

/*-------------------------------------------------
mainvisual
-------------------------------------------------*/
#mainvisual {
	position:relative;
}
#mainvisual h3 {
	position:absolute;
	top:40%;
	left:15%;
	font-size:200%;
	color:#FFF;
	font-weight:normal;
}
/*-------------------------------------------------
footer
-------------------------------------------------*/
.vol{
	margin:15px 0;
	font-size:0.9rem;
}


#footer {
	padding: 20px 0px;
	background: #f1e8cb;
	width: 100%;
}
#footer ul li a{
	color:#000;
	font-size:0.8rem;
}
#footer .footer-logo{
	margin-bottom:10px;
}
#footer p.small{
	font-size:0.8rem;
	line-height:1.8;
}

#footer .copyright{
	font-size:0.8rem;
	margin:10px auto;
}

/*-------------------------------------------------
画像
-------------------------------------------------*/
figure {
	margin-top: 5px;
	margin-bottom: 10px;
	position:relative;
}
figure .label{
	position:absolute;
	top:0;
	left:0;
	background:#C00;
}

/*-------------------------------------------------
トップコンテンツ
-------------------------------------------------*/
#primary section {
	margin:20px 0 40px;
}
#secondary section {
	margin:20px 0;
}
.frame {
	padding:1.5em;
}
.alert-box .wp_social_bookmarking_light{
	display:none;
}
.alert-box p{
	margin-bottom:0;
}
.alert-box .wp_social_bookmarking_light_clear{
	display:none;
}
section#news {
	background:#f9f3e0;
	padding:20px 0;
}
section#news h2.heading {
	height:61px;
	width:100%;
	background:url(img/top/heading_news.png) no-repeat center;
	text-indent:-9999px;
}

ul.news li {
	border-bottom:1px dotted #aaa;
	padding:7px 0;
}
ul.news li a{
	color:#222;
}
ul.news li a:hover{
	color:#C00;
}
section#item {
	padding:20px 0;
}
section#item h2.heading {
	height:69px;
	width:100%;
	background:url(img/top/heading_item.png) no-repeat center;
	text-indent:-9999px;
}
section#collection .banner {
	padding:20px;
	background:#f8d1d1;
	border:3px double #b28787;
}
section#contact {
	padding:20px 0 40px 0;
	box-shadow:0 0 3px #aaa;
	margin:0;
}
section#contact h2.heading {
	height:66px;
	width:100%;
	background:url(img/top/heading_contact.png) no-repeat center;
	text-indent:-9999px;
}
/*-------------------------------------------------
Archive
-------------------------------------------------*/
h3.archive-title{
font-size:1.2em;
margin:5px 0 7px 0;
}
h3.archive-title span{
font-size:0.7em;
display:block;
}
h3.archive-title a{
color:#000;
}
h3.archive-title a:hover{
color:#999;
text-decoration:none;
}
body.category-backnumber h3.archive-title{
font-size:1.1em;
}
.excerpt{
font-size:0.9em;
margin:5px 0 20px 0;
}
.excerpt.bk p{
font-size:0.85em;
line-height:1.5;
color:#555;
}
.author{
margin-bottom:30px;
}
.present{
font-size:0.85em;
line-height:1.5;
}
/*-------------------------------------------------
ご利用方法
-------------------------------------------------*/
span.number {
	width:36px;
	height:36px;
	text-align:center;
	line-height:1.6;
	background:#b4a26a;
	display:inline-block;
	border-radius:50%;
	font-size:180%;
}
/*-------------------------------------------------
Bread
-------------------------------------------------*/
.breadcrumbs{
	background:transparent;
	border:none;
	padding:10px 0;
	font-size: .8rem;
}
.breadcrumbs span {
    font-size: .8rem;
    line-height: 2rem;
    margin: 0;
}
.breadcrumbs span a{
    color: #775f16;
}
/*---------------------
.wp-pagenavi
-----------------------*/
.wp-pagenavi{
margin:10px 0 20px 0;
}
.wp-pagenavi:after{
display:block;
clear:both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
font-size:0.8em;
border: 1px solid #ccc;
padding: 7px 12px;
margin: 2px;
color:#666;
}
.wp-pagenavi span.current {
background:#cfc6bc;
border: 1px solid #ccc;
}


/*-------------------------------------------------
image
-------------------------------------------------*/
div.image {
	position:relative;
	z-index:1;
	overflow:hidden;
}
div.image h2 {
	position:absolute;
	top:10%;
	left:8%;
	z-index:100;
}
div.image img {
	transition:all linear 0.3s;
}
div.image img:hover {
	transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	opacity:0.7;
	cursor:pointer;
}
/*-------------------------------------------------
 table
-------------------------------------------------*/
table td:nth-child(even), table td:nth-child(odd), table th:nth-child(even), table th:nth-child(odd) {
	background:#FFF!important;
	padding:2px 10px;
}
table.transform {
	border:none;
	width:100%;
	background:none!important;
}
table.transform th {
	display:block;
	width:100%;
	border-bottom:2px solid #000;
	vertical-align:middle;
}
table.transform th:nth-child(odd) {
	background:none!important;
}
table.transform td {
	display:block;
	width:100%;
	border-bottom:1px solid #ddd;
	background:none!important;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
	background:none!important;
}
table.bordered {
	border-collapse:collapse;
}
table.bordered td {
	border:1px solid #ddd;
}
table.none-border, table.none-border td {
	border:none;
}
table.bordered td:nth-child(even), table.bordered td:nth-child(odd) {
	background-color:#FFF!important;
}
table.transform td:nth-child(even), table.transform td:nth-child(odd) {
	background:none!important;
}
table.none-border td:nth-child(even), table.none-border td:nth-child(odd) {
	background-color:#FFF!important;
}
table.calendar th, table.calendar td {
	text-align:center;
}
table th.holiday {
	background-color:#FCC;
}
table td.holiday {
	color:#C00;
}
table td.kengaku {
	background:#9CF;
}
 @media only screen and (min-width: 40.063em) {
table.transform th {
	display:table-cell;
	width:25%;
	border-bottom:1px solid #ddd;
}
table.transform td {
	display:table-cell;
	border-bottom:1px solid #ddd;
	width:auto;
}

}
/*-------------------
 Inpput
--------------------*/
input[type=text] {
	margin:0.5rem 0;
}
input.medium {
	width:12em;
	display:inline-block;
}
input.small {
	width:6em;
	display:inline-block;
}
select.small{
	width:6em;
	display:inline-block;
}

.mwform-radio-field.horizontal-item label{
display:inline-block;
}

.mwform-radio-field.horizontal-item input[type=radio]{
margin-right:5px;
}

span.error{
background:transparent!important;
font-style: normal!important;
}

/*-------------------------------------------------
 button
-------------------------------------------------*/
.button.tiny {
	padding-top:3px;
	padding-bottom:3px;
	text-decoration:none;
}

.so-widget-sow-image h2{
font-weight:normal;
font-size:0.9em;
}
.button.bannerButton{
	width:100%;
	background:#FFF;
	text-align:center;
	border:2px solid #775f16;
	padding:15px;
	color:#775f16!important;
	font-weight:700;
}
.button.bannerButton:hover{
	background:#775f16;
	border:2px solid #775f16;
	color:#FFF!important;
}
.inner_bk{
padding:0 40px;
}
@media (min-width:40em){
.inner_bk{
padding:0 60px;
}	
}


/*------------------------------------*\
  広告枠
\*------------------------------------*/
#overlay{
		position:fixed;
		bottom:0;
		width:100%;
		padding:10px;
	background:rgba(255,255,255,0.8);
		text-align:center;
}
.ad{
	margin:10px 0 20px 0;
}
.sidead{
	margin:20px 0;
}
@media (max-width:40em){
#footer{
	padding-bottom:120px;
}

}
@media (min-width:40em){
.ad .so-widget-sow-image,
.so-widget-sow-image-default-6b88c04c1f9b{
	display:none;
}
#overlay{
		display:none;
}
}

.bx-wrapper {
    margin-bottom: 60px;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
    background: transparent!important;
}

/*ページ分割*/
.page-page {
	text-align:center;
}

.page-page span {
    padding: 0.5em 1em;
    margin: 0.25em;
    text-decoration: none;
    color: #333;
	background-color:#eeeeee;
}

.page-page span span{
    padding: 0;
}
.page-page a span, .page-page a:link span {
    text-decoration: none;
    background-color:#c44f4f;
    color: #FFF;
}

.page-page a:visited span {
    color: #FFF;
}

.page-page a:hover span {
   background-color:#cf7a7a;
    color: #ffffff;
}

/*yarpp*/
.yarpp_list li{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:2vh;
}
.yarpp_list li figure{
	width:25%;
}
.yarpp_list li img:hover{
	opacity:0.7;
}
.yarpp_list li .yarpp_text{
	width:73%;
}
.yarpp_list li .yarpp_text .yarpp_date{
	font-size:.9em;
}
.yarpp_list li .yarpp_text .yarpp_title{
	font-weight:700;
}
.yarpp_list li .yarpp_text .yarpp_excerpt p{
	font-size:.9em;
}
.yarpp_list li .yarpp_text a.boxlink{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@media (min-width:40em){
.yarpp_list li figure{
	width:18%;
}
.yarpp_list li .yarpp_text{
	width:80%;
}
}
/*recent_post*/
ul.recent_post{
	margin:0 0 20px 0;
}
ul.recent_post li{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:5px;
}

ul.recent_post li figure{
	width:30%;
}
ul.recent_post li .recent_text{
	width:68%;
}
ul.recent_post li .recent_text .recent_date{
	font-size:0.8rem;
}
ul.recent_post li .recent_text h6{
	margin-bottom:5px;
}
ul.recent_post li .recent_text .recent_excerpt p{
	font-size:0.9rem;
}
ul.recent_post li .boxlink{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*検索フォーム*/
.searchform {
  position: relative;
	width:200px;
}
.searchform .searchfield {
	 position: relative;
  font-size: 16px;
  margin: 3px;
	  padding: 20px!important; 
 background-color: #FFF;
	border-radius:30px!important; 
}
 
.searchform .searchsubmit {
position: absolute;
  top: 20px;
  right:10px;
background:url(https://conex-eco.co.jp/wp-content/uploads/2023/10/search_gray.png) no-repeat;
	background-size:24px;
	border:none;
	cursor:pointer;
}

.search_result{
	padding:20px 0;
	border-bottom:1px solid #CCC;
}

.searchsubmit:hover {
  opacity: .6;
}

/*ページナビ*/
@media(max-width:767px){
	.wp-pagenavi a.first,.wp-pagenavi a.last{
		display:none;
	}
	h3.archive-title{
		font-size:0.9em;
	}
	.footer-logo{
		text-align:center;
	}
	.footer-logo img{
		width:200px;
	}
}