@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: //meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
dt,dd,li   {text-indent: 0;}
strong	{font-weight:bold;}
p	{line-height:1.8;}
svg {
	fill: currentColor;
    vertical-align: top
}

body{
font: 15px/1.8 'Noto Sans JP',"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-weight:400;
background-color:#F7F7F6;
color:#222;
-webkit-text-size-adjust: none;
}
html	{
    scroll-behavior: smooth;
	font-size:16px;
}
@media only screen and (max-width:1299px){
	body	{font-size:14px;}
}
@media only screen and (max-width:699px){
	body	{background-image:none;}
}
@media only screen and (max-width:466px){
	html	{font-size:3.8vw;}
	body	{font-size:13px;}
}
@media only screen and (max-width:399px){
}


img	{max-width:100%; height:auto; vertical-align: bottom; border:0;}
.center    {text-align:center;}
.aligncenter    {text-align:center;}
.right     {text-align:right;}
.left	{text-align:left;}
.alignleft {float:left; margin:0 20px 20px 0;}
.alignright{float:right; margin:0 0 20px 20px;}
.children  {margin-top:6px;}
.closeup   {font-weight:bold; color:#B93E53; }
.closeup_tx12 {font-size: 12px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx14 {font-size: 14px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx16 {font-size: 16px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx18 {font-size: 18px !important; color: #ec611e !important; line-height: 1.4;}
.closeup_tx24 {font-size: 24px !important; color: #ec611e !important; line-height: 1.4;}

.tx10      {font-size:10px !important;}
.tx11      {font-size:11px !important;}
.tx12      {font-size:13px !important;}
.tx13      {font-size:12px !important;}
.tx14      {font-size:14px !important;}
.tx15      {font-size:15px !important;}
.tx16      {font-size:16px !important;}
.tx18      {font-size:18px !important;}
.tx20      {font-size:20px !important;}
.tx22      {font-size:22px !important;}
.tx24      {font-size:24px !important;}
.tx30      {font-size:30px !important;}
.tx40      {font-size:40px !important;}
.tx50      {font-size:50px !important;}

.tx70per      {font-size:70% !important;}
.tx80per      {font-size:80% !important;}
.tx90per      {font-size:90% !important;}
.tx110per     {font-size:110% !important;}
.tx120per     {font-size:120% !important;}
.tx130per     {font-size:130% !important;}
.tx140per     {font-size:140% !important;}
.tx150per     {font-size:150% !important;}
.tx160per     {font-size:160% !important;}
.tx170per     {font-size:170% !important;}
.tx180per     {font-size:180% !important;}
.tx190per     {font-size:190% !important;}
.tx200per     {font-size:200% !important;}

.pa_btm0   {padding-bottom: 0px !important; }
.pa_btm5   {padding-bottom: 5px !important; }
.pa_btm10  {padding-bottom: 10px !important; }
.pa_btm20  {padding-bottom: 20px !important; }
.pa_btm30  {padding-bottom: 30px !important; }

.pa_top10  {padding-top: 10px !important; }
.pa_top20  {padding-top: 20px !important; }
.pa_top30  {padding-top: 30px !important; }
.pa_top40  {padding-top: 40px !important; }
.pa_top50  {padding-top: 50px !important; }

.ma_btm0   {margin-bottom: 0px !important; }
.ma_btm5   {margin-bottom: 5px !important; }
.ma_btm10  {margin-bottom: 10px !important; }
.ma_btm20  {margin-bottom: 20px !important; }
.ma_btm30  {margin-bottom: 30px !important; }
.ma_btm40  {margin-bottom: 40px !important; }
.ma_btm45  {margin-bottom: 45px !important; }
.ma_btm50  {margin-bottom: 50px !important; }
.ma_btm60  {margin-bottom: 60px !important; }
.ma_btm70  {margin-bottom: 70px !important; }
.ma_btm80  {margin-bottom: 80px !important; }
.ma_btm90  {margin-bottom: 90px !important; }
.ma_btm100  {margin-bottom: 100px !important; }

.ma_right10 {margin-right: 10px !important; }
.ma_right20 {margin-right: 20px !important; }
.ma_right30 {margin-right: 30px !important; }

.ma_left10 {margin-left: 10px !important; }
.ma_left20 {margin-left: 20px !important; }
.ma_left30 {margin-left: 30px !important; }


.tx_uline {text-decoration: underline !important;}
.ul_dash {
    background: #E7F4FF none repeat scroll 0 0;
    border-bottom: 1px dashed #aaaaaa;
    line-height: 2;
}

.comingsoon {text-align: center;}
.comingsoon h2 {font-family: 'Urbanist','Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-weight: normal; font-size: 200%;}
.title404_h1 {
    font-size: 250%;
    font-weight: 900;
    margin: 30px 0 0;
    font-family: 'Cormorant Garamond', serif;
    text-align: center;
}
.title404_h2 {
    font-size: 130%;
    font-weight: normal !important;
    line-height: 1.4;
    margin-bottom: 10px !important;
	border-bottom: none !important;
}
@media only screen and (max-width:599px){
	.title404_h1 {font-size: 160% !important;}
	.title404_h2 {font-size: 120% !important;}
}
@media only screen and (min-width:600px){
	.br_sp	{display:none;}
	.br_pc	{display:block;}
	.img_sp {display:none;}
}

@media only screen and (max-width:599px){
	.br_sp	{display:block;}
	.br_pc	{display:none;}
	.img_pc {display:none;}
}

/* テキスト強調 */
.marker_line {font-weight: bold;}
.marker_line.y {
    background: linear-gradient(transparent 60%, #a969a6 0%);
}




/* -----------------------------------------------------------
		link
----------------------------------------------------------- */
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#222;
/* hover effect */
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}

a:hover, a:active{
outline: none;
color:#222;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after,.pagecont:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}

.clear hr { display: none; border: none; height:0px; }/*clearfix*/.clearfix { clear: both; min-height: 1px;/*IE7用…高さが設定されてあれば回避可能*/ zoom: 1; height:auto; background-color:transparent; }.clearfix:after { content: ".";  /* 新しい要素を作る */ display: block;  /* ブロチEけレベル要素に */ clear: both; height: 0; visibility: hidden; background-color:transparent; }.clearfix { min-height: 1px; }/*-WinIE6 and below *//* Hides from IE-mac \*/* html .clearfix { height: 1%; }/* End hide from IE-mac */


/* フォーム
------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"] {
    padding: 0px;
    width: 100%;
    margin: 0;
    border: none;
	text-indent: 10px;
	font-size: inherit;
	font-weight:500;
	color: inherit ;
	line-height: 41px;
	box-sizing:border-box;
	margin:3px;
}
select {
    width: 150px;
    height: 38px;
	padding: 10px;
	display: inline;
	position: relative;
	border: 2px solid #eeeeee;
	margin:3px;
}
.rtb-booking-form select{
	width: 100%;
}
select[multiple="multiple"] {
	height: 100px;
}
select[multiple="multiple"] option {
	height: 20px;
	line-height: 20px;
}
textarea{
    padding: 10px 0 0 10px;
    height: 350px;
    width: 98%;
    margin-bottom: 30px;
    font:inherit;
    overflow: auto;
    font-size: inherit;
	color: inherit ;
	font: inherit ;
}  
.rtb-booking-form textarea {
  width: 97% !important;
  max-width: none !important;
  height: 150px;
}
input[type="submit"], .action-button .be-button,
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
    border: none;
    cursor:pointer;
    display: inline-block;
    margin:0px 0 10px;
    text-decoration: none;  
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	font-size: 12px;
	line-height: 12px;
	padding: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
    background: #333;
	color:#fff;
} 
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {
	border: 1px solid #eeeeee;
	background: #efefef;
}
span.wpcf7-list-item {display: block !important;}

.wpcf7 .ajax-loader	{
	display:block !important;
	margin:10px auto !important;
}
.wpcf7-spinner	{
	display:block !important;
	margin:10px auto !important;
}
#autozip {
   display: none !important;
}

/* iPhoneリセット*/
input[type="submit"], input[type="button"] { -webkit-appearance: none; }

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #F43F5E;
}

*:first-child+html input[type="submit"]{padding:3px;}

@media only screen and (max-width:699px){
    input[type="text"], input[type="email"], input[type="password"] {width: 98%;}
}

/* -----------------------------------------------------------
		layout（共通）
----------------------------------------------------------- */
#wrapper, .inner{
margin:0 auto;
width:90%;
max-width: 1260px;
}

#outer-page	{
	position:relative;
}
@media only screen and (max-width:1024px){
	#outer-page	{padding-top:80px;}
}


#lp_column1	{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
	justify-content:center;
	background:#ccc;
}
#lp_column1_main	{
	width:50%;
	max-width:650px;
	position:relative;
	background:#fff;
	min-height:100vh;
}
#lp_column3	{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
	justify-content:center;
}
#lp_column3_sideL	{
	width:calc((100% - 420px) / 2);
	position:relative;
}
#sideL_inn	{
	position:fixed;
	top:0;
	left:0;
	width:calc((100% - 420px) / 2);
    height: 100svh;
	padding:3vw;
	box-sizing:border-box;
	display: flex; 
	flex-direction: column; 
	flex-wrap: nowrap;	
	justify-content:space-between;
	align-items:flex-start;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-size:cover;
}
#lp_column3_sideR	{
	width:calc((100% - 420px) / 2);
	order:3;
	position:relative;
}
#sideR_inn	{
	position:fixed;
	top:0;
	right:0;
	width:calc((100% - 420px) / 2);
    height: 100svh;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#lp_column3_main	{
	width:420px;
	min-height:100svh;
	position:relative;
	background:#fff;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
}
.inner	{
	width:90%;
	margin:0 auto;
}

@media only screen and (max-width:1024px){
	#sideL_inn	{display:none;}
}
@media only screen and (max-width:899px){
}
@media only screen and (max-width:699px){
	#lp_column3_main	{width:100%;}
	#lp_column3_main .inner	{max-width:380px;}
	#lp_column3_sideL, #lp_column3_sideR	{display:none;}
}


/* タイポグラフィ
*****************************************************/
h1, h2, h3, h4, h5 {
	font-weight:800;
}
.title	{
	padding:2rem 0;
}
.title p {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1.0;
    margin-bottom: 0.8rem;
}
.title h1	{
    font-size: 1rem;
    line-height: 1.0;
}

/* -----------------------------------------------------------
		Header（共通）
----------------------------------------------------------- */
#lp_header	{
    position: fixed;
    width: 420px;
	top:0;
	z-index:9999;
	transition:0.5s;
}
#lp_header.fixed	{
	background:rgba(255,255,255,1.0);
}
#lp_header_content	{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
	justify-content:space-between;
	align-items:center;
	width:90%;
	margin:0 auto;
	padding:10px 0;
}
#lp_logo	{
}
#lp_logo a	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items:flex-start;
	justify-content:flex-start;
}
#lp_logo img	{
	width:50px;
	margin-right:20px;
}
#lp_logo h1	{
	font-size:10px;
	background:#AD8C5B;
	color:#fff;
	font-weight:normal;
	padding:4px 10px;
	line-height:1.0;
	border-radius:3px;
	margin:4px 0 0;
}
#nav_strg	{
}
#nav_strg ul	{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;	
}
#nav_strg li	{
	width:50%;
}
#nav_strg li img	{
	width:100%;
}

@media only screen and (max-width:899px){
}
@media only screen and (min-width:1025px){
	#lp_header	{display:none;}
}
@media only screen and (max-width:699px){
	#lp_header	{width:100%;}
}
@media only screen and (min-width:651px){
}

/* -----------------------------------------------------------
		Main Navigation（共通）
----------------------------------------------------------- */	
	#mbnav_connect	{
		max-width:650px;
		margin:0 auto;
	}
	#mbnav_connect ul	{
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex; 
		-ms-flex-direction: row;
		-webkit-box-direction: row;
		-webkit-flex-direction: row;
		flex-direction: row; 
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content:center;
		font-family: 'Urbanist','Noto Sans JP', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
		font-weight:normal;
	}
	#mbnav_connect ul li	{
		width : 100% ;
		margin:0 auto 10px;
		border:1px solid #fff;
		padding:1px;
		box-sizing:border-box;
	}
	#mbnav_connect ul li a	{display:block; padding:7px 0; text-align:center; font-size:14px;}
	#mbnav_connect ul li a i	{font-size:20px; vertical-align:middle;}
	#mbnav_connect ul li a span	{margin-left:8px; vertical-align:middle;}
	#mbnav_tel a	{background:#fff; color:#222;}
	#mbnav_reserve	{border-color:#fff !important;}
	#mbnav_reserve a	{background:#fff; color:#ad8c5b;}
	#mbnav_online a	{background:#fff; color:#222;}
	
	
	.menu-trigger	{background:transparent; padding: 5px 0; margin:0; border:none; display:block; position:relative;}	
	.menu-trigger div	{width:40px; height:16px; margin: 0 auto; position:relative; }
	.menu-trigger div span	{width:100%; height:1px; background:#222; position: absolute; left:0; transition: all .4s; transform: rotate(0deg); width:100%;}
	.menu-trigger div span:nth-of-type(1) {top: 0px;}
	.menu-trigger div span:nth-of-type(2) {top: 7px;}
	.menu-trigger div span:nth-of-type(3) { bottom: 0px;}

	.modal_on .menu-trigger div span:nth-of-type(1) {
		transform: translateY(20px) rotate(323deg);
		top: -13px;
		width: 90%;
	}
	.modal_on .menu-trigger div span:nth-of-type(2) {
		display:none;
	}
	.modal_on .menu-trigger div span:nth-of-type(3) {
		transform: translateY(-20px) rotate(34deg);
		bottom: -13px;
		width: 90%;
	}


	.iziModal-header	{max-width:650px; margin:0 auto;}
	
	.modal	{color:#fff;}
	.modal .iziModal-content .icon-close{
    width: 100%;
    font-family: "メイリオ","Meiryo",arial,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 1.0;
    padding: 0px 5px;
    font-weight: normal;
    border: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
    text-align: right;
	}
	
	h2.iziModal-header-title	{
	text-indent:-100% !important;
	}
	.iziModal .iziModal-header	{
		box-shadow:none  !important;
	}
	.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons	{
		right:14px !important;
	}
	.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button	{
		width:40px !important;
		height:40px !important;
	}
	.iziModal .iziModal-button-close{
    background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23AD8C5B%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M12%2C11.3L22.3%2C1L23%2C1.7L12.7%2C12L23%2C22.3L22.3%2C23L12%2C12.7L1.7%2C23L1%2C22.3L11.3%2C12L1%2C1.7L1.7%2C1%20C1.7%2C1%2C12%2C11.3%2C12%2C11.3z%22%2F%3E%3C%2Fsvg%3E') no-repeat 50% 50% !important;
	opacity:1.0 !important;
}

#modal_navi	{
	padding-top:60px;
}

	.mdl_sitetitle	{
		font-size:0.75rem;
		margin-bottom:1.875rem;
	}
	#mainNav{
	width: 100%;
	margin:0 auto 2rem;
	text-align:center;
	}

	#topnav	{
	display:inline-block;
	text-align:left;
	}

	#topnav li{
	font-size:120%;
	}
	#mainNav li span{
    font-weight: 500;
	}
	
	#mainNav li a	{
	display:block;
	margin:0 auto;
	padding:0.5rem 0;
	}

	#mainNav li:first-child{}
	#mainNav ul#main_subnav li:first-child{border-top:none;}
	#mainNav li li:first-child{border-top:0;}
 

	#mainNav .panel ul li li{
	float:left;
	border:0;
	}
	
	#mainNav #top_saiyounav	{
	padding:20px 0 0; 
	margin:0 0 30px;
	}
	
	.accordionBtn { display: none; width: 37px; height: 27px; position: absolute; top: 0; right: 0px; padding: 10px 0; text-align:center; }

	.accordionBtn:before {  content: "\f067"; font-family: "Font Awesome 5 Free"; font-weight:bold; color: #fff; }
	.accordionBtn.active:before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-weight:bold; }
	
	.sub-menu	{padding:0 0 0 10px;}
	.sub-menu li:first-child	{border-top:1px solid #dcdcdc;}


	#sns_nav	{
	font-size:30px;
	margin:0; 
	padding:0;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:center;
	}
	#sns_nav li	{text-align:center;}
	#sns_nav li a	{display:block; line-height:1.0; padding:10px 0 0; background:transparent !important; border-bottom:none !important; color:#0B0B0D; padding:10px;}
	#sns_nav li span	{vertical-align:middle;}
	#sns_nav svg	{width:1em; height:1em;}



/* -----------------------------------------------------------
		Side Navigation（共通）
----------------------------------------------------------- */	
#SideNav	{
    font-size: 20px;
}
#SideNav li	{
	line-height:1.2;
}
#SideNav li:not(:last-child)	{
	margin-bottom:1em;
}
#SideNav li strong{
}
#SideNav li span	{
	display:block;
	font-weight:500;
}
.Side_logo	{
    max-width: 100%;
	width:110px;
}

#Side_snsnav	{
	font-size:1.8rem;
	margin:0; 
	padding:0;
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	max-width:170px;
}
#Side_snsnav li	{
	text-align:center;
}
#Side_snsnav li:not(:last-child)	{
	margin-right:20px;
}
#Side_snsnav li a	{
	display:block; 
	line-height:1.0; 
	padding:0; 
	background:transparent !important; 
	border-bottom:none !important; 
	color:#222; 
	margin:0;
}
#Side_snsnav svg	{
	width:1em;
	height:1em;
}

@media only screen and (max-width: 1199px){
	#SideNav	{font-size:18px;}
}



/* -----------------------------------------------------------
		Footer
----------------------------------------------------------- */
footer	{
	text-align:center; 
	padding:20px 0; 
    color:#222;
	margin-top:60px;
}
footer address	{font-size:11px;}

@media only screen and (max-width:699px){
	/*footer	{padding-bottom:130px;}*/
}


#pagetop	{
	bottom: 15px;
	right:calc(((100% - 420px) / 2) + 15px);
	position: fixed; 
	z-index:9998;
    max-width: 650px;
}
#pagetop a	{
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
    border-radius: 50%;
	margin:0 ;
}
#pagetop a span	{font-size:20px; line-height: 1.0; display:block;}

#bottomLinks	{position:fixed; bottom:0; left:0; width:100%; padding-top:7px; /*background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.3) 40%);*/ z-index:3;}
#bottomLinks ul	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content:center;
	margin:0 2px;
}
#bottomLinks ul li	{
	width : 50% ;
	margin:0;
	padding:0 2px;
	box-sizing:border-box;
	-webkit-filter: drop-shadow(0px -2px 3px rgba(0,0,0,0.15));
	-moz-filter: drop-shadow(0px -2px 3px rgba(0,0,0,0.15));
    filter: drop-shadow(0px -2px 3px rgba(0,0,0,0.15));
}
#bottomLinks a	{
	font-size:13px;
	font-weight:600;
	padding:10px 0; 
	display:block; 
	text-align:center;
    background: #B93E53;
    color: #fff;
	border-bottom:none;
}
#bottomLinks a.btl_line	{
    background: #06c755;
}
#bottomLinks svg	{
	width:22px;
	height:22px;
	fill:#fff;
}
#bottomLinks a span{
	vertical-align:middle; 
	display:inline-block;
}
.btm_bt_icon	{
	margin-right:6px;
}

@media only screen and (min-width: 700px){
	#bottomLinks	{display:none;}
}

@media only screen and (max-width:699px){
	#pagetop	{right:15px;}
}



/* -----------------------------------------------------------
		Common
----------------------------------------------------------- */
.bigtit	{
	padding:0;
	font-size:48px;
	letter-spacing:0.05em;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
.basictit	{
	font-size:1.4rem;
	line-height:1.4;
	text-align:center;
	margin-bottom:1.4rem;
	position:relative;
}
.subtit	{
    font-size: 1rem;
	font-weight:normal;
	text-align:center;
    margin-bottom: 1rem;
}
.basictit + .subtit	{
	margin-top:-1.5rem;
}
.smalltit	{
	font-weight:bold;
	font-size:17px;
	margin-bottom:20px;
}
.underlinetit	{
	font-size:1.6rem;
	line-height:1.2;
	text-align:center;
	padding-bottom:2.6rem;
	margin-bottom:1rem;
	position:relative;
}
.underlinetit:before	{
	content:"";
	width:1px;
	height:2rem;
	background:#cbcccd;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-0.5px;
}
.tit_double	{
	text-align:center;
	margin-bottom:1.25rem;
	position:relative;
}
.tit_double p	{
	font-size:2.25rem;
	line-height:1.0;
	margin-bottom:0.8rem;
}
.tit_double h2	{
	font-size:1rem;
	line-height:1.0;
}
.li_circle li	{
    padding-left: 1.4em;
    position: relative;
    line-height: 1.6;
	margin-bottom:0.8em;
}
.li_circle li:before {
    content: "";
    position: absolute;
    width: .8em;
    height: .8em;
    background: #0B0B0D;
    left: .2em;
    top: .3em;
    border-radius: 50%;
}

.page_cont0	{
    margin-bottom: 5.3rem;
}
.page_cont0:last-child	{
	margin-bottom:0;
}

a.bt_top_more	{
	background:#0B0B0D;
	color:#fff;
	display: block;
	width: 95%;
	max-width: 430px;
	font-size:1.2em;
	position: relative;
	line-height: 1.0;
	padding: 1em 1em;
	box-sizing:border-box;
	text-align: center;
	margin:1.25rem auto 0;
	border-radius: 999px;
}
a.bt_top_more:hover	{
	background:#323236;
	color:#fff;
}


.saiyou_all > li:not(:last-child)	{
	margin-bottom:4rem;
}
.saiyou_box	{
	background:#fff;
	border-radius:0.5rem;
	box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
	position:relative;
	padding:0 0 2em;
	margin-bottom:2em;
}
.saiyou_thum	{
	border-radius:0.5rem 0.5rem 0 0;
	overflow:hidden;
}
.saiyou_txt	{
	padding:1.25rem;
}
.saiyou_tit	{
	font-size:110%;
	line-height:1.6;
	margin-bottom:1rem;
}
.saiyou_youkou	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	font-size:95%;
	border-bottom:1px solid #ccc;
}
.saiyou_youkou:first-child	{
	border-top:1px solid #ccc;
}
.saiyou_youkou dt, .saiyou_youkou dd	{
	padding:0.4em 0.6em 0.6em;
}
.saiyou_youkou dt	{
	width:6em;
	background:#F5F5F5;
	font-weight:500;
}
.saiyou_youkou dd	{
	flex:2;
}
.saiyou_bxbt	{
	position:absolute;
	font-size:0.9rem;
	left:0;
	right:0;
	bottom:-2em;
	text-align:center;
}
.saiyou_bxbt div	{
	background:#fff;
	padding:0.6rem;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius:999px;
	display:inline-block;
	margin:0 auto;
}
.saiyou_bxbt ul	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content:center;
	gap:0 0.6em;
	font-weight:400;
}
.saiyou_bxbt a	{
	display:block;
    padding: 0.3em 1em 0.4em;
    border-radius: 999px;
	min-width:9em;
}
.saiyou_bxbt a:hover	{
	color:#fff;
}
.saiyou_bxbt01	{
	background:#F43F5E;
	color:#fff;
}
.saiyou_bxbt02	{
	background:#00B900;
	color:#fff;
}
.saiyou_bxbt01:hover	{
	background:#ee2740;
}
.saiyou_bxbt02:hover	{
	background:#009f00;
}
.show_long	{
	height:10em;
	overflow: hidden;
	position: relative;
	position:relative;
	transition: all .4s;
	padding-bottom:2.75em;
	box-sizing:content-box;
}
.show_more {
  display: block;
  width: 100%;
  padding: 80px 0 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
}
.show_long.is_open .show_more {
  background: none;
}
.show_more_bt {
  display: inline-block;
  background: #888;
  color: #fff;
  cursor: pointer;
  padding: 0.4em 1em;
  width: 80%;
  border-radius: 999px;
  border:1px solid #fff;
  filter: drop-shadow(0px 1px 3px rgb(0 0 0 / 0.3));
  transition:0.5s;
}
.show_more_bt:hover	{
	background:#686868;
	color: #fff;
}
.news_all > li:not(:last-child)	{
	margin-bottom:1rem;
}
.news_all dl dt	{
	font-size:80%;
	line-height:1.4;
	margin-bottom:0.6em;
}
.news_all dl dd	{
	font-size:100%;
	line-height:1.6;
}
.news_box	{
	display:block;
    border-radius: 0.5rem;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
    padding: 1.25rem;
    background: #fff;
}
#archive_box	{
    background: #F5F5F5;
    padding: 1.25rem 0;
}
.anchor	{
	display:block;
}

@media only screen and (max-width: 699px){
	.anchor	{scroll-margin-top: 66px;}
}

/* -----------------------------------------------------------
		トップページ
----------------------------------------------------------- */
#mv	{
	width:100%;
	height:100svh;
	background:#ccc;
	position:relative;
	z-index:3;
	overflow:hidden;
}
#mv_sp	{
	width:100%;
	height:100svh;
	background:#ccc;
	position:relative;
	overflow:hidden;
}
.mv_video {
	position: absolute;
	right: 0;
	bottom: 0;
	top:0;
	width: 100%;
	height: 100vh;
	background-size: 100% 100%;
 	background-color: black; /* in case the video doesn't fit the whole page*/
  	background-image: /* our video */;
  	background-position: center center;
  	background-size: contain;
   	object-fit: cover;
   	z-index:3;
}
video::-webkit-media-controls {
	display:none !important;
}


.scroll	{
	position:absolute;
	bottom:0;
	left:0;
	width:70px;
	padding:5px 0 0;
    z-index: 3;
	text-align:center;
    font-family: 'Roboto', sans-serif;
	font-weight:100;
	letter-spacing:0.04em;
	color:#fff;
	font-size:12px;
	cursor:pointer;
	overflow:hidden;
	/*background:rgb(0 0 0 / 0.5);*/
}
.scroll div	{
	width:1px;
	height:40px;
	background:#fff;
	margin:5px auto 0;
	position:relative;
}
.scroll div:before {
	content: "";
	position: absolute;
	bottom:0;
	left:-4px;
	width:9px;
	height:9px;
	border-radius: 50%;
	background:#F43F5E;
	animation:stickmove 2.0s ease-in-out infinite;
	z-index:3;
}
.scroll:hover	{
	color:#fff;
}
.scroll.noshow	{
	display:none;
}
#mv .scroll, #mv_sp  .scroll	{
	left:50%;
	margin-left:-35px;
}
@keyframes stickmove{
	 0%	{bottom:35px;}
	 100%	{bottom:-10px;}
}

@media only screen and (min-width:1025px){
	#mv_sp	{display:none;}
}
@media only screen and (max-width:1024px){	
	#mv	{display:none;}
}


.topcont	{
	padding:2.5rem 0;
    scroll-margin-top: 0;
}
.bgcont	{
	margin:2.5rem 0 0;
}
.rectop .topcont:nth-of-type(even)	{
	background:#F5F5F5;
	position:relative;
}
.rectop .topcont:nth-of-type(even):before	{
	content:"";
	width:100%;
	height:3.5rem;
	background:#fff;
	position:absolute;
	left:0;
	top:0;
}


.tit_mincho	{
	font-family:'Noto Serif JP', "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 W2 JIS2004", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
    letter-spacing: -0.01em;
}
.tit_eg	{
    font-family: 'Roboto', sans-serif;
	font-weight:600;
}

#top_saiyounav	{
	padding:40px 0 0;
}
#top_saiyounav ul	{
	font-weight:400;
}
#top_saiyounav ul li:not(:last-child)	{
	margin:0 0 0.75rem;
}
#top_saiyounav ul li a	{
    display: block;
    background: #888;
    color: #fff;
    text-align:center;
    padding: 0.4em 1em;
    width: 80%;
    border-radius: 999px;
    border: 1px solid #fff;
    filter: drop-shadow(0px 1px 3px rgb(0 0 0 / 0.3));
	margin:0 auto;
}
#top_saiyounav ul li a:hover	{
	background:#686868;
	color: #fff;
}
div[id^="recno"] {
	scroll-margin-top: 10px;
}

#top_pickup ul li:not(:last-child)	{
	margin:0 0 2.5rem;
}
#top_pickup ul li	{
	text-align:center;
}
.top_pu_img	{
	margin-bottom:1.25rem;
}
.top_pu_tit	{
	font-size:120%;
	line-height:1.4;
	margin-bottom:0.8em;
}
.top_pu_txt	{
	display:inline-block;
	text-align:left;
}
.top_pu_more	{
	display:block;
    background: #222;
    color: #fff;
    width: 95%;
    max-width: 300px;
    font-size: 90%;
    position: relative;
    line-height: 1.0;
    padding: 0.8em 1em;
    box-sizing: border-box;
    text-align: center;
    margin: 1.875rem auto 0;
    border-radius: 6px;
}
.top_pu_more:hover	{
	background:#F43F5E;
	color:#fff;
}

.staff_all > li	{
	padding-top:3rem;
}
.staff_all > li:not(:last-child)	{
	margin-bottom:1rem;
}
.voice_box	{	
	background:#fff;
	border-radius:0.5rem;
	box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
	position:relative;
	padding:3.6rem 1.25rem 1.25rem;
	position:relative;
}
.top_vc_img	{
	width:5rem;
	height:5rem;
	border-radius:50%;
	overflow:hidden;
    border: 2px solid #fff;
    filter: drop-shadow(0px 1px 3px rgb(0 0 0 / 0.16));
	position:absolute;
	left:50%;
	top:-2.5rem;
	margin-left:-2.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content:center;
	align-items:center;
}
.top_vc_img img	{
	width:5rem;
	height:auto;
}
.top_vc_notimg	{
    background: #F5F5F5;
    color: #b5b5b5;
	font-size:90%;
	text-align:center;
}
.top_vc_notimg svg	{
	width:3rem;
	height:3rem;
}
.top_vc_tit	{
    font-size: 100%;
    line-height: 1.6;
    margin-bottom: 1rem;
	text-align:center;
}
.top_vc_txt	{
	font-size:90%;
}

.data_all	{
	padding-top:1rem;
}
.data_all > li:not(:last-child)	{
	margin-bottom:2rem;
}
.data_tit	{
	position:relative;
	margin-bottom:1rem;
}
.data_tit:before	{
	content:"";
	width:100%;
	height:1px;
	position:absolute;
	left:0;
	top:calc(50% - 0.5px);
	background:#222;
}
.data_tit span	{
    display: block;
    background: #333;
    color: #fff;
    padding: 0.4em 1em;
    width: 80%;
    border-radius: 999px;
	margin:0 auto;
	text-align:center;
	position:relative;
	z-index:1;
}
.data_box	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.data_box:not(:last-child)	{
	margin-bottom:1rem;
}
.top_dt_img	{
	width:30%;
	margin-right:5%;
}
.top_dt_txt	{
	flex:2;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
	justify-content:center;
	align-items:flex-start;
}
.top_dt_txt dl	{
	width:100%;
}
.top_dat_subtit	{
	font-size:110%;
	line-height:1.4;
	padding:0.4em 0;
	margin-bottom:0.4em;
	border-bottom:1px solid #707070;
}
.top_dat_txt	{
	font-size:90%;
}

.process_all	{
    position: relative;
    padding: 1rem 0;
	counter-reset: prcnumber; 
}
.process_all:before	{
	content:"";
	width:1px;
	height:100%;
	position:absolute;
	top:0;
	left:3rem;
	background:#707070;
}
.process_all > li	{
    position: relative;
    padding: 0.5rem 0;
    counter-increment: prcnumber;
}
.top_prc_titbox	{
    border-radius: 0.5rem;
	background:#fff;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
	padding:1.25rem;
    font-size: 120%;
    line-height: 1.6;
}
.top_prc_tit	{
	position:relative;
	padding-left:3.5rem;
}
.top_prc_tit:before	{
    content: "0" counter(prcnumber);
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
	font-size:2.25rem;
	line-height:1.0;
	position:absolute;
	left:0;
	top:-0.05em;
}
.top_prc_txtbox	{
	margin:1rem 0 0 4.4rem;
	font-size:90%;
}
.bt_line	{
    background: #00B900;
    color: #fff;
    display: inline-block;
    padding: 0.3em 1em 0.4em;
    border-radius: 999px;
    min-width: 9em;
	font-size:0.8rem;
	font-weight:400;
	vertical-align:middle;
	margin-left:0.8em;
    text-align: center;
}
.bt_line:hover	{
	background:#009f00;
	color:#fff;
}

.bt_oubo	{
    background: #F43F5E;
    color: #fff;
    display: inline-block;
    padding: 0.3em 1em 0.4em;
    border-radius: 999px;
    min-width: 9em;
	font-size:0.8rem;
	font-weight:400;
	vertical-align:middle;
	margin-left:0.8em;
    text-align: center;
}
.bt_oubo:hover	{
	background:#ee2740;
	color:#fff;
}

.qa_all > li:not(:last-child)	{
	margin-bottom:1rem;
}
.qa_box	{
    border-radius: 0.5rem;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
    padding: 1.25rem;
	background:#F5F5F5;
	cursor:pointer;
}
.rectop .topcont:nth-of-type(even) .qa_box	{
	background:#fff;
}
.top_qa_tit	{
    font-size: 100%;
    line-height: 1.6;
	padding-left:1.5em;
	position:relative;
}
.top_qa_tit:before	{
    content: "";
    display: block;
    position: absolute;
    top: 0.4em;
    left: 0;	
    background-color: #333;
    width: 0.6em;
    height: 0.8em;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    z-index: 0;
	transition:0.5s;
}
.qa_box.active .top_qa_tit:before	{
	transform: rotate(90deg);
	transform-origin: center;
}
.top_qa_txt	{
	font-size:100%;
	padding-top:0.4rem;
}

.salon_all > li:not(:last-child)	{
	margin-bottom:2rem;
}
.salon_box	{	
	background:#fff;
	border-radius:0.5rem;
	box-shadow: 0px 1px 3px rgb(0 0 0 / 0.3);
	position:relative;
	padding:0 0 10px;
}
.salon_thum	{
	border-radius:0.5rem 0.5rem 0 0;
	overflow:hidden;
}
.salon_txt	{
	padding:1.25rem;
}
.salon_tit	{
	font-size:100%;
	line-height:1.6;
	margin-bottom:1rem;
	text-align:center;
}
.salon_dt dl	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	font-size:90%;
	border-bottom:1px solid #ccc;
}
.salon_dt dl:first-child	{
	border-top:1px solid #ccc;
}
.salon_dt dt, .salon_dt dd	{
	padding:0.4em 0.6em 0.6em;
}
.salon_dt dt	{
	width:5em;
	background:#F5F5F5;
	font-weight:500;
}
.salon_dt dd	{
	flex:2;
}
.salon_sns	{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content:center;
	gap:10px;
	margin:20px 0 0;
}
.salon_sns li	{
	width:calc((100% - 10px) / 2);
}
.salon_sns li a	{
	display: block;
    background: #F5F5F5;
    color: #222;
	font-size:95%;
	text-align:center;
	padding: 0.4em 1em;
	border-radius: 7px;
	border:1px solid #fff;
	filter: drop-shadow(0px 1px 3px rgb(0 0 0 / 0.3));
	transition:0.5s;
}
.salon_sns li a:hover	{
	background:#ededed;
	color: #222;
}
.salon_sns li a i, .salon_sns li a svg	{
	width:1em;
	height:1em;
	font-size:1em;
	line-height:1.0;
	vertical-align:middle;
}
.salon_sns li a span	{
	margin-left:0.4em;
}


#top_news .news_all	{
	padding-top:1rem;
}


@media only screen and (max-width:1299px){	
}
@media only screen and (max-width:1024px){	
	.topcont	{scroll-margin-top: 66px;}
	div[id^="recno"]	{scroll-margin-top: 76px;}
}
@media only screen and (max-width:899px){
}
@media only screen and (max-width:650px){
}
@media only screen and (max-width:599px){
}




/* -----------------------------------------------------------
		Utility
----------------------------------------------------------- */
#utility	{}
.utlt0	{
    margin-bottom: 2rem;
}
#utility dl	{margin-bottom:1rem;}
/*#utility dl dt	{width:25%; padding:10px; box-sizing:border-box; float:left; clear:both; font-weight:bold;}
#utility dl dd	{padding:10px 10px 9px 25%; border-bottom: 1px solid #ccc;}*/
#utility dl dt	{width:100%; padding:10px 10px 5px; font-weight:bold; box-sizing:border-box;}
#utility dl dd	{padding:0 10px 10px; box-sizing:border-box;}
#utility dl dd h4	{font-size:100%; font-weight:bold; margin-bottom:5px;}
#u-gmap		{margin:20px 0 0;}
#rec_message	{margin:50px 0 0;}
#rec_message p	{margin-bottom:10px;}
#utility .lk-1colt dt	{width:100%; float:none;}
#utility .lk-1colt dd	{width:100%; padding:10px 10px 9px 10px;}

#form_message	{margin-bottom:30px;}
#form_message h3	{font-size:120%;}
#form_contact .need    { background-color:#F43F5E; color:#FFFFFF; font-size:11px; margin-right:5px; padding:3px 5px; border-radius: 3px; font-weight: normal;}
#form_contact .err     { background:#FF6868; color:#FFFFFF; }
#form_contact .comp    { background:#f3f3f3; padding:80px 0px 80px 0px; text-align: center; }
#privacy { height:120px; overflow-y:scroll; padding:10px; margin-bottom:10px; border: 1px solid #ccc; font-size:90%; margin-top:5px;}

#opening_form	{
    border: 1px solid #ddd;
    background: #fafafa;
	padding:20px;
	max-width:960px;
	box-sizing:border-box;
	margin:0 auto;
}
#opening_form dl dd	{
	border-bottom:none;
}
#opening_form input[type="text"], #opening_form input[type="email"], #opening_form input[type="tel"], #opening_form input[type="password"], #opening_form input[type="number"], #opening_form textarea, #opening_form select	{
	background:#fff;
	border-color:#ccc;
}
#opening_form #privacy	{
	background:#fff;
}
.contact_gr {
    border: 1px solid #A7C6ED;
    padding: 20px;
    margin: 30px 0;
}
.contact_gr h3 {
    margin: -40px 0 20px;
    font-size: 120%;
    font-weight: normal;
	color:#A7C6ED;
}
.contact_gr h3 span {
    display: inline-block;
    background: #fafafa;
    padding: 5px 10px;
}
.apply_tit	{
	background:#F5F5F5;
	padding:1.25rem 0 1.25rem;
	margin-bottom:2rem;
}
.apply_tit_sub	{
	font-size:80%;
	margin:0 0 0.75rem;
}
.apply_tit_sub span	{
    display: inline;
    background: #333;
    color: #fff;
    padding: 0.4em 2em;
    border-radius: 999px;
    margin: 0;
    text-align: center;
    position: relative;
    z-index: 1;
}
.apply_tit_main	{
    font-size: 120%;
    line-height: 1.4;
}


dl.form_add	{
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex; 
	-ms-flex-direction: row;
	-webkit-box-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row; 
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    align-items: center;
	margin:0 0 5px  !important;
}
dl.form_add dt	{
	flex:0 0 11em;
	width:auto;
	padding:0 1em 0 0 !important;
	box-sizing:border-box;
	text-align:right;
}
dl.form_add dd	{
	flex:2 2 20%;
	padding:0 !important;
	border-bottom:none !important;
}
.form_birth	{
	width:5em !important;
}


@media only screen and (max-width: 1024px){
	/*#utility dl dt	{width:100%; padding:10px 10px 5px; box-sizing:border-box;}
	#utility dl dd	{padding:0 10px 10px; box-sizing:border-box;}*/
	#u-gmap		{width:100%;}
	#u-gmap iframe	{width:100%; height:300px;}
}

@media only screen and (max-width:599px){
	dl.form_add	{display:block;}
	dl.form_add:first-child	{margin-top:5px;}
	dl.form_add dt	{text-align:left;}
	#opening_form	{padding:10px;}
	.contact_gr	{padding:10px;}
	.contact_gr h3	{margin-top:-30px;}
}



/* -----------------------------------------------------------
	アーカイブ・単一記事ページ
----------------------------------------------------------- */
#sidebar	{
	margin-top:40px;
    background: #F5F5F5;
	padding:1.25rem 0;
}
#sidebar h3	{
	position:relative;
	margin-bottom:0.75rem;
}
#sidebar h3:before	{
	content:"";
	width:100%;
	height:1px;
	position:absolute;
	left:0;
	top:calc(50% - 0.5px);
	background:#222;
}
#sidebar h3 span	{
    display: block;
    background: #333;
    color: #fff;
    padding: 0.4em 1em;
    width: 80%;
    border-radius: 999px;
	margin:0 auto;
	text-align:center;
	position:relative;
	z-index:1;
}
.title01  {padding:0 0 0 165px;}
.title01 h2 {
    font-size: 120%;
	font-weight:600;
    margin-bottom: 0px !important;
    padding: 5px 0 5px;
    line-height: 1.4;
}
.info_new {
    background: #F43F5E;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 80%;
	line-height:1.0;
    padding: 0.4em 0.6em 0.5em;
    position: relative;
    top: -0.1em;
    margin-right: 5px;
    font-weight: normal;
}
.date {font-size:0.95rem; margin-bottom:5px;}
#excerpt p {line-height: 1.6; font-size: 90%;}
h2.title	{
	font-weight:700;
    padding: 0 0 1em;
    font-size: 120%;
	line-height:1.4;
    border-bottom: 2px solid #555;
	margin:0 0 0.6em;
}
p.dateLabel	{
	margin:0 0 5px;
	font-size:80%;
}
.wp-pagenavi {
	clear: both;
    text-align: center;
	margin:1rem 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	background:transparent;
    font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:90%;
	border:1px solid #333;
	background:#fff;
	color: #222;
	box-sizing: border-box;
	margin: 2px;
	width:2em;
	height:2em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #222;
	color:#fff;
}

@media only screen and (max-width: 499px){
	.thumL	{width:118px; height:118px;}
	.title01  {padding:0 0 0 130px;}
}
@media only screen and (max-width: 399px){
	.thumL	{width:98px; height:98px;}
	.title01  {padding:0 0 0 110px;}
	.title01 h3	{padding:0px;}
	.date {margin-bottom:10px;}
}

ul.post{
padding:0;
}

ul.post li{
margin:0 10px;
padding:20px 0 15px;
border-bottom:1px dashed #dcdcdc;
}

ul.post li:last-child{border:0;}

ul.post img{
float:left;
margin:0 15px 5px 10px;
}

ul.post h3{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
border:0;
}


.categories_label {display: inline-block;}
.post .categories_label {margin-bottom: 10px;}
.categories_label li {
    font-size:11px;
    float: left !important;
    margin: 0 5px 5px 0 !important;
    background-color: #EBEBEB;
    text-align: center;
    padding: 3px 10px !important;
    border-radius: 3px;
}
.categories_label li:hover {background-color: #efefef !important;}
.categories_label a {color: #0B0B0D;}
.categories_label a:hover {color: #0B0B0D !important;}


.single_title {text-align: center;}
.single_title h2 {
    font-size: 250% !important;
    font-weight: 400 !important;
    padding: 20px 0 0 !important;
    line-height: 1.0;
}

.single_title ul {display: table-cell;}
.single_title li {float: left; margin: 0 10px;}
.single_title a {}


.postcont	{
	margin:0 0 40px;
}
.clm_tit01	{
	font-size:160%;
	font-weight:600;
	line-height:1.6;
	margin-bottom:1em;
	padding-left:0.8em;
	position:relative;
}
.clm_tit01:before	{
	content:"";
	display:block;
	width:4px;
	position:absolute;
	top:0.2em;
	bottom:0.2em;
	left:0;
	background:#B93E53;
	opacity:0.9;
}
p + .clm_tit01	{
	margin-top:1em;
}
.clm_tit02	{
	font-size:120%;
	font-weight:600;
	line-height:1.6;
	margin-bottom:0.6em;
}
p + .clm_tit02	{
	margin-top:1em;
}
.clm_img	{
	margin:10px 0;
}
.clm_titpt	{
	display:inline-block;
	font-size:80%;
	padding:0.3em 0.6em 0.4em;
	color:#fff;
	background:#B93E53;
	border-radius:3px;
	margin-right:0.5em;
}

@media only screen and (max-width: 767px) {
	.single_title h2 {font-size: 200% !important;}
}
@media only screen and (max-width: 499px) {
	.single_title li {float: none; margin: 0 0 5px;}
	.single_title h2 {padding: 30px 0 0px;}
}

#toc_container	{
	margin-bottom:40px !important;
}
.toc_list li	{
    padding-left: 1.4em !important;
    position: relative;
}
.toc_list li span.toc_number	{
    position: absolute;
    left: 0;
    top: 0;
	margin:0 !important;
}
#toc_container ul ul	{
	margin-left:0 !important;
}
.toc_list li li	{
    padding-left: 2.0em !important;
}
.toc_list li li li	{
    padding-left: 3.0em !important;
}
span[id^="anchor"] {
	scroll-margin-top: 110px;
}
@media only screen and (max-width: 699px){
	span[id^="anchor"] {scroll-margin-top: 88px;}
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 70px 0 20px;
}

.pagenav a{font-size:90%; background:#222; padding:0.7em 1em; color:#fff; border-radius:3px;}

.prev{float:left}

.next{float:right;}

#hs_pagenav	{
width:200px;
margin: 20px auto 30px;
}


#hs_pagenav .prev ,#hs_pagenav .next	{
width:100px;
-moz-transition:0.1s ease-out;
-webkit-transition:0.1s ease-out;
-o-transition:0.1s ease-out;
-ms-transition:0.1s ease-out;
}

#hs_pagenav .prev ,#hs_pagenav .next{
width:65px;
}

#hs_pagenav .prev:hover{
text-indent:-5px;
}
#hs_pagenav .next:hover{
text-indent:5px;
}


#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {display: inline-block;}