@charset "utf-8";
/* ==================================================
トップページ
================================================== */
* {margin: 0; padding: 0;}
body,html {width: 100%;height: 100%;}

a {
  text-decoration: none;
}

#container {
  clear: both;
  background: #f4f4f4;
  padding: 0 0 24px 0;
}

h2 { color: #734804; margin: 0; }

/*
Slider
___________________________________________________________________*/

.mod-bxslider {
  clear: both;
  overflow: hidden;
  position: relative;
}

.bx-viewport:before,
.bx-viewport:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1000;
}

.bx-wrapper .bx-viewport {
    overflow: visible !important;
    left: 0;
    border-width: 0;
    box-shadow: none;
}

.bx-viewport:before {
    right: 100%;
    left: -100%;
}

.bx-viewport:after {
    left: 100%;
    right: -100%;
}
js-demo-01 img {
 width: 960px;
 height: 400px;
 overflow: hidden;
}

.over_frame {
  position: absolute;
	top: 350px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 999;
}

.over_left {
  position: absolute;
	bottom: 60px;
	right: 60%;
	z-index: 999;
}
.over_right {
  position: absolute;
	bottom: 60px;
	left: 60%;
	z-index: 998;
}


/*
Global Navi
___________________________________________________________________*/
#global_navi {
  width: 100%;
  background: #fff;
  padding: 0;
  margin: 0 0 40px 0;
  min-height: 160px;
  box-shadow:0px 0px 6px 0 #e6e6e6;
  -moz-box-shadow:0px 0px 6px 0 #e6e6e6;
  -webkit-box-shadow:0px 0px 6px 0 #e6e6e6;
}

#global_navi ul {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  letter-spacing: -.40em;
	overflow: hidden;
}
#global_navi ul li {
  display: inline-block;
}
#global_navi ul li a { display: inline-block; width: 160px; height: 160px; letter-spacing: normal; box-sizing: border-box; color: #333; font-weight: bold; }
#global_navi ul li {
  height: 160px;
  text-align: center;
  position: relative;
}
#global_navi ul li a:hover { background-color: #e7f5d3; }

#global_navi li span.bg { 
  display: block;
  border-right: #734804 1px dotted;
  min-height: 68px;
  margin: 40px 0;
}

#global_navi li:first-child span.bg {
    border-left: #734804 1px dotted;
}

#global_navi li.navi01 span.bg { background: url(../images/gnavi01.png) no-repeat center 0; }
#global_navi li.navi02 span.bg { background: url(../images/gnavi02.png) no-repeat center 0; }
#global_navi li.navi03 span.bg { background: url(../images/gnavi03.png) no-repeat center 0; }
#global_navi li.navi04 span.bg { background: url(../images/gnavi04.png) no-repeat center 0; }
#global_navi li.navi05 span.bg { background: url(../images/gnavi05.png) no-repeat center 0; }
#global_navi li.navi06 span.bg { background: url(../images/gnavi06.png) no-repeat center 0; }

#global_navi li span.txt {
  position: absolute;
  bottom: 34px;
  left: 0;
  right: 0;
  z-index: 100;
}

/*
box
___________________________________________________________________*/

.box {
  background: #fff;
  padding: 40px;
  margin: 0 0 40px 0;
/* box-shadow */
box-shadow: 0px 0px 6px 3px #e6e6e6;
-moz-box-shadow: 0px 0px 6px 3px #e6e6e6;
-webkit-box-shadow: 0px 0px 6px 3px #e6e6e6;

/* border-radius */
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.box a { color: #333; }
.box a:hover { color: #d40000; text-decoration: underline; }

.box .news_link {
    padding: .5em 0 0;
}

.box .news_link a {
    color: #256ab1;
    text-decoration: underline;
}

/*
area
___________________________________________________________________*/
.news_area h2, .event_area h2 { 
  font-size: 180%; 
	float: left; border-right: 1px solid #cab79e; 
	padding-right: 16px; 
	margin-right: 16px;
	margin-bottom: 20px;
}

.news_area .tolist,
.event_area .tolist {
  background: url(../images/tri_brown.png)no-repeat 0 center;
	padding: 9px 0 9px 24px;
	float: left;
}

.news_area { width: 650px; float: left; }
.event_area { clear: both; }

.news_area ul {
  clear: both;
	list-style: none;
	margin: 16px 0;
	padding: 0;
}

.news_area ul li { border-bottom: 1px dotted #888; }
.news_area ul li:last-child { border: none; }

.news_area h2.news_repair {
    float: none;
    border: none;
}

.event_area ul {
  clear: both;
	list-style: none;
	margin: 16px 0;
	padding: 0;
	letter-spacing: -0.4em;
}

.event_area li {
  display: inline-block;
	width: 190px;
	letter-spacing: normal;
  box-sizing: border-box;
  margin-right: 40px;
  vertical-align: top;
}

.event_area li:last-child { margin-right: 0; }

.event_area li img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
}

.news_area ul a,
.event_area ul a,
.news_area ul span,
.event_area ul span {
  display: block;
}

.news_area .date_txt,
.event_area .date_txt {
  color: #666666;
  font-size: 88%;
}

.news_area ul a,
.event_area ul a {
  padding: 8px 2px;
}

.news_area ul a:hover,
.event_area ul a:hover {
  background: #e7f5d3;
	color: #333;
	text-decoration: none;
}

.tweet_area { width: 269px; float: right; padding: 20px 4px; overflow: hidden; margin-left: auto; }

.basic_area h2 a { color: #734804; margin: 0; text-decoration: none; border: none !important; }
.basic_area h2 a:hover { color: #734804; margin: 0; text-decoration: none; }

.basic_info h2 { background: url(../images/icon_basic.png) no-repeat 0 0.15em; padding-left: 32px; margin-bottom: 20px;}
.access_info h2 { background: url(../images/icon_access.png) no-repeat 0 0.15em; padding-left: 32px; margin-bottom: 20px; }
.mail_info h2 { background: url(../images/icon_mail.png) no-repeat 0 0.15em; padding-left: 32px; margin-bottom: 20px; }
.links_info h2 { background: url(../images/icon_link.png) no-repeat 0 0.15em; padding-left: 32px; margin-bottom: 20px; }

.basic_info {
  border-bottom: 1px dotted #888;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.basic_info .textbox { float: left; }
.basic_info h3 { margin-bottom: 0; font-size: 100%;}
.basic_info p { margin-top: 0; }
.basic_info img {
  float: right;
	width: 260px;
	height: auto;
}

.wrap_box {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* justify-content: space-between; */
}
.access_info { float: left; width: 33%; border-right: 1px dotted #888; padding-right: 32px;}
.mail_info { float: left; width: 33%; border-right: 1px dotted #888; padding: 0 32px;}
.links_info { float: left; width: 33%; padding: 0 0 0 32px;}

.links_info ul { margin: 1em 0 0 0; }
li.blank {
  background: url(../images/tri_black.png)no-repeat 0 2px;
	padding-left: 20px;
}

li.blank a:after {
  content: url(../images/icon_out.png);
}

.basic_info a, .access_info a, .mail_info a, .links_info a { color: #256ab1; border-bottom: 1px dotted #888; }
.basic_info a:hover, .access_info a:hover, .mail_info a:hover, .links_info a:hover { text-decoration:none; }

/* now ___________________*/
.tkp-now-info-box {
  width: 90%;
  margin: 20px auto 0 auto;
  text-align: center;
}
.tkp-now-info-box dl { text-align: left; margin: 10px 0 20px 0; }
.tkp-now-info-box dt {
  color: #734804; font-weight: bold; font-size: 120%;
}

.tweet_area .tkp-link-list-A02 { float: right; margin-right: 10px; }

.tweet_area .tkp-link-list-A02 li a {
background: url(../images/tri_brown.png)no-repeat 0 center;
padding: 9px 0 9px 24px;
}

.js-demo-01 div {
      display: none;
}
 .bx-viewport .js-demo-01 div {
      display: block !important;
}


/* tomosuke ___________________*/
.basic_info .textbox { position: relative; width: 580px; }
.basic_info .textbox .tomosuke { position: absolute; width: 120px; bottom: 0; right: 0; }
.basic_info .textbox .tomosuke img { width: 100%;}