@charset "UTF-8";
/* CSS Document */

/* -----------------------------------------------------
Common
----------------------------------------------------- */
#MainArea h2.stripe { border: none; border-radius: 5px; color: #FFF; padding: 10px 20px; font-size: 1.250em;
background: -webkit-gradient(linear, left top, right bottom, from(#8b6846), color-stop(0.25, #8b6846), color-stop(0.25, #977759), color-stop(0.5, #977759), color-stop(0.5, #8b6846), color-stop(0.75, #8b6846), color-stop(0.75, #ffedaa), to(#977759));
background: -moz-linear-gradient(-45deg, #8b6846 25%, #977759 25%, #977759 50%, #8b6846 50%, #8b6846 75%, #977759 75%, #977759);
background: linear-gradient(-45deg, #8b6846 25%, #977759 25%, #977759 50%, #8b6846 50%, #8b6846 75%, #977759 75%, #977759);
background-size: 7px 7px; }
#MainArea h2.stripe:before { content: url(/news/images/ic_news.png); display: inline-block; margin-right: 8px; vertical-align: -0.05em; }


#MainArea > h3 { border-color: #8b6846; }
#MainArea > h3:before { color: #8b6846; }
#MainArea h4 { border-color: #8b6846; }
.square li:before { color: #8b6846; }

.bbtn { display: inline-block; border: 1px solid #a8a8a8; border-radius: 10px; padding: 10px 20px; position: relative; font-size: 1em; box-sizing: border-box; margin: 20px auto 0 auto; }
.bbtn:before { content: ""; display: inline-block; background: #8b6846; width: 14px; height: 14px; border-radius: 50%; vertical-align: -0.05em; margin-right: 7px; }
.bbtn:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FFF; position: absolute; left: 25px; top: 1.17em; }
.bbtn a { display: inline-block; width: auto; border-color: #a8a8a8; background: none; color: #333; text-decoration: none; }


/* -----------------------------------------------------
Right Area
----------------------------------------------------- */
aside #RightNavi ul li a:before { content: ""; display: inline-block; width: 31px; height: 25px; margin-right: 8px; background-size: 100% auto; background-repeat: no-repeat; vertical-align: middle; }
aside #RightNavi ul li a:after { display: none; }
aside #RightNavi ul li:first-child a:before { background-image: url(../images/ic_home.png); }
aside #RightNavi ul li:nth-child(2) a:before { background-image: url(../images/ic_agriculture.png); }
aside #RightNavi ul li:nth-child(3) a:before { background-image: url(../images/ic_life.png); }
aside #RightNavi ul li:nth-child(4) a:before { background-image: url(../images/ic_bank.png); }
aside #RightNavi ul li:nth-child(5) a:before { background-image: url(../images/ic_kyosai.png); }
aside #RightNavi ul li:nth-child(6) a:before { background-image: url(../images/ic_store.png); }
aside #RightNavi ul li:nth-child(7) a:before { background-image: url(../images/ic_about.png); }




/* -----------------------------------------------------
新着一覧
----------------------------------------------------- */
#News { border: 1px dashed #532b00; background: #FFF; box-sizing: border-box; padding: 30px 30px 20px 30px; margin-top: 30px; }
#News dl { border-top: 1px dotted #727171; -webkit-flex-wrap: wrap; flex-wrap: wrap; font-size: 0.875em; line-height: 1.5em; margin-top: 0; }
#News dl dt { width: 8em; border-bottom: 1px dotted #727171; padding: 0 1em; box-sizing: border-box; padding-bottom: 7px; margin-top: 9px; }
#News dl dd { border-bottom: 1px dotted #727171; width: calc(100% - 8em); padding-right: 1em; box-sizing: border-box; padding-bottom: 7px; margin-top: 9px; }

#News h3 { margin-top: 20px; color: #595757; }

.wp-pagenavi { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; margin-top: 50px; font-size: 0.688em; }
.wp-pagenavi a,.wp-pagenavi span { border: 1px solid #532b00; border-radius: 5px; color: #532b00; margin: 5px; width: 39px; height: 39px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }

.wp-pagenavi a:hover,.wp-pagenavi span.current { background: #532b00; color: #FFF!important; }




/* -----------------------------------------------------
あぜみち
----------------------------------------------------- */
#Azemichi #MainArea h2 { text-align: center; border: none; padding: 0; }
#Azemichi h2 img { max-width: 100%; width: auto; height: auto; }
#Azemichi h2 + p { margin-top: 30px; text-align: center; }

#Azemichi .flexbox { -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
#Azemichi .flexbox li { width: 28.8571%; margin-left: 6.71735%; text-align: center; margin-top: 70px; padding-bottom: 30px; line-height: 1.3em; font-weight: bold; }
#Azemichi .flexbox li strong { font-size: 1.143em; }
#Azemichi .flexbox li a { display: block; color: #532b00; }
#Azemichi .flexbox li:first-child { position: relative; }
#Azemichi .flexbox li a:after { display: none; }
#Azemichi .flexbox li:first-child:before { content:""; top: -55px; left: 0; right: 0; display: block; position: absolute; width: 77px; height: 52px; background: url(../../images/azemichi/ic_new.png) no-repeat; margin: auto; }
#Azemichi .flexbox li:nth-child(3n+1) { margin-left: 0; }
#Azemichi .flexbox li:nth-child(3n):after { content:""; display: block; width: 346px; height: 15px; background: url(../../images/azemichi/img_hr.png) no-repeat; margin: auto; position: absolute; left: 0; right: 0; margin-top: 35px; }
#Azemichi .flexbox li:last-child:after { display: none; }
#Azemichi .flexbox li img { display: block; margin: 0 auto 10px auto; max-width: 100%; width: auto; height: auto; border: 1px solid #9e9e9f; }

#Azemichi .br { display: none; }


/* -----------------------------------------------------
お問い合わせ
----------------------------------------------------- */
#Inquiry .emergency  { font-size: 1em; font-weight: bold; margin-top: 20px; }
#Inquiry .emergency a { border-radius: 5px; color: #FFF; padding: 6px 15px; font-weight: bold; display: inline-block; text-decoration: none; margin-top: 5px; font-size: 1.250em;
background: -webkit-linear-gradient(top, rgba(217,10,23,1) 0%,rgba(217,10,23,1) 30%,rgba(156,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(217,10,23,1) 0%,rgba(217,10,23,1) 30%,rgba(156,0,0,1) 100%); }
#Inquiry .emergency a:hover { background: -webkit-linear-gradient(top, rgba(217,10,23,0.8) 0%,rgba(217,10,23,0.8) 30%,rgba(156,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(217,10,23,0.8) 0%,rgba(217,10,23,0.8) 30%,rgba(156,0,0,0.8) 100%); transition: all .5s; color: #FFF!important; }
#Inquiry .emergency a:before { content: "!"; width: 36px; height: 36px; padding-top: 5px; box-sizing: border-box; background: #FFF; color: #d60c18; border-radius: 50%; display: inline-block; text-align: center; margin-right: 5px; vertical-align: -0.1em; font-size: 1.250em; }
#Inquiry .emergency + p { margin-top: 50px; }


#Inquiry table { border-collapse: collapse; font-size: 0.875em; line-height: 1.3em; }
#Inquiry table td { line-height: 1.5em; border: 1px solid #8c8c8c; padding: 5px 10px; vertical-align: middle; background: #FFF; }
#Inquiry table td small { font-size: 0.750em; }
#Inquiry table th { background: #f2f2f2; text-align: left; border: 1px solid #8c8c8c; padding: 10px; vertical-align: top; white-space: nowrap; }
#Inquiry table th:after { content: "※"; color: #e60012; }
#Inquiry table th.none:after { display: none; }
#Inquiry table td small { font-size: 0.750em; }
#Inquiry p span { color: #e60012; }

#Inquiry .btn { margin-top: 20px; text-align: center; }
#Inquiry select { font-size: 1em; border: 1px solid #8c8c8c; }
#Inquiry input[type="text"],#Inquiry textarea,#Inquiry input[type="email"] { font-size: 1em; border: 1px solid #8c8c8c; padding: 3px 5px; }
.wpcf7 .wpcf7-submit,.wpcf7 input[type="reset"] { border: 1px solid #8c8c8c!important; font-size: 1em!important; padding: 2px 5px!important; border-radius: 5px!important; background: -webkit-linear-gradient(top, #ffffff 0%,#e6e6e6 100%)!important; background: linear-gradient(to bottom, #ffffff 0%,#e6e6e6 100%)!important; box-shadow: 0 0 0 1px #FFF inset!important; }
.wpcf7 .wpcf7-submit:active,.wpcf7 input[type="reset"]:active { background: -webkit-linear-gradient(top, #007bff 1%,#1e5799 100%)!important;
background: linear-gradient(to bottom, #007bff 1%,#1e5799 100%)!important; box-shadow: none!important; color: #FFF!important; }
.wpcf7 input[name="your-name"],.wpcf7 input[name="tel"],.wpcf7 input[name="furigana"],.wpcf7 input[name="penname"] { max-width: 230px!important; width: 100%!important; box-sizing: border-box!important; }
.wpcf7 input[name="age"] { width: 50px; }
.wpcf7 input[name="zip"] { width: 80px; }
.wpcf7 input[name="your-email"] { max-width: 400px; width: 100%; box-sizing: border-box; }
.wpcf7 input[name="address"],.wpcf7 textarea[name="comment"] { width: 100%; box-sizing: border-box; }
#Inquiry .btn .wpcf7-submit { padding: 3px 10px; }

.wpcf7 input[name="zip"] { width: 80px!important; }
.wpcf7 input[name="your-email"] { max-width: 400px!important; width: 100%!important; box-sizing: border-box!important; }
.wpcf7 input[name="address"],.wpcf7 textarea[name="comment"] { width: 100%!important; box-sizing: border-box!important; }
.wpcf7 input[type="button"] { padding: 3px 10px!important; }

#Inquiry h4 { border-color: #8b6846; }
#Inquiry .RoundBox h3 { text-align: center; }
#Inquiry .RoundBox h3 img { max-width: 100%; width: auto; height: auto; }
#Inquiry .RoundBox h4 { border-color: #00974b; }
#Inquiry .RoundBox h3 + h4 { margin-top: 40px; }
#Inquiry .RoundBox .bbtn { display: table; border: 1px solid #a8a8a8; border-radius: 10px; padding: 10px 20px; position: relative; font-size: 1em; box-sizing: border-box; margin: 40px auto 0 auto; }
#Inquiry .RoundBox .bbtn:before { content: ""; display: inline-block; background: #3e9a51; width: 14px; height: 14px; border-radius: 50%; vertical-align: -0.05em; margin-right: 7px; }
#Inquiry .RoundBox .bbtn:after { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #FFF; position: absolute; left: 25px; top: 1.17em; }
#Inquiry .RoundBox .bbtn a { display: inline-block; width: auto; color: #333; text-decoration: none; }
#Inquiry .square li:before { color: #8b6846; }


#.wpcf7-display-none { display: none!important; }




@media screen and (max-width:767px) {
/* -----------------------------------------------------
新着一覧
----------------------------------------------------- */
	#News { padding: 30px 20px 35px 20px; width: 100%; box-sizing: border-box; margin-left: 0; }

}


@media screen and (max-width:540px) {
/* -----------------------------------------------------
あぜみち
----------------------------------------------------- */
#Azemichi .flexbox { -webkit-justify-content: space-between; justify-content: space-between; }
#Azemichi .flexbox li { width: 47%; margin-left: 0; margin-top: 60px; padding-bottom: 0; }
#Azemichi .flexbox li:nth-child(3n):after { display: none; }
#Azemichi .flexbox li img { display: block; margin: 0 auto 10px auto; max-width: 100%; width: auto; height: auto; border: 1px solid #9e9e9f; }

#Azemichi .br { display: block; }


/* -----------------------------------------------------
お問い合わせ
----------------------------------------------------- */
#Inquiry table { border-bottom: 1px solid #8c8c8c; }
#Inquiry table td { display: block; border-bottom: none; padding: 10px; }
#Inquiry table th { display: block; border-bottom: none; }

#Inquiry .br { content: ""; }
.br:after { margin-right: -.333em; content:""; }

#Inquiry .table th { width: 100%; box-sizing: border-box; }


}


@media screen and (max-width:375px) {
/* -----------------------------------------------------
新着一覧
----------------------------------------------------- */
	#News .flexbox { -webkit-flex-wrap: wrap; flex-wrap: wrap; }
	#News dl dt { width: 100%; border: none; padding-bottom: 0; }
	#News dl dd { width: 100%; margin-top: 0; padding-left: 1em; padding-right: 1em; }


/* -----------------------------------------------------
あぜみち
----------------------------------------------------- */
	#Azemichi .flexbox li strong { font-size: 1em; }
	

/* -----------------------------------------------------
お問い合わせ
----------------------------------------------------- */
	#name,#kana,#penname,#tel { max-width: 100%; width: 100%; }
}