@charset "utf-8";
/*
Theme Name: NISHIJYOUSYU2026
Theme URI: 
Version: 2
Description: 西上州観光連盟
Author:　
Author URI: 
*/
/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
label {
    padding: 2px 6px 2px 2px;
    margin-bottom: 4px;
    display: block;
    cursor: pointer;
}
label:hover {
    opacity: 0.8
}
body {
    line-height: 1;
    margin: 0;
}
html {
    border: none;
}
ul {
    list-style: none;
    height: auto;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/
article, aside, footer, header, hgroup, nav, section {
    display: block;
}
embed, iframe, object {
    max-width: 100%;
}
aside {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: auto;
    height: auto;
}
aside img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
div.post .new-post .aligncenter, .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin-bottom: 10px;
}
.wp-caption.alignleft {
    margin: 0px 10px 10px 0px;
}
.wp-caption.alignright {
    margin: 0px 0px 10px 10px;
}
.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}
.alignright {
    float: right;
}
.alignleft {
    float: left
}
img.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
}
img.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
}
img.alignrightbottom {
    display: inline;
    float: right;
    margin-left: 15px;
    margin-bottom: 30px;
}
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

*::-moz-selection {
 background-color: rgba(0,0,0,0.1);
 color: #000;
}
*::selection {
    background-color: rgba(0,0,0,0.1);
    color: #000;
}
html {
    -webkit-font-smoothing: antialiased;
}
body {
    font-family : 'メイリオ', 'Kozuka Gothic Pro', 'Kozuka Gothic Std', '小塚ゴシック Pro R', '小塚ゴシック Std R', 'Hiragino Pro', 'ヒラギノ Pro W3', 'ＭＳ Ｐゴシック', 'Times', 'Times New Roman', serif;
    color: #333;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    color: #65bab3;
}
/*a:hover {
	text-decoration: none;
}*/
/*a img:hover {
	opacity: 0.8;
}*/
.clear {
    clear: both;
}
p {
    color: #403D3C;
    line-height: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.FontKM {
    font-family : 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3', 'ＭＳ Ｐ明朝', 'Times', 'Times New Roman', serif;
}
strong {
    font-weight: bold;
}
cite, em, i {
    font-style: italic;
}
pre, code {
    font-family: Courier New, monospace;
    margin-bottom: 10px;
}
ins {
    text-decoration: none;
}
sup, sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 0.8em;
}
sub {
    top: 0.3em;
}
dl {
    margin: 0 0 1.5em 0;
}
dl dt {
    font-weight: bold;
}
dd {
    margin-left: 1.5em;
}
blockquote {
    margin: 1.5em;
    padding: 1em;
    color: #666666;
    background: #e6e6e6;
    font-style: italic;
    border: 1px solid #dcdcdc;
}
blockquote p {
    padding-bottom: 0px;
}
input[type=text], input.text, input.title, textarea, select {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
}
input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    border-color: #2D3940;
    color: #3e3e3e;
}
input[type=text], input.text, input.title, textarea, select {
    margin: 0.5em 0;
}
textarea {
    padding: 4px;
}
img#about-image {
    float: left;
    margin: 3px 8px 8px 0px;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
*:first-child+html .clearfix {
    zoom: 1;
} /* IE7 */
/*------------------------------------------------*/
/*--------------------[STYLES]--------------------*/
/*------------------------------------------------*/
.wrap {
    width: 100%;
    min-height: auto;
    position: relative;
    border-top: 1px solid #E1DFDF;
}
/*--------------------[SLIDER]--------------------*/
#box {
    position: fixed;
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: -1;
    filter: blur(5px);
    filter: opacity(50%);
}
header {
    background-color: #fff;
    padding-bottom: 10px;
}
.slider {
    z-index: 1;
    position: relative;
    height: auto;
}
#slider {
    height: 900px;
    width: 100%;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    overflow: hidden !important;
  
}
#slider img {
    height: 900px;
    width:auto;
    padding: 0px;
    margin: 0 auto;
    object-fit: cover;
}
header .innner nav {
    width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}
header nav #groba li {
    width: auto;
    height: 30px;
    display: inline-table;
    padding-left: 10px;
    padding-right: 10px;
    position: relative
}
header #groba li a {
    color: #000000;
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 30px;
}
header #groba li a:before {
    color: #717071;
    font-size: 13px;
    content: '□';
    transition: 0.5s;
    margin-right: 10px;
}
header #groba li a:hover:before {
    color: #717071;
    font-size: 13px;
    content: '■';
}
header ul li .activ {
    color: #717071;
    font-size: 13px;
    content: '■';
}
.area ul li #takasaki {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #c50018;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #takasaki:hover {
    background-color: #c50018;
    color: #fff;
    bottom: 0;
}
.area ul li #fujioka {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #7d0f80;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #fujioka:hover {
    background-color: #7d0f80;
    color: #fff;
    bottom: 0;
}
.area ul li #tomioka {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #009fe6;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #tomioka:hover {
    background-color: #009fe6;
    color: #fff;
    bottom: 0;
}
.area ul li #annaka {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #232e84;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #annaka:hover {
    background-color: #232e84;
    color: #fff;
    bottom: 0;
}
.area ul li #kanna {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #2e683a;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #kanna:hover {
    background-color: #2e683a;
    color: #fff;
    bottom: 0;
}
.area ul li #shimonita {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #ff7800;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #shimonita:hover {
    background-color: #ff7800;
    color: #fff;
    bottom: 0;
}
.area ul li #kanra {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #e07c9a;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #kanra:hover {
    background-color: #e07c9a;
    color: #fff;
    bottom: 0;
}
.area ul li #shinto {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #5f3c13;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #shinto:hover {
    background-color: #5f3c13;
    color: #fff;
    bottom: 0;
}
.area ul li #ueno {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #51a199;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #ueno:hover {
    background-color: #51a199;
    color: #fff;
    bottom: 0;
}
.area ul li #nanmoku {
    line-height: 20px;
    color: #717071;
    display: block;
    font-size: 10px;
    bottom: -60px;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 40px;
    border-top: 10px solid #bd9f66;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.area ul li #nanmoku:hover {
    background-color: #bd9f66;
    color: #fff;
    bottom: 0;
}
/*--------------------[HEDER]--------------------*/

.area ul li {
    width: 9.8%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    margin-right: -6px;
    text-align: center
}
.cb-header {
    position: fixed;
    left: 0;
    top: -350px;
    z-index: 999999999999
}
.slide-down {
    animation-name: slideDown;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-delay: 0s;
    transform-origin: 50% 50% 0px;
    animation-duration: 0.5s;
    top: 0;
}
@keyframes slideDown {
 0% {
 top: -350px;
}
 100% {
 top: 0px;
}
}
.slide-up {
    animation-name: slideUp;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-delay: 0s;
    transform-origin: 50% 50% 0px;
    animation-duration: 0.5s;
    top: -350px;
}
@keyframes slideUp {
 0% {
 top: 0px;
}
 100% {
 top: -350px;
}
}
.inner header .logo {
    width: 320px;
    height: 50px;
    margin-top: 20px;
}
.nav header .innner .logo {
    width: 320px;
    height: 50px;
    margin-bottom: 30px;
    margin-top: 10px;
}
.inner header .logo a img, .nav header .innner .logo a img {
    width: 100%;
    height: auto;
    transition: 0.7s
}
.inner header .logo a img:hover, .nav header .innner .logo a img:hover, .panf .DL:hover, .innner .logo a:hover, .full-area header span a:hover, .contantwrap .full-area article ul li a img:hover, .full-area article ul li .cat_area.takasaki:hover, .full-area article ul li .cat_area.fujioka:hover, .full-area article ul li .cat_area.tomioka:hover, .full-area article ul li .cat_area.annaka:hover, .full-area article ul li .cat_area.kanna:hover, .full-area article ul li .cat_area.shimonita:hover, .full-area article ul li .cat_area.kanra:hover, .full-area article ul li .cat_area.shinto:hover, .full-area article ul li .cat_area.ueno :hover, .full-area article ul li .cat_area.nanmoku :hover, .left-area header span a:hover, .contantwrap .left-area article ul li a img:hover, .left-area article ul li .cat_area.takasaki:hover, .left-area article ul li .cat_area.fujioka:hover, .left-area article ul li .cat_area.tomioka:hover, .left-area article ul li .cat_area.annaka:hover, .left-area article ul li .cat_area.kanna:hover, .left-area article ul li .cat_area.shimonita:hover, .left-area article ul li .cat_area.kanra:hover, .left-area article ul li .cat_area.shinto:hover, .left-area article ul li .cat_area.ueno :hover, .left-area article ul li .cat_area.nanmoku :hover, .cat_enent_area a:hover, .bunner ul li a:hover, .tooterinner .left a img:hover, table caption .left a:hover, table caption .right a:hover, .gud tr td a:hover, .sta tr td a:hover {
    opacity: 0.7
}
.innner {
    position: relative;
    height: auto;
    display: block;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.Md_space {
    display: block;
    margin-top: 0%;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 99999999999;
    background-image: url(images/bg/slider_filter.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
/*--------------------[CONTENTS]--------------------*/
.innner .area ul {
    display: block;
}
header .innner .logo {
    width: 160px;
    height: auto;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
.logo a img {
    width: 100%;
    height: auto;
}
.innner .logo a {
    transition: 0.7s;
}
.wrap .filter {
    width: 100%;
    height: 100%;
    background-image: url(images/bg/slider_filter.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: 100% 100%;
    background-size: 50% auto;
}
/*-------------------[CONTENTS]----------------------*/
.contantwrap {
    width: 1200px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 80px;
    padding-left: 0px;
    margin-top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    margin-bottom: -40px;
}
/*-----full------*/
section .contantwrap .full-area {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}
.contantwrap .full-area header {
    display: block;
    position: relative;
    border-bottom: 1px solid #717071;
}
.contantwrap .full-area article {
    display: block;
}
.contantwrap .full-area article ul li a h3 {
    font-size: 14px;
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    text-align: left
}
/*-----coloe-----*/
.full-area article ul li .cat_area.takasaki {
    background-color: #C50018;
    border-radius: 180px;
}
.full-area article ul li .cat_area.fujioka {
    background-color: #7D0F80;
    border-radius: 180px;
}
.full-area article ul li .cat_area.tomioka {
    background-color: #009FE6;
    border-radius: 180px;
}
.full-area article ul li .cat_area.annaka {
    background-color: #232E84;
    border-radius: 180px;
}
.full-area article ul li .cat_area.kanna {
    background-color: #2E683A;
    border-radius: 180px;
}
.full-area article ul li .cat_area.shimonita {
    background-color: #FF7800;
    border-radius: 180px;
}
.full-area article ul li .cat_area.kanra {
    background-color: #E07C9A;
    border-radius: 180px;
}
.full-area article ul li .cat_area.shinto {
    background-color: #5F3C13;
    border-radius: 180px;
}
.full-area article ul li .cat_area.ueno {
    background-color: #51A199;
    border-radius: 180px;
}
.full-area article ul li .cat_area.nanmoku {
    background-color: #BD9F66;
    border-radius: 180px;
}
/*------color END -----------*/


.full-area article ul, .full-area .top_areas ul {
    display: block;
    margin-top: 20px;
    margin-bottom: 40px;
}
.full-area .top_nav {
    color: #000000;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    margin-top: 20px;
    width: 50%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}
.full-area .top_nav span {
    color: #000000;
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 2px;
    margin-top: 0px;
    width: auto;
    height: auto;
    display: block;
    vertical-align: top;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.full-area header h2 {
    color: #000000;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    margin-top: 0px;
    width: auto;
    height: auto;
    display: block;
    vertical-align: top;
    margin-bottom: 0px;
}
.full-area header h2:before {
    content: '';
    border-top: 5px solid #555;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.full-area header h2:after {
    content: '';
    top: 0px;
}
.search_link {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    position: relative;
    height: 80px
}
.search_link ul {
   display: block;
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0
}
.search_link ul.ex {
    display: block;
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0
}
.search_link ul li {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #717071;
}
.search_link ul li:last-child {
    border-right: 0px;
}
.search_link ul li:nth-child(3) {
    border-right: 0px;
}
.search_link ul li a, .search_link ul li {
    color: #717071;
    font-size: 12px;
    text-align: right
}
/*-----left--------*/

section .contantwrap .left-area {
    width: 865px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}
/*section .contantwrap .left-area > * + * {
	margin: 0 0 0 8px;
}*/
.contantwrap .left-area header {
    display: block;
    position: relative
}
.contantwrap .left-area article {
    display: block;
}
.contantwrap .left-area article ul li {
    margin-top: 0;
    margin-right: 8px;
    margin-left: 0px;
    margin-bottom: 0;
    width: 32%;
    height: 275px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #717071;
    position: relative
}
.contantwrap .left-area .top_areas ul li {
    margin-top: 0;
    margin-right: 8px;
    margin-left: 0px;
    margin-bottom: 0;
    width: 49%;
    height: 180px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #717071;
    position: relative
}
.contantwrap .left-area article ul li:last-child, .contantwrap .left-area .top_areas ul li:last-child, .fullpage-area ul li:last-child {
    margin: 0 0 0 0px;
}
.contantwrap .left-area .top_area:nth-child(even), .fullpage-area .top_area:nth-child(even) {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0px;
    margin-bottom: 10px;
}
.contantwrap .left-area article ul li a img, .contantwrap .left-area .top_areas ul li a img, .fullpage-area .top_areas ul li a img {
    width: 100%;
    height: auto;
    display: block;
    transition: 0.7s
}
.contantwrap .left-area article ul li a h3, .fullpage-area article ul li a h3 {
    font-size: 14px;
    display: block;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    text-align: left
}
.left-area article ul li .cat_area, .fullpage-area article ul li .cat_area {
    width: 40%;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    bottom: 15px;
    left: 15px;
    transition: 0.7s
}
.fullpage-area article.ex ul li .cat_area {
    width: 40%;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 250px;
    left: 15px;
    transition: 0.7s
}
/*-----coloe-----*/
.left-area article ul li .cat_area.takasaki, .fullpage-area article ul li .cat_area.takasaki {
    background-color: #C50018;
    border-radius: 180px;
}
.left-area article ul li .cat_area.fujioka, .fullpage-area article ul li .cat_area.fujioka {
    background-color: #7D0F80;
    border-radius: 180px;
}
.left-area article ul li .cat_area.tomioka, .fullpage-area article ul li .cat_area.tomioka {
    background-color: #009FE6;
    border-radius: 180px;
}
.left-area article ul li .cat_area.annaka, .fullpage-area article ul li .cat_area.annaka {
    background-color: #232E84;
    border-radius: 180px;
}
.left-area article ul li .cat_area.kanna, .fullpage-area article ul li .cat_area.kanna {
    background-color: #2E683A;
    border-radius: 180px;
}
.left-area article ul li .cat_area.shimonita, .fullpage-area article ul li .cat_area.shimonita {
    background-color: #FF7800;
    border-radius: 180px;
}
.left-area article ul li .cat_area.kanra, .fullpage-area article ul li .cat_area.kanra {
    background-color: #E07C9A;
    border-radius: 180px;
}
.left-area article ul li .cat_area.shinto, .fullpage-area article ul li .cat_area.shinto {
    background-color: #5F3C13;
    border-radius: 180px;
}
.left-area article ul li .cat_area.ueno, .fullpage-area article ul li .cat_area.ueno {
    background-color: #51A199;
    border-radius: 180px;
}
.left-area article ul li .cat_area.nanmoku, .fullpage-area article ul li .cat_area.nanmoku {
    background-color: #BD9F66;
    border-radius: 180px;
}
/*------color END -----------*/


.left-area article ul li .cat_area a, .fullpage-area article ul li .cat_area a {
    display: block;
    text-align: center;
    color: #fff;
    line-height: 26px;
    font-size: 12px;
    letter-spacing: 2px;
    transition: 0.5s
}
.left-area article ul li time, .fullpage-area article ul li time {
    width: 52%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #717071;
    position: absolute;
    bottom: 20px;
    right: 15px;
    text-align: right
}
.contantwrap .left-area article ul li a h3:before, .fullpage-area article ul li a h3:before {
    position: absolute;
    top: 1.3em;
    left: 0;
    content: "";
    display: inline-block;
    width: 0;
    height: 2px;
    background: #E6E6E6;
    transition: 0.5s;
}
/*----------------------新着一覧-----------------------------*/
.fullpage-area {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: top;
}
.fullpage-area article {
    display: block;
}
.fullpage-area article ul li {
    margin-top: 0;
    margin-right: 8px;
    margin-left: 0px;
    margin-bottom: 14px;
    width: 24.1%;
    height: 275px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #717071;
    position: relative
}
.fullpage-area article.ex ul li {
    margin-top: 0;
    margin-right: 8px;
    margin-left: 0px;
    margin-bottom: 14px;
    width: 24.1%;
    height: 430px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #717071;
    position: relative
}
.fullpage-area article ul li:nth-child(4n), .fullpage-area article.ex ul li:nth-child(4n) {
    margin-right: 0px;
}
/*.contantwrap .left-area article ul li a h3:hover:before {
	width: 100%;
}*/
.left-area article ul, .left-area .top_areas ul {
    display: block;
    margin-top: 20px;
    margin-bottom: 40px;
}
.left-area header h2, .left-area .area_news h2 {
    color: #000000;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 2px;
    margin-top: 20px;
    width: 83%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}
.left-area header span {
    letter-spacing: 2px;
    margin-left: 20px;
    width: 13%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px
}
.left-area header span a {
    color: #000;
    font-size: 12px;
    display: block;
    background: url(images/icon/more.png);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: right center;
    line-height: 30px;
    transition: 0.5s
}
.left-area header h2:before {
    content: '';
    border-top: 5px solid #555;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.left-area header h2:after {
    content: 'NEWS';
    position: absolute;
    font-size: 10px;
    top: 45px;
    left: 0;
    bottom: 0;
    font-weight: normal
}
.left-area .area_news h2:before {
    content: '';
    border-top: 5px solid #555;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.left-area .area_news h2:after {
    content: 'AREA INFORMATION';
    position: absolute;
    font-size: 10px;
    top: 45px;
    left: 0;
    bottom: 0;
    font-weight: normal
}
/*---------エリア情報--------*/


.top_area .link {
    position: absolute;
    left: 15px;
    bottom: 15px;
    display: block;
    width: 100%;
    height: auto
}
.top_area .link a {
    color: #000;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    background: url(images/icon/link_03.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 15px auto;
    padding-right: 20px;
    width: auto;
    height: auto;
    line-height: 25px;
}
.top_area .link a:first-child {
    margin-right: 20px;
}
.innner nav #groba {
    display: block;
    padding-left: 20px;
    position: relative
}
.top_area a h3 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;
    display: block;
    padding-top: 20px;
}
.top_area a span {
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 2px;
    color: #000;
    display: block;
    margin-left: 20px;
    margin-top: -10px;
}
.top_areas ul .top_area {
    position: relative;
    display: block;
}
.cat_enent_area {
    display: block;
    width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative
}
/*----見出し---*/

.top_area.takasaki a h3:after, .top_area.alltakasaki a h3:after {
    content: '';
    border-top: 5px solid #C50018;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
.top_area.fujioka a h3:after, .top_area.allfujioka a h3:after {
    content: '';
    border-top: 5px solid #7d0f80;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
.top_area.tomioka a h3:after, .top_area.alltomioka a h3:after {
    content: '';
    border-top: 5px solid #009fe6;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
.top_area.annaka a h3:after, .top_area.allannaka a h3:after {
    content: '';
    border-top: 5px solid #232e84;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
.top_area.kanra a h3:after, .top_area.allkanra a h3:after {
    content: '';
    border-top: 5px solid #e07c9a;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
.top_area.shimonita a h3:after, .top_area.allshimonita a h3:after, .top_area.shimonitaall a h3:after {
    content: '';
    border-top: 5px solid #ff7800;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
.top_area.kanna a h3:after, .top_area.allkanna a h3:after {
    content: '';
    border-top: 5px solid #2e683a;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
.top_area.shinto a h3:after, .top_area.allshinto a h3:after {
    content: '';
    border-top: 5px solid #5f3c13;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
.top_area.ueno a h3:after, .top_area.allueno a h3:after, .top_area.uenoall a h3:after {
    content: '';
    border-top: 5px solid #51a199;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
.top_area.nanmoku a h3:after, .top_area.allnanmoku a h3:after {
    content: '';
    border-top: 5px solid #bd9f66;
    width: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
}
/*-------エリア情報横長ボタン--------*/

.cat_enent_area a {
    display: block;
    text-align: center;
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    background-image: url(images/icon/bottnmark_03.png);
    background-repeat: no-repeat;
    background-position: 1px 1px;
    background-size: 8px auto;
    transition: 0.5s
}
.cat_enent_area.takasaki a, .cat_enent_area.alltakasaki a {
    background-color: #C50018;
}
.cat_enent_area.fujioka a, .cat_enent_area.allfujioka a {
    background-color: #7d0f80;
}
.cat_enent_area.tomioka a, .cat_enent_area.alltomioka a {
    background-color: #009fe6;
}
.cat_enent_area.annaka a, .cat_enent_area.allannaka a {
    background-color: #232e84;
}
.cat_enent_area.kanra a, .cat_enent_area.allkanra a {
    background-color: #e07c9a;
}
.cat_enent_area.shimonita a, .cat_enent_area.allshimonita a, .cat_enent_area.shimonitaall a {
    background-color: #ff7800;
}
.cat_enent_area.kanna a, .cat_enent_area.allkanna a {
    background-color: #2e683a;
}
.cat_enent_area.shinto a, .cat_enent_area.allshinto a {
    background-color: #5f3c13;
}
.cat_enent_area.ueno a, .cat_enent_area.allueno a, .cat_enent_area.uenoall a {
    background-color: #51a199;
}
.cat_enent_area.nanmoku a, .cat_enent_area.allnanmoku a {
    background-color: #bd9f66;
}
/*-------エリア情報マップ背景--------*/
.top_areas ul .top_area.takasaki, .top_areas ul .top_area.alltakasaki {
    background-image: url(images/bg/takasakishi.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 55% auto;
}
.top_areas ul .top_area.fujioka, .top_areas ul .top_area.allfujioka {
    background-image: url(images/bg/fijiokashi.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 30% auto;
}
.top_areas ul .top_area.tomioka, .top_areas ul .top_area.alltomioka {
    background-image: url(images/bg/tomiokashi.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 25% auto;
}
.top_areas ul .top_area.annaka, .top_areas ul .top_area.allannaka {
    background-image: url(images/bg/annakashi.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 35% auto;
}
.top_areas ul .top_area.kanna, .top_areas ul .top_area.allkanna {
    background-image: url(images/bg/kannamatsu.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 25% auto;
}
.top_areas ul .top_area.shimonita, .top_areas ul .top_area.allshimonita, .top_areas ul .top_area.shimonitaall {
    background-image: url(images/bg/shimonitamashi.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 30% auto;
}
.top_areas ul .top_area.kanra, .top_areas ul .top_area.allkanra {
    background-image: url(images/bg/kanramachi.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 15% auto;
}
.top_areas ul .top_area.shinto, .top_areas ul .top_area.allshinto {
    background-image: url(images/bg/shintoumura.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 15% auto;
}
.top_areas ul .top_area.ueno, .top_areas ul .top_area.allueno, .top_areas ul .top_area.uenoall {
    background-image: url(images/bg/uenomura.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 20% auto;
}
.top_areas ul .top_area.nanmoku, .top_areas ul .top_area.allnanmoku {
    background-image: url(images/bg/nanmokumura.png);
    background-repeat: no-repeat;
    background-position: 95% 10px;
    background-size: 25% auto;
}
/*---------/エリア情報--------*/


/*--------right--------*/
section .contantwrap .right-area {
    width: 275px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    padding-top: 30px;
    padding-bottom: 20px;
}
.right-area aside .fb-page {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
}
.right-area aside .g_calenter {
    display: block;
    margin-bottom: 30px;
}
.right-area aside .bunner {
    display: block;
}
.bunner ul li {
    display: block;
    margin-bottom: 20px;
}
.bunner ul li a {
    transition: 0.5s
}
.right-area header form {
    display: block;
}
header form input[type=search] {
    width: 85%;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #717071;
    padding: 10px;
    font-size: 12px;
    height: 35px;
}
header form input[type=submit] {
    width: 13%;
    display: inline-block;
    vertical-align: top;
    background-color: #717071 !important;
    background: url(images/icon/surch_03.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% auto;
    height: 35px;
    text-indent: -99999;
}
body footer {
    display: block;
    background-color: #717071;
    padding-top: 40px;
    padding-bottom: 20px;
    position: relative;
}
#pagetop {
    width: 80px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -2px;
    z-index: 999;
    position: relative
}
#pagetop a img {
    width: 100%;
    height: auto;
}
.tooterinner {
    width: 600px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.tooterinner .left {
    width: 35%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: 40px;
    margin-right: 30px;
}
.tooterinner .left a img {
    width: 90%;
    height: auto;
    transition: 0.5s
}
.tooterinner .right {
    width: 58%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: 40px;
    position: relative;
    color: #fff
}
.tooterinner .right h4:before {
    content: '';
    border-top: 5px solid #fff;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.tooterinner .right h4:after {
    content: 'CONTACT US';
    position: absolute;
    font-size: 10px;
    top: 35px;
    left: 0;
    bottom: 0;
    font-weight: normal
}
.tooterinner .right h4 {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    letter-spacing: 2px;
    margin-top: 15px;
}
.tooterinner nav {
    width: 50%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 30px;
}
.tooterinner nav ul li {
    width: 49%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #fff;
}
.tooterinner nav ul li:last-child {
    border-right: 0px;
}
.tooterinner nav ul li a {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 13px;
}
.tooterinner small {
    display: block;
    text-align: center;
    color: #FFFFFF;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;
}
.tooterinner .right .adds {
    display: block;
    margin-top: 30px;
    color: #FFFFFF;
    letter-spacing: 2px;
}
.tooterinner .right .adds span {
    font-size: 16px;
}
.tooterinner .right .adds p {
    font-size: 13px;
    line-height: 25px;
    color: #fff;
}
#pageswrap .logo {
    width: 200px;
    height: auto;
    display: inline-block;
    vertical-align: top
}
#pageswrap #mainheader .innner nav {
    width: 82%;
    height: auto;
    display: inline-block;
    vertical-align: top
}
#pageswrap #mainheader .innner nav ul li {
    padding-right: 0px;
}
article .post .titlepic {
    width: 100%;
    height: auto;
    margin-top: 0px;
}
.post .titlepic .left {
    width: 48.5%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}
.post .titlepic .right {
    margin-left: 18px;
    width: 49%;
    height: auto;
    display: inline-block;
    vertical-align: top
}
.post .titlepic .right img {
    width: 100%;
    height: auto;
}
.post .titlepic .left img {
    width: 40%;
    height: auto;
    position: absolute;
    right: 0;
    top: 0
}
.titlepic .left .title {
    display: block;
    margin-top: 30px;
    position: relative;
    height: 300px;
}
.titlepic .shingle .title {
    display: block;
    margin-top: 30px;
    position: relative;
    height: auto;
}
.titlepic .left .areagide {
    display: block;
}
.postvontents h4 {
    display: block;
    line-height: 30px;
    font-size: 14px;
    margin-top: 30px;
}
.titlepic .left .areagide.takasaki p, .titlepic .left .areagide.fujioka p, .titlepic p, .postvontents p {
    font-size: 14px;
    line-height: 25px;
}
/*-------ページカラー設定----------*/

.shinto-city, .allshinto-city {
    background-color: #5F3C13;
}
.takasaki-city, .alltakasaki-city {
    background-color: #C50018;
}
.fujioka-city, .allfujioka-city {
    background-color: #7D0F80;
}
.tomioka-city, .alltomioka-city {
    background-color: #009FE6
}
.annaka-city, .allannaka-city {
    background-color: #232E84;
}
.kanna-city, .allkanna-city {
    background-color: #2E683A;
}
.shimonita-city, .allshimonita-city, .shimonitaall-city {
    background-color: #FF7800;
}
.kanra-city, .allkanra-city {
    background-color: #E07C9A;
}
.ueno-city, .allueno-city, .uenoall-city {
    background-color: #51A199;
}
.nanmoku-city, .allnanmoku-city {
    background-color: #BD9F66;
}
.titlepic .left .areagide.alltakasaki h4, .titlepic.takasaki h4 {
    display: block;
    border-bottom: 1px solid #C50018;
    line-height: 30px;
    font-size: 14px
}
.titlepic .left .areagide.allfujioka h4, .titlepic.fujioka h4 {
    display: block;
    border-bottom: 1px solid #7D0F80;
    line-height: 30px;
    font-size: 14px
}
.titlepic .left .areagide.alltomioka h4, .titlepic.tomioka h4 {
    display: block;
    border-bottom: 1px solid #009FE6;
    line-height: 30px;
    font-size: 14px
}
.titlepic .left .areagide.allannaka h4, .titlepic.annaka h4 {
    display: block;
    border-bottom: 1px solid #232E84;
    line-height: 30px;
    font-size: 14px
}
.titlepic .left .areagide.allkanna h4, .titlepic.kanna h4 {
    display: block;
    border-bottom: 1px solid #2E683A;
    line-height: 30px;
    font-size: 14px
}
.titlepic .left .areagide.shimonitaall h4, .titlepic.shimonita h4, .titlepic.shimonitaall h4 {
    display: block;
    border-bottom: 1px solid #FF7800;
    line-height: 30px;
    font-size: 14px
}
.titlepic .left .areagide.allkanra h4, .titlepic.kanra h4 {
    display: block;
    border-bottom: 1px solid #E07C9A;
    line-height: 30px;
    font-size: 14px
}
.titlepic .left .areagide.allshinto h4, .titlepic.shinto h4 {
    display: block;
    border-bottom: 1px solid #5F3C13;
    line-height: 30px;
    font-size: 14px
}
.titlepic .left .areagide.allueno h4, .titlepic.ueno h4, .titlepic .left .areagide.uenoall h4 {
    display: block;
    border-bottom: 1px solid #51A199;
    line-height: 30px;
    font-size: 14px
}
.titlepic .left .areagide.allnanmoku h4, .titlepic.nanmoku h4 {
    display: block;
    border-bottom: 1px solid #BD9F66;
    line-height: 30px;
    font-size: 14px
}
.postvontents.allshinto h4 {
    border-bottom: 1px solid #5F3C13;
}
.postvontents.alltakasaki h4 {
    border-bottom: 1px solid #C50018;
}
.postvontents.allfujioka h4 {
    border-bottom: 1px solid #7D0F80;
}
.postvontents.alltomioka h4 {
    border-bottom: 1px solid #009FE6
}
.postvontents.allannaka h4 {
    border-bottom: 1px solid #232E84;
}
.postvontents.allkanna h4 {
    border-bottom: 1px solid #2E683A;
}
.postvontents.allshimonita h4, .postvontents.shimonitaall h4 {
    border-bottom: 1px solid #FF7800;
}
.postvontents.allkanra h4 {
    border-bottom: 1px solid #E07C9A;
}
.postvontents.allueno h4, .postvontents.uenoall h4 {
    border-bottom: 1px solid #51A199;
}
.postvontents.allnanmoku h4 {
    border-bottom: 1px solid #BD9F66;
}
.titlepic .left .title.allnanmoku h3:before, .titlepic .shingle .title.nanmoku h3:before {
    content: '';
    border-top: 5px solid #BD9F66;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.titlepic .left .title.allueno h3:before, .titlepic .shingle .title.ueno h3:before, .titlepic .left .title.uenoall h3:before {
    content: '';
    border-top: 5px solid #51A199;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.titlepic .left .title.allshinto h3:before, .titlepic .shingle .title.shinto h3:before {
    content: '';
    border-top: 5px solid #5F3C13;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.titlepic .left .title.allkanra h3:before, .titlepic .shingle .title.kanra h3:before {
    content: '';
    border-top: 5px solid #E07C9A;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.titlepic .left .title.allshimonita h3:before, .titlepic .shingle .title.shimonita h3:before, .titlepic .shingle .title.shimonitaall h3:before, .titlepic .left .title.shimonitaall h3:before {
    content: '';
    border-top: 5px solid #FF7800;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.titlepic .left .title.alltakasaki h3:before, .shingle .title.takasaki h3:before {
    content: '';
    border-top: 5px solid #C50018;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.titlepic .left .title.allfujioka h3:before, .titlepic .shingle .title.fujioka h3:before {
    content: '';
    border-top: 5px solid #7D0F80;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.titlepic .left .title.alltomioka h3:before, .titlepic .shingle .title.tomioka h3:before {
    content: '';
    border-top: 5px solid #009FE6;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.titlepic .left .title.allannaka h3:before, .titlepic .shingle .title.annaka h3:before {
    content: '';
    border-top: 5px solid #232E84;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
.titlepic .left .title.allkanna h3:before, .titlepic .shingle .title.kanna h3:before {
    content: '';
    border-top: 5px solid #2E683A;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}
/*--------ページカラー設定ここまで-------------*/
.titlepic .left .title h3, .titlepic .shingle .title h3 {
    line-height: 80px;
    font-size: 22px;
    letter-spacing: 2px;
}
.titlepic .left .title span, .titlepic .shingle .title span {
    display: block;
    margin-top: -20px;
    font-size: 12px;
    letter-spacing: 2px;
}
.titlepic .left ul {
    display: block;
    margin-top: 20px;
}
.titlepic .left ul li {
    width: auto;
    margin-bottom: 5px;
}
.titlepic .left ul li:before {
    content: '>';
}
.titlepic .left ul li a {
    font-size: 13px;
    margin-left: 5px;
    color: #000;
    width: auto !important;
    background-image: url(images/icon/link_03.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px auto;
}
.fitbpxs {
    display: block
}
.fitbpxs img {
    width: 32%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.fitbpxs img:last-child {
    margin-right: 0px;
}
article .post .postvontents {
    width: 100%;
    height: auto;
    margin-top: 0px;
}
article .post .nomal {
    display: block;
    border-bottom-style: none;
    margin-top: 30px;
    margin-bottom: 30px;
}
.post .nomal h3 {
    font-size: 20px;
    line-height: 40px;
}
article .post table {
    width: 100%;
    height: auto;
    display: block;
    border-collapse: separate;
    border-spacing: 10px 10px;
}
.post table caption {
    display: block;
    position: relative;
    background-color: #717071;
    color: #FFFFFF;
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 20px;
    letter-spacing: 2px;
}
.gud tbody tr th, .sta tbody tr th, .panf tbody tr th {
    border-bottom: 1px solid #717071;
    text-align: left;
    font-size: 12px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.sta tbody tr td, .panf tbody tr td {
    border-bottom: 1px dotted #717071;
    text-align: left;
    font-size: 12px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    line-height: 20px;
}
.gud tbody tr td {
    border-bottom: 1px dotted #717071;
    text-align: left;
    font-size: 12px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    line-height: 20px;
}
tr td .in_table {
    width: 100%;
    height: auto;
    display: block;
    padding: 0px;
    margin-top: -20px;
    margin-right: -20px;
    margin-left: 0px;
    margin-bottom: -20px;
    border-collapse: separate;
    border-spacing: 0px;
}
.in_table tbody tr th {
    font-weight: normal;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    width: 90% !important;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 60px;
    word-break: normal;
}
.in_table tbody tr td {
    width: 200px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    margin-top: 0px;
    margin-right: 0px !important;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.dotted {
    height: auto;
    display: block;
    width: 850px;
    border-bottom: 1px dotted #717071
}
.dotted:last-child {
    border-bottom: 0px dotted #717071;
    ;
}
.panf tbody tr td {
    position: relative;
    padding-bottom: 20px;
    line-height: 30px;
}
.panf tbody tr th:first-child {
    width: 280px;
}
.panf tbody tr th:last-child {
    width: 860px;
}
.gud tbody tr th:first-child {
    width: 200px;
}
.sta tbody tr th:first-child {
    width: 180px;
}
.gud tbody tr th:nth-child(2) {
    width: 410px;
}
.sta tbody tr th:nth-child(2) {
    width: 280px;
}
.sta tbody tr th:nth-child(3) {
    width: 480px;
}
.gud tbody tr th:last-child {
    width: 510px;
}
.sta tbody tr th:last-child {
    width: 177px;
}
table caption .left a {
    width: 100px;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    background-image: url(images/icon/links_03.png);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 20px auto;
    padding-left: 40px;
}
table caption .right a {
    width: 100px;
    height: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    background-image: url(images/icon/links_04.png);
    background-repeat: no-repeat;
    background-position: 80% center;
    background-size: 20px auto;
    padding-right: 40px;
}
table caption .left a, table caption .right a {
    color: #fff;
    font-size: 15px;
    display: block;
}
.post .nomal span {
    font-size: 14px;
}
.gud tr td a {
    display: inline-block;
    width: auto;
    line-height: 30px;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.gud tr td span {
    display: inline-block;
    width: auto;
    line-height: 30px;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 15px;
}
.sta tr td a {
    display: block;
    line-height: 30px;
    text-align: center;
    background-image: url(images/icon/bottnmark_03.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 10px auto;
    color: #fff;
	min-width: 150px;
}
article .post .wp-pagenavi {
    display: block;
    color: #403d3c;
    font-size: 12px;
    line-height: normal;
    margin-top: -20px;
}
article .post span {
    padding-left: 10px;
    padding-right: 10px;
}
.post .wp-pagenavi .current {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    /* [disabled]color: #403D3C;
*/
    background-color: #403D3C;
    color: #fff;
}
.titlepic .shingle .post-textarea, article .post .post-textarea {
    display: block;
    margin-top: 40px;
}
.titlepic .shingle .pagenav {
    display: block;
    position: relative;
    margin-top: 50px;
}
.pagenav ul .prev {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 12px;
}
.pagenav ul .next {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
}
.pagenav ul .center {
    margin-left: auto;
    margin-right: auto;
    width: 150px;
    height: auto;
}
.pagenav ul .center:hover {
    background-color: #000;
    border-radius: 100px;
}
.shingle .post-textarea img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.pagenav a {
    color: #000
}
.pagenav .center a {
    line-height: 30px;
    border: 1px solid #000000;
    border-radius: 100px;
    text-align: center;
    color: #000000;
    font-size: 12px;
    display: block;
}
.pagenav .center a:hover {
    color: #fff;
}
.shingle .title a {
    width: 95px;
    padding-left: 0px;
    text-align: center;
    color: #FFFFFF;
    line-height: 30px;
    font-size: 12px;
    display: block;
    height: auto;
    margin-top: 20px;
    border-radius: 100px;
}
.post .wp-pagenavi a {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    color: #403D3C;
}
.post .post-textarea iframe {
    width: 100%;
    height: 800px;
}
.post .post-textarea .line_box {
    text-align: center;
    display: block;
    border-top: 1px solid #717071;
    border-bottom: 1px solid #717071;
    color: #717071;
    font-size: 18px;
    line-height: 40px;
    margin-top: 30px;
}
.post-textarea p {
    font-size: 14px;
    line-height: 20px;
}
.panf .box {
    display: block;
    float: none;
    clear: both;
    height: 40px;
    border-bottom: 1px dotted #717071;
    overflow: hidden;
    padding-bottom: 0px;
}
.panf .box:first-child {
    padding-top: 0px;
}
.panf .box:nth-child(2) {
    padding-top: 0px;
    height: auto;
}
.panf .box:last-child {
    border-bottom: 0px dotted #717071;
}
.panf .DL {
    width: 160px;
    height: auto;
    line-height: 30px;
    background-color: #717071;
    color: #fff;
    text-align: left;
    background-image: url(images/icon/links_04.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 10px auto;
    float: right;
    padding-left: 12px;
    margin-top: 0px;
    display: block;
}
.sta tr td span {
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: -10px;
}
.filter #slider a {
    display: block;
}
.none a {
    display: none !important;
    text-indent: -999999999999999999px !important;
}
#groba li ul {
    display: none;
    background-color: #B4B4B4;
    position: absolute;
    width: 300px;
    height: auto;
    margin-top: 0px;
    z-index: 999999;
}
.dotted td .DL {
    margin-top: 20px;
}
#groba li ul li {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    margin-top: 10px;
}
#groba li ul li a {
    display: block;
    color: #fff
}
tbody tr .clcel {
    width: 14%;
}
tr td .days {
    display: block;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
    color: #717071;
    margin-bottom: 15px;
}
.cl {
    display: block;
    margin-bottom: 50px;
    border-collapse: collapse;
    border-spacing: 3px !important;
}
.cl tr th {
    text-align: center !important;
}
.cl tr td {
    padding-top: 10px;
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-bottom: 10px;
    vertical-align: top;
    display: table-cell;
    width: 14%;
}
.cl tr td .colors {
    line-height: 20px;
    margin-top: 10px;
    color: #000;
    width: 100%;
    height: auto;
    background-color: #E4E2E2;
    border-radius: 0px;
    padding: 0px;
}
.gud.cl tr td a {
    border-radius: 0px;
    display: block;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 0px
}
.gud.cl tr td .tomioka {
    background-color: #009fe6;
}
/*.gud.cl tr td:not( :first-child ) .tomioka  {
color: #009fe6;
	
}*/
.gud.cl tr td .takasaki {
    background-color: #C50018;
}
.gud.cl tr td .fujioka {
    background-color: #7D0F80;
}
.gud.cl tr td .annaka {
    background-color: #232E84;
}
.gud.cl tr td .kanna {
    background-color: #2E683A;
}
.gud.cl tr td .shimonita {
    background-color: #FF7800;
}
.gud.cl tr td .kanra {
    background-color: #E07C9A;
}
.gud.cl tr td .shinto {
    background-color: #5F3C13;
}
.gud.cl tr td .ueno {
    background-color: #51A199;
}
.gud.cl tr td .nanmoku {
    background-color: #BD9F66;
}
.modal-content {
    position: fixed;
    display: none;
    z-index: 10;
    width: 50%;
    margin: 0;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 10px;
}
.modal-content p {
    margin: 0;
    padding: 0;
}
.modal-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.75);
}
.modal-open {
}
.modal-open:hover {
    cursor: pointer;
}
.modal-close {
}
.modal-close:hover {
    cursor: pointer;
}
.closebtm {
    width: 120px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.closebtm .modal-close {
    line-height: 30px;
    color: #FFFFFF;
    background-color: #626262;
    display: block;
    font-size: 14px;
    border-radius: 10px;
}
.modal-content .jiki, .modal-content .plan, .modal-content .add {
    display: block;
    border-left: 5px solid #6A6666;
    padding-left: 20px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.modalarea {
    display: block;
    width: 100%;
    height: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #FFFFFF;
    line-height: 30px;
    margin-left: auto;
    margin-right: auto;
}
#mappin {
    width: 1150px;
    height: 600px;
}
article.ex ul li .jissikikan {
    position: absolute;
    top: 300px;
    left: 0;
    width: 100%;
    margin: 0 0 10px 0;
    overflow: hidden
}
article.ex ul li .jissikikan h4 {
    border-bottom: 1px dashed #ccc;
    width: 90%;
    display: block;
    margin: 0 auto 10px auto;
    padding-bottom: 10px;
	font-size: 14px;
	line-height: 16px
}
article.ex ul li .jissikikan p {
    font-size: 13px;
    line-height: normal;
    width: 90%;
    display: block;
    margin: 0 auto;
}
.shingle .post-textarea .exleft, .shingle .post-textarea .exright {
    width: 49%;
    display: inline-block;
    vertical-align: top
}
.shingle .post-textarea .exleft img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.shingle .post-textarea .exright table {
    width: 95%;
    text-align: left;
    display: block;
    margin: 0 auto
}
.shingle .post-textarea .exright table tbody {
    display: block;
    width: 100%;
}
.shingle .post-textarea .exright table tr {
    display: block;
    width: 100%;
    border-bottom: 1px dashed #ccc;
}
.shingle .post-textarea .exright table tr th {
    width: 30% !important;
    display: inline-block!important;
    padding: 10px;
    font-size: 14px
}
.shingle .post-textarea .exright table tr td {
    width: 68% !important;
    display: inline-block!important;
    padding: 10px;
    font-size: 14px;
	line-height: 24px
}
.shingle .post-textarea .exmap {
    margin: 10px auto 0 auto
}
.shingle .post-textarea .exmap iframe {
    width: 100%;
    height: 400px
}
header .search_link .search-form {
    width: 50%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0
}
.search_link ul span {
	font-size: 12px;
	line-height: normal
}
.news-list-ul li a{
	display: block;
    height: 170px;
	
}
.news-list-ul li a img {
    height: 170px !important;
    object-fit: cover;
}
@media screen and (max-width: 1024px) {
	.news-list-ul li a,.news-list-ul li a img {
		height: auto !important;
	}
	
}