/* Font
---------------------------------------------------------------------*/
@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	src: local("NotoSerifCJKjp-Regular.otf"), local("NotoSerifJP-Regular.otf"), url("https://japanlieu-dit.co.jp/wp-content/uploads/fonts/NotoSerifJP-Regular.woff2") format("woff2"), url("https://japanlieu-dit.co.jp/wp-content/uploads/fonts/NotoSerifJP-Regular.woff") format("woff");
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Noto Serif JP';
	font-style: normal;
	src: local("NotoSerifCJKjp-Medium.otf"), local("NotoSerifJP-Medium.otf"), url("https://japanlieu-dit.co.jp/wp-content/uploads/fonts/NotoSerifJP-Medium.woff2") format("woff2"), url("https://japanlieu-dit.co.jp/wp-content/uploads/fonts/NotoSerifJP-Medium.woff") format("woff");
	font-weight: 500;
	font-display: swap;
}
*{
	font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif !important;
}
body{
	background: #fff;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}
h1,h2,h3,h4,h5{
	font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
}
a{
	transition: all 0.2s;
}
a:hover{
	opacity: .7;
	color: #00054f !important;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.home #primary{
	display: none !important;
}
.home .navbar{
	background: rgba(255,255,255,0.7);
	box-shadow: none;
}
.navbar .navbar-nav > li a {
	text-align: center;
}
.navbar .navbar-nav > li a span{
	display: block;
	font-size: 8px !important;
	line-height: 1;
	opacity: 0.5;
}
.navbar .navbar-nav > li a span::before,
.navbar .navbar-nav > li a span::after{
	content: "-";
}
.single .header-filter{
	background: #999;
}
.blog-post .section-text{
	padding-top: 78px;
}
.metaslider .caption-wrap{
	background: none !important;
	opacity: 1 !important;
	top: 0 !important;
}
.metaslider .caption{
	height: 100%;
	padding: 0 !important;
	position: relative;
}
.slide_copy{
	background: rgba(0,0,0,0.5);
  position: absolute;
  top: 50%;
  left: 27%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding: 3% 8%;
}
.slide_copy span{
	color: #fff;
	display: block;
	font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	font-size: 30px;
	line-height: 2em;
}
.metaslider .flexslider{
	margin: 0 !important;
}
.metaslider .flex-control-nav{
	bottom: 27px !important;
	position: absolute !important;
}
.flex-control-paging li a{
	background: rgba(255,255,255,0.5) !important;	
}
.flex-control-paging li a.flex-active{
	background: rgba(255,255,255,0.9) !important;
}
.top_contents a{
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.gridBox{
	display: block;
	position: relative;
}
.gridBox p{
	color: #fff;
	font-weight: bold;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
	text-align: center;
	text-shadow: 1px 1px 2px #313131;
	margin:0;
  padding:0;
}
.gridBox p span{
	display: block;
	font-size: 12px;
}
.heading_bottom{
	background: rgba(0,0,0,0.7);
	bottom: 0;
	left: 0;
	padding: 10px;
	position: absolute;
	width: 100%;
}
.heading_bottom span{
	color: #fff;
	display: block;	
}
.home_section{
	padding: 50px 0;
}
.sectionTitle{
	position: relative;
	text-align: center;
}
.icon_heading{
	margin-bottom: 10px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.sectionTitle h2{
	font-size: 30px;
	position: relative;
	z-index: 1;
}
.sectionTitle h2 span::before,
.sectionTitle h2 span::after{
	content: "-";
}
.sectionTitle h3{
	font-size: 20px;
	position: relative;
	z-index: 1;
}
.sectionTitle h3 span{
	border-bottom: 1px solid #d0d0d0;
}
.sectionTitle h3 span::after{
	content: none;
}
.sectionTitle p{
	font-size: 16px !important;
}
.ttl_bg{
	font-weight: bold;
	position: absolute;
	top: 0;
	z-index: 0;
}
.clr_concept{
	opacity: 0.8;
	color: #ffefef;
	background: -webkit-linear-gradient(0deg, #fff3e3, #ffefef);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 800%;
	left: 0;
}
.top_text p{
	margin-top: 30px !important;
}
.top_text span{
	font-weight: bold;
	font-size: 18px;
	color: #4a4949;
	text-shadow: 2px 2px 1px #e1e1e1;
}
.clr_coc{
	opacity: 0.8;
	color: #e7eaff;
	background: -webkit-linear-gradient(0deg, #e7eaff, #dbf7fc);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 550%;
	line-height: 1;
	right: 0;
	text-align: right;
}
.clr_franchise{
	opacity: 0.8;
	color: #bdf7e6;
	background: -webkit-linear-gradient(0deg, #bdf7e6, #f1ffe5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 800%;
	left: 0;
}
.clr_recruit{
	opacity: 0.8;
	color: #ffebfb;
	background: -webkit-linear-gradient(0deg, #d4eaff, #d4e0ff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 800%;
	line-height: 1;
	right: 0;
	text-align: right;
}
.clr_info{
	opacity: 0.8;
	color: #bdf7e6;
	background: -webkit-linear-gradient(0deg, #ffebfb, #ffebdd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 800%;
	left: 0;
}
.franchise-base{
	margin-bottom: 50px;
}
.franchise-base h3{
	text-align: center;
}
.franchise-base dl{
	border: 1px solid #8c8c8c;
}
.franchise-base dt {
    margin-left: 0 !important;
    background: #89b5b1;
    padding: 1%;
    color: #fff;
  	text-align: center;
}
.franchise-base dd {
    color: #000 !important;
    background: none !important;
    text-align: center;
    margin-bottom: 10px;
}
/* NEWSプラグイン
-----------------------------------------------*/
#news{
	color: #fff;
}
#news h3{
	color: #000 !important;
}
.news_list{
	background: #f5f5f5;
	border: 1px solid #444;
	list-style: none;
	margin: 0 10% 20px !important;
	padding: 30px !important;
	width: 80%;
} 
.news_list li{ 
	border-bottom: 1px solid #acacac; 
	line-height: 1 !important;
	padding: 15px 0 10px !important; 
	text-align: left !important; 
} 
.news_date{ 
	font-size: 13px; 
	font-style: Meiryo; 
	vertical-align: middle; 
	width: 95px; 
	color: #444; 
} 
.cat{ 
	background: #0e9380; 
	color: #fff; 
	font-size: 12px;
	font-weight: bold;
	line-height: 20px; 
	margin: 0 20px; 
	padding: 5px 10px; 
	text-align: center; 
	vertical-align: middle;
	border-radius: 4px;
	width: 80px; 
} 
.news_title{
	color: #444 !important;
	font-size: 18px; 
}
.news_title a{
	color: #444;
}
/* 店舗バナー
-----------------------------------------------*/
.store_list{
	margin: 0 10%;
	width: 80%;
}
.store_list > div > div{
	margin-bottom: 10px !important;
}
.store_box{
	padding: 10px;
}
.store_box_inner{
	align-items: center;
	background: rgba(0,0,0,0.7);
	display: flex;
	padding: 15px;
}
.store_box_inner > div{
	color: #fff;
	width: 50%;
}
.c-copy{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	opacity: 0.7;
	text-shadow: 0px 0px 4px #1e1e1e;
}
.op_date{
	font-size: 14px;
	font-weight: bold;
	margin-left: 30px;
}
.s_name{
	font-size: 28px !important;
	font-weight: bold;
	margin-bottom: 0 !important;
}
.s_name::before{
	background: url("https://japanlieu-dit.co.jp/wp-content/uploads/2019/09/icon_arrow-right.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 32px;
	margin-right: 10px;
	vertical-align: sub;
	width: 18px;
}
.s_name a{
	color: #fff !important;
}
#shinbashi_gw,#shinbashi_gh,#kanda_gw,#kanda_gh,#karasumori_gw{
	padding-top: 100px;
	margin-top: -100px;
}
.bar_adress{
	font-size: 14px !important;
	text-align: right;
  line-height: 1.3em !important;
	opacity: 0.7;
}
.s_link{
	text-align: right;
}
.s_link a{
	color: #fff !important;
	font-size: 14px;
}
.s_link a::before{
	background: url("https://japanlieu-dit.co.jp/wp-content/uploads/2019/09/btn_arrow_right.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 14px;
	margin-right: 5px;
	vertical-align: sub;
	width: 14px;
}
/* 求人情報
-----------------------------------------------*/
.recruit h3{
	font-size: 18px;
	border-bottom: 1px solid #888;
	border-left: 4px solid #569499;
	padding: 0 1%;
}
.recruit table{
	font-size: 14px;
	background: #f7f7f7;
	border: 1px solid #eee;
}
.recruit td{
	padding: 1% 3%;
}
.recruit_first p,.recruit_first dl{
	text-align: center !important;
}
.recruit_first dl{
	margin-top: 40px;
}
.recruit_first dt{
	margin-bottom: 14px;
	display: inline-block;
	border-bottom: 2px solid #79d0c4;
	padding: 0 10px;
}
.recruit_first li{
	display: block;
	padding: 10px;
	background: #ececec;
	margin: 4px;
	border-radius: 6px;
}
.recruit_first span{
	display: block;
	font-size: 24px;
	font-weight: bold;
	margin: 10px 0;
}
.recruit_first ol{
	padding: 0;
}
/* フッター
-----------------------------------------------*/
footer.footer.footer-black{
	background: #ececec;
}
.footer-big .copyright{
	padding: 0;
}
.copyright p{
	margin: 0;
}
.footer-menu{
	display: none;
}
.pull-right{
	float: none;
	width: 100%;
}
/* 店舗情報
-----------------------------------------------*/
.bar_info h3 {
	font-size: 20px;
	font-weight: bold;
  position: relative;
	padding: 0 0 4px 6px;
}

.bar_info h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}
.bar_info p{
	margin-bottom: 10px !important;
	font-size: 16px !important;
}
.bar_info{
	max-height: 400px;
}
.bar_info-name h3{
	font-size: 26px;
	font-weight: bold;
	background: #202020;
	border-left: 4px solid #000;
	border-bottom: 3px solid #6a6a6a;
	color: #fff;
	border-radius: 2px;
	padding: 0 0 4px 6px;
	margin-bottom: 0 !important;
}
.caption-in{
	background: rgba(0, 0, 0, 0.5);
	position: relative;
	top: 80%;
	padding: 2% 3%;
	font-size: 14px;
}
/* フランチャイズ
-----------------------------------------------*/
.franchise ol {
	list-style: none !important;/* olがはき出す数字を消す */
	counter-reset: list-up; /* 数字のカウントをリセットする */
	margin: 0;
	padding: 0;
}
.franchise ol li:before{
	counter-increment: list-up; /* 任意の名前を付ける（もちろん英語で） */
	content: counter(list-up); /* 名前を付けたカウンターをcontentで発動！ */
	position: absolute;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	text-align: center;
	background: #5097ab;
	border-radius: 50%;
	color: #fff;
	margin-right: .3em;
}
.franchise li {
	margin-top: 20px;
}
.franchise li::after{
	content: url("https://japanlieu-dit.co.jp/wp-content/uploads/2019/11/arrow_bottom.png");
	display: block;
	text-align: center;
}
.franchise li:last-child::after{
	display: none;
}
.franchise dt{
	font-size: 20px;
	margin-left: 40px;
	margin-bottom: 10px;
}
.franchise dd{
  margin-left: 0;
  background:	#979797;
  padding: 2%;
  border-radius: 6px;
  margin-top: 10px;
	color: #fff;
}
.franchise span{
	color: #680062;
}
.triangle01{ 
	width: 0;
	height: 0;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-top: 24px solid #e1e1e1;
	text-align: center;
	position: relative;
	top: -15px;
	left: 35%;
	margin-bottom: 20px;
}
.franchise a{
	color: #fff;
	background: #021b64;
	border-radius: 4px;
	padding: 1% 2%;
	margin: 1% 0;
	display: inline-block;
	box-shadow: 3px 3px #717171;
}
.franchise a:hover{
	color: #fff !important;
	opacity: 0.9 !important;
}
/* 会社概要
-----------------------------------------------*/
.company_info h3 {
  position: relative;
  padding: 0 55px;
	font-size: 27px;
	text-align: center;
	margin: 20px 0 !important;
}
.company_info h3 span:before, h3 span:after {
  content: '';
  position: relative;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
	vertical-align: super;
}
.company_info h3 span:before {
  left:0;
	margin-right: 14px;
}
.company_info h3 span:after {
  right: 0;
	margin-left: 14px;
}
.company_info img{
	text-align: center !important;
	display: block;
	margin: 0 auto;
}
.company_info tbody{
	font-size: 14px;
}
span.notes{
	font-size: 12px;
	color: #e84a7e;
}
.company_intro{
	font-size: 16px !important;
	text-align: center;
}
.company_news{
	border: 1px solid #dfdfdf;
	padding: 3% 2%;
	margin: 2% 0 3% 0;
}
.company_news span{
	display: block;
}
.company_news div:nth-child(2) p{
	margin-top: 20px;
	font-size: 16px !important;
}
/* お問合せ
-----------------------------------------------*/
.contact td{
	font-size: 14px;
}
.required{
	color: #ce0b70;
	font-size: 10px;
	margin-left: 5px;
}
input[type="submit"]{
	background-color:	#0262a6;
	border-radius: 10px !important;
	padding: 15px 80px !important;
}
/* 投稿
-----------------------------------------------*/
.single .blog-post .section-text {
    padding: 78px 0;
}
/* 関連記事
-----------------------------------------------*/
.section.related-posts .hestia-title{
	font-size: 24px !important;
}
.card-blog .card-title a{
	font-size: 16px;
	border-bottom: 1px solid #bdbdbd;
}
.card-blog .card-description{
	display: none;
}
.section.related-posts .card-blog .content{
	min-height: 150px;
}
.to-recruit a{
	color: #05868c;
	text-decoration: underline;
	font-size: 16px;
	font-weight: bold;
}
/*===============================================
 *  media query
===============================================*/
@media screen and (min-width: 1170px){

}
@media screen and (max-width: 1169px) and (min-width: 992px){

}
@media screen and (max-width: 991px) and (min-width: 769px){
	.navbar .navbar-nav > li{
		margin: 0 3px;
	}
	.navbar .navbar-nav > li a{
		padding: 5px !important;
	}
}
@media screen and (min-width: 769px){

}
@media screen and (max-width: 768px){
	.navbar{
		background: #fff !important;
	}
	.navbar-collapse{
		padding: 0;
	}
	.navbar .navbar-nav li{
		border-top: 1px dotted #eee;
	}
	.home .main{
		margin-top: 70px;
	}
	.metaslider .flex-control-nav{
		display: none;
	}
	.ttl_bg{
		font-size: 300% !important;
		text-align: center;
		width: 100% !important;
	}
	.store_list{
		margin: 0;
		width: 100%;
	}
	.store_box_inner{
		display: block;
		padding: 10px;
	}
	.store_box_inner > div{
		width: 100%;
	}
	.c-copy{
		font-size: 12px;
	}
	.s_name{
		font-size: 18px !important;
	}
	.s_name::before{
		height: 20px;
		margin-right: 0;
	}
	.op_date{
		display: block;
		margin-bottom: 10px !important;
		margin-right: 0;
		text-align: right;
	}
	.bar_info h3{
		font-size: 20px !important;
	}
	.bar_adress{
		font-size: 12px !important;
	}
	.news_list{
		margin: 0 !important;
		padding: 15px !important;
		width: 100% ;
	}
	.news_title{
		display: block;
		font-size: 14px;
		line-height: 1.3em;
		margin-top: 10px;
	}
	.bar_info{
		max-height: 100% !important;
	}
	.tablepress td{
		font-size: 12px;
	}
	.contact td{
		display: block;
		padding: 10px 0;
	}
	.contact td:nth-child(2){
		padding: 0 0 10px;
	}
	.contact .form-group{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 800px) and (min-width: 481px){
	.top_contents{
		flex-wrap: wrap;
		flex-direction: unset !important;
	}
	.top_contents > div{
		width: 32% !important;
	}
	.gridBox p{
		font-size: 12px !important;
		line-height: 1.2 !important;
	}
	.gridBox p span{
		font-size: 10px !important;
	}
	.heading_bottom{
		font-size: 11px !important;
		padding: 5px;
		text-align: center;
	}
}
@media screen and (max-width: 640px){
	.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"]{
		width: 29% !important;
	}
}
@media screen and (max-width: 480px){
	.gridBox img{
		width: 100%;
	}
	.heading_bottom{
		text-align: center;
	}
	.icon_heading{
		margin: 0 40%;
	}
	.triangle01{
		margin-bottom: 0;
		left: 24%;
	}
	.company_info h3{
		font-size: 20px;
		padding: 0;
	}
	.company_info img{
		display: block;
		margin: 0 auto;
		width: 50%;
	}
	.footer-big p{
		font-size: 10px;
	}
}