@charset "utf-8";

/*	ichatch
----------------------------------------------------*/
#se_icatch{
	width:100%;
	height:auto;
	padding-bottom:50px;
	text-align:center;
	font-size:0;
}

@media screen and (max-width:1043px){
	#se_icatch{
		width:1044px;
	}
}

@media screen and (min-width:1024px) and (max-width:1024px){
	#se_icatch{
		width:1024px;
	}
}

@media screen and (max-width:768px){
	#se_icatch{
		width:100%;
		padding-bottom:30px;
	}
}

.se_slider{
	position:relative;
	margin:0;
}

/*	Slider Proの設定上書き
----------------------------------------------------*/
.sp-fade-arrows{
	opacity:1;
	transition:0s all ease 0s;
	margin-top:-38px !important;
}

.sp-arrow{
	width:auto;
	height:auto;
}

/* 次矢印のアイコンフォント */
.sp-next-arrow:before{
	content:' ' !important;
	display:block;
	background:url(../img/btn_slideright.png) no-repeat left top;
	text-indent:-9999px;
	width:62px;
    height:62px;
	transform:none;
}

.sp-next-arrow:after{
	transform:none;
}

/* 前矢印のアイコンフォント */
.sp-previous-arrow:before{
	content:' ' !important;
	display:block;
	background:url(../img/btn_slideleft.png) no-repeat left top;
	text-indent:-9999px;
	width:62px;
	height:62px;
	transform:none;
}

.sp-previous-arrow:after{
	transform:none;
}

/* ナビゲーションボタンの色 */
.sp-button {
    background-color:#ADADAD;
	border:none;
	width:12px;
	height:12px;
	margin:5px 5px 0 5px;
}

.sp-selected-button {
	background-color:#CC3B53;
}

.sp-buttons{
	padding-top:0;
	position:absolute;
	bottom:-30px;
}

@media screen and (max-width:768px){
	.sp-button {
		width:10px;
		height:10px;
	}

	.sp-buttons{
		bottom:-20px;
	}

	.sp-fade-arrows{
		display:none;
	}
}

/* おすすめ商品, ラインナップ
------------------------------*/
article{
	width:1044px;
	margin:0 auto;
}

article section{
	width:1024px;
	margin:40px auto 0 auto;
	overflow:hidden;
}

article section h1,
article section h2{
	width:100%;
	text-align:center;
	margin-bottom:22px;
}

/* タブレット用
----------------------------*/
@media screen and (min-width:1024px) and (max-width:1024px){
	article{
		width:1024px;
	}
}

@media screen and (max-width:768px){
	article{
		width:100%;
		margin-top:0;
	}

	article section{
		width:100%;
		margin-top:10px;
	}

	article section h1,
	article section h2{
		height:50px;
		background-color:#D6594F;
	}

	article section h1{
		margin-bottom:15px;
	}

	article section h1 img,
	article section h2 img{
		margin:14px auto 0 auto;
	}

	article section h1 .recommend{
		width: 120px;
		height: 20px;
	}

	article section h2 .lineup{
		width: 83px;
		height: 20px;
	}

	/*画像解像度調整
	------------------------------*/
	article section#se_lineup nav ul.se_dropdown li.se_parent a img{
		height:17px;
	}
}

/* 5%還元表示
------------------------------*/
article section#se_promotion img{
	width: 100%;
}

/* おすすめ商品
------------------------------*/
article section#se_recommend ul{
	list-style:none;
}

article section#se_recommend ul li{
	float:left;
	margin-right:24px;
}

article section#se_recommend ul li:last-child{
	margin-right:0;
}

@media screen and (max-width:768px){
	article section#se_recommend ul{
		width:96%;
		margin:0 auto;
	}

	article section#se_recommend ul li{
		width:32%;
		margin-right:2%;
	}

	article section#se_recommend ul li:last-child{
		margin-right:0;
	}

	article section#se_recommend ul li a img{
		width:100%;
		margin-bottom:10px;
	}
}

@media screen and (max-width:479px){
	article section#se_recommend ul{
		width:96%;
		margin:0 auto;
	}

	article section#se_recommend ul li{
		float:none;
		width:100%;
		margin-right:0;
	}

	article section#se_recommend ul li a img{
		width:100%;
		margin-bottom:10px;
	}
}

/* ラインナップ
------------------------------*/
article section#se_lineup{
	margin-top:64px;
	text-align:center;
	position:relative;
}

article section#se_lineup a img.se_button{
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

article section#se_lineup div#se_carousel a div.se_item{
	width:200px;
	height:280px;
	text-align:center;
}

article section#se_lineup div#se_carousel a div.se_item img{
	width: auto;
	max-height: 220px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

article section#se_lineup div#se_carousel a div.se_item p{
	word-wrap: break-word;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 1.7;
}

@media screen and (max-width:768px){
	article section#se_lineup{
		margin-top:5px;
	}

	article section#se_lineup h2{
		margin-bottom:0;
		font-size:0;
	}

	article section#se_lineup div#se_carousel{
		display:none;
	}

	article section#se_lineup div#se_arrows{
		display:none;
	}

	article section#se_lineup a img.se_button{
		display:none;
	}

	/* スマホ用 商品一覧 */
	article section#se_lineup nav,
	article section#se_lineup nav ul.se_dropdown,
	article section#se_lineup nav ul.se_dropdown li.se_parent{
		width:100%;
		height:auto;
	}

	article section#se_lineup nav{
		position:relative;
	}

	article section#se_lineup nav ul.se_dropdown li.se_parent{
		float:none;
		z-index:10;
		font-size:0;
		border-bottom:1px solid #634531;
		background-image:url(../../common/img/ico_down.png);
		background-repeat:no-repeat;
		background-position:right top;
		min-height:60px;
		text-align:left;
	}

	article section#se_lineup nav ul.se_dropdown li.se_selected{
		background-image:url(../../common/img/ico_up.png);
	}

	article section#se_lineup nav ul.se_dropdown li.se_parent a{
		width:100%;
		height:auto;
	}

	article section#se_lineup nav ul.se_dropdown li.se_parent a img{
		margin:20px;
	}

	article section#se_lineup nav ul.se_dropdown li.se_parent ul{
		position:relative;
		width:100%;
		top:0;
		z-index:0;
		display:none;
	}

	article section#se_lineup nav ul.se_dropdown li.se_parent ul li,
	article section#se_lineup nav ul.se_dropdown li.se_parent:hover ul li{
		background-color:#EAE6E3;
		border-bottom:1px solid #FFF;
		text-align:left;
	}

	article section#se_lineup nav ul.se_dropdown li.se_parent ul li:first-child{
		border-top:1px solid #634531;
	}

	article section#se_lineup nav ul.se_dropdown li.se_parent ul li:last-child{
		border-bottom:none;
	}

	article section#se_lineup nav ul.se_dropdown li.se_parent ul li a{
		display:block;
		padding:10px 25px;
		font-size:15px;
		color:#454545;
		background-color:transparent;
		box-sizing:border-box;
	}
}

/*	Slickの設定上書き
----------------------------------------------------*/
.slick-slide img{
    margin:0 auto;
}

.slick_container{
    width:1024px;
    margin:0 auto; /* 任意の値 */
    position:relative;
}

.slick-prev,
.slick-next{
    width:29px;
    height:43px;
	margin-top:-120px;
}

.slick-prev:before,
.slick-next:before{
    content:"";
}

button.slick-prev,
button.slick-next{
    z-index:10;
}

.slick-prev{ left:0; }
.slick-next{ right:0; }
.slick-arrow{ z-index:10; }

/* お客様の声
------------------------------*/
#se_voice{
	width:100%;
	height:475px;
	padding-top:26px;
	background-color:#F6F0E9;
}

#se_voice h3,
#se_voice ul{
	width:1044px;
	margin:0 auto;
}

#se_voice h3{
	text-align:center;
}

#se_voice ul{
	margin-top:25px;
	padding:0 10px;
	list-style:none;
	box-sizing:border-box;
}

#se_voice ul li{
	float:left;
	width:236px;
	margin-right:26px;
	font-size:0;
}

#se_voice ul li:last-child{
	margin-right:0;
}

/* タブレット用
----------------------------*/
@media screen and (min-width:1024px) and (max-width:1024px){
	#se_voice h3,
	#se_voice ul{
		width:1024px;
	}

	#se_voice ul{
		padding:0;
	}
}

@media screen and (max-width:768px){
	#se_voice{
		height:auto;
		padding-top:0;
		background-color:#FFF;
		overflow:hidden;
	}

	#se_voice h3{
		width:100%;
		height:50px;
		background-color:#D6594F;
	}

	#se_voice h3 img{
		margin:14px auto 0 auto;
	}

	#se_voice ul{
		width:96%;
		margin:0 auto;
	}

	#se_voice ul li{
		width:23.5%;
		margin-right:2%;
	}

	#se_voice ul li:nth-child(4){
		margin-right:0;
	}

	#se_voice ul li a img{
		width:100%;
	}
}

@media screen and (max-width:479px){
	#se_voice ul li{
		width:49%;
		margin-right:2%;
	}

	#se_voice ul li:nth-child(2n){
		margin-right:0;
	}
}

/* バナースペース
------------------------------*/
#se_banner{
	width:1044px;
	margin:0 auto;
	padding:60px 10px;
	box-sizing:border-box;
}

#se_banner .se_wrapper{
	overflow:hidden;
	margin-top:30px;
}

#se_banner .se_wrapper > img{
	float:left;
}

#se_banner .se_wrapper h5{
	display:none;
}

#se_banner .se_wrapper > div{
	float:right;
	overflow:hidden;
	width:490px;
}

#se_banner .se_wrapper div > img{
	float:left;
}

#se_banner .se_wrapper div ul{
	float:right;
	width:194px;
	list-style:none;
}

#se_banner .se_wrapper div ul li img{
	margin-bottom:10px;
}

#se_banner .tb_none{
	display:inline-block;
}

#se_banner .tb_none img{
	display:block;
}

#se_banner .se_tablet{
	display:none;
}

/* タブレット用
----------------------------*/
@media screen and (min-width:1024px) and (max-width:1024px){
	#se_banner{
		width:1024px;
		padding-right:0;
		padding-left:0;
	}
}

@media screen and (max-width:768px){
	#se_banner{
		width:100%;
		padding:10px 0 0 0;
	}

	#se_banner > a img{
		width:100%;
	}

	#se_banner .se_wrapper{
		margin-top:10px;
	}

	#se_banner .se_wrapper > a{
		text-align:center;
		display:block;
		width:100%;
	}

	#se_banner .se_wrapper > a img{
		width:96%;
		margin:0 auto;
	}

	#se_banner .se_wrapper > img{
		float:none;
		width:100%;
		margin-top:10px;
	}

	#se_banner .se_wrapper h5{
		display:block;
		width:100%;
		height:50px;
		background-color:#D6594F;
		text-align:center;
		margin-top:16px;
	}

	#se_banner .se_wrapper h5 img{
		margin:14px auto 0 auto;
		width: 210px;
		height: 20px;
	}

	#se_banner .se_wrapper > div{
		float:none;
		width:100%;
		font-size:0;
	}

	#se_banner .se_wrapper  div > a{
		display:block;
		width:100%;
		text-align:center;
	}

	#se_banner .se_wrapper  div > a img.se_repimage{
		margin:20px 0;
	}

	#se_banner .se_wrapper  div > a img.freedial{
		width: 272px;
		height: 55px;
	}

	#se_banner .se_wrapper div ul{
		float:none;
		width:100%;
	}

	#se_banner .se_wrapper div ul li{
		height:60px;
		border-bottom:1px solid #634531;
		background-image:url(../../common/img/ico_right.png);
		background-repeat:no-repeat;
		background-position:right center;
	}

	#se_banner .se_wrapper div ul a:first-child li{
		border-top:1px solid #634531;
	}

	#se_banner .se_wrapper div ul a li img{
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 24px;
	}

	#se_banner .se_wrapper div ul a li .faq{
		margin-top: 12px;
		width: 169px;
		height: 33px;
	}

	#se_banner .se_wrapper div ul a li .contact{
		margin-top: 18px;
		width: 224px;
		height: 26px;
	}

	#se_banner .tb_none{
		display:none;
	}

	#se_banner .tb_none img{
		display:none;
	}

	/* タブレット用 */
	#se_banner .se_tablet{
		display:block;
		list-style:none;
		overflow:hidden;
		width:98%;
		margin:0 1%;
	}

	#se_banner .se_tablet li{
		float:left;
		width:49%;
		margin-right:2%;
	}

	#se_banner .se_tablet li:last-child{
		margin-right:0;
	}

	#se_banner .se_tablet li img{
		width:100%;
	}
}

@media screen and (max-width:479px){
	#se_banner .se_wrapper div ul a li img{
		margin-left:3%;
	}

	#se_banner .tb_none{
		display:inline-block;
	}

	#se_banner .tb_none img{
		display:block;
	}

	#se_banner .se_tablet{
		display:none;
	}
}

/* お知らせ
------------------------------*/
#se_topics{
	width:1044px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:border-box;
}

#se_topics h4{
	width:100%;
	text-align:center;
}

#se_topics ul{
	width: 740px;
	list-style: none;
	border-left: 5px solid #D6594F;
	border-right: 5px solid #D6594F;
	box-sizing: border-box;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	padding-top: 14px;
	padding-right: 40px;
	padding-bottom: 14px;
	padding-left: 40px;
}

#se_topics ul li{
	line-height:200%;
}

#se_topics ul li:before{
    content:' ';
	border:transparent solid 7px;
	border-left-color:#D6594F;
	position:absolute;
	height:0;
	width:0;
	margin-top:5px;
}

#se_topics ul li a{
	margin-left:10px;
}

#se_topics ul li a:hover{
	text-decoration:underline;
}

#se_topics ul li a time{
	margin-right:14px;
}

.pointer-none a {
	pointer-events: none;
	color: #a0a0a0 !important;
}

/* タブレット用
----------------------------*/
@media screen and (min-width:1024px) and (max-width:1024px){
	#se_topics{
		width:1024px;
		padding:0;
	}
}

@media screen and (max-width:768px){
	#se_topics{
		display:none;
	}
}