@charset "UTF-8";

/* ---------------------------------
 width <= 1366px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1366px) {
	.works_shop__photos li:nth-child(5) {
		display: none;
	}
/* less 1334 */
}

/* ---------------------------------
 width <= 1280px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1280px) {
	.gnavi__outer {
		flex: 0 0 510px;
	}
	.works_shop__photos li {
		flex: 0 0 285px;
		margin: 0 10px;
	}
	.works_shop__photos li img {
		width: 100%;
		height: auto;
	}
	#shop .lead-1:after {
		top: -70px;
		right: 40px;
	}
	.outer__access {
		width: 100%;
		padding: 0 20px;
		margin: auto;
	}
	#shop #navi-5 {
		padding: 0 20px 65px;
	}
/* less 1280 */
}

/* ---------------------------------
 width <= 1040px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1040px) {
	.wp-block-group {
		padding: 0 20px;
	}
	.flexbox__1-2--child {
		flex: 0 0 calc( 50% - 20px );
	}
	#concept #navi-0 .wp-block-group__inner-container:before {
		top: 640px;
		left: 0;
	}
	#concept #navi-0 .wp-block-group__inner-container:after {
		top: -12px;
		right: 40px;
	}
	#concept #navi-2 .wp-block-group__inner-container:before {
		top: 780px;
		left: 0;
	}
	#concept #navi-2 .wp-block-group__inner-container:after {
		top: -128px;
		right: 135px;
	}
	#concept #navi-3 .wp-block-group__inner-container:after {
		top: 593px;
		right: 0;
	}
	#concept #navi-0 {
		padding: 0 20px 100px;
	}
	#concept #navi-2 {
		padding: 100px 20px;
	}
	#concept #navi-1, #concept #navi-3 {
		width: 100%;
		margin: 0;
		padding: 100px 20px;
		background-color: var(--pale-gray);
	}
	#concept #navi-1 .wp-block-group__inner-container ,
	#concept #navi-3 .wp-block-group__inner-container {
		width: 100%;
		margin: auto;
	}
	#concept .wp-block-group img {
		max-width: 100%;
		height: auto;
	}
	.flexbox__1-2--child__ph500 {
		height: auto;
	}
	.flexbox__1-2--child__ph300 {
		height: auto;
	}
	#concept .flexbox__1-2 figure.mgb40 {
		margin: 0 0 40px;
	}
	#flow #navi-0:after {
		bottom: -30px;
		right: 0;
	}
	#flow #navi-3:after {
		top: -32px;
		left: 0;
	}
	#flow #navi-5:after {
		bottom: -70px;
		right: 0;
	}
	
	/* BEE */
	#navi-1:after {
		display: none;
	}
	#navi-2:after {
		display: none;
	}
/* less 1040 */
}

/* ---------------------------------
 width <= 1024px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1024px) {
	.skin {
		width: 100%;
	}
	.gnavi__outer {
		display: none;
	}
	#menu__button {
		display: flex;
	}
	.works_shop__photos {
		justify-content: space-between;
		width: 100%;
		padding: 0 20px;
	}
	.works_shop__photos li {
		flex: 0 0 225px;
		margin: 0;
	}
	.works_shop__header {
		padding: 45px 20px;
	}
	#works_shop__2nd {
		padding: 100px 20px;
	}
	.wideBan__photo img {
		object-fit: cover;
		width: 100%;
		height: 200px;
	}
	#concept__1st--list {
		padding: 0 20px;
	}
	.concept__1st--item {
		flex: 0 0 480px;
		width: 480px;
		height: 288px;
		margin: 0 0 40px;
	}
	#concept__2nd--list {
		padding: 0 20px;
	}
	.concept__2nd--item {
		flex: 0 0 480px;
		width: 480px;
		height: 192px;
	}
	#information__data {
		padding: 0 20px;
	}
	.square-links__lists {
		padding: 0 20px;
	}
	.square-links__lists--item {
		position: relative;
		flex: 0 0 230px;
		width: 230px;
		height: 230px;
	}
	.sns__area--items {
		padding: 0 20px;
	}
	.sns__area--item {
		width: 475px;
	}
	#flow__items {
		width: 1010px;
		padding: 0;
	}
/* less 1024 */
}

/* ---------------------------------
 width <= 1023px
 --------------------------------- */
 @media screen and (min-width:1px) and (max-width:1023px) {
	#flow__items {
		justify-content: center;
		width: 570px;
		padding: 0;
	}
	.flow__item {
		flex: 0 0 120px;
		margin: 0 30px 0 0;
	}
	.flow__item#flow__item3,
	.flow__item#flow__item5,
	.flow__item#flow__item6 {
		flex: 0 0 120px;
	}
	.flow__item#flow__item4 {
		flex: 0 0 120px;
		margin: 0;
	}
	.flow__item#flow__item5,
	.flow__item#flow__item6 {
		margin: 100px 30px 0 0;
	}
	.flow__item#flow__item7 {
		margin: 100px 0 0 0;
	}
	.flow__item#flow__item3:after {
		display: block;
	}
	.flow__item#flow__item4:after,
	.flow__item#flow__item7:after {
		display: none;
	}
	.flow__item:before {
		width: 120px;
	}
/* less 1023 */
}

/* ---------------------------------
 width <= 900px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:900px) {
	.works_shop__photos li:nth-child(4) {
		display: none;
	}
	.works_shop__photos li {
		flex: 0 0 250px;
		margin: 0;
	}
	.wideBan__title .emp br {
		display: block;
	}
	.concept__1st--item {
		flex: 0 0 380px;
		width: 380px;
		height: 228px;
		margin: 0 0 40px;
	}
	.concept__2nd--item {
		flex: 0 0 380px;
		width: 380px;
		height: 152px;
	}
	.concept__2nd--item .shop-open{
		font-size: .9em;
		margin-top: 5px;
	}
	.concept__2nd--item .shop-open .br-sp{
		display: block;
	}
	
	.square-links__lists--item {
		position: relative;
		flex: 0 0 380px;
		width: 380px;
		height: 380px;
	}
	.square-links__lists--item {
		margin: 0 0 40px 0;
	}
	.sns__area--item {
		width: 384px;
	}
/* less 900 */
}

/* ---------------------------------
 width <= 833px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:833px) {
	.works_shop__photos li {
		flex: 0 0 228px;
		margin: 0;
	}
	.concept__1st--item {
		flex: 0 0 350px;
		width: 350px;
		height: 210px;
		margin: 0 0 40px;
	}
	.concept__2nd--item {
		flex: 0 0 350px;
		width: 350px;
		height: 140px;
	}
	.square-links__lists--item {
		position: relative;
		flex: 0 0 350px;
		width: 350px;
		height: 350px;
	}
	.sns__area--items {
		display: block;
	}
	.sns__area--item {
		width: 500px;
		margin: 0 auto 20px;
	}
	.wp-block-column img {
		width: 100%;
		height: auto;
	}
	.lead-1 {
		margin: 0 0 70px;
		padding: 0 20px;
		text-align: left;
	}
	#concept .flexbox__1-2 figure {
		margin: 0 0 40px;
	}
	#concept .wp-block-group img {
		display: block;
		width: 400px;
		max-width: 100%;
		height: 400px;
		margin: auto;
	}
	#flow .wp-block-group:before {
		flex: 0 0 200px;
		width: 200px;
		height: 200px;
		margin: 0 20px 0 0;
		background-size: 80px 80px;
	}
/* less 833 */
}

/* ---------------------------------
 width <= 768px
 --------------------------------- */
 @media screen and (min-width:1px) and (max-width:768px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.before-after-icon {
	transform: rotate(90deg);
	height: 50px;
}
/* less 768 */
}

/* ---------------------------------
 width <= 767px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:767px) {
	.contact__outer {
		display: none;
	}
	#top {
		background-color: var(--deep-green);
	}
	#menu-symbol {
		fill: #fff;
	}
	.works_shop__photos li {
		flex: 0 0 32%;
		margin: 0;
	}
	.concept__1st--item {
		flex: 0 0 48.5%;
		aspect-ratio: 5 / 3;
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
	.concept__2nd--item {
		flex: 0 0 48.5%;
		aspect-ratio: 5 / 2;
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
	.square-links__lists--item {
		flex: 0 0 48.5%;
		aspect-ratio: 1 / 1;
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
	.flexbox__1-2 {
		display: block;
	}
	#log-in {
		text-align:left;
	}
	#log-in p {
		padding:1.6rem 1rem 1.3rem 1rem;
	}
	#log-in a {
		display:block;
		padding:0;
	}

	#contactus .page__title {
		background-position: 34%;
	}
/* less 767 */
}

/* ---------------------------------
 width <= 639px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:639px) {
	.works_shop__photos {
		flex-wrap: wrap;
	}
	.works_shop__photos li {
		flex: 0 0 48.5%;
		aspect-ratio: 1 / 1;
		width: 100%;
		height: auto;
		margin: 0 0 20px;
	}
	.works_shop__photos li:nth-child(4) {
		display: block;
	}
	.wideBan {
		display: block;
		height: 400px;
	}
	#concept__1st--list {
		display: block;
	}
	#concept__2nd--list {
		display: block;
	}
	#item-blog:after {
		top: -24px;
		left: 0px;
	}
	#item-gardens:after {
		bottom: -70px;
		left: 100px;
	}
	#shop #navi-6:before { 
		top: -15px;
		left: calc( 50% - 224px );
	}
	#shop #works_shop__1st:before {
		top: -15px;
		left: calc( 50% + 126px );
	}
	#shop .lead-1:after {
		top: -80px;
		right: 40px;
	}
	#flow .core-contents h3 {
		margin: 0 0 20px;
	}
	#flow .wp-block-group:before {
		flex: 0 0 150px;
		width: 150px;
		height: 150px;
		margin: 0 20px 0 0;
		background-size: 80px 80px;
	}
	#flow #navi-0:after {
		bottom: -40px;
	}
	#flow #navi-3:after {
		top: -50px;
	}
	#flow #navi-5:after {
		bottom: -80px;
	}

	#flow__items {
		width: 420px;
	}
	.flow__item {
		flex: 0 0 120px;
		margin: 0 30px 0 0;
	}
	.flow__item#flow__item1 {
		flex: 0 0 120px;
		margin: 0 30px 0 0;
	}
	.flow__item#flow__item2 {
		flex: 0 0 120px;
		margin: 0 30px 0 0;	
	}
	.flow__item#flow__item3 {
		flex: 0 0 120px;
		margin: 0;
	}
	.flow__item#flow__item4 {
		flex: 0 0 120px;
		margin: 100px 30px 0 0;
	}
	.flow__item#flow__item5 {
		flex: 0 0 120px;
		margin: 100px 30px 0 0;
	}
	.flow__item#flow__item6 {
		flex: 0 0 120px;
		margin: 100px 0 0;
	}
	.flow__item#flow__item7 {
		flex: 0 0 120px;
		margin: 100px 0 0;
	}
	.flow__item#flow__item3:after,
	.flow__item#flow__item6:after,
	.flow__item#flow__item7:after {
		display: none;
	}
	.flow__item#flow__item2:after,
	.flow__item#flow__item4:after,
	.flow__item#flow__item5:after {
		display: block;
	}
/* less 639 */
}

/* ---------------------------------
 width <= 540px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:540px) {
	.sns__area--item {
		width: 100%;
		margin: 0 auto 20px;
	}
	.sns__area--item__label--inner {
		padding: 0;
	}
	.sns__area--item__label-title {
		margin: 0 0 10px;
		font-size: 19px;
	}
	#concept .wp-block-group img {
		width: 300px;
		height: 300px;
	}
	#sub__title {
		padding: 0 20px;
	}
/* less 540 */
}

/* ---------------------------------
 width <= 430px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:430px) {
	.pagination .pager {
		margin: 0 3px 10px;
	}
	.works_shop__button {
		flex: 0 0 140px;
	}
	.simple-button {
		width: 140px;
	}
	#floating_menu .contact {
		display: block;
		height: auto;
		margin: 20px 0 30px;
		text-align: center;
	}
	#floating_menu a {
		display: block;
	}
	#floating_menu .contact__button {
		display: block;
		margin: 20px auto 0;
	}
	#floating_menu .open-time {
		margin: 0;
	}
	#shop #navi-6:before { 
		top: -15px;
		left: calc( 50% - 164px );
	}
	#shop #works_shop__1st:before {
		top: -15px;
		left: calc( 50% + 96px );
	}
	#shop .lead-1:after {
		top: -80px;
		right: 40px;
	}
	.sns__area--item {
		height: 130px;
		padding: 15px;
	}
	.sns__area--item__label-title {
		margin: 0 0 10px;
		font-size: 16px;
	}
	#sns__area--line img {
		width: 100px;
		height: 100px;
	}
	#sns__area--facebook .sns__area--item__icon {
		padding: 10px;
	}
	.sns__area--item__icon {
		flex: 0 0 100px;
	}
	.sns__area .moreButton {
		width: 135px;
	}
	#flow .core-contents h3:before {
		margin: 0 15px 0 0;
	}
	#flow .wp-block-group:before {
		flex: 0 0 90px;
		width: 90px;
		height: 90px;
		margin: 0 10px 0 0;
		background-size: 70px 70px;
	}
	#flow #navi-0:after {
		bottom: -40px;
	}
	#flow #navi-3:after {
		top: -80px;
	}
	#flow #navi-5:after {
		bottom: -80px;
	}
	.page__title--text {
		font-size: 26px;
	}
/* less 430 */
}

/* ---------------------------------
 width <= 429px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:429px) {
	#flow__items {
		width: 270px;
	}
	.flow__item#flow__item1 {
		flex: 0 0 120px;
		margin: 0 30px 0 0;
	}
	.flow__item#flow__item2 {
		flex: 0 0 120px;
		margin: 0;	
	}
	.flow__item#flow__item3 {
		flex: 0 0 120px;
		margin: 100px 30px 0 0;
	}
	.flow__item#flow__item4 {
		flex: 0 0 120px;
		margin: 100px 0 0;
	}
	.flow__item#flow__item5 {
		flex: 0 0 120px;
		margin: 100px 30px 0 0;
	}
	.flow__item#flow__item6 {
		flex: 0 0 120px;
		margin: 100px 0 0;
	}
	.flow__item#flow__item7 {
		flex: 0 0 120px;
		margin: 100px 0 0;
	}
	.flow__item#flow__item2:after,
	.flow__item#flow__item4:after,
	.flow__item#flow__item6:after,
	.flow__item#flow__item7:after {
		display: none;
	}
	.flow__item#flow__item3:after,
	.flow__item#flow__item5:after {
		display: block;
	}
/* less 429 */
}

/* ---------------------------------
 width <= 375px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:375px) {
	.information__data--item {
		display: block;
	}
	.information__data--date {
		padding: 30px 10px 0 20px;
		border-bottom: 0;
	}
	.information__data--desc {
		padding: 10px 10px 30px 20px;
	}
	#concept #navi-0 .wp-block-group__inner-container:before {
		top: 1360px;
	}
	#concept #navi-0 .wp-block-group__inner-container:after {
		right: 10px;
	}
	#concept #navi-2 .wp-block-group__inner-container:before {
		top: 1360px;
	}
	#concept #navi-3 .wp-block-group__inner-container:after {
		top: 1360px;
	}
	#flow .core-contents h3:before {
		margin: 0 5px 0 0;
	}
	#flow .wp-block-group:before {
		flex: 0 0 62px;
		width: 62px;
		height: 62px;
		margin: 0 5px 0 0;
		background-size: 50px 50px;
	}
	#flow #navi-0:after {
		bottom: -60px;
	}
	#flow #navi-3:after {
		top: -80px;
	}
	#flow #navi-5:after {
		bottom: -60px;
	}
/* less 375 */
}

/* ---------------------------------
 width <= 360px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:360px) {
	.square-links__lists {
		display: block;
	}
	.works_shop__button {
		flex: 0 0 120px;
	}
	.simple-button {
		width: 120px;
	}
	.wideBan__title .small {
		font-size: 13px;
	}
/* less 360 */
}

/* ---------------------------------
 width <= 320px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:320px) {
/* less 320 */
}

/* End of css */