@charset "utf-8";


/*コンテンツ*/

div#content{
	width:100%;
	margin:0 auto;
	display:block;
	text-align:center;
	padding-bottom:60px;
	line-height:2;
	background:#f7f5f1;
	line-height: 150%;
	}

/*ピックアップ*/

div#pickup{
	display:inline-block;
	width:100%;
	height:332.5px;
	margin:0;
	padding-bottom:60px;
	font-size:15px;
	}

#pickup .wapper{
	display:block;
	width:960px;
	height:332.5px;
	margin:0 auto;
	padding:0;
	}

#pickup h2.png{
	display:inline-block;
	width:960px;
	height:75px;
	text-indent:100%;
	overflow:hidden;
	text-align:center;
	margin-bottom:20px;
	margin-top:-28px;
	}

h2.png img{
	display:block;
	margin:0 auto;
	text-align:center;
	}

#content ul{
	width:961px;
	height:265.5px;
	margin:0 -1px 
	zoom:1;
	display:inline-block;
	text-align:center;
	}

#pickup li{
	float:left;
	width:200px;
	margin-right:8px;
	padding:0 17px 18px 17px;
	background:#fff;
	cursor:pointer;
	text-align:left;
	font-size:13px;
	}

#pickup a{
	color:#333;
	text-decoration:none;
	}

#pickup a:hover { color: #f19500; }

#pickup li img{
	margin:0 -17px 18px -17px;
	border:0;
	vertical-align:top;
	}

#pickup h3{
	display:block;
	font-weight:bold;
	font-size:13px;
	margin-bottom:6.5px
	}

#pickup i.arrow{
	display:block;
	float:left;
	width:15px;
	height:15px;
	margin-top:4px;
	margin-right:5px;
	background:url(../image/pickup5.png) no-repeat left top;
	}

li.mr0{
	float:left;
	width:200px;
	padding:17px 18px 17px;
	background:#fff;
	cursor:pointer;
	margin:0!important;
	}

/*スペシャル*/

div#special{
	display:block;
	margin:0 auto;
	height:344px;
	padding:25px 0 60px 0;
	background:#fff url(../image/sp-back.png) no-repeat center center;
	background-size:cover;
	}

#special .wrapper{
	width:960px;
	height:353px;
	display:block;
	margin:0 auto;
	}

#special h2.png{
	display:inline-block;
	width:960px;
	height:75px;
	margin-bottom:20px;
	text-align:center;
	text-indent:100%;
	overflow:hidden;
	}
	
#special ul{
	list-style:none;
	width:961px;
	height:258px;
	margin:0 -1px 0 0;
	line-height:1.5;
	font-size:13px;
	text-align:left;
	}

li.index1{
	float:left;
	width:308px;
	height:258px;
	margin-right:18px;
	}

#special .image{
	display:block;
	vertical-align:top;
	margin-bottom:16px;
	padding:5px;
	background:#fff;
	border:1px solid #ddd;
	text-align:center;
	float:left;
	}
	
li.index2{
	float:left;
	width:308px;
	height:258px;
	margin-right:0!important;
	}

img.fade{
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
img.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}   


/*オンラインショップ*/
#onlineshop{
	background-size:cover;
	height:233px;
	background:url(../image/onlineshop-back.png) no-repeat center center;
	padding:40px;
	display:block;
	color:#fff;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	background-color:#fff;
	background-size: cover;
	}

#onlineshop h2{
	margin-bottom:28px;
	text-align:center;
	display:inline-block;
	width:749px;
	height:74px;
	}

#onlineshop h2 img{
	border:0;
	vertical-align:top;
	}

div.buttons{
	width:586px;
	margin:0 auto;
	}

#onlineshop p{
	margin-bottom:34px;
	}

p.fl-l{
	float:left;
	}

#onlineshop .buttons a:hover {
	background: rgba(0,0,0,0.3);
    opacity: 0.4;  
    filter: alpha(opacity=60); 
}

#onlineshop .buttons a{
	background:none;
	transition:all 0.5s;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
	}

#onlineshop .fl-r{
	float:right;
	}

#onlineshop .buttons a{
	display:inline-block;
	}


  


/* ラインナップ */

div#lineup{
	display:block;
	padding:40px 0;
	background:#fff;
	}

#lineup .wrapper{
	margin-top:0;
	font-size:15px;
}

#lineup h2{
	display:inline-block;
	background-position:center -225px;
	width:960px;
	height:75px;
	margin-bottom:20px;
	text-align:center;
	text-indent:100%;
	overflow:hidden;
	}

#lineup ul{
	list-style:none;
	width:961px;
	height:486px;
	margin:0 -1 0 0;
	text-align: left;
	}

#lineup li{
	float:left;
	width:300px;
	margin:0 9px 10px 0;
	padding:6px 6px 16px 6px;
	background-color:#f5f5f5;
	border:1px solid #ddd;
	transition:all 0.5s;
	}

#lineup li:hover {
	background-color:#fdecd3;
	border-color:#fad9a8;
}

#lineup li a{
	display:block;
	color:#333;
	text-decoration: none;
	font-weight:bold;
	width:298px;
	height:209px;
	}

#lineup li img{
	margin-bottom:20px;
	}

#lineup i.arrow{
	display:block;
	float:left;
	width:15px;
	height:15px;
	margin-right:8px;
	margin-left:8px;
	margin-top:6px;
	background:url(../image/pickup5.png) no-repeat left top;
	}

#lineup li.mr0{
	margin-right:0!important;
	}

/* 動画 */

div#movie{
	clear:both;
	display:block;
	height:175px;
	margin:40px 0 20px 0;
	padding-top:125px;
	background:url(../image/movieback.png) no-repeat center center;
	text-align:center;
	}

#movie p{
	display:inline-block;
	width:960px;
	height:50px;
	margin:0 0 1.5em 0;
	padding:0;
	}

#movie a{
	outline: none;
	text-indent:-9999px;
	}

#movie img{
	border:0:
	vertical-align:top;
	transition:all 0.5s;
	}

#movie img:hover {
	background: rgba(0,0,0,0.3);
    opacity: 0.4;  
    filter: alpha(opacity=60); 
}


/* ブログ */

div#blog{
	margin:0;
	display:block;
	vertical-align:baseline;
	height:545.5px;
	padding-top:15px;
	}

#blog .wrapper{
	text-align:left;
	width:960px;
	height:530.5px;
	margin:0 auto;
	}

#blog h2{
	display:inline-block;
	background-position:center -225px;
	width:960px;
	height:75px;
	margin-bottom:20px;
	text-align:center;
	text-indent:100%;
	overflow:hidden;
	}



#blog .index-1{
	float:left;
	display:block;
	width:308px;
	height:336px;
	margin-right:18px;
	}


#blog .image{
	display:block;
	width:296px;
	height:178px;
	margin-bottom:16px;
	padding:5px;
	background:#fff;
	border:1px solid #ddd;
	text-align:center;
	transition:all 0.5s;
	}

#blog .entry1{
	margin:0;
	padding:0;
	vertical-align:baseline;
	font-size:13px;
	}

#blog h3.entry2{
	margin-bottom:0;
	font-size:15px;
	font-weight:bold;
	}

#blog .entry3 {
	font-size:13px;
	}

#blog .entry3 a{
	font-size:10px;
	}
	

#blog .index-2{
	float:left;
	display:block;
	width:308px;
	height:336px;
	}

#blog p.blogbutton{
	clear:both;
	padding-top:30px;
	text-align:center;
	display:block;
	height:80px;
	width:960px;
	}

#blog p.blogbutton img{
	border:0:
	vertical-align:top;
	transition:all 0.5s;
	}

#blog p.blogbutton img:hover {
	background: rgba(0,0,0,0.3);
    opacity: 0.4;  
    filter: alpha(opacity=60); 
	}