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

.sp {
    display: none;
}
.pc {
    display: block;
}
	html,body {
		margin: 0;
		padding: 0;
		background: #F2F2F2;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
		font-size: 108%;
	}
	
.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}	
	
	#wapper {
		width: 100%;
		max-width:1120px;
		margin: 0 auto;
		background: #FFF;
		padding-bottom: 20px;
	}
	p {margin-bottom: 30px;}
	
	
	img {
		width: auto;
		height: auto;
		max-width: 100%;
	}
	
	section {
		margin: 80px 14%;
			line-height:180%;
	}
	
	h1 {
		font-size: 300%;
		font-weight: bold;
		line-height:160%;
	}
	
	
	.beige {color: #B86F41;}
	
.beige a {color: #B86F41;}

.black a {color: #000;}

	.period {
		font-size: 300%;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 10px;
	}
	
	.period span {font-size: 76%;}
	.period span.small {font-size: 68%;}
	
	
	.period02 {
		font-size: 160%;
		font-weight: bold;
		margin-bottom: 20px;
	}
	
	.period02 span {font-size: 70%;}
	
	.period03 {
		font-size: 160%;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.period03 b {font-size: 90%;}	
	.period03 span {font-size: 70%;}
	
ul.attention {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
ul.attention li {
		text-indent: -1em;
  		padding-left: 1em;
	}
	
	.block01 dl {
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	
	.block01 dl dt {
		width: 70%;
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
	}
	.block01 dl dd {
		width: 18%;
		margin: 0;
		padding: 0;
		display: inline-block;
			vertical-align: top;
		text-align: left;
	}	
	
	ol {
		margin: 20px 0 40px;
		padding: 0;
		list-style: none;
		font-weight: bold;
	}
	
	ol li {
		text-indent: 0em;
  		padding-left: 0em;
		margin-bottom: 20px;
	}
	
	h3 {margin-bottom: 10px;}
	
	
	.block02 dl {margin: 0 0 40px; padding: 0;}
	.block02 dt {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.block02 dd {
		margin: 0;
		padding: 0;
		width: 100%;
		font-weight: bold;
	}	
	
	.block02 dt ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.block02 dt ul li {
		margin: 0;
		padding: 0;
		width: 48%;
		float: left;
	}
	
	.block02 dt ul li:nth-child(2n) {
		float: right;
	} 
	
	
	.block03 ul.goods {
		margin: 0;
		padding: 0;
		list-style: none;
	    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-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;
	}	

	.block03 ul.goods li {
		text-indent: 0;
		padding: 0;
		width: 32%;
		float: left;
		margin-right:2%;
		font-size: 76%;
		line-height: 150%;
		margin-bottom: 30px;
		font-weight: bold;
	}
	
	.block03 ul.goods li:nth-child(3n) {
		margin-right: 0;
	}

	.block03 ul.goods li img {
		display: block;
		border: #F7CB83 6px solid;
		border-radius: 6%;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	
	.block03 h3 {margin-bottom: 20px;}

@media (max-width: 750px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }	

	html,body {
		font-size: 96%;
	}
	
	section {
		margin: 50px 8%;
			line-height:190%;
	}
	
	h1 {
		font-size: 260%;
		font-weight: bold;
		line-height:140%;
	}
	
.block01 dl dt {
		width: 100%;
		margin: 0;
		padding: 0;
		display: block;
		vertical-align: top;
	}
	.block01 dl dd {
		width: 30%;
		margin: 0 auto;
		padding: 0;
		display: block;
			vertical-align: top;
		text-align: center;
	}
	
.block03 ul.goods li {
		text-indent: 0;
		padding: 0;
		width: 49%;
		float: left;
		margin-right:2%;
		font-size: 76%;
		line-height: 150%;
		margin-bottom: 30px;
		font-weight: bold;
	}
	
	.block03 ul.goods li:nth-child(3n) {
		margin-right: 2%;
	}
	
	.block03 ul.goods li:nth-child(2n) {
		margin-right: 0;
	}
}