/* ---------------------------------------------------------------
	start max 1200px
--------------------------------------------------------------- */

@media screen and ( max-width: 1200px ) {

/* --------------- header --------------- */
	
	.nav_haeder ul li {
		padding: 0 8px;
	}
	
	.btn_shop_header {
		margin-right: 10px;
		margin-left: 5px;
	}
	
  .search_news {
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    width: 100%;
    border: 2px solid #ff801e;
    border-radius: 90px;
    position: relative;
    overflow: hidden;
  }
  .search_news input[type=text] {
    margin: 0 60px 0 0;
    padding: 6px 0 6px 10px;
    width: calc( 100% - 60px );
    line-height: 1.2em;
    font-size: 16px;
    box-sizing: border-box;
    border: none;
    -webkit-appearance: none;
  }
  .search_news input[type=submit] {
    margin: -20px 0 0 0;
    padding: 0 0 0 0;
    width: 40px;
    height: 40px;
    line-height: 1.2em;
    font-size: 16px;
    text-indent: -9999px;
    background: url("../img/news/icon_search.png") no-repeat center center;
    background-size: 25px;
    box-sizing: border-box;
    border: none;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-appearance: none;
    z-index: 1;
    cursor: pointer;
  }
	
/* --------------- common --------------- */
	
	.wrap_topShop {
		margin-bottom: 4.5vw;
	}
	
	.wrap_topShop a {
		height: 36.5vw;
	}
	
	.wrap_topShop a.Umeshu {
		width: 24.2vw;
		padding: 0 0 2.5vw 1.5vw;
	}
	
	.wrap_topShop a.Shochu {
		width: 24.2vw;
		padding: 2vw 0 0 1.7vw;
	}
	
	.wrap_topShop a.Jizake {
		width: 25.5vw;
		padding: 0 0 2vw 1.5vw;
	}
	
	.wrap_topShop a.Season {
		width: 25vw;
		padding: 1.6vw 0 0 3.5vw;
	}
	

	.subpage .wrap_topShop a.Shochu {
		margin-left: -1.65vw;
	}

	.subpage .wrap_topShop a.Jizake {
		margin-left: -1.65vw;
	}

	.subpage .wrap_topShop a.Season {
		margin-left: -3.7vw;
	}
	
}

/* ---------------------------------------------------------------
	end max 1200px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start min 1034px
--------------------------------------------------------------- */

@media screen and ( min-width: 1034px ) {

	.pc_none {
		display: none;
	}



}

/* ---------------------------------------------------------------
	end min 1034px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start max 1033px
--------------------------------------------------------------- */

@media screen and ( max-width: 1033px ) {
	
	body {
		margin-top: 74px;
	}
	
/* --------------- header --------------- */
	
	header {
		height: 74px;
	}
	
	.inner_header {
		padding-right: 2%;
	}

	.nav_haeder ul li {
		padding: 0 6px;
	}
	
	.btn_shop_header {
		width: 50px;
		height: 50px;
		margin: 0 12px 0 10px;
		padding: 0;
		text-align: center;
		background-image: none;
		background-color: #ff9326;
	}
	
	.btn_contact_header {
		width: 50px;
		height: 50px;
		margin: 0;
		padding: 0;
		text-align: center;
		background-image: none;
		background-color: #000;
	}
	
	.btn_shop_header .sp_none,
	.btn_contact_header .sp_none {
		display: none;
	}
	
	.btn_shop_header .pc_none {
		width: 40px;
		display: inline;
	}
	
	.btn_contact_header .pc_none {
		width: 34px;
		display: inline;
	}
	
	.btn_contact_header img,
	.btn_contact_header svg {
		width: 100%;
		height: auto;
		stroke: #fff;
	}
	
	

	
/* --------------- footer --------------- */
	
	.cont_l_footer {
		width: 200px;
	}
	
	.cont_r_footer {
		width: calc(100% - 200px);
		padding-left: 0;
	}
	
	ul.link_footer {
		min-width: 5.5em;
		margin-right: 35px;
	}
	

	
/* --------------- common --------------- */

	
	.mds_subpage1 .ja {
		font-size: 34px;
	}







}

/* ---------------------------------------------------------------
	end max 1033px
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
	start 701px�`1033px
--------------------------------------------------------------- */

@media print,screen and ( min-width: 701px ) and ( max-width: 1033px ) {

	.tab_none2 {
		display: none;
	}



}

/* ---------------------------------------------------------------
	end 701px�`1033px
--------------------------------------------------------------- */