.no-sp { visibility:hidden; width:0px !important; height:0px !important; overflow:hidden; margin:0 !important; }
#header-index { 
				padding-top:66px;
				background-image:url(../img/top_logo_h1.gif);
				background-repeat:no-repeat;
				background-color:#AB0000;
				}
#header-index>h1 { 
				padding-top:66px; 
				background-image:url(../img/top_logo_h1.gif);
				background-repeat:no-repeat;
				background-color:#AB0000;
				}
#header-index h1 img { 
				width:100%;
}
#header-index #head-wrap {
			 	width:100%;
				height:0;
				overflow: hidden;
}
#header-index #menu { visibility:hidden; height:0px; overflow:hidden; }

#top-box { width:100%; margin:4px auto 0; overflow:hidden; }
	#top-cell-wrap-l { overflow: auto; background-color:#FFF; }
	.top-cell-shop {
			margin:0px 0px 4px 0px;
		
			width:100%; 
			height:100px;
		
			background-size: 50% auto;
			background-position:center left;
			
			position:relative;
	}
	.top-cell {
			margin:0px 0px 4px 0px;
		
			width:50%; 
			height:70px;
		
			background-size: 100% auto;
			background-position:center left;
			
			position:relative;
			
			float:left;
	}
			.tcl { border-right:solid 2px #FFF; box-sizing:border-box;}
			.tcr { border-left:solid 2px #FFF; box-sizing:border-box; }
			.top-desc{
					position:absolute;
					bottom:0px;
					right:0px;
					width:100%;
					height:100%;
					text-align:center;
			}
			.top-cell-shop .top-desc{
					width:50%;
			}
			.top-desc p {
					margin-top:2em;
			}
	#top-cell-wrap {
				width:100%;
				height:200%;
				margin:0;
	}
	#top-cell-wrap2 {
				width:100%;
				height:200%;
				margin:0;
	}
		
	#top-cell-wrap-r { width:100%; margin:10px auto; }
	

		
	#top-news {
		width:96%;
		margin:20px 2% 0;
	}
		#top-news h2 img { width:60px; margin-top:10px; margin-bottom:0px; }
		#top-news ul { width:100%; }
		.top-news-cell { width:46%; height:auto; margin:0 2% 12px; }
			.top-news-img { width:100%; height:auto; }
			.top-news-img:before {
				content:"";
				display: block;
				padding-top: 75%;
			}
			.top-news-text { width:90%; padding:0.75em 5%; }
			.top-news-cell h3 { font-size:11px; line-height:1.2em; }
			.top-news-date { font-size:10px; line-height:10px; left:5%; bottom:12px; }
			
			#top-mob-club:after { height: 84px;}
			#top-mob-club:before{
				content:"";
				display: block;
				padding-top: 75%;
			}
			
		#top-news-tw h2 {
			margin:30px 0 18px;
		}
		#top-news-tw h3 { width:100%; display:block; }
	
		.top-news-unit { overflow:hidden; margin-top:20px; font-weight:bold; color:#988569; }
		.top-news-unit * { line-height:20px; }
		.top-news-unit h3 a { text-decoration:none; color:#3C2415; }
		.top-news-unit p, .more { visibility:hidden; overflow:hidden; height:0; }

.top-news-text-date { font-size: 10px !important; }
#top-news-text { margin-bottom: 20px; }
#top-news-text li a {
	display: block;
	width:22em;
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
		
	#top-quality {
		background-position:center left;
	}
	/*#top-info {
		background-position:center left ;
		background-repeat:no-repeat;
		background-color:#3A2213;
		position:relative;
	}
		 #top-info a { width:50%; }
		#top-info h2 { height:0px; padding-bottom:0px; }
		#top-info p {
			margin-left:50%;
			width:50%;
			height:1em;
			padding: 0.5em;
		}
	
				#top-quality { background-image:url(/img/top_quality_m-01.jpg); }
				#top-info{ background-image:url(/img/top_information_m-01.jpg); } */
	#top-mobile {
		height:0;
	}
	#top-mobile-sp ul a {
		margin-top:0;
		height:70px;
	}
	#top-mobile-sp a {
		margin-top:5px;
		display:block;
		height:auto;
	}
	#top-mobile img, #top-mobile-sp img {
		width:100%;
	}
		/*--- SNS BTN ---*/
		#top-mobile-sp ul { text-align:center; background-color:#B10008;}
		#top-mobile-sp ul li { display:inline-block; }
		#menu-sns-tw img { width:54px; padding:15px; }
/*----- LAYOUT -----*/
#header h1 { 
				width:130px;
				background-position:-20px 0px;
}
#header #head-wrap { width:100%; }
#header #menu { overflow:hidden; width: 0px; height:0px; margin: 0 0; }
#wrap{ 
	width:100%;
	margin-bottom:20px;
}
#bread { margin:20px 0 30px 20px; }/*SP*/
#content { width:100%; margin:0 auto; }/*SP*/
#content > img { width:100%;  }/*SP*/

#footer {
	height:90px;
}
	#foot-wrap{
			width:100%;
			height:90px;
	}
		#foot-copy { visibility:hidden; height:0px; }
		#foot-menu { width:260px; height:10px; margin:65px auto; }
		
/*----- SHOP -----*/
.shop-top h2 img { width:144px; }
#shop-desc {
	width:100%;
	height: auto!important;
	margin:0 auto;
}
#shop-cover{
	width:100%;
	height:auto;
	text-align:center;
}
	#shop-cover img{
		width:100%;
		margin:0 auto;
	}
	#shop-cover div#gallery {
		width:100%;
		height:210px;
	}
			.mtpic{
				width: 23.5%;
				margin-right:2%;
				}
#shop-gallery{
	width:100%;
	margin:30px auto;
	height: auto;
}
#shop-data, #shop-cover{				
	width:90%;
	margin:30px auto;
}
#shop-news { width: 90%; margin-left: 0; padding-left: 5%; }
#shop-viking {
		width:100%;
}
			#shop-viking dt{
				width:28%;
				padding:1em 0;
				text-align:center;
			}
			#shop-viking dd{
				width:70%;
				padding:1em 2% 1em 0;
			}
#shop-viking h3 {
		width:80%;
		margin-left:5%;
}
#shop-viking h3 img {
		width:100%;
}
#shop-viking-pic {
			width:100%;
			margin:0 auto;
}
#shop-viking-pic img {
			width:50%;
			margin-bottom:0;
			float:left;
}
#shop-viking-pic img#svp1st {
			width:100%;
			margin-top:20px;
}
.shop-top { width:100%; margin:0 auto; }
	.shop-top h2 { width:100%; }
.shop-cell{
			width:50%;
}
#shop-pdf a img { width:100%; margin:20px 0px 20px; }

		#shop-lng { top:20px; right:0px; width:100%; }
/*----- ABOUT -----*/
/*.head-img img { width:100%; }
.about-cell { width:100%; padding:20px 0; }
.about-cell > img { width:90%; margin:0 auto; }
.about-cell .about-desc{ width:90%; margin:0 auto; }
.about-desc img { height:48px; }
.em2, .em3 { margin-top:8px; }*/
/*----- HISTORY -----*/
 /*.history-cell { width:90%; }
 .history-cell img { width:150px; display:block; margin:20px auto; text-align:center; }
 .history-cell .history-desc { width:100%; }
 .history-cell h3 { text-align:center; }
  
#history-hr{ text-align: center; display: block; margin: 40px auto 40px; width:100%; }
 .history-year { text-align: center; display: block; margin: 0 auto 40px; width:172px !important; }
 .history-flag { width:auto; }*/
 /*----- ABOUT -----*/
.head-img img { width:100%; }
.about-cell { width:100%; height:70px; padding:20px 0; }
.about-cell > img { width:30%; float:left; }
.about-cell .about-desc{ width:67%; float:right;}
.about-desc img { width:100%; }
.em2, .em3 { margin-top:0px;  font-size:0.7em; line-height:1.5em;}
/*----- HISTORY -----*/
.history-cell { width:100%; height:120px; }
.history-cell h3 { font-size:1.2em; }
.history-cell img { float:left; width:30%;}
.history-cell .history-desc { float:right; width:67%;  font-size:0.7em; line-height:1.2em;}
  
.history-desc p { margin-top:0; margin-bottom:0.6em; font-size:1em; line-height:1.2em;}
 
 #history-hr{ text-align: center; display: block; margin: 40px auto 40px; width:100%; }
 .history-year { text-align: center; display: block; margin: 0 auto 40px; width:80px !important; }
 .history-flag { margin-top:1em; }
 /*----- INFO -----*/
 .info h2 { width:120px; margin:0 auto 20px; }
.info-cell { width:90%;padding:5%; }
.info-cell img { margin:0 auto 5%; }
.info-desc { width:100%; }

.info-cell1 { width:90%; margin:64px auto; }
	.info-cell1 li { width:48%; }
.info-cell2 { width:100%; margin:30px auto; }
.info-cell1 img, .info-cell2 img { width:100%; }
/*----- NEWS -----*/
.news { overflow:hidden; }
.news-cell { width:90%;padding:5%; }
.news-cell img { margin:5% auto 10%; }
.news-desc { width:100%; position:relative !important; left:0 !important; top:0 !important; }
/*----- QUALITY -----*/
.quality { width:100%; }
.quality h2 { width:100%; }
	.quality h2 img { width:100%; }
.quality ul { width:340px; margin:0 auto; }
.quality li { float:none; margin:0 auto 30px; }
	.qlty3 p { width:90%; }
	.qlty3 br{ display: none; }
	.qlty3 a img { width:90%; margin:0  5%; }