@charset "utf-8";

/* margin,padding
--------------------------------------------------------------------*/

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
div,
p,
pre,
address,
blockquote,
ul,
ol,
dl,
dt,
dd,
form,
fieldset,
header,
nav,
footer,
figure,
section,
article {
	display: block;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* heading
--------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
}

/* font 
--------------------------------------------------------------------*/

html {
	overflow-y	: scroll;
	height		: 100%;
	font-size	: 62.5%;
}

body{
  word-wrap : break-all;
  overflow-wrap : break-word;
}

address,
em {
	font-style: normal;
}

/* list 
--------------------------------------------------------------------*/

ul,ol {
	list-style-type: none;
}

/* img 
--------------------------------------------------------------------*/

img {
	border: none;
	vertical-align: bottom;
	max-width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

/* form
--------------------------------------------------------------------*/

input,
select,
textarea,
button {
	font-size: inherit;
	line-height: inherit;
}

button {
	cursor: pointer;
}


/* table
--------------------------------------------------------------------*/

table,
thead,
tbody,
tfoot,
tr,
th,
td,
caption,
col,
colgroup {
	text-align: inherit;
	line-height: inherit;
	font-size: 100%;
}

table {
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}


thead {
	display: table-header-group;
}

tbody {
	display: table-row-group;
}

tfoot {
	display: table-footer-group;
}

tr {
	display: table-row;
}

th,
td {
	display: table-cell;
}

caption {
	display: table-caption;
}

col {
	display: table-column;
}

colgroup {
	display: table-column-group;
}

/* clearfix
--------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}/*IE7用*/

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */

/* heading
--------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1rem;
	font-weight:400;
}


/** margin-top **/
.mt0 {margin-top: 0 !important;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

/** margin-left **/
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}

/** margin-bottom **/
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}

/** margin-right **/
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}



/* メイン
--------------------------------------------------------------------*/
:root {
	--mincho : 'Noto Serif JP', serif;
}

*{
	box-sizing: border-box;
}

body {
	font-family	: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic" , MS PGothic, Meiryo, Arial, sans-serif;
	/*
	font-family: 'Noto Serif JP', serif;
	*/
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 1.8;
	color: #3b3533;
}

.mincho {
	font-family: 'Noto Serif JP', serif;
}


.sourceSans {
	font-family: 'Source Sans Pro', sans-serif;
}


/*-------------------------------------------------------------------
	wrap
-------------------------------------------------------------------*/

#wrap {
	/* padding-top: 376px; */
	padding-top: 198px;
	overflow-x: clip;
}
.post-type-archive-dish #wrap,
.single-dish #wrap {
	padding-top: 369px;
}

.indexCase#wrap {
	padding-top: 200px;
}
@media screen and (max-width: 1024px){
	
	#wrap {
		padding-top: 200px;
	}

	.post-type-archive-dish #wrap,
	.single-dish #wrap {
		padding-top: 200px;
	}

	
	.indexCase#wrap {
		padding-top: 0;
	}
}
@media screen and (max-width: 768px) {
	#wrap {
		padding-top: 200px;
	}
	.post-type-archive-dish #wrap,
	.single-dish #wrap {
		padding-top: 200px;
	}
	.indexCase#wrap {
		padding-top: 200px;
	}
}
@media screen and (max-width: 374px) {
	#wrap {
		padding-top: 240px;
	}
	.post-type-archive-dish #wrap,
	.single-dish #wrap {
		padding-top: 240px;
	}
	.indexCase#wrap {
		padding-top: 240px;
	}
}

/*-------------------------------------------------------------------
	header
-------------------------------------------------------------------*/

#header {
	/* position: sticky; */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	transition: background-color .3s;
}
.indexCase #header {
	position: fixed;
}
/* #header.is-scroll {
	background-color: #fff;
}
#header.navOpen {
	background-color: #fff;
} */
@media screen and (min-width: 1024px) {
	#header.is-scroll .siteCatch,
	#header.is-scroll .headFlex,
	#header.is-scroll .mvWrap {
		display: none;
	}
}

.headWrap {
	background: #fff;
	position: relative;
	z-index: 1001;
	/* padding: 5px 0 0; */
}
#header.is-scroll .headWrap {
	background-color: #fff;
}
#header.navOpen .headWrap {
	background-color: #fff;
}

.headWrap .siteCatch {
	font-size: 1.1rem;
	line-height: 1.2;
	padding-top: 5px;
	background-color: #fff;
	position: relative;
	z-index: 2;
}


.headFlex {
	display: flex;
	padding: 20px 3%;
	position: relative;
	z-index: 2;
}
@media screen and (min-width: 768px) {
	.headFlex {
		background-color: #fff;
	}
}

.headFlex .logo {
	margin-right: auto;
}

.headFlex .telArea {
	line-height: 1.0;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}

.headFlex .telArea dt {
	font-size: 1.3rem;
	margin-bottom: 10px;
}
.headFlex .telArea dd {
	font-size: 2.8rem;
}

.headFlex .searchBox {
	margin-left: 30px;
	line-height: 1.0;
}

.headFlex .searchBox dt {
	font-size: 1.3rem;
	margin-bottom: 10px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}

.seach_wrap {
	border: 1px solid #aaaaaa;
	position: relative;
}

.seach_wrap input[type="text"] {
	border: none;
	width: 170px;
	font-family: inherit;
	height: 25px;
	box-sizing: border-box;
}

.seach_wrap input[type="submit"] {
	background: #bd3a43;
	color: #fff;
	width: 50px;
	font-size: 1.3rem;
	height: 25px;
	font-family: 'Noto Serif JP', serif;
	box-sizing: border-box;
	font-weight: 500;
	position: absolute;
	top: 0;
	right: 0;
	
}

.headFlex .hdArea {
	margin-left: 30px;
}

.headNav {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	display: flex;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	position: relative;
	z-index: 2;
}


.headNav li {
	width: calc(100% / 6);
}

.headNav li.whBdr {
	border-right: 1px solid #fff;
}

.headNav a {
	display: block;
	padding: 15px 0;
	line-height: 1.0;
	font-size: 1.5rem;
	color: #3b3533;
	text-decoration: none;
	text-align: center;
	transition: all,.2s;
}

.headNav a:hover {
	color: #a25740;
}


.headNav a.bgBlaxk {
	color: #fff;
	background: #333;
}

.headNav a.bgBlaxk:hover {
	opacity: 0.7;
}

.hdSmpBox {
	display: none;
}

#global-nav {
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	box-sizing: border-box;
	z-index: 999;
	background: #fff;
	padding: 180px 5% 50px;
	overflow-y: auto;
}

#header .navbtn {
	display:none;
}

.headNav2 {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #dcdcdc;
}

.headCat2 {
	width: 26rem;
	border-bottom: 1px solid #E2E2E2;
}

.hdAc {
	position: relative;
	z-index: 1;
}

.hdTop {
	padding: 0.6rem;
	font-family: "Noto Serif JP", serif;
	font-size: 1.6rem;
	font-weight: 700;
	color: #A25A41;
	text-align: center;
	border-left: 1px solid #E2E2E2;
	background-color: #fff;
	transition: background-color .3s, color .3s;
	position: relative;
}

.hdTop::after {
	position: absolute;
	content: "";
	width: 1rem;
	height: 1rem;
	background-color: #A25A41;
	top: 50%;
	right: 3rem;
	transform: translateY(-50%);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	transition: background-color .3s;
}

.hdTop:last-of-type {
	border-right: 1px solid #E2E2E2;
}

.hdTop:hover {
	background-color: #A25A41;
	color: #fff;
	cursor: pointer;
}

.hdTop:hover::after {
	background-color: #fff;
}

.hdBtm {
	position: absolute;
	width: 100%;
	background-color: #fff;
	transform: translateY(-100%);
	transition: transform .3s;
	transform-origin: top;
	z-index: -1;
}

.hdBtm::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}

.hdBtmItem a {
	font-family: "Noto Serif JP", serif;
	font-size: 1.6rem;
	font-weight: 700;
	color: #A25A41;	
	border-bottom: 1px solid #E2E2E2;
	transition: background-color .3s, color .3s;
	padding: 0.6rem;	
	color: #A25A41;
	text-decoration: none;
	display: block;
	text-align: center;
}

.hdBtmItem:last-of-type a {
	border-bottom: none;
}

.hdBtmItem:hover a {
	background-color: #A25A41;
	color: #fff;
	cursor: pointer;
}

.hdAc:hover .hdBtm {
	transform: translateY(0);
}

.headWrap nav {
	background-color: #fff;
}

.headWrap nav:nth-of-type(1) {
	position: relative;
	z-index: 2;
}

.headWrap nav:nth-of-type(2) {
	position: relative;
	z-index: 1;
}

.headNavFixed {
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #fff;
	z-index: 100;
}
.headNavFixed .headNav {
	background-color: #fff;
}
@media screen and (max-width: 1024px){
	
	#header {
		/* position: sticky; */
	}

	.headWrap {
		padding: 0;
	}

	.headWrap .siteCatch {
		font-size: 1.2rem;
		line-height: 1.0;
		background: #d29836;
		color: #fff;
		padding: 5px 0;
		text-align: center;
	}


	.headFlex {
		display: block;
		padding: 0;
	}

	.headFlex .logo {
		display: flex;
		justify-content: space-between;
		padding: 10px 5% 10px;
		position: relative;
		z-index: 20;
		background: #fff;
	}
	
	.headFlex .logo img {
		max-width: 150px;
	}
	

	.headFlex .telArea {
		line-height: 1.0;
		margin-bottom: 5px;
		text-align: center;
		padding: 0 5%;
	}

	.headFlex .telArea dt {
		font-size: 1.2rem;
		margin:0 10px 0 0;
		display: inline-block;
		padding-bottom: 10px;
	}
	.headFlex .telArea dd {
		font-size: 2.0rem;
		display: inline-block;
	}

	.headFlex .searchBox {
		margin:0 0 15px;
		padding: 0 5%;
		line-height: 1.0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.headFlex .searchBox dt {
		font-size: 1.3rem;
		margin:0 10px 0 0;
		width: 25%;
		text-align: right;
	}

	.seach_wrap {
		border: 1px solid #aaaaaa;
		display: block;
		width: 70%;
		position: relative;
	}

	.seach_wrap input[type="text"] {
		border: none;
		width: 70%;
		font-family: inherit;
		height: 25px;
		box-sizing: border-box;
	}

	.seach_wrap input[type="submit"] {
		background: #bd3a43;
		color: #fff;
		width: 28.5%;
		font-size: 1.3rem;
		height: 25px;
		font-family: 'Noto Serif JP', serif;
		box-sizing: border-box;
		position: absolute;
		right: 0;
		top:0;
	}

	.headFlex .hdArea {
		display: none;
	}

	.headNav {
		display: none;
	}

	
	#header .navbtn {
		display:block;
		position:relative;
		width:50px;
		height: 50px;
		cursor: pointer;
		background: url("../image/common/navbtn_bg.jpg") center center;
		background-size: cover;
	}
	
	#header .navbtn span {
		display: block;
		position: absolute;
		height: 2px;
		width: 70%;
		background: #fff;
		left: 15%;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	
	#header .navbtn span:nth-child(1) {
		top: 10px;
	}
	
	#header .navbtn span:nth-child(2) {
		top: 24px;
	}
	
	#header .navbtn span:nth-child(3) {
		top: 38px;
	}
	
	/* global-nav */
	
	#global-nav.open {
		display:block;
	}
	
	.glInner {
		width: 90%;
		margin: 0 auto;
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
	}
	
	.glBoder {
		border-bottom: 2px solid #a25740;
	}
	
	.glMainLink,
	.glTop {
		display: block;
		line-height: 1.0;
		font-size: 2.0rem;
		color: #3b3533;
		padding: 20px 0 20px 25px;
		text-decoration: none;
		position: relative;
		cursor: pointer;
	}
	
	.glTop {
		border-bottom: 2px solid #a25740;
	}
	
	.glMainLink::before,
	.glTop::before {
		width: 10px;
  	height: 10px;
  	border: 1px solid;
  	border-color: #a25740 #a25740 transparent transparent;
  	transform: rotate(45deg) translateY(-50%);
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
	}
	
	.glTop::after {
		content: '+';
		position: absolute;
		top: 25%;
		right: 10px;
		font-size: 2.4rem;
		color: #999999;
		line-height: 1.0;
	}
	
	.glTop.glOpen::after {
		content: '-';
		top: 5%;
		font-size: 3.6rem;
	}
	
	.glBtm {
		display: none;
		background: #fffcec;
		padding: 0 7%;
		border-bottom: 2px solid #a25740;
	}
	
	.glSubLink li a {
		display: block;
		line-height: 1.0;
		font-size: 1.6rem;
		color: #3b3533;
		padding: 15px 0 15px 20px;
		text-decoration: none;
		position: relative;
		cursor: pointer;
	}
	.glSubLink li {
		border-bottom: 1px solid #a25740;
	}
	
	.glSubLink li:last-child {
		border-bottom: none;
	}
	
	.glSubLink li a::before {
		width: 7px;
  	height: 7px;
  	border: 1px solid;
  	border-color: #a25740 #a25740 transparent transparent;
  	transform: rotate(45deg) translateY(-50%);
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
	}
	
	.hdSnsFlex {
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-bottom: 100px;
	}
	
	.hdSnsFlex li:nth-child(n + 2) {
		margin-left: 10%;
	}
	
	.hdSnsFlex li a:hover img {
		opacity: 0.7;
	}
	
	
	/* 切り替えアニメーション */
	#header .navbtn.move span:nth-child(1) {
		top: 24px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#header .navbtn.move span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	#header .navbtn.move span:nth-child(3) {
		top: 24px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	
	.hdSmpBox {
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
		font-family: 'Noto Serif JP', serif;
		font-weight: 500;
	}
	
	.hdSmpBox li:nth-child(n + 1) {
		margin-left: 5px;
	}
	
	.hdSmpBox li {
		width: 35%;
	}
	
	.hdSmpBox li:nth-child(3) {
		width: 25%;
	}
	
	.hdSmpBox li a {
		font-size: 1.4rem;
		text-align: center;
		display: block;
		color: #fff;
		background: #554e4d;
		text-decoration: none;
		line-height: 1.0;
		padding: 15px 0;
		box-sizing: border-box;
	}
	
	.hdSmpBox li:last-child a {
		background: #7b7372;
	}
	
	.headNav2 {
		display: none;
	}
	
	.headNavFixed {
		display: none;
	}
}
@media screen and (min-width: 1024px) {
	/* #header.is-scroll {
		display: none;
	} */
	.headNavFixed.is-scroll {
		display: block;
	}
	.headWrap {
		z-index: 10;
	}
}


/*-------------------------------------------------------------------
	container
-------------------------------------------------------------------*/

#container {
	
}

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center !important;
}

.alignRight {
	text-align: right;
}

.boderTitle {
	font-size: 2.8rem;
	line-height: 1.2;
	background: url("../image/common/title_btm_bg.jpg") bottom center no-repeat;
	padding-bottom: 15px;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}

.boderTitle .smalled {
	font-size: 2.0rem;
	margin-right: 10px;
}

.flowerTitle {
	background: url("../image/common/grade_bg.png") left bottom repeat-x;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}


.flowerTitle .flowerIcon {
	/*background: url("../image/common/flower_icon.png") left top no-repeat;*/
	background-size: auto 36px;
	padding-left: 50px;
	display: flex;
	align-items: center;
	font-size: 3.5rem;
	line-height: 1.0;
	min-height: 36px;
}


.flowerIcon .miniTxt {
	line-height: 1.2;
	font-size: 1.5rem;
	margin-left: 18px;
}

.flw_icon{
	position: relative;
}

.flw_icon::before{
	content: url("../image/common/flower_icon.png");
	position: absolute;
	top: 50%;
	left: -45px;
	transform: translateY(-50%);
}
.middleTitle{
font-family: 'Noto Serif JP', serif;
font-size: 2.0rem;
margin: 0 0 15px;
padding: 0 0 0 10px;
border-left: 5px solid #A25740;
font-weight: 500;
}
.middleTitle a{
text-decoration: none;
color: #3b3533;
}
.middleTitleBrown{
font-size: 2.0rem;
font-weight: 500;
background-color: #A25740;
padding: 5px 20px;
color: #fff;
margin:0 0 40px;
}


@media screen and (max-width: 1520px){
	
	.flowerTitle .flowerIcon {
		font-size: 2.8rem;
	}
	
	.flowerIcon .miniTxt {
		font-size: 1.4rem;
		margin-left: 10px;
	}
	
}

.cloudTitle {
	border-bottom: 1px solid #cccccc;
	line-height: 1.0;
	padding-bottom: 15px;
	padding-left: 65px;
	background: url("../image/common/cloud_icon.jpg") top left no-repeat;
	font-size: 2.8rem;
	margin-bottom: 20px;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}


.dishFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}



.dishFlex li:nth-child(1),
.dishFlex li:nth-child(2),
.dishFlex li:nth-child(3),
.dishFlex li:nth-child(4) {
	max-width: 23.5%;
}

.dishFlex li:nth-child(5),
.dishFlex li:nth-child(6),
.dishFlex li:nth-child(7) {
	max-width: 32%;
}

.dishFlex li:nth-child(n + 5) {
	margin-top: 20px;
}


.dishFlex li a {
	overflow: hidden;
	position: relative;
	display: block;
}


.dishFlex li a .whTtl {
	color: #fff;
	text-decoration: none;
	font-size: 2.0rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 1;
	pointer-events: none;
	width: 100%;
	text-align: center;
}

.twinFlex {
	display: flex;
	justify-content: space-between;
}


.twinFlex .twinSame {
	width: 48%;
}


.imgBig {
	transition: 0.4s;
}

a:hover .imgBig {
	transform: scale(1.2);
}

.wakuLink {
	display: inline-block;
	position: relative;
	background: url("../image/common/waku_pcbg.jpg") center center no-repeat;
	background-size: cover;
	width: 662px;
	color: #3b3533;
	text-decoration: none;
	text-align: center;
	line-height: 1.0;
	padding: 22px 0;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}

.wakuLink::after {
	width: 7px;
  height: 7px;
  border: 3px solid;
  border-color: #d29836 #d29836 transparent transparent;
  transform: rotate(45deg) translateY(-50%);
	content: '';
	position: absolute;
	top: 45%;
	right: 30px;
}


.wakuLink:hover {
	opacity: 0.7;
}


@media screen and (max-width: 767px){
	
	.boderTitle {
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	
	.dishFlex li:nth-child(1),
	.dishFlex li:nth-child(2),
	.dishFlex li:nth-child(3),
	.dishFlex li:nth-child(4) {
		max-width: 48%;
	}

	.dishFlex li:nth-child(5),
	.dishFlex li:nth-child(6),
	.dishFlex li:nth-child(7) {
		max-width: 100%;
	}
	
	.dishFlex li:nth-child(n + 3) {
		margin-top: 20px;
	}	

	.dishFlex li a .whTtl {
		font-size: 1.6rem;
	}
	
	.twinFlex {
		display: block;
	}

	.twinFlex .twinSame {
		width: auto;
	}
	
	.twinFlex .twinSame:nth-child(n + 1) {
		margin-top: 30px;
	}
	
	.boderTitle {
		font-size: 2.0rem;
		line-height: 1.2;
		display: block;
		text-align: center;
	}

	.boderTitle .smalled {
		font-size: 1.6rem;
		margin:0 0 10px;
		display: block;
	}
	
	.flowerTitle {
		margin-bottom: 20px;
	}
	
	.flowerTitle .flowerIcon {
		padding-left: 50px;
		display: block;
		font-size: 2.4rem;
		background-size:  auto 40px;
	}

	.flowerIcon .miniTxt {
		display: block;
		line-height: 1.7;
		font-size: 1.4rem;
		margin: 10px 0 0;
	}
	
	.cloudTitle {
		padding-left: 50px;
		background-size: auto 20px;
		font-size: 2.0rem;
	}

	.wakuLink {
		display: block;
		position: relative;
		background: url("../image/common/waku_spbg.jpg") center center no-repeat;
		background-size: cover;
		width: 100%;
		padding: 22px 0;
	}
	
}

/* footer
--------------------------------------------------------------------*/

#footer {
	background: url("../image/common/footer_bg.jpg") center center no-repeat;
	background-size: cover;
	padding: 40px 0 20px;
	position: relative;
	margin-top: 80px;
}

#pageTop {
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 20;
}


#pageTop .ptLink {
	display: inline-block;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
	position: relative;
	background: #000000;
}


#pageTop .ptLink::before {
	width: 15px;
  height: 15px;
  border: 3px solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-45deg);
	content: '';
	position: absolute;
	top: 40%;
	left: 38%;
	
}

.ftWrap {
	display: flex;
	justify-content: center;
	padding: 0 5% 70px;
	border-bottom: 1px solid #fff;
	margin-bottom: 30px;
}

.ftWrap .ftList {
	margin-right: 80px;
}

.ftWrap .ftList li:nth-child(n + 2) {
	margin-top: 25px;
}

.ftWrap .ftList li a,
.ftEndLink li a {
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.0;
	text-decoration: none;
}

.ftWrap .ftList li a:hover,
.ftEndLink li a:hover {
	text-decoration: underline;
}

.ftSns {
	margin-top: 20px;
	display: flex;
	align-items: center;
}

.ftSns li:nth-child(n + 2) {
	margin-left: 25px;
}

.ftEndLink {
	display: flex;
	justify-content: center;
	line-height: 0.5;
}

.ftEndLink li:nth-child(n + 2) {
	border-left: 1px solid #fff;
	padding-left: 5px;
	margin-left: 5px;
}

.copyRight {
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.0;
	margin-top: 20px;
	color: #fff;
}


#spPagetop {
	display: none;
}

@media screen and (max-width: 767px){
	
	#footer {
		background: url("../image/common/ft_spbg.jpg") center center no-repeat;
		background-size: cover;
		padding: 30px 0 20px;
		margin-top: 50px;
	}
	
	.ftWrap {
		display: block;
		padding: 0 5% 30px;
		border-bottom: 1px solid #fff;
		margin-bottom: 20px;
	}

	.ftWrap .ftList {
		display: none;
	}

	.snsZone {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.ftSns {
		margin-top: 0;
		margin-left: 25px;
	}

	.ftSns li:nth-child(n + 2) {
		margin-left: 25px;
	}

	.ftEndLink {
		display: none;
	}

	.copyRight {
		margin-top: 0;
	}
	
	
	#pageTop {
		display: none;
	}
	
	#spPagetop {
		display: block;
		text-align: center;
	}
	
	#spPagetop.extra {
		padding-bottom: 50px;
	}

	
}





/* finalArea
--------------------------------------------------------------------*/

#finalArea {
	padding: 90px 0;
}

.finalWrap {
	width: 1200px;
	margin: 0 auto;
}

.fs13 {
	font-size: 1.3rem;
}

.fs20 {
	font-size: 2.0rem;
}

.faLead {
	margin-bottom: 40px;
}

.couponFlex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
	align-items: flex-end;
}

.couponFlex li:nth-child(n + 2) {
	margin-left: 30px;
}

.taFlex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 80px;
}


.taFlex .taLeft {
	width: 42%;
}

.taFlex .taRight {
	width: 57%;
}

.orangeTable {
	width: 100%;
}


.orangeTable th,
.orangeTable td {
	border: 1px solid #030303;
	box-sizing: border-box;
	padding: 10px 20px;
	text-align: left;
	vertical-align: middle;
	line-height: 1.2;
}

.orangeTable th {
	text-align: center;
	width: 50%;
	text-align: center;
	color: #fff;
	background: #d29836;
	font-weight: 400;
	line-height: 1.0;
}

.deliFlex {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.deliFlex .deliLeft {
	width: 57%;
}

.deliFlex .deliRight {
	width: 42%;
	text-align: center;
}

.deliTable {
	width: 100%;
}

.deliTable th,
.deliTable td {
	border: 1px solid #030303;
	box-sizing: border-box;
	padding: 10px 20px;
	text-align: left;
	vertical-align: middle;	
}

.deliTable th {
	text-align: center;
	font-weight: 400;
}

.deliTable td {
	line-height: 1.6;
}

.deliTable tr.green td {
	background: #e6f2e9
}
.deliTable tr.yellow td {
	background: #f7f0e5
}
.deliTable tr.blue td {
	background: #e5f1f6;
}
.deliTable tr.pink td {
	background: #f6e5e5;
}


.deliTable tr.green td span {
	color: #097c25;
}
.deliTable tr.yellow td span {
	color: #ac6a00;
}
.deliTable tr.blue td span {
	color: #0075a9;
}
.deliTable tr.pink td span {
	color: #a40000;
}

.deliCaution {
	font-size: 1.3rem;
	line-height: 1.4;
	margin-top: 15px;
}

.deliTable .w10 {
	width: 8%;
}

.deliTable .w45 {
	width: 45%;
}

.pleaseUl {
	margin-bottom: 60px;
}

.pleaseUl li:nth-child(n + 2) {
	margin-top: 10px;
}

.oriDott {
	position: relative;
	padding-left: 15px;
}

.oriDott::before {
	width: 12px;
	height: 12px;
	background: #d29836;
	border-radius: 50%;
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
}


.acsFlex {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.acsTxt {
	width: 55%;
	display: flex;
	justify-content: space-between;
}

.acsLogo {
	width: 30%;
	text-align: center;
}

.acsCorp {
	width: 65%;
}

.acsMap {
	width: 40%;
}


.flex01 {
	display: flex;
}


@media screen and (max-width: 1200px){
	.finalWrap {
		width: 94%;
	}
}

@media screen and (max-width: 767px){
	
	#finalArea {
		padding: 50px 0;
	}
	
	.faLead {
		line-height: 1.6;
		margin-bottom: 30px;
		display: flex;
		justify-content: space-between;
	}
	
	.faLead p,
	.faLead figure {
		width: 49%;
	}

	
	.taFlex {
		display: block;
		margin-bottom: 60px;
	}


	.taFlex .taLeft {
		width: auto;
	}

	.taFlex .taRight {
		width: auto;
		margin-top: 30px;
	}
	
	.orangeTable th,
	.orangeTable td {
		padding: 10px 3%;
		font-size: 1.3rem;
	}
	
	.deliFlex {
		display: block;
		margin-bottom: 50px;
	}

	.deliFlex .deliLeft {
		width: auto;
	}

	.deliFlex .deliRight {
		width: auto;
		text-align: center;
		margin-bottom: 30px;
	}
	
	

	.acsFlex {
		display: block;
	}

	.acsTxt {
		width: 100%;
		display: block;
	}

	.acsLogo {
		width: auto;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.acsLogo img {
		max-width: 30%;
	}

	.acsCorp {
		width: auto;
	}

	.acsMap {
		width: 100%;
		margin-bottom: 30px;
	}
	
}


/* format */

.spStyle {
	display:none;
	position: relative;
}

.pcStyle {
	display:block;
	position: relative;
}

.relaStyle {
	position: relative;
}

.ancLink {
	width: 100%;
	height: 0;
	position: absolute;
	top: -165px;
	left: 0;
}

.spInlie {
	display:none;
}

.pcInline {
	display:inline;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border-radius: 0;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="reset"]::-focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

*:focus {
	outline: none;
}

html {
 -webkit-text-size-adjust: 100%;
}


.frameWrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.frameWrapper iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



@media screen and (max-width: 767px){
	
	.spStyle {
		display:block;
	}
	
	.spInline {
		display: inline;
	}
	
	.pcStyle {
		display:none;
	}
	
	.pcInline {
		display: none;
	}
	
	.ancLink {
		top: -110px;
	}
	
}

.fixBnr {
	position: fixed;
	bottom: 10%;
	right: 0;
	z-index: 3;
}

.fixBnr .closed {
	position: absolute;
	top: -30px;
	right: 0;
	z-index: 15;
	cursor: pointer;
}


@media screen and (max-width: 767px){	
	
	.fixBnr {
		position: fixed;
		bottom: 0;
		width: 100%;
	}

	.fixBnr .closed {
		display: none;
	}
	
}

/* contentWrap
--------------------------------------------------------------------*/

#contentWrap {
	display: flex;
	flex-direction: row-reverse;
	width: 1520px;
	margin: 0 auto;
	/* padding-top: 40px; */
	box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
	#contentWrap {
		/* margin-top: 369px; */
	}
}

#contentSide {
	flex-basis: 240px;
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 1.3rem;
}

.sideMenuBox {
	border: 1px solid #808080;
}

.sideMenuBox dt {
	background: url("../image/common/side_title_bg.jpg") left top no-repeat;
	background-size: cover;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	line-height: 1.0;
	font-size: 1.5rem;
}

.sideMenuBox dd.whtBg {
	background: #fff;
	padding: 0 10px;
}

.sideMenuBox dd.priBg {
	background: url("../image/common/side_president_bg.jpg") left top no-repeat;
	background-size: cover;
	padding: 15px 10px;
}


.sideList {
	line-height: 1.6;
	font-size: 1.3rem;
}

.sideList li {
	padding: 10px 0;
}

.sideList li:nth-child(n + 2) {
	border-top: 1px solid #c8c8c8;
}

.sideList li a {
	text-decoration: none;
	color: #3b3533;
}

.sideList li a:hover {
	text-decoration: underline;
}


#contentBlock {
	flex-basis: auto;
	box-sizing: border-box;
	width: 100%;
}

.contInBox {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}


.sideSmpBox {
	display: none;
}

#mainTitleWrap {
	padding: 135px 0;
}

.pageMainTitle {
	width: 1000px;
	margin: 0 auto;
	padding: 0 80px;
	box-sizing: border-box;
	line-height: 1.0;
	font-size: 2.8rem;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}


.bred {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.4;
	word-break: break-all;
	margin-bottom: 30px;
	color: #A26441;
	font-family: var(--mincho);
}

.bred li + li {
	margin-left: 10px;
}

.bred li + li:before {
	content: '>>';
	display: inline-block;
	margin-right: 10px;
}

.bred a {
	/* color: #3b3533; */
	color: #A26441;
	text-decoration: none;
}

.bred a:hover {
	text-decoration: underline;
}


@media screen and (max-width: 1520px){
	
	#contentWrap {
		display: flex;
		flex-direction: row-reverse;
		width: 100%;
		margin-inline: auto;
	}
	
	#contentBlock {
		padding: 0 3%;
	}
	
	.contInBox {
		max-width: inherit;
		width: 100%;
		margin: 0 auto;
	}
	
}

	
@media screen and (max-width: 1000px){
	.pageMainTitle {
		width: 94%;
	}
}

@media screen and (max-width: 767px){	
	
	#contentWrap {
		display: block;
		width: 94%;
		margin-inline: auto;
		/* padding-top: 40px; */
	}

	#contentSide {
		padding: 0;
		margin-top: 50px;
	}

	#contentBlock {
		padding: 0;
	}
	
	.sideSmpBox {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px;
	}
	
	.sideSmpBox .sideSame {
		width: 48%;
		text-align: center;
	}
	
	

	.pageMainTitle {
		padding: 0 20px;
		font-size: 2.4rem;
	}
	
	
}

/* pagenavi
--------------------------------------------------------------------*/
.wp-pagenavi {
	clear: both;
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}
/* wysiwygエディタ
--------------------------------------------------------------------*/
.entryBox{
/* padding: 20px; */
margin-top: 0.5rem;
}
.entryBox h2{
background: url(../image/common/side_title_bg.jpg) left top;
padding: 0px 10px;
margin: 0 0 15px;
color: #FFFFFF;
font-size: 2.0rem;
}
.entryBox h3{
margin: 0 0 15px;
font-size: 1.7rem;
border-bottom: 1px solid #000000;
font-weight: bold;
}
.entryBox h4{
padding: 5px 10px;
margin: 0 0 15px;
font-size: 1.7rem;
font-weight: bold;
background-color: #e8e2cc;
}

.entryBox ul{
margin: 0 15px;
}
.entryBox li{
margin: 0 0 5px;
}
.entryBox img{
height: auto;
}
.entryBox .aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entryBox .alignright{
	float: right;
	margin-left: 1.5em;
}
.entryBox .alignleft{
	float: left;
	margin-right: 1.5em;
}
.entryBox a{
color:#3b3533
}

@media screen and (max-width: 767px){
.entryBox{
padding: 10px;
}	

}
/*-------------------------------------------------------------------
	メッセージエリア
-------------------------------------------------------------------*/
.areaMsg{
width: 100%;
max-width: 860px;
margin: 0 auto 20px;
}
.boxMsg{
width: 100%;
background-image: url(../image/common/msg.gif);
background-position: center center;
background-repeat: no-repeat;
background-size:100% auto ;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
@media screen and (max-width: 767px){
.boxMsg{
background-image: url(../image/common/msg-sp.gif);
}
}
/*-------------------------------------------------------------------
	お問い合わせボタン
-------------------------------------------------------------------*/

.contactArea{
width:270px;
padding: 5px 20px;
text-align: center;
border: 3px solid #bd3a42;
margin: 0 auto;
}
.contactArea a{
width: 100%;
display: block;
font-weight: bold;
text-decoration: none;
color:#bd3a42;
font-size: 2.0rem;
}
@media screen and (max-width: 767px){
.contactArea{
width:180px;
}
.contactArea a{
font-size: 1.5rem;
}
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border-radius: 0;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="reset"]::-focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

*:focus {
	outline: none;
}



/** wp-pagenavi **/
.wp-pagenavi{
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.0;
	letter-spacing: 0;
	text-align: center;
	padding:50px 0 0;
	display: flex;
	justify-content: center;
}
.wp-pagenavi .pages{
	display: none;
}
.wp-pagenavi .first{
	display: none;
}
.wp-pagenavi .last{
	display: none;
}

.wp-pagenavi .current{
  display: flex;
	width: 30px;
  height: 30px;
	background: #bababa;
	color: #fff;
  line-height: 1.0;
  text-align: center; 
  margin: 0 5px;
	align-items: center;
	justify-content: center;
	border: none;
	font-weight: 300 !important;
	flex-wrap: wrap;
}

.wp-pagenavi .current,
.wp-pagenavi a.page:hover
/*
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover*/ {
	background: #bababa;
	color: #fff;
}

.wp-pagenavi a.page {
  display: flex;
	width: 30px;
  height: 30px;
	color: #333;
  line-height: 1.0;
  text-align: center; 
  margin: 0 5px;
	background: #eeeeee;
	align-items: center;
	justify-content: center;
	border: none;
}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	/*display: inline-block;*/
	width: 30px;
  height: 30px;
	color: #333333;
  line-height: 1.0; 
  margin: 0 10px;
	border: none;
	font-size: 0;
	font-weight: 500;
	position: relative;
}

.wp-pagenavi a.previouspostslink::after {
	border-style: solid;
	border-width: 5px 10px 5px 0;
	border-color: transparent #fff transparent transparent;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.wp-pagenavi a.nextpostslink::after {
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #fff;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
	background: #672e1c;
}

.wp-pagenavi .extend{
	margin: 0 5px;
	color: #333333;
	width: 30px;
  height: 30px;
}

.wp-pagenavi a,
.wp-pagenavi a:hover{
	text-decoration: none;
	background: #a25740;
}