@charset "UTF-8";
/* CSS Document */

/* ---------- */
/* ページ共通   */
/* ---------- */

body {
    font-family: "Kosugi Maru", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Yu Gothic UI", "游ゴシック", sans-serif;
	color: #000;
}
h1,h2,h3,h4,h5,h6,h7{
	line-height: 1.6;
}
h1{
	font-size: 20px;
    
}
h2{
	font-size: 18px;
}
h3{
	font-size: 16px;
}
p {
    font-size: 14px;
    line-height: 1.6;
}
@media (min-width: 960px) {
	h1,h2,h3,h4,h5,h6,h7{
	line-height: 1.6;
}
h1{
	font-size: 32px;
    
}
h2{
	font-size: 28px;
}
h3{
	font-size: 24px;
}
    p {
        font-size: 18px;
		line-height: 1.8;
    }
}

a {
    text-decoration: none;
}

/*画像ホバーOpacity*/

a img {}

a:hover img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*両端揃え*/

.just {
    text-align: justify;
    text-justify: inter-ideograph;
}
/* flex */
.block-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.block-flex2{
	display: flex;
	flex-wrap: wrap;/*折り返し*/
	justify-content:space-between;
	/*align-items: center;*/
}
@media (min-width: 768px) {
	.block-flex {
		justify-content:space-between;
		align-items:baseline;
		}
}
.block-half{
	width: 48%;
}
.block-onethird{
	width: 33%;
}
.block-quarter{
	width: 24%;
}

/* 改行 */
.sp-only{
	display: inherit;
}
.sp-none{
	display: none;
}
@media (min-width: 600px) {
	.sp-only{
	display: none;
}
	.sp-none{
	display: inherit;
}
}

/* ボタン */
.btn {
	margin: 2rem auto 2rem auto;
	text-align: center;
}
.btn a {
	padding: .8rem 2rem;
	/*border: solid 1px #fff;*/
	border-radius: 2rem;
	background-color: #000000;
	color: #fff;
	font-size: 18px;
}
.btn-brown {
	margin: 1.5rem auto 2rem auto;
	text-align: right;
}
.btn-brown a {
	padding: .5rem 2rem;
	border: solid 1px #603e23;
	border-radius: 2rem;
	background-color: #603e23;
	color: #fff;
}
.btn-brown-c {
	margin: 1.5rem auto 2rem auto;
	text-align: center;
}
.btn-brown-c a {
	padding: .5rem 2rem;
	border: solid 1px #603e23;
	border-radius: 2rem;
	background-color: #603e23;
	color: #fff;
}
.btn-bluegray {
	margin: 1.5rem auto 2rem auto;
}
.btn-bluegray a {
	padding: .5rem 2rem;
	border: solid 1px #48616d;
	border-radius: 2rem;
	background-color: #48616d;
	color: #fff;
}
/* 画像 */
.imgfull{
	width: 90%;
	margin: 0 auto 0 auto;
}

/* スペース */
.space-bottom{
	margin-bottom: 1rem;
}
.space-top{
	margin-top: 1rem;
}

/* 電話番号リンクPC無効 */

a[href^="tel:"] {
    text-decoration: none;
    cursor: default;
    pointer-events: none;
}

@media screen and (max-width: 960px) {
    a[href^="tel:"] {
        pointer-events: auto;
    }
}
/* header */
.headerwrap{
	width: 100%;
	background-color: #f2f2f2;
	padding: .7rem;
}
h1{
	display: inline-block;
	line-height: 1rem;
}
.logo{
	height: 50px;
	width: auto;
}

/* main */
.contents {
	position: relative;
	top:60px;
	width: 100%;
	max-width: 960px;
	padding-bottom: 3rem;
	margin: 0 auto;
}
.contents-full {
	position: relative;
	top:60px;
	width: 100%;
	margin: 0 auto;
}
.topimg{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}
.topimg img {
	width: 100%;
	height: auto;
}
@media (min-width: 1024px) {
	.topimg{
	margin: 2rem auto;
}
}

/* banner */
.contents-banner {
	width: 100%;
	max-width: 960px;
	padding-top: 2rem;
	margin: 2rem auto 1rem auto;
}
.box-banner{
	width: 90%;
	display: inline-block;
	margin: 0 auto 1rem auto;
}
.box-banner a{
	display: inline-block;
}
.box-banner img{
	width: 100%;
}
@media (min-width: 768px) {
	.box-banner{
	width: 30%;
}
}

/* footer */
.footer-cont{
	width: 100%;
	text-align: center;
	background-color: #eff4f6;
	padding: 2rem 1rem 1rem 1rem;
}
.footer-main{
	display: block;
	width: 95%;
	max-width: 960px;
	margin: 0 auto;
}
.footer-combox{
width: 100%;
	max-width: 220px;
	text-align: left;
}
.footer_logo{
	height: 60px;
	display: inline-block;
	margin: 0 auto .5rem auto;
	text-align: left;
}
.footer_logo img{
	width: auto;
	height: 100%;
}
.footer-main p{
	text-align: left;
	line-height: 1.5rem;
}
.copyright{
	font-size: .75rem;
	text-align: center;
	margin: 1rem 0 0 0;
}
.footer-menu{
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	width: 100%;
}
.menu-block{
	width: 40%;
	text-align: left;
	margin-top: 1rem;
}
.menu-block h3{
	font-size: 14px;
}
.menu-block p{
	font-size: 12px;
}
.menu-block ul{
	font-size: 12px;
	margin: .2rem 0 .3rem 0;
}
.menu-block ul li{
	list-style: disc;
	margin: 0 0 0 1rem;
	line-height: 1.5rem;
}
@media (min-width: 768px) {
	.footer-main{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
	.footer-menu{
	display: flex;
	width: calc(100% - 260px);
	flex-wrap: nowrap;
}
	.menu-block{
		width: 33%;
		margin-top: 0;
	}
	.menu-block h3{
	font-size: 16px;
}
.menu-block p{
	font-size: 14px;
}
.menu-block ul{
	font-size: 14px;
}
}
@media (min-width: 1024px) {
	.footer-combox{
	max-width: 260px;
}
	.footer-menu{
	width: calc(100% - 350px);
}
	.menu-block h3{
	font-size: 18px;
}
.menu-block p{
	font-size: 16px;
}
.menu-block ul{
	font-size: 16px;
}
}


/* ページネーション */
.pagination {
  margin: 2rem 0;
  text-align: center;
}
 
.pagination ul {
  font-size: 0;
}
 
.pagination ul li {
  font-size: 1rem;
  display: inline-block;
  margin-right: .5rem;
}
 
.pagination ul li:last-child {
  border: 0;
}
 
.pagination ul li a,
.pagination .current {
  display: block;
  padding: .5rem .8rem;
  border: 1px solid #ccc;
}
 
.pagination ul li .prev,
.pagination ul li .next {
  border: 0;
}
 
.pagination ul li a {
  text-decoration: none;
  color: #603e23;
}
 
.pagination ul li a:hover {
  opacity: .6;
}
 
.pagination .current {
  color: #fff;
  background-color: #603e23;
}
/* パンクズ*/
.breadcrumb{
	font-size: 10px;
	color: #666;
	line-height: 1.2!important;
	}
/* archive */
.archive-top h1 {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}
 
.archive-top p {
  font-size: .875rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}
 
@media(max-width: 600px) {
  .archive-top h1 {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
 
  .archive-top p {
    font-size: .8125rem;
    margin-bottom: 1rem;
  }
}

/* archive 一覧リスト */

.block-flex-article{
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap: wrap;
}
.box-news-tit h1 {
	line-height: 1.3;
	color: #603e23;
}
.box-news{
	margin: 3rem auto 3rem auto;
	padding-bottom: 1rem;
}
.box-news-tit{
	width: 100%;
	text-align: center;
	margin: 0 auto 1rem auto;
}
.box-news-tit img{
	height: 57px;
	width: auto;
}
.article-list {
  margin-bottom: 1rem;
  padding: .5rem;
  border: 1px solid #ddd;
	width: 100%;
}
 
.article-list:hover {
  background-color: #eee;
}
 
.article-list a {
  display: block;
  text-decoration: none;
  color: #333;
}
 
.article-list a:after {
  display: block;
  clear: both;
  content: '';
}
 
.article-list .box-news-img {
  position: relative;
  line-height: 1;
	width: 30%;
	display: inline-block;
}
 
.article-list .box-news-img img {
  width: 100%;
  height: 100px;
	object-fit: cover;
}
 
.article-list .box-news-img .cat-data {
  font-size: .75rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: .3rem .5rem;
  color: #fff;
  background-color: #03162f;
}
 
.article-list .box-news-txt {
	margin-top: 0;
	width: 67%;
	display: inline-block;
}
 
.article-list .box-news-txt h2 {
  font-size: 1rem;
  margin-bottom: 0;
	color: #603e23;
}
 
.article-list .box-news-txt .article-date,
.article-list .box-news-txt .article-author {
  font-size: .75rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: .5rem;
  color: #888;
}
 
.article-list .box-news-txt .article-date {
  margin-right: .5rem;
}
 
.article-list .box-news-txt .article-author i {
  margin-right: .3rem;
}
 
.article-list .box-news-txt p {
  font-size: .8rem;
  line-height: 1.5;
	color: #603e23;
}

/* 一覧リスト　スマホ */
@media(max-width: 374px) {
	.article-list .box-news-txt h2 {
  font-size: .9rem;
}
	.article-list .box-news-txt p {
  font-size: .7rem;
}
}
@media(min-width: 600px) {
	.article-list {
	width: 100%;
}
}
@media(min-width: 768px) {
	.block-flex-article{
	align-items:center;
}
	.article-list .box-news-img {
	width: 20%;
}
	.article-list .box-news-txt {
	width: 78%;
}
	.article-list .box-news-txt h2 {
  font-size: 1.2rem;
}
}


/* シングルページ */
.single-block{
	margin: 3rem auto;
	padding: 0 1rem;
}
.single-block .head-tit{
	padding-top: .5rem;
}
.article-content h1{
	line-height: 1.3;
	margin-bottom: 1rem;
}
.article-info{
	font-size: .8rem;
}

/* ページネーション */
.pagenavi-block{
	margin: 2rem auto;
	text-align: center;
}
.pagenavi-block span{
	font-size: 1rem;
}
.pages{
	margin: 0 .5rem;
}
.current{
	padding: .3rem .7rem;
	border: solid 1px #603e23;
	background-color: #603e23; 
	color: #fff;
}
.page{
	padding: .3rem .7rem;
	border: solid 1px #603e23;
	background-color: rgba(96,62,35,0.18); 
	color: #603e23;
}
.nextpostslink, .previouspostslink{
	margin: 0 .5rem;
}

/* その他のpage */
.entry-header, 
.entry-content {
	margin: 0 1rem;
}
.entry-header h2{
	margin: 2rem auto 1rem auto;
}

/* プライバシー */
#privacy .entry-header, 
#privacy .entry-content {
	margin: 0 1rem;
}
#privacy h2{
	margin: 2rem auto 1rem auto;
}
#privacy ul{
	margin: 1rem auto 1rem 2rem;
	padding: 0;
}
#privacy ul li{
	list-style: disc;
	line-height: 1.8;
	font-size: 14px;
}
@media(min-width: 768px) {
	#privacy ul li{
	font-size: 18px;
}
}

/* 共通コンテントエリア　*/
.content_block{
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	padding: 2rem 0;
}
.content_block-top{
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	padding: 2rem 0;
}
.content_block-fll{
	width: 100%;
	margin: 0 auto;
	padding: 0 0;
}
@media(min-width: 768px) {
	.content_block{
	padding: 3rem 0;
}
	.content_block-top{
	padding: 2rem 0;
}
	.content_block-fll{
	padding: 3rem 0;
}
}

/* 共通ヘッダータイトル　*/
.header-tit{
	text-align: center;
	margin: 0 auto;
	padding: 5rem 0 0 0;
}

.header-tit h2{
	font-size: 32px;
	text-align: center;
}
@media(min-width: 768px) {
	.header-tit h2{
	font-size: 42px;
	text-align: center;
}
}
@media(min-width: 1024px) {
	.header-tit h2{
	font-size: 56px;
	text-align: center;
}
}

/* TOP トップページ　*/

.top_flex{
	display: block;
}
.top_blockflex_txt{
	width: 100%;
	margin-bottom: 1rem;
}
.top_blockflex_txt p{
	margin-bottom: 1rem;
}
.top_blockflex_img{
	width: 50%;
	margin: 0 auto;
}
.top_blockflex_img img{
	width: 100%;
	height: auto;
	margin-bottom: .5rem;
}
.top_blockflex_img p{
	text-align: center;
}
#greeting h2{
	font-size: 14px;
	margin-bottom: 1rem;
}
.box_greeting{
	background-color: #eff4f6;
}
@media(min-width: 768px) {
	.top_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top_blockflex_txt{
	width: 57%;
	margin-bottom: 1rem;
}
.top_blockflex_img{
	width: 40%;
	margin: 0;
}
	#greeting h2{
	font-size: 18px;
	margin-bottom: 1rem;
}
}
.box_news{
	
}
.box_news-tit{
	border-bottom: 1px solid #00acf4;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
}
.box_news-tit h2{
	background-color: #00acf4;
	color: #fff;
	padding: .5rem;
	text-align: left;
}
.box_news dl{
	padding-bottom: .5rem;
	border-bottom: 1px solid #ccc;
}


/* business 直営事業　*/
.block_flex{
	display: block;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

.block_txt{
	width: 100%;
	margin-bottom: 1rem;
}
.block_txt h3{
	padding-top: 0;
	font-size: 32px;
	line-height: 1.2;
	margin: .5rem 0 .7rem 0;
}
.block_txt h3 img{
	height: 60px;
	width: auto;
}
.block_img{
	width: 100%;
	margin-bottom: 1rem;
}
.block_img img{
	width: 100%;
	height: auto;
}
.bk_hawkers{
	background-color: #fff7e8;
}
.bk_okazu{
	background-color: #ffffe8;
}
.label{
	display: inline-block;
	padding: .2rem 1rem;
	color: #000;
	margin-bottom: .3rem;
}
.box_noraku{
	background-color: #3ad001;
}
.box_hawkers{
	background-color: #ff8c5c;
}
.box_lok-bee-truck{
	background-color: #ffc516;
}
.box_okazu{
	background-color: #fffe73;
}
.box_rentcar{
	background-color: #66ccff;
}
img.bento{
	width: 100%;
	height: auto;
}
.block_txt img.insta{
	width: 50px;
	height: auto;
}
@media(min-width: 768px) {
	.block_flex{
	display: flex;
	justify-content: space-around;
}
	.block_txt{
	width: 48%;
}
	.block_img{
	width: 48%;
}
	.block_txt h3{
	font-size: 42px;
}
	.block_txt h3 img{
	height: 80px;
	width: auto;
}
}
.block_txt h4{
	padding-top: 0;
	line-height: 1.2;
	margin: 1rem 0 .5rem 0;
}
.block_txt table{
	width: 100%;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
.block_txt th{
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	padding: .8rem .5rem;
	text-align: center;
	vertical-align: center;
	line-height: 1.5;
}
.block_txt td{
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	padding: .8rem .5rem;
	text-align: right;
	line-height: 1.5;
	vertical-align: center;
}
.block_txt td:nth-of-type(1){
	text-align: left;
}

/* aboutus 会社情報　*/
.box-outline{
	max-width: 700px;
}

.box-outline-img{
	width: 50%;
	text-align: center;
	margin: 1rem auto;
}
.box-outline-img img{
	width: 100%;
	height: auto;
}
.box-outline-txt table{
	width: 100%;
	border-top:solid 1px #ccc;
}
.box-outline-txt th{
	border-bottom:solid 1px #ccc;
	padding: .8rem .3rem;
	text-align: left;
	line-height: 1.8;
}
.box-outline-txt td{
	border-bottom:solid 1px #ccc;
	padding: .8rem .3rem;
	text-align: left;
	line-height: 1.8;
}
.box-map{
	width: 100%;
	height: 400px;
}


/* agroup グループ・関連会社　*/
.block_agroup{
	display: block;
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}
.block_agroup .entry-content-group, .block_agroup .entry-content-associate{
		margin: 0 0 2rem 0;
	}
.block_agroup .entry-content-group img, .block_agroup .entry-content-associate img{
	height: 70px;
	width: auto;
	margin-bottom: .5rem;
}
.block_agroup .entry-content-group:nth-of-type(13), 
.block_agroup .entry-content-group:nth-of-type(14), 
.block_agroup .entry-content-group:nth-of-type(15){
	display: none;
}
@media(min-width: 768px) {
	.block_agroup{
	display: flex;
		justify-content:flex-start;
		flex-wrap: wrap;
}
	.block_agroup .entry-content-group, .block_agroup .entry-content-associate{
		width: 21%;
		margin: 0 2% 2rem 2%;
	}
	h2.wp-block-heading{
		font-size: 20px;
	}
	.block_agroup .entry-content-group:nth-of-type(13), 
.block_agroup .entry-content-group:nth-of-type(14), 
.block_agroup .entry-content-group:nth-of-type(15){
	display: inherit;
}
}