@charset "utf-8";

/* ===================================================================
 style info : 個別のスタイル設定
=================================================================== */
 p{
	line-height: 1.8em;
	text-indent: 0em;
	margin: 0em 0px 0em;
}

p{	font-size:108%;	color:#444444;}
p + p{	margin-top:1em;}
.ie7_anon{	height:0;}
figure{	display:block;}
figure + figure{	margin-top:20px;}
figcaption{		font-size:108%;	color:#333;	padding:5px 0;	line-height:1.5em;}


@media screen and (max-width: 640px){
	p{	font-size:100%;}
	div,section,ul,ol,li,a,table,tr,th,td,input,dt,dd{	-moz-box-sizing: border-box;	box-sizing:border-box;}
}

.lt-ie7 .sp,.lt-ie8 .sp{	display:none!important;}
@media screen and (max-width: 640px){
	.pc{	display:none!important;}
	.pc-fR,
	.pc-fL{	float:none;}
}

@media screen and (min-width: 641px){
	.sp{	display:none!important;}
	.pc-fR{	float:right;}
	.pc-fL{	float:left;}
}

.lh15{	line-height:1.5em!important;}
.lh17{	line-height:1.7em!important;}
.lh19{	line-height:1.9em!important;}

/* ------------------------------------------------------ *
	header
 * ------------------------------------------------------ */
.header-sub01{	background:#EEE;	width:100%;	height:435px;	text-align:left;	position:relative;	background-position:center center!important;	background-size:cover!important;}
	.header-sub01 >div{	width:960px;	max-width:94%;	transform:scale(1.5,1);	opacity:0;}
	.header-sub01.on >div{	transform:scale(1);	opacity:1;	transform-origin:center center;	transition:transform .2s linear,opacity .4s linear;}
	.header-sub01.on.off >div{	transform:scale(1.3,1);	opacity:0;	transform-origin:center center;	transition:transform 1s linear,opacity .3s linear;}
	.header-sub01 .main-txt{	display:block;	font-size:123.1%;	color:#FFF;}
	.header-sub01 .main-txt i{	display:inline-block;	width:auto;	font-size:60px;	margin:0 auto 10px;	border-bottom:solid 1px #FFF;}
	.header-sub01 .main-txt span{	display:block;	font-weight:bold;	letter-spacing:0.025em;}
	.header-sub01 p{	color:#FFF!important;}

.header-sub02{	background:#EEE;	width:100%;	height:435px;	text-align:center;	position:relative;	background-position:center center!important;	background-size:cover!important;}
	.header-sub02 div{	max-width:94%;	transform:scale(1.5,1);	opacity:0;}
	.header-sub02.on >div{	transform:scale(1);	opacity:1;	transform-origin:center center;	transition:transform .2s linear,opacity .4s linear;}
	.header-sub02.on.off >div{	transform:scale(1.5,1);	opacity:0;	transform-origin:center center;	transition:transform 1s linear,opacity .3s linear;}
	.header-sub02 .main-txt{	display:block;	font-size:123.1%;	color:#FFF;}
	.header-sub02 .main-txt i{	display:inline-block;	width:auto;	font-size:60px;	margin:0 auto 10px;	border-bottom:solid 1px #FFF;}
	.header-sub02 .main-txt span{	display:block;	font-weight:bold;	letter-spacing:0.025em;}
	.header-sub02 p{	color:#FFF!important;}

.header-sub03{	background:#EEE;	width:100%;	height:200px;	text-align:center;	position:relative;	background-position:center center!important;	background-size:cover!important;}
	.header-sub03 >div{	width:960px;	max-width:94%;	transform:scale(1.5,1);	opacity:0;}
	.header-sub03.on >div{	transform:scale(1);	opacity:1;	transform-origin:center center;	transition:transform .2s linear,opacity .4s linear;}
	.header-sub03.on.off >div{	transform:scale(1.3,1);	opacity:0;	transform-origin:center center;	transition:transform 1s linear,opacity .3s linear;}
	.header-sub03 .main-txt{	display:block;	font-size:123.1%;	color:#FFF;}
	.header-sub03 .main-txt i{	display:inline-block;	width:auto;	font-size:60px;	margin:0 auto 10px;	border-bottom:solid 1px #FFF;}
	.header-sub03 .main-txt span{	display:block;	font-weight:bold;	letter-spacing:0.025em;}
	.header-sub03 p{	color:#FFF!important;}
	.header-sub03 img {	width:35%;}
	
	html:not(.lt-ie8) .production-areas .header-sub01{	background-position:83% center!important;}

@media screen and (max-width: 640px){
	.header-sub01{	height:220px;}
	.header-sub01 >div{	max-width:100%;}
	.header-sub01 .main-txt{	text-align:center!important;}
	.header-sub01 .main-txt i{	font-size:40px;	width:100%!important;}
	.header-sub02{	height:300px;}
	.header-sub02 >div{	max-width:100%;}
	.header-sub02 .main-txt{	text-align:center!important;}
	.header-sub02 .main-txt i{	font-size:40px;	width:100%!important;}
	.header-sub02 img{	height:220px;}
	.header-sub03{	height:220px;}
	.header-sub03 >div{	max-width:100%;}
	.header-sub03 .main-txt{	text-align:center!important;}
	.header-sub03 .main-txt i{	font-size:40px;	width:100%!important;}
	.header-sub03 img {	width:60%;}
	.header-sub03{ height:160px;}
}

/* ------------------------------------------------------ *
	header-base (FYHLヘッダー)
 * ------------------------------------------------------ */

.header-base {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}

.header-base-pic {
	background-image: url(../img/img-header-top-title-pc.png);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 140px;
}
@media screen and (max-width: 640px){
		.header-base-pic {height: 120px;}
	}

.header-base-logo {
	width: 400px;
}
@media screen and (max-width: 640px){
		.header-base-logo {width: 70%;}
	}

/* ------------------------------------------------------ *
	header-kids (こどもヘッダー)
 * ------------------------------------------------------ */

.header-kids {
	position: absolute;
	width: 100%;
	padding-top: 50px;
	box-sizing: border-box;
	text-align:center;
}

.header-kids-pic {
	background-image: url(../img/img-header-sub-story07.jpg);
	height: 435px;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
@media screen and (max-width: 640px){
		.header-kids-pic { height: 350px; }
	}

.header-kids-logo {
	width: 600px;
}
@media screen and (max-width: 640px){
		.header-kids-logo {width: 100%;}
	}

/* ------------------------------------------------------ *
	box
 * ------------------------------------------------------ */

.inner01{	max-width:1000px;	margin:0 auto; margin-bottom: 0px;}

	@media screen and (max-width: 1366px){
		.inner01{	width:90%;}
	}
	@media screen and (max-width: 1024px) {
		.inner01{	width:95%;}
	}
.block{	display:block;}
.inline{	display:inline-block;/display:inline;}
.overhide{	overflow:hidden;	padding-bottom:20px;}
.hide{	display:none;}
.table > *,
.cell{	display:table-cell;}
.relativeBox{	position:relative;}
.absolute{	left:0;	top:0;	position:absolute;}
[class*="absolute-"]{	position:absolute;}
	.absolute-lt{	left:0;	top:0;}
	.absolute-rt{	right:0;	top:0;}
	.absolute-lb{	left:0;	bottom:0;}
	.absolute-rb{	right:0;	bottom:0;}
	.absolute-c{	left:50%;	top:50%;}
	.absolute-lc{	left:0;	top:50%;}
	.absolute-rc{	right:0;	top:50%;}
	.absolute-b{	left:0;	bottom:0;	margin:0;}
	.absolute-bc{	left:50%;	bottom:0;	margin:0;}
	.absolute-t{	left:0;	top:0;	margin:0;}
	.absolute-txt01{	left:20px;	bottom:20px;	color:#FFF;    line-height: 1.7em;}
		.absolute-txt01 div{	font-size:153.9%;}
		.absolute-txt01 span{	font-size:138.5%;}
		@media screen and (max-width: 640px) {
			.absolute-txt01{	left:10px;	bottom:10px;}
		}
	.absolute-txt02{	left:3%;	top:15%;	height:100%;	width:35%;	color:#FFF;	font-size:108%;	line-height: 1.5em;	/*background:url(../img/img-business-index01.jpg) rgba(24,105,45,.5);background-blend-mode: multiply;*/	}
	.absolute-txt02 *{	line-height: 1.5em;}
		.absolute-txt02 div{	font-size:20px;	font-weight:bold;	margin-bottom:7%;}
		@media screen and (max-width: 640px) {
			.absolute-txt02{	font-size:93%;}
				.absolute-txt02 div{	font-size:16px;}
		}

	.box2column01 > *{	width:48%;	max-width:460px;	float:left; margin-bottom: 60px;}
	.box2column01 > *:nth-child(even){	float:right;}
	.box2column01R > *{	width:48%;	max-width:460px;	float:right; margin-bottom: 60px;}
	.box2column01R > *:nth-child(even){	float:left;}
	.box2column02 > *{	width:65.625%;	float:left;}
	.box2column02 > *:nth-child(even){	width:31.25%;	float:right; margin-bottom: 60px;}
	.box2column03 > *{	width:40%;	float:left;}
	.box2column03 > *:nth-child(even){	width:60%;	float:right; margin-bottom: 60px;}
	@media screen and (max-width: 640px) {
		.box2column01 > *{	width:100%!important;	max-width:none;}
		.box2column01R > *,
		.box2column02 > *{	margin-top:10px;	width:100%!important;	max-width:none;}
		.box2column03 > *{	margin-top:10px;	width:100%!important;	max-width:none;}
	}

/* ------------------------------------------------------ *
	h
 * ------------------------------------------------------ */

h1,h2,h3,h4,h5,h6{	font-weight:normal;	color:#444444;}
.h-txt01{	display:block;	font-size:182%;	margin-bottom:30px;}
.h-txt01 span{	margin-left:20px;		font-size:.61em;}
.h-txt01 a{	font-size:13px!important;	float:right;	margin-top:10px; color:inherit;}
.h-txt02{	display:block;	font-size:108%;	text-align:center;	font-weight:bold;	margin-bottom:20px;	padding-bottom:10px;	border-bottom:dashed 1px #E27A3F;}
.h-txt03{	display:block;	font-size:200%;	margin-bottom:0px; font-weight:bold}
.h-txt04{	display:block;	font-size:120%;	margin-bottom:10px; margin-top:30px;font-weight:bold}
[class^="h-serif"]{	display:block; position:relative;	 font-family: 'Crimson Text',"Times New Roman","游明朝体", "Yu Mincho", YuMincho,"Palatino Linotype",Palatino,"Book Antiqua","ヒラギノ明朝 ProN","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  "ＭＳ Ｐゴシック",serif!important;}
[class^="h-serif-bold"].b6{	font-weight:600;}
.h-serif01{	font-weight:bold;	text-align:center;	font-size:24px;	margin-bottom:20px;}
[class^="h-serif02"]{	font-size:26px;	margin-bottom:30px;	line-height:1.3em;	padding-left:0px;}
[class^="h-serif03"]{	font-size:30px;	margin-bottom:50px;	text-align:center;	line-height:1.3em;	color:#18682C;}

[class^="h-kids"]{ display:block; position:relative; font-family:'メイリオ', 'Meiryo', sans-serif,serif!important;}
[class^="h-kids-bold"].b6{ font-weight:600;}
[class^="h-kids01"]{ font-size:23px; margin-top:30px; margin-bottom:30px; line-height:1.3em; padding-left:0px;}

[class^="h-noto"]{	display:block; position:relative;	 font-family:  'Noto Sans Japanese', sans-serif!important;	font-weight:300;}
.h-noto01{	color:#76B446;	font-size:182%;	font-weight:300;	letter-spacing:0.02em;	margin-bottom:30px;}
.h-noto02{	font-size:182%;	font-weight:300;	letter-spacing:0.02em;	border-bottom:solid 2px #654C3A;	padding-bottom:15px;	margin-bottom:30px;}
.h-noto03{	font-size:138.5%;	font-weight:400;	letter-spacing:0.02em;	border-bottom:solid 2px #654C3A;	padding-bottom:10px;	margin-bottom:30px;}
.h-noto04{	font-size:182%;	color:#654C3A;	font-weight:300;	border-bottom:solid 2px #DDD;	padding-bottom:10px;	margin-bottom:20px;}
.h-noto05{	font-size:182%;	color:#444444;	font-weight:300;	border-bottom:solid 2px #DDD;	padding-bottom:10px;	margin-bottom:30px;}
.h-noto06{  font-size:138.5%;	color:#444444;margin-bottom:20px;line-height:1.3em;display:block;font-weight:400;}
[class^="h-noto07"]{	font-size:20px;	margin-bottom:10px;	line-height:1.3em;	padding-left:0px;}

/* ------------------------------------------------------ *
	サイト両端の縦線
 * ------------------------------------------------------ */

body {
border-style: solid;
border-width: 0px 5px;
}

@media screen and (max-width: 640px) {
body {
border-width: 0px 0px;
}
}

/* ------------------------------------------------------ *
	テキストマーカー
 * ------------------------------------------------------ */

.redpen {
	background-image: linear-gradient(transparent 90%, #F5A9A9 20%);
}

.bluepen {
	background-image: linear-gradient(transparent 90%, #A9D0F5 20%);
}

.greenpen {
	background-image: linear-gradient(transparent 90%, ##A9F5BC 20%);
}

.orangepen {
	background-image: linear-gradient(transparent 90%, #F7D358 20%);
}

/* ------------------------------------------------------ *
	youtube iframe padding (PCはタイトル高に合わせ、スマホは空白なし)
 * ------------------------------------------------------ */

.iframePadding {
  padding-top: 30px;
}
@media screen and (max-width: 640px) {
  .iframePadding {padding-top: 0px;}
  }

#kodomo {
  display: block;
  margin: 0 auto;
}

/* ------------------------------------------------------ *
	ul ol
 * ------------------------------------------------------ */
 ul p{	line-height:1.5em!important;}
.styleNone > li{	list-style:none;	line-height:2em;}
.ul-inline01{	letter-spacing:-.4em;}
	.ul-inline01 li{	display:inline-block;	border-radius:4px;	letter-spacing:normal;	border:solid 1px #654C3A;	margin:0 10px 10px 0;}
	.ul-inline01 a{	display:block;	font-size:108%;	color:#FFF;	font-weight:bold;	background:#BADAA3;	padding:1em;}
	.ul-inline01 .act a{	background:#654C3A;}
	.ul-inline01 a:hover{	background:#654C3A;}

[class^="ul-block"] > li{	display:block;	list-style:none;}
	[class^="ul-block"] > li + li{	margin-top:10px;}
	.ul-block01 >  li + li{	margin-top:20px;}
		@media screen and (max-width: 480px){
			.ul-block01 >  li + li{	margin-top:10px;}
		}
	
	.ul-block02 >  li{	margin-top:0;	border:solid 1px #DDD;}
		.ul-block02 > li + li{	margin-top:0;	border-top:none;}
		.ul-block02 >  li a{	display:block;	padding:4.7% 5%;	font-size:123.1%;	border-top:none;	line-height:1em;	color:#333;}
		
	.ul-block03 >  li{	padding:0 0 30px;	border-bottom:solid 1px #DDD;}
		.ul-block03 > li + li{	margin-top:0;	padding:30px 0;}
		.ul-block03 img{	margin-right:30px;	width:31.25%; border-radius:5px;}
		.ul-block03 .title{	font-size:123.1%;	color:#E1793F;	margin-bottom:10px;}

/* ------------------------------------------------------ *
	スペシャル
 * ------------------------------------------------------ */

.h-header-story{	max-width:450px;	color:#FFF;	font-weight:bold;	line-height:1.2em;	padding:10px 0;	border-top:solid 3px #FFF;	border-bottom:solid 3px #FFF;	margin:10px auto 0 0;}
	.h-header-story [class^="txt"]{	display:block;}
	.h-header-story .txt01{	font-size:30px;	line-height:1.2em;	}
	.h-header-story .txt01 span{	font-size:0.7em; vertical-align:middle;}
	.h-header-story .txt02{	font-size:26px;	line-height:1.2em;}
	.h-header-story .txt03{	font-size:24px;	line-height:1.2em;}
	@media screen and (max-width: 640px){
		.h-header-story{	max-width:300px;	text-align:center;	margin:10px auto 0;	border-width:2px;}
		.h-header-story .txt01{	font-size:25px;}
		.h-header-story .txt02{	font-size:13px;}
		.h-header-story .txt03{	font-size:12px;}
	}

.catch-story{	margin-top:30px;	margin-bottom:30px;	position:relative;	z-index:+1;}
	.catch-story div{	font-size:153.9%;	/*width:200px;*/	display:inline-block;	line-height:1.3em;	border-bottom:solid 6px #333;	margin-bottom:20px;}
	.catch-story p{	display:block;	font-family: "Sawarabi Gothic"; font-size:25px; color:#654C3A; line-height:1.2em;	position:relative;	z-index:+1;}
	@media screen and (max-width: 640px){
		.catch-story{	margin-top:30px; margin-bottom:30px;}
		.catch-story p{	font-size:20px;}
	}

.catch-story2{	margin-top:50px;	position:relative;	z-index:+1;}
	.catch-story2 div{	font-size:153.9%;	/*width:200px;*/	display:inline-block;	line-height:1.3em;	border-bottom:solid 6px #333;	margin-bottom:20px;}
	.catch-story2 p{	display:block;	font-size:50px;	font-weight:bold;	line-height:1.2em;	position:relative;	z-index:+1;}
	@media screen and (max-width: 640px){
		.catch-story2{	margin-top:30px;}
		.catch-story2 p{	font-size:30px;}
	}

.aside-story{	padding-top:50px;}
	.aside-story .ul-col2-01{	padding:30px 0 0;	border-top:solid 1px #DDDDDD;	margin:30px 0 0;}

.story article{	padding-bottom:0;}
	.story#index section{	padding-bottom:0;}
	.story#index .header-sub01{	background:url(../img/img-header-top-title-pc2.png);}
	.story#index .header-sub01 p{	font-size:153.9%;	font-weight:bold;	margin-top:35px;	padding-bottom:144px;}
	.story#index .header-sub03{	background:url(../img/img-header-top-title-pc.png);}
	.story#index .header-sub03 p{	font-size:153.9%;	font-weight:bold;	margin-top:35px;	padding-bottom:144px;}
	.story#index section .inner01 > p{	display:block;	margin:0 auto 40px;}
	.story#nebaristar .header-sub01{	background:url(../img/img-header-sub-story01.jpg);}
	.story#okura .header-sub01{	background:url(../img/img-header-sub-story02.jpg);}
	.story#gourmet .header-sub01{	background:url(../img/img-header-sub-story03.jpg);}
	.story#satsuki .header-sub01{	background:url(../img/img-header-sub-story04.jpg);}
	.story#mangetsu .header-sub01{	background:url(../img/img-header-sub-story05.jpg);}
	.story#toro-okra .header-sub01{	background:url(../img/img-header-sub-story06.jpg);}
	.story#kids .header-sub02{	background:url(../img/img-header-sub-story07.jpg);}
	.story#zen .header-sub01{	background:url(../img/img-header-sub-story08.jpg);}
	.story-nav{	background:#EEE8E3; padding:50px 0 50px;	margin-top:0px;}
	.story-nav2{ background:#F9F4EF; padding:1px 0 1px;	margin-top:50px;}
	.story-nav3{ background:#EFFBFB; padding:50px 0 50px;	margin-top:0px;}
	.story-nav4{ background:#FBEFF2; padding:50px 0 50px;	margin-top:0px;}
	.story-nav5{ background:#FBF8EF; padding:50px 0 50px;	margin-top:0px;}
	.story-nav6{ background:#F5E0D4; padding:50px 0 50px;	margin-top:0px;}
	.story#nebaristar .h-serif02-01.n01{	padding-top:0.5em;	padding-bottom:0.5em;}
	@media screen and (max-width: 640px){
		.story#nebaristar .h-serif02-01.n01{	padding-top:0;	padding-bottom:0;}
		.story#satsuki .h-serif02-01.n01{	padding-top:0;	padding-bottom:0;}
		.story#index .header-sub01 p{	font-size:108%;	margin-top:20px;	padding-bottom:0;	text-align:center;}
	}

.genre-nav{	background:#EEE8E3;	padding:50px 0 50px;	margin-top:0px;}

/* ------------------------------------------------------ *
	img PC/スマホのon/off
 * ------------------------------------------------------ */

.title-banner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  padding-bottom: 30px;
  text-align: center;
}

img.title-banner-pc {
display: block !important;
}
img.title-banner-sm {
display: none !important;
}
.br-pc { display:none; }

@media screen and (max-width: 640px) {
img.title-banner-sm {
display: block !important;
width: 100%;
}
img.title-banner-pc {
display: none !important;
}
.br-pc { display:block; }
}

/* ------------------------------------------------------ *
	img ドロップシャドウ
 * ------------------------------------------------------ */

.shadow-img1 {
        filter: drop-shadow(3px 3px 5px #aaa);
}

/* ------------------------------------------------------ *
	共通タイトル (テキスト&画像)
 * ------------------------------------------------------ */

.title hr {
  border-top: 6px dotted #654C3A;
  max-width: 1000px;
  margin: auto;
  margin-bottom: 20px;
}
.title h2 {
	background-color: #FFFFFF;
	padding: 80px 0px 10px 00px;
	font-size: 24px;
	color: #654C3A;
	text-align: center;
	font-family: "Sawarabi Gothic";
}

/* ------------------------------------------------------ *
	検索フォーム
 * ------------------------------------------------------ */

.search_container{
  box-sizing: border-box;
  position: relative;
  border: 1px solid #999;
  display: block;
  padding: 0px 0px 0px;
  margin-top: 30px;
  border-radius: 20px;
  width: 300px;
  font-size: 15px;
  overflow: hidden;
}
.search_container input[type="text"]{
  border: none;
  height: 2.0em;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.4em;
  border: none;
  background: none;
  color: #666666;
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  right: 0;
  top: -10px;
  outline : none;
}
::placeholder {
  color: #8B7769;
}

/* ------------------------------------------------------ *
	もっとみるボタン
 * ------------------------------------------------------ */

.button-motto a {
  display: block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 30px;
  padding: 10px 10px;
  width: 300px;
  text-align: center;
  color: #333;
  border: 1px solid #999;
  font-size: 15px;
  font-weight: 200;
  background-color: #FFFFFF;
  border-radius: 20px;
  transition: 0.2s;
}

.button-motto a:hover {
  text-decoration: none;
  border: 1px solid #FFFFFF;
  background-color: #EEE8E3;
}

/* ------------------------------------------------------ *
	ジャンルで選ぶ (テーブルタイプ) 202210
 * ------------------------------------------------------ */

/* table-genre */

#table-genre {
  max-width: 1000px;
  margin: 0 auto;
  font-size: 13px;
  background: transparent;
}

#table-genre a {
  color: #666;
}

#table-genre th, #table-genre td {
  text-align: center;
  width: 125px;
  min-width: 100px;
  height: 60px;
  background-color: #FFF;
  border: 1px solid #EEE;
  vertical-align: middle;
}

/* sm */
@media only screen and (max-width: 768px) {
  #table-genre {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }
  #table-genre th, #table-genre td {
  height: 80px;
}
}

.table-h2 {
    max-width: 1000px;
    margin: 0 auto;
	background-color: #FFFFFF;
	padding: 30px 0px 10px 0px;
	font-size: 22px;
	color: #219A6F;
	text-align: left;
	font-family: "Sawarabi Gothic";
	background: transparent;
}

/* ------------------------------------------------------ *
	Nav previous/next
 * ------------------------------------------------------ */

.nav-pn {
	text-align: center;
	font-size: 20px;
	color: #9ACB46;
	font-weight: bolder;
	vertical-align: middle;
	margin-bottom: 30px;
}
.nav-pn img
{
	vertical-align: middle;
}


/* ---------------------------------------------------------------- *
	pagenate_window リスト形式のページ表示部分
 * ---------------------------------------------------------------- */
 .l-pager span, .l-pager a{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
 }
 .l-pager, .l-pager span, .l-pager a{
	-webkit-justify-content: center !important;
	-moz-justify-content: center !important;
	-ms-justify-content: center !important;
	justify-content: center !important;
 }
  
 .pagenate_window button, [type="button"] {
	background: #FFF;
	border: 0;
	border-radius: 0;
	box-sizing: border-box;
	color: inherit;
	cursor: pointer;
	vertical-align: middle;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	-moz-tap-highlight-color: rgba(0, 0, 0, 0.3);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
	tap-highlight-color: rgba(0, 0, 0, 0.3);
	/*
	width: 35px;
	height: 35px;
	*/
   }

   .pagenate_window div {
	width:100%;
	/*
	height: 45px;
	*/
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
   }

	.pagination li{
		float:left;
	}
		
	.page-link{	
		background: #FFF;
		padding:10px 10px 0;
	}

	.btn-previous ,.btn-next ,.btn-previous img ,.btn-next img{
		padding:0 10px;
		}
		
@media screen and (max-width: 640px) {
	.page-num {	
		display: none;
	   }
	}
	

/* ------------------------------------------------------ *
	swiper
 * ------------------------------------------------------ */

.swiper-container{
   max-width: 1000px;
   height: auto;
}

.swiper-container img {
  width: 100%;
  height: auto;
}

.swiper-container p {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 5px 10px 5px 10px;
  font-size: 15px;
  color: #FFFFFF;
  text-align: left;
  font-family: "Sawarabi Gothic";
  text-shadow: 1px 1px 5px #000;
  border-bottom-right-radius: 5px;
}

/* ------------------------------------------------------ *
	レスポンシブタイル
 * ------------------------------------------------------ */

.res-container {
  margin: 0 auto;
  padding: 0px;
  max-width: 1000px;
  background-color: #FFF;
  /*
  column-count: 4;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-gap: 0;
  */
	display:grid;
	grid-template-rows: var(--grid-template-rows, repeat(2, 1fr)); 
	grid-template-columns: var(--grid-template-columns, repeat(2, 1fr));

}

@media (max-width: 640px) {
  .res-container {
	display:grid;
	grid-template-rows: repeat(2, 1fr); 
	grid-template-columns: repeat(2, 1fr);
  /*
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-gap: 0;
  */
  }
}

.res-img {
	width: 100%;
	vertical-align: bottom;
  	border-radius: 0px;
}

.res-grid {
  padding: 2px;
  /*
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  */
  border-radius: 0px;
}

.res-p1 {
  font-family: "Sawarabi Gothic";
  font-size: 15px;
  font-weight: 200;
  text-align: left;
  color: #333;
  padding: 0px 5px 0px 5px;
  /* overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; */
  word-break: break-word;
}

.res-p2 {
  font-family: "Sawarabi Gothic";
  font-size: 13px;
  line-height: 1.3em;
  text-align: left;
  color: #333;
  padding: 0px 5px 10px 5px;
  /* overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap; */
  word-break: break-word;
}

/* ------------------------------------------------------ *
	行表示 
 * ------------------------------------------------------ */

.tbl-r02 div {
	margin: 0px auto;
}

.tbl-r02 table {
  margin: 0px auto;
  max-width: 900px;
  table-layout: fixed;
}
.tbl-r02 th {
  background: #FFF;
  color: #fff;
  padding: 0px;
  width: 750px;
}
.tbl-r02 td {
  text-align: left;
  vertical-align: middle;
　border: solid 1px #FFF;
}

.tbl-r02 img {
  width: 150px;
  height: 150px;
  padding: 2px;
}

.tbl-r02 h2 {
	font-family: "Sawarabi Gothic";
	font-size: 18px;
	color: #8B7769;
	text-align: left;
	padding: 0px 0px 0px 10px;
	height: 20px;
}

.tbl-r02 p {
	font-family: "Sawarabi Gothic";
	font-size: 13px;
	font-weight: 100;
	color: #333;
	text-align: left;
	padding: 20px 0px 0px 10px;
}

.ellipsis-h2 {
	position: relative;
	overflow: hidden;
}

.ellipsis-h2:before, .ellipsis-h2:after {
	position: absolute;
	background: #fff;
}

.ellipsis-h2:before {
	content: "";
	bottom: 0;
	right: 0;
}

.ellipsis-h2:after {
	content: "";
	width: 100%;
	height: 100%;
}
.ellipsis-p {
	position: relative;
	height: 100px;
	overflow: hidden;
	line-height: 20px;
}

.ellipsis-p:before, .ellipsis-p:after {
	position: absolute;
	background: #fff;
}

.ellipsis-p:before {
	content: "･･･";
	bottom: 0;
	right: 0;
}

.ellipsis-p:after {
	content: "";
	width: 100%;
	height: 100%;
}

/* ------------------------------------------------------ *
	単一レシピ
 * ------------------------------------------------------ */

.recipe1column01 > *{	width:48%;	max-width:460px;	float:left;}
.recipe1column01 > *:nth-child(even){	float:right;}
.recipe1column01R > *{	width:48%;	max-width:460px;	float:right;}
.recipe1column01R > *:nth-child(even){	float:left;}
	@media screen and (max-width: 640px) {
		.recipe1column01 > *,
		.recipe1column01R > *,
	}

.recipe1 table {
	border-collapse:  collapse;
	margin: 10px 0px 60px;
	width: 100%;
}

.recipe1 td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDD;
	padding: 10px;
	font-size: 15px;
	color: #333;
	text-align: left;
}

.a {
  width: 20px;
}

.recipe1 img {
	border-radius: 0px;
	width: 100%;
}

.recipe1 h2 {
	background-color: #FFFFFF;
	padding: 0px 0px 0px;
	font-size: 22px;
	color: #8B7769;
	text-align: left;
	font-family: "Sawarabi Gothic";
}

.recipe1 h3 {
	background-color: #FFFFFF;
	border-bottom: 0px solid #DDD;
	padding: 0px 0px 10px;
	font-size: 18px;
	color: #8B7769;
	text-align: left;
}

.recipe1 hr {
	border: none;
	height: 3px;
    background-color: #8B7769;
}

.recipe1 p {
	margin: 15px 0px 0px;
	padding: 5px;
	font-size: 15px;
	line-height: 18px
	color: #333;
	text-align: left;
	padding: 0px 0px 30px;
}