@charset "UTF-8";
.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(//kouranosato.com/wp-content/themes/fukuyokai/js/lightbox/images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(//kouranosato.com/wp-content/themes/fukuyokai/js/lightbox/images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(//kouranosato.com/wp-content/themes/fukuyokai/js/lightbox/images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(//kouranosato.com/wp-content/themes/fukuyokai/js/lightbox/images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
     .pc_disp {
display: block;
}
.smt_disp {
display: none;
}
@media only screen and (max-width: 767px) {
.pc_disp {
display: none;
}
.smt_disp {
display: block;
} }  .hide-all-numbers {
display: none !important;
}
.hide-all-tel li:not(.menu-button) {
display: none !important;
}
.tel-placeholder {
visibility: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
display: block;
}
div.container .headerComponent-titlebar_usability_menubtn ul li.right{
float: right;
}
body div.hear_under div.hear_under_l img.telimg_himawari, body div.hear_under div.hear_under_l img.telimg_ohama, body div.hear_under div.hear_under_l img.telimg_ocean, body div.hear_under div.hear_under_l img.telimg_yotsuba {
display: none;
}
body div.headerComponent-titlebar_usability_menubtn ul li.tel_himawari, body div.headerComponent-titlebar_usability_menubtn ul li.tel_ohama, body div.headerComponent-titlebar_usability_menubtn ul li.tel_ocean, body div.headerComponent-titlebar_usability_menubtn ul li.tel_yotsuba {
display: none;
}
body#himawari div.hear_under div.hear_under_l img.telimg_koura, body#himawari div.hear_under div.hear_under_l img.telimg_ohama, body#himawari div.hear_under div.hear_under_l img.telimg_ocean, body#himawari div.hear_under div.hear_under_l img.telimg_yotsuba {
display: none;
}
body#himawari div.hear_under div.hear_under_l img.telimg_himawari {
display: initial;
}
body#himawari div.headerComponent-titlebar_usability_menubtn ul li.tel_koura, body#himawari div.headerComponent-titlebar_usability_menubtn ul li.tel_ohama, body#himawari div.headerComponent-titlebar_usability_menubtn ul li.tel_ocean, body#himawari div.headerComponent-titlebar_usability_menubtn ul li.tel_yotsuba {
display: none;
}
body#himawari div.headerComponent-titlebar_usability_menubtn ul li.tel_himawari {
display: initial;
}
body#ohama div.hear_under div.hear_under_l img.telimg_himawari, body#ohama div.hear_under div.hear_under_l img.telimg_koura, body#ohama div.hear_under div.hear_under_l img.telimg_ocean, body#ohama div.hear_under div.hear_under_l img.telimg_yotsuba, body#kamome div.hear_under div.hear_under_l img.telimg_himawari, body#kamome div.hear_under div.hear_under_l img.telimg_koura, body#kamome div.hear_under div.hear_under_l img.telimg_ocean, body#kamome div.hear_under div.hear_under_l img.telimg_yotsuba, body#ohama-kyotaku div.hear_under div.hear_under_l img.telimg_himawari, body#ohama-kyotaku div.hear_under div.hear_under_l img.telimg_koura, body#ohama-kyotaku div.hear_under div.hear_under_l img.telimg_ocean, body#ohama-kyotaku div.hear_under div.hear_under_l img.telimg_yotsuba, body#fukuyonosato div.hear_under div.hear_under_l img.telimg_himawari, body#fukuyonosato div.hear_under div.hear_under_l img.telimg_koura, body#fukuyonosato div.hear_under div.hear_under_l img.telimg_ocean, body#fukuyonosato div.hear_under div.hear_under_l img.telimg_yotsuba {
display: none;
}
body#ohama div.hear_under div.hear_under_l img.telimg_ohama, body#kamome div.hear_under div.hear_under_l img.telimg_ohama, body#ohama-kyotaku div.hear_under div.hear_under_l img.telimg_ohama, body#fukuyonosato div.hear_under div.hear_under_l img.telimg_ohama {
display: initial;
}
body#ohama div.headerComponent-titlebar_usability_menubtn ul li.tel_koura, body#ohama div.headerComponent-titlebar_usability_menubtn ul li.tel_himawari, body#ohama div.headerComponent-titlebar_usability_menubtn ul li.tel_ocean, body#ohama div.headerComponent-titlebar_usability_menubtn ul li.tel_yotsuba, body#kamome div.headerComponent-titlebar_usability_menubtn ul li.tel_koura, body#kamome div.headerComponent-titlebar_usability_menubtn ul li.tel_himawari, body#kamome div.headerComponent-titlebar_usability_menubtn ul li.tel_ocean, body#kamome div.headerComponent-titlebar_usability_menubtn ul li.tel_yotsuba, body#ohama-kyotaku div.headerComponent-titlebar_usability_menubtn ul li.tel_koura, body#ohama-kyotaku div.headerComponent-titlebar_usability_menubtn ul li.tel_himawari, body#ohama-kyotaku div.headerComponent-titlebar_usability_menubtn ul li.tel_ocean, body#ohama-kyotaku div.headerComponent-titlebar_usability_menubtn ul li.tel_yotsuba, body#fukuyonosato div.headerComponent-titlebar_usability_menubtn ul li.tel_koura, body#fukuyonosato div.headerComponent-titlebar_usability_menubtn ul li.tel_himawari, body#fukuyonosato div.headerComponent-titlebar_usability_menubtn ul li.tel_ocean, body#fukuyonosato div.headerComponent-titlebar_usability_menubtn ul li.tel_yotsuba {
display: none;
}
body#ohama div.headerComponent-titlebar_usability_menubtn ul li.tel_ohama, body#kamome div.headerComponent-titlebar_usability_menubtn ul li.tel_ohama, body#ohama-kyotaku div.headerComponent-titlebar_usability_menubtn ul li.tel_ohama, body#fukuyonosato div.headerComponent-titlebar_usability_menubtn ul li.tel_ohama {
display: initial;
}
body#ocean div.hear_under div.hear_under_l img.telimg_himawari, body#ocean div.hear_under div.hear_under_l img.telimg_ohama, body#ocean div.hear_under div.hear_under_l img.telimg_koura, body#ocean div.hear_under div.hear_under_l img.telimg_yotsuba {
display: none;
}
body#ocean div.hear_under div.hear_under_l img.telimg_ocean {
display: initial;
}
body#ocean div.headerComponent-titlebar_usability_menubtn ul li.tel_koura, body#ocean div.headerComponent-titlebar_usability_menubtn ul li.tel_himawari, body#ocean div.headerComponent-titlebar_usability_menubtn ul li.tel_ohama, body#ocean div.headerComponent-titlebar_usability_menubtn ul li.tel_yotsuba {
display: none;
}
body#ocean div.headerComponent-titlebar_usability_menubtn ul li.tel_ocean {
display: initial;
}
body#yotsuba div.hear_under div.hear_under_l img.telimg_himawari, body#yotsuba div.hear_under div.hear_under_l img.telimg_ohama, body#yotsuba div.hear_under div.hear_under_l img.telimg_ocean, body#yotsuba div.hear_under div.hear_under_l img.telimg_koura {
display: none;
}
body#yotsuba div.hear_under div.hear_under_l img.telimg_yotsuba {
display: initial;
}
body#yotsuba div.headerComponent-titlebar_usability_menubtn ul li.tel_koura, body#yotsuba div.headerComponent-titlebar_usability_menubtn ul li.tel_himawari, body#yotsuba div.headerComponent-titlebar_usability_menubtn ul li.tel_ohama, body#yotsuba div.headerComponent-titlebar_usability_menubtn ul li.tel_ocean {
display: none;
}
body#yotsuba div.headerComponent-titlebar_usability_menubtn ul li.tel_yotsuba {
display: initial;
} .anchor {
clear: both;
}
@media only screen and (min-width: 768px) {
.anchor {
padding-top: 62px;
box-sizing: border-box;
margin-top: -62px;
}
}
@media only screen and (max-width: 767px) {
.anchor {
padding-top: 95px;
box-sizing: border-box;
margin-top: -95px;
}
}
@media only screen and (min-width: 768px) {
.anchor2 {
padding-top: 100px;
box-sizing: border-box;
margin-top: -100px;
}
}
@media only screen and (max-width: 767px) {
.anchor2 {
padding-top: 100px;
box-sizing: border-box;
margin-top: -100px;
}
}
body {
font-family: "tbudgothic-std", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", "sans-serif";
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@media only screen and (min-width: 768px) {
body nav#mmenu-slide {
display: none;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.hide_all {
display: none;
}
@media only screen and (min-width: 768px) {
.pchide {
display: none;
}
}
@media only screen and (max-width: 991px) {
.sphide {
display: none;
}
}
div.container {
width: auto;
padding: 0;
margin: 0;  }
div.container h3.h3top {
width: 100%;
background-color: #78a6ba;
border-bottom: solid 3px #1c4b7a;
font-family: "source-han-sans-japanese";
font-weight: bold;
letter-spacing: 0.05em;
color: #FFF;
line-height: 1.6em;
margin-top: 0;
margin-bottom: 0;
padding: 5px 20px;
min-height: 42px;
font-size: 1.1em;
}
div.container h3.h3top span {
font-size: 0.7em;
font-weight: 100;
padding-left: 1.0em;
}
@media only screen and (max-width: 767px) {
div.container h3.h3top {
font-size: 1.4em;
font-size: 1.0em;
letter-spacing: 0;
}
}
div.container h5 {
font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4', sans-serif;
}
div.container p {
line-height: 2.0em;
margin-bottom: 1.6em;
}
div.container p.p02 {
margin-bottom: 0.5em;
}
div.container p.p03 {
padding-left: 0.5em;
line-height: 1.6em;
margin-bottom: 0.5em;
}
div.container p.p04 {
text-indent: -1.0em;
margin-left: 1.0em;
}
div.container p.p05 {
font-size: 0.8em;
text-indent: -1.0em;
margin-left: 1.0em;
margin-bottom: 0.5em;
}
div.container a {
color: #007acc;
color: #007ACC; text-decoration: none;
}
div.container a:hover {
color: #f48c0f;
text-decoration: none;
}
div.container a img {
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-ms-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
}
div.container a:hover img {
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;
filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
div.container a:hover img.noalpha {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; }
div.container a:hover, div.container .btn-info:hover {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
div.container a, div.container .btn-info {
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
div.container a.textlink:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/icon_next.png);
position: relative;
top: 0.1em;
margin-right: 0.4em;
}
@media only screen and (min-width: 768px) {
div.container .syncer-tel, div.container .syncer-tel:hover {
color: #222;
text-decoration: none;
}
}
div.container .shadow {
-webkit-box-shadow: 0px 0px 4px 0 #CCC; -moz-box-shadow: 0px 0px 4px 0 #CCC; box-shadow: 0px 0px 4px 0 #CCC; }
div.container .center {
text-align: center;
}
div.container .hvr-icon-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
div.container .hvr-icon-forward:before {
content: "\f138";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
div.container .hvr-icon-forward:hover:before, div.container .hvr-icon-forward:focus:before, div.container .hvr-icon-forward:active:before {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
div.container .hvr-icon-spin {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 22px;
}
div.container .hvr-icon-spin:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_head_icon01.png);
position: absolute;
left: 0px;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
transform-origin: 9px 9px;
-ms-transform-origin: 9px 9px;
}
div.container .hvr-icon-spin:hover:before, div.container .hvr-icon-spin:focus:before, div.container .hvr-icon-spin:active:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
div.container img.fit100 {
max-width: 100%;
}
div.container img.fit100_alw {
width: 100%;
}
div.container img.fit100_et {
max-width: 100%;
}
@media only screen and (max-width: 991px) {
div.container img.fit100_et {
width: 100%;
}
}
div.container .kadomaru {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom: 1.0em;
}
div.container .kadomaru5_2 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.container .kadomaru10 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-bottom: 1.0em;
}
div.container .border_b01 {
border: solid 3px #444;
}
@media only screen and (min-width: 768px) {
div.container img.mawarikomi40 {
width: 40%;
}
}
@media only screen and (max-width: 767px) {
div.container img.mawarikomi40 {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
div.container img.mawarikomi30 {
width: 30%;
}
}
@media only screen and (max-width: 767px) {
div.container img.mawarikomi30 {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
div.container img.pull-right {
margin-left: 1.5em;
margin-bottom: 1.5em;
}
}
div.container .clearboth {
clear: both;
}
div.container .textcenter {
text-align: center;
}
div.container .row-eq-height {
display: flex;
flex-wrap: wrap;
}
div.container .clear {
position: relative;
clear: both;
}
@media only screen and (max-width: 991px) {
div.container .mob-clear {
width: 100%;
clear: both;
}
}
div.container .div_dot01 {
border-bottom: dashed 3px #e4dac5;
}
div.container dl {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
div.container .col-lg-1, div.container .col-lg-10, div.container .col-lg-11, div.container .col-lg-12, div.container .col-lg-2, div.container .col-lg-3, div.container .col-lg-4, div.container .col-lg-5, div.container .col-lg-6, div.container .col-lg-7, div.container .col-lg-8, div.container .col-lg-9, div.container .col-md-1, div.container .col-md-10, div.container .col-md-11, div.container .col-md-12, div.container .col-md-2, div.container .col-md-3, div.container .col-md-4, div.container .col-md-5, div.container .col-md-6, div.container .col-md-7, div.container .col-md-8, div.container .col-md-9, div.container .col-sm-1, div.container .col-sm-10, div.container .col-sm-11, div.container .col-sm-12, div.container .col-sm-2, div.container .col-sm-3, div.container .col-sm-4, div.container .col-sm-5, div.container .col-sm-6, div.container .col-sm-7, div.container .col-sm-8, div.container .col-sm-9, div.container .col-xs-1, div.container .col-xs-10, div.container .col-xs-11, div.container .col-xs-12, div.container .col-xs-2, div.container .col-xs-3, div.container .col-xs-4, div.container .col-xs-5, div.container .col-xs-6, div.container .col-xs-7, div.container .col-xs-8, div.container .col-xs-9 {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 992px) {
div.container .col-left {
width: 74%; width: -webkit-calc(100% - 300px);
width: calc(100% - 300px);
float: left;
}
}
@media only screen and (max-width: 991px) {
div.container .col-left {
clear: both;
width: 100%;
}
}
@media only screen and (min-width: 992px) {
div.container .col-right {
width: 280px;
float: left;
}
}
@media only screen and (max-width: 991px) {
div.container .col-right {
clear: both;
width: 100%;
}
}
div.container header.header {
position: relative;
z-index: 2; }
div.container header.header div.header01 {
background-color: #FFF;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1219px) {
div.container header.header div.header01 {
margin-left: 3%;
margin-right: 3%;
}
}
div.container header.header div.header01 div.head_l {
min-height: 70px;
padding: 22px 0 0 0;
box-sizing: border-box;
}
div.container header.header div.header01 div.head_r {
padding: 27px 0 0 0;
text-align: right;
}
div.container header.header div.header01 div.head_r .hear_menu {
width: calc(100% - 256px);
float: left;
text-align: right;
padding-top: 8px;
box-sizing: border-box;
}
div.container header.header div.header01 div.head_r .hear_menu ul {
text-align: right;
padding-right: 1.7em;
}
div.container header.header div.header01 div.head_r .hear_menu ul li {
list-style: none;
float: right;
margin-left: 1.4em;
font-size: 1.0em;
}
div.container header.header div.header01 div.head_r .hear_menu ul > li:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_yaji01.png);
margin-right: 0;
}
div.container header.header div.header01 div.head_r .hear_under {
float: left;
width: 256px;
margin-left: auto;
}
div.container header.header div.header01 div.head_r .hear_under .hear_under_r {
display: none;
width: 106px;
margin-left: 6px;
float: right;
}
div.container header.header div.header01 div.head_r .hear_under .hear_under_r ul {
padding-left: 0;
margin-bottom: 2px;
margin-bottom: 0;
}
div.container header.header div.header01 div.head_r .hear_under .hear_under_r ul li {
list-style: none;
}
div.container header.header div.header01 div.head_r .hear_under .hear_under_r ul > li:first-child {
margin-bottom: 4px;
}
div.container header.header div.header01 div.head_r .hear_under .hear_under_l {
float: right;
margin-bottom: 2px;
margin-bottom: 0;
}
div.container header.header div.header01 div.head_r .hear_under2 {
clear: both;
height: 0;
}
div.container header.header div.header01 div.head_r .head_r-menu {
padding-top: 4px;
padding-left: 0;
padding-bottom: 0;
}
@media only screen and (min-width: 992px) {
div.container header.header div.header01 div.head_r .head_r-menu1 {
text-align: right;
}
}
div.container header.header #masthead {
position: fixed;
z-index: 99;
width: 100%;
height: 62px;
background: rgba(255, 255, 255, 0);
top: -100px;
left: 0;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-ms-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
}
div.container header.header #masthead div#masthead_left {
position: absolute;
width: 200px;
padding-left: 14px;
padding-top: 12px;
}
div.container header.header #masthead div#masthead_right {
float: left;
position: absolute;
right: 20px;
}
div.container header.header #masthead div#masthead_right ul.sub-menu {
display: none;
}
div.container header.header #masthead.scrolled {
background: rgba(255, 255, 255, 0.9);
border-bottom: solid 1px #c6c6c6;
top: 0px;
}
div.container header.header .head_gmenu {
clear: both;
background-color: #f5f1e9;
}
div.container header.header .head_gmenu div.head_gmenu_inner {
border-top: solid 0px #e7e0d0;
text-align: left;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding: 0;  }
@media only screen and (max-width: 1219px) {
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu {
margin-left: 3%;
margin-right: 3%;
}
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li {
position: relative;
float: left;
width: 14.284%;
min-width: 140px;
height: 54px;
display: block;
background-repeat: no-repeat;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li > a {
font-family: "fot-rodin-pron",sans-serif;
padding: 2px 0 0 3px;
padding: 0 0 0 3px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-decoration: none;
color: #fff;
font-size: 15px; font-size: 0.9em;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li > a:hover {
color: #fff;
background-color: #d76357;
}
@media only screen and (min-width: 1220px) {
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li {
width: 171px;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(5), div.container header.header .head_gmenu div.head_gmenu_inner ul.menu li:nth-child(6), div.container header.header .head_gmenu div.head_gmenu_inner ul.menu li:nth-child(7) {
width: 172px;
}
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li.menu-item {
position: relative;
display: block;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(1) {
background-color: #F4C867;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(2) {
background-color: #6F9FC7;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(3) {
background-color: #9FD879;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(4) {
background-color: #58C4C4;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(5) {
background-color: #EE7C7C;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(6) {
background-color: #A7C9C8;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(7) {
background-color: #D0ACD8;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li a:before {
position: relative; margin-right: 3px;
top: 10px; left: 0;
z-index: 2;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(1) a:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_gmenu01.png);
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(2) a:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_gmenu02.png);
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(3) a:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_gmenu03.png);
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(4) a:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_gmenu04.png);
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(5) a:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_gmenu05.png);
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(6) a:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_gmenu06.png);
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:nth-child(7) a:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_gmenu07.png);
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li.current-menu-item {
background-color: #d76357;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li.current-menu-item a {
color: #fff;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:after {
content: "";
position: absolute;
z-index: 2;
left: 51%;
right: 51%;
bottom: 0px;
background-color: rgba(10, 10, 10, 0.9);
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:hover:after, div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:focus:after, div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li:active:after, div.container header.header .head_gmenu div.head_gmenu_inner ul.menu > li.current-menu-item:after {
left: 0;
right: 0;
}
div.container header.header .head_gmenu .head_gmenu_inner_fixes ul > li {
position: relative;
float: left;
width: 120px;
height: 62px;
display: block;
background-repeat: no-repeat;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
text-align: center;
}
div.container header.header .head_gmenu .head_gmenu_inner_fixes ul > li > a {
font-family: "fot-rodin-pron",sans-serif;
padding: 18px 0 0 0;
color: #555;
font-size: 13.3px;
text-decoration: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.container header.header .head_gmenu .head_gmenu_inner_fixes ul > li > a:hover {
background-color: transparent;
}
div.container header.header .head_gmenu .head_gmenu_inner_fixes ul > li:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 5px;
background: #999;
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
div.container header.header .head_gmenu .head_gmenu_inner_fixes ul > li:hover:before, div.container header.header .head_gmenu .head_gmenu_inner_fixes ul > li:focus:before, div.container header.header .head_gmenu .head_gmenu_inner_fixes ul > li:active:before, div.container header.header .head_gmenu .head_gmenu_inner_fixes ul > li.current-menu-item:before {
left: 0;
right: 0;
}
div.container header.header .head_gmenu .head_gmenu_inner_fixes ul ul.children {
display: none;
}
@media only screen and (min-width: 768px) {
div.container header.header div.head_gmenu_inner ul.menu .sub-menu {
position: absolute;
z-index: 100;
text-align: left;
font-size: 1.15em;
top: 54px;
visibility: hidden;
opacity: 0;
transition: all .2s linear;
padding: 15px 30px 30px 30px;
width: 776px;
border: solid 3px #d76357;
background-color: #fff;
}
div.container header.header div.head_gmenu_inner ul.menu .sub-menu li {
list-style: none;
float: left;
margin-top: 5px;
padding-left: 15px;
width: 350px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #a4a4a4;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_rmenu_yaji01.gif);
background-repeat: no-repeat;
background-position: left center;
}
div.container header.header div.head_gmenu_inner ul.menu .sub-menu li.box-left {
margin: 0 10px 0 25px;
}
div.container header.header div.head_gmenu_inner ul.menu .sub-menu li.box-right {
margin: 0 25px 0 10px;
}
div.container header.header div.head_gmenu_inner ul.menu .sub-menu li a {
display: block;
padding: 5px 5px 10px 5px;
}
div.container header.header div.head_gmenu_inner ul.menu .sub-menu li a:before {
display: none;
}
div.container header.header div.head_gmenu_inner ul.menu .sub-menu li.menu-item a {
color: #007acc;
}
div.container header.header div.head_gmenu_inner ul.menu .sub-menu li.menu-item a:hover {
color: #f48c0f;
}
div.container header.header div.head_gmenu_inner ul.menu li:hover .sub-menu {
visibility: visible;
display: block;
opacity: 1;
}
div.container header.header div.head_gmenu_inner ul.menu li:hover .sub-menu .sub-menu {
display: none;
}
div.container header.header div.head_gmenu_inner ul.menu li:nth-child(2) .sub-menu {
left: -76px;
}
div.container header.header div.head_gmenu_inner ul.menu li:nth-child(3) .sub-menu {
left: -153px;
}
div.container header.header div.head_gmenu_inner ul.menu li:nth-child(4) .sub-menu {
right: -308px;
}
div.container header.header div.head_gmenu_inner ul.menu li:nth-child(5) .sub-menu {
right: -153px;
}
div.container header.header div.head_gmenu_inner ul.menu li:nth-child(6) .sub-menu {
right: -76px;
}
div.container header.header div.head_gmenu_inner ul.menu li:nth-child(7) .sub-menu {
right: 0px;
}
}
div.container main.MainComponent {
clear: both;
background-color: #f9faf3;
}
@media only screen and (max-width: 767px) {
div.container main.MainComponent {
margin-top: 70px;
}
}
div.container main.MainComponent div.wrapper-common {
padding-bottom: 3.0em;
}
@media only screen and (min-width: 992px) {
div.container main.MainComponent div.wrapper-common {
padding-top: 2.0em;
}
}
@media only screen and (max-width: 991px) {
div.container main.MainComponent div.wrapper-common {
padding-top: 0.4em;
}
}
div.container main.MainComponent div.wrapper-top03 { background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_top_bg01.jpg) repeat-x top left, url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_top_bg02.jpg) repeat top left;
background-size: 360px 280px;
width: 100%;
height: 100%;
}
div.container main.MainComponent .top03-decoration {
text-align: center;
}
div.container main.MainComponent div.Main_contents {
position: relative;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1219px) {
div.container main.MainComponent div.Main_contents {
margin-left: 3%;
margin-right: 3%;
}
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents ul.pc3sp2,
div.container main.MainComponent .wrapper-common div.Main_contents ul.pc3sp2 {
width: 100%;
margin: 0;
overflow: hidden;
list-style: none;
padding: 0; }
div.container main.MainComponent div.wrapper-top02 div.Main_contents ul.pc3sp2 li,
div.container main.MainComponent .wrapper-common div.Main_contents ul.pc3sp2 li {
padding: 0 10px;
height: 100%;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents ul.pc3sp2 li a,
div.container main.MainComponent .wrapper-common div.Main_contents ul.pc3sp2 li a {
display: block;
width: 100%; margin: 0;
padding: 0;
text-decoration: none;
color: #333;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents ul.pc3sp2 li a:hover,
div.container main.MainComponent .wrapper-common div.Main_contents ul.pc3sp2 li a:hover {
text-decoration: none;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents ul.pc3sp2_top,
div.container main.MainComponent .wrapper-common div.Main_contents ul.pc3sp2_top {
margin-top: -18px;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.dotbg,
div.container main.MainComponent .wrapper-common div.Main_contents div.dotbg {
padding: 8px;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.dotbg01,
div.container main.MainComponent .wrapper-common div.Main_contents div.dotbg01 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg01.png);
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.dotbg02,
div.container main.MainComponent .wrapper-common div.Main_contents div.dotbg02 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg02.png);
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.dotbg03,
div.container main.MainComponent .wrapper-common div.Main_contents div.dotbg03 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg03.png);
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.dotbg04,
div.container main.MainComponent .wrapper-common div.Main_contents div.dotbg04 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg04.png);
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.dotbg05,
div.container main.MainComponent .wrapper-common div.Main_contents div.dotbg05 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg05.png);
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.dotbg06,
div.container main.MainComponent .wrapper-common div.Main_contents div.dotbg06 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg06.png);
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.dotbg07,
div.container main.MainComponent .wrapper-common div.Main_contents div.dotbg07 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg07.png);
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.dotbg08,
div.container main.MainComponent .wrapper-common div.Main_contents div.dotbg08 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg08.png);
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box {
width: 100%;
margin-bottom: 10px;
text-align: left;
letter-spacing: 0.1em;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box1,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box1 {
background-color: #FFF;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box2 img,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box2 img {
width: 100%;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 {
padding: 12px 12px 0px 12px;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 h5.top,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 h5.top {
font-family: "vdl-pengentle";
font-size: 1.1em;
color: #745800;
margin: 0;
padding-bottom: 0.3em;
line-height: 1.2em;
min-height: 1.4em;
width: 100%;
text-align: center;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 h5.top span,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 h5.top span {
font-size: 0.8em;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 h5.item,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 h5.item {
font-family: "vdl-pengentle";
font-size: 1.1em;
color: #745800;
margin: 0;
padding-bottom: 0.3em;
line-height: 1.2em;
min-height: 1.4em;
width: 100%;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 h5.item span,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 h5.item span {
font-size: 0.8em;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 h5.inside_a,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 h5.inside_a {
border-bottom: solid 3px #f2b1b1;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 h5.inside_b,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 h5.inside_b {
border-bottom: solid 3px #dbc860;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 h5.inside_c,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 h5.inside_c {
border-bottom: solid 3px #aeccd1;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 p.top,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 p.top {
margin: 10px 0;
font-size: 0.9em;
line-height: 1.8em;
color: #745800;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 p.item,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 p.item {
margin: 10px 0;
font-size: 0.9em;
line-height: 1.6em;
color: #555;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box3 p.item_sold,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box3 p.item_sold {
display: block;
text-align: center;
color: #FFF;
background-color: #ea223e;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box4,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box4 {
padding-bottom: 30px;
}
div.container main.MainComponent div.wrapper-top02 div.Main_contents div.inside_box div.inside_box4:after,
div.container main.MainComponent .wrapper-common div.Main_contents div.inside_box div.inside_box4:after {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_jgs_mekure.jpg);
margin: 10px;
position: absolute;
right: 8px;
bottom: -3px;
}
div.container main.MainComponent div.wrapper-jgs03 {
margin-top: 0;
margin-bottom: 2.0em;
}
div.container main.MainComponent div.wrapper-jgs03 div.top03_left-jgs {
min-width: 100%;
}
@media only screen and (min-width: 768px) {
div.container main.MainComponent div.wrapper-jgs03 div.top03_left-jgs {
padding-left: 2.0%;
padding-right: 2.0%;
}
}
@media only screen and (max-width: 767px) {
div.container main.MainComponent div.wrapper-jgs03 div.top03_left-jgs {
padding-left: 0.2%;
padding-right: 0.2%;
}
}
div.container main.MainComponent div.wrapper-jgs03 div.top03_left-jgs .news_box-jgs {
padding-bottom: 1.0em;
margin-bottom: 1.0em;
}
div.container main.MainComponent div.wrapper-jgs03 div.top03_left-jgs h2.h2_newsjgs {
background: none;
border: none;
color: #444;
font-weight: bold;
font-size: 1.3em;
margin: 0.5em 0 0 0;
}
div.container main.MainComponent div.wrapper-jgs03 div.top03_left-jgs div.clear-jgs {
height: 1.0em;
}
div.container main.MainComponent div.wrapper-jgs03 div.top03_left-jgs div.post_none {
padding: 1.0em;
}
div.container main.MainComponent div.wrapper-top03 div#co_mission {
overflow: hidden;
}
@media only screen and (max-width: 767px) {
div.container main.MainComponent div.wrapper-top03 div#co_mission {
margin-left: 3%;
margin-right: 3%;
}
}
div.container main.MainComponent div.wrapper-top03 div#co_mission div.co_mission_mes {
width: 1126px;
margin: 30px 50px;
text-align: center;
padding: 30px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #fff;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media only screen and (max-width: 767px) {
div.container main.MainComponent div.wrapper-top03 div#co_mission div.co_mission_mes {
width: 100%;
}
}
div.container main.MainComponent div.wrapper-top03 div#co_mission div.co_mission_mes p {
font-size: 18px;
font-weight: bold;
font-family: 游明朝;
color: #2B985D;
color: #229151;
padding: 0;
margin: 0;
}
div.container main.MainComponent div.wrapper-top03 div#co_mission div.co_mission_mes .co_mission_deco_l {
position: absolute;
top: 50px;
left: -280px;
height: 120px;
width: 190px;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_deco02.png) no-repeat;
background-size: 190px 120px;
z-index: 1;
}
div.container main.MainComponent div.wrapper-top03 div#co_mission div.co_mission_mes .co_mission_deco_r {
position: absolute;
top: 50px;
right: -280px;
height: 120px;
width: 190px;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_deco03.png) no-repeat;
background-size: 190px 120px;
z-index: 1;
}
@media only screen and (max-width: 1219px) {
div.container main.MainComponent div.wrapper-top03 div#co_mission div.co_mission_mes .co_mission_deco_l,
div.container main.MainComponent div.wrapper-top03 div#co_mission div.co_mission_mes .co_mission_deco_r {
display: none;
}
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left {
position: relative;
}
@media only screen and (min-width: 992px) {
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left {
float: left;
width: calc(100% - 310px);
margin-left: 0;
margin-right: auto;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 991px) {
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left {
float: left;
width: 100%;
}
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner {
margin-bottom: 2.0em;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner div.btn {
right: 5px;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner div.btn-top {
float: right;
margin-right: 0;
margin-top: 0;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner div.btn-top .btn-top {
text-decoration: none;
background-color: #FFF;
border: none;
border-bottom: solid 2px #bfbfbf;
padding: 2px 8px 3px 8px;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner02 {
margin-bottom: 3.0em;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner02 div.btn-top {
margin-top: 0;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner02 div.skk-ngs {
font-size: 0.95em;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner02 div.skk-ngs a:first-child {
display: none;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner02 div.skk-ngs p {
display: none;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner02 div.skk-ngs ul.skk-ngs {
list-style: none;
padding-left: 1.75em;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner02 div.skk-ngs ul.skk-ngs li.skk-ngs {
clear: both;
padding: 10px 0;
border-bottom: solid 1px #bdbdbd;
line-height: 1.6em;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner02 div.skk-ngs ul.skk-ngs li.skk-ngs a.skk-ngs {
display: inline;
text-decoration: underline;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 0;
margin-bottom: 0;
line-height: 1.5em;
}
@media only screen and (max-width: 767px) {
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.top03_left_inner02 div.skk-ngs ul.skk-ngs {
padding-left: 0;
}
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_left div.news_box_top {
min-height: 100px;
min-height: 412px;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines {
margin-bottom: 2.5em;
background-color: #EEE;
padding: 20px 20px 10px 20px;
text-align: center;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fb-page {
border: solid 3px #5aa0e8;
margin: 0 5px 10px 5px;
}
@media only screen and (max-width: 767px) {
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fb_iframe_widget,
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fb_iframe_widget[style],
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fb_iframe_widget iframe[style],
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fb_iframe_widget span {
width: 100% !important;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fbcomments,
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fb_iframe_widget,
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fb_iframe_widget[style],
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fb_iframe_widget iframe[style],
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fbcomments iframe[style],
div.container main.MainComponent div.wrapper-top03 div.Main_contents .wrapper-top03 .top03_left_inner_fb .fb_timlines .fb_iframe_widget span {
width: 100% !important;
}
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_right ul {
list-style: none;
padding: 0;
margin: 0;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_right ul li {
margin-bottom: 10px;
}
div.container main.MainComponent div.wrapper-top03 div.Main_contents div.top03_right ul li:last-child {
margin-bottom: 0;
}
div.container main.MainComponent img.wrapper-top04 {
margin-bottom: 2.0em;
}
div.container main.MainComponent .wrapper-top05 .wrapper-top05_2 {
text-align: center;
}
div.container main.MainComponent .wrapper-top05 .wrapper-top05_2 h5 {
font-family: "vdl-pengentle";
color: #745800;
font-size: 1.4em;
}
div.container main.MainComponent .wrapper-top05 .wrapper-top05_2 p {
font-family: "vdl-pengentle";
font-size: 1.0em;
line-height: 2.4em;
}
div.container div.wrapper-top02 {
position: relative;
margin-top: 0;
margin-bottom: 0;
padding-top: 45px;
background-color: #f9faf3;
}
div.container div.wrapper-top02 div.main_ill div.main_ill-cont {
float: left;
}
div.container div.main_ill {
position: relative;
padding-top: 2.5em;
padding-bottom: 0.5em; }
div.container div.main_ill div.main_ill-cont {
position: relative; background-color: #fff;
margin: 0 1.5% 35px 1.5%;
width: 47%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border-top: 14px solid #ccc;
}
@media only screen and (max-width: 767px) {
div.container div.main_ill div.main_ill-cont {
margin: 0 0 35px 0;
width: 100%;
}
}
div.container div.main_ill div.main_ill-cont img {
float: left;
width: 130px;
}
div.container div.main_ill div.main_ill-cont .main_ill-cont_naiyou {
float: left;
width: calc(100% - 142px);
margin: 10px 0 0 5px;
}
div.container div.main_ill div.main_ill-cont .main_ill-cont_naiyou .title {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 8px;
}
div.container div.main_ill div.main_ill-cont .main_ill-cont_naiyou .type {
width: 100%;
background-color: #ccc;
padding: 6px 6px 6px 7px;
font-size: 0.8em;
margin-bottom: 8px;
}
div.container div.main_ill div.main_ill-cont .main_ill-cont_naiyou .addr {
font-size: 1em;
line-height: 1.7;
letter-spacing: 1px;
color: #666 !important;
}
div.container div.main_ill div.main_ill-cont .main_ill_cont_box_bm {
background-color: #f9faf3;
height: 3px;
width: 100%;
position: absolute;
left: 0;
bottom: -3px; z-index: 1;
}
div.container div.main_ill div.main_ill-cont a {
display: block;
display: inline-block;
width: 100%;
}
div.container div.main_ill div.main_ill-cont a img {
transition: 0.4s;
margin-top: -2.5%;
}
div.container div.main_ill div.main_ill-cont a .main_ill-cont_box {
transition: 0.4s;
}
div.container div.main_ill div.main_ill-cont a .main_ill-cont_box:hover {
transition: 0.4s;
-webkit-transform: translate(0px, 3px);
-moz-transform: translate(0px, 3px);
-ms-transform: translate(0px, 3px);
-o-transform: translate(0px, 3px);
transform: translate(0px, 3px);
}
div.container div.main_ill div.main_ill-cont.cont1,
div.container div.main_ill div.main_ill-cont.cont2 {
border-top-color: #9ed879;
}
div.container div.main_ill div.main_ill-cont.cont1 a,
div.container div.main_ill div.main_ill-cont.cont2 a {
color: #9ed879;
}
div.container div.main_ill div.main_ill-cont.cont1 .main_ill-cont_naiyou .type,
div.container div.main_ill div.main_ill-cont.cont2 .main_ill-cont_naiyou .type {
color: #3c844e;
background-color: #e2f3d7;
}
div.container div.main_ill div.main_ill-cont.cont3,
div.container div.main_ill div.main_ill-cont.cont4,
div.container div.main_ill div.main_ill-cont.cont5,
div.container div.main_ill div.main_ill-cont.cont6,
div.container div.main_ill div.main_ill-cont.cont7 {
border-top-color: #57c4c4;
}
div.container div.main_ill div.main_ill-cont.cont3 a,
div.container div.main_ill div.main_ill-cont.cont4 a,
div.container div.main_ill div.main_ill-cont.cont5 a,
div.container div.main_ill div.main_ill-cont.cont6 a,
div.container div.main_ill div.main_ill-cont.cont7 a {
color: #48afac;
}
div.container div.main_ill div.main_ill-cont.cont3 .main_ill-cont_naiyou .type,
div.container div.main_ill div.main_ill-cont.cont4 .main_ill-cont_naiyou .type,
div.container div.main_ill div.main_ill-cont.cont5 .main_ill-cont_naiyou .type,
div.container div.main_ill div.main_ill-cont.cont6 .main_ill-cont_naiyou .type,
div.container div.main_ill div.main_ill-cont.cont7 .main_ill-cont_naiyou .type {
color: #2b9996;
background-color: #cceded;
}
div.container div.main_ill div.main_ill-cont.cont8 {
border-top-color: #ed7c7c;
}
div.container div.main_ill div.main_ill-cont.cont8 a {
color: #d35b5b;
}
div.container div.main_ill div.main_ill-cont.cont8 .main_ill-cont_naiyou .type {
color: #b74848;
background-color: #fad7d7;
}
@media only screen and (min-width: 768px) { div.container div.main_ill div.main_ill-cont.cont8 {
margin-bottom: 0;
}
}
div.container div#wrapper-common_left div.main_ill {
width: 100%;
text-align: center;
}
div.container div#wrapper-common_left div.main_ill div.main_ill-cont {
clear: both;
margin: 0 auto 30px auto;
}
@media only screen and (min-width: 992px) {
div.container div#wrapper-common_left div.main_ill div.main_ill-cont {
width: 80%;
}
}
@media only screen and (max-width: 991px) {
div.container div#wrapper-common_left div.main_ill div.main_ill-cont {
width: 100%;
}
}
div.container ul.news_tab {
padding-left: 0;
}
div.container ul.news_tab li {
display: block;
float: left;
text-decoration: none;
background-color: #ccc;
padding: 2px 10px;
margin-right: 3px;
color: #FFF;
font-size: 80%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
div.container ul.news_tab li.active {
background-color: #555;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
div.container ul.news_tab li:hover {
background-color: #555;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media only screen and (max-width: 767px) {
div.container ul.news_tab li {
font-size: 0.8em;
width: 45%;
margin-bottom: 4px;
}
}
div.container div.news_box, div.container div.news_box02 {
font-size: 0.95em;
overflow: hidden;
background-color: #FFF;
padding: 1.5% 2% 1% 0;
clear: both;
}
@media only screen and (max-width: 767px) {
div.container div.news_box, div.container div.news_box02 {
padding: 1.5%;
}
}
div.container div.news_box div.post_line, div.container div.news_box02 div.post_line {
margin-left: 3%;
margin-bottom: 0.5em;
width: 96%;
height: 0.5em;
border-bottom: solid 1px #bdbdbd;
}
div.container div.news_box div.post_date, div.container div.news_box02 div.post_date {
margin-top: 0.3em;
font-size: 14px;
}
@media only screen and (min-width: 768px) {
div.container div.news_box div.post_date, div.container div.news_box02 div.post_date {
padding-left: 1.75em;
}
}
div.container div.news_box div.post_box, div.container div.news_box02 div.post_box {
clear: both;
}
@media only screen and (min-width: 992px) {
div.container div.news_box div.post_box .col-md-3, div.container div.news_box02 div.post_box .col-md-3 {
padding-right: 5px;
padding-right: 0;
}
}
div.container div.news_box span.span_date, div.container div.news_box02 span.span_date {
margin-right: 20px;
font-size: 13px;
}
div.container div.news_box .btn-info, div.container div.news_box02 .btn-info {
color: #fff; min-width: 120px; overflow: hidden;
font-size: 12px;
padding: 4px 6px;
}
div.container div.news_box .btn-info.btn-important, div.container div.news_box02 .btn-info.btn-important {
background-color: #dd3232;
border-color: #dd3232;
}
div.container div.news_box .btn-info.btn-recruit, div.container div.news_box02 .btn-info.btn-recruit {
background-color: #d0acd8;
border-color: #d0acd8;
}
div.container div.news_box .btn-info.btn-event, div.container div.news_box02 .btn-info.btn-event {
background-color: #e9b128;
border-color: #e9b128;
}
div.container div.news_box .btn-info.btn-report, div.container div.news_box02 .btn-info.btn-report {
background-color: #a7c9c8;
border-color: #a7c9c8;
}
div.container div.news_box .btn-info.btn-fukuyokai, div.container div.news_box02 .btn-info.btn-fukuyokai {
background-color: #6f9fc7;
border-color: #6f9fc7;
}
div.container div.news_box .btn-info.btn-koura, div.container div.news_box .btn-info.btn-himawari, div.container div.news_box02 .btn-info.btn-koura, div.container div.news_box02 .btn-info.btn-himawari {
background-color: #75bc46;
border-color: #75bc46;
}
div.container div.news_box .btn-info.btn-ohama, div.container div.news_box .btn-info.btn-kamome, div.container div.news_box .btn-info.btn-ohama-kyotaku, div.container div.news_box .btn-info.btn-fukuyonosato, div.container div.news_box .btn-info.btn-ocean, div.container div.news_box02 .btn-info.btn-ohama, div.container div.news_box02 .btn-info.btn-kamome, div.container div.news_box02 .btn-info.btn-ohama-kyotaku, div.container div.news_box02 .btn-info.btn-fukuyonosato, div.container div.news_box02 .btn-info.btn-ocean {
background-color: #17a6b6;
border-color: #17a6b6;
}
div.container div.news_box .btn-info.btn-yotsuba, div.container div.news_box02 .btn-info.btn-yotsuba {
background-color: #ec7b7c;
border-color: #ec7b7c;
}
div.container div.news_box .btn-info.btn-news, div.container div.news_box02 .btn-info.btn-news {
background-color: #6f9fc7;
border-color: #6f9fc7;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.btn-home-yotsuba ,
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.btn-ss-yotsuba {
background-color: #5bc0de;
border-color: #46b8da;
}
div.container div.news_box div.post_category, div.container div.news_box02 div.post_category {
position: static;  }
div.container div.news_box div.post_category button, div.container div.news_box02 div.post_category button {
min-width: 60px;
font-size: 12px;
padding: 4px 6px;
}
div.container div.news_box div.post_category .btn-news, div.container div.news_box02 div.post_category .btn-news {
background-color: #78a6ba;
}
div.container div.news_box div.post_title, div.container div.news_box02 div.post_title {
position: static;
}
div.container div.news_box div.post_title p, div.container div.news_box02 div.post_title p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-top: 10px;
margin-bottom: 0em;
line-height: 1.5em;
}
div.container div.news_box div.post_title a, div.container div.news_box02 div.post_title a {
padding: 0;
}
div.container div.news_box div.post_none, div.container div.news_box02 div.post_none {
padding-left: 2.0%;
}
div.container .tab_area { display: none;
position: relative;
overflow: hidden;
}
div.container ul.news_tab a {
width: 100%;
height: 100%;
color: #FFF;
text-decoration: none;
}
div.container ul.news_tab a:hover {
text-decoration: none;
}
div.container ul.news_tab a:active {
text-decoration: none;
}
div.container ul.news_tab li {
text-decoration: none;
}
div.container div.wrapper_post div.news_box02 {
padding: 0;
border: none;
}
div.container div.wrapper_post div.news_box02 div.post_date {
padding-left: 0.5em;
padding: 0;
}
div.container div.wrapper_post div.news_box02 div.post_line {
margin-left: 0;
width: 100%;
}
div.container div.wrapper_post div.pageComponent-pagination {
clear: both;
text-align: center;
}
div.container div.wrapper_post div.pageComponent-pagination ul {
display: inline-block;
margin-top: 4.0em;
list-style: none;
font-size: 1.3em;
}
div.container div.wrapper_post div.pageComponent-pagination li {
width: 42px;
height: 42px;
float: left;
margin-left: 5px;
line-height: 42px;
text-align: center;
background-color: #dfdfdf;
}
div.container div.wrapper_post div.pageComponent-pagination li a {
display: block;
width: 100%;
height: 100%;
line-height: 42px;
text-align: center;
text-decoration: none;
color: #666;
}
div.container div.wrapper_post div.pageComponent-pagination li.more {
background-color: #fff;
}
div.container div.wrapper_post div.pageComponent-pagination li:first-child {
margin-left: 0;
}
div.container div.wrapper_post div.pageComponent-pagination li.current, div.container div.wrapper_post div.pageComponent-pagination li.active {
background-color: #e69641;
background-color: #57c4c4;
}
div.container div.wrapper_post div.pageComponent-pagination li.current a, div.container div.wrapper_post div.pageComponent-pagination li.active a {
color: #FFF;
}
div.container div.top_banas {
padding-left: 2%;
padding-right: 2%;
}
div.container div.top_banas div.top_banas02 {
padding: 0 10px 10px 10px;
}
div.container div.top_banas div.top_banas02 div.sidebana_inner {
border: solid 2px #DDD;
padding: 2px;
background-color: #999;
}
div.container #spheader {
background-color: #FFF;
position: fixed;
top: 0;
left: 0;
width: 100%;
border-bottom: solid 2px #e7e0d0;
z-index: 200;
}
div.container #spmainimg {
padding-top: 4px;
margin-bottom: 10px;
position: relative;
}
div.container #spmainimg .spmainimg_deco {
position: absolute;
bottom: -45px;
left: 0;
right: 0;
height: 90px;
width: 100%;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_leafdeco.png);
background-repeat: repeat-x;
background-position: center;
background-size: 920px 90px; z-index: 1;
}
div.container .headerComponent-titlebar_logo a {
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
display: block;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_sitelogo.png) no-repeat center;
width: 200px;
height: 50px;
background-size: 100%;
}
div.container .headerComponent-titlebar_logo {
margin: 20px 0 0 5px;
float: left;
}
@media only screen and (max-width: 1219px) {
div.container .headerComponent-titlebar_logo {
margin: 10px 0 0 5px;
}
}
div.container .headerComponent-titlebar_logo h1, div.container .headerComponent-titlebar_logo strong {
margin: 0;
}
div.container .headerComponent-titlebar_usability {
float: right;
}
div.container .headerComponent-titlebar_usability::after {
clear: both;
content: "";
display: block;
}
div.container .headerComponent-titlebar_usability_inner {
float: right;
margin-bottom: 6px;
}
div.container .headerComponent-titlebar_usability_menubtn {
float: right;
padding-bottom: 6px;
}
div.container .headerComponent-titlebar_usability_menubtn ul {
margin-top: 5px;
padding: 0;
}
div.container .headerComponent-titlebar_usability_menubtn ul::after {
clear: both;
content: "";
display: block;
}
div.container .headerComponent-titlebar_usability_menubtn ul li {
list-style: none;
box-sizing: border-box;
float: left; max-width: 100%;
margin-right: 5px;
}
div.container .headerComponent-titlebar_usability_menubtn img {
display: block;
width: 100%;
max-width: 56px;
max-height: 56px;
}
div.container section.contactbana .contactbana-inner {
width: 860px;
height: 256px;
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_contactbana_01.png);
background-repeat: no-repeat;
}
div.container section.contactbana .contactbana-inner img.contactbana-bana {
width: 306px;
height: 80px;
margin: 140px 0 0 492px;
}
div.container footer.footerComponent {  clear: both;
}
div.container footer.footerComponent #totop {
position: fixed;
right: 0;
z-index: 99999;
transition: all .4s linear;
}
@media only screen and (max-width: 767px) {
div.container footer.footerComponent #totop {
right: 2px;
}
}
div.container footer.footerComponent #totop a {
overflow: hidden;
text-indent: 101%;
white-space: nowrap;
display: block;
width: 68px;
height: 68px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/01_pagetop.png);
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_pagetop.png);
background-repeat: no-repeat;
}
div.container footer.footerComponent #totop.showbutton {
bottom: 34px;
}
div.container footer.footerComponent #totop.showbutton a {
transition: opacity .4s linear;
}
div.container footer.footerComponent #totop.showbutton a:link, div.container footer.footerComponent #totop.showbutton a:visited {
opacity: .6;
}
div.container footer.footerComponent #totop.showbutton a:hover, div.container footer.footerComponent #totop.showbutton a:active {
opacity: 1;
}
div.container footer.footerComponent #totop.hidebutton {
bottom: -105px;
}
div.container footer.footerComponent div.Main_contents {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 1219px) {
div.container footer.footerComponent div.Main_contents {
margin-left: 3%;
margin-right: 3%;
}
}
div.container footer.footerComponent div.wrapper-foot01 {
position: relative;
background-color: #FFF;
padding-top: 2.8em;
padding-bottom: 1.0em;
}
@media only screen and (max-width: 767px) {
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul {
padding-left: 0;
padding-right: 0;
width: 100%;
}
}
@media only screen and (min-width: 768px) {
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul {
padding: 0 1%;
}
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst {
margin-bottom: 1.0em;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 {
border: solid 5px #dde9ed;
padding: 15px;
margin-bottom: 1.0em;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 div.list {
position: absolute;
text-align: right;
top: 17px;
right: 34px;
font-weight: 300;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 div.list a:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_foot_yaji03.png);
margin: 0 6px 0 0;
position: relative;
top: 1px;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 dl {
overflow: hidden;
margin-bottom: 0.5em;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 dl p {
line-height: 1.6em;
margin-bottom: 0.4em;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 dl .post_date {
color: #6da5af;
font-size: 0.9em;
margin-bottom: -0.5em;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 dl .post_title {
font-size: 0.95em;
padding-bottom: 0.5em;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_foot_border01.png) repeat-x left bottom;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 dl .post_title p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 dl .post_title a {
color: #007acc;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst div.foot_box div.foot_box02 dl .post_title a:hover {
color: #f48c0f;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst h5.foot01 {
display: block;
color: #247a8e;
font-weight: bold;
font-size: 1.1em;
line-height: 1.6em;
padding-bottom: 0.7em;
margin-top: 0;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_foot_border01.png) repeat-x left bottom;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst h5.foot02 {
display: block;
width: 100%;
color: #FFF;
font-weight: bold;
font-size: 1.1em;
line-height: 1.6em;
padding: 5px 8px;
margin-top: 0;
background-color: #a1cad3;
background-color: #57c4c4;
}
@media only screen and (max-width: 767px) {
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li.li-fst {
padding-left: 0;
padding-right: 0;
width: 100%;
}
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li {
display: block;
list-style: none;
line-height: 1.6em;
margin-bottom: 1.0em;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li a {
font-family: "a-otf-ud-shin-go-pr6n",sans-serif;
font-weight: bold;
color: #247a8e;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li a:hover {
color: #f48c0f;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li div.inside_box_foot ul li:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_foot_yaji01.png);
margin: 0 6px 0 0;
position: relative;
top: 4px;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li div.inside_box_foot ul li ul li:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_foot_yaji01_s.png);
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li div.inside_box_foot ul li ul li {
margin-top: 0.9em;
margin-left: 0.8em;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li div.inside_box_foot ul li ul li a {
font-weight: 100;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li div.inside_box_foot ul li ul .sub-menu li {
margin-top: 0.4em;
margin-bottom: 0.4em;
}
div.container footer.footerComponent div.wrapper-foot01 div.Main_contents ul li div.inside_box_foot ul li ul .sub-menu li a {
color: #247a8e;
}
@media only screen and (max-width: 767px) {
div.container footer.footerComponent div.wrapper-foot01 ul {
padding: 0 2%;
}
div.container footer.footerComponent div.wrapper-foot01 ul li {
display: block;
font-size: 100%;
}
}
div.container footer.footerComponent div.wrapper-foot03 {
padding-top: 2.0em;
padding-bottom: 1.0em;
background-color: #5EAD90;
border-bottom: solid 4px #001F34;
color: #FFF;
}
div.container footer.footerComponent div.wrapper-foot03 ul {
width: 100%;
padding-left: 0;
}
div.container footer.footerComponent div.wrapper-foot03 ul li {
list-style: none;
padding-left: 4px;
padding-right: 4px;
}
@media only screen and (max-width: 767px) {
div.container footer.footerComponent div.wrapper-foot03 ul li {
width: 100%;
}
}
div.container footer.footerComponent div.wrapper-foot03 ul li a {
color: #fff;
display: block;
}
div.container footer.footerComponent div.wrapper-foot03 ul li a:hover {
background-color: #80bca6;
}
div.container footer.footerComponent div.wrapper-foot03 ul li div.inside_box_foot {
width: 100%;
margin-bottom: 10px;
text-align: left;
letter-spacing: 0.1em;
padding: 9px;
border: solid 4px #B3D5C7;
}
@media only screen and (min-width: 768px) {
div.container footer.footerComponent div.wrapper-foot03 ul li div.inside_box_foot {
min-height: 182px;
}
}
div.container footer.footerComponent div.wrapper-foot03 ul li div.inside_box_foot div.inside_box3 {
padding: 8px; }
div.container footer.footerComponent div.wrapper-foot03 ul li div.inside_box_foot div.inside_box3 h5.foot {
font-family: "vdl-pengentle";
font-size: 1.2em;
font-weight: 900;
margin: 0;
padding-bottom: 0.3em;
line-height: 1.2em;
min-height: 1.4em;
min-height: 2.8em;
width: 100%;
}
div.container footer.footerComponent div.wrapper-foot03 ul li div.inside_box_foot div.inside_box3 h5.foot span {
font-size: 0.8em;
}
div.container footer.footerComponent div.wrapper-foot03 ul li div.inside_box_foot div.inside_box3 p.foot {
margin: 0;
font-size: 1.0em;
line-height: 1.4em;
margin-bottom: 0.4em;
}
div.container footer.footerComponent .footer-deco {
text-align: center;
margin-top: 15px;
}
div.container footer.footerComponent div.wrapper-foot04 {
background-color: #FFF;
padding-top: 1em;
padding-bottom: 1.5em;
text-align: center;
font-size: 94%;
color: #279161;
letter-spacing: 1px;
}
div.container footer.footerComponent div.wrapper-foot015 {
height: 120px;
padding: 0;
}
div.container footer.footerComponent div.wrapper-foot015 div.wrapper-foot-img-cmn {
height: 100%;
background-repeat: repeat-x;
background-position: center;
}
div.container footer.footerComponent div.wrapper-foot015 div.wrapper-foot-img-cmn:before {
display: inline-block;
content: "";
width: 100%;
height: 16px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_giza01.png);
background-size: 38px;
background-size: 34px 10px;
background-repeat: repeat-x;
}
div.container footer.footerComponent div.wrapper-foot015 div.wrapper-foot-img01 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/20230426_00_footphoto01.png);
}
div.container footer.footerComponent div.wrapper-foot015 div.wrapper-foot-img02 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_footphoto02.jpg);
}
div#right_tab {
position: fixed;
top: 200px;
right: 0;
z-index: 100;
width: 78px;
height: 200px;
}
div#right_tab a {
position: relative;
margin: 5px 0;
display: flex;
}
div#right_tab a.contact div {
margin-top: 16px;
margin-left: auto;
width: 60px;
height: 180px;
border: 3px solid #c2ffcc;
border-right: 0;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px;
border-radius: 4px 0 0 4px;
background: #6cd4b2;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_fixbana01.png);
background-repeat: no-repeat;
background-size: 36px 145px;
background-position: 50% 19px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
div#right_tab a.contact div:hover {
background-color: #49c59c;
}
div#right_tab a.contact:after {
content: "";
width: 36px;
height: 36px;
z-index: 1;
position: absolute;
top: 6px;
left: 4px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_fixbana01_icon.png);
background-repeat: no-repeat;
background-size: 36px 36px;
}
div#right_tab a.order div {
margin-top: 16px;
margin-left: auto;
width: 60px;
height: 180px;
border: 3px solid #ffd178;
border-right: 0;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px;
border-radius: 4px 0 0 4px;
background: #f6a94f;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_fixbana02.png);
background-repeat: no-repeat;
background-size: 36px 145px;
background-position: 50% 19px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease; }
div#right_tab a.order div:hover {
background-color: #eb8b1c;
}
div#right_tab a.order:after {
content: "";
width: 36px;
height: 36px;
z-index: 1;
position: absolute;
top: 6px;
left: 4px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_fixbana02_icon.png);
background-repeat: no-repeat;
background-size: 36px 36px;
}
div#right_tab img {
display: block;
}
div#film_roll_slider_block,
#home-yotsuba #yotsuba_slider_block ,
#ss-yotsuba #yotsuba_slider_block {
position: relative;
}
div#film_roll_slider_block .film_roll_slider_deco,
#home-yotsuba #yotsuba_slider_block .yotsuba_slider_deco ,
#ss-yotsuba #yotsuba_slider_block .yotsuba_slider_deco {
position: absolute;
bottom: -45px;
left: 0;
right: 0;
height: 90px;
width: 100%;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_leafdeco.png);
background-repeat: repeat-x;
background-position: center;
background-size: 920px 90px;
z-index: 1;
}
#home-yotsuba #yotsuba_slider_block .yotsuba_slider_deco ,
#ss-yotsuba #yotsuba_slider_block .yotsuba_slider_deco {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/home_yotsuba/yotsuba_leatdeco.png);
background-repeat: repeat-x;
background-position: center;
background-size: 972px 90px;
z-index: 1;
}
@media only screen and (max-width: 767px) {
div#film_roll_slider_block .film_roll_slider_deco,
#home-yotsuba #yotsuba_slider_block .yotsuba_slider_deco ,
#ss-yotsuba #yotsuba_slider_block .yotsuba_slider_deco {
display: none;
}
}
div#film_roll_slider,
#home-yotsuba #yotsuba_slider ,
#ss-yotsuba #yotsuba_slider {
width: 100%;
background-color: #FFF;
}
@media only screen and (max-width: 767px) {
div#film_roll_slider,
#home-yotsuba #yotsuba_slider ,
#ss-yotsuba #yotsuba_slider {
display: none;
}
}
div#film_roll_slider .film_roll_wrapper,
#home-yotsuba #yotsuba_slider .yotusba_wrapper ,
#ss-yotsuba #yotsuba_slider .yotusba_wrapper {
height: 500px;
}
div#film_roll_slider .film_roll_next,
#home-yotsuba #yotsuba_slider .yotsuba_next ,
#ss-yotsuba #yotsuba_slider .yotsuba_next {
text-indent: -9999;
}
div#film_roll_slider div.film_roll_pager,
#home-yotsuba #yotsuba_slider div.yotsuba_pager ,
#ss-yotsuba #yotsuba_slider div.yotsuba_pager {
padding-top: 8px;
background-color: #FFF;
background-color: #ddd3c0;
z-index: 3;
}
div#film_roll_slider .film_roll_child img {
-webkit-transition: all 1.0s;
-moz-transition: all 1.0s;
-ms-transition: all 1.0s;
-o-transition: all 1.0s;
transition: all 1.0s;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
div#film_roll_slider .active img,
#yotsuba_slider .active img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
div#film_roll_arrow,
#home-yotsuba #yotsuba_arrow ,
#ss-yotsuba #yotsuba_arrow {
position: relative;
}
div#film_roll_arrow a,
#home-yotsuba #yotsuba_arrow a ,
#ss-yotsuba #yotsuba_arrow a {
position: absolute;
top: -240px;
opacity: 0.8;
}
div#film_roll_arrow a:hover,
#home-yotsuba #yotsuba_arrow a:hover ,
#ss-yotsuba #yotsuba_arrow a:hover {
opacity: 1.0;
-webkit-opacity: 1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; }
div#film_roll_arrow #film_roll_next,
#home-yotsuba #yotsuba_arrow #yotsuba_next ,
#ss-yotsuba #yotsuba_arrow #yotsuba_next {
right: 120px;
}
div#film_roll_arrow #film_roll_prev,
#home-yotsuba #yotsuba_arrow #yotsuba_prev ,
#ss-yotsuba #yotsuba_arrow #yotsuba_prev {
left: 120px;
}
div.acf_pdf a.acf_pdf {
display: block;
min-height: 32px;
font-weight: bold;
text-decoration: underline;
margin: 50px 0 40px 0;
padding: 0 0 0 36px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/file-type-icons/02_ic_pdf.png);
background-repeat: no-repeat;
background-position: 0 0;
}
@media only screen and (min-width: 992px) {
div.sidemenu {
float: left;
float: right; width: 310px;
padding-right: 30px;
padding-right: 0;
padding-left: 30px;
}
}
@media only screen and (max-width: 991px) {
div.sidemenu {
width: 100%;
}
}
div.sidemenu div.title {
display: block;
border: solid 3px #a1ccdb;
background-color: #FFF;
text-align: center;
color: #78a6ba;
font-weight: 900;
font-size: 110%;
margin-bottom: 20px;
padding: 8px 0;
}
div.sidemenu div.sidebana {
clear: both;
display: block;
text-align: left;
margin-bottom: 10px;
}
div.sidemenu div.sidebana div.sidebana_title {
border: 2px solid #78a6ba;
color: #247a8e;
text-align: center;
background-color: #fff;
font-weight: bold;
padding: 4px 0 5px 0;
margin-bottom: 20px !important;
}
div.sidemenu div.sidebana div.sidebana_inner {
background-color: #FFF;
}
div.sidemenu div.sidebana div.sidebana_inner span.subtitle {
display: block;
text-align: center;
color: #78a6ba;
font-weight: bold;
}
div.sidemenu div.sidebana div.sidebana_inner span.linkmenu {
display: block;
float: left;
margin-right: 14px;
}
div.sidemenu div.sidebana div.sidebana_inner span.linkmenu a {
color: #9a2121;
text-decoration: none;
font-size: 90%;
line-height: 1em;
}
div.sidemenu div.sidebana div.sidebana_inner span.linkmenu a:hover {
color: #ff2c2c;
}
div.sidemenu div.sidebana div.sidebana_inner div.info02 {
padding: 10px;
}
div.sidemenu div.sidebana div.sidebana_inner div.info02 p.info02 {
font-size: 80%;
color: #247a8e;
line-height: 1.6em;
margin-bottom: 0;
}
div.sidemenu div.sidebana div.sidebana_inner div.info02 ul.linkbana-side {
padding: 0;
}
div.sidemenu div.sidebana div.sidebana_inner div.info02 ul.linkbana-side li {
display: block;
position: relative;
width: 100%;
padding: 10px;
margin-bottom: 10px;
background-color: #78a6ba;
color: #FFF;
font-family: "a-otf-ud-shin-go-pr6n",sans-serif;
line-height: 1.6em;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
div.sidemenu div.sidebana div.sidebana_inner div.info02 ul.linkbana-side li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
div.sidemenu div.sidebana div.sidebana_inner div.info02 ul.linkbana-side li:hover {
background-color: #d84c45;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
div.sidemenu div.sidebana div.sidebana_inner div.info02 ul.linkbana-side li:after {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_foot_yaji02_w.png);
position: relative;
top: 3px;
margin-left: 0.8em;
}
div.sidemenu div.sidebana div.sidebana_inner2 {
padding: 10px;
}
div.sidemenu div.sidebana div.sidebana_inner3 {
border: solid 3px #a1ccdb;
background-color: #FFF;
}
div.sidemenu div.sidebana_02 {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg09.png);
}
div.sidemenu div.sidebana_02 div.sidebana_inner {
border: solid 2px #efaf6a;
}
div.sidemenu div.sidebana02 {
background-image: none;
margin-bottom: 10px;
padding: 2px;
background-color: #DDD;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
height: 100%;
}
.carousel {
margin-top: 3px;
}
.carousel .item:nth-child(1) {
background: #faf5f1;
}
.carousel .item:nth-child(2) {
background: #faf5f1;
}
.carousel .item:nth-child(3) {
background: #faf5f1;
}
div.login_sg {
margin-bottom: 10px;
}
div.login_sg .zero {
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
div.login_sg .font_2 {
font-size: 12px;
}
div.login_sg p.blue1 {
color: #fff;
font-weight: bold;
font-size: 10pt;
padding-top: 4pt;
padding-bottom: 6pt;
padding-left: 3pt;
margin: 0;
line-height: 1.0em;
}
div.login_sg table.cont_1 {
margin-top: 4px;
}
div.login_sg table.font_2 {
border: solid 1px #FFFFFF;
border-collapse: separate;
}
div.login_sg table.font_2 td {
border: solid 1px #FFFFFF;
border-collapse: separate;
padding: 4px;
}
div.login_sg table.font_2 td p {
margin: 0px;
}
div.login_sg table.font_2 td.td_login {
padding-top: 15px;
}
div.login_sg input[type="text"], div.login_sg input[type="password"] {
border: solid 2px #a9a9a9;
padding: 0 6px;
color: #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}  p {
display: block;
margin: 1em 0;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
} .aligncenter {
display: block;
margin: 0 auto;
}
.alignright {
float: right;
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.alignright {
float: inherit;
display: block;
margin: 0 auto;
}
}
.alignleft {
float: left;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.alignleft {
float: inherit;
display: block;
margin: 0 auto;
}
}
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
max-width: 100%;
}
main.MainComponent div.pagetitle {
text-align: center;  }
main.MainComponent div.pagetitle .pagetitle_box {
position: relative;
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image {
height: 300px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/05_mainimg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-position: center center;
background-size: 1900px 300px;
background-size: cover;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image {
height: 150px;
}
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image.ocean {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/12_mainimg.jpg);
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image.ohama, main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image.kamome, main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image.ohama-kyotaku, main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image.fukuyonosato {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/20230531_11_mainimg.jpg);
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image.yotsuba {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/250527_yothuba01.jpg);
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image.cpc-yotsuba {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/13_mainimg.jpg);
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image_deco {
height: 90px;
position: absolute;
top: 240px;
left: 0;
right: 0;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_leafdeco_02.png);
background-repeat: repeat-x;
background-position: center bottom;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_image_deco {
top: 80px;
background-size: auto 45px;
}
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name {
font-size: 33px;
font-family: dnp-shuei-mincho-pr6n;
font-weight: bold;
color: #353535;
background-color: #f9faf3;
padding: 42px 0 34px 0;
letter-spacing: 2px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name {
font-size: 24px;
letter-spacing: 1px;
padding: 24px 0 30px 0;
}
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name span {
font-size: 26px;
color: #7f7f7f;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name span {
font-size: 16px;
}
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name:before, main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name:after {
content: "";
display: inline-block;
width: 142px;
height: 30px;
vertical-align: middle;
margin-right: 40px;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_ttldeco_l.png);
background-size: contain;
background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name:before, main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name:after {
width: auto;
height: auto;
margin: 0;
background: none;
}
}
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name:after {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_ttldeco_r.png);
margin-left: 40px;
margin-right: 0;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.pagetitle .pagetitle_box .pagetitle_name:after {
background: none;
width: auto;
height: auto;
margin: 0;
}
}
main.MainComponent div.topix_path {
background-color: #FFF;
background-color: #ddf2e9;
color: #999;
padding-top: 0;
padding-bottom: 0.9em;
font-size: 0.9em;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.topix_path {
padding-left: 3%;
padding-right: 3%;
box-sizing: border-box;
}
}
main.MainComponent div.topix_path div.inner {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 0.8em;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.topix_path div.inner {
width: 95%;
}
}
main.MainComponent div.topix_path div.inner span.home {
width: 16px;
height: 16px;
margin-top: 0;
margin-right: 4px;
float: left;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_pathicon_02.png);
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common {
padding-top: 30px;
color: #222;
line-height: 2.0em;
font-size: 1.15em;   }
@media only screen and (min-width: 992px) {
main.MainComponent div.wrapper-common {
background-color: #f9faf3;
}
}
@media only screen and (min-width: 768px) {
main.MainComponent div.wrapper-common div.col-left-post {
padding-right: 15px;
}
}
main.MainComponent div.wrapper-common section {
clear: both;
margin-bottom: 1.0em;
}
main.MainComponent div.wrapper-common section .col-sm-8, main.MainComponent div.wrapper-common section .col-sm-7 {
padding-left: 0;
margin-bottom: 1.0em;
}
main.MainComponent div.wrapper-common section .col-sm-4, main.MainComponent div.wrapper-common section .col-sm-5 {
padding-right: 0;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common section .col-sm-1, main.MainComponent div.wrapper-common section .col-sm-2, main.MainComponent div.wrapper-common section .col-sm-3, main.MainComponent div.wrapper-common section .col-sm-4, main.MainComponent div.wrapper-common section .col-sm-5, main.MainComponent div.wrapper-common section .col-sm-6, main.MainComponent div.wrapper-common section .col-sm-7, main.MainComponent div.wrapper-common section .col-sm-8, main.MainComponent div.wrapper-common section .col-sm-9, main.MainComponent div.wrapper-common section .col-sm-10, main.MainComponent div.wrapper-common section .col-sm-11, main.MainComponent div.wrapper-common section .col-sm-12 {
padding-left: 0;
padding-right: 0;
}
}
main.MainComponent div.wrapper-common h2.h2_page02 {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/01_h2_bg02.png);
color: #FFF;
border: none;
}
main.MainComponent div.wrapper-common h3.h3_page01 {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/01_h3_bg.png);
background-position: left 0px bottom 15px;
width: 100%;
color: #FFF;
line-height: 1.6em;
margin-top: 0;
margin-bottom: 26px;
padding: 10px 0px 11px 20px;
min-height: 42px;
clear: both;
border-bottom: dotted 1px #999;
font-family: "source-han-sans-japanese";
font-weight: bold;
font-size: 1.3em;
}
main.MainComponent div.wrapper-common h3.h3_mincho {
font-family: "vdl-pengentle" , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: 400;
width: 100%;
color: #000;
line-height: 1.6em;
margin-bottom: 1.0em;
min-height: 42px;
clear: both;
border-bottom: dotted 1px #999;
font-size: 1.5em;
padding-left: 0;
padding-bottom: 0.2em;
background: none;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common h3.h3_mincho {
font-size: 160%;
}
}
main.MainComponent div.wrapper-common h3.h3_mincho02 {
font-size: 160%;
}
main.MainComponent div.wrapper-common img.img01 {
display: block;
}
main.MainComponent div.wrapper-common img.img02 {
display: block;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
main.MainComponent div.wrapper-common img.img02_l {
display: block;
float: left;
width: 40%;
margin: 0 1.5em 2.5em 0;
}
}
main.MainComponent div.wrapper-common img.img02_l02 {
margin-bottom: 1.0em;
}
@media only screen and (min-width: 768px) {
main.MainComponent div.wrapper-common img.img02_r {
display: block;
float: right;
width: 40%;
margin: 0 0 2.5em 1.5em;
}
}
main.MainComponent div.wrapper-common img.img02_30 {
width: 30%;
}
@media only screen and (min-width: 768px) {
main.MainComponent div.wrapper-common img.img03_50 {
display: block;
float: left;
width: 48.5%;
margin: 0 0.75% 10px 0.75%;
}
}
@media only screen and (min-width: 768px) {
main.MainComponent div.wrapper-common img.img03_50:after {
clear: both;
}
}
main.MainComponent div.wrapper-common .num_icon00:before {
content: " ";
display: inline-block;
width: 34px;
height: 34px;
vertical-align: middle;
margin-right: 10px;
}
main.MainComponent div.wrapper-common .num_icon01:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon01.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon02:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon02.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon03:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon03.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon04:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon04.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon05:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon05.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon06:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon06.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon07:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon07.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon08:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon08.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon09:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon09.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon10:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon10.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon11:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon11.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon12:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon12.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon13:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon13.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon14:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon14.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon15:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon15.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon16:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon16.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon17:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon17.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon18:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon18.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon19:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon19.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .num_icon20:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon20.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common h5.h5_page01 {
min-height: 20px;
font-size: 1.2em;
font-weight: bold;
}
main.MainComponent div.wrapper-common h5.h5_page01:before {
content: " ";
display: inline-block;
width: 20px;
height: 20px;
vertical-align: top;
margin-right: 6px;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_icon01.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common h5.h5_page {
font-family: "tbudmincho-std";
font-weight: bold;
font-size: 1.4em;
color: #a03443;
margin-bottom: 0.8em;
clear: both;
}
main.MainComponent div.wrapper-common h5.h5_page17 {
color: #f38041;
font-weight: bold;
font-size: 1.2em;
}
main.MainComponent div.wrapper-common h5.h5_page24 {
color: #444;
font-weight: bold;
font-size: 1.2em;
}
main.MainComponent div.wrapper-common h6.h6_page {
font-weight: bold;
font-size: 1.2em;
color: #c75e6c;
margin-bottom: 0.2em;
clear: both;
}
main.MainComponent div.wrapper-common h6.h6_page_02 {
margin-bottom: 0.8em;
}
main.MainComponent div.wrapper-common span.red {
color: #df2323;
}
main.MainComponent div.wrapper-common span.emp01 {
font-size: 1.1em;
font-weight: bold;
color: #0088c7;
}
main.MainComponent div.wrapper-common a.external {
display: block;
font-size: 1.05em;
margin-bottom: 0.8em;
}
main.MainComponent div.wrapper-common a.external:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_link_icon.png);
position: relative;
top: 0.1em;
margin-right: 0.7em;
}
main.MainComponent div.wrapper-common a.download {
display: block;
font-size: 1.08em;
margin-bottom: 0.8em;
}
main.MainComponent div.wrapper-common a.download:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_icon_pdf01.png);
position: relative;
top: 0.1em;
margin-right: 0.7em;
}
main.MainComponent div.wrapper-common p.p_mincho {
font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color: #000;
}
main.MainComponent div.wrapper-common p.p_big01 {
font-size: 1.1em;
}
main.MainComponent div.wrapper-common p.p_right {
text-align: right;
}
main.MainComponent div.wrapper-common div.divspace {
display: block;
clear: both;
height: 2.0em;
}
main.MainComponent div.wrapper-common ul.linkbana_page {
padding-left: 0;
}
main.MainComponent div.wrapper-common ul.linkbana_page li {
display: block;
position: relative;
width: 65%;
padding: 16px;
border: solid 2px #902737;
margin-bottom: 20px;
background-color: #b94a5b;
color: #FFF;
font-family: "tbudmincho-std";
font-size: 150%;
line-height: 1.6em;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all  0.4s ease;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common ul.linkbana_page li {
width: 100%;
}
}
main.MainComponent div.wrapper-common ul.linkbana_page li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
main.MainComponent div.wrapper-common ul.linkbana_page li:hover {
background-color: #902737;
}
main.MainComponent div.wrapper-common ul.linkbana_page li:after {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/45_yaji02w.png);
position: relative;
top: 0;
margin-left: 0.8em;
}
@media only screen and (min-width: 768px) {
main.MainComponent div.wrapper-common ul.linkbana_page_small li {
width: 45%;
}
}
main.MainComponent div.wrapper-common ul.linkbana_page_small li {
padding: 8px;
font-size: 100%;
}
main.MainComponent div.wrapper-common .section01 {
margin-bottom: 4.0em;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common .section01 {
margin-bottom: 1.5em;
}
}
main.MainComponent div.wrapper-common .section02 {
margin-bottom: 1.0em;
overflow: hidden;
}
main.MainComponent div.wrapper-common .section03 {
padding-bottom: 2.0em;
overflow: hidden;
}
main.MainComponent div.wrapper-common .section04 {
margin-bottom: 0.5em;
overflow: hidden;
}
main.MainComponent div.wrapper-common ul.ul_01 {
list-style: none;
}
main.MainComponent div.wrapper-common ul.ul_01 li {
position: relative;
}
main.MainComponent div.wrapper-common ul.ul_01 li::after {
display: block;
content: '';
position: absolute;
top: .6em;
left: -1em;
width: 10px;
height: 6px;
border-left: 3px solid #999;
border-bottom: 3px solid #999;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
main.MainComponent div.wrapper-common ul.ul_02 {
list-style: none;
}
main.MainComponent div.wrapper-common ul.ul_02 li {
position: relative;
}
main.MainComponent div.wrapper-common ul.ul_02 li::after {
display: block;
content: '';
position: absolute;
top: .55em;
left: -1em;
width: 10px;
height: 10px;
border: 1px solid #3498db;
border-radius: 100%;
}
main.MainComponent div.wrapper-common strong.strong_02 {
color: #ff6b60;
font-size: 1.5em;
}
main.MainComponent div.wrapper-common strong.strong_09 {
display: block;
color: #975fd3;
margin-left: 1.0em;
}
main.MainComponent div.wrapper-common div.box01_16 {
min-height: calc(100% - 10px);
background-color: #f5ecd0;
border: solid 2px #e9dcb6;
padding: 1.2em;
margin-bottom: 10px;
line-height: 1.4em;
}
main.MainComponent div.wrapper-common div.box01_16 h4.h4_page {
font-size: 1.2em;
background-position: 0 2px;
margin-top: 0;
margin-bottom: 0.6em;
padding-top: 0;
border-bottom: solid 1px #000;
}
main.MainComponent div.wrapper-common div.box01_16 strong {
color: #9d8d5e;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li {
width: 100%;
}
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b {
width: 100%;
margin-bottom: 10px;
text-align: left;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b-ill01 {
padding: 15px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_service_ill01.png);
background-repeat: no-repeat;
background-position: bottom right;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b-ill02 {
padding: 15px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_service_ill02.png);
background-repeat: no-repeat;
background-position: bottom right;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b-ill03 {
padding: 15px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_service_ill03.png);
background-repeat: no-repeat;
background-position: bottom right;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b-ill04 {
padding: 15px;
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_service_ill04.png);
background-repeat: no-repeat;
background-position: bottom right;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b h5 {
font-size: 1.2em;
font-weight: bold;
color: #ffe027;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b h5:after {
content: " ";
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-top: -4px;
margin-left: 10px;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_service_yaji01.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b p {
font-size: 0.95em;
font-weight: bold;
color: #FFF;
padding-right: 100px;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b-01 {
background-color: #45b283;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b-02 {
background-color: #61a4d1;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b-03 {
background-color: #ed7155;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li .inside_box_b-04 {
background-color: #e884ba;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li a {
display: block;
width: 100%; margin: 0;
padding: 0;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li a .inside_box_b {
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li a:hover .inside_box_b-01 {
background-color: #80cfad;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li a:hover .inside_box_b-02 {
background-color: #9dcae8;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li a:hover .inside_box_b-03 {
background-color: #ff9d87;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li a:hover .inside_box_b-04 {
background-color: #f5a9d2;
}
main.MainComponent div.wrapper-common .jgs_list ul.pc3sp2 li a:hover .inside_box_b {
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
}
main.MainComponent div.wrapper-common table.table_01 {
border: solid 3px #c6e6d7;
background-color: #fff;
margin-bottom: 1.0em;
min-width: 100%; }
main.MainComponent div.wrapper-common table.table_01 tr td {
border: solid 1px #C6E6D7;
padding: 10px 2%;
font-size: 1.0em;
line-height: 2.0em;
}
main.MainComponent div.wrapper-common table.table_01 tr td:first-child {
background-color: #ebf8f1;
width: 25%;
font-weight: bold;
color: #7e9289;
font-size: 1.10em;
padding: 1em 3%;
}
main.MainComponent div.wrapper-common table.table_01_s tr td {
font-size: 0.9em;
}
main.MainComponent div.wrapper-common table.table_01_s tr td:first-child {
font-size: 0.9em;
}
main.MainComponent div.wrapper-common table.table_02 tr td {
line-height: 2.2em;
}
main.MainComponent div.wrapper-common table.table_03 {
border: solid 2px #c6e6d7;
background-color: #fff;
margin-bottom: 20px;
}
main.MainComponent div.wrapper-common table.table_03 tr th, main.MainComponent div.wrapper-common table.table_03 tr td {
border: solid 2px #c6e6d7;
padding: 10px 2%;
font-size: 1.0em;
line-height: 2.0em;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common table.table_03 tr th, main.MainComponent div.wrapper-common table.table_03 tr td {
font-size: 0.9em;
}
}
main.MainComponent div.wrapper-common table.table_03 tr th {
font-weight: normal;
width: 100px;
}
main.MainComponent div.wrapper-common table.table_03 tr td {
width: 120px;
}
main.MainComponent div.wrapper-common table.table_04 {
margin-bottom: 1.0em !important;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common div.scroll_table {
overflow-x: scroll;
}
main.MainComponent div.wrapper-common div.scroll_table table {
width: 755px !important;
}
main.MainComponent div.wrapper-common div.scroll_table::-webkit-scrollbar { height: 10px;
}
main.MainComponent div.wrapper-common div.scroll_table::-webkit-scrollbar-track { background: #eee;
}
main.MainComponent div.wrapper-common div.scroll_table::-webkit-scrollbar-thumb { background: #b9b9b9;
}
}
main.MainComponent div.wrapper-common #mem_news .news_box {
padding: 1.0em 2% 0.6em 2%;
}
main.MainComponent div.wrapper-common #mem_news .news_box table {
display: block;
width: 100%;
font-size: 0.95em;
line-height: 1.7em;
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody {
width: 100%;
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji {
display: block;
padding: 0.4em 2% 0.6em 2%;
width: 100%;
margin-bottom: 10px;
background-color: #f9f9f9;
border-bottom: solid 1px #ddd;
}
@media only screen and (min-width: 992px) {
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji {
width: 800px;
margin-right: 2%;
}
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji a {
display: block;
font-size: 1.1em;
font-weight: bold;
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji font {
display: block;
}
@media only screen and (min-width: 992px) {
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji font {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji font:nth-child(2) {
display: inline;
color: #555;
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji font.base21 {
font-size: 0.9em;
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji img {
display: none;
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji br {
display: none;
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr td.Top_Sintyaku_Kiji:first-child {
width: 0;
display: none;
}
main.MainComponent div.wrapper-common #mem_news .news_box table tbody tr:last-child {
display: none;
}
main.MainComponent div.wrapper-common #mem_cat {
margin-bottom: 1.0em;
}
main.MainComponent div.wrapper-common #mem_cat #nav ul {
overflow: hidden;
padding-left: 0;
}
main.MainComponent div.wrapper-common #mem_cat #nav ul li {
overflow: hidden;
position: relative;
list-style: none;
border: solid 2px #b5302b;
text-align: center;
width: 31.5%;
margin-right: 1.5%;
margin-bottom: 7px;
padding-top: 2.4em;
padding-bottom: 0.8em;
float: left;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common #mem_cat #nav ul li {
width: 100%;
}
}
main.MainComponent div.wrapper-common #mem_cat #nav ul li a {
position: absolute;
top: 0;
left: 0;
line-height: 3.0em;
width: 100%;
height: 100%;
background-color: #f5654b;
color: #FFF;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
main.MainComponent div.wrapper-common #mem_cat #nav ul li a:hover {
background-color: #de4529;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
main.MainComponent div.wrapper-common #mem_cat #nav ul li a:active {
text-decoration: none;
}
main.MainComponent div.wrapper-common #mem_cat #nav ul li a:before {
margin: -2px 7px 0 0;
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_icon04_t.png);
background-size: contain;
vertical-align: middle;
}
main.MainComponent div.wrapper-common #mem_cat #nav ul li.cat-50 {
width: 48.5%;
}
main.MainComponent div.wrapper-common #mem_cat #nav ul li:after {
clear: both;
}
main.MainComponent div.wrapper-common #mem_list .mem_list_div form.mem_form01 .res02 {
display: block;
font-size: 1.1em;
font-weight: bold;
color: #777;
border-bottom: dashed 1px #CCC;
margin-top: 2.0em;
}
main.MainComponent div.wrapper-common #mem_list .mem_list_div form.mem_form01 .res03 {
color: #777;
font-size: 0.9em;
margin-bottom: 18px;
}
main.MainComponent div.wrapper-common #mem_list .mem_list_div form.mem_form01 .res04 {
padding: 10px 20px;
margin-bottom: 10px;
background-color: #fffcb6;
border: solid 1px #ebe895;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
main.MainComponent div.wrapper-common #mem_list .mem_list_div form.mem_form01 .res04 a {
display: block;
width: 100%;
color: #333;
}
main.MainComponent div.wrapper-common #mem_list .mem_list_div form.mem_form01 .res04 a .res04_name {
font-weight: bold;
color: #11a0ba;
}
main.MainComponent div.wrapper-common #mem_list .mem_list_div form.mem_form01 .res04 a:hover {
text-decoration: none;
}
main.MainComponent div.wrapper-common #mem_list .mem_list_div form.mem_form01 .res04:hover {
background-color: #ebe895;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
main.MainComponent div.wrapper-common div.service_flow div.service_flow_left {
background-color: #73cc8e;
text-align: center;
padding: 1.0em;
color: #FFF;
font-size: 1.2em;
border: dotted 3px #52a66c;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common div.service_flow div.service_flow_right {
padding: 0;
}
}
main.MainComponent div.wrapper-common div.service_flow div.service_flow_right div {
background-color: #d2efd4;
padding: 1.5em;
font-size: 1.1em;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
main.MainComponent div.wrapper-common div.service_flow div.service_flow_yaji {
position: relative;
width: 25%;
height: 75px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common div.service_flow div.service_flow_yaji {
width: 100%;
}
}
main.MainComponent div.wrapper-common div.service_flow div.service_flow_yaji a {
padding-top: 70px;
}
main.MainComponent div.wrapper-common div.service_flow div.service_flow_yaji a span {
position: absolute;
top: -5px;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 3px solid #b06671;
border-bottom: 3px solid #b06671;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb 1.5s infinite;
animation: sdb 1.5s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb {
0% {
-webkit-transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
-webkit-transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
}
@keyframes sdb {
0% {
transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
}
main.MainComponent div.wrapper-common div.googlemap { border: solid 2px #c5e7d7;
background-color: #CCC;
min-width: 100%;
margin-bottom: 2.0em;
}
main.MainComponent div.wrapper-common figcaption {
text-align: center;
margin-top: 0.5em;
margin-bottom: 1.4em;
line-height: 1.5em;
}
main.MainComponent div.wrapper-common div.photos-3 {
margin-bottom: 0.1em;
padding: 0 5px;
}
main.MainComponent div.wrapper-common div.wrapper_post {
overflow: hidden;
background-color: #FFF;
border: solid 4px #e7e0d0;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
padding: 2.5em;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common div.wrapper_post {
padding: 0 1% 1.5em 1%;
padding: 3% 3% 0 3%;
margin-bottom: 0;
}
}
main.MainComponent div.wrapper-common div.wrapper_post div.the_time {
width: 100%;
text-align: right;
margin-bottom: 1.5em;
}
main.MainComponent div.wrapper-common div.wrapper_post div.the_content {
font-size: 1.1em;
margin-bottom: 6.0em;
}
main.MainComponent div.wrapper-common div.wrapper_post div.the_content p {
margin-bottom: 1.2em;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common div.wrapper_post div.the_content {
margin-bottom: 1.0em;
}
}
main.MainComponent div.wrapper-common div.wrapper_post em {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
main.MainComponent div.wrapper-common div.wrapper_post .article img,
main.MainComponent div.wrapper-common div.wrapper_post img,
main.MainComponent div.wrapper-common div.wrapper_post figure {
max-width: 100%;
height: auto;
}
main.MainComponent div.wrapper-common div.wrapper_post figcaption.wp-caption-text {
margin-top: 0.4em;
}
main.MainComponent div.wrapper-common div.addtoany_content {
margin: 40px 0 16px 0;
}
main.MainComponent div.wrapper-common div.previous-next-links {
clear: both;
margin-bottom: 1.5em;
line-height: 1.8em;
min-height: 60px;
}
main.MainComponent div.wrapper-common div.previous-next-links div.previous {
float: left;
padding-left: 20px;
width: calc(50% - 20px);
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/icon_prev.png);
background-repeat: no-repeat;
background-position: left center;
}
main.MainComponent div.wrapper-common div.previous-next-links div.next {
float: right;
padding-right: 20px;
width: calc(50% - 20px);
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/icon_next.png);
background-repeat: no-repeat;
background-position: right center;
text-align: right;
}
main.MainComponent div.wrapper-common div#wrapper-common_left {
position: relative;
font-size: 0.93em;
}
@media only screen and (min-width: 992px) {
main.MainComponent div.wrapper-common div#wrapper-common_left {
float: right;
float: left;
width: calc(100% - 310px);
margin-left: auto;
margin-right: 0;
padding-bottom: 20px;
min-height: 1000px;
min-height: 500px;
}
}
@media only screen and (max-width: 991px) {
main.MainComponent div.wrapper-common div#wrapper-common_left {
width: 100%;
}
}
@media only screen and (min-width: 992px) {
main.MainComponent div.wrapper-common div#wrapper-common_left div#wrapper-common_left_inner { padding: 2.5em 4% 2.5em 4%;
padding: 0 4% 2.5em 4%;
}
}
@media only screen and (max-width: 991px) {
main.MainComponent div.wrapper-common div#wrapper-common_left {
width: 100%;
margin-bottom: 2.0em;
}
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common div#wrapper-common_left {
padding-right: 0;
}
}
main.MainComponent div.wrapper-common div#wrapper-common_left div#links ul {
list-style: none;
padding: 0;
margin: 0 0 35px 0;
}
main.MainComponent div.wrapper-common div#wrapper-common_left div#links ul li {
display: block;
font-size: 1.3em;
position: relative;
width: 80%;
height: 3.5em;
margin: 0px auto 8px;
}
main.MainComponent div.wrapper-common div#wrapper-common_left div#links ul li a {
display: block;
position: absolute;
width: 100%;
height: 3.5em;
padding: 0.9em 0 0 5%;
background-color: #FFF;
border-bottom: solid 3px #f6c08e;
}
main.MainComponent div.wrapper-common div#wrapper-common_left div#links ul li a:hover {
background-color: #F0F0F0;
}
main.MainComponent div.wrapper-common div#wrapper-common_left div#links ul li:after {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_yaji01.png);
position: absolute;
top: 1.1em;
right: 5%;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .text-box01 {
background-color: #d9fffd;
border: solid 2px #b6f0ed;
padding: 1.0em 2%;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .text-box_y {
background-color: #fffccd;
border: solid 2px #f9f0b7;
padding: 1.0em 2%;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .text-box_gray {
overflow: hidden;
background-color: #EEE;
border: solid 2px #DDD;
width: 90%;
margin: 0 auto;
padding: 1.0em 2%;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .text-box_gray p {
font-size: 0.95em;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common div#wrapper-common_left .text-box_gray {
width: 96%;
}
}
main.MainComponent div.wrapper-common div#wrapper-common_left .text-box_gray02 {
padding: 1.0em 2% 0 2%;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .text-box_gray03 {
margin-bottom: 2.0em;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .div_join01 {
text-align: center;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01 {
width: 90%;
margin: 0 auto;
font-family: "source-han-sans-japanese";
line-height: 1.7em;
text-align: center;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-01 {
background-color: #4291cc;
color: #FFF;
font-weight: bold;
font-size: 1.4em;
padding: 15px 10px 10px 10px;
border-bottom: solid 3px #1e59b3;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
border-top-right-radius: 7px;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-01:before {
content: " ";
display: inline-block;
width: 32px;
height: 32px;
vertical-align: middle;
margin-right: 10px;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_icon02.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-02 {
background-color: #FFF;
color: #333;
font-weight: bold;
padding: 15px 10px 10px 10px;
border-left: solid 3px #dddddd;
border-right: solid 3px #dddddd;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-03 {
overflow: hidden;
padding: 10px 20px 20px 20px;
border-left: solid 3px #dddddd;
border-right: solid 3px #dddddd;
border-bottom: solid 3px #dddddd;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
border-bottom-left-radius: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
border-bottom-right-radius: 8px;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-03 .tel {
display: block;
float: left;
width: 45%;
padding-top: 10px;
color: #1e59b3;
font-size: 2.2em;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-03 .tel {
width: 100%;
font-size: 1.5em;
margin-bottom: 12px;
}
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-03 .tel:before {
content: " ";
display: inline-block;
width: 42px;
height: 42px;
vertical-align: top;
margin-top: -6px;
margin-right: 10px;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_icon03.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-03 .mail {
display: block;
float: left;
margin-bottom: 0;
width: 45%;
background-color: #f4654a;
border: solid 2px #cb2f2a;
padding: 12px;
font-size: 1.4em;
color: #FFF;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-03 .mail {
width: 100%;
}
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01-01-03 .mail span:before {
content: " ";
display: inline-block;
width: 24px;
height: 24px;
vertical-align: top;
margin-top: 2px;
margin-right: 10px;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/02_icon04.png);
background-size: contain;
background-repeat: no-repeat;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01 a {
text-decoration: none;
display: block;
width: 100%; margin: 0;
padding: 0;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01 a .mail {
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01 a:hover {
text-decoration: none;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01 a:hover .mail {
background-color: #cb2f2a;
-webkit-transition: all .4s ease-out;
-moz-transition: all .4s ease-out;
-ms-transition: all .4s ease-out;
transition: all .4s ease-out;
}
main.MainComponent div.wrapper-common div#wrapper-common_left .box_appeal01 a:active {
text-decoration: none;
}
main.MainComponent div.page { scroll-behavior: smooth;       }
main.MainComponent div.page a.ico_yaji01:before {
content: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_yaji01.png);
margin-right: 4px;
}
main.MainComponent div.page p {
margin: 0;
}
main.MainComponent div.page h2 {
width: 100%;
border-bottom: dotted #c5e7d7;
border-width: 6px;
font-family: dnp-shuei-mincho-pr6n;
color: #000;
padding-bottom: 15px;
box-sizing: border-box;
font-size: 36px;
margin: 0px 0 20px 0;
letter-spacing: 2.5px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page h2 {
font-size: 28px;
}
}
main.MainComponent div.page h3.bg02 {
width: 100%;
padding: 15px;
color: #368461;
font-family: vdl-v7marugothic;
box-sizing: border-box;
margin: 40px 0 22px;
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/01_h3_bg02.jpg);
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page h3.bg02 {
font-size: 18px;
}
}
main.MainComponent div.page h3.bg03 {
width: 100%;
padding: 15px;
box-sizing: border-box;
color: #fff;
font-family: vdl-v7marugothic;
margin: 30px 0;
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/01_h3_bg03.jpg);
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page h3.bg03 {
font-size: 18px;
}
}
main.MainComponent div.page h4.bg04 {
font-size: 16px;
padding: 10px;
box-sizing: border-box;
color: #4c7e65;
font-family: vdl-v7marugothic;
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/01_h3_bg03.jpg);
margin-bottom: 30px;
}
main.MainComponent div.page div.page_text_color {
color: #4c7e65;
font-weight: bold;
font-size: 1.2em;
}
main.MainComponent div.page span.page_text_color_notes {
color: gray;
}
main.MainComponent div.page span.page_text_color_main {
color: #4c7e65;
font-weight: bold;
}
main.MainComponent div.page br.page_br_clear {
display: none;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page br.page_br_clear {
display: block;
}
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page br.page_br_block {
display: none;
}
}
main.MainComponent div.page p.margin_bottom {
margin-bottom: 20px;
}
main.MainComponent div.page div.twocolumn_layout {
display: flex;
width: 100%;
}
main.MainComponent div.page div.twocolumn_layout div.box_img {
margin: 0 auto 0 0;
width: 350px;
}
main.MainComponent div.page div.twocolumn_layout div.box_img img {
width: 100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
main.MainComponent div.page div.twocolumn_layout div.box_img_02 {
margin: 0 auto;
width: 350px;
width: calc(100% / 2);
text-align: center;
padding: 0 20px;
box-sizing: border-box;
}
main.MainComponent div.page div.twocolumn_layout div.box_img_02:first-child {
padding-left: 0;
}
main.MainComponent div.page div.twocolumn_layout div.box_img_02:last-child {
padding-right: 0;
}
main.MainComponent div.page div.twocolumn_layout div.box_img_02 img {
width: 100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
main.MainComponent div.page div.twocolumn_layout div.box_text {
width: 54%;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page div.twocolumn_layout {
display: flex;
flex-wrap: wrap;
}
main.MainComponent div.page div.twocolumn_layout div.box_img, main.MainComponent div.page div.twocolumn_layout div.box_img_02 {
width: 100%;
margin: 0 0 30px 0;
padding: 0;
}
main.MainComponent div.page div.twocolumn_layout div.box_text {
width: 100%;
}
}
main.MainComponent div.page div.twocolumn_layout_reverse {
display: flex;
width: 100%;
}
main.MainComponent div.page div.twocolumn_layout_reverse div.box_img {
width: 350px;
text-align: center;
margin: 0 0 0 auto;
}
main.MainComponent div.page div.twocolumn_layout_reverse div.box_img img {
width: 100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
main.MainComponent div.page div.twocolumn_layout_reverse div.box_text {
width: 54%;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page div.twocolumn_layout_reverse {
display: flex;
flex-wrap: wrap-reverse;
}
main.MainComponent div.page div.twocolumn_layout_reverse div.box_img {
width: 100%;
margin: 0 0 30px 0;
}
main.MainComponent div.page div.twocolumn_layout_reverse div.box_text {
width: 100%;
}
}
main.MainComponent div.page div.threecolumn_flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin: 0;
}
main.MainComponent div.page div.threecolumn_flex div.img_flex {
margin: 0 auto 15px;
width: 246px;
width: calc(100% / 3);
text-align: center;
padding: 0 16px;
padding: 0 10px;
box-sizing: border-box;
}
main.MainComponent div.page div.threecolumn_flex div.img_flex:first-child {
padding-left: 0;
padding-right: 20px;
}
main.MainComponent div.page div.threecolumn_flex div.img_flex:last-child {
padding-left: 20px;
padding-right: 0;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page div.threecolumn_flex div.img_flex {
width: 100%;
padding: 0 !important;
}
}
main.MainComponent div.page div.threecolumn_flex div.img_flex img {
width: 100%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
main.MainComponent div.page div.column_layout_04_img {
width: 100%;
display: flex;
justify-content: start;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page div.column_layout_04_img {
justify-content: center;
}
}
main.MainComponent div.page div.column_layout_04_img div.box_img {
width: 200px;
width: calc(100% / 4);
text-align: center;
padding: 0 8px;
box-sizing: border-box;
}
main.MainComponent div.page div.column_layout_04_img div.box_img:first-child {
padding-left: 0;
padding-right: 8px;
}
main.MainComponent div.page div.column_layout_04_img div.box_img:last-child {
padding-left: 8px;
padding-right: 0;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page div.column_layout_04_img div.box_img {
width: 100%;
height: auto;
padding: 0 !important;
}
}
main.MainComponent div.page div.column_layout_04_img div.box_img img {
width: 180px;
height: 120px;
width: 100%;
height: auto;
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page div.column_layout_04_img div.box_img img {
width: 100%;
height: auto;
}
}
main.MainComponent div.page div.page_space {
padding: 10px 20px;
box-sizing: border-box;
}
main.MainComponent div.page div.text_frame {
width: 100%;
background-color: #fff;
padding: 20px;
box-sizing: border-box;
margin: 0 0 30px;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page div.text_frame {
font-size: 15px;
}
}
main.MainComponent div.page div.text_center {
color: #359a60;
font-weight: bold;
text-align: center;
font-family: dnp-shuei-mincho-pr6n;
}
main.MainComponent div.page div.img-top-bottom {
width: 100%;
margin: 30px 0;
padding: 100px 20px;
box-sizing: border-box;
border: 2px solid #cce6f3;
background: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/00_bg_slice_a01.jpg), url(https://kouranosato.com/wp-content/themes/fukuyokai/img/00_bg_slice_a02.jpg), #fff;
background-repeat: no-repeat, no-repeat;
background-position: top, bottom;
}
main.MainComponent div.page div.img-top-bottom2 p {
margin-bottom: 1.6em;
}
main.MainComponent div.page div.space_for_socialicon {
height: 3em;
height: 0;
width: 100%;
}
main.MainComponent div.page div.img_frame {
display: flex;
justify-content: center;
margin: 20px 0;
width: 100%;
}
main.MainComponent div.page div.img_frame img {
max-width: 100%;
height: auto;
}
main.MainComponent div.page div.access div.googlemap {
margin-top: 0.7em;
}
main.MainComponent div.page table.onthead_table {
width: 100%;
margin-bottom: 30px;
}
main.MainComponent div.page table.onthead_table th:nth-child(1) {
width: 80px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page table.onthead_table th:nth-child(1) {
width: 60px;
text-align: center;
}
}
main.MainComponent div.page table.onthead_table th {
padding: 3px 20px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page table.onthead_table th {
padding: 3px 10px;
}
}
main.MainComponent div.page table.onthead_table td {
padding: 3px 20px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page table.onthead_table td {
padding: 3px 10px;
}
main.MainComponent div.page table.onthead_table td:nth-child(odd) {
text-align: center;
}
}
main.MainComponent div.page table.onthead_table thead tr {
background-color: #b7d8c7;
border-bottom: 2px solid #b1d3c0;
}
main.MainComponent div.page table.onthead_table thead th {
color: #fff;
}
main.MainComponent div.page table.onthead_table tbody tr:nth-child(odd) {
background-color: #ecf7f1;
}
main.MainComponent div.page table.onthead_table tbody tr:nth-child(even) {
background-color: #fff;
}
main.MainComponent div.page table.onthead_table_02 {
width: 100%;
border: solid 2px #c6e6d7;
border-collapse: collapse;
}
main.MainComponent div.page table.onthead_table_02 thead tr {
background-color: #b7d8c7;
}
main.MainComponent div.page table.onthead_table_02 thead td {
color: #fff;
text-align: center;
border: solid 2px #c6e6d7;
letter-spacing: 0.08em;
padding: 2px;
box-sizing: border-box;
}
main.MainComponent div.page table.onthead_table_02 tbody {
background: #fff;
}
main.MainComponent div.page table.onthead_table_02 tbody th {
text-align: center;
font-weight: normal;
border: solid 2px #c6e6d7;
}
main.MainComponent div.page table.onthead_table_02 tbody td {
padding: 3px 8px;
box-sizing: border-box;
border: solid 2px #c6e6d7;
text-align: right;
}
main.MainComponent div.page table.onthead_table_02 tbody td.total {
font-weight: bold;
}
main.MainComponent div.page table.table_boder-none {
width: 100%;
}
main.MainComponent div.page table.table_boder-none tr:nth-child(odd) {
background-color: #ecf7f1;
}
main.MainComponent div.page table.table_boder-none tr:nth-child(even) {
background-color: #fff;
}
main.MainComponent div.page table.table_boder-none th {
color: #6b8678;
font-family: vdl-v7marugothic;
padding: 3px 20px 3px 0;
box-sizing: border-box;
text-align: right;
}
main.MainComponent div.page table.table_boder-none td {
padding: 0.7em 20px;
box-sizing: border-box;
max-width: 600px;
}
@media only screen and (max-width: 767px) {
main.MainComponent div.page table.table_boder-none th {
display: block;
background: #ecf7f1;
text-align: left;
padding-right: 0;
padding-left: 20px;
box-sizing: border-box;
}
main.MainComponent div.page table.table_boder-none td {
display: block;
background: #fff;
text-align: left;
padding-right: 10px;
box-sizing: border-box;
}
}
main.MainComponent div.page ul {
padding: 0;
box-sizing: border-box;
list-style: none;
}
main.MainComponent div.page ul.list_in_text {
color: #4c7e65;
font-weight: bold;
padding-left: 18px;
box-sizing: border-box;
list-style: disc;
}
main.MainComponent div.page ul.page_liststyle_icon_00 {
list-style: none;
color: #4c7e65;
font-weight: bold;
margin: 0 0 50px 25px;
}
main.MainComponent div.page ul.page_liststyle_icon_00 li {
padding-left: 10px;
box-sizing: border-box;
margin-bottom: 12px;
}
main.MainComponent div.page ul.page_liststyle_icon_00 li:nth-child(5n+1) {
list-style-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/00_icon_a01.png);
}
main.MainComponent div.page ul.page_liststyle_icon_00 li:nth-child(5n+2) {
list-style-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/00_icon_a02.png);
}
main.MainComponent div.page ul.page_liststyle_icon_00 li:nth-child(5n+3) {
list-style-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/00_icon_a03.png);
}
main.MainComponent div.page ul.page_liststyle_icon_00 li:nth-child(5n+4) {
list-style-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/00_icon_a04.png);
}
main.MainComponent div.page ul.page_liststyle_icon_00 li:nth-child(5n+5) {
list-style-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/00_icon_a05.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 {
list-style: none;
color: #4c7e65;
font-weight: bold;
margin: 10px 0px 10px 0;
}
main.MainComponent div.page ul.page_liststyle_icon_02 li {
padding: 3px 0 17px 55px;
box-sizing: border-box;
background: left top no-repeat;
background-size: 43px;
font-size: 18px;
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+1) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon01.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+2) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon02.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+3) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon03.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+4) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon04.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+5) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon05.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+6) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon06.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+7) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon07.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+7) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon08.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+7) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon09.png);
}
main.MainComponent div.page ul.page_liststyle_icon_02 li:nth-child(n+7) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_num_icon10.png);
}
main.MainComponent div.page ul.page_liststyle_icon_03 {
list-style: none;
color: #4c7e65;
font-weight: bold;
margin: 10px 0px 10px 0;
}
main.MainComponent div.page ul.page_liststyle_icon_03 li {
padding: 3px 0 17px 55px;
box-sizing: border-box;
background: left top no-repeat;
background-size: 43px;
font-size: 18px;
}
main.MainComponent div.page ul.page_liststyle_icon_03 li:nth-child(n+1) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_icon_fuku.png);
}
main.MainComponent div.page ul.page_liststyle_icon_03 li:nth-child(n+2) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_icon_you.png);
}
main.MainComponent div.page ul.page_liststyle_icon_03 li:nth-child(n+3) {
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/02_icon_kai.png);
}
main.MainComponent div.page ul.article { }
main.MainComponent div.page ul.article li {
color: #4c7e65;
color: #333;
font-size: 120%;
font-weight: bold;
}
main.MainComponent div.page ul.paragraph_normal,
main.MainComponent div.page ul.paragraph {
margin: 8px 0 30px 0;
padding-left: 10px;
padding: 0;
box-sizing: border-box; }
main.MainComponent div.page ul.paragraph_normal li,
main.MainComponent div.page ul.paragraph li {
color: #222;
font-size: 84%;
font-weight: normal;
margin-bottom: 8px;
}
main.MainComponent div.page ul.paragraph { }
main.MainComponent div.page ul.paragraph li {
padding-left: 2em;
box-sizing: border-box;
text-indent: -2em;
}
main.MainComponent div.page ul.paragraph li.paragraph_nonnum {
padding-left: 2em;
box-sizing: border-box;
}
main.MainComponent div.page ul.dlm-downloads li {
font-size: 1.16em;
letter-spacing: 0.03em;
margin: 12px 0;
}
main.MainComponent div.page ul.dlm-downloads li .download-link.filetype-icon { }
main.MainComponent div.page .faq-item .question {
margin-top: 10px;
border: 2px solid #41c1c7;
border-radius: 4px;
padding: 10px 5px 10px 48px;
font-weight: bold;
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/21_faq_q.png);
background-repeat: no-repeat;
background-position: 10px center;
background-size: 28px;
background-color: #ffffff;
color: #41c1c7;
cursor: pointer;
}
main.MainComponent div.page .faq-item .answer {
display: none;
line-height: 1.6em;
margin: 0 10px 30px 10px;
border-bottom: 2px solid #81c2c1;
background-image: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/04_faq_a.png);
background-repeat: no-repeat;
background-position: 10px 15px;
background-color: #e7f4f6;
padding: 20px 15px 20px 50px;
}
div.page .zantei_mes {
font-size: 1.7em;
line-height: 1.8;
margin: 60px 0;
text-align: center;
}
div.page.about .about_access,
div.page.project .project_block,
div.page.project .project_senior { }
#set_infomation .h3_title {
display: inline-block;
width: 100%;
background-color: #78a6ba;
border-bottom: 3px solid #1c4b7a;
font-family: "source-han-sans-japanese";
font-weight: bold;
letter-spacing: 0.05em;
color: #fff;
line-height: 1.6em;
margin-top: 0;
margin-bottom: 0;
padding: 5px 20px;
box-sizing: border-box;
min-height: 42px;
font-size: 1.1em;
}
#set_infomation .h3_title span {
font-size: 0.7em;
font-weight: 100;
padding-left: 1.0em;
}
#set_infomation .h3_title a.h3_btn {
float: right;
line-height: 1.4;
}
#set_infomation .h3_title a.h3_btn button {
font-family: "tbudgothic-std", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", "sans-serif";
font-size: 14px;
font-weight: normal;
text-decoration: none;
background-color: #fff;
border: 0;
border-bottom: 2px solid #bfbfbf;
padding: 3px 8px;
box-sizing: border-box;
}
#set_infomation .infomation_box {
clear: both;
font-size: 0.95em;
background-color: #fff;
padding: 1.5% 2%;
box-sizing: border-box;
overflow: hidden;
min-height: 188px;
height: auto;
}
@media only screen and (max-width: 767px) {
#set_infomation .infomation_box {
margin-bottom: 40px;
}
}
#set_infomation .infomation_box .infomation_box_inner {
padding: 10px;
box-sizing: border-box;
}
#set_infomation .infomation_box .infomation_box_inner .post_box {
margin-bottom: 0.5em;
margin-bottom: 11px;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date {
padding: 0;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_date {
margin-right: 20px;
font-size: 13px;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button { min-width: 120px; overflow: hidden;
font-size: 12px;
padding: 4px 6px;
background-color: #ccc;
border-color: #ccc;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.important {
background-color: #dd3232;
border-color: #dd3232;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.recruit {
background-color: #d0acd8;
border-color: #d0acd8;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.event {
background-color: #e9b128;
border-color: #e9b128;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.report {
background-color: #a7c9c8;
border-color: #a7c9c8;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.fukuyokai {
background-color: #6f9fc7;
border-color: #6f9fc7;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.koura, #set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.himawari {
background-color: #75bc46;
border-color: #75bc46;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.ohama, #set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.kamome, #set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.ohama-kyotaku, #set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.fukuyonosato, #set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.ocean,#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.cpc-yotsuba {
background-color: #17a6b6;
border-color: #17a6b6;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.yotsuba {
background-color: #ec7b7c;
border-color: #ec7b7c;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.news {
background-color: #6f9fc7;
border-color: #6f9fc7;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.home-yotsuba ,
#set_infomation .infomation_box .infomation_box_inner .post_box .post_date .s_cate button.ss-yotsuba {
background-color: #5bc0de;
border-color: #46b8da;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_news {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#set_infomation .infomation_box .infomation_box_inner .post_box .post_line {
clear: both;
float: none;
padding: 0 0 8px 0;
border-bottom: 1px solid #bdbdbd;
}
div.page.project .project_block {
margin-bottom: 70px;
}
div.page.workplace {
position: relative;
margin-top: 0;
margin-bottom: 0;
padding-top: 0; }
div.page.workplace div.main_ill {
padding-top: 0;
font-size: 14px;
line-height: 20px;
}
@media only screen and (max-width: 991px) {
div.page.workplace div.main_ill {
width: auto !important;
}
}
div.page.workplace div.main_ill div.main_ill-cont {
float: left;
}
div.page.workplace div.main_ill .main_ill-cont_naiyou {
text-align: left;
}
div.page.workplace div.main_ill-cont {
position: relative;
background-color: #fff;
margin: 0 1.5% 35px 1.5%;
width: 100%;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border-top: 14px solid #ccc;
}
@media only screen and (max-width: 767px) {
div.page.workplace div.main_ill-cont {
margin: 0 0 35px 0;
width: 100%;
}
}
div.page.workplace div.main_ill-cont .main_ill-cont_naiyou {
width: calc(100% - 142px - 130px) !important;
}
@media only screen and (max-width: 767px) {
div.page.workplace div.main_ill-cont .main_ill-cont_naiyou {
width: calc(100% - 142px) !important;
}
}
div.page.workplace div.main_ill-cont .main_ill-cont_naiyou .type {
padding: 0px 6px 0px 7px;
}
div.page.workplace div.main_ill-cont .main_ill-cont_arrow {
position: relative;
display: inline-block;
padding: 0;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
margin: 60px 30px 0 0;
}
@media only screen and (max-width: 767px) {
div.page.workplace div.main_ill-cont .main_ill-cont_arrow {
display: none;
}
}
div.page.workplace div.main_ill-cont .main_ill-cont_arrow::before,
div.page.workplace div.main_ill-cont .main_ill-cont_arrow::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
div.page.workplace div.main_ill-cont .main_ill-cont_arrow::before {
left: 0;
width: 46px;
height: 46px;
border-top: 12px solid #dfdfdf;
border-right: 12px solid #dfdfdf;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: border-color 0.4s;
}
div.page.workplace div.main_ill-cont a img {
margin-top: -1.5% !important;
}
div.page.workplace div.main_ill-cont a .main_ill-cont_box:hover > .main_ill-cont_arrow::before {
transition: 0.4s;
border-color: #57c4c4;
}
div.page.workplace div.main_ill-cont.cont1 a .main_ill-cont_box:hover > .main_ill-cont_arrow::before, div.page.workplace div.main_ill-cont.cont2 a .main_ill-cont_box:hover > .main_ill-cont_arrow::before {
border-color: #9ed879;
}
div.page.workplace div.main_ill-cont.cont8 a .main_ill-cont_box:hover > .main_ill-cont_arrow::before {
border-color: #ed7c7c;
}
div.page.workplace div.main_ill div.main_ill-cont {
width: 100% !important;
} div.ohama div.threecolumn_layout_reverse {
display: flex;
}
@media only screen and (max-width: 767px) {
div.ohama div.threecolumn_layout_reverse {
display: flex;
flex-wrap: wrap-reverse;
}
}
div.ohama div.threecolumn_layout_reverse div.box_text {
width: 23%;
}
@media only screen and (max-width: 767px) {
div.ohama div.threecolumn_layout_reverse div.box_text {
width: 100%;
}
}
div.ohama div.threecolumn_layout_reverse div.box_img_reverse {
display: flex;
}
@media only screen and (max-width: 767px) {
div.ohama div.threecolumn_layout_reverse div.box_img_reverse {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
}
div.ohama div.threecolumn_layout_reverse div.box_img_reverse img.img_vertical {
margin: 0 10px;
height: 180px;
}
@media only screen and (max-width: 767px) {
div.ohama div.threecolumn_layout_reverse div.box_img_reverse img.img_vertical {
margin-bottom: 20px;
height: auto;
width: 100%;
}
}
div.ohama div.threecolumn_layout_reverse div.box_img_reverse img.img_vertical2 {
height: 360px;
}
div.ohama div.threecolumn_layout_reverse div.box_img_reverse img.img_horizontal {
margin: 0 10px;
width: 350px;
height: 500px;
}
@media only screen and (max-width: 767px) {
div.ohama div.threecolumn_layout_reverse div.box_img_reverse img.img_horizontal {
margin-bottom: 20px;
height: auto;
width: 100%;
}
}
div.ohama div.page_frame_space {
display: flex;
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
div.ohama div.page_frame_space {
justify-content: center;
}
}
div.ohama div.page_frame_space div.twocolumn_page_frame {
width: 350px;
margin: 0 auto 20px;
}
div.ohama div.page_frame_space div.twocolumn_page_frame img.madori_img {
width: 100%;
}
@media only screen and (max-width: 767px) {
div.ohama div.page_frame_space div.twocolumn_page_frame {
width: 100%;
margin-bottom: 40px;
}
}
div.ohama ul {
list-style: none;
padding: 0;
box-sizing: border-box;
}
div.ohama ul li {
margin: 10px 0;
}
div.ohama #ohamatoha p {
margin-bottom: 1.7em;
}
div.ohama #kyoyuspace { }
div.ohama #kyoyuspace p {
margin-bottom: 1.7em;
}
div.ohama #nyuukyo div.scroll_table p {
text-align: right;
}
@media only screen and (max-width: 767px) {
div.ohama #nyuukyo div.scroll_table p {
text-align: left;
}
}
div.pagetitle_name img.logomark {
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
div.pagetitle_name img.logomark {
margin: 0 auto 10px auto;
display: block;
clear: both;
}
}
div.page.privacy a {
color: #333;
}
div.page.privacy div.sengen {
margin-bottom: 30px;
font-size: 16px;
}
div.page.privacy div.signature {
width: 100%;
color: #777;
font-weight: bold; }
div.page.privacy div.signature a {
color: #777;
}
div.page.privacy div.signature a:hover {
color: #f48c0f;
}
div.side_bnr_office {
box-shadow: 0px 0px 8px 1px #dcdbdb;
background-color: #fff;
border-radius: 10px;
margin: 0 0 50px 0;
border: 1px solid #d6d6d6;
}
div.side_bnr_office div.page_side_title {
border-bottom: 1px solid #d6d6d6;
text-align: center;
padding: 15px 0;
box-sizing: border-box;
}
div.side_bnr_office div.page_side_title div.page_side_sub {
color: #797979;
font-family: dnp-shuei-mincho-pr6n;
line-height: 1.2;
padding: 0 10px;
box-siging: border-box;
}
div.side_bnr_office div.page_side_title div.page_side_main {
color: #000;
font-family: dnp-shuei-mincho-pr6n;
font-size: 130%;
}
div.side_bnr_office div.page_side_menu {
text-indent: 25px;
font-size: 90%;
}
div.side_bnr_office div.titie {
background: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/favicon.ico) #fff;
background-repeat: no-repeat;
text-indent: 2.5em;
background-position: 45px center;
padding: 15px 0;
box-sizing: border-box;
border-bottom: 1px solid #d6d6d6;
border-radius: 10px 10px 0 0;
text-align: center;
font-family: vdl-v7marugothic;
font-weight: bold;
color: #757575;
}
div.side_bnr_office ul {
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
}
div.side_bnr_office ul li {
background: url(https://kouranosato.com/wp-content/themes/fukuyokai/img/00_foot_yaji01_s.png);
background-repeat: no-repeat;
background-position: 15px;
border-bottom: 1px solid #d6d6d6;
padding: 3% 10%;
box-sizing: border-box;
}
div.side_bnr_office ul li a {
display: inline-block;
transition: all  0.3s ease;
}
div.side_bnr_office ul li a:link {
opacity: .6;
}
div.side_bnr_office ul li a:visited {
opacity: .6;
}
div.side_bnr_office ul li a div.side_sub_title {
color: #797979;
font-size: 13px;
text-indent: 25px;
font-family: dnp-shuei-mincho-pr6n;
line-height: 10px;
line-height: 13px;
}
div.side_bnr_office ul li a div.side_menu_name {
color: #000;
text-indent: 25px;
font-size: 18px;
font-family: dnp-shuei-mincho-pr6n;
font-weight: bold;
}
div.side_bnr_office ul li a div.side_menu_name_bottom {
color: #000;
text-indent: 25px;
padding: 5px 0;
font-size: 18px;
font-family: dnp-shuei-mincho-pr6n;
font-weight: bold;
}  .download-link.filetype-icon {
padding-left: 38px;
background-size: 28px auto;
} .filetype-pdf {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/file-type-icons/02_ic_pdf.png);
}   .filetype-7z, .filetype-gz, .filetype-rar, .filetype-sit, .filetype-tar, .filetype-zip {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/file-type-icons/zip.png);
} .filetype-csv, .filetype-tsv, .filetype-xls, .filetype-xlsx {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/file-type-icons/02_ic_xls.png);
} .filetype-doc, .filetype-docx {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/file-type-icons/02_ic_wd.png);
}  .filetype-swf {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/file-type-icons/fla.png);
} .filetype-bmp, .filetype-djv, .filetype-eps, .filetype-gif, .filetype-ief, .filetype-jpe, .filetype-jpeg, .filetype-jpg, .filetype-pbm, .filetype-pgm, .filetype-png, .filetype-pnm, .filetype-ppm, .filetype-ps, .filetype-ras, .filetype-rgb, .filetype-tif, .filetype-tiff, .filetype-wbmp, .filetype-xbm, .filetype-xpm, .filetype-xwd {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/file-type-icons/02_ic_img.png);
}    .filetype-txt {
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/file-type-icons/txt.png);
}  #maincontents div.block_btm {
margin-bottom: 60px;
}
#maincontents div.block_btm2 {
margin-bottom: 1.5em;
}
#maincontents div.page { }
#maincontents div.page.about .image_frame {
width: 100%;
margin-bottom: 50px;
height: auto;
}
#maincontents div.page.about .image_frame img {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
#maincontents div.page.about .rinen_main {
margin-bottom: 50px;
}
#maincontents div.page.about .rinen_main .rinen_pic {
margin-bottom: 25px;
text-align: center;
}
#maincontents div.page.about .rinen_main .rinen_mes {
text-align: center;
font-size: 20px;
font-family: dnp-shuei-mincho-pr6n;
font-weight: bold;
letter-spacing: 0.08em;
line-height: 50px;
}
#maincontents div.page.about .text_frame {
margin: 30px 0 50px;
}
@media only screen and (max-width: 767px) {
#maincontents div.page.about .image_frame {
margin-top: 50px;
}
}
#maincontents div.contact div.inside_box_contact {
width: 80%;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_dotbg04.png);
padding: 8px;
margin: 0 auto 3.0em auto;
}
@media only screen and (max-width: 767px) {
#maincontents div.contact div.inside_box_contact {
width: 95%;
}
}
#maincontents div.contact div.inside_box_contact div.inside_box2 {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/00_bg07.jpg);
padding: 20px 0 10px 0;
text-align: center;
margin: 0;
}
#maincontents div.contact div.inside_box_contact div.inside_box2 img.icon {
margin-bottom: 0.5em;
}
#maincontents div.contact div.inside_box_contact div.inside_box2 .contactpackage-lead {
font-size: 1.2em;
font-weight: bold;
color: #777;
margin-bottom: 0.5em;
}
#maincontents div.contact div.inside_box_contact div.inside_box2 .contactpackage-address div {
margin-bottom: 0.5em;
}
#maincontents div.contact div.inside_box_contact div.inside_box2-2 {
text-align: left;
padding: 20px 4% 10px 4%;
}
#maincontents div.contact div.inside_box_contact div.contactpackage-dls {
margin-left: 1.0em;
}
#maincontents div.contact div.inside_box_contact div.contactpackage-link {
margin-left: 1.0em;
font-size: 1.15em;
}
#maincontents div.contact div.inside_box_contact div.contactpackage-link a {
text-decoration: underline;
}
#maincontents div.contact div.inside_box_contact div.inside_anch {
padding-bottom: 20px;
}
#maincontents div.contact div#mw-wp-form-captcha {
text-align: center;
padding: 2.0em 3% 2.0em 3%;
}
#maincontents div.contact div.text_frame {
font-size: 15px;
padding: 0;
margin-top: 10px;
}
#maincontents div.contact div.complete_message {
margin: 40px 0 80px;
letter-spacing: 0.08em;
margin: 30px 0 0 0;
padding: 40px;
box-sizing: border-box;
background-color: #fff;
font-size: 18px;
letter-spacing: 0.08em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
#maincontents div.contact .pc_disp {
display: inline-block;
}
@media only screen and (max-width: 767px) {
#maincontents div.contact .pc_disp {
display: none;
}
}
#maincontents div.contact .err_mes {
font-size: 23px;
color: #f00000;
font-weight: 500;
}
#maincontents div.order_form .contact-waku {
border: 5px solid #d5cdcd;
margin: 0 auto 20px auto;
width: 100%;
height: 40px;
border-bottom: none;
}
#maincontents div.order_form div.contact-flow {
max-width: 400px;
position: relative;
box-sizing: border-box;
margin: 0 auto 40px;
}
#maincontents div.order_form div.contact-flow ul.flow-list {
width: 100%;
position: relative;
z-index: 1;
display: -webkit-box;
display: flex;
margin: 0;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
#maincontents div.order_form div.contact-flow ul.flow-list:before {
content: "";
width: calc(100% - 50px);
height: 2px;
background-color: #d5cdcd;
position: absolute;
top: 7px;
left: 25px;
z-index: 0;
}
#maincontents div.order_form div.contact-flow ul.flow-list li.flow-list-item {
width: 60px;
position: relative;
top: 3px;
z-index: 1;
font-size: 0.9rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
color: #d5cdcd;
}
#maincontents div.order_form div.contact-flow ul.flow-list li.flow-list-item.active {
color: #3b2929;
}
#maincontents div.order_form div.contact-flow ul.flow-list li.flow-list-item:before {
position: static;
content: "";
width: 10px;
height: 10px;
margin: 0 auto;
margin-bottom: 20px;
display: block;
background-color: #d5cdcd;
border-radius: 50%;
box-shadow: none;
}
#maincontents div.order_form div.contact-flow ul.flow-list li.flow-list-item.active:before {
background-color: #3b2929;
}
@media screen and (max-width: 800px) {
#maincontents div.order_form div.contact-flow {
max-width: 260px;
}
}
#maincontents div.order_form .order_text {
color: #9ca7b1;
font-size: 17px;
font-weight: bold;
margin-bottom: 10px;
padding: 5px 0;
}
#maincontents div.order_form .order_red {
color: #d70b24;
}
#maincontents div.order_form .contact_item {
padding: 22px 0px;
border-bottom : 1px solid #cccccc;
width: 100%;
margin: 0 10px;
}
#maincontents div.order_form .contact_item h3 {
font-family: tbcinergothic-std, sans-serif;
font-size: 19px;
}
#maincontents div.order_form .contact_item p.desc {
margin-top: 15px;
}
#maincontents div.order_form .contact_item p.desc span {
font-weight: 600;
font-size: 19px;
color: $black;
margin: 0 8px;
}
#maincontents div.order_form .contact_item .order_border {
border: 2px solid #d5cdcd;
padding: 10px;
margin-top: 10px;
}
#maincontents div.order_form .contact_item .order_select {
display: flex;
margin-top: 25px;
justify-content: space-between;
}
#maincontents div.order_form .contact_item .order_select p span {
margin-right: 15px;
}
#maincontents div.order_form .contact_item select {
background: #fffef0;
padding: 11px;
font-size: 16px;
border-radius: 6px;
border: 2px solid #cccccc;
width: 80px !important;
height: 50px !important;
vertical-align: baseline;
box-sizing: border-box;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
#maincontents div.order_form .mt-20 {
margin-top: 20px;
}
#maincontents div.order_form .order_bot_radio {
display: flex;
justify-content: space-between;
}
#maincontents div.contact_frame {
background: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
margin-top: 30px;
padding: 40px 30px;
box-sizing: border-box;
font-size: 15px;
letter-spacing: 0.08em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
#maincontents div.contact_frame {
padding: 20px 3%;
}
}
#maincontents div.contact_frame table {
width: 100%;
margin-bottom: 30px;
border-collapse: collapse;
}
#maincontents div.contact_frame table th {
display: table-cell;
width: 255px;
text-align: right;
vertical-align: middle;
padding: 7px 15px 7px 5px;
box-sizing: border-box;
font-weight: bold;
color: #747474;
font-size: 15px;
}
@media only screen and (max-width: 767px) {
#maincontents div.contact_frame table th {
display: block;
width: 100%;
text-align: left;
}
}
#maincontents div.contact_frame table td {
border: none;
display: table-cell;
padding: 7px 5px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#maincontents div.contact_frame table td {
display: block;
width: 100%;
}
}
#maincontents div.contact_frame table td .mwform-radio-field {
margin-top: 5px;
}
#maincontents div.contact_frame table td .item {
border-color: #abaaa8;
border-style: solid;
border-width: 2px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}
#maincontents div.contact_frame table td .order_radio {
box-shadow: none !important;
}
#maincontents div.contact_frame table td input, #maincontents div.contact_frame table td textarea, #maincontents div.contact_frame table td select {
background: #fffff0;
letter-spacing: 0.08em;
}
#maincontents div.contact_frame table td input:focus, #maincontents div.contact_frame table td textarea:focus, #maincontents div.contact_frame table td select:focus {
box-shadow: 0 0 7px #1abc9c;
border: 1px solid #1abc9c;
}
#maincontents div.contact_frame table td input[size="45"], #maincontents div.contact_frame table td input[cols="37"] {
width: 100%;
}
@media only screen and (max-width: 767px) {
#maincontents div.contact_frame table td input[size="45"], #maincontents div.contact_frame table td input[cols="37"] {
width: 100%;
}
}
#maincontents div.contact_frame table td input[type=text], #maincontents div.contact_frame table td input[type=tel], #maincontents div.contact_frame table td input[type=email] {
padding: 2px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#maincontents div.contact_frame table td input[type=text], #maincontents div.contact_frame table td input[type=tel], #maincontents div.contact_frame table td input[type=email] {
padding: 6px 4px;
font-size: 12px;
}
}
#maincontents div.contact_frame table td textarea {
width: 100%;
padding: 10px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#maincontents div.contact_frame table td textarea {
width: 100%;
padding: 4px;
height: 300px;
}
}
#maincontents div.contact_frame table td input[type=text],#maincontents div.contact_frame table td input[type=tel], #maincontents div.contact_frame table td input[type=email],
#maincontents div.contact_frame table td textarea, #maincontents div.contact_frame table td select {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#maincontents div.contact_frame table select {
font-size: 14px;
padding: 8px 12px;
box-sizing: border-box;
}
#maincontents div.contact_frame table .tel, #maincontents div.contact_frame table .addnum {
text-align: center;
}
#maincontents div.contact_frame_button {
text-align: center;
}
#maincontents div.contact_frame_button input[type=submit] {
color: #fff;
background: #383838;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
width: 275px;
height: 55px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
font-size: 18px;
box-shadow: #000 3px 3px 2px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
border: none;
letter-spacing: 0.06em;
margin: 20px 50px;
}
@media only screen and (max-width: 767px) {
#maincontents div.contact_frame_button input[type=submit] {
width: 250px;
max-width: 100%;
margin: 20px auto;
}
}
#maincontents div.contact_frame_button input[type=submit]:hover {
background-color: #ee6875;
}
#maincontents div.contact h2 {
margin: 0 0 30px 0;
}
#maincontents div.contact span.required {
color: red;
font-weight: normal;
}
#maincontents div.contact p.privacy_confirm {
font-size: 14px;
text-align: center;
}
div.page table.table_boder_none02 {
width: 92%;
}
@media only screen and (max-width: 767px) {
div.page table.table_boder_none02 {
width: 100%;
}
}
div.page table.table_boder_none02 th, div.page table.table_boder_none02 td {
text-align: center;
}
div.page table.table_boder_none02 thead td {
font-size: 18px;
height: 2.5em;
}
div.page table.table_boder_none02 tbody tr {
border-bottom: #eee dotted 1px;
}
div.page table.table_boder_none02 tbody tr th, div.page table.table_boder_none02 tbody tr td {
text-align: center;
}
@media only screen and (max-width: 767px) {
div.page table.table_boder_none02 tbody tr th, div.page table.table_boder_none02 tbody tr td {
font-size: 0.9em;
}
}
div.yotsuba div.table_middle_padd {
padding: 0 0 20px 40px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
div.yotsuba div.table_middle_padd {
padding: 0;
}
}
div.yotsuba div#floor_map div.camera_icon {
width: 35px;
height: 35px;
margin-top: -2px;
}
div.yotsuba div#floor_map div.text_frame_icon {
display: flex;
margin-left: 6px;
margin-bottom: 30px;
}
div.yotsuba div#floor_map div.text_frame_icon p {
margin-left: 11px;
}
div.yotsuba div#floor_map div.floor_block {
width: 100%;
position: relative;
padding: 85px 52px 40px 47px;
padding: 10% 6.25% 6%;
box-sizing: border-box;
margin-bottom: 33px;
border-radius: 10px;
border: solid 3px #83ccc3;
background: #fff;
}
div.yotsuba div#floor_map div.floor_block .floor_num {
position: absolute;
right: -1px;
top: -1px;
width: 84px;
height: 68px;
padding-top: 16px;
box-sizing: border-box;
text-align: center;
color: #fff;
font-size: 23px;
font-weight: bold;
background-color: #83ccc3;
border: 1px solid #83ccc3;
border-radius: 0 10px;
}
div.yotsuba div#floor_map div.floor_block div.floor_img img.floor {
width: 100%;
}
.lb-data .lb-caption {
font-size: 30px;
}
.lb-dataContainer {
padding-top: 7px;
}
.lb-data .lb-number {
margin-top: 8px;
}
.lb-data .lb-caption {
font-size: 30px;
}
div.page.recruit .items {
position: relative; z-index: 1;
margin-bottom: 24px;
}
div.page.recruit .items .item {
float: left;
width: 49.27%;
height: 122px; margin-right: 1.46%;
margin-bottom: 14px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
@media only screen and (max-width: 767px) {
div.page.recruit .items .item {
display: block;
height: auto; }
}
div.page.recruit .items .item:nth-child(2n) {
margin-right: 0px;
}
div.page.recruit .items .item a {
padding: 20px 26px;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 2px solid #5ca480;
background: #fff;
box-sizing: border-box;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
div.page.recruit .items .item a:hover {
border: 2px solid #f7cb60;
}
div.page.recruit .items .item a:hover h3 {
color: #ff8f17 !important;
}
div.page.recruit .items .item .cat {
font-size: 12px;
display: inline-block;
margin-bottom: 10px;
}
div.page.recruit .items .item .color-1 {
color: #618083;
}
div.page.recruit .items .item .color-2 {
color: #ff5a39;
}
div.page.recruit .items .item .color-3 {
color: #1f7f0e;
}
div.page.recruit .items .item .color-4 {
color: #ca6a17;
}
div.page.recruit .items .item .color-5 {
color: #aa5322;
}
div.page.recruit .items .item .color-6 {
color: #ca6a80;
}
div.page.recruit .items .item .color-7 {
color: #3684b3;
}
div.page.recruit .items .item .date {
color: #808080;
display: inline-block;
margin-right: 26px;
font-size: 12px;
margin-bottom: 10px;
}
div.page.recruit .items .item h3 {
font-size: 14px;
color: #103771;
margin-top: 10px;
text-decoration: none;
line-height: 150%;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
font-family: inherit;
}
div.page.recruit .noitem {
padding: 3em 0px;
text-align: center;
font-size: 14px;
}  div.page.home_yotsuba .yotsubaTtl {
position: relative;
font-size: 28px;
font-family: dnp-shuei-mincho-pr6n;
text-align: center;
font-weight: bold;
}
div.page.home_yotsuba .yotsubaTtl:after {
position: absolute;
content: "";
width: 100px;
height: 3px;
background-color: #45c0cf;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
}
div.page.home_yotsuba .ttlText .text {
font-size: 18px;
font-family: dnp-shuei-mincho-pr6n;
text-align: center;
padding-top: 25px;
}
#home-yotsuba .pagetitle_name,
#ss-yotsuba .pagetitle_name {
margin-top: 20px;
}
#home-yotsuba .yotsubaContact_link,
#ss-yotsuba .yotsubaContact_link {
position: absolute;
content: "";
bottom: 70px;
right: 300px;
}
#home-yotsuba .yotsubaContact_link a ,
#ss-yotsuba .yotsubaContact_link a {
width: 350px;
background: #3eb499;
border-radius: 15px 0px;
opacity: 0.9;
display: block;
padding: 10px 25px;
}
#home-yotsuba .yotsubaContact_link .youtsubaLinkTxt ,
#ss-yotsuba .yotsubaContact_link .youtsubaLinkTxt {
width: 100%; 
text-align: center; 
border-bottom: 1px solid #fff; 
line-height: 0.1em;
margin: 10px 0 20px; 
}
#ss-yotsuba .yotsubaContact_link .ss-tlt{
position: relative;
bottom: 0.5em;
}
#home-yotsuba .yotsubaContact_link .youtsubaLinkTxt span ,
#ss-yotsuba .yotsubaContact_link .youtsubaLinkTxt span {
background: #3eb499; 
padding:0 10px; 
color: #fff;
font-size: 18px;
}
#home-yotsuba .yotsubaContact_link .telBtn ,
#ss-yotsuba .yotsubaContact_link .telBtn {
font-size: 34px;
font-family: Century Gothic Pro;
line-height: 0.67;
color: #fff;
font-weight: 700;
margin: 0;
display: flex;
align-items: center;
justify-content: center; }
#home-yotsuba .yotsubaContact_link .telBtn span ,
#ss-yotsuba .yotsubaContact_link .telBtn span {
display: inline-block;
margin-right: 10px;
font-weight: normal;
vertical-align: middle;
}
#home-yotsuba .yotsubaContact_link .telBtn i ,
#ss-yotsuba .yotsubaContact_link .telBtn i {
background: #fff;
color: #3eb499;
padding: 5px;
transform: rotate(90deg);
font-size: 18px;
border-radius: 5px;
vertical-align: middle;
}
#home-yotsuba .yotsubaContact_link .youtsubaLinkTxt1 ,
#ss-yotsuba .yotsubaContact_link .youtsubaLinkTxt1 {
text-align: center;
color: #fff;
margin: 0;
line-height: 2.3;
font-size: 18px;
}
#home-yotsuba .yotsubaContact_link .youtsubaLinkTxt1 span ,
#ss-yotsuba .yotsubaContact_link .youtsubaLinkTxt1 span {
font-size: 15px;
}
div.page.home_yotsuba .yotsubaText {
font-size: 28px;
line-height: 2;
text-align: center;
padding: 10px 0 50px;
font-family: dnp-shuei-mincho-pr6n;
font-weight: bold;
}
div.page.home_yotsuba .yotsubaService {
display: flex;
flex-wrap: wrap;
margin-bottom: 80px;
background: #43C6A7;
}
div.page.home_yotsuba .yotsubaServiceLft {
width: 44%;
color: #fff; padding: 65px 10px 90px;
text-align: center;
}
div.page.home_yotsuba .yotsubaServiceLft .yotsubaServiceTtl {
font-size: 30px;
line-height: 1.34;
font-weight: bold;
padding-bottom: 15px;
font-family: dnp-shuei-mincho-pr6n;
}
div.page.home_yotsuba .yotsubaServiceLft .yotsubaServiceTxt {
font-size: 18px;
text-align: center;
line-height: 2.5;
font-weight: bold;
}
div.page.home_yotsuba .yotsubaServiceRht {
width: 56%;
position: relative;
height: 100%;
}
div.page.home_yotsuba .yotsubaServiceRht img {
max-width: 100%;
}
div.page.home_yotsuba .yotsubaServiceRht .imgText {
position: absolute;
content: "";
bottom: 10px;
left: 0;
font-size: 16px;
color: #fff;
line-height: 1.5;
width: 100%;
text-align: center;
}
div.page.home_yotsuba .youtsubaRecom {
margin-bottom: 80px;
}
div.page.home_yotsuba .recomList {
display: flex;
justify-content: space-between;
margin-top: 100px;
}
#ss-yotsuba div.page.home_yotsuba .recomList {
display: flex;
justify-content: space-evenly;
margin-top: 100px;
}
@media (max-width:767px) {
#ss-yotsuba div.page.home_yotsuba .recomList {
display: block;
justify-content: unset;
margin-top: 50px;
}
#ss-yotsuba div.page.home_yotsuba .recomList2 {
margin-top:30px;
}
}
div.page.home_yotsuba .recomList li {
width: calc(100% / 3 - 20px);
background: #F8F5DE;
}
div.page.home_yotsuba .recomList li .recomListBlock {
width: 100%;
margin: -60px auto 0; }
div.page.home_yotsuba .recomList li figure { width: 260px;
margin: 0 auto;
text-align: center;
min-height: 190px;
display: flex;
align-items: center;
justify-content: center;
}
div.page.home_yotsuba .recomList li img {
max-width: 100%; }
div.page.home_yotsuba .recomList li:nth-child(1) img {
width: 240px;
}
div.page.home_yotsuba .recomList li:nth-child(2) img {
width: 200px;
}
div.page.home_yotsuba .recomList li:last-child img {
width: 260px;
}
div.page.home_yotsuba .recomList li p {
font-size: 16px;
line-height: 1.5;
text-align: center;
padding-bottom: 15px;
}
div.page.home_yotsuba .yotsubaFeature { }
div.page.home_yotsuba .featureBox {
display: flex;
justify-content: space-between;
margin: 45px 0 60px;
}
div.page.home_yotsuba .featureBox li {
width: calc(100% / 3 - 20px);
background: #45C0CF;
border-radius: 10px;
}
div.page.home_yotsuba .featureBox .featureTtl {
font-size: 22px;
font-weight: bold;
line-height: 2.4;
font-family: dnp-shuei-mincho-pr6n;
text-align: center;
color: #fff;
padding: 10px 0;
}
div.page.home_yotsuba .featureBox img {
max-width: 100%;
}
div.page.home_yotsuba .featureBox .featureCtn {
font-size: 16px;
line-height: 1.65;
color: #fff;
padding: 15px;
}
div.page.home_yotsuba .featureBox1 {
margin-bottom: 88px;
}
div.page.home_yotsuba .featureBlockGn {
display: flex;
flex-wrap: wrap;
background: #EBF9F6;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft {
width: 50%;
background: #EBF9F6;
padding: 55px 45px;
box-sizing: border-box;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft .featureBlockTtl {
font-size: 24px;
line-height: 2.2;
font-weight: bold;
font-family: dnp-shuei-mincho-pr6n;
position: relative;
margin: 0 0 25px 0;
padding-left: 50px;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft .featureBlockTtl:before {
position: absolute;
content: "";
left: 0;
top: 0;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/home_yotsuba/feature_icon1.png) no-repeat;
background-size: 100%;
width: 45px;
height: 100%;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft .featureBlockTtl:after {
position: absolute;
content: "";
bottom: 0;
left: 50%;
height: 1px;
width: 85%;
border-bottom: 1px solid #ABD3D9;
transform: translateX(-46%);
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft p {
font-size: 16px;
line-height: 1.65;
}
div.page.home_yotsuba .featureBlockGn .featureBlockRht {
width: 50%;
}
div.page.home_yotsuba .featureBlockGn .featureBlockRht img {
max-width: 100%;
}
div.page.home_yotsuba .featureBlockGn.featureBlockYel {
background: #F9FAF3;
}
div.page.home_yotsuba .featureBlockYel .featureBlockLft {
background: #F9FAF3;
order: 1;
padding: 45px;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft .featureBlockTtl1:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/home_yotsuba/feature_icon2.png) no-repeat;
background-size: 100%;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft .featureBlockTtl2:before {
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/home_yotsuba/feature_icon3.png) no-repeat;
background-size: 100%;
}
div.page.home_yotsuba .yotsuba_information {
margin-bottom: 80px;
}
div.page.home_yotsuba .yotsuba_information #set_infomation .h3_title {
background-color: #43C6A7;
border-bottom: 3px solid #2D8570;
font-family: "tbudgothic-std";
font-size: 18px;
}
div.page.home_yotsuba .yotsuba_information .h3_title a.h3_btn button {
font-family: tbudgothic-std;
font-size: 14px;
color: #43C6A7;
background-color: #fff;
border: 0; padding: 4px 29px;
box-sizing: border-box;
font-weight: bold;
}
div.page.home_yotsuba .yotsubaRoom .roomCheck {
display: flex;
padding-top: 30px;
margin-bottom: 30px;
}
div.page.home_yotsuba .roomCheck .roomCheckImg {
width: 50%;
}
div.page.home_yotsuba .roomCheck .roomCheckImg img {
max-width: 100%;
}
div.page.home_yotsuba .roomCheck .roomCheckImg p {
font-size: 14px;
line-height: 1.75;
font-family: tbudgothic-std;
padding-top: 5px;
}
div.page.home_yotsuba .roomCheck .roomCheckRht {
width: 50%;
padding-left: 50px;
box-sizing: border-box;
}
div.page.home_yotsuba .roomCheck .roomCheckRht .roomTitle {
font-size: 22px;
font-weight: bold;
line-height: 1;
font-family: dnp-shuei-mincho-pr6n;
background: #43C6A7;
color: #fff;
padding: 8px 37px 12px;
display: inline-block;
margin: 0 0 30px;
}
div.page.home_yotsuba .roomCheck .roomCheckRht li {
border-bottom: 1px solid #43C6A7;
font-size: 16px;
line-height: 2.83;
font-weight: bold;
font-family: tbudgothic-std;
padding-left: 25px;
}
div.page.home_yotsuba .roomCheck .roomCheckRht li span {
padding: 3px;
background: #43C6A7;
border-radius: 1px;
display: inline-block;
vertical-align: middle;
line-height: 0;
margin: 0 5px 0 -25px;
}
div.page.home_yotsuba .roomCheck .roomCheckRht li span i {
color: #fff;
font-size: 14px;
}
div.page.home_yotsuba .roomCheck .roomCheckRht li:last-child {
border-bottom: none;
}
div.page.home_yotsuba .roomCheckList ul {
display: flex;
flex-wrap: wrap;
margin: 0;
}
div.page.home_yotsuba .roomCheckList li {
width: 23.4%;
margin: 0 25px 30px 0;
}
div.page.home_yotsuba .roomCheckList li:nth-child(4n) {
margin-right: 0;
}
div.page.home_yotsuba .roomCheckList li img {
max-width: 100%;
}
div.page.home_yotsuba .roomCheckList li .greenBg {
background: #43C6A7;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 1.65;
font-weight: bold;
font-family: tbudgothic-std;
padding: 2px 0;
margin-bottom: 10px;
} 
div.page.home_yotsuba .roomCheckList li .roomListText {
font-family: tbudgothic-std;
font-size: 14px;
line-height: 1.73;
}
div.page.home_yotsuba .yotsubaBathroom .roomCheckList {
margin-top: 20px;
}
div.page.home_yotsuba .yotsubaGallery {
margin-bottom: 90px;
}
div.page.home_yotsuba .slickGallery img {
max-width: 100%;
}
div.page.home_yotsuba .slickGallery {
max-width: 1100px;
width: 100%;
margin: 50px auto 0;
}
div.page.home_yotsuba .slickGallery .slick-slide {
margin: 0 15px;
}
div.page.home_yotsuba .sugoshikata .sugoIn {
display: flex;
width: 100%;
max-width: 1000px;
padding: 60px 60px 65px 80px;
margin: 35px auto 0;
box-sizing: border-box;
background-color: #fff;
border-top: 30px solid #45c0cf;
-webkit-box-shadow: 0px 1px 4px 0px #B0B0B0; 
box-shadow: 0px 1px 4px 0px #B0B0B0;
justify-content: space-between;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart {
width: 480px;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart tr {
border-bottom: 1px solid #3a9ba7;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart tr th {
width: 120px;
padding: 11px 0;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
background-color: #45c0cf;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart tr td {
padding: 11px 5px 11px 25px;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart tr td h4 {
margin: 0;
font-size: 18px;
font-weight: bold;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart tr td p {
margin-top: 10px;
font-size: 14px;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoImg {
width: 322px;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoImg img {
width: 100%;
}
div.page.home_yotsuba .floorMap {
margin-top: 85px;
}
div.page.home_yotsuba .floorCamera {
font-size: 16px;
text-align: center;
padding-top: 30px;
}
div.page.home_yotsuba .floorCamera img, div.page.home_yotsuba .floorCamera .busIcon {
width: 34px;
margin-right: 10px;
}
div.page.home_yotsuba .floorCamera .busIcon {
width: auto;
font-size: 20px;
color: #45c0cf;
}
div.page.home_yotsuba .floorMap .floorImg,
div.page.home_yotsuba .flow .flowStep,
div.page.home_yotsuba .outline .outlineChart,
div.page.home_yotsuba .access .accessMap {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 20px 0;
}
div.page.home_yotsuba .access .accessMap iframe {
width: 100%;
vertical-align: middle;
}
div.page.home_yotsuba .flow {
margin-top: 55px;
}
div.page.home_yotsuba .flow .flowStep {
padding: 0;
}
div.page.home_yotsuba .flow .stepList {
padding: 30px 0 0;
}
div.page.home_yotsuba .flow .stepList dt {
position: relative;
background-color: #45c0cf;
border-radius: 10px;
padding: 10px;
}
div.page.home_yotsuba .flow .stepList dt .stepNum {
font-family: dnp-shuei-mincho-pr6n;
font-size: 22px;
font-weight: bold;
color: #45c0cf;
background-color: #fff;
border-radius: 10px 0 0 10px;
display: inline-flex;
width: 150px;
padding: 5px 0;
justify-content: center;
align-items: center;
}
div.page.home_yotsuba .flow .stepList dt .stepNum span {
font-size: 30px;
margin: -7px 0 0 10px;
}
div.page.home_yotsuba .flow .stepList dt h4 {
position: absolute;
font-size: 22px;
color: #fff;
margin: 0;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.page.home_yotsuba .flow .stepList dd {
position: relative;
width: 100%;
max-width: 710px;
margin: 0 auto;
font-size: 16px;
line-height: 1.5;
padding: 25px 0 55px;
}
div.page.home_yotsuba .flow .stepList dd a {
color: #45c0cf;
text-decoration: underline;
}
div.page.home_yotsuba .flow .stepList dd span {
color: #45c0cf;
}
div.page.home_yotsuba .flow .stepList dd p.chuui {
font-size: 14px;
text-indent: -15px;
padding-left: 15px;
line-height: 1.7;
padding-top: 13px;
}
div.page.home_yotsuba .flow .stepList dd i {
position: absolute;
font-size: 35px;
color: #45c0cf;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
div.page.home_yotsuba .flow .stepList:last-child dd i {
display: none;
}
div.page.home_yotsuba .outline .outlineChart {
font-size: 16px;
margin-top: 50px;
}
div.page.home_yotsuba .outline .outlineChart tr {
background-color: #fff;
}
div.page.home_yotsuba .outline .outlineChart tr:nth-child(2n) {
background-color: #ebf9f6;
}
div.page.home_yotsuba .outline .outlineChart tr th {
width: 310px;
padding: 14px 10px;
text-align: center;
border-right: 1px solid #d6d6d6;
font-weight: normal;
}
div.page.home_yotsuba .outline .outlineChart tr td {
padding: 14px 20px 14px 75px;
}
div.page.home_yotsuba .access {
margin-top: 85px;
}
div.page.home_yotsuba .access .accessMap {
margin: 25px auto 0;
padding: 0;
border: solid 3px #45c0cf;
background-color: #CCC;
}
div.page.home_yotsuba .access .accessCnt .text {
font-size: 18px;
line-height: 2;
text-align: center;
margin: 85px 0 0;
}
div.page.home_yotsuba .access .accessCnt a {
display: block;
width: 500px;
font-size: 22px;
color: #fff;
background-color: #43c697;
margin: 30px auto 100px;
text-align: center;
padding: 24px 0;
border-radius: 50px;
font-weight: bold;
}
div.page.home_yotsuba .access .accessCnt a i {
margin-right: 10px;
} div.page.yotsubaContact .inside_box_contact,
div.page.yotsubaContact .contact_frame {
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 767px) {
#home-yotsuba #yotsuba_slider_block ,
#ss-yotsuba #yotsuba_slider_block {
position: initial;
}
#home-yotsuba .yotsubaContact_link ,
#ss-yotsuba .yotsubaContact_link {
z-index: 1;
right: 4vw;
bottom: auto;
top: 14vw;
}
#home-yotsuba .yotsubaContact_link a ,
#ss-yotsuba .yotsubaContact_link a {
width: 45vw;
padding: 10px;
}
#home-yotsuba .yotsubaContact_link .youtsubaLinkTxt ,
#ss-yotsuba .yotsubaContact_link .youtsubaLinkTxt {
margin: 2vw 0 3vw;
}
#home-yotsuba .yotsubaContact_link .youtsubaLinkTxt span ,
#ss-yotsuba .yotsubaContact_link .youtsubaLinkTxt span {
font-size: 3vw;
}
#home-yotsuba .yotsubaContact_link .telBtn ,
#ss-yotsuba .yotsubaContact_link .telBtn {
font-size: 4.5vw;
}
#home-yotsuba .yotsubaContact_link .telBtn span ,
#ss-yotsuba .yotsubaContact_link .telBtn span {
margin-right: 1vw;
}
#home-yotsuba .yotsubaContact_link .telBtn span i ,
#ss-yotsuba .yotsubaContact_link .telBtn span i {
padding: 4px;
font-size: 2.6vw;
border-radius: 3px;
}
#home-yotsuba .yotsubaContact_link .youtsubaLinkTxt1 ,
#ss-yotsuba .yotsubaContact_link .youtsubaLinkTxt1 {
font-size: 2.5vw;
}
#home-yotsuba .yotsubaContact_link .youtsubaLinkTxt1 span ,
#ss-yotsuba .yotsubaContact_link .youtsubaLinkTxt1 span {
font-size: 2vw;
}
div.page.home_yotsuba .yotsubaTtl {
position: relative;
font-size: 18px;
}
div.page.home_yotsuba .ttlText .text {
font-size: 16px;
text-align: left;
line-height: 1.6;
}
#home-yotsuba #spmainimg .spmainimg_deco ,
#ss-yotsuba #spmainimg .spmainimg_deco {
position: absolute;
bottom: -45px;
left: 0;
right: 0;
height: 90px;
width: 100%;
background: url(//kouranosato.com/wp-content/themes/fukuyokai/img/home_yotsuba/yotsuba_leatdeco.png);
background-repeat: repeat-x;
background-position: center;
background-size: contain; z-index: 1;
}
div.page.home_yotsuba .yotsubaText {
font-size: 19px;
padding: 10px 0 20px;
text-align: left;
}
div.page.home_yotsuba .yotsubaService {
margin-bottom: 40px;
}
div.page.home_yotsuba .yotsubaServiceLft {
width: 100%;
order: 2;
padding: 20px 3%;
}
div.page.home_yotsuba .yotsubaServiceLft .yotsubaServiceTtl {
font-size: 21px;
}
div.page.home_yotsuba .yotsubaServiceLft .yotsubaServiceTxt {
font-size: 15px;
text-align: left;
line-height: 2;
}
div.page.home_yotsuba .yotsubaServiceRht {
order: 1;
width: 100%;
}
div.page.home_yotsuba .yotsubaServiceRht .imgText {
font-size: 15px;
}
div.page.home_yotsuba .youtsubaRecom {
margin-bottom: 35px;
}
div.page.home_yotsuba .recomList {
display: block;
justify-content: unset;
margin-top: 50px;
}
div.page.home_yotsuba .recomList li {
width: 100%;
margin-bottom: 30px;
}
div.page.home_yotsuba .recomList li p {
font-size: 15px;
}
div.page.home_yotsuba .recomList li .recomListBlock {
margin: 0 auto;
}
div.page.home_yotsuba .featureBox {
display: block;
justify-content: unset;
margin: 45px auto 20px;
}
div.page.home_yotsuba .featureBox li {
width: 100%;
margin-bottom: 25px;
}
div.page.home_yotsuba .featureBox .featureTtl {
font-size: 18px;
padding: 5px 0;
}
div.page.home_yotsuba .featureBox .featureCtn {
font-size: 15px;
}
div.page.home_yotsuba .featureBox1 {
margin-bottom: 40px;
}
div.page.home_yotsuba .featureBlockGn {
margin-bottom: 25px;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft {
width: 100%;
order: 2;
padding: 10px 2.5%;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft .featureBlockTtl {
font-size: 20px;
padding-left: 30px;
margin: 0 0 8px;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft .featureBlockTtl:before {
width: 25px;
height: 38px;
background-position: center center;
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft .featureBlockTtl:after {
width: calc(100% - 30px);
}
div.page.home_yotsuba .featureBlockGn .featureBlockLft p {
font-size: 15px;
}
div.page.home_yotsuba .featureBlockGn .featureBlockRht {
width: 100%;
order: 1;
}
div.page.home_yotsuba .yotsuba_information {
margin-bottom: 20px;
}
div.page.home_yotsuba .yotsuba_information #set_infomation .h3_title {
font-size: 16px;
}
div.page.home_yotsuba .yotsuba_information #set_infomation .infomation_box {
margin-bottom: 5px;
}
div.page.home_yotsuba .yotsubaRoom .roomCheck {
display: block;
padding-top: 20px;
margin-bottom: 0;
}
div.page.home_yotsuba .roomCheck .roomCheckImg {
width: 100%;
margin-bottom: 15px;
}
div.page.home_yotsuba .roomCheck .roomCheckRht {
width: 100%;
padding-left: 0;
}
div.page.home_yotsuba .roomCheck .roomCheckRht .roomTitle {
font-size: 14px;
margin: 35px auto 15px;
display: block;
text-align: center;
}
div.page.home_yotsuba .roomCheck .roomCheckRht li {
padding: 0 0 13px 25px;
font-size: 14px;
line-height: 1.8;
margin-bottom: 13px;
}
div.page.home_yotsuba .roomCheckList ul {
display: block;
flex-wrap: unset;
}
div.page.home_yotsuba .roomCheckList li {
width: 100%;
margin: 0 auto 30px;
}
div.page.home_yotsuba .roomCheckList li img {
width: 100%;
}
div.page.home_yotsuba .yotsubaGallery {
margin-bottom: 50px;
padding-top:  10px;
}
div.page.home_yotsuba .slickGallery {
width: 100%;
}
div.page.home_yotsuba .slickGallery .slick-slide {
margin: 0;
}
.slick-next {
right: 0;
}
.slick-prev {
left: 0;
z-index: 1;
}
div.page.home_yotsuba .sugoshikata .sugoIn {
padding: 20px;
margin-top: 20px;
border-top: 10px solid #45c0cf;
flex-direction: column;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoImg {
width: 100%;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart {
width: 100%;
margin-top: 30px;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart tr th {
width: 90px;
padding: 10px 0;
font-size: 16px;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart tr td h4 {
font-size: 15px;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart tr td {
padding: 10px;
}
div.page.home_yotsuba .sugoshikata .sugoIn .sugoChart tr td p {
margin-top: 5px;
line-height: 1.5;
}
div.page.home_yotsuba .floorMap,
div.page.home_yotsuba .accessMap,
div.page.home_yotsuba .access {
margin-top: 40px;
}
div.page.home_yotsuba .floorCamera img, div.page.home_yotsuba .floorCamera .busIcon {
position: absolute;
width: 30px;
top: 35px;
left: 0;
}
div.page.home_yotsuba .floorCamera {
position: relative;
font-size: 15px;
text-align: left;
padding-left: 35px;
}
div.page.home_yotsuba .floorMap .floorImg,
div.page.home_yotsuba .flow .flowStep,
div.page.home_yotsuba .outline .outlineChart {
padding: 10px 0;
}
div.page.home_yotsuba .floorMap .floorImg img {
width: 100%;
}
div.page.home_yotsuba .flow {
margin-top: 10px;
}
div.page.home_yotsuba .flow .stepList {
padding: 20px 0 0;
}
div.page.home_yotsuba .flow .stepList dt .stepNum {
font-size: 16px;
width: 80px;
border-radius: 7px 0 0 7px;
}
div.page.home_yotsuba .flow .stepList dt .stepNum span {
font-size: 20px;
margin: -3px 0 0 5px;
}
div.page.home_yotsuba .flow .stepList dt h4 {
font-size: 18px;
}
div.page.home_yotsuba .flow .stepList dd {
padding: 15px 0 40px;
}
div.page.home_yotsuba .flow .stepList dd i {
font-size: 26px;
}
div.page.home_yotsuba .flow .stepList:last-child dd {
padding-bottom: 0;
}
div.page.home_yotsuba .outline .outlineChart {
font-size: 14px;
line-height: 1.5;
}
div.page.home_yotsuba .outline .outlineChart tr th {
width: 115px;
}
div.page.home_yotsuba .outline .outlineChart tr td {
padding-left: 20px;
}
div.page.home_yotsuba .floorCamera .busIcon {
left: 5px;
}
div.page.home_yotsuba .access .accessCnt .text {
font-size: 14px;
margin: 40px 0 0;
}
div.page.home_yotsuba .access .accessCnt a {
width: 100%;
max-width: 400px;
font-size: 18px;
margin: 20px auto 15px;
padding: 20px 0;
}
}  .offer_bnr{
display: flex;
justify-content: center;
margin-top: 2em;
}
.offer_bnr > a + a{
margin-left: 3em;
}
@media (max-width:767px) {
.offer_bnr{
flex-flow: column;
align-items: center;
}
.offer_bnr > a + a{
margin-left: 0;
margin-top: 1em;
}
} .filetype-pdf.-ohama{
background-image: url(//kouranosato.com/wp-content/themes/fukuyokai/img/document-pdf.png);
background-repeat: no-repeat;
background-position: left;
}
.download-link.filetype-icon.-ohama{
position: relative;
padding-block: 1em;
margin-top: 1em;
}
#nyuukyo > .txt{
margin-bottom: 1.7em;
}