@charset "utf-8";
/*----------------------------
　0.タグ制御
----------------------------*/
h1,h2,h3,h4,p {
margin:0;
padding:0;
font-size:100%;
}

body {  
    font-size: 75%;  
}  
html>/**/body {  
    font-size: 13px;  
}  


/*----------------------------
　1.基本・共通
----------------------------*/
.fL { float:left;}
.fR { float:right;}

.aC { text-align:center;}
.aL { text-align:left;}
.aR { text-align:right;}

.Cen {
	display:block;
	margin:0 auto;
}

a img {
    -webkit-transition: 0.5s ease-in-out;  
       -moz-transition: 0.5s ease-in-out;  
         -o-transition: 0.5s ease-in-out;  
            transition: 0.5s ease-in-out;  
}
a:hover img {
     opacity: 0.5;     /* 透過レベル */
     filter: alpha(opacity=50);
}

#mainmenu a:hover img {
     opacity: 1;     /* 透過レベル */
     filter: alpha(opacity=100);
}


/* clearfix */

.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after { clear:both;}
.cf { *zoom:1;}


body {
	background-image:url(../img/back.jpg);
	background-repeat:repeat;
	margin:0px;
	padding:0px;
	line-height:150%;
	background-color:#000000;
}

#wrap {
	width:700px;
	height:auto;
	margin:0 auto;
	text-align:center;
	position:relative;
	background-color:#FFFFFF;
	border:2px #FFA6FF solid;
}

#wrapInn {
	width:100%;
	margin:0 auto;
	padding:0px;
}

#head {
	width:700px;
	height:auto;
	margin:0 auto;
	text-align:left;
}

#top {
	width:700px;
	height:198px;
	margin:0;
	padding:0;
}

#top object {
	width:700px;
	height:200px;
}

#foot {
	width:700px;
	height:auto;
	margin:0 auto;
	padding:8px 0;
	clear:both;
	background:#532852;
}

#foot p { color:#FFFFFF;}


/* 左サイドバー */
#left_sidebar {
	width:150px;
	height:auto;
	float:left;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#D9B3D7;
}

#mainmenu {
	width:150px;
	height:auto;
	margin:0 auto;
	float:left;
}

#left_sidebar #shopInfo {
	width:138px;
	height:auto;
	padding:10px 5px;
	font-size:12px;
}

#left_sidebar #shopInfo .name {
	font-weight:bold;
	text-align:center;
	padding-bottom:10px;
	border-bottom:solid 1px #000000;
	margin-bottom:10px;
}

#left_sidebar #shopInfo .address {
	text-align:left;
	padding-left:5px;
	margin-bottom:30px;
}


#main {
	width:550px;
	height:auto;
	float:left;
	text-align:left;
	margin:0;
	background-color:#FFFFFF;
}

#title {
	width:510px;
	height:auto;
	padding:10px 0;
	margin:0 auto;
}

#title2 {
	width:510px;
	height:auto;
	padding:10px 0;
	margin:0 auto;
}

.txt {
	width:500px;
	height:auto;
	margin:0 auto;
}

.con {
	width:520px;
	height:auto;
	margin:0px auto 20px auto;
	padding:5px 0;
}


/*----------------------------
　3.コンテンツエリア
----------------------------*/


/* 20120612 更新 */

.index_title{
	width:480px;
	height:20px;
	padding:5px 20px;
	margin:10px auto;
	background:url(../img/index_bar_back.jpg) center no-repeat;
}

.index_title .title{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:16px;
	font-weight:bold;
	color:#522752;
	margin:0;
}

#wrap #main .sinkoBanner {
	width: 500px;
	margin:20px auto;
}

#wrap #main .sinkoBanner img {
	width: 100%;
}


#wrap #main .bg_img01 {
	background:url(../img/bg_01.png) top right no-repeat;
	background-size:cover;
}

#wrap #main .bnArea {
	margin-bottom:20px;
}
#wrap #main .bnArea img { width:98px;}

#wrap #main .bnArea a {
	width:98px;
	display:block;
	float:left;
	margin-right:5px;	
}

#wrap #main .bnArea a:last-child { margin-right:0px;}


.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: #704c6f;
	text-align: center;
	height: 1.5em;
	font-size:16px;
	margin-bottom:20px;
	margin-top:50px;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #704c6f, transparent);
	background: linear-gradient(to right, transparent, #704c6f, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 98%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #704c6f;
	background-color: #ffffff;
}

#wrap #main .shopinfo.txtBox {
	width:200px;
	height:auto;
	float:left;
	margin-left:20px;
}

#wrap #main .mapArea{
	width:520px;
	text-align:center;
	margin:20px auto;
	padding:10px 0;
	clear:both;
}



/*----------------------------
　4.余白調整
----------------------------*/

.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}


.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}

/*----------------------------
　5.フォントスタイル
----------------------------*/

.co1 { color:#FF0000 !important;}/*red*/

.strong { font-weight:bold !important;}

.fs10 { font-size:10px !important;}


.coment_a {
	width: 80%;
	margin: 0 auto;
	font-size: 120%;
}

.jump_a {
	margin: 10px;
	padding: 10px;
	width: 150px;
	color: #fff;
	background-color: cornflowerblue;
	text-align: center;
	font-size: 15px;
	border-radius: 10px;
}
.jump_a a {
	margin: 20px auto;
	text-decoration: none;
	color: #fff;
}

.jump_a :hover{
	opacity: 80%;
}

/* 2023/05/24 追加 */

.icon_unit{
	display: flex;
	margin: 0 auto;
	/* width: 50%; */
	justify-content: center;
}