@charset "utf-8";

/* topCommonTitle01 */
.topCommonTitle01 {
	overflow: hidden;
}
.topCommonTitle01 > .title01 {
	position: relative;
	display: inline-block;
	padding: 0 40px;
}
/*
.topCommonTitle01 > .title01:before,
.topCommonTitle01 > .title01:after {
	content: '';
	display: block;
	position: absolute;
	top: 30%;
	width: 1000%;
	height: 12px;
	background-image: url(../img_/deco07.png);
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-repeat: repeat-x;
}
*/
.topCommonTitle01 > .title01:before {
	background-position: right center;
	right: 100%;
}
.topCommonTitle01 > .title01:after {
	background-position: left center;
	left: 100%;
}
.topCommonTitle01 > .title01 > img {
	position: relative;
	z-index: 1;
}
@media print, screen and (max-width:640px) {
	.topCommonTitle01 > .title01:before,
	.topCommonTitle01 > .title01:after {
		height: 8px;
	}
	.topCommonTitle01 > .title01 {
    	padding: 0px 20px;
	}
	.topCommonTitle01 > .title01 > img {
		height: 50px;
		width: auto;
	}
}

.title01 {
	text-align: center;
}
/* mvArea */
.mvArea {
	position: relative;
	text-align: center;
	font-size: 0;
	overflow: hidden;
	background-color: #292119;
	margin-bottom: 156px;
}
.mvArea:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.mvArea .slides {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mvArea .slides div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #FFF;
	z-index: 1;
	opacity: 0;
}
.mvArea .slides div:first-child {
	opacity: 1;
}
.mvArea .pager {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	z-index: 10;
}
.mvArea .pager button {
	width: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.mvArea .pager button:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #CCC7C6;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.no-touchevents .mvArea .pager button:hover:after,
.mvArea .pager button.on:after {
	background-color: #243B28;
}
.mvArea > .in {
	height: 280px;
	margin: auto;
	width: 99%;
	display: inline-block;
	vertical-align: middle;
}
.mvArea .title01 {
	position: relative;
	z-index: 10;
	margin-bottom: 60px;
}
.mvArea .title01 > img {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 27px;
}
.mvArea .title01 > img:nth-child(2) {
	margin-left: 36px;
}
.mvArea .caption01 {
	position: relative;
	z-index: 10;
}
.mvArea .link01 {
	position: absolute;
	bottom: 70px;
	right: 70px;
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	right: 0px;
	z-index: 10;
		width: 520px;
}
.mvArea .link01 img {
	width: 520px;
	height: auto;
}


@media print, screen and (max-height:850px){
	.mvArea .link01 {
		bottom: 15px;
		right: 0px;
	}
	.mvArea .link01 img {
		width: 520px;
	}
}
@media print, screen and (max-width:640px){
	.mvArea {
		margin-bottom: 0;
	}
}
@media print, screen and (max-height:640px){
	.mvArea .link01 {
		right: 0px;
		bottom: 15px;
	}
}
@media print, screen and (max-width:1160px) {
	.mvArea .link01 {
		right: 0px;
		bottom: 15px;
	}
	.mvArea .link01 img {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
	}
}
@media print, screen and (max-width:1060px) {
	.mvArea .link01 {
		right: 0px;
		bottom: 15px;
	}
	.mvArea .link01 img {
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
	}
}
@media print, screen and (max-width:1010px) {
	.mvArea .title01 > img:nth-child(2) {
    	margin-left: 0;
	}
}
@media print, screen and (max-width:960px) {
	.mvArea > .in {
    	height: 285px;
	vertical-align: 40px;
	}
	.mvArea .link01 {
		bottom: 10%;
		right: 0;
		left: 0;
		margin: auto;
		width: 100%;
		height: 60px;
		background-color:#8fc31f;
	}
	.mvArea .link01 img {
		width: auto;
		height: 100%;
		margin:0 auto;
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
	}
	.mvArea .pager {
		bottom: 3%;
	}
}
@media print, screen and (max-width:640px) {
	.mvArea > .in {
    	height: 285px;
	vertical-align: 40px;
	}
	.mvArea .title01 > img {
		margin-bottom: 4%;
	}
	.mvArea {
		margin-bottom: 0;
	}
	.mvArea .title01 {
		margin-bottom: 20px;
	}
	.mvArea .link01 {
		bottom: 10%;
		right: 0;
		left: 0;
		margin: auto;
		width: 100%;
		height: 60px;
		background-color:#8fc31f;
	}
	.mvArea .link01 img {
		width: auto;
		height: 100%;
		margin:0 auto;
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
	}
	.mvArea .pager {
		bottom: 3%;
	}
}
@media print, screen and (max-width:640px) and (max-height:500px) {
	.mvArea > .in {
		padding-bottom: 30%;
	}
}

/* area01 */
.area01 {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 0;
	text-align: center;
}
@media print, screen and (max-width:640px) {
	.area01 {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-repeat: repeat;
		height: auto;
	}
}

/* area01 art01 */
.art01 {
	padding-top: 50px;
	height: 900px;
}
.art01 .titlearea {
	margin-bottom: 50px;
}
.art01 .titlearea .title01 {
}
.art01 .titlearea .title01 img {
}
.art01 .content01Wrap {
	position: relative;
	overflow: hidden;
}
.art01 .content01 {
	width: 10000%;
	text-align: left;
	margin-left: 50%;
	z-index: 1;
}
.art01 .content01 li {
	display: inline-block;
	vertical-align: top;
	width: 1000px;
	text-align: center;
	position: relative;
	z-index: 10;
}
.art01 .content01 li + li {
	margin-left: 70px;
}
.art01 .content01 li:before {
	content: '';
	display: block;
	top: 0;
	position: absolute;
	width: 1000px;
	height: 100%;
	background-color: #fff;
}
.art01 .content01 li.type01:before {
	background-color: #F5F3E9;
}
.art01 .content01 li.type01:after{
	content: '';
	display: block;
	width: 825px;
	height: 147px;
	-webkit-background-size: contain;
	background-size: contain;
	background-image: url(../common/img/deco01.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: -5%;
	right: -5%;
}
.art01 .content01 .wrap {
	display: block;
	padding: 20px;
	position: relative;
	z-index: 1;
}
.art01 .content01 .img {
	width: 100%;
	height: 240px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
}
.art01 .content01 .img.noimage {
	background-image: url(../common/img/logo01.png);
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #A8A8A8;
}
.art01 .content01 .title01 {
}
.art01 .content01 .title01 .txt01 {
	height: 60px;
	display: block;
}
.art01 .content01 .title01 .txt01 img {
	display: inline-block;
	vertical-align: middle;
}
.art01 .content01 .title01 .txt01:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.art01 .content01 .title01 .txt02 {
	font-size: 16px;
	color: #212121;
	line-height: 25px;
	display: block;
	text-align: left;
	font-weight: normal;
	height: 65px;
}
.art01 .content01 .caption01 {
	height: 70px;
	font-size: 13px;
	color: #424242;
	line-height: 21px;
	text-align: left;
}
.art01 .content01 .date {
	width: 64px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	max-width: 1155px;
}
.art01 .content01 .date .txt01 {
	display: block;
	padding-top: 17px;
	font-size: 17px;
	background-color: #C66300;
	letter-spacing: -1px;
}
.art01 .content01 .date .txt02 {
	display: block;
	font-size: 13px;
	background-color: #C66300;
	padding-bottom: 5px;
	position: relative;
}
.art01 .content01 .date .txt02:before,
.art01 .content01 .date .txt02:after {
	content: '';
	box-sizing: border-box;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	position: absolute;
	bottom: -21px;
}
.art01 .content01 .date .txt02:before {
	left: 0;
	border-left: 32px solid #C66300;
}
.art01 .content01 .date .txt02:after {
	right: 0;
	border-right: 32px solid #C66300;
}
.art01 .content01 .date .txt02 span {
	position: relative;
	z-index: 1;
}
.art01 .content01Wrap .btns {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 1080px;
	height: 100%;
	width: 100%;
}
.art01 .content01Wrap .btns .commonBtn01 {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 11;
}
.art01 .content01Wrap .btns .prev {
	left: 0;
}
.art01 .content01Wrap .btns .next {
	right: 0;
}
@media print, screen and (max-width:640px) {
	.art01 {
		padding-top: 10%;
		padding-bottom: 0;
		height: auto;
		overflow: hidden;
		min-height: 660px;
	}
	.art01 .titlearea {
		margin-bottom: 10%;
	}
	.art01 .content01 .title01 .txt02 {
		height: auto;
		margin-bottom: 10px;
	}
	.art01 .content01Wrap {
		overflow: visible;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		-o-transform: scale(0.8);
		transform: scale(0.8);
		margin-top: -8%;
	}
	.art01 .content01 li + li {
	    margin-left: 35px;
	}
	.art01 .content01Wrap .btns .commonBtn01 {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
}

/* area01 art023 */
.art023 {
	height: 1260px;
padding:60px 0 0 0;
text-align:center;
	position: relative;
}
.art023 .titlearea {
	position: relative;
	margin-bottom: 40px;
}
.art023 .content01 {
	position: relative;
	margin-bottom: 60px;
}
.art023 .content01 .title01 {
	margin-bottom: 46px;
}
.art023 .content01 .caption01 {
margin:0 0 40px 0;
}
.art023 .content01 .caption01 span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 32px;
	line-height: 3.2rem;
	color: #FFF;
}
.art023 .content01 .caption01 span + span {
	margin-top: 36px;
}
.art023 .content01 .caption01 b {
	display: block;
	margin: 37px 0;
}


.art023 .caption02 {
	color: #FFF;
}
.art023 .caption02 .row01 {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 15px;
}
.art023 .caption02 .row02 {
	margin-bottom: 20px;
}
.art023 .caption02 .row02 a {
	display: inline-block;
}
.art023 .caption02 .row03 .worktime > dt {
	font-size: 16px;
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 30px;
}
.art023 .caption02 .row03 .worktime > dd {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	line-height: 1.5;
}
.art023 .caption02 .row03 .worktime .timespace dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 10px;
}
.art023 .caption02 .row03 .worktime .timespace dd {
	display: inline-block;
	vertical-align: middle;
}
.art023 .caption02 .row03 .worktime .timespace dd span {
	font-size: 14px;
	font-size: 1.4rem;
}
.art023 .caption02 .row03 .worktime .notes01 {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: -2px;
	display: block;
}
.art023 .caption02 .row04 {
	margin-bottom: 20px;
}
.art023 .caption02 .row04 > a {
	padding: 11px 15px;
	display: inline-block;
}
.art023 .caption02 .row04 > a + a {
	margin-left: 10px;
}
.art023 .caption02 .row04 > a span {
	font-size: 14px;
	font-size: 1.4rem;
}
@media print, screen and (max-width:640px) {
	.art023 {
		height: auto;
	}
	.art023:before {
		width: 80%;
		height: 0;
		top: -22%;
		left: -7%;
		padding-top: 80%;
	}
	.art023 .titlearea {
		width:100%;
		margin-bottom: 11%;
	}
	.art023 .titlearea img {
		width:auto;
		height:120px;
	}
	.art023 .content01 .title01 {
	    	margin-bottom: 5%;
	}
	.art023 .content01 .title01 img {
		width:100%;
		height:auto;
	}
	.art023 .content01 .caption01 span {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 22px;
		line-height: 2.2rem;
		width: 86%;
		margin: 0 auto;
	}
	.art023 .content01 .caption01 span + span {
		margin-top: 7%;
	}
	.art023 .content01 .caption01 b {
		margin-top: 11%;
	}
	.art023 .content01 .caption01 b img {
		width:100%!important;
		height:auto;
	}
}

.art023 .content02 {
margin:0 0 60px 0;
}
.art023 .content02 .title01 {
	position: relative;
	display: inline-block;
	padding: 0 60px;
	margin-bottom: 50px;
}
.art023 .content02 .title01 .row01 {
	display: block;
	margin-bottom: 10px;
}
.art023 .content02 .title01 .row01:before,
.art023 .content02 .title01 .row01:after {
	content: '';
	width: 42px;
	height: 100px;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.art023 .content02 .title01 .row01:before {
	left: 0;
	background-image: url(../img_/deco01.png);
}
.art023 .content02 .title01 .row01:after {
	right: 0;
	background-image: url(../img_/deco02.png);
}
.art023 .content02 .title01 .row01 img {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 12px;
}
.art023 .content02 .title01 .row01 img.txt01 {
}
.art023 .content02 .title01 .row01 img.txt02 {
	margin-left: 15px;
}
.art023 .content02 .title01 .row01 img.txt03 {
}
.art023 .content02 .title01 .row02 {
}
.art023 .content02 .title01 .row02 img {
	display: inline-block;
	vertical-align: top;
}
.art023 .content02 .title01 .row02 img.txt01 {
}
.art023 .content02 .title01 .row02 img.txt02 {
	margin-left: 13px;
}
.art023 .content02 .content {
	margin-bottom: 90px;
}
.art023 .content02 .content dl {
	width: 320px;
	display: inline-block;
	vertical-align: top;
}
.art023 .content02 .content dl:before {
	content: '';
	display: block;
	width: 200px;
	height: 200px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto 32px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
.art023 .content02 .content dl.type01:before {
	background-image: url(../img_/art03_img01_01.jpg);
}
.art023 .content02 .content dl.type02:before {
	background-image: url(../img_/art03_img01_02.jpg);
}
.art023 .content02 .content dl.type03:before {
	background-image: url(../img_/art03_img01_03.jpg);
}
.art023 .content02 .content dl dt {
	margin-bottom: 17px;
}
.art023 .content02 .content dl dd {
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	line-height: 25px;
	line-height: 2.5rem;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5%;
}
@media screen and (max-width:980px) and (min-width:640px) {
	.art023 .content02 .content dl {
		width: 33.333%;
	}
	.art203 .content02 .content dl dt img {
		width: auto;
		height: 35px;
	}
	.art023 .content02 .content dl dd {
		padding: 0px 3%;
	}
}
@media print, screen and (max-width:640px) {
	.art023 .content02 .title01 {
		padding: 0;
		margin-bottom: 10%;
	}
	.art023 .content02 .title01 .row01 {
		position: relative;
		margin-bottom: 5%;
	}
	.art023 .content02 .title01 .row01 img {
		margin-bottom: 2%;
	}
	.art023 .content02 .title01 .row01 img.txt02 {
		margin-left: 0;
	}
	.art023 .content02 .title01 .row01:before,
	.art023 .content02 .title01 .row01:after {
		width: 28px;
		height: 60px;
	}
	.art023 .content02 .title01 .row01:before {
    	left: 7%;
	}
	.art023 .content02 .title01 .row01:after {
    	right: 7%;
	}
	.art023 .content02 .title01 .row02 img.txt01 {
		margin-bottom: 3%;
	}
	.art023 .content02 .title01 .row02 img.txt02 {
		margin-left: 0px;
	}
	.art023 .content02 .content {
    	margin-bottom: 0;
	}
	.art023 .content02 .content dl {
    	width: 100%;
	}
	.art023 .content02 .content dl {
		margin-bottom: 15%;
	}
	.art023 .content02 .content dl dd {
		width: 86%;
		margin: 0 auto;
		padding: 0 3%;
	}
	.art023 .content02 .content dl:before {
		margin-bottom: 7%;
	}
	.art023 .content02 .content dl dt {
    	margin-bottom: 6%;
	}
}




/* STAFF AREA (area01 art02)
================================================== */

.art02 {
	padding:60px 0 60px 0;
	position: relative;
	text-align:center;
}
.art02 .titlearea {
	position: relative;
	margin-bottom: 40px;
}
.art02 .content01 {
	position: relative;
	margin: 0 0 60px 0;
}
.art02 .content01 .title01 {
	width: 554px;
	height: 86px;
	margin: 0 auto 46px auto;
}
.art02 .content01 .title01 img {
	width: 100%;
	height: auto;
	margin: 0;
}
.art02 .content01 .caption01 {
	margin:0 0 40px 0;
}
.art02 .content01 .caption01 span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 32px;
	line-height: 3.2rem;
	color: #FFF;
}
.art02 .content01 .caption01 span + span {
	margin-top: 36px;
}
.art02 .content01 .caption01 b {
	display: block;
	margin-top: 37px;
}
.art02 .content01 .staff01 {
	width:870px;
	margin: 0 auto 60px auto;
	text-align:center;
}
.art02 .content01 .staff01 dl {
	width:220px;
	margin: 21px;
	text-align:center;
	display: inline-block;
	vertical-align: top;
}
.art02 .content01 .staff01 dl dt {
	width:220px;
	margin: 0;
	text-align:center;
}
.art02 .content01 .staff01 dl dt img {
	width: 220px;
	height: 220px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.art02 .content01 .staff01 dl dd {
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	line-height: 25px;
	line-height: 2.5rem;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0 5%;
	text-align:center;
}
.art02 .caption02 {
	color: #FFF;
}
.art02 .caption02 .row01 {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 30px;
}
.art02 .caption02 .row02 {
	margin-bottom: 20px;
}
.art02 .caption02 .row02 a {
	display: inline-block;
}
.art02 .caption02 .row03 .worktime > dt {
	font-size: 16px;
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 30px;
}
.art02 .caption02 .row03 .worktime > dd {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	line-height: 1.5;
}
.art02 .caption02 .row03 .worktime .timespace dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 10px;
}
.art02 .caption02 .row03 .worktime .timespace dd {
	display: inline-block;
	vertical-align: middle;
}
.art02 .caption02 .row03 .worktime .timespace dd span {
	font-size: 14px;
	font-size: 1.4rem;
}
.art02 .caption02 .row03 .worktime .notes01 {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: -2px;
	display: block;
}
.art02 .caption02 .row04 {
	margin-bottom: 20px;
}
.art02 .caption02 .row04 > a {
	padding: 11px 15px;
	display: inline-block;
}
.art02 .caption02 .row04 > a + a {
	margin-left: 10px;
}
.art02 .caption02 .row04 > a span {
	font-size: 14px;
	font-size: 1.4rem;
}

@media print, screen and (max-width:640px) {
	.art02 {
		height: auto;
	}
	.art02:before {
		width: 80%;
		height: 0;
		top: -22%;
		left: -7%;
		padding-top: 80%;
	}
	.art02 .titlearea {
		margin-bottom: 11%;
	}
	.art02 .content01 .title01 {
		width: 96%;
		height: auto;
	    	margin-bottom: 5%;
	}
	.art02 .content01 .caption01 span {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 22px;
		line-height: 2.2rem;
		width: 86%;
		margin: 0 auto;
	}
	.art02 .content01 .caption01 span br {
		display: none;
	}
	.art02 .content01 .caption01 span + span {
		margin-top: 7%;
	}
	.art02 .content01 .caption01 b {
		margin-top: 11%;
	}
	.art02 .content01 .staff01 {
		width:100%;
		margin: 0 auto 60px auto;
		text-align:center;
	}
	.art02 .content01 .staff01 dl {
		width:40%;
		margin: 11px;
		text-align:center;
		display: inline-block;
		vertical-align: top;
	}
	.art02 .content01 .staff01 dl dt {
		width:100%;
		margin: 0;
		text-align:center;
	}
	.art02 .content01 .staff01 dl dt img {
		width: 100%;
		height: auto;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.art02 .content01 .staff01 dl dd {
		font-size: 14px;
		font-size: 1.4rem;
		color: #FFF;
		line-height: 25px;
		line-height: 2.5rem;
		text-align: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		padding: 0 5%;
		text-align:center;
	}
	.art02 .caption02 .row01 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 22px;
		line-height: 2.2rem;
		width: 86%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 30px;
	}
}




/* art22 */
.art22 {
background:#f2f2f2;
	overflow: hidden;
	margin: 0;
padding:60px 0 60px 0;
	text-align:center;
}
.art22 .titlearea {
	position: relative;
	margin-bottom: 40px;
}
.art22 .content01 {
	padding: 0px 2%;
}
.art22 .content01 > .in {
	max-width: 1044px;
	margin: auto;
}
.art22 .content01 .title01 {
	margin-bottom: 46px;
}
.art22 .content01 .caption01 {
margin:0 0 40px 0;
}
.art22 .content01 .caption01 span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 32px;
	line-height: 3.2rem;
	color: #434343;
}
.art22 .content01 .caption01 span + span {
	margin-top: 36px;
}
.art22 .content01 .voiceArea {
	position: relative;
	margin-bottom: 60px;
}
.art22 .content01 .voiceArea .content li {
	width: 28%;
	display: inline-block;
	vertical-align: top;
}
.art22 .content01 .voiceArea .content li {
	margin-left: 0!important;
}
.art22 .content01 .voiceArea .content li + li{
	margin-left: 6.7% !important;
}
.art22 .content01 .voiceArea .content a {
	display: block;
	padding: 20px 20px 60px;
	position: relative;
	text-align: left;
	background-color: #FFF;
	overflow: hidden;
}
.art22 .content01 .voiceArea .content a:hover {
	background-color: #F5F3E9;
}
.art22 .content01 .voiceArea .content .img {
	width: 100%;
	padding-top: 93%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	margin-bottom: 17px;
}
.art22 .content01 .voiceArea .content .img.noimage {
	background-image: url(../common/img/logo01.png);
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #A8A8A8;
}
.art22 .content01 .voiceArea .content section {
}
.art22 .content01 .voiceArea .content .date {
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	margin-bottom: 8px;
	display: block;
}
.art22 .content01 .voiceArea .content .title01 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #212121;
	line-height: 25px;
	line-height: 2.5rem;
	margin-bottom: 13px;
	font-weight: normal;
}
.art22 .content01 .voiceArea .content .caption01 {
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	margin-bottom: 11px;
}
.art22 .content01 .voiceArea .content .caption02 {
	text-align: right;
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.art22 .content01 .voiceArea .content .caption02:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: scaleY(0.5) rotate(45deg);
	-moz-transform: scaleY(0.5) rotate(45deg);
	-ms-transform: scaleY(0.5) rotate(45deg);
	-o-transform: scaleY(0.5) rotate(45deg);
	transform: scaleY(0.5) rotate(45deg);
	position: relative;
	top: -1px;
}
.art22 .content01 .link01 {
	padding: 11px 0;
	display: block;
}
.art22 .content01 .link01 span {
	font-size: 14px;
	font-size: 1.4rem;
}
.art22 .caption02 {
	color: #434343;
}
.art22 .caption02 .row01 {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 30px;
}
.art22 .caption02 .row04 {
	margin-bottom: 20px;
}
.art22 .caption02 .row04 > a {
	padding: 11px 15px;
	display: inline-block;
}
.art22 .caption02 .row04 > a + a {
	margin-left: 10px;
}
.art22 .caption02 .row04 > a span {
	font-size: 14px;
	font-size: 1.4rem;
}
@media print, screen and (max-width:640px) {
	.art22 h2.title01 {
		width:100%;
		margin-bottom: 0px;
	}
	.art22 h2.title01 img {
		width:auto;
		height:120px;
	}
	.art22 .content01 h1.title01 {
		width:100%;
		margin-bottom:25px;
	}
	.art22 .content01 h1.title01 img {
		width:auto;
		height:auto;
	}
	.art22 .content01 .caption01 {
		width:88%;
		margin:0 auto 30px auto;
		font-size:15px;
	}
	.art22 .content01 .caption01 span {
		font-size: 14px;
		font-size: 1.4rem;
		text-align:left;
		line-height:1.6;
	}
	.art22 .content01 .voiceArea {
		position: relative;
		margin-bottom: 60px;
	}
	.art22 .content01 .voiceArea .content li {
		width: 80%;
		display: inline-block;
		vertical-align: top;
		margin: 5px 0!important;
	}
	.art22 .content01 .voiceArea .content li + li{
		margin-left: 0 !important;
	}
	.art22 .caption02 .row01 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 22px;
		line-height: 2.2rem;
		width: 86%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 30px;
	}
	.art22 .caption02 .row04 {
		margin-bottom: 0px;
	}
}




/* 施工事例集（art24）
============================================================ */

.art24 {
	background:#000;
	overflow: hidden;
	margin: 0;
	padding:60px 0 60px 0;
	text-align:center;
}
.art24 .titlearea {
	position: relative;
	margin-bottom: 40px;
}
.art24 .content01 {
	padding: 0px 2%;
}
.art24 .content01 > .in {
	max-width: 1044px;
	margin: auto;
}
.art24 .content01 .title01 {
	margin-bottom: 46px;
}
.art24 .content01 .caption01 {
	margin:0 0 40px 0;
}
.art24 .content01 .caption01 span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 32px;
	line-height: 3.2rem;
	color: #434343;
}
.art24 .content01 .caption01 span + span {
	margin-top: 36px;
}
.art24 .content01 .voiceArea {
	position: relative;
	margin-bottom: 60px;
}
.art24 .content01 .voiceArea .content li {
	width: 450px;
	display: inline-block;
	vertical-align: top;
	margin: 30px;
}
.art24 .content01 .voiceArea .content a {
	display: block;
	width: 430px;
	height: 250px;
	padding: 0;
	position: relative;
	text-align: left;
	border: 2px solid #000;
	overflow: hidden;
}
.art24 .content01 .voiceArea .content a:hover {
	border: 2px solid #8c97cb;
}
.art24 .content01 .voiceArea .content img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	margin: 0 auto;
}
.art24 .content01 .voiceArea .content img.noimage {
	background-image: url(../common/img/logo01.png);
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #A8A8A8;
}
.art24 .content01 .voiceArea .content .caption01 {
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	margin-bottom: 11px;
}
.art24 .content01 .voiceArea .content .caption02 {
	text-align: right;
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.art24 .content01 .voiceArea .content .caption02:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: scaleY(0.5) rotate(45deg);
	-moz-transform: scaleY(0.5) rotate(45deg);
	-ms-transform: scaleY(0.5) rotate(45deg);
	-o-transform: scaleY(0.5) rotate(45deg);
	transform: scaleY(0.5) rotate(45deg);
	position: relative;
	top: -1px;
}
.art24 .content01 .link01 {
	padding: 11px 0;
	display: block;
}
.art24 .content01 .link01 span {
	font-size: 14px;
	font-size: 1.4rem;
}
.art24 .caption02 {
	color: #fff;
}
.art24 .caption02 .row01 {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 30px;
}
.art24 .caption02 .row04 {
	margin-bottom: 20px;
}
.art24 .caption02 .row04 > a {
	padding: 11px 15px;
	display: inline-block;
}
.art24 .caption02 .row04 > a + a {
	margin-left: 10px;
}
.art24 .caption02 .row04 > a span {
	font-size: 14px;
	font-size: 1.4rem;
}
@media print, screen and (max-width:640px) {
	.art24 {
		background:#000;
		overflow: hidden;
		margin: 0;
		padding:60px 0 60px 0;
		text-align:center;
	}
	.art24 h2.title01 {
		width:100%;
		margin-bottom: 0px;
	}
	.art24 h2.title01 img {
		width:auto;
		height:120px;
	}
	.art24 .content01 {
		padding: 0;
	}
	.art24 .content01 > .in {
		max-width: 100%;
		margin: auto;
	}
	.art24 .content01 .voiceArea {
		position: relative;
		margin-bottom: 60px;
	}
	.art24 .content01 .voiceArea ul.content {
		width: 90%;
		display: inline-block;
		vertical-align: top;
		margin: 0 auto;
	}
	.art24 .content01 .voiceArea ul.content li {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin: 20px 0;
	}
	.art24 .content01 .voiceArea ul.content a {
		display: block;
		width: 100%;
		height: 174px;
		padding: 0;
		position: relative;
		text-align: left;
		border: 2px solid #000;
		overflow: hidden;
	}
	.art24 .content01 .voiceArea ul.content a:hover {
		border: 2px solid #8c97cb;
	}
	.art24 .content01 .voiceArea .content img {
		width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 0;
		margin: 0 auto;
	}
	.art24 .content01 .voiceArea .content img.noimage {
		background-image: url(../common/img/logo01.png);
		-webkit-background-size: 80% auto;
		background-size: 80% auto;
		background-position: center center;
		background-repeat: no-repeat;
		background-color: #A8A8A8;
	}
	.art24 .content01 .link01 {
		padding: 11px 0;
		display: block;
	}
	.art24 .content01 .link01 span {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.art24 .caption02 {
		width:90%;
		margin:0 auto;
		color: #fff;
	}
	.art24 .caption02 .row01 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height:1.8;
		margin-bottom: 30px;
	}
	.art24 .caption02 .row04 {
		margin-bottom: 20px;
	}
	.art24 .caption02 .row04 > a {
		padding: 11px 15px;
		display: inline-block;
	}
	.art24 .caption02 .row04 > a + a {
		margin-left: 10px;
	}
	.art24 .caption02 .row04 > a span {
		font-size: 14px;
		font-size: 1.4rem;
	}
}




/* Search by item（art24-02）
============================================================ */
.art24-02 {
	background:#000;
	overflow: hidden;
	margin: 0;
	padding:60px 0 60px 0;
	text-align:center;
}
.art24-02 .titlearea {
	position: relative;
	margin-bottom: 40px;
}
.art24-02 .content01 {
	padding: 30px 2%;
}
.art24-02 .content01 > .in {
	max-width: 1044px;
	margin: auto;
}
.art24-02 .content01 .title01 {
	margin-bottom: 46px;
}
.art24-02 .content01 .caption01 {
	margin:0 0 40px 0;
}
.art24-02 .content01 .caption01 span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 32px;
	line-height: 3.2rem;
	color: #434343;
}
.art24-02 .content01 .caption01 span + span {
	margin-top: 36px;
}
/* list */
.art24-02 .tbl-1 {
	width: 1080px;
	margin:0 auto 50px auto;
}
.art24-02 .tbl-1 li {
	display:inline-block;
}
.art24-02 .tbl-1 li.t01 a {
	display: block;
	width: 240px;
	height: 150px;
	margin: 5px;
}
.art24-02 .tbl-1 li.t01 a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
.art24-02 .tbl-1 li.t02 a {
	display: block;
	width: 150px;
	height: 150px;
	margin: 15px;
}
.art24-02 .tbl-1 li.t02 a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}


@media print, screen and (max-width:640px) {
	.art24-02 h2.title01 {
		width:100%;
		margin-bottom: 0px;
		overflow:hidden;
	}
	.art24-02 h2.title01 img {
		width:330px;
		height:auto;
		margin:0 auto;
	}
	.art24-02 .content01 {
		padding: 30px 0;
	}
	.art24-02 .content01 > .in {
		max-width: 1044px;
		margin: auto;
	}
	/* list */
	.art24-02 .tbl-1 {
		width: 100%;
		margin:0 auto 50px auto;
	}
	.art24-02 .tbl-1 li {
		display:inline-block;
	}
	.art24-02 .tbl-1 li.t01 a {
		display: block;
		width: 100%;
		height: auto;
		margin: 5px;
	}
	.art24-02 .tbl-1 li.t01 a img {
		width: 100%;
		height: auto;
	}
	.art24-02 .tbl-1 li.t01 a:hover {
		opacity:0.7;
		filter: alpha(opacity=70);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=70)";  /* ie 8 */
		-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.7;              /* Safari 1.x */
		zoom:1;
	}
	.art24-02 .tbl-1 li.t02 {
		width: 128px;
		height: 128px;
		margin: 5px;
	}
	.art24-02 .tbl-1 li.t02 a {
		display: block;
		width: 128px;
		height: 128px;
		margin:0;
	}
	.art24-02 .tbl-1 li.t02 a img {
		width: 100%;
		height: auto;
	}
	.art24-02 .tbl-1 li.t02 a:hover {
		opacity:0.7;
		filter: alpha(opacity=70);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=70)";  /* ie 8 */
		-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.7;              /* Safari 1.x */
		zoom:1;
	}
}




/* エクステリアの価格について（art25）
============================================================ */
/* art25 */
.art25 {
	background-color: #fff;
	padding-top: 65px;
	padding-bottom: 170px;
	text-align:center;
	overflow: hidden;
}
.art25 .topCommonTitle01 {
	margin-bottom: 40px;
}
.art25 .content01 .title01 {
	margin-bottom: 46px;
}
.art25 .1pointTitle01 {
	margin-bottom: 40px;
}
.art25 .1pointTitle01 .title01 {
	margin-bottom: 46px;
}
.art25 .content01 .caption01 {
	margin:0 0 40px 0;
}
.art25 .content01 .caption01 span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 32px;
	line-height: 3.2rem;
	color: #434343;
}
.art25 .content01 .caption01 span + span {
	margin-top: 36px;
}
.art25 .content01 .slidearea {
	padding: 0 100px 150px 100px;
}
.art25 .content01 .slidearea > .in {
	position: relative;
	max-width: 880px;
	margin: auto;
}
.art25 .content01 .btns {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.art25 .content01 .btns > button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
}
.art25 .content01 .btns .prev {
	left: -70px;
}
.art25 .content01 .btns .next {
	right: -70px;
}
.art25 .content01 .slide {
	position: relative;
	margin-bottom: 50px;
	height: 340px;
}
.art25 .content01 .slide .plancontent {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #F5F4F3;
	text-align: left;
}
.art25 .content01 .slide .plancontent > dt {
	width: 380px;
	padding: 50px 35px 0 45px;
	margin-bottom: 20px;
	color: #212121;
}
.art25 .content01 .slide .plancontent > dt .row01 {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
	line-height: 2.5rem;
}
.art25 .content01 .slide .plancontent > dt .row02 {
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 36px;
	line-height: 3.6rem;
	font-weight: normal;
}
.art25 .content01 .slide .plancontent > dd {
	width: 380px;
	padding-bottom: 45px;
	position: relative;
	padding: 0 35px 45px 45px;
	min-height: 177px;
}
.art25 .content01 .slide .plancontent > dd .left {
	width: 100%;
	display: block;
	vertical-align: top;
	padding-bottom: 50px;
}
.art25 .content01 .slide .plancontent > dd .price {
	color: #212121;
	margin-bottom: 14px;
}
.art25 .content01 .slide .plancontent > dd .price > dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 15px;
}
.art25 .content01 .slide .plancontent > dd .price > dd {
	display: inline-block;
	vertical-align: middle;
}
.art25 .content01 .slide .plancontent > dd .price > dd .value {
	font-size: 24px;
	font-size: 2.4rem;
	display: inline-block;
	margin-right: 5px;
}
.art25 .content01 .slide .plancontent > dd .price > dd .txt01 {
	font-size: 16px;
	font-size: 1.6rem;
}
.art25 .content01 .slide .plancontent > dd .caption01 {
	color: #212121;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
	line-height: 2.5rem;
}
.art25 .content01 .slide .plancontent > dd .right {
	width: 20%;
	padding-top: 20%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	right: 45px;
}
.art25 .content01 .slide .plancontent > dd .commonBtn02 {
	padding: 5px 30px;
	font-size: 14px;
	font-size: 1.4rem;
	position: absolute;
	bottom: 45px;
	left: 45px;
}
.art25 .content01 .slide .plancontent .img_area {
	float: right;
	width: 410px;
	height: 277px;
	padding: 0;
	margin: 37px 10px 36px 0;
	color: #212121;
	overflow: hidden;
}
.art25 .content01 .slide .plancontent .img_area img {
	width:100%;
	height:auto;
	padding: 0;
	margin: 0;
}
.art25 .content01 .pager {
}
.art25 .content01 .pager button {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px 8px;
}
.art25 .content01 .pager button.active {
	background-color: #212121;
	color: #FFF;
}
.art25 .content01 .pager button + button {
	margin-left: 10px;
}
@media print, screen and (max-width:920px) {	
	.art25 .content01 .btns .prev {
		left: -45px;
	}
	.art25 .content01 .btns .next {
		right: -45px;
	}
	.art25 .content01 .slidearea {
		padding: 0 50px;
	}
	.art25 .content01 .pager button {
		font-size: 13px;
		font-size: 1.3rem;
	}
}
@media print, screen and (max-width:700px) {	
	.art25 .content01 .pager button {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.art25 .content01 .pager button + button {
		margin-left: 5px;
	}
}
@media print, screen and (min-width:641px) {
	.art25 .content01 .slide .plancontent {
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
}
@media print, screen and (max-width:640px) {	
	.art25 {
		padding-top: 12%;
		padding-bottom: 12%;
	}
	.art25 .topCommonTitle01 {
	    	margin-bottom: 5%;
	}
	.art25 .topCommonTitle01 h3.title01 {
		width:100%;
	}
	.art25 .topCommonTitle01 h3.title01 img {
		width:auto;
		height:120px;
	}
	.art25 .1pointTitle01 {
	    	margin-bottom: 5%;
	}
	.art25 .1pointTitle01 h3.title01 {
		width:100%;
	}
	.art25 .1pointTitle01 h3.title01 img {
		width:auto;
		height:120px;
	}
	.art25 .title01 {
	    	margin-bottom: 5%;
		padding: 0;
	}
	.art25 .title01 img {
		width:100%;
		height:auto;
	}
	.art25 .content01 .caption01 {
		width:88%;
		margin:0 auto 30px auto;
		font-size:14px;
		font-size: 1.4rem;
	}
	.art25 .content01 .caption01 span {
		font-size: 14px;
		font-size: 1.4rem;
		text-align:left;
		line-height:1.8;
	}
	.art25 .content01 .caption01 span br {
		display:none;
	}
	.art25 .content01:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.art25 .content01 .slidearea {
		padding: 0 5% 15% 5%;
	}
	.art25 .content01 .slidearea:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.art25 .content01 .btns {
		display: none;
	}
	.art25 .content01 .slide {
		height:520px;
		margin-bottom: 3%;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
	.art25 .content01 .slide .plancontent {
		left: 0 !important;
		margin-left: 0 !important;
		opacity: 0;
		display: none;
		padding:0 0 20px 0;
	}
	.art25 .content01 .slide .plancontent.active {
		opacity: 1;
		display: inline-block;
	}
	.art25 .content01 .slide .plancontent .img_area {
		float:none;
		width:100%;
		height:auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.art25 .content01 .slide .plancontent .img_area img {
		width:100%;
		height:auto;
		margin: 0;
		padding: 0;
	}
	.art25 .content01 .slide .plancontent.dammy {
		display: none !important;
	}
	.art25 .content01 .pager button {
		padding-left: 0;
		padding-right: 0;
	}
	.art25 .content01 .slide .plancontent > dt {
		width:80%;
		margin: 0 auto 5px auto;
		padding: 15px 0 5px 0;
		text-align:center;
	}
	.art25 .content01 .slide .plancontent > dd {
		width:80%;
		margin:0 auto;
		padding: 0;
	}
	.art25 .content01 .slide .plancontent > dt .row01 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 16px;
		line-height: 1.6rem;
		margin-bottom: 2%;
width:100%;
	}
	.art25 .content01 .slide .plancontent > dt .row02 {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 22px;
		line-height: 2.2rem;
	}
	.art25 .content01 .slide .plancontent > dd .left {
    	width: 100%;
		padding-bottom: 0;
	}
	.art25 .content01 .slide .plancontent > dd .price > dt {
		font-size: 14px;
	    font-size: 1.4rem;
	}
	.art25 .content01 .slide .plancontent > dd .price > dd .value {
		font-size: 17px;
    	font-size: 1.7rem;
	}
	.art25 .content01 .slide .plancontent > dd .price > dd .txt01 {
		font-size: 14px;
    	font-size: 1.4rem;
	}
	.art25 .content01 .slide .plancontent > dd .caption01 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 21px;
		line-height: 2.1rem;
		margin:0 0 15px 0;
		width: 100%;
	}
	.art25 .content01 .slide .plancontent > dd .right {
		width: 41%;
		padding-top: 38%;
		position: static;
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
	}
	.art25 .content01 .slide .plancontent > dd .commonBtn02 {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 5px 5%;
		position: static;
		margin-top: 5%;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}
	.art25 .content01 .btns .prev {
		left: -5%;
	}
	.art25 .content01 .btns .next {
		right: -5%;
	}
	.art25 .content01 .pager {
		width: 100%;
	}
	.art25 .content01 .pager button {
		width: 48%;
		margin-bottom: 2%;
		margin-right: 1.0%;
		margin-left: 1.0%;
		font-size: 11px;
		font-size: 1.1rem;
	}
	.art25 .content01 .pager button + button {
		margin-right: 1.0%;
		margin-left: 1.0%;
	}
.art25 .caption02 .row04 {
	margin:0 auto 20px auto;
	width:96%;
}
.art25 .caption02 .row04 > a {
	padding: 11px 15px;
	display: inline-block;
}
.art25 .content01 .link01 {
	padding: 11px 0;
	display: block;
}
.art25 .content01 .link01 span br {
	display: block!important;
}
}

.art25 .content01 .voiceArea .content .caption01 {
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	margin-bottom: 11px;
}
.art25 .content01 .voiceArea .content .caption02 {
	text-align: right;
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.art25 .content01 .voiceArea .content .caption02:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: scaleY(0.5) rotate(45deg);
	-moz-transform: scaleY(0.5) rotate(45deg);
	-ms-transform: scaleY(0.5) rotate(45deg);
	-o-transform: scaleY(0.5) rotate(45deg);
	transform: scaleY(0.5) rotate(45deg);
	position: relative;
	top: -1px;
}
.art25 .content01 .link01 {
	padding: 11px 0;
	display: block;
}
.art25 .content01 .link01 span {
	font-size: 14px;
	font-size: 1.4rem;
}
.art25 .content01 .link01 span br {
	display: none;
}
.art25 .caption02 {
	color: #434343;
}
.art25 .caption02 .row01 {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 30px;
}
.art25 .caption02 .row04 {
	margin-bottom: 20px;
}
.art25 .caption02 .row04 > a {
	padding: 11px 15px;
	display: inline-block;
}
.art25 .caption02 .row04 > a + a {
	margin-left: 10px;
}
.art25 .caption02 .row04 > a span {
	font-size: 14px;
	font-size: 1.4rem;
}

/* art26 */
.art26 {
	background-color: #000;
	padding-top: 65px;
	padding-bottom: 100px;
	text-align:center;
	overflow: hidden;
}
.art26 .topCommonTitle01 {
	margin-bottom: 40px;
}
.art26 .content01 .title01 {
	margin-bottom: 46px;
}
.art26 .content01 {
	margin: 0;
}
.art26 .content01 .whats_new {
	width: 800px;
	margin: 0 auto 40px auto;
}
.art26 .content01 .whats_new li {
	display: table;
	width: 100%;
	height: 60px;
	margin-top: 2px;
}
.art26 .content01 .whats_new li:first-child {
	margin-top: 0;
	display: table;
}
.art26 .content01 .whats_new li .date, .whats_new li .label, .whats_new li .title {
	display: table-cell;
	vertical-align: middle;
	font-size:14px;
	color: #fff;
	*display: inline;
	*zoom: 1;
}
.art26 .content01 .whats_new li .date {
	width: 90px;
}
.art26 .content01 .whats_new li .label {
	width: 120px;
}
.art26 .content01 .whats_new li .label span.info {
	padding: 3px 6px;
	background-color: #7ad2eb;
	color: #fff;
}
.art26 .content01 .whats_new li .label span.event {
	padding: 3px 6px;
	background-color: #f19ec2;
	color: #fff;
}
.art26 .content01 .whats_new li .label span.result {
	padding: 3px 6px;
	background-color: #8fc31f;
	color: #fff;
}
.art26 .content01 .whats_new li .title {
	width: 880px;
	text-align: left;
	padding-left: 15px;
}
.art26 .content01 .whats_new li .title a {
	line-height: 1.8;
	font-size: 1.16667em;
}
.art26 .content01 .whats_new li .title a:link, .whats_new li .title a:visited, .whats_new li .title a:hover, .whats_new li .title a:active {
	color: #fff;
	text-decoration: underline;
}
.art26 .content01 .whats_new li .title a:hover {
	color: #b28850;
	text-decoration: none;
}
.art26 .content01 .whats_new li .title .icn-new01 {
	line-height: 16px;
	display: inline-block;
	font-size:9px;
	margin-left: 14px;
	padding:4px 14px;
	background:#c00;
}

.art26 .caption02 {
	color: #fff;
}
.art26 .caption02 .row01 {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 30px;
}
.art26 .caption02 .row04 {
	margin-bottom: 20px;
}
.art26 .caption02 .row04 > a {
	padding: 11px 15px;
	display: inline-block;
}
.art26 .caption02 .row04 > a + a {
	margin-left: 10px;
}
.art26 .caption02 .row04 > a span {
	font-size: 14px;
	font-size: 1.4rem;
}


@media print, screen and (max-width:640px) {	
	.art26 .topCommonTitle01 {
	    	margin-bottom: 12%;
	}
	.art26 .titlearea img {
		width:100%;
		height:auto;
	}
	.art26 .title01 {
	    	margin-bottom: 5%;
		padding: 0;
	}
	.art26 .title01 img {
		width:auto;
		height:120px;
	}
	.art26 .content01 .whats_new {
		width: 96%;
		margin: 0 auto 40px auto;
	}
	.art26 .content01 .whats_new li {
		display: block;
		width: 100%;
		height: 60px;
		margin: 0 0 20px 0;
	}
	.art26 .content01 .whats_new li:first-child {
		display: block;
	}
	.art26 .content01 .whats_new li .date, .whats_new li .label, .whats_new li {
		display: table-cell;
		vertical-align: middle;
		font-size:13px;
		font-size:1.3rem;
		color: #fff;
		*display: inline;
		*zoom: 1;
	}
	.art26 .content01 .whats_new li .date {
		width: 90px;
	}
	.art26 .content01 .whats_new li .label {
		width: 80px;
	}
	.art26 .content01 .whats_new li .label span.info {
		padding: 3px 6px;
		background-color: #7ad2eb;
		color: #fff;
	}
	.art26 .content01 .whats_new li .label span.event {
		padding: 3px 6px;
		background-color: #f19ec2;
		color: #fff;
	}
	.art26 .content01 .whats_new li .title {
		display: block;
		vertical-align: middle;
		color: #fff;
		width: 90%;
		text-align: left;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 15px;
		white-space: nowrap;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        -webkit-text-overflow: ellipsis;
	        -o-text-overflow: ellipsis;
	}
	.art26 .content01 .whats_new li .title a {
		line-height: 1.8;
		font-size:14px;
		font-size:1.4rem;
	}
	.art26 .content01 .whats_new li .title a:link, .whats_new li .title a:visited, .whats_new li .title a:hover, .whats_new li .title a:active {
		color: #fff;
		text-decoration: underline;
	}
	.art26 .content01 .whats_new li .title a:hover {
		color: #b28850;
		text-decoration: none;
	}
	.art26 .content01 .whats_new li .title .icn-new01 {
		line-height: 16px;
		display: inline-block;
		font-size:9px;
		margin-left: 14px;
		padding:4px 14px;
		background:#c00;
	}
	.art26 .caption02 .row01 {
		width: 86%;
		font-size: 14px;
		font-size: 1.4rem;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 30px;
	}
}




/* art27 */
.art27 {
	background:#000;
	overflow: hidden;
	margin: 0;
	padding:100px 0 100px 0;
}

.art27 .content01 {
	padding: 0px 2%;
}
.art27 .content01 > .in {
	max-width: 1280px;
	margin: auto;
}
.art27 .content01 .title01 {
	margin-bottom: 46px;
}
.art27 .content01 .caption01 {
	margin:0 0 40px 0;
}
.art27 .content01 .caption01 span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 32px;
	line-height: 3.2rem;
	color: #434343;
}
.art27 .content01 .caption01 span + span {
	margin-top: 36px;
}
.art27 .content01 .voiceArea {
	position: relative;
}
.art27 .content01 .voiceArea .content li {
	width: 290px;
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}
.art27 .content01 .voiceArea .content a {
	display: block;
	width: 290px;
	height: 100px;
	padding: 0;
	position: relative;
	text-align: left;
	border: 2px solid #000;
	overflow: hidden;
}
.art27 .content01 .voiceArea .content a:hover {
	border: 2px solid #8c97cb;
}
.art27 .content01 .voiceArea .content img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0;
	margin: 0 auto;
}
.art27 .content01 .voiceArea .content img.noimage {
	background-image: url(../common/img/logo01.png);
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #A8A8A8;
}
.art27 .content01 .voiceArea .content .caption01 {
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	margin-bottom: 11px;
}
.art27 .content01 .voiceArea .content .caption02 {
	text-align: right;
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.art27 .content01 .voiceArea .content .caption02:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: scaleY(0.5) rotate(45deg);
	-moz-transform: scaleY(0.5) rotate(45deg);
	-ms-transform: scaleY(0.5) rotate(45deg);
	-o-transform: scaleY(0.5) rotate(45deg);
	transform: scaleY(0.5) rotate(45deg);
	position: relative;
	top: -1px;
}
.art27 .content01 .link01 {
	padding: 11px 0;
	display: block;
}
.art27 .content01 .link01 span {
	font-size: 14px;
	font-size: 1.4rem;
}




/*========== トピックス　スライダーエリア ==========*/

/* スライドショー */
.art03 #slider {
    overflow:hidden;
    position:relative;
    width:100%;
}
.art03 #sliderInner {
    position:relative;
    left:50%;
    width:3040px;
    margin-left:-1520px;
}
.art03 #sliderInner li {
    width:1000px;
}
.art03 #sliderInner li a{
	display:block;
	width:1000px;
	height:372px;
	margin:0;
	padding:0;
}
.art03 #slideFilterL, #slideFilterR {
    position:absolute;
    top:0;
    width:1001px;
    height:372px;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter:"alpha( opacity=80 )";
    background:#fff;
}
.art03 #slideFilterL {
    left:0;
}
.art03 #slideFilterR {
    right:0;
}
.art03 .bx-wrapper {
    margin:0 auto;
    position:relative;
}
.art03 .bx-wrapper .bx-pager {
    margin:0 auto;
    width:1000px;
}

/* コントローラー */
.art03 .bx-wrapper .bx-prev {
    left:935px;
    background:url(../img_/images/controls.png) no-repeat 0 -32px;
}
.art03 .bx-wrapper .bx-next {
    right:935px;
    background:url(../img_/images/controls.png) no-repeat -43px -32px;
}
.art03 .bx-wrapper .bx-prev:hover {
    background-position:0 0;
}
.art03 .bx-wrapper .bx-next:hover {
    background-position:-43px 0;
}
.art03 .bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:158px;
    outline:0;
    width:32px;
    height:32px;
    text-indent:-9999px;
    z-index:9999;
}

/* ページャー */
.art03 .bx-wrapper .bx-pager {
    padding-top:20px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}
.art03 .bx-wrapper .bx-pager .bx-pager-item,
.art03 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}
.art03 .bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}
.art03 .bx-wrapper .bx-pager.bx-default-pager a:hover,
.art03 .bx-wrapper .bx-pager.bx-default-pager a.active {
    background:#000;
}




.art03 {
	padding: 60px 0 60px 0;
	background:#f2f2f2;
}
.art03 .titlearea {
	margin-bottom: 42px;
}
@media print, screen and (max-width:640px) {
	.art03 .titlearea {
		width:100%;
		margin-bottom: 8%;
	}
	.art03 .titlearea img {
		width:auto;
		height:120px;
	}
	.art03 .content01 .title01 {
	    	margin-bottom: 5%;
	}
	.art03 .content01 .title01 img {
		width:100%;
		height:auto;
	}
}

/* area01 content01 */
.art03 .content01 {
	position: relative;
	overflow: hidden;
}
.art03 .content01 .slides {
	width: 10000%;
	text-align: left;
	margin-left: 50%;
	z-index: 1;
}
.art03 .content01 .slides div {
	display: inline-block;
	vertical-align: top;
	width: 1000px;
	height: 372px;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.art03 .content01 .slides div + div {
	margin-left: 100px;
}
.art03 .content01 .slides div:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 12px solid #FFF;
}
.art03 .content01 .slides div a{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
z-index:50;
	display: block;
	width: 1000px;
	height: 372px;
}
.art03 .content01 .btns {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 1150px;
	width: 100%;
	height: 100%;
}
.art03 .content01 .btns .commonBtn01 {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 11;
}
.art03 .content01 .btns .prev {
	left: 0;
}
.art03 .content01 .btns .next {
	right: 0;
}
@media print, screen and (min-width:641px) {
	.art03 .content01 .slides div {
		opacity: 1!important;
	}
}
@media print, screen and (max-width:640px) {
	.art03 .content01 {
		margin-bottom: 12%;
	}
	.art03 .content01 .slides {
		width: 94%;
		padding-top: 61.49%;
		height: 0;
		position: relative;
		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
		transform: none!important;
		margin: auto;
	}
	.art03 .content01 .slides div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		left: 0 !important;
		
		opacity: 0;
		
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	.art03 .content01 .slides div.dammy {
		display: none !important;
	}
	.art03 .content01 .slides div + div {
    	margin-left: 0;
	}
	.art03 .content01 .slides div:after {
		border: 6px solid #FFF;
	}
}

/*コピーここから*/

/* area01 art03 */
/*
.art03 {
	padding: 60px 0 60px 0;
	background:#f2f2f2;
}
.art03 .titlearea {
	margin-bottom: 42px;
}
@media print, screen and (max-width:640px) {
	.art03 .titlearea {
		margin-bottom: 8%;
	}
}
*/

/* area01 content01 */
/*
.art03 .content01 {
	position: relative;
	overflow: hidden;
}
.art03 .content01 .slides {
	width: 10000%;
	text-align: left;
	margin-left: 50%;
	z-index: 1;
}
.art03 .content01 .slides div {
	display: inline-block;
	vertical-align: top;
	width: 1000px;
	height: 372px;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.art03 .content01 .slides div + div {
	margin-left: 100px;
}
.art03 .content01 .slides div:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 12px solid #FFF;
}
.art03 .content01 .slides div a{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
z-index:50;
	display: block;
	width: 1000px;
	height: 372px;
}
.art03 .content01 .btns {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 1150px;
	width: 100%;
	height: 100%;
}
.art03 .content01 .btns .commonBtn01 {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 11;
}
.art03 .content01 .btns .prev {
	left: 0;
}
.art03 .content01 .btns .next {
	right: 0;
}
@media print, screen and (min-width:641px) {
	.art03 .content01 .slides div {
		opacity: 1!important;
	}
}
@media print, screen and (max-width:640px) {
	.art03 .content01 {
		margin-bottom: 12%;
	}
	.art03 .content01 .slides {
		width: 94%;
		padding-top: 61.49%;
		height: 0;
		position: relative;
		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
		transform: none!important;
		margin: auto;
	}
	.art03 .content01 .slides div {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		left: 0 !important;
		
		opacity: 0;
		
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	.art03 .content01 .slides div.dammy {
		display: none !important;
	}
	.art03 .content01 .slides div + div {
    	margin-left: 0;
	}
	.art03 .content01 .slides div:after {
		border: 6px solid #FFF;
	}
}
*/
/*コピーここまで*/

/* area01 content02 */
.art03 .content02 {
}
.art03 .content02 .title01 {
	position: relative;
	display: inline-block;
	padding: 0 60px;
	margin-bottom: 50px;
}
.art03 .content02 .title01 .row01 {
	display: block;
	margin-bottom: 10px;
}
.art03 .content02 .title01 .row01:before,
.art03 .content02 .title01 .row01:after {
	content: '';
	width: 42px;
	height: 100px;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.art03 .content02 .title01 .row01:before {
	left: 0;
	background-image: url(../img_/deco01.png);
}
.art03 .content02 .title01 .row01:after {
	right: 0;
	background-image: url(../img_/deco02.png);
}
.art03 .content02 .title01 .row01 img {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 12px;
}
.art03 .content02 .title01 .row01 img.txt01 {
}
.art03 .content02 .title01 .row01 img.txt02 {
	margin-left: 15px;
}
.art03 .content02 .title01 .row01 img.txt03 {
}
.art03 .content02 .title01 .row02 {
}
.art03 .content02 .title01 .row02 img {
	display: inline-block;
	vertical-align: top;
}
.art03 .content02 .title01 .row02 img.txt01 {
}
.art03 .content02 .title01 .row02 img.txt02 {
	margin-left: 13px;
}
.art03 .content02 .content {
	margin-bottom: 90px;
}
.art03 .content02 .content dl {
	width: 320px;
	display: inline-block;
	vertical-align: top;
}
.art03 .content02 .content dl:before {
	content: '';
	display: block;
	width: 200px;
	height: 200px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0 auto 32px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}
.art03 .content02 .content dl.type01:before {
	background-image: url(../img_/art03_img01_01.jpg);
}
.art03 .content02 .content dl.type02:before {
	background-image: url(../img_/art03_img01_02.jpg);
}
.art03 .content02 .content dl.type03:before {
	background-image: url(../img_/art03_img01_03.jpg);
}
.art03 .content02 .content dl dt {
	margin-bottom: 17px;
}
.art03 .content02 .content dl dd {
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	line-height: 25px;
	line-height: 2.5rem;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5%;
}
@media screen and (max-width:980px) and (min-width:640px) {
	.art03 .content02 .content dl {
		width: 33.333%;
	}
	.art03 .content02 .content dl dt img {
		width: auto;
		height: 35px;
	}
	.art03 .content02 .content dl dd {
		padding: 0px 3%;
	}
}
@media print, screen and (max-width:640px) {
	.art03 .content02 .title01 {
		padding: 0;
		margin-bottom: 10%;
	}
	.art03 .content02 .title01 .row01 {
		position: relative;
		margin-bottom: 5%;
	}
	.art03 .content02 .title01 .row01 img {
		margin-bottom: 2%;
	}
	.art03 .content02 .title01 .row01 img.txt02 {
		margin-left: 0;
	}
	.art03 .content02 .title01 .row01:before,
	.art03 .content02 .title01 .row01:after {
		width: 28px;
		height: 60px;
	}
	.art03 .content02 .title01 .row01:before {
    	left: 7%;
	}
	.art03 .content02 .title01 .row01:after {
    	right: 7%;
	}
	.art03 .content02 .title01 .row02 img.txt01 {
		margin-bottom: 3%;
	}
	.art03 .content02 .title01 .row02 img.txt02 {
		margin-left: 0px;
	}
	.art03 .content02 .content {
    	margin-bottom: 0;
	}
	.art03 .content02 .content dl {
    	width: 100%;
	}
	.art03 .content02 .content dl {
		margin-bottom: 15%;
	}
	.art03 .content02 .content dl dd {
		padding: 0 3%;
	}
	.art03 .content02 .content dl:before {
		margin-bottom: 7%;
	}
	.art03 .content02 .content dl dt {
    	margin-bottom: 6%;
	}
}

/* area01 content03 */
.art03 .content03Wrap {
	padding: 0 3% 100px;
}
.art03 .content03 {
	border: 7px solid #FFF;
	min-height: 1066px;
	max-width: 1080px;
	margin: auto;
	position: relative;
}
.art03 .content03 .title01Wrap {
	margin-top: 50px;
	margin-bottom: 35px;
}
.art03 .content03 .subtitle01 {
	margin-bottom: 20px;
}
.art03 .content03 .subtitle01 > img {
	display: inline-block;
	margin-bottom: 14px;
}
.art03 .content03 .subtitle01 .txt01 {
	margin-right: 13px;
}
.art03 .content03 .subtitle01 .txt03 {
	margin-right: 16px;
}
.art03 .content03 .food01 {
	display: none;
}
.art03 .content03 .food01.on {
	display: block;
}
.art03 .content03 .food01 .title01 {
	margin-bottom: 18px;
}
.art03 .content03 .food01 .caption01 {
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	line-height: 28px;
	line-height: 2.8rem;
	margin-bottom: 34px;
}
.art03 .content03 .food01 .links {
	margin-bottom: ;
}
.art03 .content03 .food01 .links li {
	display: inline-block;
	vertical-align: top;
}
.art03 .content03 .food01 .links li + li {
	margin-left: 24px;
}
.art03 .content03 .food01 .links button {
	width: 170px;
	height: 48px;
	border: 2px solid #FFF;
}
.art03 .content03 .food01 .links li.on button,
.no-touchevents .art03 .content03 .food01 .links button:hover {
	background-color: #FFF;
}
.art03 .content03 .food01 .links button:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.art03 .content03 .food01 .links span {
	display: inline-block;
	vertical-align: middle;
	color: #FFF;
	font-size: 16px;
	font-size: 1.6rem;
}
.art03 .content03 .food01 .links li.on span,
.no-touchevents .art03 .content03 .food01 .links button:hover span {
	color: #212121;
}
.art03 .content03 .food01 .mapwrap {
	position: relative;
	margin: 0 3%;
}
.art03 .content03 .food01 .map {
	display: inline-block;
}
.art03 .content03 .food01.type01 .map {
	margin-top: 80px;
}
.art03 .content03 .food01.type02 .map {
	margin-top: 46px;
}
.art03 .content03 .food01.type03 .map {
	margin-top: 37px;
}
.art03 .content03 .food01 .discs01 {
}
.art03 .content03 .food01 .discs01 li {
	position: absolute;
}
.art03 .content03 .food01 .discs01 dl {
	text-align: left;
}
.art03 .content03 .food01 .discs01 dt {
	font-size: 17px;
	font-size: 1.7rem;
	color: #FFF;
	line-height: 22px;
	line-height: 2.2rem;
	margin-bottom: 10px;
	vertical-align: middle;
}
.art03 .content03 .food01 .discs01 dt span {
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	font-size: 1.1rem;
}
.art03 .content03 .food01 .discs01 dd {
	font-size: 13px;
	font-size: 1.3rem;
	color: #FFF;
	line-height: 20px;
	line-height: 2.0rem;
}
.art03 .content03 .btns button {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.art03 .content03 .btns button:after {
	content: '';
	display: block;
	width: 28px;
	height: 28px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.art03 .content03 .btns .prev {
	left: 40px;
}
.art03 .content03 .btns .prev:after {
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.no-touchevents .art03 .content03 .btns .prev:hover {
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	transform: translateX(-5px);
}
.art03 .content03 .btns .next {
	right: 40px;
}
.art03 .content03 .btns .next:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.no-touchevents .art03 .content03 .btns .next:hover {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}
@media screen and (max-width:1140px) {
	.art03 .content03 .btns {
		display: none;
	}
	.art03 .content03 {
		min-height: 1096px;
	}
}
@media screen and (max-width:750px) {
	.art03 .content03 .subtitle01 {
		width: 90%;
		margin: auto;
	}
}
@media screen and (min-width:641px) {
	.art03 .content03 .food01 .discs01 {
		display: block !important;
		height: auto !important;
	}
	/*地場千葉の食材*/
	.art03 .content03 .food01.type01 .discs01 li.txt01 {
		left: 50%;
		top: 110px;
		margin-left: 212px;
		max-width: 230px;
	}
	.art03 .content03 .food01.type01 .discs01 li.txt02 {
		right: 50%;
		top: 225px;
		margin-right: 132px;
		max-width: 240px;
	}
	.art03 .content03 .food01.type01 .discs01 li.txt03 {
		left: 50%;
		top: 319px;
		margin-left: 152px;
		max-width: 270px;
	}
	/*日本全国からの食材*/
	.art03 .content03 .food01.type02 .discs01 li.txt01 {
		right: 50%;
		top: 72px;
		margin-right: 130px;
		max-width: 263px;
	}
	.art03 .content03 .food01.type02 .discs01 li.txt02 {
		left: 50%;
		top: 172px;
		margin-left: 252px;
		max-width: 187px;
	}
	.art03 .content03 .food01.type02 .discs01 li.txt03 {
		left: 50%;
		top: 314px;
		margin-left: 205px;
		max-width: 187px;
	}
	.art03 .content03 .food01.type02 .discs01 li.txt04 {
		right: 50%;
		top: 187px;
		margin-right: 149px;
		max-width: 238px;
	}
	.art03 .content03 .food01.type02 .discs01 li.txt05 {
		left: 50%;
		top: 471px;
		margin-left: -72px;
		max-width: 280px;
	}
	/*イタリアからの食材*/
	.art03 .content03 .food01.type03 .discs01 li.txt01 {
		right: 50%;
		top: 45px;
		margin-right: 182px;
		max-width: 260px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt02 {
		left: 50%;
		top: 45px;
		margin-left: 195px;
		max-width: 260px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt03 {
		right: 50%;
		top: 236px;
		margin-right: 182px;
		max-width: 260px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt04 {
		left: 50%;
		top: 236px;
		margin-left: 195px;
		max-width: 260px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt05 {
		right: 50%;
		top: 427px;
		margin-right: 182px;
		max-width: 260px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt06 {
		left: 50%;
		top: 427px;
		margin-left: 195px;
		max-width: 260px;
	}
}
@media screen and (max-width:900px) and (min-width:641px) {
	.art03 .content03 .food01 .discs01 dt {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 18px;
		line-height: 1.8rem;
		margin-bottom: 5px;
	}
	.art03 .content03 .food01 .discs01 dt span {
		font-size: 11px;
		font-size: 1.1rem;
	}
	.art03 .content03 .food01 .discs01 dd {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 17px;
		line-height: 1.7rem;
	}
	.art03 .content03 .food01.type02 .discs01 li.txt01 {
		top: 50px;
	}
	.art03 .content03 .food01.type02 .discs01 li.txt04 {
		top: 170px;
	}
	.art03 .content03 .food01.type02 .discs01 li.txt02 {
		top: 32px;
		margin-left: 172px;
	}
	.art03 .content03 .food01.type02 .discs01 li.txt05 {
		top: 551px;
		margin-left: -172px;
		max-width: 490px;
	}
	.art03 .content03 .food01.type02 .discs01 li.txt03 {
		top: 394px;
		margin-left: 35px;
		max-width: 297px;
	}
	.art03 .content03 .food01.type03 .map {
		width: 320px;
		height: auto;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt01 {
		margin-right: 162px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt02 {
		margin-left: 155px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt03 {
		margin-right: 162px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt04 {
		margin-left: 155px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt05 {
		margin-right: 162px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt06 {
		margin-left: 155px;
	}
}
@media screen and (max-width:740px) and (min-width:641px) {
	.art03 .content03 .food01.type03 .discs01 li.txt01,
	.art03 .content03 .food01.type03 .discs01 li.txt02 {
		top: 25px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt03,
	.art03 .content03 .food01.type03 .discs01 li.txt04 {
		top: 232px;
	}
	.art03 .content03 .food01.type03 .discs01 li.txt05,
	.art03 .content03 .food01.type03 .discs01 li.txt06 {
		top: 457px;
	}
}
@media print, screen and (max-width:640px) {
	.art03 .content03 .subtitle01 {
		margin-bottom: 6%;
	}
	.art03 .content03Wrap {
		padding-bottom: 20%;
	}	
	.art03 .content03 {
    	border: 3px solid #FFF;
		min-height: 0;
	}
	.art03 .content03 .food01 .mapwrap {
		padding-bottom: 7%;
	}
	.art03 .content03 .food01 .caption01 {
		padding: 0 3%;
		text-align: left;
		margin-bottom: 6%;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 22px;
		line-height: 2.2rem;
	}
	.art03 .content03 .food01 .links {
    	padding: 0 3%;
	}
	.art03 .content03 .food01 .links li {
		width: 31%;
	}
	.art03 .content03 .food01 .links li + li {
    	margin-left: 2%;
	}
	.art03 .content03 .food01 .links button {
    	width: 100%;
		height: 70px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #FFF;
	}
	.art03 .content03 .food01 .links span {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.art03 .content03 .food01 .mapwrap {
		margin: 0px 5%;
	}
	.mainArea .art03 .content03 .food01 .map {
		margin-top: 10%;
		width: 90%;
		margin-bottom: 10%;
	}
	.art03 .content03 .food01 .discs01 {
		display: none;
		overflow: hidden;
	}
	.art03 .content03 .food01 .discs01 li {
		position: static;
	}
	.art03 .content03 .food01 .discs01 li + li {
		margin-top: 10%;
	}
	.art03 .content03 .food01 .discs01 dt {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 15px;
		line-height: 1.5rem;
	    margin-bottom: 2%;
	}
	.art03 .content03 .food01 .discs01 dt span {
		font-size: 10px;
		font-size: 1.0rem;
	}
	.art03 .content03 .food01 .discs01 dd {
    	font-size: 12px;
    	font-size: 1.2rem;
	}
	.art03 .content03 .food01 .discSwitch {
    	width: 100%;
		height: 60px;
		padding-bottom: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid #FFF;
		margin-bottom: 5%;
		position: relative;
	}
	.no-touchevents .art03 .content03 .food01 .discSwitch,
	.no-touchevents .art03 .content03 .food01 .discSwitch:after,
	.no-touchevents .art03 .content03 .food01 .discSwitch span {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
	}
	.art03 .content03 .food01 .discSwitch.on,
	.no-touchevents .art03 .content03 .food01 .discSwitch:hover {
		background-color: #FFF;
	}
	.art03 .content03 .food01 .discSwitch:before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		height: 100%;
	}
	.art03 .content03 .food01 .discSwitch:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		margin: auto;
		width: 10px;
		height: 10px;
		border-bottom: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.no-touchevents .art03 .content03 .food01 .discSwitch:hover:after,
	.art03 .content03 .food01 .discSwitch.on:after {
		border-bottom: 1px solid #212121;
		border-right: 1px solid #212121;
	}
	.art03 .content03 .food01 .discSwitch span {
		display: inline-block;
		vertical-align: middle;
		color: #FFF;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.art03 .content03 .food01 .discSwitch.on span,
	.no-touchevents .art03 .content03 .food01 .discSwitch:hover span {
		color: #212121;
	}
}

/* area02 */
.area02 {
	font-size: 0;
	text-align: center;
/*	background-image: url(../common/img/bg-paper.jpg);*/
}
.area02 .areaHeader {
	position: relative;
}
.area02 .areaHeader .title01 img {
	position: absolute;
	top: 48px;
	z-index: 100;
	left: 0;
	right: 0;
	margin: auto;
	
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.area02 .areaHeader .title01 .white {
	opacity: 0;
}
.area02 .area02Slide {
	position: relative;
	margin-bottom: 0px;
}
@media print, screen and (min-height:761px) {
	.area02 .area02Slide {
		height: 760px!important;
	}
}
.area02 .area02Slide .slides {
}
.area02 .area02Slide .slides div {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	
	opacity: 0;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}
.area02 .area02Slide .slides div:first-child {
	opacity: 1;
}
.area02 .area02Slide .pager {
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	z-index: 10;
}
.area02 .area02Slide .pager button {
	width: 30px;
	height: 30px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.area02 .area02Slide .pager button:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    background-color: #FFFFFF;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.area02 .area02Slide .pager button.on:after,
.no-touchevents .area02 .area02Slide .pager button:hover:after {
	background-color: #CBAA63;
}
.area02 .area02Slide .btns {
	position: absolute;
	max-width: 1080px;
	margin: auto;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
}
.area02 .area02Slide .btns button{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 11;
}
.area02 .area02Slide .btns .prev {
	left: 30px;
}
.area02 .area02Slide .btns .next {
	right: 30px;
}
@media print, screen and (max-width:1024px) {
	.area02 .area02Slide {
		padding-top: 60%;
		height: 0 !important;
	}
	.area02 .areaHeader .title01 img {
		width: auto;
		height: 90px;
		top: 20px;
	}
	.area02 .area02Slide .slides div:nth-child(2) {
		background-position: 36% center;
	}
}
@media print, screen and (max-width:640px) {
	.area02 .area02Slide {
		padding-top: 118.75%;
		margin-bottom: 11%;
	}
	.area02 .areaHeader .title01 img {
		width: 69.53125%;
		height: auto;
	}
	.area02 .area02Slide .btns .prev {
		left: 3%;
	}
	.area02 .area02Slide .btns .next {
		right: 3%;
	}
	.area02 .area02Slide .pager {
		bottom: 10px;
	}
}

/* area02 art04 */
.art04 {
padding:80px 0 0 0;
	background-image: url(../img_/bg01.jpg);
}
.art04 .topCommonTitle01 {
	margin-bottom: 62px;
}
.art04 .artHeader .topCommonTitle01 .title01 {
	padding: 0 40px;
}
.art04 .content01 .topCommonTitle01 .title01 {
	margin-bottom: 18px;
}
.art04 .content01 .topCommonTitle01 .title01 img {
	margin-bottom: 17px;
}
.art04 .content01 .title01 {
	padding: 0 190px;
	display: inline-block;
	margin-bottom: 18px;
	position: relative;
}
.art04 .content01 .title01:before {
	content: '';
	width: 159px;
	height: 72px;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img_/deco03.png);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.art04 .content01 .title01:after {
	content: '';
	width: 71px;
	height: 69px;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../img_/deco04.png);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 80px;
	margin: auto;
}
.art04 .content01 .title01 img {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 17px;
}
.art04 .content01 .title01 img.txt01 {
}
.art04 .content01 .title01 img.txt02 {
	margin-left: 9px;
}
.art04 .content01 .title01 img.txt03 {
}
.art04 .content01 .caption01 {
	font-size: 14px;
	font-size: 1.4rem;
	color: #424242;
	line-height: 28px;
	line-height: 2.8rem;
	margin-bottom: 66px;
}
.art04 .content01 .lists {
	max-width: 1080px;
	margin: 0 auto;
	padding-bottom: 75px;
}
.art04 .content01 .lists li {
	width: 320px;
	margin-bottom: 50px;
	display: inline-block;
	vertical-align: top;
}
.art04 .content01 .lists li + li {
	margin-left: 52px;
}
.art04 .content01 .lists .img {
	padding-top: 75%;
	margin-bottom: 30px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.art04 .content01 .lists .txts {
}
.art04 .content01 .lists .txts dt {
	margin-bottom: 23px;
}
.art04 .content01 .lists .txts dd {
	padding: 0 5%;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
	line-height: 2.5rem;
	color: #424242;
	text-align: left;
}
.art04 .content01 .slideimg {
	overflow: hidden;
	position: relative;
}
@media print, screen and (min-width:641px) and (min-height:649px){
	.art04 .content01 .slideimg,
	.art04 .content01 .slideimg div {
		height: 648px!important;
	}
	.art04 .content01 .slideimg div {
		width: 6012px!important;
	}
}
@media print, screen and (max-width:640px) and (min-height:325px){
	.art04 .content01 .slideimg,
	.art04 .content01 .slideimg div {
		height: 324px!important;
	}
	.art04 .content01 .slideimg div {
		width: 3006px!important;
	}
}
.art04 .content01 .slideimg div {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	-webkit-animation: anime1 50s linear infinite;
	-o-animation: anime1 50s linear infinite;
	animation: anime1 50s linear infinite;
	background-position: top left;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
@-webkit-keyframes anime1{
	0%{
		-webkit-transform: translateX(0%);
	}
	100%{
		-webkit-transform: translateX(-33.33333%);
	}
}
@-moz-keyframes anime1{
	0%{
		-moz-transform: translateX(0%);
	}
	100%{
		-moz-transform: translateX(-33.33333%);
	}
}
@-ms-keyframes anime1{
	0%{
		-ms-transform: translateX(0%);
	}
	100%{
		-ms-transform: translateX(-33.33333%);
	}
}
@-o-keyframes anime1{
	0%{
		-o-transform: translateX(0%);
	}
	100%{
		-o-transform: translateX(-33.33333%);
	}
}
@keyframes anime1{
	0%{
		transform: translateX(0%);
	}
	100%{
		transform: translateX(-33.33333%);
	}
}
.art04 .content01 .otherarea {
	background-image: url(../img_/bg01.jpg);
	padding: 80px 5% 100px;
	overflow: hidden;
}
.art04 .content01 .otherarea > .in {
	max-width: 1080px;
	margin: auto;
}
.art04 .content01 .otherarea li {
	position: relative;
	padding-top: 80px;
}
.art04 .content01 .otherarea li:before {
	content: '';
	position: absolute;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}
.art04 .content01 .otherarea li + li {
	margin-top: 70px;
}
.art04 .content01 .otherarea li.type01:before {
	background-image: url(../img_/deco05.png);
	width: 619px;
	height: 442px;
	top: -70px;
	right: -384px;
}
.art04 .content01 .otherarea li.type02:before {
	background-image: url(../img_/deco06.png);
	width: 635px;
	height: 477px;
	top: 100px;
	left: -400px;
}
.art04 .content01 .otherarea .img {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 36%;
	width: 52%;
	z-index: 2;
	position: absolute;
	top: 0;
}
.art04 .content01 .otherarea li.type01 .img {
	left: 0;
}
.art04 .content01 .otherarea li.type02 .img {
	left: 48%;
}
.art04 .content01 .otherarea .img:after {
	content: '';
	width: 100%;
	height: 0;
	padding-top: 6%;
	display: block;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../img_/deco08.png);
	position: absolute;
	top: 100%;
	left: 0;
}
.art04 .content01 .otherarea .txts {
	background-color: #FFF;
	z-index: 1;
	width: 55%;
	height: 400px;
	position: relative;
}
.art04 .content01 .otherarea li.type01 .txts {
	margin-left: 45%;
}
.art04 .content01 .otherarea li.type01 .txts dl {
	padding-left: 70px;
}
.art04 .content01 .otherarea li.type02 .txts dl {
	padding-right: 70px;
}
.art04 .content01 .otherarea .txts:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.art04 .content01 .otherarea .txts dl {
	width: 334px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.art04 .content01 .otherarea .txts dt {
	margin-bottom: 18px;
}
.art04 .content01 .otherarea .txts dt img {
}
.art04 .content01 .otherarea .txts dd {
}
.art04 .content01 .otherarea .txts dd h1 {
	margin-bottom: 20px;
}
.art04 .content01 .otherarea .txts dd p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 22px;
	line-height: 2.2rem;
	color: #424242;
}

@media print, screen and (max-width:1080px) {
	.art04 .content01 .lists li {
		width: 31%;
	}
	.art04 .content01 .lists li + li {
		margin-left: 2%;
	}
	.art04 .content01 .lists .txts dt img {
		width: auto;
		height: 45px;
	}
	.art04 .content01 .title01 img {
		margin-bottom: 2%;
		height: 18px;
		width: auto;
	}
	.art04 .content01 .title01 {
    	padding: 0px 160px;
	}
	.art04 .content01 .lists .txts dt img {
		height: 35px;
	}
}
@media print, screen and (max-width:850px) {
	.art04 .content01 .otherarea li.type01 .txts {
		margin-left: 28%;
		padding-left: 0;
	}
	.art04 .content01 .otherarea li.type02 .txts {
    	padding-right: 0;
	}
	.art04 .content01 .otherarea .txts {
		width: 75%;
	}
	.art04 .content01 .otherarea .img {
		padding-top: 29%;
		width: 45%;
	}
	.art04 .content01 .otherarea li.type02 .img {
    	left: 55%;
	}
}
@media print, screen and (max-width:640px) {
	.art04 .topCommonTitle01 .title01:after,
	.art04 .topCommonTitle01 .title01:before  {
		display: none;
	}
	.art04 .topCommonTitle01 .title01 img {
		width: 100%;
	}
	.art04 .topCommonTitle01 .title01 {
		padding: 0;
		position: relative;
	}
	.art04 .topCommonTitle01 {
		margin-bottom: 8%;
	}
	.art04 .content01 .lists .txts dt img {
		height: auto;
	}
	.art04 .content01 > .title01 {
		padding: 0;
		overflow: hidden;
	}
	.art04 .content01 > .title01 .txt01{
		width: 65.6%;
	}
	.art04 .content01 > .title01 .txt02{
		width: 34.3%;
	}
	.art04 .content01 > .title01 .txt03{
		width: 70.3%;
	}
	.art04 .content01 > .title01:before,
	.art04 .content01 > .title01:after {
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	.art04 .content01 > .title01:before {
		left: -22%;
	}
	.art04 .content01 > .title01:after {
		right: -3%;
	}
	.art04 .content01 > .title01 img {
		height: auto;
	}
	.art04 .content01 .caption01 {
		font-size: 12px;
		font-size: 1.2rem;
		text-align: left;
		line-height: 23px;
		line-height: 2.3rem;
		padding: 0 10%;
		margin-bottom: 10%;
	}
	.art04 .content01 .lists {
		padding: 0 10%;
	}
	.art04 .content01 .lists li {
		width: 100%;
		margin-bottom: 15%;
	}
	.art04 .content01 .lists li + li {
	    margin-left: 0;
	}
	.art04 .content01 .lists .txts dd {
    	padding: 0;
	}
	.art04 .content01 .slideimg div {
		width: 3006px;
	}
	.art04 .content01 .otherarea {
		padding: 12% 5% 12%;
	}
	.art04 .content01 .otherarea li:before {
		display: none;
		background-image: none;
	}
	.art04 .content01 .otherarea li {
		padding-top: 0;
	}
	.art04 .content01 .otherarea li + li {
		margin-top: 10%;
	}
	.art04 .content01 .otherarea li .img {
		position: static;
		width: 100%;
		padding-top: 65%;
	}
	.mainArea .art04 .content01 .otherarea li .txts {
		padding: 6% 0;
		margin: 0;
		width: 100%;
		height: auto;
	}
	.mainArea .art04 .content01 .otherarea .txts dt {
		margin-bottom: 6%;
		text-align: center;
	}
	.mainArea .art04 .content01 .otherarea .txts dd h1 {
    	margin-bottom: 6%;
	}
	.mainArea .art04 .content01 .otherarea .txts dd h1 img {
		margin-left: 5%;
	}
	.mainArea .art04 .content01 .otherarea .txts dd p {
		padding: 0 5%;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 19px;
		line-height: 1.9rem;
	}
	.art04 .content01 .otherarea li .txts dl {
		width: auto;
	}
	.art04 .content01 .otherarea li.type01 .txts dl {
    	padding-left: 0;
	}
	.art04 .content01 .otherarea li.type02 .txts dl {
		padding-right: 0;
	}
}

/* area02 art05 */
.art05 {
	background-image: url(../img_/bg01.jpg);
	padding-bottom: 100px;
}
.art05 .topCommonTitle01 {
	margin-bottom: 72px;
}
.art05 .content01 {
	padding: 0 5%;
}
.art05 .content01 + .content01 {
	margin-top: 100px;
}
.art05 .content01 dt {
	margin-bottom: 40px;
	overflow: hidden;
}
.art05 .content01 dt span {
	display: inline-block;
	width: 250px;
	position: relative;
}
.art05 .content01 dt span:before,
.art05 .content01 dt span:after {
	content: '';
	width: 1000%;
	height: 2px;
	border-top: 2px solid #000;
	border-bottom: 1px solid #000;
	display: block;
	position: absolute;
	top: 20px;
	bottom: 0;
	max-width: none;
}
.art05 .content01 dt span:before {
	left: 100%;
}
.art05 .content01 dt span:after {
	right: 100%;
}
.art05 .content01 dd {
	position: relative;
}
.art05 .content01 dd .btns {
}
.art05 .content01 dd .btns button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
}
.art05 .content01 dd .btns .prev {
	left: -20px;
}
.art05 .content01 dd .btns .next {
	right: -20px;
}
.art05 .content01 dd .imgs {
	padding-top: 49%;
	width: 80%;
	position: relative;
	margin-left: 20%;
}
.art05 .content01.photoleft dd .imgs {
	margin-left: 0;
}
.art05 .content01 dd .imgs div {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0;
	
	-webkit-transition: 1.4s;
	-moz-transition: 1.4s;
	-ms-transition: 1.4s;
	-o-transition: 1.4s;
	transition: 1.4s;
}
.art05 .content01 dd .imgs div:first-child {
	opacity: 1;
}
.art05 .content01 dd .discs {
	background-color: #FFF;
	width: 380px;
	height: 340px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.art05 .content01.photoleft dd .discs {
	right: 0;
	left: auto;
}
.art05 .content01 dd .discs:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.art05 .content01 dd .discs:after {
	content: '';
	display: block;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
}
.art05 .content01.type01 dd .discs:after {
	width: 39px;
	height: 56px;
	top: 28px;
	right: 40px;
	background-image: url(../img_/deco09.png);
}
.art05 .content01.type02 dd .discs:after {
	width: 34px;
	height: 72px;
	top: 23px;
	right: 28px;
	background-image: url(../img_/deco10.png);
}
.art05 .content01.type03 dd .discs:after {
	width: 42px;
	height: 72px;
	top: 14px;
	right: 28px;
	background-image: url(../img_/deco11.png);
}
.art05 .content01.type04 dd .discs:after {
	width: 52px;
	height: 72px;
	top: 14px;
	right: 28px;
	background-image: url(../img_/deco12.png);
}
.art05 .content01 dd .discs > .in {
	display: inline-block;
	vertical-align: middle;
}
.art05 .content01 dd .discs .disc {
	text-align: left;
	width: 276px;
	display: none;
}
.art05 .content01 dd .discs .disc:first-child {
	display: block;
}
.art05 .content01 dd .discs .disc .title01 {
	margin-bottom: 20px;
}
.art05 .content01 dd .discs .disc .caption {
	font-size: 14px;
	font-size: 1.4rem;
	color: #424242;
	line-height: 25px;
	line-height: 2.5rem;
}
.art05 .content01 dd .pager {
	position: absolute;
	bottom: 20px;
	left: 0px;
	width: 100%;
	z-index: 10;
}
.art05 .content01 dd .pager button {
	width: 25px;
	height: 30px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.art05 .content01 dd .pager button:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	border-radius: 50%;
	background-color: #CCCCCC;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.no-touchevents .art05 .content01 dd .pager button:hover:after,
.art05 .content01 dd .pager button.on:after {
	background-color: #212121;
}
@media print, screen and (max-width:1150px) {
	.art05 .content01 dd .imgs {
		width: 70%;
		margin-left: 30%;
	}
}
@media print, screen and (max-width:940px) {
	.art05 {
		padding-bottom: 13%;
	}
	.mainArea .art05 .content01 dd .imgs {
		padding-top: 61%;
		width: 100%;
		margin: 0;
	}
	.mainArea .art05 .content01 dd .photowrap {
		position: relative;
	}
	.art05 .content01 dd .discs {
		position: relative;
		margin-top: -3%;
		width: 380px;
	}
	.art05 .content01 dd .discs > .in {
		padding: 0 10%;
	}
	.art05 .content01 dd .discs .disc {
		width: 100%;
	}
	.art05 .content01 + .content01 {
		margin-top: 11%;
	}
	.art05 .content01 dt {
    	margin-bottom: 8%;
		width: 110%;
		margin-left: -5%;
	}
	.art05 .content01 dd .pager {
		bottom: 4%;
	}
}
@media print, screen and (min-width:1281px) {
	.art05 .content01 dd .imgs {
		padding-top: 544px;
		width: 880px;
	}
	.art05 .content01.type02 dd .imgs,
	.art05 .content01.type04 dd .imgs {
		margin-left: 100%;
		left: -880px;
	}
}
@media print, screen and (min-width:1441px) {
	.art05 .content01 {
		width: 75%;
		margin: auto;
	}
}
@media print, screen and (min-width:1581px) {
	.art05 .content01 {
		width: 70%;
	}
}
@media print, screen and (min-width:1781px) {
	.art05 .content01 {
		width: 65%;
	}
}
@media print, screen and (max-width:640px) {
	.art05 .content01 dd .btns .prev {
		left: -10px;
	}
	.art05 .content01 dd .btns .next {
		right: -10px;
	}
	.art05 .content01 dd .discs .disc .title01 {
    	margin-bottom: 7%;
	}
	.art05 .content01 dd .discs {
		width: 90%;
		height: auto;
		padding-top: 9%;
		padding-bottom: 16%;
	}
	.art05 .content01 dd .discs .disc .caption {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 19px;
		line-height: 1.9rem;
	}
	.art05 .content01 dd .discs:after {
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
		-webkit-transform-origin: top right;
		-moz-transform-origin: top right;
		-ms-transform-origin: top right;
		-o-transform-origin: top right;
		transform-origin: top right;
	}
}

/* area02 art06 */
.art06 {
	background-color: #fff;
	padding-top: 65px;
	padding-bottom: 170px;
	overflow: hidden;
}
.art06 .topCommonTitle01 {
	margin-bottom: 70px;
}
.art06 .content01 .slidearea {
	padding: 0 100px;
}
.art06 .content01 .slidearea > .in {
	position: relative;
	max-width: 880px;
	margin: auto;
}
.art06 .content01 .btns {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.art06 .content01 .btns > button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
}
.art06 .content01 .btns .prev {
	left: -70px;
}
.art06 .content01 .btns .next {
	right: -70px;
}
.art06 .content01 .slide {
	position: relative;
	margin-bottom: 50px;
	height: 340px;
}
.art06 .content01 .slide .plancontent {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #F5F4F3;
	text-align: left;
}
.art06 .content01 .slide .plancontent > dt {
	padding: 50px 45px 0;
	margin-bottom: 20px;
	color: #212121;
}
.art06 .content01 .slide .plancontent > dt .row01 {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
	line-height: 2.5rem;
}
.art06 .content01 .slide .plancontent > dt .row02 {
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 36px;
	line-height: 3.6rem;
	font-weight: normal;
}
.art06 .content01 .slide .plancontent > dd {
	padding-bottom: 45px;
	position: relative;
	padding: 0 45px 45px;
	min-height: 177px;
}
.art06 .content01 .slide .plancontent > dd .left {
	width: 76%;
	display: block;
	vertical-align: top;
	padding-bottom: 50px;
}
.art06 .content01 .slide .plancontent > dd .price {
	color: #212121;
	margin-bottom: 14px;
}
.art06 .content01 .slide .plancontent > dd .price > dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 15px;
}
.art06 .content01 .slide .plancontent > dd .price > dd {
	display: inline-block;
	vertical-align: middle;
}
.art06 .content01 .slide .plancontent > dd .price > dd .value {
	font-size: 24px;
	font-size: 2.4rem;
	display: inline-block;
	margin-right: 5px;
}
.art06 .content01 .slide .plancontent > dd .price > dd .txt01 {
	font-size: 16px;
	font-size: 1.6rem;
}
.art06 .content01 .slide .plancontent > dd .caption01 {
	color: #212121;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
	line-height: 2.5rem;
}
.art06 .content01 .slide .plancontent > dd .right {
	width: 20%;
	padding-top: 20%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0;
	right: 45px;
}
.art06 .content01 .slide .plancontent > dd .commonBtn02 {
	padding: 5px 30px;
	font-size: 14px;
	font-size: 1.4rem;
	position: absolute;
	bottom: 45px;
	left: 45px;
}
.art06 .content01 .pager {
}
.art06 .content01 .pager button {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 10px 8px;
}
.art06 .content01 .pager button.active {
	background-color: #212121;
	color: #FFF;
}
.art06 .content01 .pager button + button {
	margin-left: 10px;
}
@media print, screen and (max-width:920px) {	
	.art06 .content01 .btns .prev {
		left: -45px;
	}
	.art06 .content01 .btns .next {
		right: -45px;
	}
	.art06 .content01 .slidearea {
		padding: 0 50px;
	}
	.art06 .content01 .pager button {
		font-size: 13px;
		font-size: 1.3rem;
	}
}
@media print, screen and (max-width:700px) {	
	.art06 .content01 .pager button {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.art06 .content01 .pager button + button {
		margin-left: 5px;
	}
}
@media print, screen and (min-width:641px) {
	.art06 .content01 .slide .plancontent {
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
}
@media print, screen and (max-width:640px) {	
	.art06 {
		padding-top: 12%;
		padding-bottom: 12%;
	}
	.art06 .topCommonTitle01 {
    	margin-bottom: 12%;
	}
	.art06 .content01 .slidearea {
		padding: 0 5%;
	}
	.art06 .content01 .slide {
		margin-bottom: 3%;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
	.art06 .content01 .slide .plancontent {
		left: 0 !important;
		margin-left: 0 !important;
		opacity: 0;
		display: none;
	}
	.art06 .content01 .slide .plancontent.active {
		opacity: 1;
		display: inline-block;
	}
	.art06 .content01 .slide .plancontent.dammy {
		display: none !important;
	}
	.art06 .content01 .pager button {
		padding-left: 0;
		padding-right: 0;
	}
	.art06 .content01 .slide .plancontent > dt {
		padding: 3% 7% 0;
		margin-bottom: 4%;
	}
	.art06 .content01 .slide .plancontent > dd {
		padding: 0 7% 8%;
	}
	.art06 .content01 .slide .plancontent > dt .row01 {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 16px;
		line-height: 1.6rem;
		margin-bottom: 2%;
	}
	.art06 .content01 .slide .plancontent > dt .row02 {
		font-size: 15px;
		font-size: 1.5rem;
		line-height: 22px;
		line-height: 2.2rem;
	}
	.art06 .content01 .slide .plancontent > dd .left {
    	width: 100%;
		padding-bottom: 0;
	}
	.art06 .content01 .slide .plancontent > dd .price > dt {
		font-size: 10px;
	    font-size: 1.0rem;
	}
	.art06 .content01 .slide .plancontent > dd .price > dd .value {
		font-size: 17px;
    	font-size: 1.7rem;
	}
	.art06 .content01 .slide .plancontent > dd .price > dd .txt01 {
		font-size: 11.5px;
    	font-size: 1.15rem;
	}
	.art06 .content01 .slide .plancontent > dd .caption01 {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 21px;
		line-height: 2.1rem;
	}
	.art06 .content01 .slide .plancontent > dd .right {
		width: 41%;
		padding-top: 38%;
		position: static;
		float: right;
		margin-left: 5px;
		margin-bottom: 5px;
	}
	.art06 .content01 .slide .plancontent > dd .commonBtn02 {
		font-size: 12px;
		font-size: 1.2rem;
		padding: 5px 5%;
		position: static;
		margin-top: 5%;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}
	.art06 .content01 .btns .prev {
		left: -5%;
	}
	.art06 .content01 .btns .next {
		right: -5%;
	}
	.art06 .content01 .pager button {
		width: 49%;
		margin-bottom: 2%;
		font-size: 11px;
		font-size: 1.1rem;
	}
	.art06 .content01 .pager button + button {
		margin-left: 1.9%;
	}
	.art06 .content01 .pager button:nth-child(3){
		margin-left: 0;
	}
}

/* art07 */
.art07 {
	background-color: #fff;
	padding-bottom: 65px;
	font-size: 0;
	text-align: center;
}
.art07 .topCommonTitle01 {
	margin-bottom: 64px;
}
.art07 .content01 {
	padding: 0 3%;
}
.art07 .fair_calendar {
	width: 100%;
	max-width: 1440px;
	margin: auto;
	border-spacing: 0px;
}
.art07 .fair_calendar caption {
	overflow: hidden;
	position: relative;
	padding: 5px 0;
}
.art07 .fair_calendar caption:before {
	content: '';
	height: 2px;
	width: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.art07 .fair_calendar .fair_calendar_month {
	font-size: 22px;
	font-size: 2.2rem;
	color: #212121;
	width: 14.28%;
	display: inline-block;
	position: relative;
	background-color: #fff;
}
.art07 .fair_calendar .fair_calendar_month:after {
	content: '月';
}
.art07 .fair_calendar tr > * {
	width: 14.28%;
}
.art07 .fair_calendar th {
	text-align: center;
	padding: 12px 0;
}
.art07 .fair_calendar th > span {
	font-size: 17.6px;
	font-size: 1.76rem;
	color: #FFF;
	vertical-align: middle;
}
.art07 .fair_calendar th:nth-child(odd) {
	background-color: #212121;
}
.art07 .fair_calendar th:nth-child(even) {
	background-color: #424242;
}
.art07 .fair_calendar th:nth-child(6) {
	background-color: #5A6B41;
}
.art07 .fair_calendar th:nth-child(7) {
	background-color: #C78067;
}
.art07 .fair_calendar td {
	text-align: left;
	border-top: 2px solid #FFF;
	height: 160px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 7px;
	vertical-align: top;
}
.art07 .fair_calendar td.today {
	border: 3px solid #BE953C;
	padding: 11px;
}
.art07 .fair_calendar td:nth-child(odd) {
	background-color: #F5F4F3;
}
.art07 .fair_calendar td:nth-child(even) {
	background-color: #FAF9F9;
}
.art07 .fair_calendar td:nth-child(6) {
	background-color: #DEE1D9;
}
.art07 .fair_calendar td:nth-child(7) {
	background-color: #F4E6E1;
}
.art07 .fair_calendar td > b,
.art07 .fair_calendar td > a {
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 6px;
	display: inline-block;
}
.art07 .fair_calendar td > b {
	color: #909090;
}
.art07 .fair_calendar td > a {
	color: #212121;
	text-decoration: underline;
}
.art07 .fair_calendar .fair_article  {
    width: 100%;
	margin-left: 0;
}
.art07 .fair_calendar .fair_article .img,
.art07 .fair_calendar .fair_article .fairdate ,
.art07 .fair_calendar .fair_article .faircaption {
	display: none !important;
}
body .art07 .fair_calendar .fair_article .fairtitle {
	color: #212121;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 19px;
	line-height: 1.9rem;
	display: inline-block;
	font-weight: normal;
	padding-left: 20px;
	text-indent: -20px;
}
body .art07 .fair_calendar .fair_article {
	margin-bottom: 0;
	margin-left: 0;
}
body .art07 .fair_calendar .fair_article .right {
	width: 100%;
}
.art07 .fair_calendar .fair_article .fairtitle:before {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #757575;
	margin-right: 3px;
	vertical-align: middle;
}
.no-touchevents .art07 .fair_calendar .fair_article .fairtitle:before {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.no-touchevents .art07 .fair_calendar .fair_article a:hover .fairtitle:before {
	background-color: #FF8811;
}
.art07 .fair_article {
	width: 48%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 67px;
}
.art07 .fair_article:nth-child(even) {
	margin-left: 3.9%;
}
.art07 .fair_article a {
	display: block;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	padding: 5px;
}
.art07 .content01 .fair_section {
	display: none;
}
.no-touchevents .art07 .fair_article a:hover {
	background-color: #E8E8E8;
}
.art07 .content01 .fairContent .img {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	padding-top: 30%;
}
.art07 .content01 .fairContent .right {
	display: inline-block;
	margin-left: 3%;
	width: 66.9%;
	text-align: left;
}
.art07 .content01 .fairContent .fairtitle,
.art07 .content01 .fairContent .fairdate {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 27px;
	line-height: 2.7rem;
	color: #212121;
}
.art07 .content01 .fairContent .faircaption {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25.2px;
	line-height: 2.52rem;
	color: #424242;
}
.art07 .content01 .fair_navigation {
	margin-bottom: 50px;
}
.art07 .content01 .fairListArea {
	max-width: 1080px;
	margin: auto;
}
.art07 .content01 .fairListArea dt {
	padding-bottom: 15px;
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom: 2px solid #000;
	margin-bottom: 67px;
}
.art07 .content01 .fairListArea dd {
	text-align: left;
}
.art07 .content02 {
	max-width: 900px;
	margin: auto;
	padding: 0px 3%;
}
.art07 .content02 .link01 {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	height: 60px;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.art07 .content02 .link01:before {
	content: '';
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}
.art07 .content02 .link01 + .link01 {
	margin-left: 3.9%;
}
.art07 .content02 .link01 span {
	font-size: 16px;
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
}
.art07 .content02 .tel {
	border: 3px solid #212121;
	padding: 20px 3%;
	display: block;
}
.art07 .content02 .tel .row01 {
	font-size: 14px;
	font-size: 1.4rem;
	color: #424242;
	line-height: 25px;
	line-height: 2.5rem;
	display: block;
	margin-bottom: 10px;
}
.art07 .content02 .tel .row02 dt,
.art07 .content02 .tel .row02 dd {
	display: inline-block;
	vertical-align: middle;
}
.art07 .content02 .tel .row02 dt {
	margin-right: 5px;
	font-size: 13px;
	font-size: 1.3rem;
	color: #212121;
}
@media print, screen and (max-width:960px) {
	.art07 .fair_calendar td,
	.art07 .fair_calendar td.today {
		padding: 2px;
	}
	body .art07 .fair_calendar .fair_article .fairtitle {
		font-size: 10px;
		font-size: 1.0rem;
		line-height: 1.5;
	}
}
@media print, screen and (max-width:640px) {
	.art07 {
		padding-bottom: 9%;
	}
	.art07 .topCommonTitle01 {
		margin-bottom: 12%;
	}
	.art07 .fair_calendar th {
		padding: 6px 0px;
	}
	.art07 .fair_calendar th > span {
		font-size: 9px;
    	font-size: 0.9rem;
	}
	.art07 .fair_calendar td > b,
	.art07 .fair_calendar td > a {
		font-size: 15px;
		font-size: 1.5rem;
		text-align: center;
		padding-top: 6px;
		display: block;
	}
	.art07 .fair_calendar td,
	.art07 .fair_calendar td.today {
		padding: 2px;
		height: auto;
	}
	.art07 .fair_calendar .fair_calendar_month {
    	font-size: 13px;
		font-size: 1.3rem;
	}
	.art07 .fair_calendar caption:before {
		height: 1px;
	}
	.art07 .content01 .fair_navigation {
		margin-bottom: 12%;
	}
	.art07 .content01 .fairListArea dt {
		margin-bottom: 9%;
	}
	.art07 .fair_article {
		width: 100%;
		margin-bottom: 7%;
	}
	.art07 .fair_article a {
		padding: 0;
	}
	.art07 .content01 .fairContent .fairtitle {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 20px;
		line-height: 2.0rem;
		font-weight: normal;
	}
	.art07 .content01 .fairContent .fairdate {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 20px;
		line-height: 2.0rem;
		margin-bottom: 3%;
		display: block;
	}
	.art07 .content01 .fairContent .faircaption {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 21px;
		line-height: 2.1rem;
	}
	.art07 .fair_article:nth-child(2n) {
		margin-left: 0;
	}
	.art07 .content01 .fairListArea {
		margin-bottom: 8%;
	}
	.art07 .content02 {
		padding: 0 3%;
	}
	body .art07 .fair_calendar .fair_article {
		display: none;
	}
	.art07 .content02 .tel .row01 {
		font-size: 12px;
    	font-size: 1.2rem;
		line-height: 21px;
		line-height: 2.1rem;
		width: auto;
		text-align: left;
		display: inline-block;
		margin-bottom: 4%;
	}
	.art07 .content02 .tel {
    	padding: 10px 5px 18px;
	}
	.art07 .content02 .tel .row02 dt {
		font-size: 9px;
		font-size: 0.9rem;
		margin-bottom: 2%;
	}
	.art07 .content02 .tel .row02 dd {
		width: 60%;
	}
	.art07 .content02 .tel .row02 dd img {
		width: 100%;
	}
	.art07 .fair_calendar td > a {
		width: 100%;
		height: 100%;
	}
	.art07 .fair_calendar td .fairlink {
		display: none;
	}
	.art07 .content02 .link01 {
		width: 100%;
		margin-bottom: 5%;
	}
	.art07 .content02 .link01 span {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.art07 .content02 .link01 + .link01 {
		margin-left: 0;
	}
}

/* art08 */
.art08 {
	font-size: 0;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 50px;
	overflow: hidden;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.art08 .headerTitle01 {
	margin-bottom: 34px;
	height: 110px;
}
.art08 .headerTitle01 .title01 {
	position: relative;
}
.art08 .headerTitle01 .title01 img {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -525px;
}
.art08 .content01 {
	padding: 0px 2%;
	overflow: hidden;
}
.art08 .content01 > .in {
	max-width: 1044px;
	margin: auto;
}
.art08 .content01 .slideArea {
	position: relative;
	margin-bottom: 30px;
}
.art08 .content01 .slideArea .btns {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.art08 .content01 .slideArea .btns button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
}
.art08 .content01 .slideArea .btns .prev {
	left: -2%;
}
.art08 .content01 .slideArea .btns .next {
	right: -2%;
}
.art08 .content01 .slideArea .content li {
	width: 28.735%;
	background-color: #FFF;
	display: inline-block;
	vertical-align: top;
}
.art08 .content01 .slideArea .content a {
	display: block;
	padding: 20px;
	position: relative;
	text-align: left;
}
.art08 .content01 .slideArea .content .img {
	width: 100%;
	padding-top: 93%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	margin-bottom: 17px;
}
.art08 .content01 .slideArea .content .date {
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	margin-bottom: 8px;
	display: block;
}
.art08 .content01 .slideArea .content .title01 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #212121;
	line-height: 25px;
	line-height: 2.5rem;
	margin-bottom: 13px;
	font-weight: normal;
}
.art08 .content01 .slideArea .content .caption01 {
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	margin-bottom: 11px;
}
.art08 .content01 .slideArea .content .caption02 {
	text-align: right;
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
}
.art08 .content01 .slideArea .content .caption02:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: scaleY(0.5) rotate(45deg);
	-moz-transform: scaleY(0.5) rotate(45deg);
	-ms-transform: scaleY(0.5) rotate(45deg);
	-o-transform: scaleY(0.5) rotate(45deg);
	transform: scaleY(0.5) rotate(45deg);
	position: relative;
	top: -1px;
}
.art08 .content01 .link01 {
	padding: 8px 0;
	display: block;
	width: 28.735%;
	margin: auto;
}
.art08 .content01 .link01 span {
	font-size: 14px;
	font-size: 1.4rem;
}
@media print, screen and (min-width:641px) {
	.art08 .content01 .slideArea .content {
		margin-left: 0 !important;
		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
		transform: none!important;
	}
	.art08 .content01 .slideArea .content li {
		margin-left: 0!important;
		left: 0!important;
	}
	.art08 .content01 .slideArea .content li.appear + li {
		margin-left: 6.7%!important;
	}
	.art08.underthree .btns {
		display: none;
	}
}
@media print, screen and (max-width:960px) and (min-width:641px) {
	.art08 .content01 .slideArea {
		height: auto !important;
	}
	.art08 .content01 .slideArea .content li.appear + li {
		margin-left: 2%!important;
	}
	.art08 .content01 .slideArea .content li {
		width: 32%!important;
	}
}
@media print, screen and (max-width:640px) {
	.art08 {
		padding-top: 10%;
		padding-bottom: 16%;
	}
	.art08 .headerTitle01 {
		margin-bottom: 10%;
		height: 50px;
	}
	.art08 .headerTitle01 .title01 img {
		position: absolute;
		left: 50%;
		margin-left: -290px;
		height: 60px;
		width: auto;
	}
	.art08.onlyone .content01 .slideArea .btns {
		display: none;
	}
	.art08 .content01 .slideArea .btns .next {
		right: 0;
	}
	.art08 .content01 .slideArea .btns .prev {
		left: 0;
	}
	.art08 .content01 .slideArea .content {
		width: 75%;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
	.art08 .content01 .slideArea .content li {
		width: 100%;
		margin-left: -100%;
		position: absolute;
		opacity: 1 !important;
		top: 0;
		display: block !important;
		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
		transform: none!important;
	}
	.art08 .content01 .link01 {
		padding: 11px 0;
		display: inline-block;
		width: 80%;
	}
	.art08 .content01 .slideArea {
		margin-bottom: 11%;
	}
	
	.art08 .content01 .slideArea .content .date {
		font-size: 7.5px;
		font-size: 0.75rem;
		line-height: 12px;
		line-height: 1.2rem;
	}
	.art08 .content01 .slideArea .content .title01 {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 17.5px;
		line-height: 1.75rem;
	}
	.art08 .content01 .slideArea .content .caption01 {
		font-size: 7.5px;
		font-size: 0.75rem;
		line-height: 12px;
		line-height: 1.2rem;
	}
	.art08 .content01 .slideArea .content .caption02 {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 17.5px;
		line-height: 1.75rem;
	}
	.art08 .content01 .link01 span {
		font-size: 12px;
		font-size: 1.2rem;
	}
}

/* area03 */
.area03 {
	font-size: 0;
	text-align: center;
background:#f2f2f2;
}
.area03 > .in {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}
.area03 .areaHeader {
	height: 480px;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	position: relative;
}
.area03 .areaHeader .title01 img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
@media print, screen and (max-width:960px) {
	.area03 .areaHeader {
		height: 0;
		padding-top: 45%;
	}
}
@media print, screen and (max-width:640px) {
	.area03 > .in {
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		background-repeat: repeat;
		height: auto;
	}
	.area03 .areaHeader {
		padding-top: 75%;
	}
	.area03 .areaHeader .title01 img {
		height: 94px;
		width: auto;
	}
}

/* area03 art09 */
.art09 {
	padding: 0 3%;
	padding-top: 100px;
	margin-bottom: 130px;
}
.art09 .title01 {
	margin-bottom: 50px;
}
.art09 .caption01 {
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	line-height: 28px;
	line-height: 2.8rem;
	margin-bottom: 63px;
}
.art09 .content01 {
	max-width: 1080px;
	margin: auto;
	background-color: #fff;
	display: table;
	margin-bottom: 50px;
}
.art09 .blcok {
	display: table-cell;
	vertical-align: top;
	width: 33.3333%;
}
.art09 .blcok.type01 {
}
.art09 .blcok.type02 {
}
.art09 .blcok .img {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	height: 360px;
}
.art09 .blcok .menudiscWrap {
	padding: 0 7%;
	height: 360px;
}
.art09 .blcok .menudiscWrap:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.art09 .blcok .menudisc {
	display: inline-block;
	vertical-align: top;
	margin-top: 40px;
}
.art09 .blcok .menudisc > dt {
	margin-bottom: 15px;
}
.art09 .blcok .menudisc .txt01 {
	display: block;
	text-align: left;
	font-size: 14px;
	font-size: 1.4rem;
	color: #424242;
	line-height: 28px;
	line-height: 2.8rem;
	margin-bottom: 17px;
}
.art09 .blcok .menudisc .link {
	padding: 11px 10px;
	color: #212121;
	display: inline-block;
}
.no-touchevents .art09 .blcok .menudisc .link {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.no-touchevents .art09 .blcok .menudisc .link:hover {
	background-color: #000;
	color: #FFF;
}
.art09 .blcok .menudisc .link span {
	font-size: 14px;
	font-size: 1.4rem;
}
.art09 .modelCloseBG {
	background-color: #000;
	opacity: 0.0;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	cursor: pointer;
	display: none;
	z-index: 9999;
}
.art09 .modalContent {
	margin: 0 3%;
	position: absolute;
	left: 0;
	right: 0;
	display: none;
	opacity: 0;
	z-index: 10000;
}
.art09 .caption02 {
	color: #FFF;
}
.art09 .caption02 .row01 {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 15px;
}
.art09 .caption02 .row02 {
	margin-bottom: 20px;
}
.art09 .caption02 .row02 a {
	display: inline-block;
}
.art09 .caption02 .row03 .worktime > dt {
	font-size: 16px;
	font-size: 1.6rem;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 30px;
}
.art09 .caption02 .row03 .worktime > dd {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	line-height: 1.5;
}
.art09 .caption02 .row03 .worktime .timespace dt {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 10px;
}
.art09 .caption02 .row03 .worktime .timespace dd {
	display: inline-block;
	vertical-align: middle;
}
.art09 .caption02 .row03 .worktime .timespace dd span {
	font-size: 14px;
	font-size: 1.4rem;
}
.art09 .caption02 .row03 .worktime .notes01 {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: -2px;
	display: block;
}
.art09 .caption02 .row04 {
	margin-bottom: 20px;
}
.art09 .caption02 .row04 > a {
	padding: 11px 15px;
	display: inline-block;
}
.art09 .caption02 .row04 > a + a {
	margin-left: 10px;
}
.art09 .caption02 .row04 > a span {
	font-size: 14px;
	font-size: 1.4rem;
}
@media print, screen and (max-width:1100px) {
	.art09 .blcok .menudisc .txt01 br[data-sc-onlyPc] {
		display: none;
	}
}
@media print, screen and (max-width:960px) {
	.art09 .blcok .menudisc .txt01 {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 25px;
		line-height: 2.5rem;
	}
}
@media print, screen and (max-width:700px) {
	.art09 .blcok .menudisc .txt01 {
		font-size: 1.0rem;
	}
}
@media print, screen and (max-width:640px) {
	.art09 {
		padding: 0;
		padding-top: 12%;
		min-height: 0;
		padding-bottom: 18%;
		margin-bottom: 0;
	}
	.art09 .title01 {
		margin-bottom: 7%;
	}
	.art09 .caption01 {
		padding: 0 5%;
		font-size: 10px;
		font-size: 1.0rem;
		line-height: 20px;
		line-height: 2.0rem;
		margin-bottom: 10%;
	}
	.art09 .blcok {
		width: 100%;
		display: table;
	}
	.art09 .blcok .img {
		padding-top: 50%;
		display: table-cell;
		height: 0;
		width: 50%;
	}
	.art09 .blcok .menudiscWrap {
		padding: 0;
		height: auto;
		display: table-cell;
		vertical-align: middle;
		width: 50%;
	}
	.art09 .blcok .menudisc > dt > img{
		width: auto;
		height: 30px;
	}
	.art09 .blcok .menudisc {
		vertical-align: middle;
		margin-top: 0;
		padding: 8% 6%;
	}
	.art09 .blcok .menudiscWrap:before {
		display: none;
	}
	.art09 .blcok .menudisc > dt {
		margin-bottom: 4%;
	}
	.art09 .blcok .menudisc .txt01 {
		font-size: 9px;
		font-size: 0.9rem;
		line-height: 14px;
		line-height: 1.4rem;
		margin-bottom: 7%;
	}
	.art09 .blcok .menudisc .link {
		padding: 5px 10px;
	}
	.art09 .blcok .menudisc .link span {
		font-size: 10px;
		font-size: 1.0rem;
	}
	.art09 .caption02 {
		padding: 0 2%;
	}
	.art09 .caption02 .row01 {
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.art09 .caption02 .row02 {
		margin-bottom: 9%;
	}
	.art09 .caption02 .row02 a img {
		width: 60%;
	}
	.art09 .caption02 .row03 .worktime > dt {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 3%;
		margin-right: 0;
	}
	.art09 .caption02 .row03 .worktime .timespace dt ,
	.art09 .caption02 .row03 .worktime .timespace dd span {
		font-size: 11px;
		font-size: 1.1rem;
	}
	.art09 .caption02 .row03 .worktime .timespace dd span.small01 {
		font-size: 10px;
		font-size: 1.0rem;
	}
	.art09 .caption02 .row03 .worktime .notes01 {
		font-size: 9px;
		font-size: 0.9rem;
	}
	.art09 .caption02 .row04 > a span {
		font-size: 12px;
    	font-size: 1.2rem;
	}
}

/* area03 art10 */
.art10 {
	margin-bottom: 100px;
}
.art10 .title01Wrap {
	margin-bottom: 57px;
}
.art10 .content01 .title01 {
	margin-bottom: 50px;
}
.art10 .caption01 {
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	line-height: 28px;
	line-height: 2.8rem;
	margin-bottom: 70px;
}
.art10 .slidesWrap {
	position: relative;
	overflow: hidden;
	padding-bottom: 30px;
}
.art10 .slides {
	width: 10000%;
	text-align: left;
	margin-left: 50%;
	z-index: 1;
}
.art10 .slides > div {
	display: inline-block;
	vertical-align: top;
	width: 568px;
	height: 372px;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
.art10 .slides > div:before {
	content: '';
	width: 100%;
	height: 0;
	padding-top: 6%;
	display: block;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url(../img_/deco08.png);
	position: absolute;
	top: 100%;
	left: 0;
}
.art10 .slides > div:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 12px solid #FFF;
}
.art10 .slides > div + div {
	margin-left: 58px;
}
@media print, screen and (min-width:641px) {
	.art10 .slides > div {
		opacity: 1!important;
	}
}
@media print, screen and (max-width:640px) {
	.art10 {
		min-height: 0;
		margin-bottom: 20%;
	}
	.art10 .title01Wrap {
    	margin-bottom: 11%;
	}
	.art10 .title01Wrap .title01 img {
		width: auto;
		height: 76px;
	}
	.art10 .content01 .title01 {
		margin-bottom: 9%;
	}
	.art10 .slides div:after {
		border: 6px solid #FFF;
	}
	.art10 .content01 {
		overflow: hidden;
	}
	.art10 .slidesWrap {
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
		overflow: visible;
	}
	.art10 .caption01 {
		font-size: 10px;
		font-size: 1.0rem;
		line-height: 20px;
		line-height: 2.0rem;
		margin-bottom: 0;
	}
	.art10 .slidesWrap {
		margin-top: -15%;
		margin-bottom: -30%;
	}
}

/* art11 */
.art11 {
	overflow: hidden;
	margin-bottom: 120px;
}
.art11 .headerTitle01 {
	margin-bottom: 65px;
	height: 110px;
}
.art11 .headerTitle01 .title01 {
	position: relative;
}
.art11 .headerTitle01 .title01 img {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -525px;
}
.art11 .content01 {
	padding: 0px 2%;
}
.art11 .content01 > .in {
	max-width: 1044px;
	margin: auto;
}




.art11 .content01 .slideArea {
	position: relative;
	margin-bottom: 30px;
}
.art11 .content01 .slideArea .btns {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.art11 .content01 .slideArea .btns button {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 10;
}
.art11 .content01 .slideArea .btns .prev {
	left: -2%;
}
.art11 .content01 .slideArea .btns .next {
	right: -2%;
}
.art11 .content01 .slideArea .content li {
	width: 28.735%;
	display: inline-block;
	vertical-align: top;
}
.art11 .content01 .slideArea .content .janru {
	margin-bottom: 20px;
}
.art11 .content01 .slideArea .content a {
	display: block;
	padding: 20px 20px 60px;
	position: relative;
	text-align: left;
	background-color: #FFF;
	overflow: hidden;
}
.art11 .content01 .slideArea .content li[data-blogcategory="レストラン"] a {
	background-color: #F5F3E9;
}
.art11 .content01 .slideArea .content li[data-blogcategory="レストラン"] a:before {
	content: '';
	display: block;
	width: 114px;
	height: 132px;
	-webkit-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	right: -10px;
	bottom: -15px;
	position: absolute;
	background-image: url(../common/img/deco01.png);
}
.art11 .content01 .slideArea .content .img {
	width: 100%;
	padding-top: 93%;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	-webkit-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.4) inset;
	margin-bottom: 17px;
}
.art11 .content01 .slideArea .content .img.noimage {
	background-image: url(../common/img/logo01.png);
	-webkit-background-size: 80% auto;
	background-size: 80% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #A8A8A8;
}
.art11 .content01 .slideArea .content section {
}
.art11 .content01 .slideArea .content .date {
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	margin-bottom: 8px;
	display: block;
}
.art11 .content01 .slideArea .content .title01 {
	font-size: 16px;
	font-size: 1.6rem;
	color: #212121;
	line-height: 25px;
	line-height: 2.5rem;
	margin-bottom: 13px;
	font-weight: normal;
}
.art11 .content01 .slideArea .content .caption01 {
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	margin-bottom: 11px;
}
.art11 .content01 .slideArea .content .caption02 {
	text-align: right;
	font-size: 13px;
	font-size: 1.3rem;
	color: #424242;
	line-height: 20.8px;
	line-height: 2.08rem;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.art11 .content01 .slideArea .content .caption02:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: scaleY(0.5) rotate(45deg);
	-moz-transform: scaleY(0.5) rotate(45deg);
	-ms-transform: scaleY(0.5) rotate(45deg);
	-o-transform: scaleY(0.5) rotate(45deg);
	transform: scaleY(0.5) rotate(45deg);
	position: relative;
	top: -1px;
}
.art11 .content01 .link01 {
	padding: 11px 0;
	display: block;
}
.art11 .content01 .link01 span {
	font-size: 14px;
	font-size: 1.4rem;
}
@media print, screen and (min-width:641px) {
	.art11 .content01 .slideArea {
		height: auto !important;
	}
	.art11 .content01 .slideArea .content {
		margin-left: 0 !important;
		-webkit-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-o-transform: none!important;
		transform: none!important;
	}
	.art11 .content01 .slideArea .content li {
		margin-left: 0!important;
		left: 0!important;
	}
	.art11 .content01 .slideArea .content li + li {
		margin-left: 6.7%!important;
	}
}
@media print, screen and (max-width:960px) and (min-width:641px) {
	.art11 .content01 .slideArea .content li {
		width: 32%!important;
	}
	.art11 .content01 .slideArea .content li + li {
		margin-left: 2%!important;
	}
}
@media print, screen and (max-width:640px) {
	.art11 {
		padding-top: 0;
		padding-bottom: 16%;
		min-height: 0;
		margin-bottom: 0;
	}
	.art11 .headerTitle01 {
		margin-bottom: 10%;
		height: 80px;
	}
	.art11 .headerTitle01 .title01 img {
		position: absolute;
		left: 50%;
		margin-left: -335px;
		height: 70px;
		width: auto;
	}
	.art11 .content01 .slideArea .btns .next {
		right: 0;
	}
	.art11 .content01 .slideArea .btns .prev {
		left: 0;
	}
	.art11 .content01 .slideArea .content {
		width: 75%;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		transition: 0.4s;
	}
	.art11 .content01 .slideArea .content li {
		width: 100%;
		margin-left: -100%;
		position: absolute;
		top: 0;
	}
	.art11 .content01 .link01 {
		padding: 11px 0;
		display: inline-block;
		width: 80%;
	}
	.art11 .content01 .slideArea {
		margin-bottom: 11%;
	}
	
	.art11 .content01 .slideArea .content .date {
		font-size: 7.5px;
		font-size: 0.75rem;
		line-height: 12px;
		line-height: 1.2rem;
	}
	.art11 .content01 .slideArea .content .title01 {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 17.5px;
		line-height: 1.75rem;
	}
	.art11 .content01 .slideArea .content .caption01 {
		font-size: 7.5px;
		font-size: 0.75rem;
		line-height: 12px;
		line-height: 1.2rem;
	}
	.art11 .content01 .slideArea .content .caption02 {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 17.5px;
		line-height: 1.75rem;
	}
	.art11 .content01 .link01 span {
		font-size: 12px;
		font-size: 1.2rem;
	}
}




/* ACCESS MAP AREA (art12)
================================================== */

.art12 {
	min-height: 714px;
	max-width: 1080px;
	margin: auto;
	padding: 60px 3% 90px;
}
.art12 .headerTitle01 {
	margin-bottom: 34px;
}
.art12 .content01 .infos {
	display: inline-block;
	vertical-align: top;
	width: 39.999%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 2% 0 0;
}
.art12 .content01 .infos .row01 {
	text-align: left;
	color: #424242;
}
.art12 .content01 .infos .row01 a {
	color: #424242;
}
.art12 .content01 .infos .row01 dt,
.art12 .content01 .infos .row01 dd {
	display: inline-block;
	vertical-align: top;
}
.art12 .content01 .infos .row01 dt,
.art12 .content01 .infos .row01 dd span {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 22px;
	line-height: 2.2rem;
}
.art12 .content01 .infos .row01 dt {
	position: relative;
	margin-right: 12px;
}
.art12 .content01 .infos .row01 dt:after {
	content: ':';
	display: inline-block;
	margin: 0 3px;
	font-weight: bold;
	position: absolute;
	right: -11px;
	top: -2px;
}
.art12 .content01 .infos .row01 + .row02 {
	margin-top: 20px;
}
.art12 .content01 .infos .row02 {
	margin-bottom: 20px;
	text-align: left;
}
.art12 .content01 .infos .row02 dt img {
	width:340px;
	height:230px;
	margin:0;
	padding:0;
}
.art12 .content01 .infos .row02 > dt {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 25px;
	line-height: 2.5rem;
	margin-bottom: 5px;
	font-weight: bold;
	color: #113960;
}
.art12 .content01 .infos .row02 > dd > span {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 22px;
	line-height: 2.2rem;
	color: #424242;
}
.art12 .content01 .infos .row02 > dd > ul li {
	padding-left: 10px;
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 22px;
	line-height: 2.2rem;
}
.art12 .content01 .infos .row02 > dd > ul li:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: -3px;
	position: relative;
	left: -5px;
}
.art12 .content01 .infos .row02 > dd > span.notes01 {
	font-size: 12px;
	font-size: 1.2rem;
}
.art12 .content01 .links {
	margin-bottom: 20px;
}
.art12 .content01 .links .link {
	display: inline-block;
	width: 48%;
	padding: 10px 0;
	border: 2px solid #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.art12 .content01 .links .link span {
	font-size: 14px;
	font-size: 1.4rem;
}
.art12 .content01 .links .link + .link {
	margin-left: 3.9%;
}
.art12 .content01 .map {
	display: inline-block;
	vertical-align: top;
	width: 60%;
	padding-top: 53.8%;
	position: relative;
}
.art12 .content01 .map #map_canvas {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.art12 .content01 .map #map_canvas {
	position: absolute;
	width:646px;
	height:548px;
	overflow:hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid #dcdcdc;
}
.art12 .content01 .map #map_canvas .canvas_size {
	position: absolute;
	width:648px;
	height:800px;
	margin-top:-150px;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.art12 .content01 .map #map_canvas iframe {
	width:100%;
	height:100%!important;
}
@media print, screen and (max-width:640px) {	
	.art12 .headerTitle01 {
	    	margin-bottom: 12%;
	}
	.art12 .title01 {
	    	margin-bottom: 5%;
		padding: 0;
	}
	.art12 .title01 img {
		width:auto;
		height:120px;
	}
	.art12 .content01 .infos .row02 {
		width: 90%;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 20px;
		text-align: left;
	}
	.art12 .content01 .map {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 100%;
	}
	.art12 .content01 .map #map_canvas {
		position: absolute;
		width:298px;
		height:298px;
		overflow:hidden;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		border: 1px solid #dcdcdc;
	}
	.art12 .content01 .map #map_canvas .canvas_size {
		position: absolute;
		width:300px;
		height:600px;
		margin-top:-150px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.art12 .content01 .map #map_canvas iframe {
		width:100%;
		height:100%!important;
	}
}
@media print, screen and (max-width:960px) {
	.art12 .content01 .infos {
		width: 50%;
	}
	.art12 .content01 .map {
		width: 50%;
		padding-top: 63%;
	}
}
@media print, screen and (max-width:940px) {
	.art12 {
		min-height: 0;
		padding-bottom: 10%;
	}
	.art12 .content01 {
		padding-top: 107%;
		position: relative;
	}
	.art12 .content01 .map {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-top: 100%;
	}
	.art12 .content01 .map #map_canvas {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.art12 .content01 .map #map_canvas iframe {
		width:100%;
		height:100%!important;
	}
	.art12 .content01 .infos {
		width: 100%;
	}
	.art12 .content01 .infos .row01 dt,
	.art12 .content01 .infos .row01 dd span {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 19px;
		line-height: 1.9rem;
	}
	.art12 .content01 .infos .row02 dt {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 20px;
		line-height: 2.0rem;
	}
	.art12 .content01 .infos .row02 dt img {
		width:100%;
		height:auto;
		margin:0;
		padding:0;
	}
	.art12 .content01 .infos .row02 dd span,
	.art12 .content01 .infos .row02 > dd > ul li {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 19px;
		line-height: 1.9rem;
	}
	.art12 .content01 .links .link span {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.art12 .content01 .infos .row02 > dd > span.notes01 {
		font-size: 14px;
		font-size: 1.4rem;
	}
	.art12 .content01 .infos .row02 > dd span.small01 {
		font-size: 9px;
		font-size: 0.9rem;
		vertical-align: middle;
		display: inline-block;
	}
	.art12 .content01 .infos {
		padding: 0;
	}
}

/*tablet*/
@media print, screen and (max-width:1000px) and (min-width:641px) {
}

/*smart*/
@media print, screen and (max-width:640px) {
}