@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
@charset "utf-8";

  #post_contents img,
#post_contents .wp-caption,
#post_contents iframe,
#post_contents table {
max-width: 100%;
}
#post_contents img {
height: auto;
}
#post_contents iframe {
display: block;
margin-left: auto;
margin-right: auto;
} #post_contents .table_wrap {
overflow-x: auto;
}
#post_contents .table_wrap {
overflow-x: auto;
} @media screen and (min-width: 1081px) {
#header_contents, nav .menu, footer p, #page_contents { }
#item {
width: 720px;
margin-right: 25px;
float: left;
}
#sidebar {
width: 295px;
float: right;
margin-top: 25px;
}
}
@media screen and (min-width: 861px) and (max-width: 1080px) {
#header_contents, nav ul, footer p, #page_contents { }
#item { width: calc(100% - 315px);
margin-right: 20px;
float: left;
}
#sidebar {
width: 295px;
float: right;
margin-top: 20px; }
}
@media screen and (min-width: 521px) and (max-width: 860px) {
#header_contents, nav ul, footer p, #page_contents { }
#sidebar .banner li {
margin-bottom: 10pt !important;
margin-left: 5px;
margin-right: 5px;
}
#sidebar .banner {
width: 100%!important;
}
}
@media screen and (max-width: 520px) {
#header_contents, nav ul, footer p, #page_contents { }
.small_guide {
display: block !important;
}
#site-title img {
height: 72px !important;
width: 72px !important;
}
#site-title h1,
#site-title p {
display: none !important;
}  #sidebar .banner li {
margin-bottom: 10pt !important;
}
#sidebar .cat-item a,
#sidebar .menu-item a,
#sidebar .rdf a,
#sidebar .rss2 a,
#sidebar .atom a {
display: inline-block;
line-height: 1.35em;
margin-bottom: 10pt !important;
}
#item .article p span,
#post_info span {
display: inline-block;
margin-bottom: 7pt;
} #post_contents p {
font-size: 107%;
}
}
@media screen and (max-width: 420px) {
#post_contents img {
width: 100%;
height: auto;
margin-left: 0px !important;
margin-right: 0px !important;
}
} .main_navi_wide ul {
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.main_navi_wide li {
display: inline-block;
list-style-type: none;
font-size: 88%;
position: relative;
margin-right: 0px;
}
.main_navi_wide li:last-child {
margin-right: 0px;
}
.main_navi_wide li ul {
display: none;
position: absolute;
background-color: #888;
margin-top: -1px;
left: -75%;
border-radius: 3px; box-shadow: 0px 0px 9px rgba(0,0,0,0.20);
text-align: left;
z-index: 99;
}
.main_navi_wide li ul:before {
content: "";
position: absolute;
top: -10px;
left: 44px;
margin-left: -22px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 0px solid transparent;
border-bottom: 10px solid #888;
}
.main_navi_wide li li {
font-size: 100%;
width: 240px;
margin-right: 0px;
}
.main_navi_wide li:hover ul {
display: inline-block;
}
.main_navi_wide a {
display: block;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 7px;
padding-right: 7px;
}
.main_navi_wide a:link,
.main_navi_wide a:visited,
.main_navi_wide a:active {
text-decoration: none;
color: #000;
}
.main_navi_wide a:hover {
color: #E06C3F;
}
.main_navi_wide ul ul a {
display: block;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 20px;
color: #fff !important;
}
.main_navi_wide ul ul a:hover {
color: #E06C3F !important;
}
.main_navi_wide ul ul li:first-child a {
padding-top: 12px;
}
.main_navi_wide ul ul li:last-child a {
padding-bottom: 12px;
}
.main_navi_wide #naviopen,
.main_navi_wide #main_navi_bg {
display: none;
} .main_navi_narrow #naviopen {
display: block;
} .main_navi_narrow ul {
display: none;
}
#footer_navi_bg {
background-color: rgba(255,255,255,0.92);
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
#footer_navi_bg {
z-index: 100;
}
#footer_navi ul {
z-index: 101;
}
#footer_navi ul {
position: fixed;
list-style-type: none;
text-align: left;
top: 60px;
margin: 0px;
padding-left: 7%;
padding-right: 7%;
width: 86%;
}
#footer_navi ul ul {
display: block;
position: static;
}
#footer_navi_contents a {
background-color: #333;
color: #fff;
margin-bottom: 10px;
display: inline-block;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 12px;
padding-right: 12px;
border-radius: 3px;
}
#naviclose {
position: fixed;
top: 15px;
right: 15px;
z-index: 102;
}

body {
margin: 0px;
}
img {
border: 0px;
vertical-align: middle;
}
a:link,
a:visited,
a:active {
text-decoration: none;
color: #E70032;
}
a:hover {
color: #007C50;
} a:link,
a:active,
#sidebar .banner a span { -webkit-transition-property: color, background-color, background-image, border, opacity, padding-top, padding-bottom;
-webkit-transition-duration: 0.3s;
-webkit-transition-delay: 0s;
-webkit-transition-timing-function: linear; -moz-transition-property: color, background-color, background-image, border, opacity, padding-top, padding-bottom;
-moz-transition-duration: 0.3s;
-moz-transition-delay: 0s;
-moz-transition-timing-function: linear;
} body,
input,
textarea,
select,
header p { font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 400;
font-style: normal;
}
#news h2,
#event h2,
#event h3,
#topics h2,
#topics span,
#sns .info { font-family: "Zen Kaku Gothic New", sans-serif;
font-weight: 600;
font-style: normal;
}
#event h2,
#topics h2 {
text-shadow:
1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0 -1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF
;
} #past_post a,
#event h2::after,
#topics h2::after,
footer .footer_navi a {
background-color: rgba(0,0,0,0.08);
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/checkere_dark.png);
display: inline-block;
}
#event h3,
#sns .info {
background-color: rgba(255,255,255,0.55);
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/checkere_dark.png);
display: inline-block;
}  #news a:link,
#news a:visited,
#news a:active,
#past_post a:link,
#past_post a:visited,
#past_post a:active,
#event a:link,
#event a:visited,
#event a:active,
#topics a:link,
#topics a:visited,
#topics a:active {
color: #000;
font-weight: bold;
}
#news a:hover,
#past_post a:hover,
#event a:hover,
#topics a:hover {
color: #cb0056;
}  footer .footer_navi a:link,
footer .footer_navi a:visited,
footer .footer_navi a:active {
color: #fff;
}
footer .footer_navi a:hover {
color: #ffd318;
}  #main_navi_sub a:link,
#main_navi_sub a:visited,
#main_navi_sub a:active {
color: #333;
}
#main_navi_sub a:hover {
color: #ff8900;
} .fa {
margin-right: 7px;
}
   @media screen and (min-width: 821px) and (max-width: 1020px) {
} @media screen and (min-width: 601px) and (max-width: 820px) {
header h1 {
top: 32.5vh !important;
}
header h1 img {
opacity: 0.86;
width: 340px !important;
}
} @media screen and (max-width: 600px) {
header h1 {
top: 35.0vh !important;
}
header h1 img {
opacity: 0.96;
width: 325px !important;
}
}  @media screen and (min-width: 1021px) {
} @media screen and (min-width: 821px) and (max-width: 1020px) {
#sub_navi {
margin-top: -95px !important;
}
} @media screen and (min-width: 601px) and (max-width: 820px) {
#sub_navi {
margin-top: -75px !important;
}
} @media screen and (max-width: 600px) {
#sub_navi {
display: none;
}
#news {
width: 86% !important;
background-color: initial !important;
box-shadow: initial !important;
box-sizing: border-box;
border-radius: 5px;
padding-top: initial !important;
padding-bottom: initial !important;
padding-left: initial !important;
padding-right: initial !important;
margin-top: 35px !important;
margin-bottom: 25px !important;
}
#news h2 {
font-size: 120% !important;
color: #333 !important;
text-align: center !important;
}
#past_post {
margin-top: 25px !important;
}
#news li {
font-weight: 400 !important;
margin-bottom: 15px !important;
}
}  @media screen and (min-width: 1021px) {
#event_contents {
width: 88%;
max-width: 1080px;
}
} @media screen and (min-width: 821px) and (max-width: 1020px) {
#event_contents {
width: 94%;
}
} @media screen and (min-width: 601px) and (max-width: 820px) {
#event_contents {
width: 86%;
}
#event .event_a,
#event .event_b {
display: block !important;
width: 100% !important;
}
#event .event_a {
margin-left: 0% !important;
margin-right: 30% !important;
}
#event .event_b { margin-top: 2% !important;
margin-right: 0% !important;
}
#event .thumbnail {
width: 68%;
}
#event .event_a img {
clip-path: polygon(1% 1%, 1% 99%, 99% 99%, 99% 5%) !important;
}
#event .event_b img {
clip-path: polygon(5% 1%, 1% 99%, 99% 99%, 99% 1%) !important;
}
#event .event_a h3 {
margin-top: 38% !important;
margin-left: 14% !important;
margin-right: 20% !important;
}
#event .event_b h3 {
margin-top: 38% !important;
margin-left: 20% !important;
margin-right: 14% !important;
}
} @media screen and (max-width: 600px) {
#event {
padding-top: 75px !important;
padding-bottom: 75px !important;
margin-bottom: 0px !important;
background-position: center center !important;
}
#event .event_a,
#event .event_b {
width: 86% !important;
display: block !important;
margin-top: 5% !important;
margin-left: auto !important;
margin-right: auto !important;
}
#event .contents {
position: initial !important;
}
#event h3,
#event .thumbnail {
position: initial !important;
}
#event h3 {
width: 92% !important;
margin-top: initial !important;
margin-bottom: 15px !important;
margin-left: initial !important;
margin-right: initial !important;
}
#event h3 a {
padding-top: 15px !important;
padding-bottom: 12px !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
#event .event_a img {
clip-path: polygon(3% 1%, 1% 99%, 97% 99%, 99% 1%) !important;
}
#event .event_b img {
clip-path: polygon(1% 1%, 3% 99%, 99% 99%, 97% 1%) !important;
}
}  @media screen and (min-width: 1021px) {
#topics_contents {
width: 88%;
max-width: 1080px;
}
} @media screen and (min-width: 601px) and (max-width: 1020px) {
#topics_contents {
width: 80%;
}
#topics_contents div {
width: 38.0% !important;
margin-left: 2.5% !important;
margin-right: 2.5% !important;
}
#topics_contents .shop,
#topics_contents .map,
#topics_contents .v_tour,
#topics_contents .blog {
margin-top: 0px !important;
margin-bottom: 5% !important;
}
} @media screen and (max-width: 600px) {
#topics {
padding-top: 50px !important;
}
#topics_contents div {
display: block !important;
width: 65vw !important;
max-width: 250px;
min-width: 200px;
margin-top: 35px !important;
margin-left: auto !important;
margin-right: auto !important;
}
#topics_contents img { border: 5px solid #eadbcd !important;
}
#topics_contents span { }
}  @media screen and (min-width: 1021px) {
#sns_contents {
padding-top: 80px !important;
}
#sns .youtube,
#sns .facrbook {
width: 76%;
max-width: 1080px;
}
} @media screen and (min-width: 861px) and (max-width: 1020px) {
#sns .youtube,
#sns .facrbook {
width: 88%;
} #sns .youtube iframe {
width: 50vw;
height: calc( 50vw * (9 / 16) );
}
#sns .youtube .info {
margin-left: 48vw !important;
}
} @media screen and (min-width: 521px) and (max-width: 860px) {
#sns_contents {
padding-top: 120px;
padding-bottom: 100px !important;
}
#sns .youtube,
#sns .facrbook {
width: 90%;
}
#sns iframe,
#sns .info {
position: relative !important;
}
#sns .youtube iframe {
width: 80vw;
height: calc( 80vw * (9 / 16) );
}
#sns .youtube .info,
#sns .facrbook .info {
top: 0 !important; right: 0px;
margin-top: -50px !important;
margin-left: 10vw !important;
margin-right: 0 !important;
padding-top: 35px !important;
padding-left: 35px !important;
padding-right: 35px !important;
}
#sns .youtube {
padding-bottom: 50px !important;
}
} @media screen and (max-width: 520px) {
#sns { }
#sns_contents {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
#sns .youtube,
#sns .facrbook {
width: 90%;
}
#sns iframe,
#sns .info {
position: relative !important;
}
#sns .youtube iframe,
#sns .facrbook iframe {
width: 100%;
}
#sns .youtube iframe {
height: calc( 80vw * (9 / 16) );
}
#sns .youtube .info,
#sns .facrbook .info {
top: 0 !important; margin-top: -50px !important;
margin-left: 2vw !important;
margin-right: 2vw !important;
padding-top: 40px !important;
padding-bottom: 5px !important;
padding-left: 25px !important;
padding-right: 25px !important;
}
#sns .info h3 {
margin-bottom: 0.5em !important;
}
#sns .info p {
margin-top: 0.5em !important;
}
#sns .youtube {
padding-bottom: 50px !important;
}
}  @media screen and (max-width: 600px) {
footer {
padding-top: 175px;
padding-bottom: 35px !important;
}
footer .footer_contents {
width: 90% !important;
}
footer .logo,
footer .footer_navi,
footer .office_information,
footer .copyright {
text-align: center !important;
}
footer .footer_navi {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
footer .footer_navi li {
margin-left: 7px !important;
margin-right: 7px !important;
}
footer .office_information {
margin-top: 35px !important;
margin-bottom: 35px !important;
}
footer .copyright {
margin-top: 0px;
margin-bottom: 0px;
}
}  @media screen and (max-width: 600px) {
#navi {
display: none;
}
} .main_navi_narrow #naviopen {
display: block;
} .main_navi_narrow ul {
display: none;
}  @media screen and (min-width: 821px) and (max-width: 1020px) {
#post_contents {
margin-left: 7% !important;
margin-right: 7% !important;
}
} @media screen and (min-width: 601px) and (max-width: 820px) {
#post_contents {
margin-left: 5% !important;
margin-right: 5% !important;
}
} @media screen and (max-width: 600px) {
#post_contents {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
  header h1,
header ul {
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}
.navi_top #main_navi {
position: absolute;
top: 0px;
background: linear-gradient(rgba(0,0,0,0.28), rgba(0,0,0,0.06));
width: 100%;
z-index: 100;
}
#main_navi ul {
list-style-type: none;
padding-left: 0px !important;
margin-left: auto;
margin-right: auto;
}
.navi_top #main_navi ul {
width: 860px;
}
.navi_sub #main_navi ul { width: 860px;
margin-top: 25px;
}
#main_navi li {
display: inline-block;
text-align: center;
vertical-align: top;
padding-left: 0px !important;
margin-bottom: 0px !important;
}
.navi_top #main_navi li {
width: calc(860px / 7);
font-size: 86%;
}
.navi_sub #main_navi li { width: calc(860px / 7);
font-size: 86%;
}
#main_navi li a {
display: inline-block;
box-sizing: border-box;
height: calc(55px + 3.0em); background-position: center 1.2em;
background-repeat: no-repeat;
line-height: 1.15em;
opacity: 1.0;
}
#main_navi svg {
display: block;
width: 38px;
height: 38px;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;
text-align: center;
}
.navi_top #main_navi svg {
fill: #fff;
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.35));
opacity: 1.0;
}
#main_navi a span {
display: block;
font-size: 86%;
}
#main_navi .outline svg {
width: 30px;
height: 38px;
}
#main_navi .nature svg {
width: 30px;
height: 38px;
}
#main_navi .besttime svg {
width: 48px;
height: 38px;
}
#main_navi .gallery svg {
width: 30px;
height: 38px;
}
#main_navi .parkgolf svg {
width: 38px;
height: 38px;
}
#main_navi .camp svg {
width: 38px;
height: 38px;
}
#main_navi .access svg {
width: 38px;
height: 38px;
} .navi_top #main_navi a:link,
.navi_top #main_navi a:visited,
.navi_top #main_navi a:active {
color: #fff;
text-shadow: 0px 0px 3px rgba(0,0,0,0.65);
}
.navi_top #main_navi a:hover {
color: #ffe200;
opacity: 0.8;
}
.navi_top #main_navi a:hover svg {
fill: #eee;
filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.65));
opacity: 0.8;
} @media screen and (min-width: 601px) {
#groove_slide_display,
#groove_slide_display span,
#groove_slide_back {
height: 90vh !important;
}
}
@media screen and (max-width: 600px) {
#groove_slide_display,
#groove_slide_display span,
#groove_slide_back {
height: 80vh !important;
}
}
#groove_slide_display,
#groove_slide_display span,
#groove_slide_back {
z-index: 0; }
#groove_slide_display_sub {
height: 320px !important;
}
#groove_forward_contents,
#groove_backwards_contents {
z-index: 999 !important;
} header h1.top {
position: absolute;
display: block;
width: 100%;
top: 30.5vh;
text-align: center;
z-index: 100;
}
header h1.top img {
opacity: 0.92;
}
header h1.sub {
position: absolute;
display: block;
width: 100%;
top: 38px !important;
text-align: center;
z-index: 100;
}
header h1.sub img {
width: 340px;
opacity: 0.92;
} .navi_sub #main_navi svg {
fill: #333;
opacity: 0.86;
}
.navi_sub #main_navi a:hover svg {
fill: #111;
opacity: 1.0;
}
.navi_sub #main_navi .outline a {
margin-top: -28px;
}
.navi_sub #main_navi .nature a {
margin-top: -24px;
}
.navi_sub #main_navi .besttime a {
margin-top: -20px;
}
.navi_sub #main_navi .gallery a {
margin-top: -16px;
}
.navi_sub #main_navi .parkgolf a {
margin-top: -12px;
}
.navi_sub #main_navi .camp a {
margin-top: -8px;
}
.navi_sub #main_navi .cabin a {
margin-top: -4px;
}
.navi_sub #main_navi .access a {
margin-top: 0px;
} #sub_navi {
text-align: center;
margin-top: -125px;
position: relative;
z-index: 10;
}
#sub_navi span,
#sub_navi a {
display: inline-block;
width: 38px;
height: 38px;
background-color: #222;
overflow: hidden;
border-radius: 3px;
box-shadow: 0px 0px 3px rgba(255,255,255,0.25);
margin-left: 7px;
margin-right: 7px; background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
text-indent: 100%;
white-space: nowrap;
}
#sub_navi .search {
background-image: url(https://www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/icon_search.png);
}
#sub_navi .contact {
background-image: url(https://www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/icon_contact.png);
}
#sub_navi .sitemap {
background-image: url(https://www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/icon_sitemap.png);
}
#sub_navi .search_window {
display: block;
position: relative;
display: none;
}
#sub_navi .search_window form {
background-color: rgba(255,255,255,0.45);
display: block;
width: 100%;
text-align: center;
border-radius: 3px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
position: absolute;
top: -85px;
left: 0%;
}
#sub_navi .search_window input {
border-radius: 3px;
border: 0px;
outline: 3px solid #fff;
background-color: #333;
color: #fff;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 7px;
padding-right: 7px;
margin-left: 3px;
margin-right: 3px;
} #news {
background-color: rgba(255,255,255,0.88);
box-shadow: 0px 0px 5px rgba(0,0,0,0.18);
box-sizing: border-box;
border-radius: 5px;
padding-top: 30px;
padding-bottom: 50px;
padding-left: 50px;
padding-right: 50px;
width: 90%;
max-width: 680px;
position: relative;
z-index: 10;
margin-top: 15px; margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
#news {
margin-top: -70px; }
#news h2 {
font-size: 135%;
color: #222;
margin-top: 0px;
margin-bottom: 0px;
}
#news ul {
list-style-type: none;
padding-left: 0px;
margin-top: 15px;
margin-bottom: 0px;
}
#news li {
margin-bottom: 7px;
font-weight: 600;
}
#news .category a {
display: inline-block;
width: 8em;
vertical-align: middle;
background-color: #333;
color: #fff;
font-size: 78%;
text-align: center;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 0.5em;
padding-right: 0.5em;
border-radius: 2px;
margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom: 1px;
}
#news .category a.uncategorized {
background-color: #5c5c5c;
}
#news .category a.info {
background-color: #1a8d2b;
}
#news .category a.event {
background-color: #be1375;
}
#news .category a.parkgolf {
background-color: #0c50ac;
}
#news .category a.shop {
background-color: #117760;
}
#news .category a.stay {
background-color: #cb5600;
}
#past_post {
position: relative;
z-index: 11;
margin-top: -18px;
margin-bottom: 0px;
text-align: center;
}
#past_post a {
width: 10em;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 0;
padding-right: 0;
text-align: center;
font-size: 92%;
} #kitoushi_cycling {
text-align: center;
margin-top: 50px;
margin-bottom: 25;
}
#kitoushi_cycling img {
max-width: 100%;
height: auto;
} #event {
background-image: url(https://www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/section_bg_event.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%;
text-align: center;
padding-top: 100px; padding-bottom: 0;
}
#event_contents {
margin-left: auto;
margin-right: auto;
}
#event h2,
#topics h2 {
text-align: center;
font-size: 150%;
color: #333;
margin-top: 0px;
margin-bottom: 50px;
}
#event h2::after,
#topics h2::after {
display: block;
width: 240px;
height: 30px;
content: "";
position: relative;
margin-top: -20px;
margin-bottom: -20;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: -1;
}
#event .event_a,
#event .event_b {
width: 46%;
display: inline-block;
} #event .event_div {
height: 100%;
}
#event .event_a,
#event .event_b {
vertical-align: top;
}
#event .contents {
position: relative;
}
#event h3,
#event .thumbnail {
position: absolute;
}
#event .contents {
display: inline-block;
width: 94%;
margin-left: 3%;
margin-right: 3%;
}
#event h3 {
display: inline-block;
margin-top: 0px;
margin-bottom: 0px;
z-index: 11;
font-size: 115%;
text-align: left;
line-height: 1.35em;
}
#event h3 a {
display: inline-block;
padding-top: 15px;
padding-bottom: 11px;
padding-left: 25px;
padding-right: 35px;
}
#event .event_a {
margin-top: 0%;
}
#event .event_b {
margin-top: 15%;
}
#event .event_a h3 {
top: 0px;
left: 0px;
margin-top: 60%;
margin-left: -5%;
margin-right: 15%;
}
#event .event_a .thumbnail {
top: 0px;
left: 0px;
}
#event .event_b h3 {
top: 0px;
right: 0px;
margin-top: -10%;
margin-left: 15%;
margin-right: -5%;
}
#event .event_b .thumbnail {
top: 0px;
right: 0px;
}
#event .event_a img,
#event .event_b img {
width: 100%;
height: auto;
object-fit: cover;
z-index: 10;
}
#event .event_a img {
clip-path: polygon(1% 1%, 1% 99%, 99% 99%, 99% 5%);
}
#event .event_b img {
clip-path: polygon(1% 1%, 1% 95%, 99% 99%, 99% 1%);
} #topics {
background-image: url(https://www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/section_bg_footer_roop.jpg);
background-position: center center;
background-repeat: repeat; text-align: center;
padding-top: 125px;
padding-bottom: 125px;
transform: skewY(3deg);
}
#topics_contents {
transform: skewY(-3deg);
margin-left: auto;
margin-right: auto;
}
#topics_contents div {
display: inline-block;
width: 23.0%;
margin-left: 0.5%;
margin-right: 0.5%;
vertical-align: top;
}
#topics_contents img {
border-radius: 50%;
border: 7px solid #f1e9e2;
width: 100%;
box-sizing: border-box;
}
#topics_contents span {
display: block;
font-size: 110%;
line-height: 1.35em;
font-weight: bold;
margin-top: 15px;
}
#topics_contents .shop {
margin-top: 0px;
}
#topics_contents .v_tour {
margin-top: 20px;
}
#topics_contents .map {
margin-top: 40px;
}
#topics_contents .blog {
margin-top: 60px;
} #sns {
background-image: url(https://www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/section_bg_sns.jpg); background-position: center top;
background-repeat: no-repeat;
background-size: cover;
transform: skewY(3deg);
}
#sns_contents {
transform: skewY(-3deg);
padding-top: 120px;
padding-bottom: 620px;
}
#sns .youtube,
#sns .facrbook {
margin-left: auto;
margin-right: auto;
position: relative;
} #sns .info {
padding-top: 15px;
padding-bottom: 35px;
z-index: 10;
box-shadow: 0px 0px 3px rgba(0,0,0,0.18);
}
#sns iframe {
z-index: 11;
} #sns .info h3 {
color: #555;
font-size: 150%;
line-height: 1.35em;
font-weight: bold;
}
#sns .info p {
color: #222;
font-size: 115%;
line-height: 1.50em;
font-weight: bold;
}
#sns iframe,
#sns .info {
position: absolute;
} #sns .youtube {
padding-bottom: 380px;
} #sns .facrbook {
}
#sns .youtube iframe {
top: 0px;
left: 0px;
}
#sns .youtube .info {
top: 35px;
right: 0px;
margin-left: 520px;
padding-left: 50px;
padding-right: 35px;
} #sns .facrbook iframe {
top: 0px;
right: 0px;
}
#sns .facrbook .info {
top: 50px;
left: 0px;
margin-right: 480px;
padding-left: 35px;
padding-right: 50px;
} footer {
background-image: url(https://www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/section_bg_footer.png), url(https://www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/section_bg_footer_roop.jpg);
background-position: center bottom, center center;
background-repeat: no-repeat, repeat;  padding-top: 175px;
padding-bottom: 75px;
padding-left: 0px;
padding-right: 0px;
margin-top: -50px;
}
footer.sub {
background-image: url(https://www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/section_bg_footer_sub.png);
background-position: center bottom;
background-repeat: no-repeat;
margin-top: 50px;
padding-top: 200px;
padding-bottom: 75px;
}
footer aside {
text-align: center;
margin-top: 0px;
margin-bottom: 325px;
}
footer aside li {
display: inline-block;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 15px;
vertical-align: top;
}
footer .logo,
footer .footer_navi,
footer .office_information,
footer .copyright {
text-align: right;
}
footer ul {
list-style-type: none;
padding-left: 0px;
}
footer .logo {
margin-top: 0px;
margin-bottom: 0px;
}
footer .logo img {
margin-right: 10px;
}
footer .footer_contents {
width: 76%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
footer .footer_navi {
margin-top: 50px;
margin-bottom: 35px;
}
footer .footer_navi li {
display: inline-block;
margin-left: 15px;
} footer .footer_navi a {
padding-top: 10px;
padding-bottom: 9px;
padding-left: 75px;
padding-right: 75px;
}
footer .office_information {
font-size: 94%;
color: #eee;
line-height: 1.50em;
margin-top: 0px;
margin-bottom: 25px;
}
footer .copyright {
font-size: 80%;
color: #ccc;
letter-spacing : 0.1em;
margin-top: 0px;
margin-bottom: 0px;
margin-right: -0.3em;
}
#footer_navi_contents {
margin-top: 35px !important;
text-align: center !important;
}
#footer_navi_contents li {
margin-bottom: 15px !important;
margin-left: auto;
margin-right: auto;
text-align: center !important;
}
#footer_navi_contents li a {
width: 80%;
} #post {
transform: skewY(1.5deg);
background-color: #fff;
margin-top: -50px;
}
#post_contents {
max-width: 1080px;
padding-top: 50px;
padding-bottom: 75px;
margin-left: auto;
margin-right: auto;
transform: skewY(-1.5deg);
} #post_info {
font-size: 92%;
margin-top: 75px;
margin-bottom: 50px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 20px;
padding-right: 20px;
background-color: #eee;
}
#post_info a,
#post_info .date {
margin-right: 15px;
} #navi {  padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
position: fixed;
bottom: 45%; right: 10px;
z-index: 999;
}
#navi span {
cursor: pointer;
display: block;
text-align: right;
font-size: 86%;
font-weight: 900;
margin-top: 7px;
margin-bottom: 7px; text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
color: #111;
}
#navi .current {
color: #a0003e;
}
#navi span:hover {
color: #ffc400;
}
#navi .navi_up,
#navi .navi_down {
font-weight: 900;
}  #naviopen {
padding-top: 15px;
padding-bottom: 15px;
font-size: 92%;
line-height: 28px;
font-weight: normal;
cursor: pointer;
}
.navi_top #naviopen {
color: #fff;
text-align: left;
}
.navi_sub #naviopen {
color: #666;
text-align: center;
}
.hamburger {
position: relative;
display: inline-block;
width: 32px;
height: 28px;
margin-right: 0.7em;
box-sizing: border-box;
vertical-align: middle;
}
.navi_top .hamburger {
margin-left: 1.5em;
border-top: 3px solid rgba(255,255,255,0.85);
border-bottom: 3px solid rgba(255,255,255,0.85);
}
.navi_sub .hamburger {
border-top: 3px solid #666;
border-bottom: 3px solid #666;
}
.hamburger:before {
content: "";
position: absolute;
top: 9px;
left: 0px;
width: 100%;
}
.navi_top .hamburger:before {
border-top: 3px solid rgba(255,255,255,0.85);
}
.navi_sub .hamburger:before {
border-top: 3px solid #666;
}
#naviclose { }
#naviclose .icon {
position: relative;
display: inline-block;
width: 36px;
height: 36px;
overflow: hidden;
cursor: pointer;
}
#naviclose .icon:before,
#naviclose .icon:after {
content: '';
position: absolute;
width: 100%;
top: 50%;
left: 0;
background-color: #555;
height: 8px;
margin-top: -4px;
}
#naviclose .icon:before {
transform: rotate(45deg);
}
#naviclose .icon:after {
transform: rotate(-45deg);
}
#footer_navi,
#footer_navi_bg {
display: none;
}    #post .gallery {
text-align: center !important; width: 100%; overflow-y: inherit !important;
}
#post .gallery-item {
margin-top: 0 !important;
margin-bottom: 5px !important;
display: inline-block !important;
float: initial !important; width: initial !important;
margin-left: 2.5px;
margin-right: 2.5px;
}
#post .gallery-icon {
display: inline-block !important;
max-width: 160px;
width: 100%;
margin: 0px !important;
}
#post .gallery a {
box-sizing: border-box;
display: inline-block;
background-color: #e7e7e7;
padding: 5px;
max-width: 160px;
width: 100%;
height: auto;
}
#post .gallery a img { max-width: 150px;
width: 100%;
height: auto;
}
@media screen and (max-width: 568px) {
#post .gallery-item {
width: calc( 100% / 3 - 5px ) !important; }
} .foogallery {
margin-bottom: 5px;
} .custom_post_box {
padding-top: 10px;
padding-bottom: 25px;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box; background-color: #eee;
overflow-y: hidden;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
border-radius: 0px;
width: calc(50% - 10px);
display: inline-block;
vertical-align: top;
}
@media screen and (max-width: 780px) {
.custom_post_box {
width: calc(100% - 10px);
}
}
.custom_post_name {
margin-top: 5px !important;
margin-bottom: 8px !important;
font-weight: bold !important;
font-size: 120% !important; }
.cpi_migoro {
margin-bottom: 0 !important;
margin-left: 5px;
}
.custom_post_info {
padding-top: 20px;
padding-bottom: 25px;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
border: 1px solid #ddd;
overflow-y: hidden;
margin-left: 5px;
border-radius: 3px;
}
.custom_post_box .photo {
float: left;
margin-right: 20px;
margin-bottom: 7px;
}
.custom_post_box img {
width: 100px;
height: auto;
border: 5px solid #fff;
}
.custom_post_box .description p {
margin: 0px !important;
line-height: 1.45em !important;
}
.custom_post_box .point {
margin-top: 7px !important;
margin-bottom: 0px !important;
} #groove_forward_contents,
#groove_backwards_contents {
top: 70% !important;
}
#groove_backwards_contents {
left: 35px !important;
}
#groove_forward_contents {
right: 35px !important;
} .postid-9733 #post_info,
.postid-9733 #article_navi{
display: none;
}   #sidebar input[type="text"],
#sidebar input[type="submit"] {
width: 100%;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 12px;
padding-right: 12px;
border-radius: 3px;
}
#sidebar input[type="text"] {
border: 1px solid #ccc;
margin-bottom: 7px;
}
#sidebar input[type="submit"] {
cursor: pointer;
border: 0px;
background-color: #eee;
}
#sidebar .note {
font-size: 90%;
line-height: 125%;
padding-left: 5px;
padding-right: 5px;
margin-top: 0px;
text-align: center;
color: #C91A52;
} #item table {
width: 100%;
}
#item td,
#item th {
}
.table_wrap {
overflow-x: auto;
overflow-y: hidden;
} #article_navi {
font-size: 92%;
margin-top: 0px;
overflow: hidden;
}
#article_navi span {
width: 45%;
display: inline-block;
}
#article_navi .previous_article {
text-align: left;
}
#article_navi .next_article {
text-align: right;
float: right;
} #post_contents .wp-caption {
margin-bottom: 35px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
}
#post_contents .wp-caption .wp-caption {
}
#post_contents .wp-caption img {
margin: 0px !important;
}
#post_contents .wp-caption p,
#post_contents .wp-caption .wp-caption-dd {
font-size: 85%;
line-height: 125%;
color: #222;
padding: 0px;
margin: 0px;
}
#post_contents .wp-caption img {
margin: 0px !important;
}
#post_contents .wp-caption .wp-caption-text {
text-align: center;
padding-top: 5px;
}
#post_contents .alignnone {
margin-right: 15px;
}
#post_contents .alignleft,
#post_contents .alignright,
#post_contents .aligncenter {
margin-bottom: 25px;
}
#post_contents .alignleft {
float: left;
margin-right: 15px;
}
#post_contents .aligncenter {
display: block;
text-align: center;
margin-right: auto;
margin-left: auto;
}
#post_contents .alignright {
float: right;
margin-left: 15px;
}
#post_contents .gallery {
margin-bottom: 25px;
overflow-y: hidden;
}
#gallery-2 .gallery-item {
padding-left: 3px;
padding-right: 3px;
box-sizing: border-box;
}
#post_contents .wp-gallery-set {
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
text-align: center;
}
#post_contents .wp-gallery-set:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#post_contents .wp-gallery-set dl {
float: left;
padding: 0px;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 15px;
}
#post_contents .wp-gallery-set dt {
margin: 0px;
padding: 0px;
}
#post_contents .wp-gallery-set dd,
#post_contents .gallery dd {
font-size: 85%;
line-height: 130%;
color: #333;
text-align: center;
margin-top: 7px;
margin-left: 0px;
padding: 0px;
}
#post_contents .wp-gallery-set img,
#post_contents .gallery img {
margin: 0px;
border: 0px;
} #post_contents label {
font-size: 88%;
color: #444;
}
#post_contents input,
#post_contents textarea,
#post_contents select {
width: 100%;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 10px;
}
div.wpcf7-response-output {
font-size: 88%;
margin-top: 0px !important;
margin-bottom: 25px !important;
margin-left: 0px !important;
margin-right: 0px !important;
padding-top: 5px !important;
padding-bottom: 5px !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
.wpcf7 .acceptance-445 { display: inline-block !important;
margin-right: 10px;
}
.wpcf7 input[type=checkbox] {
width: 32px !important;
height: 32px !important;
display: inline-block !important;
vertical-align: middle;
} p.breadcrumbs { font-size: 75% !important;
line-height: 1.25em !important;
margin-top: 0px !important;
margin-bottom: 25px !important; padding-left: 3px;
padding-right: 3px; letter-spacing: 1px;
}
.header_partition {
margin-bottom: 50px;
height: 1px;
border-top-width: 0px;
border-bottom: 1px dotted rgba(0,0,0,0.20);
border-left-width: 0px;
border-right-width: 0px;
} .wp-pagenavi {
text-align: center;
}
.wp-pagenavi .pages {
font-size: 100%;
line-height: 3.6em;
display: block;
color: #666;
}
.wp-pagenavi a,
.wp-pagenavi .current {
display: inline-block;
font-size: 90%;
line-height: 3.4em;
width: 3.4em;
height: 3.4em;
background-color: #fafafa;
margin-left: 12px;
margin-right: 12px;
border: 1px solid #ccc;
}
.wp-pagenavi .current {
font-weight: bold;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current {
background-color: #fff;
border: 1px solid #666;
} .to_the_top {
text-align: center;
font-size: 70%;
position: fixed;
right: 10px;
bottom: 10px;
z-index: 10;
width: 45px;
}
.to_the_top a:link,
.to_the_top a:visited,
.to_the_top a:active {
padding: 5px;
display: block;
color: #fff;
background-color: rgba(0,0,0,0.35);
border-radius: 3px;
}
.to_the_top a:hover {
background-color: rgba(0,0,0,0.75);
} .not_found_image {
display: inline-block;
animation: hurueru .1s  infinite;
}
@keyframes hurueru {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
25% {transform: translate(2px, 2px) rotateZ(1deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
75% {transform: translate(2px, 0px) rotateZ(-1deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
} .birthday {
display: inline-block !important;
width: initial !important;
} .wpcf7-list-item {
white-space: nowrap;
}
.wpcf7-radio .wpcf7-list-item {
margin-left: 0px !important;
margin-right: 25px !important;
margin-bottom: 15px !important;
}
.wpcf7-list-item input[type="radio"] {
width: initial !important;
margin: 0px !important;
}
#pwam_admin_box {
color: #c3c4c7;
font-size: 82%; height: 34px;
line-height: 34px;
position: fixed;
top: 0; left: 0;
width: 100%;
z-index: 99999;
background: #1d2327;
}
#pwam_admin_box a {
display: inline-block;
color: #ddd;
padding-left: 9px;
padding-right: 9px;
}
#pwam_admin_box a:hover {
background: #292929;
color: #56A7EB;
}
.fa:before {
display: inline-block;
vertical-align: middle;
font-size: 128%;
color: #bbb;
margin-bottom: 2px;
}#post_contents h1,
#post_contents h2,
#post_contents h3,
#post_contents h4,
#post_contents h5,
#post_contents h6,
.editor-area h1,
.editor-area h2,
.editor-area h3,
.editor-area h4,
.editor-area h5,
.editor-area h6 {
font-family: "Zen Kaku Gothic New", sans-serif;
}
#post_contents h1,
#post_contents h2,
.editor-area h1,
.editor-area h2 {
color: #444;
font-size: 200%;
margin-top: 75px;
margin-bottom: 60px;
clear: both;
}
#post_contents h1,
.editor-area h1 {
position: relative;
font-size: 250%;
text-align: center;
margin-bottom: 195px;
}
#post_contents h1::after {
position: absolute;
content: " ";
width: 98px;
height: 98px;
border-radius: 50%;
background-color: #429b2d;
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/post_title_icon.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 55%;
bottom: -125px;
left: 0;
right: 0;
margin: auto;
}
#post_contents h2,
.editor-area h2 {
position: relative;
background-color: #f7faf5;
font-size: 175%;
line-height: 1.35em;
padding-top: 16px;
padding-bottom: 12px;
padding-left: 25px;
padding-right: 25px;
border-bottom: 2px solid #dde5d8;
}
#post_contents h3,
.editor-area h3 {
font-size: 150%;
color: #333; padding-top: 9px;
padding-bottom: 9px;
padding-left: 2.4em;
padding-right: 0px;
margin-top: 45px;
margin-bottom: 35px; }
#post_contents h3::before {
position: absolute;
left: 2px;
content: " ";
box-sizing: border-box;
width: 42px;
height: 42px;
border: 3px solid #c8d6c4;
margin-top: -2px;
border-radius: 50%;
background-color: #408123;
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/images/post_icon_nikukyu.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 68%;
}
#post_contents h4,
.editor-area h4 {
font-size: 135%;
color: #333;
padding-bottom: 5px;
border-bottom: 1px dashed #ddd;
margin-top: 35px;
margin-bottom: 30px;
}
#post_contents h5,
.editor-area h5,
#post_contents h6,
.editor-area h6 {
font-size: 125%;
color: #222;
}
#post_contents p,
.editor-area p,
#post_contents li,
.editor-area li,
#post_contents td,
.editor-area td {
font-size: 105%;
line-height: 1.65em;
font-weight: 500;
}
#post_contents p,
.editor-area p,
#post_contents ul,
.editor-area ul,
#post_contents table,
.editor-area table {
margin-top: 35px;
margin-bottom: 35px;
}
body.mceContentBody { }
.editor-area p,
.editor-area div {
box-sizing: border-box;
border: 1px dotted #ddd;
padding: 5px;
}
.editor-area h2,
.editor-area h3 {
clear: both;
margin-top: 35px;
}
#post_contents ul,
#post_contents ol,
.editor-area ul,
.editor-area ol {
padding-left: 30px;
margin-bottom: 35px;
}
#post_contents li,
.editor-area li {
padding-left: 8px;
margin-bottom: 5px;
}
#post_contents hr,
.editor-area hr {
border-top: 0px dashed #fff;
border-bottom: 1px dashed #aaa;
border-left: 0px dashed #fff;
border-right: 0px dashed #fff;
margin-top: 50px;
margin-bottom: 50px;
margin-left: 200px;
margin-right: 200px;
}
.play-icon {
font-size: 100%;
line-height: 200%;
background-color: rgba(255, 255, 255, 0.5);
display: block;
margin-bottom: 5px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #D8D2CB;
border-bottom-color: #D8D2CB;
padding: 10px;
width: 350px;
}
.title-big {
font-size: 150%;
line-height: 1.35em;
font-weight: bold;
color: #3B352F;
text-shadow: 1px 1px 0px #fff;
border-bottom: 1px dashed #aaa;
margin-top: 35px;
margin-bottom: 35px;
}
.title-medium {
font-size: 120%;
line-height: 19px;
font-weight: bold;
color: #333;
text-shadow: 1px 1px 0px #fff;
margin-top: 30px;
margin-bottom: 30px;
background-image: url(//www.kazokuryokoumura.jp/wp-content/themes/kitoushi2022-3y/css/teshio_image/title-arrow.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 27px;
padding-top: 4px;
}
.title-mini {
font-size: 100%;
line-height: 1.15em;
font-weight: bold;
color: #222;
text-shadow: 1px 1px 0px #fff;
border-left: 7px solid #888;
padding-left: 10px;
padding-top: 2px;
} .style_frame_gray,
.editor-area .style_frame_gray,
.style_frame_green,
.editor-area .style_frame_green,
.style_frame_yellow,
.editor-area .style_frame_yellow,
.style_frame_yellow,
.editor-area .style_frame_yellow,
.style_frame_orange,
.editor-area .style_frame_orange {
padding-top: 9px;
padding-bottom: 9px;
padding-left: 15px;
padding-right: 15px;
}
.style_frame_gray,
.editor-area .style_frame_gray {
background-color: #fcfcfc;
border: 1px dashed #eee;
}
.style_frame_green,
.editor-area .style_frame_green {
background-color: #F9FFF8;
border: 1px dashed #D4E9D2;
}
.style_frame_yellow,
.editor-area .style_frame_yellow {
background-color: #FFFEF8;
border: 1px dashed #E9E7D2;
}
.style_frame_orange,
.editor-area .style_frame_orange {
background-color: #FCF9F6;
border: 1px dashed #F7E8D8;
} .float_clear:after,
.editor-area .float_clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
} .style_table_simple {
width: 100%;
border-spacing: 1px;
background-color: #bbb;
border: 5px solid #eee;
margin-bottom: 35px;
}
.style_table_simple th,
.style_table_simple td {
padding-top: 6px;
padding-bottom: 5px;
padding-left: 12px;
padding-right: 12px;
}
.style_table_simple th {
background-color: #fafafa;
}
.style_table_simple td {
background-color: #fff;
}
.style_table_simple td p,
.style_table_simple td div,
.tablehide td p,
.tablehide td div {
margin-top: 0px !important;
margin-bottom: 0px !important;
} .green_paragraph {
padding-top: 14px;
padding-bottom: 12px;
padding-left: 25px;
padding-right: 25px;
background-color: #469d3e;
color: #fff;
border-radius: 3px;
}
.green_paragraph a {
color: #fff;
font-weight: bold;
}
.green_paragraph a:hover {
color: #ffe200;
} #post_contents iframe {
border: 5px solid #eee;
box-sizing: border-box;
}
#post_contents .guide_map {
border: 5px solid #d8e6d5;
width: 100%;
box-sizing: border-box;
} .in_time_image {
box-sizing: border-box;
width: 100%;
height: auto;
border: 5px solid #eee;
}