@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

:focus {
    outline: 0;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: """";
}

a img {
    border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    background: url(../images/backimg3.png);
    background-repeat:
        repeat-x,
        /* 最前面の背景レイヤーに対応 */
        repeat;

    font: 16px/1.9 "メイリオ", sans-serif;
    color: #3d3d3d;
    -webkit-text-size-adjust: none;
}

/* リンク設定
------------------------------------------------------------*/
a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-size: 100%;
    color: #222222;
}

a:hover,
a:active {
    outline: none;
    color: #ff6671;
}

a img:hover {
    opacity: .8;
}


/**** Clearfix ****/
nav#mainNav ul:after,
nav#mainNav .inner:after,
.newsTitle:after,
.post:after,
.inner:after,
ul.news:after {
    content: "";
    display: table;
    clear: both;
}

nav#mainNav ul,
.newsTitle,
.post,
nav#mainNav .inner,
ul.news {
    zoom: 1;
}


/* フォーム
------------------------------------------------------------*/
input[type="text"],
textarea {
    vertical-align: middle;
    max-width: 90%;
    line-height: 30px;
    height: 30px;
    padding: 1px 5px;
    border: 1px solid #d4d4d7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 100%;
    color: #555;
    background: #fcfcfc;
}

textarea {
    height: auto;
    line-height: 1.5;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
p.readon a {
    vertical-align: top;
    padding: 0 10px;
    background: #008f0d;
    background: -webkit-gradient(linear, left top, left bottom, from(#008f0d), to(#222222));
    background: linear-gradient(to bottom, #008f0d 0%, #222222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008f0d', endColorstr='#222222', GradientType=0);
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    line-height: 28px;
    height: 28px;
    font-size: 120%;
    color: #fff;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
p.readon a:hover {
    background: #222222;
    background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#111111));
    background: linear-gradient(to bottom, #222222 0%, #111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#111111', GradientType=0);
    cursor: pointer;
}

*:first-child + html input[type="submit"] {
    padding: 3px;
}


/* レイアウト
------------------------------------------------------------*/

html {
    overflow-y: scroll;
}


#wrapper,
.inner {
    margin: 0 auto;
    width: 980px;
}

#wrapper {
    margin: 0 auto 40px;
}


#toppage #content {
    width: 100%;
}

#footer {
    clear: both;
    background-image: url(../images/footerback.png);
    text-align: center;
    color: #606060;
}


.tel {
    font-size: 100%;
    font-family: "Ludica Grande", "Meiryo", serif;
    font-weight: 400;
    line-height: 15px;
}

.sub {
    background: url(../images/backimg2.png);
    background-repeat: repeat-x,
        repeat;
    /* 最前面の背景レイヤーに対応 */
}

/* ヘッダー
*****************************************************/
.bg {
    /*background:#5fae7b;*/
}


/* サイト説明文
----------------------------------*/
#header h1 {
    text-align-last: left;
    padding: 18px 0 5px;
    font-size: 95%;
    color: #606060;
    font-weight: normal;
}

.ftimg {
    float: right;
}

/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2 {
    clear: both;
    padding: 0px 0;
    color: #515151;
    font-size: 100%;
    font-weight: bold;
}

@media only screen and (max-width: 520px) {
    #header h2 img {
        max-width: 95%;
        text-align: center
    }
}

/* SNS
----------------------------------*/
.sns {
    float: right;
    padding: 10px 0;
}

.sns img {
    margin-left: 5px;
}


/* トップページ　メイン画像
----------------------------------*/
#mainImg {
    width: 100%;
    height: auto;
    clear: both;
    margin: auto;
    line-height: 0;
    text-align: center;
    z-index: 0;
}



.toppage h4 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

#slider img {
    width: 100%;
    margin-bottom: -10px
}

iframe {
    margin-bottom: -10px;
}

/* 記事ループ
*****************************************************/
.list {
    padding: 10px 0;
    border-bottom: 1px dashed #e4e4e4;
}

.list:last-child {
    border: 0;
}

.post .list p {
    padding: 0;
}

.list span {
    padding-left: 10px;
}


/* タイポグラフィ
*****************************************************/
h2.title {
    clear: both;
    padding: 20px 0 10px 0;
    font-size: 160%;
    font-weight: 500;
    border-bottom: 1px solid #34af24;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", serif;

}

.dateLabel {
    text-align: right;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.post p {
    padding-bottom: 15px;
    line-height: 1.85em
}

.wrap p {
    line-height: 1.85em;
    font-size: 17px;
    margin-bottom: 1em
}

.post ul {
    margin: 0 0 10px 0px;
}

.post ul li {
    margin-bottom: 5px;
    padding-left: 15px;
    background: url(images/bullet.png) no-repeat 0 8px;
}

.post ol {
    margin: 0 0 10px 30px;
}

.post ol li {
    list-style: decimal;
}


.post a {
    color: #06C;
    font-weight: bold;
}

.post h1 {
    margin: 20px 0;
    padding: 5px 0 5px 15px;
    font-size: 150%;
    border-bottom: 2px solid #222222;
    background: url(images/headingBg.png) no-repeat 0 50%;
}

.post h2 {
    margin: 10px 0;
    padding-bottom: 2px;
    font-size: 130%;
    font-weight: 700;
    border-bottom: 1px dotted #222222;
}



/*ピックアップ部*/
.post h3 {
    margin: 10px 0;
    font-size: 100%;
    font-weight: normal;
    border-bottom: 1px solid #222222;
    font-family: "Ludica Grande", "Meiryo", serif;
    color: #e7687d;
}

.facebook {
    float: left;
    width: 470px;
    padding: 20px 10px 20px 10px;
}


.post blockquote {
    clear: both;
    padding: 10px 0 10px 15px;
    margin: 10px 0 25px 30px;
    border-left: 5px solid #ccc;
}

.post blockquote p {
    padding: 5px 0;
}

.post dt {
    font-weight: bold;
}

.post dd {
    padding-bottom: 10px;
}

.post img {
    min-width: 230px;
    height: auto;
}

img.aligncenter {
    display: block;
    margin: 5px auto;
}

img.alignright,
img.alignleft {
    margin: 0 15px 15px 15px;
    display: inline;
}

img.alignleft {
    margin: 10px 15px 15px 10px;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

#gallery-1 img {
    border: 1px solid #eaeaea !important;
    padding: 5px;
    background: #fff;
}

#gallery-1 img:hover {
    background: #fffaef;
}


.photog img {
    margin: 5px;
    vertical-align: middle;
}


.subtitle {
    clear: both;
    padding: 20px 0 10px 0;
    font-size: 160%;
    font-weight: 500;
    border-bottom: 1px solid #34af24;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", serif;

}

/* お知らせ　
-------------*/
.newsTitle {
    clear: both;
    margin: 0;
    padding: 7px 10px 3px 0;
    font-size: 170%;
    border-bottom: 1px solid #34af24;
}

.newsTitle h3 {
    float: left;
    font-weight: 500;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", serif;
}

.newsTitle p {
    float: right;
    padding: 0 0 0 10px;
    font-size: 90%;
    background: url(images/arrow2.png) no-repeat 0 5px;
}

.news p {
    line-height: 2.7em;
    clear: both;
    padding-top: 3px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #333;
}

.news p:last-child {
    border: 0;
}

.news p a {
    padding: 5px 0;
    color: #fe439f;
    font-weight: 500;
    text-decoration: underline;
    color: #e98400;
}

.news a span {
    color: #515151;
    font: normal 100% Arial, 'ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO', sans-serif;
}

.news span {
    padding-left: 10px;
}

.news a:hover span {
    color: #111111;
}


/* トップページ */


.link {
    text-decoration: underline;
}


/* フッター
*****************************************************/
#footer a {
    color: #333;
}

#footer p {
    line-height: 1.4em;
    padding-bottom: 20px;
}

#footer .boxWrap {
    width: 980px;
    margin-right: -40px;
}

#footer .box {
    /*float:left;*/
    width: 980px;
    margin-right: 0px;
    padding-top: 30px;
    font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", serif;
    font-weight: 700;
    font-size: 100%;
}


.auto {
    max-width: 100%;
    height: auto;
}


.box .widgetWrap,
.box section.widget ul {
    padding: 0 0 0 7px;
    margin-top: 0;
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;

}

.box section.widget li a {
    background: url(images/arrowWhite.png) no-repeat 0 12px;
    border: 0;
}

.box section.widget li a:hover {
    background-position: 2px 12px;
}

#footer h3 {
    padding: 5px;
    margin-bottom: 5px;
}

.contact p {
    padding: 0px 10px 5px 10px;
    margin-bottom: 3px;
    font-size: 110%;
    text-align: center;
}

#copyright {
    color: #fff;
    clear: both;
    padding: 10px 0;
    text-align: center;
    font-size: 90%;
    background: #15510d;
}

.contentTitle {
    clear: both;
    margin: 0;
    padding: 7px 10px 7px 0;
    font-size: 180%;
    border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 520px) {
    .contact p {
        font-size: 90%;
        text-align: center;
    }

    p.footer-logo {
        font-size: 110%
    }
}


/* page navigation
------------------------------------------------------------*/
.pagenav {
    clear: both;
    width: 100%;
    height: 30px;
    margin: 5px 0 20px;
}


.prev {
    float: left
}

.next {
    float: right;
}

#pageLinks {
    clear: both;
    color: #4f4d4d;
    text-align: center;
}


/* トップページ 3件部分
------------------------------------------------------------*/

ul#banners,
ul.post {
    width: 980px;
    margin-right: -20px;
    padding-bottom: 20px;
}

ul#banners li,
ul.post li {
    float: left;
    width: auto;
    margin-right: 7px;
    margin-left: 5px;
}

ul.post {
    padding: 0;
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

ul.post img {
    max-width: 620px;
    height: auto;
}

/*----------------------文字------------------------------*/

ul.post h3 {
    font-family: "Ludica Grande", "Meiryo", serif;
    margin: 10px 0;
    padding-bottom: 5px;
    font-size: 170%;
    font-weight: 500;
    color: #000;
    border: 0;
}

p.readon a {
    padding: 3px 10px;
    font-size: 95%;
    white-space: nowrap;
}

ul#banners:after {
    content: "";
    display: table;
    clear: both;
}

ul#banners {
    zoom: 1;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}


.mt3 {
    margin-top: 3px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mt150 {
    margin-top: 150px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}


.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px;
}

.mr40 {
    margin-right: 40px;
}

.mr50 {
    margin-right: 50px;
}

.mr100 {
    margin-right: 100px;
}

.fL {
    float: left;
}

.fR {
    float: right;
}

.center {
    text-align: center;
    margin: auto;
}


.blue1 {
    margin: 10px 0;
    padding-top: 10px;
    font-size: 130%;
    font-weight: bold;
    color: #3a6f9b;
    border: 0;
    white-space: nowrap;
}

.green {
    font-size: 100%;
    color: #118c04;
}

.orange {
    font-size: 105%;
    font-weight: 700;
    color: #fc6100;
}

.red {
    font-size: 110%;
    font-weight: 700;
    color: #f0288b;
}

.pink {
    background-color: #ffd5d5;
    vertical-align: middle;
    white-space: nowrap;
}



.black {
    margin: 10px 0;
    padding-bottom: 5px;
    font-size: 105%;
    font-weight: bold;
    color: #000;
    border: 0;
}

.redred {
    margin: 10px 0;
    padding-bottom: 5px;
    font-size: 110%;
    font-weight: bold;
    color: #d50000;
    border: 0;
}



.mawari {
    overflow: hidden;
}

.f-pp {
    font-size: 120%;
    color: #7a43ad;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.f-rp {
    font-size: 90%;
    color: #e33b7e;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.title2 {
    font: "Palatino Linotype", "Book Antiqua", serif;
    font-size: 180%;
    font-weight: bold;
}

.left {
    overflow: auto;
}

.pro {
    width: auto;
}


.banner {
    width: 100%;
    height: auto;
    padding: 5px 0 5px 0;
}


.fukidasi {
    height: 15px;
    width: 80px;
    float: left;
    display: block;
    text-align: center;
    background-color: #ee5a00;
    margin: 6px;
    padding: 7px 12px 5px 4px;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.2em;
    color: #fff;
}

.fukidasi_red {
    height: 15px;
    width: 80px;
    float: left;
    display: block;
    text-align: center;
    margin: 6px;
    background-color: #ff0042;
    padding: 7px 12px 4px 4px;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.2em;
    color: #fff;
}

.fukidasi_blue {
    height: 15px;
    width: 80px;
    float: left;
    display: block;
    text-align: center;
    margin: 6px;
    background-color: #07749d;
    padding: 7px 12px 4px 4px;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.2em;
    color: #fff;
}

.titlep {
    font-size: 130%;
    font-weight: bold;
    color: #8761ab;
    border: 0;
    word-wrap: break-word;
}

.f-big {
    font-size: 120%;
    font-weight: 500;
}

.banner_y {
    padding: 0 7px 10px 15px;
}


/*----------------------table------------------------------*/

table.hyou {
    width: 100%;
    border-right: #767a7e solid 1px;
    border-collapse: collapse;
    margin: 20px 0 20px 0;
    font-size: 95%;
}


table.hyou thead th {
    background: #108f52;
    color: #FFF;
    text-align: center;
    padding: 10px 10px;
    border-right: #FFF solid 1px;
    border-bottom: #FFF solid 1px;
}


table.hyou thead th:last-child {
    border-right: #767a7e solid 1px;
}

table.hyou tbody th {
    background: #13a199;
    color: #FFF;
    padding: 10px 10px;
    border-left: #767a7e solid 1px;
    border-bottom: #FFF solid 1px;
    vertical-align: middle;
}

table.hyou tbody tr:last-child th {
    border-bottom: #767a7e solid 1px;
}

table.hyou tbody td {
    background: #FFF;
    border-left: #767a7e solid 1px;
    border-bottom: #767a7e solid 1px;
    vertical-align: middle;

}





@media screen and (max-width: 980px) {
    table.hyou thead {
        display: none;
    }

    table.hyou tbody th {
        display: block;
    }

    table.hyou tbody td {
        display: block;
    }

    table.hyou tbody td::before {
        content: attr(label);
        float: left;
        clear: both;
        font-weight: bold;
    }

    table.hyou tbody td p {
        padding-left: 6em;
    }

}


.c-font {
    white-space: nowrap;
    text-align: center;
    padding: 6px;
}


.left-font {
    text-align: left;
    padding: 7px;
}



table {
    border-collapse: collapse;
    padding-bottom: 20px;
}

.bspace {
    margin-top: 20px;
    margin-bottom: 30px;
}

.bspace img {
    margin: 5px 5px 5px 3px;
}


/* 1920px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 1920px) {

    #mainImg img {
        width: 100%;
        height: auto;
    }
}




/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {


    div.panel {
        display: block !important;
        padding-bottom: 20px;
    }

    a#menu {
        display: none;
    }

    nav#mainNav ul {
        text-align: center;
        z-index: 200;
        width: auto;
        margin: 0 auto;
    }

    nav#mainNav li {
        width: auto;
        padding-top: 30px;
        display: inline-block;
        margin-left: 10px;
        margin-right: 5px;
        font-weight: 400;
        font-family: "Ludica Grande", "Meiryo", serif;
        -webkit-transform: rotate(0.05deg);
        transform: rotate(0.05deg);
        letter-spacing: 0.5px;
        line-height: 20px;
        text-align: center
    }

    nav#mainNav li img {
        margin-bottom: 10px;
    }

    nav#mainNav li.hassub a {
        background: url(images/arrowDown2.png) no-repeat 100% 50%;
    }

    nav#mainNav li a {
        display: block;
        font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", serif;
        font-weight: 700;
        _float: center;
        font-size: 127%;
        line-height: 40px;
        padding: 0 7px 0 3px;
        color: #3d3d3d;
    }


    nav#mainNav li.current-menu-item a,
    nav#mainNav li a:hover,
    nav#mainNav li.current-menu-parent a {
        color: #ff6671;
        border-color: #222222;
    }

    nav#mainNav li.hassub.current-menu-item a,
    nav#mainNav li.hassub a:hover,
    nav#mainNav li.hassub.current-menu-parent a {
        background: url(images/arrowDown.png) no-repeat 100% 50%;
    }

    nav#mainNav li.hassub li a,
    nav#mainNav li.hassub.current-menu-item li a,
    nav#mainNav li.hassub.current-menu-parent li a,
    nav#mainNav li.hassub li a:hover {
        background: none;
    }




    /* プルダウン部分
------------------------------------------------------------*/

    nav#mainNav ul ul {
        width: 120px;
        background: #fff;
        background-color: rgba(255, 255, 255, 0.7);
    }

    nav#mainNav li ul {
        display: none;
        opacity: 0;
    }

    nav#mainNav li:hover ul {
        display: block;
        position: absolute;
        left: 0;
        z-index: 500;
        opacity: 1;
    }

    nav#mainNav li li {
        margin: 0;
        float: none;
        width: 120px;
    }

    nav#mainNav li li a,
    nav#mainNav li.current-menu-parent li a,
    nav#mainNav li.current-menu-item li a {
        text-align: center;
        padding: 5px 0 5px 0px;
        height: 20px;
        font-size: 125%;
        line-height: 20px;
    }

    nav#mainNav li.current-menu-item li a,
    nav#mainNav li.current-menu-parent li a {
        color: #adadad;
        border-bottom: 1px solid #adadad;
    }

    nav#mainNav li li.current-menu-item a,
    nav#mainNav li li a:hover {
        color: #222222;
        border-color: #222222;
    }

    .sub-menu a {
        color: #fff;
    }


    nav#mainNav ul li ul {
        text-shadow:
            0 1px 0 #fff,
            1px 0 0 #fff,
            0 -1px 0 #fff,
            -1px 0 0 #fff,
            -1px -1px 0 #fff,
            1px -1px 0 #fff,
            -1px 1px 0 #fff,
            1px 1px 0 #fff;
    }

    #mainImg {
        margin-bottom: 20px;
    }

    .LL {
        float: left;
        padding: 0px 15px 10px 0;
        margin: auto;
    }

    .RR {
        float: right;
        padding: 0px 0 10px 15px;
        margin: auto;
    }

    .circle {
        float: left;
        margin: auto;
    }


}






/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px) {

    body {
        background: url(../images/backless.png);
        background-repeat:
            repeat-x,
            /* 最前面の背景レイヤーに対応 */
            repeat;
    }


    .sub {
        background: url(../images/backless.png);
        background-repeat:
            repeat-x,
            /* 最前面の背景レイヤーに対応 */
            repeat;
    }

    h2.title {
        padding: 10px 0;

    }

    nav#mainNav {
        clear: both;
        width: 100%;
        margin: 0 auto 10px;
    }

    nav#mainNav a.menu {
        width: 100%;
        display: block;
        height: 37px;
        line-height: 37px;
        font-weight: bold;
        text-align: left;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #000;
        background: url(../images/menuopen.png) no-repeat 5px 8px;
    }

    nav#mainNav a#menu span {
        padding-left: 35px;
    }

    nav#mainNav a.menuOpen {
        border-bottom: 0;
        background: url(../images/menuopen.png) no-repeat 5px -34px;
    }

    nav#mainNav a#menu:hover {
        cursor: pointer;
    }

    nav .panel {
        display: none;
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
        z-index: 1;

    }

    nav#mainNav ul {
        margin: 0;
        padding: 0;
    }

    nav#mainNav ul li {
        float: none;
        clear: both;
        width: 100%;
        height: auto;
        line-height: 1.2;
    }

    nav#mainNav ul li:first-child {
        border-top: 1px solid #d5d5d5;
    }

    nav#mainNav ul li li:first-child {
        border-top: 0;
    }

    nav#mainNav ul li a,
    nav#mainNav ul li.current-menu-item li a {
        display: block;
        padding: 15px 10px;
        text-align: left;
        border-bottom: 1px dashed #ccc;
        background: #fff;
    }

    nav#mainNav ul li:last-child a {
        border: 0;
    }

    nav#mainNav ul li li:last-child a {
        border: 0;
    }

    nav#mainNav ul li li:last-child a {
        border-bottom: 1px dashed #ccc;
    }

    nav#mainNav ul li a span {
        display: none;
    }

    nav#mainNav ul li.current-menu-item a,
    nav#mainNav ul li a:hover,
    nav#mainNav ul li.current-menu-item a,
    nav#mainNav ul li a:active,
    nav#mainNav ul li li.current-menu-item a,
    nav#mainNav ul li.current-menu-item li a:hover,
    nav#mainNav ul li.current-menu-item li a:active {
        background: #f6f6f6;
    }

    nav#mainNav ul li li {
        float: left;
        border: 0;
    }

    nav#mainNav ul li li a,
    nav#mainNav ul li.current-menu-item li a,
    nav#mainNav ul li li.current-menu-item a {
        padding-left: 40px;
        background: #fff url(../images/sub1.png) no-repeat 20px 18px;
    }

    nav#mainNav ul li li.current-menu-item a,
    nav#mainNav ul li li a:hover,
    nav#mainNav ul li.current-menu-item li a:hover {
        background: #f6f6f6 url(../images/sub1.png) no-repeat 20px -62px;
    }

    nav#mainNav ul li li:last-child a {
        background: #fff url(../images/subLast.png) no-repeat 20px 20px;
    }

    nav#mainNav ul li li:last-child.current-menu-item a,
    nav#mainNav ul li li:last-child a:hover,
    nav#mainNav ul li.current-menu-item li:last-child a:hover {
        background: #f6f6f6 url(../images/sublast.png) no-repeat 20px -65px;
    }

    nav div.panel {
        float: none;
    }

    #mainImg {
        margin-bottom: 20px;
    }

    .sns {
        float: left;
        padding: 10px 0;
    }

    p {
        clear: both;
    }

    .LL {
        float: left;
        padding: 0px 15px 10px 0;
        margin: auto;
    }

    .RR {
        float: right;
        padding: 0px 0 10px 15px;
        margin: auto;
    }

    .bspace {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .bspace img {
        margin: 5px 10px 5px 3px;
    }


    .circle {
        text-align: center;
        margin: auto;
    }



}




/* 959px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

    body {
        background: url(../images/backless.png);
        background-repeat:
            repeat-x,
            /* 最前面の背景レイヤーに対応 */
            repeat;
    }


    .sub {
        background: url(../images/backless.png);
        background-repeat:
            repeat-x,
            /* 最前面の背景レイヤーに対応 */
            repeat;
    }

    h2.title {
        padding: 10px 0;
    }


    #header {
        width: 100%
    }

    .inner,
    #footer .boxWrap,
    #wrapper {
        width: 96%;
        ;
    }

    #mainImg img {
        width: 96%;
        height: auto;
    }

    nav#mainNav a.menu {

        color: #469500;

    }








    #content,
    #sidebar {
        clear: both;
        width: 96%;
        float: none;
        margin: 0 auto;
        padding: 10px 0;
        background-color: #fff;
    }

    #sidebar {
        background: url(../images/border.png) repeat-x;
        padding-top: 30px;
    }

    ul.post,
    ul#banners,
    #sidebar ul#banners {
        width: 100%;
        display: table-row;
        margin: 0;
    }

    ul.post li,
    ul#banners li,
    #sidebar ul#banners li {
        text-align: center;
        width: 43%;
        margin: 0 1%;
        padding: 10px 0 5px 0px;
    }

    ul.post img,
    ul#banners li img,
    #sidebar ul#banners img {
        max-width: 98%;
        height: auto;
    }

    #calendar_wrap table {
        width: 260px;
        margin: 0;
    }

    #footer .boxWrap {
        margin: 0;
        padding: 0;
    }

    #footer .box {
        float: none;
        width: 100%;
        margin: 10px 0;
    }

    .title .newsTitle {
        text-align: center;
    }

    .sns {
        padding: 10px 0;
    }




    #footer img {
        max-width: 100%;
        height: auto;
        text-align: center;
    }

    .banner_y {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .banner_y img {
        width: 49.5%;
    }

    #mainImg {
        margin-bottom: 20px;
    }

    .sns {
        float: left;
        padding: 10px 0;
    }

    .menu {
        color: #FFF;
    }

    h2.title {
        padding: 10px 0;
        font-size: 120%;
    }



}


/* 幅520px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 520px) {

    body {
        background: url(../images/backless.png);
        background-repeat:
            repeat-x,
            /* 最前面の背景レイヤーに対応 */
            repeat;
    }


    .sub {
        background: url(../images/backless.png);
        background-repeat:
            repeat-x,
            /* 最前面の背景レイヤーに対応 */
            repeat;
    }


    h2.title {
        padding: 10px 0;
        font-size: 105%;
    }


    ul.post li,
    ul#banners li,
    #sidebar ul#banners li {
        width: 100%;
        margin: 0 0 0 0;
    }

    ul.post li:nth-child(2n+1) {
        clear: left;
    }

    .post img {
        max-width: 100%;
        height: auto;
    }

    .content img {
        max-width: 100%;
        height: auto;
    }

    img.alignright,
    img.alignleft {
        display: block;
        margin: 5px 2%;
        max-width: 96%;
        height: auto;
    }

    .alignright,
    .alignleft {
        float: none;
    }

    .banner_y {
        max-width: 100%;
        height: auto;
        text-align: center;
        margin-left: -15px;
    }

    .facebook {
        float: left;
        width: 320px;
        padding: 20px 10px 10px 10px;
    }

    .LL {
        width: 100%;
        padding-bottom: 15px;
        margin: auto;
    }

    .RR {
        width: 100%;
        padding-bottom: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .center img {
        width: 90%;
        display: table-cell;
        margin: 20px;

    }


    .bspace img {
        width: auto;
        margin: 0 auto;
    }

}




/* ———————————————————————————————————————————————————————————————————————————————————————
  追加CSS
  ———————————————————————————————————————————————————————————————————————————————————————*/

.container {
    max-width: 1010px;
}

/*! メインビジュアル */
.main-visual {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.main-visual .mv__slide {
    position: relative;
    height: 600px;
}

.main-visual .mv__slide .mv__bg {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    height: 100%;
}

.main-visual .mv__slide .mv__bg .bg__item {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    height: 600px;
    position: relative;
}

.main-visual .mv__slide .mv__bg .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.main-visual .mv__slide .mv__bg .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    cursor: hand;
}

.main-visual .mv__slide .mv__bg .slick-dots li button:before {
    content: '';
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    font-size: 80px;
    font-size: 8rem;
    background: #eee;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.main-visual .mv__slide .mv__bg .slick-dots .slick-active button:before {
    background: #204EA2;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* メインビジュアル レスポンシブ */
@media (max-width: 1200px) {
    .main-visual .mv__slide .mv__bg .bg__item {
        background-position: 20% center;
    }
}

@media (max-width: 1200px) and (max-width: 768px) {
    .main-visual .mv__slide {
        height: 70vh;
    }

    .main-visual .mv__slide .mv__bg {
        height: 70vh;
    }

    .main-visual .mv__slide .mv__bg .bg__item {
        height: 70vh;
    }
}

@media (max-width: 1200px) and (max-width: 768px) and (max-width: 680px) {
    .main-visual .mv__slide {
        height: 60vh;
        min-height: 60vh;
    }

    .main-visual .mv__slide .mv__bg {
        height: 60vh;
        min-height: 60vh;
    }

    .main-visual .mv__slide .mv__bg .bg__item {
        background-position: 20% center;
        display: block;
        height: 60vh;
        min-height: 60vh;
        position: relative;
    }
}



/* 神照インフォメーション */
.home-info {
    background: url("../images/bg/bg1.png") repeat;
    background-color: #fefff8;
    padding-bottom: 50px;
}

.home-info .hone-news ul {
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 10px
}

.home-info .hone-news ul li {
    border-bottom: 1px dotted #9f9f9f;
    padding-bottom: 0px;
    margin-bottom: 5px
}

.home-info .hone-news ul li .bl_info_date {
    font-size: 13px;
    margin-right: 1.5em;
    color: #f07f36
}

.home-info .p-wrap {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    padding: 50px 0 20px 0;
}

.home-info .p-wrap .eventList {
    margin: 20px 0 0 0;
    padding: 0;
}

.home-info .p-wrap .eventList li .eventList__item {
    display: block;
    margin: 0 6px;
}

.home-info .p-wrap .eventList li .eventList__item:hover {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.home-info .p-wrap .eventList li .eventList__item:hover .item__text .info {
    background: #fff;
    color: #FF9653;
}

.home-info .p-wrap .eventList li .eventList__item .item__img img {
    width: 100%;
}

.home-info .p-wrap .eventList li .eventList__item .item__text {
    background: #fff;
    padding: 8px 10px;
}

.home-info .p-wrap .eventList li .eventList__item .item__text .ttl {
    margin: 0;
    padding: 0;
    min-height: 40px;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 3px;
}

.home-info .p-wrap .eventList li .eventList__item .item__text .info {
    margin: 0;
    padding: 0;
    background: #FF9653;
    border: 1px solid #FF9653;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 4px 0;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

.home-info .p-wrap .eventList li .eventList__item .item__text .date {
    font-size: 13px;
    margin-bottom: 5px;
    color: #005196
}

.home-info .p-wrap .eventList .slick-arrow.slick-prev {
    left: -25px;
    left: -25px;
    z-index: 1;
    width: 50px;
    height: 50px;
}

.home-info .p-wrap .eventList .slick-arrow.slick-prev:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url("../images/arrow_prev.png") no-repeat center center;
    background-size: cover;
    z-index: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.home-info .anq_banner {
    text-align: center;
    margin: 25px 0 15px;
}

.home-info .anq_banner img {
    max-width: 100%;
    width: 100%
}

.home-info .anq_banner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-info .anq_banner ul li {
    width: calc(100%/2);
}

.home-info .anq_banner ul li:first-child {
    margin-right: 5px
}

.home-info .anq_banner ul li:last-child {
    margin-left: 5px
}

@media (max-width: 768px) {
    .home-info {
        background: url("../images/bg/bg1.png") repeat;
        background-color: #fefff8;
        padding-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .home-info .p-wrap .eventList .slick-arrow.slick-prev:before {
        width: 20px;
        height: 20px;
    }
}

.home-info .p-wrap .eventList .slick-arrow.slick-next {
    right: -25px;
    z-index: 1;
    width: 50px;
    height: 50px;
}

.home-info .p-wrap .eventList .slick-arrow.slick-next:before {
    margin: 0;
    padding: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background: url("../images/arrow_next.png") no-repeat center center;
    background-size: cover;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.eventList img {
    max-width: 100%;
    width: 300px;
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    /* この一行を追加するだけ！ */
}

@media (max-width: 480px) {
    .home-info .p-wrap .eventList .slick-arrow.slick-next:before {
        width: 20px;
        height: 20px;
    }
}

.home-info .p-wrap .eventList .slick-arrow.slick-next.slick-disabled:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

@media (max-width: 780px) {
    .eventList img {
        max-width: 100%;
        width: 300px;
        height: 180px;
        -o-object-fit: cover;
        object-fit: cover;
        /* この一行を追加するだけ！ */
    }
}

@media (max-width: 580px) {
    .eventList img {
        max-width: 100%;
        width: 300px;
        height: 230px;
        -o-object-fit: cover;
        object-fit: cover;
        /* この一行を追加するだけ！ */
    }

    .home-info .hone-news ul li {
        display: block;
        line-height: 1.6;
        font-size: 14px;
        padding-bottom: 2px;
        margin-bottom: 6px
    }

    .home-info .hone-news ul li span {
        display: block
    }
}

@media (max-width: 360px) {
    .eventList img {
        max-width: 100%;
        width: 300px;
        height: 190px;
        -o-object-fit: cover;
        object-fit: cover;
        /* この一行を追加するだけ！ */
    }
}

/* EVENT & CAMPAIGN  レスポンシブ*/
@media (max-width: 1160px) {
    .home-info .p-wrap {
        padding: 60px 15px 50px 15px;
    }

    .home-info .p-wrap .eventList {
        margin: 20px 20px 0 20px;
    }
}

@media (max-width: 1160px) and (max-width: 768px) {
    .home-info .p-wrap {
        padding: 40px 15px 30px 15px;
    }

    .home-info .p-wrap .eventList {
        margin: 20px 0 0 0;
    }

    .home-info .p-wrap .eventList li .eventList__item .item__text .ttl {
        margin-bottom: 5px;
    }

    .home-info .p-wrap .eventList .slick-arrow.slick-prev {
        left: -10px;
        width: 30px;
        height: 30px;
    }

    .home-info .p-wrap .eventList .slick-arrow.slick-next {
        right: -15px;
        width: 30px;
        height: 30px;
    }

}

@media (max-width: 1160px) and (max-width: 768px) and (max-width: 680px) {
    .home-info .p-wrap {
        padding: 40px 15px 30px 15px;
    }

    .home-info .p-wrap .eventList li .eventList__item .item__text .ttl {
        margin-bottom: 5px;
    }
}


/*トップページ*/
.top-wrap {
    padding-top: 40px;
}

.top-wrap h3 {
    margin-bottom: 15px;
    margin-top: 20px;
}

.top-wrap img {
    width: 100%
}

.top-wrap .kouhou {
    border: 1px solid #c4c4c4;
    width: 100%;
}

.top-wrap .top-bn {
    margin-bottom: 10px
}

.top-wrap ul li img {
    width: 100%;
}

@media (max-width: 1200px) and (min-width: 768px) {
    .top-wrap ul {
        text-align: center
    }

    .top-wrap ul li {
        display: inline-block;
        width: 32%;
    }
}

.facebook-wrapper {
    max-width: 500px;
    /* Facebook Page Plugin の最大幅 */
    margin: 0 auto;
}

.facebook-wrapper > .fb-page {
    width: 100%;
}

.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

/*広報*/
.kouhou-wrap {
    margin-top: 30px;
    text-align: center
}

.kouhou-wrap img {
    width: 100%;
    border: solid 1px #333;
}

.kouhou-wrap .title {
    margin: 10px 0;
    font-size: 14px;
    line-height: 1.5em;
}


/*トップバナースペース*/

.ud_banner {
    display: flex;
    margin-top: 25px
}

.ud_banner img {
    width: 100%;
    box-shadow: 2px 2px 4px #403e3e;
}

.ud_banner li {
    margin: 0 5px
}

@media (max-width: 767px) {
    .ud_banner {
        display: block;
        margin-top: 20px
    }

    .ud_banner li {
        margin: 0 5px 15px
    }
}

/**********************************************
追加：サークル
**********************************************/

.circle_table {
    border-collapse: collapse;
    border: 1px solid #403e3e;
    font-size: 15px;
    line-height: 1.6;
    width: 100%
}

.circle_table td,
.circle_table th {
    border: 1px solid #403e3e;
    vertical-align: middle
}

.circle_table th {
    text-align: center;
    background: #108f52;
    color: #fff;
    white-space: nowrap;
    padding: 10px;
    line-height: 1;
    border-right: 1px solid #fff;

}

.circle_table th:last-of-type {
    border-right: 1px solid #403e3e;
}

.circle_table th.time {
    background-color: #ff8900;
    border-bottom: 1px solid #403e3e;
    padding: 20px 10px 18px;
    font-size: 16px;
    font-weight: 600
}

.circle_table th.circle_ttl {
    height: 1em;
    background-color: #f5ffc9;
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid #403e3e;
    text-align: left;
    font-size: 16px;
    padding: 12px 12px 9px 12px;
}

.circle_table td {
    padding: 15px 10px;
}

.circle_table .days,
.circle_table .timetable,
.circle_table .fee {
    white-space: nowrap;
    text-align: center
}

.cir_img {
    padding: 8px !important;
    width: 28%
}

.cir_img img {
    max-width: 100%;
    height: auto
}

@media (max-width: 768px) {

    .circle_table thead {
        display: none
    }

    .circle_table {
        line-height: 1.5;
        border
    }
    
    .circle_table td,
    .circle_table th {
        display: block;
        border: none;
    }

    .circle_table th {
        padding: 10px;
    }

    .circle_table td {
        padding: 7px 10px 5px;
        border-bottom:1px dotted #403e3e;
    }
    
    .circle_table td:last-child {
        border-bottom: none
    }
    
    .circle_table th.time {
        border: none;
        border-top: 1px solid #403e3e !important;
        padding: 20px 10px 18px;
        font-size: 16px;
        font-weight: 600
    }
    
    .circle_table th.time-first {
        border-top: none !important
    }

    .circle_table th.circle_ttl {
        height: auto;
        font-size: 16px;
        padding: 12px 12px 9px 12px;
        width: 100%;
        border-right: none
    }

    .cir_img {
        padding: 8px !important;
        width: 100%;
        display: block;
        border-top: 1px solid #403e3e !important;
        border-bottom: 1px solid #403e3e !important;
        margin-top: 
    }

    .cir_img img {
        width: 100%;
        display: block
    }

    .circle_table .days,
    .circle_table .timetable,
    .circle_table .fee {
        text-align: left
    }
    
    .circle_table .days:before {
        content: "開催曜日：";
        font-weight: 600
    }
    
    .circle_table .timetable:before {
        content: "開催時間："  ;
        font-weight: 600
    }

    .circle_table .fee:before {
        content: "講師・会費等："  ;
        font-weight: 600
    }


}

/*自治会の各役員名簿　提出用書類ダウンロード*/
    .yakuin_dl_list li {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
        font-weight: 600
    }

    .yakuin_dl_list li a {
        color: #3131d1
    }

    .yakuin_dl_list img {
        max-height: 28px;
        margin-right: 10px
    }

/*モバイル表示*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc-view {
    display: block
}

.sp-view {
    display: none
}

@media only screen and (max-width: 768px) {
    .pc-view {
        display: none;
    }

    .sp-view {
        display: block;
    }
}

.blog-label {
	margin-right:8px
}

.cat-label {
		margin-right:5px
}