@charset "utf-8";
/* =========================================================

========================================================= */

header.clearfix{
	display: none;
}

.content-box {
  zoom: 1;
  margin: 0 0 40px;
  clear: both;
}
.content-box:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.1px;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}
  
.content-box div.box-img {
	position: relative;
	z-index: 10;
}
.content-box div.box-title {
	margin: 0 0 25px;
	width: 450px;
}

.content-box div.box-content {
	width: 450px;
}
.content-box.box-left div.box-img {
	margin-right: -16px;
	float: right;
}
.content-box.box-right div.box-img {
	margin-left: -16px;
	float: left;
}
.content-box.box-left div.box-content,
.content-box.box-left div.box-title {
	float: left;
}
.content-box.box-right div.box-content,
.content-box.box-right div.box-title {
	float: right;
}


.content-box div.box-content p {
	line-height: 1.4;
	margin: 0 0 10px;
	padding: 0;
}

.content-box div.pagetop {
}

/* gallery */

#gallery {
	margin: 0 0 90px;
}
#gallery .box-title {
	margin: 0 0 30px;
}
#gallery ul,
#gallery li,
#gallery dl,
#gallery dt,
#gallery dd  {
	margin: 0;
	padding: 0;
	list-style: none;
}
#gallery .slideshow {
	background: #333333;
	padding: 10px;
	margin: 0 10px;
  zoom: 1;  
}
#gallery .slideshow:after {  
  content: ".";  
  display: block;  
  visibility: hidden;  
  height: 0.1px;  
  font-size: 0.1em;  
  line-height: 0;  
  clear: both;  
}
  
#gallery .slideshow ul.control {
	width: 220px;
	float: left;
}
#gallery .slideshow ul.control li {

	width: 98px;
	height: 98px;
	border: 1px solid #fff;
	overflow: hidden;
	cursor: pointer;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#gallery .slideshow ul.control li img {
	margin-left: -30px;
	height: 100px;
}

#gallery .slideshow ul.visual {
	width: 680px;
	float: right;
}

#gallery .slideshow ul.visual li {
	width: 678px;
	height: 428px;
	border: 1px solid #fff;
	overflow: hidden;
	position: relative;
}

#gallery .slideshow ul.visual li a {
}

#gallery .slideshow ul.visual li a img {
}

#gallery .slideshow ul.visual li dl {
	position: absolute;
	bottom: 0;
	margin: 0;
	background: url("http://mantani.jp/contents/washi/img/visual_bg.png") repeat;
	width: 678px;
}

#gallery .slideshow ul.visual li dl dt {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size: 26px;
	background: url("http://mantani.jp/contents/washi/img/visual_title_bar.png") no-repeat left bottom;
	margin: 5px 10px 8px;
}
#gallery .slideshow ul.visual li dl dt span {
	font-size: 60%;
	padding-left: 10px;
}
#gallery .slideshow ul.visual li dl dd {
	margin: 0 10px;
	color: #E7E7E7;
	font-size: 14px;
	margin: 0 10px 5px;
	line-height: 1.3;
}

#gallery .slideshow ul.visual li dl dd a {
}

#gallery .slideshow ul.visual li dl dd a img {
}


.Shop-info {}
.Shop-info div.box-title {
	margin: 0 0 20px;
}
.Shop-info div.box-address {
	text-align: left;
	font-size: 12px;
	float: left;
	width: 250px;
	margin-left: 150px;
	}
.Shop-info ul.box-img {
	float: right;
	width: 350px;
	margin: 10px 170px 0 0;
	padding: 0;
	list-style: none;
	}
.Shop-info ul.box-img li {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	float: left;
}

div.Shop-info ul.box-img li img {
}

img[src*="img/bar."]{
	margin: 20px 0 70px;
}


/* --------------------------------- 
------------------------------------
index
------------------------------------
------------------------------------*/
.index-box {
	padding: 10px;
	margin: 0 0 10px;
	background: #99FF33}
.index-box .box-title {}
.index-box .box-contente {}
/* --------------------------------- 
------------------------------------
inquiry
------------------------------------
------------------------------------*/

/* --------------------------------- 
------------------------------------
company
------------------------------------
------------------------------------*/

/* --------------------------------- 
------------------------------------
faq
------------------------------------
------------------------------------*/

/* --------------------------------- 
------------------------------------
privacy-index
------------------------------------
------------------------------------*/


/* スマホ用 */
@media (max-width: 740px) {
	.Header{
		background-size: contain;
		background-position: 0 64px;
		height: auto;
		padding-top: 64px;
		margin-bottom: 60px;
	}
	.Header .Logo{
		position: static;
		margin: 0 0 0 -9vw;
		padding-top: 57vw;
		/* box-shadow: 20px 32px 40px white; */
	}

	.Header-menu{
		height: auto;
		background: #000;
		padding: 7px 0 3px;
	}
	.Header-menu ul{
		display: inline-block;
		text-align: center;
		padding: 3px 0 0 0;
		float: none;
	}
	.Header-menu ul li{
		display: inline-block;
		float: none;
	}

	.content-box{
		margin-left: 5vw; 
		margin-right: 5vw; 
	}

	.Header-menu .Header-txt,
	.content-box div.box-content,
	.content-box div.box-title{
		width: 100%;
	}
	.Header-menu .Header-txt{
		font-size: 10px;
	}
		
	.content-box div.box-content p{
		text-align: left;
	}

	.content-box.box-left div.box-img,
	.content-box.box-right div.box-img{
		margin-left: 0;
		float: none;
	}
	.content-box.box-left div.box-img{
		margin-right: 0;
	}

	img[src*="/gallery_title."]{
		max-width: none;
		width: 190%;
		margin-left: 5vw;
	}
	#gallery .box-title{
		overflow: hidden;
		width: 90vw !important;
	}
	#gallery .slideshow ul.control{
		width: 103.6%;
	}
	#gallery .slideshow ul.control li{
		box-sizing: border-box;
		width: 22%;
		height: auto;
		margin-right: 3%;
	}
	#gallery .slideshow ul.control li img{
		width: 100%;
		height: auto;
		margin-left: 0;
	}

	#gallery .slideshow ul.visual,
	#gallery .slideshow ul.visual li,
	#gallery .slideshow ul.visual li dl{
		width: 100%;
	}
	#gallery .slideshow ul.visual li{
		height: auto;
	}
	#gallery .slideshow ul.visual li dl{
		position: static;
	}
	#gallery .slideshow ul.visual li dl dt{
		font-size: 16px;
	}
	#gallery .slideshow ul.visual li dl dt span{
		display: inline-block;
	}
	#gallery .slideshow ul.visual li dl dd{
		text-align: left;
		font-size: 10px;
	}
	
	.Shop-info div.box-title{
		overflow: hidden;
	}
	img[src*="img/shop_title."]{
		max-width: none;
		position: relative;
		width: 200vw;
		margin: 0 -50vw;
	}
	.Shop-info div.box-address{
		float: none;
		margin: 0 auto;
	}
	.Shop-info ul.box-img{
		float: none;
		text-align: center;
		width: 260px;
		margin: 20px auto 0;
	}
	.Shop-info ul.box-img li{
		float: none;
		display: inline-block;
		margin: 0;
		width: 45%;
	}
}

/* スマホ用 縦向 */
@media (max-width: 420px) and (orientation: portrait) {
	.Header-menu ul li a{
		background-size: auto 7vw;
		background-repeat: no-repeat;
		width: 21vw;
		height: 2.8vw;
		margin: 0;
	}
}

/* スマホ用 横向 */
@media (max-width: 740px) and (orientation: landscape) {
}