@charset "utf-8";
/* CSS Document */
/* clear
--------------------------------------------*/
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.sp {
	display: none;
}
.pc {display: block;}
.clear:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clear {
	display:inline-block;
}
.clear {
	display: block;
}
.fl_l {float: left;}
.fl_r {float: right;}
.colorType1 {color: #e34203;}
.wrap {
	margin: 0 auto;
	width: 855px;
}
.wrap#top {
	padding: 0 0 45px;
}

#headArea {
	margin: 0 auto;
	padding: 16px 0 0;
	width:854px; 
}

#headArea .info {
	float: right;
}

#headArea .info img {
	margin: 0 0 0 auto;
}

#headArea .info .time {
	margin: 0 0 10px;
}

#headArea .eng {
	margin: 18px 0 0;
	overflow: hidden;
}
#headArea .eng img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
#headArea .eng:hover img {
	opacity: 0.6;
}

#headArea .gNav,
.snsWig	 {
	overflow: hidden;
	position: relative;
	margin: 32px 0 0;
}
#headArea .gNav ul,
.snsWig ul {
	position: relative;
	float: left;
	left: 50%;
}
#headArea .gNav ul li,
.snsWig ul li {
	position: relative;
	float: left;
	left: -50%;
}

#headArea .gNav li.nav1,
#headArea .gNav li.nav3 {margin: 0 70px 0 0;}
#headArea .gNav li.nav2 {margin: 0 76px 0 0;}
#headArea .gNav li.nav4 {margin: 0 73px 0 0;}
#headArea .gNav li.nav5 {margin: 0 66px 0 0;}

#headArea .gNav li img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
#headArea .gNav li:hover img {
	opacity: 0.6;
}

#mainVisual {
	padding: 32px 0;
}
#mainVisual img {
	display: block;
	width: 100%;
	height: auto;
}

#top .subMenu li {
	float: left;
	margin: 0 18px 0 0;
	width: 273px;
}
#top .subMenu li img {
	display: block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
#top .subMenu li:last-child {
	margin: 0;
}
#top .subMenu li:hover img {
	opacity: 0.6;
}

#top .news {
	margin: 32px 0 0;
}

#top .news .more {
	float: right;
	padding: 100px 0 0;
}

#top .news .ttl {
	overflow: hidden;
}

#top .news .listBox {
	margin: 30px 0 0;
	overflow: hidden;
}

#top .news .listBox li {
	margin: 0 0 8px;
}

#top .news .listBox li:last-child {
	margin: 0;
}

#top .news .listBox li dl dt {
	float: left;
	background: #c2bcba;
	color: #fff;
	margin: 0 12px 0 0;
	padding: 6px;
}

#top .news .listBox li dl dd {
	overflow: hidden;
	padding: 6px 0 0;
}

.snsArea {
	background: #f8f0ee;
	margin: 0 0 100px;
	padding: 60px 0;
}

.snsArea .box {
	float: left;
	margin: 0 55px 0 0;
	width: 400px;
}
.snsArea .box:last-child {
	margin: 0;
}

.snsWig {
	margin: 0 0 45px;
}

.snsWig ul li {
	margin: 0 28px 0 0;
}

.snsWig ul li:last-child {
	margin: 0;
}

#pagetop {
	margin: 0 auto;
	width: 244px;
}

#footArea {
	background: #e0dcdb;
	line-height: 1.6;
	padding: 28px 0 14px;
}

#footArea .txt {
	color: #5e5e5e;
	padding: 0 0 40px;
}

#footArea .copy {
	text-align: center;
}


#concept .ttl {
	margin: 0 0 60px;
}

#concept .contBox {
	margin: 0 0 75px;
}

#concept .contBox .fl_r {margin: 0 0 0 30px;}
#concept .contBox .fl_l {margin: 0 30px 0 0;}

#concept .contBox .txt {
	font-size: 16px;
	line-height: 1.6;
	overflow: hidden;
}

#concept .contBox .txt p {
	margin: 0 0 20px;
}

#concept .contBox .txt p:last-child {
	margin: 0;
}

#concept .author {
	padding: 0 0 50px;
}

#concept .author .sttl {
	font-weight: bold;
	padding: 0 0 15px;
}
#concept .author .companyInfo dt {
	float: left;
	clear: left;
	width: 170px;
}

#concept .author .companyInfo dd {
	overflow: hidden;
	padding: 0 0 8px;
}

#system .box {
	border: 8px #f5f5f5 solid;
	margin: 0 0 56px;
	padding: 35px;
}

#system .box h2.ttl {
	text-align: center;
	padding: 0 0 45px;
}

#system .box .summary .photo {
	float: left;
	margin: 0 0 35px;
}
#system .box .summary .photo li {
	float: left;
	margin: 0 12px 0 0;
}

#system .box .summary .txt {
	overflow: hidden;
}

#system .box .summary .txt p {
	margin: 0 0 20px;
}


#system .box .att li {
	list-style: disc;
	margin: 0 0 10px 30px;
}
#system .box .att li:last-child {
	margin: 0 0 0 30px;
}

#system .box .pack {
	background: #f8f0ee;
	margin: 40px 0 0;
	padding: 20px;
}
#system .box .pack .sttl {
	text-align: center;
	padding: 0 0 20px;
}
#system .box .pack .note {
	margin: 30px 0 0;
}
#system .box .pack .note li {
	margin: 0 0 8px;
	padding-left: 1em;
	text-indent: -1em;
}
#system .box .pack .note li:last-child {
	margin: 0;
}

#system .credit {
	margin: 0 0 60px;
}

#system .credit dt {
	color: #e34203;
	padding: 0 0 6px;
}
#system .info{
	padding: 0 0 80px;
}
#system .info .ttl{
	text-align: center;
	margin: 60px 0 30px;
}
#system .info .md_list {
	margin: 30px 0 20px;
}
#system .info .md_list li {
	list-style: disc;
	margin: 0 0 18px 30px;
}

#food .lead {
	text-align: center;
	padding: 0 0 80px;
}

#food .ttl {
	text-align: center;
	padding: 0 0 60px;
}

#food .box {
	margin: 0 0 75px;
}

#food .box .pic {
	float: left;
	margin: 0 30px 0 0;
}

#food .box .menu {
	overflow: hidden;
}

#food .box .menu li {
	margin: 0 0 10px;
}
#food .box .menu li:last-child {
	margin: 0;
}

#food .box .menu li dt {
	float: left;
}

#food .box .menu li dd {
	color: #e34203;
	overflow: hidden;
	text-align: right;
}

#cats .lead {
	text-align: center;
	padding: 0 0 40px;
}

#cats .album li {
	float: left;
	color: #e04b10;
	margin: 0 22px 30px 0;
	width: 270px;
}
#cats .album li a {
	color: #e04b10;
}
#cats .album li:nth-child(3n) {
	margin-right: 0;
}
#cats .album li img {
	margin: 0 0 6px;
	width: 270px;
	height: auto;
}
#cats .album li .name {
	background: #f8f0ee;
	text-align: center;
	padding: 8px 0;
}

#access {
	padding: 0 0 50px;
}
#access .accessInfo dt {
	float: left;
	clear: left;
	color: #e04b10;
	width: 100px;
}
#access .accessInfo dd {
	overflow: hidden;
	padding: 0 0 12px;
}

#access .mapBox {
	position: relative;
	margin: 50px 0;
	width: 100%;
	height: 300px;
}

#access .mapBox .mapView {
	position: absolute;

	width: 100%;
	height: 300px;
}

#access .mapBox .mapView {
	position: absolute;
	width: 100%;
	height: 300px;
}