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


@media screen and (min-width: 541px){
/*
  body>nav:after{
	content:"";
	background:url(../../image/home/main.png) top center no-repeat;
	width:100%;
	height:420px;
	display:block;
	border-top:20px solid #fff;
	}
	*/
	.sliderBox * {
		max-width: none;/* 初期状態にリセット */
	}
	.sliderBox {
		width: 100%;
		height: auto;
		margin: 0 auto;
		border-top:20px solid #fff;
		background-color: #f07a1a;
	}
	.slider{
		height:421px;
		width: 1211px;
		margin: 0 auto;
	}
	.slider img{
	    height: auto;
	    width: 1211px;
			margin: 0 auto;
	}
	/*slick setting*/
	.slick-prev:before,
	.slick-next:before {
	    color: #000;
	}
	}
@media screen and (max-width: 540px){
		.sliderBox * div {
			max-width: initial; /* 初期状態にリセット */
		}
		.sliderBox {
			width: 100%;
			height: auto;
			margin: 0 auto;
			border-top:20px solid #fff;
		}
		.slider{
		}
		.slider img{
				height: auto;
				width: 100%;
				margin: 0 auto;
		}
	}

/* #storeImage ************/

#storeImage{
	margin-top:40px;
	text-align:center;
	}
#storeImage h1,
#purchase h1{
	font-size:32px;
	color:#f42b2b !important;
	}
/*--
#storeImage img{
	border:6px solid #ebebeb;
	margin:0 4px;
	}
--*/
@media screen and (min-width: 541px){
	}
@media screen and (max-width: 540px){
#storeImage{
	margin-top:0;
	}
#storeImage h1,
#purchase h1{
	font-size:18px;
	}
/*  #storeImage img{
	width:49%;
	float:left;
	box-sizing:border-box;
	margin:0 !important;
	margin-bottom:6px !important;
	}
#storeImage img:nth-of-type(2n){
	float:right;
	}
	*/
#storeImage:after{
	content:"";
	display:block;
	clear:both;
	}
	}

.storeImage,
.prArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.storeImage .storePic {
	width: 32%;
}
.prBanner {
	width: 49%;
}
.storeImage img,
.prBanner img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 541px){
}
@media screen and (max-width: 540px){
	.storeImage .storePic,
	.prArea .prBanner {
		width: 95%;
		margin: 5px auto;
	}
}
/************ #storeImage */

/* #info ************/

#info ul{
	margin-bottom:40px;
	}
#info ul li{
	padding:6px 0px 6px 10px;
	word-wrap:break-word;
	}
#info ul li:nth-of-type(2n+1){
	background:#fbefdc;
	}
#info ul li a, #info ul li span{
	display:inline-block;
	 margin-right:10px;
	 word-break:keep-all;
	}
#info ul li .cate{
	margin-left:10px;
	}
#info ul li a{
	color:#333;
	text-decoration:none;
	}
#info ul li a:hover, #info ul li a:active{
	text-decoration:underline;
	}

@media screen and (min-width: 541px){
section{
	position:relative;
	}
section>a.colorButton{
	display:inline-block;
	position:absolute;
	top:18px;
	right:10px;
	}
	}
@media screen and (max-width: 540px){
section>a.colorButton{
	float:right;
	}
section>a.colorButton+*{
	clear:both;
	padding-top:10px;
	}
	}
/************ #info */
.promoArea img {
	width: 100%;
}
/* CSR *******************/
.csr {
	width: 100%;
	/*
	background-image: url(../../image/home/csr/csr_bg.png);
	background-repeat: no-repeat;
	*/
	margin-bottom: 30px;
}
.csr .title {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 28px;
	font-weight: 800;
	padding: 30px;
}
.csr .txtBox {
	width: 100%;
	padding: 10px;
}
@media screen and (max-width: 540px){
	.csr .txtBox {
		padding: 10px;
		height: auto;
	}
}

.csr .imageBox {
	display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	width: 100%;
	padding: 10px;
}
.csr .imageBox .image {
	width: 32%;
}