@media ( max-width: 980px) {
	html, body, div, span, object, 
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, dialog,  footer, header,
	hgroup, menu, nav, section,
	time, mark, audio, video {
		font-size: 15px;
		max-width: 100%;
	}
	body.top{
		padding: 0 0 0 ;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	div#map,
	div#map div{
		max-width: none !important;
	}

	p{
		max-width:100%;
	}
	.button{
		margin-left: auto;
		margin-right: auto;
	}
	.midashi{
		width: 100%;
		margin-top: 1.6em;
	}
	.menu .text{
		margin-bottom: 1rem;
		font-size: 1rem;
		font-weight: normal;
		padding: 0 1.5em;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", xano-mincho,"HG明朝E";
	}
	.menu .text br{
		display: none;
	}
	.menu-list{
		margin-top: 0px;
	}
	.menu-list li:first-child{
		width: 100%;
	}
	.menu-list li{
		width: 49%;
		padding: 0.4rem;
		vertical-align: top;
	}
	.menu-list li h2{
		font-size: 1.05em;
		max-width: inherit;
		width: 104%;
	}
	.menu-list li:nth-child(2) h2{
		width: 1050% !important;
		max-width: inherit;
	}
	.menu-list li p{
		max-width: inherit;
		width: 100% !important;
		font-size: 0.8em;
	}
	.menu-list li img{
	}
	.menu-list li:first-child img{
		width: auto;
	}
	.menu-list li.nihonshu img{
		height: auto !important;
	}
	
	.top-header{
		height: 100vh;
		width: 100%;
		min-width:inherit;
		overflow: hidden;
		position: relative;
	}
	.section {
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
		overflow: hidden;
	}
	.section.sub-header{
		width: 100vw;
		padding: 0;
	}
	.section.sub-header h1{
		min-height: inherit;
		margin: 0.8rem 0 0;
		height: 30vh;
	}
	.sub-header .text{
		margin-top: 1.5rem;
		margin-bottom: 1rem;
		font-size: 1rem;
		font-weight: normal;
		padding: 0 1.5em;
	}
	.sub-header .text br{
		display: none;
	}
	.section.sub-header h1 img{
		height: 3.5em;
	}
	.top-header .innerbox {
		top: 2.5em;
		-webkit-transform: translateY(-0%);
		-ms-transform: translateY(-0%);
		-o-transform: translateY(-0%);
		transform: translateY(-0%);
		overflow: hidden;
	}
	.top-header .logo img {
		height: 40vh;
		min-height: inherit;
	}
	.top-header .gl-navi li {
		display: block;
		width: 60%;
		margin: 0.4em auto 0;
		max-height: 5% !important;
	}
	.top-header .gl-navi li a {
		padding: 0.2em 0 0.4em;
	}
	.top-header .gl-navi li a img,
	.top-header .toiawase a img {
		height: 1em;
	}
	.top-header #bg li.bg01{
		background-size: cover !important;
		background-position: left -100px top 0;
	}
	.top-header #bg li.bg02{
	}
	.top-header #bg li.bg03{
		background-size: cover !important;
		background-position: left -120px top 0;
	}
	.top-header #bg li.bg04{
		background-size: cover !important;
		background-position: 45% top;
	}
	.top-header #bg li.bg05{
	}

	.top-header .downarrow {
		display: none;
	}
	.top-header .downarrow img {
		width: 2em;
	}
	.section.access {
		padding-left: 0;
		padding-right: 0;
	}
	.shimai-list{
		max-width: 100%;
	}
	.shimai .image {
		width: 100%;
	}
	#map{
		min-height: inherit;
		min-width: inherit !important;
		width: 100% !important;
		height: 40vh !important;
	}

	
	
	
	
	.course-list{
		margin-top: 20px;
	}
	.course-list .course1,
	.course-list .course2{
		position: relative;
		text-align: left;
		margin: 0 auto 30px;
		padding-top: 3.2rem;
		padding-left: 58%;
		min-height: 380px;
		width: 750px;
		box-sizing: border-box;
	}
	.course-list .image{
		position: absolute;
		top: 4.7rem;
		left: 0;
		width: 55%;
		height: auto;
	}
	.course-list .chuuki{
		position: static;
	}
	.course-list .price{
		font-size: 1.2em;
		display: none;
	}
	.course-list h2,
	.course-list h3{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", xano-mincho,"HG明朝E";
		font-weight: normal;
	}
	.course-list h2{
		position: absolute;
		top: 0;
		left: 0;
		font-size: 1.15em;
		font-weight: bold;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.course-list h2 br{
		display: none;
	}
	.course-list h3{
		font-size: 1em;
		font-weight: normal;
		display: inline-block;
		padding: 0 2em 0 0;
		margin: 1em 0 0.5em 0;
		border-bottom: 1px solid #ddd;
	}
	.course-list .text{
		font-size: 0.8em;
		position: absolute;
		top: 2.2rem;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.course-list .course-menu li{
		font-size: 13px;
		margin-bottom: 0.55em;
		padding-left: 0;
		line-height: 1;
		background: url(img/list-header.png) left center no-repeat;
		background-size: 0.35em;
	}
	.course-list .chuuki{
		font-size: 10px;
		width: 14em;
		text-indent: -1em;
		line-height: 1.3;
		margin-left: 1em
	}
	.drink h1{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", xano-mincho,"HG明朝E";
		font-size: 1.15em;
		margin-bottom: 0.5em;
	}
	.drink .text{
		text-align: center;
	}
	.drink .drink-list{
		width: 100%;
		margin: 1em auto;
		padding: 30px 50px;
		border: 1px solid #ddd;
		border-radius: 4px;
		box-sizing: border-box;
	}
	.drink dt{
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", xano-mincho,"HG明朝E";
		font-size: 1rem;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.drink dd{
		margin-bottom: 30px;
		font-size: 0.9rem;
	}
}