@charset "UTF-8";




/* CSS Document */

/*---------------------------------------------

reset

---------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img {
	margin:0;
	padding:0;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
fieldset,
img {
	border:0;
	}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
	}
ol,
ul {
	list-style:none;
	}
caption,
th {
	text-align:left;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
	}
img {
	vertical-align:top;
	}

a {
	border:none; outline:none;
	}
*{
	zoom : 1;
	}

/*---------------------------------------------

style

---------------------------------------------*/
ol, ul {
    list-style: none;
}
/* clearfix */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-decoration: none;
}


#page-top {
    position: fixed;
    bottom: 85px;
    right: 15px;
    font-size: 70%;
	z-index:10000;
}


#page-top a {
	text-decoration: none;
	color: #666;
	width: 45px;
	padding:10px 0;
	text-align: center;
	display: block;
	border-radius: 20px;
	background-color: #f0edec;
}


#page-top a:hover {
	text-decoration: none;
	background-color: #efe2d9;
}
	


a.navi2{
	color: #000;
	text-decoration:none;
	
}


a.navi2:hover {
	color:#003700;
	text-decoration:underline;
}





a.navi3{
	color: #36c;
	text-decoration:underline;
	
}

a.navi3:hover {
	color: #600;
	text-decoration:underline;
}




a.navi4{
	color: #455f92;
	text-decoration:underline;
	
}

a.navi4:hover {
	color: #600;
	text-decoration:underline;
}


html,  body {
margin: 0;
width: 100%;
height: 100%;
}





header {
width: 100%;
height: 60px;
background-color:white;
position:relative;
}





	


body{
	/* スマホ横揺れ防止 */
	overflow-x:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	
}




/*-------------------- TOP 全画面画像 ---------------------*/


.section,
.slide{
	-webkit-background-size: cover;
	background-size: cover;
	overflow:hidden;
	
	z-index:1;
	
}




/* スマホ横揺れ防止 google指定 */
.section,
.slide img{
	 max-width:100%;
	 display:block;
	 
}



body{/*ロゴのセンター揃えの親要素用指定 */
	position:relative;
	text-align:center;
	}




.inner{/*ロゴの位置指定*/
	left:50%;
	position:absolute;
	top:59%;
}



.content{
	transform:translate(-50%,-50%);
	
}


.content img{/****** ロゴサイズ *******/
	
width: 100%;
	max-width: 140px;
	margin-left:0px;
	
	
}


.content h1{/****** キャッチ *******/
	
	  font-family:"Kiwi Maru" , serif;
	 font-size:1.50em;
	color:#efebae;
	text-align:center;
 font-weight:300;
	font-style:normal;
	line-height:1.2;
	
	margin:180px auto 0 auto;
	
	
}






.slidetitle{/*SCROLL*/
      	padding:10px;
      	/*background:#333;*/
      	position:absolute;
		
		left:5%;
      	bottom:2%;
      	
      	opacity:0.8;
		
		text-align:center;
		margin:0 auto;
		
font-family:"Kiwi Maru" , serif;
		
		letter-spacing:0.1em;
		
		borde: thin solid #666;
		
		color:white;
		
		width:100%;
		max-width:80px;
}




/*-------------------- 下部詳細 ---------------------*/


.contents_inf {/*写真背景*/

width:100%;
background-size:cover;

background:url("../img/2025/top_c.jpg") repeat; /*no-repeatだと上下に白余白が出てrepeat指定で余白を消去。けど画像サイズ大に変更後はこの指定でOK*/

background-attachment:fixed;
background-position:center;




z-index:1;


}





.contents_inf_1 {/*透過背景*/

position:relative;

   display:block;
   width:100%;
  max-width:72%;

   background:rgba(239,239,222,0.7);/*黄色*/
   margin:0 auto;
}









/***************** リード ******************/



section#contents_1 {
	
	width:100%;
	max-width:85%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap;
	
}


section#contents_1 article {
	

text-align:center;
width:100%;
max-width:100%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/

background:;
	
}



section#contents_1 article p {/*風の声に耳を傾け*/
font-family:"Kiwi Maru" , serif;
	font-size:1.06em;
	color:#003700;
	text-align:center;
	font-weight:normal;
	line-height:2;
	

	
}


section#contents_1 article span br {
	display:none;



}



/***************** 春音の今******************/

section#contents_01 {
	
	width:100%;
	max-width:85%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap-reverse;
}


section#contents_01 article {
	

text-align:center;
width:100%;
max-width:100%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/

background:;
	
}



section#contents_01 article h2 {/*春音の今 about*/
width:100%;
max-width:80px;
font-family:"Kiwi Maru" , serif;

border-top:medium solid #003700;
border-bottom:thin solid #003700;



padding:10px;
margin:0 auto 10px auto;

	font-size:1em;
	
	text-align:center;
	font-weight:400;
	line-height:1.2;
	
	color:#003700;

}




section#contents_01 article p {/*心を癒す花となり*/
font-family:"Kiwi Maru" , serif;
	font-size:0.94em;
	/*color:#003;*/
	color:#003700;
	text-align:left;
	font-weight:normal;
	line-height:2;
	
	letter-spacing:-0.05em;
	


}


section#contents_01 article span br {
	display:none;



}


/***************** 春音の仕事******************/

section#contents_02 {
	
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap;
	
}


section#contents_02 article {
	

text-align:center;
width:100%;
max-width:100%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/


	
}



section#contents_02 article h2 {/*春音の仕事 works*/
width:100%;
max-width:80px;
font-family:"Kiwi Maru" , serif;

border-top:medium solid #003700;
border-bottom:thin solid #003700;

padding:10px;
margin:0 auto 10px auto;

	font-size:1em;
	
	text-align:center;
	font-weight:400;
	line-height:1.2;
	
	color:#003700;

}

section#contents_02 article p {/*切り花やフラワーアレンジ*/
font-family:"Kiwi Maru" , serif;
	font-size:0.94em;
	color:#003;
	text-align:center;
	font-weight:normal;
	line-height:2;
	
		color:#003700;
	

	
}



section#contents_02 article h3 span {/*薄グリーン 草木花を取り扱う　*/

font-family:"Kiwi Maru" , serif;

	font-size:1.13em;
	font-weight:bold;
	line-height:1.5;
	
	color:#257e2f;
	

}



section#contents_02 article h3 {/*工房春音*/

font-family:"Kiwi Maru" , serif;

margin:40px auto 10px auto;

	font-size:1.13em;
	
	text-align:center;
	font-weight:400;
	line-height:1.5;
	
	color:#003700;

}




section#contents_02 article h3 span.address {/*住所*/

font-family:"Kiwi Maru" , serif;

	font-size:0.88em;
	font-weight:300;
	line-height:1;
	
color:#003700;

letter-spacing:-0.1em;

}




section#contents_02 article p.inf {/*店舗という形態ではございません。*/
font-family:"Kiwi Maru" , serif;
	font-size:0.94em;
	color:#003;
	text-align:center;
	font-weight:normal;
	line-height:1.5;
	
		color:#003700;
	

	
}


section#contents_02 article p.sns {/*insta*/
width:100%;
max-width:80px;
font-family:"Kiwi Maru" , serif;
	font-size:0.94em;
	color:#003;
	text-align:center;
	font-weight:300;
	line-height:1.5;
	
		color:#003700;
		
		border:thin solid #003700;
		border-radius:30px;
		padding:15px;
		
		margin:25px auto;
	

	
}



/*-------------------- MAIL ---------------------*/

section#mail {
	
	width:100%;
	max-width:250px;
	
	background:;
	margin:160px auto 0 auto;
	text-align:center;
	
}



section#mail article {
	
	display:block;
	width:100%;
	max-width:100%;
	
}



section#mail article img {
	
	width:100%;
	max-width:100px;
	
}






/***************** 下部文面 ******************/

footer {
	
	width:100%;
	max-width:90%;
	margin:0 auto;
	padding-top:100px;
	background:;
	
	display:flex;
	flex-wrap:wrap;
	
}


footer article {
	

text-align:center;
width:100%;
max-width:100%;/*一段組*/
margin:0 auto;/*各項目の左右余白ここで指定*/
background-color:;/*色入れて マウスオーバーで色付く*/
margin:0px; /*画像回りの余白*/

background:;
	
}







footer article h3 {/*植物を育てる植物を伝える*/

font-family:"Kiwi Maru" , serif;

margin:30px auto 40px auto;

	font-size:1.13em;
	
	text-align:center;
	font-weight:400;
	line-height:1.5;
	
	color:#003700;

}



footer p.copyright{
display:block;	
position:relative;

text-align:center;
color:black;
font-family: "Courier New", Courier, monospace;
font-size:0.75em;
letter-spacing:0em;

margin:0 auto;


height:50px;

}






@media only screen and (min-width: 500px) {
	
	.content img{/****** ロゴサイズ *******/
	max-width: 160px;
}


.content h1{/****** キャッチ *******/
	font-size:1.81em;
	
}



/***************** リード ******************/

section#contents_1 article p {/*風の声に耳を傾け*/

	font-size:1.19em;
	
}





/***************** 春音の今******************/

section#contents_01 {
	max-width:65%;
	
}




section#contents_01 article h2 {/*春音の今 about*/

	font-size:1.13em;


}




section#contents_01 article p {/*心を癒す花となり*/
    font-size:1.06em;
	
	letter-spacing:0em;
	
}




/***************** 春音の仕事******************/





section#contents_02 article h2 {/*春音の仕事 works*/
       max-width:95px;
       font-size:1.13em;
}



section#contents_02 article p {/*切り花やフラワーアレンジ*/

	font-size:1.06em;
	

	
}



section#contents_02 article h3 span {/*薄グリーン 草木花を取り扱う　*/


	font-weight:400;
	

}




section#contents_02 article h3 span.address {/*住所*/



	font-size:0.94em;
	
letter-spacing:0em;
}




section#contents_02 article p.inf {/*店舗という形態ではございません。*/

	font-size:1em;
	
	

	

	
}




	
}







@media only screen and (min-width: 741px) {
	
	
	.content img{/****** ロゴサイズ *******/
	

	max-width: 180px;

	
	
}


.content h1{/****** キャッチ *******/
	

	 font-size:2em;
	
	
	
}

	



header {
width:100%;
height: 75px;
background-color:white;
position:fixed;

z-index:20;
}

.contents_inf_1 {/*透過背景*/

position:relative;

   display:block;
   width:100%;
  max-width:60%;

   background:rgba(239,239,222,0.7);/*黄色*/
   margin:0 auto;
}



	
	

/***************** リード ******************/




section#contents_1 article p {/*風の声に耳を傾け*/

	font-size:1.31em;
	
}





/***************** 春音の今******************/

section#contents_01 {
	max-width:400px;
	
}




section#contents_01 article h2 {/*春音の今 about*/

	font-size:1.25em;


}




section#contents_01 article p {/*心を癒す花となり*/
    font-size:1.13em;
	color:#003700;
	
}




/***************** 春音の仕事******************/





section#contents_02 article h2 {/*春音の仕事 works*/
       max-width:105px;
       font-size:1.25em;
}



section#contents_02 article p {/*切り花やフラワーアレンジ*/

	font-size:1.13em;
	

	
}




section#contents_02 article h3 span {/*薄グリーン 草木花を取り扱う　*/
    display:inline-block;
    font-size:1.06em;
	

}



section#contents_02 article h3 {/*工房春音*/

    font-size:1.31em;
	
}





section#contents_02 article h3 span.address {/*住所*/

    font-size:0.94em;
	

}




section#contents_02 article p.inf {/*店舗という形態ではございません。*/

	font-size:1.13em;
	
}


}








@media screen and (min-width: 1200px) {


.contents_inf_1 {/*透過背景*/

 max-width:750px;

}





/***************** 春音の今******************/

section#contents_01 {
	max-width:540px;
	
}


section#contents_01 article p {/*切り花やフラワーアレンジ*/

	font-size:1.19em;
	
	margin-top:20px;
	
	line-height:2;
	

	
}



/***************** 春音の仕事******************/

section#contents_02 article p {/*切り花やフラワーアレンジ*/

	font-size:1.19em;
	
	margin-top:20px;
	
	line-height:2;
	

	
}


section#contents_02 article h3 span {/*薄グリーン 草木花を取り扱う　*/
   margin-top:15px;
	

}

section#contents_02 article p.inf {/*店舗という形態ではございません。*/

	font-size:1.13em;
	
	line-height:1.6;
	
}




footer article h3 {/*植物を育てる植物を伝える*/



	font-size:1.25em;
	
	
}


}



@media screen and (min-width: 1600px) {

.slidetitle{/*スクロール*/
      
		left:48%;
      	bottom:3%;
      	
    }
}




/*---------------------------------------------

fullPage.js css override

---------------------------------------------*/

.fp-controlArrow.fp-prev{
	border-width: 15px 20px 15px 0;
}
.fp-controlArrow.fp-next{
	border-width: 15px 0px 15px 20px;
	right: 50px;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span{
	background: transparent;
	border: 1px solid #ffffff;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span{
	background: #ffffff;
}


.maximg {
display:none;
position:relative !important;

   animation: fadeIn 2s ease 0s 1 normal;/* Fade in */
    -webkit-animation: fadeIn 2s ease 0s 1 normal;

}


@keyframes fadeIn {
    0% {
		opacity: 0;
		}
    99.9%,
	to {
		opacity: 1;
		}
}

@-webkit-keyframes fadeIn {
    0% {
		opacity: 0;
		}
    99.9%,
	to {
		opacity: 1;
		}
}