@charset "utf-8";
*{
	magin: 0;
	padding: 0;
}


/* css reset */
* {
	 zoom: 1;  /* EI6対策　*/
}
body {
        /*font-family:"MS Serif", "New York", serif;
	*/
	font-family:"メイリオ","ＭＳ Ｐゴシック", Tahoma, Arial, Helvetica, sans-serif;
    line-height: 1.8;
    color: #333;
	font-size: 12px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td, iframe {
	margin:0;
	padding:0;
}
fieldset,img, iframe {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym, iframe { border:0;
}

a img{
	border-bottom-style:none;
}

/* recsr css ここまで　*/






/* ///////////// ボディ /////////////  */
body{
	background-color:#fff;
}


/* /// リンク /// */
a:link { color:#888888; text-decoration:none;} 
a:visited { color:#888888; text-decoration:none;} 
a:active { color:#693; text-decoration:underline;}
a:hover {
  color:#c8884e;
  text-decoration:underline;
}



/* ////////  全体をセンターに ////////　*/
#outerGrop{
	width:950px;
	margin:0 auto;
}


@media screen and (min-width:961px) {
/*pc用のcssを記述*/
}
  
@media only screen and (min-width:376px) and (max-width:960px) {
/*tablet用のcssを記述*/
}
 
@media screen and (max-width:375px) {
/*スマホ用のcssを記述*/
}


img {max-width:100%; width /***/:auto; /*IE8用ハック*/} /*画像サイズが横幅に合わせて可変します*/





/* ////////  ヘッダー ////////　*/

#header{
	margin:35px 0 0 0;
	height:140px;
	background:url(../_img/72bd_top.jpg) no-repeat;
}

#header_smile{
	margin:35px 0 0 0;
	height:140px;
	background:url(../_img/_smile_top.jpg) no-repeat;
}

#header_orange{
	margin:35px 0 0 0;
	height:140px;
	background:url(../_img/_orange_top.jpg) no-repeat;
}

#header_orange p{
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
	letter-spacing:0.1em;
	color:#FFF;
	text-shadow:1px 1px 1px #454846;
	padding:25px 0 0 500px;
}

.nomalsmall{
	font-size:16px;
	font-weight:normal;
}

#toTopPage{
	margin:10px 0 0 265px;
}


/* //////// テキストインデント ////////  */
h1,h2,.pageTop{
	text-indent:-999em;
}



/* ////////  左カラム ////////　*/

#leftColumn{
	float:left;
	width:180px;
}

#banner{
	margin-bottom:10px;
}

#banner li{
	padding-bottom:15px;
}


/* //////// ツイッター //////// */ 
#bd_twitter{
	width:180px;
	height:1250px;
}



/* ////////  content ////////　*/

#content{
	width:730px;
	margin:30px 0 80px 220px;
	padding:0 0 0 0;
}


/* ////////  クロスフェード ////////　*/

#viewer {
	margin: 0 auto;
	width: 730px;
	height: 474px;
	background-color:#000;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}


#viewer01 {
	margin: 0 auto;
	width: 730px;
	height: 474px;
	background-color:#000;
	text-align: left;
	overflow: hidden;
	position: relative;
}

#viewer01 img {
	top: 0;
	left: 0;
	position: absolute;
}


/* //////// メニュー ////////  */

.category{
	margin:20px 0 0 0;
}

table {
	width:730px;
	margin:25px 0 10px 0;
	border-collapse: collapse;
}

td {
	line-height:2em;
	border-bottom:1px solid #7f4c42;
	padding:15px 0 15px 30px;
}


/*  品名  */
.a_name{
	font-size:18px;
	font-family: "Sawarabi Mincho";
	color:#000;
}

.a_name_s{
	font-size:14px;
	font-family: "Sawarabi Mincho";
	color:#b81c22;
}

.small{
	font-size:16px;
	font-family: "Sawarabi Mincho";
}

/*  英文品名  */
.webfonto_s{
	font-family: 'Junge', serif;
	font-size:14px;
	letter-spacing:0.2em;
	color:#7f4c42;
}

/*  価格  */
.webfonto_p{
	font-family: 'Junge', serif;
	font-size:18px;
	letter-spacing:0.2em;
	color:#000;
}



/* //////// 住所 ////////  */
.bd_address{
	margin:30px 0 10px 0;
	width:730px;
	background:url(../_img/third_mono.jpg) top right no-repeat;
}

.smile_address{
	margin:30px 0 10px 0;
	width:730px;
}


.address{
	font-size:15px;
	line-height:24px;
	letter-spacing:0.1em;
	color:#7a7b78;
	font-family: "Mplus 1p";
}

.address_e{
	font-family: 'Junge', serif;
	font-size:14px;
	letter-spacing:0.1em;
	color:#7f4c42;
}

.bold_L{
	font-size:16px;
	font-weight:bold;
}

/* //////// グーグルマップ ////////  */

#googleMap{
	margin:30px 0 0 0;
	padding-bottom:5px;
}

.ggMapCap{
	font-size:11px;
	font-family: 'Junge', serif;
	color:#7f4c42;
}







.comingsoon{
	display:block;
	margin:100px 0 0 0;
	font-size:50px;
	color:#696b68;
	letter-spacing:0.2em;
	text-align:center;
	font-family: 'Allura', cursive;
}

.shopname{
	display:block;
	margin:80px 0 0 0;
	font-size:25px;
	font-family: "Sawarabi Mincho";
	color:#696b68;
	text-align:center;
}

.shopname01{
	display:block;
	margin:0 0 50px 0;
	font-size:14px;
	letter-spacing:0.2em;
	line-height:1.7;
	font-family: "Sawarabi Mincho";
	color:#696b68;
	text-align:center;
}

#map{
	width:346px;
	margin:0 auto;
}




/* //////// いいね＆ツイート ////////  */

#button_3{
	width:950px;
	margin:0 auto;
}

#iine_btn{
	width:380px;
	/*
	position: fixed;
    bottom: 70px;
	*/
	margin:0 0 0 330px;
	padding-bottom:40px;
}

#iine_btn li{
	float:left;
}


/* ////////////// ページトップへ //////////////  */

#link {
    font-size: 11px;
	margin:4px 0 0 15px;
}
#link a {
    background: #18943b;
    font-size: 11px;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 1px 5px;
    text-align: center;
    display: block;
    border-radius: 4px;
}
#link a:hover {
    text-decoration: none;
    background: #6cbb5a;
}





/* ////////////// ページトップへ //////////////  */

#page-top {
	margin:10px 0 25px 830px;
    font-size: 14px;
}
#page-top a {
    background: #bdbab7;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 3px 15px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #23ade5;
}



#page-top_smile {
	margin:10px 0 25px 830px;
    font-size: 14px;
}
#page-top_smile a {
    background: #bdbab7;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 3px 15px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top_smile a:hover {
    text-decoration: none;
    background: #9b68a9;
}



#page-top_orange {
	margin:10px 0 25px 830px;
    font-size: 14px;
}
#page-top_orange a {
    background: #bdbab7;
    font-size: 13px;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 3px 15px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top_orange a:hover {
    text-decoration: none;
    background: #f18e2c;
}




/* ////////////// ホーバーで半透明 //////////////  */
a:hover img.hoverImg{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



/* ////////////// フッター //////////////  */
#footer{
	clear:both;
	width:100%;
	height:50px;
	margin:0 auto;
}

#footer p{
	text-align:center;
	font-size:13px;
	letter-spacing:0.2em;
	font-family:Arial, Helvetica, sans-serif;
	color:#696b68;
}

#footer a{
	color:#696b68;
	text-decoration:underline;
}

#footer a:hover {
    color: #4694d1;
}

#footer img{
	vertical-align:middle;
	padding-right:10px;
}


/* ////////////// カウンター //////////////  */
.access_c{
	display:none;
}