@charset "utf-8";

/* CSS Document */
html{
	font-size: 62.5%;}
body {
	font-size: 10px; font-size: 1.0rem;
	color:#41220f;
	text-align:center;
	line-height:1.5;
	letter-spacing:0.05rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

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

a {text-decoration:none;}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	vertical-align:bottom; }

#wrap{
	width:100%;
	overflow:hidden;}
	
.pc{
	display:none;
	height:0;
	width:0;}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
footer{
	font-size:1.3rem;
	padding:8px 4%;
	margin-bottom:48px;}
footer p{
	margin-bottom:8px;}
footer ul{
	text-align:center;}
	footer ul li{
		display:inline-block;
		text-align:left;}
	footer ul a{
		color:#41220f;
		padding:0 8px;
		border-left:1px solid #41220f;}
	footer ul li:last-child a{
		border-right:1px solid #41220f;}

#pagetop a{
	font-size:1.3rem;
	color:#41220f;
	display:block;
	padding:8px 4%;
	border-top:1px solid #f5f4f1;
	background: -moz-linear-gradient(top,#fff 0%,#f5f4f1);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f4f1));}	

#nav{
	position: fixed ;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;}
	#nav a{
		padding:0;
		vertical-align:top;
		color:#fff;
		height:48px;
		line-height:48px;
		display:inline-block;
		box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}
	#nav a.phone{
		width:55%;
		padding:0 4%;
		border-top:1px solid #ecd9b8;
		background: -moz-linear-gradient(top,#fff 0%,#ecd9b8);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ecd9b8));}
		#nav a.phone img{
			max-height:40px;
			vertical-align:middle;}
	#nav a.action{
		font-size:1.5rem;
		width:45%;
		text-shadow: 1px 1px 2px #555;
		background:url(../images/nav_action.jpg);}
		#nav a.action:before{
			color:#41220f;
			content:"▶";
			text-shadow:none;
			margin-right:4px;}
	
/*---------------------------------------------------*/
/* ヘッダー・メイン画像
-----------------------------------------------------*/
header{}

header #head{}
	header #head h1{
		padding:10px 4%;}
	header #head address{
		border-top:1px solid #f5f4f1;
		background: -moz-linear-gradient(top,#fff 0%,#f5f4f1);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f4f1));}
		header #head address a,
		header #head address span{
			padding:8px 4% 6px;
			display:block;}
		header #head address .credit{
			display:block;
			margin:0 auto;}


/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
section{
	font-size:1.5rem;}

section,section p,section div,section table *{
	box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}
section p{
	text-align:left;
	margin-bottom:8px;}
section table{}
	section table th,
	section table td{
		width:100%;
		display:block;
		word-break: break-all;}
section.bg{
	background:url(../images/bg_leopard.jpg);}
section h2,
aside h2{
	margin-bottom:16px;}

/* 購入 */
aside{
	padding:32px 4%;}
	aside ul.cv{}
		aside ul.cv li{
			margin-bottom:8px;}


/* 当店のキャットタワーで遊ぶ猫ちゃんをご覧ください。（youtube）
-----------------------------------------------------*/
#block1{
	padding:16px 2%;}

#block1 div.movie{
	padding:9% 7% 4%;
	background:url(../images/block1_frame-top.jpg) no-repeat center top, url(../images/block1_frame-bottom.jpg) no-repeat center bottom, url(../images/block1_frame-line.jpg) repeat-y center;
	background-size:100% auto;}
#block1 h2,
#block1 div.youtube{
	margin-bottom:16px;}
#block1 p.info{
	font-size:1.3rem;
	padding-left:24px;
	background:url(../images/icon_sound.jpg) no-repeat left center;}



/* 愛猫家の必読書『ねこのきもち』に当店のキャットタワー「ＣＴＢ-１」が掲載されました！
-----------------------------------------------------*/
#block2{
	padding:32px 2%;}

#block2 h2{
	margin-bottom:24px;}

#block2 .magazine{
	margin-bottom:16px;}

#block2 .nekomono{
	font-size:1.3rem;
	min-height:80px;
	padding:8px 0 0 96px;
	margin:0 auto;
	background:url(../images/block2_nekomono.png) no-repeat left top;
	background-size:80px 80px;}



/* 当店キャットタワーご愛用のお客様の声と猫ちゃんの様子をご覧ください。
-----------------------------------------------------*/
#block3{
	padding:32px 4% 0;}

#block3 .inner,
#block3 .inner img{
	margin-bottom:16px;}
#block3 section{
	padding:16px 5%;
	margin-bottom:24px;
	background:#fff;
	overflow:auto; zoom:1;/* float解除 */}
	#block3 section h3{
		color:#ff2f72;
		text-align:left;
		font-size:1.9rem;
		line-height:1.5;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		margin-bottom:8px;}

#block3 .arrow{
	margin-bottom:-24px;}



/* レオパルドハウスのキャットタワーはここが違う！
-----------------------------------------------------*/
#block4{
	padding:32px 0 0;}

#block4 h2{
	padding:8px 4% 0;}
	
#block4 section{
	padding:0 0 16px;}
	#block4 section div{
		text-align:left;
		margin:0 0 16px;}
		#block4 section h3{
			padding:0 0 0 0;
			margin-bottom:16px;}
		#block4 section p{
			padding:0 4%;}
	
#block4 section.box1 h3{
	background:#f6f6f6 url(../images/block4_box1-bg.png) no-repeat right bottom;}

#block4 section.box2 h3{
	background:#e1e5e4 url(../images/block4_box2-bg.jpg) no-repeat left center;}

#block4 section.box3 h3{
	background:#f6f6f6 url(../images/block4_box3-bg.jpg) no-repeat right 65%;}



/* 実際のキャットタワーをくわしくご説明します。
-----------------------------------------------------*/
#block5{
	padding:0 0 32px;}

#block5 h2{
	margin:0;}
#block5 h3,
#block5 .point h4{
	margin-bottom:16px;}
	
#block5 .point,
#block5 .size{
	margin:0 4%;}
#block5 .point{
	margin-bottom:;}
	#block5 .point section{
		margin-bottom:24px;}
	#block5 .text{}
		#block5 .text > img{
			margin:16px 0;}

	#block5 section.ctb1{}
	#block5 section.ctb2{}
	#block5 section.ctb3{}
	
#block5 section.size{
	padding:0 0 48px;
	background:url(../images/block5_size_bg2.jpg) no-repeat center top,url(../images/block5_size_bg.jpg) no-repeat center bottom;}
	#block5 section.size h4{
		text-align:center;
		font-size:2.0rem;
		padding:40px 0;
		margin-bottom:16px;
		background:url(../images/block5_size_ttl.jpg) no-repeat center bottom;}



/* ヒョウ柄キャットタワーBengalシリーズ
-----------------------------------------------------*/
#block6{
	padding:32px 2% 32px;}

#block6 h2{
	padding:0 2%;}
#block6 .inner{
	border:4px solid #d5ab63;
	border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */}
	#block6 .inner section{
		overflow:auto; zoom:1;/* float解除 */
		padding-bottom:32px;}
#block6 h3{
	margin:-4px -4px 0;}
#block6 h4{
	text-align:left;
	padding-bottom:8px;
	margin:8px 0;
	border-bottom:1px dotted #41220f;}
#block6 p.catch{
	background:#ffeaf1;}
#block6 .item{
	width:30%;
	float:left;
	margin-right:2%;}
#block6 img.catch{
	width:65%;}
#block6 .data{
	width:65%;
	float:left;}
	#block6 .text{
		font-weight:bold;
		font-size:1.6rem;
		margin-bottom:16px;}
	#block6 .info{
		font-size:1.4rem;
		padding:2px 8px;
		background:#ffff99;}





/* ご購入者様へのお得なサービス
-----------------------------------------------------*/
#block7{
	padding:0 2% 32px;}

#block7 .catch{
	padding:0 2%;
	margin-bottom:32px;}
#block7 h2{
	padding:0 4%;
	margin-top:-16px;}
#block7 .service{
	border:1px solid #ff4783;
	background:#ffeaf1;
	border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */}
	#block7 .service section{
		padding-bottom:8px;
		margin:0 2% 20px;
		border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */} 
	#block7 .service p,
	#block7 .service table{
		margin:0 4% 16px;}
	#block7 .service h3{
		min-height:60px;
		padding:24px 28px 0 32px;
		margin-bottom:24px;
		border-radius:8px 0 0 0; -webkit-border-radius:8px 0 0 0; -moz-border-radius:8px 0 0 0 ;	/* 角丸 */
		box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}
	
#block7 .service .box1{
	background:url(../images/w.png),#fff url(../images/block7_box1-img.jpg) no-repeat right bottom;
	background-size:200px auto;}
	#block7 .service .box1 h3{
		background:url(../images/block7_box1-flag.jpg) no-repeat left top;
		background-size:80px auto;}
#block7 .service .box2{
	padding-bottom:140px;
	background:#fff url(../images/block7_box2-img.jpg) no-repeat right bottom;
	background-size:280px auto;}
	#block7 .service .box2 h3{
		background:url(../images/block7_box2-flag.jpg) no-repeat left top;
		background-size:80px auto;}
#block7 .service .box3{
	background:#fff;
	overflow:auto; zoom:1;/* float解除 */}
	#block7 .service .box3 h3{
		background:url(../images/block7_box3-flag.jpg) no-repeat left top;
		background-size:80px auto;}
	#block7 .service .box3 img.sp{
		float:right;
		margin-left:8px;}
	#block7 .service .box3 table{
		width:auto;
		text-align:left;
		line-height:1.5;
		margin-bottom:0;}
		#block7 .service .box3 table th{
			font-weight:normal;
			text-align:center;
			padding:0 2%;
			line-height:2.0;
			background:#f5f4f1;}
		#block7 .service .box3 table td{
			padding:6px 0 12px;}



/* キャットタワーのある暮らし写真ギャラリー
-----------------------------------------------------*/
#block8{
	padding:0 0 16px;}

#block8 h2{}
	
#block8 ul{
	    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;}
	#block8 ul li{
		font-size:1.4rem;
		width:48%;
		margin:0 1% 16px;}
		#block8 ul li img{
			margin-bottom:4px;}



/* 当店キャットタワーご愛用のお客様の声と猫ちゃんの様子をご覧ください。
-----------------------------------------------------*/
#block9{
	padding:32px 4% 0;}

#block9 section{
	padding:16px 5% 8px;
	margin-bottom:24px;
	background:#fff;
	overflow:auto; zoom:1;/* float解除 */}
	#block9 section h3{
		min-height:70px;
		padding-left:88px;
		position: relative;
		color:#ff2f72;
		text-align:left;
		font-size:1.9rem;
		line-height:1.5;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		margin-bottom:8px;}
		#block9 section h3:before{
			content:url("../images/block9_q.jpg");
			position: absolute;
			left:0;
			top:0;}



/* キャットタワーへの想い
-----------------------------------------------------*/
#block10{
	padding:24px 4%;
	background:#f5f4f1;}
	
#block10 .message{
	padding:16px 5%;
	margin:0 auto;
	background:#fff;
	border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */}
#block10 p{
	margin-bottom:16px;}
#block10 .cat{
  text-align:center;
	display: block;
    margin: 0 auto 16px;
}	
#block10 .text{
	font-size:1.8rem;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#block10 .mail{
	padding:16px 4%;
	border:1px solid #d5ab63;}
	#block10 .mail span{
		font-weight:bold;}
#block10 .name{
	text-align:right;}	



/* 会社概要
-----------------------------------------------------*/
#block11{
	padding:32px 4% 16px;}
	
#block11 section{
	text-align:left;
	padding:16px 4% 4px;
	background:#fff;
	border-radius:8px ; -webkit-border-radius:8px; -moz-border-radius:8px ;	/* 角丸 */}
#block11 h3{
	margin-bottom:8px;}
#block11 table{
	font-size:1.4rem;
	margin-bottom:24px;}
	#block11 table tr{
		border-top:1px solid #ccc;}
		#block11 table tr th,
		#block11 table tr td{
			padding:8px 4%;}
	#block11 table th{
		background:#f5f4f1;}