@charset "utf-8";
/* CSS Document */
/*--------------------
Base
--------------------*/
html{
	font-size: 62.5%;
	overflow-y:scroll;
}
body{
	font-family:  a-otf-ud-reimin-pr6n, serif;
	font-feature-settings: "palt";
	font-size: 1.6rem;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
img{
	vertical-align: middle;
}
input,textarea{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #b4cfd8;
	font-size: 1.6rem;
	outline: none;
}
.wrapper{
	max-width: 1400px;
	margin: 0 auto;
}
.img-sp{
		display: none;
	}
.br-sp{
		display: none;
	}
.home-button{
	text-align: right;
	margin-top: 40px;
	margin-right: 40px;
}
.copyright{
	font-family: Cambria,serif;
	font-size : 2rem;
}

/*--------------------
HOME
--------------------*/
.home{
	background-image: url("../img/home/race.gif"),url("../img/home/bg-home.gif");
	background-repeat: repeat-x,repeat;
}
.home .wrapper{
	position: relative;
}
.home-menu{
	display: flex;
}
.title-logo{
	margin: 16px 0 0 72px;
}
.menu-top{
	display: flex;
	position: absolute;
	right: 56px;
	top: 40px;
}
.sns{
	position: relative;
}
.facebook{
	position: absolute;
	top: 3px;
	bottom: 0;
	left: -62px;
	right: 0;
	margin: auto;
}
.insta{
	position: absolute;
	top: 3px;
	bottom: 0;
	left: 62px;
	right: 0;
	margin: auto;
}
.home-contents{
	display: flex;
}
.flower1{
	margin-top: 165px;
	margin-left: 32px;
}
.heading{
	color: #102b26;
	font-size: 2.5rem;
	line-height: 1.5;
	letter-spacing : 0.2rem;
	font-weight: bold;
	padding-left:164px;
	text-indent:-54px;
	margin-top: 46px;
	margin-bottom: 30px;
}
.discription{
	color: #102b26;
	font-size: 1.8rem;
	line-height: 1.5;
	letter-spacing : 0.1rem;
	margin-left: 26px;
	margin-bottom: 12px;
}
.discription-eng{
	color: #283f38;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 0.1rem;
	margin-left: 26px;
}
.discription-eng2{
	color: #283f38;
	font-size: 1.5rem;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 0.1rem;
	padding-left: 84%;
}
.menu-whatsnew{
	margin-top: 3px;
	margin-left: 286px;
}
.menu1{
	margin-top: -10px;
	margin-left: 164px;
	white-space: nowrap;
}
.menu1-1{
	margin-top: -4px;
	margin-left: -4px;
}
.menu2{
	margin: 18px 0 0 236px;
	white-space: nowrap;
}
.menu2-1{
	margin-right: 24px;
	margin-top: -3px;
}
.menu3{
	margin-top: -1px;
	margin-left: 178px;
	white-space: nowrap;
}
.menu3-1{
	margin-top: -3px;
	margin-right: 24px;
}
.home .copyright{
	color: #283f38;
	margin: 34px 0 42px 105px;
}
/*--------------------
Designer
--------------------*/
.designer{
	background-image: url("../img/designer/bg-disigner.gif");
	background-repeat: repeat;
}
.designer .wrapper{
	position: relative;
}
.profile{
	position: relative;
	float: right;
	max-width: 812px;
	background: rgba(255,255,255, 0.52);
	-webkit-box-shadow: 0 0 5px #f5eefc;
	-moz-box-shadow: 0 0 5px #f5eefc;
	box-shadow:  0 0 5px #f5eefc;
	color: #210a13;
	line-height: 1.5;
	padding-left: 48px;
	margin-top: 27px;
	margin-right: 46px;
	z-index: 2;
}
.profile-clear{
	clear: both;
}
.peony{
	position: absolute;
	top: 240px;
	left: 40px;
	z-index: 1;
}
.pro-title{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 26px;
	margin-bottom: 7px;
	text-shadow: 1px 1px 3px #fff, -1px 1px 3px #fff, 1px -1px 3px #fff, -1px -1px 3px #fff;
}
.pro-title1{
	font-family: Cambria,serif;
	font-size: 3.1rem;
	margin-right: 28px;
}
.pro-title2{
	font-family: Cambria,serif;
	font-size: 3.6rem;
	margin-right: 12px;
}
.pro-title3{
	font-size: 3.6rem;
	font-weight: bold;
	margin-bottom: 1px;
}
.pro-title4{
	text-align: center;
	font-size: 2.2rem;
	letter-spacing : 0.2rem;
	line-height: 1.3;
}
.pro-jpn{
	font-size: 1.8rem;
	letter-spacing : 0.2rem;
	margin-top: 8px;
	margin-bottom: 8px;
}
.pro-eng{
	font-family: Cambria,serif;
	font-size: 1.8rem;
	letter-spacing: 0.2rem;	
	margin-bottom: 40px;
}
.pro-eng2{
	margin: 6px 0;
}

/*フォーム*/
.form-space{
	height: 130px;
}
.form-img1-outer{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.contact-header{
	text-align: center;
}
.googleform{
	margin: 0 auto;
	text-align: center;
	background: rgba(255,255,255, 0.52);
	-webkit-box-shadow: 0 0 5px #f5eefc;
	-moz-box-shadow: 0 0 5px #f5eefc;
	box-shadow:  0 0 5px #f5eefc;
	width: 834px;
	height: 548px;
}
.googleform iframe{
	width: 834px;
	height: 548px;
}
.designer .copyright{
	color: #dfc7cd;
	margin-top: -24px;
	margin-left: 52px;
}
.designer .wrapper{
	padding-bottom: 38px;
}
/*--------------------
Works
--------------------*/
.works{
	background-image: url("../img/works/bg-floralart.gif");
	background-repeat: repeat;
	color: #283f38;
}
.works img{
	flex-shrink: 0;
}
.works-box{
	padding: 40px 10% 0 11%;
}
.works-title{
	position: relative;
	font-size: 2.5rem;
	letter-spacing : 0.2rem;
	font-weight: bold;
	margin: 40px 0 30px 20px;
}
.works-inner1{
	display: flex;
	align-items: flex-start;
}
.works-inner2{
	display: flex;
	flex-flow: row-reverse;
	align-items: flex-start;
}
.works-discription{
	font-size: 1.8rem;
	line-height: 1.5;
	letter-spacing: 0.2rem;
}
.daria1{
	margin-left: -62px;
}
.text1{
	margin-left: 92px;
	flex-basis: 506px;
}
.basket{
	flex-grow: 1;
}
.text2{
	position: relative;
	margin-left: 30px;
	margin-top: 12px;
	width: 678px;
}
.works-img1{
	margin-left: 146px;
	margin-top: 14px;
}
.works-title2{
	margin-top: 40px;
}
.text3{
	margin-left: 92px;
	margin-right: 36px;
	width: 460px;
}
.summer{
	margin-right: -30px;
}
.works-title3{
	margin-top: 12px;
	margin-bottom: 36px;
}
.protea{
	margin-left: -14px;
}
.text4{
	margin-top: 40px;
	margin-left: 20px;
	width: 540px;
}
.home-button2{
	text-align: right;
	margin-right: 40px;
}
.works-title4{
	margin-top: -58px;
}
.float-space{
	float: right;
	height: 340px;
}
.float-img{
	float: right;
	clear: both;
	margin: 12px 0 0 12px;
}
.text5{
	margin-left: 92px;
	margin-top: 40px;
	max-width: 890px;
}
.works-title5{
	margin-top: 48px;
}
.text6{
	margin-left: 92px;
	max-width: 890px;
}
.works-img2{
	display: flex;
	align-items: flex-end;
	margin-top: 64px;
	margin-left: -10px;
}
.works-img2 img{
	flex: 0 0 33.333%;
}
.goods{
	max-width: 410px;
}
.goshuin{
	margin: 0 18px;
	max-width: 264px;
}
.towels{
	max-width: 380px;
}
.works .copyright{
	color: #f8acaf;
	margin-top: -14px;
	margin-left: 97px;
	margin-bottom: 42px;
}
/*--------------------
What's New
--------------------*/
.new{
	background-image: url("../img/new/bg-whatsnew.gif");
	background-repeat: repeat;
}
.new-dot{
	max-width: 894px;
	position: relative;
	border: dotted  5px #92ae75;
	margin: 44px auto 40px;
	padding: 24px 34px;
}
.new-box{
	color: #87588e;
	font-size: 2rem;
	line-height: 1.4;
	letter-spacing : 0.2rem;
	background-image: url("../img/new/inside-whatsnew.gif");
	-webkit-box-shadow: 0 0 10px #143429;
	-moz-box-shadow: 0 0 10px #143429;
	box-shadow:  0 0 10px #143429;
	padding: 40px 126px 40px 112px;
	min-height: 642px;
}
.new-item{
	padding-left:1rem;
	text-indent:-1rem;
	margin-bottom: 18px;
}
.whatsnew{
	position: absolute;
	left: 0;
	right: 0;
	top: -22px;
	margin: auto;
}
.left-top{
	position: absolute;
	top: -74px;
	left: -72px;
}
.right-top{
	position: absolute;
	top: -48px;
	right: -104px;
}
.left-btm{
	position: absolute;
	bottom: -36px;
	left: -63px;
}
.right-btm{
	position: absolute;
	bottom: -83px;
	right: -67px;
}
.new .copyright{
	color: #283f38;
	margin-top: 44px;
	margin-left: 106px;
	margin-bottom: 16px;
}
/*--------------------
Shop
--------------------*/
.shop{
	background-image: url("../img/shop/bg-shop.png");
	background-repeat: repeat;
}
.preparation{
	position: relative;
	color: #443c18;
	font-size: 2.4rem;
	line-height: 1.3;
	letter-spacing: 0.2rem;
	max-width: 910px;
	margin: 198px auto 40px;
}
.pre-leaf1{
	position: absolute;
	top: -156px;
	left: -148px;
}
.pre-leaf2{
	position: absolute;
	top: -98px;
	right: -36px;
}
.shop .copyright{
	color: #595e74;
	position: absolute;
	bottom: 24px;
	left: 100px;
}

/*スマホ・タブレット版*/
@media screen and (max-width:1024px){
	/*--------------------
	Base
	--------------------*/
	body{
		box-sizing: border-box;
		margin: 0;
		-webkit-text-size-adjust: 100%;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.wrapper{
		max-width: 100%;
		margin: 0 3%;
	}
	.img-pc{
		display: none;
	}
	.img-sp{
		display: block;
	}
	.br-pc{
		display: none;
	}
	.br-sp{
		display: block;
	}
	.home-button{
		text-align: center;
		margin-top: 0;
		margin-right: 0;
	}
	.copyright{
		margin: 32px 0 42px 0;
		text-align: center;
	}
	/*--------------------
	HOME
	--------------------*/
	.home-menu{
		display: block;
		text-align: center;
		}
	.title-logo{
		margin: 16px auto 30px auto;
	}
	.contact-icon{
		margin: 12px auto;
	}
	.menu-top{
		display: block;
		position: static;
		text-align: center;
	}
	.home-contents{
		display: block;
	}
	.flower1{
		margin-top: 24px;
		margin-left: 0;
		text-align: center;
	}
	.heading{
		padding-left:0;
		text-indent:0;
		margin-top: 46px;
		margin-bottom: 40px;
	}
	.discription{
		margin-left: 0;
		margin-bottom: 24px;
	}
	.discription-eng{
		margin-left: 0;
	}
	.discription-eng2{
		padding-left: 0;
		text-align: right;
	}
	.menu-whatsnew{
		margin-top: 12px;
		margin-left: 0;
		text-align: center;
	}
	.menu1{
		margin-top: 0;
		margin-left: 0;
		text-align: center;
		white-space: normal;
	}
	.menu1-1{
		margin-top: 0;
		margin-left: 0;
	}
	.menu2{
		margin: 0;
		text-align: center;
		white-space: normal;
	}
	.menu3{
		margin-top: 0;
		margin-left: 0;
		text-align: center;
		white-space: normal;
	}
	.menu2-1{
		margin-right: 0;
		margin-top: 0;
	}
	.menu3-1{
		margin-top: 0;
		margin-right: 0;
	}
	.menu4{
		text-align: center;
	}
	.menu4 img{
		display: inline-block;
	}
	.home .copyright{
		margin-top: 40px;
		margin-left: 0;
		margin-bottom: 42px;
	}
	
	/*--------------------
	Designer
	--------------------*/
	.profile{
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		padding: 0 12px;
	}
	.peony{
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto;
	}
	.pro-title{
		display: block;
		text-align: center;
		margin-top: 12px;
		margin-bottom: 12px;
		padding-top: 12px;
		line-height: 1.1;
	}
	.pro-title1{
		margin-right: 0;
	}
	.pro-title2{
		margin-right: 0;
	}
	.pro-title3{
		margin-bottom: 0;
	}
	/*フォーム*/
	.form-space{
		height: 0;
	}
	.googleform{
		position: relative;
		width: 100%;
		height: 100%;
		overflow: auto; 
  		-webkit-overflow-scrolling:touch;
		padding-top: 120%;
		margin-bottom: 40px;
	}
	.googleform iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display:block;
	}
	.designer .copyright{
		margin-top: 40px;
		margin-left: 0;
	}
	.designer .wrapper{
		padding-bottom: 0;
	}
	/*--------------------
	Works
	--------------------*/
	.works{
		background-image: url("../img/works/bg-smartp.png");
		background-repeat: repeat;
	}
	.works img{
		flex-shrink: 1;
	}
	.works h2{
		text-align: center;
		margin-top: 40px;
	}
	.works-box{
		padding: 0;
	}
	.works-title{
		margin: 40px 0;
	}
	.works-inner1{
		display: block;
	}
	.works-inner2{
		display: block;
	}
	.works-discription{
		margin: 12px 0;
	}
	.daria1{
		display: block;
		margin: 0 auto;
	}
	.text1{
		margin-left: 0;
	}
	.basket{
		display: block;
		margin: 0 auto;
	}
	.text2{
		margin-left: 0;
		margin-top: 0;
		width: 100%;
	}
	.works-img-sp{
		text-align: center;
	}
	.works-img1{
		margin-left: 0;
	}
	.works-title2{
		margin-top: 0;
	}
	.text3{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.summer{
		display: block;
		margin: 0 auto;
	}
	.works-title3{
		margin-top: 0;
		margin-bottom: 40px;
	}
	.protea{
		display: block;
		margin: 0 auto;
	}
	.text4{
		margin-top: 12px;
		margin-left: 0;
		width: 100%;
	}
	.home-button2{
		text-align: center;
		margin-top: 40px;
		margin-right: 0;
	}
	.works-title4{
		margin-top: 0;
	}
	.float-space{
		float: none;
		height: 0;
	}
	.float-img{
		float: none;
		text-align: center;
	}
	.text5{
		margin-left: 0;
		margin-top: 0;
		width: 100%;
	}
	.works-title5{
		margin-top: 40px;
	}
	.text6{
		margin-left: 0;
		width: 100%;
	}
	.works-img2{
		display: block;
		margin: 0 0 40px 0;
		text-align: center;
	}
	.goods{
		width: 100%;
	}
	.goshuin{
		margin: 0;
		width: 100%;
	}
	.towels{
		width: 100%;
	}
	.works .copyright{
		color: #f8acaf;
		margin-top: 40px;
		margin-left: 0;
	}
	/*--------------------
	What's New
	--------------------*/
	.new-dot{
		margin: 28px auto 40px;
		padding: 24px 3%;
}
	.new-box{
		padding: 20px 3%;
		min-height: 100%;
	}
	.whatsnew-smartp img{
		display: inline-block;
	}
	.whatsnew-smartp{
		text-align: center;
		margin-top: 3%;
	}
	.new .copyright{
		color: #283f38;
		margin-top: 40px;
		margin-left: 0;
		margin-bottom: 40px;
	}
	/*--------------------
	Shop
	--------------------*/
	.shop{
		background-image: url("../img/shop/bg-shop.png");
		background-repeat: repeat;
	}
	.preparation{
		margin: 40px auto 40px;
	}
	.shop .copyright{
		position: inherit;
		bottom: 0;
		left: 0;
	}
}