@charset "utf-8";
/* CSS Document */

body {
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
 @keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}


.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}

/*MENUへ戻る*/
.pagetop {
	position: fixed;
	bottom: 20px;
	right: 0;
}


#pageContents {
	margin-bottom:50px;
}
#pageContents img { 
	vertical-align:bottom;
}
#pageContents.botanical {
	background:#FFFFFF;
}

.main p {
	line-height:180%;
	text-align:center;
}



#main_txt {
background:url(https://image.rakuten.co.jp/angers/cabinet/sim0172/btncl18-02b.jpg);
	width:950px;
	height:387px;
}
#main_txt p {
	padding:150px 10px 20px 10px;
	text-align:center;
	font-size:14px;
	line-height:1.4;
}

/*メインスライドショー*/
#slideshow {
   position: relative;
   width:  950px; /* 画像の横幅に合わせて記述 */
   height: 506px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}




.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}




/*富坂さん*/

.btpng{
	width:226px;
	height:231px;
	padding:380px 0 0 30px;
}
#tomisaka {
	width:950px;
	background:#e8f3dd;
	padding:20px;
	overflow:hidden;
	_zoom:1;
	margin:50px 0 80px 0;
}
#tomisaka img {
	width:174px;
	float:left;
	margin-right:20px;
}

#tomisaka p {
	width:716px;
	float:left;
}

.tomisaka_name {
	font-weight:bold;
	font-size:1.4em;
	padding-bottom:10px;
}

.tomisaka_designer{
	display:none;
}

.tomisaka_photo{
	display:none;
}

/*MENU*/

#menu {
	width:950px;
	overflow:hidden;
	_zoom:1;
	margin-bottom:150px;
}
.botanical #menu ul li {
	width:216px;
	float:left;
	margin:10px;
}

/*カテゴリタイトル*/
.topics #title01 {
	background:url(https://image.rakuten.co.jp/angers/cabinet/sim0172/btncl18-t01.jpg);
	text-indent:-9999999px;
	width:950px;
	height:151px;
}

.topics #title02 {
	background:url(https://image.rakuten.co.jp/angers/cabinet/sim0172/btncl18-t02.jpg);
	text-indent:-9999999px;
	width:950px;
	height:177px;
}


.topics #title03 {
	background:url(https://image.rakuten.co.jp/angers/cabinet/sim0172/btncl18-t03.jpg);
	text-indent:-9999999px;
	width:950px;
	height:151px;
}


.topics #title04 {
	background:url(https://image.rakuten.co.jp/angers/cabinet/sim0172/btncl18-t04.jpg);
	text-indent:-9999999px;
	height:177px;
}



/*植物の選び方*/

.topics {
	width:950px;
	margin-bottom:150px;
}

.topics .tmsk_txt {
	background:url(https://image.rakuten.co.jp/angers/cabinet/sim0167/btncl17-b3-01.jpg);
	width:740px;
	height:125px;
	padding:30px 40px 20px 170px;
	font-size:1.4em;
	line-height:1.7em;
	margin:20px 0;
}


.title_namber,.title_name,.ctg04_subtitle{
	display:none;
}


/*ガーデニング*/
.ctg02_txt {text-align:center; font-size:1.4em; padding:20px; background-color:#e8fde4; line-height:1.4; margin-top:30px;}
.topics .byer_txt {
	padding:30px;
	font-size:1.3em;
	line-height:1.7;
}
.topics_block {
	width:950px;
	overflow:hidden;
	_zoom:1;
	margin:20px 0;
}
.topics_block #sub_title01 {
	background:url(https://image.rakuten.co.jp/angers/cabinet/sim0172/btncl18-b3-t01.jpg);
	width:463px;
	height:75px;
	text-indent:-99999px;
	float:left;
	margin:50px 0 0 20px;
}


.topics_block #sub_title02 {
	background:url(https://image.rakuten.co.jp/angers/cabinet/sim0172/btncl18-b3-t02.jpg);
	width:463px;
	height:75px;
	text-indent:-99999px;
	float:right;
	margin:50px 20px 0 0;
}

.topics_block #sub_title03 {
	background:url(https://image.rakuten.co.jp/angers/cabinet/sim0172/btncl18-b3-t03.jpg);
	width:463px;
	height:75px;
	text-indent:-99999px;
	float:left;
	margin:50px 0  0 20px;
}

.topics_block #sub_title04 {
	background:url(https://image.rakuten.co.jp/angers/cabinet/sim0172/btncl18-b3-t04.jpg);
	width:463px;
	height:75px;
	text-indent:-99999px;
	float:right;
	margin:70px 20px 0 0;
}

.topics_block .right_txt{
	width:458px;
	float:left;
	padding:10px 30px 0 20px;
	font-size:1.4em:
}

.topics_block .right_img{
	width:442px;
	float:right;
}

.topics_block .left_txt{
	width:458px;
	float:right;
	padding:10px 20px 0 30px;
	font-size:1.4em:
}

.topics_block .left_img{
	width:442px;
	float:left;
}

.step_txt{
	width:950px;
	overflow:hidden;
	_zoom:1;
}

.step_txt li{
	float:left;
	width:190px;
	text-align:center;
	padding-top:5px;
}



/*飾り方*/


.cnts3_icon{
	width:950px;
	text-align:center;
	margin-top:30px;
}

.cnts3_subtitle{
	display:none;
}

.display{
	width:950px;
	overflow:hidden;
	_zoom:1;
}

.display_box{
	width:455px;
	float:left;
	margin:20px 40px 20px 0;
}

.display_box:nth-child(2n){
	width:455px;
	float:left;
	margin:20px 0 20px 0;
}

.display_box p{
	padding:10px;
}

.item_txt{
	font-size:1em;
	padding:10px;
	line-height:1.8;
}
.item_txt li{
	padding-bottom:5px;
}

.item_txt a,.item_txt02 a{
	text-decoration:underline;
}


.item_txt02 li{
	font-size:0.9em;
	display:inline-block;
	width:300px;
}


.display_box_big{
	width:950px;
	margin:20px 0;
}

.display_box_big p{
	padding-top:10px;
}



/*LINEUP*/


.ctgCnt {
	padding:30px 0;
	background:#f5f5f5;
	margin-bottom:0;
}
.ctgCnt h2 {
background:;
	color:#000;
	margin:0;
	padding:0;
}
.item3col li a:hover {
	text-decoration:none!important
}

.item_catch {
	font-size:1.2em;
	font-weight:bold;
}
.item3col .itemInfo {
	line-height: 140%;
	padding-right: 5px;
}
.item3col .itemInfo span.Name {
	color: #000!important;
}
.item3col a:hover img {
	background-color: #000;
	opacity: 0.6;	/*filter: alpha(opacity=50);*/
}

.itemInfo mark.newicon {
	background:#f91646;
	padding:2px 2px;
	font-weight:bold;
	color:#fff;
	margin-left:2px;
}


.newicon {
	background:#fb2c58;
	padding:2px 2px;
	font-weight:bold;
	color:#fff;
	text-decoration:none!important;
}

.renew-b {
	background:#f9b116;
	padding:2px 7px;
	line-height:0.8em;
	font-weight:bold;
	color:#fff;



.ctgCnt ul {
	background:#f5f5f5;
}
.ctgCnt h2 {
	width:983px;
	margin:0 auto;
}

ul.itemCnt {
	overflow: hidden;
	display: block;
	padding: 20px 21px 20px 21px;
	font-size: 0;
}



/*コラム*/
.colam{
	margin:10px;
	line-height:2.0em;
}

.colam_title{
	font-weight:bold;
	font-size:1.2em;
}


/*アニメション*/
.animate_item{
	position: absolute;
	top: 0;
	left: 0;
	z-index:996;
	opacity:0;
}
.animate_item.fadeIn{
	-webkit-animation-duration: 2.4s;
	animation-duration: 2.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	z-index:997;
}
.animate_item.fadeOut{
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
	z-index:996;
}
@-webkit-keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@keyframes fadeIn{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}
@keyframes fadeOut{
	from{opacity: 1;}
	to{opacity: 0;}
}


/*animation*/
.move2{transition: 0.8s; opacity: 0; transform: translate(0,60px); -webkit-transform: translate(0,60px); }
.move2on{opacity: 1.0; transform: translate(0,0); -webkit-transform: translate(0,0);}

.anime1 {animation-duration: 1s;animation-name: slidein;}

@keyframes fadein {
from {opacity:0;}
to {}
}