@CHARSET "UTF-8";

/*====================================
 グローバルナビゲーション
※①・②・③は同じ色に設定してください
====================================*/

#gNav {
	background-color: #2FAC94; /*グローバルナビゲーション背景色①*/
}

#gNav nav a:link,
#gNav nav a:visited {
	color: #fff; /*	文字カラー(①に対して見やすい色を設定) */
}

#gNav nav a:active,
#gNav nav a:hover {
	background-color: ##00c4aa; /*②マウスオーバー時背景カラー*/
	color: #fff; /*文字カラー(②に対して見やすい色を設定)*/
}

/*小さい画面時のナビゲーションボタン*/
#leftPanelButton .toggle, #rightPanelButton .toggle {
	background-color: #a8a39d; /*③モバイルUI時背景カラー*/
	color: #fff; /*矢印のカラー(③に対して見やすい色を設定)*/
}

/*====================================
 リンクカラー
====================================*/

a:link,a:visited {
  color: #767069; /* リンク色 */
}
a:hover,a:active {
  color: #908a82; /* マウスオーバー時リンク色 */
}

/*====================================
 main-contents (中央・メインカラム) 
====================================*/

/*見出し(H2)-----------------------------------*/

#main-contents h2 {
        font-size:30px;
	color: #999999; /*文字色*/
	background-color: #a0e8dd; /*背景色*/
}


/*====================================
 sub-contents,side-contents (サイドカラム) 
====================================*/

/*見出し(H2)-----------------------------------*/

#sub-contents h2, #side-contents h2 {
	color: #666666; /*文字色*/
	border-left-color : #9c968f; /*左ボーダー色*/
}

/*====================================
 footer-wrapper (フッターメニューエリア) 
※①・②は同じ色に設定してください
====================================*/

#footer-wrapper {
	background: #ece5ce; /* ①背景色 */
	border-top-color :#e5dbbc; /* ①に対してのハイライト色(ライン) */
	color: #8d7966; /* 文字色(①に対して見やすい色を設定) */
}

#footer-wrapper .container .row ul li {
	border-bottom-color: #f3efe0; /* メニュー区切り下線色 */
}

#footer-wrapper .container .row ul li a:link , #footer-wrapper .container .row ul li a:visited {
color: #2FAC94 !important; /* リンク色(①に対して見やすい色を設定) */
}

#footer-wrapper .container .row ul li a:hover ,  #footer-wrapper .container .row ul li a:active{
  background-color: #f3efe0; /* メニュー マウスオーバー時背景色 */
}

#footer-wrapper a:link , #footer-wrapper a:visited {
	color: #8d7966 !important; /* リンク色(①に対して見やすい色を設定) */
}

#footer-wrapper a:active , #footer-wrapper a:hover {
	color: #908a82; /* マウスオーバー時リンク色 */
}

#footer-wrapper h2 {
	color: #333; /* フッタ内見出し */
}

/* BackToTop */
#footer-wrapper .backtotop a {
	background-color: #ece5ce !important; /* ②「TOPへもどる」背景色 */
	border-top-color: #e5dbbc !important; /* 「TOPへもどる」上部はハイライトカラー(②に対して少し明るい色推奨) */
}

/*====================================
 body#shop_body (ミニページ編集画面) 
====================================*/
#shop_body .baseinfo h3 {
  	border-left-color: #a8a39d;
}

/*====================================
 ボタンカラー (2014.12 added)
====================================*/

.toolbox h5.bottom a:link , .toolbox h5.bottom a:visited {
  background-color: #000000; /* ボタンデフォルト背景色 */
  color: white; /* 文字色：ボタン背景色に対して見やすい色を設定してください */
}

.toolbox h5.bottom a:hover , .toolbox h5.bottom a:active {
  background-color: #4d4d4d; /* ボタンマウスオーバー時背景色 */
  color: white; /* 文字色：ボタンマウスオーバー時背景色に対して見やすい色を設定してください */
}


/*====================================
 タグカラー (2014.12 added)
====================================*/
.t_tag li a {
  background-color: #b2d33c;  /* タグ背景色 */
  color: #ffffff; /* タグ文字色:タグ背景色に対して見やすい色を設定してください */
}

.t_tag li a:hover {
background-color: #faf9f3; /* マウスオーバー時タグ背景色 */
color: #cccccc;　 /* マウスオーバー時タグ文字色:タグ背景色に対して見やすい色を設定してください */
}

/*====================================
 フォームボタンカラー (2014.12 added)
====================================*/
input[type="button"],
input[type="submit"] {
color: white;
  background: #000000;  /* フォームボタン背景色 */
color:#fff;　 /* フォームボタン文字色：フォームボタン背景色に対して見やすい色を設定してください */
}

/*====================================
 カレンダーカラー(2014年12月追記)
====================================*/
.event dl {
border-color:#e74c3c; /* (A)-- AとBは同じカラーに設定してください */
}

.event dl dd.month {
background-color:#e74c3c; /* (B)-- AとBは同じカラーに設定してください */
color:#fff; /* Bに対して見やすい色を設定してください */
}

/*====================================
 中山編集用
====================================*/

/** 画像中央寄席 **/
.img_center{
    display:block;
    margin: 0 auto;
}

#samplemap{
	display:none !important;
}

/** 背景色指定 **/
.back_color{
    background-color:#2FAC94;
}

/** フリースペース文字デザイン **/
.free_font{
    font-size:16px;
    font-family: "YuGothic M";
    line-height: 40px;
}

/** 見出し **/
.title{
    font-size:30px;
    font-weight:200;
    padding: 0.5em;/*文字周りの余白*/
    color: #494949;/*文字色*/
    background:#a0e8dd;/*背景色*/
    border-left: solid 5px #00c4aa;/*左線（実線 太さ 色）*/
}
#titleBar, #titleBar img{
	height:70px !important;
}
#leftPanelButton .toggle, #rightPanelButton .toggle{
	height:70px !important;
	padding-top:12px;
}
#banner-wrapper{
	margin-top:20px;
}

/*====================================
ミヤケ編集用
====================================*/
.adbox img {
width:100%;
max-width: 100%;
height: auto;
}



#s_detail #shop_map table tr:first-child{
	font-size:0;
}
#s_detail #shop_map table tr:first-child:before{
	display:block;
	font-size: 14px; content: "周辺施設";
	color: #5b5651;
	background-color: #f5f4f3;
	font-weight: bold;
	text-align: center;
	padding: 1.0em;
	line-height: 1.4em;
	word-break: break-all;
}


#topic_detail .photo_frame{
	float:none !important;
	border: 0px none;
	box-shadow:none;
}

#topic_detail .photo_frame img{
	width:300px;
}



/**
TEST
**/

.toolbox .shop_list_box p a, #shop .shop_list_box p a, .toolbox .shop_list_box ul a, #shop .shop_list_box ul a {
float: none !important;
display:inline !important;
}


/*TOPショップ「電話番号」順番変更*/
_::-webkit-full-page-media, _:future, :root .slsf_title {
	float:left;
}

/*コミュニティコメント画像位置変更*/
#community_tdetail img.right{
	display:block;
}

/*ショップマップ検索表示*/
.adbox{
	position:relative;
}

.shop-map-search-box{
	position: absolute;
	z-index: 999;
	right: 9%;
	top: 3%;
}