@charset "utf-8";
/*************************************************
 style.css
**************************************************/
body {margin:0px;color:#333333;background-color:#F0F0E1;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:0px 0px 0px;}/*-hasLayout-*/

h1,h2,h3,h4,h5,p,dl,ul,ol {margin-top:0px;}
ul{list-style:none;}
ul,ol{padding-left:30px;}
textarea {max-width:95%;}

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

a{color: #000000;text-decoration:underline;}
a:visited{color:#61848b;}
a:hover{color:#14205f;}
a:active{color:#5d0000;}
a:hover img{opacity:0.8;}
img{border:none;vertical-align:middle;}

header .wrap,
footer .wrap{max-width:1100px;margin:0 auto;}
/*************************************************
 common - header
**************************************************/
header{background-color:#fff;min-height:130px;overflow:hidden;margin:0 auto;}
header .title img{background-color:#fff;max-width:231px;}
header .title a,
header h1 img{max-width:231px;}
header .page_control{float:right;width:900px;margin:10px 0 0;padding:0;}
header .UD{float:left;width:420px;margin:0;padding:0;}
header .page_control dl dt{line-height:29px;}
header .page_control dl,
header .page_control dl dt,header .page_control dl dd{min-height:44px;float:left;margin:0 3px;padding:0;}
header .page_control dl{height:44px;float:right;transition-duration:0.5s;overflow:hidden;margin:10px 18px 0 0;padding:0;}
header .page_control dl.active a{display:block;}
header .page_control dl dt:focus,header .page_control dl dd a:focus{outline:none;}
header .page_control dl dd img{width:28px;height:27px;}
header nav.header_menu{width:75%;height:auto;margin-top:1%;float:right;display:flex;justify-content:flex-end;padding-bottom:1%;}
header nav.header_menu ul{width:100%;height:auto;max-width:832px;display:flex;justify-content:flex-end;margin:0;padding:0;}
header nav.header_menu ul li{text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:100%;height:auto;background-color:#fff;padding:0 1%;}
header nav.header_menu ul li img{height:auto;max-width:150px;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
header nav.header_menu ul li a{background-color:#ffffff !important;}
.foreign{width:180px;float:left;}
#searchform1{width:300px;margin-top:4px;float:left;}
#keywords1{width:190px;height:35px;background:url(../img/search.png) no-repeat 8px 12px;background-color:#F0F0E1;padding:3px 3px 3px 26px;}
#searchform2{width:100%;margin-top:4px;margin-bottom:12px;float:left;}
#keywords2{font-size:1em;width:60%;height:35px;background:url(../img/search.png) no-repeat 8px 12px;background-color:#F0F0E1;margin-left:6px;padding:3px 3px 3px 26px;}
header .title,
header h1.title{width:16%;height:140px;float:left;margin:26px 0 0;padding:0;}
header .title a,
header .title a,header h1{height:140px;}
#searchform1 input,#searchform2 input{float:left;}

/*************************************************
 common - footer
**************************************************/
footer{background:url(../img/bgimage00.png) no-repeat;background-size:cover;color:#000;font-size:1em;padding:48px 0;}
footer .wrap{background-color:#fff;background:rgba(255,255,255, 0.8);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;display:flex;flex-wrap:wrap;box-sizing:border-box;margin:0 auto;padding:0 1% 1%;}
footer .fwrap-left{width:70%;height:auto;}
footer .fwrap-right{text-align:right;width:30%;height:auto;box-sizing:border-box;padding-right:1%;}
footer .fwrap-right img{width:100%;max-width:250px;height:auto;margin-top:12px;margin-right:0;}
footer .link-s ul{margin-bottom:0;display:flex;flex-wrap:wrap;flex-direction:column;padding:1em 0 0;}
footer .link-s ul.telfax{padding-top:0;padding-bottom:1%;flex-direction:row;}
footer .link-s li{margin:0;padding:0.2em 1em;}
footer .link-s li a,footer .link-s li a:visited{text-decoration:none;color:#000;}
footer .link-s li a:hover{text-decoration:underline;}
footer .link-m{width:100%;height:auto;padding:0 1em;}
footer .link-m ul{width:100%;display:flex;flex-wrap:wrap;justify-content:start;margin:0;padding:0;}
footer .link-m li{text-align:center;margin:0 2% 0 0;}
footer .link-m li a{background-color:#333;display:block;width:100%;height:100%;box-sizing:border-box;padding:0.5em 1em;}
footer .link-footer{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:1%;}
footer .copyright{font-size:0.9em;width:100%;text-align:right;margin:-0.5%;}
footer .reread_link{width:191px;height:148px;position:fixed;bottom:10px;right:10px;z-index:999;}
footer .reread_link a{display:block;height:148px;overflow:hidden;}
footer .reread_link img{width:100%;}
footer .reread_link a:hover{opacity:0.7px;}
footer .link-m li:nth-of-type(2),footer .link-m li:nth-of-type(2) a{background-color:#00698C;}

/*************************************************
 common - other
**************************************************/
.center{text-align:center;}
.left{text-align:left;}
.contents-pankuzu{background-color:#fff;width:100%;margin:0 auto;}
p.locus{width:98%;max-width:1100px;background-color:#fff;position:relative;box-sizing:border-box;margin:0 auto;padding:1.2em 0.8em 0.8em 0;}
.contents{max-width:1100px;margin:0 auto;}

/*************************************************
 右カラム設置時　アイキャッチ
**************************************************/
.contents-upper{width:100%;}
.contents-upper .eyecatch{width:100%;position:relative;}
.eyecatch{background:url(../img/bg_image04.jpg) no-repeat;background-size:cover;background-position:center center;width:100%;height:150px;}
.eyecatch.e-page{background:url(../img/bg_image02.jpg) no-repeat;background-size:cover;background-position:center center;}
.eyecatch.e-menu{background:url(../img/bg_image01.jpg) no-repeat;background-size:cover;background-position:center center;}
.contents-upper .eyecatch .catch-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.contents-upper .eyecatch .catch-title span{font-size:0.7em;}
.contents-upper .eyecatch .catch-title span.heading { display: inline-block; height: 0px; width: 0px; overflow: hidden;}

/*************************************************
 右カラム設置時　メインカラム
**************************************************/
#detailonly{width:100%;/*margin-right:-306px;padding-right:306px;*/padding-top:32px;padding-bottom:32px;float:left;box-sizing:border-box;}
#detailonly.full{margin-right:0;padding-right:0;}
#detailonly .txtbox{background-color:#fff;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;box-sizing:border-box;padding:3em 2em;}
#detailonly section{background:#fff;margin:1em 0;padding:1em 2em;border-radius:16px;}

/*************************************************
 detail
**************************************************/
.txtbox h2,
section h2{position:relative;color:#000;border-bottom:3px dotted #40774C;clear:both;font-weight:400;background:url(../img/icon-flower.png) no-repeat left center;margin:0 0 1em;padding:.3em .7em .3em 50px;}
.txtbox h3{border-left:6px solid #256332;font-weight:400;display:flex;-webkit-align-items:center;align-items:center;vertical-align:middle;margin:0 0 1em;padding:.3em 0 .3em .4em;}
.txtbox h4{font-weight:400;background-color:#F0F0E1;-bottom:1px dotted #CCC;margin:0 0 1em;padding:.3em .8em;}
.txtbox h5{font-size:initial;margin:0 0 1em .7em;padding:.3em .7em;}
.txtbox h6{margin:0 0 1em;padding:.3em .5em;}
.txtbox p,
.txtbox table,
.txtbox dl{padding-left:.5em;margin:0 0 1em;}
.txtbox img{max-width:100%;height:auto;vertical-align:top;padding-right:0.5em;}
.contents ol{padding-left:2em;}
.contents ul{padding-left:0;}
.contents ol >li,.contents ul > li{margin-bottom:0.3em;}
.contents ul > li{position:relative;padding-left:2em;}
.contents ul > li:before{content:"";position:absolute;display:block;top:0.3em;left:8px;width:0.7em;height:0.7em;background:#256332;border-radius:50%;}
.txtbox table{border-collapse:collapse;margin-bottom:15px;}
.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{border:1px solid #C0C083;padding:1em;}
.txtbox table th{background:#eee;}
.txtbox table.widetable{display:block;max-width:90%;overflow:auto;border:none;padding-left:0;padding-bottom:10px;overflow-x:auto;margin:15px auto;}
.txtbox table.widetable::-webkit-scrollbar{height:5px;}
.txtbox table.widetable::-webkit-scrollbar-track{border-radius:5px;background:#eee;}
.txtbox table.widetable::-webkit-scrollbar-thumb{border-radius:5px;background:#666;}
.txtbox table.widetable caption{display:block;}
.txtbox table.widetable tbody{display:table;width:98%;margin-left:1%;}
.txtbox .box-image{overflow:hidden;padding:1em 0 0;}
.txtbox .box-image li{float:left;text-align:center;margin:0 1% 1%;padding:0;}
.txtbox .box-image li:before{display:none;}
.txtbox .box-image li img{max-width:100%;height:auto;}
.txtbox .box-image li p{padding-top:0.5em;font-size:0.8em;}
.txtbox .box-image.double li{width:48%;}
.txtbox .box-image.double li:nth-child(2n+1),
.txtbox .box-image li.clear{clear:both;}
form input[type="text"]:focus{outline:none;border:1px solid #CFEDF3;}
form input[type="text"]{line-height:1.1em;border:none;max-width:90%;}
form input[type="submit"]{margin-right:0.5em;}
form textarea{width:100%;box-sizing:border-box;}

/*************************************************
 右カラム　side-nav
**************************************************/
.side-nav{background-color:#E2E2C7;width:270px;margin-top:32px;margin-bottom:32px;float:right;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.side-nav .side-nav-title{background-color:#256332;color:#fff;font-size:1.25em;text-align:center;line-height:1.25em;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-radius:10px 10px 0 0;padding:1.2em .5em 1em;}
.side-nav ul{font-size:0.95em;padding-left:0;}
.side-nav ul li{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:0;}
.side-nav ul li:before{display:none;}
.side-nav ul li:hover a{background-color:#C7C794;}
.side-nav ul li a{background-color:#fff;color:#000;display:block;text-decoration:none;position:relative;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:.5em;padding:1.5em 2.5em 1.5em .5em;}
.side-nav ul li a .icon{position:absolute;top:31%;right:.8em;text-align:right;display:block;}
.side-nav ul li a .icon img{width:0.6em;}

/*************************************************
 TOP
**************************************************/
#TOP{min-width:1024px;}
.top_container{width:100%;max-height:634px;position:relative;max-width:2000px;overflow:hidden;margin:0 auto;}
.top_pagetitle{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;width:40%;max-width:650px;min-width:200px;}
.bx-viewport .bxslider .slidenon{display:block !important;}
.slide_box{height:auto;max-height:300px;overflow:hidden;margin:0 auto 15px;padding:0;}
.bx-wrapper{position:relative;width:100%;clear:both;overflow:visible;padding:0;}
.bx-wrapper div{overflow:hidden;padding:0;}
.bx-wrapper .slide{position:relative;height:auto;z-index:10;overflow:hidden;margin:0;}
.bx-wrapper .slide a{display:block;overflow:hidden;}
.bx-wrapper .bx-controls{overflow:hidden;margin:0;}
.bx-wrapper .bx-pager{position:absolute;bottom:18px;right:100px;z-index:68;text-align:center;}
.bx-wrapper .bx-pager .bx-pager-item{display:inline-block;overflow:visible;}
.bx-wrapper .bx-pager.bx-default-pager a{display:block;color:rgba(0,0,0,1);border:2px solid #fff;background:rgba(128,128,128,0.5);text-indent:-100em;width:13px;height:13px;border-radius:50%;text-align:left;overflow:hidden;margin:0 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#00698C;}
.bx-wrapper .bx-controls-auto-item{position:absolute;right:50px;bottom:10px;z-index:69;}
.bx-wrapper .bx-controls-auto-item a{display:block;width:44px;height:44px;background:no-repeat center center;text-indent:-100em;margin:0;}
.bx-wrapper .bx-controls-auto-item a.bx-stop{background-image:url(../img/stop_bt.png);}
.bx-wrapper .bx-controls-auto-item a.bx-start{background-image:url(../img/start_bt.png);}
.bx-wrapper .bx-controls .bx-prev,.bx-wrapper .bx-controls .bx-next{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;background:no-repeat center center;text-indent:-1000em;opacity:1px;z-index:45;}
.slide_box .bx-wrapper .bx-controls .bx-prev,.slide_box .bx-wrapper .bx-controls .bx-next{top:60%;}
.bx-wrapper .bx-controls .bx-prev{left:2px;background-image:url(../img/slide_bx-prev.png);}
.bx-wrapper .bx-controls .bx-next{right:2px;background-image:url(../img/slide_bx-next.png);}
.main_container{z-index:100;position:relative;max-width:2000px;overflow:hidden;margin:0 auto;}
.txtbox table th.color{background-color:#F0F0E1;}
.txtbox table th.color p{margin:0;}
.title-area img.blogright{padding-top:35px;padding-right:30px;}
.title-area div{float:left;padding-top:60px;padding-bottom:20px;overflow-y:hidden;}
#border-area{color:#000;border-bottom:3px dotted #40774C;margin-bottom:1em;clear:both;}
.title-font div{padding:10px;}
.page3-title-font div{color:#000;margin-bottom:20px;text-align:center;}
.title-font.detail-title{color:#000;margin-bottom:66px;text-align:center;}
.title-font .title-area{border-bottom:5px solid #DEDEBC;color:#000;font-weight:400;margin-bottom:20px;text-align:center;display:inline;padding:0 2% 1.5%;}
button{border:none;cursor:pointer;margin:0;padding:0;}
.main_box{background-color:#fff;}
.main_box1{background-color:#F0F0E1;position:relative;width:100%;margin:0 auto;padding:6% 0;}
.main_box1_con{width:100%;max-width:1100px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:start;margin:0 auto;}
.top_menu_box{background-color:#fff;width:30%;min-width:200px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-sizing:border-box;padding:0.5% 1%;}
.top_menu_photobox{width:100%;position:relative;overflow:hidden;}
.top_menu_title{width:100%;color:#fff;font-weight:400;text-align:center;margin-bottom:0;font-size:1.4em;letter-spacing:.2em;padding:1em 0;}
.main_wrap{width:90%;max-width:1100px;position:relative;z-index:100;display:flex;margin:0 auto;}
#news-inner{width:100%;margin:0 auto;padding:3em 0 1em;}
h2#news-title{color:#000;font-size:1.8rem;line-height:1.5em;text-align:center;margin:0 0 1em;}
#news-list-outer ul{max-width:80%;padding-left:0;margin:0 auto;}
#news-list-outer ul li a{color:#000;text-decoration:none;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;padding:1em 24px;}
#news-list-outer ul li div.news-date{min-width:170px;margin-right:1em;text-align:left;}
div#news-list-link{text-align:center;max-width:120px;height:auto;margin:2em auto;}
div#news-list-link a{display:block;text-decoration:none;text-align:center;background-color:#000;color:#fff;width:100%;height:auto;box-sizing:border-box;margin:0 auto;padding:0.5em 1em;}
.midnav-list-outer ul{width:100%;padding-left:0;margin:3% auto 0;}
.midnav-list-outer ul li:last-child{border-bottom:none;}
.midnav-list-outer ul li a{color:#000;text-decoration:none;display:flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;padding:0.5em 24px;}
.midnav-list-outer ul li div.midnav-link-mark{display:inline-block;padding-left:20px;position:relative;}
.midnav-list-outer ul li div.midnav-link-mark:before{border:0;border-right:2px solid #215E30;border-top:2px solid #215E30;content:'';height:6px;left:0;margin-top:-4px;position:absolute;top:50%;transform:rotate( 45deg );-webkit-transform:rotate( 45deg );width:6px;}
.slide img,#news-list-outer,.midnav-list-outer{width:100%;}
.slidenon,.bx-wrapper .bx-controls-auto-item a.active{display:none;}
.bx-wrapper .slide img,.top_menu_photobox img{width:100%;height:auto;}
.title-area img,.title-font img{float:left;}
#news-list-outer ul li,#news-list-outer ul li:last-child,.midnav-list-outer ul li{border-bottom:1px dotted #000;}
#news-list-outer ul li a:hover,.midnav-list-outer ul li a:hover{background:#F8F8EF;}
#news-list-outer ul li div.news-article-contents,.midnav-list-outer ul li div.midnav-article-contents{display:flex;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;font-size:1em;line-height:2em;}
#news-list-outer ul li div.news-title,.midnav-list-outer ul li div.midnav-title{text-align:left;}

#news-list-outer dl{max-width:80%;padding-left:0;margin:0 auto;}
#news-list-outer dl dt{min-width:6em;margin-right:1em;text-align:left;padding: 1em 24px;}
#news-list-outer dl dd{padding: 1em 24px;border-bottom:1px dotted #000;}
#news-list-outer dl dd a{color:#000;text-decoration:none;}
#news-list-outer dl dd:hover{background:#F8F8EF;}

/************************************************* 
 subtopページ
**************************************************/
.sub_main_box{background-color:#F0F0E1;position:relative;width:100%;margin:0 auto;padding:4% 0;}
.sub_main_box_con{width:100%;max-width:1100px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;}
.sub_main_box_con a{background-color:#fff;width:31%;min-width:200px;margin-bottom:3%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-sizing:border-box;text-decoration:none;padding:1% 1% 2.2%;}
.sub_main_box a:hover{background-color:#DBDBB7;}
.sub_main_box_con.con_num_2:after{content:"";display:block;width:31%;}
.sub_menu_photobox{width:100%;position:relative;overflow:hidden;}
.sub_menu_photobox img{width:100%;height:auto;}
.sub_menu_title{width:100%;color:#000;font-weight:400;text-align:center;padding-top:1.5em;margin-bottom:0;font-size:1.1em;}

/*************************************************
 news
**************************************************/
.eye-catch{background:url(../img/bg_image04.jpg) no-repeat;background-size:cover;background-position:center center;width:100%;height:150px;}
.news-area{background-color:#fff;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;box-sizing:border-box;margin:3% 0;padding:3em;}
.news-txtbox ul{text-decoration:none;padding:0;}
.news-txtbox ul li{border-bottom:1px dotted #000;padding:1.2em 0 1.2em .5em;}
.news-txtbox ul li a{color:#000;text-decoration:none;padding-left:10em;display:block;}
.news-txtbox ul li a:hover{color:#61848b;}
.news-txtbox ul li .lib{padding-right:1.5em;float:left;display:block;}
.news-txtbox ul li:after{clear:both;content:'';display:block;}

/************************************************* 
 menu
**************************************************/
.contents ul.menu_list li{color:#000;border-bottom:5px solid #F0F0E1;margin-bottom:1em;overflow:hidden;position:relative;padding-left:60px;}
.contents ul.menu_list li a{color:#036;text-decoration:none;}
.contents ul.menu_list li a:hover{opacity:0.6px;text-decoration:underline;}
.contents ul.menu_list li:before{content:"";display:block;position:absolute;background:url(../img/icon-flower.png) no-repeat left center;width:41px;height:41px;}

.tubaki-icon img{width:41px;height:auto;float:left;}
.contents-upper img{width:100%;max-width: 266px;min-width:200px;height: auto;}
.contents .acrobat{background:#fff;border-radius: 8px;padding:1em 2em;}

/*************************************************
 レスポンシブ
**************************************************/
@media screen and (max-width: 1140px){
  .news-area{width:98%;height:auto;margin-left:auto;margin-right:auto;}
}
@media screen and (max-width: 1120px) { 
  header .UD{position:fixed;left:10px;bottom:20px;z-index:101;margin:0;padding:0;}
  header .page_control dl,header .page_control dl dt,header .page_control dl dd{width:36px;min-height:36px;float:left;margin:0;padding:0;}
  header .page_control dl{height:36px;float:left;transition-duration:0.5s;overflow:hidden;margin:0 18px 0 0;padding:0;}
  header .page_control dl.active{width:150px;}
  header .page_control dl.active a{display:block;}
  header .page_control dl dt{background:no-repeat center center rgba(51,51,51,0.8);text-indent:-1000em;border-radius:50%;}
  header .page_control dl.color_change dt{background-image:url(../img/control_color_title.png);background-size:cover;width:36px;height:36px;}
  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;width:36px;height:36px;}
  header .page_control dl dd a.textresizer-active:before{display:block;content:" ";position:absolute;left:2px;right:2px;bottom:2px;}
  header .page_control dl dd img{width:36px;height:36px;}
  header .page_control{margin-top:20px;width:480px;}
  header .title img{width:100%;}
  header h1.title img{background-color:#fff;width:100%;}
  header nav.header_menu ul li img{width:100%;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
  .side-nav{margin-right:1%;}
  .txtbox table.widetable{max-width:100%;}
  header .title,
  header h1.title{width:22%;margin-left:1%;}
  header nav.header_menu ul,
  header nav.header_menu ul li{width:100%;height:auto;}
  #detailonly{width:99%;margin-left:1%;}
}

@media screen and (min-width:0px) and (max-width:1100px){
  .sub_main_box{width:96%;padding:4% 2%;}
  .main_box1{width:96%;padding-left:2%;padding-right:2%;}
}

@media screen and (min-width:0px) and (max-width:1060px){
  .contents-upper .eyecatch .catch-title{top:50%;left:50%;transform:translate(-50%, -50%);}
}

@media screen and (min-width:0px) and (max-width:1044px) { 
  #TOP,
  textarea,
  header .wrap,
  header .nav,.locus,
  .contents,
  .contents article,
  .contents nav{position:static;width:auto;min-width:0;max-width:100%;float:none;}
  p.locus,.contents article,.contents nav{margin-left:1%;margin-right:1%;}
  footer .wrap{max-width:1100px;width:96%;}
  footer .link-m{width:90%;padding:0 1em;}
  footer .copyright{margin:0;}
}

@media screen and (min-width: 0px) and (max-width: 998px) {
  .top_menu_box{width:49%;min-width:200px;margin-bottom:2%;}
  .main_wrap{flex-wrap:wrap;width:98%;justify-content:center;}
}

@media screen and (min-width: 0px) and (max-width: 768px){ 
  .side-nav{background-color:#F3ECD6;width:100%;margin-top:0;float:left;}
  #detailonly{width:98%;margin-right:0;padding-right:0;}
  .foreign,
  #searchform1,
  header nav.header_menu{display:none;}
  header .title,header h1.title{text-align:center;width:100%;height:auto;float:left;margin:20px 0 0;padding:0;}
  header .title a,header h1.title a{text-align:center;}
  header .title img,header h1.title img{width:220px;}
  footer .link-m ul li{width:40%;}
  footer .copyright{margin-top:1em;}
  .sub_main_box a{width:100% !important;}
  .sub_main_box_con a{padding-bottom:3.5%;}
  .sub_menu_photobox{text-align:center;}
  .sub_menu_photobox img{width:98%;margin-top:1%;}
  .sub_menu_title{padding-top:1.5em;}
  .top_menu_box{width:100% !important;}
}

@media screen and (min-width: 0px) and (max-width:660px){
  header{padding-bottom:10px;}
  header nav{position:fixed;top:0;left:0;right:0;max-height:100%;z-index:100;box-shadow:2px 2px 3px 0 rgba(0,0,0,0.4);overflow:visible;transform:translate3d(0, 0, 0);padding:0;}
  header nav ul{height:auto;overflow:visible;display:none;border:none;}
  header nav ul li{float:none;width:100%;}
  header nav .menu_button{display:block;}
  header .UD{float:right;margin:0;padding:0;}
  header .title,header h1,
  header .page_control,
  header .page_control .search{position:static;width:auto;min-width:0;max-width:100%;float:none;}
  header .page_control .search,header .page_control{margin:10px 0 0;}
  header .page_control form.search{width:90%;margin:0 auto;}
  header .page_control{float:none;margin:0;}
  header #page_control{width:unset;margin-top:20px;}
  header h1.title img,
  header .title img{width:190px;}
  .title-area div{float:none;}
  .txtbox table.widetable{white-space:nowrap;}
  .txtbox h2{margin:0 0 1em;}
  footer .link-m ul li{margin-top:1%;}
  footer .fwrap-right{width:100%;height:auto;text-align:center;}
  footer .fwrap-right img{max-width:250px;margin-left:0;margin-right:0;}
  footer .fwrap-left,
  footer .link-m,
  footer .link-footer{width:100%;}
  footer .reread_link{width:120px;height:auto;}
  footer .reread_link a{height:auto;}
  .txtbox table.widetable th, .txtbox table.widetable td{padding:.3em;}
  
}

@media screen and (min-width: 0px) and (max-width:640px){
  #detailonly .txtbox{padding:3em 1em;}
  #detailonly section,
  .contents .acrobat{padding:1em 1em;}
  #detailonly .txtbox h2{font-size:1.2em;line-height:1.8em;}
  .title-font.detail-title{margin-bottom:40px;}
  .sub_main_box_con a{padding-bottom:5%;}
  .sub_menu_title{padding-top:1.3em;}
  .contents-upper .eyecatch .catch-title{font-size:1.2em;}
  .contents-upper .eyecatch .catch-title span{font-size:0.6em;}
  #news-inner{padding:1.6em 0 1em;}
  h2#news-title{margin-bottom:0.5em;}
  h2#news-title img{width:40%;max-width:263px;min-width:180px;}
  #news-list-outer ul li div.news-date{margin-right:0;width:100%;}
  #news-list-outer ul li div.news-article-contents,.midnav-list-outer ul li div.midnav-article-contents{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap;}

}

@media screen and (min-width: 0px) and (max-width:600px) {
  footer .link-m  ul li{width:100%;}
}

@media screen and (min-width: 0px) and (max-width:422px){
  .title-font div {padding-left: 0px;font-size: 0.8em;}
}

@media screen and (min-width: 0px) and (max-width:400px){
  .txtbox h2 span {padding-left:10px;font-size: 0.8em}
  .contents article#detailonly{max-width:98%;}
}

@media screen and (min-width: 0px) and (max-width:360px){
  header .title {overflow-y:hidden;}
  header .title a img{width:180px;}
  header .page_control {margin: 0 0 0 0;}
  .sub_main_box_con a{padding-bottom:6.5%;}
}
@media screen and (min-width: 0px) and (max-width:330px){
  header #page_control {width: unset;margin-top: 20px;}
}
@media screen and (min-width: 0px) and (max-width:320px){
  header .title a img{max-width: 100%;}
  header .page_control dl {margin:0px 5px 0px 0px;}
  .title-area div {padding-top: 10px;font-size: 0.9em;padding-bottom: 0px;}
}

/*************************************************
 レスポンシブ　768 ドロワーメニュー
**************************************************/
@media screen and (min-width: 769px){
  .drawer-toggle.drawer-hamburger{display: none;}	
}

/* add */
.drawer-hamburger:hover,
.drawer-hamburger:focus { background-color: #E2232E!important;}
header .page_control dl dt:hover,
header .page_control dl dt:focus { background-color: #E2232E;}

header .page_control dl dd a:hover img,
header .page_control dl dd a:focus img{ border: 2px solid #E2232E; border-radius: 50%; box-sizing: border-box; }

body .drawer-nav .drawer-menu,
body.drawer-close .drawer-nav .drawer-menu { display: none;}
body.drawer-open .drawer-nav .drawer-menu { display: block;}