body
{
	margin:0;
	padding:0;
	background-color: #fffdee;
	font-size:16px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
div,p,h1,h2,h3,h4,ul,li
{
	margin:0;
	padding:0;
}
li
{
	list-style: none;
}
a
{
	color: #391908;
	text-decoration: none;
}


/************************ HEADER S ************************/
/* SP */
@media only screen and (min-width: 300px) and  (max-width: 700px) {
	#header_wrapper .pc_menu
	{
		display:none;
	}
	#header_wrapper
	{
		width:100%;
		padding-top:30px;
		padding-bottom:30px;
		background-color:#fffdf6;
		font-size: 90%;
		/*color: rgba(57,26,8);*/
		color: #391908;
	}
	#header_wrapper a
	{
		text-decoration: none;
		/*color: rgba(57,26,8);*/
		color: #391908;
	}
	#header_wrapper ul li
	{
		text-align: center;
	}
	#header_wrapper .logo
	{
		width:80%;
		margin:auto;
	}
	#header_wrapper .logo img
	{
		width:40%;
	}
	#header_wrapper .burger_icon
	{
		text-align: center;
		width:20%;
	}
	#header_wrapper .burger_icon img
	{
		width: 45%;
		margin-top:5%;
	}
	#header_wrapper .burger
	{
		width:100%;
		margin:auto;
		margin-top:7%;
		text-align: -webkit-center;
		display:none;
	}
	#header_wrapper .burger ul
	{
		display:inline-flex;
	}
	#header_wrapper .burger ul li
	{
		display: inline-block;
		width:100px;
		/*border-left:solid 1px rgba(57,26,8);*/
		border-left:solid 1px #391908;
	}
	#header_wrapper .burger ul li:first-child
	{
		border-left:none;
	}
	#header_wrapper #header div:first-child
	{
		float:left;
	}
	#header_wrapper #header div:last-child
	{
		float:right;
	}
	#header_wrapper #header:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		overflow:hidden;
	}
		
}
/* PC */
@media screen and (min-width: 701px){
	/*��ʕ���481px�ȏ�̎�*/
	#header_wrapper .burger_icon
	,#header_wrapper .burger
	{
		display:none;
	}
	#header_wrapper
	{
		width:100%;
		padding-top:25px;
		padding-bottom:15px;
		background-color:#fffdf6;
		width:980px;
		margin:auto;
		font-size: 85%;
		/*color: rgba(57,26,8);*/
		color: #391908;
		
	}
	#header_wrapper #header
	{
		padding:0 4%;
	}
	#header_wrapper #header a
	{
		text-decoration: none;
		/*color: rgba(57,26,8);*/
		color: #391908;
	}
	#header_wrapper #header:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		overflow:hidden;
	}
	#header_wrapper #header div:first-child
	{
		width:65%;
		float:left;
	}
	#header_wrapper #header div:first-child ul
	{
		width:100%;
	}
	#header_wrapper #header div:first-child ul li
	{
		float:left;
	}
	#header_wrapper #header div:first-child ul li:first-child
	{
		width:40%;
	}
	#header_wrapper #header div:first-child ul li:last-child
	{
		width:50%;
		padding-left:5%;
	}
	#header_wrapper #header div:first-child ul li img
	{
		width:100%;
		max-width: 250px;
	}
	#header_wrapper #header div:.pc_menu
	{
		width:35%;
		float:right;
	}
	#header_wrapper #header div.pc_menu ul
	{
		line-height: 44px;
	}
	#header_wrapper #header div.pc_menu ul li
	{
		/* display: inline-block; */
		float:right;
		text-align: -webkit-center;
		text-align: center;
	}
	#header_wrapper #header div.pc_menu ul li
	{
		width:calc(100% / 13);
	}
}

/************************ HEADER E ************************/

/************************ CONTENTS S ************************/
/* SP */
@media only screen and (min-width: 300px) and  (max-width: 700px) {
	#contents
	{
		width:92%;
		margin:0 4%;
	}
}
/* PC */
@media screen and (min-width: 701px){
	#contents
	{
		width:980px;
		margin:auto;
	}
}
/************************ CONTENTS E ************************/

/************************ FOOTER S ************************/
/* SP */
@media only screen and (min-width: 300px) and  (max-width: 700px) {
	.top_page
	{
		display:none;
	}
	#footer_wrapper
	{
		box-sizing: border-box;
		width:100%;
		margin:auto;
		/*background-color:  rgba(57,25,8);
		border-top:solid 10px rgba(112,88,76);
		color: rgba(249,243,231);*/
		background-color:  #391908;
		border-top:solid 10px #70584c;
		color: #f9f3e7;
		padding-top:15px;
	}
	#footer_wrapper a
	{
		text-decoration: none;
		/*color: rgba(249,243,231);*/
		color: #f9f3e7;
	}
	#footer_wrapper .footer
	{
		width:100%;
		margin:auto;
		text-align: -webkit-center;
		text-align: center;
	}
	#footer_wrapper .footer .logo
	{
		margin-top:30px;
	}
	#footer_wrapper .footer ul 
	{
		margin: 40px 0;
	}
	#footer_wrapper .footer ul li
	{
		display: inline-block;
		width:100px;
		/*border-left:solid 1px rgba(249,243,231);*/
		border-left:solid 1px #f9f3e7;
	}
	#footer_wrapper .footer ul li:first-child
	{
		border-left:none;
	}
	#footer_wrapper .copyright
	{
		width:100%;
		margin:auto;
		padding:30px 0;
		
		text-align: -webkit-center;
		text-align: center;
		/*background-color: rgba(249,243,231);
		color:  rgba(57,25,8);*/
		background-color: #f9f3e7;
		color:  #391908;
	}
	
}
/* PC */
@media screen and (min-width: 701px){
	.top_page
	{
		display:none;
	}
	#footer_wrapper
	{
		box-sizing: border-box;
		width:100%;
		min-width:980px;
		margin:auto;
		/*background-color:  rgba(57,25,8);
		border-top:solid 10px rgba(112,88,76);
		color: rgba(249,243,231);*/
		background-color:  #391908;
		border-top:solid 10px #70584c;
		color: #f9f3e7;
		padding-top:15px;
	}
	#footer_wrapper a
	{
		text-decoration: none;
		/*color: rgba(249,243,231);*/
		color:#f9f3e7;
	}
	#footer_wrapper .footer
	{
		width:980px;
		margin:auto;
		text-align: -webkit-center;
		/*border-left:solid 1px #f9f3e7;*/
		text-align: center;
	}
	#footer_wrapper .footer .logo
	{
		margin-top:30px;
	}
	#footer_wrapper .footer ul 
	{
		margin: 40px 0;
	}
	#footer_wrapper .footer ul li
	{
		display: inline-block;
		width:100px;
		/*border-left:solid 1px rgba(249,243,231);*/
		border-left:solid 1px #f9f3e7;
	}
	#footer_wrapper .footer ul li:first-child
	{
		border-left:none;
	}
	#footer_wrapper .copyright
	{
		width:100%;
		margin:auto;
		padding:30px 0;
		
		text-align: -webkit-center;
		text-align: center;
		/*background-color: rgba(249,243,231);
		color:  rgba(57,25,8);*/
		background-color: #f9f3e7;
		color:  #391908;
	}
}


/************************ FOOTER E ************************/
.f-left
{
	float:left;
}
.f-right
{
	float:right;
}
.mt5
{
	margin-top:5px;
}
.mt10
{
	margin-top:10px;
}
.mt20
{
	margin-top:20px;
}
.mt30
{
	margin-top:30px;
}
.mt40
{
	margin-top:40px;
}
.mt50
{
	margin-top:50px;
}
.mt60
{
	margin-top:60px;
}