@charset "utf-8";
/* CSS Document */ 

/**************************************************
*
*       for SmartPhone typeA 20141021
*
*	maincolor #
*
**************************************************/

/* **************************************

common

***************************************** */

body {
	margin: 0;
	padding: 0;
	font-size: 2em !important;
}

.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
	font-weight: normal !important;
}

.k_image {
	margin: 5px auto;
}

.spacer {
	margin: 0 0 20px;
}

#stgTab {
	display: none;
}

#tfbTab {
	display: none;
}

.clearfix {
	clear: both;
}

/* 
span {
	font-size: inherit !important;
	/* All browsers. Sizes are inherited */
} */



/* ブロック共通設定
------------------------------------------*/
.open_hours-center,
.article-center,
.nostyle-center,
.news-center,
.news_scroll-center,
.company_info-center,
.faq-center,
.blog-center,
.contact-center {
        padding: 0;
        overflow: hidden;
}

.open_hours-center .box,
.article-center .box,
.nostyle-center .box,
.news-center .box,
.news_scroll-center .box,
.faq-center .box,
.blog-center .box,
.contact-center .box {
	height: auto;
	margin: 60px 60px 70px;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.company_info-center .box {
	height: auto;
	margin: 15px 0px 40px;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

/* タイトル（h2,h3）
------------------------------------------ */
.open_hours-center h2,
.article-center h2,
.nostyle-center h2,
.news-center h2,
.news_scroll-center h2,
.company_info-center h2,
.faq-center h2,
.blog-center h2,
.contact-center h2 {
	background: none repeat scroll 0 0 #f44891;
	padding: 25px 0 35px 10px;
	margin: 0 0 20px 0;
	letter-spacing: 0.15em;
	color: #FFFFFF;
	text-indent: 0.4em;
	clear: both;
}

.open_hours-center h2:after,
.article-center h2:after,
.nostyle-center h2:after,
.news-center h2:after,
.news_scroll-center h2:after,
.company_info-center h2:after,
.faq-center h2:after,
.blog-center h2:after,
.contact-center h2:after {
	content: "";
	display: block;
	height: auto;
	margin: -77px -20px 0;
	overflow: hidden;
	padding: 33px 1000px;
}

h3 {
        border-bottom: 3px dashed #f44891;
	height: 30px;
	padding: 0 0 10px 30px;
	margin: 0 0 10px 0;
	line-height: 30px;
	font-weight: bold;
	letter-spacing: 0.15em;
        clear: both;
}

.article-center h3 {
        padding: 0 0 5px;
        height: auto;
        border-bottom: 3px dashed #454545;
        text-indent: 0.5em;
        letter-spacing: 0.1em;
        line-height: 1.3em;
        font-weight: bold;
	width: 100%;
}

.nostyle-center h3 {
	background: none;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding: 0;
	margin: 0;
	width: auto;
	height: auto;
	text-align: left;
	font-size: 100%;
	line-height: 1em;
}

/* 写真加工
------------------------------------------*/
img.photo {
	box-shadow: 3px 3px 3px #999;
	height: auto;
	margin: 5px auto;
	padding: 10px;
	width: 80%;
}

/* 管理画面用
----------------------------------------- */
ul.edit_menu {
	z-index: 10;
}

/* **************************************

ヘッダー

***************************************** */

/* ディスクリプション
------------------------------------------*/
h1 {
	padding: 10px;
	font-size: 80%;
	background: none repeat scroll 0 0 #f44891;
	color: #ffffff;
}

/* header
------------------------------------------*/
#header {
	overflow: hidden;
	margin: 0 auto;
}

#header #logo {
	float: left;
	padding: 10px 0 10px 10px;
	text-align: center;
}

#header #logo a {
}

#header #logo img {
	width: 400px;
}

#header #information {
	width: auto;
	float: right;
	text-align: left;
	font-size: 90%;
	padding: 5px 0 10px;
}

/* メイン画像
------------------------------------------*/
#top-img {
	margin: 10px auto 20px;
	padding: 0;
	width: 100%;
	line-height: 0;
}

#top-img img {
	width: 100%;
	height: auto;
}

/* メインメニュー
------------------------------------------ */
#header-nav {
	margin: 0 12px 20px;
}

.area {
	display:table;
	table-layout: fixed;
	width:100%;
}

#header-nav .menu01, 
#header-nav .menu02, 
#header-nav .menu03 {
	display:table-cell;
	padding: 5px;
}

#header-nav .menu01 .value, 
#header-nav .menu02 .value, 
#header-nav .menu03 .value {
	background-color: #e9e9e9;
	border: 1px solid #c7c8c9;
	border-radius: 5px;
 	font-size: 120%;
	text-align: center;
	padding: 5px 0;
	line-height: 2em;


}
#header-nav .menu01 .value a, 
#header-nav .menu02 .value a, 
#header-nav .menu03 .value a {
	text-decoration: none;
	display: block;
	width: 100%;
	color: #F44891;
}

/* footer
------------------------------------------*/
.footer {
	width: 100%;
	clear: both;
	text-align: center;
	margin: 0;
	font-size: 80%;
	color: #dddddd;
	background: #666666;
	padding: 40px 0;
}

.footer .link {
	padding: 0 10px;
}

.footer .link a {
	text-decoration: none;
	color: #FFFFFF;	
}

/* **************************************

ブロック毎の設定

***************************************** */

/* カレンダー
------------------------------------------*/
.open_hours-center .box {
	overflow: hidden;
}

.open_hours-center .box .oh_month {
	float: left;
}

.open_hours-center .box .oh_month table {
	width: 100%;
	margin: 0 5px 0 0;
}

.open_hours-center .box .oh_month caption {
	color: #404040;
	padding: 0 0 0 5px;
	margin-bottom: 10px;
}

.open_hours-center .box .oh_month table td {
	text-align: center;
	padding: 10px 5px;
	border: 1px solid #dddddd;
	font-size: 75%;
}

.open_hours-center .box .oh_month .oh_header_sunday {
	color: #ff0000;
}

.open_hours-center .box .oh_desc {
	background: none repeat scroll 0 0 #F9F9F9;
	border: 1px solid #dddddd;
	clear: none;
	margin: 20px 0;
	height: auto;
	max-width: 800px;
	text-align: center;
}

.open_hours-center .box .oh_desc td {
	padding: 3px 10px;
	vertical-align: top;
	max-width: 765px;
	text-align: left;
	font-size: 85%;
}


/* 見出し＆記事・見出し＆記事（スタイルシート無効）
------------------------------------------*/
.article-center .box p,
.nostyle-center .box p {
	margin: 0;
	padding: 10px;
	letter-spacing: 0;
	font-size: 100%;
	text-align: left;
	width: 100%;
}

/* 新着情報（スクロール有）・新着情報（スクロール無）
------------------------------------------*/
.news-center,
.news_scroll-center {
	padding: 0;
        overflow: hidden;
        margin: 0 0 30px 0;
}

.news-center .box,
.news_scroll-center .box {
	height: 400px;
	overflow: auto;
	border-radius: 5px;
	margin: 30px 30px 15px;
	padding: 10px 30px;
}

.news-center .box dt,
.news_scroll-center .box dt {
	font-weight: bold;
        padding: 6px 0 7px;
	float: none;
	letter-spacing: 1px;
	line-height: 120%;
	color: #f44891;
}

.news-center .box dd,
.news_scroll-center .box dd {
	padding: 0 2px 7px 0;
	border-bottom: 3px dotted #bfbfbf;
}


/* お店情報・会社概要
------------------------------------------ */
.company_info-center {
	width: 100%;
}

.company_info-center table {
	width: 100%;
        margin: 0;
	table-layout: fixed;
        overflow: hidden;
	text-align: left;
}

.company_info-center table th {
	background: none repeat scroll 0 0 #F0F0F0;
	border-bottom: 3px solid #BFBFBF;
	letter-spacing: 0.1em;
	padding: 16px 16px 16px 30px;
	width: 30%;
	word-wrap: break-word;
}

.company_info-center table td {
	border-bottom: 3px solid #BFBFBF;
	line-height: 1.3em;
	padding: 16px 16px 16px 30px;
}



/* **************************************

修正パッチ

***************************************** */

.open_hours-center .box {
	float: none;
}

.open_hours-center .box .oh_month {
	min-width: 47%;
	margin: 0 20px 20px 0;
}

.open_hours-center .box .oh_desc {
	margin: 20px 0;
}

.color_01{
	color: #0063a4;
}

.color_02{
	color: #dc6000;
}

.color_03{
	color: #59757c;
}

.color_04{
	color: #875E41;
}

/* #flickscroll
--------------------------- */
#flickscroll {
	margin: 0 auto;
	width: 800px;
	height: 1100px;
	text-align: left;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
#flickscroll ul {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
	padding: 0px;
}
#flickscroll ul li {
	width: 800px;
	float: left;
	display: inline;
	overflow: hidden;
}

/* #flickthumb
--------------------------- */
#flickthumb {
	margin: 0px auto;
	width: 800px;
	height: 200px;
	text-align: center;
}
#flickthumb ul {
	width: 800px;
	height: 200px;
	padding: 0px;
}
#flickthumb ul li {
	width: 200px;
	height: 200px;
	float: left;
	cursor: pointer;
	display: inline;
}
#flickthumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#flickscroll ul:after,
#flickthumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#flickscroll ul,
#flickthumb ul {
	display: inline-block;
	overflow: hidden;
}