@charset "utf-8";

@media (max-width: 768px) {
	div#header_img {
		height: 480px;
	}
	h1 , h2 {
		line-height: 1em;
	}
	#top-head h1.logo {
		width: 30%;
		background-size: contain;
		background-position: center;
	}
	section.beginning div.box_60,
	section.beginning div.box_35 {
		display: block;
		width: 100%;
	}
	section.tradition li {
		width: calc((100% - 44px)/2);
		margin-bottom: 1em;
	}
	section.introduction ul.jump{
		margin-bottom: 3em;
	}
	section.introduction ul.jump li {
		width: calc((100% - 64px)/3);
		margin-bottom: 1em;
	}
	div.half_shell {
		display: block;
		width: 100%;
		height: auto;
	}
	section.introduction div#shinemuscat,
	section.introduction div#peach,
	section.introduction div#wine,
	section.introduction div#chicken,
	section.introduction div#applepie,
	section.introduction div#mattress {
		display: block;
	}
	section.introduction div.cont_box,
	dl.use_box{
		width: 96%;
		margin: 24px 2% 12px;
	}
	div.cont_box ul li {
		display: inline-block;
		width: calc((100% - 30px)/3);
	}
	div.cont_box ul{
		margin-bottom: 6em;
	}
	dl.use_box dt,
	dl.use_box dd {
		height: auto;
	}
	footer img {
		width: 90%;
		margin: 0 auto;
	}
	footer address {
		font-size: 0.6em;
	}
	section#notice dt {
		display: inline-block;
		width: 50px;
		margin-right: 12px;
	}
	section#notice dt img{
		width: 50px;
	}
	section#notice dd {
		display: inline-block;
		width: calc(100% - 72px);
	}
	section#notice span {
		padding: 3px 6px;
		margin-bottom: 12px;
		font-size: 0.8em;
		font-weight: bold;
		background-color: #019966;
	}
	section#notice dd div {	
		float: right;
		font-size: 0.8em;
	}
	section.shoplist div.cont_box {
		width: 96%;
	}
	section.shoplist div.cont_box ul {
		margin: 0;
		width: auto;
	}
	section.shoplist div.cont_box li {
		display: inline-block;
		width: calc((100% - 48px)/2);
		margin: 0 12px 24px 0;
	}

}