/* "PC" Style Sheet */


/* COMMON
===================================================== */
.inner1200 {
	width: 1200px;
	margin: 0 auto;
}
.inner800 {
	width: 800px;
	margin: 0 auto;
}
.bg-grey {
	background-color: #F7F7F7;
}
.bg-lblue {
	background-color: #D7F2F4;
}
.fs-80 {
	font-size: 80%;
	line-height: 1.5em;
}
.fc-grey {
	color: #4F4F4F;
}
.fc-blue {
	color: #61A6b5;
}



/* HEADER
===================================================== */
header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-bottom: solid 2px #9CDAE7;
	background-color: #FFF;
	z-index: 20;
}
header div.logo-cont {
	float: left;
	padding-top: 10px;
}
header div.logo-cont h1 {}
header div.logo-cont h1 img.logo {}
header nav {
	float: right;
}



/* ASIDE
===================================================== */
aside {}
aside div.access-area {
	padding-top: 30px;
}
aside div.access-area ul.access-list {
	margin-bottom: 50px;
}
aside div.access-area ul.access-list > li {
	width: 46%;
	margin: 0 2%;
	margin-bottom: 30px;
}
aside div.access-area ul.access-list li dl {
	display: table;
	table-layout: fixed;
	width: 100%;
	background-color: #FFF;
	margin-bottom: 20px;
}
aside div.access-area ul.access-list li dl dt {
	display: table-cell;
	vertical-align: top;
}
aside div.access-area ul.access-list li dl dt iframe {
	width: 100%;
	height: 200px;
	vertical-align: top;
}
aside div.access-area ul.access-list li dl dd {
	display: table-cell;
	vertical-align: top;
	color: #5D686B;
	padding: 15px;
}
aside div.access-area ul.access-list li dl dd p.area {}
aside div.access-area ul.access-list li dl dd p.tel-num {
	font-size: 200%;
	line-height: 1em;
	border-bottom: solid 1px #5D686B;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
aside div.access-area ul.access-list li dl dd p.tel-num:before {
	display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  font-size: 90%;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
	margin-right: 5px;
	content: "\f095";
}
aside div.access-area ul.access-list li ul.sns-icon-list {
	text-align: center;
}
aside div.access-area ul.access-list li ul.sns-icon-list li {
	display: inline-block;
	margin: 0 3px;
}
aside div.access-area ul.access-list li ul.sns-icon-list li.bn {
	margin-right: 10px;
}
aside nav {
	text-align: center;
}
aside nav ul {
	display: inline-block;
	vertical-align: bottom;
}
aside nav ul li {
	float: left;
	font-size: 90%;
	line-height: 1em;
	border-left: solid 1px #2F3233;
	padding: 0 20px;
	margin-bottom: 10px;
}
aside nav ul li:last-child {
	border-right: solid 1px #2F3233;
}
aside nav ul li a {
	color: #2F3233;
}



/* FOOTER
===================================================== */
footer {
	font-size: 100%;
	line-height: 1.5em;
	text-align: center;
	color: #FFF;
	background-color: #9CDAE7;
	padding: 10px;
}
footer div.copyright {
	font-size: 90%;
	line-height: 1.5em;
	font-weight: 300;
	color: #FFF;
}



/* SLIDER
===================================================== */
ul.slick-slider-wrap {
	margin-top: 65px;
	margin-bottom: 20px;
}



/* CONTENTS "COMMON"
===================================================== */
article {
	margin-top: 100px;
}
article section {
	margin-bottom: 80px;
}
article section h1 {
	font-size: 160%;
	line-height: 1.5em;
	text-align: center;
	border-bottom: solid 1px #2F3233;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
article section h2 {}
article section h3 {}



/* CONTENTS "HOME"
===================================================== */
article#home {
	margin-top: 0;
}
article#home section#bnnavi-sec {}
article#home section#bnnavi-sec ul.bn-list {}
article#home section#bnnavi-sec ul.bn-list li {
	width: 45%;
	margin: 0 2.5% 10px 2.5%;
}

article#home section#news-sec {}
article#home section#news-sec ul.news-list {}
article#home section#news-sec ul.news-list li {
	display: table;
	width: 100%;
	border-bottom: dashed 1px #2F3233;
}
article#home section#news-sec ul.news-list li:last-child {
	border-bottom: none;
}
article#home section#news-sec ul.news-list li p.date {
	display: table-cell;
	vertical-align: top;
	width: 23%;
	white-space: nowrap;
	padding: 10px 30px;
}
article#home section#news-sec ul.news-list li p.title {
	display: table-cell;
	vertical-align: top;
	padding: 10px 30px;
}



/* CONTENTS "CONCEPT"
===================================================== */
article#concept {}
article#concept section#concept-sec {}
article#concept section#concept-sec ul.concept-list {}
article#concept section#concept-sec ul.concept-list li {
	border-bottom: dotted 1px #2F3233;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
article#concept section#concept-sec ul.concept-list li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
article#concept section#concept-sec ul.concept-list li figure {
	position: relative;
}
article#concept section#concept-sec ul.concept-list li figure > img {
	padding-right: 50px;
}
article#concept section#concept-sec ul.concept-list li figure figcaption {}
article#concept section#concept-sec ul.concept-list li:nth-child(even) figure {
	min-height: 300px;
}
article#concept section#concept-sec ul.concept-list li:nth-child(even) figure > img {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 0;
}
article#concept section#concept-sec ul.concept-list li:nth-child(even) figure figcaption {
	padding-right: 350px;
}



/* CONTENTS "SHOP LIST"
===================================================== */
article#shop-list {}
article#shop-list section#shop-list-sec {}
article#shop-list section#shop-list-sec ul.link-list {
	margin-top: 60px;
}
article#shop-list section#shop-list-sec ul.link-list li {
	text-align: center;
	margin-bottom: 80px;
}



/* CONTENTS "SHOP"
===================================================== */
article#shop-detail section#shop-detail-sec {}
article#shop-detail section#shop-detail-sec h2 {
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
	border-left: solid 3px #9CDAE7;
	padding: 5px 0 5px 10px;
}
article#shop-detail section#shop-detail-sec ul.img-list {}
article#shop-detail section#shop-detail-sec ul.img-list li {
	text-align: center;
}
article#shop-detail section#shop-detail-sec dl.menu-wrap {}
article#shop-detail section#shop-detail-sec dl.menu-wrap dt {
	font-size: 110%;
	line-height: 1.5em;
	text-align: center;
	border: solid 1px #2F3233;
	padding: 5px;
	margin-bottom: 10px;
}
article#shop-detail section#shop-detail-sec dl.menu-wrap dd {
	margin-bottom: 50px;
}
article#shop-detail section#shop-detail-sec dl.menu-wrap dd ul.menu-list {
	margin-bottom: 10px;
}
article#shop-detail section#shop-detail-sec dl.menu-wrap dd ul.menu-list li {
	width: 46%;
	margin: 0 2%;
}
article#shop-detail section#shop-detail-sec dl.menu-wrap dd ul.menu-list li table.price-list {
	width: 100%;
}
article#shop-detail section#shop-detail-sec dl.menu-wrap dd ul.menu-list li table.price-list tr {
	border-bottom: solid 1px #d7f2f4;
}
article#shop-detail section#shop-detail-sec dl.menu-wrap dd ul.menu-list li table.price-list tr th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 10px 0;
}
article#shop-detail section#shop-detail-sec dl.menu-wrap dd ul.menu-list li table.price-list tr td {
	text-align: right;
	vertical-align: top;
	padding: 10px 0;
}

article#shop-detail section#staff-sec {}
article#shop-detail section#staff-sec figure.pick-staff {
	margin-bottom: 50px;
}
article#shop-detail section#staff-sec figure.pick-staff img {}
article#shop-detail section#staff-sec figure.pick-staff figcaption {}
article#shop-detail section#staff-sec figure.pick-staff figcaption p.name {
	font-size: 180%;
	line-height: 1.5em;
	margin-bottom: 10px;
}
article#shop-detail section#staff-sec ul.staff-list {}
article#shop-detail section#staff-sec ul.staff-list li {
	width: 30.33%;
	margin: 0 1.5% 30px 1.5%;
}
article#shop-detail section#staff-sec ul.staff-list li figure {
	text-align: center;
}
article#shop-detail section#staff-sec ul.staff-list li figure img {
	margin-bottom: 10px;
}
article#shop-detail section#staff-sec ul.staff-list li figure figcaption {
	text-align: left;
}
article#shop-detail section#staff-sec ul.staff-list li figure figcaption p.name {
	font-size: 130%;
	line-height: 1.5em;
	margin-bottom: 5px;
}



/* CONTENTS "SHOP UMEDA"
===================================================== */
article#shop-detail section#shop-detail-sec div.shop-umeda-cont {}
article#shop-detail section#shop-detail-sec div.shop-umeda-cont h2 {
	border-color: #9CDAE7;
}
article#shop-detail section#shop-detail-sec div.shop-umeda-cont dl.menu-wrap dd h3 {
	font-size: 120%;
	line-height: 1.5em;
	text-align: left;
	color: #9CDAE7;
}
article#shop-detail section#shop-detail-sec div.shop-umeda-cont dl.menu-wrap dd h3 > span {
	padding: 0;
	padding-right: 1em;
}
article#shop-detail section#shop-detail-sec div.shop-umeda-cont dl.menu-wrap dd h3 > span:after {
	border-top: dotted 2px #D7F2F4;
	border-bottom: none;
}
article#shop-detail section#shop-detail-sec div.shop-umeda-cont dl.menu-wrap dd .fc-blue {
	color: #61A6B5;
}
article#shop-detail section#shop-detail-sec div.shop-umeda-cont dl.menu-wrap dd ul.menu-list li table.price-list tr {
	border-bottom: solid 1px #D7F2F4;
}



/* CONTENTS "SHOP KOBE"
===================================================== */
article#shop-detail section#shop-detail-sec div.shop-kobe-cont {}
article#shop-detail section#shop-detail-sec div.shop-kobe-cont h2 {
	border-color: #869093;
}
article#shop-detail section#shop-detail-sec div.shop-kobe-cont dl.menu-wrap dd h3 {
	font-size: 120%;
	line-height: 1.5em;
	text-align: left;
	color: #869093;
}
article#shop-detail section#shop-detail-sec div.shop-kobe-cont dl.menu-wrap dd h3 > span {
	padding: 0;
	padding-right: 1em;
}
article#shop-detail section#shop-detail-sec div.shop-kobe-cont dl.menu-wrap dd h3 > span:after {
	border-top: dotted 2px #D9DDDD;
	border-bottom: none;
}
article#shop-detail section#shop-detail-sec div.shop-kobe-cont dl.menu-wrap dd .fc-blue {
	color: #869093;
}
article#shop-detail section#shop-detail-sec div.shop-kobe-cont dl.menu-wrap dd ul.menu-list li table.price-list tr {
	border-bottom: solid 1px #D9DDDD;
}



/* CONTENTS "SHOP TENNOJI"
===================================================== */
article#shop-detail section#shop-detail-sec div.shop-tennoji-cont {}
article#shop-detail section#shop-detail-sec div.shop-tennoji-cont h2 {
	border-color: #105FA0;
}
article#shop-detail section#shop-detail-sec div.shop-tennoji-cont dl.menu-wrap dd h3 {
	font-size: 120%;
	line-height: 1.5em;
	text-align: left;
	color: #105FA0;
}
article#shop-detail section#shop-detail-sec div.shop-tennoji-cont dl.menu-wrap dd h3 > span {
	padding: 0;
	padding-right: 1em;
}
article#shop-detail section#shop-detail-sec div.shop-tennoji-cont dl.menu-wrap dd h3 > span:after {
	border-top: dotted 2px #D0DDF4;
	border-bottom: none;
}
article#shop-detail section#shop-detail-sec div.shop-tennoji-cont dl.menu-wrap dd .fc-blue {
	color: #105FA0;
}
article#shop-detail section#shop-detail-sec div.shop-tennoji-cont dl.menu-wrap dd ul.menu-list li table.price-list tr {
	border-bottom: solid 1px #D0DDF4;
}



/* CONTENTS "CAT COMMON"
===================================================== */
article section#post-list-sec {}
article section#post-list-sec ul.post-list {}
article section#post-list-sec ul.post-list li {
	border-bottom: dotted 1px #2F3233;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
article section#post-list-sec ul.post-list li a {
	display: block;
	color: #2F3233;
}
article section#post-list-sec ul.post-list li a:hover {
	text-decoration: none;
	color: #5D686B;
}
article section#post-list-sec ul.post-list li figure {
	border-left: solid 3px #9CDAE7;
	padding-left: 10px;
}
article section#post-list-sec ul.post-list li figure img {}
article section#post-list-sec ul.post-list li figure figcaption {}
article section#post-list-sec ul.post-list li figure figcaption p.date {
	margin-bottom: 15px;
}
article section#post-list-sec ul.post-list li figure figcaption p.title {
	font-size: 130%;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 15px;
}
article section#post-list-sec div.post-pagination {
	float: right;
}



/* CONTENTS "CAT BLOG"
===================================================== */
article#cat-blog {}



/* CONTENTS "CAT NEWS"
===================================================== */
article#cat-news {}



/* CONTENTS "SINGLE COMMON"
===================================================== */
article section#post-detail-sec {}
article section#post-detail-sec div.title-area {
	border-left: solid 3px #9CDAE7;
	padding-left: 10px;
}
article section#post-detail-sec div.title-area p.date {}
article section#post-detail-sec div.title-area h2.title {
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
}



/* CONTENTS "SINGLE BLOG"
===================================================== */
article#single-blog {}



/* CONTENTS "SINGLE NEWS"
===================================================== */
article#single-news {}



/* CONTENTS "CONTACT"
===================================================== */
article#contact {}
article#contact section#form-sec {}
article#contact section#form-sec table.form-list {
	border-collapse: separate;
	border-spacing: 10px;
	width: 100%;
}
article#contact section#form-sec table.form-list tr {}
article#contact section#form-sec table.form-list tr th {
	vertical-align: top;
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
	padding: 0 10px;
}
article#contact section#form-sec table.form-list tr th.need:after {
	content: "必須";
	font-size: 90%;
	line-height: 1em;
	font-weight: normal;
	color: #FFF;
	border-radius: 3px;
	background-color: #E50012;
	padding: 2px 5px;
	margin-left: 5px;
}
article#contact section#form-sec table.form-list tr td {
	width: 100%;
	vertical-align: top;
}
article#contact section#form-sec table.form-list tr td input[type="text"],
article#contact section#form-sec table.form-list tr td input[type="email"],
article#contact section#form-sec table.form-list tr td input[type="tel"],
article#contact section#form-sec table.form-list tr td input[type="password"] {
	border: solid 1px #E6E6E6;
	border-radius: 3px;
	padding: 3px;
}
article#contact section#form-sec table.form-list tr td textarea {
	width: 100%;
	height: 100px;
	border: solid 1px #E6E6E6;
	border-radius: 3px;
	padding: 3px;
}
article#contact section#form-sec input[type="reset"] {
	color: #FFF;
	border: none;
	border-radius: 3px;
	background-color: #AFAFAF;
	padding: 10px 30px;
}
article#contact section#form-sec input[type="reset"]:hover {
	background-color: #888;
}
article#contact section#form-sec input[type="submit"] {
	color: #FFF;
	border: none;
	border-radius: 3px;
	background-color: #9CDAE7;
	padding: 10px 30px;
}
article#contact section#form-sec input[type="submit"]:hover {
	background-color: #61A6B5;
}



/* CONTENTS "PRESS"
===================================================== */
article#press {}
article#press section#press-sec {}
article#press section#press-sec ul.press-list {}
article#press section#press-sec ul.press-list li {
	border-bottom: solid 3px #9CDAE7;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
article#press section#press-sec ul.press-list li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
article#press section#press-sec ul.press-list li div.title {
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
	background-color: #F7F7F7;
	padding: 10px;
	margin-bottom: 10px;
}
article#press section#press-sec ul.press-list li img {
	float: left;
	max-width: 250px !important;
	height: auto;
	margin-bottom: 10px;
}
article#press section#press-sec ul.press-list li div.widget_sp_image-description {
	float: right;
	width: 530px;
}
article#press section#press-sec ul.press-list li div.textwidget {}



/* CONTENTS "RECRUIT"
===================================================== */
article#recruit {}
article#recruit ul.navi-list {
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 20px 0;
	width: 100%;
	margin-bottom: 40px;
}
article#recruit ul.navi-list li {
	display: table-cell;
	vertical-align: middle;
	font-size: 100%;
	line-height: 1.5em;
	text-align: center;
	background-color: #9CDAE7;
}
article#recruit ul.navi-list li a {
	display: block;
	color: #2F3233;
	background-color: #9CDAE7;
	padding: 20px 10px;
}
article#recruit ul.navi-list li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #61A6B5;
}
article#recruit ul.navi-list li a:after {
	font: normal normal normal 14px/1 FontAwesome;
  font-size: 120%;
	margin-left: 10px;
	content: "\f0d7";
}

article#recruit section div.bg-lblue {
	text-align: center;
	padding: 30px 0;
	margin-bottom: 50px;
}
article#recruit section div.bg-lblue h1 {
	font-size: 150%;
	line-height: 1.5em;
	letter-spacing: 0.5em;
	border-bottom: none;
	padding: 0;
	margin-bottom: 0;
}

article#recruit section#introduction-sec {}
article#recruit section#introduction-sec figure {
	position: relative;
	margin-bottom: 80px;
}
article#recruit section#introduction-sec figure img {
	padding-right: 30px;
}
article#recruit section#introduction-sec figure figcaption {}
article#recruit section#introduction-sec figure figcaption h2 {
	font-size: 180%;
	line-height: 1.8em;
	font-weight: normal;
	margin-bottom: 20px;
}
article#recruit section#introduction-sec figure figcaption p.name {
	font-size: 180%;
	line-height: 1.5em;
	color: #869093;
	border-bottom: solid 1px #2F3233;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
article#recruit section#introduction-sec figure.img-right {
	min-height: 400px;
}
article#recruit section#introduction-sec figure.img-right img {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 0;
}
article#recruit section#introduction-sec figure.img-right figcaption {
	padding-right: 330px;
}

article#recruit section#detail-sec {}
article#recruit section#detail-sec div.rinen {
	display: inline-block;
	font-size: 110%;
	line-height: 1.8em;
	color: #869093;
	background-color: #FFF;
	padding: 20px 50px;
}
article#recruit section#detail-sec table.detail-list {}
article#recruit section#detail-sec table.detail-list tr {
	border-bottom: solid 1px #2F3233;
}
article#recruit section#detail-sec table.detail-list tr:last-child {
	border-bottom: none;
}
article#recruit section#detail-sec table.detail-list tr th {
	vertical-align: top;
	font-weight: normal;
	white-space: nowrap;
	padding: 15px 30px;
}
article#recruit section#detail-sec table.detail-list tr td {
	vertical-align: top;
	padding: 15px 30px;
}

article#recruit section#entry-sec {}
article#recruit section#entry-sec div.btn-entry {
	display: inline-block;
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
}
article#recruit section#entry-sec div.btn-entry a {
	display: block;
	color: #2F3233;
	padding: 20px 50px;
	
	background: #9cdae7; /* Old browsers */
	background: -moz-linear-gradient(top,  #9cdae7 0%, #d7f2f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #9cdae7 0%,#d7f2f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #9cdae7 0%,#d7f2f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cdae7', endColorstr='#d7f2f4',GradientType=0 ); /* IE6-9 */
}
article#recruit section#entry-sec div.btn-entry a:hover {
	display: block;
	text-decoration: none;
	
	background: #d7f2f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #d7f2f4 0%, #9cdae7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d7f2f4 0%,#9cdae7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d7f2f4 0%,#9cdae7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f2f4', endColorstr='#9cdae7',GradientType=0 ); /* IE6-9 */
}
article#recruit section#entry-sec div.btn-entry a:after {
	font: normal normal normal 14px/1 FontAwesome;
  font-size: 120%;
	margin-left: 10px;
	content: "\f0da";
}

article#recruit .slide {
	background-attachment: fixed;
	width: 100%;
	height: auto;
	position: relative;
	padding: 150px 0;
}
article#recruit #slide1 {
	background-image:url('../img/parallax/img_parallax_01.jpg');
	background-size: cover;
	background-position-x: center !important;
}
article#recruit #slide2 {
	background-image: url('../img/parallax/img_parallax_02.jpg');
	background-size: cover;
	background-position-x: center !important;
}
article#recruit #slide3 {
	background-image:url('../img/parallax/img_parallax_03.jpg');
	background-size: cover;
	background-position-x: center !important;
	padding: 200px 0;
}
article#recruit .slide p.shop-name {
	display: inline-block;
	font-size: 200%;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 0.1em;
	color: #61A6B5;
	background-color: rgba(255,255,255,0.6);
	padding: 0.5em 2em;
}