@charset 'utf-8';
html {
	font-size: 10px;
	font-weight: 400;
	line-height: 1;
	text-align: justify;
	text-justify : inter-ideograph ; /* for IE */
	height: 100%;
}

body {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
#container { background-image: url(../images/back_yoko.gif); background-repeat: repeat-x;; background-position: center top; }
/*@media screen and (max-width: 640px) {
	#container { background-image: url(../images/back_yoko_sp.gif); background-repeat: repeat-x;; background-position: center top; }
}*/
@media screen and (max-width: 782px) {
	body {
		min-width: 320px
	}
	
	.sp-hidden {
		display: none
	}
}


@media screen and (min-width: 783px) {
	.pc-hidden {
	display: none
	}
}

::-moz-selection {
	text-shadow: none;
	background-color: #b3d4fc;
}
::selection {
	text-shadow: none;
	background-color: #b3d4fc;
}

hr {
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

img[src$=".svg"] {
	height: 100%;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.ofh { overflow: hidden!important; }

.glow:hover {
   opacity:0.7;
}
/* 新旧Firefox */
.glow:hover, x:-moz-any-link { background: #fff;}
.glow:hover, x:-moz-any-link, x:default { background: #fff;}

/* ==========================================================================
 styles
 ========================================================================== */
@media screen and (max-width: 782px) {
	.utl-sp-hdn {
		display: none;
	}
}

@media screen and (min-width: 783px) {
	.utl-pc-hdn {
		display: none!important;
	}
}

.center { text-align: center !important; }
.rt { text-align: right !important; }
.lt { text-align: left !important; }
.fll { float: left !important; }
.flr { float: right !important; }
.nfll { float: left !important; }
.nflr { float: right !important; }
.fll_foot { float: left !important; }
.flr_foot { float: right !important; text-align: right; }
.flr_foot a { font-size: 1.4rem; color: #0b3f87; }
.fll_sns { float: left !important; }
.flr_sns { float: right !important; }
.fll10 { float: left !important; margin-right: 10px !important; }
.flr10 { float: right !important; margin-left: 10px !important; }
.fll20 { float: left !important; margin-right: 20px !important; }
.flr20 { float: right !important; margin-left: 20px !important; }
.ml0 { margin-left: 0 !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml110 { margin-left: 110px !important; }
.mr0 { margin-right: 0 !important; }
.mr10 { margin-right: 10px !important; }
.mr11 { margin-right: 11px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr21 { margin-right: 21px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mlr0 { margin-left: 0 !important; margin-right: 0 !important; }
.mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
.mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
.mlr30 { margin-left: 30px !important; margin-right: 30px !important; }
.mlr40 { margin-left: 40px !important; margin-right: 40px !important; }
.mlr50 { margin-left: 50px !important; margin-right: 50px !important; }
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb100 { margin-bottom: 100px !important; }
.mtb0 { margin-top: 0; margin-bottom: 0 !important; }
.mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.mw100 { max-width: 100%; }
.mini{ font-size: 11px!important; margin-top: 10px; }
.clr { clear: right; }
.cll { clear: left; }
.clb { clear: both; }
.ofh { overflow: hidden; }
.red { color: #cc0000; }
.pcflr { float: right; }
.pcfll { float: left; }
.pcflr40 { float: right; margin-left: 40px; }
.pcfll40 { float: left; margin-right: 40px; }
.pc50 { width: 50%; padding-right: 20px; }
.pccenter { text-align: center; }

a:hover { opacity: 0.7!important; filter: alpha(opacity=70)!important; }
a:hover h3 { opacity: 0.7!important; filter: alpha(opacity=70)!important; }
a:hover figure { opacity: 0.7!important; filter: alpha(opacity=70)!important; }
a:hover:before { opacity: 0.7!important; filter: alpha(opacity=70)!important; }

@media screen and (max-width: 782px) {
	.pcflr { float: none; text-align: center; }
	.pcfll { float: none; }
	.pcflr40 { float: none; text-align: center; margin: 0; }
	.pcfll40 { float: none; }
	.pc50 { width: 100%; padding-right: 0px; }
	.pccenter { text-align: left; }
}

/*pagetop*/
p.button-returnTop{
  display: block;
  z-index: 100;
  font-size:  .65em;
  border: 2px solid #e7e7e7;
  background: #fff;
  border-radius: 5px;
  position: fixed;
  right: 10px;
  bottom: 5%;
  width: 50px;
  height: 50px;
  line-height: .3em;
  text-align:  center;
}
p.button-returnTop a{
  display:  block;
  text-decoration: none;
}
p.button-returnTop span{
  font-size: 3em;
  color: #8fc231;
}
p.button-returnTop a:hover{
  color: #3d3d3d;
}
p.button-returnTop:hover span{
  line-height:  25px;
}
p.button-returnTop{background:none;border:none;width:80px;height:100px;}
p.button-returnTop a{height:100%;}
p.button-returnTop span.ti-angle-up{background:url(../images/pagetop.png) 0% 0%/cover;height:100%;display:block;}
p.button-returnTop span.ti-angle-up:before{content:"Page top";width:95%;font-size:.8rem;font-weight:bold;color:#333;}

@media ( max-width : 768px ) {
	p.button-returnTop{width: 60px;height: 80px;font-size: 0.5em;}
	p.button-returnTop span.ti-angle-up:before{font-size: 0.6rem;}
}


.lettersp { letter-spacing: -1px;  }

#page-top {
	position: fixed;
	bottom: 20px;
	right: 0px;
	font-size: 1.2rem;
}

#page-top i {
	margin-bottom: 0.5rem;
	font-size: 2rem;
}
#page-top a {
	background: #888;
	text-decoration: none;
	color: #fff;
	padding: 10px 5px;
	text-align: center;
	display: block;
	box-shadow: 0px 2px 0px #666;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 5px; 
}
@media screen and (max-width: 782px) {
	#page-top {
	bottom: 20px;
	}
}

/*header*/
header {
	border-bottom: 1px solid  #d4ccbf;
}
#toppage header {
	border-bottom: none;
}
.header_inner {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 15px 15px 15px;
}

.header_inner div.header_a {
	float: left;
	max-width: 317px;
}

.header_inner div.header_a h1 {
	margin: 0;
	padding: 0;
}

.header_inner div.header_b {
	float: right;
}

.header_inner div.header_b ul {
	display: flex;
	justify-content: flex-end;
	font-size: 1.2rem;
	margin-bottom: 10px;
}

.header_inner div.header_b ul li {
	margin-left: 10px;
}
.header_inner div.header_b ul li:nth-child(1) {
	border-right: 1px solid #998982;
	padding-right: 10px;
	margin-left: 0;
}
.header_inner div.header_b ul li a {
	color: #998982;
	text-decoration: underline;
}
.head_input1 {
	border: 2px solid  #d4ccbf;
	width: 300px;
	height: 40px;
	font-size: 1.4rem;
	padding-left: 4rem;
	background: url(../images/search.png);
	background-size: contain;
	background-repeat: no-repeat;
	 vertical-align : middle;
}
.head_input2 {
	border: 2px solid  #d4ccbf;
	background-color: #d4ccbf;
	width: 90px;
	height: 40px;
	font-size: 1.4rem;
	 vertical-align : middle;
}

#pro .header_inner {
	padding: 20px 15px;
}
#pro .head_input1 {
	height: 30px;
}
#pro .head_input2 {
	height: 30px;
}

#pro .contents_inner p.top_text {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 20px;;
}

input::placeholder {
  color: #ccc;
}

/* IE */
input:-ms-input-placeholder {
  color:  #ccc;
}

/* Edge */
input::-ms-input-placeholder {
  color:  #ccc;
}

@media screen and (min-width: 783px) {
}
@media screen and (max-width: 782px) {
	header {
		width: 100%;
		min-width: 320px;
	}
	.header_inner {
		max-width: 1080px;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		padding: 10px 15px;
	}
	.header_inner div.header_a {
		float: none;
		max-width: 782px;
	}
	
	.header_inner div.header_a h1 {
		margin: 0 0 10px 0;
		padding: 0;
		max-width: 200px;
	}
	
	.header_inner div.header_b {
		float: none;
		max-width: 782px;
	}
	
	.header_inner div.header_b ul {
		display: none;
	}
	.head_input1 {
		border: 1px solid  #d4ccbf;
		width : calc(100% - 20%) ;
		height: 30px;
		font-size: 1rem;
		padding-left: 3rem;
		background: url(../images/search.png);
		background-size: contain;
		background-repeat: no-repeat;
		 vertical-align : middle;
	}
	.head_input2 {
		border: 1px solid  #d4ccbf;
		background-color: #d4ccbf;
		width : calc(100% - 80%) ;
		height: 30px;
		font-size: 1rem;
		 vertical-align : middle;
	}
	#pro .contents_inner p.top_text {
	font-size: 1.1rem;
	line-height: 1.4;
	margin-bottom: 20px;;
	}

}


/*header*/
.recommended {
	/*background-color: #f5f4f2;*/
	background-color: #e9f6c7;
}

.recommended_inner {
	max-width: 1072px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 9px;
}

.recommended_inner h2 { color: #6b5c44; font-size: 1.8rem; margin-bottom: 10px; font-weight: 700; width: 170px; }
/*.recommended_inner h2:before { content:" "; background:url(../images/recipe_icon.png); margin: 0 5px 0 0; position: relative; top: 6px; width: 20px; height: 28px; background-size: contain;display:inline-block; background-repeat: no-repeat; }*/
ul.recipe_thum {  }
ul.recipe_thum li { width: 200px!important; margin: 0 13px 0 0; }
ul.recipe_thum li a {  }
ul.recipe_thum li a figure { width: 200px; height: 200px; margin-bottom: 10px; }
ul.recipe_thum li a h3 { color:#ae0047; font-size: 1.4rem; font-weight: 700; text-decoration: underline; margin-bottom: 10px; line-height: 1.4; /*min-height: 40px;*/ }
ul.recipe_thum li a p { font-size: 1.1rem; display: inline-block; margin-bottom: 5px; margin-right: 5px; }
ul.recipe_thum li a p.recipe_people:before {content:" "; background:url(../images/people.png); margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
ul.recipe_thum li a p.recipe_time:before {content:" "; background:url(../images/time.png);  margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }


@media screen and (max-width: 782px) {
	.recommended_inner {
		width: 100%;
		padding: 10px 15px 10px 15px;
	}
	.recommended_inner h2 { color: #6b5c44; font-size: 1.4rem; margin-bottom: 5px; font-weight: 700; width: 120px; }
	/*.recommended_inner h2:before { content:" "; background:url(../images/recipe_icon.png); margin: 0 5px 0 0; position: relative; top: 6px; width: 15px; height: 21px; background-size: contain;display:inline-block; background-repeat: no-repeat; }*/
	ul.recipe_thum { left: 50%; }
	ul.recipe_thum li { width:140px!important; margin: 0 5px; }
	ul.recipe_thum li a figure { width: 100%; height: 160px; margin-bottom: 10px; }
	ul.recipe_thum li a h3 { color:#ae0047; font-size: 1.1rem; font-weight: 700; text-decoration: underline; margin-bottom: 10px; line-height: 1.4; /*min-height: 40px;*/ }
	ul.recipe_thum li a p { font-size: 0.8rem; display: inline-block; margin-bottom: 5px; margin-right: 5px; }
	ul.recipe_thum li a p.recipe_people:before {content:" "; background:url(../images/people.png); margin: 0 5px 0 0; position: relative; top: 2px; width: 11px; height: 11px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
	ul.recipe_thum li a p.recipe_time:before {content:" "; background:url(../images/time.png);  margin: 0 5px 0 0; position: relative; top: 2px; width: 11px; height: 11px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
}

/*contents*/
.contents {
	}

.contents_inner {
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 15px;
}

.contents_main {
	float: left;
	width : calc(100% - 363px) ;
}

.contents_main figure.top_banner {
	margin-bottom: 20px;
}

.kakomi { border: 5px solid  #efede9; padding: 15px; overflow: hidden; margin-bottom: 20px; }
.kakomi_naka { width: 300px; float: left; }
.kakomi_naka:nth-child(2) { margin-right: 20px; }
.kakomi h2 { border-bottom: 2px solid  #efede9; color: #59493f; font-size: 1.8rem; padding-bottom: 5px;font-weight: 700; }
.kakomi h3 { font-size: 1.4rem; margin-bottom: 5px; margin-top: 15px; font-weight: 700;}
.kakomi h3 a { color:#bb0d56; text-decoration: underline; }
.kakomi p { font-size: 1.0rem; line-height: 1.4; }
.kakomi_naka p a { text-decoration: underline; }

.cate_list { display: flex; flex-wrap: wrap; }
.cate_info { width: 48.5%; margin-bottom: 15px; }
.cate_info:nth-child(2n) { margin-left: 3%; }
.cate_info figure { margin-bottom: 10px; }
.cate_info h3 {; }
.cate_info h3 a { color: #ae0047; text-decoration: underline; font-weight: 700; font-size: 1.4rem; }
.cate_info p { margin-top: 10px; border: 2px solid  #efede9; padding: 10px; font-size: 1.2rem; line-height: 1.4; }
.cate_info p a { text-decoration: underline; }

.contents_main h2.cate_list_h2 { color: #59493f; font-size: 1.8rem; font-weight: 700; margin-bottom: 15px; }

.contents_nav {
	float: right;
	max-width: 333px;
	width: 100%;
}

.contents_nav h2 {
	color: #59493f;
	font-size: 1.8rem;
	font-weight: 700;
}

.contents_nav figure {
	margin-bottom: 15px;
}

.contents_nav ul.recipe_cate {
	margin-bottom: 30px;
}

.contents_nav ul.recipe_cate li {
	margin-bottom: 5px;
}

.contents_nav ul.recipe_cate li a {
	color: #ae0047;
	text-decoration: underline;
	font-weight: 700;
	font-size: 1.4rem;
}

.contents_nav ul.recipe_cate li:nth-child(1) a:before {
	content:" "; background:url(../images/cate01.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(2) a:before {
	content:" "; background:url(../images/cate02.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(3) a:before {
	content:" "; background:url(../images/cate03.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(4) a:before {
	content:" "; background:url(../images/cate04.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(5) a:before {
	content:" "; background:url(../images/cate05.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(6) a:before {
	content:" "; background:url(../images/cate06.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(7) a:before {
	content:" "; background:url(../images/cate07.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(8) a:before {
	content:" "; background:url(../images/cate08.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(9) a:before {
	content:" "; background:url(../images/cate09.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(10) a:before {
	content:" "; background:url(../images/cate10.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(11) a:before {
	content:" "; background:url(../images/cate12.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
.contents_nav ul.recipe_cate li:nth-child(12) a:before {
	content:" "; background:url(../images/cate11.png);  margin: 0 15px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}

@media screen and (max-width: 782px) {
	.contents {
	}
	.contents_inner {
		width: 100%;
		padding: 15px 15px;
	}
	.contents_main {
		float: none;
		width : 100%;
		margin-bottom: 20px;
	}
	
	.contents_main figure.top_banner {
		margin-bottom: 10px;
	}
	
	.kakomi { border: 3px solid  #efede9; padding: 10px; overflow: hidden; margin-bottom: 20px; }
	.kakomi_naka { width: 100%; float: none; }
	.kakomi_naka:nth-child(2) { margin-right: 20px; }
	.kakomi h2 { border-bottom: 2px solid  #efede9; color: #59493f; font-size: 1.4rem; padding-bottom: 3px;font-weight: 700; margin-bottom: 10px; }
	.kakomi h3 { font-size: 1.2rem; margin-bottom: 5px; margin-top: 5px; font-weight: 700;}
	.kakomi h3 a { color:#bb0d56; text-decoration: underline; }
	.kakomi p { font-size: 0.9rem; line-height: 1.4; }
	
	.cate_info {  margin-bottom: 10px; }
	.cate_info:nth-child(2n) { margin-left: 3%; }
	.cate_info figure { margin-bottom: 10px; }
	.cate_info h3 {; }
	.cate_info h3 a {  font-size: 1.2rem; }
	.cate_info p {  padding: 5px; font-size: 1rem; line-height: 1.4; }
	
	.contents_main h2.cate_list_h2 { color: #59493f; font-size: 1.4rem; font-weight: 700; margin-bottom: 10px; }
	
	.contents_nav {
		float: none;
		max-width: 100%;
		width: 100%;
	}
	
	.contents_nav h2 {
		display: none;
	}
	.contents_nav ul { display: none; }
	.contents_nav iframe { display: none; }
}

.footer { 
	border-top: 1px solid #d1c0a5; padding: 0 0 30px 0;
}
	

.footer_inner{ 
	max-width: 1080px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 15px;
}


.footer_inner ul {
	display: flex;
	justify-content: flex-end;
	font-size: 1.2rem;
	margin-top: 30px;
	margin-bottom: 30px;
}

.footer_inner ul li {
	margin-right: 10px;
}
.footer_inner ul li:nth-child(4) {
	margin-right: 0;
}
.footer_inner p {
	width: 300px;
	float: left;
}
/*.footer_inner ul li:nth-child(1) {
	border-right: 1px solid #998982;
	padding-right: 10px;
}
.footer_inner ul li:nth-child(2) {
	border-right: 1px solid #998982;
	padding-right: 10px;
	padding-left: 10px;
}
.footer_inner ul li:nth-child(3) {
	padding-left: 10px;
}
.footer_inner ul li a {
	color: #3d3d3d;
	text-decoration: underline;
}*/


footer ul { text-align: center; margin-bottom: 20px; }
footer ul li { display: inline-block; margin: 0 1em; font-size: 1.4rem; }
footer p img { max-width: 500px; width: 100%; margin: 0 auto; }

footer { 
	border-top: 1px solid #d1c0a5; padding: 20px 0; }
footer p { font-size: 1.2rem; text-align: center; line-height: 1.4; }
#pro footer { 
	border-top: none; }

@media screen and (max-width: 782px) {
	.footer { 
	border-top: 1px solid #d1c0a5; padding: 15px 0;
	}
	.footer_inner{ 
	}
	.footer_inner p {
		width: 100%;
		float: none;
		text-align: center;
		font-size: 1.2rem;
	}
	.footer_inner p a {
		text-decoration: underline;
	}
	.footer_inner img {
		width: 200px;
		float: none;
		margin-bottom: 10px;
	}
	.footer_inner ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		font-size: 1.2rem;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.footer_inner ul li {
		margin-right:0;
		width: 45%;
	}
	/*.footer_inner ul {
	display: none;
	}*/
	.sp_footerlink { font-size: 1.2rem; border-top:1px solid #d1c0a5; padding: 30px 0; display: flex; justify-content: center; margin-top: 20px; }
	.sp_footerlink a { text-decoration: underline; margin: 0 10px; }
	#pro .sp_footerlink {  border-top: 1px solid #d1c0a5; }
	footer { 
	border-top: 1px solid #d1c0a5; padding: 20px 0; }
	footer p { font-size: 1.0rem; text-align: center; line-height: 1.4; }
	#pro footer { 
	border-top: none; }
}



h2.cate_title {
	color: #59493f;
	font-size: 2.4rem;
	font-weight: 700;
}
p.keyword { margin-top: 10px; border: 2px solid  #efede9; padding: 10px; font-size: 1.2rem; line-height: 1.4; }
p.keyword a { text-decoration: underline; }

ul.recipe_thum_sub { margin-top: 20px; margin-bottom: 20px; }
ul.recipe_thum_sub li { margin: 0 0 10px 0; overflow: hidden; }
ul.recipe_thum_sub li a { }
ul.recipe_thum_sub li a figure { width: 100px; height: 100px; margin-bottom: 10px; float: left; margin-right: 10px; }
ul.recipe_thum_sub li a h3 { color:#ae0047; font-size: 1.4rem; font-weight: 700; text-decoration: underline; margin-bottom: 10px; line-height: 1.4; /*min-height: 40px;*/ }
ul.recipe_thum_sub li a p { font-size: 1.1rem; display: inline-block; margin-bottom: 5px; margin-right: 5px; }
ul.recipe_thum_sub li a p.recipe_people:before {content:" "; background:url(../images/people.png); margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
ul.recipe_thum_sub li a p.recipe_time:before {content:" "; background:url(../images/time.png);  margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }

ul.recipe_thum_main { margin-top: 20px; margin-bottom: 20px; display: flex; flex-wrap: wrap; }
ul.recipe_thum_main li { margin: 0 2% 10px 0; overflow: hidden; width: 32%; }
ul.recipe_thum_main li:nth-child(3n) {  margin: 0 0 10px 0;  }
ul.recipe_thum_main li a { }
ul.recipe_thum_main li a figure { width: 100%; height: 200px; margin-bottom: 10px; float: left; margin-right: 10px; }
ul.recipe_thum_main li a h3 { color:#ae0047; font-size: 1.4rem; font-weight: 700; text-decoration: underline; margin-bottom: 10px; line-height: 1.4; /*min-height: 40px;*/ }
ul.recipe_thum_main li a p { font-size: 1.1rem; display: inline-block; margin-bottom: 5px; margin-right: 5px; }
ul.recipe_thum_main li a p.recipe_people:before {content:" "; background:url(../images/people.png); margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
ul.recipe_thum_main li a p.recipe_time:before {content:" "; background:url(../images/time.png);  margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }

ul.recipe_thum_main2 { margin-top: 20px; margin-bottom: 20px; display: flex; flex-wrap: wrap; }
ul.recipe_thum_main2 li { margin: 0 0 10px 0; overflow: hidden; width: 48%; }
ul.recipe_thum_main2 li:nth-child(2n) { margin: 0 0 10px 4%; }
ul.recipe_thum_main2 li a { }
ul.recipe_thum_main2 li a figure { width: 100px; height: 100px; margin-bottom: 10px; float: left; margin-right: 10px; }
ul.recipe_thum_main2 li a h3 { color:#ae0047; font-size: 1.4rem; font-weight: 700; text-decoration: underline; margin-bottom: 10px; line-height: 1.4; /*min-height: 40px;*/ }
ul.recipe_thum_main2 li a p { font-size: 1.1rem; display: inline-block; margin-bottom: 5px; margin-right: 5px; }
ul.recipe_thum_main2 li a p.recipe_people:before {content:" "; background:url(../images/people.png); margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
ul.recipe_thum_main2 li a p.recipe_time:before {content:" "; background:url(../images/time.png);  margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }


figure.main_image { width: 100%; margin-bottom: 20px; background-color: #d4ccbf; text-align: center; }
figure.main_image img {  }
p.recipe_text { font-size: 1.4rem; line-height: 1.5; margin: 20px 0 40px 0; }
p.recipe_text a { color: #ae0047; text-decoration: underline;}
div.recipe_info { margin-top: 10px; display: flex; flex-wrap: wrap;}
div.recipe_info p { font-size: 1.1rem; display: inline-block; margin-bottom: 5px; margin-right: 15px; line-height: 1.4; align-self: center; }
div.recipe_info p.recipe_thinks { margin-top: 2px; }
div.recipe_info p.recipe_people:before {content:" "; background:url(../images/people.png); margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
div.recipe_info p.recipe_time:before {content:" "; background:url(../images/time.png);  margin: 0 5px 0 0; position: relative; top: 2px; width: 14px; height: 14px; background-size: contain;display:inline-block; background-repeat: no-repeat; }


#recipe dl{
	padding: 0;
	margin-top: 40px;
	margin-bottom: 20px;
}
#recipe dl dt{
	color: #59493f;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 15px;
}
#recipe dl dd{
	padding: 12px 5px;
	margin: 0;
	border-bottom: 2px solid #efede9;
	overflow: hidden;
	font-size: 1.6rem;
	line-height: 1.4;
}
#recipe dl dd p{
	margin: 0;
	padding: 0;
}
#recipe .making dd{
	padding: 12px 5px;
	font-size: 1.4rem;
	line-height: 1.4;
}
#recipe .making dd .num{
	display: inline-block;
	width: 2em;
	text-align: left;
	font-weight: bold;
	margin-right: 1em;
	float: left;
}

#recipe .making .num+span{
		overflow: hidden;
		display: block;
}
.recipe_foot { overflow: hidden; margin-bottom: 30px; }
.recipe_foot p { font-size: 1.4rem; }
.recipe_foot p a { text-decoration: underline; color:#978f8f; }
.icons { float: right; }
.icons img { width: 30px; }

.pager { text-align: center; }
.pager li { display: inline-block; text-align: center; }
.pager li a { border: 2px solid #ccc; padding-top: 8px; font-size: 1.4rem; display: block; margin-bottom: 10px; width: 35px; height: 35px; }
.pager li.active { border: 2px solid #d1c0a5; padding-top: 8px; font-size: 1.4rem; margin-bottom: 10px; width: 35px; height: 35px; }
#pro .pager { margin-bottom:50px; margin-top: 50px; }

section.memo { margin-bottom: 20px; background-color: #efede9; padding: 15px; }
section.memo h2 { font-size: 1.6rem; line-height: 1.4; margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #fff; padding-bottom: 5px; }
section.memo p { font-size: 1.4rem; line-height: 1.4; }
section.free { font-size: 1.4rem; line-height: 1.4; margin-bottom: 20px; }

@media screen and (max-width: 782px) {
	h2.cate_title {
	color: #59493f;
	font-size: 2rem;
	font-weight: 700;
	}
	p.keyword { margin-top: 10px; border: 2px solid  #efede9; padding: 10px; font-size: 1rem; line-height: 1.4; }
	ul.recipe_thum_main { }
	ul.recipe_thum_main li { margin: 0 0 10px 0; overflow: hidden; width: 49%; }
	ul.recipe_thum_main li:nth-child(2n) { margin: 0 0 10px 2%;  }
	ul.recipe_thum_main li a figure { width: 100%; height: 160px; margin-bottom: 10px; }
	ul.recipe_thum_main li a h3 { color:#ae0047; font-size: 1.1rem; font-weight: 700; text-decoration: underline; margin-bottom: 10px; line-height: 1.4; /*min-height: 40px;*/ }
	ul.recipe_thum_main li a p { font-size: 0.8rem; display: inline-block; margin-bottom: 5px; margin-right: 5px; }
	ul.recipe_thum_main li a p.recipe_people:before {content:" "; background:url(../images/people.png); margin: 0 5px 0 0; position: relative; top: 2px; width: 11px; height: 11px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
	ul.recipe_thum li a p.recipe_time:before {content:" "; background:url(../images/time.png);  margin: 0 5px 0 0; position: relative; top: 2px; width: 11px; height: 11px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
	div.recipe_info p { font-size: 0.8rem; display: inline-block; margin-bottom: 5px; margin-right: 5px; }
	div.recipe_info p.recipe_people:before {content:" "; background:url(../images/people.png); margin: 0 5px 0 0; position: relative; top: 2px; width: 11px; height: 11px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
	div.recipe_info p.recipe_time:before {content:" "; background:url(../images/time.png);  margin: 0 5px 0 0; position: relative; top: 2px; width: 11px; height: 11px; background-size: contain;display:inline-block; background-repeat: no-repeat; }
	ul.recipe_thum_main2 li { margin: 0 0 10px 0; overflow: hidden; width: 100%; border-bottom: 1px solid #ccc; }
	ul.recipe_thum_main2 li:nth-child(2n) { margin: 0 0 10px 0%; }
	
	h2.cate_title {
		color: #59493f;
		font-size: 1.6rem;
		font-weight: 700;
	}

	p.recipe_text { font-size: 1.2rem; line-height: 1.5; margin: 20px 0 40px 0; }
	#recipe dl dt{
	color: #59493f;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 15px;
	}
	#recipe dl dd{
		padding: 6px 5px;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	#recipe dl dd p{
		margin: 0;
		padding: 0;
	}
	#recipe .making dd{
		padding: 6px 5px;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	.recipe_foot { overflow: hidden; margin-bottom: 30px; }
	.recipe_foot p { font-size: 1rem; text-align: center; }
	.recipe_foot p a { text-decoration: underline; color:#978f8f; }
	.icons { float: none; margin-top: 20px; text-align: center; }
	.icons img { width: 30px; }
	
	.pager { text-align: center; }
	.pager li { display: inline-block; text-align: center; }
	.pager li a { border: 2px solid #ccc; padding-top: 3px; font-size: 1rem; display: block; margin-bottom: 10px; width: 20px; height: 20px; }
	.pager li.active { border: 2px solid #d1c0a5; padding-top: 3px; font-size: 1rem; margin-bottom: 10px; width: 20px; height: 20px; }
}

.pro_cate_right_box { margin-top: 10px; }
.pro_cate_right_box ul { margin-top: 10px; margin-left: 65px; }
.pro_cate_right_box ul li { margin-bottom: 10px; }
.pro_cate_right_box ul li a { color: #ae0047; font-size: 1.4rem; text-decoration: underline; font-weight: 600; }

#pro .contents_main {
	float: left;
	width : calc(100% - 280px) ;
}

#pro .contents_nav {
	float: right;
	max-width: 250px;
	width: 100%;
}

@media screen and (max-width: 782px) {
	#pro .contents_main {
	float: none;
	width : 100%;
	}
}

.pro_cate_right_box:nth-child(1) h2:before {
	content:" "; background:url(../images/pro_icon_right01.jpg);  margin: 0 15px 0 0; position: relative; top: 13px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; }

.pro_cate_right_box:nth-child(2) h2:before {
	content:" "; background:url(../images/pro_icon_right02.jpg);  margin: 0 15px 0 0; position: relative; top: 13px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; }

.pro_cate_right_box:nth-child(3) h2:before {
	content:" "; background:url(../images/pro_icon_right03.jpg);  margin: 0 15px 0 0; position: relative; top: 13px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; }

.pro_cate_right_box:nth-child(4) h2:before {
	content:" "; background:url(../images/pro_icon_right04.jpg);  margin: 0 15px 0 0; position: relative; top: 13px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; }

.pro_cate_right_box:nth-child(5) h2:before {
	content:" "; background:url(../images/pro_icon_right05.jpg);  margin: 0 15px 0 0; position: relative; top: 13px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; }

.pro_cate { display: flex; flex-wrap: wrap; margin-top: 40px; }
.pro_cate_box { width: 50%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #d4ccbf solid; }
.pro_cate_box:nth-child(5) { width: 50%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: none; }
.pro_cate_box figure { width: 100px; float: left; margin-right: 20px; }
.pro_cate_box h2 { color: #59493f; font-size: 1.8rem; line-height: 1.4; margin-bottom: 8px; font-weight: bold;}
.pro_cate_box ul { display: flex; flex-wrap: wrap; }
.pro_cate_box ul li { margin-right: 10px; padding-right: 10px; border-right: 1px solid  #d4ccbf; margin-bottom: 5px; }
.pro_cate_box ul li a { color: #ae0047; font-size: 1.4rem; line-height: 1.4; text-decoration: underline; font-weight: 600; }
.pro_cate_box ul li:last-child { border-right: none; }
.mail_link { text-align: center; margin-top: 10px; clear:both; }
.mail_link a img { width: 100%; max-width: 400px; }

@media screen and (max-width: 782px) {
	.pro_cate_box { width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #d4ccbf solid; }
	.pro_cate_box figure { width: 80px; float: left; margin-right: 15px; }
	.pro_cate_box h2 { color: #59493f; font-size: 1.4rem; line-height: 1.4; margin-bottom: 5px; font-weight: bold;}
	.pro_cate_box ul { display: flex; flex-wrap: wrap; }
	.pro_cate_box ul li { margin-right: 5px; padding-right: 5px; border-right: 1px solid  #d4ccbf; margin-bottom: 5px; }
	.pro_cate_box ul li a { color: #ae0047; font-size: 1.1rem; text-decoration: underline; font-weight: 600; }

}

ul.pro_recipe_thum_main { margin-top: 20px; margin-bottom: 20px; }
ul.pro_recipe_thum_main li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d4ccbf; }
ul.pro_recipe_thum_main li a { display: flex; flex-wrap: wrap; }
ul.pro_recipe_thum_main li a section.pro_thum_img { width: 100px; height: 100px; }
ul.pro_recipe_thum_main li a section.pro_thum_img figure { width: 100%; height: 100px; }
ul.pro_recipe_thum_main li a section.pro_thum_text { width : calc(100% - 290px) ; margin: 0 20px; }
ul.pro_recipe_thum_main li a section.pro_thum_btn { width: 150px; }
ul.pro_recipe_thum_main li a section.pro_thum_btn img {  width: 100%; margin-top: 20px; }
ul.pro_recipe_thum_main li a section.pro_thum_text h3 { color: #b5005a; font-size: 1.8rem; font-weight: bold; margin-bottom: 10px;line-height: 1.4;}
ul.pro_recipe_thum_main li a section.pro_thum_text p { font-size: 1.2rem; line-height: 1.4; }
span.menutitle { text-decoration: underline; margin-right: 5px; }
span.icon_new { margin-right: 5px; text-decoration: none !important ; position: relative; font-size: 1.1rem; border: 1px solid #ff9500; padding: 6px 6px 4px 6px; line-height: 1; color: #ff9500; display: inline-block; background-color: #fff; font-weight: 600; }
span.icon_osusume { margin-right: 5px; text-decoration: none!important; position: relative;  font-size: 1.1rem; border: 1px solid #ec517b;  padding: 6px 6px 4px 6px;  line-height: 1; color: #ec517b;  display: inline-block; background-color: #fff; font-weight: 600;}
#pro span.icon_new { top: -3px; }
#pro span.icon_osusume { top: -3px; }

@media screen and (max-width: 782px) {
	ul.pro_recipe_thum_main li a section.pro_thum_img { width: 80px; height: 80px; }
	ul.pro_recipe_thum_main li a section.pro_thum_img figure { width: 100%; height: 80px; }
	ul.pro_recipe_thum_main li a section.pro_thum_text { width : calc(100% - 90px) ; margin: 0 0 0 10px; }
	ul.pro_recipe_thum_main li a section.pro_thum_text h3 { font-size: 1.2rem;}
	ul.pro_recipe_thum_main li a section.pro_thum_text p { font-size: 1rem; line-height: 1.4; }
	ul.pro_recipe_thum_main li a section.pro_thum_text h3 span.icon_new { margin-right: 3px;  top: -1px; font-size: 0.8rem;  padding: 2px 3px;  }
	ul.pro_recipe_thum_main li a section.pro_thum_text h3 span.icon_osusume { margin-right: 3px;  top: -1px; font-size: 0.8rem;  padding: 2px 3px; }
	ul.pro_recipe_thum_main li a section.pro_thum_btn { width: 100%; text-align: right; }
	ul.pro_recipe_thum_main li a section.pro_thum_btn img {  width: 100%; max-width: 100px; margin-top: 10px; }

}
/*メニュー部分*/
.navbox {   }
nav.globalMenuSp {
    position: fixed;
    z-index: 10002;
    top: 0px;
    left: 0;
    background:rgba(255,255,255,0.9);
    color: #000;
    transform: translateX(-100%);
    transition: all 0.6s;
    width: 100%;
    padding: 40px 20px;
    height: 100vh;
    overflow: scroll;
}



nav.globalMenuSp h2 {
	color: #59493f;
	font-size: 1.4rem;
	font-weight: 700;
}

nav.globalMenuSp figure {
	margin-bottom: 5px;
}

nav.globalMenuSp ul.gmsp_nv {
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
}

nav.globalMenuSp ul.gmsp_nv li {
	margin-bottom: 5px;
	width: 50%;
}

nav.globalMenuSp ul.gmsp_nv li a {
	color: #ae0047;
	text-decoration: underline;
	font-weight: 700;
	font-size: 1rem;
}

nav.globalMenuSp ul.gmsp_nv li:nth-child(1) a:before {
	content:" "; background:url(../images/cate01.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(2) a:before {
	content:" "; background:url(../images/cate02.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(3) a:before {
	content:" "; background:url(../images/cate03.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(4) a:before {
	content:" "; background:url(../images/cate04.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(5) a:before {
	content:" "; background:url(../images/cate05.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(6) a:before {
	content:" "; background:url(../images/cate06.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(7) a:before {
	content:" "; background:url(../images/cate07.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(8) a:before {
	content:" "; background:url(../images/cate08.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(9) a:before {
	content:" "; background:url(../images/cate09.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(10) a:before {
	content:" "; background:url(../images/cate10.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(11) a:before {
	content:" "; background:url(../images/cate12.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}
nav.globalMenuSp ul.gmsp_nv li:nth-child(12) a:before {
	content:" "; background:url(../images/cate11.png);  margin: 0 5px 0 0; position: relative; top: 17px; width: 40px; height: 40px; background-size: contain;display:inline-block; background-repeat: no-repeat; 
}

/*nav.globalMenuSp ul {
	display: none;
   border-top: 1px solid #ccc;
  position:fixed;
    width: 100%;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
nav.globalMenuSp ul.active { display:block; }

nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
}

nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 1.5rem 0;
    font-size: 1.4rem;
}

nav.globalMenuSp ul li a span {
    font-size: 1rem;
}

nav.globalMenuSp ul li a.hnavi-bn { background-color: #ff5000; }
*/

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}


.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 10px;
    top: 5px;
    width: 42px;
    height: 51px;
    cursor: pointer;
    z-index: 10003;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
}

.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 3px #d4ccbf;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
}

.navToggle span:nth-child(1) {
    top: 9px;
}

.navToggle span:nth-child(2) {
    top: 18px;
}

.navToggle span:nth-child(3) {
    top: 27px;
}

.navToggle span:nth-child(4) {
    border: none;
    color: #d4ccbf;
    font-size: 9px;
    font-weight: bold;
    top: 34px;
}

.fb_box { margin: 0 auto 20px auto; text-align: center; width: 280px; }
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}




/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
/* when the library loads, each [data-delighter] 
      gets the .delighter class */

   
delighter.splash {
  transition: all 2s ease-out;
}
.delighter.splash.ended {
  background: #fff;
}
.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.bottom { transform:translatey(300%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.delighter li { opacity: 0; transform: translatey(400%); transition: all .7s ease-out; }
.delighter.started li { opacity: 1; transform: none; }
.delighter.started li:nth-child(1) { transition: all .7s ease-out .1s; }
.delighter.started li:nth-child(2) { transition: all .7s ease-out .3s; }
.delighter.started li:nth-child(3) { transition: all .7s ease-out .5s; }
.delighter.started li:nth-child(4) { transition: all .7s ease-out .7s; }
.delighter.started li:nth-child(5) { transition: all .7s ease-out .9s; }
.delighter.started li:nth-child(6) { transition: all .7s ease-out 1.1s; }
.delighter.started li:nth-child(7) { transition: all .7s ease-out 1.3s; }

.delighter pre {
  display: block; transition: all 2s ease-out; opacity: 0;
  padding: 20px 0;
  width: 1px; overflow: hidden;
}
.delighter.started pre {
  max-width: 99999px; width: 100%; opacity: 1;
}
.delighter .box { transition: all 1s ease-out; }
.delighter .box:nth-child(1) { transform: translate(-100%, 0); }
.delighter .box:nth-child(2) { transform: translate(170%, -70%); }
.delighter .box:nth-child(3) { transform: translate(20%, 0%); }

.delighter.started .box:nth-child(1) { transform: translate(0, 0); }
.delighter.started .box:nth-child(2) { transform: translate(70%, -70%); }
.delighter.started .box:nth-child(3) { transform: translate(20%, -120%); }

/*モーダル 動画*/
ul.cmLst { margin-bottom: 2rem; overflow: hidden; text-align: center!important; }

.cmMovie,
.cmOvl {
  position: fixed;
}


.cmMovie {
  width: 100%;
  max-width: 820px;
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  left: 50%;
  z-index: 15000;
  transform: translate(-50%, -50%);
  transition: opacity 280ms cubic-bezier(0.19, 1, 0.22, 1), visibility 280ms cubic-bezier(0.19, 1, 0.22, 1);
}

.cmMovie.active {
  opacity: 1;
  visibility: visible;
  transition: opacity 280ms 320ms cubic-bezier(0.19, 1, 0.22, 1), visibility 280ms 320ms cubic-bezier(0.19, 1, 0.22, 1);
}

.cmMovie_ytbWrp {
  padding-top: 56.25%;
  position: relative;
}

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

.cmMovie_cmName {
  text-align: center;
}

.cmMovie_closeBtn {
  margin: 0 auto 0;
  border-radius: 3px;
  background-color: #e7380d;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 640px) {
  .cmMovie {
    padding: 0 5px;
  }
  .cmMovie_ytbWrp {
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.3);
  }
  .cmMovie_cmName {
    margin-top: 15px;
  }
  .cmMovie_closeBtn {
    width: 100px;
    height: 26px;
    margin-top: 25px;
  }
}

@media screen and (min-width: 641px) {
  .cmMovie {
    padding: 0 40px;
  }
  .cmMovie_ytbWrp {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
  }
  .cmMovie_cmName {
    margin-top: 20px;
  }
  .cmMovie_closeBtn {
    width: 120px;
    height: 30px;
    margin-top: 30px;
  }
}

.cmOvl {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 10000;
  transform: scale(0.6);
  transition: opacity 200ms 290ms cubic-bezier(0.19, 1, 0.22, 1), visibility 200ms 290ms cubic-bezier(0.19, 1, 0.22, 1), transform 250ms 290ms cubic-bezier(0.19, 1, 0.22, 1);
}

.cmOvl.active {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1), visibility 300ms cubic-bezier(0.19, 1, 0.22, 1), transform 180ms cubic-bezier(0.19, 1, 0.22, 1);
}