@charset "utf-8";

/* **********************************************************************
 *
 *       Title:   Site-Shokunin CMS sp.css
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 ********************************************************************** */


/* RESET
======================================================= */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
fieldset,
img {
    border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-weight: normal;
    font-style: normal;
}
caption,
th {
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
input,
textarea,
select {
    font-family: inherit;
    font-weight: inherit;
}


/* 基本設定
======================================================= */

body {
    margin: 0;
    padding: 0;
    background: url(../img/bg_body01.gif) repeat;   /* 背景の色が設定できます */
    color: #333;        /* 3-A 基本文字 */
    font: 13px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "Verdana", "sans-serif";
    text-align: center;
    position: relative;

    -webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */
}

hr.hide {
    display: none;
}
.clear {
    clear: both;
    width: 100%;
}
.clear hr {
    display: none;
}
a:link {
    color: #8b6f00;
} /* 3-B リンク文字 */
a:hover,
a:active {
    color: #8b6f00;
    text-decoration: none;
} /* 3-B リンク文字 */
a:visited {
    color: #8b6f00;
} /* 3-B リンク文字 */

.sp_none {
    display: none;
}

p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

ul {
    margin: 5px 0 5px 10px;
    padding: 0 0 0 10px;
    line-height: 1.5;
}

ol {
    margin: 5px 0 5px 15px;
    padding: 0 0 0 20px;
    line-height: 1.5;
}


/* 全体のレイアウト設定
======================================================= */

#wrapper {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

#wrappertop {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

header {
    width: 100%;
}

#headnav {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-top: 1px solid #e6e6e6;   /* 　上部メニューの下線の色が設定できます */
    border-bottom: 1px solid #e6e6e6;
    background: #fff url(../img/nav_bg01.gif) repeat-x;     /* 　上部メニューの背景色が設定できます */
}

#main {
    width: 94%;
    padding: 20px 3% 20px 3%;
}

#nav {
    display: none;
}

#spnav {
    width: 100%;
}

footer {
    clear: both;
    width: 100%;
    padding: 0 0 30px 0;
    /*background: #fff;*/
    text-align: left;
}


/* TOPページ用のレイアウト設定
======================================================= */

#top_a {
    width: 94%;
    margin: 20px 0 0 0;
    padding: 0 0 0 3%;
    background: #fff;
    text-align: left;
}

#top_b {
    width: 94%;
    margin: 20px 0 30px 0;
    padding: 0 0 0 3%;
    background: #fff;
    text-align: left;
}

#top_a div.block {
    clear: both;
    margin-bottom: 30px;
}

#top_a div.block h3 {
    margin: 0 0 10px 0;
    padding: 6px 0 6px 5px;
    border-top: 3px solid #ccc;        /* 5-A 大見出し上部ライン */
    border-bottom: 1px solid #ccc;        /* 5-B 大見出し下部ライン */
    color: #333;        /* 5-C 大見出し文字 */
    font-size: 100%;
    font-weight: bold;
}

#top_a div.block p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

#top_a div.block ul {
    margin: 5px 0 5px 10px;
    padding: 0 0 0 10px;
    line-height: 1.5;
}
#top_a div.block ul.bxslider {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#top_a div.block ol {
    margin: 5px 0 5px 15px;
    padding: 0 0 0 20px;
    line-height: 1.5;
}


#top_b div.block {
    clear: both;
    margin-bottom: 20px;
}


#top_b div.block h3 {
    margin: 0 0 10px 0;
    padding: 6px 0 6px 5px;
    border-bottom: 3px solid #ccc;        /* 5-D 小見出し下部ライン */
    color: #333;        /* 5-E 小見出し文字 */
    font-size: 100%;
    font-weight: bold;
}

#top_b div.block p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

#top_b div.block ul {
    margin: 5px 0 5px 10px;
    padding: 0 0 0 10px;
    line-height: 1.5;
}

#top_b div.block ol {
    margin: 5px 0 5px 15px;
    padding: 0 0 0 20px;
    line-height: 1.5;
}

ul.bxslider {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/* header部分のスタイル設定
======================================================= */

header h1 {
    padding: 10px 5% 0;
    /*display: none;*/
}

header a:link,
header a:visited,
header a:hover,
a:active {
    color: #333;
    text-decoration: none;
} /* 2-C タイトル文字 */

header #logo {
    width: 94%;
    margin: 0 0 8px 0;
    padding: 15px 3% 10px 3%;
    color: #000;
    font-size: 180%;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}

header .header_r {
    display: none;
}


/* main部分設定
======================================================= */

#contents_title {
    width: 100%;
    text-align: left;
}

#directry {
    width: 100%;
    padding: 0 0 0 2px;
    color: #666;
    font-size: 77%;
    text-align: left;
}

#contents_title h2 {
    margin: 10px 0 0 0;
    padding: 8px 0 6px 5px;
    border-bottom: 1px solid #ccbc7a;        /* 6-B 大見出し下部ライン */
    /*border-top: 3px solid #cccccc;*/        /* 6-A 大見出し上部ライン */
    color: #333;        /* 6-C 大見出し文字 */
    font-size: 123.1%;
    font-weight: bold;
}

#info_contents_title {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
}

#contents {
    width: 100%;
    margin: 0 0 0 0;
    padding: 17px 0 0 0;
    text-align: left;
}

#contents_tpc {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    text-align: left;
}

#contents div.block {
    clear: both;
    margin-bottom: 30px;
}

#contents div.block h3 {
    margin: 0 0 15px 0;
    padding: 8px 0 7px 10px;
    border-left: 10px solid #ccbc7a;
    background: #1a8033;
    color: #fff;        /* 6-E 小見出し文字 */
    font-size: 116%;
    font-weight: bold;
    text-align: left;
    /*border-bottom: 3px solid #cccccc;*/        /* 6-D 小見出し下部ライン */
}


.top_pagetopset {
    clear: both;
    width: 100%;
    margin: 0 auto 20px;
    padding: 20px 0 17px 0;
    font-size: 77%;
    text-align: center;
}

.pagetopset {
    clear: both;
    width: 94%;
    margin: 15px 3% 20px;
    padding: 0;
    border: 1px solid #ccc;
    background: #1a8033;
    text-align: center;
}

a.pagetop {
    display: block;
    margin: 0;
    padding: 10px 0;
    color: #fff;
    text-align: center;
}

a.pagetop:link {
    color: #fff;
    text-decoration: none;
}
a.pagetop:visited,
a.pagetop:active {
    color: #fff;
    text-decoration: none;
}
a.pagetop:hover {
    color: #fff;
    text-decoration: none;
}


/* headnav部分設定
======================================================= */

.catetop {
    display: none;
}

#menu {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0;
    border-top: 1px solid #ccc;
}

#menu ul {
    margin: 0;
    padding: 0;
}

#menu li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#menu li.disnon {
    display: none;
}

/* nav button set */

.button a {
    display: block;
    margin: 0;
    padding: 12px 15px 8px 15px;
    border-bottom: 1px solid #ccc;        /* 4 第一階層下部ライン（スマホ） */
    background: rgb(42,102,45);
    background: linear-gradient(0deg, rgba(42,102,45,1) 0%, rgba(46,128,46,1) 100%);
    color: #fff;        /* 4-G 第一階層文字（スマホ／通常時） */
    font-size: 108%;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    zoom: 1;
}

.button a:active {
    background: rgb(170,138,10);
    background: linear-gradient(0deg, rgba(170,138,10,1) 0%, rgba(139,111,0,1) 100%);
    color: #fff;     /* 上部メニューボタンの文字色（セレクト時）が設定できます */
}

.button a.selected {
    background: rgb(170,138,10);
    background: linear-gradient(0deg, rgba(170,138,10,1) 0%, rgba(139,111,0,1) 100%);
    color: #fff;     /* 上部メニューボタンの文字色（セレクト時）が設定できます */
}

.button a.selected:active {
    background: rgb(170,138,10);
    background: linear-gradient(0deg, rgba(170,138,10,1) 0%, rgba(139,111,0,1) 100%);
    color: #fff;     /* 上部メニューボタンの文字色（セレクト時）が設定できます */
}

.button a.nolink {
    color: #333;
}



/* nav部分設定
======================================================= */

#submenu {
    list-style: none;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0;
    border-top: 1px solid #cfcfcf;
}

#submenu ul {
    margin: 0;
    padding: 0;
}

/* subbutton set */

.subbutton {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d6d6d6;
    font-size: 108%;
    text-align: left;
    line-height: 130%;
}

.subbutton a {
    display: block;
    margin: 0;
    padding: 12px 0 12px 15px;
    background: #fdf7de;        /* 4-L 第二階層背景（通常時） */
    color: #1a8033;        /* 4-N 第二階層文字（通常時） */
    text-decoration: none;
}

.subbutton a:active {
    background-color: #fff;
}
.subbutton a.subselected {
    background-color: #fdf7de; /* 4-M 第二階層背景（選択時） */
    color: #1a8033; /* 4-O 第二階層文字（選択時） */
}
.subbutton a.subselected:active {
    background-color: #fdf7de; /* 4-M 第二階層背景（通常時） */
    color: #1a8033; /* 4-O 第二階層文字（選択時） */
}
#submenu a.subnolink {
    background-color: #ededed;
    color: #666;
}

/* localbutton set */

.localmenu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.localbutton {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 1px solid #cfcfcf;
    font-size: 100%;
    text-align: left;
    line-height: 130%;
}

.localbutton a {
    display: block;
    margin: 0;
    padding: 10px 0 10px 30px;
    background: #fdf7de;        /* 4-P 第三階層背景（通常時） */
    color: #1a8033;        /* 4-Q 第三階層文字（通常時） */
    text-decoration: none;
}

.localbutton a:active {
    background: #d6d6d6;
    color: #666;
}
.localbutton a.localselected {
    background-color: #1a8033; /* 4-R 第三階層背景（選択時） */
    color: #fff; /* 4-S 第三階層文字（選択時） */
    font-weight: bold;
}

.localbutton a.localselected:active {
    background-color: #1a8033;/* 4-R 第三階層背景（選択時） */
    color: #fff; /* 4-S 第三階層文字（選択時） */
    font-weight: bold;
}
#submenu a.localnolink {
    background-color: #f1f1f1;
    color: #666;
}

.button a span {
    display: none;
}

.subbutton a span,
.localmenu .localbutton a span {
    display: inline;
    color: #999;
    font-size: 77%;
}


/* footer部分設定
======================================================= */

#footer_nav {
    clear: both;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 12px 0 5px 0;
    background: #1a8033;        /* 7-A 背景 */
}

#footer_nav ul {
    list-style: none;
    padding: 0 0 0 0;
}

#footer_nav li {
    margin: 0 0 7px 10px;
    padding: 0 10px 0 3px;
    white-space: nowrap;
}

#footer_nav a {
    display: block;
    padding: 7px 0 7px 0;
    color: #fff;        /* 7-B 文字 */
    text-decoration: none;
    line-height: 1;
}

#footer_nav a:active,
#footer-nav a:hover {
    color: #333;
    text-decoration: underline;
}

#footer_nav a.footnolink {
    color: #333;
    text-decoration: none;
}

.copyright {
    width: 94%;
    margin: 0;
    padding: 0 3% 0 3%;
    font-size: 77%;
    font-style: normal;
    text-align: center;
    line-height: 1;
}

#powered {
    display: none;
}


/* topics部分のスタイル設定
======================================================= */

.mceTopics {
    margin: 0;
    padding: 0;
}

#top .mceTopics ul,
.mceTopics ol {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.5;
}

.mceTopics ul,
.mceTopics ol {
    list-style: none;
    margin: 0 0 20px 0;
}

.mceTopics li {
    margin: 3px 0 0 0;
    padding: 0 0 3px 0;
    border-bottom: 1px dotted #999;
}

.topicsblock {
    min-height: 28px;
    height: auto !important;
    height: 28px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #8b6f00;
}



.mceTopics .padding_right {
    padding-right: 15px;
}

.topicsblockleft {
    float: left;
    width: 50%;
    height: 28px;
}

.topicsblockright {
    float: right;
    width: 25%;
    height: 28px;
}


.topicsblock_un {
    margin: 10px 0 10px 0;
    padding: 8px 0 0 5px;
    border-bottom: 3px solid #ccc;        /* 6-A 大見出し上部ライン */
    font-weight: bold;
}

#top .topicsblock h3 {
    float: left;
    width: 65%;
    padding: 0;
    border: 0 solid #ccc;
    background: none;
    color: #333;        /* 5-Gお知らせ見出し文字 */
    font-size: 123.1%;
    font-weight: bold;
}

.topicsblock_un h2 {
    float: left;
    width: 80%;
    padding: 0;
    border: 0 solid #ccc;
    background: none;
    color: #333;
    font-size: 123.1%;
    font-weight: bold;
}

.topicsblock .linkset {
    display: flex;
    float: right;

    align-items: center;
}

#top .topicsblock .infolistset {
    float: left;
    padding: 0;
    font-size: 77%;
}

.topicsblock .infolistset a {
    padding: 0 0 0 8px;
    background: url(../img/ico_yellow_arrow.gif) 0 .3em no-repeat;
}

.inforss {
    display: none;
    float: right;
    width: 25px;
    padding: 2px 0 4px 0;
    font-size: 77%;
}
.inforss a {
    display: flex;

    align-items: center;
}
.inforss a img {
    margin: 0 3px 0 0;
}

.top-a-block .topicsblockleft,
.top-b-block .topicsblockleft {
    width: 70%;
}


/* お知らせ一覧ページ送り部分のスタイル設定
======================================================= */

ul.pager {
    margin: 0 0 20px 0;
    text-align: center;
}

ul.pager li {
    display: inline;
    list-style: none;
}

ul.pager li strong {
    display: -moz-inline-box; /* firefox2 対応 */
    display: inline-block;
    padding: .25em .4em;
    border: 1px #999 solid;
    background-color: #999;
    color: #fff;
}

ul.pager li a {
    display: -moz-inline-box; /* firefox2 対応 */
    display: inline-block;
    padding: .25em .4em;
    border: 1px #ccc solid;
    text-decoration: none;
}

ul.pager li a:link,
ul.pager li a:visited {
    border-color: #ccc;
    color: #333;
}

ul.pager li a:hover,
ul.pager li a:active {
    border-color: #999;
    background-color: #999;
    color: #fff;
}


/* sitemapページのスタイル設定
======================================================= */

#contents div.block_sm {
    clear: both;
    min-width: 300px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #8b6f00;
}

.block_sm a:visited {
    color: #8b6f00;
}

#contents .sitemap {
    min-width: 310px;
    margin: 0;
    padding: 0 0 0 0;
    border: 0;
    background: none;
    color: #000;
}

#contents .sitemap_ul {
    list-style: none;
    margin: 3px 0 0 23px;
    border: 0;
}

#contents .sitemap_ul li {
    padding: 2px 0 2px 17px;
    border: 0;
    background: url(../img/sitemap_arrow.gif) no-repeat 0 5px;
    text-align: left;
}

.sitemap_ul li ul {
    list-style: none;
    margin: 3px 0 0 13px;
}

.sitemap_ul li ul li {
    padding-left: 17px;
    background: url(../img/sitemap_arrow.gif) no-repeat 0 5px;
    text-align: left;
}


/* BLOCK内スタイル設定
======================================================= */

p {
    margin: 0;
    line-height: 1.5;
}

span.texts {
    font-size: 77%;
    line-height: 1.3;
}
span.textn {
    font-size: 93%;
    line-height: 1.5;
}
span.textl {
    font-size: 108%;
    line-height: 1.5;
}
span.textll {
    font-size: 200%;
    line-height: 1.5;
}
span.textxl {
    font-size: 350%;
    line-height: 1.5;
}
span.textxxl {
    font-size: 500%;
    line-height: 1.5;
}

.tac {
    text-align: center;
}
.tar {
    text-align: right;
}
table.nbr,
table.tbr table.nbr {
    border-collapse: collapse;
    border-top: none;
    border-left: none;
}

table.nbr th,
table.tbr table.nbr th {
    padding: 0;
    border-right: none;
    border-bottom: none;
    color: #333;
    line-height: 1.5;
}

table.nbr td,
table.tbr table.nbr td {
    padding: 0;
    border-right: none;
    border-bottom: none;
    color: #333;
    line-height: 1.5;
    word-break: break-all;
}

table.tbr,
table.nbr table.tbr {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #ccc;        /* 6-H 全体ライン */
    border-left: 1px solid #ccc;        /* 6-H 全体ライン */
}

table.tbr th,
table.nbr table.tbr th,
table.tbr td.item {
    padding: 10px;
    border-right: 1px solid #ccc;        /* 6-H 全体ライン */
    border-bottom: 1px solid #ccc;        /* 6-H 全体ライン */
    background: #f2faed;        /* 6-F 表組み背景 */
    color: #333;        /* 6-G 表組み文字 */
    font-weight: bold;
    line-height: 1.5;
}
table.tbr td.item br {
    display: none;
}
table.tbr td,
table.nbr table.tbr td {
    padding: 10px;
    border-right: 1px solid #ccc;        /* 6-H 全体ライン */
    border-bottom: 1px solid #ccc;        /* 6-H 全体ライン */
    line-height: 1.5;
    word-break: break-all;
}

blockquote {
    clear: both;
    margin: 0;
    padding: 10px;
    border: 1px solid #cfcfcf;
    background: #f3f3f3;
    text-align: left;
    line-height: 1.4;
}

form {
    margin: 0;
    padding: 0;
}


img {
    max-width: 100%;
    height: auto;
    border: 0;
}

img {
    max-width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0 none;
    vertical-align: top;
    line-height: 1;
}

p.img {
    text-align: center;
}

.photo_r,
.photo_l,
.photo_c {
    margin: 0 auto 10px auto;
    color: #333;
    font-size: 77%;
    text-align: center;
    line-height: 1.3;
}

.photo_r img,
.photo_l img,
.photo_c img {
    margin-bottom: 3px;
}

/* トップページスタイル */


.topmain img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

.topmain {
    display: table-cell;
    width: 640px;
    height: 100%;
    background: url(../../img/main_bg.jpg) 0 0 no-repeat;
    background-size: 100%;
    text-align: left;
    vertical-align: middle;
}

.topmain .txt {
    width: 80%;
    margin: 0 5% 0 5%;
    padding: 5%;
    background: url(../../img/main_txtbg.png) 0 0;
    text-align: left;
    vertical-align: middle;
}

/* コンテンツ　パターン2 縦並び×2 */

.cnt_l,
.cnt_r {
    width: 100%;
    margin: 0 0 10px 0;
}

.cnt_l .img,
.cnt_r .img {
    float: left;
    width: 80px;
}

.cnt_l .info,
.cnt_r .info {
    float: left;
    width: 72%;
    text-align: left;
}

.com_info {
    padding: 10px;
    border: 1px solid #ccc;
}

/* 下層お問い合わせ */

.f_inquiry {
    width: 93%;
    margin: 40px auto 0 auto;
    padding: 0 3%;
    border: 3px solid #ccc;
    line-height: 1.5;
}

.f_inquiry_top {
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px dotted #ccc;
    font-weight: bold;
    text-align: center;
}

.f_inquiry_btm {
    margin: 0;
    padding: 0;
}

.f_inquiry_btm .btm_left {
    float: left;
    width: 100%;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

.f_inquiry_btm .btm_right {
    float: right;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0;
    text-align: center;
}

.f_inquiry_btm .btm_right img {
    margin: 5px 0 0 0;
    padding: 0;
}

p.inquiry_tel {
    margin: 0 0 0 0;
}

p.inquiry_tel span {
    font-size: 77%;
    font-weight: normal;
}

p.inquiry_tel strong {
    margin: 0 0 0 0;
    padding: 0 0 0 28px;
    background: url(../img/tel.gif) no-repeat 0 0;
}

ul.checklist3 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/* コンテンツレイアウト設定
======================================================= */

.sp_tac {
    text-align: center;
}

/* コンテンツ　パターン1 150_120 横*1 */

.cl150_1 .img {
    float: left;
    width: 165px;
    margin: 0 0 0 0;
}

.cl150_1 .txt {
    margin: 0 0 5px 0;
}

/* コンテンツ　パターン2 150_120横並び2列 */

.cl150_2 {
    margin: 0 0 20px 0;
}

.cl150_2 .img {
    float: left;
    width: 165px;
    margin: 0 0 0 0;
}

.cl150_2 .info {
    margin: 0 0 5px 0;
}


/* コンテンツ　パターン3 80_80横並び */

.cl80_80_3 {
    margin: 0 0 20px 0;
}

.cl80_80_3 .img {
    float: left;
    width: 90px;
    margin: 0 0 0 0;
}


/* コンテンツ　パターン4 350_80横並び1列 */

.cl340_1 .img {
    margin: 0 0 5px 0;
    text-align: center;
}

/* コンテンツ　パターン5 350_80縦並び2列 */

.cl340_80_2 {
    margin: 0 0 20px 0;
}

.cl340_80_2 p,
.cl340_80_2 p {
    margin: 0 0 5px 0;
}

.cl340_80_2 .img,
.cl340_80_2 .img {
    text-align: center;
}

/* コンテンツ　パターン6 230_80縦並び3列 */

.cl220_3 {
    margin: 0 0 20px 0;
}

.cl220_3 p {
    margin: 0 0 5px 0;
}

.cl220_3 .img {
    text-align: center;
}

a.arw {
    padding: 0 0 0 8px;
    background: url(../img/arw.gif) 0 .5em no-repeat;
}

/* テキストバナー設定 */

.txt_bn,
.txt_bn2 {
    padding: 5px;
    border: 1px solid #ccc;
}

.txt_bn img,
.txt_bn2 img {
    vertical-align: bottom;
}

.txt_bn table.nbr,
.txt_bn2 table.nbr {
    width: 100%;
}

.txt_bn table.nbr td.img {
    width: 57px;
}

.txt_bn2 table.nbr td.img {
    width: 57px;
    text-align: right;
}


/* テキストボタン設定 */

#contents div.block .btn {
    border: 1px solid #b00505;
    background: #df4040; /* Old browsers */ /* 8 ボタン背景上部色 #df4040 下部色 #b00505 */
    background:    -moz-linear-gradient(top,  #df4040 0%, #b00505 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df4040), color-stop(100%,#b00505)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #df4040 0%,#b00505 100%); /* Chrome10+,Safari5.1+ */
    background:      -o-linear-gradient(top,  #df4040 0%,#b00505 100%); /* Opera 11.10+ */
    background:     -ms-linear-gradient(top,  #df4040 0%,#b00505 100%); /* IE10+ */
    background:         linear-gradient(to bottom,  #df4040 0%,#b00505 100%); /* W3C */
    color: #fff;        /* 8 ボタン文字色 */
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    zoom: 1;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df4040', endColorstr='#b00505',GradientType=0 ); /* IE6-9 */
}

#contents div.block .btn a {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    color: #fff;
    text-decoration: none;
}

#contents div.block .btn a:link,
#contents div.block .btn a:visited {
    color: #fff;
}
#contents div.block .btn a:active,
#contents div.block .btn a:hover {
    background: #df4040;
    color: #fff;
}


/* お問い合わせ
-------------------------------------*/

.contactform table.tbr {
    width: 100%;
    border: none;
    border-top: 1px solid #ccc;
}

.contactform table.tbr th {
    display: block;
    width: 94%;
    padding: 10px 3%;
    border: 1px solid #ccc;
}

.contactform table.tbr th br {
    display: none;
}

.contactform table.tbr td {
    display: block;
    width: 94%;
    /*margin: 0 0 20px;*/
    padding: 10px 3%;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

#contents div.block .contactform ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#contents div.block .contactform input[type="text"],
#contents div.block .contactform input[type="email"],
#contents div.block .contactform input[type="url"],
#contents div.block .contactform input[type="file"],
#contents div.block .contactform textarea,
#contents div.block .contactform select {
    width: 99% !important;
}

#contents div.block .contactform input[type="tel"] {
    width: 28% !important;
}

#contents div.block form input[type="submit"] {
    width: 94% !important;
    padding: 10px 3%;
}

dl.subform {
    width: 100%;
    padding: 0 0 5px 0;
}

dl.subform dt {
    font-weight: bold;
}



/* お問い合わせ error */

.err_block {
    clear: both;
    margin-bottom: 17px;
    padding: 12px;
    background: #ffe8e8;
}

.err_block p {
    color: #f00;
    font-size: 100%;
    line-height: 1.6;
}

.err_block p.err_tit {
    margin: 0 0 5px 0;
    padding: 2px 0 2px 10px;
    background: #f00;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
}

#contents div.block #form_flow {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 77%;
}

#form_flow li {
    list-style-type: none;
    float: left;
    width: 28%;
}

#form_flow li.arw {
    width: 8%;
    padding: 7px 0 0 0;
    text-align: center;
}

#form_flow li .inner {
    padding: 5px 0;
    border: 1px solid #d2d2d2;
    text-align: center;
}

label.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

input.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

select.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

textarea.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

#contents div.block .contactform ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#contents div.block .contactform input {
    vertical-align: middle;
}


#contents div.block .err_block {
    clear: both;
    margin-bottom: 17px;
    padding: 12px;
    background: #ffe8e8;
}

#contents div.block .err_block p {
    color: #f00;
    font-size: 100%;
    line-height: 1.6;
}

#contents div.block .err_block p.err_tit {
    margin: 0 0 5px 0;
    padding: 2px 0 2px 10px;
    background: #f00;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
}

.stepflow {
    display: table;
    overflow: hidden;
    list-style-type: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.stepflow li {
    display: table-cell;
    position: relative;
    width: 33%;
    padding: 12px 0 15px 0;
    background: #faf8eb;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1.3;
}
.stepflow li:last-child::before,
.stepflow li:last-child::after {
    display: none;
}
.stepflow li::before,
.stepflow li::after {
    position: absolute;
    width: 0;
    height: 0;
    margin: auto;
    content: "";
}
.stepflow li::before {
    z-index: 10;
    top: -8px;
    right: -1em;
    border-width: 40px 0 40px 1em;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
.stepflow li::after {
    z-index: 10;
    top: -8px;
    right: -.9em;
    border-width: 40px 0 40px 1em;
    border-style: solid;
    border-color: transparent transparent transparent #faf8eb;
}
.stepflow li.is-current {
    background: #1a8033;
    color: #fff;
}
.stepflow li.is-current::after {
    border-color: transparent transparent transparent #1a8033;
}
.stepflow li span {
    display: block;
    font-size: 93%;
}
form input[disabled]{
    cursor: default;
}
#contents div.block input.btn[disabled] {
    background: #dcdcdc;
    border: none;
}

/*アコーディオン
-------------------------------------*/
.accordion {
    background: #dcdcdc;
}

.headaccordion {
    display: block;
    padding: 10px 10px 7px 10px;
    background: #fff url(../img/nav_bg01.gif) repeat-x;     /* 　上部メニューの背景色が設定できます */
    color: #fff;
    font-size: 123.1%;
    font-weight: bold;
    text-align: left;
}

.subaccordion {
    display: block;
    padding: 10px 10px 10px 10px;
    background: #ffedbe;
    color: #333;
    font-size: 123.1%;
    text-align: left;
}

.trigger .name {
    float: left;
    width: 70%;
    line-height: 1.2;
}

.accordion_tree {
    padding: 0 0;
    background: #fff;
    font-size: 100%;
    text-align: left;
}

.open-close {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 0 0 0;
    background: url(../img/nav_open.gif) 0 50% no-repeat;
    -webkit-background-size: 12px 12px;
    text-indent: -9999px;
}

.open-close2 {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 0 0 0;
    background: url(../img/snav_open.gif) 1px 50% no-repeat;
    -webkit-background-size: 10px 10px;
    text-indent: -9999px;
}

.headaccordion.active .open-close {
    background: url(../img/nav_close.gif) 0 50% no-repeat;
    -webkit-background-size: 12px 12px;
}

.subaccordion.active .open-close2 {
    background: url(../img/snav_close.gif) 1px 50% no-repeat;
    -webkit-background-size: 10px 10px;
}


/* スマホPC切替スイッチ
======================================================= */

.dvc_switch {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.dvc_switch ul {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
}

.dvc_switch li {
    list-style-type: none;
    float: left;
    width: 49.5%;
}

.dvc_switch li:last-child {
    list-style-type: none;
    float: right;
    width: 49.5%;
}

.dvc_switch li a {
    display: block;
    width: 100%;
    height: 20px;
    padding: 3px 0;
    border-radius: 5px;
    background: #1a8033;
    color: #fff;
    text-decoration: none;
}

.dvc_switch li:first-child a {
    line-height: 1.6;
}

.dvc_switch p {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

.dvc_switch a {
    display: block;
    padding: 3px 10%;
    background: #ccc;
    color: #fff;
    text-decoration: none;
}


.access_area {
    width: 180px;
    padding: 15px 10px;
    border: #e6e6e6 1px solid;
    background: #faf8eb;
}

#wrappertop .top-b-block .acc_img {
    padding-bottom: 10px;
}

.access_area .padding_bottom {
    padding-bottom: 25px;
}

.link_list li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 0;
}
.link_list li p {
    font-size: 77%;
    margin: 5px 0 0 0;
}
.link_list a {
    display: block;
    border: 1px solid #cabc76;
    font-size: 108%;
    font-weight: bold;
    padding: 10px;
    text-decoration: none;
    background: rgb(245,242,222);
    background: linear-gradient(0deg, rgba(245,242,222,1) 0%, rgba(255,255,255,1) 100%);
    position: relative;
}
.link_list .oshirase a {
    padding: 0;
    border: none;
    background: none;
}
.link_list a::before {
    content: "";
    width: 35px;
    height: 34px;
    position: absolute;
    top: calc(50% - 17px);
    right: 10px;
}
.link_list .contact a::before {
    background: url(../img/ico_contact.png) 0 0 no-repeat;
}
.link_list .download a::before {
    background: url(../img/ico_download.png) 0 0 no-repeat;
}
.link_list .virtual a::before {
    background: url(../img/ico_virtual_view.png) 0 0 no-repeat;
}
.link_list .seat a::before {
    background: url(../img/ico_seat_view.png) 0 0 no-repeat;
}
.link_list .barrier a::before {
    background: url(../img/ico_barrier_free.png) 0 0 no-repeat;
}
.link_list .subsidy a::before {
    background: url(../img/ico_subsidy.png) 0 0 no-repeat;
}
/*.link_list li {
        margin: 0;
        padding: 0 0 20px 0;
        list-style-type: none;
}

.h_right_top ul li {
        float: left;
        list-style-type: none;
}

.h_right_top ul li img {
    vertical-align: middle;
}*/

/*#fontSize {
        width: 220px;
        margin: 20px auto;
}

#fontSize .padding_right1 {
        padding-right: 12px;
}

.padding_right1 {
        padding-right: 8px;
}

.h_r_top_right {
        width: 260px;
        margin:0 auto 20px auto;
}

.h_r_top_right img {
    vertical-align: middle;
}*/

/*.h_r_top_right .padding_right1 img {
        padding-top: 5px;
}*/

/*#fontSize .padding_right {
        padding-right:12px;
}

#fontSize .end {
        pading: 0;
}

.h_r_top_right .padding_right {
        padding-right: 12px;
}

.h_r_top_right .end {
        padding: 0;
}*/
.header_left {
    margin: 0 0 20px;
}
.header_left .anc {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0 0 0 8px;
    background: url(../img/ico_green_un.gif) 0 8px no-repeat;
}
.header_left .anc a {
    color: #1a8033;
}
.h_right_top {
    display: flex;
    flex-direction: column;
    margin: 0 0 10px;

    align-items: center;
}
.h_right_top ul {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.h_right_top ul li.csr {
    cursor: pointer;
}
.h_right_top ul.h_r_top_left {
    margin: 0 0 10px 0;
    padding: 0;
}
.h_r_top_left li {
    margin: 0 0 0 5px;
}
#fontSize .changeBtn {
    padding: 3px 5px 4px;
    border: 1px solid #2b662d;
    background: #2c8230;
    color: #fff;
    line-height: 1;
}
#fontSize .changeBtn.active {
    border: 1px solid #cabc76;
    background: #fff;
    color: #2c8230;
}

.h_r_top_right {
    margin: 0;
    padding: 0;

    align-items: center;
}
.h_r_top_right li.csr {
    margin: 0 0 0 5px;
    padding: 0;
    border: 1px solid #cabc76;
    background: #fff;
    line-height: 1;
}
.h_r_top_right li.csr button {
    padding: 6px 5px;
    border: none;
    background: none;
    line-height: 1;
    cursor: pointer;
}

.h_r_top_right li.csr.blue button {
    background: #1d0fff;
    color: #fefe00;
}
.h_r_top_right li.csr.yellow button {
    background: #fefe00;
    color: #000;
}
.h_r_top_right li.csr.black button {
    background: #000;
    color: #fefe00;
}
.h_right_bottom {
    margin: 0 0 20px;
}
.header_link {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;

    justify-content: center;
}
.header_link li {
    margin: 0 10px;
}
.header_link li a {
    display: block;
    padding-left: 8px;
    background: url("../img/ico_green.gif") no-repeat 0 7px;
    color: #1a8033;
}

#wrappertop { /* Chrome, Safari */
    background-color: #fffefa;
    -webkit-box-shadow: 0 0 6px #222;  
       -moz-box-shadow: 0 0 6px #222; /* Firefox */
            box-shadow: 0 0 6px #ccc;;
}

.header_link  .end {
    padding: 0;
}


.a_block_right {
    width: 300px;
    margin: 0 auto;
}

.pblck_info_tit {
    width: 243px;
    margin: 0 auto;
}

.pblck_content {
    width: 200px;
    margin: 0 auto;
}

.a_block_left {
    padding-bottom: 20px;
}

#top_b {
    width: 200px;
    margin: 0 auto;
}

#top_b div.block ul {
    margin: 0;
    padding: 0;
}

.pblck_info_tit {
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #8b6f00;
}

.bx-wrapper .bx-pager {
    padding-top: 20px;
    border-radius: 20px;
    opacity: .8;
    color: #666;
    font-family: Arial;
    font-size: .85em;
    font-weight: bold;
    text-align: center;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    z-index: 100;
    bottom: 15px;
    width: 100px;
    margin-left: 60% !important;
    text-align: right;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 10px !important;
        width: 35px;
}
.bx-wrapper .bx-pager {
    padding: 6px 6px 4px 6px !important;
}
th.clnder_time {
    height: 128px;
}

th.clnder_time table {
    margin: 0;
    padding: 0;
}

/* h4設定
======================================================= */
h4 {
    font-size: 108%;
    margin-bottom: 15px;
    padding-left: 20px;
    background: url("../img/ico_h4.gif") no-repeat 0 2px;
    font-weight: bold;
}

/* バリアフリー
======================================================= */
.box_left {
    padding-bottom: 5px;
    text-align: center;
}

.box_right {
    width: 300px;
    margin: 0 auto;
}


/* ページ内リンク
======================================================= */
.page_link {
    padding: 12px 20px;
    background: none repeat scroll 0 0 #fff9e0;
}

.page_link ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.page_link ul li {
    margin: 0 40px 0 0;
}


/* ファイルダウンロードアイコン
======================================================= */
.download_pdf {
    margin-bottom: 15px;
    padding-left: 55px;
    background: url("../img/ico_pdf_file.gif") no-repeat 0 0;
}
.download_excel {
    margin-bottom: 15px;
    padding-left: 55px;
    background: url("../img/ico_excel_file.gif") no-repeat 0 0;
}
.download_word {
    padding-left: 55px;
    background: url("../img/ico_word_file.gif") no-repeat 0 0;
}

/* 図面ダウンロードアイコン
======================================================= */

ul.objectlink li {
    margin-bottom: 20px;
}

.adobe_dl {
    margin-top: 5px;
    padding: 5px 0 5px 120px;
    background: url("../img/img_adobe_reader.gif") no-repeat 0 0;
}

/* カレンダー
======================================================= */

/*#contents table.clnder {
        border: none;
}*/

#contents table.clnder th {
    border-left: 1px solid #ccc;
}

#contents table.clnder td.week {
    border-top: 1px solid #ccc;
}


td.bg_blue {
    background: #edf4fa;
}

td.bg_red {
    background: #fff0f0;
}

td.bg_cream {
    background: #fffcf0;
}


/* 施設利用料金ページ
======================================================= */

.bg_beige {
    background: url("../../img/bg_beige.gif") repeat-y;
}

.bg_beige .beige_btm {
    padding: 15px 20px;
    background: url("../../img/bg_beige_btm.gif") no-repeat bottom;
}

.bg_beige .beige_btm .block_tit {
    margin-bottom: 8px;
}

.price_total {
    float: right;
}

li.total {
    margin-bottom: 10%;
}

.price_tbr ul {
    margin: 0;
    padding: 0;
}

.price_tbr ul li {
    list-style-type: none;
}

.price_total ul {
    margin: 0;
    padding: 0;
}

.price_total ul li {
    list-style-type: none;
}

.sp_none {
    display: none;
}

input {
    padding-top: 8px;
}
select option:checked,
select option:hover {
    background: #0c80b6;
}

.wrap_pricetable {
    overflow-x: scroll;
}
.wrap_pricetable table {
    width: 100%;
    white-space: nowrap;
}
table.tbr.price thead th {
    background: #ceefc1;
}


/* 助成金制度のご案内 小見出し
======================================================= */

.pc_none span.block_tit {
    margin: 0 0 0 0;
    padding: 8px 10px 5px 10px;
    border-left: 10px solid #ccbc7a;
    color: #333;        /* 6-E 小見出し文字 */
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    /*border-bottom: 3px solid #cccccc;*/        /* 6-D 小見出し下部ライン */
}

.pc_none span.block_tit a {
    color: #333;        /* 6-E 小見出し文字 */
    text-decoration: none;
}

.pc_none .block_contents {
    margin: 20px 0 0 0;
}


/* フォーム設定追加 160615
======================================================= */

table.contact th,
table.contact td {
    display: block;
    box-sizing: border-box;
    width: 100%;
}

table.contact th br {
    display: none;
}

#usedata .nbr td {
    display: table-cell;
    box-sizing: border-box;
    width: auto !important;
}

form table.contact select {
    margin: 0 5px 5px 0;
}
form table.contact input[type="text"],
form table.contact input[type="tel"] {
    margin: 0 0 5px;
}
form table.contact input[type="text"],
form table.contact textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    font-size: 108%;
}
form table.contact input[type="tel"] {
    padding: 5px;
    font-size: 108%;
}

form table.contact input[type="checkbox"],
form table.contact input[type="radio"] {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

ul.checklist {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.checklist li {
    float: left;
    width: 33%;
    line-height: 2;
}
ul.checklist li:last-child {
    float: left;
    width: 100%;
}
ul.checklist2 {
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.checklist2 li {
    float: left;
    width: 25%;
}

.savedata {
    margin: 20px 0 20px;
    padding: 20px;
    background: #fff9e0;
}
.savedata p.memo {
    margin: 0 0 10px;
    color: #666;
    font-size: 85%;
    /*text-indent: 2em;*/
    text-align: center;
}
.savedata p.caution {
    color: #666;
    font-size: 93%;
}

#usedata table {
    width: 600px;
    margin: 0 0 20px;
    text-align: left !important;
}
#usedata table.tbr .w20 {
    width: 20%;
}

#usedata table.nbr th {
    padding: 5px 15px 5px 0;
    background: none;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}

#usedata table.nbr td {
    margin: 0;
    padding: 3px 5px 3px 0;
    font-weight: normal;
}

#usedata input,
#usedata select {
    padding: 2px;
    font-size: 85%;
}

#usedata input[type="text"] {
    width: 80%;
}

#usedata input.input_s {
    width: 10%;
}

input.btn,
#usedata input.btn {
    display: block;
    margin: 0 auto;
    padding: 14px 80px 14px 85px;
    border: none;
    background: #8b6f00;
    color: #fff;
    font-size: 108%;
    font-weight: bold;
    cursor: pointer;
}

a.btn_use {
    display: inline-block;
    margin: 0 auto;
    padding: 7px 30px;
    border: none;
    background: #1a8033;
    color: #fff;
    font-size: 93%;
    text-decoration: none;
    cursor: pointer;
}
a.btn_use:visited {
    color: #fff;
}

.mb05 {
    margin: 0 0 10px;
}
.mb20 {
    margin: 0 0 20px;
}
.mb30 {
    margin: 0 0 30px;
}

.form_sep_txt {
    margin: 0 0 20px;
    font-size: 85%;
    text-align: center;
}

.thx_msg {
    padding: 30px 0;
    text-align: center;
}





/* clearfix
======================================================= */

.clearfix {
    zoom: 1;
}
.clearfix:after {
    display: block;
    clear: both;
    content: "";
}

*:after {
    display: block;
    clear: both;
} /* この記述は固定です */


/* 追加
======================================================= */

/*トップページ*/
.top_movie {
    box-sizing: border-box;
    width: 100%;
    padding: 20px 10px 10px;
    background: #1d6a31;
}
#top_a div.block .top_movie .tit {
    box-sizing: border-box;
    margin: 0 10px 20px;
    padding: 12.5px 0;
    box-shadow: 0 0 0 1px #c1a735, 0 0 0 6px #1d6a31, 0 0 0 9px #c1a735;
    color: #fff;
    font-size: 123.1%;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
}
.yt {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.yt iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* 公会堂歴史小話
======================================================= */

.history_block > p {
    margin: 0 0 20px;
}
.flex_wrap {
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
}
.flex_wrap.img2col {
    justify-content: center;
}
.flex_wrap.img2col p {
    text-align: center;
}
.flex_wrap .img {
    max-width: 300px;
    margin: 20px auto 0;
}
.flex_wrap .txt img {
    margin: 0 auto;
    display: block;
}

.price span {
    font-size: 138.5%;
    font-weight: bold;
    color: #1a8033;
}

/* 言語切り替え
======================================================= */

.language {
    position: fixed;
    right: 15px;
    bottom: 50px;
    z-index: 100;
}

.language button {
    position: relative;
    padding: 8px 40px 8px 32px;
    background-color: #fff;
    background-image: url(../img/ico_language.svg), url("../img/ico_arw_black_up.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: 6px center, right 10px center;
    background-size: 16px auto, 12px auto;
    text-align: left;
    display: block;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    color: #333;
}

.language.on button {
    border-bottom: none;
    background-color: #fff;
    background-image: url(../img/ico_language.svg), url("../img/ico_arw_black_down.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: 6px center, right 10px center;
    background-size: 16px auto, 12px auto;
}

.language ul {
    list-style-type: none;
    display: none;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    background: #fff;
    margin: 0 0;
    bottom: 33px;
    width: 100%;
    text-align: left;
}

.language ul a {
    display: block;
    padding: 8px 10px;
    color: #333;
    text-decoration: none;
}

/* アクセシビリティ対応
======================================================= */

/*本文へ移動タブ*/
#blockskip {
    overflow: hidden;
    font-size: 100%;
    height: 0;
    background: #333;
    text-align: center;
}

#blockskip.show {
    width: 100%;
    height: auto;
}

#blockskip a {
    display: block;
    text-decoration: underline;
    padding: 2px 0;
    color: #fff;
}

#blockskip.show span {
    padding-right: 16px;
    background: url(../img/ico_arw_white_down.svg) no-repeat right center;
    background-size: 16px auto;
}



/* reCAPTCHA
======================================================= */
.recaptcha_cover{
    max-height: 78px;
    overflow: hidden;
    margin: 0 0 30px;
}

.recaptcha_cover .g-recaptcha{
    width: 302px;
    margin: 0 auto;
}
.recaptcha_cover .g-recaptcha iframe {
    max-width: 100%;
    border: none;
}

@media screen and (max-width: 347px) {
    .recaptcha_cover .g-recaptcha {
        -o-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -o-transform: scale(0.921);
        -ms-transform: scale(0.921);
        -webkit-transform: scale(0.921);
        transform: scale(0.921);
        width: 280px;
        margin: 0 auto 30px;
    }
}