@charset "utf-8";

/* -----------------------------------------------
FileName: iphone.css
----------------------------------------------- */


/* Web Font */
@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600,700);

h2,
h3,
#mypanel li,
#mypanel li a,
#footer h1 {
	font-family: Crimson Text;
}

#mypanel li a {
	padding:15px 10px;
}

.jqm-demos .sg-header {
	background:url(../images/bg.jpg) 0 0 repeat !important;
	border:none !important;
	padding-bottom:10px !important;
	padding-top:5px !important;
}

.jqm-demos .sg-header a.ui-btn {
	margin:10px 0 0 0;
}

div#logo {
	padding:15px 0 0 0;
	text-align:center;
}

span.cap {
	font-size:0.7em;
	color:#898989;
}

h1#logo {
	padding:15px 0 0 0;
	min-width:200px !important;
	margin:0 auto !important;
}

#header {
	padding:8px 0 !important;
}

#header a.ui-btn {
	margin:4px 0 0 0;
}

/* Base */


#mainImg {
	text-align:center;
	margin:15px 0 20px 0 !important;
	background-color:none !important;
}



time {
	color:#E4007F;
	margin:0 10px 0 0;
	font-family: Crimson Text;
	display:block;
}

#newsArea time {
	color:#70B52C;
	margin:0 0 0 0;
	font-family: Crimson Text;
	display:block;
}


dl.data {
	
}

dl.data dt {
	font-weight:bold;
	margin:0 0 5px 0;
}

dl.data dd {
	word-wrap:break-word;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	line-height:120%;
	border-bottom:1px dotted #666;
}

dl.data li {
	margin:0 0 5px 1.5em;
}

#company dl.data dd {
	word-wrap:break-word;
	margin:0 0 10px 0;
	line-height:140%;
}

.jqm-block-content p.ex {
	font-size:0.9em !important;
}

#concept h3 {
	margin:0 0 15px 0;
}

#concept p {
	margin:0 0 10px 0;
	font-size:0.8em;
}


.rank {
	color:#E4007F;
	font-family: Crimson Text;
}


#map_canvas {
	width:100%;
	height:200px;
	padding:0;
}

#map_canvas iframe {
	width:100%;
	height:200px;
	padding:0;
}

#process p {
	font-size:0.8em;
	line-height:140%;
}


#tab1 table {
	font-size:0.8em;
	width:100%;
	margin:0 0 20px 0;
}

#tab1 table th {
	width:6em;
	padding:5px 0;
	text-align:left;
	vertical-align:top;
}

#tab1 table td {
	padding:5px 0;
	font-size:0.9em;
}

#tab1 #entryBtn {
	text-align:center;
}

#tab3 p,
#tab4 p {
	font-size:0.8em;
	margin:0 0 10px 0;
}

#category li a {
	font-family: Crimson Text;
	padding:1em 0;

}

.menuName {
	color:#036EB8;
	font-weight:bold;
	margin:0 0 3px 0;
	font-size:1.2em;
}

.menuPrice {
	color:#CC3300;
	margin:0 0 5px 0;
}


/* スタイル */

.gallery { list-style: none; padding: 0; margin: 0; }
.gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li { float: left; width: 33.33333333%; }
.gallery li a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
.gallery li img { display: block; width: 33.33333333%; height: auto; }
#Gallery1 .ui-content, #Gallery2 .ui-content { overflow: hidden; }


.rank { list-style: none; padding: 0; margin: 0; }
.rank:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.rank li { float: left; width: 20%; }
.rank li a { display: block; margin: 2px; border: 1px solid #ccc; }
.rank li img { display: block; width: 100%; height: auto; }

.rank li.rank1 {
	background:url(/images/rank1.png) center bottom no-repeat;
	padding:0 0 25px 0;
}

.rank li.rank2 {
	background:url(/images/rank2.png) center bottom no-repeat;
	padding:0 0 25px 0;
}

.rank li.rank3 {
	background:url(/images/rank3.png) center bottom no-repeat;
	padding:0 0 25px 0;
}

.rank li.rank4 {
	background:url(/images/rank4.png) center bottom no-repeat;
	padding:0 0 30px 0;
}

.rank li.rank5 {
	background:url(/images/rank5.png) center bottom no-repeat;
	padding:0 0 27px 0;
}
	
.galleryList li {
	width:85px;
	height:115px;
	float:left;
	margin:0 0px 1px 0px;
	list-style: none;
}

.galleryList2 li {
	width:90px;
	height:120px;
	float:left;
	margin:0 3px 5px 3px;
	list-style: none;
}

.galleryList3 li {
	width:90px;
	height:68px;
	float:left;
	margin:0 3px 5px 3px;
	list-style: none;
}



#recruit h4 {
	margin:0 0 10px 0;
}

#recruit h5 {
	margin:0 0 5px 0;
	color:#5BA44C;
}

.formConf dt {
	margin:0 0 5px 0;
	font-size:1.25em;
	font-weight:bold;
}

.formConf dd {
	margin:0 0 10px 0;
	font-size:1.1em;
	padding:0 0 10px 0;
	border-bottom: 1px solid #ddd;
}

#err {
	color:#CC0000;
	padding:7px;
	margin:10px 0 10px 0;
	font-size:0.8em;
}

#err li {
	background:url(../../common/images/checkmark.png) 0 50% no-repeat;
	padding:5px 0px 5px 20px;
	font-size:1em;
	list-style:none;
}

#contactForm label {
	font-size:1.05em;
}

#promotion h4 {
	margin:0 0 10px 0;
}

#promotion ul {
	margin:0 0 15px 1.5em;
	font-size:0.8em;
}



div.step {
	line-height:155%;
	padding:15px 0;
}

div.telBox {
	padding:10px;
	background:#fff;
	border:1px solid #CCC;
}

div.telBox h4 {
	border-bottom:3px double #ccc;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
	font-size:1.2em;
	font-weight:normal;
}

div.telBox h5 {
	margin:0 0 5px 0;
}

div.telBox dl dt {
	font-weight:bold;
	color:#09C;
	margin:0 0 5px 0;
}

div.telBox dl dd {
	color:#CE155F;
	margin:0 0 5px 0;
	font-size:1.3em;
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
}


#privacyPolicy {
	height:350px;
	overflow:auto;
}

#privacyPolicy p ,
#privacyPolicy ol{
	margin:0 0 20px 0;
}

#privacyPolicy h4 {
	font-size: 1.3em;
	font-weight: 300;
	color: #3eb249;
	border-bottom: 1px solid #ddd;
	padding-bottom: .45em;
	margin: 0 0 .5em;
	line-height:100%;
}

#privacyPolicy li {
	margin:0 0 0 30px;
}

#privacyPolicy h5 {
	margin:0 0 5px 0;
	line-height:140%;
}

/* カスタム アイコン */
/* マップ */
#nav-btn-map .ui-icon {
	background: url(/sp/images/icons/103-map.png) 50% 50% no-repeat;
	background-size: 26px 21px;
	width:26px;
	height:21px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow:  none !important;
	box-shadow:  none !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* スタッフ */
#nav-btn-group .ui-icon {
	background: url(/sp/images/icons/112-group.png) 50% 50% no-repeat;
	background-size: 32px 21px;
	width:32px;
	height:21px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow:  none !important;
	box-shadow:  none !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* メニュー */
#nav-btn-pricetag .ui-icon {
	background: url(/sp/images/icons/172-pricetag.png) 50% 50% no-repeat;
	background-size: 28px 23px;
	width:28px;
	height:23px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow:  none !important;
	box-shadow:  none !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* 電話 */
#nav-btn-phone .ui-icon {
	background: url(/sp/images/icons/75-phone.png) 50% 50% no-repeat;
	background-size: 24px 24px;
	width:24px;
	height:24px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow:  none !important;
	box-shadow:  none !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* サロントップ */
#nav-btn-house .ui-icon {
	background: url(/sp/images/icons/53-house.png) 50% 50% no-repeat;
	background-size: 22px 22px;
	width:22px;
	height:22px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow:  none !important;
	box-shadow:  none !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}


/* ニュース */
#nav-btn-notepad .ui-icon {
	background: url(/sp/images/icons/179-notepad.png) 50% 50% no-repeat;
	background-size: 20px 28px;
	width:20px;
	height:28px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow:  none !important;
	box-shadow:  none !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}


.ui-icon-myicon-en:after {
	background-image: url("/sp/images/us.png");
}
/* Fallback */
.ui-nosvg .ui-icon-myicon-en:after {
	background-image: url("/sp/images/us.png");
}

.ui-icon-myicon-jp:after {
	background-image: url("/sp/images/jp.png");
}
/* Fallback */
.ui-nosvg .ui-icon-myicon-jp:after {
	background-image: url("/sp/images/jp.png");
}