@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px) {
	/* __________________________________________________.mainArea */
	.mainArea header {
		position:relative;
	}
	.mainArea header .mv {
		display:block;
		width:100%;
		height:auto;
		min-width:240px;
	}
	.mainArea header > p,
	.mainArea header > h1,
	.mainArea header > .mvInqArea {
		position:absolute;
	}
	.mainArea header > .mvInqArea button {
		transition:0.3s;
	}
	.mainArea header > .mvInqArea button:hover {
		opacity:0.7;
	}
	.mainArea header > p {
		top:120px;
		left:49.26%;
	}
	.mainArea header > h1 {
		top:0;
		left:0;
	}
	.mainArea header > h1 img {
		width:100%;
		height:auto;
	}
	.mainArea header > .mvInqArea {
		width:33.333%;
		text-align: center;
		background-color:#fff;
		bottom:0;
		right:0;
		opacity:0;
	}
	.mainArea header > .mvInqArea button {
		display:block;
		padding:10px;
		background-color:#56504d;
		position:absolute;
		top:0;
		left:0;
	}
	.mainArea header > .mvInqArea button img {
		display:block;
	}
	.mainArea header > .mvInqArea h1 {
		display:block;
		margin-bottom:15px;
		padding-top:30px;
		font-size:0;
	}
	.mainArea header > .mvInqArea p {
		margin-bottom:15px;
		font-size:11px;
		font-size:1.1rem;
		line-height:1.8;
	}
	.mainArea header > .mvInqArea a {
		margin-bottom:15px;
	}
	.mainArea article section h2 {
		font-size:26px;
		font-weight:normal;
		line-height:1.3em;
	}
	/* sec1 */
	.mainArea article {
		overflow: hidden;
	}
	.mainArea article > div {
		overflow: hidden;
	}
	.mainArea article p {
		letter-spacing: 0.03em
	}
	.mainArea article section {
		height:550px;
		padding-left:3.92%;
	}
	.mainArea .sec1 section h1 {
		font-size:0;
	}
	.mainArea .sec1 .c1 h1 {
		margin-top:103px;
	}
	.mainArea .sec1 .c2 h1 {
		margin-top:97px;
	}
	.mainArea .sec1 section h1 span {
		display:block;
	}
	.mainArea .sec1 section h1 span img {
		display:block;
	}
	.mainArea .sec1 section h1 .title img:first-child {
		margin-bottom:15px;
	}
	.mainArea .sec1 .c2 h1 .subTitle img:nth-child(-n+2) {
		margin-bottom:15px;
	}
	.mainArea .sec1 section h1 .subTitle {
		margin-top:45px;
	}
	.mainArea .sec1 section p {
		margin-top:23px;
		font-size:12px;
		padding-bottom:30px;
	}
.mainArea .sec1 ul
{
	margin: 0;
	padding: 0;
}
	
	.mainArea .sec1 > div > .photo div {
		position:relative;
		height:550px;
		overflow: hidden;
	}
	.mainArea .sec1 > div > .photo img {
		display:block;
		width:100%;
		min-width:320px;
		height:auto;
	}
	.mainArea .sec1 .c1 > section {
		float:left;
		width:29.414%;
		background-color:#f1eeea;
	}
	.mainArea .sec1 .c1 > .photo {
		width:66.666%;
		overflow: hidden;
		float:right;
	}
	.mainArea .sec1 .c1 > .photo > div {
		width:50%;
		float:left;
	}
	.mainArea .sec1 .c2 > section {
		float:right;
		width:29.413%;
		background-color:#f5f3f2;
	}
	.mainArea .sec1 .c2 > .photo {
		width:66.667%;
		overflow: hidden;
		float:left;
	}
	.mainArea .sec1 .c2 > .photo > div {
		width:50%;
		float:left;
	}
	.mainArea .sec2 > section {
		float:left;
		width:29.414%;
		background-color:#eeedec;
	}
	.mainArea .sec2 > section h1 {
		font-size:0;
		margin:48px 0 30px;
		margin-top:142px;
	}
	.mainArea .sec2 > section p {
		margin:30px 0 30px;
	}
	.mainArea .sec2 > section p img {
		display:block;
		margin-bottom:19px;
	}
	.mainArea .sec2 .photo {
		width:66.666%;
		height:550px;
		overflow: hidden;
		float:right;
		position:relative;
	}
	.mainArea .sec2 > .photo > img {
		width:100%;
		min-width:640px;
		height:auto;
		float:left;
	}
	/* 	↑　.mainArea-------------------------------------------------
		__________________________________________________.art1 ↓*/
	.contentsArea article {
		overflow: hidden;
	}
	.contentsArea article header {
		width:100%;
		height:295px;
		background-size:cover;
		background-repeat:no-repeat;
	}
	.contentsArea article header:before {
		content:"";
		width:0;
		height:295px;
		display:inline-block;
		vertical-align: middle;
	}
	.contentsArea article header h1 {
		display:inline-block;
		margin:0 40px;
		vertical-align: middle;
		font-size: 0;
	}
	.art1 {
		background-color:#f0edea;
		padding-bottom:70px;
	}
	.art1 header {
		margin-bottom:70px;
		background-image:url("../img/art1_mv.jpg");
		background-position:left top;
		text-align: right;
	}
	.art1 .photo {
		float:left;
		padding-left:3.92%;
        padding-right: 10px;
	}
	.art1 .photo img {
		margin-top:5px;
		display:block;
	}
	.art1 .photo img:first-child {
	}
	.art1 section {
		margin-left:10%;
		padding-left:320px;
	}
	.art1 section h1,
	.art1 section p {
		font-size:0;
	}
	.art1 section h1 {
		margin-bottom:23px;
	}
	.art1 section h2 {
		font-size:26px;
		font-weight:normal;
		line-height:1.3em;
		margin-bottom:20px;
	}
	.art1 section p {
		margin-bottom:42px;
	}
	.art1 section dl {
		margin-bottom:20px;
	}
	.art1 section dt {
		margin-bottom:6px;
		font-weight: bold;
		font-size:13px;
		font-size:1.3rem;
		letter-spacing: 0.07em;
	}
	.art1 section dd {
		margin-right:10px;
	}
	.art1 section ul {
		margin-bottom:25px;
		min-height:88px;
	}
	.art1 section ul li {
		margin-right:2px;
		display:inline-block;
		padding:10px 1.84%;
		width:27.574%;
		max-width:190px;
		min-height:44px;
		color:#95772f;
		border:1px solid #95772f;
		vertical-align: top;
	}
	.art1 section ul li:first-child {
		width:25.574%;
	}
	.art1 section ul li:last-child {
		width:29.574%;
	}
	/*  ↑ art1----------------------------------------------------------
		________________________________________________________art2 ↓ */
	.art2 header {
		background-image:url("../img/art2_mv.jpg");
		background-position:right top;
		text-align: left;
	}
	.art2 div {
		overflow:hidden;
	}
	.art2 .sec1 {
		background-color:#ffffff;
	}
	.art2 .sec2 {
		background-color:#e9e8ea;
	}
	.art2 div section {
		width:66.667%;
	}
	.art2 div section h1 {
		margin-left:3.92%;
		font-size:11px;
		font-size:1.1rem;
	}
	.art2 div section h1 a {
		display:inline-block;
		margin-top:50px;
		color:#827c79;
	}
	.art2 div section h1 a * {
		transition:0.3s;
	}
	.art2 div section h1 a:hover * {
		opacity:0.7;
	}
	.art2 div section h1 a:hover span {
		background-position:73px center;
		text-decoration:none;
	}
	.art2 div section h1 a img {
		vertical-align: middle;
		height:22px;
	}
	.art2 div section h1 a span {
		display:inline-block;
		margin-left:15px;
		padding-right:20px;
		font-weight:normal;
		letter-spacing:0.14em;
		background-image:url("../common/img/arrow_g.svg");
		background-repeat: no-repeat;
		background-position:70px center;
		background-size:4px;
		position:relative;
		top:3px;
	}
	.art2 div section ul {
		margin:30px 0 0 0;
	}
	.art2 div section ul li {
		margin-bottom:17px;
		overflow: hidden;
	}
	.art2 div section ul li a * {
		transition:0.3s;
	}
	.art2 div section ul li a:hover * {
		opacity:0.8;
	}
	.art2 div section ul li img {
		padding:5px 0;
		float:left;
	}
	.art2 div section ul li dl {
		padding-left: 10px;
		margin:0 2.765%;
	}
	.art2 div section ul li dt {
		color:#95772f;
	}
	.art2 div section ul li dt span {
		display:block;
	}
	.art2 div section ul li dd {
		margin-top:10px;
		font-size:11px;
		font-size:1.1rem;
		color:#645f5c;
	}
	.art2 div .photo {
		width:33.333%;
		position:relative;
		height:340px;
	}
	.art2 div .photo img {
		width:100%;
		min-width:420px;
		height:auto;
		position:absolute;
	}
	.art2 .sec1 .photo img {
		right:0;
	}
	.art2 .sec2 .photo img {
		left:0;
	}
	
	.art2 .sec1,
	.art2 .sec2{
		display:table;
		width:100%;
	}
	.art2 .sec1 .photo,
	.art2 .sec2 .photo {
		display:table-cell;
		vertical-align: top;
		background-position:center center;
		background-size:cover;
	}
	.art2 .sec1 .photo > img,
	.art2 .sec2 .photo > img {
		opacity:0;
	}
	.art2 .sec1 section,
	.art2 .sec2 section {
		display:table-cell;
	}
	.art2 .sec1 .photo {
		background-image:url("../img/art2_sec1_photo.jpg");
	}
	.art2 .sec2 section {
		position:relative;
		left: 33.333%;
	}
	.art2 .sec2 .photo {
		background-image:url("../img/art2_sec2_photo.jpg");
		position:relative;
		left: -66.667%;
	}
	/*  ↑ art2---------------------------------------------------------*/
    
    
    
    .art3 {
		background-color:#f0edea;
		padding-bottom:70px;
	}
    
    .art3 section{
        float: left;
        width: 286px;
        padding-left: 3.92%;
    }
	.art3 header {
		margin-bottom:70px;
		background-image:url("../img/art3_mv.jpg");
		background-position:left top;
		text-align: right;
	}
	.art3 .photo {
		float: right;
    padding-left: 2%;
    padding-right: 3.92%;
	}
	.art3 .photo img {
		margin-top:5px;
		display:block;
	}
	.art3 .photo img:first-child {
	}
	/*.art3 section {
		margin-right:10%;
		padding-right:320px;
	}*/
	.art3 section h1,
	.art3 section p {
		font-size:0;
	}
	.art3 section h1 {
		margin-bottom:23px;
	}
	.art3 section h2 {
		font-size:26px;
		font-weight:normal;
		line-height:1.3em;
		margin-bottom:20px;
	}
	.art3 section p {
		margin-bottom:42px;
	}
	.art3 section dl {
		margin-bottom:20px;
	}
	.art3 section dt {
		margin-bottom:6px;
		font-weight: bold;
		font-size:13px;
		font-size:1.3rem;
		letter-spacing: 0.07em;
	}
	.art3 section dd {
		margin-right:10px;
	}
	.art3 section ul {
		margin-bottom:25px;
		min-height:88px;
	}
	.art3 section ul li {
		margin-right:2px;
		display:inline-block;
		padding:10px 1.84%;
		width:27.574%;
		max-width:190px;
		min-height:44px;
		color:#95772f;
		border:1px solid #95772f;
		vertical-align: top;
	}
	.art3 section ul li:first-child {
		width:25.574%;
	}
	.art3 section ul li:last-child {
		width:29.574%;
	}
    
    
    
		/*_____________________________________________indexFootMovie ↓ */
	.indexFootMovie {
		min-height:520px;
		position:relative;
		overflow: hidden;
		background-color:#000;
		background-size:cover;
		background-position:center center;
	}
	.indexFootMovie .videobg {
		width:100%;
		height:auto;
		display:block;
		opacity:1;
	}
	.indexFootMovie section {
		padding-top:50px;
		width:100%;
		overflow: hidden;
		color:#000;
		position:absolute;
		bottom:50px;
	}
	.indexFootMovie section a {
		color:#000;
	}
	.indexFootMovie section a:hover {
		color:#000;
		text-decoration:underline;
	}
	.indexFootMovie section h1 {
		width:25%;
		float:left;
		text-align:center;
		position: relative;
		top:0px;
		left:0;
	}
	.indexFootMovie section > dl {
		height:150px;
		padding:0 2% 0 3.647%;
		display:block;
		border-left:1px solid #898686;
		float:left;
		box-sizing:border-box;
	}
	.indexFootMovie section > dl.none {
		border-left: none;
	}

	.indexFootMovie section > .shop {
		width:33.333%;
	}
	.indexFootMovie section > .inq {
		width:33.667%;
	}
	.indexFootMovie section > dl > dt {
		margin-bottom:5px;
		font-size:12px;
		font-size:1.2rem;
		font-weight: bold;
		letter-spacing:0.1em;
	}
	.indexFootMovie section > dl > dd {
		font-size:10px;
		font-size:1.0rem;
	}
	.indexFootMovie section > .shop > dd dl dt {
		clear: both;
		float:left;
		min-width:50px;
	}
	.indexFootMovie section > dl > dd ul {
		position:absolute;
		bottom:0;
	}
	.indexFootMovie section > dl > dd ul li {
		display:inline-block;
	}
	.indexFootMovie section > .shop > dd ul li {
		margin-right:10px;
	}
	.indexFootMovie section > .shop > dd ul li a {
		display:block;
		background-position:0 center;
		background-repeat: no-repeat;
		transition:0.3s;
	}
	.indexFootMovie section > .shop > dd ul li a:hover {
		opacity:0.7;
	}
	.indexFootMovie section > .shop > dd ul .shopLink a {
		padding-left:10px;
		background-image:url("../common/img/arrow_w_min.svg");
	}
	.indexFootMovie section > .shop > dd ul .mapLink a {
		padding-left:15px;
		background-image:url("../common/img/outlink_w.svg");
		background-size:10px;
	}
	.indexFootMovie section > .inq dd ul {
		width:100%;
		overflow: hidden;
	}
	.indexFootMovie section > .inq dd ul li {
		float:left;
		margin-right:3%;
	}
	.indexFootMovie section > .inq dd dt {
		display:block;
		margin-bottom:8px;
	}
	.indexFootMovie section > .inq dd dd a img {
		display:block;
		margin-bottom:4px;
	}
}
@media print, screen and (max-width:1150px) and (min-width:641px) {
	.mainArea .sec1 .c1 h1 .subTitle img {
		display:inline-block;
		height:auto;
		width:90%;
	}
}
@media screen and (max-width:1200px) and (min-width:641px) {
	.mainArea .sec1 > div > .photo img {
		position:absolute;
		left:50%;
		margin-left:-160px;
	}
	.mainArea .sec2 > .photo > img {
		position:absolute;
		right:0;
	}
}
@media screen and (max-width:1500px) and (min-width:641px) {
	.art2 .sec1 .photo img {
		margin-right:-210px;
		right:50%;
	}
	.art2 .sec2 .photo img {
		margin-left:-210px;
		left:50%;
	}
}
@media screen and (max-width:1200px) and (min-width:641px) {
	.indexFootMovie .videobg {
		margin-left:-480px;
		width:960px;
		position:absolute;
		left:50%;
	}
}
@media screen and (max-width:1000px) and (min-width:641px) {
	.indexFootMovie section h1 {
		width:0;
		top:-50px;
		left:5%;
	}
	.indexFootMovie section > .shop {
		border-left:none;
		padding:0 2% 0 5%;
		width:50%;
	}
	.indexFootMovie section > .inq {
		width:50%;
		padding:0 2% 0 5%;
	}

	}
	.indexFootMovie section > .inq dd dt a img {
		display:block;
}
/* 印刷CSS pc */
@media print {
}

/*tablet*/
@media screen and (max-width:960px) and (min-width:641px) {
	.indexFootMovie {
		background-color:#960;
		background-size:cover;
		background-position:center center;
	}
	.indexFootMovie section {
		color:#fff;
	}
	.indexFootMovie .videobg {
		display:none;
	}
	.indexFootMovie section a {
		color:#fff;
	}
	.indexFootMovie section a:hover {
		color:#fff;
		text-decoration:underline;
	}
	.art1 section ul li {
		margin:0 10px 6px 0;
		display:block;
		padding:10px 1.84%;
		width:auto;
		max-width:100%;
		min-height:0;
		vertical-align: top;
	}
	.art1 section ul li br {
		display:none;
	}
	.art1 section ul li:first-child {
		width:auto;
	}
	.art1 section ul li:last-child {
		width:auto;
	}
}

/*smart*/
@media screen and (max-width:640px) {
	/* __________________________________________________.mainArea */
	.mainArea header {
		position:relative;
		padding-top:0;
		background-color:#fff;
	}
	.mainArea header .mv {
		display:block;
		width:100%;
		min-width:320px;
		height:auto;
	}
	
	.mainArea header .logo{
		width:40%;
		padding:0;
		text-align: center;
		margin: 0 auto;
	}

	.mainArea header > .mvInqArea {
		background-color:#fff;
		width:100%;
		box-sizing:border-box;
	}
	.mainArea header > .mvInqArea button {
		transition:0.3s;
	}
	.mainArea header > .mvInqArea button:hover {
		opacity:0.7;
	}
	.mainArea header > p {
		padding:9.616% 0 8.015%;
		text-align: center;
	}
	.mainArea header > p img {
		margin:0 auto;
		width:54.5%;
	}
	.mainArea header > h1 {
		padding-bottom:8.015%;
	}
	.mainArea header > h1 img {
		margin:0 auto;
		width:64.1%;
	}
	.mainArea header > .mvInqArea {
		width:100%;
		text-align: left;
		background-color:#fff;
		position:absolute;
		top:0;
		right:0;
		bottom:auto!important;
		-moz-transform:none;
		-ms-transform:none;
		-webkit-transform:none;
		transform:none;
	}
	.mainArea header > .mvInqArea button {
		display:none;
	}
	.mainArea header > .mvInqArea button img {
		display:block;
	}
	.mainArea header > .mvInqArea h1 {
		display:block;
		padding:18px 6%;
		font-size:0;
		background-image:url("../common/img/arrow_g.svg");
		background-position:205px 22px;
		background-size:6px;
		background-repeat:no-repeat;
	}
	.mainArea header > .mvInqArea p {
		margin-bottom:10px;
		padding:0 2%;
		font-size:11px;
		font-size:1.1rem;
		line-height:1.8;
	}
	.mainArea header > .mvInqArea a {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		opacity:0;
	}
	.mainArea article {
		overflow: hidden;
	}
	.mainArea article > div {
		overflow: hidden;
	}
	.mainArea article p {
		letter-spacing: 0.03em
	}
	.mainArea article section {
		padding:0 0 6.4% 7%;
		float:none;
		width:100%;
		background-color:#f1eeea;
		box-sizing:border-box;
	}
	.mainArea article section h1 {
		padding-top:12.4%;
		font-size:0;
	}
	.mainArea article section h2 {
		font-size:30px;
		line-height:1.3em;
	}
	.mainArea .sec1 .c1 h1 .title img {
		display:inline-block;
		height:auto;
		margin-right:5.4%;
		margin-bottom:2.65%;
	}
	.mainArea .sec1 .c1 h1 .title img:first-child {
		width:45.2%;
	}
	.mainArea .sec1 .c1 h1 .title img:last-child {
		width:27.2%;
	}
	.mainArea .sec1 .c1 h1 .subTitle img {
		width:43.4%;
	}
	.mainArea .sec1 .c2 h1 .title img {
		display:inline-block;
		height:auto;
		margin-right:5.4%;
		margin-bottom:2.65%;
	}
	.mainArea .sec1 .c2 h1 .title img:first-child {
		width:45.2%;
	}
	.mainArea .sec1 .c2 h1 .title img:last-child {
		width:27.2%;
	}
	.mainArea article section h1 span {
		display:block;
		font-size:0;
	}
	.mainArea article section h1 .subTitle {
		margin-top:4.44%;
	}
	.mainArea article .glayBtn {
		font-size:1.4rem;
		padding:3px 30px;
	}
	.mainArea .sec1 .c2 h1 .subTitle > img {
		margin-bottom:3.55%;
		width:29.4%;
	}
	.mainArea .sec1 .c2 h1 .subTitle span img {
		display:inline-block;
	}
	.mainArea .sec1 .c2 h1 .subTitle span img:first-child {
		margin-right:0.7%;
		width:19.14%;
	}
	.mainArea .sec1 .c2 h1 .subTitle span img:nth-child(2) {
		width:27.1%;
	}
	.mainArea .sec1 section h1 .title img {
		width:auto;
		height:58px;
	}
	.mainArea .sec1 section a {
		margin-top:6.3%;
	}
	.mainArea .sec2 section a {
		margin-top:3.56%;
	}
	.mainArea .sec1 > div > .photo {
		width:100%;
		overflow: hidden;
	}
	.mainArea .sec1 > div > .photo div {
		position:relative;
		width:50%;
		height:344px;
		overflow: hidden;
		float:left;
		transition:0.7s;
	}
	.mainArea .sec1 > div > .photo img {
		display:block;
		width:100%;
		min-width:200px;
		height:auto;
		position:absolute;
		left:50%;
		margin-left:-100px;
		transition:0.7s;
	}
	.mainArea .sec2 .photo {
		width:100%;
		height:344px;
		overflow: hidden;
		position:relative;
		transition:0.6s;
	}
	.mainArea .sec2 .photo img {
		transition:0.6s;
		width:auto;
		position:absolute;
		height:344px;
		right:0;
	}
	.mainArea .sec2 h1 img {
		width:27.15%;
		margin-bottom:10px;
	}
	.mainArea .sec2 p {
		margin-top:5.32%;
		font-size:0;
	}
	.mainArea .sec2 p span {
		display:block;
	}
	.mainArea .sec2 p span img {
		margin:0 0.7% 2.7%0;
	}
	.mainArea .sec2 p span:first-child img:first-child {
		width:29.41%;
	}
	.mainArea .sec2 p span:first-child img:nth-child(2) {
		width:40.75%;
	}
	.mainArea .sec2 p span:nth-child(2) img:first-child {
		width:40.57%;
	}
	.mainArea .sec2 p span:nth-child(2) img:nth-child(2) {
		width:33.305%;
	}
	.mainArea .sec2 p span img {
		width:auto;
		height:21px;
		display:inline-block;
	}
	/* 	↑　.mainArea-------------------------------------------------
		__________________________________________________.art1 ↓*/
	.contentsArea article {
		overflow: hidden;
	}
	.contentsArea article header {
		width:100%;
		height:295px;
		background-size:cover;
		background-repeat:no-repeat;
		position:relative;
	}
	.contentsArea article header h1 {
		display:block;
		padding:20px 7%;
		width:100%;
		background-color:rgba(255,255,255,0.7);
		box-sizing:border-box;
		overflow:hidden;
		position:absolute;
		bottom:0;
	}
	.art1 {
		background-color:#f0edea;
		padding-bottom:70px;
	}
	.art1 header {
		background-image:url("../img/art1_mv.jpg");
		background-position:7% top;
	}
	.art1 header h1 img {
		width:260px;
	}
	.art1 .photo {
		overflow:hidden;
		margin-bottom:5px;
	}
	.art1 .photo img {
		display:block;
		width:50%;
		float:left;
		box-sizing:border-box;
        height: 150px;
	}
	.art1 .photo img:first-child {
		padding:4px 2px 4px 4px;
	}
	.art1 .photo img:nth-child(2) {
		padding:4px 4px 4px 2px;
	}
	.art1 section {
		padding:0 7%;
		box-sizing:border-box;
	}
	.art1 section h1 {
		margin-bottom:20px;
	}
	.art1 section h1 img {
		width:25.7%;
	}
	.art1 section h2 {
		margin-bottom:20px;
		line-height:1.3em;
	}
	.art1 section p {
		margin-bottom:25px;
	}
	.art1 section p img {
		width:280px;
	}
	.art1 section dl {
		margin-bottom:20px;
	}
	.art1 section dt {
		margin-bottom:6px;
		font-weight: bold;
		font-size:1.7rem;
		letter-spacing: 0.07em;
	}
	.art1 section dd {
		font-size:1.4rem;
	}
	.art1 section ul {
		margin-bottom:25px;
	}
	.art1 section ul li {
		margin-bottom:10px;
		display:block;
		padding:10px 4%;
		font-size:1.4rem;
		color:#95772f;
		border:1px solid #95772f;
		vertical-align: top;
	}
    
   
	.art3 {
		background-color:#f0edea;
		padding-bottom:70px;
	}
	.art3 header {
		background-image:url("../img/art3_mv-sp.jpg");
		background-position:7% top;
	}
    
   
    
   
	.art3 header h1 img {
		width:260px;
	}
	.art3 .photo {
		  /* overflow:hidden;*/
		margin-bottom:40px;
	}
    
	.art3 .photo img {
		display:block;
		width:50%;
		float:left;
		box-sizing:border-box;
        height: 150px;
	}
	.art3 .photo img:first-child {
		padding:4px 2px 4px 4px;
	}
	.art3 .photo img:nth-child(2) {
		padding:4px 4px 4px 2px;
	}
	.art3 section {
		padding:1% 7%;
		box-sizing:border-box;
	}
	.art3 section h1 {
		margin:20px 0px;
	}
	.art3 section h1 img {
		width:25.7%;
	}
	.art3 section h2 {
		margin-bottom:20px;
		line-height:1.3em;
	}
	.art3 section p {
		margin-bottom:25px;
	}
	.art3 section p img {
		width:280px;
	}
	.art3 section dl {
		margin-bottom:20px;
	}
	.art3 section dt {
		margin-bottom:6px;
		font-weight: bold;
		font-size:1.7rem;
		letter-spacing: 0.07em;
	}
	.art3 section dd {
		font-size:1.4rem;
	}
	.art3 section ul {
		margin-bottom:25px;
	}
	.art3 section ul li {
		margin-bottom:10px;
		display:block;
		padding:10px 4%;
		font-size:1.4rem;
		color:#95772f;
		border:1px solid #95772f;
		vertical-align: top;
	}
	/*  ↑ art1 art1----------------------------------------------------------
		________________________________________________________art2 ↓ */
	.art2 header {
		background-image:url("../img/art2_mv.jpg");
		background-position:80% top;
	}
	.art2 header h1 img {
		width:200px;
	}
	.art2 div {
		overflow:hidden;
	}
	.art2 .sec1 {
		background-color:#f1eeea;
	}
	.art2 .sec2 {
		background-color:#e9e8ea;
	}
	.art2 div section {
	}
	.art2 div section h1 {
		margin-left:7%;
		font-size:1.3rem;
	}
	.art2 div section h1 a {
		display:block;
		margin-top:50px;
		color:#827c79;
	}
	.art2 div section h1 a img {
		vertical-align: middle;
		height:22px;
	}
	.art2 div section h1 a span {
		display:block;
		margin-top:5px;
		padding-right:20px;
		letter-spacing:0.1em;
		background-image:url("../common/img/arrow_g.svg");
		background-repeat: no-repeat;
		background-position:80px center;
		background-size:4px;
		position:relative;
	}
	.art2 div section ul {
		padding:30px 7%;
		width:100%;
		box-sizing:border-box;
	}
	.art2 div section ul li {
		margin-bottom:35px;
		position:relative;
	}
	.art2 div section ul li a{
		display: block;
		font-size: 0px;
	}
	.art2 div section ul li img {
		display: inline-block;
		width: 0%;
		vertical-align: top;
	}
	.art2 div section ul li dl {
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		padding-left: 5%;
	}
	.art2 div section ul li dt {
		display:block;
		font-size:1.5rem;
		color:#95772f;
		padding-bottom:10px;
		line-height: 1.4;
	}
	.art2 div section ul li dt span {
		display:block;
	}
	.art2 div section ul li dd {
		font-size:1.4rem;
		color:#645f5c;
		line-height: 1.4;
	}
	.art2 div .photo {
		height:518px;
		position:relative;
		transition:0.7s;
	}
	.art2 div .photo img {
		margin-left:-320px;
		width:640px;
		height:auto;
		position:absolute;
		left:50%;
		transition:0.7s;
	}
    
    
    
	/*  ↑ art2----------------------------------------------------------
		_____________________________________________indexFootMovie ↓ */
	.indexFootMovie {
		padding:30px 0 0;
		min-height:993px;
		position:relative;
		overflow: hidden;
		background-color:#960;
		background-size:cover;
		background-position:44% center;
		text-align: center;
        
	}
	.indexFootMovie .videobg {
		display:none;
	}
	.indexFootMovie section {
		width:100%;
		overflow: hidden;
		color:#fff;
		position:absolute;
		top: -75px;
    height: 950px;
	}
	.indexFootMovie section a {
		color:#fff;
	}
	.indexFootMovie section h1 {
		width:auto;
		padding:0 0 35px;
	}
	.indexFootMovie section h1 img {
		width:127px;
		margin:0 auto;
	}
	.indexFootMovie section > dl {
		display:block;
	}
	.indexFootMovie section > dl > dt {
		margin-bottom:5px;
		font-size:1.7rem;
		font-weight: bold;
		letter-spacing:0.1em;
	}
	.indexFootMovie section > dl > dd {
		font-size:1.2rem;
	}
	.indexFootMovie section > .shop p {
		margin-bottom:10px;
	}
	.indexFootMovie section > .shop > dd dl {
		overflow: hidden;
		width:190px;
		margin:0 auto;
		text-align: left;
	}
	.indexFootMovie section > .shop > dd dl dt {
		float:left;
		width:65px;
	}
	.indexFootMovie section > .shop > dd dl dd {
		text-align:center;
	}
	.indexFootMovie section > dl > dd ul {
		margin-top:15px;
	}
	.indexFootMovie section > dl > dd ul li {
		display:inline-block;
	}
	.indexFootMovie section > .shop > dd ul li:first-child {
		margin-right:40px;
	}
	.indexFootMovie section > .shop > dd ul li a {
		display:block;
		background-position:0 center;
		background-repeat: no-repeat;
		font-size:1.3rem;
		letter-spacing:0.13em;
	}
	.indexFootMovie section > .shop > dd ul .shopLink a {
		padding-left:10px;
		background-image:url("../common/img/arrow_w_min.svg");
		background-size:4px;
	}
	.indexFootMovie section > .shop > dd ul .mapLink a {
		padding-left:15px;
		background-image:url("../common/img/outlink_w.svg");
		background-size:10px;
	}
	.indexFootMovie section > .inq {
		padding:45px 0 20px;
	}
	.indexFootMovie section > .inq dd ul {
		display:block;
		text-align:center;
	}
	.indexFootMovie section > .inq dd ul li {
		display:inline-block;
	}
	.indexFootMovie section > .inq dd ul li:first-child {
		margin-right:5%;
	}
	.indexFootMovie section > .inq dd ul li {
		vertical-align: bottom;
	}
	.indexFootMovie section > .inq > dt {
		font-size:1.4rem;
	}
	.indexFootMovie section > .inq dd dt {
		display:block;
		margin-bottom:8px;
	}
	.indexFootMovie section > .inq li dd {
		display:block;
		height:45px;
	}
	.indexFootMovie section > .inq li:first-child dd a {
		padding:5px 30px;
		font-size:1.3rem;
	}
	.indexFootMovie section > .inq li:nth-child(2) dd a {
		display:block;
		padding-bottom:5px;
	}
	.indexFootMovie section > .inq li:nth-child(2) dd > span {
		display:block;
	}
}
@media screen and (max-width:641px) and (min-width:400px) {
	.mainArea .sec1 > div > .photo div {
		height:550px;
	}
	.mainArea .sec1 > div > .photo img {
		min-width:320px;
		margin-left:-160px;
	}
	.mainArea .sec2 > .photo {
		height:550px;
	}
	.mainArea .sec2 > .photo > img {
		position: absolute;
		height:550px;
		right:0;
	}
}
@media screen and (max-width:420px) {
	.mainArea .sec1 > div > .photo div {
		height:380px;
	}
	.mainArea .sec1 > div > .photo img {
		min-width:320px;
		margin-left:-160px;
	}
	.art2 div .photo {
		height:320px;
	}
	.art2 div .photo img {
		width:420px;
		margin-left:-210px;
	}
}






/* 1# margin -----------------------------------------------*/

.m0 { margin:0px!important;}
.mt04 { margin-top:4px!important; }
.mt05 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt12 { margin-top:12px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }
.mt70 { margin-top:70px!important; }
.mt75 { margin-top:75px!important; }
.mt80 { margin-top:80px!important; }
.mt90 { margin-top:90px!important; }

.mr00 { margin-right:0px!important; }
.mr02 { margin-right:2px!important; }
.mr03 { margin-right:3px!important; }
.mr05 { margin-right:5px!important; }
.mr07 { margin-right:7px!important; }
.mr10 { margin-right:10px!important; }
.mr12 { margin-right:12px!important; }
.mr13 { margin-right:13px!important; }
.mr15 { margin-right:15px!important; }
.mr16 { margin-right:16px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr37 { margin-right:37px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr46 { margin-right:46px!important; }
.mr50 { margin-right:50px!important; }
.mr55 { margin-right:55px!important; }
.mr58 { margin-right:58px!important; }
.mr60 { margin-right:60px!important; }
.mr70 { margin-right:70px!important; }
.mr80 { margin-right:80px!important; }
.mr83 { margin-right:83px!important; }


.mb02 { margin-bottom:2px!important; }
.mb04 { margin-bottom:4px!important; }
.mb05 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }

.ml01 { margin-left:1px!important; }
.ml05 { margin-left:5px!important; }
.ml06 { margin-left:6px!important; }
.ml07 { margin-left:7px!important; }
.ml10 { margin-left:10px!important; }
.ml13 { margin-left:13px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml45 { margin-left:45px!important; }
.ml55 { margin-left:55px!important; }
.ml60 { margin-left:60px!important; }
.ml120 { margin-left:120px!important; }
.ml130 { margin-left:130px!important; }
.ml140 { margin-left:140px!important; }
.ml150 { margin-left:150px!important; }
.ml160 { margin-left:160px!important; }
.ml170 { margin-left:170px!important; }
.ml180 { margin-left:180px!important; }
.ml415 { margin-left:415px!important; }
.ml525 { margin-left:525px!important; }

/*IE6*/
* html .ml13 { margin-left:06px!important; }



/* 2# padding -----------------------------------------------*/

.p0 { padding:0px!important; }
.p20{padding:20p !important;}

.pt05 { padding-top:5px!important; }
.pt10 { padding-top:10px!important; }
.pt15 { padding-top:15px!important; }
.pt20 { padding-top:20px!important; }
.pt25 { padding-top:25px!important; }
.pt30 { padding-top:30px!important; }
.pt35 { padding-top:35px!important; }
.pt40 { padding-top:40px!important; }

.pr05 { padding-right:5px!important; }
.pr08 { padding-right:8px!important; }
.pr10 { padding-right:10px!important; }
.pr15 { padding-right:15px!important; }
.pr20 { padding-right:20px!important; }
.pr25 { padding-right:25px!important; }
.pr30 { padding-right:30px!important; }
.pr35 { padding-right:35px!important; }

.pb05 { padding-bottom:5px!important; }
.pb10 { padding-bottom:10px!important; }
.pb15 { padding-bottom:15px!important; }
.pb20 { padding-bottom:20px!important; }
.pb25 { padding-bottom:25px!important; }
.pb30 { padding-bottom:30px!important; }
.pb35 { padding-bottom:35px!important; }
.pb40 { padding-bottom:40px!important; }
.pb42 { padding-bottom:42px!important; }

.pl05 { padding-left:5px!important; }
.pl08 { padding-left:8px!important; }
.pl10 { padding-left:10px!important; }
.pl15 { padding-left:15px!important; }
.pl20 { padding-left:20px!important; }
.pl23 { padding-left:23px!important; }
.pl25 { padding-left:25px!important; }
.pl30 { padding-left:30px!important; }
.pl35 { padding-left:35px!important; }
.pl45 { padding-left:45px!important; }
.pl50{ padding-left:50px!important; }
.pl75 { padding-left:75px!important; }
.pl80 {
	padding-left:80px!important;
}
.pl100 { padding-left:100px!important; }


/* 3# width -----------------------------------------------*/

.width_10 { width: 10%!important; }
.width_20 { width: 20%!important; }
.width_30 { width: 30%!important; }
.width_40 { width: 40%!important; }
.width_50 { width: 50%!important; }
.width_60 { width: 60%!important; }
.width_70 { width: 70%!important; }
.width_80 { width: 80%!important; }
.width_90 { width: 90%!important; }


/* 4# font_size -----------------------------------------------*/

.font_size_5 { font-size: 5px!important; }
.font_size_6 { font-size: 6px!important; }
.font_size_7 { font-size: 7px!important; }
.font_size_8 { font-size: 8px!important; }
.font_size_9 { font-size: 9px!important; }
.font_size_10 { font-size: 10px!important; }
.font_size_11 { font-size: 11px!important; }
.font_size_12 { font-size: 12px!important; }
.font_size_13 { font-size: 13px!important; }
.font_size_14 { font-size: 14px!important; }
.font_size_15 { font-size: 15px!important; }
.font_size_16 { font-size: 16px!important; }
.font_size_17 { font-size: 17px!important; }
.font_size_18 { font-size: 18px!important; }
.font_size_19 { font-size: 19px!important; }
.font_size_20 { font-size: 20px!important; }
.font_size_21 { font-size: 21px!important; }
.font_size_22 { font-size: 22px!important; }
.font_size_23 { font-size: 23px!important; }
.font_size_24 { font-size: 24px!important; }
.font_size_25 { font-size: 25px!important; }
.font_size_26 { font-size: 26px!important; }
.font_size_27 { font-size: 27px!important; }
.font_size_28 { font-size: 28px!important; }
.font_size_29 { font-size: 29px!important; }
.font_size_30 { font-size: 30px!important; }
.font_size_31 { font-size: 31px!important; }
.font_size_32 { font-size: 32px!important; }
.font_size_33 { font-size: 33px!important; }
.font_size_34 { font-size: 34px!important; }
.font_size_35 { font-size: 35px!important; }
.font_size_36 { font-size: 36px!important; }
.font_size_37 { font-size: 37px!important; }
.font_size_38 { font-size: 38px!important; }
.font_size_39 { font-size: 39px!important; }
.font_size_39 { font-size: 40px!important; }



@media screen and (max-width:1200px){
.art3 section{
        float: left;
        width: 100%;
        padding-left: 3.92%;
    }
}