@charset "UTF-8";


/* ==================================================
COMMON
================================================== */
body {
	background-color: #FAF1F1;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin-top: 0;
}

.home .btn {
	color: #FFF;
	background-color: #999;
	font-size: 13px;
	font-weight: bold;
	box-shadow: 1px 1px 2px 0px rgba(145, 145, 145, 0.5);
	border-radius: 5px;
}

.home .btn-d {
	background-color: #DB6572;
}

a.btn:hover,
a.btn:visited {
	color: #FFF;
}

a.btn:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.nowrap {
	white-space: nowrap !important;
}

/*.img-responsive{
    width:inherit; 重要
    max-width:100%;
    height:auto;
}*/

/* ==================================================
#header
================================================== */
header#header {
	z-index: 9999;
	position: relative;
}

header#header .container {
	padding-top: 18px;
}

header#header .bgc-nav-header {
	height: 80px;
	height: 60px;
	background-color: #FFF;
	box-shadow: 0px 2px 3px 0px rgba(174, 174, 174, 0.50);
}

@media screen and (max-width:479px) {
	header#header .bgc-nav-header {
		height: 50px;
	}
}

header#header .navbar {
	margin-bottom: 10px;
}

header#header .navbar .navbar-header {}

header#header .navbar .collapse.navbar-collapse {}

header#header .navbar .navbar-brand {
	padding: 5px 15px;
	width: 413px;
}

header#header .navbar .site-navigation {
	background-color: #FFF;
	margin-top: 10px;
}

@media screen and (max-width:767px) {
	header#header .navbar .site-navigation {
		margin-top: 0;
	}

	header#header .navbar {
		margin-bottom: 0;
	}
}

@media screen and (min-width:768px) {
	header#header .bgc-nav-header {
		height: 80px;
	}
}

@media screen and (max-width:767px) {
	.go-home-header {
		display: none;
	}
}

.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;

	display: flex;
	align-items: center;
}



.navbar-nav>li:nth-child(1)>a::before {
	content: "";
	background-image: url(../images/navbar-nav/icon-glnav1.svg);
	background-size: cover;
	width: 17px;
	height: 17px;
	margin-right: 5px;
}

.navbar-nav>li:nth-child(2)>a::before {
	content: "";
	background-image: url(../images/navbar-nav/icon-glnav2.svg);
	background-size: cover;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.navbar-nav>li:nth-child(3)>a::before {
	content: "";
	background-image: url(../images/navbar-nav/icon-glnav3.svg);
	background-size: cover;
	width: 17px;
	height: 16px;
	margin-right: 5px;
}

.navbar-nav>li:nth-child(4)>a::before {
	content: "";
	background-image: url(../images/navbar-nav/icon-glnav4.svg);
	background-size: cover;
	width: 18px;
	height: 16px;
	margin-right: 5px;
}

.navbar-nav>li:nth-child(5)>a::before {
	content: "";
	background-image: url(../images/navbar-nav/icon-glnav5.svg);
	background-size: cover;
	width: 13px;
	height: 18px;
	margin-right: 5px;
}

.nav>li>a,
.nav>li>a:hover,
.nav>li>a:focus {
	font-weight: bold;
	color: #977375;
	padding: 10px!important;
}

@media screen and (max-width: 910px) {
	.nav>li>a {
		font-size: 14px;
		font-feature-settings: "palt";
	}
}

.nav>li>a i {
	font-weight: normal;
	color: #FF828F;
}

@media (max-width: 991px) {
	header#header .navbar .navbar-brand {
		padding: 10px 15px;
		width: 330px;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	header#header .navbar .navbar-brand {
		padding: 15px 15px;
		width: 400px;
	}
}

@media (max-width: 479px) {
	header#header .bgc-nav-header {
		height: 50px;
		padding-top: 5px;
	}

	header#header .container {
		padding-top: 0px;
	}

	header#header .navbar .navbar-brand {
		padding: 15px 0 10px 5px;
	}
}

@media (max-width: 399px) {
	header#header .navbar .navbar-brand {
		padding: 15px 0 10px 10px;
		width: 270px;
	}
}

@media (max-width: 339px) {
	header#header .navbar .navbar-brand {
		padding: 18px 0 10px 5px;
		width: 240px;
	}
}

/*[START]add20230411*/
#header .bloc-sm {
	padding: 0 25px !important;
}

@media screen and (max-width:767px) {
	#header .bloc-sm {
		padding: 0 !important;
	}
}

.go-home-header {
	background-color: #FFF;
	text-align: right;
}

.go-home-header a {
	padding-right: 25px;
}

.go-home-header a:hover,
.go-home-header a:focus {
	opacity: 0.8;
}

.for-sp-home-menu {
	display: none !important;
  }

  @media screen and (max-width:767px) {
	.for-sp-home-menu {
	  display: block !important;
	}
  }

  .navbar-nav>li:nth-child(6)>a::before {
	content: "";
	background-image: url(../images/navbar-nav/icon-glnav-home.svg);
	background-size: cover;
	width: 18px;
	height: 15px;
	margin-right: 5px;
  }

  #header .navbar {
	/* position: relative;
	min-height: 50px;
	margin-bottom: 20px; */
	border: 0px solid transparent;
	padding-top: 7px;
  }

/*[END]add20230411*/

/* ==================================================
#billboard
================================================== */
#billboard {
	height: 350px;
	background: url(../images/pic-main.png) no-repeat center center;

}

#billboard .container {
	position: relative;
}

#billboard h1 {
	margin-top: 64px;
	margin-left: 50px;
	width: 332px;
}

@media (max-width: 767px) {
	#billboard h1 {
		margin-top: 50x;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 479px) {
	#billboard {
		background-size: cover;
		height: 200px;
	}

	#billboard h1 {
		/*margin-top: 25px;*/
		margin-top: 13px;
		width: 249px;
	}
}



/* ==================================================
.main-container
================================================== */
.main-container {
	background: url(../images/bg_main-container.png) repeat-x left bottom;
	padding-bottom: 25px;
	margin-bottom: 15px;
	border-radius: 5px 5px 0 0;

}

/* ==================================================
#home-contents
================================================== */
#home-contents {
	background-color: #FFF;
	position: relative;
	z-index: 9998;
	margin-top: -20px;
	box-shadow: 0px -2px 3px 0px rgba(174, 174, 174, 0.5);
}

body.home iframe.counter {
	height: 30px;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

body.home iframe.counter p {
	text-align: center;
}

/* #home-banner
-------------------------------------------------- */
#home-banner {
	margin-top: 20px;
	margin-bottom: 25px;
}

#home-banner li {
	display: table;
}

#home-banner li:nth-child(odd) {
	padding-right: 10px;
}

#home-banner li:nth-child(even) {
	padding-left: 10px;
}

#home-banner li.type1 a {
	background: url(../images/icon-type1.png) no-repeat left center;
}

#home-banner li.type2 a {
	background: url(../images/icon-type2.png) no-repeat left center;
}

#home-banner li a {
	display: table-cell;
	vertical-align: middle;
	/*height: 67px;*/
	height: 76px;
	font-size: 15px;
	color: #DA6573;
	font-weight: bold;
	line-height: 1.35;
	background: #FFFFFF;
	border: 1px solid #B9B2BD;
	box-shadow: 0px 1px 3px 0px rgba(150, 150, 150, 0.50);
	border-radius: 4px;
	padding: 5px 7px 5px 72px;
	margin: 0;
	text-decoration: none;
}

#home-banner li a:hover,
#home-banner li a:hover span {
	background-color: #906DA6;
	color: #FFF;
}

#home-banner li a strong {
	font-size: 18px;
}

#home-banner li a span {
	color: #000;
	font-size: 12px;
	font-weight: normal;
}

@media (max-width: 767px) {
	#home-banner li:nth-child(odd) {
		padding-right: 15px;
	}

	#home-banner li:nth-child(even) {
		padding-left: 15px;
	}

	#home-banner li {
		width: 100%;
	}
}


/* section
-------------------------------------------------- */
section header {
	height: 60px;
	background: #FF828F;
	border-bottom: solid 5px #FAD991;
	margin-bottom: 30px;
}

section header h2 {
	color: #FFF;
	font-size: 22px;
	line-height: 60px;
	padding-left: 15px;
	border-bottom: solid 5px #926669;
}

section header i:before {
	font-size: 30px;
	margin-right: 0.2em;
}

@media (max-width: 767px) {
	section header {
		height: auto;
	}

	section header h2 {
		line-height: 1.3;
		padding: 10px 0;
		margin-bottom: 0;
	}

	section header i:before {
		display: none;
	}
}

/* #content1 (section)
-------------------------------------------------- */
#content1 header {
	margin-bottom: 35px;
	border-radius: 6px 6px 0 0;
}

@media (max-width: 480px) {
	#content1 header {
		margin-bottom: 15px;
	}
}

/* .slider */
#content1 .slider {
	margin: 0 15px 35px;
}

@media (max-width: 480px) {
	#content1 .slider {
		margin: 0 15px 60px;
	}
}

#content1 .slider div {
	outline: none;
}

#content1 .slider div .pic {
	position: relative;
	display: table;
	width: 100%;
	height: auto;
	margin: 0 auto 15px;
}

#content1 .slider div .pic .wrap {
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 767px) {
	#content1 .slider div .pic .wrap {
		left: 10px;
	}
}

#content1 .slider div .pic span.date {
	font-family: 'Voltaire', sans-serif;
	color: #FFF;
	font-size: 28px;
	line-height: 1;
	width: 90px;
	height: 90px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background: url(../images/bg-date.png) no-repeat left top;
	/*background-color: #FFD408;*/
	text-shadow: 1px 1px 2px rgba(85, 85, 85, 0.50);
	/*filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;*/
}

#content1 .slider div dl {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	#content1 .slider div dl {
		margin: 15px 10px;
	}
}

#content1 .slider div dt {
	/*height: 1.5em;*/
	color: #F4697B;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	/*overflow: hidden;*/
	-o-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

#content1 .slider div dd {
	color: #372C2D;
	font-size: 13px;
	line-height: 1.6;
}

#content1 .slider div a.btn-event {
	background: #8DC64F;
}

/* mod slick-theme */
.slick-prev {
	left: -20px;
}

.slick-next {
	right: -30px;
}

.slick-prev:before,
.slick-next:before {
	color: #926669;
}

.slick-dots {
	bottom: -45px;
}

.slick-dots li {
	/*width: 15px;*/
}

.slick-dots li button:before {
	font-size: 12px;
}

.slick-dots li.slick-active button:before {
	color: #FF828E;
}

@media (max-width: 767px) {
	.slick-prev {
		left: -15px;
	}

	.slick-next {
		right: -15px;
	}
}

@media (max-width: 480px) {
	#content1 .slider {
		margin: 0 0 55px;
	}

	.slick-prev,
	.slick-next {
		display: none !important;
	}
}

/* .calendar */
iframe {
	width: 100%;
	height: 500px;
}

.calendar {
	margin-top: -77px;
	border: solid 2px #926669;
	border-radius: 5px 5px 0 0;
	margin-bottom: 15px;
	background-color: #FFF;
}

.calendar h3 {
	color: #FFF;
	font-size: 17px;
	line-height: 40px;
	text-align: center;
	background-color: #926669;
}

.calendar h3:before {
	content: "\f118";
	font-family: 'fontawesome';
	font-weight: normal;
	font-size: 18px;
	margin-right: 0.2em;
	vertical-align: baseline;
}

.calendar ul {
	margin: 0 10px;
}

.calendar li {
	margin-bottom: 7px;
	display: table;
	width: 100%;
}

.calendar li .date {
	color: #62484A;
	font-size: 14px;
	font-weight: bold;
	display: table-cell;
	width: 60px;
	text-align: center;
	vertical-align: middle;
	background-color: #FBCF00;
}

.calendar li:nth-child(even) .date {
	color: #FFF;
	background-color: #8FC455;
}

.calendar li .list {
	display: table-cell;
	padding-left: 10px;
	overflow: hidden;
}

.calendar li .list .date2 {
	color: #000;
	font-size: 12px;
	margin-bottom: 4px;
}

.calendar li .list ul {
	margin: 0;
}

.calendar li .list li {
	color: #62484A;
	font-size: 14px;
	line-height: 1.4;
	padding-bottom: 4px;
	margin: 0 0 4px;
	border-bottom: dotted 1px #9C9C9C;
}

/* .legend（凡例） */
#content1 .legend {
	margin-top: 50px;
	/*margin-top: 35px;*/
	overflow: hidden;
	margin-bottom: 0;
}

#content1 .legend.visible-xs-block {
	margin-top: 10px;
}

#content1 .legend .hd {
	width: 40px;
	height: 40px;
	border: solid 1px #DEDEDE;
	color: #62484A;
	font-size: 12px;
	font-weight: normal;
	line-height: 40px;
	text-align: center;
	float: left;
}

#content1 .legend ul {
	overflow: hidden;
}

#content1 .legend li {
	color: #62484A;
	font-size: 12px;
	float: left;
	margin-right: 1em;
	line-height: 1.5;
}



@media (max-width: 991px) {
	.calendar li .date {
		font-size: 12px;
		width: 44px;
	}

	.calendar li .list .date2 {
		font-size: 11px;
	}

	.calendar li .list li {
		font-size: 13px;
	}
}

@media (max-width: 767px) {
	.calendar {
		margin-top: 30px;
	}

	.calendar li .date {
		font-size: 13px;
		width: 80px;
	}

	.calendar li .list .date2 {
		font-size: 12px;
		padding-left: 0 !important;
	}

	.ifrm-container {
		width: 96%;
		height: 300px;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		display: inline-block;
		margin: 10px;
	}

	.ifrm {
		width: 100%;
		height: 100%;
		border: none;
		display: block;
	}

	.calendar li .date {
		font-size: 13px;
		width: 50px;
	}
}

@media (max-width: 479px) {
	iframe {
		height: 300px;
	}
}



/* #content2 (section)
-------------------------------------------------- */
/* #facility */
#content2 #facility {
	color: #372C2D;
}

#content2 #facility .fill {
	background-color: #F2F2F2;
	padding: 6px;
}

#content2 #facility .fill.memo li {
	font-size: 12px;
	line-height: 1.8;
}

#content2 #facility .lead {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 10px;
}

#content2 #facility p {
	font-size: 13px;
}

#content2 #facility p strong {
	color: #DA6573;
	font-weight: bold;
}

#content2 #facility .point {
	margin-left: 0;
	padding-top: 10px;
	padding-left: 1.3em;
	border-top: solid 1px #D7C6C8;
}

#content2 #facility .point li {
	color: #62484A;
	font-size: 12px;
}

#content2 #facility .point li em {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #F8818D;
}

#content2 #facility .other {
	margin-top: 35px;
}

#content2 #facility h3 {
	font-size: 22px;
	line-height: 1.2;
	color: #F4697B;
	padding: 10px 12px 8px;
	background: #FFFFFF;
	border: 2px solid #FF9CA6;
	box-shadow: 1px 1px 2px 0px rgba(159, 159, 159, 0.50);
	border-radius: 5px;
}

#content2 #facility .other h3 {
	font-size: 17px;
	color: #8B565A;
	padding: 6px 10px 4px;
}

#content2 #facility i {
	font-size: 50px;
	color: #BC7C81;
}

#content2 #facility .other i {
	font-size: 38px;
	color: #FF9CA6;
	padding-top: 0.15em;
}

#facility .fa.pull-left {
	margin-right: 0.25em;
}

#content2 #facility a.btn-facility {
	background-color: #BC7C81;
}

#content2 #facility .other a.btn-facility {
	background-color: #F0818C;
}

/*#content2 #facility .other .btn2 p:nth-child(1) {
	padding-right: 5px;
}
#content2 #facility .other .btn2 p:nth-child(2) {
	padding-left: 5px;
}*/

@media (max-width: 767px) {
	#content2 #facility .other {
		margin-top: 15px;
	}

	#content2 #facility .other div {
		margin-bottom: 30px;
	}

	#content2 #facility .other .row.btn2 {
		margin-right: 0;
		margin-left: 0;
	}
}



/* #system */
#content2 #system {
	padding: 15px 12px 10px;
	background-color: #FCF2D9;
	margin-bottom: 20px;
}

#content2 #system h3 {
	color: #754649;
	font-size: 16px;
	margin: 0 -15px 10px;
	padding: 0 15px 8px;
	border-bottom: solid 3px #FFF;
}

#content2 #system dl {
	margin-bottom: 0;
}

#content2 #system dt {
	color: #73393E;
	font-size: 11px;
	font-weight: normal;
}

#content2 #system dt:before {
	content: "\f017";
	font-family: 'fontawesome';
	font-size: 12px;
	font-weight: normal;
	margin-right: 0.2em;
	vertical-align: baseline;
}

#content2 #system dd {
	border-top: dotted 2px #A37D80;
	margin-bottom: 10px;
}

#content2 #system dd p {
	color: #372C2D;
	font-size: 12px;
	line-height: 1.8;
}

#content2 #system dd a {
	display: block;
	color: #DA6573;
	font-size: 17px;
	line-height: 33px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 2px;
	border-bottom: dotted 2px #A37D80;
	position: relative;
	position: relative;
	padding-left: 40px;
}

#content2 #system dd a:hover {
	background-color: #FFF;

}

#content2 #system dd a:before {
	position: absolute;
	top: 3px;
	left: 0;
}

/*#content2 #system dd:nth-of-type(1) a:before {
	content: url("../images/pic-support1.png");
}
#content2 #system dd:nth-of-type(2) a:before {
	content: url("../images/pic-support2.png");
}
#content2 #system dd:nth-of-type(3) a:before {
	content: url("../images/pic-support3.png");
}
#content2 #system dd:nth-of-type(4) a:before {
	content: url("../images/pic-support4.png");
}
#content2 #system dd:nth-of-type(5) a:before {
	content: url("../images/pic-support5.png");
}
#content2 #system dd:nth-of-type(6) a:before {
	content: url("../images/pic-support6.png");
}*/

#content2 #system dd.support01 a:before {
	content: url("../images/pic-support1.png");
}

#content2 #system dd.support02 a:before {
	content: url("../images/pic-support2.png");
}

#content2 #system dd.support03 a:before {
	content: url("../images/pic-support3.png");
}

#content2 #system dd.support04 a:before {
	content: url("../images/pic-support4.png");
}

#content2 #system dd.support05 a:before {
	content: url("../images/pic-support5.png");
}

#content2 #system dd.support06 a:before {
	content: url("../images/pic-support6.png");
}

#content2 #system dd a:after {
	content: "\f105";
	font-family: 'fontawesome';
	font-size: 24px;
	font-weight: normal;
	color: #BC9E95;
	position: absolute;
	top: 3px;
	right: 5px;
}


/* ==================================================
body.system.support04 (20200428)
================================================== */
@media screen and (min-width: 768px) {
	.recipe_detail {
		display: flex;
		align-items: center;
		margin-top: 0.5em;
		margin-bottom: 1em;
	}

	.recipe_detail:nth-child(2) {
		margin-bottom: 2.5em;
	}

	.recipe_detail dt {
		width: 240px;
	}

	.recipe_detail dt img {
		border: solid 1px #83373A;
		border-radius: 6px;
	}

	.recipe_detail dd {
		font-size: 15px;
		padding-left: 0.5em;
	}
}

@media screen and (max-width: 767px) {
	.recipe_detail {
		flex-direction: column;
		margin-bottom: 1em;
	}

	.recipe_detail:nth-child(2) {
		flex-direction: column;
		margin-bottom: 2.5em;
	}

	.recipe_detail dt {
		width: 100%;
	}

	.recipe_detail dt a {
		display: block;
		width: 100%;

		position: relative;
	}

	.recipe_detail dt a::after {
		content: url(../recipe/images/menu-arrow.png);
		float: right;
		margin: 1.25em 1.25em 0 0;
	}

	.recipe_detail dd {
		margin: 5px 15px 0;
		padding-top: 10px;
		border-top: solid 1px #DDD;
	}
}

/* ==================================================
body.system.support04 (20240212)
================================================== */
.food-education-news-list {
	padding-left: 0;
	list-style: none;
	margin-top: 0.5em;
	margin-bottom: 2.5em;
}

@media (max-width: 767px) {
	.food-education-news-list {
		padding: 0 10px;
	}
}

.food-education-news-list li {
	padding-bottom: 0.5em;
	border-bottom: solid 1px #DDD;
	margin-bottom: 0.5em;
}

.food-education-news-list a {
	font-size: 16px;
	line-height: 1;
	font-weight: bold;
	color: #833537;
	display: flex;
	align-items: center;
}

.food-education-news-list a::before {
	content: url(../images/icon-pdf.png);
	padding-right: 0.25em;
}