@charset "UTF-8";

/*�S�� �x�[�X */
#main-con{
	padding:5% 10%;
} 
/* ---------------------------------
   �S�� �x�[�X
�@ �E�B���h�E����800px���傫���A
�@ 800px�ȉ��̏ꍇ
----------------------------------- */
@media only screen and (max-width: 800px) {
	#main-con{
	padding:5% 5%;
} 
}
/* �w�b�^�[ */

#main .title{
	width:100%;
	max-width: 100%;
	line-height:0.5;
	height: auto;
}


/* ���i�Љ�x�[�X */
.menu-con{
	border-bottom: #808080 0.5px solid;
	margin-bottom:30px;
	padding-bottom:20px;
}
#youkan{
	background:url(../img/you.png) no-repeat top 80px left 0 ;
}
#dora{
	background:url(../img/dora.png) no-repeat top 80px left 0 ;
}
#hoshi{
	background:url(../img/higashi.png) no-repeat top 80px left 0 ;
}
/* ---------------------------------
   ���i�Љ�x�[�X
�@ �E�B���h�E����800px���傫���A
�@ 800px�ȉ��̏ꍇ
----------------------------------- */
@media only screen and (max-width: 800px) {
	.menu-con{
		background-position: center;
	}
}

/* ���i�Љ�^�C�g�� */
.menu-con h3,#nama h3{
	font-family: "Sawarabi Mincho";
	font-size:210%;
	color:#595959;
	letter-spacing: 0.05em;
	margin-left:3%;
	margin-bottom:10px;
}

/* �e���i�Љ� */
.menu{
	width:100%;
	margin-left: 40%;
	margin-bottom:20px;
}

.manu-left{
	margin-left:20%;
}
.menu-img{
	display:table-cell;
	vertical-align:middle;
	
}

.ex{
	display:table-cell;
	vertical-align:middle;
	width:300px;
	padding-left:20px;
}

#main .ex h4{
	font-family: "Sawarabi Mincho";
	font-size:110%;
	color:#000;
	letter-spacing: 0.02em;
	margin-bottom:10px;
}
#main .ex p{
	font-family: "Noto Sans JP";
	font-size:86%;
	line-height:1.7;
	letter-spacing: 0.02em;
}
#nama{
	margin:0 aout;
	overflow:hidden;
}

#nama-head{
	width: 100%;
	height: 400px;
	background:url(../img/jyounama-wagashi.png) no-repeat;
	background-position: 80% 50%;
	margin-bottom:40px;
}
#nama-head h3{
	padding-top:8%;
	color:#fff;
}

#nama p{
	font-family: "Noto Sans JP";
	font-size:100%;
	line-height:2.5;
	letter-spacing: 0.02em;
	color:#595959;
	margin-bottom:40px;
	padding:0 2%;
}
#nama .nama-img{
	float:left;
	text-align: center;
	margin-right:3%;
}
#nama .nama-img a{
	text-decoration: none;
}

/* ---------------------------------
   ���i�Љ�x�[�X
�@ �E�B���h�E����800px���傫���A
�@ 800px�ȉ��̏ꍇ
----------------------------------- */
@media only screen and (max-width: 800px) {
	.menu{
		width:95%;
		margin-left:0;
		margin: 0 aout;
		margin-bottom:40px;
	}
	.manu-left{
		margin: 0 aout;
	}
	.menu-img,.ex{
	display:block;
	}
	.menu-img{
	text-align: center;
	}
	
	.ex{
		width:90%;
	}
	
	#nama-head{
		height:250px;
	}
}

@media only screen and (max-width: 600px) {
	#nama .nama-img{
		float: none;
		display:block;
	}
}
]
/*�C�����C���|�b�v�A�b�v*/
/*ajax�p*/
#ajax-wrap {
	position: relative;
	margin:10px auto;
	max-width: 700px;
	background: #fff;
	padding: 20px;
}
#ajax-wrap h2 {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
}
/*�C�����C���p*/
#inline-wrap {
	position: relative;
	margin:10px auto;
	max-width: 700px;
	background: #fff;
	padding: 20px;
}
#inline-wrap h1 {
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 10px;
}
#inline-wrap .image img {
	width:100%;
	max-width: 600px;
}
#inline-wrap .image,
#inline-wrap .popup-modal-dismiss {
	text-align: center;
}

#inline-wrap p{
	padding-bottom:20px;
}

#inline-wrap ol{
	list-style-type: decimal;
	margin-left:20px;
}
#inline-wrap ol li{
	padding-bottom:20px;
	line-height:1.5;
	
}