@charset "utf-8";
/*  Basic Elements
----------------------------------------------*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

html:not(:target) {

    font-family: 'Noto Sans Japanese', sans-serif;
    font-family: a-otf-ud-shin-go-pr6n, sans-serif;
}
img{
  height: auto!important;
}
ul li {
  
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a{
    display: inline-block;
}
.cke_dialog a {
    display: inline;
}
*:focus{
  outline-offset:0;
  outline: auto!important;
/*
outline: solid 3px #014FA2!important;
outline-offset: -2px!important;*/
}
button:focus{
  outline: solid 3px #014FA2!important;
}

.col,
.container{
    padding-left: 0;
    padding-right: 0;
    
}
p {
    line-height: 1.6;
}
ruby {
    ruby-align: distribute-space;
    ruby-overhang: auto;
    ruby-position: above;
    line-height: 1;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table caption {
    background-color: #C84F02;;
  color: #FFF;
font-weight: bold;
text-align: left;
padding: 5px;
}

table.markerList th{
	width: auto;
}
table.markerList .kubun-ic{
	width: 3em;
}

.box_c ul,
.box_c ol{
  margin-bottom: 20px;
  
}



.box_c ul li{
  list-style: disc;
  margin-left: 1.5em;
}

.box_c ol li{
  margin-left: 1.5em;
}
.gHeader ul li{
  list-style: none!important;
  margin-left: 0;
}

.pc_none{
	display: none;
}
.sp_none{
	display: block;
}


/* テーブル切り替え 
/*
.sp_button {
  display: none;
}
@media screen and (max-width: 768px){
.sp_button {
display: block;
}
}

#contentsBox .sp_table_wrap {
	overflow: auto;
}

#contentsBox div.sp_large_table {
	width: 1000px;
	overflow: visible;
}
*/

.skip {
    position: absolute;
    left: -9999px;
}
.red {
    color: #C1321E;
    font-weight: bold;
}
/* float */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */
a:hover,
a img:hover {
    opacity: 0.8;
}
img.img50 {
    width: 50%;
}
/*------------------------------------------------
   link
------------------------------------------------*/
a{
    color: #1F5189;
    text-decoration: underline;

}
/*
a:link{
    color: #1F5189;
    text-decoration: underline;
}
*/
 a:visited{
    color: #551A8B;
 
}


a:hover {
    color: #1F5189;
    text-decoration: none;
}
a.ex_link {
    padding-right: 5px;
}
/*------------------------------------------------
	base
------------------------------------------------*/

html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
html:not(:target) {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-family: a-otf-ud-shin-go-pr6n, sans-serif;
}
body {
    width: 100%;
    color: #000;
    line-height: 2.2;
    text-align: left;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-family: a-otf-ud-shin-go-pr6n, sans-serif;
    -webkit-text-size-adjust: 160%;
    font-size: 160%;
}
/*----------------------------------------------------------
	topicpath
----------------------------------------------------------*/

/*cms*/
ol#topicpath {
    width: 100%;
    margin: 0 0 10px 0;
}
ol#topicpath > li {
    display: inline-block;
    padding: 0px;
    margin: 0px
}
ol#topicpath > li:after {
    padding: 5px;
    content: ">";
}
ol#topicpath > li:last-child:after {
    content: " ";
}

ol#topicpath a{
    padding: .2em 0;
}
.topicpath_home:after{
    display:none !important;
    
}
ol#topicpath .topicpath_home a{
    background: #C84F02;
    color: #FFF;
    position: relative;
    padding: .2em .5em;
    margin-right: 1.5em;
    height: 30px;
    line-height: 1.2;
}
.topicpath_home a:after{
    position: absolute;
    right: -.95em;
    top:0;
width: 0;
height: 0;
    display: inline-block;
    content: "";
border-style: solid;
border-width: 1em 0 .9em 1em;
border-color: transparent transparent transparent #C84F02;
}
@media screen and (max-width: 768px) {
.topicpath_home a:after{
    border-width: 1em 0 1em 1em;
    right: -1em;
  }
}


/*----------------------------------------------------------
	Layout
----------------------------------------------------------*/

@media screen and (min-width: 769px){
  .gHeader{
	min-width: 1200px;
    
  }
}

.gHeader {
	background:url(../images/header.png) #FEF0D2 repeat-x 50% 0;
  border-top:5px solid #FA7B39;
}
header .col {
    padding-left: 0;
}
header .md-8 {
	padding: 3px 0 0;
}
/*　本文へ　*/
.skip {
	width: 1px;
	color: #000000;
	font-size: 0.1%;
	line-height: 0.1;
	background-color: #FFFFFF;
	position: absolute;
	left: -3000px;
	z-index: 9999;
}
a.skip {
    background-color: #f9fae2!important;
    color: #04499e!important;
    text-align: center;
    padding: 5px 0;
    top: auto;
}
a.skip:active {
	display: block;
	width: 99.99%;
	font-size: 100%;
	line-height: 1.6;
	top: 0;
	left: 0;
}
a.skip:focus {
	display: block;
	width: 99.99%;
	font-size: 100%;
	line-height: 1.6;
	top: 0;
	left: 0;
}


ul.head_should_nav{
    display: flex;
  justify-content: flex-end;
   flex-wrap: wrap;
    font-size: 90%;
    margin-top: 35px;
}
ul.head_should_nav li{
  margin-left: 20px;
  
}
.to_cityTop a,
.to_lang a,
.to_hojo a{
    display: block;
    color: #000;   
    text-decoration: none;
    padding: 2px 20px 2px 20px;
  border-radius: 50px;
    background: #FFF;
}
.to_cityTop a{
  
}

.to_cityTop a:before,
.to_hojo a:before,
.to_lang a:before{
  content:"";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("../images/ic_cityTop.png");
  vertical-align: middle;
  margin-right: 5px;
}
.to_hojo a:before{
  background-image: url("../images/ic_acc.png");
}

.to_lang a:before{
  background-image: url("../images/ic_lang.png");
}

.sup_btns a:before{
  background-image: none!important;
    padding: 0 0 0 0;
    border-radius: 0!important;
    display: inline;
    margin-right: 0;
}



.head_logo{
    text-align:center;
}
#header_logo {
    padding: 15px 0 0 0;
}

/*閲覧補助*/
.gHeader .btn_sup{
    position: relative;
}
.gHeader .btn_sup .sup_btns{
    display: none;
    position: absolute;
    left: -50px;
    background-color: #fff;
    z-index: 50;
    padding: 20px;
    width: 260px;
    border: 1px solid #ccc;
}
.gHeader .btn_sup .sup_btns .yasashii_btn a{
    padding: 8px 10px;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    color: #000;
    text-decoration: none;
}
.gHeader .btn_sup .sup_btns .tsutaeru-speech .tsutaeru-button {
    display: block;
    margin: 6px auto !important;
}
.gHeader .btn_sup .sup_btns .font_btn{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.gHeader .btn_sup .sup_btns .font_btn #j-font-size{
    display: flex;
    align-items: center;
}
.gHeader .btn_sup .sup_btns .font_btn #j-font-medium,
.gHeader .btn_sup .sup_btns .font_btn #j-font-large{
	margin-left: 8px;
}
.gHeader .btn_sup .sup_btns .font_btn a{
    display: inline-block;
    color: #000;
    text-decoration: none;
    padding: 2px 14px;
    background-color: #f5f5f5;
    border-radius: 40px;
}
.gHeader .btn_sup .sup_btns .font_btn .active a{
    background-color: #03618B;
    color: #fff;
}
.gHeader .btn_sup .sup_btns .bg_btn{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.gHeader .btn_sup .sup_btns .bg_btn #bgcolor{
    display: flex;
    align-items: center;
}
.gHeader .btn_sup .sup_btns .bg_btn #bgcolor .swit{
    margin-left: 8px;
}
.gHeader .btn_sup .sup_btns .bg_btn #bgcolor .swit a{
    padding: 2px 8px;
    display: inline-block;
    color: #000;
    text-decoration: none;
}
.gHeader .btn_sup .sup_btns .bg_btn #bgcolor #bc_btn01 a{
    border: 1px solid #ccc;
}
.gHeader .btn_sup .sup_btns .bg_btn #bgcolor #bc_btn02 a{
    background-color: #000;
    color: #fff;
}
.gHeader .btn_sup .sup_btns .bg_btn #bgcolor #bc_btn03 a{
    background-color: #0033CC;
    color: #ffff00;
}
.gHeader .btn_sup .sup_btns .btn_close{
    margin-top: 20px;
}
.gHeader .btn_sup .sup_btns .btn_close a{
    color: #000;
    text-decoration: none;
    padding: 2px;
    display: block;
    text-align: center;
    background-color: #F5F5F5;
}

header .container {

    margin: 0 auto;
    position: relative;
    padding: 0 0px;
}
header a.search_link_icon {
    color: #222222;
}
header.active {
    color: red;
}
p.skip {
    position: absolute;
    left: -9999px;
}
#sp_navi, #sp_navi_txt {
    display: none;
}

.head_search{
    padding-right: 0;
}
input.search_field {
    width: 12em;
    height: 36px;
   
    border: 1px solid #ccc;
    padding-left: 10px;
}
#header_search {
}
.search_btn {
    background-color:#EB5C02!important;
    color: #fff!important;
    border:0;
    margin-left: -5px;
    cursor: pointer;
    padding: 2px 10px;
    height:36px;
    vertical-align: bottom;
}
.search_btn i:before{
  content: url(../images/ic_search.png);
    
}

/*google search*/
table.gsc-above-wrapper-area-container,
table.gsc-above-wrapper-area-container td{
  border: 0;
}


.content_search_box{
    margin-bottom: 40px;
    padding: 10px;
    background-color: #FFF6F9;
}
.content_search_box .search_form form div{

    display: flex;
}
.content_search_box .search_form form .search_field{
    text-align: justify;
    width: calc(100% - 78px);
    font-size: 14px;
    font-size: 1.4rem;
    padding: 1em;
    box-sizing: border-box;
  border: 1px solid #CCC;
}
.content_search_box .search_form form .search_btn{
    width: 78px;
  height: auto;
}


.content_search_box .search_howto{
	margin-top: 10px;
    text-align: right;
}

@media (min-width: 769px) {
	.content_search_box{
    padding: 20px;
	}
	.content_search_box .search_howto{
    display: block;
	}
}

/*end google search*/

.search_link_btn {
	background: #1d7a00;
    width: auto;
    padding: 2px 10px;
    border-radius: 20px;
    float: left;
    margin: 0 0 0 1em;
}
.search_link_btn a {
	color: #fff;
	text-decoration: none;
	font-size: 90%;
	display: block;
}
.search_btn a {
    color: #222222;
}
#cse-search-box {
	float: left;
}



/*icons*/
.list_link a,
.icons{
    position: relative;
    display: inline-block;
    padding: 0 0 0 26px;
  
    vertical-align: middle;
  
}
.list_link a::before,
.list_link a::after,
.icons::before,
.icons::after{
    position: absolute;
    top: -1px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.list_link a:before,
.icons::before{
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FA7B39;
}
.list_link a:after,
.icons::after{
    left: 5px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icons.icon-red::before{
    background: #DC3B40;
}

.icons.icon-org::before{
    background: #FA7B39;
}

.icons.icon-yrw::before{
    background: #E7BB12;
}

.icons.icon-grn::before{
    background: #77AC08;
}

.icons.icon-skb::before{
    background: #12B6D8;
}

.icons.icon-blu::before{
    background: #1272D8;
}

.icons.icon-ppl::before{
    background: #693380;
}

/*end icons*/

/*----------------------------------------------------------
	Grobal Menu
----------------------------------------------------------*/

nav#gnavi {
    width: 100%;

	min-width: 1200px;
   
}
nav#gnavi .container {
    margin: 0 auto;
    padding: 0 0px;
    position: relative;
}
nav#gnavi .container ul {
    list-style: none;
  
}
nav#gnavi .container li {
    float: left;
    line-height:50px;
	text-align: center;
	border-right: 1px dotted #FC9D1E;
}
nav#gnavi .container li:first-child {
	border-left:0;
}
nav#gnavi .container li#gnav7{
  border-right: 0; 
}
nav#gnavi .container ul {
    clear: both;
    text-align: left;
  
    margin: 0px auto;
    padding: 0px;
    list-style: none;
}
@media screen and (min-width: 769px) {
  nav#gnavi .container ul {
    display: flex;
    justify-content: space-between;
    background: #F9CA78;
    border-radius: 10px;
    padding:  0px 0;
  }
  nav#gnavi .container ul li{
    min-width: 5em;
    flex-grow: auto;
  }
  nav#gnavi .container ul a{
    padding:1.4em 1.5em 1.4em 3em;
    display: block;
    text-align: center;
    line-height: 1.2!important;
  }
  nav#gnavi .container ul a:hover,
  nav#gnavi .container ul a:focus,
  nav#gnavi .container ul .act a{
    background: #fff;
  }
  nav#gnavi .container ul #gnav1 a{
  border-radius: 10px 0 0 10px;
  }
  
  nav#gnavi .container ul #gnav7 a{
  border-radius: 0 10px 10px 0 ;
  }
  nav#gnavi .icons::before,
  nav#gnavi .icons::after{   
  }
  nav#gnavi .icons::before{
    left: 25px;
  }
  nav#gnavi .icons::after{
    left: 29px;
   
  }
}


nav#gnavi span {
	    font-size: 70%;
    display: block;
    margin-bottom: .2em;
}

.gnavSP {
    display: none;
}
nav#gnavi .container li[id^="gnav"] > a {
    display: block;
  
 
	text-decoration: none;
	color:#000;
	font-size:112%;
font-weight: bold;
	position:relative;
	line-height:2.2;

}
nav#gnavi .container li:hover {
  
}
nav#gnavi .container li a:hover, nav#gnavi .container li a.active {
}

#sp_opac_navi {
    display: none;
}
#sp_menu {
    display: none;
}


nav#gnavi .container li a:hover i,.baseMenu li a.active i{	

}


	



/*----------------------------------------------------------
	main
----------------------------------------------------------*/

noscript div {
    text-align: center;
  
    margin: 20px auto 20px;
    padding: 5px;
    width: 960px;
    color: #fff;
}
ul#skip {
    position: absolute;
    overflow: hidden;
    height: 0;
    width: 0;
}
#top_wrap, #inner_wrap {
    background: #FFFDF2 ;
  
  border-top: 30px solid #FEF9DA;
}

#inner_wrap{
	background:url("../images/foot.png") repeat-x #FFFDF2 center bottom;
  padding-bottom: 250px;
}
#inner_wrap.site_top{
	background:url("../images/foot.png"),url("../images/bg_site_top.png") ;
  background-repeat: repeat-x,no-repeat;
  background-position: center bottom,50% 30px;
  background-color: #FFFDF2;
}


#top_wrap .container, #inner_wrap .container {
    margin: 15px auto 0;
    clear: both;
    padding: 0 0px 40px 0px;
}
#inner_wrap .box_c p {
    /*padding: 10px 0;*/
    margin-bottom: 20px;
}
.row {
    margin: 0!important;
}
#top_wrap .md-4 {
    padding-right: 0!important;
    padding-left: 0!important;
}
#top_wrap .box_l, #inner_wrap .box_l {
    /*padding-right:40px!important;*/
    padding-left: 0!important;
}
#top_wrap .box_c {
    padding-left: 0!important;
    padding-right: 0!important;
}
/*  slide
----------------------------------------------*/
.topMain{
  background: #FEF0D2 ;
  padding: 0px 0 1px;
}
#mainVisual {
	position: relative;
}
.slidewrap {
	width: 100%;
  margin-bottom: 20px;
}
.slides li {
	list-style: none!important;
}
#mainVisual .right_reaf {
    position: absolute;
    top: -10px;
    right: -10px;
}
#mainVisual .txt_greeting {
    position: absolute;
    bottom: 40px;
    right: 50px;
}
#mainVisual .left_reaf {
    position: absolute;
    bottom: -10px;
    left: -10px;
}
/*  Main leftBox
----------------------------------------------*/	




.banner_area {
    margin-top: 20px;
}
.box_l h3#adbanner {
    background-color: #3E840F;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0;
    padding: .5em;
}
.box_l #adbanner_wrap {
    border: 1px solid #3E840F;
    background-color: #fff;
    text-align: center;
    padding-top: 1em;
}

/*  Main innerBox
----------------------------------------------*/		
@media screen and (min-width: 768px) {
    .md-9.box_c{
        width: 74%;
    }
    #inner_wrap .md-3.box_l{
        width: 26%;
        padding-left: 25px!important;
        box-sizing: border-box;
    }
}
.contentIn {

	padding:12px;
    padding-bottom: 24px;
}
.contentIn header{
    min-width: inherit;
}


/*import*/
span.time,  span.separator, p.date {
  display: none;
}



#inner_wrap h1 {
    background: #FFF3D5 url("../images/bg_h1.png") no-repeat right top;
    padding: 1em .8em;
    border-top: 3px solid #FA7B39;
    font-size: 163%;
    margin: -12px -12px .5em;
}
.publishedAt{
    text-align: right;
  font-size: 82%;/*14px*/
}
.pageNo{
	  padding: 3px 5px 3px 5px;
  font-size: 95%;
  border: 1px solid #CCCCCC;
	margin-right:1em;
}
h2:not(.topH2){
    background: #FEF9DA;
    padding: 15px 15px 15px 25px;
    font-size: 125%;
    color: #222222;
    margin-top: 30px;
    margin-bottom: 20px;
    clear: both;
    position:relative;
}
h2:not(.topH2):before{
  position: absolute;
  top: 1.2em;
  left: 0px;
  width: 10px;
  height:5px;
  content: '';


  background: #FA7B39;
}
h2.topH2{
  position: relative;
    text-align: center;
    font-size: 187%;
    background: none;
 display:flex;
 flex-direction:row;
 align-items:center;
 justify-content:center;
  margin-bottom: 1em;
  margin-top: 2em;
}
.topH2:after,
.topH2:before {
 display:block;
  width: 45px;
 content:"";
 height:1px;
  border-top:4px dotted #EB5C02;

 min-width:20px
}
.topH2:before {
 margin-right:.5em
}
.topH2:after {
 margin-left:.5em
}

h3 {
    padding: 5px 10px 5px 15px;
    font-size: 112%;/*18px*/
  
  
    margin: 20px 0 10px 0;
    clear: both;
    border-bottom: #E0E0E0 solid 1px;
    position:relative;
}
h3:before{
  position: absolute;
  top: 20%;
  left: 0px;
  width: 4px;
  height:60%;
  content: '';

    background: #A46A42;

}
h4 {
    font-size: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 10px 10px 15px;
    font-weight: bold;
    position: relative;
}
h4:after {
    position: absolute;
    content: " ";
    display: block;
    background: #EB5C02;
  border-radius: 50%;
    top: .9em;
  left: 0;
    width: 10px;
  height: 10px;
}
h5 {
    font-weight: bold;
    margin-top: 10px;
    margin: 10px 0;
    font-size: 100%;
}
p.leadTxt {
    font-weight: bold;
    font-size: 116%;
    margin-top: 20px;
    color: #3F2B0C;
}
ul.list{
	list-style: none;
	margin-bottom: 20px;
	
}

ul.list_index li,
ul.list_link li,
ul.list li,
ul.list_index_sub{
  list-style: none;
  margin-left: 0;
  
}
ul.list li{
	  background: url("../images/ic_list.png") no-repeat 0 .5em;
  padding-left: 1.5em;
}

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

ul.list_index li span{
  background: #FCED9F;
  border-radius: 10px;
  padding: .8em 2em .8em 1em;
  display: block;
  font-size: 137.5%;
    line-height: 1.2;
}
ul.list_index li span.externalicon{
    display: inline;
    background: none;
    padding: 0;
    border-radius: 0;
}

ul.list_index li a{
  position: relative;
    display: block;
}
.list_index li a::before{
    left: inherit;
    right: 12px;
}


@media screen and (min-width: 769px) {
  ul.list_index{
    display: flex;
justify-content: space-between;
    flex-wrap: wrap;
  }
  ul.list_index li{
    width: 49%;
  }
}

/**/
ul.list_index li ul.list_link_sub li {
    width: 100%;
}

ul.list_index li ul.list_link_sub li{
  margin-top: 10px;
}
ul.list_index li ul.list_link_sub li a{
  border-radius: 10px;
  padding: 1em 1em 1em 2.5em;
  display: block;
  line-height: 1.2;
  font-size: 100%;
    background:  #fef9da url("../images/ic_list_sub.png") no-repeat 10px 1em;
}

ul.list_index li ul.list_link_sub li a::before{
    background: none;
    border: none;
}
ul.list_index li ul.list_link_sub li a::after{
    background: none;
    border: none;
}




/**/


ul.list_link li{
  margin-bottom: 10px;
}
ul.list_link li a{
  background: #FEF9DA;
  border-radius: 10px;
  padding: 1em 1em 1em 2.5em;
  display: block;
  line-height: 1.2;
}
ul.list_link li a::before{
    background: #EB5C02;
  left: 12px;
}
ul.list_link li a::after{
  left: 16px;
}
/*rss,atom*/
ul.feed{
	text-align: right;
	margin-right: 10px;
	margin-top: -10px;
}
ul.feed li{
	display: inline-block;
  margin-left: 5px;
	
}
ul.feed li a{
	background: #CC4C02;
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	line-height: 1.1;
	padding:0.1em 0.5em;
}
ul.feed li a:hover{
	color: #FFF;
}

.externalicon img{
	vertical-align: middle;
}

.maps{
  margin-bottom: 20px;
}
.inquiry{
	margin-top: 3em;
}
.inquiry .inquiry-title{
	background: #C84F02;
	color: #FFF;
  font-size: 125%;/*20px*/
  text-align: center;
  border-radius: 10px 10px 0 0;
	}
.inquiry_body{
  background: #FFF;
  padding: 1em 1em .1em 1em;
}
.inquiry_subtitle{
 font-size: 150%;/*24px*/
  
}

.docs{
    margin-bottom: 10px;
}


.more {
    text-align: right;
    margin-bottom: 1em;
}

.pagination{
    display:flex;
    margin-top: 20px;
}

.box_c .pagination li{
  list-style: none!important;
  margin-left: 0;
}

.pagination a,
.pagination em,
.pagination span{
    background: #F3F3F3;
    border: 1px solid #E0E0E0;
    padding: 0px 10px;
    font-style: normal;
}


.pagination a.calendar_moreEvent{
    background:none;
  border: 0;
  padding: 0;
  margin-left: auto;
}

.pagination a,
.pagination em{
    margin: 0 5px;
	border: 0;
}
.pagination .previous_page,
.pagination .prev {
    margin-right: auto;
    
}

.box_c .pagination .next{
  margin-left: auto;
}
.pagination .disabled,
.pagination .disabled a{
    background: #CCC;
	color: #000;
	text-decoration: none;
}
.pagination_calendarEvents{
	
}
.pagination_calendarEvents .next_page{
background: url("../images/ic_arr.png") no-repeat 0 .7em;
padding-left: 1.5em;
	border: 0;
}
.pagination_calendarEvents .prev_page{
background: url("../images/ic_arr_bk.png") no-repeat 0 .7em;
padding-left: 1.5em;
	border: 0;
}

.calendarEvents th.day{
	width: 6em;
	
}


table.document {
    line-height: 1.4em;
}
table.document th {
    text-align: center;
}
table.document .thumb {
    width: 5%;
}
table.document img {
    width: 100px;
}


ol.number {
    list-style-type: decimal!important;
    margin-top: 20px;
    margin-left: 20px;
}
ol.number li {
    padding-bottom: 5px;
}
div.txt_box01 {
    background-color: #FFEDE6;
    margin-bottom: 20px;
    padding: 1em .5em;
    border: 1px solid #B22D00;
}
div.txt_box02 {
    background-color: #fff;
    margin-bottom: 20px;
    padding: .5em;
    border: 1px solid #3b8806;
}
/* top　right
----------------------------------------------*/


.lNav{
  font-size: 87.5%;/*14.08px*/
}



 .open_area {
	margin: 2px;
}
 .open_area p.opentit01 {
	background: #3f9133;
	color: #fff;
	margin-top: .5em;
}


.access_menu li {
	border-bottom: 1px dotted #7db18d;
	text-align: left;
	padding: .5em 0;
}
.access_menu li:last-child {
	border: none;
}
.access_menu li a {
	position: relative;
    padding-left: 2em;
}
.access_menu li a:before {
content: '';
  width: 1em;
  height: 1em;
  background: #55a837;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -9px;
}
.access_menu li a:after {
content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 13px;
  margin-top: -6px;
}
.side-pdf-list, .side-contents-list {
    margin-top: 16px;
}
.side-pdf-list li, .side-contents-list li {
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    margin-bottom: 5px;
}
.side-pdf-list li a, .side-contents-list a {
    padding-left: 10px;
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
    text-decoration: none;
    font-weight: bold;
}
.side-pdf-list li {
    border-left-color: #308241;
    position: relative;
}
.side-pdf-list li:before {
    content: "";
    display: inline-block;
    border: 8px solid transparent;
    border-left-color: #308241;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -8px;
}
.side-contents-list li {
    border-left-color: #414141;
}
.side-contents-list li a {
    background: #F6F6F6;
}
.side-pdf-list li a {
    color: #216323;
    background: #F8FBEB;
}
.side-contents-list li a {
    color: #414141;
}
.brset {
    display: block;
}
/*  Side
----------------------------------------------*/



/*top*/



.list-card{
    margin-bottom: 10px;
}
.list-card a{
    background: #FFF;
    border-radius: 5px;
    border: 2px solid #FAC0C6;
    display: block;
    padding: 8px;
    position: relative;
}
.list-card a:after{
    content: "";
  width: 0;
  height: 0;
  border-left: 10px solid #FAC0C6;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
    position: absolute;
    right: 3px;
    bottom: 0px;
    transform: rotate(45deg);
}
.list-card a img{
    vertical-align: middle;
    margin-right: 8px;
}
.list-card a span{
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 90px);
    text-align: left;
}


/*top*/
.slick-dots{
  bottom:-35px;
}

.slick-dotted.slick-slider{
	margin-bottom: 50px;
}

.slick-prev,
.slick-next{
	z-index: 10;

	display: inline-block;
	width: 50px;
height: 50px;
}
.slick-prev::before, .slick-next::before{
  content: "";
  width: 50px;
  height: 50px;
	background: url("../images/slick_next.png") no-repeat left top;
	display: inline-block;
	position: relative;
	z-index: 1;	
	opacity: 1;
}
.slick-prev::before{
  background-image: url("../images/slick_prev.png");
}

.slick-dots li button::before{
	font-size: 12px;
}
.slick-dots li button::before{
	color: #643E26;
  opacity: 1;
}
.slick-dots li.slick-active button::before{
	color: #EB5C02;
	
}
.slick-center{

}


.slick-slide > div{
  margin: 0 20px;
}

.slick-slide img{

  
}
.slick-prev{
	left:0
}
.slick-next{
	right:0;
}
.slick-dots li button::before{
 
}

#tglBtn{
  position: absolute;
  font-size: 100%;
  line-height: 1;
  bottom:-7px;
left: 0;
}
#tglBtn #startBtn,
#tglBtn #stopBtn{
  color: transparent;
  width: 13px;
  height: 13px;
  background: url("../images/ic_slick.png") no-repeat left top;
  overflow: hidden;
  display: inline-block;
  }
#tglBtn #startBtn{
  background-position: right top;
}

@media screen and (min-width: 769px) {

.slick-prev{
	left:calc(50% - 420px);
	right:inherit;
}
.slick-next{
	left:calc(50% + 380px); 
}
}



ul.age-icon,
ul.mokuteki-icon{
  margin-bottom: 2em;
    display: flex;
    justify-content: space-between;
}
ul.mokuteki-icon{
  flex-wrap: wrap;
}
ul.age-icon li,
ul.mokuteki-icon li{
  list-style: none;
  margin: 0 0 1em 0;
  text-align: center;
  font-weight: bold;
}
ul.mokuteki-icon .mokuteki-text{
  display: block;
}
ul.mokuteki-icon a{
  display: block;
  padding: 5px;
  border-radius: 10px;
  color: #000;
  text-decoration: none;
}
.mokuteki_0 a{
  background:#F7D4D4;
}
.mokuteki_1 a{
  background:#FEE2D3;
}
.mokuteki_2 a{
  background:#FAF0CA;
}
.mokuteki_3 a{
  background:#E1ECC8;
}
.mokuteki_4 a{
  background:#CAEFF6;
}
.mokuteki_5 a{
  background:#CAE0F6;
}
.mokuteki_6 a{
  background:#D8D2E3;
}
.mokuteki_7 a{
  background:#F2D9EB;
}

@media screen and (min-width: 769px) {
  ul.age-icon li{
    width:calc(100% / 6);
  }
  ul.mokuteki-icon li{
    width:24%;
  }
  
  /*pc side*/
   .lNav .icons{
    padding-left: 19px;
  }
  .lNav .icons::before {
  width: 15px;
  height: 15px;
  }
  .lNav .icons::after {
  left: 3px;
  width: 5px;
  height: 5px;
  }
  .lNav .mokuteki-icon{
    font-size: 79%;/*11px*/
  }
  .lNav .mokuteki-icon img{
    height: 48px!important;
    vertical-align: top;
  }
  
  .lNav ul.age-icon{
    flex-wrap: wrap;
    padding: 0 .8em;
  }

 .lNav ul.age-icon li{
    width: 47%;
    font-size: 86%;/*12px*/
  }
    
     .lNav ul.age-icon li img{
         width: 100%;

  }

   ul.mokuteki-icon li{
    width: 49%;
  }
  .lNav h2.topH2{
      font-size: 143%;/*20px*/
  }
  .lNav ul.mokuteki-icon .mokuteki-text{
    height: 3em;
    width: 100%;
    justify-content: center;
    line-height: 1.2;
    display: flex;
    align-items: center;
  }
  
  
}

.shisetru-nav{
  
}
ul.shisetru-nav li{
  list-style: none;
  margin: 0 0 1em 0;
}
ul.shisetru-nav li a{
  background: #FEF9DA;
    border-radius: 5px;
    display: block;
  
    position: relative;
    padding: 0 0 0 40px;
    vertical-align: middle;
}

.list_index a::before,
.important_blk dd a:before,
ul.shisetru-nav li a::before{
  
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    left: 20px;
    width: 6px;
    height: 6px;
    border-top: 3px solid #EB5C02;
    border-right: 3px solid #EB5C02;
    transform: rotate(45deg);
}

.important_blk dd a:before{
    left: inherit;
    right: 6px;
}

@media screen and (min-width: 769px) {
 ul.shisetru-nav{ 
  margin-bottom: 2em;
    display: flex;
    justify-content: space-between;
  flex-wrap: wrap;

  }
  ul.shisetru-nav::before,
  ul.shisetru-nav::after{
  content:"";
  display: block;
  width:24%;
}
  ul.shisetru-nav::before{
    order:1;
  }
  
  ul.shisetru-nav li{
    width:24%;
  }
  ul.shisetru-nav li a{
  display: flex;
    align-items: center;
    height: 3.5em;
    line-height: 1.2;
    }
}
  
  

/*tab*/
.topNewsBlk-L{
	
}
.tab_area {
  position: relative;
  margin-top:0px;
  padding-top: 43px;
}

.index dl:first-child {
	margin-top: -40px;
}

.tab_area .tab_content {
  padding-top: 10px;

}


.tab_area .tab_menu .tab_tit {
  width: 33%;
  float: left;
  display: inline-block;
	
  background-color: #643E26;
    color: #FFF;
}

.tab_content {
background: #FFF;
}

.tab_content .no-data,
.tab_content .more{
    padding: 1em;
    
}
.tab_content .more{
  padding-top: 0;
}
.tab_content dd a{
    display: block;
    position: relative;
    padding: 0 0 0 16px;
  
    vertical-align: middle;
    
}

.important_blk{
  margin-bottom: 50px;
}
.important_blk dd a{
  padding-right: 20px;
  position: relative;
}

.important_tit{
  background: #FFAC87;
  font-size: 150%;/*24px*/
  font-weight: bold;
    text-align: center;
display: flex;
  align-items: center;
  border-radius: 10px 0 0 10px;
}
.important_tit_ic{
  display: inline-block;
  min-height:36px;
  padding-left: 45px;
  background: url("../images/ic_important.png") no-repeat left center;
  margin: auto;
  
}
.important_blk .tab_content{
  background: #FFE4D1;
  border-radius: 0 10px 10px 0;
}
.important_blk .eventBlock {
  margin-bottom: 0;
}

@media screen and (min-width: 769px) {
  
.important_blk{
  display: flex;
}
  .important_tit{
  width: 280px;
  }
.important_blk .tab_content{
  width:calc(100% - 280px);
  }
}

.tab_content a span.newsIc{
    background: #F2B753;
    color: #000;
    display: inline-block;
}


.tab_area #event_all.tab_menu .tab_tit {
  position: absolute;
  top: 0;
  left: 0;
  border-right: none;
}
.tab_area #event_kids.tab_menu .tab_tit {
  position: absolute;
  top: 0;
  left: 33.5%;
  
}
.tab_area #event_general.tab_menu .tab_tit {
  position: absolute;
  top: 0;
  left:67%;
  
}
.tab_area #event_teens.tab_menu .tab_tit {
  position: absolute;
  top: 0;
  right: 0%;
  
}

.tab_area .tab_menu .tab_tit a {
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  font-size: 112%;/*18px*/
  padding: 5px 3px;
}
.tab_area #event_kids.active .tab_tit,
.tab_area #event_general.active .tab_tit,
.tab_area #event_teens.active .tab_tit,
.tab_area #event_all.active .tab_tit{
  background-color: #FFF;
	border-bottom:6px solid #FFF;
	
}
.tab_area .tab_menu.active .tab_tit a {
  color: #C84F02;
}

ul.topsubBnr li{
  list-style: none;
  margin: 0 0 10px 0;
}
.topsubBnr a{
  background: #000;
  border-radius: 12px;
  display: flex;
  overflow: hidden;
  width: 100%;
  align-items: center;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.2;
}
.topsubBnr a img{
 
}
.topsub_kids a{
  background: #FEF9DA;
}
.topsub_kosodatejigyou a{
  background:#D8EEF6 ;
}
.topsub_kosodateguide a{
  background:#FFE6DB ;
  
}
.topsubBnr_txt{
  padding-left: 1em;
}
.topsubBnr_tit{
  font-size: 150%;/*24px*/
  display: block;
}
ul.topfootBnr{
  
}
ul.topfootBnr li{
  margin: 0;
  list-style:none;
}
@media screen and (min-width: 769px) {
ul.topfootBnr{
  display: flex;
justify-content: space-between;
  }
}

/*  Footer
----------------------------------------------*/

footer {
  padding: 20px 0;
    line-height: 1.6em;
    width: 100%;
    clear: both;
  
 background: #E8F8AF;
}




.footNav{
    margin-left: 2em;
    margin-bottom: 1em;
    margin-top: 1em;
}
.footNav p{
    margin-top: .4em;
}
footer .container ul a {
    color: #000;
}
footer .container li {
    display: inline;
    color: #000;
    margin-left: 10px;
    white-space: nowrap;
}
footer .container li::before {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    position: relative;
    top: 3px;
    width: 1px;
}
footer .container ul li:first-child {
    margin-left: -9px!important;
}
footer .container li:first-child::before {
    background: none!important;
}
footer .container li:last-child::after {
    background-color: none;
}
.footNav .btn,.footNav .btn:hover{
    background: #FFF url("../images/ic_arr.png") no-repeat 10px 50% ;
    padding: .5em 1em .5em 2em;
    
}
#copyright {
}


.copyright{
    background: #643E26;
    color: #FFF;
    text-align: center;
    font-size: 87%;
  padding: .5em;
}

/*  インポート用データ
----------------------------------------------*/

.text-color-red,
.txt_color_red{
    color: #b82f2f;
    font-weight: bold;
}

.text-color-green,
.txt_color_green{
    color: #008209;
    font-weight: bold;
}
.txtSize_big{
font-size: 112%;
}
.txtSize_small{
    font-size: 86%;
}

.img-center{
  display: table;
margin: 0 auto;
}
.img-area-l,
.img-area-r{
  overflow: hidden;
}
@media (max-width: 768px){
.imglink-txt-left,
.imglink-txt-right{
text-align:center;
}
}
@media (min-width: 769px){
.imglink-txt-left{
  float: left;
  margin-right: 1em;
}

.imglink-txt-right{
  float: right;
  margin-left: 1em;
}
}



/*chatbot*/
#div_cb_translate_lang{
  font-size: 0.8rem;
}
.dsn-widget{
    margin: 0 0 10px;
}
.wj_close_btn{
    position: absolute;
    top: -20px;
    right: 0;
    width: 20px;
    height: 20px;
}
#wj-close{
	width: 20px;
	height: 20px;
	display: inline-block;
    background: url(../images/icon_chatclose.png);
	background-repeat: no-repeat;
	background-size: 100%;
    right: 0;
    bottom: auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
@media (min-width: 1024px) {
	.wj_close_btn{
    width: 32px;
    height: 32px;
	}
	#wj-close{
    width: 32px;
    height: 32px;
	}
}


/*----------------------------------------------------------
	お知らせ イベント
----------------------------------------------------------*/
@media screen and (min-width: 769px) {
.topNewsBlk{
    display: flex;
justify-content: space-between;
}
.topNewsBlk-L{
    width:792px;
}
.topNewsBlk-R{
    width:380px;
}
}



.newsBlock_imp {
}
.newsBlock, .eventBlock {
    margin-bottom: 30px;
    position: relative;
	padding: 0 ;
}
.newsBlock ul, .eventBlock ul {
	padding: 0 1em .5em;
}
.newsBlock .btnList a {
   
    padding: 0 15px 0 25px;
    background: #1d7a00;
    color: #FFF;
    text-decoration: none;
    display: block;
    font-weight: normal;
    border-radius: 20px;
    margin-top: 4px;
    margin-right: 2px;
}
.eventBlock th {
	width: 16%;
}
p.no-data {padding: 0 .5em 1em;}
.newsBlock .btnList a:after, .eventBlock .btnList a:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 8px;
    width: 0;
    height: 0;
    margin: -4px 0 0 0;
    border-top: 8px solid #FFF;
    border-left: 8px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.newsBlock .btnList a:hover, .eventBlock .btnList a:hover {
    opacity: .9;
}
.newsBlock dl, .eventBlock dl {
    padding: 10px 0px;
    overflow: hidden;
    line-height: 1.6em;
    font-size: 100%;
	margin: 0 10px;
}
.newsBlock dl:last-child,
.eventBlock dl:last-child,
.newsBlock_imp dl:last-child,
.eventBlock_imp dl:last-child {
	border: none;
}
.newsBlock_imp dl, .eventBlock_imp dl {
    padding: 10px 0px;
    overflow: hidden;
    line-height: 1.6em;
    font-size: 100%;
    border-bottom: 1px solid #ccc;
    background-color: #FDE9E7;
}
.newsBlock dt, .eventBlock dt {
    background: none;
    margin-bottom: 0;
    font-weight: normal;
    width: 9em;
    clear: both;
    
}
.newsBlock dt p.data, .eventBlock dt p.data {
    float: left;
    font-size: 100%;
    line-height: 1.8em;
    margin-bottom: 0!important;
	margin-left: .5em;
    padding: .5em 0!important;
}
.newsBlock span, .eventBlock span {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*display: inline-block;*/
    font-size: 88%;
    font-weight: bold;
    padding: 2px 5px;
    text-align: center;
    min-width: 2.5em;
    margin-left: .5em;

    margin-bottom: 2px;
}
span.ic_gy {
	background: #258600;
	font-size: 60%;
    font-weight: normal;
    border-radius: 1em;
	white-space: nowrap!important;
	color: #fff;
	padding: .2em .5em;
}
span.ic_eve {
	background: #CC483A;
	font-size: 60%;
    font-weight: normal;
    border-radius: 1em;
	white-space: nowrap!important;
	color: #fff;
	padding: .2em .5em;
}
span.ic_oha {
	background: #A76425;
	font-size: 60%;
    font-weight: normal;
    border-radius: 1em;
	white-space: nowrap!important;
	color: #fff;
	padding: .2em .5em;
}
span.ic_gal {
	background: #725db4;
	font-size: 60%;
    font-weight: normal;
    border-radius: 1em;
	white-space: nowrap!important;
	color: #fff;
	padding: .2em .5em;
}


.newsBlock dd {
    margin: 0;
    padding: 0 0 0 12em;
}
#inner_wrap .box_c .newsBlock dd {
    /*	margin: -.8em 0 0;
	padding: 30px 0 0 12em;*/
    margin: 0;
    padding: 0em 0 0 12em;
}
#inner_wrap .box_c .newsBlock p {
    padding: 0 1em 2em;
}
.eventBlock dd {
    margin: 0;
    padding: .5em 0 1em 9em;
   
}
.newsBlock span.icn-important, .eventBlock span.icn-important {
    background: #C1321E;
    color: #fff;
    margin-left: .5em;
    display: inline;
    font-size: 80%;
    font-weight: normal;
    border-radius: 2em;
    padding: 2px 5px;
	white-space: nowrap!important;
}
.newsBlock dd span.icn-new, .eventBlock dd span.icn-new {
    color: #C1321E;
    font-size: 75%;
    font-weight: bold;
    padding: 2px 5px;
    text-align: center;
    /*	min-width: 4em;*/
    display: inline-block;
}
.newsBlock caption, .eventBlock caption, .contentsBlock caption {
    line-height: 0;
    text-indent: -9999px;
}
.newsBlock table.tbl, .eventBlock table.tbl {
    margin: 20px 0 40px;
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.newsBlock table.tbl th, .eventBlock table.tbl th {
    font-weight: bold;
    padding: 8px 6px 8px 6px;
    background: #ffe3b9;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: inherit;
    white-space: nowrap;
    min-width: 14%;
    vertical-align: top;
}
.newsBlock table.tbl td, .eventBlock table.tbl td {
    font-weight: normal;
    padding: 3px 8px;
    background-color: #FFF;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: inherit;
}
.newsBlock table.tbl td .link_list li, .eventBlock table.tbl td .link_list li {
    font-size: 100%;
    margin-left: 1em;
    border-bottom: none!important;
    padding: 0 0 0 5px!important;
}
.newsArea_page {
    overflow: hidden;
    padding: 10px;
    text-align: right;
}
.newsArea_page .newsArea_pagenum {
    color: #222222!important;
}

.contentIn #contents{
}
.flow {
	margin: 0px;
}
.flow li {
	float: left;
    white-space: nowrap;
    font-size: 100%;
}


/*---------- index ----------*/

.index .eventTitle {
	background: none;
	padding: 0px;
	color: #FFFFFF;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 480px;
}
.index .eventTitle .more {
	position: absolute;
	right: 10px;
	top: 10px;
}
.index #eventarea {
	clear: both;
	padding: 20px 10px 10px 10px;
	margin-bottom: 20px!important;
	background-color: #FFFFFF;
}
.index #eventarea table {
	width: 100%;
	border-bottom: #cccccc solid 1px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	line-height: 1.4em;
}
.index #eventarea th {
	font-weight: bold;
	text-align: left;
	width: 33%;
}
.index #eventarea td.icon {
	width: 15%;
	text-align: left;
}
.index #eventarea td img {
	vertical-align: -0.25em;
	margin-left: 5px;
}
.event_end {
	color: #F52124;
	font-weight: bold;
	margin-left: 10px;
}
.news_text {
	margin-bottom: 0;
	padding: 0 1em 1em;
}



.info_tab {
  border-bottom: 1px solid #FFC159;
}
.info_tab a {
	text-decoration: none;
	color: #502701;
	display: block;
}
.info_tab li.active {
  background-color:#FFC159;
  font-weight: bold;
}

.info_tab li {
  padding: .2rem;
    background-color: #FFFDE1;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
    border: 1px solid #FFC159;
    width: 32%;
    margin-right: .5%;
    display: inline-block;
    border-bottom: none;
	font-size: 120%;
}

.tab-pane:first-child .tab-pane-header {
  border-top-left-radius: 0;
}

#map {
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#map iframe, #map object, #map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
details, summary {
    display: none!important;
}
/*  サイトマップ
----------------------------------------------*/

/* Icon.
----------------------------------------------- */
.iconFile, .iconDefault {
  padding: 0 5px 0 42px;
  background-repeat: no-repeat;
  background-image: url(../../_common/images/icons/default.png);
  line-height: 3.3;
  height: auto;
}
.iconBmp {
  background-image: url(../../_common/images/icons/bmp.png);
}
.iconCsv {
  background-image: url(../../_common/images/icons/csv.png);
}
.iconDoc,
.iconDocx {
  background-image: url(../../_common/images/icons/doc.png);
}
.iconGif {
  background-image: url(../../_common/images/icons/gif.png);
}
.iconJpg {
  background-image: url(../../_common/images/icons/jpg.png);
}
.iconJpe {
  background-image: url(../../_common/images/icons/jpg.png);
}
.iconJpeg {
  background-image: url(../../_common/images/icons/jpg.png);
}
.iconJtd {
  background-image: url(../../_common/images/icons/jtd.png);
}
.iconLzh {
  background-image: url(../../_common/images/icons/lzh.png);
}
.iconPdf {
  background-image: url(../../_common/images/icons/pdf.png);
  list-style: none;
}
.iconPng {
  background-image: url(../../_common/images/icons/png.png);
}
.iconPpt,
.iconPptx {
  background-image: url(../../_common/images/icons/ppt.png);
}
.iconTxt {
  background-image: url(../../_common/images/icons/txt.png);
}
.iconXls,
.iconXlsx {
  background-image: url(../../_common/images/icons/xls.png);
}
.iconZip {
  background-image: url(../../_common/images/icons/zip.png);
}

/*parts*/

.contentIn .img-area{
    clear: both;
    margin: 1.5rem 0;
    display: block;
    text-align: center;
}
.contentIn .img-area:after{
    content: "";
    display: block;
    clear: both;
}
.contentIn .img-area p{
    display: inline-block;
    text-align: center;
}
.contentIn .img-area p.imglink-side2{
    float: left;
    margin: 0.56em 10px 0.1em 10px !important;
    padding: 0;
    text-align: center;
    display: table;
    width: calc(50% - 20px);
    min-width: 160px;
}
.contentIn .img-area p.imglink-side3{
    float: left;
    width: calc(33% - 10px);
    margin: 0.56em 10px 0.1em 0 !important;
    padding: 0;
    display: table;
    min-width: 160px;
}
.contentIn .img-area img{
    max-width: 100%;
}
.contentIn .img-area p.imglink-side2 img{
    margin: 0 0 5px;
}
.contentIn .img-area p.imglink-side3 img{
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.contentIn .img-area span{
    display: block;
    margin: 0 10px 0 10px;
}
.contentIn .img-area-r, .contentIn .img-area-l{
    margin: 1.5rem 0;
    clear: both;
}
.contentIn .img-area-r:after, .contentIn .img-area-l:after{
    content: "";
    display: block;
    clear: both;
}
.contentIn .img-area-r .imglink-txt-right{
    float: right;
    padding: 0 0 0.2em 0;
    text-align: center;
    display: table;
    min-width: 160px;
    max-width: 300px;
    margin: 0 0 0 20px !important;
}
.contentIn .img-area-r .imglink-txt-right img{
    margin: 0 0 5px;
    padding: 0;
}
.contentIn .img-area-l .imglink-txt-left{
    float: left;
    padding: 0 0 0.2em 0;
    text-align: center;
    display: table;
    min-width: 160px;
    max-width: 300px;
    margin: 0 20px 0 0 !important;
}
.contentIn .img-area-l .imglink-txt-left img{
    margin: 0 0 5px;
}
@media (max-width: 599px) {
	.contentIn .img-area{
    text-align: center;
	}
	.contentIn .img-area img{
    max-width: 100%;
    margin: 0 0 5px 0;
	}
	.contentIn .img-area p.imglink-side2,
	.contentIn .img-area p.imglink-side3{
    width: 100%;
    margin: 0.56em 0 0.1em 0 !important;
	}
	.contentIn .img-area-r .imglink-txt-right,
	.contentIn .img-area-l .imglink-txt-left{
    margin: 0 auto !important;
		float: none;
	}
}



.sttl {
	display: inline;
}
/*  icon　*/

a.btn {
    border-radius: 50px;
}
a:hover.btn {
    background-color: #0f6d7b;
}
/*  icon　*/

.arrow {
    position: relative;
    /*	display: inline-block;*/
    padding: 0 0 0 6px;
    vertical-align: middle;
    font-size: 100%;
}
.arrow::before, .arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 4px solid #fff;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.arrow-up.icon {
    color: #000;
    position: absolute;
    margin-left: 10px;
    margin-top: 3px;
    width: 1px;
    height: 16px;
    background-color: currentColor;
}
.arrow-up.icon:before {
    content: '';
    position: absolute;
    left: -5px;
    top: 1px;
    width: 10px;
    height: 10px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/*table*/

table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin: 10px auto 10px;
    width: 99%;
}
table span {
    font-weight: normal;
}
table th {
    font-weight: normal;
    padding: 5px;
    background: #FEF9DA;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: inherit;
    white-space: nowrap;
  
    text-align: left;
    vertical-align: middle;
}
table td {
    font-weight: normal;
    padding: 5px;
    background-color: #FFF;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: inherit;
    vertical-align: middle;
    line-height: 1.6em;
}
th.number {
    width: 1%!important;
    min-width: 1%!important;
}


.pagetop {
    position: fixed;
  bottom: 200px;
right: -10px;
    background-color: transparent;
    padding: 5px 20px;
    z-index: 100;
    border-radius: 50px;
}
.pagetop a {
    text-decoration: none;
    color: #fff;
}
.clear {
    clear: both;
    overflow: hidden;
}
.clearLeft {
    clear: left;
}
.clearRight {
    clear: right;
}
/* text */
.redTxt {
    color: #d90000;
}
.greenTxt {
    color: #277948;
}
.lh01 {
    line-height: 1;
}
.lh02 {
    line-height: 1.1;
}
.lh03 {
    line-height: 1.2;
}
.lh04 {
    line-height: 1.3;
}
.lh05 {
    line-height: 1.4;
}
.lh06 {
    line-height: 1.5;
}
.lh07 {
    line-height: 1.6;
}
.lh08 {
    line-height: 1.7;
}
.lh09 {
    line-height: 1.8;
}
.lh10 {
    line-height: 1.9;
}
.lh11 {
    line-height: 2;
}
.blt {
    font-weight: bold;
}
.nlt {
    font-weight: normal;
}
.capt {
    font-size: 93%;
}
.mint {
    font-size: 100%!important;
    color: #222!important;
}
.bigt {
    font-size: 123.1%;
}
.alignl {
    text-align: left;
}
.TAC,
.alignc {
    text-align: center!important;
}
.alignr {
    text-align: right;
}
.valignt {
    vertical-align: top;
}
.valignm {
    vertical-align: middle;
}
.valignb {
    vertical-align: bottom;
}
.FL,
.fleft {
    float: left;
}
.FR,
.fright {
    float: right;
}
/* width */
.w-5 {
    width: 5%!important;
}
.w-10 {
    width: 10%!important;
}
.w-15 {
    width: 15%!important;
}
.w-20 {
    width: 20%!important;
}
.w-25 {
    width: 25%!important;
}
.w-30 {
    width: 30%!important;
}
.w-35 {
    width: 35%!important;
}
.w-40 {
    width: 40%!important;
}
.w-45 {
    width: 45%!important;
}
.w-50 {
    width: 50%!important;
}
.w-55 {
    width: 55%!important;
}
.w-60 {
    width: 60%!important;
}
.w-65 {
    width: 65%!important;
}
.w-70 {
    width: 70%!important;
}
.w-75 {
    width: 75%!important;
}
.w-80 {
    width: 80%!important;
}
.w-85 {
    width: 85%!important;
}
.w-90 {
    width: 90%!important;
}
.w-95 {
    width: 95%!important;
}
.w-100 {
    width: 100%!important;
}
.m0auto{ margin: 0 auto!important; }
.mt0{ margin-top:0px!important; }
.mb0{ margin-bottom:0px!important; }
.mt10{ margin-top:10px!important; }
.mr10{ margin-right:10px!important; }
.mb10{ margin-bottom:10px!important; }
.ml10{ margin-left:10px!important; }
.mt20{ margin-top:20px!important; }
.mr20{ margin-right:20px!important; }
.mb20{ margin-bottom:20px!important; }
.ml20{ margin-left:20px!important; }
.mt30{ margin-top:30px!important; }
.mr30{ margin-right:30px!important; }
.mb30{ margin-bottom:30px!important; }
.ml30{ margin-left:30px!important; }
.mt40{ margin-top:40px!important; }
.mr40{ margin-right:40px!important; }
.mb40{ margin-bottom:40px!important; }
.ml40{ margin-left:40px!important; }
.mt50{ margin-top:50px!important; }
.mr50{ margin-right:50px!important; }
.mb50{ margin-bottom:50px!important; }
.ml50{ margin-left:50px!important; }
.mt60{ margin-top:60px!important; }
.mr60{ margin-right:60px!important; }
.mb60{ margin-bottom:60px!important; }
.ml60{ margin-left:60px!important; }
.mt70{ margin-top:70px!important; }
.mr70{ margin-right:70px!important; }
.mb70{ margin-bottom:70px!important; }
.ml70{ margin-left:70px!important; }
.ml80{ margin-left:80px!important; }
.ml100{ margin-left:100px!important; }
/* 管理画面　修正・設定等ボタンスタイル
----------------------------------------------*/

form[method="post"] button,
form[method="post"] input[type="submit"], 
form[method="post"] input[type="button"] {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',メイリオ,Meiryo\9;
    font-weight: normal;
    font-size: 1em;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    margin: 10px 0;
    cursor: pointer;
    border-style: none;
    padding: 5px;
}

form[method="post"] button:hover ,
form[method="post"] input:hover {
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
  }
  
form[method="post"] {
    max-width: 980px;
    margin: 0 auto;
}

html:lang(en) nav#gnavi .container ul li{
    min-width: 14%!important;
}

html:lang(pt) nav#gnavi .container ul li{
    min-width: 14%!important;
}

html:lang(es) nav#gnavi .container ul li{
    min-width: 14%!important;
}

#chatbot{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 10;
}
#chatbot .chat_close{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20;
}
.page_content{
	margin: 0;
}
@media (max-width: 599px) {
	#page_top{
    bottom: 140px;
	}
	#chatbot{
    max-width: 90px;
	}
	#chatbot .chat_close{
    top: -10px;
    right: -10px;
	}
}