@charset "utf-8";

/* CSS Document */


/*===============================================
　▼ 共通項目 ▼
===============================================*/

body {
    width: 100vw;
    margin: 0;
    padding: 0;
    font-size: 100%;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


img {
    width: 100%;
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

		

/*===============================================
　▼ SP表示／PC非表示 ▼
===============================================*/

.pcnone {
    display: none !important;
}
.spnone {
    display: block !important;
}


/*===============================================
　▼ z-index 表示順序 ▼
===============================================*/

#wrapper {
    z-index: 0;
}


/*===========================================
clearfix
===========================================*/

.clearfix:before,
.clearfix:after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
    clear: both;
}

.block {
	display: block !important;
	float: none !important;
	position: initial !important;
	top: auto;
	left: auto;
	right: auto;
	bottom: auto;
}

h2.white-space {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display: block;
	margin: -1em 0 0 0;
}

/*===========================================
all
===========================================*/

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
	list-style: none;
}

html,
body {
	width: 100vw;
	height: auto;
    font-size: 16px; /*16px 1.0vw*/
    line-height: 1.6;
    color: #000;
    -webkit-text-size-adjust: 100%;
	background: #fff;
	overflow-x: hidden;
}

h1 {
	font-size: 30px !important;/*30px 3.5vw*/
	font-weight: bold;
}
h2,h3 {
	font-size: 22px !important;/*22px 1.2vw*/
}
a,a:hover {
    text-decoration: none;
	color: #000;
}
.space-top100vh {
	display: block;
	margin: 100vh 0 0 0;
}
.space-top100 {
	display: block;
	margin: 100px 0 0 0;
}

/* 画面サイズの横幅が 800px より小さい場合に適用 */
@media screen and (max-width: 800px) {
h1 {
	font-size: 5vw !important;/*35px*/
}
h2,h3 {
	font-size: 4vw !important;/*35px*/
}
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 9999;
}

div.search-box-none {
	display:none !important;
}




/*===========================================
	▼ vegas ▼
===========================================*/
div#background-anime {
	width: 100vw;
	height: 100vh;
	z-index: 0;
	position: relative;/*absolute*/
	top: 0;
	overflow: hidden;
}

/*===========================================
	▼ header ▼
===========================================*/
header {
	width: 100vw;
	height: 60px;
	position: absolute;/*fixed*/
	background:rgba(245,242,233,0.0);/*#f5f2e9*/
	overflow: hidden;
	z-index: 999;
}
header > blockquote {
	width: 100vw;
	height: 51px;
	position: fixed;/*fixed*/
	top: 5px;
	left: 0;
}
header > blockquote > h1 {
	width: auto;
	height: 51px;
	display: block;
	position: relative;
	top: 0;
	left: calc(100vw/25);
	float: left;
}
header > blockquote > h1 img {
	width: auto;
	height: 51px;
}
header > blockquote > ul {
	width: calc(100vw/1.5);
	height: 51px;
	display: block;
	position: relative;
	top: 0;
	right: calc(100vw/17);
	float: right;
}
header > blockquote > ul > a:nth-of-type(1) {
	width: auto;
	height: 50px;
	display: block;
	position: relative;
	top: 5px;
	right: 10px;
	float: right;
}
header > blockquote > ul > a:nth-of-type(1) > li {
}
header > blockquote > ul > a:nth-of-type(1) > li > img {
	width: auto;
	height: 35px;
	position: relative;
	top: 3px;
}
header > blockquote > ul > a:nth-of-type(2) {
	width: calc(100vw/10);
	height: 40px;
	position: relative;
	top: 10px;
	right: 10px;
	float: right;
	padding: 0;
}
header > blockquote > ul > a:nth-of-type(2):hover {
	border-bottom: 1px solid #000;
	transition: 0.5s;
}
header > blockquote > ul > a:nth-of-type(2) > li > p {
	text-align: center;
	position: relative;
	top: 5px;
	right: 0px;
}
header > blockquote > ul > a:nth-of-type(3) {
	width: calc(100vw/9);
	height: 40px;
	position: relative;
	top: 10px;
	right: 10px;
	float: right;
	padding: 0;
}
header > blockquote > ul > a:nth-of-type(3):hover {
	border-bottom: 1px solid #000;
	transition: 0.5s;
}
header > blockquote > ul > a:nth-of-type(3) > li > p {
	text-align: center;
	position: relative;
	top: 5px;
	right: 0px;
}
header > blockquote > ul > a:nth-of-type(4) {
	width: calc(100vw/9);
	height: 40px;
	position: relative;
	top: 10px;
	right: 10px;
	float: right;
	padding: 0;
}
header > blockquote > ul > a:nth-of-type(4):hover {
	border-bottom: 1px solid #000;
	transition: 0.5s;
}
header > blockquote > ul > a:nth-of-type(4) > li > p {
	text-align: center;
	position: relative;
	top: 5px;
	right: 0px;
}
header > blockquote > ul > a:nth-of-type(5) {
	width: calc(100vw/9);
	height: 40px;
	position: relative;
	top: 10px;
	right: 10px;
	float: right;
	padding: 0;
}
header > blockquote > ul > a:nth-of-type(5):hover {
	border-bottom: 1px solid #000;
	transition: 0.5s;
}
header > blockquote > ul > a:nth-of-type(5) > li > p {
	text-align: center;
	position: relative;
	top: 5px;
	right: 0px;
}
header > blockquote > ul > a:nth-of-type(6) {
	width: calc(100vw/9);
	height: 40px;
	position: relative;
	top: 10px;
	right: 10px;
	float: right;
	padding: 0;
}
header > blockquote > ul > a:nth-of-type(6):hover {
	border-bottom: 1px solid #000;
	transition: 0.5s;
}
header > blockquote > ul > a:nth-of-type(6) > li > p {
	text-align: center;
	position: relative;
	top: 5px;
	right: 0px;
}



/*===========================================
	▼ ハンバーガーメニュー ▼
===========================================*/
/*　ハンバーガーメニューボタン　*/
div.hamburger > blockquote {
	width: 60px;
	height: 60px;
	display: flex;
	position: fixed;
	z-index : 999;
	right : 0px;
	top   : 0px;
	cursor: pointer;
	text-align: center;
	background: #b1a88d;
}
div.hamburger > blockquote > div:nth-of-type(1){
	width: 30%;
	display : flex;
	flex-wrap: nowrap;
	flex-direction: row;
}
div.hamburger > blockquote > div:nth-of-type(1) > span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 15px;/*6px*/
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
div.hamburger > blockquote > div:nth-of-type(1) > span:nth-child(1) {
  top: 19px;
}
div.hamburger > blockquote > div:nth-of-type(1) > span:nth-child(2) {
  top: 29px;
}
div.hamburger > blockquote > div:nth-of-type(1) > span:nth-child(3) {
  top: 39px;
}
div.hamburger > blockquote > div:nth-of-type(2) {
	width: 70%;
	display : flex;
	flex-wrap: nowrap;
	flex-direction: row;
}
div.hamburger > blockquote > div:nth-of-type(2) {
	width: 70%;
	display : flex;
	flex-wrap: nowrap;
	flex-direction: row;
}
div.hamburger > blockquote > div:nth-of-type(2) > p {
	width: 100%;
	height: 60px;
	display: table;
}
div.hamburger > blockquote > div:nth-of-type(2) > p > span {
	display: table-cell;
	vertical-align: middle;
	font-size:20px;
	font-weight: bold;
	color: #fff;
}



/* スマホメニューを開いてる時のボタン */
.hamburger.active > blockquote > div:nth-of-type(1) > span:nth-child(1) {
  top : 30px !important;
  left: 14px !important;
  background :#fff;
  -webkit-transform: rotate(-45deg);/*45deg*/
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active > blockquote > div:nth-of-type(1) > span:nth-child(2),
.hamburger.active > blockquote > div:nth-of-type(1) > span:nth-child(3) {
  top: 30px !important;
  background :#fff;
  -webkit-transform: rotate(45deg);/*45deg*/
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: fixed;
  z-index : 3;
  top  : 0;
  left : 0;
  color: #fff;
  background: rgba( 222,222,222,0.98 );/*rgba( 71,70,73,0.95 )　255,255,255　*/
  text-align: center;
  width: 100%;
  transform: translateY(-100%);
  transition: all 0.6s;
	height: 90vh;/* 高さ指定 */
	border-bottom: 30px solid #b1a88d;
	overflow-y: scroll;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
/*---------------------------
nav.globalMenuSp ul li:hover{
  background :#ddd;
}
---------------------------*/

nav.globalMenuSp ul li a {
  display: block;
  color: #000;/*#fff*/
  padding: 1em 0;
  text-decoration :none;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateY(0%);
}

/* ぺージャー非表示 */
.bx-wrapper .bx-pager {
	display: none;
}


/*===========================================
	▼ menu-contents ▼
===========================================*/
ul#menu-contents {
	
}
/*== ▼ site logo ▼ ==*/
ul#menu-contents > li:nth-of-type(1) {
	width: 100%;
	padding: 0;
}
ul#menu-contents > li:nth-of-type(1) > p {
	width: 20%;
	margin:0 auto;
	padding: 0;
}
/*== ▼ infomation ▼ ==*/
ul#menu-contents > li:nth-of-type(2) {
	width: 100%;
	padding: 0;
}
ul#menu-contents > li:nth-of-type(2) > blockquote {
	width: 85%;
	margin: 20px auto;
	padding: 0;
	display: flex;
}
ul#menu-contents > li:nth-of-type(2) > blockquote > a {
	width: calc(100vw/4);
	padding: 10px;
	display: block;
	flex-wrap: nowrap;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
ul#menu-contents > li:nth-of-type(2) > blockquote > a:hover {
	background: #b1a88d;
	color: #fff;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
/*== ▼ tyuui ▼ ==*/
ul#menu-contents > li:nth-of-type(3) {
	width: 100%;
	padding: 0 0 20px 0;
}

ul#menu-contents > li:nth-of-type(3) > div {
	width: 85%;
	height: 150px;
	display: block;
	margin: 0 auto;
	padding: 0px 0 0 0;
}

ul#menu-contents > li:nth-of-type(3) > div > ul {
	width: 100%;
	height: 150px;
	display: flex;
	margin: 0 auto;
	padding: 0px 0 0 0;
}

ul#menu-contents > li:nth-of-type(3) > div > ul > a {
	width: calc(100vw/3);
	height: 150px;
	display: block;
	margin: 0 auto;
	padding: 0px 0 0 0;
	border-right: 1px solid #000;
	background: #fff;/*fabf2c*/
	color:#2f2e2e;
	font-weight: bold;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

ul#menu-contents > li:nth-of-type(3) > div > ul > a:last-child {
	border-right: 0px solid #fff;
}

ul#menu-contents > li:nth-of-type(3) > div > ul > a:hover {
	color:#000;
	background: #fabf2c;
	transition: 0.5s;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
}

ul#menu-contents > li:nth-of-type(3) > div > ul > a > li {
	width: 100%;
	height: 150px;
	display: table;
}

ul#menu-contents > li:nth-of-type(3) > div > ul > a > li > p {
	width: 100%;
	height: 150px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
ul#menu-contents > li:nth-of-type(3) > div > ul > a > li > p > img {
	width: 35px;
	height: 35px;
	display: inline-block;
}
ul#menu-contents > li:nth-of-type(3) > div > ul > a > li > p > span {
	width: 75%;
	height: auto;
	display: inline-block;
	position: relative;
	top: 3%;
	text-align: center;
	line-height: 0.7em;
}
/*== ▼ category ▼ ==*/
ul#menu-contents > li:nth-of-type(4) {
	width: 100%;
	padding: 0 0 20px 0;
}
ul#menu-contents > li:nth-of-type(4) > blockquote {
	width: 85%;
	height: auto;
	display: block;
	margin: 0px auto;
	padding: 20px;
	background: #f5f2e9;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
ul#menu-contents > li:nth-of-type(4) > blockquote:hover {
	background: #b1a88d;/*#b1a88d*/
	color: #000;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl {
	width: 100%;
	height: auto;
	display: flex;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dt {
	width: 40%;
	height: auto;
	display: block;
	padding: 20px;
	background: #fff;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd {
	width: 60%;
	height: auto;
	display: block;
	padding: 20px;
	background: #fff;
	text-align: left;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd > h3 {
	display: block;
	padding: 0 0 10px 0;
	font-weight: bold;
	color:#968962;/*#b1a88d*/
	font-size: 1.3vw !important;
	font-family: 'Alice', serif;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd > span {
	width: 100%;
	height: auto;
	display: block;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd > span > ul {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd > span > ul > a {
	width: auto;
	height: auto;
	display: block;
	padding: calc(100vw/100);
	margin: 0 calc(100vw/100) calc(100vw/100) 0;
	background: #fff;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	border: 1px solid #b1a88d;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd > span > ul > a:hover {
	background:#f5f2e9;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd > span > ul:last-child > a {
	background:#008550;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd > span > ul > a > li {
	width: auto;
	height: auto;
	display: block;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd > span > ul > a > li > p {
	width: auto;
	height: auto;
	display: block;
	font-size: 1.0vw !important;
	font-family: 'Alice', serif;
}
ul#menu-contents > li:nth-of-type(4) > blockquote > dl > dd > span > ul:last-child  > a > li > p {
	color: #fff;
	font-weight: bold;
}

/*===========================================
	▼ header-contents ▼
===========================================*/
section#header-contents {
	width: calc(100vw/2.3);
	height: calc(100vw/4.5);
	position:absolute;
	top: calc(100vw/6.5);
	left: calc(100vw/30);
	background: rgba(255,255,255,0.20);
	display: block;
}
section#header-contents > h1 {
	width: auto;
	height: auto;
	font-size: 4vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	top: calc(100vw/100);/*calc(100vw/11)*/
	left: calc(100vw/25);
	text-shadow: 1px 2px 5px #fff;
}
section#header-contents > blockquote:nth-of-type(1) {
	width: auto;
	height: auto;
	position: relative;
	top: calc(100vw/50);
	left: calc(100vw/23);
}
section#header-contents > blockquote:nth-of-type(1) > p {
	width: auto;
	height: auto;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	line-height: 1.4em;
	position: relative;
	top: 0;
	left: 0;
	text-shadow: 0px 0px 3px #fff;
	font-weight: bold;
}
section#header-contents > blockquote:nth-of-type(2) {
	width: auto;
	height: auto;
	position: relative;
	top: calc(100vw/40);
	left: calc(100vw/23);
}
section#header-contents > blockquote:nth-of-type(2) > p {
	width: auto;
	height: auto;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	line-height: 1.4em;
	position: relative;
	top: 0;
	left: 0;
	text-shadow: 0px 0px 3px #fff;
	font-weight: bold;
}
section#header-contents > div {
	width: auto;
	height: auto;
	position: relative;
	top: calc(100vw/80);
}

.arrow::before {
	content: '';
	width: 20px;
	height: 20px;
	border-top: solid 2px #008550;
	border-right: solid 2px #008550;
	position: absolute;
	top: calc(100vw/30);
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	
}
.arrow.arrow-bottom::before {
	transform: rotate(135deg);
}

/*===========================================
	▼ link_block001 ▼
===========================================*/
.link_block001 {
	width: calc(100vw/3);
	height: calc(100vw/20);
	background: #2f2e2e;
	margin: calc(100vw/80) auto 0;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
}
.link_block001 > a {
	width: calc(100vw/3);
	height: calc(100vw/20);
	display: block;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	-webkit-transition: 1s;
	transition: 1s;
}
.link_block001 > a:hover {
	transition: 0.5s;
	-webkit-transition: 0.5s;
	background: #f1f1f1;
	border: 1px solid #000;
}
.link_block001 > a > div {
	width: calc(100vw/3);
	height: calc(100vw/20);
	display: table;
}
.link_block001 > a > div > p {
	width: 100%;
	height: calc(100vw/20);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}
.link_block001 > a:hover > div > p {
	color: #000;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}


/*===========================================
	▼ link_block002 ▼
===========================================*/
.link_block002 {
	width: 100vw;
	height: calc(100vw/3);
	margin: calc(100vw/20) auto 0;
	background: #ccc;
}
.link_block002 > div {
	width: calc(100vw - calc(100vw/30));
	height: calc(100vw/3);
	display: flex;
	position: relative;
	left: calc(100vw/30);
}
.link_block002 > div > a {
	width: 50%;
	height: calc(100vw/3);
	display: block;
	position: relative;
}
/*===========================================
	▼ link_block002_多肉植物 ▼
===========================================*/
.link_block002 > div > a.link_succulent_nature {
	background: #000;
}
.link_block002 > div > a.link_succulent_nature > div {
	width: 100%;
	height: calc(100vw/3);
	display: table;
	background: url("../img/opa08_taniku001.jpg");
	background-size: 150%;
	background-position: 15% 60%;
	position: relative;
}
.link_block002 > div > a.link_succulent_nature > div > span {
	width: 70%;
	height: calc(100vw/5);
	display: table;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 10px solid rgba(255,255,255,0) ;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.link_block002 > div > a.link_succulent_nature:hover > div > span {
	border: 10px solid #fff;
	transition: 1s;
	-webkit-transition: 1s;
	scale: 0.9;
}
.link_block002 > div > a.link_succulent_nature > div > span > p {
	width: 70%;
	height: calc(100vw/5);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 3.5vw;
	font-weight: bold;
	font-family: 'Alice', serif;
	color: #fff;
}
.link_block002 > div > a.link_succulent_list {
	background: #000;
}
.link_block002 > div > a.link_succulent_list > div {
	width: 100%;
	height: calc(100vw/3);
	display: table;
	background: url("../img/opa08_taniku002.jpg");
	background-size: 150%;
	background-position: 15% 60%;
	position: relative;
}
.link_block002 > div > a.link_succulent_list > div > span {
	width: 70%;
	height: calc(100vw/5);
	display: table;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 10px solid rgba(255,255,255,0) ;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.link_block002 > div > a.link_succulent_list:hover > div > span {
	border: 10px solid #fff;
	transition: 1s;
	-webkit-transition: 1s;
	scale: 0.9;
}
.link_block002 > div > a.link_succulent_list > div > span > p {
	width: 70%;
	height: calc(100vw/5);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 3.5vw;
	font-weight: bold;
	font-family: 'Alice', serif;
	color: #fff;
}

/*===========================================
	▼ link_block002_観葉植物 ▼
===========================================*/
.link_block002 > div > a.link_foliage_nature {
	background: #000;
}
.link_block002 > div > a.link_foliage_nature > div {
	width: 100%;
	height: calc(100vw/3);
	display: table;
	background: url("../img/opa08_kanyou001.jpg");
	background-size: 150%;
	background-position: 15% 60%;
	position: relative;
}
.link_block002 > div > a.link_foliage_nature > div > span {
	width: 70%;
	height: calc(100vw/5);
	display: table;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 10px solid rgba(255,255,255,0) ;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.link_block002 > div > a.link_foliage_nature:hover > div > span {
	border: 10px solid #fff;
	transition: 1s;
	-webkit-transition: 1s;
	scale: 0.9;
}
.link_block002 > div > a.link_foliage_nature > div > span > p {
	width: 70%;
	height: calc(100vw/5);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 3.5vw;
	font-weight: bold;
	font-family: 'Alice', serif;
	color: #fff;
}
.link_block002 > div > a.link_foliage_list {
	background: #000;
}
.link_block002 > div > a.link_foliage_list > div {
	width: 100%;
	height: calc(100vw/3);
	display: table;
	background: url("../img/opa08_kanyou002.jpg");
	background-size: 150%;
	background-position: 15% 60%;
	position: relative;
}
.link_block002 > div > a.link_foliage_list > div > span {
	width: 70%;
	height: calc(100vw/5);
	display: table;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 10px solid rgba(255,255,255,0) ;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.link_block002 > div > a.link_foliage_list:hover > div > span {
	border: 10px solid #fff;
	transition: 1s;
	-webkit-transition: 1s;
	scale: 0.9;
}
.link_block002 > div > a.link_foliage_list > div > span > p {
	width: 70%;
	height: calc(100vw/5);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 3.5vw;
	font-weight: bold;
	font-family: 'Alice', serif;
	color: #fff;
}
/*===========================================
	▼ link_block002_バラ苗 ▼
===========================================*/
.link_block002 > div > a.link_rose_nature {
	background: #000;
}
.link_block002 > div > a.link_rose_nature > div {
	width: 100%;
	height: calc(100vw/3);
	display: table;
	background: url("../img/opa08_rose001.jpg");
	background-size: 150%;
	background-position: 15% 60%;
	position: relative;
}
.link_block002 > div > a.link_rose_nature > div > span {
	width: 70%;
	height: calc(100vw/5);
	display: table;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 10px solid rgba(255,255,255,0) ;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.link_block002 > div > a.link_rose_nature:hover > div > span {
	border: 10px solid #fff;
	transition: 1s;
	-webkit-transition: 1s;
	scale: 0.9;
}
.link_block002 > div > a.link_rose_nature > div > span > p {
	width: 70%;
	height: calc(100vw/5);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 3.5vw;
	font-weight: bold;
	font-family: 'Alice', serif;
	color: #fff;
}
.link_block002 > div > a.link_rose_list {
	background: #000;
}
.link_block002 > div > a.link_rose_list > div {
	width: 100%;
	height: calc(100vw/3);
	display: table;
	background: url("../img/opa08_rose002.jpg");
	background-size: 150%;
	background-position: 50% 30%;
	position: relative;
}
.link_block002 > div > a.link_rose_list > div > span {
	width: 70%;
	height: calc(100vw/5);
	display: table;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 10px solid rgba(255,255,255,0) ;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}
.link_block002 > div > a.link_rose_list:hover > div > span {
	border: 10px solid #fff;
	transition: 1s;
	-webkit-transition: 1s;
	scale: 0.9;
}
.link_block002 > div > a.link_rose_list > div > span > p {
	width: 70%;
	height: calc(100vw/5);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 3.5vw;
	font-weight: bold;
	font-family: 'Alice', serif;
	color: #fff;
}


/*===========================================
	▼ article ▼
===========================================*/
article {
	width: 100vw;
	height: auto;
	position:inherit;
	margin: 0vh 0 0 0;
	padding: 0;
	
}
article::before {
	content: "";
	clear: both;
}




/*===========================================
	▼ main-block001 ▼
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
===========================================*/
section#main-block001 {
	width: 100vw;
	height: auto;
	display: block;
	position: relative;
	padding: calc(100vw/30) 0 calc(100vw/25) 0 ;
	background: #f5f2e9;
}
section#main-block001 > blockquote:nth-of-type(1) {
	width: 100vw;
	height: calc(100vw/20);
	display: block;
	position: relative;
}
section#main-block001 > blockquote:nth-of-type(1) > div {
	width: 80vw;
	height: calc(100vw/20);
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
section#main-block001 > blockquote:nth-of-type(1) > div > h1 {
	width: 80vw;
	height: calc(100vw/20);
	display: table;
}
section#main-block001 > blockquote:nth-of-type(1) > div > h1 > span {
	width: 80vw;
	height: calc(100vw/20);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
section#main-block001 > blockquote:nth-of-type(1) > div > h1 > span > p {
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	font-weight: normal;
}
section#main-block001 > blockquote:nth-of-type(2) {
	width: 80vw;
	height: auto;
	display: flex;
	position: relative;
	margin: 0 auto;
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(1) {
	width: 15%;
	height: calc(100vw/30);
	display: block;
	position: relative;
	padding: 0 calc(100vw/100);
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(1) > p {
	width: 100%;
	height: calc(100vw/30);
	display: table;
	text-align: right;
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(1) > p > span {
	width: 100%;
	height: calc(100vw/30);
	display: table-cell;
	vertical-align: middle;
	font-size: 1.3vw !important;
	font-family: 'Alice', serif;
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(2) {
	width: 85%;
	height: auto;
	display: block;
	position: relative;
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(2) > ul {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(2) > ul > a {
	width: calc(20% - calc(100vw/100));
	height: calc(100vw/30);
	display: table;
	font-size: 1.0vw !important;
	font-family: 'Alice', serif;
	border-radius: 50px;
	background: #fff;
	border: 1px solid #000;
	margin: 0 calc(100vw/100) 0 0;
	font-weight: bold;
	text-align: center;
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(2) > ul > a:nth-of-type(5n) {
	margin: 0;
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(2) > ul > a:nth-of-type(n+6) {
	margin: calc(100vw/100) calc(100vw/100) 0 0;
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(2) > ul > a:hover {
	background: #b1a88d;
	-webkit-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(2) > ul > a > li {
	width: 100%;
	height: auto;
	display: table-cell;
	vertical-align: middle;
	padding: 0 calc(100vw/100);
}
section#main-block001 > blockquote:nth-of-type(2) > aside:nth-of-type(2) > ul > a > li > p {
	width: 100%;
	height: auto;
}





/*===========================================
	▼ main-block002 ▼
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
===========================================*/
section#main-block002 {
	width: 100vw;
	height: auto;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin: 0px 0 0 0 ;
}
section#main-block002 > blockquote:nth-of-type(1) {
	width: 100vw;
	height: auto;
	display: contents;
}
section#main-block002 > blockquote:nth-of-type(1) > h1 {
	width: calc(100vw/1.2);
	height: auto;
	font-size: 4vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: calc(100vw/15);
	margin: 50px 0 0 0;
}
section#main-block002 > blockquote:nth-of-type(1) > p {
	width: calc(100vw/1.2);
	height: auto;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: calc(100vw/15);
	margin: calc(100vw/150) 0 0 calc(100vw/180);
}





/*===========================================
	▼ main-block003 ▼
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
===========================================*/
section#main-block003 {
	width: 100vw;
	height: auto;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 ;
}
section#main-block003 > blockquote:nth-of-type(1) {
	width: 100vw;
	height: auto;
	display: contents;
}
section#main-block003 > blockquote:nth-of-type(1) > h1 {
	width: calc(100vw/1.2);
	height: auto;
	font-size: 4vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: calc(100vw/15);
	margin: 50px 0 0 0;
}
section#main-block003 > blockquote:nth-of-type(1) > p {
	width: calc(100vw/1.2);
	height: auto;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: calc(100vw/15);
	margin: calc(100vw/150) 0 0 calc(100vw/180);
}
section#main-block003 > blockquote:nth-of-type(2) {
	margin: calc(100vw/50) 0 0 0 !important;
}
section#main-block003 > blockquote:nth-of-type(n+2) {
	width: 100vw;
	height: auto;
	display: block;
	margin: calc(100vw/20) 0 0 0;
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul {
	width: calc(100% - 100vw/10);
	height: auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	left: calc(100vw/15);
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a {
	width: calc(20% - calc(100vw/100));
	height: calc(100vw/30);
	display: table;
	font-size: 1.3vw !important;
	font-family: 'Alice', serif;
	border: 1px solid #000;
	margin: calc(100vw/1000) calc(100vw/100) 0 0;
	padding: calc(100vw/170) 0;
	text-align: center;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a:nth-of-type(5n) {
	margin: 0;
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a:nth-of-type(n+6) {
	margin: calc(100vw/80) calc(100vw/100) 0 0;
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a:first-of-type {
	background:#fff;/*#EDF6F2*/
	color: #000;
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a:first-of-type:hover {
	background:#C7E2D7;/*#b1a88d*/
	-webkit-transition: 0.5s;
	transition: 0.5s;
	color: #000;
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a:hover {
	background:#f5f2e9;/*#b1a88d*/
	-webkit-transition: 0.5s;
	transition: 0.5s;
	color: #000;
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a > li {
	width: 100%;
	height: auto;
	display: table-cell;
	vertical-align: middle;
	padding: 0 calc(100vw/100);
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a > li > div {
	width: 100%;
	height: calc(100vw/30);
	display: table;
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a > li > div > p {
	width: auto;
	height: calc(100vw/30);
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: calc(100%/1.2);
}
section#main-block003 > blockquote:nth-of-type(n+2) > ul > a > li > div > img {
	width: auto;
	height: calc(100vw/30);
	display: table-cell;
	vertical-align: middle;
	object-fit: cover;
}
section#main-block003 > blockquote > h3 {
	width: 100vw;
	height: auto;
	display: block;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	text-align: center;
	margin: 0 0 calc(100vw/80) 0;
	/*font-weight: bold;*/
}
section#main-block003 > blockquote > h3 > p {
	width: auto;
	height: auto;
	margin: 0 auto;
}
section#main-block003 > blockquote > h3 > p::before, section#main-block003 > blockquote > h3 > p::after {
	content: "　―　";
	width: 10px;
	height: 10px;
	position: relative;
	font-weight: normal;
}









/*===========================================
	▼ main-block004 ▼
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
===========================================*/
section#main-block004 {
	width: 100vw;
	height: auto;
	display: block;
	position: relative;
	margin: calc(100vw/7) 0 ;
}
section#main-block004 > blockquote:nth-of-type(1) {
	width: 100vw;
	height: calc(100vw/4);
	display: block;
	background: url("../img/bg_img002_3840×2160.jpg");
	background-size: cover;
	background-position: bottom;
}
section#main-block004 > blockquote:nth-of-type(1) > div {
	width: 34%;
	height: calc(100vw/11);
	position: relative;
	inset: calc(100vw/30) 0 0 calc(100vw/11) ;
}
section#main-block004 > blockquote:nth-of-type(1) > div > h1 {
	width: 100%;
	height: calc(100vw/17);
	display: block;
	font-size: 4vw !important;
	font-family: 'Alice', serif;
	position: relative;
	text-align: left;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	position: relative;
	inset: 0 ;
}
section#main-block004 > blockquote:nth-of-type(1) > div > p {
	width: 100%;
	height: calc(100vw/40);
	display: block;
	font-size: 2.0vw !important;
	font-family: 'Alice', serif;
	position: relative;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}



section#main-block004 > blockquote:nth-of-type(1) > a {
	width: calc(100vw/4);
	height: calc(100vw/20);
	display: block;
	position: relative;
	top: calc(100vw/20);
	left: calc(100vw/8);
	color: #fff;
	background: #fff;
	border-radius: 50px;
	box-shadow: 2px 1px 3px #2f2e2e;
}
section#main-block004 > blockquote:nth-of-type(1) > a:hover {
	background: #3B7D24;
	transition: 0.5s;
}
section#main-block004 > blockquote:nth-of-type(1) > a > aside {
	width: auto;
	height: auto;
	display: table;
}
section#main-block004 > blockquote:nth-of-type(1) > a > aside > p {
	width: calc(100vw/4);
	height: calc(100vw/20);
	color: #000;
	font-size: 1.5vw !important;
	display: table-cell;
	vertical-align: middle;
	font-family: 'Alice', serif;
	text-align: center;
}
section#main-block004 > blockquote:nth-of-type(1) > a:hover > aside > p {
	color: #fff;
	transition: 0.5s;
}
section#main-block004 > blockquote:nth-of-type(1) > a > aside > p > span::before {
	content: "> ";
	transition: 0.5s;
}
section#main-block004 > blockquote:nth-of-type(1) > a > aside > p::after {
	content: " <";
	transition: 0.5s;
}











section#main-block004 > blockquote:nth-of-type(2) {
	width: 100vw;
	height: auto;
	display: block;
	margin: calc(100vw/30) 0 0 0;
}
/*========================
	▼ 商品一覧 ▼
========================*/
div#item-list {
	width: calc(100vw - 100vw/10.5);
	height: auto;
	position: relative;
	left: calc(100vw/15);
	display: flex;
	flex-wrap: wrap;
}
div#item-list > a.item-block {
	width: calc(100vw/4.85);
	height: calc(100vw/2.95);
	display: block;
	background:#fff;
	position: relative;
	margin: calc(100vw/50) calc(100vw/50) 0 0;
	border: 1px solid #ccc;
	border-radius: 0 0 20px 20px;
	padding: 1px;
	overflow: hidden;
}
div#item-list > a.item-block:nth-child(4n) {
	margin: calc(100vw/50) 0 0 0;
}

div.btn {
	position: relative;
	width: 100%;/*calc(100vw/4.85)*/
	height: calc(100vw/4.85);
	margin: 0 auto;
	display: block;
	overflow: hidden;
}
div.btn img {
	position: absolute;
	top: 0%;
	left: 0%;
	-webkit-transform: translate(-0%, -0%);
	transform: translate(-0%, -0%);
	width: 100%;
	display: block;
	-webkit-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
div.btn:hover img:nth-of-type(2) {
	opacity: 0;
}
div#item-list > a.item-block > dl{
	width: calc(100vw/4.85);
	height: auto;
	background:#fff;
	overflow: hidden;
}




div#item-list > a.item-block > dl > dd:nth-of-type(1) {
	width: auto;
	height: auto;
	padding: 10px;
}
div#item-list > a.item-block > dl > dd:nth-of-type(1) > p {
	width: auto;
	height: auto;
	display: inline-block;
	font-size: 0.9vw;
	padding: 5px 20px;
	border: 1px solid #008550;
	margin: 0 calc(100vw/150) 0 0;
}
div#item-list > a.item-block:hover > dl > dd:nth-of-type(1) > p:nth-of-type(1) {
	background:#3B7D24;
	color: #fff;
	transition: 0.5s;
}
div#item-list > a.item-block > dl > dd:nth-of-type(2) {
	width: 100%;
	height: calc(100vw/19);
	font-size: 0.9vw;
	padding: 10px;
	overflow: hidden;
}
div#item-list > a.item-block > dl > dd:nth-of-type(3) {
	width: 100%;
	height: calc(100vw/25);
	font-size: 0.9vw;
	padding: 10px;
	overflow: hidden;
}
div#item-list > a.item-block > dl > dd:nth-of-type(3) > aside {
	width: 100%;
	height: calc(100vw/25);
}
div#item-list > a.item-block > dl > dd:nth-of-type(3) > aside::after {
	content: "";
	clear: both;
}
div#item-list > a.item-block > dl > dd:nth-of-type(3) > aside > p:first-child {
	width: auto;
	height: calc(100vw/25);
	float: left;
	font-size: 0.9vw;
}
div#item-list > a.item-block > dl > dd:nth-of-type(3) > aside > p:last-child {
	width: auto;
	height: calc(100vw/25);
	float: right;
	position: relative;
	right: calc(100vw/200);
	bottom: calc(100vw/200); 
}
div#item-list > a.item-block > dl > dd:nth-of-type(3) > aside > p img  {
	width: auto;
	height: calc(100vw/35);
}
/*========================
	▲ 商品一覧 ▲
========================*/












/*===========================================
	▼ main-block005 ▼
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
===========================================*/
section#main-block005 {
	width: 100vw;
	height: auto;
	display: block;
	position: relative;
	margin: calc(100vw/7) 0 ;
}
section#main-block005 > blockquote:nth-of-type(1) {
	width: 100vw;
	height: calc(100vw/4);
	display: block;
	background: url("../img/bg_img001_3840×2160.jpg");
	background-size: cover;
	background-position: bottom 50%;
}
section#main-block005 > blockquote:nth-of-type(1) > div {
	width: 34%;
	height: calc(100vw/11);
	position: relative;
	inset: calc(100vw/30) 0 0 calc(100vw/11) ;
}
section#main-block005 > blockquote:nth-of-type(1) > div > h1 {
	width: 100%;
	height: calc(100vw/17);
	display: block;
	font-size: 4vw !important;
	font-family: 'Alice', serif;
	position: relative;
	text-align: left;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
	position: relative;
	inset: 0 ;
}
section#main-block005 > blockquote:nth-of-type(1) > div > p {
	width: 100%;
	height: calc(100vw/40);
	display: block;
	font-size: 2.0vw !important;
	font-family: 'Alice', serif;
	position: relative;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 3px #000;
}



section#main-block005 > blockquote:nth-of-type(1) > a {
	width: calc(100vw/4);
	height: calc(100vw/20);
	display: block;
	position: relative;
	top: calc(100vw/20);
	left: calc(100vw/8);
	color: #fff;
	background: #fff;
	border-radius: 50px;
	box-shadow: 2px 1px 3px #2f2e2e;
}
section#main-block005 > blockquote:nth-of-type(1) > a:hover {
	background: #3B7D24;
	transition: 0.5s;
}
section#main-block005 > blockquote:nth-of-type(1) > a > aside {
	width: auto;
	height: auto;
	display: table;
}
section#main-block005 > blockquote:nth-of-type(1) > a > aside > p {
	width: calc(100vw/4);
	height: calc(100vw/20);
	color: #000;
	font-size: 1.5vw !important;
	display: table-cell;
	vertical-align: middle;
	font-family: 'Alice', serif;
	text-align: center;
}
section#main-block005 > blockquote:nth-of-type(1) > a:hover > aside > p {
	color: #fff;
	transition: 0.5s;
}
section#main-block005 > blockquote:nth-of-type(1) > a > aside > p > span::before {
	content: "> ";
	transition: 0.5s;
}
section#main-block005 > blockquote:nth-of-type(1) > a > aside > p::after {
	content: " <";
	transition: 0.5s;
}




section#main-block005 > blockquote:nth-of-type(2) {
	width: 100vw;
	height: auto;
	display: block;
	margin: calc(100vw/30) 0 0 0;
}











/*===========================================
	▼ main-block006 ▼
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
===========================================*/
section#main-block006 {
	width: 100vw;
	height: auto;
	display: block;
	position: relative;
	margin: calc(100vw/7) 0 0 0;
}
section#main-block006 > blockquote:nth-of-type(1) {
	width: 100vw;
	height: calc(100vw/4);
	display: block;
	background: url("../img/rose_bn001.jpg");
	background-size: 130%;
	background-position: 50% 50%;
}
section#main-block006 > blockquote:nth-of-type(1) > div {
	width: 100vw;
	height: calc(100vw/11);
	position: absolute;
	bottom: calc(100vw/1.1);
}
section#main-block006 > blockquote:nth-of-type(1) > div > h1 {
	width: 100vw;
	height: calc(100vw/17);
	display: block;
	font-size: 4vw !important;
	font-family: 'Alice', serif;
	position: relative;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
section#main-block006 > blockquote:nth-of-type(1) > div > p {
	width: 100vw;
	height: calc(100vw/40);
	display: block;
	font-size: 2.0vw !important;
	font-family: 'Alice', serif;
	position: relative;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}




section#main-block006 > aside {
	width: 80vw;
	height: calc(100vw/15);
	background: #fff;
	position: relative;
	margin: calc(100vw/20) auto 0;
	border: 1px solid #b1a88d;
}

section#main-block006 > aside > a {
	width: 100%;
	height: calc(100vw/15);
	display: block;
	position: relative;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

section#main-block006 > aside > a:hover {
	height: calc(100vw/15 - 2px);
	background: #f5f2e9;
	transition: 0.5s;
	-webkit-transition: 0.5s;
}

section#main-block006 > aside > a > p {
	width: 100%;
	height: calc(100vw/50);
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 1.3vw !important;
	font-family: 'Alice', serif;
}

section#main-block006 > aside > a:hover > p {
	text-decoration: underline;
}




section#main-block006 > blockquote:nth-of-type(2) {
	width: 100vw;
	height: auto;
	display: block;
	margin: calc(100vw/30) 0 0 0;
}







/*===========================================
	▼ main-block007 ▼
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
===========================================*/
section#main-block007 {
	width: 100vw;
	height: auto;
	position: relative;
	background: #f5f2e9;
	padding: 0 0 calc(100vw/20) 0;
}
section#main-block007 > blockquote:nth-of-type(1) {
	width: 100vw;
	height: auto;
	padding: calc(100vw/10) 0 calc(100vw/30) 0;
	position: relative;
	z-index: 0 !important;
}
section#main-block007 > blockquote:nth-of-type(1) > h1 {
	width: 100%;
	height: auto;
	font-size: 4vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: 0;/*calc(100vw/11)*/
	color: #000;
	text-align: center;
}
section#main-block007 > blockquote:nth-of-type(1) > p {
	width: 100%;
	height: auto;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: 0;/*calc(100vw/11)*/
	margin: calc(100vw/80) 0 0 0;
	text-align: center;
}
section#main-block007 > blockquote:nth-of-type(1) > aside {
	width: 60%;
	height: auto;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: 0;/*calc(100vw/11)*/
	margin: calc(100vw/80) auto 0;
	text-align: center;
	display: flex;
	flex-wrap: nowrap;
}
ul.search-area {
	width: 80%;
	height: auto;
}
ul.search-area > li {
	width: 100%;
	height: auto;
}
ul.search-area > li > input:nth-of-type(1) {
	width: 100%;
	height: calc(100vw/25);
	padding: 5px;
}
a.search-btn {
	width: auto;
	height: calc(100vw/25);
}
a.search-btn {
	width: auto;
	height: calc(100vw/25);
}
a.search-btn > img {
	width: auto;
	height: calc(100vw/25);
}







/*===============================

section#main-block007 > blockquote:nth-of-type(1) > aside > form {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 0px 0 0px 0;
}

section#main-block007 > blockquote:nth-of-type(1) > aside > form > span {
	width: 60%;
	height: calc(100vw/25);
	display: block;
	margin: 0 auto;
	padding: 0px 0 0px 0;
}

section#main-block007 > blockquote:nth-of-type(1) > aside > form > span > input:nth-of-type(6) {
	width: 80%;
	height: calc(100vw/25);
	display: block;
	margin: 0 auto;
	padding: 5px;
	position: relative;
	float: left;
}

section#main-block007 > blockquote:nth-of-type(1) > aside > form > span > input:nth-of-type(7) {
	width: 20%;
	height: calc(100vw/25);
	display: block;
	position: relative;
	float: left;
	object-fit: cover;
}
===============================*/


section#main-block007 > blockquote:nth-of-type(2) {
	width: 100vw;
	height: auto;
	position: relative;
	padding: 0;/*0 0 calc(100vw/20) 0*/
}
section#main-block007 > blockquote:nth-of-type(2) > div {
	width: 60%;
	height: auto;
	position: relative;
	margin: 0 auto;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl {
	width: calc(100%/4);
	height: auto;
	display: block;
	padding: 0 0 calc(100vw/80) 0;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl:nth-of-type(n+5) {
	padding: calc(100vw/30) 0 calc(100vw/80) 0 !important;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dt {
	width: 95%;
	height: auto;
	display: block;
	border-bottom: 3px solid #000;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dt > a:hover {
	text-decoration: underline;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dt > a > p:nth-of-type(1) {
	width: 100%;
	height: auto;
	display: block;
	font-family: 'Alice', serif;
	font-size: 1.0vw;
	text-align: center;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dt > a > h3 {
	width: 100%;
	height: auto;
	display: block;
	font-family: 'Alice', serif;
	font-size: 1.5vw !important;
	font-weight: bold;
	text-align: center;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dt > a > p:nth-of-type(2) {
	width: 40%;
	height: auto;
	display: block;
	margin: 0 auto;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd {
	width: 100%;
	height: auto;
	display: block;
	margin: calc(100vw/150) 0;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd > p {
	width: 100%;
	height: auto;
	display: block;
	font-family: 'Alice', serif;
	font-size: 1.3vw !important;
	text-align: center;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd > p > a {
	width: 100%;
	height: auto;
	display: block;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd > p > a:hover {
	text-decoration: underline;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd:last-of-type {
	width: 100%;
	height: auto;
	display: block;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd:last-of-type > p {
	width: 99%;
	height: auto;
	display: block;
	background: #008550;
	padding: calc(100vw/180) 0;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd:last-of-type > p > a {
	width: 100%;
	height: auto;
	display: block;
	color: #fff;
	font-weight: bold;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd:nth-last-child(2) {
	width: 100%;
	height: auto;
	display: block;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd:nth-last-child(2) > p {
	width: 99%;
	height: auto;
	display: block;
	background:#b1a88d;
	padding: calc(100vw/180) 0;
}
section#main-block007 > blockquote:nth-of-type(2) > div > aside > dl > dd:nth-last-child(2) > p > a {
	width: 100%;
	height: auto;
	display: block;
	color: #fff;
	font-weight: bold;
}






/*===========================================
	▼ main-block008 ▼
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
===========================================*/
section#main-block008 {
	width: 100vw;
	height: auto;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin: calc(100vw/10) 0;
	border-top:10px solid linear-gradient(150deg, rgba(64, 93, 230, 1) 10%, rgba(193, 53, 132, 1) 25%, rgba(255, 48, 108, 1) 51%, rgba(253, 29, 29, 1) 75%); 
}
section#main-block008 > blockquote:nth-of-type(1) {
	width: 100vw;
	height: calc(100vw/20);
	display: contents;
}
section#main-block008 > blockquote:nth-of-type(1) > h1 {
	width: calc(100vw/1.2);
	height: auto;
	font-size: 4vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: calc(100vw/15);
	margin: 50px 0 0 0;
}
section#main-block008 > blockquote:nth-of-type(1) > p {
	width: calc(100vw/1.2);
	height: auto;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: calc(100vw/15);
	margin: calc(100vw/150) 0 0 calc(100vw/180);
}











/*===========================================
	▼ main-block009 ▼
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
===========================================*/
section#main-block009 {
	width: 100vw;
	height: auto;
	display: contents;
	position: relative;
	top: 0;
	left: 0;
	margin: calc(100vw/10);
}
section#main-block009 > blockquote:nth-of-type(1) {
	width: 100vw;
	height: auto;
	display: contents;
}
section#main-block009 > blockquote:nth-of-type(1) > h1 {
	width: calc(100vw/1.2);
	height: auto;
	font-size: 4vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: calc(100vw/15);
	margin: 50px 0 0 0;
}
section#main-block009 > blockquote:nth-of-type(1) > p {
	width: calc(100vw/1.2);
	height: auto;
	font-size: 1.5vw !important;
	font-family: 'Alice', serif;
	line-height: 1.1em;
	position: relative;
	left: calc(100vw/15);
	margin: calc(100vw/150) 0 0 calc(100vw/180);
}
section#main-block009 > blockquote:nth-of-type(2) {
	width: calc(100vw - 100vw/10.5);
	height: auto;
	display: contents;
	margin: calc(100vw/50) 0 0 0;
	position: relative;
	left: 0;
}
section#main-block009 > blockquote:nth-of-type(2) > div {
	width: calc(100vw - 100vw/10.5);
	height: auto;
	display: flex;
	flex-wrap: wrap;
	margin: calc(100vw/50) 0 0 0;
	position: relative;
	left: calc(100vw/15);
}
section#main-block009 > blockquote:nth-of-type(2) > div > a {
	width: calc(100vw/4.85);
	height: calc(100vw/3.6);
	display: block;
	background:#fff;
	position: relative;
	margin: 0 calc(100vw/50) 0 0;
	border: 1px solid #ccc;
	border-radius: 20px;
	overflow: hidden;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl {
	width: calc(100vw/4.85);
	height: auto;
	background:#fff;
	overflow: hidden;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dt {
	width: calc(100vw/4.85);
	height: calc(100vw/7);
	overflow: hidden;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dt > img {
	width: calc(100vw/4.85);
	height: 100%;
	display: block;
	transition: 0.5s;
	-moz-transition: 0.5s;
	overflow: hidden;
	object-fit: cover;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dt > img:hover {
	transform:  scale(1.1,1.1);
}
section#main-block009 > blockquote:nth-of-type(2) > div > a:hover > dl > dt > img {
	transform:  scale(1.1,1.1);
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dd:nth-of-type(1) {
	width: auto;
	height: auto;
	padding: 10px;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dd:nth-of-type(1) > p {
	width: auto;
	height: auto;
	display: inline-block;
	font-size: 0.9vw;
	padding: 5px 20px;
	border: 1px solid #008550;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a:hover > dl > dd:nth-of-type(1) > p {
	background:#3B7D24;
	color: #fff;
	transition: 0.5s;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dd:nth-of-type(2) {
	width: 100%;
	height: calc(100vw/19);
	font-size: 0.9vw;
	padding: 10px;
	overflow: hidden;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dd:nth-of-type(3) {
	width: 100%;
	height: calc(100vw/25);
	font-size: 0.9vw;
	padding: 10px;
	overflow: hidden;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dd:nth-of-type(3) > aside {
	width: 100%;
	height: calc(100vw/25);
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dd:nth-of-type(3) > aside::after {
	content: "";
	clear: both;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dd:nth-of-type(3) > aside > p:first-child {
	width: auto;
	height: calc(100vw/25);
	float: left;
	font-size: 0.9vw;
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dd:nth-of-type(3) > aside > p:last-child {
	width: auto;
	height: calc(100vw/25);
	float: right;
	position: relative;
	right: calc(100vw/200);
	bottom: calc(100vw/200);
}
section#main-block009 > blockquote:nth-of-type(2) > div > a > dl > dd:nth-of-type(3) > aside > p img  {
	width: auto;
	height: calc(100vw/35);
}




/*===========================================
	▼ Instagram ▼
a.insta_link {
	width: 100%;
	height: calc(100vw/5);
	display: block;
	transition: transform 0.3s ease;
	-webkit-transition: transform 0.3s ease;
	position: relative;
}
a.insta_link img {
	width: calc(100vw/5);
	height: calc(100vw/5);
	object-fit: cover;
	margin: 0;
}
a.insta_link:hover {
	width: 100%;
	height: calc(100vw/5);
	transform: scale(1.6);
	-webkit-transform: scale(1.6) !important;
}

.dark-cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  opacity: 0.3;
  transition: background-color 0.3s ease;
	-webkit-transition: background-color 0.3s ease;
  pointer-events: none;
}

a.insta_link:hover + div.dark-cover:hover {
  background-color: black !important;
}

===========================================*/

#insta_wrap {
	width: calc(100vw - 100vw/30);
	height: auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	left: calc(100vw/15);/*calc(100vw/30)*/
	overflow: hidden;
}
.insta_block {
	width: calc(100vw/4.85);/*calc(100%/4.0)*/
	height: calc(100vw/5.3);/*calc(100vw/4.0)*/
	text-align: center;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
	border: 5px solid #fff;
	margin: 0 calc(100vw/50) calc(100vw/80) 0;
}
.insta_block:nth-of-type(5n) {
}

iframe#instagram-embed-0,
iframe#instagram-embed-1,
iframe#instagram-embed-2,
iframe#instagram-embed-3,
iframe#instagram-embed-4,
iframe#instagram-embed-5,
iframe#instagram-embed-6,
iframe#instagram-embed-7,
iframe#instagram-embed-8 {
	width: 100% !important;/*calc(100%/5)*/
	height: calc(100vw/4.3) !important;/*calc(100vw/4.0)*/
	max-width: 100% !important;
	min-width: 100% !important;
}

.instagram-media {
	width: calc(100%/4.0) !important;/*calc(100%/5)*/
	height: calc(100vw/5.3) !important;/*calc(100vw/4.0)*/
	display: block !important;
	position: relative;
	top: calc(100vw/-23);
}
.instagram-media > a {
	width: 100% !important;
	height: calc(100vw/3.4);
	display: block !important;
}
.Feedback {
	position: absolute!important;
	top: calc(100vw/-3.8) !important;
}






/*===========================================
	▼ left_bar ▼
===========================================*/
section#left_bar {
	width: calc(100vw/30);
	height: calc(100vh);
	position: fixed;
	background: #f5f2e9;
	top: 0;
	left: 0;
	z-index:2;
}
section#left_bar > aside {
	width: 100%;
	height: 100%;
}
section#left_bar > aside > ul {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
}
section#left_bar > aside > ul > li {
	width: 100%;
	height: auto;
	position: relative;
	bottom: 0;
	margin: 10px 0;
}
section#left_bar > aside > ul > li > a {
	width: 100%;
	height: auto;
	display: block;
}
section#left_bar > aside > ul > li > a > img {
	width: 70%;
	height: auto;
	display: block;
	margin: 0 auto;
}



/*===========================================
	▼ footer ▼
===========================================*/
footer {
	width: 100vw;
	height: auto;
	background: #b1a88d;
	margin: calc(100vw/7) 0 0 0;
	padding: calc(100vw/50) 0;
}
footer > div {
	width: calc(100vw - 100vw/9);
	height: auto;
	position: relative;
	left: calc(100vw/11);
	margin: 0 0 calc(100vw/50) 0;
	padding: 0 0 calc(100vw/50) 0;
	border-bottom: 1px solid #000;
}
footer > div > ul {
	width: auto;
	height: calc(100vw/20);
	position: relative;
	display: flex;
}
footer > div > ul > a:nth-of-type(1) {
	width: calc(100vw/5);
	height: calc(100vw/20);
	position: relative;
	display: block;
}
footer > div > ul > a {
	width: calc(100vw/8);
	height: calc(100vw/20);
	position: relative;
	text-align: center;
	display: block;
}
footer > div > ul > a:hover:first-child {
	border-bottom: 0px solid #000;
}
footer > div > ul > a:hover {
	border-bottom: 1px solid #000;
}
footer > div > ul > a > li {
	width: calc(100vw/7);
	height: calc(100vw/20);
	display: table;
}
footer > div > ul > a > li > p {
	width: calc(100vw/7);
	height: calc(100vw/20);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
footer > p {
	width: 100vw;
	height: auto;
	font-size: 1vw;
	display: block;
	vertical-align: middle;
	text-align: center;
}