@charset "UTF-8";
/* Scss Document */
#rich {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  overflow: hidden;
  width: 960px;
  height: 390px; }

.top-text {
  margin: 5px auto 0 auto;
  text-align: center;
  width: 100%;
  padding: 0 0 9px 0; }

.banner-box {
  width: 960px;
  overflow: hidden; }

.banner-box-list li {
  margin: 0 49px 0 0;
  float: left;
  overflow: hidden;
  background: url(../img/index/btn_circle.png) no-repeat;
  width: 287px;
  height: 286px; }

.banner-box-list li img {
  margin: 50px 0 0 0; }

.banner-box-list div {
  width: 287px;
  height: 286px;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default; }

.banner-box-list li:nth-child(3) {
  margin: 0; }

.gallery-box {
  width: 960px;
  overflow: hidden;
  margin: 0 0 35px 0; }

.gallery-box li {
  float: left;
  margin: 0 24px 0  0;
  width: 304px;
  height: auto;
  overflow: hidden;
  text-align: center;
  /*position: relative;*/ }

.gallery-img {
  width: 300px;
  height: 202px;
  border: 2px dashed #B8895B;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default; }

.gallery-list-btn-box {
  margin: -10px 0 0 836px; }

.gallery-list-btn {
  position: absolute; }

.gallery-list-btn img {
  margin: 5px 0 0 0; }

.gallery-list-btn-hover {
  width: 98px;
  height: 22px; }

.gallery-list-btn-hover {
  width: 98px;
  height: 22px;
  margin: 5px 0 0 26px; }

.gallery-list-btn-hover:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  top: 0px;
  left: 0px;
  z-index: -1;
  padding: 0;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
  -moz-transition: -moz-transform 0.2s, opacity 0.3s;
  transition: transform 0.2s, opacity 0.3s;
  background: #FFF \9; }

.gallery-list-btn-hover:after {
  background: #b8895b url(../img/index/btn_list_.png) no-repeat 5px 5px;
  width: 98px;
  height: 22px;
  background: #F7F5F0 \9; }

.gallery-img img {
  text-align: center;
  max-width: 300px;
  max-height: 202px; }

.gallery-img:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.gallery-title {
  text-align: left;
  font-size: 93%;
  font-weight: bold;
  line-height: 1.3;
  margin: 5px 0 15px 0;
  min-height: 30px;
  color: #4D1B07; }

.gallery-coment {
  text-align: left;
  font-size: 93%;
  line-height: 1.3;
  margin: 0 0 15px 0;
  min-height: 30px;
  color: #4D1B07; }

.gallery-btn {
  text-align: center;
  color: #FFFFFF;
  font-size: 85%;
  margin: 0 0 0 188px;
  position: absolute; }

.gallery-btn a {
  color: #FFFFFF; }

.gallery-btn a:hover {
  color: #6B4D43;
  color: #B8895B \9; }

.gallery-btn a:before {
  color: #fff; }

.gallery-btn a:after {
  color: #6B4D43;
  color: #B8895B \9; }

.gallery-btn-hover01 {
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 1;
  width: 113px;
  height: 16px;
  padding: 7px 0 0 0;
  line-height: 1;
  font-size: 100%; }

.gallery-btn-hover01:hover {
  background: white;
  border: 1px solid #6B4D43;
  width: 111px;
  height: 15px;
  padding: 6px 0 0 0; }

.gallery-btn-hover01:after {
  background: #6B4D43; }

.gallery-box li:nth-child(3) {
  margin: 0; }

.gallery-icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.btn-box {
  width: 960px;
  overflow: hidden;
  margin: 30px auto 0 auto; }

.btn-box li {
  margin: 0 40px 28px 0;
  float: left; }

.btn-box li:nth-child(3) {
  background: url(../img/index/btn_pickup.jpg) no-repeat;
  width: 198px;
  height: 101px;
  margin: 0 40px 0 0;
  padding: 36px 6px 3px 6px;
 
  }

.btn-box li:nth-child(3) p {
  line-height: 1.3; }

.btn-box li:nth-child(4) {
  margin: 0; }


/* 追加▼ 1114 */ 
.pickup-box-inner {
	overflow: auto;
	height: 101px;
	}

.pickup-box p a {
  color: #4D1B07; }

.pickup-box p a:hover {
  color: #B8895B;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s; }

.top-btn {
  width: 210px;
  height: 140px;
  overflow: hidden;
  text-align: center;
  cursor: default; }

.top-btn img {
  display: block;
  position: relative; }

.topics-list {
  width: 590px;
  overflow: hidden;
  float: left; }

.topics-list ul {
  overflow: hidden;
  width: 590px;
  margin: 10px 0 0 0; }

.topics-title {
  width: 590px;
  overflow: hidden;
  border-bottom: 1px solid #000000;
  padding: 3px 0 3px 0; }

.topics-btn, .event-btn　 {
  position: absolute; }

.topics-btn img, .event-btn img {
  margin: 7px 0 0 0; }

.topics-btn-hover {
  width: 96px;
  height: 22px;
  margin: -4px 0 0 430px; }

.event-btn-hover {
  width: 96px;
  height: 22px;
  margin: 0 0 0 30px; }

.topics-btn-hover:after, .event-btn-hover:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  top: 0px;
  left: 0px;
  z-index: -1;
  padding: 0;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
  -moz-transition: -moz-transform 0.2s, opacity 0.3s;
  transition: transform 0.2s, opacity 0.3s;
  background: #FFF \9; }

.topics-btn-hover:after, .event-btn-hover:after {
  background: #b8895b url(../img/index/btn_list_.png) no-repeat 5px 6px;
  width: 96px;
  height: 22px;
  background: #F7F5F0 \9; }

.topics-list li {
  font-size: 93%;
  margin: 10px 0 13px 0;
  width: 590px;
  line-height: 1.4;
  border-bottom: 1px dotted #767676;
  padding: 0 0 5px 0;
  overflow: hidden;
  color: #4D1B07; }

.topics-data {
  display: block;
  margin: 3px; }

.topics-list li a {
  color: #4D1B07; }

.topics-list li a:hover {
  color: #B8895B;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  -ms-transition: 0.8s;
  transition: 0.8s; }

.facebook-box {
  width: 590px;
  height: 250px;
  overflow: hidden;
  margin: 25px 0 0 0; }

.event-box {
  width: 332px;
  overflow: hidden;
  float: right;
  padding: 0;
  margin: 0px 0 0 0; }

.event-title {
  width: 332px;
  overflow: hidden;
  border-bottom: 1px solid #000000;
  padding: 0 0 2px 0; }

.event-inner {
  overflow: hidden;
  margin: 20px 0 0 0;
  border-bottom: 1px dotted #000;
  padding: 0 0 20px 0; }

.event-box-left {
  float: left;
  overflow: hidden; }

.event-box-left li {
  margin: 0 0 2px 1px; }

.event-box-right {
  float: right;
  width: 230px;
  overflow: hidden; }

.event-box-right li {
  margin: 0 0 4px 0;
  line-height: 1.3;
  font-size: 93%;
  color: #6B4D43; }

.event-box-center {
  clear: both;
  margin: 10px 0 10px 0;
  width: 100%;
  overflow: hidden; }

.event-box-center li {
  line-height: 1.3;
  font-size: 93%;
  margin: 5px 0 8px 3px;
  color: #6B4D43; }

.event-box-center li:nth-child(2) {
  min-height: 32px; }

.event-box-center li:nth-child(3) {
  margin: 5px 0 0 220px;
  float: right; }

.event-box-center li:nth-child(4) {
  margin: 0 0 0 0;
  float: left; }

.event-box-center li:nth-child(3),
.event-box-center li:nth-child(4) {
  position: absolute; }

.event-btn01 {
  padding: 0 0 0 0;
  text-align: center;
  color: #0A927E; }

.event-btn01 a {
  color: #fff; }

.event-btn01 a:hover {
  color: #6B4D43;
  color: #B8895B \9; }

.event-btn01 a:before {
  color: #fff; }

.event-btn01 a:after {
  color: #6B4D43;
  color: #B8895B \9; }

.event-btn01-hover {
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 1;
  width: 110px;
  height: 15px;
  padding: 6px 0 0 3px;
  line-height: 1;
  font-size: 93%; }

.event-btn01-hover:hover {
  background: white;
  width: 108px;
  height: 14px;
  padding: 5px 0 0 2px;
  border: 1px solid #6B4D43; }

.event-btn01-hover:after {
  background: #6B4D43;
  color: #6B4D43 \9; }

.event-btn02 {
  text-align: center;
  color: #FFFFFF; }

.event-btn02 a {
  color: #FFFFFF; }

.event-btn02 a:hover {
  color: #6B4D43;
  color: #005BBB \9; }

.event-btn02 a:before {
  color: #fff; }

.event-btn02 a:after {
  color: #6B4D43;
  color: #005BBB \9; }

.event-btn02-hover {
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 1;
  width: 110px;
  height: 15px;
  padding: 6px 0 0 0;
  line-height: 1;
  font-size: 93%; }

.event-btn02-hover:hover {
  background: white;
  border: 1px solid #0A927E;
  width: 108px;
  height: 14px;
  padding: 5px 0 0 0; }

.event-btn02-hover:after {
  background: #17947F; }