@charset "UTF-8";
/* ==================================================
	basic layout
================================================== */
#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	color: #333;
	overflow-x: hidden;
	font-size: 1.4rem;
	font-family: 'Noto Sans JP', sans-serif;
}
.del2 {
	animation-delay: 0.2s !important;
}
.del3 {
	animation-delay: 0.3s !important;
}
.del4 {
	animation-delay: 0.4s !important;
}
.del5 {
	animation-delay: 0.5s !important;
}
.del6 {
	animation-delay: 0.6s !important;
}
.del7 {
	animation-delay: 0.7s !important;
}
.del8 {
	animation-delay: 0.8s !important;
}
.del9 {
	animation-delay: 0.9s !important;
}
.del10 {
	animation-delay: 1s !important;
}
.del11 {
	animation-delay: 1.1s !important;
}
.del12 {
	animation-delay: 1.2s !important;
}
.del13 {
	animation-delay: 1.3s !important;
}
.del14 {
	animation-delay: 1.4s !important;
}
.del15 {
	animation-delay: 1.5s !important;
}
.del16 {
	animation-delay: 1.6s !important;
}
.del17 {
	animation-delay: 1.7s !important;
}
.del18 {
	animation-delay: 1.8s !important;
}
.del19 {
	animation-delay: 1.9s !important;
}
.del20 {
	animation-delay: 2s !important;
}
.del21 {
	animation-delay: 2.1s !important;
}
.del22 {
	animation-delay: 2.2s !important;
}
/* ==================================================
	header
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	#header {
		display: block;
		position: relative;
		font-family: 'Noto Serif JP', serif;
		height: 60px;
		background: #FFF;
		-webkit-transition: all 0.5s ease-in-out 0s;
  		transition: all 0.5s ease-in-out 0s;
	}
	#header h1 {
		display: block;
		float: left;
		padding-top: 13px;
		margin-left: 3%;
		width: 180px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	#header img {
		width: 100%;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	#header .ref {
		display: none;
	}
	.head-r-top {
		display: none;
	}
	.sp_none {
		display: none !important;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	#header {
		display: block;
		position: relative;
		z-index: 10;
		font-family: 'Noto Serif JP', serif;
		-webkit-transition: all 0.5s ease-in-out 0s;
  		transition: all 0.5s ease-in-out 0s;
	}
	#header .inner {
		display: block;
		position: relative;
		max-width: 1390px;
		margin: 0 auto;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	#header h1 {
		position: absolute;
		top: 32px;
		left: 0;
		right: 0;
		width: 423px;
		margin: auto;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
		z-index: 50;
	}
	#header img {
		max-width: 100%;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.mja {
		font-family: 'Fjalla One', sans-serif;
	}
	#header .ref {
		display: block;
		float: right;
		padding-top: 55px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
		position: relative;
		z-index: 50;
	}
	#header .ref li {
		display: block;
		font-size: 1.8rem;
		line-height: 1;
		float: left;
	}
	#header .ref li small {
		font-size: 1.4rem;
		line-height: 1;
	}
	#header .ref li.mja {
		margin-right: 24px;
	}
	#header .ref li.mja p {
		display: block;
		padding-top: 3px;
	}
	.pc_none {
		display: none !important;
	}
}
/* ========== end △ */
#header a {
  color: inherit;
}

/* ==================================================
	gnav
================================================== */
#gnav_open,
#gnav_close {
  display: none;
}

/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
  .nav_shade {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #333;
    background-color: rgba(50, 37, 30, 0.9);
  }

  #gnav_open {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: center;
	color: #fff;
	background: #32251E;
	font-size: 3.5rem;
  }
	#gnav_open i {
		margin-top: 15px;
	}

  #gnav_close {
    display: none;
    padding: 15px 15px 10px 0;
    color: #fff;
    font-size: 3.5rem;
    font-weight: normal;
    text-align: right;
  }

  #gnav {
    position: absolute;
    z-index: 11;
    top: 0;
    right: -100%;
    width: 100%;
    overflow-y: auto;
    transition: all 0.2s ease;
  }
  #gnav.openMenu {
    right: 0;
  }

  #gnav.openMenu #gnav_open {
    display: none;
  }
  #gnav.openMenu #gnav_close {
    display: block;
  }
	#gnav li {
		display: block;
		font-size: 1.5rem;
		line-height: 1;
		border-bottom: #FFF solid 2px;
	}
	#gnav li a {
		text-decoration: none;
		color: #FFF;
		display: block;
		padding: 17px 17px;
	}
	#gnav li b {
		text-decoration: none;
		color: #FFF;
		display: block;
		padding: 17px 17px;
		font-weight: normal;
	}
}
/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.head-r-bottom {
		display: block;
		padding: 30px 0 0 0;
	}
	#gnav {
		display: block;
		padding: 30px 0 0 0;
		text-align: center;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
		font-family: 'Noto Sans JP', sans-serif;
	}
	#gnav li {
		display:inline-block;
		position: relative;
		text-align: center;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	#gnav li a{
		display: block;
		text-align: center;
		color: #333333;
		text-decoration: none;
		font-size: 1.5rem;
		font-weight:bold;
		line-height: 1;
		padding: 0 30px;
		position: relative;
		z-index: 5;
	}
	#gnav li a:hover {
		color: #744e2f;
	}
	#gnav li a small {
		display: block;
		text-align: center;
		color: #9e8743;
		font-size: 1.2rem;
		line-height: 1;
		margin-top: 7px;
	}
	#gnav li b {
		display: block;
		text-align: center;
		color: #333333;
		text-decoration: none;
		font-size: 1.5rem;
		font-weight:bold;
		line-height: 1;
		padding: 0 30px;
		position: relative;
		z-index: 5;
	}
	#gnav li b small {
		display: block;
		text-align: center;
		color: #9e8743;
		font-size: 1.2rem;
		line-height: 1;
		margin-top: 7px;
	}
	#gnav li:hover {
		cursor: pointer;
	}
	#gnav li a:hover {
		text-decoration:none;
	}
}
/* ========== end △ */


/* ▽ MEGAMENU========== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.acd-check{
		display: none;
	}
	.acd-label {
		display: block;
		text-align:left;
		padding: 15px 5% 15px 5%;
		cursor: pointer;
		text-decoration: none;
		color: #FFF;
		font-size: 1.6rem;
		position: relative;
		z-index: 2000;
		letter-spacing: 2px;
	}
	.acd-label::after {
		position: absolute;
		right: 23px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 3px;
		height: 15px;
		background: #FFF;
	}
	.acd-label::before {
		position: absolute;
		right: 17px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 15px;
		height: 3px;
		background: #FFF;
	}
	.acd-content{
		height: 0;
		opacity: 0;
		padding: 0 10px 0px 20px;
		transition: .5s;
		visibility: hidden;
	}
	.acd-content li {
		border-bottom: #FFF solid 1px !important;
		margin-left: 10px;
	}
	.acd-content li:nth-child(14) {
		border-bottom: 0px !important;
	}
	.acd-content li.nob {
		border-bottom: 0px !important;
	}
	.acd-check:checked + .acd-label::after {
		display: none;
	}
	.acd-check:checked + .acd-label + .acd-content{
		height: auto;
		opacity: 1;
		padding: 0px 10px 10px 10px;
		visibility: visible;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	#menu {
		position: relative;
	}
	.menu_contents {
		padding-top: 14px;
		display: none;
		position: absolute;
		top: 100%;
		left: -50%;
		width: 720px;
		z-index: 20;
	}
	.menu_contents.v2 {
		padding-top: 14px;
		display: none;
		position: absolute;
		top: 100%;
		left: -40%;
		width: 530px;
		z-index: 20;
	}
	.menu_contents.v3 {
		padding-top: 14px;
		display: none;
		position: absolute;
		top: 100%;
		left: -40%;
		width: 530px;
		z-index: 20;
	}
	.menu_contents.v4 {
		padding-top: 14px;
		display: none;
		position: absolute;
		top: 100%;
		left: -63%;
		width: 530px;
		z-index: 20;
	}
	.menu_contents::before,
	.menu_contents::after{
		position: absolute;
		top: -21px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.menu_contents::before{
		left: -69%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #7D633E;
	}
	.menu_contents.v2::before{
		left: -47%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #7D633E;
	}
	.menu_contents.v3::before{
		left: -50%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #7D633E;
	}
	.menu_contents.v4::before{
		left: -43%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #7D633E;
	}
	.menu_contents .inn {
		display: block;
		text-align: center !important;
		background: #7D633E;
		padding: 25px 15px 15px 15px;
		width: auto !important;
	}
	.menu_contents li {
		display: block !important;
		float: left !important;
		width: 31% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 15px !important;
		margin-top: 0px !important;
		font-size: 1.4rem !important;
	}
	.menu_contents.v2 li {
		display: block !important;
		float: left !important;
		width: 47% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 15px !important;
		margin-top: 0px !important;
		font-size: 1.4rem !important;
	}
	.menu_contents.v3 li {
		display: block !important;
		float: left !important;
		width: 47% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 15px !important;
		margin-top: 0px !important;
		font-size: 1.4rem !important;
	}
	.menu_contents.v4 li {
		display: block !important;
		float: left !important;
		width: 47% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 15px !important;
		margin-top: 0px !important;
		font-size: 1.4rem !important;
	}
	.menu_contents li::before {
		display: none !important;
	}
	.menu_contents li a,
	.menu_contents li a{
		display: block;
		text-align: left;
		background: #FFF;
		color: #222 !important;
		position: relative;
		padding: 13px 20px !important;
		font-size: 1.2rem !important;
	}
	.menu_contents li a:hover {
		background: #B0700E;
	}
	.menu_contents li a::before {
		position: absolute;
		top: 0px;
		left: 6px;;
		bottom: 0px;
		margin: auto;
		content: "";
		vertical-align: middle;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #222;
	}
	.menu_contents li a:hover::after {
		display: none !important;
	}
	.menu_contents li a:hover {
		color: #FFF !important;
		text-decoration: none !important;
	}
	.menu_contents li a {
	  color: #fff;
	}
}


/* ==================================================
	header-FIX
================================================== */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	#header.ml-fix {
		position:fixed;
		z-index: 50;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 70px;
		background: #FFF;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	#header.ml-fix .inner {
		display: block;
		position: relative;
		padding: 5px 2% 0 2%;
		max-width: 96%;
		margin: 0 auto;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	#header.ml-fix h1 {
		position: absolute;
		left: 2%;
		right: auto;
		top: 17px;
		width: 190px;
		z-index: 50;
	}
	#header.ml-fix h1 img {
		width: 100%;
	}
	#header.ml-fix .ref {
		display: block;
		float: right;
	}
	#header.ml-fix .head-r-top {
		display: none;
	}
	#header.ml-fix #gnav {
		display: block;
		padding: 10px 0 0 0;
	}
	#header.ml-fix .menu_contents.v3 {
		padding-top: 14px;
		display: none;
		position: absolute;
		left: auto !important;
		right: -10% !important;
		width: 530px;
		z-index: 20;
	}
	#header.ml-fix .menu_contents.v4 {
		padding-top: 14px;
		display: none;
		position: absolute;
		top: 100%;
		left: auto !important;
		right: 0% !important;
		width: 530px;
		z-index: 20;
	}
	#header.ml-fix .menu_contents.v3::before{
		left: 55%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #7D633E;
	}
	.menu_contents.v4::before{
		left: 70%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #7D633E;
	}
	#header.ml-fix .head-r-bottom {
		position: absolute;
		top: 0;
		right: 140px;
		padding-top: 13px;
	}
	#header.ml-fix #gnav li a{
		padding: 0 14px;
		font-size: 1.4rem;
	}
	#header.ml-fix #gnav li b {
		padding: 0 14px;
		font-size: 1.4rem;
	}
	#header.ml-fix .ref {
		padding-top: 0px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	#header.ml-fix .ref li {
		display: block;
		font-size: 1.4rem;
		line-height: 1;
		float:none;
		text-align: right;
	}
	#header.ml-fix .ref li small {
		font-size: 1.2rem;
		line-height: 1;
	}
	#header.ml-fix .ref li.mja {
		margin-bottom: 5px;
		margin-right: 0px;
	}
	#header.ml-fix .ref li.mja p {
		display: block;
		padding-top: 0px;
	}
	#header.ml-fix .ref li img {
		display: inline-block;
	}
	#header.ml-fix .menu_contents.v2 {
		padding-top: 14px;
		display: none;
		position: absolute;
		top: 100%;
		left: -120% !important;
		width: 530px;
		z-index: 20;
	}
	#header.ml-fix .menu_contents.v2::before{
		left: -27%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #7D633E;
	}
	#header.ml-fix .menu_contents.v3::before{
		left: 78%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #7D633E;
	}
}


/* title set
-------------------------------------------------- */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.tibox01 {
		display: block;
		text-align: center;
	}
	.tibox01 h2 {
		display: block;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.5;
		font-weight:bold;
	}
	.tibox01 small {
		display: block;
		text-align: center;
		font-size: 1.3rem;
		line-height: 1.4;
		font-weight:bold;
		margin: 14px 0 0 0;
		color: #c1af84;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.tibox01 {
		display: block;
		text-align: center;
	}
	.tibox01 h2 {
		display: block;
		text-align: center;
		font-size: 4.4rem;
		line-height: 1;
		font-weight:bold;
	}
	.tibox01 small {
		display: block;
		text-align: center;
		font-size: 1.6rem;
		line-height: 1.4;
		font-weight:bold;
		margin: 14px 0 0 0;
		color: #c1af84;
	}
	.tibox2 {
		display: block;
		position: relative;
		font-family: 'Noto Serif JP', serif;
		padding-bottom: 15px;
		margin-bottom: 35px;
	}
	.tibox2::after {
		position: absolute;
		left: 0px;
		bottom: 0px;
		content: "";
		width: 240px;
		height: 3px;
		background: #624a00;
	}
	.tibox2 h2 {
		display: block;
		font-size: 3.2rem;
		line-height: 1;
		color: #624a00;
		font-weight: 600;
		margin-bottom: 15px;
	}
}
/* ========== end △ */


/* btn set
-------------------------------------------------- */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.btn01 {
		display:inline-block;
		position: relative;
	}
	.btn01 a {
		display:block;
		text-align: center;
		color: #baa36c;
		text-decoration: none;
		position: relative;
		font-size: 1.2rem;
		line-height: 1;
		padding: 7px 10px;
		border-radius: 19px;
		border: #dccfbe solid 2px;
		overflow: hidden;
	}
	.btn01 a::after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		content: "";
		margin: auto;
		width: 100%;
		height: 0;
		border-radius: 27px;
		background: #dccfbe;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.btn01 a span {
		display: inline-block;
		z-index: 5;
		position: relative;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.btn01 {
		display:inline-block;
		position: relative;
	}
	.btn01 a {
		display:block;
		text-align: center;
		color: #baa36c;
		text-decoration: none;
		position: relative;
		font-size: 1.2rem;
		line-height: 1;
		padding: 7px 43px;
		border-radius: 27px;
		border: #dccfbe solid 2px;
		overflow: hidden;
	}
	.btn01::before {
		position: absolute;
		left: -25px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: #dccfbe;
		height: 1px;
		width: 50px;
	}
	.btn01 a:hover {
		color: #FFF;
	}
	.btn01 a::after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		content: "";
		margin: auto;
		width: 100%;
		height: 0;
		border-radius: 27px;
		background: #dccfbe;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.btn01 a:hover::after {
		height: 100%;
	}
	.btn01 a span {
		display: inline-block;
		z-index: 5;
		position: relative;
	}
}
/* ========== end △ */



/* ==================================================
	footer
================================================== */
#footer {
  background-color: #333333;
	position: relative;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	#footer {
		display: block;
		padding: 0px 0 0 0;
	}
	#footer figure {
		display: block;
		text-align: center;
		padding: 25px 0;
	}
	#footer figure img {
		display: inline-block;
		max-width: 190px;
	}
	.foot-top {
		display: none;
	}
	.foot-bottom {
		display: block;
		background: #FFF;
		padding: 25px 0 25px 0;
	}
	.foot-bottom .list {
		display: none;
	}
	.copy {
		display: block;
		text-align: center;
		padding: 15px 0;
	}
	.copy small {
		display: inline;
		font-size: 1.1rem;
		line-height: 1;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	#footer {
		display: block;
		padding: 45px 0 0 0;
	}
	#footer figure {
		display: block;
		text-align: center;
	}
	#footer figure img {
		display: inline-block;
		max-width: 100%;
	}
	.foot-top {
		display: block;
		padding: 35px 0 45px 0;
	}
	.foot-top .lef {
		display: block;
		float: left;
		color: #FFF;
		width: 20%;
	}
	.foot-top .lef p {
		display: block;
		color: #FFF;
		font-size: 1.4rem;
		line-height: 1;
		margin-bottom: 18px;
	}
	.foot-top .lef p a {
		color: #FFF;
		text-decoration: none;
	}
	.foot-top .lef .list {
		display: block;
	}
	.foot-top .lef ul {
		display: block;
		float: left;
		margin-right: 40px;
	}
	.foot-top .lef li {
		display: block;
		position: relative;
		font-size: 1.3rem;
		line-height: 1;
		padding-left: 15px;
		margin-bottom: 16px;
	}
	.foot-top .lef li::before{
		position: absolute;
		top:0;
		bottom: 0;
		left: 0px;
		margin: auto;
		content: "";
		width: 7px;
		height: 1px;
		border-top: 1px solid #FFF;
	}
	.foot-top .lef li a {
		color: #FFF;
		text-decoration: none;
		line-height: 1;
	}
	.foot-bottom {
		display: block;
		background: #FFF;
		padding: 30px 0 20px 0;
	}
	.foot-bottom .list {
		display: block;
		float: right;
	}
	.foot-bottom li {
		display: block;
		float: left;
		margin-left: 40px;
		font-size: 1.2rem;
		line-height: 1;
	}
	.foot-bottom li a {
		color: #111;
		text-decoration: none;
	}
	.copy {
		display: block;
		float: left;
	}
	.copy small {
		display: inline;
		font-size: 1.2rem;
		line-height: 1;
	}
}
/* ========== end △ */



#pagetop_btn_f {
  position: static;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
  #pagetop_btn_f {
	  text-align: center;
  }
	#pagetop_btn_f a {
  display: block;
	width: 100%;
	height: 30px;
  background: #e8e8e8 url(../images/pagetop.jpg) center center no-repeat;
  color: #fff;
  text-decoration: none;
		text-indent: -9999px;
}
}
/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	#pagetop_btn_f {
		position:absolute;
		z-index: 20;
		right: 5%;
		top:-41px;
		transition: all 0.5s ease;
	}
	#pagetop_btn_f.visible {
		top:-41px;
	}
	#pagetop_btn_f a {
		display: block;
		width: 58px;
		height: 58px;
		background: #e8e8e8 url(../images/pagetop.jpg) center center no-repeat;
		color: #fff;
		text-decoration: none;
		text-indent: -9999px;
	}
}
/* ========== end △ */

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
  #pagetop_btn_f a {
    display: block;
  }
}
/* ========== end △ */
#pagetop_btn_f .fa {
  margin-right: 10px;
}



/* ==================================================
	HOVER ZOOM
================================================== */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.img-wr {
		overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
		position: relative;
	}
	.img-wr img {
		display: block;
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.img-wr img:hover {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.img-wr2 {
		position: relative;
	}
	.img-wr2 img {
		display: block;
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.img-wr2 img:hover {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
}
/* ========== end △ */