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

/* link
----------------------------------------------------------- */
a:link {
	color:#2e2e2c;
	text-decoration:none;
}
a:visited {
	color:#2e2e2c;
	text-decoration:none;
}
a:hover {
	color:#2e2e2c;
	text-decoration:underline;
}
a:active{
	color:#2e2e2c;
	text-decoration:none;
}

/*---------------------------------------------------------------
レイアウト
---------------------------------------------------------------*/
#mainContentsTop{
	margin:0 auto 0 auto;
	padding-bottom:55px;
	width:962px;
	text-align:left;
}
	#mainContentsTop .LeftContents{
		float:left;
		width:666px;
	}
	#mainContentsTop .RightContents{
		float:right;
		width:272px;
	}
/*---------------------------------------------------------------
Common
---------------------------------------------------------------*/
/*右サイドブロック*/
.bloc{
	width:272px;
}
	.bloc .main_area{
		background:url(../images/bg_bloc_2.png) 0 0 repeat-y;
	}

/*---------------------------------------------------------------
フッター
---------------------------------------------------------------*/
#footer_potato{
	height:165px;
	background: url(../../shared_file/images/footer/bg_footer_potato.jpg) top left no-repeat;
	background-position:center 0 ;
}
	#footer_potato .inner{
		width:470px;
		margin:0 auto;
		padding-top:13px;
	}
		#footer_potato .inner .banner1{

			float:left;
			/*text-align:center;
			margin:0 auto;*/
		}

		#footer_potato .inner .banner2{
			float:right
		}
/*---------------------------------------------------------------
Top_area
---------------------------------------------------------------*/
	/*レイアウト
	----------------------------------------------*/
	#Top_area{

	}
		#Top_area .LeftContents{
			height:364px;
		}
		#Top_area .RightContents{
			float:right;
			height:305px;
		}

		#main_visual{
			width:666px;
		}
			#main_visual .bg{
				width:666px;
				height:305px;
				background:url(../images/bg_main_visual.png) 0 0 no-repeat;
			}
			#main_visual .bg #slider{
				width:657px;
				padding:4px 0 0 4px;
				overflow:hidden;
			}
			#main_visual .bg #slider li{
				position:relative;
			}
			#main_visual .bg #slider li .slide_bg{
				position:absolute;
				top:0px;
				left:0px;
			}
			#carousel .slides li p{
				position:relative;
			}
			#carousel .slides li p .slide_bg{
				position:absolute;
				top:0px;
				left:0px;
			}

	/*新商品*/
	#new_products{
		position:relative;
	}
		#new_products .main_area{
			height:114px;
		}
		#new_products .Tag{
			position:absolute;
			top:0;
			left:0;
			z-index:0;
		}
		#new_products .btn_go_list{
			position:absolute;
			top:7px;
			right:11px;
			z-index:0;
		}
		#new_products .arrow_l{
			position:absolute;
			left:15px;
			top:50px;
			z-index:2;
		}
		#new_products .arrow_r{
			position:absolute;
			right:15px;
			top:50px;
			z-index:2;
		}
		#new_products .List{
			width:170px;
			margin:0 auto 0;
			padding-top:20px;
			padding-left:15px
		}
			#new_products .List li{
				float:left;
				width:70px;
				margin-right:15px;
			}

	/*ミニバナー*/
	#banner_min{
		width:272px;
		margin-top:9px;
		margin-bottom:9px;
	}
	#banner_min .L{
		float:left;
	}
	#banner_min .R{
		float:right;
	}
/*---------------------------------------------------------------
2nd_area
---------------------------------------------------------------*/
	/*レイアウト
	----------------------------------------------*/
	#second_area{
		margin-top:22px;
	}
	/*ブランド*/
	#Brand_site{
		width:667px;

	}
		#Brand_site .title_area{
			position:relative;
			height:42px;
			background:url(../images/brandsite/bg_box_2.gif) 0 0 repeat-y;
		}
			#Brand_site .title_area .ttl{
				padding-top:5px;
			}
			#Brand_site .title_area .btn1{
				position:absolute;
				left:146px;
				top:5px;
			}
			#Brand_site .title_area .btn2{
				position:absolute;
				left:407px;
				top:5px;
			}
			#Brand_site .title_area .dot{
				position:absolute;
				left:519px;
				top:5px;
			}
			#Brand_site .title_area .btn3{
				position:absolute;
				left:534px;
				top:5px;
			}
	/*ブランド*/	
	#CM_area{
		width:272px;
	}
		#CM_area .main_area{
			height:211px;
			background:url(../images/bg_bloc_2.png) 0 0 repeat-y;
		}
			#CM_area .main_area .inner{
				width:218px;
				padding:12px;
				margin:0 auto;
			}
			#CM_area .main_area .btn{
				margin-top:12px;
				text-align:center;
			}
/*	#CM_area{
		width:272px;
	}
		#CM_area .main_area{
			height:140px;
			background:url(../images/bg_bloc_2.png) 0 0 repeat-y;
		}
			#CM_area .main_area .inner{
				width:218px;
				padding-top: 2px;
				padding-left: 30px;
			}
			#CM_area .main_area .btn{
				margin-top:12px;
				text-align:center;
			}*/

/*---------------------------------------------------------------
3rd_area
---------------------------------------------------------------*/
	/*レイアウト
	----------------------------------------------*/
	#third_area{
		margin-top:40px;
	}
	/*最新情報*/
	#recent_info{
		width:666px;
		border:1px solid #ccc;
		background:#FFF;
	}
		#recent_info .inner{
			margin:25px auto 20px auto;
			width:605px;
			position:relative;
		}
		#recent_info .inner .btn1{
			position:absolute;
			top:-3px;
			right:0px;
		}

		.news_lists{
			margin-top:10px;
			padding-right:20px;
			padding-bottom:20px;
		}
		.newsBox{
			padding:10px 0;
			border-bottom:1px dotted #ccc;
		}
			.newsTbl{
				width:605px;
			}
			.newsTbl td{
				vertical-align:top;

			}
				.newsTbl .date{
					font-size:12px;
					width:100px;
					padding-left:10px;
				}
				.newsTbl .icon{
					width:80px;
					padding-top:1px;
					padding-left:10px;
				}
				.newsTbl .txt{
					width:350px;
					padding-left:16px;
					padding-right:16px;
					font-size:14px;
				}
					.newsTbl .txt img{
						position:relative;
						top:-2px;
						left:-5px;
					}
					.newsTbl .txt a:link,
					.newsTbl .txt a:visited{
						/*color:#1489e2;*/
						color:#0a63a7;
					}
				.newsTbl .photo{
					width:60px;
				}
		/*震災バナー*/
		#sinsai{
			background:#f5f7f7;
			border-top:solid 1px #d2d2d2;
		}
			#sinsai .inner{
				padding:16px 0;
				margin:0 auto;
				width:617px;
			}
				#sinsai .inner div.L{
					float:left;
					padding-right:10px;
				}
				#sinsai .inner div.R{
					float:right;
				}

		/*とりくみ*/
		#torikumi_area{
			background:url(../images/bg_torikumi.gif) 0 0 ;
			padding-top:18px;
		}
			#torikumi_area .inner{
				width:215px;
				margin:0 auto;
				padding-bottom:8px;
			}
			#torikumi_area .inner img{
				border:4px solid #599556;
				margin-bottom:10px;
			}
			#torikumi_area .inner .facebook{
				position:relative;
			}
			#torikumi_area .inner .facebook .fb-like{
				position:absolute;
				bottom:18px;
				left:73px;
				width:69px;
				height:20px;
			}


/*---------------------------------------------------------------
キャンペーン・おすすめ
---------------------------------------------------------------*/
	#campaign_area{
		margin-top:40px;
		position:relative;
	}
		#campaign_area .inner{
			background:url(../../shared_file/images/bg_box_maru962_2.jpg) 0 0 repeat-y;
		}
		#campaign_area .inner .main_area{
			margin:0 auto;
			padding-top:19px;
			padding-bottom:35px;
			width:900px;
		}
		#campaign_area .banner_list{
			margin-top:16px;
		}


				#campaign_area .banner_list li{
					float:left;
		}
		#campaign_area .banner_list li .photo{
			position:relative;
		}
		#campaign_area .banner_list li .photo img{
			width:210px;
		}		
		#campaign_area .banner_list li .photo .bg{
			position:absolute;
			left:0px;
			top:0px;
		}

		#campaign_area .banner_list table{
			width:210px;
/*			float:left;
			*/
		}
			#campaign_area .banner_list table.last{
				margin-right:0;
			}
			#campaign_area .banner_list table .ttl{
				padding:16px 0 8px;
				color:#fe4f55;
			}
			#campaign_area .banner_list table .txt{
				line-height:1.6em;
				color:#2e2e2c;
			}
		#campaign_area .arrow_l{
			position:absolute;
			top:130px;
			left:-19px;
			z-index:2;
		}
		#campaign_area .arrow_r{
			position:absolute;
			top:130px;
			right:-19px;
			z-index:2;
		}
/*---------------------------------------------------------------
ブログ
---------------------------------------------------------------*/
#bloglist + iframe{
	width:962px;
	margin-top:40px;
}
	#blog_area{
		/*margin-top:40px;*/
		width:962px;
	}
		#blog_area .LeftContents{
			width:41px;
			float:left;
		}


		#blog_area .RightContents{
			width:887px;
			float:left;
			border:1px solid #CCC;
			background:#FFF;
			padding:5px 15px;

		}
		#blog_area .RightContents .list{
			/*border-bottom:1px dotted #CCC;*/
		}
		#blog_area .RightContents .list_last{
			border-bottom:none;
		}
			
#blog_area .RightContents .box{
				float:left;
				padding:24px 0;
			}
			#blog_area .RightContents .box .photo{
				width:90px;
			}
			#blog_area .RightContents .box .txt_area{
				width:170px;
				
			}
			#blog_area .RightContents .box .txt_area a{
				text-decoration:underline;
				
			}
			#blog_area .RightContents .box .txt_area a:hover{
				text-decoration:none;
				
			}
			
			#blog_area .RightContents .box_1{
				width:305px;
				/*width:290px;*/
				border-right:1px dotted #CCC;

			}
			#blog_area .RightContents .box_2{
				/*width:305px;*/
				width:290px;
				border-right:1px dotted #CCC;

			}
				#blog_area .RightContents .box_2 table{
					margin-left:15px;
					margin-right:15px;
				}
			#blog_area .RightContents .box_3{
				/*width:286px;*/
				width:290px;

				
			}
				#blog_area .RightContents .box_3 table{
					margin-left:15px;
				}		
			
			
		#blog_area .RightContents table{
			width:275px;	
		}			
			
			
			
			/*2つver
			
			/*#blog_area .RightContents .box{
				float:left;
				padding:27px 0;
			}
			#blog_area .RightContents .box .photo{
				width:147px;
			}
			#blog_area .RightContents .box .txt_area{
				width:270px;
				padding-left:20px;

			}
			#blog_area .RightContents .box .txt_area a{
				text-decoration:underline;

			}
			#blog_area .RightContents .box .txt_area a:hover{
				text-decoration:none;

			}

			#blog_area .RightContents .box_1{
				width:290px;
				border-right:1px dotted #CCC;
			}
			#blog_area .RightContents .box_2{
				width:424px;
				border-right:1px dotted #CCC;
			}
				#blog_area .RightContents .box_2 table{
					margin-left:15px;
					margin-right:15px;
				}
			#blog_area .RightContents .box_3{
				width:424px;
			}
				#blog_area .RightContents .box_3 table{
					margin-left:27px;
				}*/


		#blog_area .RightContents table{
			width:275px;
		}
			#blog_area .RightContents table td{
				text-align:left;
				vertical-align:top;
			}
			#blog_area .RightContents table .txt_area{
				padding-left:10px;
			}
			#blog_area .RightContents table .txt_area .date{
				color:#F00;
				padding:5px 0;
			}
	






	




/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
.shutto-component{
	display:none;
}
.sp{
	display:none;
}
@media screen and (max-width: 768px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	#Header_Contents{
		display:none;
	}
	#Header_Contents{
		display:none;
	}
	#Footer_Wrapper{
		display:none;
	}
	.shutto-component{
		display:block;
	}
#smpHeader{
		display:block;
}
#Top_area img{
	width:100%;
}
#mainContentsTop{
	width:100%;
	padding-top:50px;
	padding-bottom:0px;
	height:auto;
}
#Top_area .LeftContents{
	width:100%;
	margin:0 auto;
	height:auto;
}
#Top_area .LeftContents	#main_visual{
	width:100%;
}
#Top_area .LeftContents	#main_visual .bg {
	width:100%;
	height:auto;
    background: none;
}
#Top_area .LeftContents	#main_visual .bg #slider {
    width: 100%;
    padding: 0px;
    overflow: hidden;
	box-sizing:border-box;
}
#Top_area .LeftContents	#main_visual .bg #slider .slides{
    width: 100%;
}
#carousel .slides{
	left:0px!important;
	float:none!important;
	transform:none!important;
	transition-duration:none!important;
	text-align:center!important;
}
#carousel .slides li {
    margin-left: 0.2%!important;
	margin-right:0.2%!important;
    width: 18%!important;
    display: inline-block!important;
    position: relative;
    left: auto!important;
    float: none!important;
}
#carousel .slides li span{
	margin-left:28px!important;
}



#Top_area .RightContents{
	float:none;
	width:100%;
	clear:both;
	height:auto;
}
#mainContentsTop{
	padding-bottom:30px;
}
#mainContentsTop .RightContents{
	float:none;
	width:90%;
	margin:0 auto;
	margin-top:20px;
	clear:both;
}
#mainContentsTop .RightContents #new_products{
	width:100%;
}
#mainContentsTop .RightContents #new_products .main_area{
	background: url(../images/bg_bloc_2.png) 0 0 repeat-y;
	background-size:contain;
}
#mainContentsTop .RightContents #new_products .bx-wrapper .bx-controls-direction a{
	z-index:1;
}
#mainContentsTop .RightContents #banner_min {
    width: 100%;
    margin-top: 9px;
    margin-bottom: 9px;
}

#mainContentsTop .RightContents #banner_min .L {
    float: left;
	width:48%;
}

#mainContentsTop .RightContents #banner_min .R {
    float: right;
	width:48%;
}

#mainContentsTop .LeftContents{
	width:100%;
	height:auto;
	float:none;
}
#mainContentsTop .LeftContents #Brand_site {
    width: 90%;
	margin:0 auto;
	background-color:#FFF;
	border:solid 1px #CCCCCC;
	border-radius:5px;
}
#mainContentsTop .LeftContents #Brand_site div:first-child{
	display:none;
}
#mainContentsTop .LeftContents #Brand_site .title_area {
    height: auto;
    background:none;
	border-bottom:none;
	background-color:#FFF;
	overflow:hidden;
	border-bottom:2px solid #F62929;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#mainContentsTop .LeftContents #Brand_site .title_area .ttl {
    padding-top: 8px;
	width:40%;
	float:left;
	display:block;
	margin-left:-1%;
}
#mainContentsTop .LeftContents #Brand_site .title_area .btn1 {
    position: relative;
    left: auto;
    top: auto;
	float:left;
	width:27%;
	margin-top:5px;
}
#mainContentsTop .LeftContents #Brand_site .title_area .btn2 {
    position: relative;
    left: auto;
    top: auto;
	float:left;
	width:40%;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:2%;
}
#mainContentsTop .LeftContents #Brand_site .title_area .btn3 {
    position: relative;
    left: auto;
    top: auto;
	float:left;
	width:40%;
	margin-top:10px;
	margin-bottom:10px;
}
#mainContentsTop .LeftContents #Brand_site .title_area .btn3 img{
	border-left:1px dashed #666;
	margin-left:3%;
	padding-left:8%;
}
#mainContentsTop .LeftContents #Brand_site img{
	width:100%;
}
#mainContentsTop .LeftContents #Brand_site #brand_list_area {
    width: 100%;
    height: auto;
    background:none;
	background-color:#FFF;
}
#mainContentsTop .LeftContents #Brand_site #brand_list_area div {
    float: left;
	width:50%;
}

#mainContentsTop .RightContents #CM_area {
    width: 100%;
	clear:both;
	background-color:#FFF;
	border:solid 1px #CCCCCC;
	border-radius:5px;
}
#mainContentsTop .RightContents #CM_area div:first-child{
	display:none;
}
#mainContentsTop .RightContents #CM_area div:last-child{
	display:none;
}
#mainContentsTop .RightContents #CM_area div.main_area {
    height: auto;
    background:none;
	display:block;
}
#mainContentsTop .RightContents #CM_area div.main_area div{
	display:block;
}


#mainContentsTop .LeftContents #recent_info {
    width: 90%;
	margin:0 auto;
    border: 1px solid #ccc;
    background: #FFF;
	display:none;
}
#third_area {
    margin-top: 10px!important;
}
#mainContentsTop .LeftContents #recent_info .inner{
	width:100%;
	margin: 15px auto 10px auto;
}
#third_area {
    margin-top: 30px;
}
#mainContentsTop .LeftContents #recent_info .inner .btn1 {
    position: absolute;
    top: -3px;
    right: 5%;
}

#mainContentsTop .LeftContents #recent_info .inner h4{
	padding-left:5%;
}
#mainContentsTop .LeftContents #recent_info .inner .btn1 + div{
	width:90%;
	margin:0 auto;
}
#mainContentsTop .LeftContents #recent_info .inner .btn1 + div img{
	width:100%;
}
#mainContentsTop .LeftContents #recent_info iframe{
	width:100%;
}
#mainContentsTop .LeftContents #recent_info #sinsai .inner{
	padding:0px;
	background-color:#F5F7F7;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}
#mainContentsTop .LeftContents #recent_info #sinsai .inner img{
	width:100%;
}
#mainContentsTop .LeftContents #recent_info #sinsai .inner div.L {
    float: left;
    padding-right: 0px;
	width:46%;
	margin-left:2%!important;
	margin-right:1%
}
#mainContentsTop .LeftContents #recent_info #sinsai .inner div.R {
    float:right;
    padding-right: 0px;
	width:46%;
}
#mainContentsTop .RightContents #torikumi_area{
	padding-top:10px;
}
#mainContentsTop .RightContents #torikumi_area .inner {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 8px;
}
#mainContentsTop .RightContents #torikumi_area .inner a{
	width:48%;
	float:left;
	box-sizing:border-box;
}
#mainContentsTop .RightContents #torikumi_area .inner a:nth-of-type(even){
	float:right;
}
#mainContentsTop .RightContents #torikumi_area .inner a img{
	width:100%;
	box-sizing:border-box;
}
#campaign_area{
	width:90%;
	margin:0 auto;
	background-color:#FFF;
	border:solid 1px #CCC;
	border-radius:5px;
	padding:0px;
	box-sizing:border-box;
	margin-top:30px;
}
#campaign_area img{
	width:100%;
	height:auto;
}
#campaign_area h4{
	width:210px;
	margin:0 auto;
}
#campaign_area div:first-child{
	display:none;
}
#campaign_area div:last-child{
	display:none;
}
#campaign_area .inner{
	background:none;
}
#campaign_area .inner .main_area{
	width:100%;
	padding-bottom:0px;
}
#campaign_area .inner div{
	display:block;
}
#campaign_area .bx-wrapper .bx-controls-direction{
}
#campaign_area .bx-wrapper .bx-controls-direction a {
    top: 40%!important;
	width:30px!important;
	height:30px!important;
}
#campaign_area .bx-wrapper .bx-prev {
    left: -17%;
    background-size:30px;
	background-repeat:no-repeat;
	z-index:1;
}
#campaign_area .bx-wrapper .bx-next {
    right: -17%;
    background-size:30px;
	background-repeat:no-repeat;
	z-index:1;
}
@media screen and (min-width: 375px) {
#campaign_area .bx-wrapper .bx-prev {
    left: -22%;
}
#campaign_area .bx-wrapper .bx-next {
    right: -22%;
}
}

#campaign_area .banner_list{
	width:90%;
	margin: 0 auto;
	padding-top:20px;
}
#campaign_area .banner_list li {
    float: left;
	text-align:center;
	width:47.5%;
}
#campaign_area .banner_list li:nth-of-type(even){
	float:right;
}
#campaign_area .banner_list table{
	width:100%;
}
#campaign_area .banner_list li .photo img {
	width:100%;
}
#campaign_area .banner_list table .ttl {
    /*padding: 16px 0 8px;*/
	padding:0px;
	height:15px;
	text-indent:-10000px;
}
#bloglist + iframe{
	width:100%;
	margin:0 auto;
	margin-top:30px;
}

#blog_area{
	width:90%;
	margin:0 auto;
}
#blog_area .LeftContents{
	width:100%;
	float:none;
	background-color:#D0BFA3;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
#blog_area .LeftContents img{
	display:none;
}
#blog_area .LeftContents div:after{
	content:"ブログ";
	font-size:18px;
	text-align:center;
	color:#6C4A3B;
	font-weight:bold;
	
}
#blog_area .RightContents {
	width:100%;
	float:none;
    border: 1px solid #CCC;
    background: #FFF;
    padding: 5px 15px;
	box-sizing:border-box;
	height:auto;
}

#blog_area .RightContents .box_1 {
    width: 100%;
	border-right:none;
    border-bottom: 1px dotted #CCC;
}
#blog_area .RightContents .box_2 {
    width: 100%;
	border-right:none;
    border-bottom: 1px dotted #CCC;
}
#blog_area .RightContents .box_3 {
    width: 100%;
	border-right:none;
}
#blog_area .RightContents table{
	width:100%;
}
#blog_area .RightContents .box_2 table {
    margin-left: 0px;
    margin-right: 0px;
}
#blog_area .RightContents .box_3 table {
    margin-left: 0px;
    margin-right: 0px;
}
#blog_area .RightContents table td {
}
#blog_area .RightContents .box .photo {
    width: 30%;
}
#blog_area .RightContents .box .photo img{
	width:100%;
	height:auto;
}
#blog_area .RightContents .box .txt_area {
    width: 65%;
	padding-left:5%;
}
#blog_area .RightContents .box .txt_area img{
	width:100%;
	height:auto;
}
	

}