/* ---------------------------------------------------------------
	start max 700px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 700px ) {
	
	
	body {
		margin-top: 68px;
	}
	
	.sp_none {
		display: none;
	}


	/* --------------- header --------------- */
	
	header {
		height: 68px;
	}
	
	.logo_header img {
		width: 56px;
	}
	
	.nav_haeder {
		height: calc(100vh - 68px);
		top: 68px;
	}
	
	#menubtn {
		width: 68px;
	}
	
	
	

	/* --------------- footer --------------- */
	
	
	.pagetop {
		width: 64px;
		height: 64px;
	}
	
	
	
	
	
	/* --------------- common --------------- */

	.col_pagettl {
		height: 120px;
	}
	
	.col_pagettl .cont .en {
		font-size: 18px;
	}
	
	.col_pagettl .cont .pagettl {
		font-size: 30px;
	}
	
	.col_topShop {
		padding-top: 50px;
		background-color: #eaeaea;
		position: relative;
		z-index: 0;
	}
	
	.col_topShop:before {
		content: "";
		border-top: 33vw solid #fff;
		border-right: 100vw solid transparent;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	
	.col_topShop .mds_top1 {
		margin-bottom: 45px;
	}
	
	.bg_topShop {
		padding-bottom: 18vw;
		background-color: transparent;
	}
	
	.bg_topShop:before {
		content: none;
	}
	
	.bg_topShop:after {
		border-bottom: 15vw solid #fff;
	}
	
	.wrap_topShop {
		width: 90%;
		margin: 0 auto 3vw;
		display: block;
	}
	
	.wrap_topShop a {
		height: auto;
		background-size: 100% auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	.wrap_topShop a:nth-child(odd) {
		-webkit-box-pack: end;
		   -ms-flex-pack: end;
		 justify-content: flex-end;
	}
	
	.wrap_topShop a:nth-child(even) {
		-webkit-box-pack: start;
		   -ms-flex-pack: start;
		 justify-content: flex-start;
	}
	
	.wrap_topShop a.Umeshu {
		width: 90%;
		height: 35vw;
		margin: 0 0 -3.2vw auto;
		padding: 0 5.8% 2.5vw;
		background-image: url(../img/top/sp/bg_topshop1.png);
	}

	.wrap_topShop a.Shochu {
		width: 90%;
		height: 35.5vw;
		margin: 0 ;
		padding: 2.5vw 5% 0;
		background-image: url(../img/top/sp/bg_topshop2.png);
	}

	.wrap_topShop a.Jizake {
		width: 90%;
		height: 34vw;
		margin: 0 0 0 auto;
		padding: 0 5.8% 2.5vw;
		background-image: url(../img/top/sp/bg_topshop3.png);
	}

	.wrap_topShop a.Season {
		width: 90%;
		height: 34vw;
		margin: 0;
		padding: 0 5% 0;
		background-image: url(../img/top/sp/bg_topshop4.png);
	}

	.wrap_topShop a dl {
		-ms-writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		   -ms-flex-direction: column;
		       flex-direction: column;
		-webkit-box-align: stretch;
		   -ms-flex-align: stretch;
		      align-items: stretch;
	}
	
	.wrap_topShop a dl,
	.wrap_topShop a:nth-child(odd) dl {
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;
	}
	
	
	.wrap_topShop a dl dt {
		margin: 0 0 1vw;
		font-size: 4vw;
	}
	
	.wrap_topShop a dl dd {
		font-size: 12.2vw;
	}
	
	.wrap_topShop a:nth-child(even) dl dt {
		-webkit-box-ordinal-group: 1;
		           -ms-flex-order: 0;
		                    order: 0;
	}
	
	.wrap_topShop a:nth-child(even) dl dd {
		-webkit-box-ordinal-group: 2;
		           -ms-flex-order: 1;
		                    order: 1;
	}
	
	.col_topContent {
		padding-top: 30px;
	}
	
	.inner_topContent {
		width: 82%;
		display: block;
	}
	
	.inner_topContent a.voice {
		width: 100%;
		height: 46vw;
		margin: 0 auto 2.5vw;
	}
	
	.inner_topContent a.trivia {
		width: 100%;
		height: 50vw;
	}
	
	.inner_topContent a .mds_top1 {
		line-height: 7vw;
	}
	
	.inner_topContent a .mds_top1 .en {
		font-size: 3.5vw;
	}
	
	.inner_topContent a .mds_top1 .ja {
		font-size: 6vw;
	}
	
	.col_topContact {
		padding: 70px 0 60px;
	}
	
	.inner_topContact {
		width: 90%;
	}
	
	.col_topContact .mds_top1 .ja {
		font-size: 25px;
	}
	
	.txt_topContact {
		margin-bottom: 25px;
	}
	
	.btnarea_topContact {
		max-width: 300px;
		display: block;
	}
	
	.btnarea_topContact a {
		width: 100%;
		height: 70px;
	}
	
	.btnarea_topContact a.tel {
		margin-bottom: 15px;
	}
	
	
	.mds_subpage1 {
		margin-bottom: 45px;
	}
	
	.mds_subpage1 .en {
		font-size: 15px;
	}
	
	.mds_subpage1 .ja {
		font-size: 25px;
	}
	
	.subpage .wrap_topShop a.Shochu,
	.subpage .wrap_topShop a.Season {
		margin-left: 0;
	}
	
	.subpage .wrap_topShop a.Jizake {
		margin-left: auto;
	}
	
	.inner_topContent a .mds_subpage1 {
		line-height: 7vw;
	}
	
	.inner_topContent a .mds_subpage1 .en {
		font-size: 3.5vw;
	}
	
	.inner_topContent a .mds_subpage1 .ja {
		font-size: 6vw;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}

/* ---------------------------------------------------------------
	end max 700px
--------------------------------------------------------------- */