@charset "UTF-8";

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


/* IE用印刷設定CSS
======================================================= */

@media print{

body {
_zoom: 67%; /*WinIE only */
}


#top_a {_zoom: 95%; /*WinIE only */
}
}


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

* {margin:0;padding: 0;}

body {
    text-align: center;
    font: 13px "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "Verdana", "sans-serif";
    *font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "sans-serif";
    margin: 0;
    padding: 0;
    background: #fff url(../img/bg_body01.gif) repeat;   /* 背景の色が設定できます */
    color: #333;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 90%;
    text-align: center;
    position: relative;
}
* html body { font: x-small; }
:first-child+html body { font-size: small; }

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 リンク文字 */

address,caption,cite,code,dfn,em,th,var {
        font-style: normal;font-weight:normal;
}

p {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 1.5;
}

ul {
    margin: 5px 0 5px 10px;
    padding: 0 0 0 10px;
    font-size: 100%;
    line-height: 1.5;
}

ol {
    margin: 5px 0 5px 15px;
    padding: 0 0 0 20px;
    font-size: 100%;
    line-height: 1.5;
}
/*フォーカス時のアクセシビリティ対応*/
a:focus, input:focus, button:focus {
  outline: 2px #000 solid;
}

/* 全体のレイアウト設定
======================================================= */
.body_shaddow {
    background: url("../img/bg_body.gif") repeat-y;
    width: 993px;
    margin: 0 auto;
}


#wrapper {
    width: 980px;
    margin: 0 auto;
    background: #000;        /* 4-I 下層メニュー全体背景 */
    /*border-left: 1px solid #d6d6d6;        /* 1-B 全体ライン */
    border-right: 1px solid #d6d6d6;        /* 1-B 全体ライン */*/
    border-bottom: 1px solid #d6d6d6;        /* 1-B 全体ライン */
}

#wrappertop {
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    /*border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;*/
    border-bottom: 1px solid #d6d6d6;
    background: #fffefa;
}


header {
    width: 980px;
    margin: 0 auto;
    padding: 30px 0 20px;
    display: flex;
    align-content: center;
    justify-content: space-between;
}

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

#mainbg {
    overflow: hidden;
    position: relative;
    float: left;
    width: 980px;
    background: #fffffa;
}
#navbg {
    position: relative;
    right: 761px;
    float: left;
    width: 980px;
    border-right: 1px solid #d6d6d6;
    background: #fffcf0;        /* 4-I 下層メニュー全体背景 */
}

#lnav {
    overflow: hidden;
    position: relative;
    left: 761px;
    float: left;
    width: 219px;
    text-align: left;
}

#main {
    overflow: hidden;
    position: relative;
    left: 761px;
    float: right;
    width: 760px;
}
.single #main {
    overflow: hidden;
    position: relative;
    left: 0;
    float: none;
    width: 980px;
}

footer {
    clear: both;
    width: 980px;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
    background: #fffefa;        /* 1-C 内部背景 */
    text-align: left;
}



/* 色別設定
======================================================= */

/* 青設定
======================================================= */
body.body_blue #wrappertop {
    background: #00f !important;
}

body.body_blue #wrappertop p {
    color: #ff0 !important;
}




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

.header_left {
/*    width: 295px;*/
    display: flex;
    align-items: flex-end;
}

.header_left h1 {
    height: 58px;
}
.header_left .anc {
    background: url(../img/ico_green_un.gif) 0 9px no-repeat;
    padding: 0 0 0 8px;
    margin: 0 0 0 10px;
}
.header_left .anc a {
    color: #1a8033;
}

#fontSize img {
    vertical-align: middle;
}

.h_right_top {
    display: flex;
    align-items: center;
    margin: 0 0 10px;
}
.h_right_top ul {
    display: flex;
    align-items: center;
    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 20px 0 0;
    padding: 0;
}
.h_r_top_left li {
    margin: 0 0 0 5px;
}
#fontSize .changeBtn {
    border: 1px solid #2b662d;
    background: #2c8230;
    color: #fff;
    padding: 6px 5px 5px;
    line-height: 1;
    cursor: pointer;
}
#fontSize .changeBtn.active {
    background: #fff;
    color: #2c8230;
    border: 1px solid #cabc76;
}

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


.header_link {
    display: flex;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.header_link li {
    margin: 0 0 0 20px;
}
.header_link li a {
    background: url("../img/ico_green.gif") no-repeat 0 7px;
    padding-left: 8px;
    display: block;
    color: #1a8033;
}

/*.header_link .padding_right {
    float: left;
    list-style-type: none;
    padding-right: 20px;
}

.header_link  .end {
    padding: 0;
}*/

header .header_r a:visited { color: #8b6f00; } /* 3-B リンク文字 */


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

#top_a {
    float: left;
    width: 720px;
    margin: 20px 0 30px 0;
    padding: 0 0 0 20px;
    text-align: left;
}


#top_b {
    float: right;
    width: 200px;
    margin: 20px 0 0 0;
    padding: 0 18px 0 0;
    text-align: left;
}
* html #top_b {
    width: 200px;
    padding: 0 18px 0 0;
}

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

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

#contets a {
    color: #8b6f00;
}

/*#top_a div.block a:visited { color: #8b6f00; } /* 3-B リンク文字 */
#top_a div.block .bx-pager-item a:link,
#top_a div.block .bx-pager-item a:visited,
#top_a div.block .bx-pager-item a:hover {
    color: #fff !important;
}
#top_b div.block {
    clear: both;
    margin: 0 0 20px 0;
}

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

#top_b div.block a:visited {
    color: #8b6f00;
} /* 3-B リンク文字 */


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

#contents_title {
    width: 760px;
    height: 90px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: 1px solid #ccbc7a;        /* 6-B 大見出し下部ライン */
    background: #fffffa;        /* 6-A 大見出し背景 */
    text-align: left;
}
.single #contents_title {
    width: 980px;
}

#directry {
    padding: 15px 0 0 20px;
    color: #333;
    font-size: 77%;
    text-align: left;
}
#directry a:visited {
    color: #8b6f00;
} /* 3-B リンク文字 */

#contents_title h2 {
    margin: 10px 0 0 0;
    padding: 8px 10px 8px 20px;
    color: #333;        /* 6-C 大見出し文字 */
    font-size: 153.9%;
    font-weight: bold;
    line-height: 1.5;
}

#info_contents_title {
    margin: 0 0 0 0;
    background: #fffffa;
    text-align: left;
}

#contents {
    min-height: 500px;
    padding: 17px 20px 0 20px;
    text-align: left;
}

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

#contents div.block {
    clear: both;
    width: 100%;
    margin-bottom: 40px;
}
#contents div.block a:visited {
    color: #8b6f00;
} /* 3-B リンク文字 */

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

.top_pagetopset {
    display: none;
}

.pagetopset {
    clear: both;
    padding-top: 100px;
}

.pagetopset p {
    float: right;
    padding: 0 20px 0 0;
}

a.pagetop {
    display: block;
    width: 80px;
    margin: 0;
    padding: 6px 10px 6px 10px;
    background: #1a8033;        /* 7-A 背景 */
    color: #fff;        /* 7-B 文字 */
    font-size: 77%;
    text-align: center;
}

a.pagetop:link {
    color: #fff;
    text-decoration: none;
} /* 7-B 文字 */
a.pagetop:visited,
a.pagetop:active {
    color: #fff;
    text-decoration: none;
} /* 7-B 文字 */
a.pagetop:hover {
    color: #fff;
    text-decoration: none;
} /* 7-B 文字 */



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

.trigger {
    display: none;
}
#headnav .trigger {
    color: #fff;
}
#lnav .trigger {
    color: #333;
}
.accordion_tree {
    display: block !important;
}

#menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

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

#menu li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
#menu li.disnon {
    display: none;
    opacity: 0;
}


/* nav button set */

.button a {
    display: block;   /* 4-D 第一階層文字（通常時） */
    float: left;
    margin-top: 0;
    padding: 11px 28px 11px 28px;
    /*border-left: 1px solid #1c7532;*/   /* 上部メニューボタンの区切り線の色が設定できます */
    border-right: 1px solid #5fa270;   /* 上部メニューボタンの区切り線の色が設定できます */
    color: #fff;        /* 上部メニューボタンの文字色が設定できます */
    font-size: 93%;
    font-weight: bold;
    text-decoration: none;
}

.button a:active,
.button a:hover {
    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.nolink {
    color: #333;
}



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

.catetop a {
    display: block;
    height: 55px;
    padding: 35px 12px 0;
    color: #333;
    font-size: 123.1%;
    font-weight: bold;
}
.catetop a:link,
.catetop a:visited,
.catetop a:active,
.catetop a:hover {
    color: #333;
    text-decoration: none;
}

#submenu {
    list-style: none;
    float: left;
    width: 219px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccbc7a;        /* 4-J 下層メニュー全体ライン */
}


/* subbutton set */
.subbutton {
    border-bottom: 1px solid #ccbc7a;        /* 4-J 下層メニュー全体ライン */
    font-size: 100%;
    text-align: left;
    line-height: 130%;
}

.subbutton a {
    display: block;
    padding: 6px 0 4px 12px;
    background: #fffcf0;        /* 4-K 第二階層背景（通常時） */
    color: #333;        /* 4-L 第二階層文字（通常時） */
    text-decoration: none;
}

.subbutton a:active,
.subbutton a:hover {
    background-color: #fdf7de;        /* 4-M 第二階層背景（選択時） */
    color: #1a8033;        /* 4-N 第二階層文字（選択時） */
}

.subbutton a.subselected,
.subbutton a.subselected:active,
.subbutton a.subselected:hover {
    background-color: #fdf7de;        /* 4-M 第二階層背景（選択時） */
    color: #1a8033;        /* 4-N 第二階層文字（選択時） */
    font-weight: bold;
}

#submenu a.subnolink {
    background-color: #ededed;
    color: #666;
}


/* localbutton set */

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

.localbutton {
    list-style: none;
    width: 219px;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ccbc7a;        /* 4-J 下層メニュー全体ライン */
    font-size: 100%;
    text-align: left;
    line-height: 1.5;
    zoom: 1;
}

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

.localbutton a:active,
.localbutton a:hover {
    background: #1a8033;        /* 4-Q 第三階層背景（選択時） */
    color: #fff;        /* 4-R 第三階層文字（選択時） */
}

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

#submenu a.localnolink {
    background-color: #999;
    color: #666;
}

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


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

#footer_nav {
    overflow: hidden;
    float: left;
    clear: both;
    width: 980px;
    padding: 5px 0 5px 0;
    background: #1a8033;        /* 7-A 背景 */
    line-height: 1.5;
}

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

#footer_nav li {
    display: inline;
    margin: 0 0 0 0;
    padding: 0 10px;
    border-left: 1px solid #fff;        /* 7-B 文字 */
}

#footer_nav li.pc_none {
    display: none;
}

#footer_nav a {
    color: #fff;        /* 7-B 文字 */
    font-size: 93%;
    text-decoration: none;
    line-height: 1;
}

#footer_nav a:active,
#footer_nav a:hover {
    color: #fff;        /* 7-B 文字 */
    text-decoration: underline;
}

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

.copyright {
    float: left;
    width: 570px;
    padding: 11px 0 0 10px;
    font-size: 77%;
    font-style: normal;
    text-align: left;
    line-height: 1;
}

#powered {
    float: right;
    width: 149px;
    margin: 0;
    padding: 10px 20px 0 0;
}



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

#contents_tpc div.block {
    margin: 0;
    padding: 0;
}

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

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

#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 20px 20px 20px;
}

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

.mceTopics li a:visited {
    color: #8b6f00;
} /* 3-B リンク文字 */

.topicsblock {
    min-height: 27px;
    height: auto !important;
    height: 27px;
    margin: 0 0 10px 0;
    border-top: 0 solid #d6d6d6;
    border-right: 0 solid #d6d6d6;
    border-bottom: 1px solid #8b6f00;
    border-left: 0 solid #d6d6d6;
    background: #fffefa /*url(../img/ttl_bg.gif) repeat-x*/;  /*トピックスのタイトルの背景色が設定できます */
}

.topicsblock_un {
    margin: 0 0 15px 0;
    padding: 18px 10px 8px 5px;
    border-bottom: 1px solid #ccc;        /* 6-B 大見出し下部ライン */
    background: #fffffa;
}

#top_b .topicsblock h3 {
    float: left;
    width: 120px;
    margin: 0 0 5px 0;
    padding: 0 5px 0 0;
    border-bottom: none;
    background: none;
    color: #fff;        /* 5-G お知らせ見出し文字 */
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
}

#top_a div.block .topicsblock h3 {
    float: left;
    width: 200px;
    margin: 0 0 5px 0;
    padding: 0 5px 0 0;
    border: none;
    background: none;
    color: #333;        /* 5-G お知らせ見出し文字 */
    font-size: 123.1%;
    font-weight: bold;
    line-height: 1.5;
}

.topicsblock_un h2 {
    float: left;
    width: 620px;
    padding: 0 0 0 15px;
    border: 0 solid #ccc;
    font-size: 153.9%;
    font-weight: bold;
}

.topics li .padding_right {
    padding-right: 15px;
}

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

    align-items: center;
}

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

.topicsblockleft {
    float: left;
    width: 402px;
    height: 27px;
}

.topicsblockright {
    float: right;
    width: 73px;
    height: 27px;
}

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

.inforss {
    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 div.block .topicsblockleft,
#top_b div.block .topicsblockleft {
    width: 76px;
}



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

ul.pager {
    margin: 0;
    padding: 0;
    font-size: 93%;
    text-align: center;
}

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

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: #8b6f00;
}

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;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #8b6f00;
    text-align: left;
}

#contents div.block_sm a:visited {
    color: #8b6f00;
} /* 3-B リンク文字 */

#contents div.block_sm h3.sitemap {
    margin: 0;
    padding: 0 0 0 0;
    border: 0;
    background: none;
    color: #8b6f00;
    font-size: 100%;
}

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

#contents .sitemap_ul li {
    margin: 0;
    padding: 2px 0 2px 17px;
    border: 0;
    background: url(../img/sitemap_arrow.gif) no-repeat 0 5px;
    font-size: 100%;
    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;
}

.sitemap_ul li a {
    color: #8b6f00;
}




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



/* トップスライダー設定
======================================================= */

ul.bxslider {
    list-style-type: none;
    position: relative;
    max-width: 720px;
    margin: 0;
    padding: 0;
    zoom: 1;
}

/*ul.bxslider li {
    top: 0;
    left: 0;
    zoom: 1;
}*/

.bx-wrapper .bx-pager {
    padding-top: 5px;
    border-radius: 20px;
    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;
    right: 30px;
    bottom: 15px;
    left: 0;
    width: 100px;
    margin-left: 590px;
    background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 5px;
    background: none repeat scroll 0 0 #666;
    outline: 0 none;
    text-indent: -9999px;
}*/

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

.language {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 99;
}

.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;
    padding: 0;
    bottom: 33px;
    width: 100%;
    text-align: left;
}

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

.language ul a:hover {background: #efefef;}

/* スマホ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: #ccc;
    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;
}

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

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

#blockskip a:focus {
    overflow: visible;
    width: 100%;
    height: auto;
    padding: 5px 0;
    color: #fff;
}

#blockskip a {
    display: block;
    text-decoration: underline;
}

#blockskip a:link, #blockskip a:visited {
    color: #fff;
}

#blockskip a:hover {
    text-decoration: none; 
}

#blockskip a:focus {
    outline: 2px #fff solid;
    outline-offset: -3px;
}

#blockskip a:focus span {
    padding-right: 24px;
    background: #333 url(../img/ico_arw_white_down.svg) no-repeat right center;
    background-size: 14px auto;
}