@charset "utf-8";
/*************************************************
 style.css
**************************************************/
body{margin:0;color:#333333;font-size:100%;line-height:1.3;font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-text-size-adjust:100%;}
header ,article ,footer ,section ,h1,h2,h3,hr{clear:both;}/*-clear-*/
article ,section ,nav ,dl,ul,div{padding:0 0 5px;overflow:auto;}/*-hasLayout-*/
input[type="text"],input[type="button"],input[type="submit"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;}
input[type="button"],input[type="submit"]{cursor:pointer;}/*-formAppearanceClear-*/

h1,h2,h3,h4,h5,p,dl,ul,ol {margin-top:0;}
ul{list-style:none;}
ul,ol{padding-left:30px;}
textarea{max-width:95%;}
fieldset{margin:0 0 1em;padding:0 0 5px;border:none;}
a{color:#00476A;text-decoration:underline;}
a:visited{color:#61848B;}
a:hover{color:#14205F;}
a:active{color:#5D0000;}
a:hover img{opacity:.8;}
img{border:none;vertical-align:middle;}

#Map,#Map *,#jump{padding:0;overflow:visible;}
#jump a{position:absolute;width:0;height:0;overflow:auto;text-indent:-1000em;}
#jump a:focus{width:12em;height:1.5em;text-indent:0;background:#FFFFFF;text-align:center;}

/* CONTENTS WIDTH */
body{min-width: 320px;}
#TOP{min-width: 1024px;}
header .wrap,
section .wrap,
footer .wrap { width: 1024px; margin:0 auto;}
.contents { width:1024px;margin:0 auto;}
.contents article{ width: 694px; float: right;}
.no_nav .contents article { width: auto; float: none;}
.contents nav { width: 290px; float: left;}

header nav { width: 724px;}

/* -------------- */

.wrap#TOP { padding-bottom: 0px;}

/* HEADER */
header { margin:0 auto; border-top: 10px solid #aaaaaa;}
header .title,
header h1 { width:290px;height:100px;margin:40px 0 8px 0;padding:0;float:left;background:url(../img/title.png) no-repeat;}
header .title a,
header h1 { display:block;height:100px;text-indent:-1000em;}
header .wrap{ position: relative;}
header .title{ position: absolute; bottom: 0;}
header .link_top{ letter-spacing: 1.2px; float: left; margin: 0.4em 20px 0; height: 100%; background: #333333 url(../top/images/arrow_w.png) no-repeat 95% 45%; display: block; background-size: 10px; padding:0;}
header .link_top a{  margin:0; color: #fff; text-decoration: none; display: block; padding: 0.1em 1.5em 0 0.4em;
  border: solid 3px #333333;}
header .link_top a:hover{border-color: #315EB9;}
header .link_top:after{ content: ""; background: url(../top/images/arrow_w.png) 100% 45%;}

@media screen  and (min-width:741px) and (max-width:1044px){
  header .UD{float: right!important; clear: both;}
  header .link_top{float: right!important;}
  header .page_control .search{clear: both;}
  header .title{bottom: initial;}
}

/* UD */
header .page_control { float: right; margin: 2px 0px 15px; padding:0;}
header .UD{float:left; margin:0; padding:0;}
header .page_control dl dt { width:80px; min-height:44px;margin:0;padding:0;float:left;}
header .page_control dl.color_change dt { width:50px;}
header .page_control dl dd{width:36px;min-height:44px;margin:0;padding:0;float:left;}
header .page_control dl{height:44px;margin:0 18px 0 0;padding:0;float:left;transition-duration:0.3s;overflow:hidden;}
header .page_control dl dt{background:no-repeat center center;text-indent:-1000em;}
header .page_control dl.color_change dt {background-image:url(../img/control_color_title.png);}
header .page_control dl.textsize_change dt {background-image:url(../img/control_font_title.png);}
header .page_control dl dd a{position:relative; /*display:none;*/ display:block; width:36px;height:44px;}
header .page_control dl dt:focus,
header .page_control dl dd a:focus{/*background-color:#0D47A1;*/outline:none;}
header .page_control dl dd a:before{ display: block; content:" "; position: absolute; top:8px; left:4px; right:4px; height: 28px; z-index:1; border-radius: 50%; box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.5);}
header .page_control dl dd.default a:before,
header .page_control dl dd.smaller a:before,
header .page_control dl dd.larger a:before{background-color:#333333;}
header .page_control dl.color_change dd.default a:before{background-color:#ffffff;}
header .page_control dl dd.high a:before{background-color:#333333;}
header .page_control dl dd.low a:before{background-color:#C8C8CC;}
header .page_control dl dd a img {position:relative;z-index:2;}

/* search */
header .page_control .search {width:300px;margin:0;padding:0;float:right;text-align:center;}
header .page_control .search div{ margin: 0.45em 0px 0px; padding: 0px; background-color: #DDDDDD;}
header .page_control .search label.search_txt { display: block; width: 40%; float: left; background: url(../img/control_search_title.png) no-repeat center; text-indent:-1000em; height: 44px;}
header .page_control .search input#search_txt { display: block; width: 70%; margin: 0%; border:none; background-color: transparent; float:left;}
header .page_control .search input#search_txt:focus { background-color:#FFFFFF; outline: none; box-shadow: inset 0px 0px 0px 1px #dddddd;}
header .page_control .search input.search_bt {
  width: 30%; margin: 0px; border: none; float:left;
  color: #FFFFFF; font-weight: bold; font-family:"Hiragino Kaku Gothic ProN","メイリオ",sans-serif;-webkit-appearance:none;
}
header .page_control .search input#search_txt,
header .page_control .search input.search_bt { min-height: 2em; padding: 0.2em 0.2em 0.1em; font-size: 0.9em; box-sizing: border-box;}

/* nav */
header nav { float: right;}
header nav .menu_button{display:none;position:fixed;top:20px;right:10px;width:44px;z-index:110; overflow: visible;}
header nav .menu_button a{display:block;height:44px;background: #ffffff url(../img/menu_bt.png) no-repeat center center;text-indent:-1000em; border-radius: 0.3em; box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.5);}
header nav .menu_button.active a{background-image:url(../img/close_bt.png);}
header nav ul { margin: 0; padding: 0; list-style: none;}
header nav ul li{ position: relative; width: 20%; margin: 0; float:left;text-align:center;}
header nav ul li:before,
header nav ul li:first-of-type:after { top: 0px; bottom: 0px; width: 1px; background-color: #cccccc;}
header nav ul li:before { right: 0px;}
header nav ul li:first-of-type:after { left: 0px;}
header nav ul.menu2 li{width:50%;}
header nav ul.menu3 li{width:33.333333%;}
header nav ul.menu4 li{width:25%;}
header nav ul.menu5 li{width:20%;}
header nav ul.menu6 li{width:16.6666%;}
header nav ul.menu7 li{width:14.2857%;}
header nav ul li a{ position: relative; display: block; height: 80px;}
header nav ul li a:hover { background-color: rgba(128,128,128,0.2);}
header nav ul li a:before { left: 3%; right: 3%; top: 8px; height: 46px; background: center center no-repeat;}
header nav ul li.menu01 a:before { background-image: url(../img/menu_ico_01.png);}
header nav ul li.menu02 a:before { background-image: url(../img/menu_ico_02.png);}
header nav ul li.menu03 a:before { background-image: url(../img/menu_ico_03.png);}
header nav ul li.menu04 a:before { background-image: url(../img/menu_ico_04.png);}
header nav ul li.menu05 a:before { background-image: url(../img/menu_ico_05.png);}
header nav ul li a img { position: relative; max-width: 100%; height: auto; margin: 56px auto 0px;}

header nav ul li:before,
header nav ul li:first-of-type:after,
header nav ul li a:before { position: absolute; content: ""; display: block;}

h1 { padding: 0.05em 0em 0em 0.5em; font-size: 1.8em; border-left: 5px solid;}

.contents nav ul,
.contents nav dl{ padding: 0; list-style: none;}
.contents nav dl dt{ padding: 1em 0.5em; color: #FFFFFF; font-weight: bold; border-top: 10px solid;}
.contents nav dl dd{margin:0;}
.contents nav dl dd a{ position: relative; display:block;padding: 1.4em 0.5em 1.3em 3em;border-bottom:1px solid #CCCCCC;text-decoration:none;}
.contents nav dl dd a:before { position: absolute; display: block; content: ""; top: 1.5em; left: 1em; width: 1em; height: 1em; background: url(../img/arrow.png) center center no-repeat; border-radius: 50%; transition-duration: 0.1s;}
.contents nav dl dd a:hover:before { left: 1.2em;}
.contents nav dl dd a img { max-width: 100%; height: auto;}

/* banner */
ul.banner_text { padding-left: 0px;}
ul.banner_image { margin-top:2em; padding-left: 0px; text-align: center;}
ul.banner_image img { max-width: 100%; height: auto;}
ul.banner_text li,
ul.banner_image li { float: left; width: 22%; margin: 0px 0px 1.5em 4%;}
ul.banner_text li:nth-of-type(4n+1),
ul.banner_image li:nth-of-type(4n+1) { clear: both; margin-left: 0%;}

ul.banner_text li a { position: relative; display: block; padding: 1em 0.5em 1em 2.3em; font-size: 1em; text-decoration: none; border: 1px solid #CCCCCC; box-sizing: border-box;}
ul.banner_text li a:before { position: absolute; content: ""; display: block; width: 1em; height: 1em; top: 50%; left: 0.6em; margin-top: -0.5em; background: url(../img/arrow.png) center center no-repeat; border-radius: 50%; background-size: contain; transition-duration: 0.1s;}
ul.banner_text li a:hover:before { left: 0.8em;}

section.banner_section p{ margin: 1em auto 0; text-align: center; background-color: #9ad9e4; padding: 10px;}

/* list_category */
section.bottom_nav { padding: 2em 0em;margin-top: 3em;}
section.bottom_nav .list_category {}
section.bottom_nav .list_category dl { float: left; width: 19%; margin: 0px 0px 0px 1.25%;}
section.bottom_nav .list_category dl:first-of-type { margin-left: 0px;}
section.bottom_nav .list_category dt { font-weight: bold; font-size: 1.05em;}
section.bottom_nav .list_category dt a { text-decoration: none;}
section.bottom_nav .list_category dd { position: relative; margin: 0.8em 0em; padding-left: 2em; font-size: 0.85em; line-height: 1.5em;}
section.bottom_nav .list_category dd a { position: relative;}
section.bottom_nav .list_category dd a:before { position: absolute; content: ""; display: block; width: 1.1em; height: 1.1em; top: 0.1em; left: -1.8em; background: url(../img/arrow.png) center center no-repeat; border-radius: 50%; background-size: contain; transition-duration: 0.1s;}
section.bottom_nav .list_category dd a:hover:before { left: -1.6em;}

/* FOOTER */
footer { border-bottom: 10px solid #aaaaaa;}
footer dl{ float: left; width: 33%; margin: 2em 0 0 0.5%; padding: 0em 0em 1em;}
footer dl:first-of-type { margin-left: 0%;}
footer dt{ margin:0 0 0.5em; padding:0; font-size: 1.1em;}
footer dd{ margin:0; padding:0; font-size: 0.9em; line-height: 1.5em;}
footer dd a.move { display: block; margin: 1.5em 0em 0em 0em; padding: 0 0 5px; font-size: 0.9em;}
footer dd a.move:after { content:"　＞"; }

footer .copyright{margin:0;text-align:left;font-size:.8em;clear:both;}
footer .reread_link{width:58px;position:fixed;bottom:50px;right:10px; z-index: 100;}
footer .reread_link a{display:block;height:48px;overflow:hidden;text-indent:-1000em;background:url(../img/reread_link.png) center center no-repeat rgba(0,0,0,0.5); border-radius: 0.4em;}
footer .reread_link a:hover{opacity:.8;}

/*************************************************
 CMS用テンプレート  .txtbox内部
**************************************************/
/* section */
article > div,
article > section{margin-bottom:1em;}

section{}
section h2{color:#FFFFFF;margin:0;padding:.3em .5em;}
section p{margin:0;padding:1em .5em;}

p.locus{margin: 0.5em 0 1.5em 330px; padding-left: 0px;}
p.center{text-align:ente;}
p.right{text-align:right;}

/* 見出し */
.txtbox h2 { font-size: 1.5em; margin-bottom: 1em; padding: 0em 0em 0em 1.2em;}
.txtbox h2:before { left: 0em; top: 0.15em; height: 0.8em; width: 0.8em;}
.txtbox h3 { font-size: 1.3em; margin: 0 0 1em 0; padding: 0.2em 0.3em 0.1em; border-bottom: 2px dotted #aaaaaa;}
.txtbox h4 { font-size: 1.2em; margin-bottom: 0.5em; padding: 0em 0em 0em 1.3em;}
.txtbox h4:before { left: 0.1em; top: 0.05em; height: 0.5em; width: 0.5em; border: 0.25em solid; border-radius: 50%;}
.txtbox h5 { font-size: 1.1em; margin:0 0 0.5em 0; padding: 0.3em; text-decoration: underline;}
.txtbox h6 { font-size: 1em; margin:0 0 0.5em 0; padding: 0.3em;}
.txtbox h2,
.txtbox h4 { position: relative;}
.txtbox h2:before,
.txtbox h4:before { position: absolute; display: block; content: "";}
p + .txtbox h2,
p + .txtbox h3,
p + .txtbox h4 { margin-top: 1.5em;}
.txtbox h2:first-child { margin-top: 0em;}

/* 段落 */
.txtbox p,
.txtbox table,
.txtbox dl{margin:0 0 1em 0;padding-left: 1em;}
.txtbox img{max-width:100%;height:auto;}

/* 定義 */
.txtbox dt{font-weight:bold;margin:0 0 .4em 0;padding:0;}
.txtbox dd{margin:0;padding:0;}

/* list */
.txtbox ol{padding-left:2em;}
.txtbox ul{padding-left:0;}
.txtbox ol >li,
.txtbox ul > li{margin-bottom:.3em;}
.txtbox ul > li{position:relative;padding-left:2em;}
.txtbox ul > li:before{content:"";position:absolute;display:block;top:.3em;left:8px;width:.7em;height:.7em;border-radius:50%;}
.txtbox ul.file_list > li:before { background-color: transparent !important;}

/* table */
.txtbox table{border-collapse:collapse;margin-bottom:15px; box-sizing: border-box;}
.txtbox table caption{padding:4px 0;}
.txtbox table table,
.txtbox table ul,
.txtbox table ol,
.txtbox table table dl{margin-bottom:0;}
.txtbox table th,
.txtbox table td{padding:.5em;border:1px solid #666666;}
.txtbox table th {background:#EEEEEE;}

.txtbox table.noborder,
.txtbox table.noborder th,
.txtbox table.noborder td{border:none;}

.txtbox tbale.wide_table, .txtbox table.widetable{white-space:nowrap;}
.txtbox table.widetable,
.txtbox table.wide_table{display:block;width:100%;overflow:auto;}
.txtbox table.widetable caption,
.txtbox table.wide_table caption{display:block;}
.txtbox table.widetable tbody,
.txtbox table.wide_table tbody{display:table;}

/* box-image :n個並び */
.txtbox .box-image {padding:1em 0 0;}
.txtbox .box-image li {margin:0 1% 1%;padding:0;float:left;text-align:center;}
.txtbox .box-image li:before {display:none;}
.txtbox .box-image li img {max-width:100%;height:auto;}
.txtbox .box-image li p {padding-top:.5em;font-size:.8em;}
.txtbox .box-image.single li {width:60%;padding-left:19%;padding-right:19%;float:none;}
.txtbox .box-image.double li {width:48%;}
.txtbox .box-image.triple li {width:31.333333%;}
.txtbox .box-image.quadruple li {width:23%;}
.txtbox .box-image.pentadruple li {width:18%;}
.txtbox .box-image.hexatruple li {width:14.666666%;}
.txtbox .box-image.double li:nth-child(2n+1),
.txtbox .box-image.triple li:nth-child(3n+1),
.txtbox .box-image.quadruple li:nth-child(4n+1),
.txtbox .box-image.pentadruple li:nth-child(5n+1),
.txtbox .box-image.hexatruple li:nth-child(6n+1),
.txtbox .box-image li.clear{clear:both;}

/* IMAGE BOX :左・右 */
.txtbox .image_box {margin:0 0 10px;padding-bottom:0;}
.txtbox .image_box img{max-width:100%;height:auto;}
.txtbox .image_box_center {min-width:240px;width:50%;max-width:80%;margin:0 auto 10px;padding-right:2em;}
.txtbox .image_box_left,
.txtbox .image_box_right {max-width:50%;}
.txtbox .image_box_left {float:left;margin-right:10px;}
.txtbox .image_box_right {float:right;margin-left:10px;}
.txtbox .image_box_left p,
.txtbox .image_box_right p{padding-top:.5em;font-size:.85em;text-align:center;}

/* file */
ul.file_list li:before{top:0;bottom:0;left:4px;height:auto;width:1em;max-width:16px;background:url(../img/file_list_mark.gif) center center no-repeat;background-color:transparent;border-radius:0;background-size:contain;}
ul.file_list li.pdf:before {background-image:url(../img/file_list_mark_pdf.png);}
ul.file_list li.doc:before {background-image:url(../img/file_list_mark_doc.gif);}
ul.file_list li.xls:before {background-image:url(../img/file_list_mark_xls.gif);}

/* acrotat */
.acrobat {margin:0 0 1em 0;padding:.5em;border:3px solid #EFEFEF;}
.acrobat .icon{margin:0 8px 0 0;border:none;float:left;}
.acrobat p{margin:0;font-size:.9em;}

/* news */
.nodata{border:2px solid #CCCCCC;padding:.5em;}

/* menu */
.menu_list{padding-left:0;}
.menu_list li{padding:.8em 0 0.7em;margin-left:0;border-bottom:1px dotted #CCCCCC;}
.menu_list li .menu_text{display:block;font-size:.9em;}

/* pagenation */
.pager ul{margin:0;padding:0;}
.pager ul li{margin:0;padding:0;}
.pager ul li a.link_before,
.pager ul li a.link_next{float:left;display:block;border:1px solid #CCCCCC;padding:.4em .8em;text-decoration:none;}
.pager ul li a.link_next{float:right;}
.pager ul li a.link_before:before{content:"< ";}
.pager ul li a.link_next:after{content:"> ";} 

/* Google Map */
.mapobject_map{width:auto;height:600px;border:1px solid #CCCCCC;}
.mapobject_map .gm-style,
.mapobject_map .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style .gm-style-cc span,
.mapobject_map .gm-style .gm-style-cc a,
.mapobject_map .gm-style .gm-style-mtc div,
.mapobject_map .gm-style .gm-style-iw{font-size:.8em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style,
.mapobject_map .gm-style div{font-size:1em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style .gm-style-cc span,
.mapobject_map .gm-style .gm-style-cc a,
.mapobject_map .gm-style .gm-style-mtc div,
.mapobject_map .gm-style .gm-style-iw{font-size:.8em!important;font-weight:normal!important;line-height:1.3;}
.mapobject_map .gm-style a{text-decoration:underline!important;}

/* form */
.txtbox form input[type="text"]:focus{outline:none;border:1px solid #CFEDF3;}
.txtbox form input[type="text"] {height:2em;line-height:2em;border:1px solid #CCCCCC;width:80%;}
.txtbox form input[type="submit"] {margin-right:.5em;}
.txtbox form textarea{width:100%;box-sizing:border-box;}
.txtbox fieldset{margin:0 0 1em;padding:0;}
.txtbox form dt,
.txtbox legend{border-bottom:1px dotted #ccc;display:block;margin:.5em 0;padding:.5em;}
.txtbox form dd{;margin:.5em 0;padding:.5em;}
.txtbox form .attention{font-size:.9em;margin:.3em 0;padding:0;}

/*************************************************
 レスポンシブ　1024 + 20 
**************************************************/
@media screen and (min-width:0px) and (max-width:1044px) {
  #TOP,
  textarea ,
  header .wrap,
  footer .wrap,
  .locus,
  .contents,
  .contents article,
  .contents nav,
  header .wrap,
  section .wrap,
  footer .wrap
  {position:static;width:auto;min-width:0;max-width:100%;float:none;}

  p.locus,
  .contents article,
  .contents nav,
  header .wrap,
  section .wrap,
  footer .wrap
  {margin-left:1%;margin-right:1%;}

  p.locus { margin-top: 1.5em; margin-bottom: 1.5em;}
  
  header nav,
  header .page_control { float: none; clear: both; width: auto;}
  header .page_control { margin: 1em 2%;}
  header .title,
  header h1 { margin-top: 10px; margin-bottom: 1em;}
}

/*************************************************
 レスポンシブ　740
**************************************************/
@media screen and (min-width:0px) and (max-width:740px) {
  header nav .menu_button{display:block;}
  header nav{position:fixed;top:0;left:0;right:0;max-height:100%;padding:0;z-index:100;box-shadow:2px 2px 3px 0 rgba(0,0,0,0.4);overflow:visible;transform:translate3d(0, 0, 0);}
  header nav ul{height:auto;overflow:visible;display:none;}
  header nav ul li,
  header nav ul.menu2 li,
  header nav ul.menu3 li,
  header nav ul.menu4 li,
  header nav ul.menu5 li,
  header nav ul.menu6 li,
  header nav ul.menu7 li{float:none;width:100%;}
  header .title, header h1,
  header .page_control,
  header .UD,
  header .page_control .search{position:static;width:auto;min-width:0;max-width:100%;float:none;}
  header .page_control .search,
  header .UD {margin-left:2%;margin-right:2%;}

  header .title, header h1 { height: 80px; background-size: contain;}
  header .title a { height: 80px;}
  
  article > div,
  article > section,
  .acrobat,
  .contents nav{margin-left:2%;margin-right:2%;}

  .news{padding:1em 0em 2em;margin-bottom:1em;}
  .news dt{float:none;width:auto;padding-bottom:.3em;padding-left:0;}
  .news dd{padding-left:1em;}

  .txtbox tbale.wide_table, .txtbox table.widetable{white-space:nowrap;}
  .txtbox .box-image.single li {width:98%;padding-left:0;padding-right:0;}
  .txtbox .box-image.triple li,
  .txtbox .box-image.quadruple li {width:48%;}
  .txtbox .box-image.pentadruple li,
  .txtbox .box-image.hexatruple li {width:31.333333%;}
  .txtbox .box-image.triple li:nth-child(3n+1),
  .txtbox .box-image.pentadruple li:nth-child(5n+1),
  .txtbox .box-image.hexatruple li:nth-child(6n+1) {clear:none;}
  .txtbox .image_box_left,
  .txtbox .image_box_right {max-width:100%;}
  .txtbox .image_box_left,
  .txtbox .image_box_right {float:none;margin-riht:0;margin-left:0;}
  .txtbox .image_box_left p,
  .txtbox .image_box_right p{padding-top:.5em;font-size:.85em;text-align:center;}
  .acrobat .icon {margin:0 auto 8px;float:none;}
  
/* UD */
  header .page_control { margin: 1em auto 0em; overflow: visible;}
  header .page_control dl,
  header .page_control dl dt,
  header .page_control dl.color_change dt { width:44px;min-height:44px;margin:0;padding:0;float:left;}
  header .page_control dl.active {width:176px;}
  header .page_control dl.active a {display:block;}
  header .page_control dl dd a {display:none;}
  header .page_control dl dd a.textresizer-active:before {}
  header .page_control dl dd,
  header .page_control dl dd a,
  header .page_control dl dd.default a { width: 0px; transition-duration: 0.3s; display: block; overflow: hidden;}
  header .page_control dl dd a:before { box-shadow: inset 0px 0px 0px 2px rgba(0,0,0,0.5);}
  header .page_control dl.active dd,
  header .page_control dl.active dd a,
  header .page_control dl.active dd.default a { width: 44px;}
  header .UD{ position: fixed; bottom: 56px; left: 10px; z-index: 900;}
  header .page_control dl.textsize_change,
  header .page_control dl.color_change { margin-right: 0.5em;}
  header .page_control dl dt { background-color: rgba(0,0,0,0.8); border-radius: 50%;}
  header .page_control dl.textsize_change dt { background-image: url(../img/control_font_title_m.png);}
  header .page_control dl.color_change dt { background-image: url(../img/control_color_title_m.png);}
  header .page_control dl dd a:before { top: 0px; left: 0px; right: 0px; height: 44px;}
  header .page_control dl dd a img { margin-left: 4px;}
  header .page_control .search input#search_txt,
  header .page_control .search input.search_bt { min-height: 44px;}
  header .page_control .search label.search_txt { width: 35%; background-position: right center;}
  
  /* nav */
  header nav ul { min-width: 320px; padding-top: 74px; background-color: rgba(255,255,255,0.95);}
  header nav ul li {}
  header nav ul li:before { top: 0px; bottom: inherit; left: 0px; right: 0px; width: auto; height: 1px;}
  header nav ul li:first-of-type:after { display: none;}
  header nav ul li a { height: 64px;}
  header nav ul li a:before { top: 0px; bottom: 0px; left: 8%; height: auto; width: 58px;}
  header nav ul li a img { top: 50%; bottom: inherit; margin-top: -20px;}
  
  /* banner */
  ul.banner_text li,
  ul.banner_image li { float: left; width: 48%; margin-left: 4%;}
  ul.banner_text li:nth-of-type(2n+1),
  ul.banner_image li:nth-of-type(2n+1) { clear: both; margin-left: 0%;}
  
  /* list_category 
  section.bottom_nav,
  section.bottom_nav .wrap,
  section.bottom_nav .list_category { padding:1em 0.5em;}
  section.bottom_nav .list_category dl,
  section.bottom_nav .list_category dl:first-of-type { width: 47%; margin: 0 0 1em 0; padding-bottom: 0em;}
  section.bottom_nav .list_category dl:nth-child(2n+1){clear: both;}
  section.bottom_nav .list_category dt a { position: relative; display: block; padding: 0.8em 0.5em 0.8em 2em; border-top: 1px solid #ffffff;}
  section.bottom_nav .list_category dd { display: none;}
  section.bottom_nav .list_category dt a:before { position: absolute; content: ""; display: block; width: 1em; height: 1em; top: 0.9em; left: 0.5em; background: url(../img/arrow.png) center center no-repeat; border-radius: 50%; background-size: contain; transition-duration: 0.1s;}
  section.bottom_nav .list_category dt a:hover:before { left: 0.7em;}*/
  
  section.bottom_nav,
  section.bottom_nav .wrap,
  section.bottom_nav .list_category{
  display: none;}

  footer dl,
  footer dl:first-of-type { float: none; width: auto; margin: 2em 3% 1em;}
  footer {padding-bottom: 100px;}
}

@media screen and (min-width:0px) and (max-width:480px) {
 header .link_top {
    letter-spacing: 1.2px;
    float: none;
    width: 130px;
    margin: 0 5px 0;}
  ul.banner_text li { float: none; width: 100%; margin-left: 0%; margin-right: 0%;}
}

@media screen and (min-width:741px) {
html body #menu{display:block !important;}
}

@media screen and (-ms-high-contrast:active){
* {text-indent:0em !important;}
}


@media print{
/* 幅はコンテンツサイズに合わせて修正 */
html,body{width:1024px;margin:0;padding:0;overflow-x:hidden;} 
#TOP{min-width:1024px;width:1024px;margin:0;padding:0;overflow-x:hidden;}
body,body > .wrap{background:none;}
#fb-root{display:none;}
}