@charset "utf-8";

/*
Theme Name: DarJin
Theme URI: https://darjin.yokohama/
Description: Hair & Beauty [DarJin] Bridge of Happiness
Author: KABAS DESIGN
Author URI: https://kaba-design.jp/

	KABAS DESIGN
	 https://kaba-design.jp/

	This theme was designed and built by KABAS DESIGN,
	whose blog you will find at https://kaba-design.jp/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;}
input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
 display: none;}
input[type="submit"]::focus, input[type="button"]::focus {
 outline-offset: -2px;}
input[type="text"], input[type="email"] {}
input[type="text"], textarea, input[type="number"], input[type="email"], input[type="tel"], select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing: border-box;
	vertical-align: middle;
	height: 42px;
	padding: 1px 5px;
	border: 1px solid #d4d4d7;
	border-radius: 6px;
	font-size: 100%;
	color: #555555;
	background: #fcfcfc;
	-moz-box-shadow: inset 1px 3px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 3px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 2px 9px -6px rgba(0,0,0,0.5);}
input[type="text"]:focus, textarea:focus, input[type="number"]:focus, input[type="email"]:focus {
	box-shadow: 0 0 0px #1abc9c;
	background:#F3FBCE;
	border:1px solid #75a948;}
*:first-child+html input[type="submit"] {
	padding: 3px;}


body {
	font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
	font-size:14px;
	color:#232323;
}
div,p,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,table,tr,th,td,article,aside,header,footer,section,nav{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
strong {
	font-weight: bold !important;
}

/* カスタムカラー
------------------------------------------------------------*/
.customColor {
	color:#70b8a7;
}
a.textLink:hover {
	color:#70b8a7 !important;}
#global-nav ul li a {
	color:#222;
	position: relative;
	display: inline-block;
	transition: .3s;
	line-height:1.8em;
}
#global-nav ul li a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #70b8a7;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#global-nav ul li a:hover::after {
	width: 100%;
}
.highlight {
	 background: linear-gradient(transparent 40%, #b4f1db 40%);
	font-weight: bold;
}
::selection {
  background-color: #70b8a7;
  color: #fff;
}
/* Firefox */
::-moz-selection {
  background-color: #70b8a7;
  color: #fff;
}
.btnDefault:hover {
	background-color: #70b8a7;
}
.btnBgDark:hover {
	background: #000;
	border-color: #fff;
	color: #fff;
}
.bg_custom01 {
	background:#70b8a7;
}
.pagetop a:hover {
	background:#70b8a7;
}
.footerNav li a:hover {
	color:#70b8a7;
}
table.priceBox th strong:before {
	font-family: FontAwesome;
	content: '\f006';
	margin-right: 8px;
	color: #70b8a7;
}
ul.page_navi li.current {
    background-color: #70b8a7;
}
ul.page_navi li a:hover {
    background-color:#70b8a7;
	color:#fff;
}

/* リンク、ボタン設定
------------------------------------------------------------*/
a {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color:#2781CB;
	zoom: 1;
}
a:hover, a:active {
	text-decoration: none;
}
a:hover img {
	opacity: .7;
}
a img {
	border: 0;
}
a.textLink {}


/* ========== btnDefault ========== */
.btnDefault {
	position: relative;
	z-index: 2;
	border: 2px solid #000;
	color: #000;
	display: inline-block;
	font-size: .95em;
}
.btnDefault::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}


/* ========== btnDark ========== */
.btnBgDark {
	position: relative;
	z-index: 2;
	background: none;
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	font-size: .95em;
}
.btnBgDark::after{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}
.btnBgDark:hover::after {
	border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.btn_Lsize {
	padding:14px 40px;
}
.btn_Ssize {
	padding:6px 20px;
}
.btnC {
	text-align: center;
}
.btnL {
	text-align: left;
}
.btnR {
	text-align: right;
}

/* ========== その他リンク設定 ========== */
.internalLink:after {
	content: "\f0da";
	font-family: FontAwesome;
	margin: 0 8px;
	font-size:1.1em;
}
.externalLink {
	text-decoration: none;
}
.externalLink:after {
	content: "\f08e";
	font-family: FontAwesome;
	margin: 0 8px;
}


/* 共通項（margin / padding)
------------------------------------------------------------*/
.mgT10 {
	margin-top:10px;
}
.mgT30 {
	margin-top:30px;
}
.mgT50 {
	margin-top:50px;
}
.mgT80 {
	margin-top:80px;
}
.mgB10 {
	margin-bottom:10px;
}
.mgB20 {
	margin-bottom:20px;
}
.mgB30 {
	margin-bottom:30px;
}
.mgB50 {
	margin-bottom:50px;
}
.mgB80 {
	margin-bottom:80px;
}
.mgReset {
	margin:0px !important;
}
.pdTB30 {
	padding:30px 0;
}
.pdTB65 {
	padding:65px 0;
}
.pdTB50 {
	padding:50px 0;
}
.pdTB40 {
	padding:40px 0;
}
.pdReset {
	padding:0px !important;
}
.text-R {
	text-align: right;
}
.text-L {
	text-align: left;
}
.text-C {
	text-align: center;
}
.text-white {
	color:#fff !important;
}
.text-ssmall {font-size:.7em !important;}
.text-small {font-size:.85em !important;}
.text-medium {font-size:1.3em !important;}
.text-large {font-size:1.5em !important;}
.text-xlarge {font-size:2em !important;}
.text-xxlarge {font-size:3em !important;}
.text-light {color:#B3B3B3;}

#menu-pc_global {
	display: flex;
	justify-content: space-between;
    -webkit-justify-content: space-between; /* Safari */
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	font-size:13px;
	line-height: 1.7em;}
.flexBox-between {
	display: flex;
	justify-content: space-between;
    -webkit-justify-content: space-between; /* Safari */
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	font-size:13px;
	line-height: 1.7em;}
.flexBox-center {
	display: flex;
	justify-content:center;
    -webkit-justify-content: center; /* Safari */
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	font-size:13px;
	line-height: 1.7em;}

.list-4, .list-3, .list-2 {
	margin-bottom: 30px;
}
.list-4 li {
	flex-basis: 25%;
	max-width:25%;
	padding:0 18px;
}
.list-3 li {
	flex-basis: 33%;
	max-width:33;
	padding:0 30px;
}
.list-2 li {
	flex-basis: 48%;
	max-width:48%;
	padding:0 14px;
}
.list-max-2-textBox,
.list-max-2-photoBox {
	flex-basis: 50%;
	max-width:50%;
	vertical-align: middle;
}
.list-max-2-textBox .title {
	width:65%;
}
.list-max-2-textBox .text {
    width:65%;
}
.list-max-2-photoBox figure {
	text-align: center;
}
.flex-reverse {
	-webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.list-4 li figure,
.list-3 li figure {
	margin-bottom:8px;
}
.list-4 li figure img,
.list-3 li figure img {
	width:100%;
}
.list-4 li p,
.list-3 li p {
	font-size:.9em;
	line-height: 1.65em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.list-4 li p strong,
.list-4 li p strong {
	font-size: 1.3em;
	display: block;
	margin-bottom: 8px;
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

/* トップページ
------------------------------------------------------------*/
/* ========== gNav ========== */
.inner {
    width: 1000px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
    width: 100%;
	padding-top:10px;
    line-height: 1;
    z-index: 999;
	border-bottom: 1px solid #D9D5D5;
	background: #fff;
}
#top-head a,
#top-head {
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {
    width:280px;
	display: block;
	margin: 10px auto 20px;
}
#top-head .logo img {
   width:100%;
}
#global-nav ul {
    list-style: none;
    font-size: 15.5px;
	text-align: center;
}
#global-nav ul li {
	font-family: 'Noto Sans', sans-serif;
	padding-bottom:26px;
	font-weight: bold;
}

 
/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 0px;
    height: 56px;
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
	background: url(assets/images/headerSmall-underbar.png) center bottom no-repeat;
	border-bottom: none;
}
#top-head.fixed #headerSmall-bg {
	width:100%;
	background:url(assets/images/headerSmall-bg.gif) 0 0 repeat;
	height:50px;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
	width:120px;
	margin:10px auto 0 5px;
	float: left;
	position: static;
}
#top-head.fixed #global-nav ul {
	overflow: hidden;
	float: right;
	position: static;
	justify-content:flex-end !important;
    -webkit-justify-content:flex-end !important;
	width:60%;
}
#top-head.fixed #global-nav ul li {
	font-size:.95em;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 10px 0;
	height:50px;
	line-height:50px;
}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #000;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

/* ========== メインビジュアル ========== */
#mainVisual {
	width: 100%;
    height: 540px;
    margin: 0px auto;
    padding-top: 0px;
    background:url(assets/images/topMainBg.jpg) center center no-repeat;
    background-size: cover;
	min-width:1000px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
#mainVisual .hero-textBox {
    background: rgba(0,0,0,0.4);
	border-radius: 3px;
	display: inline-block;
    padding: 30px 50px;
	color:#fff;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#mainVisual .hero-textBox h2 p {
	font-size: 1.8em;
	font-weight: 500;
	margin-top:10px;
    display: block;
	line-height: 1.25em;}

/* ========== メインコンテンツ ========== */
#wrapper {
	width: 100%;
}
.contentsWrapper {
	width:100%;
	padding:50px 0 70px;
}
.contentsWrapperZero {
	width:100%;
	padding:0px;
}
.bg_white {
	background: #fff;
}
.bg_l-gray{
	background:#f8f8f8;
}
.bg_gray{
	background:#646060;
}
.bottomShadow {
    position: relative;
    margin: 0 auto 80px;
    max-width: 100%;
    text-align: center;
    background: #fff;
}
.bottomShadow:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    -webkit-border-radius: 50%;
            border-radius: 50%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    z-index: -1;
} 
.innerBox {
	width:1000px;
	margin:0 auto;
}
.innerBox h2,
.innerBox h3 {
	text-align: center;
	margin-bottom: 30px;
	font-size: 1.3em;
	font-weight: bold;
}

.contentsTitle {
	margin: 0 auto 60px;
	text-align: center;
}
.contentsTitle figure img {
	width:100%;
	max-width:400px;
}
.contentsTitle p {
	color:#70b8a7;
	font-size: .85em;
	font-weight: bold;
}

/* ========== トップ：ABOUT ========== */
.brackets {
    position: relative;
    width: 80%;
	margin:0 auto 60px;
    padding: 30px 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.brackets::before,
.brackets::after {
    position: absolute;
	top: 0;
	content: '';
	width: 20px;
	height: 100%;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.brackets::before {
    left: 0;
	border-left: 1px solid #555;
}
.brackets::after {
    right: 0;
	border-right: 1px solid #555;
}
.innerBox .textBox {
	text-align:center;
	line-height: 1.7em;
	font-size:.9em;
}

/* ========== トップ：ABOUT 2 ========== */
.r-textBox {
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
    -webkit-justify-content: flex-start; /* Safari */
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.r-textBox figure {
	width: 385px;
	margin: 0 60px 0 0 !important;
}
.r-textBox figure img {
	vertical-align: bottom;
	max-width:100%;
}
.r-textBox .description {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 535px;
}
.r-textBox .description h3 {
	text-align: left;

}
.r-textBox .description .text {
	margin-bottom: 15px;
	font-size:.9em;
	text-align: left;
	line-height: 1.8em;
}
.r-textBox .description .btn {
	align-self: flex-end;
	margin-bottom: 16px;
}


/* ========== トップ：お知らせ一覧 ========== */
.newsBox {
	font-size:1em;
	
}
.newsBox .midashiBox {
	text-align: center;
	flex-basis: 32%;
}
.newsBox .midashiBox span a {
	font-size:.8em;

}
.newsBox .midashiBox span a:after {
	content: "\f054";
	font-family: FontAwesome;
	margin: 0 5px;
	color:#70b8a7;
}
.newsBox .description {
	flex-basis: 68%;
}
dl.top-news {
	margin: 0;
	overflow: hidden;
}
dl.top-news dt {
	margin-bottom: 2px;
	display: block;
}
dl.top-news dt time {
	font-family: 'Bitter', serif;
	font-size:.95em;
	font-weight:bold;
	color:#232323;
} 
dl.top-news dd {
	display: block;
	line-height:1.4em;
	font-size:.9em;
	padding:0 0 15px 0;
	margin-bottom: 10px;
	border-bottom:1px dotted #D7D7D7;}
dl.top-news dd:not(:last-child) { 
	margin-bottom:15px;
}  
dl.top-news dd strong {
	color:#C72A2D;}
dl.top-news dd a {
	text-decoration: underline;
}
dl.top-news dd a:hover, dl.index-news dd a:active {
	color:#131212;}
.icon_news_new {
	display:inline-block;
	margin-left:10px;
	width:36px;
	height:11px;
	background:url(assets/images/icon_news_new.gif) no-repeat;}



/* ========== トップ：アクセス ========== */
.accessBox {
	margin-bottom: 50px;
}
.accessBox li ul li {
	font-size:14px;
	color: #0c0c0c;
	width:100% !important;
	max-width:100% !important;
}
.accessBox li ul li .title {
	font-weight: bold;
	font-size: .95em;
}

.accessBox li ul li:not(:last-child) .text {
	margin-bottom: 30px;
}
#map_customize {
	width: 100%;
	height: 480px;
	margin-bottom: 10px;
}
#map_customize label {
	width: auto;
	display: inline;
}
#map_customize img {
	max-width: none;
}

/* ========== トップ：SNS ========== */
.socialBox li {
	font-size: 12px;
	display: inline-block;
	margin: 0 10px;
}
.socialBox li:not(:last-child) {
	margin: 0 10px 30px;
}  
.socialBox li a {
	padding:8px 14px;
	font-weight: bold;
	color: #fff;
	border-radius: 30px;
}
.socialBox li a.facebook {
	background: #315096;
	border:3px dotted #315096;
}
.socialBox li a.facebook:hover {
	background: #fff;
	color:#315096;
}
.socialBox li a.twitter {
	background: #55acee;
	border:3px dotted #55acee;
}
.socialBox li a.twitter:hover {
	background: #fff;
	color:#55acee;
}
.socialBox li a.google {
	background: #dd4b39;
	border:3px dotted #dd4b39;
}
.socialBox li a.google:hover {
	background: #fff;
	color:#dd4b39;
}
.socialBox li a.instagram {
	background: #3f729b;
	border:3px dotted #3f729b;
}
.socialBox li a.instagram:hover {
	background: #fff;
	color:#3f729b;
}
.socialBox li a.line {
	background: #1dcd00;
	border:3px dotted #1dcd00;
}
.socialBox li a.line:hover {
	background: #fff;
	color:#1dcd00;
}
.socialBox li a.blog {
	background: #3e3a39;
	border:3px dotted #3e3a39;
}
.socialBox li a.blog:hover {
	background: #fff;
	color:#3e3a39;
}


/* ========== footer ========== */
.pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
	font-size:1.5em;
	z-index: 9999;
}
.pagetop a {
	 display: block;
	 padding:5px 0 0;
	 border-radius: 40px;
	 width: 40px;
	 height: 40px;
	 background-color: #000;
	 color: #fff;
	 text-decoration: none;
	 text-align: center;
}

#footer {
	background: #0c0c0c;
	height: auto;
}
#footer:before {
	background: -webkit-linear-gradient(45deg, transparent 33.333%, #0c0c0c 33.333%, #0c0c0c 66.667%, transparent 66.667%), -webkit-linear-gradient(135deg, transparent 33.333%, #0c0c0c 33.333%, #0c0c0c 66.667%, transparent 66.667%);
    background: linear-gradient(45deg, transparent 33.333%, #0c0c0c 33.333%, #0c0c0c 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #0c0c0c 33.333%, #0c0c0c 66.667%, transparent 66.667%);
    background-size: 20px 40px;
}
.jagged-border {
	position: relative;
    width: 100%;
    height: 50px;
    -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 1px 2px);
}
.jagged-border:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    width: 100%;
    height: 10px;
}

.footerNavContainer {
	width: 1000px;
	margin:0 auto;
	padding: 40px 20px;
}
.footerNav {
	padding: 30px 0;
}
.footerNav li {
	width:20%;
	font-size: 12.5px;
	display: inline-block;
	line-height: 3em;
}
.footerNav li a {
	color:#FFF;
}
.footerNav li a:before {
    display: inline-block;
    content: "\f054";
    font-family: FontAwesome;
    font-size: .5em;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
.copyright {
	width:100%;
	height: auto;
	background: #3A3A3A;
	color:#fff;
	text-align: center;
	padding:10px 0;
}
.copyright p  {
	font-size:11px;
}
.copyright p a {
	color:#fff;
}

/* ========== サブページ共通 ========== */
.bcWrapper {
	background: #EFEFEF;
}
#bread_crumb {
    width: 100%;
    padding: 4px 12px;
}
#bread_crumb ul li {
    display: inline-block;
    font-size: 10px;
}
#bread_crumb a {
    color: #737373;
    display: block;
    text-decoration: none;
}
#bread_crumb ul li:not(:last-child) a:after {
    content: "\f105";
    font-family: FontAwesome;
    margin: 0 10px;
    font-size: 1.4em;
}

.sub-title-bg {
    text-align: center;
    height: 240px;
}
.title-bg-photo01 {
	background:url(assets/images/title-bg-photo01.jpg) center no-repeat;
    background-size: cover;
}
.sub-title-bg .sub-title {
	font-size: 1.6em;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 240px;
}

.aboutList-L .title {
	font-size:2em;
	line-height:1.5em;
	margin: 0 auto 1em;
}
.aboutList-L .text {
	font-size:1.15em;
	line-height:2.2em;
	margin: 0 auto 1em;
}
.aboutImg {
	width:100%;
	max-width:720px;
	vertical-align:bottom;
}

.sub-img-wrap {
	width: 100%;
	max-height: 320px;
	overflow: hidden;
}
.sub-img-wrap img {
	width: 100%;
	vertical-align: bottom;
}

/* ========== メニュー/料金表 ========== */
.menuCategoryTitle {
	text-align: center;
	font-weight: bold;
	font-size:1.3em;
	margin-bottom: 30px;
}
.tax-text {
	font-size:.85em;
	text-align: right;
	display: block;
}
table.priceBox {
	width: 100%;
	margin: 0 0 30px 0;
}
table.priceBox th {
	width: 80%;
	font-weight: normal;
	color: #555;
	font-size: .975em;
	line-height: 1.5em;
	padding: 20px 0;
	border-bottom: 1px dotted #c6c3c3;
}
table.priceBox th p.add {
	margin:3px 0 0 0;}
table.priceBox th strong {
	display: block;
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 1.1em;
	color: #121212;
}
table.priceBox td.price {
	width: 20%;
	padding: 6px 0;
	font-size: 1.05em;
	text-align: right;
	font-family:Arial, Helvetica, sans-serif;
}
table.priceBox td.price span {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
table.priceBox td {
	padding: 20px 0;
	border-bottom: 1px dotted #c6c3c3;
}
table.priceBox th .price-icon {
	padding: 1px 6px;
	background-color: #0a0a0a;
	color: #ffffff;
	font-size: .8em;
	border-radius: 4px;
}
table.priceBox th .price-icon-popular {
	padding: 1px 6px;
	background-color: #fd8185;
	color: #ffffff;
	font-size: .85em;
	font-weight: normal !important;
	border-radius: 4px;
}
table.priceBox td.attention {
	border-bottom: none;
	padding: 10px 0 !important;
}
table.priceBox td.attention div {
	margin-bottom: 10px;
	background: #edecec;
	line-height: 1.5em;
	text-align: center;
	border-radius: 8px;
	font-size: 1.025em;
	padding: 16px 20px;
	font-weight: bold;
}
table.priceBox td.message {
	border-bottom: none;
	padding: 10px 0 !important;
}
table.priceBox td.message div {
	margin: 10px auto;
	line-height: 1.5em;
	text-align: left;
	font-size: .9em;
	padding: 12px;
	color:#fd8185;
	border:1px dashed #fd8185;
}


/* ========== ニュース/お知らせ ========== */
.news-newsBox {
	
}
.news-newsBox div {
	padding:20px 30px;
}
.news-newsBox div:nth-child(odd) {
	background:#f5f6f6;
}
.news-newsBox dl dt,
.news-newsBox dl dd {
	display: inline-block;
	margin: 0px;
	padding:0px;
}
.news-newsBox dl dt {
	margin-right: 20px;
}
.news-newsBox dl dd {
	border-bottom: none;
}

ul.page_navi {
    margin: 30px auto 0;
    text-align: center;
}
ul.page_navi li.current {
    min-width: 32px;
    line-height: 32px;
    color: #fff;
}
ul.page_navi li {
    display: inline-block;
    font-size: 16px;
    margin: 0 1px;
	background-color: #f3f3f3;
}
ul.page_navi li a {
    min-width: 32px;
    display: block;
    line-height: 32px;
	color:#222;
}

.box__news {
	width:90%;
	margin:0 auto;
	padding:50px;
	background:#F8F8F8;
	}
.h2__news {
	font-size: 18px !important;
    font-weight: bold;
    padding: 10px 8px;
	text-align: left !important;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.date__news {
	font-family: 'Bitter', serif;
    font-size: .95em;
    font-weight: bold;
    color: #232323;
	text-align: right;
}
.body__news {
	margin: 40px auto 0;
}
.text__news {
	font-size: .95em;
	line-height: 1.6em;
	margin: 0 auto 30px;
}
.photo__news {
	width:100%;
	margin:0 auto 30px;
}
.photo__news img {
	width:100%;
}


/* ========== about/スタッフ紹介 ========== */
.profile strong {
	font-size:1.4em;
}
.profile .category {
	text-align: center;
	font-weight: bold;
	font-size:.9em;
	border: 1px solid #222;
	margin: 15px 0 5px;
}


/* ========== お問い合わせ ========== */
.box__reserve {
	margin:30px auto;
}
.reserve {
	font-size: 16px;
}
.reserve li {
	flex-basis: 47.5%;
	max-width: 47.5%;
	padding: 30px;
    box-shadow: 0 0 3px #b4b3b3;
    -moz-box-shadow: 0 0 3px #b4b3b3;
    -webkit-box-shadow: 0 0 3px #b4b3b3;
    border-radius: 5px;
    background: #fff;
}
.reserve li .title {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 3px solid #000;
	margin-bottom: 25px;
}
.reserve .telephone {
	text-align: center;
}
.reserve .telephone a {
	font-size: 2em;
	font-family: 'Noto Sans', sans-serif;
	color:#000;
}

.box-table {
	width: 100%;
	border: 1px solid #e8e7e7;
	overflow: hidden;
	margin: 0 auto;
	word-break: break-all;
	word-wrap: break-word;
}
.box-table th {
	padding: 16px 20px 14px;
	border-top: dotted 1px #e8e7e7;
	width: 23%;
	overflow: hidden;
	color: #333;
	font-style: normal;
	font-weight: normal;
	font-size: .9em;
	text-align: left;
	background: #fff;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
}
.box-table td {
	padding: 16px 20px 14px;
	text-align: left;
	font-size: .95em;
	line-height: 1.8em;
	vertical-align: top;
	background-color: #ffffff;
	border-top: dotted 1px #EEEEEE;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
.box-table .first {
	border: none;
}
.box-table td a {
	text-decoration: none;
}

.contact-table td select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.contact-table td.select-arrow select {
	width: 75%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fcfcfc;
	background: url(assets/images/arrow-down.png) right 50% no-repeat;
	background-size: 20px, 60%;
}
select::-ms-expand {
 display: none;
}
.contact-table th {
	width: 33% !important;
	font-weight: 700;
}
.contact-table th.titleArea {
	padding: 15px 0;
    border-bottom: dotted 0px #EEEEEE;
    width: 100%;
    color: #fff;
    text-align: center;
    background:#a676ac;
}
.contact-table th.iraiArea {
	text-align: center;
	color:#a676ac;
	padding:10px 0;
}
.contact-table th .require {
	padding: 3px 6px;
	background-color:#F14821;
	color: #FFFFFF;
	font-size: .72em;
	border-radius:2px;
	letter-spacing: 1px;
	float: right;
}
.contact-table td {
	line-height: 1.6em !important;
}
.contact-table td .add {
	margin-top:12px;
	font-size:.85em;
	line-height:1.4em;}
.contact-table td .add em {
	font-size:1.1em;
	font-weight:bold;
	display:block;
	color:#fd8185;}
.contact-table td.last {
	border-top:0px;}


/* WEB予約 Checkbox */
.wpcf7-textarea {
	min-height: 140px;
}
.wpcf7-list-item {
	margin:0 36px 0 0 !important;
	font-size:.9em;}
.wpcf7-list-item input {
	display:none;}
.wpcf7-list-item label {
    cursor: pointer;
    position: relative;
    padding-left: 27px;
    margin-right: 20px;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;}
.wpcf7-list-item label:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0px;
    top: 2px;
    border: 1px solid #B3B3B3;
    z-index: 3;}
.wpcf7-list-item label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    display: block;
    margin-top: 2px;
    width: 8px;
    height: 12px;
    border-right: 3px solid #D65;
    border-bottom: 3px solid #D65;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    z-index: 1;}
.wpcf7-list-item input[type="checkbox"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position : absolute;
	left : -40px;
	width : 20px;
	height : 20px;
	display : block;
	box-shadow : 41px 0px #FFF;
	z-index : 2;
	margin : 0px;
	padding : 0px;}
.wpcf7-list-item input[type="checkbox"]:checked {
	box-shadow : none;}
.wpcf7-list-item input[type="checkbox"]:checked:focus {
	box-shadow : 40px 0px #666;
	opacity : 0.1;}
.wpcf7-list-item input[type="checkbox"]:focus {
	box-shadow : 41px 0px #EEE;}

.wpcf7-list-item input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	position : absolute;
	left : -40px;
	width : 20px;
	height : 20px;
	display : block;
	box-shadow : 41px 0px #FFF;
	z-index : 2;
	margin : 0px;
	padding : 0px;}
.wpcf7-list-item input[type="radio"]:checked {
	box-shadow : none;}
.wpcf7-list-item input[type="radio"]:checked:focus {
	box-shadow : 40px 0px #666;
	opacity : 0.1;}
.wpcf7-list-item input[type="radio"]:focus {
	box-shadow : 41px 0px #EEE;}
	
.form-send-btn {
	margin:0 auto !important;
	display:block;
	padding: .9em 0;
	border: 2px solid #00adba !important;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	font-weight: 700;
	letter-spacing: 1px;
	background-color: #00adba;
	color: #FFFFFF;
	font-size: 14px;
	width:220px !important;}
input[type="submit"]:hover,
input[type="submit"]:active {
	background:#f45076 !important;
	border-color:#f45076 !important;
	color:#fff !important;}
.form-send-btn:hover,
.form-send-btn:active {
	color:#fff !important;
}

div.wpcf7-mail-sent-ok {
	padding:10px !important;
	border:2px solid #1884fd !important;
	color:#ffffff !important;
	background:#1884fd !important;
	font-weight:bold !important}
span.wpcf7-not-valid-tip {
	font-weight:bold !important;
	color:#FF1418 !important;}	
div.wpcf7-validation-errors {
	border:3px dashed #FF1418 !important;
	padding:10px !important;
	color:#FF1418 !important;
	font-weight:bold !important;}

/* ========== サイトマップ ========== */
.sitemap {
	font-size: 16px;
}

/* ■■■■■■■■■■■■■■■■■■■■ @media screen and (max-width:1200px) ■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 1200px) {
#global-nav ul {
	padding:0 10px;
}
.list-max-2-textBox .title {
	width:90%;
}
.list-max-2-textBox .text {
    width:90%;
}
}

/* ■■■■■■■■■■■■■■■■■■■■ @media screen and (max-width:1000px) ■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 1000px) {
#top-head.fixed #global-nav ul {
	width:80%;
	padding:0px;
}
	.contentsWrapper {
		padding: 30px 0;
	}
.inner {
		width:100%;
}
.innerBox {
	width:100%;
	padding:0 12px;
}
.innerBox h3 {
	font-size: 1.2em;
	line-height: 1.5em;
}
#mainVisual {
	width: 100%;
    height: 480px;
	min-width:100%;
}
#mainVisual .hero-textBox {
    padding: 30px;
}
#mainVisual .hero-textBox h2 p {
	font-size: 1.8em;
}
.container {
	width: 100% !important;
	padding-left: 1em !important;
	padding-right: 1em !important;
}
.container-footer {
	width: 100% !important;
	padding-right: 1em !important;
}
	.r-textBox figure {
		width:40%;
		margin:0 30px 0 0 !important;
	}
.r-textBox .description, .r-textBox .description {
	width: 54%;
}
.brackets {
    width: 90%;
	margin:0 auto 40px;
    padding: 20px 60px;
}
	.contactBox {
	padding:20px !important;		
	}

/* ========== about：1000px ========== */	
	.list-max-2-textBox .title {
	font-size:1.7em;
	}
	.list-max-2-textBox .text {
    font-size:1.15em;
	line-height: 1.65em;
	}

/* ========== お知らせ：10000px ========== */	
	.box__news {
	width:94%;
	padding:40px;
	}
}


/* ■■■■■■■■■■■■■■■■■■■■ @media screen and (max-width:720px) ■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 720px) {
#top-head.fixed #global-nav ul {
		width:80%;
}
#top-head.fixed #global-nav ul li {
    font-size: .85em;
}
#mainVisual {
    height: 420px;
}
	.innerBox .textBox {
		font-size: .925em;
		line-height: 1.5em;
	}
	.brackets {
    width: 98%;
	margin:0 auto 30px;
    padding: 20px 28px;
}
	.newsBox {
		display: block;
	}
.r-textBox .description .text {
    font-size: .925em;
    line-height: 1.5em;
	}
	
	.list-4 li {
		flex-basis: 50%;
		max-width: 50%;
		margin-bottom: 30px;
	}
	.list-3 li {
	flex-basis: 50%;
	max-width: 50%;
	padding:0 15px;
}
	
/* ========== about：720px ========== */	
	.list-max-2-textBox,
	.list-max-2-photoBox {
		flex-basis: 100%;
		max-width: 100%;
	}
	.list-max-2-textBox {
		padding: 12px 0;
	}
	
/* ========== メニュー/料金表：720px ========== */	
table.priceBox {
	width: 100% !important;
	margin: 0 !important;
}
table.priceBox th {
	font-size: .85em;
	width: 75%;
}
table.priceBox th strong {
	font-size: 1.2em !important;
}
table.priceBox td.price {
	width: 25%;
}

/* ========== お知らせ：720px ========== */		
.box__news {
	width:96%;
	margin:0 auto;
	padding:25px;
	}
.h2__news {
	font-size: 16px !important;
	margin-bottom: 10px !important;
}
.body__news {
	margin: 30px auto 0;
}
.text__news {
	font-size: .93em;
	margin: 0 auto 25px;
}
.photo__news {
	margin:0 auto 25px;
}
}

/* ■■■■■■■■■■■■■■■■■■■■ @media screen and (max-width:640px) ■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 640px) {
	#global-nav ul li a::after {
	display: none;
}
	
    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
	#top-head.fixed #global-nav ul {
		width:100%;
	}
	#top-head.fixed #global-nav ul li {
		font-size: 1em !important;
	}
	#top-head.fixed #global-nav ul li a {
		line-height: 1.8em;
		height: auto !important;
	}
    #mobile-head {
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
		border-bottom: 1px solid #E3E0E0;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 4px;
        top: 10px;
        color: #333;
        font-size: 26px;
		margin: 0;
		width:160px
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: rgba(10,10,10,0.9);
        width: 100%;
        text-align: center;
        padding: 0px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
		flex-basis: 100% !important;
		max-width: 100% !important;
		padding: 0px;
		
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 12px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
	
	#mainVisual {
    height: 360px;
}
#mainVisual .hero-textBox {
    padding: 15px;
}
#mainVisual .hero-textBox h2 p {
	font-size: 1.4em;
}
	.r-textBox figure {
		width:100%;
		text-align: center;
		margin:0px auto 10px!important;
	}
	.sub-title-bg .sub-title {
		line-height: 290px;
	}
	
.r-textBox .description, .r-textBox .description {
	width: 100%;
}
	
.box-table {
	border: none !important;}
.box-table th {
	padding: 6px !important;
 width:100% !important;
 display:block;
 color: #0a0a0a;
 text-align: center !important;
 border-radius:0px !important;
 border-top:none !important;
 background-color:#fff;}
.box-table td {
	background-color: #f5f6f6;
	box-sizing:border-box;
	padding:10px 10px 20px;
 display: list-item;
 width: 100%;
 border-top: none !important;
 line-height:1.68em !important;}
	
	.list-4 li {
		flex-basis: 100%;
		max-width: 480px;
		margin: 0 auto 30px;
	}
	.list-3 li {
	flex-basis: 100%;
	max-width: 100%;
	padding: 0 10px;
	margin-bottom: 50px;
	}
	.footerNav li {
		width: 25%;
	}
	.reserve li {
	flex-basis: 100%;
	max-width: 100%;
    margin-bottom:20px;
}
}

/* ■■■■■■■■■■■■■■■■■■■■ @media screen and (max-width:480px) ■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width: 480px) {
#mainVisual {
    height: 280px;
}
#mainVisual .hero-textBox h2 {
	font-size: .95em;
	}
#mainVisual .hero-textBox h2 p {
	font-size: 1.25em;
}
	.innerBox .textBox {
    line-height: 1.7em;
	}
	.brackets {
		width: 100%;
		padding: 0px;
		text-align: left !important;
	}
	.brackets::before,
	.brackets::after {
		border: 0px !important;
	}
	.list-2 li {
		flex-basis: 100% !important;
		max-width: 100% !important;
		padding: 0 10px;
	}
	.footerNav li {
		width: 50%;
	}

.box__news {
	width:100%;
	}
.h2__news {
	margin-bottom: 8px !important;
}
.body__news {
	margin: 20px auto 0;
}
.text__news {
	margin: 0 auto 20px;
}
.photo__news {
	margin:0 auto 20px;
}
}

@media screen and (max-width: 320px) {
	#mainVisual .hero-textBox {
		width:100%;
		height: 100%;
	}
}