@charset "utf-8";
.text-takamatsu, .txt-takamatsu {
  color: #ed945c;
}

.text-eastern, .txt-eastern {
  color: #a4cf3a;
}

.text-central, .txt-central {
  color: #6ba6d1;
}

.text-western, .txt-western {
  color: #e6c300;
}

.text-shodoshima, .txt-shodoshima {
  color: #60c76e;
}

.mainslider {
  padding: 3px;
  height: 400px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.mainslider .flex-direction-nav a {
  display: block;
  width: 40px;
  height: 80px;
  text-align: center;
  line-height: 80px;
  background: #fff;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.mainslider .flex-direction-nav a:before {
  color: #004ea2;
  font-size: 20px;
  margin-top: 30px;
}
.mainslider .flex-direction-nav .flex-prev {
  left: 15px;
  -webkit-border-radius: 0 40px 40px 0;
  -moz-border-radius: 0 40px 40px 0;
  -ms-border-radius: 0 40px 40px 0;
  -o-border-radius: 0 40px 40px 0;
  border-radius: 0 40px 40px 0;
}
.mainslider .flex-direction-nav .flex-prev:before {
  padding-right: 10px;
}
.mainslider .flex-direction-nav .flex-next {
  right: 15px;
  -webkit-border-radius: 40px 0 0 40px;
  -moz-border-radius: 40px 0 0 40px;
  -ms-border-radius: 40px 0 0 40px;
  -o-border-radius: 40px 0 0 40px;
  border-radius: 40px 0 0 40px;
}
.mainslider .flex-direction-nav .flex-next:before {
  padding-left: 10px;
}
.mainslider .bannerContent img {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.pageContainer {
  padding-top: 0 !important;
  background: transparent !important;
}

.mainVisualWrapper {
  margin: 0 auto;
  width: 1024px;
}
.mainVisualWrapper .mainVisual {
  position: relative;
  margin: 0 -188px auto;
  width: 1400px;
  height: 500px;
  background: #fff;
}

.flex-direction-nav a {
  top: 50%;
  margin-top: -25px;
  opacity: 1;
  color: #000;
  width: 40px;
  height: 40px;
  background-color: #F2EBAA;
  border-radius: 20px;
  text-align: center;
}
.flex-direction-nav a::before {
  font-size: 32px;
  line-height: 40px;
  font-family: FontAwesome;
}
.flex-direction-nav a.flex-prev::before {
  content: " \f104";
}
.flex-direction-nav a.flex-next {
  padding-left: 5px;
  text-align: center;
}
.flex-direction-nav a.flex-next::before {
  content: " \f105";
}

.flex-control-paging li a {
  width: 14px;
  height: 14px;
  background-color: #FFF;
}
.flex-control-paging li a.flex-active {
  background-color: #489E59;
}
.flex-control-paging li a:hover {
  background-color: #489E59;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}

dl.click-event {
  cursor: pointer;
}
dl.click-event .no-click-event ul {
  cursor: default;
}

section.topMainBox {
  overflow: hidden;
  padding: 50px 0;
  background-color: #000;
  color: #FFF;
  		/*
  		.newsBox {
  			float: left;
  			width: 800px;
  			color: #FFF;
  			.titleNews {
  				height: 64px;
  				overflow: hidden;
  				margin: 0;
  				background: url(/images/ritsuringarden/titleNews.png) no-repeat;
  				a {
  					float: right;
  					margin: 9px 10px 0 0;
  					&:hover img {opacity: .9;}
  				}
  			}
  
  			ul.list {
  				li {
  					height: 90px;
  					border-bottom: #CCC4C1 1px solid;
  
  					&.imgIn {
  						height: 181px;
  						dl {
  							height: 161px;
  							padding: 10px 0;
  							dt {height: 161px;}
  							dd {
  								float: left;
  								width: 377px;
  								height: 161px;
  								padding-right: 15px;
  								background: none;
  								h3 {white-space: normal;}
  								&.img {
  									position: relative;
  									float: right;
  									width: 320px;
  									overflow: hidden;
  									background: url(/images/common/icoArrowRight.png) no-repeat right center;
  									.slide {
  										width: 285px;
  										height: 160px;
  									}
  									ol {display: none;}
  									.flex-direction-nav a {
  										width: 30px;
  										height: 30px;
  										background-color: #000;
  										color: #FFF;
  										top: 90%;
  										opacity: .7;
  										&::before {
  											font-size: 20px;
  											line-height: 30px;
  										}
  										&.flex-prev {
  											left: 5px;
  										}
  										&.flex-next {
  											padding-left: 4px;
  										}
  									}
  								}
  							}
  						}
  					}
  					dl {
  						display: table;
  						height: 60px;
  						margin: 0;
  						padding: 15px 0;
  						dt {
  							display: table-cell;
  							vertical-align: middle;
  							height: 60px;
  							padding-right: 15px;
  							.publish_date {
  								width: 88px;
  								height: 20px;
  								padding-top: 1px;
  								border: #FFF 1px solid;
  								font-size: 11px;
  								text-align: center;
  							}
  						}
  						dd {
  							width: 697px;
  							height: 60px;
  							padding-right: 45px;
  							background: url(/images/common/icoArrowRight.png) no-repeat right center;
  							overflow: hidden;
  							.labels {
  								span {
  									display: inline-block;
  									width: 90px;
  									height: 20px;
  									padding-top: 1px;
  									line-height: 20px;
  									border-radius: 5px;
  									text-align: center;
  									font-size: 13px;
  									font-weight: bold;
  									&.cate-l {background-color: #A98AE6;}
  									&.cate-new {background-color: #FF8066;}
  									&.cate10,&.cate11,&.cate14,&.cate15 {
  										height: 24px;
  										border: #686563 2px solid;
  										background-color: #FFF;
  										color: #666;
  									}
  									&.cate12,&.cate16 {
  										height: 24px;
  										border: #CC2D13 2px solid;
  										background-color: #FFF;
  										color: #CC2D13;
  									}
  									&.cate13,&.cate17 {background-color: #FF8066;}
  								}
  							}
  							h3 {
  								margin: 10px 0 0;
  								font-size: 17px;
  								overflow: hidden;
  								text-overflow: ellipsis;
  								white-space: nowrap;
  								-o-text-overflow: ellipsis;
  								font-weight: bold;
  								line-height: 1.6;
  								a {color: #CCCCCC;}
  							}
  						}
  					}
  				}
  			}
  		}
  		.bnrBox {
  			float: right;
  			width: 330px;
  			.selectLanguage {
  				position: relative;
  				margin-bottom: 17px;
  				ul {
  					width: 230px;
  					right: 0;
  					left: auto;
  					margin-top: 5px;
  					li {
  						a {padding: 5px 20px;}
  					}
  				}
  			}
  			.banner {margin-bottom: 20px;}
  			p {
  				margin-bottom: 20px;
  				&.fltL {
  					float: left;
  					margin-right: 10px;
  				}
  				a:hover {opacity: .8;}
  			}
  		}
  		*/
}
section.topMainBox .leftBox {
  float: left;
  width: 700px;
}
section.topMainBox .leftBox .titleBox {
  width: 100%;
  overflow: hidden;
  padding: 0 0 28px;
  background-color: #000;
  text-align: center;
}
section.topMainBox .leftBox .titleBox p {
  margin: 0 auto;
  padding-bottom: 20px;
  border-bottom: #CCC68F 1px solid;
}
section.topMainBox .leftBox .btnBox {
  overflow: hidden;
  clear: both;
  text-align: center;
  padding: 0 0 30px 70px;
}
section.topMainBox .leftBox .btnBox p {
  float: left;
  margin-right: 10px;
}
section.topMainBox .leftBox .newsBox {
  width: 100%;
}
section.topMainBox .leftBox .newsBox .titleNews {
  height: 64px;
  overflow: hidden;
  margin: 0;
  background: url(/images/ritsuringarden/titleNews01.png) no-repeat;
}
section.topMainBox .leftBox .newsBox .titleNews a {
  float: right;
  margin: 9px 10px 0 0;
}
section.topMainBox .leftBox .newsBox .titleNews a:hover img {
  opacity: .9;
}
section.topMainBox .leftBox .newsBox ul.list li {
  height: 62px;
  border-bottom: #CCC4C1 1px solid;
}
section.topMainBox .leftBox .newsBox ul.list li dl {
  display: table;
  height: 60px;
  margin: 0;
  padding: 0;
}
section.topMainBox .leftBox .newsBox ul.list li dl dt {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
  padding-right: 15px;
}
section.topMainBox .leftBox .newsBox ul.list li dl dt .publish_date {
  width: 80px;
  height: 20px;
  padding-top: 1px;
  border: #FFF 1px solid;
  font-size: 11px;
  text-align: center;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd {
  display: table-cell;
  vertical-align: middle;
  width: 597px;
  max-width: 597px;
  height: 60px;
  padding-right: 45px;
  background: url(/images/common/icoArrowRight.png) no-repeat right center;
  overflow: hidden;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd .labels {
  float: left;
  margin: 3px 10px 0 0;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span {
  display: inline-block;
  width: 70px;
  height: 20px;
  padding-top: 1px;
  line-height: 20px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate-l {
  background-color: #A98AE6;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate-new {
  background-color: #FF8066;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate10, section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate11, section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate14, section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate15 {
  height: 24px;
  border: #686563 2px solid;
  background-color: #FFF;
  color: #666;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate12, section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate16 {
  height: 24px;
  border: #CC2D13 2px solid;
  background-color: #FFF;
  color: #CC2D13;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate13, section.topMainBox .leftBox .newsBox ul.list li dl dd .labels span.cate17 {
  background-color: #FF8066;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd h3 {
  margin: 1px 0 0;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  font-weight: bold;
  line-height: 1.6;
}
section.topMainBox .leftBox .newsBox ul.list li dl dd h3 a {
  color: #CCCCCC;
}
section.topMainBox .rightBox {
  float: right;
  width: 420px;
}
section.topMainBox .rightBox .bnrBox {
  width: 420px;
  padding: 4px 0 40px;
}
section.topMainBox .rightBox .newsBox {
  width: 100%;
}
section.topMainBox .rightBox .newsBox .titleNews {
  height: 64px;
  overflow: hidden;
  margin: 0;
  background: url(/images/ritsuringarden/titleNews02.png) no-repeat;
}
section.topMainBox .rightBox .newsBox .titleNews a {
  float: right;
  margin: 9px 10px 0 0;
}
section.topMainBox .rightBox .newsBox .titleNews a:hover img {
  opacity: .9;
}
section.topMainBox .rightBox .newsBox ul.list {
  padding: 28px 0 0 30px;
}
section.topMainBox .rightBox .newsBox ul.list .imgIn {
  height: 406px;
  border-bottom: #CCC4C1 1px solid;
}
section.topMainBox .rightBox .newsBox ul.list li {
  /*height: 404px;*/
  /*border-bottom: #CCC4C1 1px solid;*/
  /*padding: 0 0 0 30px;*/
}
section.topMainBox .rightBox .newsBox ul.list li dl {
  height: 434px;
  /*padding: 30px 0;*/
}
section.topMainBox .rightBox .newsBox ul.list li dl dt {
  height: 48px;
  padding-right: 15px;
}
section.topMainBox .rightBox .newsBox ul.list li dl dt .publish_date {
  float: left;
  width: 80px;
  height: 20px;
  margin: 2px 15px 0 0;
  padding: 1px 0 0;
  border: #FFF 1px solid;
  font-size: 11px;
  text-align: center;
}
section.topMainBox .rightBox .newsBox ul.list li dl dt .labels {
  float: left;
  margin: 0 10px 0 0;
}
section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span {
  display: inline-block;
  width: 70px;
  height: 20px;
  padding-top: 1px;
  line-height: 20px;
  border-radius: 5px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate-l {
  background-color: #A98AE6;
}
section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate-new {
  background-color: #FF8066;
}
section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate10, section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate11, section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate14, section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate15 {
  height: 24px;
  border: #686563 2px solid;
  background-color: #FFF;
  color: #666;
}
section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate12, section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate16 {
  height: 24px;
  border: #CC2D13 2px solid;
  background-color: #FFF;
  color: #CC2D13;
}
section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate13, section.topMainBox .rightBox .newsBox ul.list li dl dt .labels span.cate17 {
  background-color: #FF8066;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd {
  background: none;
  width: 597px;
  height: 60px;
  padding-right: 30px;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd h3 {
  height: 84px;
  margin: 18px 0 0;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  -o-text-overflow: ellipsis;
  font-weight: bold;
  line-height: 1.6;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd h3 a {
  color: #CCCCCC;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd.img {
  position: relative;
  float: right;
  width: 390px;
  height: 357px;
  overflow: hidden;
  background: url(/images/common/icoArrowRight.png) no-repeat right 110px;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd.img .slide {
  width: 360px;
  height: 245px;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd.img .slide img {
  border-radius: 5px;
  border: #fff 7px solid;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd.img ol {
  display: none;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd.img .flex-direction-nav a {
  width: 30px;
  height: 30px;
  background-color: #000;
  color: #FFF;
  top: 90%;
  opacity: .7;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd.img .flex-direction-nav a::before {
  font-size: 20px;
  line-height: 30px;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd.img .flex-direction-nav a.flex-prev {
  top: 220px;
  left: 20px;
}
section.topMainBox .rightBox .newsBox ul.list li dl dd.img .flex-direction-nav a.flex-next {
  top: 220px;
  right: 50px;
  padding-left: 4px;
}
section.charm {
  min-height: 737px;
  padding: 30px 0;
  background: url(/images/ritsuringarden/bgImg1.jpg) center top;
}
section.charm h2 {
  margin: 0 auto 35px;
  text-align: center;
}
section.charm .ctsInn {
  overflow: visible;
}
section.charm .ctsInn ul li {
  position: relative;
  float: left;
  width: 576px;
  margin: 0 8px 20px 0;
}
section.charm .ctsInn ul li:nth-child(2n) {
  margin-right: 0;
}
section.charm .ctsInn ul li a:hover {
  opacity: .8;
}
section.charm .ctsInn ul li ul {
  position: absolute;
  width: 288px;
  margin: 0;
  right: 0;
  display: none;
  border-top: rgba(229, 229, 229, 0.8) 10px solid;
  border-bottom: rgba(229, 229, 229, 0.8) 10px solid;
  z-index: 10;
}
section.charm .ctsInn ul li ul li {
  list-style: none;
  width: 288px;
  margin: 0;
  padding: 0;
}
section.charm .ctsInn ul li ul li a {
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  background: #E5E5E5;
  opacity: .8;
}
section.charm .ctsInn ul li ul li a:hover {
  background-color: #999999;
  opacity: 1 !important;
  text-decoration: none;
}
section.infomation {
  min-height: 750px;
  padding: 50px 0 30px;
  background-color: #000;
}
section.infomation h2 {
  margin: 0 auto 35px;
  text-align: center;
}
section.infomation .ctsInn {
  overflow: visible;
}
section.infomation .ctsInn ul li {
  position: relative;
  float: left;
  width: 284px;
  margin: 0 8px 20px 0;
}
section.infomation .ctsInn ul li:nth-child(4n) {
  margin-right: 0;
}
section.infomation .ctsInn ul li a:hover {
  opacity: .8;
}
section.infomation .ctsInn ul li ul {
  position: absolute;
  margin: 0;
  left: 0;
  display: none;
  border-top: rgba(229, 229, 229, 0.8) 10px solid;
  border-bottom: rgba(229, 229, 229, 0.8) 10px solid;
  z-index: 100;
}
section.infomation .ctsInn ul li ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
section.infomation .ctsInn ul li ul li a {
  display: block;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 700;
  color: #000;
  background: #E5E5E5;
  opacity: .8;
}
section.infomation .ctsInn ul li ul li a:hover {
  background-color: #999999;
  opacity: 1 !important;
  text-decoration: none;
}
section.contact {
  padding: 50px 0 70px;
  text-align: center;
}
section.contact a {
  /*display: block;*/
  /*width: 750px;*/
  /*height: 60px;*/
  margin: 0 10px 20px;
}
section.contact a:hover {
  opacity: .7;
}
section .ctsInn {
  width: 1160px;
  overflow: hidden;
  margin: 0 auto;
}

/*@ sourceMappingURL=layout.css.map */