@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; }

.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

body, html{
	color: #333;
    height: 100%;
	-webkit-text-size-adjust: 100%;
}

header{
	background-color: #5f1200;
	padding: 10px 0;
}


h1{
	width:100%; 
	background-image: url(mr_annasakka.png);
	background-position: center; 
	background-repeat: no-repeat;
	background-size:auto 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;

}

.box-90{
	width: 90%;
	margin: 20px auto;
}

#h2-title{
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-position: top left;
	height: 0;
    padding-top: 15%;
	background-size: contain;
}

.h2-check{background-image: url("mr_h2_check.png");}
.h2-get{background-image: url("mr_h2_get.png");}


#mr-mail a {
	background-image: url(mr_mobail_new.png);
	width: 92%;
	margin: 0 auto;	
	background-position: center; 
	background-repeat: no-repeat;
	white-space: nowrap;
	height: 0;
    padding-top: 18%;
	background-size: 100%;
	overflow: hidden;
	text-indent: 100%;
	display: block;
}


.mail-new{
	font-size: medium;
	margin: 20px 0 30px 20px;
}

#mr-sns-gl{
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	list-style: none;
	display: table;
	
}

#mr-sns-gl li.fb{
	width: 50%;
	display: table-cell;
	text-align: center;
}

#mr-sns-gl li.in{
	width: 50%;
	border-right: 1px solid #ccc;
	display: table-cell;
	text-align: center;
}


#mr-sns-gl li img{
	width: 90%;
	margin: 20px 0;
}


#mr-sns{
	width: 100%;
	border-bottom: 1px solid #ccc;
	list-style: none;
	
}

#mr-sns li.tw,#mr-sns li.in{
	width: 33%;
	border-right: 1px solid #ccc;
	float: left;
	text-align: center;
}


#mr-sns li.fb{
	width: 33%;
	float: right;
	text-align: center;
}


#mr-sns li img{
	width: 90%;
	margin: 20px 0;
}

#mr-blog{
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	
}

#mr-blog th{
	width: 33%;
	background-color: #fae1db;
	color: #5f1200;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
	text-align: center;
	font-size: medium;
	
}

#mr-blog td{
	width: 67%;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 10px 10px;
	border-left: 1px solid #ccc;
	
}

#mr-blog td span{
	font-size: xx-small;
	margin: 0 2px;
	
}

footer{
	background-color: #5f1200;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	
}

small{
	font-size: x-small;
	color: #fff;
	
}

p{
	text-align: left;
	margin:  10px 0 0;
	font-size: small;
	
}


/*　店舗紹介　*/

h2#title{
	width: 100%;
	color: #5f1200;
	background-color: #fae1db;
	font-size: large;
	text-align: center;
	line-height: 200%;
	
}

.a-list{
	width: 100%;
	margin: 0;
	border-top: 5px solid #5f1200;
}

.m-list{
	width: 100%;
	margin: 0;
	border-top: 5px solid #0c5daa;
}

.shop-img{
	width: 100%;
	margin: 0;
	padding: 0;
}

.a-map{
	width: 100%;
	background-color: #5f1200;
	margin: 0;
	padding: 0;
}

.m-map{
	width: 100%;
	background-color:#0c5daa;
	margin: 0;
	padding: 0;
}


.a-map a,.m-map a{
	color: #fff;
	display: block;
	line-height: 200%;;
	text-decoration: none;
	text-align: center;
}


.shop-img img{
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

.shop-text{
	width: 96%;
	margin: 2% auto 6%;
}

.shop-text dt{
	font-size: medium;
	font-weight: bold;
}

.shop-text dd{
	font-size: small;
	line-height: 130%;
}

/*　得意先CD　*/

.code-img{
	width: 94%;
	margin: 0 auto 3%;
	padding: 0;
}

.code-img img{
	width: 100%;
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

.l-text{
	font-size: large;
	margin: 2% 0 0 2%;
	padding: 0;
}

.s-text{
	font-size: small;
	margin: 0 0 3% 2%;
	padding: 0;
}

.code-text{
	width: 89%;
	margin: 2% auto 6%;
	padding: 2%;
	border: 2px solid #e71f19;
}

.code-text dt{
	font-size: small;
	line-height: 120%;
	margin: 0 0 1%;
	
	
}

.code-text dd{
	font-size: medium;
	line-height: 130%;
	font-weight: bold;
}

.cho-t{
	margin: 0;
	padding: 3% 0 0 0;
}


/*　ランディングページ 20190315　*/

.shop-name{
	width: 96%;
	margin: 3% 0;
	padding: 0 0 0 2%;
	color: #5f1200;
	border-left: 5px solid #5f1200;
}


.a-map2{
	width: 50%;
	background-color: #5f1200;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

.a-map2 a{
	color: #fff;
	display: block;
	line-height: 250%;
	text-decoration: none;
	text-align: center;
}

.a-cal{
	width: 50%;
	background-color: #fae1db;
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}

.a-cal a{
	color: #5f1200;
	display: block;
	line-height: 250%;
	text-decoration: none;
	text-align: center;
}

.mr-wechat{
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	list-style: none;
	margin: 0 0 0 ;
	
}


.mr-wechat .webar{
	width: 50%;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

.mr-wechat .webar img{
	width: 90%;
	margin: 20px 0;
}




.mr-wechat .weapp{
width: 50%;
	text-align: center;
	list-style: none;
	float: right;
	margin: 20px 0 0;
	padding: 0;

}

.mr-wechat .weapp img{
	width: 80%;
	
}

.mr-wechat .weapp .icon{
	width: 65%;
	
}

.mr-wechat .wedl{
width: 100%;
	margin: 0 0 5%;
	padding: 0;
	display: table;

}

.mr-wechat .wedl li{
	width: 50%;
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

.mr-wechat .wedl li img{
	width: 90%;
}

.mr-wechat .wedl li a{
	text-align: center;
	margin:0 auto;
}


#gl-link{
width: 100%;
	margin: 0 0 5%;
	padding: 0;
	display: table;

}

#gl-link li{
	width: 33%;
	display: table-cell;
	text-align: center;
	background: #0c5daa;
}

#gl-link .c-b{
	width: 33%;
	display: table-cell;
	text-align: center;
	background: #0c5daa;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#gl-link li a{
	color: #fff;
	display: block;
	line-height: 250%;
	text-decoration: none;
	text-align: center;
}

.gl-website{
	width: 96%;
	margin: 3% 0 ;
	padding: 0 0 0 2%;
	border-left: 5px solid #0c5daa;
}


#mr-wechat{
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	list-style: none;
	margin: 0 0 0 ;
	
}


#mr-app .a-icon{
	width: 30%;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

#mr-app .a-icon img{
	width: 90%;
	margin: 20px 0;
}




#mr-app .app-text{
width: 68%;
	list-style: none;
	float: right;
	margin: 20px 0 0;
	padding: 0;

}


#mr-app .app-text dl{
width: 98%;
}


#mr-app .app-text dl dt{
width: 100%;
	background-color: #fae1db;
	color: #5f1200;
	text-align: center;
	font-weight: bold;
	border-radius: 20px;
	padding: 1% 0;
}

#mr-app .app-text dl dd{
width: 96%;
	padding: 2% 0 0 4%;
	line-height: 130%;
}

#mr-app .a-dl{
width: 100%;
	margin: 0 0 5%;
	padding: 0;
	display: table;

}

#mr-app .a-dl li{
	width: 50%;
	display: table-cell;
	vertical-align: top;
	text-align: center;
}

#mr-app .a-dl li img{
	width: 90%;
}

#mr-app .a-dl li a{
	text-align: center;
	margin:0 auto;
}

/*　you tube 20190731　*/

#mr-youtube {
width: 100%;
	margin: 0;
	padding: 5% 0;
	display: table;
	border-bottom: 1px solid #ccc;
}

#mr-youtube dt{
	width: 40%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
}

#mr-youtube dt img{
	width: 80%;
}

#mr-youtube dd{
	font-size:large;
	width: 48%;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 2%;
}

/*2020.04.03 問合せフォーム */
.a-form{
	width: 50%;
	margin: 2% 0;
	padding: 0;
	background-color: #fae1db;
	text-align: center;
}


.a-form a{
	width: 100%;
	margin: 0;
	padding: 3% 0;
	display: block;
	color: #601006;
	text-decoration: none;
	font-weight: bold;
}

/*2022.03.09 ホームページ */

.a-hp{
	width: 50%;
	margin: 2% 0;
	padding: 0;
	background-color: #601006;
	text-align: center;
}

.a-hp a{
	width: 100%;
	margin: 0;
	padding: 3% 0;
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}