@charset "UTF-8";

@media screen and (max-device-width:810px) {
	div#content{
		display: flex;
		flex-direction: column;
		width:100%;
		margin: 6px auto 0;
	}
	div#content-inner{
		float: none;
		width:100%;
	}
	div#content-subinner{
		width:100%;
		height:100%;
		display:flex;
		flex-direction: column;
	}
	div#memberbox {
		margin-left: 10px;
		width: 95%;
	}
	div#memberbox h2#member_title{
		background:url(../img/title_member.jpg) no-repeat bottom/cover;
		width:auto;
		height:50px;
	}
	div#memberbox h3 img {
		width:95%;
		height:36px;
	}
	div#footer {
		width: 97%;
		display:block;
		margin:5px;
	}
	#footer-inner {
		width: 100%;
		display:block !important;
		height:auto !important;
		border: 1px solid #666666;
		margin: 2px;
	}
	#subnavi ul {
		float:none !important;
	}
	
	#subnavi li {
		float:none !important;
		text-indent: 0px !important;
		width: auto !important;
		height: auto !important;
	}
	
	ul#subnavi li a, ul#subnavi li a:hover {
		background: none;
	}
	
	#footer ul#subnavi{
		width:100% !important;
		height:auto;
		margin: 2px;
	}
	
	.side_familyuse {
		width:100% !important;	
		font-size:20px;
		border: 1px solid #666666;	
	}
	.familyuse_link {
		margin:10px !important;
	}
	ul#_globalnavi li a {
		font-size: 15pt;
		background:none;
	}
	/* hamburger-menu background */
	div#mobile-navi.mobile-box header{
		width: 50px !important;
		height: 50px !important;
	}
	#nav-open span {
		bottom: 5px !important;
		left:0px !important;
	}
	#nav-open span:before {
		bottom: 10px !important;
	}
	#nav-open span:after {
		bottom: -10px !important;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after {
	    position: absolute;
	    height: 3px !important;
	    width: 30px !important;
	    border-radius: 3px;
	    background: #555;
	    display: block;
	    content: '';
	    cursor: pointer;
	}
	#sampleindex  #itembox {
		width: 100% !important;
	}
	#sampleindex  .itembox-inner-table {
		margin: 0 auto;
		text-algn: left;
		margin-bottom: 25px;
	
		width: 99% !important;
	}		
	#content {
		display:flex;
		flex-direction:column;
	}
	div.cartbtn {
		margin:0px !important;
	}
	div#samples-order {
		width: 100% !important;
		padding-left: 5px;
	}
	.boxes_wrap {
		display:grid;
		grid-template-columns: 1fr;
	}
	.boxes_wrap div.attr-left {
		width: 100%;
	}
	.boxes_wrap div.attr-left img{
		width: 100%;
	}
	.boxes_wrap div.attr-right {
		width: 100%;
	}
	.boxes_wrap div.attr-right img{
		width: 100%;
	}
	.boxes_wrap div.attr-right h3{
		width: 100%;
	}
	.breadcrumb-bottom-inner {
		width: 97% !important;
	}
	.breadcrumb-bottom-inner h3.spectitle {
		width: 95%;
		margin-left: 5px;
	}
	.itemspec_inner {
		width: 98% !important;
	}
	.itemspec_inner h3.spectitle {
		width: 95% !important;
		margin-left:5px;
	}
	.itemspec_inner table#kikaku {
		width: 97% !important;
	}
	p.resizeimage img {
		width: 100% !important;
		height: auto;
	}
	.main_copy img {
		width: 100% !important;
		height: auto;
	}
	div.mobile-base-container div#header {
		width: 100%;
	}
	#sampleinfo {
		width: 100%;
	}
	.mobile-category-box {
		width: 100%;
	}
	ul.samplelinkbox {
		display:flex !important;
		flex-direction: row;
		gap: 2px !important;
		width: 100%;
	}
	ul.samplelinkbox li {
		width: 100% !important;
	}
	ul.samplelinkbox li a {
		width: 100% !important;
		height: 100%;
	}
	ul.samplelinkbox li a img{
		width: 100% !important;
	}
	div#new_info.cf {
		display: flex;
		flex-direction: column-reverse;
	}
	body#index #whatsbox h2#whats{
		width:100%;
	}
	ul#sidebanner li a{
		width:100%;
	}
	.sampleInL div {
		float: left;
		width: 100%;
	}
	.samplelinkbox .genre {
		background: url('../img/index/btn_samples_genre_on.jpg') top left no-repeat;
		background-size: contain;
	}
	.samplelinkbox .shop {
		background: url('../img/index/btn_samples_shop_on.jpg') top left no-repeat;
		background-size: contain;
	}
	.samplelinkbox .cuisine {
		 background: url('../img/index/btn_samples_cuisine_on.jpg') top left no-repeat;
		 background-size: contain;
	}
	.cnavi_title {
	   width: 100%;
	   background: url('../img/cnavi_blank.jpg');
	   background-size: 100% 98%;
	}
	.mobile_mainimg {
	   margin-top: 5px;
	}
}